@charset "utf-8";

/*!
 * ページ共通CSS
 */

/* ページ見出し1(pageH1)
------------------------------------------------------------ */
.pageH1 { /* タイトル囲み */
	border: rgb(121,187,138) solid 1px;
	border-radius: 5px 5px 5px 5px;
	font-size: 138.5%;
	max-height: 96px;
}
.pageH1 .page-t { /* ページタイトル */
	display: inline-block;
	padding: 2em 1em;
	margin-right: 0.7em;
	background-color: rgb(79,166,102);
	color: rgb(255,255,255);
	border-radius: 4px 0 0 4px;
	line-height: 1.1;
	line-height: 1.3\0; /* ie8以上ハック */
	max-height: 96px;
}
.pageH1.trainH1 { /* タイトル囲み(電車) */
	border-color: rgb(138,194,194);
}
.pageH1.trainH1 .page-t { /* ページタイトル(電車) */
	background-color: rgb(98,149,149);
}
.pageH1.busH1 { /* タイトル囲み(バス) */
	border-color: rgb(170,206,102);
}
.pageH1.busH1 .page-t { /* ページタイトル(バス) */
	background-color: rgb(122,174,94);
}
.pageH1.realestH1 { /* タイトル囲み(不動産) */
	border-color: rgb(100,187,215);
}
.pageH1.realestH1 .page-t { /* ページタイトル(不動産) */
	background-color: rgb(73,169,201);
}
.pageH1.companyH1 { /* タイトル囲み(会社・IR) */
	border-color: rgb(180,180,140);
}
.pageH1.companyH1 .page-t { /* ページタイトル(会社・IR) */
	background-color: rgb(169,169,123);
}
.pageH1.recruitH1 { /* タイトル囲み(採用) */
	border-color: rgb(250,183,163);
}
.pageH1.recruitH1 .page-t { /* ページタイトル(採用) */
	background-color: rgb(250,164,144);
}
.pageH1.unkouH1 { /* タイトル囲み(運行情報) */
	border-color: rgb(242,180,179);
}
.pageH1.unkouH1 .page-t { /* ページタイトル(運行情報) */
	background-color: rgb(237,158,157);
}
.pageH1.searchH1 { /* タイトル囲み(クイック検索) */
	border-color: rgb(106,152,200);
}
.pageH1.searchH1 .page-t { /* ページタイトル(クイック検索) */
	background-color: rgb(95,141,191);
}
.pageH1.topicsH1 { /* タイトル囲み(お知らせ) */
	border-color: rgb(113,198,150);
}
.pageH1.topicsH1 .page-t { /* ページタイトル(お知らせ) */
	background-color: rgb(60,177,122);
}
.pageH1 .page-t .HDic { /* アイコン */
	line-height: 1;
	vertical-align: middle;
  position: relative;
  top: -2px; /* -0.25ex だとスマホで強制終了 */
	font-size: 120%;
	margin-right: 2px;
}
.pageH1 .page-st { /* サブタイトル */
	display: inline-block;
	vertical-align: middle;
	line-height: 1.4;
	font-size: 87.7%;
	color: rgb(51,51,51);
	max-width: 10em;
	margin-top: -6px;
}
.pageH1-img { /* イメージ枠 */
	display: inline-block;
	float: right;
	position: relative;
}
.pageH1-img:before { /* イメージぼかし */
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/pageH1-pGradation.png);
	border-radius: 0 4px 4px 0;
}
.pageH1-img img { /* イメージ */
	max-height: 94px;
	max-width: 100%;
	border-radius: 0 4px 4px 0;
}
/* TB,SP */
@media screen and (max-width: 779px){
	.pageH1 { /* タイトル囲み */
		max-height: none;
	}
	.pageH1 .page-t { /* ページタイトル */
		padding: 1em 0.8em;
		border-radius: 4px 0 0 0;
	}
	.pageH1-img  { /* イメージ枠 */
		display: block;
		claer: both;
		width: 100%;
		border-top: rgb(151,151,151) solid 1px;
	}
	.pageH1-img:before { /* イメージぼかし */
		position: absolute;
		display: block;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.3);
		background-image: none;
		border-radius: 0 0 4px 4px;
	}
	.pageH1-img img { /* イメージ */
		max-height: 100%;
		max-width: 100%;
		border-radius: 0 0 4px 4px;
	}
}
/* SP */
@media screen and (max-width: 479px){
	.pageH1 .page-t { /* ページタイトル */
		font-size: 85%;
	}
	.pageH1 .page-t .HDic { /* アイコン */
		/* font-size: 120%; */
	}
	.pageH1 .page-st { /* サブタイトル */
		font-size: 75%;
	}
}

