@charset "UTF-8";

/* ========================================
	mode MV
======================================== */
.p-mode-mv {
	overflow: hidden;
	max-width: 2000px;
	margin: 0 auto;
	background:#83cef7 url(../images/mode/mv_bg.jpg) no-repeat center top;
	background-size: cover;
}
.p-mode-mv_in {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-mode-mv_in h2 {
	width: 58.28124999999999%; /* 746 / 1280 * 100 */
	margin: 0 auto;
}
.p-mode-mv_bal {
	position: absolute;
	top: 27.15477293790547%; /* 293 / 1079 * 100 */
	left: 60.85937500000001%; /* 779 / 1280 * 100 */
	width: 35.625%; /* 456 / 1280 * 100 */
}
.p-league {
	position: relative;
	width: 108.74999999999999%; /* 1392 / 1280 * 100 */
	margin-left: -5.859375%; /* -75 / 1280 * 100 */
	z-index: 1;
}
.p-league li {
	float: left;
}
.p-league li.p-league_item01 {
	width: 34.91379310344828%; /* 486 / 1392 * 100 */
	margin-right: 1.293103448275862%; /* 18 / 1392 * 100 */
}
.p-league li.p-league_item02 {
	width: 31.178160919540232%; /* 434 / 1392 * 100 */
	margin-right: 0.43103448275862066%; /* 6 / 1392 * 100 */
}
.p-league li.p-league_item03 {
	width: 32.18390804597701%; /* 448 / 1392 * 100 */
	margin-right: 0;
}


/* ========================================
	mode stage
======================================== */
.p-stage {
	margin-top: -9.5%;
	padding-top: 9.5%;
	padding-bottom: 1.5%;
	background: url(../images/mode/stage_bg.png) no-repeat center top;
	background-size: cover;
}
.p-stage_in {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-stage_lead {
	width: 54.84375%; /* 702 / 1280 * 100 */
	margin: 0 auto;
}
.p-stage_lead h3 {
	width: 92.16524216524216%; /* 647 / 702 * 100 */
	margin: 0 auto;
}
.p-stage_star01 {
	position: absolute;
	top: -80%;
	left: -22.03125%; /* -282 / 1280 * 100 */
	width: 28.125%; /* 360 / 1280 * 100 */
	z-index: 0;
}
.p-stage_star02 {
	position: absolute;
	top: -82%;
	right: -23.90625%; /* -306 / 1280 * 100 */
	width: 30.15625%; /* 386 / 1280 * 100 */
	z-index: 0;
}
.p-stage_star03 {
	position: absolute;
	top: 12%;
	right: -18.828125%; /* -241 / 1280 * 100 */
	width: 42.734375%; /* 547 / 1280 * 100 */
	z-index: 0;
}
.p-stage_chara01 {
	position: absolute;
	top: 26%;
	left: -16.09375%; /* -206 / 1280 * 100 */
	width: 37.1875%; /* 476 / 1280 * 100 */
	/*z-index: 2;*/
}
.p-stage_chara01_bal {
	position: absolute;
	top: 0.5%;
	left: 4.0625%; /* 52 / 1280 * 100 */
	width: 24.140625%; /* 309 / 1280 * 100 */
}
.p-stage_pic {
	position: relative;
	width:100%;
	padding-top: 8.333333333333332%; /* 160 / 1920 * 100 */
	height: 0;
	z-index: 1;
}
.p-stage_pic {
	background:#fff url(../images/mode/stage_pic.png) repeat-x;
	background-size: 120.3125% auto; /* 2310 / 1920 * 100 */
	-webkit-animation: loop1 200s linear infinite;
	animation: loop1 200s linear infinite;
}
@-webkit-keyframes loop1{
		from {
			background-position: 0 0;
		}
		to {
			background-position: -2000% 0;
		}
	}
	@keyframes loop1{
		from {
			background-position: 0 0;
		}
		to {
			background-position: -2000% 0;
		}
}
.p-stage_in02 {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-stage_boss {
	position: relative;
	width: 62.734375%; /* 803 / 1280 * 100 */
	margin-top: -4%;
	margin-left: 17.5%; /* 224 / 1280 * 100 */
	z-index: 3;
}
.p-stage_boss .p-stage_boss_arrow {
	position: absolute;
	top: 6%;
	left: 48.44333748443337%; /* 389 / 803 * 100 */
	width: 7.347447073474471%; /* 59 / 803 * 100 */
	z-index: 3;
}
.p-stage_boss .p-stage_boss_chara {
	position: absolute;
	top: 33%;
	left: -11.207970112079702%; /* -90 / 803 * 100 */
	width: 35.2428393524284%; /* 283 / 803 * 100 */
	z-index: 3;
}
.p-stage_boss .p-stage_boss_arrow{
	-webkit-animation: arrowB 1000ms infinite;
	animation: arrowB 1000ms infinite;
}
@-webkit-keyframes arrowB {
	0% {	-webkit-transform: translateY(0%);	transform: translateY(0%);	}
	40% {	-webkit-transform: translateY(15%);	transform: translateY(15%);	}
	80% {	-webkit-transform: translateY(0%);	transform: translateY(0%);	}
	100% {	-webkit-transform: translateY(0%);	transform: translateY(0%);	}
}
@keyframes arrowB {
	0% {	-webkit-transform: translateY(0%);	transform: translateY(0%);	}
	40% {	-webkit-transform: translateY(15%);	transform: translateY(15%);	}
	80% {	-webkit-transform: translateY(0%);	transform: translateY(0%);	}
	100% {	-webkit-transform: translateY(0%);	transform: translateY(0%);	}
}
.p-stage_chara03 {
	position: absolute;
	top: 33%;
	right: -7.187499999999999%; /* -92 / 1280 * 100 */
	width: 35.625%; /* 456 / 1280 * 100 */
	z-index: 4;
}
.p-stage_chara03_bal {
	position: absolute;
	top: -2%;
	right: -1.640625%; /* -21 / 1280 * 100 */
	width: 20.9375%; /* 268 / 1280 * 100 */
	z-index: 4;
}
.p-stage_in03 {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-stage_chara04 {
	position: absolute;
	top: -14%;
	left: -13.125%; /* -168 / 1280 * 100 */
	width: 71.328125%; /* 913 / 1280 * 100 */
}
.p-stage_chara04_bal {
	position: absolute;
	top: -13%;
	left: -4.375%; /* -56 / 1280 * 100 */
	width: 35.546875%; /* 455 / 1280 * 100 */
}
.p-stage_ultra {
	position: relative;
	width: 45.46875%; /* 582 / 1280 * 100 */
	margin-left: 54.6875%; /* 700 / 1280 * 100 */
}


/* ========================================
	mode challenge01
======================================== */
.p-challenge01 {
	position: relative;
	max-width: 2000px;
	margin-top: -1.5%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1.5%;
	background: url(../images/mode/challenge_bg01.png) no-repeat center top;
	background-size: cover;
}
.p-challenge01_in {
	position: relative;
	width: 66.66666666666666%; /* 1280 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-challenge01_in h2 {
	width: 58.28124999999999%; /* 746 / 1280 * 100 */
	margin: 0 auto;
}
.p-challenge01_bal {
	position: absolute;
	top: 40.02403846153847%; /* 333 / 832 * 100 */
	left: 63.20312500000001%; /* 809 / 1280 * 100 */
	width: 35.625%; /* 456 / 1280 * 100 */
}


/* ========================================
	mode challenge02
======================================== */
.p-challenge02 {
	position: relative;
	margin-top: -10%;
	padding-bottom: 1.5%;
	background: url(../images/mode/challenge_bg02.png) no-repeat center top;
	background-size: cover;
}
.p-challenge02_in {
	position: relative;
	width: 100%;
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}

/* slide */
.p-challenge02-slide_wrap{
	width: 77.23958333333333%; /* 1483 / 1920 * 100 */
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.slick-list{
	overflow: visible !important;
}
.p-challenge02-slide{
	width: 100%;
	z-index: 10;
}
.p-challenge02-slide-item .slide-item{
	position: relative;
	-webkit-transform: scale(0.75);
	-ms-transform: scale(0.075);
	transform: scale(0.75);
	-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.p-challenge02-slide-item01 .slide-item .chara {
	position: absolute;
	right: -5.914972273567468%; /* -32 / 541 * 100 */
	bottom: -6.098964326812428%; /* -53 / 869 * 100 */
	width: 40.110905730129396%; /* 217 / 541 * 100 */
}
.p-challenge02-slide-item02 .slide-item .chara {
	position: absolute;
	right: -12.014787430683919%; /* -65 / 541 * 100 */
	bottom: -4.372842347525892%; /* -38 / 869 * 100 */
	width: 68.20702402957485%; /* 369 / 541 * 100 */
}
.p-challenge02-slide-item03 .slide-item .chara {
	position: absolute;
	right: -9.057301293900185%; /* -49 / 541 * 100 */
	bottom: -5.7537399309551205%; /* -50 / 869 * 100 */
	width: 55.26802218114602%; /* 299 / 541 * 100 */
}
.p-challenge02-slide-item04 .slide-item .chara {
	position: absolute;
	right: -3.8817005545286505%; /* -21 / 541 * 100 */
	bottom: -5.063291139240507%; /* -44 / 869 * 100 */
	width: 28.09611829944547%; /* 152 / 541 * 100 */
}
.p-challenge02-slide-item{
	pointer-events: none;
}
.p-challenge02-slide-item.slick-current{
	z-index: 100;
	pointer-events: auto;
}
.p-challenge02-slide-item.slick-current .slide-item{
	width: 100%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.slick-current .p-challenge02-slide_mv{
	cursor: pointer;
}
.slide-item{
	width: 100%;
	position: relative;
}
.shadow,
.slick-cloned .no-shadow,
.slick-active .no-shadow,
.slick-current.slick-active .shadow {
	display: none;
}
.no-shadow,
.slick-cloned .shadow,
.slick-active .shadow,
.slick-current.slick-active .no-shadow {
	display: block;
}
.p-challenge02-slide_nv{
	width: 48.61766689143628%; /* 721 / 1483 * 100 */
	margin: 0 auto;
	height: 85px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 100;
	overflow: hidden;
	pointer-events: none;
}
.p-challenge02-slide_nv button{
	display: none;
}
.p-challenge02-slide_nv .slick-prev,
.p-challenge02-slide_nv .slick-next {
	overflow: hidden;
	width: 11.6279069%; /* 100 / 860 * 100 */
	height: 85%;
	max-width: 81px;
	font-size:0;
	border: none;
	cursor: pointer;
	pointer-events: auto;
}
.p-challenge02-slide_nv li{
	display: none;
}
.p-challenge02-slide_nv .slick-prev {
	background: url(../images/mode/ico_prev.png) no-repeat 0 0;
	background-size: 200% auto;
	position: absolute;
	top:0;
	left: 0;
}
.p-challenge02-slide_nv .slick-next {
	background: url(../images/mode/ico_next.png) no-repeat 0 0;
	background-size: 200% auto;
	position: absolute;
	top:0;
	right: 0;
}
.p-challenge02-slide_nv .slick-prev:hover,
.p-challenge02-slide_nv .slick-next:hover {
	background-position: 100% 0;
}
.slick-prev:before, .slick-next:before {
	content:"";
}
.p-challenge02-slide_wrap .slick-dots {
	padding-top: 5%;
	padding-bottom: 3%;
	text-align: center;
}
.p-challenge02-slide_wrap .slick-dots li button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.p-challenge02-slide_wrap .slick-dots li {
	display: inline-block;
	overflow: hidden;
	width: 18px;
	height: 18px;
	margin: 0 11px;
	background: url(../images/mode/ico_dots.png) no-repeat 0 0;
	background-size: auto 100%;
	text-indent: -9999px;
	cursor: pointer;
}
.p-challenge02-slide_wrap .slick-dots li.slick-active {
	background-position: 100% 0;
}

.p-challenge02_star01 {
	position: absolute;
	top: 1%;
	left: 1.3020833333333335%; /* 25 / 1920 * 100 */
	width: 19.375%; /* 324 / 1920 * 100 */
}
.p-challenge02_star01-02 {
	position: absolute;
	top: 75%;
	left: 5.15625%; /* 99 / 1920 * 100 */
	width: 9.53125%; /* 183 / 1920 * 100 */
}
.p-challenge02_star02 {
	position: absolute;
	top: 8%;
	right: 0;
	width: 19.375%; /* 372 / 1920 * 100 */
}


/* ========================================
	mode challenge03
======================================== */
.p-challenge03 {
	position: relative;
	margin-top: 0;
	padding-bottom: 0;
	background: url(../images/mode/challenge_bg03.gif) no-repeat center top;
	background-size: cover;
}
.p-challenge03_in {
	position: relative;
	width: 100%;
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-challenge03 img {
	display: inline-block;
	width: 82.76041666666667%; /* 1589 / 1920 * 100 */
	margin-top: -3%;
	margin-left: 9.0625%; /* 174 / 1920 * 100 */
}


/* ========================================
	mode challenge04
======================================== */
.p-challenge04 {
	position: relative;
	margin-top: 0;
	padding-bottom: 0;
	background: url(../images/mode/challenge_bg04.gif) no-repeat center top;
	background-size: cover;
}
.p-challenge04_in {
	position: relative;
	width: 78.22916666666667%; /* 1502 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-challenge04_box {
	background: url(../images/mode/challenge04_box.png) no-repeat 0 0;
	background-size: 100% auto;
}
.p-challenge04_box h3 {
	width: 29.427430093209058%; /* 442 / 1502 * 100 */
	margin: 0 auto;
}
.p-challenge04_list {
	width: 85.21970705725698%; /* 1280 / 1502 * 100 */
	margin: 0 auto;
}
.p-challenge04_list li {
	float: left;
	padding-bottom: 14%;
}
.p-challenge04_list li.p-challenge04_item01 {
	width: 22.65625%; /* 290 / 1280 * 100 */
	margin-right: 3.90625%; /* 50 / 1280 * 100 */
}
.p-challenge04_list li.p-challenge04_item02 {
	width: 25.78125%; /* 330 / 1280 * 100 */
	margin-right: 3.9843749999999996%; /* 51 / 1280 * 100 */
}
.p-challenge04_list li.p-challenge04_item03 {
	width: 22.109375%; /* 283 / 1280 * 100 */
	margin-right: 3.671875%; /* 47 / 1280 * 100 */
}
.p-challenge04_list li.p-challenge04_item04 {
	width: 17.890625%; /* 229 / 1280 * 100 */
	margin-right:0;
}


/* ========================================
	mode other
======================================== */
.p-other {
	position: relative;
	margin-top: -1.5%;
	padding-bottom: 0;
	background: url(../images/mode/other_bg.png) no-repeat center top;
	background-size: cover;
}
.p-other_in {
	position: relative;
	width: 67.8125%; /* 1302 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-other_star01 {
	position: absolute;
	top: -4%;
	left: -23.886328725038403%; /* -311 / 1302 * 100 */
	width: 24.577572964669738%; /* 320 / 1302 * 100 */
}
.p-other_chara01_bal {
	position: absolute;
	top: -1.5%;
	right: 14.90015360983103%; /* 194 / 1302 * 100 */
	width: 19.892473118279568%; /* 259 / 1302 * 100 */
}
.p-other_chara01 {
	position: absolute;
	top: -4%;
	right: -15.284178187403993%;/* -199 / 1302 * 100 */
	width: 32.25806451612903%;/* 420 / 1302 * 100 */
}
.p-other_star02 {
	position: absolute;
	top: 16%;
	right: -23.57910906298003%; /* -307 / 1302 * 100 */
	width: 27.265745007680493%; /* 355 / 1302 * 100 */
}
.p-other_game {
	position: relative;
}
.p-other_game01 {
	position: relative;
	top: -35px;
	width: 55.06912442396313%; /* 717 / 1302 * 100 */
	margin-left: -5.145929339477727%; /* -67 / 1302 * 100 */
}
.p-other_game02 {
	position: absolute;
	top: 0;
	right: 4.377880184331797%; /* 57/ 1302 * 100 */
	width: 42.3195084485407%; /* 551 / 1302 * 100 */
}

.p-other_gacha {
	position: relative;
}
.p-other_chara02 {
	position: absolute;
	top: -1%;
	left: -12.288786482334869%; /* -160 / 1302 * 100 */
	width: 40.1689708141321%; /* 523 / 1302 * 100 */
}
.p-other_chara02_bal {
	position: absolute;
	top: -10%;
	left: 16.052227342549923%;/* 209 / 1302 * 100 */
	width: 20.814132104454686%;/* 271 / 1302 * 100 */
}
.p-other_star03 {
	position: absolute;
	top: 35%;
	right: -15.745007680491552%; /* -205 / 1302 * 100 */
	width: 12.365591397849462%; /* 161 / 1302 * 100 */
}
.p-other_star04 {
	position: absolute;
	top: 69%;
	left: -16.20583717357911%; /* -211 / 1302 * 100 */
	width: 11.904761904761903%; /* 155 / 1302 * 100 */
}
.p-other_gacha h3 {
	width: 33.87096774193548%; /* 441 / 1302 * 100 */
	margin-left: 32.71889400921659%; /* 426 / 1280 * 100 */
}

.p-other_gacha .p-movie_area {
	position: absolute;
	top: 5.5%;
	right: -3.763440860215054%; /* -49 / 1302 * 100 */
	width: 34.715821812596005%; /* 452 / 1302 * 100 */
	background: url(../images/mode/other_movie_bg.png) no-repeat center top;
	background-size: 100% auto;
}
.p-other_gacha .p-movie_area-inner {
	padding-top: 1.3%;
	padding-right: 13.716814159292035%; /* 62 / 452 * 100 */
	padding-bottom: 4%;
	padding-left: 11.283185840707963%; /* 51 / 452 * 100 */
}
.p-other_gacha .p-movie_frame {
	position: relative;
	padding-top: 56.25%;
}
.p-other_gacha .p-movie_frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.p-movie_thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.p-other_gacha .p-other_gacha_h01_bal {
	position: absolute;
	top: 21%;
	left: 22%;
	width: 17.561349693251536%; /* 229 / 1304 * 100 */
}
.p-other_gacha .p-other_gacha_h01 {
	width: 19.24846625766871%; /* 251 / 1304 * 100 */
	margin: 0 auto;
}
.p-other_gacha .p-other_gacha_h02 {
	width: 37.423312883435585%; /* 488 / 1304 * 100 */
	margin: 0 auto;
}
.p-other_gacha-list {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 4%;
}
.p-other_gacha-list li {
	position: relative;
	width: 32.3619631%; /* 422 / 1304 * 100 */
	z-index: 10;
}

.p-other_gacha_item01 {
	position: relative;
	padding-top: 0;
	z-index: 0;
}
.p-other_gacha_item02 {
	position: relative;
	padding-top: 0;
	z-index: 0;
}