Hana Select | 闃ｱ繧ｮ繝輔ヨ險ｺ譁ｭ繧ｷ繝ｼ繝ｳ縺ｫ蜷医ｏ縺帙※譛驕ｩ縺ｪ縺願干繧・5遘偵〒謠先｡・/title> <meta name="description" content="縲後←繧薙↑縺願干繧定ｴ医ｌ縺ｰ縺・＞・溘阪→霑ｷ縺｣縺溘ｉ縲・ana Select縺ｯ縲∬ｴ医ｋ逶ｸ謇九ｄ莠育ｮ励∫岼逧・↓蜷医ｏ縺帙※縲、I縺梧怙驕ｩ縺ｪ縺願干縺ｨ闃ｱ險闡峨ｒ謠先｡医☆繧九・繝ｬ繝溘い繝縺ｪ險ｺ譁ｭ繝・・繝ｫ縺ｧ縺吶・> <meta name="keywords" content="闃ｱ,繝励Ξ繧ｼ繝ｳ繝・縺翫☆縺吶ａ,縺顔･昴＞,AI,闃ｱ驕ｸ縺ｳ,Hana Select,繝輔Λ繝ｯ繝ｼ繧ｮ繝輔ヨ,闃ｱ險闡・蠖ｼ螂ｳ,豈阪・譌･,辷ｶ縺ｮ譌･,隱慕函譌･,邨仙ｩ夊ｨ伜ｿｵ譌･,驍・圜逾昴＞,縺願ｦ玖・縺・繝励Ο繝昴・繧ｺ,繧ｯ繝ｪ繧ｹ繝槭せ,繝舌Ξ繝ｳ繧ｿ繧､繝ｳ,繝帙Ρ繧､繝医ョ繝ｼ"> <meta name="author" content="Hana Select"> <link rel="canonical" href="https://goldenkani.onrender.com/HanaSelect/">  <meta property="og:type" content="website"> <meta property="og:title" content="Hana Select | 闃ｱ繧ｮ繝輔ヨ險ｺ譁ｭ繧ｷ繝ｼ繝ｳ縺ｫ蜷医ｏ縺帙※譛驕ｩ縺ｪ縺願干繧呈署譯・> <meta property="og:description" content="縲後←繧薙↑縺願干繧定ｴ医ｌ縺ｰ縺・＞・溘阪→霑ｷ縺｣縺溘ｉ縲・ana Select縺ｯ縲∬ｴ医ｋ逶ｸ謇九ｄ莠育ｮ励∫岼逧・↓蜷医ｏ縺帙※縲、I縺梧怙驕ｩ縺ｪ縺願干縺ｨ闃ｱ險闡峨ｒ謠先｡医☆繧玖ｨｺ譁ｭ繝・・繝ｫ縺ｧ縺吶・> <meta property="og:url" content="https://goldenkani.onrender.com/HanaSelect/"> <meta property="og:locale" content="ja_JP">  <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Hana Select | 闃ｱ繧ｮ繝輔ヨ險ｺ譁ｭ AI"> <meta name="twitter:description" content="雍医ｋ逶ｸ謇九ｄ莠育ｮ励∫岼逧・↓蜷医ｏ縺帙※AI縺梧怙驕ｩ縺ｪ縺願干縺ｨ闃ｱ險闡峨ｒ謠先｡医・>  <link rel="icon" href="/static/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="/static/favicon.ico"> <script> const API_GENERATE_URL = "/HanaSelect/generate"; const API_SEARCH_URL = "/HanaSelect/api/search"; </script> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@600&family=Shippori+Mincho:wght@700&family=Noto+Sans+JP:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/HanaSelect/static/style.css"> <link rel="stylesheet" href="/static/common.css"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6006972056194113" crossorigin="anonymous"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-9XCSLX64Q5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-9XCSLX64Q5'); </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebApplication", "name": "Hana Select", "url": "https://goldenkani.onrender.com/HanaSelect/", "description": "雍医ｋ逶ｸ謇九ｄ莠育ｮ励∫岼逧・↓蜷医ｏ縺帙※縲、I縺梧怙驕ｩ縺ｪ縺願干縺ｨ闃ｱ險闡峨ｒ謠先｡医☆繧九・繝ｬ繝溘い繝縺ｪ險ｺ譁ｭ繝・・繝ｫ縲りｪ慕函譌･繝ｻ險伜ｿｵ譌･繝ｻ髢句ｺ礼･昴＞縺ｪ縺ｩ蜈ｨ繧ｷ繝ｼ繝ｳ縺ｫ蟇ｾ蠢懊・, "applicationCategory": "LifestyleApplication", "operatingSystem": "All", "inLanguage": "ja", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "JPY" }, "author": { "@type": "Organization", "name": "驥代・繧ｫ繝・, "url": "https://goldenkani.onrender.com/" } } </script> </head> <body>  <section class="hero-section-premium"> <div class="hero-overlay-dark"></div> <div class="hero-content-premium"> <h1 class="hero-title-premium">Hana Select</h1> <p class="hero-subtitle-premium">繧ｷ繝ｼ繝ｳ縺ｫ蜷医ｏ縺帙※譛驕ｩ縺ｪ縺願干繧・5遘偵〒</p> </div> </section> <div class="main-container"> <button id="menu-btn"> <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> </button> <div id="side-menu" class="fixed inset-y-0 right-0 w-64 bg-white shadow-2xl z-[110] transform translate-x-full transition-transform duration-300 ease-in-out"> <div class="p-8 flex flex-col h-full"> <button id="close-menu" class="self-end p-2 text-gray-400">笨・髢峨§繧・/button> <nav class="mt-12 space-y-6"> <a href="/HanaSelect/index" onclick="location.reload()" class="block text-lg font-medium text-gray-800 border-b pb-2">減 Hana Select</a> <a href="/PresentAI/" class="block text-lg font-medium text-gray-800 border-b pb-2">氏繧｢繧､繝励Ξ・・ -繝励Ξ繧ｼ繝ｳ繝磯∈縺ｳAI</a> <a href="/PresentAI/premium" class="block text-lg font-medium text-amber-600 border-b pb-2 font-bold">笨ｨ繧｢繧､繝励Ξ・・-繝上う繧ｰ繝ｬ繝ｼ繝鰻er</a> <a href="/how-to-use-as-app" class="block text-lg font-medium text-pink-600 border-b pb-2 font-bold italic">導繝帙・繝逕ｻ髱｢縺ｫ霑ｽ蜉縺吶ｋ</a> <a href="/" class="block text-lg font-medium text-gray-800 border-b pb-2">繝｡繧､繝ｳ繝壹・繧ｸ縺ｸ謌ｻ繧・/a> </nav> <div class="mt-auto text-[10px] text-gray-400"> © 2026 Hana Select </div> </div> </div> <div class="form-group" style="text-align: left; max-width: 500px; margin: 0 auto 30px;">  <label class="section-label">1-1. 騾√ｊ逶ｸ謇・/label> <div class="card-selector recipient-cards mb-6" id="recipient-cards"> <div class="option-card active" data-value="諱倶ｺｺ"> <span class="icon">喋</span> <span class="label">諱倶ｺｺ</span> </div> <div class="option-card" data-value="蜿倶ｺｺ"> <span class="icon">､・/span> <span class="label">蜿矩＃</span> </div> <div class="option-card" data-value="螳ｶ譌・> <span class="icon">匠</span> <span class="label">螳ｶ譌・/span> </div> <div class="option-card" data-value="繝薙ず繝阪せ逶ｸ謇・> <span class="icon">直</span> <span class="label">繝薙ず繝阪せ</span> </div> <div class="option-card" data-value="閾ｪ蛻・畑"> <span class="icon">笨ｨ</span> <span class="label">閾ｪ蛻・畑</span> </div> </div> <input type="hidden" id="recipient" value="諱倶ｺｺ">  <label class="section-label">1-2. 逶ｸ謇九・諤ｧ蛻･</label> <div class="chip-selector mb-6" id="gender-chips"> <div class="chip active" data-value="螂ｳ諤ｧ">螂ｳ諤ｧ</div> <div class="chip" data-value="逕ｷ諤ｧ">逕ｷ諤ｧ</div> <div class="chip" data-value="縺昴・莉・>縺昴・莉・/div> </div> <input type="hidden" id="gender" value="螂ｳ諤ｧ">  <label class="section-label">2. 莠育ｮ・/label> <div class="chip-selector mb-6" id="budget-chips"> <div class="chip" data-value="1,000蜀・・,000蜀・>1,000蜀・・,000蜀・/div> <div class="chip" data-value="3,000蜀・・,000蜀・>3,000蜀・・,000蜀・/div> <div class="chip active" data-value="5,000蜀・・0,000蜀・>5,000蜀・・0,000蜀・/div> <div class="chip" data-value="10,000蜀・・0,000蜀・>10,000蜀・・0,000蜀・/div> <div class="chip" data-value="30,000蜀・・00,000蜀・>30,000蜀・・00,000蜀・/div> <div class="chip" data-value="100,000蜀・ｻ･荳奇ｼ医ン繧ｸ繝阪せ繝ｻ閭｡陜ｶ陂ｭ縺ｪ縺ｩ・・>100,000蜀・ｻ･荳奇ｼ医ン繧ｸ繝阪せ繝ｻ閭｡陜ｶ陂ｭ縺ｪ縺ｩ・・/div> </div> <input type="hidden" id="budget" value="3,000蜀・・,000蜀・>  <label class="section-label">3. 逶ｮ逧・/label> <div class="chip-selector mb-6" id="purpose-chips"> <div class="chip active" data-value="隱慕函譌･逾昴＞">隱慕函譌･</div> <div class="chip" data-value="險伜ｿｵ譌･">險伜ｿｵ譌･</div> <div class="chip" data-value="縺顔､ｼ">縺顔､ｼ</div> <div class="chip" data-value="邨仙ｩ夂･昴＞">邨仙ｩ・/div> <div class="chip" data-value="隰晉ｽｪ">隰晉ｽｪ</div> <div class="chip" data-value="繝薙ず繝阪せ・磯幕蠎礼･昴＞縺ｪ縺ｩ・・>髢句ｺ励・逾昜ｺ・/div> <div class="chip" data-value="縺願ｦ玖・縺・>縺願ｦ玖・縺・/div> </div> <input type="hidden" id="purpose" value="隱慕函譌･逾昴＞"> <label class="section-label">4. 蛯呵・(縺雁･ｽ縺ｿ繧・∩縺代◆縺・干縺ｪ縺ｩ)</label> <div style="position:relative"> <textarea id="inputText" placeholder="萓具ｼ壹ヴ繝ｳ繧ｯ邉ｻ縺悟･ｽ縺阪〒縺吶ゅΘ繝ｪ縺ｯ蛹ゅ＞縺悟ｼｷ縺・・縺ｧ驕ｿ縺代※縺上□縺輔＞縲・ maxlength="200"></textarea> <div id="charCount">谿九ｊ200譁・ｭ・/div> </div> </div>  <div class="flex flex-wrap justify-center items-center gap-4 mb-6"> <a href="https://hb.afl.rakuten.co.jp/hsc/5205f064.72d16898.1c96dd95.84eff123/?link_type=pict&ut=eyJwYWdlIjoic2hvcCIsInR5cGUiOiJwaWN0IiwiY29sIjoxLCJjYXQiOiI0NCIsImJhbiI6Mjc5NDg1OCwiYW1wIjpmYWxzZX0%3D" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;"><img src="https://hbb.afl.rakuten.co.jp/hsb/5205f064.72d16898.1c96dd95.84eff123/?me_id=1&me_adv_id=2794858&t=pict" border="0" style="margin:2px" alt="" title=""></a> <a href="https://hb.afl.rakuten.co.jp/hsc/5213a4ea.232e91a1.1c96dd95.84eff123/?link_type=pict&ut=eyJwYWdlIjoic2hvcCIsInR5cGUiOiJwaWN0IiwiY29sIjoxLCJjYXQiOiI1OCIsImJhbiI6MzIzMDk1MCwiYW1wIjpmYWxzZX0%3D" target="_blank" rel="nofollow sponsored noopener" style="word-wrap:break-word;"><img src="https://hbb.afl.rakuten.co.jp/hsb/5213a4ea.232e91a1.1c96dd95.84eff123/?me_id=1&me_adv_id=3230950&t=pict" border="0" style="margin:2px" alt="" title=""></a> </div> <button class="sendBtn" onclick="send()">AI縺ｫ驕ｸ繧薙〒繧ゅｉ縺・/button> <div class="mt-4 text-center"> <a href="/how-to-use-as-app" class="text-pink-600 hover:text-pink-700 text-sm font-bold flex items-center justify-center gap-1 group"> <span>導繝帙・繝逕ｻ髱｢縺ｫ霑ｽ蜉縺励※繧｢繝励Μ縺ｨ縺励※菴ｿ縺・/span> <span class="group-hover:translate-x-1 transition-transform">笶ｯ</span> </a> </div> <div id="result" class="result-box" style="text-align: left; background: #fff; padding: 20px; border-radius: 10px; margin-top: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);"> 註縺薙％縺ｫAI縺碁∈繧薙□縺翫☆縺吶ａ縺ｮ縺願干縺瑚｡ｨ遉ｺ縺輔ｌ縺ｾ縺・ </div> <br> <div class="flex flex-wrap justify-center items-center gap-4 my-6"> <a href="https://px.a8.net/svt/ejp?a8mat=4AZIOB+5FA7YY+5JGA+65ME9" rel="nofollow"> <img border="0" width="200" height="200" alt="" src="https://www26.a8.net/svt/bgt?aid=260318027328&wid=002&eno=01&mid=s00000025849001034000&mc=1"></a> <img border="0" width="1" height="1" src="https://www16.a8.net/0.gif?a8mat=4AZIOB+5FA7YY+5JGA+65ME9" alt=""> <a href="https://px.a8.net/svt/ejp?a8mat=4AZIOB+5GH36I+4UD8+60OXD" rel="nofollow"> <img border="0" width="300" height="200" alt="" src="https://www25.a8.net/svt/bgt?aid=260318027330&wid=002&eno=01&mid=s00000022598001011000&mc=1"></a> <img border="0" width="1" height="1" src="https://www12.a8.net/0.gif?a8mat=4AZIOB+5GH36I+4UD8+60OXD" alt=""> </div> <div class="mt-16 text-left bg-white p-8 rounded-2xl shadow-sm border border-gray-100"> <h2 class="text-2xl font-semibold text-gray-800 mb-4">AI縺梧怙驕ｩ縺ｪ繝輔Λ繝ｯ繝ｼ繧ｮ繝輔ヨ繧定ｨｺ譁ｭ繝ｻ縺疲署譯医＠縺ｾ縺・/h2> <p class="text-gray-600 mb-6 leading-relaxed"> 縲後♀逾昴＞縺ｫ縺願干繧定ｴ医ｊ縺溘＞縺代ｌ縺ｩ縲∽ｽ輔ｒ驕ｸ縺ｹ縺ｰ縺・＞縺九ｏ縺九ｉ縺ｪ縺・阪御ｺ育ｮ怜・縺ｧ隕区・∴縺ｮ濶ｯ縺・干繧堤衍繧翫◆縺・阪後・繝翫・驕募渚縺ｫ縺ｪ繧峨↑縺・°荳榊ｮ峨坂ｦ窶ｦ縺昴ｓ縺ｪ縺頑か縺ｿ繧但I縺瑚ｧ｣豎ｺ縺励∪縺吶・br> 雍医ｋ縺顔嶌謇具ｼ域°莠ｺ繝ｻ蜿倶ｺｺ繝ｻ繝薙ず繝阪せ遲会ｼ峨ｄ縺比ｺ育ｮ励∫岼逧・↓蜷医ｏ縺帙※縲√・繝ｭ縺ｮ繝輔Λ繝ｯ繝ｼ繧ｳ繝ｼ繝・ぅ繝阪・繧ｿ繝ｼ縺ｮ隕也せ縺九ｉ縺ｴ縺｣縺溘ｊ縺ｮ縺願干縺ｨ闃ｱ險闡峨ｒ辟｡譁吶〒險ｺ譁ｭ繝ｻ謠先｡医☆繧九・繝・メ繝ｳ繧ｰ繝・・繝ｫ縺ｧ縺吶・ </p> <h3 class="text-xl font-medium text-gray-800 mb-3">繧ｷ繝√Η繧ｨ繝ｼ繧ｷ繝ｧ繝ｳ蛻･縺ｮ縺願干驕ｸ縺ｳ</h3> <ul class="list-disc list-inside text-gray-600 mb-6 space-y-2"> <li><strong>隱慕函譌･繝ｻ險伜ｿｵ譌･縺ｮ繝励Ξ繧ｼ繝ｳ繝茨ｼ・/strong> 諱倶ｺｺ繧・ヱ繝ｼ繝医リ繝ｼ縺ｫ縺ｯ縲∵・繧・─隰昴ｒ莨昴∴繧玖干險闡峨ｒ謖√▽繝舌Λ繧・ｭ｣遽縺ｮ繧｢繝ｬ繝ｳ繧ｸ繝｡繝ｳ繝医′莠ｺ豌励〒縺吶・/li> <li><strong>繝薙ず繝阪せ繝ｻ髢句ｺ礼･昴＞繝ｻ髢区･ｭ逾昴＞・・/strong> 閭｡陜ｶ陂ｭ繧・せ繧ｿ繝ｳ繝芽干縺ｪ縺ｩ縲∬庄繧・°縺ｧ繝輔か繝ｼ繝槭Ν縺ｪ蝣ｴ髱｢縺ｫ縺ｵ縺輔ｏ縺励＞縲∬ｦ区・∴縺ｮ縺吶ｋ縺願干繧呈署譯医＠縺ｾ縺吶・/li> <li><strong>縺願ｦ玖・縺・・隰晉ｽｪ・・/strong> 驕ｿ縺代ｋ縺ｹ縺阪♀闃ｱ・磯欧讀阪∴繧・ｦ吶ｊ縺ｮ蠑ｷ縺吶℃繧玖干縲∫音螳壹・濶ｲ縺ｪ縺ｩ・峨ｒ閠・・縺励・←蛻・↑繝槭リ繝ｼ繧貞ｮ医▲縺溷ｮ牙ｿ・・繝ｩ繧､繝ｳ繝翫ャ繝励ｒ驕ｸ螳壹＠縺ｾ縺吶・/li> </ul> <h3 class="text-xl font-medium text-gray-800 mb-3">莠育ｮ励・逶ｮ螳峨→逶ｸ蝣ｴ縺九ｉ謗｢縺・/h3> <p class="text-gray-600 leading-relaxed mb-4"> 縺｡繧・▲縺ｨ縺励◆謇句悄逕｣繧・暑莠ｺ縺ｸ縺ｮ繝励Ξ繧ｼ繝ｳ繝医↑繧・,000蜀・・,000蜀・∫音蛻･縺ｪ縺顔･昴＞縺ｪ繧・0,000蜀・懊′荳闊ｬ逧・↑逶ｸ蝣ｴ縺ｧ縺吶ょｽ薙し繧､繝医〒縺ｯ縲・,000蜀・・繝励メ繧ｮ繝輔ヨ縺九ｉ10荳・・莉･荳翫・豕穂ｺｺ蜷代￠繧ｮ繝輔ヨ縺ｾ縺ｧ縲√＃謖・ｮ壹・莠育ｮ励↓縺励▲縺九ｊ蜿弱∪繧区怙驕ｩ縺ｪ縺願干繧偵・繝・メ繝ｳ繧ｰ縲・br> AI縺梧署譯医＠縺溽ｵ先棡逕ｻ髱｢縺九ｉ縲√☆縺舌↓繝阪ャ繝磯夊ｲｩ・域･ｽ螟ｩ蟶ょｴ縺ｪ縺ｩ・峨〒縺雁叙繧雁ｯ・○繝ｻ雉ｼ蜈･縺悟庄閭ｽ縺ｧ縺吶・ </p> </div> <div class="bubble" style="width:80px;height:80px;left:5%;top:90%;animation-duration:25s;animation-delay:-5s;"> </div> <div class="bubble" style="width:120px;height:120px;left:15%;top:80%;animation-duration:30s;animation-delay:-10s;"></div> <div class="bubble" style="width:60px;height:60px;left:25%;top:85%;animation-duration:22s;animation-delay:-7s;"> </div> <div class="bubble" style="width:100px;height:100px;left:35%;top:75%;animation-duration:28s;animation-delay:-15s;"></div> <div class="bubble" style="width:70px;height:70px;left:45%;top:95%;animation-duration:20s;animation-delay:-3s;"> </div> <div class="bubble" style="width:90px;height:90px;left:55%;top:85%;animation-duration:26s;animation-delay:-12s;"></div> <div class="bubble" style="width:60px;height:60px;left:65%;top:80%;animation-duration:24s;animation-delay:-6s;"> </div> <div class="bubble" style="width:110px;height:110px;left:75%;top:90%;animation-duration:32s;animation-delay:-18s;"></div> <div class="bubble" style="width:70px;height:70px;left:85%;top:78%;animation-duration:23s;animation-delay:-9s;"> </div> <div class="bubble" style="width:80px;height:80px;left:20%;top:92%;animation-duration:27s;animation-delay:-14s;"></div> <div class="bubble" style="width:100px;height:100px;left:50%;top:88%;animation-duration:29s;animation-delay:-11s;"></div> <div class="bubble" style="width:60px;height:60px;left:70%;top:93%;animation-duration:21s;animation-delay:-4s;"> </div> </div> <footer class="bg-gray-100 mt-12 py-8 text-center text-sm text-gray-500"> <div class="flex justify-center space-x-6 mb-4"> <a href="/policy" class="hover:text-teal-600 transition">繝励Λ繧､繝舌す繝ｼ繝昴Μ繧ｷ繝ｼ</a> <a href="/legal" class="hover:text-teal-600 transition">迚ｹ螳壼膚蜿門ｼ墓ｳ輔↓蝓ｺ縺･縺剰｡ｨ險・/a> <a href="/how-to-use-as-app" class="hover:text-teal-600 transition font-bold">導繧ｹ繝槭・繧｢繝励Μ縺ｮ繧医≧縺ｫ菴ｿ縺・/a> <a href="/" class="hover:text-teal-600 transition">繝｡繧､繝ｳ繝壹・繧ｸ縺ｸ謌ｻ繧・/a> </div> <p>© 2026 Hana Select. All rights reserved.</p> </footer> <script src="/static/common.js"></script> <script src="/HanaSelect/static/script.js"></script> </body> </html>