<?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>61 香園寺 &#8211; みんなのへんろ（宿）</title>
	<atom:link href="https://min88.jp/inn/category/ehime/61/feed/" rel="self" type="application/rss+xml" />
	<link>https://min88.jp/inn</link>
	<description>遍路宿の予約｜四国遍路の宿泊施設データベース</description>
	<lastBuildDate>Fri, 19 Jun 2026 08:55:27 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://min88.jp/inn/wp-content/uploads/2025/07/cropped-yoyaku_logo-32x32.png</url>
	<title>61 香園寺 &#8211; みんなのへんろ（宿）</title>
	<link>https://min88.jp/inn</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>東予温泉いやしのリゾート</title>
		<link>https://min88.jp/inn/1111/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Sat, 29 May 2021 00:50:25 +0000</pubDate>
				<category><![CDATA[60 横峰寺]]></category>
		<category><![CDATA[61 香園寺]]></category>
		<category><![CDATA[愛媛]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=1111</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/ehime/61/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/ehime-en/61-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/ehime-zh/61-zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      バリ気分で温まる、歩き旅の癒し宿
    </h3>

    <p class="min88-inn-intro__text">
      西条市にある「東予温泉 いやしのリゾート」は、バリ島を思わせる南国ムードあふれる外観が目印の温泉施設です。館内には源泉かけ流しの露天風呂、寝湯、薬湯、歩行湯、檜や樽風呂と多彩な湯船が並び、“どこへ最初に入ろう”と迷う楽しさも魅力です。大浴場のほか家族風呂もあり、グループや一人旅にも対応。レストランや休憩スペースも整っており、アクセスも良好（壬生川駅から車数分、駐車場多数完備）。スタイリッシュな“癒し空間”は、歩きの疲れを実質的にも気分的にも回復させてくれる、さりげないご褒美となってくれることでしょう。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="14.0"
       data-rnum="60"
       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   = 愛媛県西条市周布687-1
tel       = 0898-64-0080
website   = http://www.touyoonsen.com
parking   = あり
rooms     = 12室
price     = 素泊り：8,000円〜（1室2名まで）|朝食付：未確認|夕食付：未確認|２食付：未確認|※別途大人1名様につき入湯料150円
checkin   = 19:00以降
checkout  = 10:00前
wifi      = なし
laundry   = 洗濯機：未確認|乾燥機：未確認
payment   = 現金：可|クレジットカード：未確認|電子マネー：未確認

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



  </textarea>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      if(!data[k]) return;

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

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


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



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

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

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1623934646676!6m8!1m7!1s4U3y1rxGat_55RIDpuh3nw!2m2!1d33.92223697495265!2d133.0806517283445!3f274.1473516096609!4f4.023906115509433!5f1.1924812503605784" 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!1d52971.56275973864!2d133.0450590274774!3d33.92253652610436!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35502eb79d292b0d%3A0x67ee6d7860d8dbb4!2z5p2x5LqI5rip5rOJ44GE44KE44GX44Gu44Oq44K-44O844OI!5e0!3m2!1sja!2sjp!4v1678090290111!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 id="投稿画像" class="wp-block-heading">投稿画像</h3>



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



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



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



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


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



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



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



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

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

    <p class="min88-inn-review__text">
      「お湯がとても気持ちよくてリラックスできる」との声が多く、泉質や広々とした温泉施設が好評です。特に露天風呂やサウナを楽しむ人が多く、「体が温まる」「疲れが取れる」といった口コミが目立ちます。館内は清潔に保たれていると評価されており、スタッフについても「対応が丁寧」「感じが良い」との意見が寄せられています。食事利用に関しても「美味しかった」「種類が豊富」と好評で、入浴とあわせてゆったり過ごせる施設として人気があるようです。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

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

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

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

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

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

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

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

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

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

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



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

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      Wifi　○になっているが宿泊側にはありませんでした。
    </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年4月1日｜WiFi、利用者の声★★★（星5つ中3）<br>2025年8月18日｜施設紹介、利用者レビュー要約</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ビジネス旅館小松</title>
		<link>https://min88.jp/inn/600/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Fri, 21 May 2021 12:27:46 +0000</pubDate>
				<category><![CDATA[61 香園寺]]></category>
		<category><![CDATA[62 宝寿寺]]></category>
		<category><![CDATA[愛媛]]></category>
		<category><![CDATA[ゲストレビュー]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=600</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/ehime/61/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/ehime-en/61-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/ehime-zh/61-zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      歩き遍路の道中にそっと寄り添う、落ち着きと実用を両立した宿
    </h3>

    <p class="min88-inn-intro__text">
      徳島からのアクセスにも便利な愛媛・西条市、伊予小松駅すぐの「ビジネス旅館小松」は、遍路旅の拠点として信頼の置ける存在です。リフォームされた客室、清潔な浴室やトイレ、無料Wi-Fiに加え、無料洗濯機と訳あり低価格乾燥機を備えるなど、歩き旅に欠かせない機能がしっかり整っています。夕食のしゃぶしゃぶやすき焼きは、量も質も申し分なく、連泊なら味の変化も楽しめる心配りも。横峰寺への荷物預かりや手書き地図の配布など、お遍路への深い理解に基づく気遣いも随所に感じられます。徒歩圏には札所もあり、歩き旅を心地よく進めるための安心感が宿る—そんな、心強い宿です。
    </p>
  </div>
</div>

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

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

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

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

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

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

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



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

       data-rkm="0.6"
       data-rnum="62"
       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   = 愛媛県西条市小松町新屋敷201
tel       = 0898-72-5881
website   = 未確認
parking   = あり（無料）
rooms     = 11室
price     = 素泊り：5,500円|朝食付：未確認|夕食付：未確認|２食付：8,800円
checkin   = 15:00以降
checkout  = 8:00前
wifi      = あり（無料）
laundry   = 洗濯機：あり（無料）|乾燥機：あり（100円）
payment   = 現金：可|クレジットカード：不可|電子マネー：不可

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



  </textarea>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      if(!data[k]) return;

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

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


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



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

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

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



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



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1624147693797!6m8!1m7!1s4ALCeVgUFR1Kh86LbGf8IQ!2m2!1d33.89402476357517!2d133.1172423364414!3f54.5449065819216!4f7.228174210644781!5f1.1924812503605784" 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!1d52989.13902410869!2d133.0824141274014!3d33.894258725405436!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35502b8b35c3562d%3A0xcf981791d6d1bfb9!2z44OT44K444ON44K55peF6aSo5bCP5p2-!5e0!3m2!1sja!2sjp!4v1678149323949!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 id="投稿画像" class="wp-block-heading">投稿画像</h3>



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



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



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


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



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



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



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

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

    <p class="min88-inn-review__text">
      洗濯機や乾燥機が多数設置されており、長旅にも頼りになる設備と評価されています。夕食は一人ずつ用意されたガスコンロで楽しむしゃぶしゃぶやすき焼きが「疲れた体に染みる美味しさ」と評され、料理のおいしさが特に印象的との声も多いです。スライド式のドアや広めのお風呂、しっかりしたシャワーなど設備面の使い勝手も良く、「建物が新しく清潔で、居心地が良い」と満足する投稿もあります。一方で、「スタッフの接客には控えめな印象を受けた」という感想もありますが、それでも「家族的な雰囲気とは違うが、居心地よく過ごせた」との意見が多く、総じて「実用性と快適さに支えられた、安心できる遍路宿」として多くの利用者に支持されています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

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

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

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

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

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

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

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

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

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

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



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

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

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

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

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      おかみさんは、お遍路さん同士の会話にあまり割り込んでこない方なので、誤解する人もいるかもしれませんが、とても居心地の良い宿です。<br>
宿に荷物を預けて、横峰寺に登れるのは、ありがたいです。2連泊だと、1泊目が豚しゃぶ、2泊目が牛すき焼きでした。疲れた体にしみわたる旨さです。<br>
朝食は、6時から、好みの時間にというスタイルで、早く出発することが出来ました。
    </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;
          ">
          2025年3月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      歩き遍路で二泊連泊で利用しました。横峰寺へ向かうのに荷持を減らして登れるメリットは大きいと思います。洗濯機、乾燥機も台数多く便利です。夕食は、1人ずつガスコンロが置いてあり、1泊目しゃぶしゃぶ、2泊目すき焼きでした。とても美味しくいただきました。良いお宿です。
    </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;
          ">
          2025年6月
        </div>
      </div>
    </div>

    <!-- レビュー本文 -->
    <p style="
        margin:4px 0 2px;
        font-size:14px;
        line-height:1.7;
        color:#444444;
      ">
      とても感じがいい遍路宿です<br>
60番に行くために2泊される方も多いみたい<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年5月18日｜利用者の声｜★★★★（星5つ中4）<br>2025年3月18日｜利用者の声｜★★★★（星5つ中4）<br>2025年6月10日｜利用者の声｜★★★★★（星5つ中5）<br>2025年8月21日｜施設紹介、利用者レビュー要約</p>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>石鎚山ハイウェイオアシスキャンプ場</title>
		<link>https://min88.jp/inn/506/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Thu, 20 May 2021 02:19:19 +0000</pubDate>
				<category><![CDATA[61 香園寺]]></category>
		<category><![CDATA[愛媛]]></category>
		<category><![CDATA[4千円以下]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=506</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/ehime/61/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category/ehime-en/61-en/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              English            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/zh/category/ehime-zh/61-zh/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                  </div>

        
            </nav>

<style>
/* ===== 全体 ===== */
.min88-lang-simple {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 110px;
  text-align: center;
}

/* ===== タイトル（地球＋LANGUAGE） ===== */
.min88-lang-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  transform: translateX(-15px);  /* ← 見た目で少し左へ寄せる微調整 */
}

.min88-lang-earth {
  width: 16px;
  height: 16px;
  display: block;
  filter: none !important;
}

.min88-lang-title-text {
  font-size: 14px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}

/* ===== 言語リンクの行 ===== */
.min88-lang-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

/* 個々の言語ブロック（テキスト＋下線） */
.min88-lang-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ===== 言語リンク ===== */
.min88-lang-link {
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 400;
  color: #1a73e8;
  line-height: 1.2;
  position: relative;
  padding-bottom: 6px;   /* 青線との距離 */
}

.min88-lang-link:hover,
.min88-lang-link:active,
.min88-lang-link:focus {
  text-decoration: none !important;
  color: #0b63c7;
}

.min88-lang-link.is-current {
  color: #000;
  font-weight: 700;
}

/* 選択中の青い横線 */
.min88-lang-link.is-current::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;         /* テキストから少し離す */
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #1a73e8, #8b5cf6);
}

/* 区切り「｜」 */
.min88-lang-separator {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 400;
  user-select: none;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .min88-lang-row {
    /* ★ 縦並びにしない：横一列のまま */
    flex-direction: row;
    gap: 18px;           /* ちょっと詰める */
  }
  .min88-lang-link {
    font-size: 13px;     /* 横幅確保のため少し小さく */
  }
  .min88-lang-separator {
    font-size: 14px;     /* バランス調整 */
  }
  .min88-lang-earth {
    width: 16px;
    height: 16px;
  }
}
</style>
  </div>
  






<!-- ▼▼▼ 紹介文 ▼▼▼ -->
<div class="min88-inn-intro-wrap">
  <div class="min88-inn-intro">
    <div class="min88-inn-intro__icon">“</div>

    <h3 class="min88-inn-intro__title">
      緑に抱かれた高地で、安心を運ぶ野宿の仲間
    </h3>

    <p class="min88-inn-intro__text">
      石鎚山の麓、西条市に広がる「石鎚山ハイウェイオアシスキャンプ場」は、遍路の途中で野宿が難しい夜に頼りになる場所です。一般道からアクセスできる管理された環境の中、フリーサイト・オートサイトともにAC電源と水道を完備。炊事棟や水洗トイレが整い、夜間も安心して過ごせる設備が揃っています（最先着で電源利用可）。受付はモンベル施設内で行われ、チェックイン体制も明確です。高台の芝生サイトは歩き旅に必要な静けさと安全を届け、濡れた装備も手入れできるこの場所は、野宿に比べて体調をしっかり整える“歩きのセーフティポイント”として強く信頼できる存在です。
    </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="60"
       data-lname="横峰寺"
       data-lkm="8.6"

       data-rkm="1.9"
       data-rnum="61"
       data-rname="香園寺"> </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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



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


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



<!-- &#x1f3e0;&#x1f3e0;&#x1f3e0;　基本情報 &#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;　-->
<div class="min88-basicdata-pack">
  <textarea class="min88-basicdata-kv" aria-hidden="true">
# ===== 基本情報 =====
address   = 愛媛県西条市小松町新屋敷乙22番地29
tel       = 0898-76-3111
website   = https://store.montbell.jp/common/system/information/disp.php?c=5&#038;id=316
parking   = 未確認
rooms     = 未確認
price     = 素泊り：|　・フリーサイト1泊：1,000円|　・電源使用料：500円（先着3組のみ）|朝食付：設定なし|夕食付：設定なし|２食付：設定なし
checkin   = 16:00以降
checkout  = 9:00前
wifi      = なし
laundry   = 洗濯機：なし|乾燥機：なし
payment   = 現金：可|クレジットカード：未確認|電子マネー：未確認

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



  </textarea>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      if(!data[k]) return;

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

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


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



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

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

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



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



<ul class="wp-block-list">
<li>受付：モンベルアウトドアオアシス館1階（9:00～19:00）</li>



<li>ー</li>



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



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












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



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



<iframe src="https://www.google.com/maps/embed?pb=!4v1624155576598!6m8!1m7!1sAw__VKZL1kdQc9Uc5KUZ0g!2m2!1d33.88623942953695!2d133.1110200459581!3f44.16618966334304!4f7.797225147140168!5f1.1924812503605784" 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!1d52994.93260502391!2d133.07443227836723!3d33.88493309460379!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35502bc2a579b6db%3A0x7766390a1623c7a6!2z44Oi44Oz44OZ44Or44Ki44Km44OI44OJ44Ki44Kq44Ki44K344K555-z6Y6aIOOCreODo-ODs-ODl-WgtA!5e0!3m2!1sja!2sjp!4v1678156121282!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 id="投稿画像" class="wp-block-heading">投稿画像</h3>



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



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



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



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


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



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



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



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

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

    <p class="min88-inn-review__text">
      「サイトは広く区切られていて使いやすい」「車がサイトそばに停められて便利」という声があり、利便性が高く評価されています。山間部でありながら、町の夜景や星空が楽しめる環境も魅力として多く語られています。受付はモンベルショップ内でスムーズ、薪やギアの購入も可能でアウトドア好きには嬉しい対応との感想もあります。共同設備（炊事棟やトイレ）は清潔で快適という声が多い一方、「フリーサイトから炊事場やトイレまでの階段が少し大変」「夜間の照明が点かない場所があり暗かった」といった控えめな指摘もありました。総じて、「機能的で快適な設備と自然を楽しめる、スマートかつ安心のキャンプ場」として支持されています。
    <br>
    </p>
    <p class="min88-inn-review__source">
※外部サイトの投稿に基づきAIで生成されたものです。レビュー内容は投稿者個人の感想や意見であり、当サイトの評価ではありません。
    </p>

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

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

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

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

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

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

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

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

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

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


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



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



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



<p class="wp-block-paragraph">修正履歴：<br>2025年8月21日｜施設紹介、利用者レビュー要約</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
