</noscript> <!-- End Google Tag Manager (noscript) --> <script src="//d.adlpo.com/200/2213/js/smartadlpo.js" type="text/javascript"></script> <script src="/js/jquery.min.js"></script> <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 <!-- 年末用 --><!-- 電話予約センター：12/31は18時まで 1/1・1/2はお休み --><!-- 年末用 --> </p> <div class="wrp"> <div class="header-inr pc_tab"> <div class="header-logo pc_tab"> <div class="list-icon-header"> <a class="trans" href="/"> <img decoding="async" src="/img/common/icon-footer01.png" alt="スタジオマリオ" width="60" height="60"> </a> <a class="trans" href="https://www.kitamura.jp/" target="_blank" rel="noopener" aria-label="カメラのキタムラ - 新しいタブで開く"> <img decoding="async" src="/img/common/icon-footer02.png" alt="カメラのキタムラ" width="60" height="60"> </a> </div> </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=="> </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/2405/gn_2_2024.jpg" alt="通年撮影"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg=="> </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>お得な情報<br>キャンペーン</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=="> </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_50"><a href="/fee/nenga/">年賀状</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=="> </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> <!--<li><a href="/line/"><span>お得な会員登録</span></a></li>--> <div class="box_cv"> <p><span>電話予約センター/0120-753-438</span>受付時間/10:00~19:00 <!-- 年末用 --><!-- 電話予約センター：12/31は18時まで 1/1・1/2はお休み --><!-- 年末用 --> </p> <div class="box_btn"> <li id="btn-store"><a href="https://yoyaku.studio-mario.net/public/shop/index.jsp;" target="_blank" rel="noopener">店舗検索</a></li> <li id="btn-reserve"><a href="https://yoyaku.studio-mario.net/public/?_ga=2.129336716.1482000430.1625443094-1523308837.1599203019" onclick="ga('send', 'event', 'click', 'netyoyaku', 'ヘッダー予約');" target="_blank" rel="noopener" referrerpolicy="no-referrer-when-downgrade">ネット予約</a></li> </div> </div> </ul> </nav> </div> <div class="header-inr tab"> <div class="header-logo-sp tab"> <div class="list-icon-header"> <a class="trans" href="/"> <img decoding="async" src="/img/common/icon-footer01.png" alt="スタジオマリオ" width="60" height="60"> </a> <a class="trans" href="https://www.kitamura.jp/" target="_blank" rel="noopener" aria-label="カメラのキタムラ - 新しいタブで開く"> <img decoding="async" src="/img/common/icon-footer02.png" alt="カメラのキタムラ" width="60" height="60"> </a> </div> </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">MENU</span> </div> <ul class="g-nav-inr-sp"> <li id="icon-store"><a href="https://yoyaku.studio-mario.net/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-mario.net/public/?_ga=2.129336716.1482000430.1625443094-1523308837.1599203019" onclick="ga('send', 'event', 'click', 'netyoyaku', 'ヘッダー予約');" target="_blank" rel="noopener" referrerpolicy="no-referrer-when-downgrade"><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>お得な情報<br>キャンペーン</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-mario.net/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-mario.net/public/" target="_blank" rel="noopener" referrerpolicy="no-referrer-when-downgrade">ネット予約</a> <a class="trans find-store" href="https://yoyaku.studio-mario.net/public/shop/index.jsp" target="_blank" rel="noopener">店舗検索</a> </li> </ul> </div> </div> <div class="page-campaign"> <div class="breadcrunb md"> <div class="wrapper"><div class="bread-crumb md"> <ul> <li><a class="trans" href="/">スタジオマリオTOP</a></li> <li><span><img decoding="async" src="/img/common/icon-arrow.png" alt="衣装一覧"></span></li> <li><a class="trans" href="/costume/">衣装一覧</a></li> <li><span><img decoding="async" src="/img/common/icon-arrow.png" alt="七五三衣装オプション 衣装コーディネートセット"></span></li> <li>七五三衣装オプション 衣装コーディネートセット</li> </ul> </div></div> </div> <div class="main-content page-campaign"> <div class="wrapper campaign"> <div class="clearfix"> <div class="main_contents"> <!-----------------------------メインビジュアル-----------------------------> <section class="mv bg_gradient"> <div class="mv__wrapper"> <h1 class="mv__title"> <picture> <source srcset="/img/costume/option/top_title.webp" type="image/webp" /> <img src="/img/costume/option/top_title.png" decoding="async" alt="衣装コーディネートセットタイトル" /> </picture> </h1> <div class="mv-copy__container"> <h2 class="mv-copy__copy">衣装オプションで</h2> <h2 class="mv-copy__copy">もっと自分好みにアレンジ</h2> </div> <div class="mv__image js-slider-baby"> <picture> <source srcset="/img/costume/option/top_image_01.webp" type="image/webp" /> <img src="/img/costume/option/top_image_01.png" decoding="async" alt="衣装コーディネートセット01" /> </picture> <picture> <source srcset="/img/costume/option/top_image_02.webp" type="image/webp" /> <img src="/img/costume/option/top_image_02.png" decoding="async" alt="衣装コーディネートセット02" /> </picture> <picture> <source srcset="/img/costume/option/top_image_03.webp" type="image/webp" /> <img src="/img/costume/option/top_image_03.png" decoding="async" alt="衣装コーディネートセット03" /> </picture> <picture> <source srcset="/img/costume/option/top_image_04.webp" type="image/webp" /> <img src="/img/costume/option/top_image_04.png" decoding="async" alt="衣装コーディネートセット04" /> </picture> </div> </div> <div class="mv-promotion__cotaniner"> <h2 class="mv-promotion__text">衣装コーディネートの追加で<br />自分好みのアレンジが楽しめちゃう！</h2> <div class="mv-promotion__note"> <ul class="mv-promotion__note-list"> <li>※ 衣装は店舗によって異なります。</li> <li>※ 新サービス提供店は対象外です。</li> <li>※ レンタルサービス（当日パック一部コースを含む）では衣装コーディネートセットをご利用いただけません。 詳しくは店舗へお問い合わせください。</li> </ul> </div> </div> </section> <!-----------------------------メインビジュアル-----------------------------> <!-----------------------------トップポイント-----------------------------> <section class="top-point"> <div class="section-bg__ellipse section-bg__ellipse--white"> <!-- うねうね（グラデ）の入るセクションタイトルコンテナ --> <div class="section-title__container"> <h2 class="section-title__title"> <span class="section-title__container--small">衣装コーディネートセット</span> おすすめポイント </h2> <div class="section-title__title-line section-title__title-line--gradient"></div> </div> <ul class="top-point__items"> <li> <picture> <source srcset="/img/costume/option/point_1.webp" type="image/webp" /> <img decoding="async" loading="lazy" src="/img/costume/option/point_1.png" width="340" height="355" alt="衣装がもっとかわいく♪" /> </picture> </li> <li> <picture> <source srcset="/img/costume/option/point_2.webp" type="image/webp" /> <img decoding="async" loading="lazy" src="/img/costume/option/point_2.png" width="341" height="355" alt="自分らしくもっと特別に" /> </picture> </li> <li> <picture> <source srcset="/img/costume/option/point_3.webp" type="image/webp" /> <img decoding="async" loading="lazy" src="/img/costume/option/point_3.png" width="346" height="355" alt="限定ポーズで撮影できる" /> </picture> </li> </ul> </div> </section> <!-----------------------------トップポイント-----------------------------> <!-----------------------------コーディネートアンカー-----------------------------> <section class="coordination-anchor"> <div class="section-bg__ellipse section-bg__ellipse--pink"> <h2 class="coordination-anchor__text">衣装コーディネートセットは<br />スタイリングに合わせてご用意</h2> <div class="coordination-anchor__container"> <ul class="coordination-anchor__list"> <li class="coordination-anchor__item coordination-anchor__item--pale"> <a href="#pale"> <picture> <source srcset="/img/costume/option/btn_palesnow.webp" type="image/webp" /> <img class="coordination-anchor__image" decoding="async" loading="lazy" width="161" height="103" src="/img/costume/option/btn_palesnow.png" alt="ペールスノー" /> </picture> <ul class="coordination-anchor__tag"> <li class="coordination-anchor__tag-item">3才</li> <li class="coordination-anchor__tag-item">5才</li> <li class="coordination-anchor__tag-item">7才</li> <li class="coordination-anchor__tag-item">男の子</li> <li class="coordination-anchor__tag-item">女の子</li> </ul> <h3 class="coordination-anchor__item-text">ペールスノー</h3> </a> </li> <li class="coordination-anchor__item coordination-anchor__item--retro"> <a href="#ret"> <picture> <source srcset="/img/costume/option/btn_retro.webp" type="image/webp" /> <img class="coordination-anchor__image" decoding="async" loading="lazy" width="161" height="103" src="/img/costume/option/btn_retro.png" alt="レトロ" /> </picture> <ul class="coordination-anchor__tag"> <li class="coordination-anchor__tag-item">3才</li> <li class="coordination-anchor__tag-item">5才</li> <li class="coordination-anchor__tag-item">7才</li> <li class="coordination-anchor__tag-item">男の子</li> <li class="coordination-anchor__tag-item">女の子</li> </ul> <h3 class="coordination-anchor__item-text">レトロ</h3> </a> </li> <li class="coordination-anchor__item coordination-anchor__item--modern"> <a href="#mode"> <picture> <source srcset="/img/costume/option/btn_modern.webp" type="image/webp" /> <img class="coordination-anchor__image" decoding="async" loading="lazy" width="161" height="103" src="/img/costume/option/btn_modern.png" alt="モダン" /> </picture> <ul class="coordination-anchor__tag"> <li class="coordination-anchor__tag-item">3才</li> <li class="coordination-anchor__tag-item">5才</li> <li class="coordination-anchor__tag-item">7才</li> <li class="coordination-anchor__tag-item">男の子</li> <li class="coordination-anchor__tag-item">女の子</li> </ul> <h3 class="coordination-anchor__item-text">モダン</h3> </a> </li> <li class="coordination-anchor__item coordination-anchor__item--traditional"> <a href="#trad"> <picture> <source srcset="/img/costume/option/btn_traditional.webp" type="image/webp" /> <img class="coordination-anchor__image" decoding="async" loading="lazy" width="161" height="103" src="/img/costume/option/btn_traditional.png" alt="伝統和装" /> </picture> <ul class="coordination-anchor__tag"> <li class="coordination-anchor__tag-item">3才</li> <li class="coordination-anchor__tag-item">5才</li> <li class="coordination-anchor__tag-item">7才</li> <li class="coordination-anchor__tag-item">男の子</li> <li class="coordination-anchor__tag-item">女の子</li> </ul> <h3 class="coordination-anchor__item-text">伝統和装</h3> </a> </li> <li class="coordination-anchor__item coordination-anchor__item--casual-latte"> <a href="#latte"> <picture> <source srcset="/img/costume/option/btn_casual-latte.webp" type="image/webp" /> <img class="coordination-anchor__image" decoding="async" loading="lazy" width="161" height="103" src="/img/costume/option/btn_casual-latte.png" alt="カジュアルラテ" /> </picture> <ul class="coordination-anchor__tag"> <li class="coordination-anchor__tag-item">3才</li> <li class="coordination-anchor__tag-item">5才</li> <li class="coordination-anchor__tag-item">男の子</li> </ul> <h3 class="coordination-anchor__item-text">カジュアルラテ</h3> </a> </li> <li class="coordination-anchor__item coordination-anchor__item--fancy"> <a href="#fancy"> <picture> <source srcset="/img/costume/option/btn_fancy.webp" type="image/webp" /> <img class="coordination-anchor__image" decoding="async" loading="lazy" width="161" height="103" src="/img/costume/option/btn_fancy.png" alt="ファンシー" /> </picture> <ul class="coordination-anchor__tag"> <li class="coordination-anchor__tag-item">3才</li> <li class="coordination-anchor__tag-item">7才</li> <li class="coordination-anchor__tag-item">女の子</li> </ul> <h3 class="coordination-anchor__item-text">ファンシー</h3> </a> </li> <li class="coordination-anchor__item coordination-anchor__item--vitamin-pop"> <a href="#pop"> <picture> <source srcset="/img/costume/option/btn_vitamin-pop.webp" type="image/webp" /> <img class="coordination-anchor__image" decoding="async" loading="lazy" width="161" height="103" src="/img/costume/option/btn_vitamin-pop.png" alt="ビタミンポップ" /> </picture> <ul class="coordination-anchor__tag"> <li class="coordination-anchor__tag-item">3才</li> <li class="coordination-anchor__tag-item">5才</li> <li class="coordination-anchor__tag-item">7才</li> <li class="coordination-anchor__tag-item">男の子</li> <li class="coordination-anchor__tag-item">女の子</li> </ul> <h3 class="coordination-anchor__item-text">ビタミンポップ</h3> </a> </li> </ul> </div> </div> </section> <!-----------------------------コーディネートアンカー-----------------------------> <!-----------------------------コーディネート一覧-----------------------------> <section class="sec_pack"> <!-----------------------------ペールスノー-----------------------------> <section class="point_1" id="pale"> <div class="bg_point"> <div class="point_wrp"> <div class="point_ttl_area"> <h2 class="point__title point__title--pale">PALE SNOW</h2> <p class="point__title-jp">ペールスノー</p> </div> <div class="item_img"> <picture> <source srcset="/img/costume/option/img_main-1.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="686" height="931" src="/img/costume/option/img_main-1.png" alt="衣装コーディネートを使用したビフォーアフター画像" /> </picture> </div> </div> </div> <div class="bg_inner"> <div class="bg_pale"> <div class="point_tx_wrp"> <p class="point__text"> 白いレースやチュールで統一感とおしゃれな抜け感を演出。<br /> そこに背景のカラーに合わせたペールカラーの髪飾りや衣装小物を入れて 綺麗な中でも可愛さを追加したコーディネートセット♪ </p> </div> <div class="img_point"> <picture> <source srcset="/img/costume/option/pale_item2.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="713" height="704" src="/img/costume/option/pale_item2.png" alt="衣装コーディネートイメージ" /> </picture> <!-- <div class="point_img_wrp"> <img decoding="async" loading="lazy" width="622" height="423" src="/img/costume/option/pale_item3.png" alt="衣装コーディネートイメージ" /> </div> --> </div> </div> </div> </section> <!-----------------------------ペールスノー-----------------------------> <!-----------------------------レトロ-----------------------------> <section class="point_1" id="ret"> <div class="bg_point"> <div class="point_wrp"> <div class="point_ttl_area"> <h2 class="point__title point__title--ret">RETRO</h2> <p class="point__title-jp">レトロ</p> </div> <div class="item_img"> <picture> <source srcset="/img/costume/option/img_main-2.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="686" height="931" src="/img/costume/option/img_main-2.png" alt="衣装コーディネートを使用したビフォーアフター画像" /> </picture> </div> </div> </div> <div class="bg_inner"> <div class="bg_ret"> <div class="point_tx_wrp"> <p class="point__text"> 襟元のレースや柄シャツ、ベロアのリボンの洋小物で、大正ロマンのレトロ感を演出。<br /> 帯締めやシャツの柄の締め色にすることで、おとな過ぎないかわいらしいコーディネートセット。 </p> </div> <div class="img_point"> <picture> <source srcset="/img/costume/option/ret_item2.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="713" height="704" src="/img/costume/option/ret_item2.png" alt="衣装コーディネートイメージ" /> </picture> <!-- <div class="point_img_wrp"> <img decoding="async" loading="lazy" width="622" height="423" src="/img/costume/option/ret_item3.png" alt="衣装コーディネートイメージ" /> </div> --> </div> </div> </div> </section> <!-----------------------------レトロ-----------------------------> <!-----------------------------モダン-----------------------------> <section class="point_1" id="mode"> <div class="bg_point"> <div class="point_wrp"> <div class="point_ttl_area"> <h2 class="point__title point__title--mode">MODERN</h2> <p class="point__title-jp">モダン</p> </div> <div class="item_img"> <picture> <source srcset="/img/costume/option/img_main-3.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="686" height="931" src="/img/costume/option/img_main-3.png" alt="衣装コーディネートを使用したビフォーアフター画像" /> </picture> </div> </div> </div> <div class="bg_inner"> <div class="bg_mode"> <div class="point_tx_wrp"> <p class="point__text"> 黒色の小物で統一感をだしつつ、帯揚げには花柄を入れ、帯締め、袴飾りには差し色を入れることでかわいらしさも残した、洗練されたかっこよさを演出。<br /> 髪飾りと帯留め、羽織飾りには光沢感のある素材を使用しより特別感のあるコーディネートセット。 </p> </div> <div class="img_point"> <picture> <source srcset="/img/costume/option/mode_item2.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="713" height="704" src="/img/costume/option/mode_item2.png" alt="衣装コーディネートイメージ" /> </picture> <!-- <div class="point_img_wrp"> <img decoding="async" loading="lazy" width="622" height="423" src="/img/costume/option/mode_item3.png" alt="衣装コーディネートイメージ" /> </div> --> </div> </div> </div> </section> <!-----------------------------モダン----------------------------> <!-----------------------------和装衣装-----------------------------> <section class="point_1" id="trad"> <div class="bg_point"> <div class="point_wrp"> <div class="point_ttl_area"> <h2 class="point__title point__title--trad">TRADITIONAL</h2> <p class="point__title-jp">伝統和装</p> </div> <div class="item_img"> <picture> <source srcset="/img/costume/option/img_main-4.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="686" height="931" src="/img/costume/option/img_main-4.png" alt="衣装コーディネートを使用したビフォーアフター画像" /> </picture> </div> </div> </div> <div class="bg_inner"> <div class="bg_trad"> <div class="point_tx_wrp"> <p class="point__text"> 水引や組みひもなど”和”の素材を使用して、落ち着いた印象ながらも華やかさを演出。<br /> 半襟や帯揚げにも和柄のちりめんを使用し、髪飾りや帯留めにはちりめん細工をあしらい、羽織紐に差し色を使うことで、おとな過ぎない華やかなコーディネートセット。 </p> </div> <div class="img_point"> <picture> <source srcset="/img/costume/option/trad_item2.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="713" height="704" src="/img/costume/option/trad_item2.png" alt="衣装コーディネートイメージ" /> </picture> <!-- <div class="point_img_wrp"> <img decoding="async" loading="lazy" width="622" height="423" src="/img/costume/option/trad_item3.png" alt="衣装コーディネートイメージ" /> </div> --> </div> </div> </div> </section> <!-----------------------------和装衣装-----------------------------> <!-----------------------------カジュアルラテ-----------------------------> <section class="point_1" id="latte"> <div class="bg_point"> <div class="point_wrp"> <div class="point_ttl_area"> <h2 class="point__title point__title--latte">CASUAL LATTE</h2> <p class="point__title-jp">カジュアルラテ</p> </div> <div class="item_img"> <picture> <source srcset="/img/costume/option/img_main-5.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="686" height="931" src="/img/costume/option/img_main-5.png" alt="衣装コーディネートを使用したビフォーアフター画像" /> </picture> </div> </div> </div> <div class="bg_inner"> <div class="bg_latte"> <div class="point_tx_wrp"> <p class="point__text"> スニーカーやベージュキャップを合わせることで、カジュアル感を演出。<br /> そこにストライプシャツを合わせることで、カジュアル過ぎない少し大人なコーディネートセット。 </p> </div> <div class="img_point"> <picture> <source srcset="/img/costume/option/latte_item2.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="713" height="704" src="/img/costume/option/latte_item2.png" alt="衣装コーディネートイメージ" /> </picture> <!-- <div class="point_img_wrp"> <img decoding="async" loading="lazy" width="622" height="423" src="/img/costume/option/latte_item3.png" alt="衣装コーディネートイメージ" /> </div> --> </div> </div> </div> </section> <!-----------------------------カジュアルラテ-----------------------------> <!-----------------------------ファンシー-----------------------------> <section class="point_1" id="fancy"> <div class="bg_point"> <div class="point_wrp"> <div class="point_ttl_area"> <h2 class="point__title point__title--fancy">FANCY</h2> <p class="point__title-jp">ファンシー</p> </div> <div class="item_img"> <picture> <source srcset="/img/costume/option/img_main-6.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="686" height="931" src="/img/costume/option/img_main-6.png" alt="衣装コーディネートを使用したビフォーアフター画像" /> </picture> </div> </div> </div> <div class="bg_inner"> <div class="bg_fancy"> <div class="point_tx_wrp"> <p class="point__text"> パステルカラーの小物で「ふんわりかわいい」を演出しながらも、ピンクのパンプスや白のタイツで大人っぽさをプラス。<br /> ピンクのウィッグや大きいリボンの髪飾りなど「かわいい」を詰め込んだコーディネートセット。 </p> </div> <div class="img_point"> <picture> <source srcset="/img/costume/option/fancy_item2.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="713" height="704" src="/img/costume/option/fancy_item2.png" alt="衣装コーディネートイメージ" /> </picture> <!-- <div class="point_img_wrp"> <img decoding="async" loading="lazy" width="622" height="423" src="/img/costume/option/fancy_item3.png" alt="衣装コーディネートイメージ" /> </div> --> </div> </div> </div> </section> <!-----------------------------ファンシー-----------------------------> <!-----------------------------ビタミンポップ-----------------------------> <section class="point_1" id="pop"> <div class="bg_point"> <div class="point_wrp"> <div class="point_ttl_area"> <h2 class="point__title point__title--pop">VITAMIN POP</h2> <p class="point__title-jp">ビタミンポップ</p> </div> <div class="item_img"> <picture> <source srcset="/img/costume/option/img_main-7.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="686" height="931" src="/img/costume/option/img_main-7.png" alt="衣装コーディネートを使用したビフォーアフター画像" /> </picture> </div> </div> </div> <div class="bg_inner"> <div class="bg_pop"> <div class="point_tx_wrp"> <p class="point__text"> デニムのシャツやつけ襟にビビットカラーの小物や蝶ネクタイをアクセントに。<br /> ポップなスタイルにピッタリの髪飾りやビビットカラーの帽子と白スニーカーで、元気いっぱいでポップなコーディネートセット。 </p> </div> <div class="img_point"> <picture> <source srcset="/img/costume/option/pop_item2.webp" type="image/webp" /> <img decoding="async" loading="lazy" width="713" height="704" src="/img/costume/option/pop_item2.png" alt="衣装コーディネートイメージ" /> </picture> <!-- <div class="point_img_wrp"> <img decoding="async" loading="lazy" width="622" height="423" src="/img/costume/option/pop_item3.png" alt="衣装コーディネートイメージ" /> </div> --> </div> </div> </div> </section> <!-----------------------------ビタミンポップ-----------------------------> </section> <!-----------------------------コーディネート一覧-----------------------------> <!-----------------------------------料金プラン-----------------------------------> <section class="price"> <div class="section-bg__ellipse section-bg__ellipse--white"> <!-- うねうね（グラデ）の入るセクションタイトルコンテナ --> <div class="section-title__container"> <h2 class="section-title__title"><span class="section-title__container--small">衣装コーディネートセット</span>料金プラン</h2> <div class="section-title__title-line section-title__title-line--gradient"></div> </div> <div class="price__container"> <p class="price__text">1着につき1セットお選びいただけます。</p> <div class="price__box"> <p class="price__head">1セット</p> <p class="price__body">2,200<span>円(税込)</span></p> </div> </div> </div> </section> <!-----------------------------------料金プラン-----------------------------------> <!-----------------------------利用の流れ-----------------------------> <section class="step"> <div class="section-bg__ellipse section-bg__ellipse--light-grey"> <!-- うねうね（白）の入るセクションタイトルコンテナ --> <div class="section-title__container"> <h2 class="section-title__title"><span class="section-title__container--small">衣装コーディネートセット</span>ご利用の流れ</h2> <div class="section-title__title-line section-title__title-line--white"></div> </div> <div class="step__box-container"> <div class="step-box"> <div class="step-box__head"> <div class="step-box__num"> <span class="step-box__num-text">STEP</span> 01 </div> <h3 class="step-box__text--heading">衣装選び</h3> </div> <p class="step-box__text">ご希望の衣装コーディネートセットがある場合は衣装選びの際にスタッフにお声がけください♪</p> </div> <div class="step-arrow"></div> <div class="step-box"> <div class="step-box__head"> <div class="step-box__num"> <span class="step-box__num-text">STEP</span> 02 </div> <h3 class="step-box__text--heading">スタイリング選び</h3> </div> </div> <div class="step-arrow"></div> <div class="step-box"> <div class="step-box__head"> <div class="step-box__num"> <span class="step-box__num-text">STEP</span> 03 </div> <h3 class="step-box__text--heading">コーディネート選び</h3> </div> </div> </div> </div> </section> <!-----------------------------利用の流れ-----------------------------> <!-----------------------------よくある質問-----------------------------> <section class="faq"> <!-- うねうね（白）の入るセクションタイトルコンテナ --> <div class="section-title__container"> <h2 class="section-title__title"><span class="section-title__container--small">衣装コーディネートセット</span>よくある質問</h2> <div class="section-title__title-line section-title__title-line--white"></div> </div> <!-- 共通 --> <dl class="cpcmn-c-faq cpcmn-c-faq--pink"> <dt class="cpcmn-c-faq__q js-cpcmn-acco-head"> <p class="cpcmn-c-faq__text--q">ひとりで複数の衣装コーディネートセットを着用できますか？</p> <span class="cpcmn-c-faq__q__plus"></span> </dt> <dd class="cpcmn-c-faq__a js-cpcmn-acco-body"> <p class="cpcmn-c-faq__text--bold">はい、着用いただけます。</p> <p class="cpcmn-c-faq__text--a">その場合には1セットごとに2,200円（税込）です。</p> </dd> </dl> <dl class="cpcmn-c-faq cpcmn-c-faq--pink"> <dt class="cpcmn-c-faq__q js-cpcmn-acco-head"> <p class="cpcmn-c-faq__text--q">ひとつの衣装コーディネートセットを複数の衣装で使用できますか？</p> <span class="cpcmn-c-faq__q__plus"></span> </dt> <dd class="cpcmn-c-faq__a js-cpcmn-acco-body"> <p class="cpcmn-c-faq__text--bold">はい、使用いただけます。</p> <p class="cpcmn-c-faq__text--a">その場合、お着替えごとに2,200円（税込）です。</p> </dd> </dl> <dl class="cpcmn-c-faq cpcmn-c-faq--pink"> <dt class="cpcmn-c-faq__q js-cpcmn-acco-head"> <p class="cpcmn-c-faq__text--q">「七五三当日パック」で衣装コーディネートセットを着用できますか？</p> <span class="cpcmn-c-faq__q__plus"></span> </dt> <dd class="cpcmn-c-faq__a js-cpcmn-acco-body"> <p class="cpcmn-c-faq__text--bold">はい、一部プランでは着用いただけます。</p> <p class="cpcmn-c-faq__text--a">詳しくは店舗へお問い合わせください。</p> </dd> </dl> <dl class="cpcmn-c-faq cpcmn-c-faq--pink"> <dt class="cpcmn-c-faq__q js-cpcmn-acco-head"> <p class="cpcmn-c-faq__text--q">衣装コーディネートセットの一部を使用しないことはできますか？</p> <span class="cpcmn-c-faq__q__plus"></span> </dt> <dd class="cpcmn-c-faq__a js-cpcmn-acco-body"> <p class="cpcmn-c-faq__text--bold">はい、セット内で選んでご利用いただけます。</p> <p class="cpcmn-c-faq__text--a">ただし、2,200円（税込）の金額は変わりませんのでご了承ください</p> </dd> </dl> </section> <!-----------------------------よくある質問-----------------------------> <!-----------------------------予約導線-----------------------------> <section class="reservation"> <div class="section-bg__ellipse bg_gradient section-bg__ellipse--pb-lg"> <!-- うねうね（白）の入るセクションタイトルコンテナ --> <div class="section-title__container"> <h2 class="section-title__title"><span class="section-title__container--small">衣装コーディネートセット</span>ご予約はこちら</h2> <div class="section-title__title-line section-title__title-line--white"></div> </div> <div class="reservation__wrapper"> <p class="reservation__text"> 七五三早割 <span>撮影基本料</span> </p> <p class="reservation__text--lg">半額キャンペーン実施中</p> <p class="reservation__limit">対象期間：2025年4月19日(土)～2025年5月31日(土)</p> </div> <!-- cta --> <div class="cta"> <p class="cta__text">撮影予約の日時変更・キャンセル料はかかりません</p> <div class="cta__btn-wrap"> <a href="https://yoyaku.studio-mario.net/public/?est=1" target="_blank" class="cta__button cta__button--reserve" rel="noopener"> <span class="cta__text--sm">24時間受付</span> かんたんネット予約 </a> <a href="https://yoyaku.studio-mario.net/public/shop/index.jsp?est=1" target="_blank" class="cta__button cta__button--store" rel="noopener"> <span class="cta__text--sm">近くで見つかる</span> らくらく店舗検索 </a> </div> <div class="cta__tel"> <p class="cta__tel-text">お電話での相談・予約はこちら</p> <a href="tel:0120753438" class="cta__tel-num">0120-753-438</a> <p class="cta__tel-text cta__tel-text--sm">年中無休(年末年始を除く) 10:00～19:00</p> </div> </div> </div> </section> <!-----------------------------予約導線-----------------------------> <!-----------------------------リンクボタン-----------------------------> <div class="section-link"> <a class="section-link__button" href="/costume/"><span>衣装一覧を見る</span></a> </div> <!-----------------------------リンクボタン-----------------------------> </div> </div> <div class="bread-crumb sm"> <ul> <li><a class="trans" href="/">スタジオマリオTOP</a></li> <li><span><img decoding="async" src="/img/common/icon-arrow.png" alt="衣装一覧"></span></li> <li><a class="trans" href="/costume/">衣装一覧</a></li> <li><span><img decoding="async" src="/img/common/icon-arrow.png" alt="七五三衣装オプション 衣装コーディネートセット"></span></li> <li>七五三衣装オプション 衣装コーディネートセット</li> </ul> </div> </div> </div> </div> <style> /*----------------------- 共通スタイル -----------------------*/ body { color: #4c4c4c; min-width: 375px; } img { height: auto; } .main_contents { font-size: 16px; } .bg_inner { overflow: hidden; } .sec_pack .bg_inner { position: relative; overflow: hidden; margin-top: -39%; } .sec_pack { padding-top: 30px; } /*----------------------- 背景・楕円状の背景 -----------------------*/ /* 楕円上のセクション区切り */ .section-bg__ellipse { padding: 100px 0; /* border-top: 5px solid #fff; border-bottom: 5px solid #fff; */ /* border-bottom-left-radius: 1000px 300px; border-bottom-right-radius: 1000px 300px; */ border-top-left-radius: 1000px 400px; border-top-right-radius: 1000px 400px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; } @media (max-width: 768px) { .section-bg__ellipse { padding: 88px 0 40px 0; } } /* 下余白が拾いもの */ @media (max-width: 768px) { .section-bg__ellipse--pb-lg { padding: 88px 0 60px 0; } } /* --color で楕円の色が指定の色にかわる */ .section-bg__ellipse--pink { background-color: #ffe0ee; } .section-bg__ellipse--white { background-color: #ffffff; } .section-bg__ellipse--light-grey { background-color: #f4f4f4; } .bg_gradient { position: relative; background-image: url(/img/costume/option/bg_top.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .bg_point { background: #fff; position: relative; } .bg_pale { padding-top: 39%; background: #def2ff; border-top-left-radius: 1000px 200px; border-top-right-radius: 1000px 200px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-bottom: 100px; } .bg_ret { padding-top: 39%; background: #fbeddc; border-top-left-radius: 1000px 200px; border-top-right-radius: 1000px 200px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-bottom: 100px; } .bg_trad { padding-top: 39%; background: #eadd9b; border-top-left-radius: 1000px 200px; border-top-right-radius: 1000px 200px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-bottom: 100px; } .bg_mode { padding-top: 39%; background: #dff1b7; border-top-left-radius: 1000px 200px; border-top-right-radius: 1000px 200px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-bottom: 100px; } .bg_latte { padding-top: 39%; background: #f1efd6; border-top-left-radius: 1000px 200px; border-top-right-radius: 1000px 200px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-bottom: 100px; } .bg_fancy { padding-top: 39%; background: #ffe8f7; border-top-left-radius: 1000px 200px; border-top-right-radius: 1000px 200px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-bottom: 100px; } .bg_pop { padding-top: 39%; background: #fff499; border-top-left-radius: 1000px 200px; border-top-right-radius: 1000px 200px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; padding-bottom: 100px; } .bg_yoyaku { background-color: #ffe0ed; } .bg_price { background: #eadd9b; } .bg_price1 { padding: 10px 0; background: #858585; border-bottom-left-radius: 1000px 200px; border-bottom-right-radius: 1000px 200px; border-top-left-radius: 1000px 200px; border-top-right-radius: 1000px 200px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; } .bg_price2 { padding: 60px 0; border-top: 5px solid #ffe0ee; border-bottom: 5px solid #ffe0ee; background: #fff; border-bottom-left-radius: 1000px 200px; border-bottom-right-radius: 1000px 200px; border-top-left-radius: 1000px 200px; border-top-right-radius: 1000px 200px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; } /*----------------------- 楕円状の背景 -----------------------*/ /*----------------------- セクションタイトル共通 -----------------------*/ .section-title__container { width: 100%; min-width: 345px; text-align: center; font-weight: bold; margin: 0 auto; margin-bottom: 50px; } .section-title__title { font-size: 32px; position: relative; } .section-title__container--small { font-size: 24px; display: block; margin-bottom: 5px; } .section-title__title-line { width: 180px; height: 36px; display: block; margin: 0 auto; margin-top: 15px; background-size: contain; background-repeat: no-repeat; } @media (max-width: 768px) { .section-title__container { /* margin: 30px auto 40px auto; */ margin-bottom: 40px; } .section-title__title { font-size: 25px; } .section-title__container--small { font-size: 17px; margin-bottom: 5px; } .section-title__title-line { width: 120px; height: 20px; } } /* うねうねライン白 */ .section-title__title-line--white { background-image: url(/img/costume/option/section_title_line_white.png); } /* うねうねライングラデーショングラデーション */ .section-title__title-line--gradient { background-image: url(/img/costume/option/section_title_line_gradient.png); } /*----------------------- セクションタイトル共通 -----------------------*/ /*----------------------- ↓ メインビジュアル ↓ -----------------------*/ .mv { width: 100%; position: relative; padding-bottom: 160px; } /* 七五三衣装オプション 衣装コーディネートセット */ .mv__title { width: 91%; margin: 0 auto; position: relative; z-index: 10; padding-top: 26px; } .mv__title img { width: 100%; object-fit: contain; } /* 衣装オプションでもっと自分好みにアレンジ */ .mv-copy__container { position: absolute; right: 20px; top: 630px; display: flex; flex-direction: row-reverse; gap: 15px; z-index: 20; align-items: flex-start; } .mv-copy__copy { background-color: white; font-size: 40px; padding: 12px 3px; writing-mode: vertical-rl; line-height: 1.1; letter-spacing: 4px; color: #525252; } /* メイン画像 */ .mv__image { width: 100%; position: relative; margin: 0 auto; margin-top: -20px; } /* 訴求部分 */ .mv-promotion__cotaniner { width: 90%; min-width: 340px; margin: 0 auto; margin-top: 20px; text-align: left; line-height: 1.4; } .mv-promotion__text { width: 100%; font-size: 20px; font-size: clamp(20px, 5.33vw, 32px); white-space: nowrap; } .mv-promotion__note { width: 100%; margin-top: 15px; padding-left: 1em; text-indent: -1em; font-size: 11px; font-size: clamp(11px, 2.93vw, 16px); } @media (max-width: 768px) { .mv { padding-bottom: 120px; } .mv__title { max-width: 321px; } .mv__image { margin-top: -10px; } .mv-copy__container { top: 200px; right: 26px; gap: 10px; } .mv-copy__copy { font-size: 20px; padding: 6px 1px; writing-mode: vertical-rl; line-height: 1; letter-spacing: 3px; } } /*----------------------- ↑ メインビジュアル ↑ -----------------------*/ /*----------------------- ↓ おすすめポイント ↓ -----------------------*/ .top-point { position: relative; margin-top: -80px; overflow: hidden; } .top-point__items { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; width: 95%; margin-inline: auto; } .top-point__items li { width: 40%; text-align: center; } .top-point__items li img { width: 100%; object-fit: contain; margin: 0 auto; } @media (max-width: 768px) { .top-point { margin-top: -40px; } .top-point__items { width: 91vw; min-width: 341px; max-width: 600px; } .top-point__items li { max-width: 320px; width: 48%; } .top-point__items li img { width: 100%; height: 100%; } } /*----------------------- ↑ おすすめポイント ↑ -----------------------*/ /*----------------------- ↓ コーディネートアンカー ↓ -----------------------*/ .coordination-anchor { position: relative; overflow: hidden; } /* 衣装コーディネートセットはスタイリングに合わせてご用意 */ .coordination-anchor__text { text-align: center; font-size: 18px; font-size: clamp(18px, 4.8vw, 30px); line-height: 1.4; font-weight: bold; letter-spacing: 1px; } /* ボタンの入ったコンテナ */ .coordination-anchor__container { width: 80%; margin: 0 auto; margin-top: clamp(20px, 5.22vw, 40px); } .coordination-anchor__list { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px; } /* 各ボタン */ .coordination-anchor__item { width: 46%; border-radius: 8px; overflow: hidden; background-color: #ffffff; transition: all 0.3s ease; } .coordination-anchor__item:hover { transform: translate(4px, 4px); /* 4px下と右に移動 */ box-shadow: 0px 0px 0px 0px; } /* 色分け */ .coordination-anchor__item--pale { border: solid 4px #76caff; box-shadow: 4px 4px 0px 0px #588ec2; } .coordination-anchor__item--pale:hover { box-shadow: 0px 0px 0px 0px #588ec2; } .coordination-anchor__item--retro { border: solid 4px #fbcb74; box-shadow: 4px 4px 0px 0px #d1955c; } .coordination-anchor__item--retro:hover { box-shadow: 0px 0px 0px 0px #d1955c; } .coordination-anchor__item--modern { border: solid 4px #f15568; box-shadow: 4px 4px 0px 0px #b5404e; } .coordination-anchor__item--modern:hover { box-shadow: 0px 0px 0px 0px #b5404e; } .coordination-anchor__item--traditional { border: solid 4px #b9acaf; box-shadow: 4px 4px 0px 0px #857176; } .coordination-anchor__item--traditional:hover { box-shadow: 0px 0px 0px 0px #857176; } .coordination-anchor__item--casual-latte { border: solid 4px #aa6a56; box-shadow: 4px 4px 0px 0px #825041; } .coordination-anchor__item--casual-latte:hover { box-shadow: 0px 0px 0px 0px #825041; } .coordination-anchor__item--fancy { border: solid 4px #ba99ed; box-shadow: 4px 4px 0px 0px #ac9bd4; } .coordination-anchor__item--fancy:hover { box-shadow: 0px 0px 0px 0px #ac9bd4; } .coordination-anchor__item--vitamin-pop { border: solid 4px #ffa011; box-shadow: 4px 4px 0px 0px #e9910c; } .coordination-anchor__item--vitamin-pop:hover { box-shadow: 0px 0px 0px 0px #e9910c; } .coordination-anchor__image { width: 100%; height: auto; object-fit: contain; } .coordination-anchor__tag { display: flex; gap: 4px; gap: clamp(4px, 1.06vw, 8px); width: 100%; justify-content: center; padding-top: 8px; } .coordination-anchor__tag-item { font-size: 8px; font-size: clamp(8px, 2.13vw, 12px); border-radius: 29.94px; border: 0.599px solid #ddd; padding: 0.219em 0.548em; background: #f1f1f1; white-space: nowrap; } .coordination-anchor__item-text { text-align: center; font-size: 16px; font-size: clamp(16px, 4.26vw, 24px); font-weight: bold; line-height: 1.2; padding-top: 8px; display: flex; padding-bottom: 8px; align-items: center; justify-content: center; gap: 4px; } .coordination-anchor__item-text::after { content: ""; display: block; width: 22px; height: 22px; background-image: url("/img/costume/option/btn_arrow.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 768px) { .coordination-anchor__tag-item { font-size: clamp(8px, 2.13vw, 10px); padding: 1px 3px; } .coordination-anchor__container { width: 90%; } .coordination-anchor__list { width: 65%; margin: 0 auto; max-width: 600px; gap: 13px; } .coordination-anchor__item-text { padding-top: 6px; gap: 2px; } .coordination-anchor__item-text::after { width: 13px; width: clamp(13px, 3.46vw, 20px); height: 13px; height: clamp(13px, 3.46vw, 20px); } .coordination-anchor__item--pale { border-width: 2px; /* ボーダーの太さを2pxに変更 */ box-shadow: 2px 2px 0px 0px #588ec2; /* ボックスシャドウの幅を2pxに変更 */ } .coordination-anchor__item--retro { border-width: 2px; box-shadow: 2px 2px 0px 0px #d1955c; } .coordination-anchor__item--modern { border-width: 2px; box-shadow: 2px 2px 0px 0px #b5404e; } .coordination-anchor__item--traditional { border-width: 2px; box-shadow: 2px 2px 0px 0px #857176; } .coordination-anchor__item--casual-latte { border-width: 2px; box-shadow: 2px 2px 0px 0px #825041; } .coordination-anchor__item--fancy { border-width: 2px; box-shadow: 2px 2px 0px 0px #ac9bd4; } .coordination-anchor__item--vitamin-pop { border-width: 2px; box-shadow: 2px 2px 0px 0px #e9910c; } } /*----------------------- ↑ コーディネートアンカー ↑ -----------------------*/ /*----------------------- ↓ コーディネート一覧（じゃないものもありそうですが影響が出そうなのでこのままに） ↓ -----------------------*/ .point_ttl_area { position: relative; padding-top: 100px; margin-bottom: 30px; text-align: center; } .point__title { font-size: 36px; font-size: clamp(36px, 9.6vw, 48px); font-weight: 400; line-height: 100%; letter-spacing: 3.6px; } .point__title-jp { font-size: 16px; font-size: clamp(16px, 4.26vw, 24px); font-weight: 500; line-height: 140%; } /* 色分け */ .point__title--pale { color: #76caff; } .point__title--ret { color: #c81614; } .point__title--mode { color: #b0498e; } .point__title--trad { color: #17326d; } .point__title--latte { color: #aa6a56; } .point__title--fancy { color: #ec8ba4; } .point__title--pop { color: #ffa011; } .point_tx_wrp { width: 90%; margin: auto; } .point__text { font-size: 16px; font-size: clamp(16px, 4.26vw, 24px); font-weight: 400; line-height: 170%; } .point_img_wrp { padding: 40px 0 0; width: 80%; margin: auto; } @media (max-width: 766px) { .point_img_wrp { padding: 20px 0 0; width: 90%; margin: auto; } } /* ワイヤー */ /* ポイント */ @media (min-width: 767px) { .main_contents { margin: auto; width: 766px; } h1.tx_ttl img { width: 100%; } h1.tx_ttl { position: absolute; z-index: 2; top: 60px; left: 30px; } .point_1 p span { font-size: 14px; } .point_3 p.tx { font-size: 16px; margin: 10px auto; text-align: left; padding: 0 60px; } .sec_yoyaku { padding: 240px 0px 140px; margin-top: -200px; } .img_present { width: 76%; margin-inline: auto; } .point_3 p { line-height: 1.25; } .point_3_garrely { padding: 10px 15px 0; } .slider_gallery .slick-slide { padding: 0px 15px; } h2.tx_ttl_yoyaku { padding-bottom: 60px; } h2.tx_ttl_yoyaku img { margin: auto; width: 100%; padding-top: 30px; } .wrp_yoyaku { width: 90%; padding: 20px; border-radius: 20px; margin: 25px auto 0; } .section_note { background-color: #f1f1f1; padding: 30px; } .btn_item .btn { text-align: center; width: 48%; height: 80px; font-size: 24px; font-size: 1.5rem; font-weight: 700; color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.5em; background: #d70c25; -webkit-box-shadow: 0 7px 0 #a30a1d; box-shadow: 0 7px 0 #a30a1d; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; } } /* 共通 */ /*------ポイント1-------------------*/ .point_1 { position: relative; } .item_img { position: relative; width: 90%; margin: 0 auto; margin-bottom: 40px; z-index: 10; } .img_point { padding-top: 40px; display: flex; flex-direction: column; } .img_point img { margin-inline: auto; } /*------ポイント1-------------------*/ /*------ポイント2-------------------*/ .point_2 img.border { position: absolute; top: 100%; } .point_2 h2 img { margin-bottom: 30px; } .point_2 img { margin: 0 auto; } .point_2 .img_book { margin-top: 30px; } .img_present { width: 76%; margin-inline: auto; } /*------ポイント2------------------*/ /*------ポイント3-------------------*/ .point_3 h2 img { margin-bottom: 30px; } .point_3_garrely { padding: 10px 15px 0; margin: auto; } /*------ポイント3-------------------*/ /*----------------------- ↑ コーディネート一覧 ↑ -----------------------*/ /*----------------------- ↓ 料金プラン ↓ -----------------------*/ .price { background-color: #fff499; position: relative; overflow: hidden; } .price__container { min-width: 283px; margin: 0 auto; display: flex; flex-direction: column; gap: 6px; width: 60%; } .price__text { text-align: center; font-size: 14px; font-size: clamp(14px, 3.77vw, 18px); font-weight: 700; line-height: 1.2; } .price__box { display: flex; align-items: center; justify-content: center; gap: 6px; } .price__head { display: flex; padding: 5px 10px; justify-content: center; align-items: center; border-radius: 56px; background: #f36ba8; color: #ffffff; font-weight: bold; font-size: 16px; font-size: clamp(16px, 4.26vw, 20px); } .price__body { color: #f36ba8; text-align: center; font-size: 50px; font-size: clamp(50px, 13.33vw, 64px); font-style: normal; font-weight: 700; line-height: 1; display: flex; align-items: center; } .price__body span { font-size: 18px; font-size: clamp(18px, 4.8vw, 22px); margin-bottom: -16px; } @media (max-width: 768px) { .price__box { gap: 3px; } } /*----------------------- ↑ 料金プラン ↑ -----------------------*/ /*----------------------- ↓ ご利用の流れ ↓ -----------------------*/ .step { position: relative; overflow: hidden; width: 100%; } .step.step--red .step-box__num { color: #f36ba9; } .step__box-container { width: 100%; display: flex; flex-direction: column; } .step-box { background-color: #fff; padding: 20px; margin: 0 30px; } .step-box__head { display: flex; font-weight: bold; } .step-box__num { font-size: 36px; font-size: clamp(36px, 9.6vw, 48px); color: #f36ba9; line-height: 1; text-align: center; } .step-box__num-text { font-size: 13px; font-size: clamp(13px, 3.46vw, 18px); display: block; margin-bottom: -2px; } .step-box__text--heading { flex: 1; padding-left: 15px; font-size: 20px; font-size: clamp(20px, 5.33vw, 24px); -ms-flex-item-align: center; align-self: center; } .step-box__text { font-size: 16px; font-size: clamp(16px, 4.26vw, 18px); line-height: 1.4; font-weight: 500; margin-top: 12px; } .step-arrow { display: flex; margin: 12px 0; justify-content: center; } .step-arrow:before { content: ""; display: block; width: 28px; height: 34px; background: url(/img/costume/option/icon_arrow_down_pink.png) no-repeat center; background-size: contain; } @media (max-width: 768px) { .step-box { width: 80vw; margin: 0 auto; min-width: 300px; } } /*----------------------- ↑ ご利用の流れ ↑ -----------------------*/ /*----------------------- ↓ よくある質問 ↓ -----------------------*/ .faq { background-color: #f4f4f4; padding-top: 40px; padding-bottom: 120px; overflow: hidden; } .cpcmn-c-faq { margin: 10px auto 0; width: 90%; cursor: pointer; } .cpcmn-c-faq:first-of-type { margin-top: 0; } /* Question */ .cpcmn-c-faq__q { position: relative; border-radius: 10px; margin-top: 10px; line-height: 1.1; padding: 24px 15px; background: #ffffff; font-size: 14px; transition: border-radius 0s linear 0.3s, background-color 0.4s; } .cpcmn-c-faq__text--q { min-width: 240px; width: 72vw; max-width: 580px; font-size: clamp(14px, 3.7vw, 18px); position: relative; padding-left: 32px; line-height: 1.2; } .cpcmn-c-faq__text--q:before { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); font-size: clamp(24px, 6.4vw, 32px); font-weight: bold; content: "Q"; color: var(--faq-color, #e45093); } /* 開閉時 */ .cpcmn-c-faq__q.is-open { border-radius: 10px 10px 0 0; background: #fee0ed; transition: border-radius 0s, background-color 0.4s; } .cpcmn-c-faq__q__plus { position: absolute; top: 50%; right: 10px; border-radius: 50%; width: 30px; height: 30px; transform: translate(0, -50%); transition: transform 0.4s; background-color: var(--faq-plus-bg, #e45093); } .cpcmn-c-faq__q__plus:before, .cpcmn-c-faq__q__plus:after { position: absolute; top: 50%; left: 50%; border-radius: 1px; width: 16px; height: 4px; background: #fff; content: ""; transform: translate(-50%, -50%); } .cpcmn-c-faq__q__plus:before { transform: translate(-50%, -50%) rotate(-90deg); } .cpcmn-c-faq__q__plus:after { transition: opacity 0.4s; } .is-open .cpcmn-c-faq__q__plus { transform: translate(0, -50%) rotate(90deg); } .is-open .cpcmn-c-faq__q__plus:after { opacity: 0; } /* Answer */ .cpcmn-c-faq__a { display: none; padding: 24px 15px; background: #fff; } .cpcmn-c-faq__a.is-open { display: block; border-radius: 0 0 15px 15px; } .cpcmn-c-faq__text--bold { min-width: 240px; width: 72vw; font-size: clamp(14px, 3.7vw, 18px); position: relative; padding-left: 32px; line-height: 1.2; font-weight: bold; color: var(--faq-color, #e45093); } .cpcmn-c-faq__text--bold:before { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); font-size: clamp(24px, 6.4vw, 32px); font-weight: bold; content: "A"; } .cpcmn-c-faq__text--a { font-size: clamp(14px, 3.7vw, 18px); margin-top: 10px; line-height: 1.2; } /* カラーバリエーション */ .cpcmn-c-faq--red { --faq-color: #e45093; --faq-plus-bg: #fee0ed; } .cpcmn-c-faq--pink { --faq-color: #e45093; --faq-plus-bg: #e45093; } /*----------------------- ↑ よくある質問 ↑ -----------------------*/ /*----------------------- ↓ 予約導線 ↓ -----------------------*/ .reservation { position: relative; overflow: hidden; background-color: #f4f4f4; } .reservation__wrapper { margin-bottom: 30px; text-align: center; } /* 七五三早割撮影基本料 */ .reservation__text { font-size: 20px; font-size: clamp(20px, 5.3vw, 26px); font-weight: 700; line-height: 120%; color: #e45093; } .reservation__text span { font-size: 14px; font-size: clamp(14px, 3.7vw, 20px); } /* 半額キャンペーン実施中 */ .reservation__text--lg { display: flex; justify-content: center; align-items: center; font-size: 26px; font-size: clamp(26px, 6.9vw, 32px); font-weight: bold; margin: 0 -20px; line-height: 1.3; color: #e45093; } .reservation__text--lg:before, .reservation__text--lg:after { content: ""; display: block; width: 5px; height: 26px; border-radius: 10px; margin: 0 16px; background-color: #e45093; } @media screen and (max-width: 768px) { .reservation__text--lg:before, .reservation__text--lg:after { width: 4px; height: 20px; margin: 0 8px; margin-top: 4px; } } .reservation__text--lg:before { -webkit-transform: rotate(-28deg); transform: rotate(-28deg); } .reservation__text--lg:after { -webkit-transform: rotate(28deg); transform: rotate(28deg); } /* 対象期間：2025年4月19日(土)～2025年5月31日(土) */ .reservation__limit { font-size: 14px; font-size: clamp(14px, 3.7vw, 18px); font-weight: 500; margin-top: 10px; } .cta { text-align: center; margin: 0 auto; } /* 撮影予約の日時変更・キャンセル料はかかりません */ .cta__text { font-size: 14px; font-size: clamp(14px, 3.7vw, 18px); font-weight: bold; text-align: center; } .cta__btn-wrap { display: flex; } .cta__button { font-size: 16px; font-size: clamp(16px, 4.2vw, 28px); margin: 15px; margin-bottom: 0; flex: 1; text-align: center; line-height: 1.3; } @media (max-width: 768px) { .cta__button { margin-top: 12px; margin-inline: 4px; } } /* 24時間受付！ / 近くで見つかる！ */ .cta__text--sm { font-size: 11px; font-size: clamp(11px, 2.93vw, 20px); margin-bottom: 5px; display: block; } .cta__button--reserve, .cta__button--store { border: 3px solid #da1d33; border-radius: 12px; font-weight: bold; padding: 8px 0 4px 0; transition: cubic-bezier(0.3, 0.5, 0, 1) 0.4s transform, cubic-bezier(0.3, 0.5, 0, 1) 0.4s box-shadow; box-shadow: 4px 5px 0px 0px #931a13; } .cta__button--reserve { background-color: #da1d33; color: #fff; } .cta__button--store { background-color: #fff; color: #da1d33; } .cta__button--reserve:hover, .cta__button--store:hover { transform: translate(4px, 5px); box-shadow: 0px 0px 0 0 currentColor; } @media screen and (max-width: 768px) { .cta { width: 92vw; min-width: 345px; max-width: 600px; } .cta__text--sm { margin-bottom: 1px; } .cta__button--reserve, .cta__button--store { box-shadow: 0px 3px 0px 0px #931a13; } .cta__button--reserve:hover, .cta__button--store:hover { transform: none; box-shadow: 2px 2px 0px 0px #931a13; } } .cta__tel { background-color: #fff; border-radius: 10px; margin: 0 auto; margin-top: 30px; margin-inline: 15px; padding: 12px 0; } /* お電話での相談・予約はこちら */ .cta__tel-text { font-size: 16px; font-size: clamp(16px, 4.26vw, 22px); line-height: 1.2; font-weight: 400; } .cta__tel-text--sm { font-size: 14px; font-size: clamp(14px, 3.73vw, 16px); } /* 0120-753-438 */ .cta__tel-num { font-size: 32px; font-size: clamp(32px, 8.53vw, 44px); display: flex; align-items: center; justify-content: center; line-height: 1.4; font-weight: bold; pointer-events: none; } .cta__tel-num:before { content: ""; display: block; background: url(/img/costume/option/icon_freedial.png) no-repeat center center/100% auto; width: 48px; height: 36px; background-size: contain; background-position: center; margin-right: 15px; } @media screen and (max-width: 767px) { .cta__tel { margin-top: 12px; margin-inline: 4px; padding: 8px 0 6px 0; } .cta__tel-num { line-height: 1; pointer-events: all; } .cta__tel-num:before { width: 36px; height: 24px; margin-right: 10px; } } /*----------------------- ↑ 予約導線 ↑ -----------------------*/ /*----------------------- ↓ ページ下部のリンクボタン ↓ -----------------------*/ .section-link { padding: 60px 0; } @media screen and (max-width: 768px) { .section-link { padding: 30px 0; } } .section-link__button { display: block; max-width: 320px; text-align: center; font-weight: bold; border: 2px solid #3c3c3c; outline: none; color: #3c3c3c; border-radius: 10px; background: #fff; box-shadow: 0px 3px 0px 0px #333; appearance: none; padding: 20px 30px; font-size: 16px; margin: 0 auto; transition: all 0.3s ease; background-image: url(/img/costume/option/icon-arrow.png); background-repeat: no-repeat; background-size: 25px auto; background-position: 20px center; } .section-link__button:hover { box-shadow: 0px 0px 0px 0px #333; transform: translateY(3px); } @media screen and (max-width: 768px) { .section-link__button { max-width: 213px; width: 60%; background-position: 10px center; padding: 15px 30px; background-size: 20px auto; } } /*----------------------- ↑ ページ下部のリンクボタン ↑ -----------------------*/ /*------レスポンシブ-------------------*/ @media (max-width: 766px) { /* フッター */ .stick-ft { opacity: 0; /* 初期状態は非表示 */ visibility: hidden; /* 初期状態は非表示 */ transition: opacity 0.5s ease, visibility 0s linear 0.5s; /* opacityの変化を0.5秒かけて徐々に行う */ } .stick-ft.visible { opacity: 1; visibility: visible; transition-delay: 0s; /* 要素が表示された後、変化の遅延をリセット */ } .bg_anchor1 { padding: 5px 0; background: #ffe0ee; border-bottom-left-radius: 1000px 300px; border-bottom-right-radius: 1000px 300px; border-top-left-radius: 1000px 300px; border-top-right-radius: 1000px 300px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; } .sec_pack .bg_inner { margin-top: -43%; } .img_point { padding-top: 15px; width: 90%; margin-inline: auto; } .bg_pale, .bg_ret, .bg_mode, .bg_trad, .bg_latte, .bg_fancy { padding-bottom: 60px; } .bg_pop { padding-bottom: 100px; } .bg_price1 { padding: 5px 0; background: #fff; border-bottom-left-radius: 1000px 300px; border-bottom-right-radius: 1000px 300px; border-top-left-radius: 1000px 300px; border-top-right-radius: 1000px 300px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; } .bg_price2 { padding: 30px 0; border-top: 3px solid #ffe0ee; border-bottom: 3px solid #ffe0ee; background: #fff; border-bottom-left-radius: 1000px 300px; border-bottom-right-radius: 1000px 300px; border-top-left-radius: 1000px 300px; border-top-right-radius: 1000px 300px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; } .sec_flow { padding: 60px 0 30px; } .box_flow:not(:last-child)::before { bottom: -64px; content: url(/img/costume/option/arrow_sp.png); height: 40px; margin: auto; position: absolute; right: 50%; transform: translate(50%, -50%); } .box_flow { margin-bottom: 30px; } .flow_area { width: 100%; margin: auto; } .sec_ttl_qa { padding-bottom: 15px; } .sec_qa { padding-top: 70px; padding-bottom: 70px; } .point_1 h2 img { margin: 0 auto; } .point_2 h2 img { margin-bottom: 20px; } .wrp_faq { width: 90%; margin: 0 auto 20px; } .wave_family img { margin: -20px auto; } .point_3_garrely { padding: 10px 15px 0; } .point_3 p.tx { margin: 10px auto; padding: 0 15px; text-align: left; } .point_1 { position: relative; z-index: 5; background-size: cover; } .point_1 p { margin-bottom: 15px; } .point_1 p span { font-size: 14px; } .tx_sokyu { width: 98%; margin-top: -120px; gap: 5px; margin-inline: auto; display: flex; justify-content: space-between; } .rec_enter { margin-top: 60px; } .wrapper.campaign { padding-left: 0; padding-right: 0; } .main-sidebar { padding-top: 0; } .sidebar-cmn { margin: 0; } .box_note { width: 100%; margin: 15px auto 0; } h2.tx_ttl_yoyaku { padding-bottom: 20px; } h2.tx_ttl_yoyaku img { padding-top: 15px; } .wrp_content_pack:before { width: 100%; height: 65px; } .section_note { padding: 10px 15px; background-color: #f5f5f5; } .slider_gallery .slick-slide { padding: 0px 10px; } .slider .slick-arrow, .slider_gallery .slick-arrow { background-size: 20px auto; } .sec_yoyaku { padding: 120px 0px 80px; margin-top: -100px; } .sec_yoyaku.last { padding: 30px 0px 50px; } .wrp_yoyaku { border-radius: 10px; width: 90%; padding: 0px; margin: 20px auto 0; } .sec_yoyaku img.border { top: 91%; } .btn_item { padding: 10px 0px 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .link_item_btm { padding: 15px; } .btn_item .btn { text-align: center; width: 100%; height: 60px; font-size: 20px; font-size: 1.25rem; font-weight: 700; color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.5em; background: #d70c25; -webkit-box-shadow: 0 3px 0 #a30a1d; box-shadow: 0 3px 0 #a30a1d; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; } .btn_item .btn:last-of-type { margin-top: 15px; padding: 15px; } .tel_item_ttl { height: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 20px; } .tel_item_ttl span { font-size: 12px; padding-left: 0; } .tel_item_a { margin-bottom: 0.6em; } .tel_item_inner { padding: 0 0.5em 1rem; } .tel_item_inner p { font-size: 15px; } .filter-control-sm { border-bottom: 10px solid black; } .sec_yoyaku.end { padding: 50px 0px 70px; } .box_mv .border { top: 91%; } .green img.border { top: 93%; } .section_price { padding: 60px 10px 50px; background-size: contain; } h2.tx_ttl_rental { width: 70%; margin: 0 auto; } .btn_rental { width: 90%; } .btn_rental li a { box-shadow: 0px 6px 0px 0px #76211a; border: 3px solid #ba352a; font-size: 18px; } } /******************** レスポンシブ **********************************************/ @media (max-width: 766px) { .text_img { margin-top: 15px; } .tx_date { margin-top: 8px; font-size: 14px; padding: 2px 0; } .bg_area { padding: 17%; } .point_ttl_area { padding-top: 50px; margin-bottom: 15px; } .bg_point { background: #fff; } .tx_ttl_price { margin-bottom: 30px; } } </style> <script> $(".js-cpcmn-acco-head").on("click", function () { if ($(this).hasClass("is-open")) { $(this).removeClass("is-open"); $(this).next(".js-cpcmn-acco-body").stop().slideUp(300).removeClass("is-open"); } else { $(this).addClass("is-open"); $(this).next(".js-cpcmn-acco-body").stop().slideDown(300).addClass("is-open"); } }); </script> <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-mario.net/public/" onclick="ga('send', 'event', 'click', 'netyoyaku', 'フッター予約');" target="_blank" rel="noopener" referrerpolicy="no-referrer-when-downgrade">24時間受付<br />かんたんネット予約</a> <!--<a class="calendar" href="https://yoyaku.studio-mario.net/public/" onclick="ga('send', 'event', 'フッター', 'click', 'netyoyaku');" target="_blank" rel="noopener">キャンペーン中!<br />かんたんネット予約</a>--> <!-- <a class="look" href="https://yoyaku.studio-mario.net/public/shop/index.jsp" onclick="ga('send', 'event', 'click', 'tenpo', 'フッター店舗検索');" target="_blank" rel="noopener">お近くの<br>マリオ</a> --> <a class="cal" href="tel:0120-753-438" onclick="ga('send', 'event', 'click', 'denwa', 'フッター電話');"> 10時～19時 <!-- 年末用 --><!-- 12/31は18時まで<br>1/1,1/2はお休み --><!-- 年末用 --> <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-mario.net/public/" 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-mario.net/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">©2025, KITAMURA Co., Ltd. All Rights Reserved.</div> </footer> </div> <script src="/js/libs.min.js"></script> <script src="/js/dictionary.min.js"></script> <script src="/res/lib/js/jquery.colorbox-min.js" type="text/javascript"></script> <script src="/js/fancy/jquery.fancybox.min.js"></script> <script src="/js/jquery.cookie.min.js"></script> <script src="/js/jquery.matchHeight.min.js"></script> <script src="/js/slick/slick.min.js" defer></script> <script src="/js/jquery.disableScroll.min.js" defer></script> <script src="/js/jquery.lazyload.min.js"></script> <script src="/js/scripts.js?ver=20240513"></script> <script src="/js/modernizr.min.js"></script> <script src="/common/js/urchin.min.js"></script> <script type="text/javascript" src="/js/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="/js/magnific-popup.min.js"></script> </div> <script src="/res/lib/js/jquery.bxslider.min.js"></script> <script src="/res/js/yoyaku.min.js"></script> <script type="text/javascript" src="/js/slide_option.js"></script> <!-- /costume/option/ --> <!-- costume --> <!-- option --> <!-- --> <!-- --> <script type="application/ld+json"> { "@context": "http://schema.org", "mainEntityOfPage":{ "@type":"WebPage", "@id":"https://www.studio-mario.net/costume/option/" }, "headline":"", "image": [""], "datePublished": "2025-05-01T10:21:28+09:00", "dateModified": "2025-05-01T10:22:56+09:00", "author": { "@type": "Organization", "name": "記念日スタジオ スタジオマリオ" }, "publisher": { "@type": "Organization", "name": "記念日スタジオ スタジオマリオ", "logo": { "@type": "ImageObject", "url": "https://www.studio-mario.net/img/common/logo_2021.png" } }, "description": "七五三写真撮影がもっとかわいい！もっと特別に！もっと自分好みにアレンジできる七五三衣装コーディネートセット♪" } </script> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <!--[if lt IE 9]> <script type="text/javascript" src="https://www.studio-mario.net/wp-content/themes/studio-mario/assets/js/html5.js?ver=3.7.3" id="html5-js"></script> <![endif]--> <script type="text/javascript" id="twentyseventeen-skip-link-focus-fix-js-extra"> /* <![CDATA[ */ var twentyseventeenScreenReaderText = {"quote":"<svg class=\"icon icon-quote-right\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-quote-right\" xlink:href=\"#icon-quote-right\"><\/use> <\/svg>"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.studio-mario.net/wp-content/themes/studio-mario/assets/js/skip-link-focus-fix.js?ver=1.0" id="twentyseventeen-skip-link-focus-fix-js"></script> <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-behance" viewBox="0 0 37 32"> <path class="path1" d="M33 6.054h-9.125v2.214h9.125v-2.214zM28.5 13.661q-1.607 0-2.607 0.938t-1.107 2.545h7.286q-0.321-3.482-3.571-3.482zM28.786 24.107q1.125 0 2.179-0.571t1.357-1.554h3.946q-1.786 5.482-7.625 5.482-3.821 0-6.080-2.357t-2.259-6.196q0-3.714 2.33-6.17t6.009-2.455q2.464 0 4.295 1.214t2.732 3.196 0.902 4.429q0 0.304-0.036 0.839h-11.75q0 1.982 1.027 3.063t2.973 1.080zM4.946 23.214h5.286q3.661 0 3.661-2.982 0-3.214-3.554-3.214h-5.393v6.196zM4.946 13.625h5.018q1.393 0 2.205-0.652t0.813-2.027q0-2.571-3.393-2.571h-4.643v5.25zM0 4.536h10.607q1.554 0 2.768 0.25t2.259 0.848 1.607 1.723 0.563 2.75q0 3.232-3.071 4.696 2.036 0.571 3.071 2.054t1.036 3.643q0 1.339-0.438 2.438t-1.179 1.848-1.759 1.268-2.161 0.75-2.393 0.232h-10.911v-22.5z"></path> </symbol> <symbol id="icon-deviantart" viewBox="0 0 18 32"> <path class="path1" d="M18.286 5.411l-5.411 10.393 0.429 0.554h4.982v7.411h-9.054l-0.786 0.536-2.536 4.875-0.536 0.536h-5.375v-5.411l5.411-10.411-0.429-0.536h-4.982v-7.411h9.054l0.786-0.536 2.536-4.875 0.536-0.536h5.375v5.411z"></path> </symbol> <symbol id="icon-medium" viewBox="0 0 32 32"> <path class="path1" d="M10.661 7.518v20.946q0 0.446-0.223 0.759t-0.652 0.313q-0.304 0-0.589-0.143l-8.304-4.161q-0.375-0.179-0.634-0.598t-0.259-0.83v-20.357q0-0.357 0.179-0.607t0.518-0.25q0.25 0 0.786 0.268l9.125 4.571q0.054 0.054 0.054 0.089zM11.804 9.321l9.536 15.464-9.536-4.75v-10.714zM32 9.643v18.821q0 0.446-0.25 0.723t-0.679 0.277-0.839-0.232l-7.875-3.929zM31.946 7.5q0 0.054-4.58 7.491t-5.366 8.705l-6.964-11.321 5.786-9.411q0.304-0.5 0.929-0.5 0.25 0 0.464 0.107l9.661 4.821q0.071 0.036 0.071 0.107z"></path> </symbol> <symbol id="icon-slideshare" viewBox="0 0 32 32"> <path class="path1" d="M15.589 13.214q0 1.482-1.134 2.545t-2.723 1.063-2.723-1.063-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054 2.723 1.054 1.134 2.554zM24.554 13.214q0 1.482-1.125 2.545t-2.732 1.063q-1.589 0-2.723-1.063t-1.134-2.545q0-1.5 1.134-2.554t2.723-1.054q1.607 0 2.732 1.054t1.125 2.554zM28.571 16.429v-11.911q0-1.554-0.571-2.205t-1.982-0.652h-19.857q-1.482 0-2.009 0.607t-0.527 2.25v12.018q0.768 0.411 1.58 0.714t1.446 0.5 1.446 0.33 1.268 0.196 1.25 0.071 1.045 0.009 1.009-0.036 0.795-0.036q1.214-0.018 1.696 0.482 0.107 0.107 0.179 0.161 0.464 0.446 1.089 0.911 0.125-1.625 2.107-1.554 0.089 0 0.652 0.027t0.768 0.036 0.813 0.018 0.946-0.018 0.973-0.080 1.089-0.152 1.107-0.241 1.196-0.348 1.205-0.482 1.286-0.616zM31.482 16.339q-2.161 2.661-6.643 4.5 1.5 5.089-0.411 8.304-1.179 2.018-3.268 2.643-1.857 0.571-3.25-0.268-1.536-0.911-1.464-2.929l-0.018-5.821v-0.018q-0.143-0.036-0.438-0.107t-0.42-0.089l-0.018 6.036q0.071 2.036-1.482 2.929-1.411 0.839-3.268 0.268-2.089-0.643-3.25-2.679-1.875-3.214-0.393-8.268-4.482-1.839-6.643-4.5-0.446-0.661-0.071-1.125t1.071 0.018q0.054 0.036 0.196 0.125t0.196 0.143v-12.393q0-1.286 0.839-2.196t2.036-0.911h22.446q1.196 0 2.036 0.911t0.839 2.196v12.393l0.375-0.268q0.696-0.482 1.071-0.018t-0.071 1.125z"></path> </symbol> <symbol id="icon-snapchat-ghost" viewBox="0 0 30 32"> <path class="path1" d="M15.143 2.286q2.393-0.018 4.295 1.223t2.92 3.438q0.482 1.036 0.482 3.196 0 0.839-0.161 3.411 0.25 0.125 0.5 0.125 0.321 0 0.911-0.241t0.911-0.241q0.518 0 1 0.321t0.482 0.821q0 0.571-0.563 0.964t-1.232 0.563-1.232 0.518-0.563 0.848q0 0.268 0.214 0.768 0.661 1.464 1.83 2.679t2.58 1.804q0.5 0.214 1.429 0.411 0.5 0.107 0.5 0.625 0 1.25-3.911 1.839-0.125 0.196-0.196 0.696t-0.25 0.83-0.589 0.33q-0.357 0-1.107-0.116t-1.143-0.116q-0.661 0-1.107 0.089-0.571 0.089-1.125 0.402t-1.036 0.679-1.036 0.723-1.357 0.598-1.768 0.241q-0.929 0-1.723-0.241t-1.339-0.598-1.027-0.723-1.036-0.679-1.107-0.402q-0.464-0.089-1.125-0.089-0.429 0-1.17 0.134t-1.045 0.134q-0.446 0-0.625-0.33t-0.25-0.848-0.196-0.714q-3.911-0.589-3.911-1.839 0-0.518 0.5-0.625 0.929-0.196 1.429-0.411 1.393-0.571 2.58-1.804t1.83-2.679q0.214-0.5 0.214-0.768 0-0.5-0.563-0.848t-1.241-0.527-1.241-0.563-0.563-0.938q0-0.482 0.464-0.813t0.982-0.33q0.268 0 0.857 0.232t0.946 0.232q0.321 0 0.571-0.125-0.161-2.536-0.161-3.393 0-2.179 0.482-3.214 1.143-2.446 3.071-3.536t4.714-1.125z"></path> </symbol> <symbol id="icon-yelp" viewBox="0 0 27 32"> <path class="path1" d="M13.804 23.554v2.268q-0.018 5.214-0.107 5.446-0.214 0.571-0.911 0.714-0.964 0.161-3.241-0.679t-2.902-1.589q-0.232-0.268-0.304-0.643-0.018-0.214 0.071-0.464 0.071-0.179 0.607-0.839t3.232-3.857q0.018 0 1.071-1.25 0.268-0.339 0.705-0.438t0.884 0.063q0.429 0.179 0.67 0.518t0.223 0.75zM11.143 19.071q-0.054 0.982-0.929 1.25l-2.143 0.696q-4.911 1.571-5.214 1.571-0.625-0.036-0.964-0.643-0.214-0.446-0.304-1.339-0.143-1.357 0.018-2.973t0.536-2.223 1-0.571q0.232 0 3.607 1.375 1.25 0.518 2.054 0.839l1.5 0.607q0.411 0.161 0.634 0.545t0.205 0.866zM25.893 24.375q-0.125 0.964-1.634 2.875t-2.42 2.268q-0.661 0.25-1.125-0.125-0.25-0.179-3.286-5.125l-0.839-1.375q-0.25-0.375-0.205-0.821t0.348-0.821q0.625-0.768 1.482-0.464 0.018 0.018 2.125 0.714 3.625 1.179 4.321 1.42t0.839 0.366q0.5 0.393 0.393 1.089zM13.893 13.089q0.089 1.821-0.964 2.179-1.036 0.304-2.036-1.268l-6.75-10.679q-0.143-0.625 0.339-1.107 0.732-0.768 3.705-1.598t4.009-0.563q0.714 0.179 0.875 0.804 0.054 0.321 0.393 5.455t0.429 6.777zM25.714 15.018q0.054 0.696-0.464 1.054-0.268 0.179-5.875 1.536-1.196 0.268-1.625 0.411l0.018-0.036q-0.411 0.107-0.821-0.071t-0.661-0.571q-0.536-0.839 0-1.554 0.018-0.018 1.339-1.821 2.232-3.054 2.679-3.643t0.607-0.696q0.5-0.339 1.161-0.036 0.857 0.411 2.196 2.384t1.446 2.991v0.054z"></path> </symbol> <symbol id="icon-vine" viewBox="0 0 27 32"> <path class="path1" d="M26.732 14.768v3.536q-1.804 0.411-3.536 0.411-1.161 2.429-2.955 4.839t-3.241 3.848-2.286 1.902q-1.429 0.804-2.893-0.054-0.5-0.304-1.080-0.777t-1.518-1.491-1.83-2.295-1.92-3.286-1.884-4.357-1.634-5.616-1.259-6.964h5.054q0.464 3.893 1.25 7.116t1.866 5.661 2.17 4.205 2.5 3.482q3.018-3.018 5.125-7.25-2.536-1.286-3.982-3.929t-1.446-5.946q0-3.429 1.857-5.616t5.071-2.188q3.179 0 4.875 1.884t1.696 5.313q0 2.839-1.036 5.107-0.125 0.018-0.348 0.054t-0.821 0.036-1.125-0.107-1.107-0.455-0.902-0.92q0.554-1.839 0.554-3.286 0-1.554-0.518-2.357t-1.411-0.804q-0.946 0-1.518 0.884t-0.571 2.509q0 3.321 1.875 5.241t4.768 1.92q1.107 0 2.161-0.25z"></path> </symbol> <symbol id="icon-vk" viewBox="0 0 35 32"> <path class="path1" d="M34.232 9.286q0.411 1.143-2.679 5.25-0.429 0.571-1.161 1.518-1.393 1.786-1.607 2.339-0.304 0.732 0.25 1.446 0.304 0.375 1.446 1.464h0.018l0.071 0.071q2.518 2.339 3.411 3.946 0.054 0.089 0.116 0.223t0.125 0.473-0.009 0.607-0.446 0.491-1.054 0.223l-4.571 0.071q-0.429 0.089-1-0.089t-0.929-0.393l-0.357-0.214q-0.536-0.375-1.25-1.143t-1.223-1.384-1.089-1.036-1.009-0.277q-0.054 0.018-0.143 0.063t-0.304 0.259-0.384 0.527-0.304 0.929-0.116 1.384q0 0.268-0.063 0.491t-0.134 0.33l-0.071 0.089q-0.321 0.339-0.946 0.393h-2.054q-1.268 0.071-2.607-0.295t-2.348-0.946-1.839-1.179-1.259-1.027l-0.446-0.429q-0.179-0.179-0.491-0.536t-1.277-1.625-1.893-2.696-2.188-3.768-2.33-4.857q-0.107-0.286-0.107-0.482t0.054-0.286l0.071-0.107q0.268-0.339 1.018-0.339l4.893-0.036q0.214 0.036 0.411 0.116t0.286 0.152l0.089 0.054q0.286 0.196 0.429 0.571 0.357 0.893 0.821 1.848t0.732 1.455l0.286 0.518q0.518 1.071 1 1.857t0.866 1.223 0.741 0.688 0.607 0.25 0.482-0.089q0.036-0.018 0.089-0.089t0.214-0.393 0.241-0.839 0.17-1.446 0-2.232q-0.036-0.714-0.161-1.304t-0.25-0.821l-0.107-0.214q-0.446-0.607-1.518-0.768-0.232-0.036 0.089-0.429 0.304-0.339 0.679-0.536 0.946-0.464 4.268-0.429 1.464 0.018 2.411 0.232 0.357 0.089 0.598 0.241t0.366 0.429 0.188 0.571 0.063 0.813-0.018 0.982-0.045 1.259-0.027 1.473q0 0.196-0.018 0.75t-0.009 0.857 0.063 0.723 0.205 0.696 0.402 0.438q0.143 0.036 0.304 0.071t0.464-0.196 0.679-0.616 0.929-1.196 1.214-1.92q1.071-1.857 1.911-4.018 0.071-0.179 0.179-0.313t0.196-0.188l0.071-0.054 0.089-0.045t0.232-0.054 0.357-0.009l5.143-0.036q0.696-0.089 1.143 0.045t0.554 0.295z"></path> </symbol> <symbol id="icon-search" viewBox="0 0 30 32"> <path class="path1" d="M20.571 14.857q0-3.304-2.348-5.652t-5.652-2.348-5.652 2.348-2.348 5.652 2.348 5.652 5.652 2.348 5.652-2.348 2.348-5.652zM29.714 29.714q0 0.929-0.679 1.607t-1.607 0.679q-0.964 0-1.607-0.679l-6.125-6.107q-3.196 2.214-7.125 2.214-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884 0.991-4.884 2.679-4.018 4.018-2.679 4.884-0.991 4.884 0.991 4.018 2.679 2.679 4.018 0.991 4.884q0 3.929-2.214 7.125l6.125 6.125q0.661 0.661 0.661 1.607z"></path> </symbol> <symbol id="icon-envelope-o" viewBox="0 0 32 32"> <path class="path1" d="M29.714 26.857v-13.714q-0.571 0.643-1.232 1.179-4.786 3.679-7.607 6.036-0.911 0.768-1.482 1.196t-1.545 0.866-1.83 0.438h-0.036q-0.857 0-1.83-0.438t-1.545-0.866-1.482-1.196q-2.821-2.357-7.607-6.036-0.661-0.536-1.232-1.179v13.714q0 0.232 0.17 0.402t0.402 0.17h26.286q0.232 0 0.402-0.17t0.17-0.402zM29.714 8.089v-0.438t-0.009-0.232-0.054-0.223-0.098-0.161-0.161-0.134-0.25-0.045h-26.286q-0.232 0-0.402 0.17t-0.17 0.402q0 3 2.625 5.071 3.446 2.714 7.161 5.661 0.107 0.089 0.625 0.527t0.821 0.67 0.795 0.563 0.902 0.491 0.768 0.161h0.036q0.357 0 0.768-0.161t0.902-0.491 0.795-0.563 0.821-0.67 0.625-0.527q3.714-2.946 7.161-5.661 0.964-0.768 1.795-2.063t0.83-2.348zM32 7.429v19.429q0 1.179-0.839 2.018t-2.018 0.839h-26.286q-1.179 0-2.018-0.839t-0.839-2.018v-19.429q0-1.179 0.839-2.018t2.018-0.839h26.286q1.179 0 2.018 0.839t0.839 2.018z"></path> </symbol> <symbol id="icon-close" viewBox="0 0 25 32"> <path class="path1" d="M23.179 23.607q0 0.714-0.5 1.214l-2.429 2.429q-0.5 0.5-1.214 0.5t-1.214-0.5l-5.25-5.25-5.25 5.25q-0.5 0.5-1.214 0.5t-1.214-0.5l-2.429-2.429q-0.5-0.5-0.5-1.214t0.5-1.214l5.25-5.25-5.25-5.25q-0.5-0.5-0.5-1.214t0.5-1.214l2.429-2.429q0.5-0.5 1.214-0.5t1.214 0.5l5.25 5.25 5.25-5.25q0.5-0.5 1.214-0.5t1.214 0.5l2.429 2.429q0.5 0.5 0.5 1.214t-0.5 1.214l-5.25 5.25 5.25 5.25q0.5 0.5 0.5 1.214z"></path> </symbol> <symbol id="icon-angle-down" viewBox="0 0 21 32"> <path class="path1" d="M19.196 13.143q0 0.232-0.179 0.411l-8.321 8.321q-0.179 0.179-0.411 0.179t-0.411-0.179l-8.321-8.321q-0.179-0.179-0.179-0.411t0.179-0.411l0.893-0.893q0.179-0.179 0.411-0.179t0.411 0.179l7.018 7.018 7.018-7.018q0.179-0.179 0.411-0.179t0.411 0.179l0.893 0.893q0.179 0.179 0.179 0.411z"></path> </symbol> <symbol id="icon-folder-open" viewBox="0 0 34 32"> <path class="path1" d="M33.554 17q0 0.554-0.554 1.179l-6 7.071q-0.768 0.911-2.152 1.545t-2.563 0.634h-19.429q-0.607 0-1.080-0.232t-0.473-0.768q0-0.554 0.554-1.179l6-7.071q0.768-0.911 2.152-1.545t2.563-0.634h19.429q0.607 0 1.080 0.232t0.473 0.768zM27.429 10.857v2.857h-14.857q-1.679 0-3.518 0.848t-2.929 2.134l-6.107 7.179q0-0.071-0.009-0.223t-0.009-0.223v-17.143q0-1.643 1.179-2.821t2.821-1.179h5.714q1.643 0 2.821 1.179t1.179 2.821v0.571h9.714q1.643 0 2.821 1.179t1.179 2.821z"></path> </symbol> <symbol id="icon-twitter" viewBox="0 0 30 32"> <path class="path1" d="M28.929 7.286q-1.196 1.75-2.893 2.982 0.018 0.25 0.018 0.75 0 2.321-0.679 4.634t-2.063 4.437-3.295 3.759-4.607 2.607-5.768 0.973q-4.839 0-8.857-2.589 0.625 0.071 1.393 0.071 4.018 0 7.161-2.464-1.875-0.036-3.357-1.152t-2.036-2.848q0.589 0.089 1.089 0.089 0.768 0 1.518-0.196-2-0.411-3.313-1.991t-1.313-3.67v-0.071q1.214 0.679 2.607 0.732-1.179-0.786-1.875-2.054t-0.696-2.75q0-1.571 0.786-2.911 2.161 2.661 5.259 4.259t6.634 1.777q-0.143-0.679-0.143-1.321 0-2.393 1.688-4.080t4.080-1.688q2.5 0 4.214 1.821 1.946-0.375 3.661-1.393-0.661 2.054-2.536 3.179 1.661-0.179 3.321-0.893z"></path> </symbol> <symbol id="icon-facebook" viewBox="0 0 19 32"> <path class="path1" d="M17.125 0.214v4.714h-2.804q-1.536 0-2.071 0.643t-0.536 1.929v3.375h5.232l-0.696 5.286h-4.536v13.554h-5.464v-13.554h-4.554v-5.286h4.554v-3.893q0-3.321 1.857-5.152t4.946-1.83q2.625 0 4.071 0.214z"></path> </symbol> <symbol id="icon-github" viewBox="0 0 27 32"> <path class="path1" d="M13.714 2.286q3.732 0 6.884 1.839t4.991 4.991 1.839 6.884q0 4.482-2.616 8.063t-6.759 4.955q-0.482 0.089-0.714-0.125t-0.232-0.536q0-0.054 0.009-1.366t0.009-2.402q0-1.732-0.929-2.536 1.018-0.107 1.83-0.321t1.679-0.696 1.446-1.188 0.946-1.875 0.366-2.688q0-2.125-1.411-3.679 0.661-1.625-0.143-3.643-0.5-0.161-1.446 0.196t-1.643 0.786l-0.679 0.429q-1.661-0.464-3.429-0.464t-3.429 0.464q-0.286-0.196-0.759-0.482t-1.491-0.688-1.518-0.241q-0.804 2.018-0.143 3.643-1.411 1.554-1.411 3.679 0 1.518 0.366 2.679t0.938 1.875 1.438 1.196 1.679 0.696 1.83 0.321q-0.696 0.643-0.875 1.839-0.375 0.179-0.804 0.268t-1.018 0.089-1.17-0.384-0.991-1.116q-0.339-0.571-0.866-0.929t-0.884-0.429l-0.357-0.054q-0.375 0-0.518 0.080t-0.089 0.205 0.161 0.25 0.232 0.214l0.125 0.089q0.393 0.179 0.777 0.679t0.563 0.911l0.179 0.411q0.232 0.679 0.786 1.098t1.196 0.536 1.241 0.125 0.991-0.063l0.411-0.071q0 0.679 0.009 1.58t0.009 0.973q0 0.321-0.232 0.536t-0.714 0.125q-4.143-1.375-6.759-4.955t-2.616-8.063q0-3.732 1.839-6.884t4.991-4.991 6.884-1.839zM5.196 21.982q0.054-0.125-0.125-0.214-0.179-0.054-0.232 0.036-0.054 0.125 0.125 0.214 0.161 0.107 0.232-0.036zM5.75 22.589q0.125-0.089-0.036-0.286-0.179-0.161-0.286-0.054-0.125 0.089 0.036 0.286 0.179 0.179 0.286 0.054zM6.286 23.393q0.161-0.125 0-0.339-0.143-0.232-0.304-0.107-0.161 0.089 0 0.321t0.304 0.125zM7.036 24.143q0.143-0.143-0.071-0.339-0.214-0.214-0.357-0.054-0.161 0.143 0.071 0.339 0.214 0.214 0.357 0.054zM8.054 24.589q0.054-0.196-0.232-0.286-0.268-0.071-0.339 0.125t0.232 0.268q0.268 0.107 0.339-0.107zM9.179 24.679q0-0.232-0.304-0.196-0.286 0-0.286 0.196 0 0.232 0.304 0.196 0.286 0 0.286-0.196zM10.214 24.5q-0.036-0.196-0.321-0.161-0.286 0.054-0.25 0.268t0.321 0.143 0.25-0.25z"></path> </symbol> <symbol id="icon-bars" viewBox="0 0 27 32"> <path class="path1" d="M27.429 24v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 14.857v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804zM27.429 5.714v2.286q0 0.464-0.339 0.804t-0.804 0.339h-25.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h25.143q0.464 0 0.804 0.339t0.339 0.804z"></path> </symbol> <symbol id="icon-google-plus" viewBox="0 0 41 32"> <path class="path1" d="M25.661 16.304q0 3.714-1.554 6.616t-4.429 4.536-6.589 1.634q-2.661 0-5.089-1.036t-4.179-2.786-2.786-4.179-1.036-5.089 1.036-5.089 2.786-4.179 4.179-2.786 5.089-1.036q5.107 0 8.768 3.429l-3.554 3.411q-2.089-2.018-5.214-2.018-2.196 0-4.063 1.107t-2.955 3.009-1.089 4.152 1.089 4.152 2.955 3.009 4.063 1.107q1.482 0 2.723-0.411t2.045-1.027 1.402-1.402 0.875-1.482 0.384-1.321h-7.429v-4.5h12.357q0.214 1.125 0.214 2.179zM41.143 14.125v3.75h-3.732v3.732h-3.75v-3.732h-3.732v-3.75h3.732v-3.732h3.75v3.732h3.732z"></path> </symbol> <symbol id="icon-linkedin" viewBox="0 0 27 32"> <path class="path1" d="M6.232 11.161v17.696h-5.893v-17.696h5.893zM6.607 5.696q0.018 1.304-0.902 2.179t-2.42 0.875h-0.036q-1.464 0-2.357-0.875t-0.893-2.179q0-1.321 0.92-2.188t2.402-0.866 2.375 0.866 0.911 2.188zM27.429 18.714v10.143h-5.875v-9.464q0-1.875-0.723-2.938t-2.259-1.063q-1.125 0-1.884 0.616t-1.134 1.527q-0.196 0.536-0.196 1.446v9.875h-5.875q0.036-7.125 0.036-11.554t-0.018-5.286l-0.018-0.857h5.875v2.571h-0.036q0.357-0.571 0.732-1t1.009-0.929 1.554-0.777 2.045-0.277q3.054 0 4.911 2.027t1.857 5.938z"></path> </symbol> <symbol id="icon-quote-right" viewBox="0 0 30 32"> <path class="path1" d="M13.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429zM29.714 5.714v12.571q0 1.857-0.723 3.545t-1.955 2.92-2.92 1.955-3.545 0.723h-1.143q-0.464 0-0.804-0.339t-0.339-0.804v-2.286q0-0.464 0.339-0.804t0.804-0.339h1.143q1.893 0 3.232-1.339t1.339-3.232v-0.571q0-0.714-0.5-1.214t-1.214-0.5h-4q-1.429 0-2.429-1t-1-2.429v-6.857q0-1.429 1-2.429t2.429-1h6.857q1.429 0 2.429 1t1 2.429z"></path> </symbol> <symbol id="icon-mail-reply" viewBox="0 0 32 32"> <path class="path1" d="M32 20q0 2.964-2.268 8.054-0.054 0.125-0.188 0.429t-0.241 0.536-0.232 0.393q-0.214 0.304-0.5 0.304-0.268 0-0.42-0.179t-0.152-0.446q0-0.161 0.045-0.473t0.045-0.42q0.089-1.214 0.089-2.196 0-1.804-0.313-3.232t-0.866-2.473-1.429-1.804-1.884-1.241-2.375-0.759-2.75-0.384-3.134-0.107h-4v4.571q0 0.464-0.339 0.804t-0.804 0.339-0.804-0.339l-9.143-9.143q-0.339-0.339-0.339-0.804t0.339-0.804l9.143-9.143q0.339-0.339 0.804-0.339t0.804 0.339 0.339 0.804v4.571h4q12.732 0 15.625 7.196 0.946 2.393 0.946 5.946z"></path> </symbol> <symbol id="icon-youtube" viewBox="0 0 27 32"> <path class="path1" d="M17.339 22.214v3.768q0 1.196-0.696 1.196-0.411 0-0.804-0.393v-5.375q0.393-0.393 0.804-0.393 0.696 0 0.696 1.196zM23.375 22.232v0.821h-1.607v-0.821q0-1.214 0.804-1.214t0.804 1.214zM6.125 18.339h1.911v-1.679h-5.571v1.679h1.875v10.161h1.786v-10.161zM11.268 28.5h1.589v-8.821h-1.589v6.75q-0.536 0.75-1.018 0.75-0.321 0-0.375-0.375-0.018-0.054-0.018-0.625v-6.5h-1.589v6.982q0 0.875 0.143 1.304 0.214 0.661 1.036 0.661 0.857 0 1.821-1.089v0.964zM18.929 25.857v-3.518q0-1.304-0.161-1.768-0.304-1-1.268-1-0.893 0-1.661 0.964v-3.875h-1.589v11.839h1.589v-0.857q0.804 0.982 1.661 0.982 0.964 0 1.268-0.982 0.161-0.482 0.161-1.786zM24.964 25.679v-0.232h-1.625q0 0.911-0.036 1.089-0.125 0.643-0.714 0.643-0.821 0-0.821-1.232v-1.554h3.196v-1.839q0-1.411-0.482-2.071-0.696-0.911-1.893-0.911-1.214 0-1.911 0.911-0.5 0.661-0.5 2.071v3.089q0 1.411 0.518 2.071 0.696 0.911 1.929 0.911 1.286 0 1.929-0.946 0.321-0.482 0.375-0.964 0.036-0.161 0.036-1.036zM14.107 9.375v-3.75q0-1.232-0.768-1.232t-0.768 1.232v3.75q0 1.25 0.768 1.25t0.768-1.25zM26.946 22.786q0 4.179-0.464 6.25-0.25 1.054-1.036 1.768t-1.821 0.821q-3.286 0.375-9.911 0.375t-9.911-0.375q-1.036-0.107-1.83-0.821t-1.027-1.768q-0.464-2-0.464-6.25 0-4.179 0.464-6.25 0.25-1.054 1.036-1.768t1.839-0.839q3.268-0.357 9.893-0.357t9.911 0.357q1.036 0.125 1.83 0.839t1.027 1.768q0.464 2 0.464 6.25zM9.125 0h1.821l-2.161 7.125v4.839h-1.786v-4.839q-0.25-1.321-1.089-3.786-0.661-1.839-1.161-3.339h1.893l1.268 4.696zM15.732 5.946v3.125q0 1.446-0.5 2.107-0.661 0.911-1.893 0.911-1.196 0-1.875-0.911-0.5-0.679-0.5-2.107v-3.125q0-1.429 0.5-2.089 0.679-0.911 1.875-0.911 1.232 0 1.893 0.911 0.5 0.661 0.5 2.089zM21.714 3.054v8.911h-1.625v-0.982q-0.946 1.107-1.839 1.107-0.821 0-1.054-0.661-0.143-0.429-0.143-1.339v-7.036h1.625v6.554q0 0.589 0.018 0.625 0.054 0.393 0.375 0.393 0.482 0 1.018-0.768v-6.804h1.625z"></path> </symbol> <symbol id="icon-dropbox" viewBox="0 0 32 32"> <path class="path1" d="M7.179 12.625l8.821 5.446-6.107 5.089-8.75-5.696zM24.786 22.536v1.929l-8.75 5.232v0.018l-0.018-0.018-0.018 0.018v-0.018l-8.732-5.232v-1.929l2.625 1.714 6.107-5.071v-0.036l0.018 0.018 0.018-0.018v0.036l6.125 5.071zM9.893 2.107l6.107 5.089-8.821 5.429-6.036-4.821zM24.821 12.625l6.036 4.839-8.732 5.696-6.125-5.089zM22.125 2.107l8.732 5.696-6.036 4.821-8.821-5.429z"></path> </symbol> <symbol id="icon-instagram" viewBox="0 0 27 32"> <path class="path1" d="M18.286 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM20.75 16q0 2.929-2.054 4.982t-4.982 2.054-4.982-2.054-2.054-4.982 2.054-4.982 4.982-2.054 4.982 2.054 2.054 4.982zM22.679 8.679q0 0.679-0.482 1.161t-1.161 0.482-1.161-0.482-0.482-1.161 0.482-1.161 1.161-0.482 1.161 0.482 0.482 1.161zM13.714 4.75q-0.125 0-1.366-0.009t-1.884 0-1.723 0.054-1.839 0.179-1.277 0.33q-0.893 0.357-1.571 1.036t-1.036 1.571q-0.196 0.518-0.33 1.277t-0.179 1.839-0.054 1.723 0 1.884 0.009 1.366-0.009 1.366 0 1.884 0.054 1.723 0.179 1.839 0.33 1.277q0.357 0.893 1.036 1.571t1.571 1.036q0.518 0.196 1.277 0.33t1.839 0.179 1.723 0.054 1.884 0 1.366-0.009 1.366 0.009 1.884 0 1.723-0.054 1.839-0.179 1.277-0.33q0.893-0.357 1.571-1.036t1.036-1.571q0.196-0.518 0.33-1.277t0.179-1.839 0.054-1.723 0-1.884-0.009-1.366 0.009-1.366 0-1.884-0.054-1.723-0.179-1.839-0.33-1.277q-0.357-0.893-1.036-1.571t-1.571-1.036q-0.518-0.196-1.277-0.33t-1.839-0.179-1.723-0.054-1.884 0-1.366 0.009zM27.429 16q0 4.089-0.089 5.661-0.179 3.714-2.214 5.75t-5.75 2.214q-1.571 0.089-5.661 0.089t-5.661-0.089q-3.714-0.179-5.75-2.214t-2.214-5.75q-0.089-1.571-0.089-5.661t0.089-5.661q0.179-3.714 2.214-5.75t5.75-2.214q1.571-0.089 5.661-0.089t5.661 0.089q3.714 0.179 5.75 2.214t2.214 5.75q0.089 1.571 0.089 5.661z"></path> </symbol> <symbol id="icon-flickr" viewBox="0 0 27 32"> <path class="path1" d="M22.286 2.286q2.125 0 3.634 1.509t1.509 3.634v17.143q0 2.125-1.509 3.634t-3.634 1.509h-17.143q-2.125 0-3.634-1.509t-1.509-3.634v-17.143q0-2.125 1.509-3.634t3.634-1.509h17.143zM12.464 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679zM22.536 16q0-1.571-1.107-2.679t-2.679-1.107-2.679 1.107-1.107 2.679 1.107 2.679 2.679 1.107 2.679-1.107 1.107-2.679z"></path> </symbol> <symbol id="icon-tumblr" viewBox="0 0 19 32"> <path class="path1" d="M16.857 23.732l1.429 4.232q-0.411 0.625-1.982 1.179t-3.161 0.571q-1.857 0.036-3.402-0.464t-2.545-1.321-1.696-1.893-0.991-2.143-0.295-2.107v-9.714h-3v-3.839q1.286-0.464 2.304-1.241t1.625-1.607 1.036-1.821 0.607-1.768 0.268-1.58q0.018-0.089 0.080-0.152t0.134-0.063h4.357v7.571h5.946v4.5h-5.964v9.25q0 0.536 0.116 1t0.402 0.938 0.884 0.741 1.455 0.25q1.393-0.036 2.393-0.518z"></path> </symbol> <symbol id="icon-dockerhub" viewBox="0 0 24 28"> <path class="path1" d="M1.597 10.257h2.911v2.83H1.597v-2.83zm3.573 0h2.91v2.83H5.17v-2.83zm0-3.627h2.91v2.829H5.17V6.63zm3.57 3.627h2.912v2.83H8.74v-2.83zm0-3.627h2.912v2.829H8.74V6.63zm3.573 3.627h2.911v2.83h-2.911v-2.83zm0-3.627h2.911v2.829h-2.911V6.63zm3.572 3.627h2.911v2.83h-2.911v-2.83zM12.313 3h2.911v2.83h-2.911V3zm-6.65 14.173c-.449 0-.812.354-.812.788 0 .435.364.788.812.788.447 0 .811-.353.811-.788 0-.434-.363-.788-.811-.788"></path> <path class="path2" d="M28.172 11.721c-.978-.549-2.278-.624-3.388-.306-.136-1.146-.91-2.149-1.83-2.869l-.366-.286-.307.345c-.618.692-.8 1.845-.718 2.73.063.651.273 1.312.685 1.834-.313.183-.668.328-.985.434-.646.212-1.347.33-2.028.33H.083l-.042.429c-.137 1.432.065 2.866.674 4.173l.262.519.03.048c1.8 2.973 4.963 4.225 8.41 4.225 6.672 0 12.174-2.896 14.702-9.015 1.689.085 3.417-.4 4.243-1.968l.211-.4-.401-.223zM5.664 19.458c-.85 0-1.542-.671-1.542-1.497 0-.825.691-1.498 1.541-1.498.849 0 1.54.672 1.54 1.497s-.69 1.498-1.539 1.498z"></path> </symbol> <symbol id="icon-dribbble" viewBox="0 0 27 32"> <path class="path1" d="M18.286 26.786q-0.75-4.304-2.5-8.893h-0.036l-0.036 0.018q-0.286 0.107-0.768 0.295t-1.804 0.875-2.446 1.464-2.339 2.045-1.839 2.643l-0.268-0.196q3.286 2.679 7.464 2.679 2.357 0 4.571-0.929zM14.982 15.946q-0.375-0.875-0.946-1.982-5.554 1.661-12.018 1.661-0.018 0.125-0.018 0.375 0 2.214 0.786 4.223t2.214 3.598q0.893-1.589 2.205-2.973t2.545-2.223 2.33-1.446 1.777-0.857l0.661-0.232q0.071-0.018 0.232-0.063t0.232-0.080zM13.071 12.161q-2.143-3.804-4.357-6.75-2.464 1.161-4.179 3.321t-2.286 4.857q5.393 0 10.821-1.429zM25.286 17.857q-3.75-1.071-7.304-0.518 1.554 4.268 2.286 8.375 1.982-1.339 3.304-3.384t1.714-4.473zM10.911 4.625q-0.018 0-0.036 0.018 0.018-0.018 0.036-0.018zM21.446 7.214q-3.304-2.929-7.732-2.929-1.357 0-2.768 0.339 2.339 3.036 4.393 6.821 1.232-0.464 2.321-1.080t1.723-1.098 1.17-1.018 0.67-0.723zM25.429 15.875q-0.054-4.143-2.661-7.321l-0.018 0.018q-0.161 0.214-0.339 0.438t-0.777 0.795-1.268 1.080-1.786 1.161-2.348 1.152q0.446 0.946 0.786 1.696 0.036 0.107 0.116 0.313t0.134 0.295q0.643-0.089 1.33-0.125t1.313-0.036 1.232 0.027 1.143 0.071 1.009 0.098 0.857 0.116 0.652 0.107 0.446 0.080zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-skype" viewBox="0 0 27 32"> <path class="path1" d="M20.946 18.982q0-0.893-0.348-1.634t-0.866-1.223-1.304-0.875-1.473-0.607-1.563-0.411l-1.857-0.429q-0.536-0.125-0.786-0.188t-0.625-0.205-0.536-0.286-0.295-0.375-0.134-0.536q0-1.375 2.571-1.375 0.768 0 1.375 0.214t0.964 0.509 0.679 0.598 0.714 0.518 0.857 0.214q0.839 0 1.348-0.571t0.509-1.375q0-0.982-1-1.777t-2.536-1.205-3.25-0.411q-1.214 0-2.357 0.277t-2.134 0.839-1.589 1.554-0.598 2.295q0 1.089 0.339 1.902t1 1.348 1.429 0.866 1.839 0.58l2.607 0.643q1.607 0.393 2 0.643 0.571 0.357 0.571 1.071 0 0.696-0.714 1.152t-1.875 0.455q-0.911 0-1.634-0.286t-1.161-0.688-0.813-0.804-0.821-0.688-0.964-0.286q-0.893 0-1.348 0.536t-0.455 1.339q0 1.643 2.179 2.813t5.196 1.17q1.304 0 2.5-0.33t2.188-0.955 1.58-1.67 0.589-2.348zM27.429 22.857q0 2.839-2.009 4.848t-4.848 2.009q-2.321 0-4.179-1.429-1.375 0.286-2.679 0.286-2.554 0-4.884-0.991t-4.018-2.679-2.679-4.018-0.991-4.884q0-1.304 0.286-2.679-1.429-1.857-1.429-4.179 0-2.839 2.009-4.848t4.848-2.009q2.321 0 4.179 1.429 1.375-0.286 2.679-0.286 2.554 0 4.884 0.991t4.018 2.679 2.679 4.018 0.991 4.884q0 1.304-0.286 2.679 1.429 1.857 1.429 4.179z"></path> </symbol> <symbol id="icon-foursquare" viewBox="0 0 23 32"> <path class="path1" d="M17.857 7.75l0.661-3.464q0.089-0.411-0.161-0.714t-0.625-0.304h-12.714q-0.411 0-0.688 0.304t-0.277 0.661v19.661q0 0.125 0.107 0.018l5.196-6.286q0.411-0.464 0.679-0.598t0.857-0.134h4.268q0.393 0 0.661-0.259t0.321-0.527q0.429-2.321 0.661-3.411 0.071-0.375-0.205-0.714t-0.652-0.339h-5.25q-0.518 0-0.857-0.339t-0.339-0.857v-0.75q0-0.518 0.339-0.848t0.857-0.33h6.179q0.321 0 0.625-0.241t0.357-0.527zM21.911 3.786q-0.268 1.304-0.955 4.759t-1.241 6.25-0.625 3.098q-0.107 0.393-0.161 0.58t-0.25 0.58-0.438 0.589-0.688 0.375-1.036 0.179h-4.839q-0.232 0-0.393 0.179-0.143 0.161-7.607 8.821-0.393 0.446-1.045 0.509t-0.866-0.098q-0.982-0.393-0.982-1.75v-25.179q0-0.982 0.679-1.83t2.143-0.848h15.857q1.696 0 2.268 0.946t0.179 2.839zM21.911 3.786l-2.821 14.107q0.071-0.304 0.625-3.098t1.241-6.25 0.955-4.759z"></path> </symbol> <symbol id="icon-wordpress" viewBox="0 0 32 32"> <path class="path1" d="M2.268 16q0-2.911 1.196-5.589l6.554 17.946q-3.5-1.696-5.625-5.018t-2.125-7.339zM25.268 15.304q0 0.339-0.045 0.688t-0.179 0.884-0.205 0.786-0.313 1.054-0.313 1.036l-1.357 4.571-4.964-14.75q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-1.339-0.018-3.607-0.179-0.214-0.018-0.366 0.089t-0.205 0.268-0.027 0.33 0.161 0.295 0.348 0.143l1.429 0.143 2.143 5.857-3 9-5-14.857q0.821-0.054 1.571-0.143 0.339-0.036 0.464-0.33t-0.045-0.554-0.509-0.241l-3.661 0.179q-0.125 0-0.411-0.009t-0.464-0.009q1.875-2.857 4.902-4.527t6.563-1.67q2.625 0 5.009 0.946t4.259 2.661h-0.179q-0.982 0-1.643 0.723t-0.661 1.705q0 0.214 0.036 0.429t0.071 0.384 0.143 0.411 0.161 0.375 0.214 0.402 0.223 0.375 0.259 0.429 0.25 0.411q1.125 1.911 1.125 3.786zM16.232 17.196l4.232 11.554q0.018 0.107 0.089 0.196-2.25 0.786-4.554 0.786-2 0-3.875-0.571zM28.036 9.411q1.696 3.107 1.696 6.589 0 3.732-1.857 6.884t-4.982 4.973l4.196-12.107q1.054-3.018 1.054-4.929 0-0.75-0.107-1.411zM16 0q3.25 0 6.214 1.268t5.107 3.411 3.411 5.107 1.268 6.214-1.268 6.214-3.411 5.107-5.107 3.411-6.214 1.268-6.214-1.268-5.107-3.411-3.411-5.107-1.268-6.214 1.268-6.214 3.411-5.107 5.107-3.411 6.214-1.268zM16 31.268q3.089 0 5.92-1.214t4.875-3.259 3.259-4.875 1.214-5.92-1.214-5.92-3.259-4.875-4.875-3.259-5.92-1.214-5.92 1.214-4.875 3.259-3.259 4.875-1.214 5.92 1.214 5.92 3.259 4.875 4.875 3.259 5.92 1.214z"></path> </symbol> <symbol id="icon-stumbleupon" viewBox="0 0 34 32"> <path class="path1" d="M18.964 12.714v-2.107q0-0.75-0.536-1.286t-1.286-0.536-1.286 0.536-0.536 1.286v10.929q0 3.125-2.25 5.339t-5.411 2.214q-3.179 0-5.42-2.241t-2.241-5.42v-4.75h5.857v4.679q0 0.768 0.536 1.295t1.286 0.527 1.286-0.527 0.536-1.295v-11.071q0-3.054 2.259-5.214t5.384-2.161q3.143 0 5.393 2.179t2.25 5.25v2.429l-3.482 1.036zM28.429 16.679h5.857v4.75q0 3.179-2.241 5.42t-5.42 2.241q-3.161 0-5.411-2.223t-2.25-5.366v-4.786l2.339 1.089 3.482-1.036v4.821q0 0.75 0.536 1.277t1.286 0.527 1.286-0.527 0.536-1.277v-4.911z"></path> </symbol> <symbol id="icon-digg" viewBox="0 0 37 32"> <path class="path1" d="M5.857 5.036h3.643v17.554h-9.5v-12.446h5.857v-5.107zM5.857 19.661v-6.589h-2.196v6.589h2.196zM10.964 10.143v12.446h3.661v-12.446h-3.661zM10.964 5.036v3.643h3.661v-3.643h-3.661zM16.089 10.143h9.518v16.821h-9.518v-2.911h5.857v-1.464h-5.857v-12.446zM21.946 19.661v-6.589h-2.196v6.589h2.196zM27.071 10.143h9.5v16.821h-9.5v-2.911h5.839v-1.464h-5.839v-12.446zM32.911 19.661v-6.589h-2.196v6.589h2.196z"></path> </symbol> <symbol id="icon-spotify" viewBox="0 0 27 32"> <path class="path1" d="M20.125 21.607q0-0.571-0.536-0.911-3.446-2.054-7.982-2.054-2.375 0-5.125 0.607-0.75 0.161-0.75 0.929 0 0.357 0.241 0.616t0.634 0.259q0.089 0 0.661-0.143 2.357-0.482 4.339-0.482 4.036 0 7.089 1.839 0.339 0.196 0.589 0.196 0.339 0 0.589-0.241t0.25-0.616zM21.839 17.768q0-0.714-0.625-1.089-4.232-2.518-9.786-2.518-2.732 0-5.411 0.75-0.857 0.232-0.857 1.143 0 0.446 0.313 0.759t0.759 0.313q0.125 0 0.661-0.143 2.179-0.589 4.482-0.589 4.982 0 8.714 2.214 0.429 0.232 0.679 0.232 0.446 0 0.759-0.313t0.313-0.759zM23.768 13.339q0-0.839-0.714-1.25-2.25-1.304-5.232-1.973t-6.125-0.67q-3.643 0-6.5 0.839-0.411 0.125-0.688 0.455t-0.277 0.866q0 0.554 0.366 0.929t0.92 0.375q0.196 0 0.714-0.143 2.375-0.661 5.482-0.661 2.839 0 5.527 0.607t4.527 1.696q0.375 0.214 0.714 0.214 0.518 0 0.902-0.366t0.384-0.92zM27.429 16q0 3.732-1.839 6.884t-4.991 4.991-6.884 1.839-6.884-1.839-4.991-4.991-1.839-6.884 1.839-6.884 4.991-4.991 6.884-1.839 6.884 1.839 4.991 4.991 1.839 6.884z"></path> </symbol> <symbol id="icon-soundcloud" viewBox="0 0 41 32"> <path class="path1" d="M14 24.5l0.286-4.304-0.286-9.339q-0.018-0.179-0.134-0.304t-0.295-0.125q-0.161 0-0.286 0.125t-0.125 0.304l-0.25 9.339 0.25 4.304q0.018 0.179 0.134 0.295t0.277 0.116q0.393 0 0.429-0.411zM19.286 23.982l0.196-3.768-0.214-10.464q0-0.286-0.232-0.429-0.143-0.089-0.286-0.089t-0.286 0.089q-0.232 0.143-0.232 0.429l-0.018 0.107-0.179 10.339q0 0.018 0.196 4.214v0.018q0 0.179 0.107 0.304 0.161 0.196 0.411 0.196 0.196 0 0.357-0.161 0.161-0.125 0.161-0.357zM0.625 17.911l0.357 2.286-0.357 2.25q-0.036 0.161-0.161 0.161t-0.161-0.161l-0.304-2.25 0.304-2.286q0.036-0.161 0.161-0.161t0.161 0.161zM2.161 16.5l0.464 3.696-0.464 3.625q-0.036 0.161-0.179 0.161-0.161 0-0.161-0.179l-0.411-3.607 0.411-3.696q0-0.161 0.161-0.161 0.143 0 0.179 0.161zM3.804 15.821l0.446 4.375-0.446 4.232q0 0.196-0.196 0.196-0.179 0-0.214-0.196l-0.375-4.232 0.375-4.375q0.036-0.214 0.214-0.214 0.196 0 0.196 0.214zM5.482 15.696l0.411 4.5-0.411 4.357q-0.036 0.232-0.25 0.232-0.232 0-0.232-0.232l-0.375-4.357 0.375-4.5q0-0.232 0.232-0.232 0.214 0 0.25 0.232zM7.161 16.018l0.375 4.179-0.375 4.393q-0.036 0.286-0.286 0.286-0.107 0-0.188-0.080t-0.080-0.205l-0.357-4.393 0.357-4.179q0-0.107 0.080-0.188t0.188-0.080q0.25 0 0.286 0.268zM8.839 13.411l0.375 6.786-0.375 4.393q0 0.125-0.089 0.223t-0.214 0.098q-0.286 0-0.321-0.321l-0.321-4.393 0.321-6.786q0.036-0.321 0.321-0.321 0.125 0 0.214 0.098t0.089 0.223zM10.518 11.875l0.339 8.357-0.339 4.357q0 0.143-0.098 0.241t-0.241 0.098q-0.321 0-0.357-0.339l-0.286-4.357 0.286-8.357q0.036-0.339 0.357-0.339 0.143 0 0.241 0.098t0.098 0.241zM12.268 11.161l0.321 9.036-0.321 4.321q-0.036 0.375-0.393 0.375-0.339 0-0.375-0.375l-0.286-4.321 0.286-9.036q0-0.161 0.116-0.277t0.259-0.116q0.161 0 0.268 0.116t0.125 0.277zM19.268 24.411v0 0zM15.732 11.089l0.268 9.107-0.268 4.268q0 0.179-0.134 0.313t-0.313 0.134-0.304-0.125-0.143-0.321l-0.25-4.268 0.25-9.107q0-0.196 0.134-0.321t0.313-0.125 0.313 0.125 0.134 0.321zM17.5 11.429l0.25 8.786-0.25 4.214q0 0.196-0.143 0.339t-0.339 0.143-0.339-0.143-0.161-0.339l-0.214-4.214 0.214-8.786q0.018-0.214 0.161-0.357t0.339-0.143 0.33 0.143 0.152 0.357zM21.286 20.214l-0.25 4.125q0 0.232-0.161 0.393t-0.393 0.161-0.393-0.161-0.179-0.393l-0.107-2.036-0.107-2.089 0.214-11.357v-0.054q0.036-0.268 0.214-0.429 0.161-0.125 0.357-0.125 0.143 0 0.268 0.089 0.25 0.143 0.286 0.464zM41.143 19.875q0 2.089-1.482 3.563t-3.571 1.473h-14.036q-0.232-0.036-0.393-0.196t-0.161-0.393v-16.054q0-0.411 0.5-0.589 1.518-0.607 3.232-0.607 3.482 0 6.036 2.348t2.857 5.777q0.946-0.393 1.964-0.393 2.089 0 3.571 1.482t1.482 3.589z"></path> </symbol> <symbol id="icon-codepen" viewBox="0 0 32 32"> <path class="path1" d="M3.857 20.875l10.768 7.179v-6.411l-5.964-3.982zM2.75 18.304l3.446-2.304-3.446-2.304v4.607zM17.375 28.054l10.768-7.179-4.804-3.214-5.964 3.982v6.411zM16 19.25l4.857-3.25-4.857-3.25-4.857 3.25zM8.661 14.339l5.964-3.982v-6.411l-10.768 7.179zM25.804 16l3.446 2.304v-4.607zM23.339 14.339l4.804-3.214-10.768-7.179v6.411zM32 11.125v9.75q0 0.732-0.607 1.143l-14.625 9.75q-0.375 0.232-0.768 0.232t-0.768-0.232l-14.625-9.75q-0.607-0.411-0.607-1.143v-9.75q0-0.732 0.607-1.143l14.625-9.75q0.375-0.232 0.768-0.232t0.768 0.232l14.625 9.75q0.607 0.411 0.607 1.143z"></path> </symbol> <symbol id="icon-twitch" viewBox="0 0 32 32"> <path class="path1" d="M16 7.75v7.75h-2.589v-7.75h2.589zM23.107 7.75v7.75h-2.589v-7.75h2.589zM23.107 21.321l4.518-4.536v-14.196h-21.321v18.732h5.821v3.875l3.875-3.875h7.107zM30.214 0v18.089l-7.75 7.75h-5.821l-3.875 3.875h-3.875v-3.875h-7.107v-20.679l1.946-5.161h26.482z"></path> </symbol> <symbol id="icon-meanpath" viewBox="0 0 27 32"> <path class="path1" d="M23.411 15.036v2.036q0 0.429-0.241 0.679t-0.67 0.25h-3.607q-0.429 0-0.679-0.25t-0.25-0.679v-2.036q0-0.429 0.25-0.679t0.679-0.25h3.607q0.429 0 0.67 0.25t0.241 0.679zM14.661 19.143v-4.464q0-0.946-0.58-1.527t-1.527-0.58h-2.375q-1.214 0-1.714 0.929-0.5-0.929-1.714-0.929h-2.321q-0.946 0-1.527 0.58t-0.58 1.527v4.464q0 0.393 0.375 0.393h0.982q0.393 0 0.393-0.393v-4.107q0-0.429 0.241-0.679t0.688-0.25h1.679q0.429 0 0.679 0.25t0.25 0.679v4.107q0 0.393 0.375 0.393h0.964q0.393 0 0.393-0.393v-4.107q0-0.429 0.25-0.679t0.679-0.25h1.732q0.429 0 0.67 0.25t0.241 0.679v4.107q0 0.393 0.393 0.393h0.982q0.375 0 0.375-0.393zM25.179 17.429v-2.75q0-0.946-0.589-1.527t-1.536-0.58h-4.714q-0.946 0-1.536 0.58t-0.589 1.527v7.321q0 0.375 0.393 0.375h0.982q0.375 0 0.375-0.375v-3.214q0.554 0.75 1.679 0.75h3.411q0.946 0 1.536-0.58t0.589-1.527zM27.429 6.429v19.143q0 1.714-1.214 2.929t-2.929 1.214h-19.143q-1.714 0-2.929-1.214t-1.214-2.929v-19.143q0-1.714 1.214-2.929t2.929-1.214h19.143q1.714 0 2.929 1.214t1.214 2.929z"></path> </symbol> <symbol id="icon-pinterest-p" viewBox="0 0 23 32"> <path class="path1" d="M0 10.661q0-1.929 0.67-3.634t1.848-2.973 2.714-2.196 3.304-1.393 3.607-0.464q2.821 0 5.25 1.188t3.946 3.455 1.518 5.125q0 1.714-0.339 3.357t-1.071 3.161-1.786 2.67-2.589 1.839-3.375 0.688q-1.214 0-2.411-0.571t-1.714-1.571q-0.179 0.696-0.5 2.009t-0.42 1.696-0.366 1.268-0.464 1.268-0.571 1.116-0.821 1.384-1.107 1.545l-0.25 0.089-0.161-0.179q-0.268-2.804-0.268-3.357 0-1.643 0.384-3.688t1.188-5.134 0.929-3.625q-0.571-1.161-0.571-3.018 0-1.482 0.929-2.786t2.357-1.304q1.089 0 1.696 0.723t0.607 1.83q0 1.179-0.786 3.411t-0.786 3.339q0 1.125 0.804 1.866t1.946 0.741q0.982 0 1.821-0.446t1.402-1.214 1-1.696 0.679-1.973 0.357-1.982 0.116-1.777q0-3.089-1.955-4.813t-5.098-1.723q-3.571 0-5.964 2.313t-2.393 5.866q0 0.786 0.223 1.518t0.482 1.161 0.482 0.813 0.223 0.545q0 0.5-0.268 1.304t-0.661 0.804q-0.036 0-0.304-0.054-0.911-0.268-1.616-1t-1.089-1.688-0.58-1.929-0.196-1.902z"></path> </symbol> <symbol id="icon-periscope" viewBox="0 0 24 28"> <path class="path1" d="M12.285,1C6.696,1,2.277,5.643,2.277,11.243c0,5.851,7.77,14.578,10.007,14.578c1.959,0,9.729-8.728,9.729-14.578 C22.015,5.643,17.596,1,12.285,1z M12.317,16.551c-3.473,0-6.152-2.611-6.152-5.664c0-1.292,0.39-2.472,1.065-3.438 c0.206,1.084,1.18,1.906,2.352,1.906c1.322,0,2.393-1.043,2.393-2.333c0-0.832-0.447-1.561-1.119-1.975 c0.467-0.105,0.955-0.161,1.46-0.161c3.133,0,5.81,2.611,5.81,5.998C18.126,13.94,15.449,16.551,12.317,16.551z"></path> </symbol> <symbol id="icon-get-pocket" viewBox="0 0 31 32"> <path class="path1" d="M27.946 2.286q1.161 0 1.964 0.813t0.804 1.973v9.268q0 3.143-1.214 6t-3.259 4.911-4.893 3.259-5.973 1.205q-3.143 0-5.991-1.205t-4.902-3.259-3.268-4.911-1.214-6v-9.268q0-1.143 0.821-1.964t1.964-0.821h25.161zM15.375 21.286q0.839 0 1.464-0.589l7.214-6.929q0.661-0.625 0.661-1.518 0-0.875-0.616-1.491t-1.491-0.616q-0.839 0-1.464 0.589l-5.768 5.536-5.768-5.536q-0.625-0.589-1.446-0.589-0.875 0-1.491 0.616t-0.616 1.491q0 0.911 0.643 1.518l7.232 6.929q0.589 0.589 1.446 0.589z"></path> </symbol> <symbol id="icon-vimeo" viewBox="0 0 32 32"> <path class="path1" d="M30.518 9.25q-0.179 4.214-5.929 11.625-5.946 7.696-10.036 7.696-2.536 0-4.286-4.696-0.786-2.857-2.357-8.607-1.286-4.679-2.804-4.679-0.321 0-2.268 1.357l-1.375-1.75q0.429-0.375 1.929-1.723t2.321-2.063q2.786-2.464 4.304-2.607 1.696-0.161 2.732 0.991t1.446 3.634q0.786 5.125 1.179 6.661 0.982 4.446 2.143 4.446 0.911 0 2.75-2.875 1.804-2.875 1.946-4.393 0.232-2.482-1.946-2.482-1.018 0-2.161 0.464 2.143-7.018 8.196-6.821 4.482 0.143 4.214 5.821z"></path> </symbol> <symbol id="icon-reddit-alien" viewBox="0 0 32 32"> <path class="path1" d="M32 15.107q0 1.036-0.527 1.884t-1.42 1.295q0.214 0.821 0.214 1.714 0 2.768-1.902 5.125t-5.188 3.723-7.143 1.366-7.134-1.366-5.179-3.723-1.902-5.125q0-0.839 0.196-1.679-0.911-0.446-1.464-1.313t-0.554-1.902q0-1.464 1.036-2.509t2.518-1.045q1.518 0 2.589 1.125 3.893-2.714 9.196-2.893l2.071-9.304q0.054-0.232 0.268-0.375t0.464-0.089l6.589 1.446q0.321-0.661 0.964-1.063t1.411-0.402q1.107 0 1.893 0.777t0.786 1.884-0.786 1.893-1.893 0.786-1.884-0.777-0.777-1.884l-5.964-1.321-1.857 8.429q5.357 0.161 9.268 2.857 1.036-1.089 2.554-1.089 1.482 0 2.518 1.045t1.036 2.509zM7.464 18.661q0 1.107 0.777 1.893t1.884 0.786 1.893-0.786 0.786-1.893-0.786-1.884-1.893-0.777q-1.089 0-1.875 0.786t-0.786 1.875zM21.929 25q0.196-0.196 0.196-0.464t-0.196-0.464q-0.179-0.179-0.446-0.179t-0.464 0.179q-0.732 0.75-2.161 1.107t-2.857 0.357-2.857-0.357-2.161-1.107q-0.196-0.179-0.464-0.179t-0.446 0.179q-0.196 0.179-0.196 0.455t0.196 0.473q0.768 0.768 2.116 1.214t2.188 0.527 1.625 0.080 1.625-0.080 2.188-0.527 2.116-1.214zM21.875 21.339q1.107 0 1.884-0.786t0.777-1.893q0-1.089-0.786-1.875t-1.875-0.786q-1.107 0-1.893 0.777t-0.786 1.884 0.786 1.893 1.893 0.786z"></path> </symbol> <symbol id="icon-hashtag" viewBox="0 0 32 32"> <path class="path1" d="M17.696 18.286l1.143-4.571h-4.536l-1.143 4.571h4.536zM31.411 9.286l-1 4q-0.125 0.429-0.554 0.429h-5.839l-1.143 4.571h5.554q0.268 0 0.446 0.214 0.179 0.25 0.107 0.5l-1 4q-0.089 0.429-0.554 0.429h-5.839l-1.446 5.857q-0.125 0.429-0.554 0.429h-4q-0.286 0-0.464-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-4.536l-1.446 5.857q-0.125 0.429-0.554 0.429h-4.018q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1.393-5.571h-5.554q-0.268 0-0.446-0.214-0.161-0.214-0.107-0.5l1-4q0.125-0.429 0.554-0.429h5.839l1.143-4.571h-5.554q-0.268 0-0.446-0.214-0.179-0.25-0.107-0.5l1-4q0.089-0.429 0.554-0.429h5.839l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h4.536l1.446-5.857q0.125-0.429 0.571-0.429h4q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5l-1.393 5.571h5.554q0.268 0 0.446 0.214 0.161 0.214 0.107 0.5z"></path> </symbol> <symbol id="icon-chain" viewBox="0 0 30 32"> <path class="path1" d="M26 21.714q0-0.714-0.5-1.214l-3.714-3.714q-0.5-0.5-1.214-0.5-0.75 0-1.286 0.571 0.054 0.054 0.339 0.33t0.384 0.384 0.268 0.339 0.232 0.455 0.063 0.491q0 0.714-0.5 1.214t-1.214 0.5q-0.268 0-0.491-0.063t-0.455-0.232-0.339-0.268-0.384-0.384-0.33-0.339q-0.589 0.554-0.589 1.304 0 0.714 0.5 1.214l3.679 3.696q0.482 0.482 1.214 0.482 0.714 0 1.214-0.464l2.625-2.607q0.5-0.5 0.5-1.196zM13.446 9.125q0-0.714-0.5-1.214l-3.679-3.696q-0.5-0.5-1.214-0.5-0.696 0-1.214 0.482l-2.625 2.607q-0.5 0.5-0.5 1.196 0 0.714 0.5 1.214l3.714 3.714q0.482 0.482 1.214 0.482 0.75 0 1.286-0.554-0.054-0.054-0.339-0.33t-0.384-0.384-0.268-0.339-0.232-0.455-0.063-0.491q0-0.714 0.5-1.214t1.214-0.5q0.268 0 0.491 0.063t0.455 0.232 0.339 0.268 0.384 0.384 0.33 0.339q0.589-0.554 0.589-1.304zM29.429 21.714q0 2.143-1.518 3.625l-2.625 2.607q-1.482 1.482-3.625 1.482-2.161 0-3.643-1.518l-3.679-3.696q-1.482-1.482-1.482-3.625 0-2.196 1.571-3.732l-1.571-1.571q-1.536 1.571-3.714 1.571-2.143 0-3.643-1.5l-3.714-3.714q-1.5-1.5-1.5-3.643t1.518-3.625l2.625-2.607q1.482-1.482 3.625-1.482 2.161 0 3.643 1.518l3.679 3.696q1.482 1.482 1.482 3.625 0 2.196-1.571 3.732l1.571 1.571q1.536-1.571 3.714-1.571 2.143 0 3.643 1.5l3.714 3.714q1.5 1.5 1.5 3.643z"></path> </symbol> <symbol id="icon-thumb-tack" viewBox="0 0 21 32"> <path class="path1" d="M8.571 15.429v-8q0-0.25-0.161-0.411t-0.411-0.161-0.411 0.161-0.161 0.411v8q0 0.25 0.161 0.411t0.411 0.161 0.411-0.161 0.161-0.411zM20.571 21.714q0 0.464-0.339 0.804t-0.804 0.339h-7.661l-0.911 8.625q-0.036 0.214-0.188 0.366t-0.366 0.152h-0.018q-0.482 0-0.571-0.482l-1.357-8.661h-7.214q-0.464 0-0.804-0.339t-0.339-0.804q0-2.196 1.402-3.955t3.17-1.759v-9.143q-0.929 0-1.607-0.679t-0.679-1.607 0.679-1.607 1.607-0.679h11.429q0.929 0 1.607 0.679t0.679 1.607-0.679 1.607-1.607 0.679v9.143q1.768 0 3.17 1.759t1.402 3.955z"></path> </symbol> <symbol id="icon-arrow-left" viewBox="0 0 43 32"> <path class="path1" d="M42.311 14.044c-0.178-0.178-0.533-0.356-0.711-0.356h-33.778l10.311-10.489c0.178-0.178 0.356-0.533 0.356-0.711 0-0.356-0.178-0.533-0.356-0.711l-1.6-1.422c-0.356-0.178-0.533-0.356-0.889-0.356s-0.533 0.178-0.711 0.356l-14.578 14.933c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l14.756 14.933c0 0.178 0.356 0.356 0.533 0.356s0.533-0.178 0.711-0.356l1.6-1.6c0.178-0.178 0.356-0.533 0.356-0.711s-0.178-0.533-0.356-0.711l-10.311-10.489h33.778c0.178 0 0.533-0.178 0.711-0.356 0.356-0.178 0.533-0.356 0.533-0.711v-2.133c0-0.356-0.178-0.711-0.356-0.889z"></path> </symbol> <symbol id="icon-arrow-right" viewBox="0 0 43 32"> <path class="path1" d="M0.356 17.956c0.178 0.178 0.533 0.356 0.711 0.356h33.778l-10.311 10.489c-0.178 0.178-0.356 0.533-0.356 0.711 0 0.356 0.178 0.533 0.356 0.711l1.6 1.6c0.178 0.178 0.533 0.356 0.711 0.356s0.533-0.178 0.711-0.356l14.756-14.933c0.178-0.356 0.356-0.711 0.356-0.889s-0.178-0.533-0.356-0.711l-14.756-14.933c0-0.178-0.356-0.356-0.533-0.356s-0.533 0.178-0.711 0.356l-1.6 1.6c-0.178 0.178-0.356 0.533-0.356 0.711s0.178 0.533 0.356 0.711l10.311 10.489h-33.778c-0.178 0-0.533 0.178-0.711 0.356-0.356 0.178-0.533 0.356-0.533 0.711v2.311c0 0.178 0.178 0.533 0.356 0.711z"></path> </symbol> <symbol id="icon-play" viewBox="0 0 22 28"> <path d="M21.625 14.484l-20.75 11.531c-0.484 0.266-0.875 0.031-0.875-0.516v-23c0-0.547 0.391-0.781 0.875-0.516l20.75 11.531c0.484 0.266 0.484 0.703 0 0.969z"></path> </symbol> <symbol id="icon-pause" viewBox="0 0 24 28"> <path d="M24 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1zM10 3v22c0 0.547-0.453 1-1 1h-8c-0.547 0-1-0.453-1-1v-22c0-0.547 0.453-1 1-1h8c0.547 0 1 0.453 1 1z"></path> </symbol> </defs> </svg> </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>