/* ページ見出し2(pageH2)
------------------------------------------------------------ */
.pageH2 { /* タイトル囲み */
	font-size: 138.5%;
	padding: 1em;
	padding-left: 0.7em;
	margin-top: 1em;
	margin-bottom: 1ex;
	border-radius: 0 5px 5px 0;
	background: -webkit-gradient(linear,left center,right center,from(#fbfdfb),to(#d5ebdb)); /* 古いスマホ */
	background: -webkit-linear-gradient(to left,#fbfdfb,#d5ebdb); /* スマホ */
	background: linear-gradient(to right,#fbfdfb,#d5ebdb); /* 標準 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfdfb', endColorstr='#d5ebdb', GradientType=1)"; /* IE9 */
	border-bottom: rgb(208,230,214) solid 1px;
	border-left: rgb(79,166,102) double 12px;
}
.pageH2 .icon { /* アイコン使用時 */
	font-size: 112%;
	position: relative;
	vertical-align: middle;
	top: -0.3ex;
	margin-right: 3px;
}
.pageH2.trainH2 { /* 電車 */
	background: -webkit-gradient(linear,left center,right center,from(#fbfdfc),to(#d8e9e6)); /* 古いスマホ */
	background: -webkit-linear-gradient(to left,#fbfdfc,#d8e9e6); /* スマホ */
	background: linear-gradient(to right,#fbfdfc,#d8e9e6); /* 標準 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfdfc', endColorstr='#d8e9e6', GradientType=1)"; /* IE9 */
	border-bottom: rgb(210,228,225) solid 1px;
	border-left: rgb(75,130,130) double 12px;
}
.pageH2.busH2 { /* バス */
	background: -webkit-gradient(linear,left center,right center,from(#fcfdfb),to(#dfedd4)); /* 古いスマホ */
	background: -webkit-linear-gradient(to left,#fcfdfb,#dfedd4); /* スマホ */
	background: linear-gradient(to right,#fcfdfb,#dfedd4); /* 標準 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfdfb', endColorstr='#dfedd4', GradientType=1)"; /* IE9 */
	border-bottom: rgb(218,232,206) solid 1px;
	border-left: rgb(106,162,81) double 12px;
}
.pageH2.trainbusH2 { /* 電車・バス */
	border-left: rgb(113,198,150) double 12px;
}
.pageH2.realestH2 { /* 不動産 */
	background: -webkit-gradient(linear,left center,right center,from(#fafdfd),to(#d5e8eb)); /* 古いスマホ */
	background: -webkit-linear-gradient(to left,#fafdfd,#d5e8eb); /* スマホ */
	background: linear-gradient(to right,#fafdfd,#d5e8eb); /* 標準 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfd', endColorstr='#d5e8eb', GradientType=1)"; /* IE9 */
	border-bottom: rgb(207,227,230) solid 1px;
	border-left: rgb(100,187,215) double 12px;
}
.pageH2.recruitH2 { /* 採用情報 */
	background: -webkit-gradient(linear,left center,right center,from(#fdfbfb),to(#f7dfd5)); /* 古いスマホ */
	background: -webkit-linear-gradient(to left,#fdfbfb,#f7dfd5); /* スマホ */
	background: linear-gradient(to right,#fdfbfb,#f7dfd5); /* 標準 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfbfb', endColorstr='#f7dfd5', GradientType=1)"; /* IE9 */
	border-bottom: rgb(244,219,208) solid 1px;
	border-left: rgb(250,183,163) double 12px;
}
.pageH2.companyH2 { /* 会社・IR情報 */
	background: -webkit-gradient(linear,left center,right center,from(#fdfcfb),to(#ebe9d6)); /* 古いスマホ */
	background: -webkit-linear-gradient(to left,#fdfcfb,#ebe9d6); /* スマホ */
	background: linear-gradient(to right,#fdfcfb,#ebe9d6); /* 標準 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfb', endColorstr='#ebe9d6', GradientType=1)"; /* IE9 */
	border-bottom: rgb(230,228,208) solid 1px;
	border-left: rgb(180,180,140) double 12px;
}
.pageH2.topicsH2 { /* お知らせ */
	border-left: rgb(60,177,122) double 12px;
}
.pageH2#train { /* 電車 */
	color: rgb(75,130,130);
	border-left: rgb(75,130,130) double 12px;
}
.pageH2#bus { /* 路線バス */
	color: rgb(106,162,81);
	border-left: rgb(106,162,81) double 12px;
}
.pageH2#intercity { /* 高速乗合バス */
	color: rgb(86,151,185);
	border-left: rgb(86,151,185) double 12px;
}
.pageH2#airport { /* 空港連絡バス */
	color: rgb(169,125,211);
	border-left: rgb(169,125,211) double 12px;
}
.pageH2#train2 { /* 電車 */
	color: rgb(75,130,130);
	border-left: rgb(75,130,130) double 12px;
}
.pageH2#bus2 { /* 路線バス */
	color: rgb(106,162,81);
	border-left: rgb(106,162,81) double 12px;
}
.pageH2#intercity2 { /* 高速乗合バス */
	color: rgb(86,151,185);
	border-left: rgb(86,151,185) double 12px;
}
.pageH2#airport2 { /* 空港連絡バス */
	color: rgb(169,125,211);
	border-left: rgb(169,125,211) double 12px;
}
.pageH2.mar-t0px { /* マージントップ0px */
	margin-top: 0;
}
.pageH2 .smaller { /* 見出し2内 小文字 */
	display: inline-block;
	font-size: 77%;
	line-height: 1.4;
	margin-top: 1ex;
}

/* ページ見出し3(pageH3)
------------------------------------------------------------ */
.pageH3 { /* タイトル囲み */
	font-size: 123.1%;
	padding: 0.7em;
	padding-left: 0.7em;
	margin-top: 1em;
	margin-bottom: 1ex;
	border-radius: 0 5px 5px 0;
	background: -webkit-gradient(linear,left center,right center,from(#fcfcfc),to(#eee)); /* 古いスマホ */
	background: -webkit-linear-gradient(to left,#fcfcfc,#eee); /* スマホ */
	background: linear-gradient(to right,#fcfcfc,#eee); /* 標準 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=1)"; /* IE9 */
	border-bottom: rgb(230,230,230) solid 1px;
	border-left: rgb(79,166,102) solid 4px;
}
.pageH3 .icon { /* アイコン使用時 */
	font-size: 112%;
	position: relative;
	vertical-align: middle;
	top: -0.3ex;
	margin-right: 3px;
}
.pageH3.trainH3 { /* 電車 */
	border-left: rgb(75,130,130) solid 4px;
}
.pageH3.busH3 { /* バス */
	border-left: rgb(106,162,81) solid 4px;
}
.pageH3.trainbusH3 { /* 電車・バス */
	border-left: rgb(113,198,150) solid 4px;
}
.pageH3.realestH3 { /* 不動産 */
	border-left: rgb(100,187,215) solid 4px;
}
.pageH3.recruitH3 { /* 採用情報 */
	border-left: rgb(250,183,163) solid 4px;
}
.pageH3.companyH3 { /* 会社・IR情報 */
	border-left: rgb(180,180,140) solid 4px;
}
.pageH3.topicsH3 { /* お知らせ */
	border-left: rgb(60,177,122) solid 4px;
}
.pageH3.mar-t0px { /* マージントップ0px */
	margin-top: 0;
}

/* ページ見出し4(pageH4)
------------------------------------------------------------ */
.pageH4 { /* タイトル囲み */
	font-size: 116%;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1ex;
}
.pageH4:before {
	display: inline-block;
	content: "　";
	line-height: 1;
	background-color: rgb(79,166,102);
	margin-right: 4px;
	padding: 1px;
}
.pageH4.trainH4:before { /* 電車 */
	background-color: rgb(75,130,130);
}
.pageH4.busH4:before { /* バス */
	background-color: rgb(106,162,81);
}
.pageH4.trainbusH4:before { /* 電車・バス */
	background-color: rgb(113,198,150);
}
.pageH4.realestH4:before { /* 不動産 */
	background-color: rgb(100,187,215);
}
.pageH4.recruitH4:before { /* 採用情報 */
	background-color: rgb(250,183,163);
}
.pageH4.companyH4:before { /* 会社・IR情報 */
	background-color: rgb(180,180,140);
}
.pageH4.topicsH4:before { /* お知らせ */
	background-color: rgb(60,177,122);
}
.pageH4.mar-t0px { /* マージントップ0px */
	margin-top: 0;
}

/* ページナビゲーション(pageNav)
------------------------------------------------------------ */
.pageNav { /* ナビ囲み */
	border: rgb(221,221,221) solid 1px;
	border-radius: 5px 5px 5px 5px;
	min-height: 2.8em;
	margin-top: 7px;
}
.pageNav .navbar-nav a { /* リンク a */
	padding: 8px 10px;
	border-right: rgb(202,202,202) dotted 1px;
}
.pageNav .dropdown-menu a { /* ドロップダウンリンク a */
	padding: 8px 10px;
	border-right: none;
	font-size: 92.6%;
}
.pageNav .navbar-nav li a:hover { /* リンク a(ホバー) */
	background-color: rgb(231,231,231);
}
.pageNav .navbar-nav .dropdown-menu { /* リンク a(ホバー) */
	background-color: rgb(255,255,255);
}
.pageNav .navbar-nav .dropdown-menu li:hover { /* リンク a(ホバー) */
	background-color: rgb(231,231,231);
}
.pageNav .navbar-nav a span.glyphicon { /* リンクアイコン */
	font-size: 93%;
	margin-right: 1px;
}
.pageNav .navbar-collapse { /* ナビ全体左寄せ */
	padding-left: 0;
}
/* TB,SP */
@media screen and (max-width: 768px){
	.pageNav .navbar-toggle { /* ドロップダウンボタン */
		padding: 5px 10px;
		margin-top: 0.8ex;
		margin-bottom: 0.8ex;
	}
	.pageNav .navbar-nav a { /* リンク a */
		padding-left: 2em;
		border-right: none;
		border-bottom: rgb(231,231,231) solid 1px;
	}
	.pageNav .navbar-nav .dropdown-menu a { /* リンク a */
		border-bottom: none;
	}
	.pageNav .dropdown-menu li { /* ドロップダウン li */
		padding-left: 1.2em;
	}
}

/* 運行情報(serviceInfo)
------------------------------------------------------------ */
#serviceInfo { /* 全体枠 */
	display: table;
	width: 100%;
	position: relative;
	height: 63px;
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	border: rgb(221,221,221) solid 4px;
	border-radius: 5px;
}
#serviceInfo .title { /* タイトル */
	display: table-cell;
	vertical-align: middle;
	font-size: 116%;
	background: rgb(240,240,240);
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	line-height: 1;
	white-space: nowrap;
}
#serviceInfo .title .HDic-info { /* タイトル内アイコン */
	display: inline-block;
	font-size: 215%;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 2px;
	line-height: 1;
	color: rgb(220,220,186);
}
#serviceInfo .contents { /* 各項目枠 */
	display: table-cell;
	padding: 3px 2px;
	width: 100%;
	vertical-align: middle;
	/* text-align: center; */
}
#serviceInfo .contents .normal { /* 項目内テキスト(正常運転) */
	margin-top: 0.9em;
	margin-left: 10px;
	font-size: 108%;
}
#serviceInfo .contents a.si { /* 項目内テキスト */
	display: inline-block;
	/*width: 24.5%;*/
	width: 19.5%;
	padding: 5px 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	color: rgb(51,51,51);
	white-space: nowrap;
	font-size: 12px;
}
#serviceInfo .contents a.si:hover { /* 項目内テキスト色(ホバー) */
	color: rgb(0,153,68);
	text-decoration: none;
	background-color: rgb(238,238,238);
	border-radius: 3px;
}
#serviceInfo .icon-text { /* アイコン＆テキスト */
	display: inline;
}
#serviceInfo .icon-text .text { /* テキスト */
	font-size: 93%;
	line-height: 1;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1em;
	margin-bottom: 4px;
	color: rgb(255,255,255);
	display: inline-block;
	width: 80%;
	text-align: center;
	border-radius: 3px;
}
#serviceInfo .icon-text .icon { /* アイコン */
	display: inline-block;
	font-size: 116%;
	height: 1.1em;
	vertical-align: middle;
  position: relative;
  top: -0.1ex;
	margin-right: 2px;
}
#serviceInfo .all .icon-text .text { /* テキスト(全域) */
	background-color: #658f52;
	letter-spacing: 3em;
	/*padding-left: 3em;*/
	padding-left: 2.2em;
}
#serviceInfo .all .icon-text .HDic-all { /* アイコン(全域) */
	color: #658f52;
}
.HDic-all::before {/* アイコン表示(全域) */
    content: "\e60f";
}
#serviceInfo .train .icon-text .text { /* テキスト(電車) */
	background-color: rgb(75,130,130);
	letter-spacing: 3em;
	/*padding-left: 3em;*/
	padding-left: 2.2em;
}
#serviceInfo .train .icon-text .HDic-train { /* アイコン(電車) */
	color: rgb(75,130,130);
}
#serviceInfo .bus .icon-text .text { /* テキスト(路線バス) */
	background-color: rgb(106,162,81);
	letter-spacing: 1em;
}
#serviceInfo .bus .icon-text .HDic-bus { /* アイコン(路線バス) */
	color: rgb(106,162,81);
}
#serviceInfo .intercity .icon-text .text { /* テキスト(高速乗合バス) */
	background-color: rgb(86,151,185);
	letter-spacing: 0.5ex;
	padding-left: 0.5em;
}
#serviceInfo .intercity .icon-text .HDic-bus { /* アイコン(高速乗合バス) */
	color: rgb(86,151,185);
}
#serviceInfo .airport .icon-text .text { /* テキスト(空港連絡バス) */
	background-color: rgb(169,125,211);
	letter-spacing: 0.5ex;
	padding-left: 0.5em;
}
#serviceInfo .airport .icon-text .HDic-bus { /* アイコン(空港連絡バス) */
	color: rgb(169,125,211);
}
#serviceInfo .more-btn { /* 情報を見るボタン */
	display: table-cell;
	vertical-align: middle;
	background: rgb(240,240,240);
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
}
#serviceInfo .HDic { /* タブアイコン */
	display: inline-block;
	margin-left: 2px;
	line-height: 1;
	vertical-align: baseline;
	font-size: 100%;
}
/* PCとTBの間 */
@media screen and (max-width: 959px){
	#serviceInfo .icon-text { /* テキスト＆アイコン */
		margin-bottom: auto;
	}
	#serviceInfo .contents a.si { /* 項目内テキスト */
		width: 49%;
		font-size:13px;
	}
	#serviceInfo .more-btn { /* 情報を見るボタン */
		padding-right: 10px;
	}
}
/* TB,SP */
@media screen and (max-width: 767px){
	#serviceInfo { /* 全体枠 */
		display: block;
		height: auto;
	}
	#serviceInfo .title { /* タイトル */
		display: block;
		text-align: left;
		padding-top: 12px;
		padding-bottom: 9px;
		padding-left: 20px;
	}
	#serviceInfo .contents { /* 各項目枠 */
		display: block;
		padding-top: 4px;
		padding-bottom: 5px;
	}
	#serviceInfo .contents a.si br { /* 項目内テキスト br */
		display: none;
	}
	#serviceInfo .icon-text { /* テキスト＆アイコン */
		display: inline-block;
		width: 8.7em;
		text-align: center;
		margin-right: 0.5ex;
	}
	#serviceInfo .all .icon-text .text,
	#serviceInfo .train .icon-text .text,
	#serviceInfo .bus .icon-text .text,
	#serviceInfo .intercity .icon-text .text,
	#serviceInfo .airport .icon-text .text { /* テキスト */
		letter-spacing: 0;
		padding-left: 1ex;
	}
	#serviceInfo .more-btn { /* 情報を見るボタン */
		position: absolute;
		top: 11px;
		right: 20px;
		padding-right: 0;
	}
	#serviceInfo .contents a.si { /* 項目内テキスト */
	font-size: 13px;
	}
}
/* SP */
@media screen and (max-width: 639px){
	#serviceInfo .contents { /* 各項目枠 */
		display: block;
		text-align: center;
		padding-top: 6px;
		padding-bottom: 7px;
	}
	#serviceInfo .contents a.si { /* 項目内テキスト */
		display: block;
		width: auto;
	font-size: 13px;
	}
}

