#lagoon .mv {
	padding: 40px 0 40px;
}

@media screen and (max-width: 834px) {
	#lagoon .mv {
		padding: 5.333vw 0 5.333vw;
	}
}

#lagoon .mv_inner {
	margin: 0 30px 0 -20px;
	position: relative;
}

@media screen and (max-width: 834px) {
	#lagoon .mv_inner {
		margin: 0;
	}
}

#lagoon .mv_innerInfo {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	pointer-events: none;
}

@media screen and (max-width: 834px) {
	#lagoon .mv_innerInfo {
		justify-content: flex-start;
		position: relative;
	}
}

#lagoon .mv_head {}

#lagoon .mv_lead {
	margin: 0 30px 50px auto;
	width: 35%;
	max-width: 390px;

	font-size: 31px;
	font-size: clamp(2.2rem, 2.627vw, 3.1rem);
	font-weight: 500;
	line-height: 1.48;
}

@media screen and (max-width: 834px) {
	#lagoon .mv_lead {
		margin: 0 auto 5.333vw;
		width: 85vw;
		max-width: none;

		font-size: 13.5px;
		font-size: 3.6vw;
		text-align: center;
	}
}

#lagoon .mv_lead img {
	width: 100%;
}

#lagoon .mv_logo {
	margin: 0 0 0 auto;
	width: 61%;
	max-width: 685px;
}

@media screen and (max-width: 834px) {
	#lagoon .mv_logo {
		margin: 0 auto;
		width: 84vw;
	}
}

#lagoon .mv_logo img {
	width: 100%;
}

#lagoon .mv_desc {
	margin: 0 30px 0 auto;
	width: 35%;
	max-width: 390px;
	font-size: 20px;
	font-size: clamp(1rem, 1.695vw, 2rem);
	font-weight: 300;
	line-height: 2;
}

@media screen and (max-width: 834px) {
	#lagoon .mv_desc {
		margin: 4vw auto 4vw;
		width: 100%;
		max-width: none;
		font-size: 3vw;
	}
}

#lagoon .mv_map {
	margin: 0 auto 0 0;
	width: 60.5%;
	max-width: 671px;
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 834px) {
	#lagoon .mv_map {
		margin: 0 auto 0;
		width: 100%;
		max-width: none;
	}
}

#lagoon .mv_mapImage {
	width: 100%;
	/*height: 100%;*/
	position: relative;
	left: 0;
	top: 0;
	z-index: -1;
}

#lagoon .mv_mapAnchorlist {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#lagoon .mv_mapAnchorlist > li {
	width: 32.786%;
	max-width: 220px;
	position: absolute;
}

#lagoon .mv_mapAnchorlist > li.mv_anchor--garden {
	width: 31.296%;
	max-width: 210px;
	left: calc(240 / 671 * 100%);
	top: calc(83 / 804 * 100%);
}

#lagoon .mv_mapAnchorlist > li.mv_anchor--food {
	/*width: 32.786%;
	max-width: 220px*/
	left: calc(15 / 671 * 100%);
	top: calc(305 / 804 * 100%);
}

#lagoon .mv_mapAnchorlist > li.mv_anchor--lagoonarea {
	/*width: 32.786%;
	max-width: 220px*/
	left: calc(95 / 671 * 100%);
	top: calc(418 / 804 * 100%);
}

#lagoon .mv_mapAnchorlist > li.mv_anchor--leisure {
	/*width: 32.786%;
	max-width: 220px*/
	left: calc(230 / 671 * 100%);
	top: calc(674 / 804 * 100%);
}

#lagoon .mv_mapAnchorlist > li.mv_anchor--square {
	/*width: 32.786%;
	max-width: 220px*/
	left: calc(422 / 671 * 100%);
	top: calc(524 / 804 * 100%);
}

#lagoon .movie {}

#lagoon .movie_inner {
	padding: 80px 40px 20px;
}

@media screen and (max-width: 834px) {
	#lagoon .movie_inner {
		padding: 6.667vw 20px 2vw;
	}
}

#lagoon .movie_title {
	margin-bottom: 30px;
	text-align: center;
}

#lagoon .movie_title img {
	width: auto;
	height: 36px;
}

