@charset "UTF-8";
#kireinosusume{
	
}
#kireinosusume .parts{
	position: relative;
}
#kireinosusume .scaleAnimateImg{
	position: absolute;
	top: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
}
#kireinosusume img{
	width: 100%;
	height: auto;
	vertical-align: top;
}
#kireinosusume .kireinosusumeRead{
	width: 100%;
	height: auto;
}
#kireinosusume .kireinosusumeContent{
	position: relative;
	margin-top: -39px;
}
#kireinosusume .kireinosusumeContent #canvas{
	position: absolute;
	top: -129px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 150px;
}
.secttl{
	opacity: 0;
}
.secp{
	opacity: 0;
}
.note{
	opacity: 0;
}

/*1*/
#section1{
	background-color: #fff;
}
#kireinosusume .kireinosusumeContent .section1_body{
	position: relative;
	padding-top: 157%;
}
#kireinosusume .kireinosusumeContent .section1_body .parts{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#kireinosusume .kireinosusumeContent .section1_body  .parts.section1_body_parts_1{
	padding-top: 20.8%;
}
#kireinosusume .kireinosusumeContent .section1_body  .parts.section1_body_parts_2{
	margin-top: 0;
	padding-top: 0;
}
#kireinosusume .kireinosusumeContent .section1_body  .parts.section1_body_parts_2 img{
	opacity: 0;
}
#kireinosusume .kireinosusumeContent .section1_body  .parts.section1_body_parts_3{
	padding-top: 0;
	top: 1px;
}
#kireinosusume .kireinosusumeContent .section1_body  .parts.section1_body_parts_3 img{
	opacity: 0;
}
#kireinosusume .kireinosusumeContent .section1_body_content{
	position: absolute;
	margin-top: 20.8%;
	left: 0;
	top: 0;
}
#kireinosusume .kireinosusumeContent .section1_body_content{
	opacity: 0;
}

/*3*/
#kireinosusume .kireinosusumeContent .section3_body{
	position: relative;
	padding-top: 78.5%;
}
#kireinosusume .kireinosusumeContent .section3_body_content{
	position: absolute;
	margin-top:0;
	left: 0;
	top: 0;
}
#kireinosusume .kireinosusumeContent .section3_mask_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 56%;
	overflow: hidden;
}
#kireinosusume .kireinosusumeContent .section3_mask_wrap .section3_mask{
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 51%;
	width:78%;
	overflow: hidden;
}
#kireinosusume .kireinosusumeContent .section3_mask_content{
	position: absolute;
	top: 100%;
	left: 0;
	width:100%;
}


/*4*/
#kireinosusume .kireinosusumeContent .section4_body{
	position: relative;
	padding-top: 117%;
}
#kireinosusume .kireinosusumeContent .section4_body_content{
	position: absolute;
	margin-top:0;
	left: 0;
	top: 0;
}
#kireinosusume .kireinosusumeContent .parts{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#kireinosusume .kireinosusumeContent .section4_body_content{
	opacity: 0;
}
#kireinosusume .kireinosusumeContent .section4_body_parts_1{
	opacity: 0;
}
#kireinosusume .kireinosusumeContent .section4_body_parts_2{
	opacity: 0;
}
#kireinosusume .kireinosusumeContent .section4_body_parts_3{
	opacity: 0;
}
#kireinosusume .kireinosusumeContent .section4_body_parts_4{
	opacity: 0;
}
#kireinosusume .kireinosusumeContent .section4_body_parts_5{
	opacity: 0;
}
#kireinosusume .kireinosusumeContent .section4_body_parts_6{
	opacity: 0;
}
#kireinosusume .kireinosusumeContent .kirei_4_graph_wrap{
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 76%;
	width: 100%;
	overflow: hidden;
}
#kireinosusume .kireinosusumeContent .kirei_4_graph_wrap .graph_parts_1{
	position: absolute;
	top: 100%;
	right: 0;
}
#kireinosusume .kireinosusumeContent .kirei_4_graph_wrap .graph_parts_2{
	position: absolute;
	top: 100%;
	right: 0;
}
#kireinosusume .kireinosusumeContent .section4_mask_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 55.2%;
	overflow: hidden;
}
#kireinosusume .kireinosusumeContent .section4_mask_content{
	position: absolute;
	top: 100%;
	left: 0;
	width:100%;
}

/*5*/
#kireinosusume .kireinosusumeContent .section5_body{
	position: relative;
	padding-top: 107.5%;
	padding-bottom: 5%;
}
#kireinosusume .kireinosusumeContent .section5_body_content{
	position: absolute;
	margin-top:0;
	left: 0;
	top: 0;
}
#kireinosusume .kireinosusumeContent .parts.section5body_parts_1{
	padding-top: 48.5%;
	overflow: hidden;
}
#kireinosusume .kireinosusumeContent .parts.section5body_parts_1 img{
	position: absolute;
	top: 0;
}
#kireinosusume .kireinosusumeContent .section5_mask_wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 55.2%;
	overflow: hidden;
}
#kireinosusume .kireinosusumeContent .section5_mask_content{
	position: absolute;
	top: 100%;
	left: 0;
	width:100%;
}
#kireinosusume .kireinosusumeContent .section5_tubo_wrap{
	position: absolute;
	bottom: 29%;
	width: 100%;
}
#kireinosusume .kireinosusumeContent .section5_makimono_wrap{
	position: relative;
}
#kireinosusume .kireinosusumeContent .section5_makimono{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-left: -100%;
}
#kireinosusume .kireinosusumeContent .obi{
	position: relative;
	z-index: 1;
}
#kireinosusume .kireinosusumeContent .makimono_content{
	position: absolute;
	top: 0;
	left: 0;
	width: 79%;
	height: 100%;
	margin-left: 21%;
	overflow: hidden;
}
#kireinosusume .kireinosusumeContent .section5body_parts_2{
	position: relative;
	padding-top: 0;
}
#kireinosusume .kireinosusumeContent .parts.section5body_parts_3{
	position: relative;
	padding-top: 0;
}
#kireinosusume .kireinosusumeContent .parts.section5body_parts_4{
	position: relative;
	padding-top: 0;
	overflow: hidden;
}
#kireinosusume .kireinosusumeContent .white_image{
	position: absolute;
	right: 0;
	top: 0;
	width: 74%;
	padding-top: 37.6%;
	background-color: #fff;
}
#section5{
	position: relative;
}
#kireinosusume .kireinosusumeContent .section5_body_chika{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}
.canvas_footer{
	position: relative;
}
#canvas_footer{
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 150px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}
#footer{
	background-image: url(../img/bg_footer.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#footer .footer_ttl{
	
}
#footer .footer_paragraph{
	
}
#footer .footer_banner{
	width: 66.4%;
	padding: 0 0 24%;
	margin: 0 auto;
}