<?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>旅館・飯店 &#8211; 大家的遍路（宿）</title>
	<atom:link href="https://min88.jp/inn/zh/category2/ryokan-zh/feed/" rel="self" type="application/rss+xml" />
	<link>https://min88.jp/inn</link>
	<description>遍路宿預約｜四國遍路住宿設施資料庫</description>
	<lastBuildDate>Mon, 10 Aug 2026 04:58:21 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://min88.jp/inn/wp-content/uploads/2025/07/cropped-yoyaku_logo-32x32.png</url>
	<title>旅館・飯店 &#8211; 大家的遍路（宿）</title>
	<link>https://min88.jp/inn</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Hotel Fine Garden Matsuyama</title>
		<link>https://min88.jp/inn/zh/68983/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Tue, 16 Jun 2026 23:44:58 +0000</pubDate>
				<category><![CDATA[52 太山寺]]></category>
		<category><![CDATA[愛媛縣]]></category>
		<category><![CDATA[房東的話]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=68983</guid>

					<description><![CDATA[最後更新日期：2026年6月17日 “ 在松山享受寬敞舒適的悠閒時光 位於松山市西部的這間旅宿，以寬敞的客房與 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年6月17日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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>



<style data-wp-block-html="css">
.min88-yadokukan{
  max-width:1080px;
  margin:0 auto;
  padding:0 15px;
  box-sizing:border-box;
  font-family:system-ui,"Noto Sans JP",sans-serif;
  color:#222;

  --accent:#e60000;
  --muted:#d8d8d8;
  --text-muted:#777;
  --icon-size:52px;
}

.min88-yadokukan__card{
  margin:28px 0 20px;
  padding:38px 46px 36px;
  border-radius:13px;
  border:1px solid #efefef;
  background:#fcfcfc;
  box-shadow:0 10px 13px rgba(0,0,0,.15);
  box-sizing:border-box;
}

.min88-yadokukan__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:30px;
}

.min88-yadokukan__place{
  min-width:0;
}

.min88-yadokukan__place--right{
  text-align:right;
}

.min88-yadokukan__num{
  font-size:13px;
  font-weight:700;
  color:var(--text-muted);
  line-height:1.1;
  margin-bottom:2px;
  letter-spacing:.02em;
}

.min88-yadokukan__name{
  font-size:22px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
}

.min88-yadokukan__bar{
  display:grid;
  grid-template-columns:minmax(30px,var(--left,1fr)) auto minmax(30px,var(--right,1fr));
  align-items:center;
  gap:16px;
}

.min88-yadokukan__line{
  position:relative;
  height:6px;
  border-radius:999px;
}

.min88-yadokukan__line--left{
  background:var(--accent);
}

.min88-yadokukan__line--right{
  background:var(--muted);
}

.min88-yadokukan__km{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  font-size:14px;
  font-weight:700;
  color:#444;
  background:#fcfcfc;
  padding:0 6px;
  line-height:1;
  white-space:nowrap;
}

.min88-yadokukan__stay{
  width:var(--icon-size);
  height:var(--icon-size);
  border-radius:999px;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.min88-yadokukan__stay svg{
  width:25px;
  height:25px;
  fill:currentColor;
  display:block;
}

@media (max-width:768px){

  .min88-yadokukan{
    padding:0 3px;
    --icon-size:44px;
  }

  .min88-yadokukan__card{
    padding:30px 20px;
  }

  .min88-yadokukan__top{
    margin-bottom:26px;
  }

  .min88-yadokukan__num{
    font-size:12px;
  }

  .min88-yadokukan__name{
    font-size:20px;
  }

  .min88-yadokukan__km{
    font-size:12px;
    top:-16px;
  }

  .min88-yadokukan__bar{
    gap:10px;
  }
}
</style>

<script data-wp-block-html="js">
(function(){

  function toNum(v){
    if(v == null) return 0;
    const n = parseFloat(String(v).replace(/[^\d.]/g,""));
    return isNaN(n) ? 0 : n;
  }

  function formatKm(v){
    return toNum(v).toFixed(1);
  }

  function houseSvg(){
    return `
      <svg viewBox="0 0 24 24" aria-hidden="true">
        <path d="M12 3.2 2.7 11a1 1 0 0 0 1.3 1.5l.9-.7V20a1 1 0 0 0 1 1h4.5v-5.5h3.2V21H19a1 1 0 0 0 1-1v-8.2l.9.7a1 1 0 1 0 1.3-1.5L12 3.2z"/>
      </svg>
    `;
  }

  function buildOne(el){

    if(!el || el.dataset.rendered === "1") return;
    el.dataset.rendered = "1";

    const lNum  = el.dataset.lnum || "";
    const lName = el.dataset.lname || "";
    const lKm   = toNum(el.dataset.lkm);

    const rNum  = el.dataset.rnum || "";
    const rName = el.dataset.rname || "";
    const rKm   = toNum(el.dataset.rkm);

    const card = document.createElement("div");
card.className = "min88-yadokukan__card";

card.style.setProperty("--left", (lKm || 1) + "fr");
card.style.setProperty("--right", (rKm || 1) + "fr");

    card.innerHTML = `
      <div class="min88-yadokukan__top">

        <div class="min88-yadokukan__place">
          <div class="min88-yadokukan__num">#${lNum}</div>
          <div class="min88-yadokukan__name">${lName}</div>
        </div>

        <div class="min88-yadokukan__place min88-yadokukan__place--right">
          <div class="min88-yadokukan__num">#${rNum}</div>
          <div class="min88-yadokukan__name">${rName}</div>
        </div>

      </div>

      <div class="min88-yadokukan__bar">

        <div class="min88-yadokukan__line min88-yadokukan__line--left">
          ${lKm > 0 ? `<span class="min88-yadokukan__km">${formatKm(lKm)}km</span>` : ""}
        </div>

        <div class="min88-yadokukan__stay" aria-label="宿">
          ${houseSvg()}
        </div>

        <div class="min88-yadokukan__line min88-yadokukan__line--right">
          ${rKm > 0 ? `<span class="min88-yadokukan__km">${formatKm(rKm)}km</span>` : ""}
        </div>

      </div>
    `;

    el.replaceWith(card);
  }

  function buildAll(root){
    (root || document)
      .querySelectorAll(".min88-yadokukan__item[data-lnum]")
      .forEach(buildOne);
  }

  function init(){
    buildAll(document);
    setTimeout(()=>buildAll(document),300);
  }

  if(document.readyState === "loading"){
    document.addEventListener("DOMContentLoaded",init);
  }else{
    init();
  }

})();
</script>

<div class="min88-yadokukan">
  <div class="min88-yadokukan__item" data-lnum="51" data-lname="石手寺" data-lkm="7.0" data-rkm="4.6" data-rnum="52" data-rname="太山寺"> </div>
</div>



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



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#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   = 愛媛縣松山市古三津3-6-7
tel       = 089-952-5700|接待時間：24時間
website   = https://www.hotel-fine.co.jp/hotel/g-matsuyama/|https://d-reserve.jp/GSEA001F01300/GSEA001A01?
parking   = 52台（免費）
rooms     = 52間
price     = 僅住宿：4,800日圓起|含早餐：5,300日圓起|含晚餐：未設定|含早晚餐：5800日圓起
checkin   = 18:00以後
checkout  = 12:00以前
wifi      = 有
laundry   = 洗衣機：無|烘乾機：無
payment   = 現金：可以|信用卡：可以|電子支付：可以

# ===== 電子マネー（#を削除） =====
emoney = PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, 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('zh-TW', 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, '089-952-5700')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

  const startHour = 0;
  const startMin  = 0;
  const endHour   = 23;
  const endMin    = 59;

  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>



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



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



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



<li>−</li>



<li>−</li>
</ul>


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



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



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1781652351102!6m8!1m7!1sP1BFqoXlRWcanQzzP4PBwA!2m2!1d33.85651610794901!2d132.7293345785482!3f21.827954207789492!4f13.001995608836467!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d38251.14386279889!2d132.7005114864651!3d33.856426190703864!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354fe568563e71b3%3A0xf7250b8955dea0a!2z44Ob44OG44OrIOODleOCoeOCpOODs-OCrOODvOODh-ODs-advuWxsQ!5e0!3m2!1sja!2sjp!4v1781652385981!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&amp;destination=ホテル ファインガーデン松山&amp;travelmode=walking" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



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



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/06/689663.jpg"><img decoding="async" width="620" height="413" data-id="68968" src="https://min88.jp/inn/wp-content/uploads/2026/06/689663.jpg" alt="" class="wp-image-68968"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/06/689664.jpg"><img decoding="async" width="620" height="413" data-id="68969" src="https://min88.jp/inn/wp-content/uploads/2026/06/689664.jpg" alt="" class="wp-image-68969"/></a></figure>



<figure class="wp-block-image size-large"><a href="https://min88.jp/inn/wp-content/uploads/2026/06/689665.jpg"><img decoding="async" width="620" height="413" data-id="68967" src="https://min88.jp/inn/wp-content/uploads/2026/06/689665.jpg" alt="" class="wp-image-68967"/></a></figure>



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



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



<h3 id="老闆的問候" class="wp-block-heading">房東的話</h3>



<!-- ▼▼▼ ホストよりご挨拶 ▼▼▼ -->
<div class="min88-host-card-wrap">
  <div class="min88-host-card">

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

      <!-- 宿名＋ホスト名 -->
      <div>
        <div style="font-size:15px;font-weight:600;color:#222;line-height:1.3;">
          Hotel Fine Garden Matsuyama
        </div>
        <div style="font-size:13px;color:#888;margin-top:2px;line-height:1.3;">
          Host
        </div>
      </div>
    </div>

    <!-- 挨拶本文 -->
    <p style="
        margin:5px 0 8px;
        font-size:14px;
        line-height:1.6;
        color:#444;
      ">
      所有客房面積均超過50平方公尺，配備特大雙人床（King Size Bed）及附洗浴區的浴室，讓旅客能夠充分放鬆身心、消除旅途疲勞。
    </p>

  </div>
</div>

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

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

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

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



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



<h3 id="使用者的聲音" 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地圖 / 樂天旅遊 / Jalan / 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>溫馨酒店島波 (Cozy Hotel Nukui Shimanami)</title>
		<link>https://min88.jp/inn/zh/39385/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Fri, 08 Aug 2025 02:52:31 +0000</pubDate>
				<category><![CDATA[59 國分寺]]></category>
		<category><![CDATA[愛媛縣]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=39385</guid>

					<description><![CDATA[最後更新日期：2026年7月30日 “ 走了一天後，像回到家般的安心之宿 2025年1月，原「巴厘飯店」全新品 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年7月30日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
      2025年1月，原「巴厘飯店」全新品牌誕生為「COZY HOTEL NUKUI shimanami」，以「無論多遠，也能稱作家的地方」為主題，承諾帶來溫暖舒適的住宿體驗。全館74間翻新客房，提供和式、洋式、雙床、豪華雙床等多種房型選擇，靈活滿足不同需求。館內設有全新男女分開的大浴場（含桑拿與冷水池）、可享用飲品、輕食與冰淇淋的休憩交誼廳，以及洗衣設備、製冰機與自動販賣機，便利與舒適兼具。另免費提供健身房、約3,000本漫畫閱讀區及高壓氧艙，讓身心都能徹底放鬆。在這裡，不僅僅是住宿，更是自然滲透進心裡的安心與愜意。
    </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="58"
       data-lname="仙遊寺"
       data-lkm="4.1"

       data-rkm="3.2"
       data-rnum="59"
       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に置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#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   = 愛媛縣今治市中寺239-1
tel       = 0898-33-0909|接待時間：8:00-20:00
website   = https://cozyhotel-nukui.com/shimanami/
parking   = 170個車位（免費）
rooms     = 74間客房
price     = 僅住宿：6,250日圓起|含早餐：6,850日圓起|含晚餐：7,250日圓起|含早晚餐：8,750日圓起
checkin   = 15:00-22:00
checkout  = 10:00以前
wifi      = 有
laundry   = 洗衣機：收費|烘乾機：收費
payment   = 現金：可以|信用卡：可以|電子支付：可以

# ===== 電子マネー（#を削除） =====
emoney = PayPay、各類 QR 支付、各類電子支付方式



  </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('zh-TW', 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-33-0909')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



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



<li>−</li>



<li>−</li>
</ul>


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



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



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!3m2!1sja!2sjp!4v1754621128107!5m2!1sja!2sjp!6m8!1m7!1snQ-wgAmXRNjBYpKsvsPTPw!2m2!1d34.03410539562405!2d133.0003494567095!3f17.036323164539795!4f14.062741878373004!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d52902.09047751827!2d132.99436276554604!3d34.03410544707184!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35503b57aa0c2b19%3A0xe3c68c01cd501944!2sCOZY%20HOTEL%20NUKUI%20shimanami!5e0!3m2!1sja!2sjp!4v1754621168905!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=COZY HOTEL NUKUI shimanami&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



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



<div style="height:50px" 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">
      許多旅客表示「大浴場和三溫暖非常舒適、能好好放鬆」、「住宿體驗愉快」。自2025年重新品牌後，設施的完善度受到高度評價。客房方面也有許多好評，例如「寬敞又乾淨」、「沉穩的空間讓人能放鬆休息」，凸顯了舒適度。<br>
前台服務方面，有評論指出「員工親切、令人安心」、「細心的服務令人印象深刻」，在服務層面也獲得良好印象。旅客也特別提到一些獨特的設施，例如「免費停車場寬敞又便利」、「交誼廳的飲料和輕食服務令人開心」、「氧氣箱和漫畫區很有趣」等。<br>
整體來看，本宿被支持為「無論觀光或商務都方便，能輕鬆休憩的住宿」。雖然少數評論提到「部分設施稍顯老舊」，但大多數意見認為舒適性與高性價比遠遠超過這些小缺點。
    <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地圖 / 樂天旅遊 / Jalan / 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>玉井飯店 (Hotel Tamai)</title>
		<link>https://min88.jp/inn/zh/31405/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Thu, 09 Jan 2025 05:40:37 +0000</pubDate>
				<category><![CDATA[27 神峯寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=31405</guid>

					<description><![CDATA[最後更新日期：2026年7月30日 “ 眺望太平洋的療癒中途站 飯店內設有高層餐廳與大浴場，讓您盡情欣賞壯闊的 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年7月30日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
      飯店內設有高層餐廳與大浴場，讓您盡情欣賞壯闊的太平洋地平線。全館51間日式與西式客房皆整潔舒適，並配備LAN與Wi-Fi，為您的夜晚帶來安穩與溫暖。館內還有早餐服務與宴會廳等完善設施，長途旅程中途停留再合適不過。距離安藝車站步行約7分鐘，無論是朝聖者或旅人，都能在此找到安心的歇腳處。沿著海岸道路走到這裡，迎接您的是海風吹拂與靜謐包圍的優質休憩時光。
    </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="27"
       data-lname="神峯寺"
       data-lkm="12.8"

       data-rkm="24.6"
       data-rnum="28"
       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に置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;　-->
<div class="min88-basicdata-pack">
  <textarea class="min88-basicdata-kv" aria-hidden="true">
# ===== 基本情報（台湾版） =====
address   = 高知縣安芸市矢之丸1-6
tel       = 0887-35-2111|接待時間：8:00-20:00
website   = https://hotel-tamai.net
parking   = 有（免費）
rooms     = 51間客房
price     = 僅住宿：8,250日圓起|含早餐：8,910日圓起|含晚餐：未確認|含早晚餐：10,120日圓起
checkin   = 15:00-24:00
checkout  = 10:00以前
wifi      = 有
laundry   = 洗衣機：收費|烘乾機：收費
payment   = 現金：可以|信用卡：可以|電子支付：未確認

# ===== 電子マネー（#を削除） =====
#emoney = QUICPay, iD, Suica／PASMO 等交通 IC 卡, nanaco、Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, au PAY, Merpay



  </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('zh-TW', 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, '0887-35-2111')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



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



<li>−</li>



<li>−</li>
</ul>


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



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



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1745796890987!6m8!1m7!1snP_VBNaqCKRVrIMJvhI9RA!2m2!1d33.50175152799851!2d133.9085515952264!3f39.63694982252496!4f17.653074903610033!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53231.72189450183!2d133.86749181957387!3d33.50182934754772!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x355207a6dc67348f%3A0x99144b74e1520f52!2z44Ob44OG44OrVEFNQUk!5e0!3m2!1sja!2sjp!4v1745796864304!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=ホテル TAMAI&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



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



<div style="height:50px" 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">
      許多旅客表示「房間寬敞舒適」、「乾淨又能好好放鬆」，對客房的舒適度給予高度評價。關於展望餐廳，也有不少留言如「從11樓眺望的景色很棒」、「能一邊欣賞風景一邊享用美味的吻仔魚丼飯」，而晚餐的「居酒屋風菜單讓人能放鬆」也獲得好評。大浴場方面，許多旅客提到「能悠閒地使用」，能盡情享受泡湯時光。從安藝車站步行即可抵達的便利地點同樣獲得肯定。雖然有人表示「建築稍微有點年代感」，但也有人認為這正好帶來沉穩氛圍而受到喜愛。整體而言，這間旅館以「符合價格的安心感與完善設施」受到支持。
    <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地圖 / 樂天旅遊 / Jalan / 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>清月旅館 (Seigetsu Ryokan)</title>
		<link>https://min88.jp/inn/zh/31391/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Thu, 09 Jan 2025 05:38:01 +0000</pubDate>
				<category><![CDATA[27 神峯寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=31391</guid>

					<description><![CDATA[最後更新日期：2026年8月5日 “ 車站近在咫尺、安心溫馨的安藝家庭宿 從ごめん・なはり線的安藝車站步行不久 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年8月5日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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="27"
       data-lname="神峯寺"
       data-lkm="13.1"

       data-rkm="24.3"
       data-rnum="28"
       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に置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;&#x1f481;&#x1f3fb;&#x200d;&#x2640;　-->
<div class="min88-basicdata-pack">
  <textarea class="min88-basicdata-kv" aria-hidden="true">
# ===== 基本情報（台湾版） =====
address   = 高知縣安芸市矢之丸2丁目2-25
tel       = 0887-34-8855|接待時間：8:00-20:00
website   = https://www.akikanko.or.jp/syukuhaku/seigetsu.html
parking   = 5台（免費）
rooms     = 18間
price     = 僅住宿：4,900日圓|含早餐：5,800日圓|含晚餐：6,700日圓|含早晚餐：7,600日圓|※盂蘭盆節、黃金週等長假期間，每人加收500日圓
checkin   = 15:00-18:30
checkout  = 10:00以前
wifi      = 有
laundry   = 洗衣機：200日圓　有|烘乾機：100日圓　有
payment   = 現金：可以|信用卡：不可|電子支付：未確認



  </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('zh-TW', 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, '0887-34-8855')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



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



<li>−</li>



<li>−</li>
</ul>


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



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



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!3m2!1sja!2sjp!4v1745795738948!5m2!1sja!2sjp!6m8!1m7!1saIRkviCTwnatJMfdFgbBaQ!2m2!1d33.50219573282411!2d133.9062007117735!3f185.3663450044737!4f7.18170317348968!5f0.4000000000000002" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53231.533039894464!2d133.86498757980738!3d33.502136437007096!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x355207a0b223600f%3A0xa7c985a6ce833883!2z5riF5pyI5peF6aSo!5e0!3m2!1sja!2sjp!4v1745795634760!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=清月旅館&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



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



<div style="height:50px" 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地圖 / 樂天旅遊 / Jalan / 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>海上館飯店 (Hotel Kaijō-kan)</title>
		<link>https://min88.jp/inn/zh/30639/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 18 Sep 2024 04:14:32 +0000</pubDate>
				<category><![CDATA[38 金剛福寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<category><![CDATA[暫停營業・歇業]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=30639</guid>

					<description><![CDATA[最後更新日期：2026年2月4日 暫停營業・歇業]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年2月4日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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-closed-card-wrap">
  <div style="
      margin:25px 0 20px;
      padding:20px 22px 18px 23px;
      border-radius:13px;
      background:#fd8a82;
      box-shadow:0 10px 13px rgba(0,0,0,0.15);
      box-sizing:border-box;
    ">

    <!-- テキスト -->
    <p style="
        margin:0;
        font-size:15px;
        line-height:1.7;
        font-weight: 500;
        color:#000000;
      ">
      暫停營業・歇業
    </p>

  </div>
</div>

<style>
.min88-closed-card-wrap {
  max-width:1080px;
  margin:0 auto 28px;
  padding:0 15px;
  box-sizing:border-box;
}

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





<p>[closed_message]</p>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>海濱福山旅宿 (Seaside in Fukuyama)</title>
		<link>https://min88.jp/inn/zh/30601/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 18 Sep 2024 04:13:12 +0000</pubDate>
				<category><![CDATA[38 金剛福寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=30601</guid>

					<description><![CDATA[最後更新日期：2026年8月10日 “ 靜靜依海，步行途中豐富的歇腳點 坐落於足摺岬前方的「海濱福山旅宿 (S [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年8月10日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
      坐落於足摺岬前方的「海濱福山旅宿 (Seaside in Fukuyama)」，窗外延伸的太平洋靜謐景色，帶來無需言語的安慰。從這裡步行即可抵達第38番札所「金剛福寺」，燈塔、白山洞門與足湯等在地景點也近在咫尺，自然拉近旅人與當地的距離。全館僅八間客房，帶有家庭般的溫暖與適中的規模，最適合在島嶼的慢節奏中安靜沉浸。離開時，那段回程路仿佛在腳步間留下一抹淡淡的餘韻，成為旅途中難忘的停留點。
    </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="38"
       data-lname="金剛福寺"
       data-lkm="0.6"

       data-rkm="54.1"
       data-rnum="39"
       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に置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#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   = 高知縣土佐清水市足摺岬493-7
tel       = 0880-88-0929|接待時間：8:00-20:00
website   = https://travel.rakuten.co.jp/HOTEL/18324/18324.html
parking   = 10台（免費）
rooms     = 8間
price     = 僅住宿：7,000日圓|含早餐：未確認|含晚餐：未確認|含早晚餐：未確認
checkin   = 16:00-22:00
checkout  = 9:00以前
wifi      = 有
laundry   = 洗衣機：未確認|烘乾機：未確認
payment   = 現金：可以|信用卡：不可|電子支付：不可

# ===== 電子支付（#を削除） =====
#emoney = QUICPay, iD, Suica／PASMO 等交通 IC 卡, nanaco、Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, au PAY, Merpay



  </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('zh-TW', 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, '0880-88-0929')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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

  const now = new Date();

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

  const startMinutes =
    startHour * 60 + startMin;

  const endMinutes =
    endHour * 60 + endMin;

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

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

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

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

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

    link.textContent = t.disabled;

    msg.style.display = "block";

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

  } else {

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

    link.textContent = t.normal;

    msg.style.display = "none";

  }

});
</script>



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



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



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



<li>−</li>



<li>−</li>
</ul>


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



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



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1743033409323!6m8!1m7!1sPDzQ1K7FAcyqeRDAa0-YrA!2m2!1d32.72493187961849!2d133.0130418476755!3f72.01893078907571!4f16.022453215822807!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53704.55255085628!2d132.973268611846!3d32.72499424631699!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x354f329b39c38bcf%3A0x20e24da75521fbc5!2z44K344O844K144Kk44OJIGluIOemj-WxsQ!5e0!3m2!1sja!2sjp!4v1743033205370!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=シーサイド in 福山&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



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



<div style="height:50px" 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地圖 / 樂天旅遊 / Jalan / 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>浪旅酒店 (Hotel NALU)</title>
		<link>https://min88.jp/inn/zh/30562/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 18 Sep 2024 04:10:13 +0000</pubDate>
				<category><![CDATA[24 最御崎寺]]></category>
		<category><![CDATA[高知縣]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=30562</guid>

					<description><![CDATA[最後更新日期：2026年8月10日 “ 總有海相伴，與潮風共調的時光 緊鄰生見衝浪海灘的「浪旅酒店 (Hote [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年8月10日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
      緊鄰生見衝浪海灘的「浪旅酒店 (Hotel NALU)」，彷彿隨著海浪的節奏而佇立。全館客房皆可欣賞海景，窗外的太平洋隨晨光展開，輕柔喚醒旅人的一天。不僅受衝浪客喜愛，也適合尋找「被大海擁抱的時光」的旅人。整潔舒適的房間讓心境自然放鬆，自行車架、打氣筒與投幣式洗衣設備，更貼心照顧徒步遍路與單車旅客的需求。清晨的日出與海浪聲相伴，正是想靜心整理思緒時的理想小宿。
    </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="23"
       data-lname="薬王寺"
       data-lkm="39.5"

       data-rkm="36.1"
       data-rnum="24"
       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に置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#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   = 高知縣安藝郡東洋町大字生見575-10
tel       = 0887-29-3018|接待時間：8:00-20:00
website   = https://hotelnalu.jp
parking   = 有（免費）
rooms     = 13間
price     = 僅住宿：6,000日圓〜9,000日圓|含早餐：加價800日圓|含晚餐：未確認|含早晚餐：未確認
checkin   = 15:00以後
checkout  = 10:00以前
wifi      = 有
laundry   = 洗衣機：300日圓|烘乾機：100日圓／30分鐘
payment   = 現金：可以|信用卡：可以|電子支付：未確認

# ===== 電子支付（#を削除） =====
#emoney = QUICPay, iD, Suica／PASMO 等交通 IC 卡, nanaco、Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, au PAY, Merpay



  </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('zh-TW', 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, '0887-29-3018')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



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



<li>−</li>



<li>−</li>
</ul>


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



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



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1742857358963!6m8!1m7!1surbTLK-YatBe0aLDDpF1ew!2m2!1d33.52779916631115!2d134.2829842450922!3f54.48404900153351!4f3.505903326006006!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53215.76729991564!2d134.24451750195277!3d33.52776375965087!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x355265d583062591%3A0x1881e14e393aa675!2sHotel%20NALU!5e0!3m2!1sja!2sjp!4v1742857305789!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=Hotel NALU&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



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



<div style="height:50px" 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地圖 / 樂天旅遊 / Jalan / 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>浅間屋 (Asamaya)</title>
		<link>https://min88.jp/inn/zh/30372/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 18 Sep 2024 04:06:22 +0000</pubDate>
				<category><![CDATA[23 藥王寺]]></category>
		<category><![CDATA[德島縣]]></category>
		<category><![CDATA[4千日圓以下]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=30372</guid>

					<description><![CDATA[最後更新日期：2026年8月10日 “ 土間回憶與里山氣息交融的古民家宿 位於海陽町奧浦的「浅間屋 (Asam [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年8月10日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
      位於海陽町奧浦的「浅間屋 (Asamaya)」，深受釣魚、衝浪與徒步朝聖旅人喜愛。踏入保留傳統日本住宅風格的土間玄關，榻榻米與舊木材的香氣便溫柔地迎面而來。中庭四季花開，野鳥造訪，靜謐的時光緩緩流淌。全館僅有三間客房，卻貼心配備洗衣機、冰箱、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="23"
       data-lname="藥王寺"
       data-lkm="27.3"

       data-rkm="48.2"
       data-rnum="24"
       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に置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#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   = 德島縣海部郡海陽町奧浦町內163
tel       = 0884-73-4016|接待時間：8:00-20:00
website   = https://asama-ya.com
parking   = 未確認
rooms     = 3間
price     = 僅住宿：4,000日圓|含早餐：未確認|含晚餐：未確認|含早晚餐：未確認
checkin   = 未確認
checkout  = 未確認
wifi      = 有
laundry   = 洗衣機：未確認|烘乾機：未確認
payment   = 現金：可以|信用卡：未確認|電子支付：未確認

# ===== 電子支付（#を削除） =====
#emoney = QUICPay, iD, Suica／PASMO 等交通 IC 卡, nanaco、Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, au PAY, Merpay



  </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('zh-TW', 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, '0884-73-4016')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



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



<li>−</li>



<li>−</li>
</ul>


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



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



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1741736520109!6m8!1m7!1sdfwsItGDKEDbD4j4TihHPg!2m2!1d33.59442785844546!2d134.3559376508791!3f199.86295876869073!4f-0.2119505823788188!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d53175.04191863205!2d134.35495425677908!3d33.59388324603899!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35525e4e1b98623f%3A0xb7d8b0f575c4402e!2z44GC44GV44G-5bGL!5e0!3m2!1sja!2sjp!4v1741736437172!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=宿 あさま屋　徳島県&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



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



<div style="height:50px" 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地圖 / 樂天旅遊 / Jalan / 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>生本旅館（Ikumoto Ryokan）</title>
		<link>https://min88.jp/inn/zh/30361/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 18 Sep 2024 04:05:19 +0000</pubDate>
				<category><![CDATA[23 藥王寺]]></category>
		<category><![CDATA[德島縣]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=30361</guid>

					<description><![CDATA[最後更新日期：2026年8月10日 “ 讓一人旅也安心、貼心滿分的溫柔旅宿 位於德島縣海陽町奧浦的「生本旅館（ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年8月10日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
      位於德島縣海陽町奧浦的「生本旅館（Ikumoto Ryokan）」，以細膩入微的關懷，成為女性單人旅客也能安心入住的好選擇。全館共9間客房，從純住宿到含兩餐的方案皆可靈活選擇，並提供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="23"
       data-lname="藥王寺"
       data-lkm="27.3"

       data-rkm="48.2"
       data-rnum="24"
       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に置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#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   = 德島縣海部郡海陽町奧浦字町內171-1
tel       = 0884-73-1350|接待時間：8:00-20:00
website   = 未確認
parking   = 未確認
rooms     = 9間
price     = 僅住宿：4,400日圓|含早餐：未確認|含晚餐：未確認|含早晚餐：8,000日圓起
checkin   = 未確認
checkout  = 未確認
wifi      = 有
laundry   = 洗衣機：未確認|烘乾機：未確認
payment   = 現金：可以|信用卡：未確認|電子支付：未確認

# ===== 電子支付（#を削除） =====
#emoney = QUICPay, iD, Suica／PASMO 等交通 IC 卡, nanaco、Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, au PAY, Merpay


  </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('zh-TW', 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, '0884-73-1350')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



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



<li>−</li>



<li>−</li>
</ul>


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



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



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1741735161783!6m8!1m7!1sPhRhu7ZMxGHZYsDwinajsA!2m2!1d33.59368732487635!2d134.3560027194402!3f21.084165291079508!4f14.406006143909195!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d50861.780697175745!2d134.31714834977896!3d33.593919011331934!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35525e4e110949b9%3A0x770e7ec8c96b4547!2z55Sf5pys5peF6aSo!5e0!3m2!1sja!2sjp!4v1741735034443!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=徳島県　生本旅館&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



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



<div style="height:50px" 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地圖 / 樂天旅遊 / Jalan / 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>橋本屋旅館（Hashimotoya Ryokan)</title>
		<link>https://min88.jp/inn/zh/30180/</link>
		
		<dc:creator><![CDATA[みんなのへんろ事務局]]></dc:creator>
		<pubDate>Wed, 18 Sep 2024 03:56:36 +0000</pubDate>
				<category><![CDATA[23 藥王寺]]></category>
		<category><![CDATA[德島縣]]></category>
		<guid isPermaLink="false">https://min88.jp/inn/?p=30180</guid>

					<description><![CDATA[最後更新日期：2026年8月10日 “ 百年風華，讓心靜靜放鬆的遍路宿 走過第22號札所平等寺與第23號藥王寺 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p class="post-modified-info" style="margin-bottom: 80px">最後更新日期：2026年8月10日</p>  <div class="min88-lang-simple">
    <!-- タイトル行 -->
    <div class="min88-lang-title">
      <img decoding="async" src="https://min88.jp/inn/wp-content/uploads/2025/12/earth3.png"
           alt="LANGUAGE"
           class="min88-lang-earth">
      <span class="min88-lang-title-text">LANGUAGE</span>
    </div>

    <!-- 言語切り替え -->
    <nav class="min88-lang-row" aria-label="Language switcher">
              <div class="min88-lang-item">
          <a href="https://min88.jp/inn/category2/ryokan/"
             class="min88-lang-link">
            <span class="min88-lang-text">
              日本語            </span>
          </a>
                  </div>

                  <span class="min88-lang-separator">|</span>
        
                <div class="min88-lang-item">
          <a href="https://min88.jp/inn/en/category2/ryokan-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/category2/ryokan-zh/"
             class="min88-lang-link is-current">
            <span class="min88-lang-text">
              繁體中文            </span>
          </a>
                      <span class="min88-lang-underline"></span>
                  </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">
      走過第22號札所平等寺與第23號藥王寺後，「橋本屋旅館（Hashimotoya Ryokan)」以保留古町家風情的面貌，成為朝聖路上值得信賴的落腳處。擁有百年歷史與女將自然溫暖的款待，旅途的疲憊彷彿悄悄融化。全館僅八間客房，提供含兩餐的住宿方案，並以「可商量」的彈性態度讓人安心。女將親手料理的佳餚，以及對臨時需求的溫柔回應，直達步行朝聖者的心坎。這裡融合了小鎮氣息與人情溫度，悄悄補足再次啟程的力量，是值得推薦的溫馨住宿。
    </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="23"
       data-lname="藥王寺"
       data-lkm="12.5"

       data-rkm="10.1"
       data-rnum="24"
       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に置く） -->



<h3 id="基本信息" class="wp-block-heading">基本資訊</h3>



<!-- &#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;&#x1f1f9;&#x1f1fc;　基本情報 &#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   = 德島縣海部郡美波町西由岐西74-1
tel       = 0884-78-0033|接待時間：8:00-20:00
website   = https://r.goope.jp/hasimotoyaryokan/
parking   = 未確認
rooms     = 未確認
price     = 僅住宿：未確認|含早餐：未確認|含晚餐：未確認|含早晚餐：7,560日圓
checkin   = 15:00以後
checkout  = 10:00以前
wifi      = 未確認
laundry   = 洗衣機：未確認|烘乾機：未確認
payment   = 現金：可以|信用卡：未確認|電子支付：未確認

# ===== 電子支付（#を削除） =====
#emoney = QUICPay, iD, Suica／PASMO 等交通 IC 卡, nanaco、Rakuten Edy, WAON, PayPay, LINE Pay, Rakuten Pay, d払い（d Barai）, au PAY, Merpay



  </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('zh-TW', 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, '08847-78-0033')">
    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/260e.png" alt="☎" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 電話で空室確認
  </a>
</div>

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

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

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

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

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

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

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

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

  if (!link || !msg) return;

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

  let langKey = "ja";

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

    langKey = "en";

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

    langKey = "zh";

  }

  const textMap = {

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

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

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

  };

  const t = textMap[langKey];

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



<h3 id="補充信息" class="wp-block-heading">補充資訊</h3>



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



<li>−</li>



<li>−</li>
</ul>


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



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



<h3 id="地圖" class="wp-block-heading"><strong>地圖</strong></h3>



<iframe src="https://www.google.com/maps/embed?pb=!4v1741218925822!6m8!1m7!1sCAoSLEFGMVFpcE1uVmhrMW14UGFQUEVjS3gweHhLTHF0ZElXNFdKWVQ4SXdndFNr!2m2!1d33.77150852214895!2d134.5902761672409!3f107.18605433676969!4f-3.4399442971601104!5f0.7820865974627469" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53065.62498428792!2d134.54984949150526!3d33.77096053621996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35531da6da52e627%3A0xf60eabea8e8c7445!2z5qmL5pys5bGL5peF6aSo!5e0!3m2!1sja!2sjp!4v1741218886302!5m2!1sja!2sjp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>



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



<div class="min88-map-btn-wrap">
  <a class="min88-btn-map-green"
    href="https://www.google.com/maps/dir/?api=1&#038;destination=橋本屋旅館 徳島&#038;travelmode=walking"
    onclick="logAndGoRoute(event, this.href)"
    target="_blank" rel="noopener">
    <span class="min88-map-btn-main">從目前位置到住宿步行路線</span><br>
    <span class="min88-map-btn-sub">
      <span class="gm-dot gm-blue"></span>
      <span class="gm-dot gm-red"></span>
      <span class="gm-dot gm-yellow"></span>
      Powered by Google地圖
    </span>
  </a>
</div>

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



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



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



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



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



<h3 id="投稿圖片" class="wp-block-heading">投稿圖片</h3>



<!-- ▼▼▼ 暫無 ▼▼▼ -->
<p class="has-text-align-center has-background" style="background-color:#fbfbfb; border: 2px dashed #DDD; padding: 2px; text-align: center;">
    <br><span style="color: grey;">（暫無）</span><br><br>
</p>



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



<div style="height:50px" 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地圖 / 樂天旅遊 / Jalan / 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 style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



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



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
