@charset "UTF-8";
/* font family */
/* fon weight */
/*------------------------------------------------------

	運行情報ステーション（仮）CSS ※SASS

-------------------------------------------------------- */
/*  共通CSS（上書き） */
.screen-reader-text {
	padding: 0 !important;
}

/* Utility 追加 */
@media only screen and (min-width: 751px) and (max-width: 1060px) {
	.c-button-container--2up--tablet {
		grid-template-columns: repeat(2, 1fr);
		gap: min(3.7735849057vw, 40px);
	}
}

.u-lhLg {
	line-height: 1.8 !important;
}

/* ロゴボタン付きボタン設定（共通） */
.map-button .c-button__inner > span.c-button__icon > i,
.other-button .c-button__inner > span.c-button__icon > i {
	background-color: transparent;
}

/* 地図エリア */
.map-area-wrapper {
	position: relative;
}

@media (min-width: 751px) {
	.map-area {
		margin-right: auto;
		margin-left: auto;
		width: min(75.4716981132vw, 800px);
		height: min(81.6037735849vw, 865px);
	}
}
.map-area svg path {
	transition-duration: 0.5s;
}
.map-area .hokkaido {
	fill: #C4EAC5;
}
.map-area .east {
	fill: #9EDD9E;
}
.map-area .tokai {
	fill: #F9CAAA;
}
.map-area .west {
	fill: #BBD9EA;
}
.map-area .shikoku {
	fill: #B8E8F2;
}
.map-area .kyushu {
	fill: #F7B8BD;
}
.map-area .hokkaido:hover, .map-area .hokkaido.is-hover {
	fill: rgb(109.49125, 203.20875, 111.9575);
}
.map-area .east:hover, .map-area .east.is-hover {
	fill: rgb(101.3549618321, 201.1450381679, 101.3549618321);
}
.map-area .tokai:hover, .map-area .tokai.is-hover {
	fill: rgb(243.956043956, 157.4450549451, 98.543956044);
}
.map-area .west:hover, .map-area .west.is-hover {
	fill: rgb(128.5505617978, 184.3370786517, 215.9494382022);
}
.map-area .shikoku:hover, .map-area .shikoku.is-hover {
	fill: rgb(119.3392857143, 211.0535714286, 230.1607142857);
}
.map-area .kyushu:hover, .map-area .kyushu.is-hover {
	fill: rgb(239.253164557, 115.246835443, 125.0886075949);
}

.map-area-line {
	pointer-events: none;
}

.map-button {
	position: absolute;
}

