@charset "UTF-8";
/*------------------------------------------------------------------------------
	遠鉄電車 - PC CSS
	URL: http://www.entetsu.co.jp/tetsudou/
	Date: 2017-01-13
	Copyright (c) 2016 Ensyu Railway co.,ltd. All Rights Reserved.
------------------------------------------------------------------------------*/

/* #wrapper */
#wrapper{
	position: relative;
	overflow: hidden;
}

/*==============================================================
	header : ヘッダ
===============================================================*/

header{
	position:relative;
	/*overflow:hidden;*/
}
body#home header{
	overflow:hidden;
}
header .hLeft{
	margin:10px 0 0 30px;
	float:left;
	display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	-webkit-align-items:center;
    align-items: center; 	
}
header .hLeft #homeSiteTitle,
header .hLeft #siteTitle{
	margin-right:30px;	
}
header .hLeft #homeSiteTitle,
body#home header .hLeft #siteTitle{
	display:none;	
}
body#home header .hLeft #homeSiteTitle{
	display:block;	
}
header .hLeft #langBtn a{
	position:relative;
    display: block;
    margin-top: 10px;
    padding: 6px 25px 6px 15px;
    border: 1px solid #ccc;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 0.9rem;
    border-radius: 5px;
    color: #000;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(248,248,248) 50%, rgb(252,252,252) 100%);
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(248,248,248) 50%,rgb(252,252,252) 100%);
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(248,248,248) 50%,rgb(252,252,252) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 );
}
header .hLeft #langBtn a:hover{
	background:#f8f8f8;	
}
header .hLeft #langBtn a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 5px;
	height: 5px;
	margin: -3px 0 0 0;
	border-top: solid 1px #d01919;
	border-right: solid 1px #d01919;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

/* #globalNav 
----------------------------------------------------*/
header #globalNav{
	float:right;
}
header #globalNav li{
	float:left;	
}
header #globalNav li a{
	position:relative;
	display:block;	
    min-width: 145px;
    padding: 25px 10px;
	text-decoration:none;
	color:#000;
	border-left:1px solid #d1dae0;
	text-align:center;
	/*font-family: "Rounded Mplus 1c";
	font-weight: 500;*/
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #f5fafb;
}
header #globalNav li a img{
	display:block;
	margin:0 auto 10px;
}
header #globalNav li a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
header #globalNav li a:hover, 
header #globalNav li a:focus, 
header #globalNav li a:active {
	color:#198cd0;
}
header #globalNav li a:hover:before, 
header #globalNav li a:focus:before, 
header #globalNav li a:active:before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

header #globalNav li a.current{
	color:#198cd0;
}
header #globalNav li a.current:before{
	background: #f5fafb;
}
header #globalNav li a.current:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:1px;
	background: #f5fafb;
}

/*==============================================================
	#headline : ヘッドライン
===============================================================*/

/*パンくず
-----------------------------*/
#headline .pan{
	clear:both;
	background:#f5fafb;
	padding:8px 35px;
    border-top: 1px solid #d4dce2;
    border-bottom: 1px solid #d4dce2;
}
#headline .pan p {
    font-size: 90%;
}
#headline .pan p a {
	color: #04426b;
	position: relative;
	margin-right: 25px;
	padding-right: 35px;
}
#headline .pan p a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #198cd0;
	border-right: solid 2px #198cd0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*ページタイトル
-----------------------------*/
#headline #pageTitle{
    margin: auto;
    padding: 30px 0 20px;
    /*font-family: "Rounded Mplus 1c";*/
    font-size: 2.3rem;
    text-align: center;
    border-bottom: 1px solid #d4dce2;
}
#headline #pageTitle span{
	display: block;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    margin-top: 10px;
    color: #aaa;
}
body#fareIndividual #headline #pageTitle,
body#timetableIndividual #headline #pageTitle,
body#stationIndividual #headline #pageTitle{
	display:none;	
}

/*==============================================================
	main : 主コンテンツ
===============================================================*/

#container {
	position:relative;
}
main{
	display:block;
	padding:50px 0 80px;
	max-width:1200px;
	margin:auto;	
}
main .innerW{
	max-width:1200px;
	margin:auto;
	overflow:hidden;	
}


/*============================================
	body#home : トップページ
============================================*/

body#home main{
	max-width:100%;
	padding:0;
}
body#home main img.emoticon{
    vertical-align: top;
    margin: 0 2px;
	display:none;
}

/* #traffic */
body#home main #traffic{
	position: relative;
	background:#d01919;
	border-bottom:2px solid #fff;
}
body#home main #traffic:after{
	position: absolute;
    bottom: -6px;
    content: '';
    background: #d01919;
    width: 100%;
    height: 4px;
}
body#home main #traffic .innerW{
    padding:20px 0 15px;
	position:relative;
    overflow: visible;
}
body#home main #traffic h2{
    display: inline;
}
body#home main #traffic h2 a {
    background: url(../img/ico/ico_traffic.png) no-repeat left top;
    /* margin-right: 35px; */
    padding: 7px 35px 5px 50px;
    color: #fff;
    font-size: 1.5rem;
    display: inline;
    vertical-align: middle;
    text-decoration: none;
}
body#home main #traffic #train{
	display:inline;
    vertical-align: middle;	
    color: #fff;
}
body#home main #traffic #train a{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
	min-height:24px;
    width: 65%;
    font-size: 1.3rem;
}
body#home main #traffic #train.emergency a{
	padding-left:40px;
	color:#fffd80;
	background:url(../img/ico/ico_emergency.png) no-repeat left 5px;
}
body#home main #traffic a .date{
    display: inline-block;
    margin-right: 20px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.5px;
    opacity: 0.9;
    color: #fff;
}
body#home main #traffic #catBtn{
	position:absolute;
	right:40px;
	bottom:0;
	cursor:pointer;	
	padding: 0 35px 0 25px;
	background:#fff url(../img/ico/ico_arrow_bottom.png) no-repeat 95% center;
	/*font-family: "Rounded Mplus 1c";*/
	font-size:1.2rem;	
    font-weight: bold;
	z-index:9999;
	/*min-height:55px;*/
	height:55px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	-webkit-align-items:center;
    align-items: center;
}
.desktop body#home main #traffic #catBtn:before {
	content: '';
    width: 0;
    height: 0;
    border-bottom: 55px solid transparent;
    border-top: 0 solid transparent;
    border-left: 30px solid #fff;
    position: absolute;
    right: -30px;
    top: 0px;
}
.desktop body#home main #traffic #catBtn:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 55px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 30px solid #fff;
    position: absolute;
    left: -30px;
    top: 0px;
}
body#home main #traffic .caution{
	display:none;
	background:#fff;	
	padding:30px 0 15px;
}
body#home main #traffic .caution ol{
	max-width:1200px;
	min-height:135px;
	margin:auto;	
	padding:10px 0 0 180px;
	background:url(../img/fig_caution_akadenman.png) no-repeat 10px top;
}
body#home main #traffic .caution ol li{
	margin-bottom:15px;	
}
body#home main #traffic .caution ol li span{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:	#d01919;
	border-radius:50%;
	margin-right:15px;
	color:#fff;
}

/* #mainVisual */
body#home main #mainVisual{
	padding-top:10px;
    overflow: hidden;
}
body#home main #mainVisual .spSlide{
	display:none;
}
body#home main #mainVisual .mainSlider div.slick-slide{
	position:relative;
	border-bottom:1px solid #d1dae0;	
}
body#home main #mainVisual .mainSlider div .visual{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
	-webkit-align-items:center;
    align-items: center; 	
}
body#home main #mainVisual .mainSlider div .visual img{
	width:100%;
	height:auto;	
}
@media only screen and (min-width:1501px){
}
@media only screen and (max-width:1500px){
/*body#home main #mainVisual .mainSlider div .visual img{
	width:auto;
	height:100%;	
    max-width: none;
}
body#home main #mainVisual .mainSlider div .visual{
	width:1500px;
	height:505px;	
}*/
body#home main #mainVisual .mainSlider div h2 img{
    max-width: none;
    width: 13%;
}
}
body#home main #mainVisual .mainSlider div h2{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	background:url(../../img/bg_dot.png)repeat;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
	-webkit-align-items:center;
    align-items: center; 
	text-align:center;	
}
body#home main #mainVisual .mainSlider div h2 img{
	margin:0 !important;	
}

body#home main #mainVisual .visual .vis01{
    width: calc(50% - 2px);
    margin-right: 4px;
}
body#home main #mainVisual .visual .flex{
    width: calc(50% - 2px);
}
body#home main #mainVisual .visual .flex p{
	width:100%;
}
body#home main #mainVisual .visual .vis02{
    margin-bottom: 4px;
}
body#home main #mainVisual .visual .reserve{
	position:relative;
}
body#home main #mainVisual .visual .reserve .box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:10px;
}
body#home main #mainVisual .visual .reserve .box .title{
	width:60%;
}
body#home main #mainVisual .visual .reserve .box ul{
	width:30%;
}
body#home main #mainVisual .visual .reserve .box ul li:first-child{
	margin-bottom:3%;
}

/* #mainMenu */
body#home main #mainMenu{
	background:#f5fafb;
	border-bottom:1px solid #d4dce2;
	padding:50px 0 60px;
    max-height: 380px;
}
body#home main #mainMenu ul{
	max-width:1200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	margin:auto;		
	border:1px solid #d4dce2;
}
body#home main #mainMenu ul li{
	position:relative;
	width:25%;	
}
body#home main #mainMenu ul li:before{
	content:'';
	width:1px;
	height:100%;
	background:#d4dce2;
	position:absolute;
	left:0;
	top:0;	
}
body#home main #mainMenu ul li:first-child:before{
	display:none;	
}
body#home main #mainMenu ul li a{
	display:inline-block;
	width:100%;	
	background:#fff;
	padding:60px 0 65px;
	/*border-left:1px solid #d4dce2;*/
	text-align:center;
	font-size:1.3rem;	
	/*font-family: "Rounded Mplus 1c";*/
	color:#000;
	text-decoration:none;
}
body#home main #mainMenu ul li:first-child a{
	border-left:none;
}
body#home main #mainMenu ul li a span{
	min-height:95px;	
	margin-bottom:25px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center; 
	-webkit-align-items:center;	
}
body#home main #mainMenu ul li a span img{
	zoom:90%;
}
body#home main #mainMenu ul li a strong{
	font-size:1.5rem;
	color:#0080cb;	
	font-weight:normal;
}
body#home main #mainMenu ul li a:hover{
	/*box-shadow:0 0 10px #fff, 0 0 10px #d4dce2, 0 0 5px #aaa;
	-webkit-box-shadow:0 0 10px #fff, 0 0 10px #d4dce2, 0 0 5px #aaa;
	-moz-box-shadow:0 0 10px #fff, 0 0 10px #d4dce2, 0 0 5px #aaa;
	position:relative;
	border:4px solid #fff;	
	margin-top:-3px;
    -webkit-transition: all .1s;
    transition: all .1s;*/
	border:none;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	position:relative;
	z-index:9999;
	box-shadow:0px 0px 3px 1px #d4dce2;
	-moz-box-shadow:0px 0px 3px 1px #d4dce2;
	-webkit-box-shadow:0px 0px 3px 1px #d4dce2;
}

/* #speBnr */
body#home main #speBnr ul{
	max-width:1200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;	
    justify-content: space-between;	
	margin:60px auto 20px;	
	flex-wrap: wrap;
}
body#home main #speBnr ul li{
	width:550px;	
	margin-bottom: 30px;
}
body#home main #speBnr ul li a:hover{
	opacity:0.8;
}
body#home main #speBnr li.reserve{
	position:relative;
}
body#home main #speBnr li.reserve div{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position:absolute;
	right:3%;
	top:0;
	height:100%;
}
body#home main #speBnr li.reserve div a{
	margin:2px 0;
    height: 41%;
	display:block;
}
body#home main #speBnr li.reserve div a img{
    max-width: none;
    width: auto;
    height: 100%;
}

/* #news,#blog 共通*/
body#home main #news,
body#home main #blog{
	width:550px;
	padding:60px 0 100px;
}
body#home main #news h2,
body#home main #blog h2{
	vertical-align:middle;
	margin-bottom:30px;
	padding:7px 0 20px 70px;
	border-bottom:2px solid #d1dae0;
	/*font-family: "Rounded Mplus 1c";*/
	font-size:1.5rem;	
}
body#home main #news span a,
body#home main #blog span a{
	position:relative;
	display:block;
	float:right;
	font-size:1rem;
	color:#000;
	text-decoration:none;	
	padding:5px 0 5px 30px;
}
body#home main #news span a:before,
body#home main #blog span a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px #0080cb;
	border-right: solid 2px #0080cb;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
	
}
body#home main #news span a:hover:before,
body#home main #blog span a:hover:before{
	left: 2px;
}

