<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>36 青龍寺 &#8211; 大家的遍路（宿）</title>
	<atom:link href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/feed/" rel="self" type="application/rss+xml" />
	<link>https://min88.jp/inn</link>
	<description>遍路宿預約｜四國遍路住宿設施資料庫</description>
	<lastBuildDate>Thu, 24 Sep 2026 00:10:26 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://min88.jp/inn/wp-content/uploads/2025/07/cropped-yoyaku_logo-32x32.png</url>
	<title>36 青龍寺 &#8211; 大家的遍路（宿）</title>
	<link>https://min88.jp/inn</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>AZ商旅 高知須崎館 (Hotel AZ Kochi Susaki)</title>
		<link>https://min88.jp/inn/zh/45406/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 09 Sep 2025 00:27:39 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=45406</guid>

					<description><![CDATA[“ 清潔・安心・高CP值！開車朝聖也很方便的住宿 從高知高速公路・須崎東交流道開車僅需2分鐘，從JR多ノ郷車站 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      清潔・安心・高CP值！開車朝聖也很方便的住宿
    </h3>

    <p class="min88-inn-intro__text">
      從高知高速公路・須崎東交流道開車僅需2分鐘，從JR多ノ郷車站步行也只要10分鐘，AZ商旅 高知須崎館 (Hotel AZ Kochi Susaki)為四國遍路旅人提供了所需的安心與便利。館內共有158間簡約卻整潔的客房，設有免費Wi-Fi、免治馬桶、冰箱、吹風機等，讓旅人能舒緩疲憊。早餐與停車皆免費，並全年提供相同房價，無需擔心價格波動。館內另設有投幣式洗衣房、自動販賣機及餐廳，可因應不同停留需求。充滿在地氛圍的須崎市，這裡是整裝待發、迎接朝聖最後一步的可靠住宿選擇
    </p>
  </div>
</div>

<style>
/* ------- 外側ラッパ（左右余白） ------- */
.min88-inn-intro-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ------- 本体ボックス ------- */
.min88-inn-intro {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン */
.min88-inn-intro__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;
  pointer-events: none;
  font-weight: 700;  /* ← 太字 */
}

/* タイトル（色もここで上書き） */
.min88-inn-intro h3.min88-inn-intro__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;   /* ← タイトルの色 */
}

/* 本文（色を強制上書き） */
.min88-inn-intro p.min88-inn-intro__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;   /* ← ここを好きな色に */
}

/* 最後の段落だけ下余白を広げる */
.min88-inn-intro p.min88-inn-intro__text:last-of-type {
  margin-bottom: 20px;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .min88-inn-intro-wrap {
    padding: 0 3px;
  }
  .min88-inn-intro {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-intro__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-intro h3.min88-inn-intro__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-intro p.min88-inn-intro__text {
    font-size: 14px;
  }
}
</style>



<!-- ▼▼▼ 区間距離インジケータHTML ▼▼▼ -->
<div id="route-lines">
  <!-- 行を増やすときは .route-line を複製して data-* だけ変更 -->
  <div class="route-line"
       data-lnum="36"
       data-lname="青龍寺"
       data-lkm="22.4"
       data-rkm="33.9"
       data-rnum="37"
       data-rname="岩本寺"> </div>
</div>

<style>
/* ===== このブロック内だけに作用する見た目ノブ ===== */
#route-lines{
  font-family: system-ui, "Noto Sans JP", sans-serif;

  --marker-size: 22px;     /* 家アイコンの大きさ */
  --marker-color: #000;
  --line-thickness: 4px;   /* 線の太さ */
  --house-gap: 6px;        /* 家と線の間隔（左右同じ） */
  --label-gap: 1px;        /* 寺名と線の間隔（PC/スマホ共通） */

  --distance-font: 12px;   /* 距離ラベルの文字サイズ */
  --distance-top: -16px;   /* 距離ラベルの縦位置（マイナス＝上） */

  --left-color:  #e60000;  /* 左線：赤 */
  --right-color: #aaaaaa;  /* 右線：#999 */

  /* 距離テキストが切れないための逃げ場（左右は最小限） */
  --clip-pad-x: 6px;
  --clip-pad-top: 28px;
}

/* 行ごとの上下余白（調整可） */
#route-lines .row{ margin:80px 0; }

/* はみ出し防止：横だけ隠し、縦は見せる。左右はセーフエリア込みで最小限 */
#route-lines .row-clip{
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  padding-inline-start: calc(env(safe-area-inset-left, 0px) + var(--clip-pad-x));
  padding-inline-end:   calc(env(safe-area-inset-right,0px) + var(--clip-pad-x));
  padding-top: var(--clip-pad-top);
}

/* 並び：家の左右ギャップは --house-gap で統一 */
#route-lines .line-wrap{ display:flex; align-items:center; gap: var(--house-gap); }

/* 寺ラベル（縦2行） */
#route-lines .label{
  display:flex; flex-direction:column; align-items:center;
  font-weight:700; line-height:1.2; white-space:nowrap; flex:0 0 auto;
}
/* 寺名と線の間隔（左右とも --label-gap） */
#route-lines .label.left  { padding-right: var(--label-gap); }
#route-lines .label.right { padding-left:  var(--label-gap); }

/* 線（距離比で伸縮：WPCodeのJSが --left / --right をセットします） */
#route-lines .line{
  position:relative; height:var(--line-thickness);
  min-width:16px; flex-basis:0; flex-grow:1; min-inline-size:0;
}
#route-lines .line.left  { flex-grow: var(--left);  background: var(--left-color);  }
#route-lines .line.right { flex-grow: var(--right); background: var(--right-color); }

/* 距離ラベル */
#route-lines .distance{
  position:absolute; top: var(--distance-top); left:50%; transform:translateX(-50%);
  font-size:var(--distance-font); background:#fff; padding:0 4px; line-height:1.2;
  color:#000; white-space:nowrap; pointer-events:none;
}

/* 家（宿） */
#route-lines .marker{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--marker-size); height:var(--marker-size); line-height:1;
  color: var(--marker-color); user-select:none; flex:0 0 auto;
}
#route-lines .marker svg{ width:100%; height:100%; display:block; fill: currentColor; }
</style>
<!-- ▲ ここまで（JSはWPCodeに置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;　-->
<div class="min88-basicdata-pack">
  <textarea class="min88-basicdata-kv" aria-hidden="true">
# ===== 基本情報（台湾版） =====
address   = 高知縣須崎市神田2489-28
tel       = 0889-42-3301|接待時間：8:00-20:00
website   = https://www.az-hotel.com/susaki/
parking   = 122個車位（免費）
rooms     = 158間客房
price     = 僅住宿：未確認|含早餐：6,380日圓|含晚餐：未確認|含早晚餐：7,590日圓
checkin   = 15:00-23:00
checkout  = 10:00以前
wifi      = 有
laundry   = 洗衣機：收費|烘乾機：收費
payment   = 現金：可以|信用卡：可以|電子支付：未確認

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay, iD, Suica／PASMO 等交通 IC 卡, nanaco、Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, au PAY, Merpay



  </textarea>

  <div class="min88-basicdata-out" aria-label="宿の基本情報"></div>

  <p class="min88-basicdata-note">
    ※無法保證目前的營業狀況。入住時請直接聯繫住宿設施。
  </p>

  <div class="min88-basicdata-spacer"></div>
</div>

<style>
/* 入力テキストは非表示 */
.min88-basicdata-pack .min88-basicdata-kv{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}

/* ===== 行UI ===== */
.min88-basicdata-pack .basic-data{
  display:flex;
  align-items:flex-start;
  gap:26px;
  padding:14px 8px;
  border-bottom:1px solid rgba(0,0,0,0.12);
}

.min88-basicdata-pack .basic-data__icon{
  flex:0 0 44px;
  width:44px;
  display:flex;
  justify-content:center;
  padding-top:2px;
}

.min88-basicdata-pack .basic-data__icon img{
  max-width:26px;
  max-height:26px;
}

/* 料金・WiFiだけ小さく */
.min88-basicdata-pack .basic-data__icon img[src*="/price.png"],
.min88-basicdata-pack .basic-data__icon img[src*="/wifi.png"]{
  max-width:20px;
  max-height:20px;
  margin-top:3px;
}

.min88-basicdata-pack .basic-data__text{
  flex:1;
  font-size:13.5px;
  line-height:1.7;
  margin-top:4px;
  word-break:break-word;
}

/* 注意文 */
.min88-basicdata-pack .min88-basicdata-note{
  margin:10px 8px 0;
  font-size:12px;
  line-height:1.4;
  color:rgba(0,0,0,0.55);
}

/* 50pxスペース */
.min88-basicdata-pack .min88-basicdata-spacer{
  height:50px;
}

/* ===== 電子マネー（折りたたみ） ===== */
.min88-basicdata-pack .min88-emoney{
  margin-top:6px;
}

/* 標準マーカー削除 */
.min88-basicdata-pack .min88-emoney summary{ list-style:none; }
.min88-basicdata-pack .min88-emoney summary::-webkit-details-marker{ display:none; }

/* トリガー */
.min88-basicdata-pack .min88-emoney summary{
  cursor:pointer;
  user-select:none;
  font-size:12.5px;
  color:#1a73e8;
}

/* 左側の&#x25b6; ▼だけ表示 */
.min88-basicdata-pack .min88-emoney summary:before{ content:"&#x25b6; "; }
.min88-basicdata-pack .min88-emoney[open] summary:before{ content:"▼ "; }

/* リスト */
.min88-basicdata-pack .min88-emoney-list{
  margin:8px 0 0;
  padding:0;
  list-style:none;
}
.min88-basicdata-pack .min88-emoney-list li{
  font-size:12.5px;
  line-height:1.55;
  margin:0 0 4px;
}
.min88-basicdata-pack .min88-emoney-list li:before{
  content:"・ ";
}
</style>

