/* ---- /assets/css/base.css ---- */
@charset "UTF-8";
/* =====================================================================
   零磁場神殿 ZERO TEMPLE ― 共通の土台（base.css）白基調「神社」版
   もと：work/D2_デザイン仕様_白基調_神社.md（D1 からの差分）
   地：白練 .ji-shironeri ／ 生成り .ji-kinari（区画ごとに交互）
   文字：墨の一色（墨の地のボタンの上だけ白練）。朱・金・藍・紫・緑は線と印だけ
   動き：html.motion のときだけ（main.js が付ける）。transform と opacity だけで動かす。
         無いとき（JSなし・prefers-reduced-motion）は最後の状態をそのまま見せる
   スマホファースト：375px の指定が土台。600px／960px／1200px で広げる
   整え（2026-10-19・work/D3_整えの決まり_アイコンと部品.md）：
     アイコンは /assets/img/icons/icons.svg の1組（24pxの枠・線1.75px・角は丸め・色は文字と同じ）。文字の記号（→ › ＋ － ／）は使わない
     ボタンは 主60px／副56px／小48px の3段。書体はすべて明朝（2026-10-19）。区画の上下は .kukaku と .kukaku--ma の2段だけ
   ===================================================================== */

/* ---------- 0. 代わりの書体（見出しのWebフォントが届くまで） ---------- */
@font-face{font-family:"Mincho Fallback";src:local("Hiragino Mincho ProN"),local("HiraMinProN-W6"),local("Yu Mincho"),local("YuMincho");size-adjust:100%;}

/* ---------- 1. トークン（D2 §2-1） ---------- */
:root{
  color-scheme:light;
  /* 地（白の三段）と文字 */
  --shironeri:#FBFAF6; --kinari:#F5F1E8; --torinoko:#ECE6D8; --sumi:#1A1E2E;
  /* 線と印（文字には使わない） */
  --shu:#B7282E; --kin:#8C6A2A;
  --sen-kagaku:#1F4E79; --sen-mikagaku:#5B3F98; --sen-sato:#1D6B4C; --sen-imi:#8A8778;
  --keisen:rgba(26,30,46,.14);
  /* 光（動きのにじみ。文字・線には使わない） */
  --hikari-kin:rgba(196,160,82,.28); --hikari-shu:rgba(183,40,46,.12);
  --sumi-oshi:#2A2F43;   /* 墨の地のボタンに指が乗ったとき（地の色だけ） */
  /* 図と飾りの中だけの色（文字には使わない）：灯明の炎 #C4A052／ドームの図の銀の陰影 #D8D7D2・#E6E5E0・#C9C8C2・#E4E2DC */

  /* 書体 */
  --f-head:"Zen Old Mincho","Mincho Fallback","Hiragino Mincho ProN","Yu Mincho",serif;
  --f-body:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho","BIZ UDPMincho","Noto Serif JP","Noto Serif CJK JP",serif;
  --f-ui:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho","BIZ UDPMincho","Noto Serif JP","Noto Serif CJK JP",serif; /* 2026-10-19 ミロク：書体はすべて明朝にそろえる */

  /* 文字の段（2026-10-19 ミロク：黄金比で組み直し。work/D4_文字の段_黄金比.md）
     本文を基準に √φ（≈1.272）ずつ上がる。リードだけ半段（φ^¼≈1.128）。最小は16px（注記・パンくず・日付・表・札）
       スマホ：16 ／ 本文17 ／ 半段19 ／ 21 ／ 27 ／ 34 ／ 44
       PC   ：16 ／ 本文18 ／ 半段20 ／ 23 ／ 29 ／ 37 ／ 47
     縦書き（題字・合わせ札・結びの「ありがとう」など）の大きさは、この段とは別に、それぞれの場所で決めたまま */
  --fs-s:16px;   --fs-m:17px;   --fs-l:19px;   --fs-1:21px;   --fs-2:27px;   --fs-3:34px;   --fs-4:44px;
  --fs-daiji:clamp(44px,5.6vw,72px);   /* 縦書きの題字（変えない） */
  --fs-h1:var(--fs-3);
  --fs-h2:var(--fs-2);
  --fs-h3:var(--fs-1);
  --fs-lead:var(--fs-l);
  --fs-body:var(--fs-m);
  --fs-koe:var(--fs-l);
  --fs-kazu:var(--fs-4);
  --fs-small:var(--fs-s);
  --fs-btn:var(--fs-m);   /* ボタン・操作の文字＝本文と同じ段 */

  /* 余白 */
  --ma1:4px; --ma2:8px; --ma3:16px; --ma4:24px; --ma5:32px; --ma6:48px; --ma7:64px; --ma8:96px; --ma9:128px; --ma10:clamp(120px,12vw,160px);
  --gutter:20px; --kukaku:88px; --kukaku-ma:var(--ma10); --h2-top:64px;
  --head-h:56px; --obi-h:68px;

  /* アイコン（D3 §2）：枠24px・線1.75px。文字の中と副ボタンは20px */
  --ico:24px; --ico-s:20px;
  /* ボタンの高さの3段（D3 §3）：主＝LINE・メール／副＝移動・ひらく・目次・とじる／小＝ページ内の札・文字のリンク */
  --btn-shu:60px; --btn-fuku:56px; --btn-sho:48px;
  --waku:1.5px;           /* 枠の線（ボタン・開閉の印・入力欄） */

  /* 動き */
  --ease-iki:cubic-bezier(.2,.6,.2,1);       /* 息を吐く（現れる） */
  --ease-shosa:cubic-bezier(.65,.05,.25,1);  /* 所作（線・御帳・鳥居） */
  --ease-hiraku:var(--ease-shosa);

  /* 和紙の質感（ごく薄く。SVGのノイズ。画像ファイルは使わない） */
  --fiber:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.012 .55' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 .40 0 0 0 0 .38 0 0 0 0 .30 0 0 0 .045 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .03 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
  --reimon:url("/assets/img/shirushi/zero-temple-crest-rei-mon.svg");
}
@media (min-width:600px){ :root{ --gutter:40px; } }
@media (min-width:960px){ :root{ --gutter:clamp(40px,5vw,72px); --kukaku:128px; --h2-top:96px; --head-h:72px; --fs-m:18px; --fs-l:20px; --fs-1:23px; --fs-2:29px; --fs-3:37px; --fs-4:47px; } }

/* ---------- 2. 土台 ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:80px;background:var(--shironeri);}
@media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth;} }
body{margin:0;background-color:var(--shironeri);background-image:var(--fiber),var(--grain);color:var(--sumi);
  font-family:var(--f-body);font-size:var(--fs-body);line-height:1.8;letter-spacing:.04em;font-weight:500;
  line-break:strict;overflow-x:clip;color-scheme:light;padding-top:var(--head-h);}
/* スマホ：下の参道の帯で文字が隠れないように、帯の高さぶんの余白をフッターの下に足す（地の色がつながる） */
html.js .site-foot{padding-bottom:calc(var(--ma8) + var(--obi-h) + env(safe-area-inset-bottom));}
@media (min-width:960px){ html.js .site-foot{padding-bottom:var(--ma8);} }
img,svg,video{max-width:100%;height:auto;display:block;}
p{margin:0 0 1.5em;text-wrap:pretty;}
p:last-child{margin-bottom:0;}
ul,ol{margin:0;padding:0;}
figure{margin:0;}
button{font:inherit;color:inherit;}
strong,b{font-weight:700;}
a{color:var(--sumi);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--sumi);}
a:hover{text-decoration-color:var(--shu);text-decoration-thickness:2px;}
:focus-visible{outline:3px solid var(--shu);outline-offset:3px;}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--sumi);color:var(--shironeri);padding:12px 16px;font:600 16px/1.4 var(--f-ui);}
.skip:focus{top:12px;}
.sp-only{display:inline;} @media (min-width:600px){ .sp-only{display:none;} }

/* ---------- 3. 地（白の一つの面。区画ごとに白練と生成りを交互に） ---------- */
.ji-shironeri{background-color:var(--shironeri);position:relative;}
.ji-kinari{background-color:var(--kinari);position:relative;}
.ji-shironeri,.ji-kinari{background-image:var(--fiber),var(--grain);}
.kukaku{padding-block:var(--kukaku);}
.kukaku--ma{padding-block:var(--kukaku-ma);}
.kukaku--sen{border-top:1px solid var(--kin);}
/* 零紋の透かし（区画の奥・文字の下に置かない場所。PCだけ） */
.sukashi{position:relative;isolation:isolate;}
@media (min-width:960px){
  .sukashi::before{content:"";position:absolute;z-index:-1;left:max(var(--gutter),calc((100vw - 1200px) / 2));bottom:var(--ma8);width:min(15vw,220px);aspect-ratio:1;
    background:var(--reimon) center/contain no-repeat;opacity:.05;pointer-events:none;}
}

/* ---------- 4. 枠と段 ---------- */
.wrap{width:100%;max-width:calc(1200px + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter);}
.yomu{max-width:38em;}
.grid12{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ma5);}
@media (min-width:960px){
  .grid12{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ma4);}
  .c-full{grid-column:1 / -1;} .c-l7{grid-column:1 / span 7;} .c-r5{grid-column:8 / span 5;}
}

/* ---------- 4-2. アイコン（icons.svg の1組。色は文字と同じ currentColor） ---------- */
.ico{display:inline-block;flex-shrink:0;width:var(--ico);height:var(--ico);vertical-align:middle;overflow:visible;color:inherit;}
/* 開閉の印：＋の縦の線だけが縮んで－になる（transform だけ） */
.ico--pm{width:var(--ico-s);height:var(--ico-s);}
.pm__tate{transform-box:view-box;transform-origin:50% 50%;}
details[open] > summary .pm__tate,.branch.is-open > .node .pm__tate,[aria-pressed="true"] .pm__tate{transform:scaleY(0);}
html.motion .pm__tate{transition:transform .3s var(--ease-iki);}
/* 開閉の印の枠（FAQ・ツリー共通）：44pxの四角・墨の1.5pxの線 */
.qa__mark,.node__mark{display:grid;place-items:center;width:44px;height:44px;border:var(--waku) solid var(--sumi);background:var(--shironeri);color:var(--sumi);}
/* 外部サイトへのリンク：文字のあとに「外へ」の印（16px） */
a[href^="http"]:not(.btn-go)::after{content:"";display:inline-block;width:16px;height:16px;margin-left:.25em;vertical-align:-.12em;background-color:currentColor;
  -webkit-mask:url("/assets/img/icons/soto.svg") center/contain no-repeat;mask:url("/assets/img/icons/soto.svg") center/contain no-repeat;}

/* ---------- 5. 見出しと文字 ---------- */
h1,h2,.f-head{font-family:var(--f-head);font-weight:600;font-feature-settings:"palt";text-wrap:balance;word-break:auto-phrase;}
h3,.btn-go,.btn-line,.node__name,.nagare__na,.hero__catch{word-break:auto-phrase;}
h1{font-size:var(--fs-h1);line-height:1.45;letter-spacing:.06em;margin:0;}
h2{font-size:var(--fs-h2);line-height:1.5;letter-spacing:.06em;margin:0 0 var(--ma4);}
h3{font-family:var(--f-body);font-weight:700;font-size:var(--fs-h3);line-height:1.6;letter-spacing:.04em;margin:var(--ma6) 0 var(--ma3);text-wrap:balance;}
h2 + h3{margin-top:var(--ma5);}
/* 小見出し（h3 と同じ姿＋上に朱の短い線）：声のまとまり・木の題・temple の物語 */
.ko-midashi{position:relative;font-family:var(--f-body);font-weight:700;font-size:var(--fs-h3);line-height:1.7;letter-spacing:.04em;margin:var(--ma6) 0 var(--ma3);padding-top:18px;text-wrap:balance;word-break:auto-phrase;}
.ko-midashi::before{content:"";position:absolute;left:0;top:0;width:24px;height:2px;background:var(--shu);}
.koe-so > .ko-midashi:first-child{margin-top:0;}
/* 灯明のすぐ下の小見出し（temple）：灯明が見出しの印になるので、朱の線は付けない */
.tomyo-retsu:has(+ .ko-midashi){margin-bottom:var(--ma2);}
.tomyo-retsu + .ko-midashi{margin-top:0;padding-top:0;}
.tomyo-retsu + .ko-midashi::before{display:none;}
/* h2：上に朱の短い線、左に朱の縦線（D2 §3-2） */
.midashi{position:relative;padding-left:20px;padding-top:28px;}
.midashi::before{content:"";position:absolute;left:0;top:calc(28px + .35em);width:2px;height:1em;background:var(--shu);}
.midashi::after{content:"";position:absolute;left:0;top:0;width:48px;height:2px;background:var(--shu);transform-origin:left;}
.midashi .no{color:var(--sumi);margin-right:.4em;}
.lead{font-size:var(--fs-lead);line-height:1.85;letter-spacing:.04em;}
.fukubun{color:var(--sumi);}
.cap,.chuki{font-family:var(--f-ui);font-size:var(--fs-small);line-height:1.8;letter-spacing:.04em;color:var(--sumi);font-weight:500;}
.en{font-family:var(--f-head);text-transform:uppercase;letter-spacing:.2em;font-size:max(16px,.8em);}
.tate{writing-mode:vertical-rl;text-orientation:mixed;font-feature-settings:"vpal";}
/* 一文の定義（上下に罫線。装飾で文字を分けない） */
.teigi{font-size:var(--fs-lead);line-height:1.85;padding-block:var(--ma4);margin:var(--ma5) 0;border-block:1px solid var(--keisen);}
/* 要点（漢数字の番号・罫線） */
.yoten{list-style:none;counter-reset:y;margin:0 0 var(--ma5);}
.yoten li{counter-increment:y;position:relative;padding:14px 0 14px 2.2em;border-bottom:1px solid var(--keisen);}
.yoten li:first-child{border-top:1px solid var(--keisen);}
.yoten li::before{content:counter(y,cjk-ideographic);position:absolute;left:0;top:14px;font-family:var(--f-head);color:var(--sumi);}
/* 区切りの線（朱の短い線が中央から伸びる） */
.hikari-sen{height:2px;width:48px;border:0;margin:var(--ma7) auto;background:var(--shu);transform-origin:center;}
/* 引用 */
blockquote{margin:var(--ma5) 0;padding:var(--ma3) 0 var(--ma3) var(--ma4);border-left:2px solid var(--sen-sato);font-size:var(--fs-lead);line-height:1.85;}
blockquote footer,blockquote .dare{display:block;margin-top:var(--ma2);font-family:var(--f-ui);font-size:var(--fs-small);color:var(--sumi);}
/* 本文の中の出典番号 */
.ref{font-family:var(--f-ui);font-size:max(16px,.85em);white-space:nowrap;color:var(--sumi);padding:0 1px;text-underline-offset:3px;}
.kari{color:var(--sumi);border-bottom:1px dashed var(--sen-imi);}

/* ---------- 6. 3色の確かさの札（D2 §6-1：文字は墨・地は白練・色は線と剣先だけ） ---------- */
.fuda{--tip:14px;display:inline-flex;align-items:center;min-height:36px;padding:0 14px 0 calc(var(--tip) + 8px);
  font:600 16px/1.2 var(--f-ui);letter-spacing:.06em;white-space:nowrap;vertical-align:middle;color:var(--sumi);background-color:var(--shironeri);}
