@charset "utf-8";

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

#qes-kit 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;
}
#qes-kit {
    width:100%;
    background:#000;
    color:#FFF;
}
#qes-kit section {
    width:min(100%, 750px);
    margin-inline:auto;
    padding-left:min(calc((40 / 750) * 100vw), 40px);
    padding-right:min(calc((40 / 750) * 100vw), 40px);
    line-break:strict;
}
#qes-kit img {
    border:none;
    vertical-align: bottom;
}
#qes-kit a {
    display:block;
    color:#FFF;
    text-decoration:none;
    transition: background 0.3s;
}
#qes-kit li {
    list-style:none;
}
#qes-kit .txt-en {
    font-family:"HelveticaNeueW01-UltLt", "Helvetica Neue LT W05 25 Ult Lt", sans-serif !important;
    font-size:120%;
    line-height:0;
}
@media screen and (max-width:750px) {
    #qes-kit .txt-en {
        font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
    }
}
#qes-kit .txt-en.thin {
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", sans-serif !important;
}
#qes-kit .yugo {
    font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
}
#qes-kit .section-title {
    font-size:min(calc((57 / 750) * 100vw), 57px);
    letter-spacing:0.12em;
    text-align:center;
}
#qes-kit .section-title .txt-en {
    line-height:0.8;
    vertical-align: -5%;
}
#qes-kit .common-btn {
    display:flex;
    align-items: center;
    justify-content: center;
    width:min(calc((507 / 750) * 100vw), 507px);
    height:min(calc((85 / 750) * 100vw), 85px);
    margin-inline:auto;
    font-size:min(calc((26 / 750) * 100vw), 26px);
}

/* .lp-head -----------------------------------------------------------*/
#qes-kit .qes-kit-head {
    padding-top:min(calc((81 / 750) * 100vw), 81px);
    padding-bottom:min(calc((94 / 750) * 100vw), 94px);
    text-align:center;
}
#qes-kit .qes-kit-head_title {
    font-size:min(calc((100 / 750) * 100vw), 100px);
    line-height:0.9;
    letter-spacing:0.03em;
}
#qes-kit .qes-kit-head_title span {
    display:block;
    font-size:min(calc((64 / 750) * 100vw), 64px);
}
#qes-kit .qes-kit-head_discription {
    margin-block:min(calc((32 / 750) * 100vw), 32px) min(calc((81 / 750) * 100vw), 81px);
    font-size:min(calc((28 / 750) * 100vw), 28px);
    line-height:calc(34 /28);
    letter-spacing:0.04em;
}
#qes-kit .qes-kit-head li {
    margin-inline-start:min(calc((10 / 750) * 100vw), 10px);
    text-align:left;
}
#qes-kit .qes-kit-head li:nth-child(2) {
    margin-block:min(calc((40 / 750) * 100vw), 40px);
}
#qes-kit .qes-kit-head_pageNav {
    display:inline;
    position:relative;
    font-size:min(calc((30 / 750) * 100vw), 30px);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: min(calc((5 / 750) * 100vw), 5px);
}
@media screen and (max-width:750px) {
    #qes-kit .qes-kit-head_pageNav {
        text-decoration-thickness: 1px;
    }
}
#qes-kit .qes-kit-head_pageNav::after {
    display:inline-block;
    position:absolute;
    top:0;
    right:max(calc((-30 / 750) * 100vw), -30px);
    transform: rotate(135deg);
    width:min(calc((21 / 750) * 100vw), 21px);
    height:min(calc((21 / 750) * 100vw), 21px);
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    content:"";
}
@media screen and (max-width:750px) {
    #qes-kit .qes-kit-head_pageNav::after {
        border-top: solid 1px #FFF;
        border-right: solid 1px #FFF;
    }
}

