#noticewrapper {
	background-color: #a4282e;
	> .inner {
		max-width: 1000px;
		margin: 0 auto;
		text-align: center;
		padding: 15px 0;
		> .informDocument {
			background-color: white;
			margin: 0 5%;
			text-align: left;
			> a {
				display: flex;
				border-top: dashed 1px #aaa;
				padding: 10px 20px;
				text-decoration: none;
				&[href]:hover {
					background-color: #eee;
				}
				&:nth-of-type(1) {
					border-top: none;
				}
				> div:nth-of-type(1) {
					margin: 0 10px 0 0;
				}
				> div:nth-of-type(2) {
					margin: 0;
					font-size: 1.5rem;
					line-height: 1.4;
					color: #333;
					background-image: url(./common/image/icon_caret_circle_right_888.svg);
					background-repeat: no-repeat;
					background-position: 100% 40%;
					padding-right: 25px;
				}
			}
		}
	}
}
@media screen and (max-width:1009px) {
	#noticewrapper {
		> .inner {
			> .informDocument {
				> a {
					flex-wrap: wrap;
					> div:nth-of-type(2) {
						width: 100%;
						margin: 3px 0 0 0;
						font-size: 1.3rem;
					}
				}
			}
		}
	}
}

#switchimagewrapper {
	user-select: none;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	@media print {
		display: none;
	}
	> #switchimage01,
	> #switchimage02 {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		> img {
			display: block;
			width: 100%;
			height: auto;
		}
	}
	> #switcharrowleft {
		left: 0px;
	}
	> #switcharrowright {
		right: 0px;
	}
	> #switcharrowleft,
	> #switcharrowright {
		display: block;
		position: absolute;
		cursor: pointer;
		top: calc(50% - 70px);
		opacity: 0.5;
		transition: all 0.3s;
	}
	> #switchball {
		position: absolute;
		width: 100%;
		bottom: 18px;
		right: 30px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		> span {
			transition: all 1s;
			cursor: pointer;
			padding: 0 20px 20px 0;
			margin: 0 2px;
			background-image: url(./image/ball.svg);
			background-repeat: no-repeat;
			opacity: 0.8;
			&.on {
				background-image: url(./image/ball_on.svg);
			}
		}
		> div {
			cursor: pointer;
			padding: 0 36px 36px 0;
			margin-left: 6px;
			background-image: url(./image/pause.svg);
			background-repeat: no-repeat;
			opacity: 0.8;
			&.on {
				background-image: url(./image/play.svg);
			}
		}
	}
}
@media screen and (max-width:859px) {
	#switchimagewrapper {
		> #switcharrowleft,
		> #switcharrowright {
			top: calc(50% - 35px);
			height: 70px;
		}
	}
}
@media screen and (min-width:700px) {	/*PC*/
	#switchimagewrapper {
		> #switchimage01 {
		}
	}
}
@media screen and (max-width:699px) {	/*SP*/
	#switchimagewrapper {
		> #switchball {
			bottom: 6px;
			right: 10px;
			> span {
				padding: 0 10px 10px 0;
				background-size: 10px 10px;
			}
			> div {
				padding: 0 18px 18px 0;
				background-size: 18px 18px;
			}
		}
	}
}

#weatherwrapper {
	background-image: url(./image/skyback.png);
	background-size: cover;
	background-position: 50% 50%;
	height: 150px;
	text-align: center;
	> div {
		padding: 20px 0 0 0;
		font-size: 2.0rem;
		line-height: 1;
		color: #fff;
		font-family: var(--font-serif);
	}
	> h2 {
		margin: 10px 0 0 0;
		font-size: 3.6rem;
		line-height: 1;
		color: #fff;
		font-family: var(--font-serif);
		font-weight: 700;
	}
	> a {
		display: inline-block;
		margin-top: 15px;
		font-size: 1.5rem;
		line-height: 1;
		color: #fff;
		background-color: #008bd1;
		padding: 8px 30px 8px 15px;
		border: solid 1px #fff;
		background-image: url(./common/image/mark_external_fff.svg);
		background-repeat: no-repeat;
		background-position: 95% 40%;
		text-decoration: none;
		&[href]:hover {
			opacity: 0.7;
		}
	}
}
@media screen and (max-width:429px) {
	#weatherwrapper {
		> h2 {
			font-size: 2.6rem;
		}
		> a {
		}
	}
}

