@charset "utf-8";
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 {
	--font-eng-work: 'Work Sans', sans-serif;
	--font-eng-wall: 'Wallpoet', sans-serif;
	--font-ja-sans: 'Noto Sans JP', sans-serif;

	--color-lightblue: #5ec5b9;
	--color-purple:#b860e4;
	--vw-min:1200;
}
@media screen and (max-width:768px){
	:root {
		--vw-min:750;
	}
}
body{
	-webkit-text-size-adjust:100%;
	background-color:#000;
	color:#fff;
	font-family:'Noto Serif JP', serif;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:2;
	word-wrap:break-word;
}
a{color:#fff}
a:hover{text-decoration:none}
.ah{transition:opacity .3s ease}
.ah:hover{opacity:.7}
::selection{
	background:#6ccfee;
	color:#fff;
}
::-moz-selection{
	background:#6ccfee;
	color:#fff;
}
@media screen and (max-width:768px){
	html{
		font-size:62.5%;
	}
	body{
		font-size:10px;
		font-size:1rem;
		min-width:320px;
	}
	.pc{display:none}
	.ah:hover{opacity:1}
}
@media screen and (min-width:769px){
	body{
		scrollbar-gutter:stable;
	}
	.sp{display:none}
	::-webkit-scrollbar{
		width:8px;
		height:8px;
	}
	::-webkit-scrollbar-track{
		border-radius:0px;
		background:#fff;
	}
	::-webkit-scrollbar-thumb{
		background:#000;
		border-radius:4px;
		margin:2px;
		box-shadow:none;
	}
	@-moz-document url-prefix(){
		html{
			scrollbar-color:#000 #fff;
			scrollbar-width:thin;
		}
	}
}
@keyframes pCircle_mv {
	0% {
		stroke-dasharray: 0 76;
	}
	100% {
		stroke-dasharray: 76 76;
	}
}
@keyframes i-s_decotext {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 7316px 0;
	}
}
@keyframes footerScroller {
	0% {
		height:0;
		bottom:-1px;
	}
	40%,60% {
		height:calc(100% + 2px);
		bottom:-1px;
	}
	100% {
		height:0;
		bottom:calc(100% + 1px);
	}
}
@keyframes kvScroller {
	0% {
		height:0;
		top:-1px;
	}
	40%,60% {
		height:calc(100% + 2px);
		top:-1px;
	}
	100% {
		height:0;
		top:calc(100% + 1px);
	}
}
#fullWrap {
	position: relative;
}
.sec{
	overflow: hidden;
}
/*------------------------
MENU
------------------------*/
.aside {
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:min(calc(200 / var(--vw-min) * 100vw),200px);
	pointer-events: none;
	z-index:500;
}

