CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>一番良いカタルーニャ州の5つ星ホテル、スペイン - 2025年の宿泊先トップ</title> <meta name="format-detection" content="telephone=no"/> <meta name="keywords" content="カタルーニャ州すべて5つ星ホテル、スペインカタルーニャ州ホテル、カタルーニャ州高級ホテル、カタルーニャ州にあるの格安のビジネスホテル、カタルーニャ州中心街にあるホテル、カタルーニャ州空港ホテル、カタルーニャ州ホテルのご予約、カタルーニャ州ホテルの部屋と料金"/> <meta name="description" content="スペインのカタルーニャ州の5つ星ホテルをオンライン予約　🏨。良い可用性とお得な料金。安くて安全な、ホテルでお支払い ✈️、予約手数料無料 ✅。"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/playfairdisplay/v29/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKeiunDXbtM.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/montserrat/v24/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/dynalight/v18/1Ptsg8LOU_aOmQvTsF44TYFq.woff2"> <link importance="high" rel="preload" media="(min-width: 701px)" href="/img/bg/126989.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 700px) and (min-width: 451px)" href="/img/bg/700x500/126989.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 450px)" href="/img/bg/450x450/126989.JPEG" as="image"> <link rel="stylesheet" type="text/css" href="/new/designs/80/build/destination-search-page/style.bde1652ad41a9333f9ff1572608ca482.css"> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <link rel="alternate" hreflang="ar" type="text/html" href="https://www.catalonia-hotels.com/ar/5-stars/" title="Arabic"/> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.catalonia-hotels.com/zh/5-stars/" title="Chinese"/> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.catalonia-hotels.com/cs/5-stars/" title="Czech"/> <link rel="alternate" hreflang="da" type="text/html" href="https://www.catalonia-hotels.com/da/5-stars/" title="Danish"/> <link rel="alternate" hreflang="de" type="text/html" href="https://www.catalonia-hotels.com/de/5-stars/" title="Deutch"/> <link rel="alternate" hreflang="en" type="text/html" href="https://www.catalonia-hotels.com/en/5-stars/" title="English"/> <link rel="alternate" hreflang="es" type="text/html" href="https://www.catalonia-hotels.com/es/5-stars/" title="Spanish"/> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.catalonia-hotels.com/fr/5-stars/" title="French"/> <link rel="alternate" hreflang="el" type="text/html" href="https://www.catalonia-hotels.com/el/5-stars/" title="Greek"/> <link rel="alternate" hreflang="he" type="text/html" href="https://www.catalonia-hotels.com/he/5-stars/" title="Hebrew"/> <link rel="alternate" hreflang="it" type="text/html" href="https://www.catalonia-hotels.com/it/5-stars/" title="Italiano"/> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.catalonia-hotels.com/ja/5-stars/" title="Japanese"/> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.catalonia-hotels.com/ko/5-stars/" title="Korean"/> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.catalonia-hotels.com/hu/5-stars/" title="Hungarian"/> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.catalonia-hotels.com/nl/5-stars/" title="Dutch"/> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.catalonia-hotels.com/pl/5-stars/" title="Polish"/> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.catalonia-hotels.com/pt/5-stars/" title="Portuguese"/> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.catalonia-hotels.com/ru/5-stars/" title="Russian"/> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.catalonia-hotels.com/sv/5-stars/" title="Swedish"/> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.catalonia-hotels.com/tr/5-stars/" title="Turkish"/> <link rel="canonical" href="https://www.catalonia-hotels.com/ja/5-stars/"/> <link rel="next" href="/ja/5-stars/2/"/> </head> <body> <div class="banner banner--hotel_list" style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))"> <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <picture> <source srcset="/img/bg/126989.JPEG" media="(min-width: 701px)"> <source srcset="/img/bg/700x500/126989.JPEG" media="(max-width: 700px) and (min-width: 451px)"> <source srcset="/img/bg/450x450/126989.JPEG" media="(max-width: 450px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--19" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--20" srcset="" alt=""> </picture> </div> <header class="header js-header-mobile-modal"> <div class="header__inner"> <div class="header__mobile"> <div class="header__logo header-logo js-link js-link-hex" data-hex=34372e3130362e39372e3437 > <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Catalonia </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </div> <div class="header__burger js-header-mobile-modal-trigger"> <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M13.5625 3.5H0.4375C0.321468 3.5 0.210188 3.45391 0.128141 3.37186C0.0460936 3.28981 0 3.17853 0 3.0625C0 2.94647 0.0460936 2.83519 0.128141 2.75314C0.210188 2.67109 0.321468 2.625 0.4375 2.625H13.5625C13.6785 2.625 13.7898 2.67109 13.8719 2.75314C13.9539 2.83519 14 2.94647 14 3.0625C14 3.17853 13.9539 3.28981 13.8719 3.37186C13.7898 3.45391 13.6785 3.5 13.5625 3.5Z"/><path d="M13.5625 7.875H0.4375C0.321468 7.875 0.210188 7.82891 0.128141 7.74686C0.0460936 7.66481 0 7.55353 0 7.4375C0 7.32147 0.0460936 7.21019 0.128141 7.12814C0.210188 7.04609 0.321468 7 0.4375 7H13.5625C13.6785 7 13.7898 7.04609 13.8719 7.12814C13.9539 7.21019 14 7.32147 14 7.4375C14 7.55353 13.9539 7.66481 13.8719 7.74686C13.7898 7.82891 13.6785 7.875 13.5625 7.875Z"/><path d="M13.5625 12.25H0.4375C0.321468 12.25 0.210188 12.2039 0.128141 12.1219C0.0460936 12.0398 0 11.9285 0 11.8125C0 11.6965 0.0460936 11.5852 0.128141 11.5031C0.210188 11.4211 0.321468 11.375 0.4375 11.375H13.5625C13.6785 11.375 13.7898 11.4211 13.8719 11.5031C13.9539 11.5852 14 11.6965 14 11.8125C14 11.9285 13.9539 12.0398 13.8719 12.1219C13.7898 12.2039 13.6785 12.25 13.5625 12.25Z"/> </svg> </div> </div> <div class="header__menu menu js-header-mobile-accordion"> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M4.375 0H15.625C18.0413 0 20 1.95875 20 4.375V15.625C20 18.0413 18.0413 20 15.625 20H4.375C1.95875 20 0 18.0413 0 15.625V4.375C0 1.95875 1.95875 0 4.375 0ZM15.625 18.75C17.3509 18.75 18.75 17.3509 18.75 15.625V4.375C18.75 2.6491 17.3509 1.25 15.625 1.25H4.375C2.6491 1.25 1.25 2.6491 1.25 4.375V15.625C1.25 17.3509 2.6491 18.75 4.375 18.75H15.625Z" /><path d="M6.25 4.375H5C4.6548 4.375 4.375 4.6548 4.375 5V6.25C4.375 6.5952 4.6548 6.875 5 6.875H6.25C6.5952 6.875 6.875 6.5952 6.875 6.25V5C6.875 4.6548 6.5952 4.375 6.25 4.375Z" /><path d="M6.25 8.75H5C4.6548 8.75 4.375 9.0298 4.375 9.375V10.625C4.375 10.9702 4.6548 11.25 5 11.25H6.25C6.5952 11.25 6.875 10.9702 6.875 10.625V9.375C6.875 9.0298 6.5952 8.75 6.25 8.75Z" /><path d="M6.25 13.125H5C4.6548 13.125 4.375 13.4048 4.375 13.75V15C4.375 15.3452 4.6548 15.625 5 15.625H6.25C6.5952 15.625 6.875 15.3452 6.875 15V13.75C6.875 13.4048 6.5952 13.125 6.25 13.125Z" /><rect x="8.125" y="5" width="7.5" height="1.25" /><rect x="8.125" y="9.375" width="7.5" height="1.25" /><rect x="8.125" y="13.75" width="7.5" height="1.25" /> </svg> <div class="accordion-btn__text">オファー</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--collections js-header-dropdown-content"> <div class="mega-menu js-mega-menu-accordion"> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">ホテル</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">ホテル</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">すべてのコレクション</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/ja/type/hotels-12/" class="mega-menu__link js-link">カタルーニャ州のホテル</a> </li> <li class="mega-menu__list-item"> <a href="/ja/type/aparthotels-2/" class="mega-menu__link js-link">カタルーニャ州のアパートホテル</a> </li> <li class="mega-menu__list-item"> <a href="/ja/type/bed-and-breakfasts-4/" class="mega-menu__link js-link">カタルーニャ州のベッド・アンド・ブレックファスト</a> </li> <li class="mega-menu__list-item"> <a href="/ja/type/hostels-11/" class="mega-menu__link js-link">カタルーニャ州のホステル</a> </li> <li class="mega-menu__list-item mega-menu__list-item--title"> <span class="mega-menu__subtitle">評価</span> </li> <li class="mega-menu__list-item"> <a href="/ja/5-stars/" class="mega-menu__link js-link">カタルーニャ州の5つ星ホテル</a> </li> <li class="mega-menu__list-item"> <a href="/ja/4-stars/" class="mega-menu__link js-link">カタルーニャ州の4つ星ホテル</a> </li> <li class="mega-menu__list-item"> <a href="/ja/3-stars/" class="mega-menu__link js-link">カタルーニャ州の3つ星ホテル</a> </li> </ul> </div> </div> <div class="mega-menu__column"> <div class="mega-menu__title js-mega-menu-modal-trigger"> <div class="mega-menu__title-text">バケーションレンタル</div> <svg class="mega-menu__title-arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> <div class="mega-menu__container"> <div class="mega-menu__head"> <div class="mega-menu__head-text">バケーションレンタル</div> <svg class="mega-menu__head-icon js-mega-menu-modal-close-btn" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> <div class="mega-menu__back-btn js-mega-menu-modal-close-btn"> <svg class="mega-menu__back-btn-icon" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M5.74316 11.2L7.09766 9.87932L2.70861 5.6L7.09766 1.32068L5.74316 -2.86102e-06L-0.000433445 5.6L5.74316 11.2Z"/> </svg> <span class="mega-menu__back-btn-text">すべてのコレクション</span> </div> <ul class="mega-menu__list"> <li class="mega-menu__list-item"> <a href="/ja/type/apartments-3/" class="mega-menu__link js-link">カタルーニャ州のアパート</a> </li> <li class="mega-menu__list-item"> <a href="/ja/type/villas-24/" class="mega-menu__link js-link">カタルーニャ州のヴィラ</a> </li> <li class="mega-menu__list-item"> <a href="/ja/type/homestays-32/" class="mega-menu__link js-link">カタルーニャ州のホームステイ</a> </li> <li class="mega-menu__list-item"> <a href="/ja/type/holiday-homes-33/" class="mega-menu__link js-link">カタルーニャ州の別荘</a> </li> <li class="mega-menu__list-item"> <a href="/ja/type/guest-houses-10/" class="mega-menu__link js-link">カタルーニャ州のゲストハウス</a> </li> </ul> </div> </div> </div> </div> </div> <div class="menu__item"> <div class="menu__button accordion-btn accordion-btn--link js-link js-link-hex" data-hex=34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="19" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 20"> <path d="M16.6,8.2L16.6,8.2V7c0-3.9-3.1-7-7-7c-4,0-7.1,3.1-7.1,7v1.2H2.2c-1,0-1.9,1-1.9,2.1v3.1c0,1.1,0.9,2,1.9,2l0,0H4c0.2,0,0.5-0.2,0.5-0.5l0,0V8.8c0-0.2-0.1-0.6-0.5-0.6H3.5V7c0-3.4,2.7-6.1,6.1-6.1s6.1,2.7,6.1,6.1v1.2h-0.5c-0.2,0-0.5,0.2-0.5,0.6v6.1c0,0.2,0.1,0.5,0.4,0.5l0,0h0.6v0.1c-0.7,1-1.9,1.6-3.1,1.5c-0.2-1.4-1.6-2.1-2.9-1.9c-1.1,0.2-2,1.2-2,2.4c0,1.4,1.1,2.5,2.5,2.5c0.6,0,1.2-0.2,1.7-0.7c0.4-0.4,0.5-0.7,0.6-1.2c1.5,0,3-0.7,3.9-2l0.5-0.7c1.1-0.1,1.7-0.7,1.7-1.7v-3C18.6,9.4,17.7,8.2,16.6,8.2z M3.5,14.4H2.3c-0.5,0-1-0.5-1-1l0,0v-3.1c0-0.6,0.4-1.1,1-1.1h1.2V14.4z M11.5,17.4c0,0.4-0.1,0.7-0.4,1s-0.6,0.5-1.1,0.5c-0.7,0-1.5-0.6-1.5-1.5c0-0.7,0.6-1.5,1.5-1.5C10.9,16,11.5,16.6,11.5,17.4L11.5,17.4z M17.6,13.7c0,0.6-0.6,0.7-1,0.7h-1V9.2h1c0.5,0,1,0.7,1,1.4V13.7z"/> </svg> <div class="accordion-btn__text">サポート</div> </div> <svg class="accordion-btn__arrow" width="8" height="12" viewBox="0 0 8 12" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M1.75294 0.799999L0.398438 2.12068L4.78748 6.4L0.398438 10.6793L1.75294 12L7.49653 6.4L1.75294 0.799999Z"/> </svg> </div> </div> </div> <div class="menu__column menu__column--center"> <div class="header__logo"> <a href="/ja/" class="header-logo"> <div class="header-logo__wrap"> <div class="header-logo__above"> <div class="header-logo__above-text">hotel in</div> </div> <div class="header-logo__text"> Catalonia </div> <div class="header-logo__under"> <div class="header-logo__under-text">.com</div> </div> </div> </a> </div> <div class="header__close-btn js-header-mobile-modal-close"> <svg width="16" height="16" viewBox="0 0 16 16" fill="#333E50" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.6L14.4 0L8 6.4L1.6 0L0 1.6L6.4 8L0 14.4L1.6 16L8 9.6L14.4 16L16 14.4L9.6 8L16 1.6Z"/></svg> </div> </div> <div class="menu__column"> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C19.9939 4.47969 15.5203 0.00609306 10 0ZM19.2535 9.63034H16.4101C16.384 8.27011 16.1678 6.92027 15.7676 5.62C16.387 5.34304 16.976 5.00276 17.5253 4.60449C18.583 6.07343 19.1841 7.82158 19.2535 9.63034ZM15.5393 4.91905C16.0768 4.67177 16.5888 4.37247 17.0681 4.0254C16.026 2.78897 14.6793 1.84579 13.1611 1.28906C14.2338 2.29059 15.0495 3.53569 15.5393 4.91905ZM12.5813 10.3691H15.6758C15.6505 11.6342 15.4543 12.8901 15.0924 14.1025C14.232 13.7815 13.3411 13.5489 12.4336 13.4083C12.5259 12.3706 12.5739 11.3256 12.5813 10.3691ZM15.0963 5.89746C14.2359 6.2185 13.345 6.4511 12.4375 6.5917C12.5261 7.63306 12.5852 8.67811 12.5852 9.63084H15.6724C15.6495 8.36612 15.4557 7.11026 15.0963 5.89746ZM14.8524 5.19971C14.0459 5.5027 13.2108 5.72297 12.3598 5.85702C12.1456 3.8777 11.7615 2.00916 11.167 0.93457C12.7253 1.47002 14.0621 3.04683 14.8524 5.19971ZM11.7167 13.3234C11.7906 12.426 11.846 11.4437 11.846 10.3691H8.16797C8.17905 11.4585 8.22336 12.4408 8.29722 13.3234C9.43371 13.2001 10.5802 13.2001 11.7167 13.3234ZM8.15332 9.63097C8.15332 8.55637 8.20871 7.5741 8.28257 6.67676C8.85038 6.73852 9.42114 6.76935 9.99232 6.76908C10.5659 6.76958 11.1392 6.7388 11.7094 6.67676C11.7833 7.55933 11.8276 8.5416 11.8387 9.63097H8.15332ZM11.643 5.95615C11.2737 2.51819 10.4798 0.738281 9.99972 0.738281C9.51967 0.738281 8.72572 2.51819 8.35645 5.93769C8.90187 6.00333 9.45043 6.03906 9.99972 6.04478C10.5487 6.0452 11.0973 6.01561 11.643 5.95615ZM8.83284 0.93457V0.938263C8.2383 2.01286 7.85426 3.89247 7.64008 5.86071C6.78894 5.72547 5.95378 5.50399 5.14746 5.19971C5.93771 3.04683 7.27449 1.47002 8.83284 0.93457ZM4.32812 9.63084H7.41527C7.41527 8.67811 7.47805 7.63306 7.57037 6.5917C6.66283 6.4511 5.772 6.2185 4.91158 5.89746C4.54964 7.10993 4.35342 8.36575 4.32812 9.63084ZM7.57037 13.4083H7.56298C6.65544 13.5489 5.76461 13.7815 4.9042 14.1025C4.5448 12.8897 4.35102 11.6339 4.32812 10.3691H7.41527C7.41527 11.3219 7.47805 12.3669 7.57037 13.4083ZM4.46057 4.91905C4.95461 3.53417 5.77547 2.28897 6.85348 1.28906C5.32504 1.84021 3.96777 2.78242 2.91699 4.02171C3.40074 4.3709 3.91778 4.67145 4.46057 4.91905ZM2.478 4.60449V4.61188C3.0273 5.01014 3.61634 5.35043 4.23575 5.62739C3.835 6.92512 3.61745 8.27242 3.58952 9.63034H0.746094C0.816625 7.82121 1.41905 6.07301 2.478 4.60449ZM0.746094 10.3691C0.815564 12.1779 1.41665 13.9261 2.47431 15.395C3.02356 14.9967 3.61265 14.6563 4.23206 14.3795C3.83186 13.0792 3.6156 11.7294 3.58952 10.3691H0.746094ZM2.93164 15.9747C3.41091 15.6277 3.92296 15.3284 4.46044 15.0811C4.94969 16.4657 5.76547 17.7121 6.83858 18.7147C5.32003 18.1569 3.97332 17.2125 2.93164 15.9747ZM7.64008 14.1436C6.78908 14.2776 5.95391 14.4979 5.14746 14.8009C5.93771 16.9537 7.27449 18.5306 8.83284 19.066C8.2383 17.9914 7.85426 16.1229 7.64008 14.1436ZM9.99972 19.2614C9.51967 19.2614 8.72572 17.4815 8.35645 14.0435C9.44747 13.9243 10.5483 13.9243 11.6393 14.0435C11.2737 17.4815 10.4798 19.2614 9.99972 19.2614ZM11.1669 19.062V19.0657C12.7253 18.5303 14.062 16.9535 14.8523 14.8006C14.046 14.4963 13.2108 14.2748 12.3597 14.1396C12.1455 16.1078 11.7614 17.9874 11.1669 19.062ZM13.1465 18.711V18.6926C14.222 17.6979 15.0427 16.4593 15.5394 15.0811C16.0822 15.3287 16.5992 15.6292 17.083 15.9784C16.0322 17.2177 14.6749 18.1599 13.1465 18.711ZM17.5224 15.3691V15.395C18.5813 13.9265 19.1838 12.1783 19.2543 10.3691H16.4109C16.3812 11.7208 16.1637 13.0619 15.7646 14.3536C16.3841 14.6306 16.9731 14.9709 17.5224 15.3691Z" /> </svg> <div class="accordion-btn__text">日本語</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--languages js-header-dropdown-content"> <div class="dropdown__list"> <a href="/ar/5-stars/" class="dropdown__link js-save-params js-link " data-name="العربية"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ar.svg" width="20" height="20" class="dropdown__icon" alt="ar" loading="lazy"> <div class="dropdown__name">العربية</div> </a> <a href="/zh/5-stars/" class="dropdown__link js-save-params js-link " data-name="简体中文"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-zh.svg" width="20" height="20" class="dropdown__icon" alt="zh" loading="lazy"> <div class="dropdown__name">简体中文</div> </a> <a href="/cs/5-stars/" class="dropdown__link js-save-params js-link " data-name="Čeština"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-cs.svg" width="20" height="20" class="dropdown__icon" alt="cs" loading="lazy"> <div class="dropdown__name">Čeština</div> </a> <a href="/da/5-stars/" class="dropdown__link js-save-params js-link " data-name="Dansk"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-da.svg" width="20" height="20" class="dropdown__icon" alt="da" loading="lazy"> <div class="dropdown__name">Dansk</div> </a> <a href="/de/5-stars/" class="dropdown__link js-save-params js-link " data-name="Deutsch"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-de.svg" width="20" height="20" class="dropdown__icon" alt="de" loading="lazy"> <div class="dropdown__name">Deutsch</div> </a> <a href="/en/5-stars/" class="dropdown__link js-save-params js-link " data-name="English"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-en.svg" width="20" height="20" class="dropdown__icon" alt="en" loading="lazy"> <div class="dropdown__name">English</div> </a> <a href="/es/5-stars/" class="dropdown__link js-save-params js-link " data-name="Español"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-es.svg" width="20" height="20" class="dropdown__icon" alt="es" loading="lazy"> <div class="dropdown__name">Español</div> </a> <a href="/fr/5-stars/" class="dropdown__link js-save-params js-link " data-name="Français"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-fr.svg" width="20" height="20" class="dropdown__icon" alt="fr" loading="lazy"> <div class="dropdown__name">Français</div> </a> <a href="/el/5-stars/" class="dropdown__link js-save-params js-link " data-name="Ελληνικά"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-el.svg" width="20" height="20" class="dropdown__icon" alt="el" loading="lazy"> <div class="dropdown__name">Ελληνικά</div> </a> <a href="/he/5-stars/" class="dropdown__link js-save-params js-link " data-name="עברית"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-he.svg" width="20" height="20" class="dropdown__icon" alt="he" loading="lazy"> <div class="dropdown__name">עברית</div> </a> <a href="/it/5-stars/" class="dropdown__link js-save-params js-link " data-name="Italiano"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-it.svg" width="20" height="20" class="dropdown__icon" alt="it" loading="lazy"> <div class="dropdown__name">Italiano</div> </a> <a href="/ja/5-stars/" class="dropdown__link js-save-params js-link is-active" data-name="日本語"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ja.svg" width="20" height="20" class="dropdown__icon" alt="ja" > <div class="dropdown__name">日本語</div> </a> <a href="/ko/5-stars/" class="dropdown__link js-save-params js-link " data-name="한국어"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ko.svg" width="20" height="20" class="dropdown__icon" alt="ko" loading="lazy"> <div class="dropdown__name">한국어</div> </a> <a href="/hu/5-stars/" class="dropdown__link js-save-params js-link " data-name="Magyar"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-hu.svg" width="20" height="20" class="dropdown__icon" alt="hu" loading="lazy"> <div class="dropdown__name">Magyar</div> </a> <a href="/nl/5-stars/" class="dropdown__link js-save-params js-link " data-name="Nederlands"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-nl.svg" width="20" height="20" class="dropdown__icon" alt="nl" loading="lazy"> <div class="dropdown__name">Nederlands</div> </a> <a href="/pl/5-stars/" class="dropdown__link js-save-params js-link " data-name="Polski"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pl.svg" width="20" height="20" class="dropdown__icon" alt="pl" loading="lazy"> <div class="dropdown__name">Polski</div> </a> <a href="/pt/5-stars/" class="dropdown__link js-save-params js-link " data-name="Português"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-pt.svg" width="20" height="20" class="dropdown__icon" alt="pt" loading="lazy"> <div class="dropdown__name">Português</div> </a> <a href="/ru/5-stars/" class="dropdown__link js-save-params js-link " data-name="Русский"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-ru.svg" width="20" height="20" class="dropdown__icon" alt="ru" loading="lazy"> <div class="dropdown__name">Русский</div> </a> <a href="/sv/5-stars/" class="dropdown__link js-save-params js-link " data-name="Svenska"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-sv.svg" width="20" height="20" class="dropdown__icon" alt="sv" loading="lazy"> <div class="dropdown__name">Svenska</div> </a> <a href="/tr/5-stars/" class="dropdown__link js-save-params js-link " data-name="Türkçe"> <img src="/new/designs/80/common/img/flags/lang-flags/lang-tr.svg" width="20" height="20" class="dropdown__icon" alt="tr" loading="lazy"> <div class="dropdown__name">Türkçe</div> </a> </div> </div> </div> <div class="menu__item dropdown js-header-mobile-accordion-wrapper"> <div class="menu__button js-header-mobile-accordion-btn accordion-btn"> <div class="accordion-btn__wrap"> <svg class="accordion-btn__icon" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M2.92891 17.0711C4.81766 18.9598 7.32891 20 10 20C12.6711 20 15.1824 18.9599 17.0711 17.0711C18.9598 15.1823 20 12.6711 20 10C20 7.32891 18.9598 4.81766 17.0711 2.92891C15.1823 1.04016 12.6711 0 10 0C7.32891 0 4.81762 1.04012 2.92891 2.92891C1.0402 4.8177 0 7.32891 0 10C0 12.6711 1.04016 15.1823 2.92891 17.0711ZM1.25 10C1.25 5.17523 5.17523 1.25 10 1.25C14.8248 1.25 18.75 5.17523 18.75 10C18.75 14.8248 14.8248 18.75 10 18.75C5.17523 18.75 1.25 14.8248 1.25 10Z"/> <path d="M10 9.375C9.13844 9.375 8.4375 8.67406 8.4375 7.8125C8.4375 6.95094 9.13844 6.25 10 6.25C10.8616 6.25 11.5625 6.95094 11.5625 7.8125C11.5625 8.15766 11.8423 8.4375 12.1875 8.4375C12.5327 8.4375 12.8125 8.15766 12.8125 7.8125C12.8125 6.47652 11.8759 5.35594 10.625 5.07086V4.375C10.625 4.02984 10.3452 3.75 10 3.75C9.6548 3.75 9.375 4.02984 9.375 4.375V5.07086C8.12414 5.35594 7.1875 6.47652 7.1875 7.8125C7.1875 9.36332 8.44918 10.625 10 10.625C10.8616 10.625 11.5625 11.3259 11.5625 12.1875C11.5625 13.0491 10.8616 13.75 10 13.75C9.13844 13.75 8.4375 13.0491 8.4375 12.1875C8.4375 11.8423 8.1577 11.5625 7.8125 11.5625C7.4673 11.5625 7.1875 11.8423 7.1875 12.1875C7.1875 13.5235 8.12414 14.6441 9.375 14.9291V15.625C9.375 15.9702 9.6548 16.25 10 16.25C10.3452 16.25 10.625 15.9702 10.625 15.625V14.9291C11.8759 14.6441 12.8125 13.5235 12.8125 12.1875C12.8125 10.6367 11.5508 9.375 10 9.375Z"/> </svg> <div class="accordion-btn__text">通貨</div> </div> <svg class="accordion-btn__arrow" width="12" height="8" viewBox="0 0 12 8" fill="#616B78" xmlns="http://www.w3.org/2000/svg"> <path d="M11.5469 1.3545L10.2262 0L5.94688 4.38904L1.66756 0L0.346875 1.3545L5.94688 7.09809L11.5469 1.3545Z"/> </svg> </div> <div class="dropdown__container dropdown__container--currencies js-header-dropdown-content"> <div class="dropdown__list"> <div class="dropdown__link js-link js-link-hex is-active js-save-params" data-curr="1" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3439> <div class="dropdown__code">USD</div> <div class="dropdown__name">米ドル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="3" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3531> <div class="dropdown__code">EUR</div> <div class="dropdown__name">ユーロ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="7" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3535> <div class="dropdown__code">GBP</div> <div class="dropdown__name">スターリング・ポンド</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="11" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3439> <div class="dropdown__code">AUD</div> <div class="dropdown__name">オーストラリア・ドル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="21" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3439> <div class="dropdown__code">CAD</div> <div class="dropdown__name">カナダドル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="48" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3536> <div class="dropdown__code">BRL</div> <div class="dropdown__name">ブラジルレアル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="49" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3537> <div class="dropdown__code">BGN</div> <div class="dropdown__name">ブルガリア・レフ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="57" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35332e3535> <div class="dropdown__code">CNY</div> <div class="dropdown__name">中国人民元</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="66" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35342e3534> <div class="dropdown__code">CZK</div> <div class="dropdown__name">チェコ・コルナ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="4" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3532> <div class="dropdown__code">DKK</div> <div class="dropdown__name">デンマーク・クローネ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="13" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3531> <div class="dropdown__code">HKD</div> <div class="dropdown__name">香港ドル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="77" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35352e3535> <div class="dropdown__code">ILS</div> <div class="dropdown__name">新シェケル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="23" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3531> <div class="dropdown__code">JPY</div> <div class="dropdown__name">日本円</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="10" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3438> <div class="dropdown__code">MYR</div> <div class="dropdown__name">リンギット</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="12" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3530> <div class="dropdown__code">NZD</div> <div class="dropdown__name">ニュージーランド・ドル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="22" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3530> <div class="dropdown__code">NOK</div> <div class="dropdown__name">ノルウェー・クローネ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="135" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3533> <div class="dropdown__code">PLN</div> <div class="dropdown__name">ポーランド・ズウォティ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="136" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3534> <div class="dropdown__code">RON</div> <div class="dropdown__name">ルーマニア・レウ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="137" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3535> <div class="dropdown__code">RUB</div> <div class="dropdown__name">ロシア・ルーブル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="142" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35322e3530> <div class="dropdown__code">SAR</div> <div class="dropdown__name">サウジアラビア・リヤル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="24" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3532> <div class="dropdown__code">SGD</div> <div class="dropdown__name">シンガポール・ドル</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="15" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3533> <div class="dropdown__code">ZAR</div> <div class="dropdown__name">南アフリカ・ランド</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="151" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35332e3439> <div class="dropdown__code">KRW</div> <div class="dropdown__name">大韓民国ウォン</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="9" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3537> <div class="dropdown__code">SEK</div> <div class="dropdown__name">スウェーデン・クローナ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="8" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3536> <div class="dropdown__code">CHF</div> <div class="dropdown__name">スイス・フラン</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="162" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3530> <div class="dropdown__code">TRY</div> <div class="dropdown__name">トルコリラ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="166" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3534> <div class="dropdown__code">UAH</div> <div class="dropdown__name">ウクライナ・フリヴニャ</div> </div> <div class="dropdown__link js-link js-link-hex js-save-params" data-curr="2" data-hex=34372e35332e34352e3131352e3131362e39372e3131342e3131352e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3530> <div class="dropdown__code">THB</div> <div class="dropdown__name">バーツ</div> </div> </div> </div> </div> </div> </div> </div> </header> <div class="banner__content"> <h1 class="banner__title">カタルーニャ州の5つ星ホテル</h1> <p class="banner__text">快適さとプライバシーの世界を発見しましょう</p> </div> <div class="form-wrap js-avail-form-mob"> <div class="form-wrap__icon"> <svg width="17" height="15" viewBox="0 0 17 15" fill="white" xmlns="http://www.w3.org/2000/svg"> <path d="M16.3037 6.18838C14.8224 6.64861 13.3717 7.26224 11.9514 8.02929C10.531 8.79634 9.41777 9.57776 8.61151 10.3736C7.82401 9.58735 6.70839 8.80833 5.26464 8.03648C3.82088 7.26464 2.34902 6.64861 0.849011 6.18838L0.694324 6.63423C2.34433 7.85192 3.79979 9.11274 5.06073 10.4167C6.32167 11.7207 7.43026 13.1685 8.38651 14.7601H8.7662C9.72245 13.1781 10.8334 11.7351 12.099 10.4311C13.3646 9.12712 14.8271 7.86151 16.4865 6.63423L16.3037 6.18838ZM15.6146 0.320309C14.2459 0.723009 12.9193 1.25514 11.6349 1.91672C10.3506 2.5783 9.34276 3.25425 8.61151 3.9446C7.88963 3.26384 6.87714 2.59029 5.57401 1.92391C4.27088 1.25754 2.92558 0.723009 1.53807 0.320309L1.38339 0.766153C2.87402 1.8592 4.19823 3.00256 5.35604 4.19629C6.51386 5.39001 7.52401 6.71075 8.38651 8.15855H8.7662C9.6287 6.71075 10.6388 5.39001 11.7967 4.19629C12.9545 3.00256 14.2834 1.8592 15.7834 0.766153L15.6146 0.320309Z"/> </svg> </div> <div class="form-wrap__title">空き状況を確認するために日付を入力してください</div> <form class="avail-form js-avail-form avail-form--cities" autocomplete="off" action="/ja/search/" method="post"> <input type="hidden" name="sort" value="Rating" /> <input type="hidden" name="order" value="DESC" /> <input type="hidden" name="s" value="1" /> <select class="hidden" type="hidden" name="cityID" value="45" id="cityId"> <option value="45" data-bcity-id="-372490" > </option> <option value="8571" data-bcity-id="-400284" > </option> <option value="19154" data-bcity-id="-389487" > </option> <option value="8316" data-bcity-id="-403043" > </option> <option value="8381" data-bcity-id="-399710" > </option> <option value="18308" data-bcity-id="-383956" > </option> <option value="2593" data-bcity-id="-404906" > </option> <option value="31408" data-bcity-id="900039105" > </option> <option value="848" data-bcity-id="-403902" > </option> <option value="8509" data-bcity-id="-375231" > </option> <option value="4507" data-bcity-id="-376945" > </option> <option value="8387" data-bcity-id="-375051" > </option> <option value="35584" data-bcity-id="-385443" > </option> <option value="14533" data-bcity-id="-382463" > </option> <option value="18390" data-bcity-id="-381074" > </option> <option value="8416" data-bcity-id="-374873" > </option> <option value="7230" data-bcity-id="-407187" > </option> <option value="27024" data-bcity-id="-402002" > </option> <option value="801" data-bcity-id="900039124" > </option> <option value="8860" data-bcity-id="-390817" > </option> </select> <div class="avail-form__cities js-cities-wrapper"> <div class="avail-form__field-cities field js-cities-toggler"> <div class="field__wrapper"> <div class="field__label">行先</div> <div id="cityName" class="field__text">バルセロナ</div> </div> <p class="avail-form__error hidden js-city-error">都市を最初に選択してください</p> </div> <div class="avail-form__dropdown cities-dropdown js-cities-dropdown"> <div class="cities-dropdown__item js-city-item" data-city-id="45" data-city-name="バルセロナ"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">バルセロナ</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8571" data-city-name="サロウ"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">サロウ</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="19154" data-city-name="リョレート・デ・マル"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">リョレート・デ・マル</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8316" data-city-name="シッチェス"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">シッチェス</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8381" data-city-name="ロザス"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">ロザス</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="18308" data-city-name="ジローナ"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">ジローナ</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="2593" data-city-name="トッサ・デ・マール"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">トッサ・デ・マール</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="31408" data-city-name="プラヤ・デアロ"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">プラヤ・デアロ</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="848" data-city-name="タラゴナ"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">タラゴナ</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8509" data-city-name="カンブリルス"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">カンブリルス</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="4507" data-city-name="カステルデフェルス"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">カステルデフェルス</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8387" data-city-name="カレーリャ"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">カレーリャ</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="35584" data-city-name="ロスピタレート・デ・リョブレガート"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">ロスピタレート・デ・リョブレガート</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="14533" data-city-name="フィゲラス"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">フィゲラス</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="18390" data-city-name="エル・プラー・デ・ジョブレガット"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">エル・プラー・デ・ジョブレガット</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8416" data-city-name="カダケス"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">カダケス</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="7230" data-city-name="ビエルハ"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">ビエルハ</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="27024" data-city-name="サンタ・スサナ"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">サンタ・スサナ</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="801" data-city-name="リェイダ"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">リェイダ</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> <div class="cities-dropdown__item js-city-item" data-city-id="8860" data-city-name="マルグラット・デ・マル"> <div class="cities-dropdown__item-inner"> <div class="cities-dropdown__city-name">マルグラット・デ・マル</div> <div class="cities-dropdown__city-country">スペイン</div> </div> </div> </div> </div> <div class="avail-form__calendar js-new-calendar-wrapper"> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">チェックイン：</div> <div class="field__text js-new-calendar-from-text"> <span class="field__number js-date-day">05</span> <span class="js-date-month">March</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2025-03-05"> </fieldset> <fieldset class="avail-form__date field"> <div class="field__wrapper"> <div class="field__label">チェックアウト：</div> <div class="field__text js-new-calendar-to-text"> <span class="field__number js-date-day">06</span> <span class="js-date-month">March</span> </div> </div> <svg width="22" height="22" class="field__icon" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M14.4138 0.189453C15.3298 0.189453 16.0957 0.842246 16.272 1.70669H22V6.63773V21.8101H0V6.63773V1.70669H5.72797C5.90434 0.842246 6.67055 0.189453 7.58621 0.189453C8.63197 0.189453 9.48276 1.04025 9.48276 2.086C9.48276 3.13176 8.63197 3.98256 7.58621 3.98256C7.37645 3.98256 7.2069 3.813 7.2069 3.60325C7.2069 3.39349 7.37645 3.22394 7.58621 3.22394C8.21359 3.22394 8.72414 2.71338 8.72414 2.086C8.72414 1.45863 8.21359 0.948074 7.58621 0.948074C7.09234 0.948074 6.6751 1.26594 6.51807 1.70669H7.2069C7.41666 1.70669 7.58621 1.87625 7.58621 2.086C7.58621 2.29576 7.41666 2.46532 7.2069 2.46532H6.06897H0.758621V5.87911H21.2414V2.46532H16.272C16.0957 3.32976 15.3294 3.98256 14.4138 3.98256C14.204 3.98256 14.0345 3.813 14.0345 3.60325C14.0345 3.39349 14.204 3.22394 14.4138 3.22394C15.0412 3.22394 15.5517 2.71338 15.5517 2.086C15.5517 1.45863 15.0412 0.948074 14.4138 0.948074C14.204 0.948074 14.0345 0.778522 14.0345 0.568763C14.0345 0.359005 14.204 0.189453 14.4138 0.189453ZM0.758789 21.0515H21.2415V6.6377H0.758789V21.0515Z"/><path d="M9.86173 0.948074C10.4891 0.948074 10.9997 1.45863 10.9997 2.086C10.9997 2.71338 10.4891 3.22394 9.86173 3.22394C9.65197 3.22394 9.48242 3.39349 9.48242 3.60325C9.48242 3.813 9.65197 3.98256 9.86173 3.98256C10.9075 3.98256 11.7583 3.13176 11.7583 2.086C11.7583 1.04025 10.9075 0.189453 9.86173 0.189453C9.65197 0.189453 9.48242 0.359005 9.48242 0.568763C9.48242 0.778522 9.65197 0.948074 9.86173 0.948074Z"/><path d="M12.1381 0.948074C12.7655 0.948074 13.276 1.45863 13.276 2.086C13.276 2.71338 12.7655 3.22394 12.1381 3.22394C11.9283 3.22394 11.7588 3.39349 11.7588 3.60325C11.7588 3.813 11.9283 3.98256 12.1381 3.98256C13.1839 3.98256 14.0347 3.13176 14.0347 2.086C14.0347 1.04025 13.1839 0.189453 12.1381 0.189453C11.9283 0.189453 11.7588 0.359005 11.7588 0.568763C11.7588 0.778522 11.9283 0.948074 12.1381 0.948074Z"/><circle cx="8.34513" cy="9.29337" r="0.37931"/><circle cx="11.0004" cy="9.29337" r="0.37931"/><circle cx="13.6547" cy="9.29337" r="0.37931"/><circle cx="16.31" cy="9.29337" r="0.37931"/><circle cx="18.9652" cy="9.29337" r="0.37931"/><circle cx="3.03458" cy="12.3276" r="0.37931"/><circle cx="5.68986" cy="12.3276" r="0.37931"/><circle cx="8.34513" cy="12.3276" r="0.37931"/><circle cx="11.0004" cy="12.3276" r="0.37931"/><circle cx="13.6547" cy="12.3276" r="0.37931"/><circle cx="16.31" cy="12.3276" r="0.37931"/><circle cx="18.9652" cy="12.3276" r="0.37931"/><circle cx="3.03458" cy="14.9828" r="0.37931"/><circle cx="5.68986" cy="14.9828" r="0.37931"/><circle cx="8.34513" cy="14.9828" r="0.37931"/><circle cx="11.0004" cy="14.9828" r="0.37931"/><circle cx="13.6547" cy="14.9828" r="0.37931"/><circle cx="16.31" cy="14.9828" r="0.37931"/><circle cx="18.9652" cy="14.9828" r="0.37931"/><circle cx="3.03458" cy="18.017" r="0.37931"/><circle cx="5.68986" cy="18.017" r="0.37931"/><circle cx="8.34513" cy="18.017" r="0.37931"/><circle cx="11.0004" cy="18.017" r="0.37931"/><circle cx="13.6547" cy="18.017" r="0.37931"/> </svg> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span>泊)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span>泊)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span>泊)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2025-03-06"> </fieldset> </div> <div class="avail-form__guests js-guests-wrapper"> <div class="avail-form__field-guests field js-guests-toggler"> <div class="field__wrapper"> <div class="field__label">顧客人数</div> <div class="field__text"> <span class="js-guests-count">2</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="1">人の顧客</span> <span class="js-guests-count-text" style="display: inline;" data-guests-count="2">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="3">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="4">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="5">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="6">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="7">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="8">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="9">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="10">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="11">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="12">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="13">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="14">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="15">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="16">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="17">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="18">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="19">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="20">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="21">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="22">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="23">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="24">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="25">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="26">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="27">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="28">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="29">人の顧客</span> <span class="js-guests-count-text" style="display: none;" data-guests-count="30">人の顧客</span> </div> </div> <svg width="15" height="9" class="field__icon" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg"> <path d="M14.614 0.320312C13.2452 0.723013 11.9187 1.25515 10.6343 1.91673C9.3499 2.57831 8.34209 3.25426 7.61084 3.9446C6.88896 3.26385 5.87647 2.59029 4.57334 1.92392C3.27021 1.25754 1.92491 0.723013 0.537402 0.320312L0.382715 0.766157C1.87335 1.8592 3.19755 3.00257 4.35537 4.19629C5.51319 5.39001 6.52334 6.71075 7.38584 8.15856H7.76553C8.62803 6.71075 9.63818 5.39001 10.796 4.19629C11.9538 3.00257 13.2827 1.8592 14.7827 0.766157L14.614 0.320312Z" /> </svg> </div> <div class="avail-form__dropdown js-guests-dropdown guests-dropdown"> <div class="guests-dropdown__wrapper"> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">大人:</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease js-guests-btn" data-type="adults" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-adults-count">2</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="adults" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="adults" class="js-adults-select hidden" value="2" name="adults"> </div> <div class="guests-dropdown__fieldset"> <div class="guests-dropdown__label">子供:</div> <div class="guests-dropdown__number-select number-select"> <div class="number-select__btn number-select__btn--decrease is-disabled js-guests-btn" data-type="children" data-action="-"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,7.7H0.7C0.3,7.7,0,7.4,0,7c0-0.4,0.3-0.7,0.7-0.7h12.6C13.7,6.3,14,6.6,14,7C14,7.4,13.7,7.7,13.3,7.7z" /> </svg> </div> <div class="number-select__number js-children-count">0</div> <div class="number-select__btn number-select__btn--increase js-guests-btn" data-type="children" data-action="+"> <svg class="number-select__icon" width="14" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <path class="st0" d="M13.3,6.3H7.7V0.7C7.7,0.3,7.4,0,7,0C6.6,0,6.3,0.3,6.3,0.7v5.6H0.7C0.3,6.3,0,6.6,0,7c0,0.4,0.3,0.7,0.7,0.7h5.6v5.6C6.3,13.7,6.6,14,7,14c0.4,0,0.7-0.3,0.7-0.7V7.7h5.6C13.7,7.7,14,7.4,14,7C14,6.6,13.7,6.3,13.3,6.3z" /> </svg> </div> </div> <input id="childs" class="js-children-select hidden" value="0" name="children"> </div> </div> <div class="guests-dropdown__age js-age-container"> <div class="guests-dropdown__label js-child-age-title">子供の年齢:</div> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-one"> <span>お子様の年齢を記入してください</span> </div> <div class="avail-form__error guests-dropdown__error hidden js-ch-error js-ch-error-plural"> <span>お子様の年齢を記入してください</span> </div> <div class="avail-form__buttons-wrap"> <button class="avail-form__button avail-form__button--cancel js-cancel-button" type="button">キャンセル</button> <button class="avail-form__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="avail-form__submit"> <button class="avail-form__submit-btn js-avail-info-submit-btn" type="submit"> <span class="avail-form__submit-text">検索</span> </button> </div> </form> <template id="child-age-template"> <fieldset class="guests-dropdown__age-item js-age"> <select class="guests-dropdown__select js-child-age-select" name=""> <option selected value=""> -</option> <option value="0"> ‹1</option> <option value="1"> 1</option> <option value="2"> 2</option> <option value="3"> 3</option> <option value="4"> 4</option> <option value="5"> 5</option> <option value="6"> 6</option> <option value="7"> 7</option> <option value="8"> 8</option> <option value="9"> 9</option> <option value="10"> 10</option> <option value="11"> 11</option> <option value="12"> 12</option> <option value="13"> 13</option> <option value="14"> 14</option> <option value="15"> 15</option> <option value="16"> 16</option> </select> </fieldset> </template> </div> </div> <div class="content page-hotel_list js-page-content"> <div class="filters-column"> <div class="page-title hidden">カタルーニャ州の5つ星ホテル</div> <div class="filters-popup js-mob-filter js-filters-cont js-filters-popup"> <div class="filters-popup__inner js-filters-popup-content"> <div class="filters-popup__header"> <div class="filters-popup__header-in"> <div class="filters-popup__close-btn js-filters-popup-close-btn"> <svg class="filters-popup__close-btn-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <h3 class="filters-popup__title">フィルター</h3> </div> </div> <div class="filters-popup__main"> <form class="js-hotellist-filters" action="/search/"> <fieldset class="hidden"> <input type="hidden" name="sort" value="Rating"/> <input type="hidden" name="order" value="DESC"/> <input type="hidden" name="part" value="1"/> </fieldset> <div class="selected-filters filters-group js-selected-filters-block"> <div class="selected-filters__title">選択されたフィルター</div> <div class="selected-filters__btn selected-filters__btn--clear js-clear-filter"> <div class="selected-filters__btn-text">すべてクリア</div> <svg width="18" height="18" class="selected-filters__icon-close"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#icon-popup-close"></use> </svg> </div> <div data-target="Stars_5" class="selected-filters__btn js-selected-filter-btn"> <div class="selected-filters__btn-text"> 星: 5つ星ホテル </div> <svg width="18" height="18" class="selected-filters__icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="18" height="18" class="selected-filters__icon-close"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#icon-popup-close"></use> </svg> </div> </div> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">宿泊施設タイプ</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_12" type="checkbox" name="TypeID[]" value="12" /> <label class="filters-group__label" for="TypeID_12"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/ja/type/hotels-12/" class="filters-group__label-name js-filter-popup">ホテル</a> <span class="filters-group__label-count">[118]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_11" type="checkbox" name="TypeID[]" value="11" /> <label class="filters-group__label" for="TypeID_11"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/ja/type/hostels-11/" class="filters-group__label-name js-filter-popup">ホステル</a> <span class="filters-group__label-count">[8]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_10" type="checkbox" name="TypeID[]" value="10" /> <label class="filters-group__label" for="TypeID_10"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/ja/type/guest-houses-10/" class="filters-group__label-name js-filter-popup">ゲストハウス</a> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_39" type="checkbox" name="TypeID[]" value="39" /> <label class="filters-group__label" for="TypeID_39"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/ja/type/resorts-39/" class="filters-group__label-name js-filter-popup">リゾート</a> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_2" type="checkbox" name="TypeID[]" value="2" /> <label class="filters-group__label" for="TypeID_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/ja/type/aparthotels-2/" class="filters-group__label-name js-filter-popup">アパートホテル</a> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_4" type="checkbox" name="TypeID[]" value="4" /> <label class="filters-group__label" for="TypeID_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <a href="/ja/type/bed-and-breakfasts-4/" class="filters-group__label-name js-filter-popup">ベッド・アンド・ブレックファスト</a> <span class="filters-group__label-count">[1]</span> </span> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">星評価別ホテル</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active filters-group__list--tags"> <li class="filters-group__item filters-group__item--tag is-checked"> <input class="filters-group__checkbox-input" id="Stars_5" type="checkbox" name="Stars[]" value="5" checked/> <label class="filters-group__label" for="Stars_5"> <a href="/ja/5-stars/" class="filters-group__label-name js-filter-popup">5</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_4" type="checkbox" name="Stars[]" value="4" /> <label class="filters-group__label" for="Stars_4"> <a href="/ja/4-stars/" class="filters-group__label-name js-filter-popup">4</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_3" type="checkbox" name="Stars[]" value="3" /> <label class="filters-group__label" for="Stars_3"> <a href="/ja/3-stars/" class="filters-group__label-name js-filter-popup">3</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_2" type="checkbox" name="Stars[]" value="2" /> <label class="filters-group__label" for="Stars_2"> <a href="/ja/2-stars/" class="filters-group__label-name js-filter-popup">2</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_0" type="checkbox" name="Stars[]" value="0" /> <label class="filters-group__label" for="Stars_0"> <a href="/ja/0-stars/" class="filters-group__label-name js-filter-popup">0</a> <svg width="18" height="18" class="filters-group__label-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">1泊の料金</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_0" type="checkbox" name="Price[]" value="0" /> <label class="filters-group__label" for="Price_0"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 0 - USD 50</span> <span class="filters-group__label-count">[18]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_1" type="checkbox" name="Price[]" value="1" /> <label class="filters-group__label" for="Price_1"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 50 - USD 100</span> <span class="filters-group__label-count">[14]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_2" type="checkbox" name="Price[]" value="2" /> <label class="filters-group__label" for="Price_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 100 - USD 150</span> <span class="filters-group__label-count">[16]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_3" type="checkbox" name="Price[]" value="3" /> <label class="filters-group__label" for="Price_3"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 150 - USD 200</span> <span class="filters-group__label-count">[18]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Price_4" type="checkbox" name="Price[]" value="4" /> <label class="filters-group__label" for="Price_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">USD 200+</span> <span class="filters-group__label-count">[67]</span> </span> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">地区</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132713" type="checkbox" name="DistrictID[]" value="132713" /> <label class="filters-group__label" for="DistrictID_132713"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">アシャンプラ</span> <span class="filters-group__label-count">[19]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132712" type="checkbox" name="DistrictID[]" value="132712" /> <label class="filters-group__label" for="DistrictID_132712"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">シウタ・ベリャ</span> <span class="filters-group__label-count">[17]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132716" type="checkbox" name="DistrictID[]" value="132716" /> <label class="filters-group__label" for="DistrictID_132716"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">レス・コルツ</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132714" type="checkbox" name="DistrictID[]" value="132714" /> <label class="filters-group__label" for="DistrictID_132714"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">グラシア</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132718" type="checkbox" name="DistrictID[]" value="132718" /> <label class="filters-group__label" for="DistrictID_132718"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">サンツ・ムンジュイック</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132719" type="checkbox" name="DistrictID[]" value="132719" /> <label class="filters-group__label" for="DistrictID_132719"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">サリア・サン・ジェルバシ</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132715" type="checkbox" name="DistrictID[]" value="132715" /> <label class="filters-group__label" for="DistrictID_132715"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">オルタ・グイナルド</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_907224" type="checkbox" name="DistrictID[]" value="907224" /> <label class="filters-group__label" for="DistrictID_907224"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Calella Beach</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_132717" type="checkbox" name="DistrictID[]" value="132717" /> <label class="filters-group__label" for="DistrictID_132717"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">サント・マルティ</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_899631" type="checkbox" name="DistrictID[]" value="899631" /> <label class="filters-group__label" for="DistrictID_899631"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">バルセロネータ</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_902994" type="checkbox" name="DistrictID[]" value="902994" /> <label class="filters-group__label" for="DistrictID_902994"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Fenals Beach</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_903033" type="checkbox" name="DistrictID[]" value="903033" /> <label class="filters-group__label" for="DistrictID_903033"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Almadraba-Canyelles</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_903162" type="checkbox" name="DistrictID[]" value="903162" /> <label class="filters-group__label" for="DistrictID_903162"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Sitges Beach</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_903414" type="checkbox" name="DistrictID[]" value="903414" /> <label class="filters-group__label" for="DistrictID_903414"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona Fira 2</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_907230" type="checkbox" name="DistrictID[]" value="907230" /> <label class="filters-group__label" for="DistrictID_907230"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Santa Susanna Beach</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_907233" type="checkbox" name="DistrictID[]" value="907233" /> <label class="filters-group__label" for="DistrictID_907233"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Malgrat de Mar Beach</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">すべて表示 +</span> <span class="show-all-filters__text show-all-filters__text--less">非表示 -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">レビューの評価</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_4" type="checkbox" name="Rating[]" value="4" /> <label class="filters-group__label" for="Rating_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">優 4.5+</span> <span class="filters-group__label-count">[29]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_3" type="checkbox" name="Rating[]" value="3" /> <label class="filters-group__label" for="Rating_3"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">非常に良い 4+</span> <span class="filters-group__label-count">[69]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_2" type="checkbox" name="Rating[]" value="2" /> <label class="filters-group__label" for="Rating_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">良 3.5+</span> <span class="filters-group__label-count">[20]</span> </span> </label> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">観光名所</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_134333" type="checkbox" name="LandmarkID[]" value="134333" /> <label class="filters-group__label" for="LandmarkID_134333"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">バルセロナ・エル・プラット国際空港</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_136470" type="checkbox" name="LandmarkID[]" value="136470" /> <label class="filters-group__label" for="LandmarkID_136470"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ジローナ・コスタブラバ空港</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_140294" type="checkbox" name="LandmarkID[]" value="140294" /> <label class="filters-group__label" for="LandmarkID_140294"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">レウス空港</span> <span class="filters-group__label-count">[13]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_238488" type="checkbox" name="LandmarkID[]" value="238488" /> <label class="filters-group__label" for="LandmarkID_238488"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">リェイダ・アルガイア空港</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_85552" type="checkbox" name="LandmarkID[]" value="85552" /> <label class="filters-group__label" for="LandmarkID_85552"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ポルトアベントゥラサロウ</span> <span class="filters-group__label-count">[12]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76366" type="checkbox" name="LandmarkID[]" value="76366" /> <label class="filters-group__label" for="LandmarkID_76366"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">サグラダ・ファミリア</span> <span class="filters-group__label-count">[40]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_233617" type="checkbox" name="LandmarkID[]" value="233617" /> <label class="filters-group__label" for="LandmarkID_233617"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">カンプ・ノウ</span> <span class="filters-group__label-count">[7]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_156226" type="checkbox" name="LandmarkID[]" value="156226" /> <label class="filters-group__label" for="LandmarkID_156226"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">カタルーニャ広場</span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357451" type="checkbox" name="LandmarkID[]" value="357451" /> <label class="filters-group__label" for="LandmarkID_357451"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ポルト・ベル</span> <span class="filters-group__label-count">[42]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_155953" type="checkbox" name="LandmarkID[]" value="155953" /> <label class="filters-group__label" for="LandmarkID_155953"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barcelona Sants Railway Station</span> <span class="filters-group__label-count">[38]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76374" type="checkbox" name="LandmarkID[]" value="76374" /> <label class="filters-group__label" for="LandmarkID_76374"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">グラシア通りバルセロナ</span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_162352" type="checkbox" name="LandmarkID[]" value="162352" /> <label class="filters-group__label" for="LandmarkID_162352"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Barceloneta Beach バルセロナ</span> <span class="filters-group__label-count">[34]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_236209" type="checkbox" name="LandmarkID[]" value="236209" /> <label class="filters-group__label" for="LandmarkID_236209"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">パラウ・サン・ジョルディバルセロナ</span> <span class="filters-group__label-count">[15]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357445" type="checkbox" name="LandmarkID[]" value="357445" /> <label class="filters-group__label" for="LandmarkID_357445"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">スペイン広場バルセロナ</span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_156240" type="checkbox" name="LandmarkID[]" value="156240" /> <label class="filters-group__label" for="LandmarkID_156240"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">地下鉄ディアグナル駅</span> <span class="filters-group__label-count">[19]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_236153" type="checkbox" name="LandmarkID[]" value="236153" /> <label class="filters-group__label" for="LandmarkID_236153"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">フィラ・デ・バルセロナ</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76377" type="checkbox" name="LandmarkID[]" value="76377" /> <label class="filters-group__label" for="LandmarkID_76377"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Port of Barcelona</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357400" type="checkbox" name="LandmarkID[]" value="357400" /> <label class="filters-group__label" for="LandmarkID_357400"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">モンジュイック</span> <span class="filters-group__label-count">[36]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1786106" type="checkbox" name="LandmarkID[]" value="1786106" /> <label class="filters-group__label" for="LandmarkID_1786106"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">バルセロナ・オリンピック・スタジアム</span> <span class="filters-group__label-count">[25]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357388" type="checkbox" name="LandmarkID[]" value="357388" /> <label class="filters-group__label" for="LandmarkID_357388"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">グエル公園</span> <span class="filters-group__label-count">[27]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1772744" type="checkbox" name="LandmarkID[]" value="1772744" /> <label class="filters-group__label" for="LandmarkID_1772744"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Vall d'Hebron University Hospital</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357415" type="checkbox" name="LandmarkID[]" value="357415" /> <label class="filters-group__label" for="LandmarkID_357415"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ティビダボ山</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1646948" type="checkbox" name="LandmarkID[]" value="1646948" /> <label class="filters-group__label" for="LandmarkID_1646948"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Zona Franca</span> <span class="filters-group__label-count">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_84685" type="checkbox" name="LandmarkID[]" value="84685" /> <label class="filters-group__label" for="LandmarkID_84685"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">カサ・バトリョバルセロナ</span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357382" type="checkbox" name="LandmarkID[]" value="357382" /> <label class="filters-group__label" for="LandmarkID_357382"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">サンタ・エウラリア大聖堂</span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_76362" type="checkbox" name="LandmarkID[]" value="76362" /> <label class="filters-group__label" for="LandmarkID_76362"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Cruise Port Terminal</span> <span class="filters-group__label-count">[16]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_122141" type="checkbox" name="LandmarkID[]" value="122141" /> <label class="filters-group__label" for="LandmarkID_122141"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Port Olimpic バルセロナ</span> <span class="filters-group__label-count">[35]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_357487" type="checkbox" name="LandmarkID[]" value="357487" /> <label class="filters-group__label" for="LandmarkID_357487"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ラズマタズ・クラブバルセロナ</span> <span class="filters-group__label-count">[40]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016271" type="checkbox" name="LandmarkID[]" value="1016271" /> <label class="filters-group__label" for="LandmarkID_1016271"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Victoria Theatre バルセロナ</span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016217" type="checkbox" name="LandmarkID[]" value="1016217" /> <label class="filters-group__label" for="LandmarkID_1016217"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">World Trade Center Barcelona</span> <span class="filters-group__label-count">[35]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">すべて表示 +</span> <span class="show-all-filters__text show-all-filters__text--less">非表示 -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">テーマホテル</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_14" type="checkbox" name="ThemeID[]" value="14" /> <label class="filters-group__label" for="ThemeID_14"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">高級ホテル</span> <span class="filters-group__label-count">[129]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_8" type="checkbox" name="ThemeID[]" value="8" /> <label class="filters-group__label" for="ThemeID_8"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">中心街にあるホテル</span> <span class="filters-group__label-count">[104]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_18" type="checkbox" name="ThemeID[]" value="18" /> <label class="filters-group__label" for="ThemeID_18"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">リゾート</span> <span class="filters-group__label-count">[94]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_35" type="checkbox" name="ThemeID[]" value="35" /> <label class="filters-group__label" for="ThemeID_35"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">高級宿泊施設</span> <span class="filters-group__label-count">[83]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_2" type="checkbox" name="ThemeID[]" value="2" /> <label class="filters-group__label" for="ThemeID_2"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ビーチホテル</span> <span class="filters-group__label-count">[68]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_17" type="checkbox" name="ThemeID[]" value="17" /> <label class="filters-group__label" for="ThemeID_17"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">スパホテル</span> <span class="filters-group__label-count">[58]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_10" type="checkbox" name="ThemeID[]" value="10" /> <label class="filters-group__label" for="ThemeID_10"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">非凡なデザインホテル</span> <span class="filters-group__label-count">[55]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_6" type="checkbox" name="ThemeID[]" value="6" /> <label class="filters-group__label" for="ThemeID_6"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ビジネスホテル</span> <span class="filters-group__label-count">[48]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_28" type="checkbox" name="ThemeID[]" value="28" /> <label class="filters-group__label" for="ThemeID_28"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ペット可のホテル</span> <span class="filters-group__label-count">[40]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_33" type="checkbox" name="ThemeID[]" value="33" /> <label class="filters-group__label" for="ThemeID_33"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ジャグジー</span> <span class="filters-group__label-count">[37]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_11" type="checkbox" name="ThemeID[]" value="11" /> <label class="filters-group__label" for="ThemeID_11"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">家庭に優しいホテル</span> <span class="filters-group__label-count">[36]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_12" type="checkbox" name="ThemeID[]" value="12" /> <label class="filters-group__label" for="ThemeID_12"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ゴルフホテル</span> <span class="filters-group__label-count">[32]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_4" type="checkbox" name="ThemeID[]" value="4" /> <label class="filters-group__label" for="ThemeID_4"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ブティックホテル</span> <span class="filters-group__label-count">[29]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_34" type="checkbox" name="ThemeID[]" value="34" /> <label class="filters-group__label" for="ThemeID_34"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">屋内プールのあるホテル</span> <span class="filters-group__label-count">[25]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_16" type="checkbox" name="ThemeID[]" value="16" /> <label class="filters-group__label" for="ThemeID_16"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ロマンチックなホテル</span> <span class="filters-group__label-count">[22]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_1" type="checkbox" name="ThemeID[]" value="1" /> <label class="filters-group__label" for="ThemeID_1"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">空港近くのホテル</span> <span class="filters-group__label-count">[21]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_29" type="checkbox" name="ThemeID[]" value="29" /> <label class="filters-group__label" for="ThemeID_29"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">自炊</span> <span class="filters-group__label-count">[16]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_19" type="checkbox" name="ThemeID[]" value="19" /> <label class="filters-group__label" for="ThemeID_19"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">海辺のホテル</span> <span class="filters-group__label-count">[13]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_40" type="checkbox" name="ThemeID[]" value="40" /> <label class="filters-group__label" for="ThemeID_40"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">小さな高級ホテル</span> <span class="filters-group__label-count">[5]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_13" type="checkbox" name="ThemeID[]" value="13" /> <label class="filters-group__label" for="ThemeID_13"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">歴史あるホテル</span> <span class="filters-group__label-count">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_7" type="checkbox" name="ThemeID[]" value="7" /> <label class="filters-group__label" for="ThemeID_7"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">カジノホテル</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">すべて表示 +</span> <span class="show-all-filters__text show-all-filters__text--less">非表示 -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">ホテルの設備</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_129" type="checkbox" name="AmenityID[]" value="129" /> <label class="filters-group__label" for="AmenityID_129"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">フロント24時間対応</span> <span class="filters-group__label-count">[97]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_97" type="checkbox" name="AmenityID[]" value="97" /> <label class="filters-group__label" for="AmenityID_97"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">Wi-Fi</span> <span class="filters-group__label-count">[95]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_28" type="checkbox" name="AmenityID[]" value="28" /> <label class="filters-group__label" for="AmenityID_28"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">障害者用部屋/設備</span> <span class="filters-group__label-count">[79]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_256" type="checkbox" name="AmenityID[]" value="256" /> <label class="filters-group__label" for="AmenityID_256"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">フィットネスセンター</span> <span class="filters-group__label-count">[67]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_413" type="checkbox" name="AmenityID[]" value="413" /> <label class="filters-group__label" for="AmenityID_413"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">空港のシャトルバス</span> <span class="filters-group__label-count">[49]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_7" type="checkbox" name="AmenityID[]" value="7" /> <label class="filters-group__label" for="AmenityID_7"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">ペット可</span> <span class="filters-group__label-count">[43]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1100" type="checkbox" name="AmenityID[]" value="1100" /> <label class="filters-group__label" for="AmenityID_1100"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">エクスプレスチェックイン/ チェックアウト</span> <span class="filters-group__label-count">[37]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_105" type="checkbox" name="AmenityID[]" value="105" /> <label class="filters-group__label" for="AmenityID_105"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">屋内プール</span> <span class="filters-group__label-count">[27]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1362" type="checkbox" name="AmenityID[]" value="1362" /> <label class="filters-group__label" for="AmenityID_1362"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">未成年者お断り</span> <span class="filters-group__label-count">[5]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_33" type="checkbox" name="AmenityID[]" value="33" /> <label class="filters-group__label" for="AmenityID_33"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">カジノ</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1148" type="checkbox" name="AmenityID[]" value="1148" /> <label class="filters-group__label" for="AmenityID_1148"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">屋外駐車場</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__btn-more js-show-all-filters"> <div class="show-all-filters"> <span class="show-all-filters__text show-all-filters__text--more">すべて表示 +</span> <span class="show-all-filters__text show-all-filters__text--less">非表示 -</span> </div> </li> </ul> </fieldset> <fieldset class="filters-group js-filters-wrapper"> <div class="filters-group__header js-toggle-filter active"> <h3 class="filters-group__title">部屋の設備</h3> <svg class="filters-group__toggle-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <ul class="filters-group__list js-filters-list active "> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1135" type="checkbox" name="AmenityID[]" value="1135" /> <label class="filters-group__label" for="AmenityID_1135"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">防音ルーム</span> <span class="filters-group__label-count">[64]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1095" type="checkbox" name="AmenityID[]" value="1095" /> <label class="filters-group__label" for="AmenityID_1095"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">部屋の無料Wi-Fi利用可</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1349" type="checkbox" name="AmenityID[]" value="1349" /> <label class="filters-group__label" for="AmenityID_1349"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">集中暖房</span> <span class="filters-group__label-count">[3]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1338" type="checkbox" name="AmenityID[]" value="1338" /> <label class="filters-group__label" for="AmenityID_1338"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">専用の浴室</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1353" type="checkbox" name="AmenityID[]" value="1353" /> <label class="filters-group__label" for="AmenityID_1353"> <span class="filters-group__checkbox"> <svg class="filters-group__checkbox-icon" width="10" height="14" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#tick"></use> </svg> </span> <span class="filters-group__label-text"> <span class="filters-group__label-name">個別暖房</span> <span class="filters-group__label-count">[2]</span> </span> </label> </li> </ul> </fieldset> </form> </div> <div class="filters-popup__footer"> <div class="filters-popup__footer-in"> <div class="filters-popup__btn filters-popup__btn--apply js-apply-filter">フィルターを適用</div> </div> </div> </div> </div> </div> <div class="list-of-hotels js-hotellist-hotels"> <div class="list-of-hotels__header"> <div class="list-of-hotels__menu list-tabs"> <div class="list-tabs__item list-tabs__item--list js-change-view" data-view="0">リスト表示</div> <div class="list-tabs__item list-tabs__item--map js-link js-link-hex js-save-params" data-hex=34372e3130392e39372e3131322e3437>地図表示</div> <div class="list-tabs__item list-tabs__item--photo js-change-view" data-view="1">写真表示</div> </div> <div class="sort-filter"> <div class="sort-filter__filters js-filters-popup-show-btn"> <svg class="sort-filter__filters-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#filter"></use> </svg> <span class="sort-filter__filters-text"> フィルター <span class="sort-filter__filters-counter js-filters-counter"></span> </span> </div> <div id="sort-by" class="sort-filter__sort-by sort-by"> <div class="sort-by__wrapper js-sort-select"> <div class="sort-by__dropdown sort-dropdown div-select"> <div class="sort-by__btn-wrapper js-sort-dropdown-trigger"> <div class="sort-by__btn"> <div class="sort-by__btn-text"> まず最も人気のある </div> <svg class="sort-by__btn-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arr-btm"></use> </svg> </div> <div class="sort-by__btn-mobile"> <svg class="sort-by__btn-icon" width="18" height="18" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#sort"></use> </svg> <span class="sort-by__btn-text">並び替え</span> </div> </div> <ul class="js-sort-select-block sort-dropdown__list"> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name is-active" data-sort="Rating" data-order="DESC">まず最も人気のある</div> </li> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name " data-sort="RevRating" data-order="DESC">まず最高評価</div> </li> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name " data-sort="Price" data-order="ASC">まず最低価格</div> </li> <li class="sort-dropdown__item"> <div class="js-sort sort-dropdown__name " data-sort="Distance" data-order="ASC">距離 - 低から高</div> </li> </ul> </div> </div> </div> </div> </div> <div class="hotellist" > <div class="hotellist__list"> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/7016/701659/701659714.JPEG 1x, /data/Photos/700x500w/7016/701659/701659714.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16329/1632988/1632988213.JPEG 1x, /data/Photos/700x500w/16329/1632988/1632988213.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15435/1543571/1543571764.JPEG 1x, /data/Photos/700x500w/15435/1543571/1543571764.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15895/1589514/1589514117.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514117.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15895/1589514/1589514147.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514147.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15895/1589514/1589514163.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514163.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="コロンホテルバルセロナ"> <a class="hotel-card__title-link" href="https://colon.catalonia-hotels.com/ja/" target="_blank">コロンホテルバルセロナ</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの500メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(3574レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">コロンホテルバルセロナは中心にある場所にあり、から歩いて約20分カサ・バトリョへ簡単に行けます。マジカ噴水から3.2キロメートルの距離に位置するバルセロナにあるホテルは、大聖堂の景色を望む92室の客室を提供しています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$263</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131312e3130382e3131312e3131302e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">コロンホテルバルセロナは中心にある場所にあり、から歩いて約20分カサ・バトリョへ簡単に行けます。マジカ噴水から3.2キロメートルの距離に位置するバルセロナにあるホテルは、大聖堂の景色を望む92室の客室を提供しています。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13613/1361337/1361337779.JPEG 1x, /data/Photos/700x500w/13613/1361337/1361337779.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16344/1634403/1634403710.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403710.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16344/1634403/1634403669.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403669.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16344/1634403/1634403670.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403670.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16344/1634403/1634403671.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403671.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://w-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16344/1634403/1634403672.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403672.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="W バルセロナ"> <a class="hotel-card__title-link" href="https://w-barcelona.catalonia-hotels.com/ja/" target="_blank">W バルセロナ</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの2.5キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(4507レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ホテル W バルセロナは、Eclipseから歩いて5分のバルセロナの古い地区に位置し、海の景色を望めます。バルセロナのホテルはカタルーニャ美術館から3キロメートルくらいにあり、アラカルトレストランと屋内プールを提供しています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$332</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131392e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ホテル W バルセロナは、Eclipseから歩いて5分のバルセロナの古い地区に位置し、海の景色を望めます。バルセロナのホテルはカタルーニャ美術館から3キロメートルくらいにあり、アラカルトレストランと屋内プールを提供しています。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16047/1604770/1604770233.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770233.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16029/1602959/1602959599.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959599.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16047/1604770/1604770226.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770226.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16029/1602959/1602959547.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959547.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16029/1602959/1602959570.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959570.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://mandarin-oriental-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16029/1602959/1602959577.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959577.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="マンダリンオリエンタルバルセロナ"> <a class="hotel-card__title-link" href="https://mandarin-oriental-barcelona.catalonia-hotels.com/ja/" target="_blank">マンダリンオリエンタルバルセロナ</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの600メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(340レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ショッピング近所に位置し、海の聖母マリア教会から徒歩で20分の5つ星ホテルマンダリンオリエンタルバルセロナは、屋内プールと庭園の景色を誇ります。カサ・バトリョとても近く場所に位置するバルセロナにあるホテルは、120の客室と2軒のレストランを備えています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$814</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e39372e3131302e3130302e39372e3131342e3130352e3131302e34352e3131312e3131342e3130352e3130312e3131302e3131362e39372e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ショッピング近所に位置し、海の聖母マリア教会から徒歩で20分の5つ星ホテルマンダリンオリエンタルバルセロナは、屋内プールと庭園の景色を誇ります。カサ・バトリョとても近く場所に位置するバルセロナにあるホテルは、120の客室と2軒のレストランを備えています。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-barcelona-sarria.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14320/1432083/1432083991.JPEG 1x, /data/Photos/700x500w/14320/1432083/1432083991.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-barcelona-sarria.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16395/1639551/1639551313.JPEG 1x, /data/Photos/700x500w/16395/1639551/1639551313.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-barcelona-sarria.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273147/1273147438.JPEG 1x, /data/Photos/700x500w/12731/1273147/1273147438.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-barcelona-sarria.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16395/1639551/1639551312.JPEG 1x, /data/Photos/700x500w/16395/1639551/1639551312.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-barcelona-sarria.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14057/1405724/1405724132.JPEG 1x, /data/Photos/700x500w/14057/1405724/1405724132.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://melia-barcelona-sarria.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14320/1432082/1432082701.JPEG 1x, /data/Photos/700x500w/14320/1432082/1432082701.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="メリアバルセロナサリア"> <a class="hotel-card__title-link" href="https://melia-barcelona-sarria.catalonia-hotels.com/ja/" target="_blank">メリアバルセロナサリア</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの2.4キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(1673レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">快適な5つ星ホテルメリアバルセロナサリアは、Fcバルセロナ博物館から自動車で約10分のバルセロナの金融地区の中心に位置し、海の景色を望む333室の客室を備えています。この禁煙ホテルは信頼できるサービスとプロ意識の高いスタッフを提供しています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$210</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130312e3130382e3130352e39372e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3131352e39372e3131342e3131342e3130352e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">快適な5つ星ホテルメリアバルセロナサリアは、Fcバルセロナ博物館から自動車で約10分のバルセロナの金融地区の中心に位置し、海の景色を望む333室の客室を備えています。この禁煙ホテルは信頼できるサービスとプロ意識の高いスタッフを提供しています。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15536/1553657/1553657011.JPEG 1x, /data/Photos/700x500w/15536/1553657/1553657011.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16488/1648892/1648892428.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892428.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16488/1648892/1648892432.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892432.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16488/1648892/1648892433.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892433.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16488/1648892/1648892436.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892436.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://arts.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16488/1648892/1648892437.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892437.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="ホテルアーツバルセロナ"> <a class="hotel-card__title-link" href="https://arts.catalonia-hotels.com/ja/" target="_blank">ホテルアーツバルセロナ</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの2.3キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(1375レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">スポーツ愛好家に人気のカンプノウから7kmの場所に位置する5つ星ホテルアーツバルセロナは、483の客室があります。バルセロナにあるホテルはバルセロナ現代美術館から2.9キロメートルに位置し、地中海とカタロニア料理を提供するレストラン4軒を提供しています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$52</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131342e3131362e3131352e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">スポーツ愛好家に人気のカンプノウから7kmの場所に位置する5つ星ホテルアーツバルセロナは、483の客室があります。バルセロナにあるホテルはバルセロナ現代美術館から2.9キロメートルに位置し、地中海とカタロニア料理を提供するレストラン4軒を提供しています。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273191/1273191043.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191043.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273179/1273179925.JPEG 1x, /data/Photos/700x500w/12731/1273179/1273179925.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273190/1273190374.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190374.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273190/1273190875.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190875.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273191/1273191223.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191223.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273190/1273190161.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190161.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="クラウンプラザバルセロナフィラセンター"> <a class="hotel-card__title-link" href="https://crowne-plaza-barcelona-fira-center.catalonia-hotels.com/ja/" target="_blank">クラウンプラザバルセロナフィラセンター</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの2キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(2127レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ホテルクラウンプラザバルセロナフィラセンターはバルセロナ・パビリオンから徒歩で6分で、ブケリア市場から徒歩で25分の場所にあります。都市の景色を望む273室の客室を提供するこのホテルは、ピカソ美術館から3.1km離れた所です。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$302</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131342e3131312e3131392e3131302e3130312e34352e3131322e3130382e39372e3132322e39372e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130322e3130352e3131342e39372e34352e39392e3130312e3131302e3131362e3130312e3131342e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ホテルクラウンプラザバルセロナフィラセンターはバルセロナ・パビリオンから徒歩で6分で、ブケリア市場から徒歩で25分の場所にあります。都市の景色を望む273室の客室を提供するこのホテルは、ピカソ美術館から3.1km離れた所です。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cotton-house-hotel-autograph-collection.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16431/1643179/1643179042.JPEG 1x, /data/Photos/700x500w/16431/1643179/1643179042.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cotton-house-hotel-autograph-collection.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16431/1643178/1643178423.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178423.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cotton-house-hotel-autograph-collection.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16431/1643178/1643178432.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178432.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cotton-house-hotel-autograph-collection.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16431/1643178/1643178438.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178438.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cotton-house-hotel-autograph-collection.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16431/1643178/1643178439.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178439.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://cotton-house-hotel-autograph-collection.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16431/1643178/1643178440.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178440.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="コットンハウスホテルオートグラフコレクション"> <a class="hotel-card__title-link" href="https://cotton-house-hotel-autograph-collection.catalonia-hotels.com/ja/" target="_blank">コットンハウスホテルオートグラフコレクション</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの600メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(82レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">コットンハウスホテルオートグラフコレクションバルセロナはバルセロナに位置し、カサ・バトリョから歩いてたった13分です。プールを提供しています。ランブラス通り車でわずかに位置するホテルは、都市の景色を望む83室の客室を提供しています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$644</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131312e3131362e3131362e3131312e3131302e34352e3130342e3131312e3131372e3131352e3130312e34352e3130342e3131312e3131362e3130312e3130382e34352e39372e3131372e3131362e3131312e3130332e3131342e39372e3131322e3130342e34352e39392e3131312e3130382e3130382e3130312e39392e3131362e3130352e3131312e3131302e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">コットンハウスホテルオートグラフコレクションバルセロナはバルセロナに位置し、カサ・バトリョから歩いてたった13分です。プールを提供しています。ランブラス通り車でわずかに位置するホテルは、都市の景色を望む83室の客室を提供しています。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/11975/1197513/1197513487.JPEG 1x, /data/Photos/700x500w/11975/1197513/1197513487.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14321/1432189/1432189027.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189027.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14321/1432189/1432189483.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189483.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14321/1432189/1432189852.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189852.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14321/1432189/1432189963.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189963.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://casa-fuster.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14321/1432190/1432190989.JPEG 1x, /data/Photos/700x500w/14321/1432190/1432190989.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="オテルカサフステル Gl モヌメント"> <a class="hotel-card__title-link" href="https://casa-fuster.catalonia-hotels.com/ja/" target="_blank">オテルカサフステル Gl モヌメント</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの1.6キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1802レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">アクア・アーバン・スパから自動車で5分くらいの場所に位置する5つ星ホテルオテルカサフステル Gl モヌメントバルセロナからは、様々な観光・・・トへ簡単に行けます。バルセロナのホテルはカタロニア料理を提供するアラカルトレストランがあり、カサ・バトリョ適度な距離を置いてです・・・</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$775</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131352e39372e34352e3130322e3131372e3131352e3131362e3130312e3131342e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">アクア・アーバン・スパから自動車で5分くらいの場所に位置する5つ星ホテルオテルカサフステル Gl モヌメントバルセロナからは、様々な観光・・・トへ簡単に行けます。バルセロナのホテルはカタロニア料理を提供するアラカルトレストランがあり、カサ・バトリョ適度な距離を置いてです・・・</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12732/1273210/1273210408.JPEG 1x, /data/Photos/700x500w/12732/1273210/1273210408.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12732/1273208/1273208647.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208647.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12732/1273211/1273211860.JPEG 1x, /data/Photos/700x500w/12732/1273211/1273211860.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12732/1273208/1273208593.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208593.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12732/1273205/1273205005.JPEG 1x, /data/Photos/700x500w/12732/1273205/1273205005.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://el-palace.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12732/1273209/1273209559.JPEG 1x, /data/Photos/700x500w/12732/1273209/1273209559.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="エルパレスバルセロナ"> <a class="hotel-card__title-link" href="https://el-palace.catalonia-hotels.com/ja/" target="_blank">エルパレスバルセロナ</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの600メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(2050レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ゴシック地区から歩いてわずか13分に位置する5つ星ホテルエルパレスバルセロナは、プールとフィットネスセンターがあります。冬園を提供する高級なホテルは、カタルーニャ音楽堂徒歩圏内の無比のロケーションを誇ります。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$490</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130312e3130382e34352e3131322e39372e3130382e39372e39392e3130312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ゴシック地区から歩いてわずか13分に位置する5つ星ホテルエルパレスバルセロナは、プールとフィットネスセンターがあります。冬園を提供する高級なホテルは、カタルーニャ音楽堂徒歩圏内の無比のロケーションを誇ります。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://feetup-yellow-nest-hostel-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12788/1278895/1278895216.JPEG 1x, /data/Photos/700x500w/12788/1278895/1278895216.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://feetup-yellow-nest-hostel-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/6702/670229/670229355.JPEG 1x, /data/Photos/700x500w/6702/670229/670229355.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://feetup-yellow-nest-hostel-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12788/1278896/1278896215.JPEG 1x, /data/Photos/700x500w/12788/1278896/1278896215.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://feetup-yellow-nest-hostel-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14992/1499262/1499262742.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262742.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://feetup-yellow-nest-hostel-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14992/1499262/1499262778.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262778.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://feetup-yellow-nest-hostel-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14992/1499262/1499262793.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262793.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="フィートアップイェローネストホステルバルセロナ"> <a class="hotel-card__title-link" href="https://feetup-yellow-nest-hostel-barcelona.catalonia-hotels.com/ja/" target="_blank">フィートアップイェローネストホステルバルセロナ</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホステル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの4キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(2053レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">そのホステルは、都市のレス・コルツ区のラ・マシアから1.1kmぐらい離れた所に位置しています。フィートアップイェローネストホステルバルセロナホステルの顧客は、サンテラスとサンルームの他に２４時間体制のフロント、シャトルサービスとランドリーも利用できます。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$18</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130322e3130312e3130312e3131362e3131372e3131322e34352e3132312e3130312e3130382e3130382e3131312e3131392e34352e3131302e3130312e3131352e3131362e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">そのホステルは、都市のレス・コルツ区のラ・マシアから1.1kmぐらい離れた所に位置しています。フィートアップイェローネストホステルバルセロナホステルの顧客は、サンテラスとサンルームの他に２４時間体制のフロント、シャトルサービスとランドリーも利用できます。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://buba-house.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13241/1324171/1324171882.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171882.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://buba-house.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13241/1324174/1324174837.JPEG 1x, /data/Photos/700x500w/13241/1324174/1324174837.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://buba-house.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13241/1324171/1324171681.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171681.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://buba-house.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/10397/1039741/1039741402.JPEG 1x, /data/Photos/700x500w/10397/1039741/1039741402.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://buba-house.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9997/999725/999725793.JPEG 1x, /data/Photos/700x500w/9997/999725/999725793.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://buba-house.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/9979/997932/997932213.JPEG 1x, /data/Photos/700x500w/9979/997932/997932213.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="ブーバハウス"> <a class="hotel-card__title-link" href="https://buba-house.catalonia-hotels.com/ja/" target="_blank">ブーバハウス</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホステル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの800メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(2235レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ホステルはバルセロナ市内中心部から1km、グエル公園から2.7kmに位置しています。自転車ローンとツアーデスクのようなアメニティを含めるこの施設は信頼できるサービスも提供します。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$54</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e3131372e39382e39372e34352e3130342e3131312e3131372e3131352e3130312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ホステルはバルセロナ市内中心部から1km、グエル公園から2.7kmに位置しています。自転車ローンとツアーデスクのようなアメニティを含めるこの施設は信頼できるサービスも提供します。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-abat-oliba.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8240/824030/824030504.JPEG 1x, /data/Photos/700x500w/8240/824030/824030504.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-abat-oliba.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8240/824031/824031563.JPEG 1x, /data/Photos/700x500w/8240/824031/824031563.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-abat-oliba.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8240/824031/824031860.JPEG 1x, /data/Photos/700x500w/8240/824031/824031860.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-abat-oliba.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8240/824056/824056220.JPEG 1x, /data/Photos/700x500w/8240/824056/824056220.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-abat-oliba.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8240/824057/824057252.JPEG 1x, /data/Photos/700x500w/8240/824057/824057252.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://alberg-abat-oliba.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/8240/824057/824057165.JPEG 1x, /data/Photos/700x500w/8240/824057/824057165.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Alberg Abat Oliba"> <a class="hotel-card__title-link" href="https://alberg-abat-oliba.catalonia-hotels.com/ja/" target="_blank">Alberg Abat Oliba</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホステル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの2キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(2606レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Alberg Abat Olibaは宿泊施設中ののWi-Fiを備え、51室の客室を提供しています。 Alberg Abat Olibaはケーブルカーの駅の近くにあるので、サンタコバケーブルカーへ行きやすいです。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$60</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3130382e39382e3130312e3131342e3130332e34352e39372e39382e39372e3131362e34352e3131312e3130382e3130352e39382e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Alberg Abat Olibaは宿泊施設中ののWi-Fiを備え、51室の客室を提供しています。 Alberg Abat Olibaはケーブルカーの駅の近くにあるので、サンタコバケーブルカーへ行きやすいです。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sonder-paseo-de-gracia.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13581/1358136/1358136626.JPEG 1x, /data/Photos/700x500w/13581/1358136/1358136626.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sonder-paseo-de-gracia.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12957/1295789/1295789419.JPEG 1x, /data/Photos/700x500w/12957/1295789/1295789419.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sonder-paseo-de-gracia.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12957/1295791/1295791744.JPEG 1x, /data/Photos/700x500w/12957/1295791/1295791744.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sonder-paseo-de-gracia.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12957/1295791/1295791801.JPEG 1x, /data/Photos/700x500w/12957/1295791/1295791801.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sonder-paseo-de-gracia.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12957/1295792/1295792485.JPEG 1x, /data/Photos/700x500w/12957/1295792/1295792485.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://sonder-paseo-de-gracia.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12957/1295792/1295792491.JPEG 1x, /data/Photos/700x500w/12957/1295792/1295792491.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Sonder Paseo De Gracia"> <a class="hotel-card__title-link" href="https://sonder-paseo-de-gracia.catalonia-hotels.com/ja/" target="_blank">Sonder Paseo De Gracia</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの600メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count">(2672レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Passeig de Gràcia -鉄道駅から250mのホテルSonder Paseo De Gracia バルセロナはグラシア通りへのアクセスに便利です。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$123</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3131312e3131302e3130302e3130312e3131342e34352e3131322e39372e3131352e3130312e3131312e34352e3130302e3130312e34352e3130332e3131342e39372e39392e3130352e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Passeig de Gràcia -鉄道駅から250mのホテルSonder Paseo De Gracia バルセロナはグラシア通りへのアクセスに便利です。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14321/1432183/1432183327.JPEG 1x, /data/Photos/700x500w/14321/1432183/1432183327.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16037/1603754/1603754990.JPEG 1x, /data/Photos/700x500w/16037/1603754/1603754990.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16065/1606587/1606587985.JPEG 1x, /data/Photos/700x500w/16065/1606587/1606587985.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16037/1603754/1603754984.JPEG 1x, /data/Photos/700x500w/16037/1603754/1603754984.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16037/1603754/1603754994.JPEG 1x, /data/Photos/700x500w/16037/1603754/1603754994.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://monument-hotel.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16037/1603755/1603755005.JPEG 1x, /data/Photos/700x500w/16037/1603755/1603755005.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="モニュメントホテル"> <a class="hotel-card__title-link" href="https://monument-hotel.catalonia-hotels.com/ja/" target="_blank">モニュメントホテル</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの1.1キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count">(1104レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">完璧な5つ星モニュメントホテルバルセロナはランブラス通りからわずか1.9kmです。屋外プールとフィットネスセンターをを提供しています。ぜいたくなホテルはランブラ・デ・マールから2.3km離れた所の観光旅行の場所理想的な場所に位置しており、顧客は自然の雄大さを満喫できます。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$609</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3131312e3131302e3131372e3130392e3130312e3131302e3131362e34352e3130342e3131312e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">完璧な5つ星モニュメントホテルバルセロナはランブラス通りからわずか1.9kmです。屋外プールとフィットネスセンターをを提供しています。ぜいたくなホテルはランブラ・デ・マールから2.3km離れた所の観光旅行の場所理想的な場所に位置しており、顧客は自然の雄大さを満喫できます。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273089/1273089682.JPEG 1x, /data/Photos/700x500w/12730/1273089/1273089682.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273084/1273084909.JPEG 1x, /data/Photos/700x500w/12730/1273084/1273084909.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273085/1273085752.JPEG 1x, /data/Photos/700x500w/12730/1273085/1273085752.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273088/1273088899.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088899.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273089/1273089139.JPEG 1x, /data/Photos/700x500w/12730/1273089/1273089139.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://majestic-hotel-and-spa-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273088/1273088092.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088092.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="マジェスティックホテル＆スパバルセロナ Gl"> <a class="hotel-card__title-link" href="https://majestic-hotel-and-spa-barcelona.catalonia-hotels.com/ja/" target="_blank">マジェスティックホテル＆スパバルセロナ Gl</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの900メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(1920レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">不協和音の区画から歩いて5分のクラッシックなマジェスティックホテル＆スパバルセロナ Glには屋外プールがあります。カタルーニャ美術館から2.5km離れた所に位置するこの5つ星ホテルは、パティオの景色を望む272室の客室を提供しています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$315</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e39372e3130362e3130312e3131352e3131362e3130352e39392e34352e3130342e3131312e3131362e3130312e3130382e34352e39372e3131302e3130302e34352e3131352e3131322e39372e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">不協和音の区画から歩いて5分のクラッシックなマジェスティックホテル＆スパバルセロナ Glには屋外プールがあります。カタルーニャ美術館から2.5km離れた所に位置するこの5つ星ホテルは、パティオの景色を望む272室の客室を提供しています。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/13302/1330204/1330204622.JPEG 1x, /data/Photos/700x500w/13302/1330204/1330204622.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273076/1273076515.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076515.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273076/1273076611.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076611.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273076/1273076746.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076746.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273076/1273076872.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076872.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://ohla-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15804/1580487/1580487333.JPEG 1x, /data/Photos/700x500w/15804/1580487/1580487333.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="オラバルセロナ"> <a class="hotel-card__title-link" href="https://ohla-barcelona.catalonia-hotels.com/ja/" target="_blank">オラバルセロナ</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの400メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count">(1804レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">5つ星ホテルオラバルセロナは、カンプノウなどのスポーツ施設から4.1キロメートル離れた所に位置し、74室の客室と2軒のレストランがあります。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$362</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131312e3130342e3130382e39372e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">5つ星ホテルオラバルセロナは、カンプノウなどのスポーツ施設から4.1キロメートル離れた所に位置し、74室の客室と2軒のレストランがあります。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14985/1498558/1498558888.JPEG 1x, /data/Photos/700x500w/14985/1498558/1498558888.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16417/1641719/1641719165.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719165.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16417/1641719/1641719134.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719134.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16417/1641719/1641719148.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719148.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16417/1641719/1641719149.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719149.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://nh-collection-barcelona-gran-hotel-calderon.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16417/1641719/1641719151.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719151.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="Nh コレクションバルセロナグランホテルカルデロン"> <a class="hotel-card__title-link" href="https://nh-collection-barcelona-gran-hotel-calderon.catalonia-hotels.com/ja/" target="_blank">Nh コレクションバルセロナグランホテルカルデロン</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの500メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count">(2878レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">Nh コレクションバルセロナグランホテルカルデロンはカタルーニャ広場観光案内所から歩いてわずか6分で、スペイン村から3km以内の場所にあります。バルセロナにあるホテルは専用駐車場もあります。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$160</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131302e3130342e34352e39392e3131312e3130382e3130382e3130312e39392e3131362e3130352e3131312e3131302e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130332e3131342e39372e3131302e34352e3130342e3131312e3131362e3130312e3130382e34352e39392e39372e3130382e3130302e3130312e3131342e3131312e3131302e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">Nh コレクションバルセロナグランホテルカルデロンはカタルーニャ広場観光案内所から歩いてわずか6分で、スペイン村から3km以内の場所にあります。バルセロナにあるホテルは専用駐車場もあります。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hesperia-tower.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12943/1294396/1294396732.JPEG 1x, /data/Photos/700x500w/12943/1294396/1294396732.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hesperia-tower.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15801/1580142/1580142647.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142647.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hesperia-tower.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15801/1580142/1580142650.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142650.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hesperia-tower.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15801/1580142/1580142683.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142683.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hesperia-tower.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15164/1516496/1516496584.JPEG 1x, /data/Photos/700x500w/15164/1516496/1516496584.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hesperia-tower.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14985/1498535/1498535557.JPEG 1x, /data/Photos/700x500w/14985/1498535/1498535557.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="ハイアットリージェンシーバルセロナタワー"> <a class="hotel-card__title-link" href="https://hesperia-tower.catalonia-hotels.com/ja/" target="_blank">ハイアットリージェンシーバルセロナタワー</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの1.7キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count">(2769レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ムンジュイック城から4.9km離れた所に位置するお5つ星ホテルハイアットリージェンシーバルセロナタワーロスピタレート・デ・リョブレガー・・・は、都市の凄い景色を望めます。禁煙ホテルにはアラカルトレストランがあり、礼拝の場であるサンタ・エウラリア大聖堂から7kmの一等の・・・</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$158</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3130312e3131352e3131322e3130312e3131342e3130352e39372e34352e3131362e3131312e3131392e3130312e3131342e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ムンジュイック城から4.9km離れた所に位置するお5つ星ホテルハイアットリージェンシーバルセロナタワーロスピタレート・デ・リョブレガー・・・は、都市の凄い景色を望めます。禁煙ホテルにはアラカルトレストランがあり、礼拝の場であるサンタ・エウラリア大聖堂から7kmの一等の・・・</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-nh-barcelona-centro.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/4145/414533/414533718.JPEG 1x, /data/Photos/700x500w/4145/414533/414533718.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-nh-barcelona-centro.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14320/1432093/1432093540.JPEG 1x, /data/Photos/700x500w/14320/1432093/1432093540.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-nh-barcelona-centro.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12730/1273022/1273022218.JPEG 1x, /data/Photos/700x500w/12730/1273022/1273022218.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-nh-barcelona-centro.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12729/1272999/1272999700.JPEG 1x, /data/Photos/700x500w/12729/1272999/1272999700.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-nh-barcelona-centro.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14321/1432111/1432111675.JPEG 1x, /data/Photos/700x500w/14321/1432111/1432111675.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://hotel-nh-barcelona-centro.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/14321/1432112/1432112398.JPEG 1x, /data/Photos/700x500w/14321/1432112/1432112398.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="キンプトンヴィヴィドラホテル"> <a class="hotel-card__title-link" href="https://hotel-nh-barcelona-centro.catalonia-hotels.com/ja/" target="_blank">キンプトンヴィヴィドラホテル</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの300メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count">(1052レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">サンタ・エウラリア大聖堂から徒歩で5分に位置するエレガントなキンプトンヴィヴィドラホテルバルセロナは、季節限定の屋外プールと屋上テラスがあります。ブケリア市場ほんの数分にある5つ星ホテルは、街路の景色を望めます。テラスバーでは飲み物を楽しめます。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$113</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131362e3130312e3130382e34352e3131302e3130342e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e39392e3130312e3131302e3131362e3131342e3131312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">サンタ・エウラリア大聖堂から徒歩で5分に位置するエレガントなキンプトンヴィヴィドラホテルバルセロナは、季節限定の屋外プールと屋上テラスがあります。ブケリア市場ほんの数分にある5つ星ホテルは、街路の景色を望めます。テラスバーでは飲み物を楽しめます。</div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://miramar-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16147/1614777/1614777022.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777022.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://miramar-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15803/1580345/1580345175.JPEG 1x, /data/Photos/700x500w/15803/1580345/1580345175.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://miramar-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16147/1614777/1614777019.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777019.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://miramar-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/15802/1580289/1580289111.JPEG 1x, /data/Photos/700x500w/15802/1580289/1580289111.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://miramar-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/12731/1273101/1273101412.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101412.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <a href="https://miramar-barcelona.catalonia-hotels.com/ja/" class="hotel-card-gallery__slide-link"> <img width="295" height="295" class="hotel-card-gallery__img swiper-lazy" data-srcset="/data/Photos/300x300w/16147/1614777/1614777023.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777023.JPEG 2x" /> </a> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info"> <div class="hotel-card__header"> <div class="hotel-card__title-wrap"> <h4 class="hotel-card__title" title="ホテルミラマーバルセロナ Gl"> <a class="hotel-card__title-link" href="https://miramar-barcelona.catalonia-hotels.com/ja/" target="_blank">ホテルミラマーバルセロナ Gl</a> </h4> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、カタルーニャ州の5つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの1.8キロメートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count">(1474レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">75の客室を提供するホテルミラマーバルセロナ Glは、Mirador del Poble Secから200メートル以内の場所にあります。このホテルは専用駐車場もあります。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$288</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__book"> <div class="hotel-card__book-btn js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130352e3131342e39372e3130392e39372e3131342e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">75の客室を提供するホテルミラマーバルセロナ Glは、Mirador del Poble Secから200メートル以内の場所にあります。このホテルは専用駐車場もあります。</div> </div> </div> </div> <div class="hotellist__photos"> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/7016/701659/701659714.JPEG 1x, /data/Photos/700x500w/7016/701659/701659714.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16329/1632988/1632988213.JPEG 1x, /data/Photos/700x500w/16329/1632988/1632988213.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15435/1543571/1543571764.JPEG 1x, /data/Photos/700x500w/15435/1543571/1543571764.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15895/1589514/1589514117.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514117.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15895/1589514/1589514147.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514147.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15895/1589514/1589514163.JPEG 1x, /data/Photos/700x500w/15895/1589514/1589514163.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131312e3130382e3131312e3131302e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">コロンホテルバルセロナ</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの500メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$263</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count" title="3574レビュー"> (3574レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13613/1361337/1361337779.JPEG 1x, /data/Photos/700x500w/13613/1361337/1361337779.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16344/1634403/1634403710.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403710.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16344/1634403/1634403669.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403669.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16344/1634403/1634403670.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403670.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16344/1634403/1634403671.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403671.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16344/1634403/1634403672.JPEG 1x, /data/Photos/700x500w/16344/1634403/1634403672.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131392e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">W バルセロナ</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの2.5キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$332</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count" title="4507レビュー"> (4507レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16047/1604770/1604770233.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770233.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16029/1602959/1602959599.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959599.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16047/1604770/1604770226.JPEG 1x, /data/Photos/700x500w/16047/1604770/1604770226.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16029/1602959/1602959547.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959547.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16029/1602959/1602959570.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959570.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16029/1602959/1602959577.JPEG 1x, /data/Photos/700x500w/16029/1602959/1602959577.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e39372e3131302e3130302e39372e3131342e3130352e3131302e34352e3131312e3131342e3130352e3130312e3131302e3131362e39372e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">マンダリンオリエンタルバルセロナ</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの600メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$814</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count" title="340レビュー"> (340レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14320/1432083/1432083991.JPEG 1x, /data/Photos/700x500w/14320/1432083/1432083991.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16395/1639551/1639551313.JPEG 1x, /data/Photos/700x500w/16395/1639551/1639551313.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273147/1273147438.JPEG 1x, /data/Photos/700x500w/12731/1273147/1273147438.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16395/1639551/1639551312.JPEG 1x, /data/Photos/700x500w/16395/1639551/1639551312.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14057/1405724/1405724132.JPEG 1x, /data/Photos/700x500w/14057/1405724/1405724132.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14320/1432082/1432082701.JPEG 1x, /data/Photos/700x500w/14320/1432082/1432082701.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130312e3130382e3130352e39372e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3131352e39372e3131342e3131342e3130352e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">メリアバルセロナサリア</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの2.4キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$210</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count" title="1673レビュー"> (1673レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15536/1553657/1553657011.JPEG 1x, /data/Photos/700x500w/15536/1553657/1553657011.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16488/1648892/1648892428.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892428.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16488/1648892/1648892432.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892432.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16488/1648892/1648892433.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892433.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16488/1648892/1648892436.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892436.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16488/1648892/1648892437.JPEG 1x, /data/Photos/700x500w/16488/1648892/1648892437.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131342e3131362e3131352e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">ホテルアーツバルセロナ</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの2.3キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$52</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count" title="1375レビュー"> (1375レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273191/1273191043.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191043.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273179/1273179925.JPEG 1x, /data/Photos/700x500w/12731/1273179/1273179925.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273190/1273190374.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190374.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273190/1273190875.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190875.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273191/1273191223.JPEG 1x, /data/Photos/700x500w/12731/1273191/1273191223.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273190/1273190161.JPEG 1x, /data/Photos/700x500w/12731/1273190/1273190161.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131342e3131312e3131392e3131302e3130312e34352e3131322e3130382e39372e3132322e39372e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130322e3130352e3131342e39372e34352e39392e3130312e3131302e3131362e3130312e3131342e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">クラウンプラザバルセロナフィラセンター</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの2キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$302</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count" title="2127レビュー"> (2127レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16431/1643179/1643179042.JPEG 1x, /data/Photos/700x500w/16431/1643179/1643179042.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16431/1643178/1643178423.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178423.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16431/1643178/1643178432.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178432.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16431/1643178/1643178438.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178438.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16431/1643178/1643178439.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178439.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16431/1643178/1643178440.JPEG 1x, /data/Photos/700x500w/16431/1643178/1643178440.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131312e3131362e3131362e3131312e3131302e34352e3130342e3131312e3131372e3131352e3130312e34352e3130342e3131312e3131362e3130312e3130382e34352e39372e3131372e3131362e3131312e3130332e3131342e39372e3131322e3130342e34352e39392e3131312e3130382e3130382e3130312e39392e3131362e3130352e3131312e3131302e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">コットンハウスホテルオートグラフコレクション</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの600メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$644</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count" title="82レビュー"> (82レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/11975/1197513/1197513487.JPEG 1x, /data/Photos/700x500w/11975/1197513/1197513487.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14321/1432189/1432189027.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189027.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14321/1432189/1432189483.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189483.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14321/1432189/1432189852.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189852.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14321/1432189/1432189963.JPEG 1x, /data/Photos/700x500w/14321/1432189/1432189963.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14321/1432190/1432190989.JPEG 1x, /data/Photos/700x500w/14321/1432190/1432190989.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131352e39372e34352e3130322e3131372e3131352e3131362e3130312e3131342e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">オテルカサフステル Gl モヌメント</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの1.6キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$775</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count" title="1802レビュー"> (1802レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12732/1273210/1273210408.JPEG 1x, /data/Photos/700x500w/12732/1273210/1273210408.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12732/1273208/1273208647.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208647.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12732/1273211/1273211860.JPEG 1x, /data/Photos/700x500w/12732/1273211/1273211860.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12732/1273208/1273208593.JPEG 1x, /data/Photos/700x500w/12732/1273208/1273208593.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12732/1273205/1273205005.JPEG 1x, /data/Photos/700x500w/12732/1273205/1273205005.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12732/1273209/1273209559.JPEG 1x, /data/Photos/700x500w/12732/1273209/1273209559.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130312e3130382e34352e3131322e39372e3130382e39372e39392e3130312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">エルパレスバルセロナ</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの600メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$490</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count" title="2050レビュー"> (2050レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12788/1278895/1278895216.JPEG 1x, /data/Photos/700x500w/12788/1278895/1278895216.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/6702/670229/670229355.JPEG 1x, /data/Photos/700x500w/6702/670229/670229355.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12788/1278896/1278896215.JPEG 1x, /data/Photos/700x500w/12788/1278896/1278896215.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14992/1499262/1499262742.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262742.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14992/1499262/1499262778.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262778.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14992/1499262/1499262793.JPEG 1x, /data/Photos/700x500w/14992/1499262/1499262793.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130322e3130312e3130312e3131362e3131372e3131322e34352e3132312e3130312e3130382e3130382e3131312e3131392e34352e3131302e3130312e3131352e3131362e34352e3130342e3131312e3131352e3131362e3130312e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">フィートアップイェローネストホステルバルセロナ</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホステル </div> <div class="hotel-card__distance">都心までの4キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$18</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count" title="2053レビュー"> (2053レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13241/1324171/1324171882.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171882.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13241/1324174/1324174837.JPEG 1x, /data/Photos/700x500w/13241/1324174/1324174837.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13241/1324171/1324171681.JPEG 1x, /data/Photos/700x500w/13241/1324171/1324171681.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/10397/1039741/1039741402.JPEG 1x, /data/Photos/700x500w/10397/1039741/1039741402.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9997/999725/999725793.JPEG 1x, /data/Photos/700x500w/9997/999725/999725793.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/9979/997932/997932213.JPEG 1x, /data/Photos/700x500w/9979/997932/997932213.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39382e3131372e39382e39372e34352e3130342e3131312e3131372e3131352e3130312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">ブーバハウス</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホステル </div> <div class="hotel-card__distance">都心までの800メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$54</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count" title="2235レビュー"> (2235レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8240/824030/824030504.JPEG 1x, /data/Photos/700x500w/8240/824030/824030504.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8240/824031/824031563.JPEG 1x, /data/Photos/700x500w/8240/824031/824031563.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8240/824031/824031860.JPEG 1x, /data/Photos/700x500w/8240/824031/824031860.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8240/824056/824056220.JPEG 1x, /data/Photos/700x500w/8240/824056/824056220.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8240/824057/824057252.JPEG 1x, /data/Photos/700x500w/8240/824057/824057252.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/8240/824057/824057165.JPEG 1x, /data/Photos/700x500w/8240/824057/824057165.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3130382e39382e3130312e3131342e3130332e34352e39372e39382e39372e3131362e34352e3131312e3130382e3130352e39382e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Alberg Abat Oliba</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホステル </div> <div class="hotel-card__distance">都心までの2キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$60</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count" title="2606レビュー"> (2606レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13581/1358136/1358136626.JPEG 1x, /data/Photos/700x500w/13581/1358136/1358136626.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12957/1295789/1295789419.JPEG 1x, /data/Photos/700x500w/12957/1295789/1295789419.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12957/1295791/1295791744.JPEG 1x, /data/Photos/700x500w/12957/1295791/1295791744.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12957/1295791/1295791801.JPEG 1x, /data/Photos/700x500w/12957/1295791/1295791801.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12957/1295792/1295792485.JPEG 1x, /data/Photos/700x500w/12957/1295792/1295792485.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12957/1295792/1295792491.JPEG 1x, /data/Photos/700x500w/12957/1295792/1295792491.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3131312e3131302e3130302e3130312e3131342e34352e3131322e39372e3131352e3130312e3131312e34352e3130302e3130312e34352e3130332e3131342e39372e39392e3130352e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Sonder Paseo De Gracia</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの600メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$123</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count" title="2672レビュー"> (2672レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14321/1432183/1432183327.JPEG 1x, /data/Photos/700x500w/14321/1432183/1432183327.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16037/1603754/1603754990.JPEG 1x, /data/Photos/700x500w/16037/1603754/1603754990.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16065/1606587/1606587985.JPEG 1x, /data/Photos/700x500w/16065/1606587/1606587985.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16037/1603754/1603754984.JPEG 1x, /data/Photos/700x500w/16037/1603754/1603754984.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16037/1603754/1603754994.JPEG 1x, /data/Photos/700x500w/16037/1603754/1603754994.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16037/1603755/1603755005.JPEG 1x, /data/Photos/700x500w/16037/1603755/1603755005.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3131312e3131302e3131372e3130392e3130312e3131302e3131362e34352e3130342e3131312e3131362e3130312e3130382e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">モニュメントホテル</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの1.1キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$609</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.0</span> <span class="hotel-card__reviews-count" title="1104レビュー"> (1104レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273089/1273089682.JPEG 1x, /data/Photos/700x500w/12730/1273089/1273089682.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273084/1273084909.JPEG 1x, /data/Photos/700x500w/12730/1273084/1273084909.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273085/1273085752.JPEG 1x, /data/Photos/700x500w/12730/1273085/1273085752.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273088/1273088899.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088899.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273089/1273089139.JPEG 1x, /data/Photos/700x500w/12730/1273089/1273089139.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273088/1273088092.JPEG 1x, /data/Photos/700x500w/12730/1273088/1273088092.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e39372e3130362e3130312e3131352e3131362e3130352e39392e34352e3130342e3131312e3131362e3130312e3130382e34352e39372e3131302e3130302e34352e3131352e3131322e39372e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">マジェスティックホテル＆スパバルセロナ Gl</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの900メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$315</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count" title="1920レビュー"> (1920レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/13302/1330204/1330204622.JPEG 1x, /data/Photos/700x500w/13302/1330204/1330204622.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273076/1273076515.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076515.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273076/1273076611.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076611.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273076/1273076746.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076746.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273076/1273076872.JPEG 1x, /data/Photos/700x500w/12730/1273076/1273076872.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15804/1580487/1580487333.JPEG 1x, /data/Photos/700x500w/15804/1580487/1580487333.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131312e3130342e3130382e39372e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">オラバルセロナ</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの400メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$362</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.1</span> <span class="hotel-card__reviews-count" title="1804レビュー"> (1804レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14985/1498558/1498558888.JPEG 1x, /data/Photos/700x500w/14985/1498558/1498558888.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16417/1641719/1641719165.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719165.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16417/1641719/1641719134.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719134.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16417/1641719/1641719148.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719148.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16417/1641719/1641719149.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719149.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16417/1641719/1641719151.JPEG 1x, /data/Photos/700x500w/16417/1641719/1641719151.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131302e3130342e34352e39392e3131312e3130382e3130382e3130312e39392e3131362e3130352e3131312e3131302e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130332e3131342e39372e3131302e34352e3130342e3131312e3131362e3130312e3130382e34352e39392e39372e3130382e3130302e3130312e3131342e3131312e3131302e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">Nh コレクションバルセロナグランホテルカルデロン</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの500メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$160</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.2</span> <span class="hotel-card__reviews-count" title="2878レビュー"> (2878レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12943/1294396/1294396732.JPEG 1x, /data/Photos/700x500w/12943/1294396/1294396732.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15801/1580142/1580142647.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142647.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15801/1580142/1580142650.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142650.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15801/1580142/1580142683.JPEG 1x, /data/Photos/700x500w/15801/1580142/1580142683.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15164/1516496/1516496584.JPEG 1x, /data/Photos/700x500w/15164/1516496/1516496584.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14985/1498535/1498535557.JPEG 1x, /data/Photos/700x500w/14985/1498535/1498535557.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3130312e3131352e3131322e3130312e3131342e3130352e39372e34352e3131362e3131312e3131392e3130312e3131342e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">ハイアットリージェンシーバルセロナタワー</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの1.7キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$158</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.6</span> <span class="hotel-card__reviews-count" title="2769レビュー"> (2769レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/4145/414533/414533718.JPEG 1x, /data/Photos/700x500w/4145/414533/414533718.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14320/1432093/1432093540.JPEG 1x, /data/Photos/700x500w/14320/1432093/1432093540.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12730/1273022/1273022218.JPEG 1x, /data/Photos/700x500w/12730/1273022/1273022218.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12729/1272999/1272999700.JPEG 1x, /data/Photos/700x500w/12729/1272999/1272999700.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14321/1432111/1432111675.JPEG 1x, /data/Photos/700x500w/14321/1432111/1432111675.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/14321/1432112/1432112398.JPEG 1x, /data/Photos/700x500w/14321/1432112/1432112398.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131362e3130312e3130382e34352e3131302e3130342e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e39392e3130312e3131302e3131362e3131342e3131312e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">キンプトンヴィヴィドラホテル</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの300メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$113</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.8</span> <span class="hotel-card__reviews-count" title="1052レビュー"> (1052レビュー) </span> </div> </div> </div> </div> </div> <div class="hotel-card js-hotel-card"> <div class="hotel-card__content"> <div class="hotel-card__media"> <div class="hotel-card__gallery swiper hotel-card-gallery js-hotel-photo"> <div class="hotel-card-gallery__wrapper swiper-wrapper"> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16147/1614777/1614777022.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777022.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15803/1580345/1580345175.JPEG 1x, /data/Photos/700x500w/15803/1580345/1580345175.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16147/1614777/1614777019.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777019.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/15802/1580289/1580289111.JPEG 1x, /data/Photos/700x500w/15802/1580289/1580289111.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/12731/1273101/1273101412.JPEG 1x, /data/Photos/700x500w/12731/1273101/1273101412.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> <div class="swiper-slide hotel-card-gallery__slide"> <div class="hotel-card-gallery__slide-link"> <img width="270" height="200" class="hotel-card-gallery__img swiper-lazy" src="/_.gif" data-srcset="/data/Photos/300x300w/16147/1614777/1614777023.JPEG 1x, /data/Photos/700x500w/16147/1614777/1614777023.JPEG 2x" alt=" " /> </div> <div class="swiper-lazy-preloader swiper-lazy-preloader-white"></div> </div> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--prev js-hotel-nav-prev"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-left"></use> </svg> </div> <div class="hotel-card-gallery__nav hotel-card-gallery__nav--next js-hotel-nav-next"> <svg class="icon hotel-card-gallery__nav-icon" width="20" height="20" > <use xlink:href="/new/designs/80/build/icons-sprite.svg#arrow-right"></use> </svg> </div> </div> </div> <div class="hotel-card__info js-new-window" data-new-window="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130352e3131342e39372e3130392e39372e3131342e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e39392e39372e3131362e39372e3130382e3131312e3131302e3130352e39372e34352e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <div class="hotel-card__stars"> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> <svg width="20" height="20" class="hotel-card__icon-star"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#star"></use> </svg> </div> <h4 class="hotel-card__title">ホテルミラマーバルセロナ Gl</h4> <div class="hotel-card__distance"> スペイン、カタルーニャ州の5つ星ホテル </div> <div class="hotel-card__distance">都心までの1.8キロメートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$288</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.7</span> <span class="hotel-card__reviews-count" title="1474レビュー"> (1474レビュー) </span> </div> </div> </div> </div> </div> </div> </div> <div class="navigation"> <div class="navigation__container js-navigation"> <div class="navigation__block"> <div class="navigation__prev is-disabled"> <svg class="navigation__icon" width="10" height="16" viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg"> <path d="M9.94336 14.1133L3.83004 8L9.94336 1.88669L8.05673 0L0.0567284 8L8.05673 16L9.94336 14.1133Z"/> </svg> </div> </div> <div class="navigation__block"> <div class="navigation__text is-active">1</div> </div> <div class="navigation__block"> <a class="navigation__text" href="/ja/5-stars/2/" data-part="2">2</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/ja/5-stars/3/" data-part="3">3</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/ja/5-stars/4/" data-part="4">4</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/ja/5-stars/5/" data-part="5">5</a> </div> <div class="navigation__block"> <a class="navigation__next" href="/ja/5-stars/2/" data-part="2"> <svg class="navigation__icon" width="10" height="16" viewBox="0 0 10 16" xmlns="http://www.w3.org/2000/svg"> <path d="M0.0566406 1.88669L6.16996 8L0.0566406 14.1133L1.94327 16L9.94327 8L1.94327 0L0.0566406 1.88669Z"/> </svg> </a> </div> </div> </div> </div> </div> <div class="hotels-loader modal js-avail-progress" id="splash"> <div class="hotels-loader__content js-popup-content" > <div class="hotels-loader__title">検索するホテル</div> <div id="progress" class="hotels-loader__progress-bar"> <div class="hotels-loader__progress-bar-inner"></div> </div> <div class="hotels-loader__progress-animation"> <div class="hotels-loader__animation hotels-loader__animation--1"></div> <div class="hotels-loader__animation hotels-loader__animation--2"></div> <div class="hotels-loader__animation hotels-loader__animation--3"></div> <div class="hotels-loader__animation hotels-loader__animation--4"></div> <div class="hotels-loader__animation hotels-loader__animation--5"></div> <div class="hotels-loader__animation hotels-loader__animation--6"></div> <div class="hotels-loader__animation hotels-loader__animation--7"></div> <div class="hotels-loader__animation hotels-loader__animation--8"></div> <div class="hotels-loader__animation hotels-loader__animation--9"></div> <div class="hotels-loader__animation hotels-loader__animation--10"></div> <div class="hotels-loader__animation hotels-loader__animation--11"></div> <div class="hotels-loader__animation hotels-loader__animation--12"></div> </div> <div class="hotels-loader__count js-count"></div> <div class="hotels-loader__result js-result">これまでの結果</div> </div> </div> <footer class="footer"> <div class="footer__top top"> <div class="top__main-info main-info"> <div class="top__logo"> <a href="/ja/" class="footer-logo"> <div class="footer-logo__wrap"> <div class="footer-logo__above"> <div class="footer-logo__above-text">hotel in</div> </div> <div class="footer-logo__text"> Catalonia </div> <div class="footer-logo__under"> <div class="footer-logo__under-text">.com</div> </div> </div> </a> </div> <ul class="main-info__list"> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> 私たちはこの地域を知って、カタルーニャ州が好きです。 </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text"> カタルーニャ州のサイトでも、私たちはあなたのためにここにいます。 </span> </li> <li class="main-info__list-item"> <svg class="icon main-info__list-item-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#check-in-circle"></use> </svg> <span class="icon main-info__list-item-text">私たちはお得な情報やホテルやチケットなどを提供します。</span> </li> </ul> </div> <div class="top__additional-info additional-info"> <div class="additional-info__more"> <h3 class="additional-info__more-title">もっと表示</h3> <ul class="additional-info__more-list"> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130362e39372e34372e39372e39382e3131312e3131372e3131362e3437>弊社について</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130362e39372e34372e3131322e3131342e3130352e3131382e39372e39392e3132312e3437>プライバシー</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130362e39372e34372e3131352e3131372e3131322e3131322e3131312e3131342e3131362e3437>お問い合わせ</span> </li> <li class="additional-info__more-item"> <span class="js-link js-link-hex" data-hex=34372e3130362e39372e34372e39372e3130302e3130302e34352e3130342e3131312e3131362e3130312e3130382e3437>宿泊施設を追加する</span> </li> </ul> <ul class="additional-info__more-media more__media"> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--fb"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#fb"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--yt"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#youtube"></use> </svg> </li> <li class="more__media-item"> <svg class="icon more__media-icon more__media-icon--insta"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#instagram"></use> </svg> </li> </ul> </div> </div> </div> <div class="footer__bottom bottom"> <div class="bottom__inner"> <p class="bottom__copyright">Hotel Reservation System | 2025 © catalonia-hotels.com. All rights reserved</p> <ul class="bottom__payment-list"> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-pci"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-mastercard"></use> </svg> </li> <li class="bottom__payment-item"> <svg class="icon bottom__payment-icon"> <use xlink:href="/new/designs/80/build/icons-sprite.svg#dest-visa"></use> </svg> </li> </ul> </div> </div> </footer> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>当社のウェブサイトでお客様に最高の体験をお届けするために、クッキーを使用しています。このサイトを引き続き使用する場合は、同意したものとみなされます。</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>同意する</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>拒否する</div> </div> </div> </div> </div> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'catalonia-hotels.com', page: 'hotel_list', type: 'destination', lang_id: '16', lang: 'ja', day: '04', month: '03', year: '2025', id: '3683579009', track: 'Bf1za0vUmac1qftU', btest: false , device: 3 , tob: false , sdom: 'https://www.catalonia-hotels.com', sid: '126989', nid: '55', curr: 'US$', curr_rate: '1', currency: {"ID":"1","CurrencyID":"1","LangID":"16","Name":"\u7c73\u30c9\u30eb","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/5-stars\/?currency=1"}, obj_id: '155', theme: '8001', cityID: null, map_params: { provider: '2', key: '' , lat: '41.700673686942', long: '1.7687940175902' }, av_params: { use: '0', from: '2025-03-05', to: '2025-03-06', adults: '2', children: '0', childrenTitle: '子供の年齢:' }, messages: { f_name: 'お名前を入力してください', f_email: '有効なメールアドレスを入力してください', f_subject: '件名を選択してください', f_message: 'メッセージを入力してください', f_review: 'テキストを入力してください', f_review_cons: 'テキストを入力してください', f_month: '月を選択してください', f_year: '年を選択してください', f_rating: '宿泊施設を評価してください', } , k: 'rsg4j5w1', v: '29cfcdb0ac9b397d1bb9d423b227d251' }; </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'hotel_list', frontPage:'category', typeObject:'destination', currencyId:'1', languageId:'16', language:'ja', isRtl: false , currentDay:'04', currentMonth:'03', currentYear:'2025', logId: '3683579009', track: 'Bf1za0vUmac1qftU', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.catalonia-hotels.com', siteId:'126989', nid:'55', siteDomain: 'catalonia-hotels.com', isCountriesLanguages: false , guestsInfo: { minAdultsCount: 1, maxAdultsCount: 20, minChildrenCount: 0, maxChildrenCount: 10, minChildAge: 0, maxChildAge: 16 }, tob: false , currency:'US$', currencyRate:'1', objectId:'155', hotelTheme:'8001', clickTrip: { destinationType: "city", subAccount: "dest-clicktrip-n55-040325-s126989-wBf1za0vUmac1qftU-d8001-dc3" }, cityID: null, cityLocalName: null, mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.700673686942' ,hotelLongitude:'1.7687940175902' }, availableParams: { use:'0', dataFrom:'2025-03-05', dataTo:'2025-03-06', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'お名前を入力してください', messageEmail:'有効なメールアドレスを入力してください', messageSubject:'件名を選択してください', messageMessage:'メッセージを入力してください', messageReview:'テキストを入力してください', messageReviewCons:'テキストを入力してください', messageMonth:'月を選択してください', messageYear:'年を選択してください', messageRating:'宿泊施設を評価してください', messageCountry:'国を選択する', next:'次へ', prev:'前へ', messageCalendar:'日付を入力し、特別オファーを確認してください' }, stopSpamKey:'rsg4j5w1', stopSpamValue:'29cfcdb0ac9b397d1bb9d423b227d251', }; </script> <script defer type="module" src="/new/designs/80/build/destination-search-page/script.815112bd0db5ff5f0505cd92f519e430.js"></script> <script nomodule src="/new/designs/80/build/destination-search-page/script-es5.ae20af328e564be8218739ff3da5958b.js"></script> </body> </html>