/* will-change設定（アニメーション事前通達）  ----------------------------------------- */
.fadein,
.fadeinUp,
.imgFocus {
  will-change: opacity, transform, filter;
}

/* animation fadein ----------------------------------------- */
.fadein {
  opacity: 0;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fadein.is-animated {
  opacity: 1;
}

/* 下からふわっと */
.fadein.fadeinUp {
  transform: translateY(40px);
}

.fadein.fadeinUp.is-animated {
  opacity: 1;
  transform: translateY(0);
}

/* animation imgFocus ----------------------------------------- */
.imgFocus {
  -webkit-filter: blur(20px);
  filter: blur(10px);
  transform: scale(1);
  opacity: 0;
  transition: 0.6s opacity cubic-bezier(0.41, 0.67, 0.62, 0.99), 0.9s filter cubic-bezier(0.41, 0.67, 0.62, 0.99) 0.1s;
}
.imgFocus.is-animated {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
}
.lst-picture .lst-pictureS .lst-pictureS-pic.focus:nth-child(2) img {
  transition: 0.6s opacity cubic-bezier(0.41, 0.67, 0.62, 0.99) 0.3s, 0.9s filter cubic-bezier(0.41, 0.67, 0.62, 0.99) 0.4s;
}
