@charset "UTF-8";
/* トップページ --------------------------------------------------------------- */


/* reserve --------------------------------------------------------------- */
#reserve {
	width: 100%;
	height: calc(100vh - 80px);
	margin: 80px auto 0 auto;
	overflow: hidden;
	background-color: #b3b3b3;
	position: relative;
	}

	#link {
		position: absolute;
		left: 100px;
		top: 50%;
		transform: translate(0,-50%);
		}

		#link p {
			margin-bottom: 50px;
			}

		#link p:last-of-type {
			margin-bottom: 0;
			}

			#link p a,
			#link p a span {
				color: #ffffff;
				line-height: 1.5;
				letter-spacing: 1px;
				font-family: "Jost", sans-serif;
				font-weight: 200;
				}

			#link p a {
				font-size: 28px;
				}

				#link p a span {
					font-size: 14px;
					}

	#map {
		width: 600px;
		position: absolute;
		left: 60%;
		top: 50%;
		transform: translate(-50%,-50%);
		}

		#map .map {
			position: relative;
			}

			#map .map p {
				margin: 0 auto;
				text-align: center;
				}

				#map .map p img {
					width: 100%;
					}

			#map .map a {
				position: absolute;
				text-indent: -9999px;
				transition: all 0.3s ease-out;
				background-color: #b3b3b3;
				opacity: 0;
				}

			#map .map a:hover {
				opacity: 0.7;
				}

			#map .map a.Satologue {
				width: 130px;
				height: 25px;
				left: 465px;
				top: 283px;
				}

			#map .map a.NIPPONIA {
				width: 210px;
				height: 25px;
				left: 390px;
				top: 444px;
				}

			#map .map a.MIYAM,
			#map .map a.BV {
				background-color: transparent;
				background-image: url("../../img/reserve/map_on.png");
				background-position: center center;
				background-size: 100% 100%;
				}
				
			#map .map a.MIYAM {
				width: 125px;
				height: 55px;
				left: 0;
				top: 260px;
				}

			#map .map a.BV {
				width: 125px;
				height: 55px;
				left: 45px;
				top: 173px;
				}

@media(max-width: 990px){
	#reserve {
		width: 100%;
		height: calc(100vh - 80px);
		margin: 80px auto 0 auto;
		overflow: hidden;
		background-color: #b3b3b3;
		position: relative;
		}

	#link {
		display: none;
		}

	#map {
		width: 90%;
		left: 50%;
		top: 50%;
		}

		#map .map a {
			transition: none;
			opacity: 0;
			}

		#map .map a:hover {
			opacity: 0;
			}

		#map .map a.Satologue {
			width: 29%;
			height: 8%;
			left: 72%;
			top: 50%;
			}

		#map .map a.NIPPONIA {
			width: 28%;
			height: 14%;
			left: 72%;
			top: 82%;
			}

		#map .map a.MIYAM,
		#map .map a.BV {
			background-color: #b3b3b3;
			background-image: none;
			}

		#map .map a.MIYAM {
			width: 28%;
			height: 15%;
			left: 0;
			top: 45%;
			}

		#map .map a.BV {
			width: 28%;
			height: 15%;
			left: 5%;
			top: 13%;
			}
	}

@media(min-width: 1px) and (max-width: 660px){
	}

@media(min-width: 1px) and (max-width: 660px){
	}