@charset "UTF-8";

/* 
Noto is a trademark of Google Inc.
Noto fonts are open source. All Noto fonts are published under the SIL Open Font License, Version 1.1
Language data and some sample texts are from the Unicode CLDR project.
*/
/*
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

.ja{font-family: 'Noto Sans JP', sans-serif;font-size: 100%;font-weight:400;}
.sc{font-family: 'Noto Sans SC', sans-serif;font-size: 100%;font-weight:400;}
.tc{font-family: 'Noto Sans TC', sans-serif;font-size: 100%;font-weight:400;}
.ko{font-family: 'Noto Sans KR', sans-serif;font-size: 100%;font-weight:400;}
.en{sans-serif;}
*/

/* langage select */
.langsel{
	display:none;
}
/* file number */
.filenum{
	font-size:90%;
	border:1px solid #aaa;
	padding:2px;
	margin-left:0.4em;
	display:inline-block;
}
/* top index menu */
.title-shadow {
color: #fff;
text-shadow: 2px  2px 1px #000,
            -2px  2px 1px #000,
            -2px -2px 1px #000,
             2px -2px 1px #000;
}
/* this page only */
.topmenu{border-collapse:separate;border-spacing:4px;margin:0px;padding:0px;width:100%;}
/* .btn,.btn:link,.btn:visited,.btn:hover.btn:active{background-color:transparent;border-radius:0;border:none;min-height:15vh;min-width:15wh;} */
/* .topmenu > a.btn,.btn:link,.btn:visited,.btn:hover.btn:active{position:relative;display:inline-block;border-radius:0;min-height:15vh;min-width:15wh;margin:auto;vertical-align:middle;text-align:center;} */

.topmenu a,
.topmenu a:link,
.topmenu a:visited,
.topmenu a:hover,
.topmenu a:active{color:#000;position:relative;display:inline-block;border-radius:0;min-height:20vh;min-width:15wh;margin:auto;vertical-align:middle;text-align:center;}
.topmenu td{position:relative;text-align:center;vertical-align:middle;border:none;background-color:#fff;border-top:1px solid #888;border-left:1px solid #888;border-bottom:10px solid #D17700;border-right:1px solid #888;word-wrap:break-word;overflow-wrap:break-word;}

.topmenu .busmenu{border-bottom-color:#005226;}
.topmenu .tikamenu{border-bottom-color:#0E6AD0;}

/* .menutext{position:absolute;bottom:0;left:5px;width:100%;text-align:left;line-height:1.0em;} */
/*.topmenu i{position:absolute;top:10px;left:8px;}
.topmenu img{position:absolute;top:10px;left:8px;}
*/

.btn-index-menu i{float:left;}
.btn-index-menu img{float:left;}

.col-topmenu{padding:2px;color:#000;position:relative;text-align:left;vertical-align:middle;background-color:#fff;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;white-space:normal;}
/*
.col-topmenu{padding:2px;color:#000;min-height:15vh;position:relative;text-align:center;vertical-align:middle;background-color:#fff;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;}
.col-topmenu i{position:absolute;top:10px;left:8px;}
.col-topmenu img{position:absolute;top:10px;left:8px;}
*/
.col-topmenu .busmenu{border-bottom-color:#005226;}
.col-topmenu .tikamenu{border-bottom-color:#0E6AD0;}
/*.menutext{position:absolute;bottom:15px;left:10px;text-align:left;line-height:1.0em;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;}
*/
.menutext{position:absolute;bottom:12px;left:6px;text-align:left;line-height:1.0em;padding-right:6px;clear:both;}
.btn{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;white-space:normal;}
/* border-top:1px solid #888;border-left:1px solid #888;border-bottom:10px solid #D17700;border-right:1px solid #888; */
/* bootstrap print */
@media print {a[href]:after {    content: "";  }  abbr[title]:after {    content: "()";  }}

.container {
    max-width: 97%;
}
body{
 	padding-top: 55px;
 	padding-bottom: 120px;
 	font-size: 1.5em;
	line-height: 1.4;
}
/* header navbar overwrite */

.header{
	background: #196537;
	color: #c0dcc0 !important;
	-webkit-box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.5) inset;
	box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.3) inset;
	border-bottom:5px solid #196537;
}

/*
.header .collapse {
	margin-top: 10px;
}

.header .navbar-toggle {
	margin-top: 17px;
}
*/
.btn-index{
	border:1px solid #888;
	background-color:#fff;
	color:#000;
	border-bottom:10px solid #D17700;
	min-height:10vh;
	word-wrap:break-word;
	overflow-wrap:break-word;
	margin:0;
}
.btn-index-menu{
	border:1px solid #888;
	background-color:#fff;
	color:#000;
	border-bottom:10px solid #D17700;
	min-height:9em;
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
	margin:0;
}
.index-lang a{
	color: #000;
}

.header a {
	color: #fff !important;
}

.header li a:hover	{
	background-color: #c0dcc0 !important;
	color: #196537 !important;
}
.header li a:active	{
	background-color: #c0dcc0 !important;
	color: #196537 !important;
}
.header .navbar-toggle:hover,
.header .navbar-toggle:focus {
	background-color: #196537;
}

.header .dropdown-menu	{
	background-color: #196537;
	color: #c0dcc0 !important;
}
.navbar-nav li a{
	padding-left:0.5em;
	padding-right:0.5em;
}

/**/
.label-default{
	background-color:#444;
}
/* clock */
#city_name {color:#000; font-size:133%; }
#ymd {color:#000; font-size:116%; margin-left:0.4em;}
#jst {color:#000; font-size:283%; margin-left:0.2em;}
#sec {color:#000; font-size:283%; }
#ampm{color:#000; font-size:116%; margin-left:0.1em;}

#city_name_s {font-size:75%;}
#ymd_s {font-size:66%;}
#ampm_s {font-size:66%;}

/* docs-header */
.docs-header{
	padding: 4px 0 0 0;
	background: #c0dcc0;
	color: #000;
	-webkit-box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.5) inset;
	box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.3) inset;
}

.docs-header h2,.docs-header p {
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
/*
.docs-header p {
	line-height: 2;
}
*/

.main{
	margin-top:1em;
	padding-bottom:80px;
}

aside .list-group-item {
	font-size:133%;
	padding: 5px 15px 5px 25px;
}

aside a.list-group-item {
	color: #555;
}
aside a.list-group-item:hover {
	color: #0a5b9d;
	background-color: #cde8ff;
}

aside .panel .panel-heading:nth-child(n+2){
	border-radius: 0;
}
.fa{
	margin-right:4px;
}
.panel-title{
	/* padding-left:0.5em; */
}
/* banner */
aside .banner {
	margin: 0 auto;
	margin-bottom: 20px;
	max-width:320px;
}

aside .banner:hover {
	filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* topscroll */
#scrollUp {
 background-image: url("../img/top.png");
	bottom: 15px;
	right: 15px;
	height: 50px;  /* Height of image */
	width: 50px; /* Width of image */
	text-indent: -9999px;
}

#scrollUp:hover {
	opacity: 0.8;
}
/* footer */
.footer {
	/* padding: 13px 0 10px 0; */
	background: #fff;
	text-align: center;
	font-size:116%;
	-webkit-box-shadow: 0px -3px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0px -6px 5px 0 rgba(0,0,0,0.3);
	margin-top:10px;
}
.footer-logo{
	background: #196537;
	color: #c0dcc0;
	padding: 13px 0 10px 10px;
	text-align:left;
	font-size:75%;
	cursor:pointer;
}
.footer-lang{
	margin-right:0.5em;
}
.footer-select-box{
	width:100% !important;
	margin:auto;
	border:2px solid orange;
	border-radius:4px;
	font-size:90%;
}
.footer-form{
	margin:0px auto 4px auto;
	padding:2px;
}
/* */
.step-num{
		border:none;
		border-radius:4px;
		background-color:#ffd700;
		color:#000;
		/* display:inline-block; */
		text-align:center;
		font-weight:bold;
		padding:2px 0.5em;
		margin-right:0.2em;
	}
.step-num-small{
		border:none;
		border-radius:4px;
		background-color:#FFD700;
		color:#000;
		/* display:inline-block; */
		text-align:center;
		font-weight:bold;
		padding:0px 0.4em;
		margin:0.2em auto;
		font-size:90%;
	}
/* busstop and station finder */

@-moz-keyframes pulsate {
		from {
			-moz-transform: scale(0.25);
			opacity: 1.0;
		}
		95% {
			-moz-transform: scale(1.3);
			opacity: 0;
		}
		to {
			-moz-transform: scale(0.3);
			opacity: 0;
		}
	}
	@-webkit-keyframes pulsate {
		from {
			-webkit-transform: scale(0.25);
			opacity: 1.0;
		}
		95% {
			-webkit-transform: scale(1.3);
			opacity: 0;
		}
		to {
			-webkit-transform: scale(0.3);
			opacity: 0;
		}
	}

	#stops_result_map div[title="You are here"] {
		-moz-animation: pulsate 1.5s ease-in-out infinite;
		-webkit-animation: pulsate 1.5s ease-in-out infinite;
		border:1pt solid #fff;
		/* make a circle */
		-moz-border-radius:51px;
		-webkit-border-radius:51px;
		border-radius:51px;
		/* multiply the shadows, inside and outside the circle */
		-moz-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		-webkit-box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		box-shadow:inset 0 0 5px #06f, inset 0 0 5px #06f, inset 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f, 0 0 5px #06f;
		/* set the ring's new dimension and re-center it */
		height:51px!important;
		margin:-18px 0 0 -18px;
		width:51px!important;
	}

	#stops_result_map div[title="You are here"] img {
		display:none;
	}

	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
		#stops_result_map div[title="You are here"] {
			margin:-10px 0 0 -10px;
		}
	}