/* #news */
body#home main #news{
	float:left;	
}
body#home main #news h2{
	background:url(../../img/ico_news.png) no-repeat 5px top; 	
}
body#home main #news ul{
	padding-right:20px;	
    overflow-y: auto;
	max-height: 420px;
}
body#home main #news ul li{
	margin-bottom:20px;	
}
body#home main #news ul li .date {
    width: 130px;
    float: left;
    color: #7997ab;
    margin: 5px 0;
}
body#home main #news ul li a{
	line-height:1.5;
	color:#333;
    font-size: 95%;
}
body#home main #news ul li a:hover{
	color:#999;	
}
body#home main #news ul li em{
    background: #f8f510;
    width: 50px;
    margin-left: 10px;
    padding: 3px 0;
    text-align: center;
    font-size: 85%;
    display: inline-block;
}

/* #blog */
body#home main #blog{
	float:right;	
}
body#home main #blog h2{
	background:url(../../img/ico_blog.png) no-repeat 5px top; 	
}
body#home main #blog ul li a{
	display:block;
	overflow:hidden;
	clear:both;
	margin-bottom:20px;	
	color:#333;
	text-decoration:none;
}
body#home main #blog ul li a .photo{
	float:left;
	margin-right:35px;
	border:1px solid #d1dae0;
	width:170px;
	height:110px;
	overflow:hidden;
    background: url(../img/bg/bg_noPhoto.gif) no-repeat center center;
    background-size: 100% auto;
}
body#home main #blog ul li a .photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body#home main #blog ul li a span{
    display: inline-block;
    margin:5px 0;
    color: #cb1621;
}
body#home main #blog ul li a h3{
	margin-bottom:10px;
	text-decoration:underline;
	font-size:1.2rem;
	line-height:1.2;	
}
body#home main #blog ul li a p{
	line-height:1.5;
	font-size:95%;	
}
body#home main #blog ul li a:hover{
    background: #f5fafb;	
}


/* .bnrArea */
body#home main .bnrArea{
	clear:both;	
	padding-bottom:100px;
}
body#home main .bnrArea ul{
	max-width:1200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;	
    justify-content: space-between;
	margin:0 auto 50px;	
}
body#home main .bnrArea ul li a:hover{
	opacity:0.8;
}
	
/* #station */
body#home main #station{
	position:relative;
	padding:55px 0 120px;
	background:url(../../img/bg_station.gif) no-repeat center center;
	background-size:auto 100%;
	border-top:4px solid #fff;
	border-bottom:4px solid #fff;
}
body#home main #station:before{
    position: absolute;
    top:-5px;
    content: '';
    background: #d1dae0;
    width: 100%;
    height: 1px;
}
body#home main #station:after{
    position: absolute;
    bottom:-5px;
    content: '';
    background: #d1dae0;
    width: 100%;
    height: 1px;
}
body#home main #station h2{
	position:relative;
	/*font-family: "Rounded Mplus 1c";*/
	font-size:1.8rem;	
	text-align:center;	
	margin-bottom:30px;
	padding-bottom:20px;
}
body#home main #station h2:after{
    position: absolute;
	margin:auto;
    bottom:0;
	left:0;
	right:0;
    content: '';
    background: #cb1621;
    width: 45px;
    height:3px;
	border-radius:3px;
}
body#home main #station p{
	text-align:center;	
	margin-bottom:45px;
}

/* #event */
body#home main #event{
	margin:90px 0 95px;
	width:60%;
	/*max-width:880px;*/
	float:left;	
	border:1px solid #d1dae0;
	background:#fff;
	border-radius:20px;
}
body#home main #event h2{
	background:#1581c1 url(../../img/ico_event.png) no-repeat 30px center;
	border-radius:20px 20px 0 0;
	padding:25px 0 20px 95px;
	color:#fff;
	/*font-family: "Rounded Mplus 1c";*/
	font-size:1.5rem;
}
body#home main #event ul{
	padding:35px 30px;	
}
body#home main #event ul li{
	clear:both;	
	margin-bottom:15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
body#home main #event ul li.mainEvent{
	margin-bottom:50px;
    white-space: normal;
    text-overflow: clip;
}
body#home main #event ul li.mainEvent .photo a{
	width:250px;
	height:180px;
	overflow:hidden;
	margin:0 20px 20px 0;
	float:left;		
    background: url(../img/bg/bg_noPhoto.gif) no-repeat center center;
	background-size:100% auto;
}
body#home main #event ul li.mainEvent .photo a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body#home main #event ul li .date{
	color:#1581c1;
    display: inline-block;
    margin: 5px 30px 0 0;
}
body#home main #event ul li .category{
    background: #37a1c4;
    padding: 5px 0 0;
    display: inline-block;
    margin-right: 20px;
    font-size: 95%;
    color: #fff;
    width: 130px;
    text-align: center;
    line-height: 1.2;
}
body#home main #event ul li.mainEvent .date{
	display:inline-block;	
	margin:0 20px 5px 0;
    float: none;
    width: auto;
}
body#home main #event ul li.mainEvent .category {
    margin: 0 20px 10px 0;
}
body#home main #event ul li a{
    line-height: 1.5;
    color: #333;
    font-size: 95%;
}
body#home main #event ul li.mainEvent h3{
    font-size: 1.2rem;	
	margin-bottom:20px;
}
body#home main #event ul li.mainEvent p{
	text-align:justify;
	line-height:1.5;	
    font-size: 95%;
}

/* #snsArea */
body#home main #snsArea{
    width:35%;
    margin: 90px 0 95px;
    float: right;
}
body#home main #snsArea p{
	margin-bottom:24px;	
}
body#home main #snsArea img{
	width:100%;
	height:auto;
}


/*============================================
	時刻表・運賃・各駅情報共通
============================================*/

main #stInfo #stName{
	overflow:hidden;	
	background:#0080cb;	
	color:#fff;
	border:1px solid #bbb9a8;
	/*font-family: "Rounded Mplus 1c";*/
	margin-bottom:50px;
    padding:20px 20px 15px;
    border-radius: 5px;
}
#stInfo #stName h2{
	font-size:2.3rem;
	text-align:center;
    letter-spacing: 3px;
}
#stInfo #stName p{
	text-align:center;	
	font-size:1.2rem;
	margin-top:15px;
}
#stInfo #stName p span{
	position:relative;
	display:inline-block;	
	padding:0 30px;
}
#stInfo #stName p span.en{
    font-family: 'Lato', sans-serif;
}
#stInfo #stName p span.en:after{
    content: '／';
    position: absolute;
    right: -10px;
}
#stInfo #stName ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content:space-between;
	margin-top:20px;
    padding-top:15px;
    border-top: 3px solid #eee;
}
#stInfo #stName ul li{
    width: 33.3%;
    line-height: 32px;
}
#stInfo #stName ul li.num{
	text-align:center;
    border: 2px solid #fff;
    width: 38px;
    height: 38px;
    text-align: center;
	border-radius:50%;
    /*font-size: 130%;*/
    font-family: 'Lato', sans-serif;
}
#stInfo #stName ul li a{
	color:#fff;	
	font-size:120%;
}
#stInfo #stName ul li.after{
	text-align:right;
}
#stInfo #stName ul li.after a{
	padding-right:40px;	
	background:url(../img/ico/ico_right.png) no-repeat right center;
}
#stInfo #stName ul li.before a{
	padding-left:40px;
	background:url(../img/ico/ico_left.png) no-repeat left center;	
}
#stInfo ul.btn{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content:space-between;
	margin:0 auto 20px;	
	width:70%;
}
#stInfo ul.btn li{
	display:block;
	width:48%;	
}


/*============================================
	body.timetable : 時刻表
============================================*/

/* #timetableIndex */
body#timetableIndex main section .btn a{
    width: 400px;
    margin:0 auto 60px;
}
body#timetableIndex main section {
    margin-bottom: 50px;
}

/* #timetableIndividual */
body#timetableIndividual main #tTable h2{
	display:none;	
}
body#timetableIndividual main #tTable table{
	width:100%;
	margin:30px 0 20px;
}
body#timetableIndividual main #tTable table th,
body#timetableIndividual main #tTable table td{
	border:1px solid #d4dce2;
	padding:20px;
}
body#timetableIndividual main #tTable table thead th{
	font-size:1.5rem;
	text-align:center;	
	color:#fff;
}
body#timetableIndividual main #tTable table thead th.upTrain,
body#timetableIndividual main #tTable table thead th.downTrain{
	width:48%;
	color:#333;
}
body#timetableIndividual main #tTable table thead th{
	background:#333;
}
body#timetableIndividual main #tTable table thead th.upTrain{
	background:#9ed8d9;
}
body#timetableIndividual main #tTable table thead th.downTrain{
	background:#ebbda4;
}
body#timetableIndividual main #tTable table tbody td:nth-child(2){
	text-align:center;
	font-weight:bold;	
	background:#ddd;
	border:1px solid #fff;
}
body#timetableIndividual main #tTable table tbody tr:nth-child(even){
	background:#fcfcfc;
}
body#timetableIndividual main #tTable table tbody td{
	font-size:1.3rem;	
}
body#timetableIndividual main #tTable table tbody td span{
	position:relative;
	display:inline-block;	
	padding:0 13px;
	margin:0 4.5%;
}
body#timetableIndividual main #tTable table tbody td span:hover{
	cursor:default;
}
body#timetableIndividual main #tTable table tbody td span.week:before{
	content:'';
	width:7px;
	height:7px;
	background:#d01919;
	border-radius:50%;
	position:absolute;
	top:2px;
	right:0;
}
body#timetableIndividual main #tTable table tbody td span.holiday:after{
	content:'';
	width:7px;
	height:7px;
	background:#19d08d;
	border-radius:50%;
	position:absolute;
	bottom:0;
	right:0;
}
body#timetableIndividual main #tTable table tbody td span.weekend:before{
	content:'';
	width:7px;
	height:7px;
	background:#efaa03;
	border-radius:50%;
	position:absolute;
	top:2px;
	right:0;
}

body#timetableIndividual main #tTable ul{
    margin: 0 10px 50px;
}
body#timetableIndividual main #tTable ul li{
	position:relative;
	padding-left:30px;	
	font-size:120%;
    margin: 0 0 10px;
    line-height: 1.4;
}
body#timetableIndividual main #tTable ul li.week:before{
	content:'';
	width:20px;
	height:20px;
	background:#d01919;
	border-radius:50%;
	position:absolute;
	left:0;
}
body#timetableIndividual main #tTable ul li.week strong{
	color:#d01919;	
}
body#timetableIndividual main #tTable ul li.holiday:before{
	content:'';
	width:20px;
	height:20px;
	background:#19d08d;
	border-radius:50%;
	position:absolute;
	left:0;
}
body#timetableIndividual main #tTable ul li.holiday strong{
	color:#19d08d;	
}
body#timetableIndividual main #tTable ul li.weekend:before{
	content:'';
	width:20px;
	height:20px;
	background:#efaa03;
	border-radius:50%;
	position:absolute;
	left:0;
}
body#timetableIndividual main #tTable ul li.weekend strong{
	color:#efaa03;	
}
body#timetableIndividual main #tTable .prtBtn a{
	display:block;
	clear:both;
    width:450px;
    margin: auto;
    padding: 20px 0;
    text-align: center;
    background: #d01919;
    color: #fff;
    font-size: 1.5rem;
	text-decoration:none;
}

/*============================================
	body.fare : 運賃表
============================================*/

/* #fareIndex */
body#fareIndex main section{
	margin-bottom:50px;	
}
body#fareIndex main section div{
    /*margin:100px auto 0;*/
	margin:0 auto 40px;
	text-align:center;
}
body#fareIndex main section .btn{
	display:inline-block;
    width: 400px;
	margin:0 10px;
}
body#fareIndex main section .btn a{
    width: 100%;
}

