/*
 * 移行元のページ専用のスタイルの写し（ご成婚報告のページ群 /report/）。
 *
 * 写し元: legacy/www.p-a.jp/public/report/css/style.css
 * このファイルは手で書かない。写し元を
 * scripts/pa-cms/transform-legacy-page-css.py に通して作り直す。
 *
 * 写し元をそのまま置けない理由が 2 つある。
 *
 *   1. 写し元は 1 枚で完結した静的ページ用で、根の要素（html / body / *）へ
 *      余白の初期化と文字の指定を当てている。テーマのヘッダー・フッターへ
 *      その初期化が波及すると崩れるため、すべてのセレクタの前に
 *      `body .pa-page--report .page-content__body` を足して本文の中へ閉じ込めている。
 *   2. 写し元は根の文字（`html { font-size }`）を触らない。移行元でも
 *      ブラウザ既定の 16px で読まれており、このテーマの根の文字も 16px
 *      固定である。**両側の基準が同じなので、rem は換算せずそのまま
 *      書き出している。**換算すると、移行元より寸法が小さくなる。
 */
body .pa-page--report .page-content__body .wd_1100 {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 1100px;
}
body .pa-page--report .page-content__body #seo {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 1100px;
	text-align: left;
	line-height:1.7;
	font-size: 16px;
}
body .pa-page--report .page-content__body a.seo {
	text-decoration: none;
}
body .pa-page--report .page-content__body #seo .copy {
	margin-bottom: 15px;
	font-size: 24px;
	letter-spacing: 0.05em;
	text-align: center;
}
body .pa-page--report .page-content__body #seo .copy._gold {
	color: #a3762b;
	line-height: 110%;
	font-size: 170%;
}
body .pa-page--report .page-content__body #seo .copy._gold::after {
	display: block;
	content: "―――";
	color: #aa8546;
	letter-spacing: -0.15em;
	margin-bottom: 1rem;
}
body .pa-page--report .page-content__body #seo .read {
	margin-bottom: 35px;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 0.1em;
	text-align: center;
}
body .pa-page--report .page-content__body #seo .margint30 {
	margin-top: 30px;
}
body .pa-page--report .page-content__body #seo .paddingb10 {
	padding-bottom: 10px;
}
body .pa-page--report .page-content__body #seo .marginl20 {
	margin-left: 20px;
}
body .pa-page--report .page-content__body #seo .marginb16 {
	margin-bottom: 16px;
}
body .pa-page--report .page-content__body #seo .paddingb30 {
	padding-bottom: 30px!important;
}
body .pa-page--report .page-content__body #seo .minH4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
body .pa-page--report .page-content__body #seo .yearIndex, body .pa-page--report .page-content__body #seo .txt, body .pa-page--report .page-content__body #seo #report00List, body .pa-page--report .page-content__body #seo #report2012List, body .pa-page--report .page-content__body #seo #report2013List, body .pa-page--report .page-content__body #seo #report2014List, body .pa-page--report .page-content__body #seo #report201210List, body .pa-page--report .page-content__body #seo #report201211List, body .pa-page--report .page-content__body #seo #report201212List, body .pa-page--report .page-content__body #seo #report201301List, body .pa-page--report .page-content__body #seo #report201302List, body .pa-page--report .page-content__body #seo #report201303List, body .pa-page--report .page-content__body #seo #report201304List, body .pa-page--report .page-content__body #seo #report201305List, body .pa-page--report .page-content__body #seo #report201306List, body .pa-page--report .page-content__body #seo #report201307List, body .pa-page--report .page-content__body #seo #report201308List, body .pa-page--report .page-content__body #seo #report201309List, body .pa-page--report .page-content__body #seo #report201310List, body .pa-page--report .page-content__body #seo #report201311List, body .pa-page--report .page-content__body #seo #report201312List, body .pa-page--report .page-content__body #seo #report201401List, body .pa-page--report .page-content__body #seo #report201402List, body .pa-page--report .page-content__body #seo #report201403List, body .pa-page--report .page-content__body #seo #report201404List, body .pa-page--report .page-content__body #seo #report201405List, body .pa-page--report .page-content__body #seo #report201406List, body .pa-page--report .page-content__body #seo #report201407List, body .pa-page--report .page-content__body #seo #report201408List, body .pa-page--report .page-content__body #seo #report201409List, body .pa-page--report .page-content__body #seo #report201410List, body .pa-page--report .page-content__body #seo #report201411List, body .pa-page--report .page-content__body #seo #report201412List {
	text-align: left;
}
body .pa-page--report .page-content__body #seo .float_r {
	float: right;
}
body .pa-page--report .page-content__body #seo .title_style05 {
	background: url(../images/icon_copy.gif?ver=cdb5bb0c6f2a) no-repeat left center;
	margin-bottom: 15px;
	padding: 0 0 0 9px;
	/* 🚨 移行元はこの見出しに色を書かず、本文の色（黒）を受け継ぐ。テーマは
	   `main.css` の `.page-content__body h3` で金色（`--pa-color-heading`）を
	   **直接**与えるため、継承が途切れて金色になっていた（Bug #4738・一覧 30 ページの
	   月の見出し 151 個）。記事とコラムの区画は同じ打ち消しを持っている
	   （`main.css` の `#seo :is(h2, h3, h4).title_style05`）。継承へ戻す.

	   **上下の余白と枠は写さない。**記事とコラムの区画はそれらも打ち消しているが、
	   ご成婚報告では既に移行元と一致しており、写すと逆に動く（実測で確認）. */
	color: inherit;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0.05em;
}
body .pa-page--report .page-content__body .b_bnrarea dt, body .pa-page--report .page-content__body .nearbranchs dt, body .pa-page--report .page-content__body .stations dt, body .pa-page--report .page-content__body .hearts .heartsMain dt {
	font-weight: bold;
	font-size: 108%;
	padding: 0 0 8px 25px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 8px;
}
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 .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:last-of-type {
	margin-bottom: 30px;
}
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%;
}
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 {
	display: inline;
	padding: 0 10px 0 7px;
}
body .pa-page--report .page-content__body .report_inner {
	width: 950px;
	margin: 3rem auto;
}
body .pa-page--report .page-content__body .word-cta {
	background:#E3D6BF;
	margin:50px auto 0;
	text-align:left;
}
body .pa-page--report .page-content__body .word-cta-inner {
	padding: 1.5rem 5rem;
}
body .pa-page--report .page-content__body .word-cta-inner .tac {
	max-width: 600px;
	margin: 0 auto 2rem;
}
body .pa-page--report .page-content__body .word-cta-title {
	font-weight:bold;
	font-size:1.2rem;
	padding-bottom: 1rem;
	text-align: center;
}
body .pa-page--report .page-content__body .word-cta-title span {
	color: #d8251d;
}
body .pa-page--report .page-content__body .word-cta-subtitle {
	font-weight: bold;
	font-size: 1.2rem;
	border-left: 3px solid #9f792e;
	padding-left: 10px;
	margin-bottom: 1rem;
}
body .pa-page--report .page-content__body .word-cta p {
	margin-bottom: 1rem;
}
body .pa-page--report .page-content__body .word-cta p span {
	font-weight: bold;
	font-size: 1rem;
	display: block;
}
body .pa-page--report .page-content__body .word-cta sup {
	font-size: 0.3rem;
}
body .pa-page--report .page-content__body .word-cta-btn-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	padding-top: 0.5rem;
}
body .pa-page--report .page-content__body .word-cta-btn-wrap span {
	font-weight: bold;
}
body .pa-page--report .page-content__body .word-cta-btn {
	width: 350px;
	margin: 0 10px;
	text-align: center;
}
body .pa-page--report .page-content__body .word-cta-btn a {
	background: #d8251d;
	display: block;
	color: #fff;
	padding: 1rem 1.5rem;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
}
/*
 * 回り込みと外余白の囲い込み（Bug #4701）。
 *
 * 移行元は `css/common.css`（328〜336 行）の `.clearfix:after` を**全ページ**へ当てる。
 * テーマは同じ指定をページ群ごとに書いており、ご成婚報告の印が入っていなかった。
 * そのため一覧で 2 つの差が出ていた。段落が回り込みの絵を高さに数えず 25.25px 低く、
 * 年別の一覧が最後の子の下外余白 30px を外へ逃がしていた。
 *
 * 🚨 **`::after` を足す形では年別の一覧が直らない（実測）。**テーマの他のページ群は
 * `content: ""` の `::after` で囲うが、**中身が空の塊は前の兄弟の下外余白を
 * そのまま外へ通す**。移行元が囲えているのは `content: "."` を持つからで、
 * 中身のある塊が margin の通り抜けを止めている。その伏せ字は
 * [Bug #1811](https://github.com/mationinc/wp-platform/issues/1811) で「写さない」と決めてある（器の外へ 8px はみ出すため）。
 * そこで**器の側で囲い込む** `display: flow-root` にした。実測では移行元の
 * `content: "."` と 1px も違わない結果になる（器 1197.19px・年別の一覧 678.66px）。
 */
