<?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 Shoryu-ji &#8211; MINNA NO HENRO (Inn)</title>
	<atom:link href="https://min88.jp/inn/en/category/kochi-en/36-en/feed/" rel="self" type="application/rss+xml" />
	<link>https://min88.jp/inn</link>
	<description>Pilgrimage Lodging Reservation｜Shikoku Pilgrimage Accommodation Database</description>
	<lastBuildDate>Fri, 04 Sep 2026 23:50:43 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://min88.jp/inn/wp-content/uploads/2025/07/cropped-yoyaku_logo-32x32.png</url>
	<title>36 Shoryu-ji &#8211; MINNA NO HENRO (Inn)</title>
	<link>https://min88.jp/inn</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Hotel AZ Kochi Susaki</title>
		<link>https://min88.jp/inn/en/45403/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 09 Sep 2025 00:27:39 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=45403</guid>

					<description><![CDATA[“ Clean, Reliable, and Great Value! Ideal for Car Pilgrims Too Just 2 minutes by car from Susaki-Higashi IC on the Kochi Expressway and a 10-minute walk from JR Tano-go Station, HOTEL AZ Kochi Susaki offers travelers on the Shikoku pilgrimage the peace of mind they need. With 158 simple yet clean and well-maintained rooms, [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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">
      Clean, Reliable, and Great Value! Ideal for Car Pilgrims Too
    </h3>

    <p class="min88-inn-intro__text">
      Just 2 minutes by car from Susaki-Higashi IC on the Kochi Expressway and a 10-minute walk from JR Tano-go Station, HOTEL AZ Kochi Susaki offers travelers on the Shikoku pilgrimage the peace of mind they need. With 158 simple yet clean and well-maintained rooms, the hotel provides all the essentials to ease a traveler’s fatigue, including free Wi-Fi, washlet toilets, refrigerators, and hair dryers. Free breakfast and parking are available year-round at a fixed price, ensuring安心 without cost worries. Onsite facilities include coin-operated laundry, vending machines, and a restaurant, making flexible stays easy. In Susaki City, where the local spirit lingers, this is a reliable base to prepare yourself for the final steps of your pilgrimage.
    </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="Shōryū-ji"
       data-lkm="22.4"
       data-rkm="33.9"
       data-rnum="37"
       data-rname="Iwamoto-ji"> </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="Basic information" class="wp-block-heading"><strong>Property Details</strong></h3>



<!-- &#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;　基本情報 &#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 Kanda, Susaki-shi, Kochi
tel       = 0889-42-3301
website   = https://www.az-hotel.com/susaki/
parking   = 122 parking spaces(free)
rooms     = 158 rooms
price     = Room only: Unknown|With breakfast: ¥6,380|With dinner: Unknown|Half board: ¥7,590
checkin   = 15:00-23:00
checkout  = By 10:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: Paid|Dryer: Paid
payment   = Cash: Accepted|Credit cards: Accepted|E-wallets: Unknown


# ===== 電子マネー（#を削除） =====
#emoney = QUICPay, iD, Suica / PASMO and other transportation IC cards, nanaco, Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い (d Barai), au PAY, Merpay



  </textarea>

  <div class="min88-basicdata-out" aria-label="Basic information"></div>

  <p class="min88-basicdata-note">
    ※This does not guarantee the current business status. Please contact the property directly for the latest details.
  </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>View supported brands</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  ? `Check-in: ${brPipeAny(data.checkin)}` : '',
          data.checkout ? `Check-out: ${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;">
    Please avoid calling during early or late hours.
  </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('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 { icon, label } = getPeriod(hour);

      el.innerHTML = `Japan Time: ${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="Supplementary information" class="wp-block-heading"><strong>Supplementary information</strong></h3>



<ul class="wp-block-list">
<li>Opening on September 1, 2025</li>



<li>ー</li>



<li>ー</li>
</ul>


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



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



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



<h3 id="map" class="wp-block-heading"><strong>Map</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:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d53289.55415864579!2d133.29395912820735!3d33.40767315091024!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e490022d53339%3A0x5cd02d3c1d4a8448!2zSE9URUwgQVog6auY55-l6aCI5bSO5bqX!5e0!3m2!1sen!2sjp!4v1757379382938!5m2!1sen!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">Walking route to this inn</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 Maps
    </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="Posted image" class="wp-block-heading"><strong>Posted image</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



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



<h3 id="Greetings from the owner" class="wp-block-heading"><strong>A Message from the Host</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



<h3 id="User's voice" class="wp-block-heading"><strong>Guest Reviews</strong></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">
      Review Summary from External Sites
    </h3>

    <p class="min88-inn-review__text">
      According to posts on several travel booking sites, the “reliable sense of comfort unique to AZ Hotels” and the inclusion of free breakfast, parking, and Wi-Fi are highly rated, with many positive comments about the well-equipped facilities. Guests also frequently mention the peace of mind that comes from the “always consistent and easy-to-understand pricing,” as well as the cleanliness and availability of necessary amenities that make the rooms comfortable.<br>
In particular, some reviews highlight the “wonderful views from the higher floors,” noting that guests can enjoy “cityscapes and distant mountains in the morning, and sparkling night views at night.” Mentions of the hot spring quality and natural spa facilities are also present, appreciated as elements that help ease travel fatigue.
    <br>
    </p>
    <p class="min88-inn-review__source">
※This summary is generated by AI based on posts from external websites. The review content reflects the personal opinions and impressions of the individual contributors and does not represent our site’s evaluation.
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        Sources: Google Maps / Rakuten Travel / Jalan / Booking.com / TripAdvisor / Yahoo! Travel, and others
      </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"/>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Inn Mihado</title>
		<link>https://min88.jp/inn/en/31682/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 19 May 2025 07:51:43 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[A Message from the Host]]></category>
		<category><![CDATA[Book Online]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=31682</guid>

					<description><![CDATA[“ Private Whole-House Stay – Quiet Comfort and Freedom This renovated house in the old town offers an exclusive hideaway for up to three guests per day. Perfect for those on a walking pilgrimage who value personal time and space. With an IH cooking stove, a rice cooker for five servings, and Wi-Fi, you can [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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">
      Private Whole-House Stay – Quiet Comfort and Freedom
    </h3>

    <p class="min88-inn-intro__text">
      This renovated house in the old town offers an exclusive hideaway for up to three guests per day. Perfect for those on a walking pilgrimage who value personal time and space. With an IH cooking stove, a rice cooker for five servings, and Wi-Fi, you can enjoy self-catering and relaxation at your own pace. While the amenities are simple, the cash-in-advance, phone-reservation system and absence of bath towels or toothbrushes add a touch of novelty to the journey. A body care treatment space on the second floor is also in preparation — a thoughtful touch for tired legs. A lodging that quietly welcomes and supports your walking journey.
    </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>



<h3 id="写真ツアー" class="wp-block-heading"><strong>Photo tour</strong></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>



<h3 id="Basic information" class="wp-block-heading"><strong>Property Details</strong></h3>



<!-- &#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;　基本情報 &#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 Hamamachi, Susaki-shi, Kochi
tel       = 080-5518-0550|接待時間：8:00-21:00
website   = https://neccosora.net/retreat/
parking   = Not accepted|※ “Umi no Machi Parking” is a 3-minute walk from the inn.|- Weekdays: ¥200 / 24 hours|- Weekends &amp; public holidays: ¥300 / 24 hours
rooms     = 1 room
price     = Room only: |　(1 person) From ¥5,500 *1| 　(2 people) From ¥5,000 yen x 2 *1| 　(3 people) From ¥4,500 yen x 3 *1|With breakfast: Not available|With dinner: Not available|Half board: Not available|| *1. Rates vary depending on the date of stay and booking method.
checkin   = After 15:00 (phone call is required for times before that)
checkout  = Basically until 10:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: Free|Dryer: Not available|※There is a coin laundry a 5-minute walk away
payment   = Cash: Accepted|Credit cards: Not accepted|E-wallets: Accepted


# ===== 電子マネー（#を削除） =====
emoney = Jimopay (Local Currency)



  </textarea>

  <div class="min88-basicdata-out" aria-label="Basic information"></div>

  <p class="min88-basicdata-note">
    ※This does not guarantee the current business status. Please contact the property directly for the latest details.
  </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>View supported brands</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  ? `Check-in: ${brPipeAny(data.checkin)}` : '',
          data.checkout ? `Check-out: ${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-46296"
        style="text-align:center; font-family:system-ui, sans-serif;"
        data-title="Japan Time"
        data-early-morning="It is early morning in Japan."
        data-morning="It is morning in Japan."
        data-daytime="It is daytime in Japan."
        data-evening="It is early evening in Japan."
        data-night="It is nighttime in Japan."
        data-late-night="It is late at night in Japan."
    >

        <!-- 日本時間 -->
        <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-46296"            );

        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>

    



<!-- ▼▼▼ &#x1f310; 今すぐ予約ボタン＋スマホ固定ボタン ▼▼▼ -->

<div class="min88-reservation-area">
  <div class="min88-reservation-btn">
    <a class="min88-reservation-btn__link min88-reserve-button" href="2/" onclick="logAndGoBooking(event, this.href)" target="_blank" rel="noopener">
      <span class="min88-reservation-btn__text">今すぐ予約</span>
    </a>
  </div>

  <div class="min88-reservation-copy">
    アカウント登録不要・最短2分で簡単予約
  </div>
</div>

<a href="2/" class="min88-floating-reserve-center min88-reserve-button" onclick="logAndGoBooking(event, this.href)" target="_blank" rel="noopener">
  <span class="min88-floating-reserve-center__text">今すぐ予約</span>
</a>

<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;
  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);
}

.min88-reserve-button:hover{
  filter:brightness(1.12);
}

.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-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%;
  }
}

@media (min-width:769px){
  .min88-floating-reserve-center{
    display:none;
  }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function(){
  const lang = document.documentElement.lang || "ja";

  let buttonText = "今すぐ予約";
  let copyText = "アカウント登録不要・最短2分で簡単予約";

  if (lang.startsWith("en")) {
    buttonText = "Book Now";
    copyText = "No account required • Book in 2 minutes";
  } else if (lang.startsWith("zh")) {
    buttonText = "立即預訂";
    copyText = "免註冊帳號・最快2分鐘輕鬆預約";
  }

  document.querySelectorAll(
    ".min88-reservation-btn__text, .min88-floating-reserve-center__text"
  ).forEach(function(text){
    text.textContent = buttonText;
  });

  document.querySelectorAll(".min88-reservation-copy").forEach(function(copy){
    copy.textContent = copyText;
  });
});
</script>



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



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

  <!-- 応援メッセージ -->
  <div class="min88-donation-message">
    <div class="min88-donation-message__main">
      「泊まってよかった」「ずっと続けてほしい」
    </div>

    <div class="min88-donation-message__sub">
      そんな気持ちを、この宿へ。
    </div>
  </div>


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

    <a class="min88-donation-btn__link" href="https://min88.jp/inn/31661/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-message{
  margin:0 auto 16px;
  text-align:center;
  color:#000;
}

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

.min88-donation-message__sub{
  margin-top:2px;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  color:#000;
}


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

.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-message{
    padding:0 12px;
    margin-bottom:14px;
  }

  /* 予約ボタンと同じ横幅 */
  .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"
    );

  const messageMains =
    document.querySelectorAll(
      ".min88-donation-message__main"
    );

  const messageSubs =
    document.querySelectorAll(
      ".min88-donation-message__sub"
    );


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

  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円から寄付できます";

    }

  });


  /* ===================================================
     上段メッセージ
  =================================================== */

  messageMains.forEach(function(message){

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

      message.textContent =
        '"A wonderful place to stay." "I hope it stays around for years to come."';

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

      message.textContent =
        '「住得很開心」「希望這間住宿能一直經營下去」';

    } else {

      message.textContent =
        '「泊まってよかった」「ずっと続けてほしい」';

    }

  });


  /* ===================================================
     下段メッセージ
  =================================================== */

  messageSubs.forEach(function(message){

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

      message.textContent =
        "Send those feelings to this accommodation.";

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

      message.textContent =
        "把這份心意傳達給這間住宿。";

    } else {

      message.textContent =
        "そんな気持ちを、この宿へ。";

    }

  });

});

</script>



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



<h3 id="Supplementary information" class="wp-block-heading"><strong>Supplementary information</strong></h3>



<ul class="wp-block-list">
<li>It is a inn without meals limited to one group per day, which was renovated from a small house with earthquake resistance and opened at the end of January 2025.</li>



<li>The number of rooms is one, and up to 3 people can be guided by lining up with futons.</li>



<li>No toothbrush, no razor, no TV, no bath towel (free rental of 2 face towels per person).</li>



<li>Local currency &#8220;Jimopay&#8221; accepted.</li>
</ul>


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



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



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



<h3 id="map" class="wp-block-heading"><strong>Map</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:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d53301.64520515329!2d133.25019155235987!3d33.387958167964456!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e4966b8a45ae9%3A0x58ca72ee91b19970!2z44GK5a6_77yG44Oq44Op44Kv44K844O844K344On44OzIOWun-iRieWcnyjjgb_jga_jgakpIC8gSW5uIE1paGFkbw!5e0!3m2!1sen!2sjp!4v1747641698496!5m2!1sen!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">Walking route to this inn</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 Maps
    </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="Posted image" class="wp-block-heading"><strong>Posted image</strong></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="Greetings from the owner" class="wp-block-heading"><strong>A Message from the Host</strong></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>
          <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;">
          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;
      ">
      Thank you for your long journey.<br><br>

We are a private whole-house accommodation limited to one group per day, newly opened in late January 2025. The guest room is located on the first floor, while the second floor features a reservation-only relaxation room.<br>

If you are interested in relaxation treatments, please let us know when making your reservation. Depending on the date and time, we may unfortunately be unable to accommodate your request.<br><br>

Please relax and make yourself at home.
    </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="User's voice" class="wp-block-heading"><strong>Guest Reviews</strong></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">
      Review Summary from External Sites
    </h3>

    <p class="min88-inn-review__text">
      No reviews or user comments were found.
    <br>
    </p>
    <p class="min88-inn-review__source">
※This summary is generated by AI based on posts from external websites. The review content reflects the personal opinions and impressions of the individual contributors and does not represent our site’s evaluation.
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        Sources: Google Maps / Rakuten Travel / Jalan / Booking.com / TripAdvisor / Yahoo! Travel, and others
      </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:100px" aria-hidden="true" class="wp-block-spacer"></div>


]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Business Hotel Torigoe</title>
		<link>https://min88.jp/inn/en/30587/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 18 Sep 2024 04:12:34 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Bekkaku]]></category>
		<category><![CDATA[BK05 Daizen-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[Guest Reviews]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=30587</guid>

					<description><![CDATA[“ Beyond Shoryu-ji, a Small Inn Breathing with the Town Past the 36th temple, Shoryu-ji, “Business Hotel Torigoe” rests quietly in the heart of Susaki, blending seamlessly into the local streets. With just six Japanese-style rooms and nine Western-style rooms, each equipped with its own bath and toilet, it offers a clean, comfortable space that’s [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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">
      Beyond Shoryu-ji, a Small Inn Breathing with the Town
    </h3>

    <p class="min88-inn-intro__text">
      Past the 36th temple, Shoryu-ji, “Business Hotel Torigoe” rests quietly in the heart of Susaki, blending seamlessly into the local streets. With just six Japanese-style rooms and nine Western-style rooms, each equipped with its own bath and toilet, it offers a clean, comfortable space that’s especially welcome to weary walkers. Since its 2010 renovation, the inn has been carefully maintained, radiating a gentle calm that naturally settles the traveler’s pace. Parking is available, and stays can be arranged from room-only to breakfast-inclusive. For those seeking a night away from the bustle, where the town’s quiet becomes part of your rest, this is an ideal stop.
    </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="Shōryū-ji"
       data-lkm="23.4"

       data-rkm="32.2"
       data-rnum="37"
       data-rname="Iwamoto-ji"> </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="Basic information" class="wp-block-heading"><strong>Property Details</strong></h3>



<!-- &#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;　基本情報 &#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-49-1 Yamatemachi, Susaki-shi, Kochi
tel       = 0889-42-8788
website   = http://hoteltorigoe.web.fc2.com
parking   = Available
rooms     = 6 Japanese-style rooms|9 Western-style roomse
price     = Room only: From ¥4,800|With breakfast: Not available|With dinner: Not available|Half board: Not available
checkin   = From 16:00
checkout  = By 9:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: Unknown|Dryer: Unknown
payment   = Cash: Accepted|Credit cards: Unknown|E-wallets: Unknown

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica/PASMO and other transportation IC cards,nanaco,Rakuten Edy,WAON,PayPay,LINE Pay,Rakuten Pay,d払い (d Barai),au PAY,Merpay



  </textarea>

  <div class="min88-basicdata-out" aria-label="Basic information"></div>

  <p class="min88-basicdata-note">
    ※This does not guarantee the current business status. Please contact the property directly for the latest details.
  </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>View supported brands</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  ? `Check-in: ${brPipeAny(data.checkin)}` : '',
          data.checkout ? `Check-out: ${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;">
    Please avoid calling during early or late hours.
  </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('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 { icon, label } = getPeriod(hour);

      el.innerHTML = `Japan Time: ${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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="Supplementary information" class="wp-block-heading"><strong>Supplementary information</strong></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>



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



<h3 id="map" class="wp-block-heading"><strong>Map</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:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d53293.25542449231!2d133.243811041165!3d33.401639166819!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e49248ba51733%3A0xa742788ad779b8b4!2sBusiness%20Hotel%20Torigoe!5e0!3m2!1sen!2sjp!4v1743032201112!5m2!1sen!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">Walking route to this inn</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 Maps
    </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="Posted image" class="wp-block-heading"><strong>Posted image</strong></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;">(not yet)</span><br><br>
</p>



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



<h3 id="Greetings from the owner" class="wp-block-heading"><strong>A Message from the Host</strong></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;">(not yet)</span><br><br>
</p>



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



<h3 id="User's voice" class="wp-block-heading"><strong>Guest Reviews</strong></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">
      Review Summary from External Sites
    </h3>

    <p class="min88-inn-review__text">
      Many guests commented that “the seared bonito (katsuo no tataki) was delicious” and that “the rooms were clean, well-equipped, and relaxing,” with particularly high praise for both the meals and cleanliness. Other reviews mentioned “the facilities were comfortable and problem-free,” “the rooms were well cleaned,” and “the food was excellent,” reflecting the attentive hospitality. While some guests noted that “there was no bidet toilet,” “the amenities were minimal,” or “the air conditioning felt a little dated,” overall the hotel is highly regarded as “a reliable business hotel with high satisfaction and a comfortable,安心 stay.”
    <br>
    </p>
    <p class="min88-inn-review__source">
※This summary is generated by AI based on posts from external websites. The review content reflects the personal opinions and impressions of the individual contributors and does not represent our site’s evaluation.
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        Sources: Google Maps / Rakuten Travel / Jalan / Booking.com / TripAdvisor / Yahoo! Travel, and others
      </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;
          ">
          Dec.2024
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      I was able to rest and relax in a quiet environment. The building does show some age, but the room was kept clean and well maintained, and there was nothing that really bothered me. All the basic amenities were available, so I didn’t feel any inconvenience during my stay. The staff were calm and polite, with just the right sense of distance, which made me feel comfortable. It’s not a luxury place, but it feels like a reliable inn where you can stay with peace of mind when you just want a quiet night’s rest.
    </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-alpha-channel-opacity"/>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hostel John Mang</title>
		<link>https://min88.jp/inn/en/24570/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 11 Jun 2024 01:54:57 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[A Message from the Host]]></category>
		<category><![CDATA[Book Online]]></category>
		<category><![CDATA[Guest Reviews]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=24570</guid>

					<description><![CDATA[“ Barrier-Free Comfort Right by the Ferry Just beyond the 36th temple, Shoryū-ji, and a mere 30 seconds from the ferry terminal, “hostel john mang” offers an ideal stop for pilgrims. This fully barrier-free, single-story house—carefully renovated for accessibility—provides thoughtful amenities such as free Wi-Fi, a kitchen, laundry machines, a dryer, and complimentary bicycles. While [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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">
      Barrier-Free Comfort Right by the Ferry
    </h3>

    <p class="min88-inn-intro__text">
      Just beyond the 36th temple, Shoryū-ji, and a mere 30 seconds from the ferry terminal, “hostel john mang” offers an ideal stop for pilgrims. This fully barrier-free, single-story house—carefully renovated for accessibility—provides thoughtful amenities such as free Wi-Fi, a kitchen, laundry machines, a dryer, and complimentary bicycles. While its exterior still carries a touch of age, the inside is kept impeccably clean, and the warmth of the owners’ hospitality quietly settles in as night falls. For mornings when you plan to catch the ferry, its location allows you to start your day without rush, making it a welcome companion for travelers seeking a smooth pace. This is a place where you can gently recharge your spirit for the “next step” ahead.
    </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="Kiyotaki-ji" data-lkm="11.4" data-rkm="3.5" data-rnum="36" data-rname="Shōryū-ji"> </div>
</div>



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



<h3 id="写真ツアー" class="wp-block-heading"><strong>Photo tour</strong></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="Basic information" class="wp-block-heading"><strong>Property Details</strong></h3>



<!-- &#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;　基本情報 &#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 Haigata, Uranouchi, Susaki-shi, Kochi
tel       = 050-3551-0808|Reception hours: 7:00-21:00
website   = https://www.henro-hostel-john-mang.com/english/
parking   = Available (free)
rooms     = 1 Single Room (1 bed)|1 Western-style Twin Room    (2 beds)|1 Japanese-style Twin Room    (2 futons)
price     = Room only: * Single Room ¥5,500|　　　　　　* Western Twin Room ¥6,500 (for 1 guest)|　　　　　　* Japanese Twin Room ¥6,500 (for 1 guest)|　　　　　　* Western Twin Room ¥11,000 (for 2 guests)|　　　　　　* Japanese Twin Room ¥12,000 (for 2 guests)||With breakfast: Not available|With dinner: Not available|Half board: Not available
checkin   = 16:00-20:00
checkout  = 5:00-9:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: ¥100|Dryer: ¥100
payment   = Cash: Accepted|Credit cards: Not accepted|E-wallets: Not accepted

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica/PASMO and other transportation IC cards,nanaco,Rakuten Edy,WAON,PayPay,LINE Pay,Rakuten Pay,d払い (d Barai),au PAY,Merpay



  </textarea>

  <div class="min88-basicdata-out" aria-label="Basic information"></div>

  <p class="min88-basicdata-note">
    ※This does not guarantee the current business status. Please contact the property directly for the latest details.
  </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>View supported brands</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  ? `Check-in: ${brPipeAny(data.checkin)}` : '',
          data.checkout ? `Check-out: ${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-30641"
        style="text-align:center; font-family:system-ui, sans-serif;"
        data-title="Japan Time"
        data-early-morning="It is early morning in Japan."
        data-morning="It is morning in Japan."
        data-daytime="It is daytime in Japan."
        data-evening="It is early evening in Japan."
        data-night="It is nighttime in Japan."
        data-late-night="It is late at night in Japan."
    >

        <!-- 日本時間 -->
        <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-30641"            );

        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>

    



<!-- ▼▼▼ &#x1f310; 今すぐ予約ボタン＋スマホ固定ボタン ▼▼▼ -->

<div class="min88-reservation-area">
  <div class="min88-reservation-btn">
    <a class="min88-reservation-btn__link min88-reserve-button" href="2/" onclick="logAndGoBooking(event, this.href)" target="_blank" rel="noopener">
      <span class="min88-reservation-btn__text">今すぐ予約</span>
    </a>
  </div>

  <div class="min88-reservation-copy">
    アカウント登録不要・最短2分で簡単予約
  </div>
</div>

<a href="2/" class="min88-floating-reserve-center min88-reserve-button" onclick="logAndGoBooking(event, this.href)" target="_blank" rel="noopener">
  <span class="min88-floating-reserve-center__text">今すぐ予約</span>
</a>

<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;
  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);
}

.min88-reserve-button:hover{
  filter:brightness(1.12);
}

.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-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%;
  }
}

@media (min-width:769px){
  .min88-floating-reserve-center{
    display:none;
  }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function(){
  const lang = document.documentElement.lang || "ja";

  let buttonText = "今すぐ予約";
  let copyText = "アカウント登録不要・最短2分で簡単予約";

  if (lang.startsWith("en")) {
    buttonText = "Book Now";
    copyText = "No account required • Book in 2 minutes";
  } else if (lang.startsWith("zh")) {
    buttonText = "立即預訂";
    copyText = "免註冊帳號・最快2分鐘輕鬆預約";
  }

  document.querySelectorAll(
    ".min88-reservation-btn__text, .min88-floating-reserve-center__text"
  ).forEach(function(text){
    text.textContent = buttonText;
  });

  document.querySelectorAll(".min88-reservation-copy").forEach(function(copy){
    copy.textContent = copyText;
  });
});
</script>



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



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

  <!-- 応援メッセージ -->
  <div class="min88-donation-message">
    <div class="min88-donation-message__main">
      「泊まってよかった」「ずっと続けてほしい」
    </div>

    <div class="min88-donation-message__sub">
      そんな気持ちを、この宿へ。
    </div>
  </div>


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

    <a class="min88-donation-btn__link" href="https://min88.jp/inn/24567/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-message{
  margin:0 auto 16px;
  text-align:center;
  color:#000;
}

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

.min88-donation-message__sub{
  margin-top:2px;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  color:#000;
}


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

.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-message{
    padding:0 12px;
    margin-bottom:14px;
  }

  /* 予約ボタンと同じ横幅 */
  .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"
    );

  const messageMains =
    document.querySelectorAll(
      ".min88-donation-message__main"
    );

  const messageSubs =
    document.querySelectorAll(
      ".min88-donation-message__sub"
    );


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

  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円から寄付できます";

    }

  });


  /* ===================================================
     上段メッセージ
  =================================================== */

  messageMains.forEach(function(message){

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

      message.textContent =
        '"A wonderful place to stay." "I hope it stays around for years to come."';

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

      message.textContent =
        '「住得很開心」「希望這間住宿能一直經營下去」';

    } else {

      message.textContent =
        '「泊まってよかった」「ずっと続けてほしい」';

    }

  });


  /* ===================================================
     下段メッセージ
  =================================================== */

  messageSubs.forEach(function(message){

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

      message.textContent =
        "Send those feelings to this accommodation.";

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

      message.textContent =
        "把這份心意傳達給這間住宿。";

    } else {

      message.textContent =
        "そんな気持ちを、この宿へ。";

    }

  });

});