/* */
.flat {
	font-size:75%;
	background-color:#4775b4;
	color:#fff;
	border: 1px solid #4775b4;
	padding:0 4px 0 4px;
	margin:0 1em;
	
}
.non-flat{
	font-size:75%;
	background-color:#fff;
	color:#000;
	border: 1px solid #000;
	padding:0 4px 0 4px;
	margin:0 1em;
	vertical-align:top;
}
/* direction panel */
#dpanel{
	margin-top:0.5em;
}
#dsummary{
	font-size:120%;
}
#directionsPanel .adp-placemark{
	display:none;
}
#directionsPanel .adp-directions{
	width:100%;
}
#directionsPanel .adp-directions tr:nth-child(odd) {background-color:#ddd;}
#directionsPanel .adp-substep{
 	border:none;
 	color:#000;
	padding:0.4em 0.5em 0.4em 0.2em;
	margin-top:0px;
}
#directionsPanel .adp-summary{
/*
	font-size:120%;
	font-weight:normal;
	vertical-align:middle;
	padding:0.6em 2.0em 0.6em 60px;
	margin:0px;
	//height:30px;
	background-image:url(../img/icon/icon_walking.png);
	background-repeat:no-repeat;
	background-position:30px center;
	*/
	display:none;
}

/* subway info */
.k_line_y{
	background-image:url(../img/tika/k_line_y.png);
	background-repeat:repeat-y;
	background-position:center center;
	width:39px;
}
.k_line_y_top{
	background-image:url(../img/tika/k_line_y_top.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.k_line_y_bottom{
	background-image:url(../img/tika/k_line_y_bottom.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.t_line_y{
	background-image:url(../img/tika/t_line_y.png);
	background-repeat:repeat-y;
	background-position:center center;
	width:39px;
}
.tk_line_y{
	background-image:url(../img/tika/tk_line_y.png);
	background-repeat:repeat-y;
	background-position:center center;
}
.t_line_y_top{
	background-image:url(../img/tika/t_line_y_top.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.tk_line_y_bottom{
	background-image:url(../img/tika/tk_line_y_bottom.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.tk_line_y_misasagi{
	background-image:url(../img/tika/tk_line_y_mi.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.kin_line_y{
	background-image:url(../img/tika/kin_line_y.png);
	background-repeat:repeat-y;
	background-position:center center;
}
.kin_line_y_bottom{
	background-image:url(../img/tika/kin_line_y.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.kin_line_y_top{
	background-image:url(../img/tika/kin_line_y.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.kei_line_y{
	background-image:url(../img/tika/kei_line_y.png);
	background-repeat:repeat-y;
	background-position:center center;
}
.kei_line_y_bottom{
	background-image:url(../img/tika/kei_line_y.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.kei_line_y_top{
	background-image:url(../img/tika/kei_line_y_top.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.kei_line_misasagi{
	background-image:url(../img/tika/kei_line_mi.png);
	background-repeat:no-repeat;
	background-position:12px top;
	width:22px;
}

.footnavtab{
	/*
	margin:auto 0;
	width:3.4em;
	text-align:center;
	*/
}
/* navbar */
.nav-pills > li > a {
  border-radius: 0px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #000;
  font-weight:bold;
  background-color: #FFD700;
}
/* alert */
.alert{
	padding:0.5em;
	margin:0.5em auto;
	color:#000;
}
/* font-color black */
.list-group-item-info, .list-group-item-warning, .list-group-item-danger{
	color:#000 !important;
}
.panel-danger > div{
	color:#000 !important;
}
.text-info, .text-warning, .text-danger{
	color:#000 !important;
}
.btn-warning{
		color:#000 !important;
}
/* keito */
.flat {background-color:#4775b4;color:#fff;}
.non-flat {background-color:#fff;color:#000;border:1px solid #000;}
.loop {background-color:#cc4a00;color:#fff;}
.rakubus {background-color:#2f632c;color:#fff;font-size:75%;}
.special-exp{font-size:75%;}
.non-flat-list {border:1px solid #000;background-color:#eee;font-size:116%;padding:4px;margin:2px;text-align:center;color:#000;font-weight:bold;}
.flat-list, .seeing-list {background-color:#4775b4;font-size:116%;padding:4px;margin:2px;text-align:center;color:#fff;font-weight:bold;}
.loop-list {background-color:#cc4a00;font-size:116%;padding:4px;margin:2px;text-align:center;color:#fff;font-weight:bold;}

.line-horikawa {margin-top:4px;color:#000;text-shadow:none;background-color:#5fbd97;padding:0px 1em;width:100%;display:inline-block;}
.line-kawaramachi {margin-top:4px;color:#000;text-shadow:none;background-color:#a1d8e6;padding:0px 1em;width:100%;display:inline-block;}
.line-senbon {margin-top:4px;color:#000;text-shadow:none;background-color:#c594c1;padding:0px 1em;width:100%;display:inline-block;}
.line-nishioji {margin-top:4px;color:#000;text-shadow:none;background-color:#fbc844;padding:0px 1em;width:100%;display:inline-block;}
.line-omiya {margin-top:4px;color:#000;text-shadow:none;background-color:#c594c1;padding:0px 1em;width:100%;display:inline-block;}
.line-higashiyama {margin-top:4px;color:#000;text-shadow:none;background-color:#ed724f;padding:0px 1em;width:100%;display:inline-block;}
.line-shirakawa {margin-top:4px;color:#000;text-shadow:none;background-color:#ffffff;padding:0px 1em;width:100%;display:inline-block;}

.bunsetu-line-horikawa {border-left:10px #5fbd97 solid;}
.bunsetu-line-kawaramachi {border-left:10px #a1d8e6 solid;}
.bunsetu-line-senbon {border-left:10px #c594c1 solid;}
.bunsetu-line-nishioji {border-left:10px #fbc844 solid;}
.bunsetu-line-omiya {border-left:10px #c594c1 solid;}
.bunsetu-line-higashiyama {border-left:10px #ed724f solid;}
.bunsetu-line-shirakawa {border-left:10px #fff solid;}
.bunsetu-line-normal {border-left:10px transparent solid;}

.bunsetu-line-horikawa-sm {border-left:5px #5fbd97 solid;padding-left:2px;}
.bunsetu-line-kawaramachi-sm {border-left:5px #a1d8e6 solid;padding-left:2px;}
.bunsetu-line-senbon-sm {border-left:5px #c594c1 solid;padding-left:2px;}
.bunsetu-line-nishioji-sm {border-left:5px #fbc844 solid;padding-left:2px;}
.bunsetu-line-omiya-sm {border-left:5px #c594c1 solid;padding-left:2px;}
.bunsetu-line-higashiyama-sm {border-left:5px #ed724f solid;padding-left:2px;}
.bunsetu-line-shirakawa-sm {border-left:5px #fff solid;padding-left:2px;}
.bunsetu-line-normal-sm {border-left:5px transparent solid;padding-left:2px;}
/*
.bg-success{
 background-color:#5cb85c;
}
*/
/* */
/*
.pglink {  margin-top:-100px;  padding-top:-100px;}
*/

.breadcrumb{
	margin:4px;
	padding:4px;
}
.breadcrumb a{
  color:#2269a6;
}
/* スライドヘッダー */
.slide-capt-hd{
	width: 100%;
	padding: 10px;
	color: #FFF;
	background: rgba(0,0,0,.5);
	margin:0;
}
/* 注意書き */
i.q{
	color:#e00;
}
/* 岡崎ループの背景写真 */
.oka-header-back {
	height: 600px;
	/* background-image: url("../img/bus/okazaki_image_test11.jpg"); */
	background-repeat: no-repeat;
 	background-position: center 70%;
	background-size: cover;
}
/* 洛バスの背景写真 */
.raku-header-back {
	height: 600px;
	/* background-image: url("../img/bus/kanko_keito/kanko_logo_yoko.png"); */
	background-repeat: no-repeat;
 	background-position: center 50%;
	background-size: cover;
}
/* 言語選択トップページ */
.idx-header-back {
	/* height: 100%; */
	/* background-image: url("../img/test_photo2.jpg"); */
	background-repeat: no-repeat;
 	background-position: center bottom;
	background-size: cover;
}
/* リストのリンクに矢印アイコンを付ける。 */
a.list-group-item:before{
	position: absolute;
	right: 1.0em;
	top: 20%;
	content: '\f138';
	color: #888;
	font-family: 'FontAwesome';
	font-size: 130%;
	line-height: 1;
}
/* 岡崎ループページのインテンド */
.detail-pgh{
	text-indent:1em;
}
/* 地下鉄大人運賃 */
.fare-adult{
	color:#000;
	border-bottom:1px solid #000;
	/* margin-right:1em; */
}
.fare-adult-other{
	color:#000;
	/* margin-right:1em; */
	font-size:90%;
	border-bottom:1px solid #000;
}
.fare-child{
	color:#e00;
}
.fare-child-other{
	color:#e00;
	font-size:90%;
}

/* googlemap infowindow　折り返し防止 */

.gm-style-iw {
    overflow: hidden ! important;
}
.gm-style-iw div {
    overflow: hidden ! important;
}

/* calendar */
.calendar{
	margin:auto;
}
.calendar td{
	margin:2px;
	padding:4px;
	font-size:100%;
}
.nahol {
	cursor:help;
}
.holiday {
	color:#fff;
	background-color:#ec6d65;
	text-align:center;
	vertical-align:middle;
}

.saturday {
	color:#fff;
	background-color:#5976ba;
	text-align:center;
	vertical-align:middle;
}
.weekday{
	color:#000;
	background-color:#d0c8b7;
	text-align:center;
	vertical-align:middle;
}
td.nextmonth {
	font-size:80%;
	color:#fff;
	vertical-align:middle;
}
.today{
	border:2px solid #e00;
}
/* original btn background */
/*
.btn-green { background-color: hsl(110, 56%, 16%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#398f28", endColorstr="#193f11"); background-image: -khtml-gradient(linear, left top, left bottom, from(#398f28), to(#193f11)); background-image: -moz-linear-gradient(top, #398f28, #193f11); background-image: -ms-linear-gradient(top, #398f28, #193f11); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #398f28), color-stop(100%, #193f11)); background-image: -webkit-linear-gradient(top, #398f28, #193f11); background-image: -o-linear-gradient(top, #398f28, #193f11); background-image: linear-gradient(#398f28, #193f11); border-color: #193f11 #193f11 hsl(110, 56%, 11%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }
.btn-orange { background-color: hsl(36, 100%, 40%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad32", endColorstr="#cc7a00"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ffad32), to(#cc7a00)); background-image: -moz-linear-gradient(top, #ffad32, #cc7a00); background-image: -ms-linear-gradient(top, #ffad32, #cc7a00); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffad32), color-stop(100%, #cc7a00)); background-image: -webkit-linear-gradient(top, #ffad32, #cc7a00); background-image: -o-linear-gradient(top, #ffad32, #cc7a00); background-image: linear-gradient(#ffad32, #cc7a00); border-color: #cc7a00 #cc7a00 hsl(36, 100%, 35%); color: #fff !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33); -webkit-font-smoothing: antialiased; }
.btn-blue {  background-color: hsl(195, 60%, 35%) !important;  background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d95b7", endColorstr="#23748e"); background-image: -khtml-gradient(linear, left top, left bottom, from(#2d95b7), to(#23748e)); background-image: -moz-linear-gradient(top, #2d95b7, #23748e); background-image: -ms-linear-gradient(top, #2d95b7, #23748e); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d95b7), color-stop(100%, #23748e)); background-image: -webkit-linear-gradient(top, #2d95b7, #23748e); background-image: -o-linear-gradient(top, #2d95b7, #23748e); background-image: linear-gradient(#2d95b7, #23748e); border-color: #23748e #23748e hsl(195, 60%, 32.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16); -webkit-font-smoothing: antialiased; }
.btn-purple {  background-color: hsl(259, 60%, 35%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#592db7", endColorstr="#45238e"); background-image: -khtml-gradient(linear, left top, left bottom, from(#592db7), to(#45238e)); background-image: -moz-linear-gradient(top, #592db7, #45238e); background-image: -ms-linear-gradient(top, #592db7, #45238e); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #592db7), color-stop(100%, #45238e)); background-image: -webkit-linear-gradient(top, #592db7, #45238e); background-image: -o-linear-gradient(top, #592db7, #45238e); background-image: linear-gradient(#592db7, #45238e); border-color: #45238e #45238e hsl(259, 60%, 32.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16); -webkit-font-smoothing: antialiased; }
.btn-lightgreen { background-color: hsl(86, 79%, 44%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#daf6b5", endColorstr="#7cc817"); background-image: -khtml-gradient(linear, left top, left bottom, from(#daf6b5), to(#7cc817)); background-image: -moz-linear-gradient(top, #daf6b5, #7cc817); background-image: -ms-linear-gradient(top, #daf6b5, #7cc817); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #daf6b5), color-stop(100%, #7cc817)); background-image: -webkit-linear-gradient(top, #daf6b5, #7cc817); background-image: -o-linear-gradient(top, #daf6b5, #7cc817); background-image: linear-gradient(#daf6b5, #7cc817); border-color: #7cc817 #7cc817 hsl(86, 79%, 34%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.66); -webkit-font-smoothing: antialiased; }
*/

/* howtoride top baloon */
.fbox {
    position: relative;
    display:inline-block;
    padding:8px;
    text-align:left;
    background-color:#ffffff;
    border:1px solid #a5a5a5;
    margin: 2px 8px 2px 5px;
    border-radius: 8px ;
    box-shadow:2px 2px 5px 0px  #a7a8ac ;
    font-size:90%;
}
.fbox:after, .fbox:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
}
.fbox:after {
    top: 8px;
    left: -17px;
    border: 9px solid transparent;
    border-right: 14px solid #ffffff; /*13px*/
}
.fbox:before {
    top: 9px;
    left: -17px;
    border: 8px solid transparent;
    border-right: 8px solid #a5a5a5; /*10px*/
}
.blink{
    -webkit-animation:blink 1.0s ease-in-out 5 alternate;
    -moz-animation:blink 1.0s ease-in-out 5 alternate;
    animation:blink 1.0s ease-in-out 5 alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1.0;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1.0;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1.0;}
}
/* */
/* sta exit */
.exit-panel{
	display:inline-block;
    font-size:3.5em !important;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    background-color:#ffd800;
    color:#000;
    min-width:1.4em;
    margin:0.1em;
	padding:0.1em;
    float:left;
}
/* bunsetu */
.bdpoint{
	display:inline-block;
    font-size:133%;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    padding:4px 1px;
    background-color:#444;
    color:#fff;
    border-radius:6px;
    border:2px #ddd solid;
    box-shadow: 3px 3px 6px #222;
    min-width:1.8em;
    margin-right:8px;
    float:left;
    margin-bottom:0.5em;
}
/* infowindow stop sign */
.bdpoint-all{
	display:inline-block;
    font-size:4.0em !important;
    font-weight:bold;
    text-align:center !important;
    vertical-align:bottom !important;
    background-color:#444;
    color:#fff;
    min-width:1.0em;
    margin:0 4px;
	padding:0;
    float:left;
}
.kto-loop, .kto-2{
    display:inline-block;font-size:116%;font-weight:bold;padding:4px 0px;border:1px solid #000;background-color:#cc4a00;color:#fff;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;
}
.kto-flat, .kto-0, .kto-3{
    display:inline-block;font-size:116%;font-weight:bold;padding:4px 0px;border:1px solid #000;background-color:#4775b4;color:#fff;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;
}
.kto-non-flat, .kto-1{
    display:inline-block;font-size:116%;font-weight:bold;padding:4px 0px;border:1px solid #000;background-color:#fff;color:#000;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;
}
.kto-midnight{
    display:inline-block;font-size:116%;font-weight:bold;padding:4px 0px;border:1px solid #000;background-color:#000;color:#fff;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;
}
.kto-other{
    display:inline-block;font-size:108%;font-weight:bold;padding:4px 0px;border:1px solid #000;background-color:#888;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;
}
.kto-rosen{
    display:inline-block;font-size:100%;font-weight:bold;padding:2px 4px !important;border:1px solid #000;background-color:#959151;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;white-space:nowrap;
}
.kto-airport{
    display:inline-block;font-size:100%;font-weight:bold;padding:2px 4px !important;border:1px solid #000;background-color:#55b8be;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;white-space:nowrap;
}
.kto-highway{
    display:inline-block;font-size:100%;font-weight:bold;padding:2px 4px !important;border:1px solid #000;background-color:#78595f;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;white-space:nowrap;
}
.kto-sightseeing{
    display:inline-block;font-size:100%;font-weight:bold;padding:2px 4px !important;border:1px solid #000;background-color:#a9775c;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;white-space:nowrap;
}
.kto-ltdexp{
    display:inline-block;font-size:116%;font-weight:bold;padding:4px 0px;border:1px solid #000;background-color:#ED1A3D;color:#fff;min-width:4em;text-align:center;vertical-align:middle;margin-left:1em;
}
/* small */
.kto-loop-sm{
    display:inline-block;font-size:100%;font-weight:bold;padding:0px 0px 2px 0px;border:1px solid #000;background-color:#cc4a00;color:#fff;min-width:4em;min-height:1.5em;text-align:center;vertical-align:middle;margin-left:0.2em;
}
.kto-flat-sm{
    display:inline-block;font-size:100%;font-weight:bold;padding:0px 0px 2px 0px;border:1px solid #000;background-color:#4775b4;color:#fff;min-width:4em;min-height:1.5em;text-align:center;vertical-align:middle;margin-left:0.2em;
}
.kto-non-flat-sm{
    display:inline-block;font-size:100%;font-weight:bold;padding:0px 0px 2px 0px;border:1px solid #000;background-color:#fff;color:#000;min-width:4em;min-height:1.5em;text-align:center;vertical-align:middle;margin-left:0.2em;
}
.kto-midnight-sm{
    display:inline-block;font-size:100%;font-weight:bold;padding:0px 0px 2px 0px;border:1px solid #000;background-color:#000;color:#fff;min-width:4em;text-align:center;vertical-align:middle;margin-left:0.2em;
}
.kto-other-sm{
    display:inline-block;font-size:100%;font-weight:bold;padding:0px 0px 2px 0px;border:1px solid #000;background-color:#888;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:0.2em;
}
.kto-rosen-sm{
    display:inline-block;font-size:100%;font-weight:bold;padding:0px 0px 2px 0px;border:1px solid #000;background-color:#959151;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:0.2em;
}
.kto-airport-sm{
    display:inline-block;font-size:100%;font-weight:bold;padding:0px 0px 2px 0px;border:1px solid #000;background-color:#55b8be;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:0.2em;
}
.kto-highway-sm{
    display:inline-block;font-size:100%;font-weight:bold;padding:0px 0px 2px 0px;border:1px solid #000;background-color:#78595f;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:0.2em;
}
.kto-sightseeing-sm{
    display:inline-block;font-size:100%;font-weight:bold;padding:0px 0px 2px 0px;border:1px solid #000;background-color:#a9775c;color:#eee;min-width:4em;text-align:center;vertical-align:middle;margin-left:0.2em;
}
/* infowin */
.bskto{
	min-width:40%;
	font-size:100%;
	padding:0.2em;
	font-weight:bold;
	border:1px solid #000;
	text-align:center;
	vertical-align:middle;
	margin-left:0.2em;
}
.bsktoall{
	min-width:40%;
	font-size:90%;
	padding:0.2em;
	font-weight:bold;
	border:1px solid #000;
	text-align:center;
	vertical-align:middle;
	margin-left:0.2em;
}
.bsktokyotobus{
	min-width:40%;
	font-size:100%;
	padding:0.2em;
	font-weight:bold;
	border:1px solid #000;
	text-align:center;
	vertical-align:middle;
	margin-left:0.2em;
}
.name-wrap{
	display:inline-block;
	max-width:180px;
	white-space: normal;
	word-wrap: break-word;
}
.kto-list-infowin{
	max-height:6.0em;
	overflow-y:scroll;
	margin:0.4em 0;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
}
.kto-2{
    display:inline-block;background-color:#cc4a00;color:#fff;
}
.kto-0, .kto-3{
    display:inline-block;background-color:#4775b4;color:#fff;
}
.kto-1{
    display:inline-block;background-color:#fff;color:#000;
}
.kto-all{
    display:inline-block;background-color:#444;color:#fff;
}

.kto-0-kyotobus, .kto-1-kyotobus{
	display:inline-block;background-color:#080;color:#fff;
}

.ic{
	margin-right:1.0em;
}
.ic-icoca-pass{
	margin:auto;
}
.here-busstop{
	border-left:6px solid #e00;
	border-right:6px solid #e00;
	border-top:2px solid #e00;
	border-bottom:2px solid #e00;
}
.other-busstop{
	/* border-left:1.0em solid transparent; */
}
.hd-pgh{
	font-size:110%;
	font-weight:bold;
	margin:4px;
	border-left:12px solid green;
	background-color:#C0DCC0;
	padding:0.4em 0.4em;
	border-radius:0.2em;
}
.content-pgh{
	margin-left:1em;
	margin-right:1em;
}
/* subway route station number */
.kin-num-b{
	color:#eee;
	background-color:#b75500;
	padding:1px 2px;
	margin:auto;
	text-align:center;
	border-radius:2px;
	font-weight:bold;
}
.kin-exp{
	border:2px solid #444;
}
.kin-num-a{
	color:#eee;
	background-color:#e20826;
	padding:1px 2px;
	margin:auto;
	text-align:center;
	border-radius:2px;
	font-weight:bold;
}
.kin-num-big{
	font-size:1.1em;
	margin-right:0.5em;
}
.ot-num-big{
	font-size:1.2em;
	margin-right:0.5em !important;
	height:2.0em;
}
.ot-num-1{
	/* font-size:58%; */
	line-height:0.8em;
	color:#eee;
	background-color:#00e;
	border:1px solid #00e;
	padding:2px 1px 1px 1px;
	margin:0px;
	text-align:center;
	min-width:1.8em;
	display:inline-block;
	float:left;
}
.ot-num-2{
	/* font-size:90%; */
	color:#00e;
	background-color:#fff;
	border:none;
	padding:2px 1px 0px 1px;
	margin:0px;
	text-align:center;
	min-width:1.8em;
	display:inline-block;
}
.height10{
	line-height:1.0em !important;
}
.height12{
	line-height:1.2em !important;
}
.font75{
	font-size:0.75em !important;
}
.font83{
	font-size:0.83em !important;
}
.font90{
	font-size:0.9em !important;
}
.cell-center{
	vertical-align:middle !important;
	text-align:center;
}
.cell-middle{
	vertical-align:middle !important;
}
.cell-center-3em{
	vertical-align:middle !important;
	text-align:center !important;
	font-size:3.0em;
}
/* accessibility */
.disp-update{
	display:inline-block;
	font-size:75%;
	border:1px solid #fff;
	padding:1px 2px;
	margin-left:1.0em;"
}
.comm-mg-r{
	margin-right:0.5em;
}
.nav-bus-img{
	width:22px;
	height:11px;
	margin-right:4px;
	margin-left:-2px;
	vertical-align:middle;"
}
.nav-tika-img{
	width:18px;
	height:18px;
	margin-right:6px;
	vertical-align:top;
}
.kmtb-logo-img{
	position:absolute;
	top:8px;
	left:8px;
	display:block;
	vertical-align:middle;
}
.nav-clock-div{
	margin-left:35px;
	margin-top:-8px;
	line-height:0.8em;
}
.bus-index-img{
	margin-top:0.8em;
	width:40px;
	height:19px;"
}
.tika-index-img{
	width:35px;
	height:35px;
}
.oneday-index-img{
	width:32px;
	height:32px;
}
.center-vh{
	vertical-align:middle;
	text-align:center;
}
.auto-mgn{
	margin:0.5em auto;
}
.pict-locker-img{
	width:28px;
	height:36px;
	margin-right:4px;"
}
.marker-index-img{
	position:relative;
	top:-0.2em;
}
.map-index-img{
	position:relative;
	left:-0.6em;
	margin-right:-0.4em;
}
.main-back{
	padding-bottom:0;
}
/* okazaki loop */
.loop-hd{
	color:#eee;
	background-color:#176437;
	border-bottom:4px solid #EF820B;
	clear:both;
}
.raku-hd{
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #aaa;
	background-color:#fff;
	color:#000;
}
.raku-hd-keito{
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #aaa;
	background-color:#fff;
	color:#000;"
}
.raku-hd-100{
	background:url('../img/bus/rakubus100_mark.png') no-repeat center right;
}
.raku-hd-101{
	background:url('../img/bus/rakubus101_mark.png') no-repeat center right;
}
.raku-hd-102{
	background:url('../img/bus/rakubus102_mark.png') no-repeat center right;
}
.font-strong{
	font-weight:bold;
}
/* all bs map */
.slidebtn {
  background: #888;
  font-color:#eee;
  border-radius: 0 4px 4px 0;
  display: block;
  height: 200px;
  position:absolute;
  left: 0px;
  text-align: center;
  width: 30px;
  vertical-align:middle;
  opacity:0.5;
  z-index:100;
}
/* fare */
.disp-fare-amount-big{
	font-size:300%;
	margin-right:0.2em;
}
.disp-fare-amount-large{
	font-size:200%;
	margin-right:0.2em;
}
.train-local{
	font-size:80%;
	background-color:#000;
}
.small-en{
	font-size:66%;
}
.train-express{
	font-size:80%;
	background-color:orange;
}
.tbox{
	font-size: 100%;
	width:8.0em;
}
/* font-size override */
h1,
.h1 {
  font-size: 250%;
}
h2,
.h2 {
  font-size: 200%;
}
h3,
.h3 {
  font-size: 150%;
}
h4,
.h4 {
  font-size: 116%;
}
h5,
.h5 {
  font-size: 100%;
}
h6,
.h6 {
  font-size: 90%;
}
.navbar-brand {
  font-size: 110%;
}
.btn{
font-size: 95%;
}
/* contrust */
li.active{
	color:#000 !important;
}
caption{
	color:#000 !important;
}
.btn-success{
	 background-color: #087308 !important;
}
/* subway fare */
.route td {
    border-top: none !important;
	line-height:1.2em !important;
}
.route th {
    border-bottom: 1px solid #ddd !important;
}
/* travel time */
[id^="fstp"] {
    vertical-align:middle !important;
 	font-size:120% !important;
	font-weight:bold;
}
/* travel information center */
.tic{
	font-size:83%;
	border:1px solid #000;
	border-radius:0.2em;
	padding:0 0.2em;
}
/*
a{
	color:#00e !important;
}
*/
.line-mark{
	width:36px;
	height:36px;
	vertical-align:middle;
	margin-right:8px;
	float:left;
}
.sta-mark{
	vertical-align:middle;
	margin-right:8px;
	float:left;
}

/* busstop loc */
.loc-dest{
	font-size:100%;
	margin-left:0.2em;
	padding-bottom:0;
	margin-bottom:0;
	line-height:1.0em;
}
.loc-dest-en{
	font-size:0.7em;
	margin-left:0.4em;
	margin-top:0;
	padding-top:0;
	line-height:1.0em;
	display:inline-block;
}
/* font-color black */
.alert{
	color:#000 !important;
}
.list-group-item-info, .list-group-item-warning, .list-group-item-danger{
	color:#000 !important;
}
.panel-danger > div{
	color:#000 !important;
}
.text-info, .text-warning, .text-danger{
	color:#000 !important;
}
.btn-warning{
	color:#000 !important;
}

.font6pt{
	font-size:66%;
}
.font8pt{
	font-size:80%;
}
.font10pt{
	font-size:90%;
}
.font12pt{
	font-size:100%;
}
.font16pt{
	font-size:120%;
}
.font18pt{
	font-size:133%;
}
.font-strong{
	font-weight:bold !important;
}
.search-icon-margin{
	margin-right:0.2em;
	width:25px;
	height:25px;
}
.fare-class{
	border:1px solid #888;
	border-radius:4px;
	padding:0.5em 1.0em;
	margin-bottom:2.0em;
}
.fare-flat{
	border:1px dotted #000;
	border-radius:4px;
}
.fare-non-flat{
	border:1px dotted #000;
	border-radius:4px;
}
.divider-left{
	border-left:1px dotted #000;
}
.divider-right{
	border-right:1px dotted #000;
}
.fare-detail{
	padding:0.2em;
	border:1px dotted #000;
	/* background-color:#eee; */
	border-radius:6px;
}
.fare-type{
	background-color:#196537;
	color:#fff;
	padding:0.4em;
	border-radius:6px;
}
.list-off-margin{
	padding-left:0.5em;
}
.map-col{
	page-break-before:always;
	page-break-after:always;
	/* margin-bottom:5em; */
}
.cars-stop-circle-k{
	border:1px solid #fff;
	background-color:#196537;
	padding:0.1em 0.4em;
	border-radius:1.0em;
	color:#fff;
	font-weight:bold;
}
.cars-stop-circle-t{
	border:1px solid #000;
	background-color:#fff;
	padding:0.1em 0.4em;
	border-radius:1.0em;
	color:#000;
	font-weight:bold;
}
.cash-unit{
	font-size:0.7em;
	margin-left:0.2em;
	margin-right:1em;"
}

.icon-infowin{
	width:25px;
	height:25px;
	margin-right:0.2em;
}
.icon-infowin-list{
	width:1.0em;
	height:1.0em;
	margin-right:0.2em;
}
.hr-infowin{
	margin:2px 0;
	width:100%;
	height:0px;
	border:1px solid #196537;
}
.hr-kyotobus{
	border:1px solid #80100c;
}
.hr-keihanbus{
	border:1px solid #0d53a2;
}
.hr-karasuma{
	border:1px solid #00a497;
}
.hr-tozai{
	border:1px solid #ee0000;
}
.img-50per-size{
	height:50%;
	width:50%;
}
.img-40per-size{
	height:40%;
	width:40%;
}
.img-30per-size{
	height:30%;
	width:30%;
}
.img-20per-size{
	height:20%;
	width:20%;
}
.img-15per-size{
	height:15%;
	width::15%;
}
.img-10per-size{
	height:10%;
	width::10%;
}
.card-tate{
	min-width: 110px;
}
.card-yoko{
	min-width: 180px;
}
.hd-hd4{
	border-bottom:1px solid #000;
	margin:1.0em 0.8em;
}
.hd-hd3{
	border:1px solid #000;
	margin:1.0em 0.8em;
	padding:0.5em 0.2em;
	border-radius:0.2em;
	width:95%;
}
.posrankdiv{
	padding:0.3em;
	border-bottom:4px solid #ccc;
}
.mrg-r05{
	margin-right:0.5em;
}
.mrg-r02{
	margin-right:0.2em;
}
.mrg-l1, .mrg-l10{
	margin-left:1.0em;
}
.mrg-l01{
	margin-left:0.1em;
}
.mrg-l02{
	margin-left:0.2em;
}
.mrg-at{
	margin:auto;
}
.mrg-0px{
	margin:0px;
}
.mrg-t4px{
	margin-top:4px;
}
.mrg-t8px{
	margin-top:8px;
}
.pad-2px{
	padding:2px;
}
.pad-4px{
	padding:4px;
}
.pad-0px{
	padding:0px;
}
.step-num-100bus{
	background-color:#70b71e;
	color:#fff;
}
.img-buspict{
	width:24px;
	height:24px;
	margin:0;
}
.ranking-num{
	font-size:4em;
}
.rollsign{
	width:5.0em;
}
.line-ht12{
	line-height:1.2em;
}
.line-ht11{
	line-height:1.1em;
}
.line-ht10{
	line-height:1.0em;
}
.line-ht09{
	line-height:0.9em;
}
#disp_routenum{
	background-color:#fff;
	border:solid 1px #aaa;
	border-radius:4px;
	box-shadow:;-1px 2px 3px #aaa;
	text-align:center;
	
	font-weight:bold;
	padding:6px 3px 6px 3px;
	margin-top:0.5em;
	margin-left:0.5em;
}
.bg-infowin-base{
	margin:1px;
/*
	background-image:url("../img/bus/bus_stop_sign_1.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.3);
*/
}
.infowin-bs-logo{
	margin:0.2em auto;
}
.infowin-tika-logo{
	margin:0.2em auto;
}
.icon-newwin{
	margin-right:0.4em;
	height:1.2em;
	width:1.2em;
}
.keihan-plate-name{
	width:80px;
	height:80px;
	background-image:url('../img/bus/bus_stop_sign_3_s.png');
	background-position: center top;
	background-repeat: no-repeat;
	margin:0 auto;
}
.txt-btm{
	position:relative;
	top:5.7em;
	font-size:7pt;
	font-weight:bold;
	line-height:1.1em;
}
/* leaflet map info-panel */
.info {
	padding: 6px 8px;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 4px;
}
.btn-primary{
	color:#fff !important;
}
#popup-legend{
	display:none;
}
/* map label */
.bsnamelabel1{
  white-space:nowrap;
  text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
  color: #800000;
  font-weight:bold;
  text-align:center !important;
  display:inline-block;
}
.bsnamelabel2,.bsnamelabel3,.bsnamelabel4{
  white-space:nowrap;
  text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
  color: #000;
  font-weight:bold;
  font-size:90%;
  text-align:center !important;
  display:inline-block;
  line-height:1.2em;
}
.stanamelabel-k{
  white-space:nowrap;
  text-shadow: 
    #008000 2px 0px,  #008000 -2px 0px,
    #008000 0px -2px, #008000 0px 2px,
    #008000 2px 2px , #008000 -2px 2px,
    #008000 2px -2px, #008000 -2px -2px,
    #008000 1px 2px,  #008000 -1px 2px,
    #008000 1px -2px, #008000 -1px -2px,
    #008000 2px 1px,  #008000 -2px 1px,
    #008000 2px -1px, #008000 -2px -1px;
  color: #fff;
  font-weight:bold;
  font-size:120%;
  text-align:center !important;
  display:inline-block;
  line-height:1.0em;
}
.stanamelabel-t{
  white-space:nowrap;
  text-shadow: 
    #ff0000 2px 0px,  #ff0000 -2px 0px,
    #ff0000 0px -2px, #ff0000 0px 2px,
    #ff0000 2px 2px , #ff0000 -2px 2px,
    #ff0000 2px -2px, #ff0000 -2px -2px,
    #ff0000 1px 2px,  #ff0000 -1px 2px,
    #ff0000 1px -2px, #ff0000 -1px -2px,
    #ff0000 2px 1px,  #ff0000 -2px 1px,
    #ff0000 2px -1px, #ff0000 -2px -1px;
  color: #fff;
  font-weight:bold;
  font-size:120%;
  text-align:center !important;
  display:inline-block;
  line-height:1.0em;
}
.keito-mark{
	border:1px solid #000;
	padding:0.1em 0.4em;
	border-radius:4px;
	margin-left:1.0em;
	font-weight:bold;
	background-color:#000;
	color:#fff;
	margin-right:0.3em;
}
.ride-pattern-mae{
	border:1px solid #008;
	padding:0.1em 0.4em;
	border-radius:4px;
	margin-left:1.0em;
	font-weight:bold;
	background-color:#008;
	color:#fff;
	margin-right:0.3em;
}
.ride-pattern-usiro{
	border:1px solid #080;
	padding:0.1em 0.4em;
	border-radius:4px;
	margin-left:1.0em;
	font-weight:bold;
	background-color:#080;
	color:#fff;
	margin-right:0.3em;
}
.btn-label {position: relative;left:0;display: inline-block;padding: 6px 12px;border-radius: 3px 0 0 3px;margin:auto;}
.btn-labeled {padding-top: 0;padding-bottom: 0;text-align:left !important;}
/* .btn { margin-bottom:10px; } */
.lead_whiteback{
	color:#000;background-color: rgba( 255, 255, 255, 0.8 );padding:1em;border-radius:4px;
}
.top_lang_btn_div{
	margin:0.3em;
	padding:1.0em 0;
	line-height:0.4em;
}
.font-bold{
	font-weight:bold;
}
.top_index_title{
	margin-top:8px;
	margin-left:3.0em;
	color:#eee;
}
.disp_route_stop{
	display:inline-block;
	text-align:center;
	margin-right:0.2em;
	margin-top:0.1em;
	font-size:18pt;
	background-color:#222;
	color:#fff;
	padding:1.5em 0.1em;
	border-radius:2px;
	min-width:1.5em;
	min-height:3.0em;
	float:left;
}
.disp_route_stop_manual{
	display:inline-block;
	text-align:center;
	margin-right:0.2em;
	margin-top:0.1em;
	font-size:18pt;
	background-color:#222;
	color:#fff;
	border-radius:4px;
	min-width:1.5em;
	max-height:2.0em;
	float:left;
}
/* limited express */
.header-ex{
	background: #ED1A3D;
	color: #fff !important;
	-webkit-box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.5) inset;
	box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.3) inset;
	border-bottom:5px solid #B22D35;
}

.header-ex a {
	color: #fff !important;
}
.header-ex .dropdown-menu{
	background-color: #ED1A3D;
	color: #fff !important;
}
.footer-logo-ex{
	background: #ED1A3D;
	color: #fff;
	padding: 13px 0 10px 10px;
	text-align:left;
	font-size:75%;
	cursor:pointer;
}
.hd-pgh-ex{
	font-size:110%;
	font-weight:bold;
	margin:4px;
	border-left:40px solid #ED1A3D;
	border-bottom:2px solid #ED1A3D;
	background-color:#fff;
	padding:0.4em 0.4em;
	/* border-radius:0.2em; */
}

.ex-hd-h2 {
  position: relative;
  overflow: hidden;
  padding: 1.5rem 3rem 2.0rem 130px;
  border-bottom: 3px solid #ED1A3D;
}

.ex-hd-h2:before {
  position: absolute;
  top: -150%;
  left: -80px;
  width: 240px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(220deg);
  transform: rotate(220deg);
  background: #ED1A3D;
}

.ex-hd-h2 span {
  font-size: 10px;
  font-size: 2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 8px;
  padding-left: 12px;
  color: #fff;
  font-weight:bold;
}


/* 観光特急バスの背景写真 */
.ex-header-back {
	height: 600px;
	/* background-image: url("../img/bus/limited_exp_back_img.png"); */
	background-color:#fff;
	background-repeat: no-repeat;
 	background-position: left top;
	background-size: contain;
}
.stops-roundbox{
	background-color:#fff;
	border:1px solid #000;
	border-radius:12px;
	padding:8px 4px 2px 4px;	/* 上 右 下 左 */
	font-size:0.9em;
	/* cursor: help; */
	text-align:left !important;
	/* vertical-align:middle !important; */
	/* margin:0 auto; */
	display:block;
	vertical-align:middle !important;
	width:20em;
	line-height:0.9em;
}
.ex-eng{
	margin-left:3.0em;	/* 横書きの時 */
	margin-top:3.0em;	/* 縦書きの時 */
	font-size:0.8em;
 }
.ex-eng-dest{
	font-size:0.8em;
 }
.dest_stop_background_line_ex100{
	text-align:left !important;
	vertical-align:top !important;
	border:none !important;
	/* background:linear-gradient(to bottom,transparent 45%, #000 50%,transparent 55%); */
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 48%, rgba(222, 118, 163, 1) 48% 52%, rgba(255, 255, 255, 0) 52%);
	width:12em;
}
.dest_stop_background_line_ex101{
	text-align:left !important;
	vertical-align:top !important;
	border:none !important;
	/* background:linear-gradient(to bottom,transparent 45%, #000 50%,transparent 55%); */
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 48%, rgba(168, 59, 61, 1) 48% 52%, rgba(255, 255, 255, 0) 52%);
	width:12em;
}
.dest_landmark{
	border:none !important;
}
.dest_elasped_time{
	position:relative;
	text-align:right !important;
	display:block;
	padding-right:4px;
}
.dest_stop_background_line_before{
	/* text-align:center !important; */
	vertical-align:middle !important;
	/* background:linear-gradient(to bottom,transparent 45%, #000 50%,transparent 55%); */
	background:linear-gradient(transparent 47%, #aaa 47%, #aaa 53%,transparent 53%);
	width:1.2em;
}
.ex-start-busstop{
	background-color:beige;
	font-weight:bold;
	font-size:1.2em;
}
.ex-stop-num{
	color:#fff;
	background-color:#000;
	border:2px double #000;
	padding-top:0px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:0px;
	text-align:left
	float:left;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	font-weight:bold;
	white-space:nowrap;
}
.ex-tategaki{
	writing-mode: vertical-rl; /* tb-rl */
	/* display: block; */
	white-space: nowrap;
	vertical-align:top !important;
	/* text-align:center !important; */
	border:none;
	width:4.0em !important;
	line-height:0.9em !important;
}
.ex-stop-num-tategaki{
	color:#fff;
	background-color:#000;
	border:2px double #000;
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:4px;
	text-align:left
	float:left;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	font-weight:bold;
	margin-bottom:0.5em;
}
.ex-bg-black{
	background-color:#000;
	color:#fff;
	font-weight:bold;
	line-height:0.9em !important;
}
.fare-type-ex{
	background-color:#ED1A3D;
	color:#fff;
	padding:0.4em;
	border-radius:6px;
}
.ex-eng-expsign{
	color:#e00;
	font-size:0.8em;
	margin-right:0.5em;
}
.ex-eng-dest{
	color:orange;
}
.ltdexp{
	color:#fff;
	background-color:#e00;
	border:#fff 1px solid;
	margin-right:0.5em;
}
.th-sticky-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}
.bsnamelabel_ex{
  white-space:nowrap;
  text-shadow: 
    black 2px 0px,  black -2px 0px,
    black 0px -2px, black 0px 2px,
    black 2px 2px , black -2px 2px,
    black 2px -2px, black -2px -2px,
    black 1px 2px,  black -1px 2px,
    black 1px -2px, black -1px -2px,
    black 2px 1px,  black -2px 1px,
    black 2px -1px, black -2px -1px;
  color: #fff;
  font-weight:bold;
  font-size:1.2em;
  text-align:center !important;
  display:inline-block;
  line-height:1.2em;
  background-color:#000;
}