/* サムネイル全体のコンテナ（親要素） */
.swiper.thumbnail {
  /* overflow: hidden を指定して、はみ出しを隠す */
  overflow: hidden;
}

/* サムネイル画像のスライド（子要素） */
.swiper.thumbnail .swiper-slide {
  /* 幅をコンテナの20%に指定 (grid-cols-5 のため) */
  /* 重要：この幅指定がちらつきを防ぎます */
  width: 20%;
}

/* サムネイル画像自体 */
.swiper.thumbnail .swiper-slide img {
  /* 画像が親要素に合わせて収まるようにする */
  width: 100%;
  height: auto;
  display: block; /* 余白を消す */ 
}

.thumbnail .swiper-slide-thumb-active {
  border: 2px solid #7fbc36;
}

.mySwiper.thumbnail .swiper-slide {
  aspect-ratio: 4 / 3 /* アスペクト比を4：3に設定 */
  overflow: hidden;    /* はみ出した画像を隠す */
}

/* お気に入りボタン(登録後) */
button.fav-items{ 
  background-color:#ffa5b2!important;
}