/* ============================================================
   ソラヒカリ 読み物・規約・加盟店募集の束（css\pg-main.css）
   - 読むのは <main class="pg-main"> を持つページだけ。
     いまは /kiyaku/ /kimari/ /partner/ /erabikata/ の4枚
     （これから足す規約・読み物もここ。本数は増やさない）。
     トップページは読まない。**1画面目の重さの枠を食わないため**
     （design.md 第6-3節の上限 135KB は index.html ＋ CSS ＋ JS で数える。
      style.css に入れるとトップページの枠を食ってしまう）。
   - 読む順番は「共通 → 束」。<head> で /css/style.css を先に、これを後に置く。
     @import は使わない（2本が直列になる）。!important も使わない
     （上書きは .pg-main を頭に付けた規則で行う）。design.md 第6-11節。
   - 広い画面（768px 以上）の上書きは、このファイルが自分で持つ
     （いまは .fig-mitsumori の max-width の1つだけ）。
   2026-09-19
   ============================================================ */

/* 本文の中の文字リンクの当たり判定は、共通の style.css の「床」が持つ（design.md 12-2）。
   ここに器ごとの規則を書かない ―― 器を持たないページに当たらないため。2026-09-19 に消した */

/* 目次（.toc）は 2026-09-19 の C2版で共通（css\style.css）へ上げた。
   置くページが /kiyaku/ の1枚から6枚に増え、2つの束と器を持たないページの両方に出るため
   （design.md 第6-11節「C2版で動かした部品」）。ここに書き戻さないこと */

/* ---- 1. お見積りの紙の図（design.md 5-8。C2版で足した。2026-09-19）----------
   /erabikata/ だけに出る。1ページだけでも、その器の束に入れる（共通に置かない）。
   幅100%・px で固定しない（design.md 第4節）。PC は fig-night と同じ 520px で止める */
.fig-mitsumori { display: block; width: 100%; height: auto; margin: 0 0 var(--s-6); }
@media (min-width: 768px) { .fig-mitsumori { max-width: 520px; } }

/* ---- 2. 記事の更新日（design.md 8-17。2026-09-19 に足した）--------------------
   箱にしない。1行の文字だけ（.asof とは別のもの。同じページに両方置かない） */
.updated { font-size: var(--fs-note); font-weight: 500; line-height: var(--lh-note); color: var(--c-text-weak); margin: 0 0 var(--s-5); }

/* ---- 3. 条番号つきの規約の項（design.md 8-19。2026-09-19 に足した）-----------
   条は h2（「第1条（用語の意味）」の形）。既定の見出しの形をそのまま使う。
   項は ol.jou。番号の欄に 24px。**号（2段目）を作らない** ――
   幅400px で本文の左端が 48px になると1行が 19.5字になり、21字を割るから。
   項と項のあいだは 16px（段落の 24px より詰める。同じ条の中はひと続き） */
ol.jou { padding-left: var(--s-5); margin: 0 0 var(--s-5); list-style-position: outside; }
ol.jou > li { margin-bottom: var(--s-4); }
ol.jou > li:last-child { margin-bottom: 0; }
ol.jou > li::marker { color: var(--c-head); font-weight: 700; }   /* 紙の上の条番号は見出しの色（第A5-12-2） */
/* 条と条のあいだの 32px は、既にある main h2:not(:first-child) の --s-6 がそのまま満たす。
   （節の余白 56px は使わない。1つの節の中の見出しだから）。**新しい規則を足していない。** */

/* ---- 4. 施工会社向けの追従バー（design.md 8-22）------------------------------
   **形の指定を持たせない。**.sticky-cta をそのまま当て、中の文字と行き先だけを変える。
   .sticky-cta--partner は「このバーは施工会社向け」という目印だけで、
   ここに寸法や色を書くと、片方だけ直した日に .sticky-cta と食い違う。
   → だから CSS の規則を1つも作っていない。増やさないこと。 */

/* ---- 6. 名乗りの h1 の3段（/partner/ の h1。2026-09-23 に css\style.css から移した）----
   トップも同じクラスを使うが、トップの大きさは css\intro.css が全部持つ（トップは pg-main を読まない）。
   だから /partner/ しか使わない規則になった（design.md 第6-11節の判定。web-lead 判断） */
:root {
  /* 名乗りの h1 の3段（design.md 1-4・3-2。C2版で足した）。
     使うのはトップと /partner/ の h1 だけ。ほかのページの h1 は割らない。
     2段目（--fs-hero-2）がページでいちばん大きい文字＝主役。主役は1つだけ。
     ⚠ トップの大きさは intro.css が上書き（第A5-4節） */
  --fs-hero-1: 18px;
  --fs-hero-2: 34px;
  --fs-hero-3: 20px;
}
@media (min-width: 768px) {
  :root { --fs-hero-1: 22px; --fs-hero-2: 56px; --fs-hero-3: 26px; }
}
/* ---- 6-1. 名乗りの h1 の3段（design.md 1-4・3-2）。h1 の中を3段に割る ----
   語順も文字も1つも変えていない。span で括って大きさだけ変える。
   2段目（太陽光と蓄電池の）がページでいちばん大きい文字＝主役。主役は1つだけ。
   ⚠ 太さは3段とも 700（h1 を継ぐ）。細くしない（design.md 2-5 の歯止め6）。
   ⚠ 2段目が1行に収まることが生命線。幅375px の h1 の内側 319px に対して
      8字 × (34 + 34×.04) = 約283px（余り約36px）。実測は pages.md。
   ⚠ クラス名は「役の名前」で、上からの順番ではない。/partner/ は main → area → act の順に並ぶ
      （design.md 7-2-2）。だから CSS はこの3つだけで足りる。
   ⚠ A-昼5: トップの大きさは intro.css が上書きする */
.hero-h1-area, .hero-h1-main, .hero-h1-act { display: block; }
.hero-h1-area { font-size: var(--fs-hero-1); line-height: 1.4;  letter-spacing: .06em; }
.hero-h1-main { font-size: var(--fs-hero-2); line-height: 1.25; letter-spacing: .04em; margin-top: var(--s-1); }
.hero-h1-act  { font-size: var(--fs-hero-3); line-height: 1.4;  letter-spacing: .04em; margin-top: var(--s-1); }