@charset "UTF-8";

/* artificial-turfカテゴリ全体で読み込む土台 */

/* ===== 製品ラインナップ専用サブメニュー（lineup-nav） ===== */
/* category-nav（共通タブ、pages_common.css）の真下に追加表示 */
#lineup-nav {
    display: none;
    position: relative;
    margin: 0 0 32px;
}

#lineup-nav.is-open {
    display: block;
}

.lineup-nav-in {
    padding: 0 18px;
}

@media screen and (min-width: 1023.02px) {
    .lineup-nav-in {
        max-width: 1100px;
        margin: 0 auto;
    }
}

.lineup-nav-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.lineup-nav-menu li {
    margin: 0;
}

.lineup-nav-menu a {
    display: block;
    /* 背景が芝の写真の上に乗るため、category-nav-menu（.74）より濃いめの.88に */
    background-color: rgba(255, 255, 255, .88);
    color: var(--eg-green-deep, #004e37);
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: .02em;
    padding: 10px 18px;
    border-radius: 2px;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .25s;
}

.lineup-nav-menu a:hover {
    background-color: rgba(255, 255, 255, 1);
}

/* 現在地の製品（wp_nav_menuが自動でcurrent-menu-itemを付与） */
.lineup-nav-menu .current-menu-item a {
    background-color: var(--eg-green-deep, #004e37);
    color: #fff;
}

/* 1023px以下：category-nav-menuと同じく1行横スクロールに切り替える */
@media screen and (max-width: 1023px) {
    .lineup-nav-in {
        padding: 0 16px;
    }
    .lineup-nav-menu {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        gap: 8px;
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent 100%);
        mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent 100%);
    }
    .lineup-nav-menu::-webkit-scrollbar {
        display: none;
    }
    .lineup-nav-menu a {
        padding: 8px 14px;
        font-size: 14px;
    }
}

/* ===== 03_artificial-turf_00（/artificial-turf/ 人工芝 カテゴリトップ） ===== */

/* -- 03_artificial-turf_00 / 00（ヒーロー） -- */
/* 写真960×640 */

.eg-turf-top-hero {
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 0 50px 0;
}

.eg-turf-top-hero__photo {
	margin: 0 0 36px;
}

img.eg-turf-top-hero__img {
	display: block;
	width: 100%;
	aspect-ratio: 960 / 640;
	object-fit: cover;
}

.eg-turf-top-hero__body {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 16px 40px;
	text-align: center;
}