/* 科学：実線＋塗った剣先（藍）。3つの札とも線は2px前後にそろえる */
.fuda--kagaku{background:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 36' preserveAspectRatio='none'><path d='M14 0 L0 18 L14 36 Z' fill='%231F4E79'/></svg>") 0 0/14px 100% no-repeat,
  linear-gradient(#1F4E79,#1F4E79) 14px 0/calc(100% - 14px) 2px no-repeat,
  linear-gradient(#1F4E79,#1F4E79) 14px 100%/calc(100% - 14px) 2px no-repeat,
  linear-gradient(#1F4E79,#1F4E79) 100% 0/2px 100% no-repeat,
  var(--shironeri);}
/* 未科学：破線（紫）・剣先は破線の輪郭だけ */
.fuda--mikagaku{background:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 36' preserveAspectRatio='none'><path d='M14 1 L1.2 18 L14 35' fill='none' stroke='%235B3F98' stroke-width='2' stroke-dasharray='5 3'/></svg>") 0 0/14px 100% no-repeat,
  linear-gradient(90deg,#5B3F98 60%,transparent 0) 14px 0/10px 2px repeat-x,
  linear-gradient(90deg,#5B3F98 60%,transparent 0) 14px 100%/10px 2px repeat-x,
  linear-gradient(#5B3F98 60%,transparent 0) 100% 0/2px 10px repeat-y,
  var(--shironeri);}
/* 郷の考え方：二重線（緑）・剣先は二重線の輪郭 */
.fuda--sato{padding-right:16px;background:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 36' preserveAspectRatio='none'><path d='M14 .75 L.9 18 L14 35.25 M14 4.6 L5.2 18 L14 31.4' fill='none' stroke='%231D6B4C' stroke-width='1.5'/></svg>") 0 0/14px 100% no-repeat,
  linear-gradient(#1D6B4C,#1D6B4C) 14px 0/calc(100% - 14px) 1.5px no-repeat,
  linear-gradient(#1D6B4C,#1D6B4C) 14px 4px/calc(100% - 18px) 1.5px no-repeat,
  linear-gradient(#1D6B4C,#1D6B4C) 14px 100%/calc(100% - 14px) 1.5px no-repeat,
  linear-gradient(#1D6B4C,#1D6B4C) 14px calc(100% - 4px)/calc(100% - 18px) 1.5px no-repeat,
  linear-gradient(#1D6B4C,#1D6B4C) 100% 0/1.5px 100% no-repeat,
  linear-gradient(#1D6B4C,#1D6B4C) calc(100% - 4px) 4px/1.5px calc(100% - 8px) no-repeat,
  var(--shironeri);}
.fuda-retsu{display:flex;flex-wrap:wrap;gap:var(--ma2);margin:calc(var(--ma3) * -.5) 0 var(--ma4);}
.fuda--p{margin-right:.6em;transform:translateY(-1px);}
/* 凡例（鳥の子の板） */
.hanrei{margin:0 0 var(--ma5);padding:var(--ma4) var(--ma3);background:var(--torinoko);}
@media (min-width:600px){ .hanrei{padding:var(--ma4) var(--ma5);} }
.hanrei__title{font-family:var(--f-ui);font-weight:700;font-size:16px;letter-spacing:.08em;margin:0 0 var(--ma2);}
.hanrei__intro{font-size:16px;margin:0 0 var(--ma3);}
.hanrei ul{list-style:none;display:grid;gap:14px;}
.hanrei li{display:grid;grid-template-columns:1fr;gap:6px;font-family:var(--f-ui);font-size:16px;line-height:1.8;}
.hanrei li .fuda{justify-self:start;}
@media (min-width:600px){ .hanrei li{grid-template-columns:15.5em 1fr;align-items:center;gap:16px;} }

/* ---------- 7. ヘッダー（白練の地のまま・名前だけ。PCはナビ4つ） ---------- */
.site-head{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--head-h);background:var(--shironeri);border-bottom:1px solid var(--keisen);
  transition:height .3s var(--ease-iki);}
.site-head.is-small{height:48px;}
@media (min-width:960px){ .site-head.is-small{height:60px;} }
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:16px;}
.logo{display:inline-flex;align-items:center;gap:.6em;text-decoration:none;min-height:48px;white-space:nowrap;}
.logo__mon{width:24px;height:24px;flex-shrink:0;}
.logo__ja{font-family:var(--f-head);font-weight:600;font-size:var(--fs-l);letter-spacing:.1em;color:var(--sumi);}
.logo__en{font-family:var(--f-head);font-weight:600;font-size:16px;letter-spacing:.2em;color:var(--sumi);}
@media (max-width:359px){ .site-head .logo__en{display:none;} }
.gnav{display:none;}
.gnav ul{list-style:none;display:flex;gap:clamp(16px,2.4vw,36px);}
.gnav a{display:inline-flex;align-items:center;min-height:48px;font-family:var(--f-head);font-weight:600;font-size:var(--fs-s);letter-spacing:.12em;text-decoration:none;position:relative;}
.gnav a::after{content:"";position:absolute;left:0;right:.12em;bottom:8px;height:2px;background:var(--shu);transform:scaleX(0);transform-origin:left;transition:transform .2s ease;}
.gnav a:hover::after,.gnav a[aria-current="page"]::after{transform:scaleX(1);}
@media (min-width:960px){
  .logo__ja{font-size:var(--fs-l);}
  .gnav{display:block;}
}

/* スマホのメニュー：下からせり上がる白い紙（項目は画面の下半分から並べる・いちばん下に「とじる」） */
.sp-menu{position:fixed;inset:0;z-index:80;display:none;flex-direction:column;justify-content:flex-end;
  background:rgba(26,30,46,.45);}
.sp-menu.is-open{display:flex;}
.sp-menu__kami{background:var(--shironeri);background-image:var(--fiber),var(--grain);border-top:2px solid var(--shu);max-height:100%;overflow-y:auto;
  padding:var(--ma4) var(--gutter) calc(var(--ma3) + env(safe-area-inset-bottom));display:flex;flex-direction:column;}
html.motion .sp-menu.is-open .sp-menu__kami{animation:semari .35s var(--ease-iki) both;}
@keyframes semari{from{transform:translateY(40px);opacity:0;}to{transform:none;opacity:1;}}
.sp-menu__top{order:9;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:var(--ma3);padding-top:var(--ma3);border-top:1px solid var(--keisen);}
.sp-menu__top .logo{display:none;}
.sp-menu__close{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:var(--btn-fuku);min-width:120px;padding:0 20px;background:var(--shironeri);border:var(--waku) solid var(--sumi);color:var(--sumi);font:600 var(--fs-btn)/1 var(--f-ui);letter-spacing:.08em;cursor:pointer;}
.sp-menu__close .ico{width:var(--ico-s);height:var(--ico-s);}
.sp-menu__main{list-style:none;}
.sp-menu__main a{display:flex;align-items:center;min-height:64px;font-family:var(--f-head);font-weight:600;font-size:var(--fs-1);letter-spacing:.12em;text-decoration:none;border-bottom:1px solid var(--keisen);}
.sp-menu__main li:first-child a{border-top:1px solid var(--keisen);}
.sp-menu__main a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--shu);text-decoration-thickness:2px;text-underline-offset:8px;}
.sp-menu__sub{list-style:none;margin:var(--ma3) 0;}
.sp-menu__sub a{display:flex;align-items:center;min-height:52px;font-size:var(--fs-m);}
.sp-menu .btn-line{width:100%;}
.sp-menu .btn-line-note{text-align:center;}
@media (min-width:960px){ .sp-menu{display:none!important;} }

/* ---------- 8. パンくず・更新日 ---------- */
.pankuzu{font-family:var(--f-ui);font-size:var(--fs-small);margin:0 0 var(--ma3);}
.pankuzu ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;}
.pankuzu li{display:inline-flex;align-items:center;}
.pankuzu li + li::before{content:"";flex-shrink:0;width:16px;height:16px;margin:0 .5em;background-color:currentColor;
  -webkit-mask:url("/assets/img/icons/kugiri.svg") center/contain no-repeat;mask:url("/assets/img/icons/kugiri.svg") center/contain no-repeat;}
.pankuzu a{display:inline-flex;align-items:center;min-height:48px;}
.hiduke{font-family:var(--f-ui);font-size:var(--fs-small);margin:0 0 var(--ma3);line-height:1.8;}
.hiduke span{display:block;white-space:nowrap;}
/* スマホは1行に1つ。600px〜は横に並べ、あいだに細い縦の線 */
@media (min-width:600px){
  .hiduke span{display:inline;}
  .hiduke span + span::before{content:"";display:inline-block;width:var(--waku);height:.9em;margin:0 .9em;background:var(--sen-imi);vertical-align:-.08em;}
}

/* ---------- 9. ボタン（D3 §3：主60px／副56px／小48px。書体はすべて明朝。スマホは横いっぱい） ---------- */
/* 主（LINE・メール）：墨の地＋白練の文字、内側に古金の細い線。左に印（お便り／封書）。光が3回流れて止まる */
.btn-line,.btn-mail{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.6em;width:100%;min-height:var(--btn-shu);padding:12px 24px;
  background:var(--sumi);color:var(--shironeri);border:0;text-decoration:none;font-family:var(--f-head);font-weight:600;font-size:var(--fs-btn);line-height:1.5;letter-spacing:.08em;
  text-align:center;text-wrap:balance;isolation:isolate;cursor:pointer;}
.btn-line::before,.btn-mail::before{content:"";position:absolute;inset:4px;border:1px solid var(--kin);pointer-events:none;}
.btn-line:hover,.btn-line:focus-visible,.btn-mail:hover{color:var(--shironeri);text-decoration:none;background:var(--sumi-oshi);}
@media (min-width:600px){ .btn-line{display:inline-flex;width:auto;min-width:min(100%,420px);} }
.btn-line::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:36%;pointer-events:none;z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(251,250,246,.30),transparent);transform:translateX(-120%) skewX(-18deg);}
html.motion .btn-line.in::after,html.motion .sando-obi.show .btn-line::after{animation:nagare 1.8s .4s ease-in-out 3 both;}
html.motion .btn-line.is-again::after{animation:nagare 1.4s ease-in-out 1 both;}
@keyframes nagare{0%{transform:translateX(-120%) skewX(-18deg);}75%,100%{transform:translateX(320%) skewX(-18deg);}}
@media (min-width:960px){ .btn-line,.btn-mail{letter-spacing:.12em;} }
.btn-line-note{font-family:var(--f-ui);font-size:var(--fs-small);margin:var(--ma3) 0 0;}
/* 副（ページ間の移動）：白練の地＋墨の文字、墨の1.5pxの枠、右に「進む」（外部サイトは「外へ」）の印 */
.btn-go{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:var(--btn-fuku);padding:10px 18px 10px 20px;border:var(--waku) solid var(--sumi);background:var(--shironeri);color:var(--sumi);
  font-family:var(--f-head);font-weight:600;font-size:var(--fs-btn);line-height:1.5;letter-spacing:.06em;text-decoration:none;text-wrap:balance;transition:background-color .2s ease;}
.btn-go .ico{width:var(--ico-s);height:var(--ico-s);}
.btn-go:hover{background:var(--kinari);text-decoration:none;}
html.motion .btn-go .ico{transition:transform .25s var(--ease-iki);}
html.motion .btn-go:hover .ico{transform:translateX(3px);}
@media (min-width:600px){ .btn-go{display:inline-flex;width:auto;min-width:16em;letter-spacing:.08em;padding:10px 20px 10px 24px;} }
.btn-retsu{display:flex;flex-direction:column;gap:12px;margin-top:var(--ma5);}
@media (min-width:600px){ .btn-retsu{flex-direction:row;flex-wrap:wrap;gap:var(--ma3);} }
/* 小（文字のリンク）：左に「進む」の印。下線は文字だけ */
.yaji{display:inline-flex;align-items:flex-start;gap:.5em;min-height:var(--btn-sho);padding-block:6px;text-decoration:none;}
.yaji .ico{width:var(--ico-s);height:var(--ico-s);margin-top:calc((1.95em - var(--ico-s)) / 2);}
.yaji__moji{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
.yaji:hover .yaji__moji{text-decoration-color:var(--shu);text-decoration-thickness:2px;}
/* 操作（すべてひらく・目次・とじる）：明朝600・副の高さ・左に開閉の印 */
.tree__all,.qa-all{display:inline-flex;align-items:center;gap:.6em;min-height:var(--btn-fuku);padding:0 22px 0 18px;background:var(--shironeri);border:var(--waku) solid var(--sumi);color:var(--sumi);
  font:600 var(--fs-btn)/1.2 var(--f-ui);letter-spacing:.06em;cursor:pointer;}
.tree__all:hover,.qa-all:hover{background:var(--kinari);}

/* ---------- 10. LINEの区画（注連縄が張られ、ボタンに光が流れる） ---------- */
.line-cta{text-align:center;padding-block:var(--kukaku-ma);overflow:hidden;}
.line-cta .wrap{max-width:calc(600px + var(--gutter) * 2);}
.shimenawa{position:relative;width:min(100%,560px);height:84px;margin:0 auto var(--ma5);}
.shimenawa__nawa{position:absolute;left:0;right:0;top:0;width:100%;height:28px;transform-origin:left center;}
.shimenawa__shide{position:absolute;left:50%;top:14px;width:36px;height:58px;margin-left:-18px;transform-origin:50% 0;}
.line-cta h2{margin-bottom:var(--ma5);}
.line-cta p.fukubun{max-width:30em;margin-inline:auto;}
.line-cta .btn-line{margin-top:var(--ma5);}

/* ---------- 11. 参道の帯（スマホの下・親指の届く場所）／PCは右下の小さな板（D2 §6-4） ---------- */
.sando-obi{position:fixed;z-index:50;left:0;right:0;bottom:0;display:flex;align-items:stretch;gap:0;
  min-height:calc(var(--obi-h) + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);
  background:var(--shironeri);border-top:1px solid var(--shu);
  opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity .4s ease,transform .4s var(--ease-iki);}
.sando-obi.show{opacity:1;transform:none;pointer-events:auto;}
html:not(.js) .sando-obi{display:none;}
.obi__menu{flex:0 0 88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--obi-h);padding:0;
  background:var(--shironeri);border:0;border-right:1px solid var(--keisen);color:var(--sumi);font:600 16px/1.2 var(--f-ui);letter-spacing:0;cursor:pointer;}
.sando-obi .info{display:none;}
.sando-obi .btn-line{flex:1;width:auto;min-width:0;min-height:0;margin:8px 10px;padding:6px 10px;gap:.45em;font-size:var(--fs-btn);letter-spacing:.04em;}
.obi__nagai{display:none;}
/* LINEの区画が画面に入ったら、右のボタンだけ隠し、メニューが中央へ */
.sando-obi.line-off{justify-content:center;}
.sando-obi.line-off .btn-line{display:none;}
.sando-obi.line-off .obi__menu{flex-basis:auto;flex-direction:row;gap:12px;padding:0 32px;border-right:0;}
@media (min-width:960px){
  .sando-obi{left:auto;right:28px;bottom:28px;min-height:0;padding:12px 12px 12px 22px;align-items:center;gap:16px;border:1px solid var(--shu);transform:translateY(24px);}
  .sando-obi.show{transform:none;}
  .obi__menu{display:none;}
  .sando-obi .info{display:block;max-width:15em;font-family:var(--f-ui);font-size:var(--fs-small);line-height:1.6;margin:0;}
  .sando-obi .btn-line{flex:none;margin:0;min-height:var(--btn-fuku);padding:8px 24px;letter-spacing:.08em;}
  .obi__mijikai{display:none;} .obi__nagai{display:inline;}
  .sando-obi.line-off{display:none;}
}

/* ---------- 12. 写真の額（表装）と掛け軸（D2 §6-2） ---------- */
.mount{position:relative;background:var(--torinoko);padding:10px;color:var(--sumi);outline:1px solid var(--kin);outline-offset:-1px;}
@media (min-width:960px){ .mount{padding:16px;} }
.mount img{width:100%;object-fit:cover;}
.mount figcaption,.page-head__e figcaption{font-family:var(--f-ui);font-size:var(--fs-small);line-height:1.8;letter-spacing:.04em;margin-top:12px;font-weight:500;}
/* 掛け軸（上下の細い軸：墨2px・端に朱の点）。ミロクの写真と縦長の写真だけ */
.mount__jiku{display:none;}
.mount--jiku::before,.mount--jiku .mount__jiku::after{content:"";position:absolute;left:-6px;right:-6px;height:2px;background:var(--sumi);box-shadow:-4px 0 0 0 var(--shu),4px 0 0 0 var(--shu);}
.mount--jiku::before{top:0;}
.mount--jiku .mount__jiku{display:block;position:absolute;inset:0;pointer-events:none;}
.mount--jiku .mount__jiku::after{bottom:0;}
/* 額の窓（JSが写真を包む。中の写真だけが奥で動く＝パララックス） */
.mado{display:block;position:relative;overflow:clip;overflow:hidden;}
.mado > img{display:block;}
.r-16x9{aspect-ratio:16/9;} .r-4x5{aspect-ratio:4/5;} .r-1x1{aspect-ratio:1/1;}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,24px);}
.pair > img{background:var(--torinoko);padding:6px;outline:1px solid var(--kin);outline-offset:-1px;}
/* まだ無い絵の場所（鳥の子の無地＋内側の細い罫＋「絵」の印を薄く。社紋は使わない） */
.okiba{display:block;position:relative;background:var(--torinoko) url("/assets/img/icons/e.svg") center/40px no-repeat;box-shadow:inset 0 0 0 10px var(--torinoko),inset 0 0 0 11px var(--keisen);}
.okiba::after{content:"";position:absolute;inset:0;background:rgba(236,230,216,.6);}

/* ---------- 13. 声の短冊（鳥の子・上端に朱の線） ---------- */
.tanzaku-retsu{list-style:none;display:grid;gap:var(--ma5);}
@media (min-width:960px){ .tanzaku-retsu{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ma4);} }
.tanzaku{position:relative;padding:var(--ma5) var(--ma4) var(--ma4);background:var(--torinoko);border-top:2px solid var(--shu);}
.tanzaku__so{display:inline-block;font-family:var(--f-ui);font-size:var(--fs-small);font-weight:600;border-bottom:1px solid var(--sumi);margin:0 0 var(--ma3);line-height:1.6;}
.tanzaku blockquote{border:0;padding:0;margin:0 0 var(--ma3);font-size:var(--fs-koe);line-height:1.9;letter-spacing:.06em;}
.tanzaku blockquote p{margin:0 0 .6em;}
.tanzaku__dare{font-family:var(--f-ui);font-size:var(--fs-small);line-height:1.8;margin:0;}
.tanzaku__kanso{font-family:var(--f-ui);font-size:var(--fs-small);margin:4px 0 0;}
.tanzaku .yt{width:min(100%,260px);margin:0 auto var(--ma4);}
/* よくある誤解・注意事項の短冊（鳥の子＋上下に古金の線） */
.tanzaku-washi{background:var(--torinoko);color:var(--sumi);padding:var(--ma5) clamp(20px,4vw,48px);border-block:1px solid var(--kin);position:relative;}
.tanzaku-washi::before,.tanzaku-washi::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--kin);opacity:.5;}
.tanzaku-washi::before{top:4px;} .tanzaku-washi::after{bottom:4px;}
.tanzaku-washi .hd{font-family:var(--f-head);font-weight:600;font-size:var(--fs-h3);margin:0 0 var(--ma4);letter-spacing:.08em;}
.tanzaku-washi ul{list-style:none;}
.tanzaku-washi li{padding:var(--ma4) 0;border-top:1px solid var(--keisen);}
.tanzaku-washi li:first-child{border-top:0;padding-top:0;}
.tanzaku-washi li:last-child{padding-bottom:0;}
.tanzaku-washi li strong{display:block;font-weight:700;font-size:var(--fs-h3);line-height:1.7;margin-bottom:var(--ma2);}
.tanzaku-washi .fuda{background-color:var(--shironeri);}

/* ---------- 14. 紙垂・灯明（飾り） ---------- */
.shide{position:absolute;z-index:1;top:0;right:max(var(--gutter),calc((100% - 1200px) / 2));display:block;width:32px;height:51px;margin:0;transform-origin:50% 0;}
.tomyo-retsu{list-style:none;display:flex;gap:var(--ma6);justify-content:flex-start;margin:0 0 var(--ma5);}
.tomyo{position:relative;width:24px;height:32px;}
.tomyo svg{width:24px;height:32px;position:relative;}
.tomyo::before{content:"";position:absolute;left:50%;top:40%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;
  background:radial-gradient(circle,var(--hikari-kin),transparent 70%);opacity:0;pointer-events:none;}

