@charset 'UTF-8';


/* テキストの自動拡大を無効化 */
body {
	text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}


/* ページ全体の設定 */
:root {
  --vw-criterion-vlue: 100vw;
}
@media screen and (min-width: 600px) {
	:root {
	  --vw-criterion-vlue: 600px;
	}
}
html {
	overflow-x: hidden;
}
body {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	background: #050505;
	color: #fff;
  font-family: 'Zen Kaku Gothic Antique', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(25 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(50 / 750 * var(--vw-criterion-vlue, 100vw));
  margin: 0;
	position: relative;
}
@keyframes fadeIn {
  0% {
		opacity: 0;
	}
  100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
  0% {
		opacity: 0;
	}
  100% {
		opacity: 1;
	}
}
.sp,
.tab,
.pc {
	display: none;
}
@media screen and (max-width: 599px) {
	.sp {
		display: block;
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
	.tab {
		display: block;
	}
}
@media screen and (min-width: 1025px) {
	.pc {
		display: block;
	}
}
#body-wrap {
	background: url(../img/bg-body-2.png) center bottom / auto 1453px repeat-x, #050505 url(../img/bg-body-1.jpg) center center / auto 3450px repeat-y;
}

/* 火の粉 */
#sparks-wrap {
	 bottom: 0;
	 left: 0;
	 pointer-events: none;
	 position: fixed;
	 right: 0;
	 top: 0;
	 z-index: 99999;
}
#sparks-1,
#sparks-2 {
	position: fixed;
  width: 100%;
  height: 100%;
}

/* ブロック */
.inner {
	margin: 0 auto;
	max-width: 1400px;
	padding: calc(98 / 750 * var(--vw-criterion-vlue, 100vw)) 0 calc(144 / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
	text-align: center;
	width: 100%;
}
.inner > *,
.inner ul li {
	margin: 0 auto calc((25 + 50) / 750 * var(--vw-criterion-vlue, 100vw));
	max-width: calc(30 / 750 * var(--vw-criterion-vlue, 100vw) * 2 + 1200px);
	padding: 0 calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
	width: 100%;
}
.inner .text-title {
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(52 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
	line-height: calc(60 / 750 * var(--vw-criterion-vlue, 100vw));
	text-align: center;
}
.inner .text-title::before,
#content #staff dl::before {
	background: url(../img/img-arrow.png) center center / contain;
	content: '';
	display: block;
	height: calc(90 / 750 * var(--vw-criterion-vlue, 100vw));
	left: 50%;
	max-height: 90px;
	max-width: 116px;
	position: absolute;
	top: calc(0 / 750 * var(--vw-criterion-vlue, 100vw));
	transform: translate(-50%, -500%);
	transition: all 1s;
	width: calc(116 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #staff dl::before {
	top: calc(12 / 750 * var(--vw-criterion-vlue, 100vw));
}
.inner .text-title.appear::before,
#content #staff dl.appear::before {
	transform: translate(-50%, 0);
}
.inner .strong {
	font-size: calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
	line-height: calc(55 / 750 * var(--vw-criterion-vlue, 100vw));
}
.inner .paragraph {
	display: inline-block;
	white-space: nowrap;
}

/* 遅延表示 */
.scroll-in {
	opacity: 0;
	transition: all 1s;
	visibility: hidden;
}
.scroll-in.appear {
	opacity: 1;
	visibility: visible;
}
.scroll-in .in-down,
.scroll-in .in-up,
.scroll-in .in-left,
.scroll-in .in-right {
	transition: all .8s cubic-bezier(.16, 1, .3, 1);
}
.scroll-in .in-down {
	transform: translateY(-50%);
}
.scroll-in .in-up {
	transform: translateY(50%);
}
.scroll-in.appear .in-down,
.scroll-in.appear .in-up {
	transform: translateY(0);
}
.scroll-in .in-left {
	transform: translateX(-10%);
}
.scroll-in .in-right {
	transform: translateX(10%);
}
@media screen and (min-width: 600px) {
	.scroll-in .in-left {
		transform: translateX(-5%);
	}
	.scroll-in .in-right {
		transform: translateX(5%);
	}
}
.scroll-in.appear .in-left,
.scroll-in.appear .in-right {
	transform: translateX(0);
}

/* リンク */
a {
	color: inherit;
	text-decoration: none;
}
@media screen and (min-width: 600px) {
	a img,
	a i,
	button img,
	button i {
		transition: .5s all;
	}
	a:hover img,
	a:hover i,
	button:hover img,
	button:hover i {
		transform: scale(1.05, 1.05) !important;
	}
}

/* 画像 */
img {
	width: 100%;
	height: auto;
	display: inline;
}
figure {
	margin: 0;
}

/* ローディング */
#loading {
	display: none;
	visibility: hidden;
}
.loading-on #loading {
	background: #000;
	display: block;
	height: 100%;
	min-height: calc(700 / 750 * var(--vw-criterion-vlue, 100vw));
	position: fixed;
	visibility: visible;
	width: 100%;
	z-index: 9999999;
}
.loading-on #loading .logo {
	left: 50%;
	max-width: 260px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .5s;
	width: calc(260 / 750 * var(--vw-criterion-vlue, 100vw));
	z-index: 999999;
}
.loading-on.appear #loading .logo {
	opacity: 0;
}
.loading-on #body-wrap {
	display: none;
	visibility: hidden;
}
.loading-on.appear #body-wrap {
	display: block;
	visibility: visible;
}


/* ヘッダ */

/* トップ */
#top header {
	height: 100vh;
	height: 100dvh;
	min-height: calc(700 / 750 * var(--vw-criterion-vlue, 100vw));
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 99999;
}
#top header #head-main {
	bottom:0;
	left:0;
	position: absolute;
	right:0;
	top: 0;
}
#top header #head-main .logo {
	max-width: 669px;
	left: 50%;
	position: absolute;
	top: calc(210 / 750 * var(--vw-criterion-vlue, 100vw));
	transform: translate(-50%, 0);
	width: calc(669 / 750 * var(--vw-criterion-vlue, 100vw));
}
#top header #head-main .play {
	animation: flash .5s ease 0s infinite alternate;
	-webkit-animation: flash .5s ease 0s infinite alternate;
	bottom: calc(210 / 750 * var(--vw-criterion-vlue, 100vw));
	left: 50%;
	max-width: 109px;
	position: absolute;
	transform: translate(-50%, 0);
	transform-origin: center;
	width: calc(109 / 750 * var(--vw-criterion-vlue, 100vw));
}
@media screen and (min-width: 600px) {
	#top header #head-main .play:hover {
		animation: none;
		-webkit-animation: none;
	}
}
@keyframes flash {
  0% {
		opacity: .5;
	}
  100% {
		opacity: 1;
	}
}
@-webkit-keyframes flash {
  0% {
		opacity: .5;
	}
  100% {
		opacity: 1;
	}
}
#top header #head-main .scroll {
	bottom: calc(19 / 750 * var(--vw-criterion-vlue, 100vw));
	left: 50%;
	max-width: 238px;
	position: absolute;
	transform: translate(-50%, 0);
	width: calc(238 / 750 * var(--vw-criterion-vlue, 100vw));
}

