/* ==========================================================================
   WordPress化に伴う追加CSS
   コーディング納品データ(style-base.css)は固定レイアウトのLP用のため、
   管理画面のビジュアルエディタで入力される可変コンテンツ(お知らせ詳細・固定ページ等)
   向けの基本的な文字組みスタイルをここで補っています。
   ========================================================================== */

.page-content {
	font-size: 1.6rem;
	line-height: 1.8;
	color: #333;
}

.page-content h2 {
	font-size: 2.2rem;
	font-weight: 700;
	margin: 2.4em 0 1em;
	padding-bottom: 0.4em;
	border-bottom: 2px solid #ddd;
}

.page-content h3 {
	font-size: 1.9rem;
	font-weight: 700;
	margin: 2em 0 0.8em;
}

.page-content p {
	margin: 0 0 1.6em;
}

.page-content a {
	color: #0a6b3b;
	text-decoration: underline;
}

.page-content ul,
.page-content ol {
	margin: 0 0 1.6em 1.4em;
}

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

.page-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.6em;
}

.page-content table th,
.page-content table td {
	border: 1px solid #ddd;
	padding: 0.8em;
	text-align: left;
}

/* お知らせ・新着情報が0件のときの表示 */
.info-block__list-item {
	list-style: none;
}

/* ページネーション(お知らせ一覧) */
.pagination,
.nav-links {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin: 40px 0;
	font-size: 1.4rem;
}

.nav-links a,
.nav-links span {
	padding: 8px 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #333;
	text-decoration: none;
}

.nav-links .current {
	background: #0a6b3b;
	color: #fff;
	border-color: #0a6b3b;
}

/* 管理画面バナー一覧のサムネイル未設定表示 */
.column-jaokinawa_thumb img {
	border-radius: 4px;
}