h2.eg-turf-top-hero__catch {
	margin: 0 0 40px;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: clamp(28px, 3vw, 36px);
	line-height: 1.5;
	color: var(--eg-green-deep, #004e37);
}

p.eg-turf-top-hero__label,
p.eg-turf-top-hero__lead {
	max-width: 750px;
	margin: 0 auto 16px;
	padding-left: 10px;
	color: #000;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.8;
	text-align: left;
}

/* 項目リストはpages_common.cssのeg-tag-list */
.eg-turf-top-hero__body ul.eg-tag-list {
	max-width: 750px;
	margin: 12px auto 24px !important;
	padding-left: 10px;
}

/* 項目本文は共通コンポーネントのデフォルト（ゴシック体）ではなく明朝体を指定 */
.eg-turf-top-hero__body ul.eg-tag-list li.eg-tag-list__item {
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	color: #000;
}

p.eg-turf-top-hero__lead {
	margin: 0 auto 40px;
}

/* 注記：本文2行→強調文（ゴールド）→締めの1行、という3段構成。中央寄せのまま */
p.eg-turf-top-hero__note {
	margin: 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}

strong.eg-turf-top-hero__note-emphasis {
	display: inline-block;
	margin: 8px 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-weight: 500;
	font-size: 32px;
	line-height: 1.4;
	color: var(--eg-gold, #998631);
}

/* タブレット以下：左右paddingは.main側に任せる */
@media screen and (max-width: 768px) {
	.eg-turf-top-hero {
		padding: 0;
	}
	.eg-turf-top-hero__body {
		padding-left: 0;
		padding-right: 0;
	}
	p.eg-turf-top-hero__label,
	p.eg-turf-top-hero__lead,
	.eg-turf-top-hero__body ul.eg-tag-list {
		padding-left: 0;
	}
}

/* スマホ：改行を解除して左寄せにする */
@media screen and (max-width: 540px) {
	.eg-turf-top-hero__photo {
		margin: 0 0 28px;
	}
	img.eg-turf-top-hero__img {
		aspect-ratio: 4 / 3;
	}
	.eg-turf-top-hero__body {
		padding-bottom: 40px;
	}
	h2.eg-turf-top-hero__catch {
		margin: 0 0 24px;
		font-size: 20px;
		text-align: left;
	}
	h2.eg-turf-top-hero__catch br {
		display: none;
	}
	p.eg-turf-top-hero__label {
		margin: 0 0 12px;
		font-size: 16px;
	}
	.eg-turf-top-hero__body ul.eg-tag-list {
		margin: 12px 0 16px !important;
	}
	p.eg-turf-top-hero__lead {
		margin: 0 0 24px;
		font-size: 16px;
	}
	p.eg-turf-top-hero__lead br {
		display: none;
	}
	p.eg-turf-top-hero__note {
		font-size: 15px;
		text-align: left;
		line-height: 1.7;
	}
	p.eg-turf-top-hero__note br {
		display: none;
	}
	strong.eg-turf-top-hero__note-emphasis {
		font-size: 22px;
	}
}

/* 明朝体のタグはpages_common.cssの428px以下14pxの対象外 */
@media screen and (max-width: 428px) {
	.eg-turf-top-hero__body ul.eg-tag-list li.eg-tag-list__item {
		font-size: 17px !important;
	}
}


/* -- 03_artificial-turf_00 / 01（人工芝施工で重要なポイント） -- */

/* 全幅の背景は golf-outdoor-point と同じ負マージン方式（.mainのpaddingぶん） */
.eg-turf-top-point {
	margin-left: -30px;
	margin-right: -30px;
	background-color: #e6e6e6;
	padding: 50px 0 60px;
}

.eg-turf-top-point__inner {
	box-sizing: border-box;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 16px;
	text-align: center;
}

/* 見出し・リストの共通margin／paddingを打ち消す */
h2.eg-turf-top-point__title {
	margin: 0 0 52px !important;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 40px;
	line-height: 1.2;
	color: var(--eg-green-deep, #004e37);
}

p.eg-turf-top-point__lead,
p.eg-turf-top-point__text {
	margin: 0;
	color: #333;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.04em;
}

/* 見出し・リストの共通margin／paddingを打ち消す */
ul.eg-turf-top-point__steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 160px));
	justify-content: center;
	gap: 30px 28px;
	margin: 33px auto 34px !important;
	padding: 0;
	list-style: none;
}

li.eg-turf-top-point__step {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 120px;
	margin: 0;
	padding: 8px;
	background-color: #f5f2f1;
	border: 1px solid #cfc29d;
	color: #333;
	font-family: inherit !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.06em;
	text-align: center;
}

/* 写真はセクション（=#containerの1366px）いっぱい */
.eg-turf-top-point__photo {
	margin: 44px 0 56px;
}

img.eg-turf-top-point__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1366 / 440;
	object-fit: cover;
}

/* 注意ボックス */
.eg-turf-top-point__caution {
	box-sizing: border-box;
	max-width: 820px;
	margin: 0 auto 33px;
	padding: 22px 32px 21px;
	background-color: #f5f2f1;
	border: 1px solid #8b7124;
}

p.eg-turf-top-point__caution-title,
p.eg-turf-top-point__caution-note {
	margin: 0;
	color: #000;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
}

p.eg-turf-top-point__caution-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
}

