/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 29 2026 | 06:40:49 */
/* ============================================================
   スマホ限定：イベント予約 追従ボタン（完全版）
   ============================================================ */
@media screen and (max-width: 767px) {
    #custom-floating-cta {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        /* z-indexを最大級に設定（他の要素に埋もれないように） */
        z-index: 2147483647 !important; 
        padding: 12px 15px calc(12px + env(safe-area-inset-bottom, 0px));
        background: linear-gradient(to top, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
        box-sizing: border-box;
        
        /* 初期状態：隠しておく */
        display: block !important;
        transform: translateY(100%);
        opacity: 0;
        visibility: hidden;
        transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s;
    }

    /* 表示フラグ */
    #custom-floating-cta.is-visible {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .cta-button-gold {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f2a92d !important; /* 指定のオレンジ */
        color: #ffffff !important;
        text-decoration: none !important;
        height: 56px;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(242, 169, 45, 0.4);
        font-weight: bold;
        font-size: 18px;
        border: none;
    }

    .cta-icon-svg {
        margin-right: 10px;
        width: 24px;
        height: 24px;
        fill: #ffffff;
    }
}

/* PCでは完全に存在を消す */
@media screen and (min-width: 768px) {
    #custom-floating-cta { display: none !important; }
}