@charset "UTF-8";
/* index.scss */
.anniversary_logo {
  display: block;
  position: absolute;
  top: 60px;
  right: 0px;
  z-index: 1;
  width: 20vw;
  /* 
        表示時は透過率0%、3秒後から3秒かけて透過率100%になる 
    */
  opacity: 0;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
  -webkit-animation: logo-fadein 3s 1s forwards;
          animation: logo-fadein 3s 1s forwards;
  /* 
        アニメーション定義：3秒後から3秒かけて透明→不透明 
    */
}

@media (max-width: 768px) {
  .anniversary_logo {
    width: 25vw;
  }
}

@-webkit-keyframes logo-fadein {
  to {
    opacity: 1;
  }
}

@keyframes logo-fadein {
  to {
    opacity: 1;
  }
}
/*# sourceMappingURL=index.css.map */