@charset "utf-8";

/* ===== 下層ページ共通 ===== */
.page-sub-header {
	padding: clamp(30px, 5vw, 50px) var(--gutter);
	background: #aaa center / cover no-repeat;
	text-align: center;
}
.page-sub-title {
	color: #fff;
	font-size: clamp(20px, 3vw, 32px);
}

.breadcrumbs {
	padding-block: 4px;
	background: var(--color-bg-sub);
	font-size: .85em;
}

.page-sub-main.is-fullwidth { padding-block: 0; }

.no-posts { padding: 50px 10px; text-align: center; }

/* ===== 記事 ===== */
.single-nav {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 10px;
}
.page-sub-footer { padding-bottom: var(--section-py); }

/* ===== お知らせ一覧 ===== */
.list-news li {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: .5rem 1.5rem;
	padding-block: 1rem;
	border-bottom: 1px solid var(--color-border);
}
.list-news-cat { font-size: .85em; }

@media (max-width: 575.8px) {
	.list-news li { grid-template-columns: 1fr; }
}