@charset "UTF-8";
/* ==========================================================================
 * 記事・固定ページ v13（2026/9/14）　doc 209
 *
 * 読み込み条件：is_singular() のうち、フォーム系・一覧系を除いたページだけ
 *               （functions.php を参照）。child-style.css より後に読みます。
 *
 * ★ 上書きの考え方
 *   child-style.css と「同じ詳細度」なら、後に読むこちらが勝ちます。
 *   なので h1 と .entry-content の余白だけは、child-style と同じ長いセレクタで
 *   書いています。それ以外は .site-content .site-main article … で足ります。
 * ========================================================================== */

:root{
  --nk-navy:#161A38;
  --nk-ink:#2c2f3a;
  --nk-sub:#5f6472;
  --nk-mute:#8b909c;
  --nk-line:#e4e6eb;
  --nk-line2:#eef0f3;
  --nk-bg2:#f6f7f9;
  --nk-mincho:"Hiragino Mincho ProN","Yu Mincho",serif;
}

/* ========== 1. カラム幅 ────────────────────────────────
   いまは #primary が 850px、その中で本文だけ 50px 内側に入っていました。
   720px の1本に統一します（本文1行およそ38文字）。 */
/* ★ #primary は親テーマで float:left。そのままだと 850px の親の左端に貼りつき、
      左175px・右305px と余白が食い違います。float を外して左右 auto で中央に置きます。
      （このCSSを読むページにはサイドバー #secondary がないので、float は不要です） */
.single #primary,
.page #primary{float:none;max-width:720px;margin-left:auto;margin-right:auto}

/* ★ タイトルと本文の左端が 50px ずれていた原因を消す */
.single .site-content .site-main article .entry-content,
.page:not(.page-post-list, .page-front-page) .site-content .site-main article .entry-content{
  padding:0;overflow:visible}
.page:not(.page-post-list, .page-front-page, .page-inquiry) .site-content .site-main article .entry-content{
  padding:0}

/* 親テーマが出す空の figure.entry-thumbnail（中に画像なし・幅816px・左右 -48px）
   カラムを 720px にすると左右にはみ出すので、無害化しておきます。 */
.single .site-content .site-main article .entry-content .entry-thumbnail,
.page:not(.page-post-list, .page-front-page) .site-content .site-main article .entry-content .entry-thumbnail{
  margin-left:0;margin-right:0;width:auto;max-width:100%}
/* 画像が入っていない（中のリンクが空の）ときは、枠ごと出しません */
.site-content .site-main article .entry-content .entry-thumbnail:has(> a:empty){display:none}

/* ========== 2. 見出しまわり ────────────────────────── */

/* カテゴリ ＋ 日付（投稿のみ・日付は右端） */
.site-content .site-main article .nk-cat{
  margin:26px 0 0;padding:0;font-size:12px;font-weight:700;line-height:1;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;list-style:none}
