@charset "UTF-8";

/* ========================================
	mode MV
======================================== */
.p-mode-mv {
	background:#83cef7 url(../images/mode/mv_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}
.p-mode-mv_in {
	position: relative;
	width: 100%;
}
.p-mode-mv_in h2 {
	width: 100%;
}
.p-mode-mv_bal {
	position: absolute;
	top: 39.969947407963936%; /* 532 / 1331 * 100 */
	left: 0;
	width: 100%;
}
.p-league {
	position: relative;
	width: 100%;
	z-index: 10;
}
.p-league li.p-league_item01 {
	width: 53.333333333333336%; /* 400 / 750 * 100 */
	margin-left: 19.333333333333332%; /* 145 / 750 * 100 */
}
.p-league li.p-league_item02,
.p-league li.p-league_item03 {
	position: relative;
	float: left;
	width: 50%;
	margin-top: -7%;
	z-index: 1;
}


/* ========================================
	mode stage
======================================== */
.p-stage {
	margin-top: -16%;
	padding-top: 0;
	padding-bottom: 1.5%;
	background: url(../images/mode/stage_bg.png) no-repeat center top;
	background-size: 100% auto;
}
.p-stage_in {
	position: relative;
	width: 100%;
}
.p-stage_lead {
	position: relative;
	width: 100%;
	z-index: 1;
}
.p-stage_lead h3 {
	width: 100%;
}
.p-stage_lead p {
	width: 93.46666666666667%; /* 701 / 750 * 100 */
	margin: 0 auto;
}
.p-stage_chara01 {
	position: absolute;
	top: 45%;
	left: 0;
	width: 45.46666666666667%; /* 341 / 750 * 100 */
}
.p-stage_chara01_bal {
	position: absolute;
	top: 63%;
	left: 31.466666666666665%; /* 236 / 750 * 100 */
	width: 41.333333333333336%; /* 310 / 750 * 100 */
}
.p-stage_star01 {
	position: absolute;
	top: 49%;
	right: 0;
	width: 38.53333333333334%; /* 289 / 750 * 100 */
}
.p-stage_pic {
	position: relative;
	width:100%;
	padding-top: 21.333333333333336%; /* 160 / 750 * 100 */
	height: 0;
	z-index: 1;
}
.p-stage_pic {
	background:#fff url(../images/mode/stage_pic.png) repeat-x;
	background-size: 308% auto; /* 2310 / 750 * 100 */
	-webkit-animation: loop1 500s linear infinite;
	animation: loop1 500s 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: 100%;
}
.p-stage_boss {
	position: relative;
	width: 100%;
	margin-top: -5%;
	margin-left: 0;
	z-index: 3;
}
.p-stage_boss .p-stage_boss_arrow {
	position: absolute;
	top: 0.5%;
	left: 45.6%; /* 342 / 750 * 100 */
	width: 8.666666666666668%; /* 65 / 750 * 100 */
	z-index: 3;
}
.p-stage_boss .p-stage_boss_chara {
	position: absolute;
	top: 27.5%;
	left: 0;
	width: 28.133333333333333%; /* 211 / 750 * 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: 17.5%;
	right: 0;
	width: 32.93333333333333%; /* 247 / 750 * 100 */
	z-index: 4;
}
.p-stage_chara03_bal {
	position: absolute;
	top: -13%;
	right: 0;
	width: 34.266666666666666%; /* 257 / 750 * 100 */
	z-index: 4;
}
.p-stage_in03 {
	position: relative;
	width: 100%;
}
.p-stage_chara04 {
	width: 100%;
}
.p-stage_chara04_bal {
	position: absolute;
	top: -12%;
	left: 0;
	width: 100%;
}
.p-stage_ultra {
	position: relative;
	width: 100%;
	margin-top: -17.5%
}


/* ========================================
	mode challenge01
======================================== */
.p-challenge01 {
	position: relative;
	margin-top: -5.5%;
	padding-bottom: 0;
	background: url(../images/mode/challenge_bg01.png) no-repeat center top;
	background-size: 100% auto;
}
.p-challenge01_in {
	position: relative;
	width: 100%;
}
.p-challenge01_in h2 {
	width: 100%;
}
.p-challenge01_bal {
	position: absolute;
	top: 57.10144927536231%; /* 591 / 1035 * 100 */
	left: 0;
	width: 100%;
}


/* ========================================
	mode challenge02
======================================== */
.p-challenge02 {
	position: relative;
	margin-top: -23%;
	padding-bottom: 0;
	background: url(../images/mode/challenge_bg02.png) no-repeat center top;
	background-size: 100% auto;
	/*height: 820px;*/
}
.p-challenge02_in {
	position: relative;
	width: 100%;
}
.p-challenge02_star01 {
	position: absolute;
	top: 4%;
	right: 0;
	width: 31.2%; /* 234 / 750 * 100 */
}
.p-challenge02_star02 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40.266666666666666%; /* 302 / 750 * 100 */
}
/* slide */
.p-challenge02-slide_wrap{
	width: 100%;
	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.8);
	-ms-transform: scale(0.08);
	transform: scale(0.8);
	-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;
}
.no-shadow,
.slick-current.slick-active .shadow {
	display: none;
}
.slick-current.slick-active .no-shadow {
	display: block;
}
.p-challenge02-slide_nv{
	width: 97.2%; /* 729 / 750 * 100 */
	margin: 0 auto;
	height: 93px;
	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: 12.208504801097392%; /* 89 / 729 * 100 */
	height: 73%;
	max-width: 89px;
	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: 100% 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: 100% auto;
	position: absolute;
	top:0;
	right: 0;
}
.slick-prev:before, .slick-next:before {
	content:"";
}
.p-challenge02-slide_wrap .slick-dots {
	padding-top: 5%;
	padding-bottom: 5%;
	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: 11px;
	height: 11px;
	margin: 0 7px;
	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;
}


