@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =============================================================================
   フジイ整骨院　子テーマ style.css
   v29（2026-09-22）／ 準拠：claude/フジイ_デザイン案B_v4_リード文・受付時間反映.html
                    文言の正本：claude/フジイ_トップページ原稿_確定版_v1.md
   -----------------------------------------------------------------------------
   ■ このファイルがCSSの正本です。カスタマイザーの「追加CSS」欄は使いません（約50KB制限のため）。

   ■★★ 導入方法（重要・v3で明記）
     このファイルは **テーマヘッダーを含みません。**
     子テーマ `style.css` の先頭にある**テーマヘッダー（Theme Name / Template: swell 等）は必ず残し、
     その下を本ファイルで全置換**してください。ヘッダーごと置き換えると、
     **WordPressが子テーマを認識できなくなります。**
     また `@charset` が重複しないよう、既存側に `@charset` がある場合は本ファイルの1行目を落とすこと。

   ■ 納品は常にフル置換。追記パッチでの受け渡しはしません。

   ■★ スコープの約束（ブログ1,187本を壊さないための最重要ルール）
     1. 要素セレクタ単独（table / th / td / a / img / ul など）は書かない
     2. すべて .fujii- プレフィックス付きクラス、またはページ限定のボディクラス配下に閉じる
     3. ★ **ページ限定にするときは `#body_wrap.home` / `#body_wrap.page-id-XXXX`。**
        **`body.home` と書いても効きません**（SWELLはボディクラスを #body_wrap に出すため）
     4. 記事ページ（`#body_wrap.single` / `#body_wrap.archive`）には一切当てない
     5. [class*= ] の部分一致セレクタは使わない（加古川で誤爆した実績あり）
     6. モック側の汎用クラス（.hd .fv .sec .cta .note .btn .wrap 等）はそのまま使わない。
        すべて .fujii- に付け替え済み

   ■ v11で変更：**行動色を一段濃くしました（`--fujii-cta` #EE7800 → #C96400）。**
   ■ v12で変更：**固定フッターの上2pxの白を除去（`.menu_list{padding-top:0}`）。それだけ。**

   ■ v29で追加：`.fujii-nb`（句の途中で折り返させないための inline-block）。

   ■ v28で追加：`.fujii-mtable`（施術ページの筋肉の3列表）。

   ■ v27で変更：禁忌の見出し2種の詳細度を上げた（v26では `.fujii-dev__ci p` に負けて
     14px・グレーになっていた）。`-sub` の `!important` は不要になったので外した。

   ■ v26で変更：
     (1) `.fujii-dev__ci` 系を追加（トップの機器セクションに禁忌を出すため）
     (2) `.fujii-symfig` に max-width:736px（1カラム化で写真が 800 に広がったのを戻す）

   ■ v25で変更：`.fujii-symfig img` の object-position 30% → 40%。

   ■ v24で変更：`.fujii-symfig img` に `object-position:50% 30%`
     （縦写真を3:2に切ると顔が落ちるため。横位置の6本には影響しない）
     あわせて頭痛ページの写真を `img_shugi10` → **`img_examination09`** に差し替え。

   ■ v23で変更：
     (1) FVの object-position：PC 50%30% → **50%40%**／SP 62%50% → **50%50%**
         （写真を差し替えたのでSPで患者さんの頭が切れていた）
     (2) `.fujii-symfig img` に `aspect-ratio:3/2; object-fit:cover`
         （ヘルニアだけ縦写真で他の2.2倍の高さだった）
     (3) 対の構造から `.fujii-photo2` を外す（HTML側。CSSは残す）

   ■ v22で追加：`.fujii-pair__fig`（対の構造の写真）。
     写真の割当は claude/フジイ_写真割当表_v1.md に従うこと。

   ■ v21で変更：地図の高さ PC 320 → 400px ／ SP 240 → 280px。
     あわせて（CSSではなくウィジェットの並べ替えで）フッターを3カラムのまま
     住所・受付時間 ／ 地図 ／ ブログ・Facebook・就労支援 に組み替える。

   ■ v20で変更：
     (1) `.fujii-hours tr > :first-child` の min-width を **56px に復元**（v18で確定した値）
     (2) 地図の高さ：PC 320px / SP 240px（450pxのままだとSPフッターが画面2つぶん）
     (3) Facebookボタンを枠幅いっぱい・中央寄せに
     (4) Facebookの注記を削除（見出しと重複。かつ「休診日を発信」の裏取りができなかった）

   ■★★ 版管理の手順（2回やらかしたので明文化）
     こちらの手元ファイルは、Claude Code が実機で訂正した内容を**取りこぼすことがある**。
     v17＝ナビのセレクタ、v19＝受付時間表の min-width が、いずれも古い版に巻き戻っていた。
     → 以後、**インストール後に実物を `fujii_子テーマCSS_現物.css` として保存**してもらい、
       次の版はその現物から作る。指示書にもこの手順を入れること。

   ■ v19で変更：
     (1) `#body_wrap iframe{max-width:100%}` を追加。旧テーマが持っていて SWELL に無い
         安全網。Googleマップの iframe が SP で 240px はみ出していた根本対処。
     (2) 第33章を差し替え。v18の `.fb_iframe_widget` 系は削除（テストでは枠自体が無く inert）。
         Facebookの埋め込みは**リンクボタン `.fujii-fbbtn` に置き換え**（松村さん判断）。
     ★ v18の「はみ出しの原因はFacebook」は誤り。実際は**Googleマップ**だった。

   ■ v18で変更：
     (1) 受付時間表の1列目に `min-width`（320/360pxで「受付時間」が縦1文字になる対策）
     (2) ヘッダー高の指定を、実機で効く形に訂正（詳細度＋メディアクエリ）
     (3) ロゴの `object-fit` を削除（SWELLが元から持っており、歪みは観測ミスだった）
     (4) ナビのセレクタを `.c-gnav > .menu-item > a` に確定（追従ヘッダーにも当てるため）
     (5) フッターのFacebookプラグインがSPで240pxはみ出す件の抑え込み
     ★ (2)(4) は v17 で**こちらの手元ファイルが古い版に巻き戻っていた**もの。
       以後、差し替え前に「インストール済みの現物」と新版を diff し、
       列挙した差分以外の変化があれば入れる前に止めること。

   ■ v17で変更：**v16の実測で残った4点の仕上げ。**
     (1) 受付時間表 `word-break:normal`（「9:00-2／0:00」と数字の途中で割れるのを防ぐ）
     (2) 引用の padding-left 63 → 46px（5行 → 3行。22pxは維持）
     (3) `.l-header__logo{padding:19px 0}` でヘッダー高 66 → 72px に復帰
     (4) ロゴ <img> に `object-fit:contain`（960〜995px で比率が 8.89→7.75 に歪む対策）

   ■★ v16で是正：**v14の文字サイズ引き上げで出た不具合2件と、以前からの不具合1件。**
     (1) 受付時間表がSPで画面外に切り落とされていた（v14で1列ぶん悪化）。
         `white-space:nowrap` を解除して折り返させ、保険で `overflow-x:auto` も付けた。
         ★ `#body_wrap{overflow-x:clip}` のせいで `document.scrollWidth` は375のまま。
           **横スクロールの自動チェックでは検出できない**。要素の右端座標を直接測ること。
     (2) 院長あいさつの引用が 3行 → 5行。SWELLの blockquote が em パディングのため。
         px で固定して是正。
     (3) （HTML側）機器ボックスの認証番号行が「サンメディカ／ル」で折れていた。

   ■ v15で変更：**ヘッダーの釣り合い。**
     画像ロゴ（青の丸ゴシック）に対して右側のナビ・電話・ボタンが細く、ロゴだけ浮いていた。
     ・電話番号 17px/600 → 18px/700、局番 12 → 12.5px
     ・予約ボタン 13px/600 → 14px/700（padding 22 → 24px）
     ・グローバルナビ font-weight 500 ＋ 文字色を --fujii-deep に
     ・★ 幅の余裕がないので、**ロゴ表示高を PC 40px → 34px に縮める**のとセット。
       （v13時点で予約ボタン右端 1232＝コンテナ右端。縮めずに太らせるとはみ出す）
     ・SPのロゴサイズは触らない。`--logo_size_sp` はヘッダー高そのものを兼ねており、
       下げるとSPヘッダーが潰れる（v13で確認済み）。
     ・ロゴ下の英字 ::after は当たらなくなったのでコメントアウト（復活させない）。

   ■ v14で変更：**本文まわりの文字サイズを一段上げました。**
     「全体的にちょっと小さい」というご指摘への対応。本文14.5→16px を基準に、
     補足13.5〜14→15px、注記11.5〜12.5→12.5〜13px、表14→15px（SP受付表10.5→11.5px）、
     見出しは各1px、リンクは15.5→16.5px。Web標準の本文サイズ（16px）に合わせています。
     ・行間：font-sizeを上げると行送りも比例して伸びるため、2.25→2.1／2.15→2.05 に
       だけ詰めています（2.0〜2.1のものは据え置き）。
     ・据え置いた箇所：FVの大見出し（38px/SP26px）、固定フッターのラベル（11px＝バー50pxに
       収めるため）、フロー番号の丸（13px/SP12px＝丸からはみ出すため）、
       ヘッダーの電話番号・予約ボタン（画像ロゴで幅が増えたため、崩れ回避で今回は触らない）。

   ■★ v13で訂正：**セクション見出しの下余白が効いていませんでした。**
     `.fujii-secttl__rule` に `margin:20px 0 34px` と書いていましたが、SWELL本体の
       `.post_content dd > :last-child, .post_content div > :last-child, .post_content > :last-child
        { margin-bottom:0 !important }`
     が当たり、罫は `.fujii-secttl`（div）の最終子なので **34px が !important で潰されていました**。
     実測 0〜8px。`!important` で殴り返さず、**下余白を親の `.fujii-secttl` に持たせる**形に直しています
     （`.fujii-secttl` は `.fujii-wrap` の最終子ではないので同じルールに当たりません）。
     ★ SWELLの `:last-child{margin-bottom:0!important}` は **div の最終子すべて**に効きます。
     　 今後 `.fujii-` の箱の最後の要素に下余白を持たせたくなったら、必ず親側に書くこと。
     白文字とのコントラストが 2.87:1 しかなく、WCAG AA（4.5:1）に届いていなかったため。
     #C96400 で **3.96:1**。完全達成には #B45A00 まで必要ですが、そこまで落とすと
     オレンジではなく茶色になり、行動色としての明るさが失われます。
     来院者の最多層が40〜60代女性であることを踏まえ、**見た目と可読性の折り合い**として
     一段だけ濃くする判断です（2026-09-14 松村さん）。
     ★ **ヘッダーの予約ボタン・CTA帯の大ボタン・固定フッターの3つ全部**が同時に変わります。
     　 hover 色は `--fujii-cta-dk` をさらに濃い #A85400 に。

   ■★ v10での訂正：**第31章のセレクタが間違っていました。**
     `.l-fixBtn` / `.p-fixBtn` は**SWELLに存在しません**（`.p-fixBtnWrap` / `.c-fixBtn` は
     右下のページトップ・目次ボタンで別物）。実際は `#fix_bottom_menu` です。
     → **SWELLのマークアップに触るCSSは、必ず実機でクラス名を確認してから書くこと。**
     　 同じ原因の取りこぼしが v5（`body.home`）・v8（`.post_content` 前置）に続いて3件目です。

   ■ v9で追加：**スマホ固定フッターの見た目（第31章）**、スマホ予約ボタンのアイコン非表示。

   ■★★ v8での訂正（重要）：**`.fujii-` 単独クラスは SWELL に負けていました。**
     SWELLは `.post_content p` `.post_content li` `.post_content a` 等（詳細度 0,1,1）を持つため、
     `.fujii-lead p`（0,1,1・同点で後勝ち負け）や `.fujii-pair__txt`（0,1,0）は**当たっていませんでした。**
     実測でリード文が 16px / 行間28.8px（＝SWELL既定）のまま出ていたのが証拠です。
     → **本文（.post_content）の中に出る `.fujii-` セレクタすべてに `.post_content ` を前置しました。**
     　 これで (0,2,x) 以上になり、SWELL側に確実に勝ちます。
     　 ★ 前置していないのはヘッダーの4クラス（`.fujii-hd*`）と、`#body_wrap` 起点のFVだけです。
     　 ★ **今後 `.fujii-` を足すときも `.post_content ` を前置すること。**

   ■ v7で追加：**症状ページの写真（第28章）**。1ページ1枚、リード直後。

   ■★★ v6での訂正：**SWELLは `body_class()` を `<body>` に出力しません。**
     SWELL 2.13.0 の header.php は `<body>` を裸のまま出し、WordPressのボディクラスを
     **`<div id="body_wrap">`** に付けています。実測で `document.body.className` は全ページ空でした。
     → **`body.home` 等のセレクタはどのページでも一致しません（v5の第13章が丸ごと不発でした）。**
     → **スコープは `#body_wrap.home` / `#body_wrap.page-id-XXXX` と書くこと。**
     　 `-sidebar-off` `top` などSWELL独自のクラスも同じ場所に付きます。

   ■ v5で追加：**FV（メインビジュアル）のコピーの字送り・文字影（第13章）**
     ②の実装でSWELLの実クラス名が判明したため、保留にしていた指定を入れた。

   ■ v4で追加：**SWELLの見出しスタイルの打ち消し（第27章）**
     2026-09-12にブログのh2を「帯」→「左に縦線（b_left）」に変更した。
     SWELLは `.post_content h2` に見出しデザインを当てるため、**カスタムHTML内の
     `.fujii-` 見出しにも当たってしまう**（セレクタの強さで SWELL が勝つ）。
     第27章でこれを打ち消す。**これが無いと、トップの見出しにも青い左線が付く。**

   ■ v3で追加：症状ページ7本のパーツ（第14章以降）
     準拠モック：claude/フジイ_症状ページ_デザイン案_v1_腰痛.html
     文言の正本：症状ページ原稿 確定版v2（第1群A・第1群B・第2群・第3群）＋共通パーツ確定版v3

   ■ トップページの実装割り当て（カスタムHTML主体／2026-09-08 松村さん判断）
     デザインの再現度を最優先するため、本文セクションは原則すべてカスタムHTMLで組む。
     カスタムHTMLで作る … 診療時間バー／リード文／あいさつ／確かめるのは二度／
                          何を確かめているか／症状から探す／機器／料金／受付時間／CTA
     SWELLブロックで作る … FAQのみ（アコーディオンの挙動をSWELLに任せるため。単独配置・ネスト禁止）
     SWELLの機能で作る   … ヘッダー（ロゴ・電話・予約ボタン）／メインビジュアル（FV）／フッター

   ■ 配色トークンは :root ではなく .fujii- 付きの名前にしています（他テーマ資産との衝突回避）
