@charset "UTF-8";

/* =================================
 --- ☆ Init Background
===================================*/
.ios .is-prepare::before {
	display: none!important;
}
.ios #mvSct,
.ios #bounoSct,
.ios #greetSct {
	background-image: none;
}
/* =================================
 --- ☆ Common Only iOS
===================================*/
body.ios::before {
	z-index: -3;
}
.ios .is-hidden {
	display: none;
}

/* =================================
 --- ☆ #mvSct
===================================*/
.ios #mvSct::before {
	display: block;
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url(../img/bg_main.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
	transform: translateZ(0);
}
@media screen and (max-width: 768px) {
.ios #mvSct::before {
background-image: url(../img/bg_main_sp.jpg);
height: 100vh;
}
}

/* =================================
 --- ☆ #bounoSct
===================================*/
.ios #bounoSct::before {
	display: block;
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url(../img/menu_obi.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
	transform: translateZ(0);
}


/* =================================
 --- ☆ #greetSct
===================================
.ios #greetSct::before {
	display: block;
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url("../img/owner.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
	transform: translateZ(0);
}*/