@charset "UTF-8";
/* =============================================================
   fs-news.css — お知らせ一覧（固定ページ /news/ ＝ page-news.php）
   本番は「アイキャッチ（左）＋日付とタイトル（右）」の横並びリスト。
   ============================================================= */

.fs-newslist-wrap { max-width: 860px; margin: 26px auto 70px; padding: 0 var(--fs-gutter); }

.fs-newslist { border-top: 1px solid var(--fs-line-2); }
.fs-newslist__item { border-bottom: 1px solid var(--fs-line-2); }
.fs-newslist__item > a {
  display: grid; grid-template-columns: 300px minmax(0, 1fr); align-items: stretch;
  transition: background .2s;
}
.fs-newslist__item > a:hover { background: var(--fs-primary-soft); }
.fs-newslist__thumb { overflow: hidden; }
.fs-newslist__thumb img { display: block; width: 100%; height: 100%; min-height: 170px; object-fit: cover; }
.fs-newslist__body {
  display: flex; flex-direction: column; justify-content: center; gap: 12px;
  padding: 24px 28px; border-left: 1px solid var(--fs-line-2);
}
.fs-newslist__date { font-size: 12.5px; color: #9a9a9a; letter-spacing: .04em; }
.fs-newslist__title { font-size: 15px; line-height: 1.8; color: #3a3a3a; }

.fs-newslist-wrap .fs-entry__content { margin-top: 40px; font-size: 15px; line-height: 1.9; }

@media screen and (max-width: 767px) {
  .fs-newslist-wrap { margin: 18px auto 50px; }
  .fs-newslist__item > a { grid-template-columns: 1fr; }
  .fs-newslist__thumb img { min-height: 0; height: 200px; }
  .fs-newslist__body { border-left: 0; padding: 18px 16px 22px; gap: 8px; }
}