body {
	background-color: #edf0f2;
	font-family: "Arimo", sans-serif;
}

.u-desktop {
	display: none;
}

/* リキッドレイアウト対応 */

html {
	font-size: 16px;
}

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

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core root defaults */

html {
	scroll-behavior: smooth;
}

/* Set core body defaults */

body {
	line-height: 1.5;
	min-height: 100vh;
	text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Natural flow and rhythm in articles by default */

article > * + * {
	margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
}

/* Blur images when they have no alt attribute */

img:not([alt]) {
	filter: blur(10px);
}

/* フォームリセット */

input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

/* ホバー */

a {
	-webkit-text-decoration: none;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s;
}

.about {
	padding-bottom: 3.125rem;
	padding-top: 2.5rem;
}

.about__title {
	color: #2b2b2b;
	display: block;
	font-family: "Antonio", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.about__title::before,
.about__title::after {
	background-color: #000;
	content: "";
	height: 0.0625rem;
	position: absolute;
	top: 50%;
	width: 15%;
}

.about__title::before {
	left: 0;
}

.about__title::after {
	right: 0;
}

.about__history {
	margin-top: 2.5rem;
}

.about__history-body {
	border: 1px solid #000;
	margin-left: 0.3125rem;
	margin-right: 0.3125rem;
	outline: solid 1px #000;
	outline-offset: 0.25rem;
	padding: 3.875rem;
}

.about__history-title {
	color: #2b2b2b;
	font-family: "Arimo", sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	width: 100%;
}

.about__history-ja,
.about__history-en {
	font-feature-settings: "palt";
	color: #2b2b2b;
	font-size: 0.8125rem;
	font-weight: 300;
}

.about__history-ja {
	font-family: "Arimo", sans-serif;
	margin-top: 1.875rem;
}

.about__history-ja span {
	display: block;
	text-align: center;
}

.about__history-en {
	font-family: "Antonio", sans-serif;
	margin-top: 1.25rem;
}

.about__history-button {
	align-items: center;
	background-color: #fff;
	border: 1px solid #2b2b2b;
	color: #2b2b2b;
	display: flex;
	font-family: "Zen Old Mincho", serif;
	font-size: 0.8125rem;
	font-weight: 300;
	justify-content: center;
	line-height: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.25rem;
	max-width: 18.75rem;
	padding: 0.1875rem 0.3125rem 0.3125rem;
	position: relative;
	width: 100%;
}

.about__history-arrow {
	animation-direction: alternate;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: anim_ar-mobile;
	animation-timing-function: ease-in-out;
	background-color: #333;
	content: "";
	height: 0.0625rem;
	position: absolute;
	right: 0;
	top: 50%;
	translate: 50% 0;
	width: 3.75rem;
}

.about__history-arrow::after {
	background-color: #333;
	content: "";
	height: 0.0625rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: rotate(30deg);
	transform-origin: 100%;
	width: 0.9375rem;
}

.about__body {
	margin-top: 3.125rem;
}

.about__lists {
	background-color: #fff;
	border-radius: 1.25rem;
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.about__list {
	align-items: center;
	display: flex;
}

.about__list + .about__list {
	border-top: 1px solid silver;
}

.about__term,
.about__description {
	font-feature-settings: "palt";
	color: #2b2b2b;
	font-family: "Arimo", sans-serif;
	font-size: 0.8125rem;
	font-weight: 300;
}

.about__term {
	padding: 0.625rem 0.9375rem;
	text-align: right;
	width: 25%;
}

.about__description {
	padding: 0.625rem;
	width: 70%;
}

.about__description a {
	-webkit-text-decoration: underline;
	color: gray;
	text-decoration: underline;
}

.about__description .about__description-text {
	display: inline-block;
	font-size: 0.6875rem;
}

.about__description-hours:last-child {
	text-indent: 1.9em;
}

.about__contact {
	border-top: 1px solid #2b2b2b;
	margin-top: 2.5rem;
	padding-top: 0.9375rem;
}

.about__contact-title {
	color: #2b2b2b;
	font-family: "Arimo", sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	text-align: center;
}

.about__contact-body {
	margin-top: 1.25rem;
}

.about__contact-text {
	font-family: "Arimo", sans-serif;
	font-size: 1rem;
	font-weight: 500;
}

.about__contact-text:not(:first-child) {
	margin-top: 1.25rem;
}

.about__contact-link {
	margin-top: 1.25rem;
}

.about__contact-link a {
	-webkit-text-decoration: underline;
	color: gray;
	text-decoration: underline;
}

.about__faq {
	margin-top: 1.875rem;
}

.about__faq-title {
	color: #2b2b2b;
	font-family: "Arimo", sans-serif;
	font-size: 1.5625rem;
	font-weight: 700;
	text-align: center;
}

.about__faq-list {
	margin-top: 1.25rem;
}

.event {
	background-color: #2b2b2b;
	padding-top: 1.875rem;
}

.event__top {
	color: #edf0f2;
	font-family: "Arimo", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.5em;
	text-align: center;
	text-transform: uppercase;
}

.event__body {
	grid-gap: 1.25rem;
	border: 1px solid #edf0f2;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(1, 1fr);
	padding: 1.875rem;
}

.event__title {
	font-feature-settings: "palt";
	color: #edf0f2;
	font-family: "Zen Old Mincho", serif;
	font-size: 0.9375rem;
	font-weight: 700;
	text-align: center;
}

.event__date {
	font-feature-settings: "palt";
	color: #edf0f2;
	font-family: "Zen Old Mincho", serif;
	font-size: 0.6875rem;
	font-weight: 700;
	margin-top: 0.3125rem;
	text-align: center;
}

.event__date time {
	font-size: 0.8125rem;
}

.event__instagram-wrap {
	display: flex;
	margin-top: 0.625rem;
}

.event__instagram {
	height: 70%;
	margin-top: auto;
	width: 30%;
}

.event__img {
	margin-left: auto;
	width: 65%;
}

.event__instagram img,
.event__img img {
	height: 100%;
	width: 100%;
}

.event__instagram img {
	-o-object-fit: contain;
	object-fit: contain;
}

.event__img img {
	-o-object-fit: cover;
	aspect-ratio: 1.416;
	object-fit: cover;
}

.faq-list__item {
	background-color: #fff;
	box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.05);
}

.faq-list__item + .faq-list__item {
	margin-top: 1.25rem;
}

.faq-list__item-question {
	cursor: pointer;
	font-family: "Antonio", sans-serif;
	font-size: 0.9375rem;
	font-weight: 700;
	padding: 0.75rem 2.5rem 0.75rem 3.75rem;
	position: relative;
	text-indent: -1.25rem;
}

.faq-list__item-question::before {
	border-right: 0.1875rem solid silver;
	border-top: 0.1875rem solid silver;
	content: "";
	height: 0.625rem;
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%) rotate(135deg);
	transition: 0.3s;
	width: 0.625rem;
}

.faq-list__item-question.is-open::before {
	transform: translateY(-50%) rotate(315deg);
}

.faq-list__item-question span {
	color: #2b2b2b;
	display: inline-block;
	margin-right: 1.25rem;
}

.faq-list__item-answer {
	border-top: 1px solid #edf0f2;
	color: gray;
	display: none;
	font-family: "Antonio", sans-serif;
	font-size: 0.9375rem;
	font-weight: 700;
	padding: 0.3125rem 2.5rem 0.9375rem 3.75rem;
	text-indent: -1.25rem;
}

.faq-list__item-answer span {
	color: #2b2b2b;
	display: inline-block;
	margin-right: 1.25rem;
}

.faq-list__item-answer img:nth-child(1) {
	-o-object-fit: cover;
	aspect-ratio: 1.4133763094;
	object-fit: cover;
	width: 100%;
}

.faq-list__item-answer img:nth-child(2) {
	-o-object-fit: cover;
	aspect-ratio: 0.7421875;
	object-fit: cover;
	width: 100%;
}

.faq-list__item-answer a {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.faq-list__item-answer i {
	display: inline;
}

.footer {
	background-color: #2b2b2b;
	padding-bottom: 0.625rem;
	padding-top: 2rem;
}

.footer__event-top {
	color: #edf0f2;
	font-family: "Arimo", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.5em;
	text-align: center;
	text-transform: uppercase;
}

.footer__event-body {
	grid-gap: 1.25rem;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(1, 1fr);
}

.footer__event-item {
	border: 1px solid #edf0f2;
	padding: 1.875rem;
}

.footer__event-item + .footer__event-item {
	margin-top: 1.875rem;
}

.footer__event-title {
	font-feature-settings: "palt";
	color: #edf0f2;
	font-family: "Zen Old Mincho", serif;
	font-size: 0.9375rem;
	font-weight: 700;
	text-align: center;
}

.footer__event-title.footer__event-title--right {
	text-align: right;
}

.footer__event-date {
	font-feature-settings: "palt";
	color: #edf0f2;
	font-family: "Zen Old Mincho", serif;
	font-size: 0.6875rem;
	font-weight: 700;
	margin-top: 0.3125rem;
	text-align: center;
}

.footer__event-date.footer__event-date--right {
	text-align: right;
}

.footer__event-date time {
	font-size: 0.8125rem;
}

.footer__event-instagram-wrap {
	display: flex;
	margin-top: 0.625rem;
}

.footer__event-instagram {
	margin-top: auto;
	width: 28%;
}

.footer__event-img {
	margin-left: auto;
	width: 68%;
}

.footer__event-instagram img,
.footer__event-img img {
	width: 100%;
}

.footer__event-instagram img {
	-o-object-fit: contain;
	aspect-ratio: 1/1;
	object-fit: contain;
}

.footer__event-img img {
	-o-object-fit: cover;
	aspect-ratio: 0.9541160594;
	object-fit: cover;
}

.footer__event-img img {
	-o-object-fit: cover;
	object-fit: cover;
}

.footer__event-img.footer__event-img--size1 img {
	aspect-ratio: 1;
}

.footer__event-img.footer__event-img--size2 img {
	aspect-ratio: 0.8204833142;
}

.footer__video {
	height: 12.5rem;
	margin-top: 2rem;
	position: relative;
}

.footer__video video {
	-o-object-fit: cover;
	aspect-ratio: 16/9;
	height: inherit;
	object-fit: cover;
	width: 100%;
}

.footer__video-title {
	content: "";
	left: 9%;
	position: absolute;
	top: 50%;
}

.footer__video-text {
	color: #edf0f2;
	font-family: "Zen Old Mincho", serif;
	font-size: 0.625rem;
	font-weight: 300;
}

.footer__video-text span {
	font-size: 0.625rem;
}

.footer__bottom {
	margin-top: 1.5rem;
	padding: 4.25rem;
}

.footer__copyright {
	color: #edf0f2;
	font-family: "Arimo", sans-serif;
	font-size: 0.625rem;
	font-weight: 300;
	text-align: center;
}

.header {
	height: 5rem;
}

.header__inner {
	height: inherit;
	position: relative;
}

.header__hamburger {
	border: none;
	cursor: pointer;
	height: inherit;
	margin: 0;
	outline: none;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.3s;
	width: 6.25rem;
	z-index: 9999;
}

.header__hamburger.is-open {
	background-color: transparent;
}

.header__hamburger span {
	background-color: #2b2b2b;
	display: block;
	height: 0.1875rem;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
	transition: 0.5s;
	width: 2.5rem;
}

.header__hamburger span.js-color {
	background-color: #edf0f2;
}

.header__hamburger span:nth-of-type(1) {
	top: -0.625rem;
}

.header__hamburger span:nth-of-type(2) {
	top: 0;
}

.header__hamburger span:nth-of-type(3) {
	top: 0.625rem;
}

.header__hamburger.is-open span:nth-of-type(1) {
	top: 0.1875rem;
	transform: translateX(-50%) rotate(45deg);
}

.header__hamburger.is-open span:nth-of-type(2) {
	opacity: 0;
}

.header__hamburger.is-open span:nth-of-type(3) {
	top: -0.1875rem;
	transform: translateX(-50%) rotate(-45deg);
}

.header__drawer {
	background-color: rgba(96, 96, 96, 0.95);
	bottom: 0;
	display: none; /* 初期状態では非表示 */
	height: 100vh;
	overflow-y: scroll;
	position: absolute;
	right: 0;
	scrollbar-width: none;
	top: 0;
	width: 500%;
	z-index: 9900;
}

.header__drawer.is-open {
	align-items: center; /* ドロワーが開かれた時にflexで上下中央寄せを適用する */
	display: flex;
	justify-content: center;
}

.header__drawer::-webkit-scrollbar {
	display: none;
}

.header__drawer-nav {
	align-items: center;
	display: flex;
	height: inherit;
	justify-content: center;
}

.header__drawer-list {
	max-width: 75rem;
	width: 100%; /* リスト項目全体が横幅いっぱいに */
}

.header__drawer-item a {
	color: #edf0f2;
	cursor: pointer;
	display: block; /* インラインからブロック要素に変更 */
	font-family: "Antonio", sans-serif;
	font-size: 2.25rem; /* 既存のフォントサイズ設定 */
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 0.9375rem 0; /* クリック領域の高さ調整 */
	text-align: center; /* テキストの中央揃え */
	text-transform: uppercase;
	width: 100%; /* aタグがリスト項目全体を占める */
}

.inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 640px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}

.instagram {
	background-color: #606060;
	padding-bottom: 7.5rem;
	padding-top: 7.5rem;
}

.instagram__title {
	color: #edf0f2;
	font-family: "Antonio", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.instagram__body {
	grid-gap: 0.625rem;
	display: grid;
	gap: 0.625rem;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 3.75rem;
}

.instagram__img img {
	-o-object-fit: cover;
	aspect-ratio: 16/9;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.instagram__img:nth-child(3) img {
	-o-object-position: 50% 65%;
	object-position: 50% 65%;
}

.instagram__img:nth-child(4) img {
	-o-object-position: 50% 90%;
	object-position: 50% 90%;
}

.instagram__img:nth-child(6) img {
	-o-object-position: 50% 80%;
	object-position: 50% 80%;
}

.layout-header {
	position: fixed;
	right: 0;
	width: 20%;
	z-index: 1000;
}

.media {
	background-color: #2b2b2b;
	overflow: hidden;
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.media__inner.inner {
	position: relative;
}

.media__img {
	box-shadow: 0 0 1.25rem #000;
}

.media__img img {
	-o-object-fit: cover;
	aspect-ratio: 1.8181818182;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.media__title {
	color: #edf0f2;
	font-family: "Zen Old Mincho", serif;
	font-size: 0.9375rem;
	font-weight: 700;
	left: 75%;
	line-height: 1;
	position: absolute;
	top: 45%;
	translate: -50% -50%;
	white-space: nowrap;
	writing-mode: vertical-rl;
}

.media__arrow {
	animation-direction: alternate;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-name: anim_media-ar-mobile;
	animation-timing-function: ease-in-out;
	background-color: #edf0f2;
	bottom: 20%;
	content: "";
	height: 0.0625rem;
	position: absolute;
	right: 30%;
	translate: 50% 0;
	width: 3.75rem;
}

.media__arrow::after {
	background-color: #edf0f2;
	content: "";
	height: 0.0625rem;
	position: absolute;
	right: 0;
	top: calc(50% - 0.0625rem);
	transform: rotate(30deg);
	transform-origin: 100%;
	width: 0.9375rem;
}

.menu-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.menu-card__title {
	color: #edf0f2;
	font-family: "Antonio", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.menu-card__title:not(:first-child) {
	padding-top: 2.5rem;
}

.menu-card__swiper {
	box-shadow: 0 0 1.25rem #000;
	margin-top: 1.875rem;
}

.menu-card__img {
	width: 100%;
}

.menu-card__img.menu-card__img--margin {
	box-shadow: 0 0 1.25rem #000;
	margin-top: 1.875rem;
}

.menu-card__img img {
	-o-object-fit: cover;
	aspect-ratio: 16/9;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.menu-card__okonomiyaki-type {
	display: flex;
	flex-direction: column;
	margin-top: 1.875rem;
}

.menu-card__okonomiyaki-name {
	color: #edf0f2;
	display: flex;
	font-family: "Arimo", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	justify-content: space-between;
}

.menu-card__okonomiyaki-name:last-child {
	justify-content: end;
}

.menu-card__okonomiyaki-tax {
	font-feature-settings: "palt";
	font-size: 0.8125rem;
}

.menu-card__explanation {
	font-feature-settings: "palt";
	color: #edf0f2;
	font-family: "Arimo", sans-serif;
	font-size: 0.8125rem;
	font-weight: 300;
	margin-top: 1.875rem;
}

.menu-card__explanation.menu-card__explanation--en {
	font-feature-settings: "palt";
	font-family: "Antonio", sans-serif;
	font-size: 1rem;
}

.menu-card__explanation span {
	display: block;
	margin-top: 1.875rem;
}

.menu {
	background-color: #2b2b2b;
	overflow-x: hidden; /* 横スクロールを防ぐ */
	padding-bottom: 7.5rem;
	padding-top: 2.5rem;
}

.menu__title {
	color: #edf0f2;
	font-family: "Antonio", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.menu__kawarasoba {
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	margin-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.menu__kawarasoba-img {
	box-shadow: 0 0 1.25rem #000;
	width: 100%;
}

.menu__kawarasoba-img img {
	-o-object-fit: cover;
	aspect-ratio: 16/9;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.menu__kawarasoba-body {
	width: 100%;
}

.menu__kawarasoba-title {
	color: #edf0f2;
	font-family: "Antonio", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.menu__kawarasoba-type {
	display: flex;
	flex-direction: column;
	margin-top: 1.875rem;
}

.menu__kawarasoba-name,
.menu__kawarasoba-explanation {
	color: #edf0f2;
	font-family: "Arimo", sans-serif;
	font-size: 1rem;
	font-weight: 300;
}

.menu__kawarasoba-explanation {
	font-feature-settings: "palt";
	color: #edf0f2;
	font-family: "Arimo", sans-serif;
	font-size: 0.8125rem;
	font-weight: 300;
}

.menu__kawarasoba-name span {
	font-size: 0.8125rem;
}

.menu__kawarasoba-explanation {
	font-family: "Arimo", sans-serif;
	margin-top: 1.875rem;
}

.menu__kawarasoba-explanation.menu__kawarasoba-explanation--en {
	font-feature-settings: "palt";
	font-family: "Antonio", sans-serif;
	font-size: 1rem;
}

.menu__line {
	border-top: 1px solid #edf0f2;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

.menu__wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 2.5rem;
	justify-content: center;
	padding-top: 2.5rem;
}

.mv {
	height: 100vh;
}

.mv__title-wrap {
	left: 50%;
	position: absolute;
	top: 80%;
	transform: translate(-50%, -50%);
}

.mv__title {
	color: #2b2b2b;
	font-family: "Antonio", sans-serif;
	font-size: 1.875rem;
	line-height: 1;
	text-align: center;
	width: 100%;
}

.mv__sub-title {
	color: #2b2b2b;
	font-family: "Antonio", sans-serif;
	font-size: 1rem;
	line-height: 1;
	text-align: right;
	width: 100%;
}

.mv__video {
	height: inherit;
}

.mv__video video {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mv__sns {
	position: fixed;
	right: 50%;
	top: 87%;
	translate: 50% 0;
	z-index: 999;
}

.page-about {
	overflow: hidden;
	padding-bottom: 3.125rem;
	padding-top: 2.5rem;
}

.page-about__title {
	color: #2b2b2b;
	display: block;
	font-family: "Zen Old Mincho", serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	position: relative;
	text-align: left;
}

.page-about__item {
	margin-top: 3.25rem;
}

.page-about__item:first-child {
	margin-top: 0;
}

.page-about__text {
	color: #2b2b2b;
	font-family: "Arimo", sans-serif;
	font-size: 0.8125rem;
	font-weight: 300;
	line-height: 1.2;
	margin-top: 0.625rem;
	text-transform: uppercase;
}

.page-media {
	overflow: hidden;
	padding-bottom: 3.125rem;
	padding-top: 5rem;
}

.page-media__inner.inner {
	max-width: 31.25rem;
	position: relative;
}

.page-media__list {
	grid-gap: 3.125rem;
	display: grid;
	gap: 3.125rem;
	grid-template-columns: repeat(1, 1fr);
}

.page-media__item + .page-media__item {
	margin-top: 2.5rem;
}

.page-media__item {
	position: relative;
}

.page-media__main-title {
	color: #edf0f2;
	font-family: "Zen Old Mincho", serif;
	font-size: 1.125rem;
	font-weight: 700;
	left: 75%;
	line-height: 1;
	position: absolute;
	top: 45%;
	translate: -50% -50%;
	white-space: nowrap;
	writing-mode: vertical-rl;
}

.page-media__text-wrap {
	margin-top: -0.25rem;
	text-align: right;
}

.page-media__title {
	color: #2b2b2b;
	display: inline-block;
	font-family: "Zen Old Mincho", serif;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	text-align: left;
	text-align: center;
	text-transform: uppercase;
}

.page-media__title.page-media__title--fl {
	text-transform: capitalize;
}

.page-media__date {
	color: #2b2b2b;
	display: inline-block;
	font-family: "Arimo", sans-serif;
	font-size: 0.8125rem;
	font-weight: 300;
	line-height: 1;
	text-align: right;
	text-transform: uppercase;
}

.page-media__arrow {
	animation-direction: alternate;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
	animation-name: anim_media-ar;
	animation-timing-function: ease-in-out;
	background-color: #edf0f2;
	bottom: 20%;
	content: "";
	height: 0.0625rem;
	position: absolute;
	right: 30%;
	translate: 50% 0;
	width: 3.75rem;
}

.page-media__arrow::after {
	background-color: #edf0f2;
	content: "";
	height: 0.0625rem;
	position: absolute;
	right: 0;
	top: calc(50% - 0rem);
	transform: rotate(30deg);
	transform-origin: 100%;
	width: 0.9375rem;
}

.sns {
	display: flex;
	flex-direction: row;
	gap: 1.25rem;
	opacity: 0.8;
	position: fixed;
	right: 50%;
	top: 87%;
	translate: 50% 0;
	z-index: 999;
}

.sns__home,
.sns__line,
.sns__instagram,
.sns__map {
	border-radius: 20%;
	cursor: pointer;
	height: 3.125rem;
	width: 3.125rem;
}

.sns__home,
.sns__map {
	align-items: center;
	background-color: #fff;
	border: 3px solid #fff;
	color: gray;
	display: flex;
	font-size: 2rem;
	justify-content: center;
}

.sns__home img {
	-o-object-fit: cover;
	border-radius: 20%;
	height: 95%;
	object-fit: cover;
	padding-left: 0.0625rem;
	width: 95%;
}

.sns__line img,
.sns__instagram img,
.sns__map img {
	-o-object-fit: cover;
	border-radius: 20%;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.store {
	background-color: #edf0f2;
	overflow: hidden;
	padding-bottom: 3.125rem;
	padding-top: 2.5rem;
}

.store__title {
	color: #2b2b2b;
	display: block;
	font-family: "Antonio", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.store__body {
	border-bottom: 4px solid #2b2b2b;
	border-top: 4px solid #2b2b2b;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.625rem;
	max-width: 40.625rem;
	padding: 1.9375rem 0;
	text-align: center;
	width: 100%;
}

.store__text {
	color: #2b2b2b;
	font-family: "Arimo", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.2;
	text-transform: uppercase;
}

.store__text:not(:first-child) {
	margin-top: 0.625rem;
}

.store__text span {
	text-transform: capitalize;
}

.store__text .lower-case {
	text-transform: lowercase;
}

.store__swiper.swiper {
	margin-top: 3.125rem;
}

.sub-mv {
	height: 100vh;
	left: 0;
	overflow: hidden;
	position: relative;
	right: 0;
	top: 0;
	width: 100%;
}

.sub-mv__title {
	background-color: #edf0f2;
	color: #2b2b2b;
	display: block;
	font-family: "Zen Old Mincho", serif;
	font-size: 1.5rem;
	font-weight: 300;
	left: 50%;
	position: absolute;
	top: 47%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	writing-mode: vertical-rl;
}

.sub-mv__video {
	height: 100%;
	width: 100%;
}

.sub-mv__video video {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.swiper {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.swiper-wrapper {
	overflow: visible;
}

.swiper-slide {
	align-items: center;
	background: #fff;
	display: flex;
	font-size: 18px;
	justify-content: center;
	text-align: center;
}

.swiper-slide img {
	-o-object-fit: cover;
	aspect-ratio: 16/9;
	cursor: pointer;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.swiper-pagination-bullet {
	background-color: #edf0f2;
}

.swiper-button-next {
	left: auto;
	right: 5px;
	right: var(--swiper-navigation-sides-offset, 5px);
}

.swiper-button-prev {
	left: 5px;
	left: var(--swiper-navigation-sides-offset, 5px);
	right: auto;
}

.swiper-button-next,
.swiper-button-prev {
	align-items: center;
	display: flex;
	height: 2.75rem; /* ボタンの高さ */
	justify-content: center;
	width: 2.75rem; /* ボタンの幅 */
}

/* 右矢印の「くの字」 */

.swiper-button-next::after {
	border-bottom: 2px solid white; /* 下の直線部分 */
	border-right: 2px solid white; /* 右の直線部分 */
	content: "";
	display: block;
	height: 1.5rem;
	transform: rotate(-45deg); /* 斜めにして「くの字」を作成 */
	width: 1.5rem;
}

/* 左矢印の「くの字」 */

.swiper-button-prev::after {
	border-left: 2px solid white; /* 左の直線部分 */
	border-top: 2px solid white; /* 上の直線部分 */
	content: "";
	display: block;
	height: 1.5rem;
	transform: rotate(-45deg); /* 斜めにして「くの字」を作成 */
	width: 1.5rem;
}

@media screen and (min-width: 768px) {

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

html {
	font-size: 1.3333333333vw;
}

.about {
	padding-bottom: 6.25rem;
	padding-top: 6.25rem;
}

.about__inner.inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 37.5rem;
	width: 100%;
}

.about__title {
	font-size: 2.5rem;
}

.about__history {
	margin-top: 5rem;
}

.about__history-body {
	padding: 3.5rem 7rem;
}

.about__history-title {
	font-size: 1.3125rem;
}

.about__history-ja,
.about__history-en {
	font-size: 0.9375rem;
}

.about__history-ja .about__history-ja-center {
	display: block;
	text-align: center;
}

.about__history-ja span {
	display: inline;
}

.about__history-button {
	cursor: pointer;
}

.about__history-button:hover {
	opacity: 0.7;
}

.about__history-arrow {
	animation-name: anim_ar-desktop;
	height: 0.0625rem;
	width: 5rem;
}

.about__history-arrow::after {
	height: 0.0625rem;
	width: 1.25rem;
}

.about__description a[href*="tel:"] {
	-webkit-text-decoration: none;
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}

.about__description a:hover {
	opacity: 0.7;
}

.about__contact-link a a[href*="tel:"] {
	-webkit-text-decoration: none;
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}

.event__top {
	font-size: 2.5rem;
}

.event__body {
	padding: 3.125rem 7.5rem;
}

.event__title {
	font-size: 1.875rem;
}

.event__date {
	font-size: 1.375rem;
	margin-top: 0.9375rem;
}

.event__instagram-wrap {
	margin-top: 1.25rem;
}

.faq-list__item-question {
	font-size: 1.125rem;
	padding: 0.875rem 3.75rem 0.875rem 5rem;
}

.faq-list__item-question::before {
	height: 0.8125rem;
	width: 0.8125rem;
}

.faq-list__item-answer {
	font-size: 1.125rem;
	padding: 1.25rem 3.75rem 0.9375rem 5rem;
}

.faq-list__item-answer a[href*="tel:"] {
	-webkit-text-decoration: none;
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}

.footer__inner.inner {
	max-width: 59.375rem;
}

.footer__event-top {
	font-size: 2.5rem;
}

.footer__event-item {
	padding: 3.125rem 7.5rem;
}

.footer__event-item + .footer__event-item {
	margin-top: 3.125rem;
}

.footer__event-title {
	font-size: 1.875rem;
}

.footer__event-date {
	font-size: 1.375rem;
	margin-top: 0.9375rem;
}

.footer__event-instagram-wrap {
	margin-top: 1.25rem;
}

.footer__event-instagram:hover,
.footer__event-img:hover {
	opacity: 0.7;
}

.footer__video {
	height: 25.625rem;
}

.footer__video-title {
	left: 17%;
}

.footer__video-text {
	font-size: 1.6875rem;
}

.footer__video-text span {
	font-size: 1.25rem;
}

.footer__bottom {
	margin-top: 2.5rem;
	padding: 6rem;
}

.footer__copyright {
	font-size: 1.25rem;
}

.header {
	height: 9.375rem;
}

.header__hamburger {
	width: 9.375rem;
}

.header__hamburger:hover {
	opacity: 0.7;
	width: 9.375rem;
}

.header__hamburger span {
	width: 4.375rem;
}

.header__hamburger span:nth-of-type(1) {
	top: -1rem;
}

.header__hamburger span:nth-of-type(3) {
	top: 1rem;
}

.header__drawer-item a {
	font-size: 3.75rem;
	padding: 1.25rem 0;
}

.header__drawer-item a:hover {
	opacity: 0.7;
}

.inner {
	max-width: 1250px;
	padding-left: 25px;
	padding-right: 25px;
}

.instagram__title {
	font-size: 2.5rem;
}

.instagram__body {
	gap: 1.875rem;
	grid-template-columns: repeat(3, 1fr);
}

.media {
	padding-top: 2.8125rem;
}

.media__inner.inner {
	max-width: 56.25rem;
}

.media__body a:hover {
	opacity: 0.7;
}

.media__title {
	font-size: 2.3125rem;
}

.media__arrow {
	animation-name: anim_media-ar-desktop;
	height: 0.125rem;
	width: 5rem;
}

.media__arrow::after {
	height: 0.125rem;
	width: 1.25rem;
}

.menu-card {
	max-width: calc(50% - 24.125rem * 1 / 2);
	width: 100%;
}

.menu-card__title {
	font-size: 2.75rem;
}

.menu-card__okonomiyaki-name {
	font-size: 1.125rem;
}

.menu-card__explanation {
	font-size: 0.9375rem;
}

.menu-card__explanation.menu-card__explanation--en {
	font-size: 1.125rem;
}

.menu__title {
	font-size: 2.5rem;
}

.menu__kawarasoba {
	flex-direction: row;
}

.menu__kawarasoba-img {
	width: 50%;
}

.menu__kawarasoba-body {
	width: 50%;
}

.menu__kawarasoba-title {
	font-size: 2.75rem;
}

.menu__kawarasoba-name,
.menu__kawarasoba-explanation {
	font-size: 1.125rem;
}

.menu__kawarasoba-explanation {
	font-size: 0.9375rem;
}

.menu__kawarasoba-explanation.menu__kawarasoba-explanation--en {
	font-size: 1.125rem;
}

.menu__wrap {
	-moz-column-gap: 11.125rem;
	column-gap: 11.125rem;
	flex-direction: row;
	row-gap: 5rem;
}

.mv__title-wrap {
	top: 76%;
}

.mv__title {
	font-size: 3.75rem;
}

.mv__sub-title {
	font-size: 1.25rem;
}

.mv__sns {
	top: 84%;
}

.page-about__inner.inner {
	max-width: 40.625rem;
}

.page-about__title {
	font-size: 1.5rem;
}

.page-about__text {
	font-size: 0.875rem;
}

.page-media {
	padding-top: 9.0625rem;
}

.page-media__inner.inner {
	max-width: 50rem;
}

.page-media__list {
	gap: 6.25rem;
}

.page-media__item + .page-media__item {
	margin-top: 0;
}

.page-media__item {
	margin-top: 0;
}

.page-media__item a:hover {
	opacity: 0.7;
}

.page-media__main-title {
	font-size: 2.3125rem;
}

.page-media__text-wrap {
	margin-top: 0;
}

.page-media__title {
	font-size: 1.5rem;
}

.page-media__date {
	font-size: 1.375rem;
}

.page-media__arrow {
	height: 0.125rem;
	width: 5rem;
}

.page-media__arrow::after {
	height: 0.125rem;
	top: calc(50% - 0.0625rem);
	width: 1.25rem;
}

.sns {
	gap: 2.5rem;
	top: 84%;
}

.sns__home,
.sns__line,
.sns__instagram,
.sns__map {
	height: 5.3125rem;
	width: 5.3125rem;
}

.sns__home:hover,
.sns__line:hover,
.sns__instagram:hover,
.sns__map:hover {
	opacity: 0.7;
}

.sns__home,
.sns__map {
	font-size: 3.4375rem;
}

.sns__home img {
	height: 90%;
	width: 90%;
}

.store__title {
	font-size: 2.5rem;
}

.store__text {
	font-size: 1.125rem;
}

.store__swiper.swiper {
	width: 60%;
}

.sub-mv {
	margin-left: auto;
	margin-right: auto;
	max-width: 37.5rem;
	width: 100%;
}

.swiper {
	width: 100%;
}

}

@media (min-width: 1200px) {

html {
	font-size: 16px;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}

@keyframes anim_ar-mobile {

0% {
	transform: translate(-1.875rem, 0);
}

100% {
	transform: translate(0.9375rem, 0);
}

}

@keyframes anim_ar-desktop {

0% {
	transform: translate(-1.875rem, 0);
}

100% {
	transform: translate(0.9375rem, 0);
}

}

@keyframes anim_media-ar-mobile {

0% {
	transform: translate(0.9375rem, 0);
}

100% {
	transform: translate(2.1875rem, 0);
}

}

@keyframes anim_media-ar-desktop {

0% {
	transform: translate(1.875rem, 0);
}

100% {
	transform: translate(3.75rem, 0);
}

}

@keyframes anim_media-ar {

0% {
	transform: translate(0.9375rem, 0);
}

100% {
	transform: translate(2.1875rem, 0);
}

}


/*# sourceMappingURL=style.css.map */