@charset "UTF-8";
/*
Fadein/out
*/
#move{position: relative;}
#skip { bottom:20px;left: 20px;position: absolute;z-index: 1;cursor: pointer;display: none}
#replay{bottom:20px;left: 20px;position: absolute;z-index: 1;cursor: pointer;display: none}

#move picture{display: block;position: relative}
#move picture figcaption{position: absolute;color: #fff; width: 1200px;margin: auto;left: 0;right: 0;bottom: 2px;text-align: right;font-size: 11px;text-shadow: 0 0 5px rgba(0,0,0,1);}

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

#move{width: 100%;min-width: 1200px;overflow: hidden;position: relative;}
}

#move #loader {background: #000;display: block}
#move #loader img{display: block;width:100%;height:auto;object-fit: cover;}
#move .fade,#move{overflow: hidden}
#move .fade{display: none; position: absolute;left: 0;right: 0;margin: auto;top: 0;width: 100%;height: auto;text-align: center}
#move .fade img{position:relative;width: 100%;position:relative;object-fit: cover}

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




@media screen and (max-width: 767px) {
#move{width: 100%;overflow: hidden;position: relative;}
#skip, #replay{bottom:10px;left: 10px;}
#skip img, #replay img {height:20px!important;width: auto!important}


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