@charset "UTF-8";
/*
 * 07-loader.css … 読み込み中の表示
 * css/ のファイルは番号の順に全ページで読み込む（functions.php）。後のファイルが優先されるので、番号（順番）を変えないこと
 */

/* ---------------------------------------

	loader animation

--------------------------------------- */
.loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: var(--cl-bg);
  z-index: 9999;
  display: flex;
  text-align: center;
  align-items: center;
}
.loading .animation {
  background: url("../img/logo.svg") no-repeat center center/contain;
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  animation: scale 0.5s ease 0s infinite alternate;
  transform-origin: center;
}

/* 大きくなったり小さくなったりするアニメーション */
@keyframes scale {
  from {
    transform: scale(0.9, 0.9);
  }
  to {
    transform: scale(1, 1);
  }
}