<?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>みんなのへんろ（宿）</title>
	<atom:link href="https://min88.jp/inn/feed/" rel="self" type="application/rss+xml" />
	<link>https://min88.jp/inn</link>
	<description>遍路宿の予約｜四国遍路の宿泊施設データベース</description>
	<lastBuildDate>Wed, 06 May 2026 01:19:41 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://min88.jp/inn/wp-content/uploads/2025/07/cropped-yoyaku_logo-32x32.png</url>
	<title>みんなのへんろ（宿）</title>
	<link>https://min88.jp/inn</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>室戸吉良川ゲストハウス山本</title>
		<link>https://min88.jp/inn/66129/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 05 May 2026 05:06:13 +0000</pubDate>
				<category><![CDATA[26 金剛頂寺]]></category>
		<category><![CDATA[高知]]></category>
		<category><![CDATA[ホストよりご挨拶]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=66129</guid>

					<description><![CDATA[最終更新日：2026年5月6日 “ 海風と町並みに溶け込む、吉良川の静宿 室戸市吉良川町の歴史ある町並みに寄り添うこのゲストハウスは、どこか懐かしさを感じさせる空気に包まれた一軒。周辺には伝統的な建物が点在し、ゆっくり歩 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年5月6日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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="26"
       data-lname="金剛頂寺"
       data-lkm="4.9"

       data-rkm="24.0"
       data-rnum="27"
       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   = 高知県室戸市吉良川町甲3947-112
tel       = 090-9155-1485|受付時間 8:00〜20:00|※Airbnbでの事前決済になります
website   = https://airbnb.jp/h/kiragawa
parking   = 3台（無料）
rooms     = 3室
price     = 素泊り：5,000円|朝食付：設定なし|夕食付：設定なし|２食付：設定なし
checkin   = 16: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>



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;&#x1f1fa;&#x1f1f8;&#x1f1f9;&#x1f1fc;電話するボタン（8時〜20時）分単位対応 ▼▼▼ -->
<div class="min88-call-btn-wrap">
  <a
    class="min88-call-btn"
    href="#"
    onclick="logAndCall(event, '090-9155-1485')"
  >
    <span class="btn-main">電話する</span>
  </a>
</div>

<style>
.min88-call-btn-wrap {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}

/* ★オリジナル完全一致 */
.min88-call-btn-wrap .min88-call-btn {
  display: block;
  width: 100%;
  background: #39C125 !important;
  color: #fff !important;
  padding: 19.5px 0;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 8px 18px -2px rgba(60,60,60,0.28);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}

.min88-call-btn-wrap .min88-call-btn:hover {
  background: #46D72F !important;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled {
  background: #a7dca0 !important;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled:hover {
  background: #a7dca0 !important;
}
</style>

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

  const btn = document.querySelector(".min88-call-btn");
  if (!btn) return;

  // ▼▼▼ 時間設定（分単位OK） ▼▼▼
  const startHour = 8;
  const startMin  = 0;

  const endHour   = 20;
  const endMin    = 0;
  // ▲▲▲▲▲▲▲▲▲▲▲▲

  // ▼▼▼ 言語取得（Polylang対応） ▼▼▼
  const lang = document.documentElement.lang || 'ja';

  // ▼▼▼ 文言定義 ▼▼▼
  const textMap = {
    ja: {
      normal: "電話する",
      disabled: (s,e) => `電話受付 ${s}〜${e}`
    },
    en: {
      normal: "Call (Japan only)",
      disabled: (s,e) => `Call hours ${s}–${e}`
    },
    zh: {
      normal: "打電話（限日本境內）",
      disabled: (s,e) => `來電時間 ${s}–${e}`
    }
  };

  // ▼▼▼ 言語判定（安全） ▼▼▼
  let langKey = "ja";
  if (lang.startsWith("en")) langKey = "en";
  else if (lang.startsWith("zh")) langKey = "zh";

  const t = textMap[langKey];

  // ▼▼▼ 時刻計算 ▼▼▼
  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);

  // ▼▼▼ 初期表示 ▼▼▼
  btn.querySelector(".btn-main").textContent = t.normal;

  // ▼▼▼ 時間外処理 ▼▼▼
  if (nowMinutes < startMinutes || nowMinutes >= endMinutes) {

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

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

    btn.querySelector(".btn-main").textContent =
      t.disabled(startStr, endStr);
  }

});
</script>



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



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



<ul class="wp-block-list">
<li>Airbnbでの事前決済になります</li>



<li>ー</li>



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


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1777957229205!6m8!1m7!1s9jscmuWtL6jTuTXiTbrZvw!2m2!1d33.33058165255158!2d134.0991540149036!3f14.012868753689414!4f10.195222894937118!5f0.4000000000000002" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39865.241383698674!2d134.06882949170412!3d33.33057090945542!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354d8b005613b16b%3A0x2bf067dd0295e288!2z5a6k5oi45ZCJ6Imv5bed44Ky44K544OI44OP44Km44K5IOawkeaziuWxseacrA!5e0!3m2!1sja!2sjp!4v1777957274111!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



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

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



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



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



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



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



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



<!-- ▼▼▼ 投稿画像まだありません（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>



<h3 class="wp-block-heading" id="オーナーよりご挨拶">ホストよりご挨拶</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;">
          室戸吉良川ゲストハウス山本
        </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;
      ">
      四国遍路26番札所・金剛頂寺から徒歩約1時間半。<br>
