.footer-booking {
	display: none;
}

.main-presentation-head-sp,
.main-presentation-mid-sp,
.main-presentation-foot-sp {
	display: none;
}

@media screen and (max-width: 1024px) {
	.pc-only {
		display: none !important;
	}

	.sp-only {
		display: block;
	}

	/* ヘッダー */

	.pc-nav ul {
		display: none;
	}
	.pc-nav .header-booking {
		margin-right: calc(100px - var(--padd-sides));
	}

	/* フッター */

	.footer-content-group {
		margin-top: 75px;
	}

	.footer-links {
		display: none;
	}

	.footer-address-block {
		line-height: 2;
	}

	.footer-address-block .footer-address {
		display: flex;
		flex-direction: column;
	}
	.footer-address-block .address-sep {
		display: none;
	}

	.footer-manager {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}
	.footer-manager .manager-sep {
		display: none;
	}

	.footer-sns-block {
		margin-top: 80px;
		flex-direction: column;
		align-items: end;
		gap: 10px;
	}
	.footer-sns-links img {
		height: 35px;
		width: auto;
	}

	.footer-sns-links li:nth-child(3),
	.footer-sns-links li:nth-child(4),
	.footer-sns-links li:nth-child(5) {
		display: none;
	}

	/* TOP */

	.main-visual {
		height: max(36vh, 550px);
		background-position: center 105%;
		background-size: 700px auto;
	}

	.main-visual-head {
		height: auto;
	}
	.main-visual-head .catch-line {
		position: static;
		text-align: center;
	}

	.presentation-catch {
		padding-top: 50px;
	}

	.main-presentation {
		padding-top: 200px;
		background-size: auto 600px;
	}

	.main-presentation-footer {
		margin: 20px 0 40px 0;
	}

	/* .presentation-catch {
		display: flex;
		flex-direction: column;
	} */
	.presentation-small {
		font-size: min(7vw, 28px);
	}
	.presentation-big  {
		font-size: 36px;
	}
	/* .presentation-catch br {
		display: none;
	} */

	/* スマホメニュー */

	.hamb {
		display: block;
		position: absolute;
		cursor: pointer;
		z-index: 300;
		right: 0;
		top: 0;
		width: 100px;
		height: var(--height-header);
	}

	.hamb .line {
		position: absolute;
		left: 30%;
		width: 40px;
		height: 3px;
		background-color: var(--color-accent);
		top: 40%;
		transition: all 0.6s;
	}
	.hamb .line:nth-child(2) {
		top: 50%;
	}
	.hamb .line:nth-child(3) {
		top: 60%;
	}

	.hamb.open .line:nth-child(1) {
		top: 50%;
		transform: rotate(45deg);
	}
	.hamb.open .line:nth-child(2) {
		opacity: 0;
	}
	.hamb.open .line:nth-child(3) {
		top: 50%;
		transform: rotate(-45deg);
	}

	#sp-menu {
		display: none;
	}
	#sp-menu.open {
		display: flex;
		position: fixed;
		z-index: 200;
		top: var(--height-header);
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--color-bg);
		flex-direction: column;
		padding: var(--padd-sides);
		overflow-y: auto;
	}

	.sp-menu-title {
		font-size: 32px;
		line-height: 1;
		color: var(--color-accent);
		font-weight: normal;
	}

	.sp-nav {
		margin-top: 30px;
	}

	.sp-nav ul {
		display: flex;
		flex-direction: column;
	}
	.sp-nav li {
		padding: 20px 0 20px 10px;
		border-bottom: 1px solid black;
	}
	.sp-nav a {
		display: block;
		color: black;
		font-weight: bold;
	}
	.spmenu-footer {
		margin: 30px 0 auto 0;
		font-size: 13px;
		line-height: 1.8;
	}

	.spmenu-link {
		--spacing: 20px;
		display: flex;
		flex-wrap: wrap;
		gap: var(--spacing);
		margin-top: 20px;
		margin-bottom: 0;
	}
	.spmenu-link,
	.spmenu-link a {
		font-size: 13px;
		color: black;
	}
	.spmenu-link ul {
		list-style: none;
		display: flex;
		align-items: center;
		gap: var(--spacing);
	}

	/* アクセス（TOP） */

	.access-block {
		flex-direction: column;
		gap: 50px;
	}

	.access-block .access-right iframe {
		position: static;
		height: 40vh;
	}

	.section-access-flex {
		display: flex;
		gap: 20px;
	}
	.section-access-car {
		flex: 0 0 350px;
	}
	.section-access-bus span {
		white-space: nowrap;
	}
	/*お知らせ*/

	.information-block-center {
		display: block;
	}

	.information-category---block {
		margin: 120px 30px 50px 30px;
	}

	.pagination-section {
		margin-bottom: 90px;
	}

	.pagination {
		width: 100%;
		justify-content: center;
	}

	.news-date-category-block {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.information-contents__left-block {
		display: flex;
		align-items: center;
		gap: 30px;
	}

	.news-uncategorized {
		margin-left: 15px;
	}

	.news-link {
		margin-left: 0px;
	}

	.pagination-section {
		margin-bottom: 90px;
		margin: 2rem 75px 8em 75px;
	}

}