/* ---------- 15. 軽いYouTube ---------- */
.yt{position:relative;background:var(--torinoko);overflow:hidden;outline:1px solid var(--kin);outline-offset:-1px;}
.yt--tate{aspect-ratio:9/16;}
.yt__btn{position:absolute;inset:0;width:100%;padding:0;border:0;background:transparent;cursor:pointer;display:block;}
.yt__btn img,.yt__btn .okiba{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.yt__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:72px;height:72px;margin:-56px 0 0 -36px;border-radius:50%;background:var(--sumi);color:var(--shironeri);transition:transform .2s ease;}
.yt__play .ico{width:30px;height:30px;margin-left:3px;}
/* 「再生する」は不透明の墨の板の上に（写真に直接のせない） */
.yt__label{position:absolute;left:50%;top:calc(50% + 28px);transform:translateX(-50%);padding:4px 14px;white-space:nowrap;background:var(--sumi);color:var(--shironeri);
  font-family:var(--f-ui);font-size:var(--fs-small);font-weight:600;}
.yt__btn:hover .yt__play{transform:scale(1.06);}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* ---------- 16. ロジックツリー（墨の枝が伸びる） ---------- */
.tree{--trunk-x:20px;--branch-x:44px;--twig-x:24px;--line:rgba(26,30,46,.5);position:relative;}
.tree__ue{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ma3);margin-bottom:var(--ma5);}
html:not(.js) .tree__all{display:none;}
.tree__hint{font-family:var(--f-ui);font-size:var(--fs-small);margin:0;}
.tree__karada{position:relative;}
.tree__root{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;padding-left:calc(var(--trunk-x) + 22px);
  font-family:var(--f-head);font-weight:600;font-size:var(--fs-l);letter-spacing:.08em;}
.tree__root::before{content:"";position:absolute;left:calc(var(--trunk-x) - 7px);top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;
  background:var(--shironeri);box-shadow:inset 0 0 0 2px var(--shu);}
.tree__q{font-family:var(--f-ui);font-weight:700;font-size:var(--fs-small);letter-spacing:.12em;}
.tree__eda{list-style:none;position:relative;padding:var(--ma2) 0 0;}
.tree__eda::before{content:"";position:absolute;left:calc(var(--trunk-x) - .75px);top:-28px;bottom:28px;width:1.5px;background:var(--line);transform-origin:top;}
.branch{position:relative;padding-left:var(--branch-x);}
.branch > .node::before{content:"";position:absolute;left:calc(var(--trunk-x) - var(--branch-x));top:28px;width:calc(var(--branch-x) - var(--trunk-x) - 4px);height:1.5px;
  background:var(--line);transform-origin:left;transition:background-color .3s ease;}
.node{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px 12px;width:100%;min-height:56px;padding:10px 52px 10px 0;
  background:transparent;border:0;text-align:left;cursor:pointer;color:var(--sumi);}
html:not(.js) .node{cursor:default;}
.node__no{font-family:var(--f-head);font-weight:600;color:var(--sumi);font-size:var(--fs-l);min-width:1.2em;}
.node__name{font-family:var(--f-body);font-weight:700;font-size:var(--fs-l);line-height:1.6;letter-spacing:.04em;}
.node__fuda{display:flex;flex-wrap:wrap;gap:6px;grid-column:2;}
.node__mark{position:absolute;right:0;top:8px;}
html:not(.js) .node__mark{display:none;}
.node:hover .node__name{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;}
.branch.is-open > .node::before{background:var(--sumi);}
.branch.is-open > .node::after{content:"";position:absolute;left:calc(var(--trunk-x) - var(--branch-x) - 3px);top:25px;width:7px;height:7px;border-radius:50%;background:var(--shu);}
.twigs .branch.is-open > .node::after{left:calc(var(--twig-x) * -1 + 9px);}
/* その場で開く説明（JSが無ければ最初から開いている） */
.node__panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease,visibility .3s;}
html.js .branch:not(.is-open) > .node__panel{grid-template-rows:0fr;visibility:hidden;}
.node__panel > div{min-height:0;overflow:hidden;}
.node__naka{margin:4px 0 var(--ma3);padding:var(--ma3) var(--ma4);background:var(--torinoko);border-left:2px solid var(--sen-kagaku);font-size:var(--fs-m);line-height:1.8;}
.node__naka[data-iro="mikagaku"]{border-left:2px dashed var(--sen-mikagaku);}
.node__naka[data-iro="sato"]{border-left:4px double var(--sen-sato);}
.node__naka p{margin:0 0 .8em;}
.node__naka p:last-child{margin:0;}
.node__naka .yaji{font-size:var(--fs-btn);}
.twigs{list-style:none;position:relative;margin:0 0 var(--ma2);padding-top:2px;}
.twigs::before{content:"";position:absolute;left:calc(var(--twig-x) * -1 + 12px);top:-6px;bottom:28px;width:1.5px;background:var(--line);transform-origin:top;}
.twigs .branch{padding-left:var(--twig-x);}
.twigs .branch > .node::before{left:calc(var(--twig-x) * -1 + 12px);width:calc(var(--twig-x) - 16px);}
.twigs .node__name{font-size:var(--fs-m);}
.twigs .node{grid-template-columns:minmax(0,1fr);}
.twigs .node__fuda{grid-column:1;}
/* 結び：朱の零紋が押される */
.branch--musubi > .node .node__name{font-family:var(--f-head);font-weight:600;}
.branch--musubi::after{content:"";position:absolute;left:calc(var(--trunk-x) - 13px);top:15px;width:26px;height:26px;background:var(--reimon) center/contain no-repeat;}
.branch--musubi > .node::before{display:none;}
.tree__shita{margin-top:var(--ma5);}
@media (min-width:960px){
  .tree{--trunk-x:0px;--branch-x:56px;}
  .tree__karada{display:grid;grid-template-columns:minmax(190px,2.6fr) minmax(0,9fr);gap:0;align-items:start;}
  .tree__root{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:140px;padding:24px 28px;
    border:1px solid var(--kin);background:var(--torinoko);font-size:var(--fs-1);line-height:1.5;white-space:nowrap;}
  .tree__root::before{display:none;}
  .tree__eda{padding-top:0;margin-left:0;}
  .tree__eda::before{top:28px;bottom:28px;left:0;}
  .branch{display:grid;grid-template-columns:minmax(0,1fr);}
  .branch--ha{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:48px;}
  .branch--ha > .node{grid-column:1;grid-row:1;}
  .branch--ha > .node__panel{grid-column:1;grid-row:2;}
  .branch--ha > .twigs{grid-column:2;grid-row:1 / span 2;--twig-x:40px;}
  .branch--ha > .node::after{content:"";position:absolute;right:-20px;top:28px;width:20px;height:1.5px;background:var(--line);}
  .branch--ha.is-open > .node::after{left:auto;right:-20px;top:28px;width:20px;height:1.5px;border-radius:0;background:var(--sumi);}
  .twigs::before{left:-28px;top:28px;}
  .twigs .branch > .node::before{left:-28px;width:24px;}
  .twigs .branch.is-open > .node::after{left:-31px;}
}

/* ---------- 17. トップのファーストビュー：案B「参道と鳥居」（D2 §7） ---------- */
.hero{position:relative;padding:var(--ma5) 0 var(--ma7);overflow:clip;}
.hero__kumi{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;}
/* 鳥居：線は1ファイル（/assets/img/shirushi/zero-temple-torii.svg）。題字は二本の柱のあいだの白い地に */
.hero__torii{position:relative;width:min(340px,92vw);display:flex;justify-content:center;padding:96px 0 40px;}
.torii{position:absolute;inset:0;pointer-events:none;transform-origin:50% 40%;}
.torii svg{width:100%;height:100%;overflow:visible;}
.torii use{transform-box:view-box;}
.torii .t-hashira{transform-origin:50% 100%;}
.torii .t-yoko{transform-origin:50% 0;}
.hero__title{position:relative;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:12px;margin:0;font-size:inherit;}
.hero__title .tate.daiji{font-size:var(--fs-daiji);line-height:1.3;letter-spacing:.2em;}
.hero__en{writing-mode:vertical-rl;font-family:var(--f-head);font-weight:600;font-size:16px;letter-spacing:.24em;padding-top:.4em;}
.hero__sub{writing-mode:vertical-rl;font-family:var(--f-head);font-weight:600;font-size:18px;letter-spacing:.14em;line-height:1.7;padding-top:2.2em;max-height:13em;}
.hero__kotoba{width:100%;max-width:34em;padding-inline:var(--gutter);margin-top:var(--ma4);}
.hero__catch{font-family:var(--f-head);font-weight:600;font-size:clamp(20px,1.2vw + 15px,28px);line-height:1.9;letter-spacing:.1em;margin:0;text-align:center;text-wrap:balance;}
/* 参道：玉砂利の点線（奥へ続く） */
.sando{display:flex;flex-direction:column;align-items:center;gap:6px;margin:var(--ma4) 0 var(--ma3);text-decoration:none;min-height:48px;font-family:var(--f-ui);font-size:var(--fs-small);font-weight:600;}
.tamajari{display:block;width:3px;height:84px;background:radial-gradient(circle,rgba(26,30,46,.42) 1.5px,transparent 1.6px) 0 0/3px 12px repeat-y;}
.hero__gaku{width:100%;padding-inline:var(--gutter);}
.hero__gaku .mount{max-width:640px;margin-inline:auto;}
.hero__gaku img{aspect-ratio:4/5;object-position:62% 50%;}
.hero__teigi{max-width:34em;margin:var(--ma5) var(--gutter) 0;}
@media (min-width:600px){ .hero__teigi{margin-inline:auto;} }
@media (min-width:600px){
  .hero__gaku img{aspect-ratio:16/10;}
}
@media (min-width:960px){
  .hero{padding:var(--ma6) 0 var(--ma7);}
  .hero__kumi{max-width:calc(1200px + var(--gutter) * 2);margin:0 auto;padding-inline:var(--gutter);
    grid-template-columns:minmax(0,4.2fr) minmax(0,1.6fr) minmax(0,6.2fr);grid-template-areas:"torii sando gaku" "torii sando kotoba";align-items:center;column-gap:0;}
  .hero__torii{grid-area:torii;width:min(400px,100%);padding:104px 0 36px;}
  .hero__title .tate.daiji{font-size:clamp(44px,4.6vw,64px);}
  .hero__kotoba{grid-area:kotoba;padding:0;margin-top:var(--ma4);max-width:none;align-self:start;}
  .hero__catch{text-align:left;font-size:clamp(20px,1.9vw,25px);}
  .sando{grid-area:sando;margin:0;align-self:center;padding:0 16px;white-space:nowrap;}
  .sando .tamajari{width:100%;height:3px;background:radial-gradient(circle,rgba(26,30,46,.42) 1.5px,transparent 1.6px) 0 0/12px 3px repeat-x;}
  .hero__gaku{grid-area:gaku;padding:0;}
  .hero__gaku .mount{max-width:none;}
  .hero__gaku img{aspect-ratio:16/9;}
  .hero__teigi{grid-column:1 / -1;max-width:44em;margin-top:var(--ma6);}
}

/* ---------- 18. ほかのページの頭（画像なしの白い頭：パンくず → 朱の短い線 → h1） ---------- */
.page-head{position:relative;padding:var(--ma5) 0 var(--ma7);}
@media (min-width:960px){ .page-head{padding:var(--ma7) 0 var(--ma8);} }
.page-head__h1{position:relative;padding-top:26px;margin-bottom:var(--ma4);}
.page-head__h1::before{content:"";position:absolute;left:0;top:0;width:48px;height:2px;background:var(--shu);transform-origin:center;}
/* 写真のあるページの頭（temple・zero-dome・voices）。文字は白い地、写真は額に */
.page-head--e .page-head__kumi{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ma6);align-items:center;}
@media (min-width:960px){ .page-head--e .page-head__kumi{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--ma7);align-items:start;} }
.page-head__e img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.page-head__e figcaption{margin-top:12px;}
.daiji-h1{position:relative;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;gap:14px;margin:0 0 var(--ma4);padding-top:26px;font-size:inherit;}
.daiji-h1::before{content:"";position:absolute;left:0;top:0;width:48px;height:2px;background:var(--shu);transform-origin:center;}
.daiji-h1 .daiji{font-size:var(--fs-daiji);line-height:1.3;letter-spacing:.22em;}
@media (min-width:960px){ .daiji-h1 .daiji{font-size:clamp(44px,4.6vw,64px);} } /* 題字はトップと同じ大きさ */
.daiji-h1__en{writing-mode:vertical-rl;font-family:var(--f-head);font-weight:600;font-size:16px;letter-spacing:.3em;padding-top:.4em;}
/* 御帳（みとばり）：額の窓に白練の幕がかかっていて、上へ巻き上がる */
.mitobari .mado::after{content:"";position:absolute;inset:0;background:var(--shironeri);transform-origin:50% 0;transform:scaleY(0);pointer-events:none;}
.mitobari .mado::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:2;background:var(--shu);opacity:0;pointer-events:none;}

/* ---------- 19. 記事の本文（目次つき） ---------- */
.kiji{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ma5);}
.kiji__honbun{max-width:38em;min-width:0;}
.kiji__honbun > section + section{margin-top:var(--h2-top);}
.mokuji{font-family:var(--f-ui);font-size:var(--fs-btn);}
.mokuji summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--btn-fuku);padding:0 18px 0 20px;border:var(--waku) solid var(--sumi);background:var(--shironeri);cursor:pointer;font-weight:600;letter-spacing:.06em;list-style:none;}
.mokuji summary::-webkit-details-marker{display:none;}
.mokuji__mark{display:inline-flex;}
.mokuji ol{list-style:none;margin:var(--ma3) 0 0;}
.mokuji a{display:flex;align-items:center;min-height:48px;padding:4px 0 4px 16px;text-decoration:none;border-left:2px solid var(--keisen);line-height:1.6;}
.mokuji a:hover{text-decoration:underline;}
.mokuji a.is-ima{border-left-color:var(--shu);font-weight:700;}
.mokuji__title{font-weight:700;letter-spacing:.08em;margin:0 0 var(--ma2);}
@media (min-width:960px){
  .kiji{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ma4);}
  .kiji__mokuji{grid-column:1 / span 3;}
  .kiji__honbun{grid-column:5 / span 8;}
  .mokuji{position:sticky;top:96px;}
  .mokuji summary{display:none;}
  .mokuji ol{margin-top:0;}
}
.kiji__honbun h3,.kiji__honbun h2{scroll-margin-top:96px;}
.kiji__honbun .mount{margin:var(--ma6) 0;}
.hikaku{width:100%;border-collapse:collapse;margin:var(--ma5) 0;font-size:var(--fs-s);line-height:1.8;}
.hikaku th,.hikaku td{padding:14px 12px;border-bottom:1px solid var(--keisen);text-align:left;vertical-align:top;}
.hikaku thead th{font-family:var(--f-head);font-weight:600;border-bottom:2px solid var(--sumi);font-size:var(--fs-m);}
.hikaku tbody th{font-family:var(--f-ui);font-size:var(--fs-small);font-weight:700;width:9em;}
@media (max-width:599px){
  .hikaku thead{display:none;}
  .hikaku,.hikaku tbody,.hikaku tr,.hikaku th,.hikaku td{display:block;width:auto;}
  .hikaku tr{border-top:1px solid var(--keisen);padding:12px 0;}
  .hikaku tbody th{border:0;padding:0 0 4px;}
  .hikaku td{border:0;padding:4px 0 4px 6.5em;position:relative;font-size:var(--fs-s);}
  .hikaku td::before{content:attr(data-label);position:absolute;left:0;top:7px;font-family:var(--f-ui);font-size:var(--fs-small);font-weight:600;}
  .hikaku--2 td{padding-left:0;}
  .hikaku--2 td::before{position:static;display:block;margin-bottom:4px;}
}
/* 予告の枠（破線の灰の枠。リンクにしない） */
.yokoku{margin:var(--ma5) 0;padding:var(--ma4);border:1.5px dashed var(--sen-imi);font-size:16px;background:var(--shironeri);}
.yokoku__hd{font-family:var(--f-ui);font-weight:700;font-size:16px;letter-spacing:.08em;margin:0 0 var(--ma2);}
.yokoku ul{list-style:none;}
.yokoku li{padding:6px 0;line-height:1.8;}
.yokoku li .toki{font-family:var(--f-ui);font-size:var(--fs-small);margin-left:.4em;white-space:nowrap;}
.bunken{list-style:none;font-size:16px;line-height:1.8;}
.bunken li{display:grid;grid-template-columns:3.2em 1fr;gap:4px;padding:12px 0;border-bottom:1px solid var(--keisen);scroll-margin-top:96px;}
.bunken li:target{background:var(--torinoko);}
.bunken .bango{font-family:var(--f-ui);font-size:var(--fs-small);padding-top:3px;}
.bunken a{word-break:break-word;}
/* 記事の情報（.hyo と同じ寸法：dt は明朝16px太字・上下14px・罫線） */
.kiji-joho{margin:var(--ma6) 0 0;display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--keisen);}
.kiji-joho dt{font-family:var(--f-ui);font-size:var(--fs-small);font-weight:700;letter-spacing:.06em;padding-top:14px;}
.kiji-joho dd{margin:0;padding:4px 0 14px;border-bottom:1px solid var(--keisen);line-height:1.8;}
@media (min-width:600px){ .kiji-joho{grid-template-columns:9.5em minmax(0,1fr);} .kiji-joho dt{padding:14px 0;border-bottom:1px solid var(--keisen);} .kiji-joho dd{padding:14px 0;} }

