@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Teko:wght@300&display=swap');
body {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	letter-spacing: 0.1em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #fff;
	background-color: #000;
}
.fontEn {
	font-family: 'Teko', sans-serif;
	font-weight: 300;
}
img.cover {
	width: 100%;
	height: auto;
}
.cover74 {
	width: 74%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.preload {
	display: none;
}
.dispWide {
	display: block;
}
.dispNarrow {
	display: none;
}
@media screen and (max-width: 800px) {
	.dispWide,
	.blank {
		display: none;
	}
	.dispNarrow {
		display: block;
	}
	.cover74 {
		width: 100%;
	}
}
.deactive {
	opacity: 0.5;
}
.deactive a {
	pointer-events: none;
}
::selection {
	color: #030303;
	background-color: #fff;
}
/* 文字組 */
.alignCenter {
	text-align: center;
}
.alignCenter > .blockCenter {
	display: inline-block;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
/* 太字 */
.textBold {
	font-weight: 700;
}
.textNormal {
	font-weight: 400;
}
.textItalic {
	font-style: italic;
}
.textIndent {
	display: block;
	text-indent: 1em;
}
.textAttention,
.attentionList > li {
	display: block;
	text-indent: -1em;
	margin-left: 1em;
}
.textEllipsis {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.textEllipsis2lines {
	display: -webkit-box!important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.lineHeight145.textEllipsis2lines {
	min-height: 2.9em;
}
.textEllipsis3lines {
	display: -webkit-box!important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
/* 行間 */
.lineHeight100 {
	line-height: 100%;
}
.lineHeight120 {
	line-height: 120%;
}
.lineHeight145 {
	line-height: 145%;
}
.lineHeight175 {
	line-height: 175%;
}
body,
.lineHeight220 {
	line-height: 220%;
}
.letterSpacing0 {
	letter-spacing: 0;
}
.marginTopAuto {
	margin-top: auto!important;
}

/* 上方向間隔調整 */
.marginTop0 {
	margin-top: 0!important;
}
.marginTopHalf {
	margin-top: 0.5em!important;
}
.post table,
.post p:not(.date),
.post .movieWrapper,
.marginTop1 {
	margin-top: 1em!important;
}
.marginTop1half {
	margin-top: 1.5em!important;
}
.post p + h3,
.marginTop2 {
	margin-top: 2em!important;
}
.marginTop3 {
	margin-top: 3em!important;
}
.marginTop4 {
	margin-top: 4em!important;
}
.paddingVertical1 {
	padding: 1em 0;
}
.paddingVertical2 {
	padding: 2em 0;
}
.paddingVertical3 {
	padding: 3em 0;
}
.paddingVertical5 {
	padding: 5em 0;
}
.paddingHorizontalHalf {
	padding: 0 0.5em;
}
.paddingHorizontal1 {
	padding: 0 1em;
}
.paddingHorizontal1half {
	padding: 0 1.5em;
}
.paddingHorizontal2 {
	padding: 0 2em;
}
/* 文字サイズ */
.text80 {
	font-size: 80px;
}
.text54 {
	font-size: 54px;
}
.text40 {
	font-size: 40px;
}
.text28 {
	font-size: 28px;
}
.text24 {
	font-size: 24px;
}
.text20 {
	font-size: 20px;
}
.text16 {
	font-size: 16px;
}
.text14 {
	font-size: 14px;
}
.text12 {
	font-size: 12px;
}
.text10 {
	font-size: 10px;
}
.text0 {
	font-size: 0;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.text80 {
		font-size: 5.333333vw;
	}
	.text54 {
		font-size: 3.6vw;
	}
	.text40 {
		font-size: 2.666666vw;
	}
	.text28 {
		font-size: 1.866666vw;
	}
	.text24 {
		font-size: 1.6vw;
	}
	.text20 {
		font-size: 1.333333vw;
	}
	.text16 {
		font-size: 1.066666vw;
	}
	.text14 {
		font-size: 0.933333vw;
	}
	.text12 {
		font-size: 0.8vw;
	}
	.text10 {
		font-size: 0.666666vw;
	}
}
@media screen and (max-width: 800px) {
	.text80 {
		font-size: 8vw;
	}
	.teaser .text80 {
		font-size: 12vw;
	}
	.text54 {
		font-size: 12vw;
	}
	.text40 {
		font-size: 6.8vw;
	}
	.text28 {
		font-size: 6vw;
	}
	header > nav.text28 {
		font-size: 11.111111vw;
	}
	.text24 {
		font-size: 4vw;
	}
	.text20,
	.text16 {
		font-size: 3.333333vw;
	}
	.text14 {
		font-size: 3.25vw;
	}
	.text16 .headerCatch,
	.text12,
	.text10 {
		font-size: 2vw;
	}
}
/*枠組み*/
.widthWrapper {
	width: 76vw;
	max-width: 1140px;
	margin: 0 auto;
}
.insideWrapper {
	width: 64vw;
	max-width: 960px;
	margin: 0 auto;
}
.contents {
	padding-bottom: 69px;
}
.post article + article,
.borderTop {
	padding-top: 69px;
	border-top: 1px solid #880711;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.contents {
		padding-bottom: 4.6vw;
	}
	.post article + article,
	.borderTop {
		padding-top: 4.6vw;
	}
}
@media screen and (max-width: 800px) {
	.widthWrapper {
		width: 92vw;
	}
	.insideWrapper {
		width: 88vw;
	}
	.contents {
		padding-bottom: 10vw;
	}
	.borderTop {
		padding-top: 10vw;
	}
}
/*flexbox指定*/
.flexBlock {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	flex-shrink: 0;
	list-style: none;
	margin: 0 auto;
}
.flexColumn {
	flex-direction: column;
}
.flexStart {
	justify-content: flex-start;
}
.flexBetween {
	justify-content: space-between;
}
.flexEnd {
	justify-content: flex-end;
}
.flexStretch {
	align-items: stretch;
}
.flexAlignCenter {
	align-items: center;
}
.flexReverse {
	flex-direction: row-reverse;
}
.flexList2 {
	width: 49%;
}
.flexList2:nth-child(even) {
	margin-left: 2%;
}
.flexList3 {
	width: 33.333333%;
	width: calc(100% / 3);
}
.post .flexList3,
#concept .flexList3 {
	width: 31.25%;
}
.post .flexList3:not(:nth-child(3n + 1)),
#concept .flexList3:not(:nth-child(3n + 1)) {
	margin-left: 3.125%;
}
.flexList4 {
	width: 23.5%;
}
.flexList4:not(:nth-child(4n + 1)) {
	margin-left: 2%;
}
.flexList5 {
	width: 18.6%;
}
.flexList5:not(:nth-child(5n + 1)) {
	margin-left: 1.75%;
}
.flexList6 {
	width: 15.25%;
}
.flexList6:not(:nth-child(6n + 1)) {
	margin-left: 1.7%;
}
.flexList2:nth-child(n + 3),
.flexList4:nth-child(n + 5),
.flexList5:nth-child(n + 6),
.flexList6:nth-child(n + 7) {
	margin-top: 1.5em;
}
@media screen and (max-width: 800px) {
	.flexList2 {
		width: 100%;
	}
	.flexList2:nth-child(even) {
		margin-left: 0;
	}
	#concept .flexList2:not(.flexList2movie):nth-child(even) {
		margin-left: 2%;
	}
	#concept .flexList2:not(.flexList2movie),
	.post .flexList3,
	#concept .flexList3 {
		width: 49%;
	}
	.post .flexList3:not(:nth-child(3n + 1)),
	#concept .flexList3:not(:nth-child(3n + 1)) {
		margin-left: 0;
	}
	.flexList4 {
		width: 49%;
	}
	.flexList4:nth-child(4n + 1) {
		margin-left: 0;
	}
	.flexList4:not(:nth-child(4n + 1)) {
		margin-left: 0;
	}
	#concept .flexList3:nth-child(odd),
	.flexList4:nth-child(odd) {
		margin-right: 2%;
	}
	.flexList5,
	.flexList6 {
		width: 32%;
	}
	.flexList5:not(:nth-child(5n + 1)) {
		margin-left: 0;
	}
	.flexList6:not(:nth-child(6n + 1)) {
		margin-left: 0;
	}
	.flexList5:not(:nth-child(3n + 3)),
	.flexList6:not(:nth-child(3n + 3)) {
		margin-right: 2%;
	}
	.flexList2:nth-child(n + 1),
	.post .flexList3:nth-child(n + 3),
	#concept .flexList3:nth-child(n + 3),
	.flexList4:nth-child(n + 3),
	.flexList5:nth-child(n + 4),
	.flexList6:nth-child(n + 4) {
		margin-top: 2%;
	}
}

