@charset "utf-8";

/* トップページナビ */
#quickNav {
	display: flex;
	flex-wrap: wrap;
}

/* ボタン */
.btn-inquiry {
	display: flex;
	justify-content: center;
	gap: 0 10px;
	width: calc(40% - 6px);
	font-size: 18px;
	font-weight: bold;
	margin-right: 6px;
}

.btn-inquiry a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 50%;
	border: 1px solid rgb(221, 221, 221);
	padding: 10px 3px;
	border-radius: 4px;
	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);
}

.btn-inquiry a img {
	width: 75%;
}

/* 時刻表クイック検索 */
.quickNav-right {
	width: calc(60% - 6px);
	margin-left: 6px;
}

#quickSearch-others {
	margin-bottom: 0;
}

.quickSearch {
	margin-bottom: 0;
}

.quickSearch input.nyuryoku {
	width: auto;
}

/* 電車バス位置情報ボタン */
#location {
	display: flex;
	margin-top: 12px;
}

.location-train,
.location-bus {
	width: calc(50% - 6px);
}

.location-train a,
.location-bus a {
	display: flex;
}

.location-train a .icon,
.location-bus a .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
}

.location-train a h3,
.location-bus a h3 {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 70%;
	line-height: 1.5;
	font-size: 139%;
	padding: 5px 0 0;
}

.location-train {
	margin-right: 6px;
}

.location-bus {
	margin-left: 6px;
}

#location .location-bus a {
	margin-top: 0;
}

/* バナー（最大3つ） */
.bn-small {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: calc(100% + 12px);
	margin-left: -6px;
}

.bn-small a {
	width: calc(30% - 12px);
	width: calc((100%/3) - 12px);
	margin: 12px 6px 0;
}

.bn-small a img {
	width: 100%;
	border: rgb(221, 221, 221) solid 1px;
}

/* 電車バスメニュー */
.box2024 {
	display: flex;
	flex-wrap: wrap;
}

.diagram2024 {
	background-color: rgb(240, 240, 240);
	border: 4px solid rgb(138, 194, 194);
	border-radius: 5px;
	width: calc(50% - 6px);
	margin-right: 6px;
}

.bus2024 {
	background-color: rgb(240, 240, 240);
	border: 4px solid rgb(170, 206, 102);
	border-radius: 5px;
	width: calc(50% - 6px);
	margin-left: 6px;
}

.diagram2024 h3,
.bus2024 h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	line-height: 1;
	font-weight: bold;
	letter-spacing: 10px;
	text-indent: -10px;
	padding: 10px;
	font-size: 20px;
}

.diagram2024 .icon,
.bus2024 .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 10px;
}

.diagram2024 h3 {
	background-color: rgb(98, 149, 149);
}

.bus2024 h3 {
	background-color: rgb(122, 174, 94);
}

.diagram2024>div,
.bus2024>div {
	display: flex;
	flex-flow: column;
	padding: 10px;
}

.diagram2024 a,
.bus2024 a {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 5px 10px;
	font-size: 15px;
}

.diagram2024 a .glyphicon-circle-arrow-right {
	top: 0;
	font-size: 93%;
	padding-right: 3px;
	color: rgb(122, 161, 148);
}

.bus2024 a .glyphicon-circle-arrow-right {
	top: 0;
	font-size: 93%;
	padding-right: 3px;
	color: rgb(122, 174, 94);
}

/* スライド */
.wideslider {
	width: 100vw;
	margin: 1.3em calc(50% - 50vw);
}

/* 新着情報 */
#infoTab {
	margin-top: 1.3em;
}

/* お問い合わせ/ご意見・ご感想 */
#top-footer {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 0 10px;
}

#top-footer a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgb(221, 221, 221);
	width: 50%;
	padding: 10px 3px;
	border-radius: 4px;
	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);
	font-size: 15px;
}

