@charset "UTF-8";

/* =============================================
　　root
============================================= */

:root {
	--color-miffy-yellow:#ffdf00;
	--color-miffy-orange:#eb6100;
	--color-miffy-green:#15722c;
	--color-miffy-blue:#004d97;

	--winter-color-primary:#11133f;
	--winter-color-secondary:#b28b46;
	--winter-color-accent:#967850;

	--winter-font-size-read:clamp(1.6rem, 1.343rem + 0.95vw, 2rem);
	
 	--spot-font-size-title: clamp(2.4rem, 1.943rem + 0.95vw, 2.8rem);
 	--spot-font-size-name: clamp(2rem, 1.114rem + 1.43vw, 2.4rem);
 	--spot-font-size-text :clamp(1.3rem, 0.957rem + 0.71vw, 1.6rem);
 	--spot-font-size-note: clamp(1.2rem, 0.971rem + 0.48vw, 1.4rem);
	--spot-txt-gap:2rem;
 	--font-size-btn :clamp(1.3rem, 0.957rem + 0.71vw, 1.6rem);

	--color-dialog-menu-btn: #fff;
	--color-dialog-menu-bg:#11133f;
	--color-dialog-menu-link:#fff;

}


@media screen and (min-width: 1025px) {

	:root {

		
	 	--spot-font-size-title: clamp(2.4rem, 1.943rem + 0.95vw, 2.8rem);
	 	--spot-font-size-name: clamp(2rem, 1.114rem + 1.43vw, 2.4rem);
	 	--spot-font-size-text :clamp(1.3rem, 0.957rem + 0.71vw, 1.6rem);
	 	--spot-font-size-note: clamp(1.2rem, 0.971rem + 0.48vw, 1.4rem);
		--spot-txt-gap:4rem;
	 	--font-size-btn :clamp(1.3rem, 0.957rem + 0.71vw, 1.6rem);
	}

}


/* =============================================
　　text-
============================================= */


.text-heading{
  font-size: var(--font-size-headding);
  text-align: center;
  font-weight: 500;
  font-family: var(--font-family-Zen-Mi);
}
.text-read{
  font-size: var(--winter-font-size-read);
  font-weight: 500;
  font-family: var(--font-family-Zen-Mi);
  line-height: 200%;
}

.text-base{
  font-size: var(--font-size-base);
  font-weight: 500;
}
.text-2xl{
  font-size: var(--font-size-2xl);
}
.text-xl{
  font-size: var(--font-size-xl);
}
.text-lg{
  font-size: var(--font-size-lg);
}
.text-md{
  font-size: var(--font-size-md);
  line-height: 200%;
}
.text-sm{
  font-size: var(--font-size-sm);
}
.text-xs{
  font-size: var(--font-size-xs);
}
.text-xxs{
  font-size: var(--font-size-xxs);
}

[class^="text-"] small {
  font-size:70%;
}

/* =============================================
　　.align-
============================================= */

.align-c{
text-align: var(--align-center);
}
.align-c-sp{
text-align: var(--align-center-sp);
}
.align-l{
text-align: var(--align-left);
}
.align-l-sp{
text-align: var(--align-left-sp);
}
.align-r{
text-align: var(--align-right);
}
.align-r-sp{
text-align: var(--align-right-sp);
}

/* =============================================
　　parts
============================================= */



