@charset "utf-8";
/*-----------------------------------------------
 * common.css
 * @media screen and (max-width:979px)
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
 * Bace
 * Modal
 * Header
 * Footer
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
-------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}

:root {
	--common-min-width: 1200px;
	--common-min-height: 640px;

	/* メインで使用するサイズやカラー */
	--main-font-size: 16px;
	--main-font-family: "biz-udpgothic", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	--color-pink: #ffaee3;
	--color-blue: #87d6ff;

	/* easing */
	--easing-outquart: cubic-bezier(0.25, 1, 0.5, 1);

	/* vw min 計算 => min(calc(数値 / var(--vw-min) * 100vw), 数値px) */
	--vw-min: 1200;
}
@media screen and (max-width:979px){
	:root {
		--common-min-width: 100%;
		--common-min-height: auto;
		--main-font-size: 12px;

		/* vw min 計算 => calc(数値px / var(--vw-min) * 100vw) */
		--vw-min: 540;
	}
}

/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
body{
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	color: #000;
	font-family: var(--main-font-family);
	font-size: var(--main-font-size);
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.03em;
	line-height: 1.8;
	word-wrap: break-word;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: #222; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #B7D4F9;
	color: #000;
}
::-moz-selection{
	background: #B7D4F9;
	color: #000;
}
@media screen and (max-width:979px){
	.sp{ display: block; }
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}

/**
 * scroll bar
 */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background: var(--color-blue);
}
::-webkit-scrollbar-thumb {
	background: var(--color-pink);
	box-shadow: none;
}

/**
 * Wrap
 * 大枠のwrap指定
 */
/* fullWrap */
#fullWrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
	z-index: 1;
}
#wrap-sp {
	width: 100%;
	max-width: min(calc(540 / var(--vw-min) * 100vw), 540px);
	min-height: 100vh;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}
@media screen and (max-width:979px){
	#wrap-sp {
		pointer-events: none;
		opacity: 1;
		transition: opacity 1s var(--easing-outquart);
	}
	#wrap-sp.is-menu {
		pointer-events: auto;
		opacity: 0;
	}
}
#wrap-sp__inner {
	background-color: rgba(255,255,255,.6);
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 1;
}
#wrap-sp__inner:before{
	content: "";
	background: url(../img/common/deco/top_bg.png) top center / cover;
	width: min(calc(540 / var(--vw-min) * 100vw), 540px);
	height:100vh;
	margin: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
@media screen and (max-width:979px){
	#wrap-pc {
		max-width: calc(540 / var(--vw-min) * 100vw);
	}
}

/* deco */
.frameWrap {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 998;
	overflow: hidden;
	pointer-events: none;
}
@media screen and (max-width:979px){
	.frameWrap {
		z-index: 1000;
	}
}
.fixFrame {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.frame__deco1 {
	width: 29vw;
	height: 41%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.frame__deco1:before,
.frame__deco1:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
.frame__deco1:before {
	background-color: #fff;
	width: 100%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/top_l_layer_deco.svg) no-repeat 0 0 / contain;
	mask: url(../img/common/deco/top_l_layer_deco.svg) no-repeat 0 0 / contain;
	z-index: 1;
}
.frame__deco1:after {
	background-color: var(--color-pink);
	width: 70%;
	height: 83%;
	-webkit-mask: url(../img/common/deco/top_l_deco.svg) no-repeat 0 0 / contain;
	mask: url(../img/common/deco/top_l_deco.svg) no-repeat 0 0 / contain;
	z-index: 2;
}

.frame__deco2 {
	width: 33vw;
	height: 46%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.frame__deco2:before,
.frame__deco2:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
}
.frame__deco2:before {
	background-color: #fff;
	width: 100%;
	height: 80%;
	-webkit-mask: url(../img/common/deco/top_r_layer_deco.svg) no-repeat top right / contain;
	mask: url(../img/common/deco/top_r_layer_deco.svg) no-repeat top right / contain;
	z-index: 1;
}
.frame__deco2:after {
	background-color: var(--color-pink);
	width: 75%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/top_r_deco.svg) no-repeat top right / contain;
	mask: url(../img/common/deco/top_r_deco.svg) no-repeat top right / contain;
	z-index: 2;
}

