﻿@charset "UTF-8";
/* Style Index ===============================

	Name : original css

========================================= */

/* ------------------------------------------
 TOP page : Main Area
-------------------------------------------*/

#topMainArea{
	margin:0 auto;
    display:flex;
    justify-content:space-between;
    /*align-items:center;*/
}

#topMvnNav{
	float:left;
	/*width:720px;*/
}

/* タイトル
--------------------------*/
#topMvnNav h1{
	width:690px;
	height:134px;
	padding:20px 0 0 30px;
	font-size:1.875rem;
	color:#FFF;
	background:url(../images/top_h1_bg.jpg) no-repeat left top;

    /*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
    -webkit-text-shadow:      
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2);
    -moz-text-shadow:
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2);
    -ms-text-shadow:      
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2);
    text-shadow:      
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2),
      0px 0px 3px rgba(0, 0, 0, 0.2);
}

/* ナビ
--------------------------*/
#topMvnNav ul{
	margin:20px 5px 0 5px;
	/*overflow:hidden;*/
}

#topMvnNav ul li{
	float:left;
	padding:0 10px 0 0;
}

#topMvnNav #navIconItemTime {
    background: url(../images/top_nav_time_non_text.png) no-repeat center;
}
#topMvnNav #navIconItemPrice {
    background: url(../images/top_nav_price_non_text.png) no-repeat center;
}
#topMvnNav #navIconItemLine {
    background: url(../images/top_nav_line_non_text.png) no-repeat center;
}
#topMvnNav #navIconItemStand {
    background: url(../images/top_nav_stand_non_text.png) no-repeat center;
}
#topMvnNav #navIconItemAccess {
    background: url(../images/top_nav_access_non_text.png) no-repeat center;
}

#standNav #navIconItemTime {
    background: url(../images/bus_nav_time_non_text.png) no-repeat center;
}
#standNav #navIconItemTop {
    background: url(../images/bus_nav_top_non_text.png) no-repeat center;
}
#standNav #navIconItemLine {
    background: url(../images/bus_nav_routemap_non_text.png) no-repeat center;
}
#standNav #navIconItemStand {
    background: url(../images/bus_nav_stand_non_text.png) no-repeat center;
}
#standNav #navIconItemAccess {
    background: url(../images/bus_nav_access_non_text.png) no-repeat center;
}

/* なごや乗換ナビ
--------------------------*/

#mvSearch{
	float:right;
	width:220px;
	padding:0 0 0;
	position:relative;
}

#mvSearch h2{
	position:absolute;
	top:0;
	left:0;
}

#mvSearchBlock{
	width:220px;
	margin:80px 0 0 0;
	border-bottom:1px solid #d3d9e2;
	background:#FFF;
    text-align:center;
}

#mvSearchBlockContents select {
    padding:1px;
}

.mvSearchInput{
	width: 6rem;
    max-width:100%;
	/*padding:3px 10px;*/
	border:1px solid #999;
	border-radius:5px;
}

.mvSearchInput:focus {
	/*outline: none;*/
}

#mvSearchBlockContents{
	padding:15px 0 0 10px;
	display:flex;
    flex-direction:column;
    align-items:center;
    min-height: 200px;
}
#mvSearchBlockContents > div{
    display:flex;
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-start;
    margin-bottom:5px;
    width:100%;
}

.mvSearchFieldTitle{
	clear:both;
	float:left;
	/*width:50px;*/
    min-width:50px;
	color:#0052c4;
    word-break: keep-all;
    max-width:100%;
    text-align:right;
}

#mvSearchBlockContents fieldset{
    border:none;
    width:100%;
}

#mvSearchBlockContents legend{
	/*width:50px;*/
    min-width:50px;
    float:left;
	color:#0052c4;
    word-break: keep-all;
    max-width:100%;
    text-align:right;
}

#mvSearchBlockContents div.mvSearchFieldContents{
    margin:0 15px 0 5px;
    padding: 0 0 10px 0;
    float:left;
    max-width:100%;
}

#mvSearchType input{
	margin:0 0 0 5px;
}

.mvSearchBtn{
	/*padding:0 0 0 20px;*/
}

.mvSearchBtn:focus {
	/*outline: none;*/
}


/* ------------------------------------------
 TOP Page : Second Area
-------------------------------------------*/

#topSecArea{
	padding:20px 0 ;
	overflow:hidden;
}

/* コンテンツバナー
--------------------------*/
#topCntBnr{
	float:left;
	width:440px;
	padding:0 0 15px 0;
	margin:0 0 0 0;
	background:#FFF;
}

#topCntBnr h2{
	font-size:1.125rem;
	font-weight:bold;
	line-height:60px;
	padding:0 0 0 30px;
	border-bottom:1px solid #0052c4;
}

#topCntBnr ul{
	overflow:hidden;
	padding-left:15px;
    margin-top: 15px;
}

.tcbPick{
	width:385px !important;
	margin:0 0 15px 0 !important;
}

#topCntBnr ul li{
	float:left;
	width:175px;
	padding:10px;
	margin:0 15px 15px 0;
	border:1px solid #bbcbe1;
}

#topCntBnr ul li a{
    display:block;
}

#topCntBnr ul li h2{
	text-align:center;
	padding:5px 0;
	font-weight:bold;
}

#topCntBnr ul li p{
	text-align:center;
	padding:5px 0;
	font-weight:bold;
}

/* お知らせ
--------------------------*/
#topInfo{
	position:relative;
	width:470px;
	float:right;
	background:#FFF;
    margin-bottom:20px;
}

.topInfoTitle{
    display:flex;
  	border-bottom:1px solid #0052c4;
    justify-content:space-between;
    align-items:center;
}

#topInfo h2{
	font-size:1.125rem;
	font-weight:bold;
	line-height:60px;
	padding:0 0 0 30px;
}

#topInfo ul{
	padding:15px;
}

#topInfo ul li{
	padding:15px 10px 15px;
	background:url(../../common/images/common/line_dotted_1.png) repeat-x left bottom;
}

#topInfo ul li:last-child{
}