@media (max-width: 750px) {
	#map-button-hokkaido {
		top: 6.6666666667vw;
		left: 36vw;
	}
	#map-button-east {
		top: 26.6666666667vw;
		left: 24vw;
	}
	#map-button-tokai {
		bottom: 12vw;
		left: 50.6666666667vw;
	}
	#map-button-west {
		bottom: 46.6666666667vw;
		left: 10.6666666667vw;
	}
	#map-button-shikoku {
		bottom: 1.8666666667vw;
		left: 21.3333333333vw;
	}
	#map-button-kyushu {
		bottom: 32vw;
		left: 0;
	}
}
@media (min-width: 751px) {
	#map-button-hokkaido {
		top: min(6.1320754717vw, 65px);
		left: min(44.3396226415vw, 470px);
	}
	#map-button-east {
		bottom: min(28.3018867925vw, 300px);
		right: min(5.6603773585vw, 60px);
	}
	#map-button-tokai {
		bottom: min(12.2641509434vw, 130px);
		left: min(47.1698113208vw, 500px);
	}
	#map-button-west {
		bottom: min(30.1886792453vw, 320px);
		left: min(16.0377358491vw, 170px);
	}
	#map-button-shikoku {
		bottom: min(4.7169811321vw, 50px);
		left: min(27.358490566vw, 290px);
	}
	#map-button-kyushu {
		bottom: min(18.8679245283vw, 200px);
		left: 0;
	}
}
.map-button .c-button__inner {
	min-height: min(10.6666666667vw, 40px);
	font-size: clamp(1.1rem, 3.2vw, 2rem);
}
@media (min-width: 751px) {
	.map-button .c-button__inner {
		min-height: min(5.2830188679vw, 56px);
		font-size: clamp(1.2rem, 1.6981132075vw, 1.8rem);
	}
}
.map-button .c-button__inner::after {
	width: min(3.2vw, 18px);
	height: min(3.2vw, 18px);
	top: calc(50% - min(1.6vw, 9px));
	right: min(1.8666666667vw, 10.5px);
}
@media (min-width: 751px) {
	.map-button .c-button__inner::after {
		width: min(1.320754717vw, 14px);
		height: min(1.320754717vw, 14px);
		top: calc(50% - min(0.6603773585vw, 7px));
		right: min(1.320754717vw, 14px);
	}
}
.map-button .c-button__inner > span.c-button__icon {
	padding: 1.8666666667vw 7.2vw 1.8666666667vw 12vw;
}
@media (min-width: 751px) {
	.map-button .c-button__inner > span.c-button__icon {
		padding: min(1.1320754717vw, 12px) min(3.7735849057vw, 40px) min(1.1320754717vw, 12px) min(6.0377358491vw, 64px);
	}
}
.map-button .c-button__inner > span.c-button__icon > i {
	width: min(7.4666666667vw, 42px);
	height: min(7.4666666667vw, 42px);
	left: min(2.6666666667vw, 15px);
}
@media (min-width: 751px) {
	.map-button .c-button__inner > span.c-button__icon > i {
		width: min(3.3962264151vw, 36px);
		height: min(3.3962264151vw, 36px);
		left: min(1.8867924528vw, 20px);
	}
}
.map-button#map-button-hokkaido .c-button__inner {
	border-color: #27A314;
	color: #27A314;
}
.map-button#map-button-hokkaido .c-button__inner::after {
	background-color: #27A314;
}
.map-button#map-button-tokai .c-button__inner {
	border-color: #ED6D00;
	color: #ED6D00;
}
.map-button#map-button-tokai .c-button__inner::after {
	background-color: #ED6D00;
}
.map-button#map-button-west .c-button__inner {
	border-color: #0169B7;
	color: #0169B7;
}
.map-button#map-button-west .c-button__inner::after {
	background-color: #0169B7;
}
.map-button#map-button-shikoku .c-button__inner {
	border-color: #0099CC;
	color: #0099CC;
}
.map-button#map-button-shikoku .c-button__inner::after {
	background-color: #0099CC;
}
.map-button#map-button-kyushu .c-button__inner {
	border-color: #E40112;
	color: #E40112;
}
.map-button#map-button-kyushu .c-button__inner::after {
	background-color: #E40112;
}
.map-button {
	/* hover */
}
.map-button#map-button-east.is-hover .c-button__inner {
	border-color: #005C02;
	background-color: #E9F1E8;
	color: #005C02;
}
.map-button#map-button-hokkaido:hover .c-button__inner, .map-button#map-button-hokkaido.is-hover .c-button__inner {
	background-color: rgb(237.37375, 248.72625, 237.6725);
}
.map-button#map-button-tokai:hover .c-button__inner, .map-button#map-button-tokai.is-hover .c-button__inner {
	background-color: rgb(253.3714285714, 240.6142857143, 231.9285714286);
}
.map-button#map-button-west:hover .c-button__inner, .map-button#map-button-west.is-hover .c-button__inner {
	background-color: rgb(237.6561797753, 245.3078651685, 249.6438202247);
}
.map-button#map-button-shikoku:hover .c-button__inner, .map-button#map-button-shikoku.is-hover .c-button__inner {
	background-color: rgb(240.0392857143, 250.1535714286, 252.2607142857);
}
.map-button#map-button-kyushu:hover .c-button__inner, .map-button#map-button-kyushu.is-hover .c-button__inner {
	background-color: rgb(253.7139240506, 243.5860759494, 244.3898734177);
}

/* 東京エリアの私鉄・地下鉄のボタン */
.other-button {
	position: relative;
}
.other-button .c-button__inner {
	padding: 0 min(10.6666666667vw, 60px);
}
@media (min-width: 751px) {
	.other-button .c-button__inner {
		padding: 0 50px;
	}
}
.other-button .c-button__inner > span.c-button__icon {
	position: static;
	padding: 12px 0;
}
.other-button .c-button__inner > span.c-button__icon > i {
	width: min(10.6666666667vw, 60px);
	height: min(7.4666666667vw, 42px);
	left: min(4vw, 22.5px);
	background-color: transparent;
}
@media (min-width: 751px) {
	.other-button .c-button__inner > span.c-button__icon > i {
		width: min(4.7169811321vw, 50px);
		height: min(3.2075471698vw, 34px);
		left: min(1.6981132075vw, 18px);
	}
}
.other-button .c-button__inner:has(i) {
	padding: 0 min(10.6666666667vw, 60px) 0 min(16vw, 90px);
}
@media (min-width: 751px) {
	.other-button .c-button__inner:has(i) {
		padding: 0 50px 0 70px;
	}
}