#informwrapper {
	padding: 50px 5%;
	> .inner {
		max-width: 960px;
		margin: 0 auto;
		> h2 {
			margin: 0;
			font-size: 2.6rem;
			line-height: 1;
			letter-spacing: 0.1em;
			color: #333;
			font-family: var(--font-serif);
			font-weight: 700;
			text-align: center;
		}
		> .informDocument {
			margin-top: 20px;
			> a {
				display: block;
				text-decoration: none;
				&[href]:hover {
					background-color: #eee;
				}
				> dl {
					margin: 0;
					display: flex;
					border-bottom: dotted 1px #333;
					padding: 10px 20px;
					> dt {
						&:nth-of-type(1) {
							margin: 0 10px 0 0;
						}
						&:nth-of-type(2) {
							margin: 0 30px 0 0;
							font-size: 1.4rem;
							line-height: 1.4;
							color: #333;
							white-space: nowrap;
						}
					}
					> dd {
						margin: 0;
						font-size: 1.4rem;
						line-height: 1.4;
						color: #333;
						background-image: url(./common/image/icon_caret_circle_right_888.svg);
						background-repeat: no-repeat;
						background-position: 100% 40%;
						padding-right: 25px;
					}
				}
			}
		}
		> .button {
			margin-top: 20px;
			text-align: center;
			> a {
				display: inline-block;
				font-size: 1.5rem;
				line-height: 1;
				color: #333;
				letter-spacing: 0.3em;
				text-decoration: none;
				padding: 8px 40px 8px 25px;
				border: solid 1px #888;
				background-image: url(./common/image/icon_caret_circle_right_888.svg);
				background-repeat: no-repeat;
				background-position: 90% 40%;
				&[href]:hover {
					opacity: 0.7;
				}
			}
		}
	}
}
@media screen and (max-width:1069px) {
	#informwrapper {
		padding: 40px 5%;
		> .inner {
			> .informDocument {
				> a {
					> dl {
						flex-wrap: wrap;
						padding: 10px 10px;
						> dd {
							width: 100%;
							margin: 3px 0 0 0;
							font-size: 1.3rem;
						}
					}
				}
			}
		}
	}
}

section.calendar {
	padding: 70px 5% 90px 5%;
	background-color: #f2edd3;
	> div {
		max-width: 1050px;
		margin: 0 auto;
		> h2 {
			margin: 0;
			font-size: 2.6rem;
			line-height: 1;
			color: #333;
			font-family: var(--font-serif);
			font-weight: 700;
			text-align: center;
		}
		> p {
			margin: 25px 5% 0 5%;
			font-size: 1.5rem;
			line-height: 1.3;
			color: #333;
			&.pc {
				display: block;
				text-align: center;
				@media (max-width:780px) {
					display: none;
				}
			}
			&.sp {
				display: none;
				text-align: left;
				@media (max-width:780px) {
					display: block;
				}
			}
			&.text {
				display: block;
				text-align: center;
			}
		}
		> iframe {	/*pc golferweb iframe*/
			margin-top: 20px;
			border: none;
			width: 100%;
			height: 605px;
			@media (max-width:780px) {
				display: none;
			}
		}
		> .link {	/*sp golferweb link button*/
			display: none;
			padding: 0 5%;
			margin-top: 20px;
			@media (max-width:780px) {
				display: block;
			}
			> a {
				display: block;
				text-decoration: none;
				background-image: linear-gradient(#fffffe,#f2edd4);
				border: solid 3px #d5c46a;
				border-radius: 10px;
				&[href]:hover {
					opacity: 0.7;
				}
				> div {
					font-size: 2.6rem;
					line-height: 1;
					color: #725a49;
					font-family: var(--font-serif);
					font-weight: 700;
					text-align: center;
					padding: 20px 30px 20px 10px;
					background-image: url(./common/image/mark_external_888.svg);
					background-repeat: no-repeat;
					background-position: 95% 50%;
				}
			}
		}
		> .link2 {
			padding: 0 5%;
			margin-top: 20px;
			> a {
				display: block;
				text-decoration: none;
				background-image: linear-gradient(#fffffe,#f2edd4);
				border: solid 3px #d5c46a;
				border-radius: 10px;
				&[href]:hover {
					opacity: 0.7;
				}
				> div {
					font-size: 2.6rem;
					line-height: 1;
					color: #725a49;
					font-family: var(--font-serif);
					font-weight: 700;
					text-align: center;
					padding: 20px 30px 20px 10px;
					background-image: url(./common/image/mark_external_888.svg);
					background-repeat: no-repeat;
					background-position: 95% 50%;
				}
			}
		}
	}
}
#bannerwrapper {
	display: none;
	padding: 30px 5%;
	> a {
		display: block;
		text-decoration: none;
		margin: 10px 0;
		border: solid 2px #c1ac33;
		padding: 50px 10px;
		background-size: contain;
		background-repeat: no-repeat;
		&:nth-of-type(1) {
			background-image: url(./image/bannerback01.jpg);
			background-position: 100% 50%;
			text-align: left;
		}
		&:nth-of-type(2) {
			background-image: url(./image/bannerback02.jpg);
			background-position: 0% 50%;
			text-align: right;
		}
		&:nth-of-type(3) {
			background-image: url(./image/bannerback03.jpg);
			background-position: 100% 50%;
			text-align: left;
		}
		&:nth-of-type(4) {
			background-image: url(./image/bannerback04.jpg);
			background-position: 0% 50%;
			text-align: right;
		}
		> span {
			font-size: 1.5rem;
			line-height: 1;
			color: #333;
			padding-right: 30px;
			background-image: url(./common/image/icon_chevron_right_thin.svg);
			background-repeat: no-repeat;
			background-position: 95% 50%;
		}
	}
}
@media screen and (max-width:780px) {
	#bannerwrapper {
		display: block;
	}
}

