/* ============================================================
   読み込み時フェードイン
============================================================ */
.fadein {
  opacity: 0;

  transform:
    translateY(30px)
    scale(.97);

  filter: blur(6px);

  transition:
    opacity 1.2s ease,
    transform 1.2s ease,
    filter 1.2s ease;
}

.fadein {
  border-radius: 20px;

  overflow: hidden;

  box-shadow:
    0 10px 30px rgba(0,0,0,.15);
}

/* 表示 */
.fadein.show {
  opacity: 1;

  transform:
    translateY(0)
    scale(1);

  filter: blur(0);
}