﻿/*!
Theme Name: 割烹一作
Author: samurai-adways
Version: 1.0
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: rgba(0, 0, 0, 0)
}

body {
	line-height: 1
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

ul, ol {
	list-style: none
}

blockquote, q {
	quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: rgba(0, 0, 0, 0);
	color: inherit
}

* {
	box-sizing: border-box
}

html {
	font-size: 62.5%
}

body {
	font-size: 3.7333333333vw;
	font-family: "Noto Serif JP", serif;
	font-weight: 300;
	word-break: break-all;
	-webkit-text-size-adjust: 100%;
	color: #000;
	position: relative;
	background: linear-gradient(90deg, rgb(75, 20, 34), rgb(0, 0, 0))
}

body::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("./img/common/bg_texture.png");
	background-repeat: repeat;
	background-position: 0 0;
	background-size: 20vw auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

main {
	display: block
}

img, svg {
	width: 100%;
	height: auto;
	display: block
}

.en {
	white-space: nowrap;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
	font-style: normal
}

.visually_hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.pc {
	display: none
}

.view_more>a {
	display: block;
	padding: 4vw;
	text-decoration: none;
	font-size: 3.2vw;
	letter-spacing: .2em;
	font-weight: bold;
	color: #ded2bb;
	position: relative;
	background-color: rgba(222, 210, 187, .25);
	border-radius: 1.6vw
}

.view_more>a::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 4vw;
	width: 2.1333333333vw;
	height: 1.3333333333vw;
	background-image: url("./img/common/arrow.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}

.small_text {
	font-size: 2.1333333333vw
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 16vw;
	display: flex;
	align-items: center;
	z-index: 100
}

.header>.header_menu {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100dvh;
	padding-top: 16vw;
	background-color: rgba(0, 0, 0, .7);
	backdrop-filter: blur(1.0666666667vw);
	transition: all .5s ease-out
}

.header>.header_menu.show {
	left: 0
}

.header>.header_menu>ul.header_menu_list {
	padding: 16vw
}

.header>.header_menu>ul.header_menu_list>li {
	position: relative
}

.header>.header_menu>ul.header_menu_list>li+li {
	margin-top: 4vw;
	padding-top: 4vw;
	border-top: 1px solid rgba(222, 210, 187, .25)
}

.header>.header_menu>ul.header_menu_list>li a {
	letter-spacing: .2em;
	text-decoration: none;
	position: relative;
	display: block;
	color: #ded2bb
}

.header>.header_menu>ul.header_menu_list>li a::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 2.1333333333vw;
	height: 1.3333333333vw;
	background-image: url("./img/common/arrow.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}

.header>.header_menu>.header_logo {
	width: 13.3333333333vw;
	margin: 0 auto
}

.header>.header_menu_button {
	width: 16vw;
	height: 16vw;
	margin: 0 auto 0 0;
	position: relative;
	z-index: 1;
	background-color: rgba(0, 0, 0, .7)
}

.header>.header_menu_button::after {
	content: "MENU";
	display: block;
	font-size: 2.6666666667vw;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	color: #ded2bb;
	position: absolute;
	bottom: 5.3333333333vw;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
	transition: all .5s ease-out
}

.header>.header_menu_button>span {
	display: block;
	width: 10.6666666667vw;
	height: .5333333333vw;
	background-color: #ded2bb;
	position: absolute;
	top: 5.3333333333vw;
	left: 50%;
	transform: translateX(-50%);
	transition: all .5s ease-out
}

.header>.header_menu_button>span::after {
	content: "";
	display: block;
	width: 10.6666666667vw;
	height: .5333333333vw;
	background-color: #ded2bb;
	position: absolute;
	top: .8vw;
	transition: all .5s ease-out
}

.header>.header_menu_button.show::after {
	transform: translateX(calc(-50% - 1.6vw)) skewY(15deg)
}

.header>.header_menu_button.show>span {
	transform: translateX(calc(50% - 8vw)) skewY(-25deg)
}

.header>.header_menu_button.show>span::after {
	transform: translateY(1.3333333333vw)
}

.footer {
	background-image: url("./img/common/bg_texture_02.png");
	background-repeat: repeat;
	background-position: 0 0;
	background-size: 20vw auto
}

.footer .footer_inner {
	padding: 16vw 0 16vw;
	background-color: rgba(222, 210, 187, .25)
}

.footer .sns>ul {
	display: flex;
	justify-content: center
}

.footer .sns>ul li>a {
	display: block;
	width: calc(100vw / 375 * 20);
	margin: 0 auto
}

.footer .sns>ul li>span {
	display: block;
	margin-top: 2.6666666667vw;
	font-size: calc(100vw / 375 * 10);
}

.footer .footer_logo {
	width: 13.3333333333vw;
	margin: 8vw auto 0
}

.footer small {
	display: block;
	padding: 8vw 0 16vw;
	font-size: 3.2vw;
	letter-spacing: .2em;
	text-align: center
}

.loading_screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	z-index: 1000;
	overflow: hidden;
	touch-action: none
}

.loading_screen::before, .loading_screen::after {
	content: "";
	display: block;
	background-color: #000;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	transition: cubic-bezier(0.645, 0.045, 0.355, 1) .5s;
	background-image: url("./img/common/bg_texture.png");
	background-repeat: repeat;
	background-position: 0 0;
	background-size: 20vw auto
}

.loading_screen::before {
	left: 0
}

.loading_screen::after {
	right: 0
}

.loading_screen .loading_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translateY(-50%) translateX(-50%);
	width: 20vw;
	transition: cubic-bezier(0.645, 0.045, 0.355, 1) .5s
}

.loading_screen.visible {
	transition-delay: 1s;
	transform: translateY(-100%)
}

.loading_screen.visible::before {
	transform: translateX(-100%);
	transition-delay: .5s
}

.loading_screen.visible::after {
	transform: translateX(100%);
	transition-delay: .5s
}

.loading_screen.visible .loading_logo {
	opacity: 0;
	transform: translateY(-50%) translateX(-50%) scale(1.2)
}

.tracking {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 2.6666666667vw 4vw;
	background: rgba(0, 0, 0, .7);
	backdrop-filter: blur(1.0666666667vw);
	z-index: 4
}

.tracking ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 4vw;
	height: 10.6666666667vw
}

.tracking ul li {
	width: calc(50% - 2vw)
}

.tracking ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #ded2bb;
	background-color: rgba(222, 210, 187, .25);
	font-size: 3.2vw;
	letter-spacing: .2em;
	text-decoration: none;
	border-radius: 1.6vw;
	padding-right: 5.3333333333vw;
	position: relative
}

.tracking ul li a::before {
	content: "";
	display: block;
	width: 3.2vw;
	height: 3.2vw;
	position: absolute;
	top: 50%;
	right: 4.2666666667vw;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover
}

.tracking ul li a.tel::before {
	background-image: url("./img/common/icon_tel.svg")
}

.tracking ul li a.web::before {
	background-image: url("./img/common/icon_web.svg")
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	background-color: rgba(0, 0, 0, .95);
	backdrop-filter: blur(1.0666666667vw);
	z-index: 200;
	color: #ded2bb
}

.modal .modal_caption {
	padding: 8vw;
	line-height: 2;
	letter-spacing: .2em
}

.modal .modal_close {
	border-top: 1px solid rgba(222, 210, 187, .25);
	display: block;
	width: 100%;
	text-align: center;
	font-size: 3.2vw;
	padding-top: 8vw
}

.top .hero_section {
	width: 100%;
	height: 100svh;
	position: relative;
	overflow: hidden
}

.top .hero_section h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 20vw;
	z-index: 3
}

.top .hero_section .hero {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000
}

.top .hero_section .hero ul.top_slider {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.top .hero_section .hero ul.top_slider li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.top .hero_section .hero ul.top_slider li img {
	width: auto;
	height: 100%;
	transition: all 40s ease;
	transform: translateX(-40%)
}

.top .hero_section .hero ul.top_slider li.active {
	display: block
}

.top .hero_section .hero ul.top_slider li.active img {
	transform: translateX(50%) scale(1)
}

.top .news_section .news_wrapper {
	display: flex;
	flex-wrap: wrap
}

.top .news_section h2 {
	width: 16vw;
	text-align: center;
	color: #ded2bb;
	font-size: 4.2666666667vw;
	font-weight: 300;
	border-right: 1px solid rgba(222, 210, 187, .25);
	padding: 16vw 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.top .news_section h2 span.en {
	display: block;
	font-size: 2.6666666667vw
}

.top .news_section h2 span.jp {
	display: flex;
	align-items: center;
	width: 100%;
	writing-mode: vertical-rl;
	margin-top: 4vw;
	letter-spacing: .4em
}

.top .news_section .info_list_wrapper {
	width: calc(100% - 16vw);
	padding: 16vw 0 6.6666666667vw;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6.6666666667vw 0
}

.top .news_section .info_list_wrapper ul.info_list {
	width: 100%;
	border-top: 1px solid rgba(222, 210, 187, .25);
	border-bottom: 1px solid rgba(222, 210, 187, .25)
}

.top .news_section .info_list_wrapper ul.info_list li+li {
	border-top: 1px solid rgba(222, 210, 187, .25)
}

.top .news_section .info_list_wrapper ul.info_list li>a {
	display: block;
	text-decoration: none;
	position: relative;
	padding: 4vw 12vw 4vw 8vw
}

.top .news_section .info_list_wrapper ul.info_list li>a::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8vw;
	width: 2.1333333333vw;
	height: 1.3333333333vw;
	background-image: url("./img/common/arrow.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}

.top .news_section .info_list_wrapper ul.info_list li>a>span {
	color: #ded2bb;
	display: block
}

.top .news_section .info_list_wrapper ul.info_list li>a>span.time {
	white-space: nowrap;
	font-size: 2.6666666667vw;
	letter-spacing: .2em
}

.top .news_section .info_list_wrapper ul.info_list li>a>span.meta {
	margin-top: 2.1333333333vw;
	font-size: 3.2vw;
	letter-spacing: .2em;
	line-height: 1.5
}

.top .news_section .view_more {
	width: 100%;
	padding: 0 4vw
}

.top .news_section .view_more>a {
	width: 26.6666666667vw;
	margin-left: auto;
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
	font-size: 2.6666666667vw
}

.top .greeting_section {
	background-image: url("./img/common/bg_texture_02.png");
	background-repeat: repeat;
	background-position: 0 0;
	background-size: 20vw auto
}

.top .greeting_section .greeting_wrapper {
	background-color: rgba(222, 210, 187, .25);
	padding: 32vw 0;
}

.top .greeting_section .greeting_wrapper h2 {
	text-align: center;
	font-size: 6.4vw;
	font-weight: 300
}

.top .greeting_section .greeting_wrapper h2>span {
	display: block
}

.top .greeting_section .greeting_wrapper h2>span.jp {
	letter-spacing: .2em
}

.top .greeting_section .greeting_wrapper h2>span.en {
	font-size: 3.2vw;
	margin-top: 4vw
}

.top .greeting_section .greeting_wrapper .greeting_text {
	padding: 16vw calc(16vw - 0.2em) 0 16vw;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.top .greeting_section .greeting_wrapper .greeting_text.fixed {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 2
}

.top .greeting_section .greeting_wrapper .greeting_text p {
	font-size: 3.7333333333vw;
	letter-spacing: .2em;
	line-height: 2
}

.top .greeting_section .greeting_wrapper .greeting_text p.name {
	margin-top: 13.3333333333vw
}

.top .greeting_section .greeting_wrapper .greeting_text p+p {
	margin-top: 5.3333333333vw
}

.top .greeting_section .greeting_wrapper .greeting_pictures {
	position: relative;
	z-index: 1;
	display: none;
}

.top .greeting_section .greeting_wrapper .greeting_pictures>div {
	position: absolute;
	opacity: 0.2;
}

.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_01 {
	top: 0;
	left: 6.6666666667vw;
	width: 18.6666666667vw
}

.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_02 {
	top: 17.2413793103vh;
	right: 5.3333333333vw;
	width: 32vw
}

.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_03 {
	top: 48.645320197vh;
	left: 0;
	width: 42.6666666667vw
}

.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_04 {
	top: 80.0492610837vh;
	right: 5.3333333333vw;
	width: 18.6666666667vw
}

.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_05 {
	top: 101.6009852217vh;
	left: 6.6666666667vw;
	width: 26.6666666667vw
}

.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_06 {
	top: 137.9310344828vh;
	right: 0;
	width: 48vw
}

.top .menu_section {
	color: #ded2bb
}

.top .menu_section h2 {
	width: 16vw;
	text-align: center;
	color: #ded2bb;
	font-size: 6.4vw;
	font-weight: 300;
	padding: 32vw 0 0;
	margin: 0 auto
}

.top .menu_section h2 span.en {
	display: block;
	font-size: 2.6666666667vw
}

.top .menu_section h2 span.jp {
	display: flex;
	align-items: center;
	width: 100%;
	writing-mode: vertical-rl;
	margin-top: 4vw;
	letter-spacing: .4em
}

.top .menu_section .tab_wrapper {
	margin-top: 16vw
}

.top .menu_section .tab_wrapper .text_inner {
	padding: 0 16vw;
	line-height: 2
}

.top .menu_section .tab_wrapper .text_inner .lead {
	letter-spacing: .2em
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu {
	border-top: 1px solid rgba(222, 210, 187, .25);
	margin-top: 16vw;
	padding-top: 16vw
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dt {
	font-size: 4.8vw;
	letter-spacing: .2em
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dt+dd {
	margin-top: 8vw
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dd {
	letter-spacing: .2em
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dd+dt {
	margin-top: 8vw
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul {
	font-size: calc(100vw / 375 * 12);
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul li {
	position: relative;
	padding-left: 1.5em;
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul li::before {
	content: "";
	display: block;
	width: calc(100vw / 375 * 4);
	aspect-ratio: 1 / 1;
	background-color: #ded2bb;
	position: absolute;
	top: calc(1em - (100vw / 375 * 2));
	left: 0;
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul + p {
	margin-top: 8vw;
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul li + li {
	margin-top: 4vw;
}

.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul.notes {
	font-size: calc(100vw / 375 * 10);
	line-height: 1.75;
	margin-top: 8vw;
}
.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul.notes li::before {
	content: "\203B";
	width: auto;
	background-color: transparent;
	position: absolute;
	top: 0;
}
.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul.notes li + li {
	margin-top: 0.5em;
}

.top .menu_section .tab_wrapper ul.tab_list {
	border-top: 1px solid rgba(222, 210, 187, .25);
	margin-top: 16vw
}

.top .menu_section .tab_wrapper ul.tab_list li {
	padding: 4vw;
	border-bottom: 1px solid rgba(222, 210, 187, .25);
	position: relative;
	letter-spacing: .2em
}

.top .menu_section .tab_wrapper ul.tab_list li.active {
	background-color: rgba(222, 210, 187, .25)
}

.top .menu_section .tab_wrapper ul.tab_list li .en {
	display: inline-block;
	font-size: 2.6666666667vw;
	margin-left: 2.6666666667vw;
	letter-spacing: 0
}

.top .menu_section .tab_wrapper ul.tab_list li::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 4vw;
	width: 2.1333333333vw;
	height: 1.3333333333vw;
	background-image: url("./img/common/arrow.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}

.top .menu_section .slider_wrapper {
	padding-bottom: 16vw
}

.top .menu_section .slider_wrapper ul.tab_target h3 {
	padding: 16vw 16vw 0;
	font-size: 6.4vw;
	font-weight: 300;
	letter-spacing: .2em
}

.top .menu_section .slider_wrapper ul.tab_target h3 .en {
	display: block;
	font-size: 3.7333333333vw;
	letter-spacing: 0;
	margin-top: 4vw
}

.top .menu_section .slider_wrapper ul.tab_target p {
	margin-top: 8vw;
	padding: 0 16vw;
	line-height: 2;
	min-height: 14.9333333333vw;
	letter-spacing: .2em
}

.top .menu_section .slider_wrapper ul.thumbnail_list {
	margin-top: 8vw;
	padding: 0 4vw;
	display: flex;
	flex-wrap: wrap;
	gap: 4vw;
	min-height: 44vw
}

.top .menu_section .slider_wrapper ul.thumbnail_list li {
	width: 20dvw;
	aspect-ratio: 1 / 1;
}

.top .menu_section .slider_wrapper ul.thumbnail_list li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top .room_secton {
	border-top: 1px solid rgba(222, 210, 187, .25);
	color: #ded2bb
}

.top .room_secton h2 {
	width: 16vw;
	text-align: center;
	color: #ded2bb;
	font-size: 6.4vw;
	font-weight: 300;
	padding: 32vw 0 0;
	margin: 0 auto
}

.top .room_secton h2 span.en {
	display: block;
	font-size: 2.6666666667vw
}

.top .room_secton h2 span.jp {
	display: flex;
	align-items: center;
	width: 100%;
	writing-mode: vertical-rl;
	margin-top: 4vw;
	letter-spacing: .4em
}

.top .room_secton .text_inner {
	margin-top: 16vw;
	padding: 0 16vw;
	line-height: 2
}

.top .room_secton .text_inner .text_header p {
	letter-spacing: .2em
}

.top .room_secton .text_inner .text_footer {
	border-top: 1px solid rgba(222, 210, 187, .25);
	margin-top: 16vw;
	padding: 16vw 0
}

.top .room_secton .text_inner .text_footer p {
	letter-spacing: .2em
}

.top .room_secton .slider_wrapper {
	border-top: 1px solid rgba(222, 210, 187, .25);
	position: relative
}

.top .room_secton .slider_wrapper .custom-slider {
	position: relative;
	overflow: hidden
}

.top .room_secton .slider_wrapper .custom-slider .slide {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto
}

.top .room_secton .slider_wrapper .custom-slider .slide.active {
	display: block;
	position: relative
}

.top .room_secton .slider_wrapper .slider_button {
	width: 10.6666666667vw;
	height: 10.6666666667vw;
	background-color: rgba(0, 0, 0, .7);
	position: absolute;
	top: 50%;
	border-radius: 10.6666666667vw
}

.top .room_secton .slider_wrapper .slider_button::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 50%;
	width: 2.1333333333vw;
	height: 1.3333333333vw;
	background-image: url("./img/common/arrow.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	transform: translate(50%, -50%)
}

.top .room_secton .slider_wrapper .prev-button {
	left: 4vw
}

.top .room_secton .slider_wrapper .prev-button::before {
	transform: translate(50%, -50%) scale(-1, 1)
}

.top .room_secton .slider_wrapper .next-button {
	right: 4vw
}

.top .information_section {
	border-top: 1px solid rgba(222, 210, 187, .25);
	padding: 32vw 0;
	color: #ded2bb;
	background-image: url("./img/common/information_01.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: auto 100%;
	background-color: #000;
}

.top .information_section h2 {
	text-align: center;
	font-size: 6.4vw;
	font-weight: 300
}

.top .information_section h2>span {
	display: block
}

.top .information_section h2>span.jp {
	letter-spacing: .2em
}

.top .information_section h2>span.en {
	font-size: 3.2vw;
	margin-top: 4vw
}

.top .information_section .map_wrapper {
	margin-top: 16vw;
	padding: 0 16vw
}

.top .information_section .map_wrapper .detail p {
	letter-spacing: .2em;
	line-height: 2
}

.top .information_section .map_wrapper .detail p+p {
	margin-top: 8vw
}

.top .information_section .map_wrapper .map {
	margin-top: 16vw
}

.top .information_section .map_wrapper .map>iframe {
	width: 100%;
	height: 68vw
}

.top .reserve_section {
	border-top: 1px solid rgba(222, 210, 187, .25);
	padding: 32vw 0
}

.top .reserve_section h2 {
	width: 16vw;
	text-align: center;
	color: #ded2bb;
	font-size: 6.4vw;
	font-weight: 300;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center
}

.top .reserve_section h2 span.en {
	display: block;
	font-size: 2.6666666667vw
}

.top .reserve_section h2 span.jp {
	display: flex;
	align-items: center;
	width: 100%;
	writing-mode: vertical-rl;
	margin-top: 4vw;
	letter-spacing: .4em
}

.top .reserve_section .reserve_text {
	padding: 0 16vw;
	margin-top: 16vw
}

.top .reserve_section .reserve_text p {
	color: #ded2bb;
	line-height: 2;
	letter-spacing: .2em
}

.top .reserve_section ul.reserve_butotns {
	padding: 0 16vw;
	margin-top: 16vw
}

.top .reserve_section ul.reserve_butotns li {
	height: 16vw
}

.top .reserve_section ul.reserve_butotns li+li {
	margin-top: 4vw
}

.top .reserve_section ul.reserve_butotns li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #ded2bb;
	background-color: rgba(222, 210, 187, .25);
	font-size: 3.7333333333vw;
	letter-spacing: .2em;
	text-decoration: none;
	border-radius: 1.6vw;
	padding-right: 5.3333333333vw;
	position: relative
}

.top .reserve_section ul.reserve_butotns li a::before {
	content: "";
	display: block;
	width: 4.2666666667vw;
	height: 4.2666666667vw;
	position: absolute;
	top: 50%;
	right: 4.8vw;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover
}

.top .reserve_section ul.reserve_butotns li a.tel::before {
	background-image: url("./img/common/icon_tel.svg")
}

.top .reserve_section ul.reserve_butotns li a.web::before {
	background-image: url("./img/common/icon_web.svg")
}

.lower {
	background-image: url("./img/common/bg_texture_02.png");
	background-repeat: repeat;
	background-position: 0 0;
	background-size: 20vw auto
}

.lower .lower_wrapper {
	padding: 32vw 0
}

.lower .lower_wrapper h1 {
	text-align: center;
	font-size: 6.4vw;
	font-weight: 300
}

.lower .lower_wrapper h1>span {
	display: block
}

.lower .lower_wrapper h1>span.jp {
	letter-spacing: .2em
}

.lower .lower_wrapper h1>span.en {
	font-size: 3.2vw;
	margin-top: 4vw
}

.lower .lower_wrapper .lower_content_wrapper {
	margin-top: 16vw;
	padding: 0 16vw
}

.lower .lower_wrapper .lower_content_wrapper p {
	letter-spacing: .2em;
	line-height: 2
}

.lower .lower_wrapper .lower_content_wrapper p+p {
	margin-top: 8vw
}

.lower .lower_wrapper .lower_content_wrapper.single .article_post_data {
	border-top: 1px solid #000;
	padding-top: 8vw;
	font-size: 3.2vw;
	letter-spacing: .2em
}

.lower .lower_wrapper .lower_content_wrapper.single .article_post_data+h2 {
	margin-top: 4vw
}

.lower .lower_wrapper .lower_content_wrapper.single h2 {
	border-bottom: 1px solid #000;
	padding-bottom: 8vw;
	margin: 16vw 0;
	font-size: 4.8vw;
	font-weight: 300;
	letter-spacing: .2em;
	line-height: 1.75
}

.lower .lower_wrapper .lower_content_wrapper.single .browser_back {
	margin-top: 16vw
}

.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}

.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li+li {
	border-top: 1px solid #000
}

.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a {
	display: block;
	text-decoration: none;
	position: relative;
	padding: 4vw 8vw 4vw 0
}

.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 4vw;
	width: 2.1333333333vw;
	height: 1.3333333333vw;
	background-image: url("./img/common/arrow.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}

.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a>span {
	display: block
}

.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a>span.time {
	white-space: nowrap;
	font-size: 2.6666666667vw;
	letter-spacing: .2em
}

.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a>span.meta {
	margin-top: 2.1333333333vw;
	font-size: 3.2vw;
	letter-spacing: .2em;
	line-height: 1.5
}

.lower .lower_wrapper .lower_content_wrapper .pagination {
	margin-top: 16vw;
	text-align: center
}

.lower .lower_wrapper .lower_content_wrapper .pagination span {
	margin: 0 2.6666666667vw
}

.lower .lower_wrapper .lower_content_wrapper .pagination a {
	margin: 0 2.6666666667vw
}

.lower .lower_wrapper .en_wrapper .lead {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 8vw 0
}

.lower .lower_wrapper .en_wrapper h2 {
	font-size: 4.8vw;
	letter-spacing: .2em;
	font-weight: 300;
	margin-bottom: 8vw;
	padding-bottom: 8vw;
	position: relative
}

.lower .lower_wrapper .en_wrapper h2::before {
	content: "";
	display: block;
	width: 8vw;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: 0
}

.lower .lower_wrapper .en_wrapper h3 {
	letter-spacing: .2em;
	font-weight: 300;
	margin-bottom: 8vw;
	border: 1px solid #000;
	padding: 2.6666666667vw;
	display: inline-block
}

.lower .lower_wrapper .en_wrapper p+h2 {
	margin-top: 32vw
}

.lower .lower_wrapper .en_wrapper p+h3 {
	margin-top: 16vw
}

@media(min-aspect-ratio: 1/1)or (min-width: 1025px) {
	body {
		font-size: 1.3671875vw
	}

	.pc {
		display: block
	}

	.sp {
		display: none
	}

	.view_more>a {
		padding: min(1.953125vw, 20px);
		font-size: min(1.171875vw, 12px);
		border-radius: min(.5859375vw, 6px)
	}

	.view_more>a::before {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: min(1.953125vw, 20px);
		width: min(.78125vw, 8px);
		height: min(.5859375vw, 6px);
		background-image: url("./img/common/arrow.svg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%
	}

	.small_text {
		font-size: min(.9765625vw, 10px)
	}

	.header {
		top: min(2.9296875vw, 30px);
		left: min(2.9296875vw, 30px);
		width: min(5.859375vw, 60px);
		height: min(5.859375vw, 60px)
	}

	.header>.header_menu {
		position: fixed;
		padding: min(5.859375vw, 90px) min(2.9296875vw, 60px) min(2.9296875vw, 60px) min(14.6484375vw, 210px);
		backdrop-filter: blur(min(0.390625vw, 4px));
		display: flex
	}

	.header>.header_menu>ul.header_menu_list {
		padding: 0;
		margin: 0 0 0 min(5.859375vw, 90px);
		display: flex
	}

	.header>.header_menu>ul.header_menu_list>li {
		writing-mode: vertical-rl
	}

	.header>.header_menu>ul.header_menu_list>li+li {
		margin: 0 0 0 min(5.859375vw, 90px);
		padding: 0 0 0 0;
		border-top: none
	}

	.header>.header_menu>ul.header_menu_list>li a {
		display: inline-block;
		font-size: min(1.7578125vw, 18px);
		letter-spacing: .4em
	}

	.header>.header_menu>ul.header_menu_list>li a::before {
		display: none
	}

	.header>.header_menu>.header_logo {
		width: min(7.8125vw, 80px);
		margin: 0
	}

	.header>.header_menu_button {
		width: min(5.859375vw, 60px);
		height: min(5.859375vw, 60px);
		cursor: pointer
	}

	.header>.header_menu_button::after {
		font-size: min(.9765625vw, 10px);
		bottom: min(1.953125vw, 20px)
	}

	.header>.header_menu_button>span {
		width: min(3.90625vw, 40px);
		height: min(.1953125vw, 2px);
		top: min(1.953125vw, 20px)
	}

	.header>.header_menu_button>span::after {
		width: min(3.90625vw, 40px);
		height: min(.1953125vw, 2px);
		top: min(.29296875vw, 3px)
	}

	.header>.header_menu_button.show::after {
		transform: translateX(calc(-50% - clamp(0px, 0.5859375vw, 6px))) skewY(15deg)
	}

	.header>.header_menu_button.show>span {
		transform: translateX(calc(50% - clamp(0px, 2.9296875vw, 30px))) skewY(-25deg)
	}

	.header>.header_menu_button.show>span::after {
		transform: translateY(clamp(0px, 0.48828125vw, 5px))
	}

	.footer {
		background-size: min(14.6484375vw, 150px) auto
	}

	.footer .footer_inner {
		padding: min(11.71875vw, 120px) 0 min(11.71875vw, 120px)
	}

	.footer .sns>ul li>a {
		width: min(calc(100vw / 1024 * 20), 20px);
	}

	.footer .sns>ul li>span {
		font-size: min(calc(100vw / 1024 * 10), 10px);
		margin-top: min(calc(100vw / 1024 * 10), 10px);
	}

	.footer .footer_logo {
		width: min(5.859375vw, 60px);
		margin-top: min(5.859375vw, 60px)
	}

	.footer small {
		padding: min(5.859375vw, 60px) 0;
		font-size: min(1.171875vw, 12px)
	}

	.loading_screen::before, .loading_screen::after {
		background-size: min(14.6484375vw, 150px) auto
	}

	.loading_screen .loading_logo {
		transform: translateY(-50%) translateX(-50%);
		width: auto;
		height: min(53.5331905782dvh, 350px)
	}

	.loading_screen .loading_logo img {
		width: auto;
		height: 100%
	}

	.loading_screen.visible .loading_logo {
		transform: translateY(-50%) translateX(-50%) scale(1.2)
	}

	.tracking {
		padding: min(1.46484375vw, 15px);
		backdrop-filter: blur(min(0.390625vw, 4px))
	}

	.tracking ul {
		gap: 0 min(1.46484375vw, 15px);
		height: min(4.8828125vw, 50px)
	}

	.tracking ul li {
		width: min(19.53125vw, 200px)
	}

	.tracking ul li a {
		font-size: min(1.171875vw, 12px);
		border-radius: min(.5859375vw, 6px);
		padding-right: min(1.953125vw, 20px)
	}

	.tracking ul li a::before {
		width: min(1.171875vw, 12px);
		height: min(1.171875vw, 12px);
		right: min(1.953125vw, 20px)
	}

	.modal {
		backdrop-filter: blur(min(0.390625vw, 4px));
		padding: min(2.9296875vw, 60px)
	}

	.modal .modal_content {
		display: flex;
		flex-wrap: wrap;
		height: 100%
	}

	.modal .modal_img {
		width: 50%;
		height: 100%
	}

	.modal .modal_img>img {
		height: 100%;
		object-fit: contain;
	}

	.modal .modal_caption {
		padding: min(2.9296875vw, 60px);
		font-size: min(2.734375vw, 28px);
		width: calc(50% - min(5.859375vw, 60px));
		display: flex;
		align-items: center;
		justify-content: center
	}

	.modal .modal_close {
		border: 1px solid rgba(222, 210, 187, .25);
		width: min(5.859375vw, 60px);
		height: min(5.859375vw, 60px);
		font-size: min(1.171875vw, 12px);
		padding-top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer
	}

	.top .hero_section h1 {
		transform: translateY(-50%) translateX(-50%);
		width: auto;
		height: min(53.5331905782dvh, 350px)
	}

	.top .hero_section h1 img {
		width: auto;
		height: 100%
	}

	.top .hero_section .hero ul.top_slider li img {
		width: 100%;
		transform: translateX(0);
		object-fit: cover
	}

	.top .hero_section .hero ul.top_slider li.active img {
		transform: translateX(20%) scale(1.5)
	}

	.top .news_section .news_wrapper {
		max-width: 920px;
		margin: 0 auto
	}

	.top .news_section h2 {
		width: min(11.71875vw, 120px);
		font-size: min(1.953125vw, 20px);
		padding: min(5.859375vw, 60px) 0;
		border-left: 1px solid rgba(222, 210, 187, .25)
	}

	.top .news_section h2 span.en {
		font-size: min(.9765625vw, 10px)
	}

	.top .news_section h2 span.jp {
		margin-top: min(1.953125vw, 20px)
	}

	.top .news_section .info_list_wrapper {
		width: calc(100% - min(11.71875vw, 120px));
		padding: min(5.859375vw, 60px) 0 min(2.44140625vw, 25px);
		gap: min(2.44140625vw, 25px) 0;
		border-right: 1px solid rgba(222, 210, 187, .25)
	}

	.top .news_section .info_list_wrapper ul.info_list li>a {
		padding: min(1.953125vw, 20px) min(7.8125vw, 80px) min(1.953125vw, 20px) min(3.90625vw, 40px);
		display: flex
	}

	.top .news_section .info_list_wrapper ul.info_list li>a::before {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: min(3.90625vw, 40px);
		width: min(.78125vw, 8px);
		height: min(.5859375vw, 6px);
		background-image: url("./img/common/arrow.svg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%
	}

	.top .news_section .info_list_wrapper ul.info_list li>a>span {
		display: flex;
		align-items: center
	}

	.top .news_section .info_list_wrapper ul.info_list li>a>span.time {
		font-size: min(.9765625vw, 10px)
	}

	.top .news_section .info_list_wrapper ul.info_list li>a>span.meta {
		margin: 0 0 0 min(1.953125vw, 20px);
		font-size: min(1.3671875vw, 14px)
	}

	.top .news_section .view_more {
		padding: 0 min(1.953125vw, 20px)
	}

	.top .news_section .view_more>a {
		width: min(10.7421875vw, 110px);
		font-size: min(.9765625vw, 10px)
	}

	.top .greeting_section {
		background-size: min(14.6484375vw, 150px) auto
	}

	.top .greeting_section .greeting_wrapper {
		padding: min(23.4375vw, 240px) 0;
	}

	.top .greeting_section .greeting_wrapper h2 {
		font-size: min(3.3203125vw, 34px)
	}

	.top .greeting_section .greeting_wrapper h2>span.en {
		font-size: min(1.171875vw, 12px);
		margin-top: min(3.90625vw, 40px)
	}

	.top .greeting_section .greeting_wrapper .greeting_text {
		padding: 0
	}

	.top .greeting_section .greeting_wrapper .greeting_text .text_inner {
		writing-mode: vertical-rl;
		margin: 0 auto;
		overflow: hidden;
		margin-top: min(11.71875vw, 120px);
	}

	.top .greeting_section .greeting_wrapper .greeting_text p {
		font-size: min(2.6666666667dvh, 16px);
		line-height: 3
	}

	.top .greeting_section .greeting_wrapper .greeting_text p.name {
		margin-top: 0;
		display: flex;
		justify-content: end
	}

	.top .greeting_section .greeting_wrapper .greeting_text p+p {
		margin: 0 min(8dvh, 60px) 0 0
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div>img {
		height: 100%;
		object-fit: contain
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_01 {
		top: 0;
		left: 20.8333333333vw;
		width: 10.4166666667vw;
		height: 25.6959314775dvh
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_01>img {
		object-position: 0 50%
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_02 {
		right: 3.125vw;
		width: 29.2708333333vw;
		height: 47.3233404711dvh
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_02>img {
		object-position: 100% 50%
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_03 {
		width: 27.2916666667vw;
		height: 67.3447537473dvh
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_03>img {
		object-position: 0 50%
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_04 {
		right: 26.0416666667vw;
		width: 11.71875vw;
		height: 28.9079229122dvh
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_04>img {
		object-position: 100% 50%
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_05 {
		top: 129.3103448276vh;
		left: 18.2291666667vw;
		width: 16.25vw;
		height: 40.0428265525dvh
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_05>img {
		object-position: 0 50%
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_06 {
		width: 32.5vw;
		height: 50.1070663812dvh
	}

	.top .greeting_section .greeting_wrapper .greeting_pictures>div.pictures_06>img {
		object-position: 100% 50%
	}

	.top .menu_section .menu_wrapper {
		display: flex;
		flex-wrap: wrap;
		max-width: 1400px;
		margin: 0 auto
	}

	.top .menu_section h2 {
		width: min(11.71875vw, 120px);
		font-size: min(2.5390625vw, 26px);
		padding: min(11.71875vw, 120px) 0 0 0;
		margin: 0;
		border-right: 1px solid rgba(222, 210, 187, .25);
		border-left: 1px solid rgba(222, 210, 187, .25);
		display: flex;
		align-items: center;
		justify-content: center
	}

	.top .menu_section h2 span.en {
		font-size: min(.9765625vw, 10px)
	}

	.top .menu_section h2 span.jp {
		margin-top: min(1.953125vw, 20px)
	}

	.top .menu_section .tab_wrapper {
		margin-top: 0;
		padding: min(11.71875vw, 120px) 0 0 0;
		width: min(39.0625vw, 400px)
	}

	.top .menu_section .tab_wrapper .text_inner {
		padding: 0 min(3.90625vw, 40px);
		font-size: min(1.5625vw, 16px)
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu {
		margin-top: min(3.90625vw, 40px);
		padding-top: min(3.90625vw, 40px)
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu dt {
		font-size: min(1.5625vw, 16px)
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu dt+dd {
		margin-top:  min(3.90625vw, 40px);
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu dd {
		font-size: min(1.3671875vw, 14px)
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu dd+dt {
		margin-top: min(1.953125vw, 20px)
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul {
		font-size: min(calc(100vw / 1024 * 12), 12px)
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul li::before {
		width: min(calc(100vw / 1024 * 4), 4px);
		top: calc(1em - min(calc(100vw / 1024 * 2), 2px));
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul + p {
		margin-top:  min(3.90625vw, 40px);
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul li + li {
		margin-top: min(1.953125vw, 20px);
	}

	.top .menu_section .tab_wrapper .text_inner dl.course_menu dd ul.notes {
		font-size: min(calc(100vw / 1024 * 10), 10px);
		margin-top: min(3.90625vw, 40px);
	}

	.top .menu_section .tab_wrapper .text_inner.pc dl.course_menu {
		border-top: none;
		margin-top: 0;
		padding: min(3.90625vw, 40px) 0 min(11.71875vw, 120px) 0
	}

	.top .menu_section .tab_wrapper ul.tab_list {
		margin-top: min(3.90625vw, 40px)
	}

	.top .menu_section .tab_wrapper ul.tab_list li {
		padding: min(1.953125vw, 20px) min(3.90625vw, 40px);
		font-size: min(1.5625vw, 16px);
		cursor: pointer
	}

	.top .menu_section .tab_wrapper ul.tab_list li .en {
		font-size: min(.9765625vw, 10px);
		margin-left: min(.9765625vw, 10px)
	}

	.top .menu_section .tab_wrapper ul.tab_list li::before {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: min(3.90625vw, 40px);
		width: min(.78125vw, 8px);
		height: min(.5859375vw, 6px);
		background-image: url("./img/common/arrow.svg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%
	}

	.top .menu_section .slider_wrapper {
		width: calc(100% - min(50.78125vw, 520px));
		padding: min(11.71875vw, 120px) 0;
		border-right: 1px solid rgba(222, 210, 187, .25)
	}

	.top .menu_section .slider_wrapper ul.tab_target h3 {
		border-top: 1px solid rgba(222, 210, 187, .25);
		border-left: 1px solid rgba(222, 210, 187, .25);
		padding: min(3.662109375vw, 37.5px);
		font-size: min(2.734375vw, 28px);
		display: flex;
		align-items: end
	}

	.top .menu_section .slider_wrapper ul.tab_target h3 .en {
		font-size: min(1.171875vw, 12px);
		margin: 0 0 0 min(.9765625vw, 10px)
	}

	.top .menu_section .slider_wrapper ul.tab_target p {
		border-top: 1px solid rgba(222, 210, 187, .25);
		border-left: 1px solid rgba(222, 210, 187, .25);
		margin-top: 0;
		padding: min(3.90625vw, 40px);
		min-height: auto;
		font-size: min(1.953125vw, 20px)
	}

	.top .menu_section .slider_wrapper ul.thumbnail_list {
		border-left: 1px solid rgba(222, 210, 187, .25);
		border-bottom: 1px solid rgba(222, 210, 187, .25);
		margin-top: 0;
		padding: 0 min(3.90625vw, 40px) min(3.90625vw, 40px);
		gap: min(.9765625vw, 10px);
		min-height: auto
	}

	.top .menu_section .slider_wrapper ul.thumbnail_list li {
		width: calc((100% - min(.9765625vw, 10px)*3)/4);
		cursor: pointer
	}

	.top .room_secton .room_wrapper {
		max-width: 1400px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap
	}

	.top .room_secton h2 {
		order: 3;
		width: min(11.71875vw, 120px);
		font-size: min(2.5390625vw, 26px);
		padding: min(11.71875vw, 120px) 0;
		margin: 0;
		border-right: 1px solid rgba(222, 210, 187, .25);
		border-left: 1px solid rgba(222, 210, 187, .25);
		display: flex;
		align-items: center;
		justify-content: center
	}

	.top .room_secton h2 span.en {
		font-size: min(.9765625vw, 10px)
	}

	.top .room_secton h2 span.jp {
		margin-top: min(1.953125vw, 20px)
	}

	.top .room_secton .text_inner {
		order: 2;
		width: calc(50% - min(11.71875vw, 120px));
		margin-top: 0;
		padding: 0;
		border-left: 1px solid rgba(222, 210, 187, .25)
	}

	.top .room_secton .text_inner .text_header {
		padding: min(3.90625vw, 40px);
		height: 50%;
		display: flex;
		align-items: end
	}

	.top .room_secton .text_inner .text_header p {
		font-size: min(1.5625vw, 16px)
	}

	.top .room_secton .text_inner .text_footer {
		border-top: 1px solid rgba(222, 210, 187, .25);
		margin-top: 0;
		padding: min(3.90625vw, 40px)
	}

	.top .room_secton .text_inner .text_footer p {
		font-size: min(1.5625vw, 16px)
	}

	.top .room_secton .slider_wrapper {
		order: 1;
		border-top: none;
		width: 50%;
		border-left: 1px solid rgba(222, 210, 187, .25);
		display: flex;
		align-items: center
	}

	.top .room_secton .slider_wrapper .slider_button {
		width: min(4.8828125vw, 50px);
		height: min(4.8828125vw, 50px);
		border-radius: min(4.8828125vw, 50px);
		cursor: pointer
	}

	.top .room_secton .slider_wrapper .slider_button::before {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 50%;
		width: min(.78125vw, 8px);
		height: min(.5859375vw, 6px);
		background-image: url("./img/common/arrow.svg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%;
		transform: translate(50%, -50%)
	}

	.top .room_secton .slider_wrapper .prev-button {
		left: min(4.8828125vw, 50px)
	}

	.top .room_secton .slider_wrapper .prev-button::before {
		transform: translate(50%, -50%) scale(-1, 1)
	}

	.top .room_secton .slider_wrapper .next-button {
		right: min(4.8828125vw, 50px)
	}

	.top .information_section {
		padding: 0;
		background-position: 50% 50%;
		background-size: cover;
	}

	.top .information_section .information_wrapper {
		max-width: 1400px;
		margin: 0 auto;
		padding: min(11.71875vw, 120px);
		border-right: 1px solid rgba(222, 210, 187, .25);
		border-left: 1px solid rgba(222, 210, 187, .25)
	}

	.top .information_section h2 {
		font-size: min(3.3203125vw, 34px)
	}

	.top .information_section h2>span.en {
		font-size: min(1.171875vw, 12px);
		margin-top: min(3.90625vw, 40px)
	}

	.top .information_section .map_wrapper {
		max-width: 800px;
		margin: min(11.71875vw, 120px) auto 0;
		padding: 0;
		display: flex;
		align-items: center
	}

	.top .information_section .map_wrapper .detail p {
		font-size: min(1.3671875vw, 14px)
	}

	.top .information_section .map_wrapper .detail p+p {
		margin-top: min(2.9296875vw, 30px)
	}

	.top .information_section .map_wrapper .map {
		width: min(43.9453125vw, 450px);
		height: min(43.9453125vw, 450px);
		margin: 0 0 0 auto
	}

	.top .information_section .map_wrapper .map>iframe {
		height: 100%
	}

	.top .reserve_section {
		padding: 0
	}

	.top .reserve_section .reserve_wrapper {
		display: flex;
		flex-wrap: wrap;
		max-width: 1400px;
		margin: 0 auto;
		border-left: 1px solid rgba(222, 210, 187, .25);
		border-right: 1px solid rgba(222, 210, 187, .25)
	}

	.top .reserve_section h2 {
		width: min(11.71875vw, 120px);
		font-size: min(2.5390625vw, 26px);
		padding: min(11.71875vw, 120px) 0;
		margin: 0;
		border-right: 1px solid rgba(222, 210, 187, .25)
	}

	.top .reserve_section h2 span.en {
		font-size: min(.9765625vw, 10px)
	}

	.top .reserve_section h2 span.jp {
		margin-top: min(1.953125vw, 20px)
	}

	.top .reserve_section .reserve_text {
		padding: 0;
		margin-top: min(11.71875vw, 120px);
		width: calc(50% - min(23.4375vw, 240px))
	}

	.top .reserve_section .reserve_text p {
		font-size: min(1.3671875vw, 14px);
		padding: 0 0 min(3.90625vw, 40px) min(3.90625vw, 40px);
		border-bottom: 1px solid rgba(222, 210, 187, .25)
	}

	.top .reserve_section ul.reserve_butotns {
		width: 50%;
		padding: 0 0 min(11.71875vw, 120px) min(3.90625vw, 40px);
		margin-top: 0;
		display: flex;
		align-items: end;
		gap: 0 min(3.90625vw, 40px)
	}

	.top .reserve_section ul.reserve_butotns li {
		height: min(7.8125vw, 80px);
		width: 50%
	}

	.top .reserve_section ul.reserve_butotns li+li {
		margin: 0
	}

	.top .reserve_section ul.reserve_butotns li a {
		font-size: min(1.3671875vw, 14px);
		border-radius: min(.5859375vw, 6px);
		padding-right: min(1.953125vw, 20px)
	}

	.top .reserve_section ul.reserve_butotns li a::before {
		width: min(1.3671875vw, 14px);
		height: min(1.3671875vw, 14px);
		right: min(1.953125vw, 20px)
	}

	.lower {
		background-size: min(14.6484375vw, 150px) auto
	}

	.lower .lower_wrapper {
		max-width: 1400px;
		margin: 0 auto;
		padding: min(11.71875vw, 120px);
		border-right: 1px solid #000;
		border-left: 1px solid #000
	}

	.lower .lower_wrapper h1 {
		font-size: min(3.3203125vw, 34px)
	}

	.lower .lower_wrapper h1>span.en {
		font-size: min(1.171875vw, 12px);
		margin-top: min(3.90625vw, 40px)
	}

	.lower .lower_wrapper .lower_content_wrapper {
		max-width: 800px;
		margin: min(11.71875vw, 120px) auto 0;
		padding: 0
	}

	.lower .lower_wrapper .lower_content_wrapper p {
		font-size: min(1.5625vw, 16px)
	}

	.lower .lower_wrapper .lower_content_wrapper p+p {
		margin-top: min(2.9296875vw, 30px)
	}

	.lower .lower_wrapper .lower_content_wrapper p.center {
		text-align: center
	}

	.lower .lower_wrapper .lower_content_wrapper.single .article_post_data {
		padding-top: min(5.859375vw, 60px);
		font-size: min(1.3671875vw, 14px)
	}

	.lower .lower_wrapper .lower_content_wrapper.single .article_post_data+h2 {
		margin-top: min(1.46484375vw, 15px)
	}

	.lower .lower_wrapper .lower_content_wrapper.single h2 {
		padding-bottom: min(5.859375vw, 60px);
		margin: min(5.859375vw, 60px) 0;
		font-size: min(2.34375vw, 24px)
	}

	.lower .lower_wrapper .lower_content_wrapper.single .browser_back {
		margin-top: min(5.859375vw, 60px)
	}

	.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a {
		padding: min(1.953125vw, 20px) min(7.8125vw, 80px) min(1.953125vw, 20px) 0;
		display: flex
	}

	.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a::before {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: min(3.90625vw, 40px);
		width: min(.78125vw, 8px);
		height: min(.5859375vw, 6px);
		background-image: url("./img/common/arrow.svg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%
	}

	.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a>span {
		display: flex;
		align-items: center
	}

	.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a>span.time {
		font-size: min(.9765625vw, 10px)
	}

	.lower .lower_wrapper .lower_content_wrapper .info_list_wrapper ul.info_list li>a>span.meta {
		margin: 0 0 0 min(1.953125vw, 20px);
		font-size: min(1.3671875vw, 14px)
	}

	.lower .lower_wrapper .lower_content_wrapper .pagination {
		margin-top: min(5.859375vw, 60px);
		font-size: min(1.171875vw, 12px)
	}

	.lower .lower_wrapper .lower_content_wrapper .pagination span {
		margin: 0 min(.9765625vw, 10px)
	}

	.lower .lower_wrapper .lower_content_wrapper .pagination a {
		margin: 0 min(.9765625vw, 10px)
	}

	.lower .lower_wrapper .en_wrapper .lead {
		padding: min(5.859375vw, 60px) 0
	}

	.lower .lower_wrapper .en_wrapper h2 {
		font-size: min(2.34375vw, 24px);
		margin-bottom: min(5.859375vw, 60px);
		padding-bottom: min(5.859375vw, 60px)
	}

	.lower .lower_wrapper .en_wrapper h2::before {
		width: min(5.859375vw, 60px)
	}

	.lower .lower_wrapper .en_wrapper h3 {
		font-size: min(1.7578125vw, 18px);
		margin-bottom: min(5.859375vw, 60px);
		padding: min(.9765625vw, 10px)
	}

	.lower .lower_wrapper .en_wrapper p+h2 {
		margin-top: min(11.71875vw, 120px)
	}

	.lower .lower_wrapper .en_wrapper p+h3 {
		margin-top: min(5.859375vw, 60px)
	}
}