/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 06 2026 | 06:42:54 */
/* --- フェードインアップの強制設定 --- */
/* 初期状態：!important をつけて Elementor の設定を上書き */
.fade-up-container {
    opacity: 0 !important;
    transform: translateY(50px) !important;
    transition: opacity 1s ease-out, transform 1s ease-out !important;
    pointer-events: none; /* 表示されるまでクリック不可にする */
}

/* 表示時：クラスがついたら元の位置へ */
.fade-up-container.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto;
}

/* --- ボックス全体のホバーズーム --- */
.zoom-on-hover {
    /* アニメーションの速度（0.4sはお好みで） */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    /* 重なり順の初期値 */
    z-index: 1;
}

.zoom-on-hover:hover {
    /* ボックス全体を1.01倍に拡大 */
    transform: scale(1.01) !important;
    /* ホバー時に他の要素より前面に出るようにする */
    z-index: 10;

}

/* もしフェードイン(fade-up-container)と同じ要素に設定している場合、
   JSで「is-visible」がついた後もズームが効くように調整します */
.fade-up-container.zoom-on-hover.is-visible:hover {
    transform: translateY(0) scale(1.05) !important;
}



/* --- エディター表示対策（強制表示） --- */
.elementor-editor-active .fade-up-container {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
}