@charset "UTF-8";

/* ---------- ヘッダーSPメニュー ---------- */
/* 読み込み時メディアクエリ指定済み */
.sp-menu-list {
	position: fixed;
	inset: unset;
	inset-block-start: 60px;
	inset-inline-end: 0;
	inline-size: 300px;
	max-block-size: 80vh;
	overflow: auto;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: #2372AF;
	color: #fff;
    font-size: 16px;
    line-height: 1;
}
.sp-menu-details:not(:open) {
	> .sp-menu-summary::after {
		rotate: -90deg;
	}
}
.sp-menu-summary {
	display: grid;
	grid-template-columns: 35px 1fr 1em;
	align-items: center;
	gap: 5px;
	padding-block: 15px;
	padding-inline-start: 12px;
	padding-inline-end: 15px;
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
	&::after {
		content: "\25BC";
	}
}
.spms-main-text {
	font-size: 18px;
	font-weight: bold;
        line-height: 1;
}
.spms-sub-text {
	font-size: 14px;
        line-height: 1;
	margin-block-start: 8px;
}
.spml2 {
	background-color: #2E94CC;
}
.spml2-item {
	display: grid;
	grid-template-columns: 35px 1fr;
	align-items: center;
	gap: 5px;
	padding-block: 15px;
	padding-inline-start: 12px;
	padding-inline-end: 15px;
	&:not(:last-child) {
		border-block-end: 1px solid;
	}
	&.-align-start {
		align-items: start;
	}
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
}
.spml2-main-text {
    font-size: 16px;
	font-weight: bold;
	&.-l2 {
		margin-block-start: 8px;
	}
}
.spml2-sub-text {
	font-size: 14px;
	margin-block-start: 8px;
}
.spml2-sub-text-inline {
	font-weight: normal;
	font-size: 14px;
	margin-inline-start: 11px;
}
.spml2-label-inline {
	display: inline-block;
	padding-inline: 5px;
	border-radius: 2.5px;
	margin-inline-start: 4px;
	vertical-align: top;
	font-weight: bold;
	font-size: 9.5px;
	line-height: 16.5px;
	&.-h24 {
		background-color: #FFD700;
		color: #000;
	}
	&.-new {
		background-color: #FF6C00;
	}
	&.-login {
		background-color: #fff;
		color: #1B5481;
	}
}
.spml2-label-block {
	display: inline-block;
	padding-inline: 8px;
	border-radius: 2.5px;
	margin-block-start: 6px;
	font-weight: bold;
	font-size: 12px;
	line-height: 20.5px;
	&.-immediate {
		background-color: #FF0000;
	}
}
.spml2-border-block {
	padding-block-end: 14px;
	border-block-end: 1px solid;
	margin-block-end: 14px;
	margin-inline-end: -15px;
}
.spml2-country-block {
	margin-block-start: 25px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	column-gap: 10px;
	row-gap: 25px;
            line-height: 1;
	font-size: 14px;
}
.spml2-country-link {
            line-height: 1;
	display: grid;
	grid-template-columns: 22px 1fr;
	align-items: center;
	gap: 5px;
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
}
.spml2-railflash-link {
	grid-column: span 2;
	color: hsl(50, 100%, 55%);
	font-size: 14px;
	font-weight: bold;
	margin-inline-start: 40px;
	margin-block-start: 5px;
	line-height: 1.4;
}
.spml2-ticket-block {
	margin-block-start: 20px;
	margin-inline-start: -25px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 14px;
}
.spml2-ticket-link {
	display: inline-grid;
	grid-template-columns: 20px 1fr;
	align-items: center;
	gap: 5px;
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
	&.-multi-line {
		line-height: 1.3;
	}
}
.spmb {
	background-color: #192E7D;
}
.spmb-area {
	background-color: #152564;
	padding-inline-start: 12px;
	padding-block: 18px;
	font-weight: bold;
	color: #DBF5FF;
}
.spmb-tour {
	display: grid;
	grid-template-columns: 55px 1fr;
	gap: 5px;
	padding-inline-start: 12px;
	padding-inline-end: 33px;
	padding-block: 17px;
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
}
.spmb-tour-title {
	font-weight: bold;
	line-height: 24px;
}
.spmb-tour-buttons {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-block-start: 10px;
}
.spmb-tour-button {
	display: grid;
	grid-template-columns: 20px auto;
	align-items: center;
	justify-content: center;
	gap: 6px;
	box-sizing: border-box;
	block-size: 40px;
	inline-size: 100%;
	border-radius: 2.5px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.05em;
	&.-n1 {
		background-color: #31438A;
		border: 1px solid;
	}
	&.-n2 {
		background-color: #fff;
		color: #31438A;
	}
/*
	&.-n3 {
		background-color: #152564;
	}
*/
	&::before {
		content: "";
		background-size: contain;
		background-repeat: no-repeat;
		justify-self: center;
	}
}