/* アニメーションさせたい要素の基本スタイル */
.fade-in-up {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-up.active {
opacity: 1;
transform: translateY(0);
}



/* アニメーションの定義 */
@keyframes riseUp {
/* 開始時（下から、透明な状態） */
from {
  opacity: 0;
  transform: translateY(20px);
}
/* 終了時（定位置で、不透明な状態） */
to {
  opacity: 1;
  transform: translateY(0);
}
}


.img,
.txt {
  position: relative;
}
img {
  object-fit: cover;
  position: relative;
  width: 100%;
  max-width: 100%;
  transition: 0.6s all;
}

.btn {
  font-size: var(--font-size-btn);
}



article {
  position: relative;
  overflow: hidden;
}
section {
  position: relative;
}

.c-section{
	max-width: 100%;
	position: relative;
	padding:var(--layout-space-section) 0 calc(var(--layout-space-section));
	position: relative;
	z-index: 1;
}
.c-section__body{
	position: relative;
	padding:0 var(--layout-space-base-horizontal);
}

.c-section__inner{
	position: relative;
	margin: 0 auto;
	width: 100%;
}
.c-section__inner.wide{
	position: relative;
	padding:0rem;
}

.c-section__contents{
	position: relative;
	display: grid;
	align-items: start;
	justify-content: center;
	justify-items: center;
	gap:var(--layout-space-base-vrtical);
}

figure{
	position: relative;
	display: flex;
	height: 100%;
}
figure figcaption{
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: #fff;
  font-family: var(--font-family-Zen-Go);
  font-weight: 600;
  font-size: 12px;
}
figure figcaption[data-color="black"]{
  color: #000;
}
figure figcaption img{
  aspect-ratio: auto !important;
  width: 80px;
}


.spot{
	text-align: center;
	display: grid;
	justify-content: center;
	justify-items: center;
	align-items: start;
	padding-bottom: var(--layout-space-section);
}
.spot > div {
width: 100%;

}
.spot .spot-img {
  position: relative;;

}
.spot .spot-img img {
	aspect-ratio: 3 / 3;
}

.spot .spot-txt {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.spot .spot-txt:before {
  content: "";
  background: url(../img/index/spot-txt.png);
  background: url(../img/index/fv/txt-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.5;
}
.spot .spot-txt > div {
  padding: var(--layout-space-base-horizontal);
  display: grid;
  gap: var(--spot-txt-gap);
}

.spot .spot-title {
  font-size: var(--spot-font-size-title);
  text-align: center;
  line-height: 140%;
  text-shadow: 1px 1px 5px #000;
}


.spot .spot-name {
  font-size: var(--spot-font-size-name);
  text-align: center;
}
.spot .spot-name:before {
	content: "";
	width: 100%;
	height: 15px;
	display: block;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 219.05 15.46'%3E%3Cg%3E%3Cpath d='M163.82,15.46c-18.49,0-39.37-1.91-58.96-7.99C52.83-8.7.65,9.91.13,10.1l-.13-.85c.52-.19,52.82-18.84,104.98-2.63,52.05,16.17,113.38,2.76,113.99,2.63l.08.86c-.38.09-24.49,5.36-55.23,5.36Z' style='fill: %23fff; opacity: .5;'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 219.05 15.46'%3E%3Cg%3E%3Cpath d='M163.82,15.46c-18.49,0-39.37-1.91-58.96-7.99C52.83-8.7.65,9.91.13,10.1l-.13-.85c.52-.19,52.82-18.84,104.98-2.63,52.05,16.17,113.38,2.76,113.99,2.63l.08.86c-.38.09-24.49,5.36-55.23,5.36Z' style='fill: %23fff; opacity: .5;'/%3E%3C/g%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	margin-bottom: 1.6rem;
}

.spot .spot-note {
  font-size: var(--spot-font-size-note);
  text-align: left;
  font-weight:500;
}

.spot .spot-text{
	background: rgb(255 255 255 / 20%);
	border-radius: 1rem;
	padding: var(--layout-space-base-horizontal-small);
	position: relative;
	font-size: var(--spot-font-size-text);
	text-align: left;
	font-weight: 300;
	line-height: 180%;
	max-width: 600px;
}
.spot .spot-text:before {
	content: "";
	width: 100%;
	height: 30px;
	display: block;
	position: absolute;
	top: -10px;
	right: 0;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.06 22.09'%3E%3Cg%3E%3Cg%3E%3Cpath d='M8.96,11.74c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M13.94,8.23c-.57.01-1.13.04-1.7.17.57.12,1.13.16,1.7.17,0,.73.04,1.46.17,2.19.13-.73.16-1.46.17-2.19.57-.01,1.13-.04,1.7-.17-.57-.12-1.13-.16-1.7-.17-.01-.73-.04-1.46-.17-2.19-.13.73-.16,1.46-.17,2.19Z' style='fill: %23b28b46;'/%3E%3Cpath d='M2.13,8.39c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M55.04,13.06c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M59.51,6.28c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M46.14,3.47c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M43.51,11.37c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M50.09,8.74c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M39.06,5.61c-1.33.02-2.67.1-4,.39,1.33.29,2.67.37,4,.39.02,1.72.1,3.44.39,5.16.3-1.72.37-3.44.39-5.16,1.33-.03,2.67-.1,4-.39-1.33-.29-2.67-.37-4-.39-.02-1.72-.1-3.44-.39-5.16-.29,1.72-.37,3.44-.39,5.16Z' style='fill: %23b28b46;'/%3E%3Cpath d='M15.73,13.6c-1.02.02-2.04.08-3.05.3,1.02.22,2.04.28,3.05.3.02,1.31.07,2.62.3,3.94.23-1.31.28-2.62.3-3.94,1.02-.02,2.04-.08,3.05-.3-1.02-.22-2.04-.28-3.05-.3-.02-1.31-.08-2.62-.3-3.94-.22,1.31-.28,2.62-.3,3.94Z' style='fill: %23b28b46;'/%3E%3Cpath d='M27.27,10.62c-2.71.03-5.41.12-8.12.43,2.71.31,5.41.4,8.12.43-1.44,1.48-2.11,2.35-3.12,3.71,1.36-1.01,2.23-1.69,3.71-3.13.02,1.5.03,3.01.09,4.51.07,1.84.15,3.68.34,5.52.18-1.84.27-3.68.34-5.52.06-1.5.07-3.01.09-4.51,1.48,1.44,2.35,2.11,3.71,3.13-1.01-1.36-1.68-2.22-3.13-3.71,2.71-.03,5.41-.12,8.12-.43-2.71-.31-5.42-.4-8.12-.43,1.44-1.48,2.11-2.35,3.13-3.71-1.35,1.02-2.23,1.69-3.71,3.13-.02-1.51-.03-3.01-.09-4.52-.07-1.84-.15-3.68-.34-5.52-.18,1.84-.27,3.68-.34,5.52-.06,1.51-.07,3.01-.09,4.52-1.49-1.44-2.36-2.11-3.71-3.13,1.01,1.35,1.69,2.22,3.13,3.71Z' style='fill: %23b28b46;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.06 22.09'%3E%3Cg%3E%3Cg%3E%3Cpath d='M8.96,11.74c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M13.94,8.23c-.57.01-1.13.04-1.7.17.57.12,1.13.16,1.7.17,0,.73.04,1.46.17,2.19.13-.73.16-1.46.17-2.19.57-.01,1.13-.04,1.7-.17-.57-.12-1.13-.16-1.7-.17-.01-.73-.04-1.46-.17-2.19-.13.73-.16,1.46-.17,2.19Z' style='fill: %23b28b46;'/%3E%3Cpath d='M2.13,8.39c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M55.04,13.06c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M59.51,6.28c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M46.14,3.47c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M43.51,11.37c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M50.09,8.74c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M39.06,5.61c-1.33.02-2.67.1-4,.39,1.33.29,2.67.37,4,.39.02,1.72.1,3.44.39,5.16.3-1.72.37-3.44.39-5.16,1.33-.03,2.67-.1,4-.39-1.33-.29-2.67-.37-4-.39-.02-1.72-.1-3.44-.39-5.16-.29,1.72-.37,3.44-.39,5.16Z' style='fill: %23b28b46;'/%3E%3Cpath d='M15.73,13.6c-1.02.02-2.04.08-3.05.3,1.02.22,2.04.28,3.05.3.02,1.31.07,2.62.3,3.94.23-1.31.28-2.62.3-3.94,1.02-.02,2.04-.08,3.05-.3-1.02-.22-2.04-.28-3.05-.3-.02-1.31-.08-2.62-.3-3.94-.22,1.31-.28,2.62-.3,3.94Z' style='fill: %23b28b46;'/%3E%3Cpath d='M27.27,10.62c-2.71.03-5.41.12-8.12.43,2.71.31,5.41.4,8.12.43-1.44,1.48-2.11,2.35-3.12,3.71,1.36-1.01,2.23-1.69,3.71-3.13.02,1.5.03,3.01.09,4.51.07,1.84.15,3.68.34,5.52.18-1.84.27-3.68.34-5.52.06-1.5.07-3.01.09-4.51,1.48,1.44,2.35,2.11,3.71,3.13-1.01-1.36-1.68-2.22-3.13-3.71,2.71-.03,5.41-.12,8.12-.43-2.71-.31-5.42-.4-8.12-.43,1.44-1.48,2.11-2.35,3.13-3.71-1.35,1.02-2.23,1.69-3.71,3.13-.02-1.51-.03-3.01-.09-4.52-.07-1.84-.15-3.68-.34-5.52-.18,1.84-.27,3.68-.34,5.52-.06,1.51-.07,3.01-.09,4.52-1.49-1.44-2.36-2.11-3.71-3.13,1.01,1.35,1.69,2.22,3.13,3.71Z' style='fill: %23b28b46;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: right;
	mask-position: right;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: #b28b46;
}

.spot dl{
	display: grid;
	justify-content: flex-start;
	align-items: start;
	margin: 0px auto;
	position: relative;
	gap: 10px;
	grid-template-columns: auto 1fr;
	width:auto;
	font-family: var(--font-family-Zen-Go);
}
.spot dl dt{
	width: 100px;
	display: block;
	background: #fff;
	color: #000;
	border-radius: 5px;
	margin-right: 10px;
	padding: 3px 10px;
	line-height: 1.2;
	text-align: center;
}
.spot dl dd{
	text-align:left;
}

.spot .btn{
	color:var(--winter-color-primary);
	background: #fff;
	max-width: 200px;
	margin: 0 auto;
	border: 0;
}


@media screen and (min-width: 1025px) {

	.spot {
	  justify-content: center;
	  justify-items: center;
	  align-items: center;
	  grid-template-columns: 1.3fr 1fr;
	  padding-bottom:0;
	}
	.spot .spot-img img {
		aspect-ratio: 4 / 3;
		height: 100%;
	}
	.spot .spot-txt:before {
	  content: "";
	  display:none;
	}
	.spo-list .swiper-slide:nth-child(odd) .spot{
	  grid-template-columns: 1fr 1.3fr;
	}
	.spo-list .swiper-slide:nth-child(odd) .spot .spot-img{
	  order:2;
	}
	.spot .spot-txt {
	  position: relative;
	}
}





/* =============================================
　　#winter
============================================= */
#winter #app-container{
	font-weight: 300;
	font-family: var(--font-family-Zen-Mi);
	color:#fff;
	background:#063a6f;
}


/* =============================================
　　#fv
============================================= */

#fv{

}
#article-fv:before{
	content: "";
	background: url(../img/index/fv/bg.jpg);
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
}
#fv{
	display: grid;
	align-content: space-between;
	width: 100%;
}

#fv .img{
	overflow: hidden; 
	width: 100%;
}
#fv .img img{
  width: 100%;
  height: 100%;*/
  object-fit: cover; 
}
#fv .txt{
	color: #fff;
	position: absolute;
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	z-index: 1;
	display: grid;
	align-items: center;
}
#fv .txt .inner{
	padding: var(--layout-space-base-horizontal) var(--layout-space-base-horizontal-small);
	display: flex;
	gap: var(--layout-space-base-horizontal-small);
	width: 100%;
	flex-direction: column;
	position: relative;
}

#fv .txt h1 img{
  filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.5));
    width: 100%;
}
#fv .txt img.bar{
  width: 50%;
  filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.5));
}


