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

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*	Browser Formatting
----------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, table, caption, th, td, blockquote, address, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
input, select, textarea, label {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input[type="submit"],input[type="button"]{
  -webkit-appearance: none;
}
input:focus {
	outline: 0;
}
/*	Redefine
----------------------------------------------------*/

body {
	color: #333;
	font-size: 105%;
	font-family: "Mplus 1p", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: 'Lato', 'Noto Sans Japanese', sans-serif;*/
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	line-height: 1;
}
h1, h2, h3, h4, h5, h6, address {
	font-weight: normal;
	font-style: normal;
}
ul, ul li, ol, ol li {
	list-style-type: none;
}
select option {
	padding-right: 0.5em;
}
img {
	border: 0;
	vertical-align: bottom;
}
a:link {
	color: #187fc4;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a:visited {
	color: #551a8b;
}
a:hover {
	color: #b8860b;
}
a:active {
	color: #3366cc;
}
a[name]:hover {
	color: #3f3930;
}
address, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}
pre, code {
	font-family: monospace;
}


/*  各駅
----------------------------------------------------*/

main section ul#staList{
	max-width:1200px;	
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;	
    justify-content: space-between;
	margin:auto;	
	background:url(../../img/bg_redLine.gif) repeat-x left 17px;
}
main section ul#staList li span,
body.sitemap main section div ul.stName li span{
    display: block;
	background:#fff;
    border: 4px solid #cb1621;
    width: 38px;
    height: 38px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: bold;
	color:#333;
    margin: auto;
    -webkit-transition: all .3s;
    transition: all .3s;
}
body.sitemap main section div ul.stName li span{
    display: inline-block;
	margin-right:20px;
}
main section ul#staList li a{
	display:block;
	text-decoration:none;
    text-align: center;
    width: 38px;
	color:#000;
}
main section ul#staList li em{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	margin:30px 5px 0 0;
	max-height:150px;
	/*font-family: "Rounded Mplus 1c";*/
	font-size:1.4rem;
    text-align: left;
}
main section ul#staList li a:hover{
	color:#cb1621;	
}
main section ul#staList li a:hover span{
	color:#fff;
}

/* 01新浜松 */
body#park_rideIndex .shinhamamatsu span,
body#wheelchairIndex .shinhamamatsu span,
main section ul#staList li.shinhamamatsu span,
body#fareIndividual main .fareTbl .tbl003 td em.shinhamamatsu,
body.sitemap main section div ul li.shinhamamatsu span{
	border-color: #0C3388;
}
body.shinhamamatsu main #stInfo #stName,
main section ul#staList li.shinhamamatsu a:hover span{
	background: #0C3388;
}

