/* Search：Common */

/* Search：Main */
#sr_search {
	display : flex;
	height : 100%;
}

#sr_search_conditions {
	width : 247px;
	min-width : 247px;
	overflow-x : hidden;
}

#sr_search_result {
	flex : 1;
}

/* SearchConditions：Common */
.sr_search_conditions_select {
	width : 100%;
	height : 35px;
	padding-left : 5px;
	color : #2779aa;
	font-weight : bold;
	font-size : 15px;
	border : 1px solid #aed0ea;
	border-radius : 5px;
	appearance : none;
	-webkit-appearance : none;
	-moz-appearance : none;
	background: url(/pcsite/common/images/select_icon.svg) no-repeat right;
	background-color : #e4f2fb;
	background-size : 20px 100%;
}

.sr_search_conditions_select::-ms-expand {
	display : none;
}

.sr_search_conditions_select > option {
	font-weight : normal;
	color : black;
	background-color : #f2f5f7;
}

/* SearchConditions */
#sr_search_conditions_area_base {
	background-color : #f2f2f2;
	height : 100%;
	width : 263px;
	overflow-y : scroll;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#sr_search_conditions_area_base {
		width : 263px;
	}
}
_::-webkit-full-page-media, _:future, :root #sr_search_conditions_area_base { /* for safari */
	width : 247px;
}

#sr_search_conditions_area {
	padding : 20px 10px;
}

.sr_search_conditions_title_box_common {
	height : 30px;
	background-color : steelblue;
	border-radius : 10px;
	display: flex;
	align-items: center;
	padding: 2px 5px;
}

.sr_search_conditions_title_box_selected {
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	border-bottom-left-radius : 0px;
	border-bottom-right-radius : 0px;
}

.sr_search_conditions_title_mark {
	width : 20px;
	background-image : url("/pcsite/lib/jquery-ui/images/ui-icons_ffffff_256x240.png");
}

.sr_search_conditions_title_text {
	flex : 1;
	color : white;
}

.sr_search_conditions_title_box_common:hover {
	opacity : 0.7;
	cursor : pointer;
}

.sr_search_conditions_box {
	padding : 0 10px;
	background: white;
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	border : 1px solid steelblue;
}

/* SearchConditions：Road */
#sr_search_conditions_road_area {
}

.sr_search_conditions_road {
}

.sr_search_conditions_road > div {
	color : steelblue;
}

.sr_search_conditions_road > select {
	width : 100%;
}

#sr_search_conditions_road_region {
	margin-top : 10px;
}

#sr_search_conditions_road_road {
	margin-top : 10px;
}

#sr_search_conditions_road_button {
	width : 100px;
	height : 35px;
	margin : 10px auto;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #1eb7e0;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#sr_search_conditions_road_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* SearchConditions：IC */
#sr_search_conditions_ic_area {
	margin-top : 10px;
}

#sr_search_conditions_ic_conditions_box > div {
	border-radius : 10px;
	border : 1px solid #222222;
	text-align : center;
	padding : 5px;
	margin : 10px 2px;
}

#sr_search_conditions_ic_conditions_box > div:hover {
	opacity : 0.7;
	cursor : pointer;
}

#sr_search_conditions_ic_arrow {
	margin : 10px auto;
	width : 35px;
	height : 15px;
}

.sr_search_conditions_ic_conditions_detail_box {
	padding : 10px;
	background : white;
	border-radius : 10px;
	border : 1px solid steelblue;
}

.sr_search_conditions_ic > div {
	color : steelblue;
}

.sr_search_conditions_ic > input {
	width : 200px;
	height : 20px;
}

/* SearchConditions：IC：Input */
#sr_search_conditions_ic_conditions_input_arr_box {
	margin-top : 10px;
}

#sr_search_conditions_ic_conditions_input_car_box {
	margin-top : 10px;
}

#sr_search_conditions_ic_input_button {
	width : 100px;
	height : 35px;
	margin : 10px auto 0 auto;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #1eb7e0;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#sr_search_conditions_ic_input_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* SearchConditions：IC：Road */
#sr_search_conditions_ic_conditions_road_dep_box {
	display : flex;
	flex-direction : column;
}

