@charset 'utf-8';
.mc__hd:after{
border-bottom: 3px double #444;
}
.container-fluid{
padding-left: 0;
padding-right: 0;
}
.mc__hd {
margin-bottom: 20px;
}
@media screen and (min-width: 901px) {
	.pcNone{
	display:none !important;
	}
	#mapArea{
	position: relative;
	width:900px;
	margin:20px auto 50px;
	}
	#mapArea .onsenLink{
	
	}
	#mapArea .onsenLink .onsenLink_box{
	position: absolute;
	}
	#mapArea .onsenLink .onsenLink_box ul{
	padding: 0;
	margin:0;
	}
	#mapArea .onsenLink .onsenLink_box ul li{
	list-style-type: disc;
	line-height:125%;
	}
	#mapArea .onsenLink .onsenLink_box ul li a{
	font-size: 14px;
	color: #000000;
	line-height: 125%;
	text-decoration: underline;
	display: block;
	}
	#mapArea .onsenLink .onsenLink_box ul li a:hover{
	color:#e60012;
	text-decoration: none;
	}
	#mapArea .onsenLink .onsenLink_box ul li a:after{
	position: absolute;
	width:19px;
	height:19px;
	display:block;
	content:"";
	background-image: url(../images/ico_onsen.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto;
	}
	#mapArea .onsenLink .onsenLink_box ul li a:hover:after{
	width:19px;
	height:19px;
	display:block;
	content:"";
	background-image: url(../images/ico_onsen_on.png) !Important;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto;
	}
	
	#mapArea .onsenLink .onsen_hokkaido{
	top: 81px;
	left: 473px;
	width: 100px;
	}
	#mapArea .onsenLink .onsen_hokkaido .o_link01 a:after{
	top: 95px;
	right: -148px;
	}
	#mapArea .onsenLink .onsen_hokkaido .o_link02 a:after{
	top: 42px;
	right: -81px;
	}
	#mapArea .onsenLink .onsen_hokkaido .o_link03 a:after{
	top: 45px;
	right: -57px;
	}
	
	#mapArea .onsenLink .onsen_tohoku{
	top: 365px;
	left: 682px;
	width:48px;
	}
	#mapArea .onsenLink .onsen_tohoku .o_link01 a:after{
	top: -100px;
	right: 130px;
	}
	#mapArea .onsenLink .onsen_tohoku .o_link02 a:after{
	top: -77px;
	right: 124px;
	}
	#mapArea .onsenLink .onsen_tohoku .o_link03 a:after{
	top: -55px;
	right: 135px;
	}
	
	#mapArea .onsenLink .onsen_tokyo{
	top: 497px;
	left: 611px;
	width:290px;
	}
	#mapArea .onsenLink .onsen_tokyo ul{
	width: 290px;
	}
	#mapArea .onsenLink .onsen_tokyo ul li{
	float: left;
	width: 50%;
	}
	#mapArea .onsenLink .onsen_tokyo .o_link01 a:after{
	top: -48px;
	left: -131px;
	}
	#mapArea .onsenLink .onsen_tokyo .o_link02 a:after{
	top: -58px;
	left: -106px;
	}
	#mapArea .onsenLink .onsen_tokyo .o_link03 a:after{
	top: -43px;
	left: -66px;
	}
	#mapArea .onsenLink .onsen_tokyo .o_link04 a:after{
	top: -94px;
	left: -106px;
	}
	#mapArea .onsenLink .onsen_tokyo .o_link05 a:after{
	top: -76px;
	left: -87px;
	}
	#mapArea .onsenLink .onsen_tokyo .o_link06 a:after{
	top: -89px;
	left: -128px;
	}
	
	#mapArea .onsenLink .onsen_hokuriku{
	top: 204px;
	left: 264px;
	width:56px;
	}
	#mapArea .onsenLink .onsen_hokuriku .o_link01 a:after{
	top: 178px;
	left: 138px;
	}
	#mapArea .onsenLink .onsen_hokuriku .o_link02 a:after{
	top: 203px;
	left: 151px;
	}
	#mapArea .onsenLink .onsen_hokuriku .o_link03 a:after{
	top: 171px;
	left: 180px;
	}
	
	#mapArea .onsenLink .onsen_kansai{
	top: 326px;
	left: 230px;
	width:58px;
	}
	#mapArea .onsenLink .onsen_kansai .o_link01 a:after{
	top: 109px;
	left: 87px;
	}
	#mapArea .onsenLink .onsen_kansai .o_link02 a:after{
	top: 169px;
	left: 101px;
	}
	#mapArea .onsenLink .onsen_kansai .o_link03 a:after{
	top: 73px;
	left: 96px;
	}
	
	#mapArea .onsenLink .onsen_kyushu{
	top: 406px;
	left: 45px;
	width:46px;
	}
	#mapArea .onsenLink .onsen_kyushu .o_link01 a:after{
	top: 63px;
	left: 150px;
	}
	#mapArea .onsenLink .onsen_kyushu .o_link02 a:after{
	top: 48px;
	left: 131px;
	}
	#mapArea .onsenLink .onsen_kyushu .o_link03 a:after{
	top: 49px;
	left: 181px;
	}
}