<script>
(function(){
  const ICON = {
    address  : 'https://min88.jp/inn/wp-content/uploads/2026/02/address.png',
    tel      : 'https://min88.jp/inn/wp-content/uploads/2026/02/telephone.png',
    website  : 'https://min88.jp/inn/wp-content/uploads/2026/02/website.png',
    parking  : 'https://min88.jp/inn/wp-content/uploads/2026/02/carparking.png',
    rooms    : 'https://min88.jp/inn/wp-content/uploads/2026/02/rooms.png',
    price    : 'https://min88.jp/inn/wp-content/uploads/2026/02/price.png',
    check    : 'https://min88.jp/inn/wp-content/uploads/2026/02/check.png',
    wifi     : 'https://min88.jp/inn/wp-content/uploads/2026/02/wifi.png',
    laundry  : 'https://min88.jp/inn/wp-content/uploads/2026/02/laundry.png',
    payment  : 'https://min88.jp/inn/wp-content/uploads/2026/02/payment.png'
  };

  const ORDER = ['address','tel','website','parking','rooms','price','check','wifi','laundry','payment'];

  function esc(s){
    return String(s ?? '')
      .replace(/&/g,'&amp;')
      .replace(/</g,'&lt;')
      .replace(/>/g,'&gt;')
      .replace(/"/g,'&quot;')
      .replace(/'/g,'&#39;');
  }

  function parseKV(text){
    const obj = {};
    text.split('\n').forEach(line=>{
      const t = line.trim();
      if(!t || t.startsWith('#')) return;
      const i = t.indexOf('=');
      if(i === -1) return;
      obj[t.slice(0,i).trim()] = t.slice(i+1).trim();
    });
    return obj;
  }

  /* 全項目共通：| を <br> に（何段でもOK） */
  function brPipeAny(v){
    return esc(v).replace(/\|/g,'<br>');
  }

  function row(iconKey, html){
    return `
      <div class="basic-data">
        <div class="basic-data__icon">
          <img decoding="async" src="${ICON[iconKey]}" alt="">
        </div>
        <div class="basic-data__text">${html}</div>
      </div>
    `;
  }

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>查看支援品牌</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

  /* ★ website：表示は短く（example.com）、リンク先はフルURL */
  function ensureUrl(raw){
    const s = String(raw || '').trim();
    if(!s) return '';
    if(/^https?:\/\//i.test(s)) return s;
    // example.com のような入力でもリンク切れしないように
    return 'https://' + s;
  }

  function displayHost(raw){
    const url = ensureUrl(raw);
    try{
      const u = new URL(url);
      return esc(u.host); // example.com / www.example.jp
    }catch(e){
      return esc(raw); // 解析できなければそのまま表示
    }
  }

  function websiteHtml(v){
    const parts = String(v || '').split('|').map(s=>s.trim()).filter(Boolean);
    return parts.map(p=>{
      const href = ensureUrl(p);
      const safeHref = esc(href);
      const label = displayHost(p);
      // URLっぽくない文字列（補足）も許容
      if(!p) return '';
      if(/^[^\s]+\.[^\s]+/.test(p)){ // ドメインっぽい場合はリンク化
        return `<a href="${safeHref}" target="_blank" rel="noopener">${label}</a>`;
      }
      return esc(p);
    }).filter(Boolean).join('<br>');
  }

  document.querySelectorAll('.min88-basicdata-pack').forEach(root=>{
    if(root.dataset.rendered) return;

    const txt = root.querySelector('.min88-basicdata-kv');
    const out = root.querySelector('.min88-basicdata-out');
    if(!txt || !out) return;

    const data = parseKV(txt.value);
    let html = '';

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `入住時間：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `退房時間：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

      if(k === 'website' && data.website){
        html += row('website', websiteHtml(data.website));
        return;
      }

      if(k === 'payment' && data.payment){
        html += row('payment', brPipeAny(data.payment) + buildEmoney(data.emoney));
        return;
      }

      if(!data[k]) return;

      html += row(k, brPipeAny(data[k]));
    });

    out.innerHTML = html;
    root.dataset.rendered = '1';
  });
})();
</script>


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    請避免在清晨或深夜來電。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };       // 朝
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };     // 昼
      return { icon: "&#x1f319;", label: "" };                                 // 夜
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('zh-TW', options);
      const parts = fmt.formatToParts(now);
      const hour = parseInt(parts.find(p => p.type === 'hour').value, 10);
      const minute = parts.find(p => p.type === 'minute').value;
      const colon = `<span style="opacity:${showColon ? 1 : 0};">:</span>`;
      const { icon, label } = getPeriod(hour);

      el.innerHTML = `日本時間：${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



<!-- ▼▼▼ &#x1f310;『電話で空室確認』テキストリンク ▼▼▼ -->

<div class="min88-phone-text-link">
  <a href="#" class="min88-phone-link" onclick="logAndCall(event, '0889-42-3301')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

<div class="min88-phone-time-msg"></div>

<style>
.min88-phone-text-link{
  text-align:center;
  padding-top:10px;
  margin-bottom:0;
}

/* ▼ 通常時（営業時間内） */
.min88-phone-text-link a,
.min88-phone-text-link a:visited,
.min88-phone-text-link a:hover,
.min88-phone-text-link a:active,
.min88-phone-text-link a:focus{
  color:#0066cc;
  font-size:15px;
  font-weight:500;
  text-decoration:none !important;
  border-bottom:1px solid #7fb3e6;
  padding-bottom:2px;
  transition:color .2s,border-color .2s;
}

/* ▼ hover時 */
.min88-phone-text-link a:hover{
  color:#004c99;
  border-bottom-color:#4d94d9;
}

/* ▼ 時間外 */
.min88-phone-link.is-disabled,
.min88-phone-link.is-disabled:visited,
.min88-phone-link.is-disabled:hover,
.min88-phone-link.is-disabled:active,
.min88-phone-link.is-disabled:focus{
  color:#aaa !important;
  border-bottom-color:#ddd !important;
  text-decoration:none !important;
  cursor:not-allowed;
  pointer-events:none;
}

.min88-phone-time-msg{
  display:none;
  margin:6px 0 18px;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  color:#666;
  text-align:center;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {

  const link = document.querySelector(".min88-phone-link");
  const msg = document.querySelector(".min88-phone-time-msg");

  if (!link || !msg) return;

  const lang = document.documentElement.lang || "ja";

  let langKey = "ja";

  if (lang.startsWith("en")) {

    langKey = "en";

  } else if (lang.startsWith("zh")) {

    langKey = "zh";

  }

  const textMap = {

    ja: {
      normal: "&#x260e; 電話で空室確認",
      disabled: "&#x260e; 電話対応時間外",
      hours: (s, e) => `受付時間 ${s}〜${e}`
    },

    en: {
      normal: "&#x260e; Check by Phone",
      disabled: "&#x260e; Outside Call Hours",
      hours: (s, e) => `Call hours ${s}–${e}`
    },

    zh: {
      normal: "&#x260e; 電話確認空房",
      disabled: "&#x260e; 非電話服務時間",
      hours: (s, e) => `服務時間 ${s}–${e}`
    }

  };

  const t = textMap[langKey];

  const startHour = 8;
  const startMin  = 0;
  const endHour   = 20;
  const endMin    = 0;

  const now = new Date();

  const nowMinutes =
    now.getHours() * 60 + now.getMinutes();

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

  const format = (h, m) =>
    `${h}:${String(m).padStart(2,'0')}`;

  const startStr = format(startHour, startMin);
  const endStr   = format(endHour, endMin);

  if (
    nowMinutes < startMinutes ||
    nowMinutes >= endMinutes
  ) {

    link.classList.add("is-disabled");

    link.onclick = function(e){
      e.preventDefault();
    };

    link.textContent = t.disabled;

    msg.style.display = "block";

    msg.textContent =
      t.hours(startStr, endStr);

  } else {

    link.classList.remove("is-disabled");

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



<ul class="wp-block-list">
<li>−</li>



<li>−</li>



<li>−</li>
</ul>


<p><br />
<br />
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1757375766206!6m8!1m7!1skKSDMCBNHXkwgeR232my4g!2m2!1d33.40964850495713!2d133.3010432161949!3f270.22133081134905!4f6.086529666080864!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d34038.16611125441!2d133.2763721719687!3d33.40964664835817!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e490022d53339%3A0x5cd02d3c1d4a8448!2zSE9URUwgQVog6auY55-l6aCI5bSO5bqX!5e0!3m2!1sja!2sjp!4v1757375793001!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=ホテルAZ 高知須崎店&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="老闆的問候" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="使用者的聲音" class="wp-block-heading">住客評價</h3>



<!-- ▼▼▼ 利用者レビュー要約（繁体中文） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      來自外部網站的評論摘要
    </h3>

    <p class="min88-inn-review__text">
      根據多個旅遊預訂網站的評論，「具有AZ飯店特色的安心感」、「免費早餐、停車場和Wi-Fi」受到高度評價，設施齊全也獲得許多好評。評論中還常提到「價格始終如一、簡單明瞭」所帶來的安心感，以及「房間乾淨、必需的備品都準備齊全」所帶來的舒適體驗。<br>
特別是「高樓層的景色非常棒」、「早上能欣賞市區與遠山，晚上則能享受閃爍的夜景」等對視野的感動之聲也不少，充分展現了地理位置的魅力。對於泉質和天然溫泉Spa的評價也有出現，被視為能治癒旅途疲勞的重要元素。
    <br>
    </p>
    <p class="min88-inn-review__source">
※此摘要係根據外部網站的貼文由 AI 生成。評論內容為投稿者個人的感想與意見，並不代表本網站的評價。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        參考來源： Google地圖 / 樂天旅遊 / Jalan / Booking.com / TripAdvisor / Yahoo!旅遊 等
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>住宿＆放鬆空間 實葉土 (Inn Mihado)</title>
		<link>https://min88.jp/inn/zh/31686/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 19 May 2025 07:51:43 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<category><![CDATA[可線上預訂]]></category>
		<category><![CDATA[房東的話]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=31686</guid>

					<description><![CDATA[“ 整棟包租 – 靜謐療癒與自由時光 位於舊城區的安靜民宅改裝而成，每日僅接待一組、最多三位旅客，是喜歡在徒步 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      整棟包租 – 靜謐療癒與自由時光
    </h3>

    <p class="min88-inn-intro__text">
      位於舊城區的安靜民宅改裝而成，每日僅接待一組、最多三位旅客，是喜歡在徒步旅途中珍惜自我時光的理想選擇。設有IH爐、可煮五合米的電飯鍋及Wi-Fi，自炊與放鬆都能隨心所欲。雖然設備簡單，但需電話預約並現金先付、且不提供浴巾與牙刷，反而增添一點非日常的旅遊趣味。二樓還預備設置身體護理空間，貼心照顧走累的雙腳。這是一間能安靜陪伴並接納你旅途的溫暖住所。
    </p>
  </div>
</div>

<style>
/* ------- 外側ラッパ（左右余白） ------- */
.min88-inn-intro-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ------- 本体ボックス ------- */
.min88-inn-intro {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン */
.min88-inn-intro__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;
  pointer-events: none;
  font-weight: 700;  /* ← 太字 */
}

/* タイトル（色もここで上書き） */
.min88-inn-intro h3.min88-inn-intro__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;   /* ← タイトルの色 */
}

/* 本文（色を強制上書き） */
.min88-inn-intro p.min88-inn-intro__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;   /* ← ここを好きな色に */
}

/* 最後の段落だけ下余白を広げる */
.min88-inn-intro p.min88-inn-intro__text:last-of-type {
  margin-bottom: 20px;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .min88-inn-intro-wrap {
    padding: 0 3px;
  }
  .min88-inn-intro {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-intro__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-intro h3.min88-inn-intro__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-intro p.min88-inn-intro__text {
    font-size: 14px;
  }
}
</style>



<style data-wp-block-html="css">
.min88-yadokukan{
  max-width:1080px;
  margin:0 auto;
  padding:0 15px;
  box-sizing:border-box;
  font-family:system-ui,"Noto Sans JP",sans-serif;
  color:#222;

  --accent:#e60000;
  --muted:#d8d8d8;
  --text-muted:#777;
  --icon-size:52px;
}

.min88-yadokukan__card{
  margin:28px 0 20px;
  padding:38px 46px 36px;
  border-radius:13px;
  border:1px solid #efefef;
  background:#fcfcfc;
  box-shadow:0 10px 13px rgba(0,0,0,.15);
  box-sizing:border-box;
}

.min88-yadokukan__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:30px;
}

.min88-yadokukan__place{
  min-width:0;
}

.min88-yadokukan__place--right{
  text-align:right;
}

.min88-yadokukan__num{
  font-size:13px;
  font-weight:700;
  color:var(--text-muted);
  line-height:1.1;
  margin-bottom:2px;
  letter-spacing:.02em;
}

.min88-yadokukan__name{
  font-size:22px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

.min88-yadokukan__bar{
  display:grid;
  grid-template-columns:minmax(30px,var(--left,1fr)) auto minmax(30px,var(--right,1fr));
  align-items:center;
  gap:16px;
}

.min88-yadokukan__line{
  position:relative;
  height:6px;
  border-radius:999px;
}

.min88-yadokukan__line--left{
  background:var(--accent);
}

.min88-yadokukan__line--right{
  background:var(--muted);
}

.min88-yadokukan__km{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  font-size:14px;
  font-weight:700;
  color:#444;
  background:#fcfcfc;
  padding:0 6px;
  line-height:1;
  white-space:nowrap;
}

.min88-yadokukan__stay{
  width:var(--icon-size);
  height:var(--icon-size);
  border-radius:999px;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.min88-yadokukan__stay svg{
  width:25px;
  height:25px;
  fill:currentColor;
  display:block;
}

@media (max-width:768px){

  .min88-yadokukan{
    padding:0 3px;
    --icon-size:44px;
  }

  .min88-yadokukan__card{
    padding:30px 20px;
  }

  .min88-yadokukan__top{
    margin-bottom:26px;
  }

  .min88-yadokukan__num{
    font-size:12px;
  }

  .min88-yadokukan__name{
    font-size:20px;
  }

  .min88-yadokukan__km{
    font-size:12px;
    top:-16px;
  }

  .min88-yadokukan__bar{
    gap:10px;
  }
}
</style>

<script data-wp-block-html="js">
(function(){

  function toNum(v){
    if(v == null) return 0;
    const n = parseFloat(String(v).replace(/[^\d.]/g,""));
    return isNaN(n) ? 0 : n;
  }

  function formatKm(v){
    return toNum(v).toFixed(1);
  }

  function houseSvg(){
    return `
      <svg viewBox="0 0 24 24" aria-hidden="true">
        <path d="M12 3.2 2.7 11a1 1 0 0 0 1.3 1.5l.9-.7V20a1 1 0 0 0 1 1h4.5v-5.5h3.2V21H19a1 1 0 0 0 1-1v-8.2l.9.7a1 1 0 1 0 1.3-1.5L12 3.2z"/>
      </svg>
    `;
  }

  function buildOne(el){

    if(!el || el.dataset.rendered === "1") return;
    el.dataset.rendered = "1";

    const lNum  = el.dataset.lnum || "";
    const lName = el.dataset.lname || "";
    const lKm   = toNum(el.dataset.lkm);

    const rNum  = el.dataset.rnum || "";
    const rName = el.dataset.rname || "";
    const rKm   = toNum(el.dataset.rkm);

    const card = document.createElement("div");
card.className = "min88-yadokukan__card";

card.style.setProperty("--left", (lKm || 1) + "fr");
card.style.setProperty("--right", (rKm || 1) + "fr");

    card.innerHTML = `
      <div class="min88-yadokukan__top">

        <div class="min88-yadokukan__place">
          <div class="min88-yadokukan__num">#${lNum}</div>
          <div class="min88-yadokukan__name">${lName}</div>
        </div>

        <div class="min88-yadokukan__place min88-yadokukan__place--right">
          <div class="min88-yadokukan__num">#${rNum}</div>
          <div class="min88-yadokukan__name">${rName}</div>
        </div>

      </div>

      <div class="min88-yadokukan__bar">

        <div class="min88-yadokukan__line min88-yadokukan__line--left">
          ${lKm > 0 ? `<span class="min88-yadokukan__km">${formatKm(lKm)}km</span>` : ""}
        </div>

        <div class="min88-yadokukan__stay" aria-label="宿">
          ${houseSvg()}
        </div>

        <div class="min88-yadokukan__line min88-yadokukan__line--right">
          ${rKm > 0 ? `<span class="min88-yadokukan__km">${formatKm(rKm)}km</span>` : ""}
        </div>

      </div>
    `;

    el.replaceWith(card);
  }

  function buildAll(root){
    (root || document)
      .querySelectorAll(".min88-yadokukan__item[data-lnum]")
      .forEach(buildOne);
  }

  function init(){
    buildAll(document);
    setTimeout(()=>buildAll(document),300);
  }

  if(document.readyState === "loading"){
    document.addEventListener("DOMContentLoaded",init);
  }else{
    init();
  }

})();
</script>

<div class="min88-yadokukan">
  <div class="min88-yadokukan__item" data-lnum="36" data-lname="青龍寺" data-lkm="24.8" data-rkm="31.8" data-rnum="37" data-rname="岩本寺"> </div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="写真ツアー" class="wp-block-heading">瀏覽相片</h3>



<style data-wp-block-html="css">
.min88-photo-tour{
  max-width:1200px;
  margin:30px auto 18px;
  overflow:hidden;
  border-radius:22px;
}

.min88-photo-tour__track{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:220px 220px;
  gap:6px;
}

.min88-photo-tour__item{
  position:relative;
  overflow:hidden;
  background:#f3f3f3;
  cursor:pointer;
}

.min88-photo-tour__main{
  grid-row:1 / span 2;
}

.min88-photo-tour__extra{
  display:none;
}

.min88-photo-tour.is-expanded{
  overflow:visible;
  border-radius:0;
}

.min88-photo-tour.is-expanded .min88-photo-tour__track{
  grid-template-columns:repeat(4, 1fr);
  grid-template-rows:none;
}

.min88-photo-tour.is-expanded .min88-photo-tour__item{
  height:210px;
  border-radius:16px;
}

.min88-photo-tour.is-expanded .min88-photo-tour__main{
  grid-row:auto;
}

.min88-photo-tour.is-expanded .min88-photo-tour__extra{
  display:block;
}

.min88-photo-tour__item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:filter .25s ease, transform .25s ease;
}

@media (min-width:769px){
  .min88-photo-tour__item:hover img{
    filter:brightness(0.88);
    transform:scale(1.02);
  }
}

.min88-photo-tour-more{
  display:block;
  margin:0 auto 50px;
  padding:12px 24px;
  border:none;
  border-radius:999px;
  background:#f1f1f1;
  color:#111;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
}

.min88-photo-tour-more:hover{
  background:#e5e5e5;
}

@media (max-width:768px){
  .min88-photo-tour{
    width:calc(100% - 6px);
    height:68vw;
    max-height:420px;
    min-height:230px;
    max-width:none;
    margin:18px auto 24px;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:0;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .min88-photo-tour::-webkit-scrollbar{
    display:none;
  }

  .min88-photo-tour__track{
    display:flex;
    gap:14px;
    height:100%;
  }

  .min88-photo-tour__item,
  .min88-photo-tour__main,
  .min88-photo-tour.is-expanded .min88-photo-tour__item{
    flex:0 0 100%;
    width:100%;
    height:100%;
    border-radius:22px;
    grid-row:auto;
    scroll-snap-align:start;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
  }

  .min88-photo-tour__extra{
    display:block;
  }

  .min88-photo-tour__item img{
    transition:none;
  }

  .min88-photo-tour__item::after{
    content:attr(data-count);
    position:absolute;
    right:14px;
    bottom:14px;
    padding:6px 12px;
    border-radius:10px;
    background:rgba(0,0,0,.68);
    color:#fff;
    font-size:15px;
    font-weight:700;
    z-index:10;
  }

  .min88-photo-tour-more{
    display:none;
  }
}

.min88-photo-tour-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.82);
  padding:5vh 5vw;
  box-sizing:border-box;
}

.min88-photo-tour-modal.is-active{
  display:flex;
}

.min88-photo-tour-modal img{
  max-width:90vw;
  max-height:90vh;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  border-radius:14px;
}

.min88-photo-tour-modal__close{
  position:absolute;
  top:18px;
  right:22px;
  width:44px;
  height:44px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  font-size:30px;
  cursor:pointer;
}
</style>

<script data-wp-block-html="js">
(function(){

  function init(){
    const gallery = document.querySelector('.min88-photo-tour');
    if (!gallery) return;

    const items = Array.from(gallery.querySelectorAll('.min88-photo-tour__item'));
    const total = items.length;
    const moreBtn = document.querySelector('.min88-photo-tour-more');

    let touchStartX = 0;
    let touchMoved = false;

    items.forEach(function(item, index){
      item.setAttribute('data-count', (index + 1) + ' / ' + total);
    });

    if (moreBtn) {
      moreBtn.textContent = 'View all photos (' + total + ')';

      moreBtn.addEventListener('click', function(){
        const expanded = gallery.classList.toggle('is-expanded');
        moreBtn.textContent = expanded
          ? 'Close photos'
          : 'View all photos (' + total + ')';
      });
    }

    gallery.addEventListener('touchstart', function(e){
      touchStartX = e.touches[0].clientX;
      touchMoved = false;
    }, { passive:true });

    gallery.addEventListener('touchmove', function(e){
      const diff = Math.abs(e.touches[0].clientX - touchStartX);
      if (diff > 8) touchMoved = true;
    }, { passive:true });

    let modal = document.querySelector('.min88-photo-tour-modal');

    if (!modal) {
      modal = document.createElement('div');
      modal.className = 'min88-photo-tour-modal';
      modal.innerHTML =
        '<button type="button" class="min88-photo-tour-modal__close">×</button>' +
        '<img decoding="async" src="" alt="">';
      document.body.appendChild(modal);
    }

    const modalImg = modal.querySelector('img');
    const closeBtn = modal.querySelector('.min88-photo-tour-modal__close');

    items.forEach(function(item){
      item.addEventListener('click', function(){
        if (touchMoved) return;

        const img = item.querySelector('img');
        if (!img) return;

        modalImg.src = img.currentSrc || img.src;
        modalImg.alt = img.alt || '';
        modal.classList.add('is-active');
        document.body.style.overflow = 'hidden';
      });
    });

    function closeModal(){
      modal.classList.remove('is-active');
      modalImg.src = '';
      document.body.style.overflow = '';
    }

    closeBtn.addEventListener('click', closeModal);

    modal.addEventListener('click', function(e){
      if (e.target === modal) closeModal();
    });
  }

  setTimeout(init, 300);

})();
</script>

<div class="min88-photo-tour">
  <div class="min88-photo-tour__track">
    <div class="min88-photo-tour__item min88-photo-tour__main"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00002.jpg.webp" alt="Photo 1"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00005.jpg.webp" alt="Photo 2"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00001.jpg.webp" alt="Photo 3"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00004.jpg.webp" alt="Photo 4"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00003.jpg.webp" alt="Photo 5"></div>
  </div>
</div>

<button type="button" class="min88-photo-tour-more">
  View all photos
</button>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;　-->
<div class="min88-basicdata-pack">
  <textarea class="min88-basicdata-kv" aria-hidden="true"># ===== 基本情報（台湾版） =====
address   = 高知縣須崎市濱町2-5-7
tel       = 080-5518-0550|接待時間：8:00-21:00
website   = https://neccosora.net/retreat/
parking   = 無|※距離旅宿步行3分鐘處設有「海之町停車場（海のまち駐車場）」。|- 平日：200日圓／24小時|- 週末及國定假日：300日圓／24小時
rooms     = 1間
price     = 僅住宿：|（1人入住）5,000日圓 ※1|（2人入住）每人4,500日圓（共9,000日圓） ※1|（3人入住）每人4,000日圓（共12,000日圓） ※1|含早餐：未設定|含晚餐：未設定|含早晚餐：未設定|| ※1. 顯示房價會因入住日期及預訂方式而有所變動。
checkin   = 15:00以後（若需提前入住，請事先來電聯繫）
checkout  = 基本為10:00前
wifi      = 有
laundry   = 洗衣機：免費|烘乾機：無|
※步行5分鐘的地方有投幣式自助洗衣店。
payment   = 現金：可以|信用卡：不可|電子支付：可

# ===== 電子マネー（#を削除） =====
emoney = Jimopay（地方社區貨幣）



  </textarea>

  <div class="min88-basicdata-out" aria-label="宿の基本情報"></div>

  <p class="min88-basicdata-note">
    ※無法保證目前的營業狀況。入住時請直接聯繫住宿設施。
  </p>

  <div class="min88-basicdata-spacer"></div>
</div>

<style>
/* 入力テキストは非表示 */
.min88-basicdata-pack .min88-basicdata-kv{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}

/* ===== 行UI ===== */
.min88-basicdata-pack .basic-data{
  display:flex;
  align-items:flex-start;
  gap:26px;
  padding:14px 8px;
  border-bottom:1px solid rgba(0,0,0,0.12);
}

.min88-basicdata-pack .basic-data__icon{
  flex:0 0 44px;
  width:44px;
  display:flex;
  justify-content:center;
  padding-top:2px;
}

.min88-basicdata-pack .basic-data__icon img{
  max-width:26px;
  max-height:26px;
}

/* 料金・WiFiだけ小さく */
.min88-basicdata-pack .basic-data__icon img[src*="/price.png"],
.min88-basicdata-pack .basic-data__icon img[src*="/wifi.png"]{
  max-width:20px;
  max-height:20px;
  margin-top:3px;
}

.min88-basicdata-pack .basic-data__text{
  flex:1;
  font-size:13.5px;
  line-height:1.7;
  margin-top:4px;
  word-break:break-word;
}

/* 注意文 */
.min88-basicdata-pack .min88-basicdata-note{
  margin:10px 8px 0;
  font-size:12px;
  line-height:1.4;
  color:rgba(0,0,0,0.55);
}

/* 50pxスペース */
.min88-basicdata-pack .min88-basicdata-spacer{
  height:50px;
}

/* ===== 電子マネー（折りたたみ） ===== */
.min88-basicdata-pack .min88-emoney{
  margin-top:6px;
}

/* 標準マーカー削除 */
.min88-basicdata-pack .min88-emoney summary{ list-style:none; }
.min88-basicdata-pack .min88-emoney summary::-webkit-details-marker{ display:none; }

/* トリガー */
.min88-basicdata-pack .min88-emoney summary{
  cursor:pointer;
  user-select:none;
  font-size:12.5px;
  color:#1a73e8;
}

/* 左側の&#x25b6; ▼だけ表示 */
.min88-basicdata-pack .min88-emoney summary:before{ content:"&#x25b6; "; }
.min88-basicdata-pack .min88-emoney[open] summary:before{ content:"▼ "; }

/* リスト */
.min88-basicdata-pack .min88-emoney-list{
  margin:8px 0 0;
  padding:0;
  list-style:none;
}
.min88-basicdata-pack .min88-emoney-list li{
  font-size:12.5px;
  line-height:1.55;
  margin:0 0 4px;
}
.min88-basicdata-pack .min88-emoney-list li:before{
  content:"・ ";
}
</style>

<script>
(function(){
  const ICON = {
    address  : 'https://min88.jp/inn/wp-content/uploads/2026/02/address.png',
    tel      : 'https://min88.jp/inn/wp-content/uploads/2026/02/telephone.png',
    website  : 'https://min88.jp/inn/wp-content/uploads/2026/02/website.png',
    parking  : 'https://min88.jp/inn/wp-content/uploads/2026/02/carparking.png',
    rooms    : 'https://min88.jp/inn/wp-content/uploads/2026/02/rooms.png',
    price    : 'https://min88.jp/inn/wp-content/uploads/2026/02/price.png',
    check    : 'https://min88.jp/inn/wp-content/uploads/2026/02/check.png',
    wifi     : 'https://min88.jp/inn/wp-content/uploads/2026/02/wifi.png',
    laundry  : 'https://min88.jp/inn/wp-content/uploads/2026/02/laundry.png',
    payment  : 'https://min88.jp/inn/wp-content/uploads/2026/02/payment.png'
  };

  const ORDER = ['address','tel','website','parking','rooms','price','check','wifi','laundry','payment'];

  function esc(s){
    return String(s ?? '')
      .replace(/&/g,'&amp;')
      .replace(/</g,'&lt;')
      .replace(/>/g,'&gt;')
      .replace(/"/g,'&quot;')
      .replace(/'/g,'&#39;');
  }

  function parseKV(text){
    const obj = {};
    text.split('\n').forEach(line=>{
      const t = line.trim();
      if(!t || t.startsWith('#')) return;
      const i = t.indexOf('=');
      if(i === -1) return;
      obj[t.slice(0,i).trim()] = t.slice(i+1).trim();
    });
    return obj;
  }

  /* 全項目共通：| を <br> に（何段でもOK） */
  function brPipeAny(v){
    return esc(v).replace(/\|/g,'<br>');
  }

  function row(iconKey, html){
    return `
      <div class="basic-data">
        <div class="basic-data__icon">
          <img decoding="async" src="${ICON[iconKey]}" alt="">
        </div>
        <div class="basic-data__text">${html}</div>
      </div>
    `;
  }

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>查看支援品牌</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

  /* ★ website：表示は短く（example.com）、リンク先はフルURL */
  function ensureUrl(raw){
    const s = String(raw || '').trim();
    if(!s) return '';
    if(/^https?:\/\//i.test(s)) return s;
    // example.com のような入力でもリンク切れしないように
    return 'https://' + s;
  }

  function displayHost(raw){
    const url = ensureUrl(raw);
    try{
      const u = new URL(url);
      return esc(u.host); // example.com / www.example.jp
    }catch(e){
      return esc(raw); // 解析できなければそのまま表示
    }
  }

  function websiteHtml(v){
    const parts = String(v || '').split('|').map(s=>s.trim()).filter(Boolean);
    return parts.map(p=>{
      const href = ensureUrl(p);
      const safeHref = esc(href);
      const label = displayHost(p);
      // URLっぽくない文字列（補足）も許容
      if(!p) return '';
      if(/^[^\s]+\.[^\s]+/.test(p)){ // ドメインっぽい場合はリンク化
        return `<a href="${safeHref}" target="_blank" rel="noopener">${label}</a>`;
      }
      return esc(p);
    }).filter(Boolean).join('<br>');
  }

  document.querySelectorAll('.min88-basicdata-pack').forEach(root=>{
    if(root.dataset.rendered) return;

    const txt = root.querySelector('.min88-basicdata-kv');
    const out = root.querySelector('.min88-basicdata-out');
    if(!txt || !out) return;

    const data = parseKV(txt.value);
    let html = '';

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `入住時間：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `退房時間：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

      if(k === 'website' && data.website){
        html += row('website', websiteHtml(data.website));
        return;
      }

      if(k === 'payment' && data.payment){
        html += row('payment', brPipeAny(data.payment) + buildEmoney(data.emoney));
        return;
      }

      if(!data[k]) return;

      html += row(k, brPipeAny(data[k]));
    });

    out.innerHTML = html;
    root.dataset.rendered = '1';
  });
})();
</script>



    <div
        id="min88-japan-time-19691"
        style="text-align:center; font-family:system-ui, sans-serif;"
        data-title="日本時間"
        data-early-morning="現在日本是清晨。"
        data-morning="現在日本是早上。"
        data-daytime="現在日本是白天。"
        data-evening="現在日本是傍晚。"
        data-night="現在日本是晚上。"
        data-late-night="現在日本是深夜。"
    >

        <!-- 日本時間 -->
        <div
            class="min88-japan-time-clock"
            style="
                font-weight:700;
                font-size:1.1rem;
                line-height:1.1;
            "
        ></div>

        <!-- 時間帯案内 -->
        <div
            class="min88-japan-time-period"
            style="
                font-weight:600;
                color:#d32f2f;
                font-size:0.8rem;
                margin-top:-2px;
            "
        ></div>

    </div>


    <script>
    (function () {

        const wrapper =
            document.getElementById(
                "min88-japan-time-19691"            );

        if (!wrapper) {
            return;
        }

        const clockEl =
            wrapper.querySelector(
                '.min88-japan-time-clock'
            );

        const periodEl =
            wrapper.querySelector(
                '.min88-japan-time-period'
            );

        let showColon = true;


        // =================================================
        // 日本時間による時間帯判定
        // =================================================

        function getPeriod(hour) {

            // 05:00〜06:59
            if (hour >= 5 && hour < 7) {
                return {
                    icon: '&#x1f305;',
                    text: wrapper.dataset.earlyMorning
                };
            }

            // 07:00〜10:59
            if (hour >= 7 && hour < 11) {
                return {
                    icon: '&#x1f413;',
                    text: wrapper.dataset.morning
                };
            }

            // 11:00〜15:59
            if (hour >= 11 && hour < 16) {
                return {
                    icon: '&#x1f31e;',
                    text: wrapper.dataset.daytime
                };
            }

            // 16:00〜17:59
            if (hour >= 16 && hour < 18) {
                return {
                    icon: '&#x1f307;',
                    text: wrapper.dataset.evening
                };
            }

            // 18:00〜21:59
            if (hour >= 18 && hour < 22) {
                return {
                    icon: '&#x1f319;',
                    text: wrapper.dataset.night
                };
            }

            // 22:00〜04:59
            return {
                icon: '&#x1f319;',
                text: wrapper.dataset.lateNight
            };
        }


        // =================================================
        // 時計更新
        // =================================================

        function tick() {

            const now = new Date();

            const options = {
                timeZone: 'Asia/Tokyo',
                hour12: false,
                hour: '2-digit',
                minute: '2-digit'
            };

            const fmt =
                new Intl.DateTimeFormat(
                    'en-US',
                    options
                );

            const parts =
                fmt.formatToParts(now);

            const hour =
                parseInt(
                    parts.find(
                        p => p.type === 'hour'
                    ).value,
                    10
                );

            const minute =
                parts.find(
                    p => p.type === 'minute'
                ).value;

            const colon =
                `<span style="opacity:${showColon ? 1 : 0};">:</span>`;

            const period =
                getPeriod(hour);

            clockEl.innerHTML =
                `${wrapper.dataset.title}: ` +
                `${String(hour).padStart(2, '0')}` +
                `${colon}${minute} JST ` +
                `${period.icon}`;

            periodEl.textContent =
                period.text;

            showColon = !showColon;
        }


        // 初回表示
        tick();

        // 1秒ごとに更新
        setInterval(
            tick,
            1000
        );

    })();
    </script>

    



    <div class="min88-reservation-area">

        <div class="min88-reservation-btn">

            
        <div
            class="min88-reservation-btn__link min88-reserve-button min88-reserve-button--disabled"
            role="status"
            aria-live="polite"
        >
            <span class="min88-reservation-btn__text">暫停接受預訂</span>
        </div>
        </div>

        <div class="min88-reservation-copy">

            系統維護完成後將恢復接受預訂。
        </div>

    </div>


    

    <style>

    /* ========================================================
       予約ボタンエリア
       ======================================================== */

    .min88-reservation-area{
        text-align:center;
    }


    /* ========================================================
       通常位置のボタン
       ======================================================== */

    .min88-reservation-btn{
        width:75%;
        margin:0 auto;
        padding-bottom:8px;
        display:flex;
        justify-content:center;
    }


    /* ========================================================
       通常・追従ボタン共通
       ======================================================== */

    .min88-reserve-button{
        display:block;
        box-sizing:border-box;
        padding:19.5px 0;
        border-radius:100px;
        text-align:center;
        text-decoration:none !important;
        color:#fff !important;
        font-size:16px;
        line-height:1.2;

        background:linear-gradient(
            90deg,
            #E4455C 0%,
            #D83A5F 50%,
            #C62B66 100%
        );

        box-shadow:
            0 8px 18px -2px
            rgba(60,60,60,0.32);
    }


    /* ========================================================
       受付中：ホバー
       ======================================================== */

    a.min88-reserve-button:hover{
        filter:brightness(1.12);
    }


    /* ========================================================
       受付中：クリック時
       ======================================================== */

    a.min88-reserve-button:active{
        filter:brightness(.96);
    }


    /* ========================================================
       通常位置のボタン専用
       ======================================================== */

    .min88-reservation-btn__link{
        width:100%;
        font-weight:500;
        transition:filter .3s ease;
    }


    /* ========================================================
       ボタン下の説明文
       ======================================================== */

    .min88-reservation-copy{
        font-size:14px;
        font-weight:600;
        color:#000;
        line-height:1.8;
        margin:0 0 24px;
    }


    /* ========================================================
       受付停止中
       ======================================================== */

    .min88-reserve-button.min88-reserve-button--disabled{
        cursor:default;

        background:#929292 !important;

        box-shadow:
            0 5px 12px -2px
            rgba(60,60,60,0.22);

        animation:none !important;
        filter:none !important;
        user-select:none;
    }


    /* ========================================================
       スマホ追従ボタン
       ※受付中の場合のみHTML自体が出力されます
       ======================================================== */

    .min88-floating-reserve-center{
        position:fixed;

        left:50%;
        bottom:15px;

        transform:translateX(-50%);

        z-index:999999;

        width:74%;
        max-width:420px;

        font-weight:600;

        animation:
            min88-shake .5s ease .8s 1;
    }


    .min88-floating-reserve-center:active{
        transform:
            translateX(-50%)
            translateY(1px);
    }


    /* ========================================================
       スマホ追従ボタンの初回アニメーション
       ======================================================== */

    @keyframes min88-shake{

        0%{
            transform:
                translateX(-50%)
                translateX(0);
        }

        20%{
            transform:
                translateX(-50%)
                translateX(-3px);
        }

        40%{
            transform:
                translateX(-50%)
                translateX(3px);
        }

        60%{
            transform:
                translateX(-50%)
                translateX(-2px);
        }

        80%{
            transform:
                translateX(-50%)
                translateX(2px);
        }

        100%{
            transform:
                translateX(-50%)
                translateX(0);
        }
    }


    /* ========================================================
       スマホ
       ======================================================== */

    @media (max-width:768px){

        .min88-reservation-btn{
            width:83%;
        }

    }


    /* ========================================================
       PC・タブレット
       追従ボタンは非表示
       ======================================================== */

    @media (min-width:769px){

        .min88-floating-reserve-center{
            display:none !important;
        }

    }

    </style>

    



    <div class="min88-response-badge">

        <img decoding="async"
            src="https://min88.jp/inn/wp-content/uploads/2026/08/wing_l.png"
            alt=""
            class="min88-response-badge__wing"
        >

        <div class="min88-response-badge__body">

            <div class="min88-response-badge__title">
                這位房東平均                <span class="min88-response-badge__time">
                    1小時                </span>
                回覆            </div>

            <div class="min88-response-badge__sub">
                不含清晨及深夜時段            </div>

        </div>

        <img decoding="async"
            src="https://min88.jp/inn/wp-content/uploads/2026/08/wing_r.png"
            alt=""
            class="min88-response-badge__wing"
        >

    </div>

    <style>

    .min88-response-badge,
    .min88-response-badge *{
        box-sizing:border-box;
    }

    /* 全体 */
    .min88-response-badge{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:4px;
        width:100%;
        margin:14px 0;
    }

    /* 中央部分 */
    .min88-response-badge__body{
        display:flex;
        flex-direction:column;
        align-items:center;
        line-height:1.2;
        text-align:center;
    }

    /* 左右の装飾 */
    .min88-response-badge__wing{
        width:26px;
        height:auto;
        display:block;
        flex-shrink:0;
        opacity:0.45;
    }

    /* メイン */
    .min88-response-badge__title{
        font-size:15px;
        font-weight:400;
        color:#888;
        letter-spacing:.02em;
        white-space:nowrap;
    }

    /* 回答時間部分だけ少し強調 */
    .min88-response-badge__time{
        font-weight:600;
    }

    /* サブ */
    .min88-response-badge__sub{
        margin-top:3px;
        font-size:11px;
        font-weight:400;
        color:#777;
        letter-spacing:.02em;
    }

    /* スマホ */
    @media (max-width:768px){

        .min88-response-badge{
            gap:3px;
            margin:12px 0;
        }

        .min88-response-badge__wing{
            width:22px;
        }

        .min88-response-badge__title{
            font-size:14px;
            white-space:normal;
        }

        .min88-response-badge__time{
            font-weight:600;
        }

        .min88-response-badge__sub{
            margin-top:3px;
            font-size:10.5px;
        }

    }

    </style>

    



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<!-- ▼▼▼ &#x1f310; この宿を応援するボタン ▼▼▼ -->
<div class="min88-donation-area">

  <div class="min88-donation-btn">

    <a
      class="min88-donation-btn__link"
      href="3/"
      onclick="logAndGoDonate(event, this.href)"
      target="_blank"
      rel="noopener"
    >

      <!-- ￥入りハートアイコン -->
      <span class="min88-donation-yenheart" aria-hidden="true">
        <span class="min88-donation-yenheart__shape"></span>
        <span class="min88-donation-yenheart__yen">¥</span>
      </span>


      <!-- ホバー時に飛ぶハート -->
      <span class="min88-donation-btn__heart-wrap" aria-hidden="true">
        <span class="min88-donation-btn__heart"></span>
        <span class="min88-donation-btn__heart"></span>
        <span class="min88-donation-btn__heart"></span>
      </span>


      <!-- ボタン文字 -->
      <span class="min88-donation-btn__text">
        この宿を応援する
      </span>

    </a>

  </div>


  <!-- ボタン下 -->
  <div class="min88-donation-copy">
    500円から寄付できます
  </div>

</div>


<style>

/* =====================================================
   全体
===================================================== */

.min88-donation-area{
  text-align:center;
}


/* =====================================================
   ボタン外枠
===================================================== */

.min88-donation-btn{
  width:40%;
  max-width:420px;
  margin:0 auto;
  padding-bottom:8px;

  display:flex;
  justify-content:center;
}


/* =====================================================
   ボタン
===================================================== */

.min88-donation-btn__link{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  width:100%;
  padding:19.5px 18px;

  border-radius:100px;

  text-align:center;
  text-decoration:none !important;

  color:#fff !important;

  font-size:16px;
  font-weight:500;
  line-height:1.2;

  background:
    linear-gradient(
      90deg,
      #3a3a3a 0%,
      #2a2a2a 45%,
      #141414 100%
    );

  box-shadow:
    0 8px 18px -2px rgba(40,40,40,0.35);

  transition:
    filter .3s ease,
    transform .2s ease;

  position:relative;
  overflow:visible;
}

.min88-donation-btn__link:hover{
  filter:brightness(1.18);
}

.min88-donation-btn__link:active{
  filter:brightness(.96);
  transform:translateY(1px);
}


/* =====================================================
   ￥入りハート
===================================================== */

.min88-donation-yenheart{
  position:relative;

  width:21px;
  height:17px;

  flex:0 0 21px;

  display:inline-block;
}


/* ハート本体 */

.min88-donation-yenheart__shape{
  position:absolute;

  width:15px;
  height:15px;

  left:3px;
  top:3px;

  background:#fff;

  border-radius:2px;

  transform:rotate(45deg);
}

.min88-donation-yenheart__shape::before,
.min88-donation-yenheart__shape::after{
  content:"";

  position:absolute;

  width:15px;
  height:15px;

  background:#fff;

  border-radius:50%;
}

.min88-donation-yenheart__shape::before{
  top:-7.5px;
  left:0;
}

.min88-donation-yenheart__shape::after{
  top:0;
  left:-7.5px;
}


/* =====================================================
   ￥
===================================================== */

.min88-donation-yenheart__yen{
  position:absolute;

  left:0;
  top:0;

  width:22px;
  height:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#252525;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:16px;
  font-weight:900;
  line-height:1;

  z-index:2;
}


/* =====================================================
   ボタン文字
===================================================== */

.min88-donation-btn__text{
  position:relative;
  z-index:2;

  white-space:nowrap;
}


/* =====================================================
   ボタン下説明
===================================================== */

.min88-donation-copy{
  font-size:14px;
  font-weight:600;
  color:#000;
  line-height:1.8;
  margin:0 0 24px;
}


/* =====================================================
   ホバー時に飛ぶハート
===================================================== */

.min88-donation-btn__heart-wrap{
  position:absolute;
  inset:0;

  pointer-events:none;
}

.min88-donation-btn__heart{
  position:absolute;

  width:14px;
  height:14px;

  background:#ff2d9a;

  opacity:0;

  transform:rotate(45deg);

  border-radius:3px;
}

.min88-donation-btn__heart::before,
.min88-donation-btn__heart::after{
  content:"";

  position:absolute;

  width:14px;
  height:14px;

  background:#ff2d9a;

  border-radius:50%;
}

.min88-donation-btn__heart::before{
  top:-7px;
  left:0;
}

.min88-donation-btn__heart::after{
  top:0;
  left:-7px;
}

.min88-donation-btn__heart:nth-child(1){
  left:46%;
  top:36%;
}

.min88-donation-btn__heart:nth-child(2){
  left:58%;
  top:40%;
}

.min88-donation-btn__heart:nth-child(3){
  left:34%;
  top:41%;
}

.min88-donation-btn__link:hover
.min88-donation-btn__heart{
  animation:
    min88-heart
    2s
    ease-out
    infinite;
}

.min88-donation-btn__heart:nth-child(2){
  animation-delay:.2s;
}

.min88-donation-btn__heart:nth-child(3){
  animation-delay:.7s;
}


@keyframes min88-heart{

  0%{
    transform:
      translate(0,0)
      rotate(45deg)
      scale(.7);

    opacity:0;
  }

  20%{
    opacity:.9;
  }

  60%{
    transform:
      translate(-6px,-30px)
      rotate(45deg)
      scale(1);

    opacity:.7;
  }

  100%{
    transform:
      translate(8px,-65px)
      rotate(45deg)
      scale(1.1);

    opacity:0;
  }
}


/* =====================================================
   スマホ
===================================================== */

@media (max-width:768px){

  /* 予約ボタンと同じ横幅 */
  .min88-donation-btn{
    width:83%;
    max-width:none;
  }

  .min88-donation-btn__link{
    gap:8px;
    padding:19.5px 18px;
  }

  .min88-donation-btn__text{
    white-space:nowrap;
  }

}

</style>


<script>

document.addEventListener(
  "DOMContentLoaded",
  function(){

    const lang =
      document.documentElement.lang || "ja";

    const texts =
      document.querySelectorAll(
        ".min88-donation-btn__text"
      );

    const copies =
      document.querySelectorAll(
        ".min88-donation-copy"
      );


    /* ===================================================
       ボタン
    =================================================== */

    texts.forEach(function(text){

      if (lang.startsWith("en")) {

        text.textContent =
          "Support this accommodation";

      } else if (lang.startsWith("zh")) {

        text.textContent =
          "支持這間住宿";

      } else {

        text.textContent =
          "この宿を応援する";

      }

    });


    /* ===================================================
       ボタン下
    =================================================== */

    copies.forEach(function(copy){

      if (lang.startsWith("en")) {

        copy.textContent =
          "You can donate from ¥500.";

      } else if (lang.startsWith("zh")) {

        copy.textContent =
          "可從500日圓起捐款。";

      } else {

        copy.textContent =
          "500円から寄付できます";

      }

    });

  }
);

</script>



<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



<ul class="wp-block-list">
<li>這是一間小型獨棟民宅，經過耐震改修後，於2025年1月底開業的「每日限定一組客人」的純住宿型民宿。</li>



<li>僅設有一間客房，可鋪設被褥，最多可容納3位住客。</li>



<li>不提供牙刷、刮鬍刀、電視、浴巾（提供每人2條免費的毛巾）。</li>



<li><code>支援地區貨幣「Jimopay」</code></li>
</ul>


<p><br />
<br />
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1747640747797!6m8!1m7!1sDeOiMWaBu454bcq7jdg_fw!2m2!1d33.38831059519646!2d133.2898925670186!3f168.1795123138947!4f-3.7910072412451825!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d48793.77942151186!2d133.25050428419274!3d33.386921831856796!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e4966b8a45ae9%3A0x58ca72ee91b19970!2z44GK5a6_77yG44Oq44Op44Kv44K844O844K344On44OzIOWun-iRieWcnyjjgb_jga_jgakpIC8gSW5uIE1paGFkbw!5e0!3m2!1sja!2sjp!4v1747640691625!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=お宿＆リラクゼーション 実葉土(みはど) / Inn Mihado&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00001.jpg.webp"><img fetchpriority="high" decoding="async" width="768" height="768" data-id="31666" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00001.jpg.webp" alt="" class="wp-image-31666"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00002.jpg.webp"><img decoding="async" width="768" height="512" data-id="31668" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00002.jpg.webp" alt="" class="wp-image-31668"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00003.jpg.webp"><img decoding="async" width="768" height="512" data-id="31667" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00003.jpg.webp" alt="" class="wp-image-31667"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00004.jpg.webp"><img decoding="async" width="960" height="689" data-id="31671" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00004.jpg.webp" alt="" class="wp-image-31671"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00005.jpg.webp"><img decoding="async" width="960" height="720" data-id="31670" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00005.jpg.webp" alt="" class="wp-image-31670"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00006.jpg-1.webp"><img decoding="async" width="600" height="400" data-id="31669" src="https://min88.jp/inn/wp-content/uploads/2025/05/mhd00006.jpg-1.webp" alt="" class="wp-image-31669"/></a></figure>
</figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="老闆的問候" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ オーナーよりご挨拶 ▼▼▼ -->
<div class="min88-owner-card-wrap">
  <div class="min88-owner-card">

    <!-- 上部：アバター＋宿名＋オーナー名 -->
    <div style="
      display:flex;
      align-items:center;
      gap:16px;
      margin-bottom:12px;
    ">
      <!-- アバター -->
      <div style="width:42px;height:42px;flex:0 0 42px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3" />
          <circle cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 宿名＋オーナー名 -->
      <div>
        <div style="font-size:15px;font-weight:600;color:#222;line-height:1.3;">
          住宿＆放鬆空間 實葉土 (Inn Mihado)
        </div>
        <div style="font-size:13px;color:#888;margin-top:2px;line-height:1.3;">
          Host
        </div>
      </div>
    </div>

    <!-- 挨拶本文 -->
    <p style="
        margin:5px 0 8px;
        font-size:14px;
        line-height:1.6;
        color:#444;
      ">
      這是一間於2025年1月底新開幕的「每日限定一組客人」的獨棟出租型純住宿民宿。<br>
住宿空間位於一樓，二樓則設有需預約的放鬆按摩空間。如有需求，歡迎您在預約住宿時一併告知。不過根據時間安排，可能無法提供按摩服務，敬請見諒。<br>
感謝您的理解與支持。
    </p>

  </div>
</div>

<style>
/* ▼ PC版：レビュー枠と同じ */
.min88-owner-card-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;   /* PC時 → レビューと同じ */
  box-sizing: border-box;
}

.min88-owner-card {
  margin: 25px 0 20px;
  padding: 20px 20px 10px 25px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  box-sizing: border-box;
}

/* ▼ スマホ版：左右余白をレビュー枠と完全一致（0 3px） */
@media (max-width: 768px) {
  .min88-owner-card-wrap {
    padding: 0 3px !important; /* ← これでレビュー枠と完全一致！ */
  }

  .min88-owner-card {
    padding: 20px 15px 12px 22px;
  }
}
</style>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="使用者的聲音" class="wp-block-heading">住客評價</h3>



<!-- ▼▼▼ 利用者レビュー要約（繁体中文） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      來自外部網站的評論摘要
    </h3>

    <p class="min88-inn-review__text">
      未找到任何評論或使用者留言。
    <br>
    </p>
    <p class="min88-inn-review__source">
※此摘要係根據外部網站的貼文由 AI 生成。評論內容為投稿者個人的感想與意見，並不代表本網站的評價。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        參考來源： Google地圖 / 樂天旅遊 / Jalan / Booking.com / TripAdvisor / Yahoo!旅遊 等
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>


]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>商務飯店鳥越 (Business Hotel Torigoe)</title>
		<link>https://min88.jp/inn/zh/30590/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 18 Sep 2024 04:12:34 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[別格05 大善寺]]></category>
		<category><![CDATA[別格二十靈場]]></category>
		<category><![CDATA[高知縣]]></category>
		<category><![CDATA[住客評價]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=30590</guid>

					<description><![CDATA[“ 越過青龍寺，融入城鎮氣息的小旅館 穿過第36番札所「青龍寺」，位於須崎町中心的「商務飯店鳥越 (Busin [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      越過青龍寺，融入城鎮氣息的小旅館
    </h3>

    <p class="min88-inn-intro__text">
      穿過第36番札所「青龍寺」，位於須崎町中心的「商務飯店鳥越 (Business Hotel Torigoe)」，靜靜地融入當地街巷。全館僅有6間和室與9間洋室，每間客房皆附有浴室與廁所，為走了一天的雙腳提供乾淨舒適的休憩空間。自2010年翻新後，旅館一直細心維護，散發出一種能讓旅人自然放鬆步調的溫柔氣息。館內備有停車場，住宿方案可從單純過夜到含早餐靈活選擇。若想暫離喧囂，在城鎮的靜謐中度過一夜，這裡是再合適不過的歇腳點。
    </p>
  </div>
</div>

<style>
/* ------- 外側ラッパ（左右余白） ------- */
.min88-inn-intro-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ------- 本体ボックス ------- */
.min88-inn-intro {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン */
.min88-inn-intro__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;
  pointer-events: none;
  font-weight: 700;  /* ← 太字 */
}

/* タイトル（色もここで上書き） */
.min88-inn-intro h3.min88-inn-intro__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;   /* ← タイトルの色 */
}

/* 本文（色を強制上書き） */
.min88-inn-intro p.min88-inn-intro__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;   /* ← ここを好きな色に */
}

/* 最後の段落だけ下余白を広げる */
.min88-inn-intro p.min88-inn-intro__text:last-of-type {
  margin-bottom: 20px;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .min88-inn-intro-wrap {
    padding: 0 3px;
  }
  .min88-inn-intro {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-intro__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-intro h3.min88-inn-intro__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-intro p.min88-inn-intro__text {
    font-size: 14px;
  }
}
</style>



<!-- ▼▼▼ 区間距離インジケータHTML ▼▼▼ -->
<div id="route-lines">
  <!-- 行を増やすときは .route-line を複製して data-* だけ変更 -->
  <div class="route-line"
       data-lnum="36"
       data-lname="青龍寺"
       data-lkm="23.4"

       data-rkm="32.2"
       data-rnum="37"
       data-rname="岩本寺"> </div>
</div>

<style>
/* ===== このブロック内だけに作用する見た目ノブ ===== */
#route-lines{
  font-family: system-ui, "Noto Sans JP", sans-serif;

  --marker-size: 22px;     /* 家アイコンの大きさ */
  --marker-color: #000;
  --line-thickness: 4px;   /* 線の太さ */
  --house-gap: 6px;        /* 家と線の間隔（左右同じ） */
  --label-gap: 1px;        /* 寺名と線の間隔（PC/スマホ共通） */

  --distance-font: 12px;   /* 距離ラベルの文字サイズ */
  --distance-top: -16px;   /* 距離ラベルの縦位置（マイナス＝上） */

  --left-color:  #e60000;  /* 左線：赤 */
  --right-color: #aaaaaa;  /* 右線：#aaa */

  /* 距離テキストが切れないための逃げ場（左右は最小限） */
  --clip-pad-x: 6px;
  --clip-pad-top: 28px;
}

/* 行ごとの上下余白（調整可） */
#route-lines .row{ margin:80px 0; }

/* はみ出し防止：横だけ隠し、縦は見せる。左右はセーフエリア込みで最小限 */
#route-lines .row-clip{
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  padding-inline-start: calc(env(safe-area-inset-left, 0px) + var(--clip-pad-x));
  padding-inline-end:   calc(env(safe-area-inset-right,0px) + var(--clip-pad-x));
  padding-top: var(--clip-pad-top);
}

/* 並び：家の左右ギャップは --house-gap で統一 */
#route-lines .line-wrap{ display:flex; align-items:center; gap: var(--house-gap); }

/* 寺ラベル（縦2行） */
#route-lines .label{
  display:flex; flex-direction:column; align-items:center;
  font-weight:700; line-height:1.2; white-space:nowrap; flex:0 0 auto;
}
/* 寺名と線の間隔（左右とも --label-gap） */
#route-lines .label.left  { padding-right: var(--label-gap); }
#route-lines .label.right { padding-left:  var(--label-gap); }

/* 線（距離比で伸縮：WPCodeのJSが --left / --right をセットします） */
#route-lines .line{
  position:relative; height:var(--line-thickness);
  min-width:16px; flex-basis:0; flex-grow:1; min-inline-size:0;
}
#route-lines .line.left  { flex-grow: var(--left);  background: var(--left-color);  }
#route-lines .line.right { flex-grow: var(--right); background: var(--right-color); }

/* 距離ラベル */
#route-lines .distance{
  position:absolute; top: var(--distance-top); left:50%; transform:translateX(-50%);
  font-size:var(--distance-font); background:#fff; padding:0 4px; line-height:1.2;
  color:#000; white-space:nowrap; pointer-events:none;
}

/* 家（宿） */
#route-lines .marker{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--marker-size); height:var(--marker-size); line-height:1;
  color: var(--marker-color); user-select:none; flex:0 0 auto;
}
#route-lines .marker svg{ width:100%; height:100%; display:block; fill: currentColor; }
</style>
<!-- ▲ ここまで（JSはWPCodeに置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;　-->
<div class="min88-basicdata-pack">
  <textarea class="min88-basicdata-kv" aria-hidden="true">
# ===== 基本情報（台湾版） =====
address   = 高知縣須崎市山手町49-1
tel       = 0889-42-8788|接待時間：8:00-20:00
website   = http://hoteltorigoe.web.fc2.com
parking   = 有
rooms     = 和式房：6間|洋式房：9間
price     = 僅住宿：4,800日圓起|含早餐：未確認|含晚餐：未確認|含早晚餐：未確認
checkin   = 16:00以後
checkout  = 9:00以前
wifi      = 未確認
laundry   = 洗衣機：未確認|烘乾機：未確認
payment   = 現金：可以|信用卡：未確認|電子支付：未確認

# ===== 電子支付（#を削除） =====
#emoney = QUICPay, iD, Suica／PASMO 等交通 IC 卡, nanaco、Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, au PAY, Merpay



  </textarea>

  <div class="min88-basicdata-out" aria-label="宿の基本情報"></div>

  <p class="min88-basicdata-note">
    ※無法保證目前的營業狀況。入住時請直接聯繫住宿設施。
  </p>

  <div class="min88-basicdata-spacer"></div>
</div>

<style>
/* 入力テキストは非表示 */
.min88-basicdata-pack .min88-basicdata-kv{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}

/* ===== 行UI ===== */
.min88-basicdata-pack .basic-data{
  display:flex;
  align-items:flex-start;
  gap:26px;
  padding:14px 8px;
  border-bottom:1px solid rgba(0,0,0,0.12);
}

.min88-basicdata-pack .basic-data__icon{
  flex:0 0 44px;
  width:44px;
  display:flex;
  justify-content:center;
  padding-top:2px;
}

.min88-basicdata-pack .basic-data__icon img{
  max-width:26px;
  max-height:26px;
}

/* 料金・WiFiだけ小さく */
.min88-basicdata-pack .basic-data__icon img[src*="/price.png"],
.min88-basicdata-pack .basic-data__icon img[src*="/wifi.png"]{
  max-width:20px;
  max-height:20px;
  margin-top:3px;
}

.min88-basicdata-pack .basic-data__text{
  flex:1;
  font-size:13.5px;
  line-height:1.7;
  margin-top:4px;
  word-break:break-word;
}

/* 注意文 */
.min88-basicdata-pack .min88-basicdata-note{
  margin:10px 8px 0;
  font-size:12px;
  line-height:1.4;
  color:rgba(0,0,0,0.55);
}

/* 50pxスペース */
.min88-basicdata-pack .min88-basicdata-spacer{
  height:50px;
}

/* ===== 電子マネー（折りたたみ） ===== */
.min88-basicdata-pack .min88-emoney{
  margin-top:6px;
}

/* 標準マーカー削除 */
.min88-basicdata-pack .min88-emoney summary{ list-style:none; }
.min88-basicdata-pack .min88-emoney summary::-webkit-details-marker{ display:none; }

/* トリガー */
.min88-basicdata-pack .min88-emoney summary{
  cursor:pointer;
  user-select:none;
  font-size:12.5px;
  color:#1a73e8;
}

/* 左側の&#x25b6; ▼だけ表示 */
.min88-basicdata-pack .min88-emoney summary:before{ content:"&#x25b6; "; }
.min88-basicdata-pack .min88-emoney[open] summary:before{ content:"▼ "; }

/* リスト */
.min88-basicdata-pack .min88-emoney-list{
  margin:8px 0 0;
  padding:0;
  list-style:none;
}
.min88-basicdata-pack .min88-emoney-list li{
  font-size:12.5px;
  line-height:1.55;
  margin:0 0 4px;
}
.min88-basicdata-pack .min88-emoney-list li:before{
  content:"・ ";
}
</style>

<script>
(function(){
  const ICON = {
    address  : 'https://min88.jp/inn/wp-content/uploads/2026/02/address.png',
    tel      : 'https://min88.jp/inn/wp-content/uploads/2026/02/telephone.png',
    website  : 'https://min88.jp/inn/wp-content/uploads/2026/02/website.png',
    parking  : 'https://min88.jp/inn/wp-content/uploads/2026/02/carparking.png',
    rooms    : 'https://min88.jp/inn/wp-content/uploads/2026/02/rooms.png',
    price    : 'https://min88.jp/inn/wp-content/uploads/2026/02/price.png',
    check    : 'https://min88.jp/inn/wp-content/uploads/2026/02/check.png',
    wifi     : 'https://min88.jp/inn/wp-content/uploads/2026/02/wifi.png',
    laundry  : 'https://min88.jp/inn/wp-content/uploads/2026/02/laundry.png',
    payment  : 'https://min88.jp/inn/wp-content/uploads/2026/02/payment.png'
  };

  const ORDER = ['address','tel','website','parking','rooms','price','check','wifi','laundry','payment'];

  function esc(s){
    return String(s ?? '')
      .replace(/&/g,'&amp;')
      .replace(/</g,'&lt;')
      .replace(/>/g,'&gt;')
      .replace(/"/g,'&quot;')
      .replace(/'/g,'&#39;');
  }

  function parseKV(text){
    const obj = {};
    text.split('\n').forEach(line=>{
      const t = line.trim();
      if(!t || t.startsWith('#')) return;
      const i = t.indexOf('=');
      if(i === -1) return;
      obj[t.slice(0,i).trim()] = t.slice(i+1).trim();
    });
    return obj;
  }

  /* 全項目共通：| を <br> に（何段でもOK） */
  function brPipeAny(v){
    return esc(v).replace(/\|/g,'<br>');
  }

  function row(iconKey, html){
    return `
      <div class="basic-data">
        <div class="basic-data__icon">
          <img decoding="async" src="${ICON[iconKey]}" alt="">
        </div>
        <div class="basic-data__text">${html}</div>
      </div>
    `;
  }

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>查看支援品牌</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

  /* ★ website：表示は短く（example.com）、リンク先はフルURL */
  function ensureUrl(raw){
    const s = String(raw || '').trim();
    if(!s) return '';
    if(/^https?:\/\//i.test(s)) return s;
    // example.com のような入力でもリンク切れしないように
    return 'https://' + s;
  }

  function displayHost(raw){
    const url = ensureUrl(raw);
    try{
      const u = new URL(url);
      return esc(u.host); // example.com / www.example.jp
    }catch(e){
      return esc(raw); // 解析できなければそのまま表示
    }
  }

  function websiteHtml(v){
    const parts = String(v || '').split('|').map(s=>s.trim()).filter(Boolean);
    return parts.map(p=>{
      const href = ensureUrl(p);
      const safeHref = esc(href);
      const label = displayHost(p);
      // URLっぽくない文字列（補足）も許容
      if(!p) return '';
      if(/^[^\s]+\.[^\s]+/.test(p)){ // ドメインっぽい場合はリンク化
        return `<a href="${safeHref}" target="_blank" rel="noopener">${label}</a>`;
      }
      return esc(p);
    }).filter(Boolean).join('<br>');
  }

  document.querySelectorAll('.min88-basicdata-pack').forEach(root=>{
    if(root.dataset.rendered) return;

    const txt = root.querySelector('.min88-basicdata-kv');
    const out = root.querySelector('.min88-basicdata-out');
    if(!txt || !out) return;

    const data = parseKV(txt.value);
    let html = '';

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `入住時間：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `退房時間：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

      if(k === 'website' && data.website){
        html += row('website', websiteHtml(data.website));
        return;
      }

      if(k === 'payment' && data.payment){
        html += row('payment', brPipeAny(data.payment) + buildEmoney(data.emoney));
        return;
      }

      if(!data[k]) return;

      html += row(k, brPipeAny(data[k]));
    });

    out.innerHTML = html;
    root.dataset.rendered = '1';
  });
})();
</script>


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    請避免在清晨或深夜來電。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };       // 朝
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };     // 昼
      return { icon: "&#x1f319;", label: "" };                                 // 夜
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('zh-TW', options);
      const parts = fmt.formatToParts(now);
      const hour = parseInt(parts.find(p => p.type === 'hour').value, 10);
      const minute = parts.find(p => p.type === 'minute').value;
      const colon = `<span style="opacity:${showColon ? 1 : 0};">:</span>`;
      const { icon, label } = getPeriod(hour);

      el.innerHTML = `日本時間：${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



<!-- ▼▼▼ &#x1f310;『電話で空室確認』テキストリンク ▼▼▼ -->

<div class="min88-phone-text-link">
  <a href="#" class="min88-phone-link" onclick="logAndCall(event, '0889-42-8788')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

<div class="min88-phone-time-msg"></div>

<style>
.min88-phone-text-link{
  text-align:center;
  padding-top:10px;
  margin-bottom:0;
}

/* ▼ 通常時（営業時間内） */
.min88-phone-text-link a,
.min88-phone-text-link a:visited,
.min88-phone-text-link a:hover,
.min88-phone-text-link a:active,
.min88-phone-text-link a:focus{
  color:#0066cc;
  font-size:16px;
  font-weight:500;
  text-decoration:none !important;
  border-bottom:1px solid #7fb3e6;
  padding-bottom:2px;
  transition:color .2s,border-color .2s;
}

/* ▼ hover時 */
.min88-phone-text-link a:hover{
  color:#004c99;
  border-bottom-color:#4d94d9;
}

/* ▼ 時間外 */
.min88-phone-link.is-disabled,
.min88-phone-link.is-disabled:visited,
.min88-phone-link.is-disabled:hover,
.min88-phone-link.is-disabled:active,
.min88-phone-link.is-disabled:focus{
  color:#aaa !important;
  border-bottom-color:#ddd !important;
  text-decoration:none !important;
  cursor:not-allowed;
  pointer-events:none;
}

.min88-phone-time-msg{
  display:none;
  margin:6px 0 18px;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  color:#666;
  text-align:center;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {

  const link = document.querySelector(".min88-phone-link");
  const msg = document.querySelector(".min88-phone-time-msg");

  if (!link || !msg) return;

  const lang = document.documentElement.lang || "ja";

  let langKey = "ja";

  if (lang.startsWith("en")) {

    langKey = "en";

  } else if (lang.startsWith("zh")) {

    langKey = "zh";

  }

  const textMap = {

    ja: {
      normal: "&#x260e; 電話で空室確認",
      disabled: "&#x260e; 電話対応時間外",
      hours: (s, e) => `受付時間 ${s}〜${e}`
    },

    en: {
      normal: "&#x260e; Check by Phone",
      disabled: "&#x260e; Outside Call Hours",
      hours: (s, e) => `Call hours ${s}–${e}`
    },

    zh: {
      normal: "&#x260e; 電話確認空房",
      disabled: "&#x260e; 非電話服務時間",
      hours: (s, e) => `服務時間 ${s}–${e}`
    }

  };

  const t = textMap[langKey];

  const startHour = 8;
  const startMin  = 0;
  const endHour   = 20;
  const endMin    = 0;

  const now = new Date();

  const nowMinutes =
    now.getHours() * 60 + now.getMinutes();

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

  const format = (h, m) =>
    `${h}:${String(m).padStart(2,'0')}`;

  const startStr = format(startHour, startMin);
  const endStr   = format(endHour, endMin);

  if (
    nowMinutes < startMinutes ||
    nowMinutes >= endMinutes
  ) {

    link.classList.add("is-disabled");

    link.onclick = function(e){
      e.preventDefault();
    };

    link.textContent = t.disabled;

    msg.style.display = "block";

    msg.textContent =
      t.hours(startStr, endStr);

  } else {

    link.classList.remove("is-disabled");

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



<ul class="wp-block-list">
<li>−</li>



<li>−</li>



<li>−</li>
</ul>


<p><br />
<br />
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1743031424689!6m8!1m7!1sDItClZCx7BytZZ256ZQB-w!2m2!1d33.40163694471381!2d133.2837224173277!3f248.3489650336539!4f10.447056296542584!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53293.30257054907!2d133.24250074473503!3d33.40156230080246!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e49248ba51733%3A0xa742788ad779b8b4!2z44OT44K444ON44K544Ob44OG44Or6bOl6LaK!5e0!3m2!1sja!2sjp!4v1743031386862!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=ビジネスホテル鳥越&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="老闆的問候" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="使用者的聲音" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ 利用者レビュー要約（繁体中文） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      來自外部網站的評論摘要
    </h3>

    <p class="min88-inn-review__text">
      許多旅客表示「炙烤鰹魚非常美味」、「房間乾淨、設備齊全，可以輕鬆休息」，在餐食滿意度與清潔度方面獲得特別高的評價。其他評論也提到「設施完善且舒適」、「房間打掃得很仔細」、「餐點很好吃」，展現了貼心周到的待客服務。雖然有部分旅客提到「沒有免治馬桶」、「備品較為基本」、「空調稍微有點老舊」，但整體而言，本館仍被高度評價為「滿意度高、能安心入住的商務飯店」。
    <br>
    </p>
    <p class="min88-inn-review__source">
※此摘要係根據外部網站的貼文由 AI 生成。評論內容為投稿者個人的感想與意見，並不代表本網站的評價。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        參考來源： Google地圖 / 樂天旅遊 / Jalan / Booking.com / TripAdvisor / Yahoo!旅遊 等
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>



<!-- ▼▼▼ 投稿レビュー ▼▼▼ -->
<div class="min88-guest-review-card-wrap">
  <div style="
      margin:25px 0 20px;
      padding:20px 22px 14px 25px;
      border-radius:13px;
      border:1px solid #efefef;
      background:#fcfcfc;
      box-shadow:0 10px 13px rgba(0,0,0,0.15);
      box-sizing:border-box;
    ">

    <!-- 上部：アバター + 星 + 日付 -->
    <div style="
        display:flex;
        align-items:center;
        gap:14px;
        margin-bottom:10px;
      ">

      <!-- アバター -->
      <div style="width:40px;height:40px;flex:0 0 40px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3" />
          <circle cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 星評価 + 日付 -->
      <div>
        <div style="
            font-size:16px;
            letter-spacing:1px;
            color:#ffb400;
            line-height:1;
            margin-bottom:2px;
          ">
          ★★★★
        </div>
        <div style="
            font-size:13px;
            color:#888888;
            line-height:1.3;
          ">
          2024年12月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      環境很安靜，能夠好好放鬆休息。建築本身略帶歲月感，但房間整理得很乾淨，住起來沒有任何讓人在意的地方。基本的設備一應俱全，住宿期間並沒有感到不方便。工作人員的態度沉穩親切，保持著剛剛好的距離感，讓人覺得很安心。雖然不是豪華型的住宿，但若是想要安靜地休息一晚，這是一間讓人可以放心入住的地方。
    </p>

  </div>
</div>

<style>
/* 投稿レビュー外枠：PCは 0 15px、スマホは 0 3px */
.min88-guest-review-card-wrap {
  max-width:1080px;
  margin:0 auto 28px;
  padding:0 15px;
  box-sizing:border-box;
}

@media (max-width:768px) {
  .min88-guest-review-card-wrap {
    padding:0 3px;
  }
}
</style>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hostel John Mang</title>
		<link>https://min88.jp/inn/zh/25929/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 11 Jun 2024 01:54:57 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<category><![CDATA[住客評價]]></category>
		<category><![CDATA[可線上預訂]]></category>
		<category><![CDATA[房東的話]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=25929</guid>

					<description><![CDATA[“ 船站就在眼前，安心無障礙的平房旅宿 位於第36番札所・青龍寺之後，距離巡航船乘船處僅30秒步行的「Host [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      船站就在眼前，安心無障礙的平房旅宿
    </h3>

    <p class="min88-inn-intro__text">
      位於第36番札所・青龍寺之後，距離巡航船乘船處僅30秒步行的「Hostel JOHN (hostel john mang)」，是朝聖途中的理想歇腳地。這間經改裝的單層平房全館採無障礙設計，貼心配備免費 Wi-Fi、廚房、洗衣機、烘乾機與免費自行車，充分展現對便利與地理優勢的重視。外觀雖帶有歲月痕跡，但室內保持整潔，主人夫婦的溫暖關懷更是在夜色中悄悄滲入旅人的心。若清晨需搭船，這裡能讓你不必匆忙，輕鬆開啟新的一天。這是一處能夠靜靜為你充電、迎接「下一步」的旅宿。
    </p>
  </div>
</div>

<style>
/* ------- 外側ラッパ（左右余白） ------- */
.min88-inn-intro-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ------- 本体ボックス ------- */
.min88-inn-intro {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン */
.min88-inn-intro__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;
  pointer-events: none;
  font-weight: 700;  /* ← 太字 */
}

/* タイトル（色もここで上書き） */
.min88-inn-intro h3.min88-inn-intro__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;   /* ← タイトルの色 */
}

/* 本文（色を強制上書き） */
.min88-inn-intro p.min88-inn-intro__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;   /* ← ここを好きな色に */
}

/* 最後の段落だけ下余白を広げる */
.min88-inn-intro p.min88-inn-intro__text:last-of-type {
  margin-bottom: 20px;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .min88-inn-intro-wrap {
    padding: 0 3px;
  }
  .min88-inn-intro {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-intro__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-intro h3.min88-inn-intro__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-intro p.min88-inn-intro__text {
    font-size: 14px;
  }
}
</style>



<style data-wp-block-html="css">
.min88-yadokukan{
  max-width:1080px;
  margin:0 auto;
  padding:0 15px;
  box-sizing:border-box;
  font-family:system-ui,"Noto Sans JP",sans-serif;
  color:#222;

  --accent:#e60000;
  --muted:#d8d8d8;
  --text-muted:#777;
  --icon-size:52px;
}

.min88-yadokukan__card{
  margin:28px 0 20px;
  padding:38px 46px 36px;
  border-radius:13px;
  border:1px solid #efefef;
  background:#fcfcfc;
  box-shadow:0 10px 13px rgba(0,0,0,.15);
  box-sizing:border-box;
}

.min88-yadokukan__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:30px;
}

.min88-yadokukan__place{
  min-width:0;
}

.min88-yadokukan__place--right{
  text-align:right;
}

.min88-yadokukan__num{
  font-size:13px;
  font-weight:700;
  color:var(--text-muted);
  line-height:1.1;
  margin-bottom:2px;
  letter-spacing:.02em;
}

.min88-yadokukan__name{
  font-size:22px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

.min88-yadokukan__bar{
  display:grid;
  grid-template-columns:minmax(30px,var(--left,1fr)) auto minmax(30px,var(--right,1fr));
  align-items:center;
  gap:16px;
}

.min88-yadokukan__line{
  position:relative;
  height:6px;
  border-radius:999px;
}

.min88-yadokukan__line--left{
  background:var(--accent);
}

.min88-yadokukan__line--right{
  background:var(--muted);
}

.min88-yadokukan__km{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  font-size:14px;
  font-weight:700;
  color:#444;
  background:#fcfcfc;
  padding:0 6px;
  line-height:1;
  white-space:nowrap;
}

.min88-yadokukan__stay{
  width:var(--icon-size);
  height:var(--icon-size);
  border-radius:999px;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.min88-yadokukan__stay svg{
  width:25px;
  height:25px;
  fill:currentColor;
  display:block;
}

@media (max-width:768px){

  .min88-yadokukan{
    padding:0 3px;
    --icon-size:44px;
  }

  .min88-yadokukan__card{
    padding:30px 20px;
  }

  .min88-yadokukan__top{
    margin-bottom:26px;
  }

  .min88-yadokukan__num{
    font-size:12px;
  }

  .min88-yadokukan__name{
    font-size:20px;
  }

  .min88-yadokukan__km{
    font-size:12px;
    top:-16px;
  }

  .min88-yadokukan__bar{
    gap:10px;
  }
}
</style>

<script data-wp-block-html="js">
(function(){

  function toNum(v){
    if(v == null) return 0;
    const n = parseFloat(String(v).replace(/[^\d.]/g,""));
    return isNaN(n) ? 0 : n;
  }

  function formatKm(v){
    return toNum(v).toFixed(1);
  }

  function houseSvg(){
    return `
      <svg viewBox="0 0 24 24" aria-hidden="true">
        <path d="M12 3.2 2.7 11a1 1 0 0 0 1.3 1.5l.9-.7V20a1 1 0 0 0 1 1h4.5v-5.5h3.2V21H19a1 1 0 0 0 1-1v-8.2l.9.7a1 1 0 1 0 1.3-1.5L12 3.2z"/>
      </svg>
    `;
  }

  function buildOne(el){

    if(!el || el.dataset.rendered === "1") return;
    el.dataset.rendered = "1";

    const lNum  = el.dataset.lnum || "";
    const lName = el.dataset.lname || "";
    const lKm   = toNum(el.dataset.lkm);

    const rNum  = el.dataset.rnum || "";
    const rName = el.dataset.rname || "";
    const rKm   = toNum(el.dataset.rkm);

    const card = document.createElement("div");
card.className = "min88-yadokukan__card";

card.style.setProperty("--left", (lKm || 1) + "fr");
card.style.setProperty("--right", (rKm || 1) + "fr");

    card.innerHTML = `
      <div class="min88-yadokukan__top">

        <div class="min88-yadokukan__place">
          <div class="min88-yadokukan__num">#${lNum}</div>
          <div class="min88-yadokukan__name">${lName}</div>
        </div>

        <div class="min88-yadokukan__place min88-yadokukan__place--right">
          <div class="min88-yadokukan__num">#${rNum}</div>
          <div class="min88-yadokukan__name">${rName}</div>
        </div>

      </div>

      <div class="min88-yadokukan__bar">

        <div class="min88-yadokukan__line min88-yadokukan__line--left">
          ${lKm > 0 ? `<span class="min88-yadokukan__km">${formatKm(lKm)}km</span>` : ""}
        </div>

        <div class="min88-yadokukan__stay" aria-label="宿">
          ${houseSvg()}
        </div>

        <div class="min88-yadokukan__line min88-yadokukan__line--right">
          ${rKm > 0 ? `<span class="min88-yadokukan__km">${formatKm(rKm)}km</span>` : ""}
        </div>

      </div>
    `;

    el.replaceWith(card);
  }

  function buildAll(root){
    (root || document)
      .querySelectorAll(".min88-yadokukan__item[data-lnum]")
      .forEach(buildOne);
  }

  function init(){
    buildAll(document);
    setTimeout(()=>buildAll(document),300);
  }

  if(document.readyState === "loading"){
    document.addEventListener("DOMContentLoaded",init);
  }else{
    init();
  }

})();
</script>

<div class="min88-yadokukan">
  <div class="min88-yadokukan__item" data-lnum="35" data-lname="清瀧寺" data-lkm="11.4" data-rkm="3.5" data-rnum="36" data-rname="青龍寺"> </div>
</div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="写真ツアー" class="wp-block-heading">瀏覽相片</h3>



<style data-wp-block-html="css">
.min88-photo-tour{
  max-width:1200px;
  margin:30px auto 18px;
  overflow:hidden;
  border-radius:22px;
}

.min88-photo-tour__track{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:220px 220px;
  gap:6px;
}

.min88-photo-tour__item{
  position:relative;
  overflow:hidden;
  background:#f3f3f3;
  cursor:pointer;
}

.min88-photo-tour__main{
  grid-row:1 / span 2;
}

.min88-photo-tour__extra{
  display:none;
}

.min88-photo-tour.is-expanded{
  overflow:visible;
  border-radius:0;
}

.min88-photo-tour.is-expanded .min88-photo-tour__track{
  grid-template-columns:repeat(4, 1fr);
  grid-template-rows:none;
}

.min88-photo-tour.is-expanded .min88-photo-tour__item{
  height:210px;
  border-radius:16px;
}

.min88-photo-tour.is-expanded .min88-photo-tour__main{
  grid-row:auto;
}

.min88-photo-tour.is-expanded .min88-photo-tour__extra{
  display:block;
}

.min88-photo-tour__item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:filter .25s ease, transform .25s ease;
}

@media (min-width:769px){
  .min88-photo-tour__item:hover img{
    filter:brightness(0.88);
    transform:scale(1.02);
  }
}

.min88-photo-tour-more{
  display:block;
  margin:0 auto 50px;
  padding:12px 24px;
  border:none;
  border-radius:999px;
  background:#f1f1f1;
  color:#111;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
}

.min88-photo-tour-more:hover{
  background:#e5e5e5;
}

@media (max-width:768px){
  .min88-photo-tour{
    width:calc(100% - 6px);
    height:68vw;
    max-height:420px;
    min-height:230px;
    max-width:none;
    margin:18px auto 24px;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:0;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .min88-photo-tour::-webkit-scrollbar{
    display:none;
  }

  .min88-photo-tour__track{
    display:flex;
    gap:14px;
    height:100%;
  }

  .min88-photo-tour__item,
  .min88-photo-tour__main,
  .min88-photo-tour.is-expanded .min88-photo-tour__item{
    flex:0 0 100%;
    width:100%;
    height:100%;
    border-radius:22px;
    grid-row:auto;
    scroll-snap-align:start;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
  }

  .min88-photo-tour__extra{
    display:block;
  }

  .min88-photo-tour__item img{
    transition:none;
  }

  .min88-photo-tour__item::after{
    content:attr(data-count);
    position:absolute;
    right:14px;
    bottom:14px;
    padding:6px 12px;
    border-radius:10px;
    background:rgba(0,0,0,.68);
    color:#fff;
    font-size:15px;
    font-weight:700;
    z-index:10;
  }

  .min88-photo-tour-more{
    display:none;
  }
}

.min88-photo-tour-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.82);
  padding:5vh 5vw;
  box-sizing:border-box;
}

.min88-photo-tour-modal.is-active{
  display:flex;
}

.min88-photo-tour-modal img{
  max-width:90vw;
  max-height:90vh;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  border-radius:14px;
}

.min88-photo-tour-modal__close{
  position:absolute;
  top:18px;
  right:22px;
  width:44px;
  height:44px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  font-size:30px;
  cursor:pointer;
}
</style>

<script data-wp-block-html="js">
(function(){

  function init(){
    const gallery = document.querySelector('.min88-photo-tour');
    if (!gallery) return;

    const items = Array.from(gallery.querySelectorAll('.min88-photo-tour__item'));
    const total = items.length;
    const moreBtn = document.querySelector('.min88-photo-tour-more');

    let touchStartX = 0;
    let touchMoved = false;

    items.forEach(function(item, index){
      item.setAttribute('data-count', (index + 1) + ' / ' + total);
    });

    if (moreBtn) {
      moreBtn.textContent = 'View all photos (' + total + ')';

      moreBtn.addEventListener('click', function(){
        const expanded = gallery.classList.toggle('is-expanded');
        moreBtn.textContent = expanded
          ? 'Close photos'
          : 'View all photos (' + total + ')';
      });
    }

    gallery.addEventListener('touchstart', function(e){
      touchStartX = e.touches[0].clientX;
      touchMoved = false;
    }, { passive:true });

    gallery.addEventListener('touchmove', function(e){
      const diff = Math.abs(e.touches[0].clientX - touchStartX);
      if (diff > 8) touchMoved = true;
    }, { passive:true });

    let modal = document.querySelector('.min88-photo-tour-modal');

    if (!modal) {
      modal = document.createElement('div');
      modal.className = 'min88-photo-tour-modal';
      modal.innerHTML =
        '<button type="button" class="min88-photo-tour-modal__close">×</button>' +
        '<img decoding="async" src="" alt="">';
      document.body.appendChild(modal);
    }

    const modalImg = modal.querySelector('img');
    const closeBtn = modal.querySelector('.min88-photo-tour-modal__close');

    items.forEach(function(item){
      item.addEventListener('click', function(){
        if (touchMoved) return;

        const img = item.querySelector('img');
        if (!img) return;

        modalImg.src = img.currentSrc || img.src;
        modalImg.alt = img.alt || '';
        modal.classList.add('is-active');
        document.body.style.overflow = 'hidden';
      });
    });

    function closeModal(){
      modal.classList.remove('is-active');
      modalImg.src = '';
      document.body.style.overflow = '';
    }

    closeBtn.addEventListener('click', closeModal);

    modal.addEventListener('click', function(e){
      if (e.target === modal) closeModal();
    });
  }

  setTimeout(init, 300);

})();
</script>

<div class="min88-photo-tour">
  <div class="min88-photo-tour__track">
    <div class="min88-photo-tour__item min88-photo-tour__main"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_01a.jpg" alt="Photo 1"></div>
    
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_02a.jpg" alt="Photo 2"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_03a.jpg" alt="Photo 3"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_04a.jpg" alt="Photo 4"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_05a.jpg" alt="Photo 5"></div>
    
    <div class="min88-photo-tour__item min88-photo-tour__extra"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_06a.jpg" alt="Photo 6"></div>
    <div class="min88-photo-tour__item min88-photo-tour__extra"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AM_04.jpeg" alt="Photo 7"></div>

  </div>
</div>

<button type="button" class="min88-photo-tour-more">
  View all photos
</button>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<link rel="stylesheet" href="https://cdn.pannellum.org/2.5/pannellum.css">

<script src="https://cdn.pannellum.org/2.5/pannellum.js"></script>

<div class="min88-pano-gallery">

  <div class="min88-pano-gallery__header">

    <span class="min88-pano-gallery__mark">360°</span>

    <div class="min88-pano-gallery__heading">

      <div class="min88-pano-gallery__title">

        360° View

      </div>

      <div class="min88-pano-gallery__subtitle">

        Select a space and look around
      </div>

    </div>

  </div>

  <div class="min88-pano-gallery__main">

    <div id="min88-pano-viewer" class="min88-pano-gallery__viewer" aria-label="360-degree virtual tour"></div>

    <div class="min88-pano-gallery__current">

      <span id="min88-pano-current-name">Twin Room</span>

    </div>

    <div class="min88-pano-gallery__guide">

      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2194.png" alt="↔" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Drag or swipe to look around

    </div>

  </div>

  <div class="min88-pano-gallery__selector">

    <!-- Twin Room -->

    <button type="button" class="min88-pano-gallery__item is-active" data-image="https://min88.jp/inn/wp-content/uploads/2026/08/AM_360_01.jpg" data-name="Twin Room" aria-label="View Twin Room">

      <span class="min88-pano-gallery__thumb">

        <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_360_01.jpg" alt="Twin Room" loading="lazy">

        <span>360°</span>

      </span>

      <span class="min88-pano-gallery__label">

        Twin Room

      </span>

    </button>

    <!-- Single Room -->

    <button type="button" class="min88-pano-gallery__item" data-image="https://min88.jp/inn/wp-content/uploads/2026/08/AM_360_02.jpg" data-name="Single Room" aria-label="View Single Room">

      <span class="min88-pano-gallery__thumb">

        <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_360_02.jpg" alt="Single Room" loading="lazy">

        <span>360°</span>

      </span>

      <span class="min88-pano-gallery__label">

        Single Room

      </span>

    </button>

    <!-- Japanese-style Room -->

    <button type="button" class="min88-pano-gallery__item" data-image="https://min88.jp/inn/wp-content/uploads/2026/08/AM_360_03.jpg" data-name="Japanese-style Room" aria-label="View Japanese-style Room">

      <span class="min88-pano-gallery__thumb">

        <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_360_03.jpg" alt="Japanese-style Room" loading="lazy">

        <span>360°</span>

      </span>

      <span class="min88-pano-gallery__label">

        Japanese-style Room

      </span>

    </button>

    <!-- Entrance -->

    <button type="button" class="min88-pano-gallery__item" data-image="https://min88.jp/inn/wp-content/uploads/2026/08/AM_360_04.jpg" data-name="Entrance" aria-label="View Entrance">

      <span class="min88-pano-gallery__thumb">

        <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/08/AM_360_04.jpg" alt="Entrance" loading="lazy">

        <span>360°</span>

      </span>

      <span class="min88-pano-gallery__label">

        Entrance

      </span>

    </button>

  </div>

</div>

<style>

/* ==================================================

   360° Virtual Tour

================================================== */

.min88-pano-gallery,

.min88-pano-gallery * {

  box-sizing: border-box;

}

.min88-pano-gallery {

  width: 100%;

  margin: 38px 0 50px;

}

/* ===== Header ===== */

.min88-pano-gallery__header {

  display: flex;

  align-items: center;

  gap: 17px;

  margin: 0 0 14px;

  padding: 15px 20px;

  background: #111;

  color: #fff;

}

.min88-pano-gallery__mark {

  display: flex;

  align-items: center;

  justify-content: center;

  flex: 0 0 58px;

  width: 58px;

  height: 58px;

  border: 1px solid rgba(255,255,255,0.45);

  border-radius: 50%;

  font-size: 15px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: 0.02em;

}

.min88-pano-gallery__heading {

  min-width: 0;

}

.min88-pano-gallery__title {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  line-height: 1.35;

  letter-spacing: 0.04em;

}

.min88-pano-gallery__subtitle {

  margin-top: 3px;

  color: rgba(255,255,255,0.72);

  font-size: 12px;

  line-height: 1.5;

}

/* ===== Main viewer ===== */

.min88-pano-gallery__main {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  background: #111;
  box-shadow:
    0 8px 24px rgba(0,0,0,0.10),
    0 1px 4px rgba(0,0,0,0.08);
}

.min88-pano-gallery__viewer {

  width: 100%;

  height: 520px;

  background: #111;

}

/* Current location label */

.min88-pano-gallery__current {
  position: absolute;
  top: 15px;
  right: 15px;
  left: auto;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 30px);
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 999px;
  background: rgba(0,0,0,0.62);
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  pointer-events: none;
}

.min88-pano-gallery__current-icon {

  font-weight: 700;

}

/* Operation guide */

.min88-pano-gallery__guide {

  position: absolute;

  left: 50%;

  bottom: 17px;

  z-index: 5;

  transform: translateX(-50%);

  width: max-content;

  max-width: calc(100% - 30px);

  padding: 9px 15px;

  border: 1px solid rgba(255,255,255,0.25);

  border-radius: 999px;

  background: rgba(0,0,0,0.56);

  color: #fff;

  font-size: 12px;

  line-height: 1.4;

  text-align: center;

  pointer-events: none;

  transition:

    opacity 0.35s ease,

    transform 0.35s ease;

}

.min88-pano-gallery__guide.is-hidden {

  opacity: 0;

  transform: translate(-50%, 8px);

}

/* ===== Thumbnails ===== */

.min88-pano-gallery__selector {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 10px;

  margin-top: 13px;

}

.min88-pano-gallery__item {

  appearance: none;

  display: block;

  width: 100%;

  margin: 0;

  padding: 0;

  border: 0;

  background: transparent;

  cursor: pointer;

  text-align: left;

}

.min88-pano-gallery__thumb {

  position: relative;

  display: block;

  overflow: hidden;

  width: 100%;

  aspect-ratio: 16 / 9;

  border: 3px solid transparent;

  border-radius: 12px;

  background: #ddd;

  transition:

    border-color 0.2s ease,

    transform 0.2s ease,

    opacity 0.2s ease;

}

.min88-pano-gallery__thumb img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

/*

 * 360°画像は横長なので、

 * サムネイルでは中央部分を表示

 */

.min88-pano-gallery__thumb img {

  object-position: center center;

}

.min88-pano-gallery__thumb > span {

  position: absolute;

  right: 7px;

  bottom: 7px;

  padding: 4px 7px;

  border-radius: 3px;

  background: rgba(0,0,0,0.72);

  color: #fff;

  font-size: 10px;

  font-weight: 700;

  line-height: 1.2;

}

.min88-pano-gallery__item:hover .min88-pano-gallery__thumb {

  transform: translateY(-2px);

}

.min88-pano-gallery__item.is-active .min88-pano-gallery__thumb {
  border-color: rgba(0,0,0,0.65);
  box-shadow: 0 3px 10px rgba(0,0,0,0.12);
  opacity: 1;
}

.min88-pano-gallery__item:not(.is-active) .min88-pano-gallery__thumb {

  opacity: 0.8;

}

.min88-pano-gallery__item:hover .min88-pano-gallery__thumb {

  opacity: 1;

}

.min88-pano-gallery__label {
  display: block;
  margin-top: 7px;
  color: #333;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.02em;
}

.min88-pano-gallery__item.is-active

.min88-pano-gallery__label {

  font-weight: 700;

}

/* Note */

.min88-pano-gallery__note {

  margin: 10px 2px 0 !important;

  padding: 0 !important;

  color: rgba(0,0,0,0.58) !important;

  font-size: 12px !important;

  line-height: 1.6 !important;

}

/* ===== Pannellum adjustments ===== */

.min88-pano-gallery .pnlm-container {

  background: #111;

}

.min88-pano-gallery .pnlm-controls-container {

  margin: 10px;

}

.min88-pano-gallery .pnlm-control {

  border-radius: 3px;

  box-shadow: 0 2px 8px rgba(0,0,0,0.22);

}

/* ===== Smartphone ===== */

@media screen and (max-width: 768px) {

  .min88-pano-gallery {

    margin: 30px 0 40px;

  }

  .min88-pano-gallery__header {

    gap: 13px;

    padding: 13px 15px;

  }

  .min88-pano-gallery__mark {

    flex-basis: 50px;

    width: 50px;

    height: 50px;

    font-size: 13px;

  }

  .min88-pano-gallery__title {

    font-size: 17px;

  }

  .min88-pano-gallery__subtitle {

    font-size: 11px;

  }

  .min88-pano-gallery__viewer {

    height: 390px;

  }

  .min88-pano-gallery__selector {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px 9px;

  }

.min88-pano-gallery__current {
    top: 12px;
    right: 12px;
    left: auto;
    font-size: 11px;
}

  .min88-pano-gallery__guide {

    bottom: 13px;

    padding: 8px 13px;

    font-size: 11px;

  }

}

@media screen and (max-width: 480px) {

  .min88-pano-gallery__viewer {

    height: 330px;

  }

}

</style>

<script>

document.addEventListener('DOMContentLoaded', function () {

  const root = document.querySelector(

    '.min88-pano-gallery'

  );

  if (!root || typeof pannellum === 'undefined') {

    return;

  }

  const viewerElement = root.querySelector(

    '#min88-pano-viewer'

  );

  const buttons = root.querySelectorAll(

    '.min88-pano-gallery__item'

  );

  const currentName = root.querySelector(

    '#min88-pano-current-name'

  );

  const guide = root.querySelector(

    '.min88-pano-gallery__guide'

  );

  if (!viewerElement || !buttons.length) {

    return;

  }

  function createViewer(imageUrl) {

    return pannellum.viewer(

      viewerElement,

      {

        type: 'equirectangular',

        panorama: imageUrl,

        autoLoad: true,

        showControls: true,

        showZoomCtrl: true,

        showFullscreenCtrl: true,

        yaw: 0,

        pitch: 0,

        hfov: 100,

        minHfov: 55,

        maxHfov: 120,

        mouseZoom: true,

        /*

         * Slow automatic rotation

         */

        autoRotate: -2,

        autoRotateInactivityDelay: 2500

      }

    );

  }

  let viewer = createViewer(

    buttons[0].dataset.image

  );

  buttons.forEach(function (button) {

    button.addEventListener(

      'click',

      function () {

        const imageUrl = button.dataset.image;

        const imageName = button.dataset.name;

        buttons.forEach(function (item) {

          item.classList.remove('is-active');

        });

        button.classList.add('is-active');

        if (currentName) {

          currentName.textContent = imageName;

        }

        if (viewer) {

          viewer.destroy();

        }

        viewer = createViewer(imageUrl);

        /*

         * On mobile, move the viewer into view

         */

        if (window.innerWidth <= 768) {

          viewerElement.scrollIntoView({

            behavior: 'smooth',

            block: 'center'

          });

        }

      }

    );

  });

  /*

   * Hide the operation guide after 4 seconds

   */

  window.setTimeout(function () {

    if (guide) {

      guide.classList.add('is-hidden');

    }

  }, 4000);

  /*

   * Hide the guide as soon as the user interacts

   */

  [

    'mousedown',

    'touchstart',

    'pointerdown'

  ].forEach(function (eventName) {

    viewerElement.addEventListener(

      eventName,

      function () {

        if (guide) {

          guide.classList.add('is-hidden');

        }

      },

      { once: true }

    );

  });

});

</script>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;　-->
<div class="min88-basicdata-pack">
  <textarea class="min88-basicdata-kv" aria-hidden="true"># ===== 基本情報（台湾版） =====
address   = 高知縣須崎市浦內灰方4-17
tel       = 050-3551-0808|接待時間：7:00-21:00
website   = https://www.henro-hostel-john-mang.com/english/
parking   = 有（免費）
rooms     = 單人房 1 間（1 張床）|西式雙床房 1 間（2 張床）|和式雙床房 1 間（2 組日式床墊）
price     = 僅住宿：* 單人房：5,500 日圓|　　　　* 西式雙床房：6,500 日圓（1 人入住）|　　　　* 和式雙床房：6,500 日圓（1 人入住）|　　　　* 西式雙床房：11,000 日圓（2 人入住）|　　　　* 和式雙床房：12,000 日圓（2 人入住）||含早餐：未設定|含晚餐：未設定|含早晚餐：未設定
checkin   = 16:00-20:00
checkout  = 5:00-9:00
wifi      = 有
laundry   = 洗衣機：100日圓　無|烘乾機：200日圓　無
payment   = 現金：可以|信用卡：不可|電子支付：可以

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay, iD, Suica／PASMO 等交通 IC 卡, nanaco、Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, au PAY, Merpay



  </textarea>

  <div class="min88-basicdata-out" aria-label="宿の基本情報"></div>

  <p class="min88-basicdata-note">
    ※無法保證目前的營業狀況。入住時請直接聯繫住宿設施。
  </p>

  <div class="min88-basicdata-spacer"></div>
</div>

<style>
/* 入力テキストは非表示 */
.min88-basicdata-pack .min88-basicdata-kv{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}

/* ===== 行UI ===== */
.min88-basicdata-pack .basic-data{
  display:flex;
  align-items:flex-start;
  gap:26px;
  padding:14px 8px;
  border-bottom:1px solid rgba(0,0,0,0.12);
}

.min88-basicdata-pack .basic-data__icon{
  flex:0 0 44px;
  width:44px;
  display:flex;
  justify-content:center;
  padding-top:2px;
}

.min88-basicdata-pack .basic-data__icon img{
  max-width:26px;
  max-height:26px;
}

/* 料金・WiFiだけ小さく */
.min88-basicdata-pack .basic-data__icon img[src*="/price.png"],
.min88-basicdata-pack .basic-data__icon img[src*="/wifi.png"]{
  max-width:20px;
  max-height:20px;
  margin-top:3px;
}

.min88-basicdata-pack .basic-data__text{
  flex:1;
  font-size:13.5px;
  line-height:1.7;
  margin-top:4px;
  word-break:break-word;
}

/* 注意文 */
.min88-basicdata-pack .min88-basicdata-note{
  margin:10px 8px 0;
  font-size:12px;
  line-height:1.4;
  color:rgba(0,0,0,0.55);
}

/* 50pxスペース */
.min88-basicdata-pack .min88-basicdata-spacer{
  height:50px;
}

/* ===== 電子マネー（折りたたみ） ===== */
.min88-basicdata-pack .min88-emoney{
  margin-top:6px;
}

/* 標準マーカー削除 */
.min88-basicdata-pack .min88-emoney summary{ list-style:none; }
.min88-basicdata-pack .min88-emoney summary::-webkit-details-marker{ display:none; }

/* トリガー */
.min88-basicdata-pack .min88-emoney summary{
  cursor:pointer;
  user-select:none;
  font-size:12.5px;
  color:#1a73e8;
}

/* 左側の&#x25b6; ▼だけ表示 */
.min88-basicdata-pack .min88-emoney summary:before{ content:"&#x25b6; "; }
.min88-basicdata-pack .min88-emoney[open] summary:before{ content:"▼ "; }

/* リスト */
.min88-basicdata-pack .min88-emoney-list{
  margin:8px 0 0;
  padding:0;
  list-style:none;
}
.min88-basicdata-pack .min88-emoney-list li{
  font-size:12.5px;
  line-height:1.55;
  margin:0 0 4px;
}
.min88-basicdata-pack .min88-emoney-list li:before{
  content:"・ ";
}
</style>

<script>
(function(){
  const ICON = {
    address  : 'https://min88.jp/inn/wp-content/uploads/2026/02/address.png',
    tel      : 'https://min88.jp/inn/wp-content/uploads/2026/02/telephone.png',
    website  : 'https://min88.jp/inn/wp-content/uploads/2026/02/website.png',
    parking  : 'https://min88.jp/inn/wp-content/uploads/2026/02/carparking.png',
    rooms    : 'https://min88.jp/inn/wp-content/uploads/2026/02/rooms.png',
    price    : 'https://min88.jp/inn/wp-content/uploads/2026/02/price.png',
    check    : 'https://min88.jp/inn/wp-content/uploads/2026/02/check.png',
    wifi     : 'https://min88.jp/inn/wp-content/uploads/2026/02/wifi.png',
    laundry  : 'https://min88.jp/inn/wp-content/uploads/2026/02/laundry.png',
    payment  : 'https://min88.jp/inn/wp-content/uploads/2026/02/payment.png'
  };

  const ORDER = ['address','tel','website','parking','rooms','price','check','wifi','laundry','payment'];

  function esc(s){
    return String(s ?? '')
      .replace(/&/g,'&amp;')
      .replace(/</g,'&lt;')
      .replace(/>/g,'&gt;')
      .replace(/"/g,'&quot;')
      .replace(/'/g,'&#39;');
  }

  function parseKV(text){
    const obj = {};
    text.split('\n').forEach(line=>{
      const t = line.trim();
      if(!t || t.startsWith('#')) return;
      const i = t.indexOf('=');
      if(i === -1) return;
      obj[t.slice(0,i).trim()] = t.slice(i+1).trim();
    });
    return obj;
  }

  /* 全項目共通：| を <br> に（何段でもOK） */
  function brPipeAny(v){
    return esc(v).replace(/\|/g,'<br>');
  }

  function row(iconKey, html){
    return `
      <div class="basic-data">
        <div class="basic-data__icon">
          <img decoding="async" src="${ICON[iconKey]}" alt="">
        </div>
        <div class="basic-data__text">${html}</div>
      </div>
    `;
  }

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>查看支援品牌</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

  /* ★ website：表示は短く（example.com）、リンク先はフルURL */
  function ensureUrl(raw){
    const s = String(raw || '').trim();
    if(!s) return '';
    if(/^https?:\/\//i.test(s)) return s;
    // example.com のような入力でもリンク切れしないように
    return 'https://' + s;
  }

  function displayHost(raw){
    const url = ensureUrl(raw);
    try{
      const u = new URL(url);
      return esc(u.host); // example.com / www.example.jp
    }catch(e){
      return esc(raw); // 解析できなければそのまま表示
    }
  }

  function websiteHtml(v){
    const parts = String(v || '').split('|').map(s=>s.trim()).filter(Boolean);
    return parts.map(p=>{
      const href = ensureUrl(p);
      const safeHref = esc(href);
      const label = displayHost(p);
      // URLっぽくない文字列（補足）も許容
      if(!p) return '';
      if(/^[^\s]+\.[^\s]+/.test(p)){ // ドメインっぽい場合はリンク化
        return `<a href="${safeHref}" target="_blank" rel="noopener">${label}</a>`;
      }
      return esc(p);
    }).filter(Boolean).join('<br>');
  }

  document.querySelectorAll('.min88-basicdata-pack').forEach(root=>{
    if(root.dataset.rendered) return;

    const txt = root.querySelector('.min88-basicdata-kv');
    const out = root.querySelector('.min88-basicdata-out');
    if(!txt || !out) return;

    const data = parseKV(txt.value);
    let html = '';

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `入住時間：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `退房時間：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

      if(k === 'website' && data.website){
        html += row('website', websiteHtml(data.website));
        return;
      }

      if(k === 'payment' && data.payment){
        html += row('payment', brPipeAny(data.payment) + buildEmoney(data.emoney));
        return;
      }

      if(!data[k]) return;

      html += row(k, brPipeAny(data[k]));
    });

    out.innerHTML = html;
    root.dataset.rendered = '1';
  });
})();
</script>



    <div
        id="min88-japan-time-81038"
        style="text-align:center; font-family:system-ui, sans-serif;"
        data-title="日本時間"
        data-early-morning="現在日本是清晨。"
        data-morning="現在日本是早上。"
        data-daytime="現在日本是白天。"
        data-evening="現在日本是傍晚。"
        data-night="現在日本是晚上。"
        data-late-night="現在日本是深夜。"
    >

        <!-- 日本時間 -->
        <div
            class="min88-japan-time-clock"
            style="
                font-weight:700;
                font-size:1.1rem;
                line-height:1.1;
            "
        ></div>

        <!-- 時間帯案内 -->
        <div
            class="min88-japan-time-period"
            style="
                font-weight:600;
                color:#d32f2f;
                font-size:0.8rem;
                margin-top:-2px;
            "
        ></div>

    </div>


    <script>
    (function () {

        const wrapper =
            document.getElementById(
                "min88-japan-time-81038"            );

        if (!wrapper) {
            return;
        }

        const clockEl =
            wrapper.querySelector(
                '.min88-japan-time-clock'
            );

        const periodEl =
            wrapper.querySelector(
                '.min88-japan-time-period'
            );

        let showColon = true;


        // =================================================
        // 日本時間による時間帯判定
        // =================================================

        function getPeriod(hour) {

            // 05:00〜06:59
            if (hour >= 5 && hour < 7) {
                return {
                    icon: '&#x1f305;',
                    text: wrapper.dataset.earlyMorning
                };
            }

            // 07:00〜10:59
            if (hour >= 7 && hour < 11) {
                return {
                    icon: '&#x1f413;',
                    text: wrapper.dataset.morning
                };
            }

            // 11:00〜15:59
            if (hour >= 11 && hour < 16) {
                return {
                    icon: '&#x1f31e;',
                    text: wrapper.dataset.daytime
                };
            }

            // 16:00〜17:59
            if (hour >= 16 && hour < 18) {
                return {
                    icon: '&#x1f307;',
                    text: wrapper.dataset.evening
                };
            }

            // 18:00〜21:59
            if (hour >= 18 && hour < 22) {
                return {
                    icon: '&#x1f319;',
                    text: wrapper.dataset.night
                };
            }

            // 22:00〜04:59
            return {
                icon: '&#x1f319;',
                text: wrapper.dataset.lateNight
            };
        }


        // =================================================
        // 時計更新
        // =================================================

        function tick() {

            const now = new Date();

            const options = {
                timeZone: 'Asia/Tokyo',
                hour12: false,
                hour: '2-digit',
                minute: '2-digit'
            };

            const fmt =
                new Intl.DateTimeFormat(
                    'en-US',
                    options
                );

            const parts =
                fmt.formatToParts(now);

            const hour =
                parseInt(
                    parts.find(
                        p => p.type === 'hour'
                    ).value,
                    10
                );

            const minute =
                parts.find(
                    p => p.type === 'minute'
                ).value;

            const colon =
                `<span style="opacity:${showColon ? 1 : 0};">:</span>`;

            const period =
                getPeriod(hour);

            clockEl.innerHTML =
                `${wrapper.dataset.title}: ` +
                `${String(hour).padStart(2, '0')}` +
                `${colon}${minute} JST ` +
                `${period.icon}`;

            periodEl.textContent =
                period.text;

            showColon = !showColon;
        }


        // 初回表示
        tick();

        // 1秒ごとに更新
        setInterval(
            tick,
            1000
        );

    })();
    </script>

    



    <div class="min88-reservation-area">

        <div class="min88-reservation-btn">

            
        <div
            class="min88-reservation-btn__link min88-reserve-button min88-reserve-button--disabled"
            role="status"
            aria-live="polite"
        >
            <span class="min88-reservation-btn__text">暫停接受預訂</span>
        </div>
        </div>

        <div class="min88-reservation-copy">

            系統維護完成後將恢復接受預訂。
        </div>

    </div>


    

    <style>

    /* ========================================================
       予約ボタンエリア
       ======================================================== */

    .min88-reservation-area{
        text-align:center;
    }


    /* ========================================================
       通常位置のボタン
       ======================================================== */

    .min88-reservation-btn{
        width:75%;
        margin:0 auto;
        padding-bottom:8px;
        display:flex;
        justify-content:center;
    }


    /* ========================================================
       通常・追従ボタン共通
       ======================================================== */

    .min88-reserve-button{
        display:block;
        box-sizing:border-box;
        padding:19.5px 0;
        border-radius:100px;
        text-align:center;
        text-decoration:none !important;
        color:#fff !important;
        font-size:16px;
        line-height:1.2;

        background:linear-gradient(
            90deg,
            #E4455C 0%,
            #D83A5F 50%,
            #C62B66 100%
        );

        box-shadow:
            0 8px 18px -2px
            rgba(60,60,60,0.32);
    }


    /* ========================================================
       受付中：ホバー
       ======================================================== */

    a.min88-reserve-button:hover{
        filter:brightness(1.12);
    }


    /* ========================================================
       受付中：クリック時
       ======================================================== */

    a.min88-reserve-button:active{
        filter:brightness(.96);
    }


    /* ========================================================
       通常位置のボタン専用
       ======================================================== */

    .min88-reservation-btn__link{
        width:100%;
        font-weight:500;
        transition:filter .3s ease;
    }


    /* ========================================================
       ボタン下の説明文
       ======================================================== */

    .min88-reservation-copy{
        font-size:14px;
        font-weight:600;
        color:#000;
        line-height:1.8;
        margin:0 0 24px;
    }


    /* ========================================================
       受付停止中
       ======================================================== */

    .min88-reserve-button.min88-reserve-button--disabled{
        cursor:default;

        background:#929292 !important;

        box-shadow:
            0 5px 12px -2px
            rgba(60,60,60,0.22);

        animation:none !important;
        filter:none !important;
        user-select:none;
    }


    /* ========================================================
       スマホ追従ボタン
       ※受付中の場合のみHTML自体が出力されます
       ======================================================== */

    .min88-floating-reserve-center{
        position:fixed;

        left:50%;
        bottom:15px;

        transform:translateX(-50%);

        z-index:999999;

        width:74%;
        max-width:420px;

        font-weight:600;

        animation:
            min88-shake .5s ease .8s 1;
    }


    .min88-floating-reserve-center:active{
        transform:
            translateX(-50%)
            translateY(1px);
    }


    /* ========================================================
       スマホ追従ボタンの初回アニメーション
       ======================================================== */

    @keyframes min88-shake{

        0%{
            transform:
                translateX(-50%)
                translateX(0);
        }

        20%{
            transform:
                translateX(-50%)
                translateX(-3px);
        }

        40%{
            transform:
                translateX(-50%)
                translateX(3px);
        }

        60%{
            transform:
                translateX(-50%)
                translateX(-2px);
        }

        80%{
            transform:
                translateX(-50%)
                translateX(2px);
        }

        100%{
            transform:
                translateX(-50%)
                translateX(0);
        }
    }


    /* ========================================================
       スマホ
       ======================================================== */

    @media (max-width:768px){

        .min88-reservation-btn{
            width:83%;
        }

    }


    /* ========================================================
       PC・タブレット
       追従ボタンは非表示
       ======================================================== */

    @media (min-width:769px){

        .min88-floating-reserve-center{
            display:none !important;
        }

    }

    </style>

    



    <div class="min88-response-badge">

        <img decoding="async"
            src="https://min88.jp/inn/wp-content/uploads/2026/08/wing_l.png"
            alt=""
            class="min88-response-badge__wing"
        >

        <div class="min88-response-badge__body">

            <div class="min88-response-badge__title">
                這位房東平均                <span class="min88-response-badge__time">
                    1小時15分鐘                </span>
                回覆            </div>

            <div class="min88-response-badge__sub">
                不含清晨及深夜時段            </div>

        </div>

        <img decoding="async"
            src="https://min88.jp/inn/wp-content/uploads/2026/08/wing_r.png"
            alt=""
            class="min88-response-badge__wing"
        >

    </div>

    <style>

    .min88-response-badge,
    .min88-response-badge *{
        box-sizing:border-box;
    }

    /* 全体 */
    .min88-response-badge{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:4px;
        width:100%;
        margin:14px 0;
    }

    /* 中央部分 */
    .min88-response-badge__body{
        display:flex;
        flex-direction:column;
        align-items:center;
        line-height:1.2;
        text-align:center;
    }

    /* 左右の装飾 */
    .min88-response-badge__wing{
        width:26px;
        height:auto;
        display:block;
        flex-shrink:0;
        opacity:0.45;
    }

    /* メイン */
    .min88-response-badge__title{
        font-size:15px;
        font-weight:400;
        color:#888;
        letter-spacing:.02em;
        white-space:nowrap;
    }

    /* 回答時間部分だけ少し強調 */
    .min88-response-badge__time{
        font-weight:600;
    }

    /* サブ */
    .min88-response-badge__sub{
        margin-top:3px;
        font-size:11px;
        font-weight:400;
        color:#777;
        letter-spacing:.02em;
    }

    /* スマホ */
    @media (max-width:768px){

        .min88-response-badge{
            gap:3px;
            margin:12px 0;
        }

        .min88-response-badge__wing{
            width:22px;
        }

        .min88-response-badge__title{
            font-size:14px;
            white-space:normal;
        }

        .min88-response-badge__time{
            font-weight:600;
        }

        .min88-response-badge__sub{
            margin-top:3px;
            font-size:10.5px;
        }

    }

    </style>

    



<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<!-- ▼▼▼ &#x1f310; この宿を応援するボタン ▼▼▼ -->
<div class="min88-donation-area">

  <div class="min88-donation-btn">

    <a
      class="min88-donation-btn__link"
      href="3/"
      onclick="logAndGoDonate(event, this.href)"
      target="_blank"
      rel="noopener"
    >

      <!-- ￥入りハートアイコン -->
      <span class="min88-donation-yenheart" aria-hidden="true">
        <span class="min88-donation-yenheart__shape"></span>
        <span class="min88-donation-yenheart__yen">¥</span>
      </span>


      <!-- ホバー時に飛ぶハート -->
      <span class="min88-donation-btn__heart-wrap" aria-hidden="true">
        <span class="min88-donation-btn__heart"></span>
        <span class="min88-donation-btn__heart"></span>
        <span class="min88-donation-btn__heart"></span>
      </span>


      <!-- ボタン文字 -->
      <span class="min88-donation-btn__text">
        この宿を応援する
      </span>

    </a>

  </div>


  <!-- ボタン下 -->
  <div class="min88-donation-copy">
    500円から寄付できます
  </div>

</div>


<style>

/* =====================================================
   全体
===================================================== */

.min88-donation-area{
  text-align:center;
}


/* =====================================================
   ボタン外枠
===================================================== */

.min88-donation-btn{
  width:40%;
  max-width:420px;
  margin:0 auto;
  padding-bottom:8px;

  display:flex;
  justify-content:center;
}


/* =====================================================
   ボタン
===================================================== */

.min88-donation-btn__link{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  width:100%;
  padding:19.5px 18px;

  border-radius:100px;

  text-align:center;
  text-decoration:none !important;

  color:#fff !important;

  font-size:16px;
  font-weight:500;
  line-height:1.2;

  background:
    linear-gradient(
      90deg,
      #3a3a3a 0%,
      #2a2a2a 45%,
      #141414 100%
    );

  box-shadow:
    0 8px 18px -2px rgba(40,40,40,0.35);

  transition:
    filter .3s ease,
    transform .2s ease;

  position:relative;
  overflow:visible;
}

.min88-donation-btn__link:hover{
  filter:brightness(1.18);
}

.min88-donation-btn__link:active{
  filter:brightness(.96);
  transform:translateY(1px);
}


/* =====================================================
   ￥入りハート
===================================================== */

.min88-donation-yenheart{
  position:relative;

  width:21px;
  height:17px;

  flex:0 0 21px;

  display:inline-block;
}


/* ハート本体 */

.min88-donation-yenheart__shape{
  position:absolute;

  width:15px;
  height:15px;

  left:3px;
  top:3px;

  background:#fff;

  border-radius:2px;

  transform:rotate(45deg);
}

.min88-donation-yenheart__shape::before,
.min88-donation-yenheart__shape::after{
  content:"";

  position:absolute;

  width:15px;
  height:15px;

  background:#fff;

  border-radius:50%;
}

.min88-donation-yenheart__shape::before{
  top:-7.5px;
  left:0;
}

.min88-donation-yenheart__shape::after{
  top:0;
  left:-7.5px;
}


/* =====================================================
   ￥
===================================================== */

.min88-donation-yenheart__yen{
  position:absolute;

  left:0;
  top:0;

  width:22px;
  height:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#252525;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:16px;
  font-weight:900;
  line-height:1;

  z-index:2;
}


/* =====================================================
   ボタン文字
===================================================== */

.min88-donation-btn__text{
  position:relative;
  z-index:2;

  white-space:nowrap;
}


/* =====================================================
   ボタン下説明
===================================================== */

.min88-donation-copy{
  font-size:14px;
  font-weight:600;
  color:#000;
  line-height:1.8;
  margin:0 0 24px;
}


/* =====================================================
   ホバー時に飛ぶハート
===================================================== */

.min88-donation-btn__heart-wrap{
  position:absolute;
  inset:0;

  pointer-events:none;
}

.min88-donation-btn__heart{
  position:absolute;

  width:14px;
  height:14px;

  background:#ff2d9a;

  opacity:0;

  transform:rotate(45deg);

  border-radius:3px;
}

.min88-donation-btn__heart::before,
.min88-donation-btn__heart::after{
  content:"";

  position:absolute;

  width:14px;
  height:14px;

  background:#ff2d9a;

  border-radius:50%;
}

.min88-donation-btn__heart::before{
  top:-7px;
  left:0;
}

.min88-donation-btn__heart::after{
  top:0;
  left:-7px;
}

.min88-donation-btn__heart:nth-child(1){
  left:46%;
  top:36%;
}

.min88-donation-btn__heart:nth-child(2){
  left:58%;
  top:40%;
}

.min88-donation-btn__heart:nth-child(3){
  left:34%;
  top:41%;
}

.min88-donation-btn__link:hover
.min88-donation-btn__heart{
  animation:
    min88-heart
    2s
    ease-out
    infinite;
}

.min88-donation-btn__heart:nth-child(2){
  animation-delay:.2s;
}

.min88-donation-btn__heart:nth-child(3){
  animation-delay:.7s;
}


@keyframes min88-heart{

  0%{
    transform:
      translate(0,0)
      rotate(45deg)
      scale(.7);

    opacity:0;
  }

  20%{
    opacity:.9;
  }

  60%{
    transform:
      translate(-6px,-30px)
      rotate(45deg)
      scale(1);

    opacity:.7;
  }

  100%{
    transform:
      translate(8px,-65px)
      rotate(45deg)
      scale(1.1);

    opacity:0;
  }
}


/* =====================================================
   スマホ
===================================================== */

@media (max-width:768px){

  /* 予約ボタンと同じ横幅 */
  .min88-donation-btn{
    width:83%;
    max-width:none;
  }

  .min88-donation-btn__link{
    gap:8px;
    padding:19.5px 18px;
  }

  .min88-donation-btn__text{
    white-space:nowrap;
  }

}

</style>


<script>

document.addEventListener(
  "DOMContentLoaded",
  function(){

    const lang =
      document.documentElement.lang || "ja";

    const texts =
      document.querySelectorAll(
        ".min88-donation-btn__text"
      );

    const copies =
      document.querySelectorAll(
        ".min88-donation-copy"
      );


    /* ===================================================
       ボタン
    =================================================== */

    texts.forEach(function(text){

      if (lang.startsWith("en")) {

        text.textContent =
          "Support this accommodation";

      } else if (lang.startsWith("zh")) {

        text.textContent =
          "支持這間住宿";

      } else {

        text.textContent =
          "この宿を応援する";

      }

    });


    /* ===================================================
       ボタン下
    =================================================== */

    copies.forEach(function(copy){

      if (lang.startsWith("en")) {

        copy.textContent =
          "You can donate from ¥500.";

      } else if (lang.startsWith("zh")) {

        copy.textContent =
          "可從500日圓起捐款。";

      } else {

        copy.textContent =
          "500円から寄付できます";

      }

    });

  }
);

</script>



<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



<ul class="wp-block-list">
<li>步行至 市営巡航船埋立乗場 僅需30秒。</li>



<li>週日及國定假日可搭乘 John 的船出海。（不定期營運，需達最低成行人數，並請事先預約。）</li>



<li>設備： 自行車租借、自行車專用車庫、輕食（包裝白飯、即食咖哩、麵類）、早餐（吐司、果醬、人造奶油、即溶咖啡、紅茶）、Wi-Fi、空調、各房冰箱、共用廚房空間、淋浴間、投幣式洗衣機與烘衣機。</li>



<li>備品： 浴衣、浴巾、毛巾、牙刷、洗髮精、潤髮乳、吹風機、急救箱</li>



<li>其他： 提供居酒屋與餐廳接送服務。</li>
</ul>


<p><br />
<br />
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1718070807200!6m8!1m7!1swzpYAAztFfni3R39lWGoAQ!2m2!1d33.4375259547303!2d133.4308308353539!3f157.4285275655981!4f-4.328652152864663!5f0.40070844622736695" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53271.215094928426!2d133.3897455852015!3d33.43755618639034!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e3fbbff6daaff%3A0x5de38c5bf8d608b6!2z44Ky44K544OI44OP44Km44K5IOOCuOODp-ODsyBIb3N0ZWwgSm9obiBNYW5n!5e0!3m2!1sja!2sjp!4v1718070687697!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=ゲストハウスジョン　高知&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://min88.jp/inn/wp-content/uploads/2024/06/kitchen.jpeg"><img decoding="async" width="942" height="896" data-id="71638" src="https://min88.jp/inn/wp-content/uploads/2024/06/kitchen.jpeg" alt="" class="wp-image-71638"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2024/06/jhon1.jpg"><img decoding="async" width="1024" height="768" data-id="66152" src="https://min88.jp/inn/wp-content/uploads/2024/06/jhon1-1024x768.jpg" alt="" class="wp-image-66152"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2024/06/jhon3.jpg"><img decoding="async" width="1024" height="714" data-id="66151" src="https://min88.jp/inn/wp-content/uploads/2024/06/jhon3-1024x714.jpg" alt="" class="wp-image-66151"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2024/06/jhon4-1.jpg"><img decoding="async" width="1024" height="768" data-id="66153" src="https://min88.jp/inn/wp-content/uploads/2024/06/jhon4-1-1024x768.jpg" alt="" class="wp-image-66153"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2024/06/jhon2-1.jpeg"><img decoding="async" width="1024" height="768" data-id="66168" src="https://min88.jp/inn/wp-content/uploads/2024/06/jhon2-1-1024x768.jpeg" alt="" class="wp-image-66168"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2024/06/jhon2-2.jpeg"><img decoding="async" width="1024" height="768" data-id="66169" src="https://min88.jp/inn/wp-content/uploads/2024/06/jhon2-2-1024x768.jpeg" alt="" class="wp-image-66169"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2024/06/jhon2-3.jpeg"><img decoding="async" width="1024" height="918" data-id="66167" src="https://min88.jp/inn/wp-content/uploads/2024/06/jhon2-3-1024x918.jpeg" alt="" class="wp-image-66167"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2024/06/jhon2-4.jpeg"><img decoding="async" width="961" height="746" data-id="66166" src="https://min88.jp/inn/wp-content/uploads/2024/06/jhon2-4.jpeg" alt="" class="wp-image-66166"/></a></figure>
</figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="老闆的問候" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ ホストよりご挨拶 ▼▼▼ -->
<div class="min88-host-card-wrap">
  <div class="min88-host-card">

    <!-- 上部：アバター＋宿名＋オーナー名 -->
    <div style="
      display:flex;
      align-items:center;
      gap:16px;
      margin-bottom:12px;
    ">
      <!-- アバター -->
      <div style="width:42px;height:42px;flex:0 0 42px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3"></circle>
          <circle cx="32" cy="24" r="12" fill="#c4c4c4"></circle>
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4"></path>
        </svg>
      </div>

      <!-- 宿名＋ホスト名 -->
      <div>
        <div style="font-size:15px;font-weight:600;color:#222;line-height:1.3;">
          Hostel John Mang
        </div>
        <div style="font-size:13px;color:#888;margin-top:2px;line-height:1.3;">
          Host
        </div>
      </div>
    </div>

    <!-- 挨拶本文 -->
    <p style="
        margin:5px 0 8px;
        font-size:14px;
        line-height:1.6;
        color:#444;
      ">
      您好，這是一間為遍路旅人而開設的住宿。<br>
為了讓大家能盡量安靜舒適地休息，我們特別加厚了各房間的牆壁，並盡可能做了隔音處理。<br>
請好好放鬆休息，為明天的旅程做好準備。
    </p>

  </div>
</div>

<style>
/* ▼ PC版：レビュー枠と同じ */
.min88-host-card-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;   /* PC時 → レビューと同じ */
  box-sizing: border-box;
}

.min88-host-card {
  margin: 25px 0 20px;
  padding: 20px 20px 10px 25px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  box-sizing: border-box;
}

/* ▼ スマホ版：左右余白をレビュー枠と完全一致（0 3px） */
@media (max-width: 768px) {
  .min88-host-card-wrap {
    padding: 0 3px !important; /* ← これでレビュー枠と完全一致！ */
  }

  .min88-host-card {
    padding: 20px 15px 12px 22px;
  }
}
</style>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="使用者的聲音" class="wp-block-heading">住客評價</h3>



<!-- ▼▼▼ 利用者レビュー要約（繁体中文） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      來自外部網站的評論摘要
    </h3>

    <p class="min88-inn-review__text">
      有評論提到「雖然建築外觀看起來較老舊，但內部經過精美翻新，非常乾淨舒適」，顯示出傳統古民家外觀與現代化內裝的完美結合，獲得高度評價。許多旅客也表示「員工親切又好聊」，讓人感受到溫暖的待客之道。地點方面，評論中提到「巡行船碼頭就在眼前，參拜非常方便」、「提供免費停車場，交通便利又安心」，為旅客增添不少便利性。幾乎沒有關於餐飲或設施的負面意見。整體而言，這間民宿被高度評價為「溫馨又舒適、令人想再次造訪的住宿選擇」。
    <br>
    </p>
    <p class="min88-inn-review__source">
※此摘要係根據外部網站的貼文由 AI 生成。評論內容為投稿者個人的感想與意見，並不代表本網站的評價。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        參考來源： Google地圖 / 樂天旅遊 / Jalan / Booking.com / TripAdvisor / Yahoo!旅遊 等
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>



<!-- ▼▼▼ 投稿レビュー ▼▼▼ -->
<div class="min88-guest-review-card-wrap">
  <div style="
      margin:25px 0 20px;
      padding:20px 22px 14px 25px;
      border-radius:13px;
      border:1px solid #efefef;
      background:#fcfcfc;
      box-shadow:0 10px 13px rgba(0,0,0,0.15);
      box-sizing:border-box;
    ">

    <!-- 上部：アバター + 星 + 日付 -->
    <div style="
        display:flex;
        align-items:center;
        gap:14px;
        margin-bottom:10px;
      ">

      <!-- アバター -->
      <div style="width:40px;height:40px;flex:0 0 40px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3" />
          <circle cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 星評価 + 日付 -->
      <div>
        <div style="
            font-size:16px;
            letter-spacing:1px;
            color:#ffb400;
            line-height:1;
            margin-bottom:2px;
          ">
          ★★★★★
        </div>
        <div style="
            font-size:13px;
            color:#888888;
            line-height:1.3;
          ">
          2024年6月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      聽說「JOHN」是來自「約翰萬次郎」的名字。這是我第一次入住民宿，比想像中更舒適。老闆為了讓客人能夠好好休息，讓每位住客單獨使用宿舍房間。此外，對於安全和安心的細心關懷也讓人印象深刻。廚房很好用，從超市買來的熟食也吃得很美味。民宿離巡航船碼頭非常近。因為他們也經營民宿「薺菜 (Nazuna)」，雖然早上很忙，還特意送來了接待用的便當，真的很開心。要說的話，就是希望不只有淋浴，還能泡澡。
    </p>

  </div>
</div>

<style>
/* 投稿レビュー外枠：PCは 0 15px、スマホは 0 3px */
.min88-guest-review-card-wrap {
  max-width:1080px;
  margin:0 auto 28px;
  padding:0 15px;
  box-sizing:border-box;
}

@media (max-width:768px) {
  .min88-guest-review-card-wrap {
    padding:0 3px;
  }
}
</style>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>


]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>蔓澤菜 (Nazuna)</title>
		<link>https://min88.jp/inn/zh/26648/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Thu, 25 Aug 2022 07:18:07 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<category><![CDATA[4千日圓以下]]></category>
		<category><![CDATA[住客評價]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=26648</guid>

					<description><![CDATA[“ 一間讓旅人自然串起情誼的小旅宿 位於高知浦之內灣旁的「蔓澤菜 (Nazuna)」，是一間小而溫馨的旅宿，特 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      一間讓旅人自然串起情誼的小旅宿
    </h3>

    <p class="min88-inn-intro__text">
      位於高知浦之內灣旁的「蔓澤菜 (Nazuna)」，是一間小而溫馨的旅宿，特別適合獨自徒步朝聖、自行車或機車旅行者短暫停留。每間房間為獨立和式或洋式客房，設有電視與冰箱，提供靜謐的休息空間。館內設有洗衣機、烘乾機及 Wi-Fi，為長途旅程帶來便利與安心。鄰近遍路札所與渡船碼頭，是一個讓人邂逅溫柔交流與省思的理想驛站。
    </p>
  </div>
</div>

<style>
/* ------- 外側ラッパ（左右余白） ------- */
.min88-inn-intro-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ------- 本体ボックス ------- */
.min88-inn-intro {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン */
.min88-inn-intro__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;
  pointer-events: none;
  font-weight: 700;  /* ← 太字 */
}

/* タイトル（色もここで上書き） */
.min88-inn-intro h3.min88-inn-intro__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;   /* ← タイトルの色 */
}

/* 本文（色を強制上書き） */
.min88-inn-intro p.min88-inn-intro__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;   /* ← ここを好きな色に */
}

/* 最後の段落だけ下余白を広げる */
.min88-inn-intro p.min88-inn-intro__text:last-of-type {
  margin-bottom: 20px;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .min88-inn-intro-wrap {
    padding: 0 3px;
  }
  .min88-inn-intro {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-intro__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-intro h3.min88-inn-intro__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-intro p.min88-inn-intro__text {
    font-size: 14px;
  }
}
</style>



<!-- ▼▼▼ 区間距離インジケータHTML ▼▼▼ -->
<div id="route-lines">
  <!-- 行を増やすときは .route-line を複製して data-* だけ変更 -->
  <div class="route-line"
       data-lnum="36"
       data-lname="青龍寺"
       data-lkm="6.2"

       data-rkm="49.5"
       data-rnum="37"
       data-rname="岩本寺"> </div>
</div>

<style>
/* ===== このブロック内だけに作用する見た目ノブ ===== */
#route-lines{
  font-family: system-ui, "Noto Sans JP", sans-serif;

  --marker-size: 22px;     /* 家アイコンの大きさ */
  --marker-color: #000;
  --line-thickness: 4px;   /* 線の太さ */
  --house-gap: 6px;        /* 家と線の間隔（左右同じ） */
  --label-gap: 1px;        /* 寺名と線の間隔（PC/スマホ共通） */

  --distance-font: 12px;   /* 距離ラベルの文字サイズ */
  --distance-top: -16px;   /* 距離ラベルの縦位置（マイナス＝上） */

  --left-color:  #e60000;  /* 左線：赤 */
  --right-color: #aaaaaa;  /* 右線：#aaa */

  /* 距離テキストが切れないための逃げ場（左右は最小限） */
  --clip-pad-x: 6px;
  --clip-pad-top: 28px;
}

/* 行ごとの上下余白（調整可） */
#route-lines .row{ margin:80px 0; }

/* はみ出し防止：横だけ隠し、縦は見せる。左右はセーフエリア込みで最小限 */
#route-lines .row-clip{
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  padding-inline-start: calc(env(safe-area-inset-left, 0px) + var(--clip-pad-x));
  padding-inline-end:   calc(env(safe-area-inset-right,0px) + var(--clip-pad-x));
  padding-top: var(--clip-pad-top);
}

/* 並び：家の左右ギャップは --house-gap で統一 */
#route-lines .line-wrap{ display:flex; align-items:center; gap: var(--house-gap); }

/* 寺ラベル（縦2行） */
#route-lines .label{
  display:flex; flex-direction:column; align-items:center;
  font-weight:700; line-height:1.2; white-space:nowrap; flex:0 0 auto;
}
/* 寺名と線の間隔（左右とも --label-gap） */
#route-lines .label.left  { padding-right: var(--label-gap); }
#route-lines .label.right { padding-left:  var(--label-gap); }

/* 線（距離比で伸縮：WPCodeのJSが --left / --right をセットします） */
#route-lines .line{
  position:relative; height:var(--line-thickness);
  min-width:16px; flex-basis:0; flex-grow:1; min-inline-size:0;
}
#route-lines .line.left  { flex-grow: var(--left);  background: var(--left-color);  }
#route-lines .line.right { flex-grow: var(--right); background: var(--right-color); }

/* 距離ラベル */
#route-lines .distance{
  position:absolute; top: var(--distance-top); left:50%; transform:translateX(-50%);
  font-size:var(--distance-font); background:#fff; padding:0 4px; line-height:1.2;
  color:#000; white-space:nowrap; pointer-events:none;
}

/* 家（宿） */
#route-lines .marker{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--marker-size); height:var(--marker-size); line-height:1;
  color: var(--marker-color); user-select:none; flex:0 0 auto;
}
#route-lines .marker svg{ width:100%; height:100%; display:block; fill: currentColor; }
</style>
<!-- ▲ ここまで（JSはWPCodeに置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td>地址</td><td>高知縣須崎市浦之內灰方1116</td></tr><tr><td>電話</td><td>088-879-2047</td></tr><tr><td>停車場</td><td> &#8212;</td></tr><tr><td>房間數</td><td> &#8212;</td></tr><tr><td>價格</td><td>僅住宿：5,000日圓<br>含早餐： 未設定<br>含晚餐： 未設定<br>兩　餐： 未設定</td></tr><tr><td>官網</td><td><a href="https://nazuna-inn.jimdofree.com">nazuna-inn.jimdofree.com</a></td></tr><tr><td>入住時間</td><td>15:00 &#8211; 20:00</td></tr><tr><td>退房時間</td><td>9:00</td></tr><tr><td>WiFi</td><td>有</td></tr><tr><td>洗衣服務</td><td>洗衣機：有 (100日圓)<br>烘乾機：提供使用（100日圓／40分鐘）</td></tr><tr><td>付款方式</td><td>現金：可以<br>信用卡： &#8212;<br>電子支付： &#8212;</td></tr></tbody></table></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    請避免在清晨或深夜來電。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };       // 朝
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };     // 昼
      return { icon: "&#x1f319;", label: "" };                                 // 夜
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('zh-TW', options);
      const parts = fmt.formatToParts(now);
      const hour = parseInt(parts.find(p => p.type === 'hour').value, 10);
      const minute = parts.find(p => p.type === 'minute').value;
      const colon = `<span style="opacity:${showColon ? 1 : 0};">:</span>`;
      const { icon, label } = getPeriod(hour);

      el.innerHTML = `日本時間：${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



<!-- ▼▼▼ &#x1f310;『電話で空室確認』テキストリンク ▼▼▼ -->

<div class="min88-phone-text-link">
  <a href="#" class="min88-phone-link" onclick="logAndCall(event, '088-879-2047')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

<div class="min88-phone-time-msg"></div>

<style>
.min88-phone-text-link{
  text-align:center;
  padding-top:10px;
  margin-bottom:0;
}

/* ▼ 通常時（営業時間内） */
.min88-phone-text-link a,
.min88-phone-text-link a:visited,
.min88-phone-text-link a:hover,
.min88-phone-text-link a:active,
.min88-phone-text-link a:focus{
  color:#0066cc;
  font-size:15.5px;
  font-weight:500;
  text-decoration:none !important;
  border-bottom:1px solid #7fb3e6;
  padding-bottom:2px;
  transition:color .2s,border-color .2s;
}

/* ▼ hover時 */
.min88-phone-text-link a:hover{
  color:#004c99;
  border-bottom-color:#4d94d9;
}

/* ▼ 時間外 */
.min88-phone-link.is-disabled,
.min88-phone-link.is-disabled:visited,
.min88-phone-link.is-disabled:hover,
.min88-phone-link.is-disabled:active,
.min88-phone-link.is-disabled:focus{
  color:#aaa !important;
  border-bottom-color:#ddd !important;
  text-decoration:none !important;
  cursor:not-allowed;
  pointer-events:none;
}

.min88-phone-time-msg{
  display:none;
  margin:6px 0 18px;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  color:#666;
  text-align:center;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {

  const link = document.querySelector(".min88-phone-link");
  const msg = document.querySelector(".min88-phone-time-msg");

  if (!link || !msg) return;

  const lang = document.documentElement.lang || "ja";

  let langKey = "ja";

  if (lang.startsWith("en")) {

    langKey = "en";

  } else if (lang.startsWith("zh")) {

    langKey = "zh";

  }

  const textMap = {

    ja: {
      normal: "&#x260e; 電話で空室確認",
      disabled: "&#x260e; 電話対応時間外",
      hours: (s, e) => `受付時間 ${s}〜${e}`
    },

    en: {
      normal: "&#x260e; Check by Phone",
      disabled: "&#x260e; Outside Call Hours",
      hours: (s, e) => `Call hours ${s}–${e}`
    },

    zh: {
      normal: "&#x260e; 電話確認空房",
      disabled: "&#x260e; 非電話服務時間",
      hours: (s, e) => `服務時間 ${s}–${e}`
    }

  };

  const t = textMap[langKey];

  const startHour = 8;
  const startMin  = 0;
  const endHour   = 20;
  const endMin    = 0;

  const now = new Date();

  const nowMinutes =
    now.getHours() * 60 + now.getMinutes();

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

  const format = (h, m) =>
    `${h}:${String(m).padStart(2,'0')}`;

  const startStr = format(startHour, startMin);
  const endStr   = format(endHour, endMin);

  if (
    nowMinutes < startMinutes ||
    nowMinutes >= endMinutes
  ) {

    link.classList.add("is-disabled");

    link.onclick = function(e){
      e.preventDefault();
    };

    link.textContent = t.disabled;

    msg.style.display = "block";

    msg.textContent =
      t.hours(startStr, endStr);

  } else {

    link.classList.remove("is-disabled");

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



<ul class="wp-block-list">
<li>可提供英語服務</li>



<li>繁忙期有加價</li>



<li>步行遍路者及僅住宿的情況下，提供前往便利商店和超市的接送服務</li>



<li>設備：<br>共用廚房、交流空間、Wi-Fi、男女分開浴室、男女分開廁所、各房間冰箱、半雙人床、冷氣、投幣式洗衣機與烘衣機</li>



<li>備品：<br>浴衣（夏季提供甚平）、浴巾、毛巾、沐浴海綿、牙刷</li>



<li>餐食：<br>免費輕食（白飯、咖哩、義大利麵、炒麵、拉麵，皆為自行料理）、免費早餐（吐司、香蕉、生雞蛋、手沖咖啡）、免費茶飲等，另有付費飲料（酒類與軟性飲料）</li>



<li>其他：<br>隔天早上的市營巡航船搭乘地點為「深浦漁港」或「埋立乗場」。<br>若為「埋立乗場」，將提供車輛接送服務。<br>★ 週日及國定假日市營巡航船停駛，將改由 Nazuna 的小船接送渡船。（不定期營運，需符合最低乘船人數條件，並須事先預約。）</li>
</ul>


<p><br />
<br />
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1661411489846!6m8!1m7!1sh4unBxPSKlK-sNEeJFCuGg!2m2!1d33.44808444522773!2d133.4176233504397!3f277.6099980423237!4f7.668110215295158!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d32847.28322297858!2d133.41310151243266!3d33.44249818253268!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e3edabdebc057%3A0x56afe5631937e097!2z44CSNzg1LTAxNjcg6auY55-l55yM6aCI5bSO5biC5rWm44OO5YaF54Gw5pa577yR77yR77yR77yW!5e0!3m2!1sja!2sjp!4v1677938729144!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=民宿 なずな&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna1.jpeg"><img decoding="async" width="1024" height="768" data-id="66198" src="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna1-1024x768.jpeg" alt="" class="wp-image-66198"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna2.jpeg"><img decoding="async" width="1024" height="768" data-id="66192" src="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna2-1024x768.jpeg" alt="" class="wp-image-66192"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna3.jpeg"><img decoding="async" width="1024" height="768" data-id="66194" src="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna3-1024x768.jpeg" alt="" class="wp-image-66194"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna4.jpeg"><img decoding="async" width="1024" height="768" data-id="66191" src="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna4-1024x768.jpeg" alt="" class="wp-image-66191"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna5.jpeg"><img decoding="async" width="1024" height="768" data-id="66193" src="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna5-1024x768.jpeg" alt="" class="wp-image-66193"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna6.jpeg"><img decoding="async" width="1024" height="768" data-id="66195" src="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna6-1024x768.jpeg" alt="" class="wp-image-66195"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna7.jpeg"><img decoding="async" width="1024" height="768" data-id="66196" src="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna7-1024x768.jpeg" alt="" class="wp-image-66196"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna8.jpeg"><img decoding="async" width="1024" height="768" data-id="66197" src="https://min88.jp/inn/wp-content/uploads/2022/08/nazuna8-1024x768.jpeg" alt="" class="wp-image-66197"/></a></figure>
</figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="老闆的問候" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="使用者的聲音" class="wp-block-heading">住客評價</h3>



<!-- ▼▼▼ 利用者レビュー要約（繁体中文） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      來自外部網站的評論摘要
    </h3>

    <p class="min88-inn-review__text">
      也有旅人提到：「房間乾淨舒適，設施維護良好，老闆的體貼讓人感動。」更有人回憶：「船班停駛時，老闆還自己開船送我一程，真的非常感謝。」這些評價展現了這間小旅宿的貼心與彈性服務，為旅程添上一抹溫暖。
    <br>
    </p>
    <p class="min88-inn-review__source">
※此摘要係根據外部網站的貼文由 AI 生成。評論內容為投稿者個人的感想與意見，並不代表本網站的評價。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        參考來源： Google地圖 / 樂天旅遊 / Jalan / Booking.com / TripAdvisor / Yahoo!旅遊 等
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>



<!-- ▼▼▼ 投稿レビュー ▼▼▼ -->
<div class="min88-guest-review-card-wrap">
  <div style="
      margin:25px 0 20px;
      padding:20px 22px 14px 25px;
      border-radius:13px;
      border:1px solid #efefef;
      background:#fcfcfc;
      box-shadow:0 10px 13px rgba(0,0,0,0.15);
      box-sizing:border-box;
    ">

    <!-- 上部：アバター + 星 + 日付 -->
    <div style="
        display:flex;
        align-items:center;
        gap:14px;
        margin-bottom:10px;
      ">

      <!-- アバター -->
      <div style="width:40px;height:40px;flex:0 0 40px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3" />
          <circle cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 星評価 + 日付 -->
      <div>
        <div style="
            font-size:16px;
            letter-spacing:1px;
            color:#ffb400;
            line-height:1;
            margin-bottom:2px;
          ">
          ★★★★★
        </div>
        <div style="
            font-size:13px;
            color:#888888;
            line-height:1.3;
          ">
          2022年10月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      我在年末年初的時候作為步行遍路者住在這裡。<br>
餐點非常豐盛又美味，我非常滿意。<br>
住宿設施乾淨整潔，店家的貼心服務也讓我感覺非常好。<br>
這裡面向浦之內灣，平時可以搭乘巡航船，但當巡航船不運行時，店主會提供收費的船隻服務，送到橫浪的碼頭。
    </p>

  </div>
</div>

<style>
/* 投稿レビュー外枠：PCは 0 15px、スマホは 0 3px */
.min88-guest-review-card-wrap {
  max-width:1080px;
  margin:0 auto 28px;
  padding:0 15px;
  box-sizing:border-box;
}

@media (max-width:768px) {
  .min88-guest-review-card-wrap {
    padding:0 3px;
  }
}
</style>



<!-- ▼▼▼ 投稿レビュー ▼▼▼ -->
<div class="min88-guest-review-card-wrap">
  <div style="
      margin:25px 0 20px;
      padding:20px 22px 14px 25px;
      border-radius:13px;
      border:1px solid #efefef;
      background:#fcfcfc;
      box-shadow:0 10px 13px rgba(0,0,0,0.15);
      box-sizing:border-box;
    ">

    <!-- 上部：アバター + 星 + 日付 -->
    <div style="
        display:flex;
        align-items:center;
        gap:14px;
        margin-bottom:10px;
      ">

      <!-- アバター -->
      <div style="width:40px;height:40px;flex:0 0 40px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3" />
          <circle cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 星評価 + 日付 -->
      <div>
        <div style="
            font-size:16px;
            letter-spacing:1px;
            color:#ffb400;
            line-height:1;
            margin-bottom:2px;
          ">
          &#8212;&#8211;
        </div>
        <div style="
            font-size:13px;
            color:#888888;
            line-height:1.3;
          ">
          2026年3月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      致電詢問時，對方表示因為家中長輩年事已高，已無法提供餐食，目前僅提供純住宿服務。
    </p>

  </div>
</div>

<style>
/* 投稿レビュー外枠：PCは 0 15px、スマホは 0 3px */
.min88-guest-review-card-wrap {
  max-width:1080px;
  margin:0 auto 28px;
  padding:0 15px;
  box-sizing:border-box;
}

@media (max-width:768px) {
  .min88-guest-review-card-wrap {
    padding:0 3px;
  }
}
</style>



<!-- ▼▼▼ 投稿レビュー ▼▼▼ -->
<div class="min88-guest-review-card-wrap">
  <div style="
      margin:25px 0 20px;
      padding:20px 22px 14px 25px;
      border-radius:13px;
      border:1px solid #efefef;
      background:#fcfcfc;
      box-shadow:0 10px 13px rgba(0,0,0,0.15);
      box-sizing:border-box;
    ">

    <!-- 上部：アバター + 星 + 日付 -->
    <div style="
        display:flex;
        align-items:center;
        gap:14px;
        margin-bottom:10px;
      ">

      <!-- アバター -->
      <div style="width:40px;height:40px;flex:0 0 40px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3"></circle>
          <circle cx="32" cy="24" r="12" fill="#c4c4c4"></circle>
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4"></path>
        </svg>
      </div>

      <!-- 星評価 + 日付 -->
      <div>
        <div style="
            font-size:16px;
            letter-spacing:1px;
            color:#ffb400;
            line-height:1;
            margin-bottom:2px;
          ">
          ★★★★
        </div>
        <div style="
            font-size:13px;
            color:#888888;
            line-height:1.3;
          ">
          2026年6月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      我於2026年6月以遍路旅人的身分入住這裡。旅宿似乎由一對夫妻和一隻可愛的貓咪共同經營。<br>

住宿方案看起來僅提供不含餐住宿，但晚餐時，老闆夫妻很貼心地接送我前往想用餐的餐廳。<br>

早餐則準備了沙拉、麵包和咖啡，採自助方式自由取用。我也獲准使用廚房和料理用具，因此事先買了火腿，自己做了火腿三明治享用。<br>

設施新穎且維持得十分乾淨。室內裝潢充滿巧思與溫馨感，或許是女主人的個人品味，整體風格相當可愛，我想應該會很受女性旅客喜愛。感謝您們帶來愉快的住宿體驗。
    </p>

  </div>
</div>

<style>
/* 投稿レビュー外枠：PCは 0 15px、スマホは 0 3px */
.min88-guest-review-card-wrap {
  max-width:1080px;
  margin:0 auto 28px;
  padding:0 15px;
  box-sizing:border-box;
}

@media (max-width:768px) {
  .min88-guest-review-card-wrap {
    padding:0 3px;
  }
}
</style>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>旭 (Asahi)</title>
		<link>https://min88.jp/inn/zh/27406/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sat, 09 Oct 2021 01:01:04 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<category><![CDATA[4千日圓以下]]></category>
		<category><![CDATA[暫停營業・歇業]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=27406</guid>

					<description><![CDATA[暫停營業・歇業 “ 漁村風情與潮聲交織、沁入心靈的小宿 位於高知縣須崎市浦之內的 池之浦，「民宿 旭」 是一間 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  



<!-- ▼▼▼ 休業･閉業 ピンク帯（台湾華語） ▼▼▼ -->
<div class="min88-closed-card-wrap">
  <div style="
      margin:25px 0 20px;
      padding:20px 22px 18px 23px;
      border-radius:13px;
      background:#fd8a82;
      box-shadow:0 10px 13px rgba(0,0,0,0.15);
      box-sizing:border-box;
    ">

    <!-- テキスト -->
    <p style="
        margin:0;
        font-size:15px;
        line-height:1.7;
        font-weight: 500;
        color:#000000;
      ">
      暫停營業・歇業
    </p>

  </div>
</div>

<style>
.min88-closed-card-wrap {
  max-width:1080px;
  margin:0 auto 28px;
  padding:0 15px;
  box-sizing:border-box;
}

@media (max-width:768px) {
  .min88-closed-card-wrap {
    padding:0 3px;
  }
}
</style>






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      漁村風情與潮聲交織、沁入心靈的小宿
    </h3>

    <p class="min88-inn-intro__text">
      位於高知縣須崎市浦之內的 池之浦，「民宿 旭」 是一間坐落在港口高地、擁有 兩間日式榻榻米客房 的溫馨小旅宿。從窗邊望去便可俯瞰寧靜的港灣景色，讓人沉浸於 漁村的懷舊氛圍。由主人與女將親切經營，晚餐以 新鮮海鮮料理 為主，溫暖滋味直達心底，為徒步旅人補充能量。雖然建築設計樸素簡單，卻完整保留了舊時漁村的風貌，喜愛原汁原味風情的人會覺得格外動人。伴隨著 潮聲與海風，旅途的疲憊自然消散，這裡是一處在朝聖途中 安然休憩 的安心之所。
    </p>
  </div>
</div>

<style>
/* ------- 外側ラッパ（左右余白） ------- */
.min88-inn-intro-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ------- 本体ボックス ------- */
.min88-inn-intro {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン */
.min88-inn-intro__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;
  pointer-events: none;
  font-weight: 700;  /* ← 太字 */
}

/* タイトル（色もここで上書き） */
.min88-inn-intro h3.min88-inn-intro__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;   /* ← タイトルの色 */
}

/* 本文（色を強制上書き） */
.min88-inn-intro p.min88-inn-intro__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;   /* ← ここを好きな色に */
}

/* 最後の段落だけ下余白を広げる */
.min88-inn-intro p.min88-inn-intro__text:last-of-type {
  margin-bottom: 20px;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .min88-inn-intro-wrap {
    padding: 0 3px;
  }
  .min88-inn-intro {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-intro__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-intro h3.min88-inn-intro__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-intro p.min88-inn-intro__text {
    font-size: 14px;
  }
}
</style>



<!-- ▼▼▼ 区間距離インジケータHTML ▼▼▼ -->
<div id="route-lines">
  <!-- 行を増やすときは .route-line を複製して data-* だけ変更 -->
  <div class="route-line"
       data-lnum="36"
       data-lname="青龍寺"
       data-lkm="8.6"

       data-rkm="48.6"
       data-rnum="37"
       data-rname="岩本寺"> </div>
</div>

<style>
/* ===== このブロック内だけに作用する見た目ノブ ===== */
#route-lines{
  font-family: system-ui, "Noto Sans JP", sans-serif;

  --marker-size: 22px;     /* 家アイコンの大きさ */
  --marker-color: #000;
  --line-thickness: 4px;   /* 線の太さ */
  --house-gap: 6px;        /* 家と線の間隔（左右同じ） */
  --label-gap: 1px;        /* 寺名と線の間隔（PC/スマホ共通） */

  --distance-font: 12px;   /* 距離ラベルの文字サイズ */
  --distance-top: -16px;   /* 距離ラベルの縦位置（マイナス＝上） */

  --left-color:  #e60000;  /* 左線：赤 */
  --right-color: #aaaaaa;  /* 右線：#aaa */

  /* 距離テキストが切れないための逃げ場（左右は最小限） */
  --clip-pad-x: 6px;
  --clip-pad-top: 28px;
}

/* 行ごとの上下余白（調整可） */
#route-lines .row{ margin:80px 0; }

/* はみ出し防止：横だけ隠し、縦は見せる。左右はセーフエリア込みで最小限 */
#route-lines .row-clip{
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  padding-inline-start: calc(env(safe-area-inset-left, 0px) + var(--clip-pad-x));
  padding-inline-end:   calc(env(safe-area-inset-right,0px) + var(--clip-pad-x));
  padding-top: var(--clip-pad-top);
}

/* 並び：家の左右ギャップは --house-gap で統一 */
#route-lines .line-wrap{ display:flex; align-items:center; gap: var(--house-gap); }

/* 寺ラベル（縦2行） */
#route-lines .label{
  display:flex; flex-direction:column; align-items:center;
  font-weight:700; line-height:1.2; white-space:nowrap; flex:0 0 auto;
}
/* 寺名と線の間隔（左右とも --label-gap） */
#route-lines .label.left  { padding-right: var(--label-gap); }
#route-lines .label.right { padding-left:  var(--label-gap); }

/* 線（距離比で伸縮：WPCodeのJSが --left / --right をセットします） */
#route-lines .line{
  position:relative; height:var(--line-thickness);
  min-width:16px; flex-basis:0; flex-grow:1; min-inline-size:0;
}
#route-lines .line.left  { flex-grow: var(--left);  background: var(--left-color);  }
#route-lines .line.right { flex-grow: var(--right); background: var(--right-color); }

/* 距離ラベル */
#route-lines .distance{
  position:absolute; top: var(--distance-top); left:50%; transform:translateX(-50%);
  font-size:var(--distance-font); background:#fff; padding:0 4px; line-height:1.2;
  color:#000; white-space:nowrap; pointer-events:none;
}

/* 家（宿） */
#route-lines .marker{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--marker-size); height:var(--marker-size); line-height:1;
  color: var(--marker-color); user-select:none; flex:0 0 auto;
}
#route-lines .marker svg{ width:100%; height:100%; display:block; fill: currentColor; }
</style>
<!-- ▲ ここまで（JSはWPCodeに置く） -->



<h3 class="wp-block-heading" id="基本信息">基本資訊</h3>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td>地址</td><td>高知縣須崎市浦之內池之浦241</td></tr><tr><td>電話</td><td>088-856-2090</td></tr><tr><td>停車場</td><td>有</td></tr><tr><td>房間數</td><td>日式房2間</td></tr><tr><td>價格</td><td>僅住宿：4,000日圓<br>含早餐：&#8212;<br>含晚餐：&#8212;<br>兩　餐：7,000日圓起</td></tr><tr><td>官網</td><td>&#8212;</td></tr><tr><td>入住時間</td><td>&#8212;</td></tr><tr><td>退房時間</td><td>&#8212;</td></tr><tr><td>WiFi</td><td>&#8212;</td></tr><tr><td>洗衣服務</td><td>洗衣機：&#8212;<br>烘乾機：&#8212;</td></tr><tr><td>付款方式</td><td>現金：可以<br>信用卡：&#8212;<br>電子支付：&#8212;</td></tr></tbody></table></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    請避免在清晨或深夜來電。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };       // 朝
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };     // 昼
      return { icon: "&#x1f319;", label: "" };                                 // 夜
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('zh-TW', options);
      const parts = fmt.formatToParts(now);
      const hour = parseInt(parts.find(p => p.type === 'hour').value, 10);
      const minute = parts.find(p => p.type === 'minute').value;
      const colon = `<span style="opacity:${showColon ? 1 : 0};">:</span>`;
      const { icon, label } = getPeriod(hour);

      el.innerHTML = `日本時間：${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-75"><a class="wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button" style="background-color:#eeeeee">打電話（限日本境內）</a></div>
</div>



<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="補充信息">補充資訊</h3>



<ul class="wp-block-list">
<li>−</li>



<li>−</li>



<li>−</li>
</ul>












<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="地圖"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1641809230931!6m8!1m7!1sdDD1wTm5Vl5Q0yQdCcGA8g!2m2!1d33.40961144098263!2d133.4104964819295!3f349.2930300559374!4f7.195958531364994!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



<div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d42393.00731099818!2d133.3826882015795!3d33.40927030831846!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e3f543e676dd5%3A0xf885c48a4e73a6bb!2z5pet5peF6aSo!5e0!3m2!1sja!2sjp!4v1677977995715!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=民宿旭　須崎市&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="投稿圖片">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="老闆的問候">房東的話</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="使用者的聲音">住客評價</h3>



<!-- ▼▼▼ 利用者レビュー要約（繁体中文） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      來自外部網站的評論摘要
    </h3>

    <p class="min88-inn-review__text">
      未找到任何評論或使用者留言。
    <br>
    </p>
    <p class="min88-inn-review__source">
※此摘要係根據外部網站的貼文由 AI 生成。評論內容為投稿者個人的感想與意見，並不代表本網站的評價。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        參考來源： Google地圖 / 樂天旅遊 / Jalan / Booking.com / TripAdvisor / Yahoo!旅遊 等
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>蜜子 (Micchan)</title>
		<link>https://min88.jp/inn/zh/27413/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sat, 09 Oct 2021 00:57:32 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<category><![CDATA[暫停營業・歇業]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=27413</guid>

					<description><![CDATA[休業・閉業 「民宿蜜子」目前處於休業或閉業狀態。 嗯，真可惜…]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  



<p class="has-text-align-left has-background wp-block-paragraph" style="background-color:#fd8a82"><strong>休業・閉業</strong></p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-center wp-block-paragraph"><strong>「民宿蜜子」目前處於休業或閉業狀態。</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" width="1024" height="1024" src="https://min88.jp/inn/wp-content/uploads/2023/01/closed_pic.png" alt="" class="wp-image-26255" style="width:150px"/></figure>
</div>


<p class="has-text-align-center wp-block-paragraph"><strong> 嗯，真可惜…</strong></p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>生活之根 (Kurashi no Nekko)</title>
		<link>https://min88.jp/inn/zh/29254/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 25 May 2021 00:33:35 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[別格05 大善寺]]></category>
		<category><![CDATA[別格二十靈場]]></category>
		<category><![CDATA[高知縣]]></category>
		<category><![CDATA[4千日圓以下]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=29254</guid>

					<description><![CDATA[“ 像在鄉下生活一樣，一棟獨享的老宅民宿 生活之根 (Kurashi no Nekko) 是位於高知縣須崎市青 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      像在鄉下生活一樣，一棟獨享的老宅民宿
    </h3>

    <p class="min88-inn-intro__text">
      生活之根 (Kurashi no Nekko) 是位於高知縣須崎市青木町的老宅民宿，一天只接待一組旅客，提供素泊形式的住宿體驗。這棟昭和初期建造的古民家經由在地居民的手工改造，從舊衣櫃改製的床、塗上土佐漆喰的牆面，到房內點綴的雜貨，處處可見高知的匠心。民宿一樓還設有「Cona-Cafe」和在地共享空間，提供手作甜點和地產雜貨，讓人感受到日常生活的美好。就像回到熟悉親人家的感覺，這裡讓步行遍路者能在旅途中短暫歇息，放鬆心情並重新整頓身心。
    </p>
  </div>
</div>

<style>
/* ------- 外側ラッパ（左右余白） ------- */
.min88-inn-intro-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ------- 本体ボックス ------- */
.min88-inn-intro {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン */
.min88-inn-intro__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;
  pointer-events: none;
  font-weight: 700;  /* ← 太字 */
}

/* タイトル（色もここで上書き） */
.min88-inn-intro h3.min88-inn-intro__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;   /* ← タイトルの色 */
}

/* 本文（色を強制上書き） */
.min88-inn-intro p.min88-inn-intro__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;   /* ← ここを好きな色に */
}

/* 最後の段落だけ下余白を広げる */
.min88-inn-intro p.min88-inn-intro__text:last-of-type {
  margin-bottom: 20px;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .min88-inn-intro-wrap {
    padding: 0 3px;
  }
  .min88-inn-intro {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-intro__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-intro h3.min88-inn-intro__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-intro p.min88-inn-intro__text {
    font-size: 14px;
  }
}
</style>



<!-- ▼▼▼ 区間距離インジケータHTML ▼▼▼ -->
<div id="route-lines">
  <!-- 行を増やすときは .route-line を複製して data-* だけ変更 -->
  <div class="route-line"
       data-lnum="36"
       data-lname="青龍寺"
       data-lkm="24.7"

       data-rkm="31.7"
       data-rnum="37"
       data-rname="岩本寺"> </div>
</div>

<style>
/* ===== このブロック内だけに作用する見た目ノブ ===== */
#route-lines{
  font-family: system-ui, "Noto Sans JP", sans-serif;

  --marker-size: 22px;     /* 家アイコンの大きさ */
  --marker-color: #000;
  --line-thickness: 4px;   /* 線の太さ */
  --house-gap: 6px;        /* 家と線の間隔（左右同じ） */
  --label-gap: 1px;        /* 寺名と線の間隔（PC/スマホ共通） */

  --distance-font: 12px;   /* 距離ラベルの文字サイズ */
  --distance-top: -16px;   /* 距離ラベルの縦位置（マイナス＝上） */

  --left-color:  #e60000;  /* 左線：赤 */
  --right-color: #aaaaaa;  /* 右線：#aaa */

  /* 距離テキストが切れないための逃げ場（左右は最小限） */
  --clip-pad-x: 6px;
  --clip-pad-top: 28px;
}

/* 行ごとの上下余白（調整可） */
#route-lines .row{ margin:80px 0; }

/* はみ出し防止：横だけ隠し、縦は見せる。左右はセーフエリア込みで最小限 */
#route-lines .row-clip{
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  padding-inline-start: calc(env(safe-area-inset-left, 0px) + var(--clip-pad-x));
  padding-inline-end:   calc(env(safe-area-inset-right,0px) + var(--clip-pad-x));
  padding-top: var(--clip-pad-top);
}

/* 並び：家の左右ギャップは --house-gap で統一 */
#route-lines .line-wrap{ display:flex; align-items:center; gap: var(--house-gap); }

/* 寺ラベル（縦2行） */
#route-lines .label{
  display:flex; flex-direction:column; align-items:center;
  font-weight:700; line-height:1.2; white-space:nowrap; flex:0 0 auto;
}
/* 寺名と線の間隔（左右とも --label-gap） */
#route-lines .label.left  { padding-right: var(--label-gap); }
#route-lines .label.right { padding-left:  var(--label-gap); }

/* 線（距離比で伸縮：WPCodeのJSが --left / --right をセットします） */
#route-lines .line{
  position:relative; height:var(--line-thickness);
  min-width:16px; flex-basis:0; flex-grow:1; min-inline-size:0;
}
#route-lines .line.left  { flex-grow: var(--left);  background: var(--left-color);  }
#route-lines .line.right { flex-grow: var(--right); background: var(--right-color); }

