@charset "UTF-8";
/***********************************************
TGC CSS information
File Name : base.css
Style Info : 門司港駅ものがたり／駅案内指定
Last modified : :2019
***********************************************/



*{
	margin:0;
	padding:0px;
	}

@media print, screen and (min-width: 770px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }



html,body {
    height: 100%;
}
body {
	background-color:#000000;
	text-align:center;
}


#map_main {
	margin:0;
	padding:80px 0 0 0;
	width:960px;
	text-align:center;
	line-height:2em;
}


#map_head {
	margin:0;
	padding:10px 0 10px 20px;
	width:940px; 
	text-align:left;
	font-size:1.5em;
	color:#ffffff;
	background-image: url(../../map/img/headback.jpg);  
background-size: auto 100%;
}


#map_pht {
	margin:30px 0 20px 0;
	padding:0;
	width:100%; 
	text-align:center;
}

#map_pht img{
	width:80%; 
}


}

@media only screen and (max-width: 770px) {

/* スマホで見たときは"sp"のclassがついた画像が表示される */

.sp { display: block !important; }
.pc { display: none !important; }

img {
  max-width: 100%;
  height: atuo;
}


#map_main {
	margin:0;
	padding:80px 0 0 0;
	width:100%; 
	text-align:center;
	line-height:2em;
}


#map_head {
	margin:0;
	padding:50px 0 0 20px;
	width:95%; 
	text-align:left;
	font-size:1.3em;
	color:#ffffff;
	background-image: url(../../map/img/headback.jpg);  
background-size: auto 100%;
}


#map_pht {
	margin:30px 0 20px 0;
	padding:0;
	width:100%; 
	text-align:center;
}



}