/* 背景 */
#top header #head-bg {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
#top header #head-bg #youtube {
	height: calc(9 / 16 * 100vw);
	left: 50%;
	min-height: 100%;
  min-width: 100%;
	pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
	width: calc(16 / 9 * 100vh);
}
#top header #head-bg::after {
	background: url(../img/bg-head-cover.jpg) center center / cover;
	bottom: 0;
	content: '';
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
}
#top header #head-bg.apper::after {
	opacity: .3;
	transition-duration: 2s;
}

/* サブ */
.sub header {
	z-index: 99999;
}
.sub header #head-main {
	margin: 0 auto;
	max-width: 1400px;
	padding: calc(98 / 750 * var(--vw-criterion-vlue, 100vw)) 0 calc(144 / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
	text-align: center;
	width: 100%;
}
.sub header #head-main .logo {
	max-width: 425px;
	left: calc(54 / 750 * var(--vw-criterion-vlue, 100vw));
	position: absolute;
	top: calc(42 / 750 * var(--vw-criterion-vlue, 100vw));
	width: calc(425 / 750 * var(--vw-criterion-vlue, 100vw));
}


/* ナビゲーション */
navigation {
	display: block;
	position: sticky;
	top: 0;
	transition: all .3s;
	width: 100%;
	z-index: 100000;
}
.sub navigation {
	position: fixed;
}
navigation .inner {
	padding: 0;
}
navigation .button-wrap {
	align-items: center;
	display: flex;
	filter: drop-shadow(0 0 calc(60 / 750 * var(--vw-criterion-vlue, 100vw) / 4) #000);
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 0;
	padding: calc(42 / 750 * var(--vw-criterion-vlue, 100vw)) 0 0;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(125 / 750 * var(--vw-criterion-vlue, 100vw));
	z-index: 100002;
}
navigation .button-wrap .button-menu {
	background: url(../img/bg-button-menu.png) center center / cover;
	display: block;
	height: calc(97 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-bottom: calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
	max-height: 97px;
	max-width: 109px;
	position: relative;
	width: calc(109 / 750 * var(--vw-criterion-vlue, 100vw));
}
navigation .button-wrap .button-menu span,
navigation .button-wrap .button-menu::before,
navigation .button-wrap .button-menu::after {
	background: #fff;
	display: inline-block;
	height: calc(8 / 750 * var(--vw-criterion-vlue, 100vw));
	left: calc(39 / 750 * var(--vw-criterion-vlue, 100vw));
	max-height: 8px;
	max-width: 30px;
	position: absolute;
	transition: all .4s;
	width: calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
}
navigation .button-wrap .button-menu::before,
navigation .button-wrap .button-menu::after {
	content: '';
}
navigation .button-wrap .button-menu span {
  top: calc(28 / 750 * var(--vw-criterion-vlue, 100vw));
}
navigation .button-wrap .button-menu::before {
  top: calc(44 / 750 * var(--vw-criterion-vlue, 100vw));
}
navigation .button-wrap .button-menu::after {
  top: calc(60 / 750 * var(--vw-criterion-vlue, 100vw));
}
body.menu-active navigation .button-wrap .button-menu span {
	transform: translateY(calc(16 / 750 * var(--vw-criterion-vlue, 100vw))) rotate(135deg);
}
body.menu-active navigation .button-wrap .button-menu::before {
  opacity: 0;
	transform: scaleX(0);
}
body.menu-active navigation .button-wrap .button-menu::after {
	transform: translateY(calc(16 / 750 * var(--vw-criterion-vlue, 100vw) * -1)) rotate(-135deg);
}
navigation .menu {
	background: #050505 url(../img/bg-body-1.jpg) center center / auto 3450px repeat-y;
	bottom: 0;
	display: none;
	margin-bottom: 0;
	max-width: none;
	padding: calc(98 * 2 / 750 * var(--vw-criterion-vlue, 100vw)) 0 calc(144 / 750 * var(--vw-criterion-vlue, 100vw));
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100001;
}
navigation .menu li {
	margin-bottom: calc(27 / 750 * var(--vw-criterion-vlue, 100vw));
}
navigation .menu li a {
	color: #fff;
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(48 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
	line-height: calc(58 / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
	transition: all .15s;
}
navigation .menu li.logo-x a {
	display: inline-block;
	max-width: 50px;
	width: calc(50 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-top: calc(27 / 750 * var(--vw-criterion-vlue, 100vw));
}
@media screen and (min-width: 600px) {
	navigation .menu li a::after {
		background: #fff;
		bottom: 0;
		content: '';
		height: 3px;
		left: 0;
		position: absolute;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: left top;
		width: 100%;
	}
	navigation .menu li.logo-x a::after {
		content: normal;
	}
	navigation .menu li a:hover::after {
		transform: scale(1, 1);
	}
}


/* コンテンツ */
#content {
	overflow-x: hidden;
}
#news #content {
	overflow: visible;
}

/* トップ */

/* キービジュアル */
#content #kv {
}
#content #kv .inner {
	padding-top: calc(98 * 2 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #kv .image {
	position: relative;
}
#content #kv .image::before {
	background: #000;
	content: '';
	bottom: 0;
	left: calc((250 + 30) / 750* var(--vw-criterion-vlue, 100vw));
	position: absolute;
	right: calc((250 + 30) / 750* var(--vw-criterion-vlue, 100vw));
	top: 0;
}
#content #kv .image li {
	display: none;
}
#content #kv .image li.active {
	display: block;
}
#content #kv .menu {
	display: none;
}
@media screen and (min-width: 600px) {
	#content #kv .inner {
		padding-top: calc(98 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#content #kv .image {
		padding: 0 calc(250 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#content #kv .menu {
		display: block;
		left: 0;
		padding: calc(98 * 2 / 750 * var(--vw-criterion-vlue, 100vw)) 0 calc(144 / 750 * var(--vw-criterion-vlue, 100vw));
		position: absolute;
		text-align: left;
		top: 0;
		width: calc(250 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#content #kv .menu li {
		margin-bottom: calc(27 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#content #kv .menu li a {
		color: #342f2d;
		font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
		font-size: calc(40 / 750 * var(--vw-criterion-vlue, 100vw));
		font-weight: bold;
		line-height: calc(48 / 750 * var(--vw-criterion-vlue, 100vw));
		position: relative;
		transition: all .15s;
	}
	#content #kv .menu li a[href='#intro'] {
		letter-spacing: -0.05rem;
	}
	#content #kv .menu li.logo-x a {
		display: inline-block;
		max-width: 50px;
		width: calc(50 / 750 * var(--vw-criterion-vlue, 100vw));
		margin-top: calc(27 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#content #kv .menu li a:hover {
		color: #fff;
	}
	#content #kv .menu li a::after {
		background: #fff;
		bottom: 0;
		content: '';
		height: 3px;
		left: 0;
		position: absolute;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: left top;
		width: 100%;
	}
	#content #kv .menu li:not([class='logo-x']) a:hover::after {
		transform: scale(1, 1);
	}
}

