/* map */

.map {}

.map_area { position: relative }

#map.make { 
	margin:1em 0;
	height:300px;
}
#map { height:auto;height: 400px; }

/* spview */
@media screen and (max-width:767px) {
	.map_area { font-size:60%; }
	#map { 
		height:auto;
		min-height:300px;
	}
}

.map_area_image { position: relative; }
.map_area_image img {
	width:100%;
	height:auto;
}
.map_area_image_button {
	
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
}
.map_area_image_overlay {
	
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0;
}
.map_area_image_overlay.active {
	opacity: 1;
}
.map_area_image_bg {

	position: relative;
	z-index: 1;
}

.map_area .area1,
.map_area .area2,
.map_area .area3,
.map_area .area4 {
	position:absolute;
	z-index:998;
	text-align:center;
}
.map_area .area1 {
	top: 11%;
	left: 10%;
}
.map_area .area2 {
	top: 16%;
	left: 83%;
}
.map_area .area3 {
	top: 28%;
	left: 64%;
}
.map_area .area4 {
	top: 35%;
	left: 39%;
}

.map_area .area1 a,
.map_area .area2 a,
.map_area .area3 a,
.map_area .area4 a {
	display:block;
	text-decoration:none;
	font-weight:bold;
}

.map_area .area1 i,
.map_area .area2 i,
.map_area .area3 i,
.map_area .area4 i {
	display:block;
	font-size:328%;
	font-weight:lighter;
	background-color: rgba(0,0,0,0);
	width: 4rem;
	height: 2rem;
}
@media screen and (max-width:767px) {
	.map_area .area1 i,
	.map_area .area2 i,
	.map_area .area3 i,
	.map_area .area4 i {
		width: 3rem;
		height: 1.75rem;
	}
}


area {
	pointer-events:none;
}