#topInfo ul li h3{
	padding:0 0 5px;
	overflow:hidden;
    display:flex;
    align-items:center;
	font-size:0.750rem;
}

#topInfo ul li p{
	overflow:hidden;
	font-size:0.8125rem;
    display:flex;
    align-items:center;
}

span.hCate{
	float:left;
	display:block;
	/*width:110px;*/
    width:6.875rem;
	padding:1px 10px;
	margin:0 10px 5px 0;
	color:#FFF;
	text-align:center;
    /*-webkit-text-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.8);
    -ms-text-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.8);
    text-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.8);*/
    font-weight:bold;
}

/*.subwayColor{background:#fabc00;}
.busColor{background:#3f51b5;}
.ticketColor{background:#009688;}
.manacaColor{background:#ffeb3b;}
.enjoyColor{background:#03a9f4;}
.aboutColor{background:#e91e63;}
.busSubwayColor {
    background: -webkit-gradient(linear, left top, right top, from(#3f51b5), color-stop(0.5, #3f51b5), color-stop(0.5, #fabc00), to(#fabc00));
    background: -webkit-linear-gradient(left, #3f51b5 0%, #3f51b5 50%, #fabc00 50%, #fabc00 100%);
    background: linear-gradient(to right, #3f51b5 0%, #3f51b5 50%, #fabc00 50%, #fabc00 100%);
}*/

span.hDate{
	color:#000;
	font-weight:bold;
}

.tpPriority{
	background:#fee7eb url(../../common/images/common/line_dotted_1.png) repeat-x left bottom !important;
}

/* 一覧ボタン */
#topInfoBtn{
	/*position:absolute;*/
	right:20px;
	top:15px;
    margin-right:20px;
}

#topInfoBtn a{
	display:block;
	padding:5px 15px;
	color:#FFF;
	text-decoration:none;
	background:#0052c4;
	border-radius:3px;
}

#topInfoBtn a:hover{
	background:#1A77C9;
}

#topInfoBtn a:focus{
    outline-color:#333333;
}


/* ------------------------------------------
 バス停 : TOP
-------------------------------------------*/
#standTop{
	font-size:1rem;
    /*display:inline-block;*/
    margin-top:20px;
}

#standTop h2{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 20px;
	padding:10px 0 10px 10px;
	border-bottom:2px solid #bbcbe2;
	background:#f7f9fa;
}

/* 時刻表
--------------------------*/
#sT-timetable{
}

#sT-timetable h2{
	margin-bottom:0 !important;
}

#sT-timetable ul{
	padding:0 0 40px;
}

#sT-timetable ul li{
}

#sT-timetable ul li ul{
	padding:15px 0;
	overflow:hidden;
	border-bottom:1px solid #CCC;
}

#sT-timetable ul li ul li{
	float:left;
	padding:0;
}

#sT-timetable ul li ul li h3{
	font-weight:bold;
}








#sT-timetable > ul{
	padding:0 0 40px;
    /*display:flex;
    flex-wrap:wrap;*/
}

#sT-timetable > ul li{
    padding:15px 0;
}

#sT-timetable > ul li > div{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    justify-content:space-around;
   	border-bottom:1px solid #CCC;
}

#sT-timetable  > ul li > div > div{
	/*padding:15px 0;*/
}

#sT-timetable > ul li > div > div > h3{
	font-weight:bold;
}






.bt-DtlBtn{
	float:right !important;
	padding-right:20px !important;
}

.bt-DtlBtn a{
	display:block;
	font-size:0.875rem;
	width:60px;
    /*width:3.75rem;*/
	text-align:center;
	line-height:1;
	border-radius:5px;
	padding:8px 15px;
	margin:0 0 0 auto;
	text-decoration:none;
	color:#FFF;
	background:#0052c4 url(../../common/images/common/arrow_white.png) no-repeat 75px center;
}

.bt-DtlBtn a:hover{
	background:#1A77C9 url(../../common/images/common/arrow_white.png) no-repeat 75px center;
}



.bt-DtlBtn2{
	/*padding-right:20px !important;*/
}

.bt-DtlBtn2 a{
	display:block;
	font-size:0.875rem;
	width:85px;
    /*width:3.75rem;*/
	text-align:center;
	line-height:1;
	border-radius:5px;
	padding:8px 15px;
	margin:2px 0 2px 15px;
	text-decoration:none;
	color:#FFF;
	background:#0052c4 url(../../common/images/common/arrow_white.png) no-repeat 103px center;
}

.bt-DtlBtn2 a:hover{
	background:#1A77C9 url(../../common/images/common/arrow_white.png) no-repeat 103px center;
}


/* のりば・ルート検索
--------------------------*/
/* のりば */
#sT-route{
	/*overflow:hidden;*/
    display:flex;
}

#sT-route div{
	/*float:left;*/
}

#sT-Rbus{
	width:410px;
	padding:0 10px 40px 0;
}

#sT-Rbus div{
	padding:0 10px;
}

#sT-Rbus p:first-of-type{
	padding:0 10px;
    /*float:left;*/
}

#sT-Rbus p{
	font-size:0.875rem;
	text-align:right;
}

/* ルート検索 */
#sT-Rroute{
	width:210px;
}

#sT-Rroute ul{
	padding:0 10px;
}

#sT-Rroute ul li{
	padding:0 0 10px;
}

#sT-Rroute ul li a{
	display:block;
	padding:35px 10px 35px 60px;
	border-radius:5px;
	font-weight:bold;
	text-decoration:none;
}

#busRouteIcoStart a{
	color:#22ac38;
	border:1px solid #22ac38;
	background:url(../../common/images/common/ico_route_start.png) no-repeat 20px center;
}

#busRouteIcoGoal a{
	color:#e4007f;
	border:1px solid #e4007f;
	background:url(../../common/images/common/ico_route_goal.png) no-repeat 20px center;
}

/*#sT-Rroute ul li a:hover{
	color:#999;
	text-decoration:underline;
}
#sT-Rroute ul li a:hover > img{
	content:url(../../images/open_new_window2_gray.png);
}*/

