/* css for index (ver.1) release:2018/12/12 */

/* body */
body{
	width: 100%;
	height: 100%;
} 

/* for mobile, 
due to the "backgorun-size"
is not work in body on mobile devices.*/
body::before{
	background:url("../image/049mom0054_1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: fixed;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}
/*end-body*/

/*title*/
.title{
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	margin: 20px 0px 0px 0px;
	animation: slidein ease 2s;
}

@keyframes slidein {
	from { margin-left:-150px;opacity: 0 }
	10% { margin-left:-150px;opacity: 0 }
	to { margin-left:0;opacity: 1 }
}
/*end-title*/

/*bottom_menu*/
.btn_menu{
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	display: inline-block;
	animation: fadein ease 2s;
	
}

@keyframes fadein{
	from { opacity: 0;}
	to { opacity: 1;}
}

.btn-pancake{
	padding: 20px 80px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: orange;
	margin: 20px 20px auto 20px ;
	
	
}

.btn-sticker {	
	padding: 20px 80px;
	border: 0 none;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: orange;
	margin: 20px 20px auto 20px;
	
}
/*end-bottom_menu*/