.eg-turf-top-point__caution-icon {
	flex: 0 0 auto;
	width: 40px;
	height: 37px;
	background: url(https://e-garden-ltd.com/2026/wp-content/uploads/2026/09/turf-top-01-icon-warning.webp) no-repeat center / contain;
}

ul.eg-turf-top-point__troubles {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin: 28px 0 20px !important;
	padding: 0;
	list-style: none;
}

li.eg-turf-top-point__trouble {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0;
	padding: 20px 4px 6px;
	color: #333;
	font-family: inherit !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.03em;
}

li.eg-turf-top-point__trouble + li.eg-turf-top-point__trouble {
	border-left: 1px solid #bfbfbf;
}

/* アイコン＋ラベルの標準パターン */
.eg-turf-top-point__trouble-icon {
	display: block;
	width: 56px;
	height: 32px;
	margin: 0 0 16px;
	background: no-repeat center / contain;
}

.eg-turf-top-point__trouble-icon--01 {
	background-image: url(https://e-garden-ltd.com/2026/wp-content/uploads/2026/09/turf-top-01-icon-01.webp);
}
.eg-turf-top-point__trouble-icon--02 {
	background-image: url(https://e-garden-ltd.com/2026/wp-content/uploads/2026/09/turf-top-01-icon-02.webp);
}
.eg-turf-top-point__trouble-icon--03 {
	background-image: url(https://e-garden-ltd.com/2026/wp-content/uploads/2026/09/turf-top-01-icon-03.webp);
}
.eg-turf-top-point__trouble-icon--04 {
	background-image: url(https://e-garden-ltd.com/2026/wp-content/uploads/2026/09/turf-top-01-icon-04.webp);
}
.eg-turf-top-point__trouble-icon--05 {
	background-image: url(https://e-garden-ltd.com/2026/wp-content/uploads/2026/09/turf-top-01-icon-05.webp);
}

@media screen and (max-width: 834px) {
	.eg-turf-top-point {
		margin-left: -16px;
		margin-right: -16px;
	}
}

/* タブレット：セクション内の余白はPCの約半分、見出しは34px（golf-outdoor-pointと同じ） */
@media screen and (min-width: 768.02px) and (max-width: 1023px) {
	.eg-turf-top-point {
		padding: 25px 0 30px;
	}
	h2.eg-turf-top-point__title {
		margin-bottom: 32px !important;
		font-size: 34px;
	}
	.eg-turf-top-point__photo {
		margin: 32px 0 40px;
	}
}

/* スマホ：前セクションと背景色が変わるため共通の区切り線は不要 */
@media screen and (max-width: 768px) {
	.eg-turf-top-point {
		border-top: none !important;
		padding: 28px 0 40px;
	}
	h2.eg-turf-top-point__title {
		margin-bottom: 24px !important;
		font-size: 26px;
	}
	p.eg-turf-top-point__lead,
	p.eg-turf-top-point__text {
		text-align: left;
		line-height: 1.8;
	}
	p.eg-turf-top-point__text br {
		display: none;
	}
	ul.eg-turf-top-point__steps {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
		margin: 20px 0 24px !important;
	}
	li.eg-turf-top-point__step {
		min-height: 96px;
		letter-spacing: 0.02em;
	}
	.eg-turf-top-point__photo {
		margin: 28px 0 32px;
	}
	img.eg-turf-top-point__img {
		aspect-ratio: 16 / 9;
	}
	.eg-turf-top-point__caution {
		margin-bottom: 24px;
		padding: 20px 16px;
	}
}

/* スマホ標準幅：工程ボックスは2列、トラブル5種は3列＋2列の中央寄せ（区切り線なし） */
@media screen and (max-width: 540px) {
	ul.eg-turf-top-point__steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	li.eg-turf-top-point__step {
		min-height: 68px;
	}
	img.eg-turf-top-point__img {
		aspect-ratio: 3 / 2;
	}
	.eg-turf-top-point__caution {
		padding: 20px 12px;
	}
	p.eg-turf-top-point__caution-title,
	p.eg-turf-top-point__caution-note {
		font-size: 18px;
		line-height: 1.6;
	}
	p.eg-turf-top-point__caution-title {
		gap: 10px;
	}
	.eg-turf-top-point__caution-icon {
		width: 32px;
		height: 30px;
	}
	ul.eg-turf-top-point__troubles {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 16px;
		margin: 16px 0 !important;
	}
	li.eg-turf-top-point__trouble {
		width: 33.333%;
		box-sizing: border-box;
		padding: 8px 2px 0;
		letter-spacing: 0;
	}
	li.eg-turf-top-point__trouble + li.eg-turf-top-point__trouble {
		border-left: none;
	}
	.eg-turf-top-point__trouble-icon {
		margin-bottom: 10px;
	}
}

/* -- 03_artificial-turf_00 / 02（人工芝のメリット：MERIT01〜04） -- */

/* 全幅の背景は eg-turf-top-point と同じ負マージン方式（.mainのpaddingぶん） */
.eg-turf-top-merit {
	margin-left: -30px;
	margin-right: -30px;
	background-color: #e6e6e6;
	padding: 40px 0 60px;
}

.eg-turf-top-merit__inner {
	box-sizing: border-box;
	max-width: 1076px;
	margin: 0 auto;
	padding: 0 16px;
}

/* style.cssの見出しpadding・共通margin-top(20px !important)を打ち消す */
h2.eg-turf-top-merit__title {
	margin: 0 0 65px !important;
	padding: 0;
	text-align: center;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.4;
	color: var(--eg-green-deep, #004e37);
}

.eg-turf-top-merit__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
	align-items: start;
	margin: 0 0 100px;
}

.eg-turf-top-merit__item:last-child {
	margin-bottom: 0;
}

/* 番号の上端が写真の上端から37px下 */
.eg-turf-top-merit__body {
	padding: 28px 0 0 46px;
}

/* POINTバッジの番号サイズ調整 */
.eg-turf-top-merit__badge {
	align-items: center;
	margin-left: 2px;
}

.eg-turf-top-merit__badge .eg-point-badge__label {
	margin-right: 8px;
	font-size: 18px;
}

.eg-turf-top-merit__badge .eg-point-badge__number {
	top: 0;
	left: 0;
	margin-right: 0;
	font-size: 46px;
}

/* h3の余白を打ち消す */
h3.eg-turf-top-merit__heading {
	margin: 4px 0 32px;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 34px;
	line-height: 1.35;
	color: #111;
}

/* 本文は見出しより6px内側から始まる */
p.eg-turf-top-merit__text {
	margin: 0 0 10px;
	padding: 0 0 0 6px;
	color: #333;
	font-size: 16px;
	line-height: 1.625;
	letter-spacing: 0.05em;
}

p.eg-turf-top-merit__text:last-child {
	margin-bottom: 0;
}

/* 見出し・リストの共通margin／paddingを打ち消す */
ul.eg-turf-top-merit__points {
	margin: 0 0 10px !important;
	padding: 0 0 0 6px;
	list-style: none;
}

/* Cocoonの .article ul li のmarginに勝つため詳細度を上げる */
ul.eg-turf-top-merit__points li.eg-turf-top-merit__point {
	position: relative;
	margin: 0;
	padding: 0 0 0 18px;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif !important;
	color: #333;
	font-size: 16px;
	line-height: 1.625;
	letter-spacing: 0.05em;
}

ul.eg-turf-top-merit__points li.eg-turf-top-merit__point::before {
	content: "";
	position: absolute;
	left: 1px;
	top: 12px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #333;
}

.eg-turf-top-merit__photo {
	margin: 0;
}

img.eg-turf-top-merit__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

@media screen and (max-width: 834px) {
	.eg-turf-top-merit {
		margin-left: -16px;
		margin-right: -16px;
	}
}

/* タブレット：左右2分割→上下分割（写真が上）、余白はPCの半分。写真は横長にトリミング */
@media screen and (max-width: 1023px) {
	.eg-turf-top-merit {
		padding: 20px 0 30px;
	}
	h2.eg-turf-top-merit__title {
		margin-bottom: 36px !important;
		font-size: 34px;
	}
	.eg-turf-top-merit__item {
		grid-template-columns: minmax(0, 1fr);
		margin-bottom: 50px;
	}
	.eg-turf-top-merit__photo {
		order: -1;
	}
	img.eg-turf-top-merit__img {
		aspect-ratio: 3 / 2;
	}
	.eg-turf-top-merit__body {
		padding: 28px 0 0;
	}
	h3.eg-turf-top-merit__heading {
		margin-bottom: 20px;
		font-size: 30px;
	}
}

/* スマホ：改行を解除して左寄せにする */
@media screen and (max-width: 768px) {
	.eg-turf-top-merit {
		padding: 40px 0 40px;
	}
	h2.eg-turf-top-merit__title {
		margin-bottom: 28px !important;
		font-size: 26px;
	}
	.eg-turf-top-merit__item {
		margin-bottom: 44px;
	}
	img.eg-turf-top-merit__img {
		aspect-ratio: 4 / 3;
	}
	.eg-turf-top-merit__body {
		padding-top: 22px;
	}
	.eg-turf-top-merit__badge .eg-point-badge__number {
		font-size: 40px;
	}
	h3.eg-turf-top-merit__heading {
		margin-bottom: 16px;
		font-size: 24px;
	}
	h3.eg-turf-top-merit__heading br,
	p.eg-turf-top-merit__text br {
		display: none;
	}
	p.eg-turf-top-merit__text,
	ul.eg-turf-top-merit__points {
		padding-left: 0;
	}
}


/* -- 03_artificial-turf_00 / 03（人工芝のデメリット：DEMERIT01〜03） -- */

/* セクション02との間隔 */
.eg-turf-top-demerit {
	padding-top: 100px;
}

@media screen and (max-width: 1023px) {
	.eg-turf-top-demerit {
		padding-top: 60px;
	}
}

@media screen and (max-width: 768px) {
	.eg-turf-top-demerit {
		padding-top: 40px;
	}
}

/* PCのみ（タブレット以下は写真が上に来るため、メリットと同じ値のまま） */
@media screen and (min-width: 1023.02px) {
	.eg-turf-top-demerit .eg-turf-top-merit__body {
		padding-top: 8px;
	}
}

/* -- 03_artificial-turf_00 / 04（弊社の人工芝施工の強み：POINT01〜03） -- */

/* セクション03との間隔。デメリット（eg-turf-top-demerit）と同じ考え方・同じ値 */
.eg-turf-top-strength {
	padding-top: 100px;
}

@media screen and (max-width: 1023px) {
	.eg-turf-top-strength {
		padding-top: 60px;
	}
}

@media screen and (max-width: 768px) {
	.eg-turf-top-strength {
		padding-top: 40px;
	}
}

/* -- 03_artificial-turf_00 / 05（まとめ） -- */

.eg-turf-top-summary {
	margin-left: -30px;
	margin-right: -30px;
	background-color: #e6e6e6;
	padding: 100px 0 60px;
}

/* 内側の幅はpadding込みで944px＝コンテンツ912px */
.eg-turf-top-summary__inner {
	box-sizing: border-box;
	max-width: 944px;
	margin: 0 auto;
	padding: 0 16px;
}

/* 見出し・リストの共通margin／paddingを打ち消す */
h2.eg-turf-top-summary__title {
	margin: 0 0 48px !important;
	padding: 0;
	text-align: center;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.4;
	color: var(--eg-green-deep, #004e37);
}

p.eg-turf-top-summary__text {
	margin: 28px 0 0;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.05em;
	color: #333;
}

h2.eg-turf-top-summary__title + p.eg-turf-top-summary__text {
	margin-top: 0;
}

/* 見出し・リストの共通margin／paddingを打ち消す */
ul.eg-turf-top-summary__list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 28px;
	margin: 34px 0 36px !important;
	padding: 0;
	list-style: none;
}

/* Cocoonの .article ul li のmarginに勝つため詳細度を上げる */
ul.eg-turf-top-summary__list li.eg-turf-top-summary__item {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 120px;
	margin: 0;
	padding: 0 8px;
	border: 1px solid #cfc29d;
	background-color: #f5f2f1;
	font-family: inherit !important;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.08em;
	text-align: center;
	color: #111;
}

ul.eg-turf-top-summary__list + p.eg-turf-top-summary__text {
	margin-top: 0;
}

@media screen and (max-width: 834px) {
	.eg-turf-top-summary {
		margin-left: -16px;
		margin-right: -16px;
	}
}

/* タブレット：余白はPCの半分（セクション間は02〜04と同じ60px）。ボックスは5列のまま低く */
@media screen and (max-width: 1023px) {
	.eg-turf-top-summary {
		padding: 60px 0 30px;
	}
	h2.eg-turf-top-summary__title {
		margin-bottom: 28px !important;
		font-size: 34px;
	}
	ul.eg-turf-top-summary__list {
		gap: 12px;
		margin: 24px 0 26px !important;
	}
	ul.eg-turf-top-summary__list li.eg-turf-top-summary__item {
		height: 90px;
	}
}

/* スマホ：改行を解除して左寄せにする */
@media screen and (max-width: 768px) {
	.eg-turf-top-summary {
		padding: 40px 0 40px;
	}
	h2.eg-turf-top-summary__title {
		margin-bottom: 20px !important;
		font-size: 26px;
	}
	p.eg-turf-top-summary__text {
		margin-top: 16px;
		text-align: left;
		line-height: 1.8;
	}
	p.eg-turf-top-summary__text br {
		display: none;
	}
	ul.eg-turf-top-summary__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
		margin: 20px 0 20px !important;
	}
	ul.eg-turf-top-summary__list li.eg-turf-top-summary__item {
		flex: 0 0 calc((100% - 16px) / 3);
		height: 64px;
		padding: 0 4px;
		letter-spacing: 0.04em;
	}
}

/* 狭い機種：3列だと「仕上げ精度」が窮屈になるため2列（2＋2＋1の中央寄せ） */
@media screen and (max-width: 360px) {
	h2.eg-turf-top-summary__title {
		font-size: 22px;
	}
	ul.eg-turf-top-summary__list li.eg-turf-top-summary__item {
		flex-basis: calc((100% - 8px) / 2);
	}
}




/* -- 03_artificial-turf_00 / 07（人工芝施工実績） -- */

.eg-turf-top-works {
	margin-left: -30px;
	margin-right: -30px;
	background-color: #e6e6e6;
	padding: 100px 0 60px;
}

/* PC：リンクボタンの直後は上余白を詰める */
@media screen and (min-width: 1023.02px) {
	.eg-page-links + .eg-turf-top-works {
		padding-top: 80px;
	}
}

/* 内側の幅はpadding込みで1092px＝コンテンツ1060px */
.eg-turf-top-works__inner {
	box-sizing: border-box;
	max-width: 1092px;
	margin: 0 auto;
	padding: 0 16px;
}

/* style.cssの見出しpadding・共通margin-top(20px !important)を打ち消す */
h2.eg-turf-top-works__title {
	margin: 0 0 50px !important;
	padding: 0;
	text-align: center;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: 42px;
	line-height: 1.4;
	color: var(--eg-green-deep, #004e37);
}

/* 文章の列は最長行（約400px）が<br>の位置で収まる幅を確保し、足りない幅は写真側を縮める */
.eg-turf-top-works__body {
	display: grid;
	grid-template-columns: minmax(410px, 1fr) minmax(0, 540px);
	column-gap: 40px;
	align-items: start;
}

p.eg-turf-top-works__text {
	margin: 0 0 10px;
	color: #333;
	font-size: 16px;
	line-height: 1.625;
	letter-spacing: 0.05em;
}

p.eg-turf-top-works__text:last-child {
	margin-bottom: 0;
}

/* 見出し・リストの共通margin／paddingを打ち消す */
ul.eg-turf-top-works__list {
	margin: 0 0 10px !important;
	padding: 0;
	list-style: none;
}

/* Cocoonの .article ul li のmarginに勝つため詳細度を上げる */
ul.eg-turf-top-works__list li.eg-turf-top-works__item {
	position: relative;
	margin: 0;
	padding: 0 0 0 17px;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif !important;
	color: #333;
	font-size: 16px;
	line-height: 1.625;
	letter-spacing: 0.05em;
}

ul.eg-turf-top-works__list li.eg-turf-top-works__item::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 12px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #333;
}

/* 写真：横長1枚を2列ぶち抜き、その下に正方形2枚 */
.eg-turf-top-works__photos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
}

img.eg-turf-top-works__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

img.eg-turf-top-works__img--main {
	grid-column: 1 / -1;
	aspect-ratio: 540 / 304;
}

@media screen and (max-width: 834px) {
	.eg-turf-top-works {
		margin-left: -16px;
		margin-right: -16px;
	}
}

/* タブレット：左右2分割→上下分割（写真が上）、余白はPCの半分。文章の<br>は解除して左寄せのまま自然に折り返す */
@media screen and (max-width: 1023px) {
	.eg-turf-top-works {
		padding: 60px 0 30px;
	}
	h2.eg-turf-top-works__title {
		margin-bottom: 28px !important;
		font-size: 34px;
	}
	.eg-turf-top-works__body {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 28px;
	}
	.eg-turf-top-works__photos {
		order: -1;
	}
	p.eg-turf-top-works__text br {
		display: none;
	}
}

/* スマホ：区切り線は共通ルール（style.css）が入る（セクション05と背景色が同じため、線で切り替わりを示す） */
@media screen and (max-width: 768px) {
	.eg-turf-top-works {
		padding: 40px 0 40px;
	}
	h2.eg-turf-top-works__title {
		margin-bottom: 20px !important;
		font-size: 26px;
	}
	.eg-turf-top-works__body {
		row-gap: 22px;
	}
	p.eg-turf-top-works__text {
		line-height: 1.8;
	}
	ul.eg-turf-top-works__list li.eg-turf-top-works__item {
		line-height: 1.8;
	}
	ul.eg-turf-top-works__list li.eg-turf-top-works__item::before {
		top: 13px;
	}
}

/* ===== 人工芝カテゴリ共通：こんな方におすすめ（写真背景セクション） ===== */
/* 構造は eg-golf-recommend と同じ。全幅化は .main の padding 分の負マージン */
.eg-turf-recommend {
	margin-left: -30px;
	margin-right: -30px;
	background-color: #14200f;
	background-image:
		linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.04)),
		url(/2026/wp-content/uploads/2026/09/golf-recommend-bg.webp);
	background-size: cover;
	background-position: center, center 62%;
	padding: 64px 0 140px;
}

.eg-turf-recommend__inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 16px;
	text-align: center;
}

h2.eg-turf-recommend__title {
	margin: 0 0 48px;
	padding: 0;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	font-weight: 500;
	font-size: clamp(28px, 3.4vw, 44px);
	line-height: 1.4;
	color: #d6c43c;
}

ul.eg-tag-list.eg-turf-recommend__list {
	gap: 20px 32px;
}

ul.eg-tag-list.eg-turf-recommend__list li.eg-tag-list__item {
	background-color: rgba(255, 255, 255, 0.75);
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
	color: #111;
}

@media screen and (max-width: 834px) {
	.eg-turf-recommend {
		margin-left: -16px;
		margin-right: -16px;
	}
}

@media screen and (max-width: 768px) {
	.eg-turf-recommend {
		padding: 40px 0 64px;
	}
	h2.eg-turf-recommend__title {
		margin: 0 0 28px;
	}
	ul.eg-tag-list.eg-turf-recommend__list {
		gap: 8px;
	}
	ul.eg-tag-list.eg-turf-recommend__list li.eg-tag-list__item {
		font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", sans-serif !important;
		font-size: 14px;
		color: #222;
	}
}