@charset 'UTF-8';


/* add 20200515 */
#spNavArea{
  display: none;
}
.slick-slider{
  overflow: hidden;
}
.slick-slide{
  position: relative;
}
.slick-slide img{
  width: 100%;
}
.obj{
  position: absolute;
  top: -100vw;
  left: 0;
  opacity: 0;
}
.slick-slider .obj{
  width: 40vw
}
.js-slick-slide{
  /* JS非依存で表示。slick初期化前も透明化しない（真っ白リスク排除）。
   * フェードイン演出は slick初期化時に .slick-initialized で付与したいが、
   * 初期化失敗時の非表示リスクを避けるため常時表示。 */
  opacity: 1;
  transition: opacity .3s linear;
}
.js-slick-slide.slick-initialized{
  opacity: 1;
}
.slick-initialized .obj{
  animation-name: fall;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
@media screen and (min-width:480px) {
}
@keyframes fall {
  0%{
    top: -10vw;
    opacity: 0;
  }
  100% {
    top: 5vw;
    opacity: 1;
  }
}