</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a id="top" name="top"></a> <header id="mainHeader" class="wbg"> <section id="header"> <a href="https://www.onomichi-jutaku.com/" id="logo"><img src="./assets/article_image_save/Iow20250228163202.png" alt="さんわの家" width="400" height="241"></a> <div id="headBtns"> <ul class="flx"> <li class="btn01"><a class="wf1" href="https://www.onomichi-jutaku.com/co_navi/cb54a2c89f52c1ef19b5667fc9220539-336.html" id="header_menu01">NEW尾道モデルハウス</a></li> <li class="btn02"><a class="wf1" href="https://www.onomichi-jutaku.com/co_navi/fe079f3b832fd43ee97ba9ee330a37e7-11.html" id="header_menu02">福山モデルハウス</a></li> <li class="btn03"><a class="wf1" href="co_bukken.html" id="header_menu03">物件情報</a></li> <li class="btn04"><a class="wf1" href="siryo/select.html" id="header_menu04">資料請求</a></li> <li class="btn05"><a class="wf1" href="toiawase/index.html" id="header_menu04">お問合せ</a></li> </ul> </div> <div id="spbtn" class="spbtn bg"><div class="menu-button"><span class="tbn wbg"></span><span class="mbn wbg"></span><span class="bbn wbg"></span></div></div> </section> <nav id="navi"> <div class="inner"> <div class="navi"> <div id="gn1"><div class="bbc smn wf1">施工事例</div><ul><li><a class="bc wf1" id="menu施工事例" href="co_photo.html">・施工事例</a></li><li><a class="bc wf1" id="menuお客様の声" href="co_visit.html">・お客様の声</a></li></ul></div><div id="gn2"><div class="bbc smn wf1">家づくり</div><ul><li><a class="bc wf1" id="menuさんわの家づくり" href="co_navi/9486f614b02366bc9ab7011076314aa8-270.html">・さんわの家づくり</a></li><li><a class="bc wf1" id="menu構造" href="co_navi/e189ddd32a1c58b9a2ee601de5718c2b-282.html">・構造</a></li><li><a class="bc wf1" id="menu性能" href="co_navi/d98af39c1d52bf99d68c30234ee3cb04-284.html">・性能</a></li><li><a class="bc wf1" id="menu自由設計" href="co_navi/b298a9d7c56127ea9b3420e30f312b53-289.html">・自由設計</a></li><li><a class="bc wf1" id="menuアフターフォロー" href="co_navi/c6d88f5fd6001b31f79573125e384467-274.html">・アフターフォロー</a></li></ul></div><div id="gn3"><div class="bbc smn wf1">モデルハウス</div><ul><li><a class="bc wf1" id="menuMODEL HOUSE" href="co_navi/96ea07853bb179460b62df56d92e829f-335.html">・MODEL HOUSE</a></li><li><a class="bc wf1" id="menu平屋＆2階建てモデルハウス" href="co_navi/fe079f3b832fd43ee97ba9ee330a37e7-11.html">・平屋＆2階建てモデルハウス</a></li><li><a class="bc wf1" id="menu尾道モデルハウス" href="co_navi/c/10/243/">・尾道モデルハウス</a></li><li><a class="bc wf1" id="menu尾道モデルハウス2" href="co_navi/cb54a2c89f52c1ef19b5667fc9220539-336.html">・尾道モデルハウス2</a></li><li><a class="bc wf1" id="menu体感ルーム" href="co_navi/9c49c4a8fc32c08f9ead4b2bd9dacc3b-194.html">・体感ルーム</a></li></ul></div><div id="gn4"><div class="bbc smn wf1">土地・分譲住宅</div><ul><li><a class="bc wf1" id="menu福山市新涯分譲（アンバー新涯）" href="co_bukken/dfdc741b7e0673c6ff140ef7449dc99c-67.html">・福山市新涯分譲（アンバー新涯）</a></li><li><a class="bc wf1" id="menu尾道市向島（さくら坂）" href="co_bukken/a555c58c9a2ca3da6d4420c5ca854892-279.html">・尾道市向島（さくら坂）</a></li><li><a class="bc wf1" id="menu福山市多治米（わわわタウン）" href="https://www.onomichi-jutaku.com/co_bukken/9bee7df60076987fe9bd888a49056919-68.html" target="_blank">・福山市多治米（わわわタウン）</a></li></ul></div><div id="gn5"><div class="bbc smn wf1">ラインナップ</div><ul><li><a class="bc wf1" id="menuテクノGX（標準仕様）" href="co_navi/4d4d16ce8003fe3fab406477852f7dfb-311.html">・テクノGX（標準仕様）</a></li><li><a class="bc wf1" id="menuテクノEX" href="co_navi/528c7dc3541ec5d3d1a648aa824bbc85-312.html">・テクノEX</a></li><li><a class="bc wf1" id="menu平屋" href="co_navi/3b0f549fce1f2655305cb66322b97d0d-316.html">・平屋</a></li><li><a class="bc wf1" id="menu3階建て" href="co_navi/ef74b18b2dd34a50b2b77c335b23a6e9-317.html">・3階建て</a></li><li><a class="bc wf1" id="menu規格デザイン住宅" href="co_navi/9d718a42a226acb26601993f6ba14cb1-315.html">・規格デザイン住宅</a></li><li><a class="bc wf1" id="menu全館空調の家" href="co_navi/2f158e379438a5c24a93e5916ba12caf-313.html">・全館空調の家</a></li><li><a class="bc wf1" id="menu太陽光+蓄電池のスマートハウス" href="co_navi/c8aee8574829f8fa88f5cf0fe10ef8af-314.html">・太陽光+蓄電池のスマートハウス</a></li><li><a class="bc wf1" id="menuスキップフロアの家" href="co_navi/3d0a4fe6eee299f9d33417148440826e-318.html">・スキップフロアの家</a></li><li><a class="bc wf1" id="menuオーナーメイドテクノ" href="co_navi/3f7472e5b89c5e2418d9ffcb33ac31e5-319.html">・オーナーメイドテクノ</a></li><li><a class="bc wf1" id="menu大型木造建築" href="co_navi/eceaf6ac7961f1f08d4e59d3ad0f6775-321.html">・大型木造建築</a></li></ul></div><div id="gn6"><div class="bbc smn wf1">会社案内</div><ul><li><a class="bc wf1" id="menu会社概要" href="co_navi/4f44d37384de8390d0295a32690c5be6-18.html">・会社概要</a></li><li><a class="bc wf1" id="menuスタッフブログ" href="co_navi/9e6cb62e29db1589305b0d73d4190c52-22.html">・スタッフブログ</a></li><li><a class="bc wf1" id="menuスタッフ紹介" href="co_staff.html">・スタッフ紹介</a></li><li><a class="bc wf1" id="menuプライバシーポリシー" href="co_navi/edbbdf5d7e6c2847e23fdb7f823ebefb-277.html">・プライバシーポリシー</a></li><li><a class="bc wf1" id="menu【Q＆A】よくあるご質問" href="co_navi/0692f25c3df072e619251e8e13d08df9-294.html">・【Q＆A】よくあるご質問</a></li></ul></div><div id="gn7"><div class="bbc smn wf1">Other</div><ul><li><a class="bc wf1" id="menu紹介キャンペーン" href="co_navi/65d1b49654c225de2d14fd842e555788-276.html">・紹介キャンペーン</a></li><li><a class="bc wf1" id="menuリフォーム" href="https://www.onomichi-jutaku.com/co_navi/e1847f296f83a30478469a391c49adb1-276.html" target="_blank">・リフォーム</a></li></ul></div><div id="gn8"><div class="bbc smn wf1">お知らせ</div><ul><li><a class="bc wf1" id="menu見学会＆イベント" href="co_event.html">・見学会＆イベント</a></li><li><a class="bc wf1" id="menuNEWS" href="co_mame.html">・NEWS</a></li></ul></div> </div> <div class="infoBox"> <div class="btn"> <ul> <li class="btn01"><a class="wf1 wbc bg" href="toiawase/index.html" id="btn_menu01">お問合せ</a></li> <li class="btn02"><a class="wf1 wbc sbg" href="siryo/select.html" id="btn_menu02">資料請求</a></li> <li class="btn03"><a class="wf1 wbc bg" href="co_event.html" id="btn_menu03">イベント</a></li> </ul> </div> <div class="tel wf1 fwb">tel.<a href="tel:0120-506-308" id="menu_tel">0120-506-308</a></div> <div class="info">[営業時間] 8:00～17:00<br>[定休日] 水曜日</div> <aside class="snsBox"> <ul class="flx"> <li><a href="https://www.instagram.com/sanwanoie/" target="_blank"><img src="./assets/article_image_save/uFQ20240814112457r.png" alt="Instagram" width="30" height="30"></a></li><li><a href="https://jp.pinterest.com/sanwanoie/_created/" target="_blank"><img src="./assets/article_image_save/Ejz20240814112523r.png" alt="Pinterest" width="30" height="30"></a></li><li><a href="https://www.tiktok.com/@sanwanoie" target="_blank"><img src="./assets/article_image_save/VIG20240814112529r.png" alt="Tiktok" width="30" height="30"></a></li><li><a href="https://x.com/sanwanoie" target="_blank"><img src="./assets/article_image_save/ESQ20240814112538r.png" alt="X" width="30" height="30"></a></li><li><a href="https://www.facebook.com/sanwanoie" target="_blank"><img src="./assets/article_image_save/pQv20240814112547r.png" alt="facebook" width="30" height="30"></a></li></ul> </aside> </div> </div> </nav> </header> <main id="wrapper"> <article> <section id="contents" class="clf"> <div id="breadCrumbs" class="clearfix"> <ul itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://www.onomichi-jutaku.com/" itemprop="item"><span itemprop="name">ホーム</span></a><meta itemprop="position" content="1" /></li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://www.onomichi-jutaku.com/co_navi/96ea07853bb179460b62df56d92e829f-335.html" itemprop="item"><span itemprop="name">モデルハウス</span></a><meta itemprop="position" content="2" /></li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="https://www.onomichi-jutaku.com/co_navi/96ea07853bb179460b62df56d92e829f-335.html" itemprop="item"><span itemprop="name">MODEL HOUSE</span></a><meta itemprop="position" content="3" /></li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/co_navi/96ea07853bb179460b62df56d92e829f-335.html" itemprop="item"><span itemprop="name">MODEL HOUSE</span></a> <meta itemprop="position" content="4" /> </li> </ul> </div> <h1 id="title" class="wf1 tbc">MODEL HOUSE</h1> <div class="rte_area ws2"> <p> </p> <!-- 上段：展示場・向島さくら坂モデル --> <table class="column col4" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="pd20" valign="top" width="25%"> <p><img class="retract" src="assets/images/5modelhouse/01hiraya%EF%BC%862kaidatemodel/S190617287.jpg" alt="2階建て＆平屋の展示場" width="1024" height="682"></p> </td> <td class="pd20" valign="top" width="25%"> <p>2階建て＆平屋の展示場</p> <p>福山市神辺町</p> <p><a class="linkBtn" href="co_navi/fe079f3b832fd43ee97ba9ee330a37e7-11.html"> CLICK </a></p> </td> <td class="pd20" valign="top" width="25%"> <p><img class="retract" src="assets/images/5modelhouse/04%E3%81%95%E3%81%8F%E3%82%89%E5%9D%82/031A8286.jpg" alt="向島さくら坂モデル" width="4093" height="2729"></p> </td> <td class="pd20" valign="top" width="25%"> <p><span style="color: #ba372a;"><strong>New</strong></span> 向島さくら坂モデル</p> <p>尾道市向島町</p> <p><a class="linkBtn" href="co_navi/cb54a2c89f52c1ef19b5667fc9220539-336.html"> CLICK </a></p> </td> </tr> </tbody> </table> <p> </p> <!-- 下段：体感ルーム／上段と同じ4列構成 --> <table class="column col4" border="0" width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="pd20" valign="top" width="25%"> <p><img class="retract" src="assets/images/5modelhouse/02taikanroom/TAIKAN%20ROOM15.jpg" alt="体感ルーム" width="1280" height="959"></p> </td> <td class="pd20" valign="top" width="25%"> <p>体感ルーム</p> <p>尾道市高須町</p> <p><a class="linkBtn" href="co_navi/9c49c4a8fc32c08f9ead4b2bd9dacc3b-194.html"> CLICK </a></p> </td> <td class="pd20" width="25%"> </td> <td class="pd20" width="25%"> </td> </tr> </tbody> </table> <p> </p> </div> <aside id="bottomMenu" disp"> <h2 class="wf1 bc bdb solid lbl">モデルハウス</h2> <nav> <ul class="flx wrap"> <li class="hover"><a class="wf1" href="co_navi/96ea07853bb179460b62df56d92e829f-335.html">MODEL HOUSE</a></li> <li><a class="wf1" href="co_navi/fe079f3b832fd43ee97ba9ee330a37e7-11.html">平屋＆2階建てモデルハウス</a></li> <li><a class="wf1" href="co_navi/c/10/243/">尾道モデルハウス</a></li> <li><a class="wf1" href="co_navi/cb54a2c89f52c1ef19b5667fc9220539-336.html">尾道モデルハウス2</a></li> <li><a class="wf1" href="co_navi/9c49c4a8fc32c08f9ead4b2bd9dacc3b-194.html">体感ルーム</a></li> </ul> </nav> </aside> </section> </article> </main> <footer class="wbg"> <section id="companyInfo" class="inner"> <aside class="snsBox"> <ul class="flx"> <li><a href="https://www.instagram.com/sanwanoie/" target="_blank"><img src="./assets/article_image_save/uFQ20240814112457r.png" alt="Instagram" width="30" height="30"></a></li><li><a href="https://jp.pinterest.com/sanwanoie/_created/" target="_blank"><img src="./assets/article_image_save/Ejz20240814112523r.png" alt="Pinterest" width="30" height="30"></a></li><li><a href="https://www.tiktok.com/@sanwanoie" target="_blank"><img src="./assets/article_image_save/VIG20240814112529r.png" alt="Tiktok" width="30" height="30"></a></li><li><a href="https://x.com/sanwanoie" target="_blank"><img src="./assets/article_image_save/ESQ20240814112538r.png" alt="X" width="30" height="30"></a></li><li><a href="https://www.facebook.com/sanwanoie" target="_blank"><img src="./assets/article_image_save/pQv20240814112547r.png" alt="facebook" width="30" height="30"></a></li></ul> </aside> <p> 三和鉄構建設株式会社<br> 〒729-0141 <br class="sp"> 広島県尾道市高須町5267 <a href="https://maps.app.goo.gl/e2da5g7yq8H9hKod8" target="_blank" class="pt">地図</a> <br class="tb"> TEL：<a href="tel:0120-506-308" id="footer_freedial1">0120-506-308</a> / <a href="tel:0848-55-5411" id="footer_tel1">0848-55-5411</a> <br class="sp"> FAX：0848-55-5412<br> ＜営業時間＞8:00～17:00 <br class="sp"> ＜定休日＞水曜日 </p> <div class="otherLink"><a href="sitemap.html" id="footer_sitemap" class="arrow">サイトマップ</a></div> </section> <section id="copyBox" class="sbg wbc"><div class="inner">Copyright (c) さんわの家. All Rights Reserved.<br><span class="separator"> | </span>Produced by <a class="wbc" href="https://www.goddess-c.com/" target="_blank">ゴデスクリエイト</a></div></section> <section id="footer_link" class="wbg"> <div class="inner clf"> <div class="telInfo"> <div class="fd01"> <div class="telicon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve"><path d="M8.857,10.908c1.502-0.795,3.582-1.542,6.146-1.542c2.584,0,4.638,0.751,6.142,1.542c1.439-0.761,3.854-1.486,5.853-1.533V7.003H3v2.372C4.999,9.399,7.398,10.133,8.857,10.908z"/><path d="M19.291,13.746l-0.049,0.037c-0.751,0.605-1.194,1.601-1.194,2.658c0,0.872,0.313,1.694,0.901,2.309c0.594,0.621,1.371,0.96,2.204,0.96c0.826,0,1.604-0.339,2.187-0.96c0.593-0.614,0.915-1.437,0.915-2.309c0-1.057-0.445-2.052-1.196-2.658l-0.05-0.037l-0.037-0.045c-0.014-0.014-0.67-0.641-1.816-1.32c-1.146,0.68-1.808,1.308-1.812,1.32L19.291,13.746z"/><path d="M7.021,13.746L6.97,13.783c-0.751,0.605-1.195,1.601-1.195,2.658c0,0.872,0.318,1.694,0.906,2.309c0.586,0.621,1.37,0.96,2.195,0.96c0.834,0,1.61-0.339,2.195-0.96c0.591-0.614,0.912-1.437,0.912-2.309c0-1.057-0.448-2.052-1.197-2.658l-0.049-0.037l-0.036-0.045c-0.014-0.014-0.678-0.641-1.823-1.32c-1.143,0.68-1.797,1.308-1.813,1.32L7.021,13.746z"/><path d="M22.454,11.695c0.863,0.593,1.342,1.063,1.342,1.063c1.047,0.847,1.684,2.195,1.684,3.685c0,2.521-1.94,4.561-4.326,4.561c-2.396,0-4.332-2.04-4.332-4.561c0-1.484,0.635-2.838,1.675-3.685c0,0,0.479-0.47,1.35-1.054c-1.268-0.579-2.883-1.047-4.831-1.052c-1.859,0.005-3.591,0.492-4.825,1.052c0.868,0.584,1.339,1.054,1.339,1.054c1.05,0.847,1.68,2.195,1.68,3.685c0,2.521-1.935,4.561-4.33,4.561c-2.388,0-4.327-2.04-4.327-4.561c0-1.484,0.636-2.838,1.679-3.685c0,0,0.464-0.47,1.334-1.063c-1.235-0.552-2.559-1.012-4.559-1.031v12.333H27V10.67C24.999,10.704,23.66,11.153,22.454,11.695z"/></svg> </div> <span class="tlb wf1">0120-506-308</span> </div> <div class="fd02 bc2 wf1">受付／8:00～17:00 定休日／水曜日</div> </div> <ul> <li class="fe"><a class="wf1 wbc bg" href="co_event.html" id="footer_menu01">イベント</a></li> <li class="fb"><a class="wf1 wbc bg" href="https://www.onomichi-jutaku.com/co_photo.html" id="footer_menu02">施工事例</a></li> <li class="fs"><a class="wf1 wbc bg" href="siryo/select.html" id="footer_menu03">資料請求</a></li> <li class="fc"><a class="wf1 wbc bg" href="toiawase/index.html" id="footer_menu04">お問合せ</a></li> <li id="f_tel"><a class="wf1 wbc bg" href="tel:0120-506-308" id="footer_tel_button">電話</a></li> </ul> </div> </section> </footer> <div id="pageTop"><a href="#top" id="page_top"><?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="pagetop" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve"> <circle id="bg" opacity="0.5" cx="30" cy="30" r="30"/> <g id="arrow"> <rect x="18" y="21" fill="#FFFFFF" width="24" height="2"/> <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="41,38 30,27 19,38 "/> </g> </svg> </a></div> <aside id="ckb" class="wf2 wbg"><div class="ckb-header"><h3 class="wbc">Cookieポリシー</h3></div><div class="ckb-content"><div class="inner"><div class="cp-text wbc">当サイトではCookieを使用します。<br class="sp">Cookieの使用に関する詳細は 「<a class="wbc" href="co_navi/edbbdf5d7e6c2847e23fdb7f823ebefb-277.html" target="_blank">プライバシーポリシー</a>」をご覧ください。<br>Cookieを受け入れるか拒否するか選択してください。</div><div class="cp-consent"><div class="cp-agree bg wbc">同意する</div><div class="cp-reject bg wbc">同意しない</div></div></div></div></aside> <script src="assets/js/swiper-bundle.min.js"></script> <script src="assets/js/layzr.min.js" defer></script> <script src="assets/js/lightbox-2.6.min.js"></script> <script src="assets/js/pager.js"></script> <script async> window.onload = function() { var layzr = new Layzr({container: null,attr: 'data-layzr',retinaAttr: 'data-layzr-retina',bgAttr: 'data-layzr-bg',hiddenAttr: 'data-layzr-hidden',threshold: 0,callback: null}); $('link[rel="subresource"]').attr('rel', 'stylesheet'); } $(function(){ var topBtn=$('#pageTop'); topBtn.hide(); if($('#footer_link').length){var fmn=$('#footer_link');fmn.hide();} $(window).scroll(function(){if($(this).scrollTop()> 100){ topBtn.fadeIn(); if($('#footer_link').length){fmn.fadeIn();} }else{ topBtn.fadeOut(); if($('#footer_link').length){fmn.fadeOut();} }; }); topBtn.click(function(){$('body,html').animate({scrollTop: 0},1000);return false;}); var obj=$('#iframe'); obj.on('load',function(){var off=$('body').offset();$('body,html').animate({scrollTop: off.top,scrollLeft: off.left},0);}); }); $(".menu-button").click(function(){ var hdh = document.getElementById("header").offsetHeight; $(this).toggleClass("active"); $("#navi").slideToggle("500"); $("#navi").css("top", hdh + "px"); $("#navi").css("max-height","calc(100svh - " + hdh + "px)"); }); $(function(){resizeWindow();}); window.addEventListener('resize', resizeWindow); function resizeWindow(){ var hh = document.getElementById("mainHeader").offsetHeight; var wrap = document.getElementById("wrapper"); var wide = document.getElementById("wide"); if(document.getElementById("mainBox") == null){wrap.style.paddingTop = hh + "px";} } $(window).on('load', function() {const headerHeight = $('header').outerHeight();const url = $(location).attr('href');if (url.indexOf("#") != -1) {const anchor = url.split("#"),targetId = anchor[anchor.length - 1];const target = $('#' + targetId);if (target.length) {const position = Math.floor(target.offset().top) - headerHeight;$("html, body").animate({ scrollTop: position }, 500);}}$('a[href*="#"]').on('click', function(event) {const href = $(this).attr('href');const anchor = href.split("#")[1];if (anchor) {const target = $('#' + anchor);if (target.length) {event.preventDefault();const position = Math.floor(target.offset().top) - headerHeight;$("html, body").animate({ scrollTop: position }, 500);}}});}); </script> <script> // トリガー取得 const scrollTrigger = document.querySelectorAll('.js-scroll-trigger'); // aimation呼び出し if (scrollTrigger.length) { scrollAnimation(scrollTrigger); } // aimation関数 function scrollAnimation(trigger) { window.addEventListener('scroll', function () { for (var i = 0; i < trigger.length; i++) { let position = trigger[i].getBoundingClientRect().top, scroll = window.pageYOffset || document.documentElement.scrollTop, offset = position + scroll, windowHeight = window.innerHeight; if (scroll > offset - windowHeight + 200) { trigger[i].classList.add('started'); } } }); } </script> <!-- KASIKA TRACKING CODE --> <script type="text/javascript" src="//panda.kasika.io/tag-manager/? pid=0A507CE8DE3D81217DB4FB2F8797EBCB"></script> <!-- KASIKA TRACKING CODE --> <script async src="//www.instagram.com/embed.js"></script> <script type="text/javascript"> const popup = document.getElementById('ckb'); const cookieAgree = document.querySelector('.cp-agree'); const cookieReject = document.querySelector('.cp-reject'); const rejectFlag = sessionStorage.getItem('Reject-Flag') === 'true'; // 明示的に文字列として比較 const cookieData = document.cookie; let acceptFlag = false; // Cookieデータを確認し、`robotama-cookie`があるかチェック const cookieDataList = cookieData.split('; '); for (const cookie of cookieDataList) { const [key, value] = cookie.split('='); if (key === 'robotama-cookie') { acceptFlag = true; } } // 拒否フラグも同意フラグもない場合のみバナーを表示 if (!rejectFlag && !acceptFlag) { PopupDisplay(); } function PopupDisplay() { popup.style.display = 'block'; } function PopupClose() { popup.style.display = 'none'; } // 30日後の有効期限を設定 function SetCookie() { const expireDate = new Date(); expireDate.setDate(expireDate.getDate() + 30); // 現在の日付に30日を加算 document.cookie = `robotama-cookie=robotama-read; expires=${expireDate.toUTCString()}; path=/`; } // Cookie削除ロジック（ドメインごとに削除対応） function DeleteAllCookie() { document.cookie.split(';').forEach((cookie) => { const [key] = cookie.split('='); document.cookie = `${key}=; max-age=0; path=/`; }); } // 同意ボタンのクリックイベント cookieAgree.addEventListener('click', () => { SetCookie(); PopupClose(); }); // 拒否ボタンのクリックイベント cookieReject.addEventListener('click', () => { sessionStorage.setItem('Reject-Flag', 'true'); // フラグを文字列で保存 DeleteAllCookie(); PopupClose(); }); </script> </body> </html>