@charset "UTF-8";

/*
 * ご成婚報告の携帯幅（Bug #4706）。
 *
 * 移行元は携帯幅に **別のページ**（`/sp/report/`）を返し、その見た目を
 * `sp/report/css/style.css` の「追記 include部分」（104〜176 行）で決めている。
 * dev は 1 ページで両方の幅をまかなうため、パソコン版の組みのまま携帯幅の
 * 見た目を作る。この 1 本は `(max-width: 749px)` でだけ配る
 * （`inc/report-page-css.php`）。パソコン用の 4 本は今までどおり
 * `(min-width: 750px)` で配るので、**パソコン幅は 1px も変わらない**。
 *
 * ## 🚨 写せるもの・写せないもの
 *
 * 移行元スマホ版は**中身そのものが違う**。読み込む断片が別で、呼びかけの囲みの
 * ボタンはパソコン版 3 個・スマートフォン版 2 個である。中身は触らない決めなので
 * （ユーザー確認事項 12 の 4 つめの群として判断待ち）、ここで写すのは
 * **地色・字揃え・並べ方・余白・文字の大きさ**である。
 *
 * **文字の大きさは写す**（ユーザー決定 D407・2026-09-18）。裁定 633 の案 A は
 * 「写さない」だったが、原則は移行元に合わせる、で見直した。**根の 16px は変えない。**
 * 下の `--pa-report-sp-rem`（13px）への掛け算で書くので、本文全体には及ばない。
 *
 * ## 🚨 `rem` は 13px 換算で書く
 *
 * 移行元スマホ版の根の文字は 13px（写し `sp/css/basic.css` の 21 行）。このテーマの
 * 根は 16px で、他のすべてのページに関わるため変えられない。そこで `rem` を
 * 独自プロパティ `--pa-report-sp-rem`（13px）への掛け算へ読み替える。
 * 同じ手を入会案内のコース（`--pa-course-rem`）で使っている。
 *
 * ## 🚨 画面いっぱいへの広げ方を変えている
 *
 * 移行元は `width: 114%; margin: 2rem -7% 0` で親からはみ出させる。移行元の本文の
 * 柱は画面の 87.5%（375px で 328.13px）で、114% を掛けると 374.06px、つまり
 * **画面の幅そのもの**になる。このテーマの柱は幅が違う（375px で 345px）ため、
 * 同じ百分率を書くと 393.3px になり **画面からはみ出す**。
 * そこで結果が同じになる書き方（`width: 100vw` と `calc(50% - 50vw)` の外余白）にした。
 */

/*
 * 本文の囲み（Bug #5223）。
 *
 * 移行元スマホ版は記事の本文をまるごと囲む `#sentence` に 3 つの値を置いている
 * （写し `sp/report/css/style.css`）。dev にはこの囲みも、同じ値を置く規則も無かった。
 *
 *   | 見るもの | 移行元 | 直す前の dev |
 *   |---|---|---|
 *   | 文字の色 | `#333` | 黒 |
 *   | 器の内余白 | `10px 23.4375px 20px` | `0`（中身の幅 345px・移行元は 328.125px） |
 *   | 段落の下の外余白 | 13px（`1em`） | 18px |
 *
 * 🚨 **`main.css` の本文の色は動かさない。**テーマは `--pa-color-body-text` を黒に
 * 決めており（Task #3609）、移行元の旧デザイン約 5,400 ページが `html { color: #000 }`
 * であることに合わせてある。**灰色はご成婚報告の携帯幅だけの話**なので、この 1 本で閉じる。
 *
 * 🚨 **パソコン幅は両側とも黒で差が無い**（移行元の写しと dev を 1440px で測った）。
 *
 * ## 🚨 左右の内余白を `6.25%` と書かない
 *
 * 移行元の `#sentence` は画面の幅そのもの（375px）なので、`6.25%` は **23.4375px** に
 * なる。このテーマの `.page-content__body` は親（`.page-content`）の左右の内余白 15px を
 * 受けて **345px** しかなく、同じ `6.25%` を書くと 21.5625px になり移行元と合わない。
 * **`calc(100vw * 0.0625)` と書けば、どの幅でも移行元と同じ値になる。**
 *
 * 器そのものも画面いっぱいへ広げる（`width: 100vw` と `calc(50% - 50vw)` の左右の
 * 外余白）。この 1 本が既に帯と呼びかけの囲みで使っている手と同じである。
 *
 * ## 移行元の 9 規則のうち、写すのは 3 つだけ
 *
 * `#sentence` を含む当たり先は移行元に 9 本あるが、**dev で当たり先を持つのは 3 つ
 * だけ**である（124 ページを全数で走査して確かめた）。
 *
 *   #sentence            padding / color        … 124 ページで当たる
 *   #sentence p          margin                 … 4,092 か所で当たる
 *   #sentence .category_ttl（3 本）             … 0。dev は `h1.page-content__title` 1 つ
 *   #sentence .center                           … 0
 *   #sentence .uvalue_h（2 本）                 … 0
 *
 * 🚨 **`._gold` は dev にも 124 件あるが `class="copy _gold serif"` である。**移行元の
 * 当たり先は `#sentence .category_ttl._gold` で両方を求めるので当たらない。
 * **語 1 つで数えると「当たる」と誤読する。**
 */
