@charset "UTF-8";
footer {
	padding: 8em 0 1em;
	background-color: #000;
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0) 100%);
}
.pagehallengers {
	background-image: url("../images/01guide/bgLoading.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*animation*/
.init {
	opacity: 0;
}
.action .delayFade01 {
	animation: fadeIn 0.75s linear 0.000001s forwards;
}
.action .delayFade02 {
	animation: fadeIn 0.75s linear 0.3s forwards;
}
.action .delayFade03 {
	animation: fadeIn 0.75s linear 0.6s forwards;
}
.action .delayFade04 {
	animation: fadeIn 0.75s linear 0.9s forwards;
}
.action .delayFade05 {
	animation: fadeIn 0.75s linear 1.2s forwards;
}
.action .delayFade06 {
	animation: fadeIn 0.75s linear 1.5s forwards;
}
.action .delayFade07 {
	animation: fadeIn 0.75s linear 1.8s forwards;
}
.action .delayFade08 {
	animation: fadeIn 0.75s linear 2.1s forwards;
}
.action .delayFade09 {
	animation: fadeIn 0.75s linear 2.4s forwards;
}
.action .delayFade10 {
	animation: fadeIn 0.75s linear 2.7s forwards;
}
.action .delayFade11 {
	animation: fadeIn 0.75s linear 3s forwards;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	1% {
		pointer-events: none;
	}
	100% {
		opacity: 0;
		pointer-events: none;
	}
}
/*challengers*/
#guide.bg {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../images/01guide/bg.jpg");
	background-position: center bottom;
	background-size: auto 100vh;
	z-index: 20;
}
#guide .obj {
	position: relative;
	width: 100vw;
	overflow: hidden;
}
#guide .obj > span {
	display: block;
	width: 100%;
	height: 100%;
}
#guide .obj.objSwipe {
	position: relative;
	width: 90%;
	height: 25vh;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/01guide/objBg.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#guide .obj.objSwipe img {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	opacity: 0;
	transform: translateX(-50%);
}
#guide.action .obj.objSwipe img {
	animation: motionSwipe 1.5s linear 2.5s 2;
}
@keyframes motionSwipe {
	0% {
		left: 40%;
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		left: 50%;
		opacity: 0;
	}
}
#guide .obj.objBall {
	position: absolute;
	left: 0;
	bottom: 8vh;
	height: 19.5vh;
}
#guide .obj.objBall img {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	opacity: 0;
	transform: translateX(-50%);
}
#guide.action .obj.objBall img {
	animation: motionBall 2s ease-out 0.5s forwards;
}
@keyframes motionBall {
	0% {
		bottom: 10vh;
		opacity: 0;
	}
	50% {
		bottom: 10vh;
		opacity: 0;
	}
	74% {
		bottom: 0;
		opacity: 1;
	}
	82% {
		bottom: 1vh;
		opacity: 1;
	}
	88% {
		bottom: 0;
		opacity: 1;
	}
	94% {
		bottom: 0.25vh;
		opacity: 1;
	}
	100% {
		bottom: 0;
		opacity: 1;
	}
}
#guide > a {
	display: block;
	position: absolute;
	top: 99%;
	left: 0;
	width: 100%;
	height: 1%;
}
#guide.action > a {
	animation: motionLink 0.25s ease-out 4s forwards;
}
@keyframes motionLink {
	0% {
		top: 99%;
		height: 1%;
	}
	94% {
		top: 99%;
		height: 1%;
	}
	100% {
		top: 0;
		height: 100%;
	}
}
#challengers,
#challengers .slick-list .chara {
	width: 100vw;
	max-width: 60vh;
	height: 100vh;
}
#challengers {
	margin-left: auto;
	margin-right: auto;
}
#challengers div {
	outline: none;
}
#challengers .slick-list .chara {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
#challengers .slick-list .chara > div {
	position: absolute;
}
#challengers .slick-list .chara > .charaImg,
#challengers .slick-list .chara > .charaText,
#challengers .slick-list .chara > .charaBtn {
	top: 47.5%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
}
#challengers .slick-list .chara > .charaImg,
#challengers .slick-list .chara > .charaEffect,
#challengers .slick-list .chara > .charaText {
	padding: 0 2em 2em;
	box-sizing: border-box;
}
#challengers .slick-list .chara > .charaMax {
	padding: 0!important;
}
#challengers .slick-list .chara > .charaImg,
#challengers .slick-list .chara > .charaEffect,
#challengers .slick-list .chara > .charaOver {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
#challengers .slick-list .chara > .charaImg,
#challengers .slick-list .chara > .charaEffect,
#challengers .slick-list .chara > .charaText {
	overflow: hidden;
}
#challengers .slick-list .chara > .charaOver {
	background-image: url("../images/01chara/_over.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	pointer-events: none;
}
#challengers .slick-list .chara > .charaImg img,
#challengers .slick-list .chara > .charaEffect img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#challengers .slick-list .chara.slick-active > .charaBtn {
	animation: fadeInBtn 0.75s linear 3s forwards;
	/*
	background-color: rgba(0,0,0,0.5);
	*/
}
@keyframes fadeInBtn {
	0% {
		opacity: 0;
		pointer-events: none;
	}
	100% {
		opacity: 1;
		pointer-events: auto;
	}
}
#challengers .slick-list .chara.slick-active > .charaBtn a {
	outline: none;
}
/*オリヴァ・愛空*/
#challengers .slick-list .chara.charaAiku {
	background-image: url("../images/01chara/aikuBg.jpg");
}
#challengers .slick-list .chara.charaAiku.slick-active > .charaEffect img {
	width: auto;
	height: 100%;
	animation: charaEffectAiku 4s ease-out 1s forwards;
}
@keyframes charaEffectAiku {
	0% {
		top: 30%;
		left: 30%;
		height: 120%;
		opacity: 0;
	}
	10% {
		top: 45%;
		left: 45%;
		height: 105%;
		opacity: 1;
	}
	100% {
		top: 50%;
		left: 50%;
		height: 100%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaAiku.slick-active > .charaImg img {
	width: auto;
		height: 100%;
	animation: charaImgAiku 4s ease-out 0.75s forwards;
}
@keyframes charaImgAiku {
	0% {
		top: 80%;
		left: 60%;
		opacity: 0;
	}
	6.25% {
		top: 45%;
		left: 47.5%;
		opacity: 1;
	}
	12.5% {
		top: 50%;
		left: 50%;
		opacity: 1;
	}
	100% {
		top: 47.5%;
		left: 52%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaAiku.slick-active > .charaText img {
	width: 100%;
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}

/*蟻生 十兵衛*/
#challengers .slick-list .chara.charaAryu {
	background-image: url("../images/01chara/aryuBg.jpg");
}
#challengers .slick-list .chara.charaAryu.slick-active > .charaImg img {
	width: auto;
	animation: charaImgReo 4s ease-out 0.75s forwards;
}
#challengers .slick-list .chara.charaAryu.slick-active > .charaEffect1 img {
	width: auto;
	height: 100%;
	animation: charaImgReo 1s linear 0.00001s forwards;
}
#challengers .slick-list .chara.charaAryu.slick-active > .charaEffect2 img {
	width: auto;
	height: 100%;
	animation: charaEffectAryu 3s ease-out 1s forwards;
	transform: translate(0, -50%);
}
@keyframes charaEffectAryu {
	0% {
		left: -100vh;
		height: 95%;
		opacity: 0;
	}
	3.125% {
		left: -37.5vh;
		height: 98%;
		opacity: 1;
	}
	6.25% {
		left: -27.5vh;
		height: 100%;
		opacity: 1;
	}
	100% {
		left: -25vh;
		height: 100%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaAryu.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*蜂楽 廻*/
#challengers .slick-list .chara.charaBachira {
	background-image: url("../images/01chara/bachiraBg.jpg");
}
#challengers .slick-list .chara.charaBachira.slick-active > .charaEffect img {
	width: auto;
	height: 100%;
	animation: charaEffectBachira 4s ease-out 0.001s forwards;
}
@keyframes charaEffectBachira {
	0% {
		height: 130%;
		transform: rotate(-10deg);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		height: 100%;
		transform: rotate(0);
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaBachira.slick-active > .charaImg img {
	width: auto;
	animation: charaImgBachira 4s ease-out 0.75s forwards;
}
@keyframes charaImgBachira {
	0% {
		left: 150%;
		height: 1%;
		opacity: 0;
	}
	6% {
		left: 38%;
		height: 90%;
		opacity: 1;
	}
	8% {
		left: 36.5%;
		height: 90%;
		opacity: 1;
	}
	14% {
		left: 52%;
		height: 98%;
		opacity: 1;
	}
	100% {
		left: 50%;
		height: 100%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaBachira.slick-active > .charaText img {
	width: 100%;
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*馬狼 照英*/
#challengers .slick-list .chara.charaBarou {
	background-image: url("../images/01chara/barouBg.jpg");
}
#challengers .slick-list .chara.charaBarou.slick-active > .charaImg img {
	width: auto;
	animation: charaImgBarou 4s ease-out 0.75s forwards;
}
@keyframes charaImgBarou {
	0% {
		left: 50%;
		height: 1%;
		opacity: 0;
	}
	6.25% {
		height: 110%;
		opacity: 1;
	}
	12.5% {
		height: 98%;
		opacity: 1;
	}
	100% {
		height: 100%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaBarou.slick-active > .charaText img {
	width: 100%;
	height: auto;
	animation: charaTextBarou 0.5s ease-out 1.5s forwards;
}
@keyframes charaTextBarou {
	0% {
		margin-top: -100vw;
		opacity: 0;
	}
	52% {
		margin-top: 0;
		opacity: 1;
	}
	64% {
		margin-top: -2.5vw;
		opacity: 1;
	}
	76% {
		margin-top: 0;
		opacity: 1;
	}
	88% {
		margin-top: -1.25vw;
		opacity: 1;
	}
	100% {
		margin-top: 0;
		opacity: 1;
	}
}
/*千切 豹馬*/
#challengers .slick-list .chara.charaHyoma {
	background-image: url("../images/01chara/hyomaBg.jpg");
}
#challengers .slick-list .chara.charaHyoma.slick-active > .charaImg img {
	width: auto;
	animation: charaImgBarou 4s ease-out 1s forwards;
}
#challengers .slick-list .chara.charaHyoma.slick-active > .charaText1 img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
#challengers .slick-list .chara.charaHyoma.slick-active > .charaText2 img {
	height: auto;
	animation: charaTextReo 0.25s ease-out 2.5s forwards;
}
/*潔 世一*/
#challengers .slick-list .chara.charaIsagi {
	background-image: url("../images/01chara/isagiBg.jpg");
}
#challengers .slick-list .chara.charaIsagi.slick-active > .charaImg img {
	width: auto;
	animation: charaImgRin 4s ease-out 0.75s forwards;
}
#challengers .slick-list .chara.charaIsagi.slick-active > .charaText img {
	width: 100%;
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*烏 旅人*/
#challengers .slick-list .chara.charaKarasu {
	background-image: url("../images/01chara/karasuBg.jpg");
}
#challengers .slick-list .chara.charaKarasu.slick-active > .charaImg img {
	width: auto;
	animation: charaImgRin 6s ease-out 0.75s forwards;
}
#challengers .slick-list .chara.charaKarasu.slick-active > .charaText img {
	width: 100%;
	height: auto;
	animation: fadeIn 1s ease-out 1.5s forwards;
}
/*國神 錬介*/
#challengers .slick-list .chara.charaKunigami {
	background-image: url("../images/01chara/kunigamiBg.jpg");
}
#challengers .slick-list .chara.charaKunigami.slick-active > .charaImg img {
	width: auto;
	animation: charaImgKunigami 4s ease-out 0.75s forwards;
}
@keyframes charaImgKunigami {
	0% {
		left: 80%;
		height: 80%;
		opacity: 0;
	}
	3.125% {
		left: 70%;
		height: 92%;
		opacity: 1;
	}
	6.25% {
		left: 65%;
		height: 96%;
		opacity: 1;
	}
	100% {
		left: 60%;
		height: 100%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaKunigami.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*凪 誠士郎*/
#challengers .slick-list .chara.charaNagi {
	background-image: url("../images/01chara/nagiBg.jpg");
}
#challengers .slick-list .chara.charaNagi.slick-active > .charaImg img {
	width: auto;
	animation: charaImgRin 4s ease-out 0.75s forwards;
}
#challengers .slick-list .chara.charaNagi.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*乙夜 影汰*/
#challengers .slick-list .chara.charaOtoya {
	background-image: url("../images/01chara/otoyaBg.jpg");
}
#challengers .slick-list .chara.charaOtoya.slick-active > .charaEffect img {
	width: auto;
	height: 100%;
	animation: charaImgOtoya 1s linear 0.00001s forwards;
}
#challengers .slick-list .chara.charaOtoya.slick-active > .charaImg img {
	width: auto;
	animation: charaImgOtoya 4s ease-out 0.75s forwards;
}
@keyframes charaImgOtoya {
	0% {
		left: 200%;
		height: 110%;
		opacity: 0;
	}
	3.125% {
		left: 65%;
		height: 98%;
		opacity: 1;
	}
	6.25% {
		left: 55%;
		height: 100%;
		opacity: 1;
	}
	100% {
		left: 50%;
		height: 100%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaOtoya.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*御影 玲王*/
#challengers .slick-list .chara.charaReo {
	background-image: url("../images/01chara/reoBg.jpg");
}
#challengers .slick-list .chara.charaReo.slick-active > .charaEffect img {
	width: auto;
	height: 100%;
	animation: charaImgReo 1s linear 0.00001s forwards;
}
@keyframes charaImgReo {
	0% {
		left: 500%;
		opacity: 0;
	}
	0.5% {
		left: 45%;
		opacity: 1;
	}
	100% {
		left: 50%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaReo.slick-active > .charaImg img {
	width: auto;
	animation: charaImgReo 4s ease-out 0.75s forwards;
}
@keyframes charaImgReo {
	0% {
		left: 200%;
		height: 100%;
		opacity: 0;
	}
	3.125% {
		left: 65%;
		height: 88%;
		opacity: 1;
	}
	6.25% {
		left: 55%;
		height: 90%;
		opacity: 1;
	}
	100% {
		left: 50%;
		height: 90%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaReo.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
@keyframes charaTextReo {
	0% {
		width: 300%;
		opacity: 0;
	}
	52% {
		width: 100%;
		opacity: 1;
	}
	64% {
		width: 105%;
		opacity: 1;
	}
	76% {
		width: 100%;
		opacity: 1;
	}
	88% {
		width: 102.5%;
		opacity: 1;
	}
	100% {
		width: 100%;
		opacity: 1;
	}
}
/*糸師 凛*/
#challengers .slick-list .chara.charaRin {
	background-image: url("../images/01chara/rinBg.jpg");
}
#challengers .slick-list .chara.charaRin.slick-active > .charaImg img {
	width: auto;
	animation: charaImgRin 4s ease-out 0.75s forwards;
}
@keyframes charaImgRin {
	0% {
		left: 0%;
		height: 95%;
		opacity: 0;
	}
	3.125% {
		left: 40%;
		height: 98%;
		opacity: 1;
	}
	6.25% {
		left: 50%;
		height: 100%;
		opacity: 1;
	}
	100% {
		left: 52.5%;
		height: 100%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaRin.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*糸師 冴*/
#challengers .slick-list .chara.charaSae {
	background-image: url("../images/01chara/saeBg.jpg");
}
#challengers .slick-list .chara.charaSae.slick-active > .charaEffect img {
	width: auto;
	height: 100%;
	animation: charaImgReo 5s ease-out 0.75s forwards;
}
#challengers .slick-list .chara.charaSae.slick-active > .charaImg img {
	width: auto;
	animation: charaImgReo 4s ease-out 0.75s forwards;
}
#challengers .slick-list .chara.charaSae.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*士道 龍聖*/
#challengers .slick-list .chara.charaShidou {
	background-image: url("../images/01chara/shidouBg.jpg");
}
#challengers .slick-list .chara.charaShidou.slick-active > .charaEffect img {
	width: auto;
	height: 100%;
	animation: charaImgTokimitsu 4s ease-in 0.75s forwards;
}
#challengers .slick-list .chara.charaShidou.slick-active > .charaImg img {
	width: auto;
	animation: charaImgBarou 4s ease-out 1s forwards;
}
#challengers .slick-list .chara.charaShidou.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*時光 青志*/
#challengers .slick-list .chara.charaTokimitsu {
	background-image: url("../images/01chara/tokimitsuBg.jpg");
}
#challengers .slick-list .chara.charaTokimitsu.slick-active > .charaEffect img {
	width: auto;
	height: 100%;
	animation: charaImgTokimitsu 4s ease-in 0.8s forwards;
}
@keyframes charaImgTokimitsu {
	0% {
		height: 400%;
		opacity: 0;
	}
	20% {
		height: 150%;
		opacity: 1;
	}
	100% {
		height: 100%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaTokimitsu.slick-active > .charaImg img {
	width: auto;
	animation: charaImgTokimitsu 4s ease-out 0.75s forwards;
}
@keyframes charaImgTokimitsu {
	0% {
		height: 400%;
		opacity: 0;
	}
	10% {
		height: 400%;
		opacity: 0;
	}
	13.125% {
		height: 100%;
		opacity: 1;
	}
	16.25% {
		height: 105%;
		opacity: 1;
	}
	100% {
		height: 100%;
		opacity: 1;
	}
}
#challengers .slick-list .chara.charaTokimitsu.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}
/*雪宮 剣優*/
#challengers .slick-list .chara.charaYukimiya {
	background-image: url("../images/01chara/yukimiyaBg.jpg");
}
#challengers .slick-list .chara.charaYukimiya.slick-active > .charaImg img {
	width: auto;
	animation: charaImgBarou 4s ease-out 0.75s forwards;
}
#challengers .slick-list .chara.charaYukimiya.slick-active > .charaText img {
	height: auto;
	animation: charaTextReo 0.5s ease-out 1.5s forwards;
}