/* .qes-kit-detail -----------------------------------------------------*/
#qes-kit .qes-kit-detail {
    padding-top:min(calc((80 / 750) * 100vw), 80px);
    padding-bottom:min(calc((99 / 750) * 100vw), 99px);
    background:#FFF;
    color:#000;
    text-align:center;
}
#qes-kit .qes-kit-detail_top-discription {
    margin-block:min(calc((71 / 750) * 100vw), 71px) min(calc((65 / 750) * 100vw), 65px);
    font-size:min(calc((30 / 750) * 100vw), 30px);
    line-height:calc(38 / 30);
}
#qes-kit .qes-kit-detail_top-img {
    width:min(calc((500 / 750) * 100vw), 500px);/*限定品*/
    /*width:min(calc((368 / 750) * 100vw), 368px);*/
}
#qes-kit .qes-kit-detail_top-prodName {
    margin-block:min(calc((64 / 750) * 100vw), 64px) min(calc((35 / 750) * 100vw), 35px);
    font-size:min(calc((30 / 750) * 100vw), 30px);
}
#qes-kit .qes-kit-detail_top .common-btn {
    position:relative;
    border:2px solid #000;
    background:#FFF;
    color:#000;
}
@media screen and (max-width:750px) {
    #qes-kit .qes-kit-detail_top .common-btn {
        border:1px solid #000;
    }
}
@media screen and (min-width:751px) {
    #qes-kit .qes-kit-detail_top .common-btn:hover {
        background:#000;
        color:#FFF;
    }
}
#qes-kit .qes-kit-detail_top .common-btn::after {
    position:absolute;
    top:50%;
    right:min(calc((38 / 750) * 100vw), 38px);
    transform: rotate(135deg);
    width: min(calc((21 / 750) * 100vw), 21px);
    height: min(calc((21 / 750) * 100vw), 21px);
    margin-top:max(calc((-17 / 750) * 100vw), -17px);
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    content:"";
}
@media screen and (max-width:750px) {
    #qes-kit .qes-kit-detail_top .common-btn::after {
        border-top: solid 1px #000;
        border-right: solid 1px #000;
    }
}
@media screen and (min-width:751px) {
    #qes-kit .qes-kit-detail_top .common-btn:hover::after {
        border-top: solid 2px #FFF;
        border-right: solid 2px #FFF;
    }
}
#qes-kit .qes-kit-detail_mid {
    position:relative;
    width: min(calc((63 / 750) * 100vw), 63px);
    height: min(calc((63 / 750) * 100vw), 63px);
    margin-block:min(calc((89 / 750) * 100vw), 89px) min(calc((81 / 750) * 100vw), 81px);
    margin-inline:auto;
}
#qes-kit .qes-kit-detail_mid::before,
#qes-kit .qes-kit-detail_mid::after {
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    height:1px;
    margin-block:auto;
    background:#000;
    content:'';
}
#qes-kit .qes-kit-detail_mid::after {
    transform: rotate(90deg);
}
#qes-kit .qes-kit-detail_bottom-present {
    font-size:min(calc((50 / 750) * 100vw), 50px);
}
#qes-kit .qes-kit-detail_bottom-img {
    width: min(calc((40 / 750) * 100vw), 40px);
    margin-block:min(calc((45 / 750) * 100vw), 45px);
}
#qes-kit .qes-kit-detail_bottom-prodName {
    font-size:min(calc((28 / 750) * 100vw), 28px);
}
#qes-kit .qes-kit-detail_bottom-prodSize {
    margin-block-start:min(calc((15 / 750) * 100vw), 15px);
    font-size:min(calc((26 / 750) * 100vw), 26px);
}

/* .qes-kit-method -----------------------------------------------------*/
#qes-kit .qes-kit-method {
    padding-top:min(calc((100 / 750) * 100vw), 100px);
    padding-bottom:min(calc((97 / 750) * 100vw), 97px);
}
#qes-kit .qes-kit-method_ol {
    margin-top:min(calc((37 / 750) * 100vw), 37px);
    counter-reset: num 0;
}
#qes-kit .qes-kit-method_ol li {
    margin-left:min(calc((56 / 750) * 100vw), 56px);
    padding:min(calc((10 / 750) * 100vw), 10px) 0;
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin",  "RodinCattleyaPro-L{pm}", sans-serif !important;
    font-size:min(calc((28 / 750) * 100vw), 28px);
    line-height:calc(45 / 28);
    letter-spacing:0.05em;
    text-indent:max(calc((-56 / 750) * 100vw), -56px);
}
#qes-kit .qes-kit-method_ol li .txt-en {
    line-height:0.8;
    vertical-align:-3%;
}
#qes-kit .qes-kit-method_coupon {
    margin:min(calc((93 / 750) * 100vw), 93px) 0 min(calc((42 / 750) * 100vw), 42px);
    text-align:center;
}
#qes-kit .qes-kit-method_coupon h3 {
    font-size:min(calc((31 / 750) * 100vw), 31px);
    letter-spacing:-0.08em;
}
#qes-kit .qes-kit-method_coupon-code {
    margin-top:min(calc((35 / 750) * 100vw), 35px);
    padding:min(calc(((96 / 2) / 750) * 100vw), calc(96px / 2)) 0;
    background:#FFF;
    color:#000;
    font-size:min(calc((44 / 750) * 100vw), 44px);
}
#qes-kit .qes-kit-method_ul * {
    font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
}
#qes-kit .qes-kit-method_ul li {
    margin-left:min(calc((21 / 750) * 100vw), 21px);
    padding:min(calc((5 / 750) * 100vw), 5px) 0;
    font-size:min(calc((26 / 750) * 100vw), 26px);
    font-feature-settings: 'palt';
    line-height:calc(40 / 26);
    text-indent:max(calc((-21 / 750) * 100vw), -21px);
}
#qes-kit .qes-kit-method_ul li::before {
    font-feature-settings: normal;
    content:'＊';
}
#qes-kit .qes-kit-method_ul a {
    display:inline;
    text-decoration: underline 1px;
    text-underline-offset:min(calc((5 / 750) * 100vw), 5px);
}

