/* =========================
  基本レイアウト
========================= */

#kinome img{
  display:block;
  width:100%;
}

/* FV基準 */
#kinome .fv-wrap{
  position:relative;
  width:100%;
}

/* 背景 */
#kinome .fv-bg{
  position:relative;
  z-index:1;
}

/* =========================
  上物 共通
========================= */
#kinome .fv-kinome,
#kinome .fv-asuno,
#kinome .fv-arau{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:2;
  pointer-events:none;

  opacity:0;
  transform: translate3d(0,0,0);
  will-change: opacity, transform;
}
/* =========================
  kinome
========================= */
#kinome .fv-kinome{
  transform: translateY(60px);
  transition:
    opacity .9s ease,
    transform .9s cubic-bezier(.22,.61,.36,1);
}

#kinome .fv-kinome.is-show{
  opacity:1;
  transform: translateY(0);
}

/* =========================
  明日の一滴
========================= */
#kinome .fv-asuno{
  transform: translateX(-24px);
}

#kinome .fv-asuno.is-show{
  opacity:1;
  transform: translateX(0);
  transition:
    opacity .45s ease,
    transform .45s cubic-bezier(.34,1.56,.64,1);
}

/* =========================
  洗うたび芽吹く
========================= */
#kinome .fv-arau{
  opacity:0;
  transform: translateY(6px);
  transition:
    opacity 1.2s ease,
    transform 1.2s ease;
}

#kinome .fv-arau.is-show{
  opacity:1;
  transform: translateY(0);
}