﻿@charset "utf-8";
/* Style Index ===============================

	Name : original css

========================================= */

/* ------------------------------------------
 TOP page : Main Area
-------------------------------------------*/

#topMainArea{
	width:960px;
	margin:0 auto;
	/*overflow:hidden;*/
    display:flex;
    justify-content:space-between;
}

#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 -10px 0 0;
	/*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 #navIconItemMapLine {
    background: url(../images/top_nav_mapline_non_text.png) no-repeat center;
}
#topMvnNav #navIconItemStation {
    background: url(../images/top_nav_station_non_text.png) no-repeat center;
}

#standNav #navIconItemTop {
    background: url(../images/subway_nav_top_non_text.png) no-repeat center;
}
#standNav #navIconItemTime {
    background: url(../images/subway_nav_timetable_non_text.png) no-repeat center;
}
#standNav #navIconItemCampus {
    background: url(../images/subway_nav_campus_non_text.png) no-repeat center;
}
#standNav #navIconItemStore {
    background: url(../images/subway_nav_store_non_text.png) no-repeat center;
}
#standNav #navIconItemBus {
    background: url(../images/subway_nav_bus_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;
}

button.mvSearchBtn {
	position: relative;
	border: none;
	box-shadow: none;
	background: none;
	cursor: pointer;
}

	button.mvSearchBtn > img {
		width: 100%;
	}

	button.mvSearchBtn > p {
		color: white;
		position: absolute;
		top: 46%;
		left: 59%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		font-size: 18px;
		width: 100%;
	}

.mvSearchBtn{
	/*padding:0 0 0 20px;*/
}

.mvSearchBtn:focus {
	/*outline: none;*/
}

button.mvSearchBtn {
	position: relative;
	border: none;
	box-shadow: none;
	background: none;
	cursor: pointer;
}

	button.mvSearchBtn > img {
		width: 100%;
	}

	button.mvSearchBtn > p {
		color: white;
		position: absolute;
		top: 46%;
		left: 59%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		font-size: 18px;
		width: 100%;
	}
	button.mvSearchBtn > span {
		color: white;
		position: absolute;
		top: 46%;
		left: 59%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		font-size: 18px;
		width: 100%;
	}



/* ------------------------------------------
 TOP Page : Second Area
-------------------------------------------*/

#topSecArea{
	padding:20px 0 ;
	overflow:hidden;
    display:flex;
    justify-content:space-between;
}

/* コンテンツバナー
--------------------------*/
.tcbPick {
	width: 385px !important;
	margin: 0 0 15px 0 !important;
}

#topCntBnr {
	width: 440px;
}

#topCntBnr2 {
	width: 470px;
}

#topCntBnr,
#topCntBnr2 {
	padding: 0px 0 15px 0px;
	margin: 0 0 0 0;
	background: #FFF;
}

	#topCntBnr h2,
	#topCntBnr2 h2 {
		font-size: 1.125rem;
		font-weight: bold;
		line-height: 60px;
		padding: 0 0 0 30px;
		border-bottom: 1px solid #0052c4;
	}

	#topCntBnr ul,
	#topCntBnr2 ul {
		overflow: hidden;
		padding-left: 15px;
		margin-top: 15px;
		display: flex;
		flex-wrap: wrap;
	}
		#topCntBnr ul li,
		#topCntBnr2 ul li {
			width: 175px;
			padding: 10px;
			margin: 0 15px 15px 0;
			border: 1px solid #bbcbe1;
		}

			#topCntBnr ul li h2,
			#topCntBnr2 ul li h2 {
				text-align: center;
				padding: 5px 0;
				font-weight: bold;
			}

			#topCntBnr ul li p,
			#topCntBnr2 ul li p {
				text-align: center;
				padding: 5px 0;
				font-weight: bold;
			}

			#topCntBnr ul li a,
			#topCntBnr2 ul li a {
				display: block;
				height: 100%;
			}

#topBarrier2 {
	margin-bottom: 20px;
	width: 440px;
	background: #FFF;
}

#topBarrier2 h2 {
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 60px;
	padding: 0 0 0 30px;
	border-bottom: 1px solid #0052c4;
}

#topBarrier2 ul {
	padding: 5px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 15px;
}

#topBarrier2 ul li {
	width: 200px;
	margin-bottom: 10px;
}

