/* smile-kurahashi テーマの汎用スタイル
 *
 * サイトのデザイン一式（配色トークン・ヘッダー・フッター・LP各セクション）は
 * lp.css が持つ。このファイルは投稿一覧・投稿本文・404 など、
 * LP以外のテンプレートで使う分だけを担当する。
 */

:root {
	--container-width: 1120px;
}

img {
	max-width: 100%;
	height: auto;
}

.container {
	width: min(100% - 2rem, var(--container-width));
	margin-inline: auto;
}

/* LP以外のテンプレートは <main class="lp-main"> の中に .container を置く */
.lp-main > .container {
	padding-block: 3rem;
}

.page-title {
	font-family: var(--lp-font-round, sans-serif);
	font-size: 1.75rem;
}

.post-list__item + .post-list__item {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--lp-line, #eee1cf);
}

.post-list__title {
	font-family: var(--lp-font-round, sans-serif);
	font-size: 1.25rem;
}

.post-list__date {
	font-size: 0.875rem;
	color: var(--lp-muted, #8a7a68);
}