#fv .txt .inner:before{
	content: "";
	background: url(../img/index/fv/bg.jpg);
	background:url(../img/index/fv/txt-bg.png);
	background-size: cover;
			background-position: bottom;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}
/*
#fv .txt .inner:after{
	content: "";
	background: #063a6f;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: -1;
}
*/

#fv .txt .inner .read{
  max-width: 800px;
  margin: 0 auto;
}

#fv .img:before {
/*  content: "";
  background: url(../img/index/illumination_logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position:left;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100px;
  display: block;
  z-index: 2;
*/
}


@media screen and (min-width: 1025px) {


	#fv .txt h1 img{
	  max-width: 800px;
	}
	#fv .txt img.bar{
	  max-width: 300px;
	}
	#fv .img:before {
	  left: 15px;
	  width: 100%;
	  height: 180px;
	}
	#fv .img img {
	  aspect-ratio: 250 / 107;
	}

}


/* =============================================
　　#movie
============================================= */

#movie {
  position: relative;
  display: flex;
  width: 100%;
  justify-items: center;
  flex-direction: column;
  justify-content: center;
}

#movie:after{
	content: "";
	background: #063A6F;
	background: linear-gradient(180deg,rgba(6, 58, 111, 0) 0%, rgba(6, 58, 111, 1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20%;
	opacity: 1
}
#movie .inner{
	padding: 0 0 calc(var(--layout-space-base-horizontal-small) * 2);
	display: flex;
	gap: var(--layout-space-base-horizontal-small);
	width: 100%;
	justify-items: center;
	flex-direction: column;
}


#movie .txt .inner{
	padding: var(--layout-space-base-horizontal-small);
	display: flex;
	gap: var(--layout-space-base-horizontal-small);
	justify-items: center;
	flex-direction: column;
}

#movie .txt .inner img.bar{
	width: 50%;
	max-width: 320px;
	filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.5));
}


#movie .movie {
	width: 100%;
	z-index: 1;
	position: relative;
	aspect-ratio: 4 / 3;
	  overflow: hidden;
}
#movie .movie video {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%,-50%);
}


@media screen and (min-width: 1025px) {

	#movie .movie {
    aspect-ratio: 16 / 7;
    margin: 0 auto;
    max-width:1000px;
	}
}


/* =============================================
　　#message
============================================= */

#message {
	color: #fff;
	  z-index: 1;
}
#message:before,
#message:after{
	content: "";
	background: #063A6F;
	background: linear-gradient(180deg,rgba(6, 58, 111, 0) 0%, rgba(6, 58, 111, 1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20%;
	opacity: 1
}
#message:before{
	bottom:auto;
	top: 0;
	transform: rotate(180deg);
}

#message .message-body {
	width: 100%;
	padding: var(--layout-space-base-horizontal);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--layout-space-base-vrtical);
	padding-bottom: calc(var(--layout-space-base-horizontal) * 4);
}


#message .message-body:before{
	content: "";
	background: url(../img/index/message/01_sp.jpg);
	background-size: cover;
	background-position: center bottom;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#message .message-body:after{
	content: "";
	background: #063a6f;
	  background: linear-gradient(315deg, rgb(0 24 42) 0%, rgb(0 63 134) 55%, rgb(0 147 192) 100%);
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: -1;
}
#message .message-body .message-text,
#message .message-body .message-title{
	text-shadow: 1px 1px 5px #000;
}

#message .message-body .message-title{
	color:#fde6bd;
	margin-bottom:4rem;
}

#message .message-body .message-title:before {
	content: "";
	width: 100%;
	height: 50px;
	display: block;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.06 22.09'%3E%3Cg%3E%3Cg%3E%3Cpath d='M8.96,11.74c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M13.94,8.23c-.57.01-1.13.04-1.7.17.57.12,1.13.16,1.7.17,0,.73.04,1.46.17,2.19.13-.73.16-1.46.17-2.19.57-.01,1.13-.04,1.7-.17-.57-.12-1.13-.16-1.7-.17-.01-.73-.04-1.46-.17-2.19-.13.73-.16,1.46-.17,2.19Z' style='fill: %23b28b46;'/%3E%3Cpath d='M2.13,8.39c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M55.04,13.06c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M59.51,6.28c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M46.14,3.47c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M43.51,11.37c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M50.09,8.74c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M39.06,5.61c-1.33.02-2.67.1-4,.39,1.33.29,2.67.37,4,.39.02,1.72.1,3.44.39,5.16.3-1.72.37-3.44.39-5.16,1.33-.03,2.67-.1,4-.39-1.33-.29-2.67-.37-4-.39-.02-1.72-.1-3.44-.39-5.16-.29,1.72-.37,3.44-.39,5.16Z' style='fill: %23b28b46;'/%3E%3Cpath d='M15.73,13.6c-1.02.02-2.04.08-3.05.3,1.02.22,2.04.28,3.05.3.02,1.31.07,2.62.3,3.94.23-1.31.28-2.62.3-3.94,1.02-.02,2.04-.08,3.05-.3-1.02-.22-2.04-.28-3.05-.3-.02-1.31-.08-2.62-.3-3.94-.22,1.31-.28,2.62-.3,3.94Z' style='fill: %23b28b46;'/%3E%3Cpath d='M27.27,10.62c-2.71.03-5.41.12-8.12.43,2.71.31,5.41.4,8.12.43-1.44,1.48-2.11,2.35-3.12,3.71,1.36-1.01,2.23-1.69,3.71-3.13.02,1.5.03,3.01.09,4.51.07,1.84.15,3.68.34,5.52.18-1.84.27-3.68.34-5.52.06-1.5.07-3.01.09-4.51,1.48,1.44,2.35,2.11,3.71,3.13-1.01-1.36-1.68-2.22-3.13-3.71,2.71-.03,5.41-.12,8.12-.43-2.71-.31-5.42-.4-8.12-.43,1.44-1.48,2.11-2.35,3.13-3.71-1.35,1.02-2.23,1.69-3.71,3.13-.02-1.51-.03-3.01-.09-4.52-.07-1.84-.15-3.68-.34-5.52-.18,1.84-.27,3.68-.34,5.52-.06,1.51-.07,3.01-.09,4.52-1.49-1.44-2.36-2.11-3.71-3.13,1.01,1.35,1.69,2.22,3.13,3.71Z' style='fill: %23b28b46;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.06 22.09'%3E%3Cg%3E%3Cg%3E%3Cpath d='M8.96,11.74c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M13.94,8.23c-.57.01-1.13.04-1.7.17.57.12,1.13.16,1.7.17,0,.73.04,1.46.17,2.19.13-.73.16-1.46.17-2.19.57-.01,1.13-.04,1.7-.17-.57-.12-1.13-.16-1.7-.17-.01-.73-.04-1.46-.17-2.19-.13.73-.16,1.46-.17,2.19Z' style='fill: %23b28b46;'/%3E%3Cpath d='M2.13,8.39c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M55.04,13.06c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M59.51,6.28c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M46.14,3.47c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M43.51,11.37c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M50.09,8.74c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M39.06,5.61c-1.33.02-2.67.1-4,.39,1.33.29,2.67.37,4,.39.02,1.72.1,3.44.39,5.16.3-1.72.37-3.44.39-5.16,1.33-.03,2.67-.1,4-.39-1.33-.29-2.67-.37-4-.39-.02-1.72-.1-3.44-.39-5.16-.29,1.72-.37,3.44-.39,5.16Z' style='fill: %23b28b46;'/%3E%3Cpath d='M15.73,13.6c-1.02.02-2.04.08-3.05.3,1.02.22,2.04.28,3.05.3.02,1.31.07,2.62.3,3.94.23-1.31.28-2.62.3-3.94,1.02-.02,2.04-.08,3.05-.3-1.02-.22-2.04-.28-3.05-.3-.02-1.31-.08-2.62-.3-3.94-.22,1.31-.28,2.62-.3,3.94Z' style='fill: %23b28b46;'/%3E%3Cpath d='M27.27,10.62c-2.71.03-5.41.12-8.12.43,2.71.31,5.41.4,8.12.43-1.44,1.48-2.11,2.35-3.12,3.71,1.36-1.01,2.23-1.69,3.71-3.13.02,1.5.03,3.01.09,4.51.07,1.84.15,3.68.34,5.52.18-1.84.27-3.68.34-5.52.06-1.5.07-3.01.09-4.51,1.48,1.44,2.35,2.11,3.71,3.13-1.01-1.36-1.68-2.22-3.13-3.71,2.71-.03,5.41-.12,8.12-.43-2.71-.31-5.42-.4-8.12-.43,1.44-1.48,2.11-2.35,3.13-3.71-1.35,1.02-2.23,1.69-3.71,3.13-.02-1.51-.03-3.01-.09-4.52-.07-1.84-.15-3.68-.34-5.52-.18,1.84-.27,3.68-.34,5.52-.06,1.51-.07,3.01-.09,4.52-1.49-1.44-2.36-2.11-3.71-3.13,1.01,1.35,1.69,2.22,3.13,3.71Z' style='fill: %23b28b46;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color:#fde6bd;
}