#topBarrier2 ul li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 20px 10px 40px;
	text-decoration: none;
	border: 1px solid #0052c4;
	background: url(../../common/images/common/mrk_arrow_blue.png) no-repeat 20px center;
	min-height: 30px;
}

/* お知らせ
--------------------------*/
#topInfo{
	position:relative;
	width:470px;
	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;
	/*border-bottom:1px solid #0052c4;*/
}

#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 p{
	padding:0 0 5px;
	/*overflow:hidden;*/
}

.hCate{
	float:left;
	display:block;
	width:6.875rem;
	padding:1px 10px;
	margin:0 10px 5px 0;
	color:#FFF;
	text-align:center;
    font-weight:bold;
}

/*.subwayColor{
    background:#fabc00;
    -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);
}
.busColor{background:#3f51b5;}
.ticketColor{background:#009688;}
.manacaColor{background:#ffeb3b; color:#000 !important;}
.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%);
    -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);
}*/

.hDate{
	color:#000;
	font-weight:bold;
}

#topInfo ul li h3{
	font-size:0.8125rem;
    padding:0 0 5px;
    display:flex;
    align-items:center;
}

#topInfo ul li p{
	font-size:0.8125rem;
    display: flex;
}

.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;
}

/* バリアフリー
--------------------------*/
#topBarrier{
	width:470px;
	background:#FFF;
}

#topBarrier h2{
	font-size:1.125rem;
	font-weight:bold;
	line-height:60px;
	padding:0 0 0 30px;
	border-bottom:1px solid #0052c4;
}

#topBarrier ul{
	padding:5px 10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    margin-top: 15px;
}

#topBarrier ul li{
    width:215px;
    margin-bottom:10px;
}

#topBarrier ul li a{
	display:flex;
    flex-direction:row;
    align-items:center;
	padding:10px 20px 10px 40px;
	text-decoration:none;
	border:1px solid #0052c4;
	background:url(../../common/images/common/mrk_arrow_blue.png) no-repeat 20px center;
    min-height:30px;
}

#topBarrier ul li a:hover{
	border-color:#1A77C9;
	background:url(../../common/images/common/mrk_arrow_gray.png) no-repeat 20px center;
}


/* ------------------------------------------
 地下鉄駅 : 共通
-------------------------------------------*/
#standNav{
	padding:0 0 20px;
}

#standNav .bannerBlock{
	text-align:center;
	background:#FFF;
	/*height:120px;*/
    min-height:120px;
	padding:40px 0 0;
	border:1px solid #e7e7e7;
	position:relative;
}

#standNav div ul{
	position:absolute;
	top:10px;
	left:20px;
	overflow:hidden;
}

#standNav div ul li{
	float:left;
	width:70px;
}

#standNav div ul li img{
	/*width:70px;*/
}

#standNav ul{
	margin:20px -10px 0 0;
	overflow:hidden;
}

#standNav ul li{
	float:left;
	width:136px;
	/*padding:0 10px 0 0;*/
    padding:3px 8px 3px 2px;
}

#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:#333;
    display:inline-flex;
    justify-content:center;
}


/* ------------------------------------------
 地下鉄：時刻表トップ
-------------------------------------------*/
/* 入力エリア
--------------------------*/
.subAccess{
	/*height:240px;*/
	padding:20px 40px 20px !important;
	background:#FFF;
}

#subAcInput{
	padding:0 10px 10px;
	background:#ecf2f8;
	border-radius:8px;
}

#subAcInput h2{
	font-size:1rem;
	text-align:center;
	padding:10px;
	line-height:1;
	font-weight:bold;
}

#subAcInput > div{
	padding:10px 0 10px;
	background:#ffffff;
	border-radius:5px;
}

/* 入力エリア */
ul.inputSelect h3{
	font-size:1rem;
	font-weight:bold;
	padding:5px 10px 0 0;
}

ul.inputSelect{
	clear:both;
	display:table;
	width:530px;
	margin:0 auto;
	padding:0 0 10px;
	overflow:hidden;
}

ul.inputSelect > li{
	display:table-cell;
	vertical-align:middle;
	padding:0 5px 0 0;
}

ul.inputSelect > li > label{
	font-size:1rem;
    font-weight:bold;
    padding:5px 10px 0 0;
}

