/*
 * Description:KPO支援用CSS
 * Note: 命名はパーツごとに完全ユニーク設定
 */


/* 初期状態：メインビジュアルが見えている間は非表示 */
.component-datsutanso-nav__wrapper.mv-none {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; /* クリック無効化 */
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* 表示状態：メインビジュアルが消えたら付与されるクラス */
.component-datsutanso-nav__wrapper.mv-none.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; /* クリック有効化 */
}