@charset "UTF-8";

/* ##################################################

	00: Variables
	01: Header

################################################## */
/* --------------------------------------------------
 00: Variables
 -------------------------------------------------- */
:root {
	/* width - Number */
	--base-number-view: 1440;
	--base-number: 1000;
	--base-number-mq: 750;
	--base-number-sp: 375;
	/* width - Base */
	--base-width-view: calc(var(--base-number-view) * 1px);
	--base-width: calc(var(--base-number) * 1px);
	--base-width-mq: calc(var(--base-number-mq) * 1px);
	/* font */
	--font-base: "Noto Serif Japanese", "Hiragino Kaku Gothic W3", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "游ゴシック", "Yu Gothic", YuGothic, Meiryo, メイリオ, system-ui, sans-serif;
	/* color */
	--color-main: #000;
	--color-main-light: #333;
	--color-gray: #666;
	--color-gray-light: #a3a3a3;
	--color-gray-lightest: #d9d9d9;
	--color-accent-primary: #007a52;
	--color-accent-primary-dark: #106b4d;
	--color-accent-primary-medium: #79b9a5;
	--color-accent-primary-light: #cfeae0;
	--color-accent-primary-lighter: #ebf6f2;
	--color-accent-primary-lightest: #f6fdfa;
	--color-accent-secondary: #42b21a;
	--color-accent-secondary-light: #009844;
	--color-accent-orange: #ff7500;
	--color-accent-orange-light: #ffb277;
	--color-accent-blue: #1a70b2;
	--color-accent-blue-light: rgba(26, 112, 178, .5);
	--color-accent-blue-lightest: rgba(26, 112, 178, .1);
	--color-accent-red: #b42700;
	--color-accent-red-lightest: #fff5f2;
	--color-accent-yellow: #fcff35;
	--color-accent-yellow-light: #fdff86;
	--color-accent-yellow-lighter: #feffae;
	/* ▼▼▼202511 リニューアルでスタイル変更▼▼▼ */
	--color-accent-yellow-lightest: #fffee4;
	/* ▲▲▲202511 リニューアルでスタイル変更▲▲▲ */
	/* link color */
	--link-color: var(--color-accent-blue);
	--link-color-hover: var(--link-color);
	/* ground color */
	--ground-color: var(--color-main);
	--ground-color-gray: #f5f5f5;
	--ground-color-yellow: var(--color-accent-yellow-lightest);
	--ground-color-green: var(--color-accent-primary-lighter);
	/* border color */
	--border-color: #d2d2d2;
	/* button color */
	--btn-color: var(--ground-color-gray);
	--btn-color-hover: #e2efd9;
	/* rollover value */
	--opacity-value: .7;
}



/* --------------------------------------------------
 01: Header
 -------------------------------------------------- */
.l-header {
	overflow-x: clip;
	font-size:10px;
}

/* 宿だけプランページ用のリセット　/top/hotels/ */
#travel-page .l-header {
	position: initial;
}

