@charset "utf-8";

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

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

#lb_starterskit .cpnBtnCode {
    display:flex;
    flex-wrap:nowrap;
    justify-content: center;
    align-items: center;
    gap:0 min(calc((10 / 750) * 100vw), 10px);
    border: unset;
    margin-inline: auto;
    margin-block: min(calc((30 / 750) * 100vw), 30px) min(calc((47 / 750) * 100vw), 47px);
    color: #fff;
    text-align: center;
    text-decoration: underline;
}
#lb_starterskit .cpnBtnCode span {
    display:block;
    font-size: min(calc((26 / 750) * 100vw), 26px);
    line-height: 1.2;
}
#lb_starterskit .cpnBtnCode span img {
    display:block;
    width: min(calc((25 / 750) * 100vw), 25px);
}


/* Section head -----------------------------------------------------------*/
#lb_starterskit .section-head {
    padding-block: min(calc((84 / 750) * 100vw), 84px);
    text-align:center;
}
#lb_starterskit .section-head h1 {
    margin-bottom: min(calc((25 / 750) * 100vw), 25px);
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    font-size: min(calc((100 / 750) * 100vw), 100px);
    text-transform:uppercase;
}
#lb_starterskit .section-head h1 span {
    display: block;
    margin-bottom: min(calc((17 / 750) * 100vw), 17px);
    font-size: min(calc((42 / 750) * 100vw), 42px);
    line-height: 1;
}
#lb_starterskit .section-head .head-lead {
    font-size: min(calc((28 / 750) * 100vw), 28px);
    line-height: calc(36 / 28);
}

/* Section page nav -----------------------------------------------------------*/
#lb_starterskit .section-pagenav {
    padding-bottom: min(calc((8 / 750) * 100vw), 8px);
}
#lb_starterskit .section-pagenav ul {
    padding-left: min(calc((49 / 750) * 100vw), 49px);
}
#lb_starterskit .section-pagenav li:not(:last-child) {
    margin-bottom: min(calc((40 / 750) * 100vw), 40px);
}
#lb_starterskit .section-pagenav a {
    display: inline-block;
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-size: min(calc((30 / 750) * 100vw), 30px);
    text-decoration: underline;
    text-decoration-thickness:2px;
    text-underline-offset: min(calc((10 / 750) * 100vw), 10px);
}
@media screen and (max-width:750px) {
    #lb_starterskit .section-pagenav a {
        text-decoration-thickness:1px;
    }
}
#lb_starterskit .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) {
    #lb_starterskit .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;
    }
}

/* Section contents1 セット内容 -----------------------------------------------------------*/
#lb_starterskit .section-contents1 {
    padding-top: min(calc((110 / 750) * 100vw), 110px);
    text-align: center;
}
#lb_starterskit .section-contents1 .set-contents {
    padding-top: min(calc((66 / 750) * 100vw), 66px);
    padding-bottom: min(calc((46 / 750) * 100vw), 46px);
}
#lb_starterskit .section-contents1 .set-contents h3 {
    margin-bottom: min(calc((21 / 750) * 100vw), 21px);
    font-size: min(calc((30 / 750) * 100vw), 30px);
    line-height: calc(40 / 30);
}
#lb_starterskit .section-contents1 .set-img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(calc((40 / 750) * 100vw), 40px);
    margin-bottom: min(calc((16 / 750) * 100vw), 16px);
}
#lb_starterskit .section-contents1 .set-contents img {
    width: min(calc((500 / 750) * 100vw), 500px);
}
#lb_starterskit .section-contents1 .set-contents p {
    font-size: min(calc((30 / 750) * 100vw), 30px);
    line-height: calc(44 / 30);
}
#lb_starterskit .section-contents1 .set-contents .button {
    position:relative;
    width: min(calc((507 / 750) * 100vw), 507px);
    margin: min(calc((44 / 750) * 100vw), 44px) auto 0;
    padding: min(calc((22.5 / 750) * 100vw), 22.5px) 0;
    font-size: min(calc((26 / 750) * 100vw), 26px);
    line-height: calc(40 / 26);
}
#lb_starterskit .section-contents1 .set-contents .button:after {
    position:absolute;
    top:50%;
    right:38px;
    width: 21px;
    height: 21px;
    margin-top:-17px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(135deg);
    content:"";
}
@media screen and (max-width:750px) {
    #lb_starterskit .section-contents1 .set-contents .button:after {
        right:5.066vw;
        width: 2.8vw;
        height: 2.8vw;
        margin-top:-2.266vw;
        border-top: solid 1px #fff;
        border-right: solid 1px #fff;
    }
}
@media screen and (min-width:751px) {
    #lb_starterskit .section-contents1 .set-contents .button:hover:after {
        border-top: solid 1px #000;
        border-right: solid 1px #000;
    }
}
#lb_starterskit .section-contents1 .plus {
    font-size: min(calc((124 / 750) * 100vw), 124px);
}
#lb_starterskit .section-contents1 .present-contents {
    padding-top: min(calc((64 / 750) * 100vw), 64px);
}
#lb_starterskit .section-contents1 .present-contents h3 {
    font-size: min(calc((50 / 750) * 100vw), 50px);
    line-height: calc(40 / 50);
}
#lb_starterskit .section-contents1 .present-contents img {
    width: min(calc((500 / 750) * 100vw), 500px);
    margin: min(calc((120 / 750) * 100vw), 120px) auto min(calc((60 / 750) * 100vw), 60px);
}
#lb_starterskit .section-contents1 .present-contents h4 {
    font-size: min(calc((30 / 750) * 100vw), 30px);
    line-height: calc(44 / 30);
    text-transform: none;
}

