</ 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_event_rp.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_event_rp/802e61459f1d0b27a2990be6f64a5ffd.html" itemprop="item"><span itemprop="name">外観美 × 吹抜け空間 【お施主様宅:完成見学会】</span></a><meta itemprop="position" content="2" /></li> </ul> </div> <div id="eventInfo"> <div class="icon"><img src="./assets/article_image_save/IsV202408141139141.gif" alt="外観美 × 吹抜け空間 【お施主様宅:完成見学会】"><span class="end">◆終了しました</span> </div> <h1 id="title" class="wf1 tbc">外観美 × 吹抜け空間 【お施主様宅:完成見学会】</h1> <ul class="dateplace"> <li>日時：9月27日(土).28日(日) 10:00～17:00</li><li>場所：尾道市向島町</li></ul> <div id="eyecatch"><img src="./assets/article_image_save/lYh20250922191753r.jpg" alt="外観美 × 吹抜け空間 【お施主様宅:完成見学会】"></div> <div id="formBtn" class="linkBtn dn"><a href="#reservation">お申し込み</a></div> </div> <div class="rte_area"> <p><img style="display: block; margin-left: auto; margin-right: auto;" src="assets/images/sonota/9.22.jpg" alt="" width="800" height="800"></p> <p style="text-align: center;"><img src="assets/images/sonota/9.22%202.jpg" alt="" width="800" height="800"></p> <p style="text-align: center;"><img src="assets/images/sonota/9.22%203.jpg" alt="" width="800" height="800"></p> <p> </p> <p> </p> <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="bottomMenu"> <h2 class="wf1 abc bdb sld lbl">イベント</h2> <nav> <ul class="flx wrap"> <li ><a class="wf1" href="co_event.html">イベント予告</a></li> <li class="hover"><a class="wf1" href="co_event_rp.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>