.site-content .site-main article .nk-cat a{
  display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:3px;
  background:var(--nk-navy);color:#fff;text-decoration:none}
.site-content .site-main article .nk-cat a:hover{opacity:.85;text-decoration:none}
.site-content .site-main article .nk-cat .dt{
  margin-left:auto;font-size:11.5px;font-weight:400;line-height:1.6;color:var(--nk-mute);white-space:nowrap}
.site-content .site-main article .nk-cat .dt b{font-weight:400;color:var(--nk-sub);margin-right:4px}
.site-content .site-main article .nk-cat .dt span + span:before{
  content:"／";color:#ccd0d8;margin:0 7px}

/* h1 ── child-style と同じ詳細度で上書きする */
.single .site-content .site-main article .entry-header h1,
.page:not(.page-post-list, .page-front-page) .site-content .site-main article .entry-header h1{
  margin:13px 0 0;padding:0;font-size:34px;font-weight:700;line-height:1.45;color:var(--nk-navy)}

/* ========== 3. 著者行（投稿のみ・右端に寄せる／線は入れない） ───────── */
.site-content .site-main article .nk-by{
  margin:20px 0 0;padding:0;border:0;
  display:flex;justify-content:flex-end;align-items:center;gap:11px}
.site-content .site-main article .nk-by .ava{
  width:44px;height:44px;border-radius:50%;flex:0 0 44px;object-fit:cover;display:block}
.site-content .site-main article .nk-by .who{min-width:0}
.site-content .site-main article .nk-by .nm{
  display:block;font-size:14.5px;font-weight:700;line-height:1.5;color:var(--nk-navy)}
.site-content .site-main article .nk-by .nm a{color:var(--nk-navy);text-decoration:none}
.site-content .site-main article .nk-by .lb{
  font-size:11px;font-weight:400;color:var(--nk-mute);margin-right:7px}
.site-content .site-main article .nk-by .ro{
  display:block;margin:1px 0 0;font-size:12px;font-weight:400;line-height:1.6;color:var(--nk-mute)}

/* 見出しのかたまりと本文のあいだ（アイキャッチの有無にかかわらず同じ）
   ★ child-style に同じ長さのセレクタで margin:0 があるので、詳細度を合わせます */
.single .site-content .site-main article .entry-header,
.page:not(.page-post-list, .page-front-page) .site-content .site-main article .entry-header{
  margin:0 0 34px}

/* ========== 4. アイキャッチ（投稿のみ・画像が無ければ出しません） ===== */
.site-content .site-main article .nk-eye{margin:24px 0 0;padding:0}
.site-content .site-main article .nk-eye img{
  width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--nk-bg2);display:block}

/* ========== 5. 本文 ──────────────────────────────── */
.site-content .site-main article .entry-content{
  font-size:17px;line-height:1.95;color:var(--nk-ink)}
.site-content .site-main article .entry-content p{
  margin:0 0 26px;font-size:17px;line-height:1.95;color:var(--nk-ink)}
.site-content .site-main article .entry-content strong{font-weight:700;color:var(--nk-navy)}

/* h2 ── 大きさではなく線で階層を作る */
.site-content .site-main article .entry-content h2{
  margin:56px 0 20px;padding:0 0 12px;font-size:26px;font-weight:700;line-height:1.6;
  color:var(--nk-navy);text-align:left;border:0;border-bottom:1px solid var(--nk-line);
  position:relative;background:none;border-radius:0}
.site-content .site-main article .entry-content h2:after{
  content:"";position:absolute;left:0;bottom:-1px;width:52px;height:2px;background:var(--nk-navy)}

/* h3 ── 左の縦線 */
.site-content .site-main article .entry-content h3{
  margin:38px 0 13px;padding:0 0 0 14px;font-size:19px;font-weight:700;line-height:1.65;
  color:var(--nk-navy);border:0;border-left:3px solid var(--nk-navy);background:none}

.site-content .site-main article .entry-content h4{
  margin:30px 0 10px;padding:0;font-size:17px;font-weight:700;line-height:1.7;
  color:var(--nk-navy);border:0;background:none}

.site-content .site-main article .entry-content h2 + h3{margin-top:26px}
.site-content .site-main article .entry-content h2 + p,
.site-content .site-main article .entry-content h3 + p,
.site-content .site-main article .entry-content h4 + p{margin-top:0}

/* リスト */
.site-content .site-main article .entry-content ul,
.site-content .site-main article .entry-content ol{margin:0 0 26px;padding:0 0 0 1.4em}
.site-content .site-main article .entry-content li{margin:0 0 9px;padding:0;font-size:17px;line-height:1.95}
.site-content .site-main article .entry-content ul li::marker{color:var(--nk-mute)}
.site-content .site-main article .entry-content ol li::marker{color:var(--nk-sub);font-weight:700}

/* 画像 */
.site-content .site-main article .entry-content figure{margin:30px 0}
.site-content .site-main article .entry-content img{height:auto}
.site-content .site-main article .entry-content figcaption,
.site-content .site-main article .entry-content .wp-caption-text{
  margin:8px 0 0;font-size:11.5px;line-height:1.7;color:var(--nk-mute);text-align:left}

/* 引用 ── 旧CSSが FontAwesome の引用符を :before で重ねていたので消します
   （position:absolute / left:32px / top:48px で本文の上に乗っていました） */
.site-content .site-main article .entry-content blockquote:before,
.site-content .site-main article .entry-content blockquote:after{content:none;display:none}
.site-content .site-main article .entry-content blockquote{
  margin:30px 0;padding:2px 0 2px 20px;background:none;
  border:0;border-left:2px solid var(--nk-line);color:var(--nk-sub);font-size:16px}
.site-content .site-main article .entry-content blockquote p{font-size:16px;color:var(--nk-sub)}
.site-content .site-main article .entry-content blockquote p:last-child{margin-bottom:0}
.site-content .site-main article .entry-content blockquote cite{
  display:block;margin:8px 0 0;font-style:normal;font-size:12px;color:var(--nk-mute)}

/* 表 */
.site-content .site-main article .entry-content table{
  width:100%;border-collapse:collapse;margin:30px 0;font-size:15px;line-height:1.7}
.site-content .site-main article .entry-content table th,
.site-content .site-main article .entry-content table td{
  border:1px solid var(--nk-line);padding:12px 14px;text-align:left;vertical-align:top}
.site-content .site-main article .entry-content table thead th{
  background:var(--nk-navy);color:#fff;font-weight:700}
.site-content .site-main article .entry-content table tbody th{
  background:var(--nk-bg2);color:var(--nk-navy);white-space:nowrap}

/* ========== 6. 目次 ─────────────────────────────── */
.site-content .site-main article .entry-content .nk-toc{
  margin:36px 0 40px;padding:22px 24px 18px;border:1px solid var(--nk-line);background:var(--nk-bg2)}
.site-content .site-main article .entry-content .nk-toc .h{
  margin:0 0 12px;font-size:13px;font-weight:700;line-height:1;color:var(--nk-navy)}
.site-content .site-main article .entry-content .nk-toc ol{
  margin:0;padding:0;list-style:none;counter-reset:nktoc}
.site-content .site-main article .entry-content .nk-toc > ol > li{
  counter-increment:nktoc;border-top:1px solid var(--nk-line);padding:9px 0;margin:0}
.site-content .site-main article .entry-content .nk-toc > ol > li:first-child{border-top:0;padding-top:0}
.site-content .site-main article .entry-content .nk-toc > ol > li > a{
  display:block;padding-left:30px;font-size:14.5px;font-weight:700;line-height:1.65;
  color:var(--nk-navy);text-decoration:none;position:relative}
.site-content .site-main article .entry-content .nk-toc > ol > li > a:before{
  content:counter(nktoc,decimal-leading-zero);position:absolute;left:0;top:.1em;
  font-family:var(--nk-mincho);font-style:italic;font-size:14px;color:var(--nk-mute)}
.site-content .site-main article .entry-content .nk-toc ul{
  margin:6px 0 2px;padding:0 0 0 30px;list-style:none}
.site-content .site-main article .entry-content .nk-toc ul li{margin:0;padding:0}
.site-content .site-main article .entry-content .nk-toc ul a{
  display:block;font-size:13px;font-weight:400;line-height:1.85;color:var(--nk-sub);text-decoration:none}
.site-content .site-main article .entry-content .nk-toc ul a:before{content:"—";color:#c8ccd4;margin-right:7px}
.site-content .site-main article .entry-content .nk-toc a:hover{text-decoration:underline}

/* ── Table of Contents Plus の目次を、上の .nk-toc と同じ見た目に ──
   プラグインの出力（#toc_container）はそのまま使い、装飾だけ差し替えます。 */
.site-content .site-main article .entry-content #toc_container{
  width:auto;max-width:100%;box-sizing:border-box;
  margin:36px 0 40px;padding:22px 24px 18px;
  border:1px solid var(--nk-line);background:var(--nk-bg2);font-size:14.5px}
/* 「目次」の文字が下の罫にくっついていたので、padding で離します */
.site-content .site-main article .entry-content #toc_container .toc_title{
  margin:0 0 14px;padding:0 0 13px;font-size:13px;font-weight:700;line-height:1.4;
  color:var(--nk-navy);text-align:left;
  border:0;border-bottom:1px solid var(--nk-line)}
/* 「[非表示]」のトグルは出しません。目次は常に開いたままにします。
   （誰かのブラウザに「閉じた状態」が残っていても開くよう、中身は強制表示） */
.site-content .site-main article .entry-content #toc_container .toc_toggle{display:none}
.site-content .site-main article .entry-content #toc_container ul.toc_list{display:block !important}

.site-content .site-main article .entry-content #toc_container ul.toc_list{
  margin:0;padding:0;list-style:none}
