</noscript> <div class="wrap-all"> <!-- template_var.mario_header start --> <div class="container"> <header> <p class="tab" style="background-color: #fff2d9; text-align: center; height:20px; line-height:20px; font-size:12px;">電話予約センター/0120-753-438 受付時間/10:00~19:00</p> <div class="wrp"> <div class="header-inr pc_tab"> <div class="header-logo pc_tab"><a class="trans" href="/"><img src="/img/common/logo_2021.png" alt="スタジオマリオ" style="width:134px; height:74px; margin-top:10px;"></a></div> <nav class="g-nav"> <ul class="g-nav-inr"> <li id="nav_menu" class="wrp_mega"><div class="btn_mega"><span>撮影メニュー</span></div> <div class="mega_menu mega_b"> <div class="mega_contents"> <div class="btn_black btn_close center trans">閉じる</div> <div class="ttl_area"> <h2 class="h2_mega">撮影メニュー</h2> <a class="btn_yellow_menu trans" href="/event/">一覧を見る</a> </div> <div class="mega_l"> <h3 class="h3_mega">おすすめ撮影</h3> <p class="img_mega"><picture><source media="(min-width: 1025px)" srcset="/img/RN/2107/gn_1.jpg" alt="おすすめ撮影"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==" alt="おすすめ撮影"></picture></p> <ul class="list_mega"> <li class="w_50"><a href="/event/753/">七五三</a></li> <li class="w_50"><a href="/event/omiya/">お宮参り</a></li> <li class="w_50"><a href="/event/momoka/">百日祝い・お食い初め</a></li> <li class="w_50"><a href="/event/birthday/">お誕生日（バースデーフォト）</a></li> <li class="w_50"><a href="/event/halfbirthday/">ハーフバースデー</a></li> <li class="w_50"><a href="/event/maternity/">マタニティ</a></li> <li class="w_100"><a href="/event/wanwan/">「いないいないばあっ！」なかよしフォト</a></li> </ul> </div> <div class="mega_r"> <h3 class="h3_mega">通年撮影</h3> <p class="img_mega"><picture><source media="(min-width: 1025px)" srcset="/img/RN/2107/gn_2.jpg" alt="通年撮影"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==" alt="通年撮影"></picture></p> <ul class="list_mega"> <li class="w_50"><a href="/event/enter/">入園・入学</a></li> <li class="w_50"><a href="/event/graduate/">卒園・卒業</a></li> <li class="w_50"><a href="/event/sekku/momo/">桃の節句・ひな祭り</a></li> <li class="w_50"><a href="/event/sekku/tango/">端午の節句</a></li> <li class="w_50"><a href="/event/totose/">十歳（ととせ）の祝い</a></li> <li class="w_50"><a href="/event/13/">十三祝い</a></li> <li class="w_50"><a href="/event/comingofage/">成人式</a></li> <li class="w_50"><a href="/event/college/">大学卒業</a></li> <li class="w_50"><a href="/event/family/">家族写真</a></li> <li class="w_50"><a href="/event/idphoto/">証明写真</a></li> <li class="w_100"><a href="/event/adult/">大人の記念日（結婚・長寿・還暦祝い）</a></li> <li class="w_50"><a href="/event/profile/">プロフィール・宣材写真</a></li> </ul> </div> </div> </div> </li> <li id="nav_campaign"><a href="/campaign/"><span>ピックアップ</span></a></li> <li id="nav_service"><a href="/service/"><span>マリオの魅力</span></a></li> <li id="nav_fee" class="wrp_mega"><div class="btn_mega"><span>商品・料金案内</span></div> <div class="mega_menu mega_g"> <div class="mega_contents"> <div class="btn_black btn_close center trans">閉じる</div> <div class="ttl_area"> <h2 class="h2_mega">商品・料金案内</h2> <a class="btn_yellow_menu trans" href="/fee/">一覧を見る</a> </div> <div class="mega_l"> <h3 class="h3_mega">単品商品</h3> <p class="img_mega"><picture><source media="(min-width: 1025px)" srcset="/img/fee/gn_tanpin.jpg" alt="単品商品"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==" alt="単品商品"></picture></p> <ul class="list_mega"> <li class="w_50"><a href="/fee/mycole/">写真集</a></li> <li class="w_50"><a href="/fee/design/">台紙</a></li> <li class="w_50"><a href="/fee/album/">アルバム</a></li> <li class="w_50"><a href="/fee/print/">プリント写真</a></li> <li class="w_50"><a href="/fee/photoframe/">フォトフレーム</a></li> <li class="w_50"><a href="/fee/photocd/">画像データ販売</a></li> <li class="w_50"><a href="/fee/goods/">フォトグッズ</a></li> <li class="w_100"><a href="/fee/wanwan/">「いないいないばあっ！」なかよしフォトグッズ</a></li> </ul> </div> <div class="mega_r"> <h3 class="h3_mega">セット商品</h3> <p class="img_mega"><picture><source media="(min-width: 1025px)" srcset="/img/RN/2107/gn_4.jpg" alt="セット商品"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==" alt="セット商品"></picture></p> <ul class="list_mega"> <li class="w_50"><a href="/fee/standard/">スタンダードセット</a></li> <li class="w_50"><a href="/fee/data_main/">データメインセット</a></li> <li class="w_100"><a href="/fee/premium_wanwan/">「いないいないばあっ！」デザイン商品オリジナルセット</a></li> </ul> </div> </div> </div> </li> <li id="nav_costume"><a href="/costume/"><span>衣装一覧</span></a></li> <li id="nav_shooting"><a href="/shooting/"><span>撮影の流れ</span></a></li> <div class="box_cv"> <p><span>電話予約センター/0120-753-438</span>受付時間/10:00~19:00</p> <div class="box_btn"> <li id="btn-store"><a href="https://yoyaku.studio-marios.com/public/shop/index.jsp;" target="_blank" rel="noopener">店舗検索</a></li> <li id="btn-reserve"><a href="https://yoyaku.studio-marios.com/public/studio/link.do?sc=6248&noc=1" onclick="ga('send', 'event', 'click', 'netyoyaku', 'ヘッダー予約');" target="_blank" rel="noopener">ネット予約</a></li> </div> </div> </ul> </nav> </div> <div class="header-inr tab"> <div class="header-logo-sp tab"> <a class="trans" href="/"><img src="/img/common/logo_2021.png" alt="スタジオマリオ"></a> </div> <nav class="g-nav-sp tab"> <div id="button-menu" class="btn-gnav-sp"> <span class="line"></span> <span class="line"></span> <span class="line"></span> <span class="txt">メニュー</span> </div> <ul class="g-nav-inr-sp"> <li id="icon-store"><a href="https://yoyaku.studio-marios.com/public/shop/index.jsp" onclick="ga('send', 'event', 'click', 'tenpo', 'ヘッダー店舗検索');"><span style="letter-spacing: -0.1em;background-size: 25px;">お近くのマリオ</span></a></li> <li id="icon-reserve"><a href="https://yoyaku.studio-marios.com/public/studio/link.do?sc=6248&noc=1" onclick="ga('send', 'event', 'click', 'netyoyaku', 'ヘッダー予約');"><span>ネット予約</span></a></li> <li id="icon-menu"><a href="/event/" onclick="ga('send', 'event', 'click', 'event', 'ヘッダー撮影メニュー');"><span>撮影メニュー</span></a></li> </ul> </nav> </div> </div> </header> <div id="mega_overlay"></div> <div class="overlay" id="overlay"></div> <div class="tab navi-sm" id="navi-sm"> <div class="flex"> <ul> <li><a class="trans" href="/event/"><i><img src="/img/RN/nav_menu.svg" alt=""></i><p>撮影メニュー</p></a></li> <li><a class="trans" href="/campaign/"><i><img src="/img/RN/nav_campaign.svg" alt=""></i><p>ピックアップ</p></a></li> <li><a class="trans" href="/service/"><i><img src="/img/RN/nav_service.svg" alt=""></i><p>マリオの魅力</p></a></li> <li><a class="trans" href="/fee/"><i><img src="/img/RN/nav_fee.svg" alt=""></i><p>商品・料金案内</p></a></li> <li><a class="trans" href="/costume/"><i><img src="/img/RN/nav_costume.svg" alt=""></i><p>衣装一覧</p></a></li> <li><a class="trans" href="/shooting/"><i><img src="/img/RN/nav_shooting.svg" alt=""></i><p>撮影の流れ</p></a></li> </ul> </div> <div class="cover"> <ul> <li><a class="trans" href="/service/qa/">よくある質問</a></li> <li><a class="trans" href="https://www.studio-marios.com/blogs/">店舗ブログ</a></li> <li><a class="trans" href="https://member.kitamura.jp/account/mypage" target="_blank" rel="noopener">会員登録</a></li> <li class="col2-nav"> <a class="trans online-booking" href="https://yoyaku.studio-marios.com/public/studio/link.do?sc=6248&noc=1" target="_blank" rel="noopener">ネット予約</a> <a class="trans find-store" href="https://yoyaku.studio-marios.com/public/shop/index.jsp" target="_blank" rel="noopener">店舗検索</a> </li> </ul> <div class="banner-navi"><a class="trans" href="/"><img src="/img/common/icon-footer01.png" alt="スタジオマリオ"></a><a class="trans" href="https://www.kitamura.jp/" target="_blank" rel="noopener"><img src="/img/common/icon-footer02.png" alt="image"></a></div> <div class="text-navi">スタジオマリオはカメラのキタムラが<br />運営するフォトスタジオです</div> </div> </div> <!-- template_var.mario_header end --> <div id="wrap"> <div class="wrap-inner"> <nav id="topics-path"> <ol> <li><a href="https://www.studio-marios.com/">スタジオマリオTOP</a></li> <li><a href="/blogs/">店舗ブログTOP</a></li> <li><a href="https://www.studio-marios.com/blogs/01/">北海道</a></li> <li><a href="https://www.studio-marios.com/blogs/01/103/">札幌市東区</a></li> <li><a href="https://www.studio-marios.com/blogs/01/6248/">札幌・元町店</a></li> <li class="current">新着ブログ記事一覧</li> </ol> </nav> <li><a href="https://www.studio-marios.com/blogs/01/6248/">札幌・元町店</a></li> <li class="current">2025年12月</li> <div id="main"> <section class="shop-title"> <h1 class="shop-name">スタジオマリオ<a href="https://www.studio-marios.com/blogs/01/6248/">札幌・元町店</a></h1> <nav class="favorite"><a class="favorite regist" href="#">お気に入り登録</a></nav> </section> <section id="article-list"> <h1>2025年12月の記事一覧</h1> <div class="article-wrap"> <div class="inner"> <article> <span class="newmark" title="2025年12月04日10時00分">NEW</span> <div class="thumbnail"> <a href="https://www.studio-marios.com/blogs/01/6248/2025/11/12068335.html"> <img src="https://www.studio-marios.com/blogs/01/6248/images/fv_ttl-fbc4e.png"> </a> </div> <div class="summary"> <aside> <ul> <li>札幌・元町店</li> <li>2025.12.04 木曜日 10:00</li> </ul> </aside> <p><a href="https://www.studio-marios.com/blogs/01/6248/2025/11/12068335.html">☆3歳の七五三はお得な限定パックがおすすめ☆</a></p> <div class="body">札幌市東区・北区・白石区・苗穂・元町のみなさま、こんにちは！カメラのキタムラの… <p class="more"><a href="https://www.studio-marios.com/blogs/01/6248/2025/11/12068335.html">つづきをみる</a></p></div> </div> </article> <article> <span class="newmark" title="2025年12月02日10時00分">NEW</span> <div class="thumbnail"> <a href="https://www.studio-marios.com/blogs/01/6248/2025/11/12068611.html"> <img src="https://www.studio-marios.com/blogs/01/6248/images/top-94f5c.jpg"> </a> </div> <div class="summary"> <aside> <ul> <li>札幌・元町店</li> <li>2025.12.02 火曜日 10:00</li> </ul> </aside> <p><a href="https://www.studio-marios.com/blogs/01/6248/2025/11/12068611.html">☆成人式撮影ご予約承り中☆</a></p> <div class="body">札幌市東区、北区、白石区のみなさまこんにちは！スタジオマリオ札幌元町店です＾＾… <p class="more"><a href="https://www.studio-marios.com/blogs/01/6248/2025/11/12068611.html">つづきをみる</a></p></div> </div> </article> <nav class="article-pager"> <ul> <li class="prev"><a href="https://www.studio-marios.com/blogs/01/6248/2025/12/index-1.html" title="前のページへ">前のページへ</a></li> </ul> </nav> </div> </div> </section><!-- /#article-list --> <aside class="btn-snsbookmark"> <div id="bookmarks-mario-thin-after"></div> </aside> </div><!-- /#main --> <div id="side"> <section id="shop-info"> <h2>店舗情報</h2> <div class="contents"> <div class="inner"> <div class="shop-image"><img src="https://www.studio-marios.com/blogs/01/6248/images/shop_info/shop_image.jpg?1719797730" alt="店舗画像"></div> <dl class="address"> <dt>住所</dt> <dd>北海道札幌市東区北２５条東２１丁目１番１号</dd> </dl> <dl class="time"> <dt>営業時間：</dt> <dd>10:00-19:00</dd> </dl> <dl class="tel"> <dt>電話番号：</dt> <dd>011-788-1766</dd> </dl> <dl class="freedial"> <dt>フリーダイアル：</dt> <dd>0120-753-597<span class="freedial-caption">（通話無料）</span></dd> </dl> <dl class="innershop"> <dd> <a class="kitamura" href="https://blog.kitamura.jp/01/4870/" target="_blank">店内にカメラのキタムラがあります</a> </dd> </dl> <dl class="customerarea"> <dt>この店舗の近隣地域：</dt> <dd>北海道札幌市、北海道東区、北海道北区、北海道中央区、北海道白石区</dd> </dl> </div> </div> </section> <section id="shop-calander"> <h2>予約状況カレンダー</h2> <script src="/blogs/contents/js/banner_reserve_campaign_mario.js"></script> <div class="contents"> <div class="inner"> <script type="text/javascript"> function mario_change_calendar(sid,month,type) { $.get("https://www.studio-marios.com/blogs/cgi/mario_reserve_system_api?mode=json&sid=" + sid + "&month=" + month + '&type=' + type, function(data,status){ $("#mario_reserve_system_api_calendar").html(data.content); }); } </script> <script type="text/javascript" src="https://www.studio-marios.com/blogs/cgi/mario_reserve_system_api?mode=document_write&sid=6248&type=monthly"></script> <div class="shop-info"><strong>札幌・元町店</strong><br>の予約空き状況のご確認、ネット予約がご利用いただけます<br>「TEL」のお日にちは、お電話にて直接店舗へお問い合わせください</div> </div> </section> <section id="shop-campaign"> <p class="plugin-title">ピックアップ</p> <div class="contents"> <div class="inner"> <script src="https://blog.kitamura.jp/contents/js/campaign_for_m.js" type="text/javascript"></script> <script src="https://blog.kitamura.jp/contents/js/campaign_for_m_more.js" type="text/javascript"></script> </div> </div> </section> <section id="archives"> <h2>過去のブログ</h2> <div class="contents"> <ul> <li><a href="https://www.studio-marios.com/blogs/01/6248/2025/12/index-1.html">2025年12月 </a>(12)</li> <li><a href="https://www.studio-marios.com/blogs/01/6248/2025/11/index-1.html">2025年11月 </a>(8)</li> <li><a href="https://www.studio-marios.com/blogs/01/6248/2025/06/index-1.html">2025年06月 </a>(1)</li> <li><a href="https://www.studio-marios.com/blogs/01/6248/2025/05/index-1.html">2025年05月 </a>(1)</li> </ul> </div> </section> <section id="tagcloud"> <p class="plugin-title">ブログカテゴリ</p> <div class="contents"> <ul id="tag_cloud_274344"> <li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E5%8D%92%E5%9C%92%E3%83%BB%E5%8D%92%E6%A5%AD/list-1.html" class="_tag" title="卒園・卒業">卒園・卒業</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E3%83%9E%E3%82%BF%E3%83%8B%E3%83%86%E3%82%A3/list-1.html" class="_tag" title="マタニティ">マタニティ</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E6%88%90%E4%BA%BA%E5%BC%8F/list-1.html" class="_tag" title="成人式">成人式</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E7%AF%80%E5%8F%A5/list-1.html" class="_tag" title="節句">節句</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E5%85%A5%E5%9C%92%E3%83%BB%E5%85%A5%E5%AD%A6/list-1.html" class="_tag" title="入園・入学">入園・入学</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E3%83%96%E3%83%AD%E3%82%B0%E5%86%99%E7%9C%9F%E5%B1%95/list-1.html" class="_tag" title="ブログ写真展">ブログ写真展</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E6%92%AE%E5%BD%B1%E3%83%BB%E5%95%86%E5%93%81%E3%81%AE%E6%A1%88%E5%86%85/list-1.html" class="_tag" title="撮影・商品の案内">撮影・商品の案内</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E3%83%94%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97/list-1.html" class="_tag" title="ピックアップ">ピックアップ</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E3%81%8A%E7%9F%A5%E3%82%89%E3%81%9B/list-1.html" class="_tag" title="お知らせ">お知らせ</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E3%81%8A%E5%AE%AE%E5%8F%82%E3%82%8A/list-1.html" class="_tag" title="お宮参り">お宮参り</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E7%99%BE%E6%97%A5%E3%83%BB%E3%81%8A%E9%A3%9F%E3%81%84%E5%88%9D%E3%82%81/list-1.html" class="_tag" title="百日・お食い初め">百日・お食い初め</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E3%81%8A%E8%AA%95%E7%94%9F%E6%97%A5/list-1.html" class="_tag" title="お誕生日">お誕生日</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E4%B8%83%E4%BA%94%E4%B8%89/list-1.html" class="_tag" title="七五三">七五三</a></li><li><a href="https://www.studio-marios.com/blogs/01/6248/tag/%E5%8D%81%E6%AD%B3%E3%81%AE%E7%A5%9D%E3%81%84%E3%83%BB%E5%8D%81%E4%B8%89%E7%A5%9D%E3%81%84/list-1.html" class="_tag" title="十歳の祝い・十三祝い">十歳の祝い・十三祝い</a></li> </ul> </div> </section> <section id="article-search"> <form method="get" action="https://www.studio-marios.com/blogs/01/6248/pages/user/search/" class="sASform" name="form274353" id="form274353"> <input type="text" class="inputkeyword" value="" name="keyword"> <button type="submit" class="input-submit">ブログ内<br>検索</button> </form> </section> <section id="recruit-banner"> <a href="https://studio-mario-job.net/brand-jobfind/area/All?freeword=スタジオマリオ 札幌・元町店"><img src="/res/blogs/img/mario_store.png" alt="スタジオマリオ アルバイト" width="280"></a> </section> </div><!-- /#side --> </div><!-- /.wrap-inner --> </div><!-- /#wrap --> <!-- template_var.mario_footer start --> <footer> <div class="go-to-top"><img src="/img/common/icon-top.png" alt="banner"></div> <div class="stick-ft sm"> <div class="inner"> <a class="calendar" href="https://yoyaku.studio-marios.com/public/studio/link.do?sc=6248&noc=1" onclick="ga('send', 'event', 'click', 'netyoyaku', 'フッター予約');" target="_blank" rel="noopener">24時間受付<br />かんたんネット予約</a> <a class="cal" href="tel:0120-753-438" onclick="ga('send', 'event', 'click', 'denwa', 'フッター電話');">10時～19時<br /><span style="font-size: 14px;">電話予約センター</span></a> </div> </div> <div class="top-footer"> <div class="wrapper"> <div class="list-icon-footer"><a class="trans" href="/"><img src="/img/common/icon-footer01.png" alt="スタジオマリオ" width="80px" height="80px"></a><a class="trans" href="https://www.kitamura.jp/" target="_blank" rel="noopener"><img src="/img/common/icon-footer02.png" alt="カメラのキタムラ" width="80px" height="80px"></a></div> <p class="text-ft">スタジオマリオはカメラのキタムラが<br class="sm">運営するフォトスタジオです。</p> </div> </div> <div class="wrp_link"> <ul> <li><a class="trans" href="/event/">撮影メニュー</a></li> <li><span>｜</span></li> <li><a class="trans" href="/campaign/">ピックアップ</a></li> <li><span>｜</span></li> <li><a class="trans" href="/service/">マリオの魅力</a></li> <li><span>｜</span></li> <li><a class="trans" href="/fee/">商品・料金案内</a></li> <li><span>｜</span></li> <li><a class="trans" href="/costume/">衣装一覧</a></li> <li><span>｜</span></li> <li><a class="trans" href="/shooting/">撮影の流れ</a></li> <li><span>｜</span></li> <li><a class="trans" href="/blogs/">店舗ブログ</a></li> <li><span>｜</span></li> <li><a class="trans" href="https://yoyaku.studio-marios.com/public/studio/link.do?sc=6248&noc=1" target="_blank" rel="noopener">ネット予約</a> </li> </ul> <ul> <li><a class="trans" href="/sitemap/">サイトマップ</a></li> <li><span>｜</span></li> <li><a class="trans" href="https://yoyaku.studio-marios.com/public/shop/index.jsp" target="_blank" rel="noopener">店舗検索</a></li> <li><span>｜</span></li> <li><a class="trans" href="https://www.kitamura.co.jp/recruit/top.html" target="_blank" rel="noopener">採用情報</a></li> <li><span>｜</span></li> <li><a class="trans" href="https://www.kitamura.co.jp/info/mario.html" target="_blank" rel="noopener">会社概要</a></li> <li><span>｜</span></li> <li><a class="trans" href="https://www.kitamura.co.jp/news/" target="_blank" rel="noopener">ニュースリリース</a> </li> <li><span>｜</span></li> <li><a class="trans" href="https://www.kitamura.co.jp/policy/privacy.html" target="_blank" rel="noopener">個人情報保護方針</a></li> </ul> </div> <div class="wrp_copy">©2023, KITAMURA Co., Ltd. All Rights Reserved.</div> </footer> <!-- template_var.mario_footer end --> </div> <script charset="utf-8" src="https://www.studio-marios.com/js/bl-bookmarks-mario-thin.js"></script> <script type="text/javascript" src="https://blog.kitamura.jp/js/mario_reserve_system.js"></script> <script type="text/javascript" src="https://yoyaku.studio-marios.com/public/tools/cookieShop.do?sc=6248"></script> <!-- common footer --> </div><script>var cookieConsentStyles=":root { --main-color: #477a62; --accent-color: #33ab74; --hover-text-color: #f9fcf8; --hover-bg-color: #292930; --bg-color: #f9fcf8; --icon-color: #477a62; --text-primary: #292930; --text-secondary: #477a62; --link-color: #33ab74; --link-hover: #a9e884; --success: #33ab74; --warning: #a9e884; --error: #e85c41; --primary-gradient: linear-gradient(90deg, #477a62, #33ab74); --accent-gradient: linear-gradient(90deg, #33ab74, #a9e884); --shadow-small: 0 2px 4px rgba(41, 41, 48, 0.08); --shadow-medium: 0 4px 8px rgba(41, 41, 48, 0.12); --shadow-large: 0 8px 16px rgba(41, 41, 48, 0.16); --border-radius-small: 4px; --border-radius-medium: 8px; --border-radius-large: 12px; --transition-default: 0.3s ease; --transition-fast: 0.15s ease; --transition-slow: 0.5s ease;}.cookie-consent-banner { position: fixed; bottom: 200px; left: 0; right: 0; background-color: var(--bg-color); box-shadow: var(--shadow-large); padding: 1.5rem; z-index: 9999; display: none; flex-direction: column; max-width: 100%; border-top: 3px solid var(--main-color);}.cookie-consent-banner h3 { margin-top: 0; margin-bottom: 1rem; font-size: 1.25rem;}.cookie-consent-banner p { margin-bottom: 1.5rem; font-size: 0.9rem; line-height: 1.4;}.cookie-consent-options { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;}.cookie-consent-options label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; cursor: pointer;}.cookie-consent-buttons { display: flex; gap: 1rem; flex-wrap: wrap;}.cookie-consent-button { padding: 0.5rem 1rem; border-radius: var(--border-radius-small); font-weight: 500; cursor: pointer; transition: var(--transition-default); border: none; font-size: 0.9rem;}.cookie-consent-button:hover { transform: scale(1.05);}.btn-success { background-color: var(--success); color: white;}.btn-outline { background-color: transparent; border: 1px solid var(--main-color); color: var(--main-color);}.btn-outline:hover { background-color: var(--hover-bg-color); color: var(--hover-text-color);}.btn-grayscale { background-color: #e0e0e0; color: var(--text-primary);}@media (min-width: 768px) { .cookie-consent-banner { max-width: 800px; margin: 0 auto; right: 0; left: 0; bottom: 1rem; border-radius: var(--border-radius-medium); border: 1px solid rgba(0,0,0,0.1); border-top: 3px solid var(--main-color); }}"; window.dataLayer=window.dataLayer||[];localStorage.getItem("consentMode")===null?window.dataLayer.push({event:"default_consent",consent_mode:{functionality_storage:"denied",security_storage:"denied",ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied",analytics_storage:"denied",personalization_storage:"denied"},wait_for_update:500}):window.dataLayer.push({event:"default_consent",consent_mode:JSON.parse(localStorage.getItem("consentMode"))});window.onload=function(){function c(){return navigator.doNotTrack=="1"||window.doNotTrack=="1"}function d(){var a=JSON.parse(window.localStorage.getItem("consentMode"));a&&a.functionality_storage&&(a.functionality_storage=="granted"?(document.querySelector("#consent-necessary").checked=!0,document.querySelector("#consent-necessary").disabled=!0):(document.querySelector("#consent-necessary").checked=!1,document.querySelector("#consent-necessary").disabled=!1),document.querySelector("#consent-analytics").checked=a.analytics_storage=="granted"?!0:!1,document.querySelector("#consent-preferences").checked=a.personalization_storage=="granted"?!0:!1,document.querySelector("#consent-marketing").checked=a.ad_storage=="granted"?!0:!1,document.querySelector("#consent-partners").checked=a.ad_personalization=="granted"?!0:!1);e.style.display="flex"}function b(){e.style.display="none"}function f(a){a={ad_storage:a.marketing&&!c()?"granted":"denied",analytics_storage:a.analytics&&!c()?"granted":"denied",ad_user_data:a.marketing&&!c()?"granted":"denied",ad_personalization:!a.partners||navigator.globalPrivacyControl||window.globalPrivacyControl?"denied":"granted",functionality_storage:a.necessary?"granted":"denied",personalization_storage:a.preferences?"granted":"denied",security_storage:a.necessary?"granted":"denied"};window.cookieconsent.consentMode=a;window.dataLayer.push({event:"update_consent",consent_mode:a});localStorage.setItem("consentMode",JSON.stringify(a))}var g=document.createElement("style");g.textContent=cookieConsentStyles;document.head.appendChild(g);g='<div id="cookie-consent-banner" class="cookie-consent-banner"><h3>このウェブサイトはクッキーを使用しています</h3><p>当サイトでは、コンテンツやお知らせの個別化、ソーシャルメディア機能の提供、トラフィックの分析のためにクッキーを使用しています。また、お客様のサイト利用状況に関する情報を、ソーシャルメディア、広告、分析のパートナーと共有する場合があります。これらのパートナーは、お客様が当社のサービスを利用する際に提供された、または収集された他の情報と組み合わせることがあります。</p><div class="cookie-consent-options"><label><input id="consent-necessary" type="checkbox" value="Necessary" checked disabled>必要なクッキー</label><label><input id="consent-analytics" type="checkbox" value="Analytics" checked>分析用クッキー</label><label><input id="consent-marketing" type="checkbox" value="Marketing" checked>マーケティング用クッキー</label><label><input id="consent-preferences" type="checkbox" value="Preferences" checked>設定用クッキー</label><label><input id="consent-partners" type="checkbox" value="Partners">パートナー用クッキー</label></div><div class="cookie-consent-buttons"><button id="cookie-consent-btn-reject-all" class="cookie-consent-button btn-grayscale">すべて拒否</button><button id="cookie-consent-btn-accept-some" class="cookie-consent-button btn-outline">選択を受け入れる</button><button id="cookie-consent-btn-accept-all" class="cookie-consent-button btn-success">すべて受け入れる</button></div></div>';document.body.insertAdjacentHTML("beforeend",g);var e=document.body.lastElementChild;window.cookieconsent={show:d,hide:b};e&&(Array.from(document.querySelectorAll(".cookie-consent-banner-open")).map(function(a){a.addEventListener("click",function(){d()})}),window.localStorage.getItem("consentMode")?b():d(),e.querySelector("#cookie-consent-btn-accept-all").addEventListener("click",function(){f({necessary:!0,analytics:!0,preferences:!0,marketing:!0,partners:!0});b()}),e.querySelector("#cookie-consent-btn-accept-some").addEventListener("click",function(){f({necessary:!0,analytics:document.querySelector("#consent-analytics").checked,preferences:document.querySelector("#consent-preferences").checked,marketing:document.querySelector("#consent-marketing").checked,partners:document.querySelector("#consent-partners").checked});b()}),e.querySelector("#cookie-consent-btn-reject-all").addEventListener("click",function(){f({necessary:!0,analytics:!1,preferences:!1,marketing:!1,partners:!1});b()}))};</script></body> </html>