@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}

/*-----------------------------------------------
 * Bace
 * Keyframes
 * Footer
 * Modal
 * Parts
 * Subpage
-------------------------------------------------*/
/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
body{
	-webkit-text-size-adjust: 100%;
	background-color: #ffff04;
	color: #000;
	font-family: 'Noto Serif JP',serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}
.pc-only{ display: block; }
.sp-only{ display: none; }
a{ color: #222; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #e60012;
	color: #fff;
}
::-moz-selection{
	background: #e60012;
	color:#fff;
}

/* ScrollBar Setting */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #fff;
}
::-webkit-scrollbar-thumb {
	background: #ff9553;
	border-radius: 4px;
	margin: 2px;
	box-shadow: none;
}
html{
	scrollbar-color: #ff9553 #fff;
	scrollbar-width: thin;
}

.imgFull {
	width: 100%;
}
#fullWrapper{
	width: 100%;
	overflow: hidden;
	position: relative;
}
#fullWrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-width: 1200px;
	position: relative;
	z-index: 1;
}
@media screen and (max-width:767px){
	html{
		font-size: 62.5%;
	}
	body{
		font-size: 10px;
		font-size: 1rem;
	}
	.sp-only{ display: block; }
	.pc-only{ display: none; }
	.ah:hover { opacity: 1; }
	#fullWrap {
		min-width: 320px;
	}
}

/* font */
.font-cinzel {
	font-family: 'Cinzel', serif;
}

/**
 * fullBg
 */
