@charset 'utf-8';

.articlebody a {
	font-size: 1em;
	text-decoration: none;
}

.articlebody a.text {
	border-bottom: 1px dotted;
	word-wrap: break-word;
}

.articlebody a.text:hover,
.articlebody a.text.hover {
}

.articlebody h1 {
	font-size: 1.8em;
	line-height: 1.4;
	display: block;
	margin: 0 0 1em 0;
}

.articlebody h2 {
	font-size: 1.6em;
	line-height: 1.5;
	margin: 0 0 1em 0;
}

.articlebody h3 {
	font-size: 1.5em;
	line-height: 1.5;
	margin: 0 0 1em 0;
}

.articlebody h4 {
	font-size: 1.4em;
	line-height: 1.5;
	margin: 0 0 1em 0;
}

.articlebody h5 {
	font-size: 1.3em;
	line-height: 1.6;
	margin: 0 0 1em 0;
}

.articlebody h6 {
	font-size: 1.2em;
	line-height: 1.6;
	margin: 0 0 1em 0;
}

/* ★先頭の `.articlebody div:not(.bumperimage)` は、2026-08-09 の未使用CSS整理で
   `bumperimage` がソースに出てこないトークンだったため、カンマ区切りのこの1件だけが
   除去され、.articlebody 内の div（プライバシーポリシーの .sentence など）の
   下マージンが消えていた。復元済み。消さないこと。 */
.articlebody div:not(.bumperimage), .articlebody p, .articlebody blockquote,
.articlebody ul, .articlebody ol, .articlebody li,
.articlebody pre, .articlebody q, .articlebody address, .articlebody code{
	font-size: 1em;
	margin: 0 0 2em 0;
}

.articlebody div, .articlebody p, .articlebody blockquote
{
/* 	overflow: hidden; */
}

.articlebody dl {
	margin: 0 0 2em 0;
}

.articlebody dt, .articlebody dd {
	font-size: 1em;
}

.articlebody dt {
	font-weight: bold;
}

.articlebody dd {
	padding: 0 0 1em 2em;
}

.articlebody dd:last-child {
	padding: 0 0 0 2em;
}

.articlebody dd li, .articlebody dd p, .articlebody dd div
{
	font-size: 1em;
}

.articlebody span, .articlebody strong, .articlebody font, .articlebody b, .articlebody br,
.articlebody em, .articlebody i, .articlebody s, .articlebody abbr, .articlebody acronym
{
	font-size: 1em;
	line-height: 1;
}

.articlebody ul,
.articlebody ol {
	font-size: 1em;
	line-height: 2;
	margin: 0 0 2em 2em;
}

.articlebody ul ul,
.articlebody ul ol,
.articlebody ol ul,
.articlebody ol ol {
	margin-top: 0.5em;
	margin-bottom: 0;
}

.articlebody ul li,
.articlebody ol li {
	margin: 0 0 0.5em 0;
	line-height: 1.6;
}

.articlebody ul li:last-child,
.articlebody ol li:last-child {
	margin: 0;
}

.articlebody ul li li,
.articlebody ol li li {
	font-size: 1em;
}

.articlebody hr {
	border: none;
	border-bottom: 1px solid #ececec;
	margin: 0 0 2em 0;
}

.articlebody blockquote {
	/* 項目：パディングを chaptercontent に合わせる（28px、≤540で L/R 16px） */
	padding: 28px;
	border: 5px solid #f2f2f2;
	/* 項目：chaptercontent と同じく角丸に */
	border-radius: 16px;
}

.articlebody blockquote :last-child {
	margin-bottom: 0;
}

.articlebody div div, .articlebody div blockquote, .articlebody div p, .articlebody div dt, .articlebody div dd, .articlebody div li, .articlebody div th, .articlebody div td,
.articlebody div span, .articlebody div strong, .articlebody div font, .articlebody div b, .articlebody div br,
.articlebody div em, .articlebody div i, .articlebody div s, .articlebody div abbr, .articlebody div acronym
{
	font-size: 1em;
}


.articlebody blockquote div, .articlebody blockquote p, .articlebody blockquote dt, .articlebody blockquote dd, .articlebody blockquote li, .articlebody blockquote th, .articlebody blockquote td,
.articlebody blockquote span, .articlebody blockquote strong, .articlebody blockquote font, .articlebody blockquote b, .articlebody blockquote br,
.articlebody blockquote em, .articlebody blockquote i, .articlebody blockquote s, .articlebody blockquote abbr, .articlebody blockquote acronym
{
	font-size: 1em;
}

.articlebody blockquote h1, .articlebody blockquote h2, .articlebody blockquote h3,
.articlebody blockquote h4, .articlebody blockquote h5, .articlebody blockquote h6
{
	margin: 0 0 1em 0;
	padding: 0 0 5px 0;
	border: none;
	border-bottom: 1px solid #ccc;
}

