@charset "utf-8";

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

#lr-serum-cfd 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;
}
#lr-serum-cfd {
    width:100%;
    background:#000;
    color:#FFF;
}
#lr-serum-cfd section {
    max-width:750px;
    margin:0 auto;
    text-align:center;
}
#lr-serum-cfd picture,
#lr-serum-cfd img {
    display:block;
}
#lr-serum-cfd li {
    list-style:none;
}
#lr-serum-cfd a {
    color:#FFF;
    text-decoration:none;
    transition: background 0.3s;
}
#lr-serum-cfd dl {
    overflow:visible;
    clear:none;
}
#lr-serum-cfd dl dt {
    float:none;
    clear:none;
    min-width:0;
}
#lr-serum-cfd dl dd {
    float:none;
}
#lr-serum-cfd .button {
    box-sizing:border-box;
    border:2px solid #FFF;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .button {
        border:1px solid #FFF;
    }
}
@media screen and (min-width:751px) {
    #lr-serum-cfd .button:hover {
        background:#FFF;
        color:#000;
    }
}
#lr-serum-cfd .txt-en {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    font-size:113%;
    line-height:1;
}
#lr-serum-cfd .section-title {
    font-size: 67px;
    line-height: calc(50 / 67);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-title {
        font-size: calc((67 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-title span {
    display: block;
    margin-bottom: 4px;
    font-size: 40px;
    line-height: calc(55 / 40);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-title span {
        margin-bottom: calc((4 / 750) * 100vw);
        font-size: calc((40 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-title .txt-en {
    font-size:122%;
    vertical-align: -4%;
}
#lr-serum-cfd .yugo {
    font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-feature-settings:"palt";
}
#lr-serum-cfd .dblock {
    display:block;
}
#lr-serum-cfd .btn-common {
    display:block;
    width:507px;
    margin:0 auto;
    padding:calc(45px / 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) {
    #lr-serum-cfd .btn-common {
        width:calc((507 / 750) * 100vw);
        padding:calc(((45 / 2) / 750) * 100vw) 0;
        font-size:calc((26 / 750) * 100vw);
    }
}
#lr-serum-cfd .btn-common:hover {
    background:#FFF;
    color:#000;
}
#lr-serum-cfd .cart-btn-wrap[data-checkInstock="true"] {
    width:507px;
    margin:0 auto;
    background:#FFF;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .cart-btn-wrap[data-checkInstock="true"] {
        width:calc((507 / 750) * 100vw);
    }
}
#lr-serum-cfd .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) {
    #lr-serum-cfd .out-of-stock-btn {
        padding:calc(((57 / 2) / 750) * 100vw) 0;
        font-size:calc((26 / 750) * 100vw);
    }
}