.icon-before-global::before {
	inline-size: 33px;
	block-size: 33px;
}
.icon-before-bed::before {
	inline-size: 29px;
	block-size: 29px;
}
.icon-before-train::before {
	inline-size: 29px;
	block-size: 29px;
}
.icon-before-star::before {
	inline-size: 29px;
	block-size: 29px;
}

.icon-before-taxi.-circle::before {
	inline-size: 33px;
	block-size: 33px;
	border-radius: 50%;
	background-size: 24px;
	background-position: center;
	background-color: hsl(0, 0%, 100%, 0.4);
}
.icon-before-edit.-circle::before {
	inline-size: 33px;
	block-size: 33px;
	border-radius: 50%;
	background-size: 22px;
	background-position: center;
	background-color: hsl(0, 0%, 100%, 0.4);
}
.icon-before-mail::before {
	inline-size: 24px;
	block-size: 24px;
}

.icon-before-cursor::before {
	inline-size: 17px;
	block-size: 27px;
}
.icon-before-book::before {
	inline-size: 23px;
	block-size: 23px;
}
.icon-before-edit::before {
	inline-size: 25px;
	block-size: 25px;
}

.icon-before-world::before {
	inline-size: 23px;
	block-size: 23px;
}
.icon-before-laptop::before {
	inline-size: 23px;
	block-size: 23px;
}

.icon-before-uk::before {
	inline-size: 21.5px;
	block-size: 14.5px;
}
.icon-before-france::before {
	inline-size: 21.5px;
	block-size: 14.5px;
}
.icon-before-germany::before {
	inline-size: 21.5px;
	block-size: 14.5px;
}
.icon-before-italy::before {
	inline-size: 21.5px;
	block-size: 14.5px;
}
.icon-before-swiss::before {
	inline-size: 21.5px;
	block-size: 14.5px;
}
.icon-before-spain::before {
	inline-size: 21.5px;
	block-size: 14.5px;
}
.icon-before-austria::before {
	inline-size: 21.5px;
	block-size: 14.5px;
}
.icon-before-benelux::before {
	inline-size: 21.5px;
	block-size: 14.5px;
}
.icon-before-central::before {
	inline-size: 19.5px;
	block-size: 17px;
}
.icon-before-nordic::before {
	inline-size: 17.5px;
	block-size: 20px;
}

.icon-before-mobile::before {
	inline-size: 20px;
	block-size: 20px;
}
.icon-before-question::before {
	inline-size: 18.5px;
	block-size: 20px;
}

.icon-before-lamp::before {
	inline-size: 52px;
	block-size: 52px;
}
.icon-before-mosk::before {
	inline-size: 46px;
	block-size: 41.5px;
}
.icon-before-bus::before {
	inline-size: 41.5px;
	block-size: 41.5px;
}

.icon-before-memo::before {
	inline-size: 18px;
	block-size: 18px;
}
.icon-before-edit-black::before {
	inline-size: 17px;
	block-size: 17px;
}
.icon-before-mail.-small::before {
	inline-size: 16px;
	block-size: 16px;
}

/*
.spml2-railflash-link {
   grid-column: span 2;
   color: hsl(50, 100%, 55%);
   font-size: 14px;
   font-weight: bold;
   margin-inline-start: 40px;
   margin-block-start: 5px;
   line-height: 1.4;
}*/