/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 13 2026 | 10:14:29 */
/* ============================================================
           追従CTAボタン・カスタムCSS
           ============================================================ */
        
        /* ボタンの外枠 */
        #event-floating-cta {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 9999;
            display: none; /* 初期状態は非表示（JSで制御） */
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.4s ease, transform 0.4s ease;
        }

        /* アクティブ時のアニメーション */
        #event-floating-cta.is-visible {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        /* ボタン本体のスタイル */
        .cta-button {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f2a92d; /* 指定色に変更 */
            color: #ffffff;
            text-decoration: none;
            padding: 15px 30px;
            border-radius: 50px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            font-weight: bold;
            font-size: 16px;
            letter-spacing: 0.1em;
            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
            white-space: nowrap;
        }

        .cta-button:hover {
            background-color: #d9911e; /* ホバー時は少し濃いオレンジ */
            transform: scale(1.05);
            color: #fff;
            text-decoration: none;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
        }

        /* アイコン（カレンダー） */
        .cta-icon {
            margin-right: 10px;
            width: 20px;
            height: 20px;
            fill: currentColor;
        }

        /* スマートフォン（モバイル）版の最適化 */
        @media screen and (max-width: 768px) {
            #event-floating-cta {
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                padding: 10px 15px env(safe-area-inset-bottom, 10px);
                /* 背景に薄いグラデーションを敷いてボタンの視認性を確保 */
                background: linear-gradient(to top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
                box-sizing: border-box;
                transform: translateY(100%);
            }

            #event-floating-cta.is-visible {
                transform: translateY(0);
            }

            .cta-button {
                width: 100%;
                height: 55px;
                font-size: 18px;
                border-radius: 10px;
                box-shadow: 0 4px 12px rgba(242, 169, 45, 0.4);
            }
        }