@charset "UTF-8";

/* ========================================
	petitgame MV
======================================== */
.p-petit-mv{
	background:#fbda42 url(../images/petitgame/mv_bg.png) no-repeat top center;
	background-size: cover;
}
.p-petit-mv_chara{
	background: url(../images/petitgame/mv_chara.png) no-repeat bottom center;
	background-size: cover;
	width: 100%;
	min-width: 960px;
	max-width: 2220px;
	margin: 0 auto;
}
@media screen and (min-width: 1921px) {
	.p-petit-mv_chara{
		background-size: 100% auto;
		background-position: 10% center;
	}
	.p-petit-pic_t{
		position: relative;
		margin-top: -6.5%;
	}
}
.p-petit-mv_in{
	width: 67.9166666%; /* 1304 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-petit-mv_in h2{
	width: 84.3558282%; /* 1100 / 1304 * 100 */
	margin: 0 auto;
}
.p-petit-mv_in p{
	width: 50.6134969%; /* 660 / 1304 * 100 */
	margin: 0 auto;
}
.p-petit-pic_t,
.p-petit-pic_b{
	width:100%;
	padding-top: 8.3%;
	height: 0;
}
.p-petit-pic_t{
	background:#fff url(../images/petitgame/ope01_pic_t.png) repeat-x;
	background-size: 120.3125% auto; /* 2310 / 1920 * 100 */
	-webkit-animation: loop1 200s linear infinite;
	animation: loop1 200s linear infinite;
}
.p-petit-pic_b{
	background:#fff url(../images/petitgame/ope01_pic_b.png) repeat-x;
	background-size: 120.3125% auto; /* 2310 / 1920 * 100 */
	-webkit-animation: loop2 200s linear infinite;
	animation: loop2 200s 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{
	background: url(../images/petitgame/action_bg.png) no-repeat top center;
	background-size: cover;
}
.p-petit-action_in{
	position: relative;
	width: 67.9166666%; /*1304 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-petit-action_in .u-left.p-petit-action_chara_l{
	position: relative;
	width: 26.993865%; /*352 / 1304 * 100 */
	margin-left: -3.98773%;/* 52 / 1304 * 100 */
}
.p-petit-action_in .u-left.p-petit-action_lead{
	padding-top: 2.5%;
	width: 54.1411042%; /*706 / 1304 * 100 */
}
.p-petit-action_in .u-left.p-petit-action_lead h3{
	margin-bottom: 6.5%;
}
.p-petit-action-chara_r{
	position: absolute;
	display: block;
	width: 39.7239263%; /* 518 / 1304 * 100 */
	left: 73.3895705%; /* 957 / 1304 * 100 */
	bottom: 0;
}
.p-petit-action-chara_bal{
	position: absolute;
	width: 21.7024539%; /* 283 / 1304 * 100 */
	top:-22%;
	left: 72.8527607%; /* 950 / 1304 * 100 */
}
.u-left{float: left;}

/* ========================================
	petitgame ope01
======================================== */
.p-petit-ope01{
	background: url(../images/petitgame/ope01_bg.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	padding-bottom: 7%;
}
.p-petit-ope_in{
	position: relative;
	width: 67.9166666%; /*1304 / 1920 * 100 */
	min-width: 960px;
	max-width: 2000px;
	margin: 0 auto;
}
.p-petit-ope_spce{
	display: block;
	width: 0.7668711% !important; /* 10 / 1304 * 100 */
}
.p-petit-ope01 .p-petit-ope-chara_l{
	position: absolute;
	width: 37.8834355%; /* 494 / 1304 * 100 */
	top: -7.5%;
	left: -23.5429447%; /* 307 / 1304 * 100 */
}
.p-petit-ope01 .p-petit-ope-chara_r{
	position: absolute;
	width: 26.9171779%; /* 351 / 1304 * 100 */
	top: -8.5%;
	right: -24.0030674%; /* 313 / 1304 * 100 */
}
.p-petit-ope01 .p-petit-ope_lead{
	position: absolute;
	width: 51.993865%; /* 678 / 1304 * 100 */
	top: -3%;
	left: 0;
}
.p-petit-ope01 .p-petit-ope_3ds_a{
	position: absolute;
	width: 88.7269938%; /* 1157 / 1304 * 100 */
	top:-6%;
	right: -23.8496932%; /* 311 / 1304 * 100 */
	z-index: 5;
}
.p-petit-ope01 .p-petit-ope_3ds_b{
	position: absolute;
	width: 88.7269938%; /* 1157 / 1304 * 100 */
	top: -6%;
	right: -23.8496932%; /* 311 / 1304 * 100 */
	z-index: 5;
}

@media screen and (max-width: 1080px) {
	.p-petit-ope01 .p-petit-ope-chara_l{
		left: -19%;
	}
	.p-petit-ope01 .p-petit-ope_lead{
		left: 3%;
	}
}
.p-petit-ope_game{
	width: 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: 32.3619631%; /* 422 / 1304 * 100 */
	margin-bottom: 2%;
	z-index: 10;
}
.p-petit-ope_game_p01{
	position: relative;
	padding-top: 17%;
	z-index: 0;
}
.p-petit-ope_game_p02{
	position: relative;
	padding-top: 11%;
	z-index: 0;
}
.p-petit-ope_bal01,
.p-petit-ope_bal02,
.p-petit-ope_bal03{
	position: absolute;
	width: 64.218%; /* 271 / 422 * 100 */
	top: -9%;
	z-index: 15;
}
.p-petit-ope_bal04,
.p-petit-ope_bal05,
.p-petit-ope_bal06{
	position: absolute;
	width: 64.218%; /* 271 / 422 * 100 */
	top: -15%;
	z-index: 15;
}
.p-petit-ope_bal01,
.p-petit-ope_bal04{
	left: -12%;
}
.p-petit-ope_bal02,
.p-petit-ope_bal05{
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.p-petit-ope_bal03,
.p-petit-ope_bal06{
	right: -12%;
}
.p-petit-ope01 .p-petit-ope_star_r{
	position: absolute;
	width: 11.5797546%; /* 151 / 1304 * 100 */
	top: 55%;
	right: -15.184049%; /* 198 / 1304 * 100 */
	z-index: 1;
}
.p-petit-ope01 .p-petit-ope_star_l{
	position: absolute;
	width: 14.3404907%; /* 187 / 1304 * 100 */
	top: 78%;
	left: -17.1779141%; /* 224 / 1304 * 100 */
	z-index: 1;
}

/* ========================================
	petitgame ope02
======================================== */
.p-petit-ope02{
	background: url(../images/petitgame/ope02_bg.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	padding-bottom: 5.5%;
}
.p-petit-ope02 .p-petit-ope_game{
	margin-top: 1.8%;
}
.p-petit-ope02 .p-petit-ope-bg_l{
	position: absolute;
	width: 33.7423312%; /* 440 / 1304 * 100 */
	top:-6%;
	left: -23.5429447%; /* 307 / 1304 * 100 */
}
.p-petit-ope02 .p-petit-ope-chara_r{
	position: absolute;
	width: 34.892638%; /* 455 / 1304 * 100 */
	top:-7.6%;
	right: -24.0030674%; /* 313 / 1304 * 100 */
}
.p-petit-ope02 .p-petit-ope_lead{
	position: absolute;
	width: 50.6134969%; /* 660 / 1304 * 100 */
	top: -3.1%;
	left: 48.082822%; /* 627 / 1304 * 100 */
}
.p-petit-ope02 .p-petit-ope_3ds{
	position: absolute;
	width: 83.1288343%; /* 1084 / 1304 * 100 */
	top: -10%;
	left: -23.773%; /* 310 / 1304 * 100 */
}

.p-petit-ope02 .p-petit-ope_star_l{
	position: absolute;
	width: 14.2638036%; /* 186 / 1304 * 100 */
	top: 52%;
	left: -17.4079754%; /* 227 / 1304 * 100 */
}
.p-petit-ope02 .p-petit-ope_star_r{
	position: absolute;
	width: 13.2668711%; /* 173 / 1304 * 100 */
	top: 84.5%;
	right: -17.1779141%; /* 230 / 1304 * 100 */
}
@media screen and (max-width: 1080px) {
	.p-petit-ope02 .p-petit-ope-chara_r{
		right: -20%;
	}
	.p-petit-ope02 .p-petit-ope_lead{
		left: 45%;
	}
}

/* ========================================
	petitgame ope03
======================================== */
.p-petit-ope03{
	background: url(../images/petitgame/ope03_bg.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	padding-bottom: 6.5%;
}
.p-petit-ope03 .p-petit-ope-chara_l{
	position: absolute;
	width: 40.3374233%; /* 526 / 1304 * 100 */
	top:-4.5%;
	left: -23.5429447%; /* 307 / 1304 * 100 */
}
.p-petit-ope03 .p-petit-ope-bg_r{
	position: absolute;
	width: 27.8374233%; /* 363 / 1304 * 100 */
	top: -6.5%;
	right: -24.0030674%; /* 313 / 1304 * 100 */
}
.p-petit-ope03 .p-petit-ope_lead{
	position: absolute;
	width: 50.7668711%; /* 662 / 1304 * 100 */
	top:-3%;
	left: 2.6073619%; /* 34 / 1304 * 100 */
}
@media screen and (max-width: 1080px) {
	.p-petit-ope03 .p-petit-ope-chara_l{
		left: -18.5%;
	}
	.p-petit-ope03 .p-petit-ope_lead{
		left: 6%;
	}
}
.p-petit-ope03 .p-petit-ope_3ds{
	position: absolute;
	width: 67.2546012%; /* 877 / 1304 * 100 */
	top: -5%;
	right: -3.3%;
}
.p-petit-ope03 .p-petit-ope_3ds_hand{
	position: absolute;
	width: 35.9662576%; /* 469 / 1304 * 100 */
	top: 21%;
	right: -23.8496932%; /* 311 / 1304 * 100 */
}

.p-petit-ope03 .p-petit-ope_star_r{
	position: absolute;
	width: 13.3435582%; /* 174 / 1304 * 100 */
	top: 52%;
	right: -17.1779141%; /* 230 / 1304 * 100 */
}
.p-petit-ope03 .p-petit-ope_star_l{
	position: absolute;
	width: 14.3404907%; /* 187 / 1304 * 100 */
	top: 86%;
	left: -17.1779141%; /* 224 / 1304 * 100 */
}

/* ========================================
	petitgame ope04
======================================== */
.p-petit-ope04{
	background: url(../images/petitgame/ope04_bg.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	padding: 5.5% 0 8% 0;
}
.p-petit-ope04 .p-petit-ope_lead{
	position: relative;
	width: 73.9263803%; /* 964 / 1304 * 100 */
	z-index: 10;
}
.p-petit-ope04 .p-petit-ope-bg_l{
	position: absolute;
	width: 33.7423312%; /* 440 / 1304 * 100 */
	top: -52%;
	left: -23.5429447%; /* 307 / 1304 * 100 */
	z-index: 0;
}
.p-petit-ope04 .p-petit-ope-bg_r{
	position: absolute;
	width: 32.5153374%; /* 424/ 1304 * 100 */
	top: 30%;
	right: -24.0030674%; /* 313 / 1304 * 100 */
}
.p-petit-ope_game04{
	position: absolute;
	width: 32.3619631%; /* 422 / 1304 * 100 */
	top: 0%;
	right: 0;
	z-index: 20;
}
.l-footer{
	position: relative;
	z-index: 100;
}