/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */


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

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

.modal-content {
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 11px;
	position: static;
}

.mds_menu {
	margin: 50px 0 30px 0;
	padding: 0;
	text-align: center;
}

.box_menu_l,
.box_menu_c,
.box_menu_r {
	width: 31%;
	margin: 0 2% 0 0;
	padding: 0;
	float: left;
}

.box_menu_r {
	margin: 0;
}

ul.submenu {
	width: 100%;
	margin: 8px 0 0 5%;
	padding: 0;
	box-sizing: border-box;
	float: none;
}

ul.list_menu2 li {
	width: 25%;
	margin: 0;
	padding: 0 0 0 25px;
	background-image: url(../img/list_menu.png); 
	background-repeat: no-repeat;
	background-position: 10px 7px;
	box-sizing: border-box;
	float: left;
}

ul.list_menu2 li.right {
	width: 40%;





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

/* Section 1
* --------------------------------------- */
.lead_top0 {
	width: 203px;
	height: 424px;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-name: fade-in;
	-moz-animation-name: fade-in;
	animation-name: fade-in;
	-webkit-animation-delay: 8s;
	-moz-animation-delay: 8s;
	animation-delay: 8s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
}

.lead_top1_2 {
	width: 107px;
	margin: 140px 60px 0 0;
	padding: 0;
	display: block;
	float: left;
}

.lead_top1_1 a {
	margin: 20px 0 0 0;
	padding: 0;
	display: block;
}

.sasa {
	width: 65%;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -15%;
	left: 0;
	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;
}

.box_ishi {
	width: 50%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70% !important;
	left: 45% !important;
	z-index: 2;
}

.ishi {
	width: 100%;
	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: 415px;
	height: 296px;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 40px;
	left: 0;
	right: 0;
	z-index: 10;
}

a.btn_topnext1 {
	width: 36px;
	margin: 307px 50px 0 0;
	padding: 0;
	display: block;
	float: left;
}

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

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

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



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

.lead_top2 {
	width: 393px;
	height: 343px;
	margin: auto;
	padding: 0;
	position: absolute;
	top: -10%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

.col_leaves {
	width: 442px;
	height: 126px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: -45%;
	right: 0;
}

.leaves {
	width: 442px;
	height: 126px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: -5%;
	right: 0;
	z-index: 10;
}

	@keyframes move-leaves {
		0% {bottom: -40px;}
		100% {bottom: -30px;}
	}

	@-ms-keyframes move-leaves {
		0% {bottom: -40px;}
		100% {bottom: -30px;}
	}

	@-webkit-keyframes move-leaves {
		0% {bottom: -40px;}
		100% {bottom: -30px;}
	}

	@-moz-keyframes move-leaves {
		0% {bottom: -40px;}
		100% {bottom: -30px;}
	}

.flower2 {
	width: 76px;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20%;
	z-index: 2;
}

	@keyframes move-flower2 {
		0% {bottom: 60px;}
		100% {bottom: 80px;}
	}

	@-ms-keyframes move-flower2 {
		0% {bottom: 60px;}
		100% {bottom: 80px;}
	}

	@-webkit-keyframes move-flower2 {
		0% {bottom: 60px;}
		100% {bottom: 80px;}
	}

	@-moz-keyframes move-flower2 {
		0% {bottom: 60px;}
		100% {bottom: 80px;}
	}

.flower3 {
	width: 20px;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 40%;
	z-index: 2;
}

	@keyframes move-flower3 {
		0% {bottom: 30px;}
		100% {bottom: 50px;}
	}

	@-ms-keyframes move-flower3 {
		0% {bottom: 30px;}
		100% {bottom: 50px;}
	}

	@-webkit-keyframes move-flower3 {
		0% {bottom: 30px;}
		100% {bottom: 50px;}
	}

	@-moz-keyframes move-flower3 {
		0% {bottom: 30px;}
		100% {bottom: 50px;}
	}

.flower4 {
	width: 62px;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 55%;
	z-index: 2;
}

	@keyframes move-flower4 {
		0% {bottom: 0px;}
		100% {bottom: 20px;}
	}

	@-ms-keyframes move-flower4 {
		0% {bottom: 0px;}
		100% {bottom: 20px;}
	}

	@-webkit-keyframes move-flower4 {
		0% {bottom: 0px;}
		100% {bottom: 20px;}
	}

	@-moz-keyframes move-flower4 {
		0% {bottom: 0px;}
		100% {bottom: 20px;}
	}

.flower5 {
	width: 122px;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 62%;
	z-index: 3;
}

	@keyframes move-flower5 {
		0% {bottom: -130px;}
		100% {bottom: -100px;}
	}

	@-ms-keyframes move-flower5 {
		0% {bottom: -130px;}
		100% {bottom: -100px;}
	}

	@-webkit-keyframes move-flower5 {
		0% {bottom: -130px;}
		100% {bottom: -100px;}
	}

	@-moz-keyframes move-flower5 {
		0% {bottom: -130px;}
		100% {bottom: -100px;}
	}

.ripple1 {
	width: 90%;
	height: auto;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 52%;
	bottom: 0;
	left: -30%;
	right: 0;
	z-index: 1;
}

.ripple2 {
	width: 55%;
	height: auto;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 57%;
	bottom: 0;
	left: 47%;
	right: 0;
	z-index: 2;
}

.flower1 {
	width: 20%;
	height: auto;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 15%;
	bottom: 0;
	left: 0;
	right: 80%;
	z-index: 2;
}



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

.lead_top3 {
	width: 352px;
	height: 384px;
	margin: auto;
	padding: 0;
	position: absolute;
	top: -10%;
	bottom: 0;
	left: 10%;
	right: 0;
	z-index: 10;
}

.take {
	width: 90px;
	height: auto;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 48%;
	bottom: 0;
	left: -65%;
	right: 0;
	z-index: 2;
}

.bolt3 {
	width: 25px;
	height: auto;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 105%;
	bottom: 0;
	left: -87%;
	right: 0;
	z-index: 2;
}





}


/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */