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="週末、京都で開催されるイベントを探したかったら、公式サイト「京都観光Navi」が便利!寺社の特別公開やライトアップ、グルメイベントや美術館、季節の開花情報までを網羅!便利な地図や、京都市バスにも対応した乗り換え検索なども充実!京都を満喫するなら、「京都観光Navi」をぜひご活用ください!"> <meta name="keywords" content="京都観光Navi,京都,観光,ナビ,旅行,旅,プラン,ガイド,イベント,行事,寺院,神社,体験,歴史,文化,宿泊,旅館"> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="article" /> <meta property="og:title" content="【京都市公式】京都観光Navi" /> <meta property="og:description" content="週末、京都で開催されるイベントを探したかったら、公式サイト「京都観光Navi」が便利!寺社の特別公開やライトアップ、グルメイベントや美術館、季節の開花情報までを網羅!便利な地図や、京都市バスにも対応した乗り換え検索なども充実!京都を満喫するなら、「京都観光Navi」をぜひご活用ください!" /> <meta property="og:url" content="https://ja.kyoto.travel/" /> <meta property="og:site_name" content="【京都市公式】京都観光Navi" /> <!-- facebook OGP設定 --> <meta property="og:image" content="https://ja.kyoto.travel/img/ogp/ogp_jatravel.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="週末、京都で開催されるイベントを探したかったら、公式サイト「京都観光Navi」が便利!寺社の特別公開やライトアップ、グルメイベントや美術館、季節の開花情報までを網羅!便利な地図や、京都市バスにも対応した乗り換え検索なども充実!京都を満喫するなら、「京都観光Navi」をぜひご活用ください!" /> <meta name="twitter:title" content="【京都市公式】京都観光Navi" /> <!-- twitter OGP設定 --> <meta name="twitter:image" content="https://ja.kyoto.travel/img/ogp/ogp_jatravel.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/new_style.css" rel="stylesheet"> <link href="/css/new_style_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="/css/home.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="new_style" class="indexNewLayOut"> <!-- 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 id="breadcrumb"> <ol class="list mod_inner01"> <li class="item home"><a href="/">HOME</a></li> <li class="item current" id="title">HOME</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/new_style/", "name": "HOME" } } ] } </script> <div id="container" class="cf"><div id="contents"> <main role="main"> <div class="newsModal"> <div class="newsModal__bg js-newsModalClose"></div> <div class="newsModal__inner"> <div class="newsModal__close js-newsModalClose"></div> <header class="newsModal__header"> <h2 class="newsModal__headerTitle"> <span class="newsModal__headerIcon"> <svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.634 5C16.0189 4.33333 16.9811 4.33333 17.366 5L29.4904 26C29.8753 26.6667 29.3942 27.5 28.6244 27.5H4.37564C3.60584 27.5 3.12472 26.6667 3.50962 26L15.634 5Z" fill="#FFD446" stroke="#FFD446" stroke-width="1.5" /> <path d="M16.5 19.5L16.5 12.5" stroke="#333333" stroke-width="1.5" stroke-linecap="round" /> <circle cx="16.5" cy="22.5" r="0.5" transform="rotate(180 16.5 22.5)" fill="#333333" stroke="#333333" /> </svg> </span>緊急のお知らせ </h2> </header> <div class="newsModal__body" style="overflow-y: scroll; max-height: 300px;"> </div> </div> </div> <div class="fv"> <div class="fv__inner"> <div class="fv__slider"> <div class="fv__sliderMain js-fvMainSlider"> <ul class="fv__sliderMain__list swiper-wrapper"> <li class="fv__sliderMain__item swiper-slide"> <a href="https://ja.kyoto.travel/specialopening/winter" id="mv_137" alt="第59回 京の冬の旅"> <figure> <picture> <source media="(min-width: 600px)" data-srcset="/resource/topslider/137-pc.png" alt="第59回 京の冬の旅" id="top_mv_137" class="swiper-lazy" /> <source media="(max-width: 599px)" data-srcset="/resource/topslider/137-sp.png" alt="第59回 京の冬の旅" id="top_mv_137" class="swiper-lazy" /><img data-src="/resource/topslider/137-pc.png" alt="第59回 京の冬の旅" id="top_mv_137" decoding="async" class="swiper-lazy" /> </picture> </figure> </a> </li> <li class="fv__sliderMain__item swiper-slide"> <a href="https://ja.kyoto.travel/flower/ume/" id="mv_142" alt="梅だより"> <figure> <picture> <source media="(min-width: 600px)" srcset="/resource/topslider/142-pc.png" alt="梅だより" id="top_mv_142" /> <source media="(max-width: 599px)" srcset="/resource/topslider/142-sp.png" alt="梅だより" id="top_mv_142" /><img src="/resource/topslider/142-pc.png" alt="梅だより" id="top_mv_142" decoding="async" /> </picture> </figure> </a> </li> <li class="fv__sliderMain__item swiper-slide"> <a href="https://ja.kyoto.travel/traditionalculture" id="mv_161" alt="京の伝統文化"> <figure> <picture> <source media="(min-width: 600px)" srcset="/resource/topslider/161-pc.png" alt="京の伝統文化" id="top_mv_161" /> <source media="(max-width: 599px)" srcset="/resource/topslider/161-sp.png" alt="京の伝統文化" id="top_mv_161" /><img src="/resource/topslider/161-pc.png" alt="京の伝統文化" id="top_mv_161" decoding="async" /> </picture> </figure> </a> </li> <li class="fv__sliderMain__item swiper-slide"> <a href="https://biwakososui.kyoto.travel/" target="_blank" id="mv_57" alt="びわ湖疏水船(春ver.)"> <figure> <picture> <source media="(min-width: 600px)" srcset="/resource/topslider/57-pc.png" alt="びわ湖疏水船(春ver.)" id="top_mv_57" /> <source media="(max-width: 599px)" srcset="/resource/topslider/57-sp.png" alt="びわ湖疏水船(春ver.)" id="top_mv_57" /><img src="/resource/topslider/57-pc.png" alt="びわ湖疏水船(春ver.)" id="top_mv_57" decoding="async" /> </picture> </figure> </a> </li> <li class="fv__sliderMain__item swiper-slide"> <a href="https://ja.kyoto.travel/anshin/" id="mv_144" alt="事前予約で楽しむ京都旅(マスクなし)"> <figure> <picture> <source media="(min-width: 600px)" srcset="/resource/topslider/144-pc.png" alt="事前予約で楽しむ京都旅(マスクなし)" id="top_mv_144" /> <source media="(max-width: 599px)" srcset="/resource/topslider/144-sp.png" alt="事前予約で楽しむ京都旅(マスクなし)" id="top_mv_144" /><img src="/resource/topslider/144-pc.png" alt="事前予約で楽しむ京都旅(マスクなし)" id="top_mv_144" decoding="async" /> </picture> </figure> </a> </li> </ul> </div> <div class="fv__sliderThumb "> <div class="fv__sliderThumb__inner js-fvThumbSlider"> <ul class="fv__sliderThumb__list swiper-wrapper"> <li class="fv__sliderThumb__item swiper-slide"> <figure> <picture> <source media="(min-width: 600px)" srcset="/resource/topslider/137-pc.png" alt="第59回 京の冬の旅" /> <source media="(max-width: 599px)" srcset="/resource/topslider/137-pc.png" alt="第59回 京の冬の旅" /><img src="/resource/topslider/137-pc.png" alt="第59回 京の冬の旅" decoding="async" /> </picture> </figure> </li> <li class="fv__sliderThumb__item swiper-slide"> <figure> <picture> <source media="(min-width: 600px)" srcset="/resource/topslider/142-pc.png" alt="梅だより" /> <source media="(max-width: 599px)" srcset="/resource/topslider/142-pc.png" alt="梅だより" /><img src="/resource/topslider/142-pc.png" alt="梅だより" decoding="async" /> </picture> </figure> </li> <li class="fv__sliderThumb__item swiper-slide"> <figure> <picture> <source media="(min-width: 600px)" srcset="/resource/topslider/161-pc.png" alt="京の伝統文化" /> <source media="(max-width: 599px)" srcset="/resource/topslider/161-pc.png" alt="京の伝統文化" /><img src="/resource/topslider/161-pc.png" alt="京の伝統文化" decoding="async" /> </picture> </figure> </li> <li class="fv__sliderThumb__item swiper-slide"> <figure> <picture> <source media="(min-width: 600px)" srcset="/resource/topslider/57-pc.png" alt="びわ湖疏水船(春ver.)" /> <source media="(max-width: 599px)" srcset="/resource/topslider/57-pc.png" alt="びわ湖疏水船(春ver.)" /><img src="/resource/topslider/57-pc.png" alt="びわ湖疏水船(春ver.)" decoding="async" /> </picture> </figure> </li> <li class="fv__sliderThumb__item swiper-slide"> <figure> <picture> <source media="(min-width: 600px)" srcset="/resource/topslider/144-pc.png" alt="事前予約で楽しむ京都旅(マスクなし)" /> <source media="(max-width: 599px)" srcset="/resource/topslider/144-pc.png" alt="事前予約で楽しむ京都旅(マスクなし)" /><img src="/resource/topslider/144-pc.png" alt="事前予約で楽しむ京都旅(マスクなし)" decoding="async" /> </picture> </figure> </li> </ul> </div> <div class="c-sliderButtonWrap"> <div class="fv__sliderButton c-sliderButton -prev"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="fv__sliderButton c-sliderButton -next"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> </div> </div> </div> <!-- kyotoTravel_enjoy --> <div class="inner mod_inner01">  <div class="kyotoTravel_enjoy"> <div class="kyotoTravel_enjoy_listWrap"> <ul class="kyotoTravel_enjoy_listMain serif"> <li class="kyotoTravel_enjoy_listMain_item c-cover"> <figure class="kyotoTravel_enjoy_bg"> <img src="/img/home/kyotoTravel_enjoy_item_morals@2x.jpg" alt="京都観光モラル宣言"> </figure> <a href="https://promise.kyoto.travel?utm_source=hp&utm_medium=kyonavi-jp&utm_id=009" target="_blank" class="kyotoTravel_enjoy_link"> <p class="kyotoTravel_enjoy_listMainTitle" style="line-height: 1.3;">京都観光モラル宣言<br><span style="font-size: 0.5;">―― Kyoto Traveler's Promise ――</span></p> </a> </li> <li class="kyotoTravel_enjoy_listMain_item c-cover"> <figure class="kyotoTravel_enjoy_bg"> <img src="/img/home/kyotoTravel_enjoy_item_map.jpg" alt="京都観光デジタルマップ"> </figure> <a href="/useful/guide/" class="kyotoTravel_enjoy_link"> <p class="kyotoTravel_enjoy_listMainTitle" style="line-height: 1.3;">京都観光デジタルマップ<br><span style="font-size: 0.5;">~Kyoto Smart Navi~</span></p> </a> </li> </ul> <ul class="kyotoTravel_enjoy_listMain serif"> <li class="kyotoTravel_enjoy_listMain_item c-cover"> <figure class="kyotoTravel_enjoy_bg"> <img src="/img/home/kyotoTravel_enjoy_item_totteoki.jpg" alt="とっておきの京都"> </figure> <a href="https://totteoki.kyoto.travel/" target="_blank" class="kyotoTravel_enjoy_link"> <p class="kyotoTravel_enjoy_listMainTitle">とっておきの京都</p> </a> </li> <li class="kyotoTravel_enjoy_listMain_item c-cover"> <figure class="kyotoTravel_enjoy_bg"> <img src="/img/home/kyotoTravel_enjoy_item_tebura@2x.jpg" alt="手ぶら観光のススメ"> </figure> <a href="https://hands-free.kyoto.travel/" target="_blank" class="kyotoTravel_enjoy_link"> <p class="kyotoTravel_enjoy_listMainTitle">手ぶら観光のススメ</p> </a> </li> </ul> <ul class="kyotoTravel_enjoy_list"> <li class="item c-cover serif"> <figure class="kyotoTravel_enjoy_bg"> <img src="/img/home/kyotoTravel_enjoy_item_traffic@2x.jpg" alt="交通案内"> </figure> <a class="kyotoTravel_enjoy_link" href="/feature/traffic.php"> <p class="kyotoTravel_enjoy_subtitle">混雑を回避して、快適な移動を!</p> <p class="kyotoTravel_enjoy_title">交通案内</p> </a> </li> <li class="item c-cover serif"> <figure class="kyotoTravel_enjoy_bg"> <img src="/img/home/kyotoTravel_enjoy_item_kankobus@2x.jpg" alt="観光特急バス 市バス観光系統の増便"> </figure> <a class="kyotoTravel_enjoy_link" href="https://ja.kyoto.travel/news/format.php?id=445"> <p class="kyotoTravel_enjoy_subtitle">観光特急バス&</p> <p class="kyotoTravel_enjoy_title">市バス観光系統の増便</p> </a> </li> <li class="item c-cover serif"> <figure class="kyotoTravel_enjoy_bg"> <img src="/img/home/kyotoTravel_enjoy_item_kyotomoral@2x.jpg" alt="京都観光モラル・マナー"> </figure> <a href="https://www.moral.kyokanko.or.jp/" target="_blank" class="kyotoTravel_enjoy_link"> <p class="kyotoTravel_enjoy_title">京都観光モラル・マナー</p> </a> </li> <li class="item c-cover serif"> <figure class="kyotoTravel_enjoy_bg"> <img src="/img/home/kyotoTravel_enjoy_item_comfort@2x.jpg" alt="京都観光快適度マップ"> </figure> <a class="kyotoTravel_enjoy_link" href="/comfort/"> <p class="kyotoTravel_enjoy_subtitle">混雑回避に役立つ</p> <p class="kyotoTravel_enjoy_title">京都観光快適度マップ</p> </a> </li> </ul> </div> </div> <div class="kyotoTravel_nav"> <ul class="kyotoTravel_navList"> <li class="kyotoTravel_navItem"> <a class="kyotoTravel_navLink" href="#topics"> <div class="kyotoTravel_navIcon"> <img src="img/home/ico_calendar.png" alt=""> </div> <div class="kyotoTravel_navBody"> <p class="kyotoTravel_navText">イベント情報</p> <i class="icon-arrow-right kyotoTravel_navArrow"></i> </div> </a> </li> <li class="kyotoTravel_navItem"> <a class="kyotoTravel_navLink" href="#tourism"> <div class="kyotoTravel_navIcon"> <img src="img/home/ico_geta.png" alt=""> </div> <div class="kyotoTravel_navBody"> <p class="kyotoTravel_navText">テーマ別</p> <i class="icon-arrow-right kyotoTravel_navArrow"></i> </div> </a> </li> <li class="kyotoTravel_navItem"> <a class="kyotoTravel_navLink" href="#area"> <div class="kyotoTravel_navIcon"> <img src="img/home/ico_map.png" alt=""> </div> <div class="kyotoTravel_navBody"> <p class="kyotoTravel_navText">エリア別</p> <i class="icon-arrow-right kyotoTravel_navArrow"></i> </div> </a> </li> <li class="kyotoTravel_navItem"> <a class="kyotoTravel_navLink" href="#news"> <div class="kyotoTravel_navIcon"> <img src="img/home/ico_bell.png" alt=""> </div> <div class="kyotoTravel_navBody"> <p class="kyotoTravel_navText">お知らせ</p> <i class="icon-arrow-right kyotoTravel_navArrow"></i> </div> </a> </li> </ul> </div> </div> <!-- /kyotoTravel_enjoy --> <!-- /#topics --> <section id="topics"> <div class="inner mod_inner01"> <header class="sectionHeader"> <div class="icon"> <img src="img/home/ico_calendar.png" alt=""> </div> <h2 class="ja">イベント情報</h2> <p class="en">EVENT INFORMATION</p> </header> <div class="search_wrapper"> <a href="https://ja.kyoto.travel/news/format.php?id=143" class="sectionMore">施設イベントの中止情報はこちら <i class="icon-arrow-right sectionMore_icon"></i> </a> <div class="search_trigger"><i class="icon-search-glass"></i>条件を選択して検索<i class="icon-arrow-down"></i></div> <section id="search"> <div class="inner mod_inner01"> <div class="mod_search01"> <form action="/event/search-result.php" class="form" method="GET"> <input type="hidden" name="search_flg" value="1"> <section class="sec keywords"> <h2 class="tit"><span>カテゴリ内キーワード検索</span></h2> <div class="keyword"> <div class="txt"><input type="text" placeholder="キーワードで検索" name="keywords"></div> <div class="btn" title="検索"><i class="icon-search-glass"></i></div> </div> </section> <section class="sec category"> <h2 class="tit"><span>カテゴリを選択<small class="sub">※複数選択可</small></span></h2> <ul class="btnList"> <li class="item"> <input type="checkbox" name="category[]" value="1" id="search_cat1"> <label for="search_cat1">#伝統行事</label> </li> <li class="item"> <input type="checkbox" name="category[]" value="5" id="search_cat5"> <label for="search_cat5">#特別公開/ライトアップ</label> </li> <li class="item"> <input type="checkbox" name="category[]" value="2" id="search_cat2"> <label for="search_cat2">#アート/音楽/劇場</label> </li> <li class="item"> <input type="checkbox" name="category[]" value="3" id="search_cat3"> <label for="search_cat3">#まち歩き/ツアー/体験</label> </li> <li class="item"> <input type="checkbox" name="category[]" value="4" id="search_cat4"> <label for="search_cat4">#グルメ/マーケット/その他</label> </li> </ul> </section> <section class="sec area"> <h2 class="tit"><span>エリアを選択<small class="sub">※複数選択可</small></span></h2> <ul class="btnList"> <li class="item"> <input type="checkbox" name="area[]" value="1" id="area_cat1"> <label for="area_cat1">#市内中心部</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="2" id="area_cat2"> <label for="area_cat2">#京都御所・下鴨</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="3" id="area_cat3"> <label for="area_cat3">#二条城・西陣</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="4" id="area_cat4"> <label for="area_cat4">#京都駅周辺</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="5" id="area_cat5"> <label for="area_cat5">#哲学の道・岡崎</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="6" id="area_cat6"> <label for="area_cat6">#祇園・清水寺</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="7" id="area_cat7"> <label for="area_cat7">#三十三間堂・東福寺</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="8" id="area_cat8"> <label for="area_cat8">#山科・醍醐</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="9" id="area_cat9"> <label for="area_cat9">#嵯峨・嵐山</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="10" id="area_cat10"> <label for="area_cat10">#桂・大原野</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="11" id="area_cat11"> <label for="area_cat11">#高雄</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="12" id="area_cat12"> <label for="area_cat12">#金閣寺・御室・太秦</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="13" id="area_cat13"> <label for="area_cat13">#伏見</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="14" id="area_cat14"> <label for="area_cat14">#上賀茂・北山・大徳寺</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="15" id="area_cat15"> <label for="area_cat15">#一乗寺・修学院</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="16" id="area_cat16"> <label for="area_cat16">#大原・八瀬・比叡山</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="17" id="area_cat17"> <label for="area_cat17">#鞍馬・貴船・花背</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="18" id="area_cat18"> <label for="area_cat18">#京北</label> </li> <li class="item"> <input type="checkbox" name="area[]" value="19" id="area_cat19"> <label for="area_cat19">#京都市外</label> </li> </ul> </section> <section class="sec period"> <h2 class="tit"><span>期間を選択</span></h2> <div class="date"> <i class="icon-search-calender"></i> <input type="text" name="period_start" value="2025/02/01" class="js-search-period" autocomplete="off" readonly> </div> <div class="date"> <i class="icon-search-calender"></i> <input type="text" name="period_end" value="2025/02/28" class="js-search-period" autocomplete="off" readonly> </div> </section> <div class="submitBtns"> <div class="btnSubmit alpha"><i class="icon-search-glass"></i><input type="submit" value="この条件で検索"></div> <div class="btnClear alpha"><i class="icon-clear"></i><input type="reset" value="条件をクリア"></div> </div> </form> </div> <div class="close_btn"><i class="icon-close"></i>閉じる</div> </div> </section> <!-- /#search --> </div> <h3 class="sectionSubtitle">ピックアップイベント</h3> <!-- /search_wrapper --> <div class="calenderSec" id="calenderSec"> <div class="calenderSec__inner"> <p class="currentMonth">2025<span>年</span>2<span>月</span></p> <ul class="selectMonth"> <li><a href="javascript:void(0);" class="calenderSec__selectMonthItem prev" data-value="2025-01">前月</a></li> <li><a href="javascript:void(0);" class="calenderSec__selectMonthItem nowMonth active" data-value="2025-02">当月</a></li> <li><a href="javascript:void(0);" class="calenderSec__selectMonthItem next" data-value="2025-03">翌月</a></li> </ul> <div class="calenderSec__table"> <table> <tr> <th>月</th> <th>火</th> <th>水</th> <th>木</th> <th>金</th> <th class="holiday sat">土</th> <th class="holiday sun">日</th> </tr> </table> </div> <a href="javascript:void(0);" class="allOpenEvent active"><i class="icon-search-calender"></i>この月のイベントをすべて表示する</a> </div> <div class="calenderSec__right"> <div class="calenderSec__slider js-pickupSlider"> <ul class="calenderSec__sliderList swiper-wrapper"> <li class="calenderSec__sliderItem swiper-slide"> <ul class="calenderSec__pickupList"> <li class="calenderSec__pickupItem"> <div class="calenderSec__pickupLink"> <a href="/event/single.php?event_id=7476" class="calenderSec__pickupImg" id="top_event_img_7476" alt="上賀茂さんやれ祭【上賀茂神社】"> <img src="https://ja.kyoto.travel/resource/event/7476-1.jpg" alt="上賀茂さんやれ祭【上賀茂神社】" id="top_event_7476"> </a> <div class="calenderSec__pickupBody"> <ul class="calenderSec__pickupTag"> <li class="calenderSec__pickupTagItem"> <a href="/event/search.php?category_id=1">伝統行事</a> </li> </ul> <p class="calenderSec__pickupNotes">2025年2月24日(月)</p> <a href="/event/single.php?event_id=7476" class="calenderSec__pickupTitle" id="top_event_7476" alt="上賀茂さんやれ祭【上賀茂神社】" >上賀茂さんやれ祭【上賀茂神社】</a> </div> </div> </li> <li class="calenderSec__pickupItem"> <div class="calenderSec__pickupLink"> <a href="/event/single.php?event_id=2595" class="calenderSec__pickupImg" id="top_event_img_2595" alt="梅花祭【北野天満宮】"> <img src="https://ja.kyoto.travel/resource/event/2595-1.jpg" alt="梅花祭【北野天満宮】" id="top_event_2595"> </a> <div class="calenderSec__pickupBody"> <ul class="calenderSec__pickupTag"> <li class="calenderSec__pickupTagItem"> <a href="/event/search.php?category_id=1">伝統行事</a> </li> </ul> <p class="calenderSec__pickupNotes">2025年2月25日(火)</p> <a href="/event/single.php?event_id=2595" class="calenderSec__pickupTitle" id="top_event_2595" alt="梅花祭【北野天満宮】" >梅花祭【北野天満宮】</a> </div> </div> </li> <li class="calenderSec__pickupItem"> <div class="calenderSec__pickupLink"> <a href="/event/single.php?event_id=11092" class="calenderSec__pickupImg" id="top_event_img_11092" alt="【旧三井家下鴨別邸】冬の特別公開<主屋2階・3階望楼>"> <img src="https://ja.kyoto.travel/resource/event/11092-1.jpg" alt="【旧三井家下鴨別邸】冬の特別公開<主屋2階・3階望楼>" id="top_event_11092"> </a> <div class="calenderSec__pickupBody"> <ul class="calenderSec__pickupTag"> <li class="calenderSec__pickupTagItem"> <a href="/event/search.php?category_id=5">特別公開/ライトアップ</a> </li> </ul> <p class="calenderSec__pickupNotes">2/17(月)~2/25(火) ※水曜休館</p> <a href="/event/single.php?event_id=11092" class="calenderSec__pickupTitle" id="top_event_11092" alt="【旧三井家下鴨別邸】冬の特別公開<主屋2階・3階望楼>" >【旧三井家下鴨別邸】冬の特別公開<主屋2階・3階望楼></a> </div> </div> </li> <li class="calenderSec__pickupItem"> <div class="calenderSec__pickupLink"> <a href="/event/single.php?event_id=11239" class="calenderSec__pickupImg" id="top_event_img_11239" alt="小倉百人一首競技かるた 第6回ちはやふる小倉山杯【嵯峨嵐山文華館他】"> <img src="https://ja.kyoto.travel/resource/event/11239-1.jpg" alt="小倉百人一首競技かるた 第6回ちはやふる小倉山杯【嵯峨嵐山文華館他】" id="top_event_11239"> </a> <div class="calenderSec__pickupBody"> <ul class="calenderSec__pickupTag"> <li class="calenderSec__pickupTagItem"> <a href="/event/search.php?category_id=3">まち歩き/ツアー/体験</a> </li> </ul> <p class="calenderSec__pickupNotes">2025年2月23日(日)</p> <a href="/event/single.php?event_id=11239" class="calenderSec__pickupTitle" id="top_event_11239" alt="小倉百人一首競技かるた 第6回ちはやふる小倉山杯【嵯峨嵐山文華館他】" >小倉百人一首競技かるた 第6回ちはやふる小倉山杯【嵯峨嵐山文華館他】</a> </div> </div> </li> <li class="calenderSec__pickupItem"> <div class="calenderSec__pickupLink"> <a href="/event/single.php?event_id=11374" class="calenderSec__pickupImg" id="top_event_img_11374" alt="赤と金の春節祭【東映太秦映画村】"> <img src="https://ja.kyoto.travel/resource/event/11374-1.png" alt="赤と金の春節祭【東映太秦映画村】" id="top_event_11374"> </a> <div class="calenderSec__pickupBody"> <ul class="calenderSec__pickupTag"> <li class="calenderSec__pickupTagItem"> <a href="/event/search.php?category_id=4">グルメ/マーケット/その他</a> </li> </ul> <p class="calenderSec__pickupNotes">2025年1月25日(土)〜3月2日(日)</p> <a href="/event/single.php?event_id=11374" class="calenderSec__pickupTitle" id="top_event_11374" alt="赤と金の春節祭【東映太秦映画村】" >赤と金の春節祭【東映太秦映画村】</a> </div> </div> </li> <li class="calenderSec__pickupItem"> <div class="calenderSec__pickupLink"> <a href="/event/single.php?event_id=4523" class="calenderSec__pickupImg" id="top_event_img_4523" alt="第28回京都ミュージアムロード"> <img src="https://ja.kyoto.travel/resource/event/4523-1.jpg" alt="第28回京都ミュージアムロード" id="top_event_4523"> </a> <div class="calenderSec__pickupBody"> <ul class="calenderSec__pickupTag"> <li class="calenderSec__pickupTagItem"> <a href="/event/search.php?category_id=2">アート/音楽/劇場</a> </li> </ul> <p class="calenderSec__pickupNotes">2025年1月22日(水)~3月16日(日)</p> <a href="/event/single.php?event_id=4523" class="calenderSec__pickupTitle" id="top_event_4523" alt="第28回京都ミュージアムロード" >第28回京都ミュージアムロード</a> </div> </div> </li> </ul> </li> </ul> <div class="calenderSec__sliderFooter"> <a href="/event/" class="calenderSec__sliderFooterLink serif"> <span>その他のイベントを見る</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.46967 12.5303C5.17678 12.2374 5.17678 11.7626 5.46967 11.4697L8.93934 8L5.46967 4.53033C5.17678 4.23744 5.17678 3.76256 5.46967 3.46967C5.76256 3.17678 6.23744 3.17678 6.53033 3.46967L11.0607 8L6.53033 12.5303C6.23744 12.8232 5.76256 12.8232 5.46967 12.5303Z" fill="#D04539" /> </svg> </a> <div class="calenderSec__sliderPagination c-sliderPagination"></div> <div class="c-sliderButtonWrap"> <div class="calenderSec__sliderButton c-sliderButton -prev"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="calenderSec__sliderButton c-sliderButton -next"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </section> <!-- /#seasonal --> <section id="seasonal" class="seasonalInfo"> <div class="inner mod_inner01"> <h3 class="sectionSubtitle">開花情報</h3> <div class="seasonalInfo__content"> <div class="seasonalInfo__slider js-seasonalInfoSlider"> <ul class="seasonalInfo__sliderList swiper-wrapper"> <li class="seasonalInfo__sliderItem swiper-slide"> <a href="/flower/flowermail/" class="seasonalInfo__sliderLink"> <p class="seasonalInfo__sliderShoulder">毎週金曜日に更新</p> <div class="seasonalInfo__sliderLinkInner c-cover"> <p class="seasonalInfo__sliderTitle">花だより</p> <img src="img/home/seasonalInfo_01.jpg" alt=""> </div> </a> </li> <li class="seasonalInfo__sliderItem swiper-slide"> <a href="/flower/ume/" class="seasonalInfo__sliderLink"> <p class="seasonalInfo__sliderShoulder">毎週金曜日に更新</p> <div class="seasonalInfo__sliderLinkInner c-cover"> <p class="seasonalInfo__sliderTitle">梅だより</p> <img src="img/home/seasonalInfo_02.jpg" alt=""> </div> </a> </li> </ul> </div> <div class="c-sliderButtonWrap"> <div class="seasonalInfo__sliderButton c-sliderButton -prev"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="seasonalInfo__sliderButton c-sliderButton -next"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> <div class="seasonalInfo__sliderPagination c-sliderPagination"></div> </div> </div> </section> <section class="majorEvent"> <div class="majorEvent_inner mod_inner01"> <h3 class="sectionSubtitle">京都四大行事</h3> <div class="majorEvent_slider js-majorEventSlider"> <ul class="majorEvent_sliderList swiper-wrapper"> <li class="majorEvent_sliderItem swiper-slide"> <a href="/event/major/aoi/" class="majorEvent_sliderLink c-cover"> <figure class="majorEvent_sliderImg"> <img src="img/home/majorEvent_1.jpg" alt=""> </figure> <p class="majorEvent_sliderTitle">葵祭</p> </a> </li> <li class="majorEvent_sliderItem swiper-slide"> <a href="/event/major/gion/" class="majorEvent_sliderLink c-cover"> <figure class="majorEvent_sliderImg"> <img src="img/home/majorEvent_2.jpg" alt=""> </figure> <p class="majorEvent_sliderTitle">祇園祭</p> </a> </li> <li class="majorEvent_sliderItem swiper-slide"> <a href="/event/major/okuribi/" class="majorEvent_sliderLink c-cover"> <figure class="majorEvent_sliderImg"> <img src="img/home/majorEvent_3.jpg" alt=""> </figure> <p class="majorEvent_sliderTitle">京都五山送り火</p> </a> </li> <li class="majorEvent_sliderItem swiper-slide"> <a href="/event/major/jidai/" class="majorEvent_sliderLink c-cover"> <figure class="majorEvent_sliderImg"> <img src="img/home/majorEvent_4.jpg" alt=""> </figure> <p class="majorEvent_sliderTitle">時代祭</p> </a> </li> </ul> </div> <div class="majorEvent_sliderPagination c-sliderPagination"></div> </div> </section> <section class="majorEvent"> <div class="majorEvent_inner mod_inner01"> <h3 class="sectionSubtitle">京の伝統文化</h3> <div class="majorEvent_slider js-majorEventSlider"> <ul class="majorEvent_sliderList swiper-wrapper"> <li class="majorEvent_sliderItem swiper-slide"> <a href="../traditionalculture/nohgaku.php" class="majorEvent_sliderLink c-cover"> <figure class="majorEvent_sliderImg"> <img src="img/home/Tr_topbnr_01.png" alt=""> </figure> <p class="majorEvent_sliderTitle">能楽</p> </a> </li> <li class="majorEvent_sliderItem swiper-slide"> <a href="../traditionalculture/hogaku.php" class="majorEvent_sliderLink c-cover"> <figure class="majorEvent_sliderImg"> <img src="img/home/Tr_topbnr_02.png" alt=""> </figure> <p class="majorEvent_sliderTitle">邦楽</p> </a> </li> <li class="majorEvent_sliderItem swiper-slide"> <a href="../traditionalculture/nihonbuyo.php" class="majorEvent_sliderLink c-cover"> <figure class="majorEvent_sliderImg"> <img src="img/home/Tr_topbnr_03.png" alt=""> </figure> <p class="majorEvent_sliderTitle">日本舞踊</p> </a> </li> <li class="majorEvent_sliderItem swiper-slide"> <a href="../traditionalculture/rakugo.php" class="majorEvent_sliderLink c-cover"> <figure class="majorEvent_sliderImg"> <img src="img/home/Tr_topbnr_04.png" alt=""> </figure> <p class="majorEvent_sliderTitle">落語</p> </a> </li> <li class="majorEvent_sliderItem swiper-slide"> <a href="../traditionalculture/kabuki.php" class="majorEvent_sliderLink c-cover"> <figure class="majorEvent_sliderImg"> <img src="img/home/Tr_topbnr_05.png" alt=""> </figure> <p class="majorEvent_sliderTitle">歌舞伎</p> </a> </li> </ul> </div> <div class="majorEvent_sliderPagination c-sliderPagination"></div> </div> </section> <!-- /#tourism --> <section id="tourism" class="tourism"> <header class="sectionHeader"> <div class="icon"> <img src="img/home/ico_geta.png" alt=""> </div> <h2 class="ja">テーマ別</h2> <p class="en">THEME</p> </header> <div class="tourism__theme"> <ul class="tourism__themeList"> <li class="tourism__themeItem"> <div class="tourism__themeLeft"> <a href="https://plus.kyoto.travel/" target="_blank"> <figure class="tourism__themeLogo"> <img src="img/home/theme_logo_01.svg" alt=""> </figure> </a> <p class="tourism__themeLead">京都旅をより快適により深く楽しむ記事サイト。旅のいろは、交通活用術、京文化の入門知識、京都人への取材記事などをお届けします。</p> <a href="https://plus.kyoto.travel/" class="tourism__themeButton -pc" target="_blank"> <p class="tourism__themeButton__text">もっと見る</p> <p class="tourism__themeButton__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> </p> </a> </div> <div class="tourism__themeRight"> <div class="tourism__themeSlider js-themeSlider"> <ul class="tourism__themeSliderList swiper-wrapper"> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://plus.kyoto.travel/entry/randen" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://cdn.image.st-hatena.com/image/scale/fdad22efab68a197e008dc252b5f1e0c48c2b286/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkyokanko%2F20250213%2F20250213165859.jpg" alt="【京都観光のいま】古都の新しい魅力発信で、持続可能な観光推進へ。沿線地域に親しまれる❝嵐電❞の愛称とともに~京福電気鉄道株式会社"> </figure> <p class="tourism__themeSliderDate">2025-02-14</p> <p class="tourism__themeSliderTitle">【京都観光のいま】古都の新しい魅力発信で、持続可能な観光推進へ。沿線地域に親しまれる❝嵐電❞の愛称とともに~京福電気鉄道株式会社</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://plus.kyoto.travel/entry/nohgaku" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://cdn.image.st-hatena.com/image/scale/4e552ea455de48fa1c5fce9353f0ac08ad349fc9/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkyokanko%2F20250206%2F20250206094446.png" alt="初心者も楽しい!心がととのう能楽の世界"> </figure> <p class="tourism__themeSliderDate">2025-02-06</p> <p class="tourism__themeSliderTitle">初心者も楽しい!心がととのう能楽の世界</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://plus.kyoto.travel/entry/rakuyo33" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://cdn.image.st-hatena.com/image/scale/37db9a161a1a3cbace56751ff67573446e365414/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkyokanko%2F20250201%2F20250201172230.jpg" alt="Q&Aでわかる!京都・観音めぐり ~洛陽三十三所観音霊場再興20周年記念~"> </figure> <p class="tourism__themeSliderDate">2025-02-04</p> <p class="tourism__themeSliderTitle">Q&Aでわかる!京都・観音めぐり ~洛陽三十三所観音霊場再興20周年記念~</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://plus.kyoto.travel/entry/setsubun" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://cdn.image.st-hatena.com/image/scale/bd33fd817353f5f470f129201392b13235f0c441/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fsankeidesign%2F20230125%2F20230125132608.jpg" alt="推しの鬼を見つけよう! 鬼のタイプ別に見る京都の節分祭"> </figure> <p class="tourism__themeSliderDate">2025-01-08</p> <p class="tourism__themeSliderTitle">推しの鬼を見つけよう! 鬼のタイプ別に見る京都の節分祭</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://plus.kyoto.travel/entry/limitedexpressbus_ginkakuji" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://cdn.image.st-hatena.com/image/scale/5e5caf90f7a291d23df08fd455949eddcf54bee8/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkyokanko%2F20241226%2F20241226142625.jpg" alt="【取材レポ】京都駅から祇園・平安神宮・銀閣寺まで『観光特急バス』に乗ってみた~早く快適に移動できるか検証~"> </figure> <p class="tourism__themeSliderDate">2024-12-27</p> <p class="tourism__themeSliderTitle">【取材レポ】京都駅から祇園・平安神宮・銀閣寺まで『観光特急バス』に乗ってみた~早く快適に移動できるか検証~</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://plus.kyoto.travel/entry/kyototokyuhotel" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://cdn.image.st-hatena.com/image/scale/54bacdebeae3ed094742a25b71ef2582e1b11025/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkyokanko%2F20241223%2F20241223140932.jpg" alt="【京都観光のいま】まちと繋がり、訪れる人々に“いまを生きる京文化”を伝えたい~THE HOTEL HIGASHIYAMA KYOTO TOKYU, A Pan Pacific Hotel"> </figure> <p class="tourism__themeSliderDate">2024-12-24</p> <p class="tourism__themeSliderTitle">【京都観光のいま】まちと繋がり、訪れる人々に“いまを生きる京文化”を伝えたい~THE HOTEL HIGASHIYAMA KYOTO TOKYU, A Pan Pacific Hotel</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://plus.kyoto.travel/entry/miyakosichifukujin-mairi" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://cdn.image.st-hatena.com/image/scale/601a784e100a587cf1e8a86cb891b4f40f9e5b95/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkyokanko%2F20241218%2F20241218104327.jpg" alt="新年にめぐりたい京都の七福神! ~「都七福神まいり」のルート・御朱印も紹介~"> </figure> <p class="tourism__themeSliderDate">2024-12-19</p> <p class="tourism__themeSliderTitle">新年にめぐりたい京都の七福神! ~「都七福神まいり」のルート・御朱印も紹介~</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://plus.kyoto.travel/entry/whitemiso" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://cdn.image.st-hatena.com/image/scale/a1dd332f77757d70f5706fb43ea48c6cd48cfebd/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fsankeidesign%2F20221220%2F20221220162529.jpg" alt="京のお雑煮は白味噌が決め手! ~京都で白味噌雑煮が食べられるお店やお正月のお菓子・花びら餅もご紹介~"> </figure> <p class="tourism__themeSliderDate">2024-12-17</p> <p class="tourism__themeSliderTitle">京のお雑煮は白味噌が決め手! ~京都で白味噌雑煮が食べられるお店やお正月のお菓子・花びら餅もご紹介~</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://plus.kyoto.travel/entry/kyoto-books" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://cdn.image.st-hatena.com/image/scale/532dad7263f620ebdd006fda83955c368055462d/backend=imagemagick;version=1;width=1300/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkyokanko%2F20241217%2F20241217112745.png" alt="京都旅に出る前に読みたい本、お供にしたい本 ~本のプロが厳選「京都本大賞」「京都ガイド本大賞」とは~"> </figure> <p class="tourism__themeSliderDate">2024-12-17</p> <p class="tourism__themeSliderTitle">京都旅に出る前に読みたい本、お供にしたい本 ~本のプロが厳選「京都本大賞」「京都ガイド本大賞」とは~</p> </a> </li> </ul> <div class="tourism__themeSliderFooter"> <div class="tourism__themeSliderScrollbar c-sliderScrollbar"> </div> <div class="tourism__themeSliderFooterInner"> <div class="tourism__themeSliderFooterButton"> <a href="https://plus.kyoto.travel/" class="tourism__themeButton" target="_blank"> <p class="tourism__themeButton__text">もっと見る</p> <p class="tourism__themeButton__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> </p> </a> </div> <div class="c-sliderButtonWrap"> <div class="tourism__themeSliderButton__prev c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="tourism__themeSliderButton__next c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> </div> </div> </div> </li> <li class="tourism__themeItem"> <div class="tourism__themeLeft"> <a href="https://totteoki.kyoto.travel/" target="_blank"> <figure class="tourism__themeLogo"> <img src="img/home/theme_logo_02.svg" alt=""> </figure> </a> <p class="tourism__themeLead">伏見、大原、高雄、山科、西京、京北の6つのエリアと、その周辺地域の隠れた魅力や観光情報・地域のイベントなどをお届けします。</p> <a href="https://totteoki.kyoto.travel/" class="tourism__themeButton -pc" target="_blank"> <p class="tourism__themeButton__text">もっと見る</p> <p class="tourism__themeButton__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> </p> </a> </div> <div class="tourism__themeRight"> <div class="tourism__themeSlider js-themeSlider"> <ul class="tourism__themeSliderList swiper-wrapper"> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://totteoki.kyoto.travel/events/8956-2/" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://totteoki.kyoto.travel/wp-content/uploads/2025/02/matsunootaisha-hinamatsuri1.jpg" alt="松尾大社 ひなまつり♪松風苑・曲水の庭「流しビナ」2025年3月2日(京都西京)"> </figure> <p class="tourism__themeSliderDate">2025-02-18</p> <p class="tourism__themeSliderTitle">松尾大社 ひなまつり♪松風苑・曲水の庭「流しビナ」2025年3月2日(京都西京)</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://totteoki.kyoto.travel/events/9868/" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://totteoki.kyoto.travel/wp-content/uploads/2019/04/top-1.jpg" alt="山科観光スイーツラン(2025年3月16日)歴史・文化&スイーツをランで楽しむ"> </figure> <p class="tourism__themeSliderDate">2025-02-18</p> <p class="tourism__themeSliderTitle">山科観光スイーツラン(2025年3月16日)歴史・文化&スイーツをランで楽しむ</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://totteoki.kyoto.travel/events/8851/" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://totteoki.kyoto.travel/wp-content/uploads/2024/11/saitou-shuzoutop-1.jpg" alt="齊藤酒造「英勲 蔵開き2025春」3月15日開催(京都伏見)"> </figure> <p class="tourism__themeSliderDate">2025-02-18</p> <p class="tourism__themeSliderTitle">齊藤酒造「英勲 蔵開き2025春」3月15日開催(京都伏見)</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://totteoki.kyoto.travel/events/11942/" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://totteoki.kyoto.travel/wp-content/uploads/2025/02/keihokufurusatibusjrbus-scaled.jpg" alt="路線バスで行く いけいけ京北 親子でGO!(2025年3月15日~23日)"> </figure> <p class="tourism__themeSliderDate">2025-02-18</p> <p class="tourism__themeSliderTitle">路線バスで行く いけいけ京北 親子でGO!(2025年3月15日~23日)</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://totteoki.kyoto.travel/47422/" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://totteoki.kyoto.travel/wp-content/uploads/2023/03/2023-sakura-spot-nishikyo-rakusei01.jpg" alt="京都西山 桜の平安絵巻♪紫式部・在原業平・西行がこよなく愛した桜"> </figure> <p class="tourism__themeSliderDate">2025-02-16</p> <p class="tourism__themeSliderTitle">京都西山 桜の平安絵巻♪紫式部・在原業平・西行がこよなく愛した桜</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://totteoki.kyoto.travel/28918/" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://totteoki.kyoto.travel/wp-content/uploads/2023/03/2023-sakura-spot-nishikyo-rakusei34.jpg" alt="小畑川の桜♪川沿いに咲き誇る約800本もの桜並木(洛西ニュータウン)"> </figure> <p class="tourism__themeSliderDate">2025-02-16</p> <p class="tourism__themeSliderTitle">小畑川の桜♪川沿いに咲き誇る約800本もの桜並木(洛西ニュータウン)</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://totteoki.kyoto.travel/47408/" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://totteoki.kyoto.travel/wp-content/uploads/2023/03/2023-sakura-spot-nishikyo-rakusei27.jpg" alt="善峯寺の桜♪京都盆地が一望の絶景「天空の桜」と桂昌院お手植え桜(京都西山)"> </figure> <p class="tourism__themeSliderDate">2025-02-16</p> <p class="tourism__themeSliderTitle">善峯寺の桜♪京都盆地が一望の絶景「天空の桜」と桂昌院お手植え桜(京都西山)</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://totteoki.kyoto.travel/47400/" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://totteoki.kyoto.travel/wp-content/uploads/2023/03/2023-sakura-spot-nishikyo-rakusei18.jpg" alt="十輪寺の桜♪平安時代の美男子 在原業平ゆかり「なりひら桜」京都西山"> </figure> <p class="tourism__themeSliderDate">2025-02-16</p> <p class="tourism__themeSliderTitle">十輪寺の桜♪平安時代の美男子 在原業平ゆかり「なりひら桜」京都西山</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://totteoki.kyoto.travel/47382/" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://totteoki.kyoto.travel/wp-content/uploads/2023/03/2023-sakura-spot-nishikyo-rakusei13.jpg" alt="正法寺の桜♪東山連峰を借景にした名庭「鳥獣の石庭」を彩る枝垂れ桜(京都西山)"> </figure> <p class="tourism__themeSliderDate">2025-02-16</p> <p class="tourism__themeSliderTitle">正法寺の桜♪東山連峰を借景にした名庭「鳥獣の石庭」を彩る枝垂れ桜(京都西山)</p> </a> </li> </ul> <div class="tourism__themeSliderFooter"> <div class="tourism__themeSliderScrollbar c-sliderScrollbar"> </div> <div class="tourism__themeSliderFooterInner"> <div class="tourism__themeSliderFooterButton"> <a href="https://totteoki.kyoto.travel/" class="tourism__themeButton" target="_blank"> <p class="tourism__themeButton__text">もっと見る</p> <p class="tourism__themeButton__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> </p> </a> </div> <div class="c-sliderButtonWrap"> <div class="tourism__themeSliderButton__prev c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="tourism__themeSliderButton__next c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> </div> </div> </div> </li> <li class="tourism__themeItem"> <div class="tourism__themeLeft"> <a href="/tourism/article/asakanko-yorukanko/" > <figure class="tourism__themeLogo"> <img src="img/home/theme_logo_03.png" alt=""> </figure> </a> <p class="tourism__themeLead">混雑を避けて「朝観光・夜観光」を楽しみませんか?朝・夜のおすすめイベント情報やモデルコース等をお届けします。</p> <a href="/tourism/article/asakanko-yorukanko/" class="tourism__themeButton -pc" > <p class="tourism__themeButton__text">もっと見る</p> <p class="tourism__themeButton__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17"> <g> <g> <rect width="16" height="17" fill="none" /> <path d="m6,12.89c-.19,0-.38-.07-.53-.22-.29-.29-.29-.77,0-1.06l3.47-3.47-3.47-3.47c-.29-.29-.29-.77,0-1.06s.77-.29,1.06,0l4.53,4.53-4.53,4.53c-.15.15-.34.22-.53.22Z" /> </g> </g> </svg> </p> </a> </div> <div class="tourism__themeRight"> <div class="tourism__themeSlider js-themeSlider"> <ul class="tourism__themeSliderList swiper-wrapper"> <li class="tourism__themeSliderItem swiper-slide"> <a href="/tourism/article/asakanko-yorukanko/post/single.php?id=457" class="tourism__themeSliderLink"> <figure class="tourism__themeSliderImg"> <p class="tourism__themeSliderImgShoulder --night">夜観光</p> <img src="/resource/news/457-thumbs.jpg" alt="2024~2025年 京の冬 夜の行事・イベント"> </figure> <p class="tourism__themeSliderDate">2024-12-09</p> <p class="tourism__themeSliderTitle">2024~2025年 京の冬 夜の行事・イベント</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="/tourism/article/asakanko-yorukanko/post/single.php?id=84" class="tourism__themeSliderLink"> <figure class="tourism__themeSliderImg"> <p class="tourism__themeSliderImgShoulder">朝観光</p> <img src="/resource/news/84-thumbs.jpg" alt="早起きは三文の徳!! 「京の朝活 おつとめ体験」"> </figure> <p class="tourism__themeSliderDate">2024-07-17</p> <p class="tourism__themeSliderTitle">早起きは三文の徳!! 「京の朝活 おつとめ体験」</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="/tourism/article/asakanko-yorukanko/post/single.php?id=85" class="tourism__themeSliderLink"> <figure class="tourism__themeSliderImg"> <p class="tourism__themeSliderImgShoulder">朝観光</p> <img src="/resource/news/85-thumbs.jpg" alt="早朝から参拝・拝観できる京都の社寺"> </figure> <p class="tourism__themeSliderDate">2024-07-01</p> <p class="tourism__themeSliderTitle">早朝から参拝・拝観できる京都の社寺</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="/tourism/article/asakanko-yorukanko/post/single.php?id=383" class="tourism__themeSliderLink"> <figure class="tourism__themeSliderImg"> <p class="tourism__themeSliderImgShoulder --night">夜観光</p> <img src="/resource/news/383-thumbs.jpg" alt="京都 夜観光 Googleマイマップ で夜観光を楽しもう!"> </figure> <p class="tourism__themeSliderDate">2023-03-27</p> <p class="tourism__themeSliderTitle">京都 夜観光 Googleマイマップ で夜観光を楽しもう!</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="/tourism/article/asakanko-yorukanko/post/single.php?id=437" class="tourism__themeSliderLink"> <figure class="tourism__themeSliderImg"> <p class="tourism__themeSliderImgShoulder --night">夜観光</p> <img src="/resource/news/437-thumbs.jpg" alt="【京都の夜はBarが楽しい】京都市内おススメBarリスト"> </figure> <p class="tourism__themeSliderDate">2024-03-22</p> <p class="tourism__themeSliderTitle">【京都の夜はBarが楽しい】京都市内おススメBarリスト</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="/tourism/article/asakanko-yorukanko/post/single.php?id=380" class="tourism__themeSliderLink"> <figure class="tourism__themeSliderImg"> <p class="tourism__themeSliderImgShoulder">朝観光</p> <img src="/resource/news/380-thumbs.jpg" alt="京都 朝観光 Google マイマップ で朝観光を楽しもう!"> </figure> <p class="tourism__themeSliderDate">2023-03-27</p> <p class="tourism__themeSliderTitle">京都 朝観光 Google マイマップ で朝観光を楽しもう!</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="/tourism/article/asakanko-yorukanko/post/single.php?id=441" class="tourism__themeSliderLink"> <figure class="tourism__themeSliderImg"> <p class="tourism__themeSliderImgShoulder --night">夜観光</p> <img src="/resource/news/441-thumbs.jpg" alt="【京都の夜はBarが楽しい】おススメのナイトスポット 〜バー「アンカー」編〜"> </figure> <p class="tourism__themeSliderDate">2024-03-29</p> <p class="tourism__themeSliderTitle">【京都の夜はBarが楽しい】おススメのナイトスポット 〜バー「アンカー」編〜</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="/tourism/article/asakanko-yorukanko/post/single.php?id=440" class="tourism__themeSliderLink"> <figure class="tourism__themeSliderImg"> <p class="tourism__themeSliderImgShoulder">朝観光</p> <img src="/resource/news/440-thumbs.jpg" alt="【スポット情報】京都酒蔵館別邸~1日の始まりは“京都”を実感する贅沢な朝食を~"> </figure> <p class="tourism__themeSliderDate">2024-03-27</p> <p class="tourism__themeSliderTitle">【スポット情報】京都酒蔵館別邸~1日の始まりは“京都”を実感する贅沢な朝食を~</p> </a> </li> </ul> <div class="tourism__themeSliderFooter"> <div class="tourism__themeSliderScrollbar c-sliderScrollbar"> </div> <div class="tourism__themeSliderFooterInner"> <div class="tourism__themeSliderFooterButton"> <a href="/tourism/article/asakanko-yorukanko/" class="tourism__themeButton" > <p class="tourism__themeButton__text">もっと見る</p> <p class="tourism__themeButton__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17"> <g> <g> <rect width="16" height="17" fill="none" /> <path d="m6,12.89c-.19,0-.38-.07-.53-.22-.29-.29-.29-.77,0-1.06l3.47-3.47-3.47-3.47c-.29-.29-.29-.77,0-1.06s.77-.29,1.06,0l4.53,4.53-4.53,4.53c-.15.15-.34.22-.53.22Z" /> </g> </g> </svg> </p> </a> </div> <div class="c-sliderButtonWrap"> <div class="tourism__themeSliderButton__prev c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="tourism__themeSliderButton__next c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> </div> </div> </div> </li> <li class="tourism__themeItem"> <div class="tourism__themeLeft"> <a href="https://media.kyoto.travel/" target="_blank"> <figure class="tourism__themeLogo"> <img src="img/home/theme_logo_media.svg" alt=""> </figure> </a> <p class="tourism__themeLead">京都市観光協会公式メディアパートナーとして多種多様なWEBサイトと連携し、プロが目利きした京都観光の特選記事をお届けします。</p> <a href="https://media.kyoto.travel/" class="tourism__themeButton -pc" target="_blank"> <p class="tourism__themeButton__text">もっと見る</p> <p class="tourism__themeButton__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> </p> </a> </div> <div class="tourism__themeRight"> <div class="tourism__themeSlider js-themeSlider"> <ul class="tourism__themeSliderList swiper-wrapper"> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/leaf-kyoto/#media_836" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2025/02/250130_kyotoekimorning.jpg" alt="京都駅周辺のモーニングが美味しい店19選!人気店や早朝から開いている店も紹介"> </figure> <p class="tourism__themeSliderDate">2025-02-06</p> <p class="tourism__themeSliderTitle">京都駅周辺のモーニングが美味しい店19選!人気店や早朝から開いている店も紹介</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/kyotolove/#media_826" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2024/12/ab7a5c9b6dcb46312e19177855ca63bc.jpg" alt="2025年の干支は蛇!太秦のパワースポット、蛇塚古墳に行ってみよう~京都市文化財保護課へのインタビューで古墳の面白さを教えてもらいました!~"> </figure> <p class="tourism__themeSliderDate">2024-12-27</p> <p class="tourism__themeSliderTitle">2025年の干支は蛇!太秦のパワースポット、蛇塚古墳に行ってみよう~京都市文化財保護課へのインタビューで古墳の面白さを教えてもらいました!~</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/premium-j/#media_816" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2024/12/pj2412-04233.jpg" alt="「菊乃井」代表取締役・村田吉弘  世界中に日本料理を広めた〝俯瞰〟の人"> </figure> <p class="tourism__themeSliderDate">2024-12-18</p> <p class="tourism__themeSliderTitle">「菊乃井」代表取締役・村田吉弘  世界中に日本料理を広めた〝俯瞰〟の人</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/co-trip/#media_693" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2024/11/cotrip10.jpg" alt="京都のアンティークマーケット「平安蚤の市」へ、一期一会の宝物を探しに"> </figure> <p class="tourism__themeSliderDate">2024-11-21</p> <p class="tourism__themeSliderTitle">京都のアンティークマーケット「平安蚤の市」へ、一期一会の宝物を探しに</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/tabigatari/#media_700" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2024/11/tabigatari7.jpg" alt="シスターフッド書店Kanin(北白川) − 「テヘランのすてきな女」金井真紀"> </figure> <p class="tourism__themeSliderDate">2024-11-20</p> <p class="tourism__themeSliderTitle">シスターフッド書店Kanin(北白川) − 「テヘランのすてきな女」金井真紀</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/life-hugger/#media_677" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2024/11/lifehugger9.jpg" alt="京都のおすすめ体験!京友禅の美と伝統を肌で感じる特別な時間へ"> </figure> <p class="tourism__themeSliderDate">2024-11-12</p> <p class="tourism__themeSliderTitle">京都のおすすめ体験!京友禅の美と伝統を肌で感じる特別な時間へ</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/thekyoto/#media_576" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2024/10/thekyoto5.jpg" alt="山中に浮かぶ秘境庭園 「白龍園」の秋"> </figure> <p class="tourism__themeSliderDate">2024-10-21</p> <p class="tourism__themeSliderTitle">山中に浮かぶ秘境庭園 「白龍園」の秋</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/kyotokan/#media_355" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2024/09/kyotokan7.jpg" alt="[読む]京都館会議youtube"> </figure> <p class="tourism__themeSliderDate">2024-09-26</p> <p class="tourism__themeSliderTitle">[読む]京都館会議youtube</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/hankei500/#media_187" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2024/03/hankei500m1.jpg" alt="半径500mを歩く"> </figure> <p class="tourism__themeSliderDate">2024-03-26</p> <p class="tourism__themeSliderTitle">半径500mを歩く</p> </a> </li> <li class="tourism__themeSliderItem swiper-slide"> <a href="https://media.kyoto.travel/cat_media-partner/kyotogourmettaxi/#media_181" class="tourism__themeSliderLink" target="_blank"> <figure class="tourism__themeSliderImg"> <img src="https://media.kyoto.travel/wp-content/uploads/2024/03/taxi1.jpg" alt="京北の食材を使った新特産品の食体験と京北地域の素晴らしさを体験"> </figure> <p class="tourism__themeSliderDate">2024-03-26</p> <p class="tourism__themeSliderTitle">京北の食材を使った新特産品の食体験と京北地域の素晴らしさを体験</p> </a> </li> </ul> <div class="tourism__themeSliderFooter"> <div class="tourism__themeSliderScrollbar c-sliderScrollbar"> </div> <div class="tourism__themeSliderFooterInner"> <div class="tourism__themeSliderFooterButton"> <a href="https://media.kyoto.travel/" class="tourism__themeButton" target="_blank"> <p class="tourism__themeButton__text">もっと見る</p> <p class="tourism__themeButton__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> </p> </a> </div> <div class="c-sliderButtonWrap"> <div class="tourism__themeSliderButton__prev c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="tourism__themeSliderButton__next c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> </div> </div> </div> </li> </ul> </div> <div class="inner mod_inner01"> <div class="tourism__media"> <ul class="tourism__mediaList"> <li class="tourism__mediaItem"> <a href="/tourism/article/trail/" class="tourism__mediaLink" id="feature_trail" alt="京都一周トレイル"> <figure class="tourism__mediaImg"> <img src="img/home/theme_media_01.jpg" alt=""> </figure> <div class="tourism__mediaBody"> <p class="tourism__mediaTitle">京都一周トレイル</p> <p class="tourism__mediaLead">豊かな自然に囲まれた京都の魅力に出会える「京都一周トレイル®」へ出かけてみませんか?</p> </div> </a> </li> <li class="tourism__mediaItem"> <a href="/bicycle/" class="tourism__mediaLink" id="feature_bicycle" alt="京都よくばり自転車ナビ"> <figure class="tourism__mediaImg"> <img src="img/home/theme_media_02.jpg" alt=""> </figure> <div class="tourism__mediaBody"> <p class="tourism__mediaTitle">京都自転車観光ガイド</p> <p class="tourism__mediaLead">自転車だから体験できる様々な京都の楽しみ方を紹介します。</p> </div> </a> </li> <li class="tourism__mediaItem"> <a href="/food-culture/" class="tourism__mediaLink" id="feature_food" alt="食の京都 〜千年の都に息づく「食」のストーリー〜"> <figure class="tourism__mediaImg"> <img src="img/home/theme_media_03.jpg" alt=""> </figure> <div class="tourism__mediaBody"> <p class="tourism__mediaTitle">食の京都</p> <p class="tourism__mediaLead">千年の都に息づく「食」のストーリー</p> </div> </a> </li> <li class="tourism__mediaItem"> <a href="/tourism/article/mitsuike/" class="tourism__mediaLink" id="feature_mitsuike" alt="旧三井家下鴨別邸"> <figure class="tourism__mediaImg"> <img src="img/home/theme_media_04.jpg" alt=""> </figure> <div class="tourism__mediaBody"> <p class="tourism__mediaTitle">重要文化財<br class='viewSp'> 旧三井家下鴨別邸</p> <p class="tourism__mediaLead">下鴨神社の南、木立に囲まれて建つ豪商・旧三井家の別邸。</p> </div> </a> </li> </ul> </div> <div class="variation"> <p class="sectionShoulder">おすすめモデルコース</p> <h3 class="sectionSubtitle">「旅のカタチ」</h3> <div class="variation__slider js-variationSlider"> <ul class="variation__sliderList swiper-wrapper"> <li class="variation__sliderItem swiper-slide" style="background-color: #D04539;"> <a href="/trip/#theme00" class="variation__sliderLink"> <div class="variation__bg"> <div class="c-cover"><img src="img/home/variation_bg_01.jpg" alt=""></div> </div> <h4 class="variation__title">京都通旅</h4> <dl class="variation__plan"> <dt class="variation__planShoulder">PLAN 1</dt> <dd class="variation__planTitle">西陣でご利益めぐりの旅</dd> <dt class="variation__planShoulder">PLAN 2</dt> <dd class="variation__planTitle">太秦で秦氏の歴史と映画文化にふれる旅</dd> <dt class="variation__planShoulder">PLAN 3</dt> <dd class="variation__planTitle">梅小路でNew&Deepの顔を持つスポットめぐり旅</dd> </dl> </a> </li> <li class="variation__sliderItem swiper-slide" style="background-color: #BF9D34;"> <a href="/trip/#theme01" class="variation__sliderLink"> <div class="variation__bg"> <div class="c-cover"><img src="img/home/variation_bg_02.jpg" alt=""></div> </div> <h4 class="variation__title">ひとり旅</h4> <dl class="variation__plan"> <dt class="variation__planShoulder">PLAN 1</dt> <dd class="variation__planTitle">お一人様の特権 会話を楽しむ旅</dd> <dt class="variation__planShoulder">PLAN 2</dt> <dd class="variation__planTitle">贅沢独り占めの旅</dd> <dt class="variation__planShoulder">PLAN 3</dt> <dd class="variation__planTitle">西陣・上七軒で花街巡りの旅</dd> </dl> </a> </li> <li class="variation__sliderItem swiper-slide" style="background-color: #E88BA2;"> <a href="/trip/#theme02" class="variation__sliderLink"> <div class="variation__bg"> <div class="c-cover"><img src="img/home/variation_bg_03.jpg" alt=""></div> </div> <h4 class="variation__title">女子旅</h4> <dl class="variation__plan"> <dt class="variation__planShoulder">PLAN 1</dt> <dd class="variation__planTitle">可愛い尽くしの旅</dd> <dt class="variation__planShoulder">PLAN 2</dt> <dd class="variation__planTitle">京美人の旅</dd> <dt class="variation__planShoulder">PLAN 3</dt> <dd class="variation__planTitle">レトロ建築の旅</dd> </dl> </a> </li> <li class="variation__sliderItem swiper-slide" style="background-color: #5670BF;"> <a href="/trip/#theme03" class="variation__sliderLink"> <div class="variation__bg"> <div class="c-cover"><img src="img/home/variation_bg_04.jpg" alt=""></div> </div> <h4 class="variation__title">大人旅</h4> <dl class="variation__plan"> <dt class="variation__planShoulder">PLAN 1</dt> <dd class="variation__planTitle">大人の学び旅</dd> <dt class="variation__planShoulder">PLAN 2</dt> <dd class="variation__planTitle">山科疏水沿い歴史めぐり旅</dd> <dt class="variation__planShoulder">PLAN 3</dt> <dd class="variation__planTitle">古人の美意識にふれる旅</dd> </dl> </a> </li> <li class="variation__sliderItem swiper-slide" style="background-color: #B47ADE;"> <a href="/trip/#theme04" class="variation__sliderLink"> <div class="variation__bg"> <div class="c-cover"><img src="img/home/variation_bg_05.jpg" alt=""></div> </div> <h4 class="variation__title">夫婦旅</h4> <dl class="variation__plan"> <dt class="variation__planShoulder">PLAN 1</dt> <dd class="variation__planTitle">名水の街 伏見 歴史旅</dd> <dt class="variation__planShoulder">PLAN 2</dt> <dd class="variation__planTitle">あの頃の京都旅</dd> <dt class="variation__planShoulder">PLAN 3</dt> <dd class="variation__planTitle">京都の調味料巡り旅 酢・醤油</dd> </dl> </a> </li> <li class="variation__sliderItem swiper-slide" style="background-color: #74CCC1;"> <a href="/trip/#theme05" class="variation__sliderLink"> <div class="variation__bg"> <div class="c-cover"><img src="img/home/variation_bg_06.jpg" alt=""></div> </div> <h4 class="variation__title">家族旅</h4> <dl class="variation__plan"> <dt class="variation__planShoulder">PLAN 1</dt> <dd class="variation__planTitle">戦国武将旅</dd> <dt class="variation__planShoulder">PLAN 2</dt> <dd class="variation__planTitle">東山ぶらりハイキング旅</dd> <dt class="variation__planShoulder">PLAN 3</dt> <dd class="variation__planTitle">大原で里山暮らし旅</dd> </dl> </a> </li> <li class="variation__sliderItem swiper-slide" style="background-color: #90B23E;"> <a href="/trip/#theme06" class="variation__sliderLink"> <div class="variation__bg"> <div class="c-cover"><img src="img/home/variation_bg_07.jpg" alt=""></div> </div> <h4 class="variation__title">学生旅</h4> <dl class="variation__plan"> <dt class="variation__planShoulder">PLAN 1</dt> <dd class="variation__planTitle">思い出をカタチにする旅</dd> <dt class="variation__planShoulder">PLAN 2</dt> <dd class="variation__planTitle">一足先に学生気分の旅</dd> <dt class="variation__planShoulder">PLAN 3</dt> <dd class="variation__planTitle">京都の企業ルーツを探る旅</dd> </dl> </a> </li> </ul> <div class="variation__sliderFooter"> <div class="variation__sliderButton__prev c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="variation__sliderPagination c-sliderPagination"></div> <div class="variation__sliderButton__next c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> </div> <div class="adarea01"> <h2 class="adarea01__title serif"><span>協賛広告</span></h2> <div class="adarea01__inner"> <div class="adarea01__slider js-adarea01Slider"> <ul class="adarea01__list swiper-wrapper"> <li class="adarea01__item swiper-slide"><a href="https://travel.jr-central.co.jp/top/toursitetop/?utm_source=kyoto_navi&utm_medium=referral&utm_campaign=banner" class="adarea01__link" id="adtopbanner_a_jr-central" alt="JR東海ツアーズの京都旅行をご紹介" target="_blank"><img class="adarea01__img lozad" data-toggle-class="fade" data-src="/resource/ad/36.jpg" alt="JR東海ツアーズの京都旅行をご紹介" id="topbanner_a_jr-central"></a></li> </ul> </div> <div class="adarea01__sliderButtonWrap"> <div class="adarea01__sliderButton__prev c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="adarea01__sliderButton__next c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> <div class="adarea01__footer serif"> <p class="adarea01__footerTitle">協賛広告募集のお知らせ</p> <div class="adarea01__footerBody"> <p>京都観光Naviでは、協賛企業を募集しております。詳しくは<a href="https://www.kyokanko.or.jp/news/ad" target="_blank" class="">こちら</a>をご確認ください</p> </div> </div> </div> </div> </section> <!-- /#area --> <section id="area"> <div class="inner mod_inner01"> <header class="sectionHeader"> <div class="icon"> <img src="img/home/ico_map.png" alt=""> </div> <h2 class="ja">エリア別</h2> <p class="en">AREA</p> </header> <p class="sectionLead">京都にある観光情報をエリア別に検索できます。<br>エリアごとのイベント情報や観光スポット情報、特集コンテンツなどが検索できます。</p> <div class="areaInfo"> <div class="areaInfo__map"> <img src="https://placehold.jp/20/f0f0f0/cccccc/450x605.png?text=Loading..." data-src="/img/home/areamap.svg" data-toggle-class="fade" alt="エリアマップ" class="lozad"> <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> </div> </section> <!-- /#recommend --> <section id="recommend" class="recommend"> <div class="inner mod_inner01"> <div class="recommend__main"> <div class="recommend__mainSliderButton -prev c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="recommend__mainSlider js-recommendMainSlider"> <ul class="recommend__mainList swiper-wrapper"> <li class="recommend__mainItem swiper-slide"> <a href="/prize/" class="alpha" id="banner_ryokan" alt="京都らしい旅館のご案内"> <picture> <source media="(min-width: 600px)" srcset="img/home/img_recommend_l-01.jpg" /> <source media="(max-width: 599px)" srcset="img/home/img_recommend_l-01_sp.jpg" /><img src="img/home/img_recommend_l-01.jpg" alt="" decoding="async" /> </picture> </a> </li> </ul> </div> <div class="recommend__mainSliderPagination c-sliderPagination"></div> <div class="recommend__mainSliderButton -next c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> <div class="recommend__sub"> <div class="recommend__subSliderButton -prev c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="recommend__subSlider js-recommendSubSlider"> <ul class="recommend__subList swiper-wrapper"> <li class="recommend__subItem swiper-slide"> <a href="https://shokyoto.jp/" class="alpha" target="_blank" id="banner_littlekyoto" alt="小京都と京都ゆかりのまち"> <img src="https://placehold.jp/40/f0f0f0/cccccc/620x440.png?text=Loading..." data-toggle-class="fade" data-src="/img/home/recommendInfo_07.jpg" alt="小京都と京都ゆかりのまち" class="lozad"> <div class="recommend__subIcon"> <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> </div> </a> </li> <li class="recommend__subItem swiper-slide"> <a href="/shisetsukyo/" class="alpha" id="banner_shisetsukyo" alt="京都観光施設協議会"> <img src="https://placehold.jp/40/f0f0f0/cccccc/620x440.png?text=Loading..." data-toggle-class="fade" data-src="/img/home/recommendInfo_06.jpg" alt="京都観光施設協議会" class="lozad"> <div class="recommend__subIcon"> <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> </div> </a> </li> <li class="recommend__subItem swiper-slide"> <a href="/withcorona/newmanner/" class="alpha" id="banner_newmanner" alt="京都まちけっと"> <img src="https://placehold.jp/40/f0f0f0/cccccc/620x440.png?text=Loading..." data-toggle-class="fade" data-src="/img/home/recommendInfo_04.jpg" alt="京都まちけっと" class="lozad"> </a> </li> <li class="recommend__subItem swiper-slide"> <a href="https://job.kyoto.travel/" target="_blank" class="alpha" id="banner_job" alt="京都観光はたらくNavi"> <img src="https://placehold.jp/40/f0f0f0/cccccc/620x440.png?text=Loading..." data-toggle-class="fade" data-src="/img/home/recommendInfo_09.jpg" alt="京都観光はたらくNavi" class="lozad"> <div class="recommend__subIcon"> <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> </div> </a> </li> <li class="recommend__subItem swiper-slide"> <a href="https://www.sumunaramiyako.city.kyoto.lg.jp/" target="_blank" class="alpha" id="banner_job" alt="住むなら京都"> <img src="https://placehold.jp/40/f0f0f0/cccccc/620x440.png?text=Loading..." data-toggle-class="fade" data-src="/img/home/recommendInfo_11.jpg" alt="住むなら京都" class="lozad"> <div class="recommend__subIcon"> <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> </div> </a> </li> <li class="recommend__subItem swiper-slide"> <a href="https://www.kyoto-kankou.or.jp/" target="_blank" class="alpha" id="banner_newmanner" alt="京都府観光連盟"> <img src="https://placehold.jp/40/f0f0f0/cccccc/620x440.png?text=Loading..." data-toggle-class="fade" data-src="/img/home/recommendInfo_10.jpg" alt="京都府観光連盟" class="lozad"> <div class="recommend__subIcon"> <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> </div> </a> </li> <li class="recommend__subItem swiper-slide"> <a href="https://hanatouro.kyoto.travel/" target="_blank" class="alpha" id="banner_hanatouro" alt="京都・花灯路"> <img src="https://placehold.jp/40/f0f0f0/cccccc/620x440.png?text=Loading..." data-toggle-class="fade" data-src="/img/home/recommendInfo_08.jpg" alt="京都・花灯路" class="lozad"> <div class="recommend__subIcon"> <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> </div> </a> </li> </ul> </div> <div class="recommend__subSliderPagination c-sliderPagination"></div> <div class="recommend__subSliderButton -next c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> </section> <section id="news" class="news"> <div class="inner mod_inner01"> <header class="sectionHeader"> <div class="icon"> <img src="img/home/ico_bell.png" alt=""> </div> <h2 class="ja">お知らせ</h2> <p class="en">NEWS</p> </header> </div> <div class="newsWrap mod_inner01"> <div class="newsFeed"> <ul class="mod_tabs02 noBorder"> <li class="mod_tabs02__item js-switch-tab is_active">観光情報のお知らせ</li> <li class="mod_tabs02__item js-switch-tab">市からのお知らせ</li> </ul> <div class="newsFeed__content js-switch-content is_active"> <ul class="newsFeed__container"> <li class="newsFeed__item"> <div class="newsFeed__link"> <div class="newsFeed__img"> <a href="/news/format.php?id=143"> <img src="/img/common/noimage_170x170.png" alt="京都市内の施設の休止、イベント等の中止・延期について【2025年2月18日9:30現在】"> </a> </div> <div class="newsFeed__txt"> <p class="newsFeed__date">2025年02月18日(火)</p> <p class="newsFeed__catParent"><a href="javascript:void(0);">お知らせ</a></p> <p class="newsFeed__catChild"><a href="javascript:void(0);">観光情報のお知らせ</a></p> <p class="newsFeed__tit"><a href="/news/format.php?id=143">京都市内の施設の休止、イベント等の中止・延期について【2025年2月18日9:30現在】</a></p> </div> </div> </li> <li class="newsFeed__item"> <div class="newsFeed__link"> <div class="newsFeed__img"> <a href="/news/format.php?id=469"> <img src="/resource/news/469-thumbs.png" alt="2025年2月18日の積雪の影響に伴う施設・イベントの休止、交通機関の運行情報について(2月18日9時30分現在)"> </a> </div> <div class="newsFeed__txt"> <p class="newsFeed__date">2025年02月18日(火)</p> <p class="newsFeed__catParent"><a href="javascript:void(0);">お知らせ</a></p> <p class="newsFeed__catChild"><a href="javascript:void(0);">観光情報のお知らせ</a></p> <p class="newsFeed__tit"><a href="/news/format.php?id=469">2025年2月18日の積雪の影響に伴う施設・イベントの休止、交通機関の運行情報について(2月18日9時30分現在)</a></p> </div> </div> </li> <li class="newsFeed__item"> <div class="newsFeed__link"> <div class="newsFeed__img"> <a href="/news/format.php?id=467"> <img src="/resource/news/467-thumbs.png" alt="2025年2月8日からの積雪の影響に伴う施設・イベントの休止、交通機関の運行情報について(2月12日9時30分現在)"> </a> </div> <div class="newsFeed__txt"> <p class="newsFeed__date">2025年02月12日(水)</p> <p class="newsFeed__catParent"><a href="javascript:void(0);">お知らせ</a></p> <p class="newsFeed__catChild"><a href="javascript:void(0);">観光情報のお知らせ</a></p> <p class="newsFeed__tit"><a href="/news/format.php?id=467">2025年2月8日からの積雪の影響に伴う施設・イベントの休止、交通機関の運行情報について(2月12日9時30分現在)</a></p> </div> </div> </li> <li class="newsFeed__item"> <div class="newsFeed__link"> <div class="newsFeed__img"> <a href="/news/format.php?id=463"> <img src="/resource/news/463-thumbs.png" alt="2025年1月10日からの積雪の影響に伴う施設・イベントの休止、交通機関の運行情報について(1月11日10時00分現在)"> </a> </div> <div class="newsFeed__txt"> <p class="newsFeed__date">2025年01月11日(土)</p> <p class="newsFeed__catParent"><a href="javascript:void(0);">お知らせ</a></p> <p class="newsFeed__catChild"><a href="javascript:void(0);">観光情報のお知らせ</a></p> <p class="newsFeed__tit"><a href="/news/format.php?id=463">2025年1月10日からの積雪の影響に伴う施設・イベントの休止、交通機関の運行情報について(1月11日10時00分現在)</a></p> </div> </div> </li> </ul> </div> <div class="newsFeed__content js-switch-content"> <ul class="newsFeed__container"> <li class="newsFeed__item"> <div class="newsFeed__link"> <div class="newsFeed__img"> <a href="/news/format.php?id=464"> <img src="/resource/news/464-thumbs.jpg" alt="伏見稲荷大社周辺への訪問を検討されている方へ"> </a> </div> <div class="newsFeed__txt"> <p class="newsFeed__date">2025年01月30日(木)</p> <p class="newsFeed__catParent"><a href="javascript:void(0);">お知らせ</a></p> <p class="newsFeed__catChild"><a href="javascript:void(0);">市からのお知らせ</a></p> <p class="newsFeed__tit"><a href="/news/format.php?id=464">伏見稲荷大社周辺への訪問を検討されている方へ</a></p> </div> </div> </li> <li class="newsFeed__item"> <div class="newsFeed__link"> <div class="newsFeed__img"> <a href="/news/format.php?id=396"> <img src="/resource/news/396-thumbs.png" alt="熱中症に注意しましょう"> </a> </div> <div class="newsFeed__txt"> <p class="newsFeed__date">2024年06月21日(金)</p> <p class="newsFeed__catParent"><a href="javascript:void(0);">お知らせ</a></p> <p class="newsFeed__catChild"><a href="javascript:void(0);">市からのお知らせ</a></p> <p class="newsFeed__tit"><a href="/news/format.php?id=396">熱中症に注意しましょう</a></p> </div> </div> </li> <li class="newsFeed__item"> <div class="newsFeed__link"> <div class="newsFeed__img"> <a href="/news/format.php?id=384"> <img src="/resource/news/384-thumbs.jpg" alt="市民・観光客双方にとって快適な京都観光のためのお願い"> </a> </div> <div class="newsFeed__txt"> <p class="newsFeed__date">2023年03月24日(金)</p> <p class="newsFeed__catParent"><a href="javascript:void(0);">お知らせ</a></p> <p class="newsFeed__catChild"><a href="javascript:void(0);">市からのお知らせ</a></p> <p class="newsFeed__tit"><a href="/news/format.php?id=384">市民・観光客双方にとって快適な京都観光のためのお願い</a></p> </div> </div> </li> <li class="newsFeed__item"> <div class="newsFeed__link"> <div class="newsFeed__img"> <a href="/news/format.php?id=348"> <img src="/resource/news/348-thumbs.jpg" alt="電車やバスを利用して、安心・快適な「秋の京都」をお楽しみください"> </a> </div> <div class="newsFeed__txt"> <p class="newsFeed__date">2022年11月01日(火)</p> <p class="newsFeed__catParent"><a href="javascript:void(0);">お知らせ</a></p> <p class="newsFeed__catChild"><a href="javascript:void(0);">市からのお知らせ</a></p> <p class="newsFeed__tit"><a href="/news/format.php?id=348">電車やバスを利用して、安心・快適な「秋の京都」をお楽しみください</a></p> </div> </div> </li> </ul> </div> <div class="newsFeed__linkArchive"> <a href="/news/">お知らせ一覧へ</a> </div> </div> <div class="newsTwitter detail lozad" data-toggle-class="fade"> <!-- <h3 class="newsTwitter__title">協会公式Twitter</h3> --> <div class="newsTwitter__body viewPc"> <!-- <p class="tit"><img src="/img/common/ico_twitter01.png" alt="">Twitter</p> --> <a class="twitter-timeline" height="575" data-link-color="#e55937" data-chrome=”noborders” href="https://twitter.com/kyo_kanko?ref_src=twsrc%5Etfw">Tweets by kyo_kanko</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div class="newsTwitter__body viewSp"> <!-- <p class="tit"><img src="/img/common/ico_twitter01.png" alt="">Twitter</p> --> <a class="twitter-timeline" height="450" data-link-color="#e55937" data-chrome=”noborders” href="https://twitter.com/kyo_kanko?ref_src=twsrc%5Etfw">Tweets by kyo_kanko</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> </div> </div> </section> <div class="mod_inner01" id="adarea02"> <div class="adarea02"> <h2 class="adarea02__title serif"><span>協賛広告</span></h2> <div class="adarea02__inner"> <div class="adarea02__slider js-adarea02Slider"> <ul class="adarea02__list swiper-wrapper"> <li class="adarea02__item swiper-slide"><a href="https://mhm-meldia.com/" class="adarea02__link" target="_blank" id="adtopbanner_c_meldia" alt="Hotel Meldia"><img class="adarea02__img lozad" src="https://placehold.jp/20/f0f0f0/cccccc/720x344.png?text=Loading..." data-toggle-class="fade" data-src="/resource/ad/23.jpg" alt="Hotel Meldia" id="topbanner_c_meldia"></a></li> </ul> </div> <div class="adarea02__sliderButtonWrap"> <div class="adarea02__sliderButton__prev c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3841 0.17992C4.20732 -0.0322181 3.89203 -0.0608802 3.6799 0.115902L0.218962 3.00001L3.6799 5.88412C3.89203 6.0609 4.20732 6.03224 4.3841 5.8201C4.56088 5.60797 4.53222 5.29268 4.32008 5.1159L1.78101 3.00001L4.32008 0.884123C4.53222 0.707341 4.56088 0.392059 4.3841 0.17992Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 3C9.5 2.72386 9.27614 2.5 9 2.5H1C0.723858 2.5 0.5 2.72386 0.5 3C0.5 3.27614 0.723858 3.5 1 3.5H9C9.27614 3.5 9.5 3.27614 9.5 3Z" /> </svg> </div> <div class="adarea02__sliderButton__next c-sliderButton"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 3C0.5 2.72386 0.723858 2.5 1 2.5H9C9.27614 2.5 9.5 2.72386 9.5 3C9.5 3.27614 9.27614 3.5 9 3.5H1C0.723858 3.5 0.5 3.27614 0.5 3Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.6159 0.17992C5.79268 -0.0322181 6.10797 -0.0608802 6.3201 0.115902L9.78104 3.00001L6.3201 5.88412C6.10797 6.0609 5.79268 6.03224 5.6159 5.8201C5.43912 5.60797 5.46778 5.29268 5.67992 5.1159L8.21899 3.00001L5.67992 0.884123C5.46778 0.707341 5.43912 0.392059 5.6159 0.17992Z" /> </svg> </div> </div> </div> <div class="adarea02__footer serif"> <p class="adarea02__footerTitle">協賛広告募集のお知らせ</p> <div class="adarea02__footerBody"> <p>京都観光Naviでは、協賛企業を募集しております。詳しくは<a href="https://www.kyokanko.or.jp/news/ad" target="_blank" class="">こちら</a>をご確認ください</p> </div> </div> </div> </div> </main> </div> <style> #ui-datepicker-div { z-index: 10000!important; } </style> </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/new_style_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 src="/lib/inview/jquery.inview.min.js"></script> <script> (function($) { // スクロールフェードイン設定 $('.fadeScroll').on('inview', function(event, isInView, visiblePartX, visiblePartY) { if (isInView) { $(this).stop().addClass('fadeIn'); } }); // イベントページ検索セクショントグル設定 $(".indexNewLayOut .search_trigger").on('click', function() { $("#search,.search_trigger").stop().toggleClass('open'); }); $(".indexNewLayOut #search .close_btn").on('click', function() { $("#search,.search_trigger").stop().removeClass('open'); }); // タブ表示切替 $('.search_post_tab .list > li').on('click', function() { $('.search_post_tab .list > li').removeClass('is_active'); $(this).addClass('is_active'); var index = $('.search_post_tab .list > li').index(this); $('.search_post .post_list_wrap > ul').removeClass('is_show'); $('.search_post .post_list_wrap > ul').eq(index).addClass('is_show'); }); })(jQuery); (function($) { // クッキー保存されいるか判別 if ($.cookie('btnNum')) { btnNum = $.cookie('btnNum'); } else { btnNum = 0; } // レイアウト切り替え処理 changeLayout(btnNum); // クリックされた場合 $('.searchView__change .searchView__changeListItem').on("click", function() { btnNum = $('.searchView__change .searchView__changeListItem').index(this); // レイアウト切り替え処理 changeLayout(btnNum); // クッキーを保存有効期限は7日 $.cookie('btnNum', btnNum, { expires: 7 }); }); // レイアウト切り替え元処理 function changeLayout(btnNum) { // 「searchView__changeItem」に設定されている class="active" を削除 $('.searchView__changeItem').removeClass('active'); // 前回クリックされていた「searchView__changeItem」に class="active" 追加 $('.searchView__changeItem').eq(btnNum).addClass('active'); // post_list_wrapの表示変更 $('.search_post .post_list_wrap').removeClass("style_list"); // 取得した表示形式のpost_list_wrapを表示 $('.search_post .post_list_wrap').eq(btnNum).addClass("style_list"); } })(jQuery); (function($){ // 検索条件変更と再読み込み function changeCondition(option){ for(key in option){ $('#condition_form').find('input[name="' + key + '"]').val(option[key]); } $('#condition_form').submit(); }; $('#searchDay_box ul.searchDay_box__month li.searchDay_box__listItem a.searchDay_box__item').on('click', function(){ if($(this).closest('li.searchDay_box__listItem').hasClass('active')) return; changeCondition({ 'period_start': $(this).data('start'), 'period_end': $(this).data('end'), }); }); $('select.searchView__numSelect_inner').on('change, input', function(){ changeCondition({'display_count': $(this).val()}); }); $('ul.post_catNav__list li.post_catNav__item > a').on('click', function(){ if($(this).closest('li.post_catNav__item').hasClass('is_active')) return; changeCondition({'category_id': $(this).data('value')}); }); $('div.search_post_tab ul.list li').on('click', function(){ if($(this).hasClass('is_active')) return; changeCondition({'display_order': $(this).data('value')}); }); // カレンダー日付選択(すべて表示、開催日順の1ページ目) $('#calenderSec div.calenderSec__table').on('click', 'td > a', function(){ changeCondition({ 'period_start': $(this).data('start'), 'period_end': $(this).data('end'), 'category_id': 0, 'display_order': 'open_date', }); }); // カレンダー月すべて表示 $('#calenderSec .calenderSec__inner > a.allOpenEvent').on('click', function(){ changeCondition({ 'period_start': $(this).data('start'), 'period_end': $(this).data('end'), 'category_id': 0, 'display_order': 'open_date', }); }); // カレンダー月選択 function changeCalendarMonth(month){ $.ajax({ type:"post", url:"/event/index.php", data:{ 'ajax':true, 'month':month }, dataType: "json" }).done(function(data){ if(data.msg){ alert(data.msg); } else{ $('#calenderSec .currentMonth').html(data.year + '<span>年</span>' + data.month + '<span>月</span>'); $('#calenderSec ul.selectMonth li a.prev').data('value', data.prev_month); $('#calenderSec ul.selectMonth li a.next').data('value', data.next_month); if(data.is_this_month){ $('#calenderSec ul.selectMonth li a.nowMonth').addClass('active'); } else{ $('#calenderSec ul.selectMonth li a.nowMonth').removeClass('active'); } $('#calenderSec div.calenderSec__table table tr:not(:first-of-type)').remove(); for(row in data.calendar){ let tr = $('<tr>'); for(col in data.calendar[row]){ let obj = data.calendar[row][col]; let td = $('<td>'); if(obj.is_today) td.addClass('active'); if($('#condition_form [name="period_start"]').val() <= obj.date && obj.date <= $('#condition_form [name="period_end"]').val()){ td.addClass('currentDay'); } else if(obj.is_holiday) td.addClass('holiday'); else if(col == 5) td.addClass('holiday sat'); else if(col == 6) td.addClass('holiday sun'); let num = $('<span>').addClass('num'); if(obj.num) num.text(obj.num); if(obj.cnt){ let cnt = $('<span>').text(obj.cnt); // let a = $('<a>').prop('href', 'javascript:void(0);'); let a = $('<a>').prop('href', '/event/?search_flg=1&period_start='+obj.date+'&period_end='+obj.date); a.data('start', obj.date); a.data('end', obj.date); a.append(num); a.append(cnt); a.append('件'); td.append(a); td.addClass('set_num'); } else{ td.append(num); } tr.append(td); } $('#calenderSec div.calenderSec__table table').append(tr); } // $('#calenderSec .calenderSec__inner > a.allOpenEvent').data('start', data.cur_month_s); // $('#calenderSec .calenderSec__inner > a.allOpenEvent').data('end', data.cur_month_e); $('#calenderSec .calenderSec__inner > a.allOpenEvent').prop('href', '/event/?search_flg=1&period_start='+data.cur_month_s+'&period_end='+data.cur_month_e); } }); } $('#calenderSec ul.selectMonth li a').on('click', function(){ changeCalendarMonth($(this).data('value')); }); changeCalendarMonth($('#condition_form input[name="period_start"]').val()); })(jQuery); </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/rwd-image-maps/jquery.rwdImageMaps.min.js"></script> <script> (function($){ var w = $(window).width(); var is_mobile = w < 600; //京都への旅行を予定している観光客の皆様へ var modal = $(".newsModal"); var modalClose = $('.js-newsModalClose'); var targetBox = $(".firstOnly_pop"); // Cookieでの操作 // if ($.cookie("access") == undefined) { // $('.newsModal').addClass('is-show'); // $('html,body').addClass('is-stop'); // } // modalClose.on("click", function () { // $.cookie("access", "onece", { expires: 3 }); // modal.removeClass('is-show'); // $('html,body').removeClass('is-stop'); // }); // セッションストレージでの操作 sessionStorage.setItem("access", "once"); if (!sessionStorage.getItem("access")) { $('.newsModal').addClass('is-show'); $('html,body').addClass('is-stop'); } modalClose.on("click", function () { sessionStorage.setItem("access", "once"); modal.removeClass('is-show'); $('html,body').removeClass('is-stop'); }); // FV var thumbBool; var fvThumbSliderList = document.querySelector('.fv__sliderThumb__list'); var fvThumbSliderItem = document.querySelectorAll('.fv__sliderThumb__item'); if(is_mobile) { if (fvThumbSliderItem.length >= 4) { thumbBool = true } } else { if (fvThumbSliderItem.length >= 6) { var thumbBool = true; fvThumbSliderList.classList.add('is-loop'); } } var fvThumbSlider = new Swiper( ".js-fvThumbSlider", { // eslint-disable-line // slidesPerView: "auto", slidesPerView: 3.15, loop: thumbBool, slideToClickedSlide: true, watchSlidesProgress: true, SimulateTouch: true, spaceBetween: 6, breakpoints: { 600: { // slidesPerView: "auto", slidesPerView: 5, spaceBetween: 8, } } } ); var fvMainSlider = new Swiper( // eslint-disable-line ".js-fvMainSlider", { lazy: true, loop: true, spaceBetween: 8, slidesPerView: 1, centeredSlides: true, autoplay: { delay: 5000, disableOnInteraction: false, }, thumbs: { swiper: fvThumbSlider, }, SimulateTouch: true, slideToClickedSlide: true, navigation: { nextEl: ".fv__sliderButton.-next", prevEl: ".fv__sliderButton.-prev", }, breakpoints: { 600: { slidesPerView: 1.5, } }, }); // スライダーが1枚の場合には矢印を非表示にする var fvMainSliderEle = document.querySelector(".fv__slider"); var sliderButtonWrap = fvMainSliderEle.querySelector(".c-sliderButtonWrap"); if (fvThumbSlider.slides.length < 5) { sliderButtonWrap.style.display = "none"; } else { sliderButtonWrap.style.display = "block"; // もし5つ以上ある場合は表示する } const pickupSlides = document.querySelectorAll('.calenderSec__sliderItem'); var pickupSliderBool = ''; pickupSliderBool = pickupSlides.length > 1; console.log(pickupSliderBool); if(pickupSliderBool){ const pickupSlider = new Swiper('.js-pickupSlider', { slidesPerView: 1, loop: true, navigation: { nextEl: '.calenderSec__sliderButton.-next', prevEl: '.calenderSec__sliderButton.-prev', }, pagination: { el: '.calenderSec__sliderPagination', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '<span class="' + currentClass + '"></span>' + '<span class="' + totalClass + '"></span>'; } } }); } else { $('.js-pickupSlider').addClass('is-sliderDisabled'); $('.calenderSec__sliderList').removeClass('swiper-wrapper'); $('.calenderSec__sliderItem').removeClass('swiper-slide'); $('.calenderSec__sliderFooter').find('.c-sliderButtonWrap').hide(); $('.calenderSec__sliderFooter').find('.calenderSec__sliderPagination').hide(); } // 四大行事 if (is_mobile) { // const majorEventSlider = new Swiper('.js-majorEventSlider', { // slidesPerView: 1.2, // spaceBetween: 12, // loop: true, // navigation: { // nextEl: '.majorEvent_sliderButton.-next', // prevEl: '.majorEvent_sliderButton.-prev', // }, // autoplay: { // delay: 5000, // disableOnInteraction: false, // }, // pagination: { // el: '.majorEvent_sliderPagination', // type: 'fraction', // renderFraction: function (currentClass, totalClass) { // return '<span class="' + currentClass + '"></span>' + '<span class="' + totalClass + '"></span>'; // } // }, // breakpoints: { // 600: { // slidesPerView: 3, // spaceBetween: 16, // } // } // }); $('.majorEvent_sliderList').removeClass('swiper-wrapper'); $('.majorEvent_sliderItem').removeClass('swiper-slide'); $('.majorEvent').find('.c-sliderButtonWrap').hide(); $('.majorEvent').find('.majorEvent_sliderPagination').hide(); } else { $('.js-majorEventSlider').addClass('is-sliderDisabled'); $('.majorEvent_sliderList').removeClass('swiper-wrapper'); $('.majorEvent_sliderItem').removeClass('swiper-slide'); $('.majorEvent').find('.c-sliderButtonWrap').hide(); $('.majorEvent').find('.majorEvent_sliderPagination').hide(); } const seasonalInfoSlides = document.querySelectorAll('.seasonalInfo__sliderItem'); var seasonalInfoSliderBool = ''; if (!is_mobile) { seasonalInfoSliderBool = seasonalInfoSlides.length > 3; } else { seasonalInfoSliderBool = seasonalInfoSlides.length > 1; } if(seasonalInfoSliderBool){ const seasonalInfoSlider = new Swiper('.js-seasonalInfoSlider', { slidesPerView: 1.2, spaceBetween: 12, loop: true, navigation: { nextEl: '.seasonalInfo__sliderButton.-next', prevEl: '.seasonalInfo__sliderButton.-prev', }, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: '.seasonalInfo__sliderPagination', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '<span class="' + currentClass + '"></span>' + '<span class="' + totalClass + '"></span>'; } }, breakpoints: { 600: { slidesPerView: 3, spaceBetween: 16, } } }); } else { $('.js-seasonalInfoSlider').addClass('is-sliderDisabled'); $('.seasonalInfo__sliderList').removeClass('swiper-wrapper'); $('.seasonalInfo__sliderItem').removeClass('swiper-slide'); $('.seasonalInfo').find('.c-sliderButtonWrap').hide(); $('.seasonalInfo').find('.seasonalInfo__sliderPagination').hide(); } var themeSwiper = document.querySelectorAll(".js-themeSlider"); var themeNext = document.querySelectorAll( ".tourism__themeSliderButton__next" ); var themePrev = document.querySelectorAll( ".tourism__themeSliderButton__prev" ); var themeScrollbar = document.querySelectorAll( ".tourism__themeSliderScrollbar" ); if (themeSwiper.length > 0) { for (let i = 0; i < themeSwiper.length; i++) { themeSwiper[i].className = themeSwiper[i].className.replace( "js-themeSlider", "js-themeSlider_" + i ); themeNext[i].className = themeNext[i].className.replace( "tourism__themeSliderButton__next", "tourism__themeSliderButton__next_" + i ); themePrev[i].className = themePrev[i].className.replace( "tourism__themeSliderButton__prev", "tourism__themeSliderButton__prev_" + i ); themeScrollbar[i].className = themeScrollbar[i].className.replace( "tourism__themeSliderScrollbar", "tourism__themeSliderScrollbar_" + i ); var themeSlider = new Swiper( ".js-themeSlider_" + i, { slidesPerView: 1.375, spaceBetween: 12, SimulateTouch: true, navigation: { nextEl: ".tourism__themeSliderButton__next_" + i, prevEl: ".tourism__themeSliderButton__prev_" + i, }, scrollbar: { el: '.tourism__themeSliderScrollbar_' + i, draggable: true, }, breakpoints: { 600: { slidesPerView: 3.5, spaceBetween: 30, centeredSlides: true, slidesPerGroup: 3, }, }, }); // スライダーが1枚の場合には矢印を非表示にする var arrowNext = document.querySelector( ".tourism__themeSliderButton__next_" + i ); var arrowPrev = document.querySelector( ".tourism__themeSliderButton__prev_" + i ); } } // 旅のかたち const variationSlider = new Swiper('.js-variationSlider', { slidesPerView: "auto", spaceBetween: 12, centeredSlides: true, loop: true, navigation: { nextEl: '.variation__sliderButton__next', prevEl: '.variation__sliderButton__prev', }, pagination: { el: '.variation__sliderPagination', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '<span class="' + currentClass + '"></span>' + '<span class="' + totalClass + '"></span>'; } }, breakpoints: { 600: { spaceBetween: 32, }, }, }); /* const adarea01Slider = new Swiper('.js-adarea01Slider', { slidesPerView: 1.8, spaceBetween: 12, loop: true, navigation: { nextEl: '.adarea01__sliderButton__next', prevEl: '.adarea01__sliderButton__prev', }, autoplay: { delay: 5000, disableOnInteraction: false, }, breakpoints: { 600: { slidesPerView: 3, centeredSlides: true, loop: true, }, }, }); */ const adarea01Slides = document.querySelectorAll('.js-adarea01Slider li'); var adarea01SliderBool = ''; if (is_mobile) { adarea01SliderBool = adarea01Slides.length > 1; } else { adarea01SliderBool = adarea01Slides.length > 3; } if(adarea01SliderBool){ const adarea01Slider = new Swiper('.js-adarea01Slider', { slidesPerView: 1.8, spaceBetween: 12, loop: true, navigation: { nextEl: '.adarea01__sliderButton__next', prevEl: '.adarea01__sliderButton__prev', }, autoplay: { delay: 5000, disableOnInteraction: false, }, breakpoints: { 600: { slidesPerView: 3, centeredSlides: true, loop: true, }, }, }); } else { const adarea01Slider = new Swiper('.js-adarea01Slider', { // slidesPerView: 1.8, spaceBetween: 12, loop: false, navigation: { nextEl: '.adarea01__sliderButton__next', prevEl: '.adarea01__sliderButton__prev', }, // autoplay: { // delay: 5000, // disableOnInteraction: false, // }, breakpoints: { 600: { slidesPerView: 3, centeredSlides: false, loop: false, }, }, }); $('.js-adarea01Slider').addClass('is-sliderDisabled'); // $('.adarea01__list').removeClass('swiper-wrapper'); // $('.adarea01__item').removeClass('swiper-slide'); $('.adarea01__list').css('justify-content', 'center'); $('.adarea01__sliderButtonWrap').hide() } const adarea02Slides = document.querySelectorAll('.js-adarea02Slider li'); var adarea02SliderBool = ''; if (is_mobile) { adarea02SliderBool = adarea02Slides.length > 1; } else { adarea02SliderBool = adarea02Slides.length > 5; } if(adarea02SliderBool){ const adarea02Slider = new Swiper('.js-adarea02Slider', { slidesPerView: 1.8, spaceBetween: 8, loop: true, navigation: { nextEl: '.adarea02__sliderButton__next', prevEl: '.adarea02__sliderButton__prev', }, autoplay: { delay: 5000, disableOnInteraction: false, }, breakpoints: { 600: { slidesPerView: 5, centeredSlides: true, spaceBetween: 12, loop: true, }, }, }); } else { $('.js-adarea02Slider').addClass('is-sliderDisabled'); $('.adarea02__list').removeClass('swiper-wrapper'); $('.adarea02__item').removeClass('swiper-slide'); $('.adarea02__sliderButtonWrap').hide() } const recommendMainSlides = document.querySelectorAll('.js-recommendMainSlider li'); if (recommendMainSlides.length > 1) { const recommendMainSlider = new Swiper('.js-recommendMainSlider', { slidesPerView: 1, loop: true, centeredSlides: true, navigation: { nextEl: '.recommend__mainSliderButton.-next', prevEl: '.recommend__mainSliderButton.-prev', }, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: '.recommend__mainSliderPagination', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '<span class="' + currentClass + '"></span>' + '<span class="' + totalClass + '"></span>'; } }, breakpoints: { 600: { loop: true, } } }); } else { $('.recommend__main').addClass('is-sliderDisabled'); } const recommendSubSlides = document.querySelectorAll('.js-recommendSubSlider li'); if (recommendSubSlides.length > 1) { const recommendSubSlider = new Swiper('.js-recommendSubSlider', { slidesPerView: 1.5, spaceBetween: 12, loop: true, navigation: { nextEl: '.recommend__subSliderButton.-next', prevEl: '.recommend__subSliderButton.-prev', }, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: '.recommend__subSliderPagination', type: 'fraction', renderFraction: function (currentClass, totalClass) { return '<span class="' + currentClass + '"></span>' + '<span class="' + totalClass + '"></span>'; } }, breakpoints: { 600: { slidesPerView: 3, spaceBetween: 16, centeredSlides: true, loop: true, } } }); } else { $('.recommend__sub').addClass('is-sliderDisabled'); } })(jQuery); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lozad.js/1.4.0/lozad.min.js"></script> <script> lozad('.lozad', { load: function(el) { el.src = el.dataset.src; el.onload = function() { el.classList.add('fade') } } }).observe() </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