@charset "UTF-8";

/* ========================================
	petitgame MV
======================================== */
.p-petit-mv,
.p-petit-mv_bg{
	position: relative;
	width: 100%;
	display: block;
}
/* 1052*/
.p-petit-mv h2{
	position: absolute;
	width: 100%;
	top: 10.9315589%; /* 115 / 1052 * 100 */
	left: 0;
}
.p-petit-mv p{
	position: absolute;
	width: 91.2%; /* 684 / 750 * 100 */
	top: 43.6311787%; /* 459 / 1052 * 100 */
	left: 0;
	right:0;
	margin-left: auto;
	margin-right: auto;
}
.p-petit-pic_t,
.p-petit-pic_b{
	width:100%;
	padding-top: 22%;
	height: 0;
}
.p-petit-pic_t{
	background:#fff url(../images/petitgame/ope01_pic_t.jpg) repeat-x;
	background-size: auto 100%;
	-webkit-animation: loop1 500s linear infinite;
	animation: loop1 500s linear infinite;
}
.p-petit-pic_b{
	background:#fff url(../images/petitgame/ope01_pic_b.jpg) repeat-x;
	background-size: auto 100%;
	-webkit-animation: loop2 500s linear infinite;
	animation: loop2 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;
		}
}

@-webkit-keyframes loop2{
		from {
			background-position: 0 0;
		}
		to {
			background-position: 2000% 0;
		}
	}
	@keyframes loop2{
		from {
			background-position: 0 0;
		}
		to {
			background-position: 2000% 0;
		}
}

/* ========================================
	petitgame action
======================================== */
.p-petit-action{
	position: relative;
	background: url(../images/petitgame/action_bg.jpg) no-repeat top center;
	background-size: 100% auto;
}
.p-petit-action_bg{
	position: relative;
	display: block;
}
.p-petit-action_chara_l{
	position: absolute;
	top: 51.23%; /* 348 / 679 * 100 */
	left: 0;
	width: 42.5333333%; /* 319 / 750 * 100 */
}
.p-petit-action_lead{
	position: absolute;
	width: 100%;
	top: 5.1237113%; /* 28 / 679 * 100 */
	left: 0;
}
.p-petit-action-chara_r{
	position: absolute;
	display: block;
	width: 48.6666666%; /* 365 / 750 * 100 */
	left: 51.3333333%; /* 385 / 750 * 100 */
	bottom: 0;
	z-index: 20;
}
.p-petit-action-chara_bal{
	position: absolute;
	width: 39.6%; /* 297 / 750 * 100 */
	top: 50.0736377%; /* 340 / 679 * 100 */
	left: 27.7333333%; /* 208 / 750 * 100 */
	z-index: 10;
}

/* ========================================
	petitgame ope01
======================================== */
.p-petit-ope01{
	position: relative;
}
.p-petit-ope01_bg{
	position: relative;
	display: block;
}
.p-petit-ope01 .p-petit-ope-chara_l{
	position: absolute;
	width: 40.5333333%; /* 304 / 750 * 100 */
	top: 13.2217573%; /* 316 / 2390 * 100 */
	left: 0;
	z-index: 10;
}
.p-petit-ope01 .p-petit-ope_lead{
	position: absolute;
	width: 100%;
	top: -4.5%;
	left: 0;
}
.p-petit-ope01 .p-petit-ope_3ds{
	position: absolute;
	width: 100%;
	top: 20.502092%; /* 490 / 2390 * 100 */
	left: 0;
	z-index: 5;
}
.p-petit-ope01 .p-petit-ope_game{
	top: 48.3263598%; /* 1155 / 2390 * 100 */
}
.p-petit-ope_game{
	position: absolute;
	width: 93.6%; /* 702 / 750 * 100 */
	left: 3.2%;/* 24 / 750 * 100 */
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.p-petit-ope_game li{
	position: relative;
	width: 48.7179487%; /* 342 / 702 * 100 */
	margin-bottom: 2%;
	z-index: 10;
}
.p-petit-ope_game_p{
	position: relative;
	padding-top: 31%;
	z-index: 0;
}
.p-petit-ope_bal01,
.p-petit-ope_bal02{
	position: absolute;
	width: 79.239766%; /* 271 / 342 * 100 */
	top: 0;
	z-index: 15;
}
.p-petit-ope_bal01{
	left: -4%;
}
.p-petit-ope_bal02{
	right: -4%;
}
.p-petit-ope_game_p02{
	margin-top: -7%;
}

/* ========================================
	petitgame ope02
======================================== */
.p-petit-ope02{
	position: relative;
}
/*2407*/
.p-petit-ope02 .p-petit-ope-chara_r{
	position: absolute;
	width: 34.2666666%; /* 257 / 750 * 100 */
	top: 16.5351059%; /* 398 / 2407 * 100 */
	right: 0%;
}
.p-petit-ope02 .p-petit-ope_lead{
	position: absolute;
	width: 100%;
	top: -6%;
	left: 0;
}
.p-petit-ope02 .p-petit-ope_3ds{
	position: absolute;
	width: 94.4%; /* 708 / 750 * 100 */
	top: 19.5%;
	left: 0;
}
.p-petit-ope02 .p-petit-ope_game{
	top: 47.985%; /* 1155 / 2407 * 100 */
}

/* ========================================
	petitgame ope03
======================================== */
.p-petit-ope03{
	position: relative;
}
/*2351*/
.p-petit-ope03 .p-petit-ope_lead{
	position: absolute;
	width: 90%; /* 675 / 750 * 100 */
	top: -7.5%;
	left: 10%;
	z-index: 1;
}
.p-petit-ope03 .p-petit-ope_3ds{
	position: absolute;
	width: 100%;
	top: 20.5106382%; /* 482 / 2350 * 100 */
	left: 0;
	z-index: 5;
}
.p-petit-ope03 .p-petit-ope_game{
	top: 48.893617%; /* 1149 / 2350 * 100 */
}

/* ========================================
	petitgame ope04
======================================== */
.p-petit-ope04{
	position: relative;
}
/*962*/
.p-petit-ope04 .p-petit-ope_lead{
	position: absolute;
	width: 100%;
	top: 8.7318087%; /* 84 / 962 * 100 */
	left: 0;
}
.p-petit-ope_game04{
	position: absolute;
	width: 45.6%; /* 342 / 750 * 100 */
	top: 48.6486486%; /* 468 / 962 * 100 */
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 20;
}
.p-petit-ope_game04 .p-petit-ope_bal02{
	width: 79.239766%; /* 271 / 342 * 100 */
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.p-petit-ope_game_p01{
	padding-top: 30%;
}