/* ---------- 20. フッター（生成りの地・最後の言葉は「ありがとう」） ---------- */
.site-foot{background-color:var(--kinari);background-image:var(--fiber),var(--grain);padding:var(--ma8) 0 var(--ma8);position:relative;color:var(--sumi);}
.site-foot.ji-shironeri{background-color:var(--shironeri);}
.site-foot::before{content:"";position:absolute;top:0;left:50%;width:48px;height:2px;margin-left:-24px;background:var(--shu);}
.site-foot__logo{display:flex;flex-wrap:wrap;align-items:center;gap:.6em;margin:0 0 var(--ma3);}
.site-foot address{font-style:normal;font-size:var(--fs-s);line-height:1.8;margin:0 0 var(--ma5);}
.site-foot__nav ul{list-style:none;display:grid;grid-template-columns:1fr;column-gap:var(--ma5);}
.site-foot__nav a{display:flex;align-items:center;min-height:48px;font-size:var(--fs-s);}
@media (min-width:760px){ .site-foot__nav ul{grid-template-columns:repeat(3,minmax(0,1fr));} }
.site-foot__chuki{margin:var(--ma5) 0 var(--ma3);max-width:44em;}
.site-foot__copy{margin:0 0 var(--ma6);}
.site-foot__musubi{display:flex;flex-direction:row-reverse;justify-content:center;gap:var(--ma4);margin:0;
  font-family:var(--f-head);font-weight:600;font-size:28px;letter-spacing:.3em;line-height:1.6;}
.site-foot__musubi > span{writing-mode:vertical-rl;text-orientation:mixed;}
.site-foot__musubi .mae{font-size:18px;letter-spacing:.24em;}
.site-foot__musubi .arigatou{padding-top:4em;}

/* ---------- 21. 使い回す区画の部品 ---------- */
.shou{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ma5);}
.shou__midashi h2{margin:0;}
@media (min-width:960px){
  .shou{grid-template-columns:minmax(0,2fr) minmax(0,10fr);gap:var(--ma4);}
  .shou__midashi{display:flex;justify-content:center;}
  .shou__midashi h2{writing-mode:vertical-rl;text-orientation:mixed;font-feature-settings:"vpal";max-height:14em;line-height:1.7;letter-spacing:.16em;padding:0 20px 0 0;}
  .shou__midashi h2.midashi::before{left:auto;right:0;top:0;width:2px;height:1em;}
  .shou__midashi h2.midashi::after{left:auto;right:-14px;top:0;width:2px;height:48px;transform-origin:top;}
}
/* 問い：墨の円相が描かれ、朱の印が押される（文字は円相の外・下） */
.toi{text-align:center;}
.enso{position:relative;width:min(76vw,440px);aspect-ratio:1;margin:0 auto var(--ma6);pointer-events:none;}
.enso svg{width:100%;height:100%;}
.enso__fude{transform-origin:50% 50%;}
.enso__in{transform-origin:82% 84%;}
.toi h2{font-size:clamp(24px,1.6vw + 18px,36px);line-height:1.7;margin-bottom:var(--ma6);}
.toi .lead{max-width:24em;margin-inline:auto;}
.toi .lead p{margin-bottom:1.6em;}
/* 数字で見る（見出しの書体・墨・下に古金の短い線） */
.kazu{list-style:none;display:grid;grid-template-columns:1fr;border-top:1px solid var(--keisen);}
.kazu li{padding:var(--ma4) 0;border-bottom:1px solid var(--keisen);}
.kazu .n{position:relative;display:block;padding-bottom:14px;font-family:var(--f-head);font-weight:600;font-size:var(--fs-kazu);line-height:1.2;letter-spacing:.02em;color:var(--sumi);font-feature-settings:"palt";}
.kazu .n::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:2px;background:var(--kin);transform-origin:left;}
.kazu .n small{font-size:max(16px,.38em);letter-spacing:.08em;margin:0 .3em;}
.kazu .soe{display:block;font-size:var(--fs-m);margin-top:8px;line-height:1.8;}
/* 数字は段の最上（スマホ44・PC47）のまま */
/* 数字ではなく「ことば」が入る欄（トップ・zero-dome 共通の1段） */
.kazu .n.n--kotoba{font-size:var(--fs-2);letter-spacing:.06em;}
@media (min-width:760px){
  .kazu--4{grid-template-columns:1fr 1fr;}
  .kazu--4 li:nth-child(odd){padding-right:var(--ma5);border-right:1px solid var(--keisen);}
  .kazu--4 li:nth-child(even){padding-left:var(--ma5);}
}
/* ドームの仕組みの図（墨の線） */
.shikumi{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ma5);margin:var(--ma6) 0 var(--ma4);}
@media (min-width:760px){ .shikumi{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;} }
.shikumi svg text{font-family:var(--f-ui);fill:var(--sumi);}
.shikumi__kotoba{list-style:none;display:grid;gap:10px;font-size:var(--fs-m);line-height:1.8;margin-top:var(--ma3);}
.shikumi__kotoba li{display:grid;grid-template-columns:5.2em 1fr;gap:8px;}
.shikumi__kotoba b{font-family:var(--f-ui);font-size:var(--fs-small);font-weight:700;padding-top:3px;}
/* 照明を選ぶ（紫・緑・金の円は「写真の照明の見本」として例外的に色を使う。文字は墨） */
.shomei-zu{position:relative;}
.shomei-zu .mount__e{position:relative;display:block;overflow:hidden;}
.shomei-zu .mount__e img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.shomei-zu .mount__e img:not(:first-child){position:absolute;inset:0;height:100%;opacity:0;transition:opacity .6s ease;}
.shomei-zu .mount__e img.is-on{opacity:1;}
.shomei{display:flex;gap:var(--ma4);align-items:flex-start;margin:var(--ma4) 0 0;}
html:not(.js) .shomei{display:none;}
.shomei button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:60px;min-height:76px;padding:4px;background:transparent;border:0;cursor:pointer;
  font:600 16px/1.4 var(--f-ui);color:var(--sumi);}
.shomei .maru{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 1px var(--sen-imi);}
.shomei [aria-checked="true"] .maru{box-shadow:0 0 0 3px var(--shironeri),0 0 0 5px var(--sumi);}
.shomei [aria-checked="true"]{text-decoration:underline;text-underline-offset:4px;}
.maru--murasaki{background:radial-gradient(circle at 35% 35%,#D9CCFF,#8E6FE6 60%,#4B3699);}
.maru--midori{background:radial-gradient(circle at 35% 35%,#C9F3DC,#4FBF88 60%,#1F6E4B);}
.maru--kin{background:radial-gradient(circle at 35% 35%,#FFF1C8,#DCC07E 60%,#8E6A22);}
/* 体験の流れ（漢数字・儀式の言葉） */
.nagare{list-style:none;counter-reset:n;display:grid;gap:0;}
.nagare li{counter-increment:n;display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:4px 16px;padding:var(--ma4) 0;border-bottom:1px solid var(--keisen);}
.nagare li:first-child{border-top:1px solid var(--keisen);}
.nagare li::before{content:counter(n,cjk-ideographic);grid-row:1 / span 2;font-family:var(--f-head);font-weight:600;font-size:var(--fs-2);line-height:1.3;color:var(--sumi);}
.nagare__na{font-family:var(--f-head);font-weight:600;font-size:var(--fs-h3);letter-spacing:.08em;line-height:1.6;}
.nagare__na.gishiki{font-size:var(--fs-h3);}
@media (max-width:599px){ .nagare__na.gishiki{letter-spacing:.04em;} }
.nagare p{margin:0;}
.nagare-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ma6);}
@media (min-width:960px){
  .nagare-wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;}
  .nagare-wrap .mount{position:sticky;top:110px;}
}
/* ミロクの想い */
.omoi{position:relative;}
.omoi__su{display:block;width:120px;height:auto;margin:0 0 var(--ma5);}
.omoi__kumi{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ma6);}
.omoi__photo{width:62%;}
.omoi__shin{display:flex;justify-content:flex-start;}
.omoi__shin p{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--f-head);font-weight:600;font-size:clamp(21px,1.2vw + 16px,30px);
  line-height:2;letter-spacing:.16em;max-height:18em;margin:0;font-feature-settings:"vpal";}
@media (min-width:960px){
  .omoi__kumi{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--ma7);}
  .omoi__photo{width:100%;align-self:start;position:sticky;top:110px;}
  .omoi__shin{justify-content:flex-end;}
}
.namae{font-family:var(--f-head);text-align:right;margin-top:var(--ma3);}

/* ---------- 22. 残りのページの部品 ---------- */
/* 社紋の短い説明（about の運営者の欄・小さく。文字は墨16px） */
.shamon-mini{display:flex;align-items:flex-start;gap:14px;margin:var(--ma5) 0 0;padding-top:var(--ma4);border-top:1px solid var(--keisen);font-family:var(--f-ui);font-size:var(--fs-small);line-height:1.9;font-weight:500;color:var(--sumi);}
.shamon-mini img{flex-shrink:0;width:32px;height:32px;margin-top:4px;}

.hyo{display:grid;grid-template-columns:minmax(0,1fr);margin:var(--ma5) 0;border-top:1px solid var(--keisen);}
.hyo dt{font-family:var(--f-ui);font-size:var(--fs-small);font-weight:700;letter-spacing:.06em;padding-top:14px;}
.hyo dd{margin:0;padding:4px 0 14px;border-bottom:1px solid var(--keisen);line-height:1.8;}
@media (min-width:600px){
  .hyo{grid-template-columns:9.5em minmax(0,1fr);}
  .hyo dt{padding:14px 0;border-bottom:1px solid var(--keisen);}
  .hyo dd{padding:14px 0;}
}
.nafuda{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ma4);margin:var(--ma6) auto 0;max-width:880px;}
.nafuda li{padding:var(--ma4) var(--ma3);border-top:2px solid var(--shu);border-bottom:1px solid var(--keisen);text-align:center;background:var(--shironeri);}
.nafuda .na{display:block;font-family:var(--f-head);font-weight:600;font-size:var(--fs-h2);line-height:1.5;letter-spacing:.14em;}
.nafuda .yomi{display:block;font-family:var(--f-ui);font-size:var(--fs-small);letter-spacing:.12em;margin-top:4px;}
.nafuda .imi{display:block;margin-top:var(--ma2);font-size:var(--fs-m);}
@media (min-width:760px){ .nafuda{grid-template-columns:1fr 1fr;} }
.narabi{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ma5);align-items:start;}
.narabi + .narabi{margin-top:var(--ma8);}
.narabi h3{margin-top:0;}
@media (min-width:960px){
  .narabi{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ma7);}
  .narabi--gyaku > :first-child{order:2;}
}
/* 確かさの地図（science。枠の中は白練の地・墨の文字。色は線だけ） */
.chizu{display:grid;grid-template-columns:minmax(0,1fr);margin:var(--ma6) 0 var(--ma4);}
.chizu__ku{position:relative;padding:var(--ma4) var(--ma4) var(--ma5);background:var(--shironeri);}
.chizu__ku ul{list-style:none;margin-top:var(--ma3);}
.chizu__ku li{padding:6px 0;line-height:1.8;}
.chizu__ku--kagaku{border:2px solid var(--sen-kagaku);}
.chizu__ku--mikagaku{border:2px dashed var(--sen-mikagaku);}
.chizu__sakai{position:relative;isolation:isolate;padding:var(--ma3) 0;text-align:center;font-family:var(--f-head);font-weight:600;letter-spacing:.08em;line-height:1.6;}
.chizu__sakai::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:50%;height:2px;background:var(--shu);transform-origin:center;}
.chizu__sakai span{display:inline-block;padding:0 12px;background:var(--kinari);}
.ji-shironeri .chizu__sakai span{background:var(--shironeri);}
@media (min-width:960px){
  .chizu{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);}
  .chizu__sakai{display:flex;align-items:center;padding:0 var(--ma3);}
  .chizu__sakai::before{left:50%;right:auto;top:0;bottom:0;width:2px;height:auto;transform:translateX(-50%);}
  .chizu__sakai span{writing-mode:vertical-rl;padding:12px 0;}
}
/* 合言葉の帯（voices。上下に朱の短い線） */
.aikotoba{text-align:center;}
.aikotoba__kotoba{position:relative;font-family:var(--f-head);font-weight:600;font-size:var(--fs-3);line-height:1.5;letter-spacing:.1em;margin:0 0 var(--ma3);padding-block:28px;}
.aikotoba__kotoba::before,.aikotoba__kotoba::after{content:"";position:absolute;left:50%;width:48px;height:2px;margin-left:-24px;background:var(--shu);}
.aikotoba__kotoba::before{top:0;} .aikotoba__kotoba::after{bottom:0;}
.aikotoba__dare{font-family:var(--f-ui);font-size:var(--fs-small);margin:0;}
.aikotoba__onaji{list-style:none;display:grid;gap:var(--ma4);margin:var(--ma7) 0 0;text-align:left;}
.aikotoba__onaji li{padding-top:var(--ma3);border-top:1px solid var(--keisen);}
.aikotoba__onaji .koe{display:block;font-size:var(--fs-lead);line-height:1.9;}
.aikotoba__onaji .dare{display:block;font-family:var(--f-ui);font-size:var(--fs-small);margin-top:6px;line-height:1.7;}
@media (min-width:960px){ .aikotoba__onaji{grid-template-columns:repeat(3,minmax(0,1fr));} }
/* 層の目次（ページ内の移動・高さ56pxのボタン） */
.so-nav{position:sticky;top:var(--head-h);z-index:20;margin:0 calc(var(--gutter) * -1) var(--ma6);padding:8px var(--gutter);background:var(--shironeri);border-block:1px solid var(--keisen);}
.so-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;}
.ji-kinari .so-nav{background-color:var(--kinari);}
.so-nav{background-image:var(--fiber),var(--grain);}
.so-nav a{display:inline-flex;align-items:center;min-height:var(--btn-sho);padding:0 16px;border:var(--waku) solid var(--sumi);background:var(--shironeri);font:600 var(--fs-btn)/1.2 var(--f-ui);letter-spacing:.04em;text-decoration:none;}
.so-nav a:hover{background:var(--kinari);}
.koe-so{scroll-margin-top:150px;}
.koe-so + .koe-so{margin-top:var(--ma8);}
/* 動画の並び（スマホは横にめくる） */
.yt-retsu{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:var(--ma4);overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px var(--ma3);}
.yt-retsu > li{scroll-snap-align:start;}
.yt-retsu .yt{margin-bottom:var(--ma3);}
.yt-retsu blockquote{border:0;padding:0;margin:0 0 var(--ma2);}
@media (min-width:760px){ .yt-retsu{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;} }
.shukei-waku{display:grid;gap:12px;margin:var(--ma5) 0;padding:var(--ma5) var(--ma4);border:1.5px dashed var(--sen-imi);}
.shukei-waku > span{display:block;height:22px;border:1px dashed var(--sen-imi);}
.shukei-waku > span:nth-child(1){width:72%;} .shukei-waku > span:nth-child(2){width:48%;} .shukei-waku > span:nth-child(3){width:30%;}
.shukei-waku p{margin:var(--ma2) 0 0;text-align:center;}
/* よくある質問（罫線で区切る・行全体が押せる・右に＋／－） */
.qa-retsu{border-top:1px solid var(--keisen);}
.qa{border-bottom:1px solid var(--keisen);}
.qa summary{display:flex;align-items:center;gap:16px;min-height:60px;padding:12px 0;cursor:pointer;list-style:none;}
.qa summary::-webkit-details-marker{display:none;}
.qa summary h3{flex:1;margin:0;font-size:var(--fs-lead);line-height:1.7;}
.qa__mark{flex-shrink:0;}
.qa__naka{padding:0 0 var(--ma4);}
.qa__naka .fuda-retsu{margin:0 0 var(--ma3);}
.qa__naka p{margin-bottom:.6em;}
.qa-all{margin:0 0 var(--ma4);}
html:not(.js) .qa-all{display:none;}
.su-sumi{width:96px;height:auto;margin:0 0 var(--ma3);}
/* thanks・404：社紋は小さく（about の説明と同じ32px） */
.mon-chuo{display:block;width:32px;height:32px;margin:0 0 var(--ma4);}

/* ---------- 23. フォーム（白練の地・灰の枠・墨の文字18px・高さ56px以上・ラベルは欄の上） ---------- */
.mail-form__koumoku{margin:0 0 var(--ma4);}
.mail-form label{display:block;margin:0 0 8px;font-family:var(--f-ui);font-size:var(--fs-m);font-weight:700;line-height:1.6;color:var(--sumi);}
.mail-form .hissu,.mail-form .nini{display:inline-block;margin-left:.6em;font-size:16px;line-height:1.5;}
.mail-form .hissu{padding:0 8px;border:var(--waku) solid var(--shu);font-weight:700;}
.mail-form .nini{font-weight:500;}
.mail-form input[type="email"],.mail-form input[type="text"],.mail-form textarea{display:block;width:100%;min-height:58px;padding:12px 14px;border:var(--waku) solid var(--sen-imi);border-radius:0;
  background:var(--shironeri);color:var(--sumi);font:500 var(--fs-m)/1.5 var(--f-ui);}
.mail-form textarea{min-height:220px;line-height:1.8;resize:vertical;}
.mail-form input:focus-visible,.mail-form textarea:focus-visible{outline:3px solid var(--shu);outline-offset:2px;border-color:var(--sumi);}
.mail-form input[aria-invalid="true"],.mail-form textarea[aria-invalid="true"]{border:3px solid var(--shu);}
.mail-form__doui{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;}
.mail-form input[type="checkbox"],.mail-form input[type="radio"]{-webkit-appearance:none;appearance:none;flex-shrink:0;display:inline-grid;place-content:center;margin:0;
  width:28px;height:28px;border:var(--waku) solid var(--sumi);border-radius:0;background:var(--shironeri);color:var(--sumi);cursor:pointer;}
.mail-form input[type="checkbox"]::before{content:"";width:22px;height:22px;background-color:var(--shironeri);transform:scale(0);
  -webkit-mask:url("/assets/img/icons/check.svg") center/contain no-repeat;mask:url("/assets/img/icons/check.svg") center/contain no-repeat;}
