/**
 * ニュース本文スコープスタイル（編集画面 ↔ 公開ページ共有）
 *
 * 前提:
 * - 全体リセット（basis/css/common.css 等）は変更しない
 * - .news-body 配下のみ、エディタメニュー相当の見た目を復元する
 * - インライン style（font-size / font-family / color / text-align 等）は上書きしない
 *
 * 無効化（元に戻す）:
 * - KISHIDA_NEWS_BODY_STYLES_ENABLED を false にする
 */

/* ----------------------------------------------------------
 * 見出し（common.css の font:inherit / font_unity の font-size:100% を打ち消し）
 * 本文基準 20px（.txt02）に対する相対サイズ。インライン指定があればそちら優先。
 * ---------------------------------------------------------- */
.news-body h1,
.news-body h2,
.news-body h3,
.news-body h4,
.news-body h5,
.news-body h6 {
	font-weight: bold;
	line-height: 1.4;
	margin: 1em 0 0.5em;
	color: inherit;
}

.news-body h1:first-child,
.news-body h2:first-child,
.news-body h3:first-child,
.news-body h4:first-child,
.news-body h5:first-child,
.news-body h6:first-child {
	margin-top: 0;
}

.news-body h1 {
	font-size: 1.7em;
}

.news-body h2 {
	font-size: 1.3em; /* 約26px */
}

.news-body h3 {
	font-size: 1.2em; /* 約24px */
}

.news-body h4 {
	font-size: 1.1em; /* 約22px */
}

.news-body h5 {
	font-size: 1.05em;
}

.news-body h6 {
	font-size: 1em;
}

/* ----------------------------------------------------------
 * 上付き・下付き（common.css の font:inherit / vertical-align:baseline を打ち消し）
 * ---------------------------------------------------------- */
.news-body sup {
	vertical-align: super;
	font-size: 75%;
	line-height: 1;
}

.news-body sub {
	vertical-align: sub;
	font-size: 75%;
	line-height: 1;
}

/* ----------------------------------------------------------
 * 水平線
 * ---------------------------------------------------------- */
.news-body hr {
	border: 0;
	border-top: 1px solid #d9d9d9;
	margin: 1.5em 0;
	height: 0;
}

/* ----------------------------------------------------------
 * 定義リスト・コード（メニューから出る場合の最低限）
 * ---------------------------------------------------------- */
.news-body dl {
	margin: 0 0 1em;
}

.news-body dt {
	font-weight: bold;
	margin-top: 0.5em;
}

.news-body dd {
	margin: 0 0 0.25em 1.5em;
}

/* ----------------------------------------------------------
 * code / pre（WordPress TinyMCE 標準 wp-content.css に合わせる）
 * code の font-family はリセット（font:inherit）打ち消し用
 * display:inline-block は改行時に行間の白隙間が出ないようにする（標準は inline）
 * ---------------------------------------------------------- */
.news-body code {
	font-family: Consolas, Monaco, monospace;
	display: inline-block;
	padding: 2px 4px;
	margin: 0;
	border-radius: 2px;
	color: #222;
	background: #f2f4f5;
	line-height: 1.4;
	vertical-align: baseline;
}

.news-body pre {
	font-family: Consolas, Monaco, monospace;
}

.news-body pre code {
	display: block;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
}

/* ----------------------------------------------------------
 * 回り込み解除（フロントの div.news-body のみ。
 * エディタ iframe の body.news-body には当てない）
 * ---------------------------------------------------------- */
div.news-body::after {
	content: '';
	display: block;
	clear: both;
}