@charset "shift_jis";

.pcnone{
	display: none;
}

@media screen and (max-width:736px){
	html{
		font-size: 62.5%;
	}
	body{
		-webkit-text-size-adjust: 100%;
		font-size: 1.4rem;
	}
	.pcnone{
		display: block;
	}
	.spnone{
		display: none;
	}
	#head,
	#head_con,
	#container,
	#main_con,
	#right_con,
	#pagetop,
	#footer,
	#schedule_menu ul{
		width: auto;
	}
	
	#head2{
		height: auto;
		background: none;
	}
	
	#head{
		height: auto;
		padding: 10px;
		background: none;
	}
	
	#head h1,
	#head p{
		top: 10px;
		left: 10px;
	}
	
	#head_con{
		height: auto;
	}
	
	#logo{
		width: auto;
		height: auto;
		padding: 0;
		float: none;
	}
	#right_con h1{
		font-size: 1.4rem;
	}
	#logo img{
		width: 120px;
		height: auto;
	}
	
	#schedule_menu{
		width: auto;
		height: auto;
		padding: 0;
	}
	
	#schedule_menu ul{
		width: 100%;
		display: table;
	}
	
	#schedule_menu ul:after{
		clear: both;
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
	}
	
	#schedule_menu li{
		width: auto;
	}
	
	#schedule_menu li#g_menu1,
	#schedule_menu li#g_menu3{
		margin: 0;
	}
	
	#schedule_menu li{
		width: 50%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		border-top: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #cccccc;
		float: none;
		background: #f7f7f7 !important;
	}
	#schedule_menu li:last-child{
		border-left: 1px solid #cccccc;
	}
	#schedule_menu li a{
		display: block;
		width: 100%;
		height: auto !important;
		padding: 15px 0 14px;
		color: #333333;
		font-size: 0.8em;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		text-indent: 0;
		line-height: 1.2;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: none !important;
	}
	#schedule_menu li.act{
		border-bottom: none;
		border-top: 3px solid #1a9cbd;
		background: #ffffff !important;
	}
	#schedule_menu li a.act{
		height: auto !important;
		background: none !important;
	}
	
	#right_con{
		padding: 0 10px;
		font-size: 1.4rem;
	}
	
	.pagelink.pagelink_sub{
		width: auto;
	}
	
	.pagelink.pagelink_sub li{
		margin: 0;
		padding:  0px 0px 10px 0px;
		float: none;
	}
	
	.pagelink.pagelink_sub .textlink2{
		font-size: 0.9em;
		padding: 0 0 0 8px;
		background: url(/common_img/icon/arrow_mini.gif) no-repeat left center;
	}
	
	.calTableWrap{
		margin: 0 0 15px;
		overflow-x: scroll;
	}
	
	.calTableWrap::-webkit-scrollbar {
		height: 5px;
	}
	 
	.calTableWrap::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #cccccc;
	}
	.calTableWrap::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666666;
	}
	
	.calTableWrap table{
		width: 600px;
		margin: 0;
	}
	table th,table td{
		font-size: 1.2rem;
	}
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 99px; overflow: hidden; border-right: 1px solid #ccc;}
	.pinned table { border-right: none; width: 100%; table-layout: fixed; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left: 0; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden;}
	.pinned td, .pinned th{display: table-cell !important;}
	.pinned table th:first-child, .pinned table td:first-child, .pinned table td:first-child,
	.scrollable table th:first-child, .scrollable table td:first-child, .scrollable table td:first-child { width: 90px !important; }
	/*table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }*/
	.scrollable::-webkit-scrollbar {
		height: 5px;
	}
	 
	.scrollable::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #cccccc;
	}
	.scrollable::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666666;
	}
	
	/* 20161201 */
	.dl_list{
		width: 100%;
		font-size: 1.4rem;
	}
	.dl_list dt{
		font-size: 110%;
		color: #102955 !important;
		
	}
	.dl_list dt,
	.dl_list dd{
		float: none;
		width: auto;
	}
	body{
		min-width: inherit !important;
	}
	.attention{
		font-size: 1.3rem;
	}
	
	.imgtel img,
	.maximg img{
		width: 100%;
		height: auto;
	}

}