/* =====================================================================
   group.css  ──  グループ概要（/group/）専用スタイル
   デザイン＝「年代記 × 対比見開き」（案A×案B 統合・design-preview/group-final.html）
   ・ヒーロー：1978→現在 大年号 ＋ 通しの重み3バッジ ＋ ツイン割印（象徴）
   ・No.01 序 → No.02 年代記（このページの物語の核）→ No.03 2店舗対比見開き（実務・spec表）
     → No.04 ご用件別 道案内 → No.05 会社概要（台帳）→ No.06 FAQ → 締め（親子代々）
   ・設計思想＝時間（なぜ2店舗に）→ 構造（いまどう分担）を因果でつなぐ（続き158 確定）。

   方針：
   ・全ルールを .grp 配下にスコープし、クラス名も grp- で名前空間化（グローバル衝突回避）。
   ・色トークンは .grp に閉じて定義（:root を汚さない＝about.css と同手法）。
   ・割印は「2店で1つ＝象徴」／No.03 spec表は「具体的な違い＝実務」＝役割を分け構文重複を避ける。
   ・カード化（背景面/border/角丸/影）・一辺色バー・ベタ塗りは全廃＝罫線/余白/タイポ/面で構造を作る
     （続き120 確定＝[[ai-design-tells-to-avoid]]。禁止＝再びカード化/一辺色バーに戻さない）。
   ・LINE CTA は規定コンポーネント（template-parts/components/line-cta-block.php）を使う（決定 2026-06-20）。
   ・太ウェイト（Cormorant 500/600・Noto Serif 600/700）は functions.php で /group/ のみ追加 enqueue。
   ===================================================================== */

.grp{
  /* ページ専用トークン。グローバルの明るいゴールド(#B8975A)を、より落ち着いた
     アンティーク真鍮へ page-local で上書き＝「AI定番の金」感を抑え品を上げる（2026-06-27 ブラッシュアップ）。 */
  --indigo:#21305E;          /* 主役の藍（少し冴えた紺＝真鍮と組んで品が出る） */
  --gold:#9A7C44;            /* 落ち着いた真鍮（global #B8975A を上書き＝細罫・装飾） */
  --gold-dk:#6B5328;         /* 深い真鍮（見出し番号・濃い罫） */
  --gold-lt:#C0A266;
  --paper:#FAF7F1;
  --paper-edge:#F0EADF;
  --rule:#D7CEC0;            /* 罫・カード境界（非テキスト専用） */
  --grid:rgba(107,83,40,.04); /* 方眼＝ほぼ気配だけ（定番のグラフ用紙感を回避） */
  --bg:#F5F2EB;              /* わずかに灰寄りの温白＝「暖かいクリーム定番」を冷ます */

  position:relative;
  background:var(--bg);
  color:var(--charcoal, #1C1C1C);
  /* 極薄の方眼（気配程度） */
  background-image:
    linear-gradient(var(--grid) .5px, transparent .5px),
    linear-gradient(90deg, var(--grid) .5px, transparent .5px);
  background-size:38px 38px;
  background-position:center top;
  overflow:hidden; /* 大年号などのはみ出しを抑える */
}
.grp::before{
  /* 方眼を更に淡く沈める紙のヴェール */
  content:"";
  position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(250,247,241,.5), rgba(245,242,235,.92) 60%, var(--bg) 100%);
  pointer-events:none;
}
.grp > *{ position:relative; z-index:1; }

.grp-wrap{ max-width:1080px; margin:0 auto; padding:0 22px; }

.grp img{ max-width:100%; display:block; }

/* フォーカス可視（藍） */
.grp a:focus-visible{
  outline:2.5px solid var(--indigo);
  outline-offset:3px;
  border-radius:2px;
}

/* ===========================================================
   HERO ── 1978 大年号 ＋ 通しの重み3バッジ ＋ ツイン割印
   =========================================================== */
