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

body {
	font-size: 14px;
	line-height: 140%;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	color: #222;
	 -webkit-text-size-adjust: 100%;
}

.pc { display:block;}
.tb { display:none;}
.sp { display:none;}
a {
	text-decoration: underline;
	color: #0074bf;
}
a:hover { opacity: 0.7; text-decoration: none;}

.red { color: #e13535;}
.or { color: #fb7f09;}
.ge { color: #1a885b;}
.blue { color: #0074bf;}
.db {color: #133c82;}

.txt_ct th,.txt_ct td {
	width: 25%;
	text-align: center;
}

a {
	text-decoration: underline;
	color: #0074bf;
}
a:hover { opacity: 0.7;}

area:hover {
	border: none;
}

@media screen and (min-width: 1025px) {

	.tb { display:block;}

}

@media screen and (max-width: 750px) {

	body {
		font-size: 13px;
	}
	.pc { display:none!important;}
	.tb { display:none;}
	.sp { display:block;}

}

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

.contents { margin-bottom: 120px;}

.contents .inner{	overflow: hidden; }
.contents .inner:not(:last-of-type){	margin-bottom: 60px;}

.inner .box:not(:last-child){	margin-bottom: 40px;}
.contents .inner .box:only-child { margin-bottom: 0;}


@media screen and (max-width: 750px) {

	.contents { margin-bottom: 80px;}
	.inner .box:not(:last-child){	margin-bottom: 20px;}
	.contents .inner:not(:last-child){	margin-bottom: 30px;}

}
/* ------------------------- お知らせ　------------------------- */

.contents .inner #list_news li:not(:last-child){ margin-bottom: 25px;}
.contents .inner #list_news li .ttl{
	display: block;
	margin-bottom: 8px;
	letter-spacing: 0.05em;
}

.contents .inner #list_news li .ttl span{
	display: inline-block;
	letter-spacing: 0.1em;
	padding: 0 13px;
	line-height: 20px;
	border-radius: 5px;
	font-size: 10px;
	color: #fff;
	margin-right: 8px;
}

.contents .inner #list_news .ttl span.cat01{ background-color: #9b9b9b; }/* お詫び */
.contents .inner #list_news .ttl span.cat02{ background-color: #f4ad5a; }/* キャンペーン */
.contents .inner #list_news .ttl span.cat03{ background-color: #b582c6; }/* 新サービス */
.contents .inner #list_news .ttl span.cat04{ background-color: #22bf6c; }/* 工事情報 */
.contents .inner #list_news .ttl span.cat05{ background-color: #63bef8; }/* 新コンテンツ */
.contents .inner #list_news .ttl span.cat06{ background-color: #ff7660; }/* 遅延 */
.contents .inner #list_news .ttl span.cat07{ background-color: #ff8932; }/* 契約情報 */
.contents .inner #list_news .ttl span.cat08{ background-color: #ff8932; }/* 契約その他 */
.contents .inner #list_news .ttl span.cat09{ background-color: #ff75af; }/* 募集 */
.contents .inner #list_news .ttl span.cat10{ background-color: #279c65; }/* 七隈線延伸事業 */
.contents .inner #list_news .ttl span.cat11{ background-color: #fc4e4e; }/* 料金 */
.contents .inner #list_news .ttl span.cat12{ background-color: #3a6dde; }/* その他 */
.contents .inner #list_news .ttl span.cat13{ background-color: #fc8f8f; }/* ダイヤ */
.contents .inner #list_news .ttl span.cat14{ background-color: #3d6be1; }/* 乗車券販売 */
.contents .inner #list_news .ttl span.cat15{ background-color: #00bbea; }/* 駅ナカ事業 */
.contents .inner #list_news .ttl .date{
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
}

.contents .inner #list_news li a {
	font-size: 16px;
	line-height: 140%;
}

@media screen and (max-width: 750px) {

	.contents .inner #list_news li:not(:last-child){ margin-bottom: 18px;}
	.contents .inner #list_news li a { font-size: 14px;}

}

/* ------------------------- アコーディオン------------------------- */

.switch {
	margin: 0;
	position: relative;
}

.switch::after {
	content: "";
	position: absolute;
	width: 19px;
	height: 19px;
	top: 50%;
	margin-top: -9px;
	right: 20px;
	background: url(../../img/common/switch.png) center no-repeat;
}

h3.on::after { transform: rotate(-180deg); }

.submenu {
	margin-top: 20px;
  display: none;
}

@media screen and (max-width: 750px) {

	.switch::after {
		width: 19px;
		height: 19px;
		margin-top: -9px;
		/* right: 20px; */
		background: url(../../img/common/sp/switch.png) center/100% no-repeat;
	}

}

/* -------------------------　確定　------------------------- */

#pankz {
	font-size: 13px;
	padding: 10px 0;
}


