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

html, body{
	height: 100%;
	overflow: visible!important;
	position: static!important;
}

/* 背景 */
#modal_window{
 width: 100%;
 height: 100%;
 position: fixed;
 left: 0px;
 top: 0%;
 z-index: 999999;
 display: none;
 background-color: #FFFFFF;
}

#modal_window .item{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 0;
animation-name: fade-end; 
animation-duration: 0.1s;
animation-delay: 1s;
animation-iteration-count: 1;
animation-fill-mode:forwards;
}

#modal_window .item img{
width: 70vw;
}

#modal_window .skip{
	position: absolute;
	cursor: pointer;
	right: 60px;
	bottom: 60px;
}

#modal_window .skip img{
	width: 60px;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#modal_window .skip:hover{
	text-decoration: none;
	background-size:contain;
}

@keyframes fade-end {
 0%{opacity: 0;}
 5%{opacity: 100;}
 95%{opacity: 100;}   
 100%{opacity: 100;}  
}