@charset "UTF-8";
.l-main{
	padding-top: 0;
}
body.p-story{
	background-color: #6880bc;
}
/* ========================================
	MV SP
======================================== */
.p-story-mv {
	width: 100%;
	padding: 22% 0 13% 0;
}
.p-story-mv .p-story-in{
	width: 100%;
	position: relative;
}
.p-story-mv_ttl{
	width: 69.8666666%; /* 524 / 750 * 100 */
	margin: 0 auto 5% auto;
}
.p-story-mv_chara{
	display: none;
}
.p-story-mv .f-noto{
	font-size: 1.3rem;
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
	color: #003755;
	line-height: 1.8;
}
.p-story-mv_lead{
	color: #003755 !important;
	text-align: center;
	text-shadow:0px 0px 6px #fff;
}
.p-story_bg{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 0;
	padding-top: 100vh;
	background: url(../images/story/story_bg__sp.jpg) no-repeat top center;
	background-size: 100% auto;
	z-index: -1;
  overflow: hidden;
	transition: opacity 600ms;
}
.p-story_bg.fixed{
	top: -40px;
}
.bg-star{
	display: none;
}
.u-pc{
	display: none;
}
@media screen and (min-width: 760px) {
	.u-pc{
		display: block;
	}
	.u-sp{
		display: none;
	}
	img{
		width: 100%;
	}
	.l-main{
		padding-bottom: 143px !important;
	}
	.is-tablet .l-main{
		padding-bottom: 0 !important;
	}
	/* ========================================
	MV PC
	======================================== */
	.p-story-in{
		width: 57.5%; /* 1104 / 1920 * 100 */
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.p-story-mv {
		width: 100%;
		padding: 0;
	}
	.p-story-mv .f-noto{
		font-size:1.3vw;
	}
	.p-story-mv .p-story-in{
		width: 57.5%; /* 1104 / 1920 * 100 */
		max-width: 2000px;
		position: relative;
		text-align: left;
		padding: 9% 0 10% 0;
	}
	.bg-star{
		position: absolute;
		display: block;
	}
	.bg-star_l{
		width: 13.9492753%; /* 154 / 1104 * 100 */
		top:9%;
		left: -17%;
	}
	.bg-star_r{
		width: 15%; /* 166 / 1104 * 100 */
		top:4.4%;
		right: -17%;
	}
	.p-story-mv_ttl{
		width: 48%; /* 531 / 1104 * 100 */
		margin: 0 0 3% 0;
	}
	.p-story-mv_chara{
		display: block;
		position: absolute;
		width: 47.4637681%; /* 524 / 1104 * 100 */
		top: 0;
		right: -2.53%;
		z-index: 10;
	}
	.p-story-mv_lead{
		text-align: left;
	}
	.p-story_bg{
		background: url(../images/story/story_bg__pc.jpg) no-repeat top center;
		background-size: 100% auto;
		padding-top: 100%;
	}
	.is-tablet .p-story-mv .f-noto{
		font-size:1.7rem;
	}
	.is-tablet .p-story_bg{
		background-size: 120% auto;
	}
}

/* ========================================
	slide SP
	======================================== */
.p-story-mv_slide{
	position: relative;
	width: 100%;
	height: 140px;
	background: url(../images/story/mv_slide.png) repeat-x;
	background-size: 1607px auto;
	-webkit-animation: mvslide 30s linear infinite;
	animation: mvslide 30s linear infinite;
	z-index: 1;
}
@-webkit-keyframes mvslide {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1607px 0;
	}
}
@keyframes mvslide {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1607px 0;
	}
}
@media screen and (min-width: 760px) {
.p-story-mv_slide{
		width: 100%;
		height: 276px;
		background: url(../images/story/mv_slide.png) repeat-x;
		background-size: 3214px auto;
		-webkit-animation: mvslidepc 40s linear infinite;
		animation: mvslidepc 40s linear infinite;
		}
}
@media screen and (min-width: 760px) and (max-width: 1100px) {
	.p-story-mv_slide{
		background: url(../images/story/mv_slide.png) repeat-x;
		background-size: 1607px auto;
		height: 160px;
		-webkit-animation: mvslide 30s linear infinite;
		animation: mvslide 30s linear infinite;
	}
}
@-webkit-keyframes mvslidepc {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -3214px 0;
	}
}
@keyframes mvslidepc {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -3214px 0;
	}
}

