@charset "utf-8";

/**MAP**/
.map_area{position: relative;width:100%;display: block;max-width: 1100px;margin: 0 auto;}
.map_area img.base_map{width:100%;}
.map_area p{position: absolute;display: inline-block;margin: 0;}
.map_area p a{width: 30px;height: 30px;display: block;cursor:-moz-pointer;cursor:-webkit-pointer;cursor: pointer;}
p.no1 {top: 41.5%;left: 49.9%;}
p.no2 {top: 32.3%;left: 40.9%;}
p.no3 {bottom: 8%;left: 30.1%;}
p.no4 {top: 27.7%;right: 34.9%;}
p.no5 {top: 29.6%;left: 47.4%;}
p.no6 {top: 51.1%;left: 54.9%;}
p.no7 {bottom: 25.3%;left: 43.2%;}
p.no8 {bottom: 24.6%;left: 38.4%;}
p.no9 {top: 36%;left: 52%;}
p.no10 {top: 52.6%;right: 31.2%;}
p.no11 {top: 23.2%;left: 22.4%;}
p.no12 {top: 47.5%;left: 42.0%;}
p.no13 {top: 1.5%;right: 16.5%;}
p.no14 {top: 56.7%;left: 38.8%;}
p.no15 {bottom: 20.6%;right:25.2%;}
p.no16 {top: 35.5%;right: 27.2%;}
p.no17 {bottom: 29%;right: 35.0%;}
p.no18 {top: 50.5%;left: 61%;}
p.no19 {bottom: 27.3%;left: 30.1%;}
p.no20 {top: 58.4%;right: 31.2%;}
p.no21 {top: 59.7%;left: 33.1%;}
p.no22 {bottom: 18.6%;right: 70.5%;}
p.no23 {top: 41%;left: 41.8%;}
p.no24 {top: 14.7%;left: 25.7%;}
p.no25 {top: 18.5%;right: 26%;}

.map_area p > span {
	background-color: rgba( 255, 255, 255, 0.45 );
	color: #000000;
	text-align: center;
	display: block;
	font-size: 15px;
	font-weight: 600;
	padding:10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	white-space:nowrap;
}
.map_area p > span {display: none;}
.tooltip2 p em,.tooltip2 p small {display: block;}
em {font-style: normal;font-size: 12px;line-height: 1.2;}
.tooltip2 p small {font-size: 11px;padding-top: 5px;}
span.f_r,span.f_l,span.f_t,span.f_b{ 
	position: absolute;
	width: auto;
	}
span.f_r{ 
	left: 110%;
	top: 0;
	}
span.f_l{
	right: 108%;
	top: 0;
	}
span.f_t{	
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	margin: auto;
	bottom: 110%;
}
span.f_b{	
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	margin: auto;
	top:30px;
}


@media screen and (max-width: 1230px) {
div.tooltip2>span {display: none;}
}

@media screen and (max-width: 991px) {
.map_area p a{width: 21px;height: 21px;}
.map_area p > span {font-size: 12px;padding:5px;}
em {font-size: 11px;}
.tooltip2 p small {font-size: 10px;}
/*span.f_r{ 
	left: 21px;
	}
span.f_l{
	right: 21px;
	}
span.f_t{	
	bottom: 21px;
}
span.f_b{	
	top:21px;
}*/
}

@media screen and (max-width: 767px)  { /* 767px以下用（タブレット／スマートフォン用）の記述 */
}

@media screen and (max-width: 480px){
	.tooltip2{display: none;}
}

@media screen and (max-width: 375px){
}

/**MAPCHECK**
.map_area p a{border: solid 2px #123456;}
.map_area p > span {background-color: aqua;}