@charset "UTF-8";

#loading {
  transition: all 1s;
  background-color: #ff8800;
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: grid;
  place-items: center;
}

.load-scr {
  display: grid;
  grid-auto-flow: row;
}

.load-img {
  height: 100px;
  width: 100px;
  margin: 0 auto;
}

.load-text {
  font-size: 32px;
  font-family: "Concert One", sans-serif;
  color: #fff;
}

.loaded {
  opacity: 0;
  visibility: hidden;
}


/* デスクトップ版
------------------------------ */
@media (min-width: 821px) {
  .load-img {
    height: 150px;
    width: 150px;
  }

  .load-text {
    font-size: 48px;
    margin: 0 auto;
  }
}