/* ========================================
	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: 100% auto;
	z-index: 1;
}
.p-challenge03_in {
	position: relative;
	width: 100%;
}
.p-challenge03 img {
	display: inline-block;
	width: 100%;
	margin-top: -15%;
}


/* ========================================
	mode challenge04
======================================== */
.p-challenge04 {
	position: relative;
	margin-top: -11%;
	padding-bottom: 0;
	background: url(../images/mode/challenge_bg04.gif) no-repeat center top;
	background-size: 100% auto;
	z-index: 0;
}
.p-challenge04_in {
	position: relative;
	width: 100%;
}
.p-challenge04_box {
	background: url(../images/mode/challenge04_box.png) no-repeat 0 0;
	background-size: 100% auto;
	margin: 0 auto;
}
.p-challenge04_box h3 {
	width: 60.266666666666666%; /* 452 / 750 * 100 */
	margin: 0 auto;
}
.p-challenge04_list {
	width: 87.2%; /* 654 / 750 * 100 */
	margin: 0 auto;
}
.p-challenge04_list li {
	float: left;
}
.p-challenge04_list li.p-challenge04_item01,
.p-challenge04_list li.p-challenge04_item02 {
	width: 50%; /* 327 / 654 * 100 */
	margin: 0 auto;
}
.p-challenge04_list li.p-challenge04_item03 {
	width: 55.65749235474006%; /* 364 / 654 * 100 */
	margin: 0;
}
.p-challenge04_list li.p-challenge04_item04 {
	width: 44.342507645259936%; /* 290 / 654 * 100 */
	margin: 0;
}


/* ========================================
	mode other
======================================== */
.p-other {
	position: relative;
	margin-top: -2.5%;
	padding-bottom: 20%;
	background: url(../images/mode/other_bg.png) no-repeat center top;
	background-size: 100% auto;
}
.p-other_in {
	position: relative;
	width: 100%;
}
.p-other_star01 {
	position: absolute;
	top: -2%;
	left: 0;
	width: 33.2% /* 249 / 750 * 100 */
}
.p-other_star02 {
	position: absolute;
	top: 11.5%;
	right: 0;
	width: 24% /* 180 / 750 * 100 */
}
.p-other_chara01 {
	position: absolute;
	top: -1.4%;
	right: 0;
	width: 27.73333333333333%;/* 208 / 750 * 100 */
	z-index: 2;
}
.p-other_chara01_bal {
	position: absolute;
	top: -1.5%;
	right: 23.200000000000003%; /* 174 / 750 * 100 */
	width: 34.53333333333333%; /* 259 / 750 * 100 */
	z-index: 1;
}
.p-other_game {
	position: relative;
}
.p-other_game01 {
	width: 100%;
}
.p-other_game02 {
	margin-top: -33%;
}
.p-other_gacha {
	position: relative;
}
.p-other_chara02_bal {
	position: absolute;
	top: -15.5%;
	left: 0;
	width: 32.666666666666664% /* 245 / 750 * 100 */
}
.p-other_chara02 {
	position: absolute;
	top: -8%;
	left: 0;
	width: 23.599999999999998%; /* 177 / 750 * 100 */
}

.p-other_gacha h3 {
	width: 64.13333333333333%; /* 481 / 750 * 100 */
	margin: -11% auto 0;
}
.p-other_gacha .p-movie_area {
	width: 88.53333333333333%; /* 664 / 750 * 100 */
	margin: 0 auto 2%;
	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.5%;
	padding-right: 12.048192771084338%; /* 80 / 664 * 100 */
	padding-bottom: 3%;
	padding-left: 12.048192771084338%; /* 80 / 664 * 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: 25%;
	right: 0;
	width: 32.4%; /* 243 / 750 * 100 */
}
.p-other_gacha .p-other_gacha_h01 {
	width: 100%;
}
.p-other_gacha .p-other_gacha_h02 {
	width: 100%;
}
.p-other_gacha-list01 {
	width: 100%;
	margin-top: -28%;
}
.p-other_gacha-list02 {
	width: 100%;
	margin-top: -36%;
}
.p-other_gacha-list01 li.p-other_gacha_item01,
.p-other_gacha-list02 li.p-other_gacha_item01 {
	width: 45.733333333333334%; /* 343 / 750 * 100 */
	margin: 0 auto;
}
.p-other_gacha-list01 li.p-other_gacha_item02,
.p-other_gacha-list02 li.p-other_gacha_item02 {
	width: 48.93333333333334%; /* 367 / 750 * 100 */
	float: left;
}
.p-other_gacha-list01 li.p-other_gacha_item03,
.p-other_gacha-list02 li.p-other_gacha_item03 {
	float: right;
	width: 48.93333333333334%; /* 367 / 750 * 100 */
}