.mail-form input[type="checkbox"]:checked{background:var(--sumi);}
.mail-form input[type="checkbox"]:checked::before{transform:none;}
.mail-form input[type="radio"]{width:26px;height:26px;border-radius:50%;}
.mail-form input[type="radio"]:checked{background:var(--sumi);box-shadow:inset 0 0 0 5px var(--shironeri);}
.mail-form__doui input{margin:4px 0 0;}
.mail-form__doui label{margin:0;font-weight:500;}
.mail-form__doui .mail-form__err{grid-column:1 / -1;}
.mail-form__err{margin:8px 0 0;padding:8px 12px;border-left:4px solid var(--shu);background:var(--shironeri);font-family:var(--f-ui);font-size:var(--fs-m);font-weight:700;line-height:1.7;color:var(--sumi);}
.mail-form__note{margin:var(--ma3) 0 0;text-align:center;font-family:var(--f-ui);font-size:16px;}
.mail-form__note a{display:inline-flex;align-items:center;min-height:48px;}
.toiawase{margin-top:var(--ma5);}
.toiawase__shurui{border:0;padding:0;min-width:0;}
.toiawase__shurui legend{padding:0;margin:0 0 8px;font-family:var(--f-ui);font-size:var(--fs-m);font-weight:700;line-height:1.6;}
.mail-form .toiawase__sentaku{display:flex;align-items:center;gap:14px;min-height:var(--btn-fuku);margin:0 0 8px;padding:8px 14px;border:var(--waku) solid var(--sen-imi);background:var(--shironeri);font-weight:500;cursor:pointer;}
.toiawase__sentaku:has(input:checked){border:2px solid var(--sumi);}
.toiawase .btn-mail{margin-top:var(--ma5);}

/* =====================================================================
   24. 動き（html.motion のときだけ。transform と opacity だけ。一度だけ・5秒以内・点滅なし）
   文字は「現れる」だけ（不透明度0→1、下から8pxまで）。現れたら止まる
   ===================================================================== */
/* 一文字ずつ浮かぶ（題字・ありがとう） */
html.motion .ink-in .ch{display:inline-block;opacity:0;transform:translateY(.2em);transition:opacity .8s var(--ease-iki),transform .8s var(--ease-iki);transition-delay:calc(var(--i) * 70ms);}
html.motion .tate.ink-in .ch,html.motion .site-foot__musubi .ink-in .ch{transform:translateY(-.2em);}
html.motion .site-foot__musubi .ink-in .ch{transition-delay:calc(var(--i) * 90ms);}
html.motion .ink-in.in .ch{opacity:1;transform:none;}
/* ふっと現れる */
html.motion .reveal{opacity:0;transform:translateY(8px);transition:opacity .8s var(--ease-iki),transform .8s var(--ease-iki);transition-delay:calc(var(--i,0) * 160ms);}
html.motion .reveal.in{opacity:1;transform:none;}
/* 見出しの朱の短い線が伸びる */
html.motion .midashi::after{transform:scaleX(0);transition:transform .8s var(--ease-shosa) .1s;}
html.motion .midashi.in::after{transform:scaleX(1);}
@media (min-width:960px){ html.motion .shou__midashi .midashi::after{transform:scaleY(0);} html.motion .shou__midashi .midashi.in::after{transform:scaleY(1);} }
html.motion .hikari-sen{transform:scaleX(0);transition:transform 1s var(--ease-shosa);}
html.motion .hikari-sen.in{transform:scaleX(1);}

