/* ==========================================================================
   KEYFRAMES — カラオケ駅近ナビ
   （同内容を style.css にも定義済み。こちらは Cocoon の仕組み用の控え）
   ========================================================================== */

/* フェード + スライドアップ（タブパネル切替など） */
@keyframes kara-fadeUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* アコーディオン展開 */
@keyframes kara-slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ヒーロー装飾の浮遊 */
@keyframes kara-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-10px); }
}