/* ニュース */
#content #news {
	position: relative;
	z-index: 99999;
}
#content #news ul {
	margin-bottom: calc(8 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #news ul li {
	margin-bottom: calc(8 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #news ul li a {
	background: rgba(255, 255, 255, .1);
	display: block;
	padding: calc((24 + 27) / 2 / 750 * var(--vw-criterion-vlue, 100vw)) calc(109 / 750 * var(--vw-criterion-vlue, 100vw)) calc((24 + 27) / 2 / 750 * var(--vw-criterion-vlue, 100vw)) calc((24 + 27) / 2 / 750 * var(--vw-criterion-vlue, 100vw));
	text-align: left;
	transition: all .25s;
}
#content #news ul li a::after {
	background:  url(../img/img-arrow-r.png) center center / contain no-repeat;
	content: '';
	display: block;
	height: calc(93 / 750 * var(--vw-criterion-vlue, 100vw));
	position: absolute;
	right: calc(42 / 750 * var(--vw-criterion-vlue, 100vw));
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s;
	width: calc(72 / 750 * var(--vw-criterion-vlue, 100vw));
}
@media screen and (min-width: 600px) {
	#content #news ul li {
	}
	#content #news ul li a {
		padding: calc((24 + 27) / 2 / 750 * var(--vw-criterion-vlue, 100vw)) calc(109 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#content #news ul li a:hover {
		color: #d6601e;
	}
	#content #news ul li a::after {
		height: calc(116 / 750 * var(--vw-criterion-vlue, 100vw));
		opacity: 0;
		transform: translate(-250%, -50%);
		width: calc(90 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#content #news ul li a:hover::after {
		opacity: 1;
		transform: translate(0, -50%);
	}
}
#content #news ul li .news-date {
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(35 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
}
#content #news .button-more {
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(35 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
}
#content #news .button-more {
}
#content #news .button-more a {
	background: rgba(255, 255, 255, .1);
	display: block;
	float: right;
	margin-right: calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
	padding: calc(21 / 750 * var(--vw-criterion-vlue, 100vw)) calc(42 / 750 * var(--vw-criterion-vlue, 100vw));
	transition: all .25s;
}
@media screen and (min-width: 600px) {
	#content #news .button-more {
	}
	#content #news .button-more a:hover {
		color: #d6601e;
	}
}

/* イントロダクション */
#content #intro {
	position: relative;
	z-index: 99999;
}
#content #intro .text {
	text-align: left;
}
#content #intro .text a {
	text-decoration: underline;
}
#content #intro .bold {
	font-size: calc(33 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(60 / 750 * var(--vw-criterion-vlue, 100vw));
}

/* ストーリー */
#content #story {
	background: url(../img/bg-story.png) center center / cover;
	position: relative;
	z-index: 99999;
}
#content #story .text {
	text-align: left;
}
#content #story ol {
	display: flex;
	flex-wrap: wrap;
}
#content #story ol li {
	margin-bottom: calc((25 + 50) / 750 * var(--vw-criterion-vlue, 100vw));
	padding: 0 calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
	width: 50%;
}
#content #story ol li a {
	display: block;
  position: relative;
	transition: .5s all;
}
#content #story ol li a img {
	margin: calc(14 / 750 * var(--vw-criterion-vlue, 100vw)) auto;
}
#content #story ol li a p {
	font-size: calc(28 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
	line-height: calc(28 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #story ol li a p .half-width {
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(34 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #story ol li a p .japanese {
	font-size: calc(25 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: normal;
	line-height: calc(50 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #story ol li a p .half-width:first-child {
	margin: 0 0.2rem;
}
@media screen and (min-width: 600px) {
	#content #story ol li {
		width: calc(100% / 3);
	}
	#content #story ol li a:hover {
		z-index: +1;
		/* transform: scale(1.05, 1.05); */
	}
	#content #story ol li a:hover img {
		box-shadow: 0 0 65px rgba(204, 204, 204, 1);
		transform: none !important;
	}
}

/* スタッフ */
#content #staff {
	position: relative;
	z-index: 99999;
}
#content #staff .dl-wrap {
}
#content #staff .dl-wrap dl {
	margin-bottom: calc((25 + 50) / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
}
#content #staff .dl-wrap dl dt {
	margin-bottom: calc(15 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #staff .dl-wrap dl dd {
	margin-bottom: calc(15 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #staff .dl-wrap dl dd:last-child {
	margin-bottom: 0;
}
@media screen and (min-width: 600px) {
	#content #staff .dl-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#content #staff .dl-wrap dl {
		padding: 0 calc(15 / 750 * var(--vw-criterion-vlue, 100vw));
		width: 50%;
	}
}

