@charset "UTF-8";

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

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

#might-sim{
	text-align:center;
}


#read-me{
	text-align:center;
}

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


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

 検索フォーム

----------------------------------*/
#sch_index{
	/**/
}

#sch_index h2 a.icf-roundbtn_s{
	position:absolute;
	right:0;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

a.icf-plus::before{
	content: "\f055";
	margin-right:0.25em;
	vertical-align:middle;
}

a.icf-close::before{
	content: "\e916";
	margin-right:0.25em;
	vertical-align:middle;
}

#icSearchForm .dyn-cal{
    top: 230px;
}



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

 IC名から探す

 ----------------------------------*/
#sch_from_charge{
	overflow:visible;
}

#sch_charge form{
	display:block;
	overflow:hidden;
}

form#icSearchForm > dl{
	display:block;
	overflow:hidden;
}

form#icSearchForm > dl > dt{
	display:block;
	overflow:hidden;
	clear:both;
	width:8em;
	/*padding:0.5em 0;*/
	float:left;
}

form#icSearchForm > dl > dd{
	display:block;
	overflow:hidden;
	width:calc(100% - 8em);
	float:left;
	margin-bottom:1.0em;
}

form#icSearchForm > dl > dd > p +p{
	margin-top: 5px;
}

form#icSearchForm a{
	color:var(--colA1);
	font-size:var(--txt-s);
	line-height:125%;
}

form#icSearchForm input[type="text"]{
	width:calc(100% - 6em);
}


form#icSearchForm input[type="time"]{
	margin:0 0.5em;
}

form#icSearchForm input,
form#icSearchForm select{
	font-size:var(--txt-m);
	line-height:125%;
}

form#icSearchForm select{
	height: auto!important;
	padding: 2px 4px;
	border: 2px solid #dddddd;
	font-size: var(--txt-m);
}

form#icSearchForm select#sl_hour_id,
form#icSearchForm select#sl_min_id {
	min-width: 110px;
	/*height: 24px;*/
}

#date_input{
	display:block;
	overflow:hidden;
	margin-bottom:5px;
}

#month_and_day_div{
	display:inline-block;
}

#month_and_day_div+.arrival{
	display:inline-block;
	margin-left:1em;
}

#detour1_id,#detour2_id{
	width:calc(100% - 6em);
}

#sub-ctr{
	display:flex;
	align-items:center;
	gap:0 25px;
	overflow:hidden;
	margin-bottom: 1em;
	/*padding-left:1em;
	font-size:1.4rem;
	line-height:125%;*/
}


form#icSearchForm p.al-center{
	margin-top:var(--mgn-s);
}


#calTxtDiv{
	height:auto;
	font-size:var(--txt-s);
	line-height:27px;
	margin-right:5px;
	border:2px solid #dddddd;
	/*float: left;*/
}
/*.sg_list_element_ic,
.sg_list_element_ro{
	line-height:125%;
}*/

.cartype-list{
	float:none;
	width:auto;
	padding:0 0;
	color:initial;
	font-size:initial;
	border-radius:unset;
	background:unset;
}

.cartype-list > a{
	display:inline-block;
	overflow:hidden;
	padding: 4px 1em;
	text-align: center;
	color: #1c94c8;
	font-size: 1.2rem;
	line-height:125%;
	border-radius: 20px;
	background-color: #e8f3f9;
	/*margin-top: 0.5em;
	width:auto;*/
	height:auto;
	text-decoration:none!important;
}

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

	/**/

}


/*****************************
 入れ替えボタン
 *****************************/
.switch-block > * {
	position: relative;
	vertical-align: middle;
}

button[name='exhange_id']{
	display: inline-block;
	overflow: hidden;
	padding: 0.25em 0.5em;
	margin-left: 1em;
	margin-right:3em;
	text-decoration: none;
	background-color: var(--colA2);
	border:none;
}

*.icf-switch::before{
	content:"\f074";
}

*.icf-switch > span{
	margin-left:0.5em;
}
*.icf-switch:hover{
	opacity:0.7;
	text-decoration:none;
}


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

	/**/

}


/*****************************
 入れ替えリンク
a#switch_ic{
	display:inline-block;
	overflow:hidden;
	padding:0.25em 0.5em;
	white-space:nowrap;
	text-decoration:none;
	background-color:var(--colA2);
}

a#switch_ic::before{
	content:"\f074";
}

a#switch_ic > span{
	margin-left:0.5em;
	color:var(--colB1);
}

a#switch_ic:hover{
	opacity:0.7;
	text-decoration:none!important;
}
 *****************************/

