</noscript> <!-- End Google Tag Manager (noscript) --> <div class="l-container" id="container"><!-- ■■■■■■■■■■ 下層ページはl-container--pageを追記 ■■■■■■■■■■ --> <!-- include header --> <header id="header"></header> <!-- /include header --> <!-- include reserve --> <div id="reserve"></div> <!-- /include reserve --> <main class="l-main" id="main"> <div class="p-indexHero"> <div class="p-indexHero_inner u-dn--sp"> <div class="p-indexHero_inner_col"> <div class="p-indexHero_inner_img anime_cover _01"><div></div></div> <div class="p-indexHero_inner_img anime_cover _02"><div></div></div> <div class="p-indexHero_inner_img anime_cover _04"><div></div></div> </div> <div class="p-indexHero_inner_col"> <div class="p-indexHero_inner_img anime_cover _03"><div></div></div> <div class="p-indexHero_inner_img anime_cover _01"><div></div></div> </div> <div class="p-indexHero_inner_col"> <div class="p-indexHero_inner_img anime_cover _02"><div></div></div> <div class="p-indexHero_inner_img anime_cover _04"><div></div></div> </div> <div class="p-indexHero_inner_col"> <div class="p-indexHero_inner_img anime_cover _01"><div></div></div> <div class="p-indexHero_inner_img anime_cover _03"><div></div></div> </div> <div class="p-indexHero_inner_col"> <div class="p-indexHero_inner_img anime_cover _04"><div></div></div> <div class="p-indexHero_inner_img anime_cover _02"><div></div></div> </div> <div class="p-indexHero_inner_col"> <div class="p-indexHero_inner_img anime_cover _03"><div></div></div> <div class="p-indexHero_inner_img anime_cover _04"><div></div></div> <div class="p-indexHero_inner_img anime_cover _01"><div></div></div> </div> <h1 class="p-indexHero_catch"><img src="./assets/img/index/logo_indexHero.svg" alt="セルフ写真館"></h1> </div> <div class="p-indexHero_inner u-dn--pc"> <div class="p-indexHero_inner_col"> <div class="p-indexHero_inner_img anime_cover _02"></div> <div class="p-indexHero_inner_img anime_cover _01"></div> </div> <div class="p-indexHero_inner_col"> <div class="p-indexHero_inner_img anime_cover _01"></div> <div class="p-indexHero_inner_img anime_cover _03"></div> </div> <div class="p-indexHero_inner_col"> <div class="p-indexHero_inner_img anime_cover _03"></div> <div class="p-indexHero_inner_img anime_cover _02"></div> </div> <h1 class="p-indexHero_catch"><img src="./assets/img/index/logo_indexHero.svg" alt="セルフ写真館"></h1> </div> <p class="p-indexHero_comment c-txt--12 u-color_txt--gray">※背景や小物は一部オプションとなります。</p> </div> <!-- section --> <section id="lead"> <div class="p-indexLead"> <figure class="p-indexLead_img"> <picture> <source srcset="./assets/img/index/img_indexLead_01.webp 1x, ./assets/img/index/img_indexLead_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_indexLead_01.png 1x, ./assets/img/index/img_indexLead_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_indexLead_01@2x.webp 1x, ./assets/img/index/img_indexLead_01@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_indexLead_01@2x.png 1x, ./assets/img/index/img_indexLead_01@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_indexLead_01.png" decoding="async" loading="lazy" width="469" height="313" alt="リビングみたいな撮影スタジオ"> </picture> </figure> <div class="l-wrap"> <div class="p-indexLead_cont"> <h2 class="p-indexLead_cont_ttl">リビングみたいな撮影スタジオ</h2> <p>自分たちだけのプライベートな空間で<br>ゆったりとリラックスして撮影ができます。<br class="u-dn--sp">大人の方はもちろん、小さなお子さまにも安心して<br class="u-dn--sp">ご利用いただけるセルフ写真館です。</p> <a href="./reservation/" class="c-btn_reserve"><img src="./assets/img/common/obj_reserve.svg" alt="ご予約はこちら"></a> </div> </div> </div> </section> <!-- /section --> <!-- section --> <section id="new-opening"> <div class="p-indexNewOpening"> <div class="l-wrap"> <h2 class="c-ttl_headline"> <span><img src="./assets/img/index/ttl_newopening.svg" alt="newopening"></span> オープン情報 </h2> <div class="p-indexNewOpening_list"> <div class="p-indexNewOpening_item"> <p class="p-indexNewOpening_date">2026/2/3(火)</p> <p class="p-indexNewOpening_text"> <a href="./reservation/#hiroshima_01">広島県 広島・あけぼの店オープン！</a> </p> </div> <div class="p-indexNewOpening_item"> <p class="p-indexNewOpening_date">2026/2/3(火)</p> <p class="p-indexNewOpening_text"> <a href="./reservation/#hiroshima_02">広島県 福山・ココローズ店オープン！</a> </p> </div> <div class="p-indexNewOpening_item"> <p class="p-indexNewOpening_date">2025/10/15(水)</p> <p class="p-indexNewOpening_text"> <a href="./reservation/#kanagawa_02">神奈川県 小田原・飯泉店オープン！</a> </p> </div> <div class="p-indexNewOpening_item"> <p class="p-indexNewOpening_date">2025/7/3(木)</p> <p class="p-indexNewOpening_text"> <a href="./reservation/#kanagawa_01">神奈川県 相模原・星ヶ丘店オープン！</a> </p> </div> </div> </div> </div> </div> </section> <!-- section --> <section id="news"> <div class="p-indexNews"> <div class="obj_steps"></div> <div class="obj_item"><img src="./assets/img/index/obj_news.svg"></div> <div class="l-wrap"> <h2 class="c-ttl_headline"><span><img src="./assets/img/index/ttl_news.svg" alt="news"></span>ニュース</h2> <div class="u-txt_align--center"> <p class="c-txt--24">最新情報をご覧いただけます</p> </div> <!-- <div class="p-indexNews_list"> <article class="p-indexNews_listItem"> <p class="p-indexNews_listItem_date">2025/7/3(木)</p> <h3 class="p-indexNews_listItem_ttl">相模原・星ヶ丘店オープン！</h3> <p>オープンを記念して、今ならカメラのキタムラでお使いいただける<br class="u-dn--sp">クリアプリントのハーフサイズ1枚無料クーポンをプレゼント中！</p> </article> </div> --> </div> <div class="p-indexNews_slide_wrap"> <div class="swiper p-indexNews_slide"> <div class="swiper-wrapper"> <!-- 1-1 --> <div class="swiper-slide"> <div class="p-indexNews_slide_item"> <h3 class="p-indexNews_slide_ttl">シーズン背景<br>「バレンタイン」が登場！</h3> <figure class="p-indexNews_slide_img"> <picture> <source srcset="./assets/img/index/img_news_20260120.webp" type="image/webp"> <source srcset="./assets/img/index/img_news_20260120.png" type="image/png"> <img src="./assets/img/index/img_news_20260120.png" decoding="async" loading="lazy" width="372" height="250" alt="タイトル"> </picture> </figure> <div class="p-indexNews_slide_txtArea"> <p>この時期だけのシーズン背景「バレンタイン」が登場！「バレンタイン」で撮影できるのは今だけ！</p> </div> <div class="c-btnWrap"> <a href="./price/#background" class="c-btn_slide"><img src="./assets/img/common/ttl_more.svg" alt="more"></a> </div> </div> </div> <!-- 1-2 --> <!-- <div class="swiper-slide"> <div class="p-indexNews_slide_item"> <h3 class="p-indexNews_slide_ttl">【マタニティ撮影限定】<br>無料撮影イベント開催決定！</h3> <figure class="p-indexNews_slide_img"> <picture> <source srcset="./assets/img/index/img_news_20260114_01.webp" type="image/webp"> <source srcset="./assets/img/index/img_news_20260114_01.png" type="image/png"> <img src="./assets/img/index/img_news_20260114_01.png" decoding="async" loading="lazy" width="372" height="250" alt="タイトル"> </picture> </figure> <div class="p-indexNews_slide_txtArea"> <p>小田原・飯泉店で、2026年1月30日（金）、2月2日（月）、4日（水）に、予約制の無料撮影イベントを開催！撮影を実際に体験できるほか、撮影データはすべて無料でお渡しさせていただきます。</p> </div> <div class="c-btnWrap"> <a href="./news/20260114/" class="c-btn_slide"><img src="./assets/img/common/ttl_more.svg" alt="more"></a> </div> </div> </div> --> <!-- 1-3 --> <div class="swiper-slide"> <div class="p-indexNews_slide_item"> <h3 class="p-indexNews_slide_ttl">お子さま用の<br>衣装オプションが登場！</h3> <figure class="p-indexNews_slide_img"> <picture> <source srcset="./assets/img/index/img_news_02.webp 1x, ./assets/img/index/img_news_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_news_02.png 1x, ./assets/img/index/img_news_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_news_02.webp 1x, ./assets/img/index/img_news_02@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_news_02.png 1x, ./assets/img/index/img_news_02@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_news_02.png" decoding="async" loading="lazy" width="372" height="250" alt="タイトル"> </picture> </figure> <div class="p-indexNews_slide_txtArea"> <p>衣装オプション3,000円(税込)！60～90cmのお子さま用の衣装をご用意しました。撮影時間内着放題だからいろいろ試せちゃう！ぜひお子さまのかわいい姿をたくさん撮影してくださいね。</p> </div> <div class="c-btnWrap"> <a href="./price/#costume" class="c-btn_slide"><img src="./assets/img/common/ttl_more.svg" alt="more"></a> </div> </div> </div> </div> </div> <div class="swiper-pagination swiper-pagination--indexNews_slide"></div> </div> <!-- <div class="l-wrap"> <div class="c-btnWrap u-txt_align--center"> <a href="" class="c-btn_primary">Newsをもっと見る</a> </div> </div> --> </div> </section> <!-- /section --> <!-- section --> <section id="point"> <div class="p-indexPoint"> <div class="obj_steps"></div> <div class="l-wrap"> <div class="p-indexPoint_cont"> <h2 class="c-ttl_headline"><span><img src="./assets/img/index/ttl_point.svg" alt="point"></span>ポイント</h2> <div class="u-txt_align--center"> <p class="c-txt--24">セルフ写真館 by Studio Marioの<br class="u-dn--pc">おすすめPoint</p> </div> <div class="p-indexPoint_list"> <article class="p-indexPoint_listItem"> <div class="p-indexPoint_listItem_num"> <picture> <source srcset="./assets/img/index/obj_point_01_sp.svg" media="(max-width:767px)" type="image/svg+xml"> <source srcset="./assets/img/index/obj_point_01.svg" media="(min-width:768px)" type="image/svg+xml"> <img src="./assets/img/index/obj_point_01.svg" alt="Point 1"> </picture> </div> <figure class="p-indexPoint_listItem_img"> <picture> <source srcset="./assets/img/index/img_point_01.webp 1x, ./assets/img/index/img_point_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_point_01.png 1x, ./assets/img/index/img_point_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_point_01.webp 1x, ./assets/img/index/img_point_01@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_point_01.png 1x, ./assets/img/index/img_point_01@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_point_01.png" decoding="async" loading="lazy" width="400" height="270" alt="リビングみたいな撮影スタジオ"> </picture> </figure> <div class="p-indexPoint_listItem_txt"> <h3 class="p-indexPoint_listItem_ttl">本格的なスタジオで撮影</h3> <p>写真館の本格的なスタジオを貸し切って撮影！<br class="u-dn--sp">外からは見えないプライベート空間で、<br class="u-dn--sp">土足禁止なので清潔感があり小さなお子さまでも<br class="u-dn--sp">安心です。</p> <div class="c-btnWrap"> <button class="c-btn_primary js-modalOpen--background" data-modal-background="1">背景をチェック</button> </div> </div> </article> <article class="p-indexPoint_listItem"> <div class="p-indexPoint_listItem_num"> <picture> <source srcset="./assets/img/index/obj_point_02_sp.svg" media="(max-width:767px)" type="image/svg+xml"> <source srcset="./assets/img/index/obj_point_02.svg" media="(min-width:768px)" type="image/svg+xml"> <img src="./assets/img/index/obj_point_02.svg" alt="Point 2"> </picture> </div> <figure class="p-indexPoint_listItem_img"> <picture> <source srcset="./assets/img/index/img_point_02.webp 1x, ./assets/img/index/img_point_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_point_02.png 1x, ./assets/img/index/img_point_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_point_02.webp 1x, ./assets/img/index/img_point_02@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_point_02.png 1x, ./assets/img/index/img_point_02@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_point_02.png" decoding="async" loading="lazy" width="400" height="270" alt="リビングみたいな撮影スタジオ"> </picture> </figure> <div class="p-indexPoint_listItem_txt"> <h3 class="p-indexPoint_listItem_ttl">小物が豊富で楽しい場所をご提供！<br>お子さま用の衣装もご用意</h3> <p>小物やお子さま用の衣装をたくさんご用意！<br class="u-dn--sp">この場所ならではのお写真をたくさん撮影できます。</p> <div class="c-btnWrap"> <button class="c-btn_primary js-modalOpen--accessory" data-modal-accessory="1">小物例をチェック</button> <button class="c-btn_primary js-modalOpen--costume" data-modal-costume="1">衣装例をチェック</button> </div> <!-- <p class="u-mt_10 c-txt--14 u-txt_align--right">※衣装は○○～○○cmのご用意がございます</p> --> </div> </article> <article class="p-indexPoint_listItem"> <div class="p-indexPoint_listItem_num"> <picture> <source srcset="./assets/img/index/obj_point_03_sp.svg" media="(max-width:767px)" type="image/svg+xml"> <source srcset="./assets/img/index/obj_point_03.svg" media="(min-width:768px)" type="image/svg+xml"> <img src="./assets/img/index/obj_point_03.svg" alt="Point 3"> </picture> </div> <figure class="p-indexPoint_listItem_img"> <picture> <source srcset="./assets/img/index/img_point_03.webp 1x, ./assets/img/index/img_point_03@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_point_03.png 1x, ./assets/img/index/img_point_03@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_point_03.webp 1x, ./assets/img/index/img_point_03@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_point_03.png 1x, ./assets/img/index/img_point_03@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_point_03.png" decoding="async" loading="lazy" width="400" height="270" alt="リビングみたいな撮影スタジオ"> </picture> </figure> <div class="p-indexPoint_listItem_txt"> <h3 class="p-indexPoint_listItem_ttl">キタムラだから、<br>カメラ専門店の本格派</h3> <p>カメラ専門店カメラのキタムラがこだわりの<br class="u-dn--sp">セルフカメラ&スタンドをご用意！<br>ダンゼン素敵な写真が撮れる！</p> </div> </article> </div> <div class="p-indexPoint_btnArea"> <a href="./reservation/" class="c-btn_reserve"><img src="./assets/img/common/obj_reserve.svg" alt="ご予約はこちら"></a> </div> </div> </div> </div> </section> <!-- /section --> <!-- section --> <section id="gallery"> <div class="p-indexGallery"> <div class="obj_steps"></div> <div class="obj_item--01"><img src="./assets/img/index/obj_gallery.svg"></div> <div class="obj_item--02"><img src="./assets/img/index/obj_gallery.svg"></div> <div class="l-wrap"> <h2 class="c-ttl_headline"><span><img src="./assets/img/index/ttl_gallery.svg" alt="gallery"></span>ギャラリー</h2> <div class="u-txt_align--center--pc"> <p class="c-txt--24">ファミリー、お友だち、カップル、お一人でなど、どなたでもご利用が可能。<br class="u-dn--sp">マタニティや入籍など節目のタイミングにもおすすめ！</p> </div> </div> <div class="p-indexGallery_slide_wrap"> <div class="swiper p-indexGallery_slide"> <div class="swiper-wrapper"> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="1"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_01.webp 1x, ./assets/img/index/img_gallery_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_01.png 1x, ./assets/img/index/img_gallery_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_01.webp 1x, ./assets/img/index/img_gallery_01@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_01.png 1x, ./assets/img/index/img_gallery_01@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_01.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="2"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_02.webp 1x, ./assets/img/index/img_gallery_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_02.png 1x, ./assets/img/index/img_gallery_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_02.webp 1x, ./assets/img/index/img_gallery_02@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_02.png 1x, ./assets/img/index/img_gallery_02@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_02.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="3"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_03.webp 1x, ./assets/img/index/img_gallery_03@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_03.png 1x, ./assets/img/index/img_gallery_03@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_03.webp 1x, ./assets/img/index/img_gallery_03@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_03.png 1x, ./assets/img/index/img_gallery_03@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_03.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="4"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_04.webp 1x, ./assets/img/index/img_gallery_04@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_04.png 1x, ./assets/img/index/img_gallery_04@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_04.webp 1x, ./assets/img/index/img_gallery_04@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_04.png 1x, ./assets/img/index/img_gallery_04@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_04.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="5"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_05.webp 1x, ./assets/img/index/img_gallery_05@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_05.png 1x, ./assets/img/index/img_gallery_05@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_05.webp 1x, ./assets/img/index/img_gallery_05@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_05.png 1x, ./assets/img/index/img_gallery_05@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_05.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="6"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_06.webp 1x, ./assets/img/index/img_gallery_06@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_06.png 1x, ./assets/img/index/img_gallery_06@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_06.webp 1x, ./assets/img/index/img_gallery_06@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_06.png 1x, ./assets/img/index/img_gallery_06@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_06.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="7"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_07.webp 1x, ./assets/img/index/img_gallery_07@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_07.png 1x, ./assets/img/index/img_gallery_07@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_07.webp 1x, ./assets/img/index/img_gallery_07@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_07.png 1x, ./assets/img/index/img_gallery_07@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_07.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="8"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_08.webp 1x, ./assets/img/index/img_gallery_08@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_08.png 1x, ./assets/img/index/img_gallery_08@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_08.webp 1x, ./assets/img/index/img_gallery_08@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_08.png 1x, ./assets/img/index/img_gallery_08@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_08.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="9"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_09.webp 1x, ./assets/img/index/img_gallery_09@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_09.png 1x, ./assets/img/index/img_gallery_09@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_09.webp 1x, ./assets/img/index/img_gallery_09@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_09.png 1x, ./assets/img/index/img_gallery_09@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_09.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="10"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_10.webp 1x, ./assets/img/index/img_gallery_10@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_10.png 1x, ./assets/img/index/img_gallery_10@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_10.webp 1x, ./assets/img/index/img_gallery_10@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_10.png 1x, ./assets/img/index/img_gallery_10@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_10.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="11"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_11.webp 1x, ./assets/img/index/img_gallery_11@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_11.png 1x, ./assets/img/index/img_gallery_11@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_11.webp 1x, ./assets/img/index/img_gallery_11@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_11.png 1x, ./assets/img/index/img_gallery_11@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_11.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="12"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_12.webp 1x, ./assets/img/index/img_gallery_12@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_12.png 1x, ./assets/img/index/img_gallery_12@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_12.webp 1x, ./assets/img/index/img_gallery_12@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_12.png 1x, ./assets/img/index/img_gallery_12@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_12.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="13"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_13.webp 1x, ./assets/img/index/img_gallery_13@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_13.png 1x, ./assets/img/index/img_gallery_13@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_13.webp 1x, ./assets/img/index/img_gallery_13@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_13.png 1x, ./assets/img/index/img_gallery_13@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_13.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="14"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_14.webp 1x, ./assets/img/index/img_gallery_14@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_14.png 1x, ./assets/img/index/img_gallery_14@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_14.webp 1x, ./assets/img/index/img_gallery_14@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_14.png 1x, ./assets/img/index/img_gallery_14@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_14.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="15"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_15.webp 1x, ./assets/img/index/img_gallery_15@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_15.png 1x, ./assets/img/index/img_gallery_15@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_15.webp 1x, ./assets/img/index/img_gallery_15@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_15.png 1x, ./assets/img/index/img_gallery_15@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_15.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="16"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_16.webp 1x, ./assets/img/index/img_gallery_16@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_16.png 1x, ./assets/img/index/img_gallery_16@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_16.webp 1x, ./assets/img/index/img_gallery_16@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_16.png 1x, ./assets/img/index/img_gallery_16@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_16.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="17"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_17.webp 1x, ./assets/img/index/img_gallery_17@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_17.png 1x, ./assets/img/index/img_gallery_17@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_17.webp 1x, ./assets/img/index/img_gallery_17@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_17.png 1x, ./assets/img/index/img_gallery_17@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_17.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="18"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_18.webp 1x, ./assets/img/index/img_gallery_18@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_18.png 1x, ./assets/img/index/img_gallery_18@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_18.webp 1x, ./assets/img/index/img_gallery_18@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_18.png 1x, ./assets/img/index/img_gallery_18@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_18.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> </div> </div> <div class="swiper p-indexGallery_slide--reverce"> <div class="swiper-wrapper"> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="19"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_19.webp 1x, ./assets/img/index/img_gallery_19@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_19.png 1x, ./assets/img/index/img_gallery_19@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_19.webp 1x, ./assets/img/index/img_gallery_19@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_19.png 1x, ./assets/img/index/img_gallery_19@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_19.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="20"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_20.webp 1x, ./assets/img/index/img_gallery_20@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_20.png 1x, ./assets/img/index/img_gallery_20@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_20.webp 1x, ./assets/img/index/img_gallery_20@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_20.png 1x, ./assets/img/index/img_gallery_20@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_20.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="21"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_21.webp 1x, ./assets/img/index/img_gallery_21@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_21.png 1x, ./assets/img/index/img_gallery_21@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_21.webp 1x, ./assets/img/index/img_gallery_21@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_21.png 1x, ./assets/img/index/img_gallery_21@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_21.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="22"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_22.webp 1x, ./assets/img/index/img_gallery_22@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_22.png 1x, ./assets/img/index/img_gallery_22@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_22.webp 1x, ./assets/img/index/img_gallery_22@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_22.png 1x, ./assets/img/index/img_gallery_22@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_22.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="23"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_23.webp 1x, ./assets/img/index/img_gallery_23@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_23.png 1x, ./assets/img/index/img_gallery_23@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_23.webp 1x, ./assets/img/index/img_gallery_23@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_23.png 1x, ./assets/img/index/img_gallery_23@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_23.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="24"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_24.webp 1x, ./assets/img/index/img_gallery_24@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_24.png 1x, ./assets/img/index/img_gallery_24@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_24.webp 1x, ./assets/img/index/img_gallery_24@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_24.png 1x, ./assets/img/index/img_gallery_24@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_24.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="25"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_25.webp 1x, ./assets/img/index/img_gallery_25@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_25.png 1x, ./assets/img/index/img_gallery_25@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_25.webp 1x, ./assets/img/index/img_gallery_25@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_25.png 1x, ./assets/img/index/img_gallery_25@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_25.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="26"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_26.webp 1x, ./assets/img/index/img_gallery_26@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_26.png 1x, ./assets/img/index/img_gallery_26@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_26.webp 1x, ./assets/img/index/img_gallery_26@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_26.png 1x, ./assets/img/index/img_gallery_26@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_26.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="27"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_27.webp 1x, ./assets/img/index/img_gallery_27@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_27.png 1x, ./assets/img/index/img_gallery_27@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_27.webp 1x, ./assets/img/index/img_gallery_27@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_27.png 1x, ./assets/img/index/img_gallery_27@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_27.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="28"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_28.webp 1x, ./assets/img/index/img_gallery_28@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_28.png 1x, ./assets/img/index/img_gallery_28@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_28.webp 1x, ./assets/img/index/img_gallery_28@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_28.png 1x, ./assets/img/index/img_gallery_28@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_28.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="29"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_29.webp 1x, ./assets/img/index/img_gallery_29@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_29.png 1x, ./assets/img/index/img_gallery_29@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_29.webp 1x, ./assets/img/index/img_gallery_29@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_29.png 1x, ./assets/img/index/img_gallery_29@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_29.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="30"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_30.webp 1x, ./assets/img/index/img_gallery_30@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_30.png 1x, ./assets/img/index/img_gallery_30@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_30.webp 1x, ./assets/img/index/img_gallery_30@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_30.png 1x, ./assets/img/index/img_gallery_30@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_30.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="31"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_31.webp 1x, ./assets/img/index/img_gallery_31@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_31.png 1x, ./assets/img/index/img_gallery_31@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_31.webp 1x, ./assets/img/index/img_gallery_31@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_31.png 1x, ./assets/img/index/img_gallery_31@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_31.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="32"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_32.webp 1x, ./assets/img/index/img_gallery_32@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_32.png 1x, ./assets/img/index/img_gallery_32@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_32.webp 1x, ./assets/img/index/img_gallery_32@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_32.png 1x, ./assets/img/index/img_gallery_32@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_32.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="33"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_33.webp 1x, ./assets/img/index/img_gallery_33@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_33.png 1x, ./assets/img/index/img_gallery_33@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_33.webp 1x, ./assets/img/index/img_gallery_33@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_33.png 1x, ./assets/img/index/img_gallery_33@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_33.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="34"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_34.webp 1x, ./assets/img/index/img_gallery_34@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_34.png 1x, ./assets/img/index/img_gallery_34@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_34.webp 1x, ./assets/img/index/img_gallery_34@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_34.png 1x, ./assets/img/index/img_gallery_34@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_34.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> <div class="swiper-slide p-indexGallery_slide_item js-modalOpen--gallery" data-modal-gallery="35"> <figure class="p-indexGallery_slide_img"> <picture> <source srcset="./assets/img/index/img_gallery_35.webp 1x, ./assets/img/index/img_gallery_35@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_35.png 1x, ./assets/img/index/img_gallery_35@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_35.webp 1x, ./assets/img/index/img_gallery_35@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_35.png 1x, ./assets/img/index/img_gallery_35@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_35.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> </div> </div> </div> </div> <div class="l-wrap"> <div class="c-btnWrap u-txt_align--center"> <a href="https://www.instagram.com/selfphoto_studiomario/" target="_blank" class="c-btn_primary">公式Instagramで写真を確認</a> </div> </div> </div> </section> <!-- /section --> <!-- section --> <section id="flow"> <div class="p-indexFlow"> <div class="obj_steps"></div> <div class="obj_item"><img src="./assets/img/index/obj_flow.svg"></div> <div class="l-wrap"> <div class="p-indexFlow_cont"> <h2 class="c-ttl_headline"><span><img src="./assets/img/index/ttl_flow.svg" alt="flow"></span>ご利用方法</h2> <div class="u-txt_align--center"> <p class="c-txt--24">セルフ写真館の<br class="u-dn--pc">ご利用の流れをご紹介</p> </div> <div class="p-indexFlow_list"> <section class="p-indexFlow_listItem"> <figure class="p-indexFlow_listItem_img"> <picture> <source srcset="./assets/img/index/img_flow_01.webp 1x, ./assets/img/index/img_flow_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_flow_01.png 1x, ./assets/img/index/img_flow_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_flow_01.webp 1x, ./assets/img/index/img_flow_01@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_flow_01.png 1x, ./assets/img/index/img_flow_01@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_flow_01.png" decoding="async" loading="lazy" width="225" height="225" alt="予約"> </picture> </figure> <div class="p-indexFlow_listItem_txt"> <h3 class="p-indexFlow_listItem_ttl">予約</h3> <p>Webサイトでご予約いただけます。<br> 撮影の希望日時をご予約ください。</p> <div class="c-btnWrap"> <a href="./reservation/" class="c-btn_reserve"><img src="./assets/img/common/obj_reserve.svg" alt="ご予約はこちら"></a> </div> </div> </section> <section class="p-indexFlow_listItem"> <figure class="p-indexFlow_listItem_img"> <picture> <source srcset="./assets/img/index/img_flow_02.webp 1x, ./assets/img/index/img_flow_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_flow_02.png 1x, ./assets/img/index/img_flow_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_flow_02.webp 1x, ./assets/img/index/img_flow_02@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_flow_02.png 1x, ./assets/img/index/img_flow_02@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_flow_02.png" decoding="async" loading="lazy" width="225" height="225" alt="来店 10分程度"> </picture> </figure> <div class="p-indexFlow_listItem_txt"> <h3 class="p-indexFlow_listItem_ttl">来店後、受付&お会計 <span>15分程度</span></h3> <p>ご予約時間にご来店いただき、受付にお越しください。<br> スタッフより撮影についてご案内いたします。</p> </div> </section> <section class="p-indexFlow_listItem"> <figure class="p-indexFlow_listItem_img"> <picture> <source srcset="./assets/img/index/img_flow_03.webp 1x, ./assets/img/index/img_flow_03@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_flow_03.png 1x, ./assets/img/index/img_flow_03@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_flow_03.webp 1x, ./assets/img/index/img_flow_03@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_flow_03.png 1x, ./assets/img/index/img_flow_03@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_flow_03.png" decoding="async" loading="lazy" width="225" height="225" alt="撮影"> </picture> </figure> <div class="p-indexFlow_listItem_txt"> <h3 class="p-indexFlow_listItem_ttl">撮影 <span>30分～</span></h3> <p>ご自由に撮影をお楽しみください。<br> 何枚撮影されてもデータはすべてお渡しいたしますので、<br class="u-dn--sp">たくさんお写真をお撮りください。</p> </div> </section> <section class="p-indexFlow_listItem"> <figure class="p-indexFlow_listItem_img"> <picture> <source srcset="./assets/img/index/img_flow_04.webp 1x, ./assets/img/index/img_flow_04@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_flow_04.png 1x, ./assets/img/index/img_flow_04@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_flow_04.webp 1x, ./assets/img/index/img_flow_04@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_flow_04.png 1x, ./assets/img/index/img_flow_04@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_flow_04.png" decoding="async" loading="lazy" width="225" height="225" alt="撮影データ受け取り&お会計"> </picture> </figure> <div class="p-indexFlow_listItem_txt"> <h3 class="p-indexFlow_listItem_ttl">撮影データ受け取り</h3> <p>撮影されたデータはQRコードで当日お渡しします。</p> </div> </section> </div> <div class="c-btnWrap"> <div class="c-btn_help js-modalOpen--payment">ご利用可能なお支払い方法</div> </div> <div class="u-mt_60"> <p class="c-txt--14 u-txt_indent--1">※セルフ写真館営業日は通常のスタジオマリオの撮影サービスは行っておりません。</p> <p class="c-txt--14 u-txt_indent--1">※セルフ写真館ご利用時は、スタジオマリオの割引キャンペーン、パックプラン及び、当日お渡しする画像データ以外の商品の提供はございません。</p> <p class="c-txt--14 u-txt_indent--1">※QRコードは株式会社デンソーウェーブの登録商標です。</p> </div> </div> </div> </div> </section> <!-- /section --> <!-- section --> <section id="price"> <div class="p-indexPrice"> <div class="obj_steps"></div> <div class="obj_item"><img src="./assets/img/index/obj_price.svg"></div> <div class="l-wrap l-wrap--1280"> <h2 class="c-ttl_headline"><span><img src="./assets/img/index/ttl_price.svg" alt="price"></span>料金</h2> <div class="p-priceHead_row"> <div class="p-priceHead_row_L"> <h3 class="p-price_ttl p-price_ttl--top-5">基本料金</h3> <div class="p-price_lead"> <p class="c-txt--20">30分取り放題／全データお渡し（カラー）</p> </div> <div class="p-priceHead_type"> <section class="p-priceHead_typeItem u-mt_20"> <h4 class="p-price_label">スタジオ型</h4> <p class="p-price_txt"><span class="p-price_txt--main">2,500</span>円（税込）／1人</p> <p class="u-mt_30 c-txt--16">※延長15分ごとに1,250円（税込）／１人</p> </section> <section class="p-priceHead_typeItem p-priceHead_typeItem--pb0 u-mt_20"> <h4 class="p-price_label">ブース型</h4> <p class="p-price_txt comingsoon"><span class="p-price_txt--main">2,000</span><span style="opacity: 0.4;">円（税込）／1人</span></p> <p class="u-mt_30 c-txt--16" style="opacity: 0.4;">※延長15分ごとに1,000円（税込）／１人</p> </section> </div> </div> <div class="p-priceHead_row_R"> <h3 class="p-price_ttl">オプション料金</h3> <div class="p-price_lead"> <p class="c-txt--20">背景・小物・衣装をご用意！</p> </div> <div class="p-priceHead_optionPrice"> <p class="p-price_txt"> <span class="p-price_txt--to">～</span> <span class="p-price_txt--main p-price_txt--main--small">3,000</span> <span class="p-price_txt--unit"><span class="p-price_txt--group">グループ</span>円（税込）</span> </p> </div> <figure> <picture> <source srcset="./assets/img/index/img_price_01.webp" type="image/webp"> <source srcset="./assets/img/index/img_price_01.png" type="image/png"> <img src="./assets/img/index/img_price_01.png" decoding="async" loading="lazy" width="232" height="160" alt="背景オプション画像" style="width: 232px; height: 160px; object-fit: contain; display: block; margin: 0 auto;"> </picture> </figure> <span class="plus"></span> </div> <!-- <div class="p-priceHead_row_comment"> <p>今なら<br>公式Instagramを<br>フォローいただくと<br><span><span>100</span>円OFF</span></p> </div> --> </div> <!-- <section class="c-pagePrice_sec"> <div class="u-txt_align--center"> <h3 class="c-pagePrice_sec_ttl">基本料金</h3> </div> <div class="c-pagePrice_sec_lead"> <p class="c-txt--24">シンプルでわかりやすい料金設定<br><span class="u-txt_underdot">プラン時間内撮り放題<span class="u-dn--sp"> ／ </span><br class="u-dn--pc">全データお渡し（カラー）</span></p> </div> <div class="c-pagePrice_type"> <article class="c-pagePrice_typeItem"> <h4 class="c-pagePrice_typeItem_ttl">スタジオ型</h4> <div class="c-pagePrice_typeItem_txtArea"> <p class="c-pagePrice_typeItem_price">おひとりにつき<span class="c-pagePrice_typeItem_price--time">30</span>分<br><span class="c-pagePrice_typeItem_price--main">2,500</span>円（税込）</p> <p class="c-pagePrice_typeItem_priceSub"><span class="c-pagePrice_typeItem_priceSub--main">おひとりにつき<br>延長15分ごとに</span><span class="c-pagePrice_typeItem_priceSub--num">1,250</span>円（税込）</p> </div> </article> <article class="c-pagePrice_typeItem"> <h4 class="c-pagePrice_typeItem_ttl">ブース型</h4> <div class="c-pagePrice_typeItem_txtArea--comingsoon"> <p class="c-pagePrice_typeItem_price">おひとりにつき<span class="c-pagePrice_typeItem_price--time">30</span>分<br><span class="c-pagePrice_typeItem_price--main">2,000</span>円（税込）</p> <p class="c-pagePrice_typeItem_priceSub"><span class="c-pagePrice_typeItem_priceSub--main">おひとりにつき<br>延長15分ごとに</span><span class="c-pagePrice_typeItem_priceSub--num">1,000</span>円（税込）</p> </div> </article> </div> </section> --> <div class="l-wrap--1080 l-wrap--1280"> <div class="c-btnWrap"> <div class="c-btn_help js-modalOpen--type">スタジオ型とブース型店舗の違いについて</div> </div> <div class="u-mt_15"> <p class="c-txt--14 u-txt_indent--1">※当店では通常のスタジオマリオの割引券（LINE・WEBを含む）はご利用いただけません。 詳細は店舗へお問い合わせください。</p> </div> </div> </div> <section class="c-pagePrice_sec"> <div class="l-wrap"> <!-- <div class="u-txt_align--center"> <h3 class="c-pagePrice_sec_ttl">オプション</h3> </div> --> <div class="c-pagePrice_sec_lead"> <p class="c-txt--24">豊富なオプションをご用意！</p> </div> </div> <div class="swiper c-pagePrice_option_slide"> <div class="swiper-wrapper"> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label--paid"></div> <div>衣装レンタル</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_01.webp 1x, ./assets/img/index/img_option_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_01.png 1x, ./assets/img/index/img_option_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_01.webp 1x, ./assets/img/index/img_option_01@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_01.png 1x, ./assets/img/index/img_option_01@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_01.png" decoding="async" loading="lazy" width="380" height="263" alt="衣装レンタル"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>着放題：3,000円(税込)</p> </div> </div> </article> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label"></div> <div>小物レンタル</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_02.webp 1x, ./assets/img/index/img_option_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_02.png 1x, ./assets/img/index/img_option_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_02.webp 1x, ./assets/img/index/img_option_02@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_02.png 1x, ./assets/img/index/img_option_02@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_02.png" decoding="async" loading="lazy" width="380" height="263" alt="衣装レンタル"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>0円(税込)</p> </div> </div> </article> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label--paid"></div> <div>小物レンタル</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_03.webp 1x, ./assets/img/index/img_option_03@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_03.png 1x, ./assets/img/index/img_option_03@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_03.webp 1x, ./assets/img/index/img_option_03@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_03.png 1x, ./assets/img/index/img_option_03@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_03.png" decoding="async" loading="lazy" width="380" height="263" alt="小物レンタル"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>2,000円(税込)</p> </div> </div> </article> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label"></div> <div>背景</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_04.webp 1x, ./assets/img/index/img_option_04@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_04.png 1x, ./assets/img/index/img_option_04@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_04.webp 1x, ./assets/img/index/img_option_04@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_04.png 1x, ./assets/img/index/img_option_04@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_04.png" decoding="async" loading="lazy" width="380" height="263" alt="背景"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>0円(税込)</p> </div> </div> </article> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label--paid"></div> <div>背景</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_06.webp 1x, ./assets/img/index/img_option_06@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_06.png 1x, ./assets/img/index/img_option_06@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_06.webp 1x, ./assets/img/index/img_option_06@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_06.png 1x, ./assets/img/index/img_option_06@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_06.png" decoding="async" loading="lazy" width="380" height="263" alt="背景"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>3,000円(税込)</p> </div> </div> </article> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label--paid"></div> <div>衣装レンタル</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_01.webp 1x, ./assets/img/index/img_option_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_01.png 1x, ./assets/img/index/img_option_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_01.webp 1x, ./assets/img/index/img_option_01@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_01.png 1x, ./assets/img/index/img_option_01@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_01.png" decoding="async" loading="lazy" width="380" height="263" alt="衣装レンタル"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>着放題：3,000円(税込)</p> </div> </div> </article> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label"></div> <div>小物レンタル</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_02.webp 1x, ./assets/img/index/img_option_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_02.png 1x, ./assets/img/index/img_option_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_02.webp 1x, ./assets/img/index/img_option_02@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_02.png 1x, ./assets/img/index/img_option_02@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_02.png" decoding="async" loading="lazy" width="380" height="263" alt="衣装レンタル"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>0円(税込)</p> </div> </div> </article> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label--paid"></div> <div>小物レンタル</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_03.webp 1x, ./assets/img/index/img_option_03@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_03.png 1x, ./assets/img/index/img_option_03@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_03.webp 1x, ./assets/img/index/img_option_03@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_03.png 1x, ./assets/img/index/img_option_03@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_03.png" decoding="async" loading="lazy" width="380" height="263" alt="小物レンタル"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>2,000円(税込)</p> </div> </div> </article> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label"></div> <div>背景</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_04.webp 1x, ./assets/img/index/img_option_04@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_04.png 1x, ./assets/img/index/img_option_04@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_04.webp 1x, ./assets/img/index/img_option_04@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_04.png 1x, ./assets/img/index/img_option_04@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_04.png" decoding="async" loading="lazy" width="380" height="263" alt="背景"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>0円(税込)</p> </div> </div> </article> <article class="swiper-slide c-pagePrice_option_slideItem"> <div class="c-pagePrice_option_slideItem_inner"> <h3 class="c-pagePrice_option_slideItem_ttl"> <div class="label--paid"></div> <div>背景</div> </h3> <figure class="c-pagePrice_option_slideItem_img"> <picture> <source srcset="./assets/img/index/img_option_06.webp 1x, ./assets/img/index/img_option_06@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_option_06.png 1x, ./assets/img/index/img_option_06@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_option_06.webp 1x, ./assets/img/index/img_option_06@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_option_06.png 1x, ./assets/img/index/img_option_06@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_option_06.png" decoding="async" loading="lazy" width="380" height="263" alt="背景"> </picture> </figure> <div class="c-pagePrice_option_slideItem_txt"> <p>3,000円(税込)</p> </div> </div> </article> </div> </div> </section> <div class="l-wrap"> <div class="c-btnWrap u-mt_80 u-txt_align--center"> <a href="./price/#option" class="c-btn_primary">オプション内容をチェック</a> </div> <div class="u-mt_60"> <p class="c-txt--14 u-txt_indent--1">※基本料金は、無料の小物レンタルと無料背景のご使用を含みます。</p> <p class="c-txt--14 u-txt_indent--1">※基本料金はおひとりあたり、オプション料金は1グループあたりの料金となります。</p> <p class="c-txt--14 u-txt_indent--1">※基本料金は、スタジオ内に入られる方全員お支払いをお願いいたします（写真に写らない場合も含む）。</p> <p class="c-txt--14 u-txt_indent--1">※当店では通常のスタジオマリオの割引券（LINE・WEBを含む）はご利用いただけません。詳細は店舗へお問い合わせください。</p> <p class="c-txt--14 u-txt_indent--1">※セルフ写真館営業日は通常のスタジオマリオの撮影サービスは行っておりません。 </p> <p class="c-txt--14 u-txt_indent--1">※セルフ写真館ご利用時は、スタジオマリオの割引キャンペーン、パックプラン及び、当日お渡しする画像データ以外の商品の提供はございません。</p> </div> </div> </div> </section> <!-- /section --> <!-- section --> <section id="shop"> <div class="p-indexShop"> <div class="obj_steps"></div> <div class="obj_item"><img src="./assets/img/index/obj_shoplist.svg"></div> <div class="l-wrap"> <div class="p-indexShop_cont"> <h2 class="c-ttl_headline"><span><img src="./assets/img/index/ttl_shoplist.svg" alt="shop"></span>店舗一覧</h2> <ul class="p-indexShop_list"> <!-- <li class="p-indexShop_listItem"> <p class="p-indexShop_listItem_cat">東京都</p> <ul class="p-indexShop_listItem_link"> <li> <a href="">新宿・北村写真機店</a><div class="p-indexShop_listItem_link--type">スタジオ型</div> <div class="p-indexShop_listItem_link--address">東京都新宿区新宿3丁目26-14 7F</div> </li> <li> <a href="">東京・二子玉川店</a><div class="p-indexShop_listItem_link--type">ブース型</div> <div class="p-indexShop_listItem_link--address">東京都世田谷区玉川2-22-13 2階</div> </li> </ul> </li> --> <li class="p-indexShop_listItem"> <p class="p-indexShop_listItem_cat">神奈川県</p> <ul class="p-indexShop_listItem_link"> <li> <a href="./reservation/#kanagawa_01">相模原・星が丘店</a><div class="p-indexShop_listItem_link--type">スタジオ型</div> <div class="p-indexShop_listItem_link--address">神奈川県相模原市中央区星が丘2-16-10</div> </li> <li> <a href="./reservation/#kanagawa_02">小田原・飯泉店</a><div class="p-indexShop_listItem_link--type">スタジオ型</div> <div class="p-indexShop_listItem_link--address">神奈川県小田原市飯泉99-1</div> </li> <!-- <li> <a href="./reservation/#kanagawa_01">横浜・コレットマーレ店</a><div class="p-indexShop_listItem_link--type">スタジオ型</div> <div class="p-indexShop_listItem_link--address">神奈川県横浜市中区桜木町1-1-7コレットマーレ 5階</div> </li> <li> <a href="./reservation/#kanagawa_02">藤沢・テラスモール湘南店</a><div class="p-indexShop_listItem_link--type">ブース型</div> <div class="p-indexShop_listItem_link--address">神奈川県藤沢市辻堂神台1-3-1テラスモール湘南店4F</div> </li> --> </ul> </li> </ul> <ul class="p-indexShop_list"> <li class="p-indexShop_listItem"> <p class="p-indexShop_listItem_cat">広島県</p> <ul class="p-indexShop_listItem_link"> <li> <a href="./reservation/#hiroshima_01">広島・あけぼの店</a><div class="p-indexShop_listItem_link--type">スタジオ型</div> <div class="p-indexShop_listItem_link--address">広島県広島市東区曙3-2-18</div> </li> <li> <a href="./reservation/#hiroshima_02">福山・ココローズ店</a><div class="p-indexShop_listItem_link--type">スタジオ型</div> <div class="p-indexShop_listItem_link--address">広島県福山市緑町2-1-9</div> </li> <!-- <li> <a href="./reservation/#kanagawa_01">横浜・コレットマーレ店</a><div class="p-indexShop_listItem_link--type">スタジオ型</div> <div class="p-indexShop_listItem_link--address">神奈川県横浜市中区桜木町1-1-7コレットマーレ 5階</div> </li> <li> <a href="./reservation/#kanagawa_02">藤沢・テラスモール湘南店</a><div class="p-indexShop_listItem_link--type">ブース型</div> <div class="p-indexShop_listItem_link--address">神奈川県藤沢市辻堂神台1-3-1テラスモール湘南店4F</div> </li> --> </ul> </li> </ul> <div class="c-btnWrap"> <div class="c-btn_help js-modalOpen--type">スタジオ型とブース型店舗の違いについて</div> </div> <div class="u-mt_40"> <p class="c-txt--14 u-txt_indent--1">※相模原・星が丘店の営業日は月8日程度です。詳細は予約サイトをご確認ください。</p> </div> <a href="./reservation/" class="c-btn_reserve"><img src="./assets/img/common/obj_reserve.svg" alt="ご予約はこちら"></a> </div> </div> </div> </section> <!-- /section --> <!-- section --> <section id="insta"> <div class="p-indexInsta"> <div class="obj_steps"><img src="./assets/img/index/obj_steps.svg"></div> <div class="l-wrap"> <div class="p-indexInsta_cont"> <div class="p-indexInsta_box"> <div class="p-indexInsta_box_inner"> <h2 class="p-indexInsta_box_ttl"><img src="./assets/img/index/ttl_insta.svg" alt="instagram"></h2> <p class="p-indexInsta_box_subttl"><img src="./assets/img/common/icon_instagram.png" alt="instagram">公式インスタグラム</p> <div class="p-indexInsta_box_lead"> <p class="c-txt--21">セルフ写真館by studio marioの<br>公式Instagramアカウントが<br class="u-dn--pc">できました！</p> <p class="c-txt--25 u-txt_weight--medium"><span class="u-txt_underdot">アカウントをフォローいただくと<br>お会計から1フォローにつき<br class="u-dn--pc">100円OFF！</span></p> <p class="c-txt--21">この機会にぜひフォローして<br class="u-dn--pc">お得に撮影してくださいね。</p> <div class="c-btnWrap"> <a href="https://www.instagram.com/selfphoto_studiomario/" target="_blank" class="c-btn_primary">フォローする</a> </div> </div> </div> </div> <div class="u-mt_40"> <p class="c-txt--14 u-txt_indent--1">※既にフォロー済みの方も対象となります。</p> <p class="c-txt--14 u-txt_indent--1">※フォローいただいた人数×100円をお会計からお値引きいたします。</p> </div> </div> </div> </div> </section> <!-- /section --> <!-- モーダル background --> <div class="c-modal--background"> <div class="c-modal_mask js-modalClose--background"></div> <div class="c-modal_inner"> <div class="c-modal_content"> <div class="swiper c-modal_slide js-modalSlide--background"> <div class="swiper-wrapper"> <article class="swiper-slide"> <h3 class="ttl">背景について</h3> <div class="lead"> <p>無料背景と有料背景がございます。<br> 有料背景はオプション料金3,000円(税込)でご使用可能です。</p> </div> <div class="comment"> <div class="comment_label--paid"></div> <p style="padding-left: 3em;">バレンタイン</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_background_260120.webp" type="image/webp"> <source srcset="./assets/img/index/img_background_260120.png" type="image/png"> <img src="./assets/img/index/img_background_260120.png" decoding="async" loading="lazy" width="334" height="376" alt="背景"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--background"></div> <div class="next swiper-button-next--background"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">背景について</h3> <div class="lead"> <p>無料背景と有料背景がございます。<br> 有料背景はオプション料金3,000円(税込)でご使用可能です。</p> </div> <div class="comment"> <div class="comment_label--paid"></div> <p>ブルーグリーン背景＋雲＋星</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_background_01b.webp 1x, ./assets/img/index/img_background_01b@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_background_01b.png 1x, ./assets/img/index/img_background_01b@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_background_01b.webp 1x, ./assets/img/index/img_background_01b@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_background_01b.png 1x, ./assets/img/index/img_background_01b@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_background_01b.png" decoding="async" loading="lazy" width="334" height="376" alt="背景"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--background"></div> <div class="next swiper-button-next--background"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">背景について</h3> <div class="lead"> <p>無料背景と有料背景がございます。<br> 有料背景はオプション料金3,000円(税込)でご使用可能です。</p> </div> <div class="comment"> <div class="comment_label--paid"></div> <p>フラワーカーテン背景＋お花</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_background_02.webp 1x, ./assets/img/index/img_background_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_background_02.png 1x, ./assets/img/index/img_background_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_background_02.webp 1x, ./assets/img/index/img_background_02@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_background_02.png 1x, ./assets/img/index/img_background_02@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_background_02.png" decoding="async" loading="lazy" width="334" height="376" alt="背景"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--background"></div> <div class="next swiper-button-next--background"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">背景について</h3> <div class="lead"> <p>無料背景と有料背景がございます。<br> 有料背景はオプション料金3,000円(税込)でご使用可能です。</p> </div> <div class="comment"> <div class="comment_label--paid"></div> <p style="padding-left: 3em;">ベージュ背景＋カーテン＋クッション</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_background_03.webp 1x, ./assets/img/index/img_background_03@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_background_03.png 1x, ./assets/img/index/img_background_03@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_background_03.webp 1x, ./assets/img/index/img_background_03@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_background_03.png 1x, ./assets/img/index/img_background_03@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_background_03.png" decoding="async" loading="lazy" width="334" height="376" alt="背景"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--background"></div> <div class="next swiper-button-next--background"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">背景について</h3> <div class="lead"> <p>無料背景と有料背景がございます。<br> 有料背景はオプション料金3,000円(税込)でご使用可能です。</p> </div> <div class="comment"> <div class="comment_label"></div> <p>ブルーグリーン背景</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_background_04.webp 1x, ./assets/img/index/img_background_04@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_background_04.png 1x, ./assets/img/index/img_background_04@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_background_04.webp 1x, ./assets/img/index/img_background_04@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_background_04.png 1x, ./assets/img/index/img_background_04@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_background_04.png" decoding="async" loading="lazy" width="334" height="376" alt="背景"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--background"></div> <div class="next swiper-button-next--background"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">背景について</h3> <div class="lead"> <p>無料背景と有料背景がございます。<br> 有料背景はオプション料金3,000円(税込)でご使用可能です。</p> </div> <div class="comment"> <div class="comment_label"></div> <p>ベージュ背景</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_background_06.webp 1x, ./assets/img/index/img_background_06@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_background_06.png 1x, ./assets/img/index/img_background_06@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_background_06.webp 1x, ./assets/img/index/img_background_06@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_background_06.png 1x, ./assets/img/index/img_background_06@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_background_06.png" decoding="async" loading="lazy" width="334" height="376" alt="背景"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--background"></div> <div class="next swiper-button-next--background"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">背景について</h3> <div class="lead"> <p>無料背景と有料背景がございます。<br> 有料背景はオプション料金3,000円(税込)でご使用可能です。</p> </div> <div class="comment"> <div class="comment_label"></div> <p>ホワイト背景</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_background_07.webp 1x, ./assets/img/index/img_background_07@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_background_07.png 1x, ./assets/img/index/img_background_07@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_background_07.webp 1x, ./assets/img/index/img_background_07@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_background_07.png 1x, ./assets/img/index/img_background_07@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_background_07.png" decoding="async" loading="lazy" width="334" height="376" alt="背景"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--background"></div> <div class="next swiper-button-next--background"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">背景について</h3> <div class="lead"> <p>無料背景と有料背景がございます。<br> 有料背景はオプション料金3,000円(税込)でご使用可能です。</p> </div> <div class="comment"> <div class="comment_label"></div> <p>フラワーカーテン背景</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_background_05.webp 1x, ./assets/img/index/img_background_05@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_background_05.png 1x, ./assets/img/index/img_background_05@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_background_05.webp 1x, ./assets/img/index/img_background_05@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_background_05.png 1x, ./assets/img/index/img_background_05@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_background_05.png" decoding="async" loading="lazy" width="334" height="376" alt="背景"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--background"></div> <div class="next swiper-button-next--background"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> </div> </div> <div class="c-modal_close js-modalClose--background"></div> </div> </div> </div> <!-- モーダル accessory --> <div class="c-modal--accessory"> <div class="c-modal_mask js-modalClose--accessory"></div> <div class="c-modal_inner"> <div class="c-modal_content"> <div class="swiper c-modal_slide js-modalSlide--accessory"> <div class="swiper-wrapper"> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label--paid"></div> <picture> <source srcset="./assets/img/index/img_accessory_01.webp 1x, ./assets/img/index/img_accessory_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_01.png 1x, ./assets/img/index/img_accessory_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_01.webp 1x, ./assets/img/index/img_accessory_01@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_01.png 1x, ./assets/img/index/img_accessory_01@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_01.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label--paid"></div> <picture> <source srcset="./assets/img/index/img_accessory_02.webp 1x, ./assets/img/index/img_accessory_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_02.png 1x, ./assets/img/index/img_accessory_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_02.webp 1x, ./assets/img/index/img_accessory_02@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_02.png 1x, ./assets/img/index/img_accessory_02@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_02.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label--paid"></div> <picture> <source srcset="./assets/img/index/img_accessory_03.webp 1x, ./assets/img/index/img_accessory_03@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_03.png 1x, ./assets/img/index/img_accessory_03@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_03.webp 1x, ./assets/img/index/img_accessory_03@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_03.png 1x, ./assets/img/index/img_accessory_03@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_03.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label--paid"></div> <picture> <source srcset="./assets/img/index/img_accessory_04.webp 1x, ./assets/img/index/img_accessory_04@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_04.png 1x, ./assets/img/index/img_accessory_04@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_04.webp 1x, ./assets/img/index/img_accessory_04@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_04.png 1x, ./assets/img/index/img_accessory_04@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_04.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label--paid"></div> <picture> <source srcset="./assets/img/index/img_accessory_05.webp 1x, ./assets/img/index/img_accessory_05@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_05.png 1x, ./assets/img/index/img_accessory_05@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_05.webp 1x, ./assets/img/index/img_accessory_05@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_05.png 1x, ./assets/img/index/img_accessory_05@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_05.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label--paid"></div> <picture> <source srcset="./assets/img/index/img_accessory_06.webp 1x, ./assets/img/index/img_accessory_06@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_06.png 1x, ./assets/img/index/img_accessory_06@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_06.webp 1x, ./assets/img/index/img_accessory_06@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_06.png 1x, ./assets/img/index/img_accessory_06@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_06.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label--paid"></div> <picture> <source srcset="./assets/img/index/img_accessory_07.webp 1x, ./assets/img/index/img_accessory_07@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_07.png 1x, ./assets/img/index/img_accessory_07@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_07.webp 1x, ./assets/img/index/img_accessory_07@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_07.png 1x, ./assets/img/index/img_accessory_07@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_07.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <!-- <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label--paid"></div> <picture> <source srcset="./assets/img/index/img_accessory_08.webp 1x, ./assets/img/index/img_accessory_08@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_08.png 1x, ./assets/img/index/img_accessory_08@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_08.webp 1x, ./assets/img/index/img_accessory_08@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_08.png 1x, ./assets/img/index/img_accessory_08@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_08.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※撮影お一組さまに対してかかる料金です</p> </div> </article> --> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label"></div> <picture> <source srcset="./assets/img/index/img_accessory_09.webp 1x, ./assets/img/index/img_accessory_09@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_09.png 1x, ./assets/img/index/img_accessory_09@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_09.webp 1x, ./assets/img/index/img_accessory_09@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_09.png 1x, ./assets/img/index/img_accessory_09@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_09.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label"></div> <picture> <source srcset="./assets/img/index/img_accessory_10.webp 1x, ./assets/img/index/img_accessory_10@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_10.png 1x, ./assets/img/index/img_accessory_10@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_10.webp 1x, ./assets/img/index/img_accessory_10@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_10.png 1x, ./assets/img/index/img_accessory_10@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_10.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label"></div> <picture> <source srcset="./assets/img/index/img_accessory_11.webp 1x, ./assets/img/index/img_accessory_11@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_11.png 1x, ./assets/img/index/img_accessory_11@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_11.webp 1x, ./assets/img/index/img_accessory_11@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_11.png 1x, ./assets/img/index/img_accessory_11@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_11.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label"></div> <picture> <source srcset="./assets/img/index/img_accessory_12.webp 1x, ./assets/img/index/img_accessory_12@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_12.png 1x, ./assets/img/index/img_accessory_12@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_12.webp 1x, ./assets/img/index/img_accessory_12@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_12.png 1x, ./assets/img/index/img_accessory_12@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_12.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> <!-- <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label"></div> <picture> <source srcset="./assets/img/index/img_accessory_13.webp 1x, ./assets/img/index/img_accessory_13@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_13.png 1x, ./assets/img/index/img_accessory_13@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_13.webp 1x, ./assets/img/index/img_accessory_13@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_13.png 1x, ./assets/img/index/img_accessory_13@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_13.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※撮影お一組さまに対してかかる料金です</p> </div> </article> --> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label"></div> <picture> <source srcset="./assets/img/index/img_accessory_14.webp 1x, ./assets/img/index/img_accessory_14@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_14.png 1x, ./assets/img/index/img_accessory_14@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_14.webp 1x, ./assets/img/index/img_accessory_14@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_14.png 1x, ./assets/img/index/img_accessory_14@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_14.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">小物について</h3> <div class="lead"> <p>無料小物と有料小物をご用意しております。<br>有料小物はオプション料金2,000円(税込)でご使用可能です。</p> </div> <figure class="img"> <div class="label"></div> <picture> <source srcset="./assets/img/index/img_accessory_15.webp 1x, ./assets/img/index/img_accessory_15@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_15.png 1x, ./assets/img/index/img_accessory_15@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_accessory_15.webp 1x, ./assets/img/index/img_accessory_15@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_accessory_15.png 1x, ./assets/img/index/img_accessory_15@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_accessory_15.png" decoding="async" loading="lazy" width="460" height="506" alt="小物"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--accessory"></div> <div class="next swiper-button-next--accessory"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> </div> </article> </div> </div> <div class="c-modal_close js-modalClose--accessory"></div> </div> </div> </div> <!-- モーダル costume --> <div class="c-modal--costume"> <div class="c-modal_mask js-modalClose--costume"></div> <div class="c-modal_inner"> <div class="c-modal_content"> <div class="swiper c-modal_slide js-modalSlide--costume"> <div class="swiper-wrapper"> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br> 着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_01.webp 1x, ./assets/img/index/img_costume_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_01.png 1x, ./assets/img/index/img_costume_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_01@2x.webp 1x, ./assets/img/index/img_costume_01@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_01@2x.png 1x, ./assets/img/index/img_costume_01@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_01.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_02.webp 1x, ./assets/img/index/img_costume_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_02.png 1x, ./assets/img/index/img_costume_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_02@2x.webp 1x, ./assets/img/index/img_costume_02@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_02@2x.png 1x, ./assets/img/index/img_costume_02@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_02.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_03.webp 1x, ./assets/img/index/img_costume_03@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_03.png 1x, ./assets/img/index/img_costume_03@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_03@2x.webp 1x, ./assets/img/index/img_costume_03@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_03@2x.png 1x, ./assets/img/index/img_costume_03@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_03.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_04.webp 1x, ./assets/img/index/img_costume_04@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_04.png 1x, ./assets/img/index/img_costume_04@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_04@2x.webp 1x, ./assets/img/index/img_costume_04@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_04@2x.png 1x, ./assets/img/index/img_costume_04@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_04.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_05.webp 1x, ./assets/img/index/img_costume_05@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_05.png 1x, ./assets/img/index/img_costume_05@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_05@2x.webp 1x, ./assets/img/index/img_costume_05@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_05@2x.png 1x, ./assets/img/index/img_costume_05@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_05.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_06.webp 1x, ./assets/img/index/img_costume_06@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_06.png 1x, ./assets/img/index/img_costume_06@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_06@2x.webp 1x, ./assets/img/index/img_costume_06@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_06@2x.png 1x, ./assets/img/index/img_costume_06@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_06.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_07.webp 1x, ./assets/img/index/img_costume_07@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_07.png 1x, ./assets/img/index/img_costume_07@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_07@2x.webp 1x, ./assets/img/index/img_costume_07@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_07@2x.png 1x, ./assets/img/index/img_costume_07@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_07.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_08.webp 1x, ./assets/img/index/img_costume_08@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_08.png 1x, ./assets/img/index/img_costume_08@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_08@2x.webp 1x, ./assets/img/index/img_costume_08@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_08@2x.png 1x, ./assets/img/index/img_costume_08@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_08.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_09.webp 1x, ./assets/img/index/img_costume_09@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_09.png 1x, ./assets/img/index/img_costume_09@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_09@2x.webp 1x, ./assets/img/index/img_costume_09@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_09@2x.png 1x, ./assets/img/index/img_costume_09@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_09.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_10.webp 1x, ./assets/img/index/img_costume_10@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_10.png 1x, ./assets/img/index/img_costume_10@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_10@2x.webp 1x, ./assets/img/index/img_costume_10@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_10@2x.png 1x, ./assets/img/index/img_costume_10@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_10.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_11.webp 1x, ./assets/img/index/img_costume_11@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_11.png 1x, ./assets/img/index/img_costume_11@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_11@2x.webp 1x, ./assets/img/index/img_costume_11@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_11@2x.png 1x, ./assets/img/index/img_costume_11@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_11.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_12.webp 1x, ./assets/img/index/img_costume_12@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_12.png 1x, ./assets/img/index/img_costume_12@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_12@2x.webp 1x, ./assets/img/index/img_costume_12@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_12@2x.png 1x, ./assets/img/index/img_costume_12@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_12.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_13.webp 1x, ./assets/img/index/img_costume_13@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_13.png 1x, ./assets/img/index/img_costume_13@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_13@2x.webp 1x, ./assets/img/index/img_costume_13@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_13@2x.png 1x, ./assets/img/index/img_costume_13@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_13.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_14.webp 1x, ./assets/img/index/img_costume_14@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_14.png 1x, ./assets/img/index/img_costume_14@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_14@2x.webp 1x, ./assets/img/index/img_costume_14@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_14@2x.png 1x, ./assets/img/index/img_costume_14@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_14.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_15.webp 1x, ./assets/img/index/img_costume_15@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_15.png 1x, ./assets/img/index/img_costume_15@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_15@2x.webp 1x, ./assets/img/index/img_costume_15@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_15@2x.png 1x, ./assets/img/index/img_costume_15@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_15.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_16.webp 1x, ./assets/img/index/img_costume_16@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_16.png 1x, ./assets/img/index/img_costume_16@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_16@2x.webp 1x, ./assets/img/index/img_costume_16@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_16@2x.png 1x, ./assets/img/index/img_costume_16@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_16.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_17.webp 1x, ./assets/img/index/img_costume_17@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_17.png 1x, ./assets/img/index/img_costume_17@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_17@2x.webp 1x, ./assets/img/index/img_costume_17@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_17@2x.png 1x, ./assets/img/index/img_costume_17@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_17.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_18.webp 1x, ./assets/img/index/img_costume_18@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_18.png 1x, ./assets/img/index/img_costume_18@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_18@2x.webp 1x, ./assets/img/index/img_costume_18@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_18@2x.png 1x, ./assets/img/index/img_costume_18@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_18.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_19.webp 1x, ./assets/img/index/img_costume_19@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_19.png 1x, ./assets/img/index/img_costume_19@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_19@2x.webp 1x, ./assets/img/index/img_costume_19@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_19@2x.png 1x, ./assets/img/index/img_costume_19@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_19.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_20.webp 1x, ./assets/img/index/img_costume_20@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_20.png 1x, ./assets/img/index/img_costume_20@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_20@2x.webp 1x, ./assets/img/index/img_costume_20@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_20@2x.png 1x, ./assets/img/index/img_costume_20@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_20.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_21.webp 1x, ./assets/img/index/img_costume_21@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_21.png 1x, ./assets/img/index/img_costume_21@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_21@2x.webp 1x, ./assets/img/index/img_costume_21@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_21@2x.png 1x, ./assets/img/index/img_costume_21@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_21.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_22.webp 1x, ./assets/img/index/img_costume_22@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_22.png 1x, ./assets/img/index/img_costume_22@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_22@2x.webp 1x, ./assets/img/index/img_costume_22@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_22@2x.png 1x, ./assets/img/index/img_costume_22@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_22.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_23.webp 1x, ./assets/img/index/img_costume_23@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_23.png 1x, ./assets/img/index/img_costume_23@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_23@2x.webp 1x, ./assets/img/index/img_costume_23@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_23@2x.png 1x, ./assets/img/index/img_costume_23@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_23.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> <article class="swiper-slide"> <h3 class="ttl">衣装について</h3> <div class="lead"> <p>衣装のご利用はオプション料金となります。</p> </div> <div class="comment"> <p>衣装レンタル<br>着放題：3000円（税込）</p> </div> <figure class="img"> <picture> <source srcset="./assets/img/index/img_costume_24.webp 1x, ./assets/img/index/img_costume_24@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_24.png 1x, ./assets/img/index/img_costume_24@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_costume_24@2x.webp 1x, ./assets/img/index/img_costume_24@3x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_costume_24@2x.png 1x, ./assets/img/index/img_costume_24@3x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_costume_24.png" decoding="async" loading="lazy" width="334" height="376" alt="衣装"> </picture> <div class="swiper_btns"> <div class="prev swiper-button-prev--costume"></div> <div class="next swiper-button-next--costume"></div> </div> </figure> <div class="bottomTxt"> <p>※写真は一例となります。店舗によってお取り扱いがない場合もございます。</p> <p>※一部仕様は写真と異なる場合がございます。</p> <p>※表示環境などにより実際の色味と異なる場合がございます。</p> <p>※1グループあたりの料金です。</p> </div> </article> </div> </div> <div class="c-modal_close js-modalClose--costume"></div> </div> </div> </div> <!-- モーダル gallery --> <div class="c-modal--gallery"> <div class="c-modal_mask js-modalClose--gallery"></div> <div class="c-modal_inner adjustImg"> <div class="c-modal_content"> <div class="swiper c-modal_slide js-modalSlide--gallery"> <div class="swiper-wrapper"> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_01.webp 1x, ./assets/img/index/img_gallery_large_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_01.png 1x, ./assets/img/index/img_gallery_large_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_01.webp 1x, ./assets/img/index/img_gallery_large_01@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_01.png 1x, ./assets/img/index/img_gallery_large_01@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_01.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_02.webp 1x, ./assets/img/index/img_gallery_large_02@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_02.png 1x, ./assets/img/index/img_gallery_large_02@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_02.webp 1x, ./assets/img/index/img_gallery_large_02@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_02.png 1x, ./assets/img/index/img_gallery_large_02@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_02.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_03.webp 1x, ./assets/img/index/img_gallery_large_03@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_03.png 1x, ./assets/img/index/img_gallery_large_03@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_03.webp 1x, ./assets/img/index/img_gallery_large_03@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_03.png 1x, ./assets/img/index/img_gallery_large_03@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_03.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_04.webp 1x, ./assets/img/index/img_gallery_large_04@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_04.png 1x, ./assets/img/index/img_gallery_large_04@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_04.webp 1x, ./assets/img/index/img_gallery_large_04@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_04.png 1x, ./assets/img/index/img_gallery_large_04@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_04.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_05.webp 1x, ./assets/img/index/img_gallery_large_05@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_05.png 1x, ./assets/img/index/img_gallery_large_05@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_05.webp 1x, ./assets/img/index/img_gallery_large_05@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_05.png 1x, ./assets/img/index/img_gallery_large_05@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_05.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_06.webp 1x, ./assets/img/index/img_gallery_large_06@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_06.png 1x, ./assets/img/index/img_gallery_large_06@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_06.webp 1x, ./assets/img/index/img_gallery_large_06@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_06.png 1x, ./assets/img/index/img_gallery_large_06@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_06.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_07.webp 1x, ./assets/img/index/img_gallery_large_07@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_07.png 1x, ./assets/img/index/img_gallery_large_07@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_07.webp 1x, ./assets/img/index/img_gallery_large_07@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_07.png 1x, ./assets/img/index/img_gallery_large_07@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_07.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_08.webp 1x, ./assets/img/index/img_gallery_large_08@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_08.png 1x, ./assets/img/index/img_gallery_large_08@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_08.webp 1x, ./assets/img/index/img_gallery_large_08@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_08.png 1x, ./assets/img/index/img_gallery_large_08@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_08.png" decoding="async" loading="lazy" width="500" height="750" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_09.webp 1x, ./assets/img/index/img_gallery_large_09@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_09.png 1x, ./assets/img/index/img_gallery_large_09@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_09.webp 1x, ./assets/img/index/img_gallery_large_09@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_09.png 1x, ./assets/img/index/img_gallery_large_09@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_09.png" decoding="async" loading="lazy" width="500" height="750" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_10.webp 1x, ./assets/img/index/img_gallery_large_10@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_10.png 1x, ./assets/img/index/img_gallery_large_10@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_10.webp 1x, ./assets/img/index/img_gallery_large_10@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_10.png 1x, ./assets/img/index/img_gallery_large_10@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_10.png" decoding="async" loading="lazy" width="500" height="750" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_11.webp 1x, ./assets/img/index/img_gallery_large_11@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_11.png 1x, ./assets/img/index/img_gallery_large_11@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_11.webp 1x, ./assets/img/index/img_gallery_large_11@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_11.png 1x, ./assets/img/index/img_gallery_large_11@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_11.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_12.webp 1x, ./assets/img/index/img_gallery_large_12@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_12.png 1x, ./assets/img/index/img_gallery_large_12@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_12.webp 1x, ./assets/img/index/img_gallery_large_12@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_12.png 1x, ./assets/img/index/img_gallery_large_12@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_12.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_13.webp 1x, ./assets/img/index/img_gallery_large_13@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_13.png 1x, ./assets/img/index/img_gallery_large_13@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_13.webp 1x, ./assets/img/index/img_gallery_large_13@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_13.png 1x, ./assets/img/index/img_gallery_large_13@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_13.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_14.webp 1x, ./assets/img/index/img_gallery_large_14@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_14.png 1x, ./assets/img/index/img_gallery_large_14@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_14.webp 1x, ./assets/img/index/img_gallery_large_14@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_14.png 1x, ./assets/img/index/img_gallery_large_14@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_14.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_15.webp 1x, ./assets/img/index/img_gallery_large_15@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_15.png 1x, ./assets/img/index/img_gallery_large_15@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_15.webp 1x, ./assets/img/index/img_gallery_large_15.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_15.png 1x, ./assets/img/index/img_gallery_large_15.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_15.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_16.webp 1x, ./assets/img/index/img_gallery_large_16@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_16.png 1x, ./assets/img/index/img_gallery_large_16@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_16.webp 1x, ./assets/img/index/img_gallery_large_16@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_16.png 1x, ./assets/img/index/img_gallery_large_16@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_16.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_17.webp 1x, ./assets/img/index/img_gallery_large_17@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_17.png 1x, ./assets/img/index/img_gallery_large_17@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_17.webp 1x, ./assets/img/index/img_gallery_large_17@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_17.png 1x, ./assets/img/index/img_gallery_large_17@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_17.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_18.webp 1x, ./assets/img/index/img_gallery_large_18@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_18.png 1x, ./assets/img/index/img_gallery_large_18@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_18.webp 1x, ./assets/img/index/img_gallery_large_18@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_18.png 1x, ./assets/img/index/img_gallery_large_18@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_18.png" decoding="async" loading="lazy" width="500" height="750" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_19.webp 1x, ./assets/img/index/img_gallery_large_19@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_19.png 1x, ./assets/img/index/img_gallery_large_19@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_19.webp 1x, ./assets/img/index/img_gallery_large_19@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_19.png 1x, ./assets/img/index/img_gallery_large_19@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_19.png" decoding="async" loading="lazy" width="500" height="750" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_20.webp 1x, ./assets/img/index/img_gallery_large_20@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_20.png 1x, ./assets/img/index/img_gallery_large_20@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_20.webp 1x, ./assets/img/index/img_gallery_large_20@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_20.png 1x, ./assets/img/index/img_gallery_large_20@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_20.png" decoding="async" loading="lazy" width="500" height="750" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_21.webp 1x, ./assets/img/index/img_gallery_large_21@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_21.png 1x, ./assets/img/index/img_gallery_large_21@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_21.webp 1x, ./assets/img/index/img_gallery_large_21@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_21.png 1x, ./assets/img/index/img_gallery_large_21@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_21.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_22.webp 1x, ./assets/img/index/img_gallery_large_22@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_22.png 1x, ./assets/img/index/img_gallery_large_22@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_22.webp 1x, ./assets/img/index/img_gallery_large_22@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_22.png 1x, ./assets/img/index/img_gallery_large_22@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_22.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_23.webp 1x, ./assets/img/index/img_gallery_large_23@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_23.png 1x, ./assets/img/index/img_gallery_large_23@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_23.webp 1x, ./assets/img/index/img_gallery_large_23@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_23.png 1x, ./assets/img/index/img_gallery_large_23@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_23.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_24.webp 1x, ./assets/img/index/img_gallery_large_24@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_24.png 1x, ./assets/img/index/img_gallery_large_24@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_24.webp 1x, ./assets/img/index/img_gallery_large_24@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_24.png 1x, ./assets/img/index/img_gallery_large_24@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_24.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_25.webp 1x, ./assets/img/index/img_gallery_large_25@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_25.png 1x, ./assets/img/index/img_gallery_large_25@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_25.webp 1x, ./assets/img/index/img_gallery_large_25@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_25.png 1x, ./assets/img/index/img_gallery_large_25@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_25.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_26.webp 1x, ./assets/img/index/img_gallery_large_26@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_26.png 1x, ./assets/img/index/img_gallery_large_26@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_26.webp 1x, ./assets/img/index/img_gallery_large_26@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_26.png 1x, ./assets/img/index/img_gallery_large_26@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_26.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_27.webp 1x, ./assets/img/index/img_gallery_large_27@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_27.png 1x, ./assets/img/index/img_gallery_large_27@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_27.webp 1x, ./assets/img/index/img_gallery_large_27@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_27.png 1x, ./assets/img/index/img_gallery_large_27@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_27.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_28.webp 1x, ./assets/img/index/img_gallery_large_28@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_28.png 1x, ./assets/img/index/img_gallery_large_28@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_28.webp 1x, ./assets/img/index/img_gallery_large_28@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_28.png 1x, ./assets/img/index/img_gallery_large_28@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_28.png" decoding="async" loading="lazy" width="500" height="750" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_29.webp 1x, ./assets/img/index/img_gallery_large_29@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_29.png 1x, ./assets/img/index/img_gallery_large_29@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_29.webp 1x, ./assets/img/index/img_gallery_large_29@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_29.png 1x, ./assets/img/index/img_gallery_large_29@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_29.png" decoding="async" loading="lazy" width="500" height="750" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_30.webp 1x, ./assets/img/index/img_gallery_large_30@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_30.png 1x, ./assets/img/index/img_gallery_large_30@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_30.webp 1x, ./assets/img/index/img_gallery_large_30@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_30.png 1x, ./assets/img/index/img_gallery_large_30@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_30.png" decoding="async" loading="lazy" width="500" height="750" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_31.webp 1x, ./assets/img/index/img_gallery_large_31@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_31.png 1x, ./assets/img/index/img_gallery_large_31@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_31.webp 1x, ./assets/img/index/img_gallery_large_31@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_31.png 1x, ./assets/img/index/img_gallery_large_31@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_31.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_32.webp 1x, ./assets/img/index/img_gallery_large_32@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_32.png 1x, ./assets/img/index/img_gallery_large_32@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_32.webp 1x, ./assets/img/index/img_gallery_large_32@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_32.png 1x, ./assets/img/index/img_gallery_large_32@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_32.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_33.webp 1x, ./assets/img/index/img_gallery_large_33@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_33.png 1x, ./assets/img/index/img_gallery_large_33@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_33.webp 1x, ./assets/img/index/img_gallery_large_33@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_33.png 1x, ./assets/img/index/img_gallery_large_33@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_33.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_34.webp 1x, ./assets/img/index/img_gallery_large_34@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_34.png 1x, ./assets/img/index/img_gallery_large_34@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_34.webp 1x, ./assets/img/index/img_gallery_large_34@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_34.png 1x, ./assets/img/index/img_gallery_large_34@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_34.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> <article class="swiper-slide"> <div class="inner_closeArea js-modalClose--gallery"></div> <div class="inner"> <figure class="img"> <picture> <source srcset="./assets/img/index/img_gallery_large_35.webp 1x, ./assets/img/index/img_gallery_large_35@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_35.png 1x, ./assets/img/index/img_gallery_large_35@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_gallery_large_35.webp 1x, ./assets/img/index/img_gallery_large_35@2x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_gallery_large_35.png 1x, ./assets/img/index/img_gallery_large_35@2x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_gallery_large_35.png" decoding="async" loading="lazy" width="250" height="250" alt="写真"> </picture> </figure> <div class="swiper_btns"> <div class="prev swiper-button-prev--gallery"></div> <div class="next swiper-button-next--gallery"></div> </div> <div class="c-modal_close js-modalClose--gallery"></div> </div> </article> </div> </div> </div> </div> </div> <!-- モーダル payment --> <div class="c-modal--payment"> <div class="c-modal_mask js-modalClose--payment"></div> <div class="c-modal_inner"> <div class="c-modal_content"> <div class="c-modal_content_inner"> <h3 class="ttl">ご利用可能なお支払い方法</h3> <div class="payment_list"> <figure class="payment_listItem"> <img src="./assets/img/index/img_payment_01.svg" alt="現金"> <figcaption>現金</figcaption> </figure> <figure class="payment_listItem"> <img src="./assets/img/index/img_payment_02.png" alt="Vポイント"> <figcaption>Vポイント</figcaption> </figure> <figure class="payment_listItem"> <img src="./assets/img/index/img_payment_03.svg" alt="クレジットカード"> <figcaption>クレジットカード</figcaption> </figure> <figure class="payment_listItem"> <img src="./assets/img/index/img_payment_04.svg" alt="モバイルQR"> <figcaption>モバイルQR</figcaption> </figure> <figure class="payment_listItem"> <img src="./assets/img/index/img_payment_05.svg" alt="電子マネー"> <figcaption>電子マネー</figcaption> </figure> </div> <div class="bottomTxt"> <p>※QRコードは株式会社デンソーウェーブの登録商標です。</p> <p>※一部店舗はご利用いただけない場合がございます。</p> </div> </div> <div class="c-modal_close js-modalClose--payment"></div> </div> </div> </div> <!-- モーダル type --> <div class="c-modal--type"> <div class="c-modal_mask js-modalClose--type"></div> <div class="c-modal_inner"> <div class="c-modal_content"> <div class="c-modal_content_inner"> <h3 class="ttl">スタジオ型とブース型の違い</h3> <div class="lead"> <p>スタジオ型の店舗とブース型の店舗があり、<br class="u-dn--sp">どちらもプライベートな空間で撮影が可能です。<br class="u-dn--sp">ご予約の際は、ご希望のタイプの記載がある店舗をお選びください。</p> <p class="c-txt--14">※1つの店舗内にスタジオ型とブース型の両方のタイプがあるわけではございません。</p> </div> <div class="type_item_wrap"> <div class="type_item"> <h4 class="type_item_ttl">スタジオ型</h4> <p class="type_item_lead">本格的なスタジオをそのまま貸し切り</p> <figure class="type_item_img"> <picture> <source srcset="./assets/img/index/img_type_01.webp 1x, ./assets/img/index/img_type_01@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_type_01.png 1x, ./assets/img/index/img_type_01@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_type_01@2x.webp 1x, ./assets/img/index/img_type_01@4x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_type_01@2x.png 1x, ./assets/img/index/img_type_01@4x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_type_01.png" decoding="async" loading="lazy" width="1" height="1" alt="スタジオ型"> </picture> </figure> </div> <div class="type_item"> <h4 class="type_item_ttl">ブース型</h4> <p class="type_item_lead">お家みたいにリラックスできる個室空間</p> <figure class="type_item_img"> <picture> <source srcset="./assets/img/index/img_type_00.webp 1x, ./assets/img/index/img_type_00@2x.webp 2x" media="(max-width:767px)" type="image/webp"> <source srcset="./assets/img/index/img_type_00.png 1x, ./assets/img/index/img_type_00@2x.png 2x" media="(max-width:767px)" type="image/png"> <source srcset="./assets/img/index/img_type_00@2x.webp 1x, ./assets/img/index/img_type_00@4x.webp 2x" media="(min-width:768px)" type="image/webp"> <source srcset="./assets/img/index/img_type_00@2x.png 1x, ./assets/img/index/img_type_00@4x.png 2x" media="(min-width:768px)" type="image/png"> <img src="./assets/img/index/img_type_00.png" decoding="async" loading="lazy" width="1" height="1" alt="ブース型"> </picture> </figure> </div> </div> </div> <div class="c-modal_close js-modalClose--type"></div> </div> </div> </div> </main> <!-- include footer --> <footer id="footer"></footer> <!-- / include footer --> <script src="./assets/js/script.js" defer></script> <script> </script> </div><!--/l-container--> </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><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"eb4ada20ef71460eabe6cd9d57f0df38","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>