#sT-Rroute ul li a{
	background-size:30px;
}

/* バス停移動情報
--------------------------*/
#sT-moveInfo{
}

#sT-moveInfo dl{
	overflow:hidden;
    border-bottom:1px solid #ccc;
}

#sT-moveInfo dl dt{
	clear:both;
	float:left;
	width:140px;
	padding:20px 0 0 10px;
	border-top:1px solid #ccc;
}

#sT-moveInfo dl dt:first-child{
	border:none;
	padding-top:0;
}

#sT-moveInfo dl dd{
	float:left;
	width:234px;
	padding:20px 0px 20px 10px;
	border-top:1px solid #ccc;
}



#sT-moveInfo dl dd:nth-child(2), #sT-moveInfo dl dd:nth-child(3){
	border:none;
	padding-top:0;
}

#sT-moveInfo dl dt +  dd{
	margin-left:0;
}

/* ------------------------------------------
 バス停 : のりば詳細
-------------------------------------------*/
#standDtl{
	font-size:1rem;
}

#standDtl h2{
	font-size:1rem;
	font-weight:bold;
	margin:0 0 20px;
	padding:10px 0 10px 10px;
	border-bottom:2px solid #bbcbe2;
	background:#f7f9fa;
}

#standDtl p{
	padding:10px;
}

/* のりばリスト
--------------------------*/
#sDtl-Noriba{
}

#sDtl-Noriba ul{
	border-top:2px solid #0052c4;
}

#sDtl-Noriba ul li{
}

#sDtl-Noriba ul li ul{
	padding:15px 0;
	border:0;
	border-bottom:1px solid #CCC;
	overflow:hidden;
}

#sDtl-Noriba ul li ul li{
	float:left;
	padding:0 10px;
}

.sDtl-Name{
	width:100px;
}
.sDtl-Line{
	width:80px;
}
.sDtl-Goal{
}


/* ------------------------------------------
 バス停 : 時刻表（行き先選択）
-------------------------------------------*/

/* 各セル調整
--------------------------*/
.bT-Line{
    width:100px; 
    /*padding:15px 10px;*/ 
    text-align:center; 
    /*font-weight:bold;*/
}
.bT-Line > div{
    display:flex;
    flex-direction:row;
}
.bT-Goal{width:320px; /*font-weight:bold;*/}
.bT-Goal h2{font-weight:bold;}
.bT-Goal span{font-size:0.750rem;}
.bT-Dtl{ float:right !important;width:190px;}
.bT-Ope{
    /*display: flex;*/
    /*flex-wrap:nowrap;*/
    /*flex-direction:row-reverse;*/
    /*width:12.5rem;*/
}

/* アコーディオン
--------------------------*/

#timeTable{
}

li#tT-header{
	padding:0 !important;
	background:#f7f9fa;
}

div#tT-header{
    padding:0 !important;
	background:#f7f9fa;
    display:flex;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}

li#tT-header ul{
}

div#tT-header > div{
    text-align:center;
	font-size:0.875rem;
    padding:15px 0;
}

li#tT-header ul li{
	text-align:center;
	font-size:0.875rem;
}

#timeTable ul{
	font-size:1rem;
	/*border-bottom:1px solid #CCC;*/
}

#timeTable ul li{
	padding:15px 0;
	border-bottom:1px solid #CCC;
	position:relative;
}

#timeTable ul li ul{
	overflow:hidden;
	border:none;
}

#timeTable ul li ul li{
	float:left;
	border:none;
}

#timeTable ul li ul li h3{
	margin:0 5px;
}

#tT-list > ul > li > div > div:not(.inner){
    display:flex;
    flex-wrap:nowrap;
    margin-bottom:15px;
    justify-content:space-around;
}

/*#tT-list > ul > li > div > div.inner{
    flex:3;
    width:100%;
}*/

.openbtn{
}


#timeTable2 ul{
	font-size:1rem;
	border-bottom:1px solid #CCC;
}

#timeTable2 ul li{
	padding:15px 0;
	border-top:1px solid #CCC;
	position:relative;
}

#timeTable2 ul li ul{
	overflow:hidden;
	border:none;
}

#timeTable2 ul li ul li{
	float:left;
	border:none;
}


/* 表示ボックス
--------------------------*/
.inner{
	display:none;
	margin:0 0 20px;
	border:1px solid #CCC;
	border-radius:5px;
}

.inner h3{
	font-size:0.875rem;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	padding:0;
	border-bottom:1px solid #CCC;
	background:#F3F3F3;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.inner h5{
	font-size:0.875rem;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	padding:0;
	border-bottom:1px solid #CCC;
	background:#F3F3F3;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.inner p{
	padding:20px !important;
}

/* 表示ボタン
--------------------------*/
.openbtn{
	position:absolute;
	top:30px;
	right:100px;
	display:block;
	cursor: pointer;
	font-size:0.875rem;
	width:80px;
	text-align:center;
	padding:8px 20px 8px 10px;
	color:#FFF;
	border-radius:5px;
	background: #666 url(../../common/images/common/arrow_bottom.png) no-repeat 92px center;
	line-height:1;
}

.openbtn:hover{
	background:#1A77C9 url(../../common/images/common/arrow_bottom.png) no-repeat 92px center;
}

.openbtn2{
	/*display:block;*/
	cursor: pointer;
	font-size:0.875rem;
	width:115px;
	text-align:center;
	/*padding:8px 20px 8px 10px;*/
    padding:8px 8px;
    margin:2px 0 2px 15px;
	color:#FFF;
	border-radius:5px;
	background: #666 url(../../common/images/common/arrow_bottom.png) no-repeat 100px center;
	line-height:1;
    border:none !important;
}

    .openbtn2:hover {
        background: #999 url(../../common/images/common/arrow_bottom.png) no-repeat 100px center;
    }

/* アイコン変更
--------------------------*/
.open{
	background:#1A77C9 url(../../common/images/common/arrow_top.png) no-repeat 100px center !important;
}

