</ 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/2a763a1e944e49b1c72b35e32bc6f6ba.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="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/0692f25c3df072e619251e8e13d08df9-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_photo.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="co_photo/c/25/26/" itemprop="item"><span itemprop="name">地域別</span></a><meta itemprop="position" content="3" /></li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="co_photo/c/25/76/" itemprop="item"><span itemprop="name">福山市</span></a><meta itemprop="position" content="4" /></li> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">広島県福山市</span></a><meta itemprop="position" content="5" /></li> </ul> </div> <div id="articleTitle"> <h1 id="title" class="wf1 tbc">広島県福山市</h1> <h2>“無理でしょ”を可能にしたお家</h2></div> <h2 class="cCat">地域別｜福山市</h2> <div id="container" class="clearfix"> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo1"><img src="/assets/article_image_save/rMu20260302113413a.jpg"></div><div class="sp simple_overlay" id="photo1"><div class="img" style="background-image:url(/assets/article_image_save/rMu20260302113413a.jpg)"><img src="/assets/article_image_save/rMu20260302113413a.jpg" alt="広島県福山市"><a class="showOverlay next" rel="#photo2"></a></div><div class="details rte_area"><div>“無理でしょ”を可能にしたお家</div> <div>部屋数も、駐車場も、庭も。</div> <div>さすがに無理を覆したお家です。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/rMu20260302113413a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/rMu20260302113413a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 1 枚目を表示</span><a class="showOverlay" rel="#photo2">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo2"><img src="/assets/article_image_save/wQu20260302115240a.jpg"></div><div class="sp simple_overlay" id="photo2"><div class="img" style="background-image:url(/assets/article_image_save/wQu20260302115240a.jpg)"><img src="/assets/article_image_save/wQu20260302115240a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo1"></a><a class="showOverlay next" rel="#photo3"></a></div><div class="details rte_area"><div>夕方、テレビを見ながらゴロン。</div> <div>休日はゲームや読書。</div> <div>友達が来たら、ここが自然とたまり場に。</div> <div>LDKの一角にある畳スペースが、暮らしに余白をつくります。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/wQu20260302115240a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/wQu20260302115240a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 2 枚目を表示</span><a class="showOverlay" rel="#photo1">≪ Prev</a><span class="separetor">｜</span><a class="showOverlay" rel="#photo3">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo3"><img src="/assets/article_image_save/Vsp20260302115417a.jpg"></div><div class="sp simple_overlay" id="photo3"><div class="img" style="background-image:url(/assets/article_image_save/Vsp20260302115417a.jpg)"><img src="/assets/article_image_save/Vsp20260302115417a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo2"></a><a class="showOverlay next" rel="#photo4"></a></div><div class="details rte_area"><div>コンパクトな面積でも、視線が抜ける間取り設計。</div> <div>キッチン・ダイニング・リビングが一体となり、</div> <div>実際の広さ以上の解放感を演出します。</div> <div>カウンターは、お子様の宿題スペースや在宅ワークにも活躍。</div> <div>“リビング学習”を自然に取り入れられる設計です。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/Vsp20260302115417a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/Vsp20260302115417a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 3 枚目を表示</span><a class="showOverlay" rel="#photo2">≪ Prev</a><span class="separetor">｜</span><a class="showOverlay" rel="#photo4">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo4"><img src="/assets/article_image_save/abE20260302115117a.jpg"></div><div class="sp simple_overlay" id="photo4"><div class="img" style="background-image:url(/assets/article_image_save/abE20260302115117a.jpg)"><img src="/assets/article_image_save/abE20260302115117a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo3"></a><a class="showOverlay next" rel="#photo5"></a></div><div class="details rte_area"><div>キッチン横に設けた勝手口。</div> <div>ゴミ出しや外への動線がスムーズで日々の家事負担を軽減します。</div> <div>“ちょっと外へ”がすぐできる設計です。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/abE20260302115117a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/abE20260302115117a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 4 枚目を表示</span><a class="showOverlay" rel="#photo3">≪ Prev</a><span class="separetor">｜</span><a class="showOverlay" rel="#photo5">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo5"><img src="/assets/article_image_save/Mnb20260302114730a.jpg"></div><div class="sp simple_overlay" id="photo5"><div class="img" style="background-image:url(/assets/article_image_save/Mnb20260302114730a.jpg)"><img src="/assets/article_image_save/Mnb20260302114730a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo4"></a><a class="showOverlay next" rel="#photo6"></a></div><div class="details rte_area"><div>爽やかなブルーのアクセントクロスが印象的なトイレ空間。</div> <div>独立型の手洗いカウンターを設け、使いやすさと清潔感を両立しました。</div> <div>毎日使う場所だからこそ、心地よく。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/Mnb20260302114730a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/Mnb20260302114730a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 5 枚目を表示</span><a class="showOverlay" rel="#photo4">≪ Prev</a><span class="separetor">｜</span><a class="showOverlay" rel="#photo6">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo6"><img src="/assets/article_image_save/iGO20260302113529a.jpg"></div><div class="sp simple_overlay" id="photo6"><div class="img" style="background-image:url(/assets/article_image_save/iGO20260302113529a.jpg)"><img src="/assets/article_image_save/iGO20260302113529a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo5"></a><a class="showOverlay next" rel="#photo7"></a></div><div class="details rte_area"><div>真っ白なキャンバスのような子ども部屋。</div> <div>今はまだシンプルに。</div> <div>これから増える思い出や趣味に合わせて自由に変化していける空間です。</div> <div>成長とともに、部屋も育ちます。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/iGO20260302113529a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/iGO20260302113529a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 6 枚目を表示</span><a class="showOverlay" rel="#photo5">≪ Prev</a><span class="separetor">｜</span><a class="showOverlay" rel="#photo7">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo7"><img src="/assets/article_image_save/NDd20260302114218a.jpg"></div><div class="sp simple_overlay" id="photo7"><div class="img" style="background-image:url(/assets/article_image_save/NDd20260302114218a.jpg)"><img src="/assets/article_image_save/NDd20260302114218a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo6"></a><a class="showOverlay next" rel="#photo8"></a></div><div class="details rte_area"><div>天井に広がる青空クロス。</div> <div>お子様が毎日ワクワクしながら過ごせる空間です。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/NDd20260302114218a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/NDd20260302114218a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 7 枚目を表示</span><a class="showOverlay" rel="#photo6">≪ Prev</a><span class="separetor">｜</span><a class="showOverlay" rel="#photo8">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo8"><img src="/assets/article_image_save/cXL20260302114310a.jpg"></div><div class="sp simple_overlay" id="photo8"><div class="img" style="background-image:url(/assets/article_image_save/cXL20260302114310a.jpg)"><img src="/assets/article_image_save/cXL20260302114310a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo7"></a><a class="showOverlay next" rel="#photo9"></a></div><div class="details rte_area"><div>限られた面積でも、縦方向に広がりを持たせる設計。</div> <div>勾配天井が奥行きを生み、子ども部屋にゆとりをプラス。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/cXL20260302114310a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/cXL20260302114310a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 8 枚目を表示</span><a class="showOverlay" rel="#photo7">≪ Prev</a><span class="separetor">｜</span><a class="showOverlay" rel="#photo9">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo9"><img src="/assets/article_image_save/CtQ20260302114425a.jpg"></div><div class="sp simple_overlay" id="photo9"><div class="img" style="background-image:url(/assets/article_image_save/CtQ20260302114425a.jpg)"><img src="/assets/article_image_save/CtQ20260302114425a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo8"></a><a class="showOverlay next" rel="#photo10"></a></div><div class="details rte_area"><div>夜勤などで生活時間が異なるご夫婦のために、</div> <div>主寝室には内部カーテンを設置。</div> <div>壁で分けるのではなく、必要なときだけやさしく仕切れる設計に。</div> <div>お互いを気遣いながら暮らせる、思いやりのある空間です。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/CtQ20260302114425a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/CtQ20260302114425a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 9 枚目を表示</span><a class="showOverlay" rel="#photo8">≪ Prev</a><span class="separetor">｜</span><a class="showOverlay" rel="#photo10">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo10"><img src="/assets/article_image_save/CCg20260302113945a.jpg"></div><div class="sp simple_overlay" id="photo10"><div class="img" style="background-image:url(/assets/article_image_save/CCg20260302113945a.jpg)"><img src="/assets/article_image_save/CCg20260302113945a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo9"></a><a class="showOverlay next" rel="#photo11"></a></div><div class="details rte_area"><div>子ども3人分の服、体操服、習い事ウェア。</div> <div>増え続ける衣類も、しっかり収まる大容量。</div> <div>家族で共有することで、「どこにある？」がなくなります。</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/CCg20260302113945a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/CCg20260302113945a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 10 枚目を表示</span><a class="showOverlay" rel="#photo9">≪ Prev</a><span class="separetor">｜</span><a class="showOverlay" rel="#photo11">Next ≫</a></div></div></div> </div> <div class="grid photo"> <div class="imgholder pctb showOverlay" rel="#photo11"><img src="/assets/article_image_save/Lye20260302114612a.jpg"></div><div class="sp simple_overlay" id="photo11"><div class="img" style="background-image:url(/assets/article_image_save/Lye20260302114612a.jpg)"><img src="/assets/article_image_save/Lye20260302114612a.jpg" alt="広島県福山市"><a class="showOverlay prev" rel="#photo10"></a></div><div class="details rte_area"><div>仕事終わりに、少しだけこもれる空間。</div> <div>カウンターと棚を備えた大人のための個室です。</div> <div>家族との時間も、自分の時間も、どちらも大切に！</div><div class="overlayPager"><a class="pin" data-pin-do="buttonPin" href="//www.pinterest.com/pin/create/button/?url=https://www.onomichi-jutaku.com/co_photo/9064ab5da8c96f83608e8554cbacf270-76.html&media=https://www.onomichi-jutaku.com/assets/article_image_save/Lye20260302114612a.jpg&description=広島県福山市"></a><a class="button" href="/assets/article_image_save/Lye20260302114612a.jpg" target="_blank">画像のみを表示</a><span>全 11 枚中 11 枚目を表示</span><a class="showOverlay" rel="#photo10">≪ Prev</a>   </div></div></div> </div> </div> <script src="assets/js/jquery.pinterestGrid.js"></script> <script>$(function() {$(window).on('load', function() {$('#container').pinterestGrid({offsetX:0,offsetY:0,gridElement: '.grid'});});});</script> <div class="rte_area ws4"> <p> </p> <p> </p> <p><strong><span class="wf1">▽▼もっと事例が見たい方におすすめ▽▼</span></strong></p> <p><span class="wf1">写真や間取りを多数掲載！</span><span class="wf1">人気のカタログを無料プレゼント実施中♪</span></p> <p><a href="siryo/select.html"><img class="lrmn" style="display: block; margin-left: auto; margin-right: auto;" src="assets/images/%E4%B8%8B%E9%83%A8%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88/%E8%B3%87%E6%96%99%E8%AB%8B%E6%B1%82%E3%82%BF%E3%83%96.jpg" alt="" width="800" height="208"></a></p> <p> </p> <p><strong>▼▼特別価格にてモデルハウス販売中！▼▼</strong></p> <p><a href="co_bukken/b21c8c498fbc4a53a9c3f56d40eff065-67.html"><img class="lrmn" style="display: block; margin-left: auto; margin-right: auto;" src="assets/images/%E4%B8%8B%E9%83%A8%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88/%E5%B0%BE%E9%81%93%E3%83%A2%E3%83%87%E3%83%AB%E8%B2%A9%E5%A3%B2%E3%82%BF%E3%83%96.jpg" alt="" width="800" height="208"></a></p> <p> </p> <p><strong>▼▼さんわの家 分譲地情報</strong><strong>！▼▼</strong></p> <p><a href="co_bukken/a555c58c9a2ca3da6d4420c5ca854892-279.html"><img class="lrmn" style="display: block; margin-left: auto; margin-right: auto;" src="assets/images/%E4%B8%8B%E9%83%A8%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88/%E5%88%86%E8%AD%B2%E5%9C%B0%E3%82%BF%E3%83%96%28%E5%90%91%E5%B3%B6%29.jpg" alt="" width="800" height="208"></a></p> <p><a href="co_bukken/9bee7df60076987fe9bd888a49056919-68.html"><img class="lrmn" style="display: block; margin-left: auto; margin-right: auto;" src="assets/images/%E4%B8%8B%E9%83%A8%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88/%E5%88%86%E8%AD%B2%E5%9C%B0%E3%82%BF%E3%83%96%28%E5%A4%9A%E6%B2%BB%E7%B1%B3%29.jpg" alt="" width="800" height="208"></a></p> <p> </p> <p> </p> </div> <aside id="association"> <div class="scTitle"> <h3 class="wf1 tbc">地域別 - 福山市 にある<br>その他のフォトギャラリー</h3> </div> <div id="scatList" class="photo"> <div class="swiper-container"> <ul class="swiper-wrapper clearfix"> <li class="swiper-slide"> <a href="co_photo/6cad7636d22b65dbea1c4547653a66ae-76.html"> <div class="thumb"><img src="./assets/article_image_save/jsu20260408092946a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">五感を満たす、オーガニック・モダンな暮らし</h5></a> </li> <li class="swiper-slide"> <a href="co_photo/e227cbf3608e5e4029b717937a997887-76.html"> <div class="thumb"><img src="./assets/article_image_save/BbP20260302092428a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">深みを楽しむネイビーモダンの住まい</h5></a> </li> <li class="swiper-slide"> <a href="co_photo/55acde943c08c54201aa862289d63f42-76.html"> <div class="thumb"><img src="./assets/article_image_save/oWp20260529145454a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">アンティークが似合う、白と木目のナチュラルな家</h5></a> </li> <li class="swiper-slide"> <a href="co_photo/325def1f73e0a9e125425d58169bdb85-76.html"> <div class="thumb"><img src="./assets/article_image_save/esZ20250402191618a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">広々LDKの2階建てのお家</h5></a> </li> <li class="swiper-slide"> <a href="co_photo/7e0ce321556978e98eb56ffa1e3f350b-76.html"> <div class="thumb"><img src="./assets/article_image_save/hHS20250402192505a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">遊び心満載！3階建てのお家</h5></a> </li> <li class="swiper-slide"> <a href="co_photo/900e94fb608cf97353271946b923577a-76.html"> <div class="thumb"><img src="./assets/article_image_save/POx20250408171459a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">仕切って2部屋、つなげて広々。家族想いのお家</h5></a> </li> <li class="swiper-slide"> <a href="co_photo/a57765223521e0ecf051e0ef9290aa5e-76.html"> <div class="thumb"><img src="./assets/article_image_save/Vlj20250408182846a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">子どもも大人もワクワク！ロフトがある暮らし</h5></a> </li> <li class="swiper-slide"> <a href="co_photo/b4c20e8aab2df059c9f7cbfd0a40ee33-76.html"> <div class="thumb"><img src="./assets/article_image_save/cep20250408185859a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">落ち着きと気品が宿る、こだわりの色設計。</h5></a> </li> <li class="swiper-slide"> <a href="co_photo/ad3d97f6db7bb1369ce94865d6cf8bf6-76.html"> <div class="thumb"><img src="./assets/article_image_save/PKE20250313133044a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">ミニマルおしゃれな平屋の暮らし</h5></a> </li> <li class="swiper-slide"> <a href="co_photo/5d22813f5c7f1b114144b544a8013239-76.html"> <div class="thumb"><img src="./assets/article_image_save/TYz20250409101803a.jpg" alt=""></div> <h4 class="tbc">広島県福山市</h4> <h5 class="bc">スタイリッシュかつ華美な邸宅</h5></a> </li> </ul> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </aside> <div class="btnBack"><a href="co_photo/c/25/76/"><span>一覧へ戻る</span></a></div> <div class="catTabList"> <ul class="tab-group"> <li class="tab tab-25 current"><span class="wf1 fwb tac wbc bg">地域別</span></li> <li class="tab tab-186"><a href="co_photo/c/186/187/" class="wf1 fwb tac wbg">新築</a></li> </ul> <div class="panel-group"> <div class="panel tab-25 show"> <ul> <li><a href="co_photo/c/25/26/#category">すべて</a></li> <li><a href="co_photo/c/25/76/#category"class="select lbg wbc">福山市</a></li> <li><a href="co_photo/c/25/206/#category">尾道市</a></li> <li><a href="co_photo/c/25/207/#category">三原市</a></li> <li><a href="co_photo/c/25/208/#category">その他</a></li> </ul> </div> <div class="panel tab-186"> <ul> <li><a href="co_photo/c/186/187/#category">すべて</a></li> <li><a href="co_photo/c/186/188/#category">平屋建て</a></li> <li><a href="co_photo/c/186/189/#category">2階建て</a></li> <li><a href="co_photo/c/186/210/#category">3階建て</a></li> </ul> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function(){ const tabs = document.getElementsByClassName('tab'); for(let i = 0; i < tabs.length; i++) { tabs[i].addEventListener('click', tabSwitch, false); } function tabSwitch(){ document.getElementsByClassName('current')[0].classList.remove('current'); this.classList.add('current'); document.getElementsByClassName('show')[0].classList.remove('show'); const arrayTabs = Array.prototype.slice.call(tabs); const index = arrayTabs.indexOf(this); document.getElementsByClassName('panel')[index].classList.add('show'); }; }, false); </script> <aside id="bottomMenu"> <h2 class="wf1 abc bdb sld lbl">施工事例</h2> <nav> <ul class="flx wrap"> <li class="hover"><a class="wf1" href="co_photo.html">フォトギャラリー</a></li> <li ><a class="wf1" href="co_seko_voice.html">現場レポート</a></li> <li ><a class="wf1" href="co_kanko_voice.html">完工事例</a></li> <li ><a class="wf1" href="co_visit.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 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 type="text/javascript" defer src="//assets.pinterest.com/js/pinit.js"></script> <script src="assets/js/jquery.tools.min.js"></script> <script defer> jQuery.noConflict(); jQuery(function() { jQuery(".showOverlay").overlay({ mask:{ loadSpeed:0,// マスクの開く速度（ミリ秒） closeSpeed:0,// マスクの閉じる速度（ミリ秒） closeOnClick:true,// クリックした時に閉じるか？ closeOnEsc:true,// ESCボタンによるクローズを許可するか？ opacity:1,// 透明度 color:"#000"// マスクの色 } }); }); </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>