@charset "UTF-8";

/* ========================================
	common
======================================== */
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	outline: 0;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
}
.bx-wrapper .bx-next {
	right: 10px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	text-indent: -9999px;
	z-index: 5000;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* content */
.content {
	overflow: hidden;
	background: url(../images/koopa/kuppa_bg.jpg) repeat center center;
	background-size: 17px 17px;
}

/* main */
.main {
	position: relative;
	width: 100%;
	background: url(../images/koopa/main_bg.jpg) repeat-x 0 0;
	background-size: auto 75.7396%;
  margin-bottom: 0.2361275%;
}
.main_curtain {
	position: relative;
	z-index: 500;
}
.main_logo {
	position: absolute;
	top: 2.0118343%;
	left: 50%;
	width: 63.2%;
	margin-left: -31.6%;
	z-index: 1;
}
.main_txt1 {
	position: absolute;
	top: 44.6153846%;
	left: 50%;
	width: 83.06666666666666%; /* 623/ 750 *100 */
	margin-left: -41.53333333%;
	z-index: 1;
}
.main_txt2 {
	position: absolute;
	top: 63.1952662%;
	left: 50%;
	width: 67.6%;
	margin-left: -33.8%;
	z-index: 1;
}

/* lnav */
.lnav {
	overflow: hidden;
	padding: 5% 13px 3%;
  background: #fff;
}
.lnav li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	margin-bottom: 19px;
}
.lnav li:first-child {
	padding-right: 7px;
}
.lnav li:nth-child(2) {
	padding-left: 7px;
}


/* ========================================
	クッパ軍団の物語
======================================== */
/* main_box2 */
.main_box2 {
	position: absolute;
	width: 100%;
	height: 28.1656804%;
	top: 71.5976331%;;
	background: url(../images/koopa/main_cap_bg.png) repeat-x 0 0;
	background-size: auto 100%;
}
.main_box2 .main_cap {
	width: 100%;
	margin-top: 2.4%;
	height: 84.0336134%;
	background: url(../images/koopa/main_cap.jpg) repeat-x 0 0;
	background-size: auto 100%;
	background-position: 0 0;
	-webkit-animation: capflow 40s linear infinite;
	animation: capflow 40s linear infinite;
}
@-webkit-keyframes capflow {
	0% {
		background-position: 145.6760048% 0; /*2392 / ( 750 - 2392 ) * 100*/
	}
	100% {
		background-position: 0 0;
	}
}
@keyframes capflow {
	0% {
		background-position: 145.6760048% 0; /*2392 / ( 750 - 2392 ) * 100*/
	}
	100% {
		background-position: 0 0;
	}
}
/* about */
.about {
	width: 93.8666666%;
	margin: 0 auto 1.4986029%;
}
.about img {
	display: block;
}

