@charset "utf-8";

#primary { padding: 0; }
#main {min-height:0;}
#main .breadcrumb {display:none;}

#serum-cfd-kit section * {
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Noto Sans JP", sans-serif !important;
    line-height:1;
    letter-spacing:0;
}
#serum-cfd-kit {
    width:100%;
    background:#000;
    color:#FFF;
}
#serum-cfd-kit section {
    max-width:750px;
    margin:0 auto;
}
#serum-cfd-kit picture,
#serum-cfd-kit img {
    display:block;
}
#serum-cfd-kit li {
    list-style:none;
}
#serum-cfd-kit a {
    color:#FFF;
    text-decoration:none;
    transition: background 0.3s;
}
#serum-cfd-kit dl {
    overflow:visible;
    clear:none;
}
#serum-cfd-kit dl dt {
    float:none;
    clear:none;
    min-width:0;
}
#serum-cfd-kit dl dd {
    float:none;
}
#serum-cfd-kit .button {
    box-sizing:border-box;
    border:2px solid #FFF;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .button {
        border:1px solid #FFF;
    }
}
@media screen and (min-width:751px) {
    #serum-cfd-kit .button:hover {
        background:#FFF;
        color:#000;
    }
}
#serum-cfd-kit .txt-en {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    font-size: 113%;
}
#serum-cfd-kit .section-title {
    font-size: 56px;
    line-height: calc(66 / 56);
    text-align:center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-title {
        font-size:calc((55.66 / 750) * 100vw);
    }
}
#serum-cfd-kit .yugo {
    font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-feature-settings:"palt";
}
#serum-cfd-kit .dblock {
    display:block;
}
#serum-cfd-kit .btn-common {
    display: block;
    width: 507px;
    margin: 0 auto;
    padding: calc(47px / 2) 0;
    border: 1px solid #FFF;
    background: #000;
    color: #FFF;
    font-size: 26px;
    text-align: center;
    line-height: calc(40 / 26);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .btn-common {
        width: calc((507 / 750) * 100vw);
        padding: calc(((47 / 2) / 750) * 100vw) 0;
        font-size: calc((26 / 750) * 100vw);
    }
}
#serum-cfd-kit .btn-common:hover {
    background:#FFF;
    color:#000;
}
#serum-cfd-kit .cart-btn-wrap[data-checkInstock="true"] {
    width:507px;
    margin:0 auto;
    background:#FFF;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .cart-btn-wrap[data-checkInstock="true"] {
        width:calc((507 / 750) * 100vw);
    }
}
#serum-cfd-kit .out-of-stock-btn {
    display:block;
    opacity:0.5;
    padding:calc(57px / 2) 0;
    border:1px solid #FFF;
    box-sizing:border-box;
    background:#808080;
    color:#FFF;
    font-size:26px;
    text-align:center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .out-of-stock-btn {
        padding:calc(((57 / 2) / 750) * 100vw) 0;
        font-size:calc((26 / 750) * 100vw);
    }
}