.l-header img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.l-header button {
	appearance: none;
	border: none;
	background-color: transparent;
	font-family: inherit;
	vertical-align: middle;
}
.l-header a {
	text-decoration: none;
}
.l-header a:hover {
	text-decoration: underline;
}
.l-header button:focus,
.l-header a:focus {
	outline: solid 2px #06c !important;
	outline-offset: 2px;
	transition: none !important;
}
.l-header .l-header__group {
	display: flex;
	align-items: center;
	min-height: 80px;
	background-color: #fff;
}
#personalTopIndex .l-header .l-header__group .l-header__utility li,
#guidance_content .l-header .l-header__group .l-header__utility li {
	font-size: 12px !important;
}
.l-header .l-header__group .l-header__utility li {
	font-size: 12px !important;
}
.l-header .l-header__logo {
	flex-shrink: 0;
}
.l-header .l-header__logo:focus {
	outline: solid 2px #06c;
}
.l-header .l-header__utility {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px clamp(16px, -20px + 4.8vw, 28px);
	margin-inline: clamp(10px, 1.54vw, 20px) auto;
	max-width: 430px;
}
.l-header .l-header__utility li {
	font-size: 12px;
}
.l-header .l-header__utility li:not(:first-child) {
	position: relative;
}
.l-header .l-header__utility li::after {
	content: "";
	position: absolute;
	top: 0;
	left: clamp(-14px, 10px - 2.4vw, -8px);
	bottom: 0;
	border-left: 1px solid var(--border-color);
}
.l-header .l-header__utility li:nth-child(4)::after {
	display: none;
}
.l-header .l-header__utility a {
	display: inline-block;
	color: currentColor;
}
.l-header .l-header__utility a.-faq {
	position: relative;
	padding-left: 20px;
	color: var(--color-main);
}
.l-header .l-header__utility a.-faq::before {
	content: "";
	position: absolute;
	top: calc(50% + 1px);
	left: 0;
	width: 16px;
	height: 16px;
	background: url(/top/common/img/ico_circle_question.png) center/contain no-repeat;
	translate: 0 -50%;
}
.l-header .l-header__member {
	display: flex;
	align-items: center;
	position: relative;
	gap: clamp(8px, 1vw, 12px);
}
.l-header .l-header__member.login4 {
	flex: 0 0 364px;
}
.l-header .l-header__member > li {
	position: relative;
}
.l-header .l-header__member > li.-mymenu {
	transition-delay: 0s;
	/*@media (hover: hover) {
		&:hover {
			> button {
				border-radius: 8px 8px 0 0;
			}
		}
	}*/
}
.l-header .l-header__member > li.-mymenu > button {
	padding-right: 28px;
	cursor: revert;
	position: relative;
	cursor: pointer;
	/* transition: none; */
	/*@media (hover: hover) {
		&:hover {
			& + .l-nav-mymenu {
				visibility: visible;
				opacity: 1;
				transition-delay: .2s;
			}
		}
	}*/
}
.l-header .l-header__member > li.-mymenu > button::after {
	content: "";
	position: absolute;
	margin: -3px 0 0;
	top: 50%;
	right: 12px;
	width: 7px;
	height: 11px;
	background: url(/top/common/img/ico_link_arrow.svg) center/contain no-repeat;
	transform: rotate(90deg) scale(1.1);
	transition: 0.3s;
}
.l-header .l-header__member > li.-mymenu > button[aria-expanded=true] {
	border-radius: 8px 8px 0 0;
}
.l-header .l-header__member > li.-point > a,
.l-header .l-header__member > li.-point > button {
	padding-right: 20px;
	font-size:13px;
	gap: 4px;
	pointer-events: visible;
	/*&::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 6px;
		width: 7px;
		height: 11px;
		background: url(/top/common/img/ico_link_arrow.svg) center / contain no-repeat;
		transform: translateY(-50%);
		transition: .3s;
	}*/
}
.l-header .l-header__member > li.-point > a::before,
.l-header .l-header__member > li.-point > button::before {
	display: none;
}
.l-header .l-header__member > li.-point > a:hover::before,
.l-header .l-header__member > li.-point > button:hover::before {
	translate: 3px;
}
.l-header .l-header__member > li.-point > a,
.l-header .l-header__member > li.-point > button {
	/* pointer-events: none; */
}
.l-header .l-header__member > li.-point[data-type=point] em {
	min-height: 25px;
	font-size:14px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	font-style: normal;
}
.l-header .l-header__member > li.-point[data-type=point] em span {
	padding: 0 0 0 3px;
	font-size: 12px;
}
.l-header .l-header__member > li.-point[data-type=hidden] {
	visibility: hidden;
}
.l-header .l-header__member > li > a,
.l-header .l-header__member > li > button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: clamp(120px, 16.5vw, 176px);
	height: 40px;
	padding-inline: 8px;
	border-radius: 8px;
	background-color: var(--btn-color);
	color: var(--color-accent-primary);
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	transition: background-color .3s;
	outline-offset: unset;
}
.l-header .l-header__member > li > a:hover,
.l-header .l-header__member > li > button:hover {
	background-color: var(--btn-color-hover);
	text-decoration: none;
}
.l-header .l-header__member > li > a i,
.l-header .l-header__member > li > button i {
	flex-shrink: 0;
	line-height: 1;
}
.l-header .l-header__member > li > a b,
.l-header .l-header__member > li > button b {
	white-space: nowrap;
}
.l-header .l-header__member > li > button {
	cursor: pointer;
	transition: 0.3s;
}
.l-header .l-header__logo-jreast {
	flex-shrink: 0;
	margin-left: clamp(12px, -12px + 3.2vw, 20px);
}
@media print, screen and (max-width: 905px) {
	.l-header .l-header__utility li:nth-child(3)::after,
	.l-header .l-header__utility li:last-child::after {
		display: none;
	}
	.l-header .l-header__utility li:nth-child(4)::after {
		display: block;
	}
}

