<?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>Minshuku / Guesthouse &#8211; MINNA NO HENRO (Inn)</title>
	<atom:link href="https://min88.jp/inn/en/category2/minshuku-en/feed/" rel="self" type="application/rss+xml" />
	<link>https://min88.jp/inn</link>
	<description>Pilgrimage Lodging Reservation｜Shikoku Pilgrimage Accommodation Database</description>
	<lastBuildDate>Thu, 08 Oct 2026 00:41:16 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://min88.jp/inn/wp-content/uploads/2025/07/cropped-yoyaku_logo-32x32.png</url>
	<title>Minshuku / Guesthouse &#8211; MINNA NO HENRO (Inn)</title>
	<link>https://min88.jp/inn</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Kuroshio no Ie Building II (Dormitory)</title>
		<link>https://min88.jp/inn/en/73731/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Thu, 08 Oct 2026 00:32:29 +0000</pubDate>
				<category><![CDATA[37 Iwamoto-ji]]></category>
		<category><![CDATA[38 Kongofuku-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[A Message from the Host]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=73731</guid>

					<description><![CDATA[Last Updated on October 8, 2026 “ A casual and comfortable stay where you can unwind in the seaside atmosphere Located in the peaceful Irino area of Kuroshio Town, this welcoming accommodation offers dormitory-style rooms. A shared lounge provides a relaxing place to take a break during your journey, with convenient amenities such as a [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on October 8, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 casual and comfortable stay where you can unwind in the seaside atmosphere
    </h3>

    <p class="min88-inn-intro__text">
      Located in the peaceful Irino area of Kuroshio Town, this welcoming accommodation offers dormitory-style rooms. A shared lounge provides a relaxing place to take a break during your journey, with convenient amenities such as a microwave and electric kettle. Its location near Irino Beach is another highlight, allowing guests to relax and enjoy the open, refreshing atmosphere of the coast. Air conditioning and free parking are also available, making it a convenient choice not only for walking pilgrims but also for those traveling by bicycle or car. Guests often praise the clean and comfortable environment, as well as the friendly and warm personality of the owner. It is a pleasant place to unwind during a long journey, recharge, and prepare for the next day.
    </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="37" data-lname="Iwamoto-ji" data-lkm="34.8" data-rkm="48.8" data-rnum="38" data-rname="Kongōfuku-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">
# ===== Basic Information =====
address   = 1967 Irino, Kuroshio-cho, Hata-gun, Kochi
tel       = 080-3923-0696|Call hours 8:00–20:00
website   = None
parking   = 3 parking spaces (free)
rooms     = 4 single beds (2 bunk beds), 1 Japanese-style room (6 tatami mats, capacity 3 guests)
price     = Room only:|　・Single bed ¥5,000|　・Japanese-style room ¥6,000||With breakfast: Not available|With dinner: Not available|Half board: Not available
checkin   = 16:00–20:00
checkout  = 6:00–10:00
wifi      = Free Wi-Fi
laundry   = Washing machine: Free|Dryer: Free
payment   = Cash: Accepted|Credit cards: Accepted|E-wallets: Accepted

# ===== E-wallets =====
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, '08039230696')">
    <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>&#8211;</li>



<li>&#8211;</li>



<li>&#8211;</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=!4v1791419038645!6m8!1m7!1sFBHYNOQOXqPV_mt9trK3dQ!2m2!1d33.02296831477349!2d133.011839790794!3f76.21633362242449!4f2.7900908562127285!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="strict-origin-when-cross-origin"></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!1d53526.79432351875!2d132.97428769046962!3d33.018941227919946!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354f1768c7141795%3A0x9a4f372bc8c416cd!2z6buS5r2u44Gu5a62IOKFoeWPt-mkqCjjg4njg5_jg4jjg6rjg7wp!5e0!3m2!1sen!2sjp!4v1791419941253!5m2!1sen!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="strict-origin-when-cross-origin"></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&amp;destination=黒潮の家 Ⅱ号館(ドミトリー)&amp;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>



<!-- ▼▼▼ ホストよりご挨拶 ▼▼▼ -->
<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;">
          Kuroshio no Ie Building II (Dormitory)
        </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;
      ">
      Tosa-Irino Station, convenience stores, drugstores, and other useful facilities are located nearby, making this a very convenient place to stay. Please feel free to contact the accommodation for more information.
    </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: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">
      Many guests praise the cleanliness and comfortable atmosphere, with particularly positive comments about the kind and welcoming staff and host. Reviews describe the host as “kind and full of energy” and mention being warmly welcomed, creating a reassuring atmosphere even while traveling far from home. The convenient location is also appreciated, with Irino Beach and other natural attractions nearby, as well as easy access to convenience stores. Guests also note that the accommodation is well equipped with everything needed for a comfortable stay. The shared spaces, with their traditional charm, and the relaxed atmosphere also leave a positive impression. Overall, the clean environment, convenience, and above all the warmth of the people are highly rated.
    <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>Ikoi no Henro-yado</title>
		<link>https://min88.jp/inn/en/70315/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 06 Jul 2026 23:59:49 +0000</pubDate>
				<category><![CDATA[64 Maegami-ji]]></category>
		<category><![CDATA[Ehime]]></category>
		<category><![CDATA[A Message from the Host]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=70315</guid>

					<description><![CDATA[Last Updated on October 5, 2026 “ A welcoming traditional house shaped by the experience of a walking pilgrim Located in Hagiu, Niihama City, this small guesthouse reflects the experience of its owner, who has completed the Shikoku pilgrimage on foot. Situated between Temple No. 64, Maegami-ji, and Temple No. 65, Sankaku-ji, it provides an [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on October 5, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 welcoming traditional house shaped by the experience of a walking pilgrim
    </h3>

    <p class="min88-inn-intro__text">
      Located in Hagiu, Niihama City, this small guesthouse reflects the experience of its owner, who has completed the Shikoku pilgrimage on foot. Situated between Temple No. 64, Maegami-ji, and Temple No. 65, Sankaku-ji, it provides an ideal place to rest and recharge along the journey. While preserving the charm of a traditional Japanese house, it is equipped with practical amenities such as multiple bathrooms, toilets, washing machines, and dryers to support long-distance travelers. Each room includes air conditioning and a TV, allowing guests to relax in a peaceful setting. Thoughtful touches throughout the property make it a comfortable and reassuring place to stay.
    </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="64" data-lname="Maegami-ji" data-lkm="12.0" data-rkm="32.0" data-rnum="65" data-rname="Sankaku-ji"> </div>
</div>



<div style="height:100px" 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   = 671-1 Hagyu, Niihama-shi, Ehime
tel       = 0897-38-0082|Reception hours: 6:00–17:00
website   = https://ikoi.eyado.net/
parking   = 3 parking spaces (free)
rooms     = 2 rooms
price     = Room only: ¥5,000|With breakfast: ¥5,500|With dinner: ¥6,500|Half board: ¥7,000
checkin   = From 15:00
checkout  = By 9:00
wifi      = Free Wi-Fi
laundry   = Washing machine: Free|Dryer: Free
payment   = Cash: Accepted|Credit cards: Accepted|E-wallets: Accepted

# ===== E-wallets =====
emoney = QUICPay,iD,Suica/PASMO and other transportation IC cards,nanaco,Rakuten Edy,WAON,PayPay,LINE Pay,Rakuten Pay,d払い (d Barai),au PAY

  </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="tel:0897-38-0082" class="min88-phone-link" >
    <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 = 6;
  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>


<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=!4v1783381696260!6m8!1m7!1sCnXVd7Z3d0rE3rDtNJKXQQ!2m2!1d33.9291393064419!2d133.2761914084186!3f24.066468778557443!4f-3.837867256166078!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="strict-origin-when-cross-origin"></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!1d52967.33782254346!2d133.23750977058904!3d33.929330777733554!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3551cfd030e15d47%3A0x4005f0bf4282b71a!2z6YGN6Lev5a6_IOaGqeOBrumBjei3r-Wuvw!5e0!3m2!1sen!2sjp!4v1783382964915!5m2!1sen!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="strict-origin-when-cross-origin"></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&amp;destination=遍路宿 憩の遍路宿　愛媛県新居浜市&amp;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/2026/07/70302_3.jpg"><img fetchpriority="high" decoding="async" width="773" height="1024" data-id="70312" src="https://min88.jp/inn/wp-content/uploads/2026/07/70302_3-773x1024.jpg" alt="" class="wp-image-70312"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/07/70302_4.jpg"><img decoding="async" width="771" height="1024" data-id="70311" src="https://min88.jp/inn/wp-content/uploads/2026/07/70302_4-771x1024.jpg" alt="" class="wp-image-70311"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/07/70302_2.jpg"><img decoding="async" width="768" height="1024" data-id="70310" src="https://min88.jp/inn/wp-content/uploads/2026/07/70302_2-768x1024.jpg" alt="" class="wp-image-70310"/></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;">
          Ikoi no Henro-yado
        </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;
      ">
      While walking the Shikoku pilgrimage, the owners became deeply aware of the aging population among accommodation hosts. After losing a spouse, many hosts were forced to close their inns or switch to room-only lodging, creating challenges for future pilgrims as well. Hoping to contribute, even in a small way, they decided to open this guesthouse.
    </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">Guest Reviews</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 customer reviews or feedback 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>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Guest House Honah-Lee</title>
		<link>https://min88.jp/inn/en/66464/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Thu, 14 May 2026 02:11:52 +0000</pubDate>
				<category><![CDATA[64 Maegami-ji]]></category>
		<category><![CDATA[Ehime]]></category>
		<category><![CDATA[A Message from the Host]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=66464</guid>

					<description><![CDATA[Last Updated on June 23, 2026 “ A comforting stopover hosted by someone who understands the pilgrimage Located between Temple No. 64, Maegami-ji, and Temple No. 65, Sankaku-ji, this small guesthouse accepts only two groups per day. The host, having completed the entire Shikoku pilgrimage, moved from Osaka to Niihama after feeling the shortage of [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on June 23, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 comforting stopover hosted by someone who understands the pilgrimage
    </h3>

    <p class="min88-inn-intro__text">
      Located between Temple No. 64, Maegami-ji, and Temple No. 65, Sankaku-ji, this small guesthouse accepts only two groups per day. The host, having completed the entire Shikoku pilgrimage, moved from Osaka to Niihama after feeling the shortage of accommodations for pilgrims, creating a place filled with warmth and understanding for those on foot.<br>

In addition to Japanese-style and Western-style rooms, practical shared facilities such as a bath, Western-style toilet, bicycle tools and air pump, massage chair, and PC are available. Supermarkets and convenience stores are nearby, and guests are welcome to bring in food and drinks. It is a quiet and comfortable place to reset yourself during a long 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="64"
       data-lname="Maegami-ji"
       data-lkm="15.1"

       data-rkm="29.5"
       data-rnum="65"
       data-rname="Sankaku-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に置く） -->



<div style="height:40px" 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   = 1-3-19 Kitauchi-cho, Niihama-shi, Ehime
tel       = 090-9637-2703|Reception hours: 8:00–20:00
website   = https://honahlee.jp
parking   = Not available
rooms     = 2 rooms
price     = Room only: ¥5,500|With breakfast: ¥6,000|With dinner: ¥7,000|Half board: ¥7,500
checkin   = 16:00-20:00
checkout  = 6:00-10:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: ¥100|Dryer: ¥200
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>



<!-- ▼▼▼ デフォ『電話で空室確認』 ▼▼▼ -->

<div class="min88-phone-text-link">
  <a href="#" class="min88-phone-link" onclick="logAndCall(event, '09096372703')">
    <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>Tent stays are also possible (upon consultation).</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=!4v1778724495434!6m8!1m7!1sy_E5UUqfYqsOOB9gtgYV1g!2m2!1d33.93393686008665!2d133.3082761740418!3f116.99807807656717!4f6.650053736844356!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!1d52964.530176424065!2d133.26703878616942!3d33.93384517761033!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3551cf236e13c201%3A0xaaa96dc124bcaa2!2z44Ky44K544OI44OP44Km44K5IOOBr-OBquOCig!5e0!3m2!1sen!2sjp!4v1778725437868!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>



<figure class="wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-2 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/2026/05/material_room1.jpg"><img decoding="async" width="1024" height="410" data-id="66456" src="https://min88.jp/inn/wp-content/uploads/2026/05/material_room1.jpg" alt="" class="wp-image-66456"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/05/material_room2.jpg"><img decoding="async" width="1024" height="410" data-id="66458" src="https://min88.jp/inn/wp-content/uploads/2026/05/material_room2.jpg" alt="" class="wp-image-66458"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/05/material_room3.jpg"><img decoding="async" width="1024" height="410" data-id="66457" src="https://min88.jp/inn/wp-content/uploads/2026/05/material_room3.jpg" alt="" class="wp-image-66457"/></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 cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 宿名＋オーナー名 -->
      <div>
        <div style="font-size:15px;font-weight:600;color:#222;line-height:1.3;">
          Guest House Honah-Lee
        </div>
        <div style="font-size:13px;color:#888;margin-top:2px;line-height:1.3;">
          Owner
        </div>
      </div>
    </div>

    <!-- 挨拶本文 -->
    <p style="
        margin:5px 0 8px;
        font-size:14px;
        line-height:1.6;
        color:#444;
      ">
      In the autumn of 2023, the host completed the full Shikoku pilgrimage. Without any “recovery period” afterward, they immediately developed what pilgrims jokingly call “Shikoku pilgrimage sickness” and decided to move from Osaka to Niihama, an area known for limited lodging options. The guesthouse effectively began operating in March 2026.
    </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">
      Many guests appreciate the host’s deep understanding of walking यात्रneys, with comments such as “the advice from someone who completed the pilgrimage was very reassuring” and “the host carefully explained the route and local information.” The interior is often described as “clean and relaxing” and “as comforting as staying at a family home,” with the quiet atmosphere of the small-scale accommodation also receiving praise.<br>

Guests also value the practical facilities, noting that “being able to do laundry and drying was very helpful” and “the massage chair was a blessing after a long day.” The nearby supermarkets and restaurants are considered convenient, making for an easy and stress-free stay. Overall, many reviews emphasize “the warmth of the people” and say they “would like to return again,” suggesting that the guesthouse is appreciated as a place to quietly recover both body and 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Muroto Kiragawa Guesthouse Yamamoto</title>
		<link>https://min88.jp/inn/en/66136/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 05 May 2026 05:06:13 +0000</pubDate>
				<category><![CDATA[26 Kongocho-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[A Message from the Host]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=66136</guid>

					<description><![CDATA[Last Updated on September 20, 2026 “ A quiet stay blending into the sea breeze and historic townscape ✋️Nestled within the historic streets of Kiragawa in Muroto City, this guesthouse offers a nostalgic atmosphere that gently draws you in. Traditional buildings line the surrounding area, allowing guests to enjoy the unique charm of the town [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on September 20, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 quiet stay blending into the sea breeze and historic townscape
    </h3>

    <p class="min88-inn-intro__text">
      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/270b.png" alt="✋" class="wp-smiley" style="height: 1em; max-height: 1em;" />Nestled within the historic streets of Kiragawa in Muroto City, this guesthouse offers a nostalgic atmosphere that gently draws you in. Traditional buildings line the surrounding area, allowing guests to enjoy the unique charm of the town simply by taking a walk. Inside, the space is simple yet clean and well maintained, creating a calm environment free from unnecessary decoration.<br><br>

It provides just the right balance for those who wish to rest quietly along their journey, offering a comfortable place to unwind at your own pace. Located close to the sea, it is a place where nature and history blend softly, allowing you to spend a peaceful and unhurried time.
    </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="26"
       data-lname="Kongōchō-ji"
       data-lkm="4.9"

       data-rkm="24.0"
       data-rnum="27"
       data-rname="Kōnomine-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に置く） -->



<div style="height:40px" 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   = 3947-112 Kiragawa-cho Ko, Muroto-shi, Kochi
tel       = 080-7287-2929|Reception hours: 8:00–20:00|*Payment is made in advance via Airbnb.
website   = https://airbnb.jp/h/kiragawa
parking   = 3 parking spaces (free)
rooms     = 3 rooms
price     = Room only: ¥5,000|With breakfast: Not available|With dinner: Not available|Half board: Not available
checkin   = From 15:00
checkout  = By 10:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: Free|Dryer: Free
payment   = Cash: Accepted|Credit cards: 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, '08072872929')">
    <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>Payment is made in advance via Airbnb.</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=!4v1777957229205!6m8!1m7!1s9jscmuWtL6jTuTXiTbrZvw!2m2!1d33.33058165255158!2d134.0991540149036!3f14.012868753689414!4f10.195222894937118!5f0.4000000000000002" 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!1d53336.901153979554!2d134.0634635250508!3d33.33041293248435!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354d8b005613b16b%3A0x2bf067dd0295e288!2z5a6k5oi45ZCJ6Imv5bed44Ky44K544OI44OP44Km44K5IOawkeaziuWxseacrA!5e0!3m2!1sen!2sjp!4v1777958901845!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>



<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/2026/05/yamamoto4.jpg"><img decoding="async" width="1024" height="540" data-id="66647" src="https://min88.jp/inn/wp-content/uploads/2026/05/yamamoto4-1024x540.jpg" alt="" class="wp-image-66647"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/05/yamamoto3.jpg"><img decoding="async" width="1024" height="540" data-id="66649" src="https://min88.jp/inn/wp-content/uploads/2026/05/yamamoto3-1024x540.jpg" alt="" class="wp-image-66649"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/05/yamamoto2.jpg"><img decoding="async" width="1024" height="540" data-id="66648" src="https://min88.jp/inn/wp-content/uploads/2026/05/yamamoto2-1024x540.jpg" alt="" class="wp-image-66648"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/05/yamamoto1-1.jpg"><img decoding="async" width="1024" height="540" data-id="66650" src="https://min88.jp/inn/wp-content/uploads/2026/05/yamamoto1-1-1024x540.jpg" alt="" class="wp-image-66650"/></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 cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 宿名＋オーナー名 -->
      <div>
        <div style="font-size:15px;font-weight:600;color:#222;line-height:1.3;">
          Muroto Kiragawa Guesthouse Yamamoto
        </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;
      ">
      About a 1.5-hour walk from Temple No. 26, Kongōchō-ji, this guesthouse with only three rooms is located along the route toward Temple No. 27, Kōnomine-ji. It is ideal not only for walking pilgrims, but also as a base for travelers exploring Shikoku by car or bicycle.<br>

Equipped with a washing machine and dryer, it offers a comfortable stay even during long journeys. From the second floor, guests can enjoy views of the Muroto sea and spend a relaxing, unhurried time.
    </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">
      Many reviews highlight the appealing location within a historic townscape and the peaceful environment. Guests often mention that they were able to “relax within the traditional scenery of Kiragawa” and “enjoy a calm and restful atmosphere.”<br>

The interior is described as “clean and simple,” with comments noting that it has everything needed for a comfortable stay. The host also receives positive feedback, with remarks such as “kind and polite” and “friendly and approachable,” making it easy for first-time visitors to feel at ease.<br>

The location is appreciated for allowing guests to enjoy walks along the town and nearby seaside. Overall, many reviews describe it as “a quiet and pleasant place to stay” and express a desire to return.
    <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:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hostel OE</title>
		<link>https://min88.jp/inn/en/65296/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 05:42:56 +0000</pubDate>
				<category><![CDATA[11 Fujii-dera]]></category>
		<category><![CDATA[Tokushima]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=65296</guid>

					<description><![CDATA[Last Updated on June 23, 2026 “ A community hub where travelers and locals naturally connect Located in the town center of Kamojima in Yoshinogawa City, this hostel is designed as more than just a place to stay—it offers an opportunity to connect with the local community. The open shared spaces encourage natural interactions between [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on June 23, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 community hub where travelers and locals naturally connect
    </h3>

    <p class="min88-inn-intro__text">
      Located in the town center of Kamojima in Yoshinogawa City, this hostel is designed as more than just a place to stay—it offers an opportunity to connect with the local community. The open shared spaces encourage natural interactions between travelers and locals, creating moments that go beyond a simple overnight stay.<br>

Guest rooms are simple yet functional, providing a comfortable and easygoing atmosphere. The surrounding area is dotted with local shops and eateries, allowing guests to experience the everyday rhythm of the town. It is a welcoming place to pause, gain a fresh perspective, and gently prepare for the next step of your 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="10"
       data-lname="Kirihata-ji"
       data-lkm="8.3"

       data-rkm="2.7"
       data-rnum="11"
       data-rname="Fujii-dera"> </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に置く） -->



<div style="height:40px" 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   = 485-4 Kamojima, Kamojima-cho, Yoshinogawa-shi, Tokushima
tel       = 0883-26-0117|Reception hours: 8:00–20:00
website   = https://hosteloekamojima.com/hostel-oe
parking   = Not available
rooms     = 8 rooms
price     = Room only: From ¥5,000|With breakfast: Not available|With dinner: Not available|Half board: Not available
checkin   = 16:00‐19:00
checkout  = By 10:00
wifi      = Free Wi-Fi 
laundry   = Washing machine &#038; Dryer: ¥300
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, '0883260117')">
    <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>ー</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=!4v1776404386612!6m8!1m7!1sJAYKV2GuOoXqa7K5BvWn6A!2m2!1d34.07281159692421!2d134.3559524391963!3f36.73620902229861!4f11.112577041826952!5f0.4000000000000002" 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!1d50141.46124292558!2d134.3167156984361!3d34.072537453462594!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3553a18a2cde7801%3A0x2f2a2e0a2c821d70!2sHOSTEL%20OE!5e0!3m2!1sen!2sjp!4v1776404878534!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=HOSTEL OE　徳島県鴨島&#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 reviews highlight the convenient location within walking distance of the station, along with the comfort of the renovated interior. Comments such as “easy access from the station” and “convenient with restaurants and shops nearby” are frequently mentioned.<br>

The interior is often described as “a stylish space that makes good use of an old building” and “clean and well maintained,” with some guests also praising the comfort of the lounge area. Guest rooms receive positive feedback as well, with remarks like “spacious and easy to use” and “calm and relaxing,” making it a suitable place to stay even during a long journey.<br>

The host is also appreciated, with comments such as “friendly and easy to talk to” and “warmly welcoming,” giving first-time guests a sense of ease. Overall, many reviews describe the stay as “well-balanced in terms of location, space, and hospitality,” with frequent mentions of wanting to return.
    <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:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Cinderella Castle Model – Detached Residence</title>
		<link>https://min88.jp/inn/en/65281/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 04:35:49 +0000</pubDate>
				<category><![CDATA[35 Kiyotaki-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<category><![CDATA[Book Online]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=65281</guid>

					<description><![CDATA[Last Updated on October 1, 2026 “ A detached retreat wrapped in the lingering aura of a castle Tucked away in a quiet corner of Takaoka-cho in Tosa City, this detached accommodation is a unique stay that blends a storybook-inspired exterior with a calm and comfortable interior. While its design draws inspiration from a Cinderella [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on October 1, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 detached retreat wrapped in the lingering aura of a castle
    </h3>

    <p class="min88-inn-intro__text">
      Tucked away in a quiet corner of Takaoka-cho in Tosa City, this detached accommodation is a unique stay that blends a storybook-inspired exterior with a calm and comfortable interior. While its design draws inspiration from a Cinderella castle, the inside offers a relaxing space where guests can unwind and gently shift their mindset during their journey.<br>

With a level of privacy similar to a private rental, it allows guests to stay at their own pace without concern for others. This sense of seclusion adds to the comfort, making it easy to fully relax. Stepping slightly away from everyday life, it offers a special kind of night—an ideal place to reset and prepare for the next step of your 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="34" data-lname="Tanema-ji" data-lkm="5.8" data-rkm="3.9" data-rnum="35" data-rname="Kiyotaki-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/07/AL_2.jpg" alt="Photo 1"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_3.jpg" alt="Photo 2"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_4.jpg" alt="Photo 3"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_5.jpg" alt="Photo 4"></div>
    <div class="min88-photo-tour__item"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_6.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/07/AL_7.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/AL_8.jpg" alt="Photo 7"></div>
    <div class="min88-photo-tour__item min88-photo-tour__extra"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_9.jpg" alt="Photo 8"></div>
    <div class="min88-photo-tour__item min88-photo-tour__extra"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_10.jpg" alt="Photo 9"></div>
    <div class="min88-photo-tour__item min88-photo-tour__extra"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_11.jpg" alt="Photo 10"></div>
    <div class="min88-photo-tour__item min88-photo-tour__extra"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_12.jpg" alt="Photo 11"></div>
    <div class="min88-photo-tour__item min88-photo-tour__extra"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_13.jpg" alt="Photo 12"></div>
    <div class="min88-photo-tour__item min88-photo-tour__extra"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_14.jpg" alt="Photo 13"></div>
    <div class="min88-photo-tour__item min88-photo-tour__extra"><img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2026/07/AL_1.jpg" alt="Photo 14"></div>
  </div>
</div>

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



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



<h3 id="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   = 748 Ko, Takaoka-cho, Tosa-shi, Kochi
tel       = 080-6809-4481|Reception hours: 8:00–20:00
website   = No website available
parking   = 2 parking space (free)
rooms     = 2 rooms (Double Bed)
price     = Room only: ¥7,000|With breakfast: Not available|With dinner: Not available|Half board: Not available
checkin   = 15:00-20:00
checkout  = 6:00-11:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: Free|Dryer: Not available
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-34192"
        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-34192"            );

        if (!wrapper) {
            return;
        }

        const clockEl =
            wrapper.querySelector(
                '.min88-japan-time-clock'
            );

        const periodEl =
            wrapper.querySelector(
                '.min88-japan-time-period'
            );

        let showColon = true;


        // =================================================
        // 日本時間による時間帯判定
        // =================================================

        function getPeriod(hour) {

            // 05:00〜06:59
            if (hour >= 5 && hour < 7) {
                return {
                    icon: '&#x1f305;',
                    text: wrapper.dataset.earlyMorning
                };
            }

            // 07:00〜10:59
            if (hour >= 7 && hour < 11) {
                return {
                    icon: '&#x1f413;',
                    text: wrapper.dataset.morning
                };
            }

            // 11:00〜15:59
            if (hour >= 11 && hour < 16) {
                return {
                    icon: '&#x1f31e;',
                    text: wrapper.dataset.daytime
                };
            }

            // 16:00〜17:59
            if (hour >= 16 && hour < 18) {
                return {
                    icon: '&#x1f307;',
                    text: wrapper.dataset.evening
                };
            }

            // 18:00〜21:59
            if (hour >= 18 && hour < 22) {
                return {
                    icon: '&#x1f319;',
                    text: wrapper.dataset.night
                };
            }

            // 22:00〜04:59
            return {
                icon: '&#x1f319;',
                text: wrapper.dataset.lateNight
            };
        }


        // =================================================
        // 時計更新
        // =================================================

        function tick() {

            const now = new Date();

            const options = {
                timeZone: 'Asia/Tokyo',
                hour12: false,
                hour: '2-digit',
                minute: '2-digit'
            };

            const fmt =
                new Intl.DateTimeFormat(
                    'en-US',
                    options
                );

            const parts =
                fmt.formatToParts(now);

            const hour =
                parseInt(
                    parts.find(
                        p => p.type === 'hour'
                    ).value,
                    10
                );

            const minute =
                parts.find(
                    p => p.type === 'minute'
                ).value;

            const colon =
                `<span style="opacity:${showColon ? 1 : 0};">:</span>`;

            const period =
                getPeriod(hour);

            clockEl.innerHTML =
                `${wrapper.dataset.title}: ` +
                `${String(hour).padStart(2, '0')}` +
                `${colon}${minute} JST ` +
                `${period.icon}`;

            periodEl.textContent =
                period.text;

            showColon = !showColon;
        }


        // 初回表示
        tick();

        // 1秒ごとに更新
        setInterval(
            tick,
            1000
        );

    })();
    </script>

    



    <div class="min88-reservation-area">

        <div class="min88-reservation-btn">

            
        <a
            class="min88-reservation-btn__link min88-reserve-button"
            href="2/"
            target="_blank"
            rel="noopener"
        >
            <span class="min88-reservation-btn__text">Book Now</span>
        </a>
        </div>

        <div class="min88-reservation-copy">

            No account required · Available 24/7
        </div>

    </div>


    
        <a
            href="2/"
            class="min88-floating-reserve-center min88-reserve-button"
            target="_blank"
            rel="noopener"
        >
            <span class="min88-floating-reserve-center__text">Book Now</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;
        box-sizing:border-box;
        padding:19.5px 0;
        border-radius:100px;
        text-align:center;
        text-decoration:none !important;
        color:#fff !important;
        font-size:16px;
        line-height:1.2;

        background:linear-gradient(
            90deg,
            #E4455C 0%,
            #D83A5F 50%,
            #C62B66 100%
        );

        box-shadow:
            0 8px 18px -2px
            rgba(60,60,60,0.32);
    }


    /* ========================================================
       受付中：ホバー
       ======================================================== */

    a.min88-reserve-button:hover{
        filter:brightness(1.12);
    }


    /* ========================================================
       受付中：クリック時
       ======================================================== */

    a.min88-reserve-button:active{
        filter:brightness(.96);
    }


    /* ========================================================
       通常位置のボタン専用
       ======================================================== */

    .min88-reservation-btn__link{
        width:100%;
        font-weight:500;
        transition:filter .3s ease;
    }


    /* ========================================================
       ボタン下の説明文
       ======================================================== */

    .min88-reservation-copy{
        font-size:14px;
        font-weight:600;
        color:#000;
        line-height:1.8;
        margin:0 0 24px;
    }


    /* ========================================================
       受付停止中
       ======================================================== */

    .min88-reserve-button.min88-reserve-button--disabled{
        cursor:default;

        background:#929292 !important;

        box-shadow:
            0 5px 12px -2px
            rgba(60,60,60,0.22);

        animation:none !important;
        filter:none !important;
        user-select:none;
    }


    /* ========================================================
       スマホ追従ボタン
       ※受付中の場合のみHTML自体が出力されます
       ======================================================== */

    .min88-floating-reserve-center{
        position:fixed;

        left:50%;
        bottom:15px;

        transform:translateX(-50%);

        z-index:999999;

        width:74%;
        max-width:420px;

        font-weight:600;

        animation:
            min88-shake .5s ease .8s 1;
    }


    .min88-floating-reserve-center:active{
        transform:
            translateX(-50%)
            translateY(1px);
    }


    /* ========================================================
       スマホ追従ボタンの初回アニメーション
       ======================================================== */

    @keyframes min88-shake{

        0%{
            transform:
                translateX(-50%)
                translateX(0);
        }

        20%{
            transform:
                translateX(-50%)
                translateX(-3px);
        }

        40%{
            transform:
                translateX(-50%)
                translateX(3px);
        }

        60%{
            transform:
                translateX(-50%)
                translateX(-2px);
        }

        80%{
            transform:
                translateX(-50%)
                translateX(2px);
        }

        100%{
            transform:
                translateX(-50%)
                translateX(0);
        }
    }


    /* ========================================================
       スマホ
       ======================================================== */

    @media (max-width:768px){

        .min88-reservation-btn{
            width:83%;
        }

    }


    /* ========================================================
       PC・タブレット
       追従ボタンは非表示
       ======================================================== */

    @media (min-width:769px){

        .min88-floating-reserve-center{
            display:none !important;
        }

    }

    </style>

    


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



    <div class="min88-donation-area">

        <div class="min88-donation-btn">

            <a
                class="min88-donation-btn__link"
                href="https://min88.jp/inn/en/65281/3/"
                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">
                    Support this accommodation                </span>

            </a>

        </div>


        <!-- ボタン下 -->
        <div class="min88-donation-copy">
            You can donate from ¥500.        </div>

    </div>


    <style>

    /* =====================================================
       全体
    ===================================================== */

    .min88-donation-area{
      text-align:center;
      padding-top:50px;
    }


    /* =====================================================
       ボタン外枠
    ===================================================== */

    .min88-donation-btn{
      width:40%;
      max-width:420px;
      margin:0 auto;
      padding-bottom:8px;

      display:flex;
      justify-content:center;
    }


    /* =====================================================
       ボタン
    ===================================================== */

    .min88-donation-btn__link{
      display:flex;
      align-items:center;
      justify-content:center;

      gap:10px;

      width:100%;
      padding:19.5px 18px;

      border-radius:100px;

      text-align:center;
      text-decoration:none !important;

      color:#fff !important;

      font-size:16px;
      font-weight:500;
      line-height:1.2;

      background:
        linear-gradient(
          90deg,
          #3a3a3a 0%,
          #2a2a2a 45%,
          #141414 100%
        );

      box-shadow:
        0 8px 18px -2px rgba(40,40,40,0.35);

      transition:
        filter .3s ease,
        transform .2s ease;

      position:relative;
      overflow:visible;
    }

    .min88-donation-btn__link:hover{
      filter:brightness(1.18);
    }

    .min88-donation-btn__link:active{
      filter:brightness(.96);
      transform:translateY(1px);
    }


    /* =====================================================
       ￥入りハート
    ===================================================== */

    .min88-donation-yenheart{
      position:relative;

      width:21px;
      height:17px;

      flex:0 0 21px;

      display:inline-block;
    }


    .min88-donation-yenheart__shape{
      position:absolute;

      width:15px;
      height:15px;

      left:3px;
      top:3px;

      background:#fff;

      border-radius:2px;

      transform:rotate(45deg);
    }

    .min88-donation-yenheart__shape::before,
    .min88-donation-yenheart__shape::after{
      content:"";

      position:absolute;

      width:15px;
      height:15px;

      background:#fff;

      border-radius:50%;
    }

    .min88-donation-yenheart__shape::before{
      top:-7.5px;
      left:0;
    }

    .min88-donation-yenheart__shape::after{
      top:0;
      left:-7.5px;
    }


    /* =====================================================
       ￥
    ===================================================== */

    .min88-donation-yenheart__yen{
      position:absolute;

      left:0;
      top:0;

      width:22px;
      height:18px;

      display:flex;
      align-items:center;
      justify-content:center;

      color:#252525;

      font-family:
        Arial,
        Helvetica,
        sans-serif;

      font-size:16px;
      font-weight:900;
      line-height:1;

      z-index:2;
    }


    /* =====================================================
       ボタン文字
    ===================================================== */

    .min88-donation-btn__text{
      position:relative;
      z-index:2;

      white-space:nowrap;
    }


    /* =====================================================
       ボタン下説明
    ===================================================== */

    .min88-donation-copy{
      font-size:14px;
      font-weight:600;
      color:#000;
      line-height:1.8;
      margin:0 0 24px;
    }


    /* =====================================================
       ホバー時に飛ぶハート
    ===================================================== */

    .min88-donation-btn__heart-wrap{
      position:absolute;
      inset:0;

      pointer-events:none;
    }

    .min88-donation-btn__heart{
      position:absolute;

      width:14px;
      height:14px;

      background:#ff2d9a;

      opacity:0;

      transform:rotate(45deg);

      border-radius:3px;
    }

    .min88-donation-btn__heart::before,
    .min88-donation-btn__heart::after{
      content:"";

      position:absolute;

      width:14px;
      height:14px;

      background:#ff2d9a;

      border-radius:50%;
    }

    .min88-donation-btn__heart::before{
      top:-7px;
      left:0;
    }

    .min88-donation-btn__heart::after{
      top:0;
      left:-7px;
    }

    .min88-donation-btn__heart:nth-child(1){
      left:46%;
      top:36%;
    }

    .min88-donation-btn__heart:nth-child(2){
      left:58%;
      top:40%;
    }

    .min88-donation-btn__heart:nth-child(3){
      left:34%;
      top:41%;
    }

    .min88-donation-btn__link:hover
    .min88-donation-btn__heart{
      animation:
        min88-heart
        2s
        ease-out
        infinite;
    }

    .min88-donation-btn__heart:nth-child(2){
      animation-delay:.2s;
    }

    .min88-donation-btn__heart:nth-child(3){
      animation-delay:.7s;
    }


    @keyframes min88-heart{

      0%{
        transform:
          translate(0,0)
          rotate(45deg)
          scale(.7);

        opacity:0;
      }

      20%{
        opacity:.9;
      }

      60%{
        transform:
          translate(-6px,-30px)
          rotate(45deg)
          scale(1);

        opacity:.7;
      }

      100%{
        transform:
          translate(8px,-65px)
          rotate(45deg)
          scale(1.1);

        opacity:0;
      }

    }


    /* =====================================================
       スマホ
    ===================================================== */

    @media (max-width:768px){

      .min88-donation-btn{
        width:83%;
        max-width:none;
      }

      .min88-donation-btn__link{
        gap:8px;
        padding:19.5px 18px;
      }

      .min88-donation-btn__text{
        white-space:nowrap;
      }

    }

    </style>

    



<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=!4v1776400050119!6m8!1m7!1s4_5D_YDyuhVjUocSPQC0sQ!2m2!1d33.49543348007484!2d133.4347332710514!3f308.1994355291674!4f14.022280989112048!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!1d53236.76587376743!2d133.3763798!3d33.4936266!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e3c45465b6571%3A0x6a7314cf2387f151!2s748%20Takaokach%C5%8Dk%C5%8D%2C%20Tosa%2C%20Kochi%20781-1101!5e0!3m2!1sen!2sjp!4v1776401090818!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=〒781-1101 高知県土佐市高岡町甲７４８&#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-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/2026/04/SDCH3-1.jpg"><img decoding="async" width="337" height="450" data-id="67572" src="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH3-1.jpg" alt="" class="wp-image-67572"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH6-1.jpg"><img decoding="async" width="336" height="450" data-id="67573" src="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH6-1.jpg" alt="" class="wp-image-67573"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH5-1.jpg"><img decoding="async" width="335" height="450" data-id="67574" src="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH5-1.jpg" alt="" class="wp-image-67574"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH1-1.jpg"><img decoding="async" width="338" height="449" data-id="67569" src="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH1-1.jpg" alt="" class="wp-image-67569"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH4-1.jpg"><img decoding="async" width="337" height="450" data-id="67571" src="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH4-1.jpg" alt="" class="wp-image-67571"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH2-1.jpg"><img decoding="async" width="337" height="450" data-id="67570" src="https://min88.jp/inn/wp-content/uploads/2026/04/SDCH2-1.jpg" alt="" class="wp-image-67570"/></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>



<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">
      No customer reviews or feedback 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>



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


]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sakura no Yado</title>
		<link>https://min88.jp/inn/en/65266/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 01:46:37 +0000</pubDate>
				<category><![CDATA[20 Kakurin-ji]]></category>
		<category><![CDATA[Tokushima]]></category>
		<category><![CDATA[A Message from the Host]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=65266</guid>

					<description><![CDATA[Last Updated on June 23, 2026 “ A quiet retreat in the mountains, gently easing the pilgrim’s mind Surrounded by the stillness of a mountain village, this inn offers a peaceful moment where travelers can naturally release their tension along the journey. With nature all around, the setting provides a gentle distance from everyday life, [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on June 23, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 quiet retreat in the mountains, gently easing the pilgrim’s mind
    </h3>

    <p class="min88-inn-intro__text">
      Surrounded by the stillness of a mountain village, this inn offers a peaceful moment where travelers can naturally release their tension along the journey. With nature all around, the setting provides a gentle distance from everyday life, helping to restore both body and mind. The interior is simple yet carefully maintained, with a calm atmosphere and just the right level of comfort. The warm hospitality of the host is often mentioned as one of its unique charms. It is a place where you can quietly rest at night and prepare yourself for the next step of your 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="19"
       data-lname="Tatsue-ji"
       data-lkm="10.5"

       data-rkm="2.6"
       data-rnum="20"
       data-rname="Kakurin-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に置く） -->



<div style="height:40px" 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   = 85-1 Ikuna Nakamichi, Katsuura-cho, Katsuura-gun, Tokushima
tel       = 080-4419-0376|Reception hours: 7:00–20:00
website   = https://sites.google.com/view/henroyadosakura/
parking   = Not available
rooms     = 2 rooms
price     = Room only: ¥5,700|With breakfast: Not available|With dinner: Not available|Half board: Not available
checkin   = 15:00-18:00
checkout  = By 7:30
wifi      = Free Wi-Fi 
laundry   = Washing machine: ¥100|Dryer: ¥200
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, '080-4419-0376')">
    <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>ー</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=!4v1776389834734!6m8!1m7!1sTueCb4ncU_Z9uDwYP-B7hw!2m2!1d33.92890693026877!2d134.5184396246874!3f190.82102194155863!4f4.994973367400561!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!1d26483.850616618573!2d134.51532893503867!3d33.92874641288399!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35530f1cfcd7d89d%3A0x43f920258488d632!2z6YGN6Lev5a6_IOahnOOBruWuvw!5e0!3m2!1sen!2sjp!4v1776391035999!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>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 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/2026/04/sakura201.jpg"><img decoding="async" width="768" height="1024" data-id="65260" src="https://min88.jp/inn/wp-content/uploads/2026/04/sakura201-768x1024.jpg" alt="" class="wp-image-65260"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/sakura202.jpg"><img decoding="async" width="768" height="1024" data-id="65259" src="https://min88.jp/inn/wp-content/uploads/2026/04/sakura202-768x1024.jpg" alt="" class="wp-image-65259"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/sakura203.jpg"><img decoding="async" width="768" height="1024" data-id="65262" src="https://min88.jp/inn/wp-content/uploads/2026/04/sakura203-768x1024.jpg" alt="" class="wp-image-65262"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/sakura204.jpg"><img decoding="async" width="770" height="1024" data-id="65263" src="https://min88.jp/inn/wp-content/uploads/2026/04/sakura204-770x1024.jpg" alt="" class="wp-image-65263"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/sakura205.jpg"><img decoding="async" width="768" height="1024" data-id="65261" src="https://min88.jp/inn/wp-content/uploads/2026/04/sakura205-768x1024.jpg" alt="" class="wp-image-65261"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/sakura206.jpg"><img decoding="async" width="768" height="1024" data-id="65264" src="https://min88.jp/inn/wp-content/uploads/2026/04/sakura206-768x1024.jpg" alt="" class="wp-image-65264"/></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 cx="32" cy="24" r="12" fill="#c4c4c4" />
          <path d="M16 50c3-8 9-12 16-12s13 4 16 12" fill="#c4c4c4" />
        </svg>
      </div>

      <!-- 宿名＋オーナー名 -->
      <div>
        <div style="font-size:15px;font-weight:600;color:#222;line-height:1.3;">
          Sakura no Yado
        </div>
        <div style="font-size:13px;color:#888;margin-top:2px;line-height:1.3;">
          Owner
        </div>
      </div>
    </div>

    <!-- 挨拶本文 -->
    <p style="
        margin:5px 0 8px;
        font-size:14px;
        line-height:1.6;
        color:#444;
      ">
      This inn was opened due to the limited number of lodging options at the foot of Tsururinji Temple. It is located along the pilgrimage route, approximately 3 km from the temple. The accommodation is a simple lodging without meals, so guests are advised to purchase food in advance at nearby convenience stores or drugstores.
    </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">
      Many reviews highlight the quiet mountain setting and its convenient location along the pilgrimage route. Guests often mention that they were able to “relax surrounded by nature” and “enjoy a peaceful night,” appreciating the calm environment during their travels. The host is also praised for being “kind and welcoming,” with many noting that they felt at ease during their stay. The interior is described as “clean and well kept,” with comments indicating that it offers simple yet comfortable accommodations. Overall, many guests describe it as “a place that brings peace of mind” and say they “would like to stop by again,” showing how both the tranquil surroundings and warm hospitality contribute to a satisfying 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>BakuShuku DEN Guest House Brew</title>
		<link>https://min88.jp/inn/en/64950/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 06 Apr 2026 04:25:48 +0000</pubDate>
				<category><![CDATA[52 Taisan-ji]]></category>
		<category><![CDATA[Ehime]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=64950</guid>

					<description><![CDATA[Last Updated on June 23, 2026 “ A small corner stay wrapped in a brewing atmosphere Nestled in a quiet residential area of Matsuyama, this guesthouse offers a unique space where guests can experience the culture of craft beer. With an on-site brewery, enjoying a freshly crafted drink along the way becomes one of the [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on June 23, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 small corner stay wrapped in a brewing atmosphere
    </h3>

    <p class="min88-inn-intro__text">
      Nestled in a quiet residential area of Matsuyama, this guesthouse offers a unique space where guests can experience the culture of craft beer. With an on-site brewery, enjoying a freshly crafted drink along the way becomes one of the highlights of the stay. The rooms and shared spaces are compact yet thoughtfully arranged, creating a relaxed and natural atmosphere. The peaceful neighborhood adds to the calm, making it an ideal place for a quiet evening. It is a place where you can step into a slightly different rhythm from everyday life and gently reset yourself.
    </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="51"
       data-lname="Ishide-ji"
       data-lkm="8.1"

       data-rkm="3.5"
       data-rnum="52"
       data-rname="Taisan-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に置く） -->



<div style="height:40px" 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   = 2−5−13 Haraigawa, Matsuyama-shi, Ehime
tel       = 090-5274-1013|10:00–23:00 (Closed on Thursdays; after 17:00 is more reliable)
website   = https://bakushuku-den.studio.site/
parking   = 10 parking spaces (¥500)
rooms     = 5 rooms
price     = Room only: ¥6,000|With breakfast: ¥7,000|With dinner: Not available|Half board: Not available
checkin   = 17:00-21:00
checkout  = By 10:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: Available (free)|Dryer: Not available
payment   = Cash: Accepted|Credit cards: 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, '090-5274-1013')">
    <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 = 10;
  const startMin  = 0;
  const endHour   = 23;
  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=!4v1775448842390!6m8!1m7!1s2EfhBrBw0sLIz7ye6fV7yw!2m2!1d33.86075780040938!2d132.7194971784485!3f117.66849007294849!4f-3.8472985180916197!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!1d53009.94084395805!2d132.6793613253939!3d33.860764582182775!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354fe5302a9cba7f%3A0xef69f622f2b9aaaf!2z6bqm5a6_IOS8nSBHdWVzdCBIb3VzZSBCcmV3!5e0!3m2!1sen!2sjp!4v1775450186953!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=麦宿 伝 Guest House Brew&#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-6 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/2026/04/Baku1.jpeg"><img decoding="async" width="1024" height="768" data-id="65380" src="https://min88.jp/inn/wp-content/uploads/2026/04/Baku1-1024x768.jpeg" alt="" class="wp-image-65380"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/Baku2.jpeg"><img decoding="async" width="1024" height="768" data-id="65381" src="https://min88.jp/inn/wp-content/uploads/2026/04/Baku2-1024x768.jpeg" alt="" class="wp-image-65381"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/Baku3.jpeg"><img decoding="async" width="768" height="1024" data-id="65377" src="https://min88.jp/inn/wp-content/uploads/2026/04/Baku3-768x1024.jpeg" alt="" class="wp-image-65377"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/Baku4.jpg"><img decoding="async" width="1024" height="576" data-id="65378" src="https://min88.jp/inn/wp-content/uploads/2026/04/Baku4-1024x576.jpg" alt="" class="wp-image-65378"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/Baku5-1.jpg"><img decoding="async" width="1024" height="576" data-id="65379" src="https://min88.jp/inn/wp-content/uploads/2026/04/Baku5-1-1024x576.jpg" alt="" class="wp-image-65379"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/Baku6.jpg"><img decoding="async" width="771" height="1024" data-id="65382" src="https://min88.jp/inn/wp-content/uploads/2026/04/Baku6-771x1024.jpg" alt="" class="wp-image-65382"/></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>Greetings from the owner</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>User&#8217;s voice</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">
      Guest reviews frequently highlight the unique appeal of “a guesthouse where you can enjoy craft beer,” with many noting that “the beer brewed on-site is excellent” and “it’s a pleasure to take your time and enjoy it during the journey.” The interior is often described as “clean and stylish,” and “comfortable despite its compact size,” with shared spaces also receiving positive feedback for their atmosphere and usability.<br>

The host is often praised as “friendly and easy to talk to” and “helpful and attentive,” making even first-time guesthouse users feel at ease. While some reviews mention that “it is a bit away from the city center,” many also appreciate the “quiet residential setting that allows for a relaxing stay.” Overall, guests tend to describe their experience as “unique and highly satisfying,” with many expressing a desire to return.
    <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:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Asakura KeiKei Guesthouse</title>
		<link>https://min88.jp/inn/en/63857/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 23 Mar 2026 01:00:45 +0000</pubDate>
				<category><![CDATA[34 Tanema-ji]]></category>
		<category><![CDATA[Kochi]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=63857</guid>

					<description><![CDATA[Last Updated on June 23, 2026 “ A cozy guesthouse in a quiet residential neighborhood Located in a residential area of Asakura in Kochi City, this guesthouse offers a warm, home-like atmosphere where guests can relax without formality. Though compact, the building is kept clean and well organized, creating a calm and comfortable space even [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on June 23, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 guesthouse in a quiet residential neighborhood
    </h3>

    <p class="min88-inn-intro__text">
      Located in a residential area of Asakura in Kochi City, this guesthouse offers a warm, home-like atmosphere where guests can relax without formality. Though compact, the building is kept clean and well organized, creating a calm and comfortable space even for first-time visitors. The surroundings are peaceful, making it an ideal place to rest and recover during your journey.

While it is set a little away from the pilgrimage route, this distance allows for a quieter stay, free from crowds and noise. The close and friendly presence of the host adds to the experience, with small conversations and thoughtful gestures leaving a lasting impression. With convenient access to the city center, it serves as a gentle and reliable base for a restful night.
    </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="33"
       data-lname="Sekkei-ji"
       data-lkm="8.6"

       data-rkm="7.6"
       data-rnum="34"
       data-rname="Tanema-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に置く） -->



<div style="height:40px" 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   = Ko 320-4 Asakura, Kochi-shi, Kochi
tel       = 090-5148-0508
website   = No website available
parking   = 2 parking spaces (¥500)
rooms     = 2 rooms
price     = Room only: Not available|With breakfast: ¥7,300|With dinner: Not available|Half board: Not available
checkin   = From 16:00
checkout  = By 10:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: Free|Dryer: Not available
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, '09051480508')">
    <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>Payment: Cash only</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=!3m2!1sja!2sjp!4v1774227026212!5m2!1sja!2sjp!6m8!1m7!1sapgRoehEWerK-v59ijfwIg!2m2!1d33.54105448160179!2d133.4970777650986!3f216.31241005740463!4f7.601987231375247!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!1d53207.63436736552!2d133.46105528474862!3d33.54097713743935!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e186f426fbedf%3A0x380469d35386a9dd!2sK%C5%8D-320-4%20Asakura%2C%20Kochi%2C%20780-8061!5e0!3m2!1sen!2sjp!4v1774228255581!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=高知県朝倉甲320-4&#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>
    <a href="https://smoothcontact.jp/front/output/7f00000170b333fdaa63c6a02a866d10" style="margin-bottom: 20px; display: inline-block;"><strong>Post an image »</strong></a>
    <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>Greetings from the owner</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>User&#8217;s voice</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:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Sora</title>
		<link>https://min88.jp/inn/en/62173/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 17 Feb 2026 23:46:27 +0000</pubDate>
				<category><![CDATA[20 Kakurin-ji]]></category>
		<category><![CDATA[Tokushima]]></category>
		<category><![CDATA[Guest Reviews]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=62173</guid>

					<description><![CDATA[Last Updated on June 23, 2026 “ A Small Folk House Inn to Rest Both Body and Mind Henro Yado Sora is a small private inn renovated from a traditional folk house, located just about 300 meters from the trailhead leading up to Tsururin-ji Temple (Temple No. 20) in Katsura Town, Tokushima Prefecture. Opened by [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">Last Updated on June 23, 2026</p>  <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/category2/minshuku/"
             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/category2/minshuku-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/category2/minshuku-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 Small Folk House Inn to Rest Both Body and Mind
    </h3>

    <p class="min88-inn-intro__text">
      Henro Yado Sora is a small private inn renovated from a traditional folk house, located just about 300 meters from the trailhead leading up to Tsururin-ji Temple (Temple No. 20) in Katsura Town, Tokushima Prefecture. Opened by a host who has experienced the pilgrimage on foot, the inn was created with the wish to offer travelers a place where they can truly relax and feel at ease along the way. It operates seasonally in spring and autumn.<br>
The building, over 70 years old, has been carefully reinforced and renovated, preserving a warm, home-like atmosphere while ensuring comfort and safety. Guest rooms are modest and simple, but futons and shared facilities are well maintained, and a washing machine is available. Thanks to its convenient location along the pilgrimage route, stopping by during a spring or autumn journey allows both body and mind to gently unwind. It is an unpretentious place where travelers can recover from the day’s walk and prepare calmly for the next step of their 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="19"
       data-lname="Tatsue-ji"
       data-lkm="10.1"

       data-rkm="3.0"
       data-rnum="20"
       data-rname="Kakurin-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に置く） -->



<div style="height:40px" 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   = 2-1 Ikuna Kaminoki , Katsuura-cho, Katsuura-gun, Tokushima
tel       = Phone number not disclosed
website   = https://sites.google.com/view/henroyadosora/ホーム
parking   = Not available
rooms     = 2 rooms
price     = Room only:  ¥5,700|With breakfast: ¥7,000|With dinner: ¥7,500|Half board: ¥8,800
checkin   = 15:00-18:00
checkout  = By 8:00
wifi      = Free Wi-Fi 
laundry   = Washing machine: ¥300|Dryer: Available (price unknown)
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>



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



<ul class="wp-block-list">
<li>Closed on Mondays</li>



<li>Operating seasons: Spring (March–May), Autumn (September–December)</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=!4v1771371509054!6m8!1m7!1sKC06mVytN_lpJmQX_wsPJA!2m2!1d33.93026232282139!2d134.5212409528921!3f330.1336384873504!4f0.9781910778312266!5f0.4012659525238168" 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!1d52966.75709437616!2d134.48036396163153!3d33.93026457096203!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35530fbcd05c303d%3A0xd192924bf1033f04!2z44G444KT44KN5a6_IFNvcmE!5e0!3m2!1sen!2sjp!4v1771372437841!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=へんろ宿 Sora 徳島県&#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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="Greetings from the owner" class="wp-block-heading"><strong>Greetings from the owner</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>User&#8217;s voice</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 praise the excellent location, noting that the property is right in front of a bus stop and close to the trailhead leading up to the mountain temple, making travel very easy. Reviews often mention that the interior has been recently renovated, with even the bathrooms kept clean and comfortable. Meals also receive high marks, with many comments highlighting the care put into dinner curries and side dishes, as well as the hot sandwiches served for breakfast, encouraging future guests to look forward to them. The warm and friendly personality of the hostess, conversations enjoyed in the spacious dirt-floor entrance and shared areas, and the presence of the resident rabbit are also frequently mentioned as memorable touches. Overall, the accommodation is highly regarded as a place where guests can stay with peace of mind and enjoy a comfortable, relaxing time.
    <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;
          ">
          Apr.2026
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      The soothing “rabbit” at the entrance (doma area) was a lovely touch. The room, bath, and toilet were all clean and well maintained. There was also a store nearby, which was convenient. If I continue my journey, I would definitely like to start from Temple No. 20 here.
    </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:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
