window.DLG_SEMINAR_CONFIG = { endAt: '2026-06-23T15:00:00+09:00', // この日時を過ぎたら表示しない ctaUrl: 'https://www.dialog-inc.com/seminar-post/20260623/', // 誘導先（Zoom直にするならここを差し替え） bannerUrl: 'https://www.dialog-inc.com/wp-content/uploads/2026/06/20260623_seminar.png', delayMs: 4000, // 表示後この秒数で出す scrollPct: 35, // このスクロール率(%)で出す useExitIntent: true, // PCのみ：離脱意図で出す frequency: 'daily' // 'daily' = 閉じたら当日中は再表示しない }; #dlg-seminar-modal.dlgsem-overlay{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(0,0,0,.6); opacity:0; visibility:hidden; transition:opacity .25s ease; -webkit-overflow-scrolling:touch; } #dlg-seminar-modal.dlgsem-overlay.is-open{ opacity:1; visibility:visible; } #dlg-seminar-modal .dlgsem-box{ position:relative; width:100%; max-width:480px; max-height:90vh; overflow:auto; background:#fff; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,.35); transform:translateY(12px); transition:transform .25s ease; } #dlg-seminar-modal.is-open .dlgsem-box{ transform:translateY(0); } #dlg-seminar-modal .dlgsem-close{ position:absolute; top:8px; right:8px; z-index:2; width:40px; height:40px; border:0; border-radius:50%; background:rgba(255,255,255,.9); color:#333; font-size:26px; line-height:1; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.2); } #dlg-seminar-modal .dlgsem-close:hover{ background:#fff; } #dlg-seminar-modal .dlgsem-banner-link{ display:block; } #dlg-seminar-modal .dlgsem-banner{ display:block; width:100%; height:auto; border-radius:12px 12px 0 0; } #dlg-seminar-modal .dlgsem-body{ padding:20px; } #dlg-seminar-modal .dlgsem-title{ margin:0 0 10px; font-size:18px; line-height:1.5; color:#222; font-weight:700; } #dlg-seminar-modal .dlgsem-meta{ margin:0 0 18px; font-size:14px; line-height:1.6; color:#135d66; font-weight:700; } #dlg-seminar-modal .dlgsem-cta{ display:block; text-align:center; text-decoration:none; padding:14px 20px; border-radius:8px; background:#135d66; color:#fff; font-size:16px; font-weight:700; transition:opacity .2s; } #dlg-seminar-modal .dlgsem-cta:hover{ opacity:.88; } #dlg-seminar-modal .dlgsem-cta:focus-visible, #dlg-seminar-modal .dlgsem-close:focus-visible{ outline:3px solid #ffb000; outline-offset:2px; } @media (max-width:480px){ #dlg-seminar-modal .dlgsem-box{ max-width:100%; } #dlg-seminar-modal .dlgsem-title{ font-size:16px; } } /* 開いている間は背面スクロール禁止 */ body.dlgsem-noscroll{ overflow:hidden; } (function(){ 'use strict'; var cfg = window.DLG_SEMINAR_CONFIG || {}; var modal = document.getElementById('dlg-seminar-modal'); if (!modal) { return; } // --- 期間チェック：開催終了後は描画せず即撤去 --- var end = new Date(cfg.endAt).getTime(); if (isNaN(end) || Date.now() > end) { modal.parentNode && modal.parentNode.removeChild(modal); return; } // --- 頻度チェック：当日すでに閉じていれば出さない --- var STORE_KEY = 'dlgSeminarClosed'; function todayStr(){ var d=new Date(); return d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate(); } function alreadyClosedToday(){ try { return cfg.frequency==='daily' && localStorage.getItem(STORE_KEY)===todayStr(); } catch(e){ return false; } } if (alreadyClosedToday()) { modal.parentNode && modal.parentNode.removeChild(modal); return; } // --- 素材を流し込み --- modal.querySelector('.dlgsem-banner').src = cfg.bannerUrl || ''; Array.prototype.forEach.call(modal.querySelectorAll('[data-gtm="seminar-popup-cta"]'), function(a){ a.href = cfg.ctaUrl || '#'; }); // --- GTM計測（dataLayerにイベント送信） --- window.dataLayer = window.dataLayer || []; function track(ev){ window.dataLayer.push({ event:ev, popup:'seminar-w3mimosa' }); } // --- フォーカストラップ --- var lastFocused = null; function focusable(){ return modal.querySelectorAll('a[href], button:not([disabled])'); } function trap(e){ if (e.key!=='Tab') { return; } var f = focusable(); if (!f.length) { return; } var first=f[0], last=f[f.length-1]; if (e.shiftKey && document.activeElement===first){ e.preventDefault(); last.focus(); } else if (!e.shiftKey && document.activeElement===last){ e.preventDefault(); first.focus(); } } var opened = false; function open(){ if (opened) { return; } opened = true; lastFocused = document.activeElement; modal.hidden = false; // 次フレームでクラス付与（トランジション発火） requestAnimationFrame(function(){ modal.classList.add('is-open'); }); document.body.classList.add('dlgsem-noscroll'); var close = modal.querySelector('.dlgsem-close'); close && close.focus(); document.addEventListener('keydown', onKey); track('seminar_popup_view'); teardownTriggers(); } function close(reason){ modal.classList.remove('is-open'); document.body.classList.remove('dlgsem-noscroll'); document.removeEventListener('keydown', onKey); try { if (cfg.frequency==='daily') localStorage.setItem(STORE_KEY, todayStr()); } catch(e){} track('seminar_popup_close'); setTimeout(function(){ modal.hidden = true; }, 280); if (lastFocused && lastFocused.focus) { lastFocused.focus(); } } function onKey(e){ if (e.key==='Escape'){ close('esc'); } else { trap(e); } } // 閉じる：×ボタン / オーバーレイクリック modal.querySelector('.dlgsem-close').addEventListener('click', function(){ close('button'); }); modal.addEventListener('click', function(e){ if (e.target===modal){ close('overlay'); } }); // CTA：計測してから別タブで開く（リンク自体がtarget=_blank） Array.prototype.forEach.call(modal.querySelectorAll('[data-gtm="seminar-popup-cta"]'), function(a){ a.addEventListener('click', function(){ track('seminar_popup_cta_click'); }); }); // --- トリガー（時間 / スクロール / 離脱意図） --- var timer = setTimeout(open, cfg.delayMs || 8000); function onScroll(){ var h = document.documentElement; var pct = (h.scrollTop || document.body.scrollTop) / ((h.scrollHeight - h.clientHeight) || 1) * 100; if (pct >= (cfg.scrollPct || 50)) { open(); } } function onExit(e){ if (e.clientY <= 0) { open(); } } window.addEventListener('scroll', onScroll, { passive:true }); var isDesktop = window.matchMedia('(min-width:1025px)').matches; if (cfg.useExitIntent && isDesktop) { document.addEventListener('mouseout', onExit); } function teardownTriggers(){ clearTimeout(timer); window.removeEventListener('scroll', onScroll); document.removeEventListener('mouseout', onExit); } })();