</script>



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



<h3 id="Supplementary information" class="wp-block-heading"><strong>Supplementary information</strong></h3>



<ul class="wp-block-list">
<li>It is just a 30-second walk to the 市営巡航船埋立乗場 (Shiei Junkosen Umetate Noriba).</li>



<li>On Sundays and public holidays, departures are operated by John’s boat. (Service is irregular, minimum passenger requirements apply, and reservations are required.)</li>



<li>Facilities:<br>Bicycle rental, secure bicycle garage, light meals (packaged rice, ready-to-eat curry, noodles), breakfast (bread, jam, margarine, instant coffee and tea), Wi-Fi, air conditioning, refrigerator in each room, shared kitchen, shower room, coin-operated washing machine and dryer.</li>



<li>Amenities:<br>Yukata robe, bath towel, face towel, toothbrush, shampoo, conditioner, hair dryer, first-aid kit</li>



<li>Other Services:<br>Transportation to nearby izakaya pubs and restaurants is available.</li>
</ul>


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



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



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



<h3 id="map" class="wp-block-heading"><strong>Map</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!1d33773.44653267137!2d133.40727768972113!3d33.43555440764547!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e3fbbff6daaff%3A0x5de38c5bf8d608b6!2z44Ky44K544OI44OP44Km44K5IOOCuOODp-ODsyBIb3N0ZWwgSm9obiBNYW5n!5e0!3m2!1sja!2sjp!4v1718071440338!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">Walking route to this inn</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 Maps
    </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="Posted image" class="wp-block-heading"><strong>Posted image</strong></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="Greetings from the owner" class="wp-block-heading"><strong>A Message from the Host</strong></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;
      ">
      Hello, this inn was started especially for pilgrims.<br>
