.heading {
	background-image: url(../img/second/driving/driving.jpg);
}
h3, div.service a {
	color: var(--golf-text);
}
main>section:not(.news, :has(.arrow_link, .archive_list, .event, .triangle)) a:not(.btn),
.post_wrap a:not(.triangle, .btn) {
	color: var(--golf-text);
	text-decoration: underline;
}
.splide.event img+div p:last-child,
select,
ul.disc li:before {
	background-color: var(--golf);
}
table {
	thead th {
		background-color: var(--golf);
	}
	th {
		color: var(--golf-text);
	}
}

/* ===============================
TOP
=============================== */
#golfdrivingrange {
	.swing {
		border-radius: 1.25em;
		background: var(--bg);
		padding: 4em 2em;
		>div {
			h3 {
				font-size: 1.25rem;
			}
			p:has(img) {
				text-align: center;
				margin: 1em 0;
			}
			img {
				width: 80%;
				height: auto;
			}
			dl {
				dt {
					display: flex;
					align-items: center;
					font-size: 1.15rem;
					margin-bottom: .25em;
					font-family: var(--en);
					span {
						display: inline-block;
						background: var(--golf);
						color: #fff;
						font-size: 1rem;
						font-weight: 600;
						padding: 0.4em 0.75em 0.3em;
						border-radius: 2rem;
						margin-right: .25em;
					}
				}
				dd {
					margin-bottom: 1em;
					line-height: 1.6;
					text-align: justify;
				}
				&:last-child dd {
					margin-bottom: 0;
				}
			}
		}
		@media screen and (min-width: 769px) {
			padding: 3.5em;
			>div {
				margin-top: 2em;
				display: flex;
				gap: 1em;
				p:has(img) {
					width: 20.625rem;
				}
				img {
					width: 12.1875rem;
					height: auto;
				}
				h3 {
					margin-top: 0;
				}
			}
		}
	}
	section:nth-of-type(3) {
		.two_column {
			>div:last-child {
				>div {
					display: flex;
					align-items: flex-end;
					justify-content: space-between;
					margin: 5rem 0 2.4375rem;
					h2 {
						margin-bottom: 0;
					}
					span {
						font-size: .75rem;
					}
				}
				table+.note {
					margin-top: 1em;
					padding-left: 0;
					text-indent: 0;
				}
				@media screen and (min-width: 769px) {
					margin: 0;
					>div {
						margin: 0 0 2.4375rem;
					}
				}
			}
		}
	}
	section:last-of-type {
		h4 {
			color: var(--golf-text);
			font-size: 1.05rem;
		}
		.service {
			margin-top: 2em;
			h4 {
				text-align: center;
			}
		}
		.two_column+div {
			margin-top: 1.5em;
			display: flex;
			flex-wrap: wrap;
			gap: 1.5em;
			>div {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				background: var(--bg);
				color: var(--golf-text);
				border-radius: 1.25rem;
				padding: 1.5rem;
				p {
					font-size: 1.05rem;
					font-weight: 600;
					text-align: center;
					line-height: 1.5;
					margin-bottom: 0;
					.note {
						display: inline-block;
						margin-top: -.25em;
					}
				}
			}
			@media screen and (min-width: 769px) {
				>div {
					width: calc(100% / 4 - 1.125em);
				}
			}
		}
	}
	.two_column:last-of-type {
		margin-top: 3em;
		.arrow_link {
			display: flex;
			gap: 1em;
			li {
				width: calc(100% / 2 - 0.5em);
			}
		}
	}
}