.thumbBlock {
	position: relative;
}
#brand .thumbBlock {
  background: linear-gradient(135deg, #9f011b 0%, #000 60%);
}
.thumbBlock .thumb {
	position: relative;
	padding-top: 100%;
	background-size: auto 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.thumbBlock .thumb.new::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background-image: url("../images/_svg/iconNew.svg");
	background-position: left top;
	background-size: contain;
}
#brand .thumbBlock .thumb {
	padding-top: 52%;
}
.thumbBlock.hover .thumb {
	background-size: auto 105%;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.thumbBlock > span,
.thumbBlock > a {
	display: block;
}
.thumbBlock > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*リンク装飾*/
a {
	display: inline-block;
	position: relative;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.post a {
	text-decoration: underline!important;
}
a.hover {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
a.hoverOpacity {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.hoverOpacity.hover {
	opacity: 0.75;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.hoverBorder > span {
	display: inline-block;
	position: relative;
}
.hoverBorder > span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 3px;
	margin-top: 0.7em;
	background: linear-gradient(to right, #ca0c0c 0%, #a1a1a1 100%);;
	transform: translateY(-50%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hover.hoverBorder > span::before,
li#navBrand.showSubMenu .hoverBorder > span::before,
.selected .hoverBorder > span::before {
	width: 100%;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
@media screen and (max-width: 800px) {
	header .hoverBorder,
	footer .hoverBorder {
		text-decoration: none;
	}
	.hoverBorder > span::before {
		display: none;
	}
}
/*文字色*/
.textWhite,
.textWhite a,
a.textWhite,
a .textWhite {
	color: #fff;
}
.textRed,
.textRed a,
a.textRed,
a .textRed,
.textRed1st:first-letter {
	color: #fe254e;
}
.textBlue,
.textBlue a,
a.textBlue,
a .textBlue,
.textBlue1st:first-letter {
	color: #263ff7;
}
.textLightGray {
	color: #dcdcdc;
}

.textLinkBlock > a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 2vw 0;
}
.textLinkBlock > a::before,
.textLinkBlock > a::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.textLinkBlock > a::before {
	opacity: 0;
	background: linear-gradient(to right, #ca0c0c 0%, #221cb5 100%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.textLinkBlock > a::after {
  border: 2px solid rgba(202,12,12,1);
  border-image: linear-gradient(to right, #ca0c0c 0%, #221cb5 100%);
  border-image-slice: 1;
}
.textLinkBlock > a.hover::before {
	opacity: 1;
	background: linear-gradient(to right, #ca0c0c 0%, #221cb5 100%);
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.textLinkBlock > a > span {
	display: block;
	position: relative;
	z-index: 10;
}
.gototop {
	position: absolute;
	right: 2.8vw;
	bottom: 2.8vw;
	width: 4vw;
	max-width: 40px;
	height: 4vw;
	max-height: 40px;
}
.gototop > a {
	padding: 0;
}
.gototop > a > span {
	width: 4vw;
	max-width: 40px;
	height: 4vw;
	max-height: 40px;
	background-image: url("../images/_svg/arrowLink.svg");
	background-position: center center;
	background-size: 50% 50%;
	transform: rotate(-90deg);
}
.btn {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}
.btn > a {
	padding: 0.5em;
}
.btn > a > span {
	background-image: url("../images/_svg/arrowLink.svg");
	background-position: right center;
	background-size: 0.6em;
}
.btnMore {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 1em;
	background-image: url("../images/_svg/arrowLink.svg");
	background-position: right 0.25em center;
	background-size: 0.6em;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hover .btnMore {
	background-position: right center;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
@media screen and (max-width: 800px) {
	.gototop {
		top: 2em;
		right: 2.5%;
		bottom: inherit;
		width: 5em;
		max-width: inherit;
		height: 5em;
		max-height: inherit;
	}
	.gototop > a > span {
		width: 5em;
		max-width: inherit;
		height: 5em;
		max-height: inherit;
		background-image: url("../images/_svg/arrowLink.svg");
		background-position: center center;
		background-size: 50% 50%;
		transform: rotate(-90deg);
	}
}
.linkTargetBlank {
	display: inline-block;
	padding-right: 1.5em;
	background-image: url("../images/_svg/iconLinkBlankWhite.svg");
	background-position: right center;
	background-size: 1.25em auto;
}
.linkTargetBlank > span {
	display: inline-block;
	position: relative;
}
.linkTargetBlank > span::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0.35em;
	width: 97.5%;
	height: 1px;
	background-color: #fff;
}
.linkTargetBlank.hover > span::after {
	animation: linkTargetBlankHover 0.5s ease forwards;
}
@keyframes linkTargetBlankHover {
	0% { width: 0; }
	100% { width: 97.5%; }
}
.linkNav {
	display: inline-block;
	position: relative;
}
.linkNav::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -0.25em;
	width: 0%;
	height: 1px;
	background-color: #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.linkNav.hover::after {
	width: 100%;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.textRed.linkNav::after {
	background-color: #fe254e;
}
.textBlue.linkNav::after {
	background-color: #263ff7;
}
/*タイトル装飾*/
.sectionTitle {
	display: block;
	position: relative;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
.sectionTitle::after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2em;
	height: 3px;
	background: linear-gradient(to right, #ca0c0c 0%, #221cb5 100%);
}
.alignCenter .sectionTitle::after,
.alignCenter.sectionTitle::after {
	left: 50%;
	transform: translateX(-50%);
}
.sectionTitleSub {
	display: inline-block;
	padding: 0.25em 0.75em;
}
/*背景色*/
.bgWhite {
	background-color: #fff;
}
.bgBlack {
	background-color: #000;
}
.bgBlackAlpha {
	background-color: rgba(0, 0, 0, 0.6);
}
.bgRed {
	background-color: #e91015;
}
.bgBlue {
	background-color: #0064fa;
}
.bgDarkGray {
	background-color: #0e0e0e;
}
.bgGray {
	background-color: #101010;
}
.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-image: url("../images/_pc/bg.jpg");
	z-index: -1;
}
@media screen and (max-width: 800px) {
	.bg {
		background-image: url("../images/_sp/bg.jpg");
	}
}
/*header*/
.headerMargin {
	padding-top: 80px;
}
header,
header > h1,
header > nav > ul > li,
header > nav > ul > li > a,
header > nav > ul > li > a > span {
	height: 5.333333vw;
	max-height: 80px;
}
header {
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #0a0a0a;
	background-image: url("../images/_pc/bgHeader.png");
	background-position: left top;
	background-size: auto 100%;
	z-index: 100;
}
header > h1 {
	width: 32vw;
	max-width: 480px;
}
header > .headerCatch {
	width: 33vw;
	max-width: 495px;
}
header > nav {
	width: 34vw;
	max-width: 510px;
}
header > h1 {
	background-image: url("../images/_pc/logo.png");
	background-size: contain;
}
header > h1 > a {
	display: block;
	width: 100%;
	height: 100%;
}
header > .headerCatch {
	margin-right: auto;
}
header > nav > ul.flexBlock {
	width: 100%;
	height: 100%;
	justify-content: flex-end;
}
header > nav > ul > li {
	position: relative;
}
header > nav > ul > li::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 1em;
	background-color: #fff;
	transform: translateY(-50%) rotate(20deg);
}
header > nav > ul > li > a,
header > nav > ul > li > span {
	color: #fff;
	padding: 0 36px;
	line-height: 80px;
}
header > nav > ul > li#navBrand > span > span {
	padding-right: 1em;
}
header > nav > ul > li#navBrand > span > span::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0.25em;
	width: 0.5em;
	height: 0.5em;
	background-image: url("../images/_svg/arrowNavi.svg");
	background-size: 0.5em 0.5em;
	transform: translateY(-50%) rotate(0);
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
header > nav > ul > li#navBrand.showSubMenu > span > span::after {
	transform: translateY(-50%) rotate(180deg);
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
header > nav > ul > li#navBrand > .navSub {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 5.333333vw;
	max-height: 80px;
	padding-top: 80px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: -1;
}
header > nav > ul > li#navBrand.showSubMenu > .navSub {
	height: 18vw;
	max-height: 270px;
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
header > nav > ul > li#navBrand > .navSub > ul {
	background-color: rgba(5,5,5,0.94);
}
header > nav > ul > li#navBrand > .navSub > ul > li,
header > nav > ul > li#navBrand > .navSub > ul > li > a {
	width: 18vw;
	max-width: 270px;
	height: 16vw;
	max-height: 240px;
	margin: 0;
	padding: 0;
}
header > nav > ul > li#navBrand > .navSub > ul > li > a {
	padding-top: 140px;
	background-position: center top;
	background-size: 100% auto;
}
header > nav > ul > li#navBrand > .navSub > ul > li#navBrandZ > a {
	background-image: url("../images/brandZ.png");
}
header > nav > ul > li#navBrand > .navSub > ul > li#navBrandUgf > a {
	background-image: url("../images/brandUGF.png");
}
header > nav > ul > li#navBrand > .navSub > ul > li#navBrandUltra > a {
	background-image: url("../images/brandUltra.png");
}
header > nav > ul > li#navBrand > .navSub > ul > li#navBrandNgh > a {
	background-image: url("../images/brandNGH.png");
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.headerMargin {
		padding-top: 5.333333vw;
	}
	header > nav > ul > li > a,
	header > nav > ul > li > span {
		padding: 0 2.4vw;
		line-height: 5.333333vw;
	}
	header > nav > ul > li#navBrand > .navSub {
		padding-top: 5.333333vw;
	}
	header > nav > ul > li#navBrand > .navSub > ul > li > a {
		padding-top: 9.333333vw;
	}
}
@media screen and (max-width: 800px) {
	.headerMargin {
		padding-top: 20vw;
	}
	header,
	header > h1 {
		height: 20vw;
		max-height: inherit;
	}
	header {
		background-image: url("../images/_sp/bgHeader.jpg");
	}
	header > h1 {
		width: 80vw;
		max-width: inherit;
		padding-top: 3vw;
		background-image: url("../images/_sp/logo.png");
		z-index: 102;
	}
	header > .headerCatch {
		position: absolute;
		top: 0.2em;
		left: 0.75em;
		width: 100%;
		max-width: inherit;
	}
	header > nav {
		position: absolute;
		top: 20vw;
		left: 100vw;
		width: 100%;
		padding: 0 4vw 4vw;
		z-index: -1;
		background-color: rgba(0,0,0,0.9);
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
	header.open nav {
		left: 0;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
	header > nav > ul.flexBlock {
		width: 100%;
		height: 100%;
		justify-content: flex-end;
	}
	header > nav > ul > li {
		width: 100%;
		margin: 0 0 5vw;
		padding: 5vw 0 0;
	}
	header > nav > ul > li + li {
		border-top: 2px solid #97001d;
	}
	header > nav > ul > li::before {
		display: none;
	}
	header > nav > ul > li,
	header > nav > ul > li > a,
	header > nav > ul > li > a > span {
		height: auto;
		max-height: inherit;
	}
	header > nav > ul > li > a,
	header > nav > ul > li > span {
		color: #fff;
		padding: 0;
		line-height: 100%;
	}
	header > nav > ul > li > a {
		width: 100%;
		background-image: url("../images/_svg/arrowLink.svg");
		background-position: right center;
		background-size: 0.5em 0.5em;
	}
	header > nav > ul > li#navBrand > span > span {
		padding-right: 0;
	}
	header > nav > ul > li#navBrand > span > span::after,
	header > nav > ul > li#navBrand.showSubMenu > span > span::after {
		display: none;
	}
	header > nav > ul > li#navBrand > .navSub,
	header > nav > ul > li#navBrand.showSubMenu > .navSub {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		max-height: inherit;
		padding-top: 0;
		opacity: 1;
		pointer-events: auto;
		z-index: 10;
	}
	header > nav > ul > li#navBrand > .navSub > ul {
		background-color: transparent;
	}
	header > nav > ul > li#navBrand > .navSub > ul > li,
	header > nav > ul > li#navBrand > .navSub > ul > li > a {
		width: 42vw;
		max-width: inherit;
		height: inherit;
		max-height: inherit;
		margin: 0;
		padding: 0;
	}
	header > nav > ul > li#navBrand > .navSub > ul > li {
		margin-top: 4vw;
	}
	header > nav > ul > li#navBrand > .navSub > ul > li > a {
		position: relative;
		padding-top: 21.84vw;
		background-position: center top;
		background-size: 100% auto;
	}
	header > nav > ul > li#navBrand > .navSub > ul > li > a::before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 21.84vw;
		background: linear-gradient(135deg, #9f011b 0%, #000 60%);
		z-index: -1;
	}
	header > nav > ul > li#navBrand > .navSub > ul > li > a > span {
		display: block;
		margin-top: 1em;
	}
	#menuSp {
		position: absolute;
		top: 0;
		right: 3.333333vw;
		width: 11.111111vw;
		height: 10vw;
		z-index: 103;
	}
	#menuSp::after {
		position: absolute;
		left: 50%;
		top: 135%;
		content: 'MENU';
		width: 100%;
		font-family: 'Teko', sans-serif;
		font-weight: 300;
		font-size: 4.888888vw;
		color: #d9d9d9;
		letter-spacing: 0;
		text-align: center;
		transform: translateX(-50%);
	}
	header.open #menuSp::after {
		content: 'CLOSE';
	}
	#menuSp > span {
		display: inline-block;
		position: relative;
		width: 9vw;
		height: 17.125vw;
		margin: 0;
	}
	#menuSp > span > span,
	#menuSp > span > span:before,
	#menuSp > span > span:after {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 11.111111vw;
		height: 2px;
		background-color: #dc0312;
		-webkit-transition: all 0.25s ease;
		transition: all 0.25s ease;
		transform: translateY(-50%);
	}
	#menuSp > span > span:before,
	#menuSp > span > span:after {
		display: block;
		content: "";
	}
	#menuSp > span > span:before {
		margin-top: -2vw;
	}
	#menuSp > span > span:after {
		margin-top: 2vw;
	}
	.open #menuSp > span > span {
		background: transparent;
	}
	.open #menuSp > span > span:before,
	.open #menuSp > span > span:after{
		margin-top: 0;
	}
	.open #menuSp > span > span:before{
		transform: rotate(-45deg);
	}
	.open #menuSp > span > span:after{
		transform: rotate(-135deg);
	}
}
/* bread crumbs */
.breadCrumbs {
	width: 100%;
	padding: 2em 0;
}
.breadCrumbs li,
.breadCrumbs li span {
	display: inline-block;
}
.breadCrumbs li {
	padding-right: 1em;
}
.breadCrumbs li span {
	margin-right: 1em;
}
.breadCrumbs li:not(:last-child)::after {
	content: "/";
}
@media screen and (max-width: 800px) {
  .breadCrumbs {
    overflow-x: scroll;
    white-space: nowrap;
  }
}
/*links*/
#links {
	padding-bottom: 2em;
}
#links > .widthWrapper > .textLinks > li,
#links > .widthWrapper > .textLinks > li > a {
	white-space: nowrap;
}
#links > .widthWrapper .copyright > span {
	display: inline-block;
	padding: 0 1em;
}
@media screen and (max-width: 800px) {
	#links > .widthWrapper {
		margin-top: 0!important;
	}
	#links > .widthWrapper .copyright > span {
		padding: 0;
	}
	#links > .widthWrapper > p + .flexBlock {
		width: 92%;
		margin: 0 auto;
	}
	#links > .widthWrapper > p + .flexBlock > .flexList3 + .flexList3 {
		padding-top: 1em;
	}
}
/* sns */
.snsBlock {
	position: relative;
	width: 100%;
	overflow: visible;
}
.snsBlock .snsBtn {
	height: 20px;
	margin: 0 2px;
	line-height: 100%;
	display: block;
}
/*footer*/
footer {
	position: relative;
	width: 100%;
	padding: 2em 2.5%;
	border-top: 1px solid #550507;
}
footer > ul.flexBlock > li {
	margin-left: 3em;
}
footer > ul.flexBlock > li.logo {
	width: 5em;
	height: 5em;
	margin-left: 0;
	margin-right: auto;
}
footer > ul.flexBlock > li.logo > a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("../images/_svg/bandaisp.svg");
	background-size: contain;
}
@media screen and (max-width: 800px) {
	footer > ul.flexBlock > li {
		margin-left: 1em;
	}
	footer > ul.flexBlock > li.logo {
		margin-right: 0;
	}
	footer > ul.flexBlock > li:last-child {
		margin-right: auto;
	}
}
/*YouTube*/
.movieWrapper {
	position: relative;
	width: 100%;
	height: 0;
	margin: 0 auto;
	padding-top: 56.25%;
	overflow: hidden;
}
.movieWrapper iframe,
.movieWrapper video {
	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 span {
	display: block;
	background-image: url("../images/btnPlay.png");
}
/*top*/
#topVisual,
#topVisual .slider,
#topVisual .slider .slick-list li {
	position: relative;
	width: 100%;
	height: 56.3vw;
	max-height: 563px;
	margin: 0 auto;
}
#topVisual {
	box-sizing: content-box;
}
#topVisual .slider .slick-list li {
	max-width: 1000px;
	opacity: 0.6;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#topVisual .slider .slick-list li.slick-active,