@media print, screen and (max-width: 749px) {
	.l-header .l-header__group {
		min-height: 50px;
		font-size: 62.5%;
	}
	.l-header .l-header__logo {
		flex-shrink: 0;
	}
	.l-header .l-header__logo img {
		width: 93px;
	}
	.l-header .l-header__utility {
		display: none;
	}
	.l-header .l-header__member {
		gap: 0;
		margin-left: auto;
	}
	.l-header .l-header__member.login4 {
		flex: 0 0 121px;
	}
	.l-header .l-header__member li {
		position: relative;
	}
	.l-header .l-header__member li.-mymenu {
		display: none;
	}
	.l-header .l-header__member li.-point > a,
	.l-header .l-header__member li.-point > button {
		width: 108px;
		height: 36px;
		margin-inline: 8px;
		padding-right: 8px;
		border-radius: 4px;
		background-color: var(--btn-color);
	}
	.l-header .l-header__member li.-point > a::after,
	.l-header .l-header__member li.-point > button::after {
		content: none;
	}
	.l-header .l-header__member li.-point > a:hover,
	.l-header .l-header__member li.-point > button:hover {
		background-color: var(--btn-color-hover);
	}
	.l-header .l-header__member li.-point > a,
	.l-header .l-header__member li.-point > button {
		width: auto;
		padding: 0 8px 0 29px;
	}
	.l-header .l-header__member li.-point > a i,
	.l-header .l-header__member li.-point > button i {
		margin: -11px 0 0;
		position: absolute;
		top: 50%;
		left: 6px;
	}
	.l-header .l-header__member li.-point > a span,
	.l-header .l-header__member li.-point > button span {
		display: inline-block;
	}
	.l-header .l-header__member li.-point[data-type=point]::before {
		display: none;
	}
	.l-header .l-header__member li::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		height: 36px;
		margin-block: auto;
		border-left: 1px solid var(--border-color);
	}
	.l-header .l-header__member li > a,
	.l-header .l-header__member li > button {
		position: relative;
		flex-direction: column;
		justify-content: center;
		row-gap: 4px;
		width: 64px;
		min-width: auto;
		height: 50px;
		padding-inline: 0;
		border-radius: 0;
		background-color: transparent;
		font-size: 10px;
	}
	#personalTopIndex .l-header .l-header__member > li > a,
	#personalTopIndex .l-header .l-header__member > li > button {
		font-size: 10px;
	}
	.l-header .l-header__member li > a:hover,
	.l-header .l-header__member li > button:hover {
		background-color: transparent;
	}
	.l-header .l-header__member li > a i,
	.l-header .l-header__member li > button i {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 20px;
		text-align: center;
	}
	.l-header .l-header__member li > a span,
	.l-header .l-header__member li > button span {
		display: none;
	}
	.l-header .l-header__logo-jreast {
		position: relative;
		margin-left: 0;
		padding-left: 10px;
	}
	.l-header .l-header__logo-jreast::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		height: 36px;
		border-left: 1px solid var(--border-color);
		translate: 0 -50%;
	}
	.l-header .l-header__logo-jreast img {
		width: 40px;
	}
}

/* l-nav-mymenu */
.l-nav-mymenu {
	width: 250px;
	margin: 0 0 0 -125px;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 100%;
	/* right: 0; */
	left: 50%;
	z-index: 1710;
	padding-inline: 8px;
	/* border-top: 1px solid var(--color-accent-primary); */
	border: 1px solid var(--color-accent-primary);
	background-color: var(--btn-color);
	transition-delay: 0s;
}
.l-nav-mymenu__overlay {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}
.l-nav-mymenu__overlay[aria-expanded="true"] {
	z-index: 1;
	visibility: visible;
	opacity: 1;
}
@media (hover: hover) {
	.l-nav-mymenu:hover {
		visibility: visible;
		opacity: 1;
		transition-delay: 0.2s;
	}
}
.l-nav-mymenu[aria-hidden=true] {
	visibility: hidden;
	opacity: 0;
}
.l-nav-mymenu[aria-hidden=false] {
	visibility: visible;
	opacity: 1;
}
.l-nav-mymenu::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 12px;
	height: 7px;
	background-color: var(--color-accent-primary);
	clip-path: polygon(50% 0, 0 100%, 100% 100%);
	translate: -50%;
}
.l-nav-mymenu ul {
	border-bottom: 1px solid var(--color-gray-lightest);
}
.l-nav-mymenu li:not(:first-child) {
	border-top: 1px solid var(--color-gray-lightest);
}
.l-nav-mymenu a {
	display: block;
	padding: 8px 4px;
	color: currentColor;
	font-size: 12px;
	position: relative;
}
.l-nav-mymenu a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 4px;
	width: 7px;
	height: 11px;
	background: url(/top/common/img/ico_link_arrow.svg) center/contain no-repeat;
	transform: translateY(-50%) scale(0.9);
	transition: 0.3s;
}
.l-nav-mymenu .l-nav-close {
	margin: 15px 0 15px auto;
	font-weight: normal;
	font-size:12px;
	display: table;
	position: static;
}

