@charset "UTF-8";
.page-title-service  {
    text-align: center;
    }
    .page-title-service .jp {
    font-size: 32px;
    }
    .page-title-service .en {
    display: block;
    color: #b4cba7;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.2em;
    }
    #member_service .page-title-service .jp {
    color: #5b6b52;
    }
    /*--------ページタイトル終わり--------*/
    
    /*--------ナビ始まり--------*/ 
    .service_nav {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    padding: 10px;
    } 
    .service_nav .service_icon {
    width: 31%;       
    border: 1px solid #5B6B52;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0px 2px 2px #91998d;
    margin: 0 auto 10px;
    }
    .service_nav a {
    text-decoration:none; 
    }
    .service_icon p {
    color: #5b6b52;
    font-weight: 700;
     
    }
    .service_icon p:hover {
    color: #EA5432;
    }
    .service_icon p :visited {
    color: #262b23;
    }
    /*ナビ終わり*/
    /*--------会員特典始まり--------*/
    /*見出し*/
    
    .service_bt_wrap h2 {
    text-align: center;
    }
    .service_bt_wrap p {
    text-align: center;
    margin: 20px ;
    }
    /*会員特典ナビ*/
    .service_bt_wrap ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    }
    .service_bt_wrap h2 {
    font-weight: 700;
    padding: 1rem 0rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #eeee;
    font-weight: bold;
    font-size: 26px;
    margin-top: 20px;
    }
    .service_bt_wrap li{
    width: 47%;     
    background-color: #f6f6f1;  
    box-sizing: border-box;
    padding: 10px;
    margin: 10px auto;
    }
    .list-service_bt span {
    font-weight: 600;
    display: inline;
    }
    .service_bt_wrap ul {
    list-style: none;
    }
    .list-service_bt p {
    margin: 10px;
    }
    #service_bt_Container {
    width: 100%;
    } 
    /*会員特典ナビimg*/
    .list-service_bt img {
    width: 30px;
    margin: 10px;
    vertical-align: -18px;
    }
    /*会員登録btn*/
    .c-btn-content2 {
    display: block;
    text-align: center;
    width: 100%;             
    font-size: 20px;
    font-size: clamp(14px, 4.5vw, 20px);
    font-weight: bold;
    color: #000;
    margin: 30px auto 50px;
    min-width: 200px;
    max-width: 400px;
    padding: 10px;
    border: solid 1px #000;
    background-color: #fff;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
    }
    
    /*--------会員特典終わり--------*/
    
    /*---------ポイント始まり--------*/
    .list-service_pt {
    line-height:40px ;
    margin: 30px auto;
    }
    .list-service_pt li {
    list-style: disc;
    margin: 0 20px;
    }
    /*ポイントimg*/
    .service_pt_wrap img{ 
    width: 75%; 
    box-shadow: 1px 3px 5px rgb(203, 203, 203);
    }
    /*※*/
    .service_pt_wrap p {
    margin: 30px auto;
    }
    .service_pt_wrap span {
    text-decoration: underline;
    }
    /*--------ポイント終わり--------*/
    
    /*--------クーポン始まり--------*/
    /*見出し*/
    .service_cn_wrap {
    margin-top: 40px;
    }
    .list-service_cn li {
    line-height:40px ;
    }
    .list-service_cn li {
    list-style: disc;
    margin: 0 20px;
    }
    /*クーポンimg*/
    .list-service_cn img {
    margin: 30px auto;
    width: 75%; 
    box-shadow: 1px 3px 5px rgb(203, 203, 203);
    }
    /*--------クーポン終わり--------*/
    /*--------メルマガ始まり--------*/
    /*見出し*/
    .service_ent_wrap  {
     margin-top: 40px;
    }
    /*txt*/
    .list-service_ent p {
    margin: 40px 0;
    }
    .list-service_ent span {
    text-decoration: underline;
    }
    /*メルマガimg*/
    .list-service_ent img {
    width: 75%; 
    box-shadow: 1px 3px 5px rgb(203, 203, 203);
    vertical-align: bottom;
    }
    /*--------メルマガ終わり--------*/
    
    /*--------再入荷通知始まり--------*/
    /*見出し*/
    .service_ae_wrap  {
    margin-top: 40px;
    }
    /*li装飾*/
    .order-step_ae{
    width: 75%;
    }
    .order-step_ae li {
    list-style: none;         
    }
    .order-step_ae h3 {
    padding-bottom: 5px;
    background: url(https://gigaplus.makeshop.jp/ikehiko/img/line-dot.png) 
    left bottom repeat-x;
    }
    .order-step_ae h3::before {
    content: counter(step);
    margin-right: 0.8em;
    padding: 3px 15px;
    width: auto;
    height: auto;
    background: #5b6b52;
    color: #fff;
    font-size: 0.8em;
    }
    .order-step_ae li {
    counter-increment: step;
    }
    .order-step_ae{
    margin-top: 30px;
    padding: 1.5em;
    background: #f6f6f1;
    }
    .order-step_ae li:not(:last-child) {
    position: relative;
    margin-bottom: 2.5rem;
    }
    .order-step_ae :not(:last-child) ::after {
    content: "";
    position: absolute;
    bottom: -2rem;
    left: 50%;
    display: block;
    margin-left: -12px;
    border-top: 12px solid #5b6b52;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    }
    /*li装飾終わり*/
    .ae_step6 p {
    font-weight: 700;
    }
    /*--------再入荷通知終わり--------*/
    /*--------お気に入り始まり--------*/
    /*見出し*/
    .service_fav_wrap {
    margin-top: 40px;
    }
    /*txt*/
    .service_fav_txt h3 {
    margin: 60px auto 0px; 
    font-size: 20px;
    }
    .service_fav_txt {
    padding-top: 40px;
    }
    /*お気に入りimg*/
    .service_fav_txt img {
    width: 40%;
    margin-top: 30px;
    box-shadow: 1px 3px 5px rgb(203, 203, 203);
    }
    .img-fav_2 img {
    width: 75%;
    margin-bottom: 40px;
    }
    /*ログインリンク*/
    .service_fav_txt a {
    color: #000;
    }
    .service_fav_txt a :hover {
    color: #EA5432;
    }
    /*--------お気に入り終わり--------*/
    
    /*--------下部--------*/
    #about_howto_Container{
    background-color: #eeeeee;
    padding: 20px;
    width: auto;
    }
    .about_howto_wrap {
    padding:10px  
    }
    .about_howto_wrap a {
    color: #000;
    text-decoration: none;
    }
    .about_howto_wrap :hover {
    color: #EA5432;
    }
    /*--------共通--------*/
    #service_main h2::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url(https://gigaplus.makeshop.jp/ikehiko/img/icon-footer-category.png) center no-repeat;
    background-size: contain;          
    }
    #service-Container h2 {
    font-weight: 700;
    padding: 1rem 0rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #eeee;
    font-weight: bold;
    font-size: 26px;
    margin-top: 20px;
    width: 80%;
    }
    /*--------共通終わり--------*/
    /*--------sp--------*/
    @media screen and (max-width: 768px){
    /*--------sp共通--------*/
    #service-Container:not(first-child) img {
    width: 100%;
    }
    /*--------ナビ--------*/ 
    .service_nav {
    padding: 0px;
    } 
    .service_nav .service_icon {
    padding: 5px;
    }
    /*--------会員登録--------*/
    .service_nav {
    flex-wrap: wrap;
    text-align: center;
    } 
    .service_bt_wrap li{
    width: auto;
    border: 1px solid #eee;
    }
    .service_pt_wrap  { 
    margin-top: 50px;
    }
    /*--------ポイント--------*/
    .list-service_pt {
    line-height: 30px;
    }
    /*--------クーポン--------*/
    .list-service_cn li {
    line-height: 30px;
    }
    .list-service_cn img {
    margin: 20px auto;
    }

    /*--------メルマガ--------*/
    .order-step_ae {
    width: auto;
    }
    .list-service_ent {
     line-height: 30px;
    }
    /*--------再入荷通知--------*/
    #service-Container h2 {
    width: 100%;
    }
    /*--------お気に入り登録--------*/
    .service_fav_txt {
    padding-top: 20px;
    }
    .service_fav_txt h3 {
    margin: 30px auto 0px;
    font-size: 20px;
    }
    .service_fav_txt p {
    margin: 20px auto;
    line-height: 30px;
    }
    .service_fav_txt img {
    margin-top: 0px;
    }
    }
    .service_sp {
     display: none;
    }
    .main-contents {
        padding: 0 20px;
    }
    /*--------sp改行--------*/
    @media screen and (max-width: 768px) {
    .service_sp {
     display: block;
    }
    }