@media screen and (max-width: 900px) {
	.spNone{
	display:none !important;
	}
	#mapArea{
	max-width: 900px;
	width:100%;
	}
	#mapArea .mapImg{
	display:none;
	}
	#mapArea map{
	display:none;
	}
	
	/*----------------------------------- #Search by Area --*/
	#mapNav{
	margin: 10px 10px 50px;
	border: 1px solid #9d0031;
	}
	#mapNav .globalNavTit{
	text-align: left;
	font-size: 4.25vw;
	font-weight: bold;
	padding: 2.5vw 2vw 1.75vw;
	color: #ffffff;
	margin: 0;
	position: relative;
	background: #9d0031;
	}
	#mapNav .menu li.level01 .child.active{
	display:block !important;
	border-top: 3px solid #9c002c !important;
	border: 1px solid #9c002c;
	}
	#mapNav .menu li.level01 .navTit{
	border-right:none !important;
	}
	#mapNav .menu li.level01 .navTit{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 4.2vw;
	color: #9c002c;
	line-height: 100%;
	padding: 3vw 2vw 2.5vw;
	border: 1px solid #9c002c;
	}
	#mapNav .menu li.level01 .navTit.active{
	color: #fff;
	background: #9c002c;
	}
	#mapNav .menu li.level01 .child ul{
	display:none;
	margin-bottom:0;
	padding: 1vw 0;
	}
	#mapNav div.child .childNav .childBox h2:after{
	content:"＋";
	float: right;
	font-size: 4vw;
	}
	#mapNav div.child .childNav .childBox h2.active:after{
	content:"－";
	float: right;
	font-size: 4vw;
	}
	
	#mapNav div.child .byArea .childBox h2{
	font-size: 3.5vw;
	font-weight: bold;
	text-align: left;
	line-height: 100%;
	padding: 2vw;
	padding-top: 2.5vw;
	}
	#mapNav div.child .childNav .hokkaido_a h2{
    color: #5d983e;
    border-bottom: 1px solid #5d983e;
	}
	#mapNav div.child .childNav .tohoku_a h2{
    color: #aac954;
    border-bottom: 1px solid #aac954;
	}
	#mapNav div.child .childNav .tokyo_a h2{
    color: #49adbc;
    border-bottom: 1px solid #49adbc;
	}
	#mapNav div.child .childNav .hokuriku_a h2{
    color: #9857bd;
    border-bottom: 1px solid #9857bd;
	}
	#mapNav div.child .childNav .kansai_a h2{
	color: #56659e;
    border-bottom: 1px solid #56659e;
	}
	#mapNav div.child .childNav .kyushu_a h2{
	color:#b27e19;
	}
	#mapNav div.child .childNav .kyushu_a h2.active{
	border-bottom:1px solid #b27e19;
	}
	#mapNav div.child .byArea .childBox li{
    list-style-type: disc;
    font-size: 3.25vw;
    margin-left: 5.5vw;
	}
	#mapNav div.child .byArea .childBox li a{
	font-size: 3.25vw;
	font-weight: bold;
	color: #444444;
	text-align: left;
	line-height: 100%;
	padding: 1vw 1vw 1vw 0;
	display: block;
	text-decoration: none;
	}
	#mapNav div.child .byArea .childBox li a:hover{
	text-decoration: none;
	}
	#mapNav .menu li.level01 .child .hokkaido_a ul{
	display:block;
	border-bottom: 1px solid #ec9418;
	}
	#mapNav .menu li.level01 .child .tohoku_a ul{
	border-bottom: 1px solid #e0ac00;
	}
	#mapNav .menu li.level01 .child .tokyo_a ul{
	border-bottom: 1px solid #298bc3;
	}
	#mapNav .menu li.level01 .child .hokuriku_a ul{
	border-bottom: 1px solid #33b688;
	}
	#mapNav .menu li.level01 .child .kansai_a ul{
	border-bottom: 1px solid #52a247;
	}
	#mapNav .menu li.level01 .child .kyushu_a ul{
	
	}
}



@media screen and (max-width: 480px) {
	#mapNav .globalNavTit{
	font-size: 4.5vw;
	padding: 2.95vw 2.5vw 2vw;
	}
	#mapNav div.child .byArea .childBox h2{
	padding: 2.5vw;
	padding-top: 3vw;
	font-size: 4vw;
	}
	#mapNav div.child .childNav .childBox h2:after{
	font-size: 4.25vw;
	}
	#mapNav .menu li.level01 .child ul{
	padding: 2vw 0;
	}
	#mapNav div.child .byArea .childBox li{
	font-size: 3.75vw;
    margin-left: 7.5vw;
	}
	#mapNav div.child .byArea .childBox li a{
	padding: 1.5vw 1vw 1.5vw 0;
	}
}