@charset "utf-8";
/* Loading背景画面設定　*/
/*fixedで全面に固定*/
.loading { position: fixed; width: 100%; height: 100%; z-index: 999; background: var(--subColor); text-align: center; }
/* Loading画像中央配置　*/
.loading__logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/* Loading アイコンの大きさ設定　*/
.loading__logo img { width: 400px; }
/* fadeUpをするアイコンの動き */
.fadeUp { animation-name: fadeUpAnime; animation-duration: 0.5s; animation-fill-mode: forwards; opacity: 0; }

@keyframes fadeUpAnime {
  from { opacity: 0; transform: translateY(100px); }
  to { opacity: 1; transform: translateY(0); }
}