.bT-Dtl a{
	display:block;
	font-size:0.875rem;
	width:60px;
	text-align:center;
	line-height:1;
	border-radius:5px;
	padding:8px 15px;
	margin:0 0 0 auto;
	text-decoration:none;
	color:#FFF;
	background:#0052c4 url(../../common/images/common/arrow_white.png) no-repeat 75px center;
}

.bT-Dtl a:hover{
	background:#1A77C9 url(../../common/images/common/arrow_white.png) no-repeat 75px center;
}

/* ------------------------------------------
 バス停 : 時刻表（詳細）
-------------------------------------------*/

/* ヘッダー
--------------------------*/
#tTD-header{
	padding:4px 10px 20px;
	overflow:hidden;
    /*display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;*/
}

#tTD-header h2{
	font-size:1.25rem;
	/*float:left;*/
}
#tTD-header h3{
	font-size:1.25rem;
	/*float:left;*/
}

#tTD-header ul{
	/*float:right;*/
	/*width:290px;*/
    display:flex;
    justify-content:flex-end
}

#tTD-header ul li{
	float:left;
}

#tTD-header ul li a{
	display:block;
	font-size:0.875rem;
	width:6.875rem;
	text-align:center;
	line-height:1;
	border-radius:5px;
	padding:8px 15px;
	text-decoration:none;
	color:#FFF;
	background:#0052c4;
}

#tT-header ul li a:hover{
	background:#1A77C9;
}

.printBtn{
	margin:0 0 0 5px;
}

.printBtn a{
	padding:8px 10px 8px 20px !important;
	background:#0052c4 url(../../common/images/common/ico_printer.png) no-repeat 10px center !important;
}

.printBtn a:hover{
	background:#1A77C9 url(../../common/images/common/ico_printer.png) no-repeat 10px center !important;
}

#currDate{
    position: relative;
    bottom: 3em;
    display: block;
    height: 0;
    text-align: right;
    padding-right: 10px;
    font-size: 1.3em;
}


/* 時刻表テーブル
--------------------------*/
#timeTableDtl{
	font-size:0.875rem;
}

.timeTableMain{
	width:100%;
    font-size: 120%;
    table-layout:fixed;
}

.timeTableMain h3{
	font-weight:bold;
	text-align:center;
}
.timeTableMain h4{
	font-weight:bold;
	text-align:center;
}

#timeTableDtl table th,
#timeTableDtl table td{
	border:1px solid #bbcbe2;
}

#timeTableDtl table th{
	padding:5px 0;
	text-align:center;
}

/*
#timeTableDtl table td{
	padding:15px 5px;
	vertical-align:middle;
}
*/
#timeTableDtl table td{
	padding:5px;
	vertical-align:middle;
}

/*
#timeTableDtl table td p{
	float:left;
	padding:0 5px !important;
	width:26px !important;
	text-align:center;
}
*/
#timeTableDtl table td p{
	/*float:left;*/
	padding:0px !important;
	width:2.75rem !important;
	text-align: right;
}

.timeContainer{
    display:flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-wrap:wrap;
    justify-content:flex-start;
    list-style:none;
}

.timeContainer > li{
    padding:0px !important;
	width:2.75rem !important;
	text-align: right;
}

@media print{
    #timeTableDtl table td p {
        /*width:40px !important;*/
    }
}

#timeTableDtl table td p span{
	padding:0 2px 0 0;
}

/* 時刻表データ
--------------------------*/
.timeInfo{
	line-height:1;
	font-size:0.750rem;
    font-weight: bold;
}

/*
.timeData{
	white-space:pre;
}
*/
.timeData{
	white-space:pre;
    font-weight: bold;
}

/*
.timeData:before {
	content:"\A";
	white-space:pre;
}
*/

.timeData:before{
    content: "" !important;
}

/* 曜日ごと
--------------------------*/
.timeNo{
	width:2rem;
	background:#ededed;
}

.tT-weekday{
	min-width:417px;
}

.tT-saturday{
	width:213px;
	background:#e6f7ff !important;
}

.tT-sunday{
	width:213px;
	background:#fde9f5 !important;
}


/* ------------------------------------------
 時刻表
-------------------------------------------*/
/* 入力エリア
--------------------------*/
.busAccess{
	/*height:240px;*/
	padding:20px 40px 20px !important;
	background:#FFF;
}

#busAcInput{
	padding:0 10px 10px;
	background:#ecf2f8;
	border-radius:8px;
}

#busAcInput h2{
	font-size:1rem;
	text-align:center;
	padding:10px;
	line-height:1;
	font-weight:bold;
}

#busAcInput > div:first-of-type{
	padding:10px 0 10px;
	background:#ffffff;
	border-radius:5px;
}

#busAcInput h3{
	font-size:1rem;
	font-weight:bold;
	padding:5px 10px 0 0;
}

#busAcInput > div:first-of-type ul:not(#jsSuggestList){
	/*display:table;*/
    display:flex;
	overflow:hidden;
	width:520px;
	margin:0 auto;
}

#busAcInput > div:first-of-type ul:not(#jsSuggestList) > li{
	display:table-cell;
	vertical-align:middle;
	float:left;
	padding:0 5px 0 0;
}

/* 入力エリア */
#busAcInput > div:first-of-type ul:not(#jsSuggestList) > li > label{
	font-size:1rem;
    font-weight:bold;
    padding:5px 10px 0 0;
}

#busAcInput > div:first-of-type ul:not(#jsSuggestList) > li > input{
	/*width:230px;*/
    width:14.375rem;
	font-size:1rem;
	border:1px solid #0052c4;
}

#busAcInput > div:first-of-type ul:not(#jsSuggestList) > li > a{
	display:block;
	color:#FFF;
	font-size:0.875rem;
	text-decoration:none;
	margin:3px 0 20px;
	padding:5px 16px;
	background:#0052c4;
	border-radius:5px;
}

#busAcInput > div:first-of-type ul:not(#jsSuggestList) > li > a:hover{
	background:#1A77C9;
}

