@charset "UTF-8";
/* font family */
/* fon weight */
/*--------------------------
estation common
駅を検索 共通
---------------------------*/
/* 駅名標タイトル */
.estation-nameplate {
	max-width: 600px;
	margin: 0 auto;
	padding: 30px 12px 20px;
	background-color: #fff;
	text-align: center;
	font-weight: var(--fw-sb);
	font-size: 3rem;
	line-height: 1.4;
}
.estation-nameplate span {
	display: block;
	margin-top: 30px;
	padding: 3px 10px;
	background-color: var(--color-theme-main);
	font-size: 1.6rem;
	color: #fff;
}
@media (min-width: 751px) {
	.estation-nameplate {
		padding: 40px 20px 20px;
		font-size: 4.4rem;
	}
	.estation-nameplate span {
		margin-top: 40px;
	}
}

/* タブナビ */
.estation-tabnav {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 0 4px;
	max-width: 600px;
	margin: 40px auto 0;
}
.estation-tabnav > li {
	flex: 1 1 auto;
}
.estation-tabnav > li > a {
	display: grid;
	place-items: center;
	height: 100%;
	width: 100%;
	padding: 48px 4px 20px 4px;
	position: relative;
	text-decoration: none;
	text-align: center;
	font-weight: var(--fw-sb);
	font-size: 1.4rem;
	line-height: 1.4;
	color: var(--color-text);
	cursor: pointer;
}
.estation-tabnav > li > a::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: calc(50% - 20px);
	background: no-repeat center contain;
	opacity: 0.6;
}
.estation-tabnav > li > a::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 0;
	left: 50%;
	translate: -50% 0;
	background: transparent url("/assets/img/icon/chev-down.svg") no-repeat center/contain;
}
.estation-tabnav > li.is-active > a {
	cursor: default;
	pointer-events: none;
	color: var(--color-text-green);
}
.estation-tabnav > li.is-active > a::before {
	opacity: 1;
}
.estation-tabnav > li.is-active > a::after {
	width: 100%;
	height: 2px;
	border-radius: 10px;
	background-color: var(--color-theme-main);
	background-image: none;
}
.estation-tabnav > li.station > a::before {
	background-image: url("/assets/img/icon-service/station.svg");
}
.estation-tabnav > li.timetable > a::before {
	background-image: url("/assets/img/icon-service/timetable.svg");
}
.estation-tabnav > li.floorplans > a::before {
	background-image: url("/assets/img/icon-service/floor_map.svg");
}
@media (min-width: 751px) {
	.estation-tabnav {
		gap: 0 20px;
		margin-top: 50px;
	}
	.estation-tabnav > li > a {
		padding: 64px 12px 20px 12px;
		font-size: 1.8rem;
	}
	.estation-tabnav > li > a::before {
		width: 56px;
		height: 56px;
		left: calc(50% - 28px);
	}
}
@media (hover: hover) {
	.estation-tabnav > li > a {
		transition: color 0.2s;
	}
	.estation-tabnav > li > a::before {
		transition: opacity 0.2s;
	}
	.estation-tabnav > li > a:hover {
		color: var(--color-text-green);
	}
	.estation-tabnav > li > a:hover::before {
		opacity: 1;
	}
}
/*# sourceMappingURL=estation-common.css.map */