/* ----------------------------------------------------
	page background
---------------------------------------------------- */
.page-bg {
	background: url(../img/header-bg01.webp) center / cover no-repeat;
	width: 100%;
	height: var(--sample-vh, 100dvh);
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

@media screen and (max-width: 768px) {
	.page-bg {
		background-image: url(../img/header-bg01_sp.webp);
		min-height: 100svh;
	}
}

.pageTop a {
	z-index: 130;
}

/* ----------------------------------------------------
	header
---------------------------------------------------- */
.header {
	--sample-header-scroll: 560vh;

	width: 100%;
	height: var(--sample-header-scroll);
	overflow: visible;
	position: relative;
	z-index: 10;
	isolation: isolate;
}

.header__sticky {
	width: 100%;
	height: var(--sample-vh, 100dvh);
	position: sticky;
	top: 0;
	z-index: 1;
	overflow: hidden;
}

.header__title {
	width: 35.286vw;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 30;
	pointer-events: none;
}

.header__title img {
	display: block;
	width: 100%;
}

.header__logo {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 40;
	pointer-events: none;
}

.header__logo {
	width: 13.8rem;
	top: 3rem;
	left: 3.6rem;
}

.news {
	background-color: rgb(var(--wht));
	padding: 2rem;
	min-width: 42rem;
	font-family: var(--gothic);
	font-size: 1.5rem;
	font-weight: 500;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 40;
}

.news__title {
	letter-spacing: -0.005em;
}

.news__table--date,
.news__table--detail {
	font-weight: 500;
	vertical-align: top;
}

.news__table--date {
	padding-right: 1rem;
	white-space: nowrap;
}

.news__table a {
	color: rgba(150, 142, 204, 1);
}

.header__titleColor,
.header__titleWhite {
	display: block;
}

.header__titleWhite {
	position: absolute;
	inset: 0;
	clip-path: inset(100% 0 0 0);
}

.header__visual {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.header__visual01,
.header__scene {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	inset: 0;
	clip-path: none;
}

.header__visual01 {
	z-index: 1;
}

.header__scene--02 {
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}

.header__scene--03 {
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
}

.header__bg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	min-height: var(--sample-vh, 100dvh);
}

.header__visual01 .header__bg,
.header__scene .header__bg {
	position: absolute;
	inset: 0;
}

.header__bg--01 {
	background-image: url(../img/header-bg01.webp);
}

.header__bg--wht {
	background-color: rgba(232, 250, 255, 0.9);
	opacity: 0;
	visibility: hidden;
}

.header__bg--02 {
	background-image: url(../img/header-bg02.webp);
}

.header__bg--03 {
	background-image: url(../img/header-bg03.webp);
}

.header__copy {
	width: 97.365vw;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: auto;
	bottom: 3.66vw;
	left: 50%;
	z-index: 35;
	pointer-events: none;
}

.header__copyInner {
	display: block;
}

.header__copy.is-fixed {
	position: fixed;
	top: auto;
	bottom: 3.66vw;
	z-index: 120;
}

.header__copy.is-bound {
	opacity: 1;
	visibility: visible;
	position: absolute;
	top: auto;
	bottom: 3.66vw;
	z-index: 20;
}

.header__copy img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.header__sticky {
		height: var(--sample-vh, 100dvh);
		min-height: 100svh;
	}

	.header__title {
		width: 89.067vw;
		top: 50svh;
	}

	.header__logo {
		width: 8.7rem;
		top: 2.4rem;
		left: 2rem;
	}

	.news {
		padding: 1.6rem 2rem;
		font-size: 1.3rem;
		width: 100%;
		min-width: 0;
		right: auto;
		left: 0;
		/* z-index: 25; */
	}

	.header__titleWhite {
		position: absolute;
		inset: 0;
		clip-path: inset(100% 0 0 0);
	}

	.header__visual {
		width: 100%;
		height: 100%;
		position: absolute;
		inset: 0;
	}

	.header__visual01,
	.header__scene {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		inset: 0;
		clip-path: none;
	}

	.header__bg {
		height: 100%;
		min-height: 100svh;
		top: 0;
		bottom: 0;
	}

	.header__bg--01 {
		background-image: url(../img/header-bg01_sp.webp);
	}

	.header__bg--02 {
		background-image: url(../img/header-bg02_sp.webp);
	}

	.header__bg--03 {
		background-image: url(../img/header-bg03_sp.webp);
	}

	.header__copy {
		width: 82.667vw;
	}

	.header__copy.is-fixed {
		bottom: 13.333vw;
	}

	.header__copy.is-bound {
		bottom: 13.333vw;
	}
}

