</ 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_bukken/b21c8c498fbc4a53a9c3f56d40eff065-67.html" id="header_menu01">特別価格で販売中！</a></li> <li class="btn02"><a class="wf1" href="https://www.onomichi-jutaku.com/co_event/d3e9f7791ec6a947964b0f8c1f032bde.html" id="header_menu02">わわわフェス in 多治米分譲</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="https://www.onomichi-jutaku.com/co_event.html" target="_blank">・見学会＆イベント</a></li><li><a class="bc wf1" id="menuNEWS" href="co_mame.html">・NEWS</a></li></ul></div><div id="gn2"><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="gn3"><div class="bbc smn wf1">家づくり</div><ul><li><a class="bc wf1" id="menuさんわの家とは" href="co_navi/e7e98eb1152026b15c36950d8c817557-269.html">・さんわの家とは</a></li><li><a class="bc wf1" id="menu①さんわの家づくりとは" href="co_navi/a68586ce89ca7e9f4a6aa09e690903b0-270.html">・①さんわの家づくりとは</a></li><li><a class="bc wf1" id="menu②LINEUP テクノGX(標準仕様)" href="co_navi/4d4d16ce8003fe3fab406477852f7dfb-292.html">・②LINEUP テクノGX(標準仕様)</a></li><li><a class="bc wf1" id="menu③LINEUP テクノEX" href="co_navi/528c7dc3541ec5d3d1a648aa824bbc85-295.html">・③LINEUP テクノEX</a></li><li><a class="bc wf1" id="menu④LINEUP テクノ全館空調の家" href="co_navi/2f158e379438a5c24a93e5916ba12caf-296.html">・④LINEUP テクノ全館空調の家</a></li><li><a class="bc wf1" id="menu⑤LINEUP テクノスマートハウス(太陽光＋蓄電池)" href="co_navi/c8aee8574829f8fa88f5cf0fe10ef8af-297.html">・⑤LINEUP テクノスマートハウス(太陽光＋蓄電池)</a></li><li><a class="bc wf1" id="menu⑥LINEUP 規格デザイン住宅" href="co_navi/9d718a42a226acb26601993f6ba14cb1-298.html">・⑥LINEUP 規格デザイン住宅</a></li><li><a class="bc wf1" id="menu⑦LINEUP 平屋" href="co_navi/3b0f549fce1f2655305cb66322b97d0d-299.html">・⑦LINEUP 平屋</a></li><li><a class="bc wf1" id="menu⑧LINEUP ３階建て" href="co_navi/ef74b18b2dd34a50b2b77c335b23a6e9-300.html">・⑧LINEUP ３階建て</a></li><li><a class="bc wf1" id="menu⑨LINEUP スキップフロアの家" href="co_navi/3d0a4fe6eee299f9d33417148440826e-301.html">・⑨LINEUP スキップフロアの家</a></li><li><a class="bc wf1" id="menu⑩LINEUP オーナーメイドテクノ" href="co_navi/3f7472e5b89c5e2418d9ffcb33ac31e5-273.html">・⑩LINEUP オーナーメイドテクノ</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/5367c69cfe8c1821473d48c87c6231de-283.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/c262a1f234ff6825449744c276e119a5-285.html">・⑭性能 気密性</a></li><li><a class="bc wf1" id="menu⑮性能 省エネ" href="co_navi/fd66ee4a182a8066e77fce98e8df57b2-286.html">・⑮性能 省エネ</a></li><li><a class="bc wf1" id="menu⑯性能 耐火・耐風" href="co_navi/2b28d3de6e6349a3ecf9275f0d8c4f4e-287.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/de25e95be488d2b06bcbbbbf8e98b51b-272.html">・⑱設備</a></li><li><a class="bc wf1" id="menu⑲アフターフォロー" href="co_navi/c6d88f5fd6001b31f79573125e384467-274.html">・⑲アフターフォロー</a></li><li><a class="bc wf1" id="menu⑳ZEH" href="co_navi/e6bca9d1c3270f52651e1f1d5a3cd74d-291.html">・⑳ZEH</a></li></ul></div><div id="gn4"><div class="bbc smn wf1">モデルハウス</div><ul><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/0cf3cdb5f8d4bbf30dae4a011fdcbb24-243.html">・尾道モデルハウス</a></li><li><a class="bc wf1" id="menu体感ルーム" href="co_navi/9c49c4a8fc32c08f9ead4b2bd9dacc3b-194.html">・体感ルーム</a></li></ul></div><div id="gn5"><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/b21c8c498fbc4a53a9c3f56d40eff065-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="gn6"><div class="bbc smn wf1">さんわリフォーム</div><ul><li><a class="bc wf1" id="menuさんわリフォームについて" href="co_navi/3ed0e0ae0afda3831c3e5f8495ed350f-233.html">・さんわリフォームについて</a></li></ul></div><div id="gn7"><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="menuBLOG" href="co_diary.html">・BLOG</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/0e0a8a86c4f38b3c8c9f1a068612054f-294.html">・【Q＆A】よくあるご質問</a></li></ul></div><div id="gn8"><div class="bbc smn wf1">紹介キャンペーン</div><ul><li><a class="bc wf1" id="menu紹介キャンペーン" href="lp1.html">・紹介キャンペーン</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_staff/" 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_staff/c/107/" itemprop="item"><span itemprop="name">営業部</span></a><meta itemprop="position" content="3" /></li> </ul> </div> <h1 id="title" class="wf1 tbc">営業部</h1> <form class="catTopList"> <select name="category" onchange="document.location=form.category.options[form.category.selectedIndex].value;"> <option selected="selected">スタッフを絞り込む</option> <option value="co_staff/c/107/">営業部</option> <option value="co_staff/c/244/">工務部</option> <option value="co_staff/c/245/">設計部</option> </select> </form> <ul id="staffList"> <li> <a href="co_staff/c/107/108/"> <img src="./assets/article_image_save/WuG202503211447271.jpeg" alt="尾道スタッフ：平田 祥麻"> <h4 class="wf1 bc">尾道スタッフ：平田 祥麻</h4> </a> </li> <li> <a href="co_staff/c/107/248/"> <img src="./assets/article_image_save/TYu202503211544011.jpg" alt="尾道スタッフ：永見 悠斗"> <h4 class="wf1 bc">尾道スタッフ：永見 悠斗</h4> </a> </li> <li> <a href="co_staff/c/107/251/"> <img src="./assets/article_image_save/uQl202503211450471.jpg" alt="尾道スタッフ：森島 寿夫"> <h4 class="wf1 bc">尾道スタッフ：森島 寿夫</h4> </a> </li> <li> <a href="co_staff/c/107/250/"> <img src="./assets/article_image_save/oCR202503211450031.jpg" alt="福山スタッフ：湯浅 達洋"> <h4 class="wf1 bc">福山スタッフ：湯浅 達洋</h4> </a> </li> <li> <a href="co_staff/c/107/249/"> <img src="./assets/article_image_save/uUE202503211449211.jpg" alt="福山スタッフ：中村 元成"> <h4 class="wf1 bc">福山スタッフ：中村 元成</h4> </a> </li> </ul> </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 src="assets/js/swiper.min.js"></script> <script async> var swiper = new Swiper('.swiper-container', { speed:1000, slidesPerView: 5, spaceBetween:10, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', breakpoints: { 1299: {slidesPerView: 4,spaceBetween:20}, 999: {slidesPerView: 3,spaceBetween:20}, 799: {slidesPerView: 2,spaceBetween:20}, 499 : {slidesPerView: 1,spaceBetween:0} } }); </script> <script async> var swiper = new Swiper('.swiper-container-staff', { speed:1000, slidesPerView: 4, spaceBetween:10, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', breakpoints: { 1099: {slidesPerView: 3}, 799: {slidesPerView: 2}, 499: {slidesPerView: 1} } }); </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>