#sr_search_conditions_ic_conditions_road_dep_box > select {
	margin : 2px 0;
}

#sr_search_conditions_ic_conditions_road_arr_box {
	margin-top : 10px;
	display : flex;
	flex-direction : column;
}

#sr_search_conditions_ic_conditions_road_arr_box > select {
	margin : 2px 0;
}

#sr_search_conditions_ic_conditions_road_car_box {
	margin-top : 10px;
}

#sr_search_conditions_ic_road_button {
	width : 100px;
	height : 35px;
	margin : 10px auto 0 auto;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #1eb7e0;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#sr_search_conditions_ic_road_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* SearchConditions：IC：Map */
#sr_search_conditions_ic_conditions_map_guidance {
	color : orange;
	display : flex;
}

#sr_search_conditions_ic_conditions_map_dep_box {
	margin-top : 10px;
}

#sr_search_conditions_ic_conditions_map_arr_box {
	margin-top : 10px;
}

#sr_search_conditions_ic_conditions_map_car_box {
	margin-top : 10px;
}

#sr_search_conditions_ic_map_button {
	width : 100px;
	height : 35px;
	margin : 10px auto 0 auto;
	color : #369ccc;
	background-color : #f3f3f3;
	border : 2px solid #1eb7e0;
	border-radius : 20px;
	font-size : 19px;
	font-weight : bold;
	display : flex;
	justify-content : center;
	align-items : center;
}

#sr_search_conditions_ic_map_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* SearchMap */
#sr_search_map_area {
	position : relative;
	background-color : rgba(245, 245, 245, 1);
	height : 100%;
}

#sr_search_mini_map_area {
	background-color : white;
	border : 3px solid steelblue;
	width : 300px;
	height : 300px;
	position : absolute;
	z-index : 2;
}

#sr_search_detail_map_area {
	width : 100%;
	height : inherit;
	z-index : 1;
}

/* SearchMap：Zoom Ctrl */
#sr_search_map_zoom_box {
	position : absolute;
	bottom : 50px ;
	right : 23px ;
	user-select: none;
	z-index : 2;
}

#sr_search_map_zoom_box .zoom_ctrl {
	position :relative ;
	box-sizing : border-box ;
	width : 44px ;
	background-color : rgba(255,255,255,0.85) ;
	line-height : 1em ;
	text-align : center ;
	padding-top : 3px ;
	padding-bottom : 3px ;
	border-radius : 22px ;
}

#sr_search_map_zoom_box .zoom_ctrl .btn {
	cursor : pointer ;
	position : relative ;
	width : 24px ;
	height : 24px ;
	background-color : #67b0e6 ;
	margin-top : 5px ;
	margin-bottom : 5px ;
	margin-left : auto ;
	margin-right : auto ;
	border-style : solid ;
	border-width : 2px ;
	border-color : #67b0e6 ;
	border-radius : 14px ;
}

#sr_search_map_zoom_box .zoom_ctrl .btn:hover {
	background-color : #ff9500 ;
	border-color : #ff9500 ;
	box-shadow : 0px 1px 2px rgba(0,0,0,0.3) ;
}

#sr_search_map_zoom_box .zoom_ctrl .bar {
	position : relative ;
	width : 30px ;
	background-color : #67b0e6 ;
	border-radius : 15px ;
	padding-top : 1px ;
	padding-bottom : 1px ;
	margin-left : auto ;
	margin-right : auto ;
}

#sr_search_map_zoom_box .zoom_ctrl .lv {
	cursor : pointer ;
	position :relative ;
	overflow : hidden ;
	width : 16px ;
	height : 16px ;
	background-color : #ffffff ;
	color : rgba(0,0,0,0) ;
	user-select : none ;
	-webkit-user-select : none ;
	-moz-user-select : none ;
	margin : 7px ;
	border-radius : 8px ;
	opacity : 0.35;
}

#sr_search_map_zoom_box .zoom_ctrl .zoomlvselect{
	opacity : 1.0;
}

/* SearchMap：IC Popup */
#sr_search_ic_popup {
	min-width : 220px;
	position : absolute;
	z-index : 3;
	border : 2px solid steelblue;
	border-radius : 10px;
	background-color : rgba(255,255,255,0.8);
	display : flex;
	flex-direction : column;
}