/*****************************
 通らない道路を指定
a#pass_ic{
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
}

a#pass_ic > span{
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
}
a#pass_ic:hover > span{
	text-decoration:underline!important;
}
 *****************************/



/*****************************
 車両区分表リンク
 *****************************/
a.icf-question-e{
	display:inline-block;
	overflow:hidden;
	float:right;
	margin-top: 0.5em;
	text-decoration:none;
}

a.icf-question-e > span{
	margin-right:0.5em;
}

a.icf-question-e::after{
	content:"\f059";
}

a.icf-question-e:hover{
	text-decoration:underline;
}


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

	/**/

}


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

 地図から探す

----------------------------------*/
#sch_from_map{
	/**/
}

.sp #sch_from_map{
	display:none;
}

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

	/**/

}


/*****************************
 日本地図
 *****************************/
#sch_prefs_map{
	display:block;
	overflow:hidden;
	width:400px;
	height:297px;
	margin:25px auto;
	position:relative;
}

#sch_prefs_map img{
	width:100%;
	height:auto;
	filter: brightness(0);
	opacity:0.25;
	position:absolute;
	top:0;
	left: 0;
}

#sch_prefs_map ul{
	display:block;
	width:100%;
	height:100%;
}

#sch_prefs_map ul > li{
	display:inline-block;
	overflow:hidden;
	position:absolute;
}

#sch_prefs_map ul > li > a{
	display:block;
	overflow:hidden;
	padding:0.25em 0.5em;
	font-size:1.4rem;
	line-height:125%;
	text-decoration:none;
	white-space: nowrap;
	border:1px solid var(--colA1);
	background-color:#FFFFFF;
}

#sch_prefs_map ul > li > a::after{
	content:unset;
}

.pc #sch_prefs_map ul > li > a:hover,
#sch_prefs_map ul > li > a:active{
	background-color:var(--colC2);
}

#sch_prefs_map ul > li.hokkaido{
	top:25px;
	right:60px;
}

#sch_prefs_map ul > li.tohoku{
	top:105px;
	right:20px;
}

#sch_prefs_map ul > li.hokuriku{
	top:150px;
	right:100px;
}

#sch_prefs_map ul > li.kanto{
	top:195px;
	right:35px;
}

#sch_prefs_map ul > li.tokai{
	bottom:20px;
	right:90px;
}

#sch_prefs_map ul > li.kansai{
	bottom:55px;
	left:195px;
}

#sch_prefs_map ul > li.chugoku{
	top:180px;
	left:125px;
}

#sch_prefs_map ul > li.shikoku{
	bottom:10px;
	left:110px;
}
#sch_prefs_map ul > li.kyusyu{
	bottom:45px;
	left:0;
}



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

	/**/

}



/*****************************
 主要都市
 *****************************/
#sch_city_index{

}


#sch_city_index > dl{
	display:block;
	overflow:hidden;
}

#sch_city_index dl > dt{
	display:block;
	overflow:hidden;
	width: 5em;
	float:left;
}

#sch_city_index dl > dd{
	display:flex;
	flex-wrap: wrap;
	width: calc(100% - 5em);
	float:left;
}

#sch_city_index a{
	width:25%;
	color:var(--colA1);
	text-decoration:none;
	text-align:center;
}

#sch_city_index a:hover{
	background-color:var(--colA2);
}


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

	/**/

}



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

 道路名から探す

----------------------------------*/
#sch_from_road{
	/**/
}

#sch_from_road h2{
	margin-bottom:0;
}


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

	/**/

}




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

 都道府県から探す

----------------------------------*/
#sch_from_prefs{
	/**/
}

#sch_from_prefs h2{
	margin-bottom:0;
}



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

	/**/

}



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

 検索履歴

----------------------------------*/
#sch_history{
	/**/
}


#sch_history ul{
	display:block;
	overflow:hidden;
}

#sch_history ul > li{

}

#sch_history ul > li + li{
	margin-top: 0.5em;
}

#sch_history ul > li a{
	color:var(--colA1)!important;
}

#sch_history ul > li a:hover{
	text-decoration:underline;
}


#sch_history ul > li a.icf-plus{
	margin-left: 2em
}


#sch_history .m-indent-box > p{
	margin-top:20px;
	text-align:right;
}



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

	/**/

}


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

 ご注意

----------------------------------*/
#sch_caution{
	margin-top: var(--mgn-l);
}

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

	/**/

}




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

 関連リンク

----------------------------------*/
#sch_link ul.link_boxs {
    grid-template-columns: repeat(3, 1fr);
}


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

	#sch_link ul.link_boxs {
	    grid-template-columns: 1fr;
	}

}