/* Section contents2 セットご購入方法 -----------------------------------------------------------*/
#lb_starterskit .section-contents2 {
    margin-top: min(calc((108 / 750) * 100vw), 108px);
    padding-block: min(calc((92 / 750) * 100vw), 92px) min(calc((108 / 750) * 100vw), 108px);
}
#lb_starterskit .section-contents2 h2 {
    margin-bottom: min(calc((44 / 750) * 100vw), 44px);
    line-height: calc(66 / 56);
}
#lb_starterskit .section-contents2 .method {
    margin-left: min(calc((47 / 750) * 100vw), 47px);
    margin-bottom: min(calc((60 / 750) * 100vw), 60px);
}
#lb_starterskit .section-contents2 .method li {
    padding-left: min(calc((48 / 750) * 100vw), 48px);
    font-size: min(calc((28 / 750) * 100vw), 28px);
    text-indent: -48px;
    line-height: calc(44 / 28);
}
@media screen and (max-width:750px) {
    #lb_starterskit .section-contents2 .method li {
        text-indent: -6.4vw;
    }
}
#lb_starterskit .section-contents2 .method li:nth-child(1) {
    width: min(calc((582 / 750) * 100vw), 582px);
}
#lb_starterskit .section-contents2 .method li:not(:last-child) {
    margin: min(calc((22 / 750) * 100vw), 22px) 0;
}
#lb_starterskit .section-contents2 .method li .method-num {
    margin-right: min(calc((14 / 750) * 100vw), 14px);
}
#lb_starterskit .section-contents2 .code-wrap h3 {
    margin-bottom: min(calc((36 / 750) * 100vw), 36px);
    font-size: min(calc((30 / 750) * 100vw), 30px);
    line-height: calc(30 / 30);
    text-align:center;
    font-feature-settings: normal;
}
#lb_starterskit .section-contents2 .code-wrap .coupon-code {
    width: min(calc((670 / 750) * 100vw), 670px);
    margin-inline: auto;
    padding: min(calc((48 / 750) * 100vw), 48px) 0;
    background:#FFF;
    color:#000;
    font-size: min(calc((44 / 750) * 100vw), 44px);
    line-height: 1;
    text-align:center;
}
#lb_starterskit .section-contents2 .code-wrap .notes {
    width: min(calc((670 / 750) * 100vw), 670px);
    margin:0 auto;
}
#lb_starterskit .section-contents2 .code-wrap .notes li {
    margin-left: min(calc((23 / 750) * 100vw), 23px);
    font-size: min(calc((26 / 750) * 100vw), 26px);
    line-height: calc(40 / 26);
    text-indent:-20px;
}
@media screen and (max-width:750px) {
    #lb_starterskit .section-contents2 .code-wrap .notes li {
        text-indent:-2.666vw;
    }
}
#lb_starterskit .section-contents2 .code-wrap .notes li:before {
    content:"＊";
}
#lb_starterskit .section-contents2 .code-wrap .notes li:not(:last-child) {
    margin-bottom: min(calc((10 / 750) * 100vw), 10px);
}