ul.inputSelect > li > input{
	/*width:210px;*/
    width:13.125rem;
	font-size:1rem;
	margin:2px 0 0;
	border:1px solid #0052c4;
}

ul.inputSelect > li > a.iframe{
	display:block;
	color:#FFF;
	font-size:0.875rem;
	text-decoration:none;
	margin:3px 0 0;
	padding:5px 16px;
	background:#0052c4;
	border-radius:5px;
}

ul.inputSelect > li > a.iframe:hover{
	background:#1A77C9;
}

#subAcInput .start-block{
    margin-left:40px;
    margin-bottom:20px;
    width:100%;
}

#subAcInput .goal-block{
    margin-left:40px;
    margin-bottom:20px;
    width:100%;
}

#subAcInput .hide-description {
    font-size: 0.750rem;
    padding: 0;
    margin: 0;
    display:none;
}

#subAcInput .input-block{
    display:flex;
    flex-wrap:wrap;
}

    #subAcInput .input-label {
       font-size: 1rem;
        font-weight:bold;
        word-break:keep-all;
    }
    #subAcInput .input-textbox {
        margin-right: 10px;
        width: 17rem;
        font-size: 1rem;
        border: 1px solid #0052c4;
    }

    #subAcInput .hide-block{
        display:none;
    }

#subAcInput .input-block .btn-container{
    display:flex;
    flex-wrap:wrap;
}
#subAcInput .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;
}
#subAcInput .input-block .dialog-open:hover{
    background:#1A77C9;
}
    #subAcInput .input-block .dialog-open span {
        margin-right: 5px;
    }
    #subAcInput .input-block .dialog-open img {
        width:0.750rem;
        height:auto;
    }

/* 路線選択 */
#timeLineSelect{
	/*padding:0 0 20px !important;*/
}

#timeLineSelect h3{
	text-align:center;
	margin:0 20px 10px;
	background:url(../../common/images/common/dashed_gray.png) repeat-x center;
}

#timeLineSelect h3 span{
	padding:0 15px;
	background:#FFF;
}

	#timeLineSelect ul {
		width: 100%;
		margin: 0 auto;
		/*overflow:hidden;*/
		display: flex;
		text-align: center;
		align-items: start;
		justify-content: space-evenly;
	}

#timeLineSelect ul li{
	/*float:left;
	padding:0 10px 0 0;
	text-align:center;*/
}

	#timeLineSelect ul li a {
		display: block;
		border: 1px solid #0052c4;
		width: 110px;
		padding: 10px 0;
	}

#timeLineSelect2 {
	/*padding:0 0 20px !important;*/
	padding: 30px 0 0;
}

	#timeLineSelect2 h3 {
		/*text-align: center;*/
		margin: 0 0 10px;
		background: url(../../common/images/common/dashed_gray.png) repeat-x center;
		font-size:1rem;
		font-weight:bold;
	}

		#timeLineSelect2 h3 span {
			padding: 0 15px 0 0;
			background: #FFF;
		}

	#timeLineSelect2 ul {
		width: 100%;
		margin: 0 auto;
		/*overflow:hidden;*/
		display: flex;
		text-align: center;
		align-items: flex-start;
		justify-content: space-around;
	}

		#timeLineSelect2 ul li {
			/*float:left;
	padding:0 10px 0 0;
	text-align:center;*/
		}

			#timeLineSelect2 ul li a {
				display: flex;
				border: 1px solid #0052c4;
				width: 115px;
				padding: 10px 0;
				justify-content: space-around;
				height: 65px;
			}

/* 検索ボタン */
#searchBtnContainer{
    text-align:center;
}

#acsBtn{
	width:12.5rem;
	padding:7px 10px;
	cursor:pointer;
	font-size:1.125rem;
	text-align:center;
	color:#FFF;
	border:0;
	border-bottom:2px solid #003a8a;
	border-radius:40px;
	background:#0052c4;
    margin-top:20px;
}

#acsBtn2 {
	width: 12.5rem;
	padding: 7px 10px;
	cursor: pointer;
	font-size: 1.125rem;
	text-align: center;
	color: #FFF;
	border: 0;
	border-bottom: 2px solid #003a8a;
	border-radius: 40px;
	background: #0052c4;
	/*margin-bottom: 20px;*/
}

