@charset "UTF-8";
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}
.l-main{
	padding-top: 0;
}

/* ========================================
	MV
======================================== */
.p-koopa-mv .p-koopa-in{
	width: 100%;
	padding-top: 20%; /* 177 / 882 * 100 */
}
.p-koopa-mv{
	position: relative;
	width: 100%;
	background: url(../images/koopa/mv_bg__sp.png) no-repeat 0 0;
	background-size: 63.7333333% auto;
	margin-bottom: 7%;
}
.p-koopa-mv_ttl{
	width: 62.1333333%; /* 466 / 750 * 100 */
	margin: 0 0 82% 20%;
}
.p-koopa-mv_bg{
	position: absolute;
	display: block;
	width: 100%;
	top: 20.0%;
	left: 0;
	z-index: -1;
}
.p-koopa-mv_3ds{
	position: relative;
	width: 100%;
	z-index: 10;
}
.p-koopa-star_l, .p-koopa-star_r{display: none;}

/* ========================================
	punch
======================================== */
.p-koopa-punch{
	position: relative;
	width: 100%;
	padding: 0 0 8% 0;
}
.p-koopa-punch_btn{
	width: 82.6666666%; /* 620 / 750 * 100 */
	margin: 0 auto;
}
.p-koopa-line{
	width: 93.8666666%; /* 704 / 750 * 100 */
	margin: 0 auto;
	height: 22px;
	background: url(../images/koopa/bone_bg.png) repeat-x;
	background-size: 29.2613636% auto;/* 206 / 704 * 100 */
}

@media screen and (min-width: 760px) {
	/*img{width: 100% !important;}*/
	img{width: 100%;}
	.p-koopa-wrap{
		padding-bottom: 2%;
	}
	.p-koopa-mv .p-koopa-in,
	.p-koopa-in{
		position: relative;
		width: 57.2916666%; /* 1100 / 1920 * 100 */
		margin: 0 auto;
		max-width: 2000px;
		text-align: left;
	}
	.is-tablet .p-koopa-mv .p-koopa-in,
	.is-tablet .p-koopa-in{
		min-width: 700px;
	}
	.p-koopa-mv .p-koopa-in{
		padding-top: 11%;
	}
	.p-koopa-star_l{
		display: block;
		position: absolute;
		width: 18.181818%; /* 200 / 1100 * 100 */
		top: 50%;
		left: -26.181818%; /* 288 / 1100 * 100 */
	}
	.p-koopa-star_r{
		display: block;
		position: absolute;
		width: 20.7272727%; /* 228 / 1100 * 100 */
		top: 85%;
		right: -25.9%; /* 285 / 1100 * 100 */
	}

	/* ========================================
		MV PC
	======================================== */
	.p-koopa-mv{
		background: url(../images/koopa/mv_bg__pc.png) no-repeat 0 0;
		background-size: 49.5833333% auto; /* 952 / 1920 * 100 */
		margin-bottom: 2.5%;
	}
	.p-koopa-mv .p-koopa-in{
		min-width: 900px;
	}
	.p-koopa-mv_ttl{
		width: 42.4545454%; /* 467 / 1100 * 100 */
		margin: 0 0 2% 0;
	}
	.p-koopa-mv_bg{
		width: 84.2727272% !important; /* 927 / 1100 * 100 */
		top: 0;
		left: 41.3636363%; /* 455 / 1100 * 100 */
		z-index: 0;
	}
	.p-koopa-mv_3ds{
		position: relative;
		width: 97.5454545%; /* 1073 / 1100 * 100 */
		margin-left: -37.5%;
		z-index: 10;
	}
	
	/* ========================================
		punch PC
	======================================== */
	.p-koopa-punch{
		position: relative;
		width: 100%;
		padding: 0 0 3.5% 0;
	}
	.p-koopa-punch_btn{
		width: 45.4545454%; /* 500 / 1100 * 100 */
	}
	.p-koopa-line{
		width: 57.2916666%; /* 1100 / 1920 * 100 */
		margin: 0 auto;
		max-width: 2000px;
		height: 26px;
		background-size: 15.4545454% auto;/* 170 / 1100 * 100 */
	}
}

