@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
	選択経路
------------------------------------------------------------------*/
#route-date {
	margin:0 0 25px 0;
	clear:both;
	overflow:hidden;
}

#route-date-l {
	width:210px;
	padding:20px 0;
	background:url(../img/bg01.png);
	float:left;
	text-align:center;
}

#route-date-r {
	width:770px;
	padding:35px 25px 35px 25px;
	background:url(../img/bg02.png);
	float:left;
}
#route-date-l-1 {
	margin:0 0 8px 0;
	color:#fff000;
}
#route-date-l-2 {
	margin:0 0 5px 0;
	color:#fff;
	font-size:20px;
	font-weight:bold;
}
#route-date-l-3 {
	color:#fff;
}
#route-date-r-1 {
	margin:0 0 8px 0;
	font-size:20px;
	font-weight:bold;
}
#route-date-r-1 i {
	margin:0 10px;
}
#route-date-r-2 {
	font-size:16px;
}


/*------------------------------------------------------------------
	時間帯・日付変更ボタン
------------------------------------------------------------------*/
.route-select {
	overflow:hidden;
	height:48px;
}
.route-select-l {
	width:490px;
	float:left;
}
.route-select-l p {
	margin:0 15px 0 0;
	float:left;
}
.route-select-l p i {
	margin:0 5px 0 0;
}
.route-select-r {
	width:490px;
	float:right;
}
.route-select-r p {
	float:right;
	margin:0 0 0 15px;
}
.route-select-r p i {
	margin:0 0 0 5px;
}
.route-select-l p a,.route-select-r p a {
	width:150px;
	height:45px;
	display:block;
	text-align:center;
	line-height: 45px;
	text-decoration:none;
	font-weight:bold;
	color: #333;
	border-radius: 5px;
	border: solid 1px #b0b0b0;
	background-image: -moz-linear-gradient( 90deg, rgb(213,213,213) 0%, rgb(237,237,237) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(213,213,213) 0%, rgb(237,237,237) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(213,213,213) 0%, rgb(237,237,237) 100%);
	box-shadow: 0px 2px 2px 0px rgba(146, 146, 146, 0.35),inset 0px -2px 1.96px 0.04px rgba(144, 144, 144, 0.004);
}

.route-select-l p a:hover,.route-select-r p a:hover {
	background-image: -moz-linear-gradient( 90deg, rgb(171,171,171) 0%, rgb(217,217,217) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(171,171,171) 0%, rgb(217,217,217) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(171,171,171) 0%, rgb(217,217,217) 100%);
}

/*------------------------------------------------------------------
	一覧
------------------------------------------------------------------*/
.route-list {
	margin:0 0 20px 0;
	border:1px solid #bdbdbd;
	overflow:hidden;
	box-shadow: 3px 3px 3px -3px #b3b3b3;
}
.route-list-title {
	padding:10px 25px;
	background:#f4f4f4;
	border-bottom:1px solid #bdbdbd;
}
.route-list-inner {
	width:724px;
	padding:15px;
	position:relative;
}
.route-list-dep {
	padding:0 0 0 10px; 
	margin:0 0 10px 0;
}
.route-list-arr {
	padding:0 0 0 10px;
}
.route-list-train {
	margin:0 0 10px 0;
	padding:20px 0 20px 20px;
	font-size:20px;
	font-weight:bold;
	border-top:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	position:relative;
}
.route-list-train i {
	margin:0 60px 0 0;
	color:#1e6e02;
	font-size:36px;
	vertical-align:middle;
}
.route-list-train span {
	margin:0 0 0 10px;
	font-size:14px;
	font-weight:normal;
}
.route-list-btn {
	position:absolute;
	top:50px;
	right:-230px;
}
.route-list-btn i {
	margin:0 0 0 5px;
}
.route-list-btn a {
	width:224px;
	height:56px;
	display:block;
	text-align:center;
	border-radius: 5px;
	color: #316a1e;
	line-height: 56px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #5c844e;
	background-image: -moz-linear-gradient( 90deg, rgb(207,234,198) 0%, rgb(234,250,228) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(207,234,198) 0%, rgb(234,250,228) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(207,234,198) 0%, rgb(234,250,228) 100%);
	box-shadow: 0px 2px 2px 0px rgba(146, 146, 146, 0.35),inset 0px -2px 1.96px 0.04px rgba(144, 144, 144, 0.004);
}
.route-list-btn a:hover {
	background-image: -moz-linear-gradient( 90deg, rgb(164,205,150) 0%, rgb(208,242,196) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(164,205,150) 0%, rgb(208,242,196) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(164,205,150) 0%, rgb(208,242,196) 100%);
}

