@charset "utf-8";
/*-----------------------------------------------
 * main, topWrap
-------------------------------------------------*/
.main {
	padding-bottom: min(calc(144 / var(--vw-min) * 100vw), 144px);
	position: relative;
	z-index: 1;
}
.topWrap {
	overflow: hidden;
	padding-top: min(calc(36 / var(--vw-min) * 100vw), 36px);
	position: relative;
	z-index: 1;
}

.topWrap__anxLogo {
	width: min(calc(196 / var(--vw-min) * 100vw), 196px);
	margin: 0 auto;
}
.topWrap__anxLogo img {
	width: 100%;
}

.topWrap__logoArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: min(calc(72 / var(--vw-min) * 100vw), 72px);
}

.topWrap__title {
	width: min(calc(370 / var(--vw-min) * 100vw), 370px);
	height: min(calc(195 / var(--vw-min) * 100vw), 195px);
	position: relative;
	z-index: 1;
}
.topWrap__title:before {
	content: "";
	background: url(../img/common/logo/main_logo_main.svg) no-repeat 0 0 / 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.topWrap__title > .is-deco {
	width: min(calc(404 / var(--vw-min) * 100vw), 404px);
	height: min(calc(406 / var(--vw-min) * 100vw), 406px);
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
.topWrap__title > .is-deco:before {
	content: "";
	background: url(../img/common/logo/main_logo_bg.svg) no-repeat 0 0 / 100%;
	width: 100%;
	height: 100%;
	margin: auto;
	position: absolute;
	top: min(calc(18 / var(--vw-min) * 100vw), 18px);
	left: 0;
}

.topWrap__start {
	width: min(calc(252 / var(--vw-min) * 100vw), 252px);
	height: min(calc(26 / var(--vw-min) * 100vw), 26px);
	margin-top: min(calc(30 / var(--vw-min) * 100vw), 30px);
	position: relative;
	z-index: 2;
}
.topWrap__start:before {
	content: "";
	background: url(../img/common/logo/main_logo_start.svg) no-repeat 0 0 / 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.topWrap__ttlInfo {
	width: min(calc(301 / var(--vw-min) * 100vw), 301px);
	height: min(calc(23 / var(--vw-min) * 100vw), 23px);
	margin-top: min(calc(30 / var(--vw-min) * 100vw), 30px);
	position: relative;
	z-index: 2;
}
.topWrap__ttlInfo:before {
	content: "";
	background: url(../img/common/logo/main_logo_info.svg) no-repeat 0 0 / 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.topWrap__info {
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-weight: 700;
	margin-top: min(calc(70 / var(--vw-min) * 100vw), 70px);
	text-align: center;
}
.topWrap__info span {
	font-size: 70%;
}

.topWrap__xLink {
	width: min(calc(396 / var(--vw-min) * 100vw), 396px);
	margin: min(calc(70 / var(--vw-min) * 100vw), 70px) auto 0;
}
.topWrap__xLink--text {
	display: flex;
	align-items: center;
	justify-content: center;
}
.topWrap__xLink--text:before {
	content: "";
	background-color: #fff;
	-webkit-mask: url(../img/common/text/text_official.svg) no-repeat center / contain;
	mask: url(../img/common/text/text_official.svg) no-repeat center / contain;
	width: min(calc(128 / var(--vw-min) * 100vw), 128px);
	height: min(calc(21 / var(--vw-min) * 100vw), 21px);
	display: block;
}
.topWrap__xLink--text:after {
	content: "";
	background-color: #fff;
	-webkit-mask: url(../img/common/sns/icon_x.svg) no-repeat center / contain;
	mask: url(../img/common/sns/icon_x.svg) no-repeat center / contain;
	width: min(calc(24 / var(--vw-min) * 100vw), 24px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	display: block;
	margin-left: min(calc(16 / var(--vw-min) * 100vw), 16px);
}

/*-----------------------------------------------
 * LINEUP
-------------------------------------------------*/
.lineup {
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}

.lineupListsWrap {
	margin-top: min(calc(56 / var(--vw-min) * 100vw), 56px);
	padding: 0 min(calc(36 / var(--vw-min) * 100vw), 36px);
}
.lineupLists {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: min(calc(36 / var(--vw-min) * 100vw), 36px);
}
.lineupLists li img {
	width: 100%;
}

/*-----------------------------------------------
 * GOODS
-------------------------------------------------*/
.goods {
	padding-top: min(calc(108 / var(--vw-min) * 100vw), 108px);
}
.goods__inner {
	margin-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
}

/*-----------------------------------------------
 * EVENT
-------------------------------------------------*/
.event {
	padding-top: min(calc(108 / var(--vw-min) * 100vw), 108px);
}
.event__inner {
	margin-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
}

/*-----------------------------------------------
 * INFORMATION
-------------------------------------------------*/
.information {
	padding-top: min(calc(108 / var(--vw-min) * 100vw), 108px);
}
.information__inner {
	margin-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
}

.infoListsWrap {
	background-color: #fff;
	width: min(calc(468 / var(--vw-min) * 100vw), 468px);
	margin: 0 auto;
	padding: min(calc(36 / var(--vw-min) * 100vw), 36px);
}

.infoLists > dt {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.infoLists > dt:not(:first-of-type) {
	margin-top: min(calc(36 / var(--vw-min) * 100vw), 36px);
}
.infoLists > dt:before,
.infoLists > dt:after {
	content: "";
	background-color: var(--color-pink);
	width: 100%;
	height: 2px;
	flex: 1;
}
.infoLists > dt > span {
	color: var(--color-pink);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
}

.infoLists > dd {
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.infoLists > dd > p {
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	font-weight: 700;
	text-align: center;
}
.infoLists > dd > p:not(:first-of-type) {
	margin-top: 0.5em;
}
.infoLists > dd > p.is-wh-no {
	white-space: nowrap;
}
.infoLists > dd > p .fontsize-60 {
	letter-spacing: -.07em;
	font-size: 60%;
}
.infoLists > dd > p .fontsize-80 {
	letter-spacing: -.07em;
	font-size: 80%;
}

.infoLists__link {
	width: 100%;
	margin-top: min(calc(36 / var(--vw-min) * 100vw), 36px);
}

/*-----------------------------------------------
 * loading, firstAnimation, scrollAnimation
-------------------------------------------------*/
/* loading */
#loadingWrap {
	pointer-events: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
}
#loading {
	width: min(calc(800 / var(--vw-min) * 100vw), 800px);
	height: 6px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#loading svg {
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:979px){
	#loading {
		width: 100%;
	}
}

/* firstAnimation */
.fixFrame {
	transform: scale(1.5);
	opacity: 0;
	transition: transform 2.5s var(--easing-outquart),
				opacity .3s var(--easing-outquart);
}
.fixFrame.is-ani {
	transform: scale(1);
	opacity: 1;
}
#wrap-sp__inner {
	pointer-events: none;
	opacity: 0;
	transition: opacity 1s var(--easing-outquart);
}
#wrap-sp.is-ani #wrap-sp__inner {
	pointer-events: auto;
	transition-delay: .5s;
	opacity: 1;
}
.header,
.navBtnWrap {
	pointer-events: none;
	opacity: 0;
	transition: opacity 1s var(--easing-outquart);
}
.header.is-ani,
.navBtnWrap.is-ani {
	pointer-events: auto;
	transition-delay: .8s;
	opacity: 1;
}
.fixLogoWrap {
	opacity: 0;
	transition: opacity 1s var(--easing-outquart);
}
.fixLogoWrap.is-ani {
	transition-delay: .8s;
	opacity: 1;
}
.frame__text {
	transform: scale(1.5);
	opacity: 0;
	transition: transform 2.5s var(--easing-outquart),
				opacity .3s var(--easing-outquart);
}
.frame__text.is-ani {
	transition-delay: .8s;
	transform: scale(1);
	opacity: 1;
}

.topWrap__title > .is-deco:before {
	transform: rotate(360deg);
	opacity: 0;
	transition: transform 2s var(--easing-outquart),
				opacity .3s var(--easing-outquart);
}
#wrap-sp.is-ani .topWrap__title > .is-deco:before {
	transition-delay: 1s;
	transform: rotate(0);
	opacity: 1;
}
.topWrap__title:before,
.topWrap__start:before,
.topWrap__ttlInfo:before,
.topWrap__info,
.topWrap__xLink {
	transform: scale(1.5);
	opacity: 0;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	filter: blur(15px);
	transition: transform 1.5s var(--easing-outquart),
				opacity .3s var(--easing-outquart),
				filter 1.5s var(--easing-outquart);
}
#wrap-sp.is-ani .topWrap__title:before {
	transition-delay: 1s;
}
#wrap-sp.is-ani .topWrap__start:before {
	transition-delay: 1.2s;
}
#wrap-sp.is-ani .topWrap__ttlInfo:before,
#wrap-sp.is-ani .topWrap__info,
#wrap-sp.is-ani .topWrap__xLink {
	transition-delay: 1.4s;
}
#wrap-sp.is-ani .topWrap__title:before,
#wrap-sp.is-ani .topWrap__start:before,
#wrap-sp.is-ani .topWrap__ttlInfo:before,
#wrap-sp.is-ani .topWrap__info,
#wrap-sp.is-ani .topWrap__xLink {
	transform: scale(1);
	opacity: 1;
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	filter: blur(0);
}

