@charset "UTF-8";

/* ----------------------------------------------------
	lead
---------------------------------------------------- */
.lead {
	background: rgb(var(--blk));
	padding: 115px 0;
}

.lead__text {
	/* margin: 0 auto 85px; */
	margin: 0 auto;
	line-height: 3;
	font-size: 18px;
	writing-mode: vertical-rl;
}

.lead__text i {
	text-combine-upright: all;
}

.lead__place {
	line-height: 2;
	text-align: center;
	white-space: nowrap;
}

.lead__place--floor {
	color: rgb(var(--gld));
	font-size: 18px;
	display: block;
}

@media screen and (max-width: 1000px) {
	.lead {
		padding: 11.5vw 0;
	}

	.lead__text {
		font-size: 1.8vw;
	}

	.lead__place--floor {
		font-size: 1.8vw;
	}
}

@media screen and (max-width: 768px) {
	.lead {
		padding: 115px 0;
	}

	.lead__text {
		line-height: 2;
		font-size: 4.8vw;
		white-space: nowrap;
	}

	.lead__place {
		line-height: 1.5;
		text-align: center;
	}

	.lead__place--floor {
		line-height: 2;
		font-size: 4.8vw;
	}
}

/* ----------------------------------------------------
	profile
---------------------------------------------------- */
.profile {
	background: rgb(var(--blk));
}

.profile__item {
	display: flex;
}

.profile__item:nth-child(even) {
	flex-direction: row-reverse;
}

.profile__item--content,
.profile__item--image {
	width: 50%;
}

.profile__slide {
	line-height: 0;
}

.profile__item--content {
	display: flex;
	justify-content: center;
	align-items: center;
}

.profile__item--content .inner {
	width: 33.923vw;
	font-size: 1.231vw;
}

.profile__item--content .job {
	margin-bottom: 39px;
	font-family: var(--gothic);
}

.profile__item--content .name {
	margin-bottom: 13px;
	line-height: 1.5;
}

.profile__item--content .name .en {
	font-family: var(--seasons);
	/* font-size: 45px; */
	font-size: 3.462vw;
	font-weight: 400;
	display: block;
}

.profile__item--content .name .jp {
	/* font-size: 30px; */
	font-size: 2.308vw;
}

.profile__item--content .position {
	margin-bottom: 35px;
}

.profile__item--image {
	opacity: 1;
	overflow: hidden;
	position: relative;
}

/* animation */
.profile__item--image::before {
	background: rgb(var(--blk));
	width: 100%;
	height: 100%;
	opacity: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	content: "";
}

.profile__item--image.fadeIn::before {
	animation-name: slideLeft;
	animation-fill-mode: forwards;
	animation-duration: 1s;
	animation-timing-function: linear;
}

@keyframes slideLeft {
	0% {
		transform: translateX(0);
	}

	40% {
		transform: translateX(10%);
	}

	60% {
		transform: translateX(90%);
	}

	100% {
		transform: translateX(100%);
	}
}


@media screen and (max-width: 1000px) {
	.profile__item--content .job {
		margin-bottom: 3.9vw;
	}

	.profile__item--content .name {
		margin-bottom: 1.3vw;
	}

	.profile__item--content .name .en {
		font-size: 4.5vw;
	}

	.profile__item--content .name .jp {
		font-size: 3vw;
	}

	.profile__item--content .position {
		margin-bottom: 3.5vw;
	}
}

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

	.profile__item,
	.profile__item:nth-child(even) {
		flex-direction: column-reverse;
	}

	.profile__item--content,
	.profile__item--image {
		width: 100%;
	}

	.profile__item--content .inner {
		padding: 10.933vw 9.867vw;
		width: 100%;
		font-size: 4.267vw;
	}

	.profile__item--content .job {
		margin-bottom: 6.133vw;
		font-size: 5.333vw;
	}

	.profile__item--content .name {
		margin-bottom: 0;
	}

	.profile__item--content .name .en {
		font-size: 9.333vw;
	}

	.profile__item--content .name .jp {
		font-size: 6.667vw;
	}

	.profile__item--content .position {
		margin-bottom: 7.733vw;
	}

	.profile__item--image {
		opacity: 1;
		overflow: hidden;
		position: relative;
	}
}