/* #fareIndividual */
body#fareIndividual main #fareBox{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content:space-between;		
    margin: 30px 0 20px;
}
body#fareIndividual main .fareTbl{
	width:55%;	
}
body#fareIndividual main .fareTbl h2{
	display:none;	
}
body#fareIndividual main .fareTbl .tbl003{
	margin-bottom:50px;	
}
body#fareIndividual main .fareTbl .tbl003 tr:hover{
	background:#f5fafb;	
	cursor:default;
}
body#fareIndividual main .fareTbl .tbl003 tr.here,
body#fareIndividual main .fareTbl .tbl003 tr:hover.here{
	background:/*#fce9e9*/#fffec8;	
}
body#fareIndividual main .fareTbl .tbl003 th:nth-child(1),
body#fareIndividual main .fareTbl .tbl003 td:nth-child(1){
	border-right:3px double	#d1dae0;
    /*text-align: left;*/
	font-weight:bold;
	font-size:110%;
}
body#fareIndividual main .fareTbl .tbl003 td:nth-child(1){
	text-align: left;
    width: 45%;
}
body#fareIndividual main .fareTbl .tbl003 th{
    padding: 10px 15px;
}
body#fareIndividual main .fareTbl .tbl003 td{
	background:none;	
	padding:15px;
}
body#fareIndividual main .fareTbl .tbl003 td em{
    display: inline-block;
    background: #fff;
    border: 3px solid #cb1621;
	color:#333;
    width: 33px;
    height: 33px;
    line-height: 27px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1rem;
    margin-right: 20px;
}
body#fareIndividual main .fareTbl .tbl003 td span{
	font-size:80%;	
}
body#fareIndividual main .fareTbl .prtBtn{
	width:50%;
	margin:auto;
	padding:20px 0;
	text-align:center;
	cursor:pointer;
	background:#d01919;
	color:#fff;
	font-size:1.5rem;
}
body#fareIndividual main .desc{
	width:40%;	
}
body#fareIndividual main .desc div{
    clear: both;
    overflow: hidden;
    border: 1px solid #d4dce2;
    border-radius: 10px;
    margin-bottom:40px;
    padding:0 20px 30px;
	font-size:95%;
}
body#fareIndividual main .desc div hr{
    border: none;
    border-top: 1px solid #ccc;
    margin: 30px 0;
	clear:both;
}
body#fareIndividual main .desc div h2{
    background: #f5fafb;
    border-radius: 10px 10px 0 0;
    border-bottom: 3px solid #d4dce2;
    margin:0 -20px 25px;
    padding:15px 20px;
    font-size: 1.4rem;
}
body#fareIndividual main .desc div h3{
    margin-bottom:10px;
    color: #005f97;
	font-size:1.2rem;
}
body#fareIndividual main .desc div h4{
	font-weight:bold;
	margin:20px 0 10px;	
}
body#fareIndividual main .desc div a{
	color:#0080cb;	
}
body#fareIndividual main .desc div p{
	line-height:1.6;
}
body#fareIndividual main .desc div dl dt{
	font-size:110%;
	font-weight:bold;	
}
body#fareIndividual main .desc div.ride dl dt{
	position:relative;
	display:inline-block;
	width:25%;
    margin-top:10px;
	line-height:1.7;
}
body#fareIndividual main .desc div.ride dl dt:after{
    content: '・・・';
    letter-spacing: 0;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 20%;
    margin: auto;
}
body#fareIndividual main .desc div.ride dl dd{
	display:inline-block;
    vertical-align: top;
    width:70%;
	margin-top:10px;	
	line-height:1.5;
}
body#fareIndividual main .desc div .btn2 a{
    display: block;
    color: #fff;
    background: #444;
    text-align: center;
    width: 40%;
    float: right;
    text-decoration: none;
    padding: 7px 0;
    margin: 10px 0 30px;
    font-size: 98%;
}
body#fareIndividual main .desc div.nicePass dl dt{
	margin:20px 0 10px;	
}
body#fareIndividual main .desc div.nicePass dl dd{
}
body#fareIndividual main .desc div.nicePass span{
	display:block;
	font-size:90%;	
}

/* 印刷するボタン押した時他消す */
body.fare .print-off {
    display: none;
}


/*============================================
	body.station : 各駅情報
============================================*/

/* #stationIndex */
body#stationIndex main section{
    margin-bottom: 50px;
}

/* #stationIndividual */
body#stationIndividual main #stInfo{
	margin-bottom:70px;
}
body#stationIndividual main #stInfo .mainTxt{
    line-height: 2;
    margin-bottom: 60px;
    text-align: center;
    font-size: 110%;
}
body#stationIndividual main #stInfo .slider{
	width:550px;
	float:left;
	margin-bottom:40px;
    padding-bottom: 35px;	
}
body#stationIndividual main #stInfo .information{
	width:600px;
	float:right;
}
body#stationIndividual main #stInfo .information .tbl001{
	margin-bottom:40px;
}
body#stationIndividual main #stInfo .information .tbl001 th,
body#stationIndividual main #stInfo .information .tbl001 td{
	padding:25px 5px;	
}
body#stationIndividual main #stInfo .information .tbl001 th{
	width:30%;	
}
body#stationIndividual main #stInfo .information .tbl001 td span{
	font-size:90%;	
	display:block;
	margin-top:5px;
}
body#stationIndividual main #stBasic .facilities{
	overflow:hidden;	
}
body#stationIndividual main #stBasic{
	overflow:hidden;
    clear: both;
}
body#stationIndividual main #stBasic  .facilities .tbl002{
	width:31.5%;
	margin:0 3% 50px 0;	
	float:left;
}
body#stationIndividual main #stBasic  .facilities .tbl002 th, 
body#stationIndividual main #stBasic  .facilities .tbl002 td {
    padding: 15px 10px;
} 
body#stationIndividual main #stBasic  .facilities .tbl002 td{
	text-align:center;	
    font-family: 'Lato', 'Noto Sans Japanese', sans-serif;
    font-size: 1.2rem;
}
body#stationIndividual main #stBasic  .facilities .tbl002 td span{
	font-size:0.9rem;	
}
body#stationIndividual main #stBasic .facilities ul{
	width:30%;
	float:right;	
}
body#stationIndividual main #stBasic .baby{
	clear:both;	
	overflow:hidden;
    border: 1px solid #d4dce2;
	border-radius:20px;
	margin-bottom:70px;
	padding-bottom:30px;
}
body#stationIndividual main #stBasic .baby h3{
	background:#0080cb;
	border-radius:20px 20px 0 0;
	color:#fff;
    margin-bottom: 25px;
	padding:20px;	
    font-size: 1.5rem;
}
body#stationIndividual main #stBasic .baby h3 span{
	margin-left:30px;
	font-size:80%;
	color:#f8f510;	
}
body#stationIndividual main #stBasic .baby p{
	margin:0 30px 30px;	
	font-size:110%;
}
body#stationIndividual main #stBasic .baby table{
	width:450px;
	float:left;
	margin-left:30px;	
	font-size:120%;
}
body#stationIndividual main #stBasic .baby table th{
	background:#f5fafb;	
}
body#stationIndividual main #stBasic .baby table th,
body#stationIndividual main #stBasic .baby table td{
	width:50%;	
    border: 1px solid #d4dce2;
    padding: 20px 10px;
	text-align:center;
}
body#stationIndividual main #stBasic .baby dl{
	width:630px;
	float:right;	
    margin-right: 30px;
}
body#stationIndividual main #stBasic .baby dl dt{
    padding: 5px 0 5px 20px;
    margin-bottom: 15px;
    font-size: 130%;
    color: #0080cb;
    border-left: 5px solid #ccc;
}
body#stationIndividual main #stBasic .baby dl dd{
	line-height:1.5;	
}
body#stationIndividual main #stBasic .baby dl dd span{
	display:block;
	font-size:90%;	
}
body#stationIndividual main #stBasic .access{
	width:550px;
	float:left;	
}
body#stationIndividual main #stBasic .access iframe{
	clear:both;	
	border-radius:10px;
	border:1px solid #ccc;	
}
body#stationIndividual main #stBasic .transfer{
	width:600px;
	float:right;
}
body#stationIndividual main #stBasic .transfer ul li{
	background:#0080cb;
	padding:10px;
	border-radius:5px;	
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center; 
	-webkit-align-items:center;
	margin-bottom:30px;
}
body#stationIndividual main #stBasic .transfer ul li h4{
	font-size:110%;
	font-weight:bold;
    color: #f8f510;	
	min-width:150px;
}
body#stationIndividual main #stBasic .transfer ul li p{
	background:#fff;
	border-radius:5px;
	margin-left:10px;
	padding:20px;	
	width:100%;
}
body#stationIndividual main #stBasic .transfer ul li p a{
	color:#0080cb;	
}


/*============================================
	body#guideRide : ご乗車について
============================================*/

body#guideRide main p{
	line-height:1.5;
}
body#guideRide main section div{
	overflow:hidden;	
}
body#guideRide main section div .photo{
	float:left;
	margin-right:50px;	
}
body#guideRide main section div p{
	font-size:110%;
	line-height:1.8;	
}
body#guideRide #geton{
	margin-bottom:80px;	
}
body#guideRide main #geton div{
	margin-bottom:80px;	
}
body#guideRide #geton h3{
	clear:both;	
}
body#guideRide #geton ol{
    border-top: 1px solid #d1dae0;
	margin-bottom:30px;
}
body#guideRide #geton ol li{
    border-bottom: 1px solid #d1dae0;
    display: -webkit-flex;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: flex-start;
    align-items: center;
	-webkit-align-items:center;
    padding: 10px;
}
body#guideRide #geton ol li .num{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #d01919;
    border-radius: 50%;
    margin-right:40px;
    color: #fff;
	font-size:1.4rem;
}
body#guideRide #geton ol li .photo{
    margin-right:40px;	
}
body#guideRide #getout #movie{
	width:853px;
	margin:80px auto 0;
}
body#guideRide #getout #youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom:80px;
}
body#guideRide #getout #movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/*============================================
	body#guideDiscount : 乗車券
============================================*/

body#guideDiscount main{
    /*max-width: 100%;
    padding-top: 0;*/
}
body#guideDiscount #lead{
	padding:5px;	
	background:#c30d23;
	margin-bottom:80px;
	overflow:hidden;
}
body#guideDiscount #lead h1{
	position:relative;
    background: #ebcf78 url(../../guide/img/discount/bg_discount_01.png) no-repeat right center;
    background-size: auto 140%;
	text-align:center;
    display: flex; 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    align-items: center;
	-webkit-align-items:center;
}
body#guideDiscount #lead h1 img{
    width: 50%;
    height: auto;
}
body#guideDiscount #outline{
	width:49%;
	float:left;
	line-height:1.5;
	background:#c30d23;
	padding:15px 0 0;
}
body#guideDiscount #outline table{
	width:100%;
	margin:auto;
	font-size:18px;
}
body#guideDiscount #outline table th,
body#guideDiscount #outline table td{
	padding:14px 0;
	border:10px solid #c30d23;
}
body#guideDiscount #outline table th{
	background:url(../../guide/img/discount/bg_discount_02.png) no-repeat;
	background-size:cover;
	width:25%;
	text-align:center;
	vertical-align:middle;
}
body#guideDiscount #outline table td{
	width:75%;
	color:#fff;
}
body#guideDiscount #ticket{
    width: 49%;
    float: right;
    margin: 20px 10px 20px 0;
	background:#fff1f3;
	padding:20px 40px;
}
body#guideDiscount #ticket ul{
	border-bottom:2px solid #000;	
}
body#guideDiscount #ticket ul li{
	margin-bottom:12px;	
}
body#guideDiscount #ticket ul li em{
    float: right;
    font-size: 110%;
    font-weight: bold;
    display: block;
    text-align: right;
}
body#guideDiscount #ticket p.price{
	clear:both;
	text-align:right;
	margin:5px 0 10px;
}
body#guideDiscount #ticket p.price strong{
	color:#c30d23;
	font-size:160%;
	margin:0 0 0 5px;	
}
/*body#guideDiscount #lead{
	position:relative;
	background:url(../../guide/img/discount/bg_discount_01.png) no-repeat right bottom;
	background-size:cover;
	text-align:center;
	height:470px;
    display: flex; 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    align-items: center;
	-webkit-align-items:center;
}
body#guideDiscount #outline{
	margin-bottom:80px;
	line-height:1.5;
	background:#c30d23;
	padding:20px 0;
}
body#guideDiscount #outline table{
	width:1200px;
	margin:auto;
	font-size:20px;
}
body#guideDiscount #outline table th,
body#guideDiscount #outline table td{
	padding:10px 40px;
	border:10px solid #c30d23;
}
body#guideDiscount #outline table th{
	background:url(../../guide/img/discount/bg_discount_02.png) no-repeat;
	background-size:cover;
	width:25%;
	text-align:center;
	vertical-align:middle;
}
body#guideDiscount #outline table td{
	width:75%;
	color:#fff;
}
body#guideDiscount #ticket,
body#guideDiscount #plan{
    max-width: 1200px;
    margin: auto;
}
body#guideDiscount #ticket p{
	background:#fff1f3;
	padding:40px 0;
	text-align:center;
	margin-bottom:80px;
}*/
body#guideDiscount #plan{
    max-width: 1200px;
    margin: auto;
}
body#guideDiscount #plan ul{
	display: -webkit-flex;
	display: flex;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content:space-between;
}
body#guideDiscount #plan ul li{
	width:48%;	
}
body#guideDiscount #plan ul li dl{
	margin-bottom:80px;
}
body#guideDiscount #plan ul li p{
	line-height:1.5;
	margin-bottom:20px;
}
body#guideDiscount #plan ul li dl dt{
    border-top: 4px solid #229ce3;
    border-bottom: 2px solid #229ce3;
    padding: 25px 10px;
    margin-bottom: 40px;
	margin-bottom:40px;
}
body#guideDiscount #plan ul li p.photo{
	text-align:center;
	margin-bottom:40px;
}
body#guideDiscount #plan ul li p.money strong{
	color:#c30d23;
	font-size:24px;
	margin:0 10px 0 20px;
}


/*============================================
	body#guideManner : マナーページ
============================================*/

