
<!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" id="viewport" content="width=device-width, initial-scale=1">
		<meta name="format-detection" content="telephone=no">
		<title>カニと温泉を楽しむ旅へ｜ゆこゆこネット</title>
		<meta name="keywords" content="カニ、温泉、ゆこゆこ" />
		<meta name="description" content="カニがなくちゃ、始まらない。今年も旬のカニと温泉を楽しむ旅へ。温泉旅行の宿泊予約は、ネットでも電話でも予約ができるゆこゆこネット。" />
		<!-- og -->
		<meta property="og:title" content="カニと温泉を楽しむ旅へ｜ゆこゆこネット">
		<meta property="og:description" content="カニがなくちゃ、始まらない。今年も旬のカニと温泉を楽しむ旅へ。温泉旅行の宿泊予約は、ネットでも電話でも予約ができるゆこゆこネット。">
		<meta property="og:type" content="website">
		<meta property="og:url" content="https://www.yukoyuko.net/lp/contents/paper-web/20191017/">
		<!-- // ページURL // -->
		<meta property="og:image" content="https://s3-ap-northeast-1.amazonaws.com/contents.aws.yukoyuko.net/images/tokusyu/20191017.jpg">
		<!-- twitter card -->
		<meta name="twitter:card" content="summary_large_image">
		<meta name="twitter:title" content="カニと温泉を楽しむ旅へ｜ゆこゆこネット">
		<meta name="twitter:description" content="カニがなくちゃ、始まらない。今年も旬のカニと温泉を楽しむ旅へ。温泉旅行の宿泊予約は、ネットでも電話でも予約ができるゆこゆこネット。">
		<meta name="twitter:url" content="https://www.yukoyuko.net/lp/contents/paper-web/20191017/">
		<!-- // ページURL // -->
		<meta name="twitter:image" content="https://s3-ap-northeast-1.amazonaws.com/contents.aws.yukoyuko.net/images/tokusyu/20191017.jpg">
		<link href="https://fonts.googleapis.com/css?family=Lora:400,700|Noto+Serif+JP:400,500,600&display=swap" rel="stylesheet">

		<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.2b781118.js"></script>
  <link rel="modulepreload" href="/lp/assets/api.3615b80a.js">
  <link rel="modulepreload" href="/lp/assets/lib.2d230f70.js">
  <link rel="modulepreload" href="/lp/assets/top.0c19937b.js">
  <link rel="modulepreload" href="/lp/assets/autoplayer.c835472f.js">
  <link rel="stylesheet" href="/lp/assets/api.9ae83f98.css">
  <link rel="stylesheet" href="/lp/assets/index.4ff7dbaa.css">
  <link rel="stylesheet" href="/lp/assets/common.bd8e8b68.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" class="js-delHeader">
<!-- 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) -->
<!--  header  -->