#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_window_hover.png);
}

.goalAddBox{
	display:none;
}

/* 音声読み上げリンク */
#otherTTLink{
	width:210px;
	margin:0 0 0 auto;
	padding:10px 20px 0 0 !important;
}

#otherTTLink a{
	display:block;
	padding:0 0 0 15px;
	background:url(../../common/images/common/mrk_arrow_blue.png) no-repeat left center;
}


/* ------------------------------------------
 地下鉄 : 時刻表（行き先選択）
-------------------------------------------*/

/* 各セル調整
--------------------------*/
.bT-Table{
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content:space-between;
    border-bottom: 1px solid #CCC;
    line-height:1;
}
.bT-Table dt{
    width: 70%;
    border-top: 1px solid #CCC;
    font-weight:bold;
    padding: 15px 0;
    display:flex;
    align-items:center;
}
.bT-Table dt .dt-rosenName{
    margin-left:20px;
}
.bT-Table dt .dt-railwayName{
    margin-left:20px;
}
.bT-Table dd{
    width: 30%;
    border-top: 1px solid #CCC;
    padding: 15px 0;
}

.tT-header{
    padding:0 !important;
	background:#f7f9fa;
    display:flex;
    justify-content: space-between;
    border-top: 1px solid #CCC;
}

.bT-Goal{
    width:470px; 
    padding-left:20px !important;
    padding-right:20px;
}
h2.bT-Goal{
    font-weight:bold;
}
h3.bT-Goal{
    font-weight:bold;
}
.bT-Goal a{
    margin-left:2rem;
}
.bT-Dtl{ 
    width:100px; 
    padding-right:20px !important;
}


/* アコーディオン
--------------------------*/
#tT-header{
	padding:0 !important;
	background:#f7f9fa;
}

#tT-header ul li{
	text-align:center;
	font-size:0.875rem;
}

#tT-header{
	padding:0 !important;
	background:#f7f9fa;
}

#tT-header span{
	text-align:center;
	font-size:0.875rem;
}

#timeTable ul{
	font-size:1rem;
	border-bottom:1px solid #CCC;
}

#timeTable ul li{
	padding:15px 0;
	border-top:1px solid #CCC;
	position:relative;
}

#timeTable ul li ul{
	overflow:hidden;
	border:none;
    display:flex;
    justify-content:space-between;
}

#timeTable ul li ul li{
	float:left;
	border:none;
}

#timeTable ul li{
    display:flex;
    justify-content:space-between;
}

.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 4.6875rem center;
}

.bT-Dtl a:hover{
	background:#1A77C9 url(../../common/images/common/arrow_white.png) no-repeat 4.6875rem center;
}

/* ------------------------------------------
 地下鉄 : 時刻表（詳細）
-------------------------------------------*/

/* 時刻表詳細レイアウト
--------------------------*/
#timeTableSection{
	clear:both;
	padding:20px;
	background:#FFF;
}

#timeTableSection h1{
	font-size:1.625rem;
	padding:0 20px 10px;
	margin:0 0 20px;
	border-bottom:1px solid #0052c4;
}
#timeTableSection h2{
	font-size:1.625rem;
	padding:0 20px 10px;
	margin:0 0 20px;
	border-bottom:1px solid #0052c4;
}

/* TABタイトルセット */
#h1-TabSet{
	/*position:relative;*/
    padding:0 10px 0 10px;
    display:flex;
    justify-content:space-between;
    /*flex-wrap:wrap;*/
    background: url(../images/shadow_bottom.png) repeat-x center bottom;
}

#h1-TabSet ul{
	/*overflow:hidden;
	position:absolute;
	top:4px;
	right:20px;
	z-index:100;*/
    display:flex;
    justify-content:space-between;
}

#h1-TabSet ul li{
	float:left;
	margin:0 0 0 5px;
}

#h1-TabSet ul li a{
	display:block;
	color:#FFF;
	padding:10px 25px 10px 35px;
	border:1px solid #0052c4;
	border-bottom:none;
	text-decoration:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background:#0052c4 url(../../common/images/common/arrow_bottom.png) no-repeat 20px center;
}

#h1-TabSet ul li a:hover{
	background:#1A77C9 url(../../common/images/common/arrow_bottom.png) no-repeat 20px center;
}

