/* ----------------------------------------------------
	header
---------------------------------------------------- */
.header {
	height: 76.135vw;
	position: relative;
}

.header__title {
	width: 47.291vw;
	position: absolute;
	top: 5.857vw;
	left: 5.857vw;
	z-index: 2;
}

.header .img-marquee {
	width: 100%;
	position: absolute;
	bottom: 10.688vw;
	left: 0;
	z-index: 1;
	/* 1枚あたりの横幅 */
	--kv_scroll-item-width: 25.842vw;
	/* 画像同士のすき間 */
	--kv_scroll-gap: 1.391vw;
	/* 1周分の枚数 */
	--kv_scroll-set-size: 11;
	/* 1周分の移動距離 */
	--kv_scroll-distance: -299.563vw;
	/* 1周するまでの時間 */
	--kv_scroll-speed: 80s;
}

.header .img-marquee__item figure {
	position: relative;
}

.header .img-marquee__item figure figcaption {
	width: 100%;
	font-size: 1.3rem;
	text-align: center;
	position: absolute;
	bottom: 0.5rem;
	left: 0;
}

.header .img-marquee__item figure figcaption.blk {
	color: rgb(var(--blk));
}

.header .note {
	display: none;
}

@media screen and (max-width: 768px) {
	.header {
		height: 34rem;
	}

	.header__title {
		width: 23.2rem;
		top: 4.4rem;
		left: 1rem;
	}

	.header .img-marquee {
		bottom: 5.5rem;
		/* 1枚あたりの横幅 */
		--kv_scroll-item-width: 9.67rem;
		/* 画像同士のすき間 */
		--kv_scroll-gap: 0.3rem;
		--kv_scroll-distance: -109.67rem;
		/* 1周するまでの時間 */
		--kv_scroll-speed: 60s;
	}

	.header .img-marquee__item figure figcaption {
		display: none;
	}

	.header .note {
		display: block;
		position: absolute;
		right: 0.5rem;
		bottom: 3.2rem;
	}

	.header .note li {
		font-size: 1rem;
	}
}

/* ----------------------------------------------------
	tab
---------------------------------------------------- */
.tab__list {
	color: rgb(var(--wht));
	display: flex;
	flex-wrap: wrap;
}

.tab__button {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%;
	height: 26.794vw;
	overflow: hidden;
	position: relative;
	transition: all 0.5s ease 0s;
	cursor: pointer;
}

.tab__button::before {
	background-color: rgba(var(--blk), 0.5);
	width: 100%;
	height: 100%;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s ease 0s;
	content: "";
}

.tab__button:hover::before,
.tab__button:active::before,
.tab__button:focus::before,
.tab__button.is-active::before {
	opacity: 0;
}

.tab__button--detail {
	font-weight: 500;
	text-align: center;
	position: absolute;
	top: 6.149vw;
	left: 50%;
	transform: translateX(-50%);
}

.tab__button--detail dt {
	font-family: var(--lexend);
	font-size: 3.66vw;
	white-space: nowrap;
}

.tab__button--detail dd {
	font-size: 1.464vw;
	white-space: nowrap;
}

.tab__button--text {
	width: 100%;
	height: 5.417vw;
	font-size: 1.464vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s ease 0s;
}

.tab__button--text span {
	border-bottom: solid 0.293vw rgb(var(--wht));
}

.tab__button:hover .tab__button--text,
.tab__button:active .tab__button--text,
.tab__button:focus .tab__button--text,
.tab__button.is-active .tab__button--text {
	bottom: -4.392vw;
}

/* day */
.tab__button.day {
	background-image: url(../img/tab-day-bg.webp);
}

.tab__button.day .tab__button--text {
	background-color: rgba(var(--color-daypool-blue), 1);
}

/* can */
.tab__button.can {
	background-image: url(../img/tab-can-bg.webp);
}

.tab__button.can .tab__button--text {
	background-color: rgba(0, 130, 120, 1);
}

@media screen and (max-width: 768px) {
	.tab__button {
		height: 13.1rem;
	}

	.tab__button--detail {
		top: 2.4rem;
	}

	.tab__button--detail dt {
		font-size: 1.4rem;
	}

	.tab__button--detail dd {
		font-size: 1rem;
	}

	.tab__button--text {
		height: 2.6rem;
		line-height: normal;
		font-size: 1rem;
	}

	.tab__button--text span {
		border-bottom-width: 0.2rem;
	}

	.tab__button:hover .tab__button--text,
	.tab__button:active .tab__button--text,
	.tab__button:focus .tab__button--text,
	.tab__button.is-active .tab__button--text {
		bottom: -2.1rem;
	}

	/* day */
	.tab__button.day {
		background-image: url(../img/tab-day-bg_sp.webp);
	}

	/* can */
	.tab__button.can {
		background-image: url(../img/tab-can-bg_sp.webp);
	}
}

/* 
	tab__panel
------------------------------ */
.tab__panel {
	padding: 10rem 0;
	color: rgb(var(--wht));
	display: none;
	position: relative;
}

.tab__panel.is-active {
	display: block;
}

.tab__panel--head,
.tab__panel--body .sec {
	margin: 0 auto;
	width: 118rem;
	position: relative;
}

.tab__panel--head {
	padding-bottom: 8rem;
}

.tab__panel--title {
	margin-bottom: 6rem;
	line-height: 1;
	font-family: var(--lexend);
	font-weight: 500;
}

.tab__panel--title small {
	display: block;
}

@media screen and (max-width: 768px) {
	.tab__panel {
		padding: 5rem 0;
	}

	.tab__panel--head,
	.tab__panel--body .sec {
		width: 100%;
	}

	.tab__panel--body .sec {
		padding-right: 2.6rem;
		padding-left: 2.6rem;
	}

	.tab__panel--head {
		padding: 0 2.6rem 4rem;
	}

	.tab__panel--title {
		margin-bottom: 2rem;
	}
}

/* ----------------------------------------------------
	sec
---------------------------------------------------- */
.sec {
	padding-top: 10rem;
}

.sec__title {
	margin-bottom: 4rem;
	line-height: normal;
	font-family: var(--lexend);
	font-size: 7rem;
	font-weight: 500;
}

.sec__title--small {
	font-size: 3.6rem;
	font-weight: 400;
	display: block;
}

.sec__title--jp {
	font-family: var(--gothic);
	font-size: 2.8rem;
	display: block;
}

@media screen and (max-width: 768px) {
	.sec {
		padding-top: 5rem;
	}

	.sec__title {
		margin-bottom: 2.5rem;
		font-size: 4rem;
	}

	.sec__title--small {
		font-size: 1.5rem;
	}

	.sec__title--jp {
		font-size: 1.5rem;
	}
}

