/* =================================
	location_map CSS
================================= */

/*	reset
============================== */
@media all and (min-width: 768px) {
.cmn main div.brd > div.inner {
	padding:0 5px 30px;
}
.location_map .contents{
	padding: 0 0 30px;
}
.location_map .main_area h1{
	height: 257px;
}
}
@media all and (max-width: 767px) {
.location_map .contents{
	padding: 0 15px 20px;
	margin: 0;
}
}

/*	location_map_text
============================== */
.location_map_text{
	background-image:url(../location_map/img/location_map_text.png);
	background-repeat: no-repeat;
}
@media all and (min-width: 768px) {
.location_map_text{
	width: 899px;
	height: 240px;
	margin: 15px auto 0;
}
}
@media all and (max-width: 767px) {
.location_map_text{
	padding-top: 26.6963%;
	overflow: hidden;
	height: 0;
	background-size: contain;
	margin: 10px 0 0px;
}
}

/*	map
============================== */
.map {
	position:relative;
	background-image:url(../location_map/img/map.jpg?20190829);
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0 auto;
}
.map ul {
	position: absolute;
	list-style-type:none;
	}
.map ul li {
	position:absolute;
	}
.map ul li#place1 { left:0px; top:35px;}
.map ul li#place2 { left:0px; top:196px;}
.map ul li#place3 { left:0px; top:357px;}
.map ul li#place4 { left:0px; top:519px;}
.map ul li#place5 { left:510px; top:35px;}
.map ul li#place6 { left:672px; top:35px;}
.map ul li#place7 { left:672px; top:519px;}
.map ul li#place8 { left:514px; top:519px;}
.map ul li#place9 { left:636px; top:357px;}
.map ul li#place00 { left:233px; top:551px;}

.map ul li#place1A { left:360px; top:238px;}
.map ul li#place2A { left:438px; top:310px;}
.map ul li#place3A { left:456px; top:370px;}
.map ul li#place4A { left:386px; top:348px;}
.map ul li#place5A { left:450px; top:431px;}
.map ul li#place6A { left:420px; top:448px;}
.map ul li#place7A { left:761px; top:308px;}
.map ul li#place8A { left:438px; top:353px;}
.map ul li#place9A { left:682px; top:279px;}
.map ul li#place00A { left:481px; top:349px;}

.map ul li a {
	display:block;
	text-decoration:none;
	}
.map ul li a img {
	display:block;
	}
.map ul li#place1 a img { width: 269px; height: 140px;}
.map ul li#place2 a img { width: 260px; height: 140px;}
.map ul li#place3 a img { width: 225px; height: 140px;}
.map ul li#place4 a img { width: 225px; height: 140px;}
.map ul li#place5 a img { width: 150px; height: 140px;}
.map ul li#place6 a img { width: 225px; height: 140px;}
.map ul li#place7 a img { width: 225px; height: 140px;}
.map ul li#place8 a img { width: 150px; height: 140px;}
.map ul li#place9 a img { width: 260px; height: 140px;}
.map ul li#place00 a img { width: 273px; height: 108px;}
.map_icon{ width: 31px; height: 40px; }

@media all and (min-width: 768px) {
.map {
	width:899px;
	height:665px;
}
/*.map ul li a:hover {
	background-color:#fff;
	opacity:0.3;
}*/
}
@media all and (max-width: 767px) {
.map {
	overflow:hidden;
	background-size:cover;
	height:0;
	padding-top:73.9710%;
}
.map ul {
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

/*	footer
============================== */
.location_map footer {
	width: 100%;
	text-align: center;
	color: #fff;
	background-color:#000;
}
.location_map footer .copyright a{
	color: #fafb37;
}
@media all and (min-width: 768px) {
.location_map footer {
	font-size: 75%;
	min-height: 330px;
}
.location_map footer .copyright{
	padding-top: 240px;
}
}
@media all and (max-width: 767px) {
.location_map footer {
	font-size: 62.5%;
	padding:20px 0px 20px;
	line-height: 1.5;
}
.location_map footer .copyright{
	font-size: 75%;
	line-height: 1.3;
	padding: 0px 0 30px;
}
}