#lovecheck :root{–bg:#fff8fb;–card:#ffffff;–rose:#E8A8B8;–rose-deep:#D97C93;–gold:#C7A46E;–text:#2b2b2b;–muted:#777;} #lovecheck *{box-sizing:border-box} #lovecheck header{padding:32px 20px;text-align:center;background:linear-gradient(180deg,#fff,#fff0f5)} #lovecheck h1{font-size:clamp(22px,4.5vw,34px);margin:0 0 8px;letter-spacing:.04em} #lovecheck p.lead{margin:0;color:var(–muted)} #lovecheck .wrap{max-width:880px;margin:20px auto;padding:0 16px} #lovecheck .card{background:var(–card);border:1px solid #f3e1e8;border-radius:16px;box-shadow:0 6px 24px rgba(233,168,184,.18);padding:18px;margin:14px 0} #lovecheck .q{font-weight:700;margin-bottom:10px} #lovecheck .opt{display:block;margin:8px 0;padding:10px 12px;border:1px solid #f0d7df;border-radius:12px;cursor:pointer} #lovecheck .opt input{margin-right:8px} #lovecheck .progress{height:8px;background:#f7e7ee;border-radius:999px;overflow:hidden;margin:22px 0} #lovecheck .bar{height:100%;width:0;background:linear-gradient(90deg,var(–rose),var(–gold));transition:width .3s} #lovecheck .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px} #lovecheck button{appearance:none;border:none;padding:12px 18px;border-radius:999px;font-weight:700;cursor:pointer} #lovecheck .primary{background:linear-gradient(90deg,var(–rose),var(–gold));color:#fff} #lovecheck .ghost{background:#fff;border:1px solid #e6c6d0;color:var(–rose-deep)} #lovecheck .result{display:none} #lovecheck .badge{display:inline-block;background:#fff4f7;color:var(–rose-deep);border:1px solid #f2c8d6;padding:4px 10px;border-radius:999px;font-size:12px;margin-left:6px} #lovecheck .type{font-size:20px;font-weight:800;margin:2px 0 6px} #lovecheck .desc{color:#4a4a4a;line-height:1.8} #lovecheck .cta{margin-top:16px} #lovecheck .cta a{display:inline-block;text-decoration:none;background:linear-gradient(90deg,var(–rose),var(–gold));color:#fff;padding:12px 18px;border-radius:999px;font-weight:800} #lovecheck footer{color:#8b7f86;text-align:center;font-size:12px;padding:30px 0 60px}

運命を変える愛され婚活診断 3分で完了

いくつかの質問に答えるだけ。あなたの“恋愛パターン”と、未来を描く力をチェックします。

(function(){ const root = document.querySelector(‘#lovecheck’); const form = root.querySelector(‘#quiz’); const bar = root.querySelector(‘#bar’); const resultBox = root.querySelector(‘#result’); const typeEl = root.querySelector(‘#type’); const msgEl = root.querySelector(‘#message’); const insightEl = root.querySelector(‘#insight’); const submitBtn = root.querySelector(‘#submit’); const resetBtn = root.querySelector(‘#resetBtn’); const questions = [‘q1′,’q2′,’q3′,’q4′,’q5′,’q6′,’q7’]; function updateBar(){ const answered = questions.filter(q=>form[q].value).length; const percent = Math.round(answered / questions.length * 100); bar.style.width = percent + ‘%’; } form.addEventListener(‘change’, updateBar); resetBtn.addEventListener(‘click’, ()=>{ setTimeout(()=>{ bar.style.width=’0%’; resultBox.style.display=’none’; window.scrollTo({top:0,behavior:’smooth’}); }, 0); }); const typeCopy = { A:{title:’都合のいい女タイプ’, msg:’あなたは優しさがあり相手に寄り添える人。でも合わせすぎると“軽く扱われる”原因に。小さな自己主張の練習で、優しさは“尊重される魅力”に変わります。’}, B:{title:’我慢タイプ’, msg:’忍耐強く関係を大切にできる人。ただし我慢が積もると一気に崩れやすい。小さな本音をこまめに伝える習慣が、安心と信頼を育てます。’}, C:{title:’恋愛幻想タイプ’, msg:’恋を楽しむ感性が豊か。けれど“恋に恋する”と関係が浅くなりがち。まずは安心できる未来像を一緒に描き、現実の愛に育てていきましょう。’}, D:{title:’お母さん化タイプ’, msg:’面倒見がよく支える力がある人。世話を焼きすぎると“甘えられる存在”に。支えつつも女性として尊重される距離感を保つことが鍵です。’} }; function diagnose(){ for(const q of questions){ const v = form[q].value; if(!v){ alert(‘未回答の設問があります’); return; } } const answers = { q1: form.q1.value, q2: form.q2.value, q3: form.q3.value, q4: form.q4.value, q5: form.q5.value, q6: form.q6.value, q7: form.q7.value }; const count = {A:0,B:0,C:0,D:0}; [‘q1′,’q2′,’q5′,’q7’].forEach(k=>{ count[answers[k]]++; }); if(answers.q4 === ‘B’ || answers.q4 === ‘B2’) count.B++; const entries = Object.entries(count).sort((a,b)=>b[1]-a[1]); const top = entries[0][0]; const fvi = Number(answers.q3) + Number(answers.q6); let fviText = ”; if(fvi >= 2){ fviText = ‘未来像：とても具体的。行動へ移す準備は整っています。’; } else if(fvi === 1){ fviText = ‘未来像：概ね描けています。不安をほぐせば一気に進めます。’; } else if(fvi === 0){ fviText = ‘未来像：やや曖昧。小さな成功体験で具体化していきましょう。’; } else if(fvi === -1){ fviText = ‘未来像：描きづらい状態。安心を育てるセルフケアと対話から始めましょう。’; } else { fviText = ‘未来像：ほとんど描けていません。過去の影響をやさしく解放するワークが有効です。’; } typeEl.textContent = `診断タイプ：${typeCopy[top].title}`; msgEl.textContent = typeCopy[top].msg; insightEl.textContent = fviText; resultBox.style.display = ‘block’; resultBox.scrollIntoView({behavior:’smooth’, block:’start’}); } submitBtn.addEventListener(‘click’, diagnose); })();