@charset "UTF-8";

.modal-content {
	position:fixed;
	display:none;
	z-index:2;
	margin: 0;
	padding: 0;
	max-width: 860px;
	max-height: 80%;
	overflow: auto;
}
.modal-content .gmapview {
	width: 900px;
	height: 650px;
}

.modal-content iframe {
	width: 100%;
	height: 100%;
}

.modal-content p {
	margin:0;
	padding:0;
}

.modal-overlay {
	z-index:1;
	display:none;
	position:fixed;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
	bottom: 0;
}

.modal-open {
	color:#00f;
	text-decoration:none;
}

.modal-open:hover {
	cursor:pointer;
	color:#f00;
}

.modal-close {
	color:#a0a0a0;
	font-size: 30px;
	
}

.modal-close:hover {
	cursor:pointer;
	color:#000;
	text-decoration:none;
}

.modal-content p {
	position: relative;
	background: #fff;
	padding-right: 10px;
	padding-top: 10px;
}

.top_space {
	margin: 18px 0 0 0;
}


.svpopup_map img {
	max-width: 100%;
}
.svpopup_map {
	position: relative;
}
.svpopup_map  a {
	display: block;
	position: absolute;
	width: 10%;
	height: 10%;
	border-radius: 8px;
	content: "";
	z-index: 1;
	border: 2px solid rgba(255,168,0,.5);
	transition: .5s all;
}
.svpopup_map a:hover,
.svpopup_map a:focus {
	animation: map-pin-anime .5s ease;
	background: rgba(255,168,0,.5);
}
@keyframes map-pin-anime {
	0% { transform:scale(1,1) }
	50% { transform:scale(1.2,1.2) }
	100% { transform:scale(1,1) }
}
@media screen and (min-width:640px){
	.svpopup_map .gsv01 {
		top: 50.5%;
		left: 40%;
		width: 11%;
		height: 9.5%;
	}
	.svpopup_map .gsv02 {
		top: 67%;
		left: 33.5%;
		width: 9%;
		height: 8%;
	}
	.svpopup_map .gsv03 {
/*
		top: 78%;
		left: 55.5%;
		width: 23%;
		height: 7%;
*/
		top: 73%;
		left: 20%;
		width: 7.5%;
		height: 6%;
	}
	.svpopup_map .gsv04 {
		top: 76%;
		left: 35%;
		height: 5%;
	}
	.svpopup_map .gsv05 {
		top: 37%;
		left: 26.5%;
		width: 13%;
		height: 11%;
	}
	.svpopup_map .gsv06 {
		top: 43%;
		left: 49%;
		width: 11%;
		height: 8.5%;
	}
	.svpopup_map .gsv07 {
		top: 48.6%;
		left: 26.5%;
		width: 13%;
		height: 11%;
	}
	.svpopup_map .gsv08 {
		top: 73.8%;
		left: 27.6%;
		width: 7.4%;
		height: 7%;
	}
	.svpopup_map .gsv09 {
		top: 62.5%;
		left: 23.4%;
		width: 10%;
		height: 10%;
	}
	.svpopup_map .gsv10 {
		top: 45.5%;
		left: 76.7%;
		width: 12.5%;
		height: 13%;
	}
	.svpopup_map .gsv11 {
		top: 57.5%;
		left: 15.5%;
		width: 7.8%;
		height: 6%;
	}
}
@media screen and (max-width:640px){
	.modal-content .gmapview {
		width: 280px;
		height: 350px;
	}
	.svpopup_map .gsv01 {
		top: 46%;
		left: 40%;
		width: 10%;
		height: 8%;
	}
	.svpopup_map .gsv02 {
		top: 56.2%;
		left: 33.5%;
		width: 9%;
		height: 7.5%;
	}
	.svpopup_map .gsv03 {
/*
		top: 64.5%;
		left: 54.5%;
		width: 23%;
		height: 7%;
*/
		top: 72%;
		left: 6%;
		width: 14%;
		height: 6%;
	}
	.svpopup_map .gsv04 {
		top: 64%;
		left: 35.5%;
		height: 5%;
	}
	.svpopup_map .gsv05 {
		top: 35.5%;
		left: 26.5%;
		width: 13%;
		height: 10%;
	}
	.svpopup_map .gsv06 {
		top: 39%;
		left: 48.5%;
		width: 13%;
		height: 9%;
	}
	.svpopup_map .gsv07 {
		top: 46%;
		left: 26.5%;
		width: 13%;
		height: 8%;
	}
	.svpopup_map .gsv08 {
		top: 62%;
		left: 26%;
		width: 9%;
		height: 7%;
	}
	.svpopup_map .gsv09 {
		top: 54%;
		left: 23.4%;
		width: 10%;
		height: 7.5%;
	}
	.svpopup_map .gsv10 {
		top: 45%;
		left: 73%;
		width: 12.5%;
		height: 7%;
	}
	.svpopup_map .gsv11 {
		top: 50.5%;
		left: 16.8%;
		width: 7.8%;
		height: 6%;
	}
}