/* ムービー */
#content #movie {
	background: url(../img/bg-movie.png) center center / cover;
	position: relative;
	z-index: 99999;
}
@media screen and (min-width: 600px) {
	#content #movie {
		overflow-x: hidden;
	}
}
#content #movie .video-pv-list {
	padding: 0;
}
#content #movie .video-pv-list .video-pv {
	margin-bottom: 0;
	padding: 0 calc(95 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #movie .video-pv-list .video-pv a {
	background: #000;
	box-shadow: 0 0 65px rgba(51, 51, 51, 1);
	display: block;
	pointer-events: none;
	transition: all .5s;
}
#content #movie .video-pv-list .video-pv.slick-active[tabindex='0'] a {
	box-shadow: 0 0 65px rgba(204, 204, 204, 1);
	pointer-events: auto;
}
#content #movie .video-pv-list .video-pv a::after {
	background: url(../img/btn-play2.png) center center / contain no-repeat;
	content: '';
	height: calc(96 / 750 * var(--vw-criterion-vlue, 100vw));
	left: 50%;
	max-height: 96px;
	max-width: 108px;
	opacity: .3;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .25s;
	width: calc(108 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #movie .video-pv-list .video-pv.slick-active[tabindex='0'] a::after {
	opacity: 1;
}
@media screen and (min-width: 600px) {
	#content #movie .video-pv-list .video-pv a::after {
	}
	#content #movie .video-pv-list .video-pv a:hover::after {
		opacity: 0 !important;
	}
}
#content #movie .video-pv-list .video-pv a img {
	opacity: .3;
	transition: all .25s;
}
#content #movie .video-pv-list .video-pv.slick-active[tabindex='0'] a img {
	opacity: 1;
}

/* slick */
.video-pv-list .slick-list {
	overflow: visible;
}
.video-pv-list .slick-prev,
.video-pv-list .slick-next {
	height: calc(93 / 750 * var(--vw-criterion-vlue, 100vw));
	transition: all .5s;
	width: calc(72 / 750 * var(--vw-criterion-vlue, 100vw));
	z-index: +1;
}
.video-pv-list .slick-prev {
	left: 0;
}
.video-pv-list .slick-next {
	right: 0;
}
@media screen and (min-width: 600px) {
	.video-pv-list .slick-prev,
	.video-pv-list .slick-next {
		height: calc(116 / 750 * var(--vw-criterion-vlue, 100vw));
		width: calc(90 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	.video-pv-list .slick-prev {
		left: 12%;
	}
	.video-pv-list .slick-next {
		right: 12%;
	}
	.video-pv-list .slick-prev:hover {
		transform: translate(-10%, -50%);
	}
	.video-pv-list .slick-next:hover {
		transform: translate(10%, -50%);
	}
}
.video-pv-list .slick-prev::before,
.video-pv-list .slick-next::before {
	bottom: 0;
	content: '';
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
}
.video-pv-list .slick-prev::before {
	background: url(../img/img-arrow-l.png) center center / contain no-repeat;
}
.video-pv-list .slick-next::before {
	background: url(../img/img-arrow-r.png) center center / contain no-repeat;
}
.video-pv-list .slick-dots {
	bottom: auto;
}
.video-pv-list .slick-dots li {
	height: calc(7 / 750 * var(--vw-criterion-vlue, 100vw));
	padding: 0 calc(5 / 750 * var(--vw-criterion-vlue, 100vw));
	width: calc(75 / 750 * var(--vw-criterion-vlue, 100vw));
}
.video-pv-list .slick-dots li button {
	background: #fff;
	height: calc(7 / 750 * var(--vw-criterion-vlue, 100vw));
	opacity: .1;
	padding: 0;
	width: calc(70 / 750 * var(--vw-criterion-vlue, 100vw));
}
.video-pv-list .slick-dots li.slick-active button {
	opacity: .3;
}
.video-pv-list .slick-dots li button::before {
	content: none;
}

/* キャラクター */
#content #chara {
	background: url(../img/bg-chara.png) center center / cover;
	position: relative;
	z-index: 99999;
}

/* メカ */
#content #mecha {
	background: url(../img/bg-mecha.png) center center / cover;
	position: relative;
	z-index: 99999;
}