@media screen and (max-width: 834px) {
	#lagoon .movie_title img {
		height: 4vw;
	}
}

#lagoon .movie_wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 736px;
	position: relative;
}

#lagoon .movie_wrapper::before {
	display: block;
	content: "";
	padding-bottom: 56.25%;
}

#lagoon .movie_wrapper > iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#lagoon .zone {
	padding-top: 80px;
}

@media screen and (max-width: 834px) {
	#lagoon .zone {
		padding-top: 10vw;
	}
}

#lagoon .zone_bg {
	margin: 0 -20px;
	padding-top: 15px;
	height: calc(500px + 15px);
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_bg {
		padding-top: 1.6vw;
		height: calc(42vw + 1.6vw);
	}
}

/*#lagoon #square .zone_bg {
	height: calc(690px + 15px);
}

@media screen and (max-width: 834px) {
	#lagoon #square .zone_bg {
		height: calc(58vw + 1.6vw);
	}
}*/

#lagoon .zone_bg::after {
	display: block;
	content: "";
	width: calc(100% + 2px);
	padding-bottom: 1.695%;
	/*background-image: url(../img/lagoon/zone_bgbtm.svg);*/
	background-image: url(../img/lagoon/zone_bgbtm.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	position: absolute;
	left: -1px;
	bottom: -1px;
	pointer-events: none;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_bg::after {
		/*background-image: url(../img/lagoon/zone_bgbtm-sp.svg);*/ 
	}
}

#lagoon .zone_bgImage {}

@media screen and (min-width: 835px) {
	#lagoon .zone_bgImage {
		width: 100%;
		height: calc(100% + 15px);
	}

	#lagoon .zone_bgImage img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
	}
}

#lagoon .zone_bgLogo--aqua,
#lagoon .zone_bgLogo--blue,
#lagoon .zone_bgLogo--green,
#lagoon .zone_bgLogo--red,
#lagoon .zone_bgLogo--yellow {
	width: 100%;
	height: 50px;
	/*background-image: url(../img/lagoon/bg_logo.svg);*/
	background-repeat: repeat-x;
	background-size: 189px 47px;
	background-position: top center;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_bgLogo--aqua,
	#lagoon .zone_bgLogo--blue,
	#lagoon .zone_bgLogo--green,
	#lagoon .zone_bgLogo--red,
	#lagoon .zone_bgLogo--yellow {
		background-size: 19.997vw 4.255vw;
	}
}

#lagoon .zone_bgLogo--aqua {
	background-image: url(../img/lagoon/bg_logo-aqua.svg);
}

#lagoon .zone_bgLogo--blue {
	background-image: url(../img/lagoon/bg_logo-blue.svg);
}

#lagoon .zone_bgLogo--green {
	background-image: url(../img/lagoon/bg_logo-green.svg);
}

#lagoon .zone_bgLogo--red {
	background-image: url(../img/lagoon/bg_logo-red.svg);
}

#lagoon .zone_bgLogo--yellow {
	background-image: url(../img/lagoon/bg_logo-yellow.svg);
}

#lagoon .zone_title {
	margin: 40px 0 40px;
	text-align: center;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_title {
		margin: 4vw 0 4vw;
	}
}

#lagoon .zone_title img {
	width: auto;
	height: 92px;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_title img {
		width: auto;
		height: 19.2vw;
	}
}

/* PCでも英語2行 */
#lagoon #leisure .zone_title img {
	height: 188px;
}

@media screen and (max-width: 834px) {
	#lagoon #leisure .zone_title img {
		width: auto;
		height: 19.2vw;
	}
}

/* 日本語1行 */
#lagoon #square .zone_title img {
	height: 62px;
}

@media screen and (max-width: 834px) {
	#lagoon #square .zone_title img {
		width: auto;
		height: 6vw;
	}
}

/* 英語1行＋日本語 */
#lagoon #lagoonarea .zone_title img {
	height: 99px;
}

@media screen and (max-width: 834px) {
	#lagoon #lagoonarea .zone_title img {
		width: auto;
		height: 11.733vw;
	}
}

#lagoon .zone_lead {
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
	line-height: 1.5;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_lead {
		font-size: 3.067vw;
		font-weight: 600;
	}
}