.frame__deco3 {
	width: 35.5vw;
	height: 44%;
	position: absolute;
	bottom: 0;
	right: 0;
}
.frame__deco3:before,
.frame__deco3:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
}
.frame__deco3:before {
	background-color: #fff;
	width: 100%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/bottom_r_layer_deco.svg) no-repeat bottom right / contain;
	mask: url(../img/common/deco/bottom_r_layer_deco.svg) no-repeat bottom right / contain;
	z-index: 1;
}
.frame__deco3:after {
	background-color: var(--color-pink);
	width: 65%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/bottom_r_deco.svg) no-repeat bottom right / contain;
	mask: url(../img/common/deco/bottom_r_deco.svg) no-repeat bottom right / contain;
	z-index: 2;
}

.frame__deco4 {
	width: 41vw;
	height: 51%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.frame__deco4:before,
.frame__deco4:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}
.frame__deco4:before {
	background-color: #fff;
	width: 100%;
	height: 83%;
	-webkit-mask: url(../img/common/deco/bottom_l_layer_deco.svg) no-repeat bottom left / contain;
	mask: url(../img/common/deco/bottom_l_layer_deco.svg) no-repeat bottom left / contain;
	z-index: 1;
}
.frame__deco4:after {
	background-color: var(--color-pink);
	width: 80%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/bottom_l_deco.svg) no-repeat bottom left / contain;
	mask: url(../img/common/deco/bottom_l_deco.svg) no-repeat bottom left / contain;
	z-index: 2;
}

.frame__text {
	background: url(../img/common/deco/left_deco_text_106.png) no-repeat center left / contain;
	width: 20vw;
	height: 64%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -8px;
	z-index: 10;
}
@media screen and (max-width:979px){
	.frame__text {
		display: none;
	}
}

