@charset "utf-8";

/* 大スライダー：縦横比固定（16:9） */
.main-slider {
width: 100%;
margin-bottom: 40px;
aspect-ratio: 16 / 9;
}
.main-slider .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* フォルダタイトル */
.folder-title {
font-weight: bold;
color: #5c75a7;
margin: 20px 0 10px;
}

/* サムネイル */
.thumb-swiper {
height: 80px;
margin-bottom: 30px;
position: relative;
}

.thumb-swiper .swiper-slide {
width: 110px;
height: 80px;
opacity: 0.5;
border: 2px solid transparent;
box-sizing: border-box;
}
.thumb-swiper .swiper-button-disabled {
  opacity: 0.3;     /* 薄く見せる */
  pointer-events: none; /* クリック無効 */
}

/* アクティブ赤枠 */
.thumb-swiper .swiper-slide.active-thumb {
opacity: 1;
border-color: #e5685b;
}

.thumb-swiper img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* 矢印ボタン */
.swiper-button-next,
.swiper-button-prev {
color: #333 !important;
}