@charset "utf-8";
/*フェードインアニメーション*/
/* 上からフェードイン */
.slide-top {
  opacity: 0;
  transform: translate(0, -20px);
  transition: all 0.6s 0s ease-out;
 }
/* 下からフェードイン */
.slide-bottom {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 0.6s 0s ease-out;
 }
 /* 左からフェードイン */
.slide-left {
  opacity: 0;
  transform: translate(-20px, 0);
  transition: all 0.6s 0s ease-out;
 }
/* 右からフェードイン */
.slide-right {
  opacity: 0;
  transform: translate(20px, 0);
  transition: all 0.6s 0s ease-out;
 }

/*ローディング*/
/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  margin-top: -50px;
  width: 100%;
  height: calc(100% + 50px);
  z-index: 999;
  background:#fff;
}