/* ページビッグナビ(pageBigNav)
------------------------------------------------------------ */
#pageBigNav { /* 全体 */
	margin-top: 1.3em;
	margin-bottom: 0.3em;
}
#pageBigNav:after { /* 全体クリアフィクス */
	content: "";
	display: block;
	clear: both;
}
#pageBigNav .col4 { /* 4分割枠 */
	border: rgb(221,221,221) solid 1px;
	border-radius: 5px 5px 0 0;
	margin-bottom: 1em;
}
#pageBigNav .col4 h2 { /* 見出し2 */
	border-radius: 5px 5px 0 0;
	font-size: 116%;
	text-align: center;
	line-height: 1;
	padding: 8px 0;
	background-color: rgb(242,242,242);
}
#pageBigNav .col4 a { /* 4分割枠 a */
	display: block;
}
#pageBigNav .col4 a:after { /* 4分割枠 a クリアフィックス */
	content: "";
	display: block;
	clear: both;
}
#pageBigNav.PBN-train .col4 a:hover h2 { /* 見出し2色(ホバー)電車 */
	background-color: rgb(223,242,242);
}
#pageBigNav.PBN-bus .col4 a:hover h2 { /* 見出し2色(ホバー)バス */
	background-color: rgb(229,240,209);
}
#pageBigNav.PBN-realestate .col4 a:hover h2 { /* 見出し2色(ホバー)不動産 */
	background-color: rgb(231,250,255);
}
#pageBigNav.PBN-company .col4 a:hover h2 { /* 見出し2色(ホバー)企業・IR情報 */
	background-color: rgb(243,243,216);
}
#pageBigNav .topThumbnail { /* サムネイル */
	width: 70px;
	height: 70px;
	background-color: rgb(242,242,242);
	float: left;
	margin: 9px;
	margin-right: 8px;
}
#pageBigNav p { /* 文言(サムネイル横) */
	overflow: hidden;
	_zoom: 1;
	margin: 7px 5px 0 7px;
	padding-bottom: 8px;
}
#pageBigNav .col4 a:hover p { /* 文言(ホバー) */
	color: rgb(51,51,51);
}
/* TB */
@media screen and (max-width: 767px){
	#pageBigNav .col4 { /* 4分割枠 */
		width: 49.375%;
		margin-left: 1.25%;
	}
	#pageBigNav .col4:nth-of-type(2n+1){ /* 4分割枠2つおき */
		margin-left: 0;
	}
}
/* SP */
@media screen and (max-width: 479px){
	#pageBigNav .col4 { /* 4分割枠 */
		width: 100%;
		margin-left: 0;
	}
}