/* l-nav-menu */
.l-nav-menu {
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	row-gap: 2px;
	position: relative;
	width: 64px;
	height: 50px;
	padding-top: 24px;
	color: var(--color-accent-primary);
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
}
.l-nav-menu.-simple {
	margin-left: auto;
}
.l-nav-menu::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 7px;
	border-left: 1px solid var(--border-color);
}
.l-nav-menu i {
	display: block;
	position: absolute;
	left: 50%;
	width: 17px;
	height: 1px;
	background-color: var(--color-main);
	transform: translateX(-50%);
	transition: 0.5s;
}
.l-nav-menu i::before, .l-nav-menu i::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--color-main);
	will-change: transform;
	transition: 0.5s;
}
.l-nav-menu i {
	top: 16px;
	will-change: opacity;
}
.l-nav-menu i::before {
	top: -6px;
}
.l-nav-menu i::after {
	bottom: -6px;
}
.l-nav-menu span + span {
	display: none;
}
.l-nav-menu[aria-expanded=true] {
	background-color: var(--color-accent-primary-lightest);
}
.l-nav-menu[aria-expanded=true] i {
	background-color: transparent;
}
.l-nav-menu[aria-expanded=true] i::before, .l-nav-menu[aria-expanded=true] i::after {
	background-color: var(--color-accent-primary);
}
.l-nav-menu[aria-expanded=true] i::before {
	transform: translateY(6px) rotate(-45deg);
}
.l-nav-menu[aria-expanded=true] i::after {
	transform: translateY(-6px) rotate(45deg);
}
.l-nav-menu[aria-expanded=true] span {
	display: none;
}
.l-nav-menu[aria-expanded=true] span + span {
	display: block;
}
@media print, screen and (max-width: 749px) {
	.l-nav-menu {
		display: flex;
		padding-top: 22px;
	}
	.l-nav-menu.-simple {
		margin-left: auto;
	}
}