body .pa-page--report .page-content__body {
	--pa-report-sp-rem: 13px;

	width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding: 10px calc(100vw * 0.0625) 20px;
	color: #333;
}

/*
 * 段落の外余白。移行元は `#sentence p { margin: 0 0 1em }`（根の 13px で 13px）である。
 *
 * 🚨 **「先頭へ戻る」（`p.page_top`）を外す。**移行元でこの塊は本文の囲みの**外**に在り
 * （`include/box_support_sp.shtml` が `#sentence` を閉じたあとに出す）、`#sentence p` は
 * 当たらない。**dev は投入でこの塊を本文の中へ取り込んでいる**ので、外さないと
 * テーマの `p.page_top { margin: 0 auto 30px }` を打ち負かして**中央そろえが壊れる**
 * （当たり先の重みが 0-2-2 対 0-2-1）。
 *
 * 実測（幅 375px・2026-09-09 14:4x JST）:
 *
 *   移行元            左 165.234 ／ 右 165.234 ／ 下の外余白 30px
 *   外さないとき      左  23.438 ／ 右 307.031 ／ 下の外余白 13px  ← 壊れる
 *   外したとき        左 165.234 ／ 右 165.234 ／ 下の外余白 30px  ← 移行元と一致
 *
 * 🚨 **ご成婚報告（`/report/` の一覧と詳細）の「誘導帯」（`.pa-conv-band`）の段落も外す**（Bug #8266）。
 *
 * 誘導帯（`inc/support-band.php`）の中身（見出し `.pa-conv-band__lead`・補足
 * `.pa-conv-band__sub`・押しボタンの札 `.pa-conv-band__button`）はどれも `<p>` で、
 * `assets/css/support-band.css` がそれぞれ `margin: 0` を当てている。詳細度は
 * `:is(.entry-content, .page-content__body, …) .pa-conv-band .pa-conv-band__lead`
 * のように **3 クラス・0 タグ**（0,3,0）で、この規則（`body .pa-page--report
 * .page-content__body p:not(.page_top)`）の **3 クラス・2 タグ**（0,3,2）に負ける。
 * 外さないと 3 つの段落すべてに下の外余白 13px が付き、帯が移行元より高くなる。
 *
 * 実測（幅 375px・`pa-verify-assets/B/8266-走査-0924/走査.log`）:
 *
 *   div.pa-conv-band の高さ  dev 451.72px ／ 移行元（他画面の `.conv-banner`）399.72px
 *     （差 52px = 13px × 4。内訳は `.pa-conv-band__sub` の下外余白 13px と、
 *     押しボタンの札 3 つ〈非表示 1・表示 2〉が margin-bottom 13px ずつ持つことで
 *     隣り合う余白が畳まれず 13px × 3 積み上がるぶんである。見出し
 *     `.pa-conv-band__lead` の 13px は、直後の `.pa-conv-band__icons` が持つ
 *     上外余白 20px に畳まれて表には出ない）
 *
 * 🚨 **一覧と詳細 124 ページの両方で外す**（2026-09-25 のリーダー判断で、詳細も
 * この Bug の対象に広げた）。詳細も `.pa-page--report .page-content__body` を持ち、携帯幅
 * では同じ `.pa-conv-band` が挿さる。直す前の実測（2026-09-25・幅 375px・
 * `pa-verify-assets/B/8266-下見-0925/下見.json`・`/report/r20121021/` ほか 2 本）で、
 * 3 本とも誘導帯が dev 451.72px 対 移行元 399.72px だった（一覧と同じ 52px）。
 *
 * `.pa-conv-band` は全ページ共通の部品なので、`.box_support p` の除外
 * （`assets/service/css/article-reset.css` 715 行）と同じ考え方で外す。
 * `:where()` は詳細度を持たないので、この除外は規則の強さを変えない. */