.h1-Tab-Active{
	color:#0052c4 !important;
	background:#FFF url(../../common/images/common/arrow_bottom_blue.png) no-repeat 20px center!important;
	border-bottom:1px solid #FFF !important;
} 

.tabActive a{
	color:#0052c4 !important;
	background:#FFF url(../../common/images/common/arrow_bottom_blue.png) no-repeat 20px center!important;
	border-bottom:1px solid #FFF !important;
}


/* ヘッダー
--------------------------*/
#tTD-header{
    padding:20px 20px;
}

#tTD-header h2{
	font-size:1.25rem;
}

#tTD-header ul{
    display:flex;
    justify-content:flex-end;
}

#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 {
    text-align: right;
    padding: 0 20px 0 0;
    font-size: 1.2em;
}


/* 時刻表テーブル
--------------------------*/

#timeTableDtl{
	font-size:0.875rem;
}

.timeTableMain{
	width:100%;
    font-size: 120%;
    table-layout:fixed;
}

.timeTableMain caption{
    font-size:1.25rem;
}
#tTD-header-text{
    font-size:1.25rem;
	text-align:center;
}

.timeTableMain h3{
	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:5px;
	vertical-align:middle;
}

#timeTableDtl table td p{
	padding:0 10px !important;
}

.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:0 10px !important;
}

.timeContainer > li span{
    padding:0 2px 0 0;
}

#timeTableDtl table td p span{
	padding:0 2px 0 0;
}

/* 時刻表データ
--------------------------*/
.timeInfo{
	line-height:1;
	font-size:0.750rem;
}

/*
.timeData{
	white-space:pre;
}
*/
.timeData{
	white-space:pre;
    font-weight: bold;
}

/*
.timeData:before {
	content:"\A";
	white-space:pre;
}
*/
.timeData:before {
	content:"";
}

/* 曜日ごと
--------------------------*/
.timeNo{
	/*width:15px;*/
    width:2rem;
	background:#ededed;
    font-weight:bold;
	text-align:center;
}

.tT-weekday{
	min-width:453px;
}

.tT-saturday{
	width:426px;
	background:#e6f7ff !important;
}

.tT-sunday{
	background:#fde9f5 !important;
}


/* -------------------------------------------------------------------
 料金表
--------------------------------------------------------------------*/
#priceBusCheck{
	width:400px;
	margin:20px auto 0;
	padding:0 0 !important;
	overflow:hidden;
    margin-left: 40px;
    margin-bottom: 20px;
    width: 100%;
}

#priceBusCheck input{
	margin:0 5px 0 0;
}

/* 検索結果
--------------------------*/
/* 大枠 */

/* タイトルセット */
#pR-Ttl{
	/*position:relative;*/
    padding:0 10px 0 10px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    background: url(../images/shadow_bottom.png) repeat-x center bottom;
}

#pR-Ttl ul{
	/*overflow:hidden;
	position:absolute;
	top:4px;
	right:20px;
	z-index:100;*/
    display:flex;
}

#pR-Ttl ul li{
	float:left;
	margin:0 0 0 10px;
}

#pR-Ttl ul li a{
	display:block;
	color:#FFF;
	padding:10px 30px 10px 35px;
	border:1px solid #0052c4;
	border-bottom:none;
	text-decoration:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background:#0052c4 url(../../common/images/common/mrk_sort_white.png) no-repeat 20px center;
}

#pR-Ttl ul li a:hover{
	background:#1A77C9 url(../../common/images/common/mrk_sort_white.png) no-repeat 20px center;
}

.pR-Tab-Active{
	color:#0052c4 !important;
	background:#FFF url(../../common/images/common/mrk_sort.png) no-repeat 20px center!important;
	border-bottom:1px solid #FFF !important;
} 
	
	
/* リスト */
#priceResult dl{
	width:100%;
	overflow:hidden;
}

#pR-Head-price, 
#pR-Head-route{
	padding:0 0 5px !important;
	text-align:center !important;
	border:none !important;
}

#priceResult dl dt, 
#priceResult dl dd{
	padding:15px 0;
	border-top:1px solid #CCC;
}

#priceResult dl dt{
	clear:both;
	float:left;
	width:100px;
	padding-top:20px !important;
	text-align:center;
}