.damy {
	width: 100%;
	max-width: 1000px;
	height: 600px;
	display: block;
	margin: 0 auto;
}

img.damy {
	display: block;
}

article {
	max-width: 1200px;
	width: calc(100% - 40px);
	margin: 0 auto;
}

@media screen and (max-width: 750px) {

	article { width: calc(100% - 20px);}

}

/*----------- .ttl　関係 ------------*/

.ttl_main {
	text-align: center;
	padding: 50px 0;
}

.ttl_txt{
	font-size: 19px;
	line-height: 120%;
	font-weight: bold;
	text-align: center;
}

.ttl_h2{
	font-size: 28px;
	line-height: 120%;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}
.ttl_set{
	margin-bottom: 30px;
}

h3 {
	font-size: 22px;
	letter-spacing: 2px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: solid #ebebeb 2px;
	box-sizing: border-box;
	margin-bottom: 30px;
	font-weight: 500;
}

.ttl_h3,.switch {
	text-align: center;
	background: #ebebeb;
	width: 100%;
}

.ttl_sub {
	position: relative;
	color: #0074bf;
	font-weight: bold;
	vertical-align: top;
	margin-bottom: 10px;
	padding-left: 15px;
}

.ttl_sub::before {
	content: "";
	width: 12px;
	height: 12px;
	background: #0074bf;
	position: absolute;
	left: 0;
	top: 4px;
}


@media screen and (max-width: 750px) {

	.ttl_main { padding: 30px 0; }
	.ttl_h2 { font-size: 22px; }

	h3 {
		font-size: 17px;
		letter-spacing: 1px;
		height: 45px;
		line-height: 45px;
		margin-bottom: 20px;
	}

	/* .inner01 .box01 dt {
    padding: 3px 0px 3px 40px;
    font-size: 14px;
	} */

}

/*----------- .btn関係 ------------*/


.btn a {
	width: 100%;
	line-height: 40px;
	padding-left: 15px;
	box-sizing: border-box;
	color: #222;
	background-color: #ebebeb;
	border: solid 1px #d2d2d2;
	position: relative;
	display: block;
	text-decoration: none;
}

.btn_db a{
	background-color: #133c82;
	color: #fff;
	border: solid 1px #133c82;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0;
}
.btn_bl a{
	background-color: #00a0e9;
	color: #fff;
	border: solid 1px #00a0e9;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0;
}
.btn_or a{
	background-color: #fb7f09;
	color: #fff;
	border: solid 1px #fb7f09;
	height: 60px;
	line-height: 60px;
	text-align: center;
	padding: 0;
}

.btn a::after {
	content: "";
	width: 8px;
	height: 12px;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -6px;
	background: url(../../img/common/arrow_k.png) center no-repeat;
}

.btn_db a::after,.btn_or a::after,.btn_bl a{
	background: url(../../img/common/arrow_w.png) center no-repeat;
}

article .contents .inner .route {
	margin: 0 auto;
	overflow: hidden;
}
article .contents .inner .route:only-child { margin-bottom: 0;}

.route .btn{
	max-width: 260px;
	height: 60px;
}

.route .btn a{
	font-size: 16px;
	height: 60px;
	line-height: 60px;
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	padding-left: 22%;
}
.route .btn a span { font-size: 11px;}
.btn_db a span { font-size: 11px;}

.route a::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 6%;
    top: 50%;
    margin-top: -15px;
}