/* ページビッグナビ(pageBigNav)画像無
------------------------------------------------------------ */
#pageBigNav .col4.no-border { /* 4分割枠線無 */
	border: none;
}
#pageBigNav .col4.no-border h2 { /* 見出し2 */
	border: rgb(221,221,221) solid 1px;
	border-radius: 5px;
	margin-bottom: 13px;
}
#pageBigNav .col4.no-border a:last-child h2 { /* 枠内最後の見出し2 */
	margin-bottom: 0;
}

/* ページビッグナビ3(pageBigNav3)3分割
------------------------------------------------------------ */
#pageBigNav3 { /* 全体 */
	margin-top: 1.3em;
	margin-bottom: 1.3em;
}
#pageBigNav3:after { /* 全体クリアフィクス */
	content: "";
	display: block;
	clear: both;
}
#pageBigNav3 .col3 { /* 3分割枠 */
	border: rgb(191,218,141) solid 1px;
	border-radius: 5px 5px 0 0;
	margin-bottom: 1em;
}
#pageBigNav3 .col3 h2 { /* 見出し2 */
	border-radius: 5px 5px 0 0;
	font-size: 116%;
	text-align: center;
	line-height: 1;
	padding: 8px 0;
	background-color: rgb(229,240,209);
}
#pageBigNav3 .col3 a { /* 3分割枠 a */
	display: block;
}
#pageBigNav3 .col3 a:after { /* 3分割枠 a クリアフィックス */
	content: "";
	display: block;
	clear: both;
}
#pageBigNav3.PBN3-bus .col3 a:hover h2 { /* 見出し2色(ホバー)バス */
	background-color: rgb(122,174,94);
	color: rgb(255,255,255);
}
#pageBigNav3 .col3 .topThumbnail { /* サムネイル */
	width: 90px;
	height: 90px;
	background-color: rgb(242,242,242);
	float: left;
	margin: 9px;
	margin-right: 8px;
}
#pageBigNav3 p { /* 文言(サムネイル横) */
	overflow: hidden;
	_zoom: 1;
	margin: 7px 5px 0 7px;
	padding-bottom: 8px;
}
#pageBigNav3 .col3 a:hover p { /* 文言(ホバー) */
	color: rgb(51,51,51);
}
/* TB */
@media screen and (max-width: 767px){
	#pageBigNav3 .col3 { /* 3分割枠 */
		width: 49.375%;
		margin-left: 1.25%;
	}
	#pageBigNav3 .col3:nth-of-type(2n+1){ /* 3分割枠2つおき */
		margin-left: 0;
	}
}
/* SP */
@media screen and (max-width: 479px){
	#pageBigNav3 .col3 { /* 3分割枠 */
		width: 100%;
		margin-left: 0;
	}
	#pageBigNav3 .col3 .topThumbnail { /* サムネイル */
		width: 70px;
		height: 70px;
	}
}

/* ページビッグナビ/画像センター(pageBigNav)
------------------------------------------------------------ */
#pageBigNav-c { /* 全体 */
	margin-top: 1.3em;
	margin-bottom: 0.3em;
}
#pageBigNav-c:after { /* 全体クリアフィクス */
	content: "";
	display: block;
	clear: both;
}
#pageBigNav-c .col4 { /* 4分割枠 */
	border: rgb(221,221,221) solid 1px;
	border-radius: 5px 5px 0 0;
	margin-bottom: 1em;
}
#pageBigNav-c .col4 h2 { /* 見出し2 */
	border-radius: 5px 5px 0 0;
	font-size: 116%;
	text-align: center;
	line-height: 1;
	padding: 8px 0;
	background-color: rgb(242,242,242);
}
#pageBigNav-c .col4 a { /* 4分割枠 a */
	display: block;
}
#pageBigNav-c .col4 a:after { /* 4分割枠 a クリアフィックス */
	content: "";
	display: block;
	clear: both;
}
#pageBigNav-c .col4 a:hover h2 { /* 見出し2色(ホバー) */
	background-color: rgb(219,230,214);
}
#pageBigNav-c.PBN-train .col4 a:hover h2 { /* 見出し2色(ホバー)電車 */
	background-color: rgb(223,242,242);
}
#pageBigNav-c.PBN-bus .col4 a:hover h2 { /* 見出し2色(ホバー)バス */
	background-color: rgb(229,240,209);
}
#pageBigNav-c.PBN-realestate .col4 a:hover h2 { /* 見出し2色(ホバー)不動産 */
	background-color: rgb(231,250,255);
}
#pageBigNav-c.PBN-company .col4 a:hover h2 { /* 見出し2色(ホバー)企業・IR情報 */
	background-color: rgb(243,243,216);
}
#pageBigNav-c .topThumbnail { /* サムネイル */
	height: 80px;
	background-color: rgb(242,242,242);
	margin: 9px auto;
}
#pageBigNav-c p { /* 文言(サムネイル横) */
	overflow: hidden;
	_zoom: 1;
	margin: 10px;
	padding-bottom: 8px;
}
#pageBigNav-c .col4 a:hover p { /* 文言(ホバー) */
	color: rgb(51,51,51);
}
/* TB */
@media screen and (max-width: 767px){
	#pageBigNav-c .col4 { /* 4分割枠 */
		width: 49.375%;
		margin-left: 1.25%;
	}
	#pageBigNav-c .col4:nth-of-type(2n+1){ /* 4分割枠2つおき */
		margin-left: 0;
	}
}
/* SP */
@media screen and (max-width: 479px){
	#pageBigNav-c .col4 { /* 4分割枠 */
		width: 100%;
		margin-left: 0;
	}
}

