@charset "utf-8";
/* CSS Document */

html, body{
	height: 100%;
}

#first_access {
    animation-name: first_access;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
}
@keyframes first_access {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

#first_access.i-love-monooki{
 width: 100%;
 position: fixed;
 left: 0px;
 top: 0%;
 z-index: 999999;
 height: 100%;
 display: none;
}

#first_access.i-love-monooki .inner{

}

#first_access.i-love-monooki{
	background: #FFF;
}

#first_access.i-love-monooki .inner img{
 height: 100%;
	width: 100%;
 object-fit: contain;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%); 
}

#first_access.i-love-monooki .inner img.PC{
	display: none;
}

#first_access.i-love-monooki .skip{
	position: absolute;
	cursor: pointer;
 left: 50%;
 transform: translate(-50%);
	bottom: 40px;
 z-index: 99; 
}

#first_access.i-love-monooki .skip img{
	width: 40px;
}