@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:"HelveticaNeueW01-UltLt", "Helvetica Neue LT W05 25 Ult Lt", "RodinCattleyaPro-L{pm}", 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:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    font-size:118%;
    line-height:1;
    vertical-align: 3%;
}
#lr-serum-cfd .section-title {
    font-size:67px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-title {
        font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", "RodinCattleyaPro-L{pm}", sans-serif !important;
        font-size:calc((67 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-title span {
    display:block;
    margin-bottom:2px;
    font-size:40px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-title span {
        margin-bottom:calc((2 / 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(57px / 2) 0;
    border:1px solid #FFF;
    background:#000;
    color:#FFF;
    font-size:26px;
    text-align:center;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .btn-common {
        width:calc((507 / 750) * 100vw);
        padding:calc(((57 / 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:70px;
    margin-bottom:32px;
    font-size:32px;
    line-height:1.5;
    letter-spacing:0.09em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .lp-titl {
        margin-top:calc((70 / 750) * 100vw);
        margin-bottom:calc((32 / 750) * 100vw);
        font-size:calc((32 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .lp-titl .lp-titl-top {
    display:block;
    margin-bottom:27px;
    font-size:52px;
    line-height:calc(64 / 52);
    letter-spacing:0.05em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .lp-titl .lp-titl-top {
        margin-bottom:calc((34 / 750) * 100vw);
        font-size:calc((52 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .lp-titl .txt-en {
    display:block;
    margin-top:4px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .lp-titl .txt-en {
        margin-top:calc((4 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .shade {
    font-size:26px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .shade {
        font-size:calc((26 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .price {
    margin-top:14px;
    margin-bottom:31px;
    font-size:25px;
    line-height:1.75;
    letter-spacing:0.16em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-head .price {
        margin-top:calc((14 / 750) * 100vw);
        margin-bottom:calc((31 / 750) * 100vw);
        font-size:calc((25 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-head .price .txt-rodin {
    font-family:"RodinCattleyaPro-L{pm}", sans-serif !important;
}
#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:40px;
    padding-bottom:79px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-pagenav {
        padding-top:calc((40 / 750) * 100vw);
        padding-bottom:calc((79 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-pagenav a {
    display:block;
    position:relative;
    width:630px;
    margin:0 auto;
    padding:13px 0;
    border:1px solid #FFF;
    background:#FFF;
    color:#000;
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    font-size:40px;
    letter-spacing:0.02em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-pagenav a {
        width:calc((630 / 750) * 100vw);
        padding:calc((13 / 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:8px;
    font-size:24px;
    letter-spacing:0.05em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-pagenav a span {
        margin-bottom:calc((8 / 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:67px;
    margin-bottom:78px;
    font-size:30px;
    line-height:calc(42 / 30);
    letter-spacing:0.05em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .section-title + p {
        margin-top:calc((67 / 750) * 100vw);
        margin-bottom:calc((78 / 750) * 100vw);
        font-size:calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-detail-wrap.mb {
    margin-bottom:84px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .prod-detail-wrap.mb {
        margin-bottom:calc((84 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-titl {
    font-size:53px;
    line-height:calc(48 / 53);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .prod-titl {
        font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
        font-size:calc((53 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-img {
    width:670px;
    margin:36px auto 34px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .prod-img {
        width:calc((670 / 750) * 100vw);
        margin:calc((36 / 750) * 100vw) auto calc((34 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .prod-detail-txt {
    font-size:28px;
    line-height:calc(40 / 28);
    letter-spacing:0.05em;
}
@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:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    }
}
#lr-serum-cfd .section-prod .detail-annotation {
    margin-top:25px;
    font-size:22px;
    line-height:1.3;
    letter-spacing:0.05em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .detail-annotation {
        margin-top:calc((25 / 750) * 100vw);
        font-size:calc((22 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-prod .detail-annotation .annotation-no {
    font-size:calc((26.4 / 22) * 100%);
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .detail-annotation .annotation-no {
        font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", 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:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", 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:19px;
    font-size:30px;
    text-align:left;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .comparison-titl {
        margin-bottom:calc((19 / 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:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", "RodinCattleyaPro-L{pm}", 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:15px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-prod .fd-comparison .fd-grid-top {
        padding-bottom:calc((15 / 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((72 / 750) * 100vw), 72px);
}
#lr-serum-cfd .section-shade-range .fd-item .item-pic-wrap {
    position:relative;
    width:500px;
    margin:0 auto 26px;
    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((26 / 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:29px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap {
        margin-bottom:calc((29 / 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: 1.266;
}
@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:11px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .colorNum {
        margin-bottom:calc((11 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .item-colorNum .txt-en {
    font-family:"HelveticaNeueW01-UltLt", "Helvetica Neue LT W05 25 Ult Lt", sans-serif !important;
    font-size:36px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-colorNum-wrap .item-colorNum .txt-en {
        font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
        font-size:calc((36 / 750) * 100vw);
    }
}
#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-UltLt", "Helvetica Neue LT W05 25 Ult Lt", sans-serif !important;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .fd-item .item-cart-wrap .txt-en {
        font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", 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:88px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .ba-slide img {
        margin-bottom:calc((88 / 750) * 100vw);
    }
}
/* Slick */
#lr-serum-cfd .section-shade-range .ba-slide .slick-dots {
    position:absolute;
    bottom:130px;
    left:0;
    line-height:0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-shade-range .ba-slide .slick-dots {
        bottom:calc((130 / 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 span {
    letter-spacing:0.1em;
}
#lr-serum-cfd .section-collection .section-title + p {
    margin:68px 0 32px;
    font-size:30px;
    line-height:calc(42 / 30);
    letter-spacing:0.05em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .section-title + p {
        margin:calc((68 / 750) * 100vw) 0 calc((32 / 750) * 100vw);
        font-size:calc((30 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-collection .coll-slide {
    width:670px;
    margin:81px auto 0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-slide {
        width:calc((670 / 750) * 100vw);
        margin:calc((81 / 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:73px;
    font-size:36px;
    line-height:calc(50 / 36);
    letter-spacing:0.1em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-item-name {
        margin-top:calc((73 / 750) * 100vw);
        font-size:calc((36 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-collection .coll-item-price {
    margin:29px 0 53px;
    font-size:31.2px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-collection .coll-item-price {
        margin:calc((29 / 750) * 100vw) 0 calc((53 / 750) * 100vw);
        font-size:calc((31.2 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-collection .coll-item-price .txt-rodin {
    font-family:"RodinCattleyaPro-L{pm}", sans-serif !important;
}
#lr-serum-cfd .section-collection .coll-item-text {
    font-size:30px;
    line-height:calc(42 / 30);
    letter-spacing:0.03em;
}
@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:calc((34 / 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:178px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign {
        padding-top:calc((80 / 750) * 100vw);
        padding-bottom:calc((178 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .section-title + p {
    margin:71px 0 40px;
    font-size:28px;
    line-height:calc(36 / 28);
    letter-spacing:0.08em;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .section-title + p {
        margin:calc((71 / 750) * 100vw) 0 calc((40 / 750) * 100vw);
        font-size:calc((28 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign h3 {
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    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:64px 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((64 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .present-contents h4 {
    font-size:48px;
}
@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((451 / 750) * 100vw), 451px);
    margin-top:min(calc((93 / 750) * 100vw), 93px);
    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);
    letter-spacing:0.05em;
}
@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 .present-contents .item-size .txt-en {
    font-size:calc((31.2 / 26) * 100%);
}
#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:18px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .present-contents .img-present-lrsp {
        margin-bottom:calc((18 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail {
    width:670px;
    margin:69px auto 0;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail {
        width:calc((670 / 750) * 100vw);
        margin:calc((69 / 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:31px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail .code-wrap {
        margin-top:calc((31 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail .code-wrap h5 {
    margin-bottom:36px;
    font-size:31px;
    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((31 / 750) * 100vw);
    }
}
#lr-serum-cfd .section-campaign .cpn-detail .code-wrap .coupon-code {
    margin-bottom:44px;
    padding:36px 0;
    background:#FFF;
    color:#000;
    font-size:44px;
    text-align:center;
}
@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((36 / 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:20px;
    text-indent:-20px;
}
@media screen and (max-width:750px) {
    #lr-serum-cfd .section-campaign .cpn-detail .notes li {
        padding-left:calc((20 / 750) * 100vw);
        text-indent:calc((-20 / 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);
    }
}