============================================================================= */


/* ====== 変数 ====== */
:root{
  --fujii-main:#248ED0;   /* メインカラー */
  --fujii-dark:#1D72A6;
  --fujii-deep:#175C87;   /* 見出し・濃色面 */
  --fujii-tint:#EEF6FB;   /* BEFORE 面 */
  --fujii-tint2:#DEEEF8;  /* AFTER 面 */
  --fujii-air:#F5FAFD;    /* セクション地色（生成りは使わない） */
  --fujii-cta:#C96400;    /* 予約ボタン（行動色）。v11で #EE7800 から一段濃く＝白文字とのコントラスト確保 */
  --fujii-cta-dk:#A85400;  /* hover */
  --fujii-text:#333A40;
  --fujii-muted:#6B7780;
  --fujii-border:#D8E2E9;
  --fujii-gothic:"Noto Sans JP","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  --fujii-mincho:"Noto Serif JP","游明朝体",YuMincho,"游明朝","Yu Mincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN",serif;
}


/* =============================================================================
   1. セクションの器
   ・SWELLのグループブロックに「追加CSSクラス」で fujii-sec / fujii-air を付けて使う
============================================================================= */
.post_content .fujii-sec{ padding:78px 30px; }
.post_content .fujii-air{ background:var(--fujii-air); }
.post_content .fujii-wrap{ max-width:800px; margin-left:auto; margin-right:auto; }
.post_content .fujii-wrap-w{ max-width:900px; margin-left:auto; margin-right:auto; }


/* =============================================================================
   2. セクション見出し（英字ラベル＋日本語＋短い罫）
   ・カスタムHTML 3行で使う：
     <div class="fujii-secttl"><p class="fujii-secttl__en">OUR WAY</p>
     <h2 class="fujii-secttl__ja">確かめるのは、二度。</h2><span class="fujii-secttl__rule"></span></div>
   ・中央寄せにしたいときは fujii-secttl--c を足す
============================================================================= */
.post_content .fujii-secttl__en{
  margin:0 0 10px; font-size:13.5px; letter-spacing:.16em;
  color:var(--fujii-main); font-weight:500; line-height:1.6;
}
.post_content .fujii-secttl__ja{
  margin:0 0 8px; font-family:var(--fujii-gothic); font-weight:500;
  font-size:26px; letter-spacing:.11em; line-height:1.7; color:var(--fujii-deep);
}
.post_content .fujii-secttl__rule{
  display:block; width:34px; height:2px; background:var(--fujii-main);
  /* ★v13：下余白はここに書いても SWELL の
     `.post_content div > :last-child{margin-bottom:0!important}` に潰される。
     見出しブロックの下余白は下の .fujii-secttl 側で持つこと。 */
  margin:20px 0 0;
}
/* ★v13：見出しブロックの下余白（＝青罫の下の余白）。PC 34px */
.post_content .fujii-secttl{ margin-bottom:34px; }
/* 院長あいさつの GREETING だけは英字ラベル1行のみで青罫がないので、この余白は持たせない
   （持たせると引用文との間が 10px → 44px になり、モック（10px）から離れる） */
.post_content .fujii-greet .fujii-secttl{ margin-bottom:0; }
.post_content .fujii-secttl--c{ text-align:center; }
.post_content .fujii-secttl--c .fujii-secttl__rule{ margin-left:auto; margin-right:auto; }


/* =============================================================================
   3. FV直下の診療時間バー（カスタムHTML）
============================================================================= */
.post_content .fujii-fvbar{
  background:var(--fujii-deep); color:#fff; text-align:center;
  padding:11px 14px; font-size:13px; letter-spacing:.12em; line-height:1.8;
}


/* =============================================================================
   4. 冒頭リード文（LLMO・3文）
   ・SWELLの段落ブロックに「追加CSSクラス」で fujii-lead を付ける
============================================================================= */
.post_content .fujii-lead{ padding:44px 30px 6px; }
.post_content .fujii-lead p{
  max-width:800px; margin:0 auto;
  font-size:16px; line-height:2.1; color:#4A5257; letter-spacing:.03em;
}


