.main-slider .main-slider-container{width:100%;position:relative}.main-slider .swiper.main-swiper{max-width:920px;width:100%;padding:0 80px;margin:20px auto 0;overflow:visible;box-sizing:border-box}.main-slider .swiper.main-swiper .swiper-slide{max-width:760px;width:100%;border-radius:12px;overflow:hidden;font-size:0;box-sizing:content-box;margin-right:20px}.main-slider .swiper.main-swiper .swiper-slide a{text-decoration:none;opacity:1;transition:opacity .3s ease}.main-slider .swiper.main-swiper .swiper-slide a:hover{opacity:.7;transition:opacity .3s ease}.main-slider .swiper.main-thumb-swiper{max-width:200px;height:auto;overflow:visible;margin:20px auto}.main-slider .swiper.main-thumb-swiper .swiper-slide{max-width:200px;height:auto;aspect-ratio:40 / 24;object-fit:cover;background:#000;border-radius:6px;overflow:hidden;margin-right:25px;font-size:0;opacity:.7;transition:opacity .3s ease}.main-slider .swiper.main-thumb-swiper .swiper-slide:hover{opacity:1;transition:opacity .3s ease}.main-slider .swiper.main-thumb-swiper .swiper-slide.swiper-slide-active{outline:2px solid #FFF}.main-slider .swiper.main-thumb-swiper .swiper-slide img{height:100%;object-fit:cover}.main-slider .swiper-slide .main-slider-image-pc{width:100%;display:block}.main-slider .swiper-slide .main-slider-image-sp{width:100%;display:none}@media screen and (max-width:749px){.main-slider .swiper.main-swiper{padding:0 15%;margin:10px auto 0}.main-slider .swiper.main-swiper .swiper-slide{border-radius:8px;overflow:hidden;font-size:0;box-sizing:content-box;margin-right:8px}.main-slider .swiper.main-thumb-swiper{max-width:48px;margin:10px auto}.main-slider .swiper.main-thumb-swiper .swiper-slide{max-width:48px;height:auto;aspect-ratio:1 / 1;object-fit:cover;background:red;border-radius:4px;overflow:hidden;margin-right:8px;font-size:0;opacity:.7;transition:opacity .3s ease}.main-slider .swiper.main-thumb-swiper .swiper-slide.swiper-slide-active{outline:1.5px solid #FFF;opacity:1}.main-slider .swiper-slide .main-slider-image-pc{display:none}.main-slider .swiper-slide .main-slider-image-sp{display:block}}.main-slider .swiper-button-next,.main-slider .swiper-button-prev{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;width:48px;height:48px;border:1px solid #D9D9D9;box-shadow:0 2px 6px #00000026}.main-slider .swiper-button-next:after,.main-slider .swiper-button-prev:after{content:"";display:none}.main-slider .swiper-button-next .svg-wrapper,.main-slider .swiper-button-prev .svg-wrapper{width:10px;height:16px;object-fit:contain;color:#000}@media screen and (max-width:749px){.main-slider .swiper-button-next,.main-slider .swiper-button-prev{display:none}}.main-slider .main-thumb-swiper-wrapper{width:100%;max-width:100%;margin:0 auto;overflow:hidden}.main-slider.has-blocks-1 .main-thumb-swiper-wrapper,.main-slider.has-blocks-2 .main-thumb-swiper-wrapper,.main-slider.has-blocks-3 .main-thumb-swiper-wrapper{max-width:650px}.main-slider.has-blocks-4 .main-thumb-swiper-wrapper,.main-slider.has-blocks-5 .main-thumb-swiper-wrapper{max-width:1100px}.main-slider.has-blocks-6 .main-thumb-swiper-wrapper,.main-slider.has-blocks-7 .main-thumb-swiper-wrapper{max-width:1550px}.main-slider.has-blocks-8 .main-thumb-swiper-wrapper,.main-slider.has-blocks-9 .main-thumb-swiper-wrapper{max-width:2000px}@media screen and (max-width:749px){.main-slider.has-blocks-1 .main-thumb-swiper-wrapper,.main-slider.has-blocks-2 .main-thumb-swiper-wrapper,.main-slider.has-blocks-3 .main-thumb-swiper-wrapper{max-width:160px}.main-slider.has-blocks-4 .main-thumb-swiper-wrapper,.main-slider.has-blocks-5 .main-thumb-swiper-wrapper{max-width:272px}.main-slider.has-blocks-6 .main-thumb-swiper-wrapper,.main-slider.has-blocks-7 .main-thumb-swiper-wrapper{max-width:384px}.main-slider.has-blocks-8 .main-thumb-swiper-wrapper,.main-slider.has-blocks-9 .main-thumb-swiper-wrapper{max-width:496px}}.main-slider{position:relative}.main-slider.is-loading .swiper-container{visibility:hidden}.main-slider__spinner{position:absolute;z-index:2;top:50%;left:50%;width:1.8rem;margin:0;transform:translate(-50%,-50%)}.main-slider:not(.is-loading) .main-slider__spinner{display:none}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component-main-slider.css.map */