*{letter-spacing:1px;font-weight:300}.product .main-block{padding-top:30px;position:relative;z-index:0}.product .main-block .bg-img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.product .main-block .bg-img img{position:sticky;top:0;min-width:100vw;min-height:100vh;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width:768px){.product .main-block{padding-top:0}}.product .main-block .control-bar{width:100%;margin-top:0}.product .main-block .bg-img{opacity:0}.product .main-block .bg-img img{min-width:100vw;min-height:100vh;-o-object-fit:cover;object-fit:cover}.product .main-block .main-content{padding:0 60px 110px;overflow:hidden}@media only screen and (max-width:1024px){.product .main-block .main-content{padding:0 25px 110px}}@media only screen and (max-width:768px){.product .main-block .main-content{padding:0 20px 35px}}.product .main-block .main-content .container{margin:40px auto 0;max-width:1220px;width:100%}.product .main-block .main-content .title-wrap{text-align:center}.product .main-block .main-content .title-wrap .title .tw{font-weight:500;font-size:2.25rem;line-height:1.4;letter-spacing:1px}@media only screen and (max-width:1024px){.product .main-block .main-content .title-wrap .title .tw{font-size:1.5rem}}.product .main-block .main-content .title-wrap .title .en{margin-top:10px;font-weight:700;font-size:3.125rem;line-height:1;letter-spacing:1px}@media only screen and (max-width:1024px){.product .main-block .main-content .title-wrap .title .en{font-size:2.125rem}}.product .main-block .main-content .title-wrap .txt{margin-top:20px;font-weight:300;font-size:0.9375rem;line-height:1.6;letter-spacing:1px}.product .main-block .main-content .title-wrap .embellish{margin:40px auto 0}.product .main-block .main-content .category-tab{margin-top:80px}.product .main-block .main-content .content{padding-top:80px}@media only screen and (max-width:768px){.product .main-block .main-content .content{padding-top:40px}}.product .main-block .main-content .content .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:768px){.product .main-block .main-content .content .row{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.product .main-block .main-content .content .row .col{display:block}.product .main-block .main-content .content .row .col .compare-btn .text>p:first-child{display:block}.product .main-block .main-content .content .row .col .compare-btn .text>p:nth-child(2){display:none}.product .main-block .main-content .content .row .col.selected.btn-trigger .plus{-webkit-transform:none;transform:none}.product .main-block .main-content .content .row .col.selected .compare-btn{color:rgba(0,0,0,0.3)}.product .main-block .main-content .content .row .col.selected .compare-btn .plus:after,.product .main-block .main-content .content .row .col.selected .compare-btn .plus:before{background:rgba(0,0,0,0.3)}.product .main-block .main-content .content .row .col.cancel .compare-btn .plus:before{display:none}.product .main-block .main-content .content .row .col.cancel .compare-btn .text>p:first-child{display:none}.product .main-block .main-content .content .row .col.cancel .compare-btn .text>p:nth-child(2){display:block}.product .main-block .main-content .content .row .col-wrap{width:100%;height:100%;background:#fff;-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);-webkit-transition:background 0.3s,-webkit-filter 0.3s;transition:background 0.3s,-webkit-filter 0.3s;transition:filter 0.3s,background 0.3s;transition:filter 0.3s,background 0.3s,-webkit-filter 0.3s}@media only screen and (max-width:768px){.product .main-block .main-content .content .row .col-wrap{margin:0 auto}}@media only screen and (min-width:1201px){.product .main-block .main-content .content .row .col-wrap:hover{border:1px solid rgba(0,0,0,0.1);background:transparent;-webkit-box-shadow:none;box-shadow:none;-webkit-filter:drop-shadow(0px 0px 20px rgba(0,0,0,0.2));filter:drop-shadow(0px 0px 20px rgba(0,0,0,0.2))}}@media only screen and (max-width:1200px){.product .main-block .main-content .content .row .col-wrap:active{border:1px solid rgba(0,0,0,0.1);background:transparent;-webkit-box-shadow:none;box-shadow:none;-webkit-filter:drop-shadow(0px 0px 20px rgba(0,0,0,0.2));filter:drop-shadow(0px 0px 20px rgba(0,0,0,0.2))}}.product .main-block .main-content .content .row .cate{font-weight:500;font-size:0.9375rem;line-height:1.6;letter-spacing:1px}.product .main-block .main-content .content .row .title{margin-top:5px;font-weight:300;font-size:2.25rem;line-height:1.5}.product .main-block .main-content .content .row .sub{margin-top:5px;font-weight:700;font-size:1.125rem;line-height:1.2;letter-spacing:1px;color:#931574}.product .main-block .main-content .content .row .txt{margin-top:5px;font-weight:300;font-size:0.9375rem;line-height:1.6;letter-spacing:1px}.product .main-block .main-content .content .row .btn-wrap{margin-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product .main-block .main-content .content .row .btn-wrap .compare-btn{margin-left:30px}.product .main-block .main-content .content .col[frame-type^=s]{padding:40px 35px;width:50%}@media only screen and (max-width:1024px){.product .main-block .main-content .content .col[frame-type^=s]{padding:15px 25px;width:50%}}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=s]{padding:15px 0;max-width:540px;width:100%}}.product .main-block .main-content .content .col[frame-type^=s] .col-wrap{padding:30px 30px 50px}.product .main-block .main-content .content .col[frame-type^=s] .col-wrap .img-box{position:relative}.product .main-block .main-content .content .col[frame-type^=s] .col-wrap .img-box:before{content:"";display:block;width:100%;height:100%;padding-bottom:69.792%}.product .main-block .main-content .content .col[frame-type^=s] .col-wrap .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=s] .col-wrap .img-box{width:90.91%}}.product .main-block .main-content .content .col[frame-type^=s] .col-wrap .info-box{margin:20px auto 0;max-width:400px;width:100%}.product .main-block .main-content .content .col[frame-type^=m]{width:100%;padding:40px 35px}@media only screen and (max-width:1024px){.product .main-block .main-content .content .col[frame-type^=m]{padding:15px 25px}}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=m]{padding:15px 0}}.product .main-block .main-content .content .col[frame-type^=m] .col-wrap{padding:50px 6.5105vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product .main-block .main-content .content .col[frame-type^=m] .col-wrap>div:first-child{margin-right:20px}@media only screen and (max-width:1024px){.product .main-block .main-content .content .col[frame-type^=m] .col-wrap{padding:50px 40px}}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=m] .col-wrap{padding:30px 30px 50px;max-width:540px;width:100%}.product .main-block .main-content .content .col[frame-type^=m] .col-wrap>div:first-child{margin-right:0;margin-bottom:20px}}.product .main-block .main-content .content .col[frame-type^=m] .col-wrap .img-box{width:54.546%;position:relative}.product .main-block .main-content .content .col[frame-type^=m] .col-wrap .img-box:before{content:"";display:block;width:100%;height:100%;padding-bottom:69.792%}.product .main-block .main-content .content .col[frame-type^=m] .col-wrap .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=m] .col-wrap .img-box{width:90.91%}}.product .main-block .main-content .content .col[frame-type^=m] .col-wrap .info-box{width:45.454%}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=m] .col-wrap .info-box{max-width:400px;width:100%}}.product .main-block .main-content .content .col[frame-type^=m-left] .col-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=m-left] .col-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.product .main-block .main-content .content .col[frame-type^=m-right] .col-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=m-right] .col-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.product .main-block .main-content .content .col[frame-type^=l]{width:100%;padding:40px 35px}@media only screen and (max-width:1024px){.product .main-block .main-content .content .col[frame-type^=l]{padding:15px 25px}}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=l]{padding:15px 0}}.product .main-block .main-content .content .col[frame-type^=l] .col-wrap{padding:50px 6.5105vw}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=l] .col-wrap{padding:30px 30px 50px;max-width:540px;width:100%}}.product .main-block .main-content .content .col[frame-type^=l] .col-wrap .img-box{margin:0 auto;max-width:600px;width:100%;position:relative}.product .main-block .main-content .content .col[frame-type^=l] .col-wrap .img-box:before{content:"";display:block;width:100%;height:100%;padding-bottom:70%}.product .main-block .main-content .content .col[frame-type^=l] .col-wrap .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (max-width:768px){.product .main-block .main-content .content .col[frame-type^=l] .col-wrap .img-box{width:90.91%}}.product .main-block .main-content .content .col[frame-type^=l] .col-wrap .info-box{margin:20px auto 0;max-width:400px;width:100%}.product .compared-block{display:inline-block;z-index:10;position:fixed;top:50%;right:20px;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}@media only screen and (max-width:768px){.product .compared-block{right:10px}}.product .compared-block .compared-link{padding:15px 0;width:50px;background:#000;border-radius:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){.product .compared-block .compared-link{width:30px}}.product .compared-block .compared-link>.num{font-weight:700;font-size:1.875rem;line-height:1;color:#fff;opacity:0.3;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;margin-bottom:10px}@media only screen and (max-width:767px){.product .compared-block .compared-link>.num{font-size:1.25rem;margin-bottom:5px}}.product .compared-block .compared-link>p{color:#fff;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-transform:translateX(-3px);transform:translateX(-3px)}@media only screen and (max-width:767px){.product .compared-block .compared-link>p{font-size:0.75rem;-webkit-transform:translateX(-2px);transform:translateX(-2px)}}.product .compared-block>p{margin:10px auto 0;font-weight:300;font-size:0.9375rem;line-height:1.2;letter-spacing:1px;opacity:0;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-transform:translateX(-3px);transform:translateX(-3px);-webkit-transition:opacity 0.3s;transition:opacity 0.3s}@media only screen and (max-width:767px){.product .compared-block>p{font-size:0.75rem;-webkit-transform:translateX(-2px);transform:translateX(-2px)}}.product .compared-block.active .compared-link>.num{color:#9DDC17;opacity:1}.product .compared-block.full>p{pointer-events:all;opacity:0.7}
/*# sourceMappingURL=product.css.map */