.message-list{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spot-txt-gap);
  background: rgb(255 255 255 / 29%);
  padding:1.6rem 1.6rem 1.6rem 2.6rem;
}
.message-item{
  position: relative;
    width: 95%;
}
.message-item:nth-child(even){
	margin-left:5%;
}
.message-item:before,
.message-item:after{
	content: "";
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20155.68%20149.25%22%3E%20%3Cg%20%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M109.22%2C132.89c1.02%2C0%2C1.83-.83%2C1.83-1.88%2C0-28.24%2C19.2-51.21%2C42.81-51.21%2C1.02%2C0%2C1.83-.83%2C1.83-1.88%2C0-1.05-.8-1.87-1.83-1.87-23.6%2C0-42.8-22.96-42.81-51.19-.02-1.07-.82-1.88-1.83-1.88-1.02%2C0-1.83.83-1.83%2C1.88%2C0%2C.03%2C0%2C.09%2C0%2C.15-.08%2C28.15-19.27%2C51.04-42.81%2C51.04-1.02%2C0-1.83.82-1.83%2C1.87%2C0%2C1.06.8%2C1.88%2C1.83%2C1.88%2C23.6%2C0%2C42.81%2C22.97%2C42.81%2C51.21%2C0%2C1.05.8%2C1.88%2C1.82%2C1.88Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M52.28%2C54.52c.51%2C0%2C.91-.41.91-.94%2C0-14%2C9.52-25.39%2C21.23-25.39.51%2C0%2C.91-.41.91-.94s-.4-.93-.91-.93c-11.7%2C0-21.22-11.39-21.23-25.38%2C0-.53-.41-.94-.91-.94s-.91.41-.91.94v.04c-.03%2C13.98-9.55%2C25.34-21.22%2C25.34-.51%2C0-.91.41-.91.93s.4.94.91.94c11.7%2C0%2C21.23%2C11.39%2C21.23%2C25.39%2C0%2C.53.4.94.9.94Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M33.13%2C149.25c.73%2C0%2C1.31-.59%2C1.31-1.35%2C0-20.13%2C13.69-36.51%2C30.52-36.51.73%2C0%2C1.31-.59%2C1.31-1.35%2C0-.75-.57-1.34-1.31-1.34-16.82%2C0-30.51-16.37-30.52-36.49-.01-.76-.58-1.35-1.31-1.35s-1.31.59-1.31%2C1.35v.06c-.05%2C20.1-13.73%2C36.43-30.51%2C36.43-.73%2C0-1.31.59-1.31%2C1.34%2C0%2C.75.57%2C1.35%2C1.31%2C1.35%2C16.83%2C0%2C30.52%2C16.38%2C30.52%2C36.51%2C0%2C.75.57%2C1.35%2C1.3%2C1.35Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  width: 100%;
  height: 20px;
  display: block;
  position: absolute;
  top: -1rem;
  left: 1rem;
}
.message-item:after{
	bottom: -1rem;
	right: 1rem;
	top: auto;
	left:auto;
	background-position: right;
}


.message-item dl{
  font-size: var(--spot-font-size-text);
  display: flex;
  flex-direction: column-reverse;
  background: #fff;
  color: var(--winter-color-secondary);
  padding: 1rem 1rem 1rem 3rem;
  border: 1px solid;
}
.message-item .mens,
.message-item .womens{
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2rem;
  background: #fff;
  color: var(--winter-color-secondary);
  border: 1px solid;
  border-radius: 9999px;
  padding: 0.5rem;
  overflow: hidden;
}

