<?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>33 雪蹊寺 &#8211; みんなのへんろ（宿）</title>
	<atom:link href="https://min88.jp/inn/category/kochi/33/feed/" rel="self" type="application/rss+xml" />
	<link>https://min88.jp/inn</link>
	<description>遍路宿の予約｜四国遍路の宿泊施設データベース</description>
	<lastBuildDate>Thu, 01 Oct 2026 07:55:35 +0000</lastBuildDate>
	<language>ja</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>33 雪蹊寺 &#8211; みんなのへんろ（宿）</title>
	<link>https://min88.jp/inn</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Guesthouse Onaka</title>
		<link>https://min88.jp/inn/23243/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sun, 18 Feb 2024 23:50:17 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[34 種間寺]]></category>
		<category><![CDATA[高知]]></category>
		<category><![CDATA[ホストよりご挨拶]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=23243</guid>

					<description><![CDATA[“ 「峠の風を感じる、自転車と歩きを迎える宿 33番札所・雪蹊寺を越え、34番・種間寺へ向かう遍路道沿いに、畑と里山に囲まれた「Guesthouse ONAKA」は静かに佇む小さなゲストハウスです。全2室の和室スタイルで [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      「峠の風を感じる、自転車と歩きを迎える宿
    </h3>

    <p class="min88-inn-intro__text">
      33番札所・雪蹊寺を越え、34番・種間寺へ向かう遍路道沿いに、畑と里山に囲まれた「Guesthouse ONAKA」は静かに佇む小さなゲストハウスです。全2室の和室スタイルで、自転車での訪問も安心な無料駐車場が2台分用意され、洗濯機や乾燥機、Wi‑Fiといった基本設備も揃っています。宿主の温かなもてなしや「我が家に帰ったような安心感」が評判で、静かな山里での安らぎを感じながら、次の一歩へゆっくり気持ちを戻すにはぴったりのお宿です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="2.4"
       data-rnum="34"
       data-rname="種間寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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



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


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市春野町西諸木130-1
tel       = 080-6392-1444
website   = 未確認
parking   = 2台（無料）
rooms     = 2室

# ===== 料金プラン =====
price     = 素泊り：設定なし|朝食付：6,000円|夕食付：設定なし|２食付：6,800円

# ===== 利用条件 =====
checkin   = 16:00～20:00
checkout  = 9:00前
wifi      = あり（無料）
laundry   = 洗濯機：あり（無料）|乾燥機：あり（100円）
payment   = 現金：可|クレジットカード：不可|電子マネー：不可

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,dポイント,PayPay,LINE Pay,楽天ペイ,au PAY,メルペイ



  </textarea>

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

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

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

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

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

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

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

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

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

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

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

      if(!data[k]) return;

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

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


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    早朝・深夜の電話はお控えください。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };
      return { icon: "&#x1f319;", label: "" };
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('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 = `只今の時刻: ${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-6392-1444')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



<h3 id="補足情報" class="wp-block-heading">補足情報</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=!4v1708299793190!6m8!1m7!1sxehFqJqJBDtm3jCkAVlFiA!2m2!1d33.48979378629127!2d133.50921332998!3f324.5713019622438!4f1.8797114378713928!5f0.4008424344246693" 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!1d53239.05173987166!2d133.46789233541216!3d33.48990863658728!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e170cd5d7ab29%3A0xd99d73b757ba4c1e!2sguesthouse%20ONAKA!5e0!3m2!1sja!2sjp!4v1708299703403!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=高知　guesthouse ONAKA&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿画像" class="wp-block-heading">投稿画像</h3>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2024/02/1361446-9a154a83-7575-4caa-94e8-601c532ac529.jpg"><img fetchpriority="high" decoding="async" width="1024" height="768" data-id="23366" src="https://min88.jp/inn/wp-content/uploads/2024/02/1361446-9a154a83-7575-4caa-94e8-601c532ac529-1024x768.jpg" alt="" class="wp-image-23366"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2024/02/1361447-6d731b0d-ffbe-48fb-9b6d-b5277449abfc.jpg"><img decoding="async" width="1024" height="768" data-id="23367" src="https://min88.jp/inn/wp-content/uploads/2024/02/1361447-6d731b0d-ffbe-48fb-9b6d-b5277449abfc-1024x768.jpg" alt="" class="wp-image-23367"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2024/02/1361448-f7d07850-4b16-41d6-a83d-4a2af82bd4d5.jpg"><img decoding="async" width="768" height="1024" data-id="23365" src="https://min88.jp/inn/wp-content/uploads/2024/02/1361448-f7d07850-4b16-41d6-a83d-4a2af82bd4d5-768x1024.jpg" alt="" class="wp-image-23365"/></a></figure>
</figure>



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



<p class="has-text-align-right wp-block-paragraph"><strong><a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14">さらに投稿する »</a></strong></p>



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



<h3 id="オーナーよりご挨拶" class="wp-block-heading">ホストよりご挨拶</h3>



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

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

      <!-- 宿名＋オーナー名 -->
      <div>
        <div style="font-size:15px;font-weight:600;color:#222;line-height:1.3;">
          Guesthouse Onaka
        </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;
      ">
      本家は昔からの四国八十八ヶ所巡礼道沿いに立地しており、33番雪蹊寺より西へ3.9km、34番種間寺へは2.4kmに位置しています。<br>
南側に開けており、日当たりも良好で、快適に過ごしていただけます。<br>
また、高知市内にあり、桂浜へは車で10分、高知城やひろめ市場には車で30分、五台山竹林寺、牧野植物園には車で40分で到着できる距離です。<br>
近くにお立ちよりの節は是非ご利用ください。
    </p>

  </div>
</div>

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

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

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

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


<!-- 投稿リンク（ホスト限定） -->
<p style="text-align: right; margin-top: 16px;">
  <a id="owner-link-2" href="#" style="font-size: 13px; text-decoration: underline;">
    <strong>さらに投稿する（ホスト限定） »</strong>
  </a>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // WPタイトルの後ろカット

    // URL末尾の / を除去して簡潔な形式に
    const host = window.location.hostname.replace(/^www\./, '');
    const pathname = window.location.pathname.replace(/\/$/, '');
    const displayURL = `${host}${pathname}`;

    const value = `${title}（${displayURL}）`;

    const fieldId = "entry.275587143";
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;

    const link = document.getElementById("owner-link-2");
    if (link) {
      link.href = formURL;
      link.target = "_blank";
      link.rel = "noopener";
    }
  });
</script>



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



<h3 id="利用者の声" class="wp-block-heading">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      「オーナーが非常にフレンドリーで、高知の情報も色々教えてくれた」「まるで我が家のように過ごせた」との投稿が多く、ゲストへの温かいもてなしが際立ちます。「部屋も清潔で広く、家族で泊まるには十分」「清掃が行き届いていて快適だった」と清潔感と居心地の良さが評価されています。また「レジャーやお遍路の途中ならとてもお得で良い宿」「食事を気遣って差し入れしてくれる」など、ホスピタリティに満ちた対応も好評です。一部で「市内から少し離れていて移動が必要」といった控えめな指摘も見られましたが、全体として「心地よさと細やかな気配りが光る宿」として高く支持されています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

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

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

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

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

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

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

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

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

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


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年8月17日｜施設紹介、利用者レビュー要約<br>2025年11月21日｜料金<br>2026年6月26日｜料金、CO時刻</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>三井家 みついんく</title>
		<link>https://min88.jp/inn/15918/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 29 May 2023 08:43:37 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[34 種間寺]]></category>
		<category><![CDATA[高知]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=15918</guid>

					<description><![CDATA[“ 古民家で、柴風の午後に包まれる宿 雪蹊寺からほど近く、種間寺へと続く遍路道沿いに静かに佇む古民家宿「三井家 みついんく」。平家の母屋をまるごと貸し切る一棟宿で、ペットも無料で同伴できる気兼ねのないおもてなしが嬉しい配 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      古民家で、柴風の午後に包まれる宿
    </h3>

    <p class="min88-inn-intro__text">
      雪蹊寺からほど近く、種間寺へと続く遍路道沿いに静かに佇む古民家宿「三井家 みついんく」。平家の母屋をまるごと貸し切る一棟宿で、ペットも無料で同伴できる気兼ねのないおもてなしが嬉しい配慮です。和室が複数あり畳のぬくもりが心地よく、無料Wi‑Fiと洗濯機もありつつ、近くに店がない分、夕食や朝食の手配も相談に応じてくれる頼もしさがあります。高台の立地でほの暗い山あいと静かな風の音に包まれる夜は、遍路の夜にしっとりそっと寄り添う余韻をくれるはずです。車遍路やペット連れ旅にもやさしい選択肢として、歩き続ける心と体を自然な形で整えてくれるお宿です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="2.8"
       data-rnum="34"
       data-rname="種間寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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



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


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市春野町西諸木724
tel       = 080-9121-5751
website   = https://www.booking.com/hotel/jp/san-jing-jia-mituinku.ja.html
parking   = 5台（無料）
rooms     = 3室

# ===== 料金プラン =====
price     = 素泊り：4,500円|朝食付：未確認|夕食付：未確認|２食付：5,500円

# ===== 利用条件 =====
checkin   = 15:00以降
checkout  = 10:00前
wifi      = あり（無料）
laundry   = 洗濯機：あり（無料）|乾燥機：なし
payment   = 現金：可|クレジットカード：可|電子マネー：可

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,PayPay,LINE Pay,楽天ペイ,d払い,au PAY,メルペイ



  </textarea>

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

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

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

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

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

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

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

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

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

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

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

      if(!data[k]) return;

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

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


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    早朝・深夜の電話はお控えください。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };
      return { icon: "&#x1f319;", label: "" };
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('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 = `只今の時刻: ${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-9121-5751')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



<ul class="wp-block-list">
<li>近くにお店がありません。近所からお弁当の宅配します。</li>



<li>ビールやおつまみ、ラーメンなど常備してます。食べた値段分だけ置いて帰ってください。</li>
</ul>



<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=!4v1685349730928!6m8!1m7!1sUrQdsg2U5fBTW0_3ZZJ2ng!2m2!1d33.49301552558813!2d133.5102974493994!3f352.0401263001907!4f-0.9390186863454204!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!1d53236.895030192194!2d133.4686494231297!3d33.49341653666954!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e17c29a2428a3%3A0x11701021e7524ba2!2z5LiJ5LqV5a6244G_44Gk44GE44KT44GPIOODmuODg-ODiOOBqOaziuOCjOOCi-S4gOi7kuWutiDjgYrpgY3ot6_jga7lrr8!5e0!3m2!1sja!2sjp!4v1685349595285!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=三井家みついんく ペットと泊れる一軒家 お遍路の宿&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿画像" class="wp-block-heading">投稿画像</h3>



<!-- ▼▼▼ 投稿画像まだありません（JP) ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（まだありません）</span><br><br>
    <a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14" style="margin-bottom: 20px; display: inline-block;"><strong>画像を投稿する »</strong></a>
    <br>
</p>



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



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



<h3 id="オーナーよりご挨拶" class="wp-block-heading">ホストよりご挨拶</h3>


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <a id="owner-link-1" style="margin-bottom: 20px; display: inline-block;">
    <strong>挨拶を投稿する（ホスト限定）»</strong>
  </a>
  <br>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // タイトルからサイト名などを除去

    // URLを「https://」除去して末尾のスラッシュを省略
    const url = window.location.origin + window.location.pathname.replace(/\/$/, '');
    const shortUrl = url.replace(/^https?:\/\//, '');

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const value = `${title}（${shortUrl}）`;

    const formURL = `${base}?${fieldId}=${encodeURIComponent(value)}`;
    const link = document.getElementById("owner-link-1");
    link.href = formURL;
    link.target = "_blank";
    link.rel = "noopener";
  });
</script>



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



<h3 id="利用者の声" class="wp-block-heading">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      「静かで落ち着いた雰囲気で過ごせた」「自然に囲まれて心身ともに癒された」との声が多く寄せられています。古民家らしい和の空間が心地よく、「畳の部屋でリラックスできた」「鳥や虫の声で目覚めるのが気持ちよかった」といった感想もあります。ペット同伴が無料で利用できる点も高評価で、「気兼ねなく一緒に泊まれた」と好評です。設備面では「Wi-Fiや洗濯機もあって便利」「食事の相談にも柔軟に応じてくれた」との声があり、滞在中の安心感につながっています。一部には「周辺に店が少ないので事前に買い物が必要」との指摘も見られますが、全体的には「自然に癒されながら快適に過ごせる」と満足度の高い評価が目立ちます。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

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

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

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

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

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

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

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

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

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


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年8月17日｜施設紹介、利用者レビュー要約</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>民宿旅館 英光</title>
		<link>https://min88.jp/inn/13669/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 23 Jan 2023 08:04:40 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[高知]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=13669</guid>

					<description><![CDATA[“ 朝霧の中、懐かしい木造宿で静かな目覚めを 高知市長浜、33番札所・雪蹊寺からほど近い位置にある「民宿旅館 英光」は、木造の風合いを感じさせる温かな佇まい。無料駐車場も十分にあり、歩き遍路だけでなく車や自転車旅のベース [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      朝霧の中、懐かしい木造宿で静かな目覚めを
    </h3>

    <p class="min88-inn-intro__text">
      高知市長浜、33番札所・雪蹊寺からほど近い位置にある「民宿旅館 英光」は、木造の風合いを感じさせる温かな佇まい。無料駐車場も十分にあり、歩き遍路だけでなく車や自転車旅のベースにも最適です。無料の洗濯機と素泊まりに対応するシンプルな設備は、旅人の生活リズムをさりげなく整えてくれます。心地よい静寂と地元の風土が軽やかに息づく空間で、「また元気に歩き出せそうだ」と素直に思える、そんな夜を迎えられるお宿です。
    </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="32"
       data-lname="禅師峰寺"
       data-lkm="8.0"

       data-rkm="1.1"
       data-rnum="33"
       data-rname="雪蹊寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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



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


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市長浜5184
tel       = 088-842-2164
website   = http://www.eikominshuku.jp
parking   = 15台（無料）
rooms     = 未確認
# ===== 料金プラン =====
price     = 素泊り：5,000円|朝食付：未確認|夕食付：未確認|２食付：7,500円

# ===== 利用条件 =====
checkin   = 15:00以降
checkout  = 未確認
wifi      = あり（無料）
laundry   = 洗濯機：あり（無料）|乾燥機：未確認
payment   = 現金：可|クレジットカード：未確認|電子マネー：未確認

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,PayPay,LINE Pay,楽天ペイ,d払い,au PAY,メルペイ



  </textarea>

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

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

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

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

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

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

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

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

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

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

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

      if(!data[k]) return;

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

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


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    早朝・深夜の電話はお控えください。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };
      return { icon: "&#x1f319;", label: "" };
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('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 = `只今の時刻: ${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



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

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

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



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



<li>ー</li>



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



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












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



<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=!4v1674461023383!6m8!1m7!1s5c4bapkXaCEyEP5qkJeqzQ!2m2!1d33.49689962767503!2d133.5498817034417!3f328.2048788799893!4f13.611405682021044!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!1d53234.65599272457!2d133.5147353!3d33.497058!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e19e4ead17fbb%3A0xeefcc7f627d62e21!2z6Iux5YWJ5peF6aSo!5e0!3m2!1sja!2sjp!4v1674460986311!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=英光旅館　高知&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿画像" class="wp-block-heading">投稿画像</h3>



<!-- ▼▼▼ 投稿画像まだありません（JP) ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（まだありません）</span><br><br>
    <a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14" style="margin-bottom: 20px; display: inline-block;"><strong>画像を投稿する »</strong></a>
    <br>
</p>



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



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



<h3 id="オーナーよりご挨拶" class="wp-block-heading">ホストよりご挨拶</h3>


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <a id="owner-link-1" style="margin-bottom: 20px; display: inline-block;">
    <strong>挨拶を投稿する（ホスト限定）»</strong>
  </a>
  <br>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // タイトルからサイト名などを除去

    // URLを「https://」除去して末尾のスラッシュを省略
    const url = window.location.origin + window.location.pathname.replace(/\/$/, '');
    const shortUrl = url.replace(/^https?:\/\//, '');

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const value = `${title}（${shortUrl}）`;

    const formURL = `${base}?${fieldId}=${encodeURIComponent(value)}`;
    const link = document.getElementById("owner-link-1");
    link.href = formURL;
    link.target = "_blank";
    link.rel = "noopener";
  });
</script>



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



<h3 id="利用者の声" class="wp-block-heading">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      クチコミ・レビュー投稿が見つかりませんでした。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

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

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

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

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

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

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

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

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

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


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年8月17日｜施設紹介</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>民宿五色石荘</title>
		<link>https://min88.jp/inn/13609/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sun, 22 Jan 2023 04:44:33 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[高知]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=13609</guid>

					<description><![CDATA[“ 浦戸湾を見下ろす静寂の基地、しっとり心休まる宿 高知駅からバスで「南浦」バス停まで行き、歩いて1分という便利なアクセス。民宿五色石荘は五室のみの落ち着きある宿で、無料駐車場や無料Wi-Fi、現金のみ対応の支払い形式と [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      浦戸湾を見下ろす静寂の基地、しっとり心休まる宿
    </h3>

    <p class="min88-inn-intro__text">
      高知駅からバスで「南浦」バス停まで行き、歩いて1分という便利なアクセス。民宿五色石荘は五室のみの落ち着きある宿で、無料駐車場や無料Wi-Fi、現金のみ対応の支払い形式と、無理なく安心して身を預けられる配慮が丁寧です。チェックインは夕方17時から、翌朝9時半までの短い滞在が基本で、静謐な空間と必要最低限の設備が、歩き旅や湾・海辺の夜にそっと寄り添います。まさに「一日の疲れを無言で受け止めてくれる、静かな隠れ根」として役立つ、そんなお宿です。
    </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="32"
       data-lname="禅師峰寺"
       data-lkm="6.5"

       data-rkm="2.9"
       data-rnum="33"
       data-rname="雪蹊寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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



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


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市浦戸474-3
tel       = 088-841-4161
website   = 未確認
parking   = 5台（無料）
rooms     = 5室

# ===== 料金プラン =====
price     = 素泊り：未確認|朝食付：未確認|夕食付：未確認|２食付：未確認

# ===== 利用条件 =====
checkin   = 17:00以降
checkout  = 9:30前
wifi      = 未確認
laundry   = 洗濯機：未確認|乾燥機：未確認
payment   = 現金：可|クレジットカード：不可|電子マネー：未確認

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,PayPay,LINE Pay,楽天ペイ,d払い,au PAY,メルペイ



  </textarea>

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

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

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

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

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

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

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

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

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

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

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

      if(!data[k]) return;

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

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


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    早朝・深夜の電話はお控えください。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };
      return { icon: "&#x1f319;", label: "" };
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('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 = `只今の時刻: ${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



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

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

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1674362643633!6m8!1m7!1sl4V9kLpGfgtIFBD5w2PRTw!2m2!1d33.4956144992983!2d133.5670427360941!3f349.29!4f4.760000000000005!5f0.40251797913493803" 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!1d32459.44539712926!2d133.54639907299747!3d33.49591801919958!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e1a1ba3429735%3A0x877fe4a3e66e68a4!2z5rCR5a6_5LqU6Imy55-z6I2Y!5e0!3m2!1sja!2sjp!4v1674362509106!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=民宿五色石荘　高知&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿画像" class="wp-block-heading">投稿画像</h3>



<!-- ▼▼▼ 投稿画像まだありません（JP) ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（まだありません）</span><br><br>
    <a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14" style="margin-bottom: 20px; display: inline-block;"><strong>画像を投稿する »</strong></a>
    <br>
</p>



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



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



<h3 id="オーナーよりご挨拶" class="wp-block-heading">ホストよりご挨拶</h3>


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <a id="owner-link-1" style="margin-bottom: 20px; display: inline-block;">
    <strong>挨拶を投稿する（ホスト限定）»</strong>
  </a>
  <br>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // タイトルからサイト名などを除去

    // URLを「https://」除去して末尾のスラッシュを省略
    const url = window.location.origin + window.location.pathname.replace(/\/$/, '');
    const shortUrl = url.replace(/^https?:\/\//, '');

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const value = `${title}（${shortUrl}）`;

    const formURL = `${base}?${fieldId}=${encodeURIComponent(value)}`;
    const link = document.getElementById("owner-link-1");
    link.href = formURL;
    link.target = "_blank";
    link.rel = "noopener";
  });
</script>



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



<h3 id="利用者の声" class="wp-block-heading">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      クチコミ・レビュー投稿が見つかりませんでした。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

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

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

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

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

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

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

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

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

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


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年8月17日｜施設紹介</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>民宿浦戸荘</title>
		<link>https://min88.jp/inn/13600/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sun, 22 Jan 2023 03:34:23 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[高知]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=13600</guid>

					<description><![CDATA[“ 海岸の静寂にそっと寄り添う、昔ながらの家庭宿 桂浜へは車でわずか数分、太平洋の波音が手の届く距離にある民宿浦戸荘は、歩き遍路の体と心を“そっと待つ優しい場”として選びたくなる宿です。全7室の和室にはテレビ・空調・ドラ [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      海岸の静寂にそっと寄り添う、昔ながらの家庭宿
    </h3>

    <p class="min88-inn-intro__text">
      桂浜へは車でわずか数分、太平洋の波音が手の届く距離にある民宿浦戸荘は、歩き遍路の体と心を“そっと待つ優しい場”として選びたくなる宿です。全7室の和室にはテレビ・空調・ドライヤー貸出・お茶セットなど必要な備品が整っていて、シンプルながらぬくもりのある空間に落ち着きます。無料の駐車場（先着6台）や便利な交通アクセス（バス停近く、高知ICや高知空港から車で30分圏内）も備え、歩きのほか車や公共交通での巡礼にも対応。予約時の安心感と、夕方から朝にかけて静けさが体を整える、懐かしくて頼りになるお宿です。
    </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="32
       data-lname="禅師峰寺"
       data-lkm="7.4"

       data-rkm="2.5"
       data-rnum="33"
       data-rname="雪蹊寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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



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


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市浦戸769-1
tel       = 088-841-2471
website   = 未確認
parking   = 6台（無料）
rooms     = 7室

# ===== 料金プラン =====
price     = 素泊り：未確認|朝食付：未確認|夕食付：未確認|２食付：未確認

# ===== 利用条件 =====
checkin   = 16:00以降
checkout  = 9:00前
wifi      = 未確認
laundry   = 洗濯機：未確認|乾燥機：未確認
payment   = 現金：可|クレジットカード：不可|電子マネー：未確認

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,PayPay,LINE Pay,楽天ペイ,d払い,au PAY,メルペイ



  </textarea>

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

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

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

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

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

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

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

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

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

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

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

      if(!data[k]) return;

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

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


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    早朝・深夜の電話はお控えください。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };
      return { icon: "&#x1f319;", label: "" };
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('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 = `只今の時刻: ${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



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

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

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1674358263999!6m8!1m7!1sWtWzbhIJiEhl7xnmy-KvKw!2m2!1d33.49407025440564!2d133.5635422963926!3f166.28562309421162!4f7.947309316220711!5f1.9496817466283742" 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!1d28927.735702282996!2d133.53918223310208!3d33.4918016166252!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e1a032f898641%3A0x5426f9ee2d80321a!2z5rWm5oi46I2Y!5e0!3m2!1sja!2sjp!4v1674358213802!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=民宿浦戸荘&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿画像" class="wp-block-heading">投稿画像</h3>



<!-- ▼▼▼ 投稿画像まだありません（JP) ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（まだありません）</span><br><br>
    <a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14" style="margin-bottom: 20px; display: inline-block;"><strong>画像を投稿する »</strong></a>
    <br>
</p>



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



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



<h3 id="オーナーよりご挨拶" class="wp-block-heading">ホストよりご挨拶</h3>


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <a id="owner-link-1" style="margin-bottom: 20px; display: inline-block;">
    <strong>挨拶を投稿する（ホスト限定）»</strong>
  </a>
  <br>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // タイトルからサイト名などを除去

    // URLを「https://」除去して末尾のスラッシュを省略
    const url = window.location.origin + window.location.pathname.replace(/\/$/, '');
    const shortUrl = url.replace(/^https?:\/\//, '');

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const value = `${title}（${shortUrl}）`;

    const formURL = `${base}?${fieldId}=${encodeURIComponent(value)}`;
    const link = document.getElementById("owner-link-1");
    link.href = formURL;
    link.target = "_blank";
    link.rel = "noopener";
  });
</script>



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



<h3 id="利用者の声" class="wp-block-heading">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      「女将さんの心遣いがすごい」「掃除が行き届いていて気持ちよく過ごせた」と、アットホームなおもてなしを評価する投稿が目立ちます。お遍路の方には「疲れた体をそっと待ってくれる」という温かい声も。施設は昔ながらの家庭的な佇まいながら「部屋に必要な備品が揃っていて安心」との感想もあり、徒歩や車でのアクセスにも「便利だった」との声がありました。全体として「心温まる接客と清潔感、静かな環境でほっとできる宿」として、多くの人に支持されている印象です。ただし電話対応に苦言を呈する投稿もごく少数ありました。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

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

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

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

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

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

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

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

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

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


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年8月17日｜施設紹介、利用者レビュー要約</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>民宿まさご</title>
		<link>https://min88.jp/inn/13594/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sun, 22 Jan 2023 03:22:44 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[高知]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=13594</guid>

					<description><![CDATA[“ 桂浜に寄り添う、田舎の温もりをくれる古民家宿 高知市浦戸湾を望むロケーションに佇む古民家の宿。桂浜へは徒歩わずか2分、坂本龍馬像や水族館もほど近く、遍路旅の休息にも便利な立地です。全室和室の素朴な造りながら、一部は鍵 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      桂浜に寄り添う、田舎の温もりをくれる古民家宿
    </h3>

    <p class="min88-inn-intro__text">
      高知市浦戸湾を望むロケーションに佇む古民家の宿。桂浜へは徒歩わずか2分、坂本龍馬像や水族館もほど近く、遍路旅の休息にも便利な立地です。全室和室の素朴な造りながら、一部は鍵付きに改装されてプライバシーも配慮されています。共同の浴室・トイレ、食堂での家庭的な料理は、ほっとする親しみと田舎ならではの手作り感に満ちています。部屋から見える海や、夕陽が染める浜辺に静かに浸る時間は、「また明日も歩こう」と自然に思わせる、そっと力になってくれます。
    </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="32"
       data-lname="禅師峰寺"
       data-lkm="7.7"

       data-rkm="4.0"
       data-rnum="33"
       data-rname="雪蹊寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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



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


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市浦戸22
tel       = 088-841-2580
website   = https://www.minshuku-masago.com
parking   = 5〜6台（無料）
rooms     = 4室

# ===== 料金プラン =====
price     = 素泊り：未確認|朝食付：8,000円|夕食付：未確認|２食付：12,100円

# ===== 利用条件 =====
checkin   = 15:00～20:00
checkout  = 10:00前
wifi      = あり（無料）
laundry   = 洗濯機：未確認|乾燥機：未確認
payment   = 現金：可|クレジットカード：可|電子マネー：未確認

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,PayPay,LINE Pay,楽天ペイ,d払い,au PAY,メルペイ



  </textarea>

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

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

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

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

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

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

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

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

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

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

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

      if(!data[k]) return;

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

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


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    早朝・深夜の電話はお控えください。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };
      return { icon: "&#x1f319;", label: "" };
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('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 = `只今の時刻: ${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



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

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

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1674357618106!6m8!1m7!1sAyLEgEaIzGl7LFtyHxvL-Q!2m2!1d33.49908517537789!2d133.5721508045589!3f6.877587769745917!4f4.267648894865346!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!1d53238.059967428046!2d133.53937061129517!3d33.4915218001994!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e1a17d072e26d%3A0x1ef7e31219538df7!2z5rCR5a6_44G-44GV44GU!5e0!3m2!1sja!2sjp!4v1674357544033!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=民宿まさご&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿画像" class="wp-block-heading">投稿画像</h3>



<!-- ▼▼▼ 投稿画像まだありません（JP) ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（まだありません）</span><br><br>
    <a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14" style="margin-bottom: 20px; display: inline-block;"><strong>画像を投稿する »</strong></a>
    <br>
</p>



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



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



<h3 id="オーナーよりご挨拶" class="wp-block-heading">ホストよりご挨拶</h3>


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <a id="owner-link-1" style="margin-bottom: 20px; display: inline-block;">
    <strong>挨拶を投稿する（ホスト限定）»</strong>
  </a>
  <br>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // タイトルからサイト名などを除去

    // URLを「https://」除去して末尾のスラッシュを省略
    const url = window.location.origin + window.location.pathname.replace(/\/$/, '');
    const shortUrl = url.replace(/^https?:\/\//, '');

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const value = `${title}（${shortUrl}）`;

    const formURL = `${base}?${fieldId}=${encodeURIComponent(value)}`;
    const link = document.getElementById("owner-link-1");
    link.href = formURL;
    link.target = "_blank";
    link.rel = "noopener";
  });
</script>



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



<h3 id="利用者の声" class="wp-block-heading">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      「部屋から海が見えて、桂浜まで徒歩で行けた」と立地を賞賛する声が多く、「夕食に出た新鮮な魚がおいしくて、とても満足した」との投稿も目立ちます。皿鉢料理については「カツオのたたきがたっぷり出てボリューミー」「家庭的な味で温かみがあった」と具体的に好評。お遍路さん向けの配慮もあり、「チェックイン前に車を預かってもらえて助かった」といった声も。建物は昔ながらながら、「掃除が行き届いていて清潔」な点も安心材料。全体として、「景色・料理・清潔さ・立地のバランスがよく、とてもくつろげる宿」という口コミが多く見られます。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

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

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

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

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

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

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

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

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

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


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年8月17日｜施設紹介、利用者レビュー要約</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>民宿坂本</title>
		<link>https://min88.jp/inn/8635/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 20 Jul 2022 06:31:13 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[高知]]></category>
		<category><![CDATA[ゲストレビュー]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=8635</guid>

					<description><![CDATA[“ 海沿いの穏やかな風に寄り添う、心ほぐす小さな宿 高知市浦戸の海辺にひっそり佇む民宿 坂本は、全6室の落ち着いた規模感が魅力のお宿です。桂浜や浦戸湾を前に、夕暮れの海風がゆるやかに気持ちを整えてくれます。魚を中心とした [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      海沿いの穏やかな風に寄り添う、心ほぐす小さな宿
    </h3>

    <p class="min88-inn-intro__text">
      高知市浦戸の海辺にひっそり佇む民宿 坂本は、全6室の落ち着いた規模感が魅力のお宿です。桂浜や浦戸湾を前に、夕暮れの海風がゆるやかに気持ちを整えてくれます。魚を中心とした夕食は女将さんの丁寧な手仕事が感じられ、旅人の体と心にじんわり染みる温もり。無料Wi-Fiも整い、洗濯対応などの気配りもあり、長旅の隙間に安心をくれる空間です。バス停からのアクセスもよく、歩き旅の小さな寄り道にもぴったり、お宿です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="2.9"
       data-rnum="33"
       data-rname="雪蹊寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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



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


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市浦戸457
tel       = 088-841-2348
website   = 未確認
parking   = 5台（無料）
rooms     = 6室

# ===== 料金プラン =====
price     = 素泊り：5,000円|朝食付：未確認|夕食付：未確認|２食付：7,500円

# ===== 利用条件 =====
checkin   = 17:00以降
checkout  = 9:30前
wifi      = あり（無料）
laundry   = 洗濯機：あり（100円）|乾燥機：あり（100円）
payment   = 現金：可|クレジットカード：不可|電子マネー：不可

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,PayPay,LINE Pay,楽天ペイ,d払い,au PAY,メルペイ



  </textarea>

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

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

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

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

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

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

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

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

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

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

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

      if(!data[k]) return;

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

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


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    早朝・深夜の電話はお控えください。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };
      return { icon: "&#x1f319;", label: "" };
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('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 = `只今の時刻: ${String(hour).padStart(2, '0')}${colon}${minute} JST ${icon} ${label}`;
      showColon = !showColon;
    }

    tick();
    setInterval(tick, 1000);
  })();
</script>



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

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

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1658298601477!6m8!1m7!1sSP7kTHX0gcE3aQetnS0aNA!2m2!1d33.49573898010512!2d133.5671703214309!3f37.69659027289361!4f3.1361717644177105!5f1.8734435519606465" 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!1d53235.4190028453!2d133.5324471266166!3d33.495817116154775!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e1a1bb12ba803%3A0xc7eb8b10a0fdf004!2z5rCR5a6_5Z2C5pys!5e0!3m2!1sja!2sjp!4v1677941410987!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=民宿坂本&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿画像" class="wp-block-heading">投稿画像</h3>



<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（まだありません）</span><br><br>
    <a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14" style="margin-bottom: 20px; display: inline-block;"><strong>画像を投稿する »</strong></a>
    <br>
</p>



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



<h3 id="オーナーよりご挨拶" class="wp-block-heading">ホストよりご挨拶</h3>


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <a id="owner-link-1" style="margin-bottom: 20px; display: inline-block;">
    <strong>挨拶を投稿する（ホスト限定）»</strong>
  </a>
  <br>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // タイトルからサイト名などを除去

    // URLを「https://」除去して末尾のスラッシュを省略
    const url = window.location.origin + window.location.pathname.replace(/\/$/, '');
    const shortUrl = url.replace(/^https?:\/\//, '');

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const value = `${title}（${shortUrl}）`;

    const formURL = `${base}?${fieldId}=${encodeURIComponent(value)}`;
    const link = document.getElementById("owner-link-1");
    link.href = formURL;
    link.target = "_blank";
    link.rel = "noopener";
  });
</script>



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



<h3 id="利用者の声" class="wp-block-heading">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      「お遍路さんにも人気の小さな宿で、女将さんの料理が品数たっぷりで本当に美味しかった」と、“細やかなおもてなしと料理の満足度”が特に目立つ宿泊体験談です。また、立地については「桂浜から徒歩圏内」というアクセスの良さも評価されており、ビジネスや観光の拠点としても便利とのコメントも見られます。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

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

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

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

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

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

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

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

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

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



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

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

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

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

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      桂浜から1.1kmのところにあります。主に釣り客が利用されていますが、女将さんはお遍路さんが大好きで、何しろ料理が美味しくて品数が多過ぎです。
    </p>

  </div>
</div>

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

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



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

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

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

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

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      最低の夕食。午後7時を過ぎても提供ない。勝手に部屋に入ってくる。部屋に飲み物、ティッシュ等無し。
    </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>


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年8月17日｜施設紹介、利用者レビュー要約<br>2025年11月21日｜料金<br>2026年3月17日｜ゲストレビュー</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>お遍路ハウス33（女性専用）</title>
		<link>https://min88.jp/inn/620/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sat, 22 May 2021 01:14:13 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[高知]]></category>
		<category><![CDATA[ホストよりご挨拶]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=620</guid>

					<description><![CDATA[“ 女性の歩みにそっと寄り添う安心ゲストハウス 四国遍路第33番札所・雪蹊寺から徒歩約4～5分という好立地に佇む、女性専用ゲストハウス「お遍路ハウス33」。昭和築の一軒家をリノベした、柔らかな温もりの宿です。ふすまで仕切 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      女性の歩みにそっと寄り添う安心ゲストハウス
    </h3>

    <p class="min88-inn-intro__text">
      四国遍路第33番札所・雪蹊寺から徒歩約4～5分という好立地に佇む、女性専用ゲストハウス「お遍路ハウス33」。昭和築の一軒家をリノベした、柔らかな温もりの宿です。ふすまで仕切られた6畳の和室2室のみという落ち着いた規模感で、Wi‑Fiやキッチン、電子レンジ、洗濯機が備わる機能性にも安心。自転車2台や無料駐車場を活用しながら、近隣の喫茶やコンビニにも気軽に立ち寄れる便利さも魅力です。庭ではハーブが育ち、静かなひとときを彩ります。歩き遍路の女性が安心して一息つける、そんなお宿です。
    </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="32"
       data-lname="禅師峰寺"
       data-lkm="8.0"

       data-rkm="0.4"
       data-rnum="33"
       data-rname="雪蹊寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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



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


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市長浜4719-1
tel       = 090-2825-3387
website   = https://ohenrohouse.com
parking   = 普通車2台、軽自動車2台（無料）
rooms     = 2室
price     = 素泊り：|　・お遍路さん5,000円|　・一般客　　10,000円|朝食付：設定なし|夕食付：設定なし|２食付：設定なし
checkin   = 16:00～21:00
checkout  = 11:00前
wifi      = あり（無料）
laundry   = 洗濯機：あり（無料）|乾燥機：なし
payment   = 現金：可|クレジットカード：不可|電子マネー：不可

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,PayPay,LINE Pay,楽天ペイ,d払い,au PAY,メルペイ



  </textarea>

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

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

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

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

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

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

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

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

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

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

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

      if(!data[k]) return;

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

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


<div style="text-align:center; font-family: system-ui, sans-serif;">
  <div id="jp-clock" style="font-weight:700; font-size:1.1rem; line-height:1.1;"></div>
  <div style="font-weight:600; color:#d32f2f; font-size:0.8rem; margin-top:-2px;">
    早朝・深夜の電話はお控えください。
  </div>
</div>

<script>
  (function () {
    const el = document.getElementById('jp-clock');
    let showColon = true;

    function getPeriod(hour) {
      if (hour >= 5 && hour < 11) return { icon: "&#x1f413;", label: "" };
      if (hour >= 11 && hour < 18) return { icon: "&#x1f31e;", label: "" };
      return { icon: "&#x1f319;", label: "" };
    }

    function tick() {
      const now = new Date();
      const options = {
        timeZone: 'Asia/Tokyo',
        hour12: false,
        hour: '2-digit',
        minute: '2-digit'
      };
      const fmt = new Intl.DateTimeFormat('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 = `只今の時刻: ${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:090-2825-3387" 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:15.5px;
  font-weight:500;
  text-decoration:none !important;
  border-bottom:1px solid #7fb3e6;
  padding-bottom:2px;
  transition:color .2s,border-color .2s;
}

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



<ul class="wp-block-list">
<li>女性専用のゲストハウスです。</li>



<li>コンビニまで徒歩6分</li>



<li>33番雪蹊寺まで徒歩4〜5分</li>



<li>自転車２台（無料で使えます）</li>



<li>洗濯機１台（無料で使えます）</li>



<li>素泊まりのみ</li>



<li>雪蹊寺前の狭い路地を上がり、小さな橋を渡り、堤防沿いに長浜小学校に向う。狭い道だが車でも通る。</li>
</ul>



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1624116333246!6m8!1m7!1sUIXG2dmQrSD2i45M6UKlZw!2m2!1d33.49971330640526!2d133.5455563412932!3f143.86850804046165!4f4.782851891814701!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53233.07304696559!2d133.5106462266249!3d33.49963221619617!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e19e685f6f009%3A0x37037e9e146f0174!2z44GK6YGN6Lev44OP44Km44K577yT77yT!5e0!3m2!1sja!2sjp!4v1678148654467!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=お遍路ハウス33&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



<div style="height: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="投稿画像" class="wp-block-heading">投稿画像</h3>



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



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2021/06/image-5.jpeg"><img decoding="async" width="768" height="1024" data-id="1842" src="https://min88.jp/inn/wp-content/uploads/2021/06/image-5.jpeg" alt="" class="wp-image-1842"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2021/06/182201440_156716933123613_3212028545841227869_n.jpg"><img decoding="async" width="1024" height="768" data-id="1825" src="https://min88.jp/inn/wp-content/uploads/2021/06/182201440_156716933123613_3212028545841227869_n-1024x768.jpg" alt="" class="wp-image-1825"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2021/06/image-6.jpeg"><img decoding="async" width="768" height="1024" data-id="1843" src="https://min88.jp/inn/wp-content/uploads/2021/06/image-6.jpeg" alt="" class="wp-image-1843"/></a></figure>
</figure>



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



<p class="has-text-align-right wp-block-paragraph"><strong><a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14">さらに投稿する »</a></strong></p>



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



<h3 id="オーナーよりご挨拶" class="wp-block-heading">ホストよりご挨拶</h3>



<!-- ▼▼▼ ホストよりご挨拶 ▼▼▼ -->
<div class="min88-host-card-wrap">
  <div class="min88-host-card">

    <!-- 上部：アバター＋宿名＋オーナー名 -->
    <div style="
      display:flex;
      align-items:center;
      gap:16px;
      margin-bottom:12px;
    ">
      <!-- アバター -->
      <div style="width:42px;height:42px;flex:0 0 42px;">
        <svg viewBox="0 0 64 64" style="width:100%;height:100%;display:block;">
          <circle cx="32" cy="32" r="32" fill="#f3f3f3" />
          <circle 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;">
          お遍路ハウス33（女性専用）
        </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;
      ">
      33番雪蹊寺より徒歩4分に位置する、昭和の家をリノベーションしたcawaii女性専用ゲストハウスです。
    </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>


<!-- 投稿リンク（ホスト限定） -->
<p style="text-align: right; margin-top: 16px;">
  <a id="owner-link-2" href="#" style="font-size: 13px; text-decoration: underline;">
    <strong>さらに投稿する（ホスト限定） »</strong>
  </a>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // WPタイトルの後ろカット

    // URL末尾の / を除去して簡潔な形式に
    const host = window.location.hostname.replace(/^www\./, '');
    const pathname = window.location.pathname.replace(/\/$/, '');
    const displayURL = `${host}${pathname}`;

    const value = `${title}（${displayURL}）`;

    const fieldId = "entry.275587143";
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;

    const link = document.getElementById("owner-link-2");
    if (link) {
      link.href = formURL;
      link.target = "_blank";
      link.rel = "noopener";
    }
  });
</script>



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



<h3 id="利用者の声" class="wp-block-heading">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      「趣味の良い小物や草花に囲まれて穏やかな時間を過ごせた」「自家製ハーブティーに癒された」といった声があり、落ち着いた雰囲気や居心地の良さが評価されています。立地についても「札所から徒歩数分で便利」「コンビニや無料の洗濯機、自転車もあり助かった」との口コミが見られ、遍路旅や長期滞在に適した設備面への満足度も高いようです。全体的に「心地よい空間とオーナーの温かいもてなしで安心して過ごせる宿」として支持されています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

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

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

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

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

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

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

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

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

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


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



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



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



<p class="wp-block-paragraph">修正履歴：<br>2021年5月22日｜新規施設登録<br>2025年4月25日｜基本情報一式、オーナー挨拶<br>2025年8月21日｜施設紹介、利用者レビュー要約</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>雪蹊寺（通夜堂）</title>
		<link>https://min88.jp/inn/540/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Thu, 20 May 2021 23:21:04 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[高知]]></category>
		<category><![CDATA[4千円以下]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=540</guid>

					<description><![CDATA[“ 境内奥の小屋がそっと包む、静かな一夜の安息 雪蹊寺の通夜堂は、木造の小屋一間が歩きの疲れをそっと受け止めてくれる、無料の善根宿です。たった一室の簡素な空間ですが、納経所で受付をする形式で管理されており、旅人に安心感を [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      境内奥の小屋がそっと包む、静かな一夜の安息
    </h3>

    <p class="min88-inn-intro__text">
      雪蹊寺の通夜堂は、木造の小屋一間が歩きの疲れをそっと受け止めてくれる、無料の善根宿です。たった一室の簡素な空間ですが、納経所で受付をする形式で管理されており、旅人に安心感をもたらします。駐車場も備えており、アクセスにも配慮された場所です。歴史ある札所の境内にひっそりと佇むこの小さな木戸は、静寂の中で心を整え、次への一歩へ穏やかに背中を支えてくれる、控えめながら頼れる存在です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="6.3"
       data-rnum="34"
       data-rname="種間寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

/* 線（距離比で伸縮：WPCodeのJSが --left / --right をセットします） */
#route-lines .line{
  position:relative; height:var(--line-thickness);
  min-width:16px; flex-basis:0; flex-grow:1; min-inline-size:0;
}
#route-lines .line.left  { flex-grow: var(--left);  background: var(--left-color);  }
#route-lines .line.right { flex-grow: var(--right); background: var(--right-color); }

/* 距離ラベル */
#route-lines .distance{
  position:absolute; top: var(--distance-top); left:50%; transform:translateX(-50%);
  font-size:var(--distance-font); background:#fff; padding:0 4px; line-height:1.2;
  color:#000; white-space:nowrap; pointer-events:none;
}

/* 家（宿） */
#route-lines .marker{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--marker-size); height:var(--marker-size); line-height:1;
  color: var(--marker-color); user-select:none; flex:0 0 auto;
}
#route-lines .marker svg{ width:100%; height:100%; display:block; fill: currentColor; }
</style>
<!-- ▲ ここまで（JSはWPCodeに置く） -->



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市長浜857-3
tel       = 非掲載
website   = 未確認
parking   = あり
rooms     = 1室
price     = 素泊り：無料|朝食付：設定なし|夕食付：設定なし|２食付：設定なし
checkin   = 未確認
checkout  = できるだけ早く
wifi      = 未確認
laundry   = 洗濯機：未確認|乾燥機：未確認
payment   = 現金：対象外|クレジットカード：対象外|電子マネー：対象外

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,PayPay,LINE Pay,楽天ペイ,d払い,au PAY,メルペイ



  </textarea>

  <div class="min88-basicdata-out" aria-label="宿の基本情報"></div>

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

  <div class="min88-basicdata-spacer"></div>
</div>

<style>
/* 入力テキストは非表示 */
.min88-basicdata-pack .min88-basicdata-kv{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}

/* ===== 行UI ===== */
.min88-basicdata-pack .basic-data{
  display:flex;
  align-items:flex-start;
  gap:26px;
  padding:14px 8px;
  border-bottom:1px solid rgba(0,0,0,0.12);
}

.min88-basicdata-pack .basic-data__icon{
  flex:0 0 44px;
  width:44px;
  display:flex;
  justify-content:center;
  padding-top:2px;
}

.min88-basicdata-pack .basic-data__icon img{
  max-width:26px;
  max-height:26px;
}

/* 料金・WiFiだけ小さく */
.min88-basicdata-pack .basic-data__icon img[src*="/price.png"],
.min88-basicdata-pack .basic-data__icon img[src*="/wifi.png"]{
  max-width:20px;
  max-height:20px;
  margin-top:3px;
}

.min88-basicdata-pack .basic-data__text{
  flex:1;
  font-size:13.5px;
  line-height:1.7;
  margin-top:4px;
  word-break:break-word;
}

/* 注意文 */
.min88-basicdata-pack .min88-basicdata-note{
  margin:10px 8px 0;
  font-size:12px;
  line-height:1.4;
  color:rgba(0,0,0,0.55);
}

/* 50pxスペース */
.min88-basicdata-pack .min88-basicdata-spacer{
  height:50px;
}

/* ===== 電子マネー（折りたたみ） ===== */
.min88-basicdata-pack .min88-emoney{
  margin-top:6px;
}

/* 標準マーカー削除 */
.min88-basicdata-pack .min88-emoney summary{ list-style:none; }
.min88-basicdata-pack .min88-emoney summary::-webkit-details-marker{ display:none; }

/* トリガー */
.min88-basicdata-pack .min88-emoney summary{
  cursor:pointer;
  user-select:none;
  font-size:12.5px;
  color:#1a73e8;
}

/* 左側の&#x25b6; ▼だけ表示 */
.min88-basicdata-pack .min88-emoney summary:before{ content:"&#x25b6; "; }
.min88-basicdata-pack .min88-emoney[open] summary:before{ content:"▼ "; }

/* リスト */
.min88-basicdata-pack .min88-emoney-list{
  margin:8px 0 0;
  padding:0;
  list-style:none;
}
.min88-basicdata-pack .min88-emoney-list li{
  font-size:12.5px;
  line-height:1.55;
  margin:0 0 4px;
}
.min88-basicdata-pack .min88-emoney-list li:before{
  content:"・ ";
}
</style>

<script>
(function(){
  const ICON = {
    address  : 'https://min88.jp/inn/wp-content/uploads/2026/02/address.png',
    tel      : 'https://min88.jp/inn/wp-content/uploads/2026/02/telephone.png',
    website  : 'https://min88.jp/inn/wp-content/uploads/2026/02/website.png',
    parking  : 'https://min88.jp/inn/wp-content/uploads/2026/02/carparking.png',
    rooms    : 'https://min88.jp/inn/wp-content/uploads/2026/02/rooms.png',
    price    : 'https://min88.jp/inn/wp-content/uploads/2026/02/price.png',
    check    : 'https://min88.jp/inn/wp-content/uploads/2026/02/check.png',
    wifi     : 'https://min88.jp/inn/wp-content/uploads/2026/02/wifi.png',
    laundry  : 'https://min88.jp/inn/wp-content/uploads/2026/02/laundry.png',
    payment  : 'https://min88.jp/inn/wp-content/uploads/2026/02/payment.png'
  };

  const ORDER = ['address','tel','website','parking','rooms','price','check','wifi','laundry','payment'];

  function esc(s){
    return String(s ?? '')
      .replace(/&/g,'&amp;')
      .replace(/</g,'&lt;')
      .replace(/>/g,'&gt;')
      .replace(/"/g,'&quot;')
      .replace(/'/g,'&#39;');
  }

  function parseKV(text){
    const obj = {};
    text.split('\n').forEach(line=>{
      const t = line.trim();
      if(!t || t.startsWith('#')) return;
      const i = t.indexOf('=');
      if(i === -1) return;
      obj[t.slice(0,i).trim()] = t.slice(i+1).trim();
    });
    return obj;
  }

  /* 全項目共通：| を <br> に（何段でもOK） */
  function brPipeAny(v){
    return esc(v).replace(/\|/g,'<br>');
  }

  function row(iconKey, html){
    return `
      <div class="basic-data">
        <div class="basic-data__icon">
          <img decoding="async" src="${ICON[iconKey]}" alt="">
        </div>
        <div class="basic-data__text">${html}</div>
      </div>
    `;
  }

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

  /* ★ website：表示は短く（example.com）、リンク先はフルURL */
  function ensureUrl(raw){
    const s = String(raw || '').trim();
    if(!s) return '';
    if(/^https?:\/\//i.test(s)) return s;
    // example.com のような入力でもリンク切れしないように
    return 'https://' + s;
  }

  function displayHost(raw){
    const url = ensureUrl(raw);
    try{
      const u = new URL(url);
      return esc(u.host); // example.com / www.example.jp
    }catch(e){
      return esc(raw); // 解析できなければそのまま表示
    }
  }

  function websiteHtml(v){
    const parts = String(v || '').split('|').map(s=>s.trim()).filter(Boolean);
    return parts.map(p=>{
      const href = ensureUrl(p);
      const safeHref = esc(href);
      const label = displayHost(p);
      // URLっぽくない文字列（補足）も許容
      if(!p) return '';
      if(/^[^\s]+\.[^\s]+/.test(p)){ // ドメインっぽい場合はリンク化
        return `<a href="${safeHref}" target="_blank" rel="noopener">${label}</a>`;
      }
      return esc(p);
    }).filter(Boolean).join('<br>');
  }

  document.querySelectorAll('.min88-basicdata-pack').forEach(root=>{
    if(root.dataset.rendered) return;

    const txt = root.querySelector('.min88-basicdata-kv');
    const out = root.querySelector('.min88-basicdata-out');
    if(!txt || !out) return;

    const data = parseKV(txt.value);
    let html = '';

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

      if(k === 'website' && data.website){
        html += row('website', websiteHtml(data.website));
        return;
      }

      if(k === 'payment' && data.payment){
        html += row('payment', brPipeAny(data.payment) + buildEmoney(data.emoney));
        return;
      }

      if(!data[k]) return;

      html += row(k, brPipeAny(data[k]));
    });

    out.innerHTML = html;
    root.dataset.rendered = '1';
  });
})();
</script>



<div style="text-align: center;">
  <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2024/09/8888.jpg" alt="管理の方と相談" style="width: 180px; display: block; margin: 20px auto 10px;">
  <p style="font-weight: bold;">《現地で管理の方と相談してみましょう》</p>
</div>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="補足情報">補足情報</h3>



<ul class="wp-block-list">
<li>ー</li>



<li>ー</li>



<li>ー</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>












<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="map">MAP</h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1624151470515!6m8!1m7!1sCAoSLEFGMVFpcE9BV1VkdkJseXZxa2ExUFVwcGhvNVlTUXI0enBZWlBQM3V0NFVI!2m2!1d33.5006458!2d133.5431563!3f310.3652103592526!4f12.494648049422125!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53232.340513789335!2d133.5080386266665!3d33.50082341629863!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e19e709295645%3A0x25ef0e32dbd6dd38!2z6Zuq6LmK5a-6!5e0!3m2!1sja!2sjp!4v1678155543790!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=雪蹊寺（通夜堂）&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height: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 class="wp-block-heading" id="投稿画像">投稿画像</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 is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2023/07/skj2.jpg"><img decoding="async" width="1024" height="768" data-id="19485" src="https://min88.jp/inn/wp-content/uploads/2023/07/skj2-1024x768.jpg" alt="" class="wp-image-19485"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2023/07/skj-1.jpg"><img decoding="async" width="1024" height="768" data-id="19484" src="https://min88.jp/inn/wp-content/uploads/2023/07/skj-1-1024x768.jpg" alt="" class="wp-image-19484"/></a></figure>
</figure>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-right wp-block-paragraph"><strong><a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14">さらに投稿する »</a></strong></p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="オーナーよりご挨拶">ホストよりご挨拶</h3>


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <a id="owner-link-1" style="margin-bottom: 20px; display: inline-block;">
    <strong>挨拶を投稿する（ホスト限定）»</strong>
  </a>
  <br>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // タイトルからサイト名などを除去

    // URLを「https://」除去して末尾のスラッシュを省略
    const url = window.location.origin + window.location.pathname.replace(/\/$/, '');
    const shortUrl = url.replace(/^https?:\/\//, '');

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const value = `${title}（${shortUrl}）`;

    const formURL = `${base}?${fieldId}=${encodeURIComponent(value)}`;
    const link = document.getElementById("owner-link-1");
    link.href = formURL;
    link.target = "_blank";
    link.rel = "noopener";
  });
</script>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="利用者の声">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      クチコミ・レビュー投稿が見つかりませんでした。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<p class="wp-block-paragraph">修正履歴：<br>2025年8月21日｜施設紹介</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>民宿高知屋</title>
		<link>https://min88.jp/inn/474/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 19 May 2021 13:17:57 +0000</pubDate>
				<category><![CDATA[33 雪蹊寺]]></category>
		<category><![CDATA[高知]]></category>
		<category><![CDATA[ネット予約]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=474</guid>

					<description><![CDATA[“ 33番雪蹊寺の目の前、歩き旅に寄り添う老舗の檀家宿 お遍路で33番札所・雪蹊寺の門前に立つ「民宿 高知屋」は、昭和初期創業の歴史を感じさせながら、2007年に改装された清潔で静かな佇まいが印象的なお宿です。徒歩4分の [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kochi/33/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </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/en/category/kochi-en/33-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/kochi-zh/33-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">
      33番雪蹊寺の目の前、歩き旅に寄り添う老舗の檀家宿
    </h3>

    <p class="min88-inn-intro__text">
      お遍路で33番札所・雪蹊寺の門前に立つ「民宿 高知屋」は、昭和初期創業の歴史を感じさせながら、2007年に改装された清潔で静かな佇まいが印象的なお宿です。徒歩4分の長浜営業所バス停からのアクセスも良く、無料駐車場やWi‑Fi完備と、荷を滞在中しっかり解ける安心感があります。全11室の和室には暖かみを感じさせる調度が揃い、歩き遍路には嬉しい金剛杖の洗浄や杖立ての配慮もあり、「お洗濯をお接待」してくれたという声も聞かれます。温かな女将さんのもてなしと、心身を静かに整える夜を提供してくれる、歩き旅の“安心の寄り添い宿”です。
    </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="33" data-lname="雪蹊寺" data-lkm="0.1" data-rkm="6.3" data-rnum="34" data-rname="種間寺"> </div>
</div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>


<div style="display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 0.75rem;">
  <h3 style="font-size: 1.15rem; margin: 0;">基本情報</h3>
  <div class="info-edit-container">
    <a id="info-edit-link" class="info-edit-button" target="_blank">情報修正はこちら »</a>
  </div>
</div>

<style>
  .info-edit-button {
    display: inline-block;
    padding: 0.25rem 0.9rem;
    font-weight: nomal;
    font-size: 11.5px;
    color: white !important;
    background-color: #ee7800;
    border: none;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .info-edit-button:hover {
    background-color: #cc6600;
    transform: translateY(2px);
  }

  .info-edit-container {
    text-align: right;
    margin: 0;
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const formBase = "https://docs.google.com/forms/d/e/1FAIpQLScNPHwOhPBUapzEg5Zkxx440G9_ex_yfmGBVyCfiXtE_RI2kA/viewform";
    const fieldId = "entry.275587143";

    const title = document.title.split(" | ")[0];
    const pathname = window.location.pathname.replace(/\/$/, ''); // ← スラッシュ削除
    const host = window.location.hostname.replace(/^www\./, '');
    const displayURL = `${host}${pathname}`; // ← / を加えない
    const value = `${title}（${displayURL}）`;

    const formURL = `${formBase}?${fieldId}=${encodeURIComponent(value)}`;
    document.getElementById("info-edit-link").href = formURL;
  });
</script>



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#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   = 高知県高知市長浜658|受付時間 6:00〜21:00
tel       = 088-841-3074
website   = &#8212;
parking   = 3台（無料）
rooms     = 11室
price     = 素泊り：6,000円|朝食付：設定なし|夕食付：8,700円|２食付：9,300円
checkin   = 16:00〜19:00
checkout  = 9:00前
wifi      = あり（無料）
laundry   = 洗濯機：あり（無料※）|乾燥機：あり（無料※）|※：歩きのお遍路さんに限る
payment   = 現金：可|クレジットカード：不可|電子マネー：不可

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay,iD,Suica･PASMOほか交通系,nanaco,楽天Edy,WAON,PayPay,LINE Pay,楽天ペイ,d払い,au PAY,メルペイ



  </textarea>

  <div class="min88-basicdata-out" aria-label="宿の基本情報"></div>

  <p class="min88-basicdata-note">
    ※現在の営業状況を保証するものではありません。宿泊の際は直接施設にお問い合わせください。
  </p>

  <div class="min88-basicdata-spacer"></div>
</div>

<style>
/* 入力テキストは非表示 */
.min88-basicdata-pack .min88-basicdata-kv{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}

/* ===== 行UI ===== */
.min88-basicdata-pack .basic-data{
  display:flex;
  align-items:flex-start;
  gap:26px;
  padding:14px 8px;
  border-bottom:1px solid rgba(0,0,0,0.12);
}

.min88-basicdata-pack .basic-data__icon{
  flex:0 0 44px;
  width:44px;
  display:flex;
  justify-content:center;
  padding-top:2px;
}

.min88-basicdata-pack .basic-data__icon img{
  max-width:26px;
  max-height:26px;
}

/* 料金・WiFiだけ小さく */
.min88-basicdata-pack .basic-data__icon img[src*="/price.png"],
.min88-basicdata-pack .basic-data__icon img[src*="/wifi.png"]{
  max-width:20px;
  max-height:20px;
  margin-top:3px;
}

.min88-basicdata-pack .basic-data__text{
  flex:1;
  font-size:13.5px;
  line-height:1.7;
  margin-top:4px;
  word-break:break-word;
}

/* 注意文 */
.min88-basicdata-pack .min88-basicdata-note{
  margin:10px 8px 0;
  font-size:12px;
  line-height:1.4;
  color:rgba(0,0,0,0.55);
}

/* 50pxスペース */
.min88-basicdata-pack .min88-basicdata-spacer{
  height:50px;
}

/* ===== 電子マネー（折りたたみ） ===== */
.min88-basicdata-pack .min88-emoney{
  margin-top:6px;
}

/* 標準マーカー削除 */
.min88-basicdata-pack .min88-emoney summary{ list-style:none; }
.min88-basicdata-pack .min88-emoney summary::-webkit-details-marker{ display:none; }

/* トリガー */
.min88-basicdata-pack .min88-emoney summary{
  cursor:pointer;
  user-select:none;
  font-size:12.5px;
  color:#1a73e8;
}

/* 左側の&#x25b6; ▼だけ表示 */
.min88-basicdata-pack .min88-emoney summary:before{ content:"&#x25b6; "; }
.min88-basicdata-pack .min88-emoney[open] summary:before{ content:"▼ "; }

/* リスト */
.min88-basicdata-pack .min88-emoney-list{
  margin:8px 0 0;
  padding:0;
  list-style:none;
}
.min88-basicdata-pack .min88-emoney-list li{
  font-size:12.5px;
  line-height:1.55;
  margin:0 0 4px;
}
.min88-basicdata-pack .min88-emoney-list li:before{
  content:"・ ";
}
</style>

<script>
(function(){
  const ICON = {
    address  : 'https://min88.jp/inn/wp-content/uploads/2026/02/address.png',
    tel      : 'https://min88.jp/inn/wp-content/uploads/2026/02/telephone.png',
    website  : 'https://min88.jp/inn/wp-content/uploads/2026/02/website.png',
    parking  : 'https://min88.jp/inn/wp-content/uploads/2026/02/carparking.png',
    rooms    : 'https://min88.jp/inn/wp-content/uploads/2026/02/rooms.png',
    price    : 'https://min88.jp/inn/wp-content/uploads/2026/02/price.png',
    check    : 'https://min88.jp/inn/wp-content/uploads/2026/02/check.png',
    wifi     : 'https://min88.jp/inn/wp-content/uploads/2026/02/wifi.png',
    laundry  : 'https://min88.jp/inn/wp-content/uploads/2026/02/laundry.png',
    payment  : 'https://min88.jp/inn/wp-content/uploads/2026/02/payment.png'
  };

  const ORDER = ['address','tel','website','parking','rooms','price','check','wifi','laundry','payment'];

  function esc(s){
    return String(s ?? '')
      .replace(/&/g,'&amp;')
      .replace(/</g,'&lt;')
      .replace(/>/g,'&gt;')
      .replace(/"/g,'&quot;')
      .replace(/'/g,'&#39;');
  }

  function parseKV(text){
    const obj = {};
    text.split('\n').forEach(line=>{
      const t = line.trim();
      if(!t || t.startsWith('#')) return;
      const i = t.indexOf('=');
      if(i === -1) return;
      obj[t.slice(0,i).trim()] = t.slice(i+1).trim();
    });
    return obj;
  }

  /* 全項目共通：| を <br> に（何段でもOK） */
  function brPipeAny(v){
    return esc(v).replace(/\|/g,'<br>');
  }

  function row(iconKey, html){
    return `
      <div class="basic-data">
        <div class="basic-data__icon">
          <img decoding="async" src="${ICON[iconKey]}" alt="">
        </div>
        <div class="basic-data__text">${html}</div>
      </div>
    `;
  }

  function buildEmoney(v){
    if(!v) return '';
    const items = v.split(',').map(s=>s.trim()).filter(Boolean);
    if(!items.length) return '';
    return `
      <details class="min88-emoney">
        <summary>対応ブランドを見る</summary>
        <ul class="min88-emoney-list">
          ${items.map(x=>`<li>${esc(x)}</li>`).join('')}
        </ul>
      </details>
    `;
  }

  /* ★ website：表示は短く（example.com）、リンク先はフルURL */
  function ensureUrl(raw){
    const s = String(raw || '').trim();
    if(!s) return '';
    if(/^https?:\/\//i.test(s)) return s;
    // example.com のような入力でもリンク切れしないように
    return 'https://' + s;
  }

  function displayHost(raw){
    const url = ensureUrl(raw);
    try{
      const u = new URL(url);
      return esc(u.host); // example.com / www.example.jp
    }catch(e){
      return esc(raw); // 解析できなければそのまま表示
    }
  }

  function websiteHtml(v){
    const parts = String(v || '').split('|').map(s=>s.trim()).filter(Boolean);
    return parts.map(p=>{
      const href = ensureUrl(p);
      const safeHref = esc(href);
      const label = displayHost(p);
      // URLっぽくない文字列（補足）も許容
      if(!p) return '';
      if(/^[^\s]+\.[^\s]+/.test(p)){ // ドメインっぽい場合はリンク化
        return `<a href="${safeHref}" target="_blank" rel="noopener">${label}</a>`;
      }
      return esc(p);
    }).filter(Boolean).join('<br>');
  }

  document.querySelectorAll('.min88-basicdata-pack').forEach(root=>{
    if(root.dataset.rendered) return;

    const txt = root.querySelector('.min88-basicdata-kv');
    const out = root.querySelector('.min88-basicdata-out');
    if(!txt || !out) return;

    const data = parseKV(txt.value);
    let html = '';

    ORDER.forEach(k=>{
      if(k === 'check'){
        const v = [
          data.checkin  ? `チェックイン時刻：${brPipeAny(data.checkin)}` : '',
          data.checkout ? `チェックアウト時刻：${brPipeAny(data.checkout)}` : ''
        ].filter(Boolean).join('<br>');
        if(v) html += row('check', v);
        return;
      }

      if(k === 'website' && data.website){
        html += row('website', websiteHtml(data.website));
        return;
      }

      if(k === 'payment' && data.payment){
        html += row('payment', brPipeAny(data.payment) + buildEmoney(data.emoney));
        return;
      }

      if(!data[k]) return;

      html += row(k, brPipeAny(data[k]));
    });

    out.innerHTML = html;
    root.dataset.rendered = '1';
  });
})();
</script>



  <div class="min88-popular-booking-wrap">

    <div class="min88-popular-booking-card">

      <div
        class="min88-popular-booking-row"
        aria-label="popular-booking"
      >

        <!-- ダイヤ画像 -->
        <span
          class="min88-popular-booking-icon"
          aria-hidden="true"
        >
          <img decoding="async"
            src="https://min88.jp/inn/wp-content/uploads/2026/08/diamond2.jpg"
            alt=""
          >
        </span>

        <!-- テキスト -->
        <div class="min88-popular-booking-text">
          人気の宿泊先！早めのご予約がおすすめです。        </div>

      </div>

    </div>

  </div>

  <style>

    /* ===== 全体 ===== */

    .min88-popular-booking-wrap {
      max-width: 1080px;
      margin: 0 auto 60px;
      padding: 0 15px;
      box-sizing: border-box;
    }


    /* ===== カード ===== */

    .min88-popular-booking-card {
      margin: 0;
      padding: 18px 30px;

      border: 1px solid #efefef;
      border-radius: 13px;

      background: #fcfcfc;

      box-shadow: 0 10px 13px rgba(0,0,0,0.15);

      position: relative;
      box-sizing: border-box;
    }


    /* ===== 中身 ===== */

    .min88-popular-booking-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
    }


    /* ===== ダイヤ画像 ===== */

    .min88-popular-booking-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
    }

    .min88-popular-booking-icon img {
      display: block;
      width: 28px;
      height: auto;
    }


    /* ===== テキスト ===== */

    .min88-popular-booking-text {
      text-align: center;
      font-size: 15px;
      font-weight: 600;
      color: #222 !important;
      line-height: 1.5;
    }


    /* ===== スマートフォン ===== */

    @media (max-width: 768px) {

      .min88-popular-booking-wrap {
        padding: 0 3px;
        margin-bottom: 60px;
      }

      .min88-popular-booking-card {
        padding: 16px 20px;
      }

      .min88-popular-booking-text {
        font-size: 14px;
      }

      .min88-popular-booking-icon img {
        width: 26px;
      }

    }

  </style>

  



    <div
        id="min88-japan-time-59486"
        style="text-align:center; font-family:system-ui, sans-serif;"
        data-title="只今の日本時間"
        data-early-morning="現在、日本は早朝です。"
        data-morning="現在、日本は朝です。"
        data-daytime="現在、日本は昼です。"
        data-evening="現在、日本は夕方です。"
        data-night="現在、日本は夜です。"
        data-late-night="現在、日本は深夜です。"
    >

        <!-- 日本時間 -->
        <div
            class="min88-japan-time-clock"
            style="
                font-weight:700;
                font-size:1.1rem;
                line-height:1.1;
            "
        ></div>

        <!-- 時間帯案内 -->
        <div
            class="min88-japan-time-period"
            style="
                font-weight:600;
                color:#d32f2f;
                font-size:0.8rem;
                margin-top:-2px;
            "
        ></div>

    </div>


    <script>
    (function () {

        const wrapper =
            document.getElementById(
                "min88-japan-time-59486"            );

        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">今すぐ予約</span>
        </a>
        </div>

        <div class="min88-reservation-copy">

            会員登録なし・24時間受付
        </div>

    </div>


    
        <a
            href="2/"
            class="min88-floating-reserve-center min88-reserve-button"
            target="_blank"
            rel="noopener"
        >
            <span class="min88-floating-reserve-center__text">今すぐ予約</span>
        </a>

    <style>

    /* ========================================================
       予約ボタンエリア
       ======================================================== */

    .min88-reservation-area{
        text-align:center;
    }


    /* ========================================================
       通常位置のボタン
       ======================================================== */

    .min88-reservation-btn{
        width:75%;
        margin:0 auto;
        padding-bottom:8px;
        display:flex;
        justify-content:center;
    }


    /* ========================================================
       通常・追従ボタン共通
       ======================================================== */

    .min88-reserve-button{
        display:block;
        box-sizing:border-box;
        padding:19.5px 0;
        border-radius:100px;
        text-align:center;
        text-decoration:none !important;
        color:#fff !important;
        font-size:16px;
        line-height:1.2;

        background:linear-gradient(
            90deg,
            #E4455C 0%,
            #D83A5F 50%,
            #C62B66 100%
        );

        box-shadow:
            0 8px 18px -2px
            rgba(60,60,60,0.32);
    }


    /* ========================================================
       受付中：ホバー
       ======================================================== */

    a.min88-reserve-button:hover{
        filter:brightness(1.12);
    }


    /* ========================================================
       受付中：クリック時
       ======================================================== */

    a.min88-reserve-button:active{
        filter:brightness(.96);
    }


    /* ========================================================
       通常位置のボタン専用
       ======================================================== */

    .min88-reservation-btn__link{
        width:100%;
        font-weight:500;
        transition:filter .3s ease;
    }


    /* ========================================================
       ボタン下の説明文
       ======================================================== */

    .min88-reservation-copy{
        font-size:14px;
        font-weight:600;
        color:#000;
        line-height:1.8;
        margin:0 0 24px;
    }


    /* ========================================================
       受付停止中
       ======================================================== */

    .min88-reserve-button.min88-reserve-button--disabled{
        cursor:default;

        background:#929292 !important;

        box-shadow:
            0 5px 12px -2px
            rgba(60,60,60,0.22);

        animation:none !important;
        filter:none !important;
        user-select:none;
    }


    /* ========================================================
       スマホ追従ボタン
       ※受付中の場合のみHTML自体が出力されます
       ======================================================== */

    .min88-floating-reserve-center{
        position:fixed;

        left:50%;
        bottom:15px;

        transform:translateX(-50%);

        z-index:999999;

        width:74%;
        max-width:420px;

        font-weight:600;

        animation:
            min88-shake .5s ease .8s 1;
    }


    .min88-floating-reserve-center:active{
        transform:
            translateX(-50%)
            translateY(1px);
    }


    /* ========================================================
       スマホ追従ボタンの初回アニメーション
       ======================================================== */

    @keyframes min88-shake{

        0%{
            transform:
                translateX(-50%)
                translateX(0);
        }

        20%{
            transform:
                translateX(-50%)
                translateX(-3px);
        }

        40%{
            transform:
                translateX(-50%)
                translateX(3px);
        }

        60%{
            transform:
                translateX(-50%)
                translateX(-2px);
        }

        80%{
            transform:
                translateX(-50%)
                translateX(2px);
        }

        100%{
            transform:
                translateX(-50%)
                translateX(0);
        }
    }


    /* ========================================================
       スマホ
       ======================================================== */

    @media (max-width:768px){

        .min88-reservation-btn{
            width:83%;
        }

    }


    /* ========================================================
       PC・タブレット
       追従ボタンは非表示
       ======================================================== */

    @media (min-width:769px){

        .min88-floating-reserve-center{
            display:none !important;
        }

    }

    </style>

    



    <div class="min88-response-badge">

        <img decoding="async"
            src="https://min88.jp/inn/wp-content/uploads/2026/08/wing_l.png"
            alt=""
            class="min88-response-badge__wing"
        >

        <div class="min88-response-badge__body">

            <div class="min88-response-badge__title">
                このホストは平均                <span class="min88-response-badge__time">
                    1時間                </span>
                で回答            </div>

            <div class="min88-response-badge__sub">
                ※早朝・深夜を除く            </div>

        </div>

        <img decoding="async"
            src="https://min88.jp/inn/wp-content/uploads/2026/08/wing_r.png"
            alt=""
            class="min88-response-badge__wing"
        >

    </div>

    <style>

    .min88-response-badge,
    .min88-response-badge *{
        box-sizing:border-box;
    }

    /* 全体 */
    .min88-response-badge{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:4px;
        width:100%;
        margin:14px 0;
    }

    /* 中央部分 */
    .min88-response-badge__body{
        display:flex;
        flex-direction:column;
        align-items:center;
        line-height:1.2;
        text-align:center;
    }

    /* 左右の装飾 */
    .min88-response-badge__wing{
        width:26px;
        height:auto;
        display:block;
        flex-shrink:0;
        opacity:0.45;
    }

    /* メイン */
    .min88-response-badge__title{
        font-size:15px;
        font-weight:400;
        color:#888;
        letter-spacing:.02em;
        white-space:nowrap;
    }

    /* 回答時間部分だけ少し強調 */
    .min88-response-badge__time{
        font-weight:600;
		color:#D92D50;
    }

    /* サブ */
    .min88-response-badge__sub{
        margin-top:3px;
        font-size:11px;
        font-weight:400;
        color:#777;
        letter-spacing:.02em;
    }

    /* スマホ */
    @media (max-width:768px){

        .min88-response-badge{
            gap:3px;
            margin:12px 0;
        }

        .min88-response-badge__wing{
            width:22px;
        }

        .min88-response-badge__title{
            font-size:14px;
            white-space:normal;
        }

        .min88-response-badge__time{
            font-weight:600;
        }

        .min88-response-badge__sub{
            margin-top:3px;
            font-size:10.5px;
        }

    }

    </style>

    



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<!-- ▼▼▼ &#x1f310;『電話で空室確認』テキストリンク ▼▼▼ -->

<div class="min88-phone-text-link">
  <a href="tel:088-841-3074" 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: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 = 6;
  const startMin  = 0;
  const endHour   = 21;
  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 class="min88-donation-area">

        <div class="min88-donation-btn">

            <a
                class="min88-donation-btn__link"
                href="https://min88.jp/inn/474/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">
                    この宿を応援する                </span>

            </a>

        </div>


        <!-- ボタン下 -->
        <div class="min88-donation-copy">
            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="補足情報" class="wp-block-heading">補足情報</h3>



<ul class="wp-block-list">
<li>雪蹊寺の門前</li>



<li>門限22:00</li>



<li>歩きのお遍路さんにはお洗濯をお接待させていただきます</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">MAP</h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1624169932030!6m8!1m7!1sSPitUVuJE89poTAaG7kXoQ!2m2!1d33.50029136724302!2d133.5433327113604!3f207.96824410889806!4f10.865990294929063!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53232.706537301405!2d133.5082318267155!3d33.500228216199666!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e19e713e8bf3f%3A0x7e696a3c46163b3a!2z5rCR5a6_IOmrmOefpeWxiw!5e0!3m2!1sja!2sjp!4v1678156658686!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=民宿高知屋（Kouchiya INN）&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

<style>
.min88-map-btn-wrap {
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.min88-btn-map-green {
  display: inline-block;
  background: #333333;
  color: #ffffff !important;
  padding: 13px 32px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(40,40,40,0.35);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}
.min88-btn-map-green:hover {
  background: #505050;
  color: #fff !important;
}
.min88-btn-map-green .min88-map-btn-sub {
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 11px;
  font-weight: normal;
  margin-top: 0.3em;
  line-height: 1.08;
  letter-spacing: 0;
}
.gm-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
}
.gm-blue   { background: #4285F4; }
.gm-red    { background: #EA4335; }
.gm-yellow { background: #FBBC05; }
</style>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<div style="height: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="投稿画像" class="wp-block-heading">投稿画像</h3>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2021/05/kcy3.jpg"><img decoding="async" width="769" height="1024" data-id="51594" src="https://min88.jp/inn/wp-content/uploads/2021/05/kcy3-769x1024.jpg" alt="" class="wp-image-51594"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2021/05/kcy2.jpg"><img decoding="async" width="1024" height="769" data-id="51593" src="https://min88.jp/inn/wp-content/uploads/2021/05/kcy2-1024x769.jpg" alt="" class="wp-image-51593"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2021/05/kcy1.jpg"><img decoding="async" width="1024" height="769" data-id="51592" src="https://min88.jp/inn/wp-content/uploads/2021/05/kcy1-1024x769.jpg" alt="" class="wp-image-51592"/></a></figure>
</figure>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-right wp-block-paragraph"><strong><a href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14">さらに投稿する »</a></strong></p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="オーナーよりご挨拶" class="wp-block-heading">ホストよりご挨拶</h3>


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <a id="owner-link-1" style="margin-bottom: 20px; display: inline-block;">
    <strong>挨拶を投稿する（ホスト限定）»</strong>
  </a>
  <br>
</p>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const title = document.title.split(" | ")[0]; // タイトルからサイト名などを除去

    // URLを「https://」除去して末尾のスラッシュを省略
    const url = window.location.origin + window.location.pathname.replace(/\/$/, '');
    const shortUrl = url.replace(/^https?:\/\//, '');

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLScwjcqHLc8Ta7LCRC3BrelT-CQvh2exIAcSZLtOPEDVsKFoLA/viewform";
    const value = `${title}（${shortUrl}）`;

    const formURL = `${base}?${fieldId}=${encodeURIComponent(value)}`;
    const link = document.getElementById("owner-link-1");
    link.href = formURL;
    link.target = "_blank";
    link.rel = "noopener";
  });
</script>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 id="利用者の声" class="wp-block-heading">ゲストレビュー</h3>



<!-- ▼▼▼ 利用者レビュー要約（日本語） ▼▼▼ -->
<div class="min88-inn-review-wrap">
  <div class="min88-inn-review">
    <div class="min88-inn-review__icon">“</div>

    <h3 class="min88-inn-review__title">
      外部サイトのレビュー要約
    </h3>

    <p class="min88-inn-review__text">
      歩き遍路に寄り添う宿として、「札所すぐ前で便利」「金剛杖も洗ってくれて、杖立てもある」といった投稿が目立ち、「お洗濯もお接待のように対応いただけた」との声も寄せられています 。内装は「新しくて清潔」「昭和初期の雰囲気と静かな佇まいが心地よかった」と評判で、女将さんの「親切な対応」が印象に残るという口コミも多く見られます。料理についても「食事も美味しくいただいた」との声があり、味への満足度も高いようです。全体として「清潔で便利、温かなおもてなしが心に残る遍路宿」として、多くの宿泊者から安心を込めて支持されています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / Booking.com / TripAdvisor / Yahoo!トラベル、他
      </p>
    </div>
  </div>
</div>

<style>
/* ===== ラッパ（左右余白） ===== */
.min88-inn-review-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* ===== 本体ボックス ===== */
.min88-inn-review {
  margin: 28px 0 20px;
  padding: 30px 30px 6px 40px;
  border-radius: 13px;
  border: 1px solid #efefef;
  background: #fcfcfc;
  box-shadow: 0 10px 13px rgba(0,0,0,0.15);
  position: relative;
  box-sizing: border-box;
}

/* “ アイコン（紹介文とテイスト合わせ） */
.min88-inn-review__icon {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 90px;
  line-height: 1;
  color: #ff2d9a;                   /* 紹介文と同じピンク */
  pointer-events: none;
  font-weight: 700;
}

/* タイトル */
.min88-inn-review h3.min88-inn-review__title {
  margin: 12px 0 14px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  color: #222222 !important;
}

/* 要約本文 */
.min88-inn-review p.min88-inn-review__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.8;
  color: #444444 !important;
}

/* ===== フッター（下線＋参照元） ===== */
.min88-inn-review__footer {
  margin-top: 6px;
}

/* ★ 線を太く（2px）＆少し濃くする */
.min88-inn-review__divider {
  margin: 12px 0 12px;
  height: 1.5px;  /* ← 1px → 2px */
  width: 100%;
  background: linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.06),
    rgba(0,0,0,0.15)
  );
}

/* ★ 参照元の下余白を強制的に狭くする */
.min88-inn-review__source {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  font-size: 11px;
  line-height: 1.35 !important;  /* ← 行間を狭く */
  text-align: right;
  color: #999999;
  padding: 0 !important;  /* ← ブロック余白対策（念のため） */
}

/* ===== スマホ調整 ===== */
@media (max-width: 768px) {
  .min88-inn-review-wrap {
    padding: 0 3px;
  }
  .min88-inn-review {
    padding: 30px 20px 12px 30px;
  }
  .min88-inn-review__icon {
    top: 16px;
    left: 16px;
    font-size: 85px;
  }
  .min88-inn-review h3.min88-inn-review__title {
    margin: 10px 0 12px;
    font-size: 18px;
  }
  .min88-inn-review p.min88-inn-review__text {
    font-size: 14px;
  }
  .min88-inn-review__source {
    font-size: 11.5px;
    line-height: 1.35 !important;  /* ← スマホ時の行間を狭く */
    margin-bottom: 2px !important; /* ← さらに下の余白も詰める */
  }
}
</style>


<!-- レビュー投稿ボタン -->
<style>
  .standout-button {
      display: block;
      width: 250px;
      box-sizing: border-box;
      text-align: center;
      margin: 40px auto;
      padding: 0.5rem 1rem;
      background-color: #007BFF;
      color: white !important;
      font-weight: bold;
      border: none;
      border-radius: 5px;
      border-bottom: 7px solid #0056b3;
      transition: all 0.1s ease;
      text-decoration: none;
  }

  .standout-button:hover {
      background-color: #007BFF;
      transform: translateY(4px);
      border-bottom: 7px solid transparent;
  }
</style>

<a id="review-button" class="standout-button" target="_blank">レビューを投稿する »</a>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const title = document.title.split(' | ')[0]; // タイトルから施設名を取得
    const url = window.location.href.replace(/^https?:\/\//, '').replace(/\/$/, ''); // スラッシュ除去

    const value = `${title}（${url}）`;

    const fieldId = "entry.275587143";
    const base = "https://docs.google.com/forms/d/e/1FAIpQLSfZAIVlMvMrzc7QhY5VSER4NWHZ0nS5SCu3JW7rgNDiPqrpGA/viewform";
    const fullUrl = `${base}?${fieldId}=${encodeURIComponent(value)}`;

    document.getElementById("review-button").href = fullUrl;
  });
</script>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<hr class="wp-block-separator has-css-opacity"/>



<p class="wp-block-paragraph">修正履歴：<br>2024年6月1日｜料金<br>2024年6月6日｜CO時刻<br>2025年8月21日｜施設紹介、ゲストレビュー要約<br>2025年8月21日｜画像投稿<br>2026年6月2日｜料金<br>2026年6月9日｜オンライン予約システム</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>


]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