/* .qes-kit-item -----------------------------------------------------*/
#qes-kit .qes-kit-item {
    padding-top:min(calc((96 / 750) * 100vw), 96px);
    padding-bottom:min(calc((77 / 750) * 100vw), 77px);
    text-align:center;
}
#qes-kit .qes-kit-item_name {
    margin-top:min(calc((50 / 750) * 100vw), 50px);
    margin-bottom:min(calc((19 / 750) * 100vw), 19px);
    font-size:min(calc((30 / 750) * 100vw), 30px);
    line-height:calc(44 / 30);
    letter-spacing:0.1em;
}
#qes-kit .qes-kit-item_price {
    margin-bottom:min(calc((131 / 750) * 100vw), 131px);
    font-size:min(calc((26 / 750) * 100vw), 26px);
}
#qes-kit .qes-kit-item_pic-wrap {
    width:min(calc((368 / 750) * 100vw), 368px);
    margin-inline:auto;
}
#qes-kit .qes-kit-item_annotation {
    margin-top:min(calc((142 / 750) * 100vw), 142px);
    margin-bottom:min(calc((54 / 750) * 100vw), 54px);
    font-size:min(calc((24 / 750) * 100vw), 24px);
}
#qes-kit .qes-kit-item_shadeBtn-wrap {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    gap:min(calc((4 / 750) * 100vw), 4px);
    width:min(calc((584 / 750) * 100vw), 584px);
    margin-inline:auto;
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn {
    position:relative;
    width:min(calc((80 / 750) * 100vw), 80px);
    height:min(calc((80 / 750) * 100vw), 80px);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn button {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
    width:100%;
    height:100%;
    border:0;
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn button.no-stock:after {
    position: absolute;
    top:min(calc((1 / 750) * 100vw), 1px);
    left: 0;
    transform: rotate(-45deg);
    transform-origin: 0% 0%;
    width: 0;
    height: 150%;
    border-left: 2px #FFF solid;
    content: "";
}
@media screen and (max-width:750px) {
    #qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn button.no-stock:after {
        border-left: 1px #FFF solid;
    }
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn.shadeBtnHit button {
    top:max(calc((-8 / 750) * 100vw), -8px);
    left:max(calc((-8 / 750) * 100vw), -8px);
    z-index: 1;
    width:min(calc((96 / 750) * 100vw), 96px);
    height:min(calc((96 / 750) * 100vw), 96px);
    box-shadow: 0 0 min(calc((6 / 750) * 100vw), 6px) rgb(0 0 0 / 60%);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn .btn04065 {
    background:linear-gradient(90deg, #BE90AA 0%, #BE90AA 50%, #D29A7F 50%, #D29A7F 100%);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn .btn04433 {
    background:linear-gradient(90deg, #F3B18C 0%, #F3B18C 50%, #A35A6E 50%, #A35A6E 100%);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn .btn04434 {
    background:linear-gradient(90deg, #f4dcc5 0%, #f4dcc5 50%, #d98f54 50%, #d98f54 100%);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn .btn01801 {
    background:linear-gradient(90deg, #e2957b 0%, #e2957b 50%, #c09473 50%, #c09473 100%);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn .btn01803 {
    background:linear-gradient(90deg, #b2572a 0%, #b2572a 50%, #823a2d 50%, #823a2d 100%);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn .btn03846 {
    background:linear-gradient(90deg, #E9BEAA 0%, #E9BEAA 50%, #946559 50%, #946559 100%);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn .btn03847 {
    background:linear-gradient(90deg, #BFA193 0%, #BFA193 50%, #F8AD97 50%, #F8AD97 100%);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn .btn03970 {
    background:linear-gradient(90deg, #5B3727 0%, #5B3727 50%, #DC9D71 50%, #DC9D71 100%);
}
#qes-kit .qes-kit-item_shadeBtn-wrap .item-shadeBtn .btn03972 {
    background:linear-gradient(90deg, #f7ceb5 0%, #f7ceb5 50%, #dea389 50%, #dea389 100%);
}
#qes-kit .qes-kit-item_colorNum-wrap .qes-kit-item_colorNum-wrap {
}
#qes-kit .qes-kit-item_colorNum-wrap .item-colorNum {
    margin-top:min(calc((47 / 750) * 100vw), 47px);
    margin-bottom:min(calc((32 / 750) * 100vw), 32px);
    font-size:min(calc((36 / 750) * 100vw), 36px);
}
#qes-kit .qes-kit-item_colorNum-wrap .item-colorNum span {
    display:inline-block;
    margin-left:min(calc((7 /750) * 100vw), 7px);
    margin-right:min(calc((8 /750) * 100vw), 8px);
    font-size:min(calc((30 / 750) * 100vw), 30px);
}
#qes-kit .qes-kit-item_cart-wrap .common-btn {
    border:1px solid #FFF;
}
@media screen and (min-width:751px) {
    #qes-kit .qes-kit-item_cart-wrap .common-btn:hover {
        background:#FFF;
        color:#000;;
    }
}
#qes-kit .qes-kit-item_cart-wrap .out-of-stock-btn {
    display:flex;
    align-items: center;
    justify-content: center;
    width:min(calc((507 / 750) * 100vw), 507px);
    height:min(calc((85 / 750) * 100vw), 85px);
    margin-inline:auto;
    border:1px solid #FFF;
    background:#808080;
    color:#FFF;
    font-size:min(calc((26 / 750) * 100vw), 26px);
}
#qes-kit .qes-kit-item .item-pic,
#qes-kit .qes-kit-item .item-colorNum,
#qes-kit .qes-kit-item .item-cart {
    display:none;
}
#qes-kit .qes-kit-item .shadeShow {
    display:block;
}
#qes-kit .qes-kit-item_details {
    margin-top:min(calc((115 / 750) * 100vw), 115px);
}
#qes-kit .qes-kit-item_details-title {
    margin-bottom:min(calc((33 / 750) * 100vw), 33px);
    font-size:min(calc((50 / 750) * 100vw), 50px);
}
#qes-kit .qes-kit-item_details-text-wrap {
    margin-top:min(calc((34 / 750) * 100vw), 34px);
}
#qes-kit .qes-kit-item_details-text-wrap p {
    padding:min(calc((7.5 / 750) * 100vw), 7.5px) 0;
    font-size:min(calc((28 / 750) * 100vw), 28px);
    line-height:calc(40 /28);
    text-align:left;
}


