* {
  padding: 0vw;
  margin: 0vw;
}

body {
  background-color: #221202;
}

h1, h2, h3, h4, h5, h6, p, li, a {
  font-family: dnp-shuei-shogomincho-std, serif;
  font-weight: 700;
  font-style: normal;
  color: #fff9e6;
}

a {
  text-decoration: none;
}

* {
  padding: 0vw;
  margin: 0vw;
}

body {
  background-color: #221202;
}

h1, h2, h3, h4, h5, h6, p, li, a {
  font-family: dnp-shuei-shogomincho-std, serif;
  font-weight: 700;
  font-style: normal;
  color: #fff9e6;
}

a {
  text-decoration: none;
}

.loaded {
  position: fixed;
  animation: loading-anime linear 10s forwards;
}
@keyframes loading-anime {
  0% {
    z-index: 999;
    opacity: 1;
  }
  30% {
    z-index: 999;
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    z-index: -999;
    opacity: 0;
  }
}

@media screen and (min-width: 960px) {
  #loading {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  #loading {
    width: 100vw;
    height: 100vh;
    background-color: #221202;
  }

  #loading-logo {
    width: 26.6666666667vw;
    height: 26.6666666667vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background-color: #fff9e6;
    z-index: 999;
    animation: loading-anime 6s;
  }
  #loading-logo img {
    width: 24vw;
    height: 24vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}

/*# sourceMappingURL=loading.css.map */