#sr_search_ic_popup_title {
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#sr_search_ic_popup_ic {
	padding: 2px 25px 2px 20px;
	color: steelblue;
	font-size: 16px;
}

#sr_search_ic_popup_close {
	width : 20px;
	height : 20px;
	position : absolute;
	top : 3px;
	right : 5px;
	box-sizing : border-box;
	overflow : hidden;
	background-color : steelblue;
	border-style : solid;
	border-width : 1px;
	border-color : steelblue;
	border-radius : 9px;
	cursor : pointer;
}

#sr_search_ic_popup_road {
	padding : 0 5px;
	background-color : rgba(0,0,0,0.1);
	color : black;
	display : flex;
	justify-content : center;
}

#sr_search_ic_popup_button_box {
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	display : flex;
	justify-content : center;
}

#sr_search_ic_popup_button_box > div {
	margin : 5px;
	padding : 5px;
	background : steelblue;
	color : white;
	border-radius : 3px;
}

#sr_search_ic_popup_button_box > div:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* SearchResult：Welcome */
#sr_search_result_welcome_area {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#sr_search_result_welcome_box {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#sr_search_result_welcome_guidance {
	text-align : center;
	color : steelblue;
}

#sr_search_result_welcome_warning {
	width : 550px;
	margin-top : 40px;
	padding : 15px;
	background-color : aliceblue;
	border-radius : 7px;
}

.sr_search_result_welcome_link {
	color : #1111cc;
	text-decoration : underline;
}

/* SearchResult：Road */
#sr_search_result_road_area {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#sr_search_result_road_box {
	height: 100%;
	width : 650px;
	margin : 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
_::-webkit-full-page-media, _:future, :root #sr_search_result_road_box { /* for safari */
	width : 667px;
}

/* SearchResult：Road：Header */
#sr_search_result_road_header_box {
	width : 100%;
	height : 70px;
	margin-top : 20px;
	display : flex;
	flex-direction: column;
}

#sr_search_result_road_header_tab {
	height : 40px;
	display : flex;
}

.sr_search_result_road_header_tab_common {
	flex : 1;
	background-color : skyblue;
	color : white;
	display : flex;
	justify-content : center;
	align-items : center;
	border : 1px solid steelblue;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
}

.sr_search_result_road_header_tab_common:not(.sr_search_result_road_header_tab_selected):hover {
	opacity : 0.7;
	cursor : pointer;
}

.sr_search_result_road_header_tab_selected {
	background-color : steelblue;
}

#sr_search_result_road_header_tab_traffic {
	margin-right: 2px;
}

#sr_search_result_road_header_tab_time {
	margin-left: 2px;
}

#sr_search_result_road_header_road {
	height : 30px;
	background-color : steelblue;
	color : white;
	display : flex;
	justify-content : center;
	align-items : center;
	border : 1px solid steelblue;
}

/* SearchResult：Road：Traffic */
#sr_search_result_road_traffic_area {
	width : 100%;
	flex : 1;
	overflow-x : hidden;
}

#sr_search_result_road_traffic_box {
	height : 100%;
	display: flex;
	flex-direction: column;
}

#sr_search_result_road_traffic_title {
	min-height : 30px;
	color : white;
	background-color : skyblue;
	display : flex;
	justify-content : center;
	align-items : center;
	border : 1px solid steelblue;
	border-bottom : none;
}

#sr_search_result_road_traffic_title_str1 {
	margin : 0 5px;
}

#sr_search_result_road_traffic_title_str2 {
	margin-left : 5px;
}

#sr_search_result_road_traffic_button {
	min-height : 35px;
	color : white;
	background-color : steelblue;
	display : flex;
	border : 1px solid steelblue;
	border-top : none;
	border-bottom : none;
}

.sr_search_result_road_traffic_button_common {
	flex : 1;
	display : flex;
	justify-content : center;
	align-items : center;
	margin : 4px 10px;
	border-radius : 15px;
}

.sr_search_result_road_traffic_button_common:not(.sr_search_result_road_traffic_button_selected):hover {
	opacity : 0.7;
	cursor : pointer;
}

