@charset 'UTF-8';

/*-----WFT2/limited2/elevate作成用SP-----*/
.feature_sub{
    margin-bottom:35vw;
}

.largeBtn_b{
    background: #333;
    justify-content:center;
    color: #fff;
    padding: 12px 10px;
    display: flex;
    gap:10px;
    align-items:center;
    margin-bottom: 6px;
    max-width: 187px;
    height: 51px;    
}

.largeBtn_b img{
    width: 32px;
}

/*モーダル内*/
.modal_innerB{
    background-color:#e1dfe1;
    max-width: 899px;
}

.modal_itemB{
    display:flex;
    margin:0;
    justify-content:space-between;
}

.modal_innerC{
    background-color:#FFFFFF;
    max-width: 936px;
}

.modal_itemC{
    display:flex;
    flex-direction:column;
    align-items: center;
    padding-top: 10%;
}

.modal_itemC-1{
    margin: 0 10%;
}

.modal_itemC-2{
    margin:10%;
}



/*product内のアクセサリー*/
.container_ac{
    max-width: 762px;
    margin: 0 auto 150px;
    padding:0 20px;
}
.acc__title{
    display: flex;
    border-bottom: 1px solid #707070;
    justify-content:space-between;
}

.acc__name{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.38;
    padding-bottom: 10px;
}

.acc__price{
    font-size: 1.35rem;
    font-weight: 700;
    position: relative;
    margin-top: 20px;
    padding-bottom: 6px;
    text-align: right;
}
.acc__price span{
    font-size: .9rem;
    font-weight: 300;
}
 .acc__det{
    display: flex;
    border-bottom: 1px solid #707070;
 }
.acc__img{
    width:75%;
    margin: 10px 40px 10px 0;
}
 .acc__info{
    width:100%;
    margin: 20px auto;
    border-top: none;
    line-height: 1.8;
}
 .acc__info p{
    font-size:1.2rem;
 }

 .acc__btn{
    margin-top:12px;
 }
 
 .detail_text{
    padding: 20px 0 40px;
    font-size: 12px;
    line-height:32px;
    text-align:center;
 }

/*limited color*/
.subpage_kv{
    position: relative;
}

.kv_img{
    width: 100%;
    object-fit: cover;
}

.kv__tll{
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-48%);
    font-family:'Avenir','Kumbh Sans','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','メイリオ',sans-serif;
    font-size: 8.5vw;
    color:#fff;
    white-space: nowrap;
    letter-spacing: 0.17em;
    font-weight:500;
}

.kv__stll{
    position: absolute;
    top: 54.5%;
    left: 50%;
    transform: translate(-50%,-54.5%);
    font-family:'Avenir','Kumbh Sans','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','メイリオ',sans-serif;
    font-size: 7.5vw;
    color:#fff;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.content_erea_b{
    margin: 20vw 0 10vw 0;
    max-width: 2000px;
}


.wrapper{
    max-width: 1016px;
    margin: 90px auto 0;
}

.sub-info{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    align-items:center;
}

.item1{
    order: 1;
    }
    
    .item2{
       order: 3;
       grid-column:1/3;
       grid-row:2/3;
    }
    
    .item3{
        order: 2;
     }

/*limited color別*/

.item_subbox{
    margin: 25vw 0 42vw 0;
}
.item_sub{
    text-align: center;
}
.item_sub__color{
    font-size: 9vw;
    letter-spacing:0.01px;
    padding: 60px 10px 15px;
    font-family:'Avenir','Kumbh Sans','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','メイリオ',sans-serif;
    color:#1E2B16;
}
.item_sub__sub{
    font-size:2.5vw;
    color:#1E2B16;
}

.item_sub__img{
    width: 42vw;
    display: inline-block;
    margin:10vw;
}

.item_sub_ttl{
    font-weight: 400;
    line-height: 1.6;
    color:#1E2B16;
}
.sub{
    font-size: 1.4rem;
    margin-bottom: 8px;
    font-weight: 400;
    line-height: 1.45;
    color:#1E2B16;
}
.item_sub_en{
    font-family:'Kumbh Sans','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','メイリオ',sans-serif;
    font-size: 4vw;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: .12em;
    margin-top: 2.5vw;
    color:#1E2B16;  
}

.item_sub_ja{
    font-size: 3vw;
    color:#1E2B16;
}
.item_sub_price{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #707070;
    align-items: center;
    margin: 10px 60px 0;
    color:#1E2B16;
}

.price_en{
    font-size: 3.5vw;
    font-weight: 700;
    margin-top: 4vw;
    padding-bottom: 4vw;
    color:#1E2B16;
}

.item_sub1{
    background-color:#D4E3D3;
    width: 100%;
    margin-bottom: 30vw;
}

.item_sub2{
    background-color: #dcd2c5;
    width: 100%;
}

.sub-text{
    line-height: 2.6;
    text-align: center;
    margin: 20vw 0 0;
    letter-spacing: .15em;
}
.item_sub_act{
    padding: 8vw 0 1vw;
    display:inline-block;
}

.item_sub_inf{
    font-size:2.4vw;
    margin:8vw;
    padding-bottom: 15vw;
    font-weight: 300;
    color:#1E2B16;
}
.price_sub{
     font-size: 2.5vw;
     font-weight:200;
     color:#1E2B16;
}

.txt_link{
    color:#1E2B16;
}


/*-----WFT2/limited2作成用PC-----*/