.route .k01 a::before { background: url(../../img/common/k01.jpg) center no-repeat;}
.route .k02 a::before { background: url(../../img/common/k02.jpg) center no-repeat;}
.route .k03 a::before { background: url(../../img/common/k03.jpg) center no-repeat;}
.route .k04 a::before { background: url(../../img/common/k04.jpg) center no-repeat;}
.route .k05 a::before { background: url(../../img/common/k05.jpg) center no-repeat;}
.route .k06 a::before { background: url(../../img/common/k06.jpg) center no-repeat;}
.route .k07 a::before { background: url(../../img/common/k07.jpg) center no-repeat;}
.route .k08 a::before { background: url(../../img/common/k08.jpg) center no-repeat;}
.route .k09 a::before { background: url(../../img/common/k09.jpg) center no-repeat;}
.route .k10 a::before { background: url(../../img/common/k10.jpg) center no-repeat;}
.route .k11 a::before { background: url(../../img/common/k11.jpg) center no-repeat;}
.route .k12 a::before { background: url(../../img/common/k12.jpg) center no-repeat;}
.route .k13 a::before { background: url(../../img/common/k13.jpg) center no-repeat;}

.route .h01 a::before { background: url(../../img/common/k09.jpg) center no-repeat;}
.route .h02 a::before { background: url(../../img/common/h02.jpg) center no-repeat;}
.route .h03 a::before { background: url(../../img/common/h03.jpg) center no-repeat;}
.route .h04 a::before { background: url(../../img/common/h04.jpg) center no-repeat;}
.route .h05 a::before { background: url(../../img/common/h05.jpg) center no-repeat;}
.route .h06 a::before { background: url(../../img/common/h06.jpg) center no-repeat;}
.route .h07 a::before { background: url(../../img/common/h07.jpg) center no-repeat;}

.route .n01 a::before { background: url(../../img/common/n01.jpg) center no-repeat;}
.route .n02 a::before { background: url(../../img/common/n02.jpg) center no-repeat;}
.route .n03 a::before { background: url(../../img/common/n03.jpg) center no-repeat;}
.route .n04 a::before { background: url(../../img/common/n04.jpg) center no-repeat;}
.route .n05 a::before { background: url(../../img/common/n05.jpg) center no-repeat;}
.route .n06 a::before { background: url(../../img/common/n06.jpg) center no-repeat;}
.route .n07 a::before { background: url(../../img/common/n07.jpg) center no-repeat;}
.route .n08 a::before { background: url(../../img/common/n08.jpg) center no-repeat;}
.route .n09 a::before { background: url(../../img/common/n09.jpg) center no-repeat;}
.route .n10 a::before { background: url(../../img/common/n10.jpg) center no-repeat;}
.route .n11 a::before { background: url(../../img/common/n11.jpg) center no-repeat;}
.route .n12 a::before { background: url(../../img/common/n12.jpg) center no-repeat;}
.route .n13 a::before { background: url(../../img/common/n13.jpg) center no-repeat;}
.route .n14 a::before { background: url(../../img/common/n14.jpg) center no-repeat;}
.route .n15 a::before { background: url(../../img/common/n15.jpg) center no-repeat;}
.route .n16 a::before { background: url(../../img/common/n16.jpg) center no-repeat;}
.route .n17 a::before { background: url(../../img/common/n17.jpg) center no-repeat;}

.ttl_route  {
	padding: 3px 0px 3px 40px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: 1px;
	position: relative;
	display: table;
	margin: 0 auto 10px;
}

.ttl_route::before {
	content: "";
	background: #ccc;
	display: inline-block;
  vertical-align: middle;
	margin-right: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -16px;
}
.route_k_h,.route_k_n { padding-left: 72px;}

.ttl_route::before {
	width: 31px;
	height: 31px;
}

.route_k::before {background: url(../../img/common/route_k.png) center no-repeat;}
.route_h::before {background: url(../../img/common/route_h.png) center no-repeat;}
.route_n::before {background: url(../../img/common/route_n.png) center no-repeat;}

.route_k_h::before {
	width: 64px;
	height: 31px;
	background: url(../../img/common/route_k.png) center left no-repeat,url(../../img/common/route_h.png) center right no-repeat;
}
dt.route_k_n::before {
	width: 64px;
	height: 31px;
	background: url(../../img/common/route_k.png) center left no-repeat,url(../../img/common/route_n.png) center right no-repeat;
}
@media screen and (min-width: 1025px) {

	.route .btn{
		width: 23.8%;
	}

	.route .btn:not(:nth-child(4n+1)){margin-left: 1.6%; }
	.route .btn:not(:nth-child(-n+4)){margin-top: 2%; }

}

