@charset "UTF-8";

/* =====================================================
   state.css
   State Classes for IYOPLAN ADS（2025）
   - JavaScript controlled states
   - No design responsibility
   ===================================================== */


/* =====================================================
   Visibility
   ===================================================== */

/* 非表示（完全に消す） */
.is-hidden {
  display: none !important;
}

/* 表示（JSで制御する前提） */
.is-visible {
  display: block !important;
}


/* =====================================================
   Active / Open
   ===================================================== */

/* アクティブ状態（スタイル定義は各CSS側） */
.is-active {}

/* 開閉状態（ドロワー・モーダルなど） */
.is-open {}


/* =====================================================
   Interaction Control
   ===================================================== */

/* 操作不可 */
.is-disabled {
  pointer-events: none !important;
  opacity: .5;
}

/* クリック無効（透明なまま） */
.is-click-disabled {
  pointer-events: none !important;
}


/* =====================================================
   Scroll Control
   ===================================================== */

/* スクロール禁止（body用） */
.is-scroll-locked {
  overflow: hidden !important;
}


/* =====================================================
   Animation / Transition Trigger
   ===================================================== */

/* 表示アニメーション用トリガー */
.is-show {}

/* フェード完了後など */
.is-entered {}


/* =====================================================
   Position / Layout State
   ===================================================== */

/* 固定状態（JSで切替） */
.is-fixed {
  position: fixed !important;
}


/* =====================================================
   Utility-like but JS controlled
   ===================================================== */

/* 読み込み完了 */
.is-loaded {}

/* 初期化前 */
.is-init {}