@media screen and (min-width:900px),print{
.feature_sub{
    margin-bottom:10.6vw;
}

.largeBtn_b{
    background: #333;
    justify-content:center;
    color: #fff;
    padding: 12px 10px;
    display: flex;
    gap:10px;
    align-items:center;
    margin-bottom: 6px;
    max-width: 212px;
    height: 51px;    
}

/*モーダル*/
.modal_innerB{
    background-color:#e1dfe1;
    max-width:1000px;
}

.modal_itemB{
    display:flex;
    margin:auto;
}

.modal_innerC{
    background-color:#e1dfe1;
}

.modal_itemC{
    flex-direction:row;
    justify-content: space-evenly;
    padding-top: 0;
}

.modal_itemC-1{
    margin: 0 0 0 5%;
}

.modal_itemC-2{
    margin:5%;
}



/*product内のアクセサリー*/
.acc{
    width: 1016px;
    text-align:left;
}
.container_ac{
    max-width: 762px;
    margin: 0 auto 150px;
    padding:0 40px;
}
.acc__title{
    display: flex;
    border-bottom: 1px solid #707070;
    justify-content:space-between;
}

.acc__name{
font-size:2rem;
line-height: 1.7;
margin-top: 7px;
padding-bottom: 8px;
}

.acc__price{
    font-size: 2.2rem;
    line-height: 1.7;
    margin-top: 7px;
    padding-bottom: 8px;
    font-weight: 700;
}
.acc__price span{
    font-size: 1.5rem;
    font-weight: 300;
}

 .acc__det{
    display: flex;
    border-bottom: 1px solid #707070;
 }
.acc__img{
    width:33%;
    margin: 20px 40px 20px 10px;
}
 .acc__info{
    width:100%;
    margin: 45px 0 0;
    padding-top:0;
    border-top: none;
    line-height: 1.8;
}
 .acc__info p{
    font-size:1.2rem;
 }
 
.item_info_btn_guide{
    margin-top: 20px;
}

/*limited color*/
.subpage_kv{
    display: flex;
    position: relative;
}
.kv_img{
    object-fit: cover;
    display: block;
    width: 100%;
    height: auto;
}

.kv__tll{
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%,-47%);
    font-family:'Avenir','Kumbh Sans','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','メイリオ',sans-serif;
    font-size: 50px;
    font-weight: 500;
    color:#fff;
    white-space: nowrap;
    letter-spacing: 0.08em;
}

.kv__stll{
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%,-57%);
    font-family:'Avenir','Kumbh Sans','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','メイリオ',sans-serif;
    font-size: 40px;
    color:#fff;
    white-space: nowrap;
    letter-spacing: 0.0em;
    font-weight: 100;
}

.content_erea_b{
    margin: 150px auto;
    max-width: 1016px;
    padding: 0 40px;
}

.wrapper{
    padding: 0 40px;
}

.sub-info{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:20px;
    align-items:center;
}
.sub-info li:nth-child(2){
    grid-column:2/3;
    grid-row:1/3;
}


/*limited color別*/
.item_subbox{
    margin: 0;
    margin-top: 100px;
}
.item_sub{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.item_sub__color{
    font-size: 60px;
    padding: 67px 10px 20px;
    font-family:'Avenir','Kumbh Sans','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','メイリオ',sans-serif;
}

.item_sub__sub{
    font-size: 1vw;
}


.item_sub__img{
    padding: 50px;
    width: 400px;
    margin:0;
}

.item_sub_ttl{
    font-weight: 400;
    line-height: 1.6;
}
.sub{
    font-size: 1.4rem;
    margin-bottom: 8px;
    font-weight: 400;
    line-height: 1.45;
}
.item_sub_en{
    font-family:'Kumbh Sans','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','メイリオ',sans-serif;
    font-size: 2.1rem;
    line-height: 1.6;
    letter-spacing: .04em;
    margin-top:15px;
}

.item_sub_ja{
    font-size: 1.7rem;
    letter-spacing: .2em;
}
.item_sub_price{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #707070;
    align-items: center;
    margin: 50px 130px 0;
}

.price_en{
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.7;
    margin-top: 7px;
    padding-bottom: 8px;
}

.item_sub1{
    background-color:#D4E3D3;
    width: 100%;
    margin-bottom: 0;
}

.item_sub2{
    background-color: #dcd2c5;
    width: 100%;
}

.sub-text{
    font-size: 1.4rem;
    line-height: 2.6;
    text-align: left;
    margin: 0 0 0 55px;
}

.item_sub_act{
    padding: 15px;
    display:inline-block;
}

.item_sub_inf{
    font-size:1.0rem;
    padding:30px;
    margin: 3vw;
}
.price_sub{
     font-size: 1.5rem;
     font-weight: 300;
}
.spec{
    padding-top: 142px!important;
}

.modal_inner1{
    background-image: url(https://duux.jp/assets/images/products/gr_whisper2/whisperft2_fig06sub1_pc.gif);
}
.modal_inner2{
    background-image: url(https://duux.jp/assets/images/products/gr_whisper2/whisperft2_fig06sub2_pc.gif);
}
.modal_inner3{
    background-image: url(https://duux.jp/assets/images/products/gr_whisper2/whisperft2_fig06sub3_pc.gif);
}
.detail_text{
    padding: 20px 0 40px;
    font-size: 14px;
    line-height:38px;
    text-align:center;
 }

}