.f-sws{
    font-family: "tt-commons-pro", sans-serif;
}
.f-fcp{
    font-family: "source-han-sans-japanese", sans-serif;
    font-style: normal;
}
.hsl-fv{
    position: relative;
}
.hsl-fv .hsl_img_fv{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.f-w400{
    font-weight: 400;
}
.f-w700{
    font-weight: 700;
}
.w-1024s{
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
.howtoSection .howtoList_numCaption{
    align-items: center;
}
.hsl-fv .hsl-fv-ct{
    font-weight: 400;
    color: #000000;
    letter-spacing: 0;
    width: 100%;
    position: absolute;
    top: 25%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.w-1040{
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}
.col_black{
    color: #000000;
}
.fw-400{
    font-weight: 400;
}
.txt_block{
    display: block;
    object-fit: cover;
}
.hasu_title{
    font-weight: 500;
    line-height: 1;
    color: #000000;
}
.hsl-main-title.col_pink{
    color: #F2D7E5!important;
}
.hsl-end-title.col_ye{
    color: #F2EDD7!important;
}
.ls20{
    letter-spacing: 0.2em;
}
.hasu-btn a::after{
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}
.hasu-btn a:hover::after{
    border-color: rgba(255, 255, 255, 0.5);
}
.hsl-container{
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}
.txt_center{
    text-align: center;
}
.ls{
    letter-spacing: 0;
}
.hsl-title-a{
    font-weight: 400;
    color: #000000;
    text-align: center;
    letter-spacing: 0;
}
.col_dark{
    color: #141B29;
}
.hsl-title-a strong{
    font-weight: 700;
}
.f-fawang{
    font-family: "Fahkwang", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.hsl-top-title{
    font-weight: 400;
    color: #000000;
}
.hsl-main-title{
    color: #D7ECF2;
    font-weight: 700;
    text-align: left;
}
.hsl-reservation{
    background-color: #141B29;
}
.hsl-rsvt-first,
.hsl-rsvt-center{
    color: #ffffff;
}
.hsl-reservation .hsl-rsvt-first,
.hsl-reservation .hsl-rsvt-txtb{
    font-weight: 400;
    text-transform: uppercase;
}
.hsl-reservation .hsl-rsvt-txta{
    font-weight: 400;
    text-align: left;
}
.hsl-reservation .hsl-rsvt-btn{
    font-weight: 400;
    color: #141B29;
    text-decoration: none;
    border-radius: 8px;
    display: flex;
    padding: 10px;
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
    position: relative;
}
.hsl-reservation .hsl-rsvt-btn::after{
    content: "";
    display: inline-block;
    border-right: 1px solid #141B29;
    border-top: 1px solid #141B29;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.hsl-reservation .hsl-reservation-wrap{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.hsl-rsvt-center{
    position: relative;
}
.hsl-rsvt-center::before{
    content: "";
    width: 1px;
    height: 100%;
    background-color: #ffffff;
    position: absolute;
    top:0;
}
.hsl-reservation .hsl-rsvt-btn:hover{
    color: rgba(0, 0, 0, 0.5);
}
.hsl-reservation .hsl-rsvt-btn:hover::after{
    border-color: rgba(0, 0, 0, 0.5);
}
.hsl-bn-wrap{
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
/*  Instructions page */
.f-inter{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}
/* End instructions */
/* Footer fix */
.hsl-reservation{
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
    z-index: -1;
    background-color: #141B29;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
}
.f-w500{
    font-weight: 500;
}
.ls0{
    letter-spacing: 0;
}
.w-container{
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}
.w-921{
    max-width: 921px;
    margin-left: auto;
    margin-right: auto;
}
.w-800{
    max-width: 800px;
}
.w-672{
    max-width: 672px;
    margin-left: auto;
    margin-right: auto;
}
/* Section lp one */
.scshop-one .scshop-one-item{
    background-color: #F0F0F0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.scshop-one .scshop-one-item img{
    max-width: 100%;
    object-fit: cover;
    margin: 0 auto;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.hsl-style-sample .hsl-style-spl-img{
    cursor: pointer;
}
.hsl-style-sample .hsl-style-spl-img img,
.hsl-fabric-innovation .hsl-fabr-faq{
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.scshop-one .scshop-one-item:hover img,
.hsl-style-sample .hsl-style-spl-img:hover img{
    opacity: 0.7;
}
.hsl-fabric-innovation .hsl-fabr-faq:hover{
    opacity: 0.7;
}
.hsl-fabric-innovation .scshop_bd{
    background-color: #141B29;
    display: flex;
    color: #ffffff;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
}
.scshop-one .scshop-one-cap,
.scshop-three .scsbenefit-content{
    color: #000000;
}
/* End section one */
/* Section two */
.scshop-two .scshoptwo_wrap{
    text-align: center;
    color: #fff;
    background-color: #141B29;
}
/* End section two */
/* Section three */
.scshop-three{
    background-color: #F2F2F2;
}
.scshop-three .scsthree-ttfirst,
.scshop-three .scsthree-ttlast{
    color: #FFFFFF;
}
.scshop-three .scsbenefit-title{
    color: #000000;
}
.scshop-three .scshop-threettin{
    background-color: #141B29;
}
.scshop-three .scshopth-note{
    line-height: 1.5;
}
.scshop-three .scshop-benefit-item{
    position: relative;
}
.scshop-three .scshop-be-num{
    font-weight: 200;
    line-height: 1;
    position: absolute;
    z-index: 2;
}
.scshop-three .scsbe-content::after{
    content: "";
    position: absolute;
    background-color: #F2F2F2;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 1px solid #141B29;
    z-index: 0;
}
.scshop-three .scsbe-content{
    background-color: #FFFFFF;
    border: 1px solid #141B29;
    position: relative;
}
/* End section three */
.hsl-style-sample .scshop-look-link{
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    display: flex;
    flex-direction:column;
    max-width: 147px;
    width: 100%;
    margin-right: 0;
    margin-left: auto;
    text-align: center;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.hsl-style-sample .scshop-look-link:hover{
    opacity: 0.7;
}
.hsl-style-sample .scshop-look-line{
    margin-top: -2px;
}
.hsl-main-lp-title{
    line-height: 1.5;
}
.hsl-main-lp-txt{
    word-wrap: break-word;
}
.w-1090{
    max-width: 1090px;
    margin-left: auto;
    margin-right: auto;
}
.w-1077{
    max-width: 1077px;
    margin-left: auto;
    margin-right: auto;
}
.ls8{
    letter-spacing: 0.08em;
}
.ls10{
    letter-spacing: 0.1em;
}
.ls6{
    letter-spacing: 0.06em;
}
.col_white{
    color: #FFFFFF;
}
.txt_und_href{
    text-decoration: underline;
}
.hsl-fabric-innovation .hsl-faq-answer{
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    flex-basis: 90px;
    flex-shrink: 0;
}
.hsl-fabric-innovation .hsl-faq-question{
    all: unset;
    font-family: "source-han-sans-japanese", sans-serif;
    justify-content: space-between;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding-bottom: 6px;
    color: #141B29;
    letter-spacing: 0.08em;
    margin-top: 8px;
}
.hsl-fabric-innovation .hsl-fabr-faq{
    border-bottom: 1px solid #A3A3A3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
}
.scshop-frice .imgnv{
    max-width: 100%;
}
/* Custom from other css */
/* End custom from other css */
.hsl-style-sample .swiper-button-prev,
.hsl-style-sample .swiper-button-next{
    width: 40px;
    height: 40px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    font-size: 16px;
    background-image: unset;
}
.hsl-style-sample .swiper-button-prev::after,
.hsl-style-sample .swiper-button-next::after{
    color: #000000;
    font-size: 16px;
}
.hsl-fabric-box .hsl-fbr-box-right .hsl-fabric-box-note{
    letter-spacing: 0.08em;
}
/* End section lp one */
/* Section faq */
.hsl-fabric-innovation .scshop-title-faq{
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    border-left: 5px solid #141B29;
    padding-left: 10px;
}
/* End section faq */
/* Modal popup */
.hslmodal {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}
.hslmodal-content {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
#hslmodalImage {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 80px);
    object-fit: contain;
}
.hslclose{
    cursor: pointer;
    z-index: 10;
    width: 28px;
    height: 28px;
}
.hslclose::before,
.hslclose::after{
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    height: 1px;
    width: 28px;
    background-color: #ffffff;
}
.hslclose::before{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hslclose::after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.hslimage-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}
/* End modal popup */
/* New section */
.ls16{
    letter-spacing: 0.16em;
}
.ls12{
    letter-spacing: 0.112em;
}
.hsl-new-section{
    background-color: #EFEFEF;
}
.hsl-new-section .hsl-purchase-title,
.hsl-new-section .hsl0purchase-note{
    color: #000000;
}
.hsl-new-section .hsl-purchase-title{
    font-size: 20px;
    line-height: 32px;
}
.hsl-new-section .hsl0purchase-note{
    font-size: 14px;
    line-height: 26px;
}
.hsl-new-section .hsl-purchase-btn{
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #000000;
    font-size: 16px;
    line-height: 1.25;
    color: #000000;
    font-weight: 400;
    letter-spacing: 0.256em;
    position: relative;
}
.hsl-new-section .hsl-purchase-btn::after{
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -o-transition: right .2s ease-in-out;
    -moz-transition: right .2s ease-in-out;
    -webkit-transition: right .2s ease-in-out;
    transition: right .2s ease-in-out;
}
.hsl-new-section .hsl-purchase-btn:hover::after{
    right: 25px;
}
.hsl-style-sample #kashiyama .scs-look-tt{
    color: #4F4F4F;
}
.hsl-style-sample .scs-look-tt span{
    color: #4F4F4F;
}
/* End new section */
@media only screen and (min-width: 1200px){
    /* Section lp one */
    .scshop-one .scshop-one-item{
        width: 250px;
        height: 250px;
        object-fit: cover;
        padding: 30px 16px 16px 16px;
        gap: 10px;
    }
    .scshop-one .one-wr{
        min-height: 156px;
        align-content: center;
    }
    .scshop-one .scshop-one-item .scshop-one-imga{
        width: 209px;
        height: 20px;
    }
    .scshop-one .scshop-one-item .scshop-one-imgb{
        width: 155px;
        height: 156px;
    }
    .scshop-one .scshop-one-item .scshop-one-imgc{
        width: 223px;
        height: 127px;
    }
    .scshop-one .scshop-one-item .scshop-one-imgd{
        width: 190px;
        height: 154px;
    }
    /* End section lp one */
    .hsl-style-sample .scshop-list-images{
        display: flex;
        gap: 8px;
    }
}
@media only screen and (min-width: 1041px){
    /* Section two */
    .scshop-two .sctwo-title{
        font-size: 32px;
        line-height: 1.5;
        letter-spacing: 0.2em;
    }
    .scshop-two .scshoptwo_wrap{
        padding: 69px 0;
    }
    .scshop-two .sctwo-txt{
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0.2em;
        margin-top: 60px;
    }
    .scshop-two .mvText_caution{
        font-size: 14px;
    }
    /* End section two */
    .hsl-main-title{
        letter-spacing: 0.1em;
        font-size: 130px;
        line-height: 200px;
    }
    .hsl-reservation .hsl-rsvt-first,
    .hsl-reservation .hsl-rsvt-txtb{
        font-size: 14px;
        line-height: 20.27px;
    }
    .hsl-reservation .hsl-rsvt-txta,
    .hsl-reservation .hsl-rsvt-btn{
        font-size: 18px;
        line-height: 26.06px;
    }
    .hsl-reservation .hsl-rsvt-btn{
        width: 360px;
        height: 60px;
    }
    .hsl-rsvt-center::before{
        left: -15px;
    }
    .lh34{
        line-height: 34px!important;
    }
    .mgt8{
        margin-top: 8px!important;
    }
}
@media only screen and (max-width: 1040px){
    /* Section two */
    .scshop-two .scshoptwo_wrap{
        padding-left: 20px;
        padding-right: 20px;
    }
    .scshop-two .sctwo-title{
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: 0.24em;
    }
    .scshop-two .sctwo-txt{
        font-size: 16px;
        text-align: left;
        line-height: 1.8;
        letter-spacing: 0.18em;
        word-break: break-all;
    }
    .scshop-two .mvText_caution{
        letter-spacing: 0.24em;
    }
    /* End section two */
}
@media only screen and (min-width: 992px){
    /* Section three */
    .scshop-three{
        padding-top: 130px;
        padding-bottom: 50px;
    }
    .scshop-three .scsthree-ttfirst{
        font-size: 32px;
        line-height: 56px;
    }
    .scshop-three .scsthree-ttlast{
        font-size: 24px;
        line-height: 36px;
    }
    .scshop-three .scshop-benefit-item{
        margin-bottom: 72px;
    }
    .scshop-three .scsbenefit-title{
        font-size: 20px;
        line-height: 1.5;
    }
    .scshop-three .scsbenefit-title.not-note{
        min-height: 52px;
        display: flex;
        align-items: center;
    }
    .scshop-three .scsbenefit-content{
        font-size: 14px;
        line-height: 1.5;
        margin-top: 3px;
    }
    .scshop-three .scsbe-content::after{
        top: -54px;
        left: -40px;
        width: 72px;
        height: 94px;
    }
    .scshop-three .scshop-threettin{
        width: 100%;
        height: 424px;
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .scshop-three .scshop-three-title{
        margin-bottom: 200px;
        flex-basis: 424px;
        flex-shrink: 0;
    }
    .scshop-three .scshop-three-content{
        flex: 1;
    }
    .scshop-three .scs-flex{
        display: flex;
        gap: 100px;
        align-items: end;
    }
    .scshop-three .scshop-be-num{
        font-size: 46px;
        top: -24px;
        left: -33px;
    }
    .scshop-three .scsbe-content{
        padding: 20px 10px 20px 64px;
    }
    .scshop-three .scshopth-note{
        font-size: 14px;
        margin-top: 5px;
    }
    /* End section three */
}
@media only screen and (min-width: 751px){
    .only_sp,
    .only_spx{
        display: none;
    }
    .only_pc{
        display: block;
    }
    .only_pcx{
        display: inline-block;
    }
    /* Section lp one */
    .scshop-one{
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .scshop-one .scshop-one-item{
        border-radius: 8px;
    }
    .scshop-one .scshop-one-cap{
        font-size: 16px;
        line-height: 1.5;
    }
    .scshop-one .scshop-one-brand{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        justify-items: center;
    }
    /* End section one */
    /* Section three */
    .scshop-three .scshop-three-title{
        display: inline-block;
    }
    .scshop-three .scsthree-ttfirst{
        width: 84%;
    }
    .scshop-three .scsthree-ttlast{
        text-align: right;
        width: 82%;
    }
    /* End section three */
    .hsl-fabric-innovation .scshop_bd{
        padding: 6.5px 7px;
        font-size: 14px;
        line-height: 1.5;
    }
    .hsl-fabric-innovation .hsl-faq-question{
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .hsl-style-sample .scshop-look-link{
        margin-top: 20px;
        text-indent: -12px;
    }
    .scshop-look-line{
        max-width: 147px;
        height: auto;
    }
    .hsl-style-sample .scshop-look-ct{
        flex: 1;
    }
    .hsl-style-sample .scshop-kashiyama{
        display: flex;
        gap: 13px;
    }
    .hsl-style-sample #kashiyama{
        margin-top: 74px;
    }
    .hsl-style-sample #jpress,
    .hsl-style-sample #joseph,
    .hsl-style-sample #pwcirculus{
        margin-top: 80px;
    }
    .hsl-style-sample .scs-look-images{
        width: 160px;
        height: 160px;
        flex-shrink: 0;
        align-content: center;
    }
    .hsl-style-sample .scshop-look-imga{
        width: 141px;
        height: auto;
        margin: 0 auto;
    }
    .hsl-style-sample .scshop-look-imgb{
        width: 155px;
        height: auto;
        margin: 0 auto;
    }
    .hsl-style-sample .scshop-look-imgc{
        width: 157px;
        height: auto;
        margin: 0 auto;
    }
    .hsl-style-sample .scshop-look-imgd{
        width: 144px;
        height: auto;
        margin: 0 auto;
    }
    .hsl-style-sample .scs-look-tt{
        font-size: 18px;
        line-height: 1.5;
        text-decoration: none;
    }
    .hsl-style-sample .scs-look-stt{
        font-size: 16px;
        line-height: 21px;
        margin-top: 10px;
        min-height: 64px;
    }
    .hsl-main-lp-title{
        font-size: 18px;
    }
    .hsl-main-lp-txt{
        font-size: 16px;
        line-height: 1.875;
    }
    .fs26{
        font-size: 26px;
    }
    .fs40{
        font-size: 40px;
    }
    .fs22{
        font-size: 22px;
    }
    .fs44{
        font-size: 44px;
    }
    .fs50{
        font-size: 50px;
    }
    .fs70{
        font-size: 70px;
    }
    .fs34{
        font-size: 34px;
    }
    .fs24{
        font-size: 24px;
    }
    .hsl-style-sample .hsl-style-sample-list{
        margin-top: 30px;
    }
    .hsl-style-sample{
        margin-top: 120px;
        margin-bottom: 150px;
    }
    .hsl-style-sample .hsl-style-spl-img,
    .hsl-style-sample .hsl-stycp-img{
        width: 289px;
        height: 415px;
    }
    .hsl-lp-main-title{
        font-size: 36px;
        line-height: 100%;
    }
    .fs18{
        font-size: 18px;
    }
    .fs16{
        font-size: 16px;
        line-height: 1.875;
    }
    .fs12{
        font-size: 12px;
    }
    .hsl-fabric-innovation{
        margin-bottom: 120px;
    }
    /* End section lp one */
    .hsl-fv .hsl-fv-ct{
        font-size: 42px;
        line-height: 60.82px;
    }
    .hasu_title{
        font-size: 38px;
        letter-spacing: 0.1em;
        margin-top: 2px;
    }
    .hasu_title strong{
        margin-top: 12px;
        display: block;
    }
    .hasu_title b{
        margin-top: 11px;
        display: block;
    }
    .hsl-title-a{
        font-size: 28px;
        line-height: 40.54px;
    }
    .hsl-title-a strong{
        font-size: 32px;
        line-height: 46.34px;
    }
    .hsl-top-title{
        font-size: 20px;
        line-height: 28.96px;
        letter-spacing: 0.3em;
    }
    .hsl-main-title{
        letter-spacing: 0.1em;
    }
    .hs-bsn-tt{
        font-size: 24px;
        line-height: 50px;
        letter-spacing: 0.1em;
    }
    .hasu-btn{
        margin-top: 42px;
    }
    .hsl-reservation .hsl-rsvt-first,
    .hsl-reservation .hsl-rsvt-btn{
        letter-spacing: 0.2em;
    }
    .hsl-reservation .hsl-rsvt-txta,
    .hsl-reservation .hsl-rsvt-txtb{
        letter-spacing: 0;
    }
    .hsl-reservation .hsl-rsvt-first,
    .hsl-reservation .hsl-rsvt-txtb{
        text-align: left;
    }
    .hsl-reservation .hsl-reservation-wrap{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .hsl-reservation{
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 74px;
    }
    .lh32{
        line-height: 32px!important;
    }
    .hsl-reservation .hsl-rsvt-btn::after{
        width: 16px;
        height: 16px;
        right: 20px;
    }
    .hsl-fabric-innovation .scshop-faq-item.scs-first{
        margin-top: 50px;
    }
    .hsl-fabric-innovation .scshop-faq-item:not(.scs-first){
        margin-top: 60px;
    }
    #hslimageModal .hslclose{
        position: fixed;
        top: 10px;
        right: 30px;
    }
    /* Purchase */
    .hsl-new-section{
        padding-top: 46.5px;
        padding-bottom: 46.5px;
        margin-top: 60px;
    }
    .hsl-new-section .hsl-second-purchase{
        display: flex;
        gap: 60px;
        justify-content: center;
        padding: 0 15px;
    }
    .hsl-new-section .hsl-purchase-img{
        width: 228px;
        height: 228px;
    }
    .hsl-new-section .hsl0purchase-note{
        margin-top: 10px;
    }
    .hsl-new-section .hsl-purchase-btn{
        margin-top: 30px;
        width: 296px;
        height: 64px;
        border-radius: 32px;
    }
    /* End purchase */
    .hsl-style-sample .scshop-look-link.only_sp{
        display: none!important;
    }
    .scshop-kashiyama .scs-look-images{
        border: 1px solid #E1E1E1;
    }
}
@media only screen and (max-width: 1040px) and (min-width:751px){
    .hsl-reservation{
        padding-left: 15px;
        padding-right: 15px;
    }
    .hsl-main-title{
        font-size: calc(80 / 1040* 100vw);
        line-height: calc(180 / 1040* 100vw);
    }
    .hsl-reservation .hsl-rsvt-first,
    .hsl-reservation .hsl-rsvt-txtb{
        font-size: calc(14 / 1040* 100vw);
        line-height: calc(20 / 1040* 100vw);
    }
    .hsl-reservation .hsl-rsvt-txta,
    .hsl-reservation .hsl-rsvt-btn{
        font-size: calc(18 / 1040* 100vw);
        line-height: calc(26 / 1040* 100vw);
    }
    .hsl-reservation .hsl-rsvt-btn{
        width: calc(360 / 1040* 100vw);
        height: calc(60 / 1040* 100vw);
    }
    .hsl-rsvt-center::before{
        left: calc(-15 / 1040* 100vw);
    }
    .hsl-fv .hsl-fv-ct{
        padding-left: calc(15 / 1040* 100vw);
        padding-right: calc(15 / 1040* 100vw);
        font-size: calc(36 / 1040* 100vw);
        line-height: calc(50 / 1040* 100vw);
    }
    .scshop-two .sctwo-txt{
        margin-top: 40px;
    }
    .scshop-two .scshoptwo_wrap{
        padding-top: 48px;
        padding-bottom: 48px;
    }
}
@media only screen and (max-width: 1040px) and (min-width:1024px){
    .howtoSection,
    .aftercareSection,
    .factorySection{
        overflow: hidden;
    }
    .howtoSection .howtoList{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (max-width: 1199px) and (min-width:992px){
    .hsl-container, 
    .hsl-fabric-wrap{
        padding-left: 15px;
        padding-right: 15px;
    }
    .scshop-one{
        padding-left: calc(15 / 1199* 100vw);
        padding-right: calc(15 / 1199* 100vw);
    }
    .w-1090{
        max-width: calc(1090 / 1199* 100vw);
    }
    .scshop-one .scshop-one-brand{
        gap: calc(30 / 1199* 100vw);
    }
    .scshop-one .scshop-one-item{
        width: calc(250 / 1199* 100vw);
        height: calc(250 / 1199* 100vw);
        gap: calc(10 / 1199* 100vw);
        object-fit: cover;
        padding-top: calc(10 / 1199* 100vw);
        padding-bottom: calc(16 / 1199* 100vw);
        padding-left: calc(16 / 1199* 100vw);
        padding-right: calc(16 / 1199* 100vw);
    }
    .scshop-three .scs-flex{
        padding-left: calc(15 / 1199* 100vw);
        padding-right: calc(15 / 1199* 100vw);
    }
    .scshop-one .one-wr{
        min-height: calc(156 / 1199* 100vw);
        align-content: center;
    }
    .scshop-one .scshop-one-item .scshop-one-imga{
        width: calc(209 / 1199* 100vw);
        height: calc(20 / 1199* 100vw);
    }
    .scshop-one .scshop-one-item .scshop-one-imgb{
        width: calc(155 / 1199* 100vw);
        height: calc(156 / 1199* 100vw);
    }
    .scshop-one .scshop-one-item .scshop-one-imgc{
        width: calc(223 / 1199* 100vw);
        height: calc(127 / 1199* 100vw);
    }
    .scshop-one .scshop-one-item .scshop-one-imgd{
        width: calc(190 / 1199* 100vw);
        height: calc(154 / 1199* 100vw);
    }
    .hsl-style-sample .scshop-list-images{
        display: flex;
        gap: 8px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
}
@media only screen and (max-width: 991px) and (min-width:751px){
    .w-1090{
        max-width: 100%;
        padding-left: calc(15 / 991* 100vw);
        padding-right: calc(15 / 991* 100vw);
    }
    .scshop-one .scshop-one-brand{
        gap: calc(10 / 991* 100vw);
    }
    .scshop-one .scshop-one-item{
        width: calc(230 / 991* 100vw);
        height: calc(230 / 991* 100vw);
        gap: calc(5 / 991* 100vw);
        object-fit: cover;
        padding-top: calc(10 / 991* 100vw);
        padding-bottom: calc(16 / 991* 100vw);
        padding-left: calc(16 / 991* 100vw);
        padding-right: calc(16 / 991* 100vw);
    }
    .scshop-one .one-wr{
        min-height: calc(156 / 991* 100vw);
        align-content: center;
    }
    .scshop-one .scshop-one-item .scshop-one-imga{
        width: calc(209 / 991* 100vw);
        height: auto;
    }
    .scshop-one .scshop-one-item .scshop-one-imgb{
        width: calc(155 / 991* 100vw);
        height: calc(156 / 991* 100vw);
    }
    .scshop-one .scshop-one-item .scshop-one-imgc{
        width: calc(223 / 991* 100vw);
        height: calc(127 / 991* 100vw);
    }
    .scshop-one .scshop-one-item .scshop-one-imgd{
        width: calc(190 / 991* 100vw);
        height: calc(154 / 991* 100vw);
    }
    /* Section three */
    .scshop-three{
        padding-top: calc(105 / 991* 100vw);
        padding-bottom: calc(50 / 991* 100vw);
    }
    .scshop-three .scsthree-ttfirst{
        font-size: calc(32 / 991* 100vw);
        line-height: calc(56 / 991* 100vw);
    }
    .scshop-three .scsthree-ttlast{
        font-size: calc(24 / 991* 100vw);
        line-height: calc(36 / 991* 100vw);
    }
    .scshop-three .scshop-benefit-item{
        margin-bottom: calc(72 / 991* 100vw);
    }
    .scshop-three .scshop-be-num{
        font-size: calc(46 / 991* 100vw);
        top: calc(-24 / 991* 100vw);
        left:  calc(-33 / 991* 100vw);
    }
    .scshop-three .scsbe-content{
        padding-top: calc(20 / 991* 100vw);
        padding-right: calc(10 / 991* 100vw);
        padding-bottom: calc(20 / 991* 100vw);
        padding-left: calc(64 / 991* 100vw);
    }
    .scshop-three .scsbenefit-title{
        font-size: calc(20 / 991* 100vw);
        line-height: 1.5;
    }
    .scshop-three .scsbenefit-title.not-note{
        min-height: calc(52 / 991* 100vw);
        display: flex;
        align-items: center;
    }
    .scshop-three .scsbenefit-content{
        font-size: calc(14 / 991* 100vw);
        margin-top: calc(3 / 991* 100vw);
        line-height: 1.5;
    }
    .scshop-three .scshop-threettin{
        width: 100%;
        height: calc(424 / 991* 100vw);
        padding: calc(10 / 991* 100vw);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .scshop-three .scshop-three-title{
        margin-bottom: calc(200 / 991* 100vw);
        flex-basis: calc(424 / 991* 100vw);
        flex-shrink: 0;
    }
    .scshop-three .scshop-three-content{
        flex: 1;
    }
    .scshop-three .scs-flex{
        display: flex;
        align-items: end;
        gap: calc(100 / 991* 100vw);
        padding-left: calc(15 / 991* 100vw);
        padding-right: calc(15 / 991* 100vw);
    }
    .no_xs{
        display: none!important;
    }
    .scshop-three .scsbe-content::after{
        top: calc(-54 / 991* 100vw);
        left: calc(-40 / 991* 100vw);
        width: calc(72 / 991* 100vw);
        height: calc(94 / 991* 100vw);
    }
    .scshop-three .scshopth-note{
        font-size: calc(14 / 991* 100vw);
        margin-top: calc(5 / 991* 100vw);
    }
    /* End section three */
    .hsl-container, 
    .hsl-fabric-wrap{
        padding-left: calc(15 / 991* 100vw);
        padding-right: calc(15 / 991* 100vw);
    }
    .fs18{
        font-size: calc(18 / 991* 100vw);
    }
    .fs40{
        font-size: calc(40 / 991* 100vw);
    }
    .fs16{
        font-size: calc(16 / 991* 100vw);
    }
    .hsl-fabric-box .hsl-fbr-box-left{
        flex-basis: 55%;
    }
    .hsl-fabric-box .hsl-fbr-box-right{
        flex-basis: 41%;
    }
    .hsl-style-sample .scshop-list-images{
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    .hsl-style-sample .hsl-style-spl-img{
        margin-right: 8px;
    }
}
@media only screen and (max-width: 750px){
    .only_sp{
        display: block;
    }
    .only_pc,
    .only_pcx{
        display: none;
    }
    .only_spx{
        display: inline-block;
    }
    .w-1077{
        padding-left: 20px;
        padding-right: 20px;
    }
    .z-4{
        z-index: 4;
    }
    .z-3{
        z-index: 3;
    }
    .z-2{
        z-index: 2;
    }
    .z-1{
        z-index: 1;
    }
    /* section one */
    .scshop-one{
        margin-top: 31px;
        margin-bottom: 31px;
    }
    .scshop-one .scshop-one-item{
        border-radius: 8px;
    }
    .scshop-one .scshop-one-brand{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }
    .scshop-one .scshop-one-item{
        object-fit: cover;
    }
    .scshop-one .one-wr{
        align-content: center;
        min-height: 112px;
    }
    .scshop-one .scshop-one-cap{
        line-height: 1.5;
    }
    /* End section one */
    /* Section two */
    .scshop-two .mvText{
        padding-left: 20px;
        padding-right: 20px;
    }
    .scshop-two .scshoptwo_wrap{
        padding-top: 46px;
        padding-bottom: 46px;
    }
    .scshop-two .sctwo-txt{
        margin-top: 25px;
    }
    .scshop-two .mvText_caution{
        margin-top: 40px;
    }
    /* End section two */
    /* Section three */
    .scshop-three{
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .scshop-three .scshop-three-title{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .scshop-three .scshop-three-content{
        margin-top: 46px;
    }
    /* End section three */
    .hsl-style-sample .scs-look-images{
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .hsl-style-sample .scs-look-image{
        width: 109px;
        height: 109px;
        background-color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #E1E1E1;
    }
    .hsl-fabric-innovation{
        margin-top: 80px;
        margin-bottom: 48px;
    }
    .hsl-fabric-innovation .scshop-faq-item.scs-first{
        margin-top: 30px;
    }
    .hsl-fabric-innovation .scshop-faq-item:not(.scs-first){
        margin-top: 50px;
    }
    .hsl-style-sample .scs-look-tt{
        font-size: 14px;
        line-height: 24px;
        text-decoration: none;
        text-align: left;
    }
    .hsl-top-title{
        font-size: 16px;
        line-height: 23.17;
        letter-spacing: 0.3em;
    }
    .hsl-title-a{
        font-size: 22px;
        line-height: 31.86;
        position: relative;
    }
    .hsl-title-a::after{
        content: "";
        height: 2px;
        width: 68px;
        background-color: #ffffff;
        position: absolute;
        bottom: -18px;
        left: 50%;
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .hsl-title-a strong{
        font-size: 26px;
        line-height: 37.65;
    }
    .pd-15{
        padding-left: 15px;
        padding-right: 15px;
    }
    .hsl-main-title{
        font-size: 60px;
        line-height: 80px;
        letter-spacing: 0.1em;
        word-wrap: break-word;
        text-align: left;
    }
    .hasu-btn{
        margin-top: 33px;
    }
    .hsl-rsvt-center::before{
        content: none;
    }
    .hs-bsn-tt{
        font-size: 18px;
        line-height: 26.06px;
        letter-spacing: 0.1em;
    }
    .hsl-bn-wrap{
        padding-left: 15px;
        padding-right: 15px;
    }
    /* LP new */
    .hsl-main-lp-title{
        font-size: 18px;
    }
    .hsl-main-lp-txt{
        font-size: 16px;
        line-height: 2;
    }
    .fs26{
        font-size: 22px;
    }
    .fs40{
        font-size: 32px;
    }
    .fs44{
        font-size: 34px;
    }
    .hsl-style-sample{
        margin-top: 48px;
        margin-bottom: 48px;
    }
    .hsl-style-sample .hsl-lp-main-title{
        padding-left: 20px;
        padding-right: 20px;
    }
    .hsl-lp-main-title{
        font-size: 24px;
        line-height: 100%;
    }
    .hsl-style-sample .scshop-kashiyama{
        padding-left: 20px;
        padding-right: 20px;
    }
    .hsl-style-sample #kashiyama{
        margin-top: 43px;
    }
    .hsl-style-sample .scs-look-stt{
        font-size: 16px;
        line-height: 21px;
        margin-top: 5px;
    }
    .hsl-style-sample .scshop-look-link{
        margin-top: 15px;
        text-indent: -16px;
        position: relative;
        right: 20px;
    }
    .scshop-look-line{
        max-width: 147px;
        height: auto;
    }
    .hsl-style-sample .hsl-style-sample-list{
        margin-top: 16px;
        margin-left: 20px;
    }
    .hsl-style-sample .hsl-style-spl-img, 
    .hsl-style-sample .hsl-stycp-img{
        width: 250px;
        height: 360px;
    }
    .hsl-style-sample #jpress, 
    .hsl-style-sample #joseph, 
    .hsl-style-sample #pwcirculus{
        margin-top: 50px;
    }
    .hsl-style-sample .scs-look-image img{
        height: auto;
        margin: 0 auto;
    }
    .hsl-style-sample .scs-look-image .scshop-look-imga{
        width: 90px;
    }
    .hsl-style-sample .scs-look-image .scshop-look-imgb{
        width: 106px;
    }
    .hsl-style-sample .scs-look-image .scshop-look-imgc{
        width: 106px;
    }
    .hsl-style-sample .scs-look-image .scshop-look-imgd{
        width: 97px;
    }
    .hsl-fabric-innovation .hsl-fabric-wrap{
        padding-left: 20px;
        padding-right: 20px;
    }
    /* End lp new */
    #hslimageModal .hslclose::before,
    #hslimageModal .hslclose::after{
       height: 2px;
    }
    #hslimageModal .hslclose{
        position: absolute;
        top: -30px;
        right: 0;
    }
    .hsl-style-sample .scshop-list-images{
        display: flex;
        gap: 5px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    /* Purchase */
    .hsl-new-section{
        padding-top: 31px;
        padding-bottom: 31px;
        margin-top: 50px;
    }
    .hsl-new-section .hsl-second-purchase{
        padding: 0 30px;
    }
    .hsl-new-section .hsl-purchase-img{
        width: 100%;
        height: auto;
    }
    .hsl-new-section .hsl-purchase-title{
        margin-top: 15px;
    }
    .hsl-new-section .hsl0purchase-note{
        margin-top: 8px;
    }
    .hsl-new-section .hsl-purchase-btn{
        margin-top: 25px;
        max-width: 315px;
        height: 60px;
        border-radius: 30px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    /* End purchase */
    .hsl-style-sample .scshop-look-ct .scshop-look-link{
        display: none!important;
    }
    .hsl-fabric-innovation .hsl-faq-question span{
        display: block;
    }
    .hsl-fabric-innovation .scshop_bd{
        display: inline-block;
    }
}
@media only screen and (max-width: 750px) and (min-width:415px){
    .w-1090{
        padding-left: 20px;
        padding-right: 20px;
    }
    .scshop-one .scshop-one-brand{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        max-width: 350px;
        margin: 0 auto;
    }
    .scshop-one .scshop-one-item{
        width: 168px;
        height: 168px;
        padding: 14px;
        gap: 5px;
    }
    .scshop-one .one-wr{
        margin-top: 10px;
    }
    .scshop-one .scshop-one-item .scshop-one-imga{
        width: 137.52px;
        height: 12.71px;
    }
    .scshop-one .scshop-one-item .scshop-one-imgb{
        width: 111px;
        height: 112px;
    }
    .scshop-one .scshop-one-item .scshop-one-imgc{
        width: 149px;
        height: 85px;
    }
    .scshop-one .scshop-one-item .scshop-one-imgd{
        width: 125px;
        height: 101px;
    }
    .scshop-one .scshop-one-cap{
        font-size: 16px;
    }
    .scshop-three .scshop-three-title{
        max-width: 319px;
    }
    .scshop-three .scshop-threettin{
        padding: 30px 10px;
    }
    .scshop-three .scsthree-ttfirst{
        font-size: 27px;
        line-height: 56px;
    }
    .scshop-three .scsthree-ttlast{
        font-size: 18px;
        line-height: 28px;
    }
    .scshop-three .scshopth-note{
        font-size: 14px;
        text-align: left;
        margin-top: 18px;
    }
    /* Fix */
    .scshop-three .scshop-three-content{
        padding-left: 15px;
    }
    .scshop-three .scshop-benefit-item:not(:last-child){
        margin-bottom: 43px;
    }
    .scshop-three .scshop-be-num{
        font-size: 36px;
        top: -15px;
        left: -20px;
    }
    .scshop-three .scsbe-content{
        padding: 24px 10px 24px 33px;
    }
    .scshop-three .scsbenefit-title{
        font-size: 18px;
        line-height: 26px;
    }
    .scshop-three .scsbenefit-content{
        font-size: 12px;
        line-height: 1.5;
        margin-top: 5px;
    }
    .scshop-three .scsbe-content::after{
        top: -54px;
        left: -40px;
        width: 72px;
        height: 94px;
    }
    .hsl-fabric-innovation .scshop_bd{
        padding: 4px 5px;
        font-size: 12px;
        line-height: 1.5;
    }
    /* Fix popup */
    .hsl-reservation{
        padding-left: 15px;
        padding-right: 15px;
    }
    .hsl-reservation .hsl-reservation-wrap{
        padding-top: 17.5px;
        padding-bottom: 17.5px;
    }
    .hsl-reservation .hsl-rsvt-first{
        font-size: 10px;
        line-height: 20.27px;
        letter-spacing: 0.16em;
        display: inline-block;
    }
    .hsl-reservation .hsl-rsvt-center{
        display: inline-block;
    }
    .hsl-reservation .hsl-rsvt-txta{
        font-size: 12px;
        line-height: 21.17px;
        letter-spacing: 0.14em;
    }
    .hsl-reservation .hsl-rsvt-button{
        margin-top: 9px;
        max-width: 315px;
        margin-left: auto;
        margin-right: auto;
    }
    .hsl-reservation .hsl-rsvt-btn{
        width: 100%;
        height: 60px;
    }
    .hsl-reservation .hsl-rsvt-btn{
        font-size: 15px;
        line-height: 24.06px;
        letter-spacing: 0.08em;
        border-radius: 4px;
        height: 40px;
    }
    .hsl-reservation .hsl-rsvt-btn::after{
        width: 8px;
        height: 8px;
        right: 25px;
    }
    /* End popup */
}
@media only screen and (max-width: 414px){
    .w-1090{
        padding-left: calc(20 / 390* 100vw);
        padding-right: calc(20 / 390* 100vw);
    }
    .scshop-one .scshop-one-brand{
        gap: calc(14 / 390* 100vw);
    }
    .scshop-one .scshop-one-item{
        width: calc(168 / 390* 100vw);
        height: calc(168 / 390* 100vw);
        padding: calc(9 / 390* 100vw);
        gap: calc(5 / 390* 100vw);
    }
    .scshop-one .one-wr{
        min-height: calc(112 / 390 * 100vw);
    }
    .scshop-one .scshop-one-item .scshop-one-imga{
        width: calc(137.52 / 390* 100vw);
        height: auto;
    }
    .scshop-one .scshop-one-item .scshop-one-imgb{
        width: calc(111 / 390* 100vw);
        height: calc(112 / 390* 100vw);
    }
    .scshop-one .scshop-one-item .scshop-one-imgc{
        width: calc(149 / 390* 100vw);
        height: calc(85 / 390* 100vw);
    }
    .scshop-one .scshop-one-item .scshop-one-imgd{
        width: calc(125 / 390* 100vw);
        height: calc(101 / 390* 100vw);
    }
    .scshop-one .scshop-one-cap{
        font-size: calc(16 / 390* 100vw);
    }
    .scshop-three .scshop-three-title{
        max-width: calc(319 / 390* 100vw);
        position: relative;
        z-index: 5;
    }
    .scshop-three .scshop-threettin{
        padding-top: calc(30 / 390* 100vw);
        padding-left: calc(10 / 390* 100vw);
        padding-right: calc(10 / 390* 100vw);
        padding-bottom: calc(30 / 390* 100vw);
    }
    .scshop-three .scsthree-ttfirst{
        font-size: calc(27 / 390* 100vw);
        line-height: calc(56 / 390* 100vw);
    }
    .scshop-three .scsthree-ttlast{
        font-size: calc(18 / 390* 100vw);
        line-height: calc(28 / 390* 100vw);
    }
    .scshop-three .scshopth-note{
        font-size: calc(14 / 390* 100vw);
        text-align: left;
        margin-top: calc(18 / 390* 100vw);
    }
     /* Fix */
     .scshop-three .scshop-three-content{
        padding-left: calc(15 / 390* 100vw);
    }
    .scshop-three .scshop-benefit-item:not(:last-child){
        margin-bottom: calc(43 / 390* 100vw);
    }
    .scshop-three .scshop-be-num{
        font-size: calc(36 / 390* 100vw);
        top: calc(-15 / 390* 100vw);
        left: calc(-20 / 390* 100vw);
    }
    .scshop-three .scsbe-content{
        padding-top: calc(24 / 390* 100vw);
        padding-left: calc(33 / 390* 100vw);
        padding-right: calc(10 / 390* 100vw);
        padding-bottom: calc(24 / 390* 100vw);
    }
    .scshop-three .scsbenefit-title{
        font-size: calc(18 / 390* 100vw);
        line-height: calc(26 / 390* 100vw);
    }
    .scshop-three .scsbenefit-content{
        font-size: calc(12 / 390* 100vw);
        line-height: 1.5;
        margin-top: calc(5 / 390* 100vw);
    }
    .scshop-three .scsbe-content::after{
        top: calc(-54 / 390* 100vw);
        left: calc(-40 / 390* 100vw);
        width: calc(72 / 390* 100vw);
        height: calc(94 / 390* 100vw);
    }
    .hsl-fabric-innovation .scshop_bd{
        padding-top: calc(4 / 390* 100vw);
        padding-bottom: calc(4 / 390* 100vw);
        padding-left: calc(5 / 390* 100vw);
        padding-right: calc(5 / 390* 100vw);
        font-size: calc(12 / 390* 100vw);
        line-height: 1.5;
    }
    /* Fix popup */
    .hsl-reservation{
        padding-left: calc(15 / 390* 100vw);
        padding-right: calc(15 / 390* 100vw);
    }
    .hsl-reservation .hsl-reservation-wrap{
        padding-top: calc(17.5 / 390* 100vw);
        padding-bottom:calc(17.5 / 390* 100vw);
    }
    .hsl-reservation .hsl-rsvt-first{
        font-size: calc(10 / 390* 100vw);
        line-height: calc(20.27 / 390* 100vw);
        letter-spacing: 0.16em;
        display: inline-block;
    }
    .hsl-reservation .hsl-rsvt-center{
        display: inline-block;
    }
    .hsl-reservation .hsl-rsvt-txta{
        font-size: calc(12 / 390* 100vw);
        line-height: calc(21.17 / 390* 100vw);
        letter-spacing: 0.14em;
    }
    .hsl-reservation .hsl-rsvt-button{
        margin-top: calc(9 / 390* 100vw);
        max-width: calc(315 / 390* 100vw);
        margin-left: auto;
        margin-right: auto;
    }
    .hsl-reservation .hsl-rsvt-btn{
        width: 100%;
        font-size: calc(15 / 390* 100vw);
        line-height: calc(24.06 / 390* 100vw);
        letter-spacing: 0.08em;
        border-radius: calc(4 / 390* 100vw);
        height: calc(40 / 390* 100vw);
        padding: calc(10 / 390* 100vw);
    }
    .hsl-reservation .hsl-rsvt-btn::after{
        width: calc(8 / 390* 100vw);
        height: calc(8 / 390* 100vw);
        right: calc(25 / 390* 100vw);
    }
    /* End popup */
}