@charset "UTF-8";

/* ----------------------------------------------------
	contents
---------------------------------------------------- */
.contents {
	padding: 120px 50px;
}

.contents__kv {
	margin-bottom: 3em;
}

.contents__lead,
.contents__image {
	margin-bottom: 5em;
}

.contents__lead .text {
	font-size: 20px;
	text-align: center;
}

.contents__lead .text:not(:last-of-type) {
	margin-bottom: 1em;
}

.contents__date {
	margin-bottom: 4em;
	text-align: center;
}

.contents__date--title {
	font-size: 24px;
	font-weight: 600;
}

.contents__date--detail {
	font-size: 22px;
}

.contents__date--detail span.note {
	/* font-size: 15px; */
	font-size: 18px;
}

.contents__date--detail span.note::before {
	content: "※";
}

.contents__link {
	display: flex;
	justify-content: center;
}

.contents__link li {
	margin: 0 1em;
}

@media screen and (max-width: 1200px) {
	.contents {
		padding: 10vw 4.16667vw;
	}

	.contents__lead .text {
		font-size: 1.66667vw;
	}

	.contents__date--title {
		font-size: 2vw;
	}

	.contents__date--detail {
		font-size: 1.83333vw;
	}

	.contents__date--detail span.note {
		/* font-size: 1.25vw; */
		font-size: 1.5vw;
	}
}

