@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　iPhone用ページのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 基本フォント ------------------------------ */

body {
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, sans-serif;
/*	font-size: 20px;*/
	font-size: 18px;
	line-height: 1.5;
	background:#f7f4f2;
}
body.iFix {
	-webkit-text-size-adjust:none;
}

input,textarea,select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, sans-serif;
	font-size: 100%;
}
body.iFix input,textarea,select {
	font-size: 80%;
}


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}


/* 基本タグ -------------------- */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
}

body {
	background: #F7F4F2;
}

img,table {
	border: none;
}

img {
	vertical-align: bottom;
}

ol,ul {
	list-style: none;
}

address,em,cite {
	font-style: normal;
}

fieldset {
	border: none;
}


input::-webkit-input-placeholder {font-size:80%;/*line-height:54px*/}
body.iFix input::-webkit-input-placeholder {font-size:70%;/*line-height:1.5*/}

/* 基本テキストリンク -------------------- */
a {
outline: none;
/*-webkit-tap-highlight-color:rgba(0,0,0,0);*/
}
body.iFix a{
/*-webkit-tap-highlight-color:rgba(0,0,255,0.1);*/
}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------
 float
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block;}
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

header{padding:11px 8px 14px;position:relative;}
header:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
header .logo {float: left;margin-right:17px;}
header nav {float: left;padding-top: 10px;}
header nav ul {float: left;margin-right: 17px;}
.noMenu header nav ul {display: none;}
.noMenu menuList {display: none;}
header nav li {}
header nav p {position: relative;float:left;}
header nav p input {vertical-align: top;}
header nav .inputTxt {display: inline-block;width: 208px;margin-right: 8px;}
header nav .inputTxt img {position: absolute;top: 50%;left: 9px;margin-top: -10px;}
header nav .inputTxt input {
width: 208px;
height: 54px;
/*line-height: 54px;*/
padding-left: 30px;
border: 2px solid #dddddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}
body.iFix header nav .inputTxt input {line-height:normal}


header #menu{
/*width:464px;*/
width:614px;
height:400px;
position:absolute;left:13px;top:86px;z-index:10000;
display:none;	/*初期設定*/
background-image:url(/sp/common/images/bg_menu_01a.png);
background-repeat:no-repeat;
background-position:0 0;
padding-top:41px;
}
header #menu .inner{background:url(/sp/common/images/bg_menu_01c.png) 0 bottom no-repeat;padding-bottom:21px;}
header #menu .innerB{background:url(/sp/common/images/bg_menu_01b.png) 0 0 repeat-y;}
header #menu ul li{width:577px;margin:0 auto;border-bottom:1px solid #c2c2c2;background:#fff;}
header #menu ul li:first-child{
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px; 
}
header #menu ul li:last-child{
border-bottom:none;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px; 

}
header #menu ul li a{display:block;height:78px;background:url(/sp/common/images/icn_menu_01.png) 534px 24px no-repeat;}
header #menu ul li.pc a{background:url(/sp/common/images/icn_menu_02.png) 530px 24px no-repeat;}
header #menu ul li img{padding:29px 0 0 26px;}
header #menu .btn{margin-left:19px;;padding-top:12px;}

header #cover{position:absolute;left:0;top:100px;z-index:1000;display:none;}
header #cover img{width:640px;height:1000px;}


/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */

#contents {
	background: #ffffff;
}


