@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main .comMv::before {
	height: 81px;
	left: -12px;
	right: -12px;
	bottom: -66px;
	background-image: url("../img/spot/bg01.png");
}
#main .mapBox {
	margin-bottom: -58px;
	padding: 27px 0 6px;
	position: relative;
	background-color: #FCCF00;
}
#main .mapBox .comBox {
	margin: 0 auto;
	max-width: 1366px;
}
#main .mapBox .comNote {
	margin-bottom: 16px;
	color: #000;
	position: relative;
	z-index: 2;
}
#main .mapBox .headLine01 {
	margin-bottom: 20px;
	color: #000;
	font-size: 4rem;
	position: relative;
	z-index: 2;
}
#main .mapBox .headLine01 i {
	font-style: normal;
}
#main .mapBox .headLine01 span {
	margin-bottom: 6px;
}
#main .mapBox .headLine01 + p {
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.875;
	font-weight: bold;
	position: relative;
	z-index: 2;
}
#main .mapBox .photo {
	position: relative;
	margin: -220px 0 0;
}
#main .mapBox .photo img {
	width: 100%;
}
#main .mapBox .link {
	width: 20px;
	position: absolute;
	text-align: center;
}
#main .mapBox .link a {
	display: block;
	font-family: '07鉄瓶ゴシック';
}
#main .mapBox .link a:hover {
	opacity: 0.7;
}
#main .mapBox .link a span {
	width: 20px;
	height: 30px;
	margin: 0 auto 4px;
	display: block;
	color: #fff;
	text-align: center;
	background: url("../img/spot/icon01.png") no-repeat top center;
	background-size: 100% 100%;
}
#main .mapBox .link01 {
	width: 20px;
	right: 22.8%;
	top: 31%;
}
#main .mapBox .link02 {
	width: 20px;
	left: 35.65%;
	bottom: 18.1%;
}
#main .mapBox .link03 {
	width: 20px;
	right: 28.3%;
	top: 55.1%;
}
#main .mapBox .link04 {
	right: 24.3%;
	top: 34.5%;
}
#main .mapBox .link05 {
	right: 23.3%;
	top: 36.8%;
}
#main .mapBox .link06 {
	left: 40.8%;
	top: 44%;
}
#main .mapBox .link07 {
	left: 40.6%;
	top: 52.1%;
}
#main .mapBox .link08 {
	left: 35.65%;
	bottom: 21.1%;
}
#main .mapBox .link09 {
	left: 34.2%;
	bottom: 19.7%;
}
#main .mapBox .link10 {
	left: 37.2%;
	bottom: 19.7%;
}
#main .mapBox .link11 {
	right: 21.4%;
	top: 33%;
}
#main .mapBox .link12 {
	right: 34%;
	top: 36.9%;
}
#main .mapBox .link13 {
	right: 32.5%;
	top: 35.6%;
}
#main .mapBox .link14 {
	right: 37.3%;
	top: 36.3%;
}
#main .mapBox .link15 {
	right: 31.6%;
	top: 40.2%;
}
#main .mapBox .link16 {
	right: 31%;
	top: 36.3%;
}
#main .mapBox .link17 {
	right: 43.8%;
	bottom: 30%;
}
#main .mapBox .link18 {
	left: 37.5%;
	bottom: 29%;
}
#main .mapBox .link19 {
	left: 37.1%;
	bottom: 16.7%;
}
#main .mapBox .link20 {
	right: 45.5%;
	bottom: 19.8%;
}
#main .mapBox .link21 {
	left: 37.3%;
	bottom: 33.6%;
}
#main .mapBox .link22 {
	right: 28.8%;
	top: 58.1%;
}
#main .mapBox .link23 {
	right: 23.2%;
	top: 57%;
}
#main .mapBox .link24 {
	right: 26.9%;
	top: 62.1%;
}
#main .mapBox .link25 {
	right: 30.8%;
	top: 50.3%;
}
#main .mapBox .topBtn {
	position: absolute;
	right: -2px;
	top: 24px;
	z-index: 10;
}
#main .mapBox .topBtn a:hover {
	opacity: 0.7;
}
#main .infoBox {
	position: relative;
	padding-bottom: 121px;
}
#main .infoBox h3 {
	margin-bottom: 33px;
	font-size: 3rem;
	font-family: '07鉄瓶ゴシック';
	font-weight: normal;
	text-align: center;
	position: relative;
	background: url("../img/spot/img01.png") no-repeat top 20px center;
	background-size: 100% auto;
}
#main .infoBox h3 .icon {
	padding-top: 9px;
	box-sizing: border-box;
	display: block;
	margin: 0 auto 27px;
	width: 40px;
	height: 60px;
	color: #fff;
	font-size: 3rem;
	line-height: 1;
	text-align: center;
	background: url("../img/spot/icon01.png") no-repeat top center;
	background-size: 100% 100%;
}
#main .infoBox h3 .size {
	margin-top: -1px;
	display: block;
	font-size: 1.7rem;
}
#main .infoBox .photo {
	margin-bottom: 65px;
}
#main .infoBox .comBox {
	max-width: 1120px;
}
#main .infoBox .textBox {
	margin: 0 auto;
	max-width: 800px;
}
#main .infoBox h4 {
	margin-bottom: 12px;
	font-size: 2.7rem;
	font-weight: normal;
	text-align: center;
}
#main .infoBox .textBox p {
	line-height: 2;
	font-size: 1.6rem;
	letter-spacing: -0.7px;
}
#main .infoBox .videoBox {
	margin-top: 118px;
}
#main .infoBox .videoBox .video {
	margin-bottom: 26px;
	padding-bottom: 56%;
	position: relative;
}
#main .infoBox .videoBox .video iframe, #main .infoBox .videoBox .video img {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
}
#main .infoBox .videoBox p a {
	padding: 5px 17px 5px 0;
	color: #003B8F;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 1.8px;
	display: inline-block;
	background: url("../img/spot/icon02.png") no-repeat right center;
	background-size: 13px auto;
}
#main .infoBox .videoBox p {
	text-align: center;
}
#main .infoBox .videoBox p a:hover {
	opacity: 0.7;
}
#main .infoBox .pageTop {
	bottom: -75px;
}
#main .infoBox02 {
	padding-bottom: 66px;
}
#main .noteBox {
	margin-bottom: 61px;
	text-align: center;
}
#main .banner {
	position: relative;
	padding: 52px 0 21px;
	background-color: #FCCF00;
}
#main .banner h3 {
	margin-bottom: 20px;
	font-size: 1.8rem;
	text-align: center;
	font-family: '07鉄瓶ゴシック';
	font-weight: normal;
}
#main .banner .comBannerUl {
	max-width: 903px;
}
#main .pageNavi {
	margin-top: 34px;
}
#gFooter {
	padding-top: 88px;
}
@media all and (max-width: 767px) {
	#main .comMv::before {
		height: 40px;
		bottom: -29px;
	}
	#main .headLine01 img {
		max-width: 336px;
	}
	#main .mapBox .topBtn {
		right: 0;
		top: 1px;
		width: 68px;
	}
	#main .mapBox {
		margin-bottom: -5%;
		padding: 41px 0 36px;
	}
	#main .mapBox .headLine01 {
		margin-bottom: 14px;
		font-size: 2.15rem;
		letter-spacing: -1.3px;
	}
	#main .mapBox .headLine01 i {
		margin-top: 1px;
		display: block;
		font-size: 1.9rem;
	}
	#main .headLine01 span {
		margin: 4px 0 0;
		letter-spacing: 0;
	}
	#main .mapBox .comNote {
		margin-bottom: 22px;
	}
	#main .mapBox .headLine01 + p {
		margin: 0 8px;
		font-size: 1.35rem;
		line-height: 1.85;
		text-align: left;
	}
	#main .mapBox .photo {
		margin: -63px -12px 0;
	}
	#main .mapBox .link {
		width: 11px;
		font-size: 0.8rem;
	}
	#main .mapBox .link a {
		text-align: right;
	}
	#main .mapBox .link a span {
		width: 11px;
		height: 17px;
		padding-top: 1px;
		font-size: 0.85rem;
	}
	#main .mapBox .link01 {
		right: 11.2%;
		top: 28.7%;
	}
	#main .mapBox .link02 {
		left: 9.5%;
		bottom: 8.8%;
	}
	#main .mapBox .link03 {
		right: 20.9%;
		top: 56.4%;
	}
	#main .mapBox .link04 {
		right: 15.3%;
		top: 31.7%;
	}
	#main .mapBox .link05 {
		right: 12.7%;
		top: 35.8%;
	}
	#main .mapBox .link23 {
		right: 13.2%;
		top: 58.4%;
	}
	#main .mapBox .link11 {
		right: 8.4%;
		top: 32%;
	}
	#main .mapBox .link16 {
		right: 25%;
		top: 35.5%;
	}
	#main .mapBox .link12 {
		right: 31%;
		top: 35.3%;
	}
	#main .mapBox .link13 {
		right: 27.8%;
		top: 32.6%;
	}
	#main .mapBox .link14 {
		right: 38%;
		top: 34.4%;
	}
	#main .mapBox .link15 {
		right: 26.3%;
		top: 40%;
	}
	#main .mapBox .link25 {
		right: 24.8%;
		top: 51.1%;
	}
	#main .mapBox .link22 {
		right: 22.8%;
		top: 60%;
	}
	#main .mapBox .link24 {
		right: 18.9%;
		top: 64.5%;
	}
	#main .mapBox .link17 {
		right: 46.9%;
		bottom: 26.7%;
	}
	#main .mapBox .link20 {
		right: 50.9%;
		bottom: 13.8%;
	}
	#main .mapBox .link06 {
		left: 25%;
		top: 44%;
	}
	#main .mapBox .link07 {
		left: 23.6%;
		top: 53.1%;
	}
	#main .mapBox .link02 {
		left: 16.5%;
		bottom: 11.6%;
	}
	#main .mapBox .link21 {
		left: 19.3%;
		bottom: 28.6%;
	}
	#main .mapBox .link18 {
		left: 19.5%;
		bottom: 23.3%;
	}
	#main .mapBox .link09 {
		left: 13.2%;
		bottom: 13.7%;
	}
	#main .mapBox .link08 {
		left: 16.65%;
		bottom: 16%;
	}
	#main .mapBox .link10 {
		left: 20%;
		bottom: 13.7%;
	}
	#main .mapBox .link19 {
		left: 20.1%;
		bottom: 9.3%;
	}
	#main .infoBox h3 .icon {
		margin-bottom: 13px;
		padding-top: 6px;
		width: 28px;
		height: 42px;
		font-size: 2.1rem;
	}
	#main .infoBox h3 {
		margin-bottom: 21px;
		font-size: 2.1rem;
		background-image: url("../img/spot/sp_img01.png");
		background-position: top 22px center;
	}
	#main .infoBox h3 .size {
		margin-top: -3px;
		font-size: 1.19rem;
	}
	#main .infoBox .photo {
		margin: 0 -12px 33px;
	}
	#main .infoBox h4 {
		margin-bottom: 17px;
		font-size: 1.55rem;
		line-height: 1.61;
	}
	#main .infoBox .textBox {
		margin: 0 7px;
	}
	#main .infoBox .textBox p {
		font-size: 1.35rem;
		line-height: 1.85;
		text-align: justify;
	}
	#main .infoBox .videoBox {
		margin-top: 28px;
	}
	#main .infoBox .videoBox p {
		text-align: center;
	}
	#main .infoBox .videoBox .video {
		margin-bottom: 23px;
		padding-bottom: 55.8%;
	}
	#main .infoBox .videoBox p a {
		padding-right: 14px;
		font-size: 0.924rem;
		letter-spacing: 1px;
		background-size: 11px auto;
	}
	#main .infoBox {
		padding-bottom: 67px;
	}
	#main .infoBox .pageTop {
		bottom: -23px;
	}
	#main .noteBox {
		margin: -13px 35px 52px;
	}
	#main .banner {
		padding: 35px 0 14px;
	}
	#main .banner .comBannerUl {
		margin: 0 55px 0 56px;
	}
	#main .banner h3 {
		display: none;
	}
	#main .pageNavi {
		margin: 37px 11px 0;
	}
	#main .pageNavi li {
		width: 69px;
	}
	#gFooter {
		padding-top: 34px;
	}
	#main .infoBox .h3Ttl01 {
		background-position: top 7px center;
	}
}