/* scrollAnimation */
.scAni {
	opacity: 0;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	filter: blur(15px);
	transition: opacity 1.5s var(--easing-outquart),
				filter 1.5s var(--easing-outquart);
}
.scAni.is-ani {
	opacity: 1;
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	filter: blur(0);
}
.secTtl .deco:before {
	transform: translateX(200%);
	opacity: 0;
	transition: transform 1.2s var(--easing-outquart),
				opacity 1.2s var(--easing-outquart);
}
.secTtl.is-ani .deco:before {
	transform: translateX(0);
	opacity: 1;
}
.secTtl .deco:after {
	transform: translateX(-200%);
	opacity: 0;
	transition: transform 1.2s var(--easing-outquart),
				opacity 1.2s var(--easing-outquart);
}
.secTtl.is-ani .deco:after {
	transform: translateX(0);
	opacity: 1;
}
.secTtl .deco > span:before,
.secTtl .deco > span:after {
	transform: rotate(360deg);
	opacity: 0;
	transition: transform 1s var(--easing-outquart),
				opacity .3s var(--easing-outquart);
}
.secTtl.is-ani .deco > span:before,
.secTtl.is-ani .deco > span:after {
	transition-delay: .5s;
	transform: rotate(0);
	opacity: 1;
}
.secTtl .en,
.secTtl .ja {
	opacity: 0;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	filter: blur(15px);
	transition: transform 1s var(--easing-outquart),
				opacity 1s var(--easing-outquart),
				filter 1s var(--easing-outquart);
}
.secTtl .en {
	transform: translateY(-50%);
}
.secTtl .ja {
	transform: translateY(50%);
}
.secTtl.is-ani .en,
.secTtl.is-ani .ja {
	transition-delay: .4s;
	transform: translateY(0);
	opacity: 1;
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	filter: blur(0);
}