body .pa-page--report .page-content__body p:not(.page_top):not(:where(.pa-conv-band p)) {
	margin: 0 0 calc(var(--pa-report-sp-rem) * 1);
}

/* 呼びかけの囲み（`word/include/cv.shtml`）。写し `sp/report/css/style.css` 118〜126 行. */
body .pa-page--report .page-content__body .problem-area__inner {
	width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding: 40px 0 0;
	background: #e4d7ce;
	color: #33322e;
	text-align: center;
}

body .pa-page--report .page-content__body .problem-area__inner__contents {
	width: 92%;
	margin: 0 auto;
}

/* ボタンの並び。移行元は**札を横に 2 つ並べ、3 つめだけを下の段いっぱい**にする
   （写し 137〜152 行）。`:nth-child(3)` を移行元自身が持っているので、パソコン版の
   ボタン 3 個でも移行元の意図どおりに並ぶ. */
/*
 * 🚨 **当たり先に `.problem-area__inner` を挟んでいるのは、詳しさ（specificity）で
 * `main.css` に勝つためである（Bug #5292）。**
 *
 * `main.css` は呼びかけの囲みのボタンを携帯幅で**縦 1 列**に組む
 * （`:is(.entry-content, .page-content__body) .problem-area__inner:has(.pa-cv-title)
 * .button-wrap` に `flex-direction: column`、その `li` に `width: 100%`）。
 * この 4 クラスの当たり先は、3 クラスだったここの規則より詳しい。
 *
 * 結果、**器は縦 1 列・札の幅は 100%** になるいっぽう、`li:first-child` の
 * `margin-right: 4%` だけは `:first-child` のぶん詳しさで勝って残った。
 * 幅 375px で 1 つ目の札が 375 + 15 = **390px** になり、**横に 15px 振れていた**
 * （送り幅 383px・4 班の実測。2 つ目と 3 つ目は `align-items: center` で左へ 7.5px ずれる）。
 *
 * 🚨 **移行元スマホ版の並べ方が正しい。**写し（`sp/report/css/style.css` の
 * 「追記 include部分」137〜152 行）は 3 個目を想定して書かれている。
 * 1 つ目と 2 つ目を 48% ずつ横に並べ（1 つ目の右に 4% の空き）、
 * **3 つ目だけを全幅で下へ置く**（48 + 4 + 48 = 100 で収まる）。
 * よってここを移行元と同じ形に保ち、`main.css` の縦 1 列を上書きする。
 *
 * `flex-direction` と `gap` と `align-items` を書いているのは、`main.css` の
 * 携帯幅の帯が 3 つとも与えるためである。**書かないと縦 1 列のままになる。**
 * 移行元はどれも書いていないので、初期値へ戻している.
 */
body .pa-page--report .page-content__body .problem-area__inner .button-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-around;
	gap: 0;
	padding: 30px 0;
	/* 🚨 移行元は字揃えを書かず、囲みの `text-align: center` を受け継ぐ。テーマは
	   `main.css` の `.page-content__body :is(ul, …)` と素の `ul` へ `left` を
	   **直接**与えるため継承が届かない（実測で確認）。受け継いだのと同じ値を書く. */
	text-align: center;
}