/* 02第一通り */
body#park_rideIndex .daiichi-dori span,
body#wheelchairIndex .daiichi-dori span,
main section ul#staList li.daiichi-dori span,
body#fareIndividual main .fareTbl .tbl003 td em.daiichi-dori,
body.sitemap main section div ul li.daiichi-dori span{
	border-color: #4DA635;
}
body.daiichi-dori main #stInfo #stName,
main section ul#staList li.daiichi-dori a:hover span{
	background: #4DA635;
}
/* 03遠州病院前 */
body#park_rideIndex .enshubyoin span,
body#wheelchairIndex .enshubyoin span,
main section ul#staList li.enshubyoin span,
body#fareIndividual main .fareTbl .tbl003 td em.enshubyoin,
body.sitemap main section div ul li.enshubyoin span{
	border-color: #EBCA00;
}
body.enshubyoin main #stInfo #stName,
main section ul#staList li.enshubyoin a:hover span{
	background: #EBCA00;
}
/* 04八幡 */
body#park_rideIndex .hachiman span,
body#wheelchairIndex .hachiman span,
main section ul#staList li.hachiman span,
body#fareIndividual main .fareTbl .tbl003 td em.hachiman,
body.sitemap main section div ul li.hachiman span{
	border-color: #E07F00;
}
body.hachiman main #stInfo #stName,
main section ul#staList li.hachiman a:hover span{
	background: #E07F00;
}
/* 05助信 */
body#park_rideIndex .sukenobu span,
body#wheelchairIndex .sukenobu span,
main section ul#staList li.sukenobu span,
body#fareIndividual main .fareTbl .tbl003 td em.sukenobu,
body.sitemap main section div ul li.sukenobu span{
	border-color: #E5006E;
}
body.sukenobu main #stInfo #stName,
main section ul#staList li.sukenobu a:hover span{
	background: #E5006E;
}
/* 06曳馬 */
body#park_rideIndex .hikuma span,
body#wheelchairIndex .hikuma span,
main section ul#staList li.hikuma span,
body#fareIndividual main .fareTbl .tbl003 td em.hikuma,
body.sitemap main section div ul li.hikuma span{
	border-color: #801B75;
}
body.hikuma main #stInfo #stName,
main section ul#staList li.hikuma a:hover span{
	background: #801B75;
}
/* 07上島 */
body#park_rideIndex .kamijima span,
body#wheelchairIndex .kamijima span,
main section ul#staList li.kamijima span,
body#fareIndividual main .fareTbl .tbl003 td em.kamijima,
body.sitemap main section div ul li.kamijima span{
	border-color: #0C3388;
}
body.kamijima main #stInfo #stName,
main section ul#staList li.kamijima a:hover span{
	background: #0C3388;
}
/* 08自動車学校前 */
body#park_rideIndex .jidosyagakkomae span,
body#wheelchairIndex .jidosyagakkomae span,
main section ul#staList li.jidosyagakkomae span,
body#fareIndividual main .fareTbl .tbl003 td em.jidosyagakkomae,
body.sitemap main section div ul li.jidosyagakkomae span{
	border-color: #4DA635;
}
body.jidosyagakkomae main #stInfo #stName,
main section ul#staList li.jidosyagakkomae a:hover span{
	background: #4DA635;
}
/* 09さぎの宮 */
body#park_rideIndex .saginomiya span,
body#wheelchairIndex .saginomiya span,
main section ul#staList li.saginomiya span,
body#fareIndividual main .fareTbl .tbl003 td em.saginomiya,
body.sitemap main section div ul li.saginomiya span{
	border-color: #EBCA00;
}
body.saginomiya main #stInfo #stName,
main section ul#staList li.saginomiya a:hover span{
	background: #EBCA00;
}
/* 10積志 */
body#park_rideIndex .sekishi span,
body#wheelchairIndex .sekishi span,
main section ul#staList li.sekishi span,
body#fareIndividual main .fareTbl .tbl003 td em.sekishi,
body.sitemap main section div ul li.sekishi span{
	border-color: #E07F00;
}
body.sekishi main #stInfo #stName,
main section ul#staList li.sekishi a:hover span{
	background: #E07F00;
}
/* 11遠州西ヶ崎 */
body#park_rideIndex .nishigasaki span,
body#wheelchairIndex .nishigasaki span,
main section ul#staList li.nishigasaki span,
body#fareIndividual main .fareTbl .tbl003 td em.nishigasaki,
body.sitemap main section div ul li.nishigasaki span{
	border-color: #E5006E;
}
body.nishigasaki main #stInfo #stName,
main section ul#staList li.nishigasaki a:hover span{
	background: #E5006E;
}
/* 12遠州小松 */
body#park_rideIndex .komatsu span,
body#wheelchairIndex .komatsu span,
main section ul#staList li.komatsu span,
body#fareIndividual main .fareTbl .tbl003 td em.komatsu,
body.sitemap main section div ul li.komatsu span{
	border-color: #801B75;
}
body.komatsu main #stInfo #stName,
main section ul#staList li.komatsu a:hover span{
	background: #801B75;
}
/* 13浜北 */
body#park_rideIndex .hamakita span,
body#wheelchairIndex .hamakita span,
main section ul#staList li.hamakita span,
body#fareIndividual main .fareTbl .tbl003 td em.hamakita,
body.sitemap main section div ul li.hamakita span{
	border-color: #0C3388;
}
body.hamakita main #stInfo #stName,
main section ul#staList li.hamakita a:hover span{
	background: #0C3388;
}
/* 14美薗中央公園 */
body#park_rideIndex .misonochuokoen span,
body#wheelchairIndex .misonochuokoen span,
main section ul#staList li.misonochuokoen span,
body#fareIndividual main .fareTbl .tbl003 td em.misonochuokoen,
body.sitemap main section div ul li.misonochuokoen span{
	border-color: #4DA635;
}
body.misonochuokoen main #stInfo #stName,
main section ul#staList li.misonochuokoen a:hover span{
	background: #4DA635;
}
/* 15遠州小林 */
body#park_rideIndex .kobayashi span,
body#wheelchairIndex .kobayashi span,
main section ul#staList li.kobayashi span,
body#fareIndividual main .fareTbl .tbl003 td em.kobayashi,
body.sitemap main section div ul li.kobayashi span{
	border-color: #EBCA00;
}
body.kobayashi main #stInfo #stName,
main section ul#staList li.kobayashi a:hover span{
	background: #EBCA00;
}
/* 16遠州芝本 */
body#park_rideIndex .shibamoto span,
body#wheelchairIndex .shibamoto span,
main section ul#staList li.shibamoto span,
body#fareIndividual main .fareTbl .tbl003 td em.shibamoto,
body.sitemap main section div ul li.shibamoto span{
	border-color: #E07F00;
}
body.shibamoto main #stInfo #stName,
main section ul#staList li.shibamoto a:hover span{
	background: #E07F00;
}
/* 17遠州岩水寺 */
body#park_rideIndex .gansuiji span,
body#wheelchairIndex .gansuiji span,
main section ul#staList li.gansuiji span,
body#fareIndividual main .fareTbl .tbl003 td em.gansuiji,
body.sitemap main section div ul li.gansuiji span{
	border-color: #E5006E;
}
body.gansuiji main #stInfo #stName,
main section ul#staList li.gansuiji a:hover span{
	background: #E5006E;
}
/* 18西鹿島 */
body#park_rideIndex .nishikajima span,
body#wheelchairIndex .nishikajima span,
main section ul#staList li.nishikajima span,
body#fareIndividual main .fareTbl .tbl003 td em.nishikajima,
body.sitemap main section div ul li.nishikajima span{
	border-color: #801B75;
}
body.nishikajima main #stInfo #stName,
main section ul#staList li.nishikajima a:hover span{
	background: #801B75;
}