/*------------------------------------------------------------------
	フッター
------------------------------------------------------------------*/

#footer-cart {
	width:100%;
	background:#000;
	opacity:0.9;
	position: fixed;
    bottom: 0;
    width: 100%;
    height: 140px;
}
#footer-cart-box {
	height:105px;
	margin:20px 0;
	padding:20px;
	border-radius:5px;
	border:2px solid #417c29;
	background:#fff;
}
#footer-cart-box-1 {
	width:190px;
	padding:20px 0 0 0;
	float: left;
	color:#42772f;
	font-size: 16px;
}
#footer-cart-box-1 i {
	margin:0 5px 0 0;
}
#footer-cart-box-2 {
	width:130px;
	float: left;
}
#footer-cart-box-num {
	margin:0 0 5px 0;
}
#footer-cart-box-date {
	font-size: 16px;
	font-weight: bold;
}

#footer-cart-box-3 {
	width:600px;
	float: left;
}
#footer-cart-box-route {
	margin:0 0 7px 0;
}
#footer-cart-box-route span {
	color: #286214;
}
#footer-cart-box-route i {
	margin:0 5px;
}
#footer-cart-box-train {
	margin:0 0 7px 0;
}
#footer-cart-box-mem {

}

/*------------------------------------------------------------------
	座席指定
------------------------------------------------------------------*/

.route-seat {
	width:900px;
	padding:40px;
	position:absolute;
	z-index:11;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background: #fff;
}
.route-seat input {
	margin:0 5px 0 0;
}
.route-seat label {
	padding:10px;
	cursor: pointer;
}

.route-seat-train {
	padding:0 0 10px 0;
	font-size: 16px;
	border-bottom:1px solid #c0c0c0;
	position: relative;
	font-weight: bold;
}
.route-seat-deparr {
	width:100%;
	margin:0 0 30px 0;
}
.route-seat-deparr td{
	padding:10px;
}
.route-seat-deparr-title {
	width:80px;
	background: #a9ca9d;
	color: #fff;
}

.route-seat-deparr-detail {
	background: #f5f5f5;
	
}
.route-seat-free {
	width:100%;
	margin:0 0 30px 0;
	border:1px solid #c0c0c0;
}
.route-seat-free th,.route-seat-free td {
	padding:20px;
	border:1px solid #c0c0c0;
}
.route-seat-free th{
	width:230px;
	text-align: center;
	background: #ebebeb;
}

.route-seat-shitei {
	width:100%;
	margin:0 0 30px 0;
	border:1px solid #c0c0c0;
}
.route-seat-shitei th,.route-seat-shitei td {
	padding:20px;
	border:1px solid #c0c0c0;
}
.route-seat-shitei th{
	text-align: center;
	background: #ebebeb;
	vertical-align: middle;
}
th.route-seat-smoke {
	padding:10px 0;
	vertical-align: middle;
}
td.route-seat-price {
	width:70px;
	vertical-align: middle;
	text-align: center;
}
.route-seat-th1 {
	width:130px;
}
.route-seat-th2 {
	width:100px;
}
.route-seat-free td ,.route-seat-shitei td{
	position: relative;
}
.route-seat-stock {
	position: absolute;
	top:15px;
	right:20px;
}
.route-seat-stock-ok {
	font-weight: bold;
	font-size: 20px;
	color: #d40e4b;
}