@charset "UTF-8";
/* font family */
/* fon weight */
/*--------------------------
baby common
安心して赤ちゃんと一緒にご利用いただくために 共通
---------------------------*/
/* babyローカルナビ ラッパー */
.l-baby-localnav {
	padding: 40px 0;
	background-color: var(--color-bg-sub);
}
.l-baby-localnav .c-button__inner {
	font-size: 1.5rem;
}
@media (min-width: 751px) {
	.l-baby-localnav {
		padding: 50px 0;
	}
	.l-baby-localnav .c-button__inner {
		font-size: 1.4rem;
		min-height: 43px;
	}
	.l-baby-localnav .c-button__inner > span {
		padding: 14px 20px 14px 33px;
	}
}

/* 汎用 */
.img-radius {
	border-radius: 15px;
}

.img-border {
	border: 2px solid #DDDDDD;
}

.baby-button-wrap {
	max-width: 300px;
	margin-inline: auto;
}
@media (min-width: 751px) {
	.baby-button-wrap {
		max-width: 440px;
	}
}

/* イメージセット */
.baby-imageset {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 20px;
}
.baby-imageset--rSp {
	flex-direction: column-reverse;
}
.baby-imageset__main {
	margin-top: 20px;
	width: 100%;
}
@media (min-width: 751px) {
	.baby-imageset {
		flex-direction: row;
		gap: 36px;
	}
	.baby-imageset--vt {
		align-items: flex-start;
	}
	.baby-imageset__main {
		margin-top: 0;
	}
	.baby-imageset__image {
		flex: none;
		width: 310px;
	}
}

/*--------------------------
baby shisetsu
赤ちゃんとご一緒のお客さま向け施設のご案内
---------------------------*/
.shisetsu-table {
	max-height: 90vh;
	overflow: auto;
}
.shisetsu-table table {
	border-collapse: separate;
}
.shisetsu-table table thead {
	position: sticky;
	top: 0;
	background-color: var(--color-border);
}
.shisetsu-table table th, .shisetsu-table table td {
	border-left: 0;
}
.shisetsu-table table .vata_middle {
	vertical-align: middle;
}
.shisetsu-table table .lett_spac-s {
	letter-spacing: -0.1em;
}
@media (max-width: 750px) {
	.shisetsu-table table th {
		padding: 10px 3px;
		font-size: 1.3rem;
	}
	.shisetsu-table table td {
		padding: 10px 5px;
		font-size: 1.3rem;
	}
	.shisetsu-table table th.lett_spac-m-sp,
	.shisetsu-table table td.lett_spac-m-sp {
		letter-spacing: -0.05em;
	}
}
@media screen and (max-width: 390px) {
	.shisetsu-table table th .vertical-sp,
	.shisetsu-table table td .vertical-sp {
		writing-mode: vertical-rl;
		white-space: pre;
		letter-spacing: 0.2em;
	}
	.shisetsu-table table th:has(.vertical-sp) {
		vertical-align: top;
	}
	.shisetsu-table table td:has(.vertical-sp) {
		padding: 10px 2px;
	}
}
/*# sourceMappingURL=baby-common.css.map */