@charset "utf-8";

/*slide*/
.thumbSwiper_wrap{container : slide-wrap / inline-size; background:#f4f4f4;  margin-bottom:50px;}
.thumbSwiper { position:relative; /*height:800px;*/  width:100%;  }
.swiper-button-prev, .swiper-button-next{ width: 65px; height:60px; display: inline-block; overflow:hidden; text-indent:-1000px; text-align: center; background-repeat: no-repeat; background-position: center; cursor: pointer; position: absolute; z-index: 10; }
.swiper-button-prev{ background-image: url(../img/arrL.png); left:0;top: 0;top: 48%;}
.swiper-button-next{ background-image: url(../img/arrR.png); right:0;top: 48%;}
.thumbSwiper .swiper-pagination{position:absolute; bottom:anchor(--thumbSwiper 98%);}
.thumbSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#4271d2; width:25px; border-radius:50px;}
.thumbSwiper .swiper-wrapper {anchor-name:--thumbSwiper; }
.thumbSwiper .swiper-pagination .swiper-pagination-bullet-active { width:100px; border-radius:0; background:transparent;}
/*.thumbSwiper .swiper-wrapper img { width:1400px; height:800px; object-fit:contain;}
.thumbSwiper .swiper-pagination .swiper-pagination-bullet-active { width:100px; border-radius:0; background:transparent;*/
.thumbSwiper .swiper-pagination .swiper-pagination-bullet{width:100px; height:auto; aspect-ratio: 16/9; border-radius:0; background:transparent;}


@container slide-wrap (min-width:1200px){
	.thumbSwiper {width:90%;  }
	.thumbSwiper .swiper-pagination{position:absolute; width:auto; margin-top:15px; left:auto; right:anchor(--thumbSwiper 109.8%); top:anchor(--thumbSwiper 0%); display: flex; flex-flow:column wrap; gap:1%; }
	.thumbSwiper .swiper-pagination span{ box-shadow:0 1px 10px 3px rgba(0,0,0,0.15);}
}
@media only all and (max-width:1250px){
	.thumbSwiper {height:auto; }
}

@media only all and (max-width:720px){
	.thumbSwiper .swiper-pagination{display: flex; }
	.thumbSwiper .swiper-pagination span{flex:1;}
	.thumbSwiper .swiper-button-next, .thumbSwiper .swiper-button-prev{display: none;}
}