@charset "UTF-8";
/*
*******************************************************************************************************
# 『モビール』を作ろう
*******************************************************************************************************
*/

/* 
	override
--------------------------------------------------------------- */
@media only screen and (max-width: 736px) {
	#contentArea .wrp-mobile {
		border-top: 0;
	}
}

/* 
	layout
--------------------------------------------------------------- */

/* wrp-mobile
----------------------------------- */
#contentArea .wrp-mobile {
	background-image: url(/rwd/fun/make/special/img/bg_pattern_yellow.png);
}
#contentArea .wrp-mobile:before {
	top: 380px;
	right: 50%;
	width: 404px;
	height: 404px;
	margin: 0 -553px 0 0;
	background-image: url(/rwd/fun/make/special/mobile/img/bg_shape_mobile.png);
	background-size: 404px auto;
}
#contentArea .wrp-mobile:after {
	height: 871px;
	background-image: url(/rwd/fun/make/special/mobile/img/bg_box_mobile.png);
	background-size: 1280px auto;
}
#contentArea .wrp-mobile .contents-area-inner:before {
	background-color: #fbf6aa;
}
#contentArea .wrp-mobile .balloon-sub {
	top: 66px;
	right: 149px;
	width: 115px;
}
#contentArea .wrp-mobile .contents-area-craft {
	position: static;
	padding-top: 382px;
}
#contentArea .wrp-mobile .contents-area-craft:before {
	width: 536px;
	height: 547px;
	top: 72px;
	left: 242px;	
	background-image: url(/rwd/fun/make/special/mobile/img/bg_craft_mobile.png);
	background-size: 536px auto;
}

#contentArea .wrp-mobile .craft-balloon {
	top: 372px;
	left: -16px;
	width: 178px;
}
#contentArea .wrp-mobile .craft-cow {
	top: 519px;
	left: 334px;
	width: 229px;
}
#contentArea .wrp-mobile .craft-bird {
	top: 258px;
	right: -120px;
	width: 368px;
}
#contentArea .wrp-mobile .craft-heron {
	top: 365px;
	right: 123px;
	width: 254px;
	z-index: 5;
}
#contentArea .wrp-mobile .btn-pdf {
	margin-top: 30px;
}
@media only screen and (max-width: 736px) {
	#contentArea .wrp-mobile:before {
		top: 228px;
		right: -89px;
		width: 202px;
		height: 202px;
		margin: 0;
		background-size: 202px auto;
	}

	#contentArea .wrp-mobile .contents-area-inner::before {
		display: none;
	}

	#contentArea .wrp-mobile::after {
		height: 100%;
		background-image: url(/rwd/fun/make/special/mobile/img/bg_box_mobile_sp.png);
		background-size: 100% auto;
	}
	#contentArea .wrp-mobile .balloon-sub {
		top: 13px;
		right: 47px;
		width: 52px;
	}
	#contentArea .wrp-mobile .contents-area-craft {
		position: relative;
		padding-top: 99.22%; /* MEMO width:640px;height:635px; */
	}
	#contentArea .wrp-mobile .contents-area-craft:before {
		width: 100%;
		height: 0;
		top: 0;
		left: 0;
		padding: 76.57% 0 0;
		background-image: url(/rwd/fun/make/special/mobile/img/bg_craft_mobile_sp.png);
		background-size: 100% auto;
	}
	#contentArea .wrp-mobile .craft-balloon {
		top: 41.57%;
		left: 5.78%;
		width: 25.94%;
	}
	#contentArea .wrp-mobile .craft-cow {
		top: 41.67%;
		left: 34.22%;
		width: 35.94%;
	}
	#contentArea .wrp-mobile .craft-bird {
		top: 0;
		right: -12.37%;
		width: 46.41%;
	}
	#contentArea .wrp-mobile .craft-heron {
		top: 13.23%;
		right: 6.09%;
		width: 32.19%;
		z-index: 5;
	}
	#contentArea .wrp-mobile .btn-pdf {
		margin-top: 30px;
	}
}