/* ========================================
	battle SP
======================================== */
.p-koopa-battle{
	padding: 7% 0;
	background: url(../images/koopa/battle_koopa.png), url(../images/koopa/battle_star.png);
	background-repeat: no-repeat;
	background-position: right 55%, 3.5% 20%;
	background-size: 42.6666666% auto, 17.3333333% auto;
}
.battle-koopa-bg{
	display: none;
}
.p-koopa-battle h2{
	width: 74.1333333%; /* 556 / 750 * 100 */
	margin: 0 auto 2% auto;
}
.p-koopa-battle_p{
	text-align: right;
}
.p-koopa-battle_p,
.p-koopa-battle_p_li li{
	width: 97.3333333%; /* 730 / 750 * 100 */
	margin: 0 auto;
}
.p-koopa-battle_p img,
.p-koopa-battle_p_li li:nth-child(2) img{
	float: right;
}
.p-koopa-battle_p img,
.p-koopa-battle_p_li li img{
	width: 70.1369863% !important; /* 512 / 730 * 100 */
}

@media screen and (min-width: 760px) {
	.p-koopa-battle_p{
		width: 48.4545454%; /* 533 / 1100 * 100 */
		margin-left: 34%; /* 375 / 1100 * 100 */
	}
	/* ========================================
	battle PC
======================================== */
.p-koopa-battle{
	padding: 4% 0;
	background:none;
}
.p-koopa-battle .p-koopa-in{
	position: relative;
	background: url(../images/koopa/battle_star.png);
	background-repeat: no-repeat;
	background-position: 96% 22%;
	background-size: 15.3636363% auto;/* 169 / 1100 * 100 */
	}
	.battle-koopa-bg{
		display: block;
		position: absolute;
		top:14.5%;
		left: -13%;
		width: 47.5454545% !important; /* 523 / 1100 * 100 */
		z-index: -1;
	}
	.p-koopa-battle h2{
		width: 50.5454545%; /* 556 / 1100 * 100 */
		margin: 0 auto;
	}
	.p-koopa-battle_p{
		width: 48.4545454%; /* 533 / 1100 * 100 */
		margin-left: 34% !important;/* 375 / 1100 * 100 */
		margin-bottom: 0;
	}
	.p-koopa-battle_p_li{
		position: relative;
		margin-top: -0.5%;
		width: 95.8181818%; /* 1054 / 1100 * 100 */
	}
	.p-koopa-battle_p_li li{
		width: 48.57685%; /* 512 / 1054 * 100 */
		margin: 0;
	}
	.p-koopa-battle_p_li li:nth-child(1){
		float: left !important;
	}
	.p-koopa-battle_p_li li:nth-child(2){
		float: right !important;
	}
	.p-koopa-battle_p img,
	.p-koopa-battle_p_li li:nth-child(2) img{
		float: none;
	}
	.p-koopa-battle_p img,
	.p-koopa-battle_p_li li img{
		width: 100% !important;
	}
}

