@charset "UTF-8";
/* ==================================================================
 * 記事本文（`.entry-content`）（1-c）
 *
 * WordPress のエディタが出すマークアップ（見出し・リスト・画像の回り込み・
 * キャプション）に当てるスタイル。
 *
 * ★このまとまりは**すべて px / % 指定**でメディアクエリが無い。
 * 画面幅で切り替わらないため、トークン（751pxで vw→px）は使えない。
 * ================================================================== */

.entry-content {
	margin-top: 25px;
	margin-bottom: 25px;
	line-height: var(--leading-normal);
}

/* --- 見出し ------------------------------------------------------------- */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-top: 26px;
	margin-bottom: 16px;
}

.entry-content h1 {
	font-size: 260%;
	font-weight: bold;
}

.entry-content h2 { font-size: 220%; }
.entry-content h3 { font-size: 160%; }
.entry-content h4 { font-size: 120%; }
.entry-content h5 { font-size: 100%; }
.entry-content h6 { font-size: 80%; }

/* --- 本文要素 ------------------------------------------------------------ */

.entry-content b,
.entry-content strong {
	font-weight: bold;
}

.entry-content a {
	text-decoration: underline;
}

.entry-content pre {
	padding: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #eee;
}

.entry-content img {
	width: auto;
	max-width: 100%;
	margin: 0 0 1.5em;
}

/* --- リスト --------------------------------------------------------------- */

.entry-content ul,
.entry-content ol {
	margin: 20px;
	list-style-position: inside;
}

.entry-content ul { list-style-type: disc; }
.entry-content ol { list-style-type: decimal; }

.entry-content ul ul,
.entry-content ol ul {
	margin-left: 15px;
	list-style-position: inside;
	list-style-type: circle;
}

.entry-content ol ol,
.entry-content ul ol {
	margin-left: 15px;
	list-style-position: inside;
	list-style-type: lower-latin;
}

/* --- 画像の回り込み（エディタの配置指定） ------------------------------------ */

.entry-content .alignleft,
.entry-content img.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.entry-content .alignright,
.entry-content img.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.entry-content .aligncenter,
.entry-content img.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/*
 * ★`.alignnone` は既存のCSSでも**中身が空**（宣言なし）。
 * 「指定なし」を明示する意図と思われるため、セレクタごと置かない。
 */

/* --- キャプション付き画像 --------------------------------------------------- */

.entry-content .wp-caption {
	padding-top: 5px;
	margin-bottom: 1.5em;
	text-align: center;
}

.entry-content .wp-caption img {
	padding: 0;
	margin: 0;
	border: 0 none;
}

.entry-content .wp-caption p.wp-caption-text {
	margin: 0;
	font-size: 10px;
	line-height: var(--leading-normal);
}

.entry-content .wp-smiley {
	max-height: 1em;
	margin: 0 !important;
}

/* --- 引用の回り込み --------------------------------------------------------- */

.entry-content blockquote.left {
	float: left;
	width: 33%;
	margin-right: 20px;
	margin-left: 0;
	text-align: right;
}

.entry-content blockquote.right {
	float: right;
	width: 33%;
	margin-right: 0;
	margin-left: 20px;
	text-align: left;
}