#busAcInput > div:first-of-type ul:not(#jsSuggestList) > li#iptStartErrArea{
    margin: -10px 0 10px;
}
#busAcInput > div:first-of-type ul:not(#jsSuggestList) > li#iptGoalErrArea{
    margin: -10px 0 10px;
}

#busAcInput .start-block{
    margin-left:40px;
    margin-bottom:20px;
    width:100%;
}

#busAcInput .goal-block{
    margin-left:40px;
    margin-bottom:20px;
    width:100%;
}

#busAcInput .hide-description {
    font-size: 0.750rem;
    padding: 0;
    margin: 0;
    display:none;
}

#busAcInput .input-block{
    display:flex;
    flex-wrap:wrap;
}

    #busAcInput .input-label {
        font-size: 1rem;
        font-weight:bold;
        word-break:keep-all;
    }
    #busAcInput .input-textbox {
        margin-right: 10px;
        width: 17rem;
        font-size: 1rem;
        border: 1px solid #0052c4;
    }

    #busAcInput .hide-block{
        display:none;
    }

#busAcInput .input-block .btn-container{
    display:flex;
    flex-wrap:wrap;
}
#busAcInput .input-block .dialog-open{
    display:flex;
    align-items:center;
	color:#FFF;
	font-size:0.875rem;
	text-decoration:none;
	margin:0 3px;
	padding:5px 16px;
	background:#0052c4;
	border-radius:5px;
}
#busAcInput .input-block .dialog-open:hover{
	background:#1A77C9;
}
    #busAcInput .input-block .dialog-open span {
        margin-right:5px;
    }
    #busAcInput .input-block .dialog-open img {
        width:0.750rem;
        height:auto;
    }
#busAcInput .input-block .dialog-open:focus{
	outline-color:#333333;
}

/*
   時刻表で乗り場指定
*/
#busPoleSelect {
    padding: 0 10px 10px;
}

#busPoleSelect ul#poleAddBox:after{
    content:"";
    clear:both;
    display:block;
}

#busPoleSelect ul#poleAddBox li{
    float:left;
    margin:10px 5px;
}

#busPoleSelect ul#poleAddBox li a{
    padding:5px 16px;
    background:#0052c4;
	border-radius:5px;
	text-decoration:none;
	font-size:0.875rem;
	color:#FFF;
}
#busPoleSelect ul#poleAddBox li a.poleAddLink{
    cursor:pointer;
}
#busPoleSelect ul#poleAddBox li a:hover{
    background:#1A77C9;
}

.addField{
	cursor:pointer;
	margin:0 30px 10px;
	padding:0 0 !important;
	text-align:center;
	background:url(../../common/images/common/dashed_gray.png) repeat-x center !important;
}

.addField a{
	color:#FFF;
	font-size:0.875rem;
	text-decoration:none;
	background:#41474e url(../../common/images/common/ico_plus_white.png) no-repeat 20px center;
	border-radius:30px;
	width:300px;
	padding:7px 20px 7px 35px;
	margin:0 auto;
}

.addField a:hover{
	background:#1A77C9 url(../../common/images/common/ico_plus_white.png) no-repeat 20px center;
}

.addField a:focus{
	outline-color:#333333;
}

/* ボタン */
#searchBtnContainer{
    margin:20px auto;
    text-align:center;
}

#acsBtn{
	width:12.5rem;
	padding:7px 10px;
	cursor:pointer;
	font-size:1.125rem;
	/*margin:0 0 0 210px !important;*/
	text-align:center;
	color:#FFF;
	border:0;
	border-bottom:2px solid #003a8a;
	border-radius:40px;
	background:#0052c4;
}

#acsBtn:hover{
	background:#1A77C9;
	border-bottom:2px solid #666;
}

    #acsBtn span {
        margin-right:5px;
    }
    #acsBtn img {
        width:0.875rem;
        height:auto;
        margin-top:5px;
    }

#acsBtn:hover + #openNewWindowIcon{
	content:url(../../images/open_new_window2_gray.png);
}

#addAlighting{
}

.goalAddBox{
	display:none;
}

/* 結果エリア
--------------------------*/

/* サマリー */
#acsSummary{
	padding:30px 0 15px 10px;
	border-bottom:1px solid #CCC;
	margin:0 0 30px;
	overflow:hidden;
}

#acsSummary div{
	float:left;
	overflow:hidden;
}

#acsSummary h2{
	float:left;
	font-size:1.5rem;
	line-height:1;
	font-weight:bold;
    border-bottom:none !important;
}
#acsSummary h3{
	float:left;
	font-size:1.5rem;
	line-height:1;
	font-weight:bold;
}

#acsSummary p{
	float:left;
	padding:0 0 0 20px;

}

#acsSummary p a{
	display:block;
	color:#FFF;
	font-size:0.875rem;
	line-height:1;
	padding:8px 20px 8px 30px;
	border-radius:5px;
	text-decoration:none;
	background:#0052c4 url(../../common/images/common/ico_mappoint.png) no-repeat 15px center;
}

#acsSummary p a:hover{
	background:#1A77C9 url(../../common/images/common/ico_mappoint.png) no-repeat 15px center;
}


#acsSummary ul{
	float:right;
	overflow:hidden;
}

#acsSummary ul li{
	float:left;
	line-height:1;
}

#acsSummary ul li span{
	display:block;
	padding:8px 10px;
	margin:0 0 0 10px;
	border:1px solid #999;
	border-radius:5px;
}

#acsSummary ul li a{
	display:block;
	padding:8px 10px 8px 30px;
	color:#FFF;
	text-decoration:none;
	margin:0 0 0 10px;
	border:1px solid #0052c4;
	border-radius:5px;
	background:#0052c4 url(../../common/images/common/ico_update.png) no-repeat 10px center;
}

#acsSummary ul li a:hover{
	border:1px solid #1A77C9;
	background:#1A77C9 url(../../common/images/common/ico_update.png) no-repeat 10px center;
}

/* 結果：タイトル */
.acsList{
	padding:0 0 50px;
}

.acsList > .messageBlock{
	font-size:1.125rem;
}

.acsListTtl{
	overflow:hidden;
}