#lagoon .zone_sections {
	padding-bottom: 40px;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_sections {
		padding-bottom: 3.2vw;
	}
}

#lagoon .zone_section {
	display: flex;
	margin: 0 -20px;
	padding-bottom: 40px;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_section {
		display: block;
		/*flex-direction: column !important;*/
		margin: 0;
		padding-bottom: 4vw;
	}
}

#lagoon .zone_sections > .zone_section {
	padding-top: 60px;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_sections > .zone_section {
		padding-top: 6.667vw
	}
}

#lagoon .zone_sections > .zone_section:nth-of-type(odd) {
	flex-direction: row-reverse;
}

#lagoon .zone_sections > .zone_section:nth-of-type(even) {
	flex-direction: row;
}

#lagoon .zone_sectionImage {
	/*flex-shrink: 0;*/
	width: 60%;
	max-width: 650px;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_sectionImage {
		width: 100%;
		max-width: none;
	}
}

#lagoon .zone_sectionImages {
	width: 100%;
}

#lagoon .zone_sectionInfo {
	display: flex;
	flex-direction: column;
	margin: 0 50px;
	width: 40%;
	position: relative;
}

#lagoon .zone_sections > .zone_section:nth-of-type(odd) .zone_sectionInfo {
	/* margin-left: 90px; */
	width: calc(40% - 60px);
}

#lagoon .zone_sections > .zone_section:nth-of-type(even) .zone_sectionInfo {
	/* margin-right: 90px; */
	width: calc(40% - 60px);
}

@media screen and (max-width: 834px) {
	#lagoon .zone_sectionInfo {
		margin: 0;
		width: 100% !important;
	}
}

#lagoon .zone_sectionHead {
	margin-bottom: 20px;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_sectionHead {
		margin: 5.333vw 0 4vw;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

#lagoon .zone_sectionTitle {
	display: flex;
	align-items: flex-start;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.5;
}

#lagoon .zone_sections > .zone_section:nth-of-type(odd) .zone_sectionTitle::after {
	display: block;
	content: "▶";
	margin: 0 0 0 0.35em;
}

#lagoon .zone_sections > .zone_section:nth-of-type(even) .zone_sectionTitle::before {
	display: block;
	content: "◀";
	margin: 0 0.35em 0 0;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_sectionTitle {
		display: flex;
		width: 70%;
		font-size: 14px;
		font-size: 3.733vw;
		padding-left: 1.35em;
		position: relative;
	}

	.zone_sectionTitle::before {
		display: block;
		content: "▲" !important;
		margin: 0 0.35em 0 0 !important;
		position: absolute;
		top: 0;
		left: 0;
	}

	.zone_sectionTitle::after {
		content: "" !important;
	}
}

#lagoon .zone_sectionText {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 300;
	line-height: 2;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_sectionText {
		font-size: 3.067vw;
	}
}

#lagoon .zone_sectionLogo,
#lagoon .zone_sectionLogo--pc {
	flex-shrink: 0;
	margin: 30px auto 0;
	width: 150px;
	max-width: 100%;
}

@media screen and (min-width: 835px) {
	#lagoon .zone_sectionLogo,
	#lagoon .zone_sectionLogo--sp {
		margin: 0;
		min-height: 70px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		auto;
	}
}

#lagoon #tooth .zone_sectionLogo,
#lagoon #tooth .zone_sectionLogo--pc {
	width: 134px;
}

@media screen and (max-width: 834px) {
	#lagoon #tooth .zone_sectionLogo,
	#lagoon #tooth .zone_sectionLogo--sp {
		width: 17.933vw;
	}
}

@media screen and (max-width: 834px) {
	#lagoon .zone_sectionLogo--pc {
		display: none !important;
	}
}

@media screen and (min-width: 835px) {
	#lagoon .zone_sectionLogo--sp {
		display: none !important;
	}
}

#lagoon #kayak .zone_sectionLogo,
#lagoon #kayak .zone_sectionLogo--pc {
	margin-bottom: 30px;
	width: 184px;
}

@media screen and (max-width: 834px) {
	#lagoon #kayak .zone_sectionLogo,
	#lagoon #kayak .zone_sectionLogo--sp {
		margin-bottom: 0;
		width: 24.28vw;
	}
}