.fullBg {
	background-color: #ffff04;
	min-width: 1200px;
	min-height: 640px;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
@media screen and (max-width:767px){
	.fullBg {
		min-width: 100%;
		min-height: 100%;
	}
}

/* noice */
.fullBg:after {
	content: "";
	background: url(../img/common/bg/noise.jpg) center;
	width: 150%;
	height: 150%;
	animation: rumble .3s linear infinite;
	position: absolute;
	top: -25%;
	left: -25%;
	opacity: .04;
	z-index: 1;
}

/* visualbg */
.fullBg:before {
	content: "";
	background: url(../img/common/bg/bg_vs.jpg) no-repeat top center / cover;
	width: 100%;
	height: 100%;
	mix-blend-mode: screen;
	position: absolute;
	top: 0;
	z-index: 2;
}
@media screen and (max-width:767px){
	.fullBg:before {
		background-image: url(../img/common/bg/bg_vs.jpg);
	}
}

#wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}


.contIn{
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 160px 160px;
}

@media screen and (max-width: 767px){
	.contIn {
		max-width: 100%;
		padding: 0 24px 50px;
	}
}

/*-----------------------------------------------
 * Keyframes
-------------------------------------------------*/
@keyframes rumble {
	0%   { transform:translate(0, 0) rotate(0) }
	16%  { transform:translate(25px, -50px) rotate(-5deg) }
	33%  { transform:translate(50px, 15px) rotate(2deg) }
	49%  { transform:translate(7px, 5px) rotate(1deg) }
	66%  { transform:translate(-25px, -40px) rotate(7deg) }
	83%  { transform:translate(-50px, 25px) rotate(-3deg) }
	100% { transform:translate(5px, 7px) rotate(-8deg) }
}

/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header{
	width: 100%;
	min-width: 1200px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
.header__inner{
	width: 100%;
	background-color: #000;
	padding: 32px 0;
}
.headerNav{
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	padding-right: 100px;
}
.headerNavLists{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.headerNavList{
	position: relative;
	line-height: 1;
}
.headerNavList:before{
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	top: calc(50% - 4px);
	right: -4px;
	background: url(../img/common/icon/icon_plus_w.svg) no-repeat center / contain;
	z-index: 3;
}
.headerNavList:last-child::before{
	content: unset;
}
.headerNav_link{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0;
	padding: 0 28px;
	position: relative;
	font-family: 'Cinzel', serif;
	font-weight: 500;
	pointer-events: none;
}
.headerNav_link.is-active{
	color: #e60012;
}
.headerNav_link:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: linear-gradient(#e60012, #e60012) right center/0 1px no-repeat;
	transition: background-size .3s ease;
	z-index: 2;
}
.headerNav_link.is-active:after,.headerNav_link:hover::after{
	background-position: left center;
	background-size: 100% 1px;
}
.headerNav_link span{
	position: relative;
	z-index: 2;
	pointer-events: auto;
}

.header_twi{
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	bottom: 0;
	right: 3.3334%;
}
.header_twi_link{
	position: relative;
	padding-right: 36px;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0;
	font-family: 'Cinzel', serif;
	font-weight: 500;
	text-decoration: none;
	color: #fff;
	transition: .3s ease;
}
.header_twi_link:after{
	content: '';
	position: absolute;
	right: 0;
	top: calc(50% - 9px);
	width: 20px;
	height: 18px;
	-webkit-mask: url(../img/common/sns/sns_tw.svg) no-repeat center / contain;
	mask: url(../img/common/sns/sns_tw.svg) no-repeat center / contain;
	background-color: #fff;
	transition: .3s ease;
}
.header_twi_link:hover{
	color: #e60012;
}
.header_twi_link:hover::after{
	background-color: #e60012;
}

@media screen and (min-width: 768px){
	.header__navBtn{
		display: none;
	}
}

@media screen and (max-width: 767px){
	.header{
		min-width: 100%;
	}
	.header__inner{
		-webkit-overflow-scrolling: touch;
		width: 100%;
		height: 100%;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0 0 80px;
		opacity: 0;
		pointer-events: none;
		z-index: 3;
		transition: opacity .5s ease-in-out;
	}
	.header.is-active .header__inner {
		opacity: 1;
		pointer-events: auto;
	}
	.header__inner:before{
		content: "";
		background: rgba(0,0,0,.9);
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.spLogo{
		width: 41.6%;
		padding-top: 15.4667%;
		margin: 7.4667% auto 32px;
		display: block;
		position: relative;
	}
	.spLogo a{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/common/logo/navlogo.svg) no-repeat center / contain;
		filter: drop-shadow(0 0 2px #FFF) drop-shadow(0 0 1px #FFF) drop-shadow(0 0 1px #FFF) drop-shadow(0 0 1px #FFF) drop-shadow(0 0 1px #FFF);
	}
	.headerNav{
		flex-direction: column;
		justify-content: center;
		padding-right: 0;
	}
	.headerNavLists{
		flex-direction: column;
	}
	.headerNavList{
		width: 100%;
	}
	.headerNavList:before{
		top: unset;
		bottom: -4px;
		right: calc(50% - 4px);
	}
	.headerNav_link{
		width: 100%;
		text-align: center;
		font-size: 1.4rem;
		padding: 20px 0;
	}
	.headerNav_link:after{
		top: calc(50% - 5px);
	}
	.headerNav_link span{
		pointer-events: none;
	}
	.header.is-active .headerNav_link span{
		pointer-events: auto;
	}
	.header_twi{
		position: relative;
		justify-content: center;
		right: unset;
		margin-top: 40px;
	}
	.header_twi_link{
		font-size: 1.4rem;
	}
	.header__navBtn{
		position: fixed;
		width: 48px;
		height: 48px;
		background-color: #e60012;
		top: 0;
		right: 3.2%;
		margin-top: 3.2%;
		font-family: 'Cinzel', serif;
		z-index: 100;
		display: flex;
		justify-content: center;
		padding-top: 12px;
	}
	.header__navBtn:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-mask: url(../img/common/icon/icon_menudeco.svg) no-repeat center / contain;
		mask: url(../img/common/icon/icon_menudeco.svg) no-repeat center / contain;
		background-color: #000;
		transition: background-color .3s ease;
	}
	.header.is-active .header__navBtn:before{
		background-color: #fff;
	}
	.header__navBtn:after{
		content: 'MENU';
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 10px;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1;
		letter-spacing: 0;
		color: #fff;
		text-align: center;
	}
	.header.is-active .header__navBtn:after{
		content: 'CLOSE';
	}
	.header__navBtn__lineWrap{
		position: relative;
		width: 24px;
		height: 8px;
	}
	.header__navBtn__lineWrap span{
		position: absolute;
		width: 100%;
		height: 1px;
		left: 0;
		right: 0;
		background-color: #fff;
		transition: .3s ease;
	}
	.header__navBtn__lineWrap span:first-child{
		top: 0;
	}
	.header__navBtn__lineWrap span:last-child{
		bottom: 0;
	}
	.header.is-active .header__navBtn__lineWrap span:first-child{
		top: 3.5px;
		transform: rotate(15deg);
	}
	.header.is-active .header__navBtn__lineWrap span:last-child{
		bottom: 3.5px;
		transform: rotate(-15deg);
	}
}


/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer {
	background-color: #000;
	margin-top: auto;
	padding: 40px;
}
@media screen and (max-width:767px){
	.footer {
		padding: 24px;
	}
}

/**
 * bnrLists
 */
.footer__bnrLists {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.footer__bnrLists__item {
	margin: 0 20px 40px;
}
.footer__bnrLists__item a{
	display: block;
}
@media screen and (max-width:767px){
	.footer__bnrLists__item {
		width: calc((100% - 14px) / 2);
		margin: 0 0 14px;
	}
	.footer__bnrLists__item:not(:nth-child(2n + 1)) {
		margin-left: 14px;
	}
	.footer__bnrLists__item img {
		width: 100%;
	}
}

/**
 * footer__bottomWrap
 */
.footer__bottomWrap {
	display: flex;
	align-items: center;
}
@media screen and (max-width:767px){
	.footer__bottomWrap {
		flex-direction: column;
		justify-content: center;
		margin-top: 10px;
	}
}

/**
 * shareLists
 */
.footer__shareWrap {
	display: flex;
	align-items: center;
}
@media screen and (max-width:767px){
	.footer__shareWrap {
		margin-bottom: 20px;
	}
}

/* dt */
.footer__share__dt {
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.01em;
	margin-right: 12px;
}
@media screen and (max-width:767px){
	.footer__share__dt {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/* dd */
.footer__share__dd {
	display: flex;
	align-items: center;
}

/* lists */
.footer__shareWrap .shareLists {
	display: flex;
	justify-content: center;
}

/* item */
.footer__shareWrap .shareLists__item {
	width: 30px;
	height: 30px;
	margin: 0 10px;
}

/* a */
.footer__shareWrap .shareLists__item a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-repeat: no-repeat;
	mask-position: center;
	background-color: #fff;
	transition: .3s ease;
}
.footer__shareWrap .shareLists__item a:hover {
	background-color: #e60012;
}
.footer__shareWrap .shareLists__item a.shareLists__link--tw {
	-webkit-mask-image: url(../img/common/sns/sns_tw.svg);
	-webkit-mask-size: 25px;
	mask-image: url(../img/common/sns/sns_tw.svg);
	mask-size: 25px;
}
.footer__shareWrap .shareLists__item a.shareLists__link--fb {
	-webkit-mask-image: url(../img/common/sns/sns_fb.svg);
	-webkit-mask-size: 24px;
	mask-image: url(../img/common/sns/sns_fb.svg);
	mask-size: 24px;
}
.footer__shareWrap .shareLists__item a.shareLists__link--line {
	-webkit-mask-image: url(../img/common/sns/sns_line.svg);
	-webkit-mask-size: 24px;
	mask-image: url(../img/common/sns/sns_line.svg);
	mask-size: 24px;
}

/**
 * copyright
 */
.footer__copyright {
	color: rgba(255,255,255,.4);
	font-size: 12px;
	margin-left: auto;
	text-align: right;
}
@media screen and (max-width:767px){
	.footer__copyright {
		font-size: 10px;
		font-size: 1rem;
		margin-left: 0;
		transform: scale(.9);
		text-align: center;
	}
}

.footer__copyright a{
	color: rgba(255,255,255,.4);
}


/*-----------------------------------------------
 * Modal
-------------------------------------------------*/
.modalBox{
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,.85);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
@-moz-document url-prefix() {
	.modalBox{
		background: rgba(0,0,0,.9);
	}
}
.oneModal{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.oneModalIn{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	min-width: 1200px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
.oneModalIn__cont{
	padding: 50px 0;
}
@media screen and (max-width:767px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
		padding: 30px 0;
	}
}
/* closeBtn */
.closeBtn{
	width: 100%;
	height: 100%;
	min-width: 1200px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.closeBtn a{
	background: url(../img/common/icon/close.svg) no-repeat center / 100%;
	display: block;
	width: 80px;
	height: 102px;
	pointer-events: auto;
	position: absolute;
	top: 0;
	right: 0px;
}
@media screen and (max-width:767px){
	.closeBtn{
		min-width: 100%;
	}
	.closeBtn a{
		width: 48px;
		height: 62px;
		background-position: top center;
	}
}

/* common */
.commonIframe{
	width: 100%;
	height: 100%;
	display: block;
}

/* youtube */
.youtubeModal__inner {
	width: 70%;
}
.youtubeIframeWrap{
	/*width: 100%;*/
	width: 960px;
	padding-top: 56.25%;
	position: relative;
}
.youtubeIframe {
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:767px){
	.youtubeModal__inner {
		width: 100%;
	}
	.youtubeIframeWrap{
		width: 100%;
	}
}


/*-----------------------------------------------
 * Parts
-------------------------------------------------*/
.subArticle{
	padding-top: 82px;
}
@media screen and (max-width:767px){
	.subArticle{
		padding-top: 0px;
	}
}

/**
 * Swiper
 */
/* pagenation */
.commonSwiper__pager {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 47px;
	bottom: 0 !important;
	z-index: 2;
}
.commonSwiper__pager .swiper-pagination-bullet {
	-webkit-mask: url(../img/common/icon/icon_plus_w.svg) no-repeat 0 0 / 100%;
	mask: url(../img/common/icon/icon_plus_w.svg) no-repeat 0 0 / 100%;
	background-color: #070004;
	width: 8px;
	height: 8px;
	margin: 0 8px !important;
	opacity: 1;
	position: relative;
}
.commonSwiper__pager .swiper-pagination-bullet-active {
	-webkit-mask: url(../img/common/icon/icon_plus_w.svg) no-repeat 0 0 / 100%;
	mask: url(../img/common/icon/icon_plus_w.svg) no-repeat 0 0 / 100%;
	background-color: #e60012;
	width: 8px;
	height: 8px;
	margin: 0 8px !important;
	opacity: 1;
	position: relative;
}
@media screen and (max-width:767px){
	.commonSwiper__pager {
		height: 35px;
	}
	.commonSwiper__pager .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}
	.commonSwiper__pager .swiper-pagination-bullet-active:before {
		width: 12px;
		height: 12px;
	}
}

/**
 * Paging
 */
.pagingListsWrap {
	margin-top: 80px;
}
.pagingLists {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width:767px){
	.pagingListsWrap {
		margin-top: 50px;
	}
}

/* item */
.pagingLists__item {
	width: 40px;
	height: 40px;
	margin: 0 12px;
}
@media screen and (max-width:767px){
	.pagingLists__item {
		width: 30px;
		height: 30px;
		margin: 0 6px;
	}
}

/* a, active */
.pagingLists__link,
.pagingLists__active {
	background-color: #000;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	width: 100%;
	height: 100%;
	text-decoration: none;
	transition: background-color .3s ease;
}
.pagingLists__active {
	background-color: #e60012;
}
.pagingLists__link:hover {
	background-color: #e60012;
}
@media screen and (max-width:767px){
	.pagingLists__link,
	.pagingLists__active {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/**
 * back to
 */
.backLinkWrap {
	text-align: center;
}
.backLink {
	background-color: #000;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	padding: 6px 36px;
	position: relative;
	text-decoration: none;
	transition: all .3s ease;
}
.backLink:hover {
	background-color: #e60012;
	color: #fff;
}
@media screen and (max-width:767px){
	.backLink {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 4px 26px;
	}
}

/* line */
.backLink__line {
	background-color: #000;
	display: flex;
	width: 48px;
	height: 1px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -24px;
	transition: width .3s ease;
}
.backLink:hover .backLink__line {
	width: 0;
}
.backLink__line:before,
.backLink__line:after {
	content: "";
	display: block;
	width: 50%;
	height: 1px;
}
.backLink__line:before {
	background-color: #000;
}
.backLink__line:after {
	background-color: #fff;
}
@media screen and (max-width:767px){
	.backLink__line {
		width: 24px;
		left: -12px;
	}
}


/** CURSOR **/
.cursor{
	width: 118px;
	height: 118px;
	position: absolute;
	transform: scale(0);
	z-index: 10;
	transition: transform .25s;
	pointer-events: none;
	mix-blend-mode: difference;
}
.cursor.is-active{
	transform: scale(1);
}
.cursor .cur{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cursor .cur:before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	animation: curspin 5s linear infinite;
}
.cursor .cur span{
	line-height: 1;
	font-family: 'Cinzel', serif;
	letter-spacing: 0;
	background-color: #FFF;
	color: #000;
	padding: 1px 2px;
	position: absolute;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
}
@keyframes curspin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*** LOADING ***/
#fullWrap{
	opacity: 1;
	transition: opacity .45s ease-in;
}
.fullBg__chara{
	opacity: 1;
	transform: translateY(0%);
	transition: opacity .45s ease-in, transform .55s ease-out;
	transition-delay: .2s;
}
body.is-ready{
	overflow: hidden;
}
body.is-ready #fullWrap{
	opacity: 0;
	pointer-events: none;
}
.fullBg{
	transition: opacity .45s ease-in;
}
body.is-ready .fullBg{
	transition-delay: .4s;
	opacity: 0;
}
body.is-ready .fullBg__chara{
	transition-delay: 0s;
	opacity: 0;
	transform: translateY(-20px);
}

/*-----------------------------------------------
 * Subpage
-------------------------------------------------*/
/**
 * subArticle__header
 */
.subArticle__header {
	margin-bottom: 80px;
	padding-top: 150px;
	position: relative;
}
@media screen and (max-width:767px){
	.subArticle__header {
		margin-bottom: 50px;
		padding-top: 90px;
	}
}

/**
 * subtitle
 */
.subArticle__title {
	display: flex;
	justify-content: center;
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
}
@media screen and (max-width:767px){
	.subArticle__title {
		font-size: 32px;
		font-size: 3.2rem;
	}
}

.subArticle__title__inner {
	display: block;
	position: relative;
}

/* org */
.subArticle__title__org {
	display: block;
	position: relative;
	z-index: 3;
}

/* bg */
.subArticle__title__bg {
	opacity: .6;
	position: absolute;
}
.subArticle__title__bg.is-pink {
	color: #ff24ce;
	top: -3px;
	left: -4px;
}
.subArticle__title__bg.is-blue {
	color: #50c0f2;
	bottom: -3px;
	right: -4px;
}


/* bg Animation */
.subArticle__title__inner.is-active{
	animation: glitch 1s infinite;
}
.subArticle__title__inner.is-active .subArticle__title__org {
	animation: vertical 2s ease infinite;
}
.subArticle__title__inner.is-active .subArticle__title__bg.is-pink {
	animation: giggle 2s ease infinite;
}
.subArticle__title__inner.is-active .subArticle__title__bg.is-blue {
	animation: giggle 1.4s ease infinite;
	animation-delay:-.7s;
}

@keyframes giggle {
	0%     { transform:translate(0, 0) }
	16.66% { transform:translate(6px, -3px) }
	33.32% { transform:translate(6px, 3px) }
	49.98% { transform:translate(0, 0) }
	66.64% { transform:translate(-6px, -3px) }
	83.30% { transform:translate(-6px, 3px) }
	100%   { transform:translate(0, 0) }
}
 @keyframes vertical {
	0%, 100% {
		transform:translateY(-1px);
	}
	50% {
		transform:translateY(1px);
	}
}
@keyframes glitch {
	0%, 20%, 33%, 60%, 64%, 66%, 69%, 73%, 75%, 90%, 93%, 100% {
		transform: skew(0deg);
	}
	21%, 81% {
		transform: skew(30deg, 0deg);
	}
	22%, 82% {
		transform: skew(-30deg, 0deg);
	}
	61% {
		transform: skew(35deg);
	}
	62% {
		transform: skew(-15deg, -8deg);
	}
	65% {
		transform: skew(15deg, -8deg);
	}
	70% {
		transform: skew(-65deg);
	}
	74% {
		transform: skew(15deg, -15deg);
	}
}




/**
 * logo
 */
.subArticle__logo {
	position: absolute;
	width: 248px;
	top: 40px;
	left: 40px;
}
.subArticle__logo img{
	width: 100%;
	filter: drop-shadow(0 0 2px #FFF) drop-shadow(0 0 1px #FFF) drop-shadow(0 0 1px #FFF) drop-shadow(0 0 1px #FFF) drop-shadow(0 0 1px #FFF);
}
@media screen and (max-width:767px){
	.subArticle__logo {
		width: 124px;
		height: 67px;
		top: 12px;
		left: 12px;
	}
	.subArticle__logo img {
		width: 100%;
	}
}

/**
 * fullBg__chara
 */
.fullBg__chara {
	content: "";
	background: url(../img/common/bg/bg_chara.png) no-repeat 0 0 / 100%;
	width: 502px;
	height: 779px;
	mix-blend-mode: multiply;
	position: absolute;
	top: 82px;
	right: 0;
	z-index: 3;
}
@media screen and (max-width:767px){
	.fullBg__chara {
		width: 68%;
		top: 0;
		height: auto;
		padding-top: 105.52%;
	}
}