/* l-nav-global */
.l-nav-global {
	margin-inline: calc(50% - 50vw);
	padding-inline: calc(50vw - 50%);
	background-color: var(--color-accent-primary);
}
.l-nav-global .l-nav-global__contents,
.l-nav-global .l-nav-global__inner {
	height: 100%;
}
.l-nav-global .l-nav-global__list {
	display: flex;
	align-items: center;
	position: relative;
}
.l-nav-global .l-nav-global__list::before {
	content: "";
	position: absolute;
	inset: 14px 0;
	z-index: 1703;
	border-inline: 1px solid #fff;
	pointer-events: none;
}
.l-nav-global .l-nav-global__list > li {
	position: relative;
	min-height: 60px;
	flex: 1;
}
.l-nav-global .l-nav-global__list > li.-mymenu {
	display: none;
}
.l-nav-global .l-nav-global__list > li.-ticket > a::before,
.l-nav-global .l-nav-global__list > li.-ticket > button::before {
	width: 29px;
	height: 31px;
	background-image: url(/top/common/img/ico_nav_ticket.png);
}
.l-nav-global .l-nav-global__list > li.-travel > a::before,
.l-nav-global .l-nav-global__list > li.-travel > button::before {
	width: 19px;
	height: 29px;
	background-image: url(/top/common/img/ico_nav_travel.svg);
}
.l-nav-global .l-nav-global__list > li.-car > a::before,
.l-nav-global .l-nav-global__list > li.-car > button::before {
	width: 35px;
	height: 27px;
	background-image: url(/top/common/img/ico_nav_car.svg);
}
.l-nav-global .l-nav-global__list > li:not(:first-child)::before {
	content: "";
	position: absolute;
	top: 14px;
	bottom: 14px;
	left: 0;
	z-index: 1703;
	border-left: 1px solid #fff;
	pointer-events: none;
}
.l-nav-global .l-nav-global__list > li > a,
.l-nav-global .l-nav-global__list > li > button {
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1700;
	gap: 16px;
	height: 100%;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	transition: background-color 0.3s;
	/*@media (hover: hover) {
		&:hover {
			& + .l-nav-lower {
				visibility: visible;
				opacity: 1;
				transition-delay: .3s;
			}
		}
	}*/
}
.l-nav-global .l-nav-global__list > li > a::before,
.l-nav-global .l-nav-global__list > li > button::before {
	content: "";
	background: center/contain no-repeat;
}
.l-nav-global .l-nav-global__list > li > a:hover,
.l-nav-global .l-nav-global__list > li > button:hover {
	background-color: var(--color-accent-primary-dark);
	text-decoration: none;
}
.l-nav-global .l-nav-global__list > li > a:focus,
.l-nav-global .l-nav-global__list > li > button:focus {
	outline: solid 2px #fff !important;
	outline-offset: -4px;
}
.l-nav-global .l-nav-global__list > li > button {
	width: 100%;
	/* font-size: 100%; */
}
.l-nav-global .l-nav-global__list > li > button::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 24px;
	width: 10px;
	height: 5px;
	background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCAxMCA1IiB3aWR0aD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTUuMTQ0MTIgNC44NTAyM2MtLjA3ODY4LjA4MTc3LS4yMDk1Ni4wODE3Ny0uMjg4MjQgMGwtMy44NjAxMTctNC4wMTE1NTVjLS4xMjIyNjQtLjEyNzA2LS4wMzIyMTctLjMzODY3NS4xNDQxMTctLjMzODY3NWg3LjcyMDI0Yy4xNzYzMyAwIC4yNjYzOC4yMTE2MTQuMTQ0MTIuMzM4Njc1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) center/contain no-repeat;
	translate: 0 -50%;
}
.l-nav-global .l-nav-global__list > li > button i {
	display: none;
}
@media print, screen and (max-width: 749px) {
	.l-nav-global {
		position: absolute;
		inset: 50px 0 0;
		z-index: 3000;
		margin-inline: 0;
		padding-inline: 0;
		background-color: transparent;
		pointer-events: none;
	}
	.l-nav-global[aria-hidden=false] {
		pointer-events: auto;
	}
	.l-nav-global[aria-hidden=false] .l-nav-global__contents {
		translate: 100%;
		transition-delay: 0.1s;
		visibility: visible;
	}
	.l-nav-global .l-nav-global__overlay {
		/* visibility: hidden; */
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.l-nav-global .l-nav-global__contents {
		box-sizing: content-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 100%;
		bottom: 0;
		z-index: 3;
		visibility: hidden;
		width: calc(100% - 66px);
		height: calc(100dvh - 50px);
		background-color: var(--color-accent-primary-lightest);
		transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.l-nav-global .l-nav-global__inner {
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 8px 8px 28px;
	}
	.l-nav-global .l-nav-global__list {
		display: block;
	}
	.l-nav-global .l-nav-global__list::before {
		content: none;
	}
	.l-nav-global .l-nav-global__list > li {
		height: auto;
	}
	.l-nav-global .l-nav-global__list > li.-mymenu {
		display: block;
	}
	.l-nav-global .l-nav-global__list > li:not(:first-child) {
		margin-top: 4px;
	}
	.l-nav-global .l-nav-global__list > li:not(:first-child)::before {
		content: none;
	}
	.l-nav-global .l-nav-global__list > li:last-child .l-nav-lower {
		margin-bottom: 8px;
	}
	.l-nav-global .l-nav-global__list > li > a,
	.l-nav-global .l-nav-global__list > li > button {
		justify-content: flex-start;
		gap: 0;
		min-height: 38px;
		border-radius: 4px;
		background-color: var(--color-accent-primary-light);
		color: currentColor;
	}
	.l-nav-global .l-nav-global__list > li > a::before,
	.l-nav-global .l-nav-global__list > li > button::before {
		content: none;
	}
	.l-nav-global .l-nav-global__list > li > a:hover,
	.l-nav-global .l-nav-global__list > li > button:hover {
		background-color: var(--color-accent-primary-light);
	}
	.l-nav-global .l-nav-global__list > li > button {
		padding-inline: 6px;
		cursor: pointer;
	}
	.l-nav-global .l-nav-global__list > li > button:focus {
		outline: solid 2px #06c !important;
	}
	.l-nav-global .l-nav-global__list > li > button[aria-expanded=true] i::after {
		opacity: 0;
	}
	.l-nav-global .l-nav-global__list > li > button::after {
		content: none;
	}
	.l-nav-global .l-nav-global__list > li > button i {
		display: block;
		position: absolute;
		top: 50%;
		right: 12px;
		width: 16px;
		height: 16px;
		border-radius: 100%;
		background-color: var(--color-accent-primary);
		translate: 0 -50%;
	}
	.l-nav-global .l-nav-global__list > li > button i::before,
	.l-nav-global .l-nav-global__list > li > button i::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 10px;
		height: 2px;
		background-color: #fff;
		translate: -50% -50%;
		transition: 0.3s;
	}
	.l-nav-global .l-nav-global__list > li > button i::after {
		rotate: 90deg;
	}
}

/* l-nav-lower */
.l-nav-lower {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 1550;
	width: 100%;
	max-width: var(--base-width);
	transition-delay: 0s;
}
@media (hover: hover) {
	.l-nav-lower:hover {
		visibility: visible;
		opacity: 1;
		transition-delay: 0.3s;
	}
}
.l-nav-lower.-ticket {
	width: 300%;
}
.l-nav-lower.-travel {
	width: 200%;
}
.l-nav-lower[aria-hidden=true] {
	visibility: hidden;
	opacity: 0;
}
.l-nav-lower[aria-hidden=false] {
	visibility: visible;
	opacity: 1;
	transition: none;
}
.l-nav-lower[aria-hidden=false] .l-nav-lower__overlay {
	visibility: visible;
	opacity: 1;
}
.l-nav-lower .l-nav-lower__overlay {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.l-nav-lower .l-nav-lower__unit {
	display: flex;
	gap: 19px;
	padding: 16px 16px 45px;
	background-color: var(--color-accent-primary-lightest);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 8px 8px;
}
.l-nav-lower .l-nav-lower__item {
	flex: 1;
}
.l-nav-lower .l-nav-lower__headline {
	display: flex;
	align-items: center;
	min-height: 40px;
	padding: 4px 16px;
	border-radius: 4px;
	background-color: var(--color-accent-primary-light);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}
.l-nav-lower .l-nav-lower__subheading {
	position: relative;
	margin: 16px 14px 8px;
	padding-left: 1em;
	font-weight: bold;
}
.l-nav-lower .l-nav-lower__subheading::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 6px;
	border-radius: 8px;
	background-color: var(--color-accent-primary);
	content: "";
}
.l-nav-lower dd {
	padding-inline: 16px;
	font-size: 14px;
	border-bottom: 1px solid var(--color-accent-primary-light);
}
.l-nav-lower .noborder {
	border: none;
}
.l-nav-lower dd a {
	display: block;
	position: relative;
	padding: 12px 20px 12px 0;
	color: currentColor;
}
.l-nav-lower dd a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 4px;
	width: 7px;
	height: 11px;
	background: url(/top/common/img/ico_link_arrow.svg) center/contain no-repeat;
	transform: translateY(-50%);
	transition: 0.3s;
}
.l-nav-lower dd a:hover::before {
	translate: 3px;
}
.l-nav-lower dd a[target=_blank]::before {
	display: none;
}
.l-nav-lower dd a[target=_blank]::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 1px;
	width: 15px;
	height: 13px;
	background-color: var(--color-accent-primary);
	mask-image: url(/top/common/img/ico_window.svg);
	mask-position: center;
	mask-size: contain;
	mask-repeat: no-repeat;
	transform: translateY(-50%);
	transition: 0.3s;
}
.l-nav-lower .innerLink {
	padding-left: 18px;
}
.l-nav-lower .l-nav-lower__list {
	padding-inline: 16px;
}
.l-nav-lower .l-nav-lower__list li {
	font-size: 14px;
	border-bottom: 1px solid var(--color-accent-primary-light);
}
.l-nav-lower .l-nav-lower__list a {
	display: block;
	position: relative;
	padding: 12px 20px 12px 12px;
	color: currentColor;
}
.l-nav-lower .l-nav-lower__list a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 4px;
	width: 7px;
	height: 11px;
	background: url(/top/common/img/ico_link_arrow.svg) center/contain no-repeat;
	transform: translateY(-50%);
	transition: 0.3s;
}
.l-nav-lower .l-nav-lower__list a:hover::before {
	translate: 3px;
}
@media print, screen and (max-width: 749px) {
	.l-nav-lower {
		display: none;
		visibility: visible;
		opacity: 1;
		position: static;
		width: auto;
		margin-bottom: 32px;
		transition-delay: revert !important;
	}
	.l-nav-lower.-ticket {
		width: 100%;
	}
	.l-nav-lower.-travel {
		width: 100%;
	}
	.l-nav-lower[aria-hidden=false] {
		visibility: visible;
		opacity: 1;
		transition: none;
	}
	.l-nav-lower .l-nav-lower__overlay {
		display: none;
	}
	.l-nav-lower .l-nav-lower__unit {
		display: block;
		padding: 0;
		background-color: transparent;
		box-shadow: none;
		border-radius: 0;
	}
	.l-nav-lower .l-nav-lower__unit .l-nav-close {
		display: none;
	}
	.l-nav-lower .l-nav-lower__headline {
		display: block;
		min-height: auto;
		padding: 24px 6px 8px;
		border-radius: 0;
		border-bottom: 2px solid var(--color-accent-primary-medium);
		background-color: transparent;
	}
	.l-nav-lower .l-nav-lower__subheading {
		margin-inline: 2px;
		padding-left: 14px;
	}
	.l-nav-lower dd {
		padding-inline: 6px;
		font-size: 16px;
	}
	.l-nav-lower dd a {
		padding: 12px 24px 12px 0;
		color: currentColor;
	}
	.l-nav-lower dd a::before {
		right: 8px;
	}
	.l-nav-lower dd a[target=_blank]::after {
		right: 5px;
	}
	.l-nav-lower .l-nav-lower__list {
		padding-inline: 8px;
	}
	.l-nav-lower .l-nav-lower__list li {
		font-size: 16px;
	}
	.l-nav-lower .l-nav-lower__list a {
		padding: 12px 24px 12px 8px;
		color: currentColor;
	}
	.l-nav-lower .l-nav-lower__list a::before {
		right: 8px;
	}
}