body#guideManner #container{
	max-width:1200px;
	margin:auto;	
    padding: 50px 0 80px;
}
body#guideManner main {
	width:70%;
	float:right;	
    padding: 0;
}
body#guideManner main div{
	margin-bottom:50px;
	overflow:hidden;
}
body#guideManner main h2.ttl01{
    padding: 20px 10px;
    font-size: 1.6rem;
    margin-bottom: 20px;
}
body#guideManner main h3.ttl02{
    font-size: 1.3rem;
    margin-bottom:15px;
    color: #005f97;
}
body#guideManner main div p{
	margin-bottom:20px;
	line-height: 1.8;
	text-align:justify;
}
body#guideManner main div strong{
	margin:0;
	color:#e3223d;
	font-size:1.4rem;
}
body#guideManner main div figure{
	float:right;
	margin:0 0 0 20px;	
	width:30%;
}
body#guideManner main div figure img{
	display:block;
	margin-bottom:20px;	
	width:100%;
	height:auto;
}
body#guideManner #sub {
    width: 300px;
    float: left;
}
body#guideManner #sub #localNav{
    border: 1px solid #d1dae0;
    background: #fff;
}
body#guideManner #sub #localNav li a{
	display:block;
	padding:20px 10px;
    border-top: 1px dashed #d1dae0;	
	color:#333;
}
body#guideManner #sub #localNav li:first-child a{
	border:none;	
}
body#guideManner #sub #localNav li a:hover{
	background:#f5fafb;
}
body#guideManner #sub #localNav li a.current{
	font-size:110%;
	background:#f5fafb;
	text-decoration:none;
	color:#198cd0;
}


/*============================================
	body#guideContact : 各駅窓口
============================================*/

body#guideContact #ticket_office table{
	table-layout:auto;
	margin-bottom:20px;
}
body#guideContact #ticket_office td span{
	display:block;
	margin-bottom:4px;
}
body#guideContact #ticket_office tr th:first-child{
	width:20%;
}


/*============================================
	body#guideTaxi : 遠鉄タクシーでラクラク乗り換え！
============================================*/

body#guideTaxi #container{
	background:url(../../guide/img/taxi/bg_main.png) no-repeat center top;
	background-size:100% auto;	
}
body#guideTaxi main{
	padding-bottom:0;	
}
body#guideTaxi main #lead{
	position:relative;	
	margin-bottom:70px;
}
body#guideTaxi main #lead h2{
	text-align:center;
	margin-bottom:35px;	
}
body#guideTaxi main .exTxt{
	position:absolute;
    font-size: 1.1rem;
    line-height: 1.8;
}
body#guideTaxi main .exTxt.kome p{
	position: relative;
	padding-left: 20px;
}
body#guideTaxi main .exTxt.kome p::before{
	content:'※';
	position: absolute;
	left: 0;
	top: 0;
}
body#guideTaxi main #lead .exTxt{
	bottom:55px;
}
body#guideTaxi main #lead div{
	/*display: -webkit-flex;
	display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	justify-content:space-between;*/
}
body#guideTaxi main #lead div img{
	display:inline-block;
	vertical-align:top;	
}
body#guideTaxi main #lead div .img01{
    width: 40%;
}
body#guideTaxi main #lead div .img02{
    width: 5%;
	margin:240px 1% 0;
}
body#guideTaxi main #lead div .img03{
    width: 53%;
	margin-top:100px;
}
body#guideTaxi main #free h2{
	margin:0 auto 40px;
	text-align:center;
	font-weight:bold;
	font-size:2rem;
}
body#guideTaxi main #free h2 span{
	display:inline-block;
	padding:0 25px 10px;
	background:url(../../guide/img/taxi/bg_line.png) repeat-x left bottom;
}
body#guideTaxi main #free h2 strong{
	font-size:2.6rem;	
}
body#guideTaxi main #free h2 strong,
body#guideTaxi main #free h2 em{
	color:#d01919;
	font-weight:bold;	
}
body#guideTaxi main #free .station{
	display: -webkit-flex;
	display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	justify-content:space-between;
	margin-bottom:70px;
}
body#guideTaxi main #free .station li{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	margin:0;
	height:180px;
	font-size:1.4rem;
	text-align:center;
	padding:0 12px 0 8px;
	background:#198cd0;
	color:#fff;
	border-radius:5px;
}
body#guideTaxi main #free .station li.noFree{
	background:#e2e2e2;
	color:#999;	
}
body#guideTaxi main #free div{
	max-width:1040px;
	border:1px solid #d1dae0;
	border-radius:20px;
	margin:0 auto 85px;
	padding:30px 0;
	display: -webkit-flex;
	display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;	
}
body#guideTaxi main #free div h3{
    color: #fff;
    background: #229ce3;
    border-radius: 5px;
	margin-right:40px;
    padding: 8px 40px;
    font-size: 1.5rem;
}
body#guideTaxi main #free div p{
	font-size:2.4rem;
}
body#guideTaxi main #point{
	position:relative;	
}
body#guideTaxi main #point .abImage{
	margin-top:-150px;	
}
body#guideTaxi main #point .exTxt{
	bottom:280px;
}


/*============================================
	body.nice_pass : ナイスパス
============================================*/

body.nice_pass main section {
    margin-bottom: 50px;
}
body.nice_pass .flex-box{
	display: -webkit-flex;
	display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	justify-content:space-between;
}
body.nice_pass main p{
	line-height:1.5;
	margin-bottom:30px;
}
body.nice_pass #general{
	width:48%;
	float:left;	
	margin-bottom:30px;
}
body.nice_pass #student{
	width:48%;
	float:right;	
}
body.nice_pass .nice_passBox{
	margin-bottom:80px;
	clear:both;
}
body.nice_pass .nice_passBox ul{
	margin-bottom:40px;	
}
body.nice_pass .flex-box .textBox{
	margin-left:30px;
	width:75%;
}
body.nice_pass ul.list001{
	margin-left:1.7em;
}
body.nice_pass ul.list001 li{
	list-style:outside;
	margin-bottom:10px;
}

/* #nice_passIndex */
body#nice_passIndex #pageTitle{
	display:none;	
}
body#nice_passIndex main{
	max-width:100%;	
	padding-top:0;
}
body#nice_passIndex main #lead{
	position:relative;	
	margin-bottom:120px;
}
body#nice_passIndex main #lead .bg img{
	width:100%;
	height:auto;	
}
body#nice_passIndex main #lead h2{
	position:absolute;
	width:400px;
	top:20%;
	left:0;
	right:0;
	margin:auto;	
}
body#nice_passIndex main #lead .card{
	position:absolute;
	width:370px;
	bottom:-40px;
	left:0;
	right:0;
	margin:auto;	
}
body#nice_passIndex main #branch{
	max-width:1200px;
	margin:auto;	
}
body#nice_passIndex main #branch h2{
	text-align:center;
	margin-bottom:50px;
	font-size:3rem;	
}

/* #nice_passAbout */
body#nice_passAbout #student table{
	margin-bottom:20px;
}
body#nice_passAbout main table tr:nth-of-type(even) th,
body#nice_passAbout main table tr:nth-of-type(even) td{
	background:#f5fafb;
}
body.nice_pass ul.list002 li,
body#nice_passAbout main #option li {
    font-size: 105%;
    margin-bottom: 15px;
    padding: 0 0 15px 50px;
    border-bottom: 1px dashed #ccc;
    background: url(../img/ico/ico_check.png) no-repeat 10px top;
	line-height:1.2;
}
body#nice_passAbout main #option .photo{
	width:32%;
}
body#nice_passAbout main #option .photo img{
	width:100%;
	height:auto;
}
/* #nice_passTrainpass */
body#nice_passTrainpass .passBox{
	margin-bottom:50px;
}

body#nice_passTrainpass main .tbl003{
	table-layout:fixed;
}
body#nice_passTrainpass #reasonable .lead{
	font-size:1.4rem;
}
body#nice_passTrainpass #reasonable .lead strong{
	font-size:1.8rem;
	color:#229ce3;
}
body#nice_passTrainpass #reasonable dl {
	overflow:hidden;
	margin:30px 0 20px; 
}
body#nice_passTrainpass #reasonable dl dt{
	clear:left;
	float:left;
	padding:22px 30px;
	padding-left:72px;
	margin: 0 20px 12px 0;
	border-radius:8px;
	width:192px;
}
body#nice_passTrainpass #reasonable dl dd{
	float:left;
	padding:14px 0;
	font-size:1.4rem;
}
body#nice_passTrainpass #reasonable #weekday{
    background: #f5fafb;
	padding:4%;
	border-radius:8px;
}
body#nice_passTrainpass #reasonable #weekday p{
	margin-bottom:10px;
}
body#nice_passTrainpass #reasonable #weekday p.atte{
	margin-bottom:30px;
}
body#nice_passTrainpass #refund .formula {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	align-items: center;
	-webkit-align-items:center;
}
body#nice_passTrainpass #refund .sp{
	display:none;
}
body#nice_passTrainpass #refund .formula strong,
body#nice_passTrainpass #refund .formula span{
	font-size:1.3rem;
	padding:5px;
}
body#nice_passTrainpass main dl dt.usable{
	background:#0080cb url(../../nice_pass/img/trainpass/ico_usable.png) no-repeat 20px center;
	color:#fff;
}
body#nice_passTrainpass main dl dt.unusable{
	background:#e2e2e2 url(../../nice_pass/img/trainpass/ico_unusable.png) no-repeat 20px center;
}

body#nice_passTrainpass main table{
	margin-bottom:20px;
}
body#nice_passTrainpass #reasonable td {
	vertical-align:top;
	padding:20px;
}
body#nice_passTrainpass #reasonable td p{
	margin:20px 0;
	text-align:left;
}
body#nice_passTrainpass #reasonable td li{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:left;
	font-size:1.4rem;
}
body#nice_passTrainpass #ticket_office table{
	table-layout:auto;
}
body#nice_passTrainpass #ticket_office td span{
	display:block;
	margin-bottom:4px;
}
body#nice_passTrainpass #ticket_office tr th:first-child{
	width:20%;
}
body#nice_passTrainpass #newsemester th{
	background:#f5fafb;
}
body#nice_passTrainpass #newsemester .reduction_rate strong{
	font-size:1.9rem;
	padding:0 4px;
	color:#229ce3;
}
body#nice_passTrainpass #newsemester .kome{
	text-align:left;
	line-height:1.5;
	
}

/* #nice_passUse */
body#nice_passUse .busBox,
body#nice_passUse .trainBox{
	margin-bottom:40px;
}
body#nice_passUse .busBox p,
body#nice_passUse .trainBox p{
	margin-bottom:0;
}
body#nice_passUse .textBox{
	width:78%;
}
body#nice_passUse .attentionBox{
    background: #f5fafb;
    padding: 4%;
    border-radius: 8px;
}
body#nice_passUse .attentionBox p{
	margin-bottom:0;
}
body#nice_passUse .textBox .attention{
	margin-top:20px;	
}
body#nice_passUse .trouble h3{
	text-align:center;
	color:#fff;
	background:#0080cb;
	padding:20px;
	font-size:1.4rem;
	border-radius:8px;
	position:relative;
}
body#nice_passUse .trouble h3:after{
	width:30px;
	height:30px;
	content:"";
	background:#0080cb;
	border-radius:4px;
	display:block;
	position:absolute;
	bottom:-7px;
	left:0;
	right:0;
	margin:0 auto;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
body#nice_passUse .trouble dt{
	font-size:1.4rem;
	color:#0080cb;
	margin-bottom:20px;
}
body#nice_passUse .trouble dd{
	font-size:1.2rem;
	padding-bottom:12px;
	margin-bottom:30px;
	border-bottom:1px dashed #ccc;
	line-height:1.3;
}

/* 取扱い規則 */
body#nice_passRule main ol{
    line-height: 1.5;
	margin-bottom: 40px;
}
body#nice_passRule main section{
    overflow: hidden;
}
body#nice_passRule main section ol li {
    margin-bottom: 20px;
}
body#nice_passRule main section ol li span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #d01919;
    border-radius: 50%;
    margin-right: 15px;
    color: #fff;
    float: left;
}
body#nice_passRule main section ol li ul{
	margin-left:30px;	
}
body#nice_passRule main section ol li ul li{
    margin-top: 15px;
    padding:0 0 15px 50px;
    border-bottom: 1px dashed #ccc;
	background:url(../img/ico/ico_check.png) no-repeat 10px top;
}
body#nice_passRule main section .floatL,
body#nice_passRule main section .floatR{
	width:48%;	
}
body#nice_passRule main section table{
	margin-bottom:20px;	
}
body#nice_passRule main section table.tbl003 th,
body#nice_passRule main section table.tbl003 td{
	width:50%;
}
body#nice_passRule main section table.tbl002{
}
body#nice_passRule main section table.tbl002 th{
	width:60%;
}
body#nice_passRule main section table.tbl002 td{
	width:40%;
}


/*============================================
	body.faq : よくあるご質問
============================================*/

body.faq main section{
	margin-bottom:50px;
}
body.faq main #lead ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content:space-between;
}
body.faq main #lead ul li a{
	position:relative;
	display:block;
	width:190px;
	border:1px solid #d1dae0;
	text-align:center;
	color:#333;
	text-decoration:none;
	padding:20px 0 30px;
	font-size:95%;
	border-radius:3px;
}
body.faq main #lead ul li a:after{
    display: block;
    content: "";
    position: absolute;
    bottom:15px;
    left:0;
    right:0;
    width: 6px;
    height: 6px;
    margin:0 auto;
    border-top: solid 2px #d01919;
    border-right: solid 2px #d01919;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
