@charset "utf-8";

.details .item-sty , .item-sty p , .item-sty div , .item-sty span , .item-sty a , .item-sty h1 , .item-sty h2 , .item-sty h3 , .item-sty h4 , .item-sty h5 , .item-sty li , .item-sty td , .item-sty th  {
    font-family: 'Roboto','Noto Sans JP',sans-serif !important;
}

.details .item-sty  {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 90px;
}
.details p {
font-size: 1rem;
}
section.cts-link {
display: none;
}
.details .item-sty h1  {
    margin-bottom: 20px;
}

.details .item-sty video  {
    width: 100%;
}

.details .col-top img  {
    width: 80%;
}

.stylebook_list {
display: none;
}

/*PB*/
.details .pb_dc  {
    text-align: center;
}

.details .pb_dc img  {
    max-width: 580px !important;
}

/*リキッド*/
.details .pb_lq p {
    font-family: 'Noto sans JP',sans-serif;
    margin: 10px;
    font-size: 1rem;
}

.details .pb_lq img  {
    width: 35% !important;
}

/*MB用*/
p.mband-text {
    max-width: 980px;
    margin: 80px auto;
    font-family: 'Roboto','Noto Sans JP',sans-serif;
    font-size: 1rem;
    padding: 28px 20px;
    border: solid #333333;
    border-width: 2px 0;
}

/*サムネ下部*/
.details .title-top  {
    margin: 40px auto;
    text-align: center;
}

.details span.h4-ttl  {
    font-size: 1rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 50px auto 30px;
    display: block;
    line-height: 1;
}

.details .col-top span.ttl  {
    display: block;
    font-size: 1.65rem;
    font-family: Roboto,sans-serif;
    letter-spacing: 5px;
    line-height: 1;
    margin: 50px auto 10px;
}

.details .item-sty h2  {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.65rem;
    line-height: 1.4;
    font-weight: 400;
}

.details .item-intro  {
    margin: 30px auto;
}

.details .item-intro h3.back  {
    background: #f2f0f1;
    margin: 0 auto 20px;
    padding: 10px 0;
}

.details .item-intro p  {
    font-size: 1.1rem;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5;
    text-align: justify;
    margin: 15px auto 40px;
}


.details .backcol  {
    background: #f2f0f1;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    padding: 40px 0;
}

.details .backcol.white  {
    background: #fff;
    padding: 40px 0 0;
}

.details .backcol.white .detail_list .det-sub  {
    background: #fff;
}

.details .backcol.white span.ttl  {
    display: block;
    font-size: 1.65rem;
    font-family: Roboto,sans-serif;
    letter-spacing: 5px;
    line-height: 1;
    margin: 0 auto 10px;
}

.details .backcol .center  {
    width: 750px;
    margin: 0 auto;
}

.details .backcol h3  {
    margin: 10px auto 25px;
    font-weight: bold;
    font-size: 1.5rem;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
}

.details .backcol .point  {
    margin: 50px auto 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.details .backcol .point span  {
    font-family: Roboto,sans-serif;
    font-size: 2.5rem;
    margin: 0 20px 0 0;
    font-weight: bold;
    color: #b5b5b5;
}

.details .backcol p  {
    font-size: 1.1rem;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5;
    text-align: justify;
    margin: 15px auto 40px;
}

.details .backcol .point p  {
    font-size: 1.4rem;
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1;
    margin: 0;
}

.details .backcol .point p br  {
    display: none;
}

.details .code-back  {
    background: #f2f2f2;
    padding: 40px 0 0;
    margin: -15px auto 0;
}

.details .code-back ul  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 45px;
}

.details .code-back li  {
    width: 49%;
    margin-bottom: 25px;
}

.details .code-back img  {
    width: 100%;
    height: 750px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
}

.details .code-back p img  {
    height: auto;
}

.details .code-back p  {
    margin-bottom: 45px;
}

.details p.inimg  {
    margin-bottom: 0;
}

.details p.inimg img  {
    height: auto;
}

.details p.intext  {
    font-size: 1.1rem;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5;
    text-align: justify;
    margin: 15px auto 30px;
}

.details .incode_list h2  {
    margin: 80px auto 40px;
}

.details .osyare  {
    padding: 25px 20px;
    font-family: 'Noto Sans JP', sans-serif !important;
    border-top: 1px solid #9c9c9c;
    border-bottom: 1px solid #9c9c9c;
    width: 75%;
    margin: 0 auto 25px;
    font-size: 1rem;
}

.details .osyare span  {
    display: block;
    font-size: 1.3rem;
    margin-bottom: 7px;
    font-family: 'Noto Sans JP', sans-serif !important;
}

.details .osyare a  {
    display: block;
    width: 20%;
    background: #d65656;
    color: #fff;
    padding: 13px 30px;
    font-size: 1rem;
    letter-spacing: 1px;
    margin-top: 15px;
    border-radius: 30px;
    line-height: 1.2;
    margin: 20px auto 0;
}

.details span.col-ttl  {
    font-family: Roboto,'Noto Sans JP',sans-serif;
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 25px auto;
    display: block;
    line-height: 1;
}

.details span.col-ttl2  {
    font-family: Roboto,'Noto Sans JP',sans-serif;
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 25px auto;
    display: block;
    line-height: 1;
}

.details span.spec  {
    display: block;
    text-align: right;
    font-size: 0.68rem;
    font-family: 'Noto Sans JP', sans-serif !important;
    letter-spacing: 1.5px;
}

.details .left-det, .right-det  {
    background: #f2f2f2;
    display: flex;
    align-items: center;
}

.details .right-det  {
    flex-direction: row-reverse;
}

.details .left-text, .right-text  {
    width: 30%;
}

.details .left-det img, .right-det img  {
    width: 70%;
}

.details .left-det span.detail , .right-det span.detail  {
    font-family: Roboto,sans-serif;
    font-size: 1.1rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin: 0 auto 5px;
    line-height: 1;
    display: block;
}

.details .left-det span, .right-det span  {
    font-family: Roboto,sans-serif;
    font-size: 3.5rem;
    line-height: 1;
}