.articlebody pre {
	padding: 10px;
	background: #f4f4f4;
	font-size: 1.2em;
	font-family: monospace;
	white-space: pre-wrap;
}

/* 列数の多い表は、包んだ枠の中だけで横スクロールさせる。
   包まないと表の幅がそのままページの幅になり、ヘッダー・フッターまで巻き込んで
   ページ全体が横スクロールする（実測：10列の表でスマホ幅 375px に対し文書幅 3293px）。
   幅に収まる表は width:100% のままなので見た目は変わらない。 */
.articlebody .tablescroll {
	width: 100%;
	margin: 0 0 2em 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.articlebody table {
	width: 100%;
	margin: 0 0 2em 0;
	border-top: 1px solid #ccc;
}

.articlebody .tablescroll > table,
.articlebody .tablescroll table {
	margin-bottom: 0;
}

.articlebody table caption {
	border-top: 1px solid #ccc;
	text-align: left;
}

.articlebody table td :last-child {
	margin-bottom: 0;
}

.articlebody tr {
}

.articlebody th, .articlebody td {
	line-height: 1.6;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.articlebody th {
	background-color: #ececec;
	color: #000;
}

.articlebody thead th {
	text-align: center;
	white-space: nowrap;
	padding: 5px 10px;
}

/* 行見出しは上下中央に置く。
   リセット（ae_init.css）が table・th・td に vertical-align: baseline を
   当てているため、指定しないとブラウザ既定の middle が効かず、
   隣のセルが複数行になったときに見出しだけ上に張り付く。 */
.articlebody tbody th {
	vertical-align: middle;
}

.articlebody tfoot th, .articlebody tfoot td {
	border-top: 2px solid #ccc;
}

.articlebody td {
}

.articlebody th.tc_center,
.articlebody td.tc_center {
	text-align: center;
}

.articlebody td div, .articlebody td p, .articlebody td dt, .articlebody td dd, .articlebody td li, .articlebody td td,
.articlebody td span, .articlebody td strong, .articlebody td font, .articlebody td b,
.articlebody td em, .articlebody td i, .articlebody td s, .articlebody td abbr, .articlebody td acronym
{
	font-size: 1em;
}

.articlebody img {
	width: 100%;
	height: auto;
	max-width: 980px;
	margin: 0 auto;
}

.articlebody .media {
	margin: 10px 0 30px 0;
	text-align: center;
}


.articlebody .alignleft {
	margin: 0 1.5em 1.5em 0;
	float: left;
}

.articlebody .alignright {
	margin: 0 0 1.5em 1.5em;
	float: right;
}

.articlebody .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.articlebody .nonfloat {
	margin: 0;
	float: none;
}

.wpview-content.wpview-type-embedURL {
	width: 100%;
	margin: 0 !important;
	padding-top: 56.25%;
	position: relative;
}

.wpview-content.wpview-type-embedURL iframe[src*="youtube.com"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wpview-body {
	max-width: 600px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 20px 0;
}

@media only screen and (max-width: 768px) {

	.wpview-body {
		width: 100%;
	}
}

.articlebody .wp-video {
	width: 100% !important;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.articlebody .wp-video video {
	width: 100%;
	height: auto;
}
/* ------------------------------------------------------------------
   ギャラリーブロック（記事パート仕様 §4-7）

   既存の .gallery は .presentation 配下だけを対象にしているため、
   記事本文では効かない。同じ考え方のレイアウトを本文用に用意する。
   ------------------------------------------------------------------ */

.articlebody .gallery {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 10px -1% 30px;
}

.articlebody .gallery .item {
	width: 50%;
	padding: 1%;
}

.articlebody .gallery .item figure {
	width: 100%;
	margin: 0;
	position: relative;
}

.articlebody .gallery .item figure img {
	width: 100%;
	height: auto;
	max-width: none;
}

.articlebody .gallery .item figcaption {
	color: #48494c;
	font-size: 0.9em;
	line-height: 1.6;
	text-align: left;
	margin-top: 0.5em;
}

@media only screen and (min-width: 641px) {

	.articlebody .gallery .item {
		width: 33.333%;
	}
}

/* ------------------------------------------------------------------
   画像の拡大アイコン

   既定（ae_layout.css:2900）は角丸のない四角で、position の基準が
   a.zoomimg（インライン要素）のため、画像の枠から少しはみ出して見える。
   円形にし、画像の内側へ収める。
   ------------------------------------------------------------------ */

.articlebody a.zoomimg {
	display: block;
	padding-bottom: 0;
	line-height: 0;
}

.articlebody a.zoomimg:after {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	border-radius: 50%;
	bottom: 10px;
	right: 10px;
}

/* ギャラリーは枠が小さいので、アイコンも小さくする */
.articlebody .gallery a.zoomimg:after {
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	bottom: 8px;
	right: 8px;
}