子供向け地図

About

× 詳しくはこちら ＞＞ #custom-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } #custom-popup-overlay.is-visible { opacity: 1; visibility: visible; } #custom-popup-content { background-color: #fff; padding: 30px 20px 20px 20px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.3); text-align: center; max-width: 600px; width: 100%; position: relative; box-sizing: border-box; transform: scale(0.95); transition: transform 0.3s ease; } #custom-popup-overlay.is-visible #custom-popup-content { transform: scale(1); } #custom-popup-close { position: absolute; top: 5px; right: 10px; font-size: 24px; font-weight: bold; color: #aaa; cursor: pointer; transition: color 0.2s; z-index: 10; } #custom-popup-close:hover { color: #333; } .custom-popup-btn { display: inline-block; margin-top: 15px; padding: 10px 24px; background: linear-gradient(135deg, #e65c00, #ff8c00); color: #ffffff !important; text-decoration: none; font-weight: bold; font-size: 0.95em; border-radius: 25px; box-shadow: 0 4px 10px rgba(230, 92, 0, 0.3); transition: transform 0.2s ease, box-shadow 0.2s ease; } .custom-popup-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(230, 92, 0, 0.5); } document.addEventListener('DOMContentLoaded', () => { const popupOverlay = document.getElementById('custom-popup-overlay'); const closeBtn = document.getElementById('custom-popup-close'); // ポップアップを閉じる処理をまとめた関数（×ボタンと外側クリックの両方で使います） const closePopup = () => { popupOverlay.classList.remove('is-visible'); setTimeout(() => { popupOverlay.style.display = 'none'; }, 300); }; // 【条件1】キャンペーンページからの遷移か判定 // 修正点: ドメインが変わっても対応できるように、パス部分（/pages/combo500-off_202609）だけで判定します const campaignPath = '/pages/combo500-off_202609'; const isFromCampaign = document.refer