.acsListTtl h3{
	float:left;
	font-size:1.125rem;
	font-weight:bold;
    width:780px;
    clear:both;
}

.acsListTtl h3 dt{
	color:#FFF;
	font-size:1rem;
	font-weight:normal;
	padding:5px 20px;
	background:#41474e;
	margin:0 10px 0 0;
}

.acsListTtl h3 dt{
    float:left;
}

.acsListTtl h3 dd span{
	font-size:0.875rem;
}

.acsListTtl p{
	float:right;
}

.acsListTtl p a{
	display:block;
	color:#FFF;
	font-size:0.875rem;
	line-height:1;
	padding:5px 20px 5px 30px;
	border-radius:5px;
	text-decoration:none;
	background:#0052c4 url(../../common/images/common/arrow_white.png) no-repeat 15px center;
}

.acsListTtl p a:hover{
	background:#1A77C9 url(../../common/images/common/arrow_white.png) no-repeat 15px center;
}

/* 結果：結果表示 */
.acsResult{
	margin:10px 0 0;
	overflow:hidden;
	/*overflow-x:hidden;*/
	min-height:220px;
	border:1px solid #e7e7e7;
	background:#f3f7fc url(../images/access/bg_road.png) repeat-x left 140px;
}

.acsResult ul{
	overflow:hidden;
}

.acsResult ul li{
	float:left;
	width:200px;
	height:220px;
	position:relative;
}

.mainStand h4{
	background:url(../images/access/stand_main.png) no-repeat center 62px !important;
}

.mainStand a{
	display:flex;
    flex-flow:column-reverse;
    align-items: flex-start;
}

.acsResult ul li h4{
	width:140px;
	font-weight:bold;
	padding:150px 0 0;
	text-align:center;
	background:url(../images/access/stand_normal.png) no-repeat center 90px;
}

.acsNormalCarText {
    position: absolute;
    top: 70px;
    width: 104px;
    right: -25px;
    text-align: center;
}

.busPoint{
	position:absolute;
	top:95px;
	right:-25px;
}

.standPassing{
	width:140px;
	padding:20px 0 0;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}

/* ------------------------------------------
 バス料金
-------------------------------------------*/

.ppChange a{
	line-height:1.2;
	height:60px !important;
	padding-top:20px !important;
}

.busPriceTabel_1_tr th{
	padding:0 !important;
}

table#busPriceTabel_1 td{
	text-align:center;
}

/* ------------------------------------------
 バスのりば
-------------------------------------------*/
/* ベース */
#stand{
	height:800px;
}

#standTtlSet{
	overflow:hidden;
	background:#FFF;
}

#standTtlSet div{
	float:left;
	padding:20px 0 20px 30px;
}
#stand h1{
	font-size:1.625rem;
}

#standTtlSet div p{
	font-size:0.875rem;
}

/* 検索 */
#standSearch{
	float:right;
	width:300px;
}

#standSearch a{
	display:block;
	letter-spacing:3px;
	color:#FFF;
	font-size:1rem;
	text-decoration:none;
	text-align:center;
	line-height:60px;
	padding:0 10px 0 10px;
	margin:20px 20px 0 0;
	background:#0052c4 url(../../common/images/common/ico_search.png) no-repeat 20px center;
}

#standSearch a:hover{
	background:#1A77C9 url(../../common/images/common/ico_search.png) no-repeat 20px center;
}


/* ------------------------------------------
 バス路線図
-------------------------------------------*/
/* ベース
--------------------------*/
#routeMap{
}

#rM-Ttl{
}

#rM-Ttl h1{
	font-size:1.625rem;
}

#rM-Ttl p{
	font-size:0.875rem;
}

#routeMapPdf{
	padding:20px 20px 0 !important;
}

#routeMapPdf a{
	display:block;
	padding:20px 20px 20px 120px;
	border:2px solid #cccccc;
	text-decoration:none;
	border-radius:5px;
	font-size:1.125rem;
	background:url(../../common/images/common/ico_pdf_big.png) no-repeat 80px center;
	background-size:28px;
}

#routeMapPdf a:hover{
	border:2px solid #cccccc;
	background:#F7F7F7 url(../../common/images/common/ico_pdf_big.png) no-repeat 80px center;
	background-size:28px;
}

#rM-Map{
	height:500px;
}

/* 系統別路線図
--------------------------*/

#routeMapLine{
	font-size:1rem;
	background:#FFF;
}

#routeMapLine table,
#routeMapLine table tbody{
    border:none;
}

#routeMapLine table tbody th,
#routeMapLine table tbody td{
    border:none;
    vertical-align: top;
}

#rML-Headline{
	border-bottom:2px solid #bbcbe2;
}

#rML-Headline ul li{
	text-align:center;
}

#routeMapLine table tbody tr:not(#rML-Headline){
	padding:10px 0;
	border-bottom:1px solid #CCC;
	overflow:hidden;
}

/*
#routeMapLine table tbody td{
	padding:10px 0;
}
*/

#routeMapLine ul li ul li{
	float:left;
}

/* 系統名 */
.rML-Line{
	padding:10px 0 10px 20px;
	width:100px;
}
/* 運行区間 */
.rML-Area{
    padding:10px 0 10px 20px;
	width:480px;
}
/* リンク */
.rML-Link{
    padding:10px 20px 10px 20px;
	width:220px;
	text-align:center;
}

.rML-Link a{
	display:block;
	color:#FFF;
	font-size:0.875rem;
	line-height:1;
	padding:8px 20px 8px 30px;
	border-radius:5px;
	text-decoration:none;
	background:#0052c4 url(../../common/images/common/arrow_white.png) no-repeat 15px center;
}

.rML-Link a:hover{
	background:#1A77C9 url(../../common/images/common/arrow_white.png) no-repeat 15px center;
}
.rML-Link a:focus {
    outline-color: #333333;
}


/* ------------------------------------------
 バス路線図：系統別路線図
-------------------------------------------*/

.busHeightMin{
	min-height:237px;
}

/* 系統別路線図：INDEX
--------------------------*/
#routeMapLineIndex{
	overflow:hidden;
}