.fixLogoWrap {
	width: calc((100% - min(calc(540 / var(--vw-min) * 100vw), 540px)) / 2);
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1001;
}
@media screen and (max-width:979px){
	.fixLogoWrap {
		display: none;
	}
}
.fixLogo {
	background: url(../img/common/logo/main_logo_full.svg) no-repeat center / contain;
	width: 61%;
	height: 31%;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.fixLogo a {
	display: block;
	width: 100%;
	height: 100%;
}

/* fullBg */
#fullBgWrap {
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
#fullBg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:979px){
	#fullBg {
		width: 200%;
		aspect-ratio: 16 / 9;
		top: 50%;
		left: -100%;
		transform: translateY(-50%);
	}
}
@keyframes hero-gradient-animation{0%{--c-0:hsla(200.74074074074076,100%,84%,1); --x-0:85%; --y-0:80%; --s-start-0:9%; --s-end-0:55%; --c-1:hsla(313.7704918032787,100%,88%,1); --y-1:24%; --x-1:60%; --s-start-1:5%; --s-end-1:72%; --x-2:24%; --y-2:7%; --s-start-2:13%; --s-end-2:68%; --c-2:hsla(50,37%,96%,1); --s-start-3:5%; --s-end-3:52%; --c-3:hsla(242.99999999999997,86%,90%,1); --x-3:13%; --y-3:82%; --c-4:hsla(178.2127659574468,95%,48%,1); --y-4:7%; --x-4:24%; --s-start-4:13%; --s-end-4:68%;}100%{--c-0:hsla(200.74074074074076,100%,84%,1); --x-0:31%; --y-0:94%; --s-start-0:9%; --s-end-0:55%; --c-1:hsla(273.8461538461538,86%,91%,1); --y-1:25%; --x-1:2%; --s-start-1:5%; --s-end-1:72%; --x-2:95%; --y-2:92%; --s-start-2:13%; --s-end-2:68%; --c-2:hsla(50,37%,96%,1); --s-start-3:5%; --s-end-3:52%; --c-3:hsla(242.99999999999997,86%,90%,1); --x-3:98%; --y-3:20%; --c-4:hsla(178.2127659574468,95%,48%,1); --y-4:92%; --x-4:95%; --s-start-4:13%; --s-end-4:68%;}}@property --c-0{syntax:'<color>';inherits:false;initial-value:hsla(200.74074074074076,100%,84%,1)}@property --x-0{syntax:'<percentage>';inherits:false;initial-value:85%}@property --y-0{syntax:'<percentage>';inherits:false;initial-value:80%}@property --s-start-0{syntax:'<percentage>';inherits:false;initial-value:9%}@property --s-end-0{syntax:'<percentage>';inherits:false;initial-value:55%}@property --c-1{syntax:'<color>';inherits:false;initial-value:hsla(313.7704918032787,100%,88%,1)}@property --y-1{syntax:'<percentage>';inherits:false;initial-value:24%}@property --x-1{syntax:'<percentage>';inherits:false;initial-value:60%}@property --s-start-1{syntax:'<percentage>';inherits:false;initial-value:5%}@property --s-end-1{syntax:'<percentage>';inherits:false;initial-value:72%}@property --x-2{syntax:'<percentage>';inherits:false;initial-value:24%}@property --y-2{syntax:'<percentage>';inherits:false;initial-value:7%}@property --s-start-2{syntax:'<percentage>';inherits:false;initial-value:13%}@property --s-end-2{syntax:'<percentage>';inherits:false;initial-value:68%}@property --c-2{syntax:'<color>';inherits:false;initial-value:hsla(50,37%,96%,1)}@property --s-start-3{syntax:'<percentage>';inherits:false;initial-value:5%}@property --s-end-3{syntax:'<percentage>';inherits:false;initial-value:52%}@property --c-3{syntax:'<color>';inherits:false;initial-value:hsla(242.99999999999997,86%,90%,1)}@property --x-3{syntax:'<percentage>';inherits:false;initial-value:13%}@property --y-3{syntax:'<percentage>';inherits:false;initial-value:82%}@property --c-4{syntax:'<color>';inherits:false;initial-value:hsla(178.2127659574468,95%,48%,1)}@property --y-4{syntax:'<percentage>';inherits:false;initial-value:7%}@property --x-4{syntax:'<percentage>';inherits:false;initial-value:24%}@property --s-start-4{syntax:'<percentage>';inherits:false;initial-value:13%}@property --s-end-4{syntax:'<percentage>';inherits:false;initial-value:68%}.grd_bg{--c-0:hsla(200.74074074074076,100%,84%,1);--x-0:85%;--y-0:80%;--c-1:hsla(313.7704918032787,100%,88%,1);--y-1:24%;--x-1:60%;--x-2:24%;--y-2:7%;--c-2:hsla(50,37%,96%,1);--c-3:hsla(242.99999999999997,86%,90%,1);--x-3:13%;--y-3:82%;--c-4:hsla(178.2127659574468,95%,48%,1);--y-4:7%;--x-4:24%;;background-color:hsla(129.99999999999997,60%,98%,1);background-image:radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3),transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4),transparent var(--s-end-4));animation:hero-gradient-animation 5s linear infinite alternate;background-blend-mode:normal,normal,normal,normal,normal;}