.message-item .mens:before,
.message-item .womens:before{
	content: "";
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20197.85%20187.29%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M195.68%2C187.29c-1.19%2C0-2.16-.97-2.16-2.16%2C0-27.69-26.14-52.76-59.5-57.07-8.34-1.08-14.95-7.6-16.08-15.86l-.84-6.08c-.16-1.18.67-2.27%2C1.85-2.44%2C1.18-.16%2C2.27.66%2C2.44%2C1.85l.84%2C6.08c.87%2C6.33%2C5.95%2C11.33%2C12.35%2C12.16%2C35.48%2C4.58%2C63.28%2C31.53%2C63.28%2C61.36%2C0%2C1.19-.97%2C2.16-2.16%2C2.16Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M2.16%2C187.29c-1.19%2C0-2.16-.97-2.16-2.16%2C0-29.82%2C27.79-56.78%2C63.28-61.36%2C6.4-.83%2C11.48-5.83%2C12.35-12.16l.84-6.08c.16-1.18%2C1.25-2.01%2C2.44-1.85%2C1.18.16%2C2.01%2C1.25%2C1.85%2C2.44l-.84%2C6.08c-1.13%2C8.26-7.75%2C14.79-16.08%2C15.86-33.37%2C4.31-59.5%2C29.37-59.5%2C57.07%2C0%2C1.19-.97%2C2.16-2.16%2C2.16Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M98.92%2C140.26c-11.68%2C0-22.66-4.55-30.91-12.8-.84-.84-.84-2.21%2C0-3.06.84-.85%2C2.21-.85%2C3.06%2C0%2C7.44%2C7.44%2C17.33%2C11.54%2C27.85%2C11.54s20.41-4.1%2C27.85-11.54c.84-.85%2C2.21-.85%2C3.06%2C0%2C.84.84.84%2C2.21%2C0%2C3.06-8.26%2C8.26-19.24%2C12.8-30.91%2C12.8Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M98.92%2C115.39c-7.58%2C0-14.97-2.68-21.4-7.75-7.41-5.84-13.28-14.68-16.66-25.03-1.44-.11-2.86-.65-4.19-1.59-3.11-2.19-5.42-6.39-6.18-11.24-1.29-8.16%2C2.07-15.43%2C7.64-16.55.68-.14%2C1.38-.18%2C2.09-.11%2C1.19.11%2C2.07%2C1.16%2C1.96%2C2.35-.11%2C1.19-1.16%2C2.07-2.35%2C1.96-.29-.02-.57-.01-.84.04-2.78.56-5.2%2C5.48-4.22%2C11.64.57%2C3.66%2C2.26%2C6.87%2C4.4%2C8.37.98.69%2C1.94.95%2C2.86.77%2C1.09-.21%2C2.17.44%2C2.48%2C1.51%2C3.02%2C10.19%2C8.6%2C18.88%2C15.69%2C24.48%2C5.65%2C4.46%2C12.13%2C6.82%2C18.72%2C6.82s13.07-2.36%2C18.73-6.82c7.1-5.59%2C12.67-14.29%2C15.69-24.48.32-1.07%2C1.39-1.72%2C2.48-1.51.92.18%2C1.89-.08%2C2.86-.77%2C2.14-1.5%2C3.82-4.71%2C4.39-8.37.97-6.17-1.44-11.08-4.21-11.64-.28-.06-.56-.07-.85-.05-1.19.11-2.24-.77-2.35-1.96-.11-1.19.77-2.24%2C1.96-2.35.71-.06%2C1.41-.03%2C2.1.12%2C5.56%2C1.12%2C8.91%2C8.39%2C7.63%2C16.55-.76%2C4.85-3.07%2C9.05-6.18%2C11.23-1.33.94-2.76%2C1.47-4.19%2C1.59-3.38%2C10.34-9.25%2C19.19-16.66%2C25.03-6.43%2C5.07-13.83%2C7.75-21.4%2C7.75Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M143.41%2C51.33c-1.1%2C0-2.04-.83-2.15-1.95-2.03-20.55-10.91-45.05-41.66-45.05s-39.61%2C24.5-41.65%2C45.05c-.12%2C1.19-1.18%2C2.05-2.37%2C1.94-1.19-.12-2.06-1.18-1.94-2.37%2C1.46-14.7%2C5.67-26.34%2C12.52-34.6C74.08%2C4.83%2C85.32%2C0%2C99.61%2C0s25.53%2C4.83%2C33.44%2C14.35c6.85%2C8.26%2C11.07%2C19.9%2C12.52%2C34.6.12%2C1.19-.75%2C2.25-1.94%2C2.37-.07%2C0-.14.01-.22.01Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M79.09%2C40.18c-1.97%2C0-3.81-.05-5.48-.13-1.19-.06-2.11-1.07-2.06-2.27.06-1.19%2C1.07-2.1%2C2.27-2.06%2C8.22.4%2C20.6.06%2C32.9-3.85%2C4.39-1.4%2C8.44-3.15%2C12.05-5.21%2C1.04-.59%2C2.36-.23%2C2.95.81.59%2C1.04.23%2C2.36-.81%2C2.95-3.87%2C2.21-8.2%2C4.09-12.88%2C5.57-10.4%2C3.3-20.8%2C4.19-28.94%2C4.19Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M137.95%2C57.36c-.43%2C0-.87-.13-1.25-.4-5.53-3.9-10.28-9.66-14.12-17.11-1.67-3.24-3.17-6.81-4.45-10.62-.38-1.13.23-2.36%2C1.36-2.74%2C1.13-.38%2C2.36.23%2C2.74%2C1.36%2C1.21%2C3.6%2C2.62%2C6.97%2C4.19%2C10.01%2C3.52%2C6.83%2C7.82%2C12.06%2C12.77%2C15.56.98.69%2C1.21%2C2.04.52%2C3.01-.42.6-1.09.91-1.77.91Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M59.71%2C57.36c-.82%2C0-1.61-.47-1.97-1.27-.5-1.09-.02-2.37%2C1.07-2.87%2C3.33-1.52%2C7.86-4.44%2C10.59-9.74.87-1.69%2C1.49-3.52%2C1.85-5.43.22-1.17%2C1.35-1.95%2C2.52-1.73%2C1.17.22%2C1.95%2C1.35%2C1.73%2C2.52-.43%2C2.32-1.19%2C4.55-2.25%2C6.62-3.29%2C6.4-8.69%2C9.89-12.64%2C11.69-.29.13-.6.2-.9.2Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.message-item .womens:before{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180.23%20188.29%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M90.11%2C122.35c-7.34%2C0-14.52-2.3-20.76-6.65-12.24-8.52-19.54-23.47-19.54-39.98%2C0-1.69.05-3.37.14-5%2C.07-1.19%2C1.09-2.1%2C2.29-2.03%2C1.19.07%2C2.1%2C1.09%2C2.03%2C2.29-.09%2C1.54-.14%2C3.13-.14%2C4.74%2C0%2C14.88%2C6.78%2C28.84%2C17.69%2C36.43%2C5.52%2C3.84%2C11.84%2C5.88%2C18.29%2C5.88s12.78-2.03%2C18.3-5.88c10.91-7.6%2C17.69-21.56%2C17.69-36.43%2C0-5.36-.51-10.35-1.51-14.83-.26-1.17.47-2.32%2C1.64-2.58%2C1.17-.26%2C2.32.48%2C2.58%2C1.64%2C1.07%2C4.79%2C1.61%2C10.1%2C1.61%2C15.78%2C0%2C16.52-7.31%2C31.46-19.54%2C39.98-6.25%2C4.35-13.43%2C6.65-20.77%2C6.65Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M178.06%2C188.29c-1.07%2C0-2-.8-2.14-1.89-3.12-24.07-23.74-41.87-53.82-46.44-7.69-1.17-13.78-8.15-14.81-16.97l-.76-6.55c-.14-1.19.71-2.26%2C1.9-2.4%2C1.19-.14%2C2.26.71%2C2.4%2C1.9l.76%2C6.55c.8%2C6.89%2C5.39%2C12.31%2C11.17%2C13.19%2C32.07%2C4.88%2C54.09%2C24.1%2C57.46%2C50.17.15%2C1.18-.68%2C2.27-1.87%2C2.42-.09.01-.19.02-.28.02Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M2.17%2C188.29c-.09%2C0-.19%2C0-.28-.02-1.18-.15-2.02-1.24-1.87-2.42%2C3.37-26.07%2C25.39-45.29%2C57.46-50.17%2C5.77-.88%2C10.36-6.3%2C11.17-13.19l.76-6.55c.14-1.19%2C1.21-2.04%2C2.4-1.9%2C1.19.14%2C2.04%2C1.21%2C1.9%2C2.4l-.76%2C6.55c-1.03%2C8.82-7.12%2C15.8-14.81%2C16.97-30.08%2C4.58-50.7%2C22.37-53.82%2C46.44-.14%2C1.09-1.07%2C1.89-2.14%2C1.89Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20d%3D%22M90.11%2C152.19c-10.28%2C0-20.55-3.91-28.37-11.73-.84-.84-.84-2.21%2C0-3.06.84-.84%2C2.21-.84%2C3.06%2C0%2C13.96%2C13.96%2C36.67%2C13.96%2C50.63%2C0%2C.84-.84%2C2.21-.84%2C3.06%2C0%2C.84.84.84%2C2.21%2C0%2C3.06-7.82%2C7.82-18.1%2C11.73-28.37%2C11.73Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M52.41%2C72.42c-1.09%2C0-2.03-.82-2.15-1.93-.13-1.19.73-2.26%2C1.91-2.39%2C7.39-.82%2C26.01-4.44%2C39.14-20.45%2C5.13-6.25%2C8.76-13.52%2C10.81-21.63.29-1.16%2C1.47-1.86%2C2.63-1.57%2C1.16.29%2C1.86%2C1.47%2C1.57%2C2.63-2.21%2C8.73-6.13%2C16.57-11.66%2C23.32-14.15%2C17.24-34.09%2C21.13-42.01%2C22-.08%2C0-.16.01-.24.01Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M122.37%2C62.95c-3.33%2C0-7.76-.72-11.98-3.64-5.19-3.59-7.3-8.56-8.1-11.21-.35-1.14.3-2.35%2C1.44-2.7%2C1.14-.35%2C2.35.3%2C2.7%2C1.44.64%2C2.11%2C2.32%2C6.07%2C6.42%2C8.91%2C5.58%2C3.86%2C11.64%2C2.86%2C13.37%2C2.46%2C1.17-.27%2C2.33.46%2C2.59%2C1.62.27%2C1.16-.46%2C2.33-1.62%2C2.59-.86.2-2.6.52-4.82.52Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3Cpath%20d%3D%22M145.43%2C136.72c-1.19%2C0-2.16-.97-2.16-2.16V57.41c0-29.27-23.81-53.08-53.08-53.08s-53.08%2C23.81-53.08%2C53.08v77.15c0%2C1.19-.97%2C2.16-2.16%2C2.16s-2.16-.97-2.16-2.16V57.41C32.77%2C25.75%2C58.53%2C0%2C90.18%2C0s57.41%2C25.75%2C57.41%2C57.41v77.15c0%2C1.19-.97%2C2.16-2.16%2C2.16Z%22%20style%3D%22fill%3A%20%23c69e2c%3B%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}

.message-item dt{
  text-align: right;
}
.message-item dd{}

.ugc-img{}
.ugc-img img{
	aspect-ratio: 3 / 4;
	border-radius: 2rem;
	border: 2px var(--winter-color-secondary) solid;
}
.ugc-img figure figcaption {
  left :50%;
  transform: translateX(-50%);
  font-size: 14px;
  text-align: center;
}


#message .swiper {
  width: 100%;
  min-width: 0;
}

