/*
 * つるとんたん 静的版の追加 CSS（原本の style.css は書き換えず、この後に読み込む。2026-10-23 依頼05）
 * トップ「季節の特選」スライダーの点（.c-sliderLarge__bullets）：17 枚あると 1279px 以下で 2〜3 段に折り返すため 1 行にする。
 *  - 768px 以下（原本で点が 4rem になる幅）：点を等分に伸び縮みさせ、間隔を 1rem → .6rem に詰める
 *  - 769px 以上：原本どおり 6rem・間隔 1rem のまま。入りきらない幅だけ点を縮める（1280px 以上は今と同じ見た目）。
 *    点の入れ物（.c-sliderLarge__pagination）は絶対配置で中身の幅に合わせて広がるため、スライダーの幅を上限にする
 * 進行の黒線（.c-sliderLarge__bulletsProgress）は点の中で幅 100% のため、点の幅が変わってもそのまま動く。
 */
.c-sliderLarge__bullets { flex-wrap: nowrap; }
@media only screen and (max-width: 768px) {
  .c-sliderLarge__bulletsItem { flex: 1 1 0; width: auto; min-width: 0; }
  .c-sliderLarge__bulletsItem:not(:first-child) { margin-left: .6rem; }
}
@media only screen and (min-width: 769px) {
  .c-sliderLarge__pagination { max-width: 100%; }
  .c-sliderLarge__bulletsItem { flex: 0 1 auto; min-width: 0; }
}

/* お知らせ本文の pre（news-65・66・67。CMS 貼り付けの styled-components の pre）が折り返さず右端で切れる（2026-10-23 依頼07）。
   幅を測ると 1010px 以下で切れ、1020px 以上は切れない（列から最大 25px はみ出すだけ）。PC の見え方は変えず、1023px 以下で折り返す。 */
@media (max-width:1023px) {
  pre { white-space: pre-wrap; overflow-wrap: anywhere; }
}