/* switch */
.switch ul.thumb {
	filter: drop-shadow(0 0 calc(60 / 750 * var(--vw-criterion-vlue, 100vw) / 4) #000);
}
.switch ul.thumb {
	display: block;
	right: 0;
	padding: calc(98 * 4 / 750 * var(--vw-criterion-vlue, 100vw)) 0 calc(144 / 750 * var(--vw-criterion-vlue, 100vw));
	position: absolute;
	text-align: left;
	top: 0;
	width: calc(125 / 750 * var(--vw-criterion-vlue, 100vw));;
}
#kv .switch ul.thumb {
	display: flex;
	justify-content: center;
	padding: calc(42 / 750 * var(--vw-criterion-vlue, 100vw)) 0 calc(144 / 750 * var(--vw-criterion-vlue, 100vw));
	width: 100%;
}
.switch ul.thumb::before {
	content: 'VISUAL';
	display: block;
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
  font-size: calc(18 / 750 * var(--vw-criterion-vlue, 100vw));
	margin: 0 auto calc(12 / 750 * var(--vw-criterion-vlue, 100vw));
	width: calc(80 / 750 * var(--vw-criterion-vlue, 100vw));
}
#kv .switch ul.thumb::before {
	margin: 0 calc(29 / 750 * var(--vw-criterion-vlue, 100vw) / 2) calc(12 / 750 * var(--vw-criterion-vlue, 100vw));
	width: auto;
}
.switch ul.thumb li {
	cursor: pointer;
	margin-bottom: calc(29 / 750 * var(--vw-criterion-vlue, 100vw));
	opacity: .75;
	padding: 0;
	position: relative;
	transition: all .1s;
	width: calc(80 / 750 * var(--vw-criterion-vlue, 100vw));
}
#kv .switch ul.thumb li {
	margin: calc((97 - 80) / 2 / 750 * var(--vw-criterion-vlue, 100vw)) calc(29 / 750 * var(--vw-criterion-vlue, 100vw) / 2) 0;
}
.switch ul.thumb li.active {
	opacity: 1;
	pointer-events: none;
}
.switch ul.thumb li::before,
.switch ul.thumb li::after {
	border: 1px solid #fff;
  content: '';
	height: 10px;
  position: absolute;
	transition: all .2s ease-in-out;
  width: 10px;
}
.switch ul.thumb li::before {
	border-width: 1px 0 0 1px;
	left: calc(5 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
  top: calc(5 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
}
.switch ul.thumb li::after {
	border-width: 0 1px 1px 0;
  bottom: calc(5 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
  right: calc(5 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
}
.switch ul.thumb li.active::before,
.switch ul.thumb li.active::after {
	height: calc(100% + (5 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
	width: calc(100% + (5 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
}
@media screen and (min-width: 600px) {
	.switch ul.thumb {
		width: calc(250 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#kv .switch ul.thumb {
		display: block;
		padding-top: calc(98 * 4 / 750 * var(--vw-criterion-vlue, 100vw));
		text-align: left;
		width: calc(250 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	.switch ul.thumb::before {
		margin: 0 0 calc(12 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#kv .switch ul.thumb::before {
		margin: 0 0 calc(12 / 750 * var(--vw-criterion-vlue, 100vw));
		width: calc(80 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	.switch ul.thumb li {
		margin: 0 0 calc(29 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	#kv .switch ul.thumb li {
		margin: 0 0 calc(29 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	.switch ul.thumb li:hover {
		opacity: 1;
	}
	.switch ul.thumb li:hover::before,
	.switch ul.thumb li:hover::after {
		height: calc(100% + (5 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
	  width: calc(100% + (5 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
	}
}

/* slide */
.slide ul.content {
}
.slide ul.content .slide-prev,
.slide ul.content .slide-next {
	content: '';
	cursor: pointer;
	display: block;
	font-size: 0;
	height: calc(93 / 750 * var(--vw-criterion-vlue, 100vw));
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s;
	width: calc(72 / 750 * var(--vw-criterion-vlue, 100vw));
	z-index: +1;
}
#chara .slide ul.content .slide-prev,
#chara .slide ul.content .slide-next {
	top: calc((590 + 60) / 750 * var(--vw-criterion-vlue, 100vw));
}
#mecha .slide ul.content .slide-prev,
#mecha .slide ul.content .slide-next {
	top: calc((817 + 60) / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.content .slide-prev {
	left: calc(42 / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.content .slide-next {
	right: calc(42 / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.content .slide-prev::before,
.slide ul.content .slide-next::after {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.slide ul.content .slide-prev::before {
	background:  url(../img/img-arrow-l.png) center center / contain no-repeat;
}
.slide ul.content .slide-next::after {
	background:  url(../img/img-arrow-r.png) center center / contain no-repeat;
}
.slide ul.content > li {
	display: none;
}
.slide ul.content > li.active {
	display: flex;
	flex-wrap: wrap;
}
.slide ul.content > li .image {
	margin: 0 calc(30 / 750 * var(--vw-criterion-vlue, 100vw) * -1) calc(119 / 750 * var(--vw-criterion-vlue, 100vw));
	width: calc(100% + (30 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
}
#mecha .slide ul.content > li .image {
	margin: 0 calc(60 / 750 * var(--vw-criterion-vlue, 100vw) * -1) calc(119 / 750 * var(--vw-criterion-vlue, 100vw));
	width: calc(100% + (60 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
}
.slide ul.content > li ol.image {
}
.slide ul.content > li ol.image li {
	display: none;
	margin-bottom: 0;
	padding: 0;
}
.slide ul.content > li ol.image li.active {
	display: list-item;
}
.slide ul.content > li .description {
	font-size: calc(22 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(38 / 750 * var(--vw-criterion-vlue, 100vw));
	text-align: left;
	width: 100%;
}
.slide ul.content > li .description .name-j {
	background: url(../img/bg-name-1.png) right bottom / calc(692 / 750 * var(--vw-criterion-vlue, 100vw)) auto no-repeat;
	font-size: calc(43 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(60 / 750 * var(--vw-criterion-vlue, 100vw));
	padding-bottom: calc(28 / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.content > li .description .name-e {
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(26 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(42 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-top: calc(20 / 2 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
}
.slide ul.content > li .description .cast,
.slide ul.content > li .description .model {
	/* font-size: calc(24 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(40 / 750 * var(--vw-criterion-vlue, 100vw)); */
}
.slide ul.content > li .description .detail {
	margin-top: calc(39 / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.content > li .description .style-switch {
	display: flex;
	flex-wrap: wrap;
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(28 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-top: calc(27 / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.content > li .description .style-switch li {
	margin: 0 calc(27 / 2 / 750 * var(--vw-criterion-vlue, 100vw));
	padding: 0;
	width: auto;
}
.slide ul.content > li .description .style-switch li.active {
	display: list-item;
	pointer-events: none;
}
.slide ul.content > li .description .style-switch li .number {
	font-size: calc(32 / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.content > li .description .style-switch li img {
	height: calc(12 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-right: calc(4 / 750 * var(--vw-criterion-vlue, 100vw));
	max-height: 12px;
	vertical-align: baseline;
	width: auto;
}
.slide ul.content > li .description .style-switch li p {
	border-bottom: 2px solid rgba(136, 136, 136, 0);
	display: inline-block;
	transition: all .5s;
}
.slide ul.content > li .description .style-switch li.active p {
	border-bottom: 2px solid rgba(136, 136, 136, 1);
}
.slide ul.content > li .description .boarding {
	font-size: calc(21 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(25 / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.content > li .description .boarding h3 {
	background: url(../img/bg-boarding.png) left bottom / calc(692 / 750 * var(--vw-criterion-vlue, 100vw)) auto no-repeat;
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(37 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(25 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-top: calc(90 / 750 * var(--vw-criterion-vlue, 100vw));
	padding-bottom: calc(18 / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.content > li .description .boarding ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	text-align: center;
}
.slide ul.content > li .description .boarding ul li {
	display: list-item;
	margin: 0 0 calc((25 + 50) / 750 * var(--vw-criterion-vlue, 100vw));
	padding: 0 calc(14 / 750 * var(--vw-criterion-vlue, 100vw));
	width: 50%;
}
.slide ul.content > li .description .boarding ul li img {
	margin: calc(14 / 750 * var(--vw-criterion-vlue, 100vw)) auto;
	max-width: 142px;
	width: 100%;
}
@media screen and (min-width: 600px) {
	.slide ul.content {
		padding: 0 calc(150 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	.slide ul.content .slide-prev,
	.slide ul.content .slide-next {
		height: calc(116 / 750 * var(--vw-criterion-vlue, 100vw));
		top: 50% !important;
		width: calc(90 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	.slide ul.content .slide-prev:hover {
		transform: translate(-10%, -50%);
	}
	.slide ul.content .slide-next:hover {
		transform: translate(10%, -50%);
	}
	.slide ul.content > li {
		padding: 0;
	}
	.slide ul.content > li .image {
		margin: 0 !important;
		width: 60% !important;
	}
	.slide ul.content > li .description {
		padding-left: calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
		width: 40%;
	}
	.slide ul.content > li .description .name-j {
		font-size: calc(36 / 750 * var(--vw-criterion-vlue, 100vw));
		line-height: calc(53 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	.slide ul.content > li .description .style-switch li:hover {
		cursor: pointer;
	}
	.slide ul.content > li .description .style-switch li:hover p {
		border-color: rgba(136, 136, 136, 1);
	}
	.slide ul.content > li .description .boarding {
		font-size: calc(14 / 750 * var(--vw-criterion-vlue, 100vw));
		line-height: calc(18 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	.slide ul.content > li .description .boarding h3 {
		font-size: calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
		line-height: calc(18 / 750 * var(--vw-criterion-vlue, 100vw));
		margin-top: calc(51 / 750 * var(--vw-criterion-vlue, 100vw));
		padding-bottom: calc(9 / 750 * var(--vw-criterion-vlue, 100vw));
	}
	.slide ul.content > li .description .boarding ul li {
		transition: .5s all;
	}
	.slide ul.content > li .description .boarding ul li:hover {
		cursor: pointer;
		transform: scale(1.05, 1.05) !important;
	}
}
.slide ul.thumb {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.slide ul.thumb li {
	border: 1px solid #888;
	border-radius: 1px;
	cursor: pointer;
	margin: 0 calc(10 / 750 * var(--vw-criterion-vlue, 100vw)) calc(37 / 750 * var(--vw-criterion-vlue, 100vw));
	opacity: .75;
	padding: 0;
	position: relative;
	transition: all .1s;
	width: calc(80 / 750 * var(--vw-criterion-vlue, 100vw));
}
.slide ul.thumb li.active {
	opacity: 1;
	pointer-events: none;
}
.slide ul.thumb li::before,
.slide ul.thumb li::after {
	border: 1px solid #fff;
  content:'';
	height: 10px;
  position:absolute;
	transition: all .2s ease-in-out;
  width: 10px;
}
.slide ul.thumb li::before {
	border-width: 1px 0 0 1px;
	left: calc(5 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
  top: calc(5 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
}
.slide ul.thumb li::after {
	border-width: 0 1px 1px 0;
  bottom: calc(5 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
  right: calc(5 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
}
.slide ul.thumb li.active::before,
.slide ul.thumb li.active::after {
	height: calc(100% + (5 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
	width: calc(100% + (5 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
}
@media screen and (min-width: 600px) {
	.slide ul.thumb li:hover {
		opacity: 1;
	}
	.slide ul.thumb li:hover::before,
	.slide ul.thumb li:hover::after {
		height: calc(100% + (5 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
	  width: calc(100% + (5 * 2 / 750 * var(--vw-criterion-vlue, 100vw)));
	}
}

/* サブ */

/* ニュース一覧 */
#content #news-list {
	margin: calc(98 / 750 * var(--vw-criterion-vlue, 100vw) * -1) 0 calc((98 + 144) / 750 * var(--vw-criterion-vlue, 100vw) * -1);
	position: relative;
	z-index: 99999;
}
#content #news-list ul {
}
#content #news-list ul li {
	margin-bottom: calc(40 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #news-list ul li a {
	display: block;
	padding: calc(29 / 750 * var(--vw-criterion-vlue, 100vw)) calc((60 + 59) / 2 / 750 * var(--vw-criterion-vlue, 100vw)) calc(63 / 750 * var(--vw-criterion-vlue, 100vw));
	text-align: left;
	transition: all .25s;
}
#content #news-list ul li a::after {
	background: rgba(255, 255, 255, .1);
	bottom: 0;
	content: '';
	left: calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
	position: absolute;
	right: calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
	top: 0;
}
#content #news-list ul li .news-date {
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(35 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
	position: relative;
	z-index: +1;
}
#content #news-list ul li .news-thumb {
	position: relative;
	z-index: +1;
}
#content #news-list ul li .news-thumb img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
#content #news-list ul li a .news-title {
	position: relative;
	z-index: +1;
}
#content #news-list ul li a .news-title::after {
	background:  url(../img/img-arrow-r.png) center center / contain no-repeat;
	content: '';
	display: block;
	height: calc(58 / 750 * var(--vw-criterion-vlue, 100vw));
	position: absolute;
	right: calc(44 / 750 * var(--vw-criterion-vlue, 100vw) * -1);
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s;
	width: calc(45 / 750 * var(--vw-criterion-vlue, 100vw));
}
@media screen and (min-width: 600px) {
	#content #news-list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#content #news-list ul li {
		margin: 0 0 calc(60 / 750 * var(--vw-criterion-vlue, 100vw));
		width: 50%;
	}
	#content #news-list ul li a {
	}
	#content #news-list ul li a:hover {
		color: #d6601e;
	}
	#content #news-list ul li a:hover img {
		transform: none !important;
	}
	#content #news-list ul li a .news-title::after {
		opacity: 0;
		transform: translate(-250%, -50%);
	}
	#content #news-list ul li a:hover .news-title::after {
		opacity: 1;
		transform: translate(0, -50%);
	}
}

/* ニュース詳細 */
#content #news-detail {
	background: rgba(255, 255, 255, .1);
	margin-top: calc((144 + 25 + 50 - 98) / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
	z-index: 99999;
}
#content #news-detail .text-title {
	margin-top: calc((144 + 25 + 50) / 750 * var(--vw-criterion-vlue, 100vw) * -1);
}
#content #news-detail article {
	padding-top: calc((25 + 50) / 750 * var(--vw-criterion-vlue, 100vw));
	text-align: left;
}
#content #news-detail article .news-date {
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(35 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
}
#content #news-detail article .news-title {
	background: rgba(214, 96, 30, .1);
	margin-bottom: calc(40 / 750 * var(--vw-criterion-vlue, 100vw));
	padding: calc(31 / 750 * var(--vw-criterion-vlue, 100vw)) calc(70 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #news-detail article .news-body {
	word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
#content #news-detail article .news-body a {
	color: #d6601e;
}
#content #news-detail article .news-body a:has(img) {
	display: block;
	margin: 0 auto;
	width: fit-content;
}
#content #news-detail article .news-body a[target='_blank']:not(:has(img))::after {
	content: ' \274f';
}
#content #news-detail article .news-body a img {
	max-width: 100%;
	width: auto;
}
#content #news-detail article .news-body iframe[src^='https://www.youtube'] {
    aspect-ratio: 16 / 9;
    display: block;
    height: auto;
    margin: 0 auto;
	max-width: 100%;
}
#content #news-detail article .news-link li a {
	background: rgba(255, 255, 255, .1);
	display: block;
	padding: calc((20 + 21) / 2 / 750 * var(--vw-criterion-vlue, 100vw)) calc(73 / 750 * var(--vw-criterion-vlue, 100vw)) calc((20 + 21) / 2 / 750 * var(--vw-criterion-vlue, 100vw)) calc(20 / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
	transition: all .25s;
}
#content #news-detail article .news-link li a::after {
	background:  url(../img/img-arrow-r.png) center center / contain no-repeat;
	content: '';
	display: block;
	height: calc(58 / 750 * var(--vw-criterion-vlue, 100vw));
	position: absolute;
	right: calc(14 / 750 * var(--vw-criterion-vlue, 100vw));
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s;
	width: calc(45 / 750 * var(--vw-criterion-vlue, 100vw));
}
@media screen and (min-width: 600px) {
	#content #news-detail article .news-body a:hover {
		text-decoration: underline;
	}
	#content #news-detail article .news-body img {
		transform: none !important;
	}
	#content #news-detail article .news-link li a:hover {
		color: #d6601e;
	}
	#content #news-detail article .news-link li a::after {
		opacity: 0;
		transform: translate(-250%, -50%);
	}
	#content #news-detail article .news-link li a:hover::after {
		opacity: 1;
		transform: translate(0, -50%);
	}
}

/* ストーリー詳細 */
#content #story-detail {
	background: url(../img/bg-story.png) center center / cover;
	margin-top: calc((144 + 25 + 50 - 98) / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
	z-index: 99999;
}
#content #story-detail article {
	padding-top: calc((25 + 50) / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #story-detail p {
	margin-bottom: calc((25 + 50) / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #story-detail .text-title {
	margin-top: calc((144 + 25 + 50) / 750 * var(--vw-criterion-vlue, 100vw) * -1);
}
#content #story-detail .story-slide {
}
#content #story-detail .story-slide .story-image {
	position: relative;
}
#content #story-detail .story-slide .story-image::before {
	background: #000;
	content: '';
	bottom: 0;
	left: calc(15 / 750* var(--vw-criterion-vlue, 100vw));
	position: absolute;
	right: calc(15 / 750* var(--vw-criterion-vlue, 100vw));
	top: 0;
}
#content #story-detail .story-slide .story-image li {
	display: none;
	padding: 0 calc(15 / 750* var(--vw-criterion-vlue, 100vw));
}
#content #story-detail .story-slide .story-image li.active {
	display: list-item;
}
/*
#content #story-detail .story-slide .story-thumb {
	display: none;
}
*/
#content #story-detail .story-slide.active .story-thumb {
	display: flex;
}
#content #story-detail .story-slide .story-thumb li {
	padding: 0 calc(15 / 2 / 750* var(--vw-criterion-vlue, 100vw));
	position: relative;
	width: calc(100% / 6);
}
#content #story-detail .story-slide .story-thumb li.active {
	pointer-events: none;
	z-index: +1;
}
#content #story-detail .story-slide .story-thumb li img {
	transition: .5s all;
}
#content #story-detail .story-slide .story-thumb li.active img {
	box-shadow: 0 0 calc(65px / 2) rgba(204, 204, 204, 1);
}
#content #story-detail .story-number {
	font-size: calc(41 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-bottom: calc((25 + 50) / 2 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #story-detail .story-number .half-width {
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(52 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
	margin: 0 0.2rem;
}
#content #story-detail .story-title {
	display: inline-block;
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(70 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
	padding: 0 calc(80 / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
}
#content #story-detail #story-detail-06 .story-title {
	letter-spacing: -0.1rem;
}
#content #story-detail .story-title .decoration {
	font-family: 'Zen Kaku Gothic Antique', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(35 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: normal;
	letter-spacing: normal;
}
#content #story-detail .story-title .decoration:before,
#content #story-detail .story-title .decoration:after {
	background-color: #666;
	content: '';
	display: inline-block;
	height: 1px;
	position: absolute;
	bottom: calc((35 + 12) / 2 / 750 * var(--vw-criterion-vlue, 100vw));
	width: calc(80 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #story-detail .story-title .decoration:before {
	transform: translate(calc((80 + 16) / 750 * var(--vw-criterion-vlue, 100vw) * -1));
}
#content #story-detail .story-title .decoration:after {
	transform: translate(calc(16 / 750 * var(--vw-criterion-vlue, 100vw)));
}
#content #story-detail .story-intro {
	text-align: left;
}
@media screen and (min-width: 600px) {
	#content #story-detail .story-slide .story-thumb li {
		padding: 0 calc(15 / 750* var(--vw-criterion-vlue, 100vw));
	}
	#content #story-detail .story-slide .story-thumb li.active img {
		box-shadow: 0 0 65px rgba(204, 204, 204, 1);
	}
	#content #story-detail .story-slide .story-thumb li:hover {
		cursor: pointer;
		z-index: +1;
	}
	#content #story-detail .story-slide .story-thumb li:hover img {
		box-shadow: 0 0 65px rgba(204, 204, 204, 1);
	}
}

/* 共通 */

/* コントローラ */
#content #control-button {
	position: relative;
	z-index: 99999;
}
#content #control-button .button-wrap {
	display: flex;
	font-family: 'Teko', 'YuGothic', 'Yu Gothic', 'Meiryo', 'Hiragino Sans', sans-serif;
	font-size: calc(35 / 750 * var(--vw-criterion-vlue, 100vw));
	font-weight: bold;
	justify-content: space-between;
}
#content #news-detail ~ #control-button .button-wrap {
	justify-content: center;
}
#content #control-button .button-wrap [class^='button-'] {
	cursor: default;
	padding: 0 calc(30 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #control-button .button-wrap [class^='button-'] a {
	background: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .2);
	display: block;
	float: right;
	padding: calc(21 / 750 * var(--vw-criterion-vlue, 100vw)) calc(42 / 750 * var(--vw-criterion-vlue, 100vw));
	pointer-events: none;
	position: relative;
	transition: all .25s;
}
#content #control-button .button-wrap [class^='button-'] a.active {
	color: #fff;
	pointer-events: auto;
}
#content #control-button .button-wrap .button-prev a::after,
#content #control-button .button-wrap .button-next a::after {
	content: '';
	display: block;
	height: calc(35 / 750 * var(--vw-criterion-vlue, 100vw));
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
	transition: all .25s;
	width: calc(27 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #control-button .button-wrap .button-prev a::after {
	background:  url(../img/img-arrow-l.png) center center / contain no-repeat;
	left: calc(6 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #control-button .button-wrap .button-next a::after {
	background:  url(../img/img-arrow-r.png) center center / contain no-repeat;
	right: calc(6 / 750 * var(--vw-criterion-vlue, 100vw));
}
@media screen and (min-width: 600px) {
	#content #control-button .button-wrap {
	}
	#content #control-button .button-wrap [class^='button-'] {
	}
	#content #control-button .button-wrap [class^='button-'] a:hover {
		color: #d6601e;
	}
	#content #control-button .button-wrap .button-prev a::after,
	#content #control-button .button-wrap .button-next a::after {
		opacity: 0;
	}
	#content #control-button .button-wrap .button-prev a::after {
		transform: translate(250%, -50%);
	}
	#content #control-button .button-wrap .button-next a::after {
		transform: translate(-250%, -50%);
	}
	#content #control-button .button-wrap .button-prev a:hover::after,
	#content #control-button .button-wrap .button-next a:hover::after {
		opacity: 1;
		transform: translate(0, -50%);
	}
}

/* インフォメーション */
#content #info-release {
	position: relative;
	z-index: 99999;
}
#content #info-netflix {
	position: relative;
	z-index: 99999;
}
#content #info-corp {
	position: relative;
	z-index: 99999;
}

/* 公開 */
#content #info-release p {
	font-size: calc(45 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(100 / 750 * var(--vw-criterion-vlue, 100vw));
	text-align: center;
}
#content #info-release p .strong {
	color: #e50914;
	font-size: calc(55 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #info-release button {
	border: 1px solid #fff;
	font-size: calc(37 / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
	text-align: center;
	width: auto;
}
#content #info-release button::before {
	border: 1px solid #fff;
	content: '';
	height: calc(100% - (18 / 750 * var(--vw-criterion-vlue, 100vw)));
	left: calc(9 / 750 * var(--vw-criterion-vlue, 100vw));
	pointer-events: none;
	position: absolute;
  top: calc(9 / 750 * var(--vw-criterion-vlue, 100vw));
	transition: all .3s;
	width: calc(100% - (18 / 750 * var(--vw-criterion-vlue, 100vw)));
}
#content #info-release button:hover::before {
	border-color: rgba(255, 255, 255, 0);
	height: 100%;
	left: 0;
  top: 0;
  width: 100%;
}
#content #info-release a {
	display: block;
	padding: calc(41 / 750 * var(--vw-criterion-vlue, 100vw)) calc(52 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #info-release button p {
	display: inline-block;
}
#content #info-release button img {
	height: calc(32 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-left: calc(28 / 750 * var(--vw-criterion-vlue, 100vw));
	max-height: 32px;
	vertical-align: baseline;
	width: auto;
}
@media screen and (min-width: 600px) {
	#content #info-release button:hover img {
		transform: none !important;
	}
}

/* バナー */
#info-release #shop-banner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#info-release #shop-banner li {
	height: calc(188 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-left: calc(52 / 750 * var(--vw-criterion-vlue, 100vw) / 2);
	margin-right: calc(52 / 750 * var(--vw-criterion-vlue, 100vw) / 2);
	max-height: 188px;
	max-width: 524px;
	width: calc(524 / 750 * var(--vw-criterion-vlue, 100vw));
}
/* #info-release #shop-banner li:nth-child(1) {
	width: calc((188 + 30 * 2) / 750 * var(--vw-criterion-vlue, 100vw));
}
#info-release #shop-banner li:nth-child(2) {
	width: calc((393 + 30 * 2) / 750 * var(--vw-criterion-vlue, 100vw));
} */
#info-release #shop-banner li img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}
#content #info-netflix #netflix-logo {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#content #info-netflix #netflix-logo p {
	height: calc(188 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-left: calc(52 / 750 * var(--vw-criterion-vlue, 100vw) / 2);
	margin-right: calc(52 / 750 * var(--vw-criterion-vlue, 100vw) / 2);
	max-height: 188px;
	max-width: 524px;
	width: calc(524 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #info-netflix #netflix-logo p img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}
#content #info-corp #corp-banner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#content #info-corp #corp-banner li {
	height: calc(94 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-left: calc(52 / 750 * var(--vw-criterion-vlue, 100vw) / 2);
	margin-right: calc(52 / 750 * var(--vw-criterion-vlue, 100vw) / 2);
	max-height: 94px;
	max-width: 262px;
	width: calc(262 / 750 * var(--vw-criterion-vlue, 100vw));
}
#content #info-corp #corp-banner li img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

/* フッタ */
footer {
	font-size: calc(17 / 750 * var(--vw-criterion-vlue, 100vw));
	line-height: calc(42 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-top: calc((98 + 144) / 750 * var(--vw-criterion-vlue, 100vw) * -1);
	padding-top: calc(75 / 750 * var(--vw-criterion-vlue, 100vw));
	position: relative;
	z-index: 99999;
}
footer .inner {
	position: relative;
	z-index: +1;
	padding-bottom: calc((150 + 75) / 750 * var(--vw-criterion-vlue, 100vw));
}
footer .page-top {
	max-width: 230px;
	width: calc(230 / 750 * var(--vw-criterion-vlue, 100vw) * 1.4);
}
footer #corp-logo {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
footer #corp-logo li {
	height: calc(80 / 750 * var(--vw-criterion-vlue, 100vw));
	margin-left: calc(64 / 750 * var(--vw-criterion-vlue, 100vw) / 2);
	margin-right: calc(64 / 750 * var(--vw-criterion-vlue, 100vw) / 2);
	max-height: 80px;
	max-width: 282px;
	width: calc(282 / 750 * var(--vw-criterion-vlue, 100vw));
}
footer #corp-logo li#sunrise {
	filter: drop-shadow(0 0 calc(60 / 750 * var(--vw-criterion-vlue, 100vw) / 4) #fff);
}
footer #corp-logo li img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

/* Lity */
.lity {
	background: rgba(5, 5, 5, .75);
	z-index: 99999;
}