CINXE.COM

京都自転車観光ガイド|【京都市公式】京都観光Navi

<!doctype html> <html lang="ja"> <head> <!-- Anti-flicker snippet --> <style>.async-hide { opacity: 0 !important} </style> <!-- Google Tag Manager --> <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-P3NCSW4F');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>京都自転車観光ガイド|【京都市公式】京都観光Navi</title> <meta name="description" content="京都は三山に囲まれた豊かな自然や千年を超える歴史の中で紡がれてきた魅力的な文化が市内の多様なエリアに広がっています。まちなかの路地裏や名所・旧跡、郊外の豊かな自然など、自転車だから体験できる様々な京都の楽しみ方を紹介します。"> <meta name="keywords" content="京都自転車観光ガイド,京都観光Navi,京都,観光,ナビ,旅行,旅,プラン,ガイド,イベント,行事,寺院,神社,体験,歴史,文化,宿泊,旅館"> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="object" /> <meta property="og:title" content="京都自転車観光ガイド|【京都市公式】京都観光Navi" /> <meta property="og:description" content="京都は三山に囲まれた豊かな自然や千年を超える歴史の中で紡がれてきた魅力的な文化が市内の多様なエリアに広がっています。まちなかの路地裏や名所・旧跡、郊外の豊かな自然など、自転車だから体験できる様々な京都の楽しみ方を紹介します。" /> <meta property="og:url" content="https://ja.kyoto.travel/bicycle/" /> <meta property="og:site_name" content="【京都市公式】京都観光Navi" /> <!-- facebook OGP設定 --> <meta property="og:image" content="https://ja.kyoto.travel/img/ogp/ogp_bicycle.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="京都は三山に囲まれた豊かな自然や千年を超える歴史の中で紡がれてきた魅力的な文化が市内の多様なエリアに広がっています。まちなかの路地裏や名所・旧跡、郊外の豊かな自然など、自転車だから体験できる様々な京都の楽しみ方を紹介します。" /> <meta name="twitter:title" content="京都自転車観光ガイド|【京都市公式】京都観光Navi" /> <!-- twitter OGP設定 --> <meta name="twitter:image" content="https://ja.kyoto.travel/img/ogp/ogp_bicycle.jpg" /> <link rel="icon" type="image/x-icon" href="/img/common/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/img/common/apple-touch-icon.png"> <meta name="application-name" content="【京都市公式】京都観光Navi"/> <meta name="msapplication-square70x70logo" content="/img/common/win-small.png"/> <meta name="msapplication-square150x150logo" content="/img/common/win-medium.png"/> <meta name="msapplication-wide310x150logo" content="/img/common/win-wide.png"/> <meta name="msapplication-square310x310logo" content="/img/common/win-large.png"/> <meta name="msapplication-TileColor" content="#d04539"/> <link href="/css/reset.css" rel="stylesheet"> <link href="/css/common.css" rel="stylesheet"> <link href="/css/modules.css" rel="stylesheet"> <link href="/css/modules_f.css" rel="stylesheet"> <link href="/css/bicycle.css" rel="stylesheet"> <link href="/css/bicycle_card.css" rel="stylesheet"> <link href="/css/slick.css" rel="stylesheet"> <link href="/css/slick-theme.css" rel="stylesheet"> <link href="/css/swiper.min.css" rel="stylesheet"> <link href="/css/lity.css" rel="stylesheet"> <link href="/lib/jquery-ui/jquery-ui.min.css" rel="stylesheet"> <link href="/css/print.css" rel="stylesheet" media="print"> <link href="/css/mitsuike.css" rel="stylesheet"> <script src="https://unpkg.com/@machi-pla/japan_concierge@0.1/dist/japan-concierge.full.js" crossorigin="anonymous"></script> <script> JC.start({ key: 'EKIzF6qWMYTBqryvPVKr2wtt', url: 'https://api.japan-concierge.jp' }); </script> <link href="/lib/simplebar/simplebar.css" rel="stylesheet"> <script type="text/javascript"> (function(w, d, s, f) { w[f] = w[f] || {conf: function () { (w[f].data = w[f].data || []).push(arguments);}}; var l = d.createElement(s), e = d.getElementsByTagName(s)[0]; l.async = 1; l.src = 'https://ws.facil-iti.com/tag/faciliti-tag.min.js'; e.parentNode.insertBefore(l, e); }(window, document, 'script', 'FACIL_ITI')); FACIL_ITI.conf('userId', '0534a77c-aea9-11e9-aa95-0242ac130002'); </script> <!-- googlefont --> <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=Heebo&family=Playfair+Display:wght@400;500;600;700&family=Shippori+Mincho:wght@500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Shippori+Antique&display=swap" rel="stylesheet"> </head> <body id="bicycle" class="bicycle index"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3NCSW4F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- facilitiDescBoxBg --> <div class="facilitiDescBoxBg"></div> <div class="facilitiDescBox"> <div class="facilitiDescCloseBtn"></div> <div class="facilitiDescBoxInner"> <h2 class="title serif">サイト閲覧支援ツール「FACIL’iti」の使い方</h2> <div class="logo"><img src="/img/common/faciliti_logo@2x.png" alt="FACIL'iti"></div> <p class="readTxt">「FACIL’iti」は、ウェブサイトの文字サイズや配色、挙動などニーズに合わせて快適に閲覧していただくための設定機能です。<br> 用意されているいくつかの設定から選択すると簡単に自分に適した画面表示が再現できるのでぜひご利用ください。<br> <span class="attention">※全ての症状に対して見えやすいウェブ画面変換を保証するものではありませんので予めご了承ください。</span></p> <p class="btn"><a href="https://ws.facil-iti.com/" target="_blank">FACIL’iti 設定画面へ<i class="icon-arrow-right"></i></a></p> <div class="facilitiDescBox-flow"> <h2 class="mod_tit12 serif">新規設定方法</h2> <ul class="facilitiDescBox-flowList"> <li class="item"> <div class="img"><img src="/img/common/faciliti_item01@2x.png"></div> <h3 class="num">設定の手順<span class="number">&#10102;</span></h3> <div class="disc"> <p><a href="https://ws.facil-iti.com" target="_blank">「FACIL’iti設定画面」</a>から左のキャプチャ画面のページに移動します。<br> ページ下部にある<span class="bold">「自分にあった設定」</span>ボタンを押すと個人設定画面に移動します。</p> </div> </li> <li class="item"> <div class="img"><img src="/img/common/faciliti_item02@2x.png"></div> <h3 class="num">設定の手順<span class="number">&#10103;</span></h3> <div class="disc"> <p>個人設定画面では、<br> <span class="bold">①1クリックで設定(推奨)<br> ②カスタマイズ設定<br> ③既存の設定を受け取る<br></span> のメニューがありますが、「<span class="bold">①1クリックで設定(推奨)</span>」を選択すると簡単に設定が可能です。</p> </div> </li> <li class="item"> <div class="img"><img src="/img/common/faciliti_item03@2x.png"></div> <h3 class="num">設定の手順<span class="number">&#10104;</span></h3> <div class="disc"> <p>「①1クリックで設定(推奨)」から移動したページです。 視覚、動作、認識、閲覧環境の改善などそれぞれタイプ別に設定があり、自分に合あったものをお選びください。 「<span class="bold">選択する</span>」ボタンを押すと設定完了です。</p> </div> </li> <li class="item"> <div class="img"><img src="/img/common/faciliti_item04@2x.png"></div> <h3 class="num">設定の手順<span class="number">&#10105;</span></h3> <div class="disc"> <p>設定が完了すると「<span class="bold">設定が完了しました。閲覧していたウェブサイトにお戻りください</span>」とメッセージが表示されますので、京都観光Naviに戻るとさきほど設定した内容が反映されています。</p> </div> </li> </ul> </div> <div class="facilitiDescBox-flow"> <h2 class="mod_tit12 serif">設定編集・削除方法</h2> <ul class="facilitiDescBox-flowList"> <li class="item"> <div class="img"><img src="/img/common/faciliti_item05@2x.png"></div> <h3 class="num">設定の手順<span class="number">&#10102;</span></h3> <div class="disc"> <p>再度「<a href="https://ws.facil-iti.com" target="_blank">FACIL’iti設定画面</a>」を開き、右上部にある「<span class="bold">私の設定</span>」から「<span class="bold">設定を編集</span>」をクリックします。</p> </div> </li> <li class="item"> <div class="img"><img src="/img/common/faciliti_item06@2x.png"></div> <h3 class="num">設定の手順<span class="number">&#10103;</span></h3> <div class="disc"> <p>私の設定画面にて「<span class="bold">削除</span>」もしくは「<span class="bold">設定を変更</span>」をすると設定の編集・削除が可能です。</p> </div> </li> </ul> </div> <p class="btn end"><a href="https://ws.facil-iti.com/" target="_blank">FACIL’iti 設定画面へ<i class="icon-arrow-right"></i></a></p> </div> </div> <!-- /facilitiDescBoxBg --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3NCSW4F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="mediaQuery" class="js-mediaquery"></div> <div id="overlay" class="js-overlay"></div> <div id="wrapper" class="js-wrapper"> <header id="gHeader" class="js-header"> <!-- /#hdAnnounce --> <div id="hdInfo" class="js-header-info"> <div class="inner mod_inner01"> <div class="btnGnav viewSp js-gnav-btn"><span class="line"></span><span class="line"></span><span class="line"></span><span class="txt js-gnav-txt">メニュー</span></div> <div class="toolFacil-iti viewPc"> <a href="javascript:void(0);" class="facilitiTrigger"><i class="icon_facil-iti"></i><span>サイト閲覧<br>支援ツールを起動</span></a> </div> <p class="logo"><a href="/"><img src="/img/common/logo01.svg" alt="【京都市公式】京都観光Navi"></a></p> <div class="shugakuTravel viewPc"> <ul> <li><a href="https://www.kyokanko.or.jp/kaiin/" target="_blank"><i class="icon-arrow-right"></i>京都市観光協会について<i class="icon-other-window"></i></a></li> <li><a href="https://shugakuryoko.kyoto.travel/" target="_blank"><i class="icon-arrow-right"></i>修学旅行情報はこちら<i class="icon-other-window"></i></a></li> <li><a href="https://www.kyoto-kankou.or.jp/" target="_blank"><i class="icon-arrow-right"></i>京都府域の観光情報はこちら<i class="icon-other-window"></i></a></li> </ul> </div> <div class="btnSearch js-search-btn alpha"><i class="icon-search-glass"></i><span class="txt js-search-btn-txt">検索</span></div> <div class="contentSearch js-search-content"> <div class="sec keywords"> <p class="leadTit"><span class="txt serif">キーワードで検索</span></p> <form action="/search.php" class="js-search-keyword-form"> <div class="txt"> <input type="text" placeholder="キーワードで検索" name="q"> </div> <div class="btn" title="検索"><i class="icon-search-glass"></i></div> </form> </div> <div class="sec word"> <p class="leadTit"><i class="icon-search-tag"></i><span class="txt serif">注目ワードから検索</span></p> <ul class="list"> <li class="item"><a href="/search-tag.php?tag_id=40">#京都らしい食事</a></li> <li class="item"><a href="/search-tag.php?tag_id=3">#寺院・神社</a></li> <li class="item"><a href="/search-tag.php?tag_id=25">#雨の日も楽しめる</a></li> <li class="item"><a href="/search-tag.php?tag_id=50">#グルメスポット</a></li> <li class="item"><a href="/search-tag.php?tag_id=41">#京都らしい体験</a></li> <li class="item"><a href="/search-tag.php?tag_id=23">#親子で楽しむ</a></li> <li class="item"><a href="/search-tag.php?tag_id=88">#夜桜ライトアップ</a></li> <li class="item"><a href="/search-tag.php?tag_id=30">#朝観光</a></li> <li class="item"><a href="/search-tag.php?tag_id=44">#夜間特別公開・ライトアップ</a></li> <li class="item"><a href="/search-tag.php?tag_id=117">#【朝】見る</a></li> <li class="item"><a href="/search-tag.php?tag_id=74">#寺院・神社の行事</a></li> <li class="item"><a href="/search-tag.php?tag_id=31">#夜観光</a></li> <li class="item"><a href="/search-tag.php?tag_id=102">#春の特別公開</a></li> <li class="item"><a href="/search-tag.php?tag_id=49">#ショッピング</a></li> <li class="item"><a href="/search-tag.php?tag_id=9">#木・花</a></li> <li class="item"><a href="/search-tag.php?tag_id=48">#お土産</a></li> <li class="item"><a href="/search-tag.php?tag_id=29">#ユニバーサル観光</a></li> <li class="item"><a href="/search-tag.php?tag_id=94">#穴場スポット</a></li> <li class="item"><a href="/search-tag.php?tag_id=89">#桜祭り開催</a></li> <li class="item"><a href="/search-tag.php?tag_id=13">#文化を紹介する施設</a></li> <li class="item"><a href="/search-tag.php?tag_id=93">#駅から近い</a></li> <li class="item"><a href="/search-tag.php?tag_id=103">#青もみじ</a></li> <li class="item"><a href="/search-tag.php?tag_id=130">#オンライン</a></li> <li class="item"><a href="/search-tag.php?tag_id=142">#五山送り火協賛商品2024</a></li> <li class="item"><a href="/search-tag.php?tag_id=140">#五山送り火協賛商品2023</a></li> </ul> <div class="tags_list"><a href="/tags.php">タグ一覧はこちら<i class="icon-arrow-right"></i></a></div> </div> <div class="sec period"> <p class="leadTit"><i class="icon-search-calender"></i><span class="txt serif">訪問期間からイベント情報を検索</span></p> <form action="/event/search-result.php"> <input type="hidden" name="search_flg" value="1"> <div class="date"> <i class="icon-search-calender"></i> <input type="text" name="period_start" value="" class="js-search-period" readonly="readonly"> </div> <div class="date"> <i class="icon-search-calender"></i> <input type="text" name="period_end" value="" class="js-search-period" readonly="readonly"> </div> <div class="btnSubmit alpha"><input type="submit" value="検索"></div> </form> </div> <div class="sec area"> <p class="leadTit"><i class="icon-search-area"></i><span class="txt serif">エリアで検索</span></p> <div class="areaInfo searchMenu"> <div class="areaInfo__map"> <img src="/img/home/areamap.svg" alt="エリアマップ"> <ul class="areaInfo__mapList"> <li class="areaInfo__mapListItem area01"><a data-tourist-btn="area01" href="/area/area01.php">市内中心部</a></li> <li class="areaInfo__mapListItem area02"><a data-tourist-btn="area02" href="/area/area02.php">京都御所・下鴨</a></li> <li class="areaInfo__mapListItem area03"><a data-tourist-btn="area03" href="/area/area03.php">二条城・西陣</a></li> <li class="areaInfo__mapListItem area04"><a data-tourist-btn="area04" href="/area/area04.php">京都駅周辺</a></li> <li class="areaInfo__mapListItem area05"><a data-tourist-btn="area05" href="/area/area05.php">哲学の道・岡崎</a></li> <li class="areaInfo__mapListItem area06"><a data-tourist-btn="area06" href="/area/area06.php">祇園・清水寺</a></li> <li class="areaInfo__mapListItem area07"><a data-tourist-btn="area07" href="/area/area07.php">三十三間堂・東福寺</a></li> <li class="areaInfo__mapListItem area08"><a data-tourist-btn="area08" href="/area/area08.php">山科・醍醐</a></li> <li class="areaInfo__mapListItem area09"><a data-tourist-btn="area09" href="/area/area09.php">嵯峨・嵐山</a></li> <li class="areaInfo__mapListItem area10"><a data-tourist-btn="area10" href="/area/area10.php">桂・大原野</a></li> <li class="areaInfo__mapListItem area11"><a data-tourist-btn="area11" href="/area/area11.php">高雄</a></li> <li class="areaInfo__mapListItem area12"><a data-tourist-btn="area12" href="/area/area12.php">金閣寺・御室・太秦</a></li> <li class="areaInfo__mapListItem area13"><a data-tourist-btn="area13" href="/area/area13.php">伏見</a></li> <li class="areaInfo__mapListItem area14"><a data-tourist-btn="area14" href="/area/area14.php">上賀茂・北山・大徳寺</a></li> <li class="areaInfo__mapListItem area15"><a data-tourist-btn="area15" href="/area/area15.php">一乗寺・修学院</a></li> <li class="areaInfo__mapListItem area16"><a data-tourist-btn="area16" href="/area/area16.php">大原・八瀬・比叡山</a></li> <li class="areaInfo__mapListItem area17"><a data-tourist-btn="area17" href="/area/area17.php">鞍馬・貴船・花背</a></li> <li class="areaInfo__mapListItem area18"><a data-tourist-btn="area18" href="/area/area18.php">京北</a></li> <li class="areaInfo__mapListItem area19"><a data-tourist-btn="area19" href="/search-area01.php?area_id=19">京都市外</a></li> </ul> </div> <div class="areaInfo__listBox"> <ul class="areaInfo__list js-tourist-txt"> <li class="areaInfo__listItem"><a data-tourist-txt="area01" href="/area/area01.php">市内中心部</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area02" href="/area/area02.php">京都御所・下鴨</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area03" href="/area/area03.php">二条城・西陣</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area04" href="/area/area04.php">京都駅周辺</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area05" href="/area/area05.php">哲学の道・岡崎</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area06" href="/area/area06.php">祇園・清水寺</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area07" href="/area/area07.php">三十三間堂・東福寺</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area08" href="/area/area08.php">山科・醍醐</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area09" href="/area/area09.php">嵯峨・嵐山</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area10" href="/area/area10.php">桂・大原野</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area11" href="/area/area11.php">高雄</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area12" href="/area/area12.php">金閣寺・御室・太秦</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area13" href="/area/area13.php">伏見</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area14" href="/area/area14.php">上賀茂・北山・大徳寺</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area15" href="/area/area15.php">一乗寺・修学院</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area16" href="/area/area16.php">大原・八瀬・比叡山</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area17" href="/area/area17.php">鞍馬・貴船・花背</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area18" href="/area/area18.php">京北</a></li> <li class="areaInfo__listItem"><a data-tourist-txt="area19" href="/search-area01.php?area_id=19">京都市外</a></li> </ul> </div> <div class="areaInfo__gps"> <div class="mod_btn05"> <a href="#" class="block">現在地から探す<i class="icon-arrow-right"></i></a> </div> </div> </div> </div> </div> <div class="btnLanguage viewPc alpha js-language-btn"> <i class="icon-language"></i> <span class="txt">Language</span> </div> <div class="contentLanguage viewPc js-language-content"> <ul class="list"> <li class="item"><a href="https://kyoto.travel/en/">English</a></li> <li class="item"><a href="https://kyoto.travel/fr/">français</a></li> <li class="item"><a href="https://kyoto.travel/cn/">简体中文</a></li> <li class="item"><a href="https://kyoto.travel/tw/">繁體中文</a></li> <li class="item"><a href="https://kyoto.travel/ko/">한글</a></li> <li class="item"><a href="https://kyoto.travel/es/">Español</a></li> </ul> </div> </div> </div> <!-- /#hdInfo --> </header> <!-- / #gHeader --> <nav id="gNav" class="js-gnav-content"> <ul class="list cf"> <li class="item home viewPc"> <p class="parent"><a class="link" href="/"><i class="icon-menu-home viewPc"></i></a></p> </li> <li class="item event"> <p class="parent spOpTrigger"><a class="link"><i class="icon-menu-tips"></i><span class="txt">イベント・季節情報</span><i class="icon-arrow-down viewSp"></i></a></p> <div class="areaList"> <div class="childListWrap"> <div class="gNav__childBlock"> <ul class="gNav__childList"> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_1.jpg" alt=""> </figure> <a href="/event/"> <p class="txt">イベント情報</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_2.jpg" alt=""> </figure> <a href="/event/season/"> <p class="txt">季節の行事</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_3.jpg" alt=""> </figure> <a href="/event/major/"> <p class="txt">京都四大行事</p> <p class="sub_txt">(葵祭/祇園祭/京都五山送り火/時代祭など)</p> </a> </li> </ul> </div> <div class="secondNav"> <h3 class="secondNav__title"><span>旬の情報</span></h3> <div class="gNav__childBlock"> <ul class="gNav__childList -col2"> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_img_specialopening_winter2024.jpg" alt="京の冬の旅"> </figure> <a href="/specialopening/winter/"> <p class="txt">第59回 京の冬の旅</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_fuyutabi.jpg" alt="京の冬 夜の行事・イベント"> </figure> <a href="https://ja.kyoto.travel/tourism/article/asakanko-yorukanko/post/single.php?id=457"> <p class="txt">京の冬 夜の行事・イベント</p> </a> </li> </ul> </div> <h3 class="secondNav__title"><span>開花情報</span></h3> <div class="gNav__childBlock"> <ul class="gNav__childList -col5"> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_6.jpg" alt=""> </figure> <a href="/flower/flowermail/"> <p class="txt">花だより</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_7.jpg" alt=""> </figure> <a href="/flower/ume/"> <p class="txt">梅だより</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_8.jpg" alt=""> </figure> <a href="/flower/sakura/"> <p class="txt">桜だより</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_9.jpg" alt=""> </figure> <a href="/flower/tsutsuji/"> <p class="txt">つつじ・<br>さつきだより</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_10.jpg" alt=""> </figure> <a href="/flower/momiji/"> <p class="txt">紅葉だより</p> </a> </li> </ul> </div> </div> </div> </div> </li> <li class="item areaGuide"> <p class="parent spOpTrigger"><a class="link"><i class="icon-area_info"></i><span class="txt">交通案内・マップ</span><i class="icon-arrow-down viewSp"></i></a></p> <div class="areaList"> <div class="childListWrap cf"> <div class="gNav__childBlock"> <ul class="gNav__childList"> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_11.jpg" alt=""> </figure> <a href="/feature/traffic.php"> <p class="sub_txt">混雑を回避して、快適な移動を!</p> <p class="txt">交通案内</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_12.jpg" alt=""> </figure> <a href="/useful/guide/"> <p class="sub_txt">京都散策に便利</p> <p class="txt">観光マップ</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_13.jpg" alt=""> </figure> <a href="/comfort/"> <p class="sub_txt">混雑回避に役立つ</p> <p class="txt">京都観光快適度マップ</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_14.jpg" alt=""> </figure> <a href="https://hands-free.kyoto.travel" target="_blank"> <p class="txt">手ぶら観光のススメ</p> <p class="sub_txt"><span style="font-size: 0.9em;">HANDS FREE KYOTO</span></p> </a> </li> <!-- <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_16.jpg" alt=""> </figure> <a href="https://totteoki.kyoto.travel/"> <p class="sub_txt">穴場スポット情報満載!</p> <p class="txt">とっておきの京都</p> </a> </li> --> </ul> </div> <h3 class="secondNav__title"><span>エリア別</span></h3> <ul class="childList childList01"> <li class="childItem"><a href="/area/area01.php">市内中心部<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area02.php">京都御所・下鴨<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area03.php">二条城・西陣<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area04.php">京都駅周辺<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area05.php">哲学の道・岡崎<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area06.php">祇園・清水寺<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area07.php">三十三間堂・東福寺<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area08.php">山科・醍醐<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area09.php">嵯峨・嵐山<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area10.php">桂・大原野<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area11.php">高雄<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area12.php">金閣寺・御室・太秦<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area13.php">伏見<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area14.php">上賀茂・北山・大徳寺<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area15.php">一乗寺・修学院<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area16.php">大原・八瀬・比叡山<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area17.php">鞍馬・貴船・花背<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/area/area18.php">京北<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/search-area01.php?area_id=19">京都市外<i class="icon-arrow-right arrow"></i></a></li> </ul> </div> </div> </li> <li class="item tripPlan"> <p class="parent spOpTrigger"><span class="link"><i class="icon-menu-variation"></i><span class="txt">旅の計画</span><i class="icon-arrow-down viewSp"></i></span></p> <div class="areaList"> <div class="childListWrap"> <div class="gNav__childBlock"> <ul class="gNav__childList"> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_17.jpg" alt=""> </figure> <a href="/anshin/"> <p class="sub_txt">京都をより深く知る特別な体験を</p> <p class="txt">事前予約で<br class="sp_only">楽しむ京都旅</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_18.jpg" alt=""> </figure> <a href="https://plus.kyoto.travel/" target="_blank"> <p class="sub_txt">京都を知る、京都が近づく</p> <p class="txt">京都観光 Naviぷらす</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_19.jpg" alt=""> </figure> <a href="https://totteoki.kyoto.travel/" target="_blank"> <p class="sub_txt">穴場スポット情報満載!</p> <p class="txt">とっておきの京都</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_20.jpg" alt=""> </figure> <a href="/tourism/article/asakanko-yorukanko/"> <p class="sub_txt">京都の朝・夜を楽しむなら</p> <p class="txt">京都朝観光・夜観光</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_21.jpg" alt=""> </figure> <a href="/tourism/article/trail/"> <p class="txt">京都一周トレイル®️</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_22.jpg" alt=""> </figure> <a href="/bicycle/"> <p class="txt">京都自転車観光<br class="sp_only">ガイド</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_30.png" alt=""> </figure> <a href="/traditionalculture/"> <p class="txt">京の伝統文化</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_25.jpg" alt=""> </figure> <a href="/food-culture/"> <p class="txt">食の京都</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_23.jpg" alt=""> </figure> <a href="/trip/"> <p class="sub_txt">おすすめモデルコース</p> <p class="txt">旅のカタチ</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_24.jpg" alt=""> </figure> <a href="/concierge/"> <p class="sub_txt">あなたの好みから<br class="sp_only">モデルプランを提案</p> <p class="txt">観光コンシェルジュ</p> </a> </li> </ul> </div> <div class="secondNav"> <h3 class="secondNav__title"><span>ロケ地・ゆかりの地を旅する</span></h3> <ul class="secondNav__list"> <li class="secondNav__item"><a href="https://ja.kyoto.travel/support/film/tourism/area/"> ロケ地情報を見る <figure class="secondNav__icon"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13 3H1V11H13V3Z" /> <path d="M15 13H3V12H14V5H15V13Z" /> </svg> </figure> </a></li> <li class="secondNav__item"><a href="/akechi/">明智光秀 京都・ゆかりの地をめぐる <figure class="secondNav__icon"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13 3H1V11H13V3Z" /> <path d="M15 13H3V12H14V5H15V13Z" /> </svg> </figure> </a></li> <li class="secondNav__item"><a href="/yae/">八重とハンサム京都 <figure class="secondNav__icon"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13 3H1V11H13V3Z" /> <path d="M15 13H3V12H14V5H15V13Z" /> </svg> </figure> </a></li> <li class="secondNav__item"><a href="/kiyomori/">平清盛の京を歩く <figure class="secondNav__icon"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13 3H1V11H13V3Z" /> <path d="M15 13H3V12H14V5H15V13Z" /> </svg> </figure> </a></li> <li class="secondNav__item"><a href="/ryoma/">坂本龍馬と歩く京のまち <figure class="secondNav__icon"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13 3H1V11H13V3Z" /> <path d="M15 13H3V12H14V5H15V13Z" /> </svg> </figure> </a></li> </ul> </div> </div> </div> </li> <li class="item sightseeing"> <p class="parent spOpTrigger"><span class="link"><i class="icon-menu-category"></i><span class="txt">観光スポット・サービス情報</span><i class="icon-arrow-down viewSp"></i></span></p> <div class="areaList"> <div class="childListWrap cf"> <h3 class="secondNav__title"><span>ピックアップ</span></h3> <div class="gNav__childBlock"> <ul class="gNav__childList"> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_28.jpg" alt=""> </figure> <a href="/tourism/article/guide-tour/"> <p class="txt">世界遺産<br>二条城をめぐるガイド<br class="sp_only">ツアー</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_26.jpg" alt=""> </figure> <a href="/tourism/article/shop/"> <p class="txt">元離宮二条城 <br class="sp_only">二条城売店</p> </a> </li> <li class="gNav__childItem"> <figure class="gNav__childBg"> <img src="/img/common/gNav_bg_27.jpg" alt=""> </figure> <a href="/tourism/article/mitsuike/"> <p class="txt">旧三井家下鴨別邸</p> </a> </li> </ul> </div> <h3 class="secondNav__title"><span>観光スポット・サービス情報</span></h3> <ul class="childList childList01"> <li class="childItem"> <p class="grandChild"><a href="/tourism/search.php?category_id=2"><i class="icon-category-activity category"></i>アクティビティ<i class="icon-arrow-right arrow"></i></a></p> </li> <li class="childItem"><a href="/tourism/search.php?category_id=3"><i class="icon-category-experience category"></i>工房・体験施設<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"> <p class="grandChild"><a href="/tourism/search.php?category_id=4"><i class="icon-category-gourmet category"></i>食・グルメ・ショッピング<i class="icon-arrow-right arrow"></i></a></p> </li> <li class="childItem"><a href="/tourism/search.php?category_id=9"><i class="icon-category-monument category"></i>駒札・歌碑<i class="icon-arrow-right arrow"></i></a></li> </ul> <ul class="childList childList02"> <li class="childItem"> <p class="grandChild"><a href="/tourism/search.php?category_id=5"><i class="icon-category-traditional category"></i>お土産・伝統工芸<i class="icon-arrow-right arrow"></i></a></p> </li> <!-- <li class="childItem"><a href="/tourism/search.php?category_id=6"><i class="icon-category-hotspring category"></i>温泉・銭湯<i class="icon-arrow-right arrow"></i></a></li> --> <li class="childItem"><a href="/tourism/search.php?category_id=7"><i class="icon-category-shrine category"></i>寺院・神社<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/tourism/search.php?category_id=8"><i class="icon-category-interest category"></i>名所・旧跡<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"><a href="/tourism/search.php?category_id=14"><i class="icon-category-other category"></i>その他・サービス<i class="icon-arrow-right arrow"></i></a></li> </ul> <ul class="childList childList03"> <!-- <li class="childItem"><a href="/tourism/search.php?category_id=10"><i class="icon-category-nature category"></i>自然・風景<i class="icon-arrow-right arrow"></i></a></li> --> <li class="childItem"><a href="/tourism/search.php?category_id=11"><i class="icon-category-museum category"></i>美術館・博物館<i class="icon-arrow-right arrow"></i></a></li> <li class="childItem"> <p class="grandChild"><a href="/tourism/search.php?category_id=12"><i class="icon-category-rental category"></i>レンタル<i class="icon-arrow-right arrow"></i></a></p> </li> <li class="childItem"><a href="/tourism/search.php?category_id=13"><i class="icon-category-hotel category"></i>宿泊<i class="icon-arrow-right arrow"></i></a></li> </ul> </div> </div> </li> <li class="item useful"> <p class="parent spOpTrigger"><span class="link"><i class="icon-menu-event"></i><span class="txt">お役立ち情報</span><i class="icon-arrow-down viewSp"></i></span></p> <div class="areaList"> <div class="childListWrap"> <ul class="childList childList01 cf"> <li class="childItem"><a href="/wifi/"> <figure> <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_496_2784)"> <path d="M20.6318 7.64605C20.6241 7.63505 20.6152 7.6249 20.6053 7.61577C19.3005 6.31091 17.7514 5.27584 16.0466 4.56966C14.3418 3.86347 12.5145 3.5 10.6692 3.5C8.82387 3.5 6.99663 3.86347 5.29178 4.56966C3.58694 5.27584 2.03788 6.31091 0.733068 7.61577C0.712194 7.63558 0.69557 7.65942 0.68421 7.68586C0.672851 7.7123 0.666992 7.74077 0.666992 7.76955C0.666992 7.79832 0.672851 7.82679 0.68421 7.85323C0.69557 7.87967 0.712194 7.90352 0.733068 7.92332L2.17901 9.37873C2.21962 9.4198 2.27457 9.44354 2.33231 9.44497C2.36108 9.44528 2.38959 9.43954 2.416 9.42813C2.44241 9.41672 2.46612 9.39989 2.48561 9.37873C3.55806 8.30334 4.83215 7.45013 6.23489 6.86797C7.63763 6.28581 9.14146 5.98614 10.6602 5.98614C12.179 5.98614 13.6828 6.28581 15.0855 6.86797C16.4883 7.45013 17.7623 8.30334 18.8348 9.37873C18.8754 9.4198 18.9304 9.44354 18.9881 9.44497C19.0169 9.44522 19.0453 9.43946 19.0717 9.42805C19.0981 9.41664 19.1219 9.39984 19.1414 9.37873L20.594 7.92616C20.635 7.88555 20.6588 7.8306 20.6602 7.77286C20.662 7.72883 20.6522 7.68511 20.6318 7.64605Z" fill="#D04539" /> <path d="M10.6667 7.34331C9.32541 7.33983 7.99676 7.60252 6.75771 8.11614C5.51865 8.62976 4.39382 9.38411 3.44835 10.3355C3.4276 10.3558 3.41112 10.38 3.39986 10.4067C3.38861 10.4334 3.38281 10.4622 3.38281 10.4912C3.38281 10.5202 3.38861 10.5489 3.39986 10.5756C3.41112 10.6023 3.4276 10.6266 3.44835 10.6468L4.89618 12.0947C4.93679 12.1357 4.99174 12.1595 5.04948 12.1609C5.07824 12.1612 5.10673 12.1554 5.13313 12.144C5.15953 12.1326 5.18326 12.1158 5.20278 12.0947C5.91905 11.377 6.76983 10.8076 7.70643 10.4191C8.64303 10.0306 9.64705 9.83058 10.661 9.83058C11.675 9.83058 12.679 10.0306 13.6156 10.4191C14.5522 10.8076 15.403 11.377 16.1193 12.0947C16.1599 12.1357 16.2148 12.1595 16.2726 12.1609C16.3013 12.1612 16.3298 12.1554 16.3562 12.144C16.3826 12.1326 16.4063 12.1158 16.4259 12.0947L17.8737 10.6468C17.9148 10.6062 17.9385 10.5513 17.9399 10.4935C17.9403 10.4648 17.9345 10.4363 17.9231 10.4098C17.9117 10.3834 17.8949 10.3597 17.8737 10.3402C16.9316 9.38718 15.8091 8.63132 14.5717 8.11677C13.3343 7.60222 12.0068 7.33928 10.6667 7.34331Z" fill="#D04539" /> <path d="M10.6645 11.1824C9.82821 11.181 8.99994 11.3451 8.22737 11.6653C7.4548 11.9854 6.75318 12.4551 6.16293 13.0475C6.12186 13.0881 6.09812 13.1431 6.09669 13.2008C6.09638 13.2296 6.10211 13.2581 6.11352 13.2845C6.12493 13.3109 6.14177 13.3346 6.16293 13.3541L7.61077 14.802C7.65138 14.843 7.70632 14.8668 7.76406 14.8682C7.79283 14.8685 7.82134 14.8628 7.84775 14.8514C7.87416 14.84 7.89788 14.8231 7.91736 14.802C8.27767 14.4414 8.70548 14.1555 9.17635 13.9603C9.64723 13.7652 10.1519 13.6648 10.6616 13.6648C11.1713 13.6648 11.676 13.7652 12.1469 13.9603C12.6178 14.1555 13.0456 14.4414 13.4059 14.802C13.4465 14.843 13.5015 14.8668 13.5592 14.8682C13.588 14.8685 13.6164 14.8627 13.6428 14.8513C13.6692 14.8399 13.693 14.8231 13.7125 14.802L15.1603 13.3541C15.1811 13.3339 15.1976 13.3097 15.2088 13.2829C15.2201 13.2562 15.2259 13.2275 15.2259 13.1985C15.2259 13.1695 15.2201 13.1408 15.2088 13.114C15.1976 13.0873 15.1811 13.0631 15.1603 13.0428C14.5706 12.4517 13.8697 11.983 13.0981 11.6637C12.3266 11.3444 11.4995 11.1809 10.6645 11.1824Z" fill="#D04539" /> <path d="M10.6657 15.2542C10.0767 15.2538 9.51171 15.4873 9.09482 15.9033C9.07408 15.9236 9.05759 15.9478 9.04634 15.9745C9.03508 16.0013 9.0293 16.03 9.0293 16.059C9.0293 16.088 9.03508 16.1167 9.04634 16.1435C9.05759 16.1702 9.07408 16.1944 9.09482 16.2147L10.5076 17.6275C10.5483 17.6685 10.6032 17.6923 10.6609 17.6937C10.6897 17.694 10.7182 17.6883 10.7446 17.6769C10.771 17.6655 10.7948 17.6486 10.8142 17.6275L12.2271 16.2147C12.2478 16.1944 12.2643 16.1702 12.2756 16.1435C12.2868 16.1167 12.2926 16.088 12.2926 16.059C12.2926 16.03 12.2868 16.0013 12.2756 15.9745C12.2643 15.9478 12.2478 15.9236 12.2271 15.9033C12.023 15.6969 11.7798 15.5331 11.5117 15.4217C11.2436 15.3102 10.956 15.2533 10.6657 15.2542Z" fill="#D04539" /> </g> <defs> <clipPath id="clip0_496_2784"> <rect width="20" height="20" fill="white" transform="translate(0.666992 0.5)" /> </clipPath> </defs> </svg> </figure><span class="txt">KYOTO Wi-Fi</span> </a></li> <li class="childItem"><a href="/information/"><i class="icon-information-office"></i><span class="txt">観光案内所</span></a></li> <li class="childItem"><a href="https://global.kyoto.travel/ja/faq/" target="_blank"><i class="icon-faq-information"></i><span class="txt">よくあるご質問</span></a></li> <li class="childItem"><a href="https://global.kyoto.travel/ja/download/" target="_blank"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.8722 7.99854H11.9825C10.889 7.99854 9.99854 7.10808 9.99854 6.01455V1.12488C9.99854 0.89836 10.0571 0.687463 10.1665 0.5H3.8552C3.10926 0.5 2.5 1.10926 2.5 1.85911V19.1409C2.5 19.8907 3.10926 20.5 3.85911 20.5H16.1419C16.8917 20.5 17.501 19.8907 17.501 19.1409V7.8306C17.3096 7.93995 17.0987 7.99854 16.8722 7.99854ZM7.68258 13.9622C7.92472 13.7201 8.32308 13.7201 8.56522 13.9622L9.37366 14.7707V10.9667C9.37366 10.623 9.65485 10.3418 9.99854 10.3418C10.3422 10.3418 10.6234 10.623 10.6234 10.9667V14.7707L11.4319 13.9622C11.674 13.7201 12.0723 13.7201 12.3145 13.9622C12.5566 14.2044 12.5566 14.6027 12.3145 14.8449L10.4399 16.7195C10.3071 16.8562 10.1196 16.9148 9.93605 16.8991C9.62361 16.8562 9.72125 16.8874 7.67868 14.8449C7.43654 14.6027 7.43654 14.2044 7.68258 13.9622ZM11.9825 6.74878H16.8722L11.2483 1.12488V6.01455C11.2483 6.42072 11.5764 6.74878 11.9825 6.74878Z" fill="#D04539" /> </svg> <span class="txt">資料ダウンロード</span></a></li> <li class="childItem"><a href="https://kyonavi.kyoto.travel/jp/hazard/" target="_blank"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0001 12.4643C9.84979 12.4643 9.72112 12.3307 9.69502 12.1469L8.92595 6.74352C8.82927 6.06302 9.2513 5.43921 9.80825 5.43921H10.1917C10.7486 5.43921 11.1707 6.06302 11.074 6.74352L10.3049 12.1469C10.2792 12.3307 10.1505 12.4643 10.0001 12.4643Z" fill="#D04539" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8705 13.9245C10.8705 13.4452 10.4794 13.0542 10.0002 13.0542C9.52092 13.0542 9.12988 13.4452 9.12988 13.9245C9.12988 14.4037 9.52092 14.7948 10.0002 14.7948C10.4794 14.7948 10.8705 14.4042 10.8705 13.9245Z" fill="#D04539" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.8787 9.29289L10.7071 2.12132C10.3166 1.7308 9.68342 1.7308 9.29289 2.12132L2.12132 9.29289C1.7308 9.68342 1.7308 10.3166 2.12132 10.7071L9.29289 17.8787C9.68342 18.2692 10.3166 18.2692 10.7071 17.8787L17.8787 10.7071C18.2692 10.3166 18.2692 9.68342 17.8787 9.29289ZM11.4142 1.41421C10.6332 0.633165 9.36684 0.633163 8.58579 1.41421L1.41421 8.58579C0.633165 9.36683 0.633164 10.6332 1.41421 11.4142L8.58579 18.5858C9.36683 19.3668 10.6332 19.3668 11.4142 18.5858L18.5858 11.4142C19.3668 10.6332 19.3668 9.36684 18.5858 8.58579L11.4142 1.41421Z" fill="#D04539" /> </svg><span class="txt">災害情報</span></a></li> <li class="childItem"><a href="/glossary/"><i class="icon-menu-glossary"></i><span class="txt">京の用語集</span></a></li> <li class="childItem"><a href="/feature/links.php"><i class="icon-recommend-star"></i><span class="txt">リンク集</span></a></li> </ul> </div> </div> </li> </ul> <div class="share viewSp"> <p class="leadTit serif"><span>協会公式SNS</span></p> <ul class="shareList"> <li class="item twitter"><a href="https://x.com/kyo_kanko" target="_blank"> <div class="img"><img src="/img/common/ico_twitter01.png" alt=""></div> <!-- <p class="txt">Twitter</p> --> </a></li> <li class="item facebook"><a href="https://www.facebook.com/kyokanko/" target="_blank"> <div class="img"><img src="/img/common/sns_fb.png" alt=""></div> <!-- <p class="txt">Facebook</p> --> </a></li> <li class="item instagram"><a href="https://www.instagram.com/visit_kyoto/?hl=ja" target="_blank"> <div class="img"><img src="/img/common/ico_instagram01.png" alt=""></div> <!-- <p class="txt">Instagram</p> --> </a></li> <li class="item youtube"> <a href="https://www.youtube.com/c/DMOKYOTO" target="_blank"> <div class="img"><img src="/img/common/sns_yt.png" alt=""></div> <!-- <p class="txt">Youtube</p> --> </a> </li> </ul> </div> <div class="language viewSp"> <div class="inner js-languageSelect"> <div class="icon"> <i class="icon-language"></i> </div> <p class="label js-languageSelectText">Language</p> <select onChange="location.href=value;" class="js-languageSelectTrigger"> <option selected>Language</option> <option value="https://kyoto.travel/en/">English</option> <option value="https://kyoto.travel/fr/">français</option> <option value="https://kyoto.travel/cn/">简体中文</option> <option value="https://kyoto.travel/tw/">繁體中文</option> <option value="https://kyoto.travel/ko/">한글</option> <option value="https://kyoto.travel/es/">Español</option> </select> <div class="arrow"> <i class="icon-arrow-down viewSp"></i> </div> </div> </div> <div class="shugakuTravel_sp viewSp"> <ul> <li><a href="https://www.kyokanko.or.jp/kaiin/" target="_blank">京都市観光協会について<i class="icon-other-window"></i></a></li> <li><a href="https://shugakuryoko.kyoto.travel/" target="_blank">修学旅行情報はこちら<i class="icon-other-window"></i></a></li> <li><a href="https://www.kyoto-kankou.or.jp/" target="_blank">京都府域の観光情報はこちら<i class="icon-other-window"></i></a></li> </ul> </div> <div class="toolFacil-iti viewSp"> <a href="javascript:void(0);" class="facilitiTrigger"><i class="icon_facil-iti"></i><span>サイト閲覧支援ツールを起動</span></a> </div> </nav> <!-- / #gNav --> <div class="mod_heroHeader01"> <div class="mod_heroHeader01__box"> <div class="mod_heroHeader01__img"> <picture> <source media="(max-width: 767px)" srcset="/img/bicycle/main_sp.jpg"> <source media="(min-width: 768px)" srcset="/img/bicycle/main.jpg"> <img src="/img/bicycle/main.jpg" alt="めぐる食べる遊ぶ 京都自転車観光ガイド" class="ofi"> </picture> </div> </div> <div class="mod_heroHeader01__nav trailNav scrollSection viewPc"> <ul class="mod_heroHeader01__nav_wrapper"> <li class="mod_heroHeader01__nav_item is_page"> <a class="mod_heroHeader01__nav_link" href="/bicycle/">自転車観光の楽しみ方</a> </li> <li class="mod_heroHeader01__nav_item "> <a class="mod_heroHeader01__nav_link" href="/bicycle/rule/">自転車観光のルール</a> </li> <li class="mod_heroHeader01__nav_item "> <a class="mod_heroHeader01__nav_link" href="/bicycle/spot/">おすすめスポット</a> </li> <li class="mod_heroHeader01__nav_item "> <a class="mod_heroHeader01__nav_link" href="/bicycle/parking/">かりる・とめる・あそぶ</a> </li> </ul> </div> <div class="mod_heroHeader01__nav trailNav scrollSection viewSp" data-simplebar data-simplebar-auto-hide="true"> <ul class="mod_heroHeader01__nav_wrapper"> <li class="mod_heroHeader01__nav_item is_page"> <a class="mod_heroHeader01__nav_link" href="/bicycle/">自転車観光の楽しみ方</a> </li> <li class="mod_heroHeader01__nav_item "> <a class="mod_heroHeader01__nav_link" href="/bicycle/rule/">自転車観光のルール</a> </li> <li class="mod_heroHeader01__nav_item "> <a class="mod_heroHeader01__nav_link" href="/bicycle/spot/">おすすめスポット</a> </li> <li class="mod_heroHeader01__nav_item "> <a class="mod_heroHeader01__nav_link" href="/bicycle/parking/">かりる・とめる・あそぶ</a> </li> </ul> </div> </div> <div id="breadcrumb"> <ol class="list mod_inner01"> <li class="item home"><a href="/">HOME</a></li> <li class="item current" id="title">京都自転車観光ガイド</li> </ol> </div> <!-- /#breadcrumb --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://ja.kyoto.travel", "name": "HOME" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://ja.kyoto.travel/bicycle/", "name": "京都自転車観光ガイド" } } ] } </script> <div id="container" class="cf"><div id="container"> <div id="contents"> <main role="main"> <section class="secition"> <div class="section-inner"> <h2 class="mod_tit14 serif">自転車観光の楽しみ方</h2> <div class="txt-ptn1"> <p>京都は三山に囲まれた豊かな自然や千年を超える歴史の中で紡がれてきた魅力的な文化が市内の多様なエリアに広がっています。<br>まちなかの路地裏や名所・旧跡、郊外の豊かな自然など、自転車だから体験できる様々な京都の楽しみ方を紹介します。</p> </div> </div> </section> <section class="secition bg-blue"> <div class="section-inner"> <!-- Tips --> <div class="section-child tips-container"> <p class="section-treat"><img src="/img/bicycle/treat_01.png" alt="tips"></p> <h3 class="section-title">自転車観光がおすすめな理由</h3> <div class="txt-ptn1 txt-center"> <p>京都は自転車観光にうってつけの土地条件を持っていることをご存知ですか?<br>おすすめの理由をまとめて紹介します。</p> </div> <ul class="card-list"> <li class="card-list-item"> <div class="card-list-num"> <img src="/img/bicycle/tips_num_01.png" alt="01"> </div> <h4 class="card-list-heading">10km四方の正方形の中に主だった<br>観光スポットが収まっている立地</h4> <div class="card-list-img"> <img src="/img/bicycle/tips_img_01.png" alt=""> </div> <div class="card-list-desc"> <p>京都は主だった観光スポットが10km四方に収まっているため、実は自転車観光にぴったりの立地なのです。<br>また、観光スポットによっては駐輪場が備わっている場所もありますので、さらに最適です!</p> </div> </li> <li class="card-list-item"> <div class="card-list-num"> <img src="/img/bicycle/tips_num_02.png" alt="02"> </div> <h4 class="card-list-heading">中心部はほぼ平坦<br>無理なく走ることができます</h4> <div class="card-list-img"> <img src="/img/bicycle/tips_img_02.png" alt=""> </div> <div class="card-list-desc"> <p>京都の中心部はほぼ平坦な地形が続いています。また、京都市全体で考えても起伏はそれほど多くはありません。坂道は存在していますが、比較的無理なく走ることが出来る立地にもなっています。</p> </div> </li> <li class="card-list-item"> <div class="card-list-num"> <img src="/img/bicycle/tips_num_03.png" alt="03"> </div> <h4 class="card-list-heading">東西南北の方角が<br>分かりやすい!</h4> <div class="card-list-img"> <img src="/img/bicycle/tips_img_03.png" alt=""> </div> <div class="card-list-desc"> <p>京都は北・東・西の三方を山で囲まれており、道路は碁盤の目状に走っています。東が祇園方面、西が嵐山方面と覚えていれば、自分がどちらに向かっているかが把握しやすい土地になっています。道に迷ったとしても、大通りに出れば、案内標識などで自分の位置をつかみ、ルートを修正することが可能です。</p> </div> </li> <li class="card-list-item"> <div class="card-list-num"> <img src="/img/bicycle/tips_num_04.png" alt="04"> </div> <h4 class="card-list-heading">郊外の魅力も楽しめる</h4> <div class="card-list-img"> <img src="/img/bicycle/tips_img_04.png" alt=""> </div> <div class="card-list-desc"> <p>京都の中心部から少し足を延ばせば里山や川など京都市内とは思えない自然豊かな情景を感じることができます。<br>電動アシスト機能付のレンタサイクルを使ったガイドツアーもあり、まちなかとは違った楽しみ方ができます。</p> </div> </li> </ul> <div class="btn-wrap--center"> <a class="btn-item--primary" href="/bicycle/spot/"><i class="icon-marker"></i><span>自転車観光におすすめのスポット</span></a> </div> </div> <!-- Point --> <div class="section-child"> <p class="section-treat"><img src="/img/bicycle/treat_02.png" alt="points"></p> <h3 class="section-title">自転車観光を楽しむための<br>3つのポイント</h3> <ul class="point-list"> <li class="point-list-item"> <div class="point-list-img"> <!-- slide --> <ul class="point-slide slick-slider"> <li class="point-slide-item"><img class="point-slide-img" src="/img/bicycle/point1_img_01.jpg" alt="slideimg"></li> <li class="point-slide-item"><img class="point-slide-img" src="/img/bicycle/point1_img_02.jpg" alt="slideimg"></li> <li class="point-slide-item"><img class="point-slide-img" src="/img/bicycle/point1_img_03.jpg" alt="slideimg"></li> </ul> </div> <div class="point-list-txt"> <div class="check-num"> <img src="/img/bicycle/check_01.png" alt="check1"> </div> <h4 class="heading-ptn1">自転車とレンタサイクルプランは<br>自分に合ったものを選びましょう</h4> <div class="txt-ptn2"> <p>長距離ならスポーツバイク系、街中を軽く走るならシティサイクルやミニベロなど、自分の体力や計画した観光プランに合った自転車を選ぶことが自転車観光を楽しむための第一歩!<br> 京都市内のレンタサイクル店には、普通のシティサイクルからスポーツバイク系まで、多種多彩な自転車が取り扱われています。さらにレンタサイクルにも様々なプランがあり、数時間だけ借りて1つのエリアのみを気軽にまわるプラン、1日借り切って京都中を自由にまわるプラン、さらにツアーガイド付きのサイクリングツアーもあります。<br>自転車選び、プラン選びに迷った時には、ご利用店舗にも相談してみましょう。</p> </div> </div> </li> <li class="point-list-item"> <div class="point-list-img"> <!-- slide --> <ul class="point-slide slick-slider"> <li class="point-slide-item"><img class="point-slide-img" src="/img/bicycle/point2_img_01.jpg" alt="slideimg" style="transform: translate(0,0) rotate(0deg);"></li> </ul> </div> <div class="point-list-txt"> <div class="check-num"> <img src="/img/bicycle/check_02.png" alt="check2"> </div> <h4 class="heading-ptn1">“五感”で京都を堪能</h4> <div class="txt-ptn2"> <p>お店の前を通ったときに感じるお香の匂い、川沿いを走った時に聞こえてくる川のせせらぎ…、自転車には電車や車では堪能できなかった五感で感じる楽しみがあります。<br>細い路地や長い路地など京都に特徴的な路地裏に入ってゆけば、小さな雑貨店やカフェなど、通らなければ分からなかった京都の生活感や空気をより深く感じることもできます。</p> </div> </div> </li> <li class="point-list-item"> <div class="point-list-img"> <!-- slide --> <ul class="point-slide slick-slider"> <li class="point-slide-item"><img class="point-slide-img" src="/img/bicycle/point3_img_01.jpg" alt="slideimg"></li> <li class="point-slide-item"><img class="point-slide-img" src="/img/bicycle/point3_img_02.jpg" alt="slideimg"></li> <li class="point-slide-item"><img class="point-slide-img" src="/img/bicycle/point3_img_03.jpg" alt="slideimg"></li> </ul> </div> <div class="point-list-txt"> <div class="check-num"> <img src="/img/bicycle/check_03.png" alt="check3"> </div> <h4 class="heading-ptn1">いつもと違う京都を堪能</h4> <div class="txt-ptn2"> <p>大原の里山や、風情ある酒蔵が立ち並ぶ伏見、田園風景や竹林といった自然に恵まれた西京など、京都の郊外にも魅力的なエリアがたくさんあります。エリア内はバスや電車がないところもあるので、効率よく回るには自転車がおすすめ。まちなかとは違う京都の魅力を堪能できます。</p> </div> </div> </li> </ul> </div> </div> </section> <!-- 共通バナー --> <div class="mo_pageBottom_bnr"> <ul class="mo_pageBottom_bnr_inner col2"> <li class="bnrItem"> <p class="title" data-mh="bnrTitle">自転車観光おすすめモデルコース記事はこちら<span class="subTxt">自転車観光の魅力やグルメ情報も満載のモデルコースを、<br>エリアごとにご紹介しています!</span></p> <a href="https://plus.kyoto.travel/archive/category/自転車旅" target="_blank"> <span class="img"><img src="/img/bicycle/index_bnr01.png" alt="京都自転車観光ガイド"></span> <p class="mo_pageBottom_bnr_cap">京都観光Naviぷらす<br>自転車でめぐる京都観光<i class="icon-other-window"></i></p> </a> </li> <li class="bnrItem"> <p class="title" data-mh="bnrTitle">京奈和自転車道サイクリングマップはこちら<span class="subTxt">嵐山から奈良を経て和歌山までを結ぶ総延長180kmのサイクリングルートなどを御紹介しています!</span></p> <a href="https://kyoto-bicycle.com/cycling" target="_blank"> <span class="img"><img src="/img/bicycle/index_bnr02.png" alt="京奈和自転車道サイクリングマップはこちら"></span> <p class="mo_pageBottom_bnr_cap">京奈和自転車道<br>サイクリングマップ<i class="icon-other-window"></i></p> </a> </li> </ul> </div> <p class="siteSup">サイト監修:有限会社京都サイクリングツアープロジェクト</p> <!--↓ 協賛広告--> <!--↑ 協賛広告--> <!-- <section class="secition"> <div class="section-inner small"> <div class="getAdobeReader"> <p class="getAdobeReader__txt">PDFファイルの閲覧には Adobe Reader が必要です。同ソフトがインストールされていない場合には、<a class="getAdobeReader__link" href="https://get.adobe.com/reader/" target="_blank">Adobe 社のサイトから Adobe Reader をダウンロード(無償)してください。</a></p> <a class="getAdobeReader__adobe" href="https://get.adobe.com/reader/" target="_blank"><img src="/img/common/Get_Adobe_Acrobat_Reader_DC_web_button_158x39.fw.png" alt="Get Adobe Acrobat Reader DC"></a> </div> </div> </section> --> </main> </div> <!-- /#contents --> <p id="ftBackBtn"><a href="/" class="alpha"><i class="icon-menu-home"></i><span>トップページに戻る</span></a></p> </div> <!-- /#container --> <div class="kyonavi_banner"> <div class="kyonavi_banner__box"> <input class="kyonavi_banner__checkbox" type="checkbox" name="kyonavi_banner" id="kyonavi_banner" checked> <label for="kyonavi_banner" class="kyonavi_banner__label"></label> <div class="kyonavi_banner__container"> <a id="kyonavionline" alt="京なびオンライン" class="kyonavi_banner__container__banner kyonavi" href="https://kyonavi.kyoto.travel/" target="_blank" rel="noreferrer noopener"> <picture> <source srcset="/img/common/bnr_kyonavi_pc.png" media="(min-width: 600px)" /> <img src="/img/common/bnr_kyonavi_sp.png" alt="京なびオンライン"> </picture> </a> <a id="kyonavionline_hazard" alt="災害情報" class="kyonavi_banner__container__banner hazard" href="https://kyonavi.kyoto.travel/jp/hazard/" target="_blank" rel="noreferrer noopener"> <picture> <source srcset="/img/common/bnr_disaster_pc.png" media="(min-width: 600px)" /> <img src="/img/common/bnr_disater_info_sp.png" alt="京なびオンライン"> </picture> </a> </div> </div> </div> <!-- /.kyonavi_banner --> <footer id="gFooter" class="gFooter js-footer"> <div class="gFooter__sns"> <div class="gFooter__snsInner mod_inner01"> <p class="gFooter__snsTitle">協会公式SNS</p> <ul class="gFooter__snsList"> <li class="gFooter__snsItem"> <a href="https://x.com/kyo_kanko" target="_blank" class="gFooter__snsLink"> <img src="/img/common/ico_twitter01.png" alt=""> </a> </li> <li class="gFooter__snsItem"> <a href="https://www.facebook.com/kyokanko/?ref=embed_page" target="_blank" class="gFooter__snsLink"> <img src="/img/common/sns_fb.png" alt=""> </a> </li> <li class="gFooter__snsItem"> <a href="https://www.instagram.com/visit_kyoto/?hl=ja" target="_blank" class="gFooter__snsLink"> <img src="/img/common/sns_in.png" alt=""> </a> </li> <li class="gFooter__snsItem"> <a href="https://www.youtube.com/c/DMOKYOTO" target="_blank" class="gFooter__snsLink"> <img src="/img/common/sns_yt.png" alt=""> </a> </li> </ul> </div> </div> <!-- /#ftSns --> <div id="ftInfo"> <p id="pagetop" class="js-pagetop"><a href="#top"><i class="icon-arrow-up"></i><span class="txt">TOP</span></a></p> <!-- /#pagetop --> <div class="inner"> <p class="fTit">サポートメニュー</p> <ul class="link"> <li class="item"><i class="icon-arrow-right"></i><a href="/about/">京都観光Naviとは</a></li> <li class="item"><i class="icon-arrow-right"></i><a href="/privacy/">プライバシーポリシー</a></li> <li class="item"><i class="icon-arrow-right"></i><a href="https://select-type.com/law/?sp=5GVXILSAhh4" target="_blank">特定商取引法に基づく表記</a></li> <li class="item"><i class="icon-arrow-right"></i><a href="/feature/sitemap.php">サイトマップ</a></li> <li class="item"><i class="icon-arrow-right"></i><a href="https://www.kyokanko.or.jp/survey_list/" target="_blank">統計情報</a></li> <li class="item"><i class="icon-arrow-right"></i><a href="/feature/links.php">リンク集</a></li> <li class="item"><i class="icon-arrow-right"></i><a href="/wifi/">KYOTO Wi-Fi</a></li> </ul> </div> </div> <!-- /#ftInfo --> <div id="ftCr"> <div class="inner"> <div class="ftCol"> <div class="item"> <p class="tit serif">観光に関するお問い合わせ</p> <div class="address_info"> <p class="txt"><strong><a href="/information/">京都総合観光案内所(京なび)</a></strong></p> <p class="txt">〒600-8216<br> 京都市下京区烏丸通塩小路下る(京都駅ビル2階、南北自由通路沿い)<br> TEL:075-343-0548<br> <span style="font-size: 1.3rem;">※イベント・施設情報の詳細は、主催者・施設管理者へお問い合わせください。</span> </p> </div> </div> <div class="item"> <p class="tit serif">ホームページに関するお問い合わせ</p> <p class="txt"><strong><a href="https://www.kyokanko.or.jp/" target="_blank">京都市観光協会</a></strong></p> <p class="txt">〒604-0924<br> 京都市中京区河原町通二条下ル一之船入町384番地 ヤサカ河原町ビル8階<br> (公財)京都高度技術研究所 / 写真協力:三宅徹、水野克比古、水野秀比古、柴田明蘭、平林義章、横山健蔵 他</p> <p class="txt bsBox4"><a href="/feature/request.php">よくある質問・お問い合わせ</a></p> <ul> <li><i class="icon-arrow-right"></i><a href="https://www.kyokanko.or.jp/news/ad" target="_blank">広告掲載について</a></li> <li><i class="icon-arrow-right"></i><a href="https://form.run/@kyoto-event/" target="_blank">イベント情報提供窓口</a></li> </ul> </div> <div class="item"> <p class="tit serif">聴覚に障がいのある方など電話による<br>御相談が難しい方はこちら</p> <p class="txt"><strong><a href="https://kyoto-universal.jp/" target="_blank">京都ユニバーサル観光ナビ</a></strong></p> <p class="txt">京都のユニバーサル観光情報を発信中。ユニバーサルツーリズム・コンシェルジュでは、それぞれの得意分野を持ったコンシェルジュが、京都の旅の相談事に対して障害にあった注意事項やアドバイスを無償でさせていただきます。</p> <p class="tit serif base_mt2">撮影支援に関するお問い合わせ</p> <p class="txt"><strong><a href="https://ja.kyoto.travel/support/" target="_blank">京都市メディア支援センター</a></strong></p> <p class="txt">京都市におけるロケ・取材支援の総合窓口として、京都市メディア支援センターを運営しています。</p> </div> </div> <p class="cr"><small>c Kyoto City Tourism Association All rights reserved.</small></p> <p class="note">※本ホームページの内容・写真・イラスト・地図等の転載を固くお断りします。<br> ※本ホームページの運営は宿泊税を活用しております。</p> </div> </div> <!-- /#ftCr --> </footer> <!-- /#gFooter --> </div> <!-- /#wrapper --> <script src="/js/jquery-2.1.3.min.js"></script> <script src="/lib/cookie/jquery.cookie.js"></script> <script src="https://cdn.jsdelivr.net/npm/lozad"></script> <script src="/lib/match-height/jquery.matchHeight-min.js"></script> <script src="/lib/ofi.min.js"></script> <script src="/js/common.js"></script> <script src="/js/lity.min.js"></script> <script src="/js/favorite_cache.js"></script> <script src="/js/card_common.js"></script> <script src="/js/bicycle_card.js"></script> <script src="/js/copy.js"></script> <script src="/lib/slick/slick.min.js"></script> <script src="/lib/swiper.min.js"></script> <script src="/lib/jquery-ui/jquery-ui.min.js"></script> <script> // Lozad設定 $(document).ready(function() { const observer = lozad(); observer.observe(); }); // faciliti説明ボックスモーダル表示設定 (function($){ var scrollPosition; $(".facilitiTrigger").on("click",function(){ scrollPosition = $(window).scrollTop(); $("body").addClass('open_facilitiBox').css({'top': -scrollPosition}); }); $(".facilitiDescBoxBg").on("click",function(){ $("body.open_facilitiBox").removeClass("open_facilitiBox").css({'top': 0}); window.scrollTo( 0 , scrollPosition ); }); $(".facilitiDescCloseBtn").on("click",function(){ $("body.open_facilitiBox").removeClass("open_facilitiBox").css({'top': 0}); window.scrollTo( 0 , scrollPosition ); }); })(jQuery); $(function() { $('.js-languageSelectTrigger').on('change', function() { console.log('aaa'); var $this = $(this) var $option = $this.find('option:selected'); $('.js-languageSelectText').text($option.text()); // onchange後にフォーカスしてるのが嫌な場合 $this.blur(); }); }) </script> <script src="/lib/jquery-ui/datepicker-ja.js"></script> <script> objectFitImages(".ofi"); </script> <!--画像取得 右クリックとドロップ禁止--> <script> window.onload=function(){ var imgs =document.getElementsByTagName("img"); var imgNum = document.getElementsByTagName("img").length; for(var i=0;i<imgNum;i++){ imgs[i].oncontextmenu = function(){ return false; } imgs[i].onmousedown = function(){ return false; } } } </script> <script> (function($){ // footer Instagram $('.js-instagram-slider').slick({ autoplay: true, autoplaySpeed: 4500, infinite: true, speed: 1500, arrows: false, dots: false, pauseOnHover: false, pauseOnFocus: false, centerMode: true, centerPadding: 0, variableWidth: true, zIndex: 5, swipe: false, slidesToShow: 9, }); $.datepicker._gotoToday = function(id) { var target = $(id); var inst = this._getInst(target[0]); var date = new Date(); this._setDate(inst,date); this._hideDatepicker(); } $('.js-search-period').datepicker({ showButtonPanel: true, beforeShow : function(input) { setTimeout(function() { var buttonPane = $(input).datepicker('widget').find('.ui-datepicker-buttonpane'); $('<button>', { text: 'クリア', click: function() { $.datepicker._clearDate(input); } }).appendTo( buttonPane ).addClass('ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all'); }, 1 ); }, onChangeMonthYear: function(year, month, instance) { setTimeout(function() { var buttonPane = $(instance).datepicker('widget').find('.ui-datepicker-buttonpane'); $('<button>', {text: 'クリア', click: function() { $.datepicker._clearDate(instance.input); } }).appendTo( buttonPane ).addClass('ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all'); }, 1 ); } }); $('.js-search-keyword-form .btn').on('click', function(){ $(this).closest('.js-search-keyword-form').submit(); }); $('.areaInfo__gps .mod_btn05, .areaInfo__gps a').on('click', function(){ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(function(pos){ $.ajax({ type:"post", url:"/search-area01.php", data:{ 'ajax':true, 'latitude':pos.coords.latitude, 'longitude':pos.coords.longitude }, dataType: "json" }).done(function(data){ if(data.msg){ alert(data.msg); } else{ location.href= "/search-area01.php?area_id=" + data.area_id; } }); }, function(error){ if(error.code == 1){ alert('位置情報の利用が許可されていません。'); } else{ alert('位置情報の取得に失敗しました。'); } }); } else{ alert('この端末では現在位置を取得できません'); } }); $('.btnClear').on('click', 'input[type="reset"]', function(){ $(this).closest('form').find('input,select').each(function(){ if($(this).prop('tagName') == 'select'){ $(this).children('option:selected').each(function(){ $(this).prop('selected', false); }) } else{ switch($(this).prop('type')){ case 'submit': case 'reset': case 'button': case 'image': case 'file': case 'hidden': break; case 'checkbox': case 'radio': $(this).prop('checked', false); break; default: $(this).prop('value', ''); break; } } }); return false; }) })(jQuery); </script> <script src="/lib/lightbox/lightbox.min.js"></script> <script> (function($){ $('.point-slide').slick({ // autoplay:true, // autoplaySpeed:5000, fade: true, prevArrow: '<img src="/img/bicycle/arrow_left.png" class="point-slide-prev slide-arrow prev-arrow">', nextArrow: '<img src="/img/bicycle/arrow_right.png" class="point-slide-next slide-arrow next-arrow">' }); $('.slick-arrow').on('click',function() { var container = $(this).parents('.slick-slider'); container.find('.slick-active').addClass('is-move'); setTimeout(function() { container.find(".slick-slide.is-move").removeClass('is-move'); },300) }); })(jQuery); </script> <script src="/lib/simplebar/simplebar.js"></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 = 'https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v3.0'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10