/*===============================================
●tablet.css  画面の横幅が768pxまで
===============================================*/

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

body {margin: 0;}
img {max-width:100%;width: 100%;height: auto;
	width /***/:auto;}

/* smp用 gnavi
---------------------------------------------------------- */
#accordion {
	display:block;
	width:100%;
}

.accordion {
	width:100%;
	font:12px Verdana,Arial;
	color:#033
}

.accordion dt {
	width:100%;
	padding:8px;
	font-weight:bold;
	cursor:pointer;
	border-bottom:1px solid #999;
	font-size:20px;
	color:#073190;
	box-sizing:border-box;
	background:#eef3ff;
}

.accordion dd {
	overflow:hidden;
	background:#fff
}

.accordion_gnavi{
	width:100%;
	font-size:16px;
	border-bottom:1px solid #CCC;
	box-sizing:border-box;
	padding:2%;
}

.accordion_gnavi:hover{
	background:#CCC;
}

.accordion_gnavi a{
	display:block;
	font-size:18px;
}

/* header
---------------------------------------------------------- */

#header_outbox{
	width:100%;
	border-top:10px solid #073190;
}

#header_box{
	width:100%;
	height: auto;
	margin:0 auto;
}

#header_logo{
	float:none;
	width:100%;
	text-align:center;
	padding:15px;
	box-sizing:border-box;
}

#header_rignt{
	display:none;
	float:none;
	text-align:right;
}
/* gnavi
---------------------------------------------------------- */

#gnavi_outbox{
	display:none;
}

/* index
---------------------------------------------------------- */

#index_text{
	display:none;
}

#content{
	width:100%;
	margin:0 auto;
	padding:20px 10px;
	box-sizing:border-box;
}

#side{
	display:none;
}

#main{
	float:none;
	width:100%;
}

#index_contents{
	float:none;
	width:100%;
}

#index_bnrbox{
	float:none;
	width:100%;
	text-align:center;
}

#index_bnrbox ul{
	list-style-type:none;
	margin:0;
	padding:10px 0 0 0;
}


.l{
	float:left;
	width:32%;
}

.r{
	float:left;
	width:32%;
}

#index_infobar{
	width:100%;
	height:35px;
	background:#073190;
	padding:1%;
	box-sizing:border-box;
}

#index_linkoutbox{
	display:none;
}

#index_spbtn{
	display:block;
	width:94%;
	text-align:center;
	padding:10px;
	background: #7db9e8;
	background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(100%,#2989d8));
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 100%);
	background: -o-linear-gradient(top,  #7db9e8 0%,#2989d8 100%);
	background: -ms-linear-gradient(top,  #7db9e8 0%,#2989d8 100%);
	background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#2989d8',GradientType=0 );
	margin:0 auto 15px auto;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #234fb3;
}

#index_spbtn:hover{
	display:block;
	width:94%;
	text-align:center;
	padding:10px;
	background: #2989d8;
	background: -moz-linear-gradient(top,  #2989d8 0%, #2584c4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2989d8), color-stop(100%,#2584c4));
	background: -webkit-linear-gradient(top,  #2989d8 0%,#2584c4 100%);
	background: -o-linear-gradient(top,  #2989d8 0%,#2584c4 100%);
	background: -ms-linear-gradient(top,  #2989d8 0%,#2584c4 100%);
	background: linear-gradient(to bottom,  #2989d8 0%,#2584c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#2584c4',GradientType=0 );
	margin:0 auto 15px auto;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #234fb3;
}

#index_spbtn a{
	display:block;
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.index_info{
	padding-bottom:10px;
	border-bottom:#666 1px dashed;
	margin-bottom:10px;
}

.index_infoday{
	float:none;
	width:100%;
}

.index_infotext{
	width:100%;
	float:none;
}

.index_infotext span{
	font-size:14px;
	color:#062c81
}

.index_infopdf{
	float:none;
	color:#999;
	text-align:right;
}

.index_infopdf img{
	padding:10px 0 0 0;
}
.indexImg,
.indexBnrWrap{
	width: 100%;
	text-align: center;
}

/* footer
---------------------------------------------------------- */

#footer_outbox{
	width:100%;
	padding:20px 0;
	background:#073190;
}

#footer_box{
	width:100%;
	margin:0 auto;
}

#footer_text{
	float:none;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#copy{
	float:none;
	font-size:10px;
	color:#FFF;
	text-align:center;
}

.footer_spmenu{
	display:block;
	width:100%;
	padding:3% 2%;
	background:#CCC;
	border-top:1px solid #999;
	box-sizing:border-box;
}

.footer_spmenu:hover{
	width:100%;
	padding:3% 2%;
	background:#666;
	border-top:1px solid #999;
	box-sizing:border-box;
}

.footer_spmenu a{
	display:block;
	font-size:20px;
	color:#000;
	font-weight:bold;
}

/* spage
---------------------------------------------------------- */

#spage_content{
	width:100%;
	margin:0 auto;
	padding:0 2% 45px 2%;
	box-sizing:border-box;
}

#spage_title{
	height:auto;
	font-size:24px;
	font-weight:bold;
	padding:0 2%;
	border-left:5px solid #003399;
	color:#003399;
}

/* trains
---------------------------------------------------------- */

.trains_img{
	float:none;
	padding-bottom:10px;
}

.trains_text{
	float:none;
	width:100%;
}



}