/* slickカスタム */
.slider {margin-inline: auto;overflow: hidden;width: 100vw;}
.slick-img img {width: 100%;}
@keyframes zoomUp {
  0% {transform: scale(1);}
  100% {transform: scale(1.15);}
}
.add-animation {animation: zoomUp 10s linear 0s normal both;}
.slick-slider-container {position: relative;overflow: hidden;border-top-left-radius: 50% 100%;border-top-right-radius: 50% 100%;}
.slidertop-title {display:flex;flex-direction: column;vertical-align: top;z-index:200;position:absolute;top:22%;left:9%;transform: translateY(-50%);width:fit-content;}
.slidertop-title div{display:block;font-size:clamp(2.5rem, 4.3vw, 8rem);font-family:'Noto Sans JP', sans-serif!important;line-height: 1.5;font-weight:900!important;color:#D70035;flex-shrink: 0;width: auto;align-self: flex-start;background-color: #fff;margin: 10px 0;padding: 1px 8px;}


/* swiper設定 */
.swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.topswiper-slider-container {position: relative;overflow: hidden;width:110%;border-bottom-left-radius: 50% 25%;border-bottom-right-radius: 50% 25%;margin-left:-5%;}
.topfadeswiper{overflow:hidden;width:110vw;}
.swiper-wrapper{position:static;}
.topfadeswiper .swiper-wrapper .swiper-slide-active .swiper-img img,
.topfadeswiper .swiper-wrapper .swiper-slide-duplicate-active .swiper-img img,
.topfadeswiper .swiper-wrapper .swiper-slide-prev .swiper-img img {animation: zoomUp 7s linear 0s normal both;}
@keyframes zoomUp {
  0% {transform: scale(1);}
  100% {transform: scale(1.2);}
}
.topfadeswiper .swiper-slide img {height: auto;width: 100%;}
.topswiper-slider-container .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);pointer-events: none;}
.topswiper-slider-container .swiper-horizontal>.swiper-pagination-bullets, .topswiper-slider-container .swiper-pagination-bullets.swiper-pagination-horizontal, .topswiper-slider-container .swiper-pagination-custom, .topswiper-slider-container .swiper-pagination-fraction {display:none;}
.swiper-button-next, .swiper-button-prev {width:auto;}


/* スライダー設定 */
.swiper-area {position: relative;overflow:hidden;width:100%;min-width: 0;}
.resultsswiper{width:100%;height:100%;}
.resultsswiper .swiper-wrapper .swiper-slide img{border-radius:10px;display:block;text-align:center;height:auto;object-fit:cover;}
.resultsswiper .swiper-wrapper .swiper-slide a{text-align:center;}
.swiper-button-prev,
.swiper-button-next {color: #333;
  --swiper-navigation-size: 30px;}
.swiper-button-prev {left: 10px;}
.swiper-button-next {right: 10px;}
.swiper-button-next, .swiper-button-prev {color:#000!important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, -25px)!important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, -25px)!important;}

.swiper-backface-hidden .swiper-slide:hover{opacity:0.5;}

@media(max-width:1280px) and (max-height:853px){
	.slidertop-title {font-size: 4.3em;}
}

@media(max-width:1138px) and (max-height:712px){
	.topfadeswiper {height:140vh;}
}

@media(max-width:1150px){
	.slidertop-title {font-size:5em;}
}

@media (max-width:1050px){
	.slidertop-title {font-size:3.5em;top: 35%;}
	.topfadeswiper {height: 65vh;}
	.topfadeswiper .swiper-slide img {width:100%;height:auto;object-fit:cover;}
}
@media(max-width:1024px) and (max-height:768px){
	.topfadeswiper {height:100vh;}
}
@media(max-width:1024px) and (max-height:600px){
	.topfadeswiper {height:135vh;}
}
@media(max-width:920px) and (max-height:420px){
	.topfadeswiper {height:170vh;}
}
@media (max-width:855px){
	.swiper-button-next, .swiper-button-prev {color: #fff;transform:scale(0.4);}
	.slidertop-title {font-size:3.0em;top:35%;}
}
@media(max-width:800px){
	.topfadeswiper {height: 70vh;}
}
@media (max-width:750px){
	.topfadeswiper {height:80vh;}
	.topfadeswiper .swiper-slide img {height:78vh;width:auto;}
	.slidertop-title div {font-size: clamp(3.8rem, 4.3vw, 8rem);}
}
@media (max-width:650px){
	.topfadeswiper {height:65vh;}
	.topfadeswiper .swiper-slide img {height:67vh;width:auto;}
	.slidertop-title {top:31%;}
	.slidertop-title div {font-size: clamp(3.9rem, 3.9vw, 8rem);}
}
@media (max-width:640px) and (max-height:400px){
	.topfadeswiper {height: 170vh;}
	.topfadeswiper .swiper-slide img {width:100%;height:170vh;object-fit:cover;}
}
@media (max-width:600px){
	.slidertop-title {font-size:2em;}
	.topfadeswiper {height:95vh;}
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {margin-left:1vw;}
	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {margin-right:1vw;}
}
@media (max-width:570px) and (max-height:320px){
	.topfadeswiper {height: 200vh;}
}
@media(max-width:550px){
	.slidertop-title div {font-size: clamp(3.3rem, 3.9vw, 6rem);}
	.slidertop-title {top: 35%;}
	.topfadeswiper {height: 99vh;}
}
@media(max-width:450px){
	.topfadeswiper {height:67vh;}
	.slidertop-title {top: 34%;}
	.slidertop-title div {margin: 5px 0;}
	.slidertop-title div {font-size: clamp(2.5rem, 3.6vw, 6rem);}
}
@media(max-width:420px){
	.topfadeswiper {height:80vh;}
}
@media (max-width:385px){
	.slidertop-title {font-size:2em;}
	.topfadeswiper {height:88vh;}
}

@media (max-width:375px){
	.topfadeswiper {height:85vh;}
	.slidertop-title div {font-size: clamp(2.3rem, 3.6vw, 5rem);}
}

@media (max-width:360px){
	.slidertop-title {font-size:2em;}
	.topfadeswiper {height:90vh;}
	.slidertop-title div {font-size: clamp(2.1rem, 3.6vw, 5rem);}
	.slidertop-title div {padding: 3px 7px;}
	.slidertop-title {top: 30%;}
}

@media (max-width:350px) and (max-height:900px){
	.topfadeswiper {height:50vh;}
}

@media (max-width:349px){
	.slidertop-title {font-size:2em;}
	.slidertop-title div {font-size: clamp(2.0rem, 3.6vw, 5rem);}
	.topfadeswiper {height:77vh;}
	.slidertop-title {top: 33%;}
}


@media (max-width: 325px) {
    .slidertop-title {top: 37%;}
}