.sr_search_result_road_traffic_button_selected {
	color : steelblue;
	background-color : #ffffff;
}

#sr_search_result_road_traffic_info_base_out {
	overflow-y : scroll;
	width : 667px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#sr_search_result_road_traffic_info_base_out {
		width : 667px;
	}
}

#sr_search_result_road_traffic_info_base {
	padding: 2px;
	border : 1px solid steelblue;
	border-top : none;
	margin-bottom : 10px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#sr_search_result_road_traffic_info_base {
		width : 649.9px;
		box-sizing : border-box;
	}
}

.sr_search_result_road_traffic_info {
	background-color : aliceblue;
	margin : 5px 3px;
	display : flex;
}

.sr_search_result_road_traffic_info_icon {
	width : 45px;
	padding : 2px;
	display : flex;
	justify-content : center;
	align-items : center;
}

.sr_search_result_road_traffic_info_icon > img {
	width : 100%;
}

.sr_search_result_road_traffic_info_icon > .sr_search_result_road_traffic_info_icon_jam {
	width : 50px;
	height : 50px;
	border-radius : 4px;
	background : #ff9400;
	color : white;
	display : flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.sr_search_result_road_traffic_info_icon_jam > .sr_search_result_road_traffic_info_icon_jam_num {
	font-size : 20px;
}

.sr_search_result_road_traffic_info_icon > .sr_search_result_road_traffic_info_icon_other {
	width : 50px;
	height : 50px;
	border-radius : 4px;
	background : #a7cc33;
	color : white;
	display : flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.sr_search_result_road_traffic_info_icon_other > .sr_search_result_road_traffic_info_icon_other_line {
	font-size : 14px;
}

.sr_search_result_road_traffic_info_detail {
	flex : 1;
	padding-left : 10px;
}

.sr_search_result_road_traffic_info_detail_traffic {
}

.sr_search_result_road_traffic_info_detail_road {
}

.sr_search_result_road_traffic_info_detail_section {
}

.sr_search_result_road_traffic_info_none {
	padding : 5px;
	background-color : aliceblue;
	font-size : 15px;
	color : steelblue;
	font-weight : bold;
}

/* SearchResult：Road：Time */
#sr_search_result_road_time_area {
	width : 100%;
	flex : 1;
	overflow-x : hidden;
}

#sr_search_result_road_time_box {
	height: 100%;
	display: flex;
	flex-direction : column;
}

#sr_search_result_road_time_title_box {
	height : 30px;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	display : flex;
}

.sr_search_result_road_time_title_common {
	flex : 1;
	background-color : skyblue;
	color : white;
	display : flex;
	justify-content : center;
	align-items : center;
}

#sr_search_result_road_time_up_title {
	margin-right : 2px;
}

#sr_search_result_road_time_down_title {
	margin-left : 2px;
}

#sr_search_result_road_time_up_list_area {
	flex : 1;
	overflow-y : scroll;
	width: 667px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#sr_search_result_road_time_up_list_area {
		width : 667px;
	}
}

#sr_search_result_road_time_up_list_box {
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	border-bottom : 1px solid steelblue;
	display : flex;
	margin-bottom : 10px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#sr_search_result_road_time_up_list_box {
		width : 649.9px;
		box-sizing : border-box;
	}
}

.sr_search_result_road_time_list_common {
	flex : 1;
	padding : 10px;
	background-color: #cadfec;
}

#sr_search_result_road_time_up_list {
	margin-right : 2px;
}

#sr_search_result_road_time_down_list {
	margin-left : 2px;
}

.sr_search_result_road_time_ic {
	padding : 5px;
	background-color : gray;
	border-radius : 10px;
	color : white;
	display : flex;
	justify-content : center;
	align-items : center;
	box-sizing : border-box;
}

.sr_search_result_road_time_ic_left {
	width : 50%;
	margin-right : auto;
}

.sr_search_result_road_time_ic_right {
	width : 50%;
	margin-left : auto;
}


.sr_search_result_road_time_link {
	color : #1111cc;
	display : flex;
	justify-content : center;
	align-items : center;
}

.sr_search_result_road_time_link > span {
	text-decoration : underline;
}

