@charset "utf-8";
@import url('section-title.css');
.loading{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:12000;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
}
.loading__logo{
	width:40%;
	height:40%;
	background:url(../img/common/logo.png) no-repeat center center / contain;
	max-height:665px;
	opacity:0;
	transition:all 0.9s ease;
	transform:scale(1.1);
	margin-left:min(calc(30 / var(--vw-min) * 100vw),30px);
}
#leaf {
	border: 0;
	overflow: hidden;
	position: fixed;
	height:max(100vh,56.25vw);
	width:max(100vw,177.7777vh);
	pointer-events: none;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
@media screen and (max-width:768px){
	#leaf {
		top:0;
		left:50%;
		transform:translateX(-50%);
		height:max(200vh,112.5vw);
		width:max(200vw,355.5555vh);
	}
}
.loading.an .loading__logo{
	opacity:1;
	transform:scale(1);
}
.fullRight__kvsWrap {
	position: relative;
}
/*@media screen and (max-width:768px){
	.fullRight__kvsWrap {
		display: none;
	}
}*/
.fullRight__kvsFixed {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	z-index: 50;
	pointer-events: none;
}
.fullRight__kvsFixedin {
	width:100%;
	position: sticky;
	left:0;
	bottom:0;
}
.fullRight__kvsFixedCatch {
	content:'';
	position: absolute;
	left:0;
	right:0;
	bottom:min(calc(80 / var(--vw-min) * 100vw),80px);
	height:calc(70/ var(--vw-min) * 100vw);
	background:url(../img/top/startdate.svg) no-repeat center center / contain;
	z-index:50;
}
.fullRight__kvs{
	width:100%;
	display:flex;
}
/*@media screen and (max-width:768px){
	.fullRight__kvs{
		display:none;
	}
}*/
@media screen and (min-width:769px){
	
}
.fullRight__kv{
	width:100%;
	position:relative;
}
.fullRight__kvimg{
	width:100%;
	height:calc((100vw - min(calc(200 / var(--vw-min) * 100vw), 200px)) * 870 / 1166);
	overflow-y:auto;
	background-color: rgba(93, 181, 168, 1);
}
@media screen and (max-width:768px){
	.fullRight__kvimg{
		height:auto;
		padding-bottom:0;
	}
}
.fullRight__kvimg img{
	display:block;
	width:100%;
	height:auto;
}
.fullRight__kvfixed{
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.fullRight__kvlink{
	display:block;
	max-height:100vh;
	height:100%;
	position:sticky;
	left:0;
	top:0;
	width:100%;
	text-decoration:none;
}
.fullRight__kvlink:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(255,255,255,.6);
	opacity:0;
	transition:all 0.6s ease;
}
.fullRight__kvlink:hover:before{
	opacity:1;
}
.fullRight__kvlinkLogo{
	position:absolute;
	left:25%;
	top:25%;
	right:25%;
	bottom:calc(25% + min(calc(50 / var(--vw-min) * 100vw),50px));
	display:block;
	opacity:0;
	transform:scale(1.1);
	transition:all 0.3s ease;
	transition-delay:0s;
}
.fullRight__kvlink:hover .fullRight__kvlinkLogo{
	opacity:1;
	transform:scale(1);
	transition-delay:0.3s;
	transition:all 1s ease;
}
.fullRight__kvlinkLogo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	backface-visibility:hidden;
}
.fullRight__kvlinkLabel{
	display:flex;
	justify-content:center;
	align-items:center;
	height:min(calc(50 / var(--vw-min) * 100vw),50px);
	width:100%;
	font-family:var(--font-garamond);
	font-weight:600;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	z-index:500;
}
.fullRight__kv:nth-child(odd) .fullRight__kvlinkLabel{
	background:#000;
	color:#fff;
}
.fullRight__kv:nth-child(even) .fullRight__kvlinkLabel{
	background:#e5e5e5;
	color:#000;
}
.fullRight__kswiper{
	width:100%;
}
.fullRight__kswiper-slide{
	width:100%;
}
.fullRight__kswiper-slide img{
	display:block;
	width:100%;
	height:auto;
}
.fullRight__kswiperNav{
	display:none;
}
@media screen and (max-width:768px){
	.fullRight__kswiperNav{
		display:flex;
		position:relative;
		justify-content:space-between;
		padding:calc(10 / var(--vw-min) * 100vw) calc(11 / var(--vw-min) * 100vw) 0;
	}
	.fullRight__kswiperNavList{
		width:calc(171 / var(--vw-min) * 100vw);
		border-radius:calc(5 / var(--vw-min) * 100vw);
		overflow:hidden;
	}
	.fullRight__kswiperNavList img{
		display:block;
		width:100%;
		height:auto;
	}
}