/* ===============================
営業案内
=============================== */
#golfdrivingrange-info {
	th {
		width: auto;
		word-break: break-word;
	}
	section {
		a {
			color: var(--golf-text);
			text-decoration: underline;
		}
	}
	section:nth-of-type(2) {
		.inner>div:has(h2) {
			display: flex;
			justify-content: space-between;
			.note {
				margin: 0;
			}
			@media screen and (min-width: 769px) {
				gap: 2.5em;
				justify-content: flex-start;
			}
		}
		p:has(em) {
			margin-top: 1.25em;
		}
		table {
			display: table;
			th span:not(.note) {
				font-size: .85rem;
				margin: 0 .25em;
			}
		}
		.two_column {
			div:first-of-type {
				th {
					width: 80%;
				}
			}
			div:nth-of-type(2)>div {
				margin-top: 1.5em;
				thead th:first-child {
					width: 50%;
				}
			}
			div:nth-of-type(3),
			div:nth-of-type(4) {
				th {
					width: 80%;
				}
			}
		}
	}
	section:last-of-type {
		img {
			margin-bottom: 1em;
			aspect-ratio: 16 / 9;
			object-fit: cover;
			object-position: center;
		}
		.two_column {
			margin-top: 1.5em;
			div:has(#ladiesDay) {
				th {
					width: 30%;
				}
			}
			div:has(#courseOnly) {
				thead th:first-of-type {
					width: 30%;
				}
			}
		}
	}
}

/* ===============================
初めての方へ
=============================== */
#golfdrivingrange-visitors {
	section {
		a {
			color: var(--golf-text);
			text-decoration: underline;
		}
	}
	section:first-of-type {
		h2+p {
			font-weight: 600;
			font-size: 1.15rem;
			margin-bottom: 1.5em;
		}
		@media screen and (min-width: 769px) {
			.service {
				grid-template-columns: repeat(4, 1fr);
			}
		}
	}
}

/* ===============================
施設案内
=============================== */
#golfdrivingrange-facility {
	section:first-of-type {
		.leadtext {
			.disc {
				margin-top: 0;
			}
		}
	}
	.leadtext {
		>div {
			p:not(.note) {
				font-size: 1rem;
				font-weight: normal;
			}
		}
	}
}

/* ===============================
一般クラス
=============================== */
#golfdrivingrange-general {
	main { overflow: unset; }
	section:first-of-type {
		table { table-layout: auto; }
		th { width: 51%; }
	}
	#golfCurriculum table thead .note { color: #fff; }
}
#golfdrivingrange-general #timetable {
	.inner>div:first-child {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}
	.arrow_link {
		margin-top: 1em;
		display: flex;
		flex-wrap: wrap;
		gap: .5em;
		li { width: calc(100% / 4 - .5em); }
		@media screen and (min-width: 769px) {
			gap: 1em;
			flex-wrap: nowrap;
			li { width: calc(100% / 7 - .85em); }
		}
	}
	.splide { width: 100%; }
	.splide__track { transition: height 0.3s ease; }
	.splide__slide {
		width: 100%;
		height: fit-content;
		padding-bottom: 0.1em;
	}
}
#coach {
	th { width: 40%; }
	td {
		width: 60%;
		white-space: nowrap;
	}
}

/* ===============================
レッスンプロ
=============================== */
#golfdrivingrange-coach {
	.inner  >p { margin-bottom: 1.5em; }
}
/* ===============================
その他のレッスン
=============================== */
#golfdrivingrange-other {
	section {
		table:nth-of-type(2) {
			margin-top: 1em;
			thead th:last-child {
				width: 40%;
			}
		}
	}
}
/* ===============================
アウンゴルフ
=============================== */
#aun-golf main section .inner .visual div {
	margin-top: 20px;
	@media screen and (min-width: 769px) { margin-top: 0;}
}
#aun-golf main section .minibox p:last-child a {
	padding: 1em 2em;
	display: inline-block;
	color: var(--text);
	font-size: 0.75rem;
	width: fit-content;
	border: 1px solid #999999;
        border-radius: 2rem;
        height: fit-content;
        margin-top: 20px;
        background-color: #fff;
        &::after {
        	display: inline-block;
        	content: url(../img/second/driving/aun-golf/ico-blank.svg);
        	width: 1.2em;
        	margin-left: 0.5em;
        	vertical-align: middle;
        }
	&:hover {
	        background-color: var(--golf);
	        transition: .3s all;
	        color: #fff;
        }
        &:hover::after {
        	content: url(../img/second/driving/aun-golf/ico-blank-w.svg);
        }
}