27番札所・神峯寺へ向かう途中にある、全3室のゲストハウスです。<br>
徒歩遍路の方はもちろん、お車や自転車での四国旅行や観光の拠点としてもご利用いただけます。<br>
洗濯機・乾燥機を完備しており、お遍路や長旅の途中でも安心してご滞在いただけます。2階からは室戸の海を望み、ゆったりとした時間をお過ごしいただけます。
    </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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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

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

    <p class="min88-inn-review__text">
      歴史ある町並みに溶け込む立地と、静かな環境で過ごせる点が高く評価されており、「吉良川の伝統的な景観の中でゆっくりできた」「落ち着いた雰囲気で心が休まる」といった声が多く見られます。館内については「清潔でシンプル」「必要なものが揃っていて過ごしやすい」との感想が目立ち、気取らず滞在できる点が好印象のようです。ホストに関しても「親切で丁寧」「気さくに対応してくれる」といった評価があり、初めて訪れる人でも安心して過ごせたという意見が寄せられています。立地については「海や町並みの散策が楽しめる」という声もあり、全体としては「静かに過ごせる良い宿」「また訪れたい」といった前向きな評価が多く寄せられています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / 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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<p>修正履歴：<br>2026年5月5日｜新規施設登録</p>



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



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Hostel OE</title>
		<link>https://min88.jp/inn/65293/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 05:42:56 +0000</pubDate>
				<category><![CDATA[11 藤井寺]]></category>
		<category><![CDATA[徳島]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=65293</guid>

					<description><![CDATA[最終更新日：2026年4月17日 “ 人と旅がゆるやかに交わる、鴨島の拠点宿 徳島・鴨島の町に溶け込むように佇むこのホステルは、シンプルで洗練された空間と、ほどよい距離感の交流が心地よい一軒。館内は清潔に整えられ、共有ス [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年4月17日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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="10"
       data-lname="切幡寺"
       data-lkm="8.3"

       data-rkm="2.7"
       data-rnum="11"
       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   = 徳島県吉野川市鴨島町鴨島 字神島485-4
tel       = 0883-26-0117|受付時間 8:00〜20:00
website   = https://hosteloekamojima.com/hostel-oe
parking   = なし
rooms     = 8室
price     = 素泊り：5,000円〜|朝食付：設定なし|夕食付：設定なし|２食付：設定なし
checkin   = 16:00～19:00
checkout  = 10:00前
wifi      = あり
laundry   = 洗濯+乾燥機：300円
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>



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;&#x1f1fa;&#x1f1f8;&#x1f1f9;&#x1f1fc;電話するボタン（8時〜20時）分単位対応 ▼▼▼ -->
<div class="min88-call-btn-wrap">
  <a
    class="min88-call-btn"
    href="#"
    onclick="logAndCall(event, '0883260117')"
  >
    <span class="btn-main">電話する</span>
  </a>
</div>

<style>
.min88-call-btn-wrap {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}

/* ★オリジナル完全一致 */
.min88-call-btn-wrap .min88-call-btn {
  display: block;
  width: 100%;
  background: #39C125 !important;
  color: #fff !important;
  padding: 19.5px 0;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 8px 18px -2px rgba(60,60,60,0.28);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}

.min88-call-btn-wrap .min88-call-btn:hover {
  background: #46D72F !important;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled {
  background: #a7dca0 !important;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled:hover {
  background: #a7dca0 !important;
}
</style>

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

  const btn = document.querySelector(".min88-call-btn");
  if (!btn) return;

  // ▼▼▼ 時間設定（分単位OK） ▼▼▼
  const startHour = 8;
  const startMin  = 0;

  const endHour   = 20;
  const endMin    = 0;
  // ▲▲▲▲▲▲▲▲▲▲▲▲

  // ▼▼▼ 言語取得（Polylang対応） ▼▼▼
  const lang = document.documentElement.lang || 'ja';

  // ▼▼▼ 文言定義 ▼▼▼
  const textMap = {
    ja: {
      normal: "電話する",
      disabled: (s,e) => `電話受付 ${s}〜${e}`
    },
    en: {
      normal: "Call (Japan only)",
      disabled: (s,e) => `Call hours ${s}–${e}`
    },
    zh: {
      normal: "打電話（限日本境內）",
      disabled: (s,e) => `來電時間 ${s}–${e}`
    }
  };

  // ▼▼▼ 言語判定（安全） ▼▼▼
  let langKey = "ja";
  if (lang.startsWith("en")) langKey = "en";
  else if (lang.startsWith("zh")) langKey = "zh";

  const t = textMap[langKey];

  // ▼▼▼ 時刻計算 ▼▼▼
  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);

  // ▼▼▼ 初期表示 ▼▼▼
  btn.querySelector(".btn-main").textContent = t.normal;

  // ▼▼▼ 時間外処理 ▼▼▼
  if (nowMinutes < startMinutes || nowMinutes >= endMinutes) {

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

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

    btn.querySelector(".btn-main").textContent =
      t.disabled(startStr, endStr);
  }

});
</script>



<div style="height:50px" 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>


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1776404386612!6m8!1m7!1sJAYKV2GuOoXqa7K5BvWn6A!2m2!1d34.07281159692421!2d134.3559524391963!3f36.73620902229861!4f11.112577041826952!5f0.4000000000000002" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52878.05045633658!2d134.31391120753256!3d34.072637625756435!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3553a18a2cde7801%3A0x2f2a2e0a2c821d70!2sHOSTEL%20OE!5e0!3m2!1sja!2sjp!4v1776404227151!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=HOSTEL OE　徳島県鴨島&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



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



<!-- ▼▼▼ 投稿画像まだありません（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>



<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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="利用者の声">利用者の声</h3>



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

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

    <p class="min88-inn-review__text">
      駅から徒歩圏という立地の良さと、リノベーションされた館内の快適さが評価されており、「駅から近く移動が楽」「周辺に飲食店や店舗があり便利」といった声が多く見られます。館内については「古い建物をうまく活かしたおしゃれな空間」「清掃が行き届いていて快適」との評価が目立ち、ラウンジの居心地の良さを挙げる投稿もあります。客室は「広くて使いやすい」「落ち着いて過ごせる」といった感想があり、長旅の合間でも無理なく滞在できる点が好印象のようです。ホストについても「親切で話しやすい」「温かく迎えてくれる」といった声があり、初めての利用でも安心できたという意見が見受けられます。全体として「立地・空間・人のバランスが良い」「また利用したい」といった前向きな評価が多く寄せられています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / 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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<p>修正履歴：<br>2026年4月17日｜新規施設登録</p>



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



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>シンデレラ城モデル 邸宅の離れ</title>
		<link>https://min88.jp/inn/65278/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 04:35:49 +0000</pubDate>
				<category><![CDATA[35 清瀧寺]]></category>
		<category><![CDATA[高知]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=65278</guid>

					<description><![CDATA[最終更新日：2026年4月17日 “ 城の余韻に包まれる、非日常の離れ宿 土佐市高岡町の一角に佇むこの離れは、まるで物語の世界を思わせる外観と、落ち着いた滞在空間をあわせ持つユニークな宿。シンデレラ城をモチーフにした意匠 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年4月17日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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="34"
       data-lname="種間寺"
       data-lkm="5.8"

       data-rkm="3.9"
       data-rnum="35"
       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   = 高知県土佐市高岡町甲748
tel       = 08068094481|受付時間 9:00〜20:00
website   = 未確認
parking   = 1台（無料）
rooms     = 2室
price     = 素泊り：8,500円|朝食付：設定なし|夕食付：設定なし|２食付：設定なし
checkin   = 15:00～21:00
checkout  = 6:00〜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>



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;&#x1f1fa;&#x1f1f8;&#x1f1f9;&#x1f1fc;電話するボタン（9時〜20時）分単位対応 ▼▼▼ -->
<div class="min88-call-btn-wrap">
  <a
    class="min88-call-btn"
    href="#"
    onclick="logAndCall(event, '08068094481')"
  >
    <span class="btn-main">電話する</span>
  </a>
</div>

<style>
.min88-call-btn-wrap {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}

/* ★オリジナル完全一致 */
.min88-call-btn-wrap .min88-call-btn {
  display: block;
  width: 100%;
  background: #39C125 !important;
  color: #fff !important;
  padding: 19.5px 0;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 8px 18px -2px rgba(60,60,60,0.28);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}

.min88-call-btn-wrap .min88-call-btn:hover {
  background: #46D72F !important;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled {
  background: #a7dca0 !important;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled:hover {
  background: #a7dca0 !important;
}
</style>

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

  const btn = document.querySelector(".min88-call-btn");
  if (!btn) return;

  // ▼▼▼ 時間設定（分単位OK） ▼▼▼
  const startHour = 9;
  const startMin  = 0;

  const endHour   = 20;
  const endMin    = 0;
  // ▲▲▲▲▲▲▲▲▲▲▲▲

  // ▼▼▼ 言語取得（Polylang対応） ▼▼▼
  const lang = document.documentElement.lang || 'ja';

  // ▼▼▼ 文言定義 ▼▼▼
  const textMap = {
    ja: {
      normal: "電話する",
      disabled: (s,e) => `電話受付 ${s}〜${e}`
    },
    en: {
      normal: "Call (Japan only)",
      disabled: (s,e) => `Call hours ${s}–${e}`
    },
    zh: {
      normal: "打電話（限日本境內）",
      disabled: (s,e) => `來電時間 ${s}–${e}`
    }
  };

  // ▼▼▼ 言語判定（安全） ▼▼▼
  let langKey = "ja";
  if (lang.startsWith("en")) langKey = "en";
  else if (lang.startsWith("zh")) langKey = "zh";

  const t = textMap[langKey];

  // ▼▼▼ 時刻計算 ▼▼▼
  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);

  // ▼▼▼ 初期表示 ▼▼▼
  btn.querySelector(".btn-main").textContent = t.normal;

  // ▼▼▼ 時間外処理 ▼▼▼
  if (nowMinutes < startMinutes || nowMinutes >= endMinutes) {

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

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

    btn.querySelector(".btn-main").textContent =
      t.disabled(startStr, endStr);
  }

});
</script>



<div style="height:50px" 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>


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1776400050119!6m8!1m7!1s4_5D_YDyuhVjUocSPQC0sQ!2m2!1d33.49543348007484!2d133.4347332710514!3f308.1994355291674!4f14.022280989112048!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53235.76246613985!2d133.3934755314176!3d33.495258528325685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e3c45465b6571%3A0x6a7314cf2387f151!2z44CSNzgxLTExMDEg6auY55-l55yM5Zyf5L2Q5biC6auY5bKh55S655Sy77yX77yU77yY!5e0!3m2!1sja!2sjp!4v1776399973070!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=〒781-1101 高知県土佐市高岡町甲７４８&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



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



<!-- ▼▼▼ 投稿画像まだありません（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:15px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-text-align-right"><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 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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="利用者の声">利用者の声</h3>



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

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

    <p class="min88-inn-review__text">
      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/270b.png" alt="✋" class="wp-smiley" style="height: 1em; max-height: 1em;" />クチコミ・レビュー投稿が見つかりませんでした。
    <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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<p>修正履歴：<br>2026年4月17日｜新規施設登録</p>



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



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>遍路宿 桜の宿</title>
		<link>https://min88.jp/inn/65254/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Fri, 17 Apr 2026 01:46:37 +0000</pubDate>
				<category><![CDATA[20 鶴林寺]]></category>
		<category><![CDATA[徳島]]></category>
		<category><![CDATA[ホストよりご挨拶]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=65254</guid>

					<description><![CDATA[最終更新日：2026年4月18日 “ 山あいにひらく、遍路心をほどく静宿 山里の静けさに包まれたこの宿は、歩みの途中でふっと肩の力が抜けるような穏やかな時間を届けてくれる一軒。周囲には自然が広がり、日常から少し距離を置い [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年4月18日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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="19"
       data-lname="立江寺"
       data-lkm="10.5"

       data-rkm="2.6"
       data-rnum="20"
       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   = 徳島県勝浦郡勝浦町生名中道85-1
tel       = 080-4419-0376|受付時間 7:00〜20:00
website   = https://sites.google.com/view/henroyadosakura/
parking   = なし
rooms     = 2室
price     = 素泊り：5,700円|朝食付：設定なし|夕食付：設定なし|２食付：設定なし
checkin   = 15:00〜18:00
checkout  = 7:30前
wifi      = あり（無料）
laundry   = 洗濯機：100円|乾燥機：200円
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>



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;&#x1f1fa;&#x1f1f8;&#x1f1f9;&#x1f1fc;電話するボタン（7時〜20時）分単位対応 ▼▼▼ -->
<div class="min88-call-btn-wrap">
  <a
    class="min88-call-btn"
    href="#"
    onclick="logAndCall(event, '080-4419-0376')"
  >
    <span class="btn-main">電話する</span>
  </a>
</div>

<style>
.min88-call-btn-wrap {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}

/* ★オリジナル完全一致 */
.min88-call-btn-wrap .min88-call-btn {
  display: block;
  width: 100%;
  background: #39C125 !important;
  color: #fff !important;
  padding: 19.5px 0;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 8px 18px -2px rgba(60,60,60,0.28);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}

.min88-call-btn-wrap .min88-call-btn:hover {
  background: #46D72F !important;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled {
  background: #a7dca0 !important;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled:hover {
  background: #a7dca0 !important;
}
</style>

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

  const btn = document.querySelector(".min88-call-btn");
  if (!btn) return;

  // ▼▼▼ 時間設定（分単位OK） ▼▼▼
  const startHour = 7;
  const startMin  = 0;

  const endHour   = 20;
  const endMin    = 0;
  // ▲▲▲▲▲▲▲▲▲▲▲▲

  // ▼▼▼ 言語取得（Polylang対応） ▼▼▼
  const lang = document.documentElement.lang || 'ja';

  // ▼▼▼ 文言定義 ▼▼▼
  const textMap = {
    ja: {
      normal: "電話する",
      disabled: (s,e) => `電話受付 ${s}〜${e}`
    },
    en: {
      normal: "Call (Japan only)",
      disabled: (s,e) => `Call hours ${s}–${e}`
    },
    zh: {
      normal: "打電話（限日本境內）",
      disabled: (s,e) => `來電時間 ${s}–${e}`
    }
  };

  // ▼▼▼ 言語判定（安全） ▼▼▼
  let langKey = "ja";
  if (lang.startsWith("en")) langKey = "en";
  else if (lang.startsWith("zh")) langKey = "zh";

  const t = textMap[langKey];

  // ▼▼▼ 時刻計算 ▼▼▼
  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);

  // ▼▼▼ 初期表示 ▼▼▼
  btn.querySelector(".btn-main").textContent = t.normal;

  // ▼▼▼ 時間外処理 ▼▼▼
  if (nowMinutes < startMinutes || nowMinutes >= endMinutes) {

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

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

    btn.querySelector(".btn-main").textContent =
      t.disabled(startStr, endStr);
  }

});
</script>



<div style="height:50px" 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>


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1776389834734!6m8!1m7!1sTueCb4ncU_Z9uDwYP-B7hw!2m2!1d33.92890693026877!2d134.5184396246874!3f190.82102194155863!4f4.994973367400561!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53676.12069068222!2d134.4763324507956!3d33.928695534310066!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35530f86bfd87e45%3A0xabaaf7c69e55af6e!2z44CSNzcxLTQzMDMg5b6z5bO255yM5Yud5rWm6YOh5Yud5rWm55S655Sf5ZCN5Lit6YGT77yY77yV4oiS77yR!5e0!3m2!1sja!2sjp!4v1776389801453!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



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

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



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



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



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



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



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



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



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



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



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



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



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



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



<p class="has-text-align-right"><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 class="wp-block-heading" id="オーナーよりご挨拶">オーナーよりご挨拶</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;">
          遍路宿 桜の宿
        </div>
        <div style="font-size:13px;color:#888;margin-top:2px;line-height:1.3;">
          Owner
        </div>
      </div>
    </div>

    <!-- 挨拶本文 -->
    <p style="
        margin:5px 0 8px;
        font-size:14px;
        line-height:1.6;
        color:#444;
      ">
      鶴林寺ふもとに泊まる場所が場所は少ないということでオープンいたしました。<br>
 鶴林寺まで約3kmの遍路道沿いになります。素泊まりの宿になります。近くのコンビニ 、ドラッグストアなどで食料を購入してください。
    </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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="利用者の声">利用者の声</h3>



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

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

    <p class="min88-inn-review__text">
      山あいの静かな環境と、遍路道に寄り添う立地の良さが印象に残るという声が多く見られます。「自然に囲まれてゆっくり休めた」「静かな夜を過ごせた」といった投稿が目立ち、旅の途中で落ち着いて過ごせる点が評価されています。宿主の対応についても「親切で温かい」「気さくに声をかけてくれた」といった感想があり、安心して滞在できたという声が多く寄せられています。館内は「清潔で整っている」「必要なものが揃っている」といった評価があり、素朴ながら快適に過ごせる点も好印象のようです。全体として、「心がほっとする宿」「また立ち寄りたい」といった前向きな意見が多く、静かな環境と人の温かさが滞在の満足度を高めている様子がうかがえます。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / 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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<p>修正履歴：<br>2026年4月17日｜新規施設登録</p>



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



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>麦宿 伝 Guest House Brew</title>
		<link>https://min88.jp/inn/64945/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 06 Apr 2026 04:25:48 +0000</pubDate>
				<category><![CDATA[52 太山寺]]></category>
		<category><![CDATA[愛媛]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=64945</guid>

					<description><![CDATA[最終更新日：2026年4月18日 “ 醸す空気に包まれる、街角の小さな宿 松山の落ち着いた住宅地に佇むこのゲストハウスは、クラフトビールの文化を感じられるユニークな空間。館内には醸造所を併設し、旅の途中で一杯を楽しむ時間 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年4月18日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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="51"
       data-lname="石手寺"
       data-lkm="8.1"

       data-rkm="3.5"
       data-rnum="52"
       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   = 愛媛県松山市祓川2丁目5−13
tel       = 090-5274-1013|木曜日を除く10:00~23:00（17時以降が確実です）
website   = https://bakushuku-den.studio.site/
parking   = 10台（500円）
rooms     = 5室
price     = 素泊り：6,000円|朝食付：7,000円|夕食付：設定なし|２食付：設定なし
checkin   = 17:00～21: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>



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;&#x1f1fa;&#x1f1f8;&#x1f1f9;&#x1f1fc;電話するボタン10時〜23時）分単位対応 ▼▼▼ -->
<div class="min88-call-btn-wrap">
  <a
    class="min88-call-btn"
    href="#"
    onclick="logAndCall(event, '090-5274-1013')"
  >
    <span class="btn-main">電話する</span>
  </a>
</div>

<style>
.min88-call-btn-wrap {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}

/* ★オリジナル完全一致 */
.min88-call-btn-wrap .min88-call-btn {
  display: block;
  width: 100%;
  background: #39C125 !important;
  color: #fff !important;
  padding: 19.5px 0;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 8px 18px -2px rgba(60,60,60,0.28);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}

.min88-call-btn-wrap .min88-call-btn:hover {
  background: #46D72F !important;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled {
  background: #a7dca0 !important;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.min88-call-btn-wrap .min88-call-btn.is-disabled:hover {
  background: #a7dca0 !important;
}
</style>

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

  const btn = document.querySelector(".min88-call-btn");
  if (!btn) return;

  // ▼▼▼ 時間設定（分単位OK） ▼▼▼
  const startHour = 10;
  const startMin  = 0;

  const endHour   = 23;
  const endMin    = 0;
  // ▲▲▲▲▲▲▲▲▲▲▲▲

  // ▼▼▼ 言語取得（Polylang対応） ▼▼▼
  const lang = document.documentElement.lang || 'ja';

  // ▼▼▼ 文言定義 ▼▼▼
  const textMap = {
    ja: {
      normal: "電話する",
      disabled: (s,e) => `電話受付 ${s}〜${e}`
    },
    en: {
      normal: "Call (Japan only)",
      disabled: (s,e) => `Call hours ${s}–${e}`
    },
    zh: {
      normal: "打電話（限日本境內）",
      disabled: (s,e) => `來電時間 ${s}–${e}`
    }
  };

  // ▼▼▼ 言語判定（安全） ▼▼▼
  let langKey = "ja";
  if (lang.startsWith("en")) langKey = "en";
  else if (lang.startsWith("zh")) langKey = "zh";

  const t = textMap[langKey];

  // ▼▼▼ 時刻計算 ▼▼▼
  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);

  // ▼▼▼ 初期表示 ▼▼▼
  btn.querySelector(".btn-main").textContent = t.normal;

  // ▼▼▼ 時間外処理 ▼▼▼
  if (nowMinutes < startMinutes || nowMinutes >= endMinutes) {

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

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

    btn.querySelector(".btn-main").textContent =
      t.disabled(startStr, endStr);
  }

});
</script>



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



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



<ul class="wp-block-list">
<li>ブッキングドットコムからのご予約はクレジット可、当宿ウェブサイトからの直接予約は現金のみのお支払いになります。また、朝食は追加オプションのため現地で1,000円現金のみの支払いです。</li>



<li>ー</li>



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


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1775448842390!6m8!1m7!1s2EfhBrBw0sLIz7ye6fV7yw!2m2!1d33.86075780040938!2d132.7194971784485!3f117.66849007294849!4f-3.8472985180916197!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53009.96358560313!2d132.67843146392693!3d33.860727948654585!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354fe5302a9cba7f%3A0xef69f622f2b9aaaf!2z6bqm5a6_IOS8nSBHdWVzdCBIb3VzZSBCcmV3!5e0!3m2!1sja!2sjp!4v1775448791574!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=麦宿 伝 Guest House Brew&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



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



<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"><a href="https://min88.jp/inn/wp-content/uploads/2026/04/Baku1.jpeg"><img decoding="async" width="1024" height="768" data-id="65380" src="https://min88.jp/inn/wp-content/uploads/2026/04/Baku1-1024x768.jpeg" alt="" class="wp-image-65380"/></a></figure>



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



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



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



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



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



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



<p class="has-text-align-right"><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 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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="利用者の声">利用者の声</h3>



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

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

    <p class="min88-inn-review__text">
      宿泊者の声では、まず「クラフトビールを楽しめる宿」という独自の魅力が強く印象に残るとされており、「併設の醸造所で造られたビールがとても美味しい」「旅の途中でゆっくり味わえるのが嬉しい」といった感想が多く見られます。館内については「清潔でおしゃれ」「コンパクトながら居心地がよい」といった評価が目立ち、共用スペースの雰囲気や使いやすさも好評です。ホストの対応についても「気さくで話しやすい」「丁寧に案内してくれた」といった声があり、初めてのゲストハウス利用でも安心して過ごせたという意見が見受けられます。立地に関しては「静かな住宅地で落ち着いて過ごせる」という評価がある一方で、「中心部からはやや距離がある」と感じる声も一部にありますが、全体としては「個性的で満足度の高い滞在」「また訪れたい」といった前向きな評価が多く寄せられています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / 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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<p>修正履歴：<br>2026年4月6日｜新規施設登録<br>2026年4月18日｜投稿画像</p>



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



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>朝倉ケイケイ民宿</title>
		<link>https://min88.jp/inn/63847/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 23 Mar 2026 01:00:45 +0000</pubDate>
				<category><![CDATA[34 種間寺]]></category>
		<category><![CDATA[高知]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=63847</guid>

					<description><![CDATA[最終更新日：2026年3月23日 “ 家庭的な温もりに包まれる、静かな住宅街の民宿 高知市朝倉の住宅地にあるこの民宿は、気取らず過ごせる家庭的な雰囲気が魅力。建物はコンパクトながら清潔に整えられ、初めての方でも安心して滞 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年3月23日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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="8.6"

       data-rkm="7.6"
       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   = 高知県朝倉甲320-4ジュエル谷内205
tel       = 090-5148-0508
website   = なし
parking   = 2台（500円／台･泊）
rooms     = 2室
price     = 素泊り：設定なし|朝食付：7,300円|夕食付：設定なし|２食付：設定なし
checkin   = 16: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="height:0px" aria-hidden="true" class="wp-block-spacer"></div>


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



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;電話するボタン（8時〜20時） ▼▼▼ -->
<div class="wp-stripe-btn-wrapper-phone">
  <a
    id="min88-phone-btn"
    class="my-btn-stripe-phone"
    href="#"
    onclick="logAndCall(event, '09051480508')"
  >
    <span class="btn-main">電話する</span>
  </a>
</div>

<style>
.wp-stripe-btn-wrapper-phone {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}

.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone {
  display: block;
  width: 100%;
  background: #39C125 !important;
  color: #fff !important;
  padding: 19.5px 0;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 8px 18px -2px rgba(60,60,60,0.28);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}

/* hover */
.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone:hover {
  background: #46D72F !important;
}

/* 時間外（無効状態） */
.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone.is-disabled {
  background: #a7dca0 !important;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone.is-disabled:hover {
  background: #a7dca0 !important;
}
</style>

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

  const startHour = 8;   // 開始時間
  const endHour   = 20;  // 終了時間

  const now = new Date();
  const hour = now.getHours();

  const btn = document.getElementById("min88-phone-btn");

  if (hour < startHour || hour >= endHour) {

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

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

    btn.querySelector(".btn-main").textContent = "電話受付 8:00〜20:00";
  }

});
</script>



<div style="height:50px" 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>


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!3m2!1sja!2sjp!4v1774227026212!5m2!1sja!2sjp!6m8!1m7!1sapgRoehEWerK-v59ijfwIg!2m2!1d33.54105448160179!2d133.4970777650986!3f216.31241005740463!4f7.601987231375247!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d23307.57054659948!2d133.47931262334617!3d33.541054917834416!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e186f426fbedf%3A0x380469d35386a9dd!2z44CSNzgwLTgwNjEg6auY55-l55yM6auY55-l5biC5pyd5YCJ55Sy77yT77yS77yQ4oiS77yU!5e0!3m2!1sja!2sjp!4v1774227055653!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=高知県朝倉甲320-4&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



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



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



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



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


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="利用者の声">利用者の声</h3>



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

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

    <p class="min88-inn-review__text">
      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/270b.png" alt="✋" class="wp-smiley" style="height: 1em; max-height: 1em;" />クチコミ・レビュー投稿が見つかりませんでした。
    <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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<p>修正履歴：<br>2026年3月23日｜新規施設登録</p>



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



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>サウスブリーズホテル 高知海月</title>
		<link>https://min88.jp/inn/62924/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Fri, 06 Mar 2026 01:02:43 +0000</pubDate>
				<category><![CDATA[30 善楽寺]]></category>
		<category><![CDATA[高知]]></category>
		<category><![CDATA[ゲストレビュー]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=62924</guid>

					<description><![CDATA[最終更新日：2026年3月23日 “ 高知市街を一望する、展望風呂のくつろぎ宿 高知市中心部に位置し、旅の拠点として使いやすい立地が魅力のホテル。最上階の展望風呂からは街並みを見渡すことができ、歩き疲れた体をゆったりと癒 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年3月23日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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="30"
       data-lname="善楽寺"
       data-lkm="5.4"

       data-rkm="3.9"
       data-rnum="31"
       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   = 高知県高知市農人町5-29
tel       = 088-885-5050
website   = https://hb.afl.rakuten.co.jp/hgc/0d275e50.fa31ae93.0d275e51.0ddec40e/?pc=https%3A%2F%2Ftravel.rakuten.co.jp%2FHOTEL%2F8682%2F8682.html%3Fcid%3Dtr_af_1632&#038;link_type=hybrid_url&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjEwMHgxMDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MSwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9
parking   = 35台（車500円、バイク300円）
rooms     = 63室
price     = 素泊り：5,650円〜|朝食付：6,750円〜|夕食付：設定なし|２食付：設定なし
checkin   = 15:00～25: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>



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;電話するボタン（8時〜20時） ▼▼▼ -->
<div class="wp-stripe-btn-wrapper-phone">
  <a
    id="min88-phone-btn"
    class="my-btn-stripe-phone"
    href="#"
    onclick="logAndCall(event, '088-885-5050')"
  >
    <span class="btn-main">電話する</span>
  </a>
</div>

<style>
.wp-stripe-btn-wrapper-phone {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}

.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone {
  display: block;
  width: 100%;
  background: #39C125 !important;
  color: #fff !important;
  padding: 19.5px 0;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 8px 18px -2px rgba(60,60,60,0.28);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}

/* hover */
.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone:hover {
  background: #46D72F !important;
}

/* 時間外（無効状態） */
.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone.is-disabled {
  background: #a7dca0 !important;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone.is-disabled:hover {
  background: #a7dca0 !important;
}
</style>

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

  const startHour = 8;   // 開始時間
  const endHour   = 20;  // 終了時間

  const now = new Date();
  const hour = now.getHours();

  const btn = document.getElementById("min88-phone-btn");

  if (hour < startHour || hour >= endHour) {

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

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

    btn.querySelector(".btn-main").textContent = "電話受付 8:00〜20:00";
  }

});
</script>



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



<div class="wp-stripe-btn-wrapper-rakuten">
  <a class="my-btn-rakuten"
    href="https://hb.afl.rakuten.co.jp/hgc/0d275e50.fa31ae93.0d275e51.0ddec40e/?pc=https%3A%2F%2Ftravel.rakuten.co.jp%2FHOTEL%2F8682%2F8682.html%3Fcid%3Dtr_af_1632&#038;link_type=hybrid_url&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjEwMHgxMDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MSwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9"
    onclick="logAndGoRakuten(event, this.href)"
    target="_blank" rel="noopener">
    <span class="btn-main">楽天トラベルで予約する</span>
  </a>
</div>

<style>
.wp-stripe-btn-wrapper-rakuten {
  width: 60%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.wp-stripe-btn-wrapper-rakuten .my-btn-rakuten {
  display: block;
  width: 100%;
  background: #fff;
  color: #00B900 !important;
  padding: 14.5px 0;
  border-radius: 100px;
  border: 2px solid #00B900;
  text-align: center;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(0,185,0,0.18);
  position: relative;
  z-index: 2;
  transition: background 0.2s, color 0.2s;
}
.wp-stripe-btn-wrapper-rakuten .my-btn-rakuten:hover {
  background: #E6FFE6;
  color: #00B900 !important;
  border: 2px solid #00B900;
}
</style>



<div style="height:50px" 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>


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1772758628559!6m8!1m7!1shjPezicU2rZUotgKZephsA!2m2!1d33.55803973860491!2d133.5496364187913!3f319.46587549489976!4f-1.1002140798103142!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!1d34872.25807694247!2d133.5201585244457!3d33.56414293801867!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354e194e417844e3%3A0x761bdac40f09bf57!2z44K144Km44K544OW44Oq44O844K644Ob44OG44OrIOmrmOefpea1t-aciA!5e0!3m2!1sja!2sjp!4v1772758527243!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



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

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



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



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



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



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



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



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



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



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


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <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:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="利用者の声">利用者の声</h3>



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

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

    <p class="min88-inn-review__text">
      立地の良さと展望風呂を評価する声が多く、特に「高知市中心部に近く、飲食店や商店街へ歩いて行けて便利」といった投稿が目立ちます。最上階の展望風呂については「街の景色を眺めながらゆっくり入れる」「旅の疲れが取れる」と好評で、滞在中の楽しみのひとつになっているという声も見られます。客室については「清潔に整えられている」「落ち着いた雰囲気で過ごしやすい」といった感想が多く、コストパフォーマンスの良さを挙げるレビューも複数あります。朝食は地元食材を取り入れた内容が評価され、「しっかり食べられて満足」「一日のスタートにちょうど良い」といった声が投稿されています。スタッフの対応についても「丁寧で安心感がある」「親切に案内してくれた」といった意見が見られ、全体として「便利な立地で快適に泊まれる」「また利用したい」といった前向きな評価が多く寄せられています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / 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;
          ">
          2026年3月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      ビジネスホテルです。
桜の木がある通りに面したホテル。部屋からも桜が見えた。
大浴場あり。
工夫された朝食バイキングがお勧め。
    </p>

  </div>
</div>

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

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


<!-- レビュー投稿ボタン -->
<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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<p>修正履歴：<br>2026年3月6日｜新規施設登録</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>へんろ宿 Sora</title>
		<link>https://min88.jp/inn/62170/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 17 Feb 2026 23:46:27 +0000</pubDate>
				<category><![CDATA[20 鶴林寺]]></category>
		<category><![CDATA[徳島]]></category>
		<category><![CDATA[ゲストレビュー]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=62170</guid>

					<description><![CDATA[最終更新日：2026年4月13日 “ 心と体を休める古民家の小さな宿 へんろ宿 Sora は、徳島県勝浦町・第20番札所鶴林寺への登り口からわずか約300mに位置する、小さな古民家を活かした民泊宿です。歩き遍路を経験した [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年4月13日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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">
      へんろ宿 Sora は、徳島県勝浦町・第20番札所鶴林寺への登り口からわずか約300mに位置する、小さな古民家を活かした民泊宿です。歩き遍路を経験した女将が「道中で本当に安心してくつろげる場所を」という想いで開業し、春と秋の季節限定で営業しています。築70年を超える建物は耐震補強やリフォームで安心感を保ちながら、家庭的で温かい雰囲気に満ちています。客室はこぢんまりとしていて素朴ですが、布団や共用設備が整い、洗濯機も利用可能。遍路道沿いという便利な立地で、春や秋の歩き旅の途中に立ち寄れば、身も心もほっと癒されるでしょう。旅の疲れを取り、次の一歩を穏やかに迎えられる、気負わない滞在ができる宿です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



<!-- ▼ 本番用：記事のカスタムHTMLブロックにそのまま貼る ▼ -->
<div id="route-lines">
  <!-- 行を増やすときは .route-line を複製して data-* だけ変更 -->
  <div class="route-line"
       data-lnum="19"
       data-lname="立江寺"
       data-lkm="10.1"

       data-rkm="3.0"
       data-rnum="20"
       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   = 徳島県勝浦郡勝浦町生名神ノ木2-1
tel       = 非公開
website   = https://sites.google.com/view/henroyadosora/ホーム
parking   = なし
rooms     = 2室
price     = 素泊り：5,700円|朝食付：7,000円|夕食付：7,500円|２食付：8,800円
checkin   = 15:00～18:00
checkout  = 8:00前
wifi      = あり（無料）
laundry   = 洗濯機：あり（300円）|乾燥機：あり
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="height:0px" aria-hidden="true" class="wp-block-spacer"></div>


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



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex">
<div class="wp-block-button has-custom-width wp-block-button__width-75"><a class="wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button" style="background-color:#eeeeee">電話する</a></div>
</div>



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



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



<ul class="wp-block-list">
<li>月曜 定休日</li>



<li>営業期間：春（3〜5月）、秋（9月〜12月）</li>



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


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1771371509054!6m8!1m7!1sKC06mVytN_lpJmQX_wsPJA!2m2!1d33.93026232282139!2d134.5212409528921!3f330.1336384873504!4f0.9781910778312266!5f0.4012659525238168" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d36387.2707187029!2d134.49268960090862!3d33.929476552085305!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35530fbcd05c303d%3A0xd192924bf1033f04!2z44G444KT44KN5a6_IFNvcmE!5e0!3m2!1sja!2sjp!4v1771371469410!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=へんろ宿 Sora 徳島県&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



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



<!-- ▼▼▼ 投稿画像まだありません（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>



<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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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

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

    <p class="min88-inn-review__text">
      立地の良さを評価する声が多く、バス停の目の前で山寺への登り口にも近く、移動がとても楽だったと書かれています。館内はリフォームされたばかりで、水回りまで清潔感があり気持ちよく過ごせたという感想が目立ちます。夕食のカレーや小鉢、朝のホットサンドなど食事が丁寧で美味しいとの声も多く、内容を楽しみにしてほしいという投稿もありました。女将のあたたかくフレンドリーな人柄、広い土間や共用スペースでの会話、看板ウサギの存在も印象に残ったという声が寄せられています。全体として、安心感があり、心地よく滞在できる宿として高く評価されています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / 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;
          ">
          2026年4月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      入口の土間に居る癒される「うさぎ」。部屋も風呂、トイレもキレイで良かった。ストアも近く次が有れば是非、20番のスタート地点にしたい。
    </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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<p>修正履歴：<br>2026年2月18日｜新規施設登録<br>2026年4月13日｜ゲストレビュー</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>HOTEL AZ 香川観音寺店</title>
		<link>https://min88.jp/inn/59601/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sun, 18 Jan 2026 13:06:15 +0000</pubDate>
				<category><![CDATA[68/69 神恵院・観音寺]]></category>
		<category><![CDATA[香川]]></category>
		<category><![CDATA[楽天トラベル予約]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=59601</guid>

					<description><![CDATA[最終更新日：2026年3月23日 “ 街と海の間で安心を積み重ねる新拠点 香川県西部・観音寺の市街に誕生した新しい宿は、車でも鉄道でも近づきやすい立地が心強い。全室禁煙・朝食付きの158室は、清潔感と使い勝手を大切にした [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年3月23日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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">
      香川県西部・観音寺の市街に誕生した新しい宿は、車でも鉄道でも近づきやすい立地が心強い。全室禁煙・朝食付きの158室は、清潔感と使い勝手を大切にした設えで、旅の合間に気負わず身を委ねられる。広々とした無料駐車場に加え、自転車を室内に持ち込める配慮もあり、移動手段を選ばない柔軟さが光る。瀬戸内の穏やかな空気と、銭形砂絵や札所が点在する街の奥行きが、歩みのリズムを自然に整えてくれるはず。次の一日へ静かに備えたい夜に、頼れる安心感をくれるお宿です。
    </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="67"
       data-lname="大興寺"
       data-lkm="6.8"

       data-rkm="2.1"
       data-rnum="68"
       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>



<!-- &#x25fc;&#x25fc;&#x25fc; 基本情報 &#x25fc;&#x25fc;&#x25fc; -->
<div class="min88-basicdata-pack">
  <textarea class="min88-basicdata-kv" aria-hidden="true">

# ===== 基本情報 =====
address   = 香川県観音寺市坂本町5丁目16番25号
tel       = 0875-23-3311
website   = https://www.az-hotel.com/kanonji/
parking   = 132台（無料）
rooms     = 158室

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

# ===== 利用条件 =====
checkin   = 15:00～23:00
checkout  = 10:00前
wifi      = あり（無料）
laundry   = 洗濯機：あり（有料）|乾燥機：あり（有料）
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;
  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="height:0px" aria-hidden="true" class="wp-block-spacer"></div>


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



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;電話するボタン（8時〜20時） ▼▼▼ -->
<div class="wp-stripe-btn-wrapper-phone">
  <a
    id="min88-phone-btn"
    class="my-btn-stripe-phone"
    href="#"
    onclick="logAndCall(event, '0875-23-3311')"
  >
    <span class="btn-main">電話する</span>
  </a>
</div>

<style>
.wp-stripe-btn-wrapper-phone {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}

.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone {
  display: block;
  width: 100%;
  background: #39C125 !important;
  color: #fff !important;
  padding: 19.5px 0;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 8px 18px -2px rgba(60,60,60,0.28);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}

/* hover */
.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone:hover {
  background: #46D72F !important;
}

/* 時間外（無効状態） */
.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone.is-disabled {
  background: #a7dca0 !important;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone.is-disabled:hover {
  background: #a7dca0 !important;
}
</style>

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

  const startHour = 8;   // 開始時間
  const endHour   = 20;  // 終了時間

  const now = new Date();
  const hour = now.getHours();

  const btn = document.getElementById("min88-phone-btn");

  if (hour < startHour || hour >= endHour) {

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

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

    btn.querySelector(".btn-main").textContent = "電話受付 8:00〜20:00";
  }

});
</script>



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



<!-- ▼▼▼ 楽天トラベルで予約するボタン ▼▼▼ -->
<div class="wp-stripe-btn-wrapper-rakuten">
  <a class="my-btn-rakuten"
    href="https://hb.afl.rakuten.co.jp/hgc/0d275e50.fa31ae93.0d275e51.0ddec40e/?pc=https%3A%2F%2Ftravel.rakuten.co.jp%2FHOTEL%2F196898%2F196898.html%3Fcid%3Dtr_af_1632&#038;link_type=hybrid_url&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjEwMHgxMDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MSwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9"
    onclick="logAndGoRakuten(event, this.href)"
    target="_blank" rel="noopener">
    <span class="btn-main">楽天トラベルで予約する</span>
  </a>
</div>

<style>
.wp-stripe-btn-wrapper-rakuten {
  width: 60%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}
.wp-stripe-btn-wrapper-rakuten .my-btn-rakuten {
  display: block;
  width: 100%;
  background: #fff;
  color: #00B900 !important;
  padding: 14.5px 0;
  border-radius: 100px;
  border: 2px solid #00B900;
  text-align: center;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  box-shadow: 0 8px 18px -2px rgba(0,185,0,0.18);
  position: relative;
  z-index: 2;
  transition: background 0.2s, color 0.2s;
}
.wp-stripe-btn-wrapper-rakuten .my-btn-rakuten:hover {
  background: #E6FFE6;
  color: #00B900 !important;
  border: 2px solid #00B900;
}
</style>



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



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



<ul class="wp-block-list">
<li>2026年1月18日オープン</li>



<li>ー</li>



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


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1768741362147!6m8!1m7!1swK4I0FLUhQUfpbyI0ELwAg!2m2!1d34.12197717356346!2d133.6607481289421!3f353.1793160775947!4f12.50674571566644!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!1d48656.94828633171!2d133.65980082835043!3d34.122877507811424!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35518319e50c94b3%3A0xa0a796f5aa436a1d!2z44CSNzY4LTAwNjcg6aaZ5bed55yM6Kaz6Z-z5a-65biC5Z2C5pys55S677yV5LiB55uu77yR77yW4oiS77yS77yV!5e0!3m2!1sja!2sjp!4v1768741316004!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=HOTEL AZ 香川観音寺店&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">現在地からこの宿までの徒歩ルート</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Googleマップ
    </span>
  </a>
</div>

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



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



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



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



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



<h3 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 href="https://smoothcontact.jp/front/output/7f00000130c383f5900db7c509b7e14" style="margin-bottom: 20px; display: inline-block;"><strong>画像を投稿する »</strong></a>
</p>



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



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


<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
  <br><span style="color: grey;">（まだありません）</span><br><br>
  <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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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

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

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

    <div class="min88-inn-review__footer">
      <div class="min88-inn-review__divider"></div>
      <p class="min88-inn-review__source">
        参照元：Googleマップ / 楽天トラベル / じゃらん / 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:50px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<p>修正履歴：<br>2026年1月18日｜新規施設登録</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>民宿安宿（あんしゅく）</title>
		<link>https://min88.jp/inn/52950/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 25 Nov 2025 00:32:16 +0000</pubDate>
				<category><![CDATA[38 金剛福寺]]></category>
		<category><![CDATA[高知]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=52950</guid>

					<description><![CDATA[最終更新日：2026年3月23日 “ 海と山に抱かれた“気さくな安らぎの宿” 穏やかな海と、土佐清水の豊かな自然に囲まれた民宿です。素朴で親しみやすい雰囲気が魅力で、まるで田舎の親戚の家に泊まりに来たような、肩の力がふっ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最終更新日：2026年3月23日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語 JP            </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/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English US            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文 TW            </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="37"
       data-lname="岩本寺"
       data-lkm="59.8"

       data-rkm="24.3"
       data-rnum="38"
       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>



<!-- &#x25fc;&#x25fc;&#x25fc; 基本情報 &#x25fc;&#x25fc;&#x25fc; -->
<div class="min88-basicdata-pack">
  <textarea class="min88-basicdata-kv" aria-hidden="true">

# ===== 基本情報 =====
address   = 高知県土佐清水市下ノ加江277-4
tel       = 0880-84-0567
website   = 未確認
parking   = あり（無料）
rooms     = 6室

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

# ===== 利用条件 =====
checkin   = 15:00以降
checkout  = 未確認
wifi      = 未確認
laundry   = 洗濯機：あり（無料）|乾燥機：あり（100円/30分）
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="height:0px" aria-hidden="true" class="wp-block-spacer"></div>


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



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;電話するボタン（8時〜20時） ▼▼▼ -->
<div class="wp-stripe-btn-wrapper-phone">
  <a
    id="min88-phone-btn"
    class="my-btn-stripe-phone"
    href="#"
    onclick="logAndCall(event, '0880-84-0567')"
  >
    <span class="btn-main">電話する</span>
  </a>
</div>

<style>
.wp-stripe-btn-wrapper-phone {
  width: 75%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  overflow: visible;
}

.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone {
  display: block;
  width: 100%;
  background: #39C125 !important;
  color: #fff !important;
  padding: 19.5px 0;
  border-radius: 100px;
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 8px 18px -2px rgba(60,60,60,0.28);
  position: relative;
  z-index: 2;
  transition: background 0.2s;
}

/* hover */
.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone:hover {
  background: #46D72F !important;
}

/* 時間外（無効状態） */
.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone.is-disabled {
  background: #a7dca0 !important;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

.wp-stripe-btn-wrapper-phone .my-btn-stripe-phone.is-disabled:hover {
  background: #a7dca0 !important;
}
</style>

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

  const startHour = 8;   // 開始時間
  const endHour   = 20;  // 終了時間

  const now = new Date();
  const hour = now.getHours();

  const btn = document.getElementById("min88-phone-btn");

  if (hour < startHour || hour >= endHour) {

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

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

    btn.querySelector(".btn-main").textContent = "電話受付 8:00〜20:00";
  }

});
</script>



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



<div style="height:50px" 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>


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



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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1765248222983!6m8!1m7!1s0t2xRzBAAhoAuQ8Vc2czjQ!2m2!1d32.8675489587734!2d132.9524561431295!3f6.530218961091646!4f11.237816594192225!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!1d53620.646545629024!2d132.92033969205266!3d32.86403489570973!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354f30a63ef36f4f%3A0x4531877b660ff60e!2z5a6J5a6_!5e0!3m2!1sja!2sjp!4v1765248177309!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



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

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



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



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



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



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



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



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



<div style="height:51px" 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:51px" 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:50px" 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-alpha-channel-opacity"/>



<p>修正履歴：<br>2025年11月25日｜新規施設登録</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