/* ----------------------------------------------------
	about
---------------------------------------------------- */
.about__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.about__list--item {
	margin-bottom: 5rem;
	width: 55.7rem;
	position: relative;
}

.about__list--item:first-child {
	width: 100%;
}

.about__image {
	margin-bottom: 2rem;
	position: relative;
}

.about__image figcaption {
	font-size: 1.3rem;
	position: absolute;
	right: 0;
	bottom: -6.5rem;
}

.about__title {
	margin-bottom: 1rem;
	line-height: normal;
	font-family: var(--lexend);
	font-size: 4.2rem;
	font-weight: 500;
}

.about__title .jp {
	font-size: 2.6rem;
	display: block;
}

.about__lead {
	color: rgb(var(--blk));
	font-size: 1.6rem;
}

@media screen and (max-width: 768px) {
	.about__list {
		display: block;
	}

	.about__list--item {
		margin-bottom: 4rem;
		width: 100%;
	}

	.about__image figcaption {
		margin-top: 0.5rem;
		font-size: 1rem;
		text-align: right;
		position: static;
	}

	.about__title {
		font-size: 2.2rem;
	}

	.about__title .jp,
	.about__lead {
		font-size: 1.2rem;
	}
}

/* ----------------------------------------------------
	price
---------------------------------------------------- */
.price {
	--price-title-bg: var(--color-daypool-navy);
	--price-content-title-width: 41rem;
	--price-accent-color: var(--color-daypool-blue);
}