/* l-nav-close */
.l-nav-close {
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	line-height: 1;
	cursor: pointer;
	position: absolute;
	bottom: 15px;
	right: 15px;
	background-color: transparent !important;
}
.l-nav-close span {
	padding: 0 0 0 25px;
	display: block;
	position: relative;
}
.l-nav-close span::before {
	width: 20px;
	height: 20px;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
	left: 0;
	background-image: url(/top/common/img/ico_close.svg);
	background-size: 20px 20px;
	content: "";
}
@media print, screen and (max-width: 749px) {
	.l-nav-close {
		margin: 15px 0 0 auto;
		display: table;
		position: static;
	}
}

/* l-nav-utility */
.l-nav-utility {
	display: none;
}
@media print, screen and (max-width: 749px) {
	.l-nav-utility {
		display: block;
		padding-top: 24px;
	}
	.l-nav-utility .l-nav-utility__item:not(:first-child) {
		margin-top: 24px;
	}
	.l-nav-utility .l-nav-utility__headline {
		padding: 0 8px 8px;
		border-bottom: 2px solid var(--color-accent-primary-medium);
		font-size: 16px;
		font-weight: 700;
		line-height: 1.4;
	}
	.l-nav-utility .l-nav-utility__list {
		padding-inline: 8px;
	}
	.l-nav-utility .l-nav-utility__list li {
		border-bottom: 1px solid var(--color-accent-primary-light);
	}
	.l-nav-utility .l-nav-utility__list a {
		display: block;
		position: relative;
		padding: 12px 24px 12px 8px;
		font-size: 16px;
		color: currentColor;
	}
	.l-nav-utility .l-nav-utility__list a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 8px;
		width: 7px;
		height: 11px;
		background: url(/top/common/img/ico_link_arrow.svg) center/contain no-repeat;
		transform: translateY(-50%);
		transition: 0.3s;
	}
	.l-nav-utility .l-nav-utility__list a:hover::before {
		translate: 3px;
	}
	.l-nav-utility .l-nav-utility__list a[target=_blank]::before {
		display: none;
	}
	.l-nav-utility .l-nav-utility__list a[target=_blank]::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 15px;
		height: 13px;
		background-color: var(--color-accent-primary);
		mask-image: url(/top/common/img/ico_window.svg);
		mask-position: center;
		mask-size: contain;
		mask-repeat: no-repeat;
		transform: translateY(-50%);
		transition: 0.3s;
	}
}