body.faq main #lead ul li a:hover:after{
    bottom:13px;
}
body.faq main #lead ul li a:hover{
	background:#d4dce2;
}
body.faq main section h3{
	font-size:1.7rem;	
	margin-bottom:30px;
	padding:7px 0 7px 70px;
	background:url(../img/ico/ico_q.png) no-repeat left center;
}
body.faq main section div{
	background:#f5fafb;
	margin:0 0 70px 40px;	
	padding:30px 40px 10px;
	border-radius:20px;
	font-size:105%;
	overflow:hidden;
}
body.faq main section h4{
    font-size: 1.4rem;
    margin: 30px 0 20px;
    color: #0080cb;
}
body.faq main section h5{
	background:#00bacb;	
    font-size: 1.2rem;
	padding:10px;
	margin:20px 0;
	color:#fff;
}
body.faq main section div p{
	line-height:1.6;	
	margin-bottom:20px;
}
body.faq main section div table{
	line-height:1.5;	
	margin-bottom:30px;
}
body.faq main section div table.tbl002 th{
	background:#0080cb;
	color:#fff;
	width:15%;
}
body.faq main section div table.tbl002 td{
	background:#fff;
}
body.faq main section div .smallTxt{
	font-size:80%;	
}
body.faq main section div dl dt{
	position:relative;
	display:inline-block;
	font-size:110%;
	font-weight:bold;	
	width:25%;
    margin-bottom: 20px;
	line-height:1.7;
}
body.faq main section div dl dt:after{
    content: '・・・';
    letter-spacing: 0;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 20%;
    margin: auto;
}
body.faq main section div dl dd{
	display:inline-block;
    vertical-align: top;
    width:74%;
    margin-bottom: 20px;
	line-height:1.5;
}
body.faq main section div dl.list01 dt{
	width:15%;
    letter-spacing: 20px;
}
body.faq main section div dl.list01 dd{
    width: 84%;
}
body.faq main section div ul{
	margin-bottom:30px;	
}
body.faq main section div ul li{
    font-size: 105%;
    margin-bottom: 15px;
    padding:0 0 15px 50px;
    border-bottom: 1px dashed #ccc;
	background:url(../img/ico/ico_check.png) no-repeat 10px top;
}
body.faq main section div .caution{
	background:#fff;
	border-radius:0;
	margin:-20px 0 30px;
	padding:20px 20px 10px;
}
body.faq main section div .btn a{
    width: 450px;
	margin:auto;
    padding: 15px 0;
	font-size:1.2rem;
	background-color:#fff;
}
body.faq main section div ol li{
    margin-bottom: 15px;
	line-height:1.6;
}
body.faq main section div ol li span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #00bacb;
    border-radius: 50%;
    margin-right: 15px;
    color: #fff;
    float: left;
}
body.faq main section div.entBox h4{
	margin:0 0 20px;	
}
body.faq main section div.entBox .caution{
	position:relative;
	margin-bottom:60px;	
}
body.faq main section div.entBox .caution:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #ccc;
    display: block;
    position: absolute;
    bottom: -30px;
    left: 0px;
}
body.faq main section div.official div{
	margin:0;
	padding:0;
	width:48%;	
	border-radius:0;
}
body.faq main section div.official div .tbl003 em{
    color: #d01919;
    margin-right: 0;
    font-weight: bold;
}


/*============================================
	body.event : 沿線イベント情報
============================================*/

body.event #container{
	max-width:1200px;
	margin:auto;
}
body.event main{
    width: 70%;
    float: right;
}

/* 一覧 */
body.event main .entry .firstEntry{
	overflow:hidden;
	margin-bottom:40px;	
}
body.event main .entry .firstEntry .photo{
	width:280px;
	height:200px;
	background:url(../img/bg/bg_noPhoto.gif) no-repeat center center;
	float:left;
	margin-right:35px;
    overflow: hidden;
}
body.event main .entry .firstEntry .photo img{
	object-fit: cover;	
}
body.event main .entry .firstEntry div{
	overflow:hidden;	
}
body.event main .entry .firstEntry div h2{
	margin-bottom:20px;
    line-height: 1.3;
}
body.event main .entry .firstEntry div h2 .date {
	color: #1581c1;
    display:inline-block;
    margin: 0 20px 5px 0;
    float: none;
    width: auto;
}
body.event main .entry .firstEntry div h2 .category {
    background:#37a1c4;
    padding: 5px 0;
    display: inline-block;
    margin:0 20px 10px 0;
    font-size: 95%;
    color: #fff;
    width: 130px;
    text-align: center;
}
body.event main .entry .firstEntry div h2 a{
	display:block;
	font-size:1.4rem;	
	color:#333;
}
body.event main .entry .firstEntry div p{
	line-height:1.7;	
}
body.event main .entry .firstEntry div p.more a {
	position:relative;
    display: block;
    margin-top: 10px;
    text-align: center;
    background: #d4dce2;
    width: 150px;
    float: right;
    text-decoration: none;
    color: #333;
    padding: 3px 0;
}
body.event main .entry .firstEntry div p.more a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 5%;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
body.event main .entry ul{
	clear:both;	
	margin-bottom:50px;	
    border-top: 1px dashed #d4dce2;
}
body.event main .entry ul li a{
	display:block;
	padding:20px 5px;
    border-bottom: 1px dashed #d4dce2;
	text-decoration:none;
	color:#333;
}
body.event main .entry ul li a .date{
    color: #1581c1;	
	display:inline-block;
	margin-right:30px;
}
body.event main .entry ul li a .category{
    background:#37a1c4;
    padding:7px 0;
    display: inline-block;
    margin-right: 20px;
    font-size: 95%;
	color:#fff;
    width: 130px;
    text-align: center;
}
body.event main .entry ul li a strong{
	text-decoration:underline;
}
body.event main .entry ul li a:hover{
	background:#f5fafb;	
}

/* 詳細 */
body#eventIndividual main .entry h2.ttl01 {
    margin-bottom: 20px;
}
body#eventIndividual main .entry .categoryData{
	text-align:right;
    margin-bottom: 15px;
}
body#eventIndividual main .entry .categoryData .date{
    display: inline-block;
    color: #7997ab;
	margin-right:30px;
}
body#eventIndividual main .entry .categoryData .category{
    background: #37a1c4;
    padding: 5px 20px 0;
    display: inline-block;
    font-size: 95%;
    color: #fff;
    text-align: center;
    line-height: 1.2;
}
body#eventIndividual main .entry .entryBody{
	margin-bottom:80px;	
}
body#eventIndividual main .entry .entryBody h1,
body#eventIndividual main .entry .entryBody h2{
	padding-bottom:10px;
    margin: 30px 0 20px;
    color: #0080cb;
}
body#eventIndividual main .entry .entryBody h1{
    font-size: 2rem;
}
body#eventIndividual main .entry .entryBody h2{
    font-size: 1.7rem;
    border-bottom: 1px dashed #ccc;
}
body#eventIndividual main .entry .entryBody h3,
body#eventIndividual main .entry .entryBody h4,
body#eventIndividual main .entry .entryBody h5,
body#eventIndividual main .entry .entryBody h6{
	color:#999;	
}
body#eventIndividual main .entry .entryBody h3{
    font-size: 1.5rem;
}
body#eventIndividual main .entry .entryBody h4{
    font-size: 1.4rem;
}
body#eventIndividual main .entry .entryBody h5{
    font-size: 1.3rem;
}
body#eventIndividual main .entry .entryBody h6{
    font-size: 1.2rem;
}
body#eventIndividual main .entry .entryBody p{
	line-height:1.7;
    margin-bottom: 20px;
}
body#eventIndividual main .entry .entryBody p strong{
    display: inline-block;
    width: 120px;
}
body#eventIndividual main .entry .entryBody p span strong{
	width:auto;
	display:block;
}
body.cms main img.emoticon{
    vertical-align: middle;
    margin: 0 5px;
}

/* #sub */
body.event #sub{
	width:25%;
	float:left;
    padding: 50px 0 80px;
}
body.event #sub .catList{
    margin-bottom:40px;
    border: 1px solid #d1dae0;
    background: #fff;
    border-radius: 10px;
}
body.event #sub .catList h2{
	background:#1581c1;
    border-radius:10px 10px 0 0;
    padding:15px;
    color: #fff;
    /*font-family: "Rounded Mplus 1c";*/
	font-size:1.4rem;
	text-align:center;
}
body.event #sub .catList ul{
	padding:0 15px;	
}
body.event #sub .catList li{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    line-height: 1.4;
}
body.event #sub .catList li a{
	position:relative;
	color:#333;	
	border-top:1px dashed #d4dce2;
	padding:15px 5px;
	display:block;
}
body.event #sub .catList li:first-child a{
	border:none;	
}
body.event #sub .catList li a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 3%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px #1581c1;
	border-right: solid 2px #1581c1;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}
body.event #sub .catList li a:hover:after{
	right: 1%;
}



/*============================================
	body.information : 新着情報
============================================*/

body.information #container{
	max-width:1200px;
	margin:auto;
}
body.information main{
    width: 70%;
    float: right;
}
body.information main .entry ul,
body.information main .entry p{
	line-height:1.7;
	margin-bottom:20px;	
}

/* 一覧 */
body.information main .entry ul{
	margin-bottom:50px;	
    border-top: 1px dashed #d4dce2;
}
body.information main .entry ul li a{
	display:block;
	padding:20px 5px;
    border-bottom: 1px dashed #d4dce2;
	text-decoration:none;
	color:#333;
}
body.information main .entry ul li a .date{
    color: #7997ab;	
	display:inline-block;
	margin-right:30px;
}
body.information main .entry ul li a .category{
    border: 1px solid #37a1c4;
    padding: 3px 0;
    display: inline-block;
    margin-right: 20px;
    font-size: 95%;
	color:#37a1c4;
    width: 130px;
    text-align: center;
}
body.information main .entry ul li a strong{
	text-decoration:underline;
}
body.information main .entry ul li a:hover{
	background:#f5fafb;	
}

/* 詳細 */
body.information main .entry h2.ttl01 {
    margin-bottom: 20px;
}
body.information main .entry .categoryData{
	text-align:right;
}
body.information main .entry .categoryData .date{
    display: inline-block;
    color: #7997ab;
	margin-right:30px;
}
body.information main .entry .categoryData .category{
    border: 1px solid #37a1c4;
    padding: 3px 20px;
    display: inline-block;
    font-size: 95%;
	color:#37a1c4;
    text-align: center;
}
body.information main .entry .entryBody{
	margin-bottom:80px;	
}
body.information main .entry span{
	line-height:1.7;
}

/* #sub */
body.information #sub{
	width:25%;
	float:left;
    padding: 50px 0 80px;
}
body.information #sub .newPost{
    margin-bottom:40px;
    border: 1px solid #d1dae0;
    background: #fff;
    border-radius: 10px;
}
body.information #sub .newPost h2{
	background:#1581c1;
    border-radius:10px 10px 0 0;
    padding:15px;
    color: #fff;
    /*font-family: "Rounded Mplus 1c";*/
	font-size:1.4rem;
	text-align:center;
}
body.information #sub .newPost ul{
	padding:15px;	
}
body.information #sub .newPost li{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    line-height: 1.4;
	border-top:1px dashed #d4dce2;
	margin-top:10px;
	padding-top:10px;
	font-size:90%;
}
body.information #sub .newPost li:first-child{
	margin:0;
	padding:0;
	border:none;	
}
body.information #sub .newPost li a{
	color:#333;	
}
body.information #sub .newPost li span{
	display:block;	
    color: #7997ab;
}
body.information #sub .catList{
	margin-bottom:60px;	
}
body.information #sub .catList li a{
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;
    text-align: center;
    border: 3px solid #d4dce2;
    border-radius: 3px;
    color: #333;
    font-size: 105%;
    text-decoration: none;
}
body.information #sub .catList li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 8%;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #d01919;
	border-right: solid 2px #d01919;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}
body.information #sub .catList li a:hover {
	background: #d4dce2;
}
body.information #sub .catList li a:hover:after {
	right: 5%;
}


/*============================================
	body.blog : 赤電ブログ
============================================*/

body.blog #headline #pageTitle{
	padding:0;
	border:none;
	background:url(../img/bg/bg_blogTtl.png) repeat-x;	
}
body.blog #headline #pageTitle img{
	padding-right:50px;	
}
body.blog #container{
	max-width:1200px;
	margin:auto;
}
body.blog main{
    width: 70%;
    float: right;
}