#message .swiper-slide {
  min-width: 0;
  display: flex;
  height: auto;
}
#message .swiper-wrapper {
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  z-index:-1;
}

#message .swiper-button-next,
#message .swiper-button-prev {
	position: absolute;
	width: auto;
	height: auto;
	background: #fff;
	border-radius: 9999px;
}
#message .swiper-button-next:after,
#message .swiper-button-prev:after {
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  display: block;
  mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.58%20157.58%22%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cpath%20d%3D%22M78.79%2C0C35.27%2C0%2C0%2C35.27%2C0%2C78.79s35.27%2C78.79%2C78.79%2C78.79%2C78.79-35.27%2C78.79-78.79S122.3%2C0%2C78.79%2C0ZM67.88%2C111.24l-2.63-2.63%2C29.81-29.81-29.81-29.81%2C2.63-2.63%2C32.45%2C32.45-32.45%2C32.45Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
position: relative;
z-index:11;
}
#message .swiper-button-prev:after {
transform: rotate(180deg);
}

#message .swiper {
  overflow: visible;
}

@media screen and (min-width: 1025px) {
	#message .message-body {
	  max-width: 1400px;
	  margin: 0 auto;
	}
	#message .txt {
	max-width: 780px;
	}
	.message-list {
	  max-width: 1200px;
	  	flex-direction: row;
	}
	.message-item {
	  position: relative;
	  width: 100%;
	}
	.message-item:nth-child(even) {
	  margin-left:0;
	}
	#message .message-body:before{
		background: url(../img/index/message/01_pc.jpg);
		background-size: cover;
		background-position: center bottom;
	}
	.message-list{;
	  padding:2.6rem 2.6rem 2.6rem 3.6rem;
	}

}



/* =============================================
　　.highlights 
============================================= */

[data-url="highlights"]{
	background: #055da0;
	background: linear-gradient(315deg, rgb(0 24 42) 0%, rgb(0 63 134) 55%, rgb(0 147 192) 100%);
}
.highlights {
	color: #fff;
}

@media screen and (min-width: 1025px) {

	.highlights {
	  display: grid;
	  align-content: center;
	  align-items: center;
	  height: 100%;
	}
	.highlights:before {
	  content: "";
	  background: url(../img/index/fv/bg.jpg);
	  background: url(../img/index/fv/txt-bg.png);
	  background-size: cover;
	  background-position: bottom;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: -1;
	  opacity: 0.3;
	  transform: rotate(180deg);
	}

	.highlights.section:nth-child(odd) .spot {
	grid-template-columns: 1fr 1.3fr;
	}
	.highlights.section:nth-child(odd) .spot .spot-img {
	order: 2;
	}
}


/* =============================================
　　#fireworks 
============================================= */

[data-url="fireworks"]{
	background: #10032d;
}
[data-url="fireworks"] .spot .spot-txt:before{
	background-image: url(../img/index/fireworks/01.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0.25;
}



/* =============================================
　　#attraction
============================================= */

article#attraction {
	position: relative;
	overflow: hidden;
	background:var(--winter-color-primary);
	color: #000;
	background: #FFF0B9;
	background: linear-gradient(149deg,rgba(255, 240, 185, 1) 0%, rgba(214, 161, 15, 1) 100%);
}
article#attraction:before {
	content: "";
	background: url(../img/index/attraction/bg.png);
	background-size: 400%;
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
}


article#attraction .c-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4rem;
	text-align: center;
}

article#attraction .c-section__contents {
	position: relative;
	display: grid;
	align-items: start;
	justify-content: center;
	justify-items: center;
	gap: 0;
	padding: var(--layout-space-base-horizontal-small);
}


article#attraction h3 {
  font-size: var(--font-size-xl);
  color: var(--color-miffy-orange);
}
article#attraction .spot-body  {
  width: 100%;
}
article#attraction .spot {
  border-radius: 2rem 2rem 0 0;
  overflow: hidden;
  height: auto;
}



article#attraction .spot-body.miffy,
article#attraction .spot.miffy{
	background:var(--color-miffy-yellow);
}
article#attraction .spot.miffy .btn {
  color: var(--color-miffy-yellow);
  background: #000;
}

article#attraction .spot.aircruisetheride{
	background:#40b3c6;
	color:#fff;
}
article#attraction .spot.aircruisetheride .btn {
  color:#40b3c6;
  background: #fff;
}
article#attraction .spot-body.aircruisetheride{
	background:#40b3c6;
	border-radius: 0 0 2rem 2rem;
}
article#attraction .spot.other{
	background:#42ab6a;
	color:#fff;
	  border-radius: 2rem;
}
article#attraction .spot.other .btn {
  color:#42ab6a;
  background: #fff;
}

article#attraction .spot.other .swiper {
   margin-top:0;
  margin-bottom:calc(var(--layout-space-base-horizontal) * 1.5);
}


article#attraction .spot .spot-img img {
  aspect-ratio: 1000 / 620;
}

article#attraction .spot .spot-text:before,
article#attraction .spot .spot-name:before,
article#attraction .spot .spot-txt:before{
	display:none;
}
article#attraction .spot .spot-title {
  text-shadow: none;
}


article#attraction .spot.spot-slider {
  padding-bottom: 0;
  border-radius: 0;
}
article#attraction .spot.spot-slider .spot-txt > div {
  padding: var(--layout-space-base-horizontal-small) 0 0;
  gap:0.5rem;
}

article#attraction .spot.spot-slider .spot-txt > div .spot-text {
	padding:0;
	background: transparent;
}
article#attraction .spot.spot-slider .spot-txt .spot-name {
  font-size: var(--winter-font-size-read);
}

article#attraction .spot.spot-slider .spot-img img {
  aspect-ratio: 1000 / 620;
}


article#attraction .miffy-copyright{
	margin-top:calc(var(--layout-space-base-horizontal) * 2);
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 0 1rem;
	width: auto;
}

article#attraction .swiper {
  width: 100%;
  min-width: 0;
  margin-top:calc(var(--layout-space-base-horizontal) * 1.5);
}

article#attraction .swiper-slide {
  min-width: 0;
  display: flex;
  height: auto;
}
article#attraction .swiper-wrapper {
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  z-index:-1;
}

article#attraction .swiper-button-next,
article#attraction .swiper-button-prev {
	position: absolute;
	width: auto;
	height: auto;
	background: #fff;
	border-radius: 9999px;
}
article#attraction .swiper-button-next:after,
article#attraction .swiper-button-prev:after {
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  display: block;
  mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.58%20157.58%22%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cpath%20d%3D%22M78.79%2C0C35.27%2C0%2C0%2C35.27%2C0%2C78.79s35.27%2C78.79%2C78.79%2C78.79%2C78.79-35.27%2C78.79-78.79S122.3%2C0%2C78.79%2C0ZM67.88%2C111.24l-2.63-2.63%2C29.81-29.81-29.81-29.81%2C2.63-2.63%2C32.45%2C32.45-32.45%2C32.45Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