#topVisual .slider .slick-list li.slick-current {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#topVisual .slider .slick-list li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center bottom;
	background-size: 100% auto;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
}
@media screen and (max-width: 800px) {
	#topVisual,
	#topVisual .slider,
	#topVisual .slider .slick-list li {
		height: 133.333333vw;
		max-height: 1067px;
	}
	#topVisual {
		padding-bottom: 16vw;
	}
}
/*naviWrapper*/
.naviWrapper {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}
.naviWrapper li {
	height: 13.333333vw;
}
.naviWrapper li > a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 2vw 2.6vw;
}
.naviWrapper li > a::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
  border: 4px solid rgba(202,12,12,1);
  border-image: linear-gradient(to right, #ca0c0c 0%, #221cb5 100%);
  border-image-slice: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.naviWrapper li > a.hover::after {
	opacity: 1;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.naviWrapper li > a > span {
	display: block;
}
.naviWrapper li > a > span + span {
	position: absolute;
	left: 2.6vw;
	bottom: 2vw;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
}
@media screen and (max-width: 800px) {
	.naviWrapper li {
		height: 44.444444vw;
		background-position: right center;
	}
	.naviWrapper li > a > span + span {
		position: relative;
		left: inherit;
		bottom: inherit;
		padding-top: 1em;
	}
}
.itemSlider .slick-track {
	margin-left: auto;
	margin-right: auto;
}
.itemSlider .slick-list li {
	padding: 0 10px;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.itemSlider .slick-list li {
		padding: 0 0.666666vw;
	}
}
@media screen and (max-width: 800px) {
	.itemSlider {
		width: 72vw;
		margin-left: auto;
		margin-right: auto;
	}
}
/*brand*/
.brandWrapper {
	position: relative;
	margin-bottom: 69px;
	padding: 60px 0;
	overflow: hidden;
}
.brandWrapper::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
.brandWrapper::after {
	width: 6.666666vw;
	max-width: 100px;
	height: 6.666666vw;
	max-height: 100px;
	background-position: left top;
	background-size: contain;
}
#ultraman.brandWrapper {
	background: linear-gradient(to bottom, rgba(176, 11, 11, 0.6) 0%, rgba(0, 0, 0, 0.6) 25%);
}
#newgeneration.brandWrapper {
	background: linear-gradient(to bottom, rgba(18, 54, 184, 0.6) 0%, rgba(0, 0, 0, 0.6) 25%);
}
#galaxyfight.brandWrapper {
	background: linear-gradient(to bottom, rgba(91, 5, 171, 0.6) 0%, rgba(0, 0, 0, 0.6) 25%);
}
#z.brandWrapper {
	background: linear-gradient(to bottom, rgba(0,129,199,0.6) 0%, rgba(0, 0, 0, 0.6) 25%);
}
#ultraman.brandWrapper::after {
	background-image: url("../images/_svg/brandUltraman.svg");
}
#newgeneration.brandWrapper::after {
	background-image: url("../images/_svg/brandNGH.svg");
}
#galaxyfight.brandWrapper::after {
	background-image: url("../images/_svg/brandUGF.svg");
}
#z.brandWrapper::after {
	background-image: url("../images/_svg/brandZ.svg");
}
.mainVisual {
	width: 100%;
	padding-top: 56.3%;
}
.brandLogo {
	position: relative;
}
.brandLogo > .brandLogoImage {
	display: block;
	width: 85%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.brandWrapper {
		padding: 4vw 0;
		margin-bottom: 4.6vw;
	}
}
@media screen and (max-width: 800px) {
	.mainVisual {
		width: 100%;
		padding-top: 133.333333%;
	}
	.brandWrapper {
		padding: 10vw 0;
		margin-bottom: 10vw;
	}
	.brandWrapper::after {
		width: 16vw;
		max-width: inherit;
		height: 16vw;
		max-height: inherit;
		background-position: left top;
		background-size: contain;
	}
	.brandLogo > .brandLogoImage {
		width: 100%;
	}
}
.gallerySlider {
	position: relative;
	width: 40vw;
	max-width: 600px;
	height: 40vw;
	max-height: 600px;
	margin-left: auto;
	margin-right: auto;
}
.galleryNav {
	position: relative;
	width: 40.8vw;
	max-width: 612px;
	margin-left: auto;
	margin-right: auto;
}
.galleryNav li {
	position: relative;
	margin: 0 6px;
}
.gallerySlider::after,
.galleryNav li::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.gallerySlider::after {
	box-shadow: 0 0 0 2px #880711 inset;
}
.galleryNav li::after {
	box-shadow: 0 0 0 1px #333 inset;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.galleryNav li {
		padding: 0 0.04vw;
	}
}
@media screen and (max-width: 800px) {
	.gallerySlider {
		position: relative;
		width: 72vw;
		max-width: inherit;
		height: 72vw;
		max-height: inherit;
	}
	.galleryNav {
		width: 73vw;
		max-width: inherit;
	}
	.galleryNav li {
		position: relative;
		margin: 0 0.5vw;
	}
}
/* post */
.post table {
	width: 100%;
}
.post table tr th,
.post table tr td {
	padding: 0.75em;
	background-color: rgba(63, 10, 12, 0.8);
}
.post table tr:nth-child(even) th,
.post table tr:nth-child(even) td {
	background-color: rgba(0, 0, 0, 0.5);
}
.post table tr th {
	font-weight: normal;
	text-align: left;
}
@media screen and (max-width: 800px) {
	.post table {
		width: 100%;
	}
	.post table tr th,
	.post table tr td {
		display: block;
		width: 100%;
	}
	.post table tr td {
		border-left: none;
		border-top: 1px solid #880711;
	}
}