/* ① 鳥居の線が描かれる：柱が下から上へ（0.7秒）→ 笠木と貫が中央から左右へ（0.6秒）→ 題字が一文字ずつ */
html.motion .torii .t-hashira{transform:scaleY(0);animation:hashira .7s var(--ease-shosa) .15s forwards;}
html.motion .torii .t-yoko{transform:scaleX(0);animation:yoko .6s var(--ease-shosa) .85s forwards;}
@keyframes hashira{to{transform:scaleY(1);}}
@keyframes yoko{to{transform:scaleX(1);}}
html.motion .hero .daiji .ch{transition-delay:calc(1.3s + var(--i) * 70ms);}
html.motion .hero__en,html.motion .hero__sub{animation:fuwa .8s 1.5s var(--ease-iki) both;}
html.motion .hero__catch{animation:fuwa .8s 1.7s var(--ease-iki) both;}
html.motion .hero .sando,html.motion .hero__gaku{animation:fuwa .8s 1.6s var(--ease-iki) both;}
@keyframes fuwa{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
/* 同じ訪問の2回目：ファーストビューの所作を省いて、最後の状態から */
html.fv-sumi .torii .t-hashira,html.fv-sumi .torii .t-yoko,html.fv-sumi .hero__en,html.fv-sumi .hero__sub,html.fv-sumi .hero__catch,html.fv-sumi .hero .sando,html.fv-sumi .hero__gaku{animation:none;transform:none;opacity:1;}
html.fv-sumi .hero .daiji .ch{transition:none;}

/* ほかのページの頭：朱の短い線が中央から伸び、h1が現れる */
html.motion .page-head__h1::before,html.motion .daiji-h1::before{transform:scaleX(0);animation:sen-nobi .8s var(--ease-shosa) .1s forwards;}
html.motion .page-head__h1 h1{animation:fuwa .9s .5s var(--ease-iki) both;}
@keyframes sen-nobi{to{transform:scaleX(1);}}

/* ② 墨の円相が描かれ、朱の印が押される */
html.motion .enso__fude{opacity:0;transform:rotate(-24deg) scale(.94);transition:opacity 1.6s var(--ease-iki),transform 2s var(--ease-shosa);}
html.motion .enso.in .enso__fude{opacity:1;transform:none;}
html.motion .enso__in{opacity:0;transform:scale(1.12);transition:opacity .4s ease 2s,transform .4s var(--ease-iki) 2s;}
html.motion .enso.in .enso__in{opacity:1;transform:none;}

/* 額：縁（古金）が左上から時計回りに一周し、写真がふっと現れる */
.waku{position:absolute;inset:0;pointer-events:none;}
.waku i{position:absolute;background:var(--kin);}
.waku i:nth-child(1){left:0;top:0;width:100%;height:1px;transform-origin:left;}
.waku i:nth-child(2){right:0;top:0;width:1px;height:100%;transform-origin:top;}
.waku i:nth-child(3){left:0;bottom:0;width:100%;height:1px;transform-origin:right;}
.waku i:nth-child(4){left:0;top:0;width:1px;height:100%;transform-origin:bottom;}
html.motion .mount.has-waku{outline-color:transparent;}
html.motion .mount.has-waku .waku i:nth-child(odd){transform:scaleX(0);}
html.motion .mount.has-waku .waku i:nth-child(even){transform:scaleY(0);}
html.motion .mount .waku i{transition:transform .3s linear;}
html.motion .mount .waku i:nth-child(2){transition-delay:.3s;} html.motion .mount .waku i:nth-child(3){transition-delay:.6s;} html.motion .mount .waku i:nth-child(4){transition-delay:.9s;}
html.motion .mount.in .waku i{transform:none;}
html.motion .mount .mado,html.motion .mount > img{opacity:0;transition:opacity 1s var(--ease-iki) .2s;}
html.motion .mount.in .mado,html.motion .mount.in > img{opacity:1;}
/* 掛け軸：下の軸が一緒に下りる */
html.motion .mount--jiku .mount__jiku{transform:translateY(calc(-100% + 2px));transition:transform 1.4s var(--ease-shosa) .2s;}
html.motion .mount--jiku.in .mount__jiku{transform:none;}
html.motion .pair > *{opacity:0;transform:translateY(8px);transition:opacity .9s var(--ease-iki),transform .9s var(--ease-iki);}
html.motion .pair.in > *{opacity:1;transform:none;}
html.motion .pair.in > * + *{transition-delay:.2s;}
/* 御帳が上がる（1.2秒） */
html.motion .mitobari .mado::after{transform:scaleY(1);transition:transform 1.2s var(--ease-shosa) .3s;}
html.motion .mitobari.in .mado::after{transform:scaleY(0);}
html.motion .mitobari .mado::before{opacity:1;transition:opacity .4s ease 1.5s;}
html.motion .mitobari.in .mado::before{opacity:0;}
html.motion .mitobari .mado{opacity:1;}

/* ④ 数字：下の古金の線が左から伸び、数字はふっと現れる（数え上げない） */
html.motion .kazu .n{opacity:0;transform:translateY(8px);transition:opacity 1s var(--ease-iki),transform 1s var(--ease-iki);}
html.motion .kazu .n::after{transform:scaleX(0);transition:transform .6s var(--ease-shosa) .6s;}
html.motion .kazu.in .n{opacity:1;transform:none;}
html.motion .kazu.in .n::after{transform:scaleX(1);}
html.motion .kazu li:nth-child(2) .n{transition-delay:.15s;} html.motion .kazu li:nth-child(3) .n{transition-delay:.3s;} html.motion .kazu li:nth-child(4) .n{transition-delay:.45s;}

/* ⑥ 灯明が一つずつともる（ふっと明るむのは1回だけ） */
html.motion .tomyo svg{opacity:0;transition:opacity .5s ease;transition-delay:calc(var(--i,0) * .4s);}
html.motion .tomyo-retsu.in .tomyo svg{opacity:1;}
html.motion .tomyo-retsu.in .tomyo::before{animation:akarumu .9s ease-out both;animation-delay:calc(var(--i,0) * .4s + .2s);}
@keyframes akarumu{0%{opacity:0;}45%{opacity:1;}100%{opacity:0;}}
/* ⑦ 紙垂が2往復だけ揺れて止まる（±3度・1.8秒） */
html.motion .shide.in{animation:yure 1.8s ease-in-out both;}
@keyframes yure{0%{transform:rotate(0);}20%{transform:rotate(3deg);}45%{transform:rotate(-3deg);}70%{transform:rotate(2deg);}88%{transform:rotate(-1deg);}100%{transform:rotate(0);}}
/* 短冊は一枚ずつ上から8px下りて止まる */
html.motion .tanzaku.reveal{transform:translateY(-8px);}
html.motion .tanzaku.reveal.in{transform:none;}
/* ⑧ 筆の「素」がにじむ */
html.motion .omoi__su{opacity:0;transition:opacity 1.4s ease;}
html.motion .omoi__su.in{opacity:1;}
/* ⑨ 注連縄が左から右へ張られ、中央の紙垂がふわりと下りる */
html.motion .shimenawa__nawa{transform:scaleX(0);transition:transform 1.2s var(--ease-shosa);}
html.motion .shimenawa.in .shimenawa__nawa{transform:none;}
html.motion .shimenawa__shide{opacity:0;transform:translateY(-10px);transition:opacity .6s ease 1.2s,transform .6s var(--ease-iki) 1.2s;}
html.motion .shimenawa.in .shimenawa__shide{opacity:1;transform:none;}
/* ツリー：墨の枝が伸び、名前が現れ、札が上から掛かる。結びで零紋が押される */
html.motion .tree__eda::before,html.motion .twigs::before{transform:scaleY(0);transition:transform 1.4s var(--ease-shosa);}
html.motion .tree.in .tree__eda::before{transform:scaleY(1);}
html.motion .branch.in > .twigs::before{transform:scaleY(1);transition-delay:.5s;}
html.motion .tree__root{opacity:0;transition:opacity .6s var(--ease-iki);}
html.motion .tree.in .tree__root{opacity:1;}
html.motion .branch > .node::before{transform:scaleX(0);transition:transform .6s var(--ease-shosa) calc(var(--i,0) * 160ms),background-color .3s ease;}
html.motion .branch.in > .node::before{transform:scaleX(1);}
html.motion .branch > .node .node__no,html.motion .branch > .node .node__name{opacity:0;transition:opacity .7s var(--ease-iki);transition-delay:calc(.3s + var(--i,0) * 160ms);}
html.motion .branch.in > .node .node__no,html.motion .branch.in > .node .node__name{opacity:1;}
html.motion .branch > .node .fuda{opacity:0;transform:translateY(-6px);transition:opacity .4s var(--ease-iki),transform .4s var(--ease-iki);transition-delay:calc(.6s + var(--i,0) * 160ms);}
html.motion .branch.in > .node .fuda{opacity:1;transform:none;}
html.motion .branch > .node .node__mark{opacity:0;transition:opacity .4s ease .8s;}
html.motion .branch.in > .node .node__mark{opacity:1;}
html.motion .branch--musubi::after{opacity:0;transform:scale(1.12);transition:opacity .4s ease .7s,transform .4s var(--ease-iki) .7s;}
html.motion .branch--musubi.in::after{opacity:1;transform:none;}
/* 確かさの地図：藍の枠が左から現れ、境目に朱の線が立ち、紫の破線の枠が現れる */
html.motion .chizu__ku--kagaku{opacity:0;transform:translateX(-12px);transition:opacity .9s var(--ease-iki),transform .9s var(--ease-iki);}
html.motion .chizu.in .chizu__ku--kagaku{opacity:1;transform:none;}
html.motion .chizu__sakai::before{transform:scaleX(0);transition:transform .8s var(--ease-shosa) .8s;}
html.motion .chizu.in .chizu__sakai::before{transform:none;}
@media (min-width:960px){ html.motion .chizu__sakai::before{transform:translateX(-50%) scaleY(0);} html.motion .chizu.in .chizu__sakai::before{transform:translateX(-50%);} }
html.motion .chizu__sakai span{opacity:0;transition:opacity .6s ease 1s;}
html.motion .chizu.in .chizu__sakai span{opacity:1;}
html.motion .chizu__ku--mikagaku{opacity:0;transition:opacity .9s ease 1.4s;}
html.motion .chizu.in .chizu__ku--mikagaku{opacity:1;}
/* 断面図：円周の磁石が順に縁取られ、中心の余白が静かに明るむ（1回） */
html.motion .shikumi .jishaku{opacity:.15;transition:opacity .4s ease;transition-delay:calc(var(--i) * 80ms);}
html.motion .shikumi.in .jishaku{opacity:1;}
html.motion .shikumi .chikara{opacity:0;transition:opacity .8s ease 1.4s;}
html.motion .shikumi.in .chikara{opacity:1;}
html.motion .shikumi .shizumari{opacity:0;}
html.motion .shikumi.in .shizumari{animation:akarumu 1.6s ease-out 1.8s both;}

/* ---------- 25. 動きを減らす設定・コントラスト・印刷 ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
@media (prefers-contrast:more){
  body,.ji-shironeri,.ji-kinari,.site-foot,.sp-menu__kami{background-image:none!important;}
  :root{--keisen:var(--sen-imi);}
  .mount,.hanrei,.tanzaku,.tanzaku-washi,.node__naka{background:var(--shironeri);}
}
@media print{
  body{padding:0!important;}
  .site-head,.sp-menu,.sando-obi,.yt,.tree__all,.qa-all,.torii,.shimenawa,.shide,.tomyo-retsu{display:none!important;}
  .site-foot{padding-bottom:0!important;}
  .branch > .node__panel{grid-template-rows:1fr!important;visibility:visible!important;}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:12px;display:inline;width:auto;height:auto;background:none;-webkit-mask:none;mask:none;}
  *{box-shadow:none!important;}
}

/* ページ上部：h1 の上の一行（2026-10-19 ミロク・よくある質問「非科学ではなく、未科学の領域へ」） */
.h1-mae{font-family:var(--f-head);font-weight:600;font-size:var(--fs-l);letter-spacing:.14em;line-height:1.7;color:var(--sumi);margin:0 0 var(--ma3);}

/* 零の岩戸の木：最初から全部ひらいたまま（2026-10-19 tools/iwato_ki.py） */
.tree--hiraki .node{cursor:default;}
.tree--hiraki .node,.tree--hiraki .twigs .node{padding-right:0;}
.tree--hiraki .node:hover .node__name{text-decoration:none;}
.tree--hiraki .node__naka b{font-weight:700;}
.iwato-ki__lead{margin:0 0 var(--ma5);}
.tree--hiraki,.iwato-ki__lead{text-align:left;}
.iwato-naka > .btn-retsu{margin-top:var(--ma6);margin-bottom:var(--ma8);}  /* 実物の写真を外したあとの間（2026-10-19） */

/* ---- /assets/css/keisen.css ---- */
/* パララックスの罫線（2026-10-19 ミロク：サイト全体に）
   見出し・区切りの朱の線が、スクロールに合わせて少しずつ横へずれ、奥行きを出す。
   transform とは別の translate を使うので、既存の伸びる動き（scaleX）とぶつからない。
   動きを減らす設定では止まる（JS が --kp を入れないため 0 のまま）。 */
.midashi::after,.ko-midashi::before,.page-head__h1::before,.daiji-h1::before,
.site-foot::before,.aikotoba__kotoba::before,.aikotoba__kotoba::after,.chizu__sakai::before{
  translate:calc(var(--kp,0) * var(--kp-haba,22px)) 0;will-change:translate;}
.aikotoba__kotoba::after{translate:calc(var(--kp,0) * var(--kp-haba,22px) * -1) 0;}
/* もう一本、淡い髪の毛ほどの線を添え、逆向きにゆっくり動かして層を作る */
.midashi,.page-head__h1,.daiji-h1{--kp-haba:22px;}
.midashi > .kp-sen,.page-head__h1 > .kp-sen,.daiji-h1 > .kp-sen{position:absolute;left:0;top:7px;width:96px;height:1px;background:var(--shu);opacity:.35;
  translate:calc(var(--kp,0) * -36px) 0;pointer-events:none;will-change:translate;}
@media (prefers-reduced-motion:reduce){
  .midashi::after,.ko-midashi::before,.page-head__h1::before,.daiji-h1::before,.site-foot::before,
  .aikotoba__kotoba::before,.aikotoba__kotoba::after,.chizu__sakai::before,.kp-sen{translate:none!important;}
}

/* ---- /assets/css/fuda.css ---- */
/* 確かさの札＝縦の木札（2026-10-19 ミロク「縦の木札風にして」・D2 §6-1 を上書き）
   正本：tools/fuda_src/fuda.css（tools/fuda_src/fuda_tsukuru.py で書き出す）。base.css の .fuda はここで上書きする。
   見分け：文字＋札の頭の形（科学＝剣先／未科学＝角切り／郷の考え方＝丸頭）＋紐の色（藍／紫／若竹）
   読みやすさ：文字は墨・明朝600・16px以上。木の地は白に近い明るさ（墨との明暗差 実測 12:1 以上） */

.fuda,.tanzaku-washi .fuda,.fuda.fuda--kagaku,.fuda.fuda--mikagaku,.fuda.fuda--sato{
  /* 1文字ぶんの送り＝1em＋字間。--n は1行に入れる字数（「科学で分かって／いること」で2行） */
  --ji:.08em; --gyo:1.36em; --n:7;
  --ue:2.2em; --yoko:.375em; --shita:.5em; --pad:.42em;
  position:relative;display:inline-block;box-sizing:content-box;vertical-align:top;
  writing-mode:vertical-rl;text-orientation:mixed;white-space:normal;word-break:normal;line-break:strict;
  font:600 16px/var(--gyo) var(--f-ui);letter-spacing:var(--ji);color:var(--sumi);text-align:start;
  width:calc(var(--gyo) * 2);
  height:calc(var(--n) * (1em + var(--ji)) + .4em);
  min-height:0;margin:0;padding:var(--pad);
  border-style:solid;border-width:var(--ue) var(--yoko) var(--shita);
  border-image-slice:35 6 8 fill;border-image-repeat:stretch;
  /* 地の色は文字の下（内側の箱）にだけ敷く：木目のいちばん濃いところと同じ色で、明暗差を正しく測れるように */
  background:#F5EFE2 content-box;
  transform:none;transform-origin:50% 0;
  filter:drop-shadow(0 1px .5px rgba(80,58,24,.16)) drop-shadow(0 3px 5px rgba(80,58,24,.07));
}
.fuda::before{content:"";position:absolute;left:50%;top:calc(var(--ue) * -1);width:1em;height:1.5em;margin-left:-.5em;
  background:center top/100% 100% no-repeat;pointer-events:none;}
.fuda::after{content:none;}

/* 科学で分かっていること：剣先・藍の紐（7字＋4字の2行） */
.fuda.fuda--kagaku{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='120' viewBox='0 0 60 120' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='k' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23E9DDC6'/%3E%3Cstop offset='.12' stop-color='%23F4EDDF'/%3E%3Cstop offset='.5' stop-color='%23FAF6EC'/%3E%3Cstop offset='.88' stop-color='%23F3EBDC'/%3E%3Cstop offset='1' stop-color='%23E6D9C0'/%3E%3C/linearGradient%3E%3ClinearGradient id='t' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.35'/%3E%3Cstop offset='.25' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.93' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%236B4E22' stop-opacity='.16'/%3E%3C/linearGradient%3E%3CclipPath id='c'%3E%3Cpath d='M.6 119.4 V31 L30 10.6 L59.4 31 V119.4 Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M.6 119.4 V31 L30 10.6 L59.4 31 V119.4 Z' fill='url%28%23k%29'/%3E%3Cg clip-path='url%28%23c%29' fill='none' stroke='%23C9B48D' stroke-opacity='.17' stroke-width='.5'%3E%3Cpath d='M11 0 C10 40 12.5 80 11.2 120'/%3E%3Cpath d='M19.5 0 C20.5 45 18.6 85 19.8 120'/%3E%3Cpath d='M33 0 C32.2 38 34 82 32.8 120'/%3E%3Cpath d='M42.5 0 C43.4 42 41.6 78 42.9 120'/%3E%3Cpath d='M50.5 0 C49.8 46 51.2 84 50.2 120'/%3E%3Cpath d='M26 0 C26.6 50 25.4 90 26.2 120' stroke-opacity='.14'/%3E%3C/g%3E%3Cpath d='M.6 119.4 V31 L30 10.6 L59.4 31 V119.4 Z' fill='url%28%23t%29'/%3E%3Cpath d='M.6 119.4 V31 L30 10.6 L59.4 31 V119.4 Z' fill='none' stroke='%23A88E66' stroke-opacity='.75' stroke-width='.9'/%3E%3C/svg%3E");}
.fuda--kagaku::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Cpath d='M8 1 C3.6 6.5 4.4 15 8 20.4 C11.6 15 12.4 6.5 8 1 Z' fill='none' stroke='%231F4E79' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='1.6' r='1.3' fill='%231F4E79'/%3E%3Ccircle cx='8' cy='20.6' r='2.5' fill='%235C4630' fill-opacity='.85'/%3E%3Ccircle cx='8' cy='20.6' r='2.5' fill='none' stroke='%23E9DDC6' stroke-width='.7'/%3E%3Cpath d='M8 18 V22.6' stroke='%231F4E79' stroke-width='1.5'/%3E%3C/svg%3E");}
/* 未科学の領域：角切り・紫の紐（6字の1行を、板のまん中に） */
.fuda.fuda--mikagaku{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='120' viewBox='0 0 60 120' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='k' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23E9DDC6'/%3E%3Cstop offset='.12' stop-color='%23F4EDDF'/%3E%3Cstop offset='.5' stop-color='%23FAF6EC'/%3E%3Cstop offset='.88' stop-color='%23F3EBDC'/%3E%3Cstop offset='1' stop-color='%23E6D9C0'/%3E%3C/linearGradient%3E%3ClinearGradient id='t' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.35'/%3E%3Cstop offset='.25' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.93' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%236B4E22' stop-opacity='.16'/%3E%3C/linearGradient%3E%3CclipPath id='c'%3E%3Cpath d='M.6 119.4 V18.6 L8.6 10.6 H51.4 L59.4 18.6 V119.4 Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M.6 119.4 V18.6 L8.6 10.6 H51.4 L59.4 18.6 V119.4 Z' fill='url%28%23k%29'/%3E%3Cg clip-path='url%28%23c%29' fill='none' stroke='%23C9B48D' stroke-opacity='.17' stroke-width='.5'%3E%3Cpath d='M11 0 C10 40 12.5 80 11.2 120'/%3E%3Cpath d='M19.5 0 C20.5 45 18.6 85 19.8 120'/%3E%3Cpath d='M33 0 C32.2 38 34 82 32.8 120'/%3E%3Cpath d='M42.5 0 C43.4 42 41.6 78 42.9 120'/%3E%3Cpath d='M50.5 0 C49.8 46 51.2 84 50.2 120'/%3E%3Cpath d='M26 0 C26.6 50 25.4 90 26.2 120' stroke-opacity='.14'/%3E%3C/g%3E%3Cpath d='M.6 119.4 V18.6 L8.6 10.6 H51.4 L59.4 18.6 V119.4 Z' fill='url%28%23t%29'/%3E%3Cpath d='M.6 119.4 V18.6 L8.6 10.6 H51.4 L59.4 18.6 V119.4 Z' fill='none' stroke='%23A88E66' stroke-opacity='.75' stroke-width='.9'/%3E%3C/svg%3E");
  width:var(--gyo);padding-left:calc(var(--pad) + var(--gyo) / 2);padding-right:calc(var(--pad) + var(--gyo) / 2);text-align:center;}
.fuda--mikagaku::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Cpath d='M8 1 C3.6 6.5 4.4 15 8 20.4 C11.6 15 12.4 6.5 8 1 Z' fill='none' stroke='%235B3F98' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='1.6' r='1.3' fill='%235B3F98'/%3E%3Ccircle cx='8' cy='20.6' r='2.5' fill='%235C4630' fill-opacity='.85'/%3E%3Ccircle cx='8' cy='20.6' r='2.5' fill='none' stroke='%23E9DDC6' stroke-width='.7'/%3E%3Cpath d='M8 18 V22.6' stroke='%235B3F98' stroke-width='1.5'/%3E%3C/svg%3E");}
/* ミロクの郷の考え方：丸頭・若竹の紐（「ミロクの郷／の考え方」の2行。高さは科学の札とそろえる） */
.fuda.fuda--sato{border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='120' viewBox='0 0 60 120' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='k' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23E9DDC6'/%3E%3Cstop offset='.12' stop-color='%23F4EDDF'/%3E%3Cstop offset='.5' stop-color='%23FAF6EC'/%3E%3Cstop offset='.88' stop-color='%23F3EBDC'/%3E%3Cstop offset='1' stop-color='%23E6D9C0'/%3E%3C/linearGradient%3E%3ClinearGradient id='t' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.35'/%3E%3Cstop offset='.25' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.93' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%236B4E22' stop-opacity='.16'/%3E%3C/linearGradient%3E%3CclipPath id='c'%3E%3Cpath d='M.6 119.4 V29 C.6 16.6 13.6 10.6 30 10.6 C46.4 10.6 59.4 16.6 59.4 29 V119.4 Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M.6 119.4 V29 C.6 16.6 13.6 10.6 30 10.6 C46.4 10.6 59.4 16.6 59.4 29 V119.4 Z' fill='url%28%23k%29'/%3E%3Cg clip-path='url%28%23c%29' fill='none' stroke='%23C9B48D' stroke-opacity='.17' stroke-width='.5'%3E%3Cpath d='M11 0 C10 40 12.5 80 11.2 120'/%3E%3Cpath d='M19.5 0 C20.5 45 18.6 85 19.8 120'/%3E%3Cpath d='M33 0 C32.2 38 34 82 32.8 120'/%3E%3Cpath d='M42.5 0 C43.4 42 41.6 78 42.9 120'/%3E%3Cpath d='M50.5 0 C49.8 46 51.2 84 50.2 120'/%3E%3Cpath d='M26 0 C26.6 50 25.4 90 26.2 120' stroke-opacity='.14'/%3E%3C/g%3E%3Cpath d='M.6 119.4 V29 C.6 16.6 13.6 10.6 30 10.6 C46.4 10.6 59.4 16.6 59.4 29 V119.4 Z' fill='url%28%23t%29'/%3E%3Cpath d='M.6 119.4 V29 C.6 16.6 13.6 10.6 30 10.6 C46.4 10.6 59.4 16.6 59.4 29 V119.4 Z' fill='none' stroke='%23A88E66' stroke-opacity='.75' stroke-width='.9'/%3E%3C/svg%3E");
  --n:5;padding-top:calc(var(--pad) + (1em + var(--ji)));padding-bottom:calc(var(--pad) + (1em + var(--ji)));}
.fuda--sato::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Cpath d='M8 1 C3.6 6.5 4.4 15 8 20.4 C11.6 15 12.4 6.5 8 1 Z' fill='none' stroke='%232F6F4F' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='1.6' r='1.3' fill='%232F6F4F'/%3E%3Ccircle cx='8' cy='20.6' r='2.5' fill='%235C4630' fill-opacity='.85'/%3E%3Ccircle cx='8' cy='20.6' r='2.5' fill='none' stroke='%23E9DDC6' stroke-width='.7'/%3E%3Cpath d='M8 18 V22.6' stroke='%232F6F4F' stroke-width='1.5'/%3E%3C/svg%3E");}

/* ---- 1. 本文の段落の頭：段落の左に小さく掛ける ---- */
.fuda.fuda--p{float:left;margin:.3em 1.05em .5em 0;}
p:has(> .fuda--p),li:has(> .fuda--p){display:flow-root;}

/* ---- 2. 札の並び（よくある質問・声のまとまりの頭など） ---- */
.fuda-retsu{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--ma3);margin:0 0 var(--ma4);}
.qa__naka .fuda-retsu{margin:var(--ma2) 0 var(--ma3);}
/* 600px から：札は答えの左に掛ける（スマホは答えの上に並べ、本文の幅を細くしない） */
@media (min-width:600px){
  .qa__naka:has(> .fuda-retsu){display:flow-root;}
  .qa__naka > .fuda-retsu{float:left;margin:.35em var(--ma4) var(--ma3) 0;}
}

/* ---- 3. ロジックツリーの枝の中 ---- */
.node__fuda{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--ma3);padding:6px 0 4px;}
.node__naka[data-iro="mikagaku"]{border-left-color:#5B3F98;}
/* ツリーの「上から降りる」動きは、札だけ揺れに替える（位置はずらさない） */
html.motion .branch > .node .fuda{transform:none;}
/* PC：札は枝の名前の右に掛ける（名前の下に縦長の空きを作らない） */
@media (min-width:960px){
  .node{grid-template-columns:auto minmax(0,max-content) auto;justify-content:start;column-gap:12px;}
  .node .node__fuda{grid-column:3;grid-row:1 / span 2;padding:0 0 6px 24px;align-self:start;}
  .twigs .node{grid-template-columns:minmax(0,max-content) auto;}
  .twigs .node .node__fuda{grid-column:2;}
}

/* ---- 4. 凡例「この札の見方」 ---- */
.hanrei ul{list-style:none;display:grid;gap:var(--ma4);}
.hanrei li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--ma3) 20px;font-family:var(--f-ui);font-size:17px;line-height:1.85;}
.hanrei li .fuda{justify-self:center;font-size:17px;}
@media (min-width:760px){
  /* 3枚を一本の横木に掛けて並べ、説明は札の下に */
  .hanrei ul{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ma4) var(--ma5);padding-top:10px;}
  .hanrei ul::before{content:"";position:absolute;left:4%;right:4%;top:2px;height:3px;border-radius:2px;
    background:linear-gradient(#C9B48D,#A88E66);box-shadow:0 1px 2px rgba(80,58,24,.18);}
  .hanrei li{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;justify-items:center;align-items:start;text-align:left;}
  .hanrei li .fuda{font-size:18px;margin-top:-6px;}
}

/* ---- 5. 現れるとき一度だけ、紐を支点に小さく揺れて止まる（fuda.js が .yure を付ける） ---- */
@keyframes fuda-yure{
  0%{transform:rotate(-3.2deg);} 30%{transform:rotate(2deg);} 55%{transform:rotate(-1deg);}
  76%{transform:rotate(.4deg);} 100%{transform:rotate(0);}
}
html.motion .fuda.yure{animation:fuda-yure 1.7s cubic-bezier(.33,.66,.4,1) var(--yd,0s) 1 both;}
@media (prefers-reduced-motion:reduce){ .fuda,.fuda.yure{animation:none !important;transform:none !important;} }
@media print{ .fuda{filter:none;} }

/* ---- /assets/css/refinement.css ---- */
/* 零磁場神殿 デザインの磨き上げ（2026-10-19 ChatGPT の案をもとに反映。元：work/ChatGPT_デザイン磨き_2026-10-19/04_ChatGPTからの案/）
   全CSS（fuda.css を含む）の後に読む。tools/migaki.py がリンクを入れる。
   ミロクの決まりを守るため、案から外したもの：
   ・柱の間の題字の書体（Zen Old Mincho 400 のまま。2026-10-19 ミロク指定）
   ・「静かに、下へ」の上の余白を32pxに詰める（ミロクの指示で広げた余白を保つ） */
:root{
 --shironeri:#FAF9F5;--kinari:#F8F6F0;--torinoko:#F2EBDD;--sumi:#24231F;
 --fs-m:18px;--fs-s:16px;--fs-1:20.4px;--fs-2:25.9px;--fs-3:32.9px;--fs-4:41.9px;
 --gutter:24px;--kukaku:88px;
}
body{line-height:1.95;letter-spacing:.03em;}
:focus-visible{outline:2px solid var(--sumi);outline-offset:4px;}
/* 1. 札の強い詳細度、border-image、紐、floatをすべて解除 */
.fuda,.tanzaku-washi .fuda,.fuda.fuda--kagaku,.fuda.fuda--mikagaku,.fuda.fuda--sato{
 box-sizing:border-box;writing-mode:horizontal-tb;text-orientation:mixed;
 width:auto;height:auto;min-height:36px;max-width:100%;padding:5px 10px;
 border:1px solid #D4CCBB;border-image:none;background:#F2EBDD;
 color:var(--sumi);font:600 16px/1.7 var(--f-ui);letter-spacing:.03em;
 text-align:start;filter:none;box-shadow:none;transform:none;
}
.fuda::before,.fuda::after{display:none;}
.fuda.fuda--p{float:none;display:table;margin:0 0 12px;}
.fuda.yure{animation:none!important;}
/* 文字で区分を残す。色だけで区別しない */
.hanrei{background:transparent;padding:24px 0;border-block:1px solid var(--keisen);}
.hanrei ul{display:grid;grid-template-columns:1fr;gap:20px;padding:0;}
.hanrei ul::before{display:none;}
.hanrei li{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:10px;justify-items:start;text-align:start;font-size:16px;}
.hanrei li .fuda{justify-self:start;margin:0;font-size:16px;}
/* 2. 木の本文幅を取り戻す。既存の.is-open/aria-controlsをそのまま使う */
.tree{--trunk-x:6px;--branch-x:24px;--twig-x:0px;}
.tree .node,.tree .twigs .node{
 grid-template-columns:auto minmax(0,1fr);justify-content:stretch;
 gap:8px 10px;padding:12px 50px 12px 0;align-items:start;
}
.tree .node__fuda,.tree .twigs .node .node__fuda{
 grid-column:1 / -1;grid-row:auto;padding:0;gap:8px;align-self:auto;
}
.tree .twigs .node{grid-template-columns:minmax(0,1fr);}
.tree .node__name{font-size:20.4px;line-height:1.65;letter-spacing:.03em;}
.tree .twigs .node__name{font-size:18px;}
.tree .node__naka{
 background:transparent;padding:0 0 0 12px;margin:8px 0 24px;
 font-size:18px;line-height:1.95;text-align:start;
}
.tree .twigs::before,.tree .twigs .node::before,.tree .twigs .node::after{display:none;}
.tree .twigs .branch{padding-left:0;}
/* 3. 本文は左揃え、ブロックを中央へ。既存brはHTMLで確認して除く */
.toi__honbun{max-width:34em;margin-inline:auto;text-align:start;}
.toi__honbun p{text-align:start;line-height:2;letter-spacing:.03em;word-break:normal;line-break:strict;}
/* 4. 鳥居は全幅124vwから、余白のある枠内へ */
.hero.fv{min-height:0;padding:24px 0 48px;}
.torii-zu{--w:min(100%,460px);width:var(--w);margin-inline:auto;}  /* 2026-10-19 iPhoneで額と題字がずれた件：vw と負の余白をやめ、枠の中の中央ぞろえに */
.hashirama{left:0;right:0;width:100%;transform:translateY(-50%);display:flex;justify-content:center;}  /* 題字は枠いっぱいの箱の中で中央ぞろえ（自分の幅を測って動かす方式をやめる） */
.shingaku__moji{font-size:max(16px,4.7cqw);}
@media (min-width:960px){ .torii-zu{margin-inline:auto;} }
.hero .shizuka{position:static;animation:none;}
/* 5. 鳥居を組み立てる長い待ち時間をなくし、文字を静止表示 */
html.motion .torii-zu .b,html.motion .shingaku,html.motion .shingaku__moji,
html.motion .fv-en,html.motion .hashirama .ch,html.motion .hero .shizuka{
 opacity:1;transform:none;animation:none;transition:none;
}
/* 6. 戸だけが開く。既存hikido.jsの.is-hirakuに合わせる */
html.motion .hikido .hikido__to{transition:transform .9s cubic-bezier(.22,.61,.36,1) .1s;}
html.motion .hikido .hikido__e{transform:none;transition:none;}
html.motion .hikido .hikido__kage,html.motion .hikido .hikido__hikari{display:none;}
/* 7. LINEの原文とSVGは維持し、面と飾りだけ整える */
.sando-obi .btn-line,.line-cta .btn-line{background:var(--shironeri);color:var(--sumi);border:1px solid var(--sumi);box-shadow:none;}
.sando-obi .btn-line::before,.sando-obi .btn-line::after,
.line-cta .btn-line::before,.line-cta .btn-line::after{display:none;}
.sukashi::before{display:none;}
.sando-obi .btn-line{white-space:nowrap;padding-inline:14px;}  /* 帯のボタンの文字を1行に */
/* 8. LINEのボタン（2026-10-19 外部批評8：世界観になじませる）
   地は白練 #FBFAF6・文字は墨・縁は墨の細線＋金の細い内線。LINEの緑 #06C755 は「LINEマーク（緑の角丸＋白い吹き出し）」と下辺のごく細い線だけ。
   影・光の筋・強い枠は使わない。主文 bl-main「ご案内を受け取る」／副文 bl-sub「公式LINE」（補足の小ささ・16px以上）。 */
.btn-line.btn-line.btn-line{
 --bl-line:#06C755;
 position:relative;display:flex;align-items:center;justify-content:flex-start;gap:0;width:100%;min-width:0;min-height:56px;padding:0;
 background:#FBFAF6;color:var(--sumi);
 border:1px solid var(--sumi);border-bottom:2px solid var(--bl-line);border-radius:4px;box-shadow:none;
 font-family:var(--f-head);font-weight:700;letter-spacing:.04em;line-height:1.35;text-align:left;
}
.btn-line.btn-line.btn-line::before{content:"";position:absolute;inset:3px;border:1px solid var(--kin);border-radius:2px;pointer-events:none;display:block;z-index:1;}
.btn-line.btn-line.btn-line::after{display:none!important;animation:none!important;}
.btn-line .mk{position:relative;z-index:2;flex:none;display:grid;place-items:center;width:40px;height:40px;margin:8px 0 8px 12px;background:var(--bl-line);border-radius:9px;}
.btn-line .mk svg{display:block;width:30px;height:30px;}
.btn-line .btn__moji,.btn-line .obi__mijikai,.btn-line .obi__nagai{position:relative;z-index:2;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 8px 8px 12px;text-align:left;}
.btn-line .obi__nagai{display:none;}
.btn-line .bl-main{display:block;font-size:17px;font-weight:700;line-height:1.35;letter-spacing:.03em;color:var(--sumi);}
.btn-line .bl-sub{display:block;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:.03em;color:var(--sumi);}
.btn-line .go{position:relative;z-index:2;flex:none;align-self:center;width:26px;height:26px;margin-right:12px;border:1px solid var(--kin);border-radius:50%;display:none;place-items:center;color:var(--sumi);font:700 16px/1 var(--f-ui);}
.btn-line.btn-line.btn-line:hover,.btn-line.btn-line.btn-line:focus-visible{background:var(--torinoko);color:var(--sumi);border-color:var(--sumi);}
.btn-line:focus-visible{outline:3px solid var(--sumi);outline-offset:3px;}
@media (min-width:480px){ .btn-line .go{display:grid;} }
@media (prefers-reduced-motion:no-preference){ .btn-line .go{transition:transform .25s var(--ease-iki);} .btn-line:hover .go{transform:translateX(3px);} }
@media (min-width:600px){
 .btn-line.btn-line.btn-line{display:inline-flex;width:auto;min-width:min(100%,440px);}
 .btn-line .mk{width:48px;height:48px;margin:8px 0 8px 14px;} .btn-line .mk svg{width:36px;height:36px;}
 .btn-line .btn__moji,.btn-line .obi__mijikai,.btn-line .obi__nagai{padding:10px 18px;}
 .btn-line .obi__mijikai{display:none;} .btn-line .obi__nagai{display:flex;}
 .btn-line .bl-main{font-size:var(--fs-1);letter-spacing:.05em;} .btn-line .bl-sub{letter-spacing:.05em;}
 .btn-line .go{width:30px;height:30px;margin-right:18px;}
}
/* 大きい区画（トップ最後・紙芝居の最後・トップの途中）はやや大きく */
@media (min-width:600px){
 .line-cta .btn-line.btn-line.btn-line,.kami__owari .btn-line.btn-line.btn-line,.line-naka .btn-line.btn-line.btn-line{max-width:560px;min-width:min(100%,500px);}
 .line-cta .btn-line .mk,.kami__owari .btn-line .mk,.line-naka .btn-line .mk{width:60px;height:60px;margin:10px 0 10px 16px;}
 .line-cta .btn-line .mk svg,.kami__owari .btn-line .mk svg,.line-naka .btn-line .mk svg{width:44px;height:44px;}
 .line-cta .btn-line .btn__moji,.kami__owari .btn-line .btn__moji,.line-naka .btn-line .btn__moji{padding:14px 22px;}
 .line-cta .btn-line .bl-main,.kami__owari .btn-line .bl-main,.line-naka .btn-line .bl-main{font-size:var(--fs-2);}
 .line-cta .btn-line .bl-sub,.kami__owari .btn-line .bl-sub,.line-naka .btn-line .bl-sub{font-size:var(--fs-m);}
 .line-cta .btn-line .go,.kami__owari .btn-line .go,.line-naka .btn-line .go{width:36px;height:36px;font-size:18px;}
}
.line-cta--oki .btn-line.btn-line.btn-line{max-width:560px;min-height:0;font-size:inherit;margin-inline:auto;}
.kami__owari .btn-line.btn-line.btn-line,.sp-menu .btn-line.btn-line.btn-line{margin-inline:auto;}
.sp-menu .btn-line.btn-line.btn-line{width:100%;max-width:none;}
/* ヘッダー：同じ形の小さめ版（主文だけ・矢印なし・内線なし） */
.site-head .btn-line.btn-line.btn-line--head{flex:none;width:auto;min-width:0;min-height:44px;white-space:nowrap;background:#FBFAF6;border:1px solid var(--sumi);border-bottom:2px solid var(--bl-line);border-radius:4px;padding:0;letter-spacing:.04em;font-size:16px;}
@media (max-width:959px){ .site-head .btn-line.btn-line.btn-line.btn-line--head{display:none;} }
.site-head .btn-line--head::before,.site-head .btn-line--head::after{display:none!important;}
.site-head .btn-line--head .mk{width:30px;height:30px;margin:6px 0 6px 10px;border-radius:7px;}
.site-head .btn-line--head .mk svg{width:23px;height:23px;}
.site-head .btn-line--head .btn__moji{padding:4px 14px 4px 10px;}
.site-head .btn-line--head .bl-main{font-size:16px;letter-spacing:.03em;}
.site-head .btn-line--head .bl-sub{display:none;}
.site-head .btn-line--head .go{display:none;}
.site-head .btn-line.btn-line.btn-line--head:hover,.site-head .btn-line.btn-line.btn-line--head:focus-visible{background:var(--torinoko);}
/* 画面の下の固定の帯（スマホ）：細く（高さ48px前後）。主文だけ・16px・横にはみ出さない */
.sando-obi{--obi-h:48px;min-height:calc(48px + env(safe-area-inset-bottom));}
.obi__menu{min-height:48px;}
.sando-obi .btn-line.btn-line.btn-line{flex:1 1 0;width:auto;min-width:0;max-width:none;margin:2px 8px;min-height:44px;height:44px;overflow:hidden;border-radius:3px;}
.sando-obi .btn-line::before{display:none;}
.sando-obi .btn-line .mk{width:30px;height:30px;margin:0 0 0 8px;border-radius:7px;} .sando-obi .btn-line .mk svg{width:23px;height:23px;}
.sando-obi .btn-line .btn__moji,.sando-obi .btn-line .obi__mijikai,.sando-obi .btn-line .obi__nagai{padding:2px 6px 2px 10px;}
.sando-obi .btn-line .bl-main{font-size:16px;line-height:1.2;letter-spacing:.01em;white-space:nowrap;}
.sando-obi .btn-line .bl-sub{display:none;}
.sando-obi .btn-line .go{display:none;}
@media (min-width:600px){ .sando-obi .btn-line .go{display:grid;width:24px;height:24px;margin-right:10px;} }
@media (min-width:960px){
 .sando-obi .btn-line.btn-line.btn-line{flex:none;margin:0;height:auto;min-height:44px;}
 .sando-obi .btn-line .mk{width:34px;height:34px;margin:5px 0 5px 10px;} .sando-obi .btn-line .mk svg{width:26px;height:26px;}
 .sando-obi .btn-line .btn__moji,.sando-obi .btn-line .obi__nagai{padding:6px 14px 6px 12px;}
 .sando-obi .btn-line .bl-main{font-size:var(--fs-m);letter-spacing:.04em;}
}
@media (max-width:359px){
 .sando-obi .obi__menu{flex-basis:64px;} .sando-obi .btn-line.btn-line.btn-line{margin:2px 4px;}
 .sando-obi .btn-line .mk{width:26px;height:26px;margin-left:5px;} .sando-obi .btn-line .mk svg{width:20px;height:20px;}
 .sando-obi .btn-line .btn__moji,.sando-obi .btn-line .obi__mijikai{padding:2px 4px 2px 6px;}
 .sando-obi .btn-line .bl-main{font-size:16px;letter-spacing:0;white-space:normal;line-height:1.15;}
}
@media(min-width:960px){
 :root{--gutter:48px;--fs-m:18px;--fs-1:20.4px;--fs-2:25.9px;--fs-3:32.9px;--fs-4:41.9px;}
 .wrap{max-width:1216px;}
 .iwato-naka{max-width:1120px;}
 .hero.fv .torii-zu{--w:min(42vw,460px);}
 .tree{--trunk-x:0px;--branch-x:32px;}
 .tree__karada{grid-template-columns:minmax(0,1fr);}
 .tree__root{min-height:0;display:block;padding:0 0 24px;background:none;border:0;white-space:normal;}
 .tree .branch--ha{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:48px;}
 .tree .branch--ha > .node::after{display:none;}
 .hanrei ul{grid-template-columns:repeat(3,minmax(0,1fr));}
}
/* 設定を途中で切り替えても即静止。既存の低減規則に重ねる */
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important;}
 html.motion .hikido .hikido__to{display:none!important;}
 html.motion .hikido .hikido__e{transform:none!important;}
 html.motion .ink-in .ch,html.motion .reveal{
  opacity:1!important;transform:none!important;animation:none!important;transition:none!important;
 }
 .tree *, .fuda, .torii-zu *{animation:none!important;transition:none!important;}
}