.site-content .site-main article .entry-content #toc_container ul.toc_list > li{
  margin:0;padding:9px 0;border-top:1px solid var(--nk-line);list-style:none}
.site-content .site-main article .entry-content #toc_container ul.toc_list > li:first-child{
  border-top:0;padding-top:0}
.site-content .site-main article .entry-content #toc_container ul.toc_list > li > a{
  display:block;font-size:14.5px;font-weight:700;line-height:1.65;
  color:var(--nk-navy);text-decoration:none}
.site-content .site-main article .entry-content #toc_container ul.toc_list ul{
  margin:6px 0 2px;padding:0 0 0 18px;list-style:none}
.site-content .site-main article .entry-content #toc_container ul.toc_list ul li{
  margin:0;padding:0;border:0;list-style:none}
.site-content .site-main article .entry-content #toc_container ul.toc_list ul a{
  display:block;font-size:13px;font-weight:400;line-height:1.85;
  color:var(--nk-sub);text-decoration:none}
.site-content .site-main article .entry-content #toc_container .toc_number{
  font-family:var(--nk-mincho);font-style:italic;font-weight:400;color:var(--nk-mute);margin-right:7px}
/* 番号は既存CSSで display:none になっています。大見出しの番号だけ出します。 */
.site-content .site-main article .entry-content #toc_container ul.toc_list > li > a > .toc_number.toc_depth_1{
  display:inline}
