/* スマホ下部固定メニュー（全ページ） */

body.kin-en-has-sticky-bottom-nav {
	padding-bottom: calc(3.65rem + env(safe-area-inset-bottom));
}

.kin-en-bottom-nav {
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99990;
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	border-top: 1px solid var(--kin-en-border-light);
	box-shadow: none;
}

.kin-en-bottom-nav__inner {
	max-width: 30rem;
	margin: 0 auto;
}

.kin-en-bottom-nav .kin-en-bottom-nav__list,
.kin-en-bottom-nav ul.menu {
	display: flex;
	align-items: stretch;
	justify-content: space-around;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}

.kin-en-bottom-nav .kin-en-bottom-nav__list > li,
.kin-en-bottom-nav ul.menu > li {
	flex: 1 1 0;
	margin: 0;
	padding: 0;
	text-align: center;
}

.kin-en-bottom-nav a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 3.45rem;
	padding: 0.35rem 0.2rem;
	font-size: 0.72rem;
	font-weight: 500;
	line-height: 1.25;
	color: var(--kin-en-text-secondary);
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

.kin-en-bottom-nav a:hover,
.kin-en-bottom-nav a:focus-visible {
	background: var(--kin-en-bg-secondary);
	color: var(--kin-en-text);
	outline: none;
}

.kin-en-bottom-nav a[aria-current="page"] {
	color: var(--kin-en-link);
	background: transparent;
	font-weight: 600;
}

@media (min-width: 782px) {
	body.kin-en-has-sticky-bottom-nav {
		padding-bottom: 0;
	}

	.kin-en-bottom-nav {
		display: none;
	}
}