@media screen and (max-width: 1024px) and (min-width: 751px) {

	.route .btn{
		max-width: 500px;
    width: 49%;
	}

	.route .btn:not(:nth-child(2n+1)){margin-left: 2%; }
	.route .btn:not(:nth-child(-n+2)){margin-top: 2%; }

}

@media screen and (max-width: 1024px) {

	.route .btn a{ padding-left: 60px;}
	.route a::before {left: 17px;	}

}

@media screen and (min-width: 751px) {

	article .contents .inner .route {	max-width: 1100px; }

}

@media screen and (max-width: 750px) {

	.btn a::after {
		width: 6.5px;
		height: 10px;
		right: 3.5%;
		margin-top: -4px;
		background: url(../../img/common/sp/arrow_k.png) center/100% no-repeat;
	}

	.btn_db a::after,
	.btn_bl a::after,
	.btn_or a::after{	background: url(../../img/common/sp/arrow_w.png) center/100% no-repeat;	}

	.route { max-width: 350px;}
	.route .btn{
		max-width: 350px;
    width: 100%;
		height: 50px;
		clear: both;
	}

	.route .btn a{
		font-size: 15px;
		height: 50px;
		line-height: 50px;
	}

	.route .btn:not(:first-child){margin-top: 2%; }

	.route .k01 a::before { background: url(../../img/common/sp/k01.jpg) center/100% no-repeat;}
	.route .k02 a::before { background: url(../../img/common/sp/k02.jpg) center/100% no-repeat;}
	.route .k03 a::before { background: url(../../img/common/sp/k03.jpg) center/100% no-repeat;}
	.route .k04 a::before { background: url(../../img/common/sp/k04.jpg) center/100% no-repeat;}
	.route .k05 a::before { background: url(../../img/common/sp/k05.jpg) center/100% no-repeat;}
	.route .k06 a::before { background: url(../../img/common/sp/k06.jpg) center/100% no-repeat;}
	.route .k07 a::before { background: url(../../img/common/sp/k07.jpg) center/100% no-repeat;}
	.route .k08 a::before { background: url(../../img/common/sp/k08.jpg) center/100% no-repeat;}
	.route .k09 a::before { background: url(../../img/common/sp/k09.jpg) center/100% no-repeat;}
	.route .k10 a::before { background: url(../../img/common/sp/k10.jpg) center/100% no-repeat;}
	.route .k11 a::before { background: url(../../img/common/sp/k11.jpg) center/100% no-repeat;}
	.route .k12 a::before { background: url(../../img/common/sp/k12.jpg) center/100% no-repeat;}
	.route .k13 a::before { background: url(../../img/common/sp/k13.jpg) center/100% no-repeat;}

	.route .h01 a::before { background: url(../../img/common/sp/k09.jpg) center/100% no-repeat;}
	.route .h02 a::before { background: url(../../img/common/sp/h02.jpg) center/100% no-repeat;}
	.route .h03 a::before { background: url(../../img/common/sp/h03.jpg) center/100% no-repeat;}
	.route .h04 a::before { background: url(../../img/common/sp/h04.jpg) center/100% no-repeat;}
	.route .h05 a::before { background: url(../../img/common/sp/h05.jpg) center/100% no-repeat;}
	.route .h06 a::before { background: url(../../img/common/sp/h06.jpg) center/100% no-repeat;}
	.route .h07 a::before { background: url(../../img/common/sp/h07.jpg) center/100% no-repeat;}

	.route .n01 a::before { background: url(../../img/common/sp/n01.jpg) center/100% no-repeat;}
	.route .n02 a::before { background: url(../../img/common/sp/n02.jpg) center/100% no-repeat;}
	.route .n03 a::before { background: url(../../img/common/sp/n03.jpg) center/100% no-repeat;}
	.route .n04 a::before { background: url(../../img/common/sp/n04.jpg) center/100% no-repeat;}
	.route .n05 a::before { background: url(../../img/common/sp/n05.jpg) center/100% no-repeat;}
	.route .n06 a::before { background: url(../../img/common/sp/n06.jpg) center/100% no-repeat;}
	.route .n07 a::before { background: url(../../img/common/sp/n07.jpg) center/100% no-repeat;}
	.route .n08 a::before { background: url(../../img/common/sp/n08.jpg) center/100% no-repeat;}
	.route .n09 a::before { background: url(../../img/common/sp/n09.jpg) center/100% no-repeat;}
	.route .n10 a::before { background: url(../../img/common/sp/n10.jpg) center/100% no-repeat;}
	.route .n11 a::before { background: url(../../img/common/sp/n11.jpg) center/100% no-repeat;}
	.route .n12 a::before { background: url(../../img/common/sp/n12.jpg) center/100% no-repeat;}
	.route .n13 a::before { background: url(../../img/common/sp/n13.jpg) center/100% no-repeat;}
	.route .n14 a::before { background: url(../../img/common/sp/n14.jpg) center/100% no-repeat;}
	.route .n15 a::before { background: url(../../img/common/sp/n15.jpg) center/100% no-repeat;}
	.route .n16 a::before { background: url(../../img/common/sp/n16.jpg) center/100% no-repeat;}

	.ttl_route::before {
		width: 30px;
		height: 30px;
	}

	.route_k::before {background: url(../../img/common/sp/route_k.png) center/100% no-repeat;}
	.route_h::before {background: url(../../img/common/sp/route_h.png) center/100% no-repeat;}
	.route_n::before {background: url(../../img/common/sp/route_n.png) center/100% no-repeat;}

	dt.route_k_h::before {
		width: 64px;
		height: 30px;
		background: url(../../img/common/sp/route_k.png) center left/47% no-repeat,url(../../img/common/sp/route_h.png) center right/47% no-repeat;
	}

}