/* =============================================================================
   5. 院長よりごあいさつ　★明朝を使うのはこのセクションだけ
   ・写真＋本文の2カラム。SWELLのカラムブロックに fujii-greet を付けてもよい
============================================================================= */
.post_content .fujii-greet{
  display:grid; grid-template-columns:300px 1fr; gap:46px; align-items:start;
  max-width:900px; margin-left:auto; margin-right:auto;
}
.post_content .fujii-greet__photo img{ display:block; width:100%; height:auto; }

/* 引用（明朝・大）— 院長のことばであることを書体で示す */
.post_content .fujii-greet__quote{
  margin:0 0 26px; font-family:var(--fujii-mincho); font-weight:400;
  font-size:22px; line-height:2.05; letter-spacing:.05em; color:var(--fujii-deep);
  /* ★v16：SWELLの blockquote は padding が `1.5em 2em 1.5em 3em` の**em指定**で、
     文字を大きくするとパディングまで太って使える幅が減る。v14で 3行 → 5行になり
     「か。」「く」の孤立行が出た。px で固定して v13 と同じ幅を確保する。 */
  /* ★v17：63px（＝v13の3em相当）では 357px しか取れず5行のまま。
     3行に収めるには 370px 必要（実測）。左を 46px にして 374px 確保する。
     ＝ 22px のまま行数だけ戻す。インデントは17px浅くなる。 */
  padding:31px 42px 31px 46px;
}
.post_content .fujii-greet__body{ font-size:16px; line-height:2.05; color:#41494F; }
.post_content .fujii-greet__body p{ margin:0 0 1.5em; }
.post_content .fujii-greet__body p:last-child{ margin-bottom:0; }

/* 署名（明朝） */
.post_content .fujii-greet__sign{
  margin-top:26px; font-size:14px; letter-spacing:.08em; color:var(--fujii-muted); line-height:1.9;
}
.post_content .fujii-greet__sign b{
  font-family:var(--fujii-mincho); font-size:19px; color:var(--fujii-text);
  font-weight:500; letter-spacing:.12em; margin-left:8px;
}


/* =============================================================================
   6. ★確かめるのは、二度。（差別化の核・対の構造）
   ・こころの「細い軸＋節点＝流れ」に対し、フジイは「左右に並べる対」で文法を分ける
   ・カスタムHTML
============================================================================= */
.post_content .fujii-pair{
  display:grid; grid-template-columns:1fr 92px 1fr; align-items:stretch; margin-top:8px;
}
.post_content .fujii-pair__col{ padding:34px 30px; }
.post_content .fujii-pair__col--before{ background:var(--fujii-tint); }
.post_content .fujii-pair__col--after{ background:var(--fujii-tint2); }
.post_content .fujii-pair__num{
  margin:0 0 12px; font-size:12px; letter-spacing:.24em;
  color:var(--fujii-main); font-weight:600; line-height:1.6;
}
.post_content .fujii-pair__ttl{
  margin:0 0 16px; font-weight:500; font-size:20px; letter-spacing:.08em;
  color:var(--fujii-deep); line-height:1.7;
}
.post_content .fujii-pair__txt{ margin:0; font-size:15px; line-height:2.1; color:#454D53; }

/* ★v22：対の構造に写真を入れる。各カラムの本文の下、パディングの内側に置く。
   左右で高さが揃わないと崩れて見えるので、比率を固定して cover で切る。
   ★ 左右は**別の部位・別の場面**の写真を入れること（同一動作の前後に見えると
     医療広告のビフォーアフター写真と読まれるため。写真割当表の判断）。 */
.post_content .fujii-pair__fig{
  margin:26px 0 0; padding:0;
}
.post_content .fujii-pair__fig img{
  display:block; width:100%; aspect-ratio:4/3; object-fit:cover; height:auto;
}

/* 中央の「施　術」（縦組み） */
.post_content .fujii-pair__mid{ position:relative; display:flex; align-items:center; justify-content:center; }
.post_content .fujii-pair__mid::before{
  content:""; position:absolute; top:0; bottom:0; left:50%;
  width:1px; background:var(--fujii-border);
}
.post_content .fujii-pair__mid span{
  position:relative; background:#fff; padding:14px 0;
  font-size:12px; letter-spacing:.2em; color:var(--fujii-muted); writing-mode:vertical-rl;
}

/* 写真2枚（★v23：対の構造からは外した。カラム内の写真2枚と合わせて4枚になり、
   しかも photo2 の2枚は同じ「支えて確かめる」動作なので、BEFORE/AFTERの直下で
   もう一段のビフォーアフターに読めてしまうため。他の箇所で使う可能性があるので
   スタイル自体は残す） */
.post_content .fujii-photo2{ display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:2px; }
.post_content .fujii-photo2 img{ display:block; width:100%; height:auto; }

/* 注記（※個人差／受診勧奨）★削除しないこと */
.post_content .fujii-caption{
  margin:34px 0 0; font-size:13px; color:var(--fujii-muted); line-height:2.0;
}


/* =============================================================================
   7. 何を確かめているか（読ませる5項目）
   ・カスタムHTML。番号は装飾なので <i> ではなく span に role なしで置く
============================================================================= */
.post_content .fujii-items{ margin:0; padding:0; list-style:none; }
.post_content .fujii-items > li{ border-top:1px solid var(--fujii-border); padding:24px 0; }
.post_content .fujii-items > li:last-child{ border-bottom:1px solid var(--fujii-border); }
.post_content .fujii-items__ttl{
  margin:0 0 8px; font-weight:500; font-size:17px; letter-spacing:.08em; color:var(--fujii-deep); line-height:1.7;
}
.post_content .fujii-items__no{
  color:var(--fujii-main); font-size:13px; letter-spacing:.2em; margin-right:12px; font-style:normal;
}
.post_content .fujii-items__txt{ margin:0; font-size:15px; line-height:2.1; color:#4A5257; }


/* =============================================================================
   8. 症状から探す（7本）
   ・カスタムHTML。リンク全体をクリック領域にする
============================================================================= */
.post_content .fujii-symp{ margin:0; padding:0; list-style:none; border-top:1px solid var(--fujii-border); }
.post_content .fujii-symp > li{ border-bottom:1px solid var(--fujii-border); }
.post_content .fujii-symp a{
  display:flex; align-items:center; gap:14px; padding:19px 6px;
  text-decoration:none; font-size:16.5px; letter-spacing:.06em; color:var(--fujii-text);
}
.post_content .fujii-symp a:hover{ background:var(--fujii-tint); }
.post_content .fujii-symp__dot{ width:5px; height:5px; border-radius:50%; background:var(--fujii-main); flex:none; }
.post_content .fujii-symp__sub{ font-size:13px; color:var(--fujii-muted); letter-spacing:.02em; }
.post_content .fujii-symp__arw{ margin-left:auto; color:var(--fujii-main); font-size:13px; }


/* =============================================================================
   9. 院内でつかう機器（ハイチャージ184）
   ・添付文書の【使用目的、効能又は効果】をそのまま引用する枠
   ・★ここに書いてよいのは添付文書の記載のみ。ガンの予防／ミトコンドリア／微弱電流／
     4,000〜32,000Hz は本番から削除済み。復活させないこと
============================================================================= */
.post_content .fujii-dev{ border:1px solid var(--fujii-border); padding:30px 32px; background:#fff; }
.post_content .fujii-dev__name{
  margin:0 0 6px; font-size:17px; font-weight:500; letter-spacing:.08em; color:var(--fujii-deep); line-height:1.7;
}
.post_content .fujii-dev__cls{ margin:0 0 16px; font-size:12.5px; color:var(--fujii-muted); letter-spacing:.04em; line-height:1.9; }
.post_content .fujii-dev__txt{ margin:0; font-size:15px; line-height:2.05; }
.post_content .fujii-dev__law{
  margin-top:16px; padding-top:14px; border-top:1px dashed var(--fujii-border);
  font-size:12.5px; color:var(--fujii-muted); line-height:1.9;
}

/* ★v26：機器を使えない方（禁忌）。添付文書（2008年9月 第8版）準拠。
   症状ページ7本から「詳しくは院内でつかう機器をご覧ください」とリンクされているので、
   飛び先に禁忌が無いのは不可。主要なものは常に見せ、全項目は開閉式で出す。 */
.post_content .fujii-dev__ci{
  margin-top:20px; padding:18px 20px;
  background:var(--fujii-air); border-left:3px solid var(--fujii-main);
}
.post_content .fujii-dev__ci p{ margin:0; font-size:14px; line-height:1.95; color:#41494F; }
/* ★v27：見出しは p 要素なので、上の `.fujii-dev__ci p`(0,2,1) に負けていた（v26の書き損じ）。
   親クラスを1つ足して (0,3,0) にし、p より後ろに置く。 */
/* ★v29：見出しがSPで「ハイチャージ184 を使えない」「方」と1文字だけ落ちていた。
   句のまとまりごとに inline-block にして、折り返すなら句の境目で折り返させる。 */
.post_content .fujii-nb{ display:inline-block; }
.post_content .fujii-dev__ci .fujii-dev__ci-ttl{
  margin:0 0 8px; font-size:15px; font-weight:600; color:var(--fujii-deep); line-height:1.7;
}
.post_content .fujii-dev__ci details{ margin-top:12px; }
.post_content .fujii-dev__ci summary{
  cursor:pointer; font-size:14px; color:var(--fujii-main); line-height:1.8;
}
.post_content .fujii-dev__ci ul{
  margin:10px 0 0; padding-left:1.3em; font-size:14px; line-height:1.95; color:#41494F;
}
.post_content .fujii-dev__ci li{ margin:0; }
.post_content .fujii-dev__ci .fujii-dev__ci-sub{
  margin:14px 0 4px; font-size:14px; font-weight:600; color:var(--fujii-deep);
}


/* =============================================================================
   10. 表組み（料金・受付時間）
   ★ SWELLのテーブルブロックに「追加CSSクラス」で fujii-table / fujii-hours を付けて使う
   ★ 素の table / th / td には絶対に書かない（ブログ本文の表を巻き込むため）
============================================================================= */
.post_content .fujii-table table{ width:100%; border-collapse:collapse; font-size:15px; }
.post_content .fujii-table th,
.post_content .fujii-table td{
  border-bottom:1px solid var(--fujii-border); padding:15px 10px; letter-spacing:.04em;
}
.post_content .fujii-table th{ font-weight:500; color:var(--fujii-deep); width:46%; text-align:left; }
.post_content .fujii-table td{ text-align:right; font-variant-numeric:tabular-nums; }

/* ★v28：施術ページの「症状と、よく関わる筋肉」の3列表。
   `.fujii-table` は料金用（2列・金額を右寄せ）なので流用しない。 */
.post_content .fujii-mtable{ overflow-x:auto; }
.post_content .fujii-mtable table{ width:100%; border-collapse:collapse; font-size:14.5px; }
.post_content .fujii-mtable th,
.post_content .fujii-mtable td{
  border-bottom:1px solid var(--fujii-border); padding:13px 10px;
  text-align:left; vertical-align:top; line-height:1.8; letter-spacing:.03em;
}
.post_content .fujii-mtable thead th{
  background:var(--fujii-air); color:var(--fujii-deep); font-weight:500; font-size:13.5px;
}
.post_content .fujii-mtable td:first-child{ white-space:nowrap; }
.post_content .fujii-mtable td:nth-child(2){ color:var(--fujii-deep); font-weight:500; }
@media (max-width:600px){
  .post_content .fujii-mtable table{ font-size:13.5px; }
  .post_content .fujii-mtable th,
  .post_content .fujii-mtable td{ padding:11px 6px; }
  .post_content .fujii-mtable td:first-child{ white-space:normal; }
}

/* 受付時間（1段マトリクス・休憩なしの通し表記） */
.post_content .fujii-hours table{ width:100%; border-collapse:collapse; }
.post_content .fujii-hours th,
.post_content .fujii-hours td{
  text-align:center; font-size:13.5px; padding:13px 3px; white-space:nowrap;
  border-bottom:1px solid var(--fujii-border); letter-spacing:.04em;
  /* ★v17：SWELL本体の `td,th{word-break:break-all}` が効いていて、SPで折り返すと
     「9:00-2／0:00」と数字の途中で割れる。normal に戻すとハイフンの後で割れる。
     実測で表幅は1pxも増えない（320px でも 254px のまま）。 */
  word-break:normal;
}
.post_content .fujii-hours th{ width:auto; background:var(--fujii-air); font-weight:500; color:var(--fujii-deep); }
.post_content .fujii-hours .fujii-off{ color:#B6BFC6; }

/* ★★v16：SPで表が画面外に切り落とされていた不具合の是正。
   `#body_wrap` に SWELL の `overflow-x:clip` が掛かっているため、はみ出した列は
   スクロールもできず**黙って消える**。v15時点で SP375 は「土・祝」「日」が
   まったく見えていなかった（受付時間はサイトの最重要情報のひとつ）。
   下の保険を先に置く：万一まだ収まらない場合でも、切り捨てではなく横スクロールになる。 */
.post_content .fujii-hours{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

/* 表の下の注記 */
.post_content .fujii-note{ margin-top:14px; font-size:13px; color:var(--fujii-muted); line-height:1.95; }


/* =============================================================================
   11. CTA帯
   ・LINEは予約導線より一段軽く（アウトライン小ボタン＋注記）＝決定事項
============================================================================= */
.post_content .fujii-cta{ background:var(--fujii-deep); color:#fff; padding:64px 30px; text-align:center; }
.post_content .fujii-cta__ttl{ margin:0 0 10px; font-weight:500; font-size:23px; letter-spacing:.1em; line-height:1.7; }
.post_content .fujii-cta__sub{ margin:0 0 30px; font-size:14px; opacity:.85; letter-spacing:.06em; }
.post_content .fujii-btn{
  display:inline-block; text-decoration:none; text-align:center; border-radius:3px;
  font-weight:600; letter-spacing:.08em; line-height:1.4;
}
.post_content .fujii-btn--reserve{
  background:var(--fujii-cta); color:#fff; padding:19px 62px; font-size:17px; letter-spacing:.1em;
}
.post_content .fujii-btn--reserve:hover{ background:var(--fujii-cta-dk); color:#fff; }
.post_content .fujii-cta__tel{ margin:26px 0 0; font-size:14px; letter-spacing:.06em; opacity:.9; }
.post_content .fujii-cta__tel b{ font-size:26px; letter-spacing:.04em; font-weight:600; margin-left:10px; }
.post_content .fujii-cta__tel a{ color:#fff; text-decoration:none; }
.post_content .fujii-cta__line{ margin-top:22px; }
.post_content .fujii-cta__line a{
  display:inline-block; border:1px solid rgba(255,255,255,.4); color:#fff; text-decoration:none;
  padding:9px 22px; font-size:13px; letter-spacing:.06em; border-radius:3px;
}
.post_content .fujii-cta__line small{ display:block; margin-top:9px; font-size:12px; opacity:.6; }


/* =============================================================================
   11-b. FAQ（★ここだけSWELLのFAQブロックを使う）
   ・カスタムHTML内にネストすると保存時に消えるため、必ず単独で配置すること
   ・トップのFAQは outputJsonLd = false（症状ページ側のFAQと重複させない）
   ・SWELLのFAQブロックのクラス名は実機で確認してから、#body_wrap 配下に閉じて追記する
============================================================================= */


/* =============================================================================
   12. ヘッダーの電話まわり（SWELL標準ヘッダーに寄せる最小限の調整）
   ★ SWELLのヘッダーは設定側で作る。ここは文字組みだけ整える
   ★ セレクタは実機のマークアップを見てから確定させること（下記は暫定・要検証）
============================================================================= */
/* .fujii-headtel{ font-size:12px; color:var(--fujii-muted); letter-spacing:.04em; line-height:1.5; text-align:right; }
   .fujii-headtel b{ display:block; font-size:17px; color:var(--fujii-deep); letter-spacing:.02em; font-weight:600; } */


/* =============================================================================
   13. FV（メインビジュアル）★v5で実装
   -----------------------------------------------------------------------------
   ■ SWELLのメインビジュアル機能で作る。**画像・テキストの中身は設定側。**
     ここで足すのは、モックに合わせた**字送りと文字影だけ**。
   ■ 実クラス名（2026-09-13 実機で確認済み）
       #main_visual.p-mainVisual
         .p-mainVisual__textLayer
           .p-mainVisual__slideTitle   ← 「まず、確かめる。」
           .p-mainVisual__slideText    ← 「たつの市の整骨院 ─ 国家資格4種・臨床34年」
   ■ スコープは **`#body_wrap.home`**。★`body.home` では効きません（v5の失敗）
============================================================================= */

#body_wrap.home #main_visual .p-mainVisual__slideTitle{
  font-family:var(--fujii-gothic);
  font-weight:500;
  letter-spacing:.12em;
  line-height:1.7;
  /* 写真の上に載るので、輪郭ではなく「沈み」で可読性を確保する。
     縁取りにすると強く出すぎて、この院のトーンから外れる */
  text-shadow:0 2px 18px rgba(10,40,60,.45);
}
#body_wrap.home #main_visual .p-mainVisual__slideText{
  font-weight:400;
  letter-spacing:.14em;
  line-height:1.9;
  opacity:.95;
  margin-top:16px;
  text-shadow:0 1px 12px rgba(10,40,60,.4);
}

@media (max-width:840px){
  #body_wrap.home #main_visual .p-mainVisual__slideTitle{ letter-spacing:.10em; }
  #body_wrap.home #main_visual .p-mainVisual__slideText{ letter-spacing:.10em; margin-top:12px; }
}


/* =============================================================================
   14. レスポンシブ（840px以下）
============================================================================= */
@media (max-width:840px){.post_content .fujii-sec{ padding:56px 20px; }
.post_content .fujii-greet{ grid-template-columns:1fr; gap:26px; }
  /* ★v16：SPは幅335pxしかないので、引用のパディングをさらに詰める */
.post_content .fujii-greet__quote{ padding:24px 20px 24px 28px; }

  /* 対の構造は縦積みにし、中央の罫を横線に倒す */
.post_content .fujii-pair{ grid-template-columns:1fr; }
.post_content .fujii-pair__mid{ padding:8px 0; }
.post_content .fujii-pair__mid::before{ top:50%; bottom:auto; left:0; right:0; width:auto; height:1px; }
.post_content .fujii-pair__mid span{ writing-mode:horizontal-tb; padding:0 16px; }
.post_content .fujii-secttl__ja{ font-size:22px; }
.post_content .fujii-secttl{ margin-bottom:24px; }  /* ★v13 */
.post_content .fujii-greet .fujii-secttl{ margin-bottom:0; }  /* ★v13 */
.post_content .fujii-cta__ttl{ font-size:20px; }
.post_content .fujii-cta__tel b{ font-size:23px; }
.post_content .fujii-btn--reserve{ padding:17px 40px; font-size:16px; }
}

@media (max-width:600px){
  /* 受付時間表は横スクロールさせず、文字を詰めて1画面に収める */
/* ★★v16：nowrap を解除して「9:00-20:00」を2行に折り返させ、8列すべてを画面内に収める。
   文字サイズは 11.5px のまま（これ以上小さくすると読めない）。左右パディングだけ詰める。 */
.post_content .fujii-hours th,
.post_content .fujii-hours td{ font-size:11.5px; padding:9px 2px; white-space:normal; }
/* ★v18：320/360px で1列目が 21〜27px まで痩せ、「受付時間」が「受／付／時／間」と
   1文字ずつ4行になっていた。時刻側の「20:00」が分割不能の塊になったぶん、
   時刻列が幅を要求して1列目が押し出されるため。最低幅を与えて2行までに留める。
   ★ 56px は実測で確定した値。44px＝「受付時／間」の2行、52px＝まだ2行、
     **56pxが1行になる最小値**で、320pxでも全8列が入る。**44pxに戻さないこと。** */
.post_content .fujii-hours tr > :first-child{ min-width:56px; }
.post_content .fujii-photo2{ grid-template-columns:1fr; }
.post_content .fujii-symp a{ flex-wrap:wrap; gap:8px; padding:16px 4px; }
.post_content .fujii-symp__arw{ margin-left:auto; }
}


/* =============================================================================
   ▼▼▼ ここから症状ページ7本のパーツ（v3で追加）▼▼▼
   ・スコープは `.fujii-` クラス。ページ限定にするなら **`#body_wrap.page-id-XXXX`**（`body.` ではない）
   ・7本すべて同じ型。ページ固有の差は文言だけで、CSSは共通
============================================================================= */


/* =============================================================================
   14. ページ見出し帯（パンくず＋H1＋英字）
============================================================================= */
.post_content .fujii-phead{
  background:var(--fujii-air); border-bottom:1px solid var(--fujii-border);
  padding:34px 30px 30px;
}
.post_content .fujii-phead__in{ max-width:800px; margin-left:auto; margin-right:auto; }
.post_content .fujii-phead__crumb{
  margin:0 0 14px; font-size:12.5px; color:var(--fujii-muted); letter-spacing:.04em; line-height:1.8;
}
.post_content .fujii-phead__ttl{
  margin:0; font-weight:500; font-size:29px; letter-spacing:.1em; line-height:1.65; color:var(--fujii-deep);
}
.post_content .fujii-phead__en{
  margin:10px 0 0; font-size:12.5px; letter-spacing:.2em; color:var(--fujii-main);
}


/* =============================================================================
   15. リード（症状ページ冒頭）＋ 要点
============================================================================= */
.post_content .fujii-pagelead{ margin:0 0 30px; font-size:16px; line-height:2.1; color:#41494F; }
.post_content .fujii-points{ margin:0; padding:26px 28px; border:1px solid var(--fujii-border); background:#fff; }
.post_content .fujii-points dl{
  margin:0; display:grid; grid-template-columns:150px 1fr; gap:2px 20px; font-size:15px; line-height:2.0;
}
.post_content .fujii-points dt{ color:var(--fujii-main); font-weight:500; letter-spacing:.04em; }
.post_content .fujii-points dd{ margin:0 0 10px; color:#4A5257; }
.post_content .fujii-points dd:last-of-type{ margin-bottom:0; }


/* =============================================================================
   16. チェックリスト（こんな状態では、ありませんか）
============================================================================= */
.post_content .fujii-check{ margin:0; padding:0; list-style:none; }
.post_content .fujii-check > li{
  position:relative; padding:11px 0 11px 30px;
  border-bottom:1px dotted var(--fujii-border); font-size:16px; line-height:2.0;
}
.post_content .fujii-check > li::before{
  content:""; position:absolute; left:6px; top:22px;
  width:6px; height:6px; border-radius:50%; background:var(--fujii-main);
}


/* =============================================================================
   17. 院長の語り（★明朝を使うのは、この中の引用だけ）
   ・腰痛ページのマチュピチュ、股関節ページの「わたし自身も」など
============================================================================= */
.post_content .fujii-story{ background:#fff; border-left:3px solid var(--fujii-tint2); padding:4px 0 4px 28px; }
.post_content .fujii-story p{ margin:0 0 1.5em; font-size:16px; line-height:2.05; color:#4A5257; }
.post_content .fujii-story p:last-child{ margin-bottom:0; }

/* 患者さんの言葉（引用符つきの語り。地の文より一段淡く） */
.post_content .fujii-story__voice{ color:var(--fujii-muted); }

/* ★院長の口から出た言葉。ここだけ明朝 */
.post_content .fujii-story__quote{
  font-family:var(--fujii-mincho); font-size:20px; line-height:2.0;
  letter-spacing:.05em; color:var(--fujii-deep); margin:26px 0;
}


/* =============================================================================
   18. 論文の引用（出典を小さく添える）
   ・Boos 1995／Malmivaara 1995。腰痛・ヘルニアの2ページで使う
   ★ 出典のない記述には、このブロックを使わないこと（根拠があるように見えるため）
============================================================================= */
.post_content .fujii-quote{
  margin:26px 0; padding:24px 26px;
  background:var(--fujii-tint); border-left:3px solid var(--fujii-dark);
}
.post_content .fujii-quote p{ margin:0; font-size:15px; line-height:2.05; }
.post_content .fujii-quote cite{
  display:block; margin-top:12px; font-size:13px; color:var(--fujii-muted);
  font-style:normal; letter-spacing:.03em;
}


/* =============================================================================
   19. 治療の3本柱（共通A）
============================================================================= */
.post_content .fujii-method{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:8px; }
.post_content .fujii-method__c{ background:var(--fujii-tint); padding:26px 22px; }
.post_content .fujii-method__no{
  margin:0 0 10px; font-size:12px; letter-spacing:.22em; color:var(--fujii-main); font-weight:600; line-height:1.6;
}
.post_content .fujii-method__ttl{
  margin:0 0 12px; font-weight:500; font-size:16.5px; letter-spacing:.06em; color:var(--fujii-deep); line-height:1.7;
}
.post_content .fujii-method__txt{ margin:0; font-size:15px; line-height:2.0; }


/* =============================================================================
   20. ★初めての日の流れ（共通B・5ステップ）
   ・★ステップ4だけを面で強調する。ここがこの院の差別化の核
   ・トップの「確かめるのは、二度。」（左右の対）と同じことを、下層では別の形で見せる
============================================================================= */
.post_content .fujii-flow{ margin:0; padding:0; list-style:none; counter-reset:fujii-step; }
.post_content .fujii-flow > li{ position:relative; padding:26px 0 26px 62px; border-top:1px solid var(--fujii-border); }
.post_content .fujii-flow > li:last-child{ border-bottom:1px solid var(--fujii-border); }
.post_content .fujii-flow > li::before{
  counter-increment:fujii-step; content:counter(fujii-step);
  position:absolute; left:0; top:28px; width:34px; height:34px; border-radius:50%;
  border:1px solid var(--fujii-main); color:var(--fujii-main);
  display:flex; align-items:center; justify-content:center; font-size:13px; letter-spacing:.02em;
}
.post_content .fujii-flow__ttl{
  margin:0 0 10px; font-weight:500; font-size:18px; letter-spacing:.07em; color:var(--fujii-deep); line-height:1.7;
}
.post_content .fujii-flow p{ margin:0 0 1em; font-size:15px; line-height:2.1; color:#454D53; }
.post_content .fujii-flow p:last-child{ margin-bottom:0; }

/* ★ステップ4（途中で、何度も確かめます） */
.post_content .fujii-flow > li.is-key{
  background:var(--fujii-tint2); padding-left:62px; padding-right:26px; border-top-color:transparent;
}
.post_content .fujii-flow > li.is-key::before{ left:16px; background:var(--fujii-main); border-color:var(--fujii-main); color:#fff; }
/* 院長の言葉なので明朝 */
.post_content .fujii-flow__said{
  font-family:var(--fujii-mincho); font-size:19px; color:var(--fujii-deep);
  letter-spacing:.04em; margin:14px 0;
}
.post_content .fujii-flow-time{ margin:22px 0 0; font-size:13px; color:var(--fujii-muted); line-height:1.95; }


/* =============================================================================
   21. 受診勧奨（共通C）★このクラス名は原稿の指定どおり
   ・地色は淡い青のまま。**赤にしない**（恐怖訴求に寄り、この院のトーンから外れる）
   ・かわりに左罫を4pxと太くして視認性を確保
============================================================================= */
.post_content .fujii-p-alert{
  margin:30px 0 0; background:var(--fujii-tint);
  border-left:4px solid var(--fujii-dark); padding:24px 26px;
}
.post_content .fujii-p-alert__ttl{
  margin:0 0 12px; font-size:16px; font-weight:600; letter-spacing:.06em; color:var(--fujii-deep); line-height:1.7;
}
.post_content .fujii-p-alert p{ margin:0 0 1em; font-size:15px; line-height:2.0; }
.post_content .fujii-p-alert p:last-child{ margin-bottom:0; }
.post_content .fujii-p-alert ul{ margin:12px 0 0; padding-left:1.2em; font-size:15px; line-height:2.0; }


/* =============================================================================
   22. 関連ページ
============================================================================= */
.post_content .fujii-rel{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.post_content .fujii-rel a{
  display:block; padding:20px 18px; background:var(--fujii-tint);
  text-decoration:none; font-size:15px; letter-spacing:.04em; color:var(--fujii-deep);
}
.post_content .fujii-rel a:hover{ background:var(--fujii-tint2); }
.post_content .fujii-rel small{ display:block; color:var(--fujii-muted); font-size:12.5px; margin-top:4px; }


/* =============================================================================
   23. 完全予約制（共通D）
============================================================================= */
.post_content .fujii-reserve{ border:1px solid var(--fujii-border); padding:28px 30px; background:#fff; }
.post_content .fujii-reserve__ttl{
  margin:0 0 12px; font-size:17px; font-weight:500; letter-spacing:.07em; color:var(--fujii-deep); line-height:1.7;
}
.post_content .fujii-reserve p{ margin:0 0 1.5em; font-size:15px; line-height:2.1; }
.post_content .fujii-reserve p:last-child{ margin-bottom:0; }


/* =============================================================================
   24. CTA（共通E）— 11章の .fujii-cta を流用。症状ページは診療時間を足す
============================================================================= */
.post_content .fujii-cta__hours{ margin:30px 0 0; font-size:13px; opacity:.8; line-height:2.0; }


/* =============================================================================
   25. 症状ページのレスポンシブ
============================================================================= */
@media (max-width:840px){.post_content .fujii-phead{ padding:26px 20px 24px; }
.post_content .fujii-phead__ttl{ font-size:23px; }
.post_content .fujii-method{ grid-template-columns:1fr; }
.post_content .fujii-rel{ grid-template-columns:1fr; }
.post_content .fujii-points dl{ grid-template-columns:1fr; gap:0; }
.post_content .fujii-points dt{ margin-top:12px; }
.post_content .fujii-flow > li{ padding-left:52px; }
.post_content .fujii-flow > li::before{ width:30px; height:30px; font-size:12px; }
.post_content .fujii-flow > li.is-key{ padding-left:52px; padding-right:18px; }
.post_content .fujii-flow > li.is-key::before{ left:10px; }
.post_content .fujii-story{ padding-left:18px; }
.post_content .fujii-story__quote{ font-size:18px; }
}


/* =============================================================================
   26. FAQ（症状ページ）
   ★ 症状ページのFAQは **SWELLのFAQブロック**（outputJsonLd:true）を使う。
     構造化データを出すためで、ここは手書きHTMLにしない。
     SWELLが出力する実際のクラス名を確認してから、#body_wrap 配下に閉じて追記すること。
============================================================================= */


/* =============================================================================
   27. ★★ SWELLの見出しスタイルの打ち消し（v4で追加・重要）
   -----------------------------------------------------------------------------
   ■ なぜ要るか
     SWELLはカスタマイザーの「見出しデザイン」を `.post_content h2` `.post_content h3`
     に対して当てる。カスタムHTMLブロックも `.post_content` の中に入るため、
     **こちらの `.fujii-` 見出しにもSWELLの装飾が乗ってしまう。**

     セレクタの強さ： `.fujii-secttl__ja`（0,1,0） < `.post_content h2`（0,1,1）
     → **SWELLが勝つ。** 打ち消さないと、トップの見出しに青い左線が付き、文字色も戻る。

   ■ 2026-09-12 の設定
     ブログのh2 ＝ `b_left`（左に縦線）。**ブログ側はこのままでよい。**
     打ち消すのは `.fujii-` を付けた見出しだけ。

   ■ セレクタは `.post_content` を前置して (0,2,0) にしている。
     これでSWELL側(0,1,1)より確実に強い。**ここの前置を外さないこと。**
============================================================================= */
.post_content .fujii-secttl__ja,
.post_content .fujii-cta__ttl,
.post_content .fujii-phead__ttl,
.post_content .fujii-pair__ttl,
.post_content .fujii-method__ttl,
.post_content .fujii-flow__ttl,
.post_content .fujii-items__ttl,
.post_content .fujii-dev__name,
.post_content .fujii-reserve__ttl,
.post_content .fujii-p-alert__ttl,
.post_content .fujii-faq-q{
  background:none;
  background-color:transparent;
  border:0;
  border-radius:0;
  padding:0;
  text-shadow:none;
}
/* ::before / ::after で線や図形を足すスタイル（ステッチ・付箋風など）も消す */
.post_content .fujii-secttl__ja::before,
.post_content .fujii-secttl__ja::after,
.post_content .fujii-cta__ttl::before,
.post_content .fujii-cta__ttl::after,
.post_content .fujii-pair__ttl::before,
.post_content .fujii-pair__ttl::after,
.post_content .fujii-method__ttl::before,
.post_content .fujii-method__ttl::after,
.post_content .fujii-flow__ttl::before,
.post_content .fujii-flow__ttl::after,
.post_content .fujii-items__ttl::before,
.post_content .fujii-items__ttl::after,
.post_content .fujii-dev__name::before,
.post_content .fujii-dev__name::after{
  content:none;
  display:none;
}

/* 打ち消したうえで、こちらの指定を当て直す（値は各章と同じ） */
.post_content .fujii-secttl__ja{
  font-family:var(--fujii-gothic); font-weight:500; font-size:26px;
  letter-spacing:.11em; line-height:1.7; color:var(--fujii-deep); margin:0 0 8px;
}
.post_content .fujii-phead__ttl{
  font-weight:500; font-size:29px; letter-spacing:.1em; line-height:1.65; color:var(--fujii-deep); margin:0;
}
.post_content .fujii-pair__ttl{
  font-weight:500; font-size:20px; letter-spacing:.08em; color:var(--fujii-deep); line-height:1.7; margin:0 0 16px;
}
.post_content .fujii-method__ttl{
  font-weight:500; font-size:16.5px; letter-spacing:.06em; color:var(--fujii-deep); line-height:1.7; margin:0 0 12px;
}
.post_content .fujii-flow__ttl{
  font-weight:500; font-size:18px; letter-spacing:.07em; color:var(--fujii-deep); line-height:1.7; margin:0 0 10px;
}
.post_content .fujii-items__ttl{
  font-weight:500; font-size:17px; letter-spacing:.08em; color:var(--fujii-deep); line-height:1.7; margin:0 0 8px;
}
.post_content .fujii-dev__name{
  font-weight:500; font-size:17px; letter-spacing:.08em; color:var(--fujii-deep); line-height:1.7; margin:0 0 6px;
}
.post_content .fujii-cta__ttl{
  font-weight:500; font-size:23px; letter-spacing:.1em; line-height:1.7; color:#fff; margin:0 0 10px;
}

@media (max-width:840px){.post_content .fujii-secttl__ja{ font-size:22px; }
.post_content .fujii-phead__ttl{ font-size:23px; }
.post_content .fujii-cta__ttl{ font-size:20px; }
}

/* ★ ブログ記事（#body_wrap.single / #body_wrap.archive）には一切当てていない。
   　 `.fujii-` を付けた見出しだけが対象。ブログのh2は b_left のまま */


/* =============================================================================
   28. 症状ページの写真（v7で追加）
   -----------------------------------------------------------------------------
   ■ 1ページ1枚。**リード＋要点の直後**に置く
   ■ 割当は `フジイ_写真割当表_v1.md` の3のとおり。7本すべて別カット
   ■ 「確かめている場面」で揃えている。施術のクローズアップではない
     （症状ページの軸が検査なので、動きを見ている場面のほうが本文と合う）
   ■ ★キャプションは付けない。写真に説明を添えると、効果の説明と読まれうる
============================================================================= */
.post_content .fujii-symfig{
  margin:34px auto 0;
  padding:0;
  /* ★v26：固定ページを1カラムにしたら本文が 736→800 に広がり、写真が 800×533 に
     大きくなってリード直後で主役になっていた。1カラム化前と同じ 736 に戻す（中央寄せ）。 */
  max-width:736px;
}
.post_content .fujii-symfig img{
  display:block;
  width:100%;
  /* ★v23：7本のうち腰椎椎間板ヘルニアだけ縦写真（736×1103）で、他6本（736×491）の
     2.2倍の高さになりPCの画面をほぼ埋めていた。3:2 に揃える。
     ★ 他6本は元から 736×491＝1.499 なので、この指定で切られるのは縦写真だけ。 */
  aspect-ratio:3/2;
  object-fit:cover;
  /* ★v24：縦写真（ヘルニア）を 3:2 に切ると高さの44%しか見えず、既定の 50% 50% では
     上にあった院長の顔が切り落とされて「脚と手だけ」になっていた。
     ★ 横位置の6本は 1000×667＝1.4993 で 3/2 とほぼ同じため切り取りが起きず、
       この指定を入れても描画は1バイトも変わらない（Claude Codeが実測で確認）。 */
  /* ★v25：30%では顔は入るが**手と足が下端で切れる**（v24の実測で判明）。
     40%なら目・鼻・口が入り、手と足も完全に入る（頭頂の髪が少し切れるのは許容）。
     ★ うつ伏せの患者さんは、どの値でも画角に入らない（縦写真の下40%にしか写っていないため）。
       これを解決するには写真を替えるしかない。 */
  object-position:50% 40%;
  height:auto;
}

@media (max-width:840px){.post_content .fujii-symfig{ margin:26px auto 0; }
}


/* =============================================================================
   29. ヘッダー（v8で追加）
   -----------------------------------------------------------------------------
   ■ SWELLの「ヘッダー内部」ウィジェットエリア（head_box）に置いたカスタムHTMLを整える
   ■ ★ここは .post_content の外なので、前置しない
   ■ ★★ PCで収まるのは、グローバルメニューを4項目に絞ったあと。
     8項目（914px）のままだと予約ボタンが画面外にはみ出します
============================================================================= */
.w-header{ flex:none; }
.w-header .widget_custom_html{ margin:0; }
.w-header__inner .fujii-hdinfo{
  display:flex; align-items:center; gap:18px; white-space:nowrap;
}
.fujii-hdtel{ flex:none; text-align:right; line-height:1.5; letter-spacing:.04em; }
/* ★v15：ロゴ（青の丸ゴシック）に対して右側が細すぎたので、一段だけ強くする。
   幅はロゴを 40px→34px に縮めて作った余白の中に収めること。 */
.fujii-hdtel__area{ display:block; font-size:12.5px; color:var(--fujii-muted); }
.fujii-hdtel__num{
  display:block; font-size:18px; font-weight:700; letter-spacing:.02em; color:var(--fujii-deep);
}
.fujii-hdcta{
  flex:none; display:inline-block;
  background:var(--fujii-cta); color:#fff; text-decoration:none;
  padding:12px 24px; font-size:14px; font-weight:700; letter-spacing:.08em;
  line-height:1.4; border-radius:3px;
}
.fujii-hdcta:hover{ background:var(--fujii-cta-dk); color:#fff; }

/* ロゴ下の英字。v13で画像ロゴにしたため、クラスが -txt → -img に変わり、この指定は
   もう当たらない（＝サイトに英字は出ていない）。松村さんの判断で「戻さない」と確定したので、
   復活させないこと。記録として残すためコメントアウトのみ。（v15）
#body_wrap .c-headLogo.-txt .c-headLogo__link::after{
  content:"FUJII SEIKOTSUIN";
  display:block;
  font-size:9.5px; letter-spacing:.28em; color:var(--fujii-main);
  font-weight:500; margin-top:2px; line-height:1;
}
*/

/* -----------------------------------------------------------------------------
   ★v17：ロゴを 40 → 34px に縮めたぶんヘッダーが 72 → 66px に低くなったので、
   上下パディングを 16 → 19px にして 72px に戻す（19+34+19=72）。
   ★★ v18で訂正（Claude Codeの実機検証による）：
     ・SWELL本体は `.-series .l-header__logo{padding:16px 0}`（0,2,0）を持つので、
       `.l-header__logo` 単独（0,1,0）では負けて効かない。
       `.l-header .l-header__logo` にする（レイアウト設定を変えても効くよう `.-series` は使わない）。
     ・SWELL側の指定は `@media (min-width:960px)` の中にある。囲まずに書くと
       **SPヘッダーが 48 → 86px に伸びる**。必ず同じメディアクエリに閉じ込めること。
----------------------------------------------------------------------------- */
@media (min-width:960px){
  .l-header .l-header__logo{ padding:19px 0; }
}

/* -----------------------------------------------------------------------------
   ★v18で削除：ロゴの `object-fit:contain`。
   「960〜995pxでロゴが13%横につぶれる」という観測は**要素ボックスの寸法**を見たもので、
   実際に描画される画像は全幅で比率 8.89（原画像どおり）だった。
   SWELLが `.c-headLogo__img{ height:100%; object-fit:contain; width:auto }` を
   **もともと持っている**ため、要素が詰められても画像は比率を保って縮むだけ。
   ★ 同じ勘違いを繰り返さないための記録：ロゴの歪みは `<img>` の getBoundingClientRect
     ではなく、**naturalWidth/naturalHeight と描画サイズの比**で判断すること。
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
   ★v15：グローバルナビの色をロゴに寄せる（ロゴとの釣り合い）
   ※ナビの `a` は元から computed 500（body継承）なので font-weight:500 は実質no-op。
     実際に効いているのは**色だけ**。さらに太くするなら600（幅は348pxのまま）。
   ★★ v18で訂正（Claude Codeの実機検証による）：
     元案 `#gnav .c-gnav > li > a` は実在はするが、
     ①IDで詳細度が(1,1,1)と不必要に高い（SWELLは `.c-gnav > .menu-item > a`(0,2,1) で色を決めている）
     ②`#gnav` は**通常ヘッダーにしか当たらず、追従ヘッダーのナビが黒のまま残る**。
     したがって `.c-gnav > .menu-item > a` を使うこと。**#gnav 版に戻さない。**
----------------------------------------------------------------------------- */
.c-gnav > .menu-item > a{
  font-weight:500;
  color:var(--fujii-deep);
}

/* =============================================================================
   30. FVコピーの文字サイズ（v8で追加）
   ★ SWELLの設定に無いためCSSで指定する
============================================================================= */
#body_wrap.home #main_visual .p-mainVisual__slideTitle{ font-size:38px; }
#body_wrap.home #main_visual .p-mainVisual__slideText{ font-size:14px; }

/* 写真の見せ方。Claude Codeが4案を実測して選んだ値 */
/* ★v23：FVの写真を img_counseling01（ID 11931）に差し替えたのに伴う調整。
   前の写真は人物が右寄りだったので 50%30% / SP 62%50% が正解だったが、今回は
   中央付近のため、SPでは患者さんの頭が左端で切れていた。Claude Codeの実測による。 */
#body_wrap.home #main_visual .p-mainVisual__img{ object-position:50% 40%; }

@media (max-width:840px){
  #body_wrap.home #main_visual .p-mainVisual__slideTitle{ font-size:26px; }
  #body_wrap.home #main_visual .p-mainVisual__slideText{ font-size:13px; }
  #body_wrap.home #main_visual .p-mainVisual__img{ object-position:50% 50%; }  /* ★v23 */
}


/* =============================================================================
   31. スマホの固定フッターメニュー（v9で追加／★v10でセレクタを訂正）
   -----------------------------------------------------------------------------
   ■ SWELLの「固定フッター（SP）」メニュー location `fix_bottom_menu` に
     2項目（電話／ネット予約）を割り当てて出している
   ■ ★デザイン案には無い要素です。**実用を優先して足しました**（2026-09-13 松村さん判断）
     スマホのSWELLヘッダーは「ハンバーガー左／ロゴ中央／ボタン右」で固定されており、
     電話番号を置く場所がありません。整骨院サイトで電話タップが遠いのは損が大きい。

   ■★ 実際のマークアップ（2026-09-14 実機で確認済み・`parts/footer/fix_menu.php`）
       #fix_bottom_menu
         └ ul.menu_list
             └ li.menu-item.-fujii-tel / .-fujii-reserve
                 └ a > i（アイコン）＋ span（ラベル）
     背景は `#fix_bottom_menu::before`（白・opacity .9）が担当。
     ★ v9で書いた `.l-fixBtn` / `.p-fixBtn` は**存在しないクラス**でした。

   ■ PC非表示はSWELL側で完結しています（base CSSが display:none、959px以下のみ block）。
     こちらで @media を書く必要はありません。

   ■ アイコンは**メニュー項目の「説明」欄**の値が `<i class="…">` に入る作り（`lib/custom_menu.php`）。
     クラス欄ではありません。
============================================================================= */

/* 背景を不透明にする。既定は opacity .9 で本文が透ける */
#fix_bottom_menu::before{
  background:#fff;
  opacity:1;
}
#fix_bottom_menu{
  border-top:1px solid var(--fujii-border);
}

/* 電話：白地に濃紺 */
#fix_bottom_menu .menu_list > li.-fujii-tel > a{
  color:var(--fujii-deep);
}

/* ★予約だけ行動色。サイト全体で「オレンジ＝予約」の規則を守る */
#fix_bottom_menu .menu_list > li.-fujii-reserve > a{
  background:var(--fujii-cta);
  color:#fff;
}
#fix_bottom_menu .menu_list > li.-fujii-reserve > a i,
#fix_bottom_menu .menu_list > li.-fujii-reserve > a span{
  color:#fff;
}

/* ★v11：色をバーの高さいっぱいに広げる
   `.menu_list` が display:flex / align-items:center のため、
   `<a>` が中身の高さ（34px）のままで、上下に白が残って帯が宙に浮いていた。
   li を stretch させ、a を height:100% にして中身だけ中央に寄せる。 */
#fix_bottom_menu .menu_list{
  align-items:stretch;
  /* ★v12：SWELL本体の `padding:2px 0 0` が残り、帯の上に2pxだけ白が出ていた */
  padding-top:0;
}
#fix_bottom_menu .menu_list > li{
  align-self:stretch;
  display:flex;
}
#fix_bottom_menu .menu_list > li > a{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

/* ラベルが10pxで小さいので、もう一段だけ上げる（読みやすさの底上げ） */
#fix_bottom_menu .menu_list > li > a span{
  font-size:11px;
  letter-spacing:.04em;
}

/* =============================================================================
   32. スマホヘッダーの予約ボタン：アイコンを消す（v9で追加）
   ★ SWELLに calendar のアイコンが無く、空にすると虫めがねが入る作りのため、
     時計アイコンが付いていた。デザイン案に無いので消す
============================================================================= */
#body_wrap .l-header__customBtn .c-iconBtn__icon{
  display:none;
}


/* =============================================================================
   33. フッター（v19で全面差し替え）
   -----------------------------------------------------------------------------
   ■ v18では「はみ出しはFacebookの iframe」と書いたが、**実際はGoogleマップの iframe**
     だった（width="600" 直書き）。Facebookはテスト環境ではSDKが読み込まれておらず
     枠自体が生成されていない。v18の `.fb_iframe_widget` 系の指定は削除した。
   ■ Facebookの埋め込み枠は**リンクボタンに置き換える**ことで確定（松村さん判断）。
     第三者JS・クッキーを増やさず、表示も速い。
   ■ 根本原因：旧テーマは iframe に max-width:100% 相当を持っていたが、SWELLにはない。
     移行で落ちた安全網なので、下で入れ直す。
============================================================================= */

/* ★ 埋め込み全般の安全網。幅を直書きされた iframe が画面外へ出るのを防ぐ。
   `#body_wrap{overflow-x:clip}` のせいで、はみ出しは切り捨てられて気づけない。 */
#body_wrap iframe{ max-width:100%; }

/* 公式Facebookページへのリンクボタン（埋め込み枠の代わり）
   ★v20：左寄せ241pxだと右に104pxの余白が残り、ブロックとしてまとまらないので幅いっぱいに。
   ★v20：注記は削除した。見出しが「公式Facebookページ」なので重複するうえ、
     「休診日を発信している」かどうかを裏取りできなかった（＝書けない）。 */
.fujii-fbbtn{
  display:block; width:100%; box-sizing:border-box; text-align:center;
  text-decoration:none;
  border:1px solid var(--fujii-border); border-radius:3px;
  padding:13px 20px; font-size:14px; letter-spacing:.06em; line-height:1.4;
  color:var(--fujii-deep); background:#fff;
}
.fujii-fbbtn:hover{ border-color:var(--fujii-main); color:var(--fujii-main); }

/* フッターの地図。高さ450pxは縦に効きすぎる（SPのフッターが画面2つぶんになる主因）。
   ★ 幅は iframe 側の width="100%" と上の安全網で担保。ここでは高さだけ決める。 */
/* ★v21：320/240px は詰めすぎだった。地図の上に「マップで開く」（約56px）、下にGoogleの
   帰属表示（約28px）が重なるので、240pxだと実際に地図として見えるのは約150px。
   目印になる店名が消えてしまう。PCは中カラムに329pxの空きがあるので400pxでも
   左カラム（ブログ移動後419px）を超えない。 */
.fujii-map iframe{ display:block; width:100%; height:400px; border:0; }
@media (max-width:600px){
  .fujii-map iframe{ height:280px; }
}

/* =============================================================================
   34. フッターのネット予約ボタン（v30で追加）
   SWELL の footer.css に .l-footer a{color:inherit}（詳細度 0,1,1）があり、
   .fujii-hdcta{color:#fff}（0,1,0）が負けて濃いグレーになる。クラス1つぶん足して勝たせる。
   display:block は、下に並ぶ .fujii-fbbtn（幅100%）と幅をそろえるため。
   ★ .l-footer に閉じてあるので、ヘッダーの .fujii-hdcta には当たらない。
   ============================================================================= */
.l-footer .fujii-hdcta{
  color: #fff;
  display: block;
  text-align: center;
}

/* =============================================================================
   35. フッターの地図（v30で追加）
   v21 で .fujii-map iframe を 400px／SP 280px に決めたが、これは /aboutus/access の
   本文の地図と共有のセレクタ。フッターは「だいたいの場所」が分かればよいので、
   ★ .l-footer に閉じた形で低くする。/aboutus/access は 400px／SP 280px のまま。
   ============================================================================= */
.l-footer .fujii-map iframe{ height: 300px; }
@media (max-width: 600px){
  .l-footer .fujii-map iframe{ height: 240px; }
}

/* =============================================================================
   36. 入口リンク（.fujii-items のうちリンクのあるもの）（v31で追加）
   /aboutus の「ご来院の前に」4項目。見出しも本文も青いページなので、色だけでは
   リンクと区別がつかない。下線や色の濃さでは解決しないため、
   「押せる面」をつくって区別する（.fujii-rel のカードと同じ考え方）。
   ★ .fujii-items__link は今回の新クラス。ほかのどこにも存在しないので、
     FAQで使っている .fujii-items にもブログ1,187本にも当たらない。
   ★ padding と負の margin を相殺させてあるので、文字の左右位置は動かない。
   ============================================================================= */
#body_wrap .fujii-items__link{
  display: block;
  padding: 18px 16px;
  margin: 0 -16px;
  color: inherit;
  text-decoration: none;
  transition: background-color .2s;
}
#body_wrap .fujii-items__link:hover,
#body_wrap .fujii-items__link:focus-visible{
  background-color: rgba(23,92,135,.05);
}
#body_wrap .fujii-items__link .fujii-items__ttl::after{
  content: "›";
  /* ★ 888行目の「SWELLの見出し装飾の打ち消し」で ::after が display:none に
     されているので、ここで戻さないと「›」が出ない（既存の宣言は触らない）。 */
  display: inline;
  margin-left: .4em;
  font-weight: 400;
}

/* 40節：.fujii-wrap の中で、本文のあとに続く見出しの上余白。
   ★ /privacy-policy のように1つの器に見出しを複数入れた場合、
     .fujii-sec の padding-top が効かず、見出しが直前の本文に詰まる。
   ★ `* + ` としているため、器の先頭にある見出しには当たらない。
     → /faq・/aboutus/fee・/cure/* は1ピクセルも変わらない。 */
.post_content .fujii-wrap > * + .fujii-secttl{ margin-top:110px; }
@media (max-width:840px){
  .post_content .fujii-wrap > * + .fujii-secttl{ margin-top:80px; }
}

/* 41節：.fujii-table の見た目の調整（2026-10-09）
   ★ 10節（456-467行）の .fujii-table th が thead まで巻き込み、
     SWELL の白文字（.post_content thead th）を上書きしてしまうため、
     thead だけ SWELL の既定に戻す。
   ★ 表の下余白は、SWELL の
     `.post_content div > :last-child{margin-bottom:0!important}` により
     <table> 側には書けない。div.fujii-table 側で持つ。
   ★ 直後が段落のときだけに限定している。
     見出しが続く場合は、見出し自身が上余白を持っているため。 */
.post_content .fujii-table thead th{ color:var(--thead-color--txt,#fff); }
.post_content .fujii-table + p{ margin-top:40px; }

/* 42節：SWELL の FAQブロックの見た目（2026-10-10）
   ★ HTML は触らない。クラス名を変えると SWELL が出す FAQPage の
     JSON-LD（9ページ98問）が消えるため。CSS だけで整える。
   ★ data-q="col-text" の既定（currentcolor の1px枠・角丸0）を上書きする。 */
.post_content .swell-block-faq{ --swl-faq_icon_radius:50%; }

.post_content .swell-block-faq .faq_q::before{
  background:var(--fujii-main);
  color:#fff;
  box-shadow:none;
}
.post_content .swell-block-faq .faq_a::before{
  background:transparent;
  color:var(--fujii-main);
  box-shadow:0 0 0 1px var(--fujii-main);
}

.post_content .swell-block-faq .swell-block-faq__item{
  padding-bottom:20px;
  border-bottom:1px solid var(--fujii-border);
}
.post_content .swell-block-faq .swell-block-faq__item:last-child{
  padding-bottom:0;
  border-bottom:none;
}

/* 43節：FAQブロックの幅を本文の幅に揃える（2026-10-10）
   ★ 見出しは .fujii-sec > .fujii-wrap（padding 30px/20px ＋ max-width:800px）の中、
     FAQブロックは .post_content 直下にあるため左端がずれていた。
   ★ .fujii-wrap は 841px以上で max-width:800px、840px以下で .fujii-sec の
     padding 20px が幅を決めている。★ 両方に合わせる。
   ★ 境目の 840px は .fujii-sec（598行）と同じにしてある。ずらさないこと。
   ★ HTML の入れ子は直さない。クラス名やブロック構造を変えると
     SWELL が出す FAQPage の JSON-LD（9ページ98問）が消えるため。
   ★ margin-bottom（SWELL の 32px）は上書きしない。padding で寄せない
     （罫線の幅が変わるため）。 */
.post_content .swell-block-faq{
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}
@media (max-width:840px){
  .post_content .swell-block-faq{
    max-width:calc(100% - 40px);
  }
}

/* 44節：画像と3列表の下余白（2026-10-10）
   ★ .fujii-symfig は 28節（941行）が margin:34px auto 0 として
     下余白を 0 にしている。直後に本文が続くと 12.4px しか空かない。
     ★ 直後が <p> のときだけ 34px 空ける。上余白と同じ値で上下対称にする。
     ★ .fujii-caption や .fujii-points が続くものは相手が上余白を持つため、
       そのままにしている。
   ★ .fujii-mtable は <table> が div の最終子で、SWELL の
     `.post_content div > :last-child{margin-bottom:0!important}` に潰される。
     41節の .fujii-table と同じく隣接セレクタで、同じ 40px にする。 */
.post_content .fujii-symfig + p{ margin-top:34px; }
.post_content .fujii-mtable + p{ margin-top:40px; }

/* 45節：写真と .fujii-points の間（2026-10-10）
   ★ .fujii-symfig の直後が .fujii-points のとき 33.4px しか空かず、
     枠どうしが接して見えていた。
   ★ 実測すると .fujii-points は margin:0（664行）で、写真の下端と
     枠の上端の距離は 0px だった。＝ 枠が写真に接している。
   ★ 44節（直後が素の <p>）は、写真の下端から最初のインク（文字）まで
     46.4px の白い帯ができている（margin 34px ＋ 行の余り 12.4px）。
   ★ .fujii-points の最初のインクは【枠線】で、行の余りが乗らない。
     したがって margin-top がそのまま白い帯の高さになる。
     → 46.4 ≒ 46px を入れて、44節と同じ幅の白い帯に揃える。
   ★ 664行の margin:0 を打ち消す形。padding と border は触らない。 */
.post_content .fujii-symfig + .fujii-points{ margin-top:46px; }