body .pa-page--report .page-content__body .problem-area__inner .button-wrap li {
	width: 48%;
}

body .pa-page--report .page-content__body .problem-area__inner .button-wrap li:first-child {
	margin-right: 4%;
}

body .pa-page--report .page-content__body .problem-area__inner .button-wrap li:nth-child(3) {
	width: 100%;
	margin-right: 0;
	padding-top: 4%;
}

/* 申し込みへの導線（`word/include/cta.shtml`）。写し 104〜115 行. */
body .pa-page--report .page-content__body .word-cta {
	width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	margin-block: calc(var(--pa-report-sp-rem) * 1.5);
	background: #e3d6bf;
	text-align: left;
}

body .pa-page--report .page-content__body .word-cta-inner {
	padding: calc(var(--pa-report-sp-rem) * 1.5);
}

body .pa-page--report .page-content__body .word-cta-btn {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* ------------------------------------------------------------------
 * 「選ばれる３つの理由とは？」の帯の中身（Bug #5168）。
 *
 * 上の 3 当たり先（帯・中身・押しボタンの器）だけでは、**中身が素のままだった。**
 * 実測（幅 375px）では、小見出しの左の罫線が無く、押しボタンは赤い箱ではなく
 * 裸のリンク（幅 110.25px）だった。写し `sp/report/css/style.css` の
 * 「追記 include部分」には 11 当たり先・32 宣言あり、そのうち 22 が抜けていた。
 *
 * ## 🚨 文字の大きさも写す（ユーザー決定 D407・2026-09-18）
 *
 * **裁定 633 の案 A は「文字の大きさの 5 宣言を写さない」だったが、D407 で見直した。**
 * 原則は移行元に合わせる。だから次の 5 つも写す。
 *
 *   .word-cta-title   { font-size: 1.2rem }
 *   .word-cta-subtitle{ font-size: 1.2rem }
 *   .word-cta p span  { font-size: 1rem }
 *   .word-cta sup     { font-size: 0.3rem }
 *   .word-cta-btn a   { font-size: 1.2rem }
 *
 * 🚨 **`rem` の数値をそのまま写さない。**移行元の携帯版の根は 13px なので、
 * `1.2rem` は 15.6px である。上の `--pa-report-sp-rem`（13px）への掛け算で写す。
 *
 * 写す前の実測（幅 375px・携帯の名乗り・移行元は本番・dev は `?cb=` 付き・
 * 2026-09-18 10:0x JST。記録は `pa-verify-assets/D7/測定15-記事下のCTA/`）。
 *
 *   | 見るもの | 移行元 | 写す前のこのテーマ | 差 |
 *   |---|---:|---:|---|
 *   | 器（`.word-cta`）の字 | 13px | 13px | 差なし |
 *   | 題・小見出し | 15.6px | 13px | 2.6px 小さい |
 *   | 段落の見出しの `span` | 13px | 13px | 差なし |
 *   | `sup`（※） | 3.9px | 10.8333px | **6.93px 大きい** |
 *   | 押しボタンのリンク | 15.6px | 13px | 2.6px 小さい |
 *   | 行送り | `normal` | `normal` | 差なし |
 *
 * 🚨 **`sup` だけは向きが逆で、写す前のほうが大きかった。**移行元は `0.3rem`（3.9px）まで
 * 小さくするが、写していなかったのでブラウザの既定（`smaller`）の 10.83px で出ていた。
 * 上付きが 8px ぶん高くなり、【その２】の行の高さを 20.00px から 23.33px へ押し上げていた
 * （Bug #7099 の +3.33px）。
 *
 * 🚨 **題の中の赤い字（`.word-cta-title span`）には字の大きさを書かない。**移行元の
 * `sp/report/css/style.css` はこの当たり先に `color` しか書いておらず、初期化
 * （`sp/css/basic.css` が `span` へ直に当てる 13px）が勝って **13px で出る**（実測でも
 * 移行元 13px・dev 13px で一致）。**題の 15.6px は継承されない。**ワード解説の側は
 * 逆に `.word-cta-title span { font-size: 1.2rem }` を持つので 15.6px になる。
 * **同じ部品でも区分で違う。**
 *
 * 🚨 **行送りは書かない。**移行元は `normal` で、このテーマも実測で `normal` である
 * （上の表）。この 1 本は `line-height` を 1 つも書かずに一致しているので、
 * **同じ値を 2 か所に書かない。**
 *
 * ## 🚨 帯の外余白は写し済み
 *
 * 移行元の `.word-cta { margin: 1.5rem -7% 1.5rem }` は、上の
 * `margin-block` と `calc(50% - 50vw)` の左右の外余白で既に同じ結果になっている。
 * **ここで書き直さない。**
 *
 * ## 移行元の写しの実測（幅 375px・携帯の名乗り・2026-09-09 13:1x JST）
 *
 * **移行元の本番へは行っていない**（`pa-verify-assets/f5-movie-0908/probe5168-legacy.mjs`）。
 *
 *   | 見るもの | 移行元の写し |
 *   |---|---|
 *   | 帯 | 幅 374.06px / 地色 `#e3d6bf` |
 *   | 中身 | 内余白 19.5px |
 *   | 題 | 太さ 700 / 下の内余白 13px |
 *   | 題の赤い字 | `#d8251d` |
 *   | 小見出し | 太さ 700 / 左の罫線 3px `#9f792e` / 左の内余白 10px / 下の外余白 13px |
 *   | 段落 | 下の外余白 13px |
 *   | 段落の見出し | 太さ 700 / 並び block |
 *   | 押しボタンの札 | 太さ 700 / 並び block / 内余白 `13px 0 3.25px` |
 *   | 押しボタンのリンク | 幅 335.06px / 地色 `#d8251d` / 白 / 太さ 700 / 内余白 `13px 19.5px` |
 * ------------------------------------------------------------------ */
body .pa-page--report .page-content__body .word-cta-title {
	padding-bottom: calc(var(--pa-report-sp-rem) * 1);
	font-size: calc(var(--pa-report-sp-rem) * 1.2);
	font-weight: bold;
}

/*
 * 題の中の赤い字。**移行元スマホ版の初期化（`sp/css/basic.css` の 15〜22 行）は
 * `span` の太さを normal へ戻す。**そのため題（太さ 700）の中でも、この赤い字だけは
 * 細字で出る（写しを配って実測: 400）。移行元の CSS には色しか書いていないので、
 * **見落としやすい 1 宣言である。**
 *
 * 🚨 **ここには字の大きさを書かない**（ユーザー決定 D407 で 5 宣言を写したあとも）。
 * 移行元の `sp/report/css/style.css` はこの当たり先に `color` しか書いておらず、
 * 初期化が `span` へ直に当てる 13px が勝つ。**題の 15.6px は継承されない**（実測でも
 * 移行元 13px・dev 13px で一致）。書くと移行元より大きくなる。
 */
body .pa-page--report .page-content__body .word-cta-title span {
	color: #d8251d;
	font-weight: normal;
}

body .pa-page--report .page-content__body .word-cta-subtitle {
	margin-bottom: calc(var(--pa-report-sp-rem) * 1);
	padding-left: 10px;
	border-left: 3px solid #9f792e;
	font-size: calc(var(--pa-report-sp-rem) * 1.2);
	font-weight: bold;
}

body .pa-page--report .page-content__body .word-cta p {
	margin-bottom: calc(var(--pa-report-sp-rem) * 1);
}

/*
 * 🚨 **字の大きさは写す前から 13px で一致していた**（移行元の `1rem` も、移行元の
 * 初期化が `span` へ直に当てる 13px も同じ値になるため）。**それでも移行元が持つ
 * 宣言として書いておく。**書かないと、あとで器の字を動かしたときに静かにずれる.
 */
body .pa-page--report .page-content__body .word-cta p span {
	display: block;
	font-size: calc(var(--pa-report-sp-rem) * 1);
	font-weight: bold;
}

body .pa-page--report .page-content__body .word-cta sup {
	font-size: calc(var(--pa-report-sp-rem) * 0.3);
}

/*
 * 🚨 **移行元スマホ版は写真を `display: block` にしている**（写し
 * `sp/css/common.css` の 11〜15 行の `img { width: 100%; height: auto;
 * display: block }`）。このテーマの写真は `inline` のままなので、行の下端の
 * すき間が 6px 出て段落が高くなる（実測: 移行元 244.86px ／ 直す前の dev 250.86px）。
 * **写真の大きさ自体は同じ**（両方とも 800 × 583 の同じ絵）。
 */
body .pa-page--report .page-content__body .word-cta img {
	display: block;
}

body .pa-page--report .page-content__body .word-cta-btn-wrap span {
	display: block;
	padding: calc(var(--pa-report-sp-rem) * 1) 0 calc(var(--pa-report-sp-rem) * 0.25);
	font-weight: bold;
}

/*
 * 🚨 **押しボタンの中の改行札を隠す。**移行元スマホ版の読み込み
 * （`sp/word/include/cta.shtml`）は札とリンクの間に `<br>` を置かず、札を
 * `display: block` にして改行している。**dev の本文は移行元パソコン版から
 * 取り込んだので `<br>` を持つ**（パソコン版は札が `display: block` ではなく、
 * `<br>` が改行を作る）。両方が効くと空の行が 1 つ余分に出る
 * （実測: 押しボタンの高さ 移行元 86.25px ／ 隠す前の dev 106.25px）。
 *
 * **中身（HTML）は触らない決めなので、見た目の側で移行元スマホ版にそろえる。**
 */
body .pa-page--report .page-content__body .word-cta-btn br {
	display: none;
}

body .pa-page--report .page-content__body .word-cta-btn a {
	display: block;
	padding: calc(var(--pa-report-sp-rem) * 1) calc(var(--pa-report-sp-rem) * 1.5);
	background: #d8251d;
	color: #fff;
	font-size: calc(var(--pa-report-sp-rem) * 1.2);
	font-weight: bold;
	text-decoration: none;
}

/* 記事下の呼びかけ（`report/include/eq_cta.shtml`）。写し 168〜172 行. */
body .pa-page--report .page-content__body .eq-cta {
	margin: calc(var(--pa-report-sp-rem) * 1.5) auto;
	padding: calc(var(--pa-report-sp-rem) * 1.5) calc(var(--pa-report-sp-rem) * 1.5) calc(var(--pa-report-sp-rem) * 0.5);
	border: 1px solid #ccc;
}

/*
 * 年月の一覧の囲み（`.hearts`）の携帯幅（Bug #5506）。
 *
 * ## なぜ要るのか
 *
 * この区画の指定は**一式そろって `report.css` に在る**が、あの 1 本は
 * `media='(min-width: 750px)'` で配っている（`inc/report-page-css.php`）。
 * **携帯幅では 1 行も当たらない。**そしてこの `report-sp.css` には
 * `.hearts` の規則が 1 つも無かったため、`dd` はブラウザの既定のまま
 * （内余白なし）で描かれていた。
 *
 * 15 班の実測（375px・携帯の名乗り・`/report/` ほか 3 ページ）:
 *
 *   dl.heartsMain > dt        移行元 31px → dev 20px（-11px）
 *   dl.heartsMain > dd 1 行   移行元 40px → dev 20px（-20px）
 *
 * **`dd` が 11 行あるページでは囲み全体が 220px 縮む。**
 *
 * ## 何を写したか
 *
 * 移行元スマホ版（写し `sp/report/css/style.css`）の 5 規則をそのまま写す。
 * 当たり先だけをこのページに絞る（`body .pa-page--report .page-content__body`）。
 *
 *   .b_bnrarea, .nearbranchs, .stations, .hearts   … 枠・上の外余白・内余白
 *   dl.heartsMain, dl.heartsSub                    … 上の枠を消す
 *   .hearts .heartsMain dt                         … 絵・110%・内余白・下の枠・下の外余白
 *   .hearts dd, .hearts li                         … 上下の内余白 10px（縮みの本体）
 *   .hearts dd a, .hearts li a                     … 積み上げにする
 *
 * 🚨 **`font-size: 110%` は移行元と同じ相対の値で写す。**このファイルの冒頭に
 * 「文字の大きさは写さない」と書いてあるのは、**根の文字（13px 対 16px）を
 * 揃えると本文全体に及ぶ**ためである。ここは `.heartsMain` の `dt` 1 つに閉じた
 * 相対の指定で、親の大きさに掛けるだけなので本文には及ばない。移行元も dev も
 * 親は 13px なので、**`dt` の器はどちらも 14.3px になる**.
 *
 * 🚨 **ただし画面に出る字は `dt` ではなく中の `a` である**（Bug #6341）。移行元は
 * 初期化（写し `sp/css/basic.css` 3〜23 行）が `a` にも `font-size: 13px` と
 * `font-weight: normal` を**絶対値で**当てているため、`dt` が 14.3px でも
 * **中の `a` は 13px・太さ 400 に戻る**。dev には同じ初期化が無く、`a` が `dt` の
 * 14.3px・太さ 700 をそのまま継ぐ。器の値が一致していても画面の字は一致しない.
 *
 * 🚨 **`.stations` と `.nearbranchs` も当たり先に残す。**移行元の 1 規則を
 * 3 つに割ると「なぜここだけ別か」を後から追うことになる。なお報告のページに
 * `.stations` は無く、`.nearbranchs` は移行元の写し全体で当たる要素が 0 件である
 * （9 班が全数で確認）。**この 2 つは「効いている」とは言えない。**
 *
 * check-mobile-only: この塊は `(max-width: 749px)` でだけ配る 1 本の中に在るため、
 * パソコン幅は 1px も変わらない.
 */
body .pa-page--report .page-content__body .b_bnrarea,
body .pa-page--report .page-content__body .nearbranchs,
body .pa-page--report .page-content__body .stations,
body .pa-page--report .page-content__body .hearts {
	border: 1px solid #cccccc;
	margin-top: 30px;
	padding: 10px 15px;
}

body .pa-page--report .page-content__body dl.nearbranchsMain,
body .pa-page--report .page-content__body dl.stationsMain,
body .pa-page--report .page-content__body dl.heartsMain,
body .pa-page--report .page-content__body dl.heartsSub {
	border-top: none;
	/*
	 * 🚨 外余白 0（Bug #6341）。移行元は初期化（写し `sp/css/basic.css` 3〜23 行）で
	 * `dl` の `margin` を 0 にしており、`sp/report/css/style.css` も外余白を与えない。
	 * dev はこの初期化が及ばず上下左右 13px（`1em`）が付き、囲みが左へ 13px 寄って
	 * 幅が 26px 狭くなっていた（実測 296.13px 対 270.13px）.
	 */
	margin: 0;
}

body .pa-page--report .page-content__body .hearts .heartsMain dt {
	font-weight: bold;
	background: url(../images/icon_hearts.png?ver=fe74ba0253f4) scroll no-repeat left 2px;
	font-size: 110%;
	padding: 0 0 8px 25px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 8px;
}

/*
 * 🚨 見出しの中のリンク（Bug #6341）。上の `dt` の `110%` は**器**の値で、
 * 画面に出る字は中の `a` である。移行元は初期化が `a` を 13px・太さ 400 へ戻すので、
 * 同じ 2 つを写す。`dd a` は両側とも 13px・太さ 400 で一致しているため触らない.
 */
body .pa-page--report .page-content__body .hearts .heartsMain dt a {
	font-size: var(--pa-report-sp-rem);
	font-weight: normal;
}

body .pa-page--report .page-content__body .nearbranchs dd,
body .pa-page--report .page-content__body .stations dd,
body .pa-page--report .page-content__body .hearts dd,
body .pa-page--report .page-content__body .hearts li {
	padding: 10px 0;
}

body .pa-page--report .page-content__body .nearbranchs dd a,
body .pa-page--report .page-content__body .stations dd a,
body .pa-page--report .page-content__body .hearts dd a,
body .pa-page--report .page-content__body .hearts li a {
	display: block;
}