/* Section head -----------------------------------------------------------*/
#lr-serum-cfd .section-head {
    padding-bottom:39px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head {
        padding-bottom:calc((39 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .lp-titl {
    margin-top: 66px;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: calc(42 / 32);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .lp-titl {
        margin-top: calc((66 / 750) * 100vw);
        margin-bottom: calc((20 / 750) * 100vw);
        font-size: calc((32 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .lp-titl .lp-titl-top {
    display: block;
    margin-bottom: 20px;
    font-size: 52px;
    line-height: calc(64 / 52);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .lp-titl .lp-titl-top {
        margin-bottom: calc((20 / 750) * 100vw);
        font-size: calc((52 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .lp-titl .txt-en {
    display:block;
    line-height: calc(42 / 36.2);
}
#lr-serum-cfd .section-head .shade {
    font-size: 30px;
    line-height: calc(40 / 30);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .shade {
        font-size:calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .price {
    margin-top: 20px;
    margin-bottom: 43px;
    font-size: 30px;
    line-height: calc( 40 / 30);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .price {
        margin-top: calc((20 / 750) * 100vw);
        margin-bottom: calc((43 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .btn-top {
    margin-bottom:20px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .btn-top {
        margin-bottom:calc((20 / 750) * 100vw);
    }
}

/* Section page nav -----------------------------------------------------------*/
#lr-serum-cfd .section-pagenav {
    padding-top: 49px;
    padding-bottom: 79px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-pagenav {
        padding-top: calc((49 / 750) * 100vw);
        padding-bottom: calc((79 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-pagenav a {
    display: block;
    position: relative;
    width: 630px;
    margin: 0 auto;
    padding: 16px 0;
    border: 1px solid #FFF;
    background: #FFF;
    color: #000;
    font-size: 40px;
    line-height: calc(30 / 40);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-pagenav a {
        width: calc((630 / 750) * 100vw);
        padding: calc((16 / 750) * 100vw) 0;
        font-size: calc((40 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-pagenav a:not(:nth-last-of-type(1)) {
    margin-bottom:20px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-pagenav a:not(:nth-last-of-type(1)) {
        margin-bottom:calc((20 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-pagenav a span {
    display: block;
    margin-bottom: 4px;
    font-size: 24px;
    line-height: calc(30 / 24);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-pagenav a span {
        margin-bottom: calc((4 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-pagenav a::after {
    position:absolute;
    top:50%;
    right:36px;
    width: 23px;
    height: 23px;
    margin-top:-20px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(135deg);
    content:"";
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-pagenav a::after {
        right:calc((36 / 750) * 100vw);
        width:calc((23 / 750) * 100vw);
        height:calc((23 / 750) * 100vw);
        margin-top:calc((-20 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-pagenav a:hover {
    background:#000;
    color:#FFF;
}
#lr-serum-cfd .section-pagenav a:hover::after {
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
}

/* Section prod -----------------------------------------------------------*/
#lr-serum-cfd .section-prod {
    padding-top:80px;
    padding-bottom:79px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod {
        padding-top:calc((80 / 750) * 100vw);
        padding-bottom:calc((79 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .section-title + p {
    margin-top: 88px;
    margin-bottom: 70px;
    font-size: 30px;
    line-height: calc(42 / 30);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .section-title + p {
        margin-top: calc((88 / 750) * 100vw);
        margin-bottom: calc((70 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-detail-wrap.mb {
    margin-bottom: 82px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .prod-detail-wrap.mb {
        margin-bottom: calc((82 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-titl {
    font-size: 54px;
    line-height: calc(60 / 54);
    letter-spacing: -0.01em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .prod-titl {
        font-size: calc((54 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-detail-wrap:nth-of-type(3) .prod-titl,
#lr-serum-cfd .section-prod .prod-detail-wrap:nth-of-type(4) .prod-titl{
    line-height: calc(48 / 54);
}
#lr-serum-cfd .section-prod .prod-img {
    width: 670px;
    margin: 30px auto 32px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .prod-img {
        width: calc((670 / 750) * 100vw);
        margin: calc((30 / 750) * 100vw) auto calc((32 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-detail-txt {
    font-size:28px;
    line-height:calc(40 / 28);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .prod-detail-txt {
        font-size:calc((28 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-detail-txt .annotation-sup {
    font-size:16px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .prod-detail-txt .annotation-sup {
        font-size:calc((16 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-detail-txt .annotation-sup span {
    font-size:118%;
    vertical-align:10%;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .prod-detail-txt .annotation-sup span {
        font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    }
}
#lr-serum-cfd .section-prod .detail-annotation {
    margin-top: 22px;
    font-size: 22px;
    line-height: calc(32 / 22);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .detail-annotation {
        margin-top: calc((22 / 750) * 100vw);
        font-size: calc((22 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .detail-annotation .annotation-no {
    font-size: 113%;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .detail-annotation .annotation-no {
        font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    }
}
#lr-serum-cfd .section-prod .detail-annotation .annotation-dott {
    vertical-align:30%;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .detail-annotation .annotation-dott {
        font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    }
}
#lr-serum-cfd .section-prod .fd-comparison {
    margin-top:79px;
    margin-left:40px;
    padding:33px 0 20px 30px;
    background:#FFF;
    color:#000;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison {
        margin-top:calc((79 / 750) * 100vw);
        margin-left:calc((40 / 750) * 100vw);
        padding:calc((33 / 750) * 100vw) 0 calc((20 / 750) * 100vw) calc((30 / 750) * 100vw);
    }
    #lr-serum-cfd .section-prod .sp-after {
        position:relative;
    }
    #lr-serum-cfd .section-prod .sp-after::after {
        position:absolute;
        left:0;
        bottom:calc((34 / 750) * 100vw);
        font-size:calc((20 / 750) * 100vw);
        content:"※横にスクロールしてご覧いただけます";
    }
}
#lr-serum-cfd .section-prod .fd-comparison .comparison-titl {
    margin-bottom: 37px;
    font-size: 30px;
    text-align: left;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .comparison-titl {
        margin-bottom: calc((37 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom:32px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-wrap {
        padding-bottom:calc((73 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-wrap::-webkit-scrollbar {
    height: 4px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-wrap::-webkit-scrollbar {
        height:calc((4 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-wrap::-webkit-scrollbar-track {
    border-radius:3px;
    background:#FFF;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-wrap::-webkit-scrollbar-track {
        border-radius:calc((3 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-wrap::-webkit-scrollbar-thumb {
    border-radius:3px;
    background: #A9A9A9;
    border: none;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-wrap::-webkit-scrollbar-thumb {
        border-radius:calc((3 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-wrap * {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Noto Sans JP", sans-serif !important;
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-container {
	display: grid;
    grid-template-columns: 1fr 2fr 2fr 2fr;
    width:1190px;
    height:auto;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-container {
        width:calc((1190 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-cell {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    background:#FFF;
    font-size:24px;
    line-height:calc(28 / 24);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-cell {
        font-size:calc((24 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-top {
    padding-bottom: 34px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-top {
        padding-bottom: calc((34 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-top .comparison-img {
    width:240px;
    margin:0 auto;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-top .comparison-img {
        width:calc((240 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-top .comparison-prod-name {
    height:152px;
    margin-top:34px;
    font-size:26px;
    line-height:calc(38 / 26);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-top .comparison-prod-name {
        height:calc((152 / 750) * 100vw);
        margin-top:calc((34 / 750) * 100vw);
        font-size:calc((26 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-top .comparison-btn {
    display:block;
    width:256px;
    margin:31px auto 0;
    padding:24px 0;
    border:1px solid #000;
    color:#000;
    font-size:26px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-top .comparison-btn {
        width:calc((256 / 750) * 100vw);
        margin:calc((31 / 750) * 100vw) auto 0;
        padding:calc((24 / 750) * 100vw) 0;
        font-size:calc((26 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-left {
    position:sticky;
    top:0;
    left:0;
    z-index:1;
    justify-content:flex-start;
    padding-top:6px;
    text-align:left;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-left {
        padding-top:calc((6 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .fd-comparison .fd-grid-left p {
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    width:100%;
    height:90px;
    padding-left:12px;
    background:#E0E0E0;
    font-size:22px;
    line-height:calc(28 / 22);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-left p {
        height:calc((90 / 750) * 100vw);
        padding-left:calc((12 / 750) * 100vw);
        font-size:calc((22 / 750) * 100vw);
    }
}

/* Section shade range -----------------------------------------------------------*/
#lr-serum-cfd .section-shade-range {
    padding-top:80px;
    padding-bottom:77px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range {
        padding-top:calc((80 / 750) * 100vw);
        padding-bottom:calc((77 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-shade-range .fd-item {
    margin-top: min(calc((44 / 750) * 100vw), 44px);
}
#lr-serum-cfd .section-shade-range .fd-item .item-pic-wrap {
    position: relative;
    width: 500px;
    margin: 0 auto 36px;
    padding: 0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-pic-wrap {
        width: 66.666vw;
        margin: 0 auto calc((36 / 750) * 100vw);
        padding: 0;
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-pic-wrap .item-pic {
    display:none;
}
#lr-serum-cfd .section-shade-range .fd-item .item-pic-wrap .item-pic.shadeShow {
    display:block;
}
#lr-serum-cfd .section-shade-range .fd-item .item-annotation {
    margin-bottom:54px;
    font-size:24px;
    letter-spacing:0.1em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-annotation {
        margin-bottom:calc((54 / 750) * 100vw);
        font-size:3.2vw;
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    gap:4px;
    width:584px;
    margin: 0 auto 43px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap {
        gap:calc((4 / 750) * 100vw);
        width:calc((584 / 750) * 100vw);
        margin-bottom:calc((43 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn {
    position:relative;
    width:80px;
    height:80px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn {
        width:calc((80 / 750) * 100vw);
        height:calc((80 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn button {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
    width:100%;
    height:100%;
    border:0;
}
#lr-serum-cfd .section-shade-range .fd-item .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: "";
}
#lr-serum-cfd .section-shade-range .fd-item .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) {
    #lr-serum-cfd .section-shade-range .fd-item .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);
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn .btn03789 {
    background:#E4B099;
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn .btn03790 {
    background:#E5B592;
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn .btn03791 {
    background:#EAC9A6;
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn .btn03792 {
    background:#D3A572;
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn .btn03793 {
    background:#DD9E7D;
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn .btn03794 {
    background:#E1B68D;
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn .btn03795 {
    background:#D9A577;
}
#lr-serum-cfd .section-shade-range .fd-item .item-shadeBtn-wrap .item-shadeBtn .btn03796 {
    background:#D39F75;
}
#lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap {
    margin-bottom: 35px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap {
        margin-bottom: calc((35 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .item-colorNum {
    display:none;
}
#lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .item-colorNum.shadeShow {
    display:block;
}
#lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .item-colorNum {
    font-size: 30px;
    line-height: calc(38 / 30);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .item-colorNum {
        font-size:4vw;
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .colorNum {
    margin-bottom: 6px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .colorNum {
        margin-bottom: calc((6 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .item-colorNum .txt-en {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    font-size: 113%;
}
#lr-serum-cfd .section-shade-range .fd-item .item-cart-wrap {
    width:507px;
    margin:0 auto;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-cart-wrap {
        width:67.6vw;
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-cart-wrap .item-cart {
    display:none;
}
#lr-serum-cfd .section-shade-range .fd-item .item-cart-wrap .item-cart.shadeShow {
    display:block;
}
#lr-serum-cfd .section-shade-range .fd-item .item-cart-wrap .txt-en {
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
}
#lr-serum-cfd .section-shade-range .btn-case-wrap {
    margin:20px 0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .btn-case-wrap {
        margin:calc((20 / 750) * 100vw) 0;
    }
}
#lr-serum-cfd .section-shade-range .ba-slide {
    width:670px;
    margin:69px auto 0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .ba-slide {
        width:calc((670 / 750) * 100vw);
        margin-top:calc((69 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-shade-range .ba-slide img {
    margin-bottom: 114px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .ba-slide img {
        margin-bottom: calc((114 / 750) * 100vw);
    }
}
/* Slick */
#lr-serum-cfd .section-shade-range .ba-slide .slick-dots {
    position: absolute;
    bottom: 147px;
    left: 0;
    line-height: 0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .ba-slide .slick-dots {
        bottom: calc((147 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-shade-range .ba-slide .slick-dots li {
    margin:0 9px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .ba-slide .slick-dots li {
        margin:0 1.2vw;
    }
}
#lr-serum-cfd .section-shade-range .ba-slide .slick-dots li,
#lr-serum-cfd .section-shade-range .ba-slide .slick-dots li button,
#lr-serum-cfd .section-shade-range .ba-slide .slick-dots li button:before {
    width:14px;
    height:14px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .ba-slide .slick-dots li,
    #lr-serum-cfd .section-shade-range .ba-slide .slick-dots li button,
    #lr-serum-cfd .section-shade-range .ba-slide .slick-dots li button:before {
        width:1.866vw;
        height:1.866vw;
    }
}
#lr-serum-cfd .section-shade-range .ba-slide .slick-dots li button:before {
    border-radius:50%;
    background:rgba(255,255,255,0.5);
}
#lr-serum-cfd .section-shade-range .ba-slide .slick-dots li.slick-active button:before {
    background:rgba(255,255,255,1);
}
#lr-serum-cfd .section-shade-range .ba-slide .slick-prev,
#lr-serum-cfd .section-shade-range .ba-slide .slick-next {
    margin-top:-123px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .ba-slide .slick-prev,
    #lr-serum-cfd .section-shade-range .ba-slide .slick-next {
        margin-top:calc((-123 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-shade-range .ba-slide .slick-prev:before,
#lr-serum-cfd .section-shade-range .ba-slide .slick-next:before {
    display:inline-block;
    opacity:1;
    color:#000;
    font-size:66px;
    transform: scaleX(0.7);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .ba-slide .slick-prev:before,
    #lr-serum-cfd .section-shade-range .ba-slide .slick-next:before {
        font-size:8.8vw;
    }
}

/* Section collection -----------------------------------------------------------*/
#lr-serum-cfd .section-collection {
    padding-top:77px;
    padding-bottom:79px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection {
        padding-top:calc((77 / 750) * 100vw);
        padding-bottom:calc((79 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-collection .section-title + p {
    margin: 88px 0 32px;
    font-size: 30px;
    line-height: calc(42 / 30);
}
#lr-serum-cfd .section-collection .section-title span {
    letter-spacing: -0.12em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .section-title + p {
        margin: calc((88 / 750) * 100vw) 0 calc((32 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-collection .coll-slide {
    width: 670px;
    margin: 70px auto 0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-slide {
        width: calc((670 / 750) * 100vw);
        margin: calc((70 / 750) * 100vw) auto 0;
    }
}
#lr-serum-cfd .section-collection .coll-slide .draggable {
    display:grid;
}
#lr-serum-cfd .section-collection .coll-slide .coll-detail {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#lr-serum-cfd .section-collection .coll-item-name {
    margin-top: 94px;
    font-size: 32px;
    line-height: calc(42 / 32);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-item-name {
        margin-top: calc((94 / 750) * 100vw);
        font-size: calc((32 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-collection .coll-item-price {
    margin: 20px 0 44px;
    font-size: 30px;
    line-height: calc(40 / 30);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-item-price {
        margin: calc((20 / 750) * 100vw) 0 calc((44 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-collection .coll-item-text {
    font-size: 30px;
    line-height: calc(42 / 30);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-item-text {
        font-size: calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-collection .btn-common {
    margin: 32px auto 0;
}
@media screen and (max-width:750px) {
#lr-serum-cfd .section-collection .btn-common {
    margin:calc((32 / 750) * 100vw) auto 0;
    }
}
/* Slick */
#lr-serum-cfd .section-collection .coll-slide .slick-dots {
    position:absolute;
    top:704px;
    left:0;
    line-height:0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-slide .slick-dots {
/*        top:calc((704 / 750) * 100vw);*/
        top:56.5%;
    }
}
#lr-serum-cfd .section-collection .coll-slide .slick-dots li {
    margin:0 9px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-slide .slick-dots li {
        margin:0 1.2vw;
    }
}
#lr-serum-cfd .section-collection .coll-slide .slick-dots li,
#lr-serum-cfd .section-collection .coll-slide .slick-dots li button,
#lr-serum-cfd .section-collection .coll-slide .slick-dots li button:before {
    width:14px;
    height:14px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-slide .slick-dots li,
    #lr-serum-cfd .section-collection .coll-slide .slick-dots li button,
    #lr-serum-cfd .section-collection .coll-slide .slick-dots li button:before {
        width:1.866vw;
        height:1.866vw;
    }
}
#lr-serum-cfd .section-collection .coll-slide .slick-dots li button:before {
    border-radius:50%;
    background:rgba(255,255,255,0.5);
}
#lr-serum-cfd .section-collection .coll-slide .slick-dots li.slick-active button:before {
    background:rgba(255,255,255,1);
}
#lr-serum-cfd .section-collection .coll-slide .slick-prev,
#lr-serum-cfd .section-collection .coll-slide .slick-next {
    margin-top:-322px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-slide .slick-prev,
    #lr-serum-cfd .section-collection .coll-slide .slick-next {
        margin-top:calc((-322 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-collection .coll-slide .slick-prev:before,
#lr-serum-cfd .section-collection .coll-slide .slick-next:before {
    display:inline-block;
    opacity:1;
    color:#000;
    font-size:66px;
    transform: scaleX(0.7);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-slide .slick-prev:before,
    #lr-serum-cfd .section-collection .coll-slide .slick-next:before {
        font-size:8.8vw;
    }
}

/* Section campaign -----------------------------------------------------------*/
#lr-serum-cfd .section-campaign {
    padding-top: 80px;
    padding-bottom: 200px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign {
        padding-top: calc((80 / 750) * 100vw);
        padding-bottom: calc((200 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .section-title + p {
    margin: 88px 0 40px;
    font-size: 30px;
    line-height: calc(42 / 30);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .section-title + p {
        margin: calc((88 / 750) * 100vw) 0 calc((40 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign h3 {
    font-size:50px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign h3 {
        font-size:calc((50 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .present-contents {
    width: 670px;
    margin: 64px auto 0;
    padding: 60px 0 100px;
    background: #FFF;
    color: #000;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .present-contents {
        width: calc((670 / 750) * 100vw);
        margin: calc((64 / 750) * 100vw) auto 0;
        padding: calc((60 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .present-contents h4 {
    font-size: 48px;
    line-height: calc(56 / 48);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .present-contents h4 {
        font-size: calc((48 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .present-contents .img-present-case {
    margin:63px 0 15px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .present-contents .img-present-case {
        margin:calc((63 / 750) * 100vw) 0 calc((15 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .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;
}
#lr-serum-cfd .section-campaign .present-contents h5 {
    margin-bottom:13px;
    font-size:28px;
    line-height:calc(36 / 28);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .present-contents h5 {
        margin-bottom:calc((13 / 750) * 100vw);
        font-size:calc((28 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .present-contents .item-size {
    font-size:26px;
    letter-spacing:0.06em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .present-contents .item-size {
        font-size:calc((26 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .plus {
    margin:40px 0 31px;
    color:#000;
    font-size:124px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .plus {
        margin:calc((40 / 750) * 100vw) 0 calc((31 / 750) * 100vw);
        color:#000;
        font-size:calc((124 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .present-contents .img-present-lrsp {
    margin-bottom: 17px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .present-contents .img-present-lrsp {
        margin-bottom: calc((17 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail {
    width: 670px;
    margin: 68px auto 0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail {
        width: calc((670 / 750) * 100vw);
        margin: calc((68 / 750) * 100vw) auto 0;
    }
}
#lr-serum-cfd .section-campaign .cpn-detail * {
    font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-feature-settings:"palt";
}
#lr-serum-cfd .section-campaign .cpn-detail h4,
#lr-serum-cfd .section-campaign .cpn-detail p,
#lr-serum-cfd .section-campaign .cpn-detail li {
    font-size:26px;
    line-height:calc(40 /26);
    text-align:left;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail h4,
    #lr-serum-cfd .section-campaign .cpn-detail p,
    #lr-serum-cfd .section-campaign .cpn-detail li {
        font-size:calc((26 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail h4 {
    margin-bottom:11px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail h4 {
        margin-bottom:calc((11 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail .code-wrap {
    margin-top: 40px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail .code-wrap {
        margin-top: calc((40 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail .code-wrap h5 {
    margin-bottom: 36px;
    font-size: 30px;
    text-align: center;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail .code-wrap h5 {
        margin-bottom: calc((36 / 750) * 100vw);
        font-size: calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail .code-wrap .coupon-code {
    margin-bottom: 44px;
    padding: 48px 0;
    background: #FFF;
    color: #000;
    font-size: 44px;
    text-align: center;
    line-height: 1;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail .code-wrap .coupon-code {
        margin-bottom: calc((44 / 750) * 100vw);
        padding: calc((48 / 750) * 100vw) 0;
        font-size: calc((44 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail .notes {
    margin-top:41px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail .notes {
        margin-top:calc((41 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail .notes li {
    padding-left: 24px;
    font-size: 24px;
    text-indent: -18px;
    line-height: calc(36 / 24);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail .notes li {
        padding-left: calc((24 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
        text-indent: calc((-18 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail .notes li:not(:last-child) {
    margin-bottom:10px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail .notes li:not(:last-child) {
        margin-bottom:calc((10 / 750) * 100vw);
    }
}