.sr_search_result_road_time_link > span:hover {
	cursor : pointer;
}

.sr_search_result_road_time_route {
	height : 40px;
	padding : 5px 0;
	display : flex;
}

.sr_search_result_road_time_route > div {
	flex : 1;
	display : flex;
	justify-content : center;
	align-items : center;
}

.sr_search_result_road_time_route_left,
.sr_search_result_road_time_route_right {
	display : flex;
	flex-direction : column;
}

.sr_search_result_road_time_route_road {
	background-image : url( /pcsite/myroute/images/bg_route_ic_list.svg );
	background-size : contain;
}

/* SearchResult：IC */
#sr_search_result_ic_area {
	background-color : rgba(0, 103, 179, 0.1);
	height : 100%;
}

#sr_search_result_ic_box {
	height: 100%;
	width : 650px;
	margin : 0 auto;
	display : flex;
	align-items : center;
	flex-direction : column;
}

/* SearchResult：IC：Header */
#sr_search_result_ic_header_area {
	padding : 20px;
	display : flex;
	align-items : center;
}

#sr_search_result_ic_header_section_box {
	display : flex;
	align-items : center;
}

.sr_search_result_ic_header_section_common {
	width : 200px;
	display : flex;
	flex-direction : column;
	justify-content : center;
}

.sr_search_result_ic_header_section_ic_common {
	flex : 1;
	min-height : 20px;
	color : white;
	background-color : steelblue;
	padding : 7px;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	display : flex;
	justify-content : center;
	align-items : center;
}

.sr_search_result_ic_header_section_road_common {
	flex : 1;
	min-height : 20px;
	color : white;
	background-color : skyblue;
	padding : 7px;
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
	display : flex;
	justify-content : center;
	align-items : center;
}

#sr_search_result_ic_header_section_img {
	width : 100px;
	height : 40px;
}

#sr_search_result_ic_header_reverse_box {
	width : 50px;
	height : 59px;
	margin : 0 20px;
}

#sr_search_result_ic_header_reverse_box > img:hover {
	opacity : 0.7;
	cursor : pointer;
}

/* SearchResult：IC：Price */
#sr_search_result_ic_price_area {
	display : flex;
	align-items : center;
}

#sr_search_result_ic_price_message_box {
	width: 420px;
	color : red;
	padding-right : 20px;
}

#sr_search_result_ic_price_detail_box {
	width : 150px;
	height : 30px;
	background-color : #1995d3;
	border : 2px solid skyblue;
	border-radius : 5px;
	display : flex;
	justify-content : center;
	align-items : center;
}

#sr_search_result_ic_price_detail_box:hover {
	opacity : 0.7;
	cursor : pointer;
}

#sr_search_result_ic_price_detail_box_title {
	color : white;
	font-size : 16px;
}

#sr_search_result_ic_price_detail_box_icon {
	width : 20px;
	height : 20px;
	margin-left : 10px;
}

/* SearchResult：IC：Info */
#sr_search_result_ic_info_area {
	width : 650px;
	flex : 1;
	padding-top : 20px;
    padding-bottom : 10px;
	display : flex;
	flex-direction : column;
	overflow-y : hidden; /* for FireFox */
}

/* SearchResult：IC：Info：Tab */
#sr_search_result_ic_info_tab_box {
	display : flex;
	justify-content : space-between;
}

.sr_search_result_ic_info_tab_common {
	width : 90px;
	padding : 10px 5px;
	color : white;
	background-color : skyblue;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	border-top : 1px solid steelblue;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	display : flex;
	justify-content : center;
	align-items : center;
}

.sr_search_result_ic_info_tab_selected {
	background-color : steelblue;
}

.sr_search_result_ic_info_tab_common:not(.sr_search_result_ic_info_tab_selected):hover {
	opacity : 0.7;
	cursor : pointer;
}

/* SearchResult：IC：Info：Detail */
#sr_search_result_ic_info_detail_area {
	flex : 1;
	display : flex;
	flex-direction : column;
	overflow-y : hidden; /* for FireFox */
}

/* SearchResult：IC：Info：Detail：Header */
#sr_search_result_ic_info_detail_header_box_1 {
	display : flex;
	border : 1px solid steelblue;
}

