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>一番良いシウタ・ベリャ地区のバルセロナのホテル、スペイン - 2024年の宿泊先トップ</title> <meta name="format-detection" content="telephone=no"/> <meta name="keywords" content="シウタ・ベリャバルセロナホテル、シウタ・ベリャスペインバルセロナホテル、バルセロナ高級ホテル、バルセロナにあるの格安のビジネスホテル、シウタ・ベリャに近いバルセロナホテル、シウタ・ベリャに近いバルセロナホテルのご予約、バルセロナホテルの部屋と料金"/> <meta name="description" content="スペインのシウタ・ベリャ地区のバルセロナのホテルをオンライン予約　🏨。良い可用性とお得な料金。安くて安全な、ホテルでお支払い ✈️、予約手数料無料 ✅。"/> <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/127241.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 700px) and (min-width: 451px)" href="/img/bg/700x500/127241.JPEG" as="image"> <link importance="high" rel="preload" media="(max-width: 450px)" href="/img/bg/450x450/127241.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.topbarcelonahotels.com/ar/near-ciutat-vella-dr132712/" title="Arabic"/> <link rel="alternate" hreflang="zh" type="text/html" href="https://www.topbarcelonahotels.com/zh/near-ciutat-vella-dr132712/" title="Chinese"/> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.topbarcelonahotels.com/cs/near-ciutat-vella-dr132712/" title="Czech"/> <link rel="alternate" hreflang="da" type="text/html" href="https://www.topbarcelonahotels.com/da/near-ciutat-vella-dr132712/" title="Danish"/> <link rel="alternate" hreflang="de" type="text/html" href="https://www.topbarcelonahotels.com/de/near-ciutat-vella-dr132712/" title="Deutch"/> <link rel="alternate" hreflang="en" type="text/html" href="https://www.topbarcelonahotels.com/en/near-ciutat-vella-dr132712/" title="English"/> <link rel="alternate" hreflang="es" type="text/html" href="https://www.topbarcelonahotels.com/es/near-ciutat-vella-dr132712/" title="Spanish"/> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.topbarcelonahotels.com/fr/near-ciutat-vella-dr132712/" title="French"/> <link rel="alternate" hreflang="el" type="text/html" href="https://www.topbarcelonahotels.com/el/near-ciutat-vella-dr132712/" title="Greek"/> <link rel="alternate" hreflang="he" type="text/html" href="https://www.topbarcelonahotels.com/he/near-ciutat-vella-dr132712/" title="Hebrew"/> <link rel="alternate" hreflang="it" type="text/html" href="https://www.topbarcelonahotels.com/it/near-ciutat-vella-dr132712/" title="Italiano"/> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.topbarcelonahotels.com/ja/near-ciutat-vella-dr132712/" title="Japanese"/> <link rel="alternate" hreflang="ko" type="text/html" href="https://www.topbarcelonahotels.com/ko/near-ciutat-vella-dr132712/" title="Korean"/> <link rel="alternate" hreflang="hu" type="text/html" href="https://www.topbarcelonahotels.com/hu/near-ciutat-vella-dr132712/" title="Hungarian"/> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.topbarcelonahotels.com/nl/near-ciutat-vella-dr132712/" title="Dutch"/> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.topbarcelonahotels.com/pl/near-ciutat-vella-dr132712/" title="Polish"/> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.topbarcelonahotels.com/pt/near-ciutat-vella-dr132712/" title="Portuguese"/> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.topbarcelonahotels.com/ru/near-ciutat-vella-dr132712/" title="Russian"/> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.topbarcelonahotels.com/sv/near-ciutat-vella-dr132712/" title="Swedish"/> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.topbarcelonahotels.com/tr/near-ciutat-vella-dr132712/" title="Turkish"/> <link rel="canonical" href="https://www.topbarcelonahotels.com/ja/near-ciutat-vella-dr132712/"/> <link rel="next" href="/ja/near-ciutat-vella-dr132712/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/127241.JPEG" media="(min-width: 701px)"> <source srcset="/img/bg/700x500/127241.JPEG" media="(max-width: 700px) and (min-width: 451px)"> <source srcset="/img/bg/450x450/127241.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"> Barcelona </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"> Barcelona </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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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/near-ciutat-vella-dr132712/" 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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3439> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3531> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3535> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3439> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3439> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3536> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35322e3537> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35332e3535> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35342e3534> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3532> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3531> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35352e3535> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3531> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3438> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3530> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3530> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3533> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3534> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35312e3535> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35322e3530> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e35302e3532> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e3533> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35332e3439> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3537> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3536> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3530> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e34392e35342e3534> <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=34372e3131302e3130312e39372e3131342e34352e39392e3130352e3131372e3131362e39372e3131362e34352e3131382e3130312e3130382e3130382e39372e34352e3130302e3131342e34392e35312e35302e35352e34392e35302e34372e36332e39392e3131372e3131342e3131342e3130312e3131302e39392e3132312e36312e3530> <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">シウタ・ベリャ地区のバルセロナのホテル</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 " 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" /> <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">25</span> <span class="js-date-month">December</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="2024-12-25"> </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">26</span> <span class="js-date-month">December</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="2024-12-26"> </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> </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">シウタ・ベリャ地区のバルセロナのホテル</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="DistrictID_132712" class="selected-filters__btn js-selected-filter-btn"> <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> <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_3" type="checkbox" name="TypeID[]" value="3" /> <label class="filters-group__label" for="TypeID_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"> <a href="/ja/type/apartments-3/" class="filters-group__label-name js-filter-popup">アパート</a> <span class="filters-group__label-count">[668]</span> </span> </label> </li> <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">[155]</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">[127]</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">[109]</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">[30]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_34" type="checkbox" name="TypeID[]" value="34" /> <label class="filters-group__label" for="TypeID_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"> <a href="/ja/type/botels-34/" class="filters-group__label-name js-filter-popup">船上ホテル</a> <span class="filters-group__label-count">[12]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_32" type="checkbox" name="TypeID[]" value="32" /> <label class="filters-group__label" for="TypeID_32"> <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/homestays-32/" class="filters-group__label-name js-filter-popup">ホームステイ</a> <span class="filters-group__label-count">[9]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_29" type="checkbox" name="TypeID[]" value="29" /> <label class="filters-group__label" for="TypeID_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"> <a href="/ja/type/luxury-tents-29/" class="filters-group__label-name js-filter-popup">ラグジュアリーテント</a> <span class="filters-group__label-count">[6]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_35" type="checkbox" name="TypeID[]" value="35" /> <label class="filters-group__label" for="TypeID_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"> <a href="/ja/type/campsites-35/" class="filters-group__label-name js-filter-popup">キャンプ場</a> <span class="filters-group__label-count">[5]</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">[4]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="TypeID_33" type="checkbox" name="TypeID[]" value="33" /> <label class="filters-group__label" for="TypeID_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"> <a href="/ja/type/holiday-homes-33/" 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_30" type="checkbox" name="TypeID[]" value="30" /> <label class="filters-group__label" for="TypeID_30"> <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/capsule-hotels-30/" class="filters-group__label-name js-filter-popup">カプセルホテル</a> <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 filters-group__list--tags"> <li class="filters-group__item filters-group__item--tag"> <input class="filters-group__checkbox-input" id="Stars_5" type="checkbox" name="Stars[]" value="5" /> <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">[296]</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">[216]</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">[168]</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">[138]</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">[310]</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">[2264]</span> </span> </label> </li> <li class="filters-group__item is-checked"> <input class="filters-group__checkbox-input" id="DistrictID_132712" type="checkbox" name="DistrictID[]" value="132712" checked/> <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">[1128]</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">[547]</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">[502]</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">[461]</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">[237]</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">[143]</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">[106]</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">[63]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_907206" type="checkbox" name="DistrictID[]" value="907206" /> <label class="filters-group__label" for="DistrictID_907206"> <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">Castelledefels Beach </span> <span class="filters-group__label-count">[58]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_133154" type="checkbox" name="DistrictID[]" value="133154" /> <label class="filters-group__label" for="DistrictID_133154"> <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">[51]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_283907" type="checkbox" name="DistrictID[]" value="283907" /> <label class="filters-group__label" for="DistrictID_283907"> <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="DistrictID_907215" type="checkbox" name="DistrictID[]" value="907215" /> <label class="filters-group__label" for="DistrictID_907215"> <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">Gava Beach </span> <span class="filters-group__label-count">[25]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_899643" type="checkbox" name="DistrictID[]" value="899643" /> <label class="filters-group__label" for="DistrictID_899643"> <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">[6]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_900054" type="checkbox" name="DistrictID[]" value="900054" /> <label class="filters-group__label" for="DistrictID_900054"> <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="DistrictID_907260" type="checkbox" name="DistrictID[]" value="907260" /> <label class="filters-group__label" for="DistrictID_907260"> <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">Forum Beach </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_907365" type="checkbox" name="DistrictID[]" value="907365" /> <label class="filters-group__label" for="DistrictID_907365"> <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">Sant Antoni</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_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">[2]</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">[2]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="DistrictID_903081" type="checkbox" name="DistrictID[]" value="903081" /> <label class="filters-group__label" for="DistrictID_903081"> <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">Puerto Banus</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_899640" type="checkbox" name="DistrictID[]" value="899640" /> <label class="filters-group__label" for="DistrictID_899640"> <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_899634" type="checkbox" name="DistrictID[]" value="899634" /> <label class="filters-group__label" for="DistrictID_899634"> <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__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">[89]</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">[285]</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">[169]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="Rating_1" type="checkbox" name="Rating[]" value="1" /> <label class="filters-group__label" for="Rating_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">普通 3+</span> <span class="filters-group__label-count">[56]</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_76460" type="checkbox" name="LandmarkID[]" value="76460" /> <label class="filters-group__label" for="LandmarkID_76460"> <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">[738]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1709483" type="checkbox" name="LandmarkID[]" value="1709483" /> <label class="filters-group__label" for="LandmarkID_1709483"> <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">[787]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1748162" type="checkbox" name="LandmarkID[]" value="1748162" /> <label class="filters-group__label" for="LandmarkID_1748162"> <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">[787]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1722083" type="checkbox" name="LandmarkID[]" value="1722083" /> <label class="filters-group__label" for="LandmarkID_1722083"> <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">[786]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016274" type="checkbox" name="LandmarkID[]" value="1016274" /> <label class="filters-group__label" for="LandmarkID_1016274"> <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">El Maldà Theatre</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016340" type="checkbox" name="LandmarkID[]" value="1016340" /> <label class="filters-group__label" for="LandmarkID_1016340"> <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">Llantiol Theatre</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016331" type="checkbox" name="LandmarkID[]" value="1016331" /> <label class="filters-group__label" for="LandmarkID_1016331"> <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">Jamboree</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016325" type="checkbox" name="LandmarkID[]" value="1016325" /> <label class="filters-group__label" for="LandmarkID_1016325"> <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">Barts</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016319" type="checkbox" name="LandmarkID[]" value="1016319" /> <label class="filters-group__label" for="LandmarkID_1016319"> <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">Teatre Principal</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016313" type="checkbox" name="LandmarkID[]" value="1016313" /> <label class="filters-group__label" for="LandmarkID_1016313"> <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">El Molino</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016307" type="checkbox" name="LandmarkID[]" value="1016307" /> <label class="filters-group__label" for="LandmarkID_1016307"> <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">Poliorama Theatre</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016304" type="checkbox" name="LandmarkID[]" value="1016304" /> <label class="filters-group__label" for="LandmarkID_1016304"> <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">Apolo Theatre</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016301" type="checkbox" name="LandmarkID[]" value="1016301" /> <label class="filters-group__label" for="LandmarkID_1016301"> <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">Sidecar</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016295" type="checkbox" name="LandmarkID[]" value="1016295" /> <label class="filters-group__label" for="LandmarkID_1016295"> <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">Club Capitol</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016355" type="checkbox" name="LandmarkID[]" value="1016355" /> <label class="filters-group__label" for="LandmarkID_1016355"> <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">Arts Santa Mònica</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016286" type="checkbox" name="LandmarkID[]" value="1016286" /> <label class="filters-group__label" for="LandmarkID_1016286"> <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">Casa Llotja de Mar</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016241" type="checkbox" name="LandmarkID[]" value="1016241" /> <label class="filters-group__label" for="LandmarkID_1016241"> <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">Portaferrissa</span> <span class="filters-group__label-count">[784]</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">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016235" type="checkbox" name="LandmarkID[]" value="1016235" /> <label class="filters-group__label" for="LandmarkID_1016235"> <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">Maritime Museum</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016208" type="checkbox" name="LandmarkID[]" value="1016208" /> <label class="filters-group__label" for="LandmarkID_1016208"> <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">Tivoli Theatre</span> <span class="filters-group__label-count">[784]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="LandmarkID_1016352" type="checkbox" name="LandmarkID[]" value="1016352" /> <label class="filters-group__label" for="LandmarkID_1016352"> <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">La Seca Theatre</span> <span class="filters-group__label-count">[784]</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_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">[769]</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">[650]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_9" type="checkbox" name="ThemeID[]" value="9" /> <label class="filters-group__label" for="ThemeID_9"> <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">[562]</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">[273]</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">[186]</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">[182]</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">[143]</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">[71]</span> </span> </label> </li> <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">[58]</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">[52]</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">[41]</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">[29]</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">[26]</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_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">[16]</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">[14]</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">[10]</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">[10]</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">[7]</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">[3]</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">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="ThemeID_37" type="checkbox" name="ThemeID[]" value="37" /> <label class="filters-group__label" for="ThemeID_37"> <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="ThemeID_38" type="checkbox" name="ThemeID[]" value="38" /> <label class="filters-group__label" for="ThemeID_38"> <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__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_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">[847]</span> </span> </label> </li> <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">[200]</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">[143]</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">[119]</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">[97]</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">[69]</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">[44]</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">[24]</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">[3]</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">[1]</span> </span> </label> </li> <li class="filters-group__item"> <input class="filters-group__checkbox-input" id="AmenityID_1149" type="checkbox" name="AmenityID[]" value="1149" /> <label class="filters-group__label" for="AmenityID_1149"> <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__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">[118]</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">[61]</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">[4]</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">[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">[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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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.topbarcelonahotels.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 class="swiper-slide hotel-card-gallery__slide"> <a href="https://colon.topbarcelonahotels.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/15891/1589100/1589100925.JPEG 1x, /data/Photos/700x500w/15891/1589100/1589100925.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.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの4つ星ホテル </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.9</span> <span class="hotel-card__reviews-count">(3533レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">このコロンホテルバルセロナは、貸金庫と荷物保管室の他にサン・フェリペ・ネリ広場の近くにあります。マジカ噴水は3.2キロ離れており、サグラダ・ファミリアは、ホテルから2.6キロです。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$291</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131312e3130382e3131312e3131302e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">このコロンホテルバルセロナは、貸金庫と荷物保管室の他にサン・フェリペ・ネリ広場の近くにあります。マジカ噴水は3.2キロ離れており、サグラダ・ファミリアは、ホテルから2.6キロです。</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-gaudi-barcelona.topbarcelonahotels.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/1273169/1273169947.JPEG 1x, /data/Photos/700x500w/12731/1273169/1273169947.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-gaudi-barcelona.topbarcelonahotels.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/1273167/1273167955.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167955.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-gaudi-barcelona.topbarcelonahotels.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/15892/1589252/1589252156.JPEG 1x, /data/Photos/700x500w/15892/1589252/1589252156.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-gaudi-barcelona.topbarcelonahotels.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/1273167/1273167910.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167910.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-gaudi-barcelona.topbarcelonahotels.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/11286/1128673/1128673833.JPEG 1x, /data/Photos/700x500w/11286/1128673/1128673833.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-gaudi-barcelona.topbarcelonahotels.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/11286/1128673/1128673845.JPEG 1x, /data/Photos/700x500w/11286/1128673/1128673845.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-gaudi-barcelona.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの3つ星ホテル </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.2</span> <span class="hotel-card__reviews-count">(7159レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">カンプノウから4kmの所にあるガウディホテルバルセロナは貸金庫と自動販売機を提供します。このホテルは、「リセウ」地下鉄駅から徒歩で約5分です。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$339</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131362e3130312e3130382e34352e3130332e39372e3131372e3130302e3130352e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">カンプノウから4kmの所にあるガウディホテルバルセロナは貸金庫と自動販売機を提供します。このホテルは、「リセウ」地下鉄駅から徒歩で約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://rialto.topbarcelonahotels.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/12199/1219954/1219954360.JPEG 1x, /data/Photos/700x500w/12199/1219954/1219954360.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://rialto.topbarcelonahotels.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/1273080/1273080829.JPEG 1x, /data/Photos/700x500w/12730/1273080/1273080829.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://rialto.topbarcelonahotels.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/1273081/1273081009.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081009.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://rialto.topbarcelonahotels.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/1273083/1273083937.JPEG 1x, /data/Photos/700x500w/12730/1273083/1273083937.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://rialto.topbarcelonahotels.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/10045/1004509/1004509377.JPEG 1x, /data/Photos/700x500w/10045/1004509/1004509377.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://rialto.topbarcelonahotels.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/10045/1004509/1004509488.JPEG 1x, /data/Photos/700x500w/10045/1004509/1004509488.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://rialto.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの3つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの700メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.5</span> <span class="hotel-card__reviews-count">(3573レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">地下鉄ジャウメ i 駅が近い450mにあるホテルリアルトバルセロナは、貸金庫と24時間警備体制を完備しています。シウタベリャから300ｍ、ゴシック地区からわずか数歩です。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$126</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131342e3130352e39372e3130382e3131362e3131312e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">地下鉄ジャウメ i 駅が近い450mにあるホテルリアルトバルセロナは、貸金庫と24時間警備体制を完備しています。シウタベリャから300ｍ、ゴシック地区からわずか数歩です。</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.topbarcelonahotels.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/1361337890.JPEG 1x, /data/Photos/700x500w/13613/1361337/1361337890.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.topbarcelonahotels.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/16243/1624316/1624316005.JPEG 1x, /data/Photos/700x500w/16243/1624316/1624316005.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.topbarcelonahotels.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/16102/1610222/1610222279.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222279.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.topbarcelonahotels.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/16102/1610222/1610222293.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222293.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.topbarcelonahotels.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/16102/1610222/1610222294.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222294.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.topbarcelonahotels.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/16102/1610222/1610222300.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222300.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.topbarcelonahotels.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">(4546レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ジム、フィットネスクラスとフィットネスセンターを提供するホテルW バルセロナは、ゴシック地区から約2.8です。このホテルは、Eclipseの隣、バルセロナの中心部から徒歩30分に位置しています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$203</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131392e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ジム、フィットネスクラスとフィットネスセンターを提供するホテルW バルセロナは、ゴシック地区から約2.8です。このホテルは、Eclipseの隣、バルセロナの中心部から徒歩30分に位置しています。</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.topbarcelonahotels.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.topbarcelonahotels.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/16286/1628649/1628649141.JPEG 1x, /data/Photos/700x500w/16286/1628649/1628649141.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.topbarcelonahotels.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/16286/1628649/1628649142.JPEG 1x, /data/Photos/700x500w/16286/1628649/1628649142.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.topbarcelonahotels.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/16102/1610220/1610220521.JPEG 1x, /data/Photos/700x500w/16102/1610220/1610220521.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.topbarcelonahotels.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/16129/1612958/1612958604.JPEG 1x, /data/Photos/700x500w/16129/1612958/1612958604.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.topbarcelonahotels.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/16129/1612958/1612958621.JPEG 1x, /data/Photos/700x500w/16129/1612958/1612958621.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.topbarcelonahotels.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.5</span> <span class="hotel-card__reviews-count">(1434レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">バルセロネータ地区に位置するこのホテルアーツバルセロナは、運転して22分以内のバルセロナ・エル・プラット国際空港まで行けます。ホテルには施設内のの専用駐車場と屋外プールがあります。</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131342e3131362e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">バルセロネータ地区に位置するこのホテルアーツバルセロナは、運転して22分以内のバルセロナ・エル・プラット国際空港まで行けます。ホテルには施設内のの専用駐車場と屋外プールがあります。</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://lloret.topbarcelonahotels.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/15573/1557322/1557322804.JPEG 1x, /data/Photos/700x500w/15573/1557322/1557322804.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://lloret.topbarcelonahotels.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/16228/1622871/1622871078.JPEG 1x, /data/Photos/700x500w/16228/1622871/1622871078.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://lloret.topbarcelonahotels.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/15548/1554870/1554870793.JPEG 1x, /data/Photos/700x500w/15548/1554870/1554870793.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://lloret.topbarcelonahotels.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/15170/1517007/1517007439.JPEG 1x, /data/Photos/700x500w/15170/1517007/1517007439.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://lloret.topbarcelonahotels.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/15170/1517007/1517007463.JPEG 1x, /data/Photos/700x500w/15170/1517007/1517007463.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://lloret.topbarcelonahotels.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/15170/1517007/1517007487.JPEG 1x, /data/Photos/700x500w/15170/1517007/1517007487.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://lloret.topbarcelonahotels.com/ja/" target="_blank">ホテルリョレートランブラス</a> </h4> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナのホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの100メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(10135レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">カタルーニャ広場のそばにあるホテルリョレートランブラスはバルセロナ・エル・プラット国際空港から20kmです。このホテルの様々な設備の中では貸金庫と自動販売機があります。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$62</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130382e3130382e3131312e3131342e3130312e3131362e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">カタルーニャ広場のそばにあるホテルリョレートランブラスはバルセロナ・エル・プラット国際空港から20kmです。このホテルの様々な設備の中では貸金庫と自動販売機があります。</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://olivia-plaza-hotel.topbarcelonahotels.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/7046/704605/704605714.JPEG 1x, /data/Photos/700x500w/7046/704605/704605714.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://olivia-plaza-hotel.topbarcelonahotels.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/1580310/1580310427.JPEG 1x, /data/Photos/700x500w/15803/1580310/1580310427.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://olivia-plaza-hotel.topbarcelonahotels.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/1580311/1580311195.JPEG 1x, /data/Photos/700x500w/15803/1580311/1580311195.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://olivia-plaza-hotel.topbarcelonahotels.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/1498547/1498547302.JPEG 1x, /data/Photos/700x500w/14985/1498547/1498547302.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://olivia-plaza-hotel.topbarcelonahotels.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/1498547/1498547110.JPEG 1x, /data/Photos/700x500w/14985/1498547/1498547110.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://olivia-plaza-hotel.topbarcelonahotels.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/1498547/1498547161.JPEG 1x, /data/Photos/700x500w/14985/1498547/1498547161.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://olivia-plaza-hotel.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの4つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの100メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.3</span> <span class="hotel-card__reviews-count">(3942レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">エロティックミュージアムオブバルセロナ（ミュゼデレロチカ）から550mのオリビアプラザホテルは貸金庫と荷物保管室を提供しています。・・・ Rambla - Font de Canaletesバスステーションから550、地下鉄Fgcカタルーニャ広場駅から徒歩5分です・・・</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$182</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131312e3130382e3130352e3131382e3130352e39372e34352e3131322e3130382e39372e3132322e39372e34352e3130342e3131312e3131362e3130312e3130382e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">エロティックミュージアムオブバルセロナ（ミュゼデレロチカ）から550mのオリビアプラザホテルは貸金庫と荷物保管室を提供しています。・・・ Rambla - Font de Canaletesバスステーションから550、地下鉄Fgcカタルーニャ広場駅から徒歩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://casa-camper-barcelona.topbarcelonahotels.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/6647/664701/664701705.JPEG 1x, /data/Photos/700x500w/6647/664701/664701705.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-camper-barcelona.topbarcelonahotels.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/16315/1631549/1631549711.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549711.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-camper-barcelona.topbarcelonahotels.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/16315/1631549/1631549710.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549710.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-camper-barcelona.topbarcelonahotels.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/16315/1631549/1631549712.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549712.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-camper-barcelona.topbarcelonahotels.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/16315/1631549/1631549707.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549707.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-camper-barcelona.topbarcelonahotels.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/16315/1631549/1631549708.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549708.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://casa-camper-barcelona.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの4つ星ホテル </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.5</span> <span class="hotel-card__reviews-count">(1346レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">地下鉄リセウ駅が近い300mにあるホテルCasa Camper バルセロナは、貸金庫と荷物保管室を完備しています。シウタ・ベリャ地区にある4つ星のホテルで、カサ・ミラから18分以内で歩いて行けます。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$238</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131352e39372e34352e39392e39372e3130392e3131322e3130312e3131342e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">地下鉄リセウ駅が近い300mにあるホテルCasa Camper バルセロナは、貸金庫と荷物保管室を完備しています。シウタ・ベリャ地区にある4つ星のホテルで、カサ・ミラから18分以内で歩いて行けます。</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://medium-monegal.topbarcelonahotels.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/1580288/1580288415.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288415.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://medium-monegal.topbarcelonahotels.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/1273068/1273068679.JPEG 1x, /data/Photos/700x500w/12730/1273068/1273068679.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://medium-monegal.topbarcelonahotels.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/1273069/1273069033.JPEG 1x, /data/Photos/700x500w/12730/1273069/1273069033.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://medium-monegal.topbarcelonahotels.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/1273069/1273069102.JPEG 1x, /data/Photos/700x500w/12730/1273069/1273069102.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://medium-monegal.topbarcelonahotels.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/15861/1586106/1586106638.JPEG 1x, /data/Photos/700x500w/15861/1586106/1586106638.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://medium-monegal.topbarcelonahotels.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/13025/1302558/1302558787.JPEG 1x, /data/Photos/700x500w/13025/1302558/1302558787.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://medium-monegal.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの2つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの100メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.3</span> <span class="hotel-card__reviews-count">(4439レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">2つ星のホテルモネガルは、海の聖母マリア教会から15分で歩いて行けるコスモポリタンなバルセロナにあります。市内の観光地方の中心に位置するホテルで、心地よい客室と中庭の景色を眺めることができます。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$98</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130312e3130302e3130352e3131372e3130392e34352e3130392e3131312e3131302e3130312e3130332e39372e3130382e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">2つ星のホテルモネガルは、海の聖母マリア教会から15分で歩いて行けるコスモポリタンなバルセロナにあります。市内の観光地方の中心に位置するホテルで、心地よい客室と中庭の景色を眺めることができます。</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://catalunya.topbarcelonahotels.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/10100/1010002/1010002237.JPEG 1x, /data/Photos/700x500w/10100/1010002/1010002237.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://catalunya.topbarcelonahotels.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/15766/1576686/1576686029.JPEG 1x, /data/Photos/700x500w/15766/1576686/1576686029.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://catalunya.topbarcelonahotels.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/11004/1100405/1100405403.JPEG 1x, /data/Photos/700x500w/11004/1100405/1100405403.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://catalunya.topbarcelonahotels.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/1498538/1498538107.JPEG 1x, /data/Photos/700x500w/14985/1498538/1498538107.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://catalunya.topbarcelonahotels.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/14365/1436512/1436512867.JPEG 1x, /data/Photos/700x500w/14365/1436512/1436512867.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://catalunya.topbarcelonahotels.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/15766/1576686/1576686020.JPEG 1x, /data/Photos/700x500w/15766/1576686/1576686020.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://catalunya.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの2つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの200メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count">(3079レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">グエル公園から3kmの所にあるホテルカタルーニャバルセロナは貸金庫と自動販売機を提供します。バルセロナにある宿泊施設は、地下鉄Fgcカタルーニャ広場駅から徒歩5分です。</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131362e39372e3130382e3131372e3131302e3132312e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">グエル公園から3kmの所にあるホテルカタルーニャバルセロナは貸金庫と自動販売機を提供します。バルセロナにある宿泊施設は、地下鉄Fgcカタルーニャ広場駅から徒歩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://hostal-operaramblas.topbarcelonahotels.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/16076/1607659/1607659923.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659923.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://hostal-operaramblas.topbarcelonahotels.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/16076/1607659/1607659912.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659912.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://hostal-operaramblas.topbarcelonahotels.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/16076/1607659/1607659927.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659927.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://hostal-operaramblas.topbarcelonahotels.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/16076/1607659/1607659942.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659942.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://hostal-operaramblas.topbarcelonahotels.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/16076/1607659/1607659946.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659946.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://hostal-operaramblas.topbarcelonahotels.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/16076/1607659/1607659947.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659947.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://hostal-operaramblas.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの2つ星ゲストハウス </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの700メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count">(5796レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">無料の貸金庫と自動販売機を提供するホテルオスタルオペラランブラスバルセロナはグエル邸から250メートルです。施設はランブラス通りから近くにあり、都市の中心から徒歩でほんの10分かかります。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$59</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131352e3131362e39372e3130382e34352e3131312e3131322e3130312e3131342e39372e3131342e39372e3130392e39382e3130382e39372e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">無料の貸金庫と自動販売機を提供するホテルオスタルオペラランブラスバルセロナはグエル邸から250メートルです。施設はランブラス通りから近くにあり、都市の中心から徒歩でほんの10分かかります。</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://ronda-house.topbarcelonahotels.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/12310/1231034/1231034168.JPEG 1x, /data/Photos/700x500w/12310/1231034/1231034168.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://ronda-house.topbarcelonahotels.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/1273016/1273016893.JPEG 1x, /data/Photos/700x500w/12730/1273016/1273016893.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://ronda-house.topbarcelonahotels.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/1273017/1273017580.JPEG 1x, /data/Photos/700x500w/12730/1273017/1273017580.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://ronda-house.topbarcelonahotels.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/12632/1263228/1263228319.JPEG 1x, /data/Photos/700x500w/12632/1263228/1263228319.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://ronda-house.topbarcelonahotels.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/12632/1263228/1263228334.JPEG 1x, /data/Photos/700x500w/12632/1263228/1263228334.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://ronda-house.topbarcelonahotels.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/12632/1263230/1263230284.JPEG 1x, /data/Photos/700x500w/12632/1263230/1263230284.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://ronda-house.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの3つ星ホテル </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.4</span> <span class="hotel-card__reviews-count">(10005レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ホテルロンダハウスはシウタ・ベリャ地区にあり、バルセロナ・エル・プラット国際空港から車で19分です。この施設は、71部屋を用意し、お役に立てるスタッフが管理している素晴らしいサービスでおもてなしします。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$76</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131342e3131312e3131302e3130302e39372e34352e3130342e3131312e3131372e3131352e3130312e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ホテルロンダハウスはシウタ・ベリャ地区にあり、バルセロナ・エル・プラット国際空港から車で19分です。この施設は、71部屋を用意し、お役に立てるスタッフが管理している素晴らしいサービスでおもてなしします。</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://serhs-rivoli-rambla.topbarcelonahotels.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/14318/1431847/1431847606.JPEG 1x, /data/Photos/700x500w/14318/1431847/1431847606.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://serhs-rivoli-rambla.topbarcelonahotels.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/14318/1431845/1431845251.JPEG 1x, /data/Photos/700x500w/14318/1431845/1431845251.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://serhs-rivoli-rambla.topbarcelonahotels.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/14318/1431847/1431847204.JPEG 1x, /data/Photos/700x500w/14318/1431847/1431847204.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://serhs-rivoli-rambla.topbarcelonahotels.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/14318/1431849/1431849505.JPEG 1x, /data/Photos/700x500w/14318/1431849/1431849505.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://serhs-rivoli-rambla.topbarcelonahotels.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/14318/1431850/1431850282.JPEG 1x, /data/Photos/700x500w/14318/1431850/1431850282.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://serhs-rivoli-rambla.topbarcelonahotels.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/1273157/1273157635.JPEG 1x, /data/Photos/700x500w/12731/1273157/1273157635.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://serhs-rivoli-rambla.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの4つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの200メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count">(2016レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ホテルセルスリボリランブラスバルセロナは24時間警備体制と両替があり、グエル公園から運転して10分です。ホテルセルスリボリランブラスは、サンタマリアデルピ教会の近くにある4つ星の宿泊施設を提供しています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$122</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3130312e3131342e3130342e3131352e34352e3131342e3130352e3131382e3131312e3130382e3130352e34352e3131342e39372e3130392e39382e3130382e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ホテルセルスリボリランブラスバルセロナは24時間警備体制と両替があり、グエル公園から運転して10分です。ホテルセルスリボリランブラスは、サンタマリアデルピ教会の近くにある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://atlantis.topbarcelonahotels.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/12956/1295633/1295633392.JPEG 1x, /data/Photos/700x500w/12956/1295633/1295633392.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://atlantis.topbarcelonahotels.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/15996/1599643/1599643428.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643428.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://atlantis.topbarcelonahotels.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/15996/1599643/1599643414.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643414.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://atlantis.topbarcelonahotels.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/15996/1599643/1599643432.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643432.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://atlantis.topbarcelonahotels.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/15996/1599643/1599643429.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643429.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://atlantis.topbarcelonahotels.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/15996/1599643/1599643433.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643433.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="アトランティスバイ Atbcn"> <a class="hotel-card__title-link" href="https://atlantis.topbarcelonahotels.com/ja/" target="_blank">アトランティスバイ Atbcn</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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの3つ星ホテル </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">8.1</span> <span class="hotel-card__reviews-count">(3379レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ホテルAtlantis By Atbcnはシウタ・ベリャ地区にあり、バルセロナ・エル・プラット国際空港から車で22分です。施設は、バルセロナでの金庫、小型冷蔵庫と衛星放送チャンネルの薄型テレビを備えた35室のゲストルームを楽しめます。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$75</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131362e3130382e39372e3131302e3131362e3130352e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ホテルAtlantis By Atbcnはシウタ・ベリャ地区にあり、バルセロナ・エル・プラット国際空港から車で22分です。施設は、バルセロナでの金庫、小型冷蔵庫と衛星放送チャンネルの薄型テレビを備えた35室のゲストルームを楽しめます。</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://hostal-benidorm.topbarcelonahotels.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/8863/886395/886395865.JPEG 1x, /data/Photos/700x500w/8863/886395/886395865.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://hostal-benidorm.topbarcelonahotels.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/9707/970755/970755898.JPEG 1x, /data/Photos/700x500w/9707/970755/970755898.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://hostal-benidorm.topbarcelonahotels.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/8002/800278/800278380.JPEG 1x, /data/Photos/700x500w/8002/800278/800278380.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://hostal-benidorm.topbarcelonahotels.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/8051/805107/805107249.JPEG 1x, /data/Photos/700x500w/8051/805107/805107249.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://hostal-benidorm.topbarcelonahotels.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/8056/805663/805663287.JPEG 1x, /data/Photos/700x500w/8056/805663/805663287.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://hostal-benidorm.topbarcelonahotels.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/8051/805106/805106091.JPEG 1x, /data/Photos/700x500w/8051/805106/805106091.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://hostal-benidorm.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの2つ星ゲストハウス </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.2</span> <span class="hotel-card__reviews-count">(4619レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">グラシア通りから1.8km以内に位置する快適なホテルで、シウタ・ベリャ地区に位置しています。施設は、バルセロナでのパーソナル金庫、衛星放送チャンネルの薄型テレビと煙探知機を備えた40室のゲストルームを楽しめます。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$59</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131352e3131362e39372e3130382e34352e39382e3130312e3131302e3130352e3130302e3131312e3131342e3130392e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">グラシア通りから1.8km以内に位置する快適なホテルで、シウタ・ベリャ地区に位置しています。施設は、バルセロナでのパーソナル金庫、衛星放送チャンネルの薄型テレビと煙探知機を備えた40室のゲストルームを楽しめます。</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://hostal-lausanne.topbarcelonahotels.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/12872/1287240/1287240469.JPEG 1x, /data/Photos/700x500w/12872/1287240/1287240469.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://hostal-lausanne.topbarcelonahotels.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/12718/1271869/1271869057.JPEG 1x, /data/Photos/700x500w/12718/1271869/1271869057.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://hostal-lausanne.topbarcelonahotels.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/12718/1271870/1271870722.JPEG 1x, /data/Photos/700x500w/12718/1271870/1271870722.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://hostal-lausanne.topbarcelonahotels.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/12718/1271871/1271871949.JPEG 1x, /data/Photos/700x500w/12718/1271871/1271871949.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://hostal-lausanne.topbarcelonahotels.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/12872/1287230/1287230581.JPEG 1x, /data/Photos/700x500w/12872/1287230/1287230581.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://hostal-lausanne.topbarcelonahotels.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/12718/1271870/1271870941.JPEG 1x, /data/Photos/700x500w/12718/1271870/1271870941.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://hostal-lausanne.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの2つ星ゲストハウス </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.3</span> <span class="hotel-card__reviews-count">(2651レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">コロンブスの記念碑から徒歩16分以内の2つ星ホテルオスタルローザンヌバルセロナはカタルーニャ音楽堂の近くです。。施設は、バルセロナでの書き物机、衛星放送チャンネルの薄型テレビと冷暖房を備えた17室のゲストルームを楽しめます。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$27</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131352e3131362e39372e3130382e34352e3130382e39372e3131372e3131352e39372e3131302e3131302e3130312e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">コロンブスの記念碑から徒歩16分以内の2つ星ホテルオスタルローザンヌバルセロナはカタルーニャ音楽堂の近くです。。施設は、バルセロナでの書き物机、衛星放送チャンネルの薄型テレビと冷暖房を備えた17室のゲストルームを楽しめます。</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://continental-barcelona-hotel.topbarcelonahotels.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/1273203/1273203118.JPEG 1x, /data/Photos/700x500w/12732/1273203/1273203118.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://continental-barcelona-hotel.topbarcelonahotels.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/16023/1602327/1602327359.JPEG 1x, /data/Photos/700x500w/16023/1602327/1602327359.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://continental-barcelona-hotel.topbarcelonahotels.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/16023/1602327/1602327365.JPEG 1x, /data/Photos/700x500w/16023/1602327/1602327365.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://continental-barcelona-hotel.topbarcelonahotels.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/15382/1538250/1538250289.JPEG 1x, /data/Photos/700x500w/15382/1538250/1538250289.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://continental-barcelona-hotel.topbarcelonahotels.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/15382/1538250/1538250292.JPEG 1x, /data/Photos/700x500w/15382/1538250/1538250292.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://continental-barcelona-hotel.topbarcelonahotels.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/15553/1555317/1555317097.JPEG 1x, /data/Photos/700x500w/15553/1555317/1555317097.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://continental-barcelona-hotel.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの3つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの100メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.0</span> <span class="hotel-card__reviews-count">(1886レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">地下鉄Fgcカタルーニャ広場駅から300m離れたホテルコンチネンタルバルセロナは、貸金庫と両替が完備しています。ホテルはコロンブスの記念碑から1.2km離れて、カサ・バトリョは1.3km離れています。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$104</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131312e3131302e3131362e3130352e3131302e3130312e3131302e3131362e39372e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">地下鉄Fgcカタルーニャ広場駅から300m離れたホテルコンチネンタルバルセロナは、貸金庫と両替が完備しています。ホテルはコロンブスの記念碑から1.2km離れて、カサ・バトリョは1.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://nouvel.topbarcelonahotels.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/1273056/1273056370.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056370.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://nouvel.topbarcelonahotels.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/1273056/1273056541.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056541.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://nouvel.topbarcelonahotels.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/1273056/1273056442.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056442.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://nouvel.topbarcelonahotels.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/1273055/1273055617.JPEG 1x, /data/Photos/700x500w/12730/1273055/1273055617.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://nouvel.topbarcelonahotels.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/1273056/1273056727.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056727.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://nouvel.topbarcelonahotels.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/1273056/1273056829.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056829.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://nouvel.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの3つ星ホテル </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text">都心までの200メートル</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.1</span> <span class="hotel-card__reviews-count">(3064レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">ブケリア市場のすぐ近くにある3つ星のホテルヌーベルバルセロナは貸金庫と自動販売機を提供しています。バルセロナにある宿泊施設は、地下鉄Fgcカタルーニャ広場駅から徒歩5分です。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$130</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131302e3131312e3131372e3131382e3130312e3130382e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">ブケリア市場のすぐ近くにある3つ星のホテルヌーベルバルセロナは貸金庫と自動販売機を提供しています。バルセロナにある宿泊施設は、地下鉄Fgcカタルーニャ広場駅から徒歩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://turin.topbarcelonahotels.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/13204/1320456/1320456514.JPEG 1x, /data/Photos/700x500w/13204/1320456/1320456514.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://turin.topbarcelonahotels.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/15880/1588061/1588061520.JPEG 1x, /data/Photos/700x500w/15880/1588061/1588061520.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://turin.topbarcelonahotels.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/15880/1588061/1588061545.JPEG 1x, /data/Photos/700x500w/15880/1588061/1588061545.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://turin.topbarcelonahotels.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/14987/1498784/1498784173.JPEG 1x, /data/Photos/700x500w/14987/1498784/1498784173.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://turin.topbarcelonahotels.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/14987/1498784/1498784236.JPEG 1x, /data/Photos/700x500w/14987/1498784/1498784236.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://turin.topbarcelonahotels.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/14987/1498784/1498784239.JPEG 1x, /data/Photos/700x500w/14987/1498784/1498784239.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://turin.topbarcelonahotels.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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの3つ星ホテル </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.3</span> <span class="hotel-card__reviews-count">(5661レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">バルセロナにあるスペイン村から2.2km離れたホテルトゥリンは貸金庫と24時間警備体制を有しています。リセウ地下鉄駅は施設から歩き5分です。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$127</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131362e3131372e3131342e3130352e3131302e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">バルセロナにあるスペイン村から2.2km離れたホテルトゥリンは貸金庫と24時間警備体制を有しています。リセウ地下鉄駅は施設から歩き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://hcc-montblanc.topbarcelonahotels.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/15379/1537919/1537919620.JPEG 1x, /data/Photos/700x500w/15379/1537919/1537919620.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://hcc-montblanc.topbarcelonahotels.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/16005/1600558/1600558061.JPEG 1x, /data/Photos/700x500w/16005/1600558/1600558061.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://hcc-montblanc.topbarcelonahotels.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/15422/1542248/1542248725.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248725.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://hcc-montblanc.topbarcelonahotels.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/15422/1542248/1542248722.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248722.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://hcc-montblanc.topbarcelonahotels.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/15422/1542248/1542248575.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248575.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://hcc-montblanc.topbarcelonahotels.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/15422/1542248/1542248605.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248605.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="Hcc モンブラン"> <a class="hotel-card__title-link" href="https://hcc-montblanc.topbarcelonahotels.com/ja/" target="_blank">Hcc モンブラン</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> </div> </div> <div class="hotel-card__distance"> <div class="hotel-card__distance-text"> スペイン、バルセロナの3つ星ホテル </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">8.5</span> <span class="hotel-card__reviews-count">(2393レビュー)</span> </div> </div> <div class="hotel-card__row"> <div class="hotel-card__description"> <div class="hotel-card__description-text">カタルーニャ広場から500メートル離れた場所にある3つ星のHCC Montblanc バルセロナで、アラカルトレストランを提供しています。 HCC Montblancはシウタ・ベリャ地区に位置し、快適な客室を提供します。</div> </div> <div class="hotel-card__footer "> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$82</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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e39392e39392e34352e3130392e3131312e3131302e3131362e39382e3130382e39372e3131302e39392e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e34372e33352e3131342e3131312e3131312e3130392e313135">ホテルを見る</div> </div> </div> </div> </div> </div> <div class="hotel-card__description hotel-card__description--mobile"> <div class="hotel-card__description-text">カタルーニャ広場から500メートル離れた場所にある3つ星のHCC Montblanc バルセロナで、アラカルトレストランを提供しています。 HCC Montblancはシウタ・ベリャ地区に位置し、快適な客室を提供します。</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/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 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/15891/1589100/1589100925.JPEG 1x, /data/Photos/700x500w/15891/1589100/1589100925.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131312e3130382e3131312e3131302e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">コロンホテルバルセロナ</h4> <div class="hotel-card__distance"> スペイン、バルセロナの4つ星ホテル </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$291</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.9</span> <span class="hotel-card__reviews-count" title="3533レビュー"> (3533レビュー) </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/1273169/1273169947.JPEG 1x, /data/Photos/700x500w/12731/1273169/1273169947.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/1273167/1273167955.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167955.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/15892/1589252/1589252156.JPEG 1x, /data/Photos/700x500w/15892/1589252/1589252156.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/1273167/1273167910.JPEG 1x, /data/Photos/700x500w/12731/1273167/1273167910.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/11286/1128673/1128673833.JPEG 1x, /data/Photos/700x500w/11286/1128673/1128673833.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/11286/1128673/1128673845.JPEG 1x, /data/Photos/700x500w/11286/1128673/1128673845.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131362e3130312e3130382e34352e3130332e39372e3131372e3130302e3130352e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">ガウディホテル</h4> <div class="hotel-card__distance"> スペイン、バルセロナの3つ星ホテル </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$339</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="7159レビュー"> (7159レビュー) </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/12199/1219954/1219954360.JPEG 1x, /data/Photos/700x500w/12199/1219954/1219954360.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/1273080/1273080829.JPEG 1x, /data/Photos/700x500w/12730/1273080/1273080829.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/1273081/1273081009.JPEG 1x, /data/Photos/700x500w/12730/1273081/1273081009.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/1273083/1273083937.JPEG 1x, /data/Photos/700x500w/12730/1273083/1273083937.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/10045/1004509/1004509377.JPEG 1x, /data/Photos/700x500w/10045/1004509/1004509377.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/10045/1004509/1004509488.JPEG 1x, /data/Photos/700x500w/10045/1004509/1004509488.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131342e3130352e39372e3130382e3131362e3131312e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">ホテルリアルト</h4> <div class="hotel-card__distance"> スペイン、バルセロナの3つ星ホテル </div> <div class="hotel-card__distance">都心までの700メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$126</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="3573レビュー"> (3573レビュー) </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/1361337890.JPEG 1x, /data/Photos/700x500w/13613/1361337/1361337890.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/16243/1624316/1624316005.JPEG 1x, /data/Photos/700x500w/16243/1624316/1624316005.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/16102/1610222/1610222279.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222279.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/16102/1610222/1610222293.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222293.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/16102/1610222/1610222294.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222294.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/16102/1610222/1610222300.JPEG 1x, /data/Photos/700x500w/16102/1610222/1610222300.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131392e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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$203</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="4546レビュー"> (4546レビュー) </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/16286/1628649/1628649141.JPEG 1x, /data/Photos/700x500w/16286/1628649/1628649141.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/16286/1628649/1628649142.JPEG 1x, /data/Photos/700x500w/16286/1628649/1628649142.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/16102/1610220/1610220521.JPEG 1x, /data/Photos/700x500w/16102/1610220/1610220521.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/16129/1612958/1612958604.JPEG 1x, /data/Photos/700x500w/16129/1612958/1612958604.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/16129/1612958/1612958621.JPEG 1x, /data/Photos/700x500w/16129/1612958/1612958621.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131342e3131362e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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.5</span> <span class="hotel-card__reviews-count" title="1434レビュー"> (1434レビュー) </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/15573/1557322/1557322804.JPEG 1x, /data/Photos/700x500w/15573/1557322/1557322804.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/16228/1622871/1622871078.JPEG 1x, /data/Photos/700x500w/16228/1622871/1622871078.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/15548/1554870/1554870793.JPEG 1x, /data/Photos/700x500w/15548/1554870/1554870793.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/15170/1517007/1517007439.JPEG 1x, /data/Photos/700x500w/15170/1517007/1517007439.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/15170/1517007/1517007463.JPEG 1x, /data/Photos/700x500w/15170/1517007/1517007463.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/15170/1517007/1517007487.JPEG 1x, /data/Photos/700x500w/15170/1517007/1517007487.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130382e3130382e3131312e3131342e3130312e3131362e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <h4 class="hotel-card__title">ホテルリョレートランブラス</h4> <div class="hotel-card__distance"> スペイン、バルセロナのホテル </div> <div class="hotel-card__distance">都心までの100メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$62</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="10135レビュー"> (10135レビュー) </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/7046/704605/704605714.JPEG 1x, /data/Photos/700x500w/7046/704605/704605714.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/1580310/1580310427.JPEG 1x, /data/Photos/700x500w/15803/1580310/1580310427.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/1580311/1580311195.JPEG 1x, /data/Photos/700x500w/15803/1580311/1580311195.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/1498547/1498547302.JPEG 1x, /data/Photos/700x500w/14985/1498547/1498547302.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/1498547/1498547110.JPEG 1x, /data/Photos/700x500w/14985/1498547/1498547110.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/1498547/1498547161.JPEG 1x, /data/Photos/700x500w/14985/1498547/1498547161.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131312e3130382e3130352e3131382e3130352e39372e34352e3131322e3130382e39372e3132322e39372e34352e3130342e3131312e3131362e3130312e3130382e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">オリビアプラザホテル</h4> <div class="hotel-card__distance"> スペイン、バルセロナの4つ星ホテル </div> <div class="hotel-card__distance">都心までの100メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$182</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="3942レビュー"> (3942レビュー) </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/6647/664701/664701705.JPEG 1x, /data/Photos/700x500w/6647/664701/664701705.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/16315/1631549/1631549711.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549711.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/16315/1631549/1631549710.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549710.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/16315/1631549/1631549712.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549712.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/16315/1631549/1631549707.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549707.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/16315/1631549/1631549708.JPEG 1x, /data/Photos/700x500w/16315/1631549/1631549708.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131352e39372e34352e39392e39372e3130392e3131322e3130312e3131342e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">ホテルカサキャンパー</h4> <div class="hotel-card__distance"> スペイン、バルセロナの4つ星ホテル </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$238</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">9.5</span> <span class="hotel-card__reviews-count" title="1346レビュー"> (1346レビュー) </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/15802/1580288/1580288415.JPEG 1x, /data/Photos/700x500w/15802/1580288/1580288415.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/1273068/1273068679.JPEG 1x, /data/Photos/700x500w/12730/1273068/1273068679.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/1273069/1273069033.JPEG 1x, /data/Photos/700x500w/12730/1273069/1273069033.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/1273069/1273069102.JPEG 1x, /data/Photos/700x500w/12730/1273069/1273069102.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/15861/1586106/1586106638.JPEG 1x, /data/Photos/700x500w/15861/1586106/1586106638.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/13025/1302558/1302558787.JPEG 1x, /data/Photos/700x500w/13025/1302558/1302558787.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130392e3130312e3130302e3130352e3131372e3130392e34352e3130392e3131312e3131302e3130312e3130332e39372e3130382e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">ホテルモネガル</h4> <div class="hotel-card__distance"> スペイン、バルセロナの2つ星ホテル </div> <div class="hotel-card__distance">都心までの100メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$98</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">7.3</span> <span class="hotel-card__reviews-count" title="4439レビュー"> (4439レビュー) </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/10100/1010002/1010002237.JPEG 1x, /data/Photos/700x500w/10100/1010002/1010002237.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/15766/1576686/1576686029.JPEG 1x, /data/Photos/700x500w/15766/1576686/1576686029.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/11004/1100405/1100405403.JPEG 1x, /data/Photos/700x500w/11004/1100405/1100405403.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/1498538/1498538107.JPEG 1x, /data/Photos/700x500w/14985/1498538/1498538107.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/14365/1436512/1436512867.JPEG 1x, /data/Photos/700x500w/14365/1436512/1436512867.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/15766/1576686/1576686020.JPEG 1x, /data/Photos/700x500w/15766/1576686/1576686020.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e39372e3131362e39372e3130382e3131372e3131302e3132312e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">カタルーニャ</h4> <div class="hotel-card__distance"> スペイン、バルセロナの2つ星ホテル </div> <div class="hotel-card__distance">都心までの200メートル</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.1</span> <span class="hotel-card__reviews-count" title="3079レビュー"> (3079レビュー) </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/16076/1607659/1607659923.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659923.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/16076/1607659/1607659912.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659912.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/16076/1607659/1607659927.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659927.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/16076/1607659/1607659942.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659942.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/16076/1607659/1607659946.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659946.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/16076/1607659/1607659947.JPEG 1x, /data/Photos/700x500w/16076/1607659/1607659947.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131352e3131362e39372e3130382e34352e3131312e3131322e3130312e3131342e39372e3131342e39372e3130392e39382e3130382e39372e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">オスタルオペラランブラス</h4> <div class="hotel-card__distance"> スペイン、バルセロナの2つ星ゲストハウス </div> <div class="hotel-card__distance">都心までの700メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$59</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.7</span> <span class="hotel-card__reviews-count" title="5796レビュー"> (5796レビュー) </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/12310/1231034/1231034168.JPEG 1x, /data/Photos/700x500w/12310/1231034/1231034168.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/1273016/1273016893.JPEG 1x, /data/Photos/700x500w/12730/1273016/1273016893.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/1273017/1273017580.JPEG 1x, /data/Photos/700x500w/12730/1273017/1273017580.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/12632/1263228/1263228319.JPEG 1x, /data/Photos/700x500w/12632/1263228/1263228319.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/12632/1263228/1263228334.JPEG 1x, /data/Photos/700x500w/12632/1263228/1263228334.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/12632/1263230/1263230284.JPEG 1x, /data/Photos/700x500w/12632/1263230/1263230284.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131342e3131312e3131302e3130302e39372e34352e3130342e3131312e3131372e3131352e3130312e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">ロンダハウス</h4> <div class="hotel-card__distance"> スペイン、バルセロナの3つ星ホテル </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$76</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count" title="10005レビュー"> (10005レビュー) </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/14318/1431847/1431847606.JPEG 1x, /data/Photos/700x500w/14318/1431847/1431847606.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/14318/1431845/1431845251.JPEG 1x, /data/Photos/700x500w/14318/1431845/1431845251.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/14318/1431847/1431847204.JPEG 1x, /data/Photos/700x500w/14318/1431847/1431847204.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/14318/1431849/1431849505.JPEG 1x, /data/Photos/700x500w/14318/1431849/1431849505.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/14318/1431850/1431850282.JPEG 1x, /data/Photos/700x500w/14318/1431850/1431850282.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/1273157/1273157635.JPEG 1x, /data/Photos/700x500w/12731/1273157/1273157635.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131352e3130312e3131342e3130342e3131352e34352e3131342e3130352e3131382e3131312e3130382e3130352e34352e3131342e39372e3130392e39382e3130382e39372e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">ホテルセルスリボリランブラス</h4> <div class="hotel-card__distance"> スペイン、バルセロナの4つ星ホテル </div> <div class="hotel-card__distance">都心までの200メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$122</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.4</span> <span class="hotel-card__reviews-count" title="2016レビュー"> (2016レビュー) </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/12956/1295633/1295633392.JPEG 1x, /data/Photos/700x500w/12956/1295633/1295633392.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/15996/1599643/1599643428.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643428.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/15996/1599643/1599643414.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643414.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/15996/1599643/1599643432.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643432.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/15996/1599643/1599643429.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643429.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/15996/1599643/1599643433.JPEG 1x, /data/Photos/700x500w/15996/1599643/1599643433.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39372e3131362e3130382e39372e3131302e3131362e3130352e3131352e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">アトランティスバイ Atbcn</h4> <div class="hotel-card__distance"> スペイン、バルセロナの3つ星ホテル </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$75</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="3379レビュー"> (3379レビュー) </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/8863/886395/886395865.JPEG 1x, /data/Photos/700x500w/8863/886395/886395865.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/9707/970755/970755898.JPEG 1x, /data/Photos/700x500w/9707/970755/970755898.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/8002/800278/800278380.JPEG 1x, /data/Photos/700x500w/8002/800278/800278380.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/8051/805107/805107249.JPEG 1x, /data/Photos/700x500w/8051/805107/805107249.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/8056/805663/805663287.JPEG 1x, /data/Photos/700x500w/8056/805663/805663287.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/8051/805106/805106091.JPEG 1x, /data/Photos/700x500w/8051/805106/805106091.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131352e3131362e39372e3130382e34352e39382e3130312e3131302e3130352e3130302e3131312e3131342e3130392e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">オスタルベニドルム</h4> <div class="hotel-card__distance"> スペイン、バルセロナの2つ星ゲストハウス </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$59</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="4619レビュー"> (4619レビュー) </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/12872/1287240/1287240469.JPEG 1x, /data/Photos/700x500w/12872/1287240/1287240469.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/12718/1271869/1271869057.JPEG 1x, /data/Photos/700x500w/12718/1271869/1271869057.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/12718/1271870/1271870722.JPEG 1x, /data/Photos/700x500w/12718/1271870/1271870722.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/12718/1271871/1271871949.JPEG 1x, /data/Photos/700x500w/12718/1271871/1271871949.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/12872/1287230/1287230581.JPEG 1x, /data/Photos/700x500w/12872/1287230/1287230581.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/12718/1271870/1271870941.JPEG 1x, /data/Photos/700x500w/12718/1271870/1271870941.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e3131312e3131352e3131362e39372e3130382e34352e3130382e39372e3131372e3131352e39372e3131302e3131302e3130312e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">オスタルローザンヌ</h4> <div class="hotel-card__distance"> スペイン、バルセロナの2つ星ゲストハウス </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$27</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count" title="2651レビュー"> (2651レビュー) </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/1273203/1273203118.JPEG 1x, /data/Photos/700x500w/12732/1273203/1273203118.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/16023/1602327/1602327359.JPEG 1x, /data/Photos/700x500w/16023/1602327/1602327359.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/16023/1602327/1602327365.JPEG 1x, /data/Photos/700x500w/16023/1602327/1602327365.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/15382/1538250/1538250289.JPEG 1x, /data/Photos/700x500w/15382/1538250/1538250289.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/15382/1538250/1538250292.JPEG 1x, /data/Photos/700x500w/15382/1538250/1538250292.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/15553/1555317/1555317097.JPEG 1x, /data/Photos/700x500w/15553/1555317/1555317097.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e39392e3131312e3131302e3131362e3130352e3131302e3130312e3131302e3131362e39372e3130382e34352e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e34352e3130342e3131312e3131362e3130312e3130382e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">ホテルコンチネンタルバルセロナ</h4> <div class="hotel-card__distance"> スペイン、バルセロナの3つ星ホテル </div> <div class="hotel-card__distance">都心までの100メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$104</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="1886レビュー"> (1886レビュー) </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/1273056/1273056370.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056370.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/1273056/1273056541.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056541.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/1273056/1273056442.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056442.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/1273055/1273055617.JPEG 1x, /data/Photos/700x500w/12730/1273055/1273055617.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/1273056/1273056727.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056727.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/1273056/1273056829.JPEG 1x, /data/Photos/700x500w/12730/1273056/1273056829.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131302e3131312e3131372e3131382e3130312e3130382e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">ホテルヌーベル</h4> <div class="hotel-card__distance"> スペイン、バルセロナの3つ星ホテル </div> <div class="hotel-card__distance">都心までの200メートル</div> <div class="hotel-card__footer"> <div class="hotel-card__price"> <div class="hotel-card__price-number">US$130</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="3064レビュー"> (3064レビュー) </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/13204/1320456/1320456514.JPEG 1x, /data/Photos/700x500w/13204/1320456/1320456514.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/15880/1588061/1588061520.JPEG 1x, /data/Photos/700x500w/15880/1588061/1588061520.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/15880/1588061/1588061545.JPEG 1x, /data/Photos/700x500w/15880/1588061/1588061545.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/14987/1498784/1498784173.JPEG 1x, /data/Photos/700x500w/14987/1498784/1498784173.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/14987/1498784/1498784236.JPEG 1x, /data/Photos/700x500w/14987/1498784/1498784236.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/14987/1498784/1498784239.JPEG 1x, /data/Photos/700x500w/14987/1498784/1498784239.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3131362e3131372e3131342e3130352e3131302e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">ホテルトゥリン</h4> <div class="hotel-card__distance"> スペイン、バルセロナの3つ星ホテル </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$127</div> <div class="hotel-card__price-text">１泊の平均価格</div> </div> <div class="hotel-card__reviews"> <span class="hotel-card__reviews-score">8.3</span> <span class="hotel-card__reviews-count" title="5661レビュー"> (5661レビュー) </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/15379/1537919/1537919620.JPEG 1x, /data/Photos/700x500w/15379/1537919/1537919620.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/16005/1600558/1600558061.JPEG 1x, /data/Photos/700x500w/16005/1600558/1600558061.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/15422/1542248/1542248725.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248725.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/15422/1542248/1542248722.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248722.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/15422/1542248/1542248575.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248575.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/15422/1542248/1542248605.JPEG 1x, /data/Photos/700x500w/15422/1542248/1542248605.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="3130342e3131362e3131362e3131322e3131352e35382e34372e34372e3130342e39392e39392e34352e3130392e3131312e3131302e3131362e39382e3130382e39372e3131302e39392e34362e3131362e3131312e3131322e39382e39372e3131342e39392e3130312e3130382e3131312e3131302e39372e3130342e3131312e3131362e3130312e3130382e3131352e34362e39392e3131312e3130392e34372e3130362e39372e3437"> <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> </div> <h4 class="hotel-card__title">Hcc モンブラン</h4> <div class="hotel-card__distance"> スペイン、バルセロナの3つ星ホテル </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$82</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="2393レビュー"> (2393レビュー) </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/near-ciutat-vella-dr132712/2/" data-part="2">2</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/ja/near-ciutat-vella-dr132712/3/" data-part="3">3</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/ja/near-ciutat-vella-dr132712/4/" data-part="4">4</a> </div> <div class="navigation__block"> <a class="navigation__text" href="/ja/near-ciutat-vella-dr132712/5/" data-part="5">5</a> </div> <div class="navigation__block"> <a class="navigation__next" href="/ja/near-ciutat-vella-dr132712/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"> Barcelona </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 | 2024 © topbarcelonahotels.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: 'topbarcelonahotels.com', page: 'hotel_list', type: 'destination', lang_id: '16', lang: 'ja', day: '24', month: '12', year: '2024', id: '2661572740', track: 'te1i9A37JonsPAUC', btest: false , device: 3 , tob: false , sdom: 'https://www.topbarcelonahotels.com', sid: '127241', 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":"\/near-ciutat-vella-dr132712\/?currency=1"}, obj_id: '45', theme: '8001', cityID: 45, map_params: { provider: '2', key: '' , lat: '41.386993', long: '2.170052' }, av_params: { use: '0', from: '2024-12-25', to: '2024-12-26', 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: 'mty5adswc', v: '0e8f9f80f2a1a0beee82ddb0eaceddf4' }; </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:'24', currentMonth:'12', currentYear:'2024', logId: '2661572740', track: 'te1i9A37JonsPAUC', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.topbarcelonahotels.com', siteId:'127241', nid:'55', siteDomain: 'topbarcelonahotels.com', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'45', hotelTheme:'8001', clickTrip: { destinationType: "city", cityId: "-372490", subAccount: "dest-clicktrip-n55-251224-s127241-wte1i9A37JonsPAUC-d8001-dc3" }, cityID: 45, cityLocalName: "Barcelona", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'41.386993' ,hotelLongitude:'2.170052' ,cityCenterLatitude: '41386993' ,cityCenterLongitude: '2170052' }, availableParams: { use:'0', dataFrom:'2024-12-25', dataTo:'2024-12-26', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'お名前を入力してください', messageEmail:'有効なメールアドレスを入力してください', messageSubject:'件名を選択してください', messageMessage:'メッセージを入力してください', messageReview:'テキストを入力してください', messageReviewCons:'テキストを入力してください', messageMonth:'月を選択してください', messageYear:'年を選択してください', messageRating:'宿泊施設を評価してください', messageCountry:'国を選択する', next:'次へ', prev:'前へ', messageCalendar:'日付を入力し、特別オファーを確認してください' }, stopSpamKey:'mty5adswc', stopSpamValue:'0e8f9f80f2a1a0beee82ddb0eaceddf4', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.topbarcelonahotels.com"]); _paq.push(["setDomains", ["*.topbarcelonahotels.com"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 127241]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'ja', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=127241" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/80/build/destination-search-page/script.65a5ea755e33364402d4ee00736465ea.js"></script> <script nomodule src="/new/designs/80/build/destination-search-page/script-es5.b67698a4c71f404e65e9bd2c64f580f6.js"></script> </body> </html>