/* 見出し系 -------------------- */
.md-Hd-02-01{
background: -moz-linear-gradient(#848484, #666666);
background: -webkit-gradient(linear, left top, left bottom, from(#848484), to(#666666));
}

.md-Hd-02-02{
border:solid #d6d6d6;
border-width:1px 0;
background: -moz-linear-gradient(#fff, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}

.md-Hd-02-02 h2{
padding-left:15px;
border:#0098cf solid;	
border-width:0 0 0 4px;
display: table-cell;
vertical-align:middle;
height:35px;
}

.md-Hd-02-03{
border:solid #c9c9c9;
border-width:1px 0 0 0;
background: -moz-linear-gradient(#f7f4f2, #e8e5e3);
background: -webkit-gradient(linear, left top, left bottom, from(#f7f4f2), to(#e8e5e3));
}

.md-Hd-02-03.borderTop{
border-top:0px;	
}

.md-Hd-02-03.borderBtm{
border-width:1px 0;
}

.md-Hd-02-03 a{
display:block;
background:url(/sp/common/images/icn_pc_01.png) 295px center no-repeat;
background-size: 15px 17px;
}

.md-Hd-02-03 a.arw{
background:url(/sp/common/images/icn_arw_right.png) 591px center no-repeat;
}

.acBtn {
background: -moz-linear-gradient(#f7f4f2, #e8e5e3);
background: -webkit-gradient(linear, left top, left bottom, from(#f7f4f2), to(#e8e5e3));
}

.acBtn .md-Hd-02-03 {
background:url(/sp/common/images/icn_toggle_01.png) 591px center no-repeat;
}

.md-Hd-02-03 h2{
padding:15px 25px 15px 20px;
}


/*linkList*/
ul.mdLinkList01 li{
background:#ffffff;
border-bottom:2px solid #c9c9c9;	
}
ul.mdLinkList01 li.no-border{
border-bottom:none;
}
ul.mdLinkList01 li a{
display:table-cell;
vertical-align:middle;
padding:25px 0;
width:640px;
color:#0098cf;
line-height:1.2;
/*font-size:28px;*/
background:url(/sp/common/images/icn_arw_right.png) 591px center no-repeat;
}
ul.mdLinkList01 li a.pdf{
background:url(/sp/common/images/icn_pdf_01.png) 591px center no-repeat;
}

ul.mdLinkList01 li a.pc{background:#fff url(/sp/common/images/icn_pc_01.png) 591px center no-repeat;}
ul.mdLinkList01 li a span{
padding-left:40px;
width:500px;
display:block;
}


/*tab*/
.tabArea{margin-top:20px;}
.tabBtn{border-bottom:2px solid #d6d6d6;padding-left:2px;}
.tabBtn:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.tabBtn li{float:left;margin-left:8px;width:305px;height:84px;background:url(/sp/common/images/bg_tab_01b.png) 0 0 no-repeat;text-align:center;margin-bottom:-2px;}
.tabBtn li img{padding-top:35px;}
.tabBtn li.active{background:url(/sp/common/images/bg_tab_01.png) 0 0 no-repeat;}

.tab{padding-bottom:20px;background:#f7f4f2}



/*flick*/
/* 640px(item width) * (item count) */
/*以下JSで設定することにしました。（カスタム仕様）*/
/*tab1個目*/
/*.flickArea .flipsnap {width: 3200px;}*/
/*tab2個目*/
/*.flickArea .flipsnap2 {width: 3840px;}*/
/*tab2個目*/
/*.flickArea .flipsnap3 {width: 3840px;}*/
.flickArea{position:relative;background:#ffffff;padding:25px 0 35px;}
.flickArea .viewport {width: 640px;overflow: hidden;margin: 0 auto;}
.flickArea .viewport:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.flickArea .item{float:left;width:640px;}
/*.flickArea .item{float:left;width:640px;font-size: 28px;}*/
.flickArea .item a{color: #0098cf;}
.flickArea .item dt{text-align: center;}
.flickArea .item dd{width:570px;margin:15px auto;}
.flickArea .item dd span{display:block;padding-left:41px;}
.flickArea .item dd span.pdf{background:url(/sp/common/images/icn_pdf_01.png) 0 5px no-repeat;}
.flickArea .item p{text-align:center;}
/*表示変化設定 displayでblock,none切り替えはカクつく。backgroundの表示で対応*/
.flickArea .prev{position:absolute;left:0;top:70px;background:url(/sp/common/images/flick_btn_back.png) 0 0 no-repeat;width:41px;height:126px;}
.flickArea .prev[disabled=true]{background:url(/sp/common/images/flick_btn_back_off.png) 0 0 no-repeat;}
.flickArea .prev[disabled=false]{background:url(/sp/common/images/flick_btn_back.png) 0 0 no-repeat;}
.flickArea .next{position:absolute;right:0;top:70px;background:url(/sp/common/images/flick_btn_next.png) 0 0 no-repeat;width:41px;height:126px;}
.flickArea .next[disabled=true]{background:url(/sp/common/images/flick_btn_next_off.png) 0 0 no-repeat;}
.flickArea .next[disabled=false]{background:url(/sp/common/images/flick_btn_next.png) 0 0 no-repeat;}


/* pageTitle -------------------- */

.pageTitle {
	position: relative;
	padding: 11px 5px 12px;
	border-bottom: 1px solid #d6d6d6;
	background: #F7F4F2;
	overflow: hidden;
	-webkit-text-size-adjust: auto;
	border-top: 1px solid #d6d6d6;
}

.pageTitle .back {
	display: table-cell;
	padding-right: 7px;
}

.pageTitle h1 {
	display: table-cell;
	margin-left: 88px;
	font-size: 100%;
	font-weight:bold;
	vertical-align: middle;
}
.pageTitle h1.fix {
	padding-right: 155px;
}

.pageTitle .zoom {
	position: absolute;
	top: 17px;
	right: 10px;
}

.pageTitle .zoom li {
	float: left;
	padding-left: 9px;
}


/* titleStyle01 -------------------- */

.titleStyle01 {
	position: relative;
	border-top: 2px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 6px solid #0AB1DC;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(247, 247, 247)));
	background: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(247, 247, 247) 100%);
	background: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(247, 247, 247) 100%);
	font-size: 140%;
}

.titleStyle01 span {
	display: block;
	padding: 16px 25px;
	border-bottom: 2px solid #FFFFFF;
}


/* lineBox01 -------------------- */

.lineBox01 {
	margin: 20px 0;
	padding: 15px;
	border: 2px solid #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/* mapArea -------------------- */

.mapArea {
	position: relative;
	margin-top: -2px;
	padding: 12px 10px 25px;
	background: #F7F4F2;
	text-align: center;
	z-index: 2;
}


/* nameNav -------------------- */

.nameNav {
	position: absolute;
	top: 94px;
	right: 0;
	z-index: 5;
	width: 42px;
	padding: 11px 0;
	background: rgba(0, 0, 0, 0.3);
	text-align: center;
}

.nameNav li {
	padding: 3px 0;
}

.nameNav li a {
	display: block;
	padding: 9px 0;
	line-height: 1.4;
}


/* stationName -------------------- */

.flickable {
	background: #F7F4F2;
}

.stationName {
	margin-bottom: 400px;
}

.stationName h2 {
	margin-top: -2px;
}

.stationName li {
	position: relative;
	border-bottom: 2px solid #d6d6d6;
	background: #ffffff;
}

.stationName li a,
.stationName li .nolink {
	display: block;
	padding: 22px 330px 25px 23px;
	color: #333333;
}

.stationName li .name {
	display: inline-block;
	margin-bottom: -5px;
	color: #333333;
	font-size: 140%;
}

.stationName li a img,
.stationName li .nolink img {
	margin-right: 14px;
	vertical-align: middle;
}

.stationName li a .icn,
.stationName li .nolink .icn  {
	position: absolute;
	top: 31px;
	left: 312px;
	margin: 0;
}

.stationName li a .arw {
	position: absolute;
	top: 36px;
	right: 44px;
	margin: 0;
}

.stationName li ul {
	margin-bottom: -2px;
	border-top: 2px solid #d6d6d6;
}


/* navSearch -------------------- */

.navSearch {
	padding: 17px 0;
	background: #044271;
	text-align: center;
}

.navSearch ul {
	display: table;
	margin: 0 auto;
}

.navSearch li {
	display: table-cell;
	padding: 0 8px;
}


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

footer{padding-top:30px;background:#f7f4f2;text-align:left;}
footer .toTop{text-align:right;margin-right:11px;}

footer .inner{background:#dedbd9;}

footer ul.langList{
	clear:both;
	width:624px;
	margin:0 auto;
	padding:25px 0 15px;
}
footer ul.langList li{float:left;}
footer ul.langList:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

footer .searchArea{margin-left:44px;}
footer .searchArea p {position: relative;}
footer .searchArea p input {vertical-align: top;}
footer .searchArea .inputTxt {display: inline-block;width: 438px;margin-right: 8px;}
footer .searchArea .inputTxt img {position: absolute;top: 50%;left: 9px;margin-top: -10px;}
footer .searchArea .inputTxt input {
width: 438px;
height: 54px;
padding-left: 30px;
border: 2px solid #dddddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
/*line-height: 54px;*/
}

footer nav{margin:30px 0 30px 30px;}
footer nav img{vertical-align:middle;}
footer nav:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
footer nav li{display:block;float:left;margin-right:22px;}
footer nav li span img{padding-right:10px;}

footer .switch{width:557px;margin:0 auto;}
footer .switch:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
footer .switch li{float:left;}


footer .copyright {padding: 28px 10px;text-align: center;color: #666666;font-size: 70%;}

/*
#footer {
	margin-top: 25px;
	padding: 20px 0 40px;
	background: #ffffff;
	text-align: center;
}

#footer .copyright {
	padding: 0 10px;
	text-align: center;
	color: #666666;
	font-size: 90%;
}
*/



/* --------------------------------------------------------------------------------------
 駅名
--------------------------------------------------------------------------------------- */
.stationName {
padding-bottom:120px;
}


/* 余白調整 -------------------- */

.mt10 {	margin-top:10px;}
.mt15 {	margin-top:15px;}
.mt20 {	margin-top:20px;}
.mt25 {	margin-top:25px;}
.mt30 {	margin-top:30px;}
.mt40 {	margin-top:40px;}
.mb05 { margin-bottom:05px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}