@charset "utf-8";


#map_sphead {
	width: 100%;
	height:70px;
	background-color : #FFFFFF ;
}

#map_sphead h2{
	position:absolute;
	width:200px;
	height:62px;
	top:5px;
	left:0px;
}


#map_sphead h1{
	width: 100%;
	font-size:8px;
}

#map h1 {
    font-size: 10px;
    line-height: 12px;
    color: #999;
    text-align: left;
	margin-top:8px;
}



#map_header {
    height: 85px;
    position: relative;
}

#map_header .blogo{
  width:238px;
  display:block;
  padding-top:10px;
}

#map_header .blogo img{
  max-width: 100%;
}

#map_print {
	width : 260px ;
	margin-top: 20px;
	margin-left : auto ;
	margin-right : auto ;
}

#map_footer {
	border-top: solid 1px #999;
	padding-top: 12px;
	padding-bottom : 20px ;
}
#footer_close {
	padding-top: 10px;
}

#map_header_close{
	position : absolute ;
	top : 50px ;
	right : 0px ;
}

#map_header_btns{
	position : absolute ;
	width : 317px ;
	top : 20px ;
	right : 0px ;
}

#map_header_btns div{
  position: absolute;
  top:0;
}

#map_header_btns div:nth-child(1){
  left:80px;
}

#map_header_btns div:nth-child(2){
  left:160px;
}

#map_header_btns div:nth-child(3){
  right:0;
}

#map_header_btns div:last-child{
  right:0;
}


.pagebreak{
	page-break-before: always;
}


.freedial_print{
	display : none ;
   }
.pagebreak{
	position : relative ;
	page-break-before: always;
}
@media print{
	.freedial_print{
		display : block ;
	}
	.nonprint{
		display : none ;
	}
	
	#map h1,#map_footer{
		display:none;
	}
	
	.mapImg img{
		width:100%;
	}
	
	.inner_map{
		/*width:80%; ここで大きさ調整*/
	}
}

#footerbana{ display:none; }

#spGoogleMap,.spGoogleMap {
	display: none;
}


#footer_cp {
	background: #fff;
	display:block;
}

#footer_cp .copyright {
  width: 100%;
  margin: 30px 0;
}

#footer_cp .copyright img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

#footer_cp .stf_logo,
#footer_cp .hhp_logo {
  width: 45%;
  margin: 0 2% 30px 2%;
  margin-bottom: 30px;
  float: left;
}

#footer_cp .stf_logo img,
#footer_cp .hhp_logo img {
  display:block;
  margin:0 auto;
}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {

#map_header_logo{
	max-width : 374px ;
	width : 100% ;
	height: auto ;
	
}

#map_footer_tel{
	max-width : 560px ;
	width : 100% ;
	height : auto ;
}

#map_footer_mail{
	max-width : 240px ;
	width : 100% ;
	height : 100% ;
}

#map_print {
	max-width : 200px ;
	width : 100% ;
	margin-top: 20px;
	margin-left : auto ;
	margin-right : auto ;
}

#spGoogleMap,.spGoogleMap {
	display: block;
	top: 0px;
	right: 0px;
	margin-top: 4px;
	z-index: 999;
}

#spGoogleMap img,
.spGoogleMap img { width:100%; }


#footerbana {
	height:100%;
}
#footerbana .reserve{
	height:100%;
}
#footerbana .request{
	height:100%;
}

#footerbana{ display:flex;margin-top:30px; }


#footer_cp {
	background: #fff;
	display:block;
}


.map_storybox{
	position : relative ;
	width : 100% ;
	background-color : #FFFFFF ;
	padding : 20px 0px ;
}
.map_story{
	font-family:"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"游明朝",YuMincho,"メイリオ",Meiryo,"HGS明朝E","HGMinchoE","ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho;
	font-size : 14px ;
	line-height : 24px ;
	color : #000000 ;
	margin-left : 40px ;
	margin-right : 20px ;
}
.map_green{
	color : #009944 ;
	font-weight : 900 ;
}
.map_red{
	color : #E60012 ;
	font-weight : 900 ;
}
.map_blue{
	color : #007FCC ;
	font-weight : 900 ;
}

.map_hr{
	border:none;
	border-top:dashed 1px #999999;
	height:1px;
	color:#FFFFFF;
	width:500px;
}

.map_ask{
	font-family:"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"游明朝",YuMincho,"メイリオ",Meiryo,"HGS明朝E","HGMinchoE","ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho;
	font-size : 14px ;
	line-height : 24px ;
	color : #FFFFFF ;
	padding : 10px 20px ;
	background-color : #666666 ;
}





}	/** endof sp **/