@charset "utf-8";
/* CSS Document */

/**********************************************************/
/** PC・スマホ共通 ******************************************/
/** スライダー表示のあるページ（トップ、カテゴリ、商品ページ）　*****/
/**********************************************************/

/* 【TOPページ】用スライダー（1200x500px） */
/* スライダーの土台 */
.top-main-slider {
  width: 100%;
  aspect-ratio: 1200 / 500;
  background: #f9f9f9;
  position: relative;
  overflow: hidden;
}

.top-main-slider img {
  width: 100%;
  height: auto;
  display: block;
}

/* ページネーション（ドット）のカスタマイズ */
.top-main-slider .swiper-pagination-bullet {
  background: #ccc; /* 未選択の色 */
  opacity: 1;
}

.top-main-slider .swiper-pagination-bullet-active {
  background: #d4a373; /* ショップのアクセントカラーに合わせて変更してください */
  width: 20px;       /* 選択中だけ横長にすると今風でおしゃれです */
  border-radius: 4px;
}