#triplewrapper {
	display: flex;
	> div {
		width: 33.33%;
		box-sizing: border-box;
		padding: 40px;
		&:nth-of-type(1) {
			background-image: linear-gradient(#cebb58,#c1ac33);
		}
		&:nth-of-type(2) {
			background-image: linear-gradient(#739abc,#5186ac);
		}
		&:nth-of-type(3) {
			background-image: linear-gradient(#e18792,#db677a);
		}
		> h2 {
			margin: 0;
			font-size: 2.6rem;
			line-height: 1;
			color: #fff;
			font-family: var(--font-sans);
			font-weight: 400;
			text-align: center;
		}
		> hr {
			margin-top: 15px;
			border-style: solid none none none;
			border-width: 1px;
			border-color: #fff;
		}
		> p {
			margin: 15px 0 0 0;
			font-size: 1.5rem;
			line-height: 1.5;
			color: #fff;
			text-align: center;
		}
		> div {
			margin: 10px 0 0 0;
			text-align: center;
			> a {
				display: inline-block;
				font-size: 1.5rem;
				line-height: 1;
				color: #fff;
				text-decoration: none;
				padding: 8px 40px 8px 25px;
				border: solid 1px #fff;
				background-image: url(./common/image/icon_chevron_right_fff.svg);
				background-repeat: no-repeat;
				background-position: 90% 40%;
				&[href]:hover {
					opacity: 0.7;
				}
			}
		}
	}
}
@media screen and (max-width:909px) {
	#triplewrapper {
		flex-direction: column;
		> div {
			width: auto;
		}
	}
}
@media screen and (max-width:449px) {
	#triplewrapper {
		> div {
			padding: 20px;
			> p {
				font-size: 1.3rem;
			}
		}
	}
}

#seasonwrapper {
	padding: 70px 2% 0 2%;
	> h2 {
		margin: 0;
		font-size: 2.6rem;
		line-height: 1.2;
		color: #333;
		font-family: var(--font-serif);
		font-weight: 700;
		text-align: center;
	}
	> div {
		margin-top: 20px;
		display: flex;
		justify-content: center;
		> div {
			margin: 15px;
			background-size: cover;
			background-position: 50% 50%;
			width: 475px;
			height: 250px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			&:nth-of-type(1) {
				background-image: url(./image/seasonback.jpg);
			}
			&:nth-of-type(2) {
				background-image: url(./image/caddyback.jpg);
			}
			> p {
				margin: 0;
				font-size: 2.0rem;
				line-height: 1.3;
				color: #fff;
				font-family: var(--font-serif);
				text-align: center;
			}
			> h3 {
				margin: 5px 0 0 0;
				font-size: 2.8rem;
				line-height: 1;
				color: #fff;
				font-family: var(--font-serif);
				font-weight: 700;
				text-align: center;
			}
			> div {
				margin: 15px 0 0 0;
				text-align: center;
				> a {
					display: inline-block;
					font-size: 1.5rem;
					line-height: 1;
					color: #fff;
					text-decoration: none;
					padding: 8px 40px 8px 25px;
					border: solid 1px #fff;
					background-image: url(./common/image/icon_chevron_right_fff.svg);
					background-repeat: no-repeat;
					background-position: 90% 40%;
					&[href]:hover {
						opacity: 0.7;
					}
				}
			}
		}
	}
}
@media screen and (max-width:949px) {
	#seasonwrapper {
		> div {
			> div {
				margin: 5px;
			}
		}
	}
}
@media screen and (max-width:609px) {
	#seasonwrapper {
		> div {
			flex-direction: column;
			> div {
				width: calc(100% - 10px);
			}
		}
	}
}

#moviewrapper {
	padding: 0 2%;
	margin-top: 70px;
	> .inner {
		max-width: 980px;
		margin: 0 auto;
		text-align: center;
		> h2 {
			margin: 0;
			font-size: 2.6rem;
			line-height: 1.2;
			color: #333;
			font-family: var(--font-serif);
			font-weight: 700;
		}
		> div {
			margin-top: 10px;
			position: relative;
			width: 100%;
			height: 0;
			padding-top: 56%;
			> iframe {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
			}
		}
		> figure {
			margin: 10px 0 0 0;
			> img {
			}
		}
		> p {
			margin: 10px 0 0 0;
			font-size: 1.5rem;
			line-height: 1;
			color: #333;
		}
	}
}