/*  #branch : 分岐
----------------------------------------------------*/
main #branch 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;
	align-items: stretch;
}
main #branch ul:after{
	content:'';
    display: block;
	width: 31.5%;
}
main #branch ul li {
	width: 31.5%;
	margin-bottom:50px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
main #branch ul li a {
	display: block;
	border: 1px solid #d4dce2;
	border-radius: 10px;
	padding: 15px 15px 30px;
	text-decoration: none;
	color: #333;
}
main #branch ul li a:hover {
	background: #f5fafb;
}
main #branch ul li a h3 {
	text-align: center;
    margin-bottom: 15px;
    font-size: 1.3rem;
	color: #0080cb;
}
main #branch ul li a h3 span {
	display: inline-block;
	margin-left: 10px;
}
main #branch ul li a h3 span img {
	vertical-align: top;
}
main #branch ul li a p {
	line-height: 1.5;
	text-align: justify;
	font-size: 90%;
	margin: 0;
}
main #branch ul li a .photo img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}


/*  table : テーブル関係
----------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
th, td {
	padding: 0.3em 0.5em;
	vertical-align: top;
}
th, caption {
	text-align: left;
}

/* .tbl001 */
table.tbl001 {
	width: 100%;
	border-top: 1px solid #d1dae0;
}
table.tbl001 th {
	width: 25%;
}
table.tbl001 th, table.tbl001 td {
	border-bottom: 1px solid #d1dae0;
	padding: 25px 15px;
    line-height: 1.4;
}

/* .tbl002 */
table.tbl002 {
	width: 100%;
}
table.tbl002 th, table.tbl002 td {
	border: 1px solid #d1dae0;
	padding: 15px;
}
table.tbl002 tr:nth-child(even) {
	background: #f5fafb;
}

/* .tbl003 */
table.tbl003 {
	width: 100%;
}
table.tbl003 th, table.tbl003 td {
	border: 1px solid #d1dae0;
	padding: 15px;
	text-align: center;
	vertical-align: middle;
}
table.tbl003 thead th {
	background: #0080cb;
	color: #fff;
}
table.tbl003 tbody th, table.tbl003 tbody td {
	background: #fff;
	border: 1px solid #d1dae0;
}


/*  .btn a : ボタン関係
----------------------------------------------------*/
main .btn a {
	position: relative;
	display: block;
	margin-bottom: 20px;
	padding: 20px 0;
	text-align: center;
	border: 3px solid #d4dce2;
	border-radius: 3px;
	color: #333;
	font-size: 130%;
	text-decoration: none;
}
main .btn 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;
}
main .btn a:hover {
	background: #d4dce2;
}
main .btn a:hover:after {
	right: 5%;
}
main .btn a span {
	font-size: 80%;
}

/* pdf付き */
main .btn a[href$=".pdf"] {
	background: url(../img/ico/ico_pdf.png) no-repeat 5% center;
	padding-left: 24px;
}
main .btn a[href$=".pdf"]:hover {
	background: #d4dce2 url(../img/ico/ico_pdf.png) no-repeat 5% center;
}


/*  floating : 回り込み関係
----------------------------------------------------*/
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.clearL {
	clear: left;
}
.clearR {
	clear: right;
}
.clearB {
	clear: both;
}


/*  align : 行揃え関係
----------------------------------------------------*/
.alignL {
	text-align: left;
}
.alignR {
	text-align: right;
}
.alignC {
	text-align: center;
}


/*  タイトル : 
----------------------------------------------------*/
main h2.ttl01 {
	border-top: 4px solid #229ce3;
	border-bottom: 2px solid #229ce3;
	font-size: 2rem;
	padding: 25px 10px;
	margin-bottom: 40px;
	color: #333;
}
main h2.ttl01 span {
	color: #aaa;
	font-size: 1rem;
	display: inline-block;
	margin-left: 50px;
	vertical-align: middle;
}
main h3.ttl02 {
	font-size: 1.5rem;
	margin-bottom: 25px;
	color: #005f97;
}


/*  フェードイン
----------------------------------------------------*/
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.fadein:nth-of-type(2) {
	-moz-transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
}
.fadein:nth-of-type(3) {
	-moz-transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
}


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