/* ▼▼▼202511 リニューアルでスタイル変更（SPログインボタン）▼▼▼ */
@media print,screen and (max-width: 749px) {
	.l-header .l-header__member .l-login-menu span+span {
		display: none !important;
	}
	.l-header .l-header__member .l-login-menu[aria-expanded=true] {
		background-color: var(--color-accent-primary-lightest) !important;
	}
	.l-header .l-header__member .l-login-menu[aria-expanded=true] span {
		display: none !important;
	}
	.l-header .l-header__member .l-login-menu[aria-expanded=true] span+span {
		display: block !important;
	}
	.l-header .l-header__member li::before {
		z-index: 1;
	}
	.l-login-global {
		position: absolute;
		inset: 50px 0 0;
		z-index: 3000;
		margin-inline: 0;
		padding-inline: 0;
		background-color: transparent;
		pointer-events: none;
	}
	.l-login-global[aria-hidden=false] {
		pointer-events: auto;
	}
	.l-login-global[aria-hidden=false] .l-login-global__contents {
		translate: 100%;
		transition-delay: 0.1s;
		visibility: visible;
	}
	.l-login-global .l-login-global__overlay {
		/* visibility: hidden; */
		opacity: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.l-login-global .l-login-global__contents {
		box-sizing: content-box;
		position: absolute;
		top: 0;
		right: 100%;
		bottom: 0;
		z-index: 3;
		visibility: hidden;
		width: calc(100vw - 130px);
		height: fit-content;
		background-color: var(--color-accent-primary-lightest);
		transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		translate: 0%;
	}
	.l-login-global .l-login-global__inner {
		-webkit-overflow-scrolling: touch;
		padding: 8px 8px 28px;
	}
	.l-login-global .l-login-global__list {
		display: block;
	}
	.l-login-global .l-login-global__list::before {
		content: none;
	}
	.l-login-global .l-login-global__list>li {
		height: auto;
	}
	.l-login-global .l-login-global__list>li.-mymenu {
		display: block;
	}
	.l-login-global .l-login-global__list>li:not(:first-child) {
		margin-top: 4px;
	}
	.l-login-global .l-login-global__list>li:not(:first-child)::before {
		content: none;
	}
	.l-login-global .l-login-global__list>li:last-child .l-nav-lower {
		margin-bottom: 8px;
	}
	.l-login-global .l-login-global__list>li>a,
	.l-login-global .l-login-global__list>li>button {
		justify-content: flex-start;
		gap: 0;
		min-height: 38px;
		border-radius: 4px;
		background-color: var(--color-accent-primary-light);
		color: currentColor;
	}
	.l-login-global .l-login-global__list>li>a::before,
	.l-login-global .l-login-global__list>li>button::before {
		content: none;
	}
	.l-login-global .l-login-global__list>li>a:hover,
	.l-login-global .l-login-global__list>li>button:hover {
		background-color: var(--color-accent-primary-light);
	}
	.l-login-global .l-login-global__list>li>button {
		cursor: pointer;
	}
	.l-login-global .l-login-global__list>li>button:focus {
		outline: solid 2px #06c !important;
	}
	.l-login-global .l-login-global__list>li>button[aria-expanded=true] i::after {
		opacity: 0;
	}
	.l-login-global .l-login-global__list>li>button::after {
		content: none;
	}
	.l-login-global .l-login-global__list>li>button i {
		display: block;
		position: absolute;
		top: 50%;
		right: 12px;
		width: 16px;
		height: 16px;
		border-radius: 100%;
		background-color: var(--color-accent-primary);
		translate: 0 -50%;
	}
	.l-login-global .l-login-global__list>li>button i::before,
	.l-login-global .l-login-global__list>li>button i::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 10px;
		height: 2px;
		background-color: #fff;
		translate: -50% -50%;
		transition: 0.3s;
	}
	.l-login-global .l-login-global__list>li>button i::after {
		rotate: 90deg;
	}
	.l-header .l-header__member li>button.l-login-menu span {
		display: block;
	}

	/* l-login-close */
	.l-login-close {
		padding: 0;
		font-weight: bold;
		font-size: 14px;
		color: #000;
		line-height: 1;
		cursor: pointer;
		position: absolute;
		bottom: 15px;
		right: 15px;
	}
	.l-login-close span {
		padding: 0 0 0 25px;
		display: block;
		position: relative;
	}
	.l-login-close span::before {
		width: 20px;
		height: 20px;
		margin: -10px 0 0;
		position: absolute;
		top: 50%;
		left: 0;
		background-image: url(/top/common/img/ico_close.svg);
		background-size: 20px 20px;
		content: "";
	}
	.l-login-close {
		margin: 15px 0 0 auto;
		display: table;
		position: static;
	}

	/* l-login-utility */
	.l-login-utility {
		display: block;
	}
	.l-login-utility .l-login-utility__list {
		padding-inline: 8px;
	}
	.l-login-utility .l-login-utility__list li {
		border-bottom: 1px solid var(--color-accent-primary-light);
	}
	.l-login-utility .l-login-utility__list a {
		display: block;
		position: relative;
		padding: 12px 24px 12px 8px;
		color: currentColor;
		font-size: 15px;
	}
	.l-login-utility .l-login-utility__list a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 8px;
		width: 7px;
		height: 11px;
		background: url(/top/common/img/ico_link_arrow.svg) center/contain no-repeat;
		transform: translateY(-50%);
		transition: 0.3s;
	}
	.l-login-utility .l-login-utility__list a:hover::before {
		translate: 3px;
	}
	.l-login-utility .l-login-utility__item:not(:first-child) {
		margin-top: 24px;
	}
	.l-login-utility .l-login-utility__headline {
		padding: 0 8px 8px;
		border-bottom: 2px solid var(--color-accent-primary-medium);
		font-weight: 700;
		line-height: 1.4;
	}
	.l-login-utility .l-login-utility__list a[target=_blank]::before {
		display: none;
	}
	.l-login-utility .l-login-utility__list a[target=_blank]::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 15px;
		height: 13px;
		background-color: var(--color-accent-primary);
		mask-image: url(/top/common/img/ico_window.svg);
		mask-position: center;
		mask-size: contain;
		mask-repeat: no-repeat;
		transform: translateY(-50%);
		transition: 0.3s;
	}
}
.menu-r {
	margin-left: auto !important;
}
.menu-r::before {
	content: none !important;
}

