/* ============================================================
   WordPress だけで使う CSS：お知らせ一覧・カテゴリ別の一覧 ── 2026-09-22
   ------------------------------------------------------------
   記事の見出しが見本より長いとき、隣のカードやページの外にはみ出さずに折り返すための備え。
   見本と同じ長さの文字なら位置は 1px も変わらない（1 行のときの文字の位置が同じになるよう、
   行送りを広げた分だけ上に寄せている）。静的ページには読み込まれない。
   ============================================================ */
.t.card1__title, .t.card2__title, .t.card3__title, .t.card4__title, .t.card5__title, .t.card6__title {
  max-width: calc(400 * var(--s)); white-space: normal; line-height: calc(24 * var(--s)); margin-top: calc(-5 * var(--s));
}
.t.nf__h { max-width: calc(600 * var(--s)); white-space: normal; }
.t.nf__p { max-width: calc(600 * var(--s)); white-space: normal; }
/* Featured の枠に写真が無いとき（アイキャッチ未設定）：灰色の枠だけ。制作用の番号は出さない */
.nf__ph:not(.has-photo), .card1__ph:not(.has-photo), .card2__ph:not(.has-photo), .card3__ph:not(.has-photo),
.card4__ph:not(.has-photo), .card5__ph:not(.has-photo), .card6__ph:not(.has-photo) { background-color: #bababa; }

@media (max-width: 767px) {
  /* 字間は 6 枚とも .05em にそろえる（ai は 1・4 枚目が .05em、ほかが .07em。SP の 2 列では .07em だと
     「リニューアルしました。」の「。」だけ次の行に落ちる。PC は ai の値のまま） */
  .t.card1__title, .t.card2__title, .t.card3__title, .t.card4__title, .t.card5__title, .t.card6__title { max-width: none; line-height: 2.0; margin-top: 0; letter-spacing: .05em; }
  .t.nf__h, .t.nf__p { max-width: none; }
}