@charset "UTF-8";

/* ==========================================================
   Page Links Style
   記事分割（nextpage）のページネーション .page-links
   アクセント色は --pl-accent を変更してください
   ========================================================== */

.page-links {
	--pl-accent: #b08d57;
	--pl-text: #4a4741;
	--pl-muted: #8b867d;
	--pl-border: #e3ded4;
	--pl-bg: #fff;
	--pl-chip: #faf8f4;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	clear: both;
	margin: 3.5em auto 2.5em;
	padding: 0;
	border: 0;
	font-size: 14px;
	line-height: 1;
	letter-spacing: .08em;
	color: var(--pl-muted);
}

/* 数字（リンク・現在ページ共通） */
.page-links .post-page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 42px;
	height: 42px;
	padding: 0 10px;
	border: 1px solid var(--pl-border);
	border-radius: 999px;
	background: var(--pl-bg);
	color: var(--pl-text);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: background-color .25s ease, color .25s ease,
		border-color .25s ease, transform .2s ease, box-shadow .25s ease;
}

/* ホバー（マウス環境のみ） */
@media (hover: hover) {

	.page-links a.post-page-numbers:hover {
		border-color: var(--pl-accent);
		background: var(--pl-accent);
		color: #fff;
		transform: translateY(-2px);
		box-shadow: 0 4px 10px rgba(0, 0, 0, .10);
	}
}

/* タップ時のフィードバック */
.page-links a.post-page-numbers:active {
	transform: scale(.94);
}

/* キーボード操作時 */
.page-links a.post-page-numbers:focus-visible {
	outline: 2px solid var(--pl-accent);
	outline-offset: 3px;
}

/* 現在のページ */
.page-links .post-page-numbers.current {
	border-color: var(--pl-accent);
	background: var(--pl-accent);
	color: #fff;
	font-weight: 700;
	box-shadow: 0 3px 8px rgba(176, 141, 87, .35);
	cursor: default;
}

/* ----------------------------------------------------------
   モバイル（600px以下）
   ・「Pages:」ラベルを隠して数字だけの構成に
   ・枠線をなくした淡いチップ型／タップ領域 46px
   ---------------------------------------------------------- */
@media (max-width: 600px) {

	.page-links {
		gap: 0;
		margin: 2.5em auto 2em;
		padding: 0 4px;
		font-size: 0;
	}

	.page-links .post-page-numbers {
		margin: 5px;
		min-width: 46px;
		height: 46px;
		padding: 0 12px;
		border-color: transparent;
		background: var(--pl-chip);
		font-size: 16px;
		letter-spacing: 0;
	}

	.page-links .post-page-numbers.current {
		border-color: var(--pl-accent);
		background: var(--pl-accent);
		box-shadow: 0 4px 12px rgba(176, 141, 87, .40);
	}
}

/* ----------------------------------------------------------
   「Pages:」を日本語ラベルに差し替える場合は
   下の行から末尾までのコメント記号を外して有効にしてください
   ----------------------------------------------------------

.page-links {
	font-size: 0;
}

.page-links::before {
	content: "この記事のページ";
	font-size: 14px;
	letter-spacing: .1em;
	color: var(--pl-muted);
	margin-right: 6px;
}

*/

/* ==========================================================
   ドロップキャップ解除
   本文の1文字目だけが大きくなる p::first-letter を打ち消します
   不要な場合はこのセクションを削除してください
   ========================================================== */

.entry-content p::first-letter,
.post-content p::first-letter,
.entry p::first-letter,
article p::first-letter,
p::first-letter {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	font-style: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	text-transform: none !important;
	text-shadow: none !important;
	vertical-align: baseline !important;
}

/* ==========================================================
   本文の h2・h3・h4 見出し（丸ゴシック指定）
   ※文字サイズはテーマのまま（h2 28px / h3 24px / h4 20px）。書体だけ揃えています
   ========================================================== */

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
}