body{
	overscroll-behavior-y: none;
	user-select: none;
	position: relative;
	width: 100vw;
	height: 100vh;
	background:url(images/back.jpg) no-repeat center center;
	background-size:cover;
}

#slide_menu{	
	position:fixed;
	top: 0;
	left: -220px;
	width: 220px;
	height: 100%;
	font-size: 15px;
	background: #f8f8f8;
	color: #333;
	z-index:1000000;
}

#slide_menu ul{
	padding:0;
	margin:0;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid white;
}

#slide_menu li{
	list-style:none;
	padding:0 15px;
	border-top: 1px solid white;
	border-bottom: 1px solid #dfdfdf;
}

#slide_menu li a{
	display:block;
	width:100%;
	padding:15px 0;
}

#mainbody{
	position:relative;
}

#top-box,#rattle-box{
    position: absolute;
    height: 100vh;
    width: 100vw;
}

#rattle-box{
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.dis-none{
    display: none;
}

#star,#hart{
	background:#fff;
	border-radius:15px;
	boder-top:solid 5px #3F0;
	boder-right:solid 5px #3F0;
	border-bottom:solid 10px #3F0;
	boder-left:solid 5px #3F0;
}

#star{
	width:25vh;
	height:25vh;
	margin:calc(50vh - 25vh - 1.5em) auto 3em auto;
}

#hart{
	width:25vh;
	height:25vh;
	margin:0 auto;
}

#star img,#hart img{
	width:100%;
}


#footad{
	position:absolute;
	bottom:0;
	left:calc(50% - 160px);
	height:60px;
	width:320px;
	padding-bottom:10px;
	text-align:center;
	z-index: 1000;
}

#sp-menu{
	width: 100%;
	z-index: 1000;
}

#sp-menu img{
	width: 100%;
}