/* ========================================
	attack SP
======================================== */
.p-koopa-attack{
	padding-bottom: 8%;
}
.p-koopa-attack_lead{
	width: 39.6%;/* 297 / 750 * 100 */
	margin: 0 auto 2% auto;
}
.p-koopa-attack_h h3{
	position: relative;
	width: 59%; /* 443 / 750 * 100 */
	margin: 0 auto;
	z-index: 15;
}
.attack_h01{
	background-image: url(../images/koopa/attack_l.png), url(../images/koopa/attack_r.png);
	background-repeat: no-repeat;
	background-position: 5.33333% 5%, 96% 50%;
	background-size: 14.26666666% auto, 12.53333333% auto;/* 107 / 94  */
}
.attack_h02{
	margin-top: 4%;
	background-image: url(../images/koopa/attack_r.png), url(../images/koopa/attack_l.png);
	background-repeat: no-repeat;
	background-position: 5.33333% 78%, 91% 10%;
	background-size: 12.53333333% auto, 14.26666666% auto;
}
/* movie */
.p-koopa-attack_mov{
	margin: -10% auto 0 auto;
	z-index: 0;
	width: 73.33333333%; /* 550 / 750 * 100 */
}
.p-koopa-attack_mov_in{
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 10;
	border: 3px solid #fabe0a;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	overflow: hidden;
}
.p-koopa-attack_mov_in2{
	position: relative;
	width: 136%;
	margin-left: -18%;
	z-index: 0;
}
.mov_wrap{	
	width: 100%;
	position: relative;
	height: 0px;
	padding-top:56.25%;
  z-index: 0;
}
.mov{
	position: absolute;
	top: 0;
	left: 0%;
	width: 100%;
	height: 100%;
}
.p-koopa-attack_3ds{
	position: relative;
	margin: -10% auto 0 auto;
	z-index: 0;
	width: 75%; /* 563 / 750 * 100 */
}
.p-koopa-attack_3ds_bg{
	display: block;
	position: relative;
	z-index: 10;
}
.p-koopa-attack_3ds_slide{
	position: absolute;
	z-index: 1;
	width: 91.651865%; /* 516 / 563 * 100 */
	top: 16%;
	left: 4%
}
.p-koopa-attack_3ds_slide.js-crossfade li{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}
@media screen and (min-width: 760px) {
	/* ========================================
	attack PC
	======================================== */
	.p-koopa-attack{
		padding-bottom: 6%;
	}
	.p-koopa-attack_h{
		padding-bottom: 3%;
	}
	.p-koopa-attack_h h3{
		position: relative;
		z-index: 10;
		width: 40.2727272%; /* 443 / 1100 * 100 */
	}
	.p-koopa-attack_h.attack_h01 h3{
		margin: 0 0 0 8.7272727%; /* 96 / 1100 * 100 */
		pointer-events: none;
	}
	.attack_h01{
		background-image: url(../images/koopa/attack_bg_pc.png);
		background-repeat: no-repeat;
		background-position: 16% 2%; 
		background-size: 89.2727272% auto;/* 982 / 1100 * 100 */
	}
	.p-koopa-attack_h.attack_h02 h3{
		margin: 0 0 0 53.8181818%; /* 592 / 1100 * 100 */
	}
	.attack_h02{
		margin-top: 3%;
		padding: 4% 0 4% 0;
		background-image: url(../images/koopa/attack_bg02_pc.png);
		background-repeat: no-repeat;
		background-position: 93% 15%;
		background-size: 29.1818181% auto; /* 321 / 1100 * 100 */
	}
	.p-koopa-attack_wrap{
		position: relative;
	}
	.p-koopa-attack_lead{
		width: 27%; /* 297 / 1100 * 100 */
		position: absolute;
		top:17%;
		left: 49%;
		margin: 0;
	}
	/* movie */
	.p-koopa-attack_mov{
		position: absolute;
		top: 30%;
		left: 42.7272727%;/* 472 / 1100 * 100 */
		z-index: 0;
		margin: 0;
		width: 50%; /* 550 / 1100 * 100 */
	}
	.p-koopa-attack_mov_in{
		border: 4px solid #fabe0a;
	}
	.mov_wrap{
		margin: 0;	
	}
	.p-koopa-attack_3ds{
		position: absolute;
		margin: 0;
		top:0%;
		left: 9%;
		z-index: 0;
		width: 51.1818181%; /* 563 / 1100 * 100 */
	}
	.p-koopa-attack_wrap02{
		margin-top: 12%;
	}
}