.aside__inner {
	position:sticky;
	left:0;
	top:0;
	width:100%;
	height:100%;
	max-height:100vh;
	max-height:100dvh;
	min-height:min(calc(530 / var(--vw-min) * 100vw),530px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.aside__inner:before {
	content:'';
	position: absolute;
	left:min(calc(24 / var(--vw-min) * 100vw),24px);
	top:min(calc(24 / var(--vw-min) * 100vw),24px);
	bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
	width:1px;
	background:rgba(255,255,255,.4);
}

.aside__logo {
	padding:min(calc(56 / var(--vw-min) * 100vw),56px) 0 0 min(calc(40 / var(--vw-min) * 100vw),40px);
	position: relative;
}
.aside__logo:before {
	content:'';
	position: absolute;
	left:min(calc(16 / var(--vw-min) * 100vw),16px);
	top:min(calc(40 / var(--vw-min) * 100vw),40px);
	width:min(calc(24 / var(--vw-min) * 100vw),24px);
	height:1px;
	background: rgba(255,255,255,.4);
}
.aside__logo:after {
	content:'';
	position: absolute;
	left:min(calc(24 / var(--vw-min) * 100vw),24px);
	top:min(calc(40 / var(--vw-min) * 100vw),40px);
	width:min(calc(4 / var(--vw-min) * 100vw),4px);
	height:min(calc(4 / var(--vw-min) * 100vw),4px);
	background:#fff;
}
.aside__logoLink {
	display: block;
	position: relative;
	width:100%;
	padding-top:53.75%;
	background:url(../img/logoorialis.png) no-repeat center center / contain;
	pointer-events: none;
	opacity:0;
	transition: all 0.5s ease;
	transition-delay: 0s;
}

@media screen and (max-width:768px) {
	.aside {
		left:0;
		top:0;
		bottom:0;
		width:100%;
		pointer-events: none;
		z-index:-500;
		height: 100%;	
		position: fixed;
	}
	.aside.is-active {
		pointer-events: all;
		z-index:500;
	}
	.aside__inner {
		position:sticky;
		left:0;
		top:0;
		width:100%;
		height:100%;
		max-height:unset;
		min-height:100dvh;
		justify-content: flex-start;
		
	}
	.aside__logo {
		padding:calc(48 / var(--vw-min) * 100vw);
		text-align: center;
		position: relative;
	}
	.aside__logo:before {
		display: none;
	}
	.aside__logo:after {
		display: none;
	}
	.aside__logoLink {
		display: block;
		position: relative;
		width:calc(319 / var(--vw-min) * 100vw);
		height: calc(172 / var(--vw-min) * 100vw);
		margin: 0 auto;
		padding-top:unset;
		background:url(../img/logoorialis.png) no-repeat center center / contain;
		opacity:1;
	}
	.is-active .aside__logoLink {
		pointer-events: all;
	}

}



body:not(.s-kv) .aside__logoLink {
	opacity:1;
	pointer-events: auto;
	transition-delay:1s;
}
.aside__logoNoneBox{
	position:absolute;
	left:min(calc(40 / var(--vw-min) * 100vw),40px);
	top:min(calc(56 / var(--vw-min) * 100vw),56px);
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	overflow: hidden;
	border:1px solid rgba(255,255,255,.4);
	transition: all 0.5s ease;
	transition-delay: 0s;
	opacity:0;
}
@media screen and (max-width:768px) {
	.aside__logoNoneBox {
		display: none;
	}
}

body.s-kv .aside__logoNoneBox {
	opacity:1;
	pointer-events: auto;
	transition-delay:1s;
}
.aside__logoNoneBox:before {
	content:'';
	position: absolute;
	left:min(calc(0.5 / var(--vw-min) * 100vw),0.5px);
	top:0;
	width:min(calc(56 / var(--vw-min) * 100vw),56px);
	height:1px;
	background:rgba(255,255,255,.4);
	transform: rotate(45deg);
	transform-origin: left top;
}
.aside__menus {
	padding:0 0 min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(40 / var(--vw-min) * 100vw),40px);
	position: relative;
}
@media screen and (max-width:768px) {
	.aside__menus {
		display: flex;
        padding: 0;
        position: relative;
        flex-direction: column;
        align-items: center;
		justify-content: space-between;
        height: 100%;
	}
	.aside__navLists{
		
	}
	.aside__navList{
		height: calc(96 / var(--vw-min) * 100vw);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

	}
	.aside__navList a{
		font-size:calc(32 / var(--vw-min) * 100vw);
	}
}
.aside__menus:before {
	content:'';
	position: absolute;
	bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
	left:min(calc(16 / var(--vw-min) * 100vw),16px);
	width:min(calc(24 / var(--vw-min) * 100vw),24px);
	height:1px;
	background:rgba(255,255,255,.4);
}
.aside__menus:after {
	content: '';
	position: absolute;
	bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
	left:min(calc(24 / var(--vw-min) * 100vw),24px);
	width:min(calc(4 / var(--vw-min) * 100vw),4px);
	height:min(calc(4 / var(--vw-min) * 100vw),4px);
	background:#fff;
}
@media screen and (max-width:768px) {
	.aside__menus:before {
		display: none;
	}
	.aside__menus:after {
		display: none;
	}
}

.aside__menu {
	padding:min(calc(30 / var(--vw-min) * 100vw),30px) 0;
	position: relative;
}

.aside__menu:before {
	content:'';
	position: absolute;
	left:max(calc(-16 / var(--vw-min) * 100vw),-16px);
	right:0;
	top:0;
	height:1px;
	background:rgba(255,255,255,.4);
}
.aside__menu:after {
	content:'';
	position: absolute;
	left:max(calc(-16 / var(--vw-min) * 100vw),-16px);
	top:0;
	width:min(calc(4 / var(--vw-min) * 100vw),4px);
	height:min(calc(4 / var(--vw-min) * 100vw),4px);
	background:#fff;
}
@media screen and (min-width: 769px) {
	.aside__inner .deco {
		display: none;
	}
}
@media screen and (max-width:768px) {
	.aside__menu {
		padding:min(calc(30 / var(--vw-min) * 100vw),30px) 0;
		position: unset;
	}
	.aside__menus{
		
	}
	
.aside__menu:before {
	display: none;

}
	.aside__menu:after {
		display: none;

	}
	.aside__inner .deco {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/*
	border-top:1px solid rgba(255,255,255,.4);
	border-bottom:1px solid rgba(255,255,255,.4);
	background-color: transparent;
	*/
	}
	.aside__inner .deco::after {
		content: "";
		display: block;
		position: fixed;
		left:0;
		right:0;
		top:0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: calc(100dvh - calc(48 / var(--vw-min) * 100vw));
		border-top:1px solid rgba(255,255,255,.4);
		border-bottom:1px solid rgba(255,255,255,.4);
		background-color: transparent;
	}
	.aside__inner .deco::before {
		content:'';
		position: absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		margin: auto;
		width:calc(100% - calc(48 / var(--vw-min) * 100vw));
		height:100%;
		border-left: 1px solid rgba(255,255,255,.4);
		border-right: 1px solid rgba(255,255,255,.4);
	}
	.aside__inner .deco .dot{
		display: block;
		position: absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		margin: auto;
		width:calc(100% - calc(48 / var(--vw-min) * 100vw));
		height:100%;
	}
	.aside__inner .deco .dot:first-child::before{
		content:'';
		position: absolute;
		left:0;
		top:calc(24 / var(--vw-min) * 100vw);
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
		background-color: #FFF;
	}
	.aside__inner .deco .dot:first-child::after{
		content:'';
		position: absolute;
		right:0;
		top:calc(24 / var(--vw-min) * 100vw);
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
		background-color: #FFF;
	}
	.aside__inner .deco .dot:last-child::before{
		content:'';
		position: absolute;
		left:0;
		bottom:calc(24 / var(--vw-min) * 100vw);
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
		background-color: #FFF;
	}
	.aside__inner .deco .dot:last-child::after{
		content:'';
		position: absolute;
		right:0;
		bottom:calc(24 / var(--vw-min) * 100vw);
		width:calc(8 / var(--vw-min) * 100vw);
		height:calc(8 / var(--vw-min) * 100vw);
		background-color: #FFF;
	}
}

/*sns*/
.aside__sns {
	padding:min(calc(30 / var(--vw-min) * 100vw),30px) 0;
	position: relative;
}
.aside__sns:before {
	content:'';
	position: absolute;
	left:max(calc(-16 / var(--vw-min) * 100vw),-16px);
	right:0;
	top:0;
	height:1px;
	background:rgba(255,255,255,.4);
}
.aside__sns:after {
	content:'';
	position: absolute;
	left:max(calc(-16 / var(--vw-min) * 100vw),-16px);
	top:0;
	width:min(calc(4 / var(--vw-min) * 100vw),4px);
	height:min(calc(4 / var(--vw-min) * 100vw),4px);
	background:#fff;
}
.aside__title {
	position: absolute;
	right:0;
	top:min(calc(7 / var(--vw-min) * 100vw),7px);
	line-height:1;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	transform:scale(0.5);
	transform-origin: right top;
	font-family: var(--font-eng-work);
	letter-spacing: 0.025em;
	color:rgba(255,255,255,.4)
}
@media screen and (max-width:768px) {
	.aside__sns {
		padding:min(calc(48 / var(--vw-min) * 100vw),48px) 0 0;
		margin-bottom: min(calc(97 / var(--vw-min) * 100vw),97px);
	}
	.aside__sns:before {
		display: none;
	}
	.aside__sns:after {
		display: none;
	}
	.aside__title {
		display: none;
	}
}
.aside__snsLists {
	height:min(calc(36 / var(--vw-min) * 100vw),36px);
	display: flex;
	align-items: center;
}
.aside__snsListTitle {
	font-family: var(--font-eng-work);
	color:#fff;
	letter-spacing: 0.025em;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height:1;
	margin-right:min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:768px) {
	.aside__snsListTitle {
		font-size: min(calc(32 / var(--vw-min)* 100vw), 32px);
	}
}
.aside__snsListItem {
	width:min(calc(36 / var(--vw-min) * 100vw),36px);
}
.aside__snsListLink {
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height::min(calc(36 / var(--vw-min) * 100vw),36px);
	pointer-events: auto;
}
.aside__snsListLink:before {
	content:'';
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	background:#fff;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px) {
	.aside__snsListItem {
		margin-left:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
	.aside__snsListLink:before {
		width:min(calc(40 / var(--vw-min) * 100vw),40px);
		height:min(calc(40 / var(--vw-min) * 100vw),40px);
	}
}
.aside__snsListLink:hover:before {
	background:var(--color-purple);
}
.aside__snsLists--text {
	height: auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25em;
}
.aside__snsLists--text .aside__snsListItem {
	width: auto;
	margin-left: 0;
}
.aside__snsLists--text .aside__snsListLink {
	height: auto;
	padding: 0.35em 0.5em 0.35em 0;
	color: #fff;
	font-family: var(--font-eng-work);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
	position: relative;
	display: inline-block;
	transition: color 0.3s ease, transform 0.25s ease, text-shadow 0.3s ease;
	text-shadow:
		0 0 2px var(--color-purple),
		0 0 3px var(--color-purple),
		1px 0 1px var(--color-purple),
		-1px 0 1px var(--color-purple),
		0 1px 1px var(--color-purple),
		0 -1px 1px var(--color-purple),
		1px 1px 1px var(--color-purple),
		-1px -1px 1px var(--color-purple);
}
.aside__snsLists--text .aside__snsListLink::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0.1em;
	width: 100%;
	height: 2px;
	background: currentColor;
	transform: scaleX(1);
	transform-origin: left;
	transition: transform 0.3s ease, background 0.3s ease;
}
.aside__snsLists--text .aside__snsListLink:hover {
	color: var(--color-purple);
	transform: translateX(4px);
	text-shadow:
		0 0 2px var(--color-purple),
		0 0 3px var(--color-purple),
		1px 0 1px var(--color-purple),
		-1px 0 1px var(--color-purple),
		0 1px 1px var(--color-purple),
		0 -1px 1px var(--color-purple),
		1px 1px 1px var(--color-purple),
		-1px -1px 1px var(--color-purple),
		0 0 20px rgba(184,96,228,0.4);
}
.aside__snsLists--text .aside__snsListLink:hover::after {
	transform: scaleX(1.05);
	background: var(--color-purple);
}
.aside__snsLists--text .aside__snsListLink:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}
.aside__snsLists--text .aside__snsListItem:last-child .aside__snsListLink {
	animation: cta-pulse 2.5s ease-in-out infinite, nav-float 2.8s ease-in-out infinite;
}
@keyframes cta-pulse {
	0%, 100% { opacity: 1; text-shadow: 0 0 0 transparent; }
	50% { opacity: 0.92; text-shadow: 0 0 12px rgba(255,255,255,0.25); }
}
@keyframes nav-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}
.aside__snsLists--text .aside__snsListLink:before {
	display: none;
}
.asll--x:before {
	-webkit-mask:url(../img/common/icon_x.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_x.svg) no-repeat center center / contain;
}
.asll--tiktok:before {
	-webkit-mask:url(../img/common/icon_tiktok.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_tiktok.svg) no-repeat center center / contain;
}
.aside__nav {}
.aside__navLists {}
.aside__navList {}
.aside__navLink {
	display: flex;
	align-items: center;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-family: var(--font-eng-work);
	text-decoration: none;
	color:#fff;
	transition:all 0.3s ease;
	pointer-events: auto;
	height:min(calc(36 / var(--vw-min) * 100vw),36px);
	text-shadow:
		0 0 2px var(--color-purple),
		0 0 3px var(--color-purple),
		1px 0 1px var(--color-purple),
		-1px 0 1px var(--color-purple),
		0 1px 1px var(--color-purple),
		0 -1px 1px var(--color-purple),
		1px 1px 1px var(--color-purple),
		-1px -1px 1px var(--color-purple);
}
@media screen and (hover:hover){
	.aside__navLink:hover {
		color:var(--color-purple);
	}
}
/*active*/
body.s-news .anl--news,
body.s-movie .anl--movie,
body.s-introduction .anl--introduction,
body.s-story .anl--story,
body.s-staffcast .anl--staffcast,
body.page-news .anl--news,
body.page-movie .anl--movie,
body.page-story .anl--story {
	color:var(--color-purple);
}
.aside__navLists .aside__navList.is-active .aside__navLink {
	color:var(--color-purple);
}
/* Fond violet : navbar en blanc pour la lisibilité */
body.s-introduction .aside__navLink,
body.s-staffcast .aside__navLink {
	color: #fff;
}
body.s-introduction .aside__title,
body.s-staffcast .aside__title {
	color: #fff;
}
body.s-introduction .aside__snsLists--text .aside__snsListLink,
body.s-staffcast .aside__snsLists--text .aside__snsListLink {
	color: #fff;
}
body.s-introduction .aside__snsLists--text .aside__snsListLink:hover,
body.s-staffcast .aside__snsLists--text .aside__snsListLink:hover {
	color: rgba(255,255,255,0.9);
}
body.s-introduction .aside__snsLists--text .aside__snsListLink:hover::after,
body.s-staffcast .aside__snsLists--text .aside__snsListLink:hover::after {
	background: #fff;
}
@media screen and (hover:hover) {
	body.s-introduction .aside__navLink:hover,
	body.s-staffcast .aside__navLink:hover {
		color: rgba(255,255,255,0.85);
	}
	body.s-introduction .aside__navLink:hover[target=_blank]:after,
	body.s-staffcast .aside__navLink:hover[target=_blank]:after {
		background: #fff;
	}
}
.aside__navLink[target=_blank]:after {
	content:'';
	position: relative;
	display: block;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	background:#fff;
	-webkit-mask: url(../img/common/icon_newwindow.svg) no-repeat center center / contain;
	mask: url(../img/common/icon_newwindow.svg) no-repeat center center / contain;
	transition: all 0.3s ease;
	margin-left:min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (hover:hover){
	.aside__navLink:hover[target=_blank]:after {
		background:var(--color-purple);
	}
}
.navlist_jp{
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px) {
	.aside__navLink[target=_blank]:after {
		width:min(calc(16 / var(--vw-min) * 100vw),16px);
		height:min(calc(16 / var(--vw-min) * 100vw),16px);
		margin-left:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
	.navlist_jp{
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
.footer {
	position: relative;
	height: auto;
	min-height: unset;
	overflow: hidden;
	clip-path:inset(0);
	padding-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.footer::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	z-index: 0;
	pointer-events: none;
}
.footerBg {
	display: none !important; /* Vidéo de fond footer désactivée */
}
.footerBg._show {
	display: none !important;
}
.footerBg:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.6);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	z-index:50;
}
@media screen and (max-width:768px) {
	.footer {
		clip-path:unset;
		height: auto;
		min-height: unset;
	}
	.footerBg {
		z-index: -1;
	}

}
.footerBg__inner {
	display: block;
	width:100%;
	height:100%;
	position: relative;
}
.footer__inner {
	display: flex;
	position: relative;
	z-index: 1;
	height:100%;
	padding:min(calc(80 / var(--vw-min) * 100vw),80px) min(calc(280 / var(--vw-min) * 100vw),280px);
	width:100%;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width:768px) {
	.footer__inner {
		padding:min(calc(80 / var(--vw-min) * 100vw),80px) min(calc(96 / var(--vw-min) * 100vw),96px);
		height: auto;
	}
}
.footer__bnrs {
	display: none !important; /* Bannières footer (Piccoma, etc.) désactivées */
}
.footer__bnr {
	padding:0 min(calc(12 / var(--vw-min) * 100vw),12px) min(calc(24 / var(--vw-min) * 100vw),24px);
	width:min(calc(240 / var(--vw-min) * 100vw),240px);
}

.footer__bnr a {
	display: block;
	background:#000;
}
.footer__bnr a img {
	display: block;
	width:100%;
	height: auto;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px) {
	.footer__bnrs {
		flex-direction: column;
		align-items: center;
		margin-bottom: min(calc(48 / var(--vw-min) * 100vw),48px);
	}
	.footer__bnr {
		padding:0 0 min(calc(48 / var(--vw-min) * 100vw),48px);
		width:min(calc(303 / var(--vw-min) * 100vw),303px);
	}
	.footer__bnr a img {
		width:100%;
		height: auto;
	}
}
@media screen and (hover:hover){
	.footer__bnr a img:hover {
		opacity:0.4;
	}
}
.footer__aniplexLogo {
	display: none !important; /* Logo Aniplex supprimé */
	width:min(calc(142 / var(--vw-min) * 100vw),142px);
	margin:0 auto min(calc(40 / var(--vw-min) * 100vw),40px);
}

.footer__aniplexLogo a {
	display: block;
	background:url(../img/common/logo_aniplex.png) no-repeat center center / contain;
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.footer__links {
	display: flex;
	justify-content: center;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px) {
	.footer__aniplexLogo {
		width:min(calc(173 / var(--vw-min) * 100vw),173px);
		margin:0 auto min(calc(48 / var(--vw-min) * 100vw),48px);
	}
	.footer__aniplexLogo a {
		height:min(calc(48 / var(--vw-min) * 100vw),48px);
	}
	.footer__links {
		margin-bottom:min(calc(96 / var(--vw-min) * 100vw),96px);
	}
}
.footer__link {
	position: relative;
}
.footer__link:after{
	content:'';
	position: absolute;
	right:0;
	top:min(calc(4 / var(--vw-min) * 100vw),4px);
	bottom:min(calc(4 / var(--vw-min) * 100vw),4px);
	width:1px;
	background:rgba(255,255,255,.4);
}
.footer__link:last-child:after {
	display: none;
}
.footer__link a {
	display: block;
	position: relative;
	line-height:1.5;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	font-family: var(--font-eng-work);
	font-weight: 700;
	text-decoration: none;
	padding:0 min(calc(16 / var(--vw-min) * 100vw),16px);
	letter-spacing: 0.025em;
	color:#fff;
	text-shadow:
		0 0 2px #000,
		0 0 3px #000,
		1px 0 1px #000,
		-1px 0 1px #000,
		0 1px 1px #000,
		0 -1px 1px #000,
		1px 1px 1px #000,
		-1px -1px 1px #000;
}
@media screen and (max-width:768px) {
	.footer__link a {
		font-size: min(calc(20 / var(--vw-min)* 100vw), 20px);
	}
}
.footer__link a:before {
	content:'';
	position: absolute;
	left:min(calc(16 / var(--vw-min) * 100vw),16px);
	right:min(calc(16 / var(--vw-min) * 100vw),16px);
	height:1px;
	bottom:0;
	background:#fff;
	transform:scale(0);
	transition: all 0.3s ease;
}
.footer__link a:hover:before {
	transform: scale(1)
}
.footer__caution {
	text-align: center;
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	font-weight: 700;
	color:#fff;
	margin-bottom:min(calc(76 / var(--vw-min) * 100vw),76px);
	text-shadow:
		0 0 2px #000,
		0 0 3px #000,
		1px 0 1px #000,
		-1px 0 1px #000,
		0 1px 1px #000,
		0 -1px 1px #000,
		1px 1px 1px #000,
		-1px -1px 1px #000;
}
.footer__copyright {
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-family: var(--font-eng-work);
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.04em;
	color:#fff;
	text-shadow:
		0 0 2px #000,
		0 0 3px #000,
		1px 0 1px #000,
		-1px 0 1px #000,
		0 1px 1px #000,
		0 -1px 1px #000,
		1px 1px 1px #000,
		-1px -1px 1px #000;
}
@media screen and (max-width:768px) {
	.footer__caution {
		font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
		margin-bottom:min(calc(48 / var(--vw-min) * 100vw),48px);
	}
	.footer__copyright {
		font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	}
}
.footer__share {
	position: absolute;
	right:min(calc(40 / var(--vw-min) * 100vw),40px);
	bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px) {
	.footer__share {
		right: unset;
		bottom: unset;
		left:min(calc(40 / var(--vw-min) * 100vw),40px);
		top:min(calc(48 / var(--vw-min) * 100vw),48px);
	}
}
.footer__shareTitle {
	line-height:1;
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	color:#fff;
	font-family: var(--font-eng-work);
}
.footer__shareItem {
	padding-top:min(calc(24 / var(--vw-min) * 100vw),24px);
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	margin:0 auto;
}
.footer__shareLink {
	display: flex;
	justify-content: center;
	align-items: center;
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	border:1px solid rgba(255,255,255,.4);
	position: relative;
}
.footer__shareLink:before {
	content:'';
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	border-radius: 50%;
	border:1px solid rgba(255,255,255,.4);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px) {
	.footer__shareTitle {
		font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	}
	.footer__shareItem {
		padding-top:min(calc(24 / var(--vw-min) * 100vw),24px);
		width:min(calc(48 / var(--vw-min) * 100vw),48px);
		margin:0 auto;
	}
	.footer__shareLink {
		height:min(calc(48 / var(--vw-min) * 100vw),48px);
	}
}
@media screen and (hover:hover){
	.footer__shareLink:hover:before {
		background:#fff;
	}
}
.footer__shareLink:after {
	content:'';
	display: block;
	position:relative;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	background:#fff;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px) {
	.footer__shareLink:after {
		width:min(calc(30 / var(--vw-min) * 100vw),30px);
		height:min(calc(30 / var(--vw-min) * 100vw),30px);
	}
}
@media screen and (hover:hover){
	.footer__shareLink:hover:after {
		background:#000;
	}
}
.footer__shareLink--x:after {
	-webkit-mask: url(../img/common/icon_x.svg) no-repeat center center / contain;
	mask: url(../img/common/icon_x.svg) no-repeat center center / contain;
}
.footer__shareLink--facebook:after {
	-webkit-mask: url(../img/common/icon_facebook.svg) no-repeat center center / contain;
	mask: url(../img/common/icon_facebook.svg) no-repeat center center / contain;
}
.footer__shareLink--line:after {
	-webkit-mask: url(../img/common/icon_line.svg) no-repeat center center / contain;
	mask: url(../img/common/icon_line.svg) no-repeat center center / contain;
}
.footer__shareTitle {
	display: none;
}
/* Icônes Discord & Boutique : img au lieu de mask pour compatibilité */
.footer__shareLink--discord:after,
.footer__shareLink--shop:after {
	display: none;
}
.footer__shareIcon {
	position: relative;
	display: block;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	object-fit: contain;
	filter: brightness(0) invert(1);
	transition: filter 0.3s ease;
}
@media screen and (max-width:768px) {
	.footer__shareIcon {
		width: min(calc(30 / var(--vw-min) * 100vw), 30px);
		height: min(calc(30 / var(--vw-min) * 100vw), 30px);
	}
}
@media screen and (hover:hover) {
	.footer__shareLink:hover .footer__shareIcon {
		filter: brightness(0);
	}
}
.footer__scroller {
	position: absolute;
	top:min(calc(40 / var(--vw-min) * 100vw),40px);
	right:0;
	width:min(calc(80 / var(--vw-min) * 100vw),80px);
	padding-right:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.footer__scroller a {
	display:flex;
	justify-content: flex-end;
	align-items: center;
	height:min(calc(184 / var(--vw-min) * 100vw),184px);
	text-decoration: none;
}
.footer__scrollerBar {
	width:min(calc(4 / var(--vw-min) * 100vw),4px);
	height:min(calc(160 / var(--vw-min) * 100vw),160px);
	border:1px solid rgba(255,255,255,.4);
	position: relative;
}
.footer__scrollerBar:before {
	content:'';
	position: absolute;
	top:max(calc(-12 / var(--vw-min) * 100vw),-12px);
	left:-1px;
	width:min(calc(4 / var(--vw-min) * 100vw),4px);
	height:min(calc(4 / var(--vw-min) * 100vw),4px);
	background: #fff;
}
.footer__scrollerBar:after {
	content:'';
	position: absolute;
	bottom:max(calc(-12 / var(--vw-min) * 100vw),-12px);
	left:-1px;
	width:min(calc(4 / var(--vw-min) * 100vw),4px);
	height:min(calc(4 / var(--vw-min) * 100vw),4px);
	background: #fff;
}
.footer__scrollerBar div {
	position: absolute;
	left:-1px;
	right:-1px;
	bottom:-1px;
	background:#fff;
	height:0;
	animation:footerScroller 2s ease-in-out infinite;
}
.footer__scrollerLabel {
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:min(calc(32 / var(--vw-min) * 100vw),32px);
	display: flex;
	justify-content: center;
	align-items: center;
	writing-mode: vertical-rl;
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	font-family: var(--font-eng-work);
	color:#fff;
}
@media screen and (max-width:768px) {
	.footer__scroller {
		position: absolute;
		top:min(calc(73 / var(--vw-min) * 100vw),73px);
		right:0;
		width:min(calc(110 / var(--vw-min) * 100vw),110px);
		padding-right:min(calc(48 / var(--vw-min) * 100vw),48px);
	}
	.footer__scroller a {
		display:flex;
		justify-content: flex-end;
		align-items: center;
		height:min(calc(184 / var(--vw-min) * 100vw),184px);
	}
	.footer__scrollerBar {
		width:min(calc(8 / var(--vw-min) * 100vw),9px);
		height:min(calc(192 / var(--vw-min) * 100vw),192px);
	}
	.footer__scrollerBar:before {
		top:max(calc(-24 / var(--vw-min) * 100vw),-24px);
		width:min(calc(8 / var(--vw-min) * 100vw),8px);
		height:min(calc(8 / var(--vw-min) * 100vw),8px);
	}
	.footer__scrollerBar:after {
		bottom:max(calc(-24 / var(--vw-min) * 100vw),-24px);
		width:min(calc(8 / var(--vw-min) * 100vw),8px);
		height:min(calc(8 / var(--vw-min) * 100vw),8px);
	}
	.footer__scrollerBar div {
		position: absolute;
		left:-1px;
		right:-1px;
		bottom:-1px;
		background:#fff;
		height:0;
		animation:footerScroller 2s ease-in-out infinite;
	}
	.footer__scrollerLabel {
		position: absolute;
		left:0;
		top:0;
		bottom:0;
		width:min(calc(20 / var(--vw-min) * 100vw),20px);
		font-size:min(calc( 20/ var(--vw-min) * 100vw),20px);
	}
}



/*MODAL*/
.modal {
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:8800;
	background:#000;
	display: none;
}
.modal__close {
	width:min(calc(80 / var(--vw-min) * 100vw),80px);
	height:min(calc(80 / var(--vw-min) * 100vw),80px);
	position: absolute;
	right:0;
	top:0;
	background:#000;
	overflow: hidden;
	z-index:8800;
}
.modal__close a {
	display: block;
	position: relative;
	width:100%;
	height:min(calc(80 / var(--vw-min) * 100vw),80px);
}
.modal__close a:before,
.modal__close a:after {
	content:'';
	width:min(calc(120 / var(--vw-min) * 100vw),120px);
	height:1px;
	position: absolute;
	top:50%;
	left:max(calc(-20 / var(--vw-min) * 100vw),-20px);
	background:#fff;
}
.modal__close a:before {
	transform:rotate(45deg);
}
.modal__close a:after {
	transform:rotate(-45deg);
}
.modal__outerClose {
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.modal__inner {
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow: auto;
}
.modal__content {
	position: absolute;
	left:0;
	top:0;
	min-height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	padding:min(calc(80 / var(--vw-min) * 100vw),80px);
	pointer-events: none;
}
.modal__contentin {
	pointer-events: auto;
	width:min(100%,calc((100vh - min(calc(160 / var(--vw-min) * 100vw),160px)) * 1.77777777));
}
.modal__movieContentin {
	padding-top:56.25%;
	position: relative;
	width:100%;
}
.modal__movieContentin iframe {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/* ImageModal */
.modalImgIn {
	width: 100%;
	height: calc(100vh - min(calc(160 / var(--vw-min) * 100vw),160px));
	position: relative;
}
.modalImgIn img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: scale-down;
}
@media screen and (max-width:768px){
	#imageModal .modal__content{
		padding-left: 0;
		padding-right: 0;
	}
}










/*-----------------------------------------------
 * Header
-------------------------------------------------*/

@media screen and (max-width:767px){
	.aside {
		

	}
}


@media screen and (max-width:767px){
	/*.headerWrap-sticky {
	position: sticky;
	top: 0;
	}*/
	.header__inner {
		-webkit-overflow-scrolling: touch;
		width: 100%;
		height: 100%;
		overflow: auto;
		position: fixed;
		top: 0;
		right: -100%;
		right: 0;
		left: unset;
		padding: calc(24 / var(--vw-min) * 100vw);
		pointer-events: none;
		transition: all .5s ease-in-out;
		clip-path:inset(0);
		opacity: 0;
		z-index: -100;
	}
	.header.is-active .header__inner {
		right: 0;
		pointer-events: auto;
		opacity: 1;
		z-index: 500;
	}

	.header__inner:before {
		content: "";
		background: rgba(0,0,0,.8);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: unset;
		right: -100%;
		right: 0;
		z-index: 0;
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		transition: all .5s ease-in-out;
	}
	.header.is-active .header__inner::before {
		right: 0;
		left: 0;
	}
}

/**
 * navBtn
 */
	.header__navBtnWrap {
		width: calc(128 / var(--vw-min) * 100vw);
		height: calc(128 / var(--vw-min) * 100vw);
		/*position: absolute;*/
		position: fixed;
		top: calc(8 / var(--vw-min)* 100vw);
		right: calc(8 / var(--vw-min)* 100vw);
		z-index: 1001!important;
		padding: calc(16 / var(--vw-min) * 100vw);
		transition: all .3s ease;
	}
	.header__navBtnWrap .deco {
		position: absolute;
		left:0;
		right:0;
		top:0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		pointer-events: none;
		}
		.header__navBtnWrap .deco::after {
			content: "";
			display: block;
			position: absolute;
			left:0;
			right:0;
			top:0;
			bottom: 0;
			margin: auto;
			width: 100%;
			height: calc(100% - calc(31 / var(--vw-min) * 100vw));
			border-top:1px solid rgba(255,255,255,.4);
			border-bottom:1px solid rgba(255,255,255,.4);
			background-color: transparent;
		}
		.header__navBtnWrap .deco::before {
			content:'';
			position: absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
			margin: auto;
			width:calc(100% - calc(31 / var(--vw-min) * 100vw));
			height:100%;
			border-left: 1px solid rgba(255,255,255,.4);
			border-right: 1px solid rgba(255,255,255,.4);
		}
		.header__navBtnWrap .deco .dot{
			display: block;
			position: absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
			margin: auto;
			width:calc(100% - calc(32 / var(--vw-min) * 100vw));
			height:100%;
			z-index: 2;
		}
		.header__navBtnWrap .deco .dot:first-child::before{
			content:'';
			position: absolute;
			left:0;
			top:calc(16 / var(--vw-min) * 100vw);
			width:calc(8 / var(--vw-min) * 100vw);
			height:calc(8 / var(--vw-min) * 100vw);
			background-color: #FFF;
		}
		.header__navBtnWrap .deco .dot:first-child::after{
			content:'';
			position: absolute;
			right:0;
			top:calc(16 / var(--vw-min) * 100vw);
			width:calc(8 / var(--vw-min) * 100vw);
			height:calc(8 / var(--vw-min) * 100vw);
			background-color: #FFF;
		}
		.header__navBtnWrap .deco .dot:last-child::before{
			content:'';
			position: absolute;
			left:0;
			bottom:calc(16 / var(--vw-min) * 100vw);
			width:calc(8 / var(--vw-min) * 100vw);
			height:calc(8 / var(--vw-min) * 100vw);
			background-color: #FFF;
		}
		.header__navBtnWrap .deco .dot:last-child::after{
			content:'';
			position: absolute;
			right:0;
			bottom:calc(16 / var(--vw-min) * 100vw);
			width:calc(8 / var(--vw-min) * 100vw);
			height:calc(8 / var(--vw-min) * 100vw);
			background-color: #FFF;
		}

		/*nav on*/
		.header__navBtnWrap.is-active .deco::before,
		.header__navBtnWrap.is-active .deco::after,
		.header__navBtnWrap.is-active .deco .dot:last-child,
		.header__navBtnWrap.is-active .deco .dot:first-child::before{
			display: none;
		}

		/*txt*/
		.menu__txt{
			width: 100%;
			height:  calc(20 / var(--vw-min) * 100vw);
			margin-top: calc(20 / var(--vw-min) * 100vw);
			text-align: center;
			color: #FFF;
			position: relative;
		}
		.menu__txt::before{
			content: "MENU";
			font-family: var(--font-eng-work);
			font-size: calc(16 / var(--vw-min) * 100vw);
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			line-height: 1
		}
		.is-active .menu__txt::before{
			content: "CLOSE";
		}











	.header__navBtn {
		background-color: #000;
		padding: calc(24 / var(--vw-min) * 100vw) 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		height: 100%;
		position: relative;
		pointer-events: auto;
	}
	.header__navBtn.is-active {
		background-color: #b860e4;
	}
	.header__navBtn__lineWrap {
		width: calc(46 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
		position: relative;
	}

	.header__navBtn--line {
		background-color: #fff;
		display: block;
		width: 100%;
		height: calc(2 / var(--vw-min) * 100vw);
		margin: auto;
		position: absolute;
		transition: all .3s ease;
	}
@media screen and (min-width: 769px) {
	.header__navBtnWrap {
		display: none;
	}
}


	.header__navBtn--line:nth-child(1) {
		top: 0;
	}

	.header__navBtn--line:nth-child(2) {
		bottom: 0;
	}

	.js-menu.is-active .header__navBtn--line:nth-child(1) {
		transform: rotate(15deg);
		top: 0;
		bottom: 0;
	}

	.js-menu.is-active .header__navBtn--line:nth-child(2) {
		transform: rotate(-15deg);
		top: 0;
		bottom: 0;
	}








	.linkBtnWrap{
		margin-top: min(calc(80 / var(--vw-min)* 100vw), 80px);
		display: flex;
		justify-content: center;
	}	
	.linkBtn{
		text-align: center;
		width:  min(calc(200 / var(--vw-min)* 100vw), 200px);
		border: 1px solid rgba(255,255,255,.4);
		transition: all .4s ease;	
		height: min(calc(40 / var(--vw-min)* 100vw), 40px);
		position: relative;
		font-family: var(--font-eng-work);
	}
	.linkBtn._pager{
		width:  min(calc(40 / var(--vw-min)* 100vw), 40px);
		margin: 0 min(calc(12 / var(--vw-min)* 100vw), 12px);
	}
	@media screen and (max-width:768px) {
		.linkBtnWrap{
			margin-top: min(calc(48 / var(--vw-min)* 100vw), 48px);
		}
		.linkBtn{
			width:  min(calc(558 / var(--vw-min)* 100vw), 558px);
			height: min(calc(72 / var(--vw-min)* 100vw), 72px);
		}
		.linkBtn._pager{
			width:  min(calc(72 / var(--vw-min)* 100vw), 72px);
		}
	}
	/*deco*/
	.linkBtn::after{
		position: absolute;
		display: block;
		content: "";
		right: -1px;
		top: -1px;
		width: 4px;
		height: 4px;
		border-right: 1px solid #FFF;
		border-top: 1px solid #FFF;
	}
	.linkBtn::before{
		position: absolute;
		display: block;
		content: "";
		right: -1px;
		bottom: -1px;
		width: 4px;
		height: 4px;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	
	}
	.linkBtn .linkBtn__link::after{
		position: absolute;
		display: block;
		content: "";
		left: -1px;
		top: -1px;
		width: 4px;
		height: 4px;
		border-left: 1px solid #FFF;
		border-top: 1px solid #FFF;
	}
	.linkBtn .linkBtn__link::before{
		position: absolute;
		display: block;
		content: "";
		left: -1px;
		bottom: -1px;
		width: 4px;
		height: 4px;
		border-left: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
@media screen and (max-width:768px) {
		/*deco*/
		.linkBtn::after{
			width: calc(8 / var(--vw-min)* 100vw);
			height:calc(8 / var(--vw-min)* 100vw);
			border-right: calc(2 / var(--vw-min)* 100vw) solid #FFF;
			border-top: calc(2 / var(--vw-min)* 100vw) solid #FFF;
		}
		.linkBtn::before{
			width: calc(8 / var(--vw-min)* 100vw);
			height:calc(8 / var(--vw-min)* 100vw);
			border-right: calc(2 / var(--vw-min)* 100vw) solid #FFF;
			border-bottom: calc(2 / var(--vw-min)* 100vw) solid #FFF;
		}
		.linkBtn .linkBtn__link::after{
			width: calc(8 / var(--vw-min)* 100vw);
			height:calc(8 / var(--vw-min)* 100vw);
			border-left: calc(2 / var(--vw-min)* 100vw) solid #FFF;
			border-top: calc(2 / var(--vw-min)* 100vw) solid #FFF;
		}
		.linkBtn .linkBtn__link::before{
			width: calc(8 / var(--vw-min)* 100vw);
			height:calc(8 / var(--vw-min)* 100vw);
			border-left: calc(2 / var(--vw-min)* 100vw) solid #FFF;
			border-bottom: calc(2 / var(--vw-min)* 100vw) solid #FFF;
		}
}
	
	
	
	
	.linkBtn .linkBtn__link{
		display: block;
		height: 100%;
		text-decoration: none;
		color: #FFF;
		font-size: min(calc(16 / var(--vw-min)* 100vw), 16px);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all .4s ease;	
	}
	@media screen and (max-width:768px) {
		.linkBtn .linkBtn__link{
			font-size: min(calc(24 / var(--vw-min)* 100vw), 24px);
		}
	}
	/* hover */
	.linkBtn:hover,
	.linkBtn.is-active{
		color: #000;
		background-color: var(--color-purple);
		border: none;
	}
	.linkBtn:hover .linkBtn__link,
	.linkBtn.is-active .linkBtn__link{
		color: #000;
	}
	
	.linkBtn:hover .linkBtn__link::before,
	.linkBtn:hover .linkBtn__link::after,
	.linkBtn:hover::before,
	.linkBtn:hover::after,
	.linkBtn.is-active .linkBtn__link::before,
	.linkBtn.is-active .linkBtn__link::after,
	.linkBtn.is-active::before,
	.linkBtn.is-active::after{
		opacity: 0;
	}


	
/*is-ani*/
.section__title{
	opacity: 0;
	transform: translateX(40px);
    transition: opacity .4s ease, transform .6s ease;
	transition-delay: .3s;
}
.is-ani .section__title{
	opacity: 1;
    transform: translateX(0);
}
.movie__title.section__title,
.movie__titleDecoWrap{
	opacity: 0;
	transform: translateY(40px);
    transition: opacity .4s ease, transform .6s ease;
	transition-delay: .3s;

}

.is-ani .movie__title.section__title,
.is-ani .movie__titleDecoWrap{
	opacity: 1;
    transform: translateY(0);
}
.section__contents{
	opacity: 0;
    filter: blur(8px);
    transition: .4s ease-in, filter .8s cubic-bezier(.59, .25, .45, .96);
    transition-delay: 0.5s;
}

.is-ani .section__contents{
    opacity: 1;
    filter: blur(0);
    /*transition-delay: .6s;*/
}



/*ef*/
.ef:not(.aside__logoLink){
	opacity:0;
	transition:all 0.5s ease;
	position:relative;
}
.is-ani .efs:not(.aside__logoLink){opacity:1}
/*
body:not(.s-kv) .aside__logoLink.efs::after{
	animation:0.2s glitch;
	animation-timing-function:steps(2,end);
}*/
.ef:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:linear-gradient(45deg,transparent 3%,#fff 3%,transparent 5%,#fff 5%);
	text-shadow:-3px -3px 0px #FFF,3px 3px 0px #FFF;
	clip-path:var(--slice-0);
	z-index:50;
}
.ef:after{
	--slice-0:inset(50% 50% 50% 50%);
	--slice-1:inset(80% -6px 0 0);
	--slice-2:inset(50% -6px 30% 0);
	--slice-3:inset(10% -6px 85% 0);
	--slice-4:inset(40% -6px 43% 0);
	--slice-5:inset(80% -6px 5% 0);
}
.is-ani .efs:after{
	animation:0.2s glitch;
	animation-timing-function:steps(2,end);
}
.aside__logoLink.efs::after{
	animation:0.2s glitch;
	animation-timing-function:steps(2,end);
	animation-delay: 1s;
}
@keyframes glitch{
	0%{
		clip-path:var(--slice-1);
		transform:translate(-20px,-10px);
	}
	10%{
		clip-path:var(--slice-3);
		transform:translate(10px,10px);
	}
	20%{
		clip-path:var(--slice-1);
		transform:translate(-10px,10px);
	}
	30%{
		clip-path:var(--slice-3);
		transform:translate(0px,5px);
	}
	40%{
		clip-path:var(--slice-2);
		transform:translate(-5px,0px);
	}
	50%{
		clip-path:var(--slice-3);
		transform:translate(5px,0px);
	}
	60%{
		clip-path:var(--slice-4);
		transform:translate(5px,10px);
	}
	70%{
		clip-path:var(--slice-2);
		transform:translate(-10px,10px);
	}
	80%{
		clip-path:var(--slice-5);
		transform:translate(20px,-10px);
	}
	90%{
		clip-path:var(--slice-1);
		transform:translate(-10px,0px);
	}
	100%{
		clip-path:var(--slice-1);
		transform:translate(0);
	}
}