@charset "UTF-8";
.fadein {
        opacity: 0;
        /* transform : translate(0, 40px); */
        transition : .5s;
    }
.fadein.scrollin {
        opacity: 1;
	    /* transform: translate(0, 0); */
    }
/* 文字がにゅっと出るアニメーション */
.popout {
    overflow: hidden;              /* はみ出た分を非表示 */
    opacity: 1 !important;
  }
  .popout span {
    position: relative; /* bottomを指定するために必要 */
    animation: popanime 0.4s ease-out forwards; /* 最後ゆっくりになるアニメを1秒かけて1回だけやったあと固定 */
  }
  @keyframes popanime {
    from {
      bottom: -40px; /* 親要素外に配置させて見えなくしておく */
    }
    to {
      bottom: 0px; /* 下から0pxに指定 */
    }
  }
  /* トップテキスト */
  /* アニメーションの定義 */
@keyframes fadeInFromTop {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /* 初期状態の設定 */
  .fadein_top {
    opacity: 0; /* 最初は透明 */
    animation: fadeInFromTop 0.8s ease-in-out forwards; /* アニメーションの指定 */
    overflow-y: hidden;
    overflow-y: hidden;
  }