.site-content .site-main article .entry-content #toc_container a:hover{text-decoration:underline}

/* ========== 7. 記事末 ──────────────────────────── */
.site-content .site-main .nk-cta{
  margin:44px 0 0;padding:30px 32px;background:var(--nk-navy);color:#fff}
.site-content .site-main .nk-cta h2{
  margin:0;padding:0;border:0;font-size:21px;font-weight:700;line-height:1.6;color:#fff;background:none}
.site-content .site-main .nk-cta h2:after{content:none}
.site-content .site-main .nk-cta p{margin:10px 0 0;font-size:14.5px;line-height:1.9;color:#c4ccde}
.site-content .site-main .nk-cta .ac{margin:20px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.site-content .site-main .nk-cta .ac a{
  display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:4px;
  font-size:14.5px;font-weight:700;text-decoration:none}
.site-content .site-main .nk-cta .ac .a1{background:#fff;color:var(--nk-navy)}
.site-content .site-main .nk-cta .ac .a2{border:1px solid #3a4470;color:#fff}
.site-content .site-main .nk-cta .ac a:hover{opacity:.88;text-decoration:none}

/* ========== 8. スマートフォン ─────────────────────── */
@media screen and (max-width:767px){
  .single .site-content .site-main article .entry-header h1,
  .page:not(.page-post-list, .page-front-page) .site-content .site-main article .entry-header h1{
    margin:12px 0 0;padding:0;font-size:25px;line-height:1.5}

  .site-content .site-main article .entry-content{font-size:16px;line-height:1.9}
  .site-content .site-main article .entry-content p{font-size:16px;line-height:1.9;margin:0 0 22px}
  .site-content .site-main article .entry-content li{font-size:16px;line-height:1.9}
  .site-content .site-main article .entry-content h2{margin:44px 0 16px;font-size:21px}
  .site-content .site-main article .entry-content h3{margin:30px 0 11px;font-size:17px}
  .site-content .site-main article .entry-content h4{font-size:16px}

  /* ★SPでは著者行は左寄せのまま（右端に顔写真が来ると落ち着かないため） */
  .site-content .site-main article .nk-by{justify-content:flex-start;gap:11px;padding:0}
  .site-content .site-main article .nk-by .ava{width:42px;height:42px;flex:0 0 42px}
  .site-content .site-main article .nk-by .who{flex:1 1 0}
  .site-content .site-main article .nk-by .nm{font-size:14px}
  .site-content .site-main article .nk-by .ro{font-size:11.5px}

  /* 日付はカテゴリの下に折り返す */
  .site-content .site-main article .nk-cat .dt{
    flex:1 1 100%;margin:9px 0 0;white-space:normal;font-size:11px}
  .single .site-content .site-main article .entry-header,
  .page:not(.page-post-list, .page-front-page) .site-content .site-main article .entry-header{
    margin:0 0 26px}

  .site-content .site-main article .entry-content table{display:block;overflow-x:auto;white-space:nowrap}
  .site-content .site-main article .entry-content .nk-toc,
  .site-content .site-main article .entry-content #toc_container{padding:18px 18px 14px}
  .site-content .site-main .nk-cta{padding:24px 20px}
  .site-content .site-main .nk-cta .ac a{width:100%;justify-content:center}
}