.pa-page--report .clearfix {
	display: flow-root;
}

/*
 * 一覧の説明の段落（画面の文言「パートナーエージェントにとって一番の喜びは…」）。
 * 移行元は下外余白を持たない（`.margint30` は上だけ）。テーマは本文の段落へ一律に
 * `--pa-article-paragraph-gap`（25px）を与えるため、器が 25px 高くなっていた。
 *
 * 🚨 **器の直下に限る。**記事にも `.margint30` は在るが、そちらは記事下の呼びかけ
 * （`div.eq-cta`）の中にあり、移行元と既に一致している。直下に限らないと記事が動く。
 */
body .pa-page--report .page-content__body #seo > p.margint30 {
	margin-bottom: 0;
}

body .pa-page--report .page-content__body .problem-area__inner {
	background: #e4d7ce;
	position: relative;
	color: #33322e;
	padding: 60px 0 35px;
	margin-top: 60px;
	text-align: center;
}
body .pa-page--report .page-content__body .problem-area__inner__contents {
	width: 950px;
	margin: 0 auto;
}
body .pa-page--report .page-content__body .problem-area__inner__contents p {
	font-size: 18px;
	line-height: 180%;
}
body .pa-page--report .page-content__body .contents-title {
	font-size: 45px;
	padding: 0 0 0;
	font-weight: bold;
	/* 🚨 移行元は行送りを書かず、`#seo { line-height: 1.7 }`（**単位なしの数**）を
	   受け継ぐ。数で受け継ぐと、子は自分の字の大きさに掛け直す（45 × 1.7 = 76.5px）。
	   テーマは見出しへ `line-height: var(--pa-line-height-heading)`（1.5）を直接与えるため
	   継承が途切れ、67.5px になっていた（Bug #4600・差 5px）。継承へ戻す. */
	line-height: inherit;
}
body .pa-page--report .page-content__body .emphatic-title {
	margin: 60px auto 40px;
}
body .pa-page--report .page-content__body .emphatic-title img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
body .pa-page--report .page-content__body .underlin {
	font-weight: bold;
	background: linear-gradient(transparent 50%, #ffff9d 50%);
	padding: 0 3px 3px 3px;
}
body .pa-page--report .page-content__body .button-wrap {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin: 60px auto 0;
}
/* 🚨 上の見出しと同じ理由。テーマは箇条書きの札へ `line-height: var(--pa-line-height-text)`
   （1.5）を直接与えるため、`#seo` の 1.7 を受け継げず 24px になっていた（移行元 27.2px・
   Bug #4600・差 2.19px）。移行元は札に行送りを書かないので、継承へ戻す. */
body .pa-page--report .page-content__body .button-wrap li {
	line-height: inherit;
}
body .pa-page--report .page-content__body .grid_box .menu_sns02 {
	background: #e4d7ce;
	padding: 0 0 20px;
}
body .pa-page--report .page-content__body .eq-cta {
	border: 1px solid #ccc;
	padding: 3rem;
	margin: 3rem auto;
	line-height: 2rem;
}
body .pa-page--report .page-content__body .eq-cta-title {
	font-weight: bold;
	font-size: 1.2rem;
	padding-bottom: 1rem;
	text-align: center;
}