<?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>86 志度寺 &#8211; みんなのへんろ（宿）</title>
	<atom:link href="https://min88.jp/inn/category/kagawa/86/feed/" rel="self" type="application/rss+xml" />
	<link>https://min88.jp/inn</link>
	<description>遍路宿の予約｜四国遍路の宿泊施設データベース</description>
	<lastBuildDate>Wed, 25 Mar 2026 05:01:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://min88.jp/inn/wp-content/uploads/2025/07/cropped-yoyaku_logo-32x32.png</url>
	<title>86 志度寺 &#8211; みんなのへんろ（宿）</title>
	<link>https://min88.jp/inn</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>冨士屋旅館</title>
		<link>https://min88.jp/inn/5782/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Mon, 08 Nov 2021 00:04:39 +0000</pubDate>
				<category><![CDATA[86 志度寺]]></category>
		<category><![CDATA[香川]]></category>
		<category><![CDATA[4千円以下]]></category>
		<category><![CDATA[ゲストレビュー]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=5782</guid>

					<description><![CDATA[“ 志度寺すぐ、寿司職人が腕を振るう遍路の味方宿 瀬戸内海を間近に感じながら、歩き遍路の節目に立ち寄れる「冨士屋旅館」は、なんといっても寿司が評判の老舗宿です。目にも鮮やかな寿司や旬の季節料理で、歩き疲れた心にそっと寄り [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kagawa/86/"
             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/category/kagawa-en/86-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/category/kagawa-zh/86-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">
      瀬戸内海を間近に感じながら、歩き遍路の節目に立ち寄れる「冨士屋旅館」は、なんといっても寿司が評判の老舗宿です。目にも鮮やかな寿司や旬の季節料理で、歩き疲れた心にそっと寄り添ってくれます。ペット同伴も相談可能な懐の深さがあり、素泊りから2食付きまで柔軟に対応。駐車場は広く、設備としては洗濯機と乾燥機の利用も可能で、公共空間に自転車を持ち込んでの整理も安心です。遍路という旅の中で、“食と安心が織り交ざったしっかり受け止められる夜”を届けてくれる、そんなお宿です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="0.6"
       data-rnum="86"
       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   = 香川県さぬき市志度548-8
tel       = 087-894-1175
website   = https://fujiyaryokan.info
parking   = 40台
rooms     = 10室
price     = 素泊り：4,000円〜|朝食付：5,000円〜|夕食付：未確認|２食付：8,500円
checkin   = 15:30以降
checkout  = 10:30前
wifi      = あり（無料）
laundry   = 洗濯機：あり（有料）|乾燥機：あり（有料）
payment   = 現金：可|クレジットカード：不可|電子マネー：不可

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



  </textarea>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      if(!data[k]) return;

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

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


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



<!-- ▼▼▼ &#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, '087-894-1175')"
  >
    <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>



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1636329852694!6m8!1m7!1sudqe7DVJnpPu1LIe7ZXNIw!2m2!1d34.32396939797201!2d134.172885999569!3f232.08653555795763!4f21.020905170561093!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52720.738417550776!2d134.13768972813227!3d34.323844035218215!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35539162b1f4dec7%3A0x6800576e2852d74c!2z5Yao5aOr5bGL!5e0!3m2!1sja!2sjp!4v1677977384776!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



<div style="height:41px" 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 is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2021/11/富士屋旅館-2.jpg"><img fetchpriority="high" decoding="async" width="953" height="1024" data-id="5783" src="https://min88.jp/inn/wp-content/uploads/2021/11/富士屋旅館-2-953x1024.jpg" alt="" class="wp-image-5783"/></a></figure>
</figure>



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



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



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



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


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



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



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



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

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

    <p class="min88-inn-review__text">
      「お遍路で利用し、寿司割烹ならではの新鮮な夕食にエネルギーをもらえた」と、料理に感動した投稿が見られます。割烹のお店併設ならではの味の良さが好評です。一方で「トイレや風呂が共同で、冷蔵庫がない点はコスパ面で物足りない」との声もありましたが、食事体験を重視する方には十分魅力的と感じられているようです。さらに、「小動物までペット同伴可」「瀬戸内の旬の海の幸を部屋食で楽しめる」といった情報もあり、心地よく過ごせる選択肢として評価されている印象です。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

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

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

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

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

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

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

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

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

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

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



<!-- ▼▼▼ 投稿レビュー ▼▼▼ -->
<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;
          ">
          2023年4月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      お遍路で、利用させていただきました。二食付きでお世話になりました。お食事は、お寿司屋さんが営んでいるだけあり、とてもご馳走でした。結願までの残りの道のりを頑張れるエネルギーを頂きました。ありがとうございました。
    </p>

  </div>
</div>

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

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



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



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

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

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

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

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      こちらの口コミを見て、宿泊しました。<br>
料金は、２食付で8500円、<br>
トイレ、風呂共同、冷蔵庫もありませんでした。<br>
コスパからみるとイマイチでした。
    </p>

  </div>
</div>

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

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


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



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



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



<p class="wp-block-paragraph">修正履歴：<br>2024年4月24日｜利用者｜利用者の声<br>2025年8月17日｜施設紹介、利用者レビュー要約</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>以志や旅館（いしや旅館）</title>
		<link>https://min88.jp/inn/1289/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 01 Jun 2021 06:48:15 +0000</pubDate>
				<category><![CDATA[86 志度寺]]></category>
		<category><![CDATA[香川]]></category>
		<category><![CDATA[ゲストレビュー]]></category>
		<category><![CDATA[楽天トラベル予約]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=1289</guid>

					<description><![CDATA[“ 歴史が奏でる静寂の一夜、足元に穏やかな手応えを 讃岐の古道沿い、志度寺まで徒歩わずか3分の「以志や旅館」は、明治期創業の登録有形文化財に息づく趣あるたたずまいが魅力です。四室のみの静かな空間は、素泊まり派も食事付きも [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kagawa/86/"
             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/category/kagawa-en/86-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/category/kagawa-zh/86-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">
      讃岐の古道沿い、志度寺まで徒歩わずか3分の「以志や旅館」は、明治期創業の登録有形文化財に息づく趣あるたたずまいが魅力です。四室のみの静かな空間は、素泊まり派も食事付きも歓迎。地元食材を生かした季節の料理や“源内定食”は、平賀源内記念館公認の味として旅の記憶にやさしく刻まれます。客室は和風の落ち着きがあり、庭園に囲まれた渡り廊下で風景を眺めるひとときも特別な時間です。駐車場（7台・無料）、無料Wi‑Fi、アクセスの良さ（志度駅から徒歩3〜4分）も便利な要素 。歩き遍路の一夜に、静かな歴史と地の味が寄り添い、また歩き始める力をそっと整えてくれる—そんなお宿です。
    </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="85"
       data-lname="八栗寺"
       data-lkm="6.2"

       data-rkm="0.3"
       data-rnum="86"
       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   = 香川県さぬき市志度599-1
tel       = 087-894-0021
website   = 未確認
parking   = 7台（無料）
rooms     = 4室
price     = 素泊り：5,000円|朝食付：5,800円|夕食付：6,900円|２食付：7,700円
checkin   = 15:00以降
checkout  = 9:00前
wifi      = あり（無料）
laundry   = 洗濯機：あり（有料A）|乾燥機：あり（有料B）|A+B=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;電話するボタン（8時〜20時） ▼▼▼ -->
<div class="wp-stripe-btn-wrapper-phone">
  <a
    id="min88-phone-btn"
    class="my-btn-stripe-phone"
    href="#"
    onclick="logAndCall(event, '087-894-0021')"
  >
    <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>



<!-- ▼▼▼ 楽天トラベルで予約するボタン ▼▼▼ -->
<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%2F31191%2F31191.html&#038;link_type=hybrid_url&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjB4MCIsIm5hbSI6MSwibmFtcCI6InJpZ2h0IiwiY29tIjoxLCJjb21wIjoidXAiLCJwcmljZSI6MCwiYm9yIjowLCJjb2wiOjAsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9"
    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>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1623905474574!6m8!1m7!1sJ-3KqxZixDuIEuA3UtJpIA!2m2!1d34.32346722379973!2d134.1754198547762!3f214.5234216203608!4f-12.545581781480223!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52721.03570144942!2d134.1404122281272!3d34.3233708352364!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3553917cc861ba85%3A0x25081bac37760a1b!2z44GE44GX44KE5peF6aSo!5e0!3m2!1sja!2sjp!4v1678086155289!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



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

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



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



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



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



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



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



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2021/06/1318897-218b6a4e-e6b7-4d05-b125-85fa283eecbb.jpg"><img decoding="async" width="1024" height="768" data-id="1916" src="https://min88.jp/inn/wp-content/uploads/2021/06/1318897-218b6a4e-e6b7-4d05-b125-85fa283eecbb-1024x768.jpg" alt="" class="wp-image-1916"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2021/06/1318911-1e0de2ca-5814-4b27-86a3-dc5caca6baa9.jpg"><img decoding="async" width="1024" height="768" data-id="1917" src="https://min88.jp/inn/wp-content/uploads/2021/06/1318911-1e0de2ca-5814-4b27-86a3-dc5caca6baa9-1024x768.jpg" alt="" class="wp-image-1917"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2021/06/1318911-7337a191-1451-49fd-99ce-e1c4300a83d7.jpg"><img decoding="async" width="1024" height="768" data-id="1918" src="https://min88.jp/inn/wp-content/uploads/2021/06/1318911-7337a191-1451-49fd-99ce-e1c4300a83d7-1024x768.jpg" alt="" class="wp-image-1918"/></a><figcaption class="wp-element-caption">夕食</figcaption></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2021/06/1318912-39f39957-dcf0-49cf-8b5f-8dfb34a9f940.jpg"><img decoding="async" width="1024" height="768" data-id="1919" src="https://min88.jp/inn/wp-content/uploads/2021/06/1318912-39f39957-dcf0-49cf-8b5f-8dfb34a9f940-1024x768.jpg" alt="" class="wp-image-1919"/></a><figcaption class="wp-element-caption">朝食</figcaption></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2022/01/EM570786-2.jpg"><img decoding="async" width="1024" height="768" data-id="6235" src="https://min88.jp/inn/wp-content/uploads/2022/01/EM570786-2-1024x768.jpg" alt="" class="wp-image-6235"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2022/01/EM570787-2.jpg"><img decoding="async" width="1024" height="768" data-id="6236" src="https://min88.jp/inn/wp-content/uploads/2022/01/EM570787-2-1024x768.jpg" alt="" class="wp-image-6236"/></a></figure>
</figure>



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



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



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



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


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



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



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



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

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

    <p class="min88-inn-review__text">
      志度寺の門前に佇む、歴史ある文化財の旅館として、趣ある日本建築に「心が和む」との声が多く見られます。たとえば、「ご主人や女将さんの温かいおもてなしに、とても印象深い滞在になった」との口コミです。また、「広く趣のある和室で布団もふかふか、お風呂やトイレも清潔で快適だった」といった実体験が投稿されています。建物全体は、古き良き雰囲気を保ちながらも手入れが行き届いており、「畳の香りが漂う日本家屋の造りで、無機質なホテルでは味わえない懐かしさがあった」と高評価です。徒歩でも歩き遍路に優しい立地である点や、静かな環境で落ち着いて過ごせるという評価も根強く、「また次回も利用したい」というリピーターの声も多数寄せられています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

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

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

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

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

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

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

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

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

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

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



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

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

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

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

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      初のお遍路、歩き、通し、逆打ち<br>
志度寺さんを打ち終えて、歩いてすぐのこちらのお宿に素泊まりでお世話になりました。<br>
玄関からお庭、広いお部屋に至るまで、全てに歴史と懐かしさを感じることができるお宿です。<br>
お部屋もお風呂も清潔で、歩き疲れた体をゆっくりと休めることができました。<br>
今回は素泊まりで、近隣の施設が充実しているので不便はありませんでしたが、併設している小料理屋の雰囲気も良かったので、次回は食事付きでお世話になろうと思います。
    </p>

  </div>
</div>

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

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


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



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



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



<p class="wp-block-paragraph">修正履歴：<br>2024年7月2日｜利用者の声｜★★★★★（星5つ中5）<br>2025年8月17日｜施設紹介、利用者レビュー要約</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>栄荘</title>
		<link>https://min88.jp/inn/1287/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 01 Jun 2021 06:43:27 +0000</pubDate>
				<category><![CDATA[86 志度寺]]></category>
		<category><![CDATA[香川]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=1287</guid>

					<description><![CDATA[“ 志度寺すぐそば、海の恵みで心をほどく宿 四国遍路の節目、志度寺からわずか徒歩数分の場所にある「栄荘」。琴電志度駅にも近く、アクセスの良さが歩きの合間に安心感をくれます。全8室の客室は和の落ち着きがあり、清潔感のある室 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kagawa/86/"
             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/category/kagawa-en/86-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/category/kagawa-zh/86-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">
      四国遍路の節目、志度寺からわずか徒歩数分の場所にある「栄荘」。琴電志度駅にも近く、アクセスの良さが歩きの合間に安心感をくれます。全8室の客室は和の落ち着きがあり、清潔感のある室内でひと息つけます。地元海で採れた魚介を使った夕食は旅人の評判も高く、翌朝にはおにぎりのお接待も。洗濯機やWi‑Fiも利用可能で、疲れを整える生活リズムに自然と寄り添ってくれるお宿です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="0.5"
       data-rnum="86"
       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   = 香川県さぬき市志度573-1
tel       = 087-894-0029
website   = http://ew.sanuki.ne.jp/iseda.r/
parking   = 4台（無料）
rooms     = 8室
price     = 素泊り：未確認|朝食付：未確認|夕食付：未確認|２食付：6,500円
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;電話するボタン（8時〜20時） ▼▼▼ -->
<div class="wp-stripe-btn-wrapper-phone">
  <a
    id="min88-phone-btn"
    class="my-btn-stripe-phone"
    href="#"
    onclick="logAndCall(event, '087-894-0029')"
  >
    <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>



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1623905680714!6m8!1m7!1srKYyKJXw-UPZE6zC3buntQ!2m2!1d34.32333413275344!2d134.1743542321622!3f219.95153304774192!4f-6.319965534833827!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52721.1696260903!2d134.13939892929145!3d34.323157659568686!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x355391632a71b681%3A0x96d376148d86a34e!2z44CSNzY5LTIxMDEg6aaZ5bed55yM44GV44Gs44GN5biC5b-X5bqm77yV77yX77yT4oiS77yR!5e0!3m2!1sja!2sjp!4v1678086202005!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



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

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



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



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



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



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



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



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2021/11/DSC_0720_20211108065651-2-1.jpg"><img decoding="async" width="1024" height="768" data-id="5760" src="https://min88.jp/inn/wp-content/uploads/2021/11/DSC_0720_20211108065651-2-1-1024x768.jpg" alt="" class="wp-image-5760"/></a></figure>
</figure>



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



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



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



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


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



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



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



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

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

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

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

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

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

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

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

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

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

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

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

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


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



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年8月17日｜施設紹介、利用者レビュー要約</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>たいや旅館</title>
		<link>https://min88.jp/inn/413/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 19 May 2021 00:46:46 +0000</pubDate>
				<category><![CDATA[86 志度寺]]></category>
		<category><![CDATA[香川]]></category>
		<category><![CDATA[4千円以下]]></category>
		<category><![CDATA[ゲストレビュー]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=413</guid>

					<description><![CDATA[“ 志度寺門前、静かな佇まいが心をほぐす遍路の宿 源内通り沿い、志度寺のすぐそばに佇む「たいや旅館」は、歩き遍路にとって静かな安らぎの拠点です。全7室（和室5＋洋室2）、無料Wi‑Fi・洗濯機を備え、サイクルスタンドや自 [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kagawa/86/"
             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/category/kagawa-en/86-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/category/kagawa-zh/86-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">
      源内通り沿い、志度寺のすぐそばに佇む「たいや旅館」は、歩き遍路にとって静かな安らぎの拠点です。全7室（和室5＋洋室2）、無料Wi‑Fi・洗濯機を備え、サイクルスタンドや自転車ガレージもあり、荷解きした後も旅を整える安心感が嬉しい配慮です。清潔な客室と爽やかな接客、料金の安さも評判で、「整理整頓が行き届き塵ひとつない」「お接待で洗濯をしていただけた」という声もあります。志度寺からの一息、また明日への歩みに静かに背中を寄せてくれる—そんな温かな宿情をそっと感じられる宿です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="0.6"
       data-rnum="86"
       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   = 香川県さぬき市志度547-3
tel       = 087-894-0038
website   = http://ameblo.jp/taiya-sanuki
parking   = あり（無料）
rooms     = 和室5室、洋室2室
price     = 素泊り：3,800円|朝食付：4,500円|夕食付：設定なし|２食付：設定なし
checkin   = 16:00～22: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, '087-894-0038')"
  >
    <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:30px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1624171434551!6m8!1m7!1scO3_rNBsf6IKpoGphZLA9g!2m2!1d34.32339789729274!2d134.1724033740192!3f317.17289337418725!4f-2.492140783759666!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52720.88473541531!2d134.13741882820904!3d34.32361113529159!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35539162a5f3d0e5%3A0x68cbd9c379c0dd60!2z44Gf44GE44KE5peF6aSo!5e0!3m2!1sja!2sjp!4v1678156974214!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



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

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



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



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



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



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



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



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2021/11/DSC_0718_20211108065426-2-1.jpg"><img decoding="async" width="1024" height="768" data-id="5757" src="https://min88.jp/inn/wp-content/uploads/2021/11/DSC_0718_20211108065426-2-1-1024x768.jpg" alt="" class="wp-image-5757"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2022/01/EM570780.jpg"><img decoding="async" width="1024" height="768" data-id="6231" src="https://min88.jp/inn/wp-content/uploads/2022/01/EM570780-1024x768.jpg" alt="" class="wp-image-6231"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2023/05/413-2.jpeg"><img decoding="async" width="768" height="1024" data-id="15610" src="https://min88.jp/inn/wp-content/uploads/2023/05/413-2-768x1024.jpeg" alt="" class="wp-image-15610"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2023/05/413-1.jpeg"><img decoding="async" width="1024" height="768" data-id="15609" src="https://min88.jp/inn/wp-content/uploads/2023/05/413-1-1024x768.jpeg" alt="" class="wp-image-15609"/></a></figure>
</figure>



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



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



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



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


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



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



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



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

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

    <p class="min88-inn-review__text">
      「整理整頓が行き届いていて清潔」「手作りの朝食で特にとろろ芋がおいしかった」といった声が多数あり、細やかなホスピタリティが好印象を与えています 。価格面でも「素泊まりで3,000円台は珍しく、コスパ抜群」との意見があり、合理的な料金設定が再訪の動機にもなっているようです。一方で、お風呂が利用者多数のため「先客がいると1時間待つこともある」との控えめな指摘も確認されましたが、長所に比べて目立つものではなく、それでも多くの宿泊者は総合的な満足を口にしています。総括すると、「清潔な客室、優しいおもてなし、美味しい朝食、そして良心的な価格が揃った、歩き遍路さんにも人気の快適な宿」として、多くの宿泊者に支持されている印象です。
    <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;
          ">
          2023年5月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      素泊まりで利用しました。<br>
国道から少し中に位置し、静かできれいな宿でした。<br>
お接待で洗濯をしていただけました。<br>
これで1泊3000円はコストパフォーマンスが高すぎると思います。
    </p>

  </div>
</div>

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

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



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

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

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

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

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      予約の電話で、はきはきした声で迎えてくれました。<br>
お部屋は、整理整頓が出来ていて、朝食もよい。それから、自転車置場が、屋根だけでなく、シャッター付きとは、感激です。夜露がつかないですよね。<br>
名前は、縁起が良いし、こんな宿から結願を迎えられて良かったです。
    </p>

  </div>
</div>

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

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


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



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年3月13日｜料金<br>2025年8月21日｜施設紹介、利用者レビュー要約</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>民泊對馬（つしま）</title>
		<link>https://min88.jp/inn/206/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sat, 15 May 2021 08:16:39 +0000</pubDate>
				<category><![CDATA[86 志度寺]]></category>
		<category><![CDATA[香川]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=206</guid>

					<description><![CDATA[“ 志度寺の裏手で選べる個室と暮らしの気配 四国霊場第86番札所・志度寺のすぐ裏手にひっそり立つ「民泊對馬」は、気兼ねなく泊まれる完全個室の宿泊施設。和室と洋室の3室が一棟或いは部屋単位で貸切でき、歩き遍路にもグループに [&#8230;]]]></description>
										<content:encoded><![CDATA[  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category/kagawa/86/"
             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/category/kagawa-en/86-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/category/kagawa-zh/86-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">
      四国霊場第86番札所・志度寺のすぐ裏手にひっそり立つ「民泊對馬」は、気兼ねなく泊まれる完全個室の宿泊施設。和室と洋室の3室が一棟或いは部屋単位で貸切でき、歩き遍路にもグループにも柔軟に対応できます。無料駐車場は4台分、Wi‑Fi完備、敷地内にはランドリー設備もあり長期滞在にも心強い利便性を備えています。夕食付きプランもあり、旅の疲れをそっと落ち着かせるぬくもりに満ちた散策の拠点としてもぴったりです。志度の街歩きにも最適なロケーションと、落ち着いた滞在を求める遍路旅人に心からおすすめしたい、自然と安心が交差する宿です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="6.7"
       data-rnum="87"
       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   = 香川県さぬき市志度874-1
tel       = 080-6055-2876
website   = 未確認
parking   = 4台（無料）
rooms     = 3室
price     = 素泊り：未確認|朝食付：未確認|夕食付：4,800円|２食付：未確認
checkin   = 15:00以降
checkout  = 10:00前
wifi      = あり（無料）
laundry   = 洗濯機：あり（10kg400円〜）|乾燥機：あり（10分100円〜）
payment   = 現金：可|クレジットカード：可|電子マネー：不可

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



  </textarea>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      if(!data[k]) return;

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

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


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



<!-- ▼▼▼ &#x1f4de;&#x1f1ef;&#x1f1f5;&#x1f1fa;&#x1f1f8;&#x1f1f9;&#x1f1fc;電話するボタン（8時〜20時）分単位対応 ▼▼▼ -->
<div class="min88-call-btn-wrap">
  <a
    class="min88-call-btn"
    href="#"
    onclick="logAndCall(event, '080-6055-2876')"
  >
    <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:30px" aria-hidden="true" class="wp-block-spacer"></div>



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1624175582371!6m8!1m7!1sCWlI3yRzhwjPhBZIgrJlAg!2m2!1d34.32238701980203!2d134.1784627772047!3f76.0732014225953!4f5.495776874649607!5f0.7820865974627469" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52721.68698698894!2d134.1436915281638!3d34.32233413511693!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3553912d57db9423%3A0x8fd6479300ce45ad!2z5bCN6aas77yI44Gk44GX44G-77yJ!5e0!3m2!1sja!2sjp!4v1678157762260!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



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

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



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



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



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



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



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



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2022/01/EM570792.jpg"><img decoding="async" width="1024" height="768" data-id="6240" src="https://min88.jp/inn/wp-content/uploads/2022/01/EM570792-1024x768.jpg" alt="" class="wp-image-6240"/></a></figure>



<figure class="wp-block-image size-large is-style-default"><a href="https://min88.jp/inn/wp-content/uploads/2022/01/EM570794.jpg"><img decoding="async" width="1024" height="768" data-id="6241" src="https://min88.jp/inn/wp-content/uploads/2022/01/EM570794-1024x768.jpg" alt="" class="wp-image-6241"/></a></figure>
</figure>



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



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



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



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


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



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



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



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

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

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

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

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

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

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

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

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

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

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

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

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


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



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



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



<p class="wp-block-paragraph">修正履歴：<br>2024年5月22日｜オーナー｜電話番号、駐車場、料金、チェックイン･アウト、WiFi、ランドリー、支払い方法<br>2025年8月21日｜施設紹介</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
