混雑回避に役立つ京都観光快適度マップ｜【京都市公式】京都観光Navi

<!doctype html> <html lang="ja"> <head>  <style>.async-hide { opacity: 0 !important} </style>  <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>  <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" /> <meta property="og:site_name" content="【京都市公式】京都観光Navi" />  <meta property="og:image" content="https://ja.kyoto.travel/img/ogp/ogp_comfort.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="ビッグデータをもとに予測したエリア別の混雑情報を発信しています。ライブカメラの映像や、おすすめスポット記事も参考に３密を回避した安心・安全な京都観光をお楽しみください。" /> <meta name="twitter:title" content="混雑回避に役立つ京都観光快適度マップ｜【京都市公式】京都観光Navi" />  <meta name="twitter:image" content="https://ja.kyoto.travel/img/ogp/ogp_comfort.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/comfort.css" rel="stylesheet"> <link href="/css/comfort_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> <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>  <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"> </head> <body id="comfort" class="index comfort">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3NCSW4F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <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">❶</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">❷</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">❸</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">❹</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">❶</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">❷</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>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P3NCSW4F" height="0" width="0" style="display:none;visibility:hidden"></iframe></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">  <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=44">#夜間特別公開・ライトアップ</a></li> <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=31">#夜観光</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=25">#雨の日も楽しめる</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=94">#穴場スポット</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=74">#寺院・神社の行事</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=30">#朝観光</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=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=29">#ユニバーサル観光</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=9">#木・花</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=142">#五山送り火協賛商品2024</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=102">#春の特別公開</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=140">#五山送り火協賛商品2023</a></li> <li class="item"><a href="/search-tag.php?tag_id=130">#オンライン</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>  </header>  <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_bg_lightup.jpg" alt=""> </figure> <a href="https://ja.kyoto.travel/tourism/article/asakanko-yorukanko/post/single.php?id=454"> <p class="txt">夜間特別拝観・ライトアップ</p> </a> </li> <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> </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>  </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_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> <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> </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=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=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>  </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>  </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>  </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>  </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>  <style type="text/css">  </style> <div id="contents"> <main role="main"> <h1 class="comfort__mainimg"> <picture> <source media="(min-width: 768px)" srcset="/img/comfort/img_main_pc.jpg"> <source media="(max-width: 767px)" srcset="/img/comfort/img_main_sp.jpg"> <img src="/img/comfort/img_main_pc.jpg" alt="混雑回避に役立つ観光快適度マップ"> </picture> </h1> <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>  <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/comfort/", "name": "混雑回避に役立つ京都観光快適度マップ" } } ] } </script> <h2 class="comfort__header serif">混雑を回避しながら<br class="viewSp">快適な京都観光を</h2> <p class="comfort__lead">京都観光快適度マップでは、人気観光スポット周辺の時間帯別の観光快適度の予測やライブカメラ映像によるリアルタイム情報（一部スポット除く）のほか、日中でも比較的空いている魅力的な観光スポットなど、混雑を避けた観光に役立つ情報を提供しています。<br> 京都観光快適度マップを使って、混雑する時間や場所を上手に避けながら、快適な京都観光をお楽しみください。</p> <p class="comfort__lead_sub">＊「観光快適度」とは、観光地の人の量を５段階で示したものです。</p>  <div class="inner mod_inner01 sec_mt base_mt5"> <h2 class="comfort__header serif base_red base_uline">秋の観光シーズンにおける混雑の見える化　ライブカメラ映像配信（2024/11/15～12/1）</h2> <p class="comfort__lead">多くの人で賑わう秋の観光シーズンの混雑対策として、京都駅烏丸口タクシー乗り場、五条坂バス停留所にポータブルライブカメラを設置し、リアルタイムの混雑状況をYouTubeにて配信します！</p> <p class="comfort__lead" style="color:rgba(0,97,248,1.00); "> 放送予定期間：2024年11月15日（金）～2024年12月1日（日）<br> ※放送予定時間以外は、映像を確認できません。 </p> </div> <div class="youtube_cont mod_inner01"> <div class="youtube_cont_inner"> <div class="youtube_box"> <iframe width="927" height="695" src="https://www.youtube.com/embed/h3WCW540J7g" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <p class="base_mt1 base_mb3 base_center">京都駅烏丸口タクシー<br>ライブカメラ</p> </div> <div class="youtube_cont_inner"> <div class="youtube_box"> <iframe width="927" height="695" src="https://www.youtube.com/embed/JUJooZub5Ho" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <p class="base_mt1 base_mb3 base_center">五条坂バス停留所<br>ライブカメラ</p> </div> </div> <div class="comfort__howtobox"> <h2 class="comfort__howtobox__header"><span>より詳細なデータは<br class="viewSp"> 各エリアボタンをクリック（タップ）</span></h2> <div class="comfort__howtobox__box"> <div class="comfort__howtobox__icon"><img src="/img/comfort/helpbox_sample.png" alt=""></div> <div class="comfort__howtobox__textbox"> <p>各エリアをクリック（タップ）すると、エリア別に時間帯ごとの観光快適度を確認することができます。<br> また、おすすめスポット・モデルコースなどの情報もご紹介しております。</p> </div> <p class="comfort__howtobox__helptext"> ※詳しいマップの使い方は<img src="/img/comfort/icon_question.png" alt="" class="comfort__howtobox__helptext__icon"><a href="javascript:void(0);" class="_comfort__help_button">こちら</a>をご確認ください </p> </div> </div> <div class="comfort__map_wrapper"> <div class="comfort__map_container"> <div class="comfort__map"><img src="/img/comfort/areamap.png" alt=""></div> <div class="comfort__conditions"> <div class="comfort__conditions_date"> <input type="text" name="date" value="2024/12/01" readonly="readonly"> </div> <div class="comfort__conditions_time"> <select name="time" id="time"> <option>06:00</option> <option>07:00</option> <option>08:00</option> <option>09:00</option> <option>10:00</option> <option>11:00</option> <option selected>12:00</option> <option>13:00</option> <option>14:00</option> <option>15:00</option> <option>16:00</option> <option>17:00</option> <option>18:00</option> <option>19:00</option> <option>20:00</option> <option>21:00</option> <option>22:00</option> <option>23:00</option> </select> </div> <div class="comfort__conditions_weather"> <p class="comfort__conditions_weather_placeholder"></p> <select name="weather" id="weather"> <option class="sunny">晴れ</option> <option class="rain">雨</option> <option class="heavy_rain">大雨</option> </select> </div> </div> <em class="comfort__conditions_updated">更新日：2024/10/29</em> <input id="switch1" type="radio" name="comfort__switch" value="1" checked> <input id="switch2" type="radio" name="comfort__switch" value="2"> <div class="comfort__switch"> <label class="comfort__switch_1" for="switch1"> <span class="comfort__switch_1_icon"></span> <span class="comfort__switch_1_label">快適度</span> </label> <label class="comfort__switch_2" for="switch2"> <span class="comfort__switch_2_icon"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g transform="translate(-196.581 -103.404)"><path d="M196.581,103.4v30h30v-30Zm28.929,28.928H197.652V104.475H225.51Z" /><path d="M270.99,132.82h4.656v3.339h-2.273l.67,1.626h2.808v-5.741h-6.2Z" transform="translate(-62.875 -24.309)" /><path d="M336.081,125.083h-6.4v-2.167l6.4-3.139v-.782h-7.689l.335.782H333.6l-5.213,2.59V126.7h7.027Z" transform="translate(-111.882 -13.233)" /><g transform="translate(207.724 114.547)"><path d="M275.449,182.53h1.232l-.691-1.706H278l-.337-.817H275.63l-.607-1.359H278l-.347-.776h-2.976l-.349-.767h-1.279l.369.767h-3.132v.776h3.482l.607,1.359h-4.089v.817h4.438Z" transform="translate(-270.282 -177.104)" /><path d="M274.363,209.461H271.5v-1.469h-1.218v3.044h4.751Z" transform="translate(-270.282 -203.322)" /></g><g transform="translate(198.938 114.547)"><path d="M215.541,180.793h3.115v2.45h-.848l.67,1.575h1.4V180.17h-4.339v-1.522h2.814l-.335-.776h-2.479V177.1h-1.2v.767h-2.162v.776h2.162v1.522h-2.172v4.648h3.369Zm-1.2,2.45h-1.381v-2.45h1.381Z" transform="translate(-212.172 -177.104)" /><rect width="1.206" height="1.226" transform="translate(6.502 0.767)" /></g><path d="M332.655,179.033h1.552v3.424h-1.349l.829,2.361H336.1v-7.172h-1.947l.361-.542h-1.586l-.276.48-.276-.48h-1.586l.361.542h-2.757v7.172h4.263Zm0-1.042h3.1v6.481h-1.822l-.586-1.669h1.207v-4.116h-1.9Zm-1.356,4.466h-.986v-3.424h.986Zm0-3.77h-1.332V182.8H331.3v1.669h-2.561v-6.481H331.3Z" transform="translate(-111.883 -62.557)" /><g transform="translate(198.938 105.761)"><g transform="translate(0)"><path d="M213.493,125.083v-.974l6.408-5.114h-1.919l-3.081,2.368-1.615-2.368h-1.1l2.057,2.949-2.071,1.623v3.143h7.708l-1.025-1.626Z" transform="translate(-212.172 -118.995)" /></g></g><g transform="translate(198.938 123.332)"><path d="M299.927,238.135H296.12v7.273h1.437v-6.515h1.413l-.9,1.285.851,1.525v1.1h-1.165l.867,1.707h1.307v-2.917l-.751-1.391.751-.949Z" transform="translate(-283.428 -237.694)" /><path d="M250.222,235.656l-.307.408h-.655v-.849h-.98v.849h-1.07l.486.782h.584v.806h-1.458l.47.777h.835l-2.56,3.373-.294-.507h-1.386l.806,1.634h1.545l2.293-3.075v3.075h2.938v-4.087h-2.209l.324-.413h1.884l-.461-.777h-.85l1.458-2Zm-.419,3.957h.9v.342h-.9Zm0,1.115h.9v.6h-.9Zm-.543-3.53v-.353h.267Z" transform="translate(-239.093 -235.215)" /><path d="M219.436,235.7h-2.712v-.481h-1.488v.481h-3.064v.776h7.7Z" transform="translate(-212.172 -235.215)" /><path d="M223.743,246.637h-5.9v3.815h2.207v2.172h1.488v-2.172h2.207Zm-1.462,2.243H219.3v-1.467h2.977Z" transform="translate(-216.985 -244.91)" /><path d="M215.3,277.064h1.527l.806-1.634h-1.386Z" transform="translate(-214.825 -269.35)" /></g><g transform="translate(216.509 123.332)"><path d="M353.365,240.55a.116.116,0,1,0-.116-.116A.116.116,0,0,0,353.365,240.55Z" transform="translate(-349.491 -239.546)" /><rect width="0.612" height="1.8" transform="translate(4.659 1.353)" /><path d="M328.392,235.215v7.714H336.1v-7.714Zm4.231,1.085h1.461v2.74h-1.461Zm-2.115.268-.117-.268h1.586a.353.353,0,1,1,.139.119l-.874,2.621h-.568l-.284-.671h.492l.609-1.8Zm-.857,2.839.107.268h-.825l-.113-.268Zm-.189.54.107.265h-.635l-.113-.265Zm.211,2.2h-.568l-.284-.671h.492l.45-1.393s.4.526.4.532Zm.753-1.573c0-.006-.4-.532-.4-.532l.121-.372s.4.526.4.532Zm.176-.567c0-.006-.4-.532-.4-.532l.121-.372s.4.526.4.532Zm1.7.119h-.471v1.349h.471v.671h-1.177l-.284-.671h.562v-1.349h-.45l-.113-.268H332.3Zm1.224,2.02h-.568l-.284-.671h.492l.451-1.348h-.687l-.174.512-.29.021.424-1.253h.285l-.153.45h1.271Zm2.13-1.048-.63-.333v1.381h-.519v-2.74h.519v1.031l.63.314Z" transform="translate(-328.392 -235.215)" /></g></g></svg> </span> <span class="comfort__switch_2_label">プラン</span> </label> </div> <div class="comfort__switch_content"> <div id="switch1_content" class="comfort__switch_content_relative">  <a class="comfort__comfort_area kitayama" href="/comfort/kitano-kinugasa-nishijin/"> <em class="comfort__comfort_area_label">衣笠・北野・西陣<br>エリア</em> <ul class="comfort__comfort_spot"> <li class="comfort__comfort_spot_item" data-area_id="101"> <span class="comfort__comfort_spot_label">北野天満宮前<br>付近</span> <span class="comfort__comfort_spot_status crowd-1"><i class="icon-crowd-1"></i></span> </li> <li class="comfort__comfort_spot_item" data-area_id="102"> <span class="comfort__comfort_spot_label">金閣寺道付近</span> <span class="comfort__comfort_spot_status crowd-4"><i class="icon-crowd-4"></i></span> </li> </ul> </a>  <a class="comfort__comfort_area higashiyama" href="/comfort/tetsugaku-okazaki/"> <em class="comfort__comfort_area_label">哲学の道・岡崎<br>エリア</em> <ul class="comfort__comfort_spot"> <li class="comfort__comfort_spot_item" data-area_id="201"> <span class="comfort__comfort_spot_label">哲学の道北端</span> <span class="comfort__comfort_spot_status crowd-5"><i class="icon-crowd-5"></i></span> </li> <li class="comfort__comfort_spot_item" data-area_id="202"> <span class="comfort__comfort_spot_label">岡崎公園</span> <span class="comfort__comfort_spot_status crowd-3"><i class="icon-crowd-3"></i></span> </li> </ul> </a>  <a class="comfort__comfort_area saga-arashiyama" href="/comfort/saga-arashiyama/"> <em class="comfort__comfort_area_label">嵯峨・嵐山エリア</em> <ul class="comfort__comfort_spot"> <li class="comfort__comfort_spot_item" data-area_id="301"> <span class="comfort__comfort_spot_label">渡月橋北詰</span> <span class="comfort__comfort_spot_status crowd-5"><i class="icon-crowd-5"></i></span> </li> <li class="comfort__comfort_spot_item" data-area_id="302"> <span class="comfort__comfort_spot_label">竹林の小径</span> <span class="comfort__comfort_spot_status crowd-5"><i class="icon-crowd-5"></i></span> </li> </ul> </a>  <a class="comfort__comfort_area gion-kiyomizu" href="/comfort/gion-kiyomizu/"> <em class="comfort__comfort_area_label">祇園・清水エリア</em> <ul class="comfort__comfort_spot"> <li class="comfort__comfort_spot_item" data-area_id="401"> <span class="comfort__comfort_spot_label">花見小路</span> <span class="comfort__comfort_spot_status crowd-1"><i class="icon-crowd-1"></i></span> </li> <li class="comfort__comfort_spot_item" data-area_id="402"> <span class="comfort__comfort_spot_label">清水坂～<br>ねねの道</span> <span class="comfort__comfort_spot_status crowd-2"><i class="icon-crowd-2"></i></span> </li> </ul> </a>  <a class="comfort__comfort_area nishiki" href="/comfort/central/"> <em class="comfort__comfort_area_label">市内中心部<br>エリア</em> <ul class="comfort__comfort_spot"> <li class="comfort__comfort_spot_item" data-area_id="501"> <span class="comfort__comfort_spot_label">錦市場</span> <span class="comfort__comfort_spot_status crowd-5"><i class="icon-crowd-5"></i></span> </li> </ul> </a>  <a class="comfort__comfort_area kyoto" href="/comfort/kyoto/"> <em class="comfort__comfort_area_label">京都駅周辺</em> <ul class="comfort__comfort_spot"> <li class="comfort__comfort_spot_item" data-area_id="601"> <span class="comfort__comfort_spot_label">京都駅</span> <span class="comfort__comfort_spot_status crowd-4"><i class="icon-crowd-4"></i></span> </li> </ul> </a>  <a class="comfort__comfort_area fushimi" href="/comfort/fushimi/"> <em class="comfort__comfort_area_label">伏見エリア</em> <ul class="comfort__comfort_spot"> <li class="comfort__comfort_spot_item" data-area_id="701"> <span class="comfort__comfort_spot_label">伏見稲荷<br>大社付近</span> <span class="comfort__comfort_spot_status crowd-5"><i class="icon-crowd-5"></i></span> </li> </ul> </a> </div> <div id="switch2_content" class="comfort__switch_content_relative">  <a href="https://totteoki.kyoto.travel/category/area/keihoku/" class="comfort__plan_area keihoku" target="_blank" rel="noopener"> <span class="comfort__plan_area_label">京北<i class="icon-other-window"></i></span> <span class="comfort__plan_area_icon"><img src="/img/comfort/icon_totteoki.svg" alt=""></span> </a>  <a href="https://totteoki.kyoto.travel/category/area/ohara/" class="comfort__plan_area ohara" target="_blank" rel="noopener"> <span class="comfort__plan_area_label">大原<i class="icon-other-window"></i></span> <span class="comfort__plan_area_icon"><img src="/img/comfort/icon_totteoki.svg" alt=""></span> </a>  <a href="https://totteoki.kyoto.travel/category/area/takao/" class="comfort__plan_area takao" target="_blank" rel="noopener"> <span class="comfort__plan_area_label">高雄<i class="icon-other-window"></i></span> <span class="comfort__plan_area_icon"><img src="/img/comfort/icon_totteoki.svg" alt=""></span> </a>  <a href="https://totteoki.kyoto.travel/category/area/yamashina/" class="comfort__plan_area yamashina" target="_blank" rel="noopener"> <span class="comfort__plan_area_label">山科<i class="icon-other-window"></i></span> <span class="comfort__plan_area_icon"><img src="/img/comfort/icon_totteoki.svg" alt=""></span> </a>  <a href="https://totteoki.kyoto.travel/category/area/nishikyo/" class="comfort__plan_area nishikyo" target="_blank" rel="noopener"> <span class="comfort__plan_area_label">西京<i class="icon-other-window"></i></span> <span class="comfort__plan_area_icon"><img src="/img/comfort/icon_totteoki.svg" alt=""></span> </a>  <a href="https://totteoki.kyoto.travel/category/area/fushimi/" class="comfort__plan_area fushimi" target="_blank" rel="noopener"> <span class="comfort__plan_area_label">伏見<i class="icon-other-window"></i></span> <span class="comfort__plan_area_icon"><img src="/img/comfort/icon_totteoki.svg" alt=""></span> </a> </div> </div> <div class="comfort__totteoki_guide"> <div class="comfort__totteoki_guide_box"> <div class="comfort__totteoki_guide_box_item1"> <img src="/img/comfort/icon_totteoki.svg" alt=""> </div> <p class="comfort__totteoki_guide_box_item2">混雑する時期でも快適に観光できる「とっておきの京都」エリアです。（桜の開花や紅葉・イベント開催などによってエリア内の一部の観光スポットが混雑することがあります。）</p> </div> </div> <div class="comfort__icon_guide"> <div class="comfort__icon_guide_box"> <h2 class="comfort__icon_guide_box_header">アイコン凡例</h2> <p class="comfort__icon_guide_box_item1">ゆっくりと観光できます</p> <div class="comfort__icon_guide_box_item2"> <img src="/img/comfort/img_icon_sample.png" alt=""> </div> <p class="comfort__icon_guide_box_item3">多くの観光客で賑わいます</p> </div> </div> </div> </div> <div class="comfort__help"> <p class="comfort__help_text">※天候により混雑状況が変化するため来訪日の天候に切り替えてご確認ください。<br> ※予測結果は定期的に更新され、時期が近づくにつれて精度が向上します。閲覧するタイミングによっては予測結果が変わる可能性があります。</p> </div> <div class="comfort_detail__link"> <div class="comfort__csv"> <a href="https://forms.gle/LYxkwePm4xEDitru6" target="_blank" class="comfort_detail__link_btn" id="comfort_csv_download">快適度データをダウンロード</a> </div> </div> <div id="comfort__app"></div> <div class="mo_pageBottom_bnr"> <ul class="mo_pageBottom_bnr_inner col2"> <li class="bnrItem"> <p class="title" data-mh="bnrTitle" style="">事前予約で、<br>京都をより深く知る特別な体験を</p> <a href="/anshin/"> <span class="img"><img src="/img/comfort/img_anshin.jpg" alt="京都朝観光・夜観光"></span> <p class="mo_pageBottom_bnr_cap">事前予約で楽しむ京都旅</p> </a> </li> <li class="bnrItem"> <p class="title" data-mh="bnrTitle">早朝や夜にしか味わえないイベント情報や<br>穴場の観光スポット情報をご紹介</p> <a href="/tourism/article/asakanko-yorukanko/"> <span class="img"><img src="/img/anshin/img_asayoru.png" alt="京都朝観光・夜観光"></span> <p class="mo_pageBottom_bnr_cap">京都朝観光・夜観光</p> </a> </li> </ul> <ul class="mo_pageBottom_bnr_inner col2"> <li class="bnrItem"> <p class="title" data-mh="bnrTitle">観光客で賑わう時期でも<br>ゆっくりと観光できるおすすめエリアはこちら</p> <a href="https://totteoki.kyoto.travel/" target="_blank"> <span class="img"><img src="/img/comfort/bottom_bnr@2x.jpg" alt="とっておきの京都プロジェクト"></span> <p class="mo_pageBottom_bnr_cap">とっておきの京都プロジェクト<i class="icon-other-window"></i></p> </a> </li> <li class="bnrItem"> <p class="title" data-mh="bnrTitle">手ぶら観光に関する<br>その他の情報はこちら</p> <a href="https://hands-free.kyoto.travel/" target="_blank"> <span class="img"><img src="/img/useful/handsfree/handsfree_blank_bnr.png" alt="手ぶら観光"></span> <p class="mo_pageBottom_bnr_cap">手ぶら観光のススメ　HANDS FREE KYOTO<i class="icon-other-window"></i></p> </a> </li> </ul> <ul class="mo_pageBottom_bnr_inner col2"> <li class="bnrItem"> <p class="title" data-mh="bnrTitle">時間・スポット・交通などを定番からずらして<br>快適に紅葉旅を満喫できる方法をチェック！</p> <a href="https://souda-kyoto.jp/guide/comfort/trip.html?utm_source=comfortmap&utm_medium=referral&utm_campaign=202409" target="_blank"> <span class="img"><img src="/img/comfort/kyoto_ikou_bnr.jpg" alt="そうだ京都、行こう。"></span> <p class="mo_pageBottom_bnr_cap">そうだ京都、行こう。<i class="icon-other-window"></i></p> </a> </li> <li class="bnrItem"> <p class="title" data-mh="bnrTitle">地下鉄とバスを組み合わせて<br>スムーズに京都観光！</p> <a href="https://oneday-pass.kyoto/" target="_blank"> <span class="img"><img src="/img/comfort/img_oneday-pass.kyoto.png" alt="地下鉄・バス１日"></span> <p class="mo_pageBottom_bnr_cap">地下鉄・バス１日券<i class="icon-other-window"></i></p> </a> </li> </ul> </div> </main> </div>   <div class="comfort_helpbox"> <div class="comfort_helpbox__container"> <a href="javascript:void(0);" class="comfort_helpbox__close"></a> <div class="comfort_helpbox__relative"> <h1 class="mod_tit10 serif">京都観光快適度マップの使い方</h1> <div class="comfort_helpbox__section with-border"> <div class="comfort_helpbox__section_indexbox"> <h3 class="comfort_helpbox__section_index">マップページ</h3> <em class="comfort_helpbox__section_index_text">京都観光で訪れるエリアを検討しよう</em> </div> <div class="comfort_helpbox__section_thumb_box"> <div class="comfort_helpbox__section_thumb_item"> <img src="/img/comfort/help_thumb1.png" alt=""> </div> </div> <div class="comfort_helpbox__section_textbox"> <h4 class="comfort_helpbox__section_header section2 with-index">市内の人気観光スポット周辺の<br>観光快適度予測を一目で把握</h4> <p class="comfort_helpbox__section_text with-index">日時と当日予想される天気を「晴」「雨」「大雨」から選ぶと、市内７エリアの人気観光スポット１１箇所周辺の観光快適度の予測を確認できます。同じスポットでも、日付や時間を変えると快適に観光できるかも。<br>気になるエリアをクリックすれば、エリアごとの詳細情報をご覧いただけます。（詳しくは、エリア詳細ページの使い方をチェック！）</p> <h4 class="comfort_helpbox__section_header with-index-1">「とっておきの京都」の魅力を知る</h4> <p class="comfort_helpbox__section_text with-index-1">人気の観光シーズンでも快適に観光できる「とっておきの京都」のボタンをクリックして、歴史あるお寺や豊かな自然、おいしいグルメなど、とっておきの穴場情報をゲットしましょう。<br> （スマートフォンをご利用の方は画面右上のとっておきの京都マークをクリックして地図を切り替えてください）</p> </div> </div>  <div class="comfort_helpbox__section"> <div class="comfort_helpbox__section_indexbox"> <h3 class="comfort_helpbox__section_index">エリア詳細ページ</h3> <em class="comfort_helpbox__section_index_text">気になるエリアの詳細情報を確認して、密を避けた旅行計画を立てよう</em> </div> <h3 class="comfort_helpbox__section_header larger"><span>❶</span>人気観光スポット周辺の観光快適度の予測とリアルタイム情報を確認する</h3> <div class="comfort_helpbox__section_thumb_box"> <div class="comfort_helpbox__section_thumb_item"> <img src="/img/comfort/help_thumb2.png" alt=""> </div> </div> <div class="comfort_helpbox__section_textbox"> <p class="comfort_helpbox__section_text">スマートフォンの位置情報などのデータをもとに予測した、時間帯別観光快適度を参考に、人気観光スポットに訪れる日時を検討しましょう。<br>訪れる時間をずらすだけで、混雑を避けて観光することができます。</p> </div> </div> <div class="comfort_helpbox__section"> <div class="comfort_helpbox__section_thumb_box"> <div class="comfort_helpbox__section_thumb_item"> <img src="/img/comfort/help_thumb3.png" alt=""> </div> </div> <div class="comfort_helpbox__section_textbox"> <p class="comfort_helpbox__section_text">さらに、訪れる直前に、リアルタイムの状況が確認できるライブカメラの映像<span class="smaller">（※１）</span>や、ヤフー株式会社が提供する混雑レーダー<span class="smaller">（※２）</span>を確認すれば、予想外の混雑も避けることができて安心です。<br> <span class="smaller">（※１　設置完了箇所から順次配信を開始）</span><br> <span class="smaller">（※２　約２０分前の状況が確認可能）</span></p> <p class="comfort_helpbox__section_text">人気観光スポット周辺が混雑している時間帯は、ぜひ近くの密を避けやすい観光スポットへ。（詳しくは「②おすすめ観光スポットやモデルコースを確認する」をチェック！）</p> </div> </div> <div class="comfort_helpbox__section"> <h3 class="comfort_helpbox__section_header larger"><span>❷</span>旅のお役立ち情報や<br class="viewSp">おすすめ観光スポットを確認する</h3> <div class="comfort_helpbox__section_thumb_box"> <p class="comfort_helpbox__section_thumb_caption">快適に観光できるおすすめスポット・モデルコース</p> <div class="comfort_helpbox__section_thumb_item"> <img src="/img/comfort/help_thumb4.png" alt=""> </div> </div> <div class="comfort_helpbox__section_textbox"> <p class="comfort_helpbox__section_text">エリア内の快適に観光できる、おすすめスポットやモデルコースを記事で紹介しています。<br> どのエリアも魅力的な観光スポットが盛りだくさん。訪問予定だった観光スポットのすぐ近くに、京都の隠れた名所があるかもしれません。<br> 記事をクリックして訪問先を検討してみましょう。</p> </div> </div> <div class="comfort_helpbox__section"> <h3 class="comfort_helpbox__section_header larger"><span>❸</span>アンケートのご協力をお願いします</h3> <div class="comfort_helpbox__section_thumb_box"> <div class="comfort_helpbox__section_thumb_item"> <img src="/img/comfort/help_thumb5.png" alt=""> </div> </div> <div class="comfort_helpbox__section_textbox"> <p class="comfort_helpbox__section_text">今後、より正確な予測データをはじめとして、皆様によりよいサービスを提供できるよう、観光快適度マップに関するアンケートを実施しております。ぜひご協力をお願いいたします。</p> </div> </div> </div> </div> </div>  <p id="ftBackBtn"><a href="/" class="alpha"><i class="icon-menu-home"></i><span>トップページに戻る</span></a></p> </div>  <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>  <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>  <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>  <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>  <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> 京都市下京区烏丸通塩小路下る（京都駅ビル２階、南北自由通路沿い）<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>  </footer>  </div>  <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/comfort_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> <style> .comfort_detail__related_articles_btn_more { width: 200px; display: block; padding: 10px 20px; box-sizing: border-box; border: 2px solid #d04539; border-radius: 30px; position: relative; font-size: 1.5rem; color: #d04539; text-decoration: none; -webkit-transition: all .25s linear; transition: all .25s linear; margin: 0 auto 30px; text-align: center; } .comfort_detail__related_articles_btn_more:before { color: #d04539; font-size: 1.5rem; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .comfort_detail__related_articles_btn_more:before { content: "" } .comfort_detail__related_articles_btn_more:before { font-family: kyotokanko; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; text-transform: none; line-height: 1; } </style> <script src="/comfort/page.min.js"></script> <script> (function($){ let scrollPosition; const area_weather_list = ['晴れ', '雨', '大雨']; const spot_weather_list = ['sunny', 'rain', 'heavy_rain']; const set_weather_label = function(){ let current_weather = $("#weather").val(); $(".comfort__conditions_weather_placeholder").text(current_weather); }; set_weather_label(); const setweather_icon = function(){ let selected_class = $("option:selected", "[name='weather']").attr('class'); $(".comfort__conditions_weather").attr('class', 'comfort__conditions_weather ' + selected_class); set_weather_label(); } setweather_icon(); $("[name='weather']").on('change',function(){ setweather_icon(); set_area_score_all(); }); $("[name='date']").on('change',function(){ set_area_score_all(); }); $("[name='time']").on('change',function(){ set_area_score_all(); }); const app = $("#comfort__app"); const controller = function(context) { let path = context.path; // 計測用パラメータ対応 let index = path.indexOf('?'); if(index > 0) { path = path.substring(0, index); } // let area = path === '/' ? 'index' : context.path.substr(1).replace('/', ''); let area = path === '/' ? 'index' : path.substr(1).replace('/', ''); // let url = '/comfort/_content/' + area + '.php'; $.get(url) .done(function(data) { let body = data; app.html(body); let content = document.querySelector('.comfort_detail__container'); if(content){ document.body.style.position = 'fixed'; document.body.style.width = '100%'; document.body.style.top = '-' + scrollPosition + 'px'; $('ul.comfort_detail__related_articles_list li:gt(' + (default_display_count-1) + ')').hide(); if($('ul.comfort_detail__related_articles_list > li:hidden').size() > 0){ $('.comfort_detail__related_articles_btn_more').show(); } else $('.comfort_detail__related_articles_btn_more').hide(); $(content).find('.comfort_detail__area_wrapper').each(function () { // スポットごとに表示開始日を保持する（初期値はエリアの表示日） let area_date = document.querySelector('[name="date"]'); $('<input>').attr({ type: 'hidden', name: 'spot_date', value: area_date.value }).appendTo($(this)); // スポットごとの天気をセットする（初期値はエリアの表示日） let area_weather_name = document.querySelector('[name="weather"]'); let area_weather = area_weather_list.indexOf(area_weather_name.value); let spot_weather = spot_weather_list[area_weather]; $(this).find('[name^="weather_"][value="' + spot_weather + '"]').prop('checked', true); set_spot_score($(this)); }); }else{ document.body.style.position = ''; document.body.style.top = ''; window.scrollTo(0, scrollPosition); } setTimeout(function(){ if(content) content.classList.remove('transition'); }, 300); }) .fail(function() { app.html('<p>ページは存在しません。</p>'); }); }; page.base('/comfort'); page('/', controller); page('/:area', controller); page.start(); const switch_class_startsWith = function(target, prefix, name){ var target_array = Array.prototype.slice.call(target.classList,0); target_array.forEach(function (value, key) { if (value.substr(0, prefix.length) == prefix) { target.classList.remove(value); } }); target.classList.add(prefix + name) } const set_area_score = function(target, score){ if (target) { let status = target.querySelector('.comfort__comfort_spot_status'); let icon = target.querySelector('i'); if (!score) { score = '0'; } switch_class_startsWith(status, 'crowd-', score); switch_class_startsWith(icon, 'icon-crowd-', score); } } const get_request_params = function(){ let date = document.querySelector('[name="date"]'); let time = document.querySelector('[name="time"]'); let weather_name = document.querySelector('[name="weather"]'); return { date : date.value, time : time.value, weather : area_weather_list.indexOf(weather_name.value), }; } const set_area_score_all = function(){ let params = get_request_params(); $.get('/comfort/_content/area_score.php', params) .done(function(data) { try { let scores = JSON.parse(data); let target_list = document.querySelectorAll('.comfort__comfort_spot_item[data-area_id]'); var target_array = Array.prototype.slice.call(target_list,0); target_array.forEach(function(target){ let area_id = target.getAttribute('data-area_id'); set_area_score(target, scores[area_id]); }); } catch(e) { console.log(e); alert('データの取得に失敗しました'); } }) .fail(function() { alert('データの取得に失敗しました'); }); } set_area_score_all(); $(document.body).on('click', '[name^="weather_"]', function(){ let target = $(this).parents('[data-area_id]'); set_spot_score(target); }); $(document.body).on('click', '.comfort_detail__status_table_wrapper__btn_prev', function(){ let target = $(this).parents('[data-area_id]'); set_spot_score(target, -7); }); $(document.body).on('click', '.comfort_detail__status_nav_current', function(){ let target = $(this).parents('[data-area_id]'); let date = document.querySelector('[name="date"]'); let spot_date = target.find('[name="spot_date"]'); spot_date.val(date.value); set_spot_score(target); }); $(document.body).on('click', '.comfort_detail__status_table_wrapper__btn_next', function(){ let target = $(this).parents('[data-area_id]'); set_spot_score(target, 7); }); const set_spot_score_table = function(target, scores){ let table = target.find('.comfort_detail__status_table'); let keys = Object.keys(scores); if (table) { table.find('tr:gt(0)').each(function (row, tr) { let date = keys[row]; if (!date) { console.log('score情報が取得できていません。', row); return false; } let score_list = scores[date]; $(this).find('th').html(date); $(this).find('td').each(function (column, td) { let status = td.querySelector('.comfort_detail__status_table_status'); let icon = td.querySelector('i'); let hour = column + 6; let score = score_list[hour]; if (!score) { score = '0'; } switch_class_startsWith(status, 'crowd-', score); switch_class_startsWith(icon, 'icon-crowd-', score); }); }); } } const set_spot_score = function(target, days){ let weather_name = target.find('[name^="weather_"]:checked'); let date = target.find('[name="spot_date"]'); let data = { area_id : target.attr('data-area_id'), date : date.val(), weather : spot_weather_list.indexOf(weather_name.val()), }; if (days !== undefined) { data.days = days; } $.get('/comfort/_content/spot_score.php', data) .done(function(data) { try { let result = JSON.parse(data); date.val(result.date); set_spot_score_table(target, result.score); } catch(e) { console.log(e); alert('データの取得に失敗しました'); } }) .fail(function() { alert('データの取得に失敗しました'); }); } $(document.body).on('click', '.comfort_detail' , function(event) { if(!$(event.target).closest('.comfort_detail__container').length) { page('/'); event.preventDefault(); } }); $(document.body).on('click', 'a[href]', function(e) { let target = e.currentTarget; let href = target.getAttribute('href'); if (href.match(/^\/comfort\//)) { let content = document.querySelector('.comfort_detail__container'); if(content){ content.classList.add('transition'); }else{ scrollPosition = $(window).scrollTop(); } page(href); e.preventDefault(); } }); $("._comfort__help_button").on("click",function(){ $(".comfort_helpbox").addClass('open'); scrollPosition = $(window).scrollTop(); document.body.style.position = 'fixed'; document.body.style.width = '100%'; document.body.style.top = '-' + scrollPosition + 'px'; }); $(".comfort_helpbox__relative").on('click',function(){ return false; }); $(".comfort_helpbox").on("click",function(){ $(".comfort_helpbox").removeClass('open'); document.body.style.position = ''; document.body.style.top = ''; window.scrollTo(0, scrollPosition); }); $(".comfort_helpbox__close").on("click",function(){ $(".comfort_helpbox").removeClass('open'); document.body.style.position = ''; document.body.style.top = ''; window.scrollTo(0, scrollPosition); }); const set_areamap_image = function(vw){ let is_comfort = $("#switch1").prop('checked'); if(vw < 600){ if(is_comfort){ console.log(vw, is_comfort); $(".comfort__map > img").attr('src','/img/comfort/areamap_sp.png'); $(".comfort__map").addClass("area_comfort"); }else{ $(".comfort__map > img").attr('src','/img/comfort/areamap.png'); $(".comfort__map").removeClass("area_comfort"); } }else{ $(".comfort__map > img").attr('src','/img/comfort/areamap.png'); $(".comfort__map").removeClass("area_comfort"); } } let vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0); set_areamap_image(vw); $("[name='comfort__switch']").on('change',function(){ let vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0); console.log(vw); set_areamap_image(vw); }); let default_display_count = 8; // 初期表示件数 let add_count = 8; // もっと見る押下時の追加表示数 // もっと見るボタン $(document).on('click','.comfort_detail__related_articles_btn_more', function(){ $('ul.comfort_detail__related_articles_list > li:not(.hidden):hidden:lt('+add_count+')').slideDown('fast'); if($('ul.comfort_detail__related_articles_list > li:not(.hidden):hidden').size() <= 0) $(this).hide(); }); // カレンダー $.datepicker._gotoToday = function(id) { var target = $(id); var inst = this._getInst(target[0]); var date = new Date(); this._setDate(inst,date); this._hideDatepicker(); // changeイベントが発生しないため強制発火 let event = new Event('change'); target[0].dispatchEvent(event); } $('input[name="date"]').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 ); } }); })(jQuery); </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>

CINXE.COM

混雑回避に役立つ京都観光快適度マップ｜【京都市公式】京都観光Navi