@charset "UTF-8";
/* ==========================================================================
   Layout / page（固定ページ・投稿など汎用ページ）
   ========================================================================== */
.l-page {
	padding-block: 72px 96px;
}
.l-page__inner {
	width: 100%;
	max-width: 820px;
	margin-inline: auto;
	padding-inline: var(--inner-pad);
}
@media (min-width: 1921px) {
	.l-page__inner {
		max-width: 900px;
	}
}
@media (max-width: 767px) {
	.l-page__inner {
		padding-inline: var(--inner-pad-sp);
	}
	.l-page {
		padding-block: 48px 64px;
	}
}

.l-page__title {
	font-family: var(--font-serif);
	font-weight: 600;
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.4;
	color: var(--color-heading);
	text-align: center;
	margin-bottom: 12px;
}
.l-page__lead {
	text-align: center;
	color: var(--color-gold-deep);
	letter-spacing: 0.18em;
	font-family: var(--font-serif);
	margin-bottom: 48px;
}

/* 記事本文 */
.c-entry {
	font-size: 16px;
	line-height: 2;
	color: var(--color-text);
}
.c-entry > * + * {
	margin-top: 1.4em;
}
.c-entry h2 {
	font-family: var(--font-serif);
	font-size: 1.4em;
	color: var(--color-heading);
	padding-bottom: 0.4em;
	border-bottom: 2px solid var(--color-line);
}
.c-entry h3 {
	font-weight: 700;
	color: var(--color-heading);
	padding-left: 12px;
	border-left: 4px solid var(--color-gold);
}
.c-entry a {
	color: var(--color-navy-soft);
	text-decoration: underline;
}
.c-entry ul,
.c-entry ol {
	padding-left: 1.4em;
}
.c-entry ul { list-style: disc; }
.c-entry ol { list-style: decimal; }
.c-entry img { border-radius: 6px; }

/* 投稿メタ */
.c-entry__meta {
	text-align: center;
	color: var(--color-text-light);
	font-size: 13px;
	letter-spacing: 0.04em;
	margin-bottom: 40px;
}

/* 記事一覧 */
.c-postlist {
	display: grid;
	gap: 4px;
	border-top: 1px solid var(--color-line);
}
.c-postlist__item a {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 20px;
	align-items: baseline;
	padding: 20px 4px;
	border-bottom: 1px solid var(--color-line);
}
.c-postlist__item a:hover { opacity: 1; }
.c-postlist__date {
	font-size: 13px;
	color: var(--color-text-light);
}
.c-postlist__title {
	font-size: 16px;
	color: var(--color-heading);
}
.c-postlist__item a:hover .c-postlist__title {
	color: var(--color-gold-deep);
}
@media (max-width: 767px) {
	.c-postlist__item a {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}