#priceResult dl dd{
	float:left;
	width:750px;
    padding-top:20px !important;
	padding-left:20px;
	position:relative;
	overflow:hidden;
}

/* 経路 */
#priceResult dl dd ul{
	width:620px;
	padding:10px 0;
	overflow:hidden;
}

#priceResult dl dd ul li{
	float:left;
	height:30px;
	padding:0 5px;
	line-height:1;
}

#priceResult dl dd ul li span{
	font-size:0.750rem;
	padding:3px 15px;
	border-radius:30px;
}

/* 経路別スタイル（テキスト） */
.pLine-hig span{
	background:#fdb813;
}
.pLine-mei span{
	color:#FFF;
	background:#8d7cb0;
}
.pLine-tsu span{
	color:#FFF;
	background:#00aee3;
}
.pLine-sak span{
	color:#FFF;
	background:#e32726;
}
.pLine-kam span{
	color:#FFF;
	background:#f27191;
}
.pLine-walk span{
	color:#FFF;
	background:#10bf28;
}

/* 経路別スタイル（背景ライン） */
.pLine-hig{
	padding:0 20px !important;
	background:url(../../common/images/common/line_hol_higashi.png) repeat-x center;
}
.pLine-mei{
	padding:0 20px !important;
	background:url(../../common/images/common/line_hol_meijyo.png) repeat-x center;
}
.pLine-tsu{
	padding:0 20px !important;
	background:url(../../common/images/common/line_hol_tsurumai.png) repeat-x center;
}
.pLine-sak{
	padding:0 20px !important;
	background:url(../../common/images/common/line_hol_sakura.png) repeat-x center;
}
.pLine-kam{
	padding:0 20px !important;
	background:url(../../common/images/common/line_hol_kamiida.png) repeat-x center;
}
.pLine-walk{
	padding:0 20px !important;
	background:url(../../common/images/common/line_hol_walk.png) repeat-x center;
}

#priceResult dl dd ul li{
	/*background-position: center 8px;*/
    background-position: center 0.5rem;
}

/* 表示ボタン */
.priceOpen{
	position:absolute;
	top:15px;
	right:10px;
	display:block;
	cursor: pointer;
	font-size:0.875rem;
	width:110px;
	text-align:center;
	padding:8px 20px 8px 10px;
	color:#FFF;
	border-radius:5px;
	background: #757575 url(../../common/images/common/arrow_bottom.png) no-repeat 92px center;
	line-height:1;
	border: none;
}

.priceOpen:hover{
	color:#FFF;
	background:#424242 url(../../common/images/common/arrow_bottom.png) no-repeat 92px center;
}

.popen{
	background:#757575 url(../../common/images/common/arrow_top.png) no-repeat 92px center !important;
}

/* 経路表示ボタン */
.routeOpen{
	position:absolute;
	right:10px;
	top:0px;
	cursor: pointer;
	font-size:0.875rem;
	width:80px;
	text-align:center;
	padding:8px 20px 8px 10px;
	color:#FFF !important;
    text-decoration:none !important;
	border-radius:5px;
	background: #0052c4 url(../../common/images/common/arrow_bottom.png) no-repeat 92px center;
	line-height:1;
}

.routeOpen:hover{
	color:#FFF;
	background:#1A77C9 url(../../common/images/common/arrow_bottom.png) no-repeat 92px center;
}


/* テーブル */
.priceDtl{
	display:none;
	clear:both;
}

.priceDtl p{
    font-size:1.625rem;
	padding:0 0 5px;
	font-weight:bold;
}

.priceDtl table th{
	font-weight:normal;
	text-align:left;
}

tr.pR-THeader th{
	font-weight:bold !important;
	text-align:center !important;
}


.priceDtl table td{
	text-align:right;
}

/* -------------------------------------------------------------------
 路線図
--------------------------------------------------------------------*/
#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 70px center;
	background-size:37px;
}

#routeMapPdf a:hover{
	border:2px solid #cccccc;
	background:#F7F7F7 url(../../common/images/common/ico_pdf_big.png) no-repeat 70px center;
	background-size:37px;
}

#rM-Map{
	cursor:move;
	height:600px;
	border:1px solid #CCC;
	background:url(../images/subway_routemap.png) no-repeat center;
}

