
<!doctype html>
<html lang="ja">

<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    
    <meta name="format-detection" content="telephone=no">
    <title>街の魅力がすべて詰まった8本の記事で作った城崎特集｜ゆこたび</title>
    <meta name="description"
      content="街全体がひとつの旅館、城崎。浴衣でそぞろ歩き、歴史ある景観、魅力的な人々やスポット……。その素晴らしさをもっと知って欲しくて８本の記事で特集を作ってみました｜ゆこたび">
    <!-- og -->
    <meta property="og:title" content="街の魅力がすべて詰まった8本の記事で作った城崎特集">
    <meta property="og:description"
      content="街全体がひとつの旅館、城崎。浴衣でそぞろ歩き、歴史ある景観、魅力的な人々やスポット……。その素晴らしさをもっと知って欲しくて８本の記事で特集を作ってみました。">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.yukoyuko.net/lp/contents/kinosaki/20190606/">
    <meta property="og:image" content="https://www.yukoyuko.net/lp/contents/kinosaki/20190606/images/ogp.jp">
    <!-- twitter card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="街の魅力がすべて詰まった8本の記事で作った城崎特集">
    <meta name="twitter:description"
      content="街全体がひとつの旅館、城崎。浴衣でそぞろ歩き、歴史ある景観、魅力的な人々やスポット……。その素晴らしさをもっと知って欲しくて８本の記事で特集を作ってみました。">
    <meta name="twitter:url" content="https://www.yukoyuko.net/lp/contents/kinosaki/20190606/">
    <meta name="twitter:image" content="https://www.yukoyuko.net/lp/contents/kinosaki/20190606/images/ogp.jp">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossOrigin="anonymous"></script>
    
    
    
    <link rel="preconnect" href="//cdn-eu.dynamicyield.com">
    <link rel="preconnect" href="//st-eu.dynamicyield.com">
    <link rel="preconnect" href="//rcom-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//cdn-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//st-eu.dynamicyield.com">
    <link rel="dns-prefetch" href="//rcom-eu.dynamicyield.com">
    <script type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9881489/api_dynamic.js"></script>
    <script type="text/javascript" src="//cdn-eu.dynamicyield.com/api/9881489/api_static.js"></script>
    
    <script type="text/javascript">
      window.DY = window.DY || {};
      DY.recommendationContext = {
        type: 'OTHER',
        data: ['LP']
      };
    </script>
    <link rel="shortcut icon" href="https://www.yukoyuko.net/images/favicon.ico">
    <link rel="apple-touch-icon" href="https://www.yukoyuko.net/images/apple-touch-icon.png">
    
    
    <script src="https://www.yukoyuko.net/scripts/vendor/core.min.js"></script>
    
    
    
    
    
    
    
    
    <link rel="stylesheet" href="https://www.yukoyuko.net/css/main.css">
    <script src="https://www.yukoyuko.net/scripts/common.js"></script>
    
    
    
    
    <!-- Google Tag Manager -->
    
    <!-- End Google Tag Manager -->
  <script type="module" crossorigin src="/lp/assets/index.a8a68bde.js"></script>
  <link rel="modulepreload" href="/lp/assets/api.3615b80a.js">
  <link rel="stylesheet" href="/lp/assets/api.9ae83f98.css">
  <link rel="stylesheet" href="/lp/assets/index.6deb5daf.css">
  <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
</head>