/* ページビッグナビ/画像センター(pageBigNav)画像無
------------------------------------------------------------ */
#pageBigNav-c .col4.no-border { /* 4分割枠線無 */
	border: none;
}
#pageBigNav-c .col4.no-border h2 { /* 見出し2 */
	border: rgb(221,221,221) solid 1px;
	border-radius: 5px;
	margin-bottom: 13px;
}
#pageBigNav-c .col4.no-border a:last-child h2 { /* 枠内最後の見出し2 */
	margin-bottom: 0;
}

/* ページビッグナビ3/画像センター(pageBigNav3)3分割
------------------------------------------------------------ */
#pageBigNav3-c { /* 全体 */
	margin-top: 1.3em;
	margin-bottom: 1.3em;
}
#pageBigNav3-c:after { /* 全体クリアフィクス */
	content: "";
	display: block;
	clear: both;
}
#pageBigNav3-c .col3 { /* 3分割枠 */
	border: rgb(221,221,221) solid 1px;
	border-radius: 5px 5px 0 0;
	margin-bottom: 1em;
}
#pageBigNav3-c.PBN-train .col3 { /* 3分割枠(電車) */
	border-color: rgb(193,223,223);
}
#pageBigNav3-c.PBN-bus .col3 { /* 3分割枠(バス) */
	border-color: rgb(191,218,141);
}
#pageBigNav3-c.PBN-realestate .col3 { /* 3分割枠(不動産) */
	border-color: rgb(158,211,229);
}
#pageBigNav3-c.PBN-company .col3 { /* 3分割枠(企業・IR情報) */
	border-color: rgb(215,215,195);
}
#pageBigNav3-c .col3 h2 { /* 見出し2 */
	border-radius: 5px 5px 0 0;
	font-size: 116%;
	text-align: center;
	line-height: 1;
	padding: 8px 0;
	background-color: rgb(242,242,242);
}
#pageBigNav3-c.PBN-train .col3 h2 { /* 見出し2(電車) */
	background-color: rgb(223,242,242);
}
#pageBigNav3-c.PBN-bus .col3 h2 { /* 見出し2(バス) */
	background-color: rgb(229,240,209);
}
#pageBigNav3-c.PBN-realestate .col3 h2 { /* 見出し2(不動産) */
	background-color: rgb(231,250,255);
}
#pageBigNav3-c.PBN-company .col3 h2 { /* 見出し2(企業・IR情報) */
	background-color: rgb(243,243,216);
}
#pageBigNav3-c .col3 a { /* 3分割枠 a */
	display: block;
}
#pageBigNav3-c .col3 a:after { /* 3分割枠 a クリアフィックス */
	content: "";
	display: block;
	clear: both;
}
#pageBigNav3-c .col3 a:hover h2 { /* 見出し2色(ホバー) */
	background-color: rgb(221,221,221);
}
#pageBigNav3-c.PBN-train .col3 a:hover h2 { /* 見出し2色(ホバー)電車 */
	background-color: rgb(98,149,149);
	color: rgb(255,255,255);
}
#pageBigNav3-c.PBN3-bus .col3 a:hover h2 { /* 見出し2色(ホバー)バス */
	background-color: rgb(122,174,94);
	color: rgb(255,255,255);
}
#pageBigNav3-c.PBN-realestate .col3 a:hover h2 { /* 見出し2色(ホバー)不動産 */
	background-color: rgb(73,169,201);
	color: rgb(255,255,255);
}
#pageBigNav3-c.PBN-company .col3 a:hover h2 { /* 見出し2色(ホバー)企業・IR情報 */
	background-color: rgb(169,169,123);
}
#pageBigNav3-c .col3 .topThumbnail { /* サムネイル */
	height: 100px;
	background-color: rgb(242,242,242);
	margin: 9px auto;
}
#pageBigNav3-c p { /* 文言(サムネイル横) */
	overflow: hidden;
	_zoom: 1;
	margin: 7px 5px 0 7px;
	padding-bottom: 8px;
}
#pageBigNav3-c .col3 a:hover p { /* 文言(ホバー) */
	color: rgb(51,51,51);
}
/* TB */
@media screen and (max-width: 767px){
	#pageBigNav3-c .col3 { /* 3分割枠 */
		width: 49.375%;
		margin-left: 1.25%;
	}
	#pageBigNav3-c .col3:nth-of-type(2n+1){ /* 3分割枠2つおき */
		margin-left: 0;
	}
}
/* SP */
@media screen and (max-width: 479px){
	#pageBigNav3-c .col3 { /* 3分割枠 */
		width: 100%;
		margin-left: 0;
	}
}

/* ヘッダコピー
------------------------------------------------------------ */
.headCopy { /* 全体枠 */
	margin-top: 1.3em;
}

/* クイック検索＆その他(quickSearch-others)
------------------------------------------------------------ */
#quickSearch-others { /* 全体枠 */
	min-height: 59px;
	margin-bottom: 1.3em;
}
#quickSearch-others:after { /* 全体枠クリアフィックス */
	content: "";
	display: block;
	clear: both;
}