/* ▲▲▲202511 リニューアルでスタイル変更（SPログインボタン）▲▲▲ */






/* ▼▼▼202511 リニューアルでスタイル変更（フッター不要な箇所をコメントアウト）▼▼▼ */
/* @media print, screen and (min-width: 750px) {
	.idxFooter_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 952px;
		margin-inline: auto;
		padding-inline: 16px;
	}
} */
/* ▲▲▲202511 リニューアルでスタイル変更（フッター不要な箇所をコメントアウト）▲▲▲ */
/* ↑↑202504追加↑↑ */


/*======================================================================
/Personal/common/css/style.cssの読み込みによる崩れを調整
======================================================================*/
/* body {
	line-height: 1.5;
	font-family: 'Noto Serif Japanese', sans-serif;
}
img {
	vertical-align: bottom !important;
}
.w430 {
	width: 430px;
}
.menu-r {
	margin-left: auto !important;
}
.menu-r::before {
	content: none !important;
}
.formEntry .formInput .errorBalloon .errorBalloon-inner strong,
.formEntry .formInput .errorunderBalloon .errorBalloon-inner strong {
	color: #fff;
}
.formEntry .formEntry-inner strong {
	color: #000;
}
.subTitle {
	position: relative;
	padding: 0 0 0 24px !important;
	font-size: calc((32 / 16) * 1rem) !important;
	line-height: 1.5;
	font-weight: normal;
}
.subTitle::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8px;
	background: linear-gradient(to bottom, #42b21a 0%, #42b21a 38%, #007a52 38%, #007a52 100%);
	border-radius: 4px;
	content: "";
}
.page__entry_mail .pagetitle,
.page__entry_mail_complete .pagetitle {
	padding-top: 0;
	margin: 30px auto 25px;
}
@media print, screen and (max-width: 749px) {
	.subTitle {
		font-size: calc((24 / 16) * 1rem) !important;
	}
}
.tmp_btn_h_l-auto {
	font-size: 100% !important;
} */