@import url('https://fonts.googleapis.com/css2?family=Electrolize&display=swap');
header, #breadcrumb, footer {
	position: relative;
	z-index: 20;
}
/*common*/
#seed {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: '黎ミン M', 'Reimin Medium', serif;
	letter-spacing: 0.05em;
	background-color: #000;
	box-sizing: border-box;
}
.widthWrapper {
	position: relative;
	width: 92%;
	max-width: 1380px;
	margin-left: auto;
	margin-right: auto;
}
.widthWrapperNarrow {
	width: 64%;
	max-width: 960px;
}
.widthWrapper .innerWrapper {
	width: 57.971014%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.widthWrapper .innerWrapperWide {
	width: 69.565217%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.widthWrapper .innerWrapperWider {
	width: 78.260869%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.widthWrapper .innerWrapperWider .innerWrapper {
	width: 46.296296%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.widthWrapperNarrow .innerWrapper {
	width: 83.333333%;
	max-width: 800px;
}
.bannerWrapper {
	width: 100%;
	height: 26.666666vw;
	max-height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bannerWrapper > a {
	display: block;
	width: 100%;
	max-width: 1500px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#special .bannerWrapper {
	background-image: url("../images/_banners/eclipseBg.jpg");
}
#special .bannerWrapper.bannerPackSimulator {
	background-image: url("../images/_banners/simulatorBg.jpg");
}
#special .bannerWrapper > a {
	background-image: url("../images/_banners/eclipseMore.png"), url("../images/_banners/eclipseCatch.png"), url("../images/_banners/eclipsePhoto.png");
	background-position: right center, center center, center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#special .bannerWrapper.bannerPackSimulator > a {
	background-image: url("../images/_banners/eclipseMore.png"), url("../images/_banners/simulatorCatch.png"), url("../images/_banners/simulatorPhoto.png");
	background-position: right center, center center, center center;
	background-repeat: no-repeat;
	background-size: contain, contain, auto 200%;
}
#special .bannerWrapper > a.hover {
	background-position: right -10px center, center center, center center;
}
#premiumbandai .bannerWrapper {
	background-image: url("../images/_banners/pb.jpg");
}
#premiumbandai .bannerWrapper > a {
	background-image: url("../images/_banners/pbMore.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
}
#premiumbandai .bannerWrapper > a.hover {
	background-position: right -10px center;
}
/*YouTube*/
.movieWrapper {
	position: relative;
	width: 80%;
	height: 0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 44.82%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.movieWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movieWrapper span,
.movieWrapper span img,
.movieWrapper span span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movieWrapper span {
	background-color: rgba(0,0,0,0);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.movieWrapper.hover span {
	background-color: rgba(0,0,0,0.4);
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.movieWrapper span span {
	display: block;
	background-image: url("../images/btnPlay.png");
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50% auto;
	cursor: pointer!important;
}
.movieWrapper.hover span span {
	background-size: 55% auto;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
	cursor: pointer!important;
}
@media screen and (max-width: 800px) {
	.widthWrapper {
		width: 96%;
		max-width: inherit;
	}
	.widthWrapperNarrow,
	.widthWrapper .innerWrapperWider .innerWrapper {
		width: 92%;
		max-width: inherit;
	}
	.widthWrapper .innerWrapper,
	.widthWrapperNarrow .innerWrapper,
	.widthWrapper .innerWrapperWider {
		width: 80%;
		max-width: inherit;
	}
	.widthWrapper .innerWrapper.title,
	.widthWrapper .innerWrapperWide {
		width: 100%;
		max-width: inherit;
	}
	#special .bannerWrapper {
		height: 100vw;
	}
	#special .bannerWrapper > a {
		background-position: right bottom, right bottom, left -10vw top;
		background-repeat: no-repeat;
		background-size: 200% auto, 200% auto, 210% auto;
	}
	#special .bannerWrapper.bannerPackSimulator > a {
		background-position: right bottom, right -4vw bottom, left top -35vw;
		background-repeat: no-repeat;
		background-size: 200% auto, 170% auto, 250% auto;
	}
	#premiumbandai .bannerWrapper {
		height: 41vw;
	}
	#premiumbandai .bannerWrapper > a {
		background-size: auto 100%, contain;
		background-position: right -2vw bottom 0.25vw, center center;
	}
	.movieWrapper {
		width: 100%;
		padding-top: 56.25%;
	}
	.movieWrapper span span {
		background-size: 65% auto;
	}
}
/*flex*/
.flexBlock {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	flex-shrink: 0;
	list-style: none;
}
.flexBlockStart {
	justify-content: flex-start;
}
.flexBlockAround {
	justify-content: space-around;
}
.flexBlockCenter {
	justify-content: center;
}
.flexAlignCenter {
	align-items: center;
}
.flexBlock .flexSplit {
	width: 50%;
}
.flexBlock.flexOrder .flexSplit {
	order: 2;
}
.flexBlock.flexOrder .flexSplit + .flexSplit {
	order: 1;
}

