document.addEventListener('DOMContentLoaded', function () { const boxes = document.querySelectorAll('.room-tab .box'); const roomWrap = document.querySelector('#room2_wrap'); let splideMainInstance = null; let roomSliderInstance = null; function initRoomSplide() { const splideMain = roomWrap.querySelector('.room_splide'); if (splideMain) { if (splideMainInstance) splideMainInstance.destroy(true); splideMainInstance = new Splide(splideMain, { type: 'loop', perPage: 1, focus: 'center', gap: '1rem', padding: { left: '25%', right: '25%' }, autoplay: true, interval: 6000, speed: 2000, arrows: true, pagination: true, pauseOnHover: false, pauseOnFocus: false, breakpoints: { 768: { padding: { left: '0%', right: '0%' }, gap: '1rem', }, }, }); splideMainInstance.mount(); } } function initRoomSlider() { const slider = roomWrap.querySelector('#roomSlider'); if (!slider) return; if (roomSliderInstance) roomSliderInstance.destroy(true); const slideCount = slider.querySelectorAll('.splide__slide').length; roomSliderInstance = new Splide(slider, { type: 'slide', perPage: 1, autoplay: false, interval: 6000, pagination: slideCount > 1, // ← 1枚ならドット非表示 arrows: slideCount > 1, // ← 1枚なら矢印も非表示（必要なら） speed: 2000, }); roomSliderInstance.mount(); } function waitForImages(callback) { const images = roomWrap.querySelectorAll('img'); let loaded = 0; if (images.length === 0) return callback(); images.forEach(img => { if (img.complete) { loaded++; if (loaded === images.length) callback(); } else { img.addEventListener('load', () => { loaded++; if (loaded === images.length) callback(); }); img.addEventListener('error', () => { loaded++; if (loaded === images.length) callback(); }); } }); } // fetchを使わず、HTMLを直接定義 const roomHTMLMap = { "1": `

露天風呂付301号室

  • お部屋からの眺め
  • お部屋のくつろぎスペース
  • 客室露天風呂【301号室】
  • 寝室スペース（シモンズマットレス使用）
  • アメニティ（露天風呂客室）
  • 茶器（湯のみ/急須）

箱根の絶景を独占する露天風呂付き特別室

露天風呂は時間を気にせず好きな時に好きなだけご入浴できます。
また、ゆったり広めの畳のスペースがありご家族にもおすすめ。
お風呂からもお部屋からも箱根の山々を一望できる特等席です。

お部屋の広さ44.2m²
定員数2～6名
※寝具の用意は最大6つまで（備え付け和式マットレス×2、布団×4）
ご予約
  • 301号室
`, "2": `

露天風呂付302号室

  • お部屋からの眺め
  • お部屋からの眺め
  • 客室露天風呂【302号室】
  • 寝室スペース（シモンズマットレス使用）
  • アメニティ（露天風呂客室）

山々が眼前に広がる露天風呂付き特別室

木の温もりと日本古来の色調でまとめた、安らぎと落ち着きをもたらす和の空間。箱根の山々が眼前に広がる抜群の開放感。
露天風呂は時間を気にせず好きな時に好きなだけご入浴できます。ご夫婦、カップルにおすすめのお部屋です。

お部屋の広さ30.50m²
定員数2名
※寝具の用意は最大2つまで（備え付け和式マットレス×2）
ご予約
  • 302号室
`, "3": `

専用露天風呂付303号室

  • お部屋のくつろぎスペース
  • お部屋のくつろぎスペース
  • 客室露天風呂【303号室】
  • 寝室スペース（シモンズマットレス使用）
  • アメニティ（露天風呂客室）

専用の貸切露天風呂付き客室

お部屋から離れた場所へ専用の貸切露天風呂をご用意。
客室と同フロアにあり、当館で一番大きな檜風呂です。
優雅に、そして洗練された空間でごゆっくりとお過ごしください。その広さから、ご家族連れのお客様にもご好評いただいております。

お部屋の広さ34.80m²
定員数2名～4名
※寝具の用意は最大4つまで（備え付け和式マットレス×2、布団×2）
ご予約
  • 303号室
`, "4": `

箱根の山々の眺望 -201- -202- -203-

  • お部屋のくつろぎスペース（202号室）
  • お部屋からの眺め（202号室）
  • 寝室スペース（シモンズマットレス使用）
  • お部屋のくつろぎスペース（203号室）
  • アメニティ

箱根の眺望を満喫 スタンダード客室

お部屋から広大な空にそびえる箱根の山々をご覧いただけるお部屋です。
その昔、峠を越えて箱根の湯で疲れを癒した江戸時代の人々に思いを馳せてはいかがでしょうか？
ご家族やご友人と周りを気にせずご利用いただける貸切露天風呂をご用意しております。

お部屋の広さ29.40m²
定員数2名～4名
※寝具の用意は最大4つまで（備え付け和式マットレス×2、布団×2）
ご予約
  • 201号室
  • 202号室
  • 203号室
`, "5": `

ゆったりとしたくつろぎのスペース　-205-

  • お部屋のくつろぎスペース
  • お部屋のくつろぎスペース
  • 寝室スペース（シモンズマットレス使用）
  • アメニティ

ゆったりとくつろぐ、広々とした空間

ゆったりとおくつろぎ頂ける広々とした居間空間、就寝空間を備えたお部屋です。
大きな窓があり、身体一杯の自然を感じて頂けます。
ご家族やご友人と周りを気にせずご利用いただける貸切露天風呂をご用意しております。

お部屋の広さ28.80m²
定員数2名～4名
※寝具の用意は最大4つまで（備え付け和式マットレス×2、布団×2）
ご予約
  • 205号室
`, "6": `

リーズナブルなご宿泊に　-206- -207- -305-

  • お部屋のくつろぎスペース（305号室）
  • お部屋のくつろぎスペース（305号室）
  • 寝室スペース（シモンズマットレス使用）
  • お部屋のくつろぎスペース（206号室）
  • アメニティ

落ち着きと安らぎの和調

落ち着きと安らぎの和調のインテリアでまとめられた、癒しの空間です。
居間と就寝場所が区切られており、それぞれ又は同時にお寛ぎいただけます。
斬新だけれども心地よいひと時をお過ごしください。
ご家族やご友人と周りを気にせずご利用いただける貸切露天風呂をご用意しております。

お部屋の広さ29.40m²
定員数2名～4名
※寝具の用意は最大4つまで（備え付け和式マットレス×2、布団×2）
ご予約
  • 206号室
  • 207号室
  • 305号室
`, // 必要に応じて他の部屋も追加 }; function loadRoomHTML(roomNumber) { const html = roomHTMLMap[roomNumber]; if (!html) { roomWrap.innerHTML = '

部屋情報が見つかりません。

'; return; } roomWrap.classList.add('fade-out'); setTimeout(() => { roomWrap.innerHTML = html; waitForImages(() => { requestAnimationFrame(() => { initRoomSplide(); initRoomSlider(); roomWrap.classList.remove('fade-out'); }); }); }, 1000); } boxes.forEach(box => { box.addEventListener('click', function () { const roomNumber = this.dataset.room_number; boxes.forEach(b => b.classList.remove('active')); this.classList.add('active'); loadRoomHTML(roomNumber); }); }); // 初期表示（301号室） const defaultRoom = "1"; document.querySelector(`.room-tab .box[data-room_number="${defaultRoom}"]`)?.classList.add('active'); loadRoomHTML(defaultRoom); });