@charset "UTF-8";

html,body,div,p,ul,li {
    margin:0;padding:0;
}
* {
    box-sizing:border-box;
}
body {
    background-color: #f0f0f1;
/*  フォントは大きく！
    font-family: 'Meiryo', 'メイリオ', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
    font-size:14px;*/
    font-size:18px;
}
ul {
	display:block;
	overflow:hidden;
}
ul,li {
    list-style-type:none;
}
img {
/*これ消さないと路線図が狂う！    max-width:100%;*/
    vertical-align:bottom;
}
.header img {
    width:100%;
}

/* default ######################################################## */

.border_updown {
	border-top:1px solid #9c9c9c;
	border-bottom:1px solid #9c9c9c;
}
.border_green_updown {
	border-top:1px solid #329998;
	border-bottom:1px solid #329998;
}

.border_grey {border:1px solid #9c9c9c;}
.border_grey_bottom {border-bottom:1px solid #9c9c9c;}

.border_black_bottom {border-bottom:2px solid #9c9c9c;}

border_green_updown {

}

.font_90p {font-size:90%;}

.pad_5_15 {padding:5px 15px 5px 15px;}
.pad_10_15 {padding:10px 15px 10px 15px;}
.pad_10 {padding:10px;}
.pad_15_5 {padding:15px 5px 15px 5px;}

.wid_70p {
	width:70%;
	margin:0 auto;
}

.wid_80p {
	width:80%;
	margin:0 auto;
}

.wid_90p {
	width:90%;
	margin:0 auto;
}

.mrg_0_auto {margin:0 auto;}

.mrg_10 {
	margin-top:10px;
	margin-bottom:10px;
}

.mrg_20 {
	margin-top:20px;
	margin-bottom:20px;
}
.mrg_20_left_55 {
	margin-bottom:20px;
	margin-left: 55px;
	width: 80%;
	height: 50px;
}
.mrg_20_right {margin-right:20px;}
.mrg_20_bottom {margin-bottom:20px;}

.aln_center {text-align:center;}
.aln_left {text-align:left;}
.aln_right {text-align:right;}

.bg_whiteback {background:transparent;}

.txt_sub_grey {
/*  フォントは大きく！
    font-size:11px;*/
	font-size:15px;
	color:#aaaaaa;
}

.pos_relative {position:relative;}
.pos_absolute {position:absolute;}

.flex_parent {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;

	-webkit-box-pack:center;
    -ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}

/* common_parts ######################################################## */






/* list */

.list_whiteback_check_on li {
	background:#ffffff;
}

.list_whiteback_check_on li > a {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:10px 15px 10px 40px;
	border-bottom:1px solid #000000;
	background:#ffffff url('../img/icon_grey_check.png') 98% center no-repeat;
	background:#ffffff url('../img/icon_grey_check.png') left 7px center no-repeat;
	-wewbkit-background-size:20px 20px;
	background-size:20px 20px;
}
.border_grey.list_whiteback_check_on li > a {
	border-bottom:1px solid #9c9c9c;
}


.list_whiteback_check_off li {
	background:#ffffff;
}

.list_whiteback_check_off li > a {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:10px 15px 10px 40px;
	border-bottom:1px solid #000000;
	-wewbkit-background-size:20px 20px;
	background-size:20px 20px;
}
.border_grey.list_whiteback_check_off li > a {
	border-bottom:1px solid #9c9c9c;
}


.list_whiteback_arrow li {
	background:#ffffff;
}
.list_whiteback_arrow li {
	background:#ffffff;
}

.list_whiteback_arrow3 li > a {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:10px 15px 10px 15px;
	background:#ffffff
}

.list_whiteback_arrow2 li > a {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:10px 15px 10px 15px;
	background:#ffffff url('../img/li_arrow_black.png') 98% center no-repeat;
	background:#ffffff url('../img/li_arrow_black.png') right 7px center no-repeat;
	-wewbkit-background-size:20px 20px;
	background-size:20px 20px;
}

.list_whiteback_arrow li > a {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:10px 15px 10px 15px;
	border-bottom:1px solid #000000;
	background:#ffffff url('../img/li_arrow_black.png') 98% center no-repeat;
	background:#ffffff url('../img/li_arrow_black.png') right 7px center no-repeat;
	-wewbkit-background-size:20px 20px;
	background-size:20px 20px;
}
.border_grey.list_whiteback_arrow li > a {
	border-bottom:1px solid #9c9c9c;
}

.list_whiteback {
	background:#ffffff;
}

.list_whiteback li a {
	line-height: 25px;
	height: 45px;
	display:block;
	color:#000000;
	text-decoration:none;
	padding:10px 15px 10px 15px;
	text-indent:30px;
}
.border_grey li:nth-last-child(1) a {
	border-bottom:0px solid #9c9c9c;
}

.list_whiteback_noline_center ul {
	padding:10px 0px;
	display:block;
	text-align:center;
	border-bottom:1px solid #9c9c9c;
	background:#ffffff;
}
.list_whiteback_noline_center a {
	display:block;
	text-align:center;
	padding:5px 0px;
	color:#000000;
	text-decoration:none;
}
.list_whiteback_noline_center.aln_left a {
	text-align:left;
	padding-left:15px;
}



/* title_bar(not_accordion) ######################################################## */

.titlebar_greenback {
	color:#ffffff;
	background:#2d9595;
	padding:6px 0px 6px 15px;
}

.titlebar_orangeback {
	color:#ffffff;
	background:#ec6105;
	padding:6px 0px 6px 15px;
}

.titlebar_whiteredtext {
	display:block;
	color:#ff0000;
	text-decoration:none;
	text-align:center;
	padding:10px 0px 10px 0px;
	background:#ffffff;
	font-weight: bold;
}

.titlebar_whiteback {
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:center;
	padding:10px 0px 10px 0px;
/*	border-bottom:1px solid #000000;*/
	background:transparent;
}

.titlebar_whiteback_input {
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:center;
	padding:-10px 0px 10px 0px;	/* ヘッダーの位置修正 */
	background:transparent;
}

.titlebar_whiteback_cal {
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-top:1px solid #9c9c9c;
	border-bottom:1px solid #9c9c9c;
	background:transparent;
}

.titlebar_whiteback_arrow a {
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:center;
	padding:10px 15px 10px 15px;
	border-bottom:1px solid #000000;
	background:#ffffff url('../img/li_arrow_black.png') 98% center no-repeat;
	-wewbkit-background-size:20px 20px;
	background-size:20px 20px;
}

.titlebar_greyback_thin {
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:center;
	padding:2px 0px 2px 0px;
	border-bottom:1px solid #000000;
	background:#cfcfcf;
}

.titbar_greenlarge {
/*  フォントは大きく！
    font-size:18px;*/
	font-size:22px;
	color:#2d9595;
}

/* accordion(angular_js) ######################################################## */

.acd_item {
  overflow: hidden;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.acd_item.hide {
  height:0 !important;
}

/* accordion (greyback)*/

.titlebar_accordion_greyback {
	color:#202020;
	background:#cfcfcf;
	padding:6px 0px 6px 15px;
	border-bottom:1px solid #000000;
	cursor:pointer;
}

.titlebar_accordion_greyback {
	background:#cfcfcf url('../img/accordion_black_plus.png') 98% center no-repeat;
}
.titlebar_accordion_greyback.accordion_open {
	background:#cfcfcf url('../img/accordion_black_minus.png') 98% center no-repeat;
}
.titlebar_accordion_greyback,
.titlebar_accordion_greyback.accordion_open {
	-wewbkit-background-size:20px 20px;
	background-size:20px 20px;
}

/* accordion (blackback)*/

.titlebar_accordion_blackback {
	color:#ffffff;
	background:#5a5a5a;
	padding:6px 0px 6px 15px;
	border-bottom:1px solid #000000;
	cursor:pointer;
}

.titlebar_accordion_blackback {
	background:#5a5a5a url('../img/accordion_white_plus.png') 98% center no-repeat;
}
.titlebar_accordion_blackback.accordion_open {
	background:#5a5a5a url('../img/accordion_white_minus.png') 98% center no-repeat;
}
.titlebar_accordion_blackback,
.titlebar_accordion_blackback.accordion_open {
	-wewbkit-background-size:20px 20px;
	background-size:20px 20px;
}

/* accordion (whiteback blacksquare)*/

.titlebar_accordion_whiteback_blacksquare {
	display:block;
	color:#000000;
	text-decoration:none;
	text-align:center;
	padding:10px 15px 10px 15px;
	border-bottom:1px solid #9c9c9c;
}

.titlebar_accordion_whiteback_blacksquare {
	background:#ffffff url('../img/accordion_blacksquare_plus.png') right center no-repeat;
}
.titlebar_accordion_whiteback_blacksquare.accordion_open {
	background:#ffffff url('../img/accordion_blacksquare_minus.png') right center no-repeat;
}
.titlebar_accordion_whiteback_blacksquare,
.titlebar_accordion_whiteback_blacksquare.accordion_open {
	-wewbkit-background-size:auto 100%;
	background-size:auto 100%;
}


/* accordion (greenback_leftcircle)*/

.titlebar_accordion_greenback_leftcircle {
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	padding:5px 15px 5px 15px;
	border-bottom:1px solid #9c9c9c;
/*  フォントは大きく！
    font-size:15px;*/
	font-size:19px;
}

.titlebar_accordion_greenback_leftcircle {
	background:#2d9595 url('../img/accordion_greencircle_plus.png') 15px center no-repeat;
}
.titlebar_accordion_greenback_leftcircle.accordion_open {
	background:#2d9595 url('../img/accordion_greencircle_minus.png') 15px center no-repeat;
}
.titlebar_accordion_greenback_leftcircle,
.titlebar_accordion_greenback_leftcircle.accordion_open {
	-wewbkit-background-size:auto 65%;
	background-size:auto 65%;
}


/* with_icons ######################################################## */

.with_icon_grey_bus {background:url('../img/icon_grey_bus.png') 8px center no-repeat;}
.with_icon_grey_jr {background:url('../img/icon_grey_jr.png') 8px center no-repeat;}
.with_icon_grey_map {background:url('../img/icon_grey_map.png') 8px center no-repeat;}
.with_icon_grey_shiden {background:url('../img/icon_grey_shiden.png') 8px center no-repeat;}
.with_icon_grey_subway {background:url('../img/icon_grey_subway.png') 8px center no-repeat;}

.with_icon_grey_bus,
.with_icon_grey_jr,
.with_icon_grey_map,
.with_icon_grey_shiden,
.with_icon_grey_subway {
	-webkit-background-size:28px auto;
	background-size:28px auto;
}

.with_icon_grey_menu {
	background:url('../img/icon_grey_menu.png') 8px center no-repeat, url('../img/icon_black_loupe.png') 98% center no-repeat;
	-webkit-background-size:28px auto, 22px auto;
	background-size:28px auto, 22px auto;
}

.with_icon_black_bus_witharrow {
	background:url('../img/icon_black_bus.png') 8px center no-repeat, url('../img/li_arrow_black.png') 98% center no-repeat;
	-webkit-background-size:28px auto, 22px auto;
	background-size:28px auto, 22px auto;
}
.with_icon_black_clock_witharrow {
	background:url('../img/icon_black_clock.png') 8px center no-repeat, url('../img/li_arrow_black.png') 98% center no-repeat;
	-webkit-background-size:28px auto, 22px auto;
	background-size:28px auto, 22px auto;
}

/* 太字対応！ */
.with_icon_departure_witharrow,
.with_icon_arrival_witharrow {
	background: url('../img/li_arrow_black.png') 98% center no-repeat;
	-webkit-background-size: 22px auto;
	background-size: 22px auto;
	text-indent: 0px !important;
    font-weight: bold;
}

.with_icon_departure_witharrow > span,
.with_icon_arrival_witharrow > span {
	position: relative;
	top: -2px;
    display: inline-block;
    background: #999999;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    width: 36px;
    text-align: center;
    line-height: 19px;
    padding: 2px 0px;
    letter-spacing: 1px;
    margin-right: 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.with_icon_departure_witharrow > span {
    background: #3366cc;
}
.with_icon_arrival_witharrow > span {
    background: #cc3333;
}

.with_icon_square_departure a,
.with_icon_square_arrival a {
    text-indent:0px;
}
.with_icon_square_departure > a span,
.with_icon_square_arrival > a span {
    display: inline-block;
    background: #999999;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    width: 36px;
    text-align: center;
    line-height: 19px;
    padding: 2px 0px;
    letter-spacing: 1px;
    margin-right: 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-indent:0px;
    position: relative;
    top: -2px;
}
.with_icon_square_departure > a span {
    background: #3366cc;
}
.with_icon_square_arrival > a span {
    background: #cc3333;
}

/* erase */
.with_icon_square_departure a::after,
.with_icon_square_arrival a::after {
    display:none;
}

//.with_icon_square_departure a:after {background:url('../img/icon_square_departure.png') center center no-repeat;}
//.with_icon_square_arrival a:after {background:url('../img/icon_square_arrival.png') center center no-repeat;}
//
//.with_icon_square_departure a,
//.with_icon_square_arrival a {
//	position:relative;
//	overflow:hidden;
//	text-indent:35px;
//	/* 太字対応 */
//	font-weight: bold;
//}
//.with_icon_square_departure a:after,
//.with_icon_square_arrival a:after {
//	content:"";
//	width:28px;
//	height:28px;
//	-webkit-background-size:28px auto;
//	background-size:28px auto;
//	position:absolute;
//	top:50%;
//	margin-top:-14px;
//	left:15px;
//}

.input_with_departure,
.input_with_arrival {
	position:relative;
}

.input_with_departure:before {background:url('../img/icon_square_departure.png') center center no-repeat;}
.input_with_arrival:before {background:url('../img/icon_square_arrival.png') center center no-repeat;}

.input_with_departure:before,
.input_with_arrival:before {
	content:"";
	width:32px;
	height:32px;
	-webkit-background-size:36px auto;
	background-size:36px auto;
	position:absolute;
	top:0px;
	left:0px;
	z-index:300;
}



/* button ######################################################## */

.btn_normal_orange {
	text-align:center;
}

.btn_normal_orange a {
	display:inline-block;
	text-decoration:none;
	letter-spacing:0.5px;
	color:#ffffff;
	background:#ff6600;
	padding:8px 20px;
	border:4px solid #ffc83b;
	-webkit-border-radius:20px;
	border-radius:20px;
	-webkit-box-shadow:0px 6px 10px -5px rgba(0,0,0,0.5);
	box-shadow:0px 3px 10px -5px rgba(0,0,0,0.5);
}

.btn_normal_green a {
	display:inline-block;
	text-decoration:none;
	letter-spacing:0.5px;
	color:#ffffff;
	background:#2d9595;
	padding:8px 20px;
	border:4px solid #aff1f0;
	-webkit-border-radius:20px;
	border-radius:20px;
	-webkit-box-shadow:0px 6px 10px -5px rgba(0,0,0,0.5);
	box-shadow:0px 3px 10px -5px rgba(0,0,0,0.5);

}

.btn_normal_green2 a {
	display:inline-block;
	text-decoration:none;
	letter-spacing:0.5px;
	color:#ffffff;
	background:#2d9595;
	padding:8px 10px;
	border:4px solid #aff1f0;
	-webkit-border-radius:20px;
	border-radius:20px;
	-webkit-box-shadow:0px 6px 10px -5px rgba(0,0,0,0.5);
	box-shadow:0px 3px 10px -5px rgba(0,0,0,0.5);

}

.btn_normal_blue a {
	display:inline-block;
	text-decoration:none;
	letter-spacing:0.5px;
	color:#ffffff;
	background:#387cf1;
	padding:8px 20px;
	border:4px solid #387cf1;
	-webkit-border-radius:20px;
	border-radius:20px;
	/*-webkit-box-shadow:0px 6px 10px -5px rgba(0,0,0,0.5);
	box-shadow:0px 6px 10px -5px rgba(0,0,0,0.5);*/
}

.btn_normal_red a {
	display:inline-block;
	text-decoration:none;
	letter-spacing:0.5px;
	color:#ffffff;
	background:#ed4639;
	padding:8px 20px;
	border:4px solid #ed4639;
	-webkit-border-radius:20px;
	border-radius:20px;
	/*-webkit-box-shadow:0px 6px 10px -5px rgba(0,0,0,0.5);
	box-shadow:0px 6px 10px -5px rgba(0,0,0,0.5);*/
}

.btn_switch ul {
	display:inline-block;
	text-align:center;
	margin:15px auto;
}

.btn_switch ul li {
	float:left;
	padding-bottom:3px;
}
.btn_switch ul li a {
	display:block;
	padding:8px 20px;
	background:#959595;
	color:#cfcfcf;
	box-shadow:0px 3px 1px 0px #3d3d3d;
	text-decoration:none;
}

.btn_switch .btn_switch_left a {
	-webkit-border-radius:13px 0px 0px 13px / 13px 0px 0px 13px;
	border-radius:13px 0px 0px 13px / 13px 0px 0px 13px;
}
.btn_switch .btn_switch_right a {
	-webkit-border-radius:0px 13px 13px 0px / 0px 13px 13px 0px;
	border-radius:0px 13px 13px 0px / 0px 13px 13px 0px;
}

.btn_switch .switch_purple.active a {
	background:#020059;
	color:#ffffff;
}

.btn_calendar_titlebar_right {
	position:absolute;
	top:0px;
	right:0px;
	width:60px;
	height:100%;
	background:#000000 url('../img/icon_white_calendar.png') center center no-repeat;
	-weblit-background-size:32px auto;
    background-size:32px auto;
	text-indent:-9999px;
	cursor:pointer;
}

.container_btn_to_bus_locations {
	height: auto;
	width:100%;
	font-size:90%;
	margin-bottom: -10px;
}

.lower_left_box {
    margin-top: 16px;
    position: absolute;
    width: 75%;
}

.lower_left {
	background:url('../img/lower_left.png') center center no-repeat;
	position: absolute;
    left: 25px;
    width: 40px;
    background-size: 40px;
    height: 60px;
}

.btn_to_bus_locations {
	height:42px;
	width:95%;
	margin:6px;
	color:rgb(255, 255, 255);
	border-radius:6px;
	box-shadow:0px 3px 10px -5px rgba(0,0,0,0.5);
}

.btn_to_approach_info {
    background: rgb(124,197,43);
    border: 4px solid rgb(182, 223, 136);
}

.btn_to_approach_info span {margin-right:6px;}

.btn_to_approach_info span img {
	height:28px;
	width:28px;
}

.btn_to_service_info {
    background: rgb(79, 121, 208);
    border: 4px solid rgb(153, 177, 227);
	margin-bottom: 30px
}

.btn_to_service_info span {margin-right:6px;}

.btn_to_service_info span img {
	height:28px;
	width:28px;
}

.btn_reload {
	position: relative;
	top: -5px;
}

.btn_reload.buslocation {
	top: initial;
	width: 40px;
	height: 30px;
	background: url('../img/kousin.png') no-repeat center center / auto 100%;
}
#reloadSubResultOfBusApproach.button-outline {
  border-color:transparent;
}


.btn_disable a {
	background:#959595 !important;
	border-color:#cfcfcf !important;
}

/* list_route ######################################################## */


.list_route li {

}
.list_route li:nth-child(1) {
    border-top:1px solid #000000;
}

.list_route.list_whiteback_arrow li > a {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}

.list_route_number {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	position:absolute;
	height:100%;
    background:#329998;
    width:43px;
    color:white;
	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;

	-webkit-box-pack:center;
    -ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content: center;
	font-weight:bold;
/*  フォントは大きく！
    font-size:19px;*/
	font-size:24px;


	border-bottom:1px solid #000000;
}
.list_route_number_with {
	position:absolute;
	text-align:center;
	height:100%;
    background:#329998;
    width:43px;
    color:white;
	font-weight:bold;
/*  フォントは大きくから戻す！
    font-size:24px;*/
	font-size:19px;
/* 	padding-top: 18px; */
	padding-top: 0px;
	display: block;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	flex-flow: column nowrap;
	border-bottom: 1px solid #000;
}
.border_green_updown .list_route_number_with {
/*  ルートの表示位置を微調整
    padding-top:5px; */
	padding-top:0px;
	border-bottom:none;
}

.list_route_number_with span {
	/*content:"ルート";span に変更*/
	color:#ffffff;
/*  フォントは大きく！
    font-size:10px;*/
	font-size:14px;
	/*position:absolute;
	top:50%;
	left:0px;
	width:100%;
	margin:-18px auto 0px;
	*/
	display:block;
	margin:0 auto;
	text-align:center;
}


/* with_trashbox */

.list_route_trashbox_with {
	display:none;
}

.trashbox_on {
	position:relative;
}
.trashbox_on .list_route_trashbox_with {
	/*
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;

	-webkit-box-pack:center;
    -ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content: center;
	*/
	position:absolute;
	display:block;
	height:100%;
	top:0px;
	left:0px;
    width:43px;
    color:white;
	font-weight:bold;
/*  フォントは大きく！
    font-size:19px;*/
	font-size:24px;
	z-index: 400;
	border-bottom:1px solid #000000;
	text-indent:-9999px;
	text-align: left;
	background:#329998 url('../img/icon_white_trashbox.png') center calc(50% - 7px) no-repeat;
	-weblit-background-size:24px auto;
    background-size:24px auto;

}
.trashbox_on .list_route_trashbox_with:before {
	content:"削除";
	color:#ffffff;
/*  フォントは大きく！
    font-size:11px;*/
	font-size:15px;
	position:absolute;
	/*top:calc(50% + 6px);*/
	top:59%;
	left:0px;
	width:100%;
	text-align:center;
	text-indent:0px;
	letter-spacing:1px;
}

.list_route_main {
    width:calc(100% - 0px);
    position:relative;
    /*padding:10px 105px 10px 53px; ルート番号を別記へ*/
/*     padding:10px 105px 10px 10px; iphone5でもしっかり表示 */
    padding:10px 55px 10px 10px;
}
.list_route_main.list_route_main_alarm {
    padding: 10px 45px 10px 53px;
}
.list_whiteback_arrow li.trashbox_on > a {
	background-position:calc(98% + 43px) center;
}
.trashbox_on .list_route_main,
.trashbox_on .list_route_number_with {
	left:43px;
}


/* list_route (fix 161125) ######################################################## */

.list_route li {
	position:relative;
}
.list_route.list_whiteback_arrow li > a {
	margin:0px 0px 0px 43px;
	width:calc(100% - 43px);
}
.list_route.list_whiteback_arrow li.trashbox_on > a {
	margin:0px 0px 0px 86px;
}

.list_route .list_route_main.list_route_main_alarm {
	padding: 10px 45px 10px 10px;
}
.list_route .trashbox_on .list_route_main {
    left: 0px;
}
.list_route .trashbox_on .list_route_trashbox_with {
	background:#329998 url('../img/icon_white_trashbox.png') center center no-repeat;
	background-position: center 36%;
	-weblit-background-size:24px auto;
    background-size:24px auto;
}



/* list_route_main ######################################################## */

.list_route_from,
.list_route_to {
/*  フォントは大きく！
    font-size:15px;*/
	font-size:19px;
}
.list_route_to {
    margin-left:15px;
}
.list_route_next_arrival {
    padding-top:5px;
/*  フォントは大きく！
    font-size:12px;*/
	font-size:17px;
}
.list_route_next_arrival span {
	display:inline-block;
	color:#cd2f32;
	padding:0px 3px;
}

/* お気に入りアイコン（事前通知）*/
.list_route_alarm.alarm_on {
    background:url('../img/icon_alarm_pre_on.png') 95% center no-repeat;
}
.list_route_alarm.alarm_off {
    background:url('../img/icon_alarm_pre_off.png') 95% center no-repeat;
}
.list_route_alarm.alarm_on_real {
   background:url('../img/icon_alarm_pre_on.png') 95% center no-repeat;
}

.list_route_alarm.alarm_on_real,
.list_route_alarm.alarm_off {
	position:absolute;
	right: 0px;
	height:100%;
	width:70px;
	text-indent:-9999px;
    -weblit-background-size:60px auto;
    background-size:60px auto;
}

/* list_route_deparr_zone ######################################################## */

.list_route_deparr {
width: 100%;
margin-left: 40px;
}

.list_route_deparr_manual {
	width: 100%;
}

.time_table_route_deparr {
margin-left: 0px;
}

.list_route_deparr_alarm {
width: 100%;
}

.list_route_deparr_zone ul {
	padding:10px 15px;
}

.list_route_deparr_zone li {
	display:block;
	position:relative;
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	overflow:hidden;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}

.list_route_deparr .deparr_from span,
.list_route_deparr .deparr_to span ,
.list_route_deparr_manual .deparr_from span,
.list_route_deparr_manual .deparr_to span ,
.list_route_deparr_alarm .deparr_from span,
.list_route_deparr_alarm .deparr_to span {
    display: inline-block;
    background: #999999;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    width: 36px;
    text-align: center;
    line-height: 19px;
    padding: 2px 0px;
    letter-spacing: 1px;
    margin-right: 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-indent:0px;
    position: relative;
    top: -2px;
}
.list_route_deparr .deparr_from span ,
.list_route_deparr_manual .deparr_from span ,
.list_route_deparr_alarm .deparr_from span {
    background: #3366cc;
}
.list_route_deparr .deparr_to span ,
.list_route_deparr_manual .deparr_to span ,
.list_route_deparr_alarm .deparr_to span {
    background: #cc3333;
}

/* erase */
.list_route_deparr .deparr_to,
.list_route_deparr_manual .deparr_to,
.list_route_deparr_alarm .deparr_to,
.list_route_detail_to,
.list_route_deparr .deparr_from,
.list_route_deparr_manual .deparr_from,
.list_route_deparr_alarm .deparr_from,
.list_route_detail_from {
	margin: 4px 0px;
    background-image: none;
    text-indent:0px;
}

.list_route_detail_from,
.list_route_detail_to {
	display:inline-block;
	height:32px;
	line-height:33px;
	text-indent:40px;
	-weblit-background-size:24px auto;
    background-size:24px auto;
	/* 太字対応 */
	font-weight: bold;
}
.list_route_detail_from {
	margin-right:20px;
}

.list_route_change.change_on {
    background:url('../img/icon_change_white_off.png') center center no-repeat;
}
.list_route_change.change_off {
    background:url('../img/icon_change_white_off.png') center center no-repeat;
}
.list_route_change.change_on,
.list_route_change.change_off {
	position:absolute;
	display:block;
	top: 0px;
/* 	right: 75px; */
	left: 0px;
	height:100%;
	width:70px;
	text-indent:-9999px;
    -weblit-background-size:60px auto;
    background-size:60px auto;
}

.list_route_favorite.fav_on {
    background:url('../img/icon_fav_red_on.png') center center no-repeat;
}
.list_route_favorite.fav_off {
    background:url('../img/icon_fav_red_off.png') center center no-repeat;
}
.list_route_favorite.fav_on_gl {
    background:url('../img/icon_fav_red_on_gl.png') center center no-repeat;
}
.list_route_favorite.fav_off_gl {
    background:url('../img/icon_fav_red_off_gl.png') center center no-repeat;
}
.list_route_favorite.fav_on,
.list_route_favorite.fav_off,
.list_route_favorite.fav_on_gl,
.list_route_favorite.fav_off_gl {
	position: absolute;
	display: block;
	top: -3px;
	right: -5px;
	height: 100%;
	width: 70px;
	text-indent: -9999px;
	-weblit-background-size: 50px auto;
	background-size: 60px auto;
}



.sub_favorite_menu {
	border-top:1px solid #000000;
	background:#2d9595;
}
.sub_favorite_menu ul {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	overflow:hidden;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}

.sub_favorite_menu li {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	width: 60px;
	color:#ffffff;
/*  フォントは大きく！
    font-size:11px;*/
	font-size:15px;

	-webkit-box-pack:center;
    -ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;

	white-space: nowrap;
	min-height:40px;
	padding:10px auto;
	position:relative;
	border-right:1px solid #25666e;
	cursor:pointer;
}
.sub_favorite_menu li:nth-last-child(1) {
	border-right:1px solid #2d9595;
}

.sub_favorite_menu li.active {
	color:#25666e;
	background:#ffffff;
}

.sub_favorite_menu li.active:nth-last-child(1) {
border-right: 1px solid #ffffff;
}
/* btnset_deparr ######################################################## */

.btnset_deparr {
	background:#ffffff;
	padding:10px 0px;
	text-align:center;
}
.btnset_deparr > div {
	display:inline-block;
	margin:0 2px;
}
.btnset_deparr > div a {
	padding: 8px 30px;
}



/* list_route_prevnext_zone ######################################################## */

.list_route_prevnext_zone {
	padding:10px 15px;
	text-align:center;
}
.list_route_prevnext {
	display:inline-block;
}
.list_route_prevnext .prevnext_prev,
.list_route_prevnext .prevnext_next,
.list_route_prevnext .prevnext_now {
	float:left;
	position:relative;
	margin:0px 10px;
	padding:0px 30px;
	color:#000000;
	background:#ff6600;
	border-top:2px solid #ffc83b;
	border-bottom:2px solid #ffc83b;
	height:30px;
	line-height:30px;
}
.list_route_prevnext .prevnext_prev.short,
.list_route_prevnext .prevnext_next.short,
.list_route_prevnext .prevnext_now.short {
	margin: 0px 5px;
    padding: 0px 5px;
}
.list_route_prevnext .prevnext_prev {
	border-right:2px solid #ffc83b;
}
.list_route_prevnext .prevnext_next {
	border-left:2px solid #ffc83b;
}
.list_route_prevnext .prevnext_prev a,
.list_route_prevnext .prevnext_next a,
.list_route_prevnext .prevnext_now a {
	color:#ffffff;
}

/* triangle */

.list_route_prevnext .prevnext_prev:before {
	border-right: 15px solid #ffc83b;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid transparent;
	top: -2px;
	right: 100%;
}
.list_route_prevnext .prevnext_prev:after {
	border-right: 12px solid #ff6600;
	border-bottom: 12px solid transparent;
	border-left: 12px solid transparent;
	border-top: 12px solid transparent;
	top: 1px;
	right: 100%;
}
.list_route_prevnext .prevnext_next:before {
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #ffc83b;
	border-top: 15px solid transparent;
	top: -2px;
	left: 100%;
}
.list_route_prevnext .prevnext_next:after {
	border-right: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #ff6600;
	border-top: 12px solid transparent;
	top: 1px;
	left: 100%;
}
.list_route_prevnext .prevnext_prev:before,
.list_route_prevnext .prevnext_prev:after,
.list_route_prevnext .prevnext_next:before,
.list_route_prevnext .prevnext_next:after {
	content: "";
    display: block;
    position: absolute;
}

/* list_route_main (details) ######################################################## */

.list_route_detail_time {
	font-size:19px;
	clear:both;
}
.list_route_detail_time span {
	display:inline-block;
	margin-right:2px;
}

.list_route_detail_course {
/*  フォントは大きく！
    font-size:12px;*/
	font-size:16px;
}

.list_route_detail_notes {
	color: crimson;
}

.list_route_detail_child,
.list_route_detail_status {
/*  フォントは大きく！
    font-size:12px;*/
	font-size:16px;
	display:inline-block;
}
.list_route_detail_child {
	margin-right:5px;
}
.list_route_detail_status.bus_delay {
	color:#c52c28;
}
.list_route_detail_status.bus_delay span {
	/*content:"遅延"; span に変更*/
	background:#c52c28;
	color:#ffffff;
	-webkit-border-radius:14px;
	border-radius:14px;
	padding:1px 8px;
	margin-right:4px;
/*  フォントは大きく！
    font-size:11px;*/
	font-size:15px;
	letter-spacing:2px;
}

.list_route_icons {
	position:absolute;
	top:0px;
	right:30px;
	width:30px;
	height:100%;
}

.list_route_icon_alarm.alarm_sound {
    background:url('../img/icon_alarm_transfer_on.png') center center no-repeat;
//  background:url('../img/icon_alarm_sound.png') center center no-repeat;
}
.list_route_icon_alarm.alarm_stop {
    background:url('../img/icon_alarm_transfer_off.png') center center no-repeat;
//  background:url('../img/icon_alarm_stop.png') center center no-repeat;
}
.list_route_icon_alarm.alarm_sound,
.list_route_icon_alarm.alarm_stop {
	position:absolute;
	display:block;
	bottom: 50%;
	bottom: calc(50% + 4px);
	right: 0px;
	height:28px;
	width:28px;
	text-indent:-9999px;
    -weblit-background-size:28px auto;
    background-size:28px auto;
}

.list_route_icon_bus1.bus_ontime {
    background:url('../img/icon_bus_info_on.png') center center no-repeat;
}
.list_route_icon_bus1.bus_delay {
    background:url('../img/icon_bus_delay.png') center center no-repeat;
}
.list_route_icon_bus1.bus_ontime,
.list_route_icon_bus1.bus_delay {
	position:absolute;
	display:block;
	top: 50%;
	top: calc(50% + 4px);
	right: 0px;
	height:28px;
	width:28px;
	text-indent:-9999px;
    -weblit-background-size:28px auto;
    background-size:28px auto;
}

.list_route_icon_bus.bus_ontime {
    background:url('../img/icon_bus_ontime.png') center center no-repeat;
}
.list_route_icon_bus.bus_delay {
    background:url('../img/icon_bus_delay.png') center center no-repeat;
}
.list_route_icon_bus.bus_ontime,
.list_route_icon_bus.bus_delay {
	position:absolute;
	display:block;
	top: 50%;
	top: calc(50% + 4px);
	right: 0px;
	height:28px;
	width:28px;
	text-indent:-9999px;
    -weblit-background-size:28px auto;
    background-size:28px auto;
}

/* list_alarm ######################################################## */

.list_alarm_smallerbutton a {
	padding: 2px 20px;
	border: 3px solid #aff1f0;
}

/* searchbox ######################################################## */

.titlebar_searchbox {
	width:90%;
	text-align:center;
	border:1px solid #828282;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:10px auto;
	overflow:hidden;
}

.searchbox_submit_greyloupe {
	border:0px;
	width:50px;
	height:45px;
	text-indent:-9999px;
    background:#ffffff url('../img/icon_grey_loupe.png') center center no-repeat;
	-webkit-background-size:24px auto;
	background-size:24px auto;
	float:left;
	cursor:pointer;
	position:relative;
	z-index:200;
}
.searchbox_text_outer {
	float:left;
	width:100%;
	margin-left:-50px;
	background:#ffffff;
}
.searchbox_text {
	width:84%;
	float:left;
	margin:4px 4px 4px 50px;
	padding:4px;
	height:37px;
	border:0px;
}

/* new search map from style */
/* minami sann kokokara desu. */
.searchbox_on_map {
position:absolute;
top:50px;
left:0px;
height:60px;
overflow:hidden;
/*width:100%;*/
width:96%;
text-align:center;
font-size:12px;
z-index:100;

}
.searchbox_on_map_left {
float:left;
width:95%;
margin-right:-100px;
padding-right:100px;
z-index:100;
position:relative;
}
.searchbox_on_map .text_background {
margin:7px 0px 5px 15px;
padding:2px;
display:block;
width:100%;
height:50px;
background:#ffffff;
border:1px solid #a2a2a2;
-webkit-border-radius:8px;
border-radius:8px;
overflow:hidden;
z-index:100;
}

.searchbox_on_map .text_input {
margin: 0px;
position: relative;
padding: 2px 2px 2px 40px;
display: block;
width: 100%;
background: #ffffff;
z-index: 100;
line-height: 38px;
overflow: hidden;
margin-left: -40px;
float: left;
}

/* suzuki ga tukuri masita */
.searchbox_on_map .text_input input {
width:100%;
float: left;
}
.searchbox_on_map .searchbox_submit_icon {
position:absolute;
top:0px;
left:0px;
border:0px;
width:40px;
height:45px;
text-indent:-9999px;
background:#ffffff url('../img/icon_grey_loupe.png') center center no-repeat;
-webkit-background-size:24px auto;
background-size:24px auto;
float:left;
cursor:pointer;
position:relative;
z-index:200;
}

.btn_normal_orange_on_map {
position:absolute;
/*top:50px;*/
top:40px;
right:5px;
text-align:left;
/*width:85px;*/
width:110px;
float:right;
overflow:hidden;
text-align:center;
font-size:12px;
z-index:100;

}
.btn_normal_orange_on_map2 {
position:absolute;
top:40px;
right:5px;
text-align:left;
width:110px;
float:right;
overflow:hidden;
text-align:center;
font-size:14px;
z-index:100;
}


.btn_normal_orange_on_map a,
.btn_normal_orange_on_map2 a {
padding: 3px 14px;
margin:15px 10px;
-webkit-border-radius: 14px;
border-radius: 14px;
display:inline-block;
text-decoration:none;
letter-spacing:0.5px;
color:#ffffff;
background:#ff6600;
border:4px solid #ffc83b;
-webkit-box-shadow:0px 6px 10px -5px rgba(0,0,0,0.5);
box-shadow:0px 6px 10px -5px rgba(0,0,0,0.5);
z-index:100;
}

.map_search_list {
	position:absolute;
	top:107px;
	z-index:100;
	width:100%;
}

.map-wrapper {
position: relative;
height: 400px;
height: calc(100vh - 145px);
}

.angular-google-map-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}

.route_select_input .titlebar_searchbox {
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.route_select_input .searchbox_submit_greyloupe {
	width: 32px;
	left:32px;
	height: 32px;
	-webkit-background-size: 20px auto;
	background-size: 18px auto;

}
.route_select_input .searchbox_text_outer {

}
.route_select_input .searchbox_text {
	width:auto;
	margin:4px 4px 4px 81px;
	height: 24px;
}

/* route_select_list */
.list_route_change.change_on, .list_route_change.change_off {
    width: 50px;
    -weblit-background-size: 30px auto;
    background-size: 40px auto;
}

.route_select_list {margin: 0px 5% 0px 40px;}

.route_select_list a {
	text-align:left;
}


/* route_select ######################################################## */

.route_select .list_route_change.change_on,
.route_select .list_route_change.change_off {
	left: 5px;
}

.route_select {
	position:relative;
	width: 100%;
    height: 90%;
    padding: 25px 36px;
}
.route_select_input {
	margin-right:70px;
}



/* timetable ######################################################## */

.titlebar_whiteback_small {
	background:transparent;
/*  フォントは大きく！
    font-size:12px;*/
	font-size:16px;
}

.timetable_header_name {
	display:inline-block;
/*  フォントは大きく！
    font-size:16px;*/
	font-size:20px;
	font-weight:bold;
	margin-right:10px;
}
.timetable_header_name:before {
	height:16px;
	content:"";
	display:inline-block;
	margin:2px 15px -2px 0px;
	border-left:4px solid #ffffff;
}
.timetable_header_destination {
	display:inline-block;
/*  フォントは大きく！
    font-size:13px;*/
	font-size:17px;
	padding: 0px 30px 0px 0px;

}

.timetable_header_root {}

.timetable_header_root > li {
	width:100%;
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	overflow:hidden;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}

.timetable_root_number {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;

	-webkit-box-pack:center;
    -ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;

	background:#f1f1f2;
	font-weight:bold;
	width:50px;

}
.timetable_root{
	display:block;
	width:100%;
	background:#ffffff;
	position:relative;
	border: 1px solid #e4e4e4;
}

.timetable_root li {
/*  フォントは大きく！
    font-size:12px;*/
	font-size:16px;
	white-space: nowrap;
	height:56px;
	position:relative;
	width: 100%;
	text-align:center;
	padding: 4px 4px 0px 4px;
	height: 43px;
}


/* station_circle */

/* モックから修正 */

.timetable_root_start:after, .timetable_root_via:after {
content: "";
position: absolute;
width: 30px;
height: 10px;
bottom: 7px;
left: 50%;
margin-left: -15px;
z-index: 200;
border-top: 10px solid #a8a8a8;
border-bottom: 0px solid #ffffff;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}




.timetable_root_start {
	position:relative;
	z-index:100;
}
.timetable_root_endpoint {
	position:relative;
	z-index:100;

}


.timetable_root_manual li {
	font-size:16px;
	height:56px;
	position:relative;
	width: 100%;
	text-align:center;
	padding: 4px 4px 0px 4px;
	height: 43px;
}


.timetable_root_manual {
	display: table-cell;
	vertical-align: middle;
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;

}



/* timetable(.timetable_area) ######################################################## */

/* common */

.timetable_area {
	margin-bottom:40px;
	background:#ffffff;
}
.titlebar_weekday,
.titlebar_weekend {
	text-shadow: none;
    text-align:center;
/*     border-bottom:1px solid #ffffff; */
    padding:8px 0px;
/*  フォントは大きく！
    font-size:16px; */
	font-size:20px;
    letter-spacing:1px;
/*     text-shadow:1px 1px 0px #ffffff,-1px 1px 0px #ffffff,1px -1px 0px #ffffff,-1px -1px 0px #ffffff; */
    width:50%;
    float:left;
}

.timetable_area .active_weekday {
/*     border-bottom:8px solid #a7dbe9; */
	border-bottom: 8px solid #27629b;
    overflow:hidden;
    margin-bottom:1px;
}

.timetable_area .active_weekday .titlebar_weekday {
	color: #ffffff;
	background-image: none;
	-webkit-background: #27629b;
	background: #27629b;
}

.timetable_area .active_weekday .titlebar_weekend {
	color: #ffffff;
	background-image: none;
	-webkit-background: #711718;
	background: #711718;
}

.timetable_area .active_weekend {
/*     border-bottom:8px solid #f7ced0; */
	border-bottom: 8px solid #c93030;
    overflow:hidden;
    margin-bottom:1px;
}

.timetable_area .active_weekend .titlebar_weekday {
	color: #ffffff;
	background-image: none;
	-webkit-background: #123557;
	background: #123557;
}

.timetable_area .active_weekend .titlebar_weekend {
	color: #ffffff;
	background-image: none;
	-webkit-background: #c93030;
	background: #c93030;
}

.timetable_weekday li,
.timetable_weekend li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width:100%;
	position:relative;
	overflow:hidden;

}
.timetable_weekday li:nth-child(even),
.timetable_weekend li:nth-child(even) {
	background:#f5f5f5;

}
.timetable_weekday li > div,
.timetable_weekend li > div {
	padding:5px 0px 5px 0px;
}
.timetable_daytime_name,
.timetable_daytime {
/* 	float:left; */
	width: 15%;
}
.timetable_traintime_name,
.timetable_traintime {
/* 	margin:0px auto 0px 56px; */
	text-align:left;
	width: 85%;
}
.timetable_daytime_name,
.timetable_traintime_name,
.timetable_daytime {
	text-align:center;
}
.timetable_traintime {
	text-align:left;
	padding-left: 10px !important;
	font-weight:bold;
}
.timetable_traintime_name {
width: 85%;
}
.timetable_daytime {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* weekday */

.titlebar_weekday {
	color:#5798b3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dcf1fc), to(#a7dbe9));
	-webkit-background: linear-gradient(#dcf1fc, #a7dbe9);
	background: linear-gradient(#dcf1fc, #a7dbe9);
}
.timetable_weekday li {
	border-left:1px solid #c3d0d8;
	border-right:1px solid #c3d0d8;
	border-bottom:1px solid #c3d0d8;
}
.timetable_weekday .timetable_daytime_name,
.timetable_weekday .timetable_daytime {
	border-right:1px solid #c3d0d8;
}
.timetable_weekday .timetable_daytime_name {
/* 	background:#9edcf2; */
	background: #207995;
	color:#ffffff;
}
.timetable_weekday .timetable_traintime_name,
.timetable_weekday .timetable_daytime {
/* 	background:#e8f6f6; */
	background: #bdf0f3;
	color:#005577;
	font-weight:bold;
}

/* weekend */

.titlebar_weekend {
	color:#b1424e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#faf0ee), to(#f7ced0));
	-webkit-background: linear-gradient(#faf0ee, #f7ced0);
	background: linear-gradient(#faf0ee, #f7ced0);
}
.timetable_weekend li {
	border-left:1px solid #ece6e8;
	border-right:1px solid #ece6e8;
	border-bottom:1px solid #ece6e8;
}
.timetable_weekend .timetable_daytime_name,
.timetable_weekend .timetable_daytime {
	border-right:1px solid #ece6e8;
}
.timetable_weekend .timetable_daytime_name {
/* 	background:#fad4d5; */
	background: #912c2d;
	color:#ffffff;
}
.timetable_weekend .timetable_traintime_name,
.timetable_weekend .timetable_daytime {
/* 	background:#fef2f2; */
	background: #ffcfce;
	color:#942324;
	font-weight:bold;
}





/* alarm_setting ######################################################## */

.alarm_setting span.alarm_setting_status {
	display:inline-block;
	float:right;
	margin-right:15px;
}

.alarm_setting_notice_gps .btn_normal_orange a,
.page_alarm_setting .btn_normal_orange a {
	margin-top:40px;
	width:150px;
}

.page_alarm_setting .list_whiteback a {
	text-indent:0px;
	text-align:center;
}

.alarm_setting_notice_gps_text {
	margin:15px 0px 0px;
	text-align:center;
	color:#c42d39;
}

/* alarm_setting (button) ######################################################## */

.alarm_setting button {
	display:none;
}

.alarm_setting label {
	display:block;
	width:100%;
	color:#000000;
	text-decoration:none;
	padding:10px 15px 10px 15px;
	border-bottom:1px solid #000000;
	background:#ffffff url('../img/li_arrow_black.png') right 7px center no-repeat;
	-wewbkit-background-size:20px 20px;
	background-size:20px 20px;
}


/* global_menu ######################################################## */

.global_menu {
	border-top:1px solid #000000;
	border-bottom:3px solid #2d9595;
	background:#2d9595;
}
.global_menu ul {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	overflow:hidden;
	border-bottom:3px solid #ffffff;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}

.global_menu li {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	width: 25%;
	color:#ffffff;
/*  フォントは大きく！
    font-size:16px;*/
	font-size:20px;

	-webkit-box-pack:center;
    -ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;

	white-space: nowrap;
	height:40px;
	position:relative;
	border-right:1px solid #25666e;
	cursor:pointer;
}
.global_menu li:nth-last-child(1) {
	border-right:1px solid #2d9595;
}

.global_menu li.active:nth-last-child(1) {
border-right: 1px solid #ffffff;
}

.global_menu li.active {
	color:#25666e;
	background:#ffffff;
}

/* sub_listroute_menu ######################################################## */

.sub_listroute_menu {
	border-top:1px solid #000000;
	background:#2d9595;
}
.sub_listroute_menu ul {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	overflow:hidden;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
}

.sub_listroute_menu li {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	width: 20%;
	color:#ffffff;
/*  フォントは大きく！
    font-size:11px;*/
	font-size:15px;

	-webkit-box-pack:center;
    -ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;

	white-space: nowrap;
	min-height:40px;
	padding:10px auto;
	position:relative;
	border-right:1px solid #25666e;
	cursor:pointer;
}
.sub_listroute_menu li:nth-child(1),
.sub_listroute_menu li:nth-child(2) {
	width:20%;
}
.sub_listroute_menu li:nth-child(3),
.sub_listroute_menu li:nth-child(4) {
	width:20%;
}
.sub_listroute_menu li:nth-child(0) {
	width:20%;
}

.sub_listroute_menu li:nth-last-child(1) {
	border-right:1px solid #2d9595;
}

.sub_listroute_menu li.active {
	color:#25666e;
	background:#ffffff;
}

.sub_listroute_menu li.active:nth-last-child(1) {
border-right: 1px solid #ffffff;
}

/* map ######################################################## */

.map_place_selecter {
	position:absolute;
	background:transparent url('../img/map_btn_place_balloon.png') bottom center no-repeat;
	width: 150px;
	height: 86px;
	-weblit-background-size:100% auto;
    background-size:100% auto;
}
.map_btn_place_from {}
.map_btn_place_to {}
.map_btn_place_close {
	position:absolute;
	bottom:calc(100% - 12px);
	left:calc(100% - 14px);
}
.map_btn_place_close a {
	display:block;
	text-decoration:none;
	color:#bfbcb3;
	width:24px;
	height:24px;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:1px solid #bfbcb3;
	background:#ffffff;
	text-align: center;
/*  フォントは大きく！
    font-size:18px;*/
	font-size:22px;
	padding-bottom: 4px;
	margin-top: -2px;
	line-height: 20px;
}

.map_btn_place_from,
.map_btn_place_to {
	position:absolute;
	top:14px;
}
.map_btn_place_from {
	right:calc(50% + 3px)
}
.map_btn_place_to {
	left:calc(50% + 3px);
}



.map_btn_place_from a {
	background:transparent url('../img/map_btn_place_from.png') top center no-repeat;
}
.map_btn_place_to a {
	background:transparent url('../img/map_btn_place_to.png') top center no-repeat;
}
.map_btn_place_from a,
.map_btn_place_to a {
	display:block;
	top: 0px;
	left: 0px;
	height:50px;
	width:60px;
	text-indent:-9999px;
    -weblit-background-size:60px auto;
    background-size:60px auto;
}

/* bus_approach_zone ######################################################## */

.bus_approach_zone {
	background:#ffffff;
	padding-bottom:10px;
}

.bus_approach {
	position:relative;
	overflow:hidden;
	padding-bottom:5px;
}
.bus_approach:after {
	content:"";
	position:absolute;
	width:100%;
	height:34px;
	left:0px;
	top:115px;
	border-top:1px solid #b7b7b7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeef), color-stop(1, #ffffff));
    background:-webkit-linear-gradient(bottom, #eeeeef 0, #ffffff 100%);
    background:-moz-linear-gradient(bottom, #eeeeef 0, #ffffff 100%);
    background:-o-linear-gradient(bottom, #eeeeef 0, #ffffff 100%);
    background:linear-gradient(to bottom, #eeeeef 0, #ffffff 100%);
	z-index:100;
}

.bus_approach li {
	display:inline-block;
	position:relative;
	text-align:center;
/*  フォントは大きく！
    font-size:12px;*/
	font-size:16px;
	height:370px;
	float:left;
	z-index:200;
}
.bus_approach li:nth-child(1) {width:15%;}
.bus_approach li:nth-child(2) {width:35%;}
.bus_approach li:nth-child(3) {width:35%;}
.bus_approach li:nth-child(4) {width:15%;}



.bus_approach .bus_approach_goal:before {
	border: 4px solid #eb6300;
}
.bus_approach .bus_past:before {
	background: #404445;
}


.bus_approach li.bus_next:after {
	content: "";
	position: absolute;
	left: calc(100% - 40px);
	bottom: 0px;
	width:68px;
	height:100%;
	background: transparent url('../img/iconlarge_bus_ontime.png') center 93px no-repeat;
    -weblit-background-size: 42px auto;
    background-size: 42px auto;
}

.bus_approach_goal {
    color: #c9381e;
    background: transparent url('../img/iconlarge_busstop_goal.png') center 40px no-repeat;
    -weblit-background-size: auto 80px;
    background-size: auto 80px;
}
.bus_approach_stop {
    background: transparent url('../img/iconlarge_busstop.png') center 54px no-repeat;
    -weblit-background-size: auto 64px;
    background-size: auto 64px;
}
.bus_approach li .bus_approach_name {
	position:absolute;
	width:100%;
	top:145px;
	left:0px;
	text-align:center;
	padding-top:15px;
	height:200px;
	border-top: 12px solid #ced0cf;
}
.bus_approach li .bus_approach_name span {
	display:inline;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	text-align: left;
}
.bus_approach li .bus_approach_name:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: auto;
    top: -15px;
    left: calc(50% - 10px);
    z-index: 300;
    background: #ffffff;
    border: 4px solid #ced0cf;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.bus_approach li.bus_past .bus_approach_name {
    border-top: 12px solid #404445;
}
.bus_approach li.bus_past .bus_approach_name:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: auto;
    top: -12px;
    left: -6px;
    z-index: 300;
    background: #404445;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/* バス接近情報検索結果画面(subResultOfBusApproach) */
.caption_h {height: 60px;}
.bus_approach_favorite.fav_on {
	background: url('../img/icon_fav_red_on.png') center center no-repeat;
}
.bus_approach_favorite.fav_off {
	background: url('../img/icon_fav_red_off.png') center center no-repeat;
}
.bus_approach_favorite.fav_on_gl {
	background: url('../img/icon_fav_red_on_gl.png') center center no-repeat;
}
.bus_approach_favorite.fav_off_gl {
	background: url('../img/icon_fav_red_off_gl.png') center center no-repeat;
}
.bus_approach_favorite.fav_on,
.bus_approach_favorite.fav_off,
.bus_approach_favorite.fav_on_gl,
.bus_approach_favorite.fav_off_gl {
	position: absolute;
	display: block;
	top: 0;
	right: -4px;
	height: 60px;
	width: 70px;
	text-indent: -9999px;
	-weblit-background-size: 50px auto;
	background-size: 60px auto;
}

.drop_down_box {
	text-align: left;
	border: 1px solid #888888;
}
.drop_down_label {
	color: #ffffff;
	background: #2d9595;
	width: 30%;
	height: 100%;
	padding: 0 8px;
}

.route_candidate_box {
	border: 2px solid #1a1a1a;
  background: #e5f0e4;
  cursor:pointer;
}
.company_icon_box {
	height: 124px;
	width: 42px;
	margin: 0 8px;
}
.img_size_32 {
	height: 32px;
	width: 32px;
}
.route_candidate_main {
	position: relative;
	left: 0;
	min-height: 134px;
  width: 90%;
}
.route_candidate_name {
	position: relative;
	bottom: 0;
  height: 52%;
  padding-bottom:8px;
}
.route_candidate_name_tagvia {
  font-size:10px;
  display:inline-block;
  padding:5px 5px 0px;
}
.route_candidate_time {color: #c00000;}
.route_candidate_right {
	position: relative;
	left: 0;
	height: 124px;
	width: 64px;
}
.stop_icon_box {
	height: 50%;
	margin-bottom: 18px;
}
.timetable_box {height: 44px;}
.icon_text {
	position: relative;
	top: -5px;
	font-size: 10px;
}
.arrow_box {
	height: 124px;
	width: 42px;
}
.arrow_pos {
	position: relative;
	top: 41.5%;
}

/* バス現在位置(subCurrentLocation) */
.route_info_box {
	position: relative;
	left: 0;
	width: 70%;
}
.route_info_top {
	display: flex;
	height: 40%;
}
.route_info_btm {
	position: relative;
	bottom: 0;
	height: 60%;
}
.service_icon_box {
	width: 30%;
}
.service_icon {
	text-align: center;
	height: 32px;
	margin: 0 4px;
}

.stop_info_box {
	height: 120px;
	font-size: 84%;
}
.stop_time_info {
	height: 120px;
	width: 20%;
}

.route_arrow_box {
	height: 120px;
	width: 16px;
}
.circle_sel {
	position: relative;
	top: 3px;
	left: -2px;
	z-index: 1;
	border: 1.5px solid #566fdf;
	border-radius: 50%;
	background: #ffffff;
	width: 18px;
	height: 18px;
}
.inner_circle {
	position: relative;
	top: -12px;
	left: 1px;
	z-index: 2;
	background: #566fdf;
	border-radius: 50%;
	width: 12px;
	height: 12px;
}
.path {
	position: relative;
	left: -1px;
	margin: 0 auto;
	width: 40%;
	height: 76%;
	background: #06ad91;
}
.arrow_head {
	
}



/* root_table ######################################################## */

.border_green_updown .list_route_main {
	padding: 10px 10px 10px 53px;
}


// #13984 経路詳細画面の情報が多い
//.root_table_summary {
//    margin-right:80px;
//	color:#5a5a5a;
//	font-size:13px;
//	border-bottom: 1px solid #e4e4e4;
////    position:relative;
////    padding:5px 90px 5px 15px;
////    width:100%;
//}

.root_table_summary {
    margin-right:80px;
    padding: 5px 70px 5px 15px;
    width:100%;
    position:relative;
    font-size:13px;
	border-bottom: 1px solid #e4e4e4;
	color:#000;
}


.root_table_zone {
	background:#ffffff;
	margin-bottom:20px;
}

.root_table_zone li {
	width:100%;
	position:relative;

	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
	/*
	-ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	*/

}

.root_table_zone .root_table_symboltime,
.root_table_zone .root_table_point .root_table_main,
.root_table_zone .root_table_past .root_table_main {
	display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;

	-webkit-box-pack:center;
    -ms-flex-pack:center;
	-webkit-justify-content: center;
	justify-content: center;

	-webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;

}

.root_table_point.point_of_start {
	border-top:1px solid #e4e4e4;
}
.root_table_point.point_of_end {
	border-bottom:1px solid #e4e4e4;
}

.root_table_point,
.root_table_past {
	min-height:40px;
}
.root_table_symboltime {
	width: 84px;
	min-width: 84px;
	position:relative;
	min-height:40px;

}

.root_table_point .root_table_symboltime {
/*  フォントは大きく！
    font-size:16px;*/
	font-size:20px;
}
.root_table_symboltime span {
	position:absolute;
	display:block;
	left:100%;
	top:0px;
	top:calc(0% - 20px);
	width:0px;
	height:100%;
	height:calc(100% + 40px);
	z-index:300;
}

/* モックから修正 */
.root_table_point .root_table_symboltime:after,
.root_table_past .root_table_symboltime:after {
    content: "";
    position: absolute;
    width: 12px;
	height: 12px;
	top: 13px;
    top: calc(50% - 7px);
    left: 100%;
    background: #ffffff;
    border: 2px solid #000000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 500;
    margin-left: -4px;
}

/* #13984 経路詳細画面の情報が多い */
.root_table_line .root_table_main,
//.root_table_taketime {
//	color: #5a5a5a;
//	font-size: 12px !important;
    font-size:10px;
	border-bottom: 1px solid #e4e4e4;
	color:#5a5a5a;
}
.root_table_taketime {
    font-size:10px;
	border-bottom: 1px solid #e4e4e4;
	color:#5a5a5a;
}

.root_table_note {
	color: crimson;
}

.btn_busapproach_on {z-index:1; background: transparent url('../img/icon_bus_info_on.png') center center no-repeat;}
.btn_busapproach_off {z-index:1; background: transparent url('../img/icon_bus_info_off.png') center center no-repeat;}
.btn_busstop_on {z-index:1; background: transparent url('../img/iconlarge_busstop_goal2.png') center center no-repeat;}
.btn_busstop_off {z-index:1; background: transparent url('../img/iconlarge_busstop.png') center center no-repeat;}
.btn_bus_service_on {z-index:1; background: transparent url('../img/icon_bus_service_on.png') center center no-repeat;}

.root_table_extra .btn_busstop_on,
.root_table_extra .btn_busstop_off,
.root_table_extra .btn_busapproach_on,
.root_table_extra .btn_busapproach_off,
.root_table_extra .btn_bus_service_on {
	display:block;
	text-indent:-9999px;
    -weblit-background-size: 32px auto;
    background-size: 32px auto;
    height:42px;
    position:relative;
    cursor:pointer;
}

.root_table_extra {
	height: 100%;
    width: 70px;
    min-width: 70px;
}


.root_table_main {
	margin:0px 80px 0px 23px;
	display:block;
	padding:5px 0px;
}
.root_table_main .root_table_past_toggle {
	text-align: center;
    max-width: 80px;
}

.root_table_main,
.root_table_main .root_table_taketime,
.root_table_main .root_table_past_toggle {
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;
}



.root_table_main .root_table_taketime {
display:block;
/* フォントは大きく→ 再調整 11px */
font-size:13px;
padding:4px 0px;
}
.root_table_main .root_table_company {
font-size: 13px;
}
.root_table_zone li.root_table_line .root_table_main {
font-size: 13px;
}

.root_table_main .root_table_compay {
	font-size: 11px;
}

.root_table_main .root_table_past_toggle {
	display:block;
	font-size:13px;
	padding:3px 10px 2px 10px;
	border:1px solid #cecece;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin:6px 0px 10px;
}

.root_table_extra {
	/*margin:0px 0px 0px auto;*/
	display:block;
	padding:5px 0px;
	top:0px;
	right:0px;
    width: 70px;
    min-width: 70px;
	float:right;
	text-align:center;
	position:absolute;
}

.root_table_extra.sub_line_start .span_subline,
.root_table_extra.sub_line_end .span_subline,
.root_table_extra.sub_line .span_subline {
	position:absolute;
	display:block;
	right:100%;
	top:0px;
	top:calc(0% - 22px);
	width:0px;
	min-height:60px;
	height:100%;
	height:calc(106% + 20px);
	z-index:300;
}
.root_table_extra.sub_line .span_subline {
	border-left: 3px solid #909090;
}

.root_table_extra.sub_line_start:after {
	content:"";
	position:absolute;
	left:-8px;
	top:30px;
	top:calc(0% + 11px);
	width:1px;
	height:1px;
	border-top:0px solid transparent;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:17px solid #909090;
}
.root_table_extra.sub_line_end:after {
	content:"";
	position:absolute;
	left:-8px;
	top:0px;
	width:1px;
	height:1px;
	border-bottom:0px solid transparent;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:17px solid #909090;
}

.root_table_price {
	display:inline-block;
/*  フォントは大きく！
    font-size:11px;*/
	font-size:15px;
	border:1px solid #b8b8b8;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:1px 7px;
	margin-bottom:5px;
}

/*
.root_table_msg {
	display:inline-block;
    font-size:12px;
	border:1px solid #b8b8b8;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:1px 7px;
	margin-bottom:5px;
}
*/
.root_table_msg {
	display:inline-block;
    font-size:12px;
}

.root_table_alarm {
	position:absolute;
	top:0px;
	right:0px;
	width:80px;
	min-height:45px;
	text-indent:-9999px;
}
.root_table_alarm.alarm_pre_on {background: transparent url('../img/icon_alarm_pre_on.png') center center no-repeat;}
.root_table_alarm.alarm_pre_off {background: transparent url('../img/icon_alarm_pre_off.png') center center no-repeat;}
.root_table_alarm.alarm_transfer_on {background: transparent url('../img/icon_alarm_transfer_on.png') center center no-repeat;}
.root_table_alarm.alarm_transfer_off {background: transparent url('../img/icon_alarm_transfer_off.png') center center no-repeat;}

.root_table_alarm.alarm_pre_on,
.root_table_alarm.alarm_pre_off,
.root_table_alarm.alarm_transfer_on,
.root_table_alarm.alarm_transfer_off {
    -weblit-background-size: 40px auto;
    background-size: 40px auto;
}

.root_table_btn_grey a {
	display: block;
	color: #5f5f5f;
	background: #f0f0f1;
	border: 1px solid #898989;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
/*  フォントは大きく！
    font-size:11px;*/
	font-size:15px;
	padding: 3px 0px;
	margin: 12px 10px 5px 10px;
	-webkit-box-shadow:2px 2px 0px 3px #888888;
	box-shadow:1px 2px 3px -1px #888888;
}
.root_table_btn_grey.btn_busstop a {
	margin: 5px 10px 5px 10px;
}


/* line-setting */

.root_table_zone .with_walk .root_table_symboltime span {border-right:5px dotted #959595;}
.root_table_zone .with_toholine .root_table_symboltime span {border-right:5px solid #1100e3;}
.root_table_zone .with_tozailine .root_table_symboltime span {border-right:5px solid #ffa11a;}
.root_table_zone .with_nanbokuline .root_table_symboltime span {border-right:5px solid #00b709;}
.root_table_zone .with_jr .root_table_symboltime span {border-right:5px solid #893300;}
.root_table_zone .with_shiden .root_table_symboltime span {border-right:5px solid #d656bc;}
.root_table_zone .with_bus .root_table_symboltime span {border-right:5px solid #3366cc;}
.root_table_zone .with_bus_jr .root_table_symboltime span {border-right:5px solid #3366cc;}
.root_table_zone .with_bus_jyoutetubus .root_table_symboltime span {border-right:5px solid #3366cc;}
.root_table_zone .with_bus_bankeibus .root_table_symboltime span {border-right:5px solid #3366cc;}

.root_table_zone .root_table_line.with_walk .root_table_symboltime {background:transparent url('../img/icon_line_walk.png') center center no-repeat;}
.root_table_zone .root_table_line.with_toholine .root_table_symboltime {background:transparent url('../img/icon_line_toholine.png') center center no-repeat;}
.root_table_zone .root_table_line.with_tozailine .root_table_symboltime {background:transparent url('../img/icon_line_tozailine.png') center center no-repeat;}
.root_table_zone .root_table_line.with_nanbokuline .root_table_symboltime {background:transparent url('../img/icon_line_nanbokuline.png') center center no-repeat;}
.root_table_zone .root_table_line.with_jr .root_table_symboltime {background:transparent url('../img/icon_line_jr.png') center center no-repeat;}
.root_table_zone .root_table_line.with_shiden .root_table_symboltime {background:transparent url('../img/icon_line_shiden.png') center center no-repeat;}

.root_table_zone .root_table_line.with_bus .root_table_symboltime {background:transparent url('../img/icon_line_bus.png') center center no-repeat;}
.root_table_zone .root_table_line.with_bus_jr .root_table_symboltime {background:transparent url('../img/icon_line_jrbus.png') center center no-repeat;}
.root_table_zone .root_table_line.with_bus_jyoutetubus .root_table_symboltime {background:transparent url('../img/icon_line_jyoutetubus.png') center center no-repeat;}
.root_table_zone .root_table_line.with_bus_bankeibus .root_table_symboltime {background:transparent url('../img/icon_line_bankeibus.png') center center no-repeat;}


.root_table_zone .root_table_line.with_toholine .root_table_symboltime,
.root_table_zone .root_table_line.with_tozailine .root_table_symboltime,
.root_table_zone .root_table_line.with_nanbokuline .root_table_symboltime {
    -weblit-background-size:48px auto;
    background-size:48px auto;
}
.root_table_zone .root_table_line.with_shiden .root_table_symboltime {
    -weblit-background-size:38px auto;
    background-size:38px auto;
}
.root_table_zone .root_table_line.with_walk .root_table_symboltime {
    -weblit-background-size:36px auto;
    background-size:36px auto;
}
.root_table_zone .root_table_line.with_bus .root_table_symboltime ,
.root_table_zone .root_table_line.with_bus_jr .root_table_symboltime ,
.root_table_zone .root_table_line.with_bus_jyoutetubus .root_table_symboltime ,
.root_table_zone .root_table_line.with_bus_bankeibus .root_table_symboltime {
    -weblit-background-size:32px auto;
    background-size:32px auto;
}
.root_table_zone .root_table_line.with_jr .root_table_symboltime {
    -weblit-background-size:28px auto;
    background-size:28px auto;
}

/* status_delay */

.root_table_zone .root_table_line.statfus_delay.with_toholine .root_table_symboltime,
.root_table_zone .root_table_line.status_delay.with_tozailine .root_table_symboltime,
.root_table_zone .root_table_line.status_delay.with_nanbokuline .root_table_symboltime,
.root_table_zone .root_table_line.status_delay.with_jr .root_table_symboltime,
.root_table_zone .root_table_line.status_delay.with_shiden .root_table_symboltime,
.root_table_zone .root_table_line.status_delay.with_bus .root_table_symboltime,
.root_table_zone .root_table_line.status_delay.with_bus_jr .root_table_symboltime,
.root_table_zone .root_table_line.status_delay.with_bus_jyoutetubus .root_table_symboltime,
.root_table_zone .root_table_line.status_delay.with_bus_bankeibus .root_table_symboltime,
.root_table_zone .root_table_line.status_delay.with_walk .root_table_symboltime {
    background-position:bottom calc(50% + 30px) center;
	min-height: 100px;
}
.root_table_zone .root_table_line.status_delay .delay_detail {
	position:absolute;
	width:100%;
	left:0px;
	top: calc(50% - 5px);
	text-align:center;
	color:#cc6666;
}
.root_table_zone .root_table_line.status_delay .delay_detail span {
/*  フォントは大きく！
    font-size:16px;*/
	font-size:20px;
}

/* calender */

.calendar_back {
	padding-right:60px;
	border-left:1px solid #9c9c9c;
	background:#ffffff;
	font-size:16px;
}

/* header */

#ekibus_header_image img {

	max-width: 100%;
	height:32px;
	width: auto;
}
#ekibus_header_image {
	background:#00ad93;
	text-align:left;
	position: relative;
	z-index: 5;
	height:32px;
}

#otherTab, #otherTab_time{text-align:right;}

#searchResultButton_off,
#searchResultButton_on,
#resetButton,
#searchTimeResultButton_off,
#searchTimeResultButton_on,
#resetTimeButton {display:inline-block;}


.set_by_time,
.set_by_position {
	border:1px solid #bcbcbc;
	margin:10px 15px 0px;
	padding:5px 10px;
	background:#ffffff;
}
.set_by_time.paststop_selected,
.set_by_position.paststop_selected {
	background:url('../img/icon_grey_check.png') 91% center no-repeat #ffffff;
	-webkit-background-size:16px auto;
	background-size:16px auto;
}
.set_by_position_notice {
	color:#ff0000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin:10px 15px;
}

.check_prediction {
	margin:5px 15px 0px auto;
	text-align:right;
}

.paststop_setting {
	border-top:1px solid #bcbcbc;
	border-bottom:1px solid #bcbcbc;
	margin:20px auto;
	padding:5px 20px;
}
.paststop_setting span {
	display:block;
	float:right;
}





/* 地図の出発地・到着地の説明文 */

#map_helper_message {
    position:absolute;
    bottom:30px;
    left:0;
    right:0;
    margin:0 auto;
    width:70%;
    max-width:600px;
    text-align:center;
    padding:10px;
    font-size:16px;
    background:rgba(0,187,153,0.8);/* #00bb99 */
    color:#ffffff;
    -webkit-border-radius:3px;
    border-radius:3px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

#map_helper_message.message_on {
    opacity: 1;
    visibility: visible;
}

/* ビックリサンカク注釈 */

.icon_notice_triangle {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 23px;
    font-size: 15px;
    line-height: 25px;
    font-weight: bold;
    color: black;
    text-align: center;
    z-index: 3;
}
.icon_notice_triangle:before,
.icon_notice_triangle:after {
content: '';
display: block;
position: absolute;
height: 0px;
width: 0px;
z-index: -1;
}
.icon_notice_triangle:before {
top: 0px;
left: 0px;
border-top: 0px solid rgba(0,0,0,0);
border-left: 11px solid rgba(0,0,0,0);
border-right: 11px solid rgba(0,0,0,0);
border-bottom: 20px solid rgba(0,0,0,1);
/* z-index: ; */
}
.icon_notice_triangle:after {
top: 1px;
left: 1px;
border-top: 0px solid rgba(255,255,255,0);
border-left: 10px solid rgba(255,255,255,0);
border-right: 10px solid rgba(255,255,255,0);
border-bottom: 18px solid rgba(255,255,255,1);
/* z-index: ; */
}

.small_tr {
	font-size: 10px;
    line-height: 25px;
}

.small_tr:before {
	border-bottom: 18px solid rgba(0,0,0,1);
}

.small_tr:after {
	border-bottom: 16px solid rgba(255,255,255,1);
}

ion-view#subResultOfBusApproach .icon_nonstep_bus_note {
  margin-top: 5px;
  margin-left: 15px;
  margin-right: -10px;
}
ion-view#subResultOfBusApproach .icon_nonstep_bus_note ul {
  font-size: 0px;
}
ion-view#subResultOfBusApproach .icon_nonstep_bus_note li {
  display: inline-block;
  width: 50%;
  vertical-align: bottom;
  text-align: center;
}
ion-view#subResultOfBusApproach .icon_nonstep_bus_note li span {
  height: 32px;
  display: inline-flex;
  align-items: center;
  padding-right: 40px;
  margin: 0 auto;
  font-size: 14px;
}

ion-view#subResultOfBusApproach .icon_nonstep_bus_note li.nonstep_bus span {
  background:no-repeat url('../img/barrier_free.png') right top -1px / auto 32px;
}