@charset "utf-8";
/*-----------------------------------------------
 * COMMON
 * FV
 * MOVIE
 * NEWS
 * STAFF&CAST
 * INTROSUCTION
 * CHARACTER
 * BOOKS
 * SHARE
-------------------------------------------------*/
/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
.section {
	position: relative;
}
/**
* bg
**/
.fv__bg,
.worksIntro__bg,
.chara__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -3;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* overflow: hidden; */
}
.fv__topBg {
	width: 100%;
	height: min(calc(192 / var(--vh-min) * 100vh),calc(192 / var(--vw-min) * 100vw));
	position: absolute;
	top: min(calc(661 / var(--vh-min) * 100vh),calc(661 / var(--vw-min) * 100vw));
	left: 0;
	z-index: -1;
	pointer-events: none;
	/* overflow: hidden; */
	-webkit-mask: url(../img/common/bg/bg_cover-re.png)no-repeat center/100%;
	mask: url(../img/common/bg/bg_cover-re.png)no-repeat center/100%;
}
@media screen and (max-width:768px){
	.fv__topBg {
		height: calc(52 / var(--vw-min) * 100vw);
		top: calc(450 / var(--vw-min) * 100vw);
	}
}
.fv__bg-clip,
.fv__topBg-clip,
.worksIntro__bg-clip,
.chara__bg-clip {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	background-color: #000;
}
.fv__bg-clip-in,
.fv__topBg-clip-in,
.worksIntro__bg-clip-in,
.chara__bg-clip-in {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}
.fv__bg-clip-in,
.fv__topBg-clip-in,
.worksIntro__bg-clip-in {
	background: url(../img/common/bg/bg_ptn.jpg)repeat center/min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.fv__bg-clip-in,
	.fv__topBg-clip-in,
	.worksIntro__bg-clip-in {
		background-size: calc(60 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw);
	}
}
.chara__bg-clip-in {
	background: url(../img/common/bg/bg_chara.jpg)no-repeat center/cover;
}
/*-----------------------------------------------
 * FV
-------------------------------------------------*/
.fv__bgWrap {
	width: 100%;
	height: min(calc(662 / var(--vh-min) * 100vh),calc(662 / var(--vw-min) * 100vw));
	position: absolute;
	top: 0;
	z-index: -3;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.fv__bgWrap {
		height: calc(450 / var(--vw-min) * 100vw);
	}
}
.fv::before,
.fv__topBg::before {
	content: "";
	width: 100%;
	position: absolute;
	pointer-events: none;
}
.fv::before {
	padding-top: 38.3602%;/*524*/
	top: 0;
	z-index: -2;
	background-image: linear-gradient(0deg, transparent, #000000);
}
@media screen and (max-width:768px){
	.fv::before {
		padding-top: 53.3333%;/*200*/
	}
}
.fv__topBg::before {
	padding-top: 14.0556%;/*192*/
	bottom: 0;
	background-image: linear-gradient(180deg, transparent, #000000);
}
@media screen and (max-width:768px){
	.fv__topBg::before {
		padding-top: 13.8667%;/*52*/
	}
}
.fvWrap {
	display: flex;
}
@media screen and (max-width:768px){
	.fvWrap {
		flex-direction: column-reverse;
		align-items: center;
	}
}
/**
* left
**/
.fv__l {
	width: 39.019%;/*533*/
	position: relative;
	z-index: 2;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
@media screen and (max-width:768px){
	.fv__l {
		width: 100%;
	}
}
.fv__lWrap {
	width: min(calc(410 / var(--vh-min) * 100vh),calc(410 / var(--vw-min) * 100vw));
	margin-right: min(calc(60 / var(--vh-min) * 100vh),calc(60 / var(--vw-min) * 100vw));
	display: flex;
	flex-direction: column;
}
@media screen and (max-width:768px){
	.fv__lWrap {
		width: 100%;
		margin-right: 0;
	}
}
.fv__lIn {
	position: relative;
	padding: min(calc(100 / var(--vh-min) * 100vh),calc(100 / var(--vw-min) * 100vw)) min(calc(30 / var(--vh-min) * 100vh),calc(30 / var(--vw-min) * 100vw)) min(calc(155 / var(--vh-min) * 100vh),calc(155 / var(--vw-min) * 100vw));
	clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0% 100%, 0% 0%);
	background: url(../img/common/bg/bg_onair.jpg)no-repeat center top/cover;
}
@media screen and (max-width:768px){
	.fv__lIn {
		padding: calc(20 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		background: unset;
		clip-path: unset;
	}
}
@media screen and (min-width:769px){
	.fv__lIn::before,
	.fv__lIn::after {
		content: "";
		width: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
		height: 100%;
		position: absolute;
		top: 0;
		display: block;
		-webkit-mask: url(../img/common/deco/deco_line-h.svg)repeat-y center/min(calc(7 / var(--vh-min) * 100vh),calc(7 / var(--vw-min) * 100vw)) min(calc(7 / var(--vh-min) * 100vh),calc(7 / var(--vw-min) * 100vw));
		mask: url(../img/common/deco/deco_line-h.svg)repeat-y center/min(calc(7 / var(--vh-min) * 100vh),calc(7 / var(--vw-min) * 100vw)) min(calc(7 / var(--vh-min) * 100vh),calc(7 / var(--vw-min) * 100vw));
		background-color: var(--color-goldAF9);
	}
	.fv__lIn::before {
		left: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
		transform: scale(-1,1);
	}
	.fv__lIn::after {
		right: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
	}
}
.fv__tit {
	font-size: min(calc(20 / var(--vh-min) * 100vh),calc(20 / var(--vw-min) * 100vw));
	color: var(--color-goldAF9);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.3em;
	text-align: center;
	margin-bottom: min(calc(48 / var(--vh-min) * 100vh),calc(48 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.fv__tit {
		font-size: calc(14 / var(--vw-min) * 100vw);
		margin-bottom: calc(26 / var(--vw-min) * 100vw);
	}
}
.fv__logo {
	width: min(calc(344 / var(--vh-min) * 100vh),calc(344 / var(--vw-min) * 100vw));
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.fv__logo {
		width: calc(286 / var(--vw-min) * 100vw);
	}
}
.fv__logo img {
	width: 100%;
	pointer-events: none;
}
.fv__onair {
	width: 100%;
	margin-top: min(calc(37 / var(--vh-min) * 100vh),calc(37 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.fv__onair {
		margin: calc(26 / var(--vw-min) * 100vw) 0 calc(13 / var(--vw-min) * 100vw);
	}
}
.fv__onair img {
	width: 100%;
	pointer-events: none;
}
/**
* deco
**/
@media screen and (min-width:769px){
	.fv__deco.--top {
		width: min(calc(371 / var(--vh-min) * 100vh),calc(371 / var(--vw-min) * 100vw));
		height: min(calc(51 / var(--vh-min) * 100vh),calc(51 / var(--vw-min) * 100vw));
		position: absolute;
		top: min(calc(17 / var(--vh-min) * 100vh),calc(17 / var(--vw-min) * 100vw));
		right: 0;
		left: 0;
		z-index: 2;
		margin: auto;
		-webkit-mask: url(../img/common/deco/deco_roseFrame1.svg)no-repeat center/contain;
		mask: url(../img/common/deco/deco_roseFrame1.svg)no-repeat center/contain;
		background-color: var(--color-goldAF9);
	}
}
.fv__deco.--bottom {
	width: min(calc(226 / var(--vh-min) * 100vh),calc(226 / var(--vw-min) * 100vw));
	height: min(calc(28 / var(--vh-min) * 100vh),calc(28 / var(--vw-min) * 100vw));
	position: absolute;
	right: 0;
	bottom: min(calc(113 / var(--vh-min) * 100vh),calc(113 / var(--vw-min) * 100vw));
	left: 0;
	z-index: 2;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_roseFrame2.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_roseFrame2.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.fv__deco.--bottom {
		width: calc(226 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
		position: relative;
		bottom: unset;
	}
}
/**
* right
**/
.fv__r {
	width: calc(100% - 39.019%);
	position: relative;
	z-index: 2;
	display: flex;
}
@media screen and (max-width:768px){
	.fv__r {
		width: 100%;
		flex-direction: column;
	}
}
/**
* visual
**/
.fv__visualWrap {
	width: min(calc(700 / var(--vh-min) * 100vh),calc(700 / var(--vw-min) * 100vw));
	height: min(calc(964 / var(--vh-min) * 100vh),calc(964 / var(--vw-min) * 100vw));
	position: relative;
	margin-top: min(calc(40 / var(--vh-min) * 100vh),calc(40 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.fv__visualWrap {
		width: calc(350 / var(--vw-min) * 100vw);
		height: calc(482 / var(--vw-min) * 100vw);
		margin: calc(50 / var(--vw-min) * 100vw) auto 0;
	}
}
.fv__visualWrap::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_vsFrame.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_vsFrame.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
}
.fv__visualWrap::after {
	content: "";
	width: min(calc(680 / var(--vh-min) * 100vh),calc(680 / var(--vw-min) * 100vw));
	height: min(calc(940 / var(--vh-min) * 100vh),calc(940 / var(--vw-min) * 100vw));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_vsFrame2.svg)no-repeat center/100%;
	mask: url(../img/common/deco/deco_vsFrame2.svg)no-repeat center/100%;
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.fv__visualWrap::after {
		width: calc(340 / var(--vw-min) * 100vw);
		height: calc(470 / var(--vw-min) * 100vw);
	}
}
.visualSwiper {
	width: min(calc(680 / var(--vh-min) * 100vh),calc(680 / var(--vw-min) * 100vw));
	height: min(calc(940 / var(--vh-min) * 100vh),calc(940 / var(--vw-min) * 100vw));
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_vsBg.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_vsBg.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.visualSwiper {
		width: calc(340 / var(--vw-min) * 100vw);
		height: calc(470 / var(--vw-min) * 100vw);
	}
}
.fv__visualImg {
	position: relative;
	display: block;
}
.fv__visualImg img {
	width: 100%;
	pointer-events: none;
}
.visualChangeWrap {
	width: min(calc(133 / var(--vh-min) * 100vh),calc(133 / var(--vw-min) * 100vw));
	display: flex;
	flex-direction: column;
	margin-top: min(calc(226 / var(--vh-min) * 100vh),calc(226 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.visualChangeWrap {
		width: 100%;
		flex-direction: row;
		justify-content: center;
		margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.visualChange__tit {
	font-size: min(calc(24 / var(--vh-min) * 100vh),calc(24 / var(--vw-min) * 100vw));
	color: var(--color-goldAF9);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	display: flex;
    align-items: center;
}
@media screen and (max-width:768px){
	.visualChange__tit {
		font-size: calc(24 / var(--vw-min) * 100vw);
		-ms-writing-mode: unset;
  		writing-mode: unset;
	}
}
.visualChange__tit::after {
	content: "";
	width: min(calc(5 / var(--vh-min) * 100vh),calc(5 / var(--vw-min) * 100vw));
	height: min(calc(5 / var(--vh-min) * 100vh),calc(5 / var(--vw-min) * 100vw));
	display: block;
	-webkit-mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
	margin: min(calc(12 / var(--vw-min) * 100vw),12px) 0;
}
@media screen and (max-width:768px){
	.visualChange__tit::after {
		width: calc(5 / var(--vw-min) * 100vw);
		height: calc(5 / var(--vw-min) * 100vw);
		margin: 0 calc(16 / var(--vw-min) * 100vw);
	}
}
.fv__changeLists {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: min(calc(10 / var(--vh-min) * 100vh),calc(10 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.fv__changeLists {
		gap: calc(10 / var(--vw-min) * 100vw);
	}
}
.fv__changeItem {
	width: min(calc(72 / var(--vh-min) * 100vh),calc(72 / var(--vw-min) * 100vw));
	height: min(calc(72 / var(--vh-min) * 100vh),calc(72 / var(--vw-min) * 100vw));
	position: relative;
	border-radius: 50%;
	border: min(calc(1 / var(--vh-min) * 100vh),calc(1 / var(--vw-min) * 100vw)) solid var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.fv__changeItem {
		width: calc(72 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.fv__visualChange {
	width: min(calc(64 / var(--vh-min) * 100vh),calc(64 / var(--vw-min) * 100vw));
	height: min(calc(64 / var(--vh-min) * 100vh),calc(64 / var(--vw-min) * 100vw));
	border-radius: 50%;
	position: absolute;
	inset: 0;
	margin: auto;
}
@media screen and (max-width:768px){
	.fv__visualChange {
		width: calc(64 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
	}
}
.fv__visualChange img {
	width: 100%;
}
@media screen and (min-width:769px){
/**
* scrollDown
**/
	.scrollDown {
		margin-top: max(calc(-5 / var(--vh-min) * 100vh),calc(-5 / var(--vw-min) * 100vw));
	}
	.scrollDownLink {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		text-decoration: none;
		transition: .3s var(--cubic-bezier01);
	}
	.scrollDown-txt {
		font-size: min(calc(24 / var(--vh-min) * 100vh),calc(24 / var(--vw-min) * 100vw));
		color: var(--color-goldAF9);
		font-weight: 400;
		line-height: 1;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	.scrollDown-line {
		width: min(calc(1 / var(--vh-min) * 100vh),calc(1 / var(--vw-min) * 100vw));
		height: min(calc(120 / var(--vh-min) * 100vh),calc(120 / var(--vw-min) * 100vw));
		position: relative;
		background-color: var(--color-goldAF9);
		margin-right: min(calc(7 / var(--vh-min) * 100vh),calc(7 / var(--vw-min) * 100vw));
	}
	.scrollDown-line::after {
		content: "";
		width: min(calc(9 / var(--vh-min) * 100vh),calc(9 / var(--vw-min) * 100vw));
		height: min(calc(9 / var(--vh-min) * 100vh),calc(9 / var(--vw-min) * 100vw));
		display: block;
		position: absolute;
		right: max(calc(-4.5 / var(--vh-min) * 100vh),calc(-4.5 / var(--vw-min) * 100vw));
		margin: auto;
		-webkit-mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
		mask: url(../img/common/deco/deco_rhombus.svg)no-repeat center/contain;
		background-color: var(--color-goldAF9);
		animation: scrollDownMove 2.2s cubic-bezier(.4,0,.2,1) infinite;	
	}
	@keyframes scrollDownMove {
		0% {transform: translateY(0); opacity: 1;}
		70% {opacity: 1;}
		100% {transform: translateY(min(calc(112 / var(--vh-min) * 100vh),calc(112 / var(--vw-min) * 100vw))); opacity: 0;}
	}
	@media (hover: hover) and (pointer: fine){
		.scrollDownLink:hover {
			-webkit-filter: var(--filter-red911);
			filter: var(--filter-red911);
		}
	}
}
/**
* deco
**/
.deco__petal1 {
	width: min(calc(85 / var(--vh-min) * 100vh),calc(85 / var(--vw-min) * 100vw));
	height:min(calc(91 / var(--vh-min) * 100vh),calc(91 / var(--vw-min) * 100vw));
	position: absolute;
	top: min(calc(15 / var(--vh-min) * 100vh),calc(15 / var(--vw-min) * 100vw));
	left: min(calc(19 / var(--vh-min) * 100vh),calc(19 / var(--vw-min) * 100vw));
	z-index: 3;
	pointer-events: none;
    animation: fuwafuwa 6s ease-in-out infinite;
}
.deco__petal1::before {
	content: "";
	width: min(calc(78 / var(--vh-min) * 100vh),calc(78 / var(--vw-min) * 100vw));
	height: min(calc(84 / var(--vh-min) * 100vh),calc(84 / var(--vw-min) * 100vw));
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-5deg);
	background: url(../img/common/deco/petal/petal1.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__petal1 {
		width: calc(56 / var(--vw-min) * 100vw);
		height: calc(49 / var(--vw-min) * 100vw);
		top: calc(486 / var(--vw-min) * 100vw);
		left: unset;
		right: calc(22 / var(--vw-min) * 100vw);
	}
	.deco__petal1::before {
		width: 100%;
		height: 100%;
		transform: rotate(163deg);
		background-image: url(../img/common/deco/petal/petal6.png);
	}
}
.deco__petal2 {
	width: min(calc(139 / var(--vh-min) * 100vh),calc(139 / var(--vw-min) * 100vw));
	height: min(calc(143 / var(--vh-min) * 100vh),calc(143 / var(--vw-min) * 100vw));
	position: absolute;
	top: min(calc(91 / var(--vh-min) * 100vh),calc(91 / var(--vw-min) * 100vw));
	right: min(calc(63 / var(--vh-min) * 100vh),calc(63 / var(--vw-min) * 100vw));
	z-index: 3;
	pointer-events: none;
    animation: fuwafuwa 6s ease-in-out infinite;
	animation-delay: 1s;
}
.deco__petal2::before {
	content: "";
	width: min(calc(107 / var(--vh-min) * 100vh),calc(107 / var(--vw-min) * 100vw));
	height: min(calc(115 / var(--vh-min) * 100vh),calc(115 / var(--vw-min) * 100vw));
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-161deg);
	background: url(../img/common/deco/petal/petal2.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__petal2 {
		width: calc(68 / var(--vw-min) * 100vw);
		height: calc(90 / var(--vw-min) * 100vw);
		top: calc(40 / var(--vw-min) * 100vw);
		right: 0;
		overflow: hidden;
	}
	.deco__petal2::before {
		width: calc(67 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
		top: calc(9 / var(--vw-min) * 100vw);
		left: calc(10 / var(--vw-min) * 100vw);
		transform: rotate(-161deg);
	}
}
.deco__petal3 {
	width: min(calc(134 / var(--vh-min) * 100vh),calc(134 / var(--vw-min) * 100vw));
	height: min(calc(116 / var(--vh-min) * 100vh),calc(116 / var(--vw-min) * 100vw));
	position: absolute;
	top: min(calc(507 / var(--vh-min) * 100vh),calc(507 / var(--vw-min) * 100vw));
	left: max(calc(-55 / var(--vh-min) * 100vh),calc(-55 / var(--vw-min) * 100vw));
	z-index: 3;
	overflow: hidden;
	pointer-events: none;
    animation: fuwafuwa 6s ease-in-out infinite;
	animation-delay: 2s;
}
.deco__petal3::before {
	content: "";
	width: min(calc(103 / var(--vh-min) * 100vh),calc(103 / var(--vw-min) * 100vw));
	height: min(calc(90 / var(--vh-min) * 100vh),calc(90 / var(--vw-min) * 100vw));
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(17deg);
	background: url(../img/common/deco/petal/petal3.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__petal3 {
		width: calc(58 / var(--vw-min) * 100vw);
		height: calc(73 / var(--vw-min) * 100vw);
		top: calc(300 / var(--vw-min) * 100vw);
		left: 0;
	}
	.deco__petal3::before {
		width: calc(64 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
		top: calc(8 / var(--vw-min) * 100vw);
		right: calc(7 / var(--vw-min) * 100vw);
		left: unset;
	}
}
/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
.movie {
	padding: min(calc(180 / var(--vw-min) * 100vw),180px) 0 0;
}
@media screen and (max-width:768px){
	.movie {
		padding: calc(70 / var(--vw-min) * 100vw) 0 calc(40 / var(--vw-min) * 100vw);
	}
}
.movieWrap {
	display: flex;
}
@media screen and (max-width:768px){
	.movieWrap {
		flex-direction: column;
	}
	.movie .cont-tit {
		margin-left: calc(20 / var(--vw-min) * 100vw);
	}
}
.movie__l {
	width: 64.6412%;/*883*/
	position: relative;
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.movie__l {
		width: calc(310 / var(--vw-min) * 100vw);
	}
}
.movie__lIn {
	position: relative;
	padding-top: 58.0973%;/*513*/
	border-top: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
	border-right: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
	border-top-right-radius: calc(154 / var(--vw-min) * 100vw);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.movie__lIn {
		height: calc(270 / var(--vw-min) * 100vw);
		padding-top: 0;
		border-width: calc(1 / var(--vw-min) * 100vw);
		border-top-right-radius: calc(100 / var(--vw-min) * 100vw);
	}
}
.movieArea {
	width: 99.2072%;/*876*/
	height: calc(100% - calc(14 / var(--vw-min) * 100vw));
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-top-right-radius: calc(146 / var(--vw-min) * 100vw);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.movieArea {
		width: calc(305 / var(--vw-min) * 100vw);
		height: calc(260 / var(--vw-min) * 100vw);
		border-top-right-radius: calc(100 / var(--vw-min) * 100vw);
	}
}
.bg_ytplayer {
	position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
}
.movie__r {
	width: calc(100% - 64.6412%);
	display: flex;
    flex-direction: column;
	padding-left: min(calc(110 / var(--vw-min) * 100vw),110px);
}
@media screen and (max-width:768px){
	.movie__r {
		width: 100%;
		padding-left: 0;
	}
}
.movie .linkBtn {
	justify-content: flex-start;
	padding-left: min(calc(101 / var(--vw-min) * 100vw),101px);
	margin-top: auto;
}
@media screen and (max-width:768px){
	.movie .linkBtn {
		justify-content: flex-end;
		padding: 0 calc(20 / var(--vw-min) * 100vw) 0 0;
		margin-top: calc(35 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.movie__l:hover {
		-webkit-filter: var(--filter-red911);
		filter: var(--filter-red911);
	}
	.movie__l:hover .movie__yt-play {
		transform: scale(0.95);
	}
}
/**
* deco
**/
.deco__debris1 {
	width: min(calc(141 / var(--vw-min) * 100vw),141px);
	height: min(calc(354 / var(--vw-min) * 100vw),354px);
	position: absolute;
	top: max(calc(-120 / var(--vw-min) * 100vw),-120px);
	left: min(calc(86 / var(--vw-min) * 100vw),86px);
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
	-webkit-mask: url(../img/common/deco/deco_debris1.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_debris1.svg)no-repeat center/contain;
	background-color: var(--color-whiteE9E);
}
@media screen and (max-width:768px){
	.deco__debris1 {
		width: calc(89 / var(--vw-min) * 100vw);
		height: calc(223 / var(--vw-min) * 100vw);
		top: unset;
		right: calc(66 / var(--vw-min) * 100vw);
		left: unset;
		bottom: calc(-100 / var(--vw-min) * 100vw);
	}
}
.deco__debris2 {
	width: min(calc(214 / var(--vw-min) * 100vw),214px);
	height: min(calc(451 / var(--vw-min) * 100vw),451px);
	position: absolute;
	top: min(calc(110 / var(--vw-min) * 100vw),110px);
	right: min(calc(86 / var(--vw-min) * 100vw),86px);
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
}
.deco__debris2::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-mask: url(../img/common/deco/deco_debris2.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_debris2.svg)no-repeat center/contain;
	background-color: var(--color-whiteE9E);
}
@media screen and (max-width:768px){
	.deco__debris2 {
		width: calc(110 / var(--vw-min) * 100vw);
		height: calc(284 / var(--vw-min) * 100vw);
		top: calc(-104 / var(--vw-min) * 100vw);
		right: 0;
	}
	.deco__debris2::before {
		width: calc(135 / var(--vw-min) * 100vw);
		height: calc(284 / var(--vw-min) * 100vw);
	}
}
.deco__debris3 {
	width: min(calc(113 / var(--vw-min) * 100vw),113px);
	height: min(calc(436 / var(--vw-min) * 100vw),436px);
	position: absolute;
	bottom: max(calc(-244 / var(--vw-min) * 100vw),-244px);
	left: min(calc(714 / var(--vw-min) * 100vw),714px);
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
	-webkit-mask: url(../img/common/deco/deco_debris3.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_debris3.svg)no-repeat center/contain;
	background-color: var(--color-whiteE9E);
	pointer-events: none;
}
@media screen and (max-width:768px){
	.deco__debris3 {
		width: calc(89 / var(--vw-min) * 100vw);
		height: calc(223 / var(--vw-min) * 100vw);
		top: calc(-370 / var(--vw-min) * 100vw);
		left: calc(14 / var(--vw-min) * 100vw);
		bottom: unset;
		-webkit-mask-image: url(../img/common/deco/deco_debris1.svg);
		mask-image: url(../img/common/deco/deco_debris1.svg);
	}
}
.deco__movie-star {
	width: min(calc(138 / var(--vw-min) * 100vw),138px);
	height: min(calc(160 / var(--vw-min) * 100vw),160px);
	position: absolute;
	top: min(calc(54 / var(--vw-min) * 100vw),54px);
	left: min(calc(363 / var(--vw-min) * 100vw),363px);
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}
.deco__movie-star::before {
	content: "";
	width: min(calc(107 / var(--vw-min) * 100vw),107px);
	height: min(calc(122 / var(--vw-min) * 100vw),122px);
	display: block;
	top: 0;
	right: 0;
	background: url(../img/common/deco/deco_star1.svg)no-repeat center/contain;
	animation: ani_rotate01 30s linear reverse infinite;
}
.deco__movie-star::after {
	content: "";
	width: min(calc(44 / var(--vw-min) * 100vw),44px);
	height: min(calc(50 / var(--vw-min) * 100vw),50px);
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/common/deco/deco_star2.svg)no-repeat center/contain;
	animation: ani_rotate01 10s linear infinite;
}
@media screen and (max-width:768px){
	.deco__movie-star {
		width: calc(86 / var(--vw-min) * 100vw);
		height: calc(100 / var(--vw-min) * 100vw);
		top: calc(85 / var(--vw-min) * 100vw);
		right: calc(4 / var(--vw-min) * 100vw);
		left: unset;
	}
	.deco__movie-star::before {
		width: calc(67 / var(--vw-min) * 100vw);
		height: calc(76 / var(--vw-min) * 100vw);
	}
	.deco__movie-star::after {
		width: calc(28 / var(--vw-min) * 100vw);
		height: calc(31 / var(--vw-min) * 100vw);
	}
}
.deco__petal4 {
	width: min(calc(401 / var(--vw-min) * 100vw),401px);
	height: min(calc(460 / var(--vw-min) * 100vw),460px);
	position: absolute;
	top: max(calc(-104 / var(--vw-min) * 100vw),-104px);
	right: min(calc(278 / var(--vw-min) * 100vw),278px);
	z-index: 3;
	overflow: hidden;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.deco__petal4 {
		width: calc(210 / var(--vw-min) * 100vw);
		height: calc(286 / var(--vw-min) * 100vw);
		top: calc(-40 / var(--vw-min) * 100vw);
		right: 0;
	}
}
.deco__petal4::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/common/deco/petal/petal4.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__petal4::before {
		width: calc(249 / var(--vw-min) * 100vw);
		height: calc(286 / var(--vw-min) * 100vw);
		right: unset;
		left: 0;
	}
}
/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.news {
	padding: min(calc(155 / var(--vw-min) * 100vw),155px) 0 min(calc(82 / var(--vw-min) * 100vw),82px);
}
@media screen and (max-width:768px){
	.news {
		padding: calc(40 / var(--vw-min) * 100vw) 0 calc(55 / var(--vw-min) * 100vw);
	}
}
.newsWrap {
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
	position: relative;
	display: flex;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.newsWrap {
		width: 100%;
		flex-direction: column;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
/* left */
.news__l {
	width: min(calc(652 / var(--vw-min) * 100vw),652px);
}
@media screen and (max-width:768px){
	.news__l {
		width: 100%;
	}
}
.news__lists {
	min-height: min(calc(310 / var(--vw-min) * 100vw),310px);
	margin-top: min(calc(28 / var(--vw-min) * 100vw),28px);
}
@media screen and (max-width:768px){
	.news__lists {
		min-height: unset;
		margin-top: calc(17 / var(--vw-min) * 100vw);
	}
}
.news__item:not(:first-child) {
	padding-top: min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.news__item:not(:first-child) { 
		padding-top: calc(15 / var(--vw-min) * 100vw);
	}
}
.news__link {
	display: flex;
	text-decoration: none;
	padding-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
	position: relative;
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.news__link {
		flex-direction: column;
		padding-bottom: calc(15 / var(--vw-min) * 100vw);
	}
}
.news__link::before {
	content: "";
	width: calc(100% - min(calc(64 / var(--vw-min) * 100vw),64px));
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.news__link::before {
		width: calc(100% - calc(50 / var(--vw-min) * 100vw));
		height: calc(1 / var(--vw-min) * 100vw);
	}
}
.news__time {
	font-size: min(calc(26 / var(--vw-min) * 100vw),26px);
	color: var(--color-red911);
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0em;
	width: min(calc(110 / var(--vw-min) * 100vw),110px);
}
@media screen and (max-width:768px){
	.news__time {
		font-size: calc(20 / var(--vw-min) * 100vw);
		width: 100%;
		margin-bottom: calc(5 / var(--vw-min) * 100vw);
	}
}
.news__tit {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 500;
	line-height: 1.88;
	letter-spacing: 0em;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	width: calc(100% - min(calc(110 / var(--vw-min) * 100vw),110px));
	overflow: hidden;
}
@media screen and (max-width:768px){
	.news__tit {
		font-size: calc(12 / var(--vw-min) * 100vw);
		width: 100%;
	}
}
.news__arrow {
	width: min(calc(64 / var(--vw-min) * 100vw),64px);
	height: min(calc(34 / var(--vw-min) * 100vw),34px);
	display: block;
	position: absolute;
	right: 0;
	bottom: max(calc(-16 / var(--vw-min) * 100vw),-16px);
	border-radius: 100%;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
	background-image: var(--red--90gradient);
}
@media screen and (max-width:768px){
	.news__arrow {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(27 / var(--vw-min) * 100vw);
		bottom: calc(-14 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.news__arrow::before {
	content: "";
	width: min(calc(23 / var(--vw-min) * 100vw),23px);
	height: min(calc(9 / var(--vw-min) * 100vw),9px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.news__arrow::before {
		width: calc(18 / var(--vw-min) * 100vw);
		height: calc(7 / var(--vw-min) * 100vw);
	}
}
.news .linkBtn {
	margin-top: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
	.news .linkBtn {
		margin-top: calc(28 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.news__link:hover {
		-webkit-filter: var(--filter-red911);
		filter: var(--filter-red911);
	}
	.news__link:hover .news__arrow::before {
		transform: translateX(5px);
	}
}
/* right */
.news__r {
	width: calc(100% - min(calc(652 / var(--vw-min) * 100vw),652px));
	padding-left: min(calc(110 / var(--vw-min) * 100vw),110px);
}
@media screen and (max-width:768px){
	.news__r {
		width: 100%;
		padding: calc(50 / var(--vw-min) * 100vw) 0 0 0;
	}
}
.official__follow {
	font-size: min(calc(80 / var(--vw-min) * 100vw),80px);
	color: var(--color-red911);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	text-align: right;
	margin-bottom: min(calc(35 / var(--vw-min) * 100vw),35px);
}
@media screen and (max-width:768px){
	.official__follow {
		font-size: calc(60 / var(--vw-min) * 100vw);
		text-align: center;
		margin-bottom: calc(26 / var(--vw-min) * 100vw);
	}
}
.officialBtn {
	width: min(calc(340 / var(--vw-min) * 100vw),340px);
	padding: min(calc(4 / var(--vw-min) * 100vw),4px);
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.officialBtn {
		width: 100%;
		padding: calc(4 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.officialLink {
	width: 100%;
	height: 100%;
	display: block;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-red911);
	background-color: var(--color-red911);
	text-decoration: none;
}
@media screen and (max-width:768px){
	.officialLink {
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.officialLinkIn {
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: 0 min(calc(30 / var(--vw-min) * 100vw),30px) 0 0;
	background-color: var(--color-whiteF4F);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.officialLinkIn {
		border-radius: 0 calc(30 / var(--vw-min) * 100vw) 0 0;
	}
}
.officialLinkIn::before {
	content: "";
	width: min(calc(66 / var(--vw-min) * 100vw),66px);
	height: min(calc(66 / var(--vw-min) * 100vw),66px);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-mask: url(../img/common/deco/deco_rose2.svg)no-repeat right top/contain;
	mask: url(../img/common/deco/deco_rose2.svg)no-repeat right top/contain;
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.officialLinkIn::before {
		width: calc(64 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
	}
}
.officialLink__txt {
	font-size: min(calc(50 / var(--vw-min) * 100vw),50px);
	color: var(--color-red911);
	font-weight: 400;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.officialLink__txt {
		font-size: calc(50 / var(--vw-min) * 100vw);
		padding: calc(20 / var(--vw-min) * 100vw);
	}
}
.officialLink__txt::before {
	content: "";
	width: min(calc(26 / var(--vw-min) * 100vw),26px);
	height: min(calc(26 / var(--vw-min) * 100vw),26px);
	display: block;
	background-color: var(--color-red911);
	margin-right: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.officialLink__txt::before {
		width: calc(26 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
		margin-right: calc(12 / var(--vw-min) * 100vw);
	}
}
.officialLink.--official-x .officialLink__txt::before {
	-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;
}
.officialLink__arrow {
	width: min(calc(21 / var(--vw-min) * 100vw),21px);
	height: min(calc(7 / var(--vw-min) * 100vw),7px);
	display: block;
	position: absolute;
	right: min(calc(10 / var(--vw-min) * 100vw),10px);
	bottom: min(calc(13 / var(--vw-min) * 100vw),13px);
	z-index: 1;
	-webkit-mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
	transform: rotate(-30deg);
}
@media screen and (max-width:768px){
	.officialLink__arrow {
		width: calc(21 / var(--vw-min) * 100vw);
		height: calc(7 / var(--vw-min) * 100vw);
		right: calc(9 / var(--vw-min) * 100vw);
		bottom: calc(13 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.officialBtn:hover {
		-webkit-filter: var(--filter-red911);
		filter: var(--filter-red911);
		transform: scale(1.05);
	}
}
/**
* deco
**/
.deco__debris4 {
	width: min(calc(154 / var(--vw-min) * 100vw),154px);
	height: min(calc(119 / var(--vw-min) * 100vw),119px);
	position: absolute;
	top: max(calc(-87 / var(--vw-min) * 100vw),-87px);
	left: max(calc(-73 / var(--vw-min) * 100vw),-73px);
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
	-webkit-mask: url(../img/common/deco/deco_debris4.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_debris4.svg)no-repeat center/contain;
	background-color: var(--color-whiteE9E);
	pointer-events: none;
}
@media screen and (max-width:768px){
	.deco__debris4 {
		width: calc(97 / var(--vw-min) * 100vw);
		height: calc(75 / var(--vw-min) * 100vw);
		top: unset;
		bottom: calc(172 / var(--vw-min) * 100vw);
		left: calc(10 / var(--vw-min) * 100vw);
	}
}
.deco__debris5 {
	width: min(calc(141 / var(--vw-min) * 100vw),141px);
	height: min(calc(354 / var(--vw-min) * 100vw),354px);
	position: absolute;
	top: min(calc(182 / var(--vw-min) * 100vw),182px);
	right: min(calc(28 / var(--vw-min) * 100vw),28px);
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
}
.deco__debris5::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-mask: url(../img/common/deco/deco_debris5.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_debris5.svg)no-repeat center/contain;
	background-color: var(--color-whiteE9E);
}
/*-----------------------------------------------
 * STAFF&CAST
-------------------------------------------------*/
.staffCast {
	padding: min(calc(82 / var(--vw-min) * 100vw),82px) 0 min(calc(190 / var(--vw-min) * 100vw),190px);
}
@media screen and (max-width:768px){
	.staffCast {
		padding: calc(55 / var(--vw-min) * 100vw) 0 calc(105 / var(--vw-min) * 100vw);
	}
}
.staffCast .cont-tit {
	justify-content: center;
}
@media screen and (max-width:768px){
	.staffCast .cont-tit {
		justify-content: flex-start;
		margin-left: calc(20 / var(--vw-min) * 100vw);
	}
}
.staffCastIn {
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
	padding-top: min(calc(60 / var(--vw-min) * 100vw),60px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.staffCastIn {
		width: 100%;
		padding: calc(35 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
	}
}
.staffCast__tit {
	font-size: min(calc(50 / var(--vw-min) * 100vw),50px);
	color: var(--color-red911);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (max-width:768px){
	.staffCast__tit {
		font-size: calc(40 / var(--vw-min) * 100vw);
	}
}
.staffCast__tit::before,
.staffCast__tit::after {
	content: "";
	width: 44%;/*484*/
	height: min(calc(7 / var(--vw-min) * 100vw),7px);
	display: block;
	-webkit-mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(7 / var(--vw-min) * 100vw),7px);
	mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(7 / var(--vw-min) * 100vw),7px);
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.staffCast__tit::before {
		content: unset;
	}
	.staffCast__tit::after  {
		width: calc(100% - calc(82 / var(--vw-min) * 100vw));
		height: calc(7 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(7 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
		mask-size: calc(7 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
	}
}
.staffCast__lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: min(calc(46 / var(--vw-min) * 100vw),46px);
	column-gap: min(calc(20 / var(--vw-min) * 100vw),20px);
	padding-top: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.staffCast__lists {
		row-gap: calc(20 / var(--vw-min) * 100vw);
		column-gap: calc(40 / var(--vw-min) * 100vw);
		padding-top: calc(22 / var(--vw-min) * 100vw);
	}
}
.staffCast__item {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	font-weight: 700;
	line-height: 1.67;
	width: calc((100% - min(calc(40 / var(--vw-min) * 100vw),40px)) / 3);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:768px){
	.staffCast__item {
		font-size: calc(16 / var(--vw-min) * 100vw);
		width: 100%;
		justify-content: flex-start;
	}
}
.staffCast__item-dt {
	color: var(--color-red911);
	text-align: center;
	width: 100%;
}
@media screen and (max-width:768px){
	.staffCast__item-dt {
		font-size: calc(12 / var(--vw-min) * 100vw);
		text-align: left;
	}
}
.staffCast__item-dd.--comment-link {
	width: min(calc(50 / var(--vw-min) * 100vw),50px);
	height: min(calc(28 / var(--vw-min) * 100vw),28px);
	display: block;
	background: url(../img/common/deco/deco_comment.svg)no-repeat center/contain;
	margin-left: min(calc(10 / var(--vw-min) * 100vw),10px);
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.staffCast__item-dd.--comment-link {
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
		order: 0;
		margin-left: calc(10 / var(--vw-min) * 100vw);
	}
}
.staffCast__item-dd.--small {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.staffCast__item-dd.--small {
		width: 100%;
		order: 1;
		font-size: calc(12 / var(--vw-min) * 100vw);
	}
}
.commentLink {
	width: 100%;
	height: 100%;
	display: block;
}
.cast {
	margin-top: min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.cast {
		margin-top: calc(75 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.staffCast__item-dd.--comment-link:hover {
		-webkit-filter: var(--filter-red911);
		filter: var(--filter-red911);
		transform: scale(1.05);
	}
}
/**
* deco
**/
.deco__petal5 {
	width: min(calc(434 / var(--vw-min) * 100vw),434px);
	height: min(calc(553 / var(--vw-min) * 100vw),553px);
	position: absolute;
	top: max(calc(-250 / var(--vw-min) * 100vw),-250px);
	left: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}
.deco__petal5::before {
	content: "";
	width: min(calc(479 / var(--vw-min) * 100vw),479px);
	height:min(calc(553 / var(--vw-min) * 100vw),553px);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/common/deco/petal/petal5.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__petal5 {
		width: calc(255 / var(--vw-min) * 100vw);
		height: calc(325 / var(--vw-min) * 100vw);
		top: calc(-157 / var(--vw-min) * 100vw);
	}
	.deco__petal5::before {
		width: calc(281 / var(--vw-min) * 100vw);
		height: calc(325 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * INTROSUCTION / WORKS
-------------------------------------------------*/
.worksIntro {
	position: relative;
	padding: min(calc(175 / var(--vw-min) * 100vw),175px) 0 0;
}
@media screen and (max-width:768px){
	.worksIntro {
		padding-top: calc(110 / var(--vw-min) * 100vw);
	}
}
.worksIntroWrap {
	position: relative;
	z-index: 1;
}
.worksIntroWrap::before,
.worksIntroWrap::after {
	content: "";
	width: 100%;
	padding-top: 28.1113%;/*384*/
	position: absolute;
	pointer-events: none;
}
.worksIntroWrap::before {
	top: 0;
	background-image: linear-gradient(0deg, transparent, #000000);
}
.worksIntroWrap::after {
	bottom: 0;
	background-image: linear-gradient(180deg, transparent, #000000);
}
.worksIntroCont {
	position: relative;
	padding: 0 0 min(calc(175 / var(--vw-min) * 100vw),175px);
}
@media screen and (max-width:768px){
	.worksIntroCont {
		padding-bottom: calc(110 / var(--vw-min) * 100vw);
	}
}
.deco__worksIntroTit {
	width: min(calc(226 / var(--vw-min) * 100vw),226px);
	height: min(calc(28 / var(--vw-min) * 100vw),28px);
	margin: 0 auto;
	-webkit-mask: url(../img/common/deco/deco_tit.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_tit.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
	margin-top: min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
	.deco__worksIntroTit {
		width: calc(150 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
		margin-top: calc(10 / var(--vw-min) * 100vw);
	}
}
.worksIntro .cont-tit {
	justify-content: center;
}
/**
* tab
***/
.worksIntro__tabLists {
	display: flex;
	align-items: center;
    justify-content: center;
	gap: min(calc(20 / var(--vw-min) * 100vw),20px);
	padding-top: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.worksIntro__tabLists {
		gap: calc(15 / var(--vw-min) * 100vw);
		padding-top: calc(30 / var(--vw-min) * 100vw);
	}
}
.worksIntro__tabItem {
	width: min(calc(240 / var(--vw-min) * 100vw),240px);
	height: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.worksIntro__tabItem {
		width: calc(160 / var(--vw-min) * 100vw);
		height: calc(50 / var(--vw-min) * 100vw);
	}
}
.worksIntro__tabLink {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	color: #fff;
	font-weight: 900;
	line-height: 1.67;
	letter-spacing: 0.02em;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-goldAF9);
	text-decoration: none;
}
@media screen and (max-width:768px){
	.worksIntro__tabLink {
		font-size: calc(13 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.worksIntro__tabLink span {
	position: relative;
}
.worksIntro__tabLink::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background-image: var(--red-gradient);
	opacity: 0;
	transition: .3s var(--cubic-bezier01);
}
.worksIntro__tabLink::after {
	content: "";
	width: calc(100% - min(calc(10 / var(--vw-min) * 100vw),10px));
	height: calc(100% - min(calc(10 / var(--vw-min) * 100vw),10px));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.worksIntro__tabLink::after {
		width: calc(100% - calc(5 / var(--vw-min) * 100vw));
		height: calc(100% - calc(5 / var(--vw-min) * 100vw));
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.worksIntro__tabLink.--current::before {
	opacity: 1;
}
@media (hover: hover) and (pointer: fine){
	.worksIntro__tabLink:hover::before {
		opacity: 1;
	}
}
/**
* txt
**/
#intro2 {
	display: none;
}
.worksIntro__txtWrap {
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding-top: min(calc(75 / var(--vw-min) * 100vw),75px);
}
@media screen and (max-width:768px){
	.worksIntro__txtWrap {
		width: 100%;
		padding: calc(36 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
	}
}
.worksIntro__txt {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: #fff;
	font-weight: 700;
	line-height: 2.2;
	letter-spacing: 0.1em;
	text-align: center;
}
@media screen and (max-width:768px){
	.worksIntro__txt {
		font-size: calc(12 / var(--vw-min) * 100vw);
	}
}
.worksIntro__txt.--big {
	font-size: min(calc(30 / var(--vw-min) * 100vw),30px);
	line-height: 1.5;
	letter-spacing: 0.16em;
}
@media screen and (max-width:768px){
	.worksIntro__txt.--big {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.worksIntro__txt.--red span,
.rt-larger span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: var(--redFF0-gradient);
}
.--ruby {
	display: inline-block;
}
.rt-larger {
	color: var(--color-red911);
	margin-bottom: min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.rt-larger {
		margin-bottom: calc(4 / var(--vw-min) * 100vw);
	}
}
.--mt {
	margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.--mt2 {
	margin-top: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.--mt,
	.--mt2  {
		margin-top: calc(28 / var(--vw-min) * 100vw);
	}
}
/**
* bg
**/
.chara__bgTop {
	width: 100%;
	height: min(calc(580 / var(--vw-min) * 100vw),580px);
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.chara__bgTop {
		height: calc(178 / var(--vw-min) * 100vw);
	}
}
.chara__bgTop::before,
.chara__bgTop::after {
	content: "";
	width: calc(1560 / var(--vw-min) * 100vw);
	height: min(calc(570 / var(--vw-min) * 100vw),570px);
	display: block;
	border-radius: 100%;
	position: absolute;
}
@media screen and (max-width:768px){
	.chara__bgTop::before,
	.chara__bgTop::after {
		width: calc(460 / var(--vw-min) * 100vw);
		height: calc(170 / var(--vw-min) * 100vw);
	}
}
.chara__bgTop::before {
	top: 0;
	border-top: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.chara__bgTop::before {
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.chara__bgTop::after {
	bottom: 0;
	background-color: #000;
}
/**
* deco
**/
.deco__worksIntro-star {
	width: min(calc(138 / var(--vw-min) * 100vw),138px);
	height: min(calc(160 / var(--vw-min) * 100vw),160px);
	position: absolute;
	top: min(calc(5 / var(--vw-min) * 100vw),5px);
	left: min(calc(115 / var(--vw-min) * 100vw),115px);
	z-index: 1;
	pointer-events: none;
}
.deco__worksIntro-star::before {
	content: "";
	width: min(calc(107 / var(--vw-min) * 100vw),107px);
	height: min(calc(122 / var(--vw-min) * 100vw),122px);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/common/deco/deco_star1.svg)no-repeat center/contain;
	animation: ani_rotate01 30s linear reverse infinite;
}
.deco__worksIntro-star::after {
	content: "";
	width: min(calc(44 / var(--vw-min) * 100vw),44px);
	height: min(calc(50 / var(--vw-min) * 100vw),50px);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/common/deco/deco_star2.svg)no-repeat center/contain;
	animation: ani_rotate01 10s linear infinite;
}
@media screen and (max-width:768px){
	.deco__worksIntro-star {
		width: calc(80 / var(--vw-min) * 100vw);
		height: calc(93 / var(--vw-min) * 100vw);
		top: calc(-20 / var(--vw-min) * 100vw);
		left: calc(8 / var(--vw-min) * 100vw);
	}
	.deco__worksIntro-star::before {
		width: calc(62 / var(--vw-min) * 100vw);
		height: calc(71 / var(--vw-min) * 100vw);
	}
	.deco__worksIntro-star::after {
		width: calc(26 / var(--vw-min) * 100vw);
		height: calc(29 / var(--vw-min) * 100vw);
	}
}
/**
* glass
**/
.deco__glassBox {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}
.deco__glassBoxIn {
	width: min(100vw,1366px);
	height: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
@media screen and (max-width:768px){
	.deco__glassBoxIn {
		width: 100%;
	}
}
/**
* right
**/
.deco__glassBox-r {
	width: min(calc(284 / var(--vw-min) * 100vw),284px);
	height: min(calc(980 / var(--vw-min) * 100vw),980px);
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width:768px){
	.deco__glassBox-r {
		width: calc(87 / var(--vw-min) * 100vw);
		height: calc(458 / var(--vw-min) * 100vw);
	}
}
.deco__glassBox-r-1 {
	width: min(calc(117 / var(--vw-min) * 100vw),117px);
	height: min(calc(108 / var(--vw-min) * 100vw),108px);
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/deco/deco_glass1.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__glassBox-r-1 {
		width: calc(55 / var(--vw-min) * 100vw);
		height: calc(51 / var(--vw-min) * 100vw);
	}
}
.deco__glassBox-r-2 {
	width: 100%;
	height: min(calc(251 / var(--vw-min) * 100vw),251px);
	position: absolute;
	top: min(calc(147 / var(--vw-min) * 100vw),147px);
	left: 0;
	overflow: hidden;
}
.deco__glassBox-r-2::before {
	content: "";
	width: min(calc(219 / var(--vw-min) * 100vw),219px);
	height: min(calc(193 / var(--vw-min) * 100vw),193px);
	display: block;
	position: absolute;
	top: min(calc(30 / var(--vw-min) * 100vw),30px);
	left: min(calc(60 / var(--vw-min) * 100vw),60px);
	background: url(../img/common/deco/deco_glass2.png)no-repeat center/contain;
	transform: rotate(-18deg);
}
@media screen and (max-width:768px){
	.deco__glassBox-r-2 {
		height: calc(117 / var(--vw-min) * 100vw);
		top: calc(70 / var(--vw-min) * 100vw);
	}
	.deco__glassBox-r-2::before {
		width: calc(103 / var(--vw-min) * 100vw);
		height: calc(90 / var(--vw-min) * 100vw);
		top: calc(15 / var(--vw-min) * 100vw);
		left: calc(30 / var(--vw-min) * 100vw);
	}
}
.deco__glassBox-r-3 {
	width: min(calc(107 / var(--vw-min) * 100vw),107px);
	height: min(calc(181 / var(--vw-min) * 100vw),181px);
	position: absolute;
	top: min(calc(450 / var(--vw-min) * 100vw),450px);
	left: min(calc(52 / var(--vw-min) * 100vw),52px);
	background: url(../img/common/deco/deco_glass3.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__glassBox-r-3 {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(85 / var(--vw-min) * 100vw);
		top: calc(210 / var(--vw-min) * 100vw);
		left: calc(24 / var(--vw-min) * 100vw);
	}
}
.deco__glassBox-r-4 {
	width: 100%;
	height: min(calc(236 / var(--vw-min) * 100vw),236px);
	position: absolute;
	top: min(calc(652 / var(--vw-min) * 100vw),652px);
	left: 0;
	overflow: hidden;
}
.deco__glassBox-r-4::before {
	content: "";
	width: min(calc(235 / var(--vw-min) * 100vw),235px);
	height: min(calc(127 / var(--vw-min) * 100vw),127px);
	position: absolute;
	top: min(calc(54 / var(--vw-min) * 100vw),54px);
	left: min(calc(90 / var(--vw-min) * 100vw),90px);
	background: url(../img/common/deco/deco_glass4.png)no-repeat center/contain;
	transform: rotate(-33deg);
}
@media screen and (max-width:768px){
	.deco__glassBox-r-4 {
		height: calc(110 / var(--vw-min) * 100vw);
		top: calc(307 / var(--vw-min) * 100vw);
	}
	.deco__glassBox-r-4::before {
		width: calc(110 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
		top: calc(28 / var(--vw-min) * 100vw);
		left: calc(50 / var(--vw-min) * 100vw);
	}
}
.deco__glassBox-r-5 {
	width: min(calc(62 / var(--vw-min) * 100vw),62px);
	height: min(calc(57 / var(--vw-min) * 100vw),57px);
	position: absolute;
	top: min(calc(919 / var(--vw-min) * 100vw),919px);
	left: min(calc(92 / var(--vw-min) * 100vw),92px);
	background: url(../img/common/deco/deco_glass5.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__glassBox-r-5 {
		width: calc(29 / var(--vw-min) * 100vw);
		height: calc(27 / var(--vw-min) * 100vw);
		top: calc(432 / var(--vw-min) * 100vw);
		left: calc(43 / var(--vw-min) * 100vw);
	}
}
/**
* left
**/
.deco__glassBox-l {
	width: min(calc(330 / var(--vw-min) * 100vw),330px);
	height: min(calc(784 / var(--vw-min) * 100vw),784px);
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.deco__glassBox-l {
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(367 / var(--vw-min) * 100vw);
	}
}
.deco__glassBox-l-1 {
	width: min(calc(117 / var(--vw-min) * 100vw),117px);
	height: min(calc(141 / var(--vw-min) * 100vw),141px);
	position: absolute;
	top: 0;
	right: min(calc(87 / var(--vw-min) * 100vw),87px);
	background: url(../img/common/deco/deco_glass6.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__glassBox-l-1 {
		width: calc(55 / var(--vw-min) * 100vw);
		height: calc(66 / var(--vw-min) * 100vw);
		right: unset;
		left: calc(5 / var(--vw-min) * 100vw);
	}
}
.deco__glassBox-l-2 {
	width: 100%;
	height: min(calc(236 / var(--vw-min) * 100vw),236px);
	position: absolute;
	top: min(calc(153 / var(--vw-min) * 100vw),153px);
}
.deco__glassBox-l-2::before {
	content: "";
	width: min(calc(235 / var(--vw-min) * 100vw),235px);
	height: min(calc(127 / var(--vw-min) * 100vw),127px);
	position: absolute;
	top: min(calc(10 / var(--vw-min) * 100vw),10px);
	right: min(calc(157 / var(--vw-min) * 100vw),157px);
	transform: rotate(-147deg);
	background: url(../img/common/deco/deco_glass7.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__glassBox-l-2 {
		height: calc(110 / var(--vw-min) * 100vw);
		top: calc(72 / var(--vw-min) * 100vw);
	}
	.deco__glassBox-l-2::before {
		width: calc(110 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
		top: calc(25 / var(--vw-min) * 100vw);
		right: calc(72 / var(--vw-min) * 100vw);
	}
}
.deco__glassBox-l-3 {
	width: min(calc(96 / var(--vw-min) * 100vw),96px);
	height: min(calc(176 / var(--vw-min) * 100vw),176px);
	position: absolute;
	top: min(calc(420 / var(--vw-min) * 100vw),420px);
	right: min(calc(70 / var(--vw-min) * 100vw),70px);
	background: url(../img/common/deco/deco_glass8.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__glassBox-l-3 {
		width: calc(45 / var(--vw-min) * 100vw);
		height: calc(82 / var(--vw-min) * 100vw);
		top: calc(170 / var(--vw-min) * 100vw);
		right: calc(10 / var(--vw-min) * 100vw);
	}
}
.deco__glassBox-l-4 {
	width: 100%;
	height: min(calc(252 / var(--vw-min) * 100vw),252px);
	position: absolute;
	top: min(calc(534 / var(--vw-min) * 100vw),534px);
	right: 0;
}
.deco__glassBox-l-4::before {
	content: "";
	width: min(calc(219 / var(--vw-min) * 100vw),219px);
	height: min(calc(193 / var(--vw-min) * 100vw),193px);
	display: block;
	position: absolute;
	top: min(calc(30 / var(--vw-min) * 100vw),30px);
	right: min(calc(110 / var(--vw-min) * 100vw),110px);
	background: url(../img/common/deco/deco_glass9.png)no-repeat center/contain;
	transform: rotate(-162deg);
}
@media screen and (max-width:768px){
	.deco__glassBox-l-4 {
		height: calc(120 / var(--vw-min) * 100vw);
		top: calc(250 / var(--vw-min) * 100vw);
	}
	.deco__glassBox-l-4::before {
		width: calc(103 / var(--vw-min) * 100vw);
		height: calc(90 / var(--vw-min) * 100vw);
		top: calc(14 / var(--vw-min) * 100vw);
		right: calc(10 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
.character {
	padding: min(calc(84 / var(--vw-min) * 100vw),84px) 0 min(calc(175 / var(--vw-min) * 100vw),175px);
	margin-top: max(calc(-84 / var(--vw-min) * 100vw),-84px);
}
@media screen and (max-width:768px){
	.character {
		padding: calc(55 / var(--vw-min) * 100vw) 0 calc(76 / var(--vw-min) * 100vw);
		margin-top: calc(-55 / var(--vw-min) * 100vw);
	}
}
.character::before {
	content: "";
	width: 100%;
	padding-top: 28.1113%;/*384*/
	position: absolute;
	top: min(calc(82 / var(--vw-min) * 100vw),82px);
	z-index: 1;
	background-image: linear-gradient(0deg, transparent, #000000);
	pointer-events: none;
}
@media screen and (max-width:768px){
	.character::before {
		top: calc(52 / var(--vw-min) * 100vw);
	}
}
.character .cont-tit {
	justify-content: center;
}
.charaSwiperWrap {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding-top: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.charaSwiperWrap {
		padding-top: calc(10 / var(--vw-min) * 100vw);
	}
}
.charaSwiperIn {
	position: relative;
}
/**
* thumb
**/
.swiper-pagination-bullets.swiper-pagination-horizontal.chara__thumbLists {
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
	position: relative;
	bottom: unset;
	left: unset;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: min(calc(12 / var(--vw-min) * 100vw),12px);
	margin: 0 auto;
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.swiper-pagination-bullets.swiper-pagination-horizontal.chara__thumbLists {
		width: calc(335 / var(--vw-min) * 100vw);
		gap: calc(6 / var(--vw-min) * 100vw);
		padding-bottom: calc(20 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem {
	width: min(calc(90 / var(--vw-min) * 100vw),90px);
	height: min(calc(134 / var(--vw-min) * 100vw),134px);
	position: relative;
	display: block!important;
	margin: 0;
	background: url(../img/common/deco/deco_mirrorBg2.png)no-repeat center/contain;
	opacity: 1;
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem {
		width: calc(54 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem:hover {
		-webkit-filter: var(--filter-red911);
		filter: var(--filter-red911);
	}
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem.swiper-pagination-bullet-active {
	-webkit-filter: var(--filter-red911);
	filter: var(--filter-red911);
}
.chara__thumbImg {
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(110 / var(--vw-min) * 100vw),110px);
	position: absolute;
	top: min(calc(19 / var(--vw-min) * 100vw),19px);
	left: min(calc(5 / var(--vw-min) * 100vw),5px);
	border-radius: 50%;
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-goldAF9);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.chara__thumbImg {
		width: calc(46 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
		top: calc(12 / var(--vw-min) * 100vw);
		left: calc(4 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.chara__thumbImg img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	object-fit: cover;
	pointer-events: none;
}
.charaSwiper {
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
	position: relative;
	margin: 0 auto;
	background: url(../img/common/bg/bg_main.jpg)no-repeat center/cover;
	overflow: visible;
}
@media screen and (max-width:768px){
	.charaSwiper {
		width: calc(335 / var(--vw-min) * 100vw);
	}
}
.chara__item {
	display: flex;
	position: relative;
}
@media screen and (max-width:768px){
	.chara__item {
		flex-direction: column;
	} 
}
/**
* img
**/
.chara__imgWrap {
	width: min(calc(550 / var(--vw-min) * 100vw),550px);
	min-height: min(calc(780 / var(--vw-min) * 100vw),780px);
	position: relative;
}
@media screen and (max-width:768px){
	.chara__imgWrap {
		width: 100%;
		min-height: calc(540 / var(--vw-min) * 100vw);
	}
}
.chara__imgLists {
	width: min(calc(520 / var(--vw-min) * 100vw),520px);
	padding-top: 161.5385%;/*840*/
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
@media screen and (max-width:768px){
	.chara__imgLists {
		width: 100%;
	}
}
.chara__img {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.chara__img img {
    width: 100%;
    pointer-events: none;
}
.chara__faceLists {
	display: flex;
	justify-content: flex-end;
	gap: min(calc(8 / var(--vw-min) * 100vw),8px);
	margin-top: min(calc(42 / var(--vw-min) * 100vw),42px);
}
@media screen and (max-width:768px){
	.chara__faceLists {
		justify-content: center;
		gap: calc(10 / var(--vw-min) * 100vw);
		margin-top: calc(10 / var(--vw-min) * 100vw);
	}
}
.chara__faceItem {
	width: min(calc(180 / var(--vw-min) * 100vw),180px);
	height: min(calc(180 / var(--vw-min) * 100vw),180px);
	border-radius: 50%;
	position: relative;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.chara__faceItem {
		width: calc(134 / var(--vw-min) * 100vw);
		height: calc(134 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.chara__face {
	width: min(calc(170 / var(--vw-min) * 100vw),170px);
	height: min(calc(170 / var(--vw-min) * 100vw),170px);
	border-radius: 50%;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
	position: absolute;
	inset: 0;
	margin: auto;
	background-color: var(--color-whiteF4F);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.chara__face {
		width: calc(127 / var(--vw-min) * 100vw);
		height: calc(127 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.chara__face img {
	width: 100%;
	pointer-events: none;
}
/* 
* detail 
*/
.chara__name-en {
	font-size: min(calc(160 / var(--vw-min) * 100vw),160px);
	color: var(--color-goldAF9);
	font-weight: 400;
	line-height: 0.52;
	letter-spacing: 0em;
	-ms-writing-mode: tb-rl; 
  	writing-mode: vertical-rl;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.chara__name-en {
		font-size: calc(100 / var(--vw-min) * 100vw);
	}
}
.chara__detailWrap {
	width: calc(100% - min(calc(550 / var(--vw-min) * 100vw),550px));
	padding: min(calc(100 / var(--vw-min) * 100vw),100px) min(calc(87 / var(--vw-min) * 100vw),87px) min(calc(60 / var(--vw-min) * 100vw),60px) 0;
}
@media screen and (max-width:768px){
	.chara__detailWrap {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
		padding: 0;
	}
	.chara__detailTxtWrap {
		padding: calc(25 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(45 / var(--vw-min) * 100vw); 
	}
}
.chara__nameWrap {
	color: var(--color-red911);
	text-shadow: 1px 1px 0 #FFF;
	position: relative;
	padding-bottom: min(calc(33 / var(--vw-min) * 100vw),33px);
}
@media screen and (max-width:768px){
	.chara__nameWrap {
		font-size: calc(18 / var(--vw-min) * 100vw);
		padding-bottom: calc(23 / var(--vw-min) * 100vw);
	}
}
.chara__nameWrap::before {
	content: "";
	width: 100%;
	height: min(calc(7 / var(--vw-min) * 100vw),7px);
	display: block;
	position: absolute;
	bottom: 0;
	-webkit-mask: url(../img/common/deco/deco_line.svg)repeat-x center/min(calc(7 / var(--vw-min) * 100vw),7px);
	mask: url(../img/common/deco/deco_line.svg)repeat-x center/min(calc(7 / var(--vw-min) * 100vw),7px);
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.chara__nameWrap::before {
		height: calc(7 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(7 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
		mask-size: calc(7 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
	}
}
.chara__name {
	font-size: min(calc(26 / var(--vw-min) * 100vw),26px);
	font-weight: 700;
	line-height: 1.92;
	letter-spacing: 0.07em;
}
@media screen and (max-width:768px){
	.chara__name {
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
}
.chara__cvWrap {
	display: flex;
	align-items: center;
}
.chara__cv {
	font-size: min(calc(30 / var(--vw-min) * 100vw),30px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0em;
	display: flex;
	align-items: center;
}
@media screen and (max-width:768px){
	.chara__cv {
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
}
.chara__cv::after {
	content: "";
	width: min(calc(8 / var(--vw-min) * 100vw),8px);
	height: min(calc(8 / var(--vw-min) * 100vw),8px);
	display: inline-block;
	-webkit-mask: url(../img/common/deco/deco_shape.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_shape.svg)no-repeat center/contain;
	background-color: var(--color-red911);
	margin: 0 min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.chara__cv::after {
		width: calc(5 / var(--vw-min) * 100vw);
		height: calc(5 / var(--vw-min) * 100vw);
		margin: 0 calc(8 / var(--vw-min) * 100vw);
	}
}
.chara__cvName {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	font-weight: 700;
	line-height: 1.67;
	letter-spacing: 0.16em;
}
@media screen and (max-width:768px){
	.chara__cvName {
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
}
.chara__detailTxt {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	color: #000;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.04em;
	margin-top: min(calc(27 / var(--vw-min) * 100vw),27px);
}
@media screen and (max-width:768px){
	.chara__detailTxt {
		font-size: calc(12 / var(--vw-min) * 100vw);
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
}
/**
* active
**/
.chara__img {
	opacity:0;
	transform:scale(1.08);
	transition:0.7s var(--cubic-bezier01);
}
.chara__item.swiper-slide-active .chara__img {
  opacity:1;
  transform:scale(1);
}
.chara__name-en {
	opacity: 0;
	transition:0.7s var(--cubic-bezier01);
}
.chara__item.swiper-slide-active .chara__name-en {
	opacity: 1;
}
.chara__name,
.chara__cvWrap {
	opacity:0;
	transform:translateX(-20px);
	transition:.5s var(--cubic-bezier01);
}
.chara__item.swiper-slide-active .chara__name,
.chara__item.swiper-slide-active .chara__cvWrap {
	opacity:1;
	transform:translateX(0);
	transition-delay: .2s;
}
.chara__detailTxt {
  opacity:0;
  transform:translateY(20px);
  transition:.6s var(--cubic-bezier01);
}
.chara__item.swiper-slide-active .chara__detailTxt {
	opacity:1;
	transform:translateY(0);
	transition-delay: .4s;
}
.chara__faceLists {
	opacity:0;
	transform:translateY(10px);
	transition:.5s var(--cubic-bezier01);
}
.chara__item.swiper-slide-active .chara__faceLists {
	opacity:1;
	transform:translateY(0);
	transition-delay: .6s;
}
/**
* deco
**/
.chara__decoWrap,
.character .deco__frame {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	pointer-events: none;
}
.deco__mirror {
	width: min(calc(370 / var(--vw-min) * 100vw),370px);
	height: min(calc(465 / var(--vw-min) * 100vw),465px);
	position: absolute;
	top: min(calc(136 / var(--vw-min) * 100vw),136px);
	left: min(calc(112 / var(--vw-min) * 100vw),112px);
	margin: auto;
	background: url(../img/common/deco/deco_mirror.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__mirror {
		width: calc(266 / var(--vw-min) * 100vw);
		height: calc(334 / var(--vw-min) * 100vw);
		top: calc(90 / var(--vw-min) * 100vw);
		right: 0;
		left: 0;
	}
}
.character .deco__frame:not(.--top)::before,
.character .deco__frame::after {
	content: "";
	width: min(calc(70 / var(--vw-min) * 100vw),70px);
	height: min(calc(70 / var(--vw-min) * 100vw),70px);
	display: block;
	position: absolute;
	-webkit-mask: url(../img/common/deco/deco_frame.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_frame.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.character .deco__frame:not(.--top)::before,
	.character .deco__frame::after {
		width: calc(38 / var(--vw-min) * 100vw);
		height: calc(38 / var(--vw-min) * 100vw);
	}
}
.character .deco__frame.--top::after {
	top: min(calc(20 / var(--vw-min) * 100vw),20px);
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.character .deco__frame.--top::after {
		top: calc(5 / var(--vw-min) * 100vw);
		right: calc(5 / var(--vw-min) * 100vw);
	}
}
.character .deco__frame.--bottom::before {
	bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
	left: min(calc(20 / var(--vw-min) * 100vw),20px);
	transform: scale(-1,-1);
}
@media screen and (max-width:768px){
	.character .deco__frame.--bottom::before {
		bottom: calc(5 / var(--vw-min) * 100vw);
		left: calc(5 / var(--vw-min) * 100vw);
	}
}
.character .deco__frame.--bottom::after {
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
	transform: scale(1,-1);
}
@media screen and (max-width:768px){
	.character .deco__frame.--bottom::after {
		right: calc(5 / var(--vw-min) * 100vw);
		bottom: calc(5 / var(--vw-min) * 100vw);
	}
}
.deco__chara-star {
	width: min(calc(77 / var(--vw-min) * 100vw),77px);
	height: min(calc(119 / var(--vw-min) * 100vw),119px);
	position: absolute;
	left: min(calc(446 / var(--vw-min) * 100vw),446px);
	bottom: min(calc(107 / var(--vw-min) * 100vw),107px);
	pointer-events: none;
}
.deco__chara-star::before {
	content: "";
	width: min(calc(76 / var(--vw-min) * 100vw),76px);
	height: min(calc(87 / var(--vw-min) * 100vw),87px);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/common/deco/deco_star1.svg)no-repeat center/contain;
	animation: ani_rotate01 30s linear reverse infinite;
}
.deco__chara-star::after {
	content: "";
	width: min(calc(31 / var(--vw-min) * 100vw),31px);
	height: min(calc(36 / var(--vw-min) * 100vw),36px);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/common/deco/deco_star2.svg)no-repeat center/contain;
	animation: ani_rotate01 10s linear infinite;
}
@media screen and (max-width:768px){
	.deco__chara-star {
		width: calc(55 / var(--vw-min) * 100vw);
		height: calc(86 / var(--vw-min) * 100vw);
		top: calc(360 / var(--vw-min) * 100vw);
		bottom: unset;
		left: unset;
		right: calc(17 / var(--vw-min) * 100vw);
	}
	.deco__chara-star::before {
		width: calc(55 / var(--vw-min) * 100vw);
		height: calc(63 / var(--vw-min) * 100vw);
	}
	.deco__chara-star::after {
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
.books {
	padding: min(calc(78 / var(--vw-min) * 100vw),78px) 0 min(calc(150 / var(--vw-min) * 100vw),150px);
}
@media screen and (max-width:768px){
	.books {
		padding: calc(47 / var(--vw-min) * 100vw) 0 calc(56 / var(--vw-min) * 100vw);
	}
}
.booksWrap {
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.booksWrap {
		width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.books__titCatch {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	color: var(--color-goldAF9);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.7em;
	text-align: center;
	margin-bottom: min(calc(140 / var(--vw-min) * 100vw),140px);
}
@media screen and (max-width:768px){
	.books__titCatch {
		font-size: calc(14 / var(--vw-min) * 100vw);
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}
.booksContLists {
	padding-top: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.booksContLists {
		padding-top: calc(24 / var(--vw-min) * 100vw);
	}
}
.booksContItem:not(:last-child) {
	margin-bottom: min(calc(90 / var(--vw-min) * 100vw),90px);
}
@media screen and (max-width:768px){
	.booksContItem:not(:last-child) {
		margin-bottom: calc(35 / var(--vw-min) * 100vw);
	}
}
.books__titWrap {
	display: flex;
	align-items: center;
	padding-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.books__titWrap {
		flex-wrap: wrap;
		justify-content: center;
		padding-bottom: calc(26 / var(--vw-min) * 100vw);
	}
}
.books__tit {
	font-size: min(calc(50 / var(--vw-min) * 100vw),50px);
	color: var(--color-red911);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.books__tit {
		font-size: calc(40 / var(--vw-min) * 100vw);
		width: calc(100 / var(--vw-min) * 100vw);
	}
}
.books__titLine {
	width: 100%;
	height: min(calc(7 / var(--vw-min) * 100vw),7px);
	display: block;
	-webkit-mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(7 / var(--vw-min) * 100vw),7px) min(calc(7 / var(--vw-min) * 100vw),7px);
	mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(7 / var(--vw-min) * 100vw),7px) min(calc(7 / var(--vw-min) * 100vw),7px);
	background-color: var(--color-goldAF9);
	margin: 0 min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.books__titLine {
		width: calc(100% - calc(100 / var(--vw-min) * 100vw));
		height: calc(7 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(7 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
		mask-size: calc(7 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
		margin: 0;
	}
}
.books__titInfo {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	color: var(--color-red911);
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.02em;
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.books__titInfo {
		font-size: calc(14 / var(--vw-min) * 100vw);
		text-align: center;
		margin-top: calc(10 / var(--vw-min) * 100vw);
	}
}
.books__titIn {
	display: inline-flex;
    align-items: center;
	position: relative;
	background-color: var(--color-whiteF4F);
	padding: min(calc(20 / var(--vw-min) * 100vw),20px) min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
	.books__titIn {
		width: 100%;
		padding: calc(15 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw);
	}
	.comics .books__titIn {
		flex-direction: column;
	}
}
.books__works {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	color: var(--color-red911);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
	margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.books__works {
		font-size: calc(14 / var(--vw-min) * 100vw);
		margin-right: calc(10 / var(--vw-min) * 100vw);
	}
	.comics .books__works {
		display: flex;
		flex-direction: column;
		gap: calc(8 / var(--vw-min) * 100vw);
	}
}
.books__works small {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.books__works small {
		font-size: calc(10 / var(--vw-min) * 100vw);
	}
}
.books__staff {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
}
@media screen and (max-width:768px){
	.books__staff {
		font-size: calc(10 / var(--vw-min) * 100vw);
	}
	.comics .books__staff {
		margin-top: calc(8 / var(--vw-min) * 100vw);
	}
}
.books__titIn::before,
.books__titIn::after {
	content: "";
	width: 100%;
	height: min(calc(7 / var(--vw-min) * 100vw),7px);
	display: block;
	position: absolute;
	left: 0;
	-webkit-mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(7 / var(--vw-min) * 100vw),7px) min(calc(7 / var(--vw-min) * 100vw),7px);
	mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(7 / var(--vw-min) * 100vw),7px) min(calc(7 / var(--vw-min) * 100vw),7px);
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.books__titIn::before,
	.books__titIn::after {
		height: calc(7 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(7 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
		mask-size: calc(7 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
	}
}
.books__titIn::before {
	top: 0;
}
.books__titIn::after {
	bottom: 0;
	transform: scale(1,-1);
}
.books__lists {
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(20 / var(--vw-min) * 100vw),20px);
	padding-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.books__lists {
		gap: calc(10 / var(--vw-min) * 100vw);
		padding-top: calc(20 / var(--vw-min) * 100vw);
	}
}
.books__item {
	width: calc((100% - min(calc(100 / var(--vw-min) * 100vw),100px)) / 6);
}
@media screen and (max-width:768px){
	.books__item {
		width: calc((100% - calc(20 / var(--vw-min) * 100vw)) / 3);
	}
}
.books__link {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}
.books__img {
	width: 100%;
	position: relative;
	transition: .3s var(--cubic-bezier01);
}
.books__img img {
	width: 100%;
	pointer-events: none;
}
@media (hover: hover) and (pointer: fine){
	.books__link:hover .books__img {
		transform: scale(1.05);
		-webkit-filter: var(--filter-red911);
		filter: var(--filter-red911);
	}
}
.books__itemTit {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	color: var(--color-red911);
	font-weight: 700;
	line-height: 1.43;
	letter-spacing: 0.02em;
	display: flex;
    justify-content: space-between;
	align-items: center;
	margin-top: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.books__itemTit {
		font-size: calc(10 / var(--vw-min) * 100vw);
		margin-top: calc(5 / var(--vw-min) * 100vw);
	}
}
.books__itemTit span {
	padding: 0 min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.books__itemTit span {
		padding: 0 calc(8 / var(--vw-min) * 100vw);
	}
}
.books__itemTit::before,
.books__itemTit::after {
	content: "";
	width: min(calc(20 / var(--vw-min) * 100vw),20px);
	height: min(calc(22 / var(--vw-min) * 100vw),22px);
	display: block;
	-webkit-mask: url(../img/common/deco/deco_star.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_star.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.books__itemTit::before,
	.books__itemTit::after {
		width: calc(11 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}
/**
* deco
**/
.books .deco__frame {
	width: 100%;
	height: min(calc(200 / var(--vw-min) * 100vw),200px);
	display: flex;
    justify-content: space-between;
	position: absolute;
	top: min(calc(30 / var(--vw-min) * 100vw),30px);
	right: 0;
	left: 0;
	margin: auto;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.books .deco__frame {
		height: calc(100 / var(--vw-min) * 100vw);
		top: calc(4 / var(--vw-min) * 100vw);
	}
}
.books .deco__frame::before,
.books .deco__frame::after {
	content: "";
	width: min(calc(200 / var(--vw-min) * 100vw),200px);
	height: min(calc(200 / var(--vw-min) * 100vw),200px);
	display: block;
	position: absolute;
	top: 0;
	-webkit-mask: url(../img/common/deco/deco_mainFrame.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_mainFrame.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
}
.books .deco__frame::before {
	transform: scale(-1,1);
	left: min(calc(30 / var(--vw-min) * 100vw),30px);
}
.books .deco__frame::after {
	right: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.books .deco__frame::before,
	.books .deco__frame::after {
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(100 / var(--vw-min) * 100vw);
	}
	.books .deco__frame::before {
		left: calc(4 / var(--vw-min) * 100vw);
	}
	.books .deco__frame::after {
		right: calc(4 / var(--vw-min) * 100vw);
	}
}
.booksBg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: min(calc(180 / var(--vw-min) * 100vw),180px);
	overflow: hidden;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.booksBg {
		top: calc(105 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:769px){
	.booksBg::before {
		content: "";
		width: 101.6105%;/*1388*/
		padding-top: 53.6744%;/*745*/
		display: block;
		position: absolute;
		top: 0;
		left: calc(-10 / var(--vw-min) * 100vw);
		border-radius: min(calc(1000 / var(--vw-min) * 100vw),1000px) min(calc(1000 / var(--vw-min) * 100vw),1000px) 0 0;
		border-top: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-goldAF9);
		opacity: .6;
	}
	.booksBg::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top:calc(10 / var(--vw-min) * 100vw);
		z-index: -2;
		border-radius: min(calc(1000 / var(--vw-min) * 100vw),1000px) min(calc(1000 / var(--vw-min) * 100vw),1000px) 0 0;
		background-image: var(--redD03-gradient);
		opacity: .3;
	}
}
@media screen and (max-width:768px){
	.booksBg::before {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		z-index: -1;
		background: url(../img/common/bg/bg_sec.png)no-repeat center top/calc(385 / var(--vw-min) * 100vw) calc(1006 / var(--vw-min) * 100vw);
	}
}
.deco__books-star {
	width: min(calc(138 / var(--vw-min) * 100vw),138px);
	height: min(calc(160 / var(--vw-min) * 100vw),160px);
	position: absolute;
	top: min(calc(177 / var(--vw-min) * 100vw),177px);
	right: min(calc(354 / var(--vw-min) * 100vw),354px);
	z-index: 1;
	pointer-events: none;
}
.deco__books-star::before {
	content: "";
	width: min(calc(107 / var(--vw-min) * 100vw),107px);
	height: min(calc(122 / var(--vw-min) * 100vw),122px);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/common/deco/deco_star1.svg)no-repeat center/contain;
	animation: ani_rotate01 30s linear reverse infinite;
}
.deco__books-star::after {
	content: "";
	width: min(calc(44 / var(--vw-min) * 100vw),44px);
	height: min(calc(50 / var(--vw-min) * 100vw),50px);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/common/deco/deco_star2.svg)no-repeat center/contain;
	animation: ani_rotate01 10s linear infinite;
}
@media screen and (max-width:768px){
	.deco__books-star {
		width: calc(80 / var(--vw-min) * 100vw);
		height: calc(93 / var(--vw-min) * 100vw);
		position: absolute;
		top: calc(100 / var(--vw-min) * 100vw);
		right: calc(48 / var(--vw-min) * 100vw);
	}
	.deco__books-star::before {
		width: calc(62 / var(--vw-min) * 100vw);
		height: calc(71 / var(--vw-min) * 100vw);
	}
	.deco__books-star::after {
		width: calc(26 / var(--vw-min) * 100vw);
		height: calc(29 / var(--vw-min) * 100vw);
	}
}
.deco__petal6 {
	width: min(calc(434 / var(--vw-min) * 100vw),434px);
	height: min(calc(553 / var(--vw-min) * 100vw),553px);
	position: absolute;
	top: min(calc(266 / var(--vw-min) * 100vw),266px);
	right: 0;
	z-index: 3;
	pointer-events: none;
}
.deco__petal6::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/common/deco/petal/petal5.png)no-repeat center/contain;
	transform: scale(-1,1);
}
/*-----------------------------------------------
 * SHARE
-------------------------------------------------*/
.shareArea {
	width: min(calc(700 / var(--vw-min) * 100vw),700px);
	margin: 0 auto;
	padding-bottom: min(calc(105 / var(--vw-min) * 100vw),105px);
}
@media screen and (max-width:768px){
	.shareArea {
		width: calc(335 / var(--vw-min) * 100vw);
		padding-bottom: calc(36 / var(--vw-min) * 100vw);
	}
}
.shareLists__item {
	position: relative;
}
.shareLink {
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: min(calc(36 / var(--vw-min) * 100vw),36px) min(calc(60 / var(--vw-min) * 100vw),60px) min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.shareLink {
		padding: calc(7 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw) calc(33 / var(--vw-min) * 100vw);
	}
}
.shareTxt {
	font-size: min(calc(100 / var(--vw-min) * 100vw),100px);
	color: var(--color-goldAF9);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
}
@media screen and (max-width:768px){
	.shareTxt {
		font-size: calc(58 / var(--vw-min) * 100vw);
	}
}
.shareIcon {
	width: min(calc(90 / var(--vw-min) * 100vw),90px);
	height: min(calc(134 / var(--vw-min) * 100vw),134px);
	position: relative;
	background: url(../img/common/deco/deco_mirrorBg.png)no-repeat center/contain;
	margin-left: min(calc(32 / var(--vw-min) * 100vw),32px);
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.shareIcon {
		width: calc(66 / var(--vw-min) * 100vw);
		height: calc(98 / var(--vw-min) * 100vw);
		margin-left: calc(14 / var(--vw-min) * 100vw);
	}
}
.shareIcon::after {
	content: "";
	width: min(calc(26 / var(--vw-min) * 100vw),26px);
	height: min(calc(26 / var(--vw-min) * 100vw),26px);
	display: block;
	position: absolute;
	top: min(calc(60 / var(--vw-min) * 100vw),60px);
	right: 0;
	left: 0;
	margin: auto;
	-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;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.shareIcon::after {
		width: calc(19 / var(--vw-min) * 100vw);
		height: calc(19 / var(--vw-min) * 100vw);
		top: calc(45 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.shareLink:hover .shareIcon {
		transform: scale(1.05) rotateY(360deg);
	}
}
/**
* deco
**/
.share__decoWrap {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	pointer-events: none;
}
.share__decoWrap .deco__frame::before,
.share__decoWrap .deco__frame::after {
	content: "";
	width: min(calc(64 / var(--vw-min) * 100vw),64px);
	height: min(calc(64 / var(--vw-min) * 100vw),64px);
	display: block;
	position: absolute;
	-webkit-mask: url(../img/common/deco/deco_frame.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_frame.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
}
@media screen and (max-width:768px){
	.share__decoWrap .deco__frame::before,
	.share__decoWrap .deco__frame::after{
		width: calc(38 / var(--vw-min) * 100vw);
		height: calc(38 / var(--vw-min) * 100vw);
	}
}
.share__decoWrap .deco__frame.--top::before {
	top: 0;
	left: 0;
	transform: scale(-1,1);
}
.share__decoWrap .deco__frame.--top::after {
	top: 0;
	right: 0;
}
.share__decoWrap .deco__frame.--bottom::before {
	bottom: 0;
	left: 0;
	transform: scale(-1,-1);
}
.share__decoWrap .deco__frame.--bottom::after {
	right: 0;
	bottom: 0;
	transform: scale(1,-1);
}
.deco__pen {
	width: min(calc(523 / var(--vw-min) * 100vw),523px);
	height: min(calc(118 / var(--vw-min) * 100vw),118px);
	position: absolute;
	bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
	left: min(calc(115 / var(--vw-min) * 100vw),115px);
	-webkit-mask: url(../img/common/deco/deco_pen.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_pen.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
	pointer-events: none;
}
@media screen and (max-width:768px){
	.deco__pen {
		width: calc(296 / var(--vw-min) * 100vw);
		height: calc(67 / var(--vw-min) * 100vw);
		bottom: calc(20 / var(--vw-min) * 100vw);
		left: calc(35 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * アニメーション
-------------------------------------------------*/
.header__navBtnWrap {
    opacity: 0;
    transform: scale(0.5);
    pointer-events: none;
    transition: .3s var(--cubic-bezier01);
}
body.--h-show .header__navBtnWrap {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}
.movie .movieBtn::after {
	opacity: 0;
	transform: scale(1.1);
	transition: .15s var(--cubic-bezier02);
}
.movie.is-ani .movieBtn::after {
	opacity: 1;
	transform: scale(1);
	transition-delay: .3s;
}
.news .news__item {
	opacity: 0;
	transform: translateX(-30%);
	transition: .3s var(--cubic-bezier01);
}
.news.is-ani .news__item {
	opacity: 1;
	transform: translateX(0);
	transition-delay: .45s;
}
.news.is-ani .news__item:nth-child(2) {
	transition-delay: .6s;
}
.news.is-ani .news__item:nth-child(3) {
	transition-delay: .75s;
}
.news .linkBtn {
	opacity: 0;
	transition: .3s var(--cubic-bezier01);
}
.news.is-ani .linkBtn {
	opacity: 1;
	transition-delay: .75s;
}
.staff,
.cast,
.novels,
.comics,
.shareArea {
	opacity: 0;
	transform: translateY(30%);
	transition: .3s var(--cubic-bezier01);
}
.staff.is-ani,
.cast.is-ani,
.novels.is-ani,
.comics.is-ani,
.shareArea.is-ani {
	opacity: 1;
	transform: translateY(0);
}
/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	min-height: 100vh;
	min-height: 100dvh;
	background-color: #000;
}
.loading::before {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: 100vh;
	min-height: 100dvh;
	background: url(../img/common/bg/bg_ptn.jpg)repeat center/min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.loading::before {
		background-size: calc(60 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw);
	}
}
.loadWrap {
	width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
	opacity: 0;
	animation: load_fadeIn .3s forwards;
	animation-delay: .3s;
}
@keyframes load_fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
.load__mirrorWrap {
	width: min(calc(288 / var(--vh-min) * 100vh),calc(288 / var(--vw-min) * 100vw));
	height: min(calc(439 / var(--vh-min) * 100vh),calc(439 / var(--vw-min) * 100vw));
	position: relative;
}
@media screen and (max-width:768px){
	.load__mirrorWrap {
		width: calc(288 / var(--vw-min) * 100vw);
		height: calc(439 / var(--vw-min) * 100vw);
	}
}
.load__logo1,
.load__logo2,
.load__crack,
.load__black {
	width: min(calc(245 / var(--vh-min) * 100vh),calc(245 / var(--vw-min) * 100vw));
	height: min(calc(302 / var(--vh-min) * 100vh),calc(302 / var(--vw-min) * 100vw));
	position: absolute;
	inset: 0;
	margin: auto;
}
@media screen and (max-width:768px){
	.load__logo1,
	.load__logo2,
	.load__crack,
	.load__black {
		width: calc(245 / var(--vw-min) * 100vw);
		height: calc(302 / var(--vw-min) * 100vw);
	}
}
.load__logo1 {
	background: url(../img/top/loading/load_logo1.png)no-repeat center/contain;
}
.load__logo2 {
	background: url(../img/top/loading/load_logo2.png)no-repeat center/contain;
	opacity: 0;
}
.load__crack {
	background: url(../img/top/loading/load_crack.png)no-repeat center/contain;
	opacity: 0;
	transform: scale(.8);
	transition: .05s var(--cubic-bezier01);
}
.load__black {
	background: url(../img/top/loading/load_black.svg)no-repeat center/contain;
	opacity: 0;
	transition: .05s var(--cubic-bezier01);
}
.load__frame {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;background: url(../img/top/loading/load_frame.png)no-repeat center/contain;
}
.load__txtWrap {
	width: 100%;
	height: min(calc(83 / var(--vh-min) * 100vh),calc(83 / var(--vw-min) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	margin-top: min(calc(13 / var(--vh-min) * 100vh),calc(13 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.load__txtWrap {
		height: calc(60 / var(--vw-min) * 100vw);
		margin-top: calc(10 / var(--vw-min) * 100vw);
	}
}
.load__txt1 {
	width: min(calc(226 / var(--vh-min) * 100vh),calc(226 / var(--vw-min) * 100vw));
	height: min(calc(82 / var(--vh-min) * 100vh),calc(82 / var(--vw-min) * 100vw));
	position: relative;
	transition: .1s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.load__txt1 {
		width: calc(165 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
	}
}
.load__txt1::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/top/loading/load_txt1.svg)no-repeat center/contain;
	mask: url(../img/top/loading/load_txt1.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
	animation: load_opfadeIn .15s infinite alternate-reverse;
}
.load__txt2 {
	width: min(calc(469 / var(--vh-min) * 100vh),calc(469 / var(--vw-min) * 100vw));
	height: min(calc(83 / var(--vh-min) * 100vh),calc(83 / var(--vw-min) * 100vw));
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/top/loading/load_txt2.svg)no-repeat center/contain;
	mask: url(../img/top/loading/load_txt2.svg)no-repeat center/contain;
	background-color: var(--color-goldAF9);
	opacity: 0;
	transition: .1s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.load__txt2 {
		width: calc(339 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
	}
}
.load__glassWrap {
	width: min(calc(374 / var(--vh-min) * 100vh),calc(374 / var(--vw-min) * 100vw));
	height: min(calc(423 / var(--vh-min) * 100vh),calc(423 / var(--vw-min) * 100vw));
	position: absolute;
	inset: 0;
	margin: auto;
}
@media screen and (max-width:768px){
	.load__glassWrap {
		width: calc(374 / var(--vw-min) * 100vw);
		height: calc(423 / var(--vw-min) * 100vw);
	}
}
.load__glassPart {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	opacity: 0;
	transform: scale(0.5);
	transition: .6s var(--cubic-bezier02);
}
.load__glass1 {
	background: url(../img/top/loading/load_glass1.png)no-repeat center/contain;
}
.load__glass2 {
	background: url(../img/top/loading/load_glass2.png)no-repeat center/contain;
}
.load__glass3 {
	background: url(../img/top/loading/load_glass3.png)no-repeat center/contain;
}
.load__glass4 {
	background: url(../img/top/loading/load_glass4.png)no-repeat center/contain;
}
.load__glass5 {
	background: url(../img/top/loading/load_glass5.png)no-repeat center/contain;
}
.load__glass6 {
	background: url(../img/top/loading/load_glass6.png)no-repeat center/contain;
}
.load__glass7 {
	background: url(../img/top/loading/load_glass7.png)no-repeat center/contain;
}
.load__glass8 {
	background: url(../img/top/loading/load_glass8.png)no-repeat center/contain;
}
.load__glass9 {
	background: url(../img/top/loading/load_glass9.png)no-repeat center/contain;
}
.load__glass10 {
	background: url(../img/top/loading/load_glass10.png)no-repeat center/contain;
}
body.--loading .load__logo1 {
	opacity: 0;
}
body.--loading .load__txt1 {
	opacity: 0;
}
body.--loading .load__logo2 {
	opacity: 1;
	animation: brightness .15s forwards cubic-bezier(0.75, 0, 0.2, 0);
}
body.--loading .load__txt2 {
	opacity: 1;
}
body.--loading .load__mirrorWrap {
	animation: load_scale .15s forwards;
}
body.--loading .load__crack {
	opacity: 1;
	transform: scale(1);
	transition-delay: .155s;
}
body.--loading .load__black {
	opacity: 1;
	transition-delay: .5s;
}
@keyframes load_opfadeIn {
  0%   { opacity: 0.5; }
  25%   { opacity: 1; }
  75%   { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes load_scale {
  0%,100%  {transform: scale(100%); }
  50% {transform: scale(90%); }
}
@keyframes brightness {
	0% { filter: brightness(1); }
	50% { filter: brightness(200%); }
	90% { filter: brightness(1); }
	100% { filter: brightness(1); }
}
body.--loading .load__glassPart {
	opacity: 1;
	transform: scale(1.5);
	transition-delay: .45s;
}
.fv__visualWrap,
.fv__lIn {
	opacity: 0;
	transition: 1s var(--cubic-bezier01);
}
.fv__visualWrap.is-ani,
.fv__lIn.is-ani {
	opacity: 1;
}
.deco__petal1,
.deco__petal2,
.deco__petal3,
.scrollDown,
.fv .cont__slider {
	opacity: 0;
	transition: 2s var(--cubic-bezier01);
}
.deco__petal1.is-ani,
.deco__petal2.is-ani,
.deco__petal3.is-ani,
.scrollDown.is-ani,
.fv .cont__slider.is-ani {
	opacity: 1;
	transition-delay: .8s;
}
.visual__flash {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	z-index: 1;
	background: url(../img/top/visual/visual_flash.png)no-repeat center/contain;
}
.fv__visualImg.is-ani .visual__flash.flash-now {
    -webkit-filter: brightness(1.25);
    filter: brightness(1.25);
	/* filter: invert(1); */
    transition: -webkit-filter 0.05s, filter 0.05s; 
}