@charset "utf-8";
/*********************
共通項目一括指定
サイト別設定はbaseにて
*********************/

@media screen and (max-width: 768px) {
	/* class */
	.menu_switch{ display:block;}
	/*.mob_hidden{ display:none;}*/
	
	/* common */
	#base{position: relative;}
	
	nav#global{ display:none; text-align: left;}
	nav#global{position: absolute; top:0px; left:0px; background:#0000CC; z-index:10;}
	nav#global{ width:100%; height:100%; background:url(../image/tmpl/menu_bg_sp.png) repeat;}
	nav#global button{ width:47%; margin:1%;}
	nav#global button.menu_switch{ display:block; width:92%; margin:3%;}
	
		/* main */
		#main nav#side{ float:none; width:95%; margin:1em auto;}
		#main nav#side li a{ line-height:150%;}
		#main nav#side ul.node2:after{display:block;clear:both;height:0px;visibility:hidden;content:".";}
		#main nav#side .node2 li{ width:42%; margin:2% 1%; float:left;}
		
		#main article#content{ float:none; width:95%; margin:auto;}
		
		/*google*/
		#main aside#translate{ display:block; width:80%; margin:auto;}
		#main aside#translate .note{ display:inline; margin:auto; word-wrap: break-word;}
		#main #translate .translate{ display:block; width:50%; max-width:200px; margin-left:auto;} 

		
	/* footer */
	footer nav{}
	footer nav a{ font-size:12px; width: calc(100% / 2 - 12px);}
	
	/* module */
	/* p01 - TOP */
	#p01 #main #topimg{ width:80%; max-width:450px;}
	#p01 #main #bus_info div{ text-align:left; font-size:14px;}
	#p01 #main #bus_info #info{}
	#p01 #main #bus_info div#info{float:none; width:90%; margin:auto;}
	#p01 #main #bus_info #search{}
	#p01 #main #bus_info div#search{float:none; width:90%; margin:auto;}
	#p01 #main #content #topics table{ width:100%;}
	#p01 #main #content #topics th.tpc_mark{ min-width:1em;}
	
	#businfo #main #content dt *{ font-size:13px; font-weight:bold;} 
	
	/* p03 - 路線バス*/
	#p01 #pid030000 div{width:80%; display:block; margin:10px auto; padding:10px;}
	
	/*#p03 #pid030100 .map1_box{float:none; margin:auto; width:55%;}*/
	/*#p03 #pid030100 .map2_box{float:none; margin:auto; width:55%;}*/
	
	#p03 #rosen_table *{ font-size:8px;}
	#p03 #rosen_table th{ font-size:12px;}
	#p03 #rosen_table th *{ font-size:12px;}
	#p03 #rosen_table td{ padding:5px 0px; font-size:10px; white-space:normal;}
	#p03 #rosen_table td *{ font-size:10px;}
	#p03 #pid030200 a.navi_button{ width:90%;}
	#p03 #pid030400 div div{ margin-left:0px;}
	
	#p03 #pid030500 #st_list li{ width:45%;}
	
	/* p04 - 高速バス*/
	#p04 #main #content h4 div.h_main{ display:block;font-size:15px; font-weight:bold; vertical-align:top; width:100%;}
	#p04 #main #content h4 div.h_sub{ display:block; text-align:left; font-size:11px; width:100%; color:#cc0000; font-weight:bold;}
	
	#p04 #main #content #pid040300 #p040300_04 li{ width:80%; display:block; margin:auto;}
	/* p05 - コミュニティバス*/
	#p05 #main #content #pid050000 dd{ display:block; max-width:90%; margin:auto;}
	
	/* p08 - 採用情報*/
	#p08 #main #content dl#info dt{ display:block; width:100%; max-width:1000px;}
	#p08 #main #content dl#info dd{ display:block; width:100%; max-width:1000px;}
	
	#p08 #main #content table{ width:auto;}
	#p08 #main #content table th{ font-size:14px; color:#009900; font-weight:bold;}
	#p08 #main #content table td{ font-size:12px; white-space:normal;}
	
}
/* @end */