@charset "utf-8";
/*--Style.CSS--Index--
	個別
	メディアクエリ
--------------------*/
/*=============
    個別 
=============*/
/**トップページ**/
#top #main > .container{
	display:block;
	height:370px;
	text-align:center;
}
#top #main .mainTtl{
	display:block;
	margin-bottom: 15px;
}
#top #main .mainSearch{
	width:670px;
	margin:0px auto;
}
#top #main .tabs > *{
	display: block;
	background:url(../img/bg_gry_alph08.png) left top repeat;
	width:332px;
	height:40px;
	color:#fff;
	font-size:20px;
	line-height:40px;
}
#top #main .tabs > a:hover{text-decoration: none;}
#top #main .tabs > a .fa{margin-top: -3px;}
#top #main .tabs .tab1{float: left;}
#top #main .tabs .tab2{float: right;}

#top #main .tabs .show{
	background:url(../img/bg_blk_alph07.png) left top repeat;
	color:#eb6b95;
}
#top #main .boxes{
	padding:20px 30px;
}
#top #main .boxes > *{display: none;}
#top .srchRoute small{
	display:block;
	color:#fff;
	font-size:10.5px;
	text-align:left;
	line-height:1.5;
}
#top .guideZone{padding:70px 0 50px;}
#top .infoZone{
	background-color:#fff;
	padding:40px 0 50px;
}
#top .infoZone .colR{
	background-color:#f4f4f4;
	padding:0 10px;
}
#top .attentionZone{
	background-color:#f1f1f1;
	padding:40px 0 60px;
}
#top .attentionZone .container{padding:0;}
#top .attentionZone dt{
	margin-bottom:10px;
	color:#4b0000;
	font-size:16px;
}
#top .attentionZone dt .fa{
	color:#951010;
	font-size:24px;
}
#top .attentionZone dd{
	font-size:12px;
	line-height:1.7;
}


/**地図で検索**/
#mapSearch #content .container{
	padding-top:30px;
	padding-bottom:30px;
}
#mapSearch .srchRoute{padding:15px 0;}
#mapSearch .srchRoute > .disT{margin-bottom:0;}
#mapSearch .srchRoute .colL{padding-right:0px;}
#mapSearch .srchRoute .ymdt .boxS.txtWht{padding-right:0;}
#mapSearch .srchRoute .colR{width:22%;}


/**時刻表検索**/
#timeTable #content .container{
	padding-top:30px;
	padding-bottom:30px;
}
#timeTable .searchBox{
	display:table;
	width:100%;
	padding:15px 15px 15px 20px;
}
#timeTable .searchBox > *{
	display:table-cell;
	vertical-align:middle;
}
#timeTable .searchBox .ttl1{
	padding:0 10px 0 0;
}
#timeTable .searchBox > div{
	padding-right:10px;
}


/**時刻表詳細**/
#timeTableDetail #content .container{
	padding-top:30px;
	padding-bottom:30px;
}

/**時刻表検索結果**/
#timeTableResult #content .container{
	padding-top:30px;
	padding-bottom:30px;
}
#timeTableResult .listTable2 td .name{display:block;}


/**岡山駅から**/
#okayama #content .container{
	padding-top: 30px;
	padding-bottom: 30px;
}
#okayama .mapLink{max-width: 550px;}
#okayama .mapLink a{
	width: 24.2%;
	height: 7%;
}
#okayama .mapLink .link1{
	top: 2%;
	left: 10.3%;
}
#okayama .mapLink .link2{
	top: 0.4%;
	left: 70%;
}
#okayama .mapLink .link3{
	top: 10.2%;
	left: 32.5%;
}
#okayama .mapLink .link4{
	top: 22.1%;
	left: 37.2%;
}
#okayama .mapLink .link5{
	top: 23.9%;
	left: 62.5%;
}
#okayama .mapLink .link6{
	top: 30.8%;
	left: 1.8%;
}
#okayama .mapLink .link7{
	top: 40.8%;
	left: 69.1%;
}
#okayama .mapLink .link8{
	top: 47.2%;
	left: 9.2%;
}
#okayama .mapLink .link9{
	top: 57.5%;
	left: 52.6%;
}
#okayama .mapLink .link10{
	top: 64.5%;
	left: 36.6%;
}
#okayama .mapLink .link11{
	top: 85.8%;
	left: 47.3%;
}
#okayama .mapLink .link12{
	top: 91.7%;
	left: 1.2%;
}
#okayama .mapLink .link13{
	top: 92.5%;
	left: 27.1%;
}


/**経路検索結果**/
#result #content .container{
	padding-top:30px;
	padding-bottom:30px;
}


