
/* 自動生成＝_work/build_theme_sections.py */
.sec *{margin:0;padding:0;box-sizing:content-box}
.sec{position:relative;width:1440px;overflow:hidden;font-kerning:none;
     -webkit-font-smoothing:auto;text-rendering:geometricPrecision}
.sec .s-b,.sec .s-im,.sec .s-im0,.sec .s-v,.sec .s-t,.sec .s-cl{position:absolute}
.sec .s-cl{left:0;top:0;width:100%;height:100%}
.sec .s-in{position:absolute;width:100%;height:100%}
.sec .s-in img{position:absolute;display:block;max-width:none}
.sec .s-cl img{position:absolute;display:block;max-width:none}
.sec .s-im{overflow:hidden}
.sec .s-im img{display:block;max-width:none}
.sec .s-v{left:0;top:0;overflow:visible}
/* ★図形を敷くSVGは**区画いっぱい**（1440×高さ）を1枚ずつ重ねている。
   1区画で10〜30枚になるので、そのままだと文字の上に透明な板が積み上がり、
   **マウスが文字に届かない＝選択もコピーもできない**
   （2026-08-30 中尾さん指摘「ほとんどすべての文字が触れません」。
    焼き付きではなく、当たり判定が塞がれていた）。
   ∴ 飾りの層はすべてマウスを素通しにし、文字だけが受ける。 */
.sec .s-v,.sec .s-b,.sec .s-im,.sec .s-im0{pointer-events:none}
.sec .s-t{pointer-events:auto}
/* 袋文字（白フチ）の複製は読み上げ・コピーの対象から外す（同じ字が2回入る） */
.sec .s-t[aria-hidden="true"]{user-select:none;pointer-events:none}
/* ★約物詰め(palt)は切る。詰めは1文字ずつの letter-spacing で表す（白石🔁の是正） */
.sec .s-t{white-space:pre;font-feature-settings:"palt" 0;font-kerning:none;display:block}
.sec .s-t.vt{writing-mode:vertical-rl}
.sec .s-ul{position:absolute;display:block}
.sec .s-t.ul{text-decoration:underline;text-decoration-thickness:0.9px;text-underline-offset:0.03em;text-decoration-skip-ink:none}
.f-kei {font-family:'FOT-UDMarugo_Large Pr6N','FOT-UD丸ゴ_ラージ Pr6N','Hiragino Maru Gothic ProN',sans-serif}
/* ══ 自前の角ゴシック（KKPC）＝**ヒラギノが無い機の受け皿**（2026-09-02 U-392）══════
   ★なぜ＝設計の書体（ヒラギノ）は**macOS専用**、`Noto Sans JP` も Windows には入っていない。
     ∴ Windowsでは既定（メイリオ／游ゴシック）に落ち、幅が設計とずれ、その分を
     `functions.php` の補正が **scaleX で最大12%潰して**帳尻を合わせていた（＝字形が歪む・機ごとに違う）。
   ★これを置くと **Windows/Android はどの機でも同じ幅**になる（＝補正が一定量になる）。
     **Macは1バイトも変わらない**（下のスタックでヒラギノが先だから）。
   ★中身＝Noto Sans CJK JP（SIL OFL＝再配布可）を**この8ページに出る文字だけ**に絞った物。
     実測＝収録670字／400と700の2本で**172.7KB**（全ページ共通＝2ページ目以降の転送は0）。
     作り直し＝`_work/build_webfont_pc.py`（原稿を足したら回す）。
   ★★パスは**相対**（`../fonts/`）★★＝CSSからの相対参照はサブディレクトリ設置でも正しく解ける。
     ここを `/wp-content/...` と書くと `/kikoukai/` で404になる（U-305・U-387と同じ穴）。
   ★`font-display:swap`＝読み込み中は既定の書体で先に出す（本文が見えない時間を作らない）。 */