/* Section contents3 アイテム紹介 -----------------------------------------------------------*/
#lb_starterskit .section-contents3 {
    padding-top: min(calc((92 / 750) * 100vw), 92px);
    text-align:center;
}
#lb_starterskit .section-contents3 h3 {
    margin-top: min(calc((71 / 750) * 100vw), 71px);
    font-size: min(calc((30 / 750) * 100vw), 30px);
    line-height: calc(44 / 30);
}
#lb_starterskit .section-contents3 h3 .item-name {
    display:block;
    line-height: calc(44 / 30);
}
#lb_starterskit .section-contents3 .item-price {
    margin-bottom: min(calc((22 / 750) * 100vw), 22px);
    font-size: min(calc((26 / 750) * 100vw), 26px);
    line-height: calc(52 / 26);
}
#lb_starterskit .section-contents3 .prod-item {
    position: relative;
    width: min(calc((600 / 750) * 100vw), 600px);
    margin: 0 auto;
}
#lb_starterskit .section-contents3 .prod-image-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: min(calc((500 / 750) * 100vw), 500px);
    margin-bottom: min(calc((26 / 750) * 100vw), 26px);
}
#lb_starterskit .section-contents3 .prod-image {
    width: min(calc((500 / 750) * 100vw), 500px);
}
#lb_starterskit .section-contents3 .prod-notes {
    margin-bottom: min(calc((38 / 750) * 100vw), 38px);
    font-size: min(calc((24 / 750) * 100vw), 24px);
    line-height: calc(40 / 24);
    font-feature-settings: normal;
}
#lb_starterskit .section-contents3 .prod-swatch-outerWrap {
    overflow: hidden; 
    width: min(calc((534 / 750) * 100vw), 534px); 
    margin: 0 auto;
}
#lb_starterskit .section-contents3 .prod-swatch-list {
    display: flex;
    justify-content: flex-start;
    gap: min(calc((10 / 750) * 100vw), 10px);
    margin-bottom: min(calc((34 / 750) * 100vw), 34px);
    width: max-content;
}
#lb_starterskit .section-contents3 .prod-swatch-list.is-center {
    width: 100%;
    justify-content: center;
}
#lb_starterskit .section-contents3 .prod-swatch-item {
    flex-shrink: 0;
    position: relative;
    box-sizing: border-box;
    width: min(calc((58 / 750) * 100vw), 58px);
    height: min(calc((58 / 750) * 100vw), 58px);
    list-style: none;
    cursor: pointer;
    
}
#lb_starterskit .section-contents3 .prod-swatch-item.is-active {
    height: min(calc((54 / 750) * 100vw), 54px);
}
#lb_starterskit .section-contents3 .prod-swatch-item.is-active::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    content: "";
}
@media screen and (max-width:750px) {
    #lb_starterskit .section-contents3 .prod-swatch-item.is-active::after {
        bottom: -0.6666vw;
    }
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#lb_starterskit .section-contents3 .prod-swatch-item.is-soldout .swatch-inner::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 1;
    width: 0;
    height: 150%;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
}
#lb_starterskit .section-contents3 .prod-swatch-item.is-soldout.is-active .swatch-inner::before {
    transform: rotate(-47deg);
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05909 {
    background-color: #f69d8c;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05910 {
    background-color: #efa6aa;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05911 {
    background-color: #d28a88;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05912 {
    background-color: #ea776b;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05913 {
    background-color: #e03a2f;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05914 {
    background-color: #903e31;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05915 {
    background-color: #9f5245;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05916 {
    background-color: #af725f;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05917 {
    background-color: #b9746d;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05918 {
    background-color: #d76c7f;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05919 {
    background-color: #d2717c;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-05920 {
    background-color: #d64378;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-06091 {
    background-color: #aa5f80;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-06003 {
    background-color: #d77572;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-06004 {
    background-color: #be625a;
}
#lb_starterskit .section-contents3 .prod-swatch-item .swatch-inner.shade-06005 {
    background-color: #9a494b;
}
#lb_starterskit .section-contents3 button.lb-shade-arrow {
    position: absolute;
    bottom: min(calc((250 / 750) * 100vw), 250px);
    width: min(calc((40 / 750) * 100vw), 40px);
    height: min(calc((40 / 750) * 100vw), 40px);
    padding: 0;
    border: 0;
    color: #fff;
    background: none;
    cursor: pointer;
}
#lb_starterskit .section-contents3 button.lb-shade-arrow:before {
    font-family: "icomoon";
    font-size: min(calc((20 / 750) * 100vw), 20px);
}
#lb_starterskit .section-contents3 button.lb-shade-prev {
    left: min(calc((-5 / 750) * 100vw), -5px);
}
#lb_starterskit .section-contents3 button.lb-shade-prev:before {
    content: "\e903";
}
#lb_starterskit .section-contents3 button.lb-shade-next {
    right: min(calc((-5 / 750) * 100vw), -5px);
}
#lb_starterskit .section-contents3 button.lb-shade-next:before {
    content: "\e906";
}
#lb_starterskit .section-contents3 .prod-color,
#lb_starterskit .section-contents3 .prod-color .prod-color-code,
#lb_starterskit .section-contents3 .prod-color .prod-color-en {
    font-size: calc(min(calc((30 / 750) * 100vw), 30px)* 1.13);
    line-height: calc(38 / 33.9);
    font-family:"HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
}
#lb_starterskit .section-contents3 .prod-color-jp {
    margin-block: min(calc((6 / 750) * 100vw), 6px) min(calc((35 / 750) * 100vw), 35px);
    font-size: min(calc((30 / 750) * 100vw), 30px);
    line-height: calc(38 / 30);
    
}
#lb_starterskit .section-contents3 .cart-btn-wrap {
    width: min(calc((507 / 750) * 100vw), 507px);
    margin-inline: auto;
}
#lb_starterskit .section-contents3 .cart-btn-wrap .button {
    padding: min(calc((23 / 750) * 100vw), 23px) min(calc((24 / 750) * 100vw), 24px);
    font-size: min(calc((26 / 750) * 100vw), 26px);
    line-height: calc(40 / 26);
    
}
#lb_starterskit .section-contents3 .cart-btn-wrap .out-of-stock-btn {
    padding: min(calc((23 / 750) * 100vw), 23px) min(calc((22 / 750) * 100vw), 22px);
    font-size: min(calc((26 / 750) * 100vw), 26px);
    line-height: calc(40 / 26);
}