.details .item-sty h3  {
    margin: 25px auto 0;
    font-size: 1.3rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

.details .item-det p  {
    margin: 15px auto 35px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.1rem;
    font-weight: 300;
    text-align: justify;
}

.details .detail_list .det-sub p.det-topimg  {
    margin: 0 auto 2%;
}

.details .detail_list .det-sub p.det-topimg img  {
    margin: 0 !important;
}

.details ul.det-sub  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.details .det-sub li  {
    width: 49%;
    margin-bottom: 2%;
}

.details .det-sub img  {
    width: 100%;
}

.details ul.det-sty  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.details .det-sty li  {
    width: 49%;
}

.details .det-sty img  {
    width: 100%;
}

/*詳細*/

.details .detail_list  {
    text-align: center;
    margin: 40px auto;
}

.details .detail_list span.ttl  {
    display: inline-block;
    font-size: 1.65rem;
    font-family: Roboto,sans-serif;
    letter-spacing: 5px;
    /*    font-weight: 500;
    padding: 0 20px;
    border-left: 1px solid #333;
    border-right: 1px solid #333;*/
    line-height: 1;
    margin: 30px auto 0;
}

.details .detail_list ul  {
    text-align: center;
    margin: 30px auto 0;
    padding-bottom: 10px;
    background: #f2f0f1;
}

.details .detail_list ul.set  {
    margin: 0 auto;
}

.details .detail_list img  {
    width: 100%;
}

.details .detail_list div  {
    margin: -30px auto 30px;
    background: #fff;
    display: inline-block;
    padding: 30px;
    width: 80%;
    font-family: 'Noto Sans JP', sans-serif;
}

.details .detail_list div h3  {
    margin: 0 auto 18px;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
}

.details .detail_list div h3 br  {
    display: none;
}

.details .detail_list div p  {
    font-size: 1.1rem;
    text-align: justify;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5;
}

.details .detail_list ul li a  {
    display: block;
    margin: 0 auto 30px;
    background: #1097db;
    color: #fff;
    padding: 13px 10px;
    font-size: 1rem;
    font-weight: bold;
    width: 60%;
    border-radius: 50px;
    font-family: 'Noto Sans JP', sans-serif;
}

.details .detail_list ul li div a  {
    margin: 30px auto 0;
}

.details .detail_list ul li a:before  {
    content: '\f0da';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.details .detail_list p.main-sub  {
    font-size: 1.1rem;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5;
    text-align: justify;
    margin: 15px 20px 0;
    padding-bottom: 30px;
}

.details .detail_list .det-sub  {
    margin: 0 auto;
    padding: 0 0 30px;
    width: 100%;
    background: #f2f0f1;
}

.details .detail_list .det-sub.set  {
    padding: 0;
}

/*メーカー・ブランド*/

.details .detail_list .det-sub p br  {
    display: none;
}

.details .detail_list .det-sub p  {
    display: inline-block;
    margin: 0 20px 20px;
}

/*スタッフコーデ*/

.details .staff-coordinate {
    margin: 0 auto 35px;
}

.details .staff-coordinate span.ttl {
    display: inline-block;
    font-size: 1.65rem;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 5px;
    /* font-weight: 500; */
    /* padding: 0 20px; */
    /* border-left: 1px solid #333; */
    /* border-right: 1px solid #333; */
    line-height: 1;
    margin: 30px auto;
}

.details .staff-coordinate img  {

}

/*サイズ別*/

.details .staff-size {
    margin: 0 auto 35px;
}

.details .staff-size span.ttl {
    display: inline-block;
    font-size: 1.65rem;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 5px;
    font-weight: 500; 
    /* padding: 0 20px; */
    /* border-left: 1px solid #333; */
    /* border-right: 1px solid #333; */
    margin: 30px auto 0;
}

.details .staffreview-i {
}

.details .staffreview-i span.spec {
    text-align: center;
    font-size: 1.4rem;
    padding: 5px;
    background: #f2f0f1;
    margin: 60px auto 10px;
    letter-spacing: 1px;
}

.details .staffreview-i span.com {
    font-family: Roboto,sans-serif;
    font-size: 0.95rem;
    letter-spacing: 2px;
    color: #ababab;
    text-transform: lowercase;
    display: block;
    margin: 15px auto;
}

.details .staffreview-i p {
    font-size: 0.95rem;
    display: block;
    line-height: 1.5;
    font-family: 'Noto Sans JP', sans-serif;
    font-feature-settings: normal;
    font-weight: 400;
    text-align: justify;
}

.details .staffreview-c {
    margin-top: 60px;
}

.details .staffreview-c li {
    background: #f2f0f1;
    margin-bottom: 20px;
    text-align: justify;
    padding: 20px;
    font-family: 'Noto Sans JP', sans-serif;
}

.details .staffreview-c span.name {
    font-family: inherit;
    font-size: 0.9rem;
    opacity: 0.7;
    letter-spacing: 1.5px;
}

.details .staffreview-c span.spec {
    text-align: inherit;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.details .staffreview-c li {
    position: relative;
    background-color: #f2f0f1;
    margin-bottom: 30px;
    text-align: justify;
    padding: 25px 35px;
    font-family: 'Noto Sans JP', sans-serif;
}

.details .staffreview-c li:after {
    content: '“';
    font-size: 3rem;
    color: #666;
    position: absolute;
    top: -24px;
    left: 8px;
}

.details .staffreview-c li:before {
    content: '”';
    font-size: 3rem;
    color: #666;
    position: absolute;
    bottom: -46px;
    right: 8px;
}

/*同梱リンク*/

.details .pickitem_link , .pickitem_link02 {
    text-align: center;
}

.details .pickitem_link span.ttl  {
    font-family: Roboto,sans-serif;
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    opacity: 0.4;
}

.details .pickitem_link a {
display: block;
border: 1px solid #333;
width: 55%;
margin: 30px auto 40px;
padding: 20px 50px 35px;
}

.details .pickitem_link a:hover , .pickitem_link02 a:hover {
    text-decoration: none;
    opacity: 0.75;
}

.details .pickitem_link p  {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    line-height: 1.4;
    margin: -45px auto 20px;
    background: #fff;
    display: inline-block;
    padding: 0 10px;
}

.details .pickitem_link img  {
    width: 100%;
}

.details .pickitem_link span.btn  {
    display: block;
    background: #1097db;
    color: #fff;
    padding: 10px;
    margin: 15px auto 0;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 3px;
    font-size: 1rem;
}

/*同梱リンク複数*/

.details .pickitem_link02 p.ttl  {
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 0 auto;
    background: #fff;
    padding: 0 25px;
}
.details .pickitem_link02 p.ttl:before  {
    content: "RECOMMEND ITEM";
    display: block;
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    opacity: 0.4;
    margin-bottom: 10px;
}
.details .pickitem_link02 div  {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding: 50px 30px 20px;
    border: 1px solid #333;
    margin: -17px auto 0;
    flex-wrap: wrap;
}
.details .pickitem_link02 div a  {
    display: block;
    width: 46%;
    text-decoration: none;
    margin-bottom: 25px;
}
.details .pickitem_link02 div a .btn  {
    display: block;
    background: #1097db;
    color: #fff;
    padding: 10px;
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 3px;
    font-size: 1rem;
}

/*同梱リンク2つサムネ*/
.link-flex {
    padding: 0 3rem 2rem;
    text-align: center;
    border: 1px solid #444;
    margin: 3rem 4rem;
}
.link-flex span {
    display: block;
    margin: -0.6rem auto 1.5rem;
    background: #fff;
    width: 80%;
    font-weight: bold;
}
.link-flex div {
    display: flex;
    justify-content: space-between;
}
.link-flex div a {
    display: block;
    width: 48%;
    height: 100%;
    text-decoration: none;
}
.link-flex div a:hover {
    opacity: 0.7;
}
.link-flex div a p {
    background: #1097db;
    padding: 8px;
    color: #fff;
    margin: 0;
}

/*影響与えない*/

.details .code_list  {
    margin: 40px auto 0;
}

.details .code_list span.col-ttl2 , .code_list span.col-ttl {
    font-weight: normal;
}


.details .code_list .code-back  {
    background: none;
}



.details .detail_list .det-sub span.h4-ttl img  {
    width: 10%;
    display: block;
    margin: 0 auto 15px;
    opacity: 0.7;
}


/*動画をDETAIL詳細にする場合*/

.details .main_move  {
    margin: 30px auto -30px !important;
    padding: 0 0 30px !important;
    width: 100% !important;
    background: #f2f0f1 !important;
}

/*動画をYoutubeにする*/

.details .detail_list .movie  {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}


/*ATTENTION*/

.details .item-sty .item-top h2  {
    font-family: Roboto,sans-serif;
    font-size: 0.85rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
}

.details .item-sty .item-top p  {
    font-family: 'Noto Sans JP', sans-serif;
}


/*値下げ販売*/

.details .lowprice_head , .doubleprice_head {
    margin: 15px auto 0;
    background: #cd3609;
    padding: 20px 0;
    text-align: center;
}

.details .lowprice_head span , .doubleprice_head span.price  {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 2px;
    line-height: 1;
    color: #fff;
}

.details .lowprice_head span::before , .doubleprice_head div::before  {
    content: "特別価格";
    background: #fff;
    color: #cd3609;
    font-size: 0.9rem;
    padding: 10px 8px;
    margin-right: 10px;
    letter-spacing: 0;
}

.details .lowprice_head span::after , .doubleprice_head span.price::after  {
    content: "(税込)";
    font-size: 0.98rem;
    font-weight: normal;
    margin-left: 3px;
}

.details .lowprice_head p  {
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    padding-top: 3px;
    border-top: 1px solid #fff;
    line-height: 1.5;
    color: #fff;
}

.details .doubleprice_head span.double  {
    display: flex;
    font-size: 1.5rem;
    color: #fff;
    text-decoration: line-through;
    line-height: 1;
}

.details .doubleprice_head span.price::before  {
    content: "→";
    font-size: 1.6rem;
    padding: 0 3px;
}

.details .doubleprice_head div  {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #fff;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 5px;
}

.details .doubleprice_head p  {
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    padding-top: 3px;
    line-height: 1.5;
    color: #fff;
    margin: 10px auto 0 !important;
}


/*吹き出し*/

.details .bubble  {
    align-items: center;
    display: flex;
    margin: 15px auto;
}

.details .bubble img  {
    width: 13%;
    height: auto;
    object-fit: none;
    font-family: none;
    margin-right: 30px;
}

.details .bubble .comment  {
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
    display: inline-block;
    width: 80%;
    text-align: justify;
    color: #333;
    padding: 20px;
    background-color: #f2f0f1;
    border-radius: 5px;
    font-size: 0.98rem;
}

.details .bubble .comment:before  {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: transparent #f2f0f1;
    border-width: 10px 10px 10px 0;
    top: 50%;
    left: -10px;
    margin-top: -10px;
}

.details .bubble .comment p  {
    font-family: 'Noto Sans JP', sans-serif;
    text-align: right;
    margin: 0;
    font-size: 0.8rem;
    opacity: 0.8;
}

/*突貫リンク*/

.details a.alink  {
    display: block;
    text-align: center;
    margin: 30px auto 50px;
    background: #1097db;
    color: #fff;
    padding: 13px 10px;
    font-weight: bold;
    width: 45%;
    border-radius: 50px;
    font-family: 'Noto Sans JP', sans-serif;
}

.details a.alink:before  {
    content: '\f0da';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.details span.specb  {
    display: block;
    text-align: right;
    font-size: 0.85rem;
    font-family: 'Noto Sans JP', sans-serif !important;
    letter-spacing: 1.5px;
}

/*イチオシコーデ_20200703*/

.details .pick-coordinate  {
    text-align: center;
}

.details .pick-coordinate p.ttl  {
    margin: 0 auto 15px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.65rem;
    line-height: 1.4;
    font-weight: 400;
}

.details .pick-coordinate span  {
    display: block;
    font-family: Roboto,sans-serif;
    letter-spacing: 2px;
    font-size: 0.85rem;
    margin-bottom: 30px;
    color: #999;
}

.details .pick-coordinate a  {
    text-decoration: none;
}

.details .pick-coordinate img  {
    width: 80%;
}

.details .pick-coordinate .pick-itemlist  {
    background: #ccdaa5;
    padding: 350px 35px 45px;
    margin: -320px auto 30px;
    text-align: center;
    font-weight: bold;
}

.details .pick-coordinate .pick-itemlist p.ttl  {
    font-size: 1.4rem;
    font-family: Roboto,'Noto Sans JP',sans-serif;
    letter-spacing: 3px;
}

.details .pick-coordinate .pick-itemlist p.ttl:before  {
    content: "/";
    padding-right: 15px;
    font-weight: normal;
}

.details .pick-coordinate .pick-itemlist p.ttl:after  {
    content: "/";
    padding-left: 15px;
    font-weight: normal;
}

.details .pick-coordinate ul  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 88%;
    margin: 0 auto;
}

.details .pick-coordinate ul li  {
    width: 32%;
}

.details .pick-coordinate ul li img  {
    width: 100%;
}

.details .pick-coordinate .pick-itemlist p.litem:before  {
    content: '\f0da';
    font-family: 'FontAwesome';
    padding-right: 8px;
}
.details .pick-coordinate .pick-itemlist p.litem  {
    margin: 10px auto;
    line-height: 1.5;
    font-weight: normal;
    font-family: 'Noto Sans JP', sans-serif;
    background: #fff;
    border-radius: 50px;
    padding: 5px 0;
}

/*洗濯注意書き_20200703*/

.details .det-atn  {
    margin: 20px auto !important;
    padding: 20px 30px !important;
}

.details .det-atn p.ttl  {
    font-size: 1.3rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    margin: -30px auto 0;
    line-height: 1;
    color: #be2020;
}

.details .det-atn div  {
    margin: 5px auto;
    padding: 0;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
}

/*.details .det-atn div:before  {
    content: "";
    display: inline-block;
    width: 5em;
    height: 5em;
    background: url(https://clubd.co.jp/images/common/wash-atn.png) no-repeat;
    background-size: contain;
    padding-right: 5px;
}*/

/*.details .det-atn.measure div:before  {
    content: "";
    display: inline-block;
    width: 6em;
    height: 4em;
    background: url(https://clubd.co.jp/images/common/size-atn.png?0807) no-repeat;
    background-size: contain;
    padding-right: 7px;
}*/

.details .det-atn div p  {
    font-size: 0.82rem;
    margin: 0 !important;
    line-height: 1.7;
}

.details .detail_list .det-sub p br  {
    display: block;
}

/*注意書き*/

.details .det-atn.basic div:before  {
    display: none;
}

.details .det-atn.basic div  {
    display: block;
    margin: 15px auto;
}

.details .det-atn.basic p.ttl  {
    font-size: 1.6rem;
    margin: -35px auto 0;
}

.details .det-atn.basic div figure  {
    margin: 15px 0;
}

.details .det-atn.basic div p  {
    font-size: 0.9rem;
}

/*セット用アテンション*/
.details p.atn  {
    font-size: 0.85rem !important;
    margin: -5px auto 10px !important;
}

/*サイズ別着用アコーディオン*/

.details .staff-size-acc  {
    margin: 20px auto;
    padding: 0;
    width: 100%;
}

.details .staff-size-acc input  {
    display: none;
}

.details .staff-size-acc label {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    display: block;
    margin: 1.5px 0;
    padding: 12px 20px;
    cursor: pointer;
    transition: all 0.5s;
    background: #f2f0f1;
    font-family: Roboto,'Noto Sans JP',sans-serif;
    font-size: 1.2rem;
    text-align: left;
    position: relative;
}

.details .staff-size-acc label p {
    margin: 5px 0 0;
    font-size: 0.98rem;
}

.details .staff-size-acc .open-review  {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.details .review_acc:checked + label + .open-review  {
    height: auto;
    padding: 0;
    opacity: 1;
}

.details .review_acc:checked + label:after  {
    content: '\f077';
}


.details .open-review img  {
    margin: 10px auto;
}

.details .open-review span.com  {
    font-family: Roboto,sans-serif;
    font-size: 0.95rem;
    letter-spacing: 2px;
    color: #ababab;
    text-transform: lowercase;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.details .open-review p  {
    display: block;
    line-height: 1.5;
    font-family: 'Noto Sans JP', sans-serif;
    font-feature-settings: normal;
    font-weight: 400;
    text-align: justify;
    margin: 15px 0;
}

/*商標*/

.details .rmark-box  {
    padding: 40px 40px 30px;
    margin: 40px auto 80px;
    text-align: left;
    line-height: 1.6;
    background: #f2f0f1;
    font-size: 0.9rem;
    font-family: Roboto,'Noto Sans JP',sans-serif;
}

.details .rmark-box span.ttl  {
    display: block;
    text-align: center;
    padding: 10px 20px;
    margin: -65px auto 0;
    font-size: 1.3rem;
    font-weight: 500;
    font-family: Roboto,'Noto Sans JP',sans-serif;
}

.details .rmark-box p.rmark-tx  {
    margin: 10px auto 0;
    font-size: 0.8rem;
    display: inline-block;
    opacity: 0.8;
}

.details span.rmark02  {
    vertical-align: super;
}

/*詳細内商標*/

.details .detail_list .rmark-box  {
    display: block;
    margin: 30px auto;
    background: none;
    border: 1px solid #333;
    padding: 40px 40px 30px;
}

.details .detail_list .rmark-box span.ttl  {
    background: #f2f0f1;
    width: 80%;
    letter-spacing: 1px;
    line-height: 1.75;
}

.details .detail_list div .rmark-box span.ttl  {
    background: #fff;
}

/*イチオシコーデ_20210305*/

.details .stylebook  {
    margin: 70px auto;
}

.details .stylebook .ttl-flex  {
    display: flex;
    align-items: center;
    justify-content: center;
}

.details .stylebook .ttl-flex h4  {
    font-size: 1.2rem;
    border-bottom: 1px solid #222;
    letter-spacing: 2px;
    display: block;
    margin-right: 60px;
    line-height: 1.5;
}

.details .stylebook .ttl-flex h3  {
    text-align: left;
    font-size: 1.8rem;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0px !important;
}

.details .stylebook .background  {
    background: #efebe0;
    padding: 30px;
    margin-top: 20px;
}

.details .stylebook .stylebook-list  {
    max-width: 710px;
    margin: 30px auto;
}

.details .stylebook ul.stylebook-list-pick > li  {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 50px auto;
    padding-bottom: 50px;
    border-bottom: 1px solid #fff;
}

.details .stylebook ul.stylebook-list-pick > li:last-child  {
    border-bottom: none;
    padding-bottom: 0;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-img  {
    width: 52%;
    position: relative;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-img span  {
    position: absolute;
    top: -50px;
    left: -11px;
    font-size: 4rem;
    font-weight: bold;
    opacity: 0.8;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-img span.spec  {
    position: static;
    font-size: 0.68rem;
    font-weight: 500;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-img img  {
    width: 100%;
    height: 600px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.details .stylebook ul.stylebook-list-pick li .pickcode-right  {
    width: 46%;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-right p  {
    text-align: justify;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-right ul  {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto 0;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-right ul:before  {
    content: "着用アイテム";
    width: 100%;
    text-align: center;
    font-size: 0.85rem;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-family: Roboto,'Noto Sans JP',sans-serif;
    opacity: 0.8;
    font-weight: bold;

    padding: 3px;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-right ul li  {
    text-align: center;
    width: 47%;
    margin-bottom: 15px;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-right ul li a  {
    text-decoration: none;
    display: block;
}

.details .stylebook ul.stylebook-list-pick li .pickcode-right ul li p  {
    margin-top: 5px;
    padding: 5px;
    background: #1097db;
    color: #fff;
    border-radius: 50px;
    text-align: center;
}

.details .stylebook .stylebook_list  {
    border-top: 1px solid #fff;
}

/*イチオシコーデ1カラム_20220118*/

.details .stylebook.single-column .background {
padding: 30px 50px;
}

.details .stylebook.single-column ul.stylebook-list-pick > li {
display: block;
background: #fff;
padding: 0 30px 50px;
}

.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-img {
width: 100%;
padding-top: 1.2rem;
}
.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-right {
width: 100%;
}

.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-img::before {
content: "";
width: 110px;
height: 7px;
display: inline-block;
background-color: #333;
position: absolute;
top: 0;
left: calc(50% - 55px);
}

.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-img span:first-child {
display: block;
position: static;
font-size: 1.4rem;
opacity: 1;
margin-bottom: 1rem;
}
.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-right ul li {
width: 32%;
}
.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+2), .details .stylebook.single-column ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+2) ~ li {
width: 48%;
}
.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(4), .details .stylebook.single-column ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(4) ~ li {
width: 24%;
}
.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-right p.code-ttl {
font-weight: bold;
font-size: 1.25rem;
line-height: 1.3;
}
/*リニューアル_20210527*/

.details .top-title  {
    margin: 10px auto 50px;
}
.details .top-title .ttl  {
    text-align: center;
    margin: 0 auto 20px;
}
.details .top-title .ttl span  {
    display: block;
    font-size: 1.4rem;
}
.details .top-title .ttl h2  {
    font-size: 2.3rem;
    letter-spacing: 2px;
    font-weight: 600;
}
.details .top-title .ttl img  {
    margin: 20px auto 15px;
}
.details .top-title .ttl p  {
    text-align: justify;
    font-size: 0.98rem;
}
.details .about-feature  {
    text-align: left;
    margin-bottom: 100px;
}
.details .about-feature div  {
    margin-bottom: 70px;
}
.details .about-feature h4  {
    font-size: 1.4rem;
    margin: 20px auto 0;
    padding-left: 8px;
    font-weight: 600;
    line-height: 1.5;
}
.details .about-feature h4 br  {
    /*display: none;*/
}

.details .about-feature h5 {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 20px auto 5px;
}

.details .about-feature p  {
    font-size: 0.98rem;
    padding-left: 8px;
    margin: 20px 0 45px;
}
.details .detail-function .ttl  {
    margin: 0 auto 30px;
}
.details .detail-function .ttl h3  {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.8rem;
    line-height: 1.45;
    font-weight: 500;
    margin: 0px auto;
}
.details .detail-function .ttl h3:before  {
    content: "ITEM POINT";
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    border-bottom: 1px solid #222;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-family: 'Roboto','Noto Sans JP',sans-serif;
    line-height: 1.5;
}
.details .function-top:after  {
    content: "|";
    font-size: 3rem;
    font-weight: lighter;
    display: block;
    text-align: center;
}
.details .function-top p  {
    text-align: justify;
    margin: 15px auto 25px;
    font-size: 1rem;
}
.details .function-section  {
    margin: 35px auto 50px;
    text-align: justify;
}
.details .function-section-list  {
    margin-bottom: 85px;
}
.details .function-section-list p  {
    margin: 10px auto;
}
.details .function-section-list .flex  {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.details .function-section-list .flex .title  {
    display: flex;
    align-items: center;
    flex-basis: 42%;
    margin: 13px auto 8px;
}

.details .function-section-list .flex .title .number  {
    font-size: 3rem;
    display: block;
    text-align: center;
    line-height: 1.1;
    padding-right: 12px;
    letter-spacing: 2px;
}
.details .function-section-list .flex .title .number:before  {
    content: "feature";
    display: block;
    font-size: 0.8rem;
}
.details .function-section-list .flex .title div  {
    line-height: 1.2;
}
.details .function-section-list .flex .title div span  {
    font-size: 0.85rem;
}
.details .function-section-list .flex .title div h3  {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.3;
    text-align: left;
    font-weight: bold;
}
.details .function-section-list .flex p  {
    flex-basis: 57%;
    margin: 0 auto;
}
.details .function-section-list .flex img  {
    flex-basis: 100%;
}

.details .function-section-list .desc  {
    display: flex;
    align-items: center;
    margin: 13px auto 8px;
    flex-wrap: wrap;
}
.details .function-section-list .desc .title  {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 42%;
}
.details .function-section-list .desc .title .number  {
    font-size: 4rem;
    display: block;
    text-align: center;
    line-height: 1.1;
    padding-right: 12px;
    letter-spacing: 2px;
}
.details .function-section-list .desc .title .number:before  {
    content: "feature";
    display: block;
    font-size: 0.8rem;
}
.details .function-section-list .desc .title div  {
    line-height: 1.2;
}
.details .function-section-list .desc .title div span  {
    font-size: 1.1rem;
}
.details .function-section-list .desc .title div h3  {
    margin: 0;
    font-size: 1.9rem;
    line-height: 1.3;
    text-align: left;
    font-weight: normal;
}
.details .function-section-list .desc p  {
    width: 57%;
    margin: 0 auto;
    font-size: 1rem;
}

.details .function-section-list ul  {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px auto;
}
.details .function-section-list ul li  {
    width: 49%;
}
.details .function-section-list-solo  {
    margin: 20px auto;
}
.details .function-section-list-solo p  {
    margin: 10px auto;
    line-height: 1.75;
}
.details .detail-list  {
    margin: 80px auto;
}
.details .detail-list h4  {
    text-transform: uppercase;
    display: inline-block;
    font-size: 1rem;
    border-bottom: 1px solid #222;
    letter-spacing: 2px;
    margin-bottom: 30px;
    line-height: 1.5;
}
.details .main-detail p  {
    text-align: justify;
    margin: 0 auto 25px;
    font-size: 0.98rem;
}
.details .main-detail img  {
    margin-bottom: 10px;
}

.details .detail-list h5 {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: left;
}
.details .detail-list ul  {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 7px auto 0;
}
.details .detail-list ul li  {
    width: 49%;
    margin-bottom: 2%;
}
.details .code-function  {
    margin-top: 80px;
}
.details .code-function h4  {
    display: block;
    font-weight: bold;
    letter-spacing: 5px;
    font-size: 1.65rem;
}
.details .code-function span.col-ttl2  {
    display: inline-block;
    padding: 10px 30px;
    font-weight: normal;
    margin: 35px auto 15px;
    font-size: 1.2rem;
}
.details .code-function ul  {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.details .code-function ul li  {
    width: 49%;
    margin-bottom: 25px;
}
.details .code-function ul li img  {
    width: 100%;
    height: 750px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

/*注意文*/
.details .atn-area  {
    background: #f2f0f1;
    padding: 35px 30px 20px;
    margin: 20px auto 40px;
}
.details .atn-area .ttl  {
    display: block;
    color: #be2020;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1;
    margin: -45px auto 25px;
    text-align: center;
}
.details .atn-area img {
    margin: 0 auto 25px;
}
.details .atn-area ul  {
    text-align: left;
    font-size: 0.9rem;
}
.details .atn-area ul li  {
    margin-bottom: 1em;
    padding-left: 1em;
    text-indent: -1em;
}

/*こんな人にオススメ*/

.details .recommend-list  {
    margin: 2em auto 5em;
    background: #f5f8f9;
    padding: 30px 0 10px;
}
.details .recommend-list h4  {
    display: inline-block;
    font-size: 1.2rem;
    border-bottom: 1px solid #222;
    letter-spacing: 2px;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto 15px;
}
.details .recommend-list h3  {
    font-size: 1.8rem;
    font-weight: normal;
    margin: 0;
    letter-spacing: 2px;
}
.details .recommend-list ul  {
    padding-top: 40px;
    list-style: none;
    display: inline-block;
    font-size: 1.1rem;
}
.details .recommend-list ul li  {
    text-align: left;
    padding-bottom: 30px;
}
.details .recommend-list ul li label p {
    margin: -6px 0 0 0;
}
.details .recommend-list label  {
    position: relative;
    cursor: pointer;
    display: flex;
}
.details .recommend-list .option-input  {
    position: relative;
    margin: 0 2rem 0 0;
    cursor: pointer;
}
.details .recommend-list .option-input:before  {
    position: absolute;
    z-index: 1;
    top: 0rem;
    left: 0.35rem;
    width: 0.75rem;
    height: 0.375rem;
    content: '';
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    border: 2px solid #464646;
    border-top-style: none;
    border-right-style: none;
}
.details .recommend-list .option-input:checked:before  {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
.details .recommend-list .option-input:after  {
    position: absolute;
    top: -0.4rem;
    left: 0;
    width: 1.3rem;
    height: 1.3rem;
    content: '';
    cursor: pointer;
    border: 2px solid #464646;
    background: #ffffff;
}
.details iframe {
    width: 100%;
    height: 422px;
}


.details img  {
    width: 100%;
    height: 100%;
}

.details ul  {
    list-style: none;
    padding-left: 0;
}

.details li  {
    list-style: none;
}

.details .details .col-lg-9, .col-md-8  {
    flex: 0 0 100%;
    max-width: 100%;    
}

.details .buyer-ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.details .buyer-ttl:before {
    content: "";
    display: inline-block;
    width: 147px;
    height: 126px;
    background: url(https://www.clubd.co.jp/_images/goods/2021/common/takashi-buyer.gif) no-repeat;
    background-size: contain;
}

.details .buyer-ttl h4.ttl {
    font-size: 1.2rem;
    text-align: left;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

.details .buyer-ttl h4.ttl:before {
    content: "BUYER'S COMMENT";
    display: block;
    font-size: 0.68rem;
    letter-spacing: 0.1rem;
    font-weight: 500;
}

.details .buyer-comment {
    border: 2px solid #333;
    border-radius: 20px;
    padding: 15px 30px;
    text-align: left;
}

.details .buyer-push .background {
    background: #fff;
    border: 2px solid #333;
    border-radius: 20px;
    padding: 30px 30px 0;
}

.details .buyer-push h4.ttl {
font-size: 1.2rem;
font-weight: 100;
}
.details .buyer-push ul.stylebook-list-pick > li:last-child {
    margin-bottom: 0;
}
.details .buyer-push ul.stylebook-list-pick li .pickcode-img , .details .buyer-push ul.stylebook-list-pick li .pickcode-right {
    width: 100%;
}
.details .buyer-push ul.stylebook-list-pick li .pickcode-img img {
    height: auto;
}

.details .buyer-push ul.stylebook-list-pick > li {
    margin: 0 auto 30px;
}

.details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+2):nth-child(2), .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+2) ~ li:nth-child(2) {
    margin: 0 auto 15px 2%;
}

.details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+3), .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+3) ~ li {
    width: 32%;
}

.details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+3), .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+3) ~ li {
    width: 32%;
}
.details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(n+4), .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(n+4) ~ li {
    width: 23.5%;
}

.details .stylebook-list-other {
    margin-top: 40px;
}

.details .stylebook-list-other ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
}

.details .stylebook-list-other ul li {
    width: 49%;
    margin-bottom: 15px;
}

.details .stylebook-list-other ul li img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}



/*PBリニューアル_20211029*/
.details .chapter-list {
    padding: 10px;
    text-align: left;
    margin: 20px auto;
    width: 80%;
    font-weight: bold;
}

.details .chapter-title::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #444;
    margin: auto;
}
.details .item-sty .chapter-list h2 {
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    margin: 20px auto;
}

.details .chapter-list a {
    display: block;
}

.details .chapter-list a div {
    position: relative;
    padding: 10px 0px;
    width: 80%;
    margin: auto;
}
.details .chapter-list a div span {
    background: #333;
    color: white;
    padding: 5px 10px;
    margin-right: 15px;
}
.details .chapter-list a div::after {
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #555;
    border-right: solid 1px #555;
    transform: rotate( 135deg);
    position: absolute;
    top: 50%;
    right: -20px;
}
.details .item-sty h2.chapter-title {
    border-top: 3px solid;
    border-bottom: 3px solid;
    margin: 80px 0 30px;
    text-align: center;
    background: #dedede;
    padding: 20px 0;
    font-weight: bold;
    font-size: 1.3rem;
    position: relative;
}
.details h2.chapter-title span {
    display: block;
    font-weight: normal;
    font-size: 1rem;
    margin: 5px 0 0;
}
.details .chapter-title::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 17px solid #444;
    margin: auto;
}
.details .main-block {
    text-align: left;
}
.details .item-sty .main-block h3 {
    font-size: 1.2rem;
    text-align: left;
    font-weight: bold;
    margin: 50px 0 20px;
}
.details .item-sty .main-block h3 br {
    display: none;
}
.details .item-sty .main-block h3.back {
    background: #f2f0f1;
    padding: 10px;
    margin-bottom: 10px;
}
.details .point-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto 10px;
}
.details .point-title .number {
    font-size: 3rem;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    padding-right: 10px;
}
.details .point-title .number:before {
    content: "POINT";
    display: block;
    font-size: 0.9rem;
    letter-spacing: 1px;
}
.details .point-title .title {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.4;
}
.details a.alink.tag-link {
    background: #444;
}
.details .detail-function .detail-top {
    margin-top: 30px;
}
.details .detail-function .detail-top::before {
    content: "|";
    font-size: 3rem;
    display: block;
    text-align: center;
}
.details .detail-function .detail-top h3 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 30px 0;
    line-height: 1.5;
}
.details .detail-function .detail-top p {
    text-align: left;
}

/*女子*/
.details .ladies-comment {
    margin: 30px 10px 0;
    display: flex;
    align-items: flex-start;
    align-content: space-between;
}
.details .ladies-comment img {
    width: 18%;
    border-radius: 50%;
    margin-right: 20px;
}
.details .ladies-comment div {
    text-align: justify;
    position: relative;
    display: inline-block;
    padding: 18px;
    background: #FFF;
    border: solid 3px #dad5c8;
    box-sizing: border-box;
    border-radius: 20px;
}

.details .ladies-comment div::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
}
.details .ladies-comment div::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #dad5c8;
    z-index: 1;
}

.details .ladies-comment div p {
    margin: 0;
    font-size: 0.95rem;
}

.details .ladies-comment div p::before {
    content: "";
    display: block;
    font-size: 0.9rem;
    margin-bottom: 12px;
    font-weight: bold;
}

.details .ladies-comment.staff-miyu div p::before {
    content: "スタイリスト：MIYU";
}

.details .ladies-comment.staff-chiharu div p::before {
    content: "スタイリスト：CHIHARU";
}

/*コーデブログ読み込み*/

.details .item-sty .dc-model-info__image img{
    border-radius: inherit;
}

/*タイトル*/
.details .item-sty .staff-code-title {
    padding: 25px;
    position: relative;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 500;
    margin: 30px 70px;
}
.details .item-sty .staff-code-title span{
    display: block;
    font-weight: normal;
    font-size: 1rem;
    margin: 5px 0 0;
    text-align: center;
}
.details .item-sty .staff-code-title::before, .details .item-sty .staff-code-title::after {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
}
.details .item-sty .staff-code-title::before {
    border-left: solid 2px #333333;
    border-top: solid 2px #333333;
    top: 0;
    left: 0;
}
.details .item-sty .staff-code-title::after {
    border-right: solid 2px #333333;
    border-bottom: solid 2px #333333;
    bottom: 0;
    right: 0;
}
/*ボタン*/
.details .item-sty a.staff-code-btn {
    display: inline-block;
    position: relative;
    background: #333;
    color:#efebe0;
    padding:15px 5.5rem 15px 1.8rem;
    border-radius: 50px;
    text-decoration: none;
    margin-top: 20px;
}

.details .item-sty a.staff-code-btn:after {
    content:"";
    position:absolute;
    display: block;
    width: 10px;
    height: 30px;
    top: 47%;
    right: 3.2rem;
    border-top: solid 2.5px #efebe0;
    border-right: solid 2.5px #efebe0;
    transform: translateY(-50%) rotate(45deg) skewX(-45deg);
}

/*試着CSS*/
.staff-size .data{
    background: #f2f0f1;
    margin: 20px auto 10px;
    padding: 25px 0 10px 0;
}
.staff-size .data img{
    border-radius: 50%;
}
.staff-size .data .feature span, .staff-size .data .feature-over span {
background: #444444;
margin-left: 10px;
border-radius: 20px;
padding: 4px 10px;
color: #ffffff;
line-height: 1.3;
}
.staff-size .data .feature-over {
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.staff-size .data-table th, .data-table td{
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    text-align: center;
}
.staff-size .data-table table{
    margin: 0 auto;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-spacing: 0;
    table-layout: fixed;   
    width: 100%;
}
.staff-size .data .table-top{
    background: #e4e5ea;
}
.staff-size .data .table-bottom{
    background: #ffffff;
}    
.staff-size .data-table th{
    padding: 4px;
    font-size: 0.9rem;
    font-weight: 500;
}

.staff-size .data-table td{
    padding: 10px;
}
.staff-size .comment-table{
    border-collapse: separate;
    border-spacing: 0px 6px;
}
.staff-size .comment-table th{
    vertical-align: top;
    font-size: 14px;
}
.staff-size .comment-table td{
    text-align: left;
}
.staff-size .choice-comment {
font-size: 1.3rem;
font-weight: 500;
display: inline-block;
background: linear-gradient(transparent 50%, #efebe0 50%);
letter-spacing: 1.15px;
margin: 5px 0 15px;
}
.staff-size .review-comment {
padding: 18px 30px;
position: relative;
display: block;
margin: 1.5em 0;
font-size: 16px;
background: #efebe0;
border-radius: 15px;
}
.staff-size .review-comment:before{
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #efebe0; 
}

.staff-size .sp-h4{
    display: none;
}
.staff-size .pc-h4 {
display: block;
font-weight: 500;
font-size: 20px;
margin-bottom: 0;
text-align: center;
}

.staff-size .data-flex {
    display: flex;
    align-items: end;
    justify-content: center;
    width: 87%;
    margin: 0 auto 15px;
    flex-wrap: wrap;
}

.staff-size .data-flex-left{
    width: 20%;
    margin-right: 20px;
}

.staff-size  .data-flex-right {
    width: 75%;
}
.details .staff-size .data .feature {
    margin: 15px 0 0 !IMPORTANT;
}
.staff-size .data .feature span:nth-child(n+2), .staff-size .data .feature-over span:nth-child(n+3) {
margin-left: 5px;
}
.details .staff-size .open-review .review-p {
margin-bottom: 0;
}

/*スタッフコーデ読み込み*/
.dc-coordinate-tile__imagelink {
border-radius: 20px;
}

.dc-coordinate-tile__imagelink img {
height: 290px;
object-fit: cover;
font-family: 'object-fit: cover;';
}

/*身体の測り方*/
a.measure-body {
display: block;
margin: 2rem auto;
background: #1097db;
color: #fff;
padding: 1rem;
letter-spacing: 1px;
}
a.measure-body::after {
content: '\f105';
font-family: 'FontAwesome';
position: absolute;
right: 3%;
top: 50%;
transform: translateY(-50%);
font-size: 2rem;
}
a.measure-body:hover {
opacity: 0.7;
}

@media screen and (max-width: 1221px) {
    .staff-size .data-table th {
        font-size: 0.9rem;
        padding: 3px;
    }
}


@media screen and (max-width: 1200px) {
    .details .stylebook .ttl-flex h4  {
        border-bottom: 1px solid #222;
        letter-spacing: 2px;
        display: block;
        line-height: 1.5;
        margin: 0 auto 15px;
        font-weight: 500;
    }

    .details .stylebook ul.stylebook-list-pick li .pickcode-img {
        width: 100%;
    }

    .details .stylebook ul.stylebook-list-pick li .pickcode-right {
        width: 100%;
        margin-top: 15px;
    }

    .details .stylebook ul.stylebook-list-pick > li, .details .stylebook .ttl-flex {
        flex-direction:column;
    }

    .details .pickitem_link a {
        width: initial;
    }

    .details .stylebook ul.stylebook-list-pick li .pickcode-img span img {
        height: auto;
    }
    .details .stylebook ul.stylebook-list-pick li .pickcode-img img {
        height: auto;
    }
    .details .stylebook-list-other ul li img {
        height: 450px;
    }
    .details iframe {
        height: 230px;
    }
}

@media screen and (max-width: 768.98px) {
.dc-coordinate-tile__imagelink img {
height: 200px;
}
    .details .data-spec .review_acc:checked + label + .open-review {
        width: 100%;
    }
    .staff-size .data{
        margin-top: 40px;
        padding-bottom: 5px;
    }
    .staff-size .pc-h4{
        display: none;
    }
    .staff-size .sp-h4{
        display: block;
        font-size: 1.24rem;
        font-weight: 500;
    }
    .staff-size .data-flex {
        flex-direction: column;
        width: 100%;
        align-items: center;
        margin-bottom: 0;
    }
    .staff-size .data-flex-left {
        margin: -60px auto 5px;
    }
    .staff-size .data-flex-right {
        width: 95%;
        margin-top: 0;
    }
    .staff-size .data-table{
        padding-top: 10px;
    }
    .staff-size .data .data-table th {
        font-size: 0.7rem;
    }
    .details .staff-size .data .feature {
        text-align: center;
        padding: 10px 0;
        margin: 5px 0;
    }
.staff-size .data .feature span {
font-size: 0.95rem;
}

.details .staff-size .data .feature-over .feature {
width: 100%;
padding-bottom: 0;
}
.staff-size .data .feature-over {
padding-bottom: 15px;
}
.staff-size .data .feature-over span {
font-size: 0.85rem;
}
    .staff-size .choice-comment {
        font-size: 1.24rem;
        margin-bottom: 10px;
    }
    .staff-size .review-comment {
        padding: 10px 20px 10px;
    }
    .details .staff-size .open-review .review-p {
        margin: 5px 0;
    }
    .link-flex {
        margin: 2rem auto 0;
        padding: 0 2rem 1.8rem;
    }
    .link-flex span {
        width: 96%;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 599px) {

.details p {
font-size: 1rem;
}

    .details .item-sty {
        text-align: center;
        width: 100%;
        font-feature-settings: normal;
    }

    .details .item-sty h1 {
        margin-bottom: 15px;
    }

    /*PB*/

    .details .pb_dc img {
        margin: 0 auto 5px !important;
    }

    /*リキッド*/

    .details .pb_lq img {
        width: 45% !important;
    }

    .details .pb_lq p {
        margin: 10px;
        font-size: 0.8rem;
    }


    /*サムネ下部*/
    .details .title-top {
        margin: 25px auto;
        text-align: center;
    }

    .details span.h4-ttl {
        font-size: 0.9rem;
        letter-spacing: 1px;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 45px auto 25px;
        display: block;
        line-height: 1;
    }

    .details .item-sty h2 {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.35rem;
        line-height: 1.4;
        font-weight: 300;
    }

    .details .item-intro {
        margin: 30px auto;
    }

    .details .item-intro h3.back {
        background: #f2f0f1;
        margin: 0 auto 10px;
        padding: 10px 0;
        text-align: center;
        font-weight: 500;
        font-size: 1.2rem;
    }

    .details .item-intro p {
        font-size: 0.95rem;
        font-family: 'Noto Sans JP', sans-serif;
        line-height: 1.5;
        text-align: justify;
        margin: 10px auto 30px;
    }


    .details section.backcol {
        background: #f2f0f1;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
        padding: 25px 0 0;
    }

    .details .backcol.white {
        background: #fff;
    }

    .details .backcol.white .detail_list .det-sub {
        background: #fff;
        padding: 0;
    }

    .details .detail_list .det-sub ul p {
        width: 85%;
    }

    .details .backcol.white span.ttl {
        display: block;
        font-size: 1.4rem;
        font-family: Roboto,sans-serif;
        letter-spacing: 3px;
        line-height: 1;
        margin: 0 auto 10px;
    }

    .details .backcol.white .detail_list {
        background: #fff;
        margin: 20px auto;
    }

    .details section.backcol .center img {
        width: 100%;
    }

    .details section.backcol h3 {
        margin: 10px auto 25px;
        font-weight: bold;
        font-size: 1.3rem;
        background: none;
        color: #4c4c4c;
        font-family: 'Noto Sans JP', sans-serif;
        text-align: center;
    }

    .details section.backcol .point {
        margin: 40px auto 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .details section.backcol .point span {
        font-family: Roboto,sans-serif;
        font-size: 2.3rem;
        margin: 0 15px 0 0;
        font-weight: bold;
        color: #b5b5b5;
    }

    .details section.backcol p {
        font-size: 0.95rem;
        font-family: 'Noto Sans JP', sans-serif;
        line-height: 1.5;
        text-align: justify;
        margin: 15px 10px 40px;
    }

    .details section.backcol .point p {
        font-size: 1.2rem;
        text-align: left;
        font-family: 'Noto Sans JP', sans-serif;
        margin: 0;
    }

    .details section.backcol .point p br {
        display: block;
    }

    .details .code-back {
        background: #f2f2f2;
        padding: 30px 20px;
        margin: -15px auto 0;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .code-back li {
        margin-bottom: 10px;
    }

    .details .code_list .code-back img {
        height: 350px;
    }

    .details .code_list .code-back p img {
        height: auto;
    }

    .details .code-back p {
        margin-bottom: 35px;
    }

    .details p.inimg {
        margin-bottom: 0;
    }

    .details p.intext {
        font-size: 0.9rem;
        text-align: justify;
        margin: 10px auto 30px;
        line-height: 1.5;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .details .incode_list h2 {
        margin: 50px auto 30px;
        font-size: 1.3rem;
    }

    .details span.col-ttl {
        font-family: Roboto,'Noto Sans JP',sans-serif;
        font-size: 1.1rem;
        letter-spacing: 1px;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 25px auto 15px;
        display: block;
        line-height: 1;
        letter-spacing: 3px;
    }

    .details span.col-ttl2 {
        font-family: Roboto,'Noto Sans JP',sans-serif;
        font-size: 1.1rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 25px auto 15px;
        display: block;
        line-height: 1;
        letter-spacing: 3px;
    }

    .details span.spec {
        display: block;
        text-align: right;
        font-size: 0.78rem;
        font-family: 'Noto Sans JP', sans-serif !important;
        letter-spacing: 1.5px;
    }

    .details .left-det, .right-det {
        /* background: #f2f2f2; */
        display: flex;
        align-items: center;
        flex-flow: column;
    }

    .details .left-text, .right-text {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .details .left-text div , .right-text div {
        padding: 15px 20px;
    }

    .details .left-det span.detail , .right-det span.detail {
        font-family: Roboto,sans-serif;
        font-size: 0.8rem;
        letter-spacing: 1px;
        margin-bottom: 20px;
        text-transform: uppercase;
        margin: 0 auto 2px;
        line-height: 1;
        display: block;
    }

    .details .left-det span, .right-det span {
        font-family: Roboto,sans-serif;
        font-size: 2.4rem;
        line-height: 1;
    }

    .details .item-sty h3 {
        margin: 0 15px;
        font-size: 18px;
        text-align: justify;
        line-height: 1.3;
    }

    .details .item-sty h3 br {
        display: none;
    }

    .details .item-sty .stylebook .ttl-flex h3 br {
        display: block;
    }

    .details .item-sty .left-det h3 br , .item-sty .right-det h3 br {
        display: block;
    }

    .details .item-det p {
        margin: 15px 13px 35px;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.95rem;
        font-weight: 300;
        text-align: justify;
    }

    .details p.det-topimg {
        margin: 0 auto 2.5%;
    }

    .details p.det-topimg img {
        margin: 0 auto !important;
    }

    .details ul.det-sub {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .details .det-sub li {
        width: 49%;
    }

    .details ul.det-sty {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .details .det-sty li {
        width: 49%;
        margin-bottom: 2%;
    }



    /*詳細*/

    .details .detail_list {
        text-align: center;
        margin: 40px auto;
        background: #f2f0f1;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .detail_list span.ttl {
        display: inline-block;
        font-size: 1.4rem;
        font-family: Roboto,sans-serif;
        letter-spacing: 3px;
        line-height: 1;
        margin: 25px auto 0;
        text-align: center;
    }

    .details .detail_list ul {
        text-align: center;
        margin: 30px auto 0;
    }

    .details .detail_list div {
        margin: -40px auto 30px;
        background: #fff;
        display: inline-block;
        padding: 25px 20px;
        width: 85%;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .details .detail_list div h3 {
        background: none;
        color: #333;
        padding: 0;
        font-size: 1.1rem;
        margin: 0 auto 18px;
        text-align: center;
        font-weight: bold;
        line-height: 1.5;
    }

    .details .detail_list div h3 br {
        display: block;
    }

    .details .detail_list div p {
        font-size: 0.9rem;
        text-align: justify;
    }

    .details .detail_list ul li a {
        display: block;
        margin: 0 auto 25px;
        background: #1097db;
        color: #fff;
        padding: 13px 10px;
        font-size: 0.9rem;
        font-weight: bold;
        width: 70%;
        border-radius: 50px;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .details .detail_list ul li div a {
        margin: 20px auto 0;
        width: 90%;
    }

    .details .detail_list ul li a:before {
        content: '\f0da';
        font-family: 'FontAwesome';
        padding-right: 5px;
    }

    .details .detail_list p.main-sub {
        font-size: 0.9rem;
        text-align: justify;
        margin: 10px auto 0;
        padding-bottom: 20px;
        line-height: 1.75;
        width: 85%;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .details .detail_list .det-sub p.maker br {
        display: block;
    }

    .details .detail_list .det-sub p.maker {
        line-height: 1.7;
        text-align: center;
        margin: 0 auto;
    }

    .details .detail_list .det-sub p {
        margin: 10px auto;
        line-height: 1.75;
    }

    .details .detail_list .det-sub p.center {
        text-align: center;
    }

    .details .detail_list .det-sub {
        margin: 0 auto;
        background: none;
        padding: 0 0 20px;
        /*    margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1); */
    }

    .details .detail_list .det-sub.set {
        padding: 0;
    }

    .details .detail_list p.det-topimg {
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .detail_list ul.det-sub li {
        margin-bottom: 1%;
        padding: 0;
    }

    .details .detail_list ul.det-sty {
        margin-top: 0;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .detail_list ul.det-sty li img {
        vertical-align: bottom;
    }

    /*スタッフコーデ*/

    .details .staff-coordinate {
        margin: 0 auto 35px;
    }

    .details .staff-coordinate span.ttl {
        display: inline-block;
        font-size: 1.4rem;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 3px;
        /*    font-weight: 500;*/
        /*    padding: 0 15px;
        border-left: 1px solid #333;
        border-right: 1px solid #333;*/
        line-height: 1;
        margin: 35px auto 25px;
        text-align: center;
    }

    /*サイズ別画像*/

    .details .staff-size {
        margin: 0 auto 35px;
    }

    .details .staff-size span.ttl {
        display: inline-block;
        font-size: 1.4rem;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 3px;
        font-weight: 500;
        /*    padding: 0 15px;
        border-left: 1px solid #333;
        border-right: 1px solid #333;*/
        line-height: 1;
        margin: 35px auto 15px;
        text-align: center;
    }

    .details .staffreview-i span.spec {
        text-align: center;
        font-size: 1rem;
        padding: 5px;
        background: #f2f0f1;
        margin: 30px auto 10px;
        letter-spacing: 1px;
    }

    .details .staffreview-i span.com {
        font-family: Roboto,sans-serif;
        font-size: 0.95rem;
        letter-spacing: 2px;
        color: #ababab;
        text-transform: lowercase;
        display: block;
        margin: 10px auto;
    }

    .details .staffreview-i p {
        font-size: 0.95rem;
        display: inline-block;
        line-height: 1.5;
        font-family: 'Noto Sans JP', sans-serif;
        font-feature-settings: normal;
        font-weight: 300;
        text-align: justify;
    }

    .details .staffreview-c {
        margin-top: 30px;
    }

    .details .staffreview-c li {
        background: #f2f0f1;
        margin-bottom: 20px;
        text-align: justify;
        padding: 20px;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .details .staffreview-c span.name {
        font-family: inherit;
        font-size: 0.9rem;
        opacity: 0.7;
        letter-spacing: 1.5px;
    }

    .details .staffreview-c li {
        position: relative;
        background-color: #f2f0f1;
        margin-bottom: 30px;
        text-align: justify;
        padding: 25px 35px;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .details .staffreview-c li:after {
        content: '“';
        font-size: 3rem;
        color: #666;
        position: absolute;
        top: -24px;
        left: 8px;
    }

    .details .staffreview-c li:before {
        content: '”';
        font-size: 3rem;
        color: #666;
        position: absolute;
        bottom: -46px;
        right: 8px;
    }


    /*ブログコンテンツ設置*/

    .details .contents_link {
        text-align: center;
        margin: 40px auto;
        background: #f2f0f1;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .contents_link span.ttl {
        display: inline-block;
        font-size: 1.4rem;
        font-family: Roboto,sans-serif;
        letter-spacing: 5px;
        font-weight: 500;
        padding: 0 15px;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        line-height: 1;
        margin: -10px auto 0;
        text-align: center;
    }

    .details .contents_link ul {
        text-align: center;
        margin: 30px auto;
    }

    .details .contents_link li {
        background: #f2f0f1;
    }

    .details .contents_link img {
        width: 100%;
        margin: 0 auto !important;
    }

    .details a.contents_ttl {
        margin: -112px auto 30px;
        background: #fff;
        display: inline-block;
        padding: 20px;
        width: 85%;
    }

    .details .contents_ttl div {
        margin: -38px auto 0;
    }

    .details .contents_ttl div span {
        display: table;
        margin: 0 auto;
        border-bottom: 1px solid #333;
        font-size: 1.8rem;
        font-family: Roboto,sans-serif;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 1.4;
    }

    .details .contents_ttl div p {
        font-size: 0.65rem;
        font-family: Roboto,sans-serif;
        letter-spacing: 1.5px;
        margin: 5px auto 20px;
    }

    .details .contents_ttl h3 {
        background: none;
        color: #333;
        font-family: 'Noto Sans JP', sans-serif;
        padding: 0;
        font-size: 1.1rem;
        margin: 0 auto 18px;
    }

    .details .contents_ttl span.btn {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.9rem;
        letter-spacing: 1px;
        padding: 6px 0;
        display: block;
        border: 1px solid #333;
    }

    /*MB*/

    .details .buyer-ttl h4.ttl {
        font-size: 1.15rem;
    }
.details .buyer-ttl h4.ttl:before {
font-size: 0.78rem;
}
    .details .buyer-ttl:before {
        width: 93px;
        height: 81px;
    }
    .details .buyer-push .background {
        margin: 0 auto !important;
        padding: 30px 20px 0;
    }

    .details .buyer-comment {
        padding: 15px 20px 20px;
    }
    .details .buyer-push ul.stylebook-list-pick > li {
        margin: 0 auto 10px;
    }
    .details .buyer-push ul.stylebook-list-pick li .pickcode-img img {
        height: 350px;
    }
    .details .buyer-push h4.ttl {
        font-size: 1.3rem;
    }
    .details .buyer-push ul.stylebook-list-pick li .pickcode-img span:first-child {
        width: 33%;
        font-size: 0;
        top: -32px;
    }
    .details .buyer-push ul.stylebook-list-pick li .pickcode-img span img {
        height: auto;
    }
    .details .buyer-push ul.stylebook-list-pick li .pickcode-right p {
        margin-top: 0;
    }
    .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li a p {
        font-size: 0.9rem;
        min-height: 25px;
    }
    .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+2):nth-child(2), .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+2) ~ li:nth-child(2) {
        margin: 0 auto 20px;
    }

    .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+1), .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(-n+1) ~ li {
        width: 48%;
    }

    .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(n+4), .details .buyer-push ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(n+4) ~ li {
        width: 48%;
        margin-bottom: 10px;
    }

    .details .stylebook-list-other ul li img {
        height: 280px;
    }
    .details .stylebook-list-other span.spec {
        letter-spacing: 1px;
    }

    #chapter-01, #chapter-02, #chapter-03, #chapter-04, #chapter-05, #chapter-06, #chapter-07, #chapter-08 {
        display: block;
        padding-top: 15px;
        margin-top: -15px;
    }

    .details .chapter-list {
        width: 100%;
        padding: 0;
    }
    .details .chapter-list a div {
        width: 85%;
    }
    .details .chapter-list a div::after {
        right: -6px;
    }
    .details .item-sty h2.chapter-title {
        font-size: 1.5rem;
        margin-left: calc(((20%) / 2) * -1);
        margin-right: calc(((20%) / 2) * -1);
    }
    .details .item-sty .main-block h3 br {
        display: block;
    }
    .details .item-sty .main-block h3 {
        font-size: 1.3rem;
        margin: 40px 0 10px;
    }

    .details .detail-function .detail-top {
        margin-top: 20px;
    }
    .details .detail-function .detail-top h3 {
        font-size: 1.3rem;
        text-align: center;
        margin: 20px auto;
    }
    .details .detail-function .detail-top h3 br {
        display: block;
    }

    .details .ladies-comment {
        flex-direction: column;
        align-items: center;
        margin: 0;
    }

    .details .ladies-comment img {
        margin: 0;
        z-index: 1;
        width: 23%;
    }

    .details .ladies-comment div {
        margin: -25px 0 0;
    }
    .details .ladies-comment div::before , .details .ladies-comment div::after{
        content: none;
    }
    .details .ladies-comment div p::before {
        text-align: center;
        margin: 15px auto 12px;
    }
    
    .details .item-sty .staff-code-title{
        margin: 0;
        text-align: center;
        padding: 15px 5px;
        margin-bottom: 20px;
font-size: 1.3rem;
    }
.details .stylebook.single-column .background {
padding: 20px 35px;
}
.details .stylebook.single-column ul.stylebook-list-pick > li {
margin-top: 0;
padding: 0 30px 30px;
}
.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-img span:first-child {
font-size: 1rem;
}
.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-img span.spec {
font-size: 0.8rem;
letter-spacing: 1px;
}
.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-right p.code-ttl {
font-size: 1.1rem;
}

.details .stylebook.single-column ul.stylebook-list-pick li .pickcode-right ul li a p {
font-size: 0.9rem;
padding: 0;
min-height: 25px;
}


/*フォントサイズ追加*/
.details .item-sty .chapter-list h2 {
font-size: 21px;
}


    @media only screen and (max-width: 361px) {

        .contents_ttl h3 {
            font-size: 1rem;
        }

    }

    @media only screen and (max-width: 321px) {

        .contents_ttl div p {
            font-size: 0.6rem;
            margin: 5px auto 15px;
        }

        a.contents_ttl {
            padding: 15px 15px 20px;
            width: 90%;
        }

        .contents_ttl h3 {
            font-size: 0.95rem;
        }

    }

    /*ブログコンテンツ設置2*/

    .details section.cts_link {
        text-align: center;
        margin: 30px auto;
    }

    .details .cts_link span.ttl {
        display: inline-block;
        font-size: 1.4rem;
        font-family: Roboto,'Noto Sans JP',sans-serif;
        letter-spacing: 3px;
        line-height: 1.5;
        margin: 35px auto 0;
        text-align: center;
    }

    .details .cts_link ul {
        margin: 30px auto 0;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .cts_link li {
        background: #404040;
        padding-bottom: 30px;
    }

    .details .cts_link a {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        color: #fff;
    }

    .details .cts_link ul li div {
        width: 85%;
        margin: 0 auto;
    }

    .details .cts_link div span.num {
        margin: -30px auto 0;
        display: block;
        font-size: 3rem;
        font-family: Roboto,sans-serif;
        letter-spacing: 1px;
        line-height: 1;
    }

    .details .cts_link div span.sub {
        display: block;
        font-family: Roboto,'Noto Sans JP', sans-serif;
        letter-spacing: 1px;
        margin: 5px auto 15px;
    }

    .details .cts_link div p {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.1rem;
        margin: 0 auto 18px;
        line-height: 1.5;
    }

    .details .cts_link div span.btn {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1rem;
        letter-spacing: 1px;
        padding: 6px 0;
        display: block;
        border: 1px solid #fff;
    }


    .details .cts_link02 li {
        padding-bottom: 60px;
    }

    .details .cts_link02 div span.btn {
        border: 1px solid #A78C7D;
        background: #A78C7D;
    }

    .details .cts_link02 ul li img{
        height: 260px;
        object-fit: cover;
        width: 100%;
    }

    .details .cts_link02 ul li div {
        width: 100%;
        background: #404040;
        padding: 0 30px;
    }

    /*ブログコンテンツ_20200609*/

    .details .cts_link_item-blog {
        margin: 45px auto;
    }

    .details .cts_link_item-blog span.ttl {
        display: inline-block;
        font-size: 1.4rem;
        font-family: Roboto,'Noto Sans JP',sans-serif;
        letter-spacing: 3px;
        line-height: 1;
        margin: 30px auto 0;
    }

    .details .cts_link_item-blog .cts {
        background: #f2f0f1;
        padding: 45px 18px 30px;
        margin: -10px auto 0;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .cts_link_item-blog .cts_item {
        padding-bottom: 25px;
        border-bottom: 2px solid #fff;
        margin: 0 auto 35px;
    }

    .details .cts_link_item-blog .cts img {
        width: 100%;
    }

    .details .cts_link_item-blog .cts_item span , .cts_link_item-blog .cts_blog span {
        font-size: 0.95rem;
        font-family: serif;
    }

    .details .cts_link_item-blog .cts_item p , .cts_link_item-blog .cts_blog p{
        font-size: 1.5rem;
        font-family: 'Noto Sans JP',sans-serif;
        margin: 0 auto 23px;
        line-height: 1.4;
    }

    .details .cts_link_item-blog .cts_item a {
        display: block;
        padding: 8px;
        background: #fff;
    }

    .details .cts_link_item-blog .cts a:hover {
        text-decoration: none;
    }

    .details .cts_link_item-blog .cts_item a div {
        margin: 20px auto 0;
        font-size: 1.2rem;
        font-family: 'Noto Sans JP', sans-serif;
    }

    .details .cts_link_item-blog .cts_item a div span {
        display: table;
        font-family: unset;
        margin: 20px auto 15px;
        border-bottom: 1px solid #a7a7a7;
        font-size: 1.1rem;
    }

    .details .cts_link_item-blog .cts_blog {
        margin: 0 auto;
    }

    .details .cts_link_item-blog .cts_blog ul li {
        margin-bottom: 3px;
        background: #fff;
        padding: 8px;
    }

    .details .cts_link_item-blog .cts_blog ul li a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .details .cts_link_item-blog .cts_blog ul li img {
        width: 30%;
        margin-right: 13px;
    }

    @media only screen and (max-width: 361px) {

        .details .cts_link_item-blog .cts_blog ul li img {
            width: 28%;
        }
    }


    .details .cts_link_item-blog .cts_blog ul li a div {
        text-align: left;
        font-family: 'Noto Sans JP',sans-serif;
        font-size: 0.9rem;
        width: 65%;
    }

    .details .cts_link_item-blog .cts_blog ul li a div span {
        display: table-cell;
        font-family: unset;
        padding: 5px 0 2px;
        border-bottom: 1px solid #a7a7a7;
        font-size: 0.8rem;
    }

    /*ブログコンテンツ単数～複数_20200714*/

    .details section.cts-link {
        margin: 45px auto;
    }

    .details .cts-link span.ttl {
        display: inline-block;
        font-size: 1.4rem;
        font-family: Roboto,'Noto Sans JP',sans-serif;
        letter-spacing: 3px;
        line-height: 1;
        margin: 30px auto 0;
    }

    .details .cts-link .cts {
        background: #f2f0f1;
        padding: 45px 18px 30px;
        margin: -10px auto 0;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .cts-link .cts span {
        font-size: 0.95rem;
        font-family: serif;
    }

    .details .cts-link .cts p {
        font-size: 1.5rem;
        font-family: 'Noto Sans JP',sans-serif;
        margin: 0 auto 23px;
        line-height: 1.4;
    }


    .details .cts-link ul li {
        width: 80%;
        margin: 0 auto 10%;
        font-family: 'Noto Sans JP',sans-serif;
    }

    .details .cts-link ul li:last-child {
        margin-bottom: 0 !important;
    }

    .details .cts-link ul li a {
        display: block;
    }

    .details .cts-link ul li a img {
        margin-bottom: 10px;
        border: 7px solid #dcdcdc;
        width: 100%;

    }

    .details .cts-link ul li a div {
        text-align: left;
        word-break: break-all;
        font-size: 1rem;
        line-height: 1.45;
        width: 100%;
    }

    .details .cts-link ul li a div span {
        font-family: unset !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: 0.8rem !important;
        margin-top: 8px;
    }

    .details .cts-link ul li a div span:before {
        border-top: 2px solid;
        content: "";
        width: 4em;
        margin-right: 8px;
    }
    /*↑リストが複数の時*/
    .details .cts-link ul li:nth-last-child(n+4),
    .details .cts-link ul li:nth-last-child(n+4) ~ li {
        background: #fff;
        width: 100%;
        margin: 0 auto 1.5%;
    }

    .details .cts-link ul li:nth-last-child(n+4) a,
    .details .cts-link ul li:nth-last-child(n+4) ~ li a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 8px 10px 8px 8px;
    }

    .details .cts-link ul li:nth-last-child(n+4) img,
    .details .cts-link ul li:nth-last-child(n+4) ~ li img {
        width: 30%;
        margin: 0 4% 0 0;
        border: none;
    }

    .details .cts-link ul li:nth-last-child(n+4) div,
    .details .cts-link ul li:nth-last-child(n+4) ~ li div {
        width: 66%;
        font-size: 0.9rem;
    }

    /*ブログコンテンツ殿堂入り＋RSS*/
    .details .cts-link.in .cts {
        padding: 45px 18px 0;
    }

    .details .cts-link.in .cts ul {
        padding-bottom: 35px;
        border-bottom: 2px solid #fff;
    }

    .details .cts-link.in .cts ul li {
        width: 100%;
        background: #fff;
        margin-bottom: 2%;
    }

    .details .cts-link.in .cts ul li a {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 8px 10px 8px 8px;
    }

    .details .cts-link.in .cts ul li a img {
        width: 30%;
        margin: 0 4% 0 0;
        border: 0;
    }

    .details .cts-link.in ul li a div {
        width: 66%;
        font-size: 0.85rem;
    }

    .details .cts-link.in .blog_list {
        background: #f2f0f1;
        padding: 0 18px 30px;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .cts-link.in .blog_list ul {
        margin: 23px auto;
    }
    .details .cts-link.in .blog_list a.cbtn {
        background: #fff;
        display: block;
        border: 1px solid #333;
        width: 75%;
        margin: 20px auto 0;
        padding: 8px 0;
        font-size: 0.95rem;
        font-family: Roboto,'Noto Sans JP',sans-serif;
        text-decoration: none;
    }


    /*同梱リンク*/

    .details .pickitem_link , .pickitem_link02{
        text-align: center;
        margin: 20px auto;
    }

    .details .pickitem_link span.ttl {
        font-family: Roboto,sans-serif;
        font-size: 0.8rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
        opacity: 0.4;
    }

    .details .pickitem_link a {
        display: block;
        border: 1px solid #333;
        width: 88%;
        margin: 25px auto 40px;
        padding: 20px;
    }

    .details .pickitem_link a:hover , .pickitem_link02 a:hover{
        text-decoration: none;
        opacity: 0.75;
    }

    .details .pickitem_link p {
        display: block;
        font-size: 1.15rem;
        margin: -35px auto 20px;
    }

    .details .pickitem_link img {
        width: 85%;
    }

    .details .pickitem_link span.btn {
        display: block;
        background: #1097db;
        color: #fff;
        padding: 5px;
        margin: 10px auto 0;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 1px;
        font-size: 0.95rem;
        width: 85%;
    }

    .details .pickitem_link02 p.ttl {
        display: inline-block;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.15rem;
        line-height: 1.4;
        margin: 0 auto;
        background: #fff;
        padding: 0 20px;
    }
    .details .pickitem_link02 p.ttl:before {
        content: "RECOMMEND ITEM";
        display: block;
        font-size: 0.8rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
        opacity: 0.4;
        margin-bottom: 5px;
    }
    .details .pickitem_link02 div {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 30px 20px 0;
        border: 1px solid #333;
        margin: -17px auto 0;
        flex-wrap: wrap;
    }
    .details .pickitem_link02 div a {
        display: block;
        width: 47%;
        text-decoration: none;
        margin-bottom: 20px;
    }
    .details .pickitem_link02 div a .btn {
        display: block;
        margin: 5px auto 0;
        font-family: 'Noto Sans JP', sans-serif;
        background: #1097db;
        color: #fff;
        padding: 5px;
        letter-spacing: 1px;
        font-size: 0.95rem;
    }
    @media only screen and (max-width: 361px) {
        .details .pickitem_link p {
            font-size: 1.1rem;
        }
    }

    @media only screen and (max-width: 321px) {
        .details .pickitem_link a {
            width: 80%;
        }

        .details .pickitem_link p {
            font-size: 1rem;
        }

    }


    /*影響与えない*/

    .details .code_list {
        margin: 40px auto 0;
    }

    .details .code_list h2 {
        font-size: 1.5rem;
    }

    .details .code_list .code-back {
        background: none;
        padding: 30px 10px;
    }

    .details .code_list .code-back span.col-ttl2 , .details .code_list .code-back span.col-ttl {
        font-weight: normal;
        letter-spacing: 1px;
        font-size: 0.9rem;
    }

    .details .code_list .code-back .osyare a {
        background: #1097db;
    }

    .details .detail_list .det-sub span.h4-ttl {
        font-weight: normal;
        font-size: 1rem;
    }

    .details .detail_list .det-sub span.h4-ttl img {
        width: 20%;
        display: block;
        margin: 0 auto 13px;
        opacity: 0.7;
    }


    /*動画をDETAIL詳細にする場合*/

    .details .main_move {
        margin: 30px auto -30px !important;
        padding: 0 0 30px !important;
        width: 100% !important;
        background: #f2f0f1 !important;
    }

    /*動画をYoutubeにする*/

    .details .detail_list .movie {
        margin: 0 auto;
        background: none;
        padding: 0;
        width: 100%;
    }

    .details .detail_list .movie iframe {
        width: 100%;
        height: 180px;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    /*ATTENTION*/

    .details .item-sty .item-top h2 {
        font-family: Roboto,sans-serif;
        font-size: 0.8rem;
        letter-spacing: 1px;
        font-weight: bold;
        opacity: 1;
    }

    .details .item-sty .item-top p {
        font-weight: normal;
        font-size: 1.15rem !important;
        padding: 5px;
        color: #333;
        background: #fff;
        font-family: 'Noto Sans JP', sans-serif;
    }

    /*RSS*/

    .details .stylebook_list {
        margin: 30px auto;
        text-align: center;
    }

    .details .stylebook_list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 20px auto 10px;
    }

    .details .stylebook_list ul li {
        width: 49%;
        margin-bottom: 0.5%;
        position: relative;
    }

    .details .stylebook_list ul li:after {
        content: '+';
        position: absolute;
        bottom: 3px;
        right: 3px;
        font-size: 1.3rem;
        pointer-events: none;
    }

    .details .stylebook_list ul li img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .details .stylebook_list span.ttl , .blog_list span.ttl{
        display: inline-block;
        font-size: 1.4rem;
        font-family: Roboto,'Noto Sans JP',sans-serif;
        letter-spacing: 3px;
        line-height: 1.4;
        margin: 0 auto;
        text-align: center;
    }

    .details .stylebook_list a.cbtn {
        font-family: 'Noto Sans JP', sans-serif;
        display: block;
        margin: 20px auto 0;
        background: #1097db;
        color: #fff;
        padding: 13px 10px;
        font-size: 0.9rem;
        width: 70%;
        border-radius: 50px;
    }

    /*アプリ優先販売*/

    .details .app_head {
        margin: 15px auto;
    }

    .details .app_head span {
        display: block;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 5px;
        letter-spacing: 2px;
    }

    .details .app_head p {
        display: inline-block;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.9rem;
        border-top: 1px solid #333;
        padding-top: 3px;
    }

    /*値下げ販売*/

    .details .lowprice_head , .doubleprice_head{
        padding: 15px 0;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .lowprice_head span , .doubleprice_head span.price{
        display: flex;
        align-items: flex-end;
        justify-content: center;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 8px;
        letter-spacing: 1px;
        line-height: 1;
        color: #fff;
    }

    .details .doubleprice_head span.price {
        margin-bottom: 4px;
    }

    .details .lowprice_head span::before , .doubleprice_head div::before {
        content: "特別価格";
        background: #fff;
        color: #cd3609;
        font-size: 0.8rem;
        padding: 6px;
        margin-right: 7px;
        letter-spacing: 0;
    }

    .details .doubleprice_head div::before {
        line-height: 1;
    }

    .details .lowprice_head span::after , .doubleprice_head span.price::after {
        content: "(税込)";
        font-size: 0.85rem;
        font-weight: normal;
        margin-left: 3px;
    }

    .details .lowprice_head p {
        display: inline-block;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 0.9rem;
        padding-top: 3px;
        border-top: 1px solid #fff;
        line-height: 1.5;
        color: #fff;
    }

    .details .doubleprice_head span.double {
        font-size: 1.3rem;
        padding-right: 3px;
    }

    .details .doubleprice_head p {
        font-size: 0.9rem;
        padding-top: 0;
        margin: 7px auto 0!important;
    }

    @media only screen and (max-width: 321px) {
        .details .doubleprice_head p {
            font-size: 0.85rem;
            width: 85%;
        }
    }

    /*突貫リンク*/

    .details a.alink {
        margin: 20px auto 30px;
        width: 85%;
    }

    .details a.alink:before {
        content: '\f0da';
        font-family: 'FontAwesome';
        padding-right: 8px;
    }

    .details span.specb {
        display: block;
        text-align: right;
        font-size: 0.78rem;
        font-family: 'Noto Sans JP', sans-serif !important;
        letter-spacing: 1.5px;
        margin-top: 10px;
    }


    /*イチオシコーデb429用_20200702*/

    .details .pick-coordinate {
        text-align: center;
    }

    .details .pick-coordinate p.ttl {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.3rem;
        line-height: 1.5;
        margin: 0 auto 10px;
    }

    .details .pick-coordinate span {
        display: block;
        font-family: Roboto,sans-serif;
        letter-spacing: 2px;
        font-size: 0.8rem;
        margin-bottom: 20px;
        color: #999;
    }

    .details .pick-coordinate a {
        text-decoration: none;
    }

    .details .pick-coordinate img {
        width: 80%;
    }

    .details .pick-coordinate .pick-itemlist {
        background: #ccdaa5;
        padding: 170px 43px 25px;
        text-align: center;
        font-weight: bold;
        margin: -150px auto 30px;
        margin-left: calc(((100vw - 100%) / 2) * -1);
        margin-right: calc(((100vw - 100%) / 2) * -1);
    }

    .details .pick-coordinate .pick-itemlist p.ttl {
        font-size: 1.1rem;
        font-family: Roboto,'Noto Sans JP',sans-serif;
        letter-spacing: 2px;
        font-weight: normal;
    }

    .details .pick-coordinate .pick-itemlist p.ttl:before {
        content: "/";
        padding-right: 15px;
    }

    .details .pick-coordinate .pick-itemlist p.ttl:after {
        content: "/";
        padding-left: 15px;
    }

    .details .pick-coordinate ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
    }

    .details .pick-coordinate ul li {
        width: 32%;
    }

    .details .pick-coordinate ul li img {
        width: 100%;
    }

    .details .pick-coordinate .pick-itemlist p.litem {
        font-family: 'Noto Sans JP', sans-serif;
        margin: 7px auto;
        line-height: 1.5;
        font-weight: normal;
        font-size: 0.75rem;
        background: #fff;
        border-radius: 50px;
        padding: 3px 0;
    }

    .details .pick-coordinate .pick-itemlist p.litem:before {
        content: '\f0da';
        font-family: 'FontAwesome';
        padding-right: 5px;
    }

    /*洗濯注意書き_20200703*/

    .details .det-atn {
        margin: 20px auto !important;
        padding: 20px 20px 15px !important;
        text-align: center;
        width: 100% !important;
    }

    .details .det-atn p.ttl {
        font-size: 1rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: bold;
        margin: -29px auto 0;
        line-height: 1;
        color: #be2020;
        text-align: center;
    }

    .details .det-atn div {
        margin: 20px auto 0;
        padding: 0;
        width: 100%;
        text-align: left;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .details .det-atn div:before {
        content: "";
        display: inline-block;
        width: 3em;
        height: 3.7em;
        background-size: contain;
    }

    .details .det-atn.measure div:before {
        content: "";
        display: inline-block;
        width: 4em;
        height: 4em;
        background-size: contain;
    }

    .details .det-atn div p {
        font-size: 0.82rem;
    }

    .details .det-atn.measure div p {
        font-size: 0.82rem;
        padding-left: 1em;
        text-indent: -1em;
    }

    .details .detail_list .det-sub p br {
        display: block;
    }

    /*注意書き*/

    .details .det-atn.basic div:before {
        display: none;
    }

    .details .det-atn.basic p.ttl {
        font-size: 1.3rem;
    }

    /*サイズ別着用アコーディオン*/

    .details .staff-size-acc {
        margin: 15px auto;
        padding: 0;
        width: 100%;
    }

    .details .staff-size-acc input {
        display: none;
    }

    .details .staff-size-acc label {
        padding: 8px 15px;
    }

    .details .staff-size-acc label:after {
        right: 4%;
    }

    .details .staff-size-acc .open-review {
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.8s;
    }

    .details .review_acc:checked + label + .open-review {
        height: auto;
        padding: 0;
        opacity: 1;
        width: 95%;
        margin: 0 auto;
    }

    .details .review_acc:checked + label:after {
        content: '\f077';
    }

    .details .open-review img {
        margin: 7px auto;
    }

    .details .open-review p {
        margin: 5px 0;
    }


    /*商標*/

    .details .rmark-box {
        text-align: left;
        line-height: 1.6;
        width: auto;
        margin: 30px 10px;
        padding: 40px 25px 25px;
        font-size: 0.8rem;
        color: #333;
        background: #f2f0f1;
        font-family: Roboto,'Noto Sans JP',sans-serif;
    }

    .details .rmark-box span.ttl {
        display: block;
        text-align: center;
        font-weight: 500;
        font-size: 1.18rem;
        width: 95%;
        margin: -60px auto 0;
        padding: 10px;
        font-family: Roboto,'Noto Sans JP',sans-serif;
    }

    .details .rmark-box p.rmark-tx {
        display: inline-block;
        opacity: 0.8;
        font-size: 0.7rem;
        margin: 10px auto 0;
    }

    .details span.rmark02 {
        vertical-align: super;
    }

    /*詳細内商標*/

    .details .detail_list .rmark-box {
        display: block;
        margin: 30px auto;
        background: none;
        border: 1px solid #333;
        padding: 40px 25px 25px;
        width: 100%;
    }

    .details .detail_list .rmark-box span.ttl {
        background: #f2f0f1;
        width: 80%;
        letter-spacing: 1px;
        padding-bottom: 18px;
    }

    .details .detail_list div .rmark-box span.ttl {
        background: #fff;
    }

    /*イチオシコーデ_20210305*/

    .details .stylebook {
        margin: 50px auto;
    }

    .stylebook .ttl-flex {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .details .stylebook .ttl-flex h3 {
        text-align: center;
        font-size: 1.6rem;
        letter-spacing: 2px;
        font-weight: normal;
        line-height: 1.5;
        margin: 0 auto 20px;
    }

    .details .stylebook ul.stylebook-list-pick > li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .details .stylebook ul.stylebook-list-pick li .pickcode-img, .stylebook ul.stylebook-list-pick li .pickcode-right {
        width: 100%;
    }

.details .stylebook ul.stylebook-list-pick li .pickcode-img span.spec {
font-size: 0.78rem;
}

    .details .stylebook ul.stylebook-list-pick li .pickcode-img img {
        margin-bottom: 5px;
    }

    .details .stylebook ul.stylebook-list-pick li .pickcode-right ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 25px auto 0;
    }

    .details .stylebook ul.stylebook-list-pick li .pickcode-right ul li {
        text-align: center;
        width: 32%;
        margin-bottom: 15px;
    }
    .details .stylebook ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(2),
    .details .stylebook ul.stylebook-list-pick li .pickcode-right ul li:first-child:nth-last-child(2)~li {
        width: 48%;
        margin-bottom: 20px;
    }
    .details .stylebook ul.stylebook-list-pick li .pickcode-right ul li:nth-last-child(n+4),
    .details .stylebook ul.stylebook-list-pick li .pickcode-right ul li:nth-last-child(n+4) ~ li {
        width: 48%;
        margin-bottom: 20px;
    }

    .details .stylebook ul.stylebook-list-pick li .pickcode-right ul li a {
        text-decoration: none;
        display: block;
    }

    .details .stylebook ul.stylebook-list-pick li .pickcode-right ul li a p {
        font-size: 1rem;
        margin-top: 5px;
        padding: 5px;
        background: #1097db;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        min-height: 30px;
    }

    .details .stylebook ul.stylebook-list-pick li .pickcode-right ul li p {
        font-size: 0.7rem;
        margin-top: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #1097db;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        min-height: 30px;
    }
.details .stylebook ul.stylebook-list-pick li .pickcode-right ul:before {
font-size: 1rem;
}

    .details .stylebook .stylebook_list {
        border-top: 1px solid #fff;
        padding-top: 30px;
    }



    /*リニューアル_20210527*/

    .details .top-title {
        margin: 10px auto 40px;
    }
    .details .top-title .ttl {
        text-align: center;
        margin: 0 auto;
    }
    .details .top-title .ttl span {
        display: block;
        font-size: 14px;
    }
    .details .top-title .ttl h2 {
        font-size: 21px;
        letter-spacing: 1px;
        font-weight: bold;
        margin: 5px auto 0;
    }
    .details .top-title .ttl img {
        margin: 10px auto 0;
    }
    .details .top-title .ttl p {
        font-size: 0.88rem;
        padding: 0 10px;
        text-align: justify;
        line-height: 1.75;
        margin: 5px auto 0;
    }
    .details .about-feature {
        text-align: left;
    }
    .details .about-feature div {
        margin-bottom: 60px;
    }
    .details .about-feature h4 {
        font-weight: 600;
        text-align: center;
        padding-left: 0;
        font-size: 1.3rem;
        line-height: 1.3;
        margin: 15px auto 0;
    }
    .details .about-feature p {
        padding: 0 10px;
        text-align: justify;
        line-height: 1.75;
        margin: 15px auto 30px;
    }
    .details .detail-function .ttl {
        margin: 0 auto 30px;
    }
    .details .detail-function .ttl h3 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font-size: 1.4rem;
        line-height: 1.45;
        margin: 0 auto;
        font-weight: 500;
        text-align: center;
    }
    .details .detail-function .ttl h3 br {
        display: block;
    }

    .details .detail-function .ttl h3:before {
        margin-bottom: 20px;
    }
    .details .function-top:after {
        content: "|";
        font-size: 2rem;
        font-weight: lighter;
        display: block;
        text-align: center;
    }
    .details .function-top p {
        text-align: justify;
        margin: 10px;
        line-height: 1.75;
    }
    .details .function-section {
        margin: 30px auto 60px;
        text-align: justify;
    }
    .details .function-section-list , .function-section-list-solo{
        margin-bottom: 50px;
    }
    .details .function-section-list p {
        margin: 10px;
        font-size: 0.9rem;
    }
    .details .function-section-list .flex {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .details .function-section-list .flex .title {
        display: flex;
        align-items: center;
        justify-content: left;
        background: none;
        color: #333;
        margin: 0 auto 5px;
        flex-basis: 100%;
        padding: 0 0 0 5px;
        order: 0;
    }
    .details .function-section-list .flex .title .number {
        font-size: 2.5rem;
        display: block;
        text-align: center;
        line-height: 1.2;
        padding-right: 15px;
        letter-spacing: 2px;
    }
    .details .function-section-list .flex .title .number:before {
        font-size: 0.85rem;
    }
    .details .function-section-list .flex .title div {
        line-height: 1.2;
    }
    .details .function-section-list .flex .title div span {
font-size: 1rem;
        letter-spacing: 1px;
    }
    .details .function-section-list .flex .title div h3 {
        margin: 0;
        font-size: 1.3rem;
        line-height: 1.4;
        text-align: left;
    }
    .details .function-section-list .flex img {
        flex-basis: 100%;
        order: 1;
    }
    .details .function-section-list .flex p {
        order: 2;
        width: 100%;
        line-height: 1.75;
        margin: 15px 10px;
        flex-basis: 100%;
    }
    /*.details .function-section-list .flex {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
    .details .function-section-list .desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px auto 13px;
    flex-wrap: wrap;
}
    .details .function-section-list .desc .title {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    color: #333;
    margin: 0 auto;
    width: 100%;
    padding: 0;
}
    .details .function-section-list .desc .title .number {
    font-size: 2.5rem;
    display: block;
    text-align: center;
    line-height: 1.2;
    padding-right: 15px;
    letter-spacing: 2px;
}
    .details .function-section-list .desc .title .number:before {
    content: "feature";
    display: block;
    font-size: 0.8rem;
}
    .details .function-section-list .desc .title div {
    line-height: 1.2;
}
    .details .function-section-list .desc .title div span {
    font-size: 1rem;
}
    .details .function-section-list .desc .title div h3 {
    margin: 0;
    font-size: 2rem;
    line-height: 1.3;
    text-align: left;
    font-weight: normal;
}
    .details .function-section-list .desc p {
    width: 100%;
    font-size: 0.9rem;
    margin: 15px auto;
}*/
    .details .function-section-list ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .details .function-section-list ul li {
        width: 100%;
        margin: 0 auto;
    }
    .details .function-section-list-solo p {
        font-size: 0.98rem;
        margin: 15px 10px;
    }
    .details .function-section-list-solo img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .details .detail-list {
        margin-bottom: 40px;
    }
.details .detail-list h4 {
font-weight: 500;
margin-bottom: 20px;
font-size: 1.15rem;
}

    .details .detail-list .main-detail h4 {
        font-weight: 600;
        text-align: center;
        padding-left: 0;
        font-size: 1.3rem;
        line-height: 1.3;
        margin: 10px auto 15px;
    }

    .details .main-detail p {
        text-align: justify;
        margin: 0 10px 20px;
        font-size: 0.95rem;
    }
    .details .main-detail img {
        margin-bottom: 5px;
    }
    .details .detail-list ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .details .detail-list ul li {
        width: 48.5%;
        margin-bottom: 3%;
    }
    .details iframe {
        width: 100%;
        height: 230px;
    }
    .details .code-function {
        margin: 50px auto 70px;
    }
    .details .code-function h4 {
        display: inline-block;
        font-size: 1.4rem;
        letter-spacing: 3px;
        line-height: 1;
        margin: 10px auto 0;
        text-align: center;
        font-weight: bold;
    }
    .details .code-function span.col-ttl2 {
        display: block;
        font-weight: normal;
        margin: 25px auto 15px;
        font-size: 1.2rem;
    }
    .details .code-function ul {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }
    .details .code-function ul li {
        width: 49%;
        margin-bottom: 10px;
    }
    .details .code-function ul li img {
        height: 350px;
        object-fit: cover;
    }

    /*注意文*/
    .details .atn-area {
        background: #f2f0f1;
        padding: 35px 30px 20px;
        margin: 45px auto;
    }
    .details .atn-area .ttl {
        display: block;
        color: #be2020;
        font-weight: bold;
        font-size: 1.5rem;
        line-height: 1;
        margin: -45px auto 25px;
    }
    .details .atn-area img{
        margin: 0 auto 25px;
    }
    .details .atn-area ul {
        text-align: left;
        font-size: 0.9rem;
    }

    /*こんな人にオススメ*/
    .details .recommend-list {
        margin: 3em auto;
        background: #f5f8f9;
        padding: 30px 20px 10px 20px;
    }
    .details .recommend-list h4 {
        font-size: 1rem;
        border-bottom: 1px solid #222;
        letter-spacing: 2px;
        display: inline-block;
        line-height: 1.5;
        opacity: 0.8;
        margin: 0 auto 10px;
    }
    .details .recommend-list h3 {
        font-size: 1.4rem;
        text-align: center;
        padding-top: 5px;
        /*    letter-spacing: 2px;*/
        margin: 0 auto 25px;
    }
    .details .recommend-list ul {
        padding-top: 20px;
    }
    .details .recommend-list ul li {
        text-align: left;
        padding-bottom: 15px;
    }
    .details .recommend-list label {
        position: relative;
        cursor: pointer;
        display: flex;
    }
    .details .recommend-list .option-input {
        position: relative;
        margin: 0 1.4rem 0 0;
        cursor: pointer;
    }
    .details .recommend-list .option-input:before {
        position: absolute;
        z-index: 1;
        top: 0.33rem;
        left: 0.23rem;
        width: 0.7rem;
        height: 0.32rem;
        content: '';
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        -webkit-transform: rotate( -45deg) scale(0, 0);
        transform: rotate( -45deg) scale(0, 0);
        border: 2px solid #464646;
        border-top-style: none;
        border-right-style: none;
    }
    .details .recommend-list .option-input:checked:before {
        -webkit-transform: rotate(-45deg) scale(1, 1);
        transform: rotate(-45deg) scale(1, 1);
    }
    .details .recommend-list .option-input:after {
        position: absolute;
        top: 0rem;
        left: 0;
        width: 1.2rem;
        height: 1.2rem;
        content: '';
        cursor: pointer;
        border: 2px solid #464646;
        background: #ffffff;
    }
    .details .recommend-list ul li label p {
        font-size: 0.95rem;
    }

}

@media screen and (max-width: 544px) {
    .details .stylebook .background, .details .stylebook .ttl-flex h4  {
        margin-left: calc(((20%) / 2) * -1);
        margin-right: calc(((20%) / 2) * -1);
    }

    .details .detail_list .rmark-box  {
        padding: 40px 10px 30px;
    }
}

}