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

#move{width: 100%;min-height: 818px; position: relative;overflow: hidden;background: #000000;}

#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;}

@media screen and (min-width: 768px) { /*PC設定*/
#move #loader{background: #000;width: 100%;}


#move .fade1{display: none; position: absolute;left: 0;right: 0;margin: auto; top: 0;width: 100%;height: auto;text-align: center}
#move .fade2{display: none; position: absolute;left: 0;right: 0;margin: auto;top: 0;width: 100%;height: auto;text-align: center}
#move .fade3{display: none; position: absolute;left: 0;right: 0;margin: auto;top: 0;width: 100%;height: auto;text-align: center}
#move .fade4{display: none; position: absolute;left: 0;right: 0;margin: auto;top: 0;width: 100%;height: auto;text-align: center}
#move .fade5{display: none; position: absolute;left: 0;right: 0;margin: auto;top: 0;width: 100%;height: auto;text-align: center}
#move .fade5{display: none; position: absolute;left: 0;right: 0;margin: auto;top: 0;width: 100%;height: auto;text-align: center}
#move .fade1{display: block;width: 100%;}
#move .copy{display: block; position: absolute;left: 0;bottom: 0;width: 100%;height:auto;}
#move #loader img{position:relative;width: 100%;min-height: 810px;object-fit: cover}
#move .fade1 img{position:relative;width: 100%;min-height: 810px;object-fit: cover}
#move .fade2 img,
#move .fade3 img,
#move .fade4 img,
#move .fade5 img{width: 100%;min-height: 810px;object-fit: cover}
#skip img, #replay img {display: block;cursor: pointer;width:auto; height:30px}
}

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

#move{width: 100%;min-width: 100%; height: auto;min-height:auto;}
#move picture figcaption{position: absolute;color: #fff; width: 96%;margin: auto;left: 0;right: 0;bottom: 2px;text-align: right;font-size: 11px;}
#move #loader{background: #000;width: 100%;}
#move .fade1,
#move .fade2,
#move .fade3,
#move .fade4,
#move .fade5{display: none; position: absolute;left: 0;top: 0;width: 100%;height: 100%}
#move #loader img,
#move .fade1 img,
#move .fade2 img,
#move .fade3 img,
#move .fade4 img,
#move .fade5 img{position:relative;width: 100%;height: auto;}
#skip, #replay{bottom:5px;left: 5px;}
#skip img, #replay img {height:20px!important;width: auto!important}
}
@media print {

}