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

#skip { bottom:20px;left: 10px;position: absolute;z-index: 20;cursor: pointer;display: none}
#replay{bottom:20px;left: 10px;position: absolute;z-index: 20;cursor: pointer;display: none}

@media screen and (min-width: 768px) { /*PC設定*/
#topfade img{display: none}

#move{width: 100%;background: #fff; min-width: 1200px; height:1000px;position: relative;}
#topfade div#loader {top: 0px;left: 0px;width: 100%;height: 1000px;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:1000px;z-index: 1;position: absolute;top: 0px;left: 0px;display:none;}

#skip img, #replay img {display: block;cursor: pointer;width:auto; height:30px}

#topfade div.fade1{background-position:center center;background-repeat: no-repeat;background-size: auto 100%; background-image: url("fade1.jpg"); }
#topfade div.fade2{background-position:center center;background-repeat: no-repeat;background-size: auto 100%; background-image: url("fade2.jpg"); }
#topfade div.fade3{background-position:center center;background-repeat: no-repeat;background-size: auto 100%; background-image: url("fade3.jpg"); }
}

@media screen and (max-width: 767px) {
#skip img, #replay img {height:20px!important;width: auto!important}
#move{min-width: 100%; height:200px;position: relative;background: #000008;}
#topfade,#move{overflow: hidden}
#topfade{max-width:100%;}
#topfade div{height:auto;z-index: 1;position: absolute;top: 0px;left: 0px;display:none;}
#topfade div img{height: auto;width: 100%;}

}
@media print {
#topfade{display: none !important;}
.fade {display: none !important;}
}