/* teaser */
#teaserVisual,
#teaserVisual > div {
	width: 100%;
	height: 56.3vw;
	max-height: 845px;
	box-sizing: content-box;
}
#teaserVisual > div {
	position: relative;
	background-color: #000224;
	background-image: url("../images/_pc/bgTeaser.jpg");
	background-position: center top;
	background-size: auto 100%;
}
#teaserVisual > div > img {
	position: absolute;
	top: 0;
	left: 50%;
	opacity: 0;
	width: auto;
	height: 56.3vw;
	max-height: 845px;
	transform: translateX(-50%);
}
#teaserVisual > div > img:nth-child(1) {
	animation: introAnimationInit 1s linear 1.5s forwards;
}
#teaserVisual > div > img:nth-child(2) {
	animation: introAnimationInit 1s linear 2s forwards;
}
#teaserVisual > div > img:nth-child(3) {
	animation: introAnimationInit 0.25s linear 3.5s forwards;
}
#teaserVisual > div > img:nth-child(4) {
	animation: introAnimationInit 0.25s linear 3s forwards;
}
@keyframes introAnimationInit {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media screen and (max-width: 800px) {
	#teaserVisual,
	#teaserVisual > div {
		height: 133.333333vw;
		max-height: 1067px;
	}
	#teaserVisual > div {
		background-color: #01010b;
		background-image: url("../images/_sp/bgTeaser.jpg");
	}
	#teaserVisual > div > img {
		height: 133.333333vw;
		max-height: 1067px;
	}
}