@charset "UTF-8";
/*
Fadein/out
*/
#move{width: 100%;height: 700px; position: relative;background: #fff;overflow: hidden;}
#topfade{position:relative;margin:0 auto;}
#topfade div{width: 100%;z-index: 1;position: absolute;top: 0px;left: 0px;display: none;overflow: hidden;}

#topfade div img{width: 100%;height: auto;object-fit: cover}

#topfade div.fade1{}
#topfade div.fade3{position:absolute;display: none;top: 0;left: 0;right: 0;margin: auto;width: 100%;transform: translateY(200px);transition: transform 3s;}
#topfade div.fade6{position:absolute;display: none;top: 0;left: 0;right: 0;margin: auto;width: 100%;transform: translateY(0px);transition: transform 4s;}
#topfade div.fade9{position:absolute;display: none;top: 0;left: 0;right: 0;margin: auto;width: 100%;transform: translateY(0px);transition: transform 4s;}

#topfade div.fade2,
#topfade div.fade2_2,
#topfade div.fade4,
#topfade div.fade5,
#topfade div.fade7,
#topfade div.fade8,
#topfade div.fade10
{position:absolute;display: none;top: 0;left: 0;right: 0;margin: auto;width: 100%;}


@media screen and (min-width: 768px) { /*PC設定*/
#skip { bottom:20px;left: 10px;position: absolute;z-index: 1;cursor: pointer;display: none}
#replay{bottom:20px;left: 10px;position: absolute;z-index: 1;cursor: pointer;display: none}
#topfade div#loader {display: block;}
#skip img, #replay img {display: block;cursor: pointer;width:auto; height:30px}

}

@media screen and (max-width: 767px) {
#skip { bottom:10px;left: 10px;position: absolute;z-index: 1;cursor: pointer;display: none}
#replay{bottom:10px;left: 10px;position: absolute;z-index: 1;cursor: pointer;display: none}

#skip img, #replay img {height:20px!important;width: auto!important}
#topfade div img{width: 100%;height: auto;min-height: auto}

#topfade div#loader {display: block;background:#fff ;}
#topfade div.fade3{position:absolute;display: none;top: 0;left: 0;right: 0;margin: auto;width: 100%;transform: translateY(10%);transition: transform 3s;}
}
@media print {

}