/* ---------------------------------------------------
	bgSlide
---------------------------------------------------- */
.bgSlide {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

/* ----------------------------------------------------
	gallery
---------------------------------------------------- */
.gallery__slide {
	line-height: 0;
}

/* ----------------------------------------------------
	menu
---------------------------------------------------- */
.menu {
	background: rgb(var(--blk), 0.8);
	padding: 115px 0;
	/* position: relative;
	z-index: 10; */
}

.menu__image {
	margin-bottom: 115px;
}

.menu__container {
	margin: 0 auto;
	width: 820px;
}

.menu__title {
	margin-bottom: 41px;
	line-height: 1.5;
	font-size: 45px;
	font-weight: 400;
	text-align: center;
}

.menu__title .jp {
	font-size: 25px;
	display: block;
}

.menu__table {
	margin-bottom: 66px;
	width: 100%;
	border-top: solid 1px rgb(var(--wht));
}

.menu__table tr {
	border-bottom: solid 1px rgb(var(--wht));
}

.menu__table--th,
.menu__table--td {
	padding: 40px 0;
	font-size: 18px;
	vertical-align: top;
}

.menu__table--th {
	width: 10%;
}

.menu__list--item {
	margin-left: 1em;
	text-indent: -1em;
}

.menu__list--item::before {
	content: "・";
}

.menu__detail {
	font-size: 14px;
	text-indent: 0;
	display: flex;
}

.menu__detail li:not(:last-of-type) {
	margin-right: 1em;
}

.menu .linkBtn a,
.menu__note span {
	margin: 0 auto;
	width: 644px;
	height: 69px;
	font-size: 18px;
	border: solid 1px rgb(var(--gld));
	border-radius: 69px;
}

.menu__note span {
	color: rgb(var(--gld));
	display: flex;
	justify-content: center;
	align-items: center;
}

.menu .linkBtn a:hover {
	background: rgb(var(--gld));
	color: rgb(var(--blk));
}

/* wine */
.menu__table--td .wine {
	margin-top: 1em;
	color: rgb(var(--gld));
	font-size: 18px;
	display: flex;
}

.wine__title {
	margin-right: 1em;
	white-space: nowrap;
}

.menu__table--td .wine .en {
	font-size: 15px;
}

@media screen and (max-width: 1000px) {
	.menu {
		padding: 11.5vw 0;
	}

	.menu__image {
		margin-bottom: 11.5vw;
	}

	.menu__container {
		width: 82vw;
	}

	.menu__title {
		margin-bottom: 4.1vw;
		font-size: 4.5vw;
	}

	.menu__title .jp {
		font-size: 2.5vw;
	}

	.menu__table {
		margin-bottom: 6.6vw;
	}

	.menu__table--th,
	.menu__table--td {
		padding: 4vw 0;
		font-size: 1.8vw;
	}

	.menu__detail {
		font-size: 1.4vw;
	}

	.menu .linkBtn a,
	.menu__note .note span {
		width: 64.4vw;
		height: 6.9vw;
		font-size: 1.8vw;
		border-radius: 6.9vw;
	}

	/* wine */
	.menu__table--td .wine {
		font-size: 1.8vw;
	}

	.menu__table--td .wine .en {
		font-size: 1.5vw;
	}
}

@media screen and (max-width: 768px) {
	.menu {
		padding: 17.333vw 0;
	}

	.menu__image {
		margin-bottom: 17.333vw;
	}

	.menu__container {
		width: 100%;
	}

	.menu__title {
		margin-bottom: 9.867vw;
		font-size: 12vw;
	}

	.menu__title .jp {
		font-size: 5.333vw;
	}

	.menu__table,
	.menu__table tr,
	.menu__table--th,
	.menu__table--td {
		display: block;
	}

	.menu__table {
		margin: 0 auto 13.867vw;
		width: 80.267vw;
	}

	.menu__table--th,
	.menu__table--td {
		width: 100%;
		font-size: 4.8vw;
	}

	.menu__table--th {
		margin-bottom: 4vw;
		padding: 10.4vw 0 0;
	}

	.menu__table--td {
		padding: 0 0 10.4vw;
	}

	.menu__detail {
		font-size: 3.733vw;
		white-space: nowrap;
		flex-wrap: wrap;
	}

	.menu .linkBtn a,
	.menu__note span {
		width: 80.267vw;
		height: 22.4vw;
		line-height: 1.5;
		font-size: 4.8vw;
		text-align: center;
		border-radius: 22.4vw;
	}

	/* wine */
	.menu__table--td .wine {
		font-size: 4.8vw;
		display: block;
	}

	.wine__title {
		margin-right: 0;
		white-space: nowrap;
	}

	.menu__table--td .wine .en {
		font-size: 4vw;
	}
}

/* ----------------------------------------------------
	information
---------------------------------------------------- */
.information {
	background: rgb(var(--gry));
	padding: 115px 0;
	text-align: center;
	position: relative;
	z-index: 10;
}

.information__title {
	margin: 0 auto 49px;
	width: 36.923vw;
}

.information__date {
	margin-bottom: 18px;
	font-family: var(--seasons);
	font-size: 25px;
	font-weight: 700;
}

.information__date .limited {
	color: rgb(var(--gld));
	font-family: var(--mincho);
	font-size: 18px;
	font-weight: 400;
	display: block;
}

.information__detail {
	margin-bottom: 77px;
}

.information__link--title {
	margin-bottom: 28px;
	font-family: var(--gothic);
	font-size: 20px;
	font-weight: normal;
}

.information__link--list {
	margin: 0 auto;
	width: 540px;
}

.information__link--item {
	background: #D9D9D9;
	height: 80px;
	color: rgb(var(--blk));
	border-radius: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.information__link--item:not(:last-of-type) {
	margin-bottom: 26px;
}

.information__link--item .member {
	margin: 0;
	font-size: 18px;
}

.information__link--item .price {
	margin: 0 16px;
	font-family: var(--seasons);
	font-size: 28px;
	font-weight: 700;
}

.information__link--item .linkBtn a {
	width: 216px;
	height: 40px;
	color: rgb(var(--blk));
	font-size: 18px;
	border: solid 1px rgb(var(--blk));
	border-radius: 40px;
}

.information__link--item .linkBtn a:hover {
	background: rgb(var(--gry));
	color: rgb(var(--wht));
}

@media screen and (max-width: 1000px) {
	.information {
		padding: 11.5vw 0;
	}

	.information__title {
		margin-bottom: 4.9vw;
		width: 48vw;
	}

	.information__date {
		margin-bottom: 1.8vw;
		font-size: 2.5vw;
	}

	.information__date .limited {
		font-size: 1.8vw;
	}

	.information__detail {
		margin-bottom: 7.7vw;
	}

	.information__link--title {
		margin-bottom: 2.8vw;
		font-size: 2vw;
	}

	.information__link--list {
		width: 54vw;
	}

	.information__link--item {
		height: 8vw;
		border-radius: 8vw;
	}

	.information__link--item:not(:last-of-type) {
		margin-bottom: 2.6vw;
	}

	.information__link--item .member {
		font-size: 1.8vw;
	}

	.information__link--item .price {
		margin: 0 1.6vw;
		font-size: 2.8vw;
	}

	.information__link--item .linkBtn a {
		width: 21.6vw;
		height: 4vw;
		font-size: 1.8vw;
		border-radius: 4vw;
	}
}

@media screen and (max-width: 768px) {
	.information {
		padding: 22.133vw 0;
	}

	.information__title {
		margin-bottom: 6.667vw;
		width: 85.333vw;
	}

	.information__date {
		margin-bottom: 4.267vw;
		font-size: 6.667vw;
	}

	.information__date .limited {
		font-size: 4.8vw;
	}

	.information__detail {
		margin-bottom: 14.4vw;
	}

	.information__link--title {
		margin-bottom: 5.067vw;
		font-size: 5.333vw;
	}

	.information__link--list {
		width: 77.6vw;
	}

	.information__link--item {
		padding: 5.6vw 8.533vw;
		height: auto;
		border-radius: 6.667vw;
		flex-wrap: wrap;
	}

	.information__link--item:not(:last-of-type) {
		margin-bottom: 26px;
	}

	.information__link--item .member {
		margin: 0;
		font-size: 4.8vw;
	}

	.information__link--item .price {
		margin: 0 0 0 4vw;
		font-size: 7.467vw;
	}

	.information__link--item .linkBtn {
		width: 100%;
	}

	.information__link--item .linkBtn a {
		width: 100%;
		height: 12.267vw;
		font-size: 4.8vw;
		border-radius: 12.267vw;
	}
}