#lagoon #hobie .zone_sectionLogo,
#lagoon #hobie .zone_sectionLogo--pc {
	width: 165px;
}

@media screen and (max-width: 834px) {
	#lagoon #hobie .zone_sectionLogo,
	#lagoon #hobie .zone_sectionLogo--sp {
		margin-bottom: 0;
		width: 25.31vw;
	}
}

#lagoon #bbq .zone_sectionLogo,
#lagoon #bbq .zone_sectionLogo--pc {
	width: 225px;
}

@media screen and (max-width: 834px) {
	#lagoon #bbq .zone_sectionLogo,
	#lagoon #bbq .zone_sectionLogo--sp {
		width: 24.002vw;
	}
}

#lagoon #taiyo .zone_sectionLogo,
#lagoon #taiyo .zone_sectionLogo--pc {
	width: 151px;
}

@media screen and (max-width: 834px) {
	#lagoon #taiyo .zone_sectionLogo,
	#lagoon #taiyo .zone_sectionLogo--sp {
		width: 16vw;
	}
}

#lagoon #inout .zone_sectionLogo,
#lagoon #inout .zone_sectionLogo--pc {
	width: 350px;
}

@media screen and (max-width: 834px) {
	#lagoon #inout .zone_sectionLogo,
	#lagoon #inout .zone_sectionLogo--sp {
		width: 23.333vw;
	}
}

#lagoon .zone_sectionLink {
	display: block;
	margin: 25px auto 0;
	padding: 0.5em 0.5em;
	width: 100%;
	max-width: 380px;
	background: #fff;
	color: #231815;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
	border: 1px solid #201512;
	border-radius: 9999px;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_sectionLink {
		margin-top: 4vw;
		max-width: 66.667vw;
		font-size: 3.067vw;
	}
}

/* マウスオーバーで色が変わる */
@media screen and (min-width: 835px) {
	#lagoon .zone_sectionLink:hover {
		background: #c8b997;
		opacity: 1;
	}
}

#lagoon .notice {
	padding: 0 0 30px;
	text-align: center;
}

@media screen and (max-width: 834px) {
	#lagoon .notice {
		padding: 0 0 3.2vw;
		text-align: left;
	}
}

#lagoon .notice_text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.5;
}

@media screen and (max-width: 834px) {
	#lagoon .notice_text {
		font-size: 10px;
		font-size: 1rem;
	}
}

/* slick.css スタイル上書き */

#lagoon .slick-dotted.slick-slider {
	margin-bottom: 35px;
}

#lagoon .slick-dots {
	bottom: -37px;
}

#lagoon .slick-dots li {
	margin: 0 9px;
	width: 15px;
	height: 15px;
}

#lagoon .slick-dots li button {
	width: 15px;
	height: 15px;
}

#lagoon .slick-dots li button:before {
	width: 15px;
	height: 15px;
	font-size: 15px;
	line-height: 15px;
	color: #dcdddd;
}

#lagoon #lagoonarea .slick-dots li.slick-active button:before {
	color: #12B8D7;
}

#lagoon #food .slick-dots li.slick-active button:before {
	color: #00629d;
}

#lagoon #leisure .slick-dots li.slick-active button:before {
	color: #1f813d;
}

#lagoon #square .slick-dots li.slick-active button:before {
	color: #f08300;
}

#lagoon #garden .slick-dots li.slick-active button:before {
	color: #e61d5e;
}

#lagoon .zone_snap {
	margin: 60px -20px 0;
}

@media screen and (min-width: 835px) {
	#lagoon .zone_snap {
		margin-left: calc( (-100vw + 100%) / 2 );
		margin-right: calc( (-100vw + 100%) / 2 );
	}
}

@media screen and (max-width: 834px) {
	#lagoon .zone_snap {
		margin-top: 6.667vw;
	}
}

#lagoon .zone_snapList {
	width: 100vw;
}

#lagoon .zone_snapList li {
	flex-shrink: 0;
	padding: 0 25px;
	width: 280px;
}

@media screen and (max-width: 834px) {
	#lagoon .zone_snapList li {
		padding: 0 3.12vw;
		width: 33.867vw;
	}
}

#lagoon .zone_snapImage {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}

#lagoon .zone_snapImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}