/*
Theme Name: GeneratePress Child Test
Template: generatepress
Version: 1.0
Description: WordPress制作方式の検証用の子テーマ。SCF(料金表)と投稿(お知らせ)の両方を組み込んだ1ページ構成。
*/

/* トップページをフルワイド1カラムにする(GeneratePress標準の2カラム幅設定を打ち消す) */
.front-page #primary,
.front-page .content-area,
.front-page .site-main {
	width: 100% !important;
	float: none !important;
	max-width: 100% !important;
}
.front-page .site-content {
	max-width: 100%;
}

:root {
	--test-ink: #23282d;
	--test-ink-soft: #5b6770;
	--test-accent: #2e7a78;
	--test-accent-deep: #1d5250;
	--test-bg-soft: #f5f6f2;
	--test-border: #dfe3d9;
}

/* ---------- レイアウト全体 ---------- */
.test-section {
	max-width: 1040px;
	margin: 0 auto;
	padding: 64px 24px;
}
.test-section + .test-section {
	border-top: 1px solid var(--test-border);
}
.test-section h2 {
	font-size: 1.7rem;
	margin-bottom: 32px;
	text-align: center;
	color: var(--test-ink);
}

/* ---------- メインビジュアル ---------- */
.test-hero {
	background: var(--test-bg-soft);
	text-align: center;
	padding: 96px 24px;
}
.test-hero h1 {
	font-size: 2.2rem;
	margin: 0 0 16px;
	color: var(--test-ink);
}
.test-hero p {
	font-size: 1.05rem;
	color: var(--test-ink-soft);
	margin: 0;
}

/* ---------- 強み紹介 ---------- */
.test-strengths {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
@media (max-width: 680px) {
	.test-strengths { grid-template-columns: 1fr; }
}
.test-strength-card {
	border: 1px solid var(--test-border);
	border-radius: 8px;
	padding: 24px;
	text-align: center;
}
.test-strength-card h3 {
	margin: 12px 0 8px;
	font-size: 1.05rem;
	color: var(--test-accent-deep);
}
.test-strength-card p {
	font-size: .9rem;
	color: var(--test-ink-soft);
	margin: 0;
}

/* ---------- 料金表(SCF連携) ---------- */
.test-price-table {
	width: 100%;
	border-collapse: collapse;
}
.test-price-table th, .test-price-table td {
	border: 1px solid var(--test-border);
	padding: 14px 16px;
	text-align: left;
}
.test-price-table th {
	background: var(--test-bg-soft);
}
.test-price-table .amount {
	color: var(--test-accent-deep);
	font-weight: 700;
}

/* ---------- お知らせ一覧(投稿連携) ---------- */
.test-news-list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 640px;
	margin: 0 auto;
}
.test-news-list li {
	display: flex;
	gap: 20px;
	padding: 14px 0;
	border-bottom: 1px solid var(--test-border);
}
.test-news-list time {
	flex: none;
	color: var(--test-ink-soft);
	font-size: .88rem;
}
.test-news-list a {
	color: var(--test-ink);
	text-decoration: none;
}
.test-news-list a:hover {
	color: var(--test-accent);
}

/* ---------- お問い合わせ誘導 ---------- */
.test-cta {
	text-align: center;
}
.test-cta-button {
	display: inline-block;
	background: var(--test-accent);
	color: #fff;
	padding: 16px 40px;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 700;
}
.test-cta-button:hover {
	background: var(--test-accent-deep);
	color: #fff;
}