#sr_search_result_ic_info_detail_header_box_2 {
	display : flex;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	border-bottom : 1px solid steelblue;
}

.sr_search_result_ic_info_detail_header_title_common {
	width : 90px;
	padding: 5px;
	color : white;
	background-color : skyblue;
	display : flex;
	justify-content : center;
	align-items : center;
}

.sr_search_result_ic_info_detail_header_data_common {
	flex : 1;
	background-color : white;
	display : flex;
	justify-content : left;
	align-items : center;
	padding-left : 5px;
}

#sr_search_result_ic_info_detail_header_car_title,
#sr_search_result_ic_info_detail_header_distance_title {
	border-right : 1px solid steelblue;
}

#sr_search_result_ic_info_detail_header_price_title,
#sr_search_result_ic_info_detail_header_time_title {
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
}

/* SearchResult：IC：Info：Detail：Myroute Add */
#sr_search_result_ic_info_detail_add_box {
	padding : 10px;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	display : flex;
	justify-content : center;
	align-items : center;
}

#sr_search_result_ic_info_detail_add_button {
	width : 160px;
	height : 30px;
	background-color : #3fcd23;
	border : 2px solid #87de76;
	border-radius : 10px;
	display : flex;
	align-items : center;
	justify-content : center;
}

#sr_search_result_ic_info_detail_add_button:hover {
	opacity : 0.7;
	cursor : pointer;
}

#sr_search_result_ic_info_detail_add_button_icon {
	width : 20px;
	height : 20px;
}

#sr_search_result_ic_info_detail_add_button_title {
	margin-left : 5px;
	color : white;
	font-size : 15px;
}

/* SearchResult：IC：Info：Detail：Info */
#sr_search_result_ic_info_detail_info_area {
	flex : 1;
	padding : 0 10px;
	border-left : 1px solid steelblue;
	border-right : 1px solid steelblue;
	border-bottom : 1px solid steelblue;
	display : flex;
	overflow-y : hidden; /* for FireFox */
}

/* SearchResult：IC：Info：Detail：Info：IC */
#sr_search_result_ic_info_detail_info_ic_box {
	width : 190px;
	margin-right : auto;
}

#sr_search_result_ic_info_detail_info_ic_area {
	height : 100%;
	display : flex;
	flex-direction : column;
	overflow-x : hidden;
}

#sr_search_result_ic_info_detail_info_ic_title {
	min-height : 30px;
	color : white;
	background-color : skyblue;
	display : flex;
	justify-content : center;
	align-items : center;
	border : 1px solid steelblue;
	border-bottom : none;
}

#sr_search_result_ic_info_detail_info_ic_route_base_out {
	overflow-y : scroll;
	width : 207px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#sr_search_result_ic_info_detail_info_ic_route_base_out {
		width : 207px;
	}
}
_::-webkit-full-page-media, _:future, :root #sr_search_result_ic_info_detail_info_ic_route_base_out { /* for safari */
	width : 190px;
}

#sr_search_result_ic_info_detail_info_ic_route_base {
	padding: 5px;
	background-color : #cbdeec;
	border : 1px solid steelblue;
	border-top : none;
	margin-bottom: 5px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#sr_search_result_ic_info_detail_info_ic_route_base {
		width : 189.9px;
		box-sizing : border-box;
	}
}

#sr_search_result_ic_info_detail_info_ic_route {
	background-image : url( /pcsite/myroute/images/bg_route_ic_list.svg );
	background-size : contain;
}


.sr_search_result_ic_info_detail_info_ic_route_ic {
	padding : 5px 2px;
	border-radius : 7px;
	color : white;
	display : flex;
	justify-content : center;
	align-items : center;
}

.sr_search_result_ic_info_detail_info_ic_route_ic_dep {
	background-color : steelblue;
}

.sr_search_result_ic_info_detail_info_ic_route_ic_mid {
	margin : 15px auto;
	background-color : gray;
}

.sr_search_result_ic_info_detail_info_ic_route_ic_arr {
	background-color : steelblue;
}

/* SearchResult：IC：Info：Detail：Info：Traffic */
#sr_search_result_ic_info_detail_info_traffic_box {
	width : 430px;
}

