@charset "UTF-8";

@import "/_static/css/serch.css";

/*/==========================================================
/ 
/ 料金・ルート検索
/
==========================================================/*/

/*----------------------------------

 地図から探す

----------------------------------*/

#map-body{
	display:block;
	overflow:visible;
	width:990px;
	margin:0 auto;
	position:relative;
}


/*----------------------------------

 地図ヘッダ

----------------------------------*/
#map-header{
	display: flex;
	overflow: hidden;
	gap: 0 15px;
	justify-content: space-between;
	overflow:hidden;
	position:relative;
	margin-bottom: var(--mgn-l);
}

#map-header > dl{
	float:none;
}

#map-header dl.express {
	margin-right:0;
}

#map-header dl.express dd{
	display:flex;
	flex-wrap:wrap;
	gap:10px 10px;
}

#map-header dl.express dd a{
	display: inline-block;
	overflow:hidden;
	padding: 7px 10px;
	color: #00529F;
	text-decoration: none;
	border: 1px solid #c2e1f5;
	border-radius: 3px;
}

#map-header dl dd select{
	float: none;
	padding: 7px 10px;
	height:auto;
}

#map-header dl.area{
	margin-right: 0;
}



/*----------------------------------

 地図エリア

----------------------------------*/
#map_div{
	display:block;
	position:relative;
}

#map_div img{
/*#i_mapnaviDiv img{*/
	max-width:unset;
	height:unset;
}

#i_mapnaviOuterDiv,
#i_mapnaviFOuterDiv{
	box-sizing:initial;
}

#i_map{
	display:block;
	overflow:hidden;
	width:990px;
	height:610px;
}


/*----------------------------------

 地図フッタ

----------------------------------*/
#map-footer{
	display:block;
	overflow:hidden;
	margin-top: var(--mgn-l);
}


#map-footer .img_box > img{
	height: 100%;
}

/*****************************
 マーカーリスト
 *****************************/
dl#marker-list{
	text-align:left;
}
dl#marker-list dt{
	display:block;
	overflow:hidden;
	width: 60px;
	float: left;
	clear:both;
}

dl#marker-list dt::before{
	content:"";
	display:block;
	overflow:hidden;
	width:80px;
	height: 0.5em;
	background-color:#333333;
	margin-top:0.5em;
}

dl#marker-list dd {
	width: calc(100% - 60px);
	padding-left: 10px;
	float: left;
}

dl#marker-list dt.blue::before{
	background-color: #6b8fec;
}
dl#marker-list dt.violet::before{
	background-color: #3d4785;
}
dl#marker-list dt.green::before{
	background-color: #66cc66;
}
dl#marker-list dt.yellow::before{
	background-color: #ffcc99;
}
dl#marker-list dt.gray::before{
	background-color: #cccccc;
}



#map-caution{
	display:block;
	overflow:hidden;
	margin-top: var(--mgn-l);
}

#map-caution > img{
	float:left;
	margin-right:1em;
}

##map-caution > p{

}




/* for Narrow --------------------*/
@media screen and ( max-width:979px) {


}


/* for Sp --------------------*/
@media screen and ( max-width:768px) {


}