:root {
	--pc-width: 1024px;
	--kit-white: #f7f7f7;
	--kit-grey: #777777;
	--kit-brown: rgb(81, 48, 30);
	--kit-orange: rgb(198, 91, 35);
	--kit-cream: rgb(253, 252, 242);
	--kit-lightbrown: rgb(237, 206, 149);
	--kit-yellow: rgb(239, 178, 43);
	--rem: 1.5625vw;
	--px: 0.097656vw;
	--rounded-lg: 1rem !important;
}
[v-cloak] {
	display: none;
}

html {
	background: rgb(253, 252, 242);
	color: white;
	box-sizing: border-box;
	font-family: "Kiwi Maru", serif;
	font-weight: 300;
	font-size: 100%;
	line-height: 1.6em;
	-webkit-font-smoothing: antialiased;
}
html,
body {
	padding: 0;
	margin: 0;
	border: 0;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

.main {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

.main-image-box {
	width: 100vw;
	height: 56.4vw;
}
.main-image-box {
	position: relative;
}
.video {
	width: 100%;
	height: auto;
}
.swiper {
	animation: fadeIn 3s 5s ease forwards;
	opacity: 0;
}
.logo-image {
	width: 100vw;
	height: 56.4vw;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	animation: fadeIn 2s 4s ease forwards 1;
	opacity: 0;
}

.logo-color-image {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100vw;
	height: 56.4vw;
	transition-duration: 0.66s;
	animation: fadeIn 3s 0s ease forwards 1;
	opacity: 0;
}
.logo-color-fadeout {
	animation: fadeOut 2s 5s ease forwards 1;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.logo-color-image:hover {
	opacity: 0;
}
.maru {
	font-family: "Kiwi Maru", serif;
}
.light {
	font-weight: 300;
}
.medium {
	font-weight: 500;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.info {
	width: 100%;
	padding: 2rem min(6.5 * var(--rem), 6.5rem) 1.5rem;
	background-color: var(--kit-brown);
}
.info-title-text {
	font-size: 1.4rem;
	color: var(--kit-yellow);
}
.info-day-text {
	font-size: 0.8rem;
}
.info-text {
	font-size: 1rem;
	line-height: 1.55;
	margin-top: 0.5rem;
	text-justify: inter-character;
}
.divider {
	border-top: 1px solid var(--kit-yellow);
	width: 100%;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.divider-news {
	width: 100%;
}
.divider.orange {
	border-top: 1px solid var(--kit-orange);
}
.divider.yellow {
	border-top: 1px solid var(--kit-yellow);
}
.divider.narrow {
	width: 66.6%;
	margin: 1rem auto;
}
.snslinks {
	display: flex;
	font-size: 0.8rem;
	line-height: 1.3;
	color: var(--kit-yellow);
	justify-content: center;
}
.snslinks a {
	display: flex;
	align-items: center;
	flex-direction: column;
	flex: 1 1 50%;
}
.twitter,
.instagram {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.twitter-icon,
.instagram-icon {
	width: 38px;
	height: 38px;
	margin-right: 6px;
	margin-bottom: 0.3rem;
}
.twitter-icon,
.instagram-icon {
	transition-duration: 0.33s;
	transition-property: filter;
}
.snslinks-text {
	transition-duration: 0.33s;
	transition-property: color;
}
.snslinks a:hover .twitter-icon,
.snslinks a:hover .instagram-icon {
	filter: grayscale() brightness(166%);
}
.snslinks a:hover .snslinks-text {
	color: white;
}
.bar-bg {
	background: linear-gradient(90deg, var(--kit-cream), var(--kit-cream), 45px, var(--kit-lightbrown), 45px, var(--kit-lightbrown) 90px);
	background-size: 90px 75px;
	height: 75px;
	background-repeat: repeat-x;
	background-position-x: calc(50% - 22.5px / 2);
	min-height: 60px;
	width: 100%;
	content: "";
	position: relative;
}
.dish {
	display: flex;
	align-items: center;
	justify-content: center;
}
.dish-title {
	border-radius: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 1.5rem;
	padding: 0.2rem 2rem;
}
.dish-title.wide {
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
}
.dish-title-text {
	font-size: 1.3rem;
	display: flex;
	align-items: center;
}
.lunch {
	margin-top: 1.5rem;
	padding: 0 0.5rem;
}
.text-orange {
	color: var(--kit-orange);
}
.text-cream {
	color: var(--kit-cream);
}
.text-brown {
	color: var(--kit-brown);
}
.text-yellow {
	color: var(--kit-yellow);
}
.text-black {
	color: black;
}
.text-white {
	color: #fff;
}
.brown {
	background-color: var(--kit-brown);
}
.orange {
	background-color: var(--kit-orange);
}
.white {
	background-color: #fff;
}
.lunch {
	padding: 0;
	margin-top: 3rem;
}
.lunch-link-box {
	display: flex;
	margin-top: 0;
	height: auto;
	flex-direction: column;
	align-items: center;
}
.lunch-today {
	margin-right: 0;
	margin-left: 0;
	padding: 0 1rem;
	border-radius: 1rem;
}
.lunch-set-banner {
	margin-top: 2rem;
}
.lunch-set-banner.lunch-set {
	margin: 0;
	margin-top: 1.5rem;
	margin-left: 0 !important;
	width: 496px;
	height: calc(496px / 970 * 250);
	background-size: cover;
	display: flex;
	flex: 0 0 127.83px;
}
.lunch-head {
	display: flex;
	flex-direction: column;
}
.lunch-title {
	font-size: 2.4rem;
	color: var(--kit-orange);
	display: flex;
	justify-content: center;
}
.divider-horizontal {
	width: 100%;
	height: 10px;
	background: linear-gradient(0deg, var(--kit-cream), var(--kit-cream), 2.4px, var(--kit-lightbrown), 2.4px, var(--kit-lightbrown) 4.8px);
	background-size: 100% 4.8px;
	background-repeat: repeat-y;
	height: 12px;
	content: "";
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}
.brown-box {
	background-color: var(--kit-brown);
}
.divider-horizontal-brown {
	width: 100%;
	height: 10px;
	background: linear-gradient(0deg, var(--kit-brown), var(--kit-brown), 2.4px, var(--kit-orange), 2.4px, var(--kit-orange) 4.8px);
	background-size: 100% 4.8px;
	background-repeat: repeat-y;
	height: 12px;
	content: "";
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}
.divider-horizontal-orange {
	width: 100%;
	height: 10px;
	background: linear-gradient(0deg, var(--kit-cream), var(--kit-cream), 2.4px, var(--kit-orange), 2.4px, var(--kit-orange) 4.8px);
	background-size: 100% 4.8px;
	background-repeat: repeat-y;
	height: 12px;
	content: "";
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	background-color: var(--kit-brown);
}
.lunch-time {
	font-size: 1.1rem;
	margin-top: 0.7rem;
}
.lunch-today-box {
	margin-inline: min(4 * var(--rem), 4rem);
	margin-top: 3rem;
}
.lunch-today-box > .inner {
	display: flex;
	justify-content: center;
}
.item {
	width: calc(100% / 3);
	margin-inline: min(1.1 * var(--rem), 1.1rem);
	border-radius: 1.5rem;
	border: 1px solid var(--kit-brown);
	background-color: white;
	padding-bottom: 0.5rem;
	display: flex;
	flex-direction: column;
}
.genre {
	background-color: var(--kit-brown);
	color: var(--kit-white);
	border-radius: 22px 22px 0 0;
	padding: 0.5rem 0;
	font-weight: 500;
	font-size: 1.2rem;
}
.genre > .star {
	color: var(--kit-yellow);
}
.item > .inner {
	display: flex;
	flex-direction: column;
	flex:1 0 auto;
}
.photo {
	width: 100%;
	height: auto;
	aspect-ratio: 200 / 127;
	background-size: 100% auto;
	background-attachment: center;
}
.lunch-today-box .item .inner {
	padding: 0.5rem min(1 * var(--rem), 1rem);
}
.menu {
	color: var(--kit-brown);
	font-size: min(1.1 * var(--rem), 1.1rem);
	font-weight: 500;
	padding-bottom: 0.5rem;
	text-align: left;
	line-height: 1.4;
	height: 60.8px;
}
.desc {
	color: black;
	font-size: min(0.85 * var(--rem), 0.85rem);
	font-weight: 300;
	text-align: left;
	line-height: 1.6;
	min-height: min(21.76px, 21.76 * var(--px));
}
.limited {
	border-top: 1px solid var(--kit-orange);
	margin-top: 0.75rem;
	/* margin-top: auto; */
	padding-top: 0.5rem;
	margin-bottom: auto;
	font-size: 1rem;
	font-weight: 500;
	color: var(--kit-brown);
}
.price {
	color: var(--kit-orange);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.6;
	padding-top: 0.15rem;
	margin-top: auto;
	margin-bottom: 0;
}
.lunch-title-sub {
	font-weight: 500;
	color: var(--kit-brown);
	font-size: 1.2rem;
	margin-top: 4rem;
	text-align: center;
}
.lunch-title-sub .star {
	color: var(--kit-yellow);
}
.lunch-head-text {
	font-size: 1rem;
	margin-top: 1rem;
	line-height: 1.5;
}
.lunch-today {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	margin-top: 1rem;
	padding: 0 0.75rem 0;
	border: 1px solid var(--kit-orange);
	border-radius: 0.5rem;
}
.lunch-today-head {
	display: flex;
	flex-direction: column;
}
.lunch-today-title {
	font-size: 1.4rem;
	margin-top: 0.5rem;
}
.lunch-today-date {
	font-size: 1.1rem;
	margin-top: 0.2rem;
}
.lunch-box {
	display: flex;
	margin-top: 1rem;
	padding-bottom: 0.75rem;
}
.lunch-data {
	display: flex;
	flex-direction: column;
	flex: 0 1 60%;
}
.lunch-menu-text {
	font-size: 1.2rem;
	line-height: 1.2;
}
.lunch-menu-price {
	font-size: 0.9rem;
}
.lunch-menu-add {
	font-size: 0.7rem;
	margin-top: auto;
	line-height: 1.4;
}
.lunch-image-box {
	flex: 0 1 50%;
	width: 160px;
	height: 120px;
	margin-left: 5px;
	background-size: cover;
	background-position: center;
}
.lunch-set-banner {
	display: flex;
	flex-direction: column;
	background-color: var(--kit-yellow);
	justify-content: center;
	align-items: center;
	width: calc(100vw - 1rem);
	height: calc(25.77vw - 1rem * 0.26);
	margin-top: 1rem;
	position: relative;
	border-radius: 0.5rem;
	background: url(images/lunch_b.jpg) no-repeat;
	background-size: 500px auto;
}
.appetizer {
	background-image: url(./images/zensai_title.jpg);
}
.main-dish {
	background-image: url(./images/main_title.jpg);
}
.side-dish {
	background-image: url(./images/alacarte_title.jpg);
}
.drink {
	background-image: url(./images/drink_title.jpg);
}
.obento {
	background-image: url(./images/bento_title.jpg);
}
.lunch-set-banner:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	backdrop-filter: brightness(80%);
	-webkit-backdrop-filter: brightness(80%);
	content: "";
	transition-duration: 0.33s;
	transition-property: all;
	border-radius: 1rem;
}
.lunch-set-banner:hover:after {
	backdrop-filter: brightness(100%);
	-webkit-backdrop-filter: brightness(100%);
	cursor: pointer;
}
.lunch-set-title-text:hover,
.lunch-set-title-text-en {
	cursor: pointer;
}
.lunch-set-title-text {
	font-size: 1.6rem;
	z-index: 1;
}
.lunch-set-title-text-en {
	font-size: 1.1rem;
	z-index: 1;
}
.bar {
	height: 45px;
	margin-top: 2rem;
}
.reservation {
	padding: 1rem 0;
}
.reservation-text {
	font-size: 1.1rem;
}
.reservation-tel {
	font-size: 1.8rem;
	margin-top: 0.2rem;
}
.reservation-time {
	font-size: 1rem;
	margin-top: 0.3rem;
}
.about {
	margin: 0;
	width: 100%;
	padding: 2.5rem 0 3.5rem;
}
.about-image {
	margin-inline: 12px;
	width: min(192 * var(--px), 192px);
	height: min(192 * var(--px), 192px);
	flex: 0 1 auto;
	border-radius: 2rem;
}

.about-title-en {
	font-size: 2.4rem;
	margin-top: 1rem;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}
.about-images {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	padding-inline: min(1.5 * var(--rem), 1.5rem);
}
.about-head-text {
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.about-head-text .desu {
	display: inline;
}
.about-image:last-child {
	padding-right: 0;
}
.about-head-text {
	font-size: 1.4rem;
	margin-top: 1rem;
	line-height: 1.2;
	text-align: center;
}
.about-text {
	margin-top: 1rem;
	font-size: 1rem;
	line-height: 1.65em;
	text-justify: inter-character;
	padding: 0 min(5 * var(--rem), 5rem);
}
.kakko {
	margin-left: -0.5em;
	margin-right: -0.5em;
}
.nkgur {
	margin-left: -0.2em;
	margin-right: -0.2em;
}
.parking-calendar-box {
	display: flex;
	padding: 1rem 3rem 0;
}
.parking {
	flex: 1 0 50%;
}
.parking {
	padding: 2rem 1.5rem 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.calendar,
.calendar-box .dish-title.wide {
	width: min(var(--px) * 400, 400px);
}
.calendar-box {
	flex: 1 0 50%;
	margin-top: 2rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	padding-bottom: 2.2rem;
}
.bycar-title,
.bycar-text {
	font-size: 0.9rem;
	line-height: 1.4;
}
.bycar-title {
	margin-top: 1rem;
}
.bycar-text {
	margin-top: 0.2rem;
}
.bycar-figure {
	padding: 1rem 0 0.5rem;
	border-radius: 1rem;
}
.bycar-figure img {
	width: 100%;
	height: 75%;
	border-radius: 1rem;
}
.bycar-add {
	font-size: 0.8rem;

	margin-bottom: 1rem;
	line-height: 1.3;
}

.closed {
	margin-top: 1rem;
}
.closed-title-text {
	font-size: 1.1rem;
}
.closed-text {
	font-size: 1.1rem;
	margin-top: 0.1rem;
}
.closed-notice {
	font-size: 0.8rem;
}
.legend-closed {
	color: rgb (150, 150, 150);
	margin-left: 1rem;
}
.shop-data-box {
	color: var(--kit-brown);
	padding: 0 1.5rem;
	font-size: 0.9rem;
}
.brown-box .bar {
	margin-top: 0;
}
.kitchen-logo {
	margin: 0 auto;
	margin-top: 2rem;
	width: 480px;
}
.shop-data-head {
	margin-top: 1rem;
}
.shop-data-text {
	line-height: 1.3;
	margin-top: 0.15rem;
}
.shop-data-notice {
	font-size: 0.9rem;
}
.shop-data-subhead {
	/* margin-top: 1.2rem; */
	margin-right: 0;
}
.seat-list {
	padding: 0;
	margin: 0.2rem 0 0 0.9rem;
	text-indent: -0.9rem;
	list-style-type: none;
}
.strike {
	text-decoration: strike;
}
.button-reset {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

.footer {
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-banner-box {
	display: flex;
	margin-top: 1.5rem;
	justify-content: center;
	margin-bottom: 2rem;
}
.footer-banner {
	display: flex;
	flex-direction: column;
	flex: 0 1 280px;
}
.footer-banner-image {
	background-image: url(./images/banner-komagataya.jpg);
	background-size: contain;
	background-position: center center;
	border-radius: 50%;
	/* border: 1px solid var(--kit-brown); */
	width: 35vw;
	height: 35vw;
	margin: 0 1rem;
}
.footer-banner-button {
}
.footer-banner-image.ishii {
	background-image: url(./images/banner-ishii.jpg);
	/* margin-left: 1rem;
	margin-right: auto; */
}
.banner-text {
	font-size: 0.9rem;
	line-height: 1.3;
	margin-top: 0.3rem;
}
.footer-banner-image,
.banner-text {
	filter: brightness(100%);
	transition-duration: 0.33s;
	transition-property: filter;
}
.footer-banner-button:hover .footer-banner-image,
.footer-banner-button:hover .banner-text {
	filter: brightness(110%);
}
.copyright {
	font-size: 0.8rem;
}
.chip-box {
	margin: 0 auto;
	text-align: center;
	margin-top: 2.5rem;
}
.chip {
	background-color: rgb(224, 91, 23);
	font-size: 1.4rem;
	padding: 0.3rem 0.9rem 0.35rem;
	border-radius: 1.4rem;
	margin-bottom: 0.5rem;
	line-height: 1;
}
.strike {
	text-decoration: line-through;
}
.dinner-notice {
	display: block;
	font-size: 1rem;
	line-height: 1.6;
}

.legend {
	font-size: 0.9rem;
}
.today-text {
	color: var(--kit-orange);
	font-weight: 700;
}

a {
	transition-duration: 0.5s;
	transition-property: color;
}
a:link,
a:visited {
	color: rgb(89, 45, 22);
	text-decoration: none;
}
a:hover {
	color: rgb(224, 91, 23);
	text-decoration: none;
}

.calendar {
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 0.3rem;
	padding-top: 1rem;
}
.address {
	margin-top: 4rem;
}
.map-box {
	width: 100%;
	height: 400px;
}
.map {
	margin: 0 auto;
	margin-top: 1rem;
	border: 1px solid var(--kit-orange);
	width: 100%;
	z-index: 3;
	border-radius: 1rem;
	height: 275px;
}
.map iframe {
	border-radius: 1rem;
	border-width: 1px;
	height: 273px;
}
/* v-calendar */
.todaycircle {
	background-color: transparent !important;
	background-image: url("images/circle_2.svg");
}
.todaytext {
	color: black !important;
	font-weight: 500 !important;
}
.closedcross {
	background-color: transparent !important;
	background-image: url("images/batsu.svg");
}
.closedtext {
	color: black !important;
	font-weight: 500 !important;
}
.holidaytext {
	color: #cc0000 !important;
	font-weight: 500 !important;
}
.for-sp {
	display: none;
}
.fadein {
	opacity: 0;
	transition: opacity 1.5s ease;
}
.fadein.visible {
	opacity: 1;
}
.shop-data-flexbox {
	display: flex;
	margin: 5rem;
	margin-top: 1rem;
	margin-bottom: 3rem;
}
.shop-data-text-box {
	flex: 0 1 52%;
}
.shop-data-access-box {
	flex: 0 1 48%;
}
.shop-data-access-box {
	margin-left: 3rem;
}
.footer-banner {
	flex-direction: row;
	width: 100%;
	flex: 1 0 auto;
}
.footer-banner-image {
	width: 120px;
	height: 120px;
}
.banner-text {
	text-align: left;
	flex: 1 0 auto;
	white-space: nowrap;
	align-self: center;
}
@media screen and (max-width: 800px) {
	.for-sp {
		display: block;
	}
	.no-sp {
		display: none;
	}
	.logo {
		margin-top: 20px;
	}
	.main-image-box {
		height: 100vw;
	}
	.logo-image {
		height: 100vw;
	}
	.logo-color-image {
		height: 100vw;
	}
	.video {
		width: auto;
		height: 100vw;
		transform: translateX(calc(50vw - 50%));
	}
	.bar-bg {
		background: linear-gradient(90deg, var(--kit-cream), var(--kit-cream), 22.5px, var(--kit-lightbrown), 22.5px, var(--kit-lightbrown) 45px);
		background-size: 45px 60px;
		height: 60px;
	}
	.info {
		padding-top: 1.5rem;
		padding-inline: 1.5rem;
	}
	.info-text {
		font-size: 0.9rem;
	}
	.dish-title-text {
		font-size: 1.1rem;
	}
	.lunch {
		margin-top: 2.5rem;
		margin-bottom: 3rem;
		padding-inline: 1.5rem;
	}
	.lunch-today-box .item .inner {
		padding-inline: 1.1rem;
	}
	.item {
		margin-inline: 1.1rem;
	}
	.menu {
		font-size: 1.1rem;
	}
	.desc {
		font-size: 0.85rem;
	}
	.open-day {
		font-size: 1.7rem;
		color: rgb(89, 45, 22);
		margin-top: 1rem;
		text-align: center;
		font-weight: 900;
	}
	.lunch-today-box {
		margin-top: 2.5rem;
	}
	.lunch-today-box > .inner {
		flex-direction: column;
	}
	.lunch-title {
		font-size: 2rem;
	}
	.lunch-set-banner {
		border-radius: 1.5rem;
		width: 100%;
	}
	.lunch-set-banner::after {
		border-radius: 1.5rem;
	}
	.reservation-tel {
		font-size: 1.6rem;
	}
	.about {
		padding-inline: 1.5rem;
	}
	.about-images {
		width: 100%;
		padding-inline: 0;
	}
	.about-image {
		margin: 0;
		margin-right: 12px;
		width: calc(100% / 3 - 12px);
		height: auto;
		border-radius: 1rem;
	}
	.about-head-text {
		margin-top: 2rem;
		text-align: center;
	}
	.about-head-text .desu {
		margin-left: 0.75rem;
	}

	.about-text {
		font-size: 1rem;
		line-height: 1.5;
		padding: 0;
	}
	.day {
		font-size: 1.2rem;
		margin-left: -0.5rem;
		margin-right: -1rem;
	}
	.chip {
		font-size: 0.8rem;
		padding: 0.23rem 0.7rem 0.27rem;
	}
	.parking-calendar-box {
		flex-direction: column;
		padding-inline: 1.5rem;
	}
	.parking {
		padding: 2rem 0 1.5rem;
	}
	.calendar-box {
		padding-inline: 0;
	}
	.dish-title {
		padding: 0 1rem;
	}
	.calendar-box .dish-title.wide {
		width: 100%;
	}
	.address {
		margin-top: 2rem;
	}
	.map {
		margin-top: 1rem;
		border-width: 1px;
	}
	.lunch-today-box {
		flex-direction: column;
		margin-inline: 1.5rem;
	}
	.lunch .item {
		width: 100%;
		margin-inline: 0;
	}
	.lunch .item + .item {
		margin-top: 1.5rem;
	}
	.lunch-set-banner.lunch-set {
		width: 100%;
	}
	.closed-notice {
		font-size: 0.9rem;
	}
	.legend {
		font-size: 1rem;
	}
	.bycar-title,
	.bycar-text {
		font-size: 1rem;
	}
	.bycar-add {
		font-size: 0.9rem;
	}
	.shop-data-flexbox {
		flex-direction: column;
		margin-inline: 0;
	}
	.shop-data-access-box {
		margin-left: 0;
	}
	.kitchen-logo {
		width: 80%;
		margin: 0 auto;
		margin-top: 2rem;
	}
	.map {
		height: 400px;
		border-radius: 1rem;
		border-width: 2px;
	}
	.map iframe {
		border-radius: 14px;
		height: 396px;
	}
	.footer-banner {
		flex-direction: column;
		align-items: center;
	}
	.footer-banner-button {
		width: 50%;
	}
	.footer-banner-image {
		width: 64px;
		height: 64px;
	}
	.banner-text {
		text-align: center;
	}
}
@media screen and (max-width: 400px) {
	.map {
		height: 300px;
	}
	.map iframe {
		height: 296px;
	}
}

@media screen and (min-width: 1024px) {
	.main-image-box-outer {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		/* padding-left: calc(50vw - 50%); */
		background-color: var(--kit-cream);
		animation: bgChange 3s 5s forwards 1;
		will-change: background-color;
		/* opacity: 0; */
		/* z-index: 2; */
	}
	@keyframes bgChange {
		0% {
			background-color: var(--kit-cream);
		}
		100% {
			background-color: var(--kit-orange);
		}
	}
	.main-image-box {
		background-color: var(--kit-cream);
	}
	.main-image-box {
		width: 100vw;
		height: 56.4vw;
	}
	.for-sp {
		display: none;
	}
	.no-sp {
		display: block;
	}
	.info,
	.dish,
	.divider-horizontal,
	.bar,
	.divider-horizontal-orange,
	.brown-box,
	.divider-horizontal-brown,
	.reservation,
	.about,
	.footer {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		padding-left: calc(50vw - 50%);
		padding-right: calc(50vw - 50%);
	}
	.divider-news {
		width: calc(100% - 10rem);
		margin-left: auto;
		margin-right: auto;
	}
	.divider-horizontal {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.info-title-text {
		font-size: 1.6rem;
	}
	.info-text {
		padding: 0 5rem;
		font-size: 1rem;
		line-height: 1.65em;
	}
	.snslinks {
		width: 50%;
		margin: 0 auto;
		font-size: 0.9rem;
	}
	.twitter,
	.instagram {
		flex-direction: row;
		justify-content: center;
	}
	.twitter-icon,
	.instagram-icon {
		margin-right: 0.8rem;
	}

	.lunch-link-box {
		display: flex;
		margin-top: 0;
		height: auto;
		flex-direction: column;
		align-items: center;
	}

	.lunch-box {
		padding-bottom: 1rem;
	}
	.today-lunch-box {
		margin: 0 auto;
		width: 496px;
	}
	.lunch-today {
		margin-right: 0;
		margin-left: 0;
		padding: 0 1rem;
		border-radius: 1rem;
	}
	.lunch-set-banner {
		margin-top: 2rem;
	}
	.lunch-today-head {
		text-align: left;
		flex-direction: row;
		width: 100%;
	}
	.lunch-today-date {
		font-size: 0.9rem;
		margin-right: 0;
		flex: 1 1 30%;
		align-self: flex-end;
		padding-bottom: 0;
	}
	.lunch-today-title {
		font-size: 1.6rem;
		margin-top: -0.2rem;
	}
	.lunch-menu-text {
		margin-top: 1rem;
	}
	.menu-links {
		display: flex;
		flex-wrap: wrap;
		margin-top: -0.5rem;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.lunch-set-banner {
		flex: 1 1 calc(50% - 2rem);
		border-radius: 1rem;
		height: calc((496px - 1rem) / 970 * 250);
	}
	.lunch-set-banner:nth-child(2n) {
		margin-left: 2rem;
	}
	.lunch-set-banner.obento {
		width: calc(496px - 1rem);
		margin: 1.5rem auto 3rem;
	}
	.bar-bg {
		background: linear-gradient(90deg, var(--kit-cream), var(--kit-cream), 45px, var(--kit-lightbrown), 45px, var(--kit-lightbrown) 90px);
		background-size: 90px 75px;
		background-position-x: calc(50vw - 45px / 2);
		height: 75px;
	}
	.lunch-image-box {
		width: 280px;
		height: 180px;
		flex: 1 1 280px;
		margin-left: 1rem;
	}
	.lunch-data {
		flex: 1 1 55%;
	}
	.dish-title.wide {
		/* width: 66.6%; */
		margin-left: auto;
		margin-right: auto;
	}
	.about-title-en {
	}

	.about-image {
		margin: 0 1rem;
		width: 192px;
		height: 192px;
		flex: 0 1 auto;
		border-radius: 2rem;
	}
	.about-image:first-child {
		margin-left: auto;
	}
	.about-image:last-child {
		margin-right: auto;
	}

	.about-text {
		/* text-justify: inter-character; */
	}

	.parking .dish-title {
		width: 400px;
	}

	.bycar-box {
		width: 400px;
	}

	.bycar-text {
		margin-top: 0.5rem;
	}
	.bycar-figure {
		padding-bottom: 0.3rem;
	}
	.calendar {
		margin-top: auto;
	}

	.shop-data-box {
		padding: 0;
	}
	.shop-data-text {
		line-height: 1.5;
	}

	a.footer-banner-button:hover .banner-text {
		filter: brightness(120%);
	}
	.footer-banner-button:last-child {
		margin-left: 2rem;
	}
}