#flowerwrapper {
	padding: 70px 2%;
	margin-top: 70px;
	text-align: center;
	background-image: url(./image/flowerback.jpg);
	background-size: cover;
	background-position: 50% 100%;
	> div {
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221%22%20height%3D%221%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20opacity%3D%220.8%22%20points%3D%220%200%200%201%201%201%201%200%200%200%22%2F%3E%3C%2Fsvg%3E');
		width: 380px;
		margin: 0 auto;
		padding: 50px 30px;
		> figure {
			margin: 0;
			> img {
				max-width: 100%;
			}
		}
		> h3 {
			margin: 20px 0 0 0;
			font-size: 1.8rem;
			line-height: 1.2;
			color: #333;
			letter-spacing: 0.5em;
			font-family: var(--font-serif);
			font-weight: 700;
		}
		> p {
			margin: 20px 0 0 0;
			font-size: 1.6rem;
			line-height: 1.8;
			color: #333;
			font-family: var(--font-serif);
		}
		> div {
			margin: 25px 0 0 0;
			text-align: center;
			> a {
				display: inline-block;
				font-size: 1.5rem;
				line-height: 1;
				color: #fff;
				text-decoration: none;
				padding: 8px 40px 8px 25px;
				background-color: #c1ac33;
				background-image: url(./common/image/icon_chevron_right_fff.svg);
				background-repeat: no-repeat;
				background-position: 90% 40%;
				&[href]:hover {
					opacity: 0.7;
				}
			}
		}
	}
}
@media screen and (max-width:489px) {
	#flowerwrapper {
		> div {
			width: auto;
		}
	}
}
@media screen and (max-width:399px) {
	#flowerwrapper {
		> div {
			width: auto;
			> h3 {
				letter-spacing: 0em;
			}
			> p {
				font-size: 1.4rem;
			}
		}
	}
}

#gallerywrapper {
	padding: 50px 2%;
	text-align: center;
	background-image: url(./image/galleryback.jpg);
	background-size: cover;
	background-position: 60% 100%;
	> a {
		display: block;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221%22%20height%3D%221%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20opacity%3D%220.8%22%20points%3D%220%200%200%201%201%201%201%200%200%200%22%2F%3E%3C%2Fsvg%3E');
		width: 250px;
		margin: 0 auto;
		padding: 90px 6px;
		text-decoration: none;
		&[href]:hover {
			opacity: 0.7;
		}
		> h2 {
			margin: 0;
			font-size: 2.6rem;
			line-height: 1;
			color: #333;
			font-family: var(--font-serif);
			font-weight: 700;
		}
		> p {
			margin: 30px 0 0 0;
			font-size: 1.5rem;
			line-height: 1;
			color: #333;
			font-family: var(--font-serif);
		}
	}
}

#faqwrapper {
	padding: 50px 2%;
	text-align: center;
	background-color: #444;
	display: flex;
	justify-content: center;
	> a {
		display: block;
		padding: 30px 80px;
		background-image: linear-gradient(#fffffe,#f2edd4);
		margin: 20px;
		border: solid 3px #d5c46a;
		border-radius: 10px;
		text-decoration: none;
		&[href]:hover {
			opacity: 0.7;
		}
		> figure {
			margin: 0;
			> img {
			}
		}
		> h2 {
			margin: 0;
			font-size: 2.2rem;
			line-height: 1.3;
			color: #725a38;
			font-family: var(--font-serif);
			font-weight: 700;
		}
	}
}
@media screen and (max-width:759px) {
	#faqwrapper {
		> a {
			padding: 30px 40px;
		}
	}
}
@media screen and (max-width:569px) {
	#faqwrapper {
		flex-direction: column;
		> a {
			margin: 10px;
			padding: 15px 0px;
		}
	}
}

#recruitwrapper {
	padding: 50px 2%;
	text-align: center;
	background-image: url(./image/recruitback.jpg);
	background-size: cover;
	background-position: 50% 0%;
	> a {
		display: block;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221%22%20height%3D%221%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20opacity%3D%220.8%22%20points%3D%220%200%200%201%201%201%201%200%200%200%22%2F%3E%3C%2Fsvg%3E');
		width: 250px;
		margin: 0 auto;
		padding: 90px 6px;
		text-decoration: none;
		&[href]:hover {
			opacity: 0.7;
		}
		> h2 {
			margin: 0;
			font-size: 2.6rem;
			line-height: 1;
			color: #333;
			font-family: var(--font-serif);
			font-weight: 700;
		}
		> p {
			margin: 30px 0 0 0;
			font-size: 1.6rem;
			line-height: 1;
			color: #333;
			font-family: var(--font-serif);
		}
	}
}