/* クイック検索(quickSearch)
------------------------------------------------------------ */
.quickSearch { /* クイック検索 */
	border: rgb(221,221,221) solid 4px;
	border-radius: 5px;
	line-height: 1;
	text-align: left;
}
.quickSearch h2 { /* 見出し2 */
	display: inline-block;
	font-size: 116%;
	padding: 15px 12px;
	background-color: rgb(242,242,242);
}
.quickSearch form { /* フォーム */
	display: inline-block;
}
.quickSearch input.nyuryoku { /* 入力枠 */
	width: 250px;
	margin: 0 5px 0 12px;
	height: 2em;
}
.quickSearch input#radioTrain { /* チェックボックス(電車) */
	margin-left: 1ex;
}
.quickSearch input#radioTrain,
.quickSearch input#radioBus { /* チェックボックス */
	margin-right: 2px;
}
.quickSearch label { /* ラベル */
	font-weight: lighter;
	margin-right: 1ex;
}
.quickSearch button { /* 検索ボタン */
	line-height: 1;
	padding: 5px 10px;
	margin-bottom: 0.2em;
}
.quickSearch button .glyphicon { /* 虫眼鏡アイコン */
	margin-right: 2px;
}
/* PC */
@media screen and (max-width: 959px){
	.quickSearch input.nyuryoku { /* 入力枠 */
		width: auto;
	}
}
/* PC,TB,SP */
@media screen and (max-width: 899px){
	.quickSearch h2 { /* 見出し2 */
		width: 100%;
		font-size: 116%;
		padding: 7px 12px;
		text-align: center;
	}
	.quickSearch form { /* フォーム */
		display: block;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 8px;
	}
	.quickSearch input.nyuryoku { /* 入力枠 */
		width: 250px;
	}
}
/* SP */
@media screen and (max-width: 639px){
	.quickSearch input.nyuryoku { /* 入力枠 */
		width: auto;
	}
}
/* SP */
@media screen and (max-width: 386px){
	.quickSearch button { /* 検索ボタン */
		margin-top: 1em;
	}
}

/* 位置情報(location)
------------------------------------------------------------ */
#location { /* 全体枠(ホームのみ) */
	margin-top: 0;
}
#location .location-bus a { /* a枠(バス)ホームのみ */
	margin-top: 10px;
}
#quickSearch-others .location { /* 全体枠(電車・バストップ) */
	text-align: center;
}
@media screen and (max-width: 859px){ /* 電車・バストップ(PC,TB,SP) */
	#quickSearch-location .location .location-train,
	#quickSearch-location .location .location-bus { /* 電車・バス枠 */
		margin-top: 1em;
	}
}
.location-train a,
.location-bus a { /* a枠 */
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	display: table;
	width: 100%;
	height: 59px;
	white-space: nowarp;
}
.location-train a { /* a枠(電車) */
	border-color: rgb(138,194,194);
}
.location-bus a { /* a枠(バス) */
	border-color: rgb(170,206,102);
}
.location-train a:hover,
.location-bus a:hover { /* a枠(ホバー) */
	background-color: rgb(238,238,238);
	text-decoration: none;
}
.location-train a .icon,
.location-bus a .icon { /* アイコン */
	display: table-cell;
	vertical-align: middle;
	color: rgb(255,255,255);
	font-size: 215%;
	line-height: 1;
	padding: 0 5px;
	border-radius: 4px 0 0 4px;
}
.location-train a .icon { /* アイコン(電車) */
	background-color: rgb(98,149,149);
}
.location-bus a .icon { /* アイコン(バス) */
	background-color: rgb(122,174,94);
}
.location-train a h3,
.location-bus a h3 { /* 見出し */
	font-size: 116%;
	line-height: 1.3;
	padding: 0 6px;
	padding-bottom: 0.1em;
	display: table-cell;
	vertical-align: middle;
}
.location-train a h3 { /* 見出し(電車) */
	color: rgb(75,130,130);
}
.location-bus a h3 { /* 見出し(バス) */
	color: rgb(84,134,61);
}
.location-train a h3 small,
.location-bus a h3 small { /* 見出し説明文 */
	font-size: 73%;
}
/* PCとTBの間 */
@media screen and (max-width: 959px){
	#location { /* 全体枠 */
		width: 100%;
		text-align: center;
		margin-bottom: 1em;
	}
	.location-train,
	.location-bus { /* 電車・バス枠 */
		display: inline-block;
		margin: atuo;
		/* width: 200px; */
	}
	.location-train a,
	.location-bus a { /* a枠 */
		width: 100%;
		height: 59px;
		margin: auto;
		text-align: center;
	}
	.location-train a { /* a枠(電車) */
		margin-right: 1%;
	}
	.location-bus a { /* a枠(バス) */
		margin-left: 1%;
	}
}
/* TB,SP */
@media screen and (max-width: 767px){
	#location { /* 全体枠 */
		margin-bottom: 0;
	}
	#quickSearch-others .location { /* 全体枠(電車・バストップ) */
		margin-top: 1.3em;
	}
}
/* SP */
@media screen and (max-width: 479px){
	.location-train,
	.location-bus { /* 電車・バス枠 */
		width: auto;
	}
}

