/* スライダー全体 */
.flyer-slider {
  overflow-x: auto;             /* 横スクロール可能 */
  display: flex;
  padding: 10px 0;
  gap: 10px;                    /* 画像間の隙間 */
  scroll-snap-type: x mandatory; /* スクロールで画像ごとに止まる */
  -webkit-overflow-scrolling: touch; /* iOSでスムーズスクロール */
}

/* 画像の並び */
.slides {
  display: flex;
  gap: 10px;
}

/* 画像のスタイル */
.slides img {
  flex-shrink: 0;               /* 幅固定 */
  width: 250px;                 /* 必要に応じて調整 */
  height: auto;
  border-radius: 10px;
  scroll-snap-align: start;     /* スクロールで画像の先頭に合わせる */
  transition: transform 0.3s;
}

.slides img:hover {
  transform: scale(1.05);       /* ホバーで少し拡大 */
}

/* レスポンシブ対応 */
@media (max-width: 600px) {
  .slides img {
    width: 180px;               /* スマホサイズ調整 */
  }
}