スペインを移動する方法。交通機関

<!DOCTYPE html> <html class="no-js" lang="ja"> <head> <script type="text/javascript"> var texto = "（新しいウィンドウで開きます）"; </script> <link rel='manifest' href='/manifest.json?loc=ja'> <link rel="apple-touch-icon" href="/export/sites/segtur/.content/images/logo192.png"> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/kmb1yfs.css"> <link rel="stylesheet" href="https://use.typekit.net/wip1dnr.css"> <link rel="preload" href="/export/system/modules/es.segittur.comun/resources/fonts/mega_fresh-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style.min.css?tmp=20250214"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style-cookies.css"> <link rel="dns-prefetch" href="https://a.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://b.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://c.tile.openstreetmap.se" /> <title>スペインを移動する方法。交通機関 | spain.info</title> <meta name="description" content='スペインの最適な移動方法を見つける。スペインを旅するための空港、鉄道駅、バス、港の情報 | spain.info'/> <link rel="alternate" href="https://www.spain.info/de/sich-bewegen/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/kak-peredvigatsia/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/idou-houhou/" hreflang="ja"/> <link rel="canonical" href="https://www.spain.info/ja/idou-houhou/"/> <link rel="alternate" href="https://www.spain.info/en/getting-around/" hreflang="en"/> <link rel="alternate" href="https://www.spain.info/pt_BR/como-se-deslocar/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/come-muoversi/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/czym-sie-poruszac/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/comment-se-deplacer/" hreflang="fr"/> <link rel="alternate" href="https://www.spain.info/es/como-moverse/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/ja/idou-houhou/'/> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/como-moverse/', 'tipo-recurso': 'subhome', 'tipo-plantilla': '', 'eje-primario': 'Planifica tu viaje', 'eje-secundario': 'Cómo viajar por España' }); </script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N7W4FXW');</script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <header class="header"> <div id="cabecera" ><div> <nav class="navbar navbar-expand-custom"> <a class="navbar-brand" href="/ja/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim "><b>スペイン観光公式サイト</b></p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='検索'></span></button> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation"> <span> </span> <span> </span> <span> </span> </button> <div class="form-inline buscador-general"> <div class="container">  <button class="icon-close" aria-label='閉じる'><span></span></button> <form action="/ja/kensaku-kekka/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="検索" xml:lang="es" class="sr-only">検索</label> <input name="q" class="form-control input-visible" type="search" placeholder="検索" aria-label="検索"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="検索"> </fieldset> </form> </div> </div> <div class="collapse navbar-collapse" id="mainMenu"> <ul class="navbar-nav menu-items"> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-dondeir" aria-haspopup="true" aria-expanded="false"> <span>行き先</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="mapamenu" class="dropdown-menu mapamenu list-sync-resource mapa-switch" aria-labelledby="dropdown-dondeir"> <div class="container"> <button class="icon-close" aria-label='閉じる'><span></span></button> <div class="title-box mb-1"> <div class="title"><p>目的地を<strong>ご覧ください</strong></p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/ja/mokuteki/madoriido/" id="list-mdn-madrid" class="dropdown-item active "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>マドリード</a> </li> <li> <a href="/ja/mokuteki/baruserona/" id="list-mdn-barcelona" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>バルセロナ</a> </li> <li> <a href="/ja/mokuteki/barenshia/" id="list-mdn-valencia" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>バレンシア</a> </li> <li> <a href="/ja/mokuteki/sebiijya/" id="list-mdn-sevilla" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>セビリア</a> </li> <li> <a href="/ja/mokuteki/saragosa/" id="list-mdn-zaragoza" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>サラゴサ</a> </li> <li> <a href="/ja/mokuteki/maraga/" id="list-mdn-malaga" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>マラガ</a> </li> <li> <a href="/ja/mokuteki/birubao/" id="list-mdn-bilbao" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>ビルバオ</a> </li> <li> <a href="/ja/mokuteki/santeiago-konposuteera/" id="list-mdn-santiago-de-compostela" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>サンティアゴ・デ・コンポステーラ</a> </li> <li> <a href="/ja/mokuteki/saramanka/" id="list-mdn-salamanca" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>サラマンカ</a> </li> <li> <a href="/ja/mokuteki/santandeeru/" id="list-mdn-santander" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>サンタンデール</a> </li> <li> <a href="/ja/mokuteki/kaseresu/" id="list-mdn-caceres" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>カセレス</a> </li> <li> <a href="/ja/chiiki/kanaria-shotou/" id="list-mdn-islas-canarias" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>カナリア諸島</a> </li> <li> <a href="/ja/chiiki/barearesu-shotou/" id="list-mdn-islas-baleares" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>バレアレス諸島</a> </li> <li> <a href="/ja/mokutekichi/" class="dropdown-item d-block d-customdk-none">目的地をすべて見る</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/ja/kensaku-kekka/"> <fieldset> <input type="hidden" value="SEG-TUR-Destino" name="typeFilter"> <input type="hidden" value="" name="reloaded"> <label lang="es" for="buscadorDestinos" xml:lang="es" class="sr-only">目的地検索</label> <input name="q" class="form-control input-visible" type="search" placeholder="その他の目的地を検索する" aria-label="その他の目的地を検索する"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="その他の目的地を検索する"> </fieldset> </form> <a href="/ja/mokutekichi/" class="btn btn-dark text-uppercase">目的地をすべて見る</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu">  <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="ja" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div>  </div> </div> </div> </li> <li class="nav-item dropdown list-images-dk"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-quehacer" aria-haspopup="true" aria-expanded="false"> <span>おすすめプラン</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="quehacer" class="dropdown-menu" aria-labelledby="dropdown-quehacer"> <div class="container"> <button class="icon-close" aria-label='閉じる'><span></span></button> <div class="title-box mb-1"> <div class="title"><p>あらゆるお好みに合う<strong>プラン</strong></p></div> <hr> </div> <a class="dropdown-item" href="/ja/geijutsu-bunka/" title="表示する：芸術と文化"> <img id="imgAct1" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sagrada-familia-c-jace-grandinetti-U167181.jpg" class="img-fluid img-menu" alt="芸術と文化" title="芸術と文化" /> <span>芸術と文化</span> </a> <a class="dropdown-item" href="/ja/kaigan-biichi/" title="表示する：海岸とビーチ"> <img id="imgAct2" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/shutterstock_740751832.jpg" class="img-fluid img-menu" alt="海岸とビーチ" title="海岸とビーチ" /> <span>海岸とビーチ</span> </a> <a class="dropdown-item" href="/ja/machi/" title="表示する：市内観光"> <img id="imgAct3" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/alcala-madrid-s378537616.jpg" class="img-fluid img-menu" alt="市内観光" title="市内観光" /> <span>市内観光</span> </a> <a class="dropdown-item" href="/ja/shizen/" title="表示する：自然"> <img id="imgAct4" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/pn-garajonay-s381203209.jpg" class="img-fluid img-menu" alt="自然" title="自然" /> <span>自然</span> </a> <a class="dropdown-item" href="/ja/gurume-wainkankou/" title="表示する：グルメとワイン学"> <img id="imgAct5" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sepia-s103864166.jpg" class="img-fluid img-menu" alt="グルメとワイン学" title="グルメとワイン学" /> <span>グルメとワイン学</span> </a> <a class="dropdown-item" href="/ja/supootsu-adobenchaa/" title="表示する：スポーツとアドベンチャー"> <img id="imgAct6" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-naturaleza-canarias-c-radek-u-zLWGDlOXCKs.jpg" class="img-fluid img-menu" alt="スポーツとアドベンチャー" title="スポーツとアドベンチャー" /> <span>スポーツとアドベンチャー</span> </a> <a class="dropdown-item" href="/ja/shoppingu/" title="表示する：ショッピング"> <img id="imgAct7" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/compras-s343979471.jpg" class="img-fluid img-menu" alt="ショッピング" title="ショッピング" /> <span>ショッピング</span> </a> <a class="dropdown-item" href="/ja/ruutosu/" title="表示する：ルート"> <img id="imgAct8" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/peregrino-santiago-s1465891958.jpg" class="img-fluid img-menu" alt="ルート" title="ルート" /> <span>ルート</span> </a> </div> </div> </li> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-info" aria-haspopup="true" aria-expanded="false"> <span>旅の計画を立てよう</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="info" class="dropdown-menu" aria-labelledby="dropdown-info"> <div class="container"> <button class="icon-close" aria-label='閉じる'><span></span></button> <div class="title-box mb-1"> <div class="title"><p>スペイン旅行の<strong>準備をしよう</strong></p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="https://sustainability.spain.info/en/" id="info-1" title="表示する：スペインにおける持続可能性" class="dropdown-item hacerblank active"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>スペインにおける持続可能性</a> </li> <li> <a href="/ja/supein-ni-tsuite/" id="info-2" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>スペインについて</a> </li> <li> <a href="/ja/jouhou/" id="info-3" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>お役立ち情報</a> </li> <li> <a href="/ja/akusesu-houhou/" id="info-4" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>スペインへのアクセス方法</a> </li> <li> <a href="/ja/idou-houhou/" id="info-5" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>スペインを旅する方法</a> </li> <li> <a href="/ja/akutibitii/" id="info-6" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>エクスペリエンスの予約</a> </li> <li> <a href="/ja/ruuto-purannaa/" id="info-7" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>ルートプランナー</a> </li> <li> <a href="/ja/panfuretto/" id="info-8" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>パンフレットのダウンロード</a> </li> <li> <a href="/ja/kikou/" id="info-9" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>天気</a> </li> <li> <a href="/ja/ryokou-adobaisu/biza-pasupooto/" id="info-10" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>ビザとパスポート</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="https://sustainability.spain.info/en/" title="表示する：スペインにおける持続可能性" id="card-1" class="card show standard-box-shadow hacerblank"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="スペインにおける持続可能性" title="スペインにおける持続可能性"/> <div class="card-body"> <p class="title text-uppercase">スペインにおける持続可能性</p> <p class="card-text mb-0">環境や社会に配慮した休暇を計画しませんか。一緒に、地球を大切にしましょう。</p> </div> </a> <a href="/ja/supein-ni-tsuite/" title="表示する：スペインについて" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="スペインについて" title="スペインについて"/> <div class="card-body"> <p class="title text-uppercase">スペインについて</p> <p class="card-text mb-0">スペインという国、およびその文化、自然、グルメ、人々にまつわるデータや魅力の数々。</p> </div> </a> <a href="/ja/jouhou/" title="表示する：お役立ち情報" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="お役立ち情報" title="お役立ち情報"/> <div class="card-body"> <p class="title text-uppercase">お役立ち情報</p> <p class="card-text mb-0">入国に関する要件、通貨、安全、公衆衛生、時間帯等に関するアドバイスに従って事前に旅の計画を立てましょう。</p> </div> </a> <a href="/ja/akusesu-houhou/" title="表示する：スペインへのアクセス方法" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="スペインへのアクセス方法" title="スペインへのアクセス方法"/> <div class="card-body"> <p class="title text-uppercase">スペインへのアクセス方法</p> <p class="card-text mb-0">空港やクルーズ船ターミナルに関する情報を入手したり、世界各地からの飛行時間を確認したりすることができます。</p> </div> </a> <a href="/ja/idou-houhou/" title="表示する：スペインを旅する方法" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="スペインを旅する方法" title="スペインを旅する方法"/> <div class="card-body"> <p class="title text-uppercase">スペインを旅する方法</p> <p class="card-text mb-0">スペインの主要な都市間の接続について役立つデータをご案内します。</p> </div> </a> <a href="/ja/akutibitii/" title="表示する：エクスペリエンスの予約" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="エクスペリエンスの予約" title="エクスペリエンスの予約"/> <div class="card-body"> <p class="title text-uppercase">エクスペリエンスの予約</p> <p class="card-text mb-0">山ほどあるアクティビティからあなたにピッタリのものをお選びください。テーマと楽しみたい場所を選ぶだけです。</p> </div> </a> <a href="/ja/ruuto-purannaa/" title="表示する：ルートプランナー" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="ルートプランナー" title="ルートプランナー"/> <div class="card-body"> <p class="title text-uppercase">ルートプランナー</p> <p class="card-text mb-0">ニーズを網羅したルートに沿って自分だけのスペイン旅行プランを作成してみましょう。</p> </div> </a> <a href="/ja/panfuretto/" title="表示する：パンフレットのダウンロード" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="パンフレットのダウンロード" title="パンフレットのダウンロード"/> <div class="card-body"> <p class="title text-uppercase">パンフレットのダウンロード</p> <p class="card-text mb-0">パンフレットとデジタルガイドから最高のグルメ、文化、お祭りをご覧になれます。</p> </div> </a> <a href="/ja/kikou/" title="表示する：天気" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="天気" title="天気"/> <div class="card-body"> <p class="title text-uppercase">天気</p> <p class="card-text mb-0">各地の平均気温と日照時間、ならびに季節に合った服装をご覧ください。</p> </div> </a> <a href="/ja/ryokou-adobaisu/biza-pasupooto/" title="表示する：ビザとパスポート" id="card-10" class="card standard-box-shadow"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="ビザとパスポート" title="ビザとパスポート"/> <div class="card-body"> <p class="title text-uppercase">ビザとパスポート</p> <p class="card-text mb-0">スペインへのご旅行の際にビザが必要かどうかご存知ですか。ビザの種類とその取得方法についてご覧ください。</p> </div> </a> </div> </div> </div> </li> <li class="nav-item"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="/ja/karendaa/" role="button" id="link-agenda"> <span>イベントカレンダー</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span></a> </li> </ul> <div class="navbar-nav alternate"> <ul class="list-idiomas"> <li class="nav-item"> <a class="nav-link" href="#" id="locale-ja" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> 日本語<span class="icon-angle-down float-right d-none d-customdk-block"></span> <span class="icon-arrow-right-fill2 secondary-color float-right d-customdk-none"></span> </a> <div id="cajaidioma" class="dropdown-menu" aria-labelledby="locale-ja"> <ul> <li class="nav-item"> <a href="/es/como-moverse/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item"> <a href="/en/getting-around/" class="dropdown-item" id="locale-en"> English</a> </li> <li class="nav-item"> <a href="/de/sich-bewegen/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item"> <a href="/fr/comment-se-deplacer/" class="dropdown-item" id="locale-fr"> Français</a> </li> <li class="nav-item"> <a href="/it/come-muoversi/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item"> <a href="/pt_BR/como-se-deslocar/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item"> <a href="/ru/kak-peredvigatsia/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item"> <a href="/pl/czym-sie-poruszac/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/en/" class="dropdown-item hacerblank" id="locale-gcc_en">GCC (English)</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/ar/" class="dropdown-item hacerblank" id="locale-gcc_ar">مجلس التعاون الخليجي (عربي)</a> </li> <li class="nav-item"> <a href="https://www.visitspain.com.cn/" class="dropdown-item hacerblank" id="locale-gcc">中国</a> </li> </ul> </div> </li> </ul> </div> <div class="enlaces-utiles"> <div class="container"> <ul class="list"> <li class="list-item"> <a href="/ja/intarakutibu-mappu/" class="" > <span class="icon-map-marker"></span> <span class="text">インタラクティブマップ</span> </a> </li> <li class="list-item"> <a href="/ja/supein-ryokou-keikaku/" class="" > <span class="icon-mi-viaje"></span> <span class="text">私の理想の旅</span> </a> </li> <li class="list-item"> <a href="/ja/app/okiniiri/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">お気に入り</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterJapones.aspx" class="hacerblank" rel="nofollow" > <span class="icon-mail-social"></span> <span class="text">ニュースレター</span> </a> </li> </ul> </div> </div> </div> </nav> </div> </div></header><main> <div id="cuerpo" ><section class="cabecera pano img-portada-container bg-cover layer-dark-shadow centered wrapper-combos">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_604889389.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_1014274486.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_78431701.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_604889389.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/chica-transporte-s456518287.jpg_1014274486.jpg' class='img-fluid img-editable' alt='スペインを旅する方法' title='スペインを旅する方法'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid">スペインを旅する方法</h1> <span class="subtitle text-white"><p>アクセスの良好な目的地</p></span> </div> </div> </section> <section class="breadcrumbs bg-primary-color"> <div class="container"> <div class="row align-items-center"> <div class="d-none d-sm-block col-sm-6 text-left"> <nav aria-label="Breadcrumb" class="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/ja/" target="_self" title="" >トップ</a></li> </ol> </nav> </div> <div class="col-sm-6"> </div> </div> </div> </section> <section class="module entradilla centered"> <div class="container"> <h2 class="title text-center">スペインでの移動</h2> <p class="text-secundario text-center"> スペインの主要都市間の距離とアクセスに関するお役立ち情報を紹介します。今後スペイン国内を回る旅行を計画する機会があれば、ぜひ参考にしてみてください。カナリア諸島行きを除くすべての国内線航空路の所要時間は2時間未満です。さらに約17,000キロメートルの高速道路があり、高速列車（AVE）ではマドリードからバルセロナ、セビリア、バレンシアなどの主要都市へ3時間以内で移動できます。<span class="br"></span> これでスペイン旅行の準備は万端。</p> </div> </section> <div class="module bg-white"> <div class="container"> </div> <section id="accordionTabmap" class="interactive-map__con-acordeones mapa-switch"> <section class="accordion-tabs "> <div class="container"> <div class="row"> <div class="col-lg-4"> <div class="accordion"> <div class="card"> <div class="card-header" id="Accheading1"> <p class="mb-0"> <button id="list-dt-madrid" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1"> マドリード</button> </p> </div> <div id="collapse1" class="panel-collapseMov collapse show" aria-labelledby="heading-dt-madrid" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab1-1" data-toggle="tab" href="#medio-plane-1-1" role="tab" aria-controls="medio-plane-1-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab1-2" data-toggle="tab" href="#medio-train-1-2" role="tab" aria-controls="medio-train-1-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab1-3" data-toggle="tab" href="#medio-car-1-3" role="tab" aria-controls="medio-car-1-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> </ul> <div class="tab-content" id="myTabContent1"> <div class="tab-pane fade show active" id="medio-plane-1-1" role="tabpanel" aria-labelledby="plane-tab1-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">バルセロナ</th> <td>625 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">バレアレス諸島</th> <td>700 km</td> <td>1時間20分</td> <tr> <tr> <th scope="row">カナリア諸島</th> <td>2000 km</td> <td>2時間50分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>525 km</td> <td>1時間</td> <tr> <tr> <th scope="row">マラガ</th> <td>530 km</td> <td>1時間10分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>400 km</td> <td>1時間</td> <tr> <tr> <th scope="row">バレンシア</th> <td>360 km</td> <td>55分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>450 km</td> <td>1時間10分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>595 km</td> <td>1時間10分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-1-2" role="tabpanel" aria-labelledby="train-tab1-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">バルセロナ</th> <td>625 km</td> <td>2時間30分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>525 km</td> <td>2時間30分</td> <tr> <tr> <th scope="row">マラガ</th> <td>530 km</td> <td>2時間25分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>400 km</td> <td>5時間15分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>360 km</td> <td>1時間40分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>315 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>450 km</td> <td>4時間15分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>595 km</td> <td>3時間</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>214 km</td> <td>1時間40分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-1-3" role="tabpanel" aria-labelledby="car-tab1-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">バルセロナ</th> <td>625 km</td> <td>6時間</td> <tr> <tr> <th scope="row">セビージャ</th> <td>525 km</td> <td>5時間</td> <tr> <tr> <th scope="row">マラガ</th> <td>530 km</td> <td>5時間15分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>400 km</td> <td>4時間</td> <tr> <tr> <th scope="row">バレンシア</th> <td>360 km</td> <td>3時間30分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>315 km</td> <td>3時間10分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>450 km</td> <td>4時間30分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>595 km</td> <td>5時間45分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>214 km</td> <td>2時間15分</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading2"> <p class="mb-0"> <button id="list-dt-barcelona" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2"> バルセロナ</button> </p> </div> <div id="collapse2" class="panel-collapseMov collapse " aria-labelledby="heading-dt-barcelona" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab2-1" data-toggle="tab" href="#medio-plane-2-1" role="tab" aria-controls="medio-plane-2-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab2-2" data-toggle="tab" href="#medio-train-2-2" role="tab" aria-controls="medio-train-2-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab2-3" data-toggle="tab" href="#medio-car-2-3" role="tab" aria-controls="medio-car-2-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="ship-tab2-4" data-toggle="tab" href="#medio-ship-2-4" role="tab" aria-controls="medio-ship-2-4" aria-selected="false"><span class="icon-ship-fill"></span><p class="text-uppercase">船</p></a> </li> </ul> <div class="tab-content" id="myTabContent2"> <div class="tab-pane fade show active" id="medio-plane-2-1" role="tabpanel" aria-labelledby="plane-tab2-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>625 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">バレアレス諸島</th> <td>285 km</td> <td>45分</td> <tr> <tr> <th scope="row">カナリア諸島</th> <td>2450 km</td> <td>3時間15分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>1000 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">マラガ</th> <td>930 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>600 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>350 km</td> <td>55分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>705 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>1100 km</td> <td>1時間40分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-2-2" role="tabpanel" aria-labelledby="train-tab2-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>625 km</td> <td>2時間30分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>1000 km</td> <td>5時間25分</td> <tr> <tr> <th scope="row">マラガ</th> <td>930 km</td> <td>6時間</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>600 km</td> <td>6時間30分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>350 km</td> <td>3時間15分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>315 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>705 km</td> <td>7時間20分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>1100 km</td> <td>7時間10分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>842 km</td> <td>5時間20分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-2-3" role="tabpanel" aria-labelledby="car-tab2-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>625 km</td> <td>6時間</td> <tr> <tr> <th scope="row">セビージャ</th> <td>1000 km</td> <td>9時間30分</td> <tr> <tr> <th scope="row">マラガ</th> <td>930 km</td> <td>9時間30分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>600 km</td> <td>5時間45分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>350 km</td> <td>3時間30分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>315 km</td> <td>3時間10分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>705 km</td> <td>7時間25分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>1100 km</td> <td>11時間</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>842 km</td> <td>8時間10分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-ship-2-4" role="tabpanel" aria-labelledby="ship-tab2-4"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">バレアレス諸島</th> <td>285 km</td> <td>6時間</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading3"> <p class="mb-0"> <button id="list-dt-islas-baleares" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3"> バレアレス諸島</button> </p> </div> <div id="collapse3" class="panel-collapseMov collapse " aria-labelledby="heading-dt-islas-baleares" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab3-1" data-toggle="tab" href="#medio-plane-3-1" role="tab" aria-controls="medio-plane-3-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="ship-tab3-2" data-toggle="tab" href="#medio-ship-3-2" role="tab" aria-controls="medio-ship-3-2" aria-selected="false"><span class="icon-ship-fill"></span><p class="text-uppercase">船</p></a> </li> </ul> <div class="tab-content" id="myTabContent3"> <div class="tab-pane fade show active" id="medio-plane-3-1" role="tabpanel" aria-labelledby="plane-tab3-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>700 km</td> <td>1時間20分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>285 km</td> <td>45分</td> <tr> <tr> <th scope="row">カナリア諸島</th> <td>2500 km</td> <td>3時間</td> <tr> <tr> <th scope="row">セビージャ</th> <td>950 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">マラガ</th> <td>850 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>875 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>250 km</td> <td>50分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>695 km</td> <td>1時間25分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>1300 km</td> <td>1時間50分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>900 km</td> <td>1時間25分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-ship-3-2" role="tabpanel" aria-labelledby="ship-tab3-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">バルセロナ</th> <td>285 km</td> <td>6時間</td> <tr> <tr> <th scope="row">バレンシア</th> <td>250 km</td> <td>5時間</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading4"> <p class="mb-0"> <button id="list-dt-islas-canarias" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4"> カナリア諸島</button> </p> </div> <div id="collapse4" class="panel-collapseMov collapse " aria-labelledby="heading-dt-islas-canarias" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab4-1" data-toggle="tab" href="#medio-plane-4-1" role="tab" aria-controls="medio-plane-4-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> </ul> <div class="tab-content" id="myTabContent4"> <div class="tab-pane fade show active" id="medio-plane-4-1" role="tabpanel" aria-labelledby="plane-tab4-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>2000 km</td> <td>2時間50分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>2450 km</td> <td>3時間15分</td> <tr> <tr> <th scope="row">バレアレス諸島</th> <td>2500 km</td> <td>3時間</td> <tr> <tr> <th scope="row">セビージャ</th> <td>1500 km</td> <td>2時間15分</td> <tr> <tr> <th scope="row">マラガ</th> <td>1750 km</td> <td>2時間15分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>2350 km </td> <td>3時間5分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>2150 km</td> <td>2時間45分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>2350 km</td> <td>3時間10分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>2055 km</td> <td>3時間</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>2200 km</td> <td>2時間45分</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading5"> <p class="mb-0"> <button id="list-dt-sevilla" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5"> セビージャ</button> </p> </div> <div id="collapse5" class="panel-collapseMov collapse " aria-labelledby="heading-dt-sevilla" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab5-1" data-toggle="tab" href="#medio-plane-5-1" role="tab" aria-controls="medio-plane-5-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab5-2" data-toggle="tab" href="#medio-train-5-2" role="tab" aria-controls="medio-train-5-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab5-3" data-toggle="tab" href="#medio-car-5-3" role="tab" aria-controls="medio-car-5-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> </ul> <div class="tab-content" id="myTabContent5"> <div class="tab-pane fade show active" id="medio-plane-5-1" role="tabpanel" aria-labelledby="plane-tab5-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>525 km</td> <td>1時間</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>1000 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">バレアレス諸島</th> <td>950 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">カナリア諸島</th> <td>1500 km</td> <td>2時間15分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>860 km</td> <td>1時間20分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>655 km</td> <td>1時間10分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>825 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>800 km</td> <td>1時間25分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-5-2" role="tabpanel" aria-labelledby="train-tab5-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>525 km</td> <td>2時間30分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>1000 km</td> <td>5時間25分</td> <tr> <tr> <th scope="row">マラガ</th> <td>205 km</td> <td>2時間</td> <tr> <tr> <th scope="row">バレンシア</th> <td>655 km</td> <td>4時間</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>840 km</td> <td>3時間40分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>825 km</td> <td>8時間30分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>800 km</td> <td>7時間40分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>462 km</td> <td>6時間35分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-5-3" role="tabpanel" aria-labelledby="car-tab5-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>525 km</td> <td>5時間</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>1000 km</td> <td>9時間30分</td> <tr> <tr> <th scope="row">マラガ</th> <td>205 km</td> <td>2時間15分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>860 km</td> <td>7時間50分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>655 km</td> <td>6時間15分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>840 km</td> <td>7時間40分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>825 km</td> <td>8時間20分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>800 km</td> <td>8時間20分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>462 km</td> <td>4時間20分</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading6"> <p class="mb-0"> <button id="list-dt-malaga" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6"> マラガ</button> </p> </div> <div id="collapse6" class="panel-collapseMov collapse " aria-labelledby="heading-dt-malaga" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab6-1" data-toggle="tab" href="#medio-plane-6-1" role="tab" aria-controls="medio-plane-6-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab6-2" data-toggle="tab" href="#medio-train-6-2" role="tab" aria-controls="medio-train-6-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab6-3" data-toggle="tab" href="#medio-car-6-3" role="tab" aria-controls="medio-car-6-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> </ul> <div class="tab-content" id="myTabContent6"> <div class="tab-pane fade show active" id="medio-plane-6-1" role="tabpanel" aria-labelledby="plane-tab6-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>530 km</td> <td>1時間10分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>930 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">バレアレス諸島</th> <td>850 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">カナリア諸島</th> <td>1750 km</td> <td>2時間15分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>920 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>610 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>948 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>1100 km</td> <td>1時間30分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-6-2" role="tabpanel" aria-labelledby="train-tab6-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>530 km</td> <td>2時間25分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>930 km</td> <td>6時間</td> <tr> <tr> <th scope="row">セビージャ</th> <td>205 km</td> <td>1時間55分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>610 km</td> <td>4時間10分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>830 km</td> <td>3時間55分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>948 km</td> <td>8時間15分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>1100 km</td> <td>7時間50分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>680 km</td> <td>6時間40分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-6-3" role="tabpanel" aria-labelledby="car-tab6-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>530 km</td> <td>5時間15分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>930 km</td> <td>9時間30分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>205 km</td> <td>2時間15分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>920 km</td> <td>8時間40分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>610 km</td> <td>6時間10分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>830 km</td> <td>8時間</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>948 km</td> <td>10時間20分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>1100 km</td> <td>10時間30分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>680 km</td> <td>6時間30分</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading7"> <p class="mb-0"> <button id="list-dt-bilbao" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse7" aria-expanded="false" aria-controls="collapse7"> ビルバオ</button> </p> </div> <div id="collapse7" class="panel-collapseMov collapse " aria-labelledby="heading-dt-bilbao" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab7-1" data-toggle="tab" href="#medio-plane-7-1" role="tab" aria-controls="medio-plane-7-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab7-2" data-toggle="tab" href="#medio-train-7-2" role="tab" aria-controls="medio-train-7-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab7-3" data-toggle="tab" href="#medio-car-7-3" role="tab" aria-controls="medio-car-7-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> </ul> <div class="tab-content" id="myTabContent7"> <div class="tab-pane fade show active" id="medio-plane-7-1" role="tabpanel" aria-labelledby="plane-tab7-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>400 km</td> <td>1時間</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>600 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">バレアレス諸島</th> <td>875 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">カナリア諸島</th> <td>2350 km</td> <td>3時間5分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>860 km</td> <td>1時間20分</td> <tr> <tr> <th scope="row">マラガ</th> <td>920 km</td> <td>1時間25分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>610 km</td> <td>1時間10分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>580 km</td> <td>1時間5分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-7-2" role="tabpanel" aria-labelledby="train-tab7-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>400 km</td> <td>5時間15分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>600 km</td> <td>6時間30分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>300 km</td> <td>4時間30分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>104 km</td> <td>2時間56分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>580 km</td> <td>10時間</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>397 km</td> <td>5時間50分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-7-3" role="tabpanel" aria-labelledby="car-tab7-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>400 km</td> <td>4時間</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>600 km</td> <td>5時間45分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>860 km</td> <td>7時間50分</td> <tr> <tr> <th scope="row">マラガ</th> <td>920 km</td> <td>8時間40分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>610 km</td> <td>5時間50分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>300 km</td> <td>2時間55分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>104 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>580 km</td> <td>5時間40分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>397 km</td> <td>3時間50分</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading8"> <p class="mb-0"> <button id="list-dt-valencia" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse8" aria-expanded="false" aria-controls="collapse8"> バレンシア</button> </p> </div> <div id="collapse8" class="panel-collapseMov collapse " aria-labelledby="heading-dt-valencia" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab8-1" data-toggle="tab" href="#medio-plane-8-1" role="tab" aria-controls="medio-plane-8-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab8-2" data-toggle="tab" href="#medio-train-8-2" role="tab" aria-controls="medio-train-8-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab8-3" data-toggle="tab" href="#medio-car-8-3" role="tab" aria-controls="medio-car-8-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="ship-tab8-4" data-toggle="tab" href="#medio-ship-8-4" role="tab" aria-controls="medio-ship-8-4" aria-selected="false"><span class="icon-ship-fill"></span><p class="text-uppercase">船</p></a> </li> </ul> <div class="tab-content" id="myTabContent8"> <div class="tab-pane fade show active" id="medio-plane-8-1" role="tabpanel" aria-labelledby="plane-tab8-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>360 km</td> <td>55分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>350 km</td> <td>55分</td> <tr> <tr> <th scope="row">バレアレス諸島</th> <td>250 km</td> <td>50分</td> <tr> <tr> <th scope="row">カナリア諸島</th> <td>2150 km</td> <td>2時間45分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>655 km</td> <td>1時間10分</td> <tr> <tr> <th scope="row">マラガ</th> <td>610 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>610 km</td> <td>1時間10分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>685 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>950 km</td> <td>1時間30分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-8-2" role="tabpanel" aria-labelledby="train-tab8-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>360 km</td> <td>1時間40分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>350 km</td> <td>3時間15分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>655 km</td> <td>4時間</td> <tr> <tr> <th scope="row">マラガ</th> <td>610 km</td> <td>4時間15分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>310 km</td> <td>4時間15分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>685 km</td> <td>6時間25分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>950 km</td> <td>7時間10分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>578 km</td> <td>5時間50分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-8-3" role="tabpanel" aria-labelledby="car-tab8-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>360 km</td> <td>3時間30分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>350 km</td> <td>3時間30分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>655 km</td> <td>6時間15分</td> <tr> <tr> <th scope="row">マラガ</th> <td>610 km</td> <td>6時間10分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>610 km</td> <td>5時間50分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>310 km</td> <td>3時間</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>685 km</td> <td>7時間30分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>950 km</td> <td>9時間</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>578 km</td> <td>5時間30分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-ship-8-4" role="tabpanel" aria-labelledby="ship-tab8-4"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">バレアレス諸島</th> <td>250 km</td> <td>5時間</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading9"> <p class="mb-0"> <button id="list-dt-zaragoza" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse9" aria-expanded="false" aria-controls="collapse9"> サラゴサ</button> </p> </div> <div id="collapse9" class="panel-collapseMov collapse " aria-labelledby="heading-dt-zaragoza" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab9-1" data-toggle="tab" href="#medio-plane-9-1" role="tab" aria-controls="medio-plane-9-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab9-2" data-toggle="tab" href="#medio-train-9-2" role="tab" aria-controls="medio-train-9-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab9-3" data-toggle="tab" href="#medio-car-9-3" role="tab" aria-controls="medio-car-9-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> </ul> <div class="tab-content" id="myTabContent9"> <div class="tab-pane fade show active" id="medio-plane-9-1" role="tabpanel" aria-labelledby="plane-tab9-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">カナリア諸島</th> <td>2350 km</td> <td>3時間10分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>780 km</td> <td>1時間25分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-9-2" role="tabpanel" aria-labelledby="train-tab9-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>315 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>315 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>840 km</td> <td>3時間40分</td> <tr> <tr> <th scope="row">マラガ</th> <td>830 km</td> <td>4時間10分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>300 km</td> <td>4時間30分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>310 km</td> <td>4時間25分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>403 km</td> <td>6時間</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>780 km</td> <td>7時間20分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>538 km</td> <td>4時間15分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-9-3" role="tabpanel" aria-labelledby="car-tab9-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>315 km </td> <td>3時間10分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>315 km</td> <td>3時間10分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>840 km</td> <td>7時間40分</td> <tr> <tr> <th scope="row">マラガ</th> <td>830 km</td> <td>8時間</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>300 km</td> <td>2時間55分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>310 km</td> <td>3時間</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>403 km</td> <td>4時間25分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>780 km</td> <td>7時間45分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>538 km</td> <td>5時間10分</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading10"> <p class="mb-0"> <button id="list-dt-santander" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse10" aria-expanded="false" aria-controls="collapse10"> サンタンデール</button> </p> </div> <div id="collapse10" class="panel-collapseMov collapse " aria-labelledby="heading-dt-santander" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab10-1" data-toggle="tab" href="#medio-plane-10-1" role="tab" aria-controls="medio-plane-10-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab10-2" data-toggle="tab" href="#medio-train-10-2" role="tab" aria-controls="medio-train-10-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab10-3" data-toggle="tab" href="#medio-car-10-3" role="tab" aria-controls="medio-car-10-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> </ul> <div class="tab-content" id="myTabContent10"> <div class="tab-pane fade show active" id="medio-plane-10-1" role="tabpanel" aria-labelledby="plane-tab10-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>450 km</td> <td>1時間10分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>705 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">バレアレス諸島</th> <td>695 km</td> <td>1時間25分</td> <tr> <tr> <th scope="row">カナリア諸島</th> <td>2055 km</td> <td>3時間</td> <tr> <tr> <th scope="row">セビージャ</th> <td>825 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">マラガ</th> <td>948 km</td> <td>1時間35分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>685 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>490 km</td> <td>3時間15分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-10-2" role="tabpanel" aria-labelledby="train-tab10-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>450 km</td> <td>4時間15分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>705 km</td> <td>7時間20分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>825 km</td> <td>8時間30分</td> <tr> <tr> <th scope="row">マラガ</th> <td>948 km</td> <td>8時間15分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>104 km</td> <td>2時間56分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>685 km</td> <td>6時間25分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>403 km</td> <td>6時間</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>362 km</td> <td>6時間45分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>490 km</td> <td>9時間</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-10-3" role="tabpanel" aria-labelledby="car-tab10-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>450 km</td> <td>4時間30分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>705 km</td> <td>7時間25分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>825 km</td> <td>8時間20分</td> <tr> <tr> <th scope="row">マラガ</th> <td>948 km</td> <td>10時間20分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>104 km</td> <td>1時間15分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>685 km</td> <td>7時間30分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>403 km</td> <td>4時間25分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>362 km</td> <td>3時間20分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>490 km</td> <td>4時間40分</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading11"> <p class="mb-0"> <button id="list-dt-santiago-de-compostela" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse11" aria-expanded="false" aria-controls="collapse11"> サンティアゴ・デ・コンポステーラ</button> </p> </div> <div id="collapse11" class="panel-collapseMov collapse " aria-labelledby="heading-dt-santiago-de-compostela" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab11-1" data-toggle="tab" href="#medio-plane-11-1" role="tab" aria-controls="medio-plane-11-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab11-2" data-toggle="tab" href="#medio-train-11-2" role="tab" aria-controls="medio-train-11-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab11-3" data-toggle="tab" href="#medio-car-11-3" role="tab" aria-controls="medio-car-11-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> </ul> <div class="tab-content" id="myTabContent11"> <div class="tab-pane fade show active" id="medio-plane-11-1" role="tabpanel" aria-labelledby="plane-tab11-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>595 km</td> <td>1時間10分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>1100 km</td> <td>1時間40分</td> <tr> <tr> <th scope="row">バレアレス諸島</th> <td>1300 km</td> <td>1時間50分</td> <tr> <tr> <th scope="row">カナリア諸島</th> <td>2200 km</td> <td>2時間45分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>800 km</td> <td>1時間25分</td> <tr> <tr> <th scope="row">マラガ</th> <td>1100 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>580 km</td> <td>1時間5分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>950 km</td> <td>1時間30分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>780 km</td> <td>1時間25分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>490 km</td> <td>3時間15分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-11-2" role="tabpanel" aria-labelledby="train-tab11-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>595 km</td> <td>3時間</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>1100 km</td> <td>7時間10分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>800 km</td> <td>7時間40分</td> <tr> <tr> <th scope="row">マラガ</th> <td>1100 km</td> <td>7時間50分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>580 km</td> <td>10時間</td> <tr> <tr> <th scope="row">バレンシア</th> <td>950 km</td> <td>7時間10分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>780 km</td> <td>7時間20分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>490 km</td> <td>9時間</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-11-3" role="tabpanel" aria-labelledby="car-tab11-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>595 km</td> <td>5時間45分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>1100 km</td> <td>11時間</td> <tr> <tr> <th scope="row">セビージャ</th> <td>800 km</td> <td>8時間20分</td> <tr> <tr> <th scope="row">マラガ</th> <td>1100 km</td> <td>10時間30分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>580 km</td> <td>5時間40分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>950 km</td> <td>9時間</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>780 km</td> <td>7時間45分</td> <tr> <tr> <th scope="row">サラマンカ</th> <td>425 km</td> <td>4時間10分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>490 km</td> <td>4時間40分</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading12"> <p class="mb-0"> <button id="list-dt-salamanca" class="btn btn-link text-dark title collapsed text-left w-100 text-uppercase font-weight-bold rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse12" aria-expanded="false" aria-controls="collapse12"> サラマンカ</button> </p> </div> <div id="collapse12" class="panel-collapseMov collapse " aria-labelledby="heading-dt-salamanca" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="plane-tab12-1" data-toggle="tab" href="#medio-plane-12-1" role="tab" aria-controls="medio-plane-12-1" aria-selected="true"><span class="icon-plane-fill"></span><p class="text-uppercase">飛行機</p></a> </li> <li class="nav-item"> <a class="nav-link " id="train-tab12-2" data-toggle="tab" href="#medio-train-12-2" role="tab" aria-controls="medio-train-12-2" aria-selected="false"><span class="icon-train-fill"></span><p class="text-uppercase">電車</p></a> </li> <li class="nav-item"> <a class="nav-link " id="car-tab12-3" data-toggle="tab" href="#medio-car-12-3" role="tab" aria-controls="medio-car-12-3" aria-selected="false"><span class="icon-car-fill"></span><p class="text-uppercase">車</p></a> </li> </ul> <div class="tab-content" id="myTabContent12"> <div class="tab-pane fade show active" id="medio-plane-12-1" role="tabpanel" aria-labelledby="plane-tab12-1"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">バレアレス諸島</th> <td>900 km</td> <td>1時間25分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-train-12-2" role="tabpanel" aria-labelledby="train-tab12-2"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>214 km</td> <td>1時間40分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>842 km</td> <td>5時間20分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>462 km</td> <td>6時間35分</td> <tr> <tr> <th scope="row">マラガ</th> <td>680 km</td> <td>6時間40分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>397 km</td> <td>5時間50分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>578 km</td> <td>5時間50分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>538 km</td> <td>4時間15分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>362 km</td> <td>6時間45分</td> <tr> </tbody> </table> </div> <div class="tab-pane fade " id="medio-car-12-3" role="tabpanel" aria-labelledby="car-tab12-3"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">都市</th> <th scope="col">距離 (km)</th> <th scope="col">天気（時間）</th> </tr> </thead> <tbody> <tr> <th scope="row">マドリード</th> <td>214 km</td> <td>2時間15分</td> <tr> <tr> <th scope="row">バルセロナ</th> <td>842 km</td> <td>8時間10分</td> <tr> <tr> <th scope="row">セビージャ</th> <td>462 km</td> <td>4時間20分</td> <tr> <tr> <th scope="row">マラガ</th> <td>680 km</td> <td>6時間30分</td> <tr> <tr> <th scope="row">ビルバオ</th> <td>397 km</td> <td>3時間50分</td> <tr> <tr> <th scope="row">バレンシア</th> <td>578 km</td> <td>5時間30分</td> <tr> <tr> <th scope="row">サラゴサ</th> <td>538 km</td> <td>5時間10分</td> <tr> <tr> <th scope="row">サンタンデール</th> <td>362 km</td> <td>3時間20分</td> <tr> <tr> <th scope="row">サンティアゴ・デ・コンポステーラ</th> <td>425 km</td> <td>4時間10分</td> <tr> </tbody> </table> </div> </div>  </div> </div> </div> </div> </div> <div class="d-none d-lg-block col-sm-8">  <div class="wrapper-map d-inline-block"> <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="distancias" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 730 600" style="enable-background:new 0 0 730 600;" xml:space="preserve"> <style type="text/css"> #distancias .st0{fill:#F6F6F6;} #distancias .st1{fill:url(#mapa_x5F_11_x5F_mapa-africa_1_);} #distancias .st2{fill:url(#mapa_x5F_11_x5F_mapa-europa_1_);} #distancias .st3{opacity:0.3;} #distancias .st4{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;} #distancias .st5{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:6.1632,6.1632;} #distancias .st6{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:5.7649,5.7649;} #distancias .st7{fill:#CCCCCC;} #distancias .st8{fill:#CCCCCC;stroke:#CCCCCC;stroke-miterlimit:10;} #distancias .st9{opacity:0.6;fill:#FFFFFF;} #distancias .st10{fill:#EDC230;} #distancias .st11{fill:#FFFFFF;} #distancias .st12{fill:#4B4B4B;} #distancias .st13{font-family:'KozGoPro-Bold-83pv-RKSJ-H';} #distancias .st14{font-size:13px;} #distancias .st15{opacity:0.3055;fill:#C5220D;} #distancias .st16{fill:#C5220D;} #distancias .st17{opacity:0.31;fill:#C5220D;} #distancias .st18{font-family:'PingFangSC-Semibold-GBpc-EUC-H';} </style> <g id="mapa_x5F_11_x5F_MAPA_x5F_1_x5F_"> <g id="mapa_x5F_11_x5F_mapa-paises"> <polygon id="mapa_x5F_11_x5F_mapa-portugal" class="st0" points="200.95,136.03 214.24,122.74 226.43,122.74 214.24,136.03 260.77,136.03 267.42,129.38 290.68,129.38 295.12,134.92 282.93,147.11 307.3,147.11 307.3,153.76 276.28,184.78 276.28,226.88 268.53,233.52 276.28,242.39 276.28,256.79 245.26,256.79 245.26,270.08 269.63,293.35 269.63,303.32 256.34,316.61 256.34,329.91 269.63,343.2 269.63,349.85 260.77,349.85 247.48,363.14 247.48,394.16 238.61,394.16 224.21,404.13 212.02,394.16 198.73,390.84 177.68,396.38 172.7,391.39 187.1,365.91 187.1,343.76 184.88,340.43 190.42,328.25 192.08,318.83 195.41,317.72 192.64,310.52 184.33,314.4 177.68,313.29 176.57,304.43 182.11,304.43 187.1,297.23 183.77,290.58 179.9,298.89 163.83,299.44 163.83,289.47 172.7,263.99 182.67,255.13 192.64,228.54 195.96,227.43 192.64,223 197.07,215.24 199.28,201.95 202.05,199.18 201.5,195.3 202.61,186.44 205.93,172.04 199.28,145.45 199.28,139.91 "/> <radialGradient id="mapa_x5F_11_x5F_mapa-africa_1_" cx="448.6343" cy="505.5" r="276.2365" gradientTransform="matrix(1 0 0 0.3829 0 311.9386)" gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop-color:#F6F6F6"/> <stop offset="1" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <polyline id="mapa_x5F_11_x5F_mapa-africa" class="st1" points="730.5,411 697.83,432.39 676.78,430.17 644.65,435.71 598.12,462.3 591.47,482.24 581.5,483.35 572.64,473.38 561.56,473.38 561.56,486.67 549.37,483.35 532.75,495.53 527.21,511.04 515.03,514.37 503.95,526.55 479.02,528.22 464.62,531.54 446.89,531.54 444.68,523.78 440.25,529.32 420.3,527.11 394.82,527.11 369.34,516.03 361.59,492.76 331.67,481.69 340.54,473.93 321.7,476.15 281.5,535 244.5,576 172.5,600 730.5,600 "/> <radialGradient id="mapa_x5F_11_x5F_mapa-europa_1_" cx="571.3252" cy="85.3928" r="237.0186" fx="563.9681" fy="85.547" gradientTransform="matrix(0.981 0.194 -0.0627 0.3171 16.2045 -52.5032)" gradientUnits="userSpaceOnUse"> <stop offset="0.3966" style="stop-color:#F6F6F6"/> <stop offset="0.7768" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <path id="mapa_x5F_11_x5F_mapa-europa" class="st2" d="M502.5,30l-10.18,21.83l17.73,16.62h29.91l17.73,18.83h60.93l18.83,17.73 l8.86-8.86l11.08,12.19h18.83l9.97-9.97h16.62c0,0,5.88-12.72,5.71-14.09c-0.28-2.28,1.96-15.66,1.96-15.66L710.5,60l17-19l3-41 l-242-5"/> </g> <g id="mapa_x5F_11_x5F_lineas_x5F_canarias" class="st3"> <g> <line class="st4" x1="9.28" y1="443.92" x2="12.28" y2="443.91"/> <polyline class="st5" points="18.45,443.87 201.61,442.91 210.45,449.41 "/> <polyline class="st4" points="212.93,451.24 215.35,453.02 215.35,456.02 "/> <line class="st6" x1="215.35" y1="461.78" x2="215.35" y2="551.14"/> <line class="st4" x1="215.35" y1="554.02" x2="215.35" y2="557.02"/> </g> </g> <g id="mapa_x5F_11_x5F_mapa-canarias"> <polygon id="mapa_x5F_11_x5F_mapa-la-palma" class="st7" points="17.04,504.95 17.04,489.44 21.47,483.9 25.9,487.23 27.01,499.41 21.47,504.95 "/> <rect id="mapa_x5F_11_x5F_mapa-el-hierro" x="13.59" y="540.28" transform="matrix(0.6508 -0.7593 0.7593 0.6508 -407.5592 204.6534)" class="st7" width="10.21" height="10.21"/> <polygon id="mapa_x5F_11_x5F_mapa-gomera" class="st7" points="23.69,523.78 23.69,519.35 29.23,519.35 34.77,523.78 30.5,527 "/> <polygon id="mapa_x5F_11_x5F_mapa-tenerife" class="st7" points="60.25,512.71 60.25,507.17 79.08,507.17 83.51,503.84 83.51,499.41 96.81,498.3 91.27,504.95 91.27,510.49 84.62,517.14 84.62,521.57 75.76,529.32 70.22,529.32 64.68,523.78 64.68,514.92 "/> <polygon id="mapa_x5F_11_x5F_mapa-fuerteventura" class="st7" points="152.2,523.78 155.52,523.78 162.17,517.14 162.17,510.49 168.82,504.95 168.82,491.66 172.14,489.44 177.68,489.44 181,492.76 181,513.81 175.47,518.25 166.6,518.25 156.63,529.32 "/> <polygon id="mapa_x5F_11_x5F_mapa-lanzarote" class="st7" points="178.79,485.01 178.79,477.25 185.44,471.72 190.98,471.72 193.19,468.39 193.19,463.96 196.51,463.96 196.51,475.04 188.76,481.69 185.44,482.79 183.22,485.01 "/> <polygon id="mapa_x5F_11_x5F_mapa-gran-canaria" class="st7" points="115.64,520.46 106.78,526 106.78,539.3 112.32,545.94 125.61,549.27 131.15,543.73 134.47,538.19 134.47,529.32 128.93,526 128.93,520.46 "/> </g> <g id="mapa_x5F_11_x5F_mapa-illes-balears"> <polygon id="mapa_x5F_11_x5F_mapa-ibiza" class="st7" points="607.53,283.38 616.4,275.62 623.05,282.27 614.18,292.24 611.97,288.92 607.53,288.92 "/> <polygon id="mapa_x5F_11_x5F_mapa-formentera" class="st7" points="613.07,301.1 613.07,296.67 618.61,296.67 "/> <polygon id="mapa_x5F_11_x5F_mapa-mallorca" class="st7" points="636.34,256.79 658.5,235.74 658.5,239.06 665.14,239.06 665.14,244.6 668.47,247.92 671.79,244.6 677.33,249.03 667.36,259 667.36,263.44 661.82,268.97 658.5,264.54 650.74,264.54 649.63,259 646.31,256.79 644.09,260.11 638.56,260.11 "/> <polygon id="mapa_x5F_11_x5F_mapa-menorca" class="st7" points="700.6,239.06 691.73,239.06 691.73,235.74 688.41,233.52 690.63,231.31 702.81,231.31 707.24,234.63 707.24,242.39 702.81,242.39 "/> </g> <g id="mapa_x5F_11_x5F_mapa-ceuta-melilla"> <polyline id="mapa_x5F_11_x5F_mapa-melilla" class="st7" points="448.56,514.37 445.79,521.57 448.56,530.43 463.16,530.43 448.56,514.37 "/> <polygon id="mapa_x5F_11_x5F_mapa-ceuta" class="st7" points="334.44,481.51 342.75,473.93 359.37,490.55 "/> </g> <g id="mapa_x5F_11_x5F_MAPA_x5F_PENINSULA_x5F_1px_x5F_sin_x5F_trazado"> <polygon id="mapa_x5F_11_x5F_mapa-pais-vasco" class="st8" points="457.2,98.36 454.65,96.66 454.65,90.61 450.87,90.61 448,93.47 444.03,89.5 440.25,89.5 442.82,86.07 435.17,78.42 429.17,78.42 429.17,73.99 443.57,73.99 438.58,67.34 433.6,67.34 433.6,60.69 423.63,60.69 423.63,55.16 442.92,55.16 455.76,42.32 466.38,52.94 488.99,52.94 486.78,55.89 486.78,63.56 474.59,75.75 474.59,80.08 470.16,83.41 470.16,88.39 465.73,88.39 465.73,98.36 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunidad-foral-de-navarra_1_" class="st8" points="480.62,131.6 469.54,119.41 463.05,119.41 455.3,127.17 446.24,127.17 435.81,116.74 435.81,96.61 440.71,91.72 443.11,91.72 448,96.61 451.78,92.82 452.43,92.82 452.43,97.95 456.54,100.58 466.38,100.58 470.81,105.01 479.67,105.01 486.32,111.66 498.96,111.66 498.96,114.98 490.1,114.98 490.1,126.78 486.24,131.6 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunidad-foral-de-navarra" class="st8" points="501.64,126.06 492.32,126.06 492.32,117.2 501.18,117.2 501.18,109.44 487.24,109.44 480.59,102.79 471.73,102.79 467.94,99.01 467.94,90.61 472.37,90.61 472.37,84.51 476.81,81.19 476.81,76.66 488.99,64.48 488.99,56.63 491.33,53.52 508.48,70.67 536.26,70.67 514.47,93.49 514.47,102.34 508.93,107.87 508.93,119.94 513.92,123.94 506.72,131.14 "/> <polygon id="mapa_x5F_11_x5F_mapa-region-de-murcia" class="st8" points="486.78,371.52 486.78,358.71 479.52,358.71 472.78,351.01 485.02,338.77 490.65,338.77 493.98,334.34 499.52,334.34 503.27,339.35 510.04,332.58 510.04,316.61 513.92,316.61 517.24,312.18 520.66,312.18 526.66,318.18 526.66,323.91 522.23,328.34 522.23,335.45 528.88,335.45 528.88,342.74 522.84,348.78 535.1,359.93 529.59,366.54 535.06,372.01 507.37,372.01 497.82,381.56 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunidad-de-madrid" class="st8" points="405.25,246.82 415.22,236.85 410.79,232.41 400.82,232.41 394.17,225.77 384.46,225.77 378.93,230.2 375.99,230.2 375.99,222.92 401.47,198.54 401.47,190.75 417.15,174.03 419.2,175.4 419.2,185.88 422.52,185.88 422.52,202.99 434.71,214.07 434.71,229.09 438.03,229.09 438.03,236.39 435.36,239.06 419.81,239.06 409.19,250.75 "/> <polygon id="mapa_x5F_11_x5F_mapa-galicia" class="st8" points="218.97,133.81 231.16,120.52 213.78,120.52 200.89,133.41 194.32,127.78 195.43,94.42 176.57,83.33 176.57,68.89 191.46,52.94 219.13,52.94 222.33,49.74 216.78,41.96 234.66,23.03 245.85,23.03 258.04,37.43 268.94,37.43 260.26,45.14 274.71,59.59 267.01,67.29 274.72,76.11 265.2,84.57 265.2,98.36 274.07,98.36 274.07,104.36 279.11,109.41 266.31,121.14 266.31,127.82 260.31,133.81 "/> <polygon id="mapa_x5F_11_x5F_mapa-extremadura" class="st8" points="300.01,350.96 290.03,350.96 285.6,346.53 279.6,346.53 279.6,342.09 271.2,342.09 258.56,329.45 258.56,317.07 271.85,303.78 271.85,292.87 247.48,269.61 247.48,259 278.5,259 278.5,241.97 271.21,233.64 278.5,227.38 278.5,224.66 288.47,224.66 288.47,222.44 294.47,222.44 301.76,215.15 315.06,228.44 318.84,224.66 322.29,224.66 327.83,231.31 336.57,231.31 338.32,229.55 338.32,248.38 341.65,251.71 341.65,257.9 346.08,257.9 346.08,266.14 360.51,279.37 367.13,272.76 369.34,274.97 369.34,287.81 362.29,287.81 353.83,295.05 353.83,312.18 347.19,312.18 347.19,316.08 342.37,319.94 338.97,319.94 330.57,328.34 330.57,343.2 312.84,343.2 312.84,352.06 306.84,352.06 303.98,354.93 "/> <polygon id="mapa_x5F_11_x5F_mapa-comunitat-valenciana" class="st8" points="526.05,348.7 531.09,343.66 531.09,333.23 524.44,333.23 524.44,329.26 528.88,324.83 528.88,318.18 534.42,312.64 534.42,306.18 530.44,302.21 521.52,302.21 515.58,297.26 515.58,291.65 522.23,286.11 522.23,277.84 510.5,277.84 506.72,274.06 506.72,267.24 522.23,252.84 522.23,244.6 528.88,244.6 528.88,248.29 533.19,254.04 537.74,249.49 537.74,243.97 558.79,224.03 558.79,206.47 555.99,203.67 562.52,198.07 569.41,198.07 572.73,201.39 583.77,201.39 590.92,209.57 590.92,214.23 577.62,227.52 577.62,237.47 561,252.98 561,262.98 552.14,271.84 552.14,289.37 572.72,309.95 541.06,340.52 541.06,353.82 536.59,358.29 "/> <polygon id="mapa_x5F_11_x5F_mapa-cataluna" class="st8" points="592.53,208.04 584.77,199.18 580.95,199.18 580.95,179.7 589.81,170.83 589.81,168.71 585.38,165.39 585.38,159.75 590.27,154.86 585.38,149.97 585.38,147.6 598.67,135.41 598.67,124.25 605.32,116.5 605.32,104.56 602,101.14 602,89.5 617.07,89.5 637.47,108.77 646.27,99.97 655.79,110.55 676.68,110.55 686.65,100.58 701.25,100.58 707.89,107.23 696.88,118.24 702.81,125.35 702.81,131.14 677.98,155.97 665.77,155.97 649.15,173.7 631.41,173.7 623.65,182.56 613.72,182.56 598.3,197.99 602.73,203.53 598.21,208.04 "/> <polygon id="mapa_x5F_11_x5F_mapa-castilla-la-mancha" class="st8" points="463.97,349.85 461.75,347.63 465.73,343.66 465.73,330.56 459.54,324.37 450.87,324.37 447.54,327.69 425.39,327.69 423.17,329.91 387.07,329.91 387.07,333.23 381.96,333.23 367.56,319.94 363.15,319.94 356.05,312.83 356.05,296.07 363.11,290.02 371.56,290.02 371.56,274.06 367.13,269.62 360.45,276.3 348.29,265.16 348.29,255.68 343.86,255.68 343.86,250.79 340.54,247.47 340.54,237.95 346.47,237.95 352.01,233.52 359.83,233.52 366.02,227.33 371.1,232.41 379.7,232.41 385.24,227.98 393.26,227.98 399.9,234.63 409.88,234.63 412.09,236.85 402.12,246.82 409.26,253.96 420.79,241.28 436.27,241.28 440.25,237.3 440.25,226.88 436.92,226.88 436.92,213.09 424.74,202.01 424.74,183.67 421.41,183.67 421.41,175.26 425.19,171.48 457.48,171.48 467.45,182.56 482.8,182.56 484.56,180.8 502.29,198.53 502.29,209.15 497.4,209.15 488.53,218.01 505.15,234.63 511.76,234.63 520.01,243.91 520.01,251.87 504.5,266.28 504.5,274.97 509.58,280.05 520.01,280.05 520.01,285.07 513.37,290.61 513.37,298.3 520.72,304.43 529.53,304.43 532.2,307.1 532.2,311.72 527.77,316.15 521.58,309.97 516.14,309.97 512.81,314.4 507.83,314.4 507.83,331.66 503.52,335.98 500.63,332.12 492.87,332.12 489.55,336.55 484.1,336.55 470.81,349.85 "/> <polygon id="mapa_x5F_11_x5F_mapa-castilla-y-leon" class="st8" points="340.54,235.74 340.54,224.2 335.65,229.09 328.87,229.09 323.33,222.44 317.92,222.44 315.06,225.31 301.76,212.01 293.55,220.23 286.25,220.23 286.25,222.44 278.5,222.44 278.5,185.23 309.52,154.21 309.52,144.89 287.82,144.89 297.72,134.99 291.2,127.17 268.53,127.17 268.53,122.11 282.31,109.48 276.28,103.44 276.28,96.15 267.42,96.15 267.42,85.57 276.7,77.31 286.71,77.31 297.79,66.23 311.27,66.23 316.81,71.77 324.47,71.77 325.68,69.56 333.17,69.56 338.71,65.13 352.15,65.13 356.18,60.09 367.81,70.67 375.27,70.67 380.41,66.56 385.96,71.18 385.96,76.59 391.04,81.74 409.23,81.74 409.23,73.99 400.36,73.99 400.36,71.2 405.18,67.34 409.61,67.34 415.15,62.91 431.38,62.91 431.38,69.56 437.48,69.56 439.14,71.77 426.95,71.77 426.95,80.64 434.25,80.64 439.89,86.28 435.81,91.72 437.57,91.72 433.6,95.69 433.6,117.65 445.33,129.38 456.22,129.38 463.97,121.63 468.56,121.63 479.64,133.81 487.31,133.81 490.1,130.33 490.1,147.76 484.56,153.3 484.56,160.4 477.91,160.4 477.91,174.16 482.99,179.24 481.89,180.34 468.44,180.34 458.47,169.27 424.28,169.27 420.16,173.38 416.81,171.15 399.26,189.88 399.26,197.6 373.78,221.97 373.74,230.2 372.02,230.2 366.02,224.2 358.91,231.31 351.23,231.31 345.69,235.74 "/> <polygon id="mapa_x5F_11_x5F_mapa-cantabria" class="st8" points="391.96,79.53 388.18,75.75 388.18,70.15 380.44,63.7 374.49,68.45 368.66,68.45 358.91,59.59 369.79,59.59 377.1,52.47 377.1,47.4 409.88,47.4 417.63,55.16 421.41,55.16 421.41,60.69 414.38,60.69 408.84,65.13 404.41,65.13 398.15,70.13 398.15,76.2 407.01,76.2 407.01,79.53 "/> <polygon id="mapa_x5F_11_x5F_mapa-principado-de-asturias" class="st8" points="276.78,75.1 270.04,67.39 277.85,59.59 263.49,45.23 272.27,37.43 320.1,37.43 328.96,47.4 374.88,47.4 374.88,51.37 368.88,57.37 355.52,57.37 351.08,62.91 337.93,62.91 332.39,67.34 324.34,67.34 323.23,69.56 317.73,69.56 312.19,64.02 296.87,64.02 285.79,75.1 "/> <polygon id="mapa_x5F_11_x5F_mapa-aragon" class="st8" points="531.09,247.56 531.09,242.39 521.62,242.39 512.76,232.41 506.07,232.41 491.67,218.01 498.31,211.37 504.5,211.37 504.5,197.61 480.13,173.24 480.13,162.62 486.78,162.62 486.78,154.21 492.32,148.68 492.32,128.27 500.72,128.27 506.72,134.27 517.24,123.75 511.15,118.88 511.15,108.79 516.69,103.25 516.69,94.37 538.84,71.17 556.09,89.5 599.78,89.5 599.78,102.14 603.1,105.47 603.1,115.68 596.46,123.43 596.46,134.43 583.16,146.62 583.16,150.89 587.13,154.86 583.16,158.84 583.16,166.5 587.59,169.82 587.59,169.92 578.73,178.78 578.73,199.18 573.65,199.18 570.33,195.85 561.7,195.85 552.73,203.55 556.57,207.39 556.57,223.08 535.52,243.02 535.52,248.57 533.43,250.67 "/> <polygon id="mapa_x5F_11_x5F_mapa-andalucia" class="st8" points="327.71,457.31 296.22,424.74 296.22,414.74 274.51,394.16 265.2,394.16 249.69,394.16 249.69,363.6 261.23,352.06 271.85,352.06 271.85,344.31 277.39,344.31 277.39,348.74 284.69,348.74 289.12,353.17 299.09,353.17 303.98,358.06 307.76,354.28 315.06,354.28 315.06,345.42 332.78,345.42 332.78,329.26 339.89,322.15 343.14,322.15 349.4,317.15 349.4,314.4 354.48,314.4 362.24,322.15 366.69,322.15 381.1,335.45 389.28,335.45 389.28,332.12 424.09,332.12 426.3,329.91 448.46,329.91 451.78,326.58 458.62,326.58 463.51,331.47 463.51,342.74 458.62,347.63 463.05,352.06 470.76,352.06 478.52,360.93 484.56,360.93 484.56,372.5 496.25,383.12 486.78,392.6 486.78,408.11 475.62,419.27 470.55,415.21 461.95,415.21 455.3,421.86 448.26,421.86 443.83,419.65 377.7,419.65 369.95,428.51 352.2,428.51 341.65,441.41 341.65,451.31 335.65,457.31 "/> </g> </g> <g id="g-dt-barcelona"> <g id="g-dt-barcelona-off"> <g> <circle class="st9" cx="656.5" cy="152" r="12"/> <circle class="st10" cx="656.5" cy="152" r="7.2"/> </g> <rect x="607.5" y="168" class="st11" width="78" height="19"/> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st12 st13 st14">バルセロナ</text> </g> <g id="g-dt-barcelona-on"> <g> <circle class="st15" cx="656.5" cy="152" r="12"/> <circle class="st16" cx="656.5" cy="152" r="7.2"/> </g> <rect x="607.5" y="168" class="st16" width="78" height="19"/> <g> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st11 st13 st14">バルセロナ</text> </g> </g> </g> <g id="g-dt-madrid"> <g id="g-dt-madrid-off"> <g> <circle class="st9" cx="410.5" cy="212" r="12"/> <circle class="st10" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st11" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st12 st13 st14">マドリード</text> </g> <g id="g-dt-madrid-on"> <g> <circle class="st15" cx="410.5" cy="212" r="12"/> <circle class="st16" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st16" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st11 st13 st14">マドリード</text> </g> </g> <g id="g-dt-sevilla"> <g id="g-dt-sevilla-off"> <g> <circle class="st9" cx="317.5" cy="379" r="12"/> <circle class="st10" cx="317.5" cy="379" r="7.2"/> </g> <rect x="220.5" y="369" class="st11" width="78" height="19"/> <text transform="matrix(1 0 0 1 230.1622 383.2773)" class="st12 st13 st14">セビージャ</text> </g> <g id="g-dt-sevilla-on"> <g> <circle class="st15" cx="317.5" cy="379" r="12"/> <circle class="st16" cx="317.5" cy="379" r="7.2"/> </g> <rect x="220.5" y="369" class="st16" width="78" height="19"/> <g> <text transform="matrix(1 0 0 1 230.1622 383.2773)" class="st11 st13 st14">セビージャ</text> </g> </g> </g> <g id="g-dt-bilbao"> <g id="g-dt-bilbao-off"> <g> <circle class="st9" cx="439.5" cy="52" r="12"/> <circle class="st10" cx="439.5" cy="52" r="7.2"/> </g> <rect x="461.5" y="42" class="st11" width="72" height="19"/> <text transform="matrix(1 0 0 1 474.1622 56.2773)" class="st12 st13 st14">ビルバオ</text> </g> <g id="g-dt-bilbao-on"> <g> <circle class="st17" cx="439.5" cy="52" r="12"/> <circle class="st16" cx="439.5" cy="52" r="7.2"/> </g> <rect x="461.5" y="42" class="st16" width="72" height="19"/> <g> <text transform="matrix(1 0 0 1 474.1622 56.2773)" class="st11 st13 st14">ビルバオ</text> </g> </g> </g> <g id="g-dt-malaga"> <g id="g-dt-malaga-off"> <g> <circle class="st9" cx="371.5" cy="416" r="12"/> <circle class="st10" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st11" width="60" height="19"/> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st12 st13 st14">マラガ</text> </g> <g id="g-dt-malaga-on"> <g> <circle class="st15" cx="371.5" cy="416" r="12"/> <circle class="st16" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st16" width="60" height="19"/> <g> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st11 st13 st14">マラガ</text> </g> </g> </g> <g id="g-dt-zaragoza"> <g id="g-dt-zaragoza-off"> <g> <circle class="st9" cx="527.5" cy="158" r="12"/> <circle class="st10" cx="527.5" cy="158" r="7.2"/> </g> <rect x="442.5" y="148" class="st11" width="66" height="19"/> <text transform="matrix(1 0 0 1 451.1622 162.2773)" class="st12 st13 st14">サラゴサ</text> </g> <g id="g-dt-zaragoza-on"> <g> <circle class="st15" cx="527.5" cy="158" r="12"/> <circle class="st16" cx="527.5" cy="158" r="7.2"/> </g> <rect x="442.5" y="148" class="st16" width="66" height="19"/> <g> <text transform="matrix(1 0 0 1 451.1622 162.2773)" class="st11 st13 st14">サラゴサ</text> </g> </g> </g> <g id="g-dt-valencia"> <g id="g-dt-valencia-off"> <g> <circle class="st9" cx="546.5" cy="272" r="12"/> <circle class="st10" cx="546.5" cy="272" r="7.2"/> </g> <rect x="508.5" y="237" class="st11" width="77" height="19"/> <text transform="matrix(1 0 0 1 518.1622 251.2773)" class="st12 st13 st14">バレンシア</text> </g> <g id="g-dt-valencia-on"> <g> <circle class="st15" cx="546.5" cy="272" r="12"/> <circle class="st16" cx="546.5" cy="272" r="7.2"/> </g> <rect x="508.5" y="237" class="st16" width="77" height="19"/> <g> <text transform="matrix(1 0 0 1 518.1622 251.2773)" class="st11 st13 st14">バレンシア</text> </g> </g> </g> <g id="g-dt-islas-baleares"> <g id="g-dt-islas-baleares-off"> <g> <circle class="st9" cx="660.22" cy="280" r="12"/> <circle class="st10" cx="660.22" cy="280" r="7.2"/> </g> <rect x="605.5" y="298" class="st11" width="102" height="19"/> <text transform="matrix(1 0 0 1 613.447 312.2773)" class="st12 st13 st14">バレアレス諸島</text> </g> <g id="g-dt-islas-baleares-on"> <g> <circle class="st15" cx="660.22" cy="280" r="12"/> <circle class="st16" cx="660.22" cy="280" r="7.2"/> </g> <rect x="605.5" y="298" class="st16" width="102" height="19"/> <g> <text transform="matrix(1 0 0 1 613.447 312.2773)" class="st11 st13 st14">バレアレス諸島</text> </g> </g> </g> <g id="g-dt-islas-canarias"> <g id="g-dt-islas-canarias-off"> <g> <circle class="st9" cx="90.22" cy="538" r="12"/> <circle class="st10" cx="90.22" cy="538" r="7.2"/> </g> <rect x="41.5" y="553" class="st11" width="93" height="19"/> <text transform="matrix(1 0 0 1 51.447 567.2773)" class="st12 st13 st14">カナリア諸島</text> </g> <g id="g-dt-islas-canarias-on"> <g> <circle class="st17" cx="90.22" cy="538" r="12"/> <circle class="st16" cx="90.22" cy="538" r="7.2"/> </g> <rect x="41.5" y="553" class="st16" width="93" height="19"/> <g> <text transform="matrix(1 0 0 1 51.447 567.2773)" class="st11 st13 st14">カナリア諸島</text> </g> </g> </g> <g id="g-dt-salamanca"> <g id="g-dt-salamanca-off"> <g> <circle class="st9" cx="330.5" cy="182" r="12"/> <circle class="st10" cx="330.5" cy="182" r="7.2"/> </g> <rect x="225.5" y="172" class="st11" width="83" height="19"/> <g> <text transform="matrix(1 0 0 1 235.1622 186.2773)" class="st12 st18 st14">サラマンカ</text> </g> </g> <g id="g-dt-salamanca-on"> <g> <circle class="st15" cx="330.5" cy="182" r="12"/> <circle class="st16" cx="330.5" cy="182" r="7.2"/> </g> <rect x="225.5" y="172" class="st16" width="83" height="19"/> <g> <text transform="matrix(1 0 0 1 235.1622 186.2773)" class="st11 st18 st14">サラマンカ</text> </g> </g> </g> <g id="g-dt-santander"> <g id="g-dt-santander-off"> <g> <circle class="st9" cx="403.5" cy="49" r="12"/> <circle class="st10" cx="403.5" cy="49" r="7.2"/> </g> <rect x="281.5" y="39" class="st11" width="104" height="19"/> <g> <text transform="matrix(1 0 0 1 290.1622 53.2773)" class="st12 st18 st14">サンタンデール</text> </g> </g> <g id="g-dt-santander-on"> <g> <circle class="st15" cx="403.5" cy="49" r="12"/> <circle class="st16" cx="403.5" cy="49" r="7.2"/> </g> <rect x="281.5" y="39" class="st16" width="104" height="19"/> <g> <text transform="matrix(1 0 0 1 290.1622 53.2773)" class="st11 st18 st14">サンタンデール</text> </g> </g> </g> <g id="g-dt-santiago-de-compostela"> <g id="g-dt-santiago-de-compostela-off"> <g> <circle class="st9" cx="215.22" cy="75" r="12"/> <circle class="st10" cx="215.22" cy="75" r="7.2"/> </g> <rect x="103.5" y="90" class="st11" width="223" height="19"/> <g> <text transform="matrix(1 0 0 1 113.447 104.2773)" class="st12 st18 st14">サンティアゴ・デ・コンポステーラ</text> </g> </g> <g id="g-dt-santiago-de-compostela-on"> <g> <circle class="st15" cx="215.22" cy="75" r="12"/> <circle class="st16" cx="215.22" cy="75" r="7.2"/> </g> <rect x="103.5" y="90" class="st16" width="223" height="19"/> <g> <text transform="matrix(1 0 0 1 113.447 104.2773)" class="st11 st18 st14">サンティアゴ・デ・コンポステーラ</text> </g> </g> </g> </svg> </div> </div> </div> </div> </section> </section> </div> <section class="module destacados positioned"> <div class="container"> <div class="title-box"> <h2 class="title">おすすめプラン</h2> <hr> </div> <div class="row"> <div class="col-md-6 col-lg-3"> <a class="card" href="/ja/supein-tankyuu/setsuzoku-kuuro-supein/" title="スペインを訪れる空路">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/aviones-despegando-aeropuerto-sevilla-s1393725539.jpg_2140969072.jpg' class='lazy img-fluid' alt='セビージャ空港を離陸する飛行機' title='セビージャ空港を離陸する飛行機'>  <div class="card-body"> <div class="title-box secondary"> <h2 class="title-secondary">スペインを訪れる空路</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/ja/supein-tankyuu/omona-kaijou-setsuzoku-supein/" title="スペインの主要な海路">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/crucero-en-barcelona-s1438496603-c-ed-eskystudio.jpg_2140969072.jpg' class='lazy img-fluid' alt='バルセロナのクルーズ船' title='バルセロナのクルーズ船'>  <div class="card-body"> <div class="title-box secondary"> <h2 class="title-secondary">スペインの主要な海路</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/ja/supein-tankyuu/ryokousuru-douro-supein/" title="スペイン陸路の旅">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/transportes/carretera-dunas-de-corralejo-fuerteventura-s336323561.jpg_2140969072.jpg' class='lazy img-fluid' alt='コラレホ砂丘を通る道路フエルテベントゥーラカナリア諸島' title='コラレホ砂丘を通る道路フエルテベントゥーラカナリア諸島'>  <div class="card-body"> <div class="title-box secondary"> <h2 class="title-secondary">スペイン陸路の旅</h2> </div> </div> </a> </div> <div class="col-md-6 col-lg-3"> <a class="card" href="/ja/toppu/subarashii-densha-ryokou/" title="列車好きのための素晴らしいスペインの旅12">  <img data-src='/export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg' data-srcset='/export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/images/cabecera/tren-felipe-ii-c-02-alsa.jpg_2140969072.jpg' class='lazy img-fluid' alt='フェリペ2世列車' title='フェリペ2世列車'>  <div class="card-body"> <div class="title-box secondary"> <h2 class="title-secondary">列車好きのための素晴らしいスペインの旅12</h2> </div> </div> </a> </div> </div> </div> </section> <div> <section class="module listado-iconos-xl"> <div class="container"> <div class="title-box "> <span class="subtitle">旅の計画を立てよう</span> <p class="title">以下の詳細情報をご覧ください</p> <hr> </div><div class="row"> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/ja/akusesu-houhou/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-llegar.svg" alt="アクセス方法" title="アクセス方法" class="img-fluid"/> <p class="title">スペインへのアクセス方法</p> <p class="subtitle">様々な旅の方法</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/ja/panfuretto/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/folletos.svg" alt="パンフレットのダウンロード" title="パンフレットのダウンロード" class="img-fluid"/> <p class="title">パンフレットのダウンロード</p> <p class="subtitle">スペイン旅行にお役立てください</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/ja/kikou/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/clima.svg" alt="天気" title="天気" class="img-fluid"/> <p class="title">天気</p> <p class="subtitle">スペインの気温は？</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/ja/intarakutibu-mappu/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mapa.svg" alt="インタラクティブマップ" title="インタラクティブマップ" class="img-fluid"/> <p class="title">インタラクティブマップ</p> <p class="subtitle">興味あるものを見つける</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/ja/supein-ryokou-keikaku/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mi-viaje.svg" alt="マイトラベル" title="マイトラベル" class="img-fluid"/> <p class="title">マイトラベル</p> <p class="subtitle">最高のプランを見つけるお手伝いをします</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/ja/jouhou/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/info.svg" alt="お役立ち情報" title="お役立ち情報" class="img-fluid"/> <p class="title">お役立ち情報</p> <p class="subtitle">スペイン旅行のお役立ち情報</p> </a> </div> </div> </div> </section> </div> </div></main> <footer class="footer text-center"> <div class="buttons-fixed hidden"> <div class="back-to-top"> <span class="icon-arrow-up"></span> </div> <div id="acordeon-pers" class="accordion"> <button type="button" data-toggle="collapse" data-target="#collapserrss" aria-expanded="false" aria-label="desplegar redes sociales"><span class="icon-share"></span></button> <div id="collapserrss" class="wrapper-desplegable collapse" data-parent="#acordeon-pers"> <ul class="list"> <li class="list-item"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/ja/idou-houhou/" rel="nofollow" class="item-link hacerblank"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://x.com/share?url=https://www.spain.info/ja/idou-houhou/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/ja/app/tomodachi-ni-soushin/?id=a03ff4d8-f577-11e9-9a6c-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span></a></li> <li class="list-item"> <div class="sguardar"> <span id="save_btn"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="claim text-center"> <p class="custom-title">スペイン</p> </div> <div class="container-fluid no-gutters wrapper-footer bg-cover"> <img data-src='/export/sites/segtur/.content/comun/footer/no_categ.jpg' data-srcset='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg 480w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_594351065.jpg 768w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_193627401.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg' class='lazy img-fluid' alt='' title=''><section class="list-navigation"> <div class="separator-mini-img text-center"> <img src="/export/sites/segtur/.content/comun/footer/mapita.png" class="img-fluid" alt=""> </div> <div class="container"> <div class="row align-items-center py-4"> <div class="col-md-4 text-center pb-4"> <div id="logo-footer" class="logo"> <a href="/ja/"><img src="/export/sites/segtur/.content/comun/footer/logo.jpg" alt="logo"></a> </div> </div> <div class="col-md-4 text-center"> <div class="wrapper-icons-inline"> <nav class="wrapper-icons-inline--rounded"> <ul class="list"> <li class="list-item pb-3"><a href="https://www.facebook.com/spain.info" rel="nofollow" class="item-link" target="_blank" aria-label="facebook"><span class="icon-facebook text-white"></span></a></li> <li class="list-item pb-3"><a href="https://x.com/SpainInJapan" rel="nofollow" class="item-link" target="_blank" aria-label="x"><span class="icon-xicon1 text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.youtube.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="youtube"><span class="icon-youtube text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.instagram.com/gospain.jp/" rel="nofollow" class="item-link" target="_blank" aria-label="instagram"><span class="icon-instagram text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.tiktok.com/@visitspain" rel="nofollow" class="item-link" target="_blank" aria-label="tiktok"><span class="icon-tiktok text-white"></span></a></li> </ul> </nav> </div> <p class="text-gray">無断複写・転載を禁じます</p> </div> <div class="col-md-4 text-center"> <div id="footer" ><nav class="vertical-list"> <ul class="list align-items-right no-bullets"> <li class="list-item d-block"> <a title="" href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Casos_Turista/CasoTuristaJapones.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> お問合せ</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/en/" target="_blank" class="text-gray text-uppercase"> 当機関について</a> </li> <li class="list-item d-block"> <a title="" href="/ja/saito-mappu/" class="text-gray text-uppercase"> サイトマップ</a> </li> <li class="list-item d-block"> <a title="" href="/ja/houritsujou-chuuijikou/" rel="nofollow" class="text-gray text-uppercase"> 法律上の警告</a> </li> <li class="list-item d-block"> <a title="" href="/ja/riyou-kiyaku-jouhou/" rel="nofollow" class="text-gray text-uppercase"> 情報の使用</a> </li> <li class="list-item d-block"> <a title="" href="/ja/kukkii/" rel="nofollow" class="text-gray text-uppercase"> クッキーポリシー</a> </li> <li class="list-item d-block"> <a title="" href="/ja/akuseshibiriti/" rel="nofollow" class="text-gray text-uppercase"> アクセシビリティ</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-ja.js" type="text/javascript"></script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/klaro-no-translations-no-css.js" type="text/javascript"></script> <div id="popupRRSS"> <div id="banner-popup-rrss" class="overlay standard-box-shadow"> <img src="/export/sites/segtur/.content/images/bg-banner-rrss.png" class="img-fluid"> <div class="wrapper position-absolute"> <p class="title text-left">あなたの新しい思い出はここから始まります。</p> <span id="cerrarPopupRRSS" class="icon-close"></span> <p class="subtitle text-white text-left"><span>私たちと一緒にスペインを発見しましょう</span><span class="d-block">こちらをご覧ください：</span></p> <div class="wrapper-icons-inline"> <ul class="list"> <li class="list-item"><a href="https://www.instagram.com/gospain.jp/" id="popupIG" rel="nofollow" target="_blank" aria-label="instagram"><span class="icon-instagram"></span></a></li> <li class="list-item"><a href="https://www.facebook.com/spain.info" id="popupFB" rel="nofollow" target="_blank" aria-label="facebook"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://www.tiktok.com/@visitspain" id="popupTT" rel="nofollow" target="_blank" aria-label="tiktok"><span class="icon-tiktok"></span></a></li> <li class="list-item"><a href="https://www.youtube.com/spain" id="popupYT" rel="nofollow" target="_blank" aria-label="youtube"><span class="icon-youtube"></span></a></li> </ul> </div> </div> </div> </div> <script type="text/javascript"> $("#cerrarPopupRRSS").click(function(e) { setCookie("pupRRSS", "true", 2); document.getElementById("popupRRSS").style.visibility = "hidden"; }); </script> <div id="snackbar" class="aviso-pwa"><p>オフライン状態です。コンテンツをアップデートするにはインターネットへの接続が必要です。</p></div> <div id="wrapper-saved"> <div id="savedOffline" class="aviso-pwa savedoffline p-3 standard-box-shadow"> <span id="close-saved" class="icon-close pb-3"></span> <p class="title bolder h4 mb-3">コンテンツのダウンロードが終了しました</p> <p id="textInstall" class="text py-3">Spain.infoのウェブアプリからオフラインでコンテンツをダウンロードすることをおススメします。</p> <div id="stext_ios" class="text-left"></div> <div class="wrapper-botones d-flex align-items-center justify-content-around"> <button id="installApp" class="btn btn-dark text-white text-uppercase okDload">ダウンロード</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>オフライン向けに保存することはできません。</p></div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script defer src="https://player.vimeo.com/api/player.js "></script> <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script> <script defer type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script defer type="text/javascript"> const swrapper_saved = document.getElementById('wrapper-saved'); const sinstall_button = document.getElementById('installApp'); const stext_install = document.getElementById('textInstall'); const stext_button = document.getElementById('save_btn'); const ssaved = document.getElementById('savedOffline'); const stext_ios = document.getElementById('stext_ios'); if($('.sguardar').length){ if($('.sguardar').length<2){ $('.sguardar').parent().hide(); } $('.sguardar').click(function (e) { e.preventDefault(); if('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js', { scope: '/' }) .then(function(registration) { if(navigator.onLine) { stext_button.innerHTML = "ダウンロード済"; swrapper_saved.style.display = 'block'; ssaved.style.display = "block"; function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var result = iOS(); if(result == true){ swrapper_saved.style.display = 'block'; stext_install.style.display = 'block'; //sinstall_button.style.display = 'block'; stext_ios.innerHTML = '<div class="d-flex"><span>1.-</span><span class="mr-2"> 1.共有をクリックします（iOSの共有アイコン）。</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> 2.「初期画面に追加」を選択します。</span></div>'; } if (window.matchMedia('(display-mode: standalone)').matches ){ stext_install.style.display = 'none'; stext_ios.style.display = 'none'; stext_button.style.display = 'none'; sinstall_button.style.display = 'none'; } } else { document.getElementById('snackbar').style.display = 'block'; } }); navigator.serviceWorker.ready.then(function(registration) { }).catch(function(err){ let swerror = document.getElementById('swfail'); swerror.style.display = 'block'; //console.log('error'); }); function replaceAttributes(e, ...attrs) { let src = e.src; attrs.forEach(attr => e.setAttribute(attr, src.replace(/\.jpg_.*\.jpg/, ".jpg")) ); } var urls = Array.prototype.map.call( document.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { return e.src.replace(/\.jpg_.*\.jpg/, ".jpg"); } } } ); let urlCanonical = document.querySelector( "link[rel='canonical']" ).getAttribute("href"); var data = { title: urlCanonical, description: document.querySelector( "meta[name='description']" ).getAttribute("content"), h1: document.querySelector( "h1" ).textContent }; localStorage.setItem( urlCanonical, JSON.stringify(data) ); var offlinepage = 'https://www.spain.info/ja/offline.html'; urls.push(urlCanonical, offlinepage); urls.forEach(element => { if (element !== undefined){ caches.open('main-1') .then(cache => fetch(element).then(response => { if (element == urlCanonical){ var parser = new DOMParser(); var xmlDoc = ""; response.text().then(function(text) { xmlDoc = parser.parseFromString(text,"text/html"); Array.prototype.map.call( xmlDoc.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { replaceAttributes(e, 'srcset', 'data-srcset', 'data-src', 'src'); e.classList.remove('lazy'); e.removeAttribute('sizes'); } } } ); const responseText = "<!DOCTYPE html>" + xmlDoc.documentElement.outerHTML; let newText = responseText; const path = "/export/system/modules/es.segittur.comun/resources/"; let staticResoruces = ["jquery-3.4.1.min.js","popper.min.js","bootstrap.min.css","bootstrap.min.js","slick.css","slick-theme.css","slick.min.js"]; Array.prototype.map.call( xmlDoc.querySelectorAll("link[rel='stylesheet'][href], script[src]"), function(e) { let url = e.href || e.src; let urlSplit = url.split("/"); let filename = urlSplit[urlSplit.length - 1]; if(staticResoruces.includes(filename)){ if(e.hasAttribute('integrity')){ let integritynumber = e.getAttribute('integrity'); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"anonymous\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\"", ""); } if(e.src){ filename = path+"js/"+filename; }else{ filename = path+"css/"+filename; } if(filename=="/export/system/modules/es.segittur.comun/resources/js/slick.min.js"){ url = url.replace("https:",""); url = url.replace("http:",""); } newText = newText.replace(url, filename); } } ); return cache.put(urlCanonical, new Response(newText, response)); }); } else{ return cache.put(element, response.clone()); } } ) ); } }); } }); } if('serviceWorker' in navigator){ if(navigator.onLine) { document.getElementById('snackbar').style.display = 'none'; } else { document.getElementById('snackbar').style.display = 'block'; } } window.deferredPrompt = {}; window.addEventListener('beforeinstallprompt', e => { stext_install.style.display = 'block'; sinstall_button.style.display = 'block'; e.preventDefault(); window.deferredPrompt = e; sinstall_button.addEventListener('click', e => { window.deferredPrompt.prompt(); window.deferredPrompt.userChoice.then(choiceResult => { if (choiceResult.outcome === 'accepted') { sinstall_button.style.display = 'none'; swrapper_saved.style.display = 'none'; } window.deferredPrompt = null; }); }); }); window.onload = function() { if (stext_button != null){ var location = window.location.href; if(localStorage.getItem(location) === null){ stext_button.innerHTML = 'オフラインでダウンロード'; } else { stext_button.innerHTML = 'ダウンロード済'; } } var locale = 'ja'; setTimeout(() => { if (getCookie('pupRRSS')!="true") { document.getElementById("popupRRSS").style.visibility = "visible"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({event: 'pop-up'}); } else { document.getElementById("popupRRSS").style.visibility = "hidden"; } }, 30000); }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); // Load kml file fetch(segturkml).then(function (res) { return res.text(); }).then(function (kmltext) { // Create new kml overlay var parser = new DOMParser(); var kml = parser.parseFromString(kmltext, 'text/xml'); var track = new L.KML(kml); map.addLayer(track); // Adjust map to show the kml var bounds = track.getBounds(); map.fitBounds(bounds); }); } if ($('.gpx').length) { if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@0.3.9/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var opts = { map: { center: [41.4583, 12.7059], zoom: 5, markerZoomAnimation: false, zoomControl: false, layersControl: false }, zoomControl: { position: 'topleft', }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { tracks: { track_1: { url: segturgpx } }, options: { position: "bottomright", theme: "lime-theme", useHeightIndicator: false, interpolation: d3.curveLinear, collapsed: false, detachedView: false, }, }, layersControl: { options: { collapsed: false, }, }, }; var map = new L.Map('map', opts.map); var baseLayers = {}; baseLayers.OTM = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); baseLayers.TOPO = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); var controlZoom = new L.Control.Zoom(opts.zoomControl); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(null, null, opts.layersControl.options); controlZoom.addTo(map); controlLayer.addTo(map); controlElevation.loadChart(map); map.addLayer(baseLayers.OTM); var traces = []; var tracks = opts.elevationControl.tracks; var i = 0; for (var track in tracks) { loadTrace(track, i++) } function loadTrace(track, i) { var trace = {}; trace.gpx = new L.GPX(tracks[track].url, { async: true, index: i, marker_options: { startIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', endIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', shadowUrl: null, }, polyline_options: { color: tracks[track].color, } }); trace.gpx.on('loaded', function(e) { controlLayer.addBaseLayer(e.target, e.target.get_name()); document.getElementsByClassName("leaflet-control-layers")[0].style.display = "none"; let elevationContainer = document.getElementsByClassName("leaflet-control-container")[0]; let elevationSpaininfoTheme = elevationContainer.getElementsByClassName("lime-theme")[0]; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(255, 255, 240, 0.5)'; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(187, 214, 171, 0.6)'; if (e.target.options.index == 0) { setElevationTrace(0); } else { //map.removeLayer(e.target); } }) trace.gpx.on("addline", function(e) { trace.line = e.line; }) trace.gpx.addTo(map); traces.push(trace); } map.on("baselayerchange", function(e) { for (var i in traces) { if (traces[i].gpx._leaflet_id == e.layer._leaflet_id) { setElevationTrace(e.layer.options.index); break; } } }); function setElevationTrace(index) { var trace = traces[index]; controlElevation.clear(); var q = document.querySelector.bind(document); controlElevation.addData(trace.line); map.fitBounds(trace.gpx.getBounds()); trace.gpx.setStyle({ color: 'red', weight: 4, opacity: 0.8, }); } }else{ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@1.5.0/dist/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', position: "bottomright", collapsed: false, detached: false, autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; if($( window ).width() < 1280){ optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; } var opts = { map: { center: [40.4149903, -3.70447], zoom: 15, }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { url: segturgpx, options: optElevationControl }, layersControl: { options: { collapsed: false }, }, }; var map = new L.Map('map', opts.map); map.scrollWheelZoom.disable(); var baseLayers = {}; baseLayers["Topo"] = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); baseLayers["Map"] = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); map.addLayer(baseLayers["Map"]); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(baseLayers, null, opts.layersControl.options); controlElevation.load(opts.elevationControl.url); controlElevation.addTo(map); controlLayer.addTo(map); map.on('eledata_loaded', function(e) { var coordinateGPX = ""; var latitude = controlElevation.getBounds().getCenter().lat; var longitude = controlElevation.getBounds().getCenter().lng; if( coordinateGPX != "false"){ let coordinateList = coordinateGPX.split(","); latitude = parseFloat(coordinateList[0]); longitude = parseFloat(coordinateList[1]); } map.setView([latitude, longitude], 15); }); } } if( $('#mapa-oets').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var scriptmapoet = document.createElement('script'); scriptmapoet.type = "text/javascript"; scriptmapoet.src = "/export/system/modules/es.segittur.infoPractica/resources/mapa-oets-sh.js"; $('body').append(scriptmapoet); } if( $('.resultados-mapa').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); if( $('.sh-mapa-interactivo').length ){ var mapai = document.createElement('script'); mapai.type = "text/javascript"; mapai.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-interactivo.js"; $('body').append(mapai); } if( $('.mapa-buscador').length ){ $('#modal-mapa-buscador').on('shown.bs.modal', function(e) { var mapab = document.createElement('script'); mapab.type = "text/javascript"; mapab.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-buscador.js"; $('body').append(mapab); $('.header').css('z-index', '9'); }); $('#modal-mapa-buscador').on('hidden.bs.modal', function(e){ $('.header').css('z-index', '999999999'); }); } $('#resultados-texto').click(function(){ $('html, body').animate({scrollTop: $(this).offset().top - 70 },'slow'); }); $('.navbar-toggler').click(function(){ var ide = $(this).attr('data-target'); var cajas = $("[class^='wrapper-lista-'].show"); if (!$(ide).hasClass("show")) { $(cajas).removeClass('show'); } if(!$(cajas).length){ $('.header-relative').css({'overflow':'hidden', 'position':'fixed'}); } else { $('.header-relative').css({'overflow':'inherit', 'position':'inherit'}); } }); $('#padre').on('shown.bs.collapse', function () { $(this).find('input').prop('checked', true); }); $('#padre').on('hidden.bs.collapse', function () { $(this).find('input').prop('checked', false); }); } if( $('#mapa-pueblosbonitos').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaPueblosBonitos = document.createElement('script'); mapaPueblosBonitos.type = "text/javascript"; mapaPueblosBonitos.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-pueblos-bonitos.js"; $('body').append(mapaPueblosBonitos); var localemapapb = 'ja'; } if( $('#mapa-taxFree').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaTaxFree = document.createElement('script'); mapaTaxFree.type = "text/javascript"; mapaTaxFree.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-tax-free.js"; $('body').append(mapaTaxFree); var localemapapb = 'ja'; } if( $('#ac-container').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.actividades/resources/js/autocomplete/ac-experiencias.js"; $('body').append(scriptmapai); } if( $('.twentytwenty-container').length ){ $('<link href="/export/system/modules/es.segittur.comun/resources/css/foundation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/twentytwenty.css" rel="stylesheet">').appendTo('head'); var scriptcomp = document.createElement('script'); scriptcomp.type = "text/javascript"; scriptcomp.src = "/export/system/modules/es.segittur.comun/resources/js/twentytwenty.js"; $('body').append(scriptcomp); } </script></body> </html>

CINXE.COM

スペインを移動する方法。交通機関 | spain.info