<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>蟹と温泉を愉しむ旅へ 美食×名湯の最強タッグ</li>
</ul>
<!-- //////////// ▲ パンくずリスト ▲ //////////// -->
<main>

	<section class="contents">
		<div class="accent-box">
			<h1><img src="https://static.yukoyuko.net/aso/contens_20191017/accent-title_pc.png" alt="蟹と温泉を愉しむ旅へ 美食×名湯の最強タッグ"></h1>
			<div id="youtubeWrap">
				<video id="js-autoPlay" preload="auto" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" poster="https://static.yukoyuko.net/aso/contens_20191017/accent_pc.jpg">
				<source type="video/mp4; codecs=avc1.42E01E,mp4a.40.2" src="https://static.yukoyuko.net/aso/video/accent_20191017.mp4">
			</video></div>
		</div>
		<div class="chapter wide pageNavigation">
			<ul class="navigation container">
				<li><a href="#selection1"><span>究極の<br class="spOnly">蟹を食す</span><em>ブランド蟹</em></a></li>
				<li><a href="#selection2"><span>手軽に<br class="spOnly">心ゆくまで</span><em>食べ放題</em></a></li>
				<li><a href="#selection3"><span>基本の<br class="spOnly">蟹会席</span><em>お一人1杯以上</em></a></li>
				<li><a href="#selection4"><span>一冬に<br class="spOnly">一度の贅沢</span><em>フルコース会席</em></a></li>
			</ul>
		</div>

		<section class="intro wide">
			<div class="container">

				<div class="leadArea">
					<div class="explain">
						<h2 class="serif">
							蟹がなくちゃ、始まらない！<br />旬の蟹と温泉を楽しむ旅へ
						</h2>
						<p>
							頬をなでる秋風が心地よい季節になりました。すると途端に恋しくなるのが、温泉のぬくもりです。またこの時期、おいしくなる旬の食べ物といえば「蟹」。そこで今回はおいしい蟹料理が味わえる温泉宿を大特集！例年「蟹」にまつわる人気宿は早めに予約が埋まってしまう傾向があるので、気になる方は早めの問合せがおすすめです。
						</p>
					</div>
				</div>

				<section class="feature leftStyle" id="feature1">
					<p class="image"><img src="https://static.yukoyuko.net/aso/contens_20191017/feature1-image_pc.jpg" alt=""></p>
					<div class="explain">
						<p class="no en"><img src="https://static.yukoyuko.net/aso/contens_20191017/feature1.png" alt="Feature01"></p>
						<h3 class="serif">「蟹」を求めてどこまでも！<br>旬の味覚を味わう贅沢</h3>
						<p class="gothic">
							温泉旅行の楽しみをぐっと盛り上げてくれるのがおいしい料理。中でも自慢の蟹料理がいただける宿なら、思い出に華が添えられます。秋から冬の季節には、冷たい海の荒波に揉まれて「蟹」の身がギュッと引き締まるとか。国産のブランド蟹が水揚げされる港街では蟹好きの人々が集い、我先にと旬のおいしさを待ち焦がれているので注目です。
						</p>
					</div>
				</section>

				<section class="feature rightStyle" id="feature2">
					<p class="image"><img src="https://static.yukoyuko.net/aso/contens_20191017/feature2-image_pc.jpg" alt=""></p>
					<div class="explain">
						<p class="no en"><img src="https://static.yukoyuko.net/aso/contens_20191017/feature2.png" alt="Feature02"></p>
						<h3 class="serif">いろいろある「蟹の食べ方」<br />好みのスタイルはどれ？</h3>
						<p class="gothic">
							蟹の食べ方として真っ先に思い浮かぶのは、ゆでた蟹の身をほぐしていただくノーマルなスタイル。でも楽しみ方はそれだけではありません！獲れたての蟹が手に入る地域ではお刺身が楽しめたり、蟹のフルコース会席があったり。また贅沢に蟹を食べ放題にしている宿もあるので注目です。「どれにしようか」とあれこれ迷うのも楽しいひとときですね。
						</p>
					</div>
				</section>
			</div>


		</section>
		<section class="wide" id="selection">
			<h2>
				<span><img src="https://static.yukoyuko.net/aso/contens_20191017/selection.png" alt="4つの基準から選ぶ"></span>
				どれがお好み？<br class="spOnly">蟹の楽しみ方4タイプ
			</h2>
			<ul class="list">
				<li id="selection1">
					<a>
						<dl>
							<dt>
								<span class="case en">Case01</span><br />
								<span class="sub">究極の蟹を食す</span>
								<em>ブランド蟹</em>
							</dt>
							<dd>
								<p class="text">
									松葉ガニ、越前ガニなどの名称で有名な「ブランド蟹」は、北海道から島根県の日本海側の港で水揚げされた国産ズワイガニ。産地を証明するタグ付で価格も希少価値もお高めです。そんなブランド蟹は、まさに美食の王様！
								</p>
								<p class="buttonStyle skeleton"><span><span>ご好評につき終了</span></span></p>
							</dd>
						</dl>
					</a>
				</li>
				<li id="selection2">
					<a href="https://www.yukoyuko.net/special/t00002" target="_blank">
						<dl>
							<dt>
								<span class="case en">Case02</span><br />
								<span class="sub">手軽に心ゆくまで</span>
								<em>食べ放題</em>
							</dt>
							<dd>
								<p class="text">
									「大好きな蟹だから、値段を気にせず思い切り楽しみたい」そんな方におすすめなのが「蟹食べ放題」の宿。夕食ビュッフェの一品に蟹も含まれるというから必見です。蟹と温泉をとことん楽しむ至福のひとときをどうぞ。
								</p>
								<p class="buttonStyle skeleton"><span><span>詳しくはこちら</span></span></p>
							</dd>
						</dl>
					</a>
				</li>
				<li id="selection3">
					<a href="https://www.yukoyuko.net/special/t00004" target="_blank">
						<dl>
							<dt>
								<span class="case en">Case03</span><br />
								<span class="sub">基本の蟹会席</span>
								<em>お一人1杯以上姿盛り</em>
							</dt>
							<dd>
								<p class="text">
									「量を多く食べたいわけでもないし、ブランド蟹は高級で…」そんな方はこちらをチェック。蟹を丸ごと1杯姿盛りで食べられるので大満足！
								</p>
								<p class="buttonStyle skeleton"><span><span>詳しくはこちら</span></span></p>
							</dd>
						</dl>
					</a>
				</li>
				<li id="selection4">
					<a href="https://www.yukoyuko.net/special/t00186" target="_blank">
						<dl>
							<dt>
								<span class="case en">Case04</span><br />
								<span class="sub">一冬に一度の贅沢</span>
								<em>フルコース会席</em>
							</dt>
							<dd>
								<p class="text">
									フルコース会席は「蟹を2杯以上」含むお得な内容。蟹メインでしっかりお腹を満たしながらも、品数豊富なフルコースを味わえるので、満足度たっぷりです。蟹をお腹いっぱい食べることを重視したい人におすすめ。
								</p>
								<p class="buttonStyle skeleton"><span><span>詳しくはこちら</span></span></p>
							</dd>
						</dl>
					</a>
				</li>
			</ul>
		</section>


		<section class="wide" id="couponmap">
			<div class="container">
				<div class="headline">
					<h2>
						<span>全国200宿以上</span><br />
						エリアから選ぶ<br class="spOnly">「蟹が食べられる宿」
					</h2>
					<p class="text gothic">ご希望の地域から蟹が食べられる宿を<br class="spOnly">お選びいただけます<br />※11/25時点宿数</p>
				</div>

				<div class="map">
					<ul class="list">
						<li class="hokkaido">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L01" target="_blank">北海道 <span class="num">[17]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L01/P01" target="_blank">北海道</a></li>
									</ul>
								</dd>
							</dl>
						</li>
						<li class="tohoku">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L02" target="_blank">東北 <span class="num">[32]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L02/P02" target="_blank">青森</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L02/P03" target="_blank">岩手</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L02/P04" target="_blank">秋田</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L02/P05" target="_blank">宮城</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L02/P06" target="_blank">山形</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L02/P07" target="_blank">福島</a></li>
									</ul>
								</dd>
							</dl>
						</li>
						<li class="kanto">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L03" target="_blank">関東 <span class="num">[28]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L03/P08" target="_blank">栃木</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L03/P09" target="_blank">茨城</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L03/P10" target="_blank">群馬</a></li>
										<li class="none zero"><a>埼玉</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L03/P12" target="_blank">千葉</a></li>
										<li class="zero"><a>東京</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L03/P14" target="_blank">神奈川</a></li>
									</ul>
								</dd>
							</dl>
						</li>
						<li class="izuhakone">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L04" target="_blank">伊豆箱根 <span class="num">[19]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L04" target="_blank">伊豆・箱根</a></li>
									</ul>
								</dd>
							</dl>
						</li>
						<li class="koshinetsu">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L06"  target="_blank">甲信越 <span class="num">[50]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L06/P16"  target="_blank">山梨</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L06/P17"  target="_blank">長野</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L06/P18"  target="_blank">新潟</a></li>
									</ul>
								</dd>
							</dl>
						</li>
						<li class="tokai">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L05">東海 <span class="num">[12]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L05/P15" target="_blank">静岡</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L05/P22" target="_blank">岐阜</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L05/P23" target="_blank">愛知</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L05/P24" target="_blank">三重</a></li>
									</ul>
								</dd>
							</dl>
						</li>
						<li class="hokuriku">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L07" target="_blank">北陸 <span class="num">[35]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L07/P19" target="_blank">富山</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L07/P20" target="_blank">石川</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L07/P21" target="_blank">福井</a></li>
									</ul>
								</dd>
							</dl>
						</li>
						<li class="kinki">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L08" target="_blank">近畿 <span class="num">[47]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L08/P25" target="_blank">滋賀</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L08/P26" target="_blank">京都</a></li>
										<li class="none"><a href="http://www.yukoyuko.net/special/t00184/L08/P27" target="_blank">大阪</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L08/P28" target="_blank">兵庫</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L08/P29" target="_blank">奈良</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L08/P30" target="_blank">和歌山</a></li>
									</ul>
								</dd>
							</dl>
						</li>
						<li class="chushikoku">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L09" target="_blank">中国・四国 <span class="num">[30]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L09/P31" target="_blank">鳥取</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L09/P32" target="_blank">島根</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L09/P33" target="_blank">岡山</a></li>
										<li class="zero"><a>広島</a></li>
										<li class="none zero"><a>山口</a></li>
										<li class="zero"><a>徳島</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L09/P37" target="_blank">香川</a></li>
										<li class="zero"><a>愛媛</a></li>
										<li class="zero"><a>高知</a></li>
									</ul>
								</dd>
							</dl>
						</li>
						<li class="kyushu">
							<dl>
								<dt><a href="http://www.yukoyuko.net/special/t00184/L10" target="_blank">九州 <span class="num">[12]</span></a></dt>
								<dd>
									<ul class="link">
										<li><a href="http://www.yukoyuko.net/special/t00184/L10/P40" target="_blank">福岡</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L10/P41" target="_blank">佐賀</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L10/P42" target="_blank">長崎</a></li>
										<li class="none"><a href="http://www.yukoyuko.net/special/t00184/L10/P43" target="_blank">熊本</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L10/P44" target="_blank">大分</a></li>
										<li class="zero"><a>宮崎</a></li>
										<li><a href="http://www.yukoyuko.net/special/t00184/L10/P46" target="_blank">鹿児島</a></li>
									</ul>
								</dd>
							</dl>
						</li>
					</ul>
				</div>

			</div>
		<!-- / #couponmap--></section>
		<div class="chiapter wide" id="campaign">
			<div class="container">
				<p class="text">冬のグルメ特集いろいろ</p>
				<p class="buttonStyle white"><a href="https://www.yukoyuko.net/lp/concierge/20181207-1/" target="_blank"><span>他の特集を見る</span></a></p>
			</div>
		<!-- / .items -->
	</div>

  <!--
  
    必要な css, js
    <script type="module" src="https://www.yukoyuko.net/lp/scripts/libs/lib.js" ></script>
    <script src="https://www.yukoyuko.net/lp/concierge/js/top.js" type="module"></script>
    <link rel="stylesheet" href="https://www.yukoyuko.net/css/top.css" />
    <link href="https://www.yukoyuko.net/lp/concierge/css/common.css" rel="stylesheet" />
  
  -->
  <div class="chapter pageBlock pageBlock-special wide">
    <div class="container">
      <h3>その他の温泉ストーリー</h3>
      <div class="c-cardList js-bigSlider">
  
        <div class="c-cardItem">
          <a class="touchover" href="https://www.yukoyuko.net/lp/contents/kagoshima-trip/">
            <div class="c-cardItem_cover">
              <div class="c-cardItem_cover_img">
                <img src="https://static.yukoyuko.net/aso/tokusyu/kagoshima-trip.jpg" alt="" width="258" height="194">
              </div>
              <!-- // サムネイル // -->
            </div>
          </a>
        </div>
  
        <div class="c-cardItem">
          <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20181205-1/">
            <div class="c-cardItem_cover">
              <div class="c-cardItem_cover_img">
                <img src="https://static.yukoyuko.net/aso/tokusyu/20181205-1.jpg" alt="" width="258" height="194">
              </div>
              <!-- // サムネイル // -->
            </div>
          </a>
        </div>
  
        <div class="c-cardItem">
          <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20181214/">
            <div class="c-cardItem_cover">
              <div class="c-cardItem_cover_img">
                <img src="https://static.yukoyuko.net/aso/tokusyu/20181214.jpg" alt="" width="258" height="194">
              </div>
              <!-- // サムネイル // -->
            </div>
          </a>
        </div>
  
        <div class="c-cardItem">
          <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20190423-1/">
            <div class="c-cardItem_cover">
              <div class="c-cardItem_cover_img">
                <img src="https://static.yukoyuko.net/aso/tokusyu/20190423.jpg" alt="" width="258" height="194">
              </div>
              <!-- // サムネイル // -->
            </div>
          </a>
        </div>
  
        <div class="c-cardItem">
          <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20190220/">
            <div class="c-cardItem_cover">
              <div class="c-cardItem_cover_img">
                <img src="https://static.yukoyuko.net/aso/tokusyu/20190315.jpg" alt="" width="258" height="194" style="">
              </div>
              <!-- // サムネイル // -->
            </div>
          </a>
        </div>
  
  
        <div class="c-cardItem">
          <a class="touchover" href="https://www.yukoyuko.net/lp/concierge/20190118/">
            <div class="c-cardItem_cover">
              <div class="c-cardItem_cover_img">
                <img src="https://static.yukoyuko.net/aso/tokusyu/20190118.jpg" alt="" width="258" height="194" style="">
              </div>
              <!-- // サムネイル // -->
            </div>
          </a>
        </div>
  
  
      </div>
      <div class="js-cardSlidePager"></div>
    </div>
  </div>

	<!-- / .contents --></section>

</main>


<!--  footer  -->

<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>

<!-- autoplay page script// video id="js-autoPlay" -->

  <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.f8ea8596.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>
</html>