/* Section head -----------------------------------------------------------*/
#serum-cfd-kit .section-head {
    padding-top: 83px;
    padding-bottom: 38px;
    text-align: center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-head {
        padding-top: calc((83 / 750) * 100vw);
        padding-bottom: calc((38 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-head h1 {
    margin-bottom: 25px;
    font-size: 100px;
    line-height: 1;
    text-transform: uppercase;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-head h1 {
        margin-bottom: calc((25 / 750) * 100vw);
        font-size: 13.333vw;
    }
}
#serum-cfd-kit .section-head h1 span {
    display: block;
    margin-bottom: 17px;
    font-size: 42px;
    line-height: 1;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-head h1 span {
        margin-bottom: calc((17 / 750) * 100vw);
        font-size: calc((42 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-head p {
    font-size: 28px;
    line-height: calc(36 / 28);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-head p {
        font-size:3.733vw;
    }
}

/* Section page nav -----------------------------------------------------------*/
#serum-cfd-kit .section-pagenav {
    padding-top: 46px;
    padding-bottom: 62px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-pagenav {
        padding-top: calc((46 / 750) * 100vw);
        padding-bottom: calc((62 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-pagenav ul {
    padding-left:49px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-pagenav ul {
        padding-left:6.533vw;
    }
}
#serum-cfd-kit .section-pagenav li:not(:last-child) {
    margin-bottom: 40px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-pagenav li:not(:last-child) {
        margin-bottom: calc((40 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-pagenav a {
    display: inline-block;
    position: relative;
    font-size: 30px;
    font-feature-settings: "palt";
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 11px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-pagenav a {
        font-size:4vw;
        text-decoration-thickness:1px;
        text-underline-offset: calc((11 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-pagenav a:after {
    position:absolute;
    top:50%;
    right:-40px;
    width: 21px;
    height: 21px;
    margin-top:-18px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    transform: rotate(135deg);
    content:"";
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-pagenav a:after {
        right:-5.333vw;
        width: 2.8vw;
        height: 2.8vw;
        margin-top:-2.4vw;
        border-top: solid 1px #FFF;
        border-right: solid 1px #FFF;
    }
}
#serum-cfd-kit .section-pagenav a span {
    letter-spacing: 0.08em;
}

/* Section contents1 セット内容 -----------------------------------------------------------*/
#serum-cfd-kit .section-contents1 {
    padding-top: 56px;
    padding-bottom: 100px;
    text-align: center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 {
        padding-top: calc((56 / 750) * 100vw);
        padding-bottom: calc((100 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .set-contents {
    padding-top:0;
    padding-bottom:0;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .set-contents {
        padding-top:0;
        padding-bottom:0;
    }
}
#serum-cfd-kit .section-contents1 .set-contents h3 {
    margin: 66px 0 21px;
    font-size: 30px;
    line-height: calc(40 / 30);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .set-contents h3 {
        margin: calc((66 / 750) * 100vw) 0 calc((21 / 750) * 100vw);
        font-size:4vw;
    }
}
#serum-cfd-kit .section-contents1 .set-contents .set-img {
    width:500px;
    margin:0 auto;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .set-contents .set-img {
        width:calc((500 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .set-contents .set-item-name {
    margin: 16px 0 44px;
    font-size: 30px;
    line-height: calc(44 / 30);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .set-contents .set-item-name {
        margin:calc((19 / 750) * 100vw) 0 calc((35 / 750) * 100vw);
        font-size:calc((30 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .set-contents .lp-pageNav.btn-common {
    position:relative;
    margin-bottom:20px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .set-contents .lp-pageNav.btn-common {
        margin-bottom:calc((20 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .set-contents .lp-pageNav.btn-common:after {
    position:absolute;
    top:50%;
    right:38px;
    width: 21px;
    height: 21px;
    margin-top:-17px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    transform: rotate(135deg);
    content:"";
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .set-contents .lp-pageNav.btn-common:after {
        right:calc((38 / 750) * 100vw);
        width:calc((21 / 750) * 100vw);
        height:calc((21 / 750) * 100vw);
        margin-top:calc((-17 / 750) * 100vw);
    }
}
@media screen and (min-width:751px) {
    #serum-cfd-kit .section-contents1 .set-contents .lp-pageNav.btn-common:hover:after {
        border-top: solid 2px #000;
        border-right: solid 2px #000;
    }
}
#serum-cfd-kit .section-contents1 .plus {
    font-size:124px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .plus {
        font-size:calc((124 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .plus.wh-plus {
    margin:23px 0 50px;
    color:#FFF;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .plus.wh-plus {
        margin:calc((23 / 750) * 100vw) 0 calc((50 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .present-contents {
    width: 670px;
    margin: 0 auto;
    padding: 60px 0 100px;
    background: #FFF;
    color: #000;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .present-contents {
        width: calc((670 / 750) * 100vw);
        padding: calc((60 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .present-contents h3 {
    font-size:48px;
    line-height: calc(56 / 48);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .present-contents h3 {
        font-size:calc((48 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .present-contents .img-present-case {
    margin:63px 0 15px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .present-contents .img-present-case {
        margin:calc((63 / 750) * 100vw) 0 calc((15 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .present-contents .img-present-applicator {
    width: min(calc((450 / 750) * 100vw), 450px);
    margin-top: min(calc((90 / 750) * 100vw), 90px);
    margin-bottom: min(calc((60 / 750) * 100vw), 60px);
    margin-inline: auto;
}
#serum-cfd-kit .section-contents1 .present-contents h4 {
    margin-bottom: 13px;
    font-size: 28px;
    line-height: calc(36 / 28);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .present-contents h4 {
        margin-bottom: calc((13 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .present-contents .item-size {
    font-size:26px;
    letter-spacing:0.06em;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .present-contents .item-size {
        font-size:calc((26 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents1 .plus.bk-plus {
    margin:40px 0 31px;
    color:#000;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .plus.bk-plus {
        margin:calc((40 / 750) * 100vw) 0 calc((31 / 750) * 100vw);
        color:#000;
    }
}
#serum-cfd-kit .section-contents1 .present-contents .img-present-lrsp {
    margin-bottom:18px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents1 .present-contents .img-present-lrsp {
        margin-bottom:calc((18 / 750) * 100vw);
    }
}

/* Section contents2 セットのご購入方法 -----------------------------------------------------------*/
#serum-cfd-kit .section-contents2 {
    padding-top: 100px;
    padding-bottom: 100px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 {
        padding-top: calc((100 / 750) * 100vw);
        padding-bottom: calc((100 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents2 h2 {
    margin-bottom: 44px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 h2 {
        margin-bottom: calc((44 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents2 .method {
    margin-left: 47px;
    margin-bottom: 60px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 .method {
        margin-left: 6.266vw;
        margin-bottom: calc((60 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents2 .method li {
    padding-left: 60px;
    font-size: 28px;
    line-height: calc(44 / 28);
    text-indent: -60px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 .method li {
        padding-left: 8vw;
        font-size: 3.733vw;
        text-indent: -8vw;
    }
}
#serum-cfd-kit .section-contents2 .method li:not(:last-child) {
    margin: 22px 0;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 .method li:not(:last-child) {
        margin: calc((22 / 750) * 100vw) 0;
    }
}
#serum-cfd-kit .section-contents2 .method li .method-num {
    margin-right:15px;
    letter-spacing:0.25em;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 .method li .method-num {
        margin-right:2vw;
    }
}
#serum-cfd-kit .section-contents2 .code-wrap * {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-feature-settings: "palt";
}
#serum-cfd-kit .section-contents2 .code-wrap h3 {
    margin-bottom: 36px;
    font-size: 30px;
    text-align: center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 .code-wrap h3 {
        margin-bottom: 4.8vw;
        font-size: calc((30 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents2 .code-wrap .coupon-code {
    width: 670px;
    margin: 0 auto 47px;
    padding: 48px 0;
    background: #FFF;
    color: #000;
    font-size: 44px;
    text-align: center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 .code-wrap .coupon-code {
        width: 89.333vw;
        margin: 0 auto calc((47 / 750) * 100vw);
        padding: 6.4vw 0;
        font-size: 5.866vw;
    }
}
#serum-cfd-kit .section-contents2 .code-wrap .notes {
    width:670px;
    margin:0 auto;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 .code-wrap .notes {
        width:89.333vw;
    }
}
#serum-cfd-kit .section-contents2 .code-wrap .notes li {
    margin-left: 20px;
    font-size: 26px;
    line-height: calc(40 / 26);
    text-indent: -20px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 .code-wrap .notes li {
        margin-left: 2.666vw;
        font-size: 3.466vw;
        text-indent: -2.666vw;
    }
}
@media screen and (max-width:480px) {
    #serum-cfd-kit .section-contents2 .code-wrap .notes li {
        font-size: calc((26 / 750) * 100vw);
        letter-spacing:0;
    }
}
#serum-cfd-kit .section-contents2 .code-wrap .notes li:before {
    content:"＊";
}
#serum-cfd-kit .section-contents2 .code-wrap .notes li:not(:last-child) {
    margin-bottom:10px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents2 .code-wrap .notes li:not(:last-child) {
        margin-bottom:1.333vw;
    }
}

/* Section contents3 アイテム紹介 -----------------------------------------------------------*/
#serum-cfd-kit .section-contents3 {
    padding-top: 100px;
    padding-bottom: 63px;
    text-align: center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 {
        padding-top: calc((100 / 750) * 100vw);
        padding-bottom: calc((63 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents3 h3 {
    margin-top: 65px;
    font-size: 30px;
    line-height: calc(44 / 30);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 h3 {
        margin-top: calc((65 / 750) * 100vw);
        font-size: 4vw;
    }
}
#serum-cfd-kit .section-contents3 h3 .item-name {
    display: block;
    line-height: calc(44 / 30);
}
#serum-cfd-kit .section-contents3 h3 .txt-en {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
}
#serum-cfd-kit .section-contents3 .item-price {
    margin-bottom: 22px;
    font-size: 26px;
    line-height: calc(52 / 26);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-price {
        margin-bottom: calc((22 / 750) * 100vw);
        font-size: 3.466vw;
    }
}
#serum-cfd-kit .section-contents3 .item-price .txt-en {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    line-height: calc(52 / 29.4);
}
#serum-cfd-kit .section-contents3 .item-pic-wrap {
    position:relative;
    width:500px;
    margin:0 auto 26px;
    padding:0;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-pic-wrap {
        width:66.666vw;
        margin:0 auto calc((26 / 750) * 100vw);
        padding:0;
    }
}
#serum-cfd-kit .section-contents3 .item-pic-wrap .item-pic {
    display:none;
}
#serum-cfd-kit .section-contents3 .item-pic-wrap .item-pic.shadeShow {
    display:block;
}
#serum-cfd-kit .section-contents3 .item-annotation {
    margin-bottom: 44px;
    font-size: 24px;
    line-height: calc(40 / 24);
    letter-spacing: 0.1em;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-annotation {
        margin-bottom: calc((44 / 750) * 100vw);
        font-size: 3.2vw;
    }
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px;
    width: 584px;
    margin: 0 auto 42px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-shadeBtn-wrap {
        gap: calc((4 / 750) * 100vw);
        width: calc((584 / 750) * 100vw);
        margin-bottom: calc((42 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn {
    position:relative;
    width:80px;
    height:80px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn {
        width:calc((80 / 750) * 100vw);
        height:calc((80 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn button {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
    width:100%;
    height:100%;
    border:0;
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn button.no-stock:after {
    position: absolute;
    top: 1px;
    left: 0;
    border-left: 2px #FFF solid;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
    width: 0;
    height: 150%;
    content: "";
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn.shadeBtnHit button {
    top: -8px;
    left: -8px;
    z-index: 1;
    width: 96px;
    height: 96px;
    box-shadow: 0 0 6px rgb(0 0 0 / 60%);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn.shadeBtnHit button {
        top:calc((-8 / 750) * 100vw);
        left:calc((-8 / 750) * 100vw);
        width:calc((96 / 750) * 100vw);
        height:calc((96 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn .btn03789 {
    background:#E4B099;
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn .btn03790 {
    background:#E5B592;
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn .btn03791 {
    background:#EAC9A6;
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn .btn03792 {
    background:#D3A572;
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn .btn03793 {
    background:#DD9E7D;
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn .btn03794 {
    background:#E1B68D;
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn .btn03795 {
    background:#D9A577;
}
#serum-cfd-kit .section-contents3 .item-shadeBtn-wrap .item-shadeBtn .btn03796 {
    background:#D39F75;
}
#serum-cfd-kit .section-contents3 .item-colorNum-wrap {
    margin-bottom: 35px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-colorNum-wrap {
        margin-bottom: calc((35 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents3 .item-colorNum-wrap .item-colorNum {
    display:none;
}
#serum-cfd-kit .section-contents3 .item-colorNum-wrap .item-colorNum.shadeShow {
    display:block;
}
#serum-cfd-kit .section-contents3 .item-colorNum-wrap .item-colorNum {
    font-size: 30px;
    line-height: calc(38 / 30);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-colorNum-wrap .item-colorNum {
        font-size: 4vw;
    }
}
#serum-cfd-kit .section-contents3 .item-colorNum-wrap .colorNum {
    margin-bottom: 6px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-colorNum-wrap .colorNum {
        margin-bottom:calc((6 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents3 .item-colorNum-wrap .item-colorNum .txt-en {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    line-height: calc(38 / 33.9);
}
#serum-cfd-kit .section-contents3 .item-cart-wrap {
    width:507px;
    margin:0 auto;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .item-cart-wrap {
        width:67.6vw;
    }
}
#serum-cfd-kit .section-contents3 .item-cart-wrap .item-cart {
    display:none;
}
#serum-cfd-kit .section-contents3 .item-cart-wrap .item-cart.shadeShow {
    display:block;
}
#serum-cfd-kit .section-contents3 .item-cart-wrap .txt-en {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
}
#serum-cfd-kit .section-contents3 .cart-btn-wrap.case {
    margin-top: 20px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents3 .cart-btn-wrap.case {
        margin-top: calc((20 / 750) * 100vw);
    }
}
/* Section contents4  -----------------------------------------------------------*/
#serum-cfd-kit .section-contents4 {
    padding-top: 63px;
    padding-bottom: 94px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 {
        padding-top: calc((63 / 750) * 100vw);
        padding-bottom: calc((94 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 h2 {
    margin-bottom: 35px;
    font-size: 50px;
    text-align: center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 h2 {
        margin-bottom: calc((35 / 750) * 100vw);
        font-size: calc((50 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 .details-img {
    width:670px;
    margin:0 auto 68px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 .details-img {
        width:calc((670 / 750) * 100vw);
        margin-bottom:calc((68 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 .details-detail-wrap {
    width:670px;
    margin:0 auto;
    padding-bottom:68px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 .details-detail-wrap {
        width:calc((670 / 750) * 100vw);
        padding-bottom:calc((68 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 .details-detail-wrap h3 {
    margin-bottom: 30px;
    font-size: 58px;
    line-height: calc(60 / 58);
    letter-spacing: -0.01em;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 .details-detail-wrap h3 {
        margin-bottom: calc((30 / 750) * 100vw);
        font-size: calc((58 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 .details-detail-wrap .details-txt {
    padding: 0 0 13px;
    font-size: 28px;
    line-height: calc(40 / 28);
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 .details-detail-wrap .details-txt {
        padding: 0 0 calc((13 / 750) * 100vw);
        font-size: calc((28 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 .details-detail-wrap .details-txt .annotation-sup {
    font-size:16px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 .details-detail-wrap .details-txt .annotation-sup {
        font-size:calc((16 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 .details-detail-wrap .details-txt .annotation-sup span {
    font-size:118%;
    vertical-align:10%;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 .details-detail-wrap .details-txt .annotation-sup span {
        font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    }
}
#serum-cfd-kit .section-contents4 .details-detail-wrap .details-annotation-wrap {
    margin-top: 9px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 .details-detail-wrap .details-annotation-wrap {
        margin-top: calc((9 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 .details-detail-wrap .details-annotation {
    padding-left:62px;
    font-size:22px;
    line-height:calc(32 / 22);
    letter-spacing:0.05em;
    text-indent:-62px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 .details-detail-wrap .details-annotation {
        padding-left:calc((62 / 750) * 100vw);
        font-size:calc((22 / 750) * 100vw);
        text-indent:calc((-62 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 .details-detail-wrap .details-annotation .annotation-no {
    font-size: 113%;
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
}
#serum-cfd-kit .section-contents4 .details-detail-wrap .details-annotation .annotation-dott {
    vertical-align:30%;
}
#serum-cfd-kit .section-contents4 .details-detail-wrap .annotation-en {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    font-size: 113%;
}
#serum-cfd-kit .section-contents4 .details-detail-wrap:nth-last-of-type(1) {
    padding-bottom: 50px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents4 .details-detail-wrap:nth-last-of-type(1) {
        padding-bottom: calc((50 / 750) * 100vw);
    }
}
#serum-cfd-kit .section-contents4 .details-detail-wrap:nth-last-of-type(1) .details-txt {
    padding-bottom: 0;
}

/* Section contents shopping -----------------------------------------------------------*/
#serum-cfd-kit .section-contents-shopping {
    padding-top:96px;
    padding-bottom:202px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents-shopping {
        padding-top:calc((96 / 750) * 100vw);
        padding-bottom:26.933vw;
    }
}
#serum-cfd-kit .section-contents-shopping h2 {
    margin-bottom: 48px;
    font-size: 40px;
    line-height: calc(52 / 40);
    text-align: center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents-shopping h2 {
        margin-bottom: calc((48 / 750) * 100vw);
        font-size: 5.333vw;
    }
}
#serum-cfd-kit .section-contents-shopping .shopping-guide {
    display:flex;
    flex-wrap:nowrap;
    width:670px;
    margin:0 auto;
    background:#FFF;
    color:#000;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents-shopping .shopping-guide {
        width:89.333vw;
    }
}
#serum-cfd-kit .section-contents-shopping .shopping-guide-postage {
    margin-bottom:30px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents-shopping .shopping-guide-postage {
        margin-bottom:4vw;
    }
}
#serum-cfd-kit .section-contents-shopping .shopping-guide-img {
    width:188px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents-shopping .shopping-guide-img {
        width:25.066vw;
    }
}
#serum-cfd-kit .section-contents-shopping .shopping-guide-text {
    display:flex;
    flex-wrap:nowrap;
    flex-direction: column;
    justify-content: center;
    width:482px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents-shopping .shopping-guide-text {
        width:64.266vw;
    }
}
#serum-cfd-kit .section-contents-shopping h3 {
    margin-bottom:13px;
    font-size:32px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents-shopping h3 {
        margin-bottom:1.733vw;
        font-size:4.266vw;
    }
}
#serum-cfd-kit .section-contents-shopping li {
    margin-left:18px;
    font-size:22px;
    line-height:1.272;
    text-indent:-18px;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents-shopping li {
        margin-left:2.4vw;
        font-size:2.933vw;
        text-indent:-2.4vw;
    }
}
#serum-cfd-kit .section-contents-shopping li:before {
    content:"・ ";
}
#serum-cfd-kit .section-contents-shopping a {
    width: 330px;
    margin-top: 11px;
    margin-left: 2px;
    padding: 12px 0;
    border: 1px solid #000;
    box-sizing: border-box;
    background: #000;
    color: #FFF;
    font-size: 18px;
    text-align: center;
}
@media screen and (max-width:750px) {
    #serum-cfd-kit .section-contents-shopping a {
        width: 44vw;
        margin-top: 1.466vw;
        margin-left: 0.266vw;
        padding: 1.6vw 0;
        font-size: calc((18 / 750) * 100vw);
    }
}
@media screen and (min-width:751px) {
    #serum-cfd-kit .section-contents-shopping a:hover {
        background:#FFF;
        color:#000;
    }
}