position: relative;
z-index:11;
}
article#attraction .swiper-button-prev:after {
transform: rotate(180deg);
}


@media screen and (min-width: 1025px) {

	article#attraction:before {
		background-size: contain;
	}

	article#attraction .c-section__contents {
	  gap: var(--layout-space-base-horizontal);
	}
	article#attraction .spot-body {
	  background: transparent !important;
	}
	article#attraction .spot{
	  max-width: 1440px;
	  border-radius: 6rem;
	  padding: var(--layout-space-base-horizontal);
	  align-items: start;
	}
	article#attraction .spot.other {
	  border-radius: 6rem;
	  grid-template-columns:1fr;
	  gap: var(--layout-space-base-horizontal);
	}

	article#attraction .spot figure {
	  height: auto;
	}
	article#attraction .spot .spot-txt {
		position: relative;
		padding: 0px;
	}
	article#attraction .spot .spot-txt > div {
	  padding: 0 var(--layout-space-base-horizontal);
	}
	article#attraction .swiper {
	  grid-column: 1 / 3;
	}
	article#attraction .spot.spot-slider {
	  grid-template-columns: 1fr;
	  padding: 1rem;
	}
	article#attraction .spot.spot-slider .spot-txt > div {
	  padding: 2rem 0 0;
	}
	article#attraction .miffy-copyright {
	  margin-top:calc(var(--layout-space-base-horizontal) * 1);
	  grid-column: 1 / 3;
	}
	article#attraction .spot.other .swiper {
	  margin-top: 0;
	  margin-bottom:0;
	}
}

/* =============================================
　　#hotels
============================================= */


.js-swiper-loop .swiper-wrapper {
    transition-timing-function: linear;
}

article#hotels .swiper {
  width: 100%;
  min-width: 0;
}

article#hotels .swiper-slide {
  min-width: 0;
  display: flex;
  height: auto;
}
article#hotels .swiper-wrapper {
  display: flex !important;
  justify-content: flex-start;
  height: auto;
  z-index:-1;
}

article#hotels .swiper-button-next,
article#hotels .swiper-button-prev {
	position: absolute;
	width: auto;
	height: auto;
	background: #fff;
	border-radius: 9999px;
}
article#hotels .swiper-button-next:after,
article#hotels .swiper-button-prev:after {
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  display: block;
  mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20157.58%20157.58%22%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cpath%20d%3D%22M78.79%2C0C35.27%2C0%2C0%2C35.27%2C0%2C78.79s35.27%2C78.79%2C78.79%2C78.79%2C78.79-35.27%2C78.79-78.79S122.3%2C0%2C78.79%2C0ZM67.88%2C111.24l-2.63-2.63%2C29.81-29.81-29.81-29.81%2C2.63-2.63%2C32.45%2C32.45-32.45%2C32.45Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
}
article#hotels .swiper-button-prev:after {
transform: rotate(180deg);
}


article#hotels {
	position: relative;
	overflow: hidden;
	background:var(--winter-color-primary);
}

article#hotels:before {
	content: "";
	background: url(../img/index/attraction/bg.png);
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;
}


article#hotels .c-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4rem;
	text-align: center;
}


article#hotels .tokuten .inner,
article#hotels .plan .inner {
	display: grid;
	gap: 2rem;
}


article#hotels .text-heading{
color: var(--color-navy);
}
article#hotels .enjoy {
	display: grid;
	gap: 2rem;
	text-align: center;
	color:var(--color-navy);
}
article#hotels .enjoy .img {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
article#hotels .enjoy img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center center;
}
article#hotels .enjoy img:last-child{
	grid-column: 1 / 3;
}
article#hotels .enjoy img:last-child{
	aspect-ratio: 16 / 9;
}




article#hotels .item {
	background: #ffffff;
	background: rgb(255 255 255 / 20%);
	border-radius: 2rem;
	overflow: hidden;
	border:0px #fff solid;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: flex-start;
	height:auto;
	transition: 0.6s all;
	padding-bottom: 2rem;
	position: relative;
	height: 100%;
}
article#hotels  .swiper-slide:not(.swiper-slide-active) .item {
  transform: scale(0.95);
}


article#hotels .item .txt {
  padding: calc(5% / 1) calc(5% / 1);
  display: flex;
  gap: 10px;
  position: relative;
  align-items: center;
  align-content: space-between;
  flex-direction: column;
  justify-content: flex-start;
}

article#hotels  .item .txt p{
  font-family: var(--font-family-Zen-Mi);
  text-align: left;
}

article#hotels  .item .txt p.name{
	  color:#fff;
	border-bottom: 1px solid;
	text-align:center;
}

article#hotels  .item .img {
  width: 100%;
  overflow: hidden;
}

article#hotels  .item img {
  width: 100%;
  aspect-ratio: 4 / 3;
}

article#hotels  .swiper-slide-active .item img {
  transform: scale(1.15);
  transform-origin: bottom;
}

article#hotels  .item img {
  width: 100%;
  aspect-ratio: 4 / 3;
}

article#hotels  .btn{
	background-color: #fff;
	border-color: #000;
	color: var(--winter-color-primary);
	max-width: 260px;
	margin: 0 auto;
}

article#hotels .js-swiper-hotels{
  padding-left:3.4rem;
}


article#hotels .js-swiper-hotels .item {
  padding-bottom: 2rem;
}
article#hotels .item > .txt:first-of-type {
	flex: 1;
	justify-content: center;
}


article#hotels .fivehotels {
	display: grid;
	gap: 2rem;
	text-align: center;
}
article#hotels .fivehotels .btn{
	border-color: #fff;
}


article#hotels .tokuten {
	background: var(--winter-color-secondary);
	padding: 3rem 0;
	border-radius:10rem 0rem 10rem 0rem;
	display: grid;
	gap: 2rem;
	text-align: center;
	color: #fff
}

article#hotels .js-swiper-tokuten .item {
	color: #000;
	border: 0;
	background: rgb(255 255 255 / 70%);
}

article#hotels .tokuten .text-point {
	position: absolute;
	background:#c3923a;
	border-radius: 9999px;
	padding: 1rem 3rem;
	line-height: 100%;
	color: #fff;
	left: auto;
	right: auto;
	top: -20px;
	display: table;
	margin: 0 auto;
	font-size: 16px;
	font-family: var(--font-family-Zen-Mi);
	z-index: 1;
	text-align: center;
}

article#hotels .tokuten .img {
  border-radius: 2rem 2rem 0 0;
}

article#hotels .tokuten .item .img:after {
}
article#hotels .tokuten .item p.name{
	color: var(--winter-color-secondary);
	padding-top: 2rem;
	line-height: 1.4;
	padding-bottom: 1rem;
}
article#hotels .tokuten .item p.name em{
  font-size: 60%;
  display: block;
  background: #000;
  color: #fff;
}


article#hotels .tokuten .item img{
}

article#hotels .plan {
	padding: 3rem 1.6rem;
	display: grid;
	gap: 2rem;
	text-align: center;
	color: #000;
	position: relative;
	margin:0 1.6rem;
	border-radius: 4rem;
	overflow: hidden;
}
article#hotels .plan:before {
	content: "";
	background: var(--winter-color-secondary);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0.5;
}


