/* GENERATED by scripts/build-common-assets.mjs. DO NOT EDIT DIRECTLY. */
/* source: src/styles/legacy-content.css */
/* 既存の本文をそのまま活かすための調整（2026-08-19）
   大智さん「中身はそのまま、見た目を今風に」

   本文（Beaver Builder製）は元から
   @media (max-width:992px) / (max-width:768px) で列を縦に積む指定を持っている。
   つまり本文はレスポンシブに耐える。
   問題はテーマ側の「固定幅」と「古い見た目」だけなので、そこだけ打ち消す。

   ⚠️ 本文のHTMLは1文字も変えない。ここはCSSだけで整える。 */

/* ── 固定幅を解く ─────────────────────────
   テーマは width:1000px / min-width:1000px を10箇所以上持っており、
   これがスマホで横スクロールを生む。全部可変にする。 */
.gc-legacy .fl-row-fixed-width,
.gc-legacy .fl-row-content,
.gc-legacy .dlt_inner,
.gc-legacy .comWrap,
.gc-legacy section,
.gc-legacy article{
  width:auto !important; min-width:0 !important;
  max-width:var(--gc-maxw) !important; margin-inline:auto !important;
}
.gc-legacy{ overflow-x:hidden; }
.gc-legacy img{ max-width:100% !important; height:auto !important; }
.gc-legacy iframe,
.gc-legacy video{ max-width:100% !important; }
.gc-legacy table{ display:block; overflow-x:auto; max-width:100%; }

/* ── 文字まわりを今風に ─────────────────
   本文はテーマのゴシックのまま。見出しだけ明朝で整える。 */
.gc-legacy{
  font-family:var(--gc-gothic);
  font-size:var(--gc-fs-body); line-height:2.0; letter-spacing:.04em;
  color:var(--gc-ink);
}
.gc-legacy h1,
.gc-legacy h2,
.gc-legacy h3,
.gc-legacy h4{
  font-family:var(--gc-mincho) !important; font-weight:normal !important;
  letter-spacing:.08em !important; line-height:1.55 !important;
  /* テーマが付けてくる金帯・枠・影・背景を落とす */
  background:none !important; border:none !important;
  box-shadow:none !important; text-shadow:none !important;
  color:var(--gc-ink) !important;
}
.gc-legacy h1{ font-size:var(--gc-fs-h2) !important; margin:0 0 20px !important; padding:0 !important; }
.gc-legacy h2{ font-size:var(--gc-fs-h2) !important; margin:0 0 20px !important; padding:0 !important; text-align:center; }
.gc-legacy h3{ font-size:var(--gc-fs-h3) !important; margin:0 0 12px !important; padding:0 !important; }
.gc-legacy h4{ font-size:18px !important; margin:0 0 10px !important; padding:0 !important; }
/* 見出しの下に短い金線（章の区切りを分かりやすく） */
.gc-legacy h1::after,
.gc-legacy h2::after{
  content:""; display:block; width:40px; height:1px;
  margin:16px auto 0; background:var(--gc-gold);
}
.gc-legacy p{ margin:0 0 1.4em; }

/* ── ボタンを今風に ─────────────────────── */
.gc-legacy .fl-button,
.gc-legacy a.fl-button:visited{
  border-radius:2px !important; box-shadow:0 3px 0 rgba(0,0,0,.18) !important;
  font-family:var(--gc-mincho) !important; letter-spacing:.06em !important;
  padding:16px 26px !important;
}

/* ── 余白 ─────────────────────────────── */
.gc-legacy .fl-row-content-wrap{ padding-inline:var(--gc-pad-x) !important; }
.gc-legacy .fl-module-content{ margin-inline:0 !important; }

/* ── パソコンでの幅 ───────────────────────
   ⚠️ 中身はスマホ版（375〜640px向けに作られたもの）。
      そのまま全幅で出すと、主役画像が引き伸ばされて画面を埋め尽くす
      （2026-08-19 実物で確認）。読みやすい幅に収めて中央に置く。
   ここは暫定。ページごとに作り込む段階で、広い画面向けの配置に置き換える。 */
@media (min-width:900px){
  .gc-legacy{
    max-width:900px !important; margin-inline:auto !important;
    box-shadow:0 0 40px rgba(90,70,40,.06);
    background:var(--gc-paper);
  }
  /* 主役画像などの全幅ブロックも同じ幅に収める */
  .gc-legacy #mv,
  .gc-legacy #mv img{ max-width:900px !important; margin-inline:auto !important; }
}

/* ── 表示できないアイコンを消す（2026-08-20）──────────────
   制作会社のテーマCSSを読まなくなった結果、<i class="fi-telephone"> などの
   アイコン用フォントが無くなり、**中身が空の赤い丸だけ**が残っていた。
   大智さんの実機スクショで発覚（電話番号の左の赤い丸）。
   文字は隣の .fl-icon-text にあるので、丸を消すだけでよい。
   ⚠️ アイコンを復活させたいなら、フォント（foundation-icons）を
      読み込む必要がある。今は使っていない。 */
.gc-legacy .fl-icon{ display:none !important; }
.gc-legacy .fl-icon-wrap{ display:block !important; text-align:center; }
.gc-legacy .fl-icon-text{ margin:0 !important; }

/* ── お問い合わせページの短い注意書き（2026-08-20）──────────────
   赤い太字4行を1行に縮めたもの（LegacyBody.astro の CONTACT_NOTE）。
   赤の主張を落として、地の文より少し小さい補足の見た目にする。
   .nw は文節ごとに inline-block にして、「ます。」だけが行頭に
   落ちる不格好な折り返しを防ぐためのもの。 */
.gc-legacy .gc-contact-note{
  max-width:var(--gc-maxw-narrow);
  margin:0 auto 6px !important;
  padding:0 var(--gc-pad-x);
  text-align:center;
  font-size:13.5px;
  line-height:1.9;
  color:var(--gc-ink-weak);
}
.gc-legacy .gc-contact-note .nw{ display:inline-block; }

/* ── 語の途中で改行させない（2026-08-20 大智さんのご指摘）──────────
   「…してみません／か？」のように、文の最後の1〜2文字だけが次の行に
   落ちる不格好な改行を止める。旧本文には制作会社が付けた
   <span class="text-nowrap"> が残っているが、テーマCSSを読まなくなって
   効かなくなっていた。inline-block にすればその塊の中では折り返さない。
   ⚠️ nowrap にはしないこと。塊が画面幅を超えたときに横スクロールが出る。 */
.gc-legacy .text-nowrap{ display:inline-block; }