/* =====================================================================
   9. 装飾 ①〜⑥（2026-10-19 ミロク決定。元：work/LINEバナー案_2026-10-19/mock/css/soushoku.css の .after を外したもの）
   ①入口タイル ②案内ボタン ③区画の区切り ④三つの文の札 ⑤紙芝居の台紙 ⑥最後のLINE区画（しめ縄・紙垂なし）
   文字の色・文字の地は変えない。飾りは文字の背後に置かない。新しい動きは足さない。
   ===================================================================== */
/* =====================================================================
   装飾の案（2026-10-19 line-banner-designer）
   すべて の中だけ。実装するときは を外して、既存のクラスにそのまま足す。
   文字の色・文字の地は変えない（墨 #1A1E2E／白練 #FBFAF6・生成り #F5F1E8）。文字の背後に飾りを置かない。
   飾りの色：金 --kin #8C6A2A（細い線・小さな菱だけ）／朱 --shu #B7282E（小さな印だけ）
   動き：新しい動きは足さない（ホバーの色だけ）。
   ===================================================================== */
/* 装飾の共通の変数 */
:root{
  --kado:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><path d='M4.5 .5L8.5 4.5L4.5 8.5L.5 4.5Z' fill='%23FBFAF6' stroke='%238C6A2A'/></svg>");
  --kumo:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='18' viewBox='0 0 72 18' fill='none' stroke='%238C6A2A' stroke-width='1.1' stroke-linecap='round'><path d='M2 16H20C14 16 12 9 17 7C20 6 22 8 22 10C22 6 26 3 30 5C32 6 33 8 33 10'/><path d='M70 16H52C58 16 60 9 55 7C52 6 50 8 50 10C50 6 46 3 42 5C40 6 39 8 39 10'/><path d='M33 10C33 6 36 4 36 4C36 4 39 6 39 10'/></svg>");
  --shippo:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none' stroke='%238C6A2A' stroke-width='.9'><circle cx='0' cy='0' r='14'/><circle cx='28' cy='0' r='14'/><circle cx='0' cy='28' r='14'/><circle cx='28' cy='28' r='14'/><circle cx='14' cy='14' r='14'/></svg>");
  --yotsume:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='16' viewBox='0 0 30 16' fill='none' stroke='%238C6A2A' stroke-width='1.1'><circle cx='11' cy='8' r='6'/><circle cx='19' cy='8' r='6'/></svg>");
}
/* 四隅の小さな金の菱（細い内側の罫の角に置く）。background に重ねる */
.kado-4{
  background-image:var(--kado),var(--kado),var(--kado),var(--kado);
  background-repeat:no-repeat;background-origin:border-box;
  background-position:left 1.5px top 1.5px,right 1.5px top 1.5px,left 1.5px bottom 1.5px,right 1.5px bottom 1.5px;
}

/* ① 二つの入口（縦書きのタイル）：いまの金の二重罫に、角の菱＋上の瑞雲を足す。文字の位置は変えない */
.iriguchi__tobira{
  padding-top:calc(var(--ma4) + 22px);
  background-color:var(--shironeri);
  background-image:var(--kado),var(--kado),var(--kado),var(--kado),var(--kumo);
  background-repeat:no-repeat;background-origin:border-box;
  background-size:9px 9px,9px 9px,9px 9px,9px 9px,72px 18px;
  background-position:left 1.5px top 1.5px,right 1.5px top 1.5px,left 1.5px bottom 1.5px,right 1.5px bottom 1.5px,center 18px;
}
.iriguchi__tobira:hover,.iriguchi__tobira:focus-visible{background-color:var(--torinoko);}
@media (min-width:960px){ .iriguchi__tobira{padding-top:calc(var(--ma5) + 28px);background-position:left 1.5px top 1.5px,right 1.5px top 1.5px,left 1.5px bottom 1.5px,right 1.5px bottom 1.5px,center 24px;} }

/* ② ふつうの案内ボタン .btn-go：墨の枠の内側に金の細い罫（二重罫）＋左に朱の小さな菱 */
.btn-go{position:relative;padding-left:38px;}
.btn-go::before{content:"";position:absolute;inset:4px;border:1px solid var(--kin);pointer-events:none;}
.btn-go::after{content:"";position:absolute;left:17px;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--shu);transform:rotate(45deg);}
.btn-go:hover,.btn-go:focus-visible{background:var(--torinoko);}

/* ③ 区画の区切り：区画の上の余白に、金の細い線＋七宝の小さな輪。余白の上端にごく薄い七宝の地紋（文字の高さまでは届かせない） */
.kukaku--ma{position:relative;}
.kukaku--ma::before{
  content:"";position:absolute;left:50%;top:48px;width:260px;height:16px;margin-left:-130px;pointer-events:none;
  background:linear-gradient(var(--kin),var(--kin)) left center/100px 1px no-repeat,linear-gradient(var(--kin),var(--kin)) right center/100px 1px no-repeat,var(--yotsume) center/30px 16px no-repeat;
}
.kukaku--ma::after{
  content:"";position:absolute;left:0;right:0;top:0;height:96px;pointer-events:none;opacity:.22;
  background:var(--shippo) 0 0/28px 28px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,transparent 100%);mask-image:linear-gradient(180deg,#000 0,transparent 100%);
}
.midashi{padding-top:36px;}
.midashi::before{top:calc(36px + .35em);}

/* ④ 「正直に、お伝えします」の三つの文：札の枠（墨ではなく金の二重罫）。朱の縦線は短く残す */
.shojiki__retsu{gap:var(--ma3);}
.shojiki__retsu li{
  position:relative;padding:14px 18px 14px 34px;background:var(--shironeri);border:1px solid var(--kin);
  background-image:var(--kado),var(--kado),var(--kado),var(--kado);background-repeat:no-repeat;background-origin:border-box;background-size:9px 9px;
  background-position:left 1.5px top 1.5px,right 1.5px top 1.5px,left 1.5px bottom 1.5px,right 1.5px bottom 1.5px;
}
.shojiki__retsu li::after{content:"";position:absolute;inset:5px;border:1px solid var(--kin);pointer-events:none;}
.shojiki__retsu li::before{left:15px;top:18px;bottom:18px;width:3px;z-index:1;}

