@charset "UTF-8";
/*
Fadein/out
*/

#skip { top:20px;right: 10px;position: absolute;z-index: 1;cursor: pointer;display: none}
#replay{top:20px;right: 10px;position: absolute;z-index: 1;cursor: pointer;display: none}

@media screen and (min-width: 768px) { /*PC設定*/

#move{width: 100%;min-width: 1200px;overflow: hidden;position: relative;}
#topfade div#loader {top: 0px;left: 0px;width: 100%;height: 100%;display: block;position: absolute;z-index: 1;	background:url(ajax-loader.gif) no-repeat center center}
#topfade,#move{overflow: hidden}
#topfade div{width: 100%;height:100%;z-index: 1;position: absolute;/*display: none*/}
#topfade div.fade0{position: static;display: block;z-index: 1}
#topfade div.fade0 img{display: block;width: 100%;height: auto;}
#skip img, #replay img {display: block;cursor: pointer;width:auto; height:30px}

#topfade div.fade1{top: 0px;left: 0px;display: none}
#topfade div.fade2{bottom: 0px;left: 0px;height: auto!important;opacity: 0}
#topfade div.fade1 img,
#topfade div.fade2 img{width: 100%;height: auto}


}

@media screen and (max-width: 767px) {

#move{position: relative;overflow: hidden;}

#topfade div{width: 100%;z-index: 1;position: absolute;top: 0px;left: 0px;display:none;}
#topfade img{width: 100%;height: auto;display: block}
#skip, #replay{bottom:10px;}
#skip img, #replay img {height:20px!important;width: auto!important}
#topfade div.fade0{position: static;display: block}
#topfade div.fade0 img{display: block}
#topfade div.fade2{display: none}
}
@media print {
#topfade{display: none !important;}
.fade {display: none !important;}
}