.price__title {
	background-color: rgba(var(--price-title-bg), 1);
	margin-bottom: 1rem;
	height: 6rem;
	font-size: 2.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.price__content {
	display: flex;
}

.price__content:not(:last-of-type) {
	margin-bottom: 1rem;
}

.price__content--title {
	background-color: rgba(var(--price-accent-color), 1);
	width: var(--price-content-title-width);
	line-height: 1.5;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.price__content--title .inner small {
	font-size: 2rem;
	font-weight: 500;
	display: block;
}

.price__content--detail {
	background-color: rgb(var(--wht));
	padding: 3.6rem 2.6rem;
	width: calc(100% - var(--price-content-title-width));
	color: rgba(var(--color-daypool-text), 1);
	font-size: 1.8rem;
}

.price__content .circle li::before {
	color: rgba(var(--price-accent-color), 1);
}

.price__content--detail .circle .note {
	margin: 0.5rem 0 0.5rem 0.5rem;
}

.price__content--detail .circle .note li::before {
	color: rgb(var(--blk)) !important;
	content: "※";
}

.price__content+.note {
	margin-top: 3rem;
	color: rgb(var(--blk));
}

.price__content+.note strong {
	color: rgba(198, 0, 86, 1);
}

@media screen and (max-width: 768px) {
	.price__title {
		height: 3.6rem;
		font-size: 1.3rem;
	}

	.price__content {
		display: block;
	}

	.price__content--title {
		padding: 1rem 0;
		width: 100%;
		font-size: 1.3rem;
	}

	.price__content--title .inner small {
		font-size: 1.1rem;
	}

	.price__content--detail {
		padding: 2rem;
		width: 100%;
		font-size: 1.2rem;
	}

	.price__content--detail .circle .note {
		margin: 0.5rem 0;
	}

	.price__content+.note {
		margin-top: 1rem;
	}
}

/* ----------------------------------------------------
	stay
---------------------------------------------------- */
.stay {
	--stay-topic-title-bg: linear-gradient(90deg, rgb(139, 123, 31) 0%, rgb(175, 170, 70) 100%);
	--stay-topic-title-color: inherit;
	--stay-button-bg: url(../img/arrow-link-button.svg), linear-gradient(90deg, rgb(29, 123, 167) 0%, rgb(20, 157, 199) 100%);
	--stay-button-color: inherit;
}

.stay__topic {
	margin: 0 auto 4rem;
	width: 90rem;
}

.stay__topic:last-of-type {
	margin-bottom: 7rem;
}

.stay__topic--title {
	background: var(--stay-topic-title-bg);
	color: var(--stay-topic-title-color);
	height: 6rem;
	font-size: 2.4rem;
	font-weight: 500;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.stay__topic--content {
	background-color: rgb(var(--wht));
	padding: 3rem 0;
	color: rgb(var(--blk));
	font-size: 2rem;
	text-align: center;
}

.stay__topic--content .text small {
	font-size: 1.8rem;
	display: block;
}

.stay__list {
	display: flex;
}

.stay__list--item {
	width: 55.7rem;
	display: flex;
	flex-direction: column;
}

.stay__list--item:not(:nth-child(even)),
.stay__list--item:not(:last-of-type) {
	margin-right: calc(100% - 55.7rem * 2);
}

.stay__image {
	margin-bottom: 2rem;
	position: relative;
}

.stay__image figcaption {
	font-size: 1.3rem;
	text-align: right;
	position: absolute;
	bottom: -4rem;
	right: 0;
}

.stay__title {
	margin-bottom: 2rem;
	line-height: normal;
	font-family: var(--lexend);
	font-size: 3.6rem;
	font-weight: 500;
	position: relative;
}

.stay__title--jp {
	font-family: var(--gothic);
	font-size: 2rem;
	display: block;
}

.stay__lead {
	margin-bottom: 4rem;
	font-size: 1.8rem;
}

.stay .reservation,
.stay .link-button {
	margin-top: auto;
}

.stay .link-button {
	background-image: var(--stay-button-bg);
	background-position: center right 2.6rem, center;
	background-size: 1.7rem auto, 100% 100%;
	color: var(--stay-button-color);
}

.stay__reservation {
	background-color: rgb(var(--color-cancam-green));
	height: 6.8rem;
	font-size: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.stay__topic {
		margin-bottom: 2rem;
		width: 100%;
	}

	.stay__topic:last-of-type {
		margin-bottom: 3rem;
	}

	.stay__topic--title {
		font-size: 1.3rem;
	}

	.stay__topic--content {
		padding: 2rem;
		font-size: 1.2rem;
	}

	.stay__topic--content .text small {
		font-size: 1rem;
	}

	.stay__list {
		display: block;
	}

	.stay__list--item {
		width: 100%;
		display: block;
	}

	.stay__list--item:not(:nth-child(even)),
	.stay__list--item:not(:last-of-type) {
		margin-right: 0;
	}

	.stay__list--item:not(:last-of-type) {
		margin-bottom: 4rem;
	}

	.stay__image figcaption {
		font-size: 1rem;
		bottom: -2.5rem;
	}

	.stay__title {
		margin-bottom: 1rem;
		font-size: 2rem;
	}

	.stay__title--jp {
		font-size: 1.2rem;
	}

	.stay__lead {
		margin-bottom: 2rem;
		font-size: 1.2rem;
	}

	.stay__reservation {
		height: 4.6rem;
		font-size: 1.2rem;
	}

	.stay .link-button {
		background-position: center right 1.8rem, center;
		background-size: 1.2rem auto, 100% 100%;
	}
}

/* ----------------------------------------------------
	daypool
---------------------------------------------------- */
.daypool .tab__panel--title {
	font-size: 15.4rem;
}

@media screen and (max-width: 768px) {
	.daypool .tab__panel--title {
		font-size: 4.2rem;
	}
}

/*
	daypool__head
------------------------------ */
.daypool__head--date {
	line-height: normal;
	font-family: var(--lexend);
	font-size: 3.8rem;
	font-weight: 500;
}

.daypool__head--time {
	margin-bottom: 2rem;
	line-height: normal;
	font-size: 2rem;
}

.daypool__head--lead {
	margin-bottom: 5rem;
	color: rgba(var(--color-daypool-text), 1);
}

.daypool__head--lead .text {
	margin-bottom: 1em;
	font-size: 1.6rem;
}

.daypool__head--image {
	margin-bottom: 10rem;
}

.daypool__head--slide .slick-dots {
	bottom: -1.2rem;
	justify-content: center;
}

.daypool__head--slide .slick-dots li:not(:last-of-type) {
	margin-right: 1.4rem;
}

.daypool__head--slide .slick-dots li button {
	width: 0.8rem;
	height: 0.8rem;
	border: none;
	border-radius: 0.8rem;
	background-color: rgb(var(--wht));
}

.daypool__head--slide .slick-dots li.slick-active button {
	background-color: rgba(var(--color-daypool-blue), 1);
}

.daypool__head--link {
	display: flex;
	justify-content: center;
}

.daypool__head--link-item {
	margin: 0 3rem;
}

.daypool__head--link-item .link-button {
	background-image: url(../img/arrow-link-button.svg), linear-gradient(90deg, rgba(29, 123, 167, 0.9) 0%, rgba(20, 157, 199, 0.9) 100%);
	background-position: center right 2.6rem, center;
	background-repeat: no-repeat;
	background-size: 1.7rem auto, cover;
	width: 41rem;
}

@media screen and (max-width: 768px) {
	.daypool__head--date {
		font-size: 2rem;
	}

	.daypool__head--time {
		margin-bottom: 3rem;
		font-size: 1.3rem;
	}

	.daypool__head--lead {
		margin-bottom: 3rem;
	}

	.daypool__head--lead .text {
		font-size: 1.2rem;
	}

	.daypool__head--image {
		margin-bottom: 4rem;
	}

	.daypool__head--slide .slick-dots {
		bottom: -1rem;
	}

	.daypool__head--slide .slick-dots li:not(:last-of-type) {
		margin-right: 1rem;
	}

	.daypool__head--slide .slick-dots li button {
		width: 0.6rem;
		height: 0.6rem;
		border-radius: 0.6rem;
	}

	.daypool__head--link {
		display: block;
	}

	.daypool__head--link-item {
		margin: 0 auto;
		width: 28rem;
	}

	.daypool__head--link-item:not(:last-of-type) {
		margin-bottom: 1.5rem;
	}

	.daypool__head--link-item .link-button {
		width: 100%;
	}
}

/*
	privilege
------------------------------ */
.daypool .privilege {
	background-image: url(../img/privilege-bg.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 10rem;
	width: 100%;
}

.daypool .privilege__inner {
	margin: 0 auto;
	width: 118rem;
}

.daypool .privilege .sec__title {
	margin-bottom: 6rem;
	text-align: center;
}

.daypool .privilege .sec__title--jp {
	font-size: 3.6rem;
}

.daypool .privilege__list--item {
	font-weight: 500;
	display: flex;
}

.daypool .privilege__list--item:not(:last-of-type) {
	margin-bottom: 6rem;
}

.daypool .privilege__list--number {
	margin-right: 2.8rem;
	width: 11.2rem;
	line-height: 1;
	font-family: var(--lexend);
	font-size: 7rem;
	text-align: center;
}

.daypool .privilege__list--number span {
	padding-bottom: 1rem;
	border-bottom: solid 1px rgb(var(--wht));
}

.daypool .privilege__list--content {
	padding-top: 1rem;
	width: calc(100% - 14rem);
	font-size: 1.8rem;
}

.daypool .privilege__list--title {
	margin-bottom: 2rem;
	font-size: 2.8rem;
	display: flex;
	align-items: baseline;
}

.daypool .privilege__list--title svg {
	margin-right: 2rem;
}

.daypool .privilege .no01 .privilege__list--title svg {
	width: 3.6rem;
}

.daypool .privilege .no02 .privilege__list--title svg {
	width: 3.8rem;
}

.daypool .privilege .no03 .privilege__list--title svg {
	width: 7.4rem;
}

.daypool .privilege__list--lead {
	margin-bottom: 1.5rem;
}

.daypool .privilege__list--lead .circle {
	margin-bottom: 1.5rem;
}

.daypool .privilege__list--lead .circle li::before {
	color: rgba(172, 203, 218, 1);
}

.daypool .privilege__list--content a {
	color: rgba(var(--color-daypool-navy), 1);
}

.daypool .privilege__list--content a::before {
	content: "＞";
}

@media screen and (max-width: 768px) {
	.daypool .privilege {
		background-image: url(../img/privilege-bg_sp.webp);
		padding: 5rem 0;
	}

	.daypool .privilege__inner {
		padding: 0 2.6rem;
		width: 100%;
	}

	.daypool .privilege .sec__title {
		margin-bottom: 4rem;
		font-size: 4.2rem;
	}

	.daypool .privilege .sec__title--jp {
		font-size: 1.2rem;
	}

	.daypool .privilege__list--item:not(:last-of-type) {
		margin-bottom: 4rem;
	}

	.daypool .privilege__list--number {
		margin: 0.6rem 1rem 0 0;
		width: 3.2rem;
		font-size: 1.8rem;
	}

	.daypool .privilege__list--number span {
		padding-bottom: 0.5rem;
	}

	.daypool .privilege__list--content {
		padding-top: 0;
		width: calc(100% - 3.2rem);
		font-size: 1.2rem;
	}

	.daypool .privilege__list--title {
		margin-bottom: 1rem;
		font-size: 1.8rem;
		align-items: flex-start;
	}

	.daypool .privilege__list--title svg {
		margin: 0.8rem 0.6rem 0 0;
	}

	.daypool .privilege .no01 .privilege__list--title svg {
		width: 1.3rem;
	}

	.daypool .privilege .no02 .privilege__list--title svg {
		width: 1.4rem;
	}

	.daypool .privilege .no03 .privilege__list--title svg {
		width: 2.5rem;
	}

	.daypool .privilege__list--lead,
	.daypool .privilege__list--lead .circle {
		margin-bottom: 1rem;
	}

	.daypool .privilege__list--content a {
		display: flex;
	}
}

/*
	about
------------------------------ */
.daypool .about .video {
	margin: 10rem auto 0;
	width: 94rem;
}

.daypool .about .video+.note {
	margin: 1rem auto 0;
	width: 94rem;
	color: rgb(var(--blk));
	font-size: 1.3rem;
}

@media screen and (max-width: 768px) {
	.daypool .about .video {
		margin-top: 5rem;
		width: 100%;
	}

	.daypool .about .video+.note {
		width: 100%;
		font-size: 1rem;
	}
}

/*
	price
------------------------------ */
/* plan */
.daypool .plan {
	--price-accent-color: var(--color-daypool-blue);
}

/* visitor */
.daypool .visitor {
	--price-accent-color: var(--color-daypool-visitor-blue);
}

/* option */
.daypool .option {
	--price-accent-color: var(--color-daypool-option-green);
}

.daypool .price__content--detail .circle a {
	color: rgba(var(--color-daypool-blue), 1);
}

.daypool .price__content--detail .circle a::before {
	content: "＞";
}

.daypool .option .price-option {
	display: grid;
	grid-template-columns: max-content max-content max-content 50px max-content max-content max-content;
	grid-template-rows: repeat(2, auto);
	row-gap: 1rem;
}

.daypool .option .price-option li {
	display: contents;
	margin-left: 0;
	text-indent: 0;
}

.daypool .option .price-option li::before {
	align-self: baseline;
}

.daypool .option .price-option li:nth-child(1)::before,
.daypool .option .price-option li:nth-child(3)::before {
	grid-column: 1;
}

.daypool .option .price-option li:nth-child(2)::before,
.daypool .option .price-option li:nth-child(4)::before {
	grid-column: 5;
}

.daypool .option .price-option li:nth-child(1)::before,
.daypool .option .price-option li:nth-child(1) .price-option__name,
.daypool .option .price-option li:nth-child(1) .price-option__price,
.daypool .option .price-option li:nth-child(2)::before,
.daypool .option .price-option li:nth-child(2) .price-option__name,
.daypool .option .price-option li:nth-child(2) .price-option__price {
	grid-row: 1;
}

.daypool .option .price-option li:nth-child(3)::before,
.daypool .option .price-option li:nth-child(3) .price-option__name,
.daypool .option .price-option li:nth-child(3) .price-option__price,
.daypool .option .price-option li:nth-child(4)::before,
.daypool .option .price-option li:nth-child(4) .price-option__name,
.daypool .option .price-option li:nth-child(4) .price-option__price {
	grid-row: 2;
}

.daypool .option .price-option__name {
	margin-left: 0.4em;
	align-self: baseline;
}

.daypool .option .price-option li:nth-child(1) .price-option__name,
.daypool .option .price-option li:nth-child(3) .price-option__name {
	grid-column: 2;
}

.daypool .option .price-option li:nth-child(2) .price-option__name,
.daypool .option .price-option li:nth-child(4) .price-option__name {
	grid-column: 6;
}

.daypool .option .price-option__price {
	margin-left: 0.5em;
	align-self: baseline;
}

.daypool .option .price-option li:nth-child(1) .price-option__price,
.daypool .option .price-option li:nth-child(3) .price-option__price {
	grid-column: 3;
}

.daypool .option .price-option li:nth-child(2) .price-option__price,
.daypool .option .price-option li:nth-child(4) .price-option__price {
	grid-column: 7;
}

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

	/* option */
	.daypool .price__content--detail .circle a {
		font-size: 1rem;
	}

	.daypool .option .price-option {
		display: block;
	}

	.daypool .option .price-option li {
		display: block;
	}

	.daypool .option .price-option li::before,
	.daypool .option .price-option__name,
	.daypool .option .price-option__price {
		grid-column: auto;
		grid-row: auto;
	}
}

/*
	stay
------------------------------ */
.daypool .stay__lead {
	color: rgb(var(--blk));
}

.daypool .benefit {
	margin-bottom: 5rem;
	font-size: 1.8rem;
}

.daypool .benefit__title {
	background-color: rgba(var(--color-daypool-visitor-blue), 1);
	height: 9rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.daypool .benefit__content {
	background-color: rgba(227, 255, 254, 1);
	color: rgb(var(--blk));
	height: 13rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.daypool .benefit {
		margin-bottom: 2rem;
		font-size: 1.2rem;
	}

	.daypool .benefit__title {
		height: 6rem;
		font-size: 1.3rem;
		text-align: center;
	}

	.daypool .benefit__content {
		padding: 2rem;
		height: auto;
	}
}

/* ----------------------------------------------------
	cancam
---------------------------------------------------- */
.cancam {}


.cancam .tab__panel--title {
	font-size: 11.6rem;
}

@media screen and (max-width: 768px) {
	.cancam .tab__panel--title {
		font-size: 4.2rem;
	}
}

/*
	cancam__head
------------------------------ */
.cancam__head {
	position: relative;
}

.cancam .tab__panel--title {
	margin-bottom: 10rem;
}

.cancam__head--logo {
	width: 27.8rem;
	position: absolute;
	top: 0;
	right: 0;
}

.cancam__head--date {
	line-height: normal;
	font-family: var(--lexend);
	font-size: 3.8rem;
	font-weight: 500;
}

.cancam__head--date .note li {
	font-family: var(--gothic);
	font-size: 1.6rem;
	font-weight: 700;
}

.cancam__head--time {
	margin-bottom: 3rem;
	font-size: 2rem;
	font-weight: 500;
}

.cancam__head--lead {
	margin-bottom: 10rem;
	font-size: 1.6rem;
}

.cancam__head--lead .text {
	margin-bottom: 2rem;
}

.cancam__head--link {
	display: flex;
	justify-content: center;
}

.cancam__head--item {
	margin: 0 3rem;
}

.cancam__head--item .link-button {
	background-image: url(../img/arrow-link-button-green.svg), linear-gradient(90deg, rgb(222, 205, 127) 0%, rgb(255, 248, 210) 100%);
	background-position: center right 2.6rem, center;
	background-size: 1.7rem auto, 100% 100%;
	width: 40.7rem;
	color: rgba(var(--color-cancam-green), 1);
}

@media screen and (max-width: 768px) {
	.cancam .tab__panel--title {
		margin-bottom: 2rem;
	}

	.cancam__head--logo {
		width: 10.8rem;
		top: 1.5rem;
		right: 3.5rem;
	}

	.cancam__head--date {
		font-size: 2rem;
	}

	.cancam__head--date .note li {
		font-size: 1rem;
	}

	.cancam__head--time {
		margin-bottom: 2rem;
		font-size: 1.3rem;
	}

	.cancam__head--lead {
		margin-bottom: 3rem;
		font-size: 1.2rem;
	}

	.cancam__head--link {
		margin: 0 auto;
		width: 28rem;
		display: block;
	}

	.cancam__head--item {
		margin: 0;
	}

	.cancam__head--item:not(:last-of-type) {
		margin-bottom: 1.5rem;
	}

	.cancam__head--link .link-button {
		background-position: center right 1.8rem, center;
		background-size: 1.2rem auto, 100% 100%;
		width: 100%;
	}
}

/*
	party
------------------------------ */
.cancam .party {
	background-image: url(../img/party-bg.webp), linear-gradient(180deg, rgb(248, 249, 234) 0%, rgb(210, 200, 140) 100%);
	background-position: top center, center;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% auto, 100% 100%;
	padding: 15rem 0 10rem;
	color: rgba(var(--color-cancam-green), 1);
	text-align: center;
}

.party__lead {
	margin-bottom: 8rem;
	line-height: 2.3;
	font-size: 2rem;
}

.cancam .party .img-marquee {
	width: 100%;
	z-index: 1;
	/* 1枚あたりの横幅 */
	--kv_scroll-item-width: 341px;
	/* 画像同士のすき間 */
	--kv_scroll-gap: 0;
	/* 1周分の枚数 */
	--kv_scroll-set-size: 10;
	/* 1周分の移動距離 */
	--kv_scroll-distance: -3410px;
	/* 1周するまでの時間 */
	--kv_scroll-speed: 60s;
}

.cancam .party .img-marquee figcaption {
	margin-top: 1rem;
}

.cancam .party .img-marquee+p.note {
	margin: 1rem auto 0;
	width: 118rem;
	font-size: 1.3rem;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.cancam .party {
		background-image: url(../img/party-bg_sp.webp), linear-gradient(180deg, rgb(248, 249, 234) 0%, rgb(210, 200, 140) 100%);
		padding: 5rem 0 3rem;
	}

	.party__lead {
		margin-bottom: 3rem;
		line-height: 1.8;
		font-size: 1.2rem;
	}

	.cancam .party .img-marquee {
		/* 1枚あたりの横幅 */
		--kv_scroll-item-width: 240px;
		/* 画像同士のすき間 */
		--kv_scroll-distance: -2400px;
	}

	.cancam .party .img-marquee figcaption {
		margin-top: 0;
		line-height: normal;
	}

	.cancam .party .img-marquee+p.note {
		padding: 0 2.6rem;
		width: 100%;
		font-size: 1rem;
	}
}

/*
	about
------------------------------ */
.cancam .about__title {
	font-family: var(--gothic);
}

.cancam .about__lead {
	color: rgb(var(--wht));
}

.cancam .about .short-video {
	margin: 8rem auto 0;
	width: 100%;
	max-width: 360px;
	aspect-ratio: 9 / 16;
}

.cancam .about .short-video iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

@media screen and (max-width: 768px) {
	.cancam .about .short-video {
		margin-top: 5rem;
		max-width: 26.8rem;
	}
}

/* collaboration */
.cancam .collaboration {
	background: linear-gradient(180deg, rgb(248, 249, 234) 0%, rgb(210, 200, 140) 100%);
	margin-top: 3rem;
	padding: 6rem 0;
	color: rgba(var(--color-cancam-green), 1);
	text-align: center;
	border-radius: 3rem;
}

.collaboration__title {
	margin-bottom: 2rem;
	line-height: normal;
	font-family: var(--lexend);
	font-size: 5.5rem;
	font-weight: 500;
}

.collaboration__title--small,
.collaboration__title--jp {
	font-family: var(--gothic);
	display: block;
}

.collaboration__title--small {
	font-size: 3rem;
}

.collaboration__title--jp {
	font-size: 2.4rem;
}

.collaboration__lead {
	margin-bottom: 3rem;
	font-size: 1.8rem;
}

.collaboration__image {
	margin-bottom: 3rem;
	display: flex;
	justify-content: center;
}

.collaboration__image--item {
	margin: 0 1rem;
	width: 33.6rem;
}

.cancam .collaboration .note {
	margin-bottom: 3rem;
	color: rgb(var(--blk));
	display: flex;
	justify-content: center;
}

.cancam .collaboration .link-button {
	background-image: url(../img/arrow-link-button.svg), linear-gradient(90deg, rgb(var(--color-cancam-button-start)) 0%, rgb(var(--color-cancam-button-end)) 100%);
	background-position: center right 2.6rem, center;
	background-repeat: no-repeat, no-repeat;
	background-size: 1.7rem auto, 100% 100%;
	margin: 0 auto;
	width: 41rem;
	color: rgb(var(--wht));
}

@media screen and (max-width: 768px) {
	.cancam .collaboration {
		padding: 3rem 0;
		border-radius: 1rem;
	}

	.collaboration__title {
		margin-bottom: 2rem;
		font-size: 2.2rem;
	}

	.collaboration__title--small,
	.collaboration__title--jp {
		font-size: 1.2rem;
	}

	.collaboration__lead {
		margin-bottom: 1.5rem;
		font-size: 1.2rem;
	}

	.collaboration__image {
		margin-bottom: 2rem;
	}

	.collaboration__image--item {
		margin: 0 0.5rem;
		width: 13.5rem;
	}

	.cancam .collaboration .note {
		margin-bottom: 2rem;
		display: block;
	}

	.cancam .collaboration .link-button {
		background-position: center right 1.8rem, center;
		background-size: 1.2rem auto, 100% 100%;
		width: 28rem;
	}
}

/*
	price
------------------------------ */
.cancam .price {
	--price-title-bg: var(--color-cancam-green);
	--price-content-title-width: 71rem;
	--price-accent-color: var(--color-cancam-mint);
}

.cancam .price__content--detail .circle li {
	display: flex;
}

.cancam .price__content--detail .circle li::before {
	margin-right: 0.5rem;
}

.cancam .price__content--date {
	width: 8.5rem;
}

.cancam .price__content+.note {
	margin-bottom: 5rem;
	color: rgb(var(--wht));
}

.cancam .price__link {
	margin-bottom: 2.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cancam .price__link--item {
	margin-bottom: 4rem;
	width: 55.7rem;
}

.cancam .price__link--item:not(:nth-child(even)) {
	margin-right: calc(100% - 55.7rem * 2);
}

.cancam .price__link--item:last-of-type {
	margin-right: 0;
}

.cancam .price__link--item .link-button {
	background-image: url(../img/arrow-link-button-green.svg), linear-gradient(90deg, rgb(222, 205, 127) 0%, rgb(255, 248, 210) 100%);
	color: rgba(var(--color-cancam-green), 1);
}

.cancam .ticket {
	background-color: rgba(180, 235, 227, 1);
	padding: 6rem 12.4rem;
	border-radius: 3rem;
}

.cancam .ticket__title {
	margin-bottom: 5rem;
	color: rgba(var(--color-cancam-green), 1);
	font-size: 3rem;
	font-weight: 500;
	text-align: center;
}

.cancam .ticket__title span {
	border-bottom: solid 3px rgba(var(--color-cancam-green), 1);
}

.cancam .ticket__lead {
	color: rgb(var(--blk));
	font-size: 1.8rem;
	font-weight: 500;
}

.cancam .ticket__lead .text a {
	color: rgba(var(--color-cancam-green), 1);
}

.cancam .ticket .note {
	margin-bottom: 3rem;
	color: rgb(var(--blk));
}

.cancam .ticket .link-button {
	background-image: url(../img/arrow-link-button.svg), linear-gradient(90deg, rgb(var(--color-cancam-button-start)) 0%, rgb(var(--color-cancam-button-end)) 100%);
	margin: 0 auto;
	width: 56rem;
	color: rgb(var(--wht));
}

.cancam .price__link--item .link-button,
.cancam .ticket .link-button {
	background-position: center right 2.6rem, center;
	background-size: 1.7rem auto, 100% 100%;
}

@media screen and (max-width: 768px) {
	.cancam .price__content--detail .circle li::before {
		margin-right: 0;
	}

	.cancam .price__content--date {
		width: 6rem;
	}

	.cancam .price__content+.note {
		margin-bottom: 3rem;
	}

	.cancam .price__link {
		margin: 0 auto 3rem;
		width: 28rem;
		display: block;
	}

	.cancam .price__link--item {
		margin-bottom: 1.5rem;
		width: 100%;
	}

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

	.cancam .ticket {
		padding: 3rem 2rem;
		border-radius: 1rem;
	}

	.cancam .ticket__title {
		margin-bottom: 3rem;
		font-size: 2rem;
	}

	.cancam .ticket__lead {
		margin-bottom: 1rem;
		font-size: 1.2rem;
	}

	.cancam .ticket .note {
		margin-bottom: 2rem;
	}

	.cancam .ticket .link-button {
		width: 100%;
	}

	.cancam .price__link--item .link-button,
	.cancam .ticket .link-button {
		background-position: center right 1.8rem, center;
		background-size: 1.2rem auto, 100% 100%;
	}
}

/*
	stay
------------------------------ */
.cancam .stay {
	--stay-topic-title-bg: linear-gradient(90deg, rgb(222, 205, 127) 0%, rgb(255, 248, 210) 100%);
	--stay-topic-title-color: rgb(var(--color-cancam-green));
	--stay-button-bg: url(../img/arrow-link-button-green.svg), linear-gradient(90deg, rgb(222, 205, 127) 0%, rgb(255, 248, 210) 100%);
	--stay-button-color: rgb(var(--color-cancam-green));
}

.cancam .member .stay__topic--title {
	background: rgb(var(--color-cancam-green));
	color: rgb(var(--wht));
}

.cancam .member .stay__topic--content {
	background-color: rgba(180, 235, 227, 1);
}

.cancam .stay__image {
	margin-bottom: 6rem;
}

.cancam .stay__title.limited::before {
	background-color: rgba(var(--color-cancam-green), 1);
	width: 16rem;
	height: 4rem;
	font-size: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -4rem;
	left: 0;
	content: "1日1室限定";
}

@media screen and (max-width: 768px) {
	.cancam .stay__image {
		margin-bottom: 3rem;
	}

	.cancam .stay__title.limited::before {
		width: 7rem;
		height: 1.8rem;
		font-size: 1rem;
		top: -2rem;
	}
}

/*
	kitchen
------------------------------ */
.cancam .kitchen__inner {
	background-color: rgba(229, 226, 194, 1);
	padding: 6rem 8.6rem;
	border-radius: 3rem;
}

.cancam .kitchen .sec__title {
	margin-bottom: 3rem;
	color: rgba(0, 75, 56, 1);
	font-size: 5.5rem;
	text-align: center;
}

.cancam .kitchen .sec__title--jp {
	font-size: 2.4rem;
}

.cancam .kitchen__date {
	margin-bottom: 6rem;
	line-height: normal;
	color: rgba(0, 75, 56, 1);
	font-family: var(--lexend);
	font-size: 3.8rem;
	font-weight: 500;
	text-align: center;
}

.cancam .kitchen__main-image {
	margin: 0 auto 5rem;
	width: 78.5rem;
}

.cancam .kitchen__menu {
	margin-bottom: 5rem;
	color: rgba(0, 75, 56, 1);
}

.cancam .kitchen__menu--title {
	margin-bottom: 1rem;
	line-height: normal;
	font-family: var(--lexend);
	font-size: 3.8rem;
	font-weight: 500;
}

.kitchen__note--title {
	background-color: rgba(0, 75, 56, 1);
	margin-bottom: 2rem;
	height: 3.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.kitchen__note--content {
	color: rgb(var(--blk));
}

.kitchen__note--content .note {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	.cancam .kitchen__inner {
		padding: 4rem 0;
	}

	.cancam .kitchen .sec__title {
		margin-bottom: 2rem;
		font-size: 2rem;
	}

	.cancam .kitchen .sec__title--jp {
		font-size: 1.2rem;
	}

	.cancam .kitchen__date {
		margin-bottom: 3.5rem;
		font-size: 1.6rem;
	}

	.cancam .kitchen__main-image {
		margin-bottom: 3rem;
		width: 26.5rem;
	}

	.cancam .kitchen__menu {
		margin-bottom: 3.5rem;
	}

	.cancam .kitchen__menu--title {
		margin: 0 auto 1rem;
		width: 26.5rem;
		font-size: 2rem;
	}

	.kitchen__note--title {
		margin: 0;
		height: 5.5rem;
		font-size: 1.2rem;
		text-align: center;
	}

	.kitchen__note--content {
		padding: 2rem 2.6rem 0;
	}
}

/*
	menu
------------------------------ */
.menu {
	display: flex;
	justify-content: space-between;
}

.menu__image {
	width: 47.4rem;
}

.menu__image--item:not(:last-of-type) {
	margin-bottom: 2rem;
}

.menu__image--item figcaption {
	margin-top: 1.5rem;
	line-height: normal;
	font-size: 1.4rem;
}

.menu__content {
	width: 49.4rem;
}

@media screen and (max-width: 768px) {
	.menu {
		margin: 0 auto;
		width: 26.5rem;
		display: block;
	}

	.menu__image {
		margin-top: 2rem;
		width: 100%;
	}

	.menu__image:not(:last-of-type) {
		margin-bottom: 2rem;
	}

	.menu__image--item figcaption {
		margin-top: 1rem;
		font-size: 1rem;
	}

	.menu__content {
		width: 100%;
	}
}

/* menu__content--detail */
.menu__content--detail {
	font-size: 1.8rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.menu__name {
	font-weight: 700;
}

.menu__name::before {
	content: "●";
}

.menu .limited {
	margin-top: 1rem;
	width: 100%;
}

.menu .limited__inner {
	background-color: rgba(0, 75, 56, 1);
	width: 15rem;
	height: 3.5rem;
	color: rgb(var(--wht));
	font-size: 1.6rem;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.menu__content--detail {
		font-size: 1.2rem;
	}

	.menu .limited__inner {
		width: 10rem;
		height: 2rem;
		font-size: 1.2rem;
	}
}

/* food */
.food .menu__content--detail {
	align-items: center;
	gap: 1rem;
}

.food .menu__content--detail {}

.food .menu__name {
	display: flex;
	align-items: center;
	flex: 1;
}

.food .menu__name::after {
	margin: 0 1rem;
	border-bottom: dotted 0.3rem currentColor;
	flex: 1;
	content: "";
}

.food .menu__price {
	white-space: nowrap;
}

.food__detail {
	margin: 2rem 0;
}

.food__detail--title {
	width: 15rem;
	height: 3.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	border: solid 1px rgba(0, 75, 56, 1);
	display: flex;
	justify-content: center;
	align-items: center;
}

.food--detail--name {
	padding: 1rem 0;
	font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
	.food__detail {
		margin: 1rem 0;
	}

	.food__detail--title {
		width: 10rem;
		height: 2rem;
		font-size: 1.2rem;
	}

	.food .menu__name::after {
		border-bottom-width: 0.2rem;
	}

	.food--detail--name {
		font-size: 1.2rem;
	}
}

/* drink */
.drink .menu__content--detail {
	display: block;
}

.drink__group:not(:last-of-type) {
	margin-bottom: 5rem;
}

.drink__title {
	margin-bottom: 1.2rem;
	font-size: 1.8rem;
	font-weight: 700;
}

.drink__title::before {
	content: "●";
}

.drink__item {
	margin-bottom: 1rem;
}

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

.drink__name {
	display: flex;
	align-items: center;
	flex: 1;
}

.drink__name::after {
	margin: 0 0.8rem;
	border-bottom: dotted 0.3rem currentColor;
	flex: 1;
	content: "";
}

.drink__name--label {
	padding: 0.3rem 1.5rem;
	border: solid 1px currentColor;
	flex: 0 0 auto;
}

.drink__name--label::after {
	display: none;
}

.drink__alcohol {
	margin-left: 0.8rem;
	font-size: 1.3rem;
	display: flex;
	align-items: center;
	flex: 1;
	white-space: nowrap;
}

.drink__alcohol::after {
	margin: 0 0.8rem;
	border-bottom: dotted 0.3rem currentColor;
	flex: 1;
	content: "";
}

.drink__leader {
	margin: 0 0.8rem;
	border-bottom: dotted 0.3rem currentColor;
	flex: 1;
}

.drink__leader--sp {
	display: none;
}

.drink__price {
	text-align: right;
	white-space: nowrap;
}

.drink__description {
	margin-top: 0.8rem;
	font-size: 1.3rem;
}

.drink .menu__image {
	display: block;
}

.drink .menu__content--image {
	margin-top: 1rem;
	display: none;
}

@media screen and (max-width: 768px) {
	.drink__group:not(:last-of-type) {
		margin-bottom: 2rem;
	}

	.drink__title {
		margin-bottom: 0.5rem;
		font-size: 1.2rem;
	}

	.drink__name--label {
		margin-bottom: 0.5rem;
		padding: 0.2rem 1rem;
	}

	.drink__row {
		flex-wrap: wrap;
	}

	.drink__name::after,
	.drink__alcohol::after,
	.drink__leader {
		border-bottom-width: 0.2rem;
	}

	.drink__row--alcohol .drink__name--label {
		order: 1;
		margin-bottom: 0;
	}

	.drink__row--alcohol .drink__leader--sp {
		display: block;
		order: 2;
	}

	.drink__row--alcohol .drink__price {
		order: 3;
	}

	.drink__row--alcohol .drink__alcohol {
		order: 4;
		margin: 0.5rem 0;
		width: 100%;
		flex: 0 0 100%;
		font-size: 1rem;
	}

	.drink__row--alcohol .drink__alcohol::after {
		display: none;
	}

	.drink__description {
		margin-bottom: 1rem;
		font-size: 1.1rem;
	}

	.drink .menu__image {
		display: none;
	}

	.drink .menu__content--image {
		margin: 1em 0 2rem;
		display: block;
	}

	.drink .menu__content--image figcaption {
		margin-top: 1rem;
	}
}

/* ----------------------------------------------------
	contact
---------------------------------------------------- */
.contact {
	background-color: rgba(var(--color-daypool-blue), 1);
	padding: 6.5rem 0;
	color: rgb(var(--wht));
	text-align: center;
}

.contact__title {
	margin-bottom: 3rem;
	font-size: 2.6rem;
	font-weight: 500;
}

.contact__content--title {
	font-size: 2.6rem;
	font-weight: 500;
}

.contact__content--detail {
	line-height: normal;
	font-family: var(--lexend);
	font-size: 5.4rem;
	font-weight: 500;
}

.contact__content--detail .time {
	font-family: var(--gothic);
	font-size: 2rem;
	font-weight: 400;
	display: block;
}

@media screen and (max-width: 768px) {
	.contact {
		padding: 3.5rem 0;
	}

	.contact__title {
		margin-bottom: 1.5rem;
		font-size: 1.4rem;
	}

	.contact__content--title {
		font-size: 1.4rem;
	}

	.contact__content--detail {
		font-size: 2.8rem;
	}

	.contact__content--detail .time {
		font-size: 1.1rem;
	}
}

/* ----------------------------------------------------
	infobox
---------------------------------------------------- */
.infobox__inner {
	margin: 0 auto;
	width: 102.4rem;
}

.infobox__title {
	margin-bottom: 3rem;
	color: rgba(var(--color-daypool-blue), 1);
	font-family: var(--lexend);
	font-size: 4.2rem;
	font-weight: 500;
}

.infobox__title .jp {
	line-height: 1;
	font-family: var(--gothic);
	font-size: 2.6rem;
	display: block;
}

.infobox .circle {
	font-size: 1.4rem;
}

.infobox .circle li::before {
	color: rgba(var(--color-daypool-blue), 1);
}

@media screen and (max-width: 768px) {
	.infobox__inner {
		width: 32em;
	}

	.infobox__title {
		line-height: normal;
	}

	.infobox__title .jp {
		font-size: 1.8rem;
	}

	.infobox .circle {
		font-size: 1rem;
	}
}

/* ----------------------------------------------------
	notice
---------------------------------------------------- */
.notice {
	padding-top: 10rem;
}

@media screen and (max-width: 768px) {
	.notice {
		padding-top: 5rem;
	}
}

/* ----------------------------------------------------
	prohibited
---------------------------------------------------- */
.prohibited {
	padding: 7rem 0;
}

.prohibited__list {
	margin-top: 5rem;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.prohibited__list--item {
	margin-bottom: 3rem;
	width: 20%;
}

.prohibited__image img {
	width: 13.2rem;
}

.prohibited__image--cap {
	margin-top: 1.5rem;
	font-size: 1.3rem;
}

@media screen and (max-width: 768px) {
	.prohibited {
		padding: 5rem 0;
	}

	.prohibited__list {
		margin-top: 4rem;
	}

	.prohibited__list--item {
		margin-bottom: 2rem;
		width: 50%;
	}

	.prohibited__image--cap {
		font-size: 1rem;
	}
}

/* ----------------------------------------------------
	hotels
---------------------------------------------------- */
.hotels {
	background-color: rgba(246, 246, 246, 1);
	padding-top: 8rem;
	text-align: center;
}

.hotels__logo {
	margin: 0 auto 3rem;
	width: 21.5rem;
}

.hotels__name {
	margin-bottom: 1.2rem;
	font-size: 2.4rem;
	font-weight: 400;
}

.hotels__sns {
	margin-bottom: 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hotels__sns--item {
	margin: 0 2.5rem;
}

.hotels__address {
	margin-bottom: 2rem;
	font-size: 1.6rem;
}

.hotels__access {
	margin-bottom: 6rem;
	font-size: 1.8rem;
}

.hotels__access .text {
	margin-bottom: 4rem;
}

.hotels__access a {
	background-color: rgba(166, 167, 170, 1);
	margin: 0 auto;
	width: 30rem;
	color: rgb(var(--wht));
}

.hotels__map iframe {
	width: 100%;
	height: 50rem;
}

@media screen and (max-width: 768px) {
	.hotels {
		padding-top: 6rem;
	}

	.hotels__logo {
		margin-bottom: 2.6rem;
		width: 16.4rem;
	}

	.hotels__name {
		margin-bottom: 1.5rem;
		font-size: 2rem;
	}

	.hotels__sns--item {
		margin: 0 1.5rem;
	}

	.hotels__address {
		margin-bottom: 2rem;
		font-size: 1.6rem;
	}

	.hotels__access {
		font-size: 1.1rem;
	}

	.hotels__access .text {
		margin-bottom: 3rem;
	}

	.hotels__access a {
		width: 28rem;
	}

	.hotels__map iframe {
		width: 100%;
		height: 37.8rem;
	}
}

/* ----------------------------------------------------
	spgr
---------------------------------------------------- */
.spgr {
	background-color: rgba(244, 244, 238, 1);
	padding: 8rem 0;
	text-align: center;
}

.spgr__logo {
	margin: 0 auto 3rem;
	width: 22.7rem;
}

.spgr__title {
	margin-bottom: 2rem;
	color: rgba(84, 84, 84, 1);
	font-size: 2.4rem;
	font-weight: 500;
}

.spgr__lead {
	margin-bottom: 3rem;
	font-size: 1.8rem;
}

.spgr__banner {
	margin: 0 auto 3rem;
	width: 46rem;
}

.spgr .link-button {
	background-color: rgba(153, 133, 66, 1);
	margin: 0 auto;
	width: 30rem;
	color: rgb(var(--wht));
}

@media screen and (max-width: 768px) {
	.spgr {
		padding: 5rem 0;
	}

	.spgr__logo {
		margin: 0 auto 3rem;
		width: 17.3rem;
	}

	.spgr__title {
		margin-bottom: 1rem;
		font-size: 1.8rem;
	}

	.spgr__lead {
		font-size: 1.2rem;
	}

	.spgr__banner {
		width: 32rem;
	}

	.spgr .link-button {
		width: 28rem;
	}
}

/* ----------------------------------------------------
	footer
---------------------------------------------------- */
.footer {
	padding-bottom: 5rem;
}

.footer .note {
	padding: 7rem 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.footer .note {
		padding: 3rem 0;
		text-align: center;
	}
}

/* 
	hotel-nav 
------------------------------ */
.footer .hotel-nav {
	line-height: 1;
	font-size: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer .hotel-nav::before,
.footer .hotel-nav__item::after {
	content: "|";
}

.footer .hotel-nav__item a {
	padding: 0 1em;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.footer .hotel-nav {
		font-size: 1.4rem;
		text-align: center;
		display: block;
	}

	.footer .hotel-nav::before {
		content: "";
	}

	.footer .hotel-nav__item::before,
	.footer .hotel-nav__item::after {
		content: "|";
	}

	.footer .hotel-nav__item:not(:last-of-type) {
		margin-bottom: 1em;
	}

	.footer .hotel-nav__item a {
		padding: 0 1em;
		text-decoration: none;
	}
}

/* 
	copy
------------------------------ */
.footer .copy {
	margin-top: 2rem;
	line-height: normal;
	font-size: 1.1rem;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.footer .copy {
		font-size: 1rem;
	}
}