@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.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%;
	padding: 5px 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	color: rgb(51, 51, 51);
	white-space: nowrap;
}

#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;
}

#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%;
	}

	#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 .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;
	}
}

/* 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;
	}
}

/* ページビッグナビ(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;
	}
}

/* sns一覧枠
------------------------------------------------------------ */
#sns {
	/* 全体枠 */
	min-height: 59px;
	margin-bottom: 1.3em;
}

#sns:after {
	/* 全体枠クリアフィックス */
	content: "";
	display: block;
	clear: both;
}

/* sns一覧枠
------------------------------------------------------------ */
.sns {
	border: rgb(200, 240, 190) solid 4px;
	border-radius: 5px;
	line-height: 1;
	text-align: left;
}

.sns h2 {
	/* 見出し2 */
	display: inline-block;
	font-size: 116%;
	padding: 15px 12px;
	background-color: rgb(230, 250, 220);
}

.sns img {
	display: inline-block;
	margin-left: 5px;
}

/* PC */
@media screen and (max-width: 959px) {
	.sns img {
		/* 入力枠 */
		display: inline-block;
		margin-left: 40px;
		margin-left: 40px;
	}
}

/* PC,TB,SP */
@media screen and (max-width: 899px) {
	.sns h2 {
		/* 見出し2 */
		width: 100%;
		font-size: 116%;
		padding: 7px 12px;
		text-align: center;
	}

	.sns img {
		/* 入力枠 */
		display: inline-block;
		margin-left: 90px;
	}
}

/* SP */
@media screen and (max-width: 639px) {
	.sns img {
		/* 入力枠 */
		display: inline-block;
		margin-left: 30px;
	}
}

/* 位置情報(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,
.lineL {
	text-align: center;
	font-weight: bold;
}

.line0 {
	/* 0号線 */
	background-color: #fff;
	color: #ed1a35;
	border: #333 solid 1px;
}

.line1 {
	/* 1号線水色 */
	background-color: #009CDE;
	color: #fff;
}

.line2 {
	/* 2号線レッド */
	background-color: #DC3513;
	color: #fff;
}

.line3 {
	/* 3号線ネイビー */
	background-color: #303AB2;
	color: #fff;
}

.line5 {
	/* 5号線グリーン */
	background-color: #64A70B;
	color: #fff;
}

.line6 {
	/* 6号線イエロー */
	background-color: #D69A2D;
	color: #fff;
}

.line7 {
	/* 7号線ダークグリーン */
	background-color: #228848;
	color: #fff;
}

.line8 {
	/* 8号線ピンク */
	background-color: #E56DB1;
	color: #fff;
}

.line9 {
	/* 9号線グレー */
	background-color: #75787B;
	color: #fff;
}

.lineL {
	/* L号線バイオレット */
	background-color: #8031A7;
	color: #fff;
}

/* 電車カラー（囲み□ボックス有）
------------------------------------------------------------ */
.line0box,
.line1box,
.line2box,
.line3box,
.line5box,
.line6box,
.line7box,
.line8box,
.line9box,
.lineLbox {
	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-color: #fff;
	color: #ed1a35;
	border: #333 solid 1px;
}

.line1box {
	/* 1号線水色 */
	background-color: #009CDE;
	color: #fff;
}

.line2box {
	/* 2号線レッド */
	background-color: #DC3513;
	color: #fff;
}

.line3box {
	/* 3号線ネイビー */
	background-color: #303AB2;
	color: #fff;
}

.line5box {
	/* 5号線グリーン */
	background-color: #64A70B;
	color: #fff;
}

.line6box {
	/* 6号線イエロー */
	background-color: #D69A2D;
	color: #fff;
}

.line7box {
	/* 7号線ダークグリーン */
	background-color: #228848;
	color: #fff;
}

.line8box {
	/* 8号線ピンク */
	background-color: #E56DB1;
	color: #fff;
}

.line9box {
	/* 9号線グレー */
	background-color: #75787B;
	color: #fff;
}

.lineLbox {
	/* L号線バイオレット */
	background-color: #8031A7;
	color: #fff;
}

/* 電車カラーアルファベット（囲み□ボックス有）
------------------------------------------------------------ */
.lineM01box,
.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;
}

.lineM01box {
	/* 本線・宮島線 */
	background-color: #1B302B;
	color: #fff;
}

.lineMbox {
	/* 本線・宮島線 */
	background-color: rgb(0, 168, 95);
	color: #fff;
}

.lineUbox {
	/* 宇品線 */
	background-color: rgb(0, 146, 215);
	color: #fff;
}

.lineHbox {
	/* 皆実線 */
	background-color: #8031A7;
	color: #fff;
}

.lineYbox {
	/* 横川線 */
	background-color: #E56DB1;
	color: #fff;
}

.lineWbox {
	/* 白島線 */
	background-color: #75787B;
	color: #fff;
}

.lineEbox {
	/* 江波線 */
	background-color: #D69A2D;
	color: #fff;
}

/* バナースペース(高さ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%;
}

/* 250803追記 */
ul.ul-default li ul.ast {
	position: relative;
	margin-top: 0;
}

ul.ul-default li ul.ast li,
ul.ast li {
	position: relative;
	padding-left: 2em;
}

ul.ul-default ul.ast li::before,
ul.ast li::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0.8em;
	content: "※";
	width: 1em;
	color: rgb(51, 51, 51);
}

ul.ul-default ul.ast.red li::before,
ul.ast.red li::before {
	color: #e1021e;
}

/* 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%;
	}
}