/* お知らせ切替えタブ(infoTab)
------------------------------------------------------------ */
#infoTab { /* 全体枠 */
	margin-bottom: 1.3em;
	position: relative;
}
#infoTab .nav-tabs li { /* タブ項目 li */
	border: 1px solid rgb(221,221,221);
	border-radius: 4px 4px 0 0;
	cursor: default;
	margin-right: 2px;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee)); /* 古いスマホ */
	background: -webkit-linear-gradient(to bottom,#fff,#eee); /* スマホ */
	background: linear-gradient(to bottom,#fff,#eee);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* ie9以下 */
}
#infoTab .nav-tabs li:link,
#infoTab .nav-tabs li:visited,
#infoTab .nav-tabs li:hover { /* タブ項目 li(リンク,訪問済,ホバー) */
	background: rgb(238,238,238);
	border: 1px solid rgb(221,221,221);
}
#infoTab .nav-tabs li a { /* タブ項目 a */
	width: 7.5em;
	padding: 10px 3px;
	text-align: center;
	line-height: 1;
	outline: none;
}
#infoTab .nav-tabs li a:link,
#infoTab .nav-tabs li a:visited { /* タブ項目 a(リンク,訪問済) */
	background: none;
	border: none;
	color: rgb(51,51,51);
}
#infoTab .nav-tabs li a:hover { /* タブ項目 a(ホバー) */
	background: none;
	border: none;
	color: rgb(0,153,68);
}
#infoTab .nav-tabs li.select { /* タブ項目 a(選択) */
  color: rgb(51,51,51);
  background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)); /* 古いスマホ */
	background: -webkit-linear-gradient(to top,#fff,#fff); /* スマホ */
	background: linear-gradient(to top,#fff,#fff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* ie9以下 */
	background-color: rgb(255,255,255);
  border-bottom-color: rgb(255,255,255);
}
#infoTab .nav-tabs li.select a:link { /* タブ項目 a(選択リンク) */
  color: rgb(51,51,51);
}
#infoTab .HDic { /* タブアイコン */
	display: inline-block;
	margin-right: 2px;
	line-height: 1;
	vertical-align: bottom;
	font-size: 123.1%;
}
#infoTab .content_wrap { /* 一覧枠 */
	padding: 10px;
	border: 1px solid rgb(221,221,221);
	border-top-color: transparent;
}
#infoTab .content_wrap ul,
#infoTab .content_wrap li { /* 一覧枠リスト */
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#infoTab .content_wrap ul li:nth-of-type(odd) { /* 一覧枠リスト交互色付け */
	background-color: rgb(238,238,238);
}
#infoTab .content_wrap a { /* 一覧枠 a */
	display: block;
	padding: 10px;
	/* overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 余った文字数を…にする */
}
#infoTab .content_wrap a:hover { /* 一覧枠 a(ホバー) */
	background-color: rgb(255,238,255);
}
#infoTab .content_wrap .icon-date { /* 一覧枠アイコン＆日付枠 */
	display: inline-block;
	width: 180px;
	line-height: 1;
	vertical-align: top;
	padding-top: 0.4ex;
}
#infoTab .content_wrap .icon:before { /* 一覧枠アイコン */
	display: inline-block;
	content: " ";
	background-repeat: no-repeat;
	background-size:contain;
	height: 15px;
	width: 60px;
	margin-right: 1em;
	vertical-align: middle;
	line-height: 1;
	margin-top: -0.2ex;
}
#infoTab .content_wrap .train:before { /* 電車アイコン */
	background-image: url(../images/tic-train.png);
}
#infoTab .content_wrap .bus:before { /* バスアイコン */
	background-image: url(../images/tic-bus.png);
}
#infoTab .content_wrap .realestate:before { /* 不動産アイコン */
	background-image: url(../images/tic-realestate.png);
}
#infoTab .content_wrap .company:before { /* 会社・IRアイコン */
	background-image: url(../images/tic-company.png);
}
#infoTab .content_wrap .diagram:before { /* ダイヤアイコン */
	background-image: url(../images/tic-diagram.png);
}
#infoTab .content_wrap .recruit:before { /* 採用アイコン */
	background-image: url(../images/tic-recruit.png);
}
#infoTab .content_wrap .trainbus:before { /* 電車バスアイコン */
	background-image: url(../images/tic-trainbus.png);
}
#infoTab .content_wrap .traindia:before { /* 電車ダイヤアイコン */
	background-image: url(../images/tic-traindia.png);
}
#infoTab .content_wrap .busdia:before { /* バスダイヤアイコン */
	background-image: url(../images/tic-busdia.png);
}
#infoTab .content_wrap .text { /* 一覧枠テキスト */
	display: inline-block;
	max-width: 75%;
}
#infoTab .disnon { /* 一覧枠(初期出さない) */
	display: none;
}
#infoTab .infoAll-btn { /* お知らせ一覧ボタン */
	position: absolute;
	top: 0.2em;
	right: 0;
}
/* PCとTBの間 */
@media screen and (max-width: 959px){
	#infoTab .infoAll-btn { /* お知らせ一覧ボタン */
		right: 10px;
	}
}
@media screen and (max-width: 889px){
	#infoTab .nav-tabs li a { /* タブ項目 a */
		width: auto;
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media screen and (min-width: 768px) and (max-width: 959px){
	#infoTab .content_wrap a { /* 一覧枠 a */
		max-width: auto;
	}
	#infoTab .content_wrap .text { /* 一覧枠 a 余った文字数を…にする */
		max-width: 65%;
		/* overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis; */
	}
}
/* TB,SP */
@media screen and (max-width: 767px){
	#infoTab .hidden767 { /* タブ項目,一覧ボックスの新着情報以外を出さない */
		display: none;
	}
	#infoTab .nav-tabs li a { /* タブ項目 a */
		width: 8em;
		padding-left: 10px;
		padding-right: 10px;
	}
	#infoTab .content_wrap .text { /* 一覧枠テキスト */
		display: block;
		max-width: 100%;
	}
}