/* ⑤ 紙芝居：絵は和紙の台紙に載せる（台紙＋金の二重罫＋角の菱）。ボタンは .btn-go と同じ二重罫 */
.kami__e{position:relative;padding:14px;background-color:var(--kinari);background-image:var(--fiber),var(--kado),var(--kado),var(--kado),var(--kado);
  background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-origin:border-box;
  background-position:0 0,left 1.5px top 1.5px,right 1.5px top 1.5px,left 1.5px bottom 1.5px,right 1.5px bottom 1.5px;
  border:1px solid var(--kin);box-shadow:none;}
.kami__e::before{content:"";position:absolute;inset:5px;border:1px solid var(--kin);pointer-events:none;}
.kami__img,.kami__okiba{outline:1px solid rgba(26,30,46,.35);outline-offset:0;position:relative;}
.kami__btn{position:relative;}
.kami__btn::before{content:"";position:absolute;inset:4px;border:1px solid var(--kin);pointer-events:none;}
.kami__btn:hover::before,.kami__btn:focus-visible::before{border-color:#E9D28A;}

/* ⑥ 最後のLINE区画：中身を「札」にして、上に注連縄（紙垂なし）。区画の上下と左右の余白に、ごく薄い七宝の地紋。文字の背後は無地のまま */
.line-cta--oki{position:relative;overflow:hidden;}
.line-cta--oki::before,.line-cta--oki::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;opacity:.2;background:var(--shippo) 0 0/28px 28px;}
.line-cta--oki::before{-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 96px,transparent calc(100% - 96px),#000 100%);mask-image:linear-gradient(180deg,#000 0,transparent 96px,transparent calc(100% - 96px),#000 100%);}
.line-cta--oki::after{display:none;}
@media (min-width:960px){
 .line-cta--oki::after{display:block;-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 24%,transparent 76%,#000 100%);mask-image:linear-gradient(90deg,#000 0,transparent 24%,transparent 76%,#000 100%);}
}
.line-cta--oki .wrap{position:relative;z-index:1;background-color:var(--shironeri);background-image:var(--fiber),var(--grain),var(--kado),var(--kado),var(--kado),var(--kado);
  background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-origin:border-box;
  background-position:0 0,0 0,left 1.5px top 1.5px,right 1.5px top 1.5px,left 1.5px bottom 1.5px,right 1.5px bottom 1.5px;
  border:1px solid var(--kin);padding:56px 20px 40px;max-width:640px;margin-inline:auto;}
.line-cta--oki .wrap::before{content:"";position:absolute;inset:5px;border:1px solid var(--kin);pointer-events:none;}
.line-cta--oki .shimenawa{display:block!important;position:absolute;left:-14px;right:-14px;top:-26px;width:auto;height:auto;margin:0;}
.line-cta--oki .shimenawa svg{display:block;width:100%;height:auto;}
.line-cta--oki .btn-line-note{font-weight:600;}

@media (max-width:599px){ .line-cta--oki .wrap{padding-inline:14px;} }
.sando-obi.line-off .btn-line.btn-line.btn-line{display:none;}  /* LINEの区画が見えている間は、帯のLINEボタンを隠す（もとの決まり） */
/* 入口タイルの「この場所を知る」「この空間を知る」：スマホ幅では矢印を文字の下に置き、文字は1行に収める（2026-10-19） */
@media (max-width:460px){
 .iriguchi__tobira .iriguchi__iku{flex-direction:column;align-items:center;gap:2px;margin-top:auto;}
 .iriguchi__tobira .iriguchi__moji{white-space:nowrap;font-size:16px;letter-spacing:.04em;}
}

/* 9. スマホの余白（2026-10-19 外部批評2：ミロクが批評を100%採用。「間」を広げた版から、以前のスマホの余白に戻す） */
@media (max-width:959px){
 :root{--ma3:16px;--ma4:24px;--ma5:32px;--ma6:48px;--ma7:64px;--ma8:96px;--ma9:128px;--ma10:128px;--kukaku:96px;--kukaku-ma:128px;--h2-top:64px;}
 body{line-height:1.95;}
}
/* 登場演出で本文が隠れない（外部批評2・3）：最初から読める状態にし、動きは補助にする */
html.motion .reveal{opacity:.82;}
html.motion .ink-in .ch{opacity:.82;}
html.motion .reveal.in,html.motion .ink-in.in .ch{opacity:1;}
/* 縦書きは使いどころを絞る（外部批評2）：トップ以外の見出しは横書き */
.page-head .daiji-h1 .tate{writing-mode:horizontal-tb;text-orientation:mixed;}
.page-head .daiji-h1 .daiji{letter-spacing:.12em;}

/* 区画ごとの絵（2026-10-19 追加指示・批評3）：絵の上に文字を重ねない。台紙の上に絵、下にキャプション */
.ill{max-width:760px;margin:var(--ma5) auto;}
.ill img{display:block;width:100%;height:auto;aspect-ratio:1672/733;object-fit:cover;}
.ill--wide img{aspect-ratio:16/9;}  /* 2026-10-20 新しく描いた絵（16:9のまま・切らない） */
.ill-pair{display:grid;grid-template-columns:1fr;gap:var(--ma4);margin:var(--ma5) 0;}
.ill-pair .ill{margin:0;}
@media (min-width:760px){ .ill-pair{grid-template-columns:1fr 1fr;} }
/* 名前の関係の表（批評9） */
.namae-hyo{width:100%;max-width:640px;margin:var(--ma4) 0;border-collapse:collapse;font-size:var(--fs-body);line-height:1.7;}
.namae-hyo caption{caption-side:top;text-align:left;font-family:var(--f-ui);font-size:16px;font-weight:700;padding-bottom:8px;}
.namae-hyo th,.namae-hyo td{border:1px solid var(--keisen);padding:10px 12px;text-align:left;vertical-align:top;}
.namae-hyo th{background:var(--torinoko);font-weight:700;white-space:nowrap;}
.kansei-yotei{margin-top:var(--ma3);}
.page-head .daiji-h1{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 18px;}
.page-head .daiji-h1 .daiji-h1__en{writing-mode:horizontal-tb;letter-spacing:.2em;padding-top:0;}
@media (max-width:599px){
 .sando-obi .obi__menu{flex-basis:68px;}
 .sando-obi .btn-line.btn-line.btn-line{margin:2px 6px;}
 .sando-obi .btn-line .mk{width:28px;height:28px;margin-left:6px;} .sando-obi .btn-line .mk svg{width:22px;height:22px;}
 .sando-obi .btn-line .btn__moji,.sando-obi .btn-line .obi__mijikai{padding:2px 4px 2px 8px;}
 .sando-obi .btn-line .bl-main{letter-spacing:0;}
}

/* 体感のかたち（/voices/・2026-10-20 ミロク指定）：短い言葉のカード */
.katachi__retsu{list-style:none;margin:var(--ma5) 0 var(--ma4);padding:0;display:grid;gap:var(--ma3);grid-template-columns:minmax(0,1fr);}
.katachi__retsu li{padding:var(--ma3) var(--ma4);background:var(--shironeri);border:1px solid var(--kin);font-family:var(--f-head);font-weight:600;font-size:var(--fs-l);line-height:1.8;letter-spacing:.04em;}
@media (min-width:760px){ .katachi__retsu{grid-template-columns:repeat(2,minmax(0,1fr));} }

/* 体験者の声のスライド（2026-10-20）：絵の下に、同じ言葉を大きな文字で */
.koe-slide{margin:0 0 var(--ma5);}
.koe-slide img{display:block;width:100%;height:auto;border:1px solid var(--kin);}
.koe-slide figcaption{padding:var(--ma3) 0 0;}
.koe-slide__bun{display:block;font-family:var(--f-head);font-weight:600;font-size:var(--fs-1);line-height:1.7;letter-spacing:.04em;color:var(--sumi);}
.koe-slide__chuki{display:block;margin-top:var(--ma2);font-size:16px;line-height:1.7;color:var(--sumi);}

/* 体験者の声の動画（/voices/・2026-10-20）：本編は埋め込み、ショートはテキストとリンクだけ */
.koe-douga__main{margin:var(--ma5) 0 var(--ma6);max-width:880px;}
.koe-douga__sub{margin:var(--ma6) 0 var(--ma3);font-family:var(--f-head);font-weight:600;font-size:var(--fs-1);}
.koe-douga__h{margin:var(--ma3) 0 var(--ma2);font-family:var(--f-head);font-weight:600;font-size:var(--fs-l);line-height:1.6;}
.koe-douga__h a{color:var(--sumi);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;}
.koe-douga__ext{display:block;font-size:16px;font-weight:400;}
.koe-douga__kome{margin:0 0 var(--ma2);font-size:var(--fs-m);line-height:1.9;}
.koe-douga__retsu{list-style:none;margin:0;padding:0;display:grid;gap:var(--ma4);grid-template-columns:minmax(0,1fr);max-width:880px;}
.koe-douga__li{padding:var(--ma3) var(--ma4);border:1px solid var(--kin);background:var(--shironeri);}

/* 札の色分け（2026-10-21 ミロク）：科学で分かっていること＝黒／未科学の領域＝オレンジ／ミロクの郷の考え方＝高貴な紫。
   地は淡い同じ色、左の太い線と縁を鮮やかな（または濃い）色にし、文字は濃い同じ色。文字と地の明暗差は 9:1 以上。
   文字の区別（言葉）はそのまま残す */
.fuda.fuda--kagaku,.tanzaku-washi .fuda.fuda--kagaku{background:#EDEDED;border:1px solid #111;border-left:8px solid #111;color:#111;}
.fuda.fuda--mikagaku,.tanzaku-washi .fuda.fuda--mikagaku{background:#FFE4C7;border:1px solid #F07A00;border-left:8px solid #F07A00;color:#5C2700;}
.fuda.fuda--sato,.tanzaku-washi .fuda.fuda--sato{background:#E9E1F5;border:1px solid #5B2C9F;border-left:8px solid #5B2C9F;color:#32175E;}

/* ヘッダー・フッターの紋（鳥居あり）：24pxだと鳥居が見えないので、少し大きく（2026-10-21 ミロク） */
.logo__mon{width:34px!important;height:34px!important;}

/* ---- /assets/css/nav-shin.css ---- */
/* =====================================================================
   零磁場神殿 ZERO TEMPLE ― 全ページ共通のヘッダー・フッターの新しい部分（2026-10-19 G2）
   正本：tools/nav_shin_src/nav-shin.css → site/assets/css/nav-shin.css（tools/nav_shin.py が置く）。全ページが最後に読む
   ヘッダー：メニュー4つ＋「公式LINE」ボタン（PC）。スマホは画面の下の帯にLINEがあるので、ヘッダーは名前だけ
   フッター：名前の下に小さな英字 ZERO TEMPLE（装飾・aria-hidden・明朝・字間広め・16px・墨）
   ===================================================================== */
.site-head .gnav ul{gap:clamp(14px,1.8vw,32px);}
.site-head .btn-line--head{display:none;}
@media (min-width:960px){
  .site-head .wrap{gap:clamp(12px,1.6vw,28px);}
  .site-head .gnav{margin-left:auto;}
  .site-head .btn-line--head{display:inline-flex;flex:none;width:auto;min-width:0;min-height:48px;padding:6px 22px;margin:0;font-size:18px;letter-spacing:.08em;white-space:nowrap;}
}


/* フッターの名前（上：零磁場神殿／下：小さな英字） */
.site-foot__logo{align-items:center;gap:.8em;}
.site-foot__na{display:flex;flex-direction:column;gap:2px;}
.site-foot__en{font-family:var(--f-head);font-weight:600;font-size:16px;line-height:1.5;letter-spacing:.32em;color:var(--sumi);}
.site-foot__nav ul{grid-template-columns:1fr;}
@media (min-width:600px){ .site-foot__nav ul{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (min-width:960px){ .site-foot__nav ul{grid-template-columns:repeat(3,minmax(0,1fr));} }
.site-foot__nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--shu);text-decoration-thickness:2px;text-underline-offset:6px;}
/* メニューは折り返さず1行に（「ゼロ磁場を優しく知る」が長いので、狭いPCは字間と余白をつめる） */
.gnav a,.sp-menu__main a{white-space:nowrap;}
@media (min-width:960px) and (max-width:1179px){
  .site-head .gnav a{letter-spacing:.04em;}
  .site-head .gnav ul{gap:14px;}
  .site-head .btn-line--head{padding:6px 16px;letter-spacing:.04em;}
  .site-head .logo__ja{letter-spacing:.06em;}
}

/* ヘッダーのサイト名は2段（2026-10-19 ミロク指定）：上に「零磁場神殿」、その下に小さく「ZERO TEMPLE」。フッターも同じ2段 */
.site-head .logo__na{display:flex;flex-direction:column;gap:0;line-height:1.35;}
.site-head .logo__en{display:block!important;font-size:16px;letter-spacing:.32em;line-height:1.3;}
.site-head .logo{gap:.7em;}

/* ---- /assets/css/meisou.css ---- */
/* 零の岩戸で行う瞑想（/temple/#meisou）と、70年の方の声（トップ・/voices/）。2026-10-20 */
.meisou__lead{margin:var(--ma4) 0 0;max-width:38em;}
.meisou__e{margin:var(--ma5) 0 0;display:grid;gap:var(--ma4);}
.meisou__zu{margin:0;}
.meisou__zu img{display:block;width:100%;height:auto;border:1px solid var(--kin);background:var(--torinoko);}
.meisou__zu figcaption{margin-top:8px;font-size:var(--fs-small);line-height:1.7;letter-spacing:.04em;color:var(--sumi);font-weight:500;}
.meisou__retsu{list-style:none;margin:var(--ma5) 0 0;padding:0;display:grid;gap:0;}
.meisou__retsu li{padding:var(--ma4) 0;border-top:1px solid var(--kin);}
.meisou__retsu li:last-child{border-bottom:1px solid var(--kin);}
.meisou__retsu h3{margin:0 0 var(--ma2);}
.meisou__retsu p{margin:0;font-size:var(--fs-m);line-height:1.9;color:var(--sumi);word-break:auto-phrase;text-wrap:pretty;}
.meisou__retsu .meisou__chu{margin-top:var(--ma2);font-weight:700;}
.meisou__ma{margin:var(--ma5) 0 0;font-size:var(--fs-m);line-height:1.9;color:var(--sumi);max-width:38em;}
.meisou__tsugi{margin:var(--ma4) 0 0;}
@media (min-width:760px){
  .meisou__e{grid-template-columns:repeat(2,minmax(0,1fr));}
  .meisou__zu img{aspect-ratio:2.2/1;object-fit:cover;}
}
/* トップの声：70年の方の一枚は、3枚の下に横いっぱいで */
.tanzaku--hiroi{grid-column:1/-1;}
.tanzaku--hiroi blockquote p{max-width:40em;}

/* ---- /assets/css/eyebrow.css ---- */
/* 見出し（h2）の上の小さな英字（2026-10-20 ミロク）。WHY MIROKU（.mm-en）と同じ：墨・16px・600・字間ひろく。動きなし */
.eb{display:block;margin:0 0 var(--ma2,8px);font-family:var(--f-ui);font-weight:600;font-size:16px;line-height:1.7;letter-spacing:.2em;color:var(--sumi);text-transform:uppercase;overflow-wrap:anywhere;}

/* ---- /assets/css/shiage.css ---- */
/* 構成の仕上げ（2026-10-21・tools/shiage_kousei.py）
   1) LINE のボタンを「主」に：墨の地・白い文字・金の内線。LINEの緑はマークだけ（外部批評8の世界観は保つ）。
      ヘッダーの小さなボタン（.btn-line--head）だけは、これまでの生成りの形のまま。
   2) LINE の区画の3行（届くもの・回数・登録した方へ）と、押したあとの手順
   3) 料金の表の直後などに置く LINE の区画（.line-naka） */

.btn-line.btn-line.btn-line:not(.btn-line--head){background:var(--sumi);border-color:var(--sumi);border-bottom-color:#06C755;color:#fff;}
.btn-line.btn-line.btn-line:not(.btn-line--head)::before{border-color:rgba(214,186,120,.75);}
.btn-line:not(.btn-line--head) .bl-main,.btn-line:not(.btn-line--head) .bl-sub{color:#fff;}
.btn-line:not(.btn-line--head) .go{color:#fff;border-color:rgba(214,186,120,.9);}
.btn-line.btn-line.btn-line:not(.btn-line--head):hover,.btn-line.btn-line.btn-line:not(.btn-line--head):focus-visible{background:#2C3247;color:#fff;border-color:var(--sumi);}

.line-mittsu{list-style:none;margin:var(--ma5,1.6rem) auto 0;padding:0;max-width:30em;text-align:left;border-top:1px solid var(--kin);}
.line-mittsu li{display:grid;grid-template-columns:7.5em 1fr;gap:.2em 1em;padding:.7em .2em;border-bottom:1px solid rgba(140,106,42,.35);font-size:max(16px,1rem);line-height:1.8;color:var(--sumi);}
.line-mittsu__na{font-weight:700;}
@media (max-width:420px){ .line-mittsu li{grid-template-columns:1fr;} }
.line-how{max-width:30em;margin:var(--ma4,1rem) auto 0;font-size:max(16px,.95rem);line-height:1.9;color:var(--sumi);text-align:left;}

.line-naka{margin:var(--ma7,3rem) auto 0;padding:clamp(24px,4vw,40px) clamp(16px,4vw,40px);max-width:680px;background:#FBFAF6;border:1px solid var(--kin);text-align:center;}
.line-naka__ma{margin:0;font-family:var(--f-head);font-weight:700;font-size:max(17px,1.1rem);line-height:1.8;color:var(--sumi);}
.line-naka .btn-line{margin-top:var(--ma5,1.6rem);}
.kiji__honbun .line-naka .line-mittsu,.kiji__honbun .line-naka .line-how{margin-inline:auto;}
.kiji__honbun ol.yoten b{margin-right:.3em;}

/* トップの h1 の副題：名前と「兵庫・神河のゼロ磁場ドーム」を2行に（区切りの記号を行頭に出さない） */
.tm-fv__h1-sub .fv-sub2{display:block;}