/* #loading{
  overflow: hidden;
}

.top_image img {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.top_image .top_image_001 {
  z-index: 100;
  animation: animation_01 1s forwards 1s;
}

.top_image .top_image_002 {
  z-index: 99;
  animation: animation_02 3s forwards 2s;
}

.top_image .top_image_002_1{
  z-index: 98;
  animation: animation_01 0.7s forwards 5s;
}

.top_image .top_image_003 {
  z-index: 97;
  animation: animation_01 0.7s forwards 5.7s;
}

.top_image .top_image_004 {
  z-index: 96;
  animation: animation_01 0.7s forwards 6.4s;
}

.top_image .top_image_005 {
  z-index: 95;
  animation: animation_01 0.7s forwards 7.1s;
}

.top_image .top_image_006 {
  z-index: 94;
  animation: animation_01 0.7s forwards 7.8s;
}

.top_image .top_image_007 {
  z-index: 93;
  animation: animation_01 0.7s forwards 8.5s;
}

.top_image .top_image_008 {
  z-index: 92;
  animation: animation_01 0.7s forwards 9.2s;
}

.top_image .top_image_009 {
  z-index: 91;
  animation: animation_01 0.7s forwards 9.9s;
}

.top_image_sp{
  display: none;
}

@media (max-width: 799px) {


  .top_image_sp img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 150%;
    max-width: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -35%);
  }

  .top_image{
    display: none;
  }
  .top_image_sp{
    display: inherit;
  }

  .top_image_sp .sp_top_image_001 {
    z-index: 90;
    animation: animation_01 1s forwards 1s;
  }

  .top_image_sp .sp_top_image_002 {
    z-index: 89;
    animation: animation_01 1s forwards 2s;
  }
  .top_image_sp .sp_top_image_003 {
    z-index: 88;
    animation: animation_01 1s forwards 3s;
  }

  @keyframes animation_01 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
  }

} */

@keyframes animation_01 {
  0% {
      opacity: 1;
  }

  100% {
      opacity: 0;
  }
}


@keyframes animation_02 {
  0% {
      opacity: 1;
      top: 0;
  }

  50% {

      opacity: 1;
      top: -800px;
  }

  100% {
      opacity: 0;
      top: -800px;
  }
}

.animation_fadeout {
  display: none;
}

/* カレンダーローディング */
.calendar_loader,
.calendar_loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.calendar_loader {
  /* 中心に */
  position: absolute;
  right: 0;
  left: 0;
  top: 154px;
  /* アニメーション */
  margin: 60px auto;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(230, 230, 230, 0.7);
  border-right: 1.1em solid rgba(230, 230, 230, 0.7);
  border-bottom: 1.1em solid rgba(230, 230, 230, 0.7);
  border-left: 1.1em solid #DDD;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

/* トピックスローディング */
.topics_loader,
.topics_loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.topics_loader {
  position: relative;
  margin: 60px auto;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid #C0C0BE;
  border-right: 1.1em solid #C0C0BE;
  border-bottom: 1.1em solid #C0C0BE;
  border-left: 1.1em solid #90908F;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}