@media screen and (max-width: 768px) {
	.contents {
		padding: 13.33333vw 4.8vw;
	}

	.contents.pool {
		padding: 13.33333vw 0;
	}

	.contents.pool .contents__image,
	.contents.pool .contents__link {
		padding: 0 4.8vw;
	}

	.contents__lead,
	.contents__image {
		margin-bottom: 3em;
	}

	.contents__lead .text {
		font-size: 4.26667vw;
	}

	.contents__date {
		margin-bottom: 2em;
	}

	.contents__date--title {
		font-size: 5.33333vw;
	}

	.contents__date--detail {
		font-size: 4.8vw;
	}

	.contents__date--detail span.note {
		font-size: 4vw;
	}

	.contents__link {
		flex-direction: column;
	}

	.contents__link li {
		margin: 0;
	}

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

/* ----------------------------------------------------
	about
---------------------------------------------------- */
.about {
	background: rgb(101, 19, 102);
	background: linear-gradient(90deg, rgba(101, 19, 102, 1) 0%, rgba(35, 16, 112, 1) 100%);
	padding: 50px;
	color: rgb(var(--wht));
}

.about__title {
	margin: 0 auto 1em;
	max-width: 700px;
}

.about__lead {
	margin-bottom: 2em;
}

.about__lead .text {
	font-size: 20px;
	text-align: center;
}

.about__lead .text:not(:last-of-type) {
	margin-bottom: 1em;
}

.about__nav--list {
	display: flex;
	align-items: center;
}

.about__nav--item {
	width: calc(100% / 3);
}

.about__nav--item.navMenu {
	margin-top: 3.5%;
}

.about__nav--item a img {
	transition: all 0.5s ease 0s;
}

.about__nav--item a:hover img {
	opacity: 0.65;
}

@media screen and (max-width: 1200px) {
	.about {
		padding: 4.16667vw;
	}

	.about__title {
		max-width: 58.33333%;
	}

	.about__lead .text {
		font-size: 1.66667vw;
	}
}

@media screen and (max-width: 768px) {
	.about {
		padding: 13.33333vw 4.8vw;
	}

	.about.contents {
		padding: 13.33333vw 0;
	}

	.about__title {
		max-width: 100%;
	}

	.about__lead .text {
		font-size: 4.26667vw;
	}
}

/* ----------------------------------------------------
	night
---------------------------------------------------- */
.night {
	background: rgb(151, 18, 117);
	background: linear-gradient(0deg, rgba(151, 18, 117, 1) 0%, rgba(101, 19, 102, 1) 20%, rgba(64, 0, 80, 1) 100%);
	color: rgb(var(--wht));
	padding-top: 60px;
	position: relative;
}

.night__title {
	margin: 0 auto;
	width: 42.4844%;
}

.night .container {
	max-width: 1100px;
}

.night .linkBtn a {
	background: #E962AC;
	color: rgb(var(--wht));
	border-color: rgb(var(--wht));
}

.night .linkBtn a:hover {
	background: rgb(var(--wht));
	color: #E962AC;
	border-color: #E962AC;
}

.night__contents {
	position: relative;
}

.night__contents--list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.night__contents--list .listWrap {
	background: url(../img/bg.webp) center top no-repeat;
	background-size: 100% auto;
	padding: 100px;
	width: 50%;
	height: 580px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.night__contents--list .listWrap:nth-child(2) {
	justify-content: center;
}

.night__contents--list .listWrap:nth-child(odd) {
	left: 4%;
}

.night__contents--list .listWrap:nth-child(even) {
	right: 4%;
}

.night__contents--list .listWrap:nth-child(3),
.night__contents--list .listWrap:nth-child(4) {
	bottom: 70px;
}

.night__contents--list .listWrap .icon,
.night__contents--list .listWrap .image {
	margin-bottom: 1em;
	width: 100%;
	text-align: center;
}

.night__contents--list .listWrap .icon img {
	width: 20%;
}

.night__contents--list .listWrap .detail {
	text-align: center;
}

.night__contents--list .listWrap .detail__title {
	margin-bottom: 0.5em;
	line-height: 1;
	font-family: var(--century);
	font-size: 28px;
	font-weight: 700;
}

.night__contents--list .listWrap .detail__text {
	line-height: 1.65;
	font-size: 16px;
}

.night__contents--list .listWrap .detail__text .text:not(:last-of-type) {
	margin-bottom: 1em;
}

.night__contents--list .listWrap .detail__text .linkBtn {
	margin-top: 1em;
}

.night__contents--list .listWrap .detail__text .linkBtn a {
	max-width: 210px;
	width: 100%;
	height: 46px;
	font-size: 16px;
	border-width: 2px;
	border-radius: 46px;
}

@media screen and (max-width: 1200px) {
	.night__contents--list .listWrap {
		padding: 8.33333vw;
		height: 48.33333vw;
	}

	.night__contents--list .listWrap:nth-child(3),
	.night__contents--list .listWrap:nth-child(4) {
		bottom: 5.83333vw;
	}

	.night__contents--list .listWrap .detail__title {
		font-size: 2.33333vw;
	}

	.night__contents--list .listWrap .detail__text {
		font-size: 1.45455vw;
	}

	.night__contents--list .listWrap .detail__text .linkBtn a {
		max-width: 19.09091vw;
		height: 4.18182vw;
		font-size: 1.45455vw;
		border-width: 0.18182vw;
		border-radius: 4.18182vw;
	}
}

@media screen and (max-width: 768px) {
	.night {
		padding-top: 13.33333vw;
	}

	.night__title {
		margin: 0 auto;
		width: 76%;
	}

	.night__contents {
		margin-bottom: 2em;
		padding-bottom: -20vw;
	}

	.night__contents--list {
		display: block;
	}

	.night__contents--list .listWrap {
		background-size: 120% auto;
		padding: 0 16vw;
		width: 100%;
		height: 126vw;
		justify-content: center;
	}

	.night__contents--list .listWrap:nth-child(odd) {
		left: auto;
	}

	.night__contents--list .listWrap:nth-child(even) {
		right: auto;
	}

	.night__contents--list .listWrap:nth-child(3),
	.night__contents--list .listWrap:nth-child(4) {
		bottom: auto;
	}

	.night__contents--list .listWrap .icon img {
		width: 15%;
	}

	.night__contents--list .listWrap .detail__title {
		font-size: 6.4vw;
	}

	.night__contents--list .listWrap .detail__text {
		line-height: 1.5;
		font-size: 3.73333vw;
	}

	.night__contents--list .listWrap .detail__text .linkBtn a {
		max-width: 100%;
		height: 9.6vw;
		font-size: 3.73333vw;
		border-width: 2px;
		border-radius: 9.6vw;
	}

	.night__contents .contentsDeco01 {
		top: -6.4vw;
		left: -6.4vw;
	}

	.night__contents .contentsDeco02 {
		right: 4vw;
		bottom: 24vw;
	}

	.night__contents .contentsDeco03 {
		right: -6.4vw;
		bottom: 0;
	}
}

/* ----------------------------------------------------
	day
---------------------------------------------------- */
.day {
	background: #75E5F1;
	padding-top: 60px;
	color: #595757;
	position: relative;
}

.day__title {
	margin: 0 auto;
	width: 38.11492%;
}

.day .container {
	max-width: 1100px;
}

.day .linkBtn a {
	background: rgb(var(--blu));
	color: rgb(var(--wht));
	border-color: rgb(var(--wht));
}

.day .linkBtn a:hover {
	background: rgb(var(--wht));
	color: rgb(var(--blu));
	border-color: rgb(var(--blu));
}

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

@media screen and (max-width: 768px) {
	.day {
		overflow: hidden;
	}

	.day__title {
		width: 70%;
	}
}

/* ----------------------------------------------------
	menu
---------------------------------------------------- */
.menu {
	background: #F2F1E6;
}

.menu .comingsoon {
	margin-bottom: 4rem;
	padding: 1em 0;
	color: rgb(var(--pin));
	font-family: var(--century);
	font-size: 3em;
	font-weight: bold;
	text-align: center;
}

.menu__title {
	margin: 0 auto 4em;
	width: 36.77370%;
}

.menu__contents {
	max-width: 1100px;
}

.menu__contents:not(:last-of-type) {
	margin-bottom: 6em;
}

.menu__contents .linkBtn {
	margin-bottom: 4em;
}

.menu__contents .linkBtn a {
	background: rgb(var(--pin));
	color: rgb(var(--wht));
	border-color: #FBCFCE;
}

.menu__contents .linkBtn a:hover {
	background: rgb(var(--wht));
	color: rgb(var(--pin));
	border-color: rgb(var(--pin));
}

.menu__contents .list {
	margin: 0 auto;
	max-width: 80%;
}

.menu__contents--title {
	margin-bottom: 1rem;
	line-height: 1;
	color: rgb(var(--pin));
	font-family: var(--century);
	font-size: 50px;
	text-align: center;
	position: relative;
}

.menu__contents--title::before {
	background: rgb(var(--pin));
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	content: "";
}

.menu__contents--title span {
	background: #F2F1E6;
	padding: 0 1em;
	position: relative;
	z-index: 2;
}

.menu__date {
	margin: 0 auto 4em;
	font-size: 22px;
	text-align: center;
}

div.menu__date {
	margin-bottom: 2em;
}

.menu__date--th,
.menu__date--td {
	font-size: 22px;
	text-align: right;
}

.menu__date--th {
	padding-right: 0.5em;
}

.menu__date .note {
	font-size: 14px;
}

.menu__date .note::before {
	content: "※";
}

.menu__shop {
	margin-bottom: 1rem;
	color: rgb(var(--pin));
	font-size: 28px;
	text-align: center;
}

.menu__lead {
	margin-bottom: 1.5em;
	font-size: 20px;
	text-align: center;
}

.menu__list {
	display: flex;
	flex-wrap: wrap;
}

.menu__list.single {
	justify-content: center;
}

.menu__list--item {
	margin-bottom: 4em;
	width: 48.81218%;
}

.menu__list--item .image {
	position: relative;
}

.menu__list--item .image figcaption {
	background: rgb(var(--pin));
	padding: 0.5em 2em 0.5em 1em;
	clip-path: polygon(100% 0, 82% 100%, 0 100%, 0 0);
	line-height: 1;
	color: rgb(var(--wht));
	font-family: var(--century);
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}

.menu__list--item:not(:nth-child(even)) {
	margin-right: calc(100% - (48.81218% * 2));
}

.menu__list--item .price {
	margin-top: 0.5em;
	font-size: 18px;
	display: flex;
}

.menu__list--item .price__title {
	margin-right: 1em;
}

.menu .poolStore {
	margin-bottom: 4em;
	text-align: center;
}

.menu .poolStore ul {
	margin: 0 auto;
	display: inline-block;
}

.menu .poolStore li {
	text-align: left;
}

.menu .poolStore li:not(:last-of-type) {
	margin-bottom: 1em;
}

@media screen and (max-width: 1200px) {
	.menu__contents--title {
		font-size: 4.16667vw;
	}

	.menu__date,
	.menu__date--th,
	.menu__date--td {
		font-size: 1.83333vw;
	}

	.menu__date .note {
		font-size: 1.16667vw;
	}

	.menu__shop {
		font-size: 2.33333vw;
	}

	.menu__lead {
		font-size: 1.66667vw;
	}

	.menu__list--item .price {
		font-size: 1.5vw;
	}
}

@media screen and (max-width: 768px) {
	.menu__title {
		margin: 0 auto 2em;
		width: 65%;
	}

	.menu .comingsoon {
		font-size: 6.4vw;
	}

	.menu__contents:not(:last-of-type) {
		margin-bottom: 4em;
	}

	.menu__contents .linkBtn {
		margin-bottom: 2em;
	}

	.menu__contents .list {
		max-width: 100%;
	}

	.menu__contents--title {
		font-size: 6.4vw;
	}

	.menu__contents--title span {
		padding: 0 0.5em;
	}

	.menu__date {
		margin: 0 auto 2em;
		font-size: 4.26667vw;
	}

	.menu__date--th {
		padding-right: 0.5em;
	}

	.menu__date--th,
	.menu__date--td {
		line-height: 1.5;
		font-size: 4.26667vw;
		vertical-align: top;
	}

	.menu__date .note {
		font-size: 3.73333vw;
	}

	.menu__shop {
		font-size: 4.26667vw;
	}

	.menu__lead {
		font-size: 3.73333vw;
	}

	.menu__list--item:not(:nth-child(even)) {
		margin-right: 0;
	}

	.menu__list {
		display: block;
	}

	.menu__list--item {
		margin-bottom: 2em;
		width: 100%;
	}

	.menu__list--item .price {
		font-size: 4.26667vw;
		display: block;
	}

	.menu .poolStore {
		margin-bottom: 2em;
	}
}

/* ----------------------------------------------------
	spgr
---------------------------------------------------- */
.spgr__contents {
	background: #B3A369;
	margin-bottom: 5em;
	padding: 3em 4em;
	color: rgb(var(--wht));
	border-radius: 24px;
}

.spgr__contents dl {
	margin-bottom: 2em;
}

.spgr__contents--title {
	margin-bottom: 1em;
	text-align: center;
}

.spgr__contents--title img {
	width: 31.37393%;
	width: 40%;
}

.spgr__contents--detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.spgr__contents--detail .image {
	padding-bottom: 3em;
	width: 42.16076%;
}

.spgr__contents--detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.spgr__contents--detail .detail {
	margin-bottom: 0;
}

.spgr__contents--detail .detail__title {
	margin-bottom: 1rem;
	line-height: 1;
	font-family: var(--century);
	font-size: 45px;
	font-weight: 600;
}

.spgr__contents--detail .detail__title small {
	margin-top: 0.5rem;
	line-height: 1.5;
	font-size: 22px;
	display: block;
}

.spgr__contents--detail .detail__text .text {
	margin-bottom: 0.5em;
	font-size: 18px;
}

.spgr__contents--detail .detail__text .note li {
	color: rgb(var(--blk));
}

.spgr__contents .linkBtn a {
	background: rgb(var(--wht));
	color: rgb(var(--blk));
	border-color: rgb(var(--wht));
}

.spgr__contents .linkBtn a:hover {
	background: none;
	color: rgb(var(--wht));
	border-color: rgb(var(--wht));
}

@media screen and (max-width: 1200px) {
	.spgr__contents {
		border-radius: 2vw;
	}

	.spgr__contents--detail .detail__title {
		font-size: 3.75vw;
	}

	.spgr__contents--detail .detail__title small {
		font-size: 1.83333vw;
	}

	.spgr__contents--detail .detail__text .text {
		font-size: 1.5vw;
	}
}

@media screen and (max-width: 768px) {
	.spgr__contents {
		padding: 4.8vw;
		border-radius: 6.4vw;
	}

	.spgr__contents dl {
		margin-bottom: 0;
	}

	.spgr__contents--title img {
		width: 65%;
	}

	.spgr__contents--detail {
		flex-direction: column-reverse;
	}

	.spgr__contents--detail .image {
		margin: 1em 0;
		width: 100%;
	}

	.spgr__contents--detail .detail__title {
		font-size: 8.53333vw;
	}

	.spgr__contents--detail .detail__title small {
		font-size: 4.26667vw;
		letter-spacing: -0.005em;
	}

	.spgr__contents--detail .detail__text .text {
		font-size: 4.26667vw;
	}
}

/*
	sns
------------------------------ */
.sns {
	margin: 0 auto;
	max-width: 475px;
	width: 100%;
}

.sns__title {
	margin-bottom: 2rem;
	line-height: 1.5;
	text-align: center;
}

.sns__title span {
	font-size: 22px;
	font-weight: 600;
}

.sns__title span::before {
	content: "＼";
}

.sns__title span::after {
	content: "／";
}

/* .sns__title span i {
	font-weight: 600;
} */

.sns__title small {
	margin-top: 0.5rem;
	font-size: 19px;
	display: block;
}

.sns__list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sns__list li {
	max-width: 61px;
	text-align: center;
}

.sns__list li.instagram img {
	max-width: 61px;
}

.sns__list li.facebook img {
	max-width: 60px;
}

.sns__list li.line img {
	max-width: 57px;
}

.sns__list li.x img {
	max-width: 46px;
}

@media screen and (max-width: 768px) {
	.sns {
		max-width: 100%;
	}

	.sns__title span {
		font-size: 5.86667vw;
	}

	.sns__title span::before,
	.sns__title span::after {
		content: "";
	}

	.sns__list {
		max-width: 100%;
		width: 100%;
	}

	.sns__list li {
		max-width: 25%;
		width: 25%;
	}

	/* 
	.sns__title span i::before {
		content: "＼";
	}

	.sns__title span i::after {
		content: "／";
	} */

	.sns__title small {
		font-size: 5.06667vw;
	}
}

/* ----------------------------------------------------
	notice
---------------------------------------------------- */
.notice {
	margin-bottom: 6em;
}

.notice__title {
	margin-bottom: 1rem;
	line-height: 1;
	color: rgb(var(--blu));
	font-family: var(--century);
	font-size: 50px;
	font-weight: 700;
	text-align: center;
}

.notice__notes--title {
	background: rgb(var(--blu));
	margin-bottom: 1rem;
	color: rgb(var(--wht));
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}

.notice__notes--detail {
	padding: 0 4.8vw;
}

.notice__notes--detail .list.type1 li::before {
	color: rgb(var(--blu));
}

@media screen and (max-width: 768px) {
	.notice__title {
		font-size: 13.33333vw;
	}

	.notice__notes--title {
		font-size: 5.86667vw;
	}
}

/* ----------------------------------------------------
	decoration
---------------------------------------------------- */
.decoration {
	position: absolute;
	z-index: 1;
}

/*
	header
------------------------------ */
.header .deco01 {
	width: 17.829%;
	top: -9%;
	left: 14%;
}

.header .deco02 {
	width: 22.862%;
	right: 0;
	bottom: -10%;
}

@media screen and (max-width: 768px) {
	.header .deco01 {
		width: 23.829%;
		top: -1%;
		left: 4%;
	}

	.header .deco02 {
		width: 27.862%;
		right: 0;
		bottom: -10%;
	}
}

/*
	night
------------------------------ */
.night .deco01 {
	width: 24.069%;
	top: -1.5%;
	left: 10%;
}

.night .deco02 {
	width: 17.829%;
	top: 5.5%;
	right: 9.5%;
}

.night .deco03 {
	width: 17.829%;
	bottom: 8.5%;
	left: 10%;
}

.night .deco04 {
	width: 17.829%;
	top: 0;
	left: 2.5%;
}

.night .deco05 {
	width: 8.17468%;
	right: 4%;
	bottom: 12%;
}

@media screen and (max-width: 768px) {
	.night .deco01 {
		width: 29.069%;
		top: -1%;
		left: 5%;
	}

	.night .deco02 {
		width: 22.829%;
		top: 5.5%;
		right: 5%;
	}

	.night .deco03 {
		width: 22.829%;
		bottom: 10.5%;
		left: 1%;
	}

	.night .deco04 {
		width: 22.829%;
		top: 2%;
		left: 0;
	}

	.night .deco05 {
		width: 13.17468%;
		right: 0;
		bottom: 2%;
	}
}

/*
	day
------------------------------ */
.day .deco01 {
	width: 30.883%;
	top: 0;
	left: 6%;
}

.day .deco02 {
	width: 22.3949%;
	top: 26%;
	right: 3%;
}

.day .deco03 {
	width: 23.3949%;
	bottom: 5%;
	left: 2%;
}

@media screen and (max-width: 768px) {
	.day .deco01 {
		width: 35.883%;
		top: 0;
		left: 2%;
	}

	.day .deco02 {
		width: 27.3949%;
		top: 26%;
		right: 0;
	}

	.day .deco03 {
		width: 28.3949%;
		bottom: 21%;
		left: 0;
	}
}