/* -------------------------------------------------------------------
 各駅情報
--------------------------------------------------------------------*/
#routemapSelect{
	padding:30px 0 0;
}

	#routemapSelect h3 {
		font-size: 1rem;
		font-weight: bold;
		background: url(../../common/images/common/dashed_gray.png) repeat-x center;
	}
		#routemapSelect h3 span {
			padding: 0 15px 0 0;
			background: #FFF;
		}

	#routemapSelect div {
		width: 100%;
		height: 400px;
		border: 1px solid #CCC;
	}

/* ------------------------------------------
 バス停 : TOP
-------------------------------------------*/
#stationTop{
	font-size:1rem;
}

#stationTop 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 {
    margin-bottom: 40px;
}

#sT-timetable ul{
	padding:0 0 40px;
}

#sT-timetable ul li{
    display:flex;
    padding:15px 0;
	border-bottom:1px solid #CCC;
}

#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;
}

.bt-DtlBtn{
	/*float:right !important;*/
    padding: 0px 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;
}


/* のりば・ルート検索
--------------------------*/
/* のりば */
#sT-route{
    display:flex;
}

#sT-Rbus{
	width:410px;
	padding:0 10px 40px 0;
}

#sT-Rbus div{
	padding:0 10px;
}

#sT-Rbus p{
	font-size:0.875rem;
	text-align:right;
    padding:0 10px;
}

/* ルート検索 */
#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 dl{
	overflow:hidden;
}

#sT-moveInfo dl dt{
	padding:20px 20px 0 20px;
	border-top:1px solid #ccc;
}

#sT-moveInfo dl dt h3{
	font-weight:bold;
	padding:0 0 5px;
}

#sT-moveInfo dl dt:first-child{
	border:none;
	padding-top:0;
}

#sT-moveInfo dl dd{
	padding:0 20px 20px 20px;
}

#sT-moveInfo dl dt:first-child + dd{
	border:none;
	padding-top:0;
}

/* ------------------------------------------
 駅構内店舗
-------------------------------------------*/
.storelist-container > .container-title{
    font-size:1.625rem;
	padding:0 5px 10px;
	margin:0 0 20px;
	border-bottom:1px solid #0052c4;
}

.storeList{
	font-size:1rem;
	padding:0 0 40px;
	overflow:hidden;
}

.storeList dl{
	clear:both;
	float:left;
	width:370px;
	overflow:hidden;
}

.storeList img{
	float:right;
	width:240px;
	border:1px solid #CCC;
}

.storeList dl dt,
.storeList dl dd{
	font-size:0.875rem;
	padding:5px 0;
}

.storeList dl dt{
	clear:both;
	float:left;
	width:100px;
}

.storeList dl dt:first-child{
	border:none;
}

.storeList dl dd{
	float:left;
	width:270px;
}

.storeList dl dt + dd{
	border:none;
}

/* ------------------------------------------
 各駅：バスのりば
-------------------------------------------*/
.sT-bus{
	font-size:1rem;
}

.sT-bus h2{
	margin:20px 0 0;
}

/* ------------------------------------------
 駅構内図
-------------------------------------------*/
/* BASE
--------------------------*/
.campusCnt h3{
    font-size:1.125rem;
    font-weight:bold;
}
.campusCnt h4{
    font-size:1.125rem;
    font-weight:bold;
}

/*構内図オール
--------------------------*/
#campusMap{
    padding: 0 30px 20px;
}
#campusMap h3{
	font-size: 1.25rem;
    font-weight: bold;
    padding: 1.25rem;
}
#campusMap h4{
  	text-align:center;
    font-weight:bold;
    padding:30px 20px 10px;
}
#campusMap dt{
	font-size: 1.25rem;
    font-weight: bold;
    padding: 1.25rem;
}
.campusMapImage{
	text-align:center;
}
.campusAccessGuide{
	text-align:center;
    margin-bottom:1.25rem;
}

/*乗換情報
--------------------------*/
#campusTransfer div{
	padding:0 30px 20px;
}

#campusTransfer h3{
	margin:20px 0 0;
	padding-left:25px;
	background:url(../../common/images/common/mrk_h3.png) no-repeat left center;
}

#campusTransfer ul li{
	padding:20px;
	border-bottom:1px solid #CCC;
}

#campusTransfer ul li h4{
	font-weight:bold;
}

