@charset "utf-8";
/* ============================================================
   WordPress 化で足した差分だけを置く（元のデザイン CSS は 1 バイトも変えない）。
   各ブロックの理由は README 判断ログ。今のコンテンツ（お知らせ 1 件・短いタイトル）では元と 1px も変わらないことを
   verify のピクセル比較で確認している。
   ============================================================ */

/* ---------- 1. トップのお知らせ: 件数と長いタイトルで帯が伸びる（2026-09-30 確認） ----------
   元は帯の高さ 581.1px（SP 538px）固定で、リストとボタンが絶対配置。2 件目からボタンに重なるので、
   1 件のときの座標をそのまま保つ流し込みに組み替える。
   PC: リスト上端 263.6 → 1 件分 76 → ボタン上端 403.1（間 63.5）→ ボタン 60 → 帯の下端 581.1（残り 118）
   SP: リスト上端 213.1 → 1 件分 116 → ボタン上端 378.7（間 49.6）→ ボタン 60 → 帯の下端 538（残り 99.3） */
.t-news{height:auto}
.t-news .stage{height:auto;padding:263.6px 0 118px}
.t-news .t-sec{top:0}   /* 見出しは top 未指定の絶対配置（静的位置）。上の余白で下がらないよう 0 に固定 */
.t-news .t-news__list,.t-news .t-more{position:relative;left:auto;top:auto}
.t-news .t-news__list{margin-left:282.5px}
.t-news .t-more{margin:63.5px 0 0 563px}
.t-news__list li + li{border-top:0}   /* 2 件目以降は罫線を 1 本に（1 件 75px。元 README の一覧と同じ） */
/* 長いタイトルは折り返す。1 行のときの文字の位置は元と同じ（行送りを広げた分だけ上の余白を詰める） */
.t-news__row{height:auto;min-height:74px}
.t-news__ttl{flex:1 1 auto;min-width:0;margin-top:23.2px;padding:0 20px 25.2px 0;line-height:25.6px;white-space:normal}
.t-news__row--empty{margin:0}

@media (max-width:900px){
  .t-news .stage{padding:213.1px 0 99.3px}
  .t-news .t-news__list{margin-left:28.6px}
  .t-news .t-more{margin:49.6px 0 0 67.5px}
  .t-news__row{min-height:114px}
  .t-news__ttl{margin-top:0;padding:7px 12px 17.4px 0;line-height:25px;white-space:normal}   /* 元の SP は 2 行（日付 23.6+16・題名 7+25×2）で 114px ちょうど */
  .t-news__row--empty .t-news__ttl{padding:44.5px 12px 0 0}   /* 0 件の案内は日付が無いので、赤い線と同じ行の中央に */
}

/* ---------- 2. お知らせ一覧: 長いタイトルは折り返し、行が伸びる（PC。SP は元から折り返す） ---------- */
@media (min-width:901px){
  .nw-list__item{height:auto;min-height:75px}
  .nw-list__link{position:relative;inset:auto;display:block;min-height:75px;padding:24.3px 20px 25.1px 161.1px}
  .nw-list__ttl{position:static;display:block;line-height:25.6px;white-space:normal}
  .nw-list__item--empty .nw-list__link{padding-left:29.5px}   /* 0 件の案内は日付の位置から（トップと同じ） */
}
.nw-list__item--empty .nw-list__link{margin:0}

/* ---------- 3. お知らせ一覧のページ送り（デザインに無い。6 件目から出る — 2026-09-30 確認） ---------- */
.pagination{margin:48px 0 0 282.5px;width:800.5px}
.pagination__list{display:flex;justify-content:center;gap:10px;list-style:none;margin:0;padding:0}
.pagination__item a,.pagination__item span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;
  border:1px solid var(--line);font-family:var(--en);font-size:16px;font-weight:500;line-height:1;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.pagination__item a:hover{color:var(--red);border-color:var(--red)}
.pagination__item.is-current span{background:var(--red);border-color:var(--red);color:#fff}
.pagination__item--prev a,.pagination__item--next a{font-family:inherit;font-size:14px;letter-spacing:.06em}
@media (max-width:900px){
  .pagination{margin:32px 0 0 22.5px;width:330px}
  .pagination__list{gap:6px;flex-wrap:wrap}
  .pagination__item a,.pagination__item span{min-width:36px;height:36px;padding:0 8px;font-size:14px}
}

/* ---------- 4. お知らせ詳細の本文（管理画面で書く部分） ----------
   デザインにあるのは「文章」と「画像＋キャプション」（元 detail-image.html の .nw-fig）。
   リンク・太字・箇条書き・小見出しは本文に合わせた控えめな見た目（2026-09-30 確認）。それ以外のブロックは非推奨（マニュアル）。 */
.nw-article__ttl{margin:-5.25px 0;line-height:31.5px}   /* 長いタイトルの行が詰まらないように。広げた行送りの分を上下で詰め、1 行のときの位置と後ろの要素の位置は元と同じ */
.nw-article__body > * + *{margin-top:1em}   /* 段落・箇条書きの間（画像・小見出しは下で個別に指定） */
.nw-article__body a{color:var(--red);text-decoration:underline;text-underline-offset:.2em}
.nw-article__body a:hover{text-decoration:none}
.nw-article__body strong,.nw-article__body b{font-weight:700}
.nw-article__body ul,.nw-article__body ol{margin:1em 0 0;padding-left:1.5em}
.nw-article__body ul{list-style:disc}
.nw-article__body ol{list-style:decimal}
.nw-article__body h2,.nw-article__body h3,.nw-article__body h4{margin:2em 0 0;padding-left:12px;border-left:3px solid var(--red);font-weight:700;line-height:1.6}
.nw-article__body h2{font-size:19px}
.nw-article__body h3,.nw-article__body h4{font-size:17px}
/* 画像＋キャプション（元 .nw-fig と同じ寸法） */
.nw-article__body figure{width:800px;max-width:100%;margin:55.5px auto 0}
.nw-article__body figure + figure{margin-top:55.3px}
.nw-article__body figure img,.nw-article__body > p > img{display:block;width:100%;height:auto}
.nw-article__body figcaption{margin-top:9.2px;text-align:center;font-size:16px;line-height:29.764px;letter-spacing:.05em;text-indent:.05em}
@media (max-width:900px){
  .nw-article__ttl{margin:0;line-height:32px}   /* SP は元から行送り 32 */
  .nw-article__body h2{font-size:15px}
  .nw-article__body h3,.nw-article__body h4{font-size:14px}
  .nw-article__body figure{width:310px;margin-top:30px}
  .nw-article__body figure + figure{margin-top:30px}
  .nw-article__body figcaption{margin-top:6px;font-size:13px;line-height:24px}
}