/*
Theme Name: クリアゼミ 2026
Description: clear-semi.com 新デザインに合わせた、お知らせ（WordPress）用の軽量テーマ。実体のデザインは site.css（静的サイトの style.css と同一・フォントパスのみ調整）。このファイルには WP 記事本文まわりの追加スタイルだけを書く。
Version: 1.1.0
Author: クリアゼミ
*/

/* ===== 記事一覧（index.php） ===== */
.wpn-list{ display:grid; gap:14px; }
.wpn-item{
  display:flex; gap:18px; align-items:baseline; flex-wrap:wrap;
  padding:18px 20px; background:#fff; border:1px solid #e3e8f0; border-radius:6px;
}
.wpn-item time{
  font-family:var(--gothic); font-size:13px; letter-spacing:.06em;
  color:var(--gold-ink); white-space:nowrap;
}
.wpn-item a{
  font-size:15px; font-weight:500; color:var(--navy); text-decoration:none;
}
.wpn-item a:hover{ text-decoration:underline; text-underline-offset:4px; }
.wpn-pager{ margin-top:34px; display:flex; gap:10px; justify-content:center; }
.wpn-pager a, .wpn-pager .current{
  display:inline-block; min-width:38px; padding:8px 0; text-align:center;
  border:1px solid #dfe5ee; border-radius:4px; font-family:var(--gothic);
  font-size:14px; color:var(--navy); text-decoration:none; background:#fff;
}
.wpn-pager .current{ background:var(--navy); color:#fff; border-color:var(--navy); }

/* ===== 記事本文（single.php） ===== */
.wpn-meta{ margin-bottom:26px; }
.wpn-meta time{
  font-family:var(--gothic); font-size:14px; letter-spacing:.06em; color:var(--gold-ink);
}
.wpn-body{ font-size:15.5px; line-height:2.05; color:var(--ink); }
.wpn-body > * + *{ margin-top:1.2em; }
.wpn-body h2{
  font-family:var(--serif); font-size:24px; font-weight:600; color:var(--navy);
  line-height:1.4; margin-top:2em; padding-bottom:10px; border-bottom:2px solid var(--gold);
}
.wpn-body h3{
  font-family:var(--serif); font-size:19px; font-weight:600; color:var(--navy);
  line-height:1.5; margin-top:1.8em;
}
.wpn-body a{ color:var(--navy); text-decoration:underline; text-underline-offset:4px; }
.wpn-body img{ max-width:100%; height:auto; border-radius:6px; }
.wpn-body ul, .wpn-body ol{ padding-left:1.5em; }
.wpn-body li + li{ margin-top:.5em; }
.wpn-body table{ border-collapse:collapse; width:100%; }
.wpn-body th, .wpn-body td{ border:1px solid #dfe5ee; padding:10px 14px; font-size:14.5px; }
.wpn-body th{ background:var(--mist); font-weight:700; color:var(--navy); }
.wpn-body blockquote{
  margin:1.4em 0; padding:16px 22px; background:var(--mist);
  border-left:3px solid var(--gold); border-radius:0 6px 6px 0;
}
/* WPエディタの配置クラス */
.wpn-body .aligncenter{ display:block; margin-inline:auto; }
.wpn-body .alignleft{ float:left; margin:0 1.2em .8em 0; }
.wpn-body .alignright{ float:right; margin:0 0 .8em 1.2em; }
.wpn-body .wp-caption{ max-width:100%; }
.wpn-body .wp-caption-text{ font-size:13px; color:var(--ink-mute); margin-top:6px; }

.wpn-back{ margin-top:44px; }