/* ボタン内の各会社ロゴ */
.logo-jr-east {
	background: url("/railway_information_portal/img/logo_jr_east.png") no-repeat 50% 50%/contain;
}

.logo-jr-hokkaido {
	background: url("/railway_information_portal/img/logo_jr_hokkaido.svg") no-repeat 50% 50%/contain;
}

.logo-jr-tokai {
	background: url("/railway_information_portal/img/logo_jr_tokai.svg") no-repeat 50% 50%/contain;
}

.logo-jr-west {
	background: url("/railway_information_portal/img/logo_jr_west.svg") no-repeat 50% 50%/contain;
}

.logo-jr-shikoku {
	background: url("/railway_information_portal/img/logo_jr_shikoku.svg") no-repeat 50% 50%/contain;
}

.logo-jr-kyushu {
	background: url("/railway_information_portal/img/logo_jr_kyushu.png") no-repeat 50% 50%/contain;
}

.logo-metro {
	background: url("/railway_information_portal/img/logo_metro.svg") no-repeat 50% 50%/contain;
}

.logo-odakyu {
	background: url("/railway_information_portal/img/logo_odakyu.png") no-repeat 50% 50%/contain;
}

.logo-tobu {
	background: url("/railway_information_portal/img/logo_tobu.svg") no-repeat 50% 50%/contain;
}

.logo-tx {
	background: url("/railway_information_portal/img/logo_tx.png") no-repeat 50% 50%/contain;
}

.logo-toei {
	background: url("/railway_information_portal/img/logo_toei.png") no-repeat 50% 50%/contain;
}

.logo-monorail {
	background: url("/railway_information_portal/img/logo_monorail.svg") no-repeat 50% 50%/contain;
}

.logo-tokyu {
	background: url("/railway_information_portal/img/logo_tokyu.png") no-repeat 50% 50%/contain;
}

.logo-keikyu {
	background: url("/railway_information_portal/img/logo_keikyu.png") no-repeat 50% 50%/contain;
}

.logo-keio {
	background: url("/railway_information_portal/img/logo_keio.svg") no-repeat 50% 50%/contain;
}

.logo-keisei {
	background: url("/railway_information_portal/img/logo_keisei.svg") no-repeat 50% 50%/contain;
}

.logo-sotetsu {
	background: url("/railway_information_portal/img/logo_sotetsu.png") no-repeat 50% 50%/contain;
}

.logo-seibu {
	background: url("/railway_information_portal/img/logo_seibu.png") no-repeat 50% 50%/contain;
}

.logo-rinkai {
	background: url("/railway_information_portal/img/logo_rinkai.svg") no-repeat 50% 50%/contain;
}

/* ロゴ4カラム */
@media (min-width: 751px) {
	.private-railways-list .c-caption-imagelink__inner {
		gap: 20px;
	}
	.private-railways-list .c-caption-imagelink__image {
		max-width: 140px;
		height: 60px;
	}
	.private-railways-list .c-caption-imagelink__caption {
		font-size: 1.5rem;
	}
}
/* 言語切り替え */
.l-main .wovn-languages {
	display: flex !important;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.l-main .wovn-languages .wovn-switch {
	border-bottom: 3px solid #DDD;
}

html[lang=ja] .l-main .wovn-languages .wovn-switch[data-value=ja],
html[lang=en] .l-main .wovn-languages .wovn-switch[data-value=en] {
	border-color: var(--color-text-green);
}
html[lang=ja] .l-main .wovn-languages .wovn-switch[data-value=ja] button,
html[lang=en] .l-main .wovn-languages .wovn-switch[data-value=en] button {
	color: var(--color-text-green);
}

.c-tab__tablist > li > button::after {
	display: none !important;
}/*# sourceMappingURL=style.css.map */