.grp-hero{
  position:relative;
  padding:64px 0 52px;
  overflow:hidden;
}
.grp-eyebrow{
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif);
  font-size:15px; letter-spacing:.42em; text-transform:uppercase;
  color:var(--gold-dk); font-weight:600;
  display:flex; align-items:center; gap:14px;
  margin:0 0 14px;
}
.grp-eyebrow::before, .grp-eyebrow::after{
  content:""; height:1px; flex:0 0 34px; background:var(--gold, #B8975A);
}
.grp-eyebrow::after{ flex:1 1 auto; background:linear-gradient(90deg, var(--gold, #B8975A), transparent); }

.grp-hero h1{
  font-family:var(--jp, 'Noto Serif JP', serif);
  font-weight:600;
  font-size:clamp(26px,5.4vw,44px);
  letter-spacing:.06em;
  line-height:1.4;
  margin:0 0 16px;
  color:var(--charcoal, #1C1C1C);
}

/* 大年号 1978 — 現在年 */
.grp-bigyear{
  /* 大年号は明朝（Noto Serif JP）。オーナー指示 2026-06-28＝Cormorant より明朝が良い。 */
  font-family:var(--jp, 'Noto Serif JP', serif);
  font-weight:600;
  line-height:.96;
  letter-spacing:.02em;
  font-size:clamp(48px,12vw,140px);
  color:var(--charcoal, #1C1C1C);
  display:flex; align-items:center; gap:clamp(10px,3vw,40px);
  margin:14px 0 8px;
}
.grp-bigyear .grp-y{
  /* フォントは数字を持つ span 自身に指定する。親 .grp-bigyear に font-family を置いても、
     global.css の `p,li,span,…{font-family:var(--sans)}`（行106・詳細度0,0,1）が span を直撃して
     親からの継承に勝つため、ゴシックになってしまう（2026-06-30 オーナー指摘で発覚）。
     .grp-bigyear .grp-y（0,2,0）で明朝を当て直す。 */
  font-family:var(--jp, 'Noto Serif JP', serif);
  /* 主役の大年号は単色の炭で言い切る（グラデ clip text はAIくさの手癖8＝2026-07-07 撤去）。
     過去→現在の時間差は中央の --dash（藍→真鍮）が運ぶのでグラデ文字は要らない。 */
  color:var(--charcoal, #1C1C1C);
}
.grp-bigyear .grp-dash{
  flex:0 0 auto;
  width:clamp(28px,8vw,120px); height:3px;
  background:linear-gradient(90deg, var(--indigo), var(--gold-dk));
  margin-top:.06em;
}
.grp-bigyear-cap{
  font-family:var(--jp, 'Noto Serif JP', serif); font-size:13px; letter-spacing:.4em;
  color:var(--warm-gray, #6B6560); margin:0 0 24px;
}
/* SP：広い字間のまま折り返すと「撮/りつづけて」と語中で割れる（2026-07-07）。
   字間を緩め、日本語部分は文節で折れるよう word-break を制御。 */
@media (max-width:560px){
  .grp-bigyear-cap{ letter-spacing:.16em; line-height:1.7; word-break:keep-all; overflow-wrap:anywhere; }
}

.grp-hero-lead{
  max-width:47em;
  font-size:clamp(15px,1.7vw,17px);
  color:var(--text2, #5A5550);
  line-height:2.05;
  margin:0;
}

/* ---- 通しの重み3バッジ（創業・年数・累計組数）＝ヒーローで「重み」を宣言 ---- */
.grp-trust{
  display:flex; gap:clamp(20px,5vw,56px);
  margin-top:30px; flex-wrap:wrap;
}
.grp-trust div{ display:flex; flex-direction:column; gap:4px; }
.grp-trust .n{
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif); font-weight:600;
  font-size:clamp(26px,4vw,38px); color:var(--gold-dk); line-height:1;
}
/* 単位ラベル（創業・年・組以上）＝数字の半分サイズの明朝。 */
.grp-trust .n span{ font-family:var(--jp, 'Noto Serif JP', serif); font-size:.5em; margin-left:4px; font-weight:600; }
.grp-trust .l{
  font-family:var(--sans, 'Noto Sans JP', sans-serif); font-size:12px;
  letter-spacing:.08em; color:var(--warm-gray, #6B6560);
}

/* ---- ツイン結節図＝公式印・割印（モバイル：縦／PC：横）── ヒーロー末尾に象徴として置く。
   中央のグループ印が、2店舗の証書（十和田＝藍／八戸＝真鍮）の「合わせ目」に
   割印として跨って捺される＝「二店でひとつの印＝グループの保証」を構造で見せる。
   No.03 の spec 対比（具体的な違い）と役割を分け、ここは「1つに束ねる象徴」に徹する。
   全要素にクラスで font-family を指定済み＝global.css の span{font-family:var(--sans)}
   に詳細度で勝つ（続き117 の span 直撃の再発を予防）。 ---- */
.grp-twin-cap{
  margin:54px 0 26px; text-align:center;
  font-family:var(--jp, 'Noto Serif JP', serif); font-weight:600;
  font-size:14px; letter-spacing:.14em; color:var(--charcoal, #1C1C1C);
}
.grp-twin{ position:relative; margin:0 0 4px; }
/* 2店を「縦罫1本」で分ける（カード化しない＝枠/背景/影/一辺バーなし・地の紙面に直接置く） */
.grp-twin__pair{ display:flex; flex-direction:column; }
.grp-twin__store{
  position:relative;
  padding:30px 28px 28px;
  min-width:0; text-align:center;
}
/* base(SP)：上＝十和田／下＝八戸。中央の細い横罫で分け、合わせ目に印スペースを確保 */
.grp-twin__store--toh{ border-bottom:1px solid var(--rule); padding-bottom:100px; }
.grp-twin__store--hac{ padding-top:100px; }
/* 地名ラベル＝枠なしの色文字だけ（藍＝本店／金＝姉妹店）。タグ枠は使わない */
.grp-twin__tag{
  display:inline-block;
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif); font-size:12px; letter-spacing:.24em; text-transform:uppercase;
  font-weight:600; margin-bottom:10px;
}
.grp-twin__store--toh .grp-twin__tag{ color:var(--indigo); }
.grp-twin__store--hac .grp-twin__tag{ color:var(--gold-dk); }
.grp-twin__name{
  font-family:var(--jp, 'Noto Serif JP', serif); font-weight:600; font-size:clamp(17px,2.3vw,21px);
  letter-spacing:.03em; margin:0 0 5px; color:var(--charcoal, #1C1C1C);
}
.grp-twin__role{
  font-family:var(--sans, 'Noto Sans JP', sans-serif); font-size:12.5px; letter-spacing:.12em;
  color:var(--warm-gray, #6B6560); margin:0;
}
/* 中央の割印（base＝上下の合わせ目／PC＝左右の合わせ目） */
.grp-twin__node{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3;
  opacity:0; animation:grpSealIn .8s cubic-bezier(.2,.7,.2,1) .2s forwards;
}
.grp-seal{ position:relative; width:156px; height:156px; display:flex; align-items:center; justify-content:center; }
.grp-seal__ring{ position:absolute; inset:0; overflow:visible;
  /* 外周刻字リングは、印面より一段淡くゆっくり浮かせる＝二重の格＝品（ブラッシュアップ 2026-07-08） */
  opacity:0; animation:grpRingIn 1s ease .5s forwards;
}
.grp-seal__ring text{
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif);
  font-size:9.5px; letter-spacing:2.6px; fill:var(--gold-dk); text-transform:uppercase; font-weight:600;
}
.grp-seal__face{
  width:106px; height:106px; border-radius:50%;
  background:radial-gradient(circle at 50% 40%, #FFFFFF, var(--paper) 78%);
  /* 割印は紙に「捺す」もの＝浮かせるグロー影は付けない（手癖9＝2026-07-07 撤去）。
     品を上げるため金の細二重罫（外1px＋内ヘアライン）で「印の縁」を作る（ブラッシュアップ 2026-07-08）。 */
  border:1px solid var(--gold);
  box-shadow:inset 0 0 0 1px #fff, inset 0 0 0 2px rgba(154,124,68,.22);
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  line-height:1; position:relative; z-index:1;
}
/* 中央＝Studio Odashima（2行・セリフ）＋ 罫 ＋ Group。和文をやめ英字セリフで統一 */
.grp-seal__studio{
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif); font-weight:600; font-size:15px;
  letter-spacing:.02em; color:var(--indigo); line-height:1.12;
}
.grp-seal__group{
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif); font-size:9px; font-weight:600;
  letter-spacing:.26em; text-transform:uppercase; color:var(--gold-dk); margin-top:6px;
  padding-top:5px; border-top:1px solid rgba(154,124,68,.4); /* 印面内の細罫で Studio と Group を分ける（品） */
}
@keyframes grpSealIn{
  from{ opacity:0; transform:translate(-50%,-50%) scale(.82); }
  to{ opacity:1; transform:translate(-50%,-50%) scale(1); }
}
@keyframes grpRingIn{
  from{ opacity:0; transform:rotate(-8deg); }
  to{ opacity:1; transform:rotate(0); }
}
@media (prefers-reduced-motion: reduce){
  .grp-twin__node{ animation:none; opacity:1; }
  .grp-seal__ring{ animation:none; opacity:1; transform:none; }
}
/* PC：横並び。中央の縦罫1本で左右を分け、割印が罫に跨る（カード化しない） */
@media (min-width:721px){
  .grp-twin__pair{ flex-direction:row; align-items:center; }
  .grp-twin__store{ flex:1; text-align:right; padding:40px 100px 40px 30px; }
  .grp-twin__store--toh{ border-bottom:none; border-right:1px solid var(--rule); padding-bottom:40px; }
  .grp-twin__store--hac{ text-align:left; padding:40px 30px 40px 100px; }
}

/* ===========================================================
   セクション共通（台帳の登録票風）
   =========================================================== */
.grp-section{ padding:58px 0; position:relative; }
.grp-section + .grp-section{ border-top:1px solid var(--rule); }
/* 余白に疎密を（手癖4）＝事実の列挙(No.01/05)より、ページの山場である
   年代記(No.02)・2つの店舗(No.03)に空気を寄せる（2026-07-07）。 */
.grp-section--wide{ padding:84px 0; }
@media (max-width:560px){ .grp-section--wide{ padding:64px 0; } }

/* 背景の緩急（オーナー指摘：全編同色で単調）＝ page-local --paper を
   全幅の面として交互に敷く。一辺バーでなく面で章を切り替える
   （type-and-color.md【7】／トップページの --cream⇔--warm-white 交互と同じ手法）。
   初稿は --paper(#FAF7F1) と --bg(#F5F2EB) の明度差が僅少で「言われないと気づかない」
   レベルだった（オーナー再指摘・2026-07-19）ため、--paper 側を素の白へ寄せて差を広げる
   （新色トークンは追加しない＝この背景専用の1回だけの上書き値）。あわせて方眼も
   紙面区画のみ非表示にし「地の切り替え」を色＋模様の2重で伝える。
   No.02/04/06＝紙面（無地・明るい）、No.01/03/05＝方眼の地のまま（2026-07-19）。 */
.grp-section--paper{ background:#FDFBF7; background-image:none; }

.grp-reg{
  display:flex; align-items:baseline; gap:18px;
  margin:0 0 28px;
  padding-bottom:14px;
  border-bottom:1px solid var(--rule);
}
.grp-reg__no{
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif);
  font-size:clamp(22px,3.4vw,34px);
  font-weight:500; letter-spacing:.04em;
  color:var(--gold-dk);
  white-space:nowrap;
  display:flex; align-items:baseline; gap:8px;
}
.grp-reg__no small{
  font-size:.42em; letter-spacing:.34em; text-transform:uppercase;
  color:var(--warm-gray, #6B6560); font-weight:600;
  transform:translateY(-.2em);
}
.grp-reg__h{
  font-family:var(--jp, 'Noto Serif JP', serif);
  font-weight:600;
  font-size:clamp(20px,3vw,28px);
  letter-spacing:.06em;
  line-height:1.4;
  margin:0;
  color:var(--charcoal, #1C1C1C);
}

.grp-prose p{
  margin:0 0 1.25em;
  font-size:clamp(15px,1.6vw,16.5px);
  color:var(--text2, #5A5550);
  line-height:2.1;
  max-width:48em;
}
.grp-prose p:last-child{ margin-bottom:0; }
.grp-prose strong{ font-weight:600; color:var(--charcoal, #1C1C1C); }

.grp-subhead{
  margin:30px 0 14px;
  font-family:var(--jp, 'Noto Serif JP', serif); font-weight:600;
  font-size:15px; letter-spacing:.08em; color:var(--charcoal, #1C1C1C);
  padding-bottom:8px; border-bottom:1px solid var(--rule, #D7CEC0);
}

/* ===========================================================
   No.02 年代記（このページの物語の核）
   1978 → 1986 → 1989 → 2024 を、年号（明朝大）＋本文で刻む。
   時間（なぜ2店舗に）を語り、末尾ブリッジで No.03 の構造（いまどう分担）へ渡す。
   =========================================================== */
.chr-lead{
  font-family:var(--jp, 'Noto Serif JP', serif);
  font-size:clamp(15px,1.7vw,17px); line-height:2; color:var(--text2, #5A5550);
  max-width:44em; margin:0 0 44px;
}
.era{
  display:grid; grid-template-columns:minmax(0,190px) 1fr;
  gap:clamp(22px,5vw,56px); align-items:start;
}
.era + .era{ margin-top:52px; padding-top:52px; border-top:1px solid var(--rule); }
.era__year{
  font-family:var(--jp, 'Noto Serif JP', serif); font-weight:600;
  font-size:clamp(42px,7vw,78px); line-height:.9; color:var(--charcoal, #1C1C1C);
  letter-spacing:.01em;
}
.era__year small{
  display:block; font-family:var(--en, 'Cormorant Garamond', Georgia, serif);
  font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:var(--gold-dk);
  margin-top:12px; font-weight:600;
}
.era__body h3{
  font-family:var(--jp, 'Noto Serif JP', serif); font-weight:600;
  font-size:clamp(18px,2.4vw,23px); letter-spacing:.05em; margin:0 0 16px;
  padding-bottom:10px; border-bottom:1px solid var(--rule); color:var(--charcoal, #1C1C1C);
}
.era__body p{
  margin:0 0 1.15em; font-size:clamp(15px,1.6vw,16px);
  color:var(--text2, #5A5550); line-height:2.1; max-width:44em;
}
.era__body p:last-child{ margin-bottom:0; }
.era__body strong{ color:var(--charcoal, #1C1C1C); font-weight:600; }
.era__ph{ margin-top:22px; max-width:520px; }
.chr-bridge{
  margin-top:52px; padding-top:40px; border-top:2px solid var(--gold-dk);
  font-family:var(--jp, 'Noto Serif JP', serif); font-size:clamp(15px,1.7vw,17px);
  line-height:2; color:var(--charcoal, #1C1C1C); max-width:44em;
}
@media (max-width:640px){
  .era{ grid-template-columns:1fr; gap:14px; }
  .era__year{ font-size:54px; }
  .era__year small{ display:inline-block; margin:0 0 0 12px; }
}

/* 年代記の写真プレースホルダー（未投入時の店名プレート・No.03 と共有） */
.grp-ph{
  aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.grp-ph img{ width:100%; height:100%; object-fit:cover; }
.grp-ph--toh{ background:linear-gradient(150deg, rgba(33,48,94,.14), rgba(33,48,94,.03) 58%, var(--paper)); }
.grp-ph--hac{ background:linear-gradient(150deg, rgba(107,83,40,.15), rgba(107,83,40,.04) 58%, var(--paper)); }
.grp-ph-plate{ display:flex; flex-direction:column; align-items:center; gap:11px; padding:0 16px; text-align:center; }
.grp-ph-loc{
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif); font-weight:500;
  font-size:clamp(19px,2.6vw,26px); letter-spacing:.3em; text-transform:uppercase; line-height:1;
}
.grp-ph--toh .grp-ph-loc{ color:var(--indigo); }
.grp-ph--hac .grp-ph-loc{ color:var(--gold-dk); }
.grp-ph-rule{ width:36px; height:1px; }
.grp-ph--toh .grp-ph-rule{ background:var(--indigo); opacity:.5; }
.grp-ph--hac .grp-ph-rule{ background:var(--gold-dk); opacity:.5; }
.grp-ph-tag{
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif); font-size:10.5px; letter-spacing:.26em;
  text-transform:uppercase; color:var(--warm-gray, #6B6560);
}

/* ===========================================================
   No.03 2つの店舗（対比見開き）＝現在の構造・実務情報（spec表）
   =========================================================== */
.grp-twin-cols{
  display:grid; grid-template-columns:1fr 1px 1fr;
  column-gap:44px; align-items:stretch;
}
.grp-twin-rule{ align-self:stretch; background:var(--rule); }
/* 両カラムを縦フレックスにし、末尾のボタン(.text-cta)を margin-top:auto で
   下端へ押し下げる＝スペック表の行数が左右で違ってもボタンの縦位置が揃う
   （PCでボタン位置ズレ・オーナーFB 2026-07-19）。 */
.grp-tcol{ display:flex; flex-direction:column; }
.grp-tcol .text-cta{ margin-top:auto; align-self:flex-start; }
.grp-tcol__ph{ margin-bottom:20px; }
.grp-tcol__tab{
  display:block; margin-bottom:10px;
  font-family:var(--en, 'Cormorant Garamond', Georgia, serif); font-size:12px; letter-spacing:.24em; text-transform:uppercase;
  font-weight:600;
}
.grp-tcol--toh .grp-tcol__tab{ color:var(--indigo); }
.grp-tcol--hac .grp-tcol__tab{ color:var(--gold-dk); }
.grp-tcol__name{
  font-family:var(--jp, 'Noto Serif JP', serif); font-weight:600; font-size:clamp(20px,2.6vw,24px);
  letter-spacing:.04em; margin:0 0 3px; color:var(--charcoal, #1C1C1C);
}
.grp-tcol__sub{
  font-family:var(--sans, 'Noto Sans JP', sans-serif); font-size:12.5px; letter-spacing:.1em;
  color:var(--warm-gray, #6B6560); margin:0 0 18px;
}
.grp-spec{ margin:0 0 20px; }
.grp-spec div{
  display:grid; grid-template-columns:6.5em 1fr; gap:6px 14px;
  padding:11px 0; border-bottom:1px dotted var(--rule); align-items:baseline;
}
.grp-spec div:last-child{ border-bottom:0; }
.grp-spec dt{
  font-family:var(--sans, 'Noto Sans JP', sans-serif); font-size:12px; font-weight:500;
  letter-spacing:.06em; color:var(--warm-gray, #6B6560);
}
.grp-spec dd{
  margin:0; font-family:var(--sans, 'Noto Sans JP', sans-serif); font-size:0.9rem;
  line-height:1.7; color:var(--charcoal, #1C1C1C);
}
.grp-spec dd a{ color:var(--indigo); text-decoration:none; border-bottom:1px solid rgba(30,45,90,.3); }
.grp-spec dd a:hover{ border-bottom-color:var(--indigo); }
.grp-spec .em{ color:var(--gold-dk); font-weight:600; }
/* リンクは共通ボタン .text-cta（components.css）に統一。
   外部リンク（パズル公式）だけ共通の「→」を外部を示す「↗」へ差し替え
   （フッター姉妹店リンクの↗と統一・矢印は1つ）。 */
.grp-tcol .text-cta--ext::after{ content:'↗'; }
@media (max-width:780px){
  .grp-twin-cols{ grid-template-columns:1fr; }
  .grp-twin-rule{ width:100%; height:1px; margin:30px 0; }
}

/* ===========================================================
   No.04 ご用件別・どちらの店へ（道案内）
   =========================================================== */
.grp-guide{ margin-top:8px; list-style:none; padding:0; }
.grp-guide li{
  display:grid; grid-template-columns:1fr auto 1.4fr; gap:12px; align-items:center;
  padding:16px 0; border-bottom:1px solid var(--rule);
}
.grp-guide li:last-child{ border-bottom:0; }
.grp-guide .need{ font-family:var(--jp, 'Noto Serif JP', serif); font-size:.98rem; font-weight:600; color:var(--charcoal, #1C1C1C); }
.grp-guide .arr{ color:var(--gold, #9A7C44); font-size:18px; }
.grp-guide .to{ font-family:var(--sans, 'Noto Sans JP', sans-serif); font-size:.9rem; color:var(--text2, #5A5550); line-height:1.7; }
.grp-guide .to b{ color:var(--indigo); font-weight:600; }
.grp-guide .to.hac b{ color:var(--gold-dk); }
/* 道案内の行き先リンク（店名・公式LINE）＝色付き太字の店名がそのまま導線に。
   クリック可能と分かるよう控えめな下線、ホバーで濃く（2026-07-19）。 */
.grp-guide .to a{ color:inherit; text-decoration:none; border-bottom:1px solid rgba(30,45,90,.28); }
.grp-guide .to a:hover{ border-bottom-color:var(--indigo); }
.grp-guide .to.hac a{ border-bottom-color:rgba(107,83,40,.3); }
.grp-guide .to.hac a:hover{ border-bottom-color:var(--gold-dk); }
@media (max-width:560px){
  .grp-guide li{ grid-template-columns:1fr; gap:4px; }
  .grp-guide .arr{ transform:rotate(90deg); width:fit-content; }
}

/* ===========================================================
   No.05 会社概要：定義リスト（登録票）
   箱で囲わず「罫の引かれた台帳の紙」として地の面に開放（2026-07-07）。
   上下だけ罫で締め、行間は破線＝台帳の罫のメタファーに忠実。
   =========================================================== */
.grp-ledger{
  padding:2px 0;
  max-width:58em;
  border-top:2px solid var(--gold-dk);
  border-bottom:1px solid var(--rule);
}
.grp-ledger dl{ margin:0; }
.grp-ledger .grp-row{
  display:grid;
  grid-template-columns:9.5em 1fr;
  gap:10px 18px;
  padding:17px 0;
  border-bottom:1px dashed var(--rule);
  align-items:baseline;
}
.grp-ledger .grp-row:last-child{ border-bottom:0; }
.grp-ledger dt{
  font-family:var(--jp, 'Noto Serif JP', serif); font-weight:600; font-size:14px;
  letter-spacing:.1em; color:var(--gold-dk);
}
.grp-ledger dd{
  margin:0; font-family:var(--sans, 'Noto Sans JP', sans-serif); font-size:0.95rem;
  color:var(--charcoal, #1C1C1C); line-height:1.8; letter-spacing:.03em;
}
.grp-ledger dd a{ position:relative; display:inline-block; color:var(--indigo); text-decoration:none; border-bottom:1px solid rgba(30,45,90,.3); }
.grp-ledger dd a:hover{ border-bottom-color:var(--indigo); }
/* タップ領域を最低44pxに（見た目は不変・透明な当たり判定を中央に重ねる／WCAG 2.5.5・Android 48dp）。 */
.grp-ledger dd a::before{ content:""; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); height:44px; }
@media (max-width:560px){
  .grp-ledger{ padding:2px 0; }
  .grp-ledger .grp-row{ grid-template-columns:1fr; gap:4px 0; padding:15px 0; }
}

/* ===========================================================
   No.06 FAQ（共通 .faq-item アコーディオン／スタイルは components.css）
   =========================================================== */
.grp .faq-list{ margin-top:10px; }

/* ===========================================================
   締め（親子代々を回収）＋ お問い合わせ導線
   =========================================================== */
.grp-closing{ text-align:center; padding:70px 22px 26px; border-top:1px solid var(--rule); }
.grp-closing__q{
  font-family:var(--jp, 'Noto Serif JP', serif); font-weight:500;
  font-size:clamp(19px,2.8vw,27px); line-height:1.9; letter-spacing:.04em;
  color:var(--charcoal, #1C1C1C); max-width:24em; margin:0 auto 20px;
}
.grp-closing__sub{
  font-family:var(--sans, 'Noto Sans JP', sans-serif); font-size:15px;
  color:var(--text2, #5A5550); line-height:2; margin:0 auto; max-width:30em;
}
/* お問い合わせは規定 LINE カード（背景は透過にしてページの地に馴染ませる） */
.grp .line-cta-sec{ background:transparent; }

/* ===========================================================
   スクロール演出の遅延（stagger）＝共通 .rv（global.css で opacity:0→on）に
   transition-delay を足し、2店舗の左右／道案内の各行を少しずつ遅らせて出す。
   .rv 本体の演出は共通機構が担う（common.js [2]）＝ここは遅延だけ上乗せ。
   reduced-motion 時は .rv が opacity:1 固定（global.css）＝遅延は無害。 */
.grp .rv.grp-rv-d1{ transition-delay:.12s; }
.grp .rv.grp-rv-d2{ transition-delay:.24s; }
.grp .rv.grp-rv-d3{ transition-delay:.36s; }
.grp .rv.grp-rv-d4{ transition-delay:.48s; }
.grp .rv.grp-rv-d5{ transition-delay:.60s; }