#rMLI-Lname{
	float:left;
	width:260px;
	text-align:center;
	border:1px solid #CCC;
}

#rMLI-Lname p{
	color:#FFF;
	padding:5px 0;
	background:#666;
}

#rMLI-Lname h2{
	padding:20px 10px;
	font-size:1.25rem;
}

ul#rMLI-List{
	float:left;
	width:350px;
	margin:0 0 0 20px;
	border:1px solid #CCC;
}

ul#rMLI-List li{
	border-top:1px solid #CCC;
}

ul#rMLI-List li:first-child{
	border:0 !important;
}

ul#rMLI-List li a{
	display:block;
	line-height:1;
	padding:10px 20px 10px 28px;
	text-decoration:none;
	background:url(../../common/images/common/mrk_arrow_blue.png) no-repeat 15px center;
}

ul#rMLI-List li a:hover{
	text-decoration:underline;
	background:#FBFBFB url(../../common/images/common/mrk_arrow_blue.png) no-repeat 15px center;
}

/* 系統別路線図：結果
--------------------------*/
#routeMapLineDtl{
	/*overflow:hidden;*/
    display:flex;
    flex-wrap:wrap;
}

/*2つずつdivをグループ化して段落ちしないようにする*/
.rML-Line-Clear{
	/*clear:left;*/
}

/* ブロック */
.rML-LineBlock{
	/*float:left;*/
    display:flex;
    flex-direction:column;
	width:26.875rem;
	padding:1.25rem 0 3.75rem;
}

/*.rML-LineBlock h2{
	font-size:1.125rem;
	text-align:center;
	padding:0.625rem 0 0.625rem;
	margin:0 1.25rem 1.25rem;
	border-bottom:1px solid #0052c4;
	background:#F7F7F7;
}
.rML-LineBlock h2:after{
    content:"";
    clear:both;
    display:block;
}
.rML-LineBlock h2 a{
    color:#FFF;
    padding:0.1875rem 0.75rem;
    border-radius:0.3125rem;
    text-decoration:none;
    background:#0052c4;
    font-size:0.875rem;
    margin-right:0.75rem;
    float:right;
}
.rML-LineBlock h2 a:hover{
    background-color:#999999;
}

.rML-LineBlockInner h3{
	clear:both;
	font-size:1.125rem;
	margin:0 1.875rem;
	text-align:center;
}

.rML-LineBlockInner h3 ul li {
    display: inline-block;
    width: 9.375rem;
    padding:0 0.9375rem;
    height:auto;
    text-decoration:none;
}
.rML-LineBlockInner h3 .frontPole{
    text-align:right;
}
.rML-LineBlockInner h3 .backPole{
    text-align:left;
}

.rML-LineBlockInner h3 a{
    display: block;
    text-decoration: none;
	border-radius:1.875rem;
	padding:0.3125rem;
	color:#FFF;
}*/
.rML-LineBlock h3{
	font-size:1.125rem;
	text-align:center;
	padding:0.625rem 0 0.625rem;
	margin:0 1.25rem 1.25rem;
	border-bottom:1px solid #0052c4;
	background:#F7F7F7;
}
.rML-LineBlock h3:after{
    content:"";
    clear:both;
    display:block;
}
.rML-LineBlock h3 a{
    color:#FFF;
    padding:0.1875rem 0.75rem;
    border-radius:0.3125rem;
    text-decoration:none;
    background:#0052c4;
    font-size:0.875rem;
    margin-right:0.75rem;
    float:right;
}
.rML-LineBlock h3 a:hover{
    background-color:#1A77C9;
}
.rML-LineBlock h3 a:focus{
    outline-color: #333333;
}

.rML-LineBlockInner h4 ul li {
    display: inline-block;
    width: 9.375rem;
    padding:0 0.9375rem;
    height:auto;
    text-decoration:none;
}
.frontPole{
    text-align:right;
}
.backPole{
    text-align:left;
}

.rML-LineContainer{
    display:flex;
    justify-content:flex-end;
}

.spotStart{
    clear:both;
	font-size:1.125rem;
	margin:0 1.875rem;
	text-align:center;
}
.spotStart a{ 
    /*background:#009587;*/
    background: #00796B;
    display: block;
    text-decoration: none;
	border-radius:1.875rem;
	padding:0.3125rem;
	color:#FFF;
    /*text-shadow:0 1px 2px #000;*/
}
.spotStart a:not(.deadlink):hover{ 
    /*background:#34c9bb;*/
    background: #004D40;
}
.spotStart a:not(.deadlink):focus{ outline-color: #333333;}

.spotGoal{
    clear:both;
	font-size:1.125rem;
	margin:0 1.875rem;
	text-align:center;
}
.spotGoal a{ 
    /*background:#ea486e;*/
    background:#D81B60;
    display: block;
    text-decoration: none;
	border-radius:1.875rem;
	padding:0.3125rem;
	color:#FFF;
    /*text-shadow:0 1px 2px #000;*/
}
.spotGoal a:not(.deadlink):hover{ 
    /*background:#ff7ca2;*/
    background:#880E4F;
}
.spotGoal a:not(.deadlink):focus{ outline-color: #333333;}

.rML-LineBlockInner div ul{
	width:12.5rem;
	padding:1.875rem 0;
}

.rML-LineBlockInner ul li{
	font-size:1rem;
	min-height:2.5rem;
	line-height:1.2;
}
.rML-LineBlockInner ul li a {
	padding:0.3125rem 0;
    display: block;
    text-decoration: none;
    color: black;
    word-break:keep-all;
}
.rML-LineBlockInner ul li a:not(.deadlink):hover{
    /*color: #999999;*/
    color: #01579B;
}

.rML-front{
	float:left;
	text-align:right;
	background: url(../images/rml_line_front.png) repeat-y right 9px top;
    margin-right:30px;
}

.rML-front ul{
	background:url(../images/rml_arrow_front.jpg) no-repeat right 4px bottom !important;
}

.rML-front ul li{
	padding-right:1.5625rem !important;
	background:url(../images/rml_point_front.png) no-repeat right 0.3125rem;
}

.rML-back{
	float:right;
	text-align:left;
	background:url(../images/rml_line_back.png) repeat-y 9px;
}

.rML-back ul{
	background:url(../images/rml_arrow_back.jpg) no-repeat 4px top !important;
}

.rML-back ul li{
	padding-left:1.5625rem !important;
	background:url(../images/rml_point_back.png) no-repeat 0 0.3125rem;
}


.through{
	color:#999;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	background:none !important;
}

/* ------------------------------------------
 共通レイアウト
-------------------------------------------*/
/* バス停TTL＆ナビ共通
--------------------------*/
#standNav{
	padding:0 0 20px;
}

#standNav .bannerBlock{
	text-align:center;
	background:#FFF;
	min-height:120px;
	padding:40px 0 0;
	border:1px solid #e7e7e7;
}

