/* =========================================================
   リッチテキスト（wysiwyg 出力領域）
   配置: assets/css/core/12-richtext.css
   .lr-richtext の内側に限ってタグへ直接スタイルを当てる
   （編集者のHTMLにはクラスを付けられないため）。
   ※ 本文中の h2/h3 は「読み物の見出し」。テンプレ看板見出し（lr-heading）
      とは役割が別。看板装飾（縦罫）は当てず、タイポのみ自前で持つ。
   ========================================================= */
.lr-richtext > :first-child { margin-top: 0; }
.lr-richtext > :last-child  { margin-bottom: 0; }

.lr-richtext p {
	margin: 0 0 1em;
	line-height: var(--lr-leading-body);
}

.lr-richtext h2 {
	margin: 1.6em 0 1.6em;
	padding-left: var(--lr-space-sm);          /* 罫とテキストの間隔（16px・lr-headingと同値） */
	border-left: 6px solid var(--lr-accent);   /* 赤の縦罫（lr-heading と同幅・同色） */
	font-size: var(--lr-font-heading);
	font-weight: var(--lr-weight-bold);
	line-height: 1.4;
}
.lr-richtext h3 {
	margin: 1.4em 0 1.4em;
	font-size: 1.25rem;
	font-weight: var(--lr-weight-bold);
	line-height: 1.4;
}
.lr-richtext ul,
.lr-richtext ol {
	margin: 0 0 1em;
	padding-left: 1.5em;
}
.lr-richtext ul {
	margin: 0 0 1em;
	padding-left: 1.5em;
	list-style: disc;
}
.lr-richtext ol {
	margin: 0 0 1em;
	padding-left: 1.5em;
	list-style: decimal;
}
.lr-richtext li { margin-bottom: .4em; }

.lr-richtext a {
	color: var(--lr-link);
	text-decoration: underline;
}
.lr-richtext img {
	max-width: 100%;
	height: auto;
}
.lr-richtext blockquote {
	margin: 1.5em 0;
	padding: .5em 1em;
	border-left: 3px solid var(--lr-border);
	color: var(--lr-text-muted);
}

/* 表（配送料一覧のような列数の多い表を想定）。
   横に収まりきらない列数でも、ブラウザが各セルを極端に圧縮して
   1文字ずつ縦に折り返す現象を防ぐため white-space:nowrap にした上で、
   table自体をdisplay:blockのスクロールコンテナにする（td/thはUA既定の
   table-cell表示のまま残るため、内部のグリッド構造は崩れない）。
   ラッパーdiv無しでもどのエディタ由来の<table>にも効く。 */
.lr-richtext table {
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	margin: 0 0 1.5em;
	border-collapse: collapse;
	font-size: 0.9em;
}
.lr-richtext th,
.lr-richtext td {
	padding: 8px 12px;
	border: 1px solid var(--lr-border);
	text-align: left;
	white-space: nowrap;
}
.lr-richtext th {
	background: var(--lr-bg-subtle, #f2f0ef);
	font-weight: var(--lr-weight-bold);
}