/* 一覧 */
body#blogArchive main h2.ttl01{
    background: #cb1621;
    border: none;
    padding: 15px 20px;
    font-size: 1.4rem;
    border-radius: 5px;
    color: #fff;
}
body.blog main .entry ul{
    border-top: 1px dashed #d4dce2;
	margin-bottom:80px;
}
body.blog main .entry li a{
	overflow:hidden;	
	display:block;
	color:#333;
	text-decoration:none;
	padding:20px;
    border-bottom: 1px dashed #d4dce2;
}
body.blog main .entry li a:hover{
	background:#f8f8f8;	
}
body.blog main .entry li .photo{
	width:240px;
	height:160px;
	background:url(../img/bg/bg_noPhoto.gif) no-repeat center center;
	float:left;
	margin:0 35px 0 0;
    overflow: hidden;
}
body.blog main .entry li .photo img{
	object-fit: cover;	
    width: 100%;
    height: 100%;
}
body.blog main .entry li h2{
	margin-bottom:20px;
	font-size:1.4rem;
	line-height:1.4;
}
body.blog main .entry li h2 .date {
    display:block;
    margin-bottom:5px;
	color:#cb1621;
	font-size:90%;
}
body.blog main .entry li p{
	line-height:1.5;	
    color: #666;
}

/* 詳細 */
body.blog main .entry h2.ttl01{
	position:relative;
    margin-bottom: 40px;
	padding:15px 15px 25px;
	border:none;
    background: #cb1621;
	color:#fff;
	border-radius:20px;
    font-size: 1.7rem;
}
body.blog main .entry h2.ttl01:before{
	content:'';
	background:#fff;
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	height:3px;	
}
body.blog main .entry h2.ttl01 .date{
    display: block;
    color: #fff352;
    font-size:1.2rem;
	margin:0 0 10px;
}
body.blog main .entry .entryBody{
	margin-bottom:80px;	
}
body.blog main .entry p{
	line-height:1.7;
	margin-bottom:15px;
}

/* #sub */
body.blog #sub{
	width:25%;
	float:left;
    padding: 50px 0 80px;
}
body.blog #sub .newPost {
    margin-bottom: 80px;
}
body.blog #sub .newPost h2,
body.blog #sub .calendar h2.ttl{
	position:relative;
    /*font-family: "Rounded Mplus 1c";*/
    font-size: 1.5rem;
	padding-left:110px;
	background:url(../img/bg/bg_blogSub.png) repeat-x left bottom;
	padding-bottom:18px;
	font-weight:bold;
	color:#cb1621;
	margin-bottom:30px;
}
body.blog #sub .newPost h2:before{
	content:url(../img/ico/ico_blog_01.png);
	position:absolute;
    left: -15px;
    bottom: -15px;
}
body.blog #sub .newPost ul li{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    line-height: 1.4;
	border-bottom:1px dashed #d4dce2;
	margin-bottom:10px;
	padding-bottom:10px;
}
body.blog #sub .newPost ul li a{
	color:#333;	
}
body.blog #sub .newPost ul li span{
	display:block;	
	color:#cb1621;
    font-size: 90%;
}
body.blog #sub .calendar h2.ttl:before{
	content:url(../img/ico/ico_blog_02.png);
	position:absolute;
    left: -15px;
    bottom: -15px;
}

/* 共通ページナビ */
body.cms .pager-inner a,
body.cms main .entry .blogTop a{
	display:block;
	background:#1581c1;
	padding:10px 30px;
	border-bottom:2px solid #013a5c;
	border-radius:10px;
	color:#fff;	
	text-decoration:none;
}
body.blog .pager-inner a, 
body.blog main .entry .blogTop a {
    background: #fff352;
    border-bottom: 2px solid #ddd136;
    color: #333;
}
body.cms main .entry .blogTop a{
	width:400px;
	text-align:center;
	margin:auto;
	font-size:120%;	
}
body.cms .pager-inner .pager-left a{
    float: left;
}
body.cms .pager-inner .pager-right a{
    float: right;
}

/* 共通ページカレンダー */
body.cms #sub #calendar,
body.cms #sub #calendar table th{
	text-align:center;	
}
body.cms #sub #calendar h2{
    padding: 0 0 10px;
    font-size: 1.3rem;
    overflow: hidden;
    line-height: 1.2;
}
body.cms #sub #calendar h2 a{
	text-decoration:none;
    border: 1px solid #d4dce2;
    padding: 0 10px 3px;
    border-radius: 3px;
	color:#333;
}
body.cms #sub #calendar h2 a.calendar-prev-link{
    float: left;
    padding-left: 10px;
}
body.cms #sub #calendar h2 a.calendar-next-link{
    float: right;
    padding-right: 10px;
}
body.cms #sub #calendar table th,
body.cms #sub #calendar table td{
    border: 1px solid #d4dce2;
	padding:8px 0;
}
body.cms #sub #calendar table th{
	background:#f8f8f8;
}
body.cms #sub #calendar table td{
	color:#999;
}
body.cms #sub #calendar table th:nth-child(1),
body.cms #sub #calendar table td:nth-child(7n+1){
	background:#fef3f3;
    color: #d91f4b;	
}
body.cms #sub #calendar table th:nth-child(7),
body.cms #sub #calendar table td:nth-child(7n){
	background:#f3fdfe;
	color:#1581c1;
}
body.cms #sub #calendar table td a{
	font-weight:bold;
	color:#333;	
}

/*============================================
	body.rule : 安全報告書
============================================*/

body.rule main section{
	clear:both;	
}
body.rule main #lead{
	margin-bottom:80px;	
	overflow:hidden;
}
body.rule main #lead h2{
    font-size: 2rem;	
	line-height:1.8;
	text-align:center;
	margin-bottom:50px;
}
body.rule main #lead .tbl002{
	width:55%;
	float:left;
}
body.rule main #lead .tbl002 th span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #198cd0;
    border-radius: 50%;
    margin-right: 15px;
    color: #fff;
}
body.rule main #lead .tbl002 td{
	text-align:center;	
	vertical-align:middle;
}
body.rule main #lead div{
	width:40%;
	float:right;	
}
body.rule main #lead div h3{
    margin: 60px 0 20px;
}
body.rule main #lead .download{
	margin-top:50px;	
}
body.rule main #lead .download img{
	float:left;
	margin:3px 20px 0 0;	
}
body.rule main #lead .download a{
	color:#333;
	line-height:1.4;
	font-size:90%;	
}


/*============================================
	body.library : 赤電ライブラリー
============================================*/

body#libraryIndex #pageTitle {
    display: none;
}
body#libraryIndex #container{
	background:#f5fafb;
}
body#libraryIndex #container main{
	max-width:100%;
	padding:0;	
}
body#libraryIndex #container main #lead{
	position:relative;
	background:url(../../library/img/bg_library.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
	height: 470px;
    display: flex; 
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    align-items: center;
	-webkit-align-items:center;
}
body#libraryIndex #container main #history{
	position:relative;
    padding: 100px 0 80px;
    max-width: 1200px;
    margin: auto;	
    overflow: hidden;
}
body#libraryIndex #container main #history:after{
	width:19px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	content:"";
	display:block;
	background:#74c2f0;
}
body#libraryIndex #history .eventBox{
	width:50%;
	position:relative;
	z-index:9;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom:1%;
	clear:right;
}
body#libraryIndex #history .eventBox:nth-of-type(odd) .balloonBox{
	margin-left:30px;
}
body#libraryIndex #history .eventBox:nth-of-type(even) .balloonBox{
	margin-right:30px;
}
body#libraryIndex #history .eventBox:nth-of-type(odd){
	float:right;
	left:-50px;
}
body#libraryIndex #history .eventBox:nth-of-type(even){
	right:-50px;
	-webkit-flex-direction: row-reverse; /* Safari */
	flex-direction:row-reverse;
}
body#libraryIndex #history .eventBox .balloonBox{
	background:#fff;
	border-radius:6px;
	padding:20px;
	position:relative;
	width : -webkit-calc(100% - 140px) ;
   width : calc(100% - 140px) ;
   line-height:1.3;
	opacity:0;
}
body#libraryIndex #history .eventBox .balloonBox p{
	position:relative;
	z-index:9;
}
body#libraryIndex #history .eventBox .balloonBox:after{
	background:#fff;
	border-radius:6px;
	width:30px;
	height:30px;
	position:absolute;
	content:"";
	display:block;
	top:0px;
	bottom:0px;
	margin:auto 0;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:0;
}
body#libraryIndex #history .eventBox:nth-of-type(odd) .balloonBox:after{
	left:-6px;
}
body#libraryIndex #history .eventBox:nth-of-type(even) .balloonBox:after{
	right:-6px;
}
body#libraryIndex #history .eventBox .era{
    font-family: "Rounded Mplus 1c";
	border-radius:50%;
	width:100px;
	height:100px;
	border:4px solid #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	font-size:100%;
	color:#fff;
	opacity:0;
}
body#libraryIndex #history .eventBox .era span{
	font-size:140%;
	padding:0 2px;
}
body#libraryIndex #history .eventBox .infoTxt{
	font-size:90%;
	margin-bottom:4px;
	color:#4684a8;
}
body#libraryIndex #history .eventBox .photo{
	margin-top:5px;	
}
body#libraryIndex #history .eventBox .eventContents{
	font-size:110%;
}

/*元号色*/
body#libraryIndex .color-meiji{
	background:#c99737;
}
body#libraryIndex .color-taishou{
	background:#c27547;
}
body#libraryIndex .color-shouwa{
	background:#72aacd;
}
body#libraryIndex .color-heisei{
	background:#64bb74;
}
body#libraryIndex #history .eventBox.action .era{	
	opacity:1;
	transform: scale(0);	
	-webkit-animation:exp-bound 0.6s ease-out 0.4s 1 forwards;
    animation:exp-bound 0.6s ease-out 0.4s 1 forwards;/*animename deley ease timing repeat*/
}
@-webkit-keyframes exp-bound{
  0% {transform: scale(0);}
  70% {transform: scale(1);}
  85% {transform: scale(0.8);}
  100% {transform: scale(1);}
}
@keyframes exp-bound{
  0% {transform: scale(0);}
  70% {transform: scale(1);}
  85% {transform: scale(0.8);}
  100% {transform: scale(1);}
}
.desktop body#libraryIndex #history .eventBox.action:nth-of-type(odd) .balloonBox,
.tablet body#libraryIndex #history .eventBox.action:nth-of-type(odd) .balloonBox{
	left:30%;
	-webkit-animation:layer-slideL 0.6s ease-out 0.4s 1 forwards;
    animation:layer-slideL 0.6s ease-out 0.4s 1 forwards;/*animename deley ease timing repeat*/
	
}
.desktop body#libraryIndex #history .eventBox.action:nth-of-type(even) .balloonBox,
.tablet body#libraryIndex #history .eventBox.action:nth-of-type(even) .balloonBox{
	right:30%;
	-webkit-animation:layer-slideR 0.6s ease-out 0.4s 1 forwards;
    animation:layer-slideR 0.6s ease-out 0.4s 1 forwards;/*animename deley ease timing repeat*/
}
@-webkit-keyframes layer-slideL{
  0% {opacity:0;left:30%;}
  70% {opacity:0.7;left:0%;}
  85% {opacity:0.85;left:1%;}
  100% {opacity:1;left:0%;}
}
@keyframes layer-slideL{
  0% {opacity:0;left:30%;}
  70% {opacity:0.7;left:0%;}
  85% {opacity:0.85;left:1%;}
  100% {opacity:1;left:0%;}
}
@-webkit-keyframes layer-slideR{
  0% {opacity:0;right:30%;}
  70% {opacity:0.7;right:0%;}
  85% {opacity:0.85;right:1%;}
  100% {opacity:1;right:0%;}
}
@keyframes layer-slideR{
  0% {opacity:0;right:30%;}
  70% {opacity:0.7;right:0%;}
  85% {opacity:0.85;right:1%;}
  100% {opacity:1;right:0%;}
}
body#libraryIndex #history #eraNavi{
	position:fixed;
	top:22%;
	right:4%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction:         column;
	align-items: center;
	-webkit-align-items:center;
	width:60px;
	opacity:0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
body#libraryIndex #history #eraNavi.visible{
	opacity:1;
}
body#libraryIndex #history #eraNavi:after{
	width:4px;
	height:88%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	padding:0;
	content:"";
	display:block;
	background:#fff;
}
body#libraryIndex #history #eraNavi li{
	border:4px solid #fff;
	border-radius:50%;
	width:20px;
	height:20px;
	justify-content: center;
	align-items: center;
	-webkit-align-items:center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	margin-bottom:20px;
	position:relative;
	z-index:9;
}
body#libraryIndex #history #eraNavi li span{
	opacity:0;
}
body#libraryIndex #history #eraNavi li a{
	color:#fff;
	text-decoration:none;
    font-family: "Rounded Mplus 1c";
	display:block;
}
body#libraryIndex #history #eraNavi li:last-of-type {
	margin-bottom:0;
}
body#libraryIndex #history #eraNavi li.now{
	-webkit-animation:navi-bound 0.3s ease-out 0s 1 forwards;
    animation:navi-bound 0.3s ease-out 0s 1 forwards;/*animename deley ease timing repeat*/
}
@-webkit-keyframes navi-bound{
  0% {width: 20px;height: 20px;}
  70% {width: 60px;height: 60px;}
  85% {width: 64px;height: 64px;}
  100% {width: 60px;height: 60px;}
}
@keyframes navi-bound{
  0% {width: 20px;height: 20px;}
  70% {width: 60px;height: 60px;}
  85% {width: 64px;height: 64px;}
  100% {width: 60px;height: 60px;}
}
body#libraryIndex #history #eraNavi li.now span{
	-webkit-animation:fade 0.2s ease-out 0.2s 1 forwards;
    animation:fade 0.2s ease-out 0.2s 1 forwards;/*animename deley ease timing repeat*/
}
@-webkit-keyframes fade{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes fade{
  0% {opacity:0;}
  100% {opacity:1;}
}
body#libraryIndex #kobore{
    border-top: 1px solid #d4dce2;
	background:#fff;	
	padding:80px 0;
    text-align: center;
}
body#libraryIndex #kobore h2 {
    margin-bottom: 50px;
    font-size: 3rem;
}
body#libraryIndex #kobore p{
	font-size:120%;	
	letter-spacing:1px;
}
body#libraryIndex #kobore p a{
	display:block;
	width:400px;
	margin:50px auto 0;
	padding:20px 0;
	text-align:center;	
	font-size:1.4rem;
}