#standNav ul{
	margin:20px -20px 0 3px;
	/*overflow:hidden;*/
}

#standNav ul li{
	float:left;
	width:136px;
	padding:0 8px 0 0;
}

#standNav div h1{
    font-size: 1.625rem;
    padding: 0;
    margin: 0;
    border-bottom: none;
}

#standTtl{
	font-size:2.5rem !important;
	letter-spacing:3px !important;
	margin:0 !important;
	padding:0 !important;
}

.ekinameArea{
    display:flex;
    flex-direction:column;
}

#standKana{
	font-size:0.750rem;
	padding:5px 0 !important;
	line-height:1;
	letter-spacing:2px;
	color:#FFF;
	background:#207cd2;
    display:inline-flex;
    justify-content:center;
}

/* ボトム１カラム
--------------------------*/

#btmMainArea{
	clear:both;
	margin:0 0 0 !important;
	padding:30px 40px;
	border:1px solid #e7e7e7;
	border-bottom:1px solid #CCC;
	background:#FFF;
}

#btmMainArea h1{
	font-size:1.625rem;
	padding:0 5px 10px;
	margin:0 0 20px;
	border-bottom:1px solid #0052c4;
}
/*#btmMainArea h2{
	font-size:1.625rem;
	padding:0 5px 10px;
	margin:0 0 20px;
	border-bottom:1px solid #0052c4;
}*/


/* メニュー（画像なし用）
--------------------------*/
#topMenu{
	position:relative;
	width:470px;
	float:right;
	background:#FFF;
}

#topMenu h2{
	font-size:1.125rem;
	font-weight:bold;
	line-height:60px;
	padding:0 0 0 30px;
	border-bottom:1px solid #0052c4;
}

#topMenu ul{
	padding:5px;
}

#topMenu ul li{
	padding:10px 10px 10px;
	margin:0 0 0px;
	background:url(../../common/images/common/line_dotted_1.png) repeat-x left bottom;
}

#topMenu ul li:last-child{
	background:none !important;
}

#topMenu ul li p{
	padding:0 0 5px;
	/*overflow:hidden;*/
}

#topMenu ul li h3{
	font-size:0.8125rem;
}


/* 右メニュー（お知らせ＋メニュー）
--------------------------*/
#rightMenu {
    float:right;
    position:relative;
    width:470px;
}

/*

--------------------------*/
#noteTimetable p{
    font-size: 1rem;
}


/* お問い合わせ先
---------------------------*/
.contactPartsEx{
	padding:0 10px 10px;
	background:#ecf2f8;
	border-radius:8px;
}

/*.contactPartsEx h2{
	padding:10px 0;
	text-align:center;
	letter-spacing:5px;
	background:#d4e0f2;
}*/
.contactPartsEx h3{
	font-size:1rem !important;
	text-align:center !important;
	padding:10px !important;
	line-height:1 !important;
	font-weight:bold !important;
    border:none !important;
    margin:auto !important;
}

.contactPartsEx > div{
	padding:10px 0 10px;
	background:#ffffff;
	border-radius:5px;
}

.contactPartsEx > div > div > dl{
	width:500px;
	margin:0 auto;
}

.contactPartsEx > div > div > dl > dt{
	padding:10px 20px 0 20px;
	font-size:1rem;
	border-bottom:1px solid #bbcbe2;
}

.contactPartsEx > div > div > dl > dd{
	/*width:200px;*/
	padding:10px 20px 5px 20px;
	font-size:0.875rem;
	display:flex;
	justify-content:flex-end;
}

.contactPartsEx p{
	clear:both;
	font-size:0.750rem;
	text-align:center;
	padding:10px 0 20px;
	border-top:1px dotted #CCC;
	padding-top:10px !important;
	margin:0 65px;
}

.contactItemList{
	/*overflow:hidden;
	text-align:right;*/
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
	width:100%;
}
.contactItemList:after{
	content:" ";
	clear:both;
	display:block;
	visibility:hidden;
	font-size:0.1em;
	line-height:0.1em;
}
.contactItemList dt{
	clear:both;
	float:left;
	text-align:right;
	width:50%;
}
.contactItemList dd{
	float:left;
	text-align:right;
}

.contactItemList dt span {
    /*
    display: inline-block;
    width: 7.5rem;
    */
}
#busServiceMenteInfo{
    display:flex;
    justify-content:center;
}
#busServiceMenteInfo div{
    width:530px;
    font-size:1rem;
}
#busServiceMenteInfo p{
    font-size:1rem;
}
#busServiceMenteInfo{
    padding:0 0 1rem;
}
#outOfServiceTime{
    border:none;
}

.routeMapContainer{
    clear:both;
	margin:20px 0 0 0;
	padding: 0;
	border:1px solid #e7e7e7;
	border-bottom:1px solid #CCC;
	background:#FFF;
}

/* スマートフォン誘導
---------------------------*/
.gotoSP {
    font-size: 4em;
    text-align: center;
    padding: 0.4em;
    border-radius: 0.3em;
    border-bottom: 0.1em solid #003a8a;
    background: #186be7;
}
.gotoSP a {
    color: #FFF;
    text-decoration: none;
    display: block;
}