/*---------------------------------
 * BnrArea
---------------------------------*/
.bnrArea{
	position: relative;
	background-color: rgba(93, 181, 168, 1);
	padding:min(calc(80 / var(--vw-min) * 100vw),80px) 0 min(calc(88 / var(--vw-min) * 100vw),88px);
}
.bnrAreaBg{
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.bnrArea::before{
	content: '';
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_pt.png) repeat center center /100% auto;
	opacity: 0.4;
	mix-blend-mode: overlay;
}
.bnrArea::after{
	content:'';
	pointer-events: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_deco_btm.svg) no-repeat center bottom calc(10 / var(--vw-min) * 100vw) / calc(150 / var(--vw-min) * 100vw) auto;
}
@media screen and (max-width:768px){
	.bnrArea{
		padding:calc(93 / var(--vw-min) * 100vw) 0 calc(73 / var(--vw-min) * 100vw);
	}
}
.bnrArea__inBox:not(:last-child){
	margin-bottom: min(calc(36 / var(--vw-min) * 100vw),36px);
}
.bnrArea__ttl{
	position: relative;
	z-index: 1;
	margin-bottom: min(calc(26 / var(--vw-min) * 100vw),26px);
	color: #FFFEF7;
	text-align: center;
	font-family:var(--font-figtree);
	font-size: min(calc(30 / var(--vw-min) * 100vw),30px);
	font-weight: 400;
	line-height: min(calc(30 / var(--vw-min) * 100vw),30px);
}
.bnrArea__ttl::after,
.bnrArea__ttl::before{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: calc((100% - min(calc(150 / var(--vw-min) * 100vw),150px)) / 2);
	height: 1px;
	background: #FFFEF7;
}
.bnrArea__ttl::after{
	right: 0;
	left: unset;
}