#lb_starterskit .section-contents3 .details-wrap {
    padding-block: min(calc((85 / 750) * 100vw), 85px) 0;
}
#lb_starterskit .section-contents3 .details-wrap h4 {
    margin-bottom: min(calc((37 / 750) * 100vw), 37px);
    font-size: min(calc((50 / 750) * 100vw), 50px);
    line-height: 1;
}
#lb_starterskit .section-contents3 .details-wrap img {
    width: min(calc((670 / 750) * 100vw), 670px);
    margin:0 auto min(calc((40 / 750) * 100vw), 40px);
}
#lb_starterskit .section-contents3 .details-wrap p {
    margin-bottom: min(calc((43 / 750) * 100vw), 43px);
    font-size: min(calc((30 / 750) * 100vw), 30px);
    line-height:1.5;
}
#lb_starterskit .section-contents3 .details-wrap p:last-of-type {
    margin-bottom: min(calc((50 / 750) * 100vw), 50px);
}
#lb_starterskit .section-contents3 .details-wrap .button {
    width: min(calc((507 / 750) * 100vw), 507px);
    padding: min(calc((23 / 750) * 100vw), 23px) min(calc((22 / 750) * 100vw), 22px);
    font-size: min(calc((26 / 750) * 100vw), 26px);
    line-height: calc(40 / 26);
}

/* Section contents shopping -----------------------------------------------------------*/
#lb_starterskit .section-contents-shopping {
    padding-top: min(calc((140 / 750) * 100vw), 140px);
    padding-bottom: min(calc((200 / 750) * 100vw), 200px);
}
#lb_starterskit .section-contents-shopping .shopping-guide {
    display:flex;
    flex-wrap:nowrap;
    width: min(calc((670 / 750) * 100vw), 670px);
    margin:0 auto;
    background:#FFF;
    color:#000;
}
#lb_starterskit .section-contents-shopping .shopping-guide-postage {
    margin-bottom: min(calc((30 / 750) * 100vw), 30px);
}
#lb_starterskit .section-contents-shopping .shopping-guide-img {
    width: min(calc((188 / 750) * 100vw), 188px);
}
#lb_starterskit .section-contents-shopping .shopping-guide-text {
    display:flex;
    flex-wrap:nowrap;
    flex-direction: column;
    justify-content: center;
    width: min(calc((482 / 750) * 100vw), 482px);
}
#lb_starterskit .section-contents-shopping h3 {
    margin-bottom: min(calc((11 / 750) * 100vw), 11px);
    font-size: min(calc((32 / 750) * 100vw), 32px);
    line-height: calc(38 / 32);
}
#lb_starterskit .section-contents-shopping li {
    margin-left: min(calc((18 / 750) * 100vw), 18px);
    font-size: min(calc((22 / 750) * 100vw), 22px);
    line-height: calc(28 / 22);
    text-indent: -18px;
}
@media screen and (max-width:750px) {
    #lb_starterskit .section-contents-shopping li {
        text-indent:-2.4vw;
    }
}
#lb_starterskit .section-contents-shopping li:before {
    content:"・ ";
}
#lb_starterskit .section-contents-shopping a {
    width: min(calc((330 / 750) * 100vw), 330px);
    margin-top: min(calc((13 / 750) * 100vw), 13px);
    margin-left: min(calc((2 / 750) * 100vw), 2px);
    padding: min(calc((13 / 750) * 100vw), 13px) 0;
    border:1px solid #000;
    box-sizing:border-box;
    background:#000;
    color:#FFF;
    font-size: min(calc((18 / 750) * 100vw), 18px);
    text-align:center;
}
@media screen and (min-width:751px) {
    #lb_starterskit .section-contents-shopping a:hover {
        background:#FFF;
        color:#000;
    }
}