#top-footer .glyphicon-circle-arrow-right {
	top: 0;
	font-size: 93%;
	padding-right: 2px;
	color: rgb(122, 161, 148);
}

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

	/* ボタン */
	.btn-inquiry a {
		font-size: 90%;
	}

	/* 電車バス位置情報ボタン */
	.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 {
		/* 入力枠 */
		max-width: 250px;
	}

	#location {
		margin-bottom: 0;
	}

	.location-bus a {
		margin-left: 0;
	}
}

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

	/* トップページナビ */
	#quickNav {
		display: flex;
		margin-top: 0.6em;
	}

	/* ボタン */
	.btn-inquiry {
		width: 100%;
		margin-bottom: 0.6em;
	}

	/* 時刻表クイック検索 */
	.quickNav-right {
		width: 100%;
		margin-left: 0;
	}

	.quickSearch input.nyuryoku {
		/* 入力枠 */
		width: auto;
	}

	/* バナー（最大3つ） */
	.bn-small {
		width: 100%;
		margin-left: 0;
	}

	.bn-small a {
		width: calc(50% - 9px);
		width: calc(50% - 6px);
		margin-left: auto;
		margin-right: auto;
	}

	.bn-small a:nth-of-type(1) {
		margin-left: 3px;
		margin-left: 0;
		margin-right: 6px;
	}

	.bn-small a:nth-of-type(2) {
		margin-left: 6px;
		margin-right: 3px;
		margin-right: 0;
	}

	/* 電車バスメニュー */
	.diagram2024,
	.bus2024 {
		width: 100%;
	}

	.diagram2024 {
		margin-right: 0;
		margin-bottom: 0.6em;
	}

	.bus2024 {
		margin-left: 0;
	}

	/* 新着情報 */
	#infoTab .nav-tabs #tab1 {
		display: none;
	}

	#infoTab .nav-tabs li#tab2,
	#infoTab .nav-tabs li#tab3 {
		display: block;
	}

}


/* お知らせスペシャル(infoSP2) */
#infoSP2 {
	/* 全体枠 */
	margin-bottom: 1.3em;
	position: relative;
}

#infoSP2 .content_wrap2 {
	/* 一覧枠 */
	padding: 10px;
	border: 1px solid rgb(221, 221, 221);
}

#infoSP2 .content_wrap2 ul,
#infoSP2 .content_wrap2 li {
	/* 一覧枠リスト */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#infoSP2 .content_wrap2 a {
	/* 一覧枠 a */
	display: block;
	padding: 10px;
}

#infoSP2 .content_wrap2 a:hover {
	/* 一覧枠 a(ホバー) */
	background-color: rgb(255, 238, 255);
}

#infoSP2 .content_wrap2 .icon-date {
	/* 一覧枠アイコン＆日付枠 */
	display: inline-block;
	width: 180px;
	line-height: 1;
	vertical-align: top;
	padding-top: 0.4ex;
}

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

#infoSP2 .content_wrap2 .train:before {
	/* 電車アイコン */
	background-image: url(../images/tic-train.png);
}

#infoSP2 .content_wrap2 .bus:before {
	/* バスアイコン */
	background-image: url(../images/tic-bus.png);
}

#infoSP2 .content_wrap2 .realestate:before {
	/* 不動産アイコン */
	background-image: url(../images/tic-realestate.png);
}

#infoSP2 .content_wrap2 .company:before {
	/* 会社・IRアイコン */
	background-image: url(../images/tic-company.png);
}

#infoSP2 .content_wrap2 .diagram:before {
	/* ダイヤアイコン */
	background-image: url(../images/tic-diagram.png);
}

#infoSP2 .content_wrap2 .recruit:before {
	/* 採用アイコン */
	background-image: url(../images/tic-recruit.png);
}

#infoSP2 .content_wrap2 .trainbus:before {
	/* 電車バスアイコン */
	background-image: url(../images/tic-trainbus.png);
}

#infoSP2 .content_wrap2 .traindia:before {
	/* 電車ダイヤアイコン */
	background-image: url(../images/tic-traindia.png);
}

#infoSP2 .content_wrap2 .busdia:before {
	/* バスダイヤアイコン */
	background-image: url(../images/tic-busdia.png);
}

#infoSP2 .content_wrap2 .info:before {
	/* お知らせアイコン */
	background-image: url(../images/tic-info.png);
}

#infoSP2 .content_wrap2 .apology:before {
	/* お詫びアイコン */
	background-image: url(../images/tic-apology.png);
}

#infoSP2 .content_wrap2 .correct:before {
	/* 訂正アイコン */
	background-image: url(../images/tic-correct.png);
}

#infoSP2 .content_wrap2 .text {
	/* 一覧枠テキスト */
	display: inline-block;
	max-width: 75%;
}

/* PCとTBの間 */
@media screen and (min-width: 768px) and (max-width: 959px) {
	#infoSP2 .content_wrap2 a {
		/* 一覧枠 a */
		max-width: auto;
	}

	#infoSP2 .content_wrap2 .text {
		/* 一覧枠 a 余った文字数を…にする */
		max-width: 65%;
		/* overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis; */
	}
}

/* TB,SP */
@media screen and (max-width: 767px) {
	#infoSP2 .content_wrap2 .text {
		/* 一覧枠テキスト */
		display: block;
		max-width: 100%;
	}
}