@charset "UTF-8";
/* =============================================================
   fs-news.css — お知らせ一覧/記事（fs-news-* クラス。inc/news.php が出力）
   Cure の CSS は流用しない（購入テーマ）。見た目だけ本番に寄せる。
   ============================================================= */

/* ---------- 一覧（サムネイル＋日付＋タイトル） ---------- */
.fs-news-list { border-top: 1px solid var(--fs-line); }
.fs-news-item { border-bottom: 1px solid var(--fs-line); }
.fs-news-item__link { display: grid; grid-template-columns: 220px 1fr; gap: 24px; align-items: center; padding: 18px 8px; transition: background .2s; }
.fs-news-item__link:hover { background: var(--fs-primary-soft); }
.fs-news-item__thumb { aspect-ratio: 3 / 2; overflow: hidden; background: var(--fs-line-2); }
.fs-news-item__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.fs-news-item__link:hover .fs-news-item__thumb img { transform: scale(1.04); }
.fs-news-item.is-noimage .fs-news-item__thumb img { object-fit: contain; padding: 18px; opacity: .6; }
.fs-news-item__date { display: block; font-family: var(--fs-font-en); font-size: 13px; color: var(--fs-muted); margin-bottom: 6px; }
.fs-news-item__ttl { font-size: 17px; font-weight: 500; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* ---------- 前後の記事 ---------- */
.fs-news-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 50px 0 0; }
.fs-news-nav__item { display: block; border: 1px solid var(--fs-line); padding: 16px 20px; min-height: 90px; transition: background .2s; }
.fs-news-nav__item:hover { background: var(--fs-primary-soft); }
.fs-news-nav__item.is-next { text-align: right; }
.fs-news-nav__label { display: block; font-size: 12px; color: var(--fs-muted); margin-bottom: 4px; }
.fs-news-nav__label::before { content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 6px; color: var(--fs-accent-text); }
.is-next .fs-news-nav__label::before { content: none; }
.is-next .fs-news-nav__label::after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 6px; color: var(--fs-accent-text); }
.fs-news-nav__ttl { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 15px; line-height: 1.6; }

/* ---------- 新着のお知らせ（記事下） ---------- */
.fs-news-recent { margin: 80px 0 0; }

@media (max-width: 767px) {
  .fs-news-item__link { grid-template-columns: 110px 1fr; gap: 14px; padding: 14px 4px; }
  .fs-news-item__ttl { font-size: 15px; }
  .fs-news-nav { grid-template-columns: 1fr; }
  .fs-news-nav__item.is-next { text-align: left; }
}