/* ========================================
	story SP
	======================================== */
.p-story-wrap{
	position: relative;
	background-color: rgba(255,255,255,0.7);
	margin-top: -3%;
	padding-top: 8%;
}
.p-story-manga01{
	position: relative;
	width: 93.3333333%;/* 700 / 750 * 100 */
	margin: 0 auto;
	background-color: #fff;
	padding: 10px 2.8571428%; /*20*/
	-webkit-border-radius:20px;
	border-radius:20px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	z-index: 100;
	box-sizing: border-box;
}
@media screen and (min-width: 760px) {
	.p-story-wrap{
		padding-top: 6%;
	}
	.p-story-manga01{
		position: relative;
		width: 100%;
		max-width:2000px; 
		padding: 14px 1.814882%; /*20 / 1102 */
		-webkit-border-radius: 30px;
		border-radius: 30px;
	}
	.is-tablet .p-story-mv .p-story-in,
	.is-tablet .p-story-wrap .p-story-in{
		min-width: 700px;
	}
}

.p-story-manga01_02{
	position: relative;
}
.chara-peach{
	width: 42.7272727%; /* 282 / 660 * 100 */
	top: 21%;
	left: -7%;
}
.chara{
	position: absolute;
 }
.btn-story{
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.hover:hover .btn-story{
	background-position: 100% 0;
}
.chara-peach .btn-story{
	position: absolute;
	width: 78%; /* 220 / 282 * 100 */
	top:90%;
	left: 12%;
	background: url(../images/story/peach_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
.chara-ystar{
	width: 23.7878787%; /* 157 / 660 * 100 */
	top: 50%;
	right: 2%;
}
.chara-ystar .btn-story{
	position: absolute;
	width: 140.273885%; /* 220 / 157 * 100 */
	top: 13%;
	left: -130%;
	background: url(../images/story/ystar_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
.chara-ystar_bal{
	position: absolute;
	display: block;
	width: 207%; /* 325 / 157 * 100 */
	bottom: -77%;
	left: -130%;
}
@media screen and (min-width: 760px) {
	.chara-p{
		transition: 0.4s, -webkit-transform 0.4s, transform 0.4s;
	}
	.hover{
		cursor: pointer !important;
	}
	.hover:hover .chara-p{
		-webkit-transform: scale(1.15,1.15);
		transform: scale(1.15,1.15);	
	}
	.p-story-manga01_02{
		margin-bottom: 2%;
	}
	.chara-peach{
		width: 26.6288951%; /* 282 / 1059 * 100 */
		top: 23.5%;
		left: 25%;
	}
	.chara-peach .btn-story{
		top:70%;
		left: 50%;
	}
	.chara-ystar{
		width: 14.8253%; /* 157 / 1059 * 100 */
		top: 5%;
		right: -3%;
	}
	.chara-ystar .btn-story{
		top: -1.5%;
		left: -120%;
	}
	.chara-ystar_bal{
		position: absolute;
		display: block;
		width: 207%; /* 325 / 157 * 100 */
		max-width: 207%;
		bottom: -27%;
		left: -203%;
	}
	/* btn PC */
	.btn-story{
		position: relative;
	}
	.btn-story span.ico-arr{
		top:39%;
		width: 9%; /* 22 / 220 * 100 */
	}
}
/* btn */
.btn-story{
	position: relative;
}
.btn-story span.ico-arr{
	display: block;
	position: absolute;
	top:37%;
	right: 10%;
	width: 11.3636363%; /* 25 / 220 * 100 */
	height: 26.6666666%; /* 20 / 75 * 100 */
	background: url(../images/story/ico_arr.svg) no-repeat 0 0;
	background-size:100% auto;
	-webkit-animation: arrowR 1000ms infinite;
	animation: arrowR 1000ms infinite;
}
@-webkit-keyframes arrowR {
	0% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
	40% {	-webkit-transform: translateX(35%);	transform: translateX(35%);	}
	80% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
	100% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
}
@keyframes arrowR {
	0% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
	40% {	-webkit-transform: translateX(35%);	transform: translateX(35%);	}
	80% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
	100% {	-webkit-transform: translateX(0%);	transform: translateX(0%);	}
}

/* ========================================
	p-story-manga01_03 SP
	======================================== */
.p-story-manga01_03{
	position: relative;
}
.chara-mario_luigi{
	position: absolute;
	width: 100%;
	bottom: 3%;
	left: 0;
}
.chara-mario_luigi .chara-p{
	width: 74.6969696%; /* 493 / 660 * 100 */
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.chara-mario_luigi .btn-story{
	position: absolute;
	width: 33.3333333%; /* 220 / 660 * 100 */
	top: 78%;
}
.btn-mario.btn-story{
	left: 7%;
	background: url(../images/story/mario_btn.png) no-repeat 0 0;
		background-size: 200% auto !important;
}
.btn-luigi.btn-story{
	left: 62%;
	background: url(../images/story/luigi_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
@media screen and (min-width: 760px) {
	.chara-mario_luigi{
	width: 46.5533522%; /* 493 / 1059 * 100 */
	bottom: 5%;
	left: 0;
	}
	.chara-mario_luigi .chara-p{
		width: 100%;
		margin:0;
	}
	.chara-mario_luigi .btn-story{
		position: absolute;
		width: 44.6247464%; /* 220 / 493 * 100 */
		top: 80%;
	}
	.btn-mario.btn-story{
		left: 3%;
	}
	.btn-luigi.btn-story{
		left: 60%;
	}
	.hover:hover .btn-story span.ico-arr{
		background: url(../images/story/ico_arr_on.svg) no-repeat 0 0;
		background-size:100% auto;
	}
}

/* ========================================
	p-story-manga01_04 SP
	======================================== */
.p-story-manga01_04{
	position: relative;
}
.chara-koopa{
	position: absolute;
	width: 79.6969696%; /* 526 / 660 * 100 */
	bottom:3.8%;
	left: 4%;
}
.chara-koopa .btn-story{
	position: absolute;
	width: 41.825%; /* 220 / 526 * 100 */
	bottom: 4%;
	left: 72%;
	background: url(../images/story/koopa_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
@media screen and (min-width: 760px) {
	.chara-koopa{
		width: 47.8753541%; /* 507 / 1059 * 100 */
		bottom:5%;
		left: 45%;
	}
	.chara-koopa .btn-story{
		width: 43.3925%; /* 220 / 507 * 100 */
		bottom: 7.5%;
		left: 65%;
		background: url(../images/story/koopa_btn.png) no-repeat 0 0;
		background-size: 200% auto !important;
	}
}
/* ========================================
	p-story-manga01_06 SP
	======================================== */
.p-story-manga01_06,
.p-story-manga02_01{
	position: relative;
}
.p-story-manga01_06_lead{
	position: absolute;
	width: 70.9%; /* 468 / 660 * 100 */
	top: 47.5%;
	right: -7%;
	z-index: 10;
}
.p-story-manga01_06_bal{
	position: absolute;
	width: 50.1515151%; /* 331 / 660 * 100 */
	top: 55%;
	right: -7%;
}
.p-story-born{
	width: 90.6%; /* 598 / 660 * 100 */
	margin: 8% auto;
}
.p-story-manga02_01_chara{
	display: block;
	position: absolute;
	width: 73.4848484%; /* 485 / 660 * 100 */
	top: 41.5%;
	left: -7%;
}
@media screen and (min-width: 760px) {
	.p-story-manga01_06_lead{
		width: 44.1926345%; /* 468 / 1059 * 100 */
		top: 85%;
		right: 31.5%;
	}
	.p-story-manga01_06_bal{
		width: 31.2559%; /* 331 / 1059 * 100 */
		top: -18%;
		right: 3%;
	}
	.p-story-born{
		width: 93.4844192%; /* 990 / 1059 * 100 */
		margin: 5% auto;
	}
	.p-story-manga02_01_chara{
		width: 43.72%; /* 463 / 1059 * 100 */
		top: 28%;
		left: -8%;
	}
}
/* ========================================
	p-story-manga02_02 SP
	======================================== */
.p-story-manga02_02{
	position: relative;
}
.p-story-friends{
	position: absolute;
	width: 81%; /* 535 / 660 * 100 */
	top: 19%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-flex;
	display: flex; 
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.p-story-friends_in{
	width: 44.859813%; /* 240 / 535 * 100 */
	margin-bottom: 6%;
}
.p-story-friends_in .btn-story{
	margin-top: 4%;
}
.p-story-friends_in .btn-story span.ico-arr{
	top:40%;
	width: 10.4166666%; /* 25 / 240 * 100 */
}
.p-story-manga_bg{
	position: relative;
}
.p-story-friends_in:nth-child(1) .btn-story{
		background: url(../images/story/friend01_btn.png) no-repeat 0 0;
		background-size: 200% auto !important;
}
.p-story-friends_in:nth-child(2) .btn-story{
	background: url(../images/story/friend02_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
.p-story-friends_in:nth-child(3) .btn-story{
	background: url(../images/story/friend03_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
.p-story-friends_in:nth-child(4) .btn-story{
	background: url(../images/story/friend04_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}

@media screen and (min-width: 760px) {
	.p-story-friends{
		position: absolute;
		width: 88.7629839%; /* 940 / 1059 * 100 */
		top: 26%;
	}
	.p-story-friends_in{
		width: 22.6628895%; /* 240 / 940 * 100 */
		margin-bottom:0;
	}
	.p-story-friends_in:nth-child(3),
	.p-story-friends_in:nth-child(4){
		margin-top: 2%;
	}
	.p-story-friends_in .btn-story:hover{
	background-position: 100% 0 !important;
}
}
/* ========================================
	p-story-manga02_04 sp
	======================================== */
.p-story-manga02_04{
	position: relative;
}
.chara-koopa01{
	width: 70.3%; /* 464 / 660 * 100*/
	position: absolute;
	top: 6.5%;
	left: -5%;
}
.p-story-manga02_04 .btn-story{
	position: absolute;
	width: 33.3333333%; /* 220 / 660 * 100 */
	top: 74%;
	left: 15%;
	background: url(../images/story/koopa01_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
.p-story-manga02_04 .chara-bal{
	position: absolute;
	width: 38.1818181%; /* 252 / 660 * 100 */
	top: 10%;
	left: 55%;
}
@media screen and (min-width: 760px) {
	.p-story-koopa-wrap{
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.p-story-manga02_04,
	.p-story-manga02_05,
	.p-story-manga02_06,
	.p-story-manga02_07{
		width: 49.1%; /* 520 / 1059 * 100 */
	}
	.chara-koopa01{
		width: 89.23%; /* 464 / 520 * 100*/
		top: 4%;
		left: -19.5%;
	}
	.p-story-manga02_04 .btn-story{
		width: 38.4615384%; /* 200 / 520 * 100 */
		top: 71%;
		left: 7%;
	}
	.p-story-manga02_04 .chara-bal{
		width: 48.4615384%; /* 252 / 520 * 100 */
		top: 8%;
		left: 47%;
	}
}
/* ========================================
	p-story-manga02_05 sp
	======================================== */
.p-story-manga02_05{
	position: relative;
}
.chara-koopa02{
	width: 59%; /* 390 / 660 * 100*/
	position: absolute;
	top: 9.5%;
	left: 5%;
}
.p-story-manga02_05 .btn-story{
	position: absolute;
	width: 33.3333333%; /* 220 / 660 * 100 */
	top: 77%;
	left: 15%;
	background: url(../images/story/koopa02_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
.p-story-manga02_05 .chara-bal{
	position: absolute;
	width: 45.6%; /* 301 / 660 * 100 */
	top: 0%;
	left: 47%;
}
@media screen and (min-width: 760px) {
	.chara-koopa02{
		width: 75%; /* 390 / 520 * 100*/
		top: 9.5%;
		left: -3%;
	}
	.p-story-manga02_05 .btn-story{
		width: 38.4615384%; /* 200 / 520 * 100 */
		top: 71%;
		left: 7%;
	}
	.p-story-manga02_05 .chara-bal{
		width: 49.8%; /* 259 / 520 * 100 */
		top: -10%;
		left: 46%;
	}
}
/* ========================================
	p-story-manga02_06 sp
	======================================== */
.p-story-manga02_06{
	position: relative;
}
.chara-koopa03{
	width: 71%; /* 469 / 660 * 100*/
	position: absolute;
	top: 30%;
	left: 15%;
}
.p-story-manga02_06 .btn-story{
	position: absolute;
	width: 57.2727272%; /* 378 / 660 * 100 */
	top: 70%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/story/koopa03_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
.p-story-manga02_06 .btn-story span.ico-arr{
	right: 7%;
	width: 6.6137566%; /* 25 / 378 * 100 */
}
@media screen and (min-width: 760px) {
	.chara-koopa03{
		width: 90%; /* 469 / 520 * 100*/
		top: 30%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.p-story-manga02_06 .btn-story{
		width: 72.6923%; /* 378 / 520 * 100 */
		top: 75%;
	}
}
/* ========================================
	p-story-manga02_07 sp
	======================================== */
.p-story-manga02_07{
	position: relative;
}
.chara-koopa04{
	width: 68.4848484%; /* 452 / 660 * 100*/
	position: absolute;
	top: 28%;
	left: 16%;
}
.p-story-manga02_07 .btn-story{
	position: absolute;
	width: 57.2727272%; /* 378 / 660 * 100 */
	top: 76%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/story/koopa04_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
.p-story-manga02_07 .btn-story span.ico-arr{
	right: 7%;
	width: 6.6137566%; /* 25 / 378 * 100 */
}
.p-story-lead_ikani{
	width: 100%;
	margin: 10% 0;
}
@media screen and (min-width: 760px) {	
	.chara-koopa04{
		width: 79%; /* 411 / 520 * 100*/
		top: 30.5%;
		left: 10%;
	}
	.p-story-manga02_07 .btn-story{
		width: 72.6923%; /* 378 / 520 * 100 */
		top: 75%;
	}
	.p-story-lead_ikani{
		width: 63.6458333%; /* 1222 / 1920 * 100 */
		margin: 2% auto 5% auto;
	}
}
/* ========================================
	RPG sp
	======================================== */
.p-rpg-wave{
	position: relative;
	padding-top: 5.5%;
	background: url(../images/junior/wave_bg.png) repeat-x 0 0;
	background-size: auto 100%;
	z-index: 10;
}
.p-story-rpg{
	position: relative;
	margin-top: -3%;
	padding: 35% 0 16% 0;
	background: #afce00 url(../images/junior/mv_bg.png) repeat;
	background-size: 220% auto;
	z-index: 1;
}
.p-story-rpg_ttl{
	position: relative;
}
.js-arrowpop {
	animation: arrowpop 1300ms infinite;
}
@keyframes arrowpop {
	0% {transform: scale(1) translateY(0px);}
	18% {transform: scale(1.04) translateY(-2px);}
	36% {transform: scale(1) translateY(0px);}
	54% {transform: scale(1.04) translateY(-2px);}
	72% {transform: scale(1) translateY(0px);}
	100% {transform: scale(1) translateY(0px);}
}
.p-story-rpg_h{
	position: absolute;
	width: 80%; /* 600 / 750 * 100 */
	margin-left: auto;
	margin-right: auto;
	top:-30%;
	left: 0;
	right: 0;
	z-index: 100;
}
.p-story-rpg_h h2{
	position: relative;
	margin-top: -5%;
}
.p-story_rpg_lead{
	width: 75.4666666%; /* 566 / 750 * 100 */
	margin: 0 auto 5% auto;
}
.bg-rpg{
	display: none;
}
@media screen and (min-width: 760px) {
	.bg-rpg{
		position: absolute;
		display: block;
		width: 20.8333333%; /* 230 / 1104 * 100 */
		top:-18%;
	}
	.bg-rpg_l{
		left: -27.173913%; /* 300 / 1104 * 100 */
	}
	.bg-rpg_r{
		right: -27.173913%; /* 300 / 1104 * 100 */
	}
	.p-rpg-wave{
		padding: 0;
		height: 44px;
		background: url(../images/junior/wave_bg__pc.png) no-repeat top center;
	}
	.p-story-rpg{
		margin-top: -1.5%;
		padding: 12% 0 8% 0;
		background-size: auto;
		overflow: hidden;
	}
	.is-tablet .p-story-rpg{
		margin-top: -2%;
	}
	.p-story-rpg_h{
		width: 31.25%; /* 600 / 1920 * 100 */
	}
	.is-tablet .p-story-rpg_h{
		top: -8%;
	}
	.p-story_rpg_lead{
		width: 70.1992753%; /* 775 / 1104 * 100 */
		margin: 0 auto 4% auto;
	}
}
.p-story-manga03_01,
.p-story-manga03_02{
	position: relative;
}
.p-story-manga03_01 .chara-jr{
	position: absolute;
	width: 59.2424242%; /* 391 / 660 * 100 */
	top: 49%;
	left: 35%;
	z-index: 10;
}
.p-story-manga03_01 .btn-story{
	position: absolute;
	width: 36.3636363%; /* 240 / 660 * 100 */
	top:75%;
	left: 8.5%;
	background: url(../images/story/jr_btn.png) no-repeat 0 0;
	background-size: 200% auto !important;
}
.p-story-rpg_chara{
	display: block;
	position: absolute;
	width: 113.6363636%; /*750 / 660 * 100 */
	top:65%;
	left: -7%;
}
.p-story_rpg_jr{
	width: 67.6%; /* 507 / 750 * 100 */
	margin: 22.5% auto 0 auto;
}
.btn-rpg{
	position: relative;
	width: 57.8666666%; /* 434 / 750 * 100 */
	margin: 7% auto 0 auto;
	z-index: 100;
}
.btn-rpg span.ico-arr{
	display: block;
	position: absolute;
	top:37%;
	right: 9%;
	width: 9.2165898%; /* 40 /  434 * 100 */
	height: 26.6666666%; /* 20 / 75 * 100 */
	background: url(../images/story/ico_arr_rpg.svg) no-repeat 0 0;
	background-size:100% auto;
	-webkit-animation: arrowR 1000ms infinite;
	animation: arrowR 1000ms infinite;
}

@media screen and (min-width: 1921px) {
	.p-rpg-wave{
		background-size: 100% auto !important;
		height: 0;
	  padding-top: 2.6%;
	}
}
@media screen and (min-width: 760px) {
	.p-story-manga03_01 .chara-jr{
		width: 36.852%; /* 391 / 1061 * 100 */
		top: -8%;
		left: 2%;
	}
	.p-story-manga03_01 .btn-story{
		width: 18.85%; /* 200 / 1061 * 100 */
		top: 60%;
		left: 2%;
		z-index: 15;
	}
	.p-story-rpg_chara{
		width: 97.1724787%; /* 1031/ 1061 * 100 */
		top: -7%;
		left: 44%;
	}
	.p-story_rpg_jr{
		width: 42%; /* 434 / 1031 * 100 */
		margin: 4% 0 0 1.5%;
	}
	.btn-rpg{
		width: 31.7%; /* 350 / 1104 * 100 */
		margin: 5% 0 0 32%; 
	}
	.btn-rpg:hover span.ico-arr{
		background: url(../images/story/ico_arr_rpg_on.svg) no-repeat 0 0;
		background-size:100% auto;
	}
	.btn-rpg span.ico-arr{
		top:38%;
	}
	.is-tablet .p-story-rpg_chara{
		width: 70%;
		top: 29%;
		left: 40%;
	}
}
.l-footer{
	z-index: 100;
	position: relative;
	margin-top: -7%;
}