/*--------------------------------------------------------------
# Schedule Table Component (営業時間表コンポーネント)
--------------------------------------------------------------*/

.schedule {
	color: var(--color-text);
}

.schedule__table {
	border-collapse: collapse;
	width: 100%;
}

.schedule__table__head .schedule__table__row {
	border-bottom: 1px solid var(--color-ui-white-40);
	height: 7.2rem; /* 72px */
}

.schedule__table__tbody .schedule__table__row {
	border-bottom: 1px solid var(--color-ui-white-40);
	height: 11.2rem; /* 112px */
}

.schedule__table__column {
	position: relative;
	width: 13.8rem; /* 138px */
}

.schedule__table__column:first-child {
	width: 22.0rem; /* 220px */
	text-align: left;
}

.schedule__table__heading {
	color: var(--color-text-white);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 1.4rem; /* 14px */
	font-weight: 600;
	line-height: 1;
}

.schedule__table__time {
	color: var(--color-text-white-80);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 1.6rem; /* 16px */
	line-height: 1.8;
}

.schedule__table__note {
	color: var(--color-text-white-80);
	font-size: 1.2rem; /* 12px */
	line-height: 1.8;
}

.schedule__table__open {
	aspect-ratio: 1;
	background-color: var(--color-text-white);
	border-radius: 50%;
	margin: auto;
	width: 1.6rem; /* 16px */
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

/* 火曜日予約制用の★アイコン */
.schedule__table__open--reservation {
	background-color: transparent;
}

.schedule__table__open--reservation i {
	color: var(--color-primary);
	font-size: 1.6rem; /* 16px */
	line-height: 1;
}

/* フッター側の表の★アイコンは白にする */
.footer-hours .schedule__table__open--reservation i {
	color: var(--color-text-white);
}

.schedule__table__close {
	background-color: var(--color-ui-white-40);
	height: 0.2rem; /* 2px */
	margin: auto;
	width: 1.2rem; /* 12px */
}

.schedule__table__annotation {
	bottom: calc(50% + 0.4rem); /* 4px */
	color: var(--color-text-white-80);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 2.0rem; /* 20px */
	left: calc(50% + 0.6rem); /* 6px */
	line-height: 1;
	position: absolute;
}

.schedule__note {
	margin-top: 2.4rem; /* 24px */
}

.schedule__note__item {
	align-items: flex-start;
	color: var(--color-text-white-80);
	display: flex;
}

.schedule__note__item__text {
	font-size: 1.4rem; /* 14px */
	line-height: 1.8;
}

/* 火曜日予約制のアイコン */
.schedule__note__item--reservation {
	align-items: center;
}

.schedule__note__item__icon {
	display: inline-block;
	color: var(--color-text-white);
	font-size: 1.4rem; /* 14px */
	margin-right: 0.4rem; /* 4px */
	line-height: 1;
}

.schedule__note__item__icon i {
	color: var(--color-text-white);
	font-size: inherit;
}

.c-object-fit-cover {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* Desktop Navigation (デスクトップナビゲーション) */
@media screen and (min-width: 993px) {
	.header__menu-trigger__text {
		display: block;
	}

	/* デスクトップでも全画面メニューを表示可能にする（テスト用） */
	.site-header.menu-open > .menu {
		display: block !important;
		animation: menuFadeIn 0.3s cubic-bezier(0, 0.55, 0.45, 1);
	}

	.header__nav {
		display: block;
	}

}

@media screen and (max-width: 992px) {
	.header__nav {
		display: none;
	}

	.header__menu-trigger__text {
		display: none;
	}

	/* タブレット以下では全画面メニューを表示可能 */
	.site-header.menu-open > .menu {
		display: block !important;
		animation: menuFadeIn 0.3s cubic-bezier(0, 0.55, 0.45, 1);
	}

	.menu__nav__container {
		flex-wrap: wrap;
	}


	.menu__nav__page {
		border-right: 1px solid rgba(255, 253, 246, 0.4);
		flex: 50%;
	}

	.menu__nav__other {
		flex: 50%;
	}
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
	.menu__nav__container {
		gap: 6.0rem; /* 60px */
		padding: 19.2rem 6.0rem 8.0rem; /* 192px 60px 80px */
	}

	.menu__info__container {
		padding: 19.2rem 6.0rem 8.0rem; /* 192px 60px 80px */
	}
}

@media screen and (max-width: 768px) {
	/* .header__lead 関連のスタイルは header.css に定義済み */
	/* .header__menu-trigger 関連のスタイルは header.css に定義済み */

	.site-header > .menu {
		border-radius: 1.6rem; /* 16px */
		bottom: 0.4rem; /* 4px */
		left: 0.4rem; /* 4px */
		right: 0.4rem; /* 4px */
		top: 0.4rem; /* 4px */
	}

	/* モバイルでは全画面メニューを表示 */
	.site-header.menu-open > .menu {
		display: block !important;
		animation: menuFadeIn 0.3s cubic-bezier(0, 0.55, 0.45, 1);
	}

	.menu__nav__container {
		flex-direction: column;
		padding: 12.0rem 3.6rem 8.0rem; /* 120px 36px 80px */
		gap: 0;
	}

	.menu__nav__main {
		width: 100%;
	}

	.menu__info {
		display: none;
	}

	.list {
		gap: 1.2rem; /* 12px */
	}

	.list__item {
		gap: 1.2rem; /* 12px */
	}

	.instagram-button-container {
		margin-bottom: 3.2rem; /* 32px */
	}

	.schedule__table__head .schedule__table__row {
		height: 4.8rem; /* 48px */
	}

	.schedule__table__tbody .schedule__table__row {
		height: 7.2rem; /* 72px */
	}

	.schedule__table__heading {
		font-size: 1.2rem; /* 12px */
	}

	.schedule__table__time {
		font-size: 1.2rem; /* 12px */
	}

	.schedule__table__note {
		font-size: 1.1rem; /* 11px */
	}

	.schedule__table__open {
		width: 1.2rem; /* 12px */
	}

	.schedule__table__close {
		width: 0.8rem; /* 8px */
	}

	.schedule__table__annotation {
		bottom: calc(50% + 0.1rem); /* 1px */
		font-size: 1.6rem; /* 16px */
		left: calc(50% + 0.8rem); /* 8px */
	}

	.schedule__note {
		margin-top: 1.6rem; /* 16px */
	}

	.schedule__note__item {
		gap: 0.4rem; /* 4px */
	}

	.schedule__note__item__text {
		font-size: 1.2rem; /* 12px */
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages (投稿とページ)
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}