/*バリアフリー情報
--------------------------*/
#campusBarrier h3{
	margin:20px 0;
	padding-left:25px;
	background:url(../../common/images/common/mrk_h3.png) no-repeat left center;
}

#campusBarrier h4{
	padding:30px 20px 10px;
}

#campusBarrier div{
	padding:0 30px 20px;
}

#campusBarrier div h4{
	font-weight:bold;
}

#campusBarrier ul{
	border-top:1px solid #bbcbe2;
}

#campusBarrier ul li{
	padding:20px;
	border-bottom:1px solid #CCC;
}

#campusBarrier ol{
	border-top:1px solid #bbcbe2;
    list-style:none;
}

#campusBarrier ol li{
	padding:20px;
	border-bottom:1px solid #CCC;
}

/*乗車位置
--------------------------*/
#campusPosition div{
	padding:0 30px;
	/*text-align:center;*/
}

#campusPosition div h3{
	font-size:1.25rem;
	font-weight:bold;
	padding:1.25rem;
}

/*#campusPosition div img{
	padding:0 0 1.25rem;
}*/

#campusPosition dt{
	font-size: 1.25rem;
    font-weight: bold;
    padding: 1.25rem;
}
.campusPositionImage{
	text-align:center;
}
#campusPosition div th,
#campusPosition div td{
	font-size:0.875rem !important;
	padding:5px 0 !important;
	text-align:center !important;
}

#campusPosition div th{
	min-width:inherit !important;
}

/*その他情報
--------------------------*/
#campusOther div{
	padding:0 30px;
}

/* ------------------------------------------
 共通レイアウト
-------------------------------------------*/

/* ボトム１カラム
--------------------------*/

#btmMainArea{
	clear:both;
	font-size:1rem;
	margin:0 0 0 !important;
	padding:20px 0px;
	border-bottom:1px solid #CCC;
	background:#FFF;
}

#btmMainArea h1{
	font-size:1.625rem;
}


/*#btmMainArea h2{
	font-size:1.625rem;
}
#btmMainArea h3{
	font-size:1.625rem;
}
#btmMainArea h3{
	font-size:1.625rem;
}*/

#pleaseSelectTimeTable{
    margin-left:10px;
}

.imgContainer{
    display:flex;
    /*height:495px;*/
    border:1px solid darkgray;  
}

.imgContainer img{
    margin:auto;
    /*max-height:99%;*/
    /*max-width:99%;*/
    height:auto;
    width:100%;
}


/* メニュー（画像なし用）
--------------------------*/
#topMenu{
	position:relative;
	width:470px;
	float:right;
	background:#FFF;
	margin:20px 0;
}

#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;
}



/* 設備アイコン
--------------------------*/
#FacilityIcon{
    margin-bottom:20px;
}

#FacilityIcon ul{
    margin-left:10px;
    margin-top: 20px
}

#FacilityIcon ul li{
    display:inline;
    margin-left:30px;
}

#FacilityIcon ul li img{
    width:auto;
    height:24px;

    visibility:hidden;
}

/*

----------------------------- */
#noteTimetable{
    padding: 5px;
    vertical-align: middle;
}
#noteTimetable p{
    padding: 0 10px !important;
    font-size: 1rem;
    white-space: pre;
}


/* スマートフォン誘導
---------------------------*/
.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;
}

.delayCertInfoList {
	margin-left: 1rem;
}

	.delayCertInfoList li {
		margin-left: 1rem;
		list-style-type: disc;
	}

.delay-table {
	/*margin-top: 1em;*/
	border-style: dotted;
	border-width: 2px;
	border-color: #808080;
	width: 100%;
}

	.delay-table tr,
	.delay-table th,
	.delay-table td {
		/*margin-top: 1em;*/
		border-width: 2px;
		border-style: dotted;
		text-align: center;
		font-size: 1.125rem;
		border-color: #808080;
		padding: 5px;
	}
.delay-date {
	font-size: 1.125rem;
}
.delay-signature {
	display: block;
	font-size: 1.125rem;
	width: 100%;
	text-align: right;
	margin-top: 1em;
	padding-bottom: 0 !important;
}
@media print {
	.delay-date {
		font-size: 1.125rem;
	}
	.delay-signature {
		display: block;
	}
}