/*----------- tab ------------*/

.tab_area{
	overflow:hidden;
	margin:0;
}

.tab_area li{
	width: 33.3%;
	height:50px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height:50px;
	float:left;
	text-align:center;
	border:solid 1px #d2d2d2;
	cursor: pointer;
	box-sizing: border-box;
	background-color:#ffffff;
	position: relative;
	background:url(../../img/common/icon_arrow.jpg) center right 15px #fff no-repeat;
	}

.tab_area li::after {
	content: "";
	width: 14px;
	height: 10px;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -5px;
	background: url(../../img/common/arrow_tab.png) center no-repeat;
}


.all_area {	overflow: hidden;	}
.tab_area li.select{
	background:url(../../img/common/icon_arrow_h.jpg) center right 15px #dbecf1 no-repeat;
	}

.tab_area li.tab2{
	border-right: none;
	border-left: none;
}

.tab_area li span {
	line-height: 44px;
	margin: 0 auto;
}
.hide{display:none;}

/*----------- table ------------*/


table {
	width: 100%;
	border: solid 1px #959595;

	/* text-align: center; */
}

table th {
	/* text-align: center; */
	background-color: #dbecf1;
}

table th,
table td {
	padding: 10px 20px;
	box-sizing: border-box;
}

table tr:nth-child(even) {
	 border-top: solid 1px #959595;
	 border-bottom: solid 1px #959595;
}

table tr th:nth-child(even),
table td:nth-child(even) {
	border-left: solid 1px #959595;
	border-right: solid 1px #959595;
}



@media screen and (max-width: 750px) {

	.scrl {
		overflow-x: scroll;
		white-space: nowrap;
    -webkit-overflow-scrolling: touch;
	}

}

/* -------------------------------------------------- */

.btn {
	float: left;
	font-size: 16px;
}

.btn_small {
		max-width: 170px;
    width: 48%;
		font-size: 14px;
}

.btn_two {
		max-width: 590px;
    width: 49%;
}

.btn_three { width: 32.5%;}

@media screen and (min-width: 1025px) {

	.btn_two:nth-child(even) { float: right;}
	.btn_two:nth-child(n+3) { margin-top: 20px;}

}

@media screen and (max-width: 1024px) {

	.btn_db,.btn_bl,.btn_or {
		float: none;
		margin: 0 auto;
		max-width: 500px;
    width: 100%;
	}

	.btn_db:not(:last-child) { margin-bottom: 10px;	}

}

@media screen and (max-width: 750px) {

	table th, table td { padding: 8px 10px; }

	.btn_db a,.btn_bl a,.btn_or a {
		font-size: 14px;
		height: 50px;
		line-height: 50px;
	}

}