<body id="pagetop">
  <!-- Google Tag Manager (noscript) -->
  <noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WP6RLS" height="0" width="0"
      style="display:none;visibility:hidden"></iframe>
  </noscript>
  <!-- End Google Tag Manager (noscript) -->
  <div id="document">
    <header class="g-header g-fixed-header-sp">
      <div class="g-header-upper">
        <div class="g-header-upper__inner l-inner">
          <div class="g-header-upper__left">
            <!-- ▼ ゆこゆこネットロゴ logo ▼ -->
            <div class="g-brand-logo">
              <a href=https://www.yukoyuko.net class="touchover" aria-label="トップページへ">
                <span class="g-brand-logo-svg"></span>
              </a>
            </div>
            <!-- ▲ ゆこゆこネットロゴ logo ▲ -->
          </div>
          <div class="g-header-upper__center">
            <form
              action=https://www.yukoyuko.net/yado-area
              method="GET"
              class="g-search-input"
            >
              <div class="g-search-name">宿・ホテル名</div>
              <input
                type="search"
                name="keyword"
                placeholder="キーワード・宿コードを入力"
                class="hotelPlanSearchKeyword js_suggest-h"
                autocomplete="off"
                pattern="[^!#$%&\x22\x27()\*\+\-\.,\/:;<=>?@\[\]^_`{|}~]+"
                title='次の記号を含めず入力してください。： ! " &#39; # $ % & ( ) * + - . , / : ; < = > ? ` [ ] ^ _ ` { | } ~ \'
              />
              <button class="g-search-input-reset" type="reset"></button>
              <button
                class="g-search-btn"
                type="submit"
              >
                <i class="m-icon-svg"></i>
                <span>検索</span>
              </button>
              <ul
                class="suggestList js_suggest_words-h"
                style="top: 56px; display: none;"
              ></ul>
            </form>
            <!-- ▼「ゆこゆこについて」リンク ▼ -->
            <div class="g-about-yuko">
              <a href=https://www.yukoyuko.net/lp/about>ゆこゆこについて</a>
            </div>
            <!-- ▲「ゆこゆこについて」リンク ▲ -->
          </div>
          <div class="g-header-upper__right">
            <div class="g-free-dial">
              <div class="g-free-dial__inner">
                <div class="g-free-dial__content">
                  <div class="g-free-dial__info">
                    <strong>電話で予約</strong>
                    <span class="g-free-dial__time">9:00〜21:00</span>
                  </div>
                  <div class="g-free-dial__tel">
                    <span>0120-333-333</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="u-visible-sp">
            <div class="g-header-icon-menu-sp">
              <!-- ▼ SP用「電話アイコン」 ▼ -->
              <a
                href="javascript:void(0);"
                class="js-telReserveTriggerSP js-modalTrigger g-user-icon-btn"
                data-modal="telReserve"
              >
                <i class="m-icon-tel"></i>
                <span>電話予約</span>
              </a>
              <!-- ▲ SP用「電話アイコン」 ▲ -->
              <!-- ▼「クーポン」ボタン ▼ -->
              <a
                href=https://www.yukoyuko.net/cp/otocoupon
                class="g-user-icon-btn"
              >
                <i class="m-icon-coupon"></i>
                <span>クーポン</span>
              </a>
              <!-- ▲「クーポン」ボタン ▲ -->
              <!-- ▼「予約照会・キャンセル」ボタン ▼ -->
              <a
                href=https://www.yukoyuko.net/yoyaku/member/reserve
                class="g-user-icon-btn"
              >
                <i class="m-icon-inquiry"></i>予約照会<span>・キャンセル</span>
              </a>
              <!-- ▲「予約照会・キャンセル」ボタン ▲ -->
              <!-- SP用「 メニュー [js-drawerTrigger] s -->
              <button class="g-accordion-toggle js-drawerTrigger">
                <span class="u-blind">メニューを開く</span>
                <span class="m-icon-menu">
                  <i></i>
                  <i></i>
                  <i></i>
                </span>
                <span class="g-accordion-toggle-text">メニュー</span>
              </button>
              <!-- SP用「メニュー [js-drawerTrigger] e-->
            </div>
          </div>
        </div>
      </div>
      <div class="g-nav-bar u-hidden-sp">
        <div class="l-inner">
          <ul class="g-nav-list">
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net class="touchover">トップ</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/yado-area class="touchover">宿一覧</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/special class="touchover">特集</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/onsen class="touchover">温泉ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://guide.yukoyuko.net class="touchover">観光ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/cp/otocoupon class="touchover">クーポン<span>が獲得できるキャンペーン</span></a>
            </li>
          </ul>
          <!-- ▼「温泉旅行メディア」リンク ▼ -->
          <div class="g-nav-link">
            <a href=https://yukotabi.yukoyuko.net class="touchover" target="_blank">温泉旅行メディア</a>
          </div>
        <!-- ▲「温泉旅行メディア」リンク ▲ -->
      
          <div class="g-user-control">
            <!-- ▼「会員情報」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member
              class="g-user-icon-btn user-memberInfo-btn is-white"
            >
              <i class="m-icon-loginDetail"></i>会員情報
            </a>
            <!-- ▲「会員情報」ボタン ▲ -->
            <!-- ▼「予約照会・キャンセル」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member/reserve
              class="g-user-icon-btn"
            >
              <i class="m-icon-inquiry"></i>予約照会<span>・キャンセル</span>
            </a>
            <!-- ▲「予約照会・キャンセル」ボタン ▲ -->
          </div>
      
          <div class="g-user-info">
            <div class="g-user-link-btns">
              <!-- ▼「マイページ」ボタン ▼ -->
              <a
                href=https://www.yukoyuko.net/yoyaku
                class="g-user-icon-btn"
                onclick="YUKOYUKONET.gaClick('マイページ', 'Click', '共通ヘッダー')" 
              >
                <i class="m-icon-mypage"></i>
                <span>マイページ</span>
              </a>
              <!-- ▲「マイページ」ボタン ▲ -->
            </div>
          </div>
        </div>
      </div>
      <div class="g-nav-bar js-drawerTarget">
        <div class="l-inner">
          <div class="g-header-login-bar">
            <!-- ▼ ロゴの右側 catch copy ▼ -->
              <p>"気軽に、お得に。<br />平日、何度もお出かけ"</p>
            <!-- ▲ ロゴの右側 catch copy ▲ -->
          </div>
          <!--/* //// ▼ SP: 検索ボックス ▼ //// */-->
          <div class="g-nav-search-sp">
            <form
              action=https://www.yukoyuko.net/yado-area
              method="GET"
              class="g-search-input"
            >
              <div class="g-search-name">宿・ホテル名</div>
              <input
                type="search"
                name="keyword"
                placeholder="キーワード・宿コードを入力"
                class="hotelPlanSearchKeyword js_suggest-h"
                autocomplete="off"
                pattern="[^!#$%&\x22\x27()\*\+\-\.,\/:;<=>?@\[\]^_`{|}~]+"
                title='次の記号を含めず入力してください。： ! " &#39; # $ % & ( ) * + - . , / : ; < = > ? ` [ ] ^ _ ` { | } ~ \'
              />
              <button class="g-search-input-reset" type="reset"></button>
              <button
                class="g-search-btn"
                type="submit"
              >
                <i class="m-icon-svg"></i>
                <span>検索</span>
              </button>
              <ul
                class="suggestList js_suggest_words-h"
                style="top: 56px; display: none;"
              ></ul>
            </form>
          </div>
          <!--/* //// ▲ SP: 検索ボックス ▲ //// */-->
          <ul class="g-nav-list">
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net class="touchover">トップ</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/yado-area class="touchover">宿一覧</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/special class="touchover">特集</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/onsen class="touchover">温泉ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://guide.yukoyuko.net class="touchover">観光ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/cp/otocoupon class="touchover">クーポン<span>が獲得できるキャンペーン</span></a>
            </li>
          </ul>
      
          <div class="g-user-control">
            <!-- ▼「会員情報」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member
              class="g-user-icon-btn user-memberInfo-btn is-white"
            >
              <i class="m-icon-loginDetail"></i>会員情報
            </a>
            <!-- ▲「会員情報」ボタン ▲ -->
            <!-- ▼「マイページ」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku
              class="g-user-icon-btn"
              onclick="YUKOYUKONET.gaClick('マイページ', 'Click', '共通ヘッダー')" 
            >
              <i class="m-icon-mypage"></i>
              <span>マイページ</span>
            </a>
            <!-- ▲「マイページ」ボタン ▲ -->
          </div>
      
          <!--/* //// ▼ SP: サイトマップ ▼ //// */-->
          <ul class="g-nav-other-menu">
            <li>
              <a href=https://yukotabi.yukoyuko.net class="touchover" target="_blank"
                >温泉旅行メディア</a
              >
            </li>
            <li>
              <a href=https://www.yukoyuko.net/magazine class="touchover">宿泊情報誌のご案内</a>
            </li>
            <li>
              <a href=https://www.yukoyuko.net/faq class="touchover">よくあるご質問</a>
            </li>
            <li class="contact-link">
              <a href=https://www.yukoyuko.net/contact class="touchover">お問合せ</a>
            </li>
            <li>
              <a href=https://www.yukoyuko.net/info/kiyaku_link class="touchover">規約のご案内</a>
            </li>
            <li>
              <a href=https://www.yukoyuko.net/info/privacy class="touchover">プライバシーポリシー</a>
            </li>
            <li><a href=https://www.yukoyuko.net/sitemaps class="touchover">サイトマップ</a></li>
            <li><a href=https://www.yukoyuko.net/lp/about class="touchover">ゆこゆことは</a></li>
          </ul>
          <!--/* //// ▲ SP: サイトマップ ▲ //// */-->
          <div class="g-accordion-close-btn js-drawerCloseBtn">
            <i></i>
            <button type="button">閉じる</button>
          </div>
        </div>
      </div>
    </header>
    
    <!--/* //////////// ▼ PC: 追従ヘッダー ▼ //////////// */-->
    <div class="g-header-scroll is-sticky">
      <div class="g-header-upper">
        <div class="g-header-upper__inner l-inner">
          <!-- ▼ ゆこゆこネットロゴ logo ▼ -->
          <div class="g-brand-logo">
            <a href=https://www.yukoyuko.net class="touchover" aria-label="トップページへ">
              <span class="g-brand-logo-svg"></span>
            </a>
          </div>
          <!-- ▲ ゆこゆこネットロゴ logo ▲ -->
          <ul class="g-nav-list">
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net class="touchover">トップ</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/yado-area class="touchover">宿一覧</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/special class="touchover">特集</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/onsen class="touchover">温泉ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://guide.yukoyuko.net class="touchover">観光ガイド</a>
            </li>
            <li class="g-nav-item">
              <a href=https://www.yukoyuko.net/cp/otocoupon class="touchover">クーポン<span>が獲得できるキャンペーン</span></a>
            </li>
          </ul>
          <div class="g-user-control">
            <!-- ▼「会員情報」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member
              class="g-user-icon-btn user-memberInfo-btn is-white"
            >
              <i class="m-icon-loginDetail"></i>会員情報
            </a>
            <!-- ▲「会員情報」ボタン ▲ -->
            <!-- ▼「予約照会・キャンセル」ボタン ▼ -->
            <a
              href=https://www.yukoyuko.net/yoyaku/member/reserve
              class="g-user-icon-btn"
            >
              <i class="m-icon-inquiry"></i>予約照会<span>・キャンセル</span>
            </a>
            <!-- ▲「予約照会・キャンセル」ボタン ▲ -->
          </div>
          <form
            action=https://www.yukoyuko.net/yado-area
            method="GET"
            class="g-search-input"
          >
            <div class="g-search-name">宿・ホテル名</div>
            <input
              type="search"
              name="keyword"
              placeholder="キーワード・宿コードを入力"
              class="hotelPlanSearchKeyword js_suggest-h"
              autocomplete="off"
              pattern="[^!#$%&\x22\x27()\*\+\-\.,\/:;<=>?@\[\]^_`{|}~]+"
              title='次の記号を含めず入力してください。： ! " &#39; # $ % & ( ) * + - . , / : ; < = > ? ` [ ] ^ _ ` { | } ~ \'
            />
            <button class="g-search-input-reset" type="reset"></button>
            <button
              class="g-search-btn"
              type="submit"
            >
              <i class="m-icon-svg"></i>
              <span>検索</span>
            </button>
            <ul
              class="suggestList js_suggest_words-h"
              style="top: 56px; display: none;"
            ></ul>
          </form>
        </div>
      </div>
    </div>
    <!--/* //////////// ▲ PC: 追従ヘッダー ▲ //////////// */-->
    
    <!-- //////////// ▼ スマホ用：電話予約 ▼ //////////// -->
    <div class="js-modal">
      <div class="g-telReserve modal-telReserve">
        <div class="c-concierge">
          <div class="l-inner">
            <p class="c-concierge_title">
              <span>ゆこゆこコミュニケーターへ<br />お気軽にご相談ください。</span>
            </p>
            <p class="c-concierge_txt">
              ゆこゆこ予約センタースタッフは豊富な情報からお客様のご希望に合う宿・施設をご提案するコミュニケーターです。お客様に寄り添い、お求めの施設情報をご案内いたします。
            </p>
            <ul class="c-concierge_list">
              <li>
                <div>
                  <p class="c-concierge_tel">
                    ゆこゆこ予約センター
                    <span>
                      <a href="tel:0120333333" class="m-icon-svg u-visible-sp"
                        >0120-333-333</a
                      >
                    </span>
                  </p>
                  <p class="c-concierge_att">
                    ※ 年中無休（9:00～21:00受付）。<br />
                    年末年始も営業時間は通常通りです。<br />
                    ※ 17時以降および土日は特に混み合います。
                  </p>
                </div>
              </li>
            </ul>
            <button
              type="button"
              class="g-telReserveCloseBtn js-modalCloneCloseBtn u-visible-sp"
            >
              閉じる
              <i></i>
            </button>
          </div>
        </div>
      </div>
    </div>
    <!-- //////////// ▲ スマホ用：電話予約 ▲ //////////// -->
    <!-- //////////// ▼ パンくずリスト ▼ //////////// -->
    <ul class="g-breadcrumb js-breadcrumb">
      <li><a href="/">温泉旅館・宿予約 トップ</a></li>
      <li>街の魅力がすべて詰まった8本の記事で作った城崎特集</li>
    </ul>
    <!-- //////////// ▲ パンくずリスト ▲ //////////// -->
    <!-- //////////// ▼ コンテンツ ▼ //////////// -->
    <main id="kinosaki">
      <div id="mv">
        <div class="bg"><img src="/lp/assets/img_mv_01_pc.cc8c6df5.jpg" alt="" class="l-sp-hide"><img src="/lp/assets/img_mv_01_sp.45ed7d23.jpg"
            alt="" class="l-pc-hide"></div>
        <div class="inner">
          <h1 class="ttl"><img src="/lp/assets/mv_ttl_01.540ff733.png" alt="城崎 KINOSAKI"></h1>
          <p class="lead"><img src="/lp/assets/mv_txt_01.0fead5bb.png"
              alt="城崎は街全体がひとつの旅館駅が玄関、道路が廊下、外湯が大浴場宿が客室、土産物屋が売店、飲食店が食堂そんな街中を浴衣でそぞろ歩き歴史ある景観、魅力的な人々やスポット滞在中は誰もがずっと心踊るはずその素晴らしさをもっと知って欲しくて８本の記事で特集を作ってみました">
          </p>
        </div>
      </div>
      <div id="articleWrap">
        <div class="oneColumn">
          <ul class="list">
            <li>
              <a href="#list01" class="is-active" onclick="dataLayer.push({
            　'event': 'GAClickEvent',
            　'EventCategory': '城崎LP',
            　'EventAction' : 'Click',
            　'EventLabel': '切替_1'
            })">
                <p class="img"><img src="/lp/assets/img_spot_01.9d57918c.jpg" alt=""></p>
                <p class="txt">1泊2日カップル旅</p>
              </a>
            </li>
            <li>
              <a href="#list02" onclick="dataLayer.push({
                　'event': 'GAClickEvent',
                　'EventCategory': '城崎LP',
                　'EventAction' : 'Click',
                　'EventLabel': '切替_2'
                })">
                <p class="img"><img src="/lp/assets/img_spot_02.3b61553f.jpg" alt=""></p>
                <p class="txt">漫画家ひうらさんと</p>
              </a>
            </li>
            <li>
              <a href="#list03" onclick="dataLayer.push({
                　'event': 'GAClickEvent',
                　'EventCategory': '城崎LP',
                　'EventAction' : 'Click',
                　'EventLabel': '切替_3'
                })">
                <p class="img"><img src="/lp/assets/img_spot_03.45cf9128.jpg" alt=""></p>
                <p class="txt">3人のキーパーソン</p>
              </a>
            </li>
            <li>
              <a href="#list04" onclick="dataLayer.push({
                　'event': 'GAClickEvent',
                　'EventCategory': '城崎LP',
                　'EventAction' : 'Click',
                　'EventLabel': '切替_4'
                })">
                <p class="img"><img src="/lp/assets/img_spot_04.efc93cb4.jpg" alt=""></p>
                <p class="txt">本と温泉って何？</p>
              </a>
            </li>
            <li>
              <a href="#list05" onclick="dataLayer.push({
                　'event': 'GAClickEvent',
                　'EventCategory': '城崎LP',
                　'EventAction' : 'Click',
                　'EventLabel': '切替_5'
                })">
                <p class="img"><img src="/lp/assets/img_spot_05.4dca2269.jpg" alt=""></p>
                <p class="txt">カニを食べ尽くせ</p>
              </a>
            </li>
            <li>
              <a href="#list06" onclick="dataLayer.push({
                　'event': 'GAClickEvent',
                　'EventCategory': '城崎LP',
                　'EventAction' : 'Click',
                　'EventLabel': '切替_6'
                })">
                <p class="img"><img src="/lp/assets/img_spot_06.3d2e71cd.jpg" alt=""></p>
                <p class="txt">城崎食べ歩き5選</p>
              </a>
            </li>
            <li>
              <a href="#list07" onclick="dataLayer.push({
                　'event': 'GAClickEvent',
                　'EventCategory': '城崎LP',
                　'EventAction' : 'Click',
                　'EventLabel': '切替_7'
                })">
                <p class="img"><img src="/lp/assets/img_spot_07.8f696bab.jpg" alt=""></p>
                <p class="txt">スナックはしご酒</p>
              </a>
            </li>
            <li>
              <a href="#list08" onclick="dataLayer.push({
                　'event': 'GAClickEvent',
                　'EventCategory': '城崎LP',
                　'EventAction' : 'Click',
                　'EventLabel': '切替_8'
                })">
                <p class="img"><img src="/lp/assets/img_spot_08.78f69666.jpg" alt=""></p>
                <p class="txt">外湯巡り徹底ガイド</p>
              </a>
            </li>
          </ul>
        </div>
        <div class="oneColumn">
          <div id="list01" class="story is-show">
            <h2 class="ttl">30代カップルの1泊2日<br>城崎ラブトリップ</h2>
            <p class="img"><img src="/lp/assets/img_story_01.9368203a.jpg" alt=""></p>
            <p class="txt">
              歴史と風情を感じられる城崎を舞台に、<br>30代のカップルが1泊2日を楽しむストーリー。<br>最近倦怠気味のふたりが街の魅力に触れ……<br>笑いあり喧嘩ありラブありの物語になっています。</p>
            <div class="m-btn-more" onclick="dataLayer.push({
              　'event': 'GAClickEvent',
              　'EventCategory': '城崎LP',
              　'EventAction' : 'Click',
              　'EventLabel': '記事_1'
              })"><a href="https://www.yukoyuko.net/yukotabi/archive/kt57971">この記事を見る</a></div>
          </div>
          <div id="list02" class="story">
            <h2 class="ttl">城崎在住 ひうらさとるの<br>行きつけスポット</h2>
            <p class="img"><img src="/lp/assets/img_hiurasan_01.fac09ff6.jpg" alt=""></p>
            <p class="txt">
              漫画『ホタルノヒカリ』の作者ひうらさとるさんは<br>家族で東京から城崎温泉へ移住した人。<br>「最高！」と語る城崎温泉での暮らしや魅力を<br>行きつけスポットを巡りながら話してもらいました。</p>
            <div class="m-btn-more" onclick="dataLayer.push({
              　'event': 'GAClickEvent',
              　'EventCategory': '城崎LP',
              　'EventAction' : 'Click',
              　'EventLabel': '記事_2'
              })"><a href="https://www.yukoyuko.net/yukotabi/archive/kt57965">この記事を見る</a></div>
          </div>
          <div id="list03" class="story">
            <h2 class="ttl">城崎の未来を創る<br>3人のキーパーソン鼎談</h2>
            <p class="img"><img src="/lp/assets/img_keyperson_01.d4a9ac1b.jpg" alt=""></p>
            <p class="txt">
              挙げだすと切りがないほど城崎は魅力が詰まった街。<br>歴史ある土地だからこそ、どんな風に進化するのか。<br>その答えを知るため、城崎に深く関わってきた<br>これからを創る3人のキーパーソンに話を聞きました。
            </p>
            <div class="m-btn-more" onclick="dataLayer.push({
              　'event': 'GAClickEvent',
              　'EventCategory': '城崎LP',
              　'EventAction' : 'Click',
              　'EventLabel': '記事_3'
              })"><a href="https://www.yukoyuko.net/yukotabi/archive/kt57962">この記事を見る</a></div>
          </div>
          <div id="list04" class="story">
            <h2 class="ttl">“文学の街” 城崎発の<br>出版レーベル「本と温泉」</h2>
            <p class="img"><img src="/lp/assets/img_hontoonsen_01.2f4226b3.jpg" alt=""></p>
            <p class="txt">
              城崎は志賀直哉の短編小説『城の崎にて』の舞台であり<br>名だたる文豪たちが滞在し、執筆活動に勤しんだ街。<br>しかも「城崎でしか買えない本」もあるんです。<br>城崎発の出版レーベル「本と温泉」を取材しました。
            </p>
            <div class="m-btn-more" onclick="dataLayer.push({
              　'event': 'GAClickEvent',
              　'EventCategory': '城崎LP',
              　'EventAction' : 'Click',
              　'EventLabel': '記事_4'
              })"><a href="https://www.yukoyuko.net/yukotabi/archive/kt57968">この記事を見る</a></div>
          </div>
          <div id="list05" class="story">
            <h2 class="ttl">城崎といえばカニ！<br>あらゆるカニを食べ尽くせ</h2>
            <p class="img"><img src="/lp/assets/img_crab_01.9c57cc58.jpg" alt=""></p>
            <p class="txt">
              城崎温泉を代表する冬の味覚といえば「カニ」。<br>毎年11月から3月までのカニ漁期間中は<br>カニ王国も開催され様々なカニグルメを楽しめます。<br>城崎のありとあらゆるカニを食べ尽くしましょう！</p>
            <div class="m-btn-more" onclick="dataLayer.push({
              　'event': 'GAClickEvent',
              　'EventCategory': '城崎LP',
              　'EventAction' : 'Click',
              　'EventLabel': '記事_5'
              })"><a href="https://www.yukoyuko.net/yukotabi/archive/kt57974">この記事を見る</a></div>
          </div>
          <div id="list06" class="story">
            <h2 class="ttl">地元民イチオシ！<br>城崎食べ歩きグルメ5選</h2>
            <p class="img"><img src="/lp/assets/img_eatandwalk_01.9e06884c.jpg" alt=""></p>
            <p class="txt">
              温泉街の端から端まで歩いても20分足らずの城崎は、<br>食べ歩きをしながら散策をするのにぴったり。<br>でも何を食べたらいいんだろ……なんて人のために<br>地元民おすすめの「本当においしい」を紹介します！
            </p>
            <div class="m-btn-more" onclick="dataLayer.push({
              　'event': 'GAClickEvent',
              　'EventCategory': '城崎LP',
              　'EventAction' : 'Click',
              　'EventLabel': '記事_6'
              })"><a href="https://www.yukoyuko.net/yukotabi/archive/kt57980">この記事を見る</a></div>
          </div>
          <div id="list07" class="story">
            <h2 class="ttl">美人ママが勢ぞろい<br>城崎の夜はスナックへ！</h2>
            <p class="img"><img src="/lp/assets/img_snak_01.900a3bff.jpg" alt=""></p>
            <p class="txt">誰が言ったか知らないが、城崎の夜は<br>スナックに行かなきゃはじまらない！<br>なんと豊岡市の観光協会も公認しているくらい。<br>その中でも美人ママがいるという噂の3軒に突撃！
            </p>
            <div class="m-btn-more" onclick="dataLayer.push({
              　'event': 'GAClickEvent',
              　'EventCategory': '城崎LP',
              　'EventAction' : 'Click',
              　'EventLabel': '記事_7'
              })"><a href="https://www.yukoyuko.net/yukotabi/archive/kt57984">この記事を見る</a></div>
          </div>
          <div id="list08" class="story">
            <h2 class="ttl">城崎温泉でカラコロ湯巡り♪<br>7つの外湯徹底ガイド</h2>
            <p class="img"><img src="/lp/assets/img_hotweatertour_01.7e2da9ea.jpg" alt=""></p>
            <p class="txt">
              街をひとつの旅館と考え街づくりをしている城崎。<br>中でも「大浴場」の役割を果たすのが7つの外湯。<br>カラコロと下駄を鳴らしながら浴衣で巡るのが<br>ならではの楽しみ方。そんな外湯を詳しく紹介します！
            </p>
            <div class="m-btn-more" onclick="dataLayer.push({
              　'event': 'GAClickEvent',
              　'EventCategory': '城崎LP',
              　'EventAction' : 'Click',
              　'EventLabel': '記事_8'
              })"><a href="https://www.yukoyuko.net/yukotabi/archive/kt57977">この記事を見る</a></div>
          </div>
        </div>
      </div>
      <div id="tourGuide">
        <div class="inner">
          <h2 class="ttl"><i><img src="data:image/png;base64,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" alt=""></i>城崎<small>の</small>観光ガイド</h2>
          <p class="lead">今回紹介した場所以外にも、城崎には<br>魅力的な観光スポットがたくさんあります！</p>
          <div class="m-btn-more"><a href="https://www.yukoyuko.net/onsen/0050/kanko">城崎のスポット情報を見る</a></div>
        </div>
      </div>
    </main>
    <!-- //////////// ▲ コンテンツ ▲ //////////// -->
    
    <footer class="g-footer">
      <div class="g-footer-pagetop is-visible">
        <a href="#pagetop"></a>
      </div>
      <div class="g-footer-upper">
        <div class="g-footer-upper__inner l-inner">
          <div class="g-footer-upper__left">
            <!-- ▼ ゆこゆこネットロゴ logo ▼ -->
            <div class="g-brand-logo">
              <a href=https://www.yukoyuko.net class="touchover" aria-label="トップページへ">
                <span class="g-brand-logo-svg"></span>
              </a>
            </div>
            <!-- ▲ ゆこゆこネットロゴ logo ▲ -->
          </div>
          <div class="g-footer-upper__center">
            <form
              action=https://www.yukoyuko.net/yado-area
              method="GET"
              class="g-search-input"
            >
              <div class="g-search-name">宿・ホテル名</div>
              <input
                type="search"
                name="keyword"
                placeholder="キーワード・宿コードを入力"
                class="hotelPlanSearchKeyword js_suggest-h"
                autocomplete="off"
                pattern="[^!#$%&\x22\x27()\*\+\-\.,\/:;<=>?@\[\]^_`{|}~]+"
                title='次の記号を含めず入力してください。： ! " &#39; # $ % & ( ) * + - . , / : ; < = > ? ` [ ] ^ _ ` { | } ~ \'
              />
              <button class="g-search-input-reset" type="reset"></button>
              <button
                class="g-search-btn"
                type="submit"
              >
                <i class="m-icon-svg"></i>
                <span>検索</span>
              </button>
              <ul
                class="suggestList js_suggest_words-h"
                style="top: 56px; display: none;"
              ></ul>
            </form>
          </div>
          <div class="g-footer-upper__right">
            <div class="g-free-dial">
              <div class="g-free-dial__inner">
                <div class="g-free-dial__content">
                  <div class="g-free-dial__info">
                    <strong>電話で予約</strong>
                    <span class="g-free-dial__time">9:00〜21:00</span>
                  </div>
                  <div class="g-free-dial__tel">
                    <span>0120-333-333</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    
      <div class="g-footer-sitemap">
        <div class="l-inner">
          <ul class="g-footer-sitemap-item">
            <li><a href=https://www.yukoyuko.net>トップ</a></li>
            <li><a href=https://www.yukoyuko.net/yado-area>宿一覧</a></li>
            <li><a href=https://www.yukoyuko.net/special>特集</a></li>
            <li><a href=https://www.yukoyuko.net/onsen>温泉ガイド</a></li>
            <li><a href=https://www.yukoyuko.net/onsen/ranking/all>温泉地ランキング</a></li>
            <li><a href=https://guide.yukoyuko.net>観光ガイド</a></li>
            <li><a href=https://www.yukoyuko.net/yoyaku/account/new>会員登録</a></li>
            <li><a href=https://www.yukoyuko.net/yoyaku/member>会員情報照会</a></li>
            <li><a href=https://www.yukoyuko.net/yoyaku/member/reserve>予約照会</a></li>
            <li><a target="_blank" href=https://yukotabi.yukoyuko.net>温泉旅行メディア</a></li>
          </ul>
          <ul class="g-footer-sitemap-item">
            <li><a href=https://www.yukoyuko.net/magazine>宿泊情報誌のご案内</a></li>
            <li><a href=https://www.yukoyuko.net/yoyaku/member/spareview target="_blank">温泉地アンケート</a></li>
          </ul>
          <ul class="g-footer-sitemap-item">
            <li><a href=https://www.yukoyuko.net/faq>よくあるご質問</a></li>
            <li class="contact-link"><a href=https://www.yukoyuko.net/contact>お問合せ</a></li>
            <li><a href=https://www.yukoyuko.net/info/kiyaku_link>規約のご案内</a></li>
            <li><a href=https://www.yukoyuko.net/info/privacy>プライバシーポリシー</a></li>
          </ul>
          <ul class="g-footer-sitemap-item">
            <li><a href=https://www.yukoyuko.net/lp/about>ゆこゆことは</a></li>
            <li><a href=https://www.yukoyuko.net/info>お知らせ</a></li>
            <li><a target="_blank" href="https://corporate.japanet.co.jp/company/outline/yukoyuko/">会社概要</a></li>
            <li><a href=https://www.yukoyuko.net/sitemaps>サイトマップ</a></li>
          </ul>
        </div>
      </div>
      <!--/* //// ▼ SP: サイトマップ ▼ //// */-->
      <ul class="g-nav-other-menu">
        <li>
          <a href=https://yukotabi.yukoyuko.net class="touchover" target="_blank"
            >温泉旅行メディア</a
          >
        </li>
        <li>
          <a href=https://www.yukoyuko.net/magazine class="touchover">宿泊情報誌のご案内</a>
        </li>
        <li>
          <a href=https://www.yukoyuko.net/faq class="touchover">よくあるご質問</a>
        </li>
        <li class="contact-link">
          <a href=https://www.yukoyuko.net/contact class="touchover">お問合せ</a>
        </li>
        <li>
          <a href=https://www.yukoyuko.net/info/kiyaku_link class="touchover">規約のご案内</a>
        </li>
        <li>
          <a href=https://www.yukoyuko.net/info/privacy class="touchover">プライバシーポリシー</a>
        </li>
        <li><a href=https://www.yukoyuko.net/sitemaps class="touchover">サイトマップ</a></li>
        <li><a href=https://www.yukoyuko.net/lp/about class="touchover">ゆこゆことは</a></li>
      </ul>
      <!--/* //// ▲ SP: サイトマップ ▲ //// */-->
      <div class="japanet-footer"></div>
      <div class="g-footer-copyright">
        <div class="l-inner">
          <small class="copyright-text">Copyright Yuko Yuko Inc. All Rights Reserved.</small>
        </div>
      </div>
    </footer>
  </div>
  <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
  <script nomodule id="vite-legacy-polyfill" src="/lp/assets/polyfills-legacy.0288c8d1.js"></script>
  <script nomodule id="vite-legacy-entry" data-src="/lp/assets/index-legacy.ab226a6c.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>

</html>