#sr_search_result_ic_info_detail_info_traffic_area {
	height : 100%;
	display : flex;
	flex-direction : column;
	overflow-x : hidden;
}

#sr_search_result_ic_info_detail_info_traffic_title {
	min-height : 30px;
	color : white;
	background-color : skyblue;
	display : flex;
	justify-content : center;
	align-items : center;
	border : 1px solid steelblue;
	border-bottom : none;
}

#sr_search_result_ic_info_detail_info_traffic_title_str1 {
	margin : 0 5px;
}

#sr_search_result_ic_info_detail_info_traffic_title_str2 {
	margin-left : 5px;
}

#sr_search_result_ic_info_detail_info_traffic_button_box {
	min-height : 35px;
	color : white;
	background-color : steelblue;
	display : flex;
	border : 1px solid steelblue;
	border-top : none;
	border-bottom : none;
}

.sr_search_result_ic_info_detail_info_traffic_button {
	flex : 1;
	display : flex;
	justify-content : center;
	align-items : center;
	margin : 4px 2px;
	border-radius : 15px;
}

.sr_search_result_ic_info_detail_info_traffic_button:not(.sr_search_result_ic_info_detail_info_traffic_button_selected):hover {
	opacity : 0.7;
	cursor : pointer;
}

.sr_search_result_ic_info_detail_info_traffic_button_selected {
	color : steelblue;
	background-color : #ffffff;
}

#sr_search_result_ic_info_detail_info_traffic_base_out {
	overflow-y : scroll;
	width : 447px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#sr_search_result_ic_info_detail_info_traffic_base_out {
		width : 447px;
	}
}
_::-webkit-full-page-media, _:future, :root #sr_search_result_ic_info_detail_info_traffic_base_out { /* for safari */
	width : 430px;
}

#sr_search_result_ic_info_detail_info_traffic_base {
	padding: 2px;
	border : 1px solid steelblue;
	border-top : none;
	margin-bottom: 5px;
}
@supports (-ms-ime-align:auto) { /* for Edge */
	#sr_search_result_ic_info_detail_info_traffic_base {
		width : 429.9px;
		box-sizing : border-box;
	}
}

#sr_search_result_ic_info_detail_info_traffic_list {
}

.sr_search_result_ic_info_detail_info_traffic_info {
	background-color : aliceblue;
	margin : 5px 3px;
	display : flex;
}

.sr_search_result_ic_info_detail_info_traffic_info_icon {
	width : 45px;
	padding : 2px;
	display : flex;
	justify-content : center;
	align-items : center;
}

.sr_search_result_ic_info_detail_info_traffic_info_icon > img {
	width : 100%;
}

.sr_search_result_ic_info_detail_info_traffic_info_icon > .sr_search_result_ic_info_detail_info_traffic_info_icon_jam {
	width : 50px;
	height : 50px;
	border-radius : 4px;
	background : #ff9400;
	color : white;
	display : flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.sr_search_result_ic_info_detail_info_traffic_info_icon_jam > .sr_search_result_ic_info_detail_info_traffic_info_icon_jam_num {
	font-size : 20px;
}

.sr_search_result_ic_info_detail_info_traffic_info_icon > .sr_search_result_ic_info_detail_info_traffic_info_icon_other {
	width : 50px;
	height : 50px;
	border-radius : 4px;
	background : #a7cc33;
	color : white;
	display : flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.sr_search_result_ic_info_detail_info_traffic_info_icon_other > .sr_search_result_ic_info_detail_info_traffic_info_icon_other_line {
	font-size : 14px;
}

.sr_search_result_ic_info_detail_info_traffic_info_detail {
	flex : 1;
	padding-left : 10px;
}

.sr_search_result_ic_info_detail_info_traffic_info_detail_traffic {
}

.sr_search_result_ic_info_detail_info_traffic_info_detail_road {
}

.sr_search_result_ic_info_detail_info_traffic_info_detail_section {
}

.sr_search_result_ic_info_detail_info_traffic_info_none {
	padding : 5px;
	background-color : aliceblue;
	font-size : 15px;
	color : steelblue;
	font-weight : bold;
}