/* secret */
.secret {
	position: relative;
	width: 94.4%;
	margin: 0 auto 3.9780521%;
	padding: 0;
}
.secret img {
	display: block;
}
.secret_btn {
	position: relative;
	width: 100%;
	margin-left: 0;
}
.js-tab .type1,
.js-tab .type2,
.js-tab .type3 {
	position: absolute;
}
.js-tab .type1.active,
.js-tab .type2.active,
.js-tab .type3.active {
	background-position: 0 100%;
}
.js-tab .type1 {
	top: 15.8904109%;
	left: 9.631728%;
	width: 21.1048158%;
	height: 14.7945205%;
	background: url(../images/koopa/secret_type1_btn.png) no-repeat 0 0;
	background-size: 100% auto;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.js-tab .type2 {
	position: absolute;
	top: 82.1917808%;
	left: 45.325779%;
	width: 24.5042492%;
	height: 14.7945205%;
	background: url(../images/koopa/secret_type2_btn.png) no-repeat 0 0;
	background-size: 100% auto;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.js-tab .type3 {
	position: absolute;
	top: 82.1917808%;
	left: 10.1983002%;
	width: 26.203966%;
	height: 14.7945205%;
	background: url(../images/koopa/secret_type3_btn.png) no-repeat 0 0;
	background-size: 100% auto;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.secret_bottom {
	position: relative;
}
.secret_slider_box {
	position: absolute;
	top: 0;
	left: 50%;
	width: 83.427762%;
	margin-left: -39.26666665%;
}

.secret_icnSlider_wrapper {
	position: absolute;
	width: 100%;
}
.secret_icnSlider li img {
	width: 24.5762711%;
	height: auto;
	margin: 0 auto;
}
.secret_imgSlider_wrapper {
	position: absolute;
	width: 68.081494%;
	top: 14.1%;
	left: 15.7894736%;
	z-index: 1;
}
.secret_imgSlider_wrapper .bx-controls-direction a {
	width: 14.2144638%;
	height: 27.1428571%;
	margin-top: -5.4263565%;
}
.secret_imgSlider_wrapper .bx-prev {
	left: -17.7%;
	background: url(../images/koopa/secret_prev_btn.png) no-repeat 0 0;
	background-size: contain;
}
.secret_imgSlider_wrapper .bx-next {
	right: -17.7%;
	background: url(../images/koopa/secret_next_btn.png) no-repeat 100% 0;
	background-size: contain;
}
.secret_imgSlider_wrapper .bx-pager {
	width: 100%;
	height: 21.8905472%;
	top: 185.0746268%;
	bottom: auto;
	z-index: 1;
}
.secret_imgSlider_wrapper .bx-pager-item a {
	display: block;
	width: 6.875vw;
	height: 6.875vw;
	margin:0 4px;
	background: url(../images/koopa/secret_pager_icn.png) no-repeat 0 0;
	background-size: 100% auto;
	text-indent: 100% !important;
	white-space: nowrap;
	overflow: hidden;
}
.secret_imgSlider_wrapper .bx-pager-item a.active {
	background-position: 0 100%;
}
.secret_txtSlider_wrapper {
	position: absolute;
	top: 57.2533849%;
	left: 0;
	width: 100%;
}

.secret_slider_box_bg {
	position: relative;
	padding-top: 0;
}

/* powerup */
.powerup {
	position: relative;
	width: 94.1333333%;
	margin: 0 auto 2.9169308%;
	padding: 0;
}
.powerup img {
	display: block;
}


/* ========================================
	ボコスカバトル
======================================== */
/* battle */
.battle {
	width: 93.6%;
	margin: -66% auto 1.5232495%;
}
.battle img {
	display: block;
}
.battle_head {
	position: relative;
}
.battle_ttl {
	position: absolute;
	top: 24.7582205%;
	left: 15.6695156%;
	width: 68.6609686%;
}
.battle_txt {
	position: absolute;
	top: 74.573055%;
	left: 20.51282051282051%; /* 144 / 702 * 100 */
	width: 58.262108262108256%; /* 409 / 702 * 100 */
}
.battle_star {
	position: absolute;
	top: 29.5938104%;
	left: 6.6951566%;
	width: 88.6039886%;
}

.battle_movie {
	position: relative;
}
.battleSliderWrapper {
	position: absolute;
	top: 4.5%;
	left: 12.5%;
	width: 73.9316239%;
	height: 74.8251748%;
}
.battle_content_bg {
	position: absolute;
	top: 0;
	left: 9.5441595%;
	width: 79.7720797%;
	height: 84.3822843%;
	z-index: 51;
}

.battle1 {
	position: relative;
}
.battle1_chara {
	position: absolute;
	top: -12.191582%;
	left: -1.4245014%;
	width: 28.6324786%;
	height: auto;
	z-index: 52;
}
.battle2 {
	position: relative;
}
.battle2_chara {
	position: absolute;
	top: -10.0598802%;
	right: -1.1396011%;
	width: 21.5099715%;
	height: auto;
}

.win {
	position: relative;
	width: 94.1333333%;
	margin: 0 auto;
}
.win img {
	display: block;
}

.amibo_btn {
	width: 81.0666666%;
	height: auto;
	margin: 20px auto;
}