.flexBlock .flexList2 {
	width: 48.703703%;
}
.flexBlock .flexList3 {
	width: 31%;
}
.flexBlock .flexList2:nth-child(even) {
	margin-left: 2.592592%;
}
.flexBlock .flexList4 {
	width: 23.81%;
	max-width: 300px;
}
.flexBlock .flexList4:not(:nth-child(4n + 1)) {
	margin-left: 1.586666%;
}
#navAnniv.flexBlock .flexList4 {
	width: 22.8261%;
	max-width: 315px;
}
/*
.flexBlock .flexList4:not(:nth-child(4n + 1)) {
	margin-left: 3.703703%;
}
.flexBlock .flexList2:nth-child(n + 3),
.flexBlock .flexList4:nth-child(n + 5) {
	margin-top: 1em;
}
*/
@media screen and (max-width: 800px) {
	.flexBlock .flexSplit {
		width: 100%;
	}
	.flexBlock.flexOrder .flexSplit {
		order: 1;
	}
	.flexBlock.flexOrder .flexSplit + .flexSplit {
		order: 2;
	}
	.flexBlock .flexList2 {
		width: 100%;
	}
	.flexBlock .flexList2:nth-child(even) {
		margin-left: 0%;
	}
	.flexBlock .flexList4,
	#navAnniv.flexBlock .flexList4 {
		width: 48%;
		margin-left: 0;
	}
	.flexBlock .flexList4:not(:nth-child(4n + 1)),
	.flexBlock .flexList4:nth-child(even) {
		margin-left: 0;
	}
	.flexBlock .flexList4:nth-child(odd) {
		margin-right: 3.8%;
	}
	.flexBlock .flexList2:nth-child(n + 2),
	.flexBlock .flexList4:nth-child(n + 3) {
		margin-top: 1em;
	}
	.flexBlock .flexSplit {
		width: 100%;
	}
	.flexBlock .flexSplit + .flexSplit {
		margin-top: 2em;
	}
	.flexBlock .flexSplit > .flexSplit + .flexSplit {
		margin-top: 0;
	}
	.flexBlock .flexSplit > .flexSplit {
		width: 50%;
	}
}
.dispWide {
	display: block;
}
.dispWide.dispInline {
	display: inline-block;
}
.dispNarrow {
	display: none;
}
@media screen and (max-width: 800px) {
	.dispWide,
	.dispWide.dispInline {
		display: none;
	}
	.dispNarrow {
		display: block;
	}
}
img.cover {
	width: 100%;
	height: auto;
}
img.cover + span {
	display: block;
}
/*
.banner {
	width: 55.555555vw;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.bannerL {
	width: 60vw;
	max-width: 720px;
}
*/
a {
	position: relative;
	display: inline-block;
	color: #1daafa;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.hover {
	color: #1daafa;
	text-decoration: none;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
a.hoverImage {
	opacity: 1;
}
a.hover.hoverImage {
	opacity: 0.8;
}
a > span.arrow {
	display: block;
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	right: 0.5em;
	bottom: 0;
	background-image: url("../images/_svg/iconArrowDisc.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1em auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.hover > span.arrow {
	right: 0;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.linenupBanners li > a > img {
	border: 1px solid #1941b4;
}
.linenupBanners li > a > img + span {
	display: block;
	margin-top: 1em;
}
@media screen and (max-width: 800px) {
	.banner {
		width: 100%;
	}
}
.btn > a {
	display: block;
	position: relative;
	width: 42.666666%;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	text-decoration: none!important;
	background-color: #0047d8;
	background: linear-gradient(90deg, #0047d8 0%, #d30035 50%, #0047d8 100%);
	background-position: left center;
	background-size: 200% auto;
	overflow: hidden;
}
.eclipse .btn > a {
	background-color: #7059ff;
	background: linear-gradient(90deg, #7059ff 0%, #01c647 50%, #7059ff 100%);
	background-size: 200% auto;
}
.btn.btnGray > a {
	background-color: #656565;
	background: linear-gradient(90deg, #656565 0%, #656565 50%, #656565 100%);
}
.btn > a.hover {
	background-position: right center;
}
/*
.btn + .btn > a {
	border: 1px solid #1a45be;
}
.btn > a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #db0314;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: -1;
}
.btn + .btn > a::before {
	background-color: #1a45be;
}
.btn > a.hover::before {
	left: 0;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
*/
.btn > a > span {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 1em;
	box-sizing: border-box;
}
.btn > a > span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 1em;
	width: 1.25em;
	height: 1.25em;
	background-image: url("../images/_svg/arrowWhite.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateY(-50%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*
.btn + .btn > a > span::after {
	background-image: url("../images/_svg/iconArrowBlue.svg");
}
*/
.btn > a.hover > span::after {
	right: 0.5em;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
@media screen and (max-width: 800px) {
	.btn > a {
		width: 100%;
	}
}
.bgBlack {
	background-color: #000;
}
.bgGradient {
	background-color: #0047d8;
	background: linear-gradient(90deg, #0047d8 0%, #d30035 100%);
}
.eclipse .bgGradient {
	background-color: #7059ff;
	background: linear-gradient(90deg, #7059ff 0%, #01c647 100%);
}
.bgGradient a {
	display: block;
}
.bgDetail {
	padding-bottom: 1em;
	background-attachment: fixed;
	background-image: url("../images/bgDetail.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.eclipse .bgDetail {
	background-image: url("../images/bgDetailEclipse.jpg");
}
/*
.textWhite,
a > .textWhite {
	color: #fff;
}
.textRed,
a > .textRed {
	color: #e80023;
}
*/
.textWhite,
a.textWhite {
	color: #fff;
}
.textBlack,
a.textBlack {
	color: #000;
}
.textRed {
	color: #d20036;
}
.fontEn {
	font-family: 'Electrolize', sans-serif;
	letter-spacing: 0.125em;
}
.text48 {
	font-size: 48px;
}
.text39 {
	font-size: 39px;
}
.text34 {
	font-size: 34px;
}
.text30 {
	font-size: 30px;
}
.text24 {
	font-size: 24px;
}
.text20 {
	font-size: 20px;
}
.text15 {
	font-size: 15px;
}
.text12 {
	font-size: 12px;
}
.text0 {
	font-size: 0;
}
.letterSpacing0 {
	letter-spacing: 0;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.text48 {
		font-size: 3.2vw;
	}
	.text39 {
		font-size: 2.6vw;
	}
	.text34 {
		font-size: 2.266666vw;
	}
	.text30 {
		font-size: 2vw;
	}
	.text24 {
		font-size: 1.6vw;
	}
	.text20 {
		font-size: 1.333333vw;
	}
	.text15 {
		font-size: 1vw;
	}
	.text12 {
		font-size: 0.8vw;
	}
}
@media screen and (max-width: 800px) {
	.text48 {
		font-size: 5.5vw;
	}
	#navWrapper .text24 {
		font-size: 8vw;
	}
	.text39 {
		font-size: 5vw;
	}
	.text34,
	.text30 {
		font-size: 3.4vw;
	}
	.titleWithIconLong.text39,
	.text24 {
		font-size: 3.2vw;
	}
	.text20 {
		font-size: 3vw;
	}
	.titleWithIconLong .text34,
	.text15 {
		font-size: 2.5vw;
	}
	.text12 {
		font-size: 2vw;
	}
}
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.textEllipsis2lines {
	display: -webkit-box!important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.marginTopHalf {
	margin-top: 0.5em!important;
}
.marginTop1 {
	margin-top: 1em!important;
}
.marginTop2 {
	margin-top: 2em!important;
}
.marginTop3 {
	margin-top: 3em!important;
}
.marginTop4 {
	margin-top: 4em!important;
}
.marginTop5 {
	margin-top: 5em!important;
}
.marginTop6 {
	margin-top: 6em!important;
}
.paddingVertical1 {
	padding-top: 1em!important;
	padding-bottom: 1em!important;
}
.paddingVertical2 {
	padding-top: 2em!important;
	padding-bottom: 2em!important;
}
.paddingVertical3 {
	padding-top: 3em!important;
	padding-bottom: 3em!important;
}
@media screen and (max-width: 800px) {
	.widthWrapper .innerWrapper.title + .marginTopHalf {
		margin-top: 0!important;
	}
}
.lineHeight100 {
	line-height: 1;
}
.lineHeight150 {
	line-height: 1.5;
}
.lineHeight165 {
	line-height: 1.65;
}
.lineHeight200 {
	line-height: 2;
}
.titleWithIcon {
	height: 2.5em;
}
.titleWithIcon > span {
	position: relative;
	display: inline-block;
	padding: 0 2em;
}
.titleWithIcon > span::before,
.titleWithIcon > span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 1em;
	height: 2.5em;
	background-image: url("../images/_svg/markTitleWhite.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.titleWithIcon > span::before {
	left: 0;
	transform: translateY(-50%);
}
.titleWithIcon > span::after {
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}
.titleWithLine {
	position: relative;
	padding-bottom: 15px;
}
.titleWithLine::before {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 7em;
	height: 2px;
	background-color: #fff;
}
.titleWithLine.alignCenter::before {
	left: 50%;
	transform: translateX(-50%);
}
.eclipse .titleWithLine::before {
	width: 2em;
	height: 3px;
	background-color: #7059ff;
	background: linear-gradient(90deg, #7059ff 0%, #01c647 100%);
}
.wrapperWithLine {
	background-image: url("../images/_svg/lineSeed.svg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.eclipse .wrapperWithLine {
	background-image: url("../images/_svg/lineEclipse.svg");
}
@media screen and (max-width: 800px) {
	.titleWithIcon {
		height: 3em;
	}
	.titleWithIcon > span::before,
	.titleWithIcon > span::after {
		height: 3em;
	}
}
/*header*/
.headerMargin {
	padding-top: 80px;
}
#specialHeader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5.333333vw;
	max-height: 80px;
	background-image: url('../images/bgHeader.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 100;
}
#specialHeader.fixed {
	position: fixed;
}
#specialHeader h2 {
	position: relative;
	width: 23.2vw;
	max-width: 348px;
	height: 5.333333vw;
	max-height: 80px;
}
.eclipse #specialHeader h2 {
	width: 16vw;
	max-width: 240px;
}
#specialHeader h2 a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url('../images/headerLogo.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.eclipse #specialHeader h2 a {
	background-image: url('../images/headerLogoEclipse.png');
}
#specialHeader .widthWrapper {
	flex-wrap: nowrap;
}
#specialHeader #navWrapper {
	width: 70vw;
	max-width: 1050px;
	height: 5.333333vw;
	max-height: 80px;
	padding-right: 2em;
}
.flexNav {
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 5.333333vw;
	max-height: 80px;
}
.flexNav > li {
	width: auto;
	height: 1.5em;
	margin: 0 0.5em;
	line-height: 1.5em;
	text-align: center;
}
.flexNav > li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none!important;
}
.flexNav > li a span.focusBar,
.flexNav > li a.hover span.focusBar {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 2px;
	margin: 0 auto;
	background-color: #0047d8;
	background: linear-gradient(90deg, #0047d8 10%, #d30035 100%);
	transform: translateX(-50%);
}
.eclipse .flexNav > li a span.focusBar,
.eclipse .flexNav > li a.hover span.focusBar {
	background-color: #7059ff;
	background: linear-gradient(90deg, #7059ff 10%, #01c647 100%);
}
.flexNav > li a span.focusBar {
	width: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.flexNav > li a.hover span.focusBar,
.news .flexNav > li.navNews a span.focusBar,
.mechanical .flexNav > li.navMechanical a span.focusBar,
.about .flexNav > li.navAbout a span.focusBar,
.story .flexNav > li.navStory a span.focusBar,
.comic .flexNav > li.navComic a span.focusBar {
	width: 100%;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.headerMargin {
		padding-top: 5.333333vw;
	}
}
@media screen and (max-width: 800px) {
	.headerMargin {
		padding-top: 20vw;
	}
	#specialHeader {
		height: 20vw;
		max-height: inherit;
	}
	#specialHeader.showSp {
		height: 100vh;
		background-color: rgba(0,0,0,0.9);
	}
	#specialHeader .widthWrapper {
		flex-wrap: wrap;
		width: 100%;
		padding: 0;
	}
	#specialHeader h2 {
		position: relative;
		width: 66.4vw;
		max-width: inherit;
		height: 20vw;
		max-height: inherit;
	}
	.eclipse #specialHeader h2 {
		width: 50vw;
		max-width: inherit;
		margin-left: auto;
		margin-right: auto;
	}
	#specialHeader #menuSp {
		position: absolute;
		top: 5vw;
		right: 0;
		width: 14vw;
		height: 16vw;
		padding: 3vw 4vw 0 0;
		box-sizing: border-box;
		z-index: 130;
	}
	#specialHeader #menuSp a,
	#specialHeader #menuSp a span {
		display: inline-block;
		box-sizing: border-box;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#specialHeader.showSp #menuSp a,
	#specialHeader.showSp #menuSp a span {
		-webkit-transition: all 0.15s ease;
		transition: all 0.15s ease;
	}
	#specialHeader #menuSp a {
		position: relative;
		width: 9vw;
		height: 6vw;
	}
	#specialHeader #menuSp a span {
		position: absolute;
		right: 0;
		height: 0.4vw;
		background-color: #0047d8;
		background: linear-gradient(90deg, #0047d8 10%, #d30035 100%);
	}
	.eclipse #specialHeader #menuSp a span {
		background-color: #7059ff;
		background: linear-gradient(90deg, #7059ff 10%, #01c647 100%);
	}
	#specialHeader #menuSp a span:nth-of-type(1) {
		top: 0;
		width: 12vw;
	}
	#specialHeader #menuSp a span:nth-of-type(2) {
		top: 50%;
		width: 12vw;
		transform: translateY(-50%);
	}
	#specialHeader #menuSp a span:nth-of-type(3) {
		bottom: 0;
		width: 12vw;
	}
	#specialHeader.showSp #menuSp a span:nth-of-type(1) {
		width: 12vw;
		-webkit-transform: translateY(2.75vw) rotate(-45deg);
		transform: translateY(2.75vw) rotate(-45deg);
	}
	#specialHeader.showSp #menuSp a span:nth-of-type(2) {
		opacity: 0;
	}
	#specialHeader.showSp #menuSp a span:nth-of-type(3) {
		width: 12vw;
		-webkit-transform: translateY(-2.75vw) rotate(45deg);
		transform: translateY(-2.75vw) rotate(45deg);
	}
	#specialHeader #navWrapper {
		display: none;
		top: 0;
		width: 100%;
		height: auto;
		max-height: inherit;
		padding: 0;
		box-sizing: border-box;
		overflow: hidden;
		animation: menuSpOut 0.5s ease 0.1s forwards;
		z-index: 110;
	}
	#specialHeader.showSp #navWrapper {
		display: block;
		top: -100vw;
		animation: menuSpIn 0.15s ease 0.1s forwards;
	}
	#specialHeader #navWrapper > .flexBlock {
		justify-content: center;
		text-align: center;
		width: 100%;
		height: auto;
		max-height: inherit;
		padding: 10vw 0 0;
		box-sizing: border-box;
	}
	.flexNav > li {
		width: 100%;
		height: 2em;
		max-height: inherit;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.flexNav > li + li {
		margin-top: 0.75em;
	}
	.flexNav > li a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0;
	}
	.mechanical .flexNav > li.navMechanical a span.focusBar,
	.about .flexNav > li.navAbout a span.focusBar,
	.story .flexNav > li.navStory a span.focusBar,
	.comic .flexNav > li.navComic a span.focusBar {
		width: 0;
	}
}
@keyframes menuSpIn {
	0% { top: -100vw; }
	100% { top: 0; }
}
@keyframes menuSpOut {
	0% { top: 0; }
	100% { top: -100vw; }
}
/*layout*/
#contents {
	position: relative;
	width: 100vw;
	z-index: 10;
}
#fixBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 102vh;
	background-color: #ebf0f4;
	background-image: url("../images/bgFixed.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	pointer-events: none;
	z-index: 1;
}
.eclipse #fixBg {
	background-image: url("../images/bgFixedEclipse.jpg");
}
/*
@media screen and (max-width: 800px) {
	#fixBg {
		height: 110vh;
	}
}
*/
.mainVisual .slider,
.mainVisual .slider .slick-list li {
	position: relative;
	width: 100%;
	height: 46.666666vw;
	max-height: 700px;
	margin: 0 auto;
}
.mainVisual .slider .slick-list li {
	max-width: 1500px;
	opacity: 0.6;
	background-position: center center;
	background-size: 100% auto;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.mainVisual .slider .slick-list li.slick-active,
.mainVisual .slider .slick-list li.slick-current {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.mainVisual .slider .slick-list li a,
.mainVisual .slider .slick-list li > span {
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
}
@media screen and (max-width: 800px) {
	/*.mainVisual,*/
	.mainVisual .slider,
	.mainVisual .slider .slick-list li {
		height: 145vw;
		max-height: 1160px;
	}
}
.eclipse .mainVisual > div {
	position: relative;
	width: 100%;
	height: 46.6796875vw;
	max-height: 1195px;
	background-image: url("../images/_kvWide/2105eclipse.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 15;
}
.eclipse.comic .mainVisual > div {
	width: 100%;
	max-width: 1500px;
	height: 134.666666vw;
	max-height: 2020px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/_comic/kv2105.jpg");
}
.eclipse.transform .mainVisual > div {
	width: 100%;
	height: 58.671875vw;
	max-height: 1502px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/_kvWide/2108eclipseTransform.jpg");
}
.eclipse.simulator .mainVisual > div {
	width: 100%;
	height: 5.4vw;
	max-height: 81px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/_simulator/header.jpg");
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.eclipse .mainVisual > div {
		background-image: url("../images/_kvMiddle/2105eclipse.jpg");
	}
	.eclipse.transform .mainVisual > div {
		background-image: url("../images/_kvMiddle/2108eclipseTransform.jpg");
	}
	/*
	.eclipse.simulator .mainVisual > div {
		background-image: url("../images/_simulator/kv.jpg");
	}
	*/
}
@media screen and (max-width: 800px) {
	.eclipse .mainVisual > div {
		height: 145vw;
		max-height: inherit;
		background-image: url("../images/_kvNarrow/2105eclipse.jpg");
	}
	.eclipse.transform .mainVisual > div {
		background-image: url("../images/_kvNarrow/2108eclipseTransform.jpg");
	}
	.eclipse.simulator .mainVisual > div {
		height: 8vw;
		/*
		background-image: url("../images/_simulator/kv@0.5x.jpg");
		*/
	}
}
.fixedSlideNav .slick-track {
	transform:unset!important;
}
.galleryNav .galleryWrapper {
	opacity: 0.5;
}
.galleryNav .galleryWrapper.slick-current {
	opacity: 1;
}
/*intro*/
#intro {
	padding: 2.5em 0 3em;
	background-image: url("../images/bgAboutSeed.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.eclipse #intro {
	background-image: url("../images/bgAboutEclipse.jpg");
}
/*navAnniv*/
.flexBlock .flexList4,
.flexBlock .flexList4 a {
	position: relative;
}
.flexBlock .flexList4 span {
	display: block;
}
#navAnniv.flexBlock .flexList4 span.navAnnivTitle {
	position: relative;
	height: 1.25em;
}
#navAnniv.flexBlock .flexList4 span.navAnnivTitle::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 103.174604%;
	max-width: 325px;
	height: 1.25em;
	background-image: url("../images/_svg/bgTitleAnniv.svg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 10;
}
#navAnniv.flexBlock .flexList4 span.navAnnivTitle > span {
	position: relative;
	padding-top: 0.15em;
	z-index: 20;
}
.flexBlock .flexList4 span.listThumb {
	width: 100%;
	padding-top: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 20;
}
#navAnniv.flexBlock .flexList4 span.listThumb {
	padding-top: 69.841269%;
}
.flexBlock .flexList4 a span.listThumb {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.flexBlock .flexList4 a.hover span.listThumb {
	background-size: 102.5% auto;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
/*lineup*/
#lineup {
	
}
#lineup .titleSeries {
	width: 34.782608%;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
#lineup .flexLineup span {
	display: block;
}
#lineup .flexLineup span.thumb {
	width: 100%;
	padding-top: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#lineup .flexLineup a span.thumb {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#lineup .flexLineup a.hover span.thumb {
	background-size: 102.5% auto;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.itemSlider .slick-track {
	margin-left: auto;
	margin-right: auto;
}
.itemSlider .slick-list li {
	min-height: 495px;
	padding: 0 10px;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.itemSlider .slick-list li {
		min-height: 33vw;
		padding: 0 0.666666vw;
	}
}
@media screen and (max-width: 800px) {
	#lineup .titleSeries {
		width: 50%;
		max-width: inherit;
	}
	.itemSlider {
		width: 88vw;
		margin-left: auto;
		margin-right: auto;
	}
	.itemSlider .slick-list li {
		min-height: 49.866666vw;
		padding: 0 1.25vw;
	}
}
/*detail*/
#detail {
	
}
.eclipse #detail .widthWrapper .imageWide {
	width: 108.695652%;
	margin-left: -4.347826%;
	margin-right: -4.347826%;
}
.eclipse #detail .widthWrapper .imageRotate {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 86.231884%;
	line-height: 0;
}
.eclipse #detail .widthWrapper .imageRotate > .image {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s ease;
}
.eclipse #detail .widthWrapper .imageRotate > .image.show {
	opacity: 1;
	pointer-events: all;
	transition: all 0.5s ease;
}
.eclipse #detail .widthWrapper .imageRotate > .image > .btnRotate {
	position: absolute;
	top: 1em;
	right: 3em;
	width: 8vw;
	max-width: 120px;
	height: 8vw;
	max-height: 120px;
	cursor: pointer;
}
#detail .imageWithMordal {
	position: relative;
}
#detail .imageWithMordal > a {
	display: block;
	position: absolute;
	width: 9.2vw;
	max-width: 138px;
	height: 9.2vw;
	max-height: 138px;
	background-image: url("../images/_svg/iconMore.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 99% auto;
}
#detail .imageWithMordal > a.hover {
	background-size: 95% auto;
}
#detail .imageWithMordal > a.detail01 {
	top: 90px;
	left: 399px;
}
#detail .imageWithMordal > a.detail02 {
	top: 327px;
	left: 1200px;
}
#detail .imageWithMordal > a.detail03 {
	top: 639px;
	left: 669px;
}
#detail .imageWithMordal > a.detail04 {
	top: 1185px;
	left: 924px;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	#detail .imageWithMordal > a.detail01 {
		top: 6vw;
		left: 26.6vw;
	}
	#detail .imageWithMordal > a.detail02 {
		top: 21.8vw;
		left: 80vw;
	}
	#detail .imageWithMordal > a.detail03 {
		top: 42.6vw;
		left: 44.6vw;
	}
	#detail .imageWithMordal > a.detail04 {
		top: 79vw;
		left: 61.6vw;
	}
}
@media screen and (max-width: 800px) {
	.eclipse #detail .widthWrapper .imageWide {
		width: 104.166666%;
		margin-left: -2.083333%;
		margin-right: -2.083333%;
	}
	.eclipse #detail .widthWrapper .imageRotate > .image > .btnRotate {
		top: 0.5em;
		right: 1.6em;
	}
	#detail .imageWithMordal > a {
		width: 15.2vw;
		max-width: inherit;
		height: 15.2vw;
		max-height: inherit;
	}
	#detail .imageWithMordal > a.detail01 {
		top: 3vw;
		left: 23.6vw;
	}
	#detail .imageWithMordal > a.detail02 {
		top: 18.8vw;
		left: 77vw;
	}
	#detail .imageWithMordal > a.detail03 {
		top: 39.6vw;
		left: 41.6vw;
	}
	#detail .imageWithMordal > a.detail04 {
		top: 76vw;
		left: 58.6vw;
	}
}
/*character*/
.eclipse #detail .widthWrapper.boxCharacter {
	height: 42.6vw;
	max-height: 639px;
	padding: 1px;
	background-attachment: inherit;
	background-image: inherit;
	background-color: #7059ff;
	background: linear-gradient(90deg, #7059ff 0%, #01c647 100%);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
}
.eclipse #detail .widthWrapper.boxCharacter  > ul {
	background-image: url("../images/bgGrid.png");
}
.eclipse #detail .widthWrapper.boxCharacter  > ul > .boxCharacterText {
	padding: 0 2.5em 0 5em;
	box-sizing: border-box;
}
.eclipse #detail .widthWrapper.boxCharacter  > ul.flexOrder > .boxCharacterText {
	padding: 0 5em 0 2.5em;
}
.eclipse #detail .widthWrapper.boxCharacter  > ul > .boxCharacterImage {
	height: 42.6vw;
	height: calc(42.6vw - 2px);
	max-height: 637px;
}
.eclipse #detail .widthWrapper.boxCharacter  > ul > .boxCharacterImage > img {
	transform: translateY(-54px);
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.eclipse #detail .widthWrapper.boxCharacter  > ul > .boxCharacterImage > img {
		transform: translateY(-3.6vw);
	}
}
@media screen and (max-width: 800px) {
	.eclipse #detail .widthWrapper.boxCharacter {
		height: auto;
		max-height: inherit;
	}
	.eclipse #detail .widthWrapper.boxCharacter  > ul > .boxCharacterText,
	.eclipse #detail .widthWrapper.boxCharacter  > ul.flexOrder > .boxCharacterText {
		padding: 2.5em;
	}
	.eclipse #detail .widthWrapper.boxCharacter  > ul > .boxCharacterImage {
		height: auto;
		max-height: inherit;
	}
	.eclipse #detail .widthWrapper.boxCharacter  > ul > .boxCharacterImage > img {
		margin-top: -10vw;
		transform: translateY(0);
	}
	#detail .boxCharacter + .innerWrapper {
		margin-top: 2em!important;
	}
	#detail .bgGradient.marginTop6 {
		margin-top: 2em!important;
	}
}
/*simulator*/
.eclipse.simulator .simulatorDetail {
	position: relative;
}
.eclipse.simulator .simulatorDetail:not(:nth-child(6)) {
	display: none;
}
.eclipse.simulator .simulatorDetail .simulatorSlider {
	/*
	height: 81.333333vw;
	max-height: 1220px;
	*/
	width: 46.6vw;
	max-width: 699px;
	height: 46.6vw;
	max-height: 699px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/_simulator/bg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.eclipse.simulator .simulatorDetail .simulatorSlider .simulatorSlideImage {
	width: 100%;
	/*
	padding: 0 4em;
	*/
}
.eclipse.simulator .simulatorDetail .simulatorTitle {
	/*
	width: 63.768115%;
	max-width: 880px;
	*/
	width: 46.6vw;
	max-width: 699px;
	height: 4vw;
	max-height: 60px;
	line-height: 60px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 48px;
	background-image: url("../images/_simulator/frameL.png"), url("../images/_simulator/frameR.png");
	background-position: left center, right center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	box-sizing: border-box;
}
.eclipse.simulator .simulatorDetail .simulatorTitle > span {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("../images/_simulator/framePartsL.png"), url("../images/_simulator/framePartsR.png"), url("../images/_simulator/frame.png");
	background-position: left center, right center, center center;
	background-repeat: no-repeat;
	background-size: auto 100%, auto 100%, 100% 100%;
}
.eclipse.simulator .simulatorDetail .btnDetail {
	position: absolute;
	right: 17.4%;
	bottom: 5em;
	pointer-events: none;
}
.eclipse.simulator .simulatorDetail .btnDetail > a {
	display: inline-block;
	padding: 1em;
	color: #fff;
	background-color: #e60012;
	box-shadow: 1px 1px 10px #fff, -1px 1px 10px #fff, 1px -1px 10px #fff, -1px -1px 10px #fff;
	pointer-events: auto;
}
.eclipse.simulator .simulatorDetail .btnDetail > a > span {
	display: inline-block;
	padding-right: 1.25em;
	background-image: url("../images/_svg/iconPlus.svg");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
}
.eclipse.simulator .simulatorSliderNav {
	width: 24vw;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}
.eclipse.simulator .simulatorSliderNav .simulatorSliderNavBox {
	width: 6.6vw!important;
	max-width: 99px!important;
	padding-bottom: 0.5em;
	border-bottom: 4px solid #888888;
}
.eclipse.simulator .simulatorSliderNav .simulatorSliderNavBox.slick-current {
	border-bottom-color: #e60012;
}
.eclipse.simulator .simulatorSliderNav .simulatorSliderNavBox + .simulatorSliderNavBox {
	margin-left: 30px;
}
.eclipse.simulator .simulatorSliderNav .slick-track {
	transform: unset!important;
}
.eclipse.simulator .simulatorNavTitle > span {
	display: inline-block;
	position: relative;
	padding: 0 1.5em;
}
.eclipse.simulator .simulatorNavTitle > span::before,
.eclipse.simulator .simulatorNavTitle > span::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 1em;
	height: 1em;
	background-image: url("../images/_svg/arrowWhite.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(90deg);
}
.eclipse.simulator .simulatorNavTitle > span::before {
	left: 0;
}
.eclipse.simulator .simulatorNavTitle > span::after {
	right: 0;
}

/*
.eclipse.simulator dl {
	margin-top: 3em;
}
*/
.eclipse.simulator dl dt {
	width: 100%;
	margin-top: 1.25em;
	/*
	padding-left: 1.25em;
	*/
	text-align: left;
	/*
	background-image: url("../images/_simulator/iconArrow.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 1.25em;
	box-sizing: border-box;
	*/
}
.eclipse.simulator dl dd {
	width: 32%;
	margin-top: 0.5em;
	/*
	margin-left: 1%;
	margin-right: 1%;
	*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}
.eclipse.simulator dl dd + dd {
	margin-left: 1.6%;
}
.eclipse.simulator dl.widthWrapper dd {
	width: 16%;
	margin-top: 0.5em;
}
.eclipse.simulator dl.widthWrapper dd + dd {
	margin-left: 0.8%;
}
.eclipse.simulator dl.flexSplit + dl.flexSplit dt {
	width: 100%;
	padding-left: 0.8%;
	box-sizing: border-box;
}
.eclipse.simulator .widthWrapper dl + dl dt + dd {
	margin-left: 0.8%;
}
.eclipse.simulator dl dd.navSp {
	background-image: url("../images/_simulator/bgSp.png");
}
.eclipse.simulator dl dd.navSl {
	background-image: url("../images/_simulator/bgSl.png");
}
.eclipse.simulator dl dd.navWz {
	background-image: url("../images/_simulator/bgWz.png");
}
.eclipse.simulator dl dd span {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	border: 4px solid transparent;
	box-sizing: border-box;
	transition: all 0.5s ease;
}
.eclipse.simulator dl dd span.selected,
.eclipse.simulator dl dd.hover span {
	border: 4px solid #fff;
	transition: all 0.15s ease;
}
#simulatorLinksWrapper {
	position: relative;
	padding: 2em 1.5em 3em;
	background-color: rgba(0,0,0,0.94);
	border-left: 1px solid #7059ff;
	border-right: 1px solid #01c647;
}
#simulatorLinksWrapper::before,
#simulatorLinksWrapper::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #7059ff;
	background: linear-gradient(90deg, #7059ff 0%, #01c647 100%);
}
#simulatorLinksWrapper::before {
	top: 0;
}
#simulatorLinksWrapper::after {
	bottom: 0;
}
.eclipse.simulator .simulatorLinksDetail:not(:nth-child(1)) {
	display: none;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.eclipse.simulator .simulatorDetail .simulatorTitle {
		line-height: 4vw;
		padding: 0 3.2vw;
	}
	.eclipse.simulator .simulatorSliderNav .simulatorSliderNavBox + .simulatorSliderNavBox {
		margin-left: 2vw;
	}
}
@media screen and (max-width: 800px) {
	.eclipse.simulator .simulatorDetail .simulatorSlider {
		width: 84vw;
		max-width: inherit;
		height: 84vw;
		max-height: inherit;
	}
	.eclipse.simulator .simulatorDetail .simulatorSlider .simulatorSlideImage {
		padding: 0 6vw;
	}
	.eclipse.simulator .simulatorDetail .simulatorTitle {
		width: 88vw;
		max-width: inherit;
		height: 11vw;
		max-height: inherit;
		line-height: 11vw;
		padding: 0 9.2vw;
	}
	.eclipse.simulator .simulatorDetail .btnDetail {
		position: relative;
		right: 0;
		bottom: 0;
		margin-top: 5vw;
	}
	.eclipse.simulator .simulatorDetail .btnDetail > a {
		padding: 1em 7em;
		box-shadow: 1px 1px 5px #fff, -1px 1px 5px #fff, 1px -1px 5px #fff, -1px -1px 5px #fff;
	}
	.eclipse.simulator .simulatorSliderNav {
		margin-top: -5vw;
		width: 75vw;
		max-width: inherit;
	}
	.eclipse.simulator .simulatorSliderNav .simulatorSliderNavBox {
		width: 23vw!important;
		max-width: inherit!important;
		/*
		padding-bottom: 0.5em;
		border-bottom: 4px solid #888888;
	}
	.eclipse.simulator .simulatorSliderNav .simulatorSliderNavBox.slick-current {
		border-bottom-color: #e60012;
		*/
	}
	.eclipse.simulator .simulatorSliderNav .simulatorSliderNavBox + .simulatorSliderNavBox {
		margin-left: 3vw;
	}
	.eclipse.simulator dl {
		margin-top: 1em;
	}
	/*
	.eclipse.simulator dl dd {
		width: 48%;
	}
	.eclipse.simulator dl dd span,
	.eclipse.simulator dl dd span.selected,
	.eclipse.simulator dl dd.hover span {
		border-width: 4px;
	}
	*/
	.eclipse.simulator dl dd,
	.eclipse.simulator dl.widthWrapper dd {
		width: 48%;
	}
	.eclipse.simulator dl dd + dd,
	.eclipse.simulator dl.widthWrapper dd + dd {
		margin-left: 4%;
	}
	.eclipse.simulator dl dd:nth-child(even),
	.eclipse.simulator dl.widthWrapper dd:nth-child(even) {
		margin-left: 0;
	}
	.eclipse.simulator dl.flexSplit,
	.eclipse.simulator dl.flexSplit + dl.flexSplit {
		width: 100%!important;
		margin-top: 1em!important;
	}
	.eclipse.simulator dl.flexSplit + dl.flexSplit dt {
		padding-left: 0;
	}
	.eclipse.simulator .widthWrapper dl + dl dt + dd {
		margin-left: 0;
	}
	
	
	#simulatorLinksWrapper {
		padding: 1em 1.5em 2em;
	}
	.eclipse.simulator .simulatorLinksDetail h4.paddingVertical1 {
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	.eclipse.simulator .simulatorLinksDetail .photo {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}
/* sns */
.snsBlock {
	position: relative;
	width: 100%;
	height: 20px;
	margin: 1em auto;
	padding: 8px 0;
	overflow: visible;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
}
.snsBlock .snsBtn {
	height: 20px;
	margin: 0 4px 0 0;
	line-height: 100%;
	display: block;
}