@charset "UTF-8";
/* ==========================================================
   お知らせ 詳細（single-news.php）— WP化で新設（2026-09-24）
   一覧（news.css）・共通部品（components.css）の流儀に合わせる:
   青の分類ピル＋日付、見出し 26px/400、本文 16px/2.0、写真は角丸なし・全幅
   ========================================================== */
.nw-article { max-width: 816px; margin: 0 auto; }
.nw-article__head { padding-bottom: 28px; border-bottom: 1px solid rgba(45, 63, 84, 0.16); }
.nw-article__meta { margin-top: 0; }
.nw-article__title {
  margin-top: 22px;
  font-size: 26px;
  line-height: 1.6;
  letter-spacing: 0.06em;
  font-weight: 400;
  color: var(--cx-ink);
}
.nw-article__thumb { margin: 36px 0 0; }
.nw-article__thumb img { display: block; width: 100%; height: auto; }
.nw-article__body { margin-top: 36px; font-size: 16px; line-height: 2.0; letter-spacing: 0.06em; color: var(--cx-ink); }
.nw-article__body > * + * { margin-top: 1.2em; }
.nw-article__body h2 { margin-top: 2em; padding-left: 14px; border-left: 4px solid var(--cx-blue); font-size: 20px; line-height: 1.6; font-weight: 500; }
.nw-article__body h3 { margin-top: 1.8em; font-size: 18px; line-height: 1.6; font-weight: 500; }
.nw-article__body p:empty { display: none; }
.nw-article__body a { color: var(--cx-blue); text-decoration: underline; text-underline-offset: 3px; }
.nw-article__body img { display: block; max-width: 100%; height: auto; margin: 28px auto; }
.nw-article__body ul, .nw-article__body ol { padding-left: 1.4em; }
.nw-article__body li + li { margin-top: 0.4em; }
.nw-article__body table { width: 100%; border-collapse: collapse; font-size: 15px; }
.nw-article__body th, .nw-article__body td { padding: 10px 14px; border: 1px solid rgba(45, 63, 84, 0.16); text-align: left; vertical-align: top; }
.nw-article__body th { background: #f0f6ff; font-weight: 500; white-space: nowrap; }
.nw-article__body strong { font-weight: 700; }
.nw-article__body figure { margin: 28px 0; }
.nw-article__body figcaption { margin-top: 8px; font-size: 13px; color: var(--cx-gray-aa); text-align: center; }

.nw-article__nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-width: 816px;
  margin: 56px auto 0;
  padding-top: 28px;
  border-top: 1px solid rgba(45, 63, 84, 0.16);
}
.nw-article__navlink { display: flex; flex-direction: column; gap: 6px; min-height: 44px; color: var(--cx-ink); text-decoration: none; }
.nw-article__navlink--next { text-align: right; align-items: flex-end; }
.nw-article__navlabel { font-size: 12px; letter-spacing: 0.12em; color: var(--cx-blue); }
.nw-article__navtitle { font-size: 14px; line-height: 1.7; letter-spacing: 0.06em; }
@media (hover: hover) { a.nw-article__navlink:hover .nw-article__navtitle { text-decoration: underline; text-underline-offset: 3px; } }
.nw-article__back { display: flex; justify-content: center; margin-top: 48px; }

@media (max-width: 768px) {
  .nw-article__head { padding-bottom: 20px; }
  .nw-article__title { margin-top: 16px; font-size: 21px; }
  .nw-article__thumb { margin-top: 24px; }
  .nw-article__body { margin-top: 24px; font-size: 15px; line-height: 1.9; }
  .nw-article__body h2 { font-size: 18px; }
  .nw-article__body h3 { font-size: 16px; }
  .nw-article__nav { margin-top: 40px; gap: 12px; }
  .nw-article__navtitle { font-size: 13px; }
  .nw-article__back { margin-top: 36px; }
}