html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
 margin:0;
 padding:0;
 border:0;
 font:inherit;
 font-size:100%;
 vertical-align:baseline
}
html {
 line-height:1
}
ol,ul {
 list-style:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
caption,th,td {
 text-align:left;
 font-weight:normal;
 vertical-align:middle
}
q,blockquote {
 quotes:none
}
q:before,q:after,blockquote:before,blockquote:after {
 content:"";
 content:none
}
a img {
 border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
 display:block
}
* {
 box-sizing:border-box;
 font-family:"Hiragino Kaku Gothic ProN","Meiryo",sans-serif !important
}
html {
 min-height:100%;
 position:relative
}
body {
 margin-bottom:30px
}
footer {
 bottom:0;
 height:30px;
 position:absolute
}
#side-menu {
 display:none
}
header {
 position:relative;
 width:100%
}
header.fixed {
 position:fixed;
 top:0;
 left:0;
 z-index:1002
}
header .brand {
 display:block;
 width:100%;
 height:50px;
 text-align:center;
 background-color:#c2231b
}
header .brand img {
 position:relative;
 top:8px;
 width:150px;
 height:auto
}
header .slide-menu-button {
 position:absolute;
 top:10px;
 left:10px;
 width:30px;
 height:30px;
 background-color:#fff;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3)
}
header .slide-menu-button img {
 position:relative;
 top:8px;
 left:5px;
 width:19px;
 height:14px
}
header #top-menu {
 position:relative;
 height:50px;
 background-color:#feecbc
}
header #top-menu .keyword-search-box {
 width:100%;
 padding-left:60px;
 margin-left:-70px;
 position:absolute;
 top:0;
 left:60px
}
header #top-menu .keyword-search-box input {
 width:99%;
 height:30px;
 margin:10px 10px 10px 0;
 padding:0 10px;
 font-size:1.2em
}
header #top-menu .near-search-box {
 width:50px;
 position:absolute;
 top:0;
 left:0
}
header #top-menu .near-search-box .js-open-slide-result {
 display:block;
 position:relative;
 top:10px;
 width:30px;
 height:30px;
 margin:0 auto;
 background-color:#c2231b;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3)
}
header #top-menu .near-search-box .js-open-slide-result img {
 position:relative;
 top:3px;
 left:5px;
 width:20px;
 height:auto
}
#map {
 height:200px;
 background-color:#eee
}
.map-gps-button {
 position:absolute;
 z-index:1000;
 bottom:5px;
 right:5px;
 width:38px;
 height:38px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3);
 background-color:#fff;
 border-radius:50%;
 cursor:pointer
}
.map-gps-button img {
 position:relative;
 top:15%;
 display:block;
 width:auto;
 height:70%;
 margin:auto
}
.select-result-title {
 border-top:1px solid #cccccc;
 border-left:1px solid #cccccc;
 border-right:1px solid #cccccc;
 margin:10px 5px 0 5px;
 font-weight:bold;
 position:relative
}
.select-result-title.vehicle-active {
 background-color:#feecbc
}
.select-result-title .result-title-text {
 padding-right:32px;
 padding-bottom:10px;
 margin:10px 10px 0 10px;
 display:block;
 border-bottom:1px solid #c2231b
}
.select-result-title .close-button {
 display:block;
 position:absolute;
 right:10px;
 top:3px;
 font-size:24px;
 width:32px;
 line-height:32px;
 text-align:center;
 background-color:#c2231b
}
.detail-vehicle-free-ride-item .result-title-text {
 border-bottom:0
}
.detail-vehicle-free-ride-item .list-select-result {
 border-left:#ddd 1px solid;
 border-right:#ddd 1px solid
}
.detail-vehicle-free-ride-item .select-result-title {
 margin:10px 0 -10px 0
}
.detail-vehicle-item {
 border-left:#ddd 1px solid;
 border-right:#ddd 1px solid
}
.route-point-section {
 padding-bottom:10px
}
.kinsetsu {
 color:#666666;
 font-size:12px;
 font-weight:normal
}
.select-result-item {
 padding:0;
 margin:0 5px 0 5px;
 border-left:1px solid #cccccc;
 border-right:1px solid #cccccc
}
.select-result-item.vehicle-active {
 background-color:#feecbc
}
.select-result-item.last-item {
 border-bottom:1px solid #cccccc
}
.select-result-item img {
 max-width:100%
}
.layout-left-box.box-icon-vehicle {
 width:50px;
 text-align:center
}
.layout-left-box.box-icon-vehicle.bus img {
 max-width:70%
}
.layout-left-box.box-icon-vehicle img {
 max-width:60%
}
.layout-right-box.box-info-vehicle {
 width:100%;
 margin-left:-50px;
 padding-left:50px
}
.select-result-item * {
 font-size:12px
}
.select-result-item .line-info {
 font-size:15px
}
.select-result-item .line-info .carrier-tram {
 margin-left:5px;
 color:#666666;
 font-size:12px
}
.select-result-item .line-info .line-name {
 margin-top:5px;
 color:#666666;
 font-size:12px
}
.select-result-item .vehicle-type {
 margin-bottom:5px
}
.select-result-item .vehicle-position {
 color:#c2231b
}
.select-result-item .buttons button {
 width:40%;
 float:left;
 background-color:#c2231b;
 color:#fff;
 border:0;
 height:30px;
 line-height:30px;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3)
}
.select-result-item .buttons button.disable {
 background-color:#fff;
 color:#c2231b;
 border:1px solid #c2231b
}
.select-result-item .buttons button:nth-child(1) {
 margin-right:5px
}
.select-result-item .buttons.isSingle button {
 width:95%
}
.line-info {
 font-size:15px;
 font-weight:bold
}
.route-name {
 margin-top:10px;
 color:#7a7a7a;
 font-size:12px
}
.route-note {
 margin:10px
}
.route-note.layout-right-box {
 padding-left:30px
}
.top-line-info {
 height:30px;
 margin:0 5px 10px
}
.top-line-info button {
 width:50%;
 height:30px;
 line-height:30px;
 background-color:#c2231b;
 color:#fff;
 border:0;
 float:left
}
.top-line-info button:nth-child(2) {
 border-left:1px solid #fff
}
.top-line-info button.disable {
 background-color:#fff;
 color:#c2231b;
 border:1px solid #c2231b
}
.top-line-info.isSingle button {
 width:100%
}
.select-result-item-inner {
 margin:0 10px;
 padding:10px 0 0
}
.select-result-item-inner.hasNext {
 border-bottom:1px solid #cccccc;
 margin-bottom:10px
}
.select-result-item-inner.isFirst {
 border-top:0
}
.layout-right-box {
 float:right;
 width:88%;
 padding-right:10px;
 *zoom:1
}
.layout-right-box:after {
 content:"";
 display:table;
 clear:both
}
.layout-right-box>.clearfix {
 margin-bottom:10px
}
.layout-left-box {
 float:left;
 width:12%;
 text-align:center;
 *zoom:1
}
.layout-left-box:after {
 content:"";
 display:table;
 clear:both
}
.layout-right-box .layout-right-box {
 float:right;
 width:85%;
 padding-right:10px;
 *zoom:1
}
.layout-right-box .layout-right-box:after {
 content:"";
 display:table;
 clear:both
}
.layout-right-box .layout-left-box {
 float:left;
 width:15%;
 padding-left:10px;
 *zoom:1
}
.layout-right-box .layout-left-box:after {
 content:"";
 display:table;
 clear:both
}
.clearfix {
 *zoom:1
}
.clearfix:after {
 content:"";
 display:table;
 clear:both
}
.color-icon {
 display:inline-block;
 width:15px;
 height:15px;
 background-color:#ddd;
 margin:0 2% 0 0
}
.box-icon-vehicle-option img {
 display:block;
 margin:auto;
 width:15px;
 height:15px;
 max-width:15px;
 max-height:15px
}
#slide-result {
 position:fixed;
 top:100px;
 left:0;
 width:78.125%;
 height:100%;
 display:none;
 z-index:1002;
 background:#fff
}
#slide-result .option-button.isSingle button {
 width:95%;
 height:30px;
 line-height:30px;
 color:#fff;
 background:#c2231b;
 border:0;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3)
}
#slide-result #slide-result-content {
 position:relative;
 overflow:hidden;
 width:100%;
 height:100%
}
#slide-result .slide-result-list {
 margin:0
}
#slide-result .slide-result-list .station-caution {
 color:#7a7a7a
}
#slide-result .result-title {
 color:#000;
 font-size:12px;
 font-weight:bold;
 padding-top:20px;
 padding-left:10px;
 border-bottom:1px solid #cccccc;
 margin-bottom:10px
}
#slide-result .warning {
 display:block;
 color:#c2231b;
 font-size:10px;
 padding:5px 5px 10px 0
}
#slide-result li {
 border-bottom:1px solid #cccccc;
 padding-bottom:10px;
 margin-bottom:10px
}
.slide-result-list {
 margin:0 10px
}
.slide-result-list .select-result-item {
 border-bottom:1px solid #cccccc;
 margin:0;
 padding:0
}
.slide-result-list .select-result-item.status01 {
 background-color:#feecbc;
 margin-top:0;
 padding-top:10px
}
.slide-result-list .select-result-item.status02 {
 background-color:#e5e5e5;
 margin-top:0;
 padding-top:10px
}
.slide-result-list .layout-left-box {
 width:15%;
 min-width:15%;
 margin:0;
 padding:0
}
.slide-result-list .layout-right-box {
 width:85%;
 min-width:85%;
 margin:0;
 padding:0
}
.slide-result-list .free-ride {
 text-align:center;
 height:65px;
 line-height:65px;
 border-bottom:1px solid #cccccc
}
.slide-result-list li {
 min-height:35px
}
.slide-result-list .select-result-item {
 margin-top:10px;
 padding-bottom:10px;
 border-right:0;
 border-left:0
}
.slide-result-list .station-info {
 font-size:15px;
 font-weight:bold
}
.slide-result-list .station-info .carrier {
 display:block;
 font-weight:normal;
 color:#7a7a7a;
 margin-top:5px
}
.slide-result-list .station-info .station-kana {
 font-weight:normal;
 color:#7a7a7a;
 margin-top:5px
}
.slide-result-list .line-icon-list {
 display:block;
 margin-top:5px
}
.route-detail-wrapper {
 position:relative;
 width:100%;
 height:auto;
 overflow:hidden
}
.route-detail {
 margin:0 10px
}
.route-detail .select-result-item {
 border-bottom:1px solid #cccccc;
 margin:0;
 padding:0
}
.route-detail .select-result-item.status01 {
 background-color:#feecbc;
 margin-top:0;
 padding-top:10px
}
.route-detail .select-result-item.status02 {
 background-color:#e5e5e5;
 margin-top:0;
 padding-top:10px
}
.route-detail .layout-left-box {
 margin:0;
 padding:0
}
.route-detail .layout-right-box {
 margin:0;
 padding:0
}
.route-detail .layout-left-box {
 width:50px;
 text-align:center
}
.route-detail .layout-left-box img {
 width:50px
}
.route-detail .layout-right-box {
 width:100%;
 margin-left:-50px;
 padding-left:50px
}
.route-detail .line-info {
 padding-left:30px
}
.route-detail .layout-left-box.box-icon-vehicle-option {
 width:20px;
 text-align:center
}
.route-detail .layout-left-box.box-icon-vehicle-option img {
 width:20px
}
.route-detail .layout-right-box.vehicle-type,.route-detail .layout-right-box.vehicle-symbol {
 width:100%;
 margin-left:-30px;
 padding-left:30px
}
.route-detail .option-button.isSingle button {
 width:100%
}
.route-detail .layout-left-box.position-time {
 width:5rem;
 margin:0;
 padding:0;
 border-right:10px solid #fff
}
.route-detail .layout-right-box.select-result-item {
 width:100%;
 padding-left:5em;
 margin-left:-5em
}
.route-detail .box-icon-station img {
 width:15px
}
.route-detail .free-ride {
 width:100%;
 padding-left:5em;
 margin-left:-5em;
 text-align:center;
 height:65px;
 line-height:65px;
 border-bottom:1px solid #cccccc
}
.route-detail li {
 min-height:35px
}
.route-detail .select-result-item {
 margin-top:10px;
 padding-bottom:10px;
 border-right:0;
 border-left:0
}
.route-detail .station-info {
 font-size:15px;
 font-weight:bold
}
.route-detail .station-info .carrier {
 display:block;
 font-weight:normal;
 color:#7a7a7a;
 margin-top:5px
}
.route-detail .station-info .station-kana {
 font-weight:normal;
 color:#7a7a7a;
 margin-top:5px
}
.route-detail .line-icon-list {
 display:block;
 margin-top:5px
}
.box-icon-station {
 text-align:center
}
.box-icon-station img {
 width:15px
}
.position-time {
 height:100%;
 text-align:center;
 position:relative
}
.position-time span {
 position:absolute;
 top:40%;
 left:0;
 right:0
}
.position-time.line01 {
 background:url("../images/line_up_0101.png") no-repeat 0 0,url("../images/line_up_0102.png") no-repeat 0 100%;
 background-size:100%;
 background-color:#feecbc
}
.position-time.line02 {
 background:url("../images/line_up_0201.png") no-repeat 0 0,url("../images/line_up_0202.png") no-repeat 0 100%;
 background-size:100%;
 background-color:#e5e5e5
}
section:not(:last-child) {
 margin-bottom:20px
}
.select-result-item.isFirst {
 border-top:1px solid #cccccc
}
.left-button-box button {
 border-right:1px solid #fff
}
.vehicle-symbol {
 margin-bottom:5px
}
.option-button button {
 width:50%;
 background:#C2231B;
 color:#fff;
 height:30px;
 line-height:30px;
 border:0;
 float:left
}
.option-button button:nth-child(1) {
 border-right:1px solid #fff
}
.option-button button.disable {
 background-color:#fff;
 color:#c2231b;
 border:1px solid #c2231b
}
.station-caution {
 margin-bottom:10px;
 color:#c2231b
}
footer {
 text-align:center;
 width:100%;
 height:30px;
 line-height:30px;
 color:#fff;
 background:#C2231B;
 font-size:10px
}
#slide-menu {
 display:none;
 position:fixed;
 top:0;
 left:0;
 z-index:1004;
 width:78.125%;
 height:100%;
 background:#fff
}
#slide-menu #slide-menu-content {
 position:relative;
 width:100%;
 height:100%;
 overflow:hidden
}
#slide-menu #slide-menu-content .menu-item {
 position:relative;
 padding:0
}
#slide-menu #slide-menu-content .layout-left-box {
 float:auto;
 display:block;
 width:100%;
 text-align:left;
 padding:10px 6em 10px 10px
}
#slide-menu #slide-menu-content .layout-right-box {
 float:auto;
 position:absolute;
 right:0;
 display:block;
 width:6em;
 text-align:center;
 padding:10px 0
}
#slide-menu #slide-menu-content .sub-link {
 color:#C2231B;
 text-decoration:underline;
 outline:none
}
#slide-menu #slide-menu-content .sub-link.delete-link {
 color:#888888
}
#slide-menu #slide-menu-content .menu-bookmark-item .layout-left-box {
 padding:10px 3em 10px 10px
}
#slide-menu #slide-menu-content .menu-bookmark-item .layout-right-box {
 width:3em
}
#slide-menu #slide-menu-content .menu-bookmark-item .sub-link {
 padding:0
}
#slide-menu #slide-menu-content .menu-bookmark-item .sub-link img {
 width:1.5em;
 padding:9px 0
}
#slide-menu #slide-menu-content .single-link {
 padding-right:10px
}
#slide-menu li {
 min-height:40px;
 padding:10px 0;
 padding-left:20px;
 padding-right:20px;
 font-size:15px;
 line-height:1.5
}
#slide-menu li a {
 color:#000;
 text-decoration:none
}
#slide-menu .hasBorder {
 border-bottom:1px solid #cccccc
}
#slide-menu .menu-title {
 padding:0;
 padding-left:10px;
 height:50px;
 line-height:50px;
 background-color:#feecbc;
 font-weight:bold
}
#slide-menu .menu-header {
 height:50px;
 line-height:50px;
 background:#c2231b;
 color:#fff;
 padding:0;
 padding-left:10px;
 font-weight:bold
}
#slide-menu .menu-header .close-button {
 left:10px
}
.close-button {
 position:absolute;
 top:10px;
 right:10px;
 width:30px;
 height:30px;
 background:#fff;
 border-radius:4px
}
.close-button img {
 width:15px;
 height:auto;
 position:absolute;
 top:7.5px;
 left:7.5px
}
#slide-menu-back,#slide-result-back {
 position:fixed;
 top:0;
 left:0;
 min-width:100%;
 width:100%;
 min-height:100%;
 height:100%;
 background:rgba(0,0,0,0.5);
 display:none
}
#slide-menu-back {
 z-index:1003
}
#slide-result-back {
 z-index:1001
}
#map-wrapper {
 position:relative
}
.slide-result-list.list-select-result .station-kana {
 margin-top:10px
}
.slide-result-list.list-select-result .carrier {
 margin-top:10px
}
.slide-result-list.list-select-result .line-icon-list {
 margin-top:10px
}
.slide-result-list.list-select-result li p {
 padding-top:5px;
 padding-left:10px
}
.leaflet-popup-pane {
 position:absolute;
 top:30%;
 left:20%
}
.leaflet-popup-pane .leaflet-popup {
 width:250px;
 height:auto;
 background-color:#fff;
 border-radius:4px;
 padding:10px 10px 0 5px
}
.leaflet-popup-tip-container {
 position:relative;
 height:auto;
 overflow:visible
}
.leaflet-popup-tip-container .leaflet-popup {
 position:relative
}
.leaflet-popup-tip-container .leaflet-popup-tip {
 position:absolute;
 bottom:-12px;
 left:50%;
 width:16px;
 height:12px;
 background:url("../images/balloon.png") no-repeat 50% 50%;
 background-size:16px 12px;
 box-shadow:none;
 -webkit-transform:none;
 -moz-transform:none;
 -ms-transform:none;
 -o-transform:none;
 transform:none
}
.leaflet-popup-content {
 margin:0
}
.leaflet-popup-content-wrapper {
 box-shadow:none
}
.leaflet-popup-content-wrapper div.single-button button {
 margin:1%;
 width:96%;
 float:left;
 height:30px;
 line-height:30px;
 border:0;
 background:#c2231b;
 color:#fff;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3)
}
.leaflet-popup-content-wrapper div.buttons button {
 margin:1%;
 width:48%;
 float:left;
 height:30px;
 line-height:30px;
 border:0;
 background:#c2231b;
 color:#fff;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3)
}
.leaflet-popup-close-button {
 position:absolute;
 right:5px;
 top:5px;
 text-decoration:none;
 color:#000
}
.map-station-popup .station-info {
 font-size:12px
}
.map-station-popup .station-info span.station-kana {
 display:block;
 color:#666666;
 margin:5px 0
}
.book {
 width:30px;
 height:25px
}
.book.off {
 background:url("../images/bookmark_off.png") no-repeat 50% 50%;
 background-size:contain
}
.book.on {
 background:url("../images/bookmark_on.png") no-repeat 50% 50%;
 background-size:contain
}
.map-station-popup>.layout-left-box {
 width:20%
}
.map-station-popup>.layout-right-box {
 width:80%
}
.map-vehicle-popup {
 padding-bottom:10px
}
.map-vehicle-popup .layout-left-box {
 width:20%
}
.map-vehicle-popup .layout-right-box {
 width:80%
}
.prototype {
 display:none
}
#bottom-window {
 padding-bottom:10px
}
#bottom-window .list-select-result {
 width:100%
}
#bottom-window .list-select-result .layout-left-box {
 width:50px;
 text-align:center
}
#bottom-window .list-select-result .layout-left-box img {
 width:50px
}
#bottom-window .list-select-result .layout-right-box {
 width:100%;
 margin-left:-50px;
 padding-left:50px
}
#bottom-window .list-select-result .line-info {
 padding-left:30px
}
#bottom-window .list-select-result .layout-left-box.box-icon-vehicle-option {
 width:20px;
 text-align:center
}
#bottom-window .list-select-result .layout-left-box.box-icon-vehicle-option img {
 width:20px
}
#bottom-window .list-select-result .layout-right-box.vehicle-type {
 width:100%;
 margin-left:-30px;
 padding-left:30px
}
#bottom-window .list-select-result .option-button.isSingle button {
 width:100%
}
button,.close-button,.book,.result-item,.bottom-window-item,.menu-item {
 cursor:pointer
}
.cluster {
 width:50px;
 height:50px;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 border-radius:50%;
 background-color:#C20001;
 text-align:center;
 color:#fff;
 font-weight:700;
 font-family:monospace;
 z-index:1000 !important
}
.cluster:before {
 content:' ';
 position:absolute;
 z-index:-1;
 top:1px;
 left:1px;
 right:1px;
 bottom:1px
}
.digits-1 {
 font-size:14px;
 height:28px;
 width:28px;
 line-height:28px;
 margin-top:-14px;
 margin-left:-14px;
 background-size:28px 28px
}
.digits-2 {
 font-size:16px;
 height:34px;
 width:34px;
 line-height:35px;
 margin-top:-17px;
 margin-left:-17px;
 background-size:35px 35px
}
.digits-2:before {
 border-width:2px
}
.digits-3 {
 font-size:18px;
 height:48px;
 width:47px;
 line-height:47px;
 margin-top:-24px;
 margin-left:-24px;
 background-size:48px 47px
}
.digits-3:before {
 border-width:3px
}
.digits-4 {
 font-size:18px;
 height:58px;
 width:58px;
 line-height:57px;
 margin-top:-29px;
 margin-left:-29px;
 background-size:58px 58px
}
.digits-4:before {
 border-width:4px
}
.remodal {
 border-radius:4px
}
.remodal-confirm,.remodal-cancel {
 color:#fff;
 background:#c2231b;
 border:0;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3)
}
.remodal-confirm:hover,.remodal-cancel:hover {
 color:#fff;
 background:#c2231b
}
.remodal-close {
 left:auto;
 right:0
}
.remodal-overlay {
 background:rgba(43,46,56,0.7)
}
.loading-modal {
 width:200px
}
.loading-modal img {
 width:40px;
 padding-bottom:10px
}
#bottom-info-window {
 margin:10px 5px 10px 5px;
 border:1px solid #ddd
}
#bottom-info-window .select-result-title,#bottom-info-window .select-result-item {
 border:none
}
.guide-form0 {
 border-radius:50%
}
.bottom-window-message {
 margin:10px 5px 10px 5px;
 border:1px solid #ddd
}
.bottom-window-message .select-result-title {
 margin-top:0
}
.bottom-window-message .select-result-title,.bottom-window-message .select-result-item {
 border:none
}
.bottom-window-message .close-button {
 top:-7px
}
#maintenance-window {
 width:80%;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-40%;
 border:1px solid #ddd;
 padding:0.5rem;
 text-align:center;
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
#maintenance-window .select-result-title,#maintenance-window .select-result-item {
 border:none;
 text-align:center
}
#maintenance-window .select-result-item-inner {
 margin-bottom:10px
}
#maintenance-window .result-title-text {
 padding-right:0
}
.tips-slide-result-button {
 display:block;
 position:relative;
 top:10px;
 width:30px;
 height:30px;
 margin:0 auto;
 background-color:#c2231b;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3)
}
.tips-slide-result-button img {
 position:relative;
 top:3px;
 left:5px;
 width:20px;
 height:auto
}
.tips-slide-menu-button {
 position:absolute;
 top:10px;
 left:10px;
 width:30px;
 height:30px;
 background-color:#fff;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3)
}
.tips-slide-menu-button img {
 position:relative;
 top:8px;
 left:5px;
 width:19px;
 height:14px
}
.tips-popup {
 position:fixed;
 top:0;
 left:0;
 border:none;
 border-radius:4px;
 padding:1rem;
 font-size:1rem;
 font-weight:bold;
 line-height:1.2rem;
 background-color:#fff;
 color:#000;
 opacity:1;
 z-index:1005
}
.tips-popup.center {
 width:90%;
 top:50%;
 left:50%;
 margin-left:-45%;
 -moz-transform:translateY(-50%);
 -webkit-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.tips-popup .center-text {
 text-align:center;
 padding:0.2rem
}
.tips-popup .buttons {
 padding:0.5rem 0 0.2rem 0;
 text-align:center
}
.tips-popup .hide-check-box {
 color:#555;
 font-size:0.8rem
}
.tips-popup .tips-confirm {
 color:#fff;
 background:#c2231b;
 border:0;
 border-radius:4px;
 box-shadow:2px 2px 2px rgba(0,0,0,0.3);
 min-width:40%;
 height:30px;
 margin:0 0.5rem
}
.tips-popup .tips-confirm:hover {
 color:#fff;
 background:#c2231b
}
.tips-popup .hideTipsAction {
 cursor:pointer
}
.tips-popup .hideTipsAction img {
 height:0.8rem;
 margin-right:8px
}
.tips-popup .tips-popup-image {
 width:200px
}
.info-dialog {
 text-align:center
}
.info-dialog .info-dialog-title {
 padding:1em 0 0.5em 0
}
.info-dialog .info-dialog-title img {
 height:2em;
 margin-bottom:-0.5em;
 margin-right:0.5em
}
.info-dialog .info-dialog-title span {
 margin-top:-1em;
 line-height:2em
}
.info-dialog .info-dialog-subtitle {
 font-size:0.8em;
 color:#555;
 padding-top:0.5em;
 padding-bottom:0.5em
}
.info-dialog p span {
 display:block;
 font-size:0.7em;
 color:#555
}
.info-dialog .tel-link {
 display:inline;
 color:#000;
 font-size:1em
}
.small-text {
 font-size:0.7em;
 color:#555
}
p.small-text {
 padding:0.5em 0
}
a {
 color:#c2231b
}
.hide {
 display:none
}
@keyframes fadein {
 from {
  opacity:0.2
 }
}
.fadeIn {
 animation:fadein 1s
}

.icon-content {
  position: relative;
}

.arrow {
}
.arrow{
  position: absolute;
  width: 16px;
  height:16px;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin: auto;
}

.arrow img{
  width: 100%;
}

.azimuth0 .arrow {
  margin-top: -45%;
  margin-left: 30%;
}
.azimuth0.small-vehicle-icon .arrow{
    margin-top: -70%;
  margin-left: 15%;
}

.azimuth1 .arrow{
  margin-top: -30%;
  margin-left:  85%;
}

.azimuth2 .arrow{
  margin-top:30%;
  margin-left:  100%;
}

.azimuth3 .arrow{
  margin-bottom: -30%;
  margin-left:  85%;
}

.azimuth4 .arrow{
  margin-top: 100%;
  margin-left: 30%;
}
.azimuth4.small-vehicle-icon .arrow{
    margin-bottom: -80%;
    margin-left: 15%;
}

.azimuth5 .arrow{
  margin-bottom: -30%;
  margin-right:  85%;
}

.azimuth6 .arrow{
  margin-top:30%;
  margin-right: 100%;
}

.azimuth7 .arrow{
  margin-top: -30%;
  margin-right:  85%;
}

.map-state-panel{
  position: absolute;
  z-index:1000;
  top: 5px;
  right: 5px;
  background-color: #fff;
  border: 1px solid #555;
  padding: 0.5em 1em;
}

.icon-content > img {
	margin: 0 auto;
	display: block;
	width:50%;
	image-rendering:pixelated;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}