/* お知らせ一覧高さ設定
 （各コーナーのおしらせ一覧）
------------------------------------------------------------ */
.corner-topics .content_wrap { /* 一覧枠 */
	height: 500px;
	overflow: auto;
}
/* TB,SP */
@media screen and (max-width: 767px){
	.corner-topics .content_wrap { /* 一覧枠 */
		height: 500px;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

/* 電車カラー
------------------------------------------------------------ */
.line0, .line1, .line2, .line3, .line5, .line6, .line7, .line8, .line9 {
	text-align: center;
	font-weight: bold;
}
.line0 { /* 0号線 */
	background: #fff;
	color: #ed1a35;
	border: #333 solid 1px;
}
.line1 { /* 1号線オレンジ */
	background: #ff5901;
	color: #fff;
}
.line2 { /* 2号線レッド */
	background: #ed1a35;
	color: #fff;
}
.line3 { /* 3号線ネイビー */
	background: #4445bf;
	color: #fff;
}
.line5 { /* 5号線グリーン */
	background: #00cc70;
	color: #000;
}
.line6 { /* 6号線イエロー */
	background: #ffcd70;
	color: #000;
}
.line7 { /* 7号線ダークグリーン */
	background: #005a54;
	color: #fff;
}
.line8 { /* 8号線ピンク */
	background: #df60ae;
	color: #000;
}
.line9 { /* 9号線グレー */
	background: #7e7a72;
	color: #fff;
}

/* 電車カラー（囲み□ボックス有）
------------------------------------------------------------ */
.line0box, .line1box, .line2box, .line3box, .line5box, .line6box, .line7box, .line8box, .line9box {
	display: inline-block;
	text-align: center;
	font-weight: bold;
	padding: 0.5ex 0.7ex;
	line-height: 1;
	border: #333 solid 1px;
	text-indent: 0;
	margin: 2px 3px;
}
.line0box { /* 0号線 */
	background: #fff;
	color: #ed1a35;
	border: #333 solid 1px;
}
.line1box { /* 1号線オレンジ */
	background: #ff5901;
	color: #fff;
}
.line2box { /* 2号線レッド */
	background: #ed1a35;
	color: #fff;
}
.line3box { /* 3号線ネイビー */
	background: #4445bf;
	color: #fff;
}
.line5box { /* 5号線グリーン */
	background: #00cc70;
	color: #000;
}
.line6box { /* 6号線イエロー */
	background: #ffcd70;
	color: #000;
}
.line7box { /* 7号線ダークグリーン */
	background: #005a54;
	color: #fff;
}
.line8box { /* 8号線ピンク */
	background: #df60ae;
	color: #000;
}
.line9box { /* 9号線グレー */
	background: #7e7a72;
	color: #fff;
}

/* 電車カラーアルファベット（囲み□ボックス有）
------------------------------------------------------------ */
.lineMbox, .lineUbox, .lineHbox, .lineYbox, .lineWbox, .lineEbox {
	display: inline-block;
	text-align: center;
	font-weight: bold;
	padding: 0.5ex 0.7ex;
	line-height: 1;
	/* border: #333 solid 1px; */
	text-indent: 0;
	margin: 2px 3px;
}
.lineMbox { /* 本線・宮島線 */
	background-color: rgb(0,168,95);
	color: rgb(255,255,255);
}
.lineUbox { /* 宇品線 */
	background-color: rgb(0,146,215);
	color: rgb(255,255,255);
}
.lineHbox { /* 皆実線 */
	background-color: rgb(125,191,76);
	color: rgb(255,255,255);
}
.lineYbox { /* 横川線 */
	background-color: rgb(237,128,149);
	color: rgb(255,255,255);
}
.lineWbox { /* 白島線 */
	background-color: rgb(163,147,138);
	color: rgb(255,255,255);
}
.lineEbox { /* 江波線 */
	background-color: rgb(254,219,79);
	color: rgb(51,51,51);
}

/* バナースペース(高さ59pxまで)
------------------------------------------------------------ */
.bn-space { /* 枠 */
	
}
.bn-space img { /* イメージ */
	max-width: 100%;
	border: rgb(221,221,221) solid 1px;
}
/* TB,SP */
@media screen and (max-width: 767px){
	.bn-space { /* 枠 */
		text-align: center;
		margin: 1em 0 0.5em 0;
	}
	.bn-space img { /* イメージ */
		max-height: 59px;
	}
}

/* テキストアイコン（電車｜バス など…）
------------------------------------------------------------ */
.ticon:before { /* 全アイコン */
	display: inline-block;
	content: " ";
	background-repeat: no-repeat;
	background-size:contain;
	height: 17.4px;
	width: 72px;
	vertical-align: middle;
	line-height: 1;
	margin-bottom: 5px;
}
.ticon-train:before { /* 電車アイコン */
	background-image: url(../images/tic-train.png);
}
.ticon-bus:before { /* バスアイコン */
	background-image: url(../images/tic-bus.png);
}
.ticon-realestate:before { /* 不動産アイコン */
	background-image: url(../images/tic-realestate.png);
}
.ticon-company:before { /* 会社・IRアイコン */
	background-image: url(../images/tic-company.png);
}
.ticon-diagram:before { /* ダイヤアイコン */
	background-image: url(../images/tic-diagram.png);
}
.ticon-recruit:before { /* 採用アイコン */
	background-image: url(../images/tic-recruit.png);
}
.ticon-trainbus:before { /* 電車バスアイコン */
	background-image: url(../images/tic-trainbus.png);
}
.ticon-traindia:before { /* 電車ダイヤアイコン */
	background-image: url(../images/tic-traindia.png);
}
.ticon-busdia:before { /* バスダイヤアイコン */
	background-image: url(../images/tic-busdia.png);
}
.ticon-info:before { /* お知らせアイコン */
	background-image: url(../images/tic-info.png);
}
.ticon-apology:before { /* お詫びアイコン */
	background-image: url(../images/tic-apology.png);
}
.ticon-correct:before { /* 訂正アイコン */
	background-image: url(../images/tic-correct.png);
}

/* ドロップダウンサブナビ
------------------------------------------------------------ */
.drop-nav {
	position: relative;
	z-index: 1000;
}
.drop-nav ul { /* 全体 */
	position: absolute;
	top: -5px;
	right: 3px;
	bottom: auto;
	left: 3px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 93%;
	border: rgb(221,221,221) solid 1px;
	border-radius: 5px;
	box-shadow: 0 1px 1px 0 rgb(221,221,221);
}
.drop-nav li { /* ul li */
	margin: 0;
	padding: 0;
	background-color: rgb(255,255,255);
}
.drop-nav li { /* li 下ドット線 */
	border-bottom: rgb(200,200,200) dotted 1px;
}
.drop-nav li:first-of-type { /* li 最初 */
	border-radius: 4px 4px 0 0;
}
.drop-nav li:last-of-type { /* li 最後 */
	border-bottom: none;
	border-radius: 0 0 4px 4px;
}
.drop-nav a { /* a */
	display: block;
	padding: 6px 1ex 6px 1.5em;
	text-indent: -1ex;
}
.drop-nav a:hover { /* ホバー */
	background-color: rgb(248,248,248);
}
/* TB,SP */
@media screen and (max-width: 767px){
	.drop-nav { /*  */
		
	}
}

/* お知らせスペシャル(infoSP)
------------------------------------------------------------ */
#infoSP { /* 全体枠 */
	margin-bottom: 1.3em;
	position: relative;
}
#infoSP .content_wrap2 { /* 一覧枠 */
	padding: 10px;
	border: 1px solid rgb(221,221,221);
}
#infoSP .content_wrap2 ul,
#infoSP .content_wrap2 li { /* 一覧枠リスト */
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* #infoSP .content_wrap2 ul li:nth-of-type(odd) { 一覧枠リスト交互色付け
	background-color: rgb(238,238,238);
} */
#infoSP .content_wrap2 a { /* 一覧枠 a */
	display: block;
	padding: 10px;
	/* overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 余った文字数を…にする */
}
#infoSP .content_wrap2 a:hover { /* 一覧枠 a(ホバー) */
	background-color: rgb(255,238,255);
}
#infoSP .content_wrap2 .icon-date { /* 一覧枠アイコン＆日付枠 */
	display: inline-block;
	width: 180px;
	line-height: 1;
	vertical-align: top;
	padding-top: 0.4ex;
}
#infoSP .content_wrap2 .icon:before { /* 一覧枠アイコン */
	display: inline-block;
	content: " ";
	background-repeat: no-repeat;
	background-size:contain;
	height: 15px;
	width: 60px;
	margin-right: 1em;
	vertical-align: middle;
	line-height: 1;
	margin-top: -0.2ex;
}
#infoSP .content_wrap2 .train:before { /* 電車アイコン */
	background-image: url(../images/tic-train.png);
}
#infoSP .content_wrap2 .bus:before { /* バスアイコン */
	background-image: url(../images/tic-bus.png);
}
#infoSP .content_wrap2 .realestate:before { /* 不動産アイコン */
	background-image: url(../images/tic-realestate.png);
}
#infoSP .content_wrap2 .company:before { /* 会社・IRアイコン */
	background-image: url(../images/tic-company.png);
}
#infoSP .content_wrap2 .diagram:before { /* ダイヤアイコン */
	background-image: url(../images/tic-diagram.png);
}
#infoSP .content_wrap2 .recruit:before { /* 採用アイコン */
	background-image: url(../images/tic-recruit.png);
}
#infoSP .content_wrap2 .trainbus:before { /* 電車バスアイコン */
	background-image: url(../images/tic-trainbus.png);
}
#infoSP .content_wrap2 .traindia:before { /* 電車ダイヤアイコン */
	background-image: url(../images/tic-traindia.png);
}
#infoSP .content_wrap2 .busdia:before { /* バスダイヤアイコン */
	background-image: url(../images/tic-busdia.png);
}
#infoSP .content_wrap2 .info:before { /* お知らせアイコン */
	background-image: url(../images/tic-info.png);
}
#infoSP .content_wrap2 .apology:before { /* お詫びアイコン */
	background-image: url(../images/tic-apology.png);
}
#infoSP .content_wrap2 .correct:before { /* 訂正アイコン */
	background-image: url(../images/tic-correct.png);
}
#infoSP .content_wrap2 .text { /* 一覧枠テキスト */
	display: inline-block;
	max-width: 75%;
}
/* PCとTBの間 */
@media screen and (min-width: 768px) and (max-width: 959px){
	#infoSP .content_wrap2 a { /* 一覧枠 a */
		max-width: auto;
	}
	#infoSP .content_wrap2 .text { /* 一覧枠 a 余った文字数を…にする */
		max-width: 65%;
		/* overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis; */
	}
}
/* TB,SP */
@media screen and (max-width: 767px){
	#infoSP .content_wrap2 .text { /* 一覧枠テキスト */
		display: block;
		max-width: 100%;
	}
}