/* #libraryKobore */
body#libraryKobore #lead{
	margin-bottom:80px;	
}
body#libraryKobore .flex-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	justify-content:space-between;
    border-bottom: 1px solid #d1dae0;
	margin-bottom:50px;
    padding-bottom: 50px;
}
body#libraryKobore .flex-box .textBox {
    margin-left: 30px;
    width: 75%;
}
body#libraryKobore .flex-box .textBox p {
    line-height: 1.5;
    margin-bottom: 20px;
}

body#libraryKobore #format .tbl002{
	width:48%;
}
body#libraryKobore #format .tbl002 th,
body#libraryKobore #format .tbl002 td{
	line-height:1.2;
	padding:10px;
	font-size:95%;	
}

/*============================================
	body.policy : プライバシーポリシー
============================================*/

body.policy main section p{
	line-height:1.7;	
	margin-bottom:30px;
	font-size:105%;
}
body.policy main section ol{
	margin-bottom:80px;	
}
body.policy main section ol li{
	margin-bottom:40px;	
	line-height:1.7;	
}
body.policy main section ol li span{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #d01919;
    border-radius: 50%;
    margin-right: 15px;
    color: #fff;
    float: left;
}
body.policy main section .tbl001{
	font-size:110%;	
	margin-bottom:50px;
}
body.policy main section .btn a{
    width: 450px;
    margin: 0 auto;
}


/*============================================
	body#wheelchairIndex : 車椅子のご利用について
============================================*/
body#wheelchairIndex main p {
    line-height: 1.5;
    margin-bottom: 30px;
}
body#wheelchairIndex section{
	margin-bottom:50px;
}
body#wheelchairIndex section#user h3.ttl02 span{
	display:none;
}
body#wheelchairIndex main #handle ol {
    line-height: 1.5;
    margin-bottom: 40px;
}
body#wheelchairIndex main #handle ol li {
	margin-bottom:20px;
}
body#wheelchairIndex main #handle ol li span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #d01919;
    border-radius: 50%;
    margin-right: 15px;
    color: #fff;
    float: left;
}
body#wheelchairIndex .attentionBox{
    background: #f5fafb;
    padding: 4%;
    border-radius: 8px;
}
body#wheelchairIndex .attentionBox li{
    margin-bottom: 15px;
    padding: 0 0 15px 50px;
    border-bottom: 1px dashed #ccc;
    background: url(../img/ico/ico_check.png) no-repeat 10px top;
    line-height: 1.2;
}
body#wheelchairIndex .attentionBox p{
	margin-bottom:0;
    padding: 0 0 0 50px;
    background: url(../img/ico/ico_check.png) no-repeat 10px top;
    line-height: 1.4;
}

body#wheelchairIndex main .contactList {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;

}
body#wheelchairIndex main .contactList li{
	padding:20px 1.6%;
	border:1px solid #d1dae0;
	border-radius:8px;
	width:48%;
	margin-bottom:30px;
}
body#wheelchairIndex main .contactList li span{
	display:block;
	text-align:center;
	margin-bottom:12px;
}
body#wheelchairIndex main .contactList li span.stationName{
	color:#fff;
	background:#229ce3;
	border-radius:5px;
	padding:10px;
	font-size:1.2rem;
}
body#wheelchairIndex main .contactList li span.telNumer{
	font-size:1.7rem;
}
body#wheelchairIndex #correspondence .corBox{
	border-bottom:1px solid #d1dae0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	-webkit-align-items:center;
	padding:10px 0;
}
body#wheelchairIndex #correspondence .corBox:first-of-type{
    border-top: 1px solid #d1dae0;
}
body#wheelchairIndex #correspondence .kome{
	margin-top:10px;
	text-align:right;
}
body#wheelchairIndex #correspondence .corBox p{
	margin:0;
}
body#wheelchairIndex #correspondence .corBox .photo{
	width:150px;
}
body#wheelchairIndex #correspondence .corBox .wid2{
	width:310px;
}
body#wheelchairIndex #correspondence .corBox .wid2 img:first-of-type{
	margin-right:10px;
}
body#wheelchairIndex #correspondence .corBox h3{
	width:18%;
	font-size:1.4rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	align-items: center;
	-webkit-align-items:center;
}
body#wheelchairIndex #correspondence h3 span{
	display:block;
	text-align:center;
	padding-top:6px;
	margin-right:10px;
	width:42px;
	height:42px;
	border-radius:50%;
	border-width:4px;
	border-style:solid;
}
body#wheelchairIndex #correspondence .corBox .textBox{
	width:52%;
	margin-left:2.4%;
}
body#wheelchairIndex #correspondence .corBox img{
	width:150px;
	height:auto;
	display:inline-block;
}
body#wheelchairIndex #correspondence .corBox .facility{
	background:#0080cb;
	display:inline-block;
	color:#fff;
	border-radius:5px;
	padding:4px 12px;
	margin-bottom:7px;
}


/*============================================
	body.sitemap : サイトマップ
============================================*/

body.sitemap main section div{
    border-bottom: 1px solid #d4dce2;
	padding-bottom:50px;
	margin-bottom:50px;	
}
body.sitemap main section div a{
	text-decoration:none;	
}
body.sitemap main section div a:hover{
	text-decoration:underline;	
}
body.sitemap main section div h2 a{
	display:inline-block;
    font-size: 2rem;
    margin-bottom: 40px;
    color:#229ce3;
}
body.sitemap main section div h2 a span{
    display: inline-block;
    margin-right: 30px;
}
body.sitemap main section div ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
body.sitemap main section div ul li{
	position:relative;
	width:31%;	
	margin-bottom:30px;
	padding:0 0 20px;
	border-bottom:1px dashed #d4dce2;
}
body.sitemap main section div ul.stName li{
	padding:0 0 10px;
}
body.sitemap main section div ul li:after{
	display: block;
	content: "";
	position: absolute;
	top: 30%;
	right: 8%;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #198cd0;
	border-right: solid 2px #198cd0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s;	
}
body.sitemap main section div ul li:hover:after{
	right: 5%;
}
body.sitemap main section div ul li a{
	color:#333;	
    font-size:1.2rem;
}
body.sitemap main section div ul li a span.eLink{
    display: inline-block;
    margin-left: 10px;
}
body.sitemap main section div ul li a span.eLink img {
    vertical-align: top;
}
body.sitemap main section div.singleLink{
	padding:0;
	margin:0;
	border:none;	
}
body.sitemap main section div.singleLink ul li{
	width:48%;	
}
body.sitemap main section div.singleLink ul li a span{
    font-size: 80%;
}


/*============================================
	body#park_rideIndex : パークライド
============================================*/

body#park_rideIndex main .park-ride_bnr a{
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	border: 2px solid #d4dce2;
	padding: 20px;
	color: #000;
	text-decoration: none;
	font-size: 20px;
	border-radius: 10px;
	font-weight: 600;
}
body#park_rideIndex main .park-ride_bnr a br{
	display: none;
}
body#park_rideIndex main .park-ride_bnr a:after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 15px;
	border-color: transparent transparent transparent #d01919;
	position: absolute;
	right:30px;
	top: 0;
	bottom: 0;
	margin: auto;
}
body#park_rideIndex main .park-ride_bnr span{
	display:block;
	margin-right:30px;
}
body#park_rideIndex main .telArea{
	text-align: center;
	margin-bottom: 50px;
	font-weight: 600;
	font-size:22px;
}
body#park_rideIndex main .telArea.u-mt{
	margin: 50px 0 0;
}
body#park_rideIndex main .telArea em{
	display: block;
	color: #d01919;
	font-size:40px;
	margin-top: 15px;
}
body#park_rideIndex .attentionBox {
    background: #f5fafb;
    padding: 4%;
    border-radius: 8px;
	margin-bottom:6%;
}
body#park_rideIndex .attentionBox li {
    margin-bottom: 15px;
    padding: 0 0 15px 50px;
    border-bottom: 1px dashed #ccc;
    background: url(../img/ico/ico_check.png) no-repeat 10px top;
    line-height: 1.2;
}
body#park_rideIndex #legendBox{
	margin-bottom:4%;
}
body#park_rideIndex #legendBox ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;

}
body#park_rideIndex #legendBox ul li{
	width : -webkit-calc(100% / 6 -20px) ;
   width : calc(100% / 6 - 20px) ;
}
body#park_rideIndex #legendBox ul li span{
	display:block;
	/*height:28px;*/
	margin-top:10px;
}
body#park_rideIndex #legendBox ul li span img{
	width:100%;
	height:auto;
}
body#park_rideIndex #legendBox ul li.mark01 span{
	background:#0068b7;
}
body#park_rideIndex #legendBox ul li.mark02 span{
	background:#22ac38;
}
body#park_rideIndex #legendBox ul li.mark03 span{
	background:#c4d700;
}
body#park_rideIndex #legendBox ul li.mark04 span{
	background:#e60012;
}
body#park_rideIndex #legendBox ul li.mark05 span{
	background:#f39700;
}
body#park_rideIndex #legendBox ul li.mark06 span{
	background:none;
}
body#park_rideIndex #parkmapArea{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	flex-wrap:wrap;
justify-content: flex-start;
}
body#park_rideIndex .parkmapBox {
	width : -webkit-calc(100% / 3 -25px) ;
	width : calc(100% / 3 - 25px) ;
	margin-bottom:4%;
}
body#park_rideIndex .parkmapBox:nth-of-type(3n-1){
	margin:0 37px 4%;
}
body#park_rideIndex .parkmapBox figure{
	margin:0 0 10px;
	border:3px solid #d4dce2;
}
body#park_rideIndex .parkmapBox figure img{
	width:100%;
	height:auto;
}
body#park_rideIndex .parkmapBox p{
	font-size:0.9rem;
	line-height:1.5;
}
body#park_rideIndex .parkmapBox p strong{
	color:#005f97;
}
body#park_rideIndex .parkmapBox h3{
	font-size:1.4rem;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	-webkit-align-items:center;
	margin-bottom:10px;
}
body#park_rideIndex .parkmapBox h3 span{
	display: block;
    text-align: center;
    padding-top: 6px;
    margin-right: 10px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border-width: 4px;
    border-style: solid;
}


/*============================================
	body.contact : お問い合わせ
============================================*/