article#hotels .plan .title{
  color: #f9e3b2;
  display: table;
  margin: 0 auto;
  padding: 0 2rem;
  border-radius: 9999px;
}
article#hotels .plan .title:before {
  content: "";
  width: 100%;
  height: 30px;
  display: block;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.06 22.09'%3E%3Cg%3E%3Cg%3E%3Cpath d='M8.96,11.74c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M13.94,8.23c-.57.01-1.13.04-1.7.17.57.12,1.13.16,1.7.17,0,.73.04,1.46.17,2.19.13-.73.16-1.46.17-2.19.57-.01,1.13-.04,1.7-.17-.57-.12-1.13-.16-1.7-.17-.01-.73-.04-1.46-.17-2.19-.13.73-.16,1.46-.17,2.19Z' style='fill: %23b28b46;'/%3E%3Cpath d='M2.13,8.39c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M55.04,13.06c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M59.51,6.28c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M46.14,3.47c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M43.51,11.37c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M50.09,8.74c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M39.06,5.61c-1.33.02-2.67.1-4,.39,1.33.29,2.67.37,4,.39.02,1.72.1,3.44.39,5.16.3-1.72.37-3.44.39-5.16,1.33-.03,2.67-.1,4-.39-1.33-.29-2.67-.37-4-.39-.02-1.72-.1-3.44-.39-5.16-.29,1.72-.37,3.44-.39,5.16Z' style='fill: %23b28b46;'/%3E%3Cpath d='M15.73,13.6c-1.02.02-2.04.08-3.05.3,1.02.22,2.04.28,3.05.3.02,1.31.07,2.62.3,3.94.23-1.31.28-2.62.3-3.94,1.02-.02,2.04-.08,3.05-.3-1.02-.22-2.04-.28-3.05-.3-.02-1.31-.08-2.62-.3-3.94-.22,1.31-.28,2.62-.3,3.94Z' style='fill: %23b28b46;'/%3E%3Cpath d='M27.27,10.62c-2.71.03-5.41.12-8.12.43,2.71.31,5.41.4,8.12.43-1.44,1.48-2.11,2.35-3.12,3.71,1.36-1.01,2.23-1.69,3.71-3.13.02,1.5.03,3.01.09,4.51.07,1.84.15,3.68.34,5.52.18-1.84.27-3.68.34-5.52.06-1.5.07-3.01.09-4.51,1.48,1.44,2.35,2.11,3.71,3.13-1.01-1.36-1.68-2.22-3.13-3.71,2.71-.03,5.41-.12,8.12-.43-2.71-.31-5.42-.4-8.12-.43,1.44-1.48,2.11-2.35,3.13-3.71-1.35,1.02-2.23,1.69-3.71,3.13-.02-1.51-.03-3.01-.09-4.52-.07-1.84-.15-3.68-.34-5.52-.18,1.84-.27,3.68-.34,5.52-.06,1.51-.07,3.01-.09,4.52-1.49-1.44-2.36-2.11-3.71-3.13,1.01,1.35,1.69,2.22,3.13,3.71Z' style='fill: %23b28b46;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.06 22.09'%3E%3Cg%3E%3Cg%3E%3Cpath d='M8.96,11.74c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M13.94,8.23c-.57.01-1.13.04-1.7.17.57.12,1.13.16,1.7.17,0,.73.04,1.46.17,2.19.13-.73.16-1.46.17-2.19.57-.01,1.13-.04,1.7-.17-.57-.12-1.13-.16-1.7-.17-.01-.73-.04-1.46-.17-2.19-.13.73-.16,1.46-.17,2.19Z' style='fill: %23b28b46;'/%3E%3Cpath d='M2.13,8.39c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M55.04,13.06c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M59.51,6.28c-.71.01-1.42.05-2.13.21.71.15,1.42.2,2.13.21.01.92.05,1.83.21,2.75.16-.92.2-1.83.21-2.75.71-.01,1.42-.05,2.13-.21-.71-.15-1.42-.19-2.13-.21-.01-.92-.05-1.83-.21-2.75-.16.92-.2,1.83-.21,2.75Z' style='fill: %23b28b46;'/%3E%3Cpath d='M46.14,3.47c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M43.51,11.37c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M50.09,8.74c-.46,0-.92.03-1.38.13.46.1.92.13,1.38.13,0,.59.03,1.19.14,1.78.1-.59.13-1.19.14-1.78.46,0,.92-.04,1.38-.13-.46-.1-.92-.13-1.38-.13,0-.59-.03-1.19-.14-1.78-.1.59-.13,1.19-.14,1.78Z' style='fill: %23b28b46;'/%3E%3Cpath d='M39.06,5.61c-1.33.02-2.67.1-4,.39,1.33.29,2.67.37,4,.39.02,1.72.1,3.44.39,5.16.3-1.72.37-3.44.39-5.16,1.33-.03,2.67-.1,4-.39-1.33-.29-2.67-.37-4-.39-.02-1.72-.1-3.44-.39-5.16-.29,1.72-.37,3.44-.39,5.16Z' style='fill: %23b28b46;'/%3E%3Cpath d='M15.73,13.6c-1.02.02-2.04.08-3.05.3,1.02.22,2.04.28,3.05.3.02,1.31.07,2.62.3,3.94.23-1.31.28-2.62.3-3.94,1.02-.02,2.04-.08,3.05-.3-1.02-.22-2.04-.28-3.05-.3-.02-1.31-.08-2.62-.3-3.94-.22,1.31-.28,2.62-.3,3.94Z' style='fill: %23b28b46;'/%3E%3Cpath d='M27.27,10.62c-2.71.03-5.41.12-8.12.43,2.71.31,5.41.4,8.12.43-1.44,1.48-2.11,2.35-3.12,3.71,1.36-1.01,2.23-1.69,3.71-3.13.02,1.5.03,3.01.09,4.51.07,1.84.15,3.68.34,5.52.18-1.84.27-3.68.34-5.52.06-1.5.07-3.01.09-4.51,1.48,1.44,2.35,2.11,3.71,3.13-1.01-1.36-1.68-2.22-3.13-3.71,2.71-.03,5.41-.12,8.12-.43-2.71-.31-5.42-.4-8.12-.43,1.44-1.48,2.11-2.35,3.13-3.71-1.35,1.02-2.23,1.69-3.71,3.13-.02-1.51-.03-3.01-.09-4.52-.07-1.84-.15-3.68-.34-5.52-.18,1.84-.27,3.68-.34,5.52-.06,1.51-.07,3.01-.09,4.52-1.49-1.44-2.36-2.11-3.71-3.13,1.01,1.35,1.69,2.22,3.13,3.71Z' style='fill: %23b28b46;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color:var(--winter-color-secondary);
}

article#hotels .plan .plan-list{
  display: grid;
  gap: 2rem;
}
article#hotels .plan .plan-list .item{
  background: #fff;
}

article#hotels .plan .plan-list .item img {
  aspect-ratio: 4 / 2;
}
article#hotels .plan .plan-list .item .txt {
	padding:2rem;
	gap: 2.4rem;
}
article#hotels .plan .plan-list .item .txt p{
  line-height: 140%;
}
article#hotels .plan .plan-list .item .txt .price {
  border: 1px solid;
  border-left: 0;
  border-right: 0;
  padding: 0.5rem;
}

article#hotels .plan .plan-list .item .link .btn {
}


@media screen and (min-width: 1025px) {

	article#hotels {
	}
	article#hotels .enjoy img {
	  aspect-ratio: 16 / 9;
	}
	article#hotels  .swiper-slide:not(.swiper-slide-active) .item {
	  transform: scale(1);
	}
	article#hotels  .swiper-slide-active .item img {
	  transform: scale(1);
	}


	article#hotels .tokuten {
	  padding: 6rem;
	  width: 100%;
	  max-width: 1440px;
	}
	article#hotels .tokuten .inner {
	  margin: 0 auto;
	}
	article#hotels .plan {
	  padding: 6rem;
	      max-width: 940px;

	}
	article#hotels .plan .inner {
	  margin: 0 auto;
	}

	article#hotels .plan .plan-list {
	  gap: 4rem;
	  grid-template-columns: 1fr 1fr;
	}
	article#hotels .plan .plan-list .item {
	  grid-template-columns: 1fr 1.1fr;;
	}
	article#hotels .plan .plan-list .item img {
	  aspect-ratio: 16 / 9;
	}


}