@media screen and (max-width: 667px) {
	/* ヘッダー */
	.pc-nav .header-booking {
		display: none;
	}

	/* モーダル */

	.modal-title {
		display: flex;
		flex-direction: column;
		/* padding-top: 55px; */
		font-size: 24px;
	}

	.modal-subtitle {
		padding-top: 1em;
		text-align: center;
		font-weight: normal;
		font-size: 14px;
	}

	/* TOP */

	.main-visual {
		height: 500px;
		margin-bottom: -45px;
		background-size: 500px auto;
	}
	.main-visual-head .catch-line {
		font-size: min(12vw, 48px);
	}

	.main-pictures {
		flex-wrap: wrap;
	}

	.presentation-catch {
		display: flex;
		flex-direction: column;
	}
	.presentation-catch br {
		display: none;
	}

	.catch-line br {
		display: none;
	}
	.catch-line span {
		display: block;
	}

	/* TOPのメイン画像エリア */

	.main-presentation-head-sp {
		display: block;
		height: 120px;
		background: url(../images/top_bg_sp-up.svg) top center no-repeat;
		background-size: 667px auto;
	}
	.main-presentation {
		margin: 0;
		padding: 0;
		height: auto;
		background: var(--color-grass);
	}
	.main-pictures-1x4 {
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.main-pictures-1x4>* {
		flex: 0 1 40%;
	}

	.main-presentation-foot-sp {
		display: block;
		margin-bottom: 50px;
		height: 75px;
		background: url(../images/top_bg_sp-down.svg) bottom center no-repeat;
		background-size: 667px auto;
	}

	/* スマホメニュー */

	.spmenu-link {
		margin-bottom: var(--height-header);
	}

	/* ホームのバナー */

	.section-block.top-banners {
		display: none;
	}
	.section-block.top-banners-sp {
		display: flex;
		gap: 20px;
		align-items: center;
		flex-direction: column;
	}

	/* ホームのアクセス */

	.section-access-flex {
		gap: 0;
		flex-direction: column;
	}
	.section-access-car {
		flex: 1;
	}

	/* フッター */

	footer {
		padding-bottom: var(--height-header);
	}

	.footer-booking {
		height: var(--height-header);
		display: flex;
		z-index: 300;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.footer-booking a {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: white;
		font-weight: bold;
	}

	.footer-booking a.button-reservation {
		background-color: var(--color-accent);
		border-top-left-radius: 30px;
		border-top: 1px solid white;
		border-left: 1px solid white;
	}
	.footer-booking a.button-reservation img {
		height: 30px;
		margin: 4px;
	}
	.footer-booking a.button-bbq img {
		height: 38px;
	}

	.footer-booking a.button-bbq {
		background-color: var(--color-accent2);
		border-top-right-radius: 30px;
		border-top: 1px solid white;
		border-right: 1px solid white;
	}
}

@media screen and (max-width: 600px) {
	/* フッター */
	.footer-hill {
		height: 200px;
		background: url(../images/footer-hills-sp.svg) center top no-repeat;
	}
}

@media screen and (max-width: 575px) {

	/*TOP*/

	.home-news-headblock {
		margin-bottom: 55px;
	}

	.home-news-headblock .title-container {
		margin-bottom: 0px;
	}

	.section-home-news .news-contents dl {
		padding-bottom: 30px;
	}

	.section-home-news .news-date-category-block {
		margin-bottom: 15px;
	}

	.section-access-time h3 {
		flex-wrap: wrap;
	}
	/* .section-access-time h3 small {
		flex: 1 0 100%;
	} */
	.access-time-group {
		flex-wrap: wrap;
	}


	/* アクセスページ */
	.page .section-access-info{ /* 0319追加・修正 */
		display: block;
	}

	.page .section-access-time{ /* 0319追加・修正 */
		margin: 2em 0;
 	}

	 .page .access-left-long { /* 0319追加・修正 */
		margin-bottom: 1em;
	}

 	.page .access-left-long p span { /* 0319追加・修正 */
	 	display: block;
 	}

	.page .access-title-bold img { /* 0319追加・修正 */
		width: 66px;
		margin-right: 1.3em;
	}

	/*施設紹介*/ /* 0319追加・修正 */
	#facility .contents-facility>.page-contents,
	#facility .contents-facility>.page-contents-direction {
		display: block;
		
	}
	.facility01, .facility02, .facility03, .facility04, .facility05, .facility06 {
		margin-bottom: 2em;
	}

	#facility .contents-facility>.page-contents>.facility-visual-container {
		justify-content: center;
	}
	#facility .contents-facility .facility-visual-container {
		gap: 0;
	}
	.col2-page-contents {
		display: block;
	}

	/*お知らせ*/
	.home-news-headblock {
		flex-wrap: wrap;
	}
	.home-news-headblock div:last-child {
		margin-left: auto;
		margin-right: 0;
	}
	.title-container {
		display: block;
	}

	.news-contents dl dd {
		margin: 0;
	}

	.news-link {
		color: #285296;
	}

	.news-date-category-block {
		flex-direction: row;
	}

	.news-contents dl {
		display: block;
		margin-bottom: 1.5em;
	}

	/* .news-contents dl dt span.news-news {
		padding: 1.0em 4.5em;
	} */

	/* .news-contents dl dt span.news-uncategorized {
		padding: 1.0em 4.5em;
	} */

	.news-contents dl dd {
		padding-bottom: 0em;
	}

	.news-link:hover {
		color: #285296;
	}

	.pagination-section {
		margin: 2rem 0px 8em 0px;
	}

	.pagination {
		gap: 4%;
	}

	.pagination-Item-Link {
		border-radius: 50%;
		width: 45px;
		height: 45px;
	}

	/* お知らせ-詳細ページ */
	.news-detail {
		display: none;
	}

	.news-report-block dl {
		display: flex;
		flex-direction: column;
	}

	.news-report-block dt {
		order: 2;
		margin-top: 0;
		margin-bottom: 31px;
	}

	.news-report-block dd {
		order: 1;
		margin: 58px 0 33px;
	}

	.news-report-block img {
		max-width: 100%;
		width: 100%;
		height: auto
	}

	.responsive-reverse {
		display: flex;
		flex-direction: row-reverse;
		justify-content: left;
	}

	.news-report-block dt .news-ymd {
		margin-left: 0;
	}
}

@media screen and (max-width: 400px) {
	.header-nav .logo img {
		width: 200px;
	}
	.main-visual {
			height: 400px;
			background-size: 400px auto;
	}
}

/* ボランティア */ /* 0319追加・修正 */
@media screen and (max-width: 430px) {  /* 0324追加・修正 */
	/* add simon 2025/03/31 >>> */
	.header-nav .logo img {
		width: min(68vw,280px);
	}
	/* <<< */

	.volunteer-title-img{
		display: block;
	}
	.volunteer-container .volunteer-title-img >img {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 0;
	}
	.volunteer-container .volunteer-img-container {
		margin-top: 2em;
	}
	.volunteer-container .volunteer-img1 img { /* 0324追加・修正 */
		margin-top: 4em;
	}
	.volunteer-container .volunteer-img3 img { /* 0324追加・修正 */
		margin-top: 5em;
	}
}
/*