@font-face{font-family:'KKPC';src:url(../fonts/kkpc-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'KKPC';src:url(../fonts/kkpc-700.woff2) format('woff2');
  font-weight:700;font-style:normal;font-display:swap}
.f-hira{font-family:'Hiragino Sans','Hiragino Kaku Gothic ProN','KKPC','Noto Sans JP',sans-serif}
/* ★W0（極細）は**面の名前で直に指す**。`Hiragino Sans` に weight:100 を掛けても
     ブラウザは W0 を選ばず、MVの「×」が別物のように太く出た（2026-09-02 実測）。
   ★ヒラギノはローカル参照＝Win/Android では Noto へ落ちる（U-19 の注意と同じ）。 */
.f-hw0{font-family:'Hiragino Sans W0','HiraginoSans-W0','Hiragino Sans','Noto Sans JP',sans-serif;font-synthesis:none}
.f-ab{font-family:'Arial Black','Arial Bold',Arial,sans-serif;font-synthesis:none}
/* ★ポッテリ明朝2は手元に無い。窓（i01「ずっとずっと」「寄り添える場所」）で
   **字形の差だけでなく墨の量（＝線の太さ）も**測って選んだ＝游明朝。
   実測の墨比（実装/設計）＝游明朝 0.894／游教科書体 0.838／ヒラギノ明朝 0.879／
   游明朝デミボールド 1.151／ヒラギノ丸ゴ 1.511。**設計は游明朝とデミボールドの間**。
   ★白石が「書体・級数・傾き・位置はすべて一致、線の太さだけが1段階違う」と
     名指ししたので、窓の差（画素の平均）だけで選ぶと外すと分かった（2026-09-01）。
   ★正確な太さは本物（Webフォント）待ち＝U-43 と同じ判断。 */
.f-pot{font-family:'YuMincho','游明朝体','Yu Mincho',serif;font-synthesis:none}
.f-apj{font-family:'Hiragino Sans','Hiragino Kaku Gothic ProN','KKPC',sans-serif;font-synthesis:none}
.f-ar{font-family:Arial,'Helvetica Neue',sans-serif;font-synthesis:none}
.f-shs {font-family:'Noto Sans CJK JP','Source Han Sans JP','Noto Sans JP','KKPC','Hiragino Sans',sans-serif}
/* ★明朝＝.aiはリュウミンだが手元に無い。手持ちの明朝4種を実測で比べ、
   源ノ明朝（Source Han Serif）が最も近かった（s08 mean 2.13→1.94／最悪タイル22.8→14.3）。
   源ノ明朝＝Noto Serif JP と同じ書体で**無償・全OSへ配布できる**＝配信の目処も立つ。 */
/* ★明朝＝.aiはリュウミン（手元に無い）。手持ちの明朝10種を、**その字が出ている窓だけ**で比べた。
   ★最初は区画全体の mean で源ノ明朝を選んだが、**字形が別物だった**
     （リュウミンの「4」は足に張り出し・「2」は上に丸い返しがあるが、源ノ明朝には無い）。
     面積の大きい写真に埋もれて、字形の差が平均値に出ていなかった。
     ＝2026-08-30 中尾さん「数値より、まず目で見る」を実地でなぞった一件。
   ★字形が合う6種の中で、数字の窓の平均が最小だったのが凸版文久明朝（9.8）。
   ※凸版文久明朝はmacOS同梱＝**Windows/Androidでは Noto Serif JP に落ちる**（40_未解決 U-43）。 */
/* ★明朝＝凸版文久明朝。**この字面はレギュラーしか無い**ので、太さを指定すると
   ブラウザが自分で太らせる（合成ボールド）＝インクが64%増え、字がくっつく
   （2026-08-30 白石🔁 s19「Photo Tour」＝「h･o･t が接触して繋がっている」）。
   ∴ font-synthesis で合成を止める。実測でも設計は本物のレギュラーと一致
   （インク差 -0.6%／字の切れ目9本が全部一致。合成ボールドは切れ目8本）。 */
/* ★明朝＝設計はリュウミン（未導入）。導入済みの明朝を**7箇所すべて**で実測し、
   画素差の合計が最小の 游明朝体 を採った（1,165k／凸版文久明朝1,353k）。
   大きな数字6つ（1・2・3・4）で差が出る＝白石🔁 s09「2」s10「3」の指摘箇所。
   font-synthesis:none＝太さ指定でブラウザが勝手に太らせるのを止める
   （合成ボールドはインク+64%・字がくっつく＝白石🔁 s19「Photo Tour」）。 */
.f-min {font-family:'游明朝体','YuMincho','Yu Mincho','凸版文久明朝','Noto Serif JP','Source Han Serif','源ノ明朝',serif;font-synthesis:none}
/* ★`text-rendering:geometricPrecision`（区画全体に掛けている）は字送りを
   正確にする代わりに**線が細る**。全体では有利（mean 2.14 対 2.68）だが、
   70pxの明朝欧文だけは細りが目立つ（塗り量 3988 対 設計4846＝-18%）。
   ∴ **この見出しだけ既定の描き方へ戻す**（4759＝設計比 -1.8%）。 */
/* ★明朝の欧文（Photo Tour）だけ、区画全体とは別の描き方にする。
   ①`text-rendering:geometricPrecision`（区画全体）は字送りを正確にする代わりに
     **線が細る**。70pxの見出しでは塗り量が設計比 -18% になるので、ここだけ既定へ戻す。
   ②書体は**字形で選んだ**＝設計（リュウミン）の「r」には**丸い終端**があり、
     凸版文久明朝には無い（白石🔁 s19「rの終端が角張ったウェッジ」）。
     丸い終端を持つ候補（游明朝体・Didot・Georgia・Times・Hoefler・Baskerville）を
     実ページで測り、画素差が最小の**游明朝体**を採用（7.40／Didot 7.19 は
     Tのセリフが平らで設計と別物のため目視で外した）。
   ★画素差だけなら凸版文久明朝が5.44で最小だった。**数字が良くても字形が違えば採らない。** */
.f-mn2 {text-rendering:auto;font-family:'游明朝体','YuMincho','Yu Mincho','Noto Serif JP',serif;font-synthesis:none}

.sec{margin:0 auto}

/* ── AKAIRE_ 2026-09-14 PC版（akaire_pc.py）── */
.sec .ak-hbox{position:absolute;box-sizing:border-box;background:#fff;border:1.5px solid #c2581c;border-radius:10px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;z-index:300;
  font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",YuGothic,Meiryo,sans-serif}
.sec .ak-hbox b{font-size:17px;line-height:1.25;color:#5c4e42;font-weight:700;letter-spacing:-.02em}
.sec .ak-hbox span{font-size:13px;line-height:1.3;color:#333;font-weight:400}
.sec .ak-hint{position:absolute;display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.5;font-weight:700;color:#c2581c;z-index:300;
  font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}
.sec .ak-hint i{font-style:normal;font-size:20px;line-height:1}
html{overflow-x:clip}
@supports not (overflow-x:clip){html{overflow-x:hidden}}