/* Section contents shopping -----------------------------------------------------------*/
#qes-kit .section-contents-shopping {
    padding:min(calc((96 / 750) * 100vw), 96px) 0 min(calc((202 / 750) * 100vw), 202px);
}
#qes-kit .section-contents-shopping .shopping-guide {
    display:flex;
    flex-wrap:nowrap;
    width:min(calc((670 / 750) * 100vw), 670px);
    margin-inline:auto;
    background:#FFF;
    color:#000;
}
#qes-kit .section-contents-shopping .shopping-guide-postage {
    margin-block-end:min(calc((30 / 750) * 100vw), 30px);
}
#qes-kit .section-contents-shopping .shopping-guide-img {
    width:min(calc((188 / 750) * 100vw), 188px);
}
#qes-kit .section-contents-shopping .shopping-guide-text {
    display:flex;
    flex-wrap:nowrap;
    flex-direction: column;
    justify-content: center;
    width:min(calc((482 / 750) * 100vw), 482px);
}
#qes-kit .section-contents-shopping h3 {
    margin-block-end:min(calc((13 / 750) * 100vw), 13px);
    font-size:min(calc((32 / 750) * 100vw), 32px);
}
#qes-kit .section-contents-shopping li {
    margin-inline-start:min(calc((18 / 750) * 100vw), 18px);
    font-size:min(calc((22 / 750) * 100vw), 22px);
    line-height:1.272;
    text-indent:max(calc((-18 / 750) * 100vw), -18px);
}
#qes-kit .section-contents-shopping li:before {
    content:"・ ";
}
#qes-kit .section-contents-shopping a {
    width:min(calc((330 / 750) * 100vw), 330px);
    margin-block-start:min(calc((11 / 750) * 100vw), 11px);
    margin-inline-start:min(calc((2 / 750) * 100vw), 2px);
    padding:min(calc((12 / 750) * 100vw), 12px) 0;
    border:1px solid #000;
    box-sizing:border-box;
    background:#000;
    color:#FFF;
    font-size:min(calc((18.2 / 750) * 100vw), 18.2px);
    text-align:center;
}
@media screen and (min-width:751px) {
    #qes-kit .section-contents-shopping a:hover {
        background:#FFF;
        color:#000;
    }
}