/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */


@media print,screen and ( max-width: 1033px ) {





/*--------------------------------------------------------------------------*/
/* ---   header   --- */
/*--------------------------------------------------------------------------*/

header {
	width: 100%;
	margin: 0 auto;
	padding: 35px 35px 0 0;
	text-align: right;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
}





/*--------------------------------------------------------------------------*/
/* ---   footer   --- */
/*--------------------------------------------------------------------------*/

footer {
	width: 100%;
	margin: 0 auto;
	padding: 20px 20px 10px 20px;
	font-size: 10px !important;
	text-align: left;
	position: fixed;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 50;
}





/*--------------------------------------------------------------------------*/
/* ---   menu   --- */
/*--------------------------------------------------------------------------*/

.modal-content {
	width: 98%;
	height: 500px;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.box_menu_b {
	width: 98%;
	margin: 0 auto 15px auto;
	padding: 8px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}





/*--------------------------------------------------------------------------*/
/* ---   top   --- */
/*--------------------------------------------------------------------------*/

.col_section0,
.col_section1,
.col_section2,
.col_section3 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/* Section 1
* --------------------------------------- */
.sasa {
	width: 55%;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -20%;
	left: -5%;
	z-index: 2;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: fade-in;
	-moz-animation-name: fade-in;
	animation-name: fade-in;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
}

.sasa img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.sasa_l1 {
	width: 12%;
	height: auto;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 1000px;
	z-index: 2;
	-webkit-animation: fade-in 5s, move-sasa_l1 3s ease;
	-moz-animation: fade-in 5s, move-sasa_l1 3s ease;
	-ms-animation: fade-in 5s, move-sasa_l1 3s ease;
	animation: fade-in 5s, move-sasa_l1 3s ease;
	-webkit-animation-delay: 2.8s;
	-moz-animation-delay: 2.8s;
	-ms-animation-delay: 2.8s;
	animation-delay: 2.8s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
}

	@keyframes move-sasa_l1 {
		0% {
			bottom: 150px;
			left: 120px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		30% {
			bottom: 100px;
			left: -20px;
			-webkit-transform: rotate(20deg);
			transform: rotate(20deg);
		}
		66% {
			bottom: 40px;
			left: 30px;
			-webkit-transform: rotate(5deg);
			transform: rotate(5deg);
		}
		100% {
			bottom: 0;
			left: 10px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

	@-ms-keyframes move-sasa_l1 {
		0% {
			bottom: 150px;
			left: 120px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		30% {
			bottom: 100px;
			left: -20px;
			-webkit-transform: rotate(20deg);
			transform: rotate(20deg);
		}
		66% {
			bottom: 40px;
			left: 30px;
			-webkit-transform: rotate(5deg);
			transform: rotate(5deg);
		}
		100% {
			bottom: 0;
			left: 0;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

	@-webkit-keyframes move-sasa_l1 {
		0% {
			bottom: 150px;
			left: 120px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		30% {
			bottom: 100px;
			left: -20px;
			-webkit-transform: rotate(20deg);
			transform: rotate(20deg);
		}
		66% {
			bottom: 40px;
			left: 30px;
			-webkit-transform: rotate(5deg);
			transform: rotate(5deg);
		}
		100% {
			bottom: 0;
			left: 0;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

	@-moz-keyframes move-sasa_l1 {
		0% {
			bottom: 150px;
			left: 120px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		30% {
			bottom: 100px;
			left: -20px;
			-webkit-transform: rotate(20deg);
			transform: rotate(20deg);
		}
		66% {
			bottom: 40px;
			left: 30px;
			-webkit-transform: rotate(5deg);
			transform: rotate(5deg);
		}
		100% {
			bottom: 0;
			left: 0;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

.sasa_l2 {
	width: 10%;
	height: auto;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 100px;
	right: 10px;
	z-index: 2;
	-webkit-animation: fade-in 3s, move-sasa_l2 2s ease;
	-moz-animation: fade-in 3s, move-sasa_l2 2s ease;
	-ms-animation: fade-in 3s, move-sasa_l2 2s ease;
	animation: fade-in 3s, move-sasa_l2 2s ease;
	-webkit-animation-delay: 2.8s;
	-moz-animation-delay: 2.8s;
	-ms-animation-delay: 2.8s;
	animation-delay: 2.8s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
}

	@keyframes move-sasa_l2 {
		0% {
			top: -100px;
			right: 100px;
			-webkit-transform: rotate(-30deg);
			transform: rotate(-30deg);
		}
		100% {
			top: 0px;
			right: 10px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

	@-ms-keyframes move-sasa_l2 {
		0% {
			top: -100px;
			right: 100px;
			-webkit-transform: rotate(-30deg);
			transform: rotate(-30deg);
		}
		100% {
			top: 0px;
			right: 10px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

	@-webkit-keyframes move-sasa_l2 {
		0% {
			top: -200px;
			right: 100px;
			-webkit-transform: rotate(-30deg);
			transform: rotate(-30deg);
		}
		100% {
			top: 0px;
			right: 10px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

	@-moz-keyframes move-sasa_l2 {
		0% {
			top: -100px;
			right: -100px;
			-webkit-transform: rotate(-30deg);
			transform: rotate(-30deg);
		}
		100% {
			top: 0px;
			right: 10px;
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}

.sasa_s4 {
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	-webkit-animation: fade-in 5s, move-sasa_s4 3s ease-out;
	-moz-animation: fade-in 5s, move-sasa_s4 3s ease-out;
	-ms-animation: fade-in 5s, move-sasa_s4 3s ease-out;
	animation: fade-in 5s, move-sasa_s4 3s ease-out;
	-webkit-animation-delay: 3.2s;
	-moz-animation-delay: 3.2s;
	-ms-animation-delay: 3.2s;
	animation-delay: 3.2s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
}

	@keyframes move-sasa_s4 {
		0% {
			bottom: 30%;
			right: -20%;
			-webkit-transform: rotate(-80deg);
			transform: rotate(-80deg);
		}
		100% {
			bottom: -20%;
			right: -80%;
			-webkit-transform: rotate(50deg);
			transform: rotate(50deg);
		}
	}

	@-ms-keyframes move-sasa_s4 {
		0% {
			bottom: 30%;
			right: -20%;
			-webkit-transform: rotate(-80deg);
			transform: rotate(-80deg);
		}
		100% {
			bottom: -20%;
			right: -80%;
			-webkit-transform: rotate(50deg);
			transform: rotate(50deg);
		}
	}

	@-webkit-keyframes move-sasa_s4 {
		0% {
			bottom: 30%;
			right: -20%;
			-webkit-transform: rotate(-80deg);
			transform: rotate(-80deg);
		}
		100% {
			bottom: -20%;
			right: -80%;
			-webkit-transform: rotate(50deg);
			transform: rotate(50deg);
		}
	}

	@-moz-keyframes move-sasa_s4 {
		0% {
			bottom: 30%;
			right: -20%;
			-webkit-transform: rotate(-80deg);
			transform: rotate(-80deg);
		}
		100% {
			bottom: -20%;
			right: -80%;
			-webkit-transform: rotate(50deg);
			transform: rotate(50deg);
		}
	}

.box_ishi {
	width: 368px;
	height: 230px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70% !important;
	left: 60% !important;
	z-index: 2;
}

.ishi {
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: -70px;
	z-index: 2;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: fade-in;
	-moz-animation-name: fade-in;
	animation-name: fade-in;
	-webkit-animation-delay: 6.5s;
	-moz-animation-delay: 6.5s;
	animation-delay: 6.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
}



/* Section 2
* --------------------------------------- */

.lead_top1 {
	width: 499px;
	height: 296px;
	bottom: 120px;
	left: 25%;
	right: 0;
}

a.btn_topnext1 {
	margin: 70px 0 0 110px;
}

.bg_top2_2 {
	width: 70%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 0;
	left: -60%;
	right: 0;
	z-index: 2;
}

.active .bg_top2_2 {
	-webkit-animation: fade-in 1s, move-fusuma 1.3s ease-out;
	-moz-animation: fade-in 1s, move-fusuma 1.3s ease-out;
	-ms-animation: fade-in 1s, move-fusuma 1.3s ease-out;
	animation: fade-in 1s, move-fusuma 1.3s ease-out;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
}

	@keyframes move-fusuma {
		0% {top: -15%;}
		100% {top: -35%;}
	}

	@-ms-keyframes move-fusuma {
		0% {top: -15%;}
		100% {top: -35%;}
	}

	@-webkit-keyframes move-fusuma {
		0% {top: -15%;}
		100% {top: -35%;}
	}

	@-moz-keyframes move-fusuma {
		0% {top: -15%;}
		100% {top: -35%;}
	}

.zabuton1 {
	width: 33%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	z-index: 2;
}

.zabuton2 {
	width: 33%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	bottom: 60px;
	left: 65%;
	right: 0;
	z-index: 2;
}

	@keyframes move-zabuton {
		0% {bottom: 30px;}
		100% {bottom: 60px;}
	}

	@-ms-keyframes move-zabuton {
		0% {bottom: 30px;}
		100% {bottom: 60px;}
	}

	@-webkit-keyframes move-zabuton {
		0% {bottom: 30px;}
		100% {bottom: 60px;}
	}

	@-moz-keyframes move-zabuton {
		0% {bottom: 30px;}
		100% {bottom: 60px;}
	}



/* Section 3
* --------------------------------------- */

.lead_top2 {
	width: 473px;
	left: 30%;
}



/* Section 4
* --------------------------------------- */

.bolt3 {
	margin: auto;
	padding: 0;
	position: absolute;
	top: 105%;
	bottom: 0;
	left: -75%;
	right: 0;
	z-index: 2;
}

a.btn_topnext3 {
	margin: 150px 0 0 160px;
}








}


/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */