.shop01-template-07{position:relative;display:block;height:42.97vw;overflow:hidden}.shop01-template-07 .main_slide{position:relative;display:block;width:100%;padding-left:0;font-family:var(--font-family);padding-bottom:0;padding-top:0;height:100%}.shop01-template-07 .swiper-container{height:100%;z-index:1}.shop01-template-07 .box_bg{position:absolute;width:50%;background-position:center;background-size:cover;height:100%;left:0;z-index:-1;top:0;pointer-events:none}.shop01-template-07 .swiper-slide .box{position:relative;display:flex;align-items:center;width:50%;height:100%}.shop01-template-07 .shop01-template-07__swiper .box .block{display:block;width:100%;height:100%;opacity:0;transition:all 1s ease;padding:4.16vw 12.24vw;position:relative}.shop01-template-07 .shop01-template-07__swiper .box .block .imgs{position:relative;margin-bottom:2.03vw}.shop01-template-07 .swiper-slide-active .box .block{transform:translateY(0);opacity:1}.shop01-template-07 .shop01-template-07__swiper .box .text{position:relative;padding-left:0;display:block;align-items:center;width:100%;top:0}.shop01-template-07 .bgimgs{position:absolute;right:0;top:0;margin-top:0;margin-bottom:0;margin-left:0;width:50%;background-repeat:no-repeat;height:100%;background-position:center;background-size:cover;pointer-events:none;overflow:hidden;z-index:5}.shop01-template-07 .color{position:absolute;right:0;bottom:0;width:50%;height:100%;background:gray;z-index:5;pointer-events:none;transform-origin:bottom}.shop01-template-07 .bgimgs>div{position:absolute;left:0;top:0;margin-top:0;margin-bottom:0;margin-left:0;width:100%;background-repeat:no-repeat;height:100%;background-position:center;background-size:cover;pointer-events:none;overflow:hidden;transform:scale(1);transition:all 1.2s ease}.shop01-template-07 .bgimgs img{opacity:0}.shop01-template-07 .bgimgs .play{width:100px;height:100px;position:absolute;border-radius:50%;border:1px solid #ff0f17;left:50%;top:50%;transform:translate(-50%, -50%);pointer-events:initial}.shop01-template-07 .bgimgs .play:before{content:"";position:absolute;border-top:20px solid rgba(0,0,0,0);border-right:0px solid rgba(0,0,0,0);border-bottom:20px solid rgba(0,0,0,0);border-left:25px solid #ff0f17;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.shop01-template-07>.text{position:absolute;top:-8vw;width:100%;overflow:hidden;pointer-events:none;left:50%}.shop01-template-07 .text img{position:relative;transform-origin:bottom;max-width:100%}.shop01-template-07 .imgs img{max-width:100%;width:4.95vw}.shop01-template-07 .shop01-template-07__swiper .box .sub_title{font-size:22px;font-weight:bold;display:block;margin-bottom:6px;color:#fff}.shop01-template-07 .shop01-template-07__swiper .box .name .title{font-size:18px;line-height:32px;position:relative;color:#a4a4a4;display:block;width:100%}.shop01-template-07 .shop01-template-07__swiper .box .text .title{font-size:22px;line-height:26px;position:relative;color:#fff;font-weight:bold;display:block;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shop01-template-07 .shop01-template-07__swiper .box .name{position:relative;width:100%;margin-bottom:0;padding-bottom:5.77vw}.shop01-template-07 .shop01-template-07__swiper .box .memo{width:100%;display:block;position:relative;font-size:18px;line-height:32px;color:#a4a4a4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.shop01-template-07 .swiper-slide{height:auto}.shop01-template-07__swiper-bottom{position:relative;top:0;left:0;z-index:10;margin-left:0;font-weight:bold;color:#fff;width:85px;display:flex;justify-content:space-between;margin-top:65px}.shop01-template-07__swiper-bottom .icon{font-size:20px;position:relative;display:block;cursor:pointer;cursor:pointer;height:35px}.shop01-template-07__swiper-bottom .icon.swiper-button-disabled{opacity:.5;pointer-events:none}.shop01-template-07 .more_info{position:absolute;display:flex;padding:0;width:600px;left:50%;bottom:0;z-index:10;margin-left:-4vw}.shop01-template-07 .more_info .box:last-child{border-right:0}.shop01-template-07 .more_info .icon{position:absolute;left:32px;top:3px}.shop01-template-07 .more_info .name{font-size:16px;color:#000;font-weight:bold;display:block}.shop01-template-07 .more_info .imgs{width:65%;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center;display:block}.shop01-template-07 .more_info .imgs img{opacity:0;max-width:100%}.shop01-template-07 .more_info .box{display:flex;align-items:center;justify-content:center;width:100%;padding:35px 40px;position:relative}.shop01-template-07 .more_info .num{font-size:60px;color:#fff;font-weight:bold;display:block;line-height:52px;margin-bottom:0;font-family:var(--font-family)}.shop01-template-07 .more_info .middle{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%}.shop01-template-07 .more_info .icon{min-width:37px;width:37px;position:relative;left:0;top:5px;margin-right:10px}.shop01-template-07 .more_info .icon img{width:100%}.shop01-template-07 .more_info .name{color:#fff;display:block;width:100%;font-size:18px;margin-top:15px}.shop01-template-07-pagination-fraction{position:absolute;z-index:6;letter-spacing:2px;margin-bottom:0;text-align:center;width:140px;left:12.24vw;color:rgba(0,0,0,0);font-family:var(--font-family);display:flex;justify-content:space-between;font-size:18px;bottom:65px}.shop01-template-07-pagination-fraction::after{content:"";background-color:#ff0f17;width:85px;height:2px;position:absolute;top:12px;left:50%;opacity:.8;transform:translateX(-50%)}.shop01-template-07-pagination-fraction span{color:#fff;display:block;position:relative;top:0;left:0;width:auto;font-weight:bold}.shop01-template-07__swiper-pagination{position:absolute;z-index:5;right:5%;top:50%;display:block;transform:translateY(-50%)}.shop01-template-07__swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border:1px solid #fff;background-color:rgba(0,0,0,0);display:block;margin:25px 0;opacity:1;position:relative;transition:all .3s ease}.shop01-template-07__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#ff0f17;background-color:#ff0f17}.arch01-template-02.show .shop01-template-07-pagination-fraction{transition:all .8s ease 1.5s;opacity:1;transform:translateY(0)}.shop01-template-07-pagination-fraction .swiper-pagination-bullet{border:1px solid #000;width:10px;height:10px;background-color:rgba(0,0,0,0);margin:0 12px;transition:all .3s ease;opacity:.8}.shop01-template-07-pagination-fraction .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000;border-color:#000;opacity:1}.shop01-template-07_lightbox{display:flex;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;left:0;width:100vw;background-color:rgba(0,0,0,.8);z-index:2000;transition:opacity .5s;opacity:0;pointer-events:none}.shop01-template-07__video-popup-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0;line-height:0;transition:all .35s ease;position:absolute;right:0;top:0;z-index:3;opacity:.5}@media(min-width: 1500px){.shop01-template-07__video-popup-close{width:72px;height:72px}}@media(min-width: 740px){.shop01-template-07__video-popup-close{width:60px;height:60px;right:5px;top:5px}}.shop01-template-07__video-popup-close:hover{transform:scale(1.125);opacity:1}.shop01-template-07__video-popup-close svg{display:block;width:50%;height:auto}@media(min-width: 980px){.shop01-template-07__video-popup-close svg{width:40%}}.shop01-template-07_lightbox .video{position:relative;width:100%;max-width:1000px;z-index:1}.shop01-template-07_lightbox .video::before{content:"";display:block;padding-bottom:56.25%;width:100%}.shop01-template-07_lightbox iframe{position:absolute;top:0;left:0;width:100%;height:100%}.shop01-template-07_lightbox.active{opacity:1;pointer-events:initial;transition:.5s ease}@media(max-width: 1300px){.shop01-template-07 .shop01-template-07__swiper .box .block{height:100%;padding:5vw 7.46vw 0}.shop01-template-07 .shop01-template-07__swiper .box .name{padding-bottom:3.77vw}.shop01-template-07-pagination-fraction{left:7.46vw}.shop01-template-07 .shop01-template-07__swiper .box .name{padding-bottom:4.77vw}}@media(max-width: 1200px){.shop01-template-07 .box_bg{width:100%}.shop01-template-07 .shop01-template-07__swiper .box .block{width:100%;padding:5% 50px 0 7.46vw}.shop01-template-07 .shop01-template-07__swiper .box .name{padding-bottom:40px}.shop01-template-07-pagination-fraction{font-size:14px}.shop01-template-07-pagination-fraction::after{height:1px;top:11px}.shop01-template-07-pagination-fraction{bottom:30px}.shop01-template-07 .more_info{width:400px;right:0;left:auto}.shop01-template-07 .more_info .box{padding:20px}.shop01-template-07 .more_info .num{font-size:30px;line-height:38px}.shop01-template-07 .more_info .icon{min-width:28px;width:22px;position:relative;left:0;top:2px;margin-right:5px}.shop01-template-07 .more_info .name{color:#fff;display:block;width:100%;font-size:16px;margin-top:10px}.shop01-template-07 .shop01-template-07__swiper .box .sub_title{font-size:18px}.shop01-template-07 .shop01-template-07__swiper .box .text .title{font-size:18px}.shop01-template-07 .swiper-slide .box{width:50vw;box-sizing:border-box}.shop01-template-07__swiper-pagination{position:absolute;z-index:5;right:5%;top:57%;display:block;transform:translateY(-50%)}.shop01-template-07 .swiper-container{height:calc(100% - 60px);color:#000}.shop01-template-07__swiper-bottom{display:none}.shop01-template-07 .shop01-template-07__swiper .box .memo,.shop01-template-07 .shop01-template-07__swiper .box .name .title{font-size:16px;width:100%;line-height:28px}}@media(max-width: 1000px){.shop01-template-07{min-height:100vh}.shop01-template-07{height:100vh;background-color:#717eaa}.shop01-template-07 .more_info{width:100%;position:relative;top:auto;left:0;margin:0}.shop01-template-07 .bgimgs{width:100%;top:0%;height:86vw;position:relative}.shop01-template-07 .swiper-slide .box{width:100%}.shop01-template-07-pagination-fraction{left:auto;right:5%;bottom:71px}.shop01-template-07__swiper-bottom{left:5%;padding-bottom:50px}.shop01-template-07__swiper-bottom{left:5%}.shop01-template-07 .shop01-template-07__swiper .box .memo,.shop01-template-07 .shop01-template-07__swiper .box .name .title{font-size:16px;width:100%;line-height:28px}.shop01-template-07 .shop01-template-07__swiper .box .text .title{margin-bottom:15px}.shop01-template-07 .color{bottom:auto;width:100%;height:30%}.shop01-template-07 .imgs img{width:60px}}@media(max-width: 700px){.shop01-template-07{height:800px}.shop01-template-07_lightbox .box{max-width:500px;height:350px}.shop01-template-07_lightbox #svg_close{position:fixed;cursor:pointer;right:0;top:0}.shop01-template-07_lightbox video{width:100%}.shop01-template-07__swiper-pagination{top:73%}.shop01-template-07 .swiper-container{height:70%;color:#000}.shop01-template-07 .swiper-slide .box{width:100%;padding-top:0}.shop01-template-07 .shop01-template-07__swiper .box .block .imgs{position:relative;margin-bottom:10px}.shop01-template-07 .shop01-template-07__swiper .box .name{padding-bottom:30px}.shop01-template-07 .shop01-template-07__swiper .box .text .title{margin-bottom:15px}}@media(max-width: 600px){.shop01-template-07 .shop01-template-07__swiper .box .memo,.shop01-template-07 .shop01-template-07__swiper .box .name .title{font-size:14px;line-height:24px}.shop01-template-07__swiper-bottom .icon{font-size:16px}.shop01-template-07 .shop01-template-07__swiper .box .text .title,.shop01-template-07 .shop01-template-07__swiper .box .sub_title{font-size:16px}.shop01-template-07-pagination-fraction{transform:scale(0.9);bottom:30px}}@media(max-width: 500px){.shop01-template-07_lightbox .box{max-width:400px;height:300px}}@media(max-width: 400px){.shop01-template-07_lightbox .box{max-width:350px;height:250px}}@media(max-width: 1024px)and (min-width: 1024px){.shop01-template-07 .color{bottom:auto;top:0;width:100%;height:30%}}.shop01-template-07>.bg{position:absolute;left:0;top:0;width:50%;height:100%;z-index:-1;background-size:cover;background-repeat:no-repeat;background-position:center}@media(min-width: 0)and (max-width: 739px){.shop01-template-07>.bg.desktop{display:none !important}}@media(min-width: 740px){.shop01-template-07>.bg.mobile{display:none !important}}/*# sourceMappingURL=07.css.map */