/* ----------------------------------------------------
	main
---------------------------------------------------- */
.main {
	position: relative;
	z-index: 5;
}

/* ----------------------------------------------------
	main
---------------------------------------------------- */
.gnav {
	padding-right: 3.5rem;
	font-family: var(--gothic);
	font-weight: 600;
	font-size: 1.6rem;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: var(--gnav-top, 0);
	right: 0;
	z-index: 120;
	transition: opacity 0.3s ease;
}

.gnav.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.gnav.is-in-concept {
	position: absolute;
	top: 0;
	right: 0;
}

.gnav.is-fixed {
	position: fixed;
	top: 0;
}

.gnav__list {
	height: 8rem;
	display: flex;
	align-items: center;
}

.gnav__list--item {
	margin-left: 2rem;
}

.gnav__list--item a {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.gnav {
		width: 100%;
		padding-right: 0;
		font-size: 1.3rem;
		letter-spacing: -0.005em;
	}

	.gnav__list {
		justify-content: space-around;
	}

	.gnav__list--item {
		margin-left: 0;
	}
}

/* ----------------------------------------------------
	concept
---------------------------------------------------- */
.concept {
	padding: 6.589vw 0 12.811vw;
	height: 183.821vw;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.concept__media {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: -1;
}

.concept__clip {
	height: 100%;
	overflow: hidden;
	position: relative;
	clip-path: inset(0 0 0 0);
}

.concept__overlay {
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.concept__bg {
	display: none;
}

.concept__overlay {
	background-color: rgba(232, 250, 255, 0.9);
}

.concept__wrapper {
	width: 100%;
	height: 173.572vw;
	position: relative;
}

.concept__inner {
	margin: 0 auto;
	padding-top: 11.347vw;
	width: 122.6rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.concept__title,
.concept__lead {
	width: 54rem;
}

.concept__title {
	font-family: var(--title);
	font-size: 4.3rem;
}

.concept__lead.en {
	margin-top: 7rem;
}

.concept__lead--title {
	margin-bottom: 3rem;
	font-size: 2.2rem;
}

.concept__lead .text {
	font-size: 1.7rem;
}

.concept__lead .text:not(:last-of-type) {
	margin-bottom: 3rem;
}

.concept__image {
	position: absolute;
	will-change: transform;
}

.concept__imageInner {
	box-shadow: 0 0 2.416vw 0 rgba(42, 97, 173, 0.11);
	display: block;
	will-change: transform, opacity;
}

.concept__image.image01 {
	width: 38.653vw;
	top: 0;
	left: 0;
}

.concept__image.image02 {
	width: 34.407vw;
	top: 62.079vw;
	left: 15.373vw;
	z-index: 2;
}

.concept__image.image03 {
	width: 33.236vw;
	top: 76.867vw;
	left: 6.003vw;
	z-index: 1;
}

.concept__image.image04 {
	width: 21.303vw;
	top: 101.245vw;
	right: 0;
	z-index: 2;
}

.concept__image.image05 {
	width: 25.842vw;
	top: 117.13vw;
	right: 13.177vw;
	z-index: 1;
}

.concept__image.image06 {
	width: 33.236vw;
	top: 130.673vw;
	left: 10.981vw;
}

@media screen and (max-width: 768px) {
	.concept {
		padding: 9rem 0;
		height: 283.1rem;
	}

	.concept__wrapper {
		height: 269.1rem;
	}

	.concept__inner {
		margin: 0 auto;
		padding-top: 86rem;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}

	.concept__title,
	.concept__lead {
		margin: 0 auto;
		width: 32rem;
	}

	.concept__title {
		font-size: 3.4rem;
	}

	.concept__lead.en {
		margin-top: 3rem;
	}

	.concept__lead--title {
		margin-bottom: 2rem;
		font-size: 2.0rem;
	}

	.concept__lead .text {
		font-size: 1.4rem;
	}

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

	.concept__imageInner {
		box-shadow: 0 0 3.3rem 0 rgba(42, 97, 173, 0.11);
	}

	.concept__image.image01 {
		width: 27.3rem;
		top: 0;
		left: 0;
	}

	.concept__image.image02 {
		width: 24.1rem;
		top: 39rem;
		right: 0;
		left: auto;
		z-index: 2;
	}

	.concept__image.image03 {
		width: 20.9rem;
		top: 51.1rem;
		left: 7.6rem;
		z-index: 1;
	}

	.concept__image.image04 {
		width: 15.9rem;
		top: auto;
		right: 0;
		bottom: 62rem;
		z-index: 2;
	}

	.concept__image.image05 {
		width: 19.4rem;
		top: auto;
		right: auto;
		bottom: 37.5rem;
		left: 7.3rem;
		z-index: 1;
	}

	.concept__image.image06 {
		width: 26.7rem;
		top: auto;
		bottom: 15rem;
		left: 0;
	}
}

/* ----------------------------------------------------
	concept background spacer
---------------------------------------------------- */
.concept-bg-spacer {
	height: 100dvh;
	position: relative;
	z-index: 1;
	pointer-events: none;
}

/* ----------------------------------------------------
	message
---------------------------------------------------- */
.message {
	background-color: rgb(var(--wht));
	padding: 10rem 0;
}

.message__inner {
	margin: 0 auto 15rem;
	width: 98rem;
	text-align: center;
}

.message__title {
	margin-bottom: 6rem;
	font-family: var(--title);
	font-size: 6.5rem;
}

.message__content {
	margin-bottom: 15rem;
}

.message__content--title {
	margin-bottom: 3rem;
	color: rgb(var(--blu));
	font-family: var(--title);
	font-size: 3.8rem;
}

.message__content--subtitle {
	margin-top: 8rem;
	line-height: normal;
	font-family: var(--title);
	font-size: 6.2rem;
}

.message__content--subtitle .jp {
	font-size: 3.1rem;
	display: block;
}

.message__content--lead {
	margin-top: 3rem;
	line-height: 2.2;
	font-size: 1.5rem;
}

.message__content--lead .en {
	margin-top: 2em;
}

.message__logo {
	margin: 9rem auto 0;
	width: 20rem;
}

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

	.message__inner {
		margin-bottom: 6rem;
		width: 100%;
	}

	.message__title {
		margin-bottom: 4rem;
		font-size: 3.8rem;
	}

	.message__content {
		margin-bottom: 8rem;
	}

	.message__content--title {
		margin-bottom: 2rem;
		font-size: 2.6rem;
	}

	.message__content--subtitle {
		margin-bottom: 2rem;
		font-size: 4.5rem;
	}

	.message__content--subtitle .jp {
		margin-top: 1rem;
		font-size: 2.4rem;
	}

	.message__content--lead {
		margin: 3rem auto 0;
		font-size: 1.4rem;
	}

	.message__content--lead .text {
		padding: 0 1.5rem;
		letter-spacing: -0.025em;
	}

	.message__logo {
		margin: 9rem auto 0;
		width: 20rem;
	}
}

/*
	gm
------------------------------ */
.gm {
	margin: 0 auto;
	width: 107rem;
}

.gm__title {
	margin-bottom: 6rem;
	color: rgb(var(--blu));
	font-family: var(--title);
	font-size: 3.8rem;
	text-align: center;
}

.gm__content {
	display: flex;
	justify-content: space-between;
}

.gm__content--image figcaption {
	margin-top: 1rem;
	font-size: 1.8rem;
}

.gm__content--image {
	line-height: 1.5;
}

.gm__content--image img {
	width: 27rem;
}

.gm__content--image .gm__name {
	background-image: url(../img/sign.webp);
	background-position: bottom right 1rem;
	background-repeat: no-repeat;
	background-size: 16.3rem auto;
	margin-top: 1rem;
	padding-bottom: 3rem;
	font-size: 2.4rem;
}

.gm__content--image .gm__name .en {
	font-size: 3.4rem;
	display: block;
}

.gm__content--content {
	width: 70.2rem;
	font-size: 1.5rem;
}

.gm__content--content .en {
	margin-top: 3rem;
}

@media screen and (max-width: 768px) {
	.gm {
		width: 33.3rem;
	}

	.gm__title {
		margin-bottom: 3rem;
		font-size: 2.6rem;
	}

	.gm__content {
		display: block;
	}

	.gm__content--image {
		margin: 0 auto 3rem;
		width: 22.3rem;
	}

	.gm__content--image figcaption {
		font-size: 1.5rem;
		letter-spacing: -0.005em;
	}

	.gm__content--image img {
		width: 100%;
	}

	.gm__content--image .gm__name {
		background-position: bottom right;
		background-size: 13.3rem auto;
		padding-bottom: 2rem;
		font-size: 2rem;
	}

	.gm__content--image .gm__name .en {
		font-size: 3rem;
	}

	.gm__content--content {
		width: 100%;
		line-height: 2.2;
		font-size: 1.4rem;
	}

	.gm__content--content .en {
		margin-top: 2rem;
	}
}

/* ----------------------------------------------------
	plan
---------------------------------------------------- */
.plan {
	background-color: rgb(var(--wht));
}

.plan__header {
	background-image: url(../img/event-bg.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10rem 0 4rem;
}

.plan__header--title {
	margin-bottom: 5rem;
	line-height: normal;
	font-family: var(--title);
	font-size: 6.5rem;
	text-align: center;
}

.plan__header--title .small {
	font-size: 3.7rem;
	display: block;
}

.plan__nav--list {
	margin: 0 auto;
	width: 114.6rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.plan__nav--item {
	margin-bottom: 6rem;
	width: 34.8rem;
	text-align: center;
}

.plan__nav--item:not(:nth-child(3n)):not(:last-of-type) {
	margin-right: calc((100% - 34.8rem * 3) / 2);
}

.plan__nav--item a {
	text-decoration: none;
}

.plan__nav--image {
	margin-bottom: 0.8rem;
}

.plan__nav--image img {
	position: relative;
	bottom: -1px;
}

.plan__nav--image figcaption {
	background: linear-gradient(90deg, #53A7D0 -0.01%, #A16FBA 60.08%, #D5787A 99.98%);
	height: 3.3rem;
	color: rgb(var(--wht));
	font-family: var(--gothic);
	font-size: 1.6rem;
	text-align: center;
}

.plan__nav--content .title {
	margin-bottom: 0.5rem;
	height: 6.5rem;
	line-height: normal;
	font-family: var(--title);
	font-size: 2.6rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

.plan__nav--content .detail {
	line-height: 1.5;
	font-family: var(--gothic);
	font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
	.plan__header {
		background-image: url(../img/event-bg_sp.webp);
		margin-bottom: 7rem;
		padding: 8rem 0 4rem;
	}

	.plan__header--title {
		font-size: 3.8rem;
	}

	.plan__header--title .small {
		font-size: 3rem;
	}

	.plan__nav--list {
		margin: 0 auto;
		width: 35rem;
		display: block;
	}

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

	.plan__nav--item:not(:nth-child(3n)):not(:last-of-type) {
		margin-right: 0;
	}

	.plan__nav--image figcaption {
		font-size: 1.5rem;
	}

	.plan__nav--content .title {
		height: auto;
		display: flex;
	}
}

/*
	plan__list
------------------------------ */
.plan__list {
	background-color: rgb(var(--wht));
}

.plan__list--item {
	width: 100%;
	display: flex;
	align-items: stretch;
	min-height: 100vh;
	position: relative;
}

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

.plan__list--image {
	width: 57.101vw;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.plan__list--image .steiffcopyright {
	width: 32rem;
	position: absolute;
	bottom: 1rem;
	left: 0.5rem;
	z-index: 1;
}

.plan__list--image .bg-fixed__clip img,
.plan__list--image .bg-fixed-slider {
	width: 57.101vw;
	left: 0;
}

.plan__list--item:nth-child(even) .plan__list--image .bg-fixed__clip img,
.plan__list--item:nth-child(even) .plan__list--image .bg-fixed-slider {
	right: 0;
	left: auto;
}

.plan__list--content {
	width: 59rem;
	padding: 15rem 7rem;
	display: flex;
	align-items: center;
}

.plan__list--inner {
	width: 100%;
	font-family: var(--gothic);
}

.plan__list--title {
	background: linear-gradient(90deg, #53A7D0 -0.01%, #A16FBA 60.08%, #D5787A 99.98%);
	height: 4rem;
	color: rgb(var(--wht));
	font-size: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.plan__list--lead {
	margin-top: 1.8rem;
}

.plan__list--lead .title {
	margin-bottom: 1.3rem;
	line-height: normal;
	font-family: var(--title);
	font-size: 3.8rem;
}

.plan__list--lead .title__inner {
	background: linear-gradient(90deg, #53a7d0 0%, #a16fba 60%, #d5787a 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	display: inline-block;
}

.plan__list--lead .lead {
	font-size: 1.8rem;
	font-weight: 500;
}

.plan__list--text {
	margin-top: 4.5rem;
}

.plan__list--text .text {
	font-size: 1.4rem;
}

.plan__list--text .text .icon {
	color: rgb(var(--blu));
}

.plan__list--text .text b {
	font-weight: 700;
}

.plan__list--text .text.en,
.plan__list--text .note.en {
	color: rgb(var(--blu));
}

.plan__list--text .text.en {
	margin-top: 1.4rem;
	font-size: 1.3rem;
}

.plan__list--date {
	margin-top: 4.5rem;
	font-size: 1.6rem;
	font-weight: 500;
}

.plan__list--inner .link-button {
	margin-top: 3rem;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.plan__list--item {
		min-height: 0;
		display: block;
	}

	.plan__list--item:nth-child(even) {
		flex-direction: row;
	}

	.plan__list--image {
		width: 100%;
		/* position: static; */
		overflow: visible;
		isolation: auto;
	}

	.plan__list--image .steiffcopyright {
		width: 24rem;
	}

	.plan__list--image .bg-fixed__media,
	.plan__list--image .bg-fixed__clip,
	.plan__list--image .bg-fixed__clip picture,
	.plan__list--image .bg-fixed__clip img,
	.plan__list--image .bg-fixed-slider,
	.plan__list--image .bg-fixed-slider .slick-list,
	.plan__list--image .bg-fixed-slider .slick-track,
	.plan__list--image .bg-fixed-slider .slick-slide,
	.plan__list--image .bg-fixed-slider .slick-slide>div,
	.plan__list--image .bg-fixed-slider__item,
	.plan__list--image .bg-fixed-slider picture {
		width: 100%;
		height: auto;
		position: static;
	}

	.plan__list--image .bg-fixed__clip {
		overflow: visible;
		clip-path: none;
	}

	.plan__list--image .bg-fixed-slider img {
		width: 100%;
		height: auto;
	}

	.plan__list--content {
		width: 100%;
		padding: 3rem 0 6rem;
		display: block;
	}

	.plan__list--inner {
		margin: 0 auto;
		width: 35rem;
	}

	.plan__list--title {
		height: 3.1rem;
		font-size: 1.5rem;
	}

	.plan__list--lead {
		margin-top: 1rem;
	}

	.plan__list--lead .title {
		margin-bottom: 1rem;
		font-size: 3.3rem;
	}

	.plan__list--lead .lead {
		font-size: 1.5rem;
	}

	.plan__list--text {
		margin-top: 2.5rem;
	}

	.plan__list--text .text,
	.plan__list--text .text.en {
		font-size: 1.3rem;
	}

	.plan__list--date {
		margin-top: 3rem;
		font-size: 1.5rem;
	}

	.plan__list--inner .link-button {
		margin-top: 1.5rem;
		width: 100%;
	}
}

/* ----------------------------------------------------
	hotels
---------------------------------------------------- */
.hotels {
	padding-top: 62.5rem;
	position: relative;
	isolation: isolate;
}

.hotels__wrapper {
	background-color: rgb(var(--wht));
	padding-top: 10rem;
	position: relative;
	top: 2px;
}

.hotels__wrapper--inner {
	margin: 0 auto;
	width: 96rem;
}

.hotels__logo {
	margin: 0 auto 4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

.hotels__logo--item.kioicho {
	width: 19.9rem;
}

.hotels__logo--item.luxury {
	width: 12.5rem;
}

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

.hotels__sns--item {
	margin: 0 1.3rem;
	width: 4rem;
}

.hotels__detail {
	margin-bottom: 2.5rem;
	text-align: center;
}

.hotels__name {
	font-family: var(--title);
	font-size: 2.4rem;
	text-align: center;
}

.hotels__address {
	margin-bottom: 2.5rem;
	font-family: var(--gothic);
	font-size: 1.6rem;
	text-align: center;
}

.hotels .link-button {
	margin: 0 auto;
}

.hotels__link {
	margin-top: 7.5rem;
	display: flex;
	justify-content: space-between;
}

.hotels__link--item {
	width: 45rem;
}

.hotels__link--item .link-button {
	background-color: rgba(92, 117, 135, 1);
}

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

	.hotels__wrapper {
		padding-top: 5rem;
	}

	.hotels__wrapper--inner {
		width: 35rem;
	}

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

	.hotels__logo--item.kioicho {
		width: 13.4rem;
	}

	.hotels__logo--item.luxury {
		width: 8.8rem;
	}

	.hotels__name {
		margin-bottom: 1.2rem;
		font-size: 1.8rem;
	}

	.hotels__address {
		margin-bottom: 4rem;
		font-size: 1.2rem;
	}

	.hotels .link-button {
		width: 100%;
	}

	.hotels__link {
		margin-top: 0;
		display: block;
	}

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

/* ----------------------------------------------------
	footer
---------------------------------------------------- */
.footer {
	background-color: rgb(var(--wht));
	padding: 15rem 0 5rem;
	font-family: var(--gothic);
	position: relative;
	z-index: 5;
}

.footer__note {
	margin: 0 auto 6rem;
	width: 96rem;
}

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

	.footer__note {
		margin-bottom: 5rem;
		width: 35rem;
	}
}

/* 
	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;
	letter-spacing: -0.005em;
}

@media screen and (max-width: 768px) {
	.footer .hotel-nav {
		font-size: 1.2rem;
		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: 2rem;
	}

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

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

@media screen and (max-width: 768px) {
	.footer .copy {
		margin-top: 4em;
		font-size: 0.9rem;
	}
}