/*=== メディアクエリ ===*/
@media screen and (max-width:1199px){
/*デスクトップ(992px以上、1200px未満)*/
/*=============
    個別 
=============*/
/**トップページ**/
#top .guideZone{padding: 20px 0;}
#top .guideTxt1{margin:0 15px;}

#top .attentionZone .container{padding:0 15px;}


/**地図で検索**/
#mapSearch #content .container{
	padding-top:30px;
	padding-bottom:30px;
}
#mapSearch .srchRoute .disT > *{display: block;}
#mapSearch .srchRoute .colL{margin-bottom: 15px;}
#mapSearch .srchRoute .ymdt .boxS.spPR0{padding-right:0;}
#mapSearch .srchRoute .colR{
	width:auto;
	max-width: 260px;
	margin: 0px auto;
}

/**時刻表検索**/
#timeTable .searchBox{table-layout: fixed;}
#timeTable .searchBox .ttl1{width: 313px;}
#timeTable .searchBox > div{
	padding-right:10px;
}

}
@media screen and (max-width:991px){
/*タブレット(768px以上、992px未満)*/
/*=============
    個別 
=============*/
/**トップページ**/
#top .guideZone{padding: 20px 0;}
#top .guideTxt1{margin:0 15px;}

/**地図で検索**/
#mapSearch .srchRoute .tablet{margin-bottom: 15px;}
.srchRoute .ymdt .boxL{display: none;}
#mapSearch .srchRoute .ymdt .boxS.txtWht{width: 90px;}

/**時刻表検索**/
#timeTable .searchBox .ttl1{
	display: block;
	width: auto;
	margin-bottom: 10px;
}
#timeTable .searchBox .inputBoxTxt,
#timeTable .searchBox .btn1{display: inline-block;}

}
@media screen and (max-width:767px){
/*モバイル(768px未満)*/
/*=============
    個別 
=============*/
/*トップ*/
#top #main > .container{
	height:auto;
	padding:0 15px 15px 15px;
}
#top #main .mainTtl{margin:0px 0 10px;}
#top #main .mainSearch{
	width:auto;
	margin:0px -15px;
}
#top #main .tabs > *{
	width:49%;
	height:30px;
	font-size:16px;
	line-height:35px;
}

#top #main .boxes{padding:15px 15px 10px;}
#top .srchRoute .btn1{max-width: 290px;}
#top .srchRoute small{
	font-size:9px;
	line-height:1.4;
}
#top .infoZone{padding:0px;}
#top .infoZone .blnBox1{margin: 0;}
#top .infoZone .blnBox1 .blnTtl{
	margin-left:-15px;
	margin-right:-15px;
}
#top .infoZone .blnBox2{margin: 0;}
#top .infoZone .blnBox2 .blnTtl{
	margin-left:-15px;
	margin-right:-15px;
}
#top .infoZone .colR{
	margin:0 -15px;
	padding:0 15px;
}
#top .infoZone .colR .list2{
	margin-bottom: 0;
	border-bottom:1px dotted #000;
}
#top .attentionZone{padding:20px 0px;}
#top .attentionZone dl{margin: 0;}
#top .attentionZone dt{font-size:14px;}
#top .attentionZone dt .fa{font-size:20px;}


/**地図で検索**/
#mapSearch #content .container{
	padding-top:20px;
	padding-bottom:20px;
}
#mapSearch .ttl1{display: table;}
#mapSearch .ttl1 > *{
	display: table-cell;
	vertical-align: top;
}
#mapSearch .ttl1 > .fa{padding-right: 10px;}
#mapSearch .srchRoute .tablet{margin-bottom: 10px;}
#mapSearch .srchRoute .tablet > a{
	width: 48%;
	margin: 0;
}
#mapSearch .srchRoute .ymdt .boxS.txtWht{
	width: 54px;
	font-size:10px;
}

/**時刻表検索**/
#timeTable #content .container{
	padding-top:20px;
	padding-bottom:10px;
}
#timeTable .searchBox{margin-bottom: 20px;}
#timeTable .searchBox .inputBoxTxt{
	display: block;
	margin-bottom: 10px;
	padding-right: 0;
}
#timeTable .searchBox .btn1{
	display: block;
	max-width: 260px;
	margin: 0px auto;
	font-size: 14px;
}

/**時刻表詳細**/
#timeTableDetail #content .container{
	padding-top:20px;
	padding-bottom:10px;
}
#timeTableDetail .blnBox3 .hvTdN{
	margin:10px 0;
}

/**時刻表検索結果**/
#timeTableResult #content .container{
	padding-top:20px;
	padding-bottom:10px;
}

/**岡山駅から**/
#okayama #content .container{
	padding-top: 20px;
	padding-bottom: 20px;
}


#result #content .container{
	padding-top:20px;
	padding-bottom:10px;
}


}