@media screen and (max-width:768px){
	.bnrArea__ttl{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.bnrArea__ttl::after,
	.bnrArea__ttl::before{
		width: calc((100% - calc(150 / var(--vw-min) * 100vw)) / 2);
	}
}

.bnrLists{
	display: flex;
	justify-content: center;
	gap:min(calc(24 / var(--vw-min) * 100vw),24px);
}

.bnrItem__link{
	display: block;
	position: relative;
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.bnrItem__link:hover {
		filter:grayscale(0);
	}
}
.bnrItem__link img {
	width:100%;
	height:auto;
	display: block;
}
.bnrItem__link:before {
	content:'';
	position: absolute;
	left:-4px;
	top:-4px;
	right:-4px;
	bottom:-4px;
	box-sizing: border-box;
	border:2px solid #FFFEF7;
	border-radius: min(calc(14 / var(--vw-min) * 100vw),14px);
	transition: all 0.3s ease;
	opacity:0;
}
@media screen and (max-width:768px){
	.bnrItem__link:before {
		left:calc(-3 / var(--vw-min) * 100vw);
		top:calc(-3 / var(--vw-min) * 100vw);
		right:calc(-3 / var(--vw-min) * 100vw);
		bottom:calc(-3 / var(--vw-min) * 100vw);
		border-radius:calc(12 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.bnrItem__link:hover:before {
		opacity:1;
	}
}
@media screen and (max-width:768px){
	.bnrLists{
		flex-direction: column;
		gap: calc(20 / var(--vw-min) * 100vw);
	}
	.bnrItem{
		width: 100%;
	}
}
/*---------------------------------
 * common styles
---------------------------------*/
.section{
	position: relative;
	overflow: hidden;
}
.section__inner{
	display: flex;
	flex-direction: column;
	padding:0 5%;
}

/*---------------------------------
 * Movie
---------------------------------*/
.movie{
	padding:min(calc(72 / var(--vw-min) * 100vw),72px) 0 min(calc(98 / var(--vw-min) * 100vw),98px);
	position:relative;
}
@media screen and (max-width:768px){
	.movie{
		padding:calc(40 / var(--vw-min) * 100vw) 0 calc(80 / var(--vw-min) * 100vw);
	}
}
.movieBg{
	pointer-events: none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:calc(100% - 4px);
	background: rgba(93, 181, 168, 1);
}
.movieBg::before{
	position:absolute;
	display:block;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	mix-blend-mode: overlay;
	opacity: 0.4;
	background:url(../img/common/bg_pt.png) repeat center center /100% auto;
}
.movieBg::after{
	content:'';
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image:
		url(../img/common/bg_deco_rt.svg),
		url(../img/common/bg_deco_lt.svg),
		url(../img/common/bg_deco_lb.svg),
		url(../img/common/bg_deco_rb.svg),
		url(../img/common/bg_deco_btm.svg);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: right calc(4 / var(--vw-min) * 100vw) top calc(4 / var(--vw-min) * 100vw) , left calc(4 / var(--vw-min) * 100vw) top calc(4 / var(--vw-min) * 100vw) , left calc(4 / var(--vw-min) * 100vw) bottom calc(4 / var(--vw-min) * 100vw) , right calc(4 / var(--vw-min) * 100vw) bottom calc(4 / var(--vw-min) * 100vw) , center bottom calc(10 / var(--vw-min) * 100vw);
	background-size:
		calc(64 / var(--vw-min) * 100vw) auto,
		calc(64 / var(--vw-min) * 100vw) auto,
		calc(64 / var(--vw-min) * 100vw) auto,
		calc(64 / var(--vw-min) * 100vw) auto,
		calc(150 / var(--vw-min) * 100vw) auto;
	z-index: 1;
}
.movieDeco{
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: url(../img/top/movie_deco1.png) no-repeat left 5% top / min(calc(68 / var(--vw-min) * 100vw),68px) auto, url(../img/top/movie_deco2.png) no-repeat right min(calc(24 / var(--vw-min) * 100vw),24px) top / min(calc(72 / var(--vw-min) * 100vw),72px) auto;
}
.movieDeco::after{
	position:absolute;
	pointer-events: none;
	content: '';
	display: block;
	width:100%;
	height:2px;
	background-color: rgba(93, 181, 168, 1);
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media screen and (max-width:768px){
	.movieBg::after{
		background-size:
		calc(60 / var(--vw-min) * 100vw) auto,
		calc(60 / var(--vw-min) * 100vw) auto,
		calc(60 / var(--vw-min) * 100vw) auto,
		calc(60 / var(--vw-min) * 100vw) auto,
		calc(150 / var(--vw-min) * 100vw) auto;
	}
	.movieDeco{
		background: url(../img/top/movie_deco1.png) no-repeat left calc(30 / var(--vw-min) * 100vw) top / calc(44 / var(--vw-min) * 100vw) auto;
	}
}


.movie .sectionTtlWrap{
	margin-left: 5%;
	margin-right: 5%;
}
.movie .sectionTtl__en{
	color: #FFFEF7;
	background: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.movie__swiper{
	width:100%;
	overflow:hidden;
	position:relative;
}

.movie__swiper-slide{
	width:48.3333vw;
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.movie__swiper-slide{
		width:calc(290 / var(--vw-min) * 100vw);
		padding:0 min(calc(20 / var(--vw-min) * 100vw),20px);
	}
}
.movie__swiperThumb{
	width:100%;
	padding-top:56.25%;
	position:relative;
}
.movie__swiperThumbLink{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:min(calc(10 / var(--vw-min) * 100vw),10px);
}
.movie__swiperThumbLink img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.movie__swiperName{
	padding-top:0.75em;
	text-align:center;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	color: #FFF;
}
@media screen and (max-width:768px){
	.movie__swiperName{
		padding-top:0.75em;
		text-align:center;
		font-size:calc(12 / var(--vw-min) * 100vw);
	}
}
.movie__nav{
	position:absolute;
	left:50%;
	top:0;
	width:48.3333vw;
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	z-index:50;
	transform:translateX(-50%);
	pointer-events:none;
}
@media screen and (max-width:768px){
	.movie__nav{
		display: none;
	}
}
.movie__nav:before{
	content:'';
	display:block;
	width:100%;
	padding-top:56.25%;
}
.movie__navLeft{
	position:absolute;
	width:min(calc(60 / var(--vw-min) * 100vw),60px);
	top:50%;
	left:max(calc(-30 / var(--vw-min) * 100vw),-30px);
	pointer-events:auto;
	margin-top:max(calc(-30 / var(--vw-min) * 100vw),-30px);
}
@media screen and (max-width:768px){
	.movie__navLeft{
		width:calc(30 / var(--vw-min) * 100vw);
		left:calc(-15 / var(--vw-min) * 100vw);
		margin-top:calc(-15 / var(--vw-min) * 100vw);
	}
}
.movie__navRight{
	position:absolute;
	width:min(calc(60 / var(--vw-min) * 100vw),60px);
	top:50%;
	right:max(calc(-30 / var(--vw-min) * 100vw),-30px);
	pointer-events:auto;
	margin-top:max(calc(-30 / var(--vw-min) * 100vw),-30px);
}
@media screen and (max-width:768px){
	.movie__navRight{
		width:calc(30 / var(--vw-min) * 100vw);
		right:calc(-15 / var(--vw-min) * 100vw);
		margin-top:calc(-15 / var(--vw-min) * 100vw);
	}
}
.movie__navLeftLink,
.movie__navRightLink{
	display:flex;
	justify-content:center;
	align-items:center;
	height:min(calc(60 / var(--vw-min) * 100vw),60px);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.movie__navLeftLink,
	.movie__navRightLink{
		height:calc(30 / var(--vw-min) * 100vw);
		transition:all 0.3s ease;
	}
}
.movie__navLeftLink{
	padding-left:min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.movie__navLeftLink{
		padding-left:calc(4 / var(--vw-min) * 100vw);
	}
}
.movie__navLeftLink:hover{
	transform:scale(1.25);
}
.movie__navLeftLink:before{
	content:'';
	position:relative;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(32 / var(--vw-min) * 100vw),32px);
	box-sizing:border-box;
	background-color: #FFF;
	mask: url(../img/common/ic_arrow.svg) no-repeat center center / contain;
	transform:rotate(-180deg);
}
@media screen and (max-width:768px){
	.movie__navLeftLink:before{
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
		border-left:calc(2 / var(--vw-min) * 100vw) solid var(--color-blue);
		border-bottom:calc(2 / var(--vw-min) * 100vw) solid var(--color-blue);
	}
}
.movie__navRightLink{
	padding-right:min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.movie__navRightLink{
		padding-right:calc(4 / var(--vw-min) * 100vw);
	}
}
.movie__navRightLink:hover{
	transform:scale(1.25);
}
.movie__navRightLink:before{
	content:'';
	position:relative;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(32 / var(--vw-min) * 100vw),32px);
	box-sizing:border-box;
	background-color: #FFF;
	mask: url(../img/common/ic_arrow.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.movie__navRightLink:before{
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
	}
}
.movie__pagination{
	position:relative;
	text-align:center;
	line-height:1;
	bottom: unset!important;
	left: unset!important;
	margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
	padding-bottom: min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.movie__pagination{
		margin-top:calc(16 / var(--vw-min) * 100vw);
	}
}
.movie__pagination .swiper-pagination-bullet{
	width:min(calc(10 / var(--vw-min) * 100vw),10px);
	height:min(calc(10 / var(--vw-min) * 100vw),10px);
	margin:0 min(calc(3 / var(--vw-min) * 100vw),3px)!important;
	border: 1px solid #FFFEF7;
	opacity:1;
	transition:all 0.3s ease;
	border-radius: 0 !important;
	transform: rotate(45deg);
	background: transparent;
}
@media screen and (max-width:768px){
	.movie__pagination .swiper-pagination-bullet{
		width:calc(10 / var(--vw-min) * 100vw);
		height:calc(10 / var(--vw-min) * 100vw);
		margin:0 calc(5 / var(--vw-min) * 100vw)!important;
	}
}
.movie__pagination .swiper-pagination-bullet-active{
	background:#FFFEF7;

}

/*---------------------------------
 * News
---------------------------------*/
.news{
	padding:min(calc(60 / var(--vw-min) * 100vw),60px) 0;
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.news{
		padding:calc(60 / var(--vw-min) * 100vw) 0 calc(60 / var(--vw-min) * 100vw);
	}
}
.newsBg{
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	left: 0;
	top: 0;
	
}
.newsBg::before{
	content:'';
	position: absolute;
	left: calc(4 / var(--vw-min) * 100vw);
	top: calc(4 / var(--vw-min) * 100vw);
	width: 100%;
	height: 100%;
	background-color: var(--color-lightblue);
	mask: url(../img/common/bg_deco_lt.svg) no-repeat left top / calc(80 / var(--vw-min) * 100vw) auto;
}
@media screen and (max-width:768px){
	.newsBg::before{
		mask: url(../img/common/bg_deco_lt.svg) no-repeat left top / calc(60 / var(--vw-min) * 100vw) auto;
	}
}
.news__inner{
	display:flex;
}
.news__content{
	position:relative;
	width: 100%;
	max-width: min(calc(1200 / var(--vw-min) * 100vw),1200px);
	margin: 0 auto;
}

/*---------------------------------
 * Goods
---------------------------------*/
.goods{
	padding:min(calc(100 / var(--vw-min) * 100vw),100px) 0 min(calc(200 / var(--vw-min) * 100vw),200px);
	position:relative;
}
.goods:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: min(calc(2 / var(--vw-min) * 100vw),2px);
	width: 100%;
	height: 2px;
	background: #24528B;
}
@media screen and (max-width:768px){
	.goods{
		padding:calc(50 / var(--vw-min) * 100vw) 0 calc(62 / var(--vw-min) * 100vw);
	}
}
.goods__content{
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: min(calc(1200 / var(--vw-min) * 100vw),1200px);
	margin: 0 auto;
}

.goods__title{
	font-size:min(calc(44 / var(--vw-min) * 100vw),44px);
	text-align:center;
	font-family:var(--font-garamond);
	color:var(--color-blue);
	line-height:1;
	margin-bottom:min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.goods__title{
		font-size:calc(32 / var(--vw-min) * 100vw);
		margin-bottom:calc(25 / var(--vw-min) * 100vw);
	}
}

/*---------------------------------
 * Spotify
---------------------------------*/
.spotify {
	position: relative;
	z-index:10;
	padding:min(calc(80 / var(--vw-min) * 100vw),80px) 5% min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.spotify {
		padding-bottom:calc(32 / var(--vw-min) * 100vw);
	}
}

/*---------------------------------
 * Visual
---------------------------------*/
/* キービジュアル  nav */
.kv__nav {
	width:100%;
}
.kv__nav{
	position: absolute;
	right: 0;
	bottom: calc(-28 / var(--vw-min) * 100vw);
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	padding-right: calc(48 / var(--vw-min) * 100vw);
	background: url(../img/top/visual/lists_deco.png) no-repeat right top / calc(90 / var(--vw-min) * 100vw) auto;
}
@media screen and (min-width:769px){
	.kv__nav[data-imgslide="2"],
	.kv__nav[data-imgslide="4"],
	.kv__nav[data-imgslide="6"]{
		padding-right: 0;
	}
}
@media screen and (max-width:768px){
	.kv__nav {
		position: absolute;
		padding-right: calc(20 / var(--vw-min) * 100vw);
		bottom: calc(-116 / var(--vw-min) * 100vw);
		background-size: calc(65 / var(--vw-min) * 100vw) auto;
		padding-bottom: calc(60 / var(--vw-min) * 100vw);

	}
}
.kv__navListsWrap{
	display: flex;
	height: calc(134 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.kv__navListsWrap{
		height: auto;
	}
}
.kv__navLists{
	display: block;
	height: calc(134 / var(--vw-min) * 100vw);
	width: calc(134 / var(--vw-min) * 100vw);
	position: relative;
}
.kv__navLists + .kv__navLists{
	margin-left: calc(-40 / var(--vw-min) * 100vw);
}

@media screen and (max-width:768px){
	.kv__navLists {
		width: auto;
		height: auto;
		display: flex;
		justify-content: center;
		flex-direction: row;
	}
	.kv__navLists:nth-child(1){
		position: relative;
		z-index: 2;
	}
	.kv__navLists + .kv__navLists{
		margin-left: 0;
	}
}

.kv__navItem{
	display: block;
	width:calc(88 / var(--vw-min) * 100vw);
	height:calc(88 / var(--vw-min) * 100vw);
	filter: drop-shadow(1px 4px 10px rgba(14, 51, 37, 0.18));
}
.kv__navItem:nth-child(1){
	position: absolute;
	bottom: 0;
	left: 0;
}
.kv__navItem:nth-child(2){
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width:768px){
	.kv__navItem{
		width:calc(64 / var(--vw-min) * 100vw);
		height:calc(64 / var(--vw-min) * 100vw);
		margin-left: calc(-10 / var(--vw-min) * 100vw);
	}
	.kv__navItem:nth-child(1){
		position: relative;
		bottom: unset;
		left: unset;
		z-index: 1;
	}
	.kv__navItem:nth-child(2){
		position: relative;
		top: unset;
		right: unset;
	}
}




.kv__navItemInner{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	mask:url(../img/top/visual/thum_mask.svg) no-repeat center center / contain;
	background: url(../img/top/visual/thum_bg2.png) no-repeat center center / contain;
}
/* ttl */
.kv__navItem._ttl {
	pointer-events: none;
}
.kv__navItem._ttl .kv__navItemInner{
	background: url(../img/top/visual/thum_bg1.png) no-repeat center center / contain;
}
.kv__navTtl__txt{
	display: block;
	width:calc(36 / var(--vw-min) * 100vw);
	height:calc(43 / var(--vw-min) * 100vw);
	background: url(../img/top/visual/thum_ttl.png) no-repeat center center /contain;
}
@media screen and (max-width:768px){
	.kv__navTtl__txt{
		width:calc(32 / var(--vw-min) * 100vw);
		height:calc(30 / var(--vw-min) * 100vw);
	}
}
.kv__navTtl,
.kv__navBtn{
	width:calc(78 / var(--vw-min) * 100vw);
	height:calc(78 / var(--vw-min) * 100vw);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: all 0.3s ease;
	filter: grayscale(1);
	mask:url(../img/top/visual/thum_mask.svg) no-repeat center center / contain;

}
.kvChange{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.kvChange:before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	background: url(../img/top/visual/thum_active.svg) no-repeat center center / contain;
	opacity: 0;
	transition: all 0.3s ease;
	pointer-events: none;
	z-index: 1;
}
.kv__navBtn img {
	width:100%;
	height:100%;
	display: block;
	object-fit: cover;
}
.kvChange.is-active .kv__navBtn {
	pointer-events: none;
	filter:grayscale(0);
}
.kvChange.is-active:before{
	opacity: 1;
}
@media screen and (hover:hover){
	.kv__navBtn:hover {
		filter:grayscale(0);
	}
}
@media screen and (max-width:768px){
	.kv__navBtn{
		width:calc(58 / var(--vw-min) * 100vw);
		height:calc(58 / var(--vw-min) * 100vw);
	}
}
/*---------------------------------
 * Event
---------------------------------*/
.event{
	position: relative;
	padding:min(calc(104 / var(--vw-min) * 100vw),104px) 0 min(calc(192 / var(--vw-min) * 100vw),192px);
	background-color: rgba(255, 254, 247, 1);
}
.eventBg{
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	left: 0;
	top: 0;
	background: url(../img/common/evenr_bg_deco_lt.svg) no-repeat left top / calc(472 / var(--vw-min) * 100vw) auto, url(../img/common/evenr_bg_deco_rt.svg) no-repeat right top / calc(472 / var(--vw-min) * 100vw) auto, url(../img/common/evenr_bg_deco_lb.svg) no-repeat left bottom / calc(320 / var(--vw-min) * 100vw) auto, url(../img/common/evenr_bg_deco_rb.svg) no-repeat right bottom / calc(320 / var(--vw-min) * 100vw) auto;
}
@media screen and (max-width:768px){
	.eventBg{
		height: calc(100% - calc(100 / var(--vw-min) * 100vw));
		z-index: 1;
		background: url(../img/common/evenr_bg_deco_sp_top.png) no-repeat left top / 100% auto, url(../img/common/evenr_bg_deco_sp_btm.png) no-repeat left bottom / 100% auto;
	}
	.event .sectionTtlWrap{
		padding:0 calc(20 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw); 
	}
	.event .sectionTtlWrap::after{
		width: calc(100% - calc(40 / var(--vw-min) * 100vw));

	}
	.event .sectionTtl{
		z-index: 2;
	}
}


@media screen and (max-width:768px){
	.event .section__inner{
		padding: 0;
	}
}
.event__subTitle{
	color: #000;
	text-align: center;
	font-size: min(calc(26 / var(--vw-min) * 100vw),26px);
	font-weight: 600;
	line-height: min(calc(36 / var(--vw-min) * 100vw),36px);
	letter-spacing: min(calc(2 / var(--vw-min) * 100vw),2px);
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw),32px);
}
.event__subTitle__en{
	margin-top: min(calc(4 / var(--vw-min) * 100vw),4px);
	text-align: center;
	font-family:var(--font-figtree);
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 400;
	line-height: min(calc(16 / var(--vw-min) * 100vw),16px);
	letter-spacing: min(calc(0.6 / var(--vw-min) * 100vw),0.6px);
	display: block;
}
@media screen and (max-width:768px){
	.event__subTitle{
		font-size: calc(20 / var(--vw-min) * 100vw);
		line-height: calc(20 / var(--vw-min) * 100vw);
		margin-bottom: calc(28 / var(--vw-min) * 100vw);
	}
	.event__subTitle__en{
		font-size: calc(14 / var(--vw-min) * 100vw);
		line-height: calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(6 / var(--vw-min) * 100vw);
	}
}

.event__content{
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: min(calc(1200 / var(--vw-min) * 100vw),1200px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.event__content{
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}

/* season */
.season{
	position: relative;
	padding:min(calc(104 / var(--vw-min) * 100vw),104px) 0 min(calc(128 / var(--vw-min) * 100vw),128px);
}
.season .sectionTtl__en{
	font-family:var(--font-cormorant);
	font-size: min(calc(56 / var(--vw-min) * 100vw),56px);
	font-weight: 500;
	line-height: min(calc(56 / var(--vw-min) * 100vw),56px);
}
.season__navLists {
	width:100%;
	display: flex;
	justify-content: center;
	gap: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.season__navLists {
		justify-content: space-between;
		flex-wrap: wrap;
		justify-content: center;
	}
}
.season__navList {
	width:min(calc(482 / var(--vw-min) * 100vw),482px);
}
@media screen and (max-width:768px){
	.season__navList {
		width:calc(164 / var(--vw-min) * 100vw);
		margin:0 calc(6 / var(--vw-min) * 100vw) calc(0 / var(--vw-min) * 100vw);
	}
	.season__navList:nth-child(3) {
		width:100%;
	}
}