/* 距離ラベル */
#route-lines .distance{
  position:absolute; top: var(--distance-top); left:50%; transform:translateX(-50%);
  font-size:var(--distance-font); background:#fff; padding:0 4px; line-height:1.2;
  color:#000; white-space:nowrap; pointer-events:none;
}

/* 家（宿） */
#route-lines .marker{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--marker-size); height:var(--marker-size); line-height:1;
  color: var(--marker-color); user-select:none; flex:0 0 auto;
}
#route-lines .marker svg{ width:100%; height:100%; display:block; fill: currentColor; }
</style>
<!-- ▲ ここまで（JSはWPCodeに置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td>地址</td><td>高知縣須崎市青木町5-14</td></tr><tr><td>電話</td><td>050-8808-6388<br>接待時間：上午9:00～下午5:00</td></tr><tr><td>停車場</td><td>有（500日圓／每晚）</td></tr><tr><td>房間數</td><td>和式房間 2間</td></tr><tr><td>價格</td><td>僅住宿：4,000日圓<br>含早餐： &#8212;<br>含晚餐： &#8212;<br>兩　餐： &#8212;</td></tr><tr><td>官網</td><td><a href="https://kurashinonekko.com">kurashinonekko.com</a></td></tr><tr><td>入住時間</td><td>15:00 &#8211; 20:00</td></tr><tr><td>退房時間</td><td>10:00</td></tr><tr><td>WiFi</td><td>有</td></tr><tr><td>洗衣服務</td><td>洗衣機：有<br>烘乾機： &#8212;</td></tr><tr><td>付款方式</td><td>現金：可以<br>信用卡：可以<br>電子支付： &#8212;</td></tr></tbody></table></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    請避免在清晨或深夜來電。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };       // 朝
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };     // 昼
      return { icon: "&#x1f319;", label: "" };                                 // 夜
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('zh-TW', options);
      const parts = fmt.formatToParts(now);
      const hour = parseInt(parts.find(p => p.type === 'hour').value, 10);
      const minute = parts.find(p => p.type === 'minute').value;
      const colon = `<span style="opacity:${showColon ? 1 : 0};">:</span>`;
      const { icon, label } = getPeriod(hour);

      el.innerHTML = `日本時間：${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



<!-- ▼▼▼ &#x1f310;『電話で空室確認』テキストリンク ▼▼▼ -->

<div class="min88-phone-text-link">
  <a href="#" class="min88-phone-link" onclick="logAndCall(event, '050-8808-6388')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

<div class="min88-phone-time-msg"></div>

<style>
.min88-phone-text-link{
  text-align:center;
  padding-top:10px;
  margin-bottom:0;
}

/* ▼ 通常時（営業時間内） */
.min88-phone-text-link a,
.min88-phone-text-link a:visited,
.min88-phone-text-link a:hover,
.min88-phone-text-link a:active,
.min88-phone-text-link a:focus{
  color:#0066cc;
  font-size:15.5px;
  font-weight:500;
  text-decoration:none !important;
  border-bottom:1px solid #7fb3e6;
  padding-bottom:2px;
  transition:color .2s,border-color .2s;
}

/* ▼ hover時 */
.min88-phone-text-link a:hover{
  color:#004c99;
  border-bottom-color:#4d94d9;
}

/* ▼ 時間外 */
.min88-phone-link.is-disabled,
.min88-phone-link.is-disabled:visited,
.min88-phone-link.is-disabled:hover,
.min88-phone-link.is-disabled:active,
.min88-phone-link.is-disabled:focus{
  color:#aaa !important;
  border-bottom-color:#ddd !important;
  text-decoration:none !important;
  cursor:not-allowed;
  pointer-events:none;
}

.min88-phone-time-msg{
  display:none;
  margin:6px 0 18px;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  color:#666;
  text-align:center;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {

  const link = document.querySelector(".min88-phone-link");
  const msg = document.querySelector(".min88-phone-time-msg");

  if (!link || !msg) return;

  const lang = document.documentElement.lang || "ja";

  let langKey = "ja";

  if (lang.startsWith("en")) {

    langKey = "en";

  } else if (lang.startsWith("zh")) {

    langKey = "zh";

  }

  const textMap = {

    ja: {
      normal: "&#x260e; 電話で空室確認",
      disabled: "&#x260e; 電話対応時間外",
      hours: (s, e) => `受付時間 ${s}〜${e}`
    },

    en: {
      normal: "&#x260e; Check by Phone",
      disabled: "&#x260e; Outside Call Hours",
      hours: (s, e) => `Call hours ${s}–${e}`
    },

    zh: {
      normal: "&#x260e; 電話確認空房",
      disabled: "&#x260e; 非電話服務時間",
      hours: (s, e) => `服務時間 ${s}–${e}`
    }

  };

  const t = textMap[langKey];

  const startHour = 9;
  const startMin  = 0;
  const endHour   = 17;
  const endMin    = 0;

  const now = new Date();

  const nowMinutes =
    now.getHours() * 60 + now.getMinutes();

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

  const format = (h, m) =>
    `${h}:${String(m).padStart(2,'0')}`;

  const startStr = format(startHour, startMin);
  const endStr   = format(endHour, endMin);

  if (
    nowMinutes < startMinutes ||
    nowMinutes >= endMinutes
  ) {

    link.classList.add("is-disabled");

    link.onclick = function(e){
      e.preventDefault();
    };

    link.textContent = t.disabled;

    msg.style.display = "block";

    msg.textContent =
      t.hours(startStr, endStr);

  } else {

    link.classList.remove("is-disabled");

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



<ul class="wp-block-list">
<li>−</li>



<li>−</li>



<li>−</li>
</ul>


<p><br />
<br />
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1624093638985!6m8!1m7!1sMh-OZYncFehPJyQMFI-1tQ!2m2!1d33.38983215809823!2d133.2898204938752!3f53.520003607896854!4f8.977127191180344!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



<div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53300.44475580147!2d133.25497542654676!3d33.38991601357813!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e492a1a407175%3A0x382ecced6b681143!2z5pqu44KJ44GX44Gu44Gt44Gj44GT!5e0!3m2!1sja!2sjp!4v1678145027901!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=暮らしのねっこ&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="老闆的問候" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="使用者的聲音" class="wp-block-heading">住客評價</h3>



<!-- ▼▼▼ 利用者レビュー要約（繁体中文） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      來自外部網站的評論摘要
    </h3>

    <p class="min88-inn-review__text">
      有旅客表示「一棟包棟，不必在意其他住客，可以安心自在地入住」，給予高度評價。經過改造的建築保有倉庫老宅的氛圍，許多人讚許其「就像回到誰家的老家一樣親切」。基本為素泊風格，但設有簡易廚房設備，有人表示「能像在當地生活一樣住宿」，留下深刻印象。也有少數意見指出「外觀不特別美麗」，但整體而言，這裡是「被歷史與寧靜包圍、令人舒適放鬆的住宿空間」，受到許多旅人的喜愛。
    <br>
    </p>
    <p class="min88-inn-review__source">
※此摘要係根據外部網站的貼文由 AI 生成。評論內容為投稿者個人的感想與意見，並不代表本網站的評價。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        參考來源： Google地圖 / 樂天旅遊 / Jalan / Booking.com / TripAdvisor / Yahoo!旅遊 等
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>吉村旅館 (Yoshimura Ryokan)</title>
		<link>https://min88.jp/inn/zh/29259/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 25 May 2021 00:27:46 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[別格05 大善寺]]></category>
		<category><![CDATA[別格二十靈場]]></category>
		<category><![CDATA[高知縣]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=29259</guid>

					<description><![CDATA[“ 昭和時代木造風情濃厚，靜謐中庭療癒身心的懷舊旅宿 吉村旅館 (Yoshimura Ryokan)位於高知縣 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      昭和時代木造風情濃厚，靜謐中庭療癒身心的懷舊旅宿
    </h3>

    <p class="min88-inn-intro__text">
      吉村旅館 (Yoshimura Ryokan)位於高知縣須崎市，從須崎車站步行即可抵達，是一家擁有百年以上歷史的老字號旅館。建築以木造的日式風格包圍中庭呈「ㄇ字形」，保留昭和時代的懷舊氣息。全館共有12間客房，另設有免費停車位6台，是結合便利與靜謐的安心之所。無論是木頭的香氣還是綠意盎然的中庭，都讓人心情自然沈澱，是適合步行遍路旅途中稍作停留、恢復元氣的療癒空間。
    </p>
  </div>
</div>

<style>
/* ------- 外側ラッパ（左右余白） ------- */
.min88-inn-intro-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ------- 本体ボックス ------- */
.min88-inn-intro {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン */
.min88-inn-intro__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;
  pointer-events: none;
  font-weight: 700;  /* ← 太字 */
}

/* タイトル（色もここで上書き） */
.min88-inn-intro h3.min88-inn-intro__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;   /* ← タイトルの色 */
}

/* 本文（色を強制上書き） */
.min88-inn-intro p.min88-inn-intro__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;   /* ← ここを好きな色に */
}

/* 最後の段落だけ下余白を広げる */
.min88-inn-intro p.min88-inn-intro__text:last-of-type {
  margin-bottom: 20px;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .min88-inn-intro-wrap {
    padding: 0 3px;
  }
  .min88-inn-intro {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-intro__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-intro h3.min88-inn-intro__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-intro p.min88-inn-intro__text {
    font-size: 14px;
  }
}
</style>



<!-- ▼▼▼ 区間距離インジケータHTML ▼▼▼ -->
<div id="route-lines">
  <!-- 行を増やすときは .route-line を複製して data-* だけ変更 -->
  <div class="route-line"
       data-lnum="36"
       data-lname="青龍寺"
       data-lkm="24.9"

       data-rkm="31.5"
       data-rnum="37"
       data-rname="岩本寺"> </div>
</div>

<style>
/* ===== このブロック内だけに作用する見た目ノブ ===== */
#route-lines{
  font-family: system-ui, "Noto Sans JP", sans-serif;

  --marker-size: 22px;     /* 家アイコンの大きさ */
  --marker-color: #000;
  --line-thickness: 4px;   /* 線の太さ */
  --house-gap: 6px;        /* 家と線の間隔（左右同じ） */
  --label-gap: 1px;        /* 寺名と線の間隔（PC/スマホ共通） */

  --distance-font: 12px;   /* 距離ラベルの文字サイズ */
  --distance-top: -16px;   /* 距離ラベルの縦位置（マイナス＝上） */

  --left-color:  #e60000;  /* 左線：赤 */
  --right-color: #aaaaaa;  /* 右線：#aaa */

  /* 距離テキストが切れないための逃げ場（左右は最小限） */
  --clip-pad-x: 6px;
  --clip-pad-top: 28px;
}

/* 行ごとの上下余白（調整可） */
#route-lines .row{ margin:80px 0; }

/* はみ出し防止：横だけ隠し、縦は見せる。左右はセーフエリア込みで最小限 */
#route-lines .row-clip{
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  padding-inline-start: calc(env(safe-area-inset-left, 0px) + var(--clip-pad-x));
  padding-inline-end:   calc(env(safe-area-inset-right,0px) + var(--clip-pad-x));
  padding-top: var(--clip-pad-top);
}

/* 並び：家の左右ギャップは --house-gap で統一 */
#route-lines .line-wrap{ display:flex; align-items:center; gap: var(--house-gap); }

/* 寺ラベル（縦2行） */
#route-lines .label{
  display:flex; flex-direction:column; align-items:center;
  font-weight:700; line-height:1.2; white-space:nowrap; flex:0 0 auto;
}
/* 寺名と線の間隔（左右とも --label-gap） */
#route-lines .label.left  { padding-right: var(--label-gap); }
#route-lines .label.right { padding-left:  var(--label-gap); }

/* 線（距離比で伸縮：WPCodeのJSが --left / --right をセットします） */
#route-lines .line{
  position:relative; height:var(--line-thickness);
  min-width:16px; flex-basis:0; flex-grow:1; min-inline-size:0;
}
#route-lines .line.left  { flex-grow: var(--left);  background: var(--left-color);  }
#route-lines .line.right { flex-grow: var(--right); background: var(--right-color); }

/* 距離ラベル */
#route-lines .distance{
  position:absolute; top: var(--distance-top); left:50%; transform:translateX(-50%);
  font-size:var(--distance-font); background:#fff; padding:0 4px; line-height:1.2;
  color:#000; white-space:nowrap; pointer-events:none;
}

/* 家（宿） */
#route-lines .marker{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--marker-size); height:var(--marker-size); line-height:1;
  color: var(--marker-color); user-select:none; flex:0 0 auto;
}
#route-lines .marker svg{ width:100%; height:100%; display:block; fill: currentColor; }
</style>
<!-- ▲ ここまで（JSはWPCodeに置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td>地址</td><td>高知縣須崎市東古市町5-7</td></tr><tr><td>電話</td><td>0889-42-0009</td></tr><tr><td>停車場</td><td>6台（免費）</td></tr><tr><td>房間數</td><td>12間</td></tr><tr><td>價格</td><td>僅住宿：4,700日圓<br>含早餐：6,500日圓起<br>含晚餐： &#8212;<br>兩　餐：7,500日圓起</td></tr><tr><td>官網</td><td> &#8212;</td></tr><tr><td>入住時間</td><td>15:00</td></tr><tr><td>退房時間</td><td>10:00</td></tr><tr><td>WiFi</td><td>有</td></tr><tr><td>洗衣服務</td><td>洗衣機： &#8212;<br>烘乾機： &#8212;</td></tr><tr><td>付款方式</td><td>現金：可以<br>信用卡： &#8212;<br>電子支付： &#8212;</td></tr></tbody></table></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    請避免在清晨或深夜來電。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };       // 朝
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };     // 昼
      return { icon: "&#x1f319;", label: "" };                                 // 夜
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('zh-TW', options);
      const parts = fmt.formatToParts(now);
      const hour = parseInt(parts.find(p => p.type === 'hour').value, 10);
      const minute = parts.find(p => p.type === 'minute').value;
      const colon = `<span style="opacity:${showColon ? 1 : 0};">:</span>`;
      const { icon, label } = getPeriod(hour);

      el.innerHTML = `日本時間：${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



<!-- ▼▼▼ &#x1f310;『電話で空室確認』テキストリンク ▼▼▼ -->

<div class="min88-phone-text-link">
  <a href="#" class="min88-phone-link" onclick="logAndCall(event, '0889-42-0009')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

<div class="min88-phone-time-msg"></div>

<style>
.min88-phone-text-link{
  text-align:center;
  padding-top:10px;
  margin-bottom:0;
}

/* ▼ 通常時（営業時間内） */
.min88-phone-text-link a,
.min88-phone-text-link a:visited,
.min88-phone-text-link a:hover,
.min88-phone-text-link a:active,
.min88-phone-text-link a:focus{
  color:#0066cc;
  font-size:15.5px;
  font-weight:500;
  text-decoration:none !important;
  border-bottom:1px solid #7fb3e6;
  padding-bottom:2px;
  transition:color .2s,border-color .2s;
}

/* ▼ hover時 */
.min88-phone-text-link a:hover{
  color:#004c99;
  border-bottom-color:#4d94d9;
}

/* ▼ 時間外 */
.min88-phone-link.is-disabled,
.min88-phone-link.is-disabled:visited,
.min88-phone-link.is-disabled:hover,
.min88-phone-link.is-disabled:active,
.min88-phone-link.is-disabled:focus{
  color:#aaa !important;
  border-bottom-color:#ddd !important;
  text-decoration:none !important;
  cursor:not-allowed;
  pointer-events:none;
}

.min88-phone-time-msg{
  display:none;
  margin:6px 0 18px;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  color:#666;
  text-align:center;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {

  const link = document.querySelector(".min88-phone-link");
  const msg = document.querySelector(".min88-phone-time-msg");

  if (!link || !msg) return;

  const lang = document.documentElement.lang || "ja";

  let langKey = "ja";

  if (lang.startsWith("en")) {

    langKey = "en";

  } else if (lang.startsWith("zh")) {

    langKey = "zh";

  }

  const textMap = {

    ja: {
      normal: "&#x260e; 電話で空室確認",
      disabled: "&#x260e; 電話対応時間外",
      hours: (s, e) => `受付時間 ${s}〜${e}`
    },

    en: {
      normal: "&#x260e; Check by Phone",
      disabled: "&#x260e; Outside Call Hours",
      hours: (s, e) => `Call hours ${s}–${e}`
    },

    zh: {
      normal: "&#x260e; 電話確認空房",
      disabled: "&#x260e; 非電話服務時間",
      hours: (s, e) => `服務時間 ${s}–${e}`
    }

  };

  const t = textMap[langKey];

  const startHour = 8;
  const startMin  = 0;
  const endHour   = 20;
  const endMin    = 0;

  const now = new Date();

  const nowMinutes =
    now.getHours() * 60 + now.getMinutes();

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

  const format = (h, m) =>
    `${h}:${String(m).padStart(2,'0')}`;

  const startStr = format(startHour, startMin);
  const endStr   = format(endHour, endMin);

  if (
    nowMinutes < startMinutes ||
    nowMinutes >= endMinutes
  ) {

    link.classList.add("is-disabled");

    link.onclick = function(e){
      e.preventDefault();
    };

    link.textContent = t.disabled;

    msg.style.display = "block";

    msg.textContent =
      t.hours(startStr, endStr);

  } else {

    link.classList.remove("is-disabled");

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



<ul class="wp-block-list">
<li>−</li>



<li>−</li>



<li>−</li>
</ul>


<p><br />
<br />
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1624093760819!6m8!1m7!1sdcopOwYnFsyRbiHZCbVWrQ!2m2!1d33.38983104511166!2d133.2875282399116!3f42.22042523092051!4f10.797246149036027!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



<div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53300.44506243866!2d133.25255612640797!3d33.38991551348814!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e492bb9ab6fd5%3A0x8289c671a554a3e8!2z5ZCJ5p2R5peF6aSo!5e0!3m2!1sja!2sjp!4v1678145065183!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=吉村旅館　高知&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="老闆的問候" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="使用者的聲音" class="wp-block-heading">住客評價</h3>



<!-- ▼▼▼ 利用者レビュー要約（繁体中文） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      來自外部網站的評論摘要
    </h3>

    <p class="min88-inn-review__text">
      許多旅客提到「木造老建築非常有味道，讓人彷彿穿越時光」、「房間裡早就鋪好被褥，暖桌也已加熱，感覺今晚能好好休息」。也有回饋指出「像是回到老家般的安心感，可以忘卻時間流動」、「老旅館的風貌讓人很放鬆」。實用面上，「從車站走來方便」、「雖然有歷史但設備完善」等聲音也頗受好評。幾乎沒有明顯的負面評論，大多數人都將這份復古氛圍視為旅館的獨特魅力。整體而言，吉村旅館被視為「能沉浸於懷舊時光、獲得內心安寧的溫暖住宿空間」。
    <br>
    </p>
    <p class="min88-inn-review__source">
※此摘要係根據外部網站的貼文由 AI 生成。評論內容為投稿者個人的感想與意見，並不代表本網站的評價。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        參考來源： Google地圖 / 樂天旅遊 / Jalan / Booking.com / TripAdvisor / Yahoo!旅遊 等
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>柳屋旅館 (Yanagiya Ryokan)</title>
		<link>https://min88.jp/inn/zh/29262/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 25 May 2021 00:21:45 +0000</pubDate>
				<category><![CDATA[36 青龍寺]]></category>
		<category><![CDATA[別格05 大善寺]]></category>
		<category><![CDATA[別格二十靈場]]></category>
		<category><![CDATA[高知縣]]></category>
		<category><![CDATA[住客評價]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=29262</guid>

					<description><![CDATA[“ 被130年木造老屋包圍的緩慢時光旅宿 柳屋旅館 (Yanagiya Ryokan)（舊名「一棟貸的宿與民藝 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/36/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/kochi-en/36-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/36-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      被130年木造老屋包圍的緩慢時光旅宿
    </h3>

    <p class="min88-inn-intro__text">
      柳屋旅館 (Yanagiya Ryokan)（舊名「一棟貸的宿與民藝品店 柳屋」）是位於高知須崎市的老屋旅宿，主屋創建於明治18年（1885年），建築風格可追溯至江戶末期。旅館為一棟整棟包租型態，位於主屋之後的二層樓建築包含榻榻米房、客廳與廚房，也設有民藝品展示空間與輕食咖啡角落。透過庭園眺望、回顧旅途足跡的靜謐時光，在此緩緩流動。<br><br>

設施方面提供Wi‑Fi、廚具、洗衣機等，方便自炊。這樣溫柔又實用的機能，正是為步行旅行者舒緩身心的力量所在。傳統與現代舒適的完美融合，讓人能徹底休息，靜靜培養邁向明日的力量，是個極具包容力的療癒之宿。
    </p>
  </div>
</div>

<style>
/* ------- 外側ラッパ（左右余白） ------- */
.min88-inn-intro-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ------- 本体ボックス ------- */
.min88-inn-intro {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン */
.min88-inn-intro__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;
  pointer-events: none;
  font-weight: 700;  /* ← 太字 */
}

/* タイトル（色もここで上書き） */
.min88-inn-intro h3.min88-inn-intro__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;   /* ← タイトルの色 */
}

/* 本文（色を強制上書き） */
.min88-inn-intro p.min88-inn-intro__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;   /* ← ここを好きな色に */
}

/* 最後の段落だけ下余白を広げる */
.min88-inn-intro p.min88-inn-intro__text:last-of-type {
  margin-bottom: 20px;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .min88-inn-intro-wrap {
    padding: 0 3px;
  }
  .min88-inn-intro {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-intro__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-intro h3.min88-inn-intro__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-intro p.min88-inn-intro__text {
    font-size: 14px;
  }
}
</style>



<!-- ▼▼▼ 区間距離インジケータHTML ▼▼▼ -->
<div id="route-lines">
  <!-- 行を増やすときは .route-line を複製して data-* だけ変更 -->
  <div class="route-line"
       data-lnum="36"
       data-lname="青龍寺"
       data-lkm="25.1"

       data-rkm="30.9"
       data-rnum="37"
       data-rname="岩本寺"> </div>
</div>

<style>
/* ===== このブロック内だけに作用する見た目ノブ ===== */
#route-lines{
  font-family: system-ui, "Noto Sans JP", sans-serif;

  --marker-size: 22px;     /* 家アイコンの大きさ */
  --marker-color: #000;
  --line-thickness: 4px;   /* 線の太さ */
  --house-gap: 6px;        /* 家と線の間隔（左右同じ） */
  --label-gap: 1px;        /* 寺名と線の間隔（PC/スマホ共通） */

  --distance-font: 12px;   /* 距離ラベルの文字サイズ */
  --distance-top: -16px;   /* 距離ラベルの縦位置（マイナス＝上） */

  --left-color:  #e60000;  /* 左線：赤 */
  --right-color: #aaaaaa;  /* 右線：#aaa */

  /* 距離テキストが切れないための逃げ場（左右は最小限） */
  --clip-pad-x: 6px;
  --clip-pad-top: 28px;
}

/* 行ごとの上下余白（調整可） */
#route-lines .row{ margin:80px 0; }

/* はみ出し防止：横だけ隠し、縦は見せる。左右はセーフエリア込みで最小限 */
#route-lines .row-clip{
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  padding-inline-start: calc(env(safe-area-inset-left, 0px) + var(--clip-pad-x));
  padding-inline-end:   calc(env(safe-area-inset-right,0px) + var(--clip-pad-x));
  padding-top: var(--clip-pad-top);
}

/* 並び：家の左右ギャップは --house-gap で統一 */
#route-lines .line-wrap{ display:flex; align-items:center; gap: var(--house-gap); }

/* 寺ラベル（縦2行） */
#route-lines .label{
  display:flex; flex-direction:column; align-items:center;
  font-weight:700; line-height:1.2; white-space:nowrap; flex:0 0 auto;
}
/* 寺名と線の間隔（左右とも --label-gap） */
#route-lines .label.left  { padding-right: var(--label-gap); }
#route-lines .label.right { padding-left:  var(--label-gap); }

/* 線（距離比で伸縮：WPCodeのJSが --left / --right をセットします） */
#route-lines .line{
  position:relative; height:var(--line-thickness);
  min-width:16px; flex-basis:0; flex-grow:1; min-inline-size:0;
}
#route-lines .line.left  { flex-grow: var(--left);  background: var(--left-color);  }
#route-lines .line.right { flex-grow: var(--right); background: var(--right-color); }

/* 距離ラベル */
#route-lines .distance{
  position:absolute; top: var(--distance-top); left:50%; transform:translateX(-50%);
  font-size:var(--distance-font); background:#fff; padding:0 4px; line-height:1.2;
  color:#000; white-space:nowrap; pointer-events:none;
}

/* 家（宿） */
#route-lines .marker{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--marker-size); height:var(--marker-size); line-height:1;
  color: var(--marker-color); user-select:none; flex:0 0 auto;
}
#route-lines .marker svg{ width:100%; height:100%; display:block; fill: currentColor; }
</style>
<!-- ▲ ここまで（JSはWPCodeに置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td>地址</td><td>高知縣須崎市西町1丁目1-22</td></tr><tr><td>電話</td><td>0889-42-0175<br>預約專線：080-7656-3412</td></tr><tr><td>停車場</td><td>有（免費）</td></tr><tr><td>房間數</td><td>1樓：兩間6榻榻米的和室、6.7榻榻米的客廳<br>2樓：兩間6榻榻米的和室、兩間4.5榻榻米的和室</td></tr><tr><td>價格</td><td>僅住宿：5,700日圓（遍路優惠 5,000日圓）<br>含早餐：6,800日圓<br>含晚餐：7,700日圓<br>兩　餐：8,800日圓（遍路優惠 7,900日圓）</td></tr><tr><td>官網</td><td><a href="https://www.ikkanbari.net/yanagiya/index.html">www.ikkanbari.net</a></td></tr><tr><td>入住時間</td><td>15:00</td></tr><tr><td>退房時間</td><td>9:00</td></tr><tr><td>WiFi</td><td>有</td></tr><tr><td>洗衣服務</td><td>洗衣機：有<br>烘乾機： &#8212;</td></tr><tr><td>付款方式</td><td>現金：可以<br>信用卡：不可<br>電子支付： 可以 (PayPAy)</td></tr></tbody></table></figure>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    請避免在清晨或深夜來電。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };       // 朝
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };     // 昼
      return { icon: "&#x1f319;", label: "" };                                 // 夜
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('zh-TW', options);
      const parts = fmt.formatToParts(now);
      const hour = parseInt(parts.find(p => p.type === 'hour').value, 10);
      const minute = parts.find(p => p.type === 'minute').value;
      const colon = `<span style="opacity:${showColon ? 1 : 0};">:</span>`;
      const { icon, label } = getPeriod(hour);

      el.innerHTML = `日本時間：${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



<!-- ▼▼▼ &#x1f310;『電話で空室確認』テキストリンク ▼▼▼ -->

<div class="min88-phone-text-link">
  <a href="#" class="min88-phone-link" onclick="logAndCall(event, '080-7656-3412')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

<div class="min88-phone-time-msg"></div>

<style>
.min88-phone-text-link{
  text-align:center;
  padding-top:10px;
  margin-bottom:0;
}

/* ▼ 通常時（営業時間内） */
.min88-phone-text-link a,
.min88-phone-text-link a:visited,
.min88-phone-text-link a:hover,
.min88-phone-text-link a:active,
.min88-phone-text-link a:focus{
  color:#0066cc;
  font-size:15.5px;
  font-weight:500;
  text-decoration:none !important;
  border-bottom:1px solid #7fb3e6;
  padding-bottom:2px;
  transition:color .2s,border-color .2s;
}

/* ▼ hover時 */
.min88-phone-text-link a:hover{
  color:#004c99;
  border-bottom-color:#4d94d9;
}

/* ▼ 時間外 */
.min88-phone-link.is-disabled,
.min88-phone-link.is-disabled:visited,
.min88-phone-link.is-disabled:hover,
.min88-phone-link.is-disabled:active,
.min88-phone-link.is-disabled:focus{
  color:#aaa !important;
  border-bottom-color:#ddd !important;
  text-decoration:none !important;
  cursor:not-allowed;
  pointer-events:none;
}

.min88-phone-time-msg{
  display:none;
  margin:6px 0 18px;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  color:#666;
  text-align:center;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {

  const link = document.querySelector(".min88-phone-link");
  const msg = document.querySelector(".min88-phone-time-msg");

  if (!link || !msg) return;

  const lang = document.documentElement.lang || "ja";

  let langKey = "ja";

  if (lang.startsWith("en")) {

    langKey = "en";

  } else if (lang.startsWith("zh")) {

    langKey = "zh";

  }

  const textMap = {

    ja: {
      normal: "&#x260e; 電話で空室確認",
      disabled: "&#x260e; 電話対応時間外",
      hours: (s, e) => `受付時間 ${s}〜${e}`
    },

    en: {
      normal: "&#x260e; Check by Phone",
      disabled: "&#x260e; Outside Call Hours",
      hours: (s, e) => `Call hours ${s}–${e}`
    },

    zh: {
      normal: "&#x260e; 電話確認空房",
      disabled: "&#x260e; 非電話服務時間",
      hours: (s, e) => `服務時間 ${s}–${e}`
    }

  };

  const t = textMap[langKey];

  const startHour = 8;
  const startMin  = 0;
  const endHour   = 20;
  const endMin    = 0;

  const now = new Date();

  const nowMinutes =
    now.getHours() * 60 + now.getMinutes();

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

  const format = (h, m) =>
    `${h}:${String(m).padStart(2,'0')}`;

  const startStr = format(startHour, startMin);
  const endStr   = format(endHour, endMin);

  if (
    nowMinutes < startMinutes ||
    nowMinutes >= endMinutes
  ) {

    link.classList.add("is-disabled");

    link.onclick = function(e){
      e.preventDefault();
    };

    link.textContent = t.disabled;

    msg.style.display = "block";

    msg.textContent =
      t.hours(startStr, endStr);

  } else {

    link.classList.remove("is-disabled");

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



<ul class="wp-block-list">
<li>營業日：每週二、五、六</li>



<li>−</li>



<li>−</li>
</ul>


<p><br />
<br />
</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1624093901071!6m8!1m7!1sPWIwO9lH9Wl5azbfWZP1hw!2m2!1d33.38780779467626!2d133.2820090736529!3f73.76596510537749!4f3.566354870443277!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



<div style="height:29px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53301.729789453566!2d133.2470819264258!3d33.387820213292336!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e4ed293908723%3A0x8a52edae3e555d8e!2z5LiA5qOf6LK444GX44Gu5a6_44Go5rCR6Iq45ZOB44Gu5bqXIOafs-Wxiw!5e0!3m2!1sja!2sjp!4v1678145113216!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=柳屋旅館　高知&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2021/05/IMG_0595-2025.03.31_10.45.06.jpeg"><img decoding="async" width="1024" height="768" data-id="30689" src="https://min88.jp/inn/wp-content/uploads/2021/05/IMG_0595-2025.03.31_10.45.06-1024x768.jpeg" alt="" class="wp-image-30689"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2021/05/IMG_0594-2025.03.31_10.44.49.jpeg"><img decoding="async" width="1024" height="768" data-id="30688" src="https://min88.jp/inn/wp-content/uploads/2021/05/IMG_0594-2025.03.31_10.44.49-1024x768.jpeg" alt="" class="wp-image-30688"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2021/05/IMG_0600-2025.03.31_10.44.14.jpeg"><img decoding="async" width="1024" height="768" data-id="30690" src="https://min88.jp/inn/wp-content/uploads/2021/05/IMG_0600-2025.03.31_10.44.14-1024x768.jpeg" alt="" class="wp-image-30690"/></a></figure>
</figure>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="老闆的問候" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="使用者的聲音" class="wp-block-heading">住客評價</h3>



<!-- ▼▼▼ 利用者レビュー要約（繁体中文） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      來自外部網站的評論摘要
    </h3>

    <p class="min88-inn-review__text">
      有旅客提到：「聽說是一棟獨立空間，內有廁所、洗手台與冰箱，感覺非常舒適」。也有實際入住者表示：「在獨棟離屋內靜靜放鬆度過，非常愜意」、「大浴缸讓人能完全伸展雙腿，疲憊全消」。另有訪客感謝地說：「能提供早餐真的太棒了」。雖然也有部分意見提到「整體服務與價格相符」，但大多數評價都高度肯定其「靜謐且讓人安心的環境，是能夠放鬆身心的好地方」。
    <br>
    </p>
    <p class="min88-inn-review__source">
※此摘要係根據外部網站的貼文由 AI 生成。評論內容為投稿者個人的感想與意見，並不代表本網站的評價。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        參考來源： Google地圖 / 樂天旅遊 / Jalan / Booking.com / TripAdvisor / Yahoo!旅遊 等
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>



<!-- ▼▼▼ 投稿レビュー ▼▼▼ -->
<div class="min88-guest-review-card-wrap">
  <div style="
      margin:25px 0 20px;
      padding:20px 22px 14px 25px;
      border-radius:13px;
      border:1px solid #efefef;
      background:#fcfcfc;
      box-shadow:0 10px 13px rgba(0,0,0,0.15);
      box-sizing:border-box;
    ">

    <!-- 上部：アバター + 星 + 日付 -->
    <div style="
        display:flex;
        align-items:center;
        gap:14px;
        margin-bottom:10px;
      ">

      <!-- アバター -->
      <div style="width:40px;height:40px;flex:0 0 40px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3" />
          <circle cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 星評価 + 日付 -->
      <div>
        <div style="
            font-size:16px;
            letter-spacing:1px;
            color:#ffb400;
            line-height:1;
            margin-bottom:2px;
          ">
          ★★★★★
        </div>
        <div style="
            font-size:13px;
            color:#888888;
            line-height:1.3;
          ">
          2025年3月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      我在四國遍路時住宿於此。<br>
看起來是將昔日的文化住宅平房重新裝修過，我一個人住在獨立的離屋。<br>
有兩間六疊榻榻米房間，附設廁所、洗面台與冰箱。<br><br>

浴室是可以伸展雙腿的稍大浴缸，旅途的疲勞得到了紓解。<br>
因為當天有活動，晚餐無法提供，我便步行約3分鐘到附近的超市購買。<br>
早餐由住宿方準備，十分感謝。<br><br>

因為是獨立的離屋，非常安靜，我也睡得很好。<br><br>

含早餐一晚6,500日圓。
    </p>

  </div>
</div>

<style>
/* 投稿レビュー外枠：PCは 0 15px、スマホは 0 3px */
.min88-guest-review-card-wrap {
  max-width:1080px;
  margin:0 auto 28px;
  padding:0 15px;
  box-sizing:border-box;
}

@media (max-width:768px) {
  .min88-guest-review-card-wrap {
    padding:0 3px;
  }
}
</style>



<!-- ▼▼▼ 投稿レビュー ▼▼▼ -->
<div class="min88-guest-review-card-wrap">
  <div style="
      margin:25px 0 20px;
      padding:20px 22px 14px 25px;
      border-radius:13px;
      border:1px solid #efefef;
      background:#fcfcfc;
      box-shadow:0 10px 13px rgba(0,0,0,0.15);
      box-sizing:border-box;
    ">

    <!-- 上部：アバター + 星 + 日付 -->
    <div style="
        display:flex;
        align-items:center;
        gap:14px;
        margin-bottom:10px;
      ">

      <!-- アバター -->
      <div style="width:40px;height:40px;flex:0 0 40px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3" />
          <circle cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 星評価 + 日付 -->
      <div>
        <div style="
            font-size:16px;
            letter-spacing:1px;
            color:#ffb400;
            line-height:1;
            margin-bottom:2px;
          ">
          ★★★★★
        </div>
        <div style="
            font-size:13px;
            color:#888888;
            line-height:1.3;
          ">
          2025年5月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      雖然是徒步遍路住宿的，但是分開的1棟出租，可以悠閒地度過。<br>
料理也吃得很香。
    </p>

  </div>
</div>

<style>
/* 投稿レビュー外枠：PCは 0 15px、スマホは 0 3px */
.min88-guest-review-card-wrap {
  max-width:1080px;
  margin:0 auto 28px;
  padding:0 15px;
  box-sizing:border-box;
}

@media (max-width:768px) {
  .min88-guest-review-card-wrap {
    padding:0 3px;
  }
}
</style>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