To help guests enjoy a quiet and restful stay, we have made the walls between rooms thicker and added soundproofing as much as possible.<br>
Please relax and make yourself comfortable in preparation for tomorrow’s journey.
    </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="User's voice" class="wp-block-heading"><strong>Guest Reviews</strong></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">
      Review Summary from External Sites
    </h3>

    <p class="min88-inn-review__text">
      One review mentioned that “although the building looks old, the interior has been beautifully renovated,” reflecting high praise for the charming traditional exterior combined with a clean and comfortable interior. Many guests also noted that “the staff were kind and easy to talk to,” leaving a strong impression of warm hospitality. In terms of location, reviews highlighted that “the pilgrimage boat dock is right in front, which is very convenient for visiting the temple,” and “there’s free parking, making access easy,” providing a sense of security for travelers. There were almost no negative comments regarding meals or facilities. Overall, the guesthouse is highly regarded as “a warm and comfortable place to stay that makes you want to visit again with peace of mind.”
    <br>
    </p>
    <p class="min88-inn-review__source">
※This summary is generated by AI based on posts from external websites. The review content reflects the personal opinions and impressions of the individual contributors and does not represent our site’s evaluation.
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        Sources: Google Maps / Rakuten Travel / Jalan / Booking.com / TripAdvisor / Yahoo! Travel, and others
      </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;
          ">
          Jun.2024
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      John is the name of John Manjiro. It was my first time staying at a guesthouse, but it was much more comfortable than I expected. The owner had me stay alone in the dormitory room so that I could get a good night's sleep. I was also impressed with the owner's consideration for safety and security. The kitchen was easy to use, and I enjoyed the prepared food I bought at the supermarket. The guesthouse is very close to the cruise ship pier. They also run the guesthouse Nazuna, so even though it was a busy morning, they took the trouble to deliver a lunch box to me as a treat, which I was very happy about. If I had to say something, I would have liked to have taken a bath instead of just a shower.
    </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/en/8849/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Thu, 25 Aug 2022 07:18:07 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[Guest Reviews]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=8849</guid>

					<description><![CDATA[“ A Cozy Inn Where Travelers Naturally Connect Nestled near the sea breeze of Uranouchi Bay in Kōchi, Minshuku Nazuna is a compact, traveler-friendly inn perfect for solo pilgrims, cyclists, or bikers journeying through Shikoku. Each guest room—Western or Japanese style—is private and equipped with a TV and refrigerator, offering quiet rest. At dinnertime, where [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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">
      A Cozy Inn Where Travelers Naturally Connect
    </h3>

    <p class="min88-inn-intro__text">
      Nestled near the sea breeze of Uranouchi Bay in Kōchi, Minshuku Nazuna is a compact, traveler-friendly inn perfect for solo pilgrims, cyclists, or bikers journeying through Shikoku. Each guest room—Western or Japanese style—is private and equipped with a TV and refrigerator, offering quiet rest. At dinnertime, where conversation and smiles arise naturally. The inn also provides laundry facilities, a dryer, and Wi-Fi, subtly supporting guests’ daily rhythms. Located near pilgrim temples and a ferry terminal, Nazuna serves as a cozy detour where spontaneous encounters and reflections enrich the walking journey.
    </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="Shōryū-ji"
       data-lkm="6.2"

       data-rkm="49.5"
       data-rnum="37"
       data-rname="Iwamoto-ji"> </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="Basic information" class="wp-block-heading"><strong>Property Details</strong></h3>



<!-- &#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;　基本情報 &#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   = 1116 Haigata, Uranouchi, Susaki-shi, Kochi
tel       = 088-879-2047
website   = https://nazuna-inn.jimdofree.com
parking   = Unknown
rooms     = Unknown
price     = Room only: ¥5,000|With breakfast: Not available|With dinner: Not available|Half board: Not available
checkin   = 15:00-20:00
checkout  = By 9:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: ¥100|Dryer: ¥100/40 min.
payment   = Cash: Accepted|Credit cards: Not accepted|E-wallets: Not accepted

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica/PASMO and other transportation IC cards,nanaco,Rakuten Edy,WAON,PayPay,LINE Pay,Rakuten Pay,d払い (d Barai),au PAY,Merpay



  </textarea>

  <div class="min88-basicdata-out" aria-label="Basic information"></div>

  <p class="min88-basicdata-note">
    ※This does not guarantee the current business status. Please contact the property directly for the latest details.
  </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>View supported brands</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  ? `Check-in: ${brPipeAny(data.checkin)}` : '',
          data.checkout ? `Check-out: ${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;">
    Please avoid calling during early or late hours.
  </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('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 { icon, label } = getPeriod(hour);

      el.innerHTML = `Japan Time: ${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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="補足情報" class="wp-block-heading"><strong>Supplementary information</strong></h3>



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



<li>There is a surcharge during the busy season</li>



<li>For walking pilgrims and overnight stays, transportation to convenience stores and supermarkets is available.</li>



<li>Facilities:<br>Shared kitchen, community space, Wi-Fi, separate baths for men and women, separate toilets for men and women, refrigerator in each room, semi-double beds, air conditioning, washing machine and dryer (coin-operated)</li>



<li>Amenities:<br>Yukata robe (jinbei in summer), bath towel, face towel, body sponge, toothbrush</li>



<li>Meals:<br>Complimentary light meals (rice, curry, spaghetti, yakisoba, ramen — all self-cooked), complimentary breakfast (bread, bananas, fresh eggs, drip coffee), free tea and other beverages, paid drinks (alcoholic beverages and soft drinks)</li>



<li>Other Information:<br>The municipal cruise boat boarding point the following morning will be either 深浦漁港(Fukaura Fishing Port) or 埋立乗場(Umetate Noriba).<br>If departing from 埋立乗場(Umetate Noriba), transportation by car will be provided.<br>★ On Sundays and public holidays, the municipal cruise boat does not operate, so transportation will be provided by Nazuna’s boat.<br>(Service is irregular, minimum passenger requirements apply, and reservations are required.)</li>
</ul>



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


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



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



<h3 id="map" class="wp-block-heading"><strong>Map</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:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d57022.107343269716!2d133.38250483013857!3d33.44767348624337!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e3edabd0d6085%3A0x2587d79c63fdc133!2z5rCR5a6_IOOBquOBmuOBqg!5e0!3m2!1sen!2sjp!4v1668428193949!5m2!1sen!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">Walking route to this inn</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 Maps
    </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"><strong>Posted image</strong></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:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="Greetings from the owner" class="wp-block-heading"><strong>A Message from the Host</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



<h3 id="User's voice" class="wp-block-heading"><strong>Guest Reviews</strong></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">
      Review Summary from External Sites
    </h3>

    <p class="min88-inn-review__text">
      The rooms are praised for their cleanliness and comfort, with another saying, “The facilities are spotless, and the owner’s care is deeply appreciated.” One memorable note was, “When ferries weren’t running, the owner even took the boat out themselves,” showing the inn’s flexible and heartfelt hospitality.
    <br>
    </p>
    <p class="min88-inn-review__source">
※This summary is generated by AI based on posts from external websites. The review content reflects the personal opinions and impressions of the individual contributors and does not represent our site’s evaluation.
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        Sources: Google Maps / Rakuten Travel / Jalan / Booking.com / TripAdvisor / Yahoo! Travel, and others
      </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;
          ">
          Oct.2022
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      We stayed at the New Year&#8217;s Eve walking pilgrimage.<br>
The food was gorgeous, delicious and satisfying.<br>
The facility was clean, and the hospitality of the staff was wonderful.<br>
This place faces Uranouchi Bay, and you can also take a cruise ship, but on days when the cruise ship doesn&#8217;t move, the owner of the inn will send you a boat for a fee to take you to Yokonami&#8217;s dock.
    </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;
          ">
          Mar.2026
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      When I called, I was told that due to the owner’s elderly parent, they are no longer able to provide meals and now only offer room-only stays.
    </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;
          ">
          Jun.2026
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      I stayed here as a pilgrim in June 2026. It appears that the inn is run by a husband and wife, along with their adorable cat.<br>

The inn seems to offer room-only accommodation, but they kindly provided transportation to and from a restaurant of my choice for dinner.<br>

For breakfast, salad, bread, and coffee were prepared, and guests were free to help themselves. I was also allowed to use the kitchen and cooking utensils. I had purchased some ham beforehand and made myself a ham sandwich.<br>

The facilities were modern and very clean. The interior décor—perhaps reflecting the proprietress’s personal taste—was charming and stylish, and I imagine it would be especially popular with female guests. Thank you for a wonderful stay.
    </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-alpha-channel-opacity"/>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Asahi</title>
		<link>https://min88.jp/inn/en/10077/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sat, 09 Oct 2021 01:01:04 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[Closed]]></category>
		<category><![CDATA[Under 4000yen]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=10077</guid>

					<description><![CDATA[CLOSED “ A Seaside Hideaway Where the Charm of a Fishing Village Meets Gentle Waves Nestled in Ikenoura, Uranouchi, in the coastal town of Susaki City, Kochi Prefecture, “Minshuku Asahi” is a cozy, family-run inn offering a sense of warmth and simplicity. With just two traditional Japanese-style rooms, this intimate stay overlooks the harbor, letting [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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;
      ">
      CLOSED
    </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">
      A Seaside Hideaway Where the Charm of a Fishing Village Meets Gentle Waves
    </h3>

    <p class="min88-inn-intro__text">
      Nestled in Ikenoura, Uranouchi, in the coastal town of Susaki City, Kochi Prefecture, “Minshuku Asahi” is a cozy, family-run inn offering a sense of warmth and simplicity. With just two traditional Japanese-style rooms, this intimate stay overlooks the harbor, letting guests soak in the quiet charm of a fishing village. The friendly hosts and seafood-focused dinners leave a lasting impression, gently replenishing both body and soul after a long day of walking. While the building’s structure is simple and rustic, it retains the nostalgic essence of an old fishing hamlet, making it especially appealing to those who appreciate its unpolished authenticity. It’s the kind of place where the sound of waves and the aroma of the sea naturally ease you into relaxation — a comforting refuge that quietly nurtures the lingering mood of your pilgrimage.
    </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="Shōryū-ji"
       data-lkm="8.6"

       data-rkm="48.6"
       data-rnum="37"
       data-rname="Iwamoto-ji"> </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="Basic information"><strong>Basic information</strong></h3>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td>Address</td><td>241 Ikenoura, Uranouchi, Susaki-shi, Kochi</td></tr><tr><td>Phone number</td><td>088-856-2090</td></tr><tr><td>Parking</td><td>Available</td></tr><tr><td>Number of room(s)</td><td>2 Japanese rooms</td></tr><tr><td>Price</td><td>Room only : 4,000 yen<br>With breakfast :  &#8212;<br>With dinner :  &#8212;<br>Half board : 7,000 yen or more</td></tr><tr><td>Website</td><td> &#8212;</td></tr><tr><td>Check-in</td><td> &#8212;</td></tr><tr><td>Check-out</td><td> &#8212;</td></tr><tr><td>Wi-Fi</td><td> &#8212;</td></tr><tr><td>Laundry</td><td>Washing machine:  &#8212;<br>Dryer:  &#8212;</td></tr><tr><td>payment</td><td>Cash: ✓ Accepted<br>Credit card:  &#8212;<br>e-money:  &#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;">
    Please avoid calling during early or late hours.
  </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('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 { icon, label } = getPeriod(hour);

      el.innerHTML = `Japan Time: ${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">Call  (within Japan only)</a></div>
</div>



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



<h3 class="wp-block-heading" id="Supplementary information"><strong>Supplementary information</strong></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>












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



<h3 class="wp-block-heading" id="map">MAP</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:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31795.492000217135!2d133.39032421219588!3d33.40954696700762!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e3f543e676dd5%3A0xf885c48a4e73a6bb!2z5pet5peF6aSo!5e0!3m2!1sen!2sjp!4v1668749374051!5m2!1sen!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">Walking route to this inn</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 Maps
    </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="Posted image"><strong>Posted image</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



<h3 class="wp-block-heading" id="Greetings from the owner"><strong>A Message from the Host</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



<h3 class="wp-block-heading" id="User's voice"><strong>Guest Reviews</strong></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">
      Review Summary from External Sites
    </h3>

    <p class="min88-inn-review__text">
      No reviews or user comments were found.
    <br>
    </p>
    <p class="min88-inn-review__source">
※This summary is generated by AI based on posts from external websites. The review content reflects the personal opinions and impressions of the individual contributors and does not represent our site’s evaluation.
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        Sources: Google Maps / Rakuten Travel / Jalan / Booking.com / TripAdvisor / Yahoo! Travel, and others
      </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-alpha-channel-opacity"/>



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



<p class="wp-block-paragraph"></p>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Micchan</title>
		<link>https://min88.jp/inn/en/10079/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sat, 09 Oct 2021 00:57:32 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=10079</guid>

					<description><![CDATA[36.Shoryu-ji 8.6km ★ 48.6km 37.Iwamoto-ji CLOSED Basic information Address 238 Fukura, Uranouchi, Susaki-shi, Kochi Phone number 088-856-1313 Parking Available Number of room(s) 5 Japanese rooms Price Room only : &#8212;With breakfast : &#8212; With dinner : &#8212;Half board : 6,600 yen or more Website &#8212; Check-in &#8212; Check-out &#8212; Wi-Fi &#8212; Laundry Washing machine: &#8212;Dryer: [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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>
  






<!DOCTYPE html>
<html>
<head>
  <style>
    /* スタイルの設定 */
    .line-container {
      position: relative;
      display: flex;
      align-items: center;
      margin-top: 80px; /* 上部の空白を追加 */
      margin-bottom: 80px; /* 下部の空白を追加 */
    }
    
    .line {
      flex-grow: 1;
      height: 3px; /* 太さを調整 */
      background-color: black;
      position: relative;
    }
    
    .label {
      margin: 0 5px;
      font-weight: bold; /* 文字を太くする */
    }
    
    .distance {
      font-size: 12px;
      position: absolute;
      top: -23px; /* Y軸上に配置するためのマイナスの値 */
      transform: translateX(-50%); /* 中央に配置するための調整 */
    }
    
    .star {
      font-size: 18px; /* ★の文字の大きさを調整 */
    }
  </style>
</head>
<body>
  <div class="line-container">
    <span class="label">36.Shoryu-ji</span>
    <div class="line">
      <span class="distance" style="left: 50%;">8.6km</span>
    </div>
    <span class="label star">★</span>
    <div class="line">
      <span class="distance" style="left: 50%;">48.6km</span>
    </div>
    <span class="label">37.Iwamoto-ji</span>
  </div>
</body>
</html>



<p class="has-text-align-left has-background wp-block-paragraph" style="background-color:#fd8a82"><strong>CLOSED</strong></p>



<h3 class="wp-block-heading" id="Basic information"><strong>Basic information</strong></h3>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td>Address</td><td>238 Fukura, Uranouchi, Susaki-shi, Kochi</td></tr><tr><td>Phone number</td><td>088-856-1313</td></tr><tr><td>Parking</td><td>Available</td></tr><tr><td>Number of room(s)</td><td>5 Japanese rooms</td></tr><tr><td>Price</td><td>Room only :  &#8212;<br>With breakfast : &#8212; <br>With dinner :  &#8212;<br>Half board : 6,600 yen or more</td></tr><tr><td>Website</td><td> &#8212;</td></tr><tr><td>Check-in</td><td> &#8212;</td></tr><tr><td>Check-out</td><td> &#8212;</td></tr><tr><td>Wi-Fi</td><td> &#8212;</td></tr><tr><td>Laundry</td><td>Washing machine:  &#8212;<br>Dryer:  &#8212;</td></tr><tr><td>payment</td><td>Cash: ✓ Accepted<br>Credit card:  &#8212; <br>e-money:  &#8212;</td></tr></tbody></table></figure>



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



<p class="has-text-align-center wp-block-paragraph"><strong>This facility appears to be temporarily or permanently closed.</strong></p>



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



<h3 class="wp-block-heading" id="Supplementary information"><strong>Supplementary information</strong></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>












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



<h3 class="wp-block-heading" id="map"><strong>Map</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1633741023435!6m8!1m7!1sEhH-pSsDlRHgek0NVxLglA!2m2!1d33.40962583330634!2d133.4098777166084!3f340.35396215565277!4f15.309427959011089!5f0.44950228137981424" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



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


<p><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d37204.69768088961!2d133.38556808875254!3d33.40976309686915!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e3f5444456097%3A0x3f3f9206556c4db1!2z5rCR5a6_IOOBv-OBo-OBoeOCg-OCkw!5e0!3m2!1sen!2sjp!4v1668749452599!5m2!1sen!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></p>



<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">Walking route to this inn</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 Maps
    </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="Posted image"><img decoding="async" width="35" height="35" class="wp-image-3202" style="width: 35px;" src="https://min88.jp/inn/wp-content/uploads/2021/06/camera.png" alt="">  <strong>Posted image</strong></h3>



<p class="has-cyan-bluish-gray-color has-text-color wp-block-paragraph">(not yet)</p>



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



<h3 class="wp-block-heading" id="Greetings from the owner"><img decoding="async" width="39" height="39" class="wp-image-3210" style="width: 39px;" src="https://min88.jp/inn/wp-content/uploads/2021/06/house3.png" alt="">  <strong>Greetings from the owner</strong></h3>



<p class="has-cyan-bluish-gray-color has-text-color wp-block-paragraph">(not yet)</p>



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



<h3 class="wp-block-heading" id="User's voice"><img decoding="async" width="35" height="35" class="wp-image-3221" style="width: 35px;" src="https://min88.jp/inn/wp-content/uploads/2021/06/user.png" alt="">  <strong>User&#8217;s voice</strong></h3>



<p class="has-cyan-bluish-gray-color has-text-color wp-block-paragraph">(not yet)</p>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Kurashi no Nekko</title>
		<link>https://min88.jp/inn/en/10666/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 25 May 2021 00:33:35 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Bekkaku]]></category>
		<category><![CDATA[BK05 Daizen-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[Under 4000yen]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=10666</guid>

					<description><![CDATA[“ A cozy countryside stay—live like a local in a lovingly renovated farmhouse Kurashi no Nekko is a one-group-per-day self-catering guesthouse located in Aokicho, Susaki City. Housed in a traditional Japanese home from the early Showa era, it was lovingly renovated by local volunteers. Details like beds made from old chests and walls finished with [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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">
      A cozy countryside stay—live like a local in a lovingly renovated farmhouse
    </h3>

    <p class="min88-inn-intro__text">
      Kurashi no Nekko is a one-group-per-day self-catering guesthouse located in Aokicho, Susaki City. Housed in a traditional Japanese home from the early Showa era, it was lovingly renovated by local volunteers. Details like beds made from old chests and walls finished with traditional Tosa plaster reflect the region’s craftsmanship. The first floor also features a shared local space and the attached Cona-Cafe, where guests can enjoy sweets and browse locally made goods that add a charming touch of everyday life. The warm atmosphere makes it feel like coming home, offering walking pilgrims a place where they can pause, unwind, and restore themselves in body and mind.
    </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="Shōryū-ji"
       data-lkm="24.7"

       data-rkm="31.7"
       data-rnum="37"
       data-rname="Iwamoto-ji"> </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="Basic information" class="wp-block-heading"><strong>Property Details</strong></h3>



<!-- &#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;　基本情報 &#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   = 5-14 Aoki-cho, Susaki-shi, Kochi
tel       = 050-8808-6388|Reception: 9:00-17:00
website   = https://kurashinonekko.com
parking   = Available (¥500/night)
rooms     = 2 Japanese-style rooms
price     = Room only: ¥4,000|With breakfast: Not available|With dinner: Not available|Half board: Not available
checkin   = 16:00-20:00
checkout  = By 10:00
wifi      = Free Wi-Fi
laundry   = Washing machine: Available|Dryer: Unknown
payment   = Cash: Accepted|Credit cards: Accepted|E-wallets: Unknown

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica/PASMO and other transportation IC cards,nanaco,Rakuten Edy,WAON,PayPay,LINE Pay,Rakuten Pay,d払い (d Barai),au PAY,Merpay



  </textarea>

  <div class="min88-basicdata-out" aria-label="Basic information"></div>

  <p class="min88-basicdata-note">
    ※This does not guarantee the current business status. Please contact the property directly for the latest details.
  </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>View supported brands</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  ? `Check-in: ${brPipeAny(data.checkin)}` : '',
          data.checkout ? `Check-out: ${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;">
    Please avoid calling during early or late hours.
  </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('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 { icon, label } = getPeriod(hour);

      el.innerHTML = `Japan Time: ${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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="Supplementary information" class="wp-block-heading"><strong>Supplementary information</strong></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>












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



<h3 id="map" class="wp-block-heading"><strong>Map</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:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53300.44475580144!2d133.25497542654676!3d33.38991601357818!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e492a1a407175%3A0x382ecced6b681143!2sKurashi%20no%20Nekko!5e0!3m2!1sen!2sjp!4v1669169586527!5m2!1sen!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">Walking route to this inn</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 Maps
    </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:30px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



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



<h3 id="Posted image" class="wp-block-heading"><strong>Posted image</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



<h3 id="Greetings from the owner" class="wp-block-heading"><strong>A Message from the Host</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



<h3 id="User's voice" class="wp-block-heading"><strong>Guest Reviews</strong></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">
      Review Summary from External Sites
    </h3>

    <p class="min88-inn-review__text">
      Guests have praised the inn’s privacy, saying that “the one-building rental made it easy to relax without worrying about others.” The renovated structure retains the character of an old warehouse, giving it a nostalgic charm often described as “just like staying at someone’s home.” With basic self-catering facilities, many noted how the experience “felt more like living than simply staying,” which enhanced their connection with the place. While one comment mentioned the exterior wasn’t particularly striking, overall the accommodation is well-loved as “a peaceful place wrapped in quiet time and a sense of living history.”
    <br>
    </p>
    <p class="min88-inn-review__source">
※This summary is generated by AI based on posts from external websites. The review content reflects the personal opinions and impressions of the individual contributors and does not represent our site’s evaluation.
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        Sources: Google Maps / Rakuten Travel / Jalan / Booking.com / TripAdvisor / Yahoo! Travel, and others
      </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-alpha-channel-opacity"/>



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



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Yoshimura Ryokan</title>
		<link>https://min88.jp/inn/en/10668/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 25 May 2021 00:27:46 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Bekkaku]]></category>
		<category><![CDATA[BK05 Daizen-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=10668</guid>

					<description><![CDATA[“ A retro wooden inn steeped in Showa charm—peace and stillness in the heart of town Yoshimura Ryokan, located within walking distance from Susaki Station, is a long-established inn with over 100 years of history. Its distinct U-shaped wooden building encircling a courtyard offers a glimpse into Japan’s Showa era charm. With 12 guest rooms [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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">
      A retro wooden inn steeped in Showa charm—peace and stillness in the heart of town
    </h3>

    <p class="min88-inn-intro__text">
      Yoshimura Ryokan, located within walking distance from Susaki Station, is a long-established inn with over 100 years of history. Its distinct U-shaped wooden building encircling a courtyard offers a glimpse into Japan’s Showa era charm. With 12 guest rooms and six free parking spaces, it offers a quiet retreat with all the essentials in place. Surrounded by the scent of wood and the greenery of the central courtyard, guests will find themselves slowly unwinding, as if time has paused. This is a place that gently encourages weary pilgrims to rest and quietly find the strength to walk on.
    </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="Shōryū-ji"
       data-lkm="24.9"

       data-rkm="31.5"
       data-rnum="37"
       data-rname="Iwamoto-ji"> </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="Basic information" class="wp-block-heading"><strong>Property Details</strong></h3>



<!-- &#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;　基本情報 &#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   = 5-7 Higashifuruichimachi, Susaki-shi, Kochi
tel       = 0889-42-0009
website   = No website available
parking   = 6 parking spaces (free)
rooms     = 12 rooms
price     = Room only: ¥4,700|With breakfast: From ¥6,500|With dinner: Not available|Half board: From ¥7,500
checkin   = From 15:00
checkout  = By 10:00
wifi      = Free Wi-Fi
laundry   = Washing machine: Unknown|Dryer: Unknown
payment   = Cash: Accepted|Credit cards: Unknown|E-wallets: Unknown

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica/PASMO and other transportation IC cards,nanaco,Rakuten Edy,WAON,PayPay,LINE Pay,Rakuten Pay,d払い (d Barai),au PAY,Merpay



  </textarea>

  <div class="min88-basicdata-out" aria-label="Basic information"></div>

  <p class="min88-basicdata-note">
    ※This does not guarantee the current business status. Please contact the property directly for the latest details.
  </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>View supported brands</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  ? `Check-in: ${brPipeAny(data.checkin)}` : '',
          data.checkout ? `Check-out: ${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;">
    Please avoid calling during early or late hours.
  </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('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 { icon, label } = getPeriod(hour);

      el.innerHTML = `Japan Time: ${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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="Supplementary information" class="wp-block-heading"><strong>Supplementary information</strong></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>












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



<h3 id="map" class="wp-block-heading"><strong>Map</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:30px" 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!2sYoshimura%20Inn!5e0!3m2!1sen!2sjp!4v1669169657470!5m2!1sen!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">Walking route to this inn</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 Maps
    </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:100px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<h3 id="Posted image" class="wp-block-heading"><strong>Posted image</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



<h3 id="Greetings from the owner" class="wp-block-heading"><strong>A Message from the Host</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



<h3 id="User's voice" class="wp-block-heading"><strong>Guest Reviews</strong></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">
      Review Summary from External Sites
    </h3>

    <p class="min88-inn-review__text">
      Guests frequently mention the nostalgic wooden architecture, with comments like “the retro structure feels old but warm,” and “a kotatsu was ready, and the futon was laid out—it felt like it would be a perfect night.” Others share how the inn “feels like an old family home, letting you forget the flow of time,” and praise its peaceful atmosphere. Practical appreciation also appears: “it’s close to the station and convenient,” “well preserved but modernized where necessary.” Negative opinions are rare, and most visitors embrace the old-world ambiance as part of the inn’s unique charm. Overall, it is widely regarded as “a place wrapped in old-time warmth and calm, where you can take a deep breath and feel at home.”
    <br>
    </p>
    <p class="min88-inn-review__source">
※This summary is generated by AI based on posts from external websites. The review content reflects the personal opinions and impressions of the individual contributors and does not represent our site’s evaluation.
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        Sources: Google Maps / Rakuten Travel / Jalan / Booking.com / TripAdvisor / Yahoo! Travel, and others
      </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-alpha-channel-opacity"/>



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



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Yanagiya Ryokan</title>
		<link>https://min88.jp/inn/en/10670/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 25 May 2021 00:21:45 +0000</pubDate>
				<category><![CDATA[36 Shoryu-ji]]></category>
		<category><![CDATA[Bekkaku]]></category>
		<category><![CDATA[BK05 Daizen-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[Guest Reviews]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=10670</guid>

					<description><![CDATA[“ A gentle retreat wrapped in 130 years of wooden charm Yanagiya Ryokan (formerly “Yanagiya: One-Building Rental &#038; Folk Craft Shop”) is a private rental inn housed in a historical main building founded in 1885, with architecture dating back to the late Edo period. Set behind the main house is a separate two-story guest building, [&#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 is-current">
            <span class="min88-lang-text">
              English            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </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">
      A gentle retreat wrapped in 130 years of wooden charm
    </h3>

    <p class="min88-inn-intro__text">
      Yanagiya Ryokan (formerly “Yanagiya: One-Building Rental &#038; Folk Craft Shop”) is a private rental inn housed in a historical main building founded in 1885, with architecture dating back to the late Edo period. Set behind the main house is a separate two-story guest building, providing a quiet and reliable base for pilgrims on foot. Inside, you’ll find tatami rooms, a living area, kitchen, and even an adjoining folk craft gallery and light café space. The garden view invites guests into a moment of reflection, retracing the steps of their journey.<br><br>

The inn is well-equipped with Wi-Fi, cooking utensils, a washing machine, and more—allowing for a practical yet gentle stay where self-catering is easy. This quiet practicality offers weary travelers both physical and emotional rest. It’s a space where tradition and modern comfort blend harmoniously, helping guests fully recharge before taking their next step forward.
    </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="Shōryū-ji"
       data-lkm="25.1"

       data-rkm="30.9"
       data-rnum="37"
       data-rname="Iwamoto-ji"> </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="Basic information" class="wp-block-heading"><strong>Property Details</strong></h3>



<!-- &#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;&#x1f1fa;&#x1f1f8;　基本情報 &#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   = 1-1-22 Nishimachi, Susaki-shi, Kochi
tel       = 0889-42-0175|Reservations: 080-7656-3412
website   = https://www.ikkanbari.net/yanagiya/index.html
parking   = Available (free)
rooms     = 6 Japanese-style rooms (4 rooms with 6 tatami mats, 2 rooms with 4.5 tatami mats) + living room
price     = Room only: ¥5,700 (Pilgrims ¥5,000)|With breakfast: ¥6,800|With dinner: ¥7,700|Half board: ¥8,800 (Pilgrims ¥7,900)
checkin   = From 15:00
checkout  = By 9:00
wifi      = Free Wi-Fi
laundry   = Washing machine: Available|Dryer: Not available
payment   = Cash: Accepted|Credit cards: Not accepted|E-wallets: Accepted

# ===== 電子マネー（#を削除） =====
emoney = PayPay



  </textarea>

  <div class="min88-basicdata-out" aria-label="Basic information"></div>

  <p class="min88-basicdata-note">
    ※This does not guarantee the current business status. Please contact the property directly for the latest details.
  </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>View supported brands</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  ? `Check-in: ${brPipeAny(data.checkin)}` : '',
          data.checkout ? `Check-out: ${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;">
    Please avoid calling during early or late hours.
  </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('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 { icon, label } = getPeriod(hour);

      el.innerHTML = `Japan Time: ${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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="Supplementary information" class="wp-block-heading"><strong>Supplementary information</strong></h3>



<ul class="wp-block-list">
<li>Business days: Every Tuesday, Friday, Saturday</li>



<li>ー</li>



<li>ー</li>
</ul>



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












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



<h3 id="map" class="wp-block-heading"><strong>Map</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:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d23443.421102077482!2d133.2670500271413!3d33.38777579090905!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e4ed293908723%3A0x8a52edae3e555d8e!2sYanagiya%20Ryokan!5e0!3m2!1sen!2sjp!4v1669169691931!5m2!1sen!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">Walking route to this inn</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 Maps
    </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:100px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<h3 id="Posted image" class="wp-block-heading"><strong>Posted image</strong></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:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="Greetings from the owner" class="wp-block-heading"><strong>A Message from the Host</strong></h3>



<!-- ▼▼▼ not yet ▼▼▼ -->
<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;">(not yet)</span><br><br>
</p>



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



<h3 id="User's voice" class="wp-block-heading"><strong>Guest Reviews</strong></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">
      Review Summary from External Sites
    </h3>

    <p class="min88-inn-review__text">
      Some visitors shared that they were drawn to the comfort of a private guesthouse with its own toilet, sink, and refrigerator. Others said, “We spent a calm and relaxing time in the detached house,” and “The spacious bathtub was perfect for soaking and relieving travel fatigue.” There were also remarks such as, “It was nice to have breakfast prepared for us.” While a few reviews noted that the service matched the pricing appropriately, the majority of impressions were positive, praising it as “a quiet and reassuring place to unwind.”
    <br>
    </p>
    <p class="min88-inn-review__source">
※This summary is generated by AI based on posts from external websites. The review content reflects the personal opinions and impressions of the individual contributors and does not represent our site’s evaluation.
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        Sources: Google Maps / Rakuten Travel / Jalan / Booking.com / TripAdvisor / Yahoo! Travel, and others
      </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;
          ">
          Mar.2025
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      I stayed here on a pilgrimage.<br>
It seems that they renovated a one-story house that was once a cultural residence, and I stayed alone in a separate room.<br>
The room was 6 tatami (2 tatami mats) with a toilet, washroom, and refrigerator.<br>
The bathtub was a little big enough to stretch out your legs in, and it was a great way to recover from the fatigue of the trip.<br>
We were told that dinner was difficult to prepare due to an event, so we bought it at a supermarket about a 3-minute walk away.<br>
Breakfast was prepared for us.<br><br>

It was very quiet and we slept well because we were away from the hotel.<br><br>

The price was 6,500 yen per night including breakfast.
    </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;
          ">
          May.2025
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      I stayed on a walking pilgrimage, but I was able to spend a relaxing time in a separate building rental.<br>
The food was also delicious.
    </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"/>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