/*-----------------------------------------------
 * Modal
-------------------------------------------------*/
/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,.85);
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.oneModal{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.oneModal.is-show {
	display: block;
}

/* oneModalIn */
.oneModalIn{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
.oneModalIn__cont{
	padding: 50px 0;
}
@media screen and (max-width:979px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
@media screen and (max-width:979px){
	.closeBtn{
		width:50px;
		height:50px;
	}
}

.closeBtn a {
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* img */
.closeBtn a:before {
	content: "";
	background: url(../img/common/icon/icon_close.png) no-repeat 0 0 / 100%;
	width: 100%;
	height: 100%;
}

/**
 * iframe
 */
/* common */
.commonIframe{
	width: 100%;
	height: 100%;
	display: block;
}

/* youtube */
.youtubeIframeWrap {
	width: 70%;
	max-width: 159.993vh;
	position: relative;
}
@media screen and (max-width:979px){
	.youtubeIframeWrap {
		width: 100%;
		max-width: 100%;
		margin: 50px 0;
	}
}
.youtubeIframeWrap:before{
	content: "";
	display: block;
	padding-top: 56.25%;
	z-index: 0;
}
.youtubeIframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header {
	width: calc((100% - min(calc(540 / var(--vw-min) * 100vw), 540px)) / 2);
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
}

/* inner */
.header__inner {
	-webkit-overflow-scrolling: touch;
	width: calc((100% - min(calc(540 / var(--vw-min) * 100vw), 540px)) / 2);
	height: 100%;
	overflow-y: auto;
	overscroll-behavior: contain;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
}
@media screen and (max-width:979px){
	.header__inner {
		width: 100%;
		overflow-x: hidden;
	}
}

/**
 * headerNav
 */
.headerNav,
.headerNav__inner,
.headerNav__cont {
	width: 100%;
	height: 100%;
}
.headerNav__cont {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width:979px){
	.headerNav {
		height: calc(100% + 1px);
		position: relative;
		z-index: 2;
	}
	.headerNav__inner {
		display: flex;
		align-items: center;
		justify-content: center;
		height: auto;
		min-height: 100%;
		margin: 0 auto;
		position: relative;
	}
	.headerNav__cont {
		height: auto;
		margin: calc(36 / var(--vw-min) * 100vw) 0 calc(70 / var(--vw-min) * 100vw);
		position: relative;
		flex-direction: column;
	}
}

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

/* 106 logo */
.headerNav__logo {
	width: min(calc(303 / var(--vw-min) * 100vw), 303px);
	margin: 0 auto min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.headerNav__logo img {
	width: 100%;
}

/* x */
.headerNav__xLink {
	width: min(calc(396 / var(--vw-min) * 100vw), 396px);
	margin: min(calc(70 / var(--vw-min) * 100vw), 70px) auto 0;
}
.headerNav__xLink--text {
	display: flex;
	align-items: center;
	justify-content: center;
}
.headerNav__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;
}
.headerNav__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);
}

/**
 * shareLists
 */
.headerNav__shareListsWrap {
	margin-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.headerNav__shareLists {
	display: flex;
	align-items: center;
}
.headerNav__shareLists > dt {
	background-color: #000;
	-webkit-mask: url(../img/common/text/text_share.svg) no-repeat 0 0 / contain;
	mask: url(../img/common/text/text_share.svg) no-repeat 0 0 / contain;
	width: min(calc(73 / var(--vw-min) * 100vw), 73px);
	height: min(calc(17 / var(--vw-min) * 100vw), 17px);
	margin-right: min(calc(14 / var(--vw-min) * 100vw), 14px);
}
.headerNav__shareLists > dd {
	display: flex;
	align-items: center;
	margin-right: min(calc(14 / var(--vw-min) * 100vw), 14px);
}

.headerNav__shareLists__link {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #000;
	width: min(calc(36 / var(--vw-min) * 100vw), 36px);
	height: min(calc(36 / var(--vw-min) * 100vw), 36px);
	text-decoration: none;
}
.headerNav__shareLists__link:before {
	content: "";
	background-color: #000;
	display: block;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100%;
	mask-size: 100%;
}

/* 各SNSパーツ */
.headerNav__shareLists__link.is-x:before {
	width: min(calc(18 / var(--vw-min) * 100vw), 18px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	-webkit-mask-image: url(../img/common/sns/icon_x.svg);
	mask-image: url(../img/common/sns/icon_x.svg);
}
.headerNav__shareLists__link.is-fb:before {
	width: min(calc(18 / var(--vw-min) * 100vw), 18px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	-webkit-mask-image: url(../img/common/sns/icon_fb.svg);
	mask-image: url(../img/common/sns/icon_fb.svg);
}
.headerNav__shareLists__link.is-line:before {
	width: min(calc(18 / var(--vw-min) * 100vw), 18px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	-webkit-mask-image: url(../img/common/sns/icon_line.svg);
	mask-image: url(../img/common/sns/icon_line.svg);
}

/**
 * headerNavLists
 */
.headerNavLists {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
@media screen and (max-width:979px){
	.headerNavLists {
		align-items: center;
	}
}
.headerNavLists__item {
	height: min(calc(21 / var(--vw-min) * 100vw), 21px);
}
.headerNavLists__item:not(:first-child) {
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.headerNavLists__item a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.headerNavLists__item a:before {
	content: "";
	display: block;
	background-color: #000;
	-webkit-mask: url() no-repeat center / contain;
	mask: url() no-repeat center / contain;
	width: calc(100% + 1px);
	height: calc(100% + 1px);
	position: relative;
	z-index: 2;
}
.headerNavLists__item a:after {
	content: "";
	background-image: linear-gradient(0deg, var(--color-pink), var(--color-blue));
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .5s var(--easing-outquart);
	z-index: 1;
}
.headerNavLists__item a:is(:hover, .is-active):after {
	transform-origin: left top;
	transform: scale(1,1);
}

/* each */
.headerNavLists__item.is-lineup { width: min(calc(100 / var(--vw-min) * 100vw), 100px); }
.headerNavLists__item.is-lineup a:before {
	-webkit-mask-image: url(../img/common/nav/nav_lineup.svg);
	mask-image: url(../img/common/nav/nav_lineup.svg);
}
.headerNavLists__item.is-goods { width: min(calc(95 / var(--vw-min) * 100vw), 95px); }
.headerNavLists__item.is-goods a:before {
	-webkit-mask-image: url(../img/common/nav/nav_goods.svg);
	mask-image: url(../img/common/nav/nav_goods.svg);
}
.headerNavLists__item.is-event { width: min(calc(90 / var(--vw-min) * 100vw), 90px); }
.headerNavLists__item.is-event a:before {
	-webkit-mask-image: url(../img/common/nav/nav_event.svg);
	mask-image: url(../img/common/nav/nav_event.svg);
}
.headerNavLists__item.is-information { width: min(calc(199 / var(--vw-min) * 100vw), 199px); }
.headerNavLists__item.is-information a:before {
	-webkit-mask-image: url(../img/common/nav/nav_information.svg);
	mask-image: url(../img/common/nav/nav_information.svg);
}

/**
 * navBtn
 */
.navBtnWrap {
	width: min(calc(72 / var(--vw-min) * 100vw), 72px);
	height: min(calc(72 / var(--vw-min) * 100vw), 72px);
	position: fixed;
	top: 0;
	right: 0;
	z-index: 5000;
}
.navBtn {
	background: rgba(255,255,255,.6) url(../img/common/deco/menu_bg.svg) no-repeat 0 0 / 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.navBtn__lineWrap {
	width: min(calc(36 / var(--vw-min) * 100vw), 36px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	position: relative;
}
.navBtn--line {
	background-color: #000;
	display: block;
	width: 100%;
	height: 2px;
	margin: auto;
	position: absolute;
}
.navBtn--line:nth-child(1) {
	top: 0;
}
.navBtn--line:nth-child(2) {
	bottom: 0;
}

/**
 * active
 */
@media screen and (max-width:979px){
	.header__inner,
	.header:before {
		opacity: 0;
		pointer-events: none;
		transition: opacity .5s ease;
	}
	.header.is-menu .header__inner,
	.header.is-menu:before {
		opacity: 1;
		pointer-events: auto;
	}
	.navBtn--line {
		transition: transform .3s ease,
					opacity .3s ease;
	}
	.navBtn.is-menu .navBtn--line:nth-child(1) {
		transform: rotate(30deg);
		top: 45%;
	}
	.navBtn.is-menu .navBtn--line:nth-child(2) {
		transform: rotate(-30deg);
		bottom: 45%;
	}
}

/* deco */
.headerFrameWrap {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
	pointer-events: none;
}
.headerFrame__deco1 {
	width: 29vw;
	height: 41%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.headerFrame__deco1:before,
.headerFrame__deco1:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
.headerFrame__deco1:before {
	background-color: #fff;
	width: 100%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/top_l_layer_deco.svg) no-repeat 0 0 / contain;
	mask: url(../img/common/deco/top_l_layer_deco.svg) no-repeat 0 0 / contain;
	z-index: 1;
}
.headerFrame__deco1:after {
	background-color: var(--color-pink);
	width: 70%;
	height: 83%;
	-webkit-mask: url(../img/common/deco/top_l_deco.svg) no-repeat 0 0 / contain;
	mask: url(../img/common/deco/top_l_deco.svg) no-repeat 0 0 / contain;
	z-index: 2;
}

.headerFrame__deco2 {
	width: 33vw;
	height: 46%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.headerFrame__deco2:before,
.headerFrame__deco2:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
}
.headerFrame__deco2:before {
	background-color: #fff;
	width: 100%;
	height: 80%;
	-webkit-mask: url(../img/common/deco/top_r_layer_deco.svg) no-repeat top right / contain;
	mask: url(../img/common/deco/top_r_layer_deco.svg) no-repeat top right / contain;
	z-index: 1;
}
.headerFrame__deco2:after {
	background-color: var(--color-pink);
	width: 75%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/top_r_deco.svg) no-repeat top right / contain;
	mask: url(../img/common/deco/top_r_deco.svg) no-repeat top right / contain;
	z-index: 2;
}

.headerFrame__deco3 {
	width: 35.5vw;
	height: 44%;
	position: absolute;
	bottom: 0;
	right: 0;
}
.headerFrame__deco3:before,
.headerFrame__deco3:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
}
.headerFrame__deco3:before {
	background-color: #fff;
	width: 100%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/bottom_r_layer_deco.svg) no-repeat bottom right / contain;
	mask: url(../img/common/deco/bottom_r_layer_deco.svg) no-repeat bottom right / contain;
	z-index: 1;
}
.headerFrame__deco3:after {
	background-color: var(--color-pink);
	width: 65%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/bottom_r_deco.svg) no-repeat bottom right / contain;
	mask: url(../img/common/deco/bottom_r_deco.svg) no-repeat bottom right / contain;
	z-index: 2;
}

.headerFrame__deco4 {
	width: 41vw;
	height: 51%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.headerFrame__deco4:before,
.headerFrame__deco4:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}
.headerFrame__deco4:before {
	background-color: #fff;
	width: 100%;
	height: 83%;
	-webkit-mask: url(../img/common/deco/bottom_l_layer_deco.svg) no-repeat bottom left / contain;
	mask: url(../img/common/deco/bottom_l_layer_deco.svg) no-repeat bottom left / contain;
	z-index: 1;
}
.headerFrame__deco4:after {
	background-color: var(--color-pink);
	width: 80%;
	height: 100%;
	-webkit-mask: url(../img/common/deco/bottom_l_deco.svg) no-repeat bottom left / contain;
	mask: url(../img/common/deco/bottom_l_deco.svg) no-repeat bottom left / contain;
	z-index: 2;
}

/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer {
	background-color: var(--color-blue);
	margin-top: auto;
	padding: min(calc(70 / var(--vw-min) * 100vw), 70px) 0;
	position: relative;
	z-index: 1;
}

/**
 * shareLists
 */
.footer__shareLists {
	display: flex;
	align-items: center;
	padding-left: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.footer__shareLists > dt {
	background: url(../img/common/text/text_share.svg) no-repeat 0 0 / contain;
	width: min(calc(73 / var(--vw-min) * 100vw), 73px);
	height: min(calc(17 / var(--vw-min) * 100vw), 17px);
	margin-right: min(calc(14 / var(--vw-min) * 100vw), 14px);
}
.footer__shareLists > dd {
	display: flex;
	align-items: center;
	margin-right: min(calc(14 / var(--vw-min) * 100vw), 14px);
}

.shareLists__link {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #fff;
	width: min(calc(36 / var(--vw-min) * 100vw), 36px);
	height: min(calc(36 / var(--vw-min) * 100vw), 36px);
	text-decoration: none;
	transition: all .3s ease;
}
.shareLists__link:hover {
	background-color: var(--color-pink);
}
.shareLists__link:before {
	content: "";
	background-color: #fff;
	display: block;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100%;
	mask-size: 100%;
}

/* 各SNSパーツ */
.shareLists__link.is-x:before {
	width: min(calc(18 / var(--vw-min) * 100vw), 18px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	-webkit-mask-image: url(../img/common/sns/icon_x.svg);
	mask-image: url(../img/common/sns/icon_x.svg);
}
.shareLists__link.is-fb:before {
	width: min(calc(18 / var(--vw-min) * 100vw), 18px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	-webkit-mask-image: url(../img/common/sns/icon_fb.svg);
	mask-image: url(../img/common/sns/icon_fb.svg);
}
.shareLists__link.is-line:before {
	width: min(calc(18 / var(--vw-min) * 100vw), 18px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	-webkit-mask-image: url(../img/common/sns/icon_line.svg);
	mask-image: url(../img/common/sns/icon_line.svg);
}

/* anx */
.footer__anx {
	width: min(calc(169 / var(--vw-min) * 100vw), 169px);
	margin: min(calc(72 / var(--vw-min) * 100vw), 72px) auto 0;
}
.footer__anx > a {
	display: block;
	width: 100%;
}
.footer__anx > a img {
	width: 100%;
}

/* link lists */
.footer__linkLists {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.footer__linkLists > li {
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
	position: relative;
}
.footer__linkLists > li:not(:last-child):after {
	content: "";
	background-color: #fff;
	width: 1px;
	height: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
.footer__linkLists > li a {
	background: url() no-repeat 0 0 / contain;
	display: block;
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
}

.footer__linkLists > li a.is-support {
	background-image: url(../img/common/text/text_support.svg);
	width: min(calc(95 / var(--vw-min) * 100vw), 95px);
}
.footer__linkLists > li a.is-about {
	background-image: url(../img/common/text/text_aboutsite.svg);
	width: min(calc(125 / var(--vw-min) * 100vw), 125px);
}
.footer__linkLists > li a.is-privacy {
	background-image: url(../img/common/text/text_privacy.svg);
	width: min(calc(176 / var(--vw-min) * 100vw), 176px);
}

/* notice, copy */
.footer__notice {
	color: #fff;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	text-align: center;
	margin-top: min(calc(70 / var(--vw-min) * 100vw), 70px);
}
.footer__copy {
	color: #fff;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	text-align: center;
	margin-top: min(calc(30 / var(--vw-min) * 100vw), 30px);
}

/* pagetop */
.footer__pagetop {
	width: min(calc(96 / var(--vw-min) * 100vw), 96px);
	height: min(calc(96 / var(--vw-min) * 100vw), 96px);
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	right: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.footer__pagetop > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	transition: transform .6s var(--easing-outquart);
}
@media screen and (min-width:980px){
	.footer__pagetop > a:hover {
		transform: scale(0.9);
	}
}
.footer__pagetop > a:before {
	content: "";
	background-color: #fff;
	-webkit-mask: url(../img/common/deco/pt_deco.svg) no-repeat center / contain;
	mask: url(../img/common/deco/pt_deco.svg) no-repeat center / contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: rotate 20s ease infinite;
	transition: transform .6s var(--easing-outquart);
}
@keyframes rotate{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(720deg);
	}
}
.footer__pagetop > a:after {
	content: "";
	background-color: #fff;
	-webkit-mask: url(../img/common/deco/pt_arrow.svg) no-repeat center / contain;
	mask: url(../img/common/deco/pt_arrow.svg) no-repeat center / contain;
	width: min(calc(15 / var(--vw-min) * 100vw), 15px);
	height: min(calc(15 / var(--vw-min) * 100vw), 15px);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/*-----------------------------------------------
 * Parts
-------------------------------------------------*/
/* link-a */
.link-a {
	background-image: linear-gradient(0deg, var(--color-pink), var(--color-blue));
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: min(calc(72 / var(--vw-min) * 100vw), 72px);
	border-radius: min(calc(72 / var(--vw-min) * 100vw), 72px);
	color: #fff;
	text-decoration: none;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-weight: 700;
	letter-spacing: -.02em;
	overflow: hidden;
	position: relative;
	transition: transform .6s var(--easing-outquart);
}
.link-a:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
	transition: .5s;
}
.link-a:hover {
	transform: scale(0.95);
}
.link-a:hover:before {
	top: 0;
	left: 100%;
}

/* comingsoon */
.comingsoon {
	background: url(../img/common/text/text_comingsoon.svg) no-repeat center / contain;
	width: 100%;
	height: min(calc(21 / var(--vw-min) * 100vw), 21px);
}

/**
 * secTtl
 */
.secTtl {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.secTtl .en {
	display: block;
	background-color: #000;
	-webkit-mask: url() no-repeat center / contain;
	mask: url() no-repeat center / contain;
	width: 100%;
	height: min(calc(42 / var(--vw-min) * 100vw), 42px);
}
.secTtl .ja {
	display: block;
	background-color: var(--color-pink);
	-webkit-mask: url() no-repeat center / contain;
	mask: url() no-repeat center / contain;
	width: 100%;
	height: min(calc(22 / var(--vw-min) * 100vw), 22px);
	margin-top: min(calc(18 / var(--vw-min) * 100vw), 18px);
}

/* each */
.secTtl.is-lineup .en { mask-image: url(../img/common/title/title_lineup.svg); }
.secTtl.is-goods .en { mask-image: url(../img/common/title/title_goods.svg); }
.secTtl.is-event .en { mask-image: url(../img/common/title/title_event.svg); }
.secTtl.is-information .en { mask-image: url(../img/common/title/title_information.svg); }

.secTtl.is-lineup .ja { mask-image: url(../img/common/title/title_lineup_ja.svg); }
.secTtl.is-goods .ja { mask-image: url(../img/common/title/title_goods_ja.svg); }
.secTtl.is-event .ja { mask-image: url(../img/common/title/title_event_ja.svg); }
.secTtl.is-information .ja { mask-image: url(../img/common/title/title_information_ja.svg); }

/* deco */
.secTtl .deco {
	width: min(calc(512 / var(--vw-min) * 100vw), 512px);
	height: min(calc(46 / var(--vw-min) * 100vw), 46px);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
.secTtl .deco:before,
.secTtl .deco:after {
	content: "";
	background: url() no-repeat 0 0 / 100%;
	width: min(calc(106 / var(--vw-min) * 100vw), 106px);
	height: min(calc(2 / var(--vw-min) * 100vw), 2px);
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}
.secTtl .deco:before {
	background-image: url(../img/common/deco/deco_line_l.svg);
	left: min(calc(27 / var(--vw-min) * 100vw), 27px);
}
.secTtl .deco:after {
	background-image: url(../img/common/deco/deco_line_r.svg);
	right: min(calc(27 / var(--vw-min) * 100vw), 27px);
}
.secTtl.is-information .deco:before,
.secTtl.is-information .deco:after {
	content: none;
}

.secTtl .deco > span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	position: absolute;
	top: min(calc(1 / var(--vw-min) * 100vw), 1px);
	left: 0;
}
.secTtl .deco > span:before,
.secTtl .deco > span:after {
	content: "";
	background: url(../img/common/deco/deco_kira.svg) no-repeat 0 0 / 100%;
	width: min(calc(44 / var(--vw-min) * 100vw), 44px);
	height: min(calc(46 / var(--vw-min) * 100vw), 46px);
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}
.secTtl .deco > span:before {
	left:0;
}
.secTtl .deco > span:after {
	right:0;
}

/* margin */
.mr {
	margin-right: 0.5em;
}