body.contact main{
	max-width:1000px;	
}
body.contact main section ol{
	position:relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; 
	margin-bottom:50px;		
	padding:0 25px;
}
body.contact main section ol li{
	position:relative;
	width:33%;	
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex; 
    justify-content: center;
    align-items: center;
	-webkit-align-items:center;
	height:80px;
	font-size:1.9rem;
    font-family: "Rounded Mplus 1c";
	color:#d4dce2;
}
body.contact main section ol li.now{
	font-weight:bold;
	color:#d01919;	
	background:url(../img/fig_nowIcon.png) no-repeat 15% center;
	padding-left:60px;
}
body.contact main section ol:before,
body.contact main section ol li:before{
    content: '';
    width: 0;
    height: 0;
    border-top:80px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 50px solid #d4dce2;
    position: absolute;
    top: 0;
}
body.contact main section ol:after,
body.contact main section ol li:after{
    content: '';
    width: 0;
    height: 0;
    border-top:80px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 50px solid #fff;
    position: absolute;
    top: 0;
}
body.contact main section ol:before{
    right:2px;
}
body.contact main section ol:after{
    right:0;
}
body.contact main section ol li:before{
    left:-25px;
}
body.contact main section ol li:after{
    left:-23px;
}
body.contact main section p{
	margin-bottom:30px;
	line-height:1.6;
}
body#contactIndex main section h2{
    font-size: 1.4rem;
    margin: 30px 0 20px;
    color: #0080cb;
}
body#contactIndex main section ul.list001{
	margin-bottom:50px;
}
body#contactIndex main section ul.list001 li{
	margin-bottom:15px;	
	line-height:1.5;
	padding-left:30px;
	background:url(../img/ico/ico_check_2.png) no-repeat left 7px;
}
body.contact form textarea,
body.contact form input[type="text"]{
	outline:none;
    font-size: 16px;
	padding:12px 10px;
	width:100%;
	box-sizing:border-box;
	border:1px solid #d1dae0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	border-radius:3px;
}
body.contact form table.tbl001 th,
body.contact form table.tbl001 td{
	vertical-align:middle;
}
body.contact form table.tbl001 th em{
    margin-left: 20px;
    background: #f8f510;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 0.9rem;
	font-weight:bold;
}
body#contactIndex form table.tbl001 tr:last-child th{
	vertical-align:top;
	padding-top:40px;	
}
body.contact form textarea{
	resize:vertical;
}
body.contact form textarea:focus,
body.contact form input[type="text"]:focus{
	background:#f5fafb;
}
body.contact .subM{
	text-align:center;
	margin:50px 0 0;
}
body.contact .subM input{
	width:300px;
	color: #fff;
    margin: 0 20px;
    padding: 20px 0;
    display: inline-block;
    text-decoration: none;
    border: 2px solid #198cd0;
    color: #198cd0;
    font-size: 120%;
    background:#fff;
    text-align: center;
	cursor:pointer;
    border-radius: 40px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
body.contact .subM input:hover{
    background: #198cd0;
	color:#fff;
}
body.contact .subM input[type=button]{
	background: #fff none;	
	width:150px;
    border: 2px solid #aaa;
    color: #aaa;
    padding: 10px 0;
}
body.contact .subM input[type=button]:hover{
    background: #aaa;	
    color: #fff;
}

body#contactError table.tbl001 td{
    color: #d01919;
}
body#contactThanks main section .btn a{
    width: 400px;
    margin: auto;
}


/*============================================
	body#trafficIndex : 運行情報
============================================*/

body#trafficIndex main section{
	max-width:1000px;
	margin:0 auto;	
}
body#trafficIndex main section div{
	background:#f8f8f8;
	margin-bottom:30px;
	padding:50px 20px;
	text-align:center;	
}
body#trafficIndex main section div h2{
    font-size: 1.2rem;
}
body#trafficIndex main section div h2 a{
	color:#333;	
}
body#trafficIndex main section div h2 span{
    font-family: 'Lato', sans-serif;
    letter-spacing:0.8px;
}
body#trafficIndex main section div h2 strong{
    display: block;
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 1.4;
}
body#trafficIndex main section div h2.emergency span{
    padding-left: 40px;
    background: url(../img/ico/ico_emergency.png) no-repeat left top;	
}
body#trafficIndex main section div h2.emergency strong{
	color:#d01919;
}
body#trafficIndex main section div .refresh a{
	display:block;
	width:350px;
	margin:30px auto 0;
	padding:15px 0 15px 20px;
	border-radius:30px;	
	background:#d01919 url(../img/ico/ico_refresh.png) no-repeat 20% center;
	text-decoration:none;
	color:#fff;
	font-size:1.2rem;
}
body#trafficIndex main section ol li{
	margin-top:10px;	
}
body#trafficIndex main section ol li span {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #d01919;
    border-radius: 50%;
    margin-right: 15px;
    color: #fff;
}


/*==============================================================
	#sub : 副コンテンツ
===============================================================*/

#sub {
}


/*==============================================================
	footer : フッタ
===============================================================*/

footer{
	clear:both;
	padding-bottom:15px;
}

/* #subNav */
footer #ftBnr{
    position: relative;
	background:#f5fafb;
	padding:35px 0;
	border-top:1px solid #d4dce2;
	border-bottom:1px solid #d4dce2;
	z-index: 1;
}
footer #ftBnr .bnrList{
	max-width:1200px;
	margin:auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content:space-between;
}
footer #ftBnr .bnrList a{
	padding:0;
}
footer #ftBnr a:hover{
	opacity:0.8;
}
@media only screen and (min-width:1251px){
footer #ftBnr .slick-track{
/* バナー4つ以上になったら消す */	
    display: flex;
    justify-content: space-between;
    width: 1200px !important;
}
}

/* #subNav */
footer #subNav{
	position:relative;
	background:#d01919;
	margin-bottom:25px;	
}
footer #subNav:after{
    position: absolute;
    bottom: -8px;
    content: '';
    background: #d01919;
    width: 100%;
    height: 4px;
	border-bottom:1px solid #e2e2e2;
}
footer #subNav ul{
	position:relative;
	max-width:1200px;
	margin:auto;
	padding:25px 0 20px;
	text-align:center;
}
footer #subNav ul:before{
    position: absolute;
	left:-150px;
    bottom: -5px;
    content:url(../img/fig_ftLine.png);
}
footer #subNav ul:after{
    position: absolute;
	right:-150px;
    bottom: -5px;
    content:url(../img/fig_ftLine.png);
}
footer #subNav li{
	display:inline;	
}
footer #subNav li a{
	color:#fff;
	padding:0 30px;
	text-decoration:none;
	font-size:95%;
}
footer #subNav li a:hover,
footer #subNav li a.current{
	color:#fffe97;
}

/* #ftInner */
footer #ftInner{
	max-width:1200px;
	margin:auto;
    overflow: hidden;
}
footer #ftInner .add{
	float:left;	
}
footer #ftInner h1{
	display:inline-block;
	vertical-align:middle;
	margin-right:35px;
	font-weight:bold;	
	font-size:20px;
	color:#000;
    line-height: 1.2;
}
footer #ftInner .sns{
	display:inline-block;
	vertical-align:middle;
}
footer #ftInner .sns li{
	display:inline-block;	
	margin-right:5px;
}
footer #ftInner address{
	padding:15px 0 0;	
	line-height:1.5;
}

/* #groupBnr */
footer #groupBnr{
	float:right;
	margin-bottom:15px;
	display: flex;
	align-items: center;
}
footer #groupBnr a.txtlink{
	position: relative;
	padding-left: 20px;
	color: #000;
}
footer #groupBnr a.txtlink::before{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #e60012;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
footer #groupBnr a.grouplink{
	width:225px;
    margin-left: 40px;
	text-align:center;
	border:1px solid #ccc;
	padding:5px 0 10px;	
	display:block;
}
footer #groupBnr a.grouplink:hover{
	background:#f5fafb;	
}

/* #copyright : 著作権表示 */
footer p#copyright {
	clear:right;
	float:right;
	font-family: 'Lato', sans-serif;
	font-size:0.9rem;
}

/* toTop */
#page_link {
	opacity:0;
    width:113px;
    height:100px;
    position: absolute;
    right:50px;
    bottom:380px;
    -webkit-transition:none;
    transition:none;	 
}
#button {
    z-index: 9999;
    display: block;
    width:113px;
    height:100px;
	background:url(../img/totop_txt.png) no-repeat right top;
}
#button i {
    width:96px;
    height:49px;
    display: block;
	background:url(../img/totop_before.png) no-repeat;
    position: absolute;
    bottom: 0px;
	left:0;	
}
#button_change {
    z-index: 99999;
    position: absolute;
    bottom: 0px;
    opacity: 0;
    width:113px;
    height:84px;
	background:url(../img/totop_after.png) no-repeat;
}

@media only screen and (max-height:769px){
	
/* IE11のために */
.desktop body{
	font-size:90% !important;	
}
header #siteTitle{
	zoom:85%;	
}
header #globalNav ul li a{
    min-width: 125px;
    padding: 20px 10px;
    font-size: 1rem;
}
main{
    padding: 40px 0 70px;
}
body#home main #traffic h2{
    padding-left: 40px;
    background-size: 28px auto;
    font-size: 1.3rem;
}
.desktop main h2.ttl01{
    font-size: 1.6rem !important;
    padding: 20px 10px !important;
    margin-bottom: 30px !important;
}
.desktop main h3.ttl02 {
    font-size: 1.4rem !important;
    margin-bottom: 20px !important;
}
body#home main #traffic #catBtn,
#stInfo #stName h2{
    font-size: 1rem;
}
body#timetableIndividual main #tTable table tbody td {
    font-size: 1.1rem;
}
body#timetableIndividual main #tTable table thead th,
body#nice_passTrainpass #reasonable td li,
body.event #sub .catList h2,
body.information #sub .newPost h2,
body.blog main .entry li h2{
    font-size: 1.2rem;
}
body.event main .entry .firstEntry div h2 a{
    font-size: 1.3rem;
}
#headline #pageTitle{
    padding: 20px 0 15px;
    font-size: 1.9rem;
}
#stInfo #stName h2{
    font-size: 1.9rem;
}
#headline #pageTitle span{
    font-size: 0.8rem;
}
main #stInfo #stName{
    margin:-20px 0 30px;
}
#stInfo #stName ul{
    margin-top: 15px;
    padding-top: 10px;
    border-top: 2px solid #eee;
}
#stInfo #stName ul li{
    line-height: 28px;
}
#stInfo #stName ul li.num{
    border: 2px solid #fff;
    width: 32px;
    height: 32px;
}
.desktop main .btn a{
    margin-bottom: 15px !important;
    padding: 15px 0 !important;
}
/*body#timetableIndividual main{
	margin-bottom:50px;	
}*/
body#stationIndividual main #stInfo .information .tbl001 th, 
body#stationIndividual main #stInfo .information .tbl001 td {
    padding: 20px 5px;
}
body#timetableIndividual main #tTable table th, 
body#timetableIndividual main #tTable table td{
    padding: 15px 20px;
}
body#timetableIndividual main #tTable ul li.week:before,
body#timetableIndividual main #tTable ul li.holiday:before,
body#timetableIndividual main #tTable ul li.weekend:before{
    width: 15px;
    height: 15px;
    top: 5px;
}
body#stationIndividual main #stInfo{
    margin-bottom: 50px;
}
.desktop main #branch ul li a h3{
    margin-bottom: 15px !important;
    font-size: 1.2rem !important;	
}
.desktop table.tbl001 th, 
.desktop table.tbl001 td{
    padding: 15px 15px !important;
}
.desktop table.tbl002 th, table.tbl002 td,
.desktop table.tbl003 th, table.tbl003 td{
    padding: 10px 15px !important;
}
body#nice_passIndex main #branch h2{
    margin-bottom: 30px;
    font-size: 2.5rem;
}
body.faq main section h3 {
    font-size: 1.4rem;
    margin-bottom: 20px;
    background-size: 40px;
    padding-left: 60px;
}
body.faq main section div{
	margin-bottom:50px;
    padding: 15px 30px 0;
}
body.faq main section h4 {
    font-size: 1.2rem;
}
body.blog #headline #pageTitle{
    height: 180px;
    background-size: auto 100%;
}
body.blog #headline #pageTitle img{
    height: 100%;
}
.desktop body.blog main .entry h2.ttl01{
    font-size: 1.4rem !important;
    padding: 10px 10px 20px !important;
}
body.rule main #lead h2 {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 30px;
}
body.sitemap main section div h2 a{
    font-size: 1.7rem;
    margin-bottom: 30px;
}
body.sitemap main section div h2 a img{
	height:30px;	
	width:auto;
}
body.sitemap main section div ul li{
    margin-bottom: 15px;
}
.desktop body.sitemap main section div ul.stName li span{
	border-width:2px !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 24px !important;
}
body.contact main section ol li{
    font-size: 1.7rem;
}
footer #ftBnr{
    padding: 25px 0;
}
}
@media only screen and (min-width:737px) and (max-width:1390px) {
	
img{
	max-width:100%;
	height:auto;	
}
main .innerW{
    padding: 0 30px;
}
body#home main #mainMenu ul li{
	width:25%;	
}
body#home main #mainMenu ul li a{
	width:100%;	
}
body#home main #speBnr ul li,
body#home main #news,
body#home main #blog{
    width: 48%;
}
body#home main .bnrArea ul li.sp-w100{
	width: 50%;
}
body#home main .bnrArea ul li{
    width: 25%;
    margin: 0 1%;
}
footer #ftBnr .bnrList div{
    /*margin: 0 1%;*/
}
footer #subNav li a{
    padding: 0 15px;
}
}
@media only screen and (min-width:1261px) and (max-width:1390px) {
header #globalNav li a{
    min-width: 115px;
}
}
@media only screen and (min-width:737px) and (max-width:1260px) {
header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	-webkit-align-items:center;
}
header .hLeft{
    position: relative;
	display:block;
    width: 100%;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #d1dae0;
    padding: 1% 0 1.5%;
}
header .hLeft #siteTitle{
	margin:0;	
}
header .hLeft #langBtn a{
    width: 110px;
    position: absolute;
    right: 20px;
    top: 0;
    margin: 0;
    border-radius: 0 0 10px 10px;
    border-top: none;
    padding: 10px 25px 10px 15px;
}
header #globalNav{
	width:100%;
}
header #globalNav ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items:stretch;
}
header #globalNav li {
    float: left;
    width: 14.2%;
}
header #globalNav li a{
    min-width: 100%;
    padding: 20px 5px;
    min-height: 115px;
}
header #globalNav li:first-child a{
	border:none;	
}
}

/*--EOF-----------------------------------------------------------------------*/