<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>旅樂道</title>
	<atom:link href="https://yoooyooo8.jp/feed/" rel="self" type="application/rss+xml" />
	<link>https://yoooyooo8.jp</link>
	<description>旅を楽しむ、人生の道</description>
	<lastBuildDate>Tue, 05 May 2026 00:00:00 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://yoooyooo8.jp/wp-content/uploads/2026/01/cropped-Yoshi-favicon-32x32.jpg</url>
	<title>旅樂道</title>
	<link>https://yoooyooo8.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://yoooyooo8.jp/feed/"/>
	<item>
		<title>12Go Asiaの使い方｜東南アジアの移動チケットをスマホで予約する前に知っておきたいこと</title>
		<link>https://yoooyooo8.jp/12go-booking/</link>
					<comments>https://yoooyooo8.jp/12go-booking/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Tue, 05 May 2026 00:00:00 +0000</pubDate>
				<category><![CDATA[PR]]></category>
		<category><![CDATA[バックパッカー]]></category>
		<category><![CDATA[12Go]]></category>
		<category><![CDATA[東南アジア移動]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2482</guid>

					<description><![CDATA[✈ 2026年最新版 12Go Asiaで、アジアの移動をもっと自由にスマホで予約する前に知っておきたいこと バス・電車・フェリー・飛行機まで一括比較。 バックパッカーの移動計画がぐっとラクになるサービスを、基礎からてい [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     12Go Asia 使い方記事 / 冒頭セクション
     CSS prefix: .tga-
     WordPress custom HTML block 用
     ============================================================ -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&#038;family=M+PLUS+Rounded+1c:wght@700&#038;display=swap" rel="stylesheet">

<style>
/* ============================================================
   RESET & BASE（スコープ内のみ）
   ============================================================ */
.tga-wrap *,
.tga-wrap *::before,
.tga-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.tga-wrap {
  --tga-primary:    #0ea5e9;
  --tga-primary-d:  #0284c7;
  --tga-primary-l:  #e0f2fe;
  --tga-accent:     #f97316;
  --tga-accent-l:   #fff7ed;
  --tga-green:      #22c55e;
  --tga-dark:       #0f172a;
  --tga-mid:        #475569;
  --tga-light:      #f8fafc;
  --tga-white:      #ffffff;
  --tga-border:     #e2e8f0;
  --tga-shadow-sm:  0 2px 8px rgba(14,165,233,.12);
  --tga-shadow-md:  0 6px 24px rgba(14,165,233,.18);
  --tga-shadow-lg:  0 12px 40px rgba(14,165,233,.22);
  --tga-radius-sm:  8px;
  --tga-radius-md:  14px;
  --tga-radius-lg:  22px;
  --tga-font-body:  'Noto Sans JP', sans-serif;
  --tga-font-head:  'M PLUS Rounded 1c', sans-serif;

  font-family: var(--tga-font-body);
  color: var(--tga-dark);
  line-height: 1.7;
  overflow-x: hidden;
}

/* ============================================================
   ヒーローセクション
   ============================================================ */
.tga-wrap .tga-hero {
  position: relative;
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, #0c2340 0%, #0a3a6e 40%, #0ea5e9 100%);
  padding: 80px 30px 90px;
}

/* 波紋アニメーション背景 */
.tga-wrap .tga-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 20% 50%, rgba(14,165,233,.25) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 80% 30%, rgba(249,115,22,.12) 0%, transparent 55%),
    radial-gradient(ellipse 50% 50% at 50% 80%, rgba(34,197,94,.08) 0%, transparent 50%);
  animation: tga-bg-pulse 8s ease-in-out infinite alternate;
}

@keyframes tga-bg-pulse {
  0%   { opacity: .7; transform: scale(1); }
  100% { opacity: 1;  transform: scale(1.06); }
}

/* 飛行機アイコン（装飾） */
.tga-wrap .tga-hero-deco {
  position: absolute;
  font-size: 120px;
  opacity: .06;
  right: 5%;
  top: 50%;
  transform: translateY(-50%) rotate(-20deg);
  animation: tga-plane-float 6s ease-in-out infinite;
  user-select: none;
  pointer-events: none;
}

@keyframes tga-plane-float {
  0%, 100% { transform: translateY(-50%) rotate(-20deg) translateX(0); }
  50%       { transform: translateY(-54%) rotate(-20deg) translateX(8px); }
}

/* ヒーローコンテンツ */
.tga-wrap .tga-hero-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 800px;
  width: 100%;
  animation: tga-fade-up .9s ease both;
}

@keyframes tga-fade-up {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* バッジ */
.tga-wrap .tga-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.3);
  color: #fff;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .08em;
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
  animation: tga-fade-up .9s .1s ease both;
}

.tga-wrap .tga-hero-badge::before {
  content: '✈';
  font-size: .9rem;
}

/* ヒーローh2 ― Cocoon干渉を無効化 */
.tga-wrap .tga-hero h2.tga-hero-title,
.tga-wrap .tga-hero-title {
  background: transparent;
  padding: 0;
  border: none;
  margin: 0 0 14px;
  font-family: var(--tga-font-head);
  font-size: clamp(1.6rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--tga-white);
  line-height: 1.35;
  text-shadow: 0 2px 16px rgba(0,0,0,.3);
  animation: tga-fade-up .9s .15s ease both;
}

/* ヒーローサブタイトル */
.tga-wrap .tga-hero-sub {
  font-size: clamp(.95rem, 2vw, 1.1rem);
  color: rgba(255,255,255,.88);
  margin-bottom: 28px;
  animation: tga-fade-up .9s .25s ease both;
}



/* 波形（下端） */
.tga-wrap .tga-hero-wave {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  line-height: 0;
  pointer-events: none;
}

.tga-wrap .tga-hero-wave svg {
  display: block;
  width: 100%;
}

/* ============================================================
   この記事の要点
   ============================================================ */
.tga-wrap .tga-points {
  background: var(--tga-light);
  border-radius: var(--tga-radius-lg);
  padding: 36px 28px 32px;
  margin: 56px 0;
  border: 1.5px solid var(--tga-border);
}

.tga-wrap .tga-points-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--tga-font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--tga-primary-d);
  margin-bottom: 22px;
}

.tga-wrap .tga-points-label::before {
  content: '📌';
  font-size: 1.1rem;
}

.tga-wrap .tga-points-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tga-wrap .tga-points-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .95rem;
  line-height: 1.6;
  color: var(--tga-dark);
}

.tga-wrap .tga-points-list li::before {
  content: '✅';
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: .1em;
}

/* ============================================================
   アニメーション目次（CSS チェックボックスハック）
   ============================================================ */
.tga-wrap .tga-toc {
  background: var(--tga-white);
  border: 2px solid var(--tga-primary);
  border-radius: var(--tga-radius-md);
  margin: 56px 0;
  overflow: hidden;
  box-shadow: var(--tga-shadow-sm);
}

/* チェックボックス非表示 */
.tga-wrap .tga-toc-toggle {
  display: none;
}

/* 目次ヘッダー（ラベル） */
.tga-wrap .tga-toc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: var(--tga-primary);
  cursor: pointer;
  user-select: none;
  transition: background .2s;
}

.tga-wrap .tga-toc-header:hover {
  background: var(--tga-primary-d);
}

.tga-wrap .tga-toc-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 目次h3 ― 装飾なし */
.tga-wrap .tga-toc h3.tga-toc-title {
  font-family: var(--tga-font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--tga-white);
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}

.tga-wrap .tga-toc-icon {
  font-size: 1.1rem;
}

/* 開閉アイコン */
.tga-wrap .tga-toc-arrow {
  display: inline-block;
  color: var(--tga-white);
  font-size: 1rem;
  font-weight: 700;
  transition: transform .35s ease;
}

/* 目次コンテンツ（折りたたみ） */
.tga-wrap .tga-toc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .45s cubic-bezier(.4,0,.2,1);
}

/* チェック ON → 展開 */
.tga-wrap .tga-toc-toggle:checked ~ .tga-toc-body {
  max-height: 800px;
}

/* チェック ON → 矢印回転 */
.tga-wrap .tga-toc-toggle:checked ~ .tga-toc-header .tga-toc-arrow {
  transform: rotate(180deg);
}

.tga-wrap .tga-toc-body-inner {
  padding: 22px 24px 24px;
}

.tga-wrap .tga-toc-list {
  list-style: none;
  counter-reset: tga-toc-cnt;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tga-wrap .tga-toc-list li {
  counter-increment: tga-toc-cnt;
}

.tga-wrap .tga-toc-list a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--tga-primary-d);
  text-decoration: none;
  font-size: .92rem;
  font-weight: 500;
  padding: 6px 10px;
  border-radius: var(--tga-radius-sm);
  transition: background .18s, color .18s;
}

.tga-wrap .tga-toc-list a::before {
  content: counter(tga-toc-cnt);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: var(--tga-primary);
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}

.tga-wrap .tga-toc-list a:hover {
  background: var(--tga-primary-l);
  color: var(--tga-primary-d);
}

/* ============================================================
   共通セクションレイアウト
   ============================================================ */
.tga-wrap .tga-section {
  margin: 96px 0;
}

.tga-wrap .tga-section-lead {
  font-size: 1rem;
  color: var(--tga-mid);
  margin-bottom: 36px;
  line-height: 1.85;
}

/* h2 共通スタイル */
.tga-wrap h2.tga-h2 {
  font-family: var(--tga-font-head);
  font-size: clamp(1.25rem, 3vw, 1.6rem);
  font-weight: 700;
  color: var(--tga-dark);
  background: transparent;
  border: none;
  padding: 0 0 0 16px;
  margin: 0 0 36px;
  border-left: 5px solid var(--tga-primary);
  line-height: 1.4;
}

/* ============================================================
   セクション① ― 12Go Asiaとは
   ============================================================ */

/* サービス概要カード */
.tga-wrap .tga-about-card {
  background: var(--tga-primary-l);
  border-radius: var(--tga-radius-md);
  padding: 40px 32px;
  margin-bottom: 36px;
  border-left: 5px solid var(--tga-primary);
}

.tga-wrap .tga-about-card p {
  font-size: .97rem;
  line-height: 1.85;
  color: var(--tga-dark);
}

/* 画像ブロック */
.tga-wrap .tga-img-block {
  margin: 56px 0;
  border-radius: var(--tga-radius-md);
  overflow: hidden;
  box-shadow: var(--tga-shadow-md);
  background: var(--tga-light);
}

.tga-wrap .tga-img-block img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1200 / 800;
  object-fit: cover;
}

.tga-wrap .tga-img-caption {
  font-size: .82rem;
  color: var(--tga-mid);
  text-align: center;
  padding: 8px 12px;
  background: var(--tga-light);
}

/* 対応交通手段グリッド */
.tga-wrap .tga-transport-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 20px;
  margin: 40px 0;
}

.tga-wrap .tga-transport-item {
  background: var(--tga-white);
  border: 1.5px solid var(--tga-border);
  border-radius: var(--tga-radius-md);
  padding: 24px 14px 20px;
  text-align: center;
  box-shadow: var(--tga-shadow-sm);
  transition: transform .2s, box-shadow .2s, border-color .2s;
}

.tga-wrap .tga-transport-item:hover {
  transform: translateY(-3px);
  box-shadow: var(--tga-shadow-md);
  border-color: var(--tga-primary);
}

.tga-wrap .tga-transport-item .tga-t-icon {
  font-size: 2rem;
  display: block;
  margin-bottom: 8px;
}

.tga-wrap .tga-transport-item .tga-t-label {
  font-size: .88rem;
  font-weight: 700;
  color: var(--tga-dark);
  display: block;
}

.tga-wrap .tga-transport-item .tga-t-note {
  font-size: .78rem;
  color: var(--tga-mid);
  display: block;
  margin-top: 3px;
}

/* 選ばれる理由リスト */
.tga-wrap .tga-reason-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 40px 0;
}

.tga-wrap .tga-reason-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: var(--tga-white);
  border: 1.5px solid var(--tga-border);
  border-radius: var(--tga-radius-sm);
  padding: 36px 28px;
  font-size: .95rem;
  line-height: 1.65;
}

.tga-wrap .tga-reason-list li .tga-r-icon {
  font-size: 1.3rem;
  flex-shrink: 0;
  margin-top: .1em;
}

.tga-wrap .tga-reason-list li strong {
  color: var(--tga-primary-d);
}

/* ============================================================
   セクション② ― 対応交通手段と人気ルート
   ============================================================ */

/* ルートカードグリッド */
.tga-wrap .tga-route-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin: 40px 0;
}

.tga-wrap .tga-route-card {
  background: var(--tga-white);
  border: 1.5px solid var(--tga-border);
  border-radius: var(--tga-radius-md);
  overflow: hidden;
  box-shadow: var(--tga-shadow-sm);
  transition: transform .2s, box-shadow .2s;
}

.tga-wrap .tga-route-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--tga-shadow-md);
}

.tga-wrap .tga-route-card-head {
  background: var(--tga-primary);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.tga-wrap .tga-route-card-head .tga-rc-icon {
  font-size: 1.3rem;
}

.tga-wrap .tga-route-card-head .tga-rc-title {
  font-family: var(--tga-font-head);
  font-size: .95rem;
  font-weight: 700;
  color: var(--tga-white);
}

.tga-wrap .tga-route-card-body {
  padding: 28px 22px;
}

.tga-wrap .tga-route-tag-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tga-wrap .tga-route-tag-list li {
  background: var(--tga-primary-l);
  color: var(--tga-primary-d);
  font-size: .82rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.tga-wrap .tga-route-tag-list li::before {
  content: '→';
  font-size: .8rem;
}

/* 注意ボックス */
.tga-wrap .tga-note-box {
  background: var(--tga-accent-l);
  border-left: 5px solid var(--tga-accent);
  border-radius: var(--tga-radius-sm);
  padding: 30px 28px;
  margin: 36px 0;
  font-size: .93rem;
  line-height: 1.8;
  color: var(--tga-dark);
}

.tga-wrap .tga-note-box strong {
  color: var(--tga-accent);
}

/* ============================================================
   セクション③ ― 使い方ステップ
   ============================================================ */

/* ステップリスト */
.tga-wrap .tga-steps {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 36px 0;
  position: relative;
}

/* 縦ライン */
.tga-wrap .tga-steps::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, var(--tga-primary), var(--tga-primary-l));
  border-radius: 2px;
  z-index: 0;
}

.tga-wrap .tga-step-item {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding-bottom: 52px;
  position: relative;
  z-index: 1;
}

.tga-wrap .tga-step-item:last-child {
  padding-bottom: 0;
}

/* ステップ番号バッジ */
.tga-wrap .tga-step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--tga-primary);
  color: var(--tga-white);
  font-family: var(--tga-font-head);
  font-size: 1.05rem;
  font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 2px 10px rgba(14,165,233,.35);
  position: relative;
  z-index: 2;
}

.tga-wrap .tga-step-content {
  flex: 1;
  padding-top: 8px;
}

.tga-wrap .tga-step-content h3 {
  font-family: var(--tga-font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--tga-primary-d);
  margin-bottom: 6px;
  background: transparent;
  border: none;
  padding: 0;
}

.tga-wrap .tga-step-content p {
  font-size: .93rem;
  color: var(--tga-mid);
  line-height: 1.75;
}

.tga-wrap .tga-step-content .tga-step-tip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--tga-primary-l);
  color: var(--tga-primary-d);
  font-size: .82rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 100px;
  margin-top: 8px;
}

/* 画像ブロック（②と共通クラス流用） */
.tga-wrap .tga-img-block-2 {
  margin: 56px 0;
  border-radius: var(--tga-radius-md);
  overflow: hidden;
  box-shadow: var(--tga-shadow-md);
  background: var(--tga-light);
}

.tga-wrap .tga-img-block-2 img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1200 / 800;
  object-fit: cover;
}

/* スマホ利用ヒントボックス */
.tga-wrap .tga-info-box {
  background: var(--tga-primary-l);
  border-left: 5px solid var(--tga-primary);
  border-radius: var(--tga-radius-sm);
  padding: 30px 28px;
  margin: 36px 0;
  font-size: .93rem;
  line-height: 1.8;
  color: var(--tga-dark);
}

.tga-wrap .tga-info-box strong {
  color: var(--tga-primary-d);
}

/* ============================================================
   セクション④ ― 料金・手数料
   ============================================================ */

/* 料金比較テーブル */
.tga-wrap .tga-table-wrap {
  overflow-x: auto;
  margin: 36px 0;
  border-radius: var(--tga-radius-md);
  box-shadow: var(--tga-shadow-sm);
}

.tga-wrap .tga-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .92rem;
  background: var(--tga-white);
}

.tga-wrap .tga-table thead tr {
  background: var(--tga-primary);
  color: var(--tga-white);
}

.tga-wrap .tga-table th {
  padding: 14px 20px;
  font-family: var(--tga-font-head);
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
}

.tga-wrap .tga-table td {
  padding: 14px 20px;
  border-bottom: 1px solid var(--tga-border);
  vertical-align: middle;
  line-height: 1.6;
}

.tga-wrap .tga-table tbody tr:last-child td {
  border-bottom: none;
}

.tga-wrap .tga-table tbody tr:nth-child(even) td {
  background: var(--tga-light);
}

.tga-wrap .tga-table .tga-badge-ok {
  display: inline-block;
  background: var(--tga-green);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 100px;
}

.tga-wrap .tga-table .tga-badge-warn {
  display: inline-block;
  background: var(--tga-accent);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 100px;
}

/* 支払い方法カード */
.tga-wrap .tga-pay-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin: 40px 0;
}

.tga-wrap .tga-pay-card {
  background: var(--tga-white);
  border: 1.5px solid var(--tga-border);
  border-radius: var(--tga-radius-md);
  padding: 32px 24px;
  text-align: center;
  box-shadow: var(--tga-shadow-sm);
}

.tga-wrap .tga-pay-card .tga-pay-icon {
  font-size: 1.8rem;
  display: block;
  margin-bottom: 8px;
}

.tga-wrap .tga-pay-card .tga-pay-label {
  font-size: .9rem;
  font-weight: 700;
  color: var(--tga-dark);
  display: block;
}

.tga-wrap .tga-pay-card .tga-pay-note {
  font-size: .78rem;
  color: var(--tga-mid);
  display: block;
  margin-top: 4px;
  line-height: 1.55;
}

/* アフィリエイトCTAバナー */
.tga-wrap .tga-cta-banner {
  background: linear-gradient(135deg, var(--tga-primary-d) 0%, var(--tga-primary) 100%);
  border-radius: var(--tga-radius-lg);
  padding: 40px 32px;
  margin: 72px 0;
  text-align: center;
  box-shadow: var(--tga-shadow-lg);
}

.tga-wrap .tga-cta-banner p {
  color: rgba(255,255,255,.9);
  font-size: .95rem;
  margin-bottom: 24px;
  line-height: 1.7;
}

.tga-wrap .tga-cta-banner a.tga-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--tga-accent);
  color: var(--tga-white);
  font-family: var(--tga-font-head);
  font-size: 1rem;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 18px rgba(249,115,22,.45);
  transition: transform .2s, box-shadow .2s;
}

.tga-wrap .tga-cta-banner a.tga-cta-btn::after {
  content: '→';
}

.tga-wrap .tga-cta-banner a.tga-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(249,115,22,.55);
}

/* ============================================================
   セクション⑤ ― 安全に使うための3つのヒント
   ============================================================ */

/* ヒントカード（アイコン＋テキスト横並び） */
.tga-wrap .tga-tip-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 48px 0;
}

.tga-wrap .tga-tip-card {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  background: var(--tga-white);
  border: 1.5px solid var(--tga-border);
  border-radius: var(--tga-radius-md);
  padding: 36px 28px;
  box-shadow: var(--tga-shadow-sm);
  transition: transform .2s, box-shadow .2s;
}

.tga-wrap .tga-tip-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--tga-shadow-md);
}

.tga-wrap .tga-tip-card-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--tga-primary-l);
  color: var(--tga-primary-d);
  font-family: var(--tga-font-head);
  font-size: 1.4rem;
  flex-shrink: 0;
}

.tga-wrap .tga-tip-card-body h3 {
  font-family: var(--tga-font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--tga-primary-d);
  margin-bottom: 6px;
  background: transparent;
  border: none;
  padding: 0;
}

.tga-wrap .tga-tip-card-body p {
  font-size: .93rem;
  color: var(--tga-mid);
  line-height: 1.75;
}

.tga-wrap .tga-tip-card-body strong {
  color: var(--tga-dark);
}

/* 警告ボックス（赤系） */
.tga-wrap .tga-warn-box {
  background: #fff5f5;
  border-left: 5px solid #f87171;
  border-radius: var(--tga-radius-sm);
  padding: 30px 28px;
  margin: 36px 0;
  font-size: .93rem;
  line-height: 1.8;
  color: var(--tga-dark);
}

.tga-wrap .tga-warn-box strong {
  color: #dc2626;
}

/* ============================================================
   セクション⑥ ― FAQ
   ============================================================ */

.tga-wrap .tga-faq-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 48px 0;
}

/* チェックボックスハック（各FAQ項目） */
.tga-wrap .tga-faq-toggle {
  display: none;
}

.tga-wrap .tga-faq-item {
  border: 1.5px solid var(--tga-border);
  border-radius: var(--tga-radius-md);
  overflow: hidden;
  box-shadow: var(--tga-shadow-sm);
}

/* Qラベル */
.tga-wrap .tga-faq-q {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 22px;
  cursor: pointer;
  background: var(--tga-white);
  user-select: none;
  transition: background .18s;
}

.tga-wrap .tga-faq-q:hover {
  background: var(--tga-primary-l);
}

.tga-wrap .tga-faq-q-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--tga-primary);
  color: var(--tga-white);
  font-family: var(--tga-font-head);
  font-size: .85rem;
  font-weight: 700;
  flex-shrink: 0;
}

.tga-wrap .tga-faq-q-text {
  flex: 1;
  font-size: .95rem;
  font-weight: 700;
  color: var(--tga-dark);
  line-height: 1.5;
}

.tga-wrap .tga-faq-q-arrow {
  font-size: .85rem;
  color: var(--tga-primary);
  font-weight: 700;
  flex-shrink: 0;
  transition: transform .3s ease;
}

/* A：折りたたみ */
.tga-wrap .tga-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(.4,0,.2,1);
  background: var(--tga-light);
}

.tga-wrap .tga-faq-a-inner {
  display: flex;
  gap: 12px;
  padding: 20px 22px 24px;
  border-top: 1px solid var(--tga-border);
}

.tga-wrap .tga-faq-a-badge {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--tga-accent);
  color: var(--tga-white);
  font-family: var(--tga-font-head);
  font-size: .85rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 1px;
}

.tga-wrap .tga-faq-a-text {
  font-size: .92rem;
  color: var(--tga-mid);
  line-height: 1.8;
}

.tga-wrap .tga-faq-a-text strong {
  color: var(--tga-dark);
}

/* チェックON → 展開＋矢印回転 */
.tga-wrap .tga-faq-toggle:checked ~ .tga-faq-q .tga-faq-q-arrow {
  transform: rotate(180deg);
}

.tga-wrap .tga-faq-toggle:checked ~ .tga-faq-a {
  max-height: 400px;
}

/* ============================================================
   セクション⑦ ― まとめ
   ============================================================ */

/* まとめボックス */
.tga-wrap .tga-summary-box {
  background: linear-gradient(135deg, var(--tga-primary-l) 0%, #f0f9ff 100%);
  border: 2px solid var(--tga-primary);
  border-radius: var(--tga-radius-lg);
  padding: 48px 36px 40px;
  margin: 48px 0 56px;
}

.tga-wrap .tga-summary-box .tga-summary-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--tga-font-head);
  font-size: 1rem;
  font-weight: 700;
  color: var(--tga-primary-d);
  margin-bottom: 16px;
}

.tga-wrap .tga-summary-box .tga-summary-label::before {
  content: '📝';
  font-size: 1.1rem;
}

.tga-wrap .tga-summary-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tga-wrap .tga-summary-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .95rem;
  line-height: 1.65;
  color: var(--tga-dark);
}

.tga-wrap .tga-summary-list li::before {
  content: '✅';
  flex-shrink: 0;
  margin-top: .05em;
}

/* 締めテキスト */
.tga-wrap .tga-summary-closing {
  font-size: .97rem;
  line-height: 1.9;
  color: var(--tga-mid);
  margin: 28px 0 0;
}

/* 最終CTA（大） */
.tga-wrap .tga-cta-final {
  background: linear-gradient(135deg, #0c2340 0%, #0a3a6e 50%, var(--tga-primary) 100%);
  border-radius: var(--tga-radius-lg);
  padding: 64px 36px 56px;
  margin: 64px 0 0;
  text-align: center;
  box-shadow: var(--tga-shadow-lg);
  position: relative;
  overflow: hidden;
}

.tga-wrap .tga-cta-final::before {
  content: '✈';
  position: absolute;
  font-size: 140px;
  opacity: .05;
  right: -10px;
  top: 50%;
  transform: translateY(-50%) rotate(-15deg);
  pointer-events: none;
  user-select: none;
}

.tga-wrap .tga-cta-final-title {
  font-family: var(--tga-font-head);
  font-size: clamp(1.15rem, 3vw, 1.4rem);
  font-weight: 700;
  color: var(--tga-white);
  margin-bottom: 10px;
}

.tga-wrap .tga-cta-final-sub {
  font-size: .92rem;
  color: rgba(255,255,255,.82);
  margin-bottom: 32px;
  line-height: 1.7;
}

.tga-wrap .tga-cta-final a.tga-cta-btn-lg {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--tga-accent);
  color: var(--tga-white);
  font-family: var(--tga-font-head);
  font-size: 1.05rem;
  font-weight: 700;
  padding: 16px 36px;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 20px rgba(249,115,22,.5);
  transition: transform .2s, box-shadow .2s;
}

.tga-wrap .tga-cta-final a.tga-cta-btn-lg::after {
  content: '→';
  font-size: 1.1rem;
}

.tga-wrap .tga-cta-final a.tga-cta-btn-lg:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(249,115,22,.6);
}

.tga-wrap .tga-cta-final .tga-cta-note {
  font-size: .78rem;
  color: rgba(255,255,255,.6);
  margin-top: 12px;
}

/* ============================================================
   レスポンシブ
   ============================================================ */
@media (max-width: 640px) {
  .tga-wrap .tga-hero {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding: 50px 20px 60px;
    min-height: 400px;
  }

  .tga-wrap .tga-hero-deco {
    font-size: 72px;
    right: 2%;
    opacity: .05;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tga-wrap *,
  .tga-wrap *::before,
  .tga-wrap *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}
</style>

<!-- ============================================================
     WRAPPER
     ============================================================ -->
<div class="tga-wrap">

  <!-- ========================================================
       ① ヒーローセクション
       ======================================================== -->
  <section class="tga-hero" aria-label="記事ヘッダー">
    <span class="tga-hero-deco" aria-hidden="true">✈</span>

    <div class="tga-hero-inner">
      <div class="tga-hero-badge" aria-hidden="true">2026年最新版</div>

      <!-- Cocoon h2干渉対策：クラス二重指定で詳細度を確保 -->
      <h2 class="tga-hero-title" id="tga-top">
        12Go Asiaで、アジアの移動をもっと自由に<br>スマホで予約する前に知っておきたいこと
      </h2>

      <p class="tga-hero-sub">
        バス・電車・フェリー・飛行機まで一括比較。<br>
        バックパッカーの移動計画がぐっとラクになるサービスを、基礎からていねいにお伝えします。
      </p>


    </div>

    <!-- 波形装飾 -->
    <div class="tga-hero-wave" aria-hidden="true">
      <svg viewBox="0 0 1440 56" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
        <path d="M0,32 C240,56 480,0 720,28 C960,56 1200,8 1440,32 L1440,56 L0,56 Z" fill="#ffffff"/>
      </svg>
    </div>
  </section>

  <!-- ========================================================
       ② この記事の要点
       ======================================================== -->
  <section class="tga-points" aria-label="この記事の要点">
    <div class="tga-points-label">この記事の要点</div>
    <ul class="tga-points-list">
      <li>12Go Asiaは東南アジア500以上の交通機関を一括比較・予約できるプラットフォームです</li>
      <li>バス・電車・フェリー・飛行機・送迎まで対応しており、バックパッカーの強い味方になります</li>
      <li>日本語表示に対応しており、スマホやPCからクレジットカードで簡単に予約できます</li>
      <li>口コミ確認や余裕ある予約タイミングなど、安心して使うためのヒントも紹介します</li>
    </ul>
  </section>

  <!-- ========================================================
       ③ アニメーション目次（CSS チェックボックスハック）
       ======================================================== -->
  <nav class="tga-toc" aria-label="目次">
    <input type="checkbox"
           id="tga-toc-toggle"
           class="tga-toc-toggle"
           checked
           aria-hidden="true">

    <label for="tga-toc-toggle"
           class="tga-toc-header"
           aria-label="目次を開閉する">
      <div class="tga-toc-header-left">
        <span class="tga-toc-icon" aria-hidden="true">📋</span>
        <h3 class="tga-toc-title">目次</h3>
      </div>
      <span class="tga-toc-arrow" aria-hidden="true">▼</span>
    </label>

    <div class="tga-toc-body">
      <div class="tga-toc-body-inner">
        <ol class="tga-toc-list">
          <li><a href="#tga-about">12Go Asiaとは？東南アジアをつなぐ移動予約プラットフォーム</a></li>
          <li><a href="#tga-routes">12Goで予約できる交通手段と人気ルート</a></li>
          <li><a href="#tga-howto">12Goの使い方｜予約ステップを順番に</a></li>
          <li><a href="#tga-fee">料金・手数料について知っておきたいこと</a></li>
          <li><a href="#tga-tips">安全に使うための3つのヒント</a></li>
          <li><a href="#tga-faq">よくある質問（FAQ）</a></li>
          <li><a href="#tga-summary">まとめ</a></li>
        </ol>
      </div>
    </div>
  </nav>


  <!-- ========================================================
       ① 12Go Asiaとは？
       ======================================================== -->
  <section class="tga-section" id="tga-about" aria-labelledby="tga-h2-about">

    <h2 class="tga-h2" id="tga-h2-about">
      12Go Asiaとは？東南アジアをつなぐ移動予約プラットフォーム
    </h2>

    <div class="tga-about-card">
      <p>
        12Go Asiaは、シンガポールとタイに拠点を置く交通チケット予約プラットフォームです。
        東南アジアを中心に500社以上の交通機関と提携しており、バス・電車・フェリー・飛行機・送迎を
        一つの画面で比較・予約することができます。旅のルートと日程を入力するだけで
        複数の移動手段と料金が一覧表示されるため、現地でチケット売り場を探し回る手間がなくなります。
      </p>
    </div>

    <!-- 画像①：東南アジア地図・交通イメージ -->
    <figure class="tga-img-block">
      <img decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/03/A-map-of-Southeast-Asia-and-images-of-transportation-options-available-for-booking-on-12Go-Asia.jpg"
           alt="東南アジアの地図と12Go Asiaで予約できる交通手段のイメージ（イメージ）"
           width="1200" height="800" loading="lazy">
      <figcaption class="tga-img-caption">
        東南アジア各国をつなぐ移動手段を一括で比較・予約できます（イメージ）
      </figcaption>
    </figure>

    <p class="tga-section-lead">
      対応している交通手段は以下の5種類。陸路から海路・空路まで幅広くカバーしているのが
      12Go Asiaの強みです。
    </p>

    <!-- 交通手段グリッド -->
    <div class="tga-transport-grid" role="list" aria-label="対応交通手段">
      <div class="tga-transport-item" role="listitem">
        <span class="tga-t-icon" aria-hidden="true">🚌</span>
        <span class="tga-t-label">バス</span>
        <span class="tga-t-note">長距離・国際線も対応</span>
      </div>
      <div class="tga-transport-item" role="listitem">
        <span class="tga-t-icon" aria-hidden="true">🚂</span>
        <span class="tga-t-label">電車・鉄道</span>
        <span class="tga-t-note">タイ・マレーシア等</span>
      </div>
      <div class="tga-transport-item" role="listitem">
        <span class="tga-t-icon" aria-hidden="true">⛴️</span>
        <span class="tga-t-label">フェリー</span>
        <span class="tga-t-note">島間・河川ルート</span>
      </div>
      <div class="tga-transport-item" role="listitem">
        <span class="tga-t-icon" aria-hidden="true">✈️</span>
        <span class="tga-t-label">飛行機</span>
        <span class="tga-t-note">LCC含む国内外線</span>
      </div>
      <div class="tga-transport-item" role="listitem">
        <span class="tga-t-icon" aria-hidden="true">🚐</span>
        <span class="tga-t-label">送迎・ミニバン</span>
        <span class="tga-t-note">空港〜ホテル間など</span>
      </div>
    </div>

    <p class="tga-section-lead">
      では、数あるチケット予約サービスの中でなぜ12Go Asiaがバックパッカーに選ばれているのでしょうか。
      その理由を整理しておきます。
    </p>

    <!-- 選ばれる理由リスト -->
    <ul class="tga-reason-list" aria-label="12Go Asiaが選ばれる理由">
      <li>
        <span class="tga-r-icon" aria-hidden="true">🌐</span>
        <div>
          <strong>日本語表示に対応</strong><br>
          サイトの言語設定を日本語に切り替えることができ、
          現地語が読めなくても予約をスムーズに進められます。
        </div>
      </li>
      <li>
        <span class="tga-r-icon" aria-hidden="true">💳</span>
        <div>
          <strong>クレジットカード・PayPalで完結</strong><br>
          現金を用意したり両替したりする必要がなく、
          日本出発前に座席まで確保できます。
        </div>
      </li>
      <li>
        <span class="tga-r-icon" aria-hidden="true">📱</span>
        <div>
          <strong>Eチケットをスマホに保存して乗車</strong><br>
          予約完了後にメールで届くEチケットを提示するだけ。
          窓口並びや印刷の手間がありません。
        </div>
      </li>
      <li>
        <span class="tga-r-icon" aria-hidden="true">⭐</span>
        <div>
          <strong>口コミ・レビューで交通機関を選べる</strong><br>
          各バス会社や船会社の評判がレビューで確認できるため、
          安心できる移動手段を選ぶヒントになります。
        </div>
      </li>
    </ul>

  </section>

  <!-- ========================================================
       ② 予約できる交通手段と人気ルート
       ======================================================== -->
  <section class="tga-section" id="tga-routes" aria-labelledby="tga-h2-routes">

    <h2 class="tga-h2" id="tga-h2-routes">
      12Goで予約できる交通手段と人気ルート
    </h2>

    <p class="tga-section-lead">
      12Go Asiaが特に強いのはタイ・ベトナム・マレーシア・カンボジア・ラオス・インドネシア（バリ島含む）エリアです。
      バックパッカーがよく利用するルートを国内・国際・フェリーの3カテゴリに分けて紹介します。
    </p>

    <!-- ルートカードグリッド -->
    <div class="tga-route-grid" aria-label="人気ルート一覧">

      <article class="tga-route-card">
        <div class="tga-route-card-head">
          <span class="tga-rc-icon" aria-hidden="true">🇹🇭</span>
          <span class="tga-rc-title">タイ国内ルート</span>
        </div>
        <div class="tga-route-card-body">
          <ul class="tga-route-tag-list" aria-label="タイ国内人気ルート">
            <li>バンコク ⇔ チェンマイ</li>
            <li>バンコク ⇔ クラビ</li>
            <li>バンコク ⇔ パタヤ</li>
            <li>バンコク ⇔ アユタヤ</li>
            <li>チェンマイ ⇔ パーイ</li>
          </ul>
        </div>
      </article>

      <article class="tga-route-card">
        <div class="tga-route-card-head">
          <span class="tga-rc-icon" aria-hidden="true">🌏</span>
          <span class="tga-rc-title">国際ルート（国境越え）</span>
        </div>
        <div class="tga-route-card-body">
          <ul class="tga-route-tag-list" aria-label="国際人気ルート">
            <li>バンコク ⇔ プノンペン</li>
            <li>バンコク ⇔ ルアンパバーン</li>
            <li>バンコク ⇔ ハノイ</li>
            <li>チェンマイ ⇔ ルアンパバーン</li>
            <li>ホーチミン ⇔ シェムリアップ</li>
          </ul>
        </div>
      </article>

      <article class="tga-route-card">
        <div class="tga-route-card-head">
          <span class="tga-rc-icon" aria-hidden="true">⛴️</span>
          <span class="tga-rc-title">フェリー・島間ルート</span>
        </div>
        <div class="tga-route-card-body">
          <ul class="tga-route-tag-list" aria-label="フェリー人気ルート">
            <li>プーケット ⇔ クラビ</li>
            <li>スラータニー ⇔ サムイ島</li>
            <li>チュムポン ⇔ タオ島</li>
            <li>バリ島 ⇔ ペニダ島</li>
            <li>バリ島 ⇔ ロンボク島</li>
          </ul>
        </div>
      </article>

    </div>

    <div class="tga-note-box" role="note">
      <strong>ヒント：</strong>
      バスとフェリーを組み合わせた「ジョイントチケット」も購入可能です。
      たとえばバンコクからサムイ島まで、バス＋フェリーをまとめて1回の予約で手配できるため、
      乗り継ぎの手間が大幅に減ります。島を目的地にするバックパッカーに特に重宝されています。
    </div>

  </section>

  <!-- ========================================================
       ③ 12Goの使い方｜予約ステップを順番に
       ======================================================== -->
  <section class="tga-section" id="tga-howto" aria-labelledby="tga-h2-howto">

    <h2 class="tga-h2" id="tga-h2-howto">
      12Goの使い方｜予約ステップを順番に
    </h2>

    <p class="tga-section-lead">
      12Go Asiaの予約は、出発地と目的地を入力してチケットを選ぶだけのシンプルな流れです。
      はじめて利用する方でもスムーズに進められるよう、画面の操作順にそって説明します。
    </p>

    <ol class="tga-steps" aria-label="12Go Asia 予約ステップ">

      <li class="tga-step-item">
        <div class="tga-step-num" aria-hidden="true">1</div>
        <div class="tga-step-content">
          <h3>出発地・目的地・日程を入力する</h3>
          <p>
            サイト上部の検索フォームに出発地と目的地の地名を入力します。
            地名の最初の数文字を打ち込むと候補がリスト表示されるので、
            一覧から選択してください。日程・人数を設定したら「チケットを探す」をクリックします。
          </p>
          <span class="tga-step-tip">💡 片道・往復どちらも選択可能</span>
        </div>
      </li>

      <li class="tga-step-item">
        <div class="tga-step-num" aria-hidden="true">2</div>
        <div class="tga-step-content">
          <h3>交通手段と便を選ぶ</h3>
          <p>
            検索結果には出発時刻・到着時刻・所要時間・料金・交通手段が一覧で表示されます。
            バス・電車・フェリーなど手段を絞り込むフィルターも活用しましょう。
            各便のレビュー評価を参考にしながら、自分の旅程に合った便を選んでください。
          </p>
          <span class="tga-step-tip">💡 「ℹ️」マークでキャンセルポリシーを事前確認できます</span>
        </div>
      </li>

      <li class="tga-step-item">
        <div class="tga-step-num" aria-hidden="true">3</div>
        <div class="tga-step-content">
          <h3>乗客情報を入力する</h3>
          <p>
            氏名・連絡先・メールアドレスを入力します。
            メールアドレスは旅行中でも確認できるアドレス（GmailやYahoo等）を登録してください。
            Eチケットはこのアドレスに届きます。旅行保険（Trip Insurance）は
            画面下部で選択解除することができます。
          </p>
          <span class="tga-step-tip">💡 氏名はパスポートと同じローマ字表記を推奨</span>
        </div>
      </li>

      <li class="tga-step-item">
        <div class="tga-step-num" aria-hidden="true">4</div>
        <div class="tga-step-content">
          <h3>支払いを完了する</h3>
          <p>
            合計金額（チケット代＋手数料）を確認し、クレジットカードまたはPayPalで支払います。
            Visa認証コード（3Dセキュア）が求められる場合があるので、
            カード会社のアプリや認証コードを手元に用意しておくとスムーズです。
          </p>
          <span class="tga-step-tip">💡 手数料はチケット代の約3〜5%程度が目安</span>
        </div>
      </li>

      <li class="tga-step-item">
        <div class="tga-step-num" aria-hidden="true">5</div>
        <div class="tga-step-content">
          <h3>Eチケットを受け取り・保存する</h3>
          <p>
            支払い完了後、登録メールアドレスにEチケット（PDF）が届きます。
            スマホのスクリーンショットまたはPDFとして保存しておきましょう。
            現地ではこのチケットを乗務員や窓口スタッフに提示するだけで乗車できます。
          </p>
          <span class="tga-step-tip">💡 オフラインでも見られるよう事前にダウンロードを</span>
        </div>
      </li>

    </ol>

    <!-- 画像②：予約画面イメージ -->
    <figure class="tga-img-block-2">
      <img decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/03/Image-of-the-12Go-Asia-booking-screen.-This-is-the-screen-where-you-enter-your-departure-city-destination-city-and-dates-to-se.jpg"
           alt="12Go Asiaの予約画面イメージ。出発地・目的地・日程を入力してチケットを選ぶ操作画面（イメージ）"
           width="1200" height="800" loading="lazy">
      <figcaption class="tga-img-caption">
        検索フォームから手順通りに進めるだけで予約が完了します（イメージ）
      </figcaption>
    </figure>

    <div class="tga-info-box" role="note">
      <strong>スマホで予約するときのヒント：</strong><br>
      Googleクロームブラウザで開けば画面をそのまま日本語に翻訳しながら操作できます。
      また、Wi-Fiがない環境での予約はトラブルの原因になることがあるため、
      安定したネット環境のあるタイミングで行うことをおすすめします。
    </div>

  </section>

  <!-- ========================================================
       ④ 料金・手数料について
       ======================================================== -->
  <section class="tga-section" id="tga-fee" aria-labelledby="tga-h2-fee">

    <h2 class="tga-h2" id="tga-h2-fee">
      料金・手数料について知っておきたいこと
    </h2>

    <p class="tga-section-lead">
      12Go Asiaで表示される金額は「チケット代＋決済手数料」の合計です。
      予約前に料金の仕組みを把握しておくと、支払い時に慌てずに済みます。
    </p>

    <!-- 料金内訳テーブル -->
    <div class="tga-table-wrap" role="region" aria-label="12Go Asia 料金内訳">
      <table class="tga-table">
        <thead>
          <tr>
            <th scope="col">項目</th>
            <th scope="col">内容</th>
            <th scope="col">目安</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>チケット代</td>
            <td>交通機関が定める運賃</td>
            <td>ルートにより異なる</td>
          </tr>
          <tr>
            <td>決済手数料<br>（Payment System Fee）</td>
            <td>12Go Asiaの仲介・システム利用料</td>
            <td>チケット代の約3〜5%</td>
          </tr>
          <tr>
            <td>旅行保険<br>（Trip Insurance）</td>
            <td>任意。購入画面で選択解除可</td>
            <td><span class="tga-badge-ok">任意</span> 不要なら外せる</td>
          </tr>
          <tr>
            <td>為替手数料</td>
            <td>クレカ会社による外貨換算</td>
            <td>カードにより1〜3%程度</td>
          </tr>
        </tbody>
      </table>
    </div>

    <p class="tga-section-lead">
      チケット代そのものは現地窓口と同水準か、やや高い場合もありますが、
      事前に座席を確保できる安心感と手間のなさを考えると、
      多くのバックパッカーにとって納得できる差額といえます。
    </p>

    <!-- 支払い方法 -->
    <div class="tga-pay-grid" aria-label="利用できる支払い方法">
      <div class="tga-pay-card">
        <span class="tga-pay-icon" aria-hidden="true">💳</span>
        <span class="tga-pay-label">クレジットカード</span>
        <span class="tga-pay-note">Visa / Mastercard<br>3Dセキュア対応推奨</span>
      </div>
      <div class="tga-pay-card">
        <span class="tga-pay-icon" aria-hidden="true">🅿️</span>
        <span class="tga-pay-label">PayPal</span>
        <span class="tga-pay-note">アカウント不要プランも。<br>海外利用に安心</span>
      </div>
      <div class="tga-pay-card">
        <span class="tga-pay-icon" aria-hidden="true">🏪</span>
        <span class="tga-pay-label">コンビニ払い</span>
        <span class="tga-pay-note">タイ国内の一部路線のみ<br>（セブン-イレブン等）</span>
      </div>
    </div>

    <div class="tga-note-box" role="note">
      <strong>ヒント：</strong>
      海外利用手数料が無料のクレジットカード（楽天カード・エポスカード等）を使うと、
      為替手数料の上乗せを抑えられます。旅行前にカードの海外利用設定を確認しておくと安心です。
    </div>

    <!-- アフィリエイトCTA①（セクション④の末尾） -->
    <div class="tga-cta-banner" role="complementary" aria-label="12Go Asia 予約案内">
      <p>
        料金と空席はリアルタイムで変動します。<br>
        気になるルートはまず検索してみましょう。
      </p>
      <a rel="nofollow sponsored noopener" href="https://12go.asia/jp/?z=13808815" target="_blank" class="tga-cta-btn" aria-label="12Go Asiaでルートと料金を確認する（外部リンク）">
        ルートと料金を確認する
      </a>
    </div>

  </section>

  <!-- ========================================================
       ⑤ 安全に使うための3つのヒント
       ======================================================== -->
  <section class="tga-section" id="tga-tips" aria-labelledby="tga-h2-tips">

    <h2 class="tga-h2" id="tga-h2-tips">
      安全に使うための3つのヒント
    </h2>

    <p class="tga-section-lead">
      12Go Asiaは便利なサービスですが、現地オペレーターとの連携が必要な仲介サービスである以上、
      まれにトラブルが起こることもあります。以下の3点を意識するだけで、
      リスクを大幅に減らすことができます。
    </p>

    <div class="tga-tip-cards" role="list" aria-label="安全に使うためのヒント">

      <div class="tga-tip-card" role="listitem">
        <div class="tga-tip-card-num" aria-hidden="true">⭐</div>
        <div class="tga-tip-card-body">
          <h3>ヒント① 予約前に口コミ・レビューを必ず確認する</h3>
          <p>
            12Go Asiaでは各バス会社・船会社のレビューが確認できます。
            <strong>低評価が集中している交通機関は避ける</strong>のが基本です。
            「安い＝粗悪」とは限りませんが、悪い口コミが多い便は
            遅延・キャンセル・座席未確保のリスクが高い傾向にあります。
            星3以上・レビュー件数が多い便を選ぶと安心です。
          </p>
        </div>
      </div>

      <div class="tga-tip-card" role="listitem">
        <div class="tga-tip-card-num" aria-hidden="true">📅</div>
        <div class="tga-tip-card-body">
          <h3>ヒント② 出発の2〜3日前までに予約を済ませる</h3>
          <p>
            12Go Asiaは予約確定まで数時間〜1日かかる場合があります。
            特に繁忙期（ソンクラーン・年末年始など）は
            <strong>早めの予約が座席確保のカギ</strong>です。
            当日や前日の予約はチケット未着リスクが上がるため、
            旅程が決まったら早めに手配しておきましょう。
          </p>
        </div>
      </div>

      <div class="tga-tip-card" role="listitem">
        <div class="tga-tip-card-num" aria-hidden="true">📱</div>
        <div class="tga-tip-card-body">
          <h3>ヒント③ Eチケットと連絡先をオフラインで保存する</h3>
          <p>
            予約完了後はEチケットをスクリーンショットまたはPDFで保存し、
            <strong>ネットなしでも表示できる状態</strong>にしておきましょう。
            あわせて12Go Asiaのサポート連絡先（WhatsApp対応あり）を
            メモしておくと、万一のトラブル時にすぐ問い合わせられます。
          </p>
        </div>
      </div>

    </div>

    <div class="tga-warn-box" role="note">
      <strong>⚠️ 注意：</strong>
      タイ国内の一部路線では、PDFチケットではなく
      <strong>現地事務所での引き換えが必要な場合</strong>があります。
      予約確認メールに記載の「引き換え場所・時間」を必ず確認してから移動してください。
    </div>

  </section>

  <!-- ========================================================
       ⑥ FAQ（よくある質問）
       ======================================================== -->
  <section class="tga-section" id="tga-faq" aria-labelledby="tga-h2-faq">

    <h2 class="tga-h2" id="tga-h2-faq">
      よくある質問（FAQ）
    </h2>

    <ul class="tga-faq-list" aria-label="よくある質問一覧">

      <!-- Q1 -->
      <li class="tga-faq-item">
        <input type="checkbox" id="tga-faq1" class="tga-faq-toggle" aria-hidden="true">
        <label for="tga-faq1" class="tga-faq-q" aria-label="12Go Asiaは日本語で使えますか？">
          <span class="tga-faq-q-badge">Q</span>
          <span class="tga-faq-q-text">12Go Asiaは日本語で使えますか？</span>
          <span class="tga-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="tga-faq-a">
          <div class="tga-faq-a-inner">
            <span class="tga-faq-a-badge">A</span>
            <p class="tga-faq-a-text">
              サイト上部の言語設定から日本語に切り替えることができます。
              また、Googleクロームブラウザのページ翻訳機能を使えば、
              日本語に翻訳しながらそのまま予約まで完了することも可能です。
            </p>
          </div>
        </div>
      </li>

      <!-- Q2 -->
      <li class="tga-faq-item">
        <input type="checkbox" id="tga-faq2" class="tga-faq-toggle" aria-hidden="true">
        <label for="tga-faq2" class="tga-faq-q" aria-label="予約後にキャンセルはできますか？">
          <span class="tga-faq-q-badge">Q</span>
          <span class="tga-faq-q-text">予約後にキャンセルはできますか？</span>
          <span class="tga-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="tga-faq-a">
          <div class="tga-faq-a-inner">
            <span class="tga-faq-a-badge">A</span>
            <p class="tga-faq-a-text">
              便によってキャンセルポリシーが異なります。
              予約画面の「ℹ️」マークからキャンセル条件を事前確認してください。
              <strong>返金対応に時間がかかる場合がある</strong>ため、
              日程変更の可能性がある場合はキャンセル可能な便を選ぶと安心です。
            </p>
          </div>
        </div>
      </li>

      <!-- Q3 -->
      <li class="tga-faq-item">
        <input type="checkbox" id="tga-faq3" class="tga-faq-toggle" aria-hidden="true">
        <label for="tga-faq3" class="tga-faq-q" aria-label="支払いにクレジットカードは使えますか？">
          <span class="tga-faq-q-badge">Q</span>
          <span class="tga-faq-q-text">支払いにクレジットカードは使えますか？</span>
          <span class="tga-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="tga-faq-a">
          <div class="tga-faq-a-inner">
            <span class="tga-faq-a-badge">A</span>
            <p class="tga-faq-a-text">
              Visa・Mastercardのクレジットカードが利用できます。
              PayPalにも対応しています。支払い時に3Dセキュア（本人確認）が
              求められることがあるため、カード会社のアプリを手元に用意しておくとスムーズです。
            </p>
          </div>
        </div>
      </li>

      <!-- Q4 -->
      <li class="tga-faq-item">
        <input type="checkbox" id="tga-faq4" class="tga-faq-toggle" aria-hidden="true">
        <label for="tga-faq4" class="tga-faq-q" aria-label="チケットはどうやって受け取りますか？">
          <span class="tga-faq-q-badge">Q</span>
          <span class="tga-faq-q-text">チケットはどうやって受け取りますか？</span>
          <span class="tga-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="tga-faq-a">
          <div class="tga-faq-a-inner">
            <span class="tga-faq-a-badge">A</span>
            <p class="tga-faq-a-text">
              支払い完了後、登録したメールアドレスにEチケット（PDF）が届きます。
              ほとんどの路線はそのままスマホ画面を提示するだけで乗車できますが、
              一部タイ国内の路線では<strong>現地事務所での引き換えが必要</strong>な場合があります。
              予約確認メールの内容を必ず確認してください。
            </p>
          </div>
        </div>
      </li>

      <!-- Q5 -->
      <li class="tga-faq-item">
        <input type="checkbox" id="tga-faq5" class="tga-faq-toggle" aria-hidden="true">
        <label for="tga-faq5" class="tga-faq-q" aria-label="乗車当日は何を持参すればいいですか？">
          <span class="tga-faq-q-badge">Q</span>
          <span class="tga-faq-q-text">乗車当日は何を持参すればいいですか？</span>
          <span class="tga-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="tga-faq-a">
          <div class="tga-faq-a-inner">
            <span class="tga-faq-a-badge">A</span>
            <p class="tga-faq-a-text">
              基本的にはEチケット（スマホ画面またはプリントアウト）とパスポートがあれば乗車できます。
              国際ルートではパスポートの提示が必須です。
              念のため<strong>Eチケットはオフライン保存</strong>しておくと、
              現地でWi-Fiが使えない状況でも安心です。
            </p>
          </div>
        </div>
      </li>

      <!-- Q6 -->
      <li class="tga-faq-item">
        <input type="checkbox" id="tga-faq6" class="tga-faq-toggle" aria-hidden="true">
        <label for="tga-faq6" class="tga-faq-q" aria-label="12Go Asiaは安全なサービスですか？">
          <span class="tga-faq-q-badge">Q</span>
          <span class="tga-faq-q-text">12Go Asiaは安全なサービスですか？</span>
          <span class="tga-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="tga-faq-a">
          <div class="tga-faq-a-inner">
            <span class="tga-faq-a-badge">A</span>
            <p class="tga-faq-a-text">
              シンガポール・タイに拠点を置く正規の企業グループで、
              500社以上の交通機関と提携する実績あるプラットフォームです。
              ただし現地オペレーターとの連携が必要な仲介サービスのため、
              <strong>口コミ評価の高い便を選ぶ・余裕を持って予約する</strong>
              といった基本を守ることで、安心して利用できます。
            </p>
          </div>
        </div>
      </li>

    </ul>

  </section>

  <!-- ========================================================
       ⑦ まとめ
       ======================================================== -->
  <section class="tga-section" id="tga-summary" aria-labelledby="tga-h2-summary">

    <h2 class="tga-h2" id="tga-h2-summary">まとめ</h2>

    <div class="tga-summary-box">
      <div class="tga-summary-label">この記事のまとめ</div>
      <ul class="tga-summary-list">
        <li>12Go Asiaは東南アジア500社以上の交通機関を一括比較・予約できるプラットフォームです</li>
        <li>バス・電車・フェリー・飛行機・送迎まで対応し、国境をまたぐルートやジョイントチケットも手配できます</li>
        <li>サイトは日本語表示に対応し、クレジットカード・PayPalで日本から事前予約が可能です</li>
        <li>予約後はEチケットがメールで届き、スマホ画面を提示するだけで乗車できます</li>
        <li>口コミ確認・早めの予約・チケットのオフライン保存の3点を意識するだけで安心して利用できます</li>
      </ul>
    </div>

    <p class="tga-summary-closing">
      東南アジアの移動は、12Go Asiaを使うことで「どの便があるか調べる→現地でチケットを買う」という
      二度手間がなくなります。旅の計画段階でルートと料金を確認し、
      気に入った便が見つかったら早めに予約しておくのがおすすめです。<br><br>
      現地でのフットワークを軽くしたいバックパッカーにとって、
      12Go Asiaは旅の準備を一段ラクにしてくれる心強いサービスです。
    </p>

    <!-- 最終CTA -->
    <div class="tga-cta-final" role="complementary" aria-label="12Go Asia 予約へのご案内">
      <p class="tga-cta-final-title">まずはルートを検索してみましょう</p>
      <p class="tga-cta-final-sub">
        空席・料金はリアルタイムで変動します。<br>
        行き先が決まったら早めにチェックを。
      </p>
      <a rel="nofollow sponsored noopener" href="https://12go.asia/jp/?z=13808815" target="_blank" class="tga-cta-btn-lg" aria-label="12Go Asiaでチケットを探す（外部リンク・アフィリエイト）">
        12Go Asiaでチケットを探す
      </a>
      <p class="tga-cta-note">※本リンクはアフィリエイトリンクです</p>
    </div>

  </section>

</div><!-- /.tga-wrap -->

<!-- ============================================================
     FAQ構造化データ（JSON-LD）
     ============================================================ -->

]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/12go-booking/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タイ国旗の意味と色を知ると旅がもっと楽しくなる｜赤・白・青に込められたタイの心</title>
		<link>https://yoooyooo8.jp/thai-flag-meaning-color/</link>
					<comments>https://yoooyooo8.jp/thai-flag-meaning-color/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sat, 02 May 2026 02:11:00 +0000</pubDate>
				<category><![CDATA[タイ]]></category>
		<category><![CDATA[タイの心]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2494</guid>

					<description><![CDATA[たった3色に込められた、 タイという国のすべて THAI FLAG — COLORS &#38; MEANING 赤 — 国民・血 白 — 仏教・純粋 青 — 王室 この記事の要点 タイ国旗について知っておきたい5つのこ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     旅樂道 / yoooyooo8.jp
     記事タイトル: タイ国旗の意味と色を知ると旅がもっと楽しくなる｜赤・白・青に込められたタイの心
     ヒーローh2: たった3色に込められた、タイという国のすべて
     スラッグ: thai-flag-meaning-color
     フォーカスKW: タイ国旗 意味 色
     追加KW: 赤 白 青, トライロング, タイ旅行
     メタdesc: タイ国旗「トライロング」の赤・白・青、それぞれの色に込められた意味を知っていますか？赤は国民と国土、白は仏教の純粋さ、青は王室への敬愛を象徴。1917年のラーマ6世による制定の歴史から旅行中のマナーまで、タイ旅行がもっと楽しくなるヒントをお伝えします。
     画像: アイキャッチのみ（記事内画像なし）
     CSS prefix: .tfl- (Thai FLag)
     作成: 2026-03
     ============================================================ -->

<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&#038;family=Noto+Sans+JP:wght@400;500;700&#038;family=Playfair+Display:ital,wght@0,700;1,400&#038;display=swap" rel="stylesheet">

<style>
/* ============================================================
   スコープ: .tfl-wrap 配下のみに適用
   ============================================================ */

/* ---------- CSS変数 ---------- */
.tfl-wrap {
  --tfl-red:      #A51931;
  --tfl-white:    #FFFFFF;
  --tfl-blue:     #2D2A4A;
  --tfl-blue-mid: #243D8F;
  --tfl-gold:     #C9A84C;
  --tfl-gold-lt:  #F0D080;
  --tfl-bg:       #F7F5F0;
  --tfl-text:     #2C2C2C;
  --tfl-text-sub: #5C5C5C;
  --tfl-radius:   12px;
  --tfl-shadow:   0 4px 24px rgba(0,0,0,0.10);

  font-family: 'Noto Sans JP', sans-serif;
  color: var(--tfl-text);
  line-height: 2.0;
  letter-spacing: 0.03em;
  background: var(--tfl-bg);
  /* 横幅いっぱいに広げる */
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  /* flex縦並びで子要素の中央寄せを確実に制御 */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tfl-wrap *, .tfl-wrap *::before, .tfl-wrap *::after {
  box-sizing: border-box;
}

/* ---------- ヒーローセクション ---------- */
.tfl-wrap .tfl-hero {
  position: relative;
  width: 100%;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--tfl-blue);
  align-self: stretch; /* フル幅を維持 */
  margin-bottom: 40px; /* summaryとの余白 */
}

/* 国旗の5本ストライプ背景 */
.tfl-wrap .tfl-hero-flag-bg {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  opacity: 0.18;
  animation: tfl-flag-in 1.6s ease forwards;
}

.tfl-wrap .tfl-hero-flag-bg span {
  flex: 1;
}

.tfl-wrap .tfl-hero-flag-bg span:nth-child(1) { background: var(--tfl-red); }
.tfl-wrap .tfl-hero-flag-bg span:nth-child(2) { background: var(--tfl-white); }
.tfl-wrap .tfl-hero-flag-bg span:nth-child(3) { flex: 2; background: var(--tfl-blue-mid); }
.tfl-wrap .tfl-hero-flag-bg span:nth-child(4) { background: var(--tfl-white); }
.tfl-wrap .tfl-hero-flag-bg span:nth-child(5) { background: var(--tfl-red); }

/* グラデーションオーバーレイ */
.tfl-wrap .tfl-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(45,42,74,0.85) 0%,
    rgba(36,61,143,0.70) 50%,
    rgba(165,25,49,0.60) 100%
  );
}

/* 装飾の幾何学模様 */
.tfl-wrap .tfl-hero-deco {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.tfl-wrap .tfl-hero-deco::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -80px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  border: 2px solid rgba(201,168,76,0.25);
  animation: tfl-spin-slow 30s linear infinite;
}

.tfl-wrap .tfl-hero-deco::after {
  content: '';
  position: absolute;
  bottom: -60px;
  left: -60px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 1px solid rgba(201,168,76,0.15);
  animation: tfl-spin-slow 20s linear infinite reverse;
}

/* ヒーローコンテンツ */
.tfl-wrap .tfl-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 60px 24px;
  max-width: 800px;
  animation: tfl-fade-up 1s 0.3s ease both;
}

/* 国旗バッジ */
.tfl-wrap .tfl-flag-badge {
  display: inline-flex;
  flex-direction: column;
  width: 72px;
  height: 48px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.35);
  animation: tfl-flag-wave 3s ease-in-out infinite;
  transform-origin: left center;
}

.tfl-wrap .tfl-flag-badge span {
  flex: 1;
}

.tfl-wrap .tfl-flag-badge span:nth-child(1) { background: var(--tfl-red); }
.tfl-wrap .tfl-flag-badge span:nth-child(2) { background: #fff; }
.tfl-wrap .tfl-flag-badge span:nth-child(3) { flex: 2; background: var(--tfl-blue-mid); }
.tfl-wrap .tfl-flag-badge span:nth-child(4) { background: #fff; }
.tfl-wrap .tfl-flag-badge span:nth-child(5) { background: var(--tfl-red); }

/* ヒーロータイトル — div[role=heading]でCocoon h2干渉を完全回避 */
.tfl-wrap .tfl-hero .tfl-hero-title {
  background: transparent;
  padding: 0;
  border: none;
  border-left: none;
  box-shadow: none;
  font-family: 'Noto Serif JP', 'Playfair Display', serif;
  font-size: clamp(1.6rem, 4vw, 2.6rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  margin: 0 0 16px;
  text-shadow: 0 2px 16px rgba(0,0,0,0.45);
  letter-spacing: 0.02em;
  display: block; /* divのデフォルトだが明示 */
}

.tfl-wrap .tfl-hero-sub {
  font-size: clamp(0.85rem, 2vw, 1rem);
  color: rgba(255,255,255,0.80);
  letter-spacing: 0.06em;
  margin-bottom: 28px;
}

/* 3色ピル */
.tfl-wrap .tfl-color-pills {
  display: inline-flex;
  gap: 22px;
  flex-wrap: wrap;
  justify-content: center;
}

.tfl-wrap .tfl-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border-radius: 100px;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  backdrop-filter: blur(8px);
}

.tfl-wrap .tfl-pill-red   { background: rgba(165,25,49,0.80);  color: #fff; border: 1px solid rgba(165,25,49,0.6); }
.tfl-wrap .tfl-pill-white { background: rgba(255,255,255,0.20); color: #fff; border: 1px solid rgba(255,255,255,0.5); }
.tfl-wrap .tfl-pill-blue  { background: rgba(36,61,143,0.80);   color: #fff; border: 1px solid rgba(36,61,143,0.6); }

.tfl-wrap .tfl-pill-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.tfl-wrap .tfl-pill-red   .tfl-pill-dot { background: #ff6b7a; }
.tfl-wrap .tfl-pill-white .tfl-pill-dot { background: #fff; }
.tfl-wrap .tfl-pill-blue  .tfl-pill-dot { background: #7B9FFF; }

/* ---------- この記事の要点 ---------- */
.tfl-wrap .tfl-summary {
  width: 100%;
  background: linear-gradient(135deg, var(--tfl-blue) 0%, var(--tfl-blue-mid) 100%);
  color: #fff;
  padding: 40px 24px;
  position: relative;
  overflow: hidden;
  align-self: stretch; /* フル幅を維持 */
  margin-bottom: 40px; /* 目次との余白 */
}

.tfl-wrap .tfl-summary::before {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: rgba(201,168,76,0.08);
}

.tfl-wrap .tfl-summary-inner {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: center;
}

/* summaryリスト: grid定義内で max-width + margin auto 設定済み（下記） */

.tfl-wrap .tfl-summary-label {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  background: var(--tfl-gold);
  color: var(--tfl-blue);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 4px 14px;
  border-radius: 100px;
  margin-bottom: 20px;
}

.tfl-wrap .tfl-summary-label::before {
  content: '★';
  font-size: 0.7rem;
}

.tfl-wrap .tfl-summary h3.tfl-summary-ttl {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 20px;
  background: transparent;
  padding: 0;
  border: none;
}

.tfl-wrap .tfl-summary-list {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: grid;
  gap: 16px;
  max-width: 720px;
}

.tfl-wrap .tfl-summary-list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 0.92rem;
  line-height: 1.85;
  color: rgba(255,255,255,0.92);
}

/* 丸アイコン：spanで制御（::beforeからの変更でCocoon干渉を回避） */
.tfl-wrap .tfl-summary-list .tfl-sum-dot {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-top: 4px; /* 固定値でフォントの1行目に揃える */
  align-self: flex-start;
}

.tfl-wrap .tfl-summary-list li:nth-child(1) .tfl-sum-dot { background: var(--tfl-red); }
.tfl-wrap .tfl-summary-list li:nth-child(2) .tfl-sum-dot { background: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.4); }
.tfl-wrap .tfl-summary-list li:nth-child(3) .tfl-sum-dot { background: #7B9FFF; }
.tfl-wrap .tfl-summary-list li:nth-child(4) .tfl-sum-dot { background: var(--tfl-gold); }
.tfl-wrap .tfl-summary-list li:nth-child(5) .tfl-sum-dot { background: #9B6EC8; }

/* ---------- アニメーション目次 ---------- */
/* CSS checkboxハック（JS不使用）*/
.tfl-wrap .tfl-toc-toggle {
  display: none;
}

.tfl-wrap .tfl-toc {
  width: 100%;
  background: #fff;
  border-top: 4px solid var(--tfl-blue-mid);
  box-shadow: var(--tfl-shadow);
  margin: 0;
  overflow: hidden;
  align-self: stretch; /* ヒーローと同じフル幅 */
}

/* .tfl-toc-header は label 要素として下部に定義済み */

.tfl-wrap .tfl-toc-header-left {
  display: flex;
  align-items: center;
  gap: 18px;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--tfl-blue);
}

.tfl-wrap .tfl-toc-icon {
  width: 28px;
  height: 28px;
  background: var(--tfl-blue-mid);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.8rem;
}

.tfl-wrap .tfl-toc-arrow {
  font-size: 1rem;
  color: var(--tfl-blue-mid);
  transition: transform 0.3s ease;
  display: inline-block;
}

/* チェックボックスでアコーディオン制御
   .tfl-wrap直下: input.tfl-toc-toggle ~ nav.tfl-toc の順で配置 */
.tfl-wrap .tfl-toc-toggle:checked ~ .tfl-toc .tfl-toc-arrow {
  transform: rotate(180deg);
}

.tfl-wrap .tfl-toc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
              padding 0.3s ease;
  /* 内側コンテンツを本文左端に合わせる */
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* checked時：目次リストを表示 */
.tfl-wrap .tfl-toc-toggle:checked ~ .tfl-toc .tfl-toc-body {
  max-height: 600px;
  padding: 0 20px 20px;
}

/* nav.tfl-toc 自体で中央寄せ済み（上記） */

/* label要素なのでflexを明示（旧.tfl-toc-headerと同じスタイル） */
.tfl-wrap label.tfl-toc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
  background: #fff;
  transition: background 0.2s;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  /* 内側コンテンツを本文左端に合わせる */
  max-width: 800px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 22px 24px;
}

.tfl-wrap label.tfl-toc-header:hover {
  background: #F0F4FF;
}

.tfl-wrap .tfl-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #E8EAF0;
  padding-top: 16px;
}

.tfl-wrap .tfl-toc-list > li {
  padding: 10px 0;
  border-bottom: 1px dashed #E8EAF0;
}

.tfl-wrap .tfl-toc-list > li:last-child {
  border-bottom: none;
}

.tfl-wrap .tfl-toc-list a {
  display: flex;
  align-items: center;
  gap: 18px;
  color: var(--tfl-blue);
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.5;
  transition: color 0.2s, padding-left 0.2s;
  padding: 8px 0;
}

.tfl-wrap .tfl-toc-list a:hover {
  color: var(--tfl-red);
  padding-left: 6px;
}

.tfl-wrap .tfl-toc-num {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: var(--tfl-blue-mid);
  color: #fff;
  border-radius: 50%;
  font-size: 0.72rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 目次デフォルト開き状態 */
.tfl-wrap .tfl-toc-toggle:not(:checked) ~ .tfl-toc .tfl-toc-body {
  /* デフォルト: 開いた状態 */
}

/* ---------- コンテンツエリア ---------- */
.tfl-wrap .tfl-content {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 64px 0;
  text-align: left;
  align-self: stretch; /* ヒーローと同じフル幅 */
  box-sizing: border-box;
}

/* ---------- アニメーション定義 ---------- */
@keyframes tfl-fade-up {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes tfl-flag-in {
  from { opacity: 0; }
  to   { opacity: 0.18; }
}

@keyframes tfl-spin-slow {
  to { transform: rotate(360deg); }
}

@keyframes tfl-flag-wave {
  0%, 100% { transform: skewY(0deg); }
  25%       { transform: skewY(1.5deg) scaleX(1.02); }
  75%       { transform: skewY(-1deg) scaleX(0.98); }
}

/* ---------- レスポンシブ ---------- */
@media (max-width: 640px) {
  .tfl-wrap .tfl-hero {
    min-height: 420px;
  }
  .tfl-wrap .tfl-hero-content {
    padding: 40px 16px;
  }
  .tfl-wrap .tfl-summary {
    padding: 32px 16px;
  }
  .tfl-wrap label.tfl-toc-header {
    padding: 16px;
  }
  .tfl-wrap .tfl-toc-body {
    padding: 0 16px;
    max-width: 100%; /* モバイルはフル幅 */
  }
  .tfl-wrap .tfl-toc-toggle:checked ~ .tfl-toc .tfl-toc-body {
    padding: 0 16px 16px;
  }
}

/* ============================================================
   tfl-content内 section の可読幅制御
   ============================================================ */
.tfl-wrap .tfl-content section {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* 本文段落の余白・文字間 */
.tfl-wrap .tfl-content p {
  line-height: 2.1;
  letter-spacing: 0.04em;
  margin-bottom: 1.6em;
}

/* ============================================================
   セクション1: 国旗ビジュアルボックス
   ============================================================ */
.tfl-wrap .tfl-flag-visual {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--tfl-radius);
  overflow: hidden;
  box-shadow: var(--tfl-shadow);
  margin: 44px 0;
  position: relative;
}

.tfl-wrap .tfl-flag-stripe {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.tfl-wrap .tfl-flag-stripe span {
  background: rgba(0,0,0,0.18);
  color: #fff;
  padding: 3px 12px;
  border-radius: 100px;
  font-size: 0.78rem;
  text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

.tfl-wrap .tfl-fs-red   { background: var(--tfl-red); }
.tfl-wrap .tfl-fs-white { background: #e8e8e8; }
.tfl-wrap .tfl-fs-white span { background: rgba(0,0,0,0.10); color: #444; text-shadow: none; }
.tfl-wrap .tfl-fs-blue  { background: var(--tfl-blue-mid); }
.tfl-wrap .tfl-fs-wide  { padding: 24px 20px; }

.tfl-wrap .tfl-flag-label {
  background: var(--tfl-blue);
  color: rgba(255,255,255,0.75);
  font-size: 0.75rem;
  text-align: center;
  padding: 8px 16px;
  letter-spacing: 0.05em;
}

/* ============================================================
   セクション1・2共通: h2スタイル
   ============================================================ */
.tfl-wrap .tfl-h2,
.tfl-wrap .tfl-content h2.tfl-h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(1.2rem, 3vw, 1.55rem);
  font-weight: 700;
  color: var(--tfl-blue);
  border-left: 5px solid var(--tfl-blue-mid);
  padding: 6px 0 6px 16px;
  margin: 64px 0 28px;
  background: transparent;
  line-height: 1.5;
}

/* ============================================================
   セクション2: 3色カードグリッド
   ============================================================ */
.tfl-wrap .tfl-color-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  margin: 38px 0 48px;
}

.tfl-wrap .tfl-color-card {
  display: flex;
  align-items: stretch;
  border-radius: var(--tfl-radius);
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  background: #fff;
  transition: transform 0.2s, box-shadow 0.2s;
}

.tfl-wrap .tfl-color-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.13);
}

.tfl-wrap .tfl-cc-swatch {
  width: 10px;
  flex-shrink: 0;
}

.tfl-wrap .tfl-cc-red   .tfl-cc-swatch { background: var(--tfl-red); }
.tfl-wrap .tfl-cc-white .tfl-cc-swatch { background: #ccc; }
.tfl-wrap .tfl-cc-blue  .tfl-cc-swatch { background: var(--tfl-blue-mid); }

.tfl-wrap .tfl-cc-body {
  padding: 24px 26px;
  flex: 1;
}

.tfl-wrap .tfl-cc-title {
  font-family: 'Noto Serif JP', serif;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 14px;
  color: var(--tfl-blue);
  background: transparent;
  padding: 0;
  border: none;
}

.tfl-wrap .tfl-cc-red   .tfl-cc-title { color: var(--tfl-red); }
.tfl-wrap .tfl-cc-blue  .tfl-cc-title { color: var(--tfl-blue-mid); }

.tfl-wrap .tfl-cc-text {
  font-size: 0.9rem;
  color: var(--tfl-text-sub);
  line-height: 2.0;
  margin: 0;
}

/* ============================================================
   セクション2: インフォボックス
   ============================================================ */
.tfl-wrap .tfl-info-box {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  background: linear-gradient(135deg, #EEF1FF 0%, #F5F0FF 100%);
  border: 1px solid #D0D8FF;
  border-left: 4px solid var(--tfl-blue-mid);
  border-radius: var(--tfl-radius);
  padding: 26px 28px;
  margin: 44px 0;
  font-size: 0.9rem;
  line-height: 2.0;
  color: var(--tfl-text);
}

.tfl-wrap .tfl-info-box-icon {
  font-size: 1.6rem;
  flex-shrink: 0;
  line-height: 1;
  margin-top: 2px;
}

/* ============================================================
   レスポンシブ: セクション1・2
   ============================================================ */
@media (min-width: 600px) {
  .tfl-wrap .tfl-color-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .tfl-wrap .tfl-flag-stripe {
    padding: 10px 12px;
  }
  .tfl-wrap .tfl-fs-wide {
    padding: 18px 12px;
  }
  .tfl-wrap .tfl-info-box {
    flex-direction: column;
    gap: 18px;
  }
}

/* ============================================================
   セクション3: タイムライン
   ============================================================ */
.tfl-wrap .tfl-timeline {
  position: relative;
  margin: 44px 0;
  padding-left: 28px;
}

.tfl-wrap .tfl-timeline::before {
  content: '';
  position: absolute;
  left: 9px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(to bottom, var(--tfl-red), var(--tfl-blue-mid));
  border-radius: 2px;
}

.tfl-wrap .tfl-tl-item {
  position: relative;
  margin-bottom: 48px;
  padding-left: 20px;
}

.tfl-wrap .tfl-tl-item:last-child {
  margin-bottom: 0;
}

.tfl-wrap .tfl-tl-dot {
  position: absolute;
  left: -24px;
  top: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px var(--tfl-blue-mid);
}

.tfl-wrap .tfl-tl-dot--past   { background: #aaa; box-shadow: 0 0 0 2px #aaa; }
.tfl-wrap .tfl-tl-dot--change { background: var(--tfl-gold); box-shadow: 0 0 0 2px var(--tfl-gold); }
.tfl-wrap .tfl-tl-dot--now    { background: var(--tfl-blue-mid); box-shadow: 0 0 0 2px var(--tfl-blue-mid); }

.tfl-wrap .tfl-tl-year {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--tfl-blue-mid);
  margin-bottom: 4px;
  text-transform: uppercase;
}

.tfl-wrap .tfl-tl-title {
  font-family: 'Noto Serif JP', serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--tfl-blue);
  margin: 0 0 8px;
}

.tfl-wrap .tfl-tl-text {
  font-size: 0.9rem;
  color: var(--tfl-text-sub);
  line-height: 2.0;
  margin: 0;
  background: #fff;
  border-radius: 10px;
  padding: 20px 24px;
  border-left: 3px solid #E8EAF0;
}

/* 画像なし（アイキャッチのみ）*/

/* ============================================================
   セクション4: ベントグリッド（3本柱）
   ============================================================ */
.tfl-wrap .tfl-bento {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin: 44px 0 54px;
}

.tfl-wrap .tfl-bento-card {
  position: relative;
  background: #fff;
  border-radius: var(--tfl-radius);
  padding: 30px 24px 26px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.07);
  overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.tfl-wrap .tfl-bento-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.13);
}

.tfl-wrap .tfl-bento-en {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  opacity: 0.35;
  color: var(--tfl-blue);
}

.tfl-wrap .tfl-bento-thai {
  font-size: 1.3rem;
  line-height: 1;
  color: var(--tfl-blue);
  opacity: 0.55;
}

.tfl-wrap .tfl-bento-title {
  font-family: 'Noto Serif JP', serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--tfl-blue);
  margin: 0;
  line-height: 1.5;
  background: transparent;
  padding: 0;
  border: none;
}

.tfl-wrap .tfl-bento-title span {
  font-size: 0.78rem;
  font-weight: 400;
  opacity: 0.70;
}

.tfl-wrap .tfl-bento-text {
  font-size: 0.82rem;
  color: var(--tfl-text-sub);
  line-height: 2.0;
  margin: 0;
  flex: 1;
}

.tfl-wrap .tfl-bento-color-bar {
  height: 5px;
  border-radius: 3px;
  margin-top: 8px;
}

.tfl-wrap .tfl-bento-nation   .tfl-bento-color-bar { background: var(--tfl-red); }
.tfl-wrap .tfl-bento-religion .tfl-bento-color-bar { background: #bbb; }
.tfl-wrap .tfl-bento-king     .tfl-bento-color-bar { background: var(--tfl-blue-mid); }

.tfl-wrap .tfl-bento-nation   { border-top: 3px solid var(--tfl-red); }
.tfl-wrap .tfl-bento-religion { border-top: 3px solid #bbb; }
.tfl-wrap .tfl-bento-king     { border-top: 3px solid var(--tfl-blue-mid); }

/* ============================================================
   レスポンシブ: セクション3・4
   ============================================================ */
@media (max-width: 640px) {
  .tfl-wrap .tfl-bento {
    grid-template-columns: 1fr;
  }
  .tfl-wrap .tfl-timeline {
    padding-left: 22px;
  }
  .tfl-wrap .tfl-tl-dot {
    left: -20px;
    width: 14px;
    height: 14px;
  }
}

/* ============================================================
   セクション5: シーン別カード
   ============================================================ */
.tfl-wrap .tfl-scene-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin: 38px 0 46px;
}

.tfl-wrap .tfl-scene-card {
  background: #fff;
  border-radius: var(--tfl-radius);
  padding: 28px 24px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
  display: flex;
  gap: 18px;
  align-items: flex-start;
  transition: transform 0.2s, box-shadow 0.2s;
}

.tfl-wrap .tfl-scene-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.11);
}

.tfl-wrap .tfl-scene-icon {
  font-size: 1.6rem;
  flex-shrink: 0;
  line-height: 1;
  margin-top: 2px;
}

.tfl-wrap .tfl-scene-title {
  font-family: 'Noto Serif JP', serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--tfl-blue);
  margin: 0 0 8px;
  background: transparent;
  padding: 0;
  border: none;
}

.tfl-wrap .tfl-scene-text {
  font-size: 0.87rem;
  color: var(--tfl-text-sub);
  line-height: 2.0;
  margin: 0;
}

/* マナーボックス */
.tfl-wrap .tfl-manner-box {
  background: #FFF8F0;
  border: 1px solid #FDDCB0;
  border-left: 4px solid #E8962A;
  border-radius: var(--tfl-radius);
  padding: 26px 28px;
  margin: 44px 0;
}

.tfl-wrap .tfl-manner-header {
  display: flex;
  align-items: center;
  gap: 22px;
  font-weight: 700;
  font-size: 0.92rem;
  color: #8B5E10;
  margin-bottom: 12px;
}

.tfl-wrap .tfl-manner-icon {
  font-size: 1rem;
}

.tfl-wrap .tfl-manner-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 18px;
}

.tfl-wrap .tfl-manner-list li {
  font-size: 0.88rem;
  color: #5C4010;
  line-height: 2.0;
  padding-left: 18px;
  position: relative;
}

.tfl-wrap .tfl-manner-list li::before {
  content: '▸';
  position: absolute;
  left: 0;
  color: #E8962A;
  font-size: 0.8rem;
  top: 2px;
}

/* ============================================================
   セクション6: 国旗比較
   ============================================================ */
.tfl-wrap .tfl-compare {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 38px 0 46px;
  flex-wrap: wrap;
}

.tfl-wrap .tfl-compare-card {
  flex: 1;
  min-width: 220px;
  background: #fff;
  border-radius: var(--tfl-radius);
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(0,0,0,0.08);
}

.tfl-wrap .tfl-compare-flag {
  display: flex;
  flex-direction: column;
  height: 100px;
}

.tfl-wrap .tfl-cf-stripe {
  flex: 1;
  display: block;
}

.tfl-wrap .tfl-cf-wide { flex: 2; }

/* タイ国旗カラー */
.tfl-wrap .tfl-cf-red   { background: var(--tfl-red); }
.tfl-wrap .tfl-cf-white { background: #F0F0F0; }
.tfl-wrap .tfl-cf-blue  { background: var(--tfl-blue-mid); }

/* コスタリカ国旗カラー */
.tfl-wrap .tfl-cf-blue-cr  { background: #003DA5; }
.tfl-wrap .tfl-cf-red-cr   { background: #CE1126; }

.tfl-wrap .tfl-compare-body {
  padding: 22px 24px;
}

.tfl-wrap .tfl-compare-country {
  font-weight: 700;
  font-size: 0.92rem;
  color: var(--tfl-blue);
  margin-bottom: 10px;
}

.tfl-wrap .tfl-compare-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.tfl-wrap .tfl-compare-list li {
  font-size: 0.82rem;
  color: var(--tfl-text-sub);
  line-height: 1.6;
  padding-left: 14px;
  position: relative;
}

.tfl-wrap .tfl-compare-list li::before {
  content: '・';
  position: absolute;
  left: 0;
  color: var(--tfl-blue-mid);
}

.tfl-wrap .tfl-compare-vs {
  font-family: 'Playfair Display', serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ccc;
  flex-shrink: 0;
  letter-spacing: 0.05em;
}

/* ヒントボックス */
.tfl-wrap .tfl-tip-box {
  background: linear-gradient(135deg, #F0F7FF 0%, #EBF4FF 100%);
  border: 1px solid #C8DCF5;
  border-left: 4px solid var(--tfl-blue-mid);
  border-radius: var(--tfl-radius);
  padding: 24px 28px;
  margin: 32px 0 44px;
}

.tfl-wrap .tfl-tip-label {
  font-weight: 700;
  font-size: 0.88rem;
  color: var(--tfl-blue-mid);
  margin-bottom: 8px;
}

.tfl-wrap .tfl-tip-text {
  font-size: 0.9rem;
  color: var(--tfl-text);
  line-height: 2.0;
  margin: 0;
}

.tfl-wrap .tfl-tip-blue { color: var(--tfl-blue-mid); font-weight: 700; }
.tfl-wrap .tfl-tip-red  { color: var(--tfl-red); font-weight: 700; }

/* ============================================================
   レスポンシブ: セクション5・6
   ============================================================ */
@media (max-width: 640px) {
  .tfl-wrap .tfl-scene-grid {
    grid-template-columns: 1fr;
  }
  .tfl-wrap .tfl-compare {
    flex-direction: column;
  }
  .tfl-wrap .tfl-compare-vs {
    transform: rotate(90deg);
    font-size: 1rem;
  }
  .tfl-wrap .tfl-compare-card {
    width: 100%;
  }
}

/* ============================================================
   セクション7: FAQアコーディオン（CSS checkboxハック）
   ============================================================ */
.tfl-wrap .tfl-faq-toggle {
  display: none;
}

.tfl-wrap .tfl-faq-list {
  display: grid;
  gap: 22px;
  margin: 48px 0;
}

.tfl-wrap .tfl-faq-item {
  background: #fff;
  border-radius: var(--tfl-radius);
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  overflow: hidden;
  border: 1px solid #E8EAF0;
}

.tfl-wrap .tfl-faq-q {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 22px 24px;
  cursor: pointer;
  font-weight: 700;
  font-size: 0.93rem;
  color: var(--tfl-blue);
  line-height: 1.5;
  user-select: none;
  transition: background 0.2s;
  background: #fff;
}

.tfl-wrap .tfl-faq-q:hover {
  background: #F4F6FF;
}

.tfl-wrap .tfl-faq-q-icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  background: var(--tfl-blue-mid);
  color: #fff;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
}

.tfl-wrap .tfl-faq-arrow {
  margin-left: auto;
  flex-shrink: 0;
  color: var(--tfl-blue-mid);
  font-size: 0.85rem;
  transition: transform 0.3s ease;
  display: inline-block;
}

/* checked時：矢印回転・回答表示 */
.tfl-wrap .tfl-faq-toggle:checked + .tfl-faq-q .tfl-faq-arrow {
  transform: rotate(180deg);
}

.tfl-wrap .tfl-faq-toggle:checked + .tfl-faq-q {
  background: #F0F4FF;
  border-bottom: 1px solid #DDE3F5;
}

.tfl-wrap .tfl-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.tfl-wrap .tfl-faq-toggle:checked ~ .tfl-faq-a {
  max-height: 400px;
}

.tfl-wrap .tfl-faq-a-inner {
  display: flex;
  gap: 22px;
  padding: 22px 24px 26px;
  align-items: flex-start;
}

.tfl-wrap .tfl-faq-a-icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  background: #F0EEE8;
  color: var(--tfl-blue);
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  font-style: normal;
}

.tfl-wrap .tfl-faq-a-inner p {
  font-size: 0.9rem;
  color: var(--tfl-text-sub);
  line-height: 2.0;
  margin: 0;
}

/* ============================================================
   セクション8: まとめカード
   ============================================================ */
.tfl-wrap .tfl-summary-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 38px 0 48px;
}

.tfl-wrap .tfl-sum-card {
  border-radius: var(--tfl-radius);
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.tfl-wrap .tfl-sum-card p {
  font-size: 0.86rem;
  line-height: 2.0;
  margin: 0;
}

.tfl-wrap .tfl-sum-num {
  font-family: 'Playfair Display', serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  opacity: 0.55;
}

.tfl-wrap .tfl-sum-red   { background: #FFF0F2; color: var(--tfl-red);  border-top: 3px solid var(--tfl-red); }
.tfl-wrap .tfl-sum-white { background: #F8F8F8; color: #555;            border-top: 3px solid #bbb; }
.tfl-wrap .tfl-sum-blue  { background: #EEF2FF; color: var(--tfl-blue-mid); border-top: 3px solid var(--tfl-blue-mid); }

.tfl-wrap .tfl-sum-red   p { color: #5C1020; }
.tfl-wrap .tfl-sum-white p { color: #444; }
.tfl-wrap .tfl-sum-blue  p { color: #1A2D6B; }

/* クロージングボックス */
.tfl-wrap .tfl-sum-closing {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background: var(--tfl-blue);
  border-radius: var(--tfl-radius);
  padding: 52px 32px;
  margin-top: 40px;
  text-align: center;
}

.tfl-wrap .tfl-sum-closing-flag {
  display: flex;
  flex-direction: column;
  width: 60px;
  height: 40px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,0.30);
  animation: tfl-flag-wave 3s ease-in-out infinite;
  transform-origin: left center;
}

.tfl-wrap .tfl-sum-closing-flag span { flex: 1; display: block; }
.tfl-wrap .tfl-sum-closing-flag span:nth-child(1) { background: var(--tfl-red); }
.tfl-wrap .tfl-sum-closing-flag span:nth-child(2) { background: #fff; }
.tfl-wrap .tfl-sum-closing-flag span:nth-child(3) { flex: 2; background: var(--tfl-blue-mid); }
.tfl-wrap .tfl-sum-closing-flag span:nth-child(4) { background: #fff; }
.tfl-wrap .tfl-sum-closing-flag span:nth-child(5) { background: var(--tfl-red); }

.tfl-wrap .tfl-sum-closing-text {
  font-family: 'Noto Serif JP', serif;
  font-size: 1rem;
  line-height: 2.1;
  color: rgba(255,255,255,0.88);
  margin: 0;
}

/* ============================================================
   レスポンシブ: セクション7・8
   ============================================================ */
@media (max-width: 640px) {
  .tfl-wrap .tfl-summary-cards {
    grid-template-columns: 1fr;
  }
  .tfl-wrap .tfl-faq-q {
    font-size: 0.87rem;
    padding: 15px 16px;
  }
  .tfl-wrap .tfl-sum-closing {
    padding: 28px 18px;
  }
}
</style>

<!-- ============================================================
     記事本体ここから
     ============================================================ -->
<div class="tfl-wrap">

  <!-- ========== ヒーローセクション ========== -->
  <section class="tfl-hero" aria-label="記事ヒーロー">
    <!-- 国旗ストライプ背景 -->
    <div class="tfl-hero-flag-bg" aria-hidden="true">
      <span></span><span></span><span></span><span></span><span></span>
    </div>
    <!-- 装飾 -->
    <div class="tfl-hero-deco" aria-hidden="true"></div>

    <div class="tfl-hero-content">
      <!-- 国旗アイコン -->
      <div class="tfl-flag-badge" role="img" aria-label="タイ王国国旗">
        <span></span><span></span><span></span><span></span><span></span>
      </div>

      <!-- ヒーロータイトル（div[role=heading] / Cocoon h2干渉を完全回避） -->
      <div class="tfl-hero-title" id="hero-title" role="heading" aria-level="2">
        たった3色に込められた、<br>
        <em style="font-style:italic; font-weight:400; font-size:0.85em; opacity:0.90;">タイという国のすべて</em>
      </div>

      <p class="tfl-hero-sub">THAI FLAG — COLORS &amp; MEANING</p>

      <!-- 3色ピル -->
      <div class="tfl-color-pills" role="list" aria-label="国旗の3色">
        <span class="tfl-pill tfl-pill-red"   role="listitem"><span class="tfl-pill-dot" aria-hidden="true"></span>赤 — 国民・血</span>
        <span class="tfl-pill tfl-pill-white" role="listitem"><span class="tfl-pill-dot" aria-hidden="true"></span>白 — 仏教・純粋</span>
        <span class="tfl-pill tfl-pill-blue"  role="listitem"><span class="tfl-pill-dot" aria-hidden="true"></span>青 — 王室</span>
      </div>
    </div>
  </section><!-- /tfl-hero -->

  <!-- ========== この記事の要点 ========== -->
  <div class="tfl-summary" role="note" aria-label="この記事の要点">
    <div class="tfl-summary-inner">
      <div class="tfl-summary-label">この記事の要点</div>
      <h3 class="tfl-summary-ttl">タイ国旗について知っておきたい5つのこと</h3>
      <ul class="tfl-summary-list">
        <li><span class="tfl-sum-dot" aria-hidden="true"></span><span>タイ国旗は赤・白・青の5本ストライプで構成され、正式名称は「トライロング（ไตรรงค์）」</span></li>
        <li><span class="tfl-sum-dot" aria-hidden="true"></span><span>赤は国民と国土、白は仏教の純粋さ、青は王室をそれぞれ象徴している</span></li>
        <li><span class="tfl-sum-dot" aria-hidden="true"></span><span>現在の国旗は1917年、ラーマ6世によって制定された</span></li>
        <li><span class="tfl-sum-dot" aria-hidden="true"></span><span>3色は「国家・宗教・王室」というタイ社会の3本柱を表す重要な思想に基づく</span></li>
        <li><span class="tfl-sum-dot" aria-hidden="true"></span><span>旅行中にも街中で多く見かける国旗には、タイ人の誇りと敬意が込められている</span></li>
      </ul>
    </div>
  </div>

  <!-- ========== アニメーション目次 ========== -->
  <!-- チェックボックス（JS不使用・CSS checkboxハック）inputをtfl-tocの直前に配置 -->
  <input type="checkbox" id="tfl-toc-open" class="tfl-toc-toggle" checked aria-hidden="true">

  <nav class="tfl-toc" aria-label="目次">
    <label for="tfl-toc-open" class="tfl-toc-header" aria-label="目次を開閉する">
      <div class="tfl-toc-header-left">
        <span class="tfl-toc-icon" aria-hidden="true">☰</span>
        目次
      </div>
      <span class="tfl-toc-arrow" aria-hidden="true">▼</span>
    </label>
    <div class="tfl-toc-body">
        <ol class="tfl-toc-list" role="list">
          <li><a href="#sec-what"><span class="tfl-toc-num" aria-hidden="true">1</span>タイ国旗とはどんな旗か</a></li>
          <li><a href="#sec-colors"><span class="tfl-toc-num" aria-hidden="true">2</span>3色それぞれが持つ意味</a></li>
          <li><a href="#sec-history"><span class="tfl-toc-num" aria-hidden="true">3</span>タイ国旗の歴史と変遷</a></li>
          <li><a href="#sec-pillars"><span class="tfl-toc-num" aria-hidden="true">4</span>3本柱の思想｜国家・宗教・王室</a></li>
          <li><a href="#sec-travel"><span class="tfl-toc-num" aria-hidden="true">5</span>旅行中に国旗を見かける場面</a></li>
          <li><a href="#sec-similar"><span class="tfl-toc-num" aria-hidden="true">6</span>似た旗との違いを知っておこう</a></li>
          <li><a href="#sec-faq"><span class="tfl-toc-num" aria-hidden="true">7</span>FAQ｜よくある質問</a></li>
          <li><a href="#sec-summary"><span class="tfl-toc-num" aria-hidden="true">8</span>まとめ</a></li>
        </ol>
    </div>
  </nav><!-- /tfl-toc -->

  <!-- ========== 本文エリア ========== -->
  <div class="tfl-content">

    <!-- セクション1 / セクション2 は下記 -->

    <section id="sec-what" aria-labelledby="h2-sec-what">
      <h2 id="h2-sec-what" class="tfl-h2">タイ国旗とはどんな旗か</h2>
      <p>タイ王国の国旗は、赤・白・青の5本の横縞で構成されたシンプルかつ力強いデザインです。正式名称はタイ語で<strong>「トライロング（ไตรรงค์）」</strong>といい、「3色の旗」を意味します。</p>
      <p>縞の並びは上から「赤・白・青・白・赤」の順で、中央の青が最も幅広く全体の3分の1を占めています。旗全体の縦横比は<strong>2対3</strong>と定められています。</p>

      <!-- 国旗ビジュアルボックス -->
      <div class="tfl-flag-visual" role="img" aria-label="タイ国旗の縞模様（上から赤・白・青・白・赤）">
        <div class="tfl-flag-stripe tfl-fs-red"><span>赤</span></div>
        <div class="tfl-flag-stripe tfl-fs-white"><span>白</span></div>
        <div class="tfl-flag-stripe tfl-fs-blue tfl-fs-wide"><span>青（中央・最も幅広）</span></div>
        <div class="tfl-flag-stripe tfl-fs-white"><span>白</span></div>
        <div class="tfl-flag-stripe tfl-fs-red"><span>赤</span></div>
        <div class="tfl-flag-label">タイ王国国旗「トライロング」　縦横比 2:3</div>
      </div>

      <p>一見するとシンプルな旗ですが、その3色にはタイ人の精神的な支柱となっている深い意味が込められています。</p>
    </section>

    <!-- ======================================
         セクション2: 3色それぞれが持つ意味
         ====================================== -->
    <section id="sec-colors" aria-labelledby="h2-sec-colors">
      <h2 id="h2-sec-colors" class="tfl-h2">3色それぞれが持つ意味</h2>
      <p>タイ国旗の赤・白・青はそれぞれ独立した意味を持ちながら、合わさることで「タイ国家の根幹」を表しています。</p>

      <div class="tfl-color-cards" role="list">
        <article class="tfl-color-card tfl-cc-red" role="listitem" aria-label="赤の意味">
          <div class="tfl-cc-swatch" aria-hidden="true"></div>
          <div class="tfl-cc-body">
            <h3 class="tfl-cc-title">赤 — 国民と国土の血</h3>
            <p class="tfl-cc-text">赤はタイに生きるすべての<strong>国民</strong>と、先人たちが守り抜いてきた<strong>国土への愛</strong>を象徴しています。「血と汗で築き上げた国家」という意味合いも持ち、タイ人の団結と誇りを表す色です。</p>
          </div>
        </article>
        <article class="tfl-color-card tfl-cc-white" role="listitem" aria-label="白の意味">
          <div class="tfl-cc-swatch" aria-hidden="true"></div>
          <div class="tfl-cc-body">
            <h3 class="tfl-cc-title">白 — 仏教の純粋さ</h3>
            <p class="tfl-cc-text">白は<strong>仏教の純粋さと清らかさ</strong>を表します。タイは国民の約9割が仏教徒であり、仏教はタイ社会・文化・日常生活の根幹をなしています。白い縞は、宗教という精神的な柱への敬意そのものです。</p>
          </div>
        </article>
        <article class="tfl-color-card tfl-cc-blue" role="listitem" aria-label="青の意味">
          <div class="tfl-cc-swatch" aria-hidden="true"></div>
          <div class="tfl-cc-body">
            <h3 class="tfl-cc-title">青 — 王室への敬意</h3>
            <p class="tfl-cc-text">中央の最も幅広い青は<strong>王室（チャクリー王朝）</strong>を象徴します。青は古くからタイの王室カラーとして用いられており、国民が王室に寄せる深い敬意と信頼の色です。国旗の中心に置かれていることにも、その重みが込められています。</p>
          </div>
        </article>
      </div>

      <div class="tfl-info-box" role="note">
        <div class="tfl-info-box-icon" aria-hidden="true">🇹🇭</div>
        <div>
          <strong>3色で表される「タイの3本柱」</strong><br>
          赤＝国家（チャート）　白＝宗教（サーサナー）　青＝王室（プラマハーカサット）<br>
          <span style="font-size:0.88rem; opacity:0.85;">この3つはタイ社会を支える思想的・精神的な根幹であり、後のセクションでさらに深掘りします。</span>
        </div>
      </div>
    </section>

    <!-- ======================================
         セクション3: タイ国旗の歴史と変遷
         ====================================== -->
    <section id="sec-history" aria-labelledby="h2-sec-history">

      <h2 id="h2-sec-history" class="tfl-h2">タイ国旗の歴史と変遷</h2>

      <p>現在のトライロングが制定されたのは<strong>1917年（仏暦2460年）</strong>のことです。制定したのはチャクリー王朝第6代国王、<strong>ラーマ6世（ワチラーウット王）</strong>。それまでのタイの国旗とは大きく異なる、シンプルで力強いデザインへの転換でした。</p>

      <!-- タイムライン -->
      <div class="tfl-timeline" role="list" aria-label="タイ国旗の変遷">

        <div class="tfl-tl-item" role="listitem">
          <div class="tfl-tl-dot tfl-tl-dot--past" aria-hidden="true"></div>
          <div class="tfl-tl-body">
            <div class="tfl-tl-year">〜1916年</div>
            <div class="tfl-tl-title">白象旗の時代</div>
            <p class="tfl-tl-text">かつてのタイ（シャム）の国旗は、赤地の中央に<strong>白い象</strong>が描かれた「白象旗」でした。象はタイで聖なる動物とされており、王権と国家の象徴でしたが、旗の向きによって象が逆さになるなど実用上の問題もありました。</p>
          </div>
        </div>

        <div class="tfl-tl-item" role="listitem">
          <div class="tfl-tl-dot tfl-tl-dot--change" aria-hidden="true"></div>
          <div class="tfl-tl-body">
            <div class="tfl-tl-year">1917年</div>
            <div class="tfl-tl-title">ラーマ6世による改定</div>
            <p class="tfl-tl-text">第一次世界大戦中、タイは連合国側に立って参戦しました。このとき<strong>ラーマ6世</strong>は、国際社会に向けて「タイは近代的な国家である」と示すため、シンプルで識別しやすい三色旗への変更を決断。赤・白・青の5本縞からなる現在のトライロングが誕生しました。</p>
          </div>
        </div>

        <div class="tfl-tl-item" role="listitem">
          <div class="tfl-tl-dot tfl-tl-dot--now" aria-hidden="true"></div>
          <div class="tfl-tl-body">
            <div class="tfl-tl-year">1917年〜現在</div>
            <div class="tfl-tl-title">100年以上変わらぬ旗</div>
            <p class="tfl-tl-text">制定から100年以上が経つ現在も、トライロングは一切変更されていません。政変や政権交代を経ながらも、国旗だけはタイ社会の安定した象徴として守り続けられています。</p>
          </div>
        </div>

      </div><!-- /tfl-timeline -->

    </section><!-- /sec-history -->

    <!-- ======================================
         セクション4: 3本柱の思想
         ====================================== -->
    <section id="sec-pillars" aria-labelledby="h2-sec-pillars">

      <h2 id="h2-sec-pillars" class="tfl-h2">3本柱の思想｜国家・宗教・王室</h2>

      <p>タイ国旗の3色が象徴するのは、単なる「色のデザイン」ではありません。タイ社会の根底に流れる<strong>「チャート・サーサナー・プラマハーカサット」</strong>という3つの柱そのものです。</p>

      <!-- 3本柱ベントグリッド -->
      <div class="tfl-bento" role="list" aria-label="タイの3本柱">

        <article class="tfl-bento-card tfl-bento-nation" role="listitem">
          <div class="tfl-bento-en" aria-hidden="true">NATION</div>
          <div class="tfl-bento-thai">ชาติ</div>
          <h3 class="tfl-bento-title">チャート<br><span>（国家）</span></h3>
          <p class="tfl-bento-text">タイという国家そのものへの愛と誇り。国民が一丸となって守るべき共同体を意味し、赤色がその血と誇りを象徴します。</p>
          <div class="tfl-bento-color-bar" aria-hidden="true"></div>
        </article>

        <article class="tfl-bento-card tfl-bento-religion" role="listitem">
          <div class="tfl-bento-en" aria-hidden="true">RELIGION</div>
          <div class="tfl-bento-thai">ศาสนา</div>
          <h3 class="tfl-bento-title">サーサナー<br><span>（宗教）</span></h3>
          <p class="tfl-bento-text">タイ社会を支える仏教の教え。慈悲・無常・中道というブッダの教えは、日常のあらゆる場面に根付いており、白が純粋さを表します。</p>
          <div class="tfl-bento-color-bar" aria-hidden="true"></div>
        </article>

        <article class="tfl-bento-card tfl-bento-king" role="listitem">
          <div class="tfl-bento-en" aria-hidden="true">MONARCHY</div>
          <div class="tfl-bento-thai">พระมหากษัตริย์</div>
          <h3 class="tfl-bento-title">プラマハーカサット<br><span>（王室）</span></h3>
          <p class="tfl-bento-text">チャクリー王朝に対するタイ国民の深い敬愛。王室はタイ人の心の拠り所であり、青が中央を占めることでその中心的存在を表します。</p>
          <div class="tfl-bento-color-bar" aria-hidden="true"></div>
        </article>

      </div><!-- /tfl-bento -->

      <p>この3本柱の思想は、小学校の教科書から政府の公文書まで、タイ社会のあらゆる場面で登場します。タイを旅していると、寺院・学校・官公庁など至るところで国旗と並んで王室の紋章が掲げられているのもこのためです。旗を見るとき、その背景にある「国民・宗教・王室への敬意」を思い浮かべると、タイという国の見え方が少し変わるかもしれません。</p>

    </section><!-- /sec-pillars -->

    <!-- ======================================
         セクション5: 旅行中に国旗を見かける場面
         ====================================== -->
    <section id="sec-travel" aria-labelledby="h2-sec-travel">

      <h2 id="h2-sec-travel" class="tfl-h2">旅行中に国旗を見かける場面</h2>

      <p>タイを旅していると、日本では考えられないほど多くの場面で国旗を目にします。それはタイ人にとって国旗が単なる「シンボル」ではなく、日常の誇りそのものだから。どんな場面で見かけるか、あらかじめ知っておくと旅の解像度がぐっと上がります。</p>

      <!-- シーン別カード -->
      <div class="tfl-scene-grid" role="list">

        <div class="tfl-scene-card" role="listitem">
          <div class="tfl-scene-icon" aria-hidden="true">🏛️</div>
          <div class="tfl-scene-body">
            <h3 class="tfl-scene-title">官公庁・学校の前</h3>
            <p class="tfl-scene-text">タイの政府機関・学校・警察署などの前には、必ずタイ国旗が掲げられています。毎朝8時と夕方18時には国歌が流れ、その場にいる人々は立ち止まって敬意を表します。観光中にこの場面に出会ったら、静かに見守りましょう。</p>
          </div>
        </div>

        <div class="tfl-scene-card" role="listitem">
          <div class="tfl-scene-icon" aria-hidden="true">🙏</div>
          <div class="tfl-scene-body">
            <h3 class="tfl-scene-title">王室記念日・祝祭日の街</h3>
            <p class="tfl-scene-text">国王誕生日（7月28日）や王妃誕生日（8月12日）などの王室記念日には、バンコクの主要道路や建物が国旗と王室の旗で埋め尽くされます。黄色い旗と青い旗が並ぶ光景は、タイならではの壮観な眺めです。</p>
          </div>
        </div>

        <div class="tfl-scene-card" role="listitem">
          <div class="tfl-scene-icon" aria-hidden="true">⛩️</div>
          <div class="tfl-scene-body">
            <h3 class="tfl-scene-title">寺院の境内</h3>
            <p class="tfl-scene-text">多くの寺院では、仏旗（青・白・赤・橙・黄の仏教旗）とともにタイ国旗が掲げられています。国家と宗教が密接に結びついていることを、旗の並びからも感じ取ることができます。</p>
          </div>
        </div>

        <div class="tfl-scene-card" role="listitem">
          <div class="tfl-scene-icon" aria-hidden="true">🛺</div>
          <div class="tfl-scene-body">
            <h3 class="tfl-scene-title">タクシー・トゥクトゥクの中</h3>
            <p class="tfl-scene-text">個人の車やタクシーのミラーに小さな国旗を飾る習慣があります。王室の写真と並べて飾られていることも多く、運転手さんの誇りと敬愛がにじみ出る場面です。</p>
          </div>
        </div>

      </div><!-- /tfl-scene-grid -->

      <!-- マナーインフォ -->
      <div class="tfl-manner-box" role="note" aria-label="旅行者が知っておくべきマナー">
        <div class="tfl-manner-header">
          <span class="tfl-manner-icon" aria-hidden="true">⚠️</span>
          旅行者として知っておきたいマナー
        </div>
        <ul class="tfl-manner-list">
          <li>国旗・王室の写真を踏んだり侮辱したりする行為は<strong>不敬罪</strong>に当たる可能性があり、外国人も適用対象です</li>
          <li>国歌が流れている場面では、その場で立ち止まるのがマナーです</li>
          <li>国旗・王室関連グッズを土産として購入する際は、丁寧に扱いましょう</li>
        </ul>
      </div>

    </section><!-- /sec-travel -->

    <!-- ======================================
         セクション6: 似た旗との違い
         ====================================== -->
    <section id="sec-similar" aria-labelledby="h2-sec-similar">

      <h2 id="h2-sec-similar" class="tfl-h2">似た旗との違いを知っておこう</h2>

      <p>タイ国旗と配色が似ている国旗は世界にいくつか存在します。なかでもよく「似ている」と言われるのが<strong>コスタリカの国旗</strong>です。旅行前に違いを把握しておくと、会話のネタにもなります。</p>

      <!-- 比較テーブル -->
      <div class="tfl-compare" role="region" aria-label="国旗の比較">

        <div class="tfl-compare-card">
          <div class="tfl-compare-flag tfl-cf-thai" role="img" aria-label="タイ国旗">
            <span class="tfl-cf-stripe tfl-cf-red"></span>
            <span class="tfl-cf-stripe tfl-cf-white"></span>
            <span class="tfl-cf-stripe tfl-cf-blue tfl-cf-wide"></span>
            <span class="tfl-cf-stripe tfl-cf-white"></span>
            <span class="tfl-cf-stripe tfl-cf-red"></span>
          </div>
          <div class="tfl-compare-body">
            <div class="tfl-compare-country">🇹🇭 タイ王国</div>
            <ul class="tfl-compare-list">
              <li>縞の幅：赤1・白1・<strong>青2</strong>・白1・赤1</li>
              <li>中央の青が最も<strong>幅広い</strong></li>
              <li>シンプルなストライプのみ（紋章なし）</li>
              <li>縦横比：2対3</li>
            </ul>
          </div>
        </div>

        <div class="tfl-compare-vs" aria-hidden="true">VS</div>

        <div class="tfl-compare-card">
          <div class="tfl-compare-flag tfl-cf-costa" role="img" aria-label="コスタリカ国旗（イメージ）">
            <span class="tfl-cf-stripe tfl-cf-blue-cr"></span>
            <span class="tfl-cf-stripe tfl-cf-white"></span>
            <span class="tfl-cf-stripe tfl-cf-red-cr tfl-cf-wide"></span>
            <span class="tfl-cf-stripe tfl-cf-white"></span>
            <span class="tfl-cf-stripe tfl-cf-blue-cr"></span>
          </div>
          <div class="tfl-compare-body">
            <div class="tfl-compare-country">🇨🇷 コスタリカ共和国</div>
            <ul class="tfl-compare-list">
              <li>縞の幅：青1・白1・<strong>赤2</strong>・白1・青1</li>
              <li>中央の<strong>赤</strong>が最も幅広い</li>
              <li>左側に国章（紋章）が入る版もある</li>
              <li>縦横比：3対5</li>
            </ul>
          </div>
        </div>

      </div><!-- /tfl-compare -->

      <!-- 見分け方ポイント -->
      <div class="tfl-tip-box" role="note">
        <div class="tfl-tip-label" aria-hidden="true">💡 見分け方のヒント</div>
        <p class="tfl-tip-text"><strong>中央の色に注目するだけ</strong>で一瞬で見分けられます。中央が<span class="tfl-tip-blue">青</span>ならタイ、<span class="tfl-tip-red">赤</span>ならコスタリカ。色の並び順も逆（タイは赤が外側、コスタリカは青が外側）です。</p>
      </div>

    </section><!-- /sec-similar -->

    <!-- ======================================
         セクション7: FAQ
         ====================================== -->
    <section id="sec-faq" aria-labelledby="h2-sec-faq">

      <h2 id="h2-sec-faq" class="tfl-h2">FAQ｜よくある質問</h2>

      <div class="tfl-faq-list">

        <div class="tfl-faq-item">
          <input type="checkbox" id="tfl-faq1" class="tfl-faq-toggle" aria-hidden="true">
          <label for="tfl-faq1" class="tfl-faq-q" aria-expanded="false">
            <span class="tfl-faq-q-icon" aria-hidden="true">Q</span>
            タイ国旗を逆さまにしたらどうなる？
            <span class="tfl-faq-arrow" aria-hidden="true">▼</span>
          </label>
          <div class="tfl-faq-a" role="region" aria-labelledby="tfl-faq1-label">
            <div class="tfl-faq-a-inner">
              <span class="tfl-faq-a-icon" aria-hidden="true">A</span>
              <p>タイ国旗は上下対称のデザインのため、逆さにしても見た目はほとんど変わりません。これはかつての「白象旗」が逆さになると問題が生じたことへの反省から、ラーマ6世が意図的に対称デザインを採用した理由のひとつとも言われています。ただし、意図的に国旗を逆さにする行為は不敬とみなされることもあるため、旅行中は丁寧に扱いましょう。</p>
            </div>
          </div>
        </div>

        <div class="tfl-faq-item">
          <input type="checkbox" id="tfl-faq2" class="tfl-faq-toggle" aria-hidden="true">
          <label for="tfl-faq2" class="tfl-faq-q" aria-expanded="false">
            <span class="tfl-faq-q-icon" aria-hidden="true">Q</span>
            タイ国旗は購入・飾っていい？
            <span class="tfl-faq-arrow" aria-hidden="true">▼</span>
          </label>
          <div class="tfl-faq-a">
            <div class="tfl-faq-a-inner">
              <span class="tfl-faq-a-icon" aria-hidden="true">A</span>
              <p>観光記念として購入すること自体は問題ありません。ただしタイには国旗の使用に関する法律があり、破損した状態での掲示や不適切な用途への使用は禁じられています。土産として購入したミニ国旗などを丁寧に飾る分には問題ないとされています。</p>
            </div>
          </div>
        </div>

        <div class="tfl-faq-item">
          <input type="checkbox" id="tfl-faq3" class="tfl-faq-toggle" aria-hidden="true">
          <label for="tfl-faq3" class="tfl-faq-q" aria-expanded="false">
            <span class="tfl-faq-q-icon" aria-hidden="true">Q</span>
            タイ国旗の日はある？
            <span class="tfl-faq-arrow" aria-hidden="true">▼</span>
          </label>
          <div class="tfl-faq-a">
            <div class="tfl-faq-a-inner">
              <span class="tfl-faq-a-icon" aria-hidden="true">A</span>
              <p>タイには「国旗の日（National Flag Day）」として<strong>9月28日</strong>が制定されています。1917年に現在のトライロングが正式に定められたことを記念した日です。この日は特別なイベントや式典が行われることがあります。</p>
            </div>
          </div>
        </div>

        <div class="tfl-faq-item">
          <input type="checkbox" id="tfl-faq4" class="tfl-faq-toggle" aria-hidden="true">
          <label for="tfl-faq4" class="tfl-faq-q" aria-expanded="false">
            <span class="tfl-faq-q-icon" aria-hidden="true">Q</span>
            なぜ青が王室の色なの？
            <span class="tfl-faq-arrow" aria-hidden="true">▼</span>
          </label>
          <div class="tfl-faq-a">
            <div class="tfl-faq-a-inner">
              <span class="tfl-faq-a-icon" aria-hidden="true">A</span>
              <p>タイでは曜日ごとに守護色があり、現在の国旗を制定した<strong>ラーマ6世（ワチラーウット王）</strong>が生まれた曜日である<strong>金曜日の守護色が青</strong>とされたことが由来とも言われています。また同盟国フランス・イギリスの三色旗に倣い青を採用した説もあります。いずれにせよ青は現在も王室・皇族と深く結びついた色として扱われています。</p>
            </div>
          </div>
        </div>

      </div><!-- /tfl-faq-list -->

    </section><!-- /sec-faq -->

    <!-- ======================================
         セクション8: まとめ
         ====================================== -->
    <section id="sec-summary" aria-labelledby="h2-sec-summary">

      <h2 id="h2-sec-summary" class="tfl-h2">まとめ</h2>

      <p>タイ国旗「トライロング」は、赤・白・青という3色のシンプルなデザインの中に、タイという国の精神的な根幹が凝縮されています。</p>

      <!-- まとめカード -->
      <div class="tfl-summary-cards">

        <div class="tfl-sum-card tfl-sum-red">
          <div class="tfl-sum-num" aria-hidden="true">赤</div>
          <p><strong>国民と国土</strong><br>タイに生きる人々の血と誇り、そして先人が守り抜いた土地への愛情</p>
        </div>

        <div class="tfl-sum-card tfl-sum-white">
          <div class="tfl-sum-num" aria-hidden="true">白</div>
          <p><strong>仏教の純粋さ</strong><br>国民の9割が信仰する仏教への敬意。タイ社会・文化を根底から支える精神的な柱</p>
        </div>

        <div class="tfl-sum-card tfl-sum-blue">
          <div class="tfl-sum-num" aria-hidden="true">青</div>
          <p><strong>王室への敬愛</strong><br>1917年の制定以来、変わらずタイ国民の心の拠り所であるチャクリー王朝の象徴</p>
        </div>

      </div>

      <p>旅行中にタイ国旗を見かけたとき、この3色の意味を思い浮かべてみてください。バンコクの大通りに翻る旗も、寺院の境内に静かに立つ旗も、きっとひと味違って見えるはずです。</p>

      <div class="tfl-sum-closing" role="note">
        <div class="tfl-sum-closing-flag" aria-hidden="true">
          <span></span><span></span><span></span><span></span><span></span>
        </div>
        <p class="tfl-sum-closing-text">
          タイへの旅が、国旗のひとつひとつにまで想いを馳せられる<br>豊かな体験になりますように。
        </p>
      </div>

    </section><!-- /sec-summary -->

  </div><!-- /tfl-content -->

</div><!-- /tfl-wrap -->

<!-- ======================================
     FAQ構造化データ（JSON-LD）
     ====================================== -->

]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/thai-flag-meaning-color/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>どの旅行会社に頼めばいい？e旅ネットの一括見積もりで旅の計画が動き出す</title>
		<link>https://yoooyooo8.jp/e-tabinet/</link>
					<comments>https://yoooyooo8.jp/e-tabinet/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Tue, 28 Apr 2026 00:00:00 +0000</pubDate>
				<category><![CDATA[PR]]></category>
		<category><![CDATA[e旅ネット]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2477</guid>

					<description><![CDATA[まだ決まっていなくても大丈夫。e旅ネットの一括見積もりから旅は動き出す 複数の旅行会社にまとめて見積もり依頼。自分だけのプランを比較して選べる、 2026年に注目したい海外旅行の新しい予約スタイル。 一括見積もり無料 オ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ※広告・PR含む -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&#038;family=Zen+Kaku+Gothic+New:wght@700;900&#038;display=swap">

<style>
/* =============================================
   e旅ネット記事 スコープスタイル
   プレフィックス: .etn-
   ============================================= */

.etn-wrap {
  font-family: 'Noto Sans JP', sans-serif;
  color: #1a2533;
  line-height: 1.8;
  max-width: 100%;
}

/* --- CSS変数 --- */
.etn-wrap {
  --etn-primary:    #0891b2;
  --etn-primary-d:  #0e7490;
  --etn-primary-l:  #e0f7fa;
  --etn-accent:     #f97316;
  --etn-accent-l:   #fff3e0;
  --etn-text:       #1a2533;
  --etn-text-sub:   #4b5e6e;
  --etn-bg:         #f0f9ff;
  --etn-white:      #ffffff;
  --etn-border:     #b2ebf2;
  --etn-radius:     12px;
  --etn-shadow:     0 4px 20px rgba(8,145,178,0.10);
}

/* =============================================
   ヒーローセクション
   ============================================= */
.etn-wrap .etn-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #0e7490 0%, #0891b2 45%, #06b6d4 100%);
  border-radius: var(--etn-radius);
  padding: 52px 36px 48px;
  margin-bottom: 36px;
  text-align: center;
}

/* 背景装飾 */
.etn-wrap .etn-hero::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(255,255,255,0.07);
  pointer-events: none;
}
.etn-wrap .etn-hero::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  pointer-events: none;
}

/* ヒーロー：h2（Cocoon上書き対策）*/
.etn-wrap .etn-hero h2.etn-hero-title,
.etn-hero-title {
  background: transparent;
  padding: 0;
  border: none;
  margin: 0 0 14px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: clamp(1.35rem, 3.5vw, 1.9rem);
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 0.04em;
  line-height: 1.45;
  text-shadow: 0 2px 8px rgba(0,0,0,0.18);
  position: relative;
  z-index: 1;
}

.etn-wrap .etn-hero-lead {
  font-size: clamp(0.88rem, 2vw, 1.0rem);
  color: rgba(255,255,255,0.90);
  margin: 0 0 28px;
  position: relative;
  z-index: 1;
}

/* バッジ */
.etn-wrap .etn-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.etn-wrap .etn-badge {
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.35);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 100px;
  letter-spacing: 0.05em;
  backdrop-filter: blur(4px);
}

/* アニメーション */
@keyframes etn-fadeup {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

.etn-wrap .etn-hero-title  { animation: etn-fadeup 0.65s ease both; }
.etn-wrap .etn-hero-lead   { animation: etn-fadeup 0.65s 0.15s ease both; }
.etn-wrap .etn-hero-badges { animation: etn-fadeup 0.65s 0.28s ease both; }

/* =============================================
   要点ボックス
   ============================================= */
.etn-wrap .etn-points {
  background: var(--etn-white);
  border: 2px solid var(--etn-border);
  border-left: 5px solid var(--etn-primary);
  border-radius: var(--etn-radius);
  padding: 28px 30px 24px;
  margin-bottom: 36px;
  box-shadow: var(--etn-shadow);
  animation: etn-fadeup 0.65s 0.38s ease both;
}

.etn-wrap .etn-points-title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 1.0rem;
  font-weight: 700;
  color: var(--etn-primary-d);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.etn-wrap .etn-points-title::before {
  content: '✅';
  font-size: 1.1rem;
}

.etn-wrap .etn-points-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.etn-wrap .etn-points-list li {
  font-size: 0.93rem;
  color: var(--etn-text);
  padding-left: 22px;
  position: relative;
  line-height: 1.65;
}

.etn-wrap .etn-points-list li::before {
  content: '▶';
  position: absolute;
  left: 0;
  color: var(--etn-primary);
  font-size: 0.75rem;
  top: 5px;
}

.etn-wrap .etn-points-list li strong {
  color: var(--etn-primary-d);
  font-weight: 700;
}

/* =============================================
   アニメーション目次
   ============================================= */

/* チェックボックスハック用 hidden */
.etn-wrap .etn-toc-toggle {
  display: none;
}

.etn-wrap .etn-toc {
  background: var(--etn-bg);
  border: 1.5px solid var(--etn-border);
  border-radius: var(--etn-radius);
  margin-bottom: 40px;
  overflow: hidden;
  box-shadow: var(--etn-shadow);
  animation: etn-fadeup 0.65s 0.48s ease both;
}

/* 目次ヘッダー（label） */
.etn-wrap .etn-toc-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  background: var(--etn-primary);
  cursor: pointer;
  user-select: none;
  gap: 10px;
}

.etn-wrap .etn-toc-label-text {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}

.etn-wrap .etn-toc-label-text::before {
  content: '📋';
  font-size: 1.0rem;
}

/* 開閉アイコン */
.etn-wrap .etn-toc-icon {
  width: 22px;
  height: 22px;
  border: 2px solid rgba(255,255,255,0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.35s ease;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1;
}

.etn-wrap .etn-toc-icon::after {
  content: '▼';
}

/* 目次コンテンツ（高さアニメーション CSS hackで実現） */
.etn-wrap .etn-toc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1),
              padding  0.35s ease;
  padding: 0 22px;
}

/* チェック ON → 開く */
.etn-wrap .etn-toc-toggle:checked ~ .etn-toc .etn-toc-body {
  max-height: 600px;
  padding: 18px 22px 20px;
}

.etn-wrap .etn-toc-toggle:checked ~ .etn-toc .etn-toc-icon {
  transform: rotate(180deg);
}

/* h3扱いの目次タイトル（Rank Math目次と区別するためクラス管理） */
.etn-wrap .etn-toc-heading {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0;
  /* 視覚上は label で表示 / screen reader用 */
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
}

.etn-wrap .etn-toc-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.etn-wrap .etn-toc-nav li {
  font-size: 0.88rem;
  counter-increment: etn-toc;
  position: relative;
  padding-left: 28px;
}

.etn-wrap .etn-toc-nav li::before {
  content: counter(etn-toc, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--etn-primary);
  line-height: 1.6;
}

.etn-wrap .etn-toc-nav {
  counter-reset: etn-toc;
}

.etn-wrap .etn-toc-nav a {
  color: var(--etn-text);
  text-decoration: none;
  border-bottom: 1px dashed var(--etn-border);
  padding-bottom: 2px;
  transition: color 0.2s, border-color 0.2s;
  display: inline-block;
}

.etn-wrap .etn-toc-nav a:hover {
  color: var(--etn-primary);
  border-bottom-color: var(--etn-primary);
}

/* FAQ・まとめアイコン付き */
.etn-wrap .etn-toc-nav .etn-toc-faq::before {
  content: '❓';
  position: static;
  font-size: 0.8rem;
  margin-right: 4px;
}
.etn-wrap .etn-toc-nav .etn-toc-summary::before {
  content: '📝';
  position: static;
  font-size: 0.8rem;
  margin-right: 4px;
}
/* FAQとまとめはカウンタから外す */
.etn-wrap .etn-toc-nav .etn-toc-faq,
.etn-wrap .etn-toc-nav .etn-toc-summary {
  counter-increment: none;
  padding-left: 22px;
}
.etn-wrap .etn-toc-nav .etn-toc-faq::after,
.etn-wrap .etn-toc-nav .etn-toc-summary::after {
  content: none;
}

/* デフォルト開閉状態：最初は閉じた状態で表示、初回閲覧者に「開ける」体験 */

/* =============================================
   レスポンシブ
   ============================================= */
@media (max-width: 640px) {
  .etn-wrap .etn-hero {
    padding: 38px 20px 36px;
  }
  .etn-wrap .etn-points {
    padding: 22px 18px 20px;
  }
  .etn-wrap .etn-toc-label,
  .etn-wrap .etn-toc-body {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* アクセシビリティ：モーション低減 */
@media (prefers-reduced-motion: reduce) {
  .etn-wrap *,
  .etn-wrap *::before,
  .etn-wrap *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* =============================================
   本文 共通：セクション h2 見出し
   ============================================= */
.etn-wrap .etn-sec {
  margin-bottom: 52px;
}

.etn-wrap .etn-sec-title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: clamp(1.15rem, 3vw, 1.45rem);
  font-weight: 900;
  color: var(--etn-primary-d);
  margin: 0 0 24px;
  padding: 14px 20px 14px 52px;
  background: var(--etn-bg);
  border-left: 5px solid var(--etn-primary);
  border-radius: 0 var(--etn-radius) var(--etn-radius) 0;
  position: relative;
  line-height: 1.4;
}

.etn-wrap .etn-sec-title::before {
  content: attr(data-icon);
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.3rem;
  line-height: 1;
}

/* 本文テキスト */
.etn-wrap .etn-sec p {
  font-size: 0.95rem;
  color: var(--etn-text);
  margin: 0 0 18px;
  line-height: 1.85;
}

.etn-wrap .etn-sec p:last-child {
  margin-bottom: 0;
}

/* =============================================
   カードグリッド（セクション2 サービス3種）
   ============================================= */
.etn-wrap .etn-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin: 24px 0 28px;
}

.etn-wrap .etn-card {
  background: var(--etn-white);
  border: 1.5px solid var(--etn-border);
  border-radius: var(--etn-radius);
  padding: 24px 20px 22px;
  box-shadow: var(--etn-shadow);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.etn-wrap .etn-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(8,145,178,0.15);
}

.etn-wrap .etn-card-icon {
  font-size: 2rem;
  line-height: 1;
}

.etn-wrap .etn-card-title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--etn-primary-d);
  margin: 0;
  line-height: 1.4;
}

.etn-wrap .etn-card-body {
  font-size: 0.86rem;
  color: var(--etn-text-sub);
  line-height: 1.7;
  margin: 0;
}

.etn-wrap .etn-card-label {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--etn-primary);
  background: var(--etn-primary-l);
  border-radius: 4px;
  padding: 2px 8px;
  letter-spacing: 0.04em;
  margin-top: auto;
}

@media (max-width: 640px) {
  .etn-wrap .etn-cards {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* =============================================
   チェックリスト（セクション3 向いている人）
   ============================================= */
.etn-wrap .etn-checklist {
  list-style: none;
  margin: 20px 0 24px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.etn-wrap .etn-checklist li {
  background: var(--etn-white);
  border: 1.5px solid var(--etn-border);
  border-radius: 8px;
  padding: 14px 18px 14px 50px;
  font-size: 0.93rem;
  color: var(--etn-text);
  position: relative;
  line-height: 1.65;
  box-shadow: 0 2px 8px rgba(8,145,178,0.06);
}

.etn-wrap .etn-checklist li::before {
  content: '✓';
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: var(--etn-primary);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

.etn-wrap .etn-checklist li strong {
  color: var(--etn-primary-d);
  font-weight: 700;
}

/* アクセント枠（セクション内補足） */
.etn-wrap .etn-note {
  background: var(--etn-accent-l);
  border-left: 4px solid var(--etn-accent);
  border-radius: 0 8px 8px 0;
  padding: 14px 18px;
  font-size: 0.88rem;
  color: var(--etn-text);
  margin: 20px 0 0;
  line-height: 1.75;
}

.etn-wrap .etn-note strong {
  color: #c2410c;
}

/* =============================================
   ステップリスト（セクション4 利用の流れ）
   ============================================= */
.etn-wrap .etn-steps {
  list-style: none;
  margin: 24px 0 28px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  counter-reset: etn-step;
  position: relative;
}

/* 縦ライン */
.etn-wrap .etn-steps::before {
  content: '';
  position: absolute;
  left: 19px;
  top: 28px;
  bottom: 28px;
  width: 2px;
  background: linear-gradient(to bottom, var(--etn-primary), var(--etn-border));
  pointer-events: none;
}

.etn-wrap .etn-steps li {
  counter-increment: etn-step;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 0 0 28px;
  position: relative;
}

.etn-wrap .etn-steps li:last-child {
  padding-bottom: 0;
}

/* ステップ番号バッジ */
.etn-wrap .etn-step-num {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--etn-primary);
  color: #fff;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 0.88rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(8,145,178,0.25);
  position: relative;
  z-index: 1;
}

.etn-wrap .etn-step-body {
  flex: 1;
  padding-top: 8px;
}

.etn-wrap .etn-step-title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--etn-primary-d);
  margin: 0 0 6px;
}

.etn-wrap .etn-step-body p {
  font-size: 0.88rem;
  color: var(--etn-text-sub);
  margin: 0;
  line-height: 1.7;
}

/* =============================================
   トレンドグリッド（セクション5 2026年トレンド）
   ============================================= */
.etn-wrap .etn-trend-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 24px 0 28px;
}

.etn-wrap .etn-trend-item {
  background: var(--etn-white);
  border: 1.5px solid var(--etn-border);
  border-top: 4px solid var(--etn-primary);
  border-radius: var(--etn-radius);
  padding: 20px 18px 18px;
  box-shadow: var(--etn-shadow);
}

.etn-wrap .etn-trend-item-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.etn-wrap .etn-trend-icon {
  font-size: 1.5rem;
  line-height: 1;
  flex-shrink: 0;
}

.etn-wrap .etn-trend-title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 0.93rem;
  font-weight: 700;
  color: var(--etn-primary-d);
  margin: 0;
  line-height: 1.4;
}

.etn-wrap .etn-trend-item p {
  font-size: 0.86rem;
  color: var(--etn-text-sub);
  margin: 0;
  line-height: 1.72;
}

@media (max-width: 640px) {
  .etn-wrap .etn-trend-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .etn-wrap .etn-steps::before {
    left: 18px;
  }
}

/* =============================================
   FAQ（セクション6）
   ============================================= */
.etn-wrap .etn-faq-list {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  counter-reset: etn-faq;
}

/* チェックボックスハック：各FAQ項目ごと */
.etn-wrap .etn-faq-toggle {
  display: none;
}

.etn-wrap .etn-faq-item {
  border: 1.5px solid var(--etn-border);
  border-radius: var(--etn-radius);
  margin-bottom: 12px;
  overflow: hidden;
  background: var(--etn-white);
  box-shadow: 0 2px 8px rgba(8,145,178,0.06);
}

/* 質問ラベル */
.etn-wrap .etn-faq-q {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  cursor: pointer;
  user-select: none;
  background: var(--etn-white);
  transition: background 0.2s;
}

.etn-wrap .etn-faq-q:hover {
  background: var(--etn-bg);
}

.etn-wrap .etn-faq-q-badge {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--etn-primary);
  color: #fff;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 0.85rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}

.etn-wrap .etn-faq-q-text {
  flex: 1;
  font-size: 0.93rem;
  font-weight: 700;
  color: var(--etn-text);
  line-height: 1.5;
}

.etn-wrap .etn-faq-q-arrow {
  flex-shrink: 0;
  font-size: 0.72rem;
  color: var(--etn-primary);
  transition: transform 0.3s ease;
  display: inline-block;
}

/* 回答エリア */
.etn-wrap .etn-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1),
              padding 0.3s ease;
  padding: 0 18px 0 64px;
  font-size: 0.90rem;
  color: var(--etn-text-sub);
  line-height: 1.8;
  background: var(--etn-bg);
  border-top: 0px solid var(--etn-border);
}

/* 各FAQ チェック ON → 開く */
.etn-wrap #etn-faq1:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(1) .etn-faq-a,
.etn-wrap #etn-faq2:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(2) .etn-faq-a,
.etn-wrap #etn-faq3:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(3) .etn-faq-a,
.etn-wrap #etn-faq4:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(4) .etn-faq-a,
.etn-wrap #etn-faq5:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(5) .etn-faq-a {
  max-height: 300px;
  padding: 14px 18px 18px 64px;
  border-top-width: 1px;
}

.etn-wrap #etn-faq1:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(1) .etn-faq-q-arrow,
.etn-wrap #etn-faq2:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(2) .etn-faq-q-arrow,
.etn-wrap #etn-faq3:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(3) .etn-faq-q-arrow,
.etn-wrap #etn-faq4:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(4) .etn-faq-q-arrow,
.etn-wrap #etn-faq5:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(5) .etn-faq-q-arrow {
  transform: rotate(180deg);
}

/* =============================================
   まとめ・CTA（セクション7）
   ============================================= */
.etn-wrap .etn-summary-box {
  background: var(--etn-bg);
  border: 1.5px solid var(--etn-border);
  border-radius: var(--etn-radius);
  padding: 28px 28px 24px;
  margin-bottom: 28px;
  box-shadow: var(--etn-shadow);
}

.etn-wrap .etn-summary-list {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.etn-wrap .etn-summary-list li {
  font-size: 0.92rem;
  color: var(--etn-text);
  padding-left: 24px;
  position: relative;
  line-height: 1.7;
}

.etn-wrap .etn-summary-list li::before {
  content: '✔';
  position: absolute;
  left: 0;
  color: var(--etn-primary);
  font-size: 0.85rem;
  font-weight: 700;
  top: 2px;
}

/* CTAボタン */
.etn-wrap .etn-cta-wrap {
  text-align: center;
  margin-top: 28px;
}

.etn-wrap .etn-cta-label {
  font-size: 0.82rem;
  color: var(--etn-text-sub);
  margin-bottom: 12px;
  display: block;
}

.etn-wrap .etn-cta-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--etn-primary-d), var(--etn-primary));
  color: #fff;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 16px 40px;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 18px rgba(8,145,178,0.30);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  line-height: 1.4;
}

.etn-wrap .etn-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(8,145,178,0.38);
  color: #fff;
  text-decoration: none;
}

.etn-wrap .etn-cta-note {
  font-size: 0.76rem;
  color: var(--etn-text-sub);
  margin-top: 10px;
  display: block;
}

@media (max-width: 640px) {
  .etn-wrap .etn-summary-box {
    padding: 22px 16px 20px;
  }
  .etn-wrap .etn-faq-a {
    padding-left: 18px;
  }
  .etn-wrap #etn-faq1:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(1) .etn-faq-a,
  .etn-wrap #etn-faq2:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(2) .etn-faq-a,
  .etn-wrap #etn-faq3:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(3) .etn-faq-a,
  .etn-wrap #etn-faq4:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(4) .etn-faq-a,
  .etn-wrap #etn-faq5:checked ~ #etn-faq .etn-faq-list .etn-faq-item:nth-child(5) .etn-faq-a {
    padding-left: 18px;
  }
  .etn-wrap .etn-cta-btn {
    padding: 15px 24px;
    font-size: 0.96rem;
  }
}
</style>

<!-- ============================================================
     記事ラッパー
     ============================================================ -->
<div class="etn-wrap" role="main">

  <!-- チェックボックスハック（目次の開閉） -->
  <input
    type="checkbox"
    id="etn-toc-check"
    class="etn-toc-toggle"
    aria-hidden="true"
  >

  <!-- ============================================================
       ① ヒーローセクション
       ============================================================ -->
  <section class="etn-hero" aria-labelledby="etn-hero-title">

    <div role="heading" aria-level="2" id="etn-hero-title" class="etn-hero-title">
      まだ決まっていなくても大丈夫。<br>e旅ネットの一括見積もりから旅は動き出す
    </div>

    <p class="etn-hero-lead">
      複数の旅行会社にまとめて見積もり依頼。自分だけのプランを比較して選べる、<br>
      2026年に注目したい海外旅行の新しい予約スタイル。
    </p>

    <div class="etn-hero-badges" aria-label="記事のキーワード">
      <span class="etn-badge">一括見積もり無料</span>
      <span class="etn-badge">オーダーメイド旅行</span>
      <span class="etn-badge">海外旅行・国内旅行</span>
      <span class="etn-badge">24時間365日対応</span>
    </div>

  </section>

  <!-- ============================================================
       ② この記事の要点
       ============================================================ -->
  <aside class="etn-points" aria-label="この記事の要点">
    <p class="etn-points-title">この記事でわかること</p>
    <ul class="etn-points-list">
      <li><strong>e旅ネットとは何か</strong>｜一括見積もりとオーダーメイド旅行の基礎</li>
      <li><strong>3つのサービス</strong>｜自分のスタイルに合った使い方が見つかる</li>
      <li><strong>こんな人に向いている</strong>｜旅行プランで悩む人が最初に試すべき理由</li>
      <li><strong>2026年のトレンド</strong>｜個人化・柔軟性・コスパ重視の旅に最適な理由</li>
      <li><strong>よくある疑問</strong>｜利用前に知っておきたいFAQ</li>
    </ul>
  </aside>

  <!-- ============================================================
       ③ アニメーション目次
       ============================================================ -->
  <nav class="etn-toc" aria-label="目次">

    <h3 class="etn-toc-heading">目次</h3>

    <!-- label で開閉トリガー -->
    <label
      for="etn-toc-check"
      class="etn-toc-label"
     
      role="button"
    >
      <span class="etn-toc-label-text">目次（タップで開く）</span>
      <span class="etn-toc-icon" aria-hidden="true"></span>
    </label>

    <div class="etn-toc-body">
      <ol class="etn-toc-nav" role="list">
        <li><a href="#etn-sec1">e旅ネットとは？サービスの基礎</a></li>
        <li><a href="#etn-sec2">3つのサービスと使い方</a></li>
        <li><a href="#etn-sec3">こんな人にぴったり</a></li>
        <li><a href="#etn-sec4">利用の流れ・ステップ</a></li>
        <li><a href="#etn-sec5">2026年の海外旅行トレンドと活用ヒント</a></li>
        <li class="etn-toc-faq"><a href="#etn-faq">よくある質問（FAQ）</a></li>
        <li class="etn-toc-summary"><a href="#etn-summary">まとめ</a></li>
      </ol>
    </div>

  </nav>

  <!-- ============================================================
       セクション1：e旅ネットとは？サービスの基礎
       ============================================================ -->
  <section class="etn-sec" id="etn-sec1" aria-labelledby="etn-title1">

    <h2
      class="etn-sec-title"
      id="etn-title1"
      data-icon="🌐"
    >e旅ネットとは？サービスの基礎</h2>

    <p>
      <img decoding="async" src="https://www.rentracks.jp/adx/p.gifx?idx=0.72494.376502.10752.15364&#038;dna=174916" border="0" height="1" width="1" alt=""><a rel="nofollow sponsored noopener" href="https://www.rentracks.jp/adx/r.html?idx=0.72494.376502.10752.15364&#038;dna=174916" target="_blank">e旅ネット</a>は、<strong>複数の旅行会社にまとめて見積もりを依頼できる</strong>インターネット旅行プラットフォームです。
      1つのフォームに希望の行き先・日程・人数・予算を入力するだけで、全国の登録旅行会社から提案が届く仕組みになっています。
    </p>

    <p>
      旅行代理店の店舗に足を運ぶ時間がなくても、24時間365日いつでも見積もり依頼ができる点が特徴です。
      ハネムーンや家族旅行、職場旅行のような団体旅行まで幅広いシーンに対応しており、
      個人旅行から少し規模の大きいグループ旅行まで一括で比較できます。
    </p>

    <p>
      旅行会社の側がユーザーの条件に合ったプランを提案してくれるため、
      「どのツアーを選べばいいかわからない」という段階からでも使いやすいのが強みです。
      見積もり依頼自体は<strong>無料</strong>で、提案を受け取ってから検討・選択できます。
    </p>

  </section>

  <!-- ============================================================
       セクション2：3つのサービスと使い方
       ============================================================ -->
  <section class="etn-sec" id="etn-sec2" aria-labelledby="etn-title2">

    <h2
      class="etn-sec-title"
      id="etn-title2"
      data-icon="🗂️"
    >3つのサービスと使い方</h2>

    <p>
      e旅ネットには、旅行スタイルや経験に応じて選べる3つのサービスがあります。
      自分がどのタイプに近いかを確認してから使い始めると、より希望に近いプランに早くたどり着けます。
    </p>

    <div class="etn-cards" role="list">

      <article class="etn-card" role="listitem">
        <span class="etn-card-icon" aria-hidden="true">📋</span>
        <h3 class="etn-card-title">一括見積もり比較<br>（無料）</h3>
        <p class="etn-card-body">
          条件を1回入力するだけで複数の旅行会社から見積もりが届く。
          料金や内容を横並びで比較しながら、自分に合ったプランを選べる。
        </p>
        <span class="etn-card-label">忙しい人・比較重視</span>
      </article>

      <article class="etn-card" role="listitem">
        <span class="etn-card-icon" aria-hidden="true">🗾</span>
        <h3 class="etn-card-title">国内旅行にも<br>対応</h3>
        <p class="etn-card-body">
          海外だけでなく国内旅行の一括見積もりも依頼できる。
          北海道・沖縄をはじめ、団体・グループ旅行にも対応している。
        </p>
        <span class="etn-card-label">国内旅行にも使える</span>
      </article>

      <article class="etn-card" role="listitem">
        <span class="etn-card-icon" aria-hidden="true">🧩</span>
        <h3 class="etn-card-title">自分で組み立てる<br>オーダーメイド旅行</h3>
        <p class="etn-card-body">
          国際線航空券・ホテル・レンタカーを個別に手配して旅程を構築。
          マイレージ消化や特定ホテル指定など、こだわり派に向いている。
        </p>
        <span class="etn-card-label">旅慣れた人・自由派</span>
      </article>

    </div>

    <p>
      3つのサービスはそれぞれ独立していますが、目的が重なる場合は組み合わせて使うことも可能です。
      たとえば、最初に一括見積もりで相場感をつかんでから、
      気に入ったエリアのホテルを個別手配でアップグレードするといった使い方もできます。
    </p>

  </section>

  <!-- ============================================================
       セクション3：こんな人にぴったり
       ============================================================ -->
  <section class="etn-sec" id="etn-sec3" aria-labelledby="etn-title3">

    <h2
      class="etn-sec-title"
      id="etn-title3"
      data-icon="👤"
    >こんな人にぴったり</h2>

    <p>
      e旅ネットが特に力を発揮するのは、「旅行したいけれど、どこから手をつければいいかわからない」という状況です。
      以下のいずれかに当てはまる方には、最初に試してみる価値があります。
    </p>

    <ul class="etn-checklist" aria-label="e旅ネットが向いている人">
      <li>
        <strong>旅行会社の営業時間内に動けない</strong>｜仕事が忙しく、店舗に出向く時間が取れない人でも24時間対応で見積もり依頼できる
      </li>
      <li>
        <strong>何社にも問い合わせる手間を省きたい</strong>｜1回の入力で複数社から提案を受け取れるため、連絡コストを大幅に削減できる
      </li>
      <li>
        <strong>希望通りのツアーが見つからない</strong>｜既存のパッケージに自分の条件が合わない場合、オーダーメイドで組んでもらえる
      </li>
      <li>
        <strong>予算感をまず知りたい</strong>｜同じ条件で複数の見積もりを並べることで、相場を把握してから決断できる
      </li>
      <li>
        <strong>団体・グループ旅行を計画している</strong>｜職場旅行や友人グループなど人数が多い旅行でも、専門の旅行会社がまとめて対応してくれる
      </li>
    </ul>

    <p class="etn-note">
      <strong>ポイント：</strong>見積もりはあくまで提案です。提案を受け取った後に断ることも、別の会社を選ぶことも自由です。
      まずは気軽に条件を入力してみることが、理想の旅への最初の一歩になります。
    </p>

  </section>

  <!-- 以降のセクションはここに追加 -->

  <!-- ============================================================
       セクション4：利用の流れ・ステップ
       ============================================================ -->
  <section class="etn-sec" id="etn-sec4" aria-labelledby="etn-title4">

    <h2
      class="etn-sec-title"
      id="etn-title4"
      data-icon="📌"
    >利用の流れ・ステップ</h2>

    <p>
      e旅ネットの一括見積もりサービスは、難しい操作なしに使い始められます。
      全体の流れを把握しておくと、初めての利用でも迷わずスムーズに進められます。
    </p>

    <ol class="etn-steps" aria-label="e旅ネット利用ステップ">

      <li>
        <span class="etn-step-num" aria-hidden="true">1</span>
        <div class="etn-step-body">
          <p class="etn-step-title">希望条件を入力する</p>
          <p>行き先・出発日・日数・人数・予算の目安・旅行スタイルなどを見積もりフォームに入力します。自由記入欄があるので、「ハネムーンで特別感のある宿を希望」のような細かいリクエストも伝えられます。</p>
        </div>
      </li>

      <li>
        <span class="etn-step-num" aria-hidden="true">2</span>
        <div class="etn-step-body">
          <p class="etn-step-title">旅行会社から提案・見積もりが届く</p>
          <p>入力内容をもとに、登録旅行会社が条件に合ったプランと見積もりを送ってきます。複数社から提案が届くため、料金・内容・サービスを横並びで比較できます。</p>
        </div>
      </li>

      <li>
        <span class="etn-step-num" aria-hidden="true">3</span>
        <div class="etn-step-body">
          <p class="etn-step-title">提案を比較・問い合わせる</p>
          <p>気になった旅行会社には追加で質問したり、プランの調整を相談することができます。この段階ではまだ費用は発生しません。納得のいくプランが見つかるまで比較を続けられます。</p>
        </div>
      </li>

      <li>
        <span class="etn-step-num" aria-hidden="true">4</span>
        <div class="etn-step-body">
          <p class="etn-step-title">プランを選んで予約・申し込み</p>
          <p>最終的に気に入ったプランを選び、旅行会社と直接やりとりして申し込みを完了させます。支払いや詳細の確認は旅行会社との間で進められます。</p>
        </div>
      </li>

    </ol>

    <p class="etn-note">
      <strong>知っておきたいこと：</strong>見積もりの依頼から受け取りまでは無料です。
      申し込みを確定するまでキャンセルも自由なので、まず比べてみることに損はありません。
      ただし、申し込み確定後のキャンセルは旅行会社のキャンセルポリシーが適用されます。
    </p>

  </section>

  <!-- ============================================================
       セクション5：2026年の海外旅行トレンドと活用ヒント
       ============================================================ -->
  <section class="etn-sec" id="etn-sec5" aria-labelledby="etn-title5">

    <h2
      class="etn-sec-title"
      id="etn-title5"
      data-icon="📈"
    >2026年の海外旅行トレンドと活用ヒント</h2>

    <p>
      2026年の海外旅行市場では、画一的なパッケージツアーよりも
      <strong>個人の目的や好みに合わせた旅</strong>への需要が高まっています。
      こうした流れの中で、一括見積もり・オーダーメイド対応のe旅ネットは選択肢として注目されています。
    </p>

    <div class="etn-trend-grid" role="list" aria-label="2026年海外旅行トレンド">

      <article class="etn-trend-item" role="listitem">
        <div class="etn-trend-item-head">
          <span class="etn-trend-icon" aria-hidden="true">🎯</span>
          <h3 class="etn-trend-title">目的特化型の旅</h3>
        </div>
        <p>グルメ・ウェルネス・アート・スポーツ観戦など、特定のテーマを軸にした旅行が増えています。オーダーメイドで組める柔軟性が活きる場面です。</p>
      </article>

      <article class="etn-trend-item" role="listitem">
        <div class="etn-trend-item-head">
          <span class="etn-trend-icon" aria-hidden="true">💰</span>
          <h3 class="etn-trend-title">コスパの見える化</h3>
        </div>
        <p>同条件で複数社を比べることへの関心が高まっています。一括見積もりは「払っている価格が適正かどうか」を確かめる手段としても使えます。</p>
      </article>

      <article class="etn-trend-item" role="listitem">
        <div class="etn-trend-item-head">
          <span class="etn-trend-icon" aria-hidden="true">🕐</span>
          <h3 class="etn-trend-title">短期・有給活用の旅</h3>
        </div>
        <p>3〜5日の短い休暇を最大限活かす旅が増えています。日程が限られているほど、移動・宿泊を効率よく組んでくれる旅行会社への相談が有効です。</p>
      </article>

      <article class="etn-trend-item" role="listitem">
        <div class="etn-trend-item-head">
          <span class="etn-trend-icon" aria-hidden="true">🤝</span>
          <h3 class="etn-trend-title">専門家サポートの再評価</h3>
        </div>
        <p>情報が多すぎて迷う状況が続く中、旅行のプロに相談してプランを絞り込む流れが戻ってきています。e旅ネットはその窓口として機能します。</p>
      </article>

    </div>

    <p>
      e旅ネットを使う際は、希望条件を具体的に書くほど旅行会社からの提案の精度が上がります。
      「予算はこのくらい」「この体験だけは外したくない」「移動は楽にしたい」といった優先順位を
      フォームの自由記入欄に書き添えておくと、自分のニーズに近い提案が届きやすくなります。
    </p>

  </section>

  <!-- FAQ・まとめはここに追加 -->

  <!-- チェックボックスハック：FAQ用（5問分） -->
  <input type="checkbox" id="etn-faq1" class="etn-faq-toggle" aria-hidden="true">
  <input type="checkbox" id="etn-faq2" class="etn-faq-toggle" aria-hidden="true">
  <input type="checkbox" id="etn-faq3" class="etn-faq-toggle" aria-hidden="true">
  <input type="checkbox" id="etn-faq4" class="etn-faq-toggle" aria-hidden="true">
  <input type="checkbox" id="etn-faq5" class="etn-faq-toggle" aria-hidden="true">

  <!-- ============================================================
       セクション6：FAQ
       ============================================================ -->
  <section class="etn-sec" id="etn-faq" aria-labelledby="etn-title-faq">

    <h2
      class="etn-sec-title"
      id="etn-title-faq"
      data-icon="❓"
    >よくある質問（FAQ）</h2>

    <ul class="etn-faq-list" aria-label="よくある質問">

      <li class="etn-faq-item">
        <label for="etn-faq1" class="etn-faq-q" role="button">
          <span class="etn-faq-q-badge" aria-hidden="true">Q</span>
          <span class="etn-faq-q-text">見積もりを依頼すると費用はかかりますか？</span>
          <span class="etn-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="etn-faq-a" role="region">
          見積もりの依頼・受け取りは完全無料です。複数社から提案を受け取って比較するだけであれば費用は発生しません。費用が生じるのは旅行会社との間で申し込みを正式に確定したときのみです。
        </div>
      </li>

      <li class="etn-faq-item">
        <label for="etn-faq2" class="etn-faq-q" role="button">
          <span class="etn-faq-q-badge" aria-hidden="true">Q</span>
          <span class="etn-faq-q-text">見積もりを依頼したら、必ず申し込まないといけませんか？</span>
          <span class="etn-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="etn-faq-a" role="region">
          申し込みの義務はありません。見積もりを受け取った後に断ることも、別の旅行会社を選ぶことも自由です。まず相場や選択肢を把握するために使うだけでも問題ありません。
        </div>
      </li>

      <li class="etn-faq-item">
        <label for="etn-faq3" class="etn-faq-q" role="button">
          <span class="etn-faq-q-badge" aria-hidden="true">Q</span>
          <span class="etn-faq-q-text">国内旅行にも対応していますか？</span>
          <span class="etn-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="etn-faq-a" role="region">
          はい、国内旅行にも対応しています。海外旅行と同様に、国内旅行プランの一括見積もりを依頼できます。個人旅行だけでなく、職場旅行や団体旅行にも利用可能です。
        </div>
      </li>

      <li class="etn-faq-item">
        <label for="etn-faq4" class="etn-faq-q" role="button">
          <span class="etn-faq-q-badge" aria-hidden="true">Q</span>
          <span class="etn-faq-q-text">1人旅でも利用できますか？</span>
          <span class="etn-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="etn-faq-a" role="region">
          はい、1人旅でも利用できます。人数の制限はなく、1名からの見積もり依頼に対応しています。ハネムーンや家族旅行など人数や目的を問わず、希望条件に応じた提案を受け取ることができます。
        </div>
      </li>

      <li class="etn-faq-item">
        <label for="etn-faq5" class="etn-faq-q" role="button">
          <span class="etn-faq-q-badge" aria-hidden="true">Q</span>
          <span class="etn-faq-q-text">見積もり依頼から提案が届くまでどのくらいかかりますか？</span>
          <span class="etn-faq-q-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="etn-faq-a" role="region">
          旅行会社によって異なりますが、数日以内に複数社から連絡が届くのが一般的です。急いでいる場合は見積もりフォームの備考欄に希望の返答期限を書き添えておくと、よりスムーズに対応してもらいやすくなります。
        </div>
      </li>

    </ul>

  </section>

  <!-- ============================================================
       セクション7：まとめ
       ============================================================ -->
  <section class="etn-sec" id="etn-summary" aria-labelledby="etn-title-summary">

    <h2
      class="etn-sec-title"
      id="etn-title-summary"
      data-icon="📝"
    >まとめ</h2>

    <p>
      e旅ネットは、旅行会社選びの手間を減らしながら、自分の希望に近いプランを比較して選べるサービスです。
      見積もり依頼は無料で、断る自由もある。この気軽さが、旅の計画を立てる最初の一歩を踏み出しやすくしています。
    </p>

    <div class="etn-summary-box" aria-label="記事のまとめ">
      <p class="etn-points-title">この記事のまとめ</p>
      <ul class="etn-summary-list">
        <li>e旅ネットは<strong>複数の旅行会社に一括で見積もりを依頼できる</strong>無料サービス</li>
        <li>一括見積もり・パッケージ検索・オーダーメイドの<strong>3つのサービス</strong>を目的別に使い分けられる</li>
        <li>24時間365日いつでも利用でき、<strong>店舗に出向く必要がない</strong></li>
        <li>見積もりを受け取った後に<strong>断る・選び直す自由</strong>があり、気軽に試せる</li>
        <li>2026年の「個人化された旅」トレンドに合った<strong>柔軟な旅行計画の出発点</strong>になる</li>
      </ul>
    </div>

    <p>
      「いつか行きたい」と思っているうちは、なかなか旅は実現しません。
      まだ行き先が決まっていなくても、希望のイメージだけで見積もりを依頼できます。
      プロからの提案を見ることで、漠然とした旅の夢が具体的な計画に変わることも少なくありません。
    </p>

    <!-- アフィリエイトCTA -->
    <div class="etn-cta-wrap">
      <span class="etn-cta-label">行き先と日程を入力するだけ。複数の旅行会社から提案が届きます。</span>
      <a rel="nofollow sponsored noopener" href="https://www.rentracks.jp/adx/r.html?idx=0.72494.376502.10752.15364&#038;dna=174916" target="_blank" class="etn-cta-btn" aria-label="e旅ネットで無料見積もりを依頼する（外部リンク）">無料で一括見積もりを試してみる →</a>
      <img decoding="async" src="https://www.rentracks.jp/adx/p.gifx?idx=0.72494.376502.10752.15364&#038;dna=174916" border="0" height="1" width="1" alt="">
      <span class="etn-cta-note">依頼・比較・断るのすべて無料。申し込みは納得してから。</span>
    </div>

  </section>

  <!-- ============================================================
       FAQスキーマ（JSON-LD）
       ============================================================ -->
  

</div><!-- /.etn-wrap -->
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/e-tabinet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タイ旅行者が押さえておきたいデング熱対策【2026年最新】潜伏期間・症状・確率まとめ</title>
		<link>https://yoooyooo8.jp/thailand-dengue-fever-mosquito/</link>
					<comments>https://yoooyooo8.jp/thailand-dengue-fever-mosquito/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sat, 25 Apr 2026 02:11:00 +0000</pubDate>
				<category><![CDATA[タイ]]></category>
		<category><![CDATA[タイ旅行]]></category>
		<category><![CDATA[備え]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2511</guid>

					<description><![CDATA[🦟🌿🌧️💊🦟 ⚠️ 2026年最新情報 タイ旅行者が知っておくべきデング熱と蚊対策ヒント 潜伏期間・感染確率・症状チェックから現地対処法まで丁寧にまとめました 📋 【免責事項】 本記事はタイ旅行者向けの一般的な情報提供を [&#8230;]]]></description>
										<content:encoded><![CDATA[
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&#038;display=swap" rel="stylesheet">

<style>
/* ============================================================
   タイ デング熱対策記事 CSS
   プレフィックス: .tdf-  親: .tdf-wrap
   ============================================================ */

/* ---------- リセット・スコープ ---------- */
.tdf-wrap *,
.tdf-wrap *::before,
.tdf-wrap *::after {
  box-sizing: border-box;
}

.tdf-wrap {
  --tdf-primary:    #0ea5c8;
  --tdf-primary-dk: #0a7fa0;
  --tdf-accent:     #ff6b35;
  --tdf-warn:       #f59e0b;
  --tdf-danger:     #ef4444;
  --tdf-success:    #22c55e;
  --tdf-bg:         #f0faff;
  --tdf-surface:    #ffffff;
  --tdf-border:     #b8e4f0;
  --tdf-text:       #1e293b;
  --tdf-muted:      #64748b;
  --tdf-shadow:     0 2px 16px rgba(14,165,200,.12);
  --tdf-radius:     12px;
  --tdf-font:       'Noto Sans JP', sans-serif;

  font-family: var(--tdf-font);
  color: var(--tdf-text);
  background: var(--tdf-bg);
  line-height: 2.2;
  letter-spacing: 0.06em;
  max-width: 100%;
  overflow-x: hidden;
}

/* ---------- ヒーローセクション ---------- */
.tdf-wrap .tdf-hero {
  position: relative;
  background: linear-gradient(135deg, #0a7fa0 0%, #0ea5c8 45%, #22d3ee 100%);
  padding: 64px 24px 80px;
  text-align: center;
  overflow: hidden;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.tdf-wrap .tdf-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(255,255,255,.10) 0%, transparent 50%);
  pointer-events: none;
}

/* 浮遊する蚊のシルエット装飾 */
.tdf-wrap .tdf-hero-deco {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; left: 0;
  pointer-events: none;
  overflow: hidden;
}

.tdf-wrap .tdf-hero-deco span {
  position: absolute;
  font-size: 1.6rem;
  opacity: .18;
  animation: tdfFloat 6s ease-in-out infinite;
}

.tdf-wrap .tdf-hero-deco span:nth-child(1) { top: 15%; left: 8%;  animation-delay: 0s;    font-size: 2rem; }
.tdf-wrap .tdf-hero-deco span:nth-child(2) { top: 60%; left: 75%; animation-delay: 1.5s; }
.tdf-wrap .tdf-hero-deco span:nth-child(3) { top: 30%; left: 88%; animation-delay: 3s;   font-size: 1.2rem; }
.tdf-wrap .tdf-hero-deco span:nth-child(4) { top: 75%; left: 15%; animation-delay: 4s;   font-size: 1.2rem; }
.tdf-wrap .tdf-hero-deco span:nth-child(5) { top: 20%; left: 50%; animation-delay: 2s;   font-size: 1rem; }

@keyframes tdfFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  33%       { transform: translateY(-12px) rotate(5deg); }
  66%       { transform: translateY(8px) rotate(-5deg); }
}

/* h2をヒーロータイトルとして使用（Cocoon干渉対策） */
.tdf-wrap .tdf-hero h2.tdf-hero-title,
.tdf-wrap .tdf-hero-title {
  background: transparent;
  padding: 0;
  border: none;
  margin: 0 0 16px;

  /* ヒーロー用デザイン */
  font-size: clamp(1.35rem, 3.5vw, 1.9rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.7;
  letter-spacing: 0.06em;
  text-shadow: 0 2px 12px rgba(0,0,0,.25);
  position: relative;
  z-index: 1;
  animation: tdfFadeUp .8s ease both;
}

.tdf-wrap .tdf-hero-badge {
  display: inline-block;
  background: var(--tdf-accent);
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 18px;
  letter-spacing: .08em;
  position: relative;
  z-index: 1;
  animation: tdfFadeUp .6s ease both;
}

.tdf-wrap .tdf-hero-sub {
  color: rgba(255,255,255,.9);
  font-size: .95rem;
  margin-top: 10px;
  position: relative;
  z-index: 1;
  animation: tdfFadeUp 1s ease .2s both;
}

@keyframes tdfFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---------- この記事の要点 ---------- */
.tdf-wrap .tdf-points {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  margin: 40px 0;
}

.tdf-wrap .tdf-point-card {
  background: var(--tdf-surface);
  border: 1.5px solid var(--tdf-border);
  border-left: 4px solid var(--tdf-primary);
  border-radius: var(--tdf-radius);
  padding: 22px 24px;
  box-shadow: var(--tdf-shadow);
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.tdf-wrap .tdf-point-icon {
  font-size: 1.6rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.tdf-wrap .tdf-point-text {
  font-size: .9rem;
  line-height: 1.95;
  color: var(--tdf-text);
}

/* ---------- 目次 ---------- */
.tdf-wrap .tdf-toc-wrap {
  background: var(--tdf-surface);
  border: 1.5px solid var(--tdf-border);
  border-radius: var(--tdf-radius);
  padding: 28px 32px;
  margin: 40px 0;
  box-shadow: var(--tdf-shadow);
}

.tdf-wrap .tdf-toc-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--tdf-primary-dk);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.tdf-wrap .tdf-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: tdf-toc;
}

.tdf-wrap .tdf-toc-list > li {
  counter-increment: tdf-toc;
  margin-bottom: 8px;
}

.tdf-wrap .tdf-toc-list > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--tdf-text);
  font-size: .93rem;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background .2s, color .2s;
}

.tdf-wrap .tdf-toc-list > li > a::before {
  content: counter(tdf-toc);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: var(--tdf-primary);
  color: #fff;
  border-radius: 50%;
  font-size: .75rem;
  font-weight: 700;
  flex-shrink: 0;
}

.tdf-wrap .tdf-toc-list > li > a:hover {
  background: #e0f5fb;
  color: var(--tdf-primary-dk);
}

/* TOC アコーディオン（CSS チェックボックスハック、JS不使用） */
.tdf-wrap .tdf-toc-toggle {
  display: none;
}

.tdf-wrap .tdf-toc-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  color: var(--tdf-primary-dk);
  margin: 0 0 0;
  user-select: none;
}

.tdf-wrap .tdf-toc-label::after {
  content: '▼';
  font-size: .7rem;
  margin-left: auto;
  transition: transform .3s;
}

.tdf-wrap .tdf-toc-toggle:checked ~ .tdf-toc-label::after {
  transform: rotate(-180deg);
}

.tdf-wrap .tdf-toc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease;
}

.tdf-wrap .tdf-toc-toggle:checked ~ .tdf-toc-body {
  max-height: 600px;
}

/* ---------- セクション見出し h2 ---------- */
.tdf-wrap .tdf-section {
  margin: 56px 0 40px;
}

.tdf-wrap .tdf-h2 {
  font-size: clamp(1.15rem, 3vw, 1.45rem);
  font-weight: 700;
  color: var(--tdf-primary-dk);
  padding: 18px 24px 18px 24px;
  background: linear-gradient(90deg, #e0f5fb 0%, #f0faff 100%);
  border-left: 5px solid var(--tdf-primary);
  border-radius: 0 var(--tdf-radius) var(--tdf-radius) 0;
  margin: 0 0 30px;
  line-height: 1.65;
  display: flex;
  align-items: center;
  gap: 14px;
}

/* ---------- h3 ---------- */
.tdf-wrap .tdf-h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--tdf-text);
  padding: 12px 18px;
  border-bottom: 2px solid var(--tdf-primary);
  margin: 36px 0 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ---------- 本文 ---------- */
.tdf-wrap .tdf-body {
  font-size: .97rem;
  line-height: 2.2;
  margin-bottom: 22px;
}

/* ---------- 画像ブロック ---------- */
.tdf-wrap .tdf-img-block {
  margin: 44px 0;
  text-align: center;
}

.tdf-wrap .tdf-img-block img {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--tdf-radius);
  box-shadow: var(--tdf-shadow);
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.tdf-wrap .tdf-img-caption {
  font-size: .82rem;
  color: var(--tdf-muted);
  margin-top: 8px;
  text-align: center;
}

/* ---------- データ統計カード ---------- */
.tdf-wrap .tdf-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin: 32px 0;
}

.tdf-wrap .tdf-stat-card {
  background: var(--tdf-surface);
  border: 1.5px solid var(--tdf-border);
  border-radius: var(--tdf-radius);
  padding: 26px 20px;
  text-align: center;
  box-shadow: var(--tdf-shadow);
}

.tdf-wrap .tdf-stat-num {
  font-size: 1.9rem;
  font-weight: 700;
  color: var(--tdf-primary);
  line-height: 1.3;
}

.tdf-wrap .tdf-stat-label {
  font-size: .8rem;
  color: var(--tdf-muted);
  margin-top: 10px;
  line-height: 1.7;
}

/* ---------- 情報ボックス ---------- */
.tdf-wrap .tdf-box {
  background: var(--tdf-surface);
  border: 1.5px solid var(--tdf-border);
  border-radius: var(--tdf-radius);
  padding: 28px 30px;
  margin: 32px 0;
  box-shadow: var(--tdf-shadow);
}

.tdf-wrap .tdf-box-warn {
  border-color: var(--tdf-warn);
  background: #fffbeb;
  border-left: 5px solid var(--tdf-warn);
}

.tdf-wrap .tdf-box-danger {
  border-color: var(--tdf-danger);
  background: #fff1f1;
  border-left: 5px solid var(--tdf-danger);
}

.tdf-wrap .tdf-box-success {
  border-color: var(--tdf-success);
  background: #f0fdf4;
  border-left: 5px solid var(--tdf-success);
}

.tdf-wrap .tdf-box-title {
  font-size: .95rem;
  font-weight: 700;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ---------- 症状タイムライン ---------- */
.tdf-wrap .tdf-timeline {
  position: relative;
  padding-left: 34px;
  margin: 28px 0;
}

.tdf-wrap .tdf-timeline::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tdf-border);
}

.tdf-wrap .tdf-tl-item {
  position: relative;
  margin-bottom: 28px;
}

.tdf-wrap .tdf-tl-item::before {
  content: '';
  position: absolute;
  left: -28px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--tdf-primary);
  border: 2px solid var(--tdf-surface);
  box-shadow: 0 0 0 2px var(--tdf-primary);
}

.tdf-wrap .tdf-tl-day {
  font-size: .8rem;
  font-weight: 700;
  color: var(--tdf-primary);
  background: #e0f5fb;
  display: inline-block;
  padding: 3px 12px;
  border-radius: 20px;
  margin-bottom: 8px;
}

.tdf-wrap .tdf-tl-content {
  font-size: .9rem;
  line-height: 2.0;
  color: var(--tdf-text);
}

/* ---------- 対策ステップカード ---------- */
.tdf-wrap .tdf-steps {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 28px 0;
}

.tdf-wrap .tdf-step {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  background: var(--tdf-surface);
  border: 1.5px solid var(--tdf-border);
  border-radius: var(--tdf-radius);
  padding: 24px 26px;
  box-shadow: var(--tdf-shadow);
}

.tdf-wrap .tdf-step-num {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  background: var(--tdf-primary);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: .95rem;
}

.tdf-wrap .tdf-step-body {
  flex: 1;
}

.tdf-wrap .tdf-step-title {
  font-weight: 700;
  font-size: .97rem;
  margin-bottom: 8px;
}

.tdf-wrap .tdf-step-desc {
  font-size: .88rem;
  color: var(--tdf-muted);
  line-height: 2.0;
}

/* ---------- テーブル ---------- */
.tdf-wrap .tdf-table-wrap {
  overflow-x: auto;
  margin: 28px 0;
}

.tdf-wrap .tdf-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .9rem;
}

.tdf-wrap .tdf-table th {
  background: var(--tdf-primary);
  color: #fff;
  padding: 14px 20px;
  text-align: left;
  font-weight: 700;
}

.tdf-wrap .tdf-table td {
  padding: 14px 20px;
  border-bottom: 1px solid var(--tdf-border);
  line-height: 1.9;
}

.tdf-wrap .tdf-table tr:nth-child(even) td {
  background: #f8fdff;
}

/* ---------- FAQ ---------- */
.tdf-wrap .tdf-faq-item {
  border: 1.5px solid var(--tdf-border);
  border-radius: var(--tdf-radius);
  margin-bottom: 16px;
  overflow: hidden;
  background: var(--tdf-surface);
}

.tdf-wrap .tdf-faq-toggle {
  display: none;
}

.tdf-wrap .tdf-faq-q {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 24px;
  cursor: pointer;
  font-weight: 700;
  font-size: .95rem;
  user-select: none;
  position: relative;
}

.tdf-wrap .tdf-faq-q::before {
  content: 'Q';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: var(--tdf-primary);
  color: #fff;
  border-radius: 6px;
  font-size: .85rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 1px;
}

.tdf-wrap .tdf-faq-q::after {
  content: '＋';
  margin-left: auto;
  font-size: 1.1rem;
  color: var(--tdf-primary);
  flex-shrink: 0;
  transition: transform .3s;
}

.tdf-wrap .tdf-faq-toggle:checked ~ .tdf-faq-q::after {
  transform: rotate(45deg);
}

.tdf-wrap .tdf-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease;
}

.tdf-wrap .tdf-faq-toggle:checked ~ .tdf-faq-a {
  max-height: 600px;
}

.tdf-wrap .tdf-faq-a-inner {
  padding: 4px 24px 22px 62px;
  font-size: .92rem;
  line-height: 2.05;
  color: var(--tdf-text);
  position: relative;
}

.tdf-wrap .tdf-faq-a-inner::before {
  content: 'A';
  position: absolute;
  left: 24px;
  top: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: var(--tdf-accent);
  color: #fff;
  border-radius: 6px;
  font-size: .85rem;
  font-weight: 700;
}

/* ---------- 免責注意書き ---------- */
.tdf-wrap .tdf-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #f8f9fa;
  border: 1.5px solid #dee2e6;
  border-left: 4px solid #f59e0b;
  border-radius: var(--tdf-radius);
  padding: 16px 20px;
  margin: 28px 0 8px;
}

.tdf-wrap .tdf-disclaimer-icon {
  font-size: 1.1rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.tdf-wrap .tdf-disclaimer-text {
  font-size: .82rem;
  color: #64748b;
  line-height: 1.85;
  margin: 0;
}

.tdf-wrap .tdf-disclaimer-text strong {
  color: #475569;
}

/* ---------- まとめ ---------- */
.tdf-wrap .tdf-summary {
  background: linear-gradient(135deg, #e0f5fb 0%, #f0fdff 100%);
  border: 2px solid var(--tdf-border);
  border-radius: var(--tdf-radius);
  padding: 40px 36px;
  margin: 52px 0 28px;
}

.tdf-wrap .tdf-summary-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--tdf-primary-dk);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tdf-wrap .tdf-summary-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tdf-wrap .tdf-summary-list li {
  font-size: .95rem;
  line-height: 2.05;
  padding-left: 2em;
  text-indent: -2em;
}

.tdf-wrap .tdf-summary-list li::before {
  content: '✅ ';
}

/* ---------- シーズンリスク ---------- */
.tdf-wrap .tdf-season-bar {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  height: 44px;
  margin: 20px 0 10px;
  font-size: .78rem;
  font-weight: 700;
}

.tdf-wrap .tdf-season-seg {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  line-height: 1.3;
}

.tdf-wrap .tdf-season-seg.low  { background: #22c55e; }
.tdf-wrap .tdf-season-seg.mid  { background: #f59e0b; }
.tdf-wrap .tdf-season-seg.high { background: #ef4444; }

.tdf-wrap .tdf-season-legend {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  font-size: .8rem;
  margin-top: 10px;
}

.tdf-wrap .tdf-season-legend span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tdf-wrap .tdf-season-legend .dot {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  display: inline-block;
}

/* ---------- 区切り線 ---------- */
.tdf-wrap .tdf-divider {
  border: none;
  border-top: 2px dashed var(--tdf-border);
  margin: 56px 0;
}

/* ---------- 内部リンク ---------- */
.tdf-wrap .tdf-link {
  color: var(--tdf-primary-dk);
  text-decoration: underline;
  text-decoration-color: var(--tdf-border);
  text-underline-offset: 3px;
  transition: color .2s;
}

.tdf-wrap .tdf-link:hover {
  color: var(--tdf-accent);
}

/* ---------- レスポンシブ ---------- */
@media (max-width: 600px) {
  .tdf-wrap .tdf-hero { padding: 52px 18px 64px; }
  .tdf-wrap .tdf-toc-wrap { padding: 22px 18px; }
  .tdf-wrap .tdf-box { padding: 20px 20px; }
  .tdf-wrap .tdf-summary { padding: 28px 20px; }
  .tdf-wrap .tdf-step { flex-direction: column; gap: 12px; }
  .tdf-wrap .tdf-faq-a-inner { padding-left: 18px; }
  .tdf-wrap .tdf-faq-a-inner::before { display: none; }
}
</style>

<!-- ============================================================
     タイ デング熱・蚊対策 記事本文
     ============================================================ -->
<div class="tdf-wrap" role="main">

  <!-- ★ ヒーローセクション -->
  <section class="tdf-hero" aria-label="記事ヘッダー">
    <div class="tdf-hero-deco" aria-hidden="true">
      <span>🦟</span><span>🌿</span><span>🌧️</span><span>💊</span><span>🦟</span>
    </div>
    <p class="tdf-hero-badge">⚠️ 2026年最新情報</p>
    <h2 class="tdf-hero-title">
      タイ旅行者が知っておくべき<br>デング熱と蚊対策ヒント
    </h2>
    <p class="tdf-hero-sub">潜伏期間・感染確率・症状チェックから現地対処法まで丁寧にまとめました</p>
  </section>


  <!-- ★ 免責注意書き -->
  <aside class="tdf-disclaimer" role="note" aria-label="免責事項">
    <span class="tdf-disclaimer-icon" aria-hidden="true">📋</span>
    <p class="tdf-disclaimer-text">
      <strong>【免責事項】</strong>
      本記事はタイ旅行者向けの一般的な情報提供を目的としており、医師・医療専門家による診断・治療の代替となるものではありません。記載の内容はあくまで<strong>参考情報</strong>です。体調の異変を感じた際は、必ず医療機関を受診し、専門家の指示に従ってください。
    </p>
  </aside>


  <!-- ★ この記事の要点 -->
  <section aria-label="この記事の要点">
    <div class="tdf-points" role="list">
      <div class="tdf-point-card" role="listitem">
        <div class="tdf-point-icon" aria-hidden="true">🦟</div>
        <p class="tdf-point-text">デング熱の蚊（ネッタイシマカ）は<strong>昼間に活動</strong>。夜だけ気をつけても不十分です</p>
      </div>
      <div class="tdf-point-card" role="listitem">
        <div class="tdf-point-icon" aria-hidden="true">⏱️</div>
        <p class="tdf-point-text">潜伏期間は<strong>3〜7日</strong>。帰国後に症状が出る「輸入症例」も多く報告されています</p>
      </div>
      <div class="tdf-point-card" role="listitem">
        <div class="tdf-point-icon" aria-hidden="true">📊</div>
        <p class="tdf-point-text">タイでの死亡率は<strong>約0.1%</strong>。インフルエンザと同程度。正しく備えれば恐れすぎなくてOK</p>
      </div>
      <div class="tdf-point-card" role="listitem">
        <div class="tdf-point-icon" aria-hidden="true">🌧️</div>
        <p class="tdf-point-text"><strong>雨季（6〜10月）</strong>が感染ピーク。旅行時期によってリスクが大きく変わります</p>
      </div>
    </div>
  </section>


  <!-- ★ アニメーション目次（CSSチェックボックスハック） -->
  <nav class="tdf-toc-wrap" aria-label="目次">
    <input type="checkbox" id="tdf-toc-cb" class="tdf-toc-toggle" checked aria-hidden="true">
    <label for="tdf-toc-cb" class="tdf-toc-label">
      <span>📋</span> 目次
    </label>
    <div class="tdf-toc-body">
      <ul class="tdf-toc-list" style="margin-top:14px;">
        <li><a href="#what">デング熱とは？タイで警戒すべき理由</a></li>
        <li><a href="#risk">感染する確率と時期——いつが危ないのか</a></li>
        <li><a href="#symptoms">症状と潜伏期間——風邪と見分けるヒント</a></li>
        <li><a href="#prevention">タイでの蚊対策——現地でできる7つの方法</a></li>
        <li><a href="#treatment">感染してしまったら——現地での対応フロー</a></li>
        <li><a href="#vaccine">ワクチン（キューデンガ）について知っておこう</a></li>
        <li><a href="#other">デング熱以外にも気をつけたい感染症</a></li>
        <li><a href="#faq">よくある質問（FAQ）</a></li>
        <li><a href="#summary">まとめ</a></li>
      </ul>
    </div>
  </nav>


  <!-- ================================
       セクション1: デング熱とは
       ================================ -->
  <section class="tdf-section" id="what" aria-labelledby="tdf-h2-what">
    <h2 class="tdf-h2" id="tdf-h2-what"><span aria-hidden="true">🦠</span>デング熱とは？タイで警戒すべき理由</h2>

    <p class="tdf-body">
      デング熱は、<strong>デングウイルスを持つ蚊に刺されることで感染するウイルス性の病気</strong>です。熱帯・亜熱帯に広く分布しており、タイはその代表的な流行国のひとつ。観光地として世界から多くの旅行者を受け入れている一方で、毎年数万人規模の感染者が報告されています。
    </p>

    <p class="tdf-body">
      ウイルスにはDEN1〜DEN4の4種類の血清型があり、それぞれ独立した免疫が形成されます。一度感染するとその型には終生免疫ができますが、異なる型に再感染すると<strong>重症化リスクが高まる</strong>という特性があります。
    </p>

    <div class="tdf-stats" aria-label="デング熱の世界統計">
      <div class="tdf-stat-card">
        <div class="tdf-stat-num">4億人</div>
        <div class="tdf-stat-label">世界の年間感染者数（推定）</div>
      </div>
      <div class="tdf-stat-card">
        <div class="tdf-stat-num">1億人</div>
        <div class="tdf-stat-label">実際に症状が出る人（4人に1人）</div>
      </div>
      <div class="tdf-stat-card">
        <div class="tdf-stat-num">500万人</div>
        <div class="tdf-stat-label">重症化する人数（重症化率5%）</div>
      </div>
      <div class="tdf-stat-card">
        <div class="tdf-stat-num">100ヶ国</div>
        <div class="tdf-stat-label">以上で流行中（WHO報告）</div>
      </div>
    </div>

    <div class="tdf-box">
      <p class="tdf-box-title"><span aria-hidden="true">🏙️</span> なぜバンコクでもリスクがあるのか</p>
      <p class="tdf-body" style="margin:0;">
        デング熱を媒介する<strong>ネッタイシマカ</strong>は、森や自然の中だけでなく、都市部の水たまりや植木鉢の受け皿でも繁殖します。コンクリートジャングルのような環境にも適応するため、バンコク市内の観光スポットや繁華街でも感染リスクはゼロではありません。
      </p>
    </div>

    <!-- 画像1 -->
    <figure class="tdf-img-block">
      <img decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/03/Dengue-fever-carrying-mosquitoes-and-streetscapes-in-Thailand-during-the-rainy-season.jpg" alt="タイの雨季のバンコク市街地。水たまりが多くデング熱の蚊が繁殖しやすい環境" width="800" height="533" loading="lazy">
      <figcaption class="tdf-img-caption">▲ 雨季のタイでは都市部にも水たまりができやすく、蚊の繁殖環境が整います</figcaption>
    </figure>
  </section>

  <hr class="tdf-divider" aria-hidden="true">


  <!-- ================================
       セクション2: 感染確率と時期
       ================================ -->
  <section class="tdf-section" id="risk" aria-labelledby="tdf-h2-risk">
    <h2 class="tdf-h2" id="tdf-h2-risk"><span aria-hidden="true">📅</span>感染する確率と時期——いつが危ないのか</h2>

    <p class="tdf-body">
      タイのデング熱は、<strong>年間を通じて発生</strong>しているものの、感染リスクには明確な季節差があります。2025年の報告では、1〜3月だけで前年同期比の約2倍となる2万590人の感染者が確認されるなど、近年は増加傾向が続いています。
    </p>

    <p class="tdf-h3"><span aria-hidden="true">🌡️</span> 月別リスクレベル（目安）</p>

    <div aria-label="月別デング熱リスクの見える化">
      <div class="tdf-season-bar" role="img" aria-label="1〜2月低リスク、3〜5月中リスク、6〜10月高リスク、11〜12月低〜中リスク">
        <div class="tdf-season-seg low" style="flex:2;">1〜2月</div>
        <div class="tdf-season-seg mid" style="flex:3;">3〜5月</div>
        <div class="tdf-season-seg high" style="flex:5;">6〜10月（雨季ピーク）</div>
        <div class="tdf-season-seg mid" style="flex:2;">11〜12月</div>
      </div>
      <div class="tdf-season-legend">
        <span><span class="dot" style="background:#22c55e;"></span> 低リスク（乾季）</span>
        <span><span class="dot" style="background:#f59e0b;"></span> 中リスク（移行期）</span>
        <span><span class="dot" style="background:#ef4444;"></span> 高リスク（雨季）</span>
      </div>
    </div>

    <div class="tdf-box tdf-box-warn" style="margin-top:24px;">
      <p class="tdf-box-title"><span aria-hidden="true">⚠️</span> 乾季だから安心とはいえません</p>
      <p class="tdf-body" style="margin:0;">
        乾季（11〜2月）でも感染は発生します。2025年の統計でも、1〜6月だけで1万3,000人超の感染が確認されています。「ピーク時期ではないから大丈夫」という油断は禁物です。
      </p>
    </div>

    <p class="tdf-h3"><span aria-hidden="true">🗺️</span> エリア別リスクのヒント</p>

    <div class="tdf-table-wrap">
      <table class="tdf-table" aria-label="タイのエリア別デング熱リスク">
        <thead>
          <tr>
            <th>エリア</th>
            <th>リスクレベル</th>
            <th>ポイント</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>バンコク（都市部）</td>
            <td>中〜高</td>
            <td>都市型の蚊が繁殖。市内でも感染例あり</td>
          </tr>
          <tr>
            <td>プーケット・サムイ</td>
            <td>中〜高</td>
            <td>観光地でも感染報告。2025年も南部で拡大</td>
          </tr>
          <tr>
            <td>チェンマイ（北部）</td>
            <td>中</td>
            <td>山岳地帯はマラリアリスクも別途あり</td>
          </tr>
          <tr>
            <td>国境地帯・農村</td>
            <td>高</td>
            <td>マラリアとの両方に注意が必要</td>
          </tr>
        </tbody>
      </table>
    </div>
  </section>

  <hr class="tdf-divider" aria-hidden="true">


  <!-- ================================
       セクション3: 症状と潜伏期間
       ================================ -->
  <section class="tdf-section" id="symptoms" aria-labelledby="tdf-h2-symptoms">
    <h2 class="tdf-h2" id="tdf-h2-symptoms"><span aria-hidden="true">🌡️</span>症状と潜伏期間——風邪と見分けるヒント</h2>

    <p class="tdf-body">
      デング熱の大きな特徴のひとつが、<strong>潜伏期間の長さ</strong>です。蚊に刺されてから症状が出るまでに3〜7日かかるため、タイ滞在中は元気だったのに、<strong>帰国後に発症する「輸入症例」</strong>が多く報告されています。渡航前・渡航中・帰国後を通じて油断できません。
    </p>

    <p class="tdf-h3"><span aria-hidden="true">📆</span> 症状の経過タイムライン</p>

    <div class="tdf-timeline" role="list" aria-label="デング熱の症状経過">
      <div class="tdf-tl-item" role="listitem">
        <p class="tdf-tl-day">感染〜3〜7日後（潜伏期）</p>
        <p class="tdf-tl-content">蚊に刺された後も症状はなし。この時期に帰国するケースも多く、見落としが起きやすい段階です。</p>
      </div>
      <div class="tdf-tl-item" role="listitem">
        <p class="tdf-tl-day">発症1〜3日目（急性期）</p>
        <p class="tdf-tl-content"><strong>突然の38〜40℃の高熱、強い頭痛、関節痛・筋肉痛、眼の奥の痛み（眼窩痛）</strong>が現れます。インフルエンザと似ていますが、咳・鼻水がほとんどないのが見分けるヒントになります。</p>
      </div>
      <div class="tdf-tl-item" role="listitem">
        <p class="tdf-tl-day">発症3〜4日目（発疹出現）</p>
        <p class="tdf-tl-content">胸部・体幹を中心に発疹が現れ、全身に広がります。血小板が急速に減少する時期で、<strong>体のどこかに出血症状が出たら即受診</strong>が必要です。</p>
      </div>
      <div class="tdf-tl-item" role="listitem">
        <p class="tdf-tl-day">発症5〜7日目（回復期）</p>
        <p class="tdf-tl-content">多くの場合、発症から約1週間で回復します。後遺症なく回復するケースがほとんどですが、回復途中の油断は禁物です。</p>
      </div>
    </div>

    <div class="tdf-box tdf-box-danger">
      <p class="tdf-box-title"><span aria-hidden="true">🚨</span> 重症化のサイン——すぐに受診を</p>
      <p class="tdf-body" style="margin:0;">
        以下の症状が出た場合は<strong>デング出血熱・デングショック症候群</strong>の可能性があります。<br>
        ・鼻血・歯茎からの出血・皮下出血（あざ）が増える<br>
        ・強い腹痛・嘔吐が続く<br>
        ・意識がぼんやりする・手足が冷たくなる<br>
        これらは緊急サインです。すぐに病院へ向かってください。
      </p>
    </div>

    <div class="tdf-box tdf-box-success">
      <p class="tdf-box-title"><span aria-hidden="true">✅</span> 死亡率は0.1%——正しく対処すれば大丈夫</p>
      <p class="tdf-body" style="margin:0;">
        タイでのデング熱の死亡率は<strong>約0.1%</strong>とされており、インフルエンザと同程度です。入院して血小板数と水分をしっかり管理すれば、重症化を防げるケースがほとんど。怖がりすぎず、早期発見・早期受診を心がけましょう。
      </p>
    </div>
  </section>

  <hr class="tdf-divider" aria-hidden="true">


  <!-- ================================
       セクション4: 蚊対策
       ================================ -->
  <section class="tdf-section" id="prevention" aria-labelledby="tdf-h2-prevention">
    <h2 class="tdf-h2" id="tdf-h2-prevention"><span aria-hidden="true">🛡️</span>タイでの蚊対策——現地でできる7つの方法</h2>

    <p class="tdf-body">
      デング熱にはワクチンや特効薬がないため、<strong>蚊に刺されないことが最大の予防</strong>です。ただし「夜だけ気をつければいい」という思い込みは危険。ネッタイシマカは<strong>昼間（特に早朝と日没前後）</strong>に活動する蚊です。以下の7つを旅行の習慣にしましょう。
    </p>

    <div class="tdf-steps" role="list" aria-label="蚊対策7ステップ">

      <div class="tdf-step" role="listitem">
        <div class="tdf-step-num" aria-hidden="true">1</div>
        <div class="tdf-step-body">
          <p class="tdf-step-title">虫よけスプレー（DEET・イカリジン）を使う</p>
          <p class="tdf-step-desc">成分「DEET（ディート）」または「イカリジン」が入ったスプレーが効果的です。日本からの持参が安心ですが、タイのコンビニや薬局でも購入できます。露出した肌には必ず塗布しましょう。効果は数時間で薄れるため、こまめな塗り直しが必要です。</p>
        </div>
      </div>

      <div class="tdf-step" role="listitem">
        <div class="tdf-step-num" aria-hidden="true">2</div>
        <div class="tdf-step-body">
          <p class="tdf-step-title">長袖・長ズボン・明るい色の服を着る</p>
          <p class="tdf-step-desc">肌の露出を減らすだけで刺されるリスクを大幅に下げられます。蚊は暗色に引き寄せられやすいため、白や水色などの明るい色の服が望ましいとされています。薄手の長袖でも十分な効果があります。</p>
        </div>
      </div>

      <div class="tdf-step" role="listitem">
        <div class="tdf-step-num" aria-hidden="true">3</div>
        <div class="tdf-step-body">
          <p class="tdf-step-title">ホテルはエアコン完備・網戸のある部屋を選ぶ</p>
          <p class="tdf-step-desc">窓を開ける場合は網戸の状態を確認。高級ホテル以外は空調が整っていない場合も多いため、宿選びが重要です。蚊帳（カヤ）が使えるゲストハウスであれば積極的に活用しましょう。</p>
        </div>
      </div>

      <div class="tdf-step" role="listitem">
        <div class="tdf-step-num" aria-hidden="true">4</div>
        <div class="tdf-step-body">
          <p class="tdf-step-title">昼間の外出時に特に注意する</p>
          <p class="tdf-step-desc">「夜の蚊対策」だけに集中するのはNG。ネッタイシマカは昼行性で、<strong>早朝と日没前の数時間がピーク</strong>。観光や市場めぐりをする時間帯も対策が必要です。</p>
        </div>
      </div>

      <div class="tdf-step" role="listitem">
        <div class="tdf-step-num" aria-hidden="true">5</div>
        <div class="tdf-step-body">
          <p class="tdf-step-title">宿泊先周辺の水たまりをチェックする</p>
          <p class="tdf-step-desc">植木鉢の受け皿、花瓶、バケツなどに溜まった水はネッタイシマカの繁殖場所になります。宿に滞在中、屋外に不要な水たまりがないか確認し、必要なら排水するよう宿のスタッフに伝えましょう。</p>
        </div>
      </div>

      <div class="tdf-step" role="listitem">
        <div class="tdf-step-num" aria-hidden="true">6</div>
        <div class="tdf-step-body">
          <p class="tdf-step-title">蚊取り線香・電気蚊取りを活用する</p>
          <p class="tdf-step-desc">室内では電気蚊取りマットや液体蚊取りが効果的です。屋外テラスなど蚊が入りやすい場所では蚊取り線香も有効。タイの薬局やコンビニで手軽に購入できます。</p>
        </div>
      </div>

      <div class="tdf-step" role="listitem">
        <div class="tdf-step-num" aria-hidden="true">7</div>
        <div class="tdf-step-body">
          <p class="tdf-step-title">帰国後も1〜2週間は体調チェックを続ける</p>
          <p class="tdf-step-desc">潜伏期間（最長15日）を考えると、帰国してからも油断は禁物。高熱・頭痛・発疹などの症状が出たら、旅行先を医師に伝えた上でかかりつけ医や感染症科を受診しましょう。</p>
        </div>
      </div>

    </div>

    <!-- 画像2 -->
    <figure class="tdf-img-block">
      <img decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/03/Mosquito-repellent-products-and-travel-style.jpg" alt="タイ旅行での蚊対策グッズ。虫よけスプレー、長袖シャツ、蚊取り線香が並んでいる" width="800" height="533" loading="lazy">
      <figcaption class="tdf-img-caption">▲ 虫よけスプレー・長袖・蚊取り線香の3点セットが現地対策の基本です</figcaption>
    </figure>
  </section>

  <hr class="tdf-divider" aria-hidden="true">


  <!-- ================================
       セクション5: 感染したら
       ================================ -->
  <section class="tdf-section" id="treatment" aria-labelledby="tdf-h2-treatment">
    <h2 class="tdf-h2" id="tdf-h2-treatment"><span aria-hidden="true">🏥</span>感染してしまったら——現地での対応フロー</h2>

    <p class="tdf-body">
      残念ながら、デング熱には現時点で<strong>抗ウイルス薬は存在しません</strong>。治療の中心は輸液・解熱剤などによる対症療法と、血小板数・水分のモニタリングです。早期受診が回復を左右します。
    </p>

    <div class="tdf-box tdf-box-danger">
      <p class="tdf-box-title"><span aria-hidden="true">⛔</span> アスピリン・イブプロフェンは絶対NG</p>
      <p class="tdf-body" style="margin:0;">
        デング熱の際にアスピリンやイブプロフェン（ロキソニンなど）を服用すると、血小板減少が進み出血リスクが上がります。解熱剤は必ず<strong>アセトアミノフェン（パラセタモール）</strong>を使用してください。タイの病院でも同様の指示が出ます。
      </p>
    </div>

    <p class="tdf-h3"><span aria-hidden="true">🔄</span> 受診の目安フロー</p>

    <div class="tdf-box">
      <p class="tdf-body" style="margin:0; line-height:2.2;">
        <strong>高熱（38℃以上）が2日以上続く</strong><br>
        　→ 咳・鼻水がない場合はデング熱を疑う<br>
        　→ <strong>すぐに病院を受診</strong>（採血でデング熱を確認）<br><br>
        <strong>出血症状・激しい腹痛・意識の変容</strong><br>
        　→ 重症化のサイン → <strong>即日救急受診</strong>
      </p>
    </div>

    <p class="tdf-h3"><span aria-hidden="true">🏨</span> バンコクの日本語対応病院（参考）</p>

    <div class="tdf-table-wrap">
      <table class="tdf-table" aria-label="バンコクの主な日本語対応病院">
        <thead>
          <tr>
            <th>病院名</th>
            <th>エリア</th>
            <th>特徴</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>バンコク病院（Bangkok Hospital）</td>
            <td>プロンポン</td>
            <td>日本語スタッフ常駐。タイ最大級の私立病院グループ</td>
          </tr>
          <tr>
            <td>サミティベート病院（Samitivej Hospital）</td>
            <td>スクンビット</td>
            <td>日本人向けサービスが充実。デング熱ワクチン接種も対応</td>
          </tr>
          <tr>
            <td>バムルンラード国際病院</td>
            <td>スクンビット</td>
            <td>国際病院として高い医療水準。英語・日本語対応</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="tdf-box tdf-box-warn">
      <p class="tdf-box-title"><span aria-hidden="true">💳</span> 旅行保険への加入は必須です</p>
      <p class="tdf-body" style="margin:0;">
        上記の私立病院はサービスが充実している一方、医療費は1泊数万円以上になることも珍しくありません。出発前に<strong>海外旅行保険（クレジットカード付帯も確認）</strong>に加入し、現地での請求方法を把握しておくことを強くおすすめします。
      </p>
    </div>

    <p class="tdf-body">デング熱以外の体調不良にも備えておきたい方は、こちらの記事も参考にしてみてください。→ <a href="https://yoooyooo8.jp/thailand-travel-sick/" class="tdf-link">タイ旅行で体調崩しても慌てない｜出発前に知っておきたい対処と予防の基礎</a></p>
  </section>

  <hr class="tdf-divider" aria-hidden="true">


  <!-- ================================
       セクション6: ワクチン
       ================================ -->
  <section class="tdf-section" id="vaccine" aria-labelledby="tdf-h2-vaccine">
    <h2 class="tdf-h2" id="tdf-h2-vaccine"><span aria-hidden="true">💉</span>ワクチン（キューデンガ）について知っておこう</h2>

    <p class="tdf-body">
      2023年以降、タイ在住邦人を中心に接種が広がっているのが<strong>「キューデンガ（Qdenga）」</strong>です。デング熱感染歴がなくても接種できる点が従来のワクチンと大きく異なります。
    </p>

    <div class="tdf-box">
      <div class="tdf-table-wrap">
        <table class="tdf-table" aria-label="キューデンガワクチンの基本情報">
          <thead>
            <tr><th>項目</th><th>内容</th></tr>
          </thead>
          <tbody>
            <tr><td>対象年齢（タイ）</td><td>4〜60歳</td></tr>
            <tr><td>接種回数</td><td>2回（3ヶ月間隔）</td></tr>
            <tr><td>有効期間の目安</td><td>4年以上の有効性が報告あり</td></tr>
            <tr><td>デング熱感染歴</td><td>不要（感染歴なしでも接種可）</td></tr>
            <tr><td>接種場所</td><td>サミティベート病院・DYMクリニックなど</td></tr>
          </tbody>
        </table>
      </div>
    </div>

    <div class="tdf-box tdf-box-warn">
      <p class="tdf-box-title"><span aria-hidden="true">ℹ️</span> 短期旅行者への対応状況</p>
      <p class="tdf-body" style="margin:0;">
        2回接種が必要で、効果が出るまでに一定の期間が必要なため、<strong>直前の短期旅行者には現実的ではない</strong>ケースがほとんどです。タイへの長期滞在や複数回渡航を予定している方、タイ在住の方は、担当医師と相談の上で接種を検討してみてください。
      </p>
    </div>
  </section>

  <hr class="tdf-divider" aria-hidden="true">


  <!-- ================================
       セクション7: その他の感染症
       ================================ -->
  <section class="tdf-section" id="other" aria-labelledby="tdf-h2-other">
    <h2 class="tdf-h2" id="tdf-h2-other"><span aria-hidden="true">⚠️</span>デング熱以外にも気をつけたい感染症</h2>

    <p class="tdf-body">
      タイで注意が必要な感染症はデング熱だけではありません。旅行前に知っておきたい主な感染症をまとめました。
    </p>

    <div class="tdf-table-wrap">
      <table class="tdf-table" aria-label="タイで注意すべき感染症一覧">
        <thead>
          <tr>
            <th>感染症</th>
            <th>感染経路</th>
            <th>リスクエリア</th>
            <th>対策</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>チクングニア熱</strong></td>
            <td>蚊（ネッタイシマカ）</td>
            <td>全国</td>
            <td>デング熱と同じ蚊対策</td>
          </tr>
          <tr>
            <td><strong>マラリア</strong></td>
            <td>蚊（夜行性）</td>
            <td>国境地帯・農村・森林</td>
            <td>予防薬の服用検討・蚊帳使用</td>
          </tr>
          <tr>
            <td><strong>狂犬病</strong></td>
            <td>動物（犬・猫など）</td>
            <td>全国（野良動物に注意）</td>
            <td>動物に近づかない・事前ワクチン</td>
          </tr>
          <tr>
            <td><strong>急性下痢症・食中毒</strong></td>
            <td>水・食品</td>
            <td>全国</td>
            <td>水道水を飲まない・氷に注意</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="tdf-box">
      <p class="tdf-box-title"><span aria-hidden="true">💡</span> 渡航前のワクチン接種について</p>
      <p class="tdf-body" style="margin:0;">
        外務省・厚生労働省のガイドラインでは、タイ渡航前に<strong>A型肝炎・B型肝炎・破傷風・腸チフス</strong>のワクチン接種が推奨されています。農村部・長期滞在の場合は狂犬病・日本脳炎も検討対象。出発4〜6週前までに旅行医学専門の医療機関に相談するのがおすすめです。
      </p>
    </div>
  </section>

  <hr class="tdf-divider" aria-hidden="true">


  <!-- ================================
       FAQ
       ================================ -->
  <section class="tdf-section" id="faq" aria-labelledby="tdf-h2-faq">
    <h2 class="tdf-h2" id="tdf-h2-faq"><span aria-hidden="true">❓</span>よくある質問（FAQ）</h2>

    <!-- FAQ 1 -->
    <div class="tdf-faq-item">
      <input type="checkbox" id="tdf-faq1" class="tdf-faq-toggle" aria-hidden="true">
      <label for="tdf-faq1" class="tdf-faq-q">タイに行ってデング熱になる確率はどのくらいですか？</label>
      <div class="tdf-faq-a" role="region" aria-labelledby="tdf-faq1">
        <div class="tdf-faq-a-inner">
          旅行者が感染する確率は旅行時期・滞在期間・行動パターンによって大きく異なります。タイの年間人口10万人あたりの感染率を参考にすると決して高くはありませんが、雨季の長期滞在・屋外活動が多い場合はリスクが上がります。「低い確率だから何もしなくて良い」ではなく、「確実に予防できる対策を取る」という姿勢が大切です。
        </div>
      </div>
    </div>

    <!-- FAQ 2 -->
    <div class="tdf-faq-item">
      <input type="checkbox" id="tdf-faq2" class="tdf-faq-toggle" aria-hidden="true">
      <label for="tdf-faq2" class="tdf-faq-q">デング熱の潜伏期間はどのくらいですか？</label>
      <div class="tdf-faq-a" role="region" aria-labelledby="tdf-faq2">
        <div class="tdf-faq-a-inner">
          蚊に刺されてから症状が出るまでの潜伏期間は<strong>3〜7日（最長15日）</strong>です。多くの人は刺されてから5〜8日以内に症状が現れます。タイ滞在が2〜3日の短期旅行であっても、帰国後に発症する可能性があります。帰国後1〜2週間は体調変化に注意してください。
        </div>
      </div>
    </div>

    <!-- FAQ 3 -->
    <div class="tdf-faq-item">
      <input type="checkbox" id="tdf-faq3" class="tdf-faq-toggle" aria-hidden="true">
      <label for="tdf-faq3" class="tdf-faq-q">蚊に刺されたあと何日で症状が出ますか？</label>
      <div class="tdf-faq-a" role="region" aria-labelledby="tdf-faq3">
        <div class="tdf-faq-a-inner">
          平均的には<strong>4〜7日後</strong>に症状が現れます。刺された翌日や2日後に高熱が出た場合は、デング熱ではなく別の原因が考えられます（潜伏期間として短すぎるため）。一方、10日以上後に症状が出ることもあるため、旅行後しばらくは注意が必要です。
        </div>
      </div>
    </div>

    <!-- FAQ 4 -->
    <div class="tdf-faq-item">
      <input type="checkbox" id="tdf-faq4" class="tdf-faq-toggle" aria-hidden="true">
      <label for="tdf-faq4" class="tdf-faq-q">デング熱は人から人にうつりますか？</label>
      <div class="tdf-faq-a" role="region" aria-labelledby="tdf-faq4">
        <div class="tdf-faq-a-inner">
          いいえ。デング熱は<strong>人から人へ直接感染することはありません</strong>。感染経路はデングウイルスを持つ蚊（主にネッタイシマカ）に刺された場合のみです。感染者と同じ部屋にいても、接触しても、感染することはないので安心してください。
        </div>
      </div>
    </div>

    <!-- FAQ 5 -->
    <div class="tdf-faq-item">
      <input type="checkbox" id="tdf-faq5" class="tdf-faq-toggle" aria-hidden="true">
      <label for="tdf-faq5" class="tdf-faq-q">タイで病気になったとき日本語で対応してもらえますか？</label>
      <div class="tdf-faq-a" role="region" aria-labelledby="tdf-faq5">
        <div class="tdf-faq-a-inner">
          バンコク市内の主要私立病院（バンコク病院・サミティベート病院・バムルンラード国際病院など）には日本語対応スタッフが常駐しています。旅行保険の緊急連絡先でも日本語でのサポートが受けられるため、保険証書に記載の番号を手元に持っておくと安心です。
        </div>
      </div>
    </div>

    <!-- FAQ 6 -->
    <div class="tdf-faq-item">
      <input type="checkbox" id="tdf-faq6" class="tdf-faq-toggle" aria-hidden="true">
      <label for="tdf-faq6" class="tdf-faq-q">市販の解熱剤を飲んでいいですか？</label>
      <div class="tdf-faq-a" role="region" aria-labelledby="tdf-faq6">
        <div class="tdf-faq-a-inner">
          解熱剤として使えるのは<strong>アセトアミノフェン（パラセタモール）のみ</strong>です。アスピリンやイブプロフェン（ロキソニン・ブルフェンなど）は血小板の機能を抑制するため、デング熱の際には出血リスクを高める可能性があります。日本から旅行する際は、念のためアセトアミノフェン系の解熱剤（例：タイレノール）を持参すると安心です。
        </div>
      </div>
    </div>

    <!-- FAQ 7 -->
    <div class="tdf-faq-item">
      <input type="checkbox" id="tdf-faq7" class="tdf-faq-toggle" aria-hidden="true">
      <label for="tdf-faq7" class="tdf-faq-q">帰国後に熱が出た場合はどうすれば良いですか？</label>
      <div class="tdf-faq-a" role="region" aria-labelledby="tdf-faq7">
        <div class="tdf-faq-a-inner">
          帰国後2週間以内に38℃以上の高熱が出た場合、渡航歴を医師に必ず伝えてください。かかりつけ医や近くの内科・感染症科を受診し、「タイに行っていた」「デング熱の可能性はあるか」と相談しましょう。採血検査でデング熱の有無を確認できます。
        </div>
      </div>
    </div>

  </section>


  <!-- ================================
       まとめ
       ================================ -->
  <section class="tdf-section tdf-summary" id="summary" aria-labelledby="tdf-h2-summary">
    <h2 class="tdf-summary-title" id="tdf-h2-summary"><span aria-hidden="true">✅</span>まとめ——タイ旅行を安全に楽しむために</h2>
    <ul class="tdf-summary-list">
      <li>デング熱の死亡率はタイで約<strong>0.1%</strong>。インフルエンザと同程度なので、正しく備えれば必要以上に恐れなくて大丈夫です</li>
      <li>蚊（ネッタイシマカ）は<strong>昼間に活動</strong>。虫よけスプレー・長袖・エアコン部屋の3点を習慣にすれば、リスクは大きく下がります</li>
      <li>潜伏期間は3〜7日。帰国後に発症する場合もあるため、旅行後1〜2週間は体調の変化だけ気にかけておきましょう</li>
      <li>高熱が2日以上続く場合は早めに受診を。解熱剤は必ず<strong>アセトアミノフェン（パラセタモール）</strong>を使用してください</li>
      <li>バンコクの主要私立病院には日本語対応スタッフが常駐。旅行保険があればいざというときも安心して受診できます</li>
      <li>きちんと対策さえしておけば、<strong>タイ旅行は十分に安全に楽しめます</strong>。ぜひ素敵な旅を！🌏</li>
    </ul>

    <!-- まとめ内免責 -->
    <aside class="tdf-disclaimer" role="note" aria-label="免責事項" style="margin-top:28px; margin-bottom:0;">
      <span class="tdf-disclaimer-icon" aria-hidden="true">📋</span>
      <p class="tdf-disclaimer-text">
        本記事の情報は一般的な参考情報であり、医療的な診断・治療の代替ではありません。症状が出た場合は必ず医療機関を受診し、専門家の指示に従ってください。
      </p>
    </aside>
  </section>


</div><!-- /.tdf-wrap -->


<!-- ★ FAQ JSON-LDスキーマ -->

]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/thailand-dengue-fever-mosquito/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タイ旅行で体調崩しても慌てない｜ 出発前に知っておきたい対処と予防の基礎</title>
		<link>https://yoooyooo8.jp/thailand-travel-sick/</link>
					<comments>https://yoooyooo8.jp/thailand-travel-sick/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sat, 25 Apr 2026 02:11:00 +0000</pubDate>
				<category><![CDATA[タイ]]></category>
		<category><![CDATA[タイ旅行]]></category>
		<category><![CDATA[備え]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2508</guid>

					<description><![CDATA[🇹🇭 Thailand Travel Guide 備えた分だけ、旅は安心になる。タイ旅行の体調管理ガイド 予防から対処まで、備えれば怖くない。 旅行前に読んでおきたい「体調管理の教科書」 体調不良の対処法 予防法 タイの [&#8230;]]]></description>
										<content:encoded><![CDATA[
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;family=DM+Sans:wght@400;600;700&#038;display=swap" rel="stylesheet">

<style>
/* ============================================================
   スコープ: .s26-wrap
   プレフィックス: s26-
   記事: タイ旅行 体調不良 対処法
   ============================================================ */

/* ---------- CSS変数 ---------- */
.s26-wrap {
  --s26-primary:    #0891b2;   /* シアン700 */
  --s26-primary-lt: #e0f7fa;   /* 薄水色 */
  --s26-primary-md: #38bdf8;   /* スカイ400 */
  --s26-accent:     #f59e0b;   /* アンバー */
  --s26-accent2:    #10b981;   /* エメラルド */
  --s26-danger:     #ef4444;   /* レッド */
  --s26-warn:       #f97316;   /* オレンジ */
  --s26-dark:       #0c2340;   /* 濃紺 */
  --s26-text:       #1e293b;
  --s26-text-sub:   #475569;
  --s26-bg:         #f0f9ff;
  --s26-white:      #ffffff;
  --s26-radius:     14px;
  --s26-radius-sm:  8px;
  --s26-shadow:     0 4px 24px rgba(8,145,178,0.10);
  --s26-shadow-md:  0 8px 40px rgba(8,145,178,0.15);
  --s26-font-body:  'Noto Sans JP', sans-serif;
  --s26-font-serif: 'Noto Serif JP', serif;
  --s26-font-en:    'DM Sans', sans-serif;
}

/* ---------- 基本リセット（スコープ内のみ） ---------- */
.s26-wrap *,
.s26-wrap *::before,
.s26-wrap *::after {
  box-sizing: border-box;
}

.s26-wrap {
  font-family: var(--s26-font-body);
  color: var(--s26-text);
  line-height: 2.0;
  letter-spacing: 0.04em;
  background: transparent;
  max-width: 100%;
  overflow-x: hidden;
}

.s26-wrap p {
  margin: 0 0 1.4em;
  line-height: 2.0;
  letter-spacing: 0.04em;
}

.s26-wrap a {
  color: var(--s26-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s;
}
.s26-wrap a:hover {
  color: var(--s26-accent);
}

/* ---------- 全幅ブリード（コンテナ突破） ---------- */
.s26-bleed {
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px;
  position: relative;
}
@media (max-width: 768px) {
  .s26-bleed {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
  }
}

/* ============================================================
   ヒーローセクション
   ============================================================ */
.s26-wrap .s26-hero {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, #0c2340 0%, #0e4d6e 45%, #0891b2 100%);
  padding: 60px 24px;
}
@media (max-width: 768px) {
  .s26-wrap .s26-hero {
    min-height: 360px;
    padding: 48px 20px;
  }
}

/* 背景アニメーション波紋 */
.s26-hero-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.s26-hero-circle {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(56,189,248,0.15);
  animation: s26-ripple 6s ease-out infinite;
}
.s26-hero-circle:nth-child(1) {
  width: 300px; height: 300px;
  top: -80px; right: -60px;
  animation-delay: 0s;
}
.s26-hero-circle:nth-child(2) {
  width: 500px; height: 500px;
  top: -180px; right: -160px;
  animation-delay: 1.2s;
}
.s26-hero-circle:nth-child(3) {
  width: 700px; height: 700px;
  top: -280px; right: -260px;
  animation-delay: 2.4s;
}
.s26-hero-circle:nth-child(4) {
  width: 200px; height: 200px;
  bottom: -40px; left: 5%;
  animation-delay: 0.6s;
  border-color: rgba(245,158,11,0.12);
}
@keyframes s26-ripple {
  0%   { opacity: 0; transform: scale(0.85); }
  40%  { opacity: 1; }
  100% { opacity: 0; transform: scale(1.15); }
}

/* グリッドパターン */
.s26-hero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(56,189,248,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(56,189,248,0.05) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

/* コンテンツ */
.s26-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 760px;
}

.s26-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(245,158,11,0.18);
  border: 1px solid rgba(245,158,11,0.4);
  color: #fbbf24;
  font-family: var(--s26-font-en);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 20px;
  animation: s26-fadeInDown 0.6s ease both;
}

/* ヒーローh2 — Cocoon干渉対策 */
.s26-wrap .s26-hero h2.s26-hero-title,
.s26-wrap .s26-hero-title {
  background: transparent;
  padding: 0;
  border: none;
  margin: 0 0 16px;
  font-family: var(--s26-font-serif);
  font-size: clamp(1.6rem, 4.5vw, 2.6rem);
  font-weight: 700;
  color: var(--s26-white);
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3);
  animation: s26-fadeInUp 0.7s ease 0.2s both;
}

.s26-hero-sub {
  font-size: clamp(0.88rem, 2vw, 1.05rem);
  color: rgba(255,255,255,0.78);
  line-height: 1.8;
  margin: 0 0 28px;
  animation: s26-fadeInUp 0.7s ease 0.4s both;
}

.s26-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  animation: s26-fadeInUp 0.7s ease 0.6s both;
}
.s26-hero-tag {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.85);
  font-size: 0.8rem;
  padding: 4px 12px;
  border-radius: 100px;
}

@keyframes s26-fadeInDown {
  from { opacity: 0; transform: translateY(-16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes s26-fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   この記事の要点ボックス
   ============================================================ */
.s26-summary-box {
  background: var(--s26-white);
  border-left: 5px solid var(--s26-primary);
  border-radius: var(--s26-radius);
  box-shadow: var(--s26-shadow);
  padding: 28px 32px;
  margin: 40px 0;
  position: relative;
  overflow: hidden;
}
.s26-summary-box::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 140px; height: 140px;
  background: radial-gradient(circle at top right, rgba(8,145,178,0.07), transparent 70%);
  pointer-events: none;
}
.s26-summary-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--s26-font-en);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--s26-primary);
  margin-bottom: 16px;
}
.s26-summary-label::before {
  content: '';
  display: block;
  width: 20px; height: 2px;
  background: var(--s26-primary);
}
.s26-summary-title {
  font-family: var(--s26-font-serif);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--s26-dark);
  margin: 0 0 18px;
}
.s26-summary-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.s26-summary-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.94rem;
  line-height: 1.7;
}
.s26-summary-list li::before {
  content: '✓';
  flex-shrink: 0;
  width: 22px; height: 22px;
  background: var(--s26-primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

/* ============================================================
   アニメーション目次（CSS checkbox hack）
   ============================================================ */
.s26-toc-wrap {
  margin: 40px 0;
}
/* トグル用チェックボックス（非表示） */
.s26-toc-toggle {
  display: none;
}
.s26-toc-box {
  background: var(--s26-white);
  border: 2px solid var(--s26-primary-md);
  border-radius: var(--s26-radius);
  box-shadow: var(--s26-shadow);
  overflow: hidden;
}
.s26-toc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  background: linear-gradient(90deg, var(--s26-primary) 0%, #0e7490 100%);
  cursor: pointer;
  user-select: none;
  transition: background 0.2s;
}
.s26-toc-header:hover {
  background: linear-gradient(90deg, #0e7490 0%, var(--s26-primary) 100%);
}
.s26-toc-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.s26-toc-icon {
  font-size: 1.1rem;
}
/* 目次のh3 — スコープ内でCocoon干渉を避ける */
.s26-toc-box h3.s26-toc-title,
.s26-toc-title {
  font-family: var(--s26-font-en);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--s26-white);
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
}
.s26-toc-arrow {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  color: #fff;
  transition: transform 0.35s ease;
  flex-shrink: 0;
}

/* チェックボックスONで矢印回転 */
.s26-toc-toggle:checked ~ .s26-toc-box .s26-toc-arrow {
  transform: rotate(180deg);
}

/* 目次本体：高さアニメーション */
.s26-toc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1),
              padding 0.35s ease;
  padding: 0 24px;
}
.s26-toc-toggle:checked ~ .s26-toc-box .s26-toc-body {
  max-height: 800px;
  padding: 20px 24px 24px;
}

/* 目次リスト */
.s26-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 4px;
  counter-reset: s26-toc;
}
.s26-toc-list > li {
  counter-increment: s26-toc;
}
.s26-toc-list > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: var(--s26-radius-sm);
  color: var(--s26-text);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
}
.s26-toc-list > li > a::before {
  content: counter(s26-toc, decimal-leading-zero);
  flex-shrink: 0;
  min-width: 28px;
  height: 28px;
  background: var(--s26-primary-lt);
  color: var(--s26-primary);
  font-family: var(--s26-font-en);
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s26-toc-list > li > a:hover {
  background: var(--s26-primary-lt);
  color: var(--s26-primary);
  text-decoration: none;
}
.s26-toc-divider {
  height: 1px;
  background: #e2e8f0;
  margin: 6px 0;
}

/* ============================================================
   医療免責注記帯
   ============================================================ */
.s26-disclaimer {
  background: #fffbeb;
  border: 1.5px solid #fcd34d;
  border-left: 5px solid #f59e0b;
  border-radius: var(--s26-radius);
  padding: 14px 20px;
  margin: 32px 0 8px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.84rem;
  color: #78350f;
  line-height: 1.7;
}
.s26-disclaimer-icon {
  flex-shrink: 0;
  font-size: 1.1rem;
  margin-top: 1px;
}
.s26-disclaimer strong {
  font-weight: 700;
  color: #92400e;
}

/* ============================================================
   共通セクション見出し (h2)
   ============================================================ */
.s26-wrap h2.s26-h2 {
  font-family: var(--s26-font-serif);
  font-size: clamp(1.15rem, 3vw, 1.45rem);
  font-weight: 700;
  color: var(--s26-dark);
  border-left: 5px solid var(--s26-primary);
  background: linear-gradient(90deg, var(--s26-primary-lt) 0%, transparent 80%);
  padding: 14px 18px;
  margin: 48px 0 24px;
  border-radius: 0 var(--s26-radius-sm) var(--s26-radius-sm) 0;
  line-height: 1.5;
}

/* ============================================================
   共通 h3見出し
   ============================================================ */
.s26-wrap h3.s26-h3 {
  font-family: var(--s26-font-body);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--s26-primary);
  padding: 0 0 8px;
  border-bottom: 2px solid var(--s26-primary-lt);
  margin: 32px 0 16px;
}

/* ============================================================
   ヒントボックス（共通）
   ============================================================ */
.s26-point-box {
  background: var(--s26-primary-lt);
  border-left: 4px solid var(--s26-primary);
  border-radius: var(--s26-radius-sm);
  padding: 16px 20px;
  margin: 28px 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.93rem;
  line-height: 1.8;
  color: var(--s26-dark);
}
.s26-point-box p { margin: 0; }
.s26-point-label {
  flex-shrink: 0;
  font-weight: 700;
  color: var(--s26-primary);
  font-size: 0.88rem;
  white-space: nowrap;
  margin-top: 2px;
}

/* ============================================================
   セクション① 理由カードグリッド
   ============================================================ */
.s26-reason-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 28px 0;
}
@media (max-width: 640px) {
  .s26-reason-grid { grid-template-columns: 1fr; }
}
.s26-reason-card {
  background: var(--s26-white);
  border: 1.5px solid #e0f2fe;
  border-radius: var(--s26-radius);
  padding: 22px 20px;
  box-shadow: var(--s26-shadow);
  transition: transform 0.2s, box-shadow 0.2s;
}
.s26-reason-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--s26-shadow-md);
}
.s26-reason-icon {
  font-size: 2rem;
  margin-bottom: 10px;
  display: block;
}
.s26-reason-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--s26-dark);
  margin: 0 0 10px;
  padding: 0;
  border: none;
  background: none;
}
.s26-reason-card p {
  font-size: 0.91rem;
  color: var(--s26-text-sub);
  margin: 0;
  line-height: 1.9;
}

/* ============================================================
   セクション② 症状カードリスト
   ============================================================ */
.s26-symptom-list {
  display: grid;
  gap: 16px;
  margin: 28px 0;
}
.s26-symptom-card {
  background: var(--s26-white);
  border: 1.5px solid #e2e8f0;
  border-radius: var(--s26-radius);
  padding: 22px 24px;
  box-shadow: var(--s26-shadow);
}
.s26-symptom-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.s26-symptom-icon { font-size: 1.5rem; flex-shrink: 0; }
.s26-symptom-name {
  font-size: 1rem;
  font-weight: 700;
  color: var(--s26-dark);
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.s26-symptom-card p {
  font-size: 0.92rem;
  color: var(--s26-text-sub);
  margin: 0 0 12px;
  line-height: 1.9;
}
.s26-symptom-level {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 100px;
}
.s26-level-mid {
  background: #fef3c7;
  color: #92400e;
}
.s26-level-high {
  background: #fee2e2;
  color: #991b1b;
}

/* チェックリスト（危険サイン用） */
.s26-checklist {
  list-style: none;
  padding: 0;
  margin: 16px 0 28px;
  display: grid;
  gap: 8px;
}
.s26-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.93rem;
  line-height: 1.7;
  padding: 10px 14px;
  border-radius: var(--s26-radius-sm);
}
.s26-checklist-danger li {
  background: #fff5f5;
  border-left: 3px solid var(--s26-danger);
}
.s26-checklist-danger li::before {
  content: '！';
  flex-shrink: 0;
  width: 22px; height: 22px;
  background: var(--s26-danger);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

/* 別記事誘導ボックス */
.s26-related-box {
  background: #f0f9ff;
  border: 1.5px solid #bae6fd;
  border-radius: var(--s26-radius);
  padding: 20px 22px;
  margin: 28px 0;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.s26-related-icon { font-size: 1.6rem; flex-shrink: 0; margin-top: 2px; }
.s26-related-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--s26-dark);
  margin: 0 0 6px;
}
.s26-related-text {
  font-size: 0.88rem;
  color: var(--s26-text-sub);
  margin: 0 0 10px;
  line-height: 1.7;
}
.s26-related-link {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--s26-primary);
  text-decoration: none;
}
.s26-related-link:hover { text-decoration: underline; }

/* ============================================================
   セクション③ アクションステップ
   ============================================================ */
.s26-action-steps {
  display: grid;
  gap: 16px;
  margin: 28px 0;
}
.s26-action-step {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background: var(--s26-white);
  border: 1.5px solid #e0f2fe;
  border-radius: var(--s26-radius);
  padding: 22px 24px;
  box-shadow: var(--s26-shadow);
}
.s26-action-num {
  flex-shrink: 0;
  width: 44px; height: 44px;
  background: linear-gradient(135deg, var(--s26-primary), var(--s26-primary-md));
  color: #fff;
  font-family: var(--s26-font-en);
  font-size: 0.85rem;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.04em;
}
.s26-action-body { flex: 1; }
.s26-action-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--s26-dark);
  margin: 0 0 10px;
  padding: 0;
  border: none;
  background: none;
}
.s26-action-body p {
  font-size: 0.92rem;
  color: var(--s26-text-sub);
  margin: 0;
  line-height: 1.9;
}

/* コンビニ・薬局で買えるものボックス */
.s26-buy-box {
  background: var(--s26-white);
  border: 1.5px solid #bae6fd;
  border-radius: var(--s26-radius);
  padding: 22px 24px;
  margin: 28px 0;
  box-shadow: var(--s26-shadow);
}
.s26-buy-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--s26-dark);
  margin: 0 0 16px;
}
.s26-buy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 640px) {
  .s26-buy-grid { grid-template-columns: repeat(2, 1fr); }
}
.s26-buy-item {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--s26-bg);
  border-radius: var(--s26-radius-sm);
  padding: 10px 12px;
  font-size: 0.85rem;
  color: var(--s26-text);
  line-height: 1.4;
}
.s26-buy-icon { font-size: 1rem; flex-shrink: 0; }

/* 画像 */
.s26-figure {
  margin: 40px 0;
  text-align: center;
}
.s26-img {
  width: 100%;
  height: auto;
  border-radius: var(--s26-radius);
  box-shadow: var(--s26-shadow-md);
  display: block;
}
.s26-figcaption {
  font-size: 0.82rem;
  color: var(--s26-text-sub);
  margin-top: 10px;
  text-align: center;
  line-height: 1.6;
}

/* ============================================================
   セクション④ 病院
   ============================================================ */
/* 私立 vs 公立 比較 */
.s26-compare-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 28px 0;
}
@media (max-width: 600px) {
  .s26-compare-box { grid-template-columns: 1fr; }
}
.s26-compare-item {
  border-radius: var(--s26-radius);
  padding: 20px 22px;
}
.s26-compare-private {
  background: #f0fdf4;
  border: 1.5px solid #86efac;
}
.s26-compare-public {
  background: #fafafa;
  border: 1.5px solid #e2e8f0;
}
.s26-compare-label {
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0 0 12px;
  color: var(--s26-dark);
}
.s26-compare-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 7px;
}
.s26-compare-list li {
  font-size: 0.88rem;
  color: var(--s26-text-sub);
  padding-left: 16px;
  position: relative;
  line-height: 1.6;
}
.s26-compare-list li::before {
  content: '·';
  position: absolute;
  left: 4px;
  font-weight: 700;
  color: var(--s26-primary);
}

/* 病院リスト */
.s26-hospital-list {
  margin: 28px 0;
  background: var(--s26-white);
  border: 1.5px solid #e0f2fe;
  border-radius: var(--s26-radius);
  padding: 22px 24px;
  box-shadow: var(--s26-shadow);
}
.s26-hospital-list-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--s26-dark);
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 1.5px solid #e0f2fe;
}
.s26-hospital-card {
  padding: 14px 0;
  border-bottom: 1px solid #f1f5f9;
}
.s26-hospital-card:last-child { border-bottom: none; }
.s26-hospital-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
}
.s26-hospital-num {
  flex-shrink: 0;
  background: var(--s26-primary);
  color: #fff;
  font-family: var(--s26-font-en);
  font-size: 0.75rem;
  font-weight: 700;
  width: 28px; height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s26-hospital-name {
  font-size: 0.97rem;
  font-weight: 700;
  color: var(--s26-dark);
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.s26-hospital-desc {
  font-size: 0.88rem;
  color: var(--s26-text-sub);
  margin: 0;
  line-height: 1.8;
  padding-left: 40px;
}

/* 受診の流れ */
.s26-flow-box {
  background: var(--s26-primary-lt);
  border-radius: var(--s26-radius);
  padding: 22px 24px;
  margin: 28px 0;
}
.s26-flow-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--s26-dark);
  margin: 0 0 16px;
}
.s26-flow-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  counter-reset: s26-flow;
}
.s26-flow-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.91rem;
  line-height: 1.7;
  color: var(--s26-text);
}
.s26-flow-step {
  flex-shrink: 0;
  background: var(--s26-primary);
  color: #fff;
  font-family: var(--s26-font-en);
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 100px;
  letter-spacing: 0.06em;
  margin-top: 2px;
}

/* 保険グリッド */
.s26-insurance-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 20px 0 28px;
}
@media (max-width: 768px) {
  .s26-insurance-grid { grid-template-columns: 1fr; }
}
.s26-insurance-card {
  background: var(--s26-white);
  border: 1.5px solid #e0f2fe;
  border-radius: var(--s26-radius);
  padding: 20px;
  box-shadow: var(--s26-shadow);
  font-size: 0.88rem;
  line-height: 1.8;
  color: var(--s26-text-sub);
}
.s26-insurance-warn {
  border-color: #fcd34d;
  background: #fffbeb;
}
.s26-insurance-head {
  font-weight: 700;
  font-size: 0.93rem;
  color: var(--s26-dark);
  margin: 0 0 10px;
}

/* ============================================================
   セクション⑤ 予防法グリッド
   ============================================================ */
.s26-prev-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin: 28px 0;
}
@media (max-width: 640px) {
  .s26-prev-grid { grid-template-columns: 1fr; }
}
.s26-prev-card {
  background: var(--s26-white);
  border: 1.5px solid #e0f2fe;
  border-radius: var(--s26-radius);
  padding: 22px 20px;
  box-shadow: var(--s26-shadow);
}
.s26-prev-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1.5px solid var(--s26-primary-lt);
}
.s26-prev-icon { font-size: 1.4rem; flex-shrink: 0; }
.s26-prev-title {
  font-size: 0.97rem;
  font-weight: 700;
  color: var(--s26-dark);
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.s26-prev-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.s26-prev-list li {
  font-size: 0.88rem;
  color: var(--s26-text-sub);
  line-height: 1.7;
  padding-left: 18px;
  position: relative;
}
.s26-prev-list li::before {
  content: '›';
  position: absolute;
  left: 4px;
  color: var(--s26-primary);
  font-weight: 700;
  font-size: 1rem;
}

/* ============================================================
   セクション⑥ 準備
   ============================================================ */
.s26-prep-section {
  background: var(--s26-white);
  border: 1.5px solid #e0f2fe;
  border-radius: var(--s26-radius);
  padding: 24px;
  margin: 24px 0;
  box-shadow: var(--s26-shadow);
}
.s26-prep-section-title {
  font-weight: 700;
  font-size: 0.97rem;
  color: var(--s26-dark);
  margin: 0 0 18px;
  padding-bottom: 12px;
  border-bottom: 1.5px solid var(--s26-primary-lt);
}

/* テーブル */
.s26-prep-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.s26-prep-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
  min-width: 480px;
}
.s26-prep-table th {
  background: var(--s26-primary);
  color: #fff;
  font-weight: 700;
  padding: 10px 14px;
  text-align: left;
  letter-spacing: 0.04em;
}
.s26-prep-table th:first-child { border-radius: 6px 0 0 0; }
.s26-prep-table th:last-child  { border-radius: 0 6px 0 0; }
.s26-prep-table td {
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  color: var(--s26-text-sub);
  line-height: 1.6;
  vertical-align: top;
}
.s26-prep-table td:first-child {
  font-weight: 700;
  color: var(--s26-dark);
  white-space: nowrap;
}
.s26-prep-table tr:nth-child(even) td { background: #f8fbff; }
.s26-prep-table tr:last-child td { border-bottom: none; }

/* グッズグリッド */
.s26-goods-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media (max-width: 600px) {
  .s26-goods-grid { grid-template-columns: repeat(2, 1fr); }
}
.s26-goods-item {
  background: var(--s26-bg);
  border-radius: var(--s26-radius-sm);
  padding: 14px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
}
.s26-goods-icon { font-size: 1.6rem; }
.s26-goods-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--s26-dark);
}
.s26-goods-note {
  font-size: 0.76rem;
  color: var(--s26-text-sub);
  line-height: 1.4;
}

/* 保険タイミング */
.s26-insurance-timing {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 600px) {
  .s26-insurance-timing { grid-template-columns: 1fr; }
}
.s26-timing-item {
  border-radius: var(--s26-radius-sm);
  padding: 18px;
  font-size: 0.88rem;
  line-height: 1.8;
  color: var(--s26-text-sub);
}
.s26-timing-good {
  background: #f0fdf4;
  border: 1.5px solid #86efac;
}
.s26-timing-check {
  background: #eff6ff;
  border: 1.5px solid #93c5fd;
}
.s26-timing-label {
  font-weight: 700;
  font-size: 0.93rem;
  color: var(--s26-dark);
  margin: 0 0 10px;
}
.s26-timing-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 7px;
}
.s26-timing-list li {
  padding-left: 16px;
  position: relative;
}
.s26-timing-list li::before {
  content: '·';
  position: absolute;
  left: 4px;
  color: var(--s26-primary);
  font-weight: 700;
}
.s26-timing-list strong {
  color: var(--s26-primary);
  font-weight: 700;
}

/* ============================================================
   FAQ アコーディオン（CSS checkbox hack）
   ============================================================ */
.s26-faq-list {
  display: grid;
  gap: 10px;
  margin: 24px 0;
}
.s26-faq-toggle { display: none; }
.s26-faq-item {
  border: 1.5px solid #e0f2fe;
  border-radius: var(--s26-radius);
  overflow: hidden;
  background: var(--s26-white);
  box-shadow: var(--s26-shadow);
}
.s26-faq-q {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 0.94rem;
  font-weight: 700;
  color: var(--s26-dark);
  line-height: 1.6;
  user-select: none;
  transition: background 0.2s;
}
.s26-faq-q:hover { background: var(--s26-primary-lt); }
.s26-faq-icon {
  flex-shrink: 0;
  width: 28px; height: 28px;
  background: var(--s26-primary);
  color: #fff;
  font-family: var(--s26-font-en);
  font-size: 0.82rem;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s26-faq-q > span:nth-child(2) { flex: 1; }
.s26-faq-arrow {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--s26-primary);
  transition: transform 0.3s ease;
}
.s26-faq-toggle:checked ~ .s26-faq-q .s26-faq-arrow {
  transform: rotate(180deg);
}
.s26-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1);
}
.s26-faq-toggle:checked ~ .s26-faq-a {
  max-height: 400px;
}
.s26-faq-a-inner {
  padding: 0 20px 18px 60px;
  font-size: 0.91rem;
  color: var(--s26-text-sub);
  line-height: 1.9;
}
.s26-faq-a-inner p { margin: 0; }

/* ============================================================
   まとめ
   ============================================================ */
.s26-summary-steps {
  display: grid;
  gap: 14px;
  margin: 28px 0;
}
.s26-summary-step {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  background: var(--s26-white);
  border: 1.5px solid #e0f2fe;
  border-radius: var(--s26-radius);
  padding: 22px 24px;
  box-shadow: var(--s26-shadow);
}
.s26-summary-step-num {
  flex-shrink: 0;
  width: 44px; height: 44px;
  background: linear-gradient(135deg, var(--s26-primary), var(--s26-primary-md));
  color: #fff;
  font-family: var(--s26-font-en);
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s26-summary-step-body { flex: 1; }
.s26-summary-step-title {
  font-weight: 700;
  font-size: 0.97rem;
  color: var(--s26-dark);
  margin: 0 0 8px;
}
.s26-summary-step-body p:last-child {
  font-size: 0.91rem;
  color: var(--s26-text-sub);
  margin: 0;
  line-height: 1.9;
}

/* 内部リンク */
.s26-internal-links {
  margin: 36px 0 0;
  background: var(--s26-white);
  border: 1.5px solid #e0f2fe;
  border-radius: var(--s26-radius);
  padding: 22px 24px;
  box-shadow: var(--s26-shadow);
}
.s26-internal-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--s26-dark);
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1.5px solid var(--s26-primary-lt);
}
.s26-internal-grid {
  display: grid;
  gap: 10px;
}
.s26-internal-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--s26-bg);
  border-radius: var(--s26-radius-sm);
  text-decoration: none;
  color: var(--s26-text);
  font-size: 0.91rem;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
}
.s26-internal-card:hover {
  background: var(--s26-primary-lt);
  color: var(--s26-primary);
  text-decoration: none;
}
.s26-internal-icon { font-size: 1.2rem; flex-shrink: 0; }

</style>

<!-- ============================================================
     記事ラッパー開始
     ============================================================ -->
<div class="s26-wrap">

  <!-- ==================== ヒーローセクション ==================== -->
  <div class="s26-bleed">
    <section class="s26-hero" aria-label="記事ヒーロー">
      <!-- 背景装飾 -->
      <div class="s26-hero-bg" aria-hidden="true">
        <div class="s26-hero-grid"></div>
        <div class="s26-hero-circle"></div>
        <div class="s26-hero-circle"></div>
        <div class="s26-hero-circle"></div>
        <div class="s26-hero-circle"></div>
      </div>

      <!-- コンテンツ -->
      <div class="s26-hero-content">
        <div class="s26-hero-badge" aria-label="記事カテゴリ">
          <span aria-hidden="true">🇹🇭</span> Thailand Travel Guide
        </div>

        <!-- ヒーローh2（記事最初のh2 / Cocoon干渉対策済み） -->
        <div role="heading" aria-level="2" class="s26-hero-title">
          備えた分だけ、旅は安心になる。<br>タイ旅行の体調管理ガイド
        </div>

        <p class="s26-hero-sub">
          予防から対処まで、備えれば怖くない。<br>
          旅行前に読んでおきたい「体調管理の教科書」
        </p>

        <div class="s26-hero-tags" role="list" aria-label="記事タグ">
          <span class="s26-hero-tag" role="listitem">体調不良の対処法</span>
          <span class="s26-hero-tag" role="listitem">予防法</span>
          <span class="s26-hero-tag" role="listitem">タイの病院</span>
          <span class="s26-hero-tag" role="listitem">海外旅行保険</span>
          <span class="s26-hero-tag" role="listitem">旅行準備</span>
          <span class="s26-hero-tag" role="listitem">持ち物リスト</span>
        </div>
      </div>
    </section>
  </div>
  <!-- /ヒーロー -->

  <!-- ==================== 医療免責注記帯 ==================== -->
  <div class="s26-disclaimer" role="note" aria-label="免責事項">
    <span class="s26-disclaimer-icon" aria-hidden="true">⚠️</span>
    <span>
      <strong>【免責事項】</strong>
      この記事は旅行経験にもとづく情報提供を目的としており、医師・医療専門家が執筆したものではありません。症状が重い場合や不安を感じる場合は、現地の医療機関を受診するか、渡航前にかかりつけ医へご相談ください。
    </span>
  </div>
  <!-- /免責注記帯 -->

  <!-- ==================== この記事の要点 ==================== -->
  <div class="s26-summary-box" role="note" aria-label="この記事の要点">
    <div class="s26-summary-label">Point</div>
    <p class="s26-summary-title">📋 この記事でわかること</p>
    <ul class="s26-summary-list">
      <li>タイ旅行で体調を崩しやすい4つの原因</li>
      <li>症状別にみる「すぐできること」の手順</li>
      <li>病院に行くべき症状の見分け方</li>
      <li>タイの私立病院の基礎知識と受診の流れ</li>
      <li>海外旅行保険の賢い使い方</li>
      <li>食事・気候・疲労から身を守る予防のヒント</li>
      <li>出発前に準備しておくべき薬・グッズリスト</li>
    </ul>
  </div>
  <!-- /要点 -->

  <!-- ==================== アニメーション目次 ==================== -->
  <div class="s26-toc-wrap" role="navigation" aria-label="目次">
    <!-- CSS checkbox hack（JS不要） -->
    <input type="checkbox" id="s26-toc-ck" class="s26-toc-toggle" checked aria-hidden="true">

    <div class="s26-toc-box">
      <label class="s26-toc-header" for="s26-toc-ck" aria-expanded="true">
        <div class="s26-toc-header-left">
          <span class="s26-toc-icon" aria-hidden="true">📖</span>
          <h3 class="s26-toc-title">目次</h3>
        </div>
        <span class="s26-toc-arrow" aria-hidden="true">▼</span>
      </label>

      <div class="s26-toc-body">
        <ol class="s26-toc-list">
          <li><a href="#reason">タイ旅行で体調を崩しやすい理由</a></li>
          <li><a href="#symptoms">よくある症状と見分け方</a></li>
          <li><a href="#first-action">まず自分でできること</a></li>
          <li><a href="#hospital">タイの病院の基礎知識</a></li>
          <li><a href="#prevention">体調不良を防ぐ予防法</a></li>
          <li><a href="#preparation">出発前に準備しておくこと</a></li>
          <div class="s26-toc-divider" role="separator"></div>
          <li><a href="#faq">よくある質問（FAQ）</a></li>
          <li><a href="#summary">まとめ</a></li>
        </ol>
      </div>
    </div>
  </div>
  <!-- /目次 -->

  <!-- ==================== 本文 ==================== -->

  <!-- ▼ h2① タイ旅行で体調を崩しやすい理由 -->
  <section id="reason" aria-labelledby="reason-title">
    <h2 id="reason-title" class="s26-h2">タイ旅行で体調を崩しやすい理由</h2>

    <p>タイは魅力的な旅先である一方、日本とは気候・食文化・衛生環境が大きく異なります。「なぜタイでは体調を崩しやすいのか」を知っておくだけで、旅の備えが大きく変わります。主な原因は次の4つです。</p>

    <div class="s26-reason-grid">

      <div class="s26-reason-card">
        <div class="s26-reason-icon" aria-hidden="true">☀️</div>
        <h3 class="s26-reason-title">気候の変化</h3>
        <p>タイは年間を通じて高温多湿。気温35℃を超える日も珍しくありません。さらに屋内のクーラーが強力なため、外との寒暖差が10〜15℃になることも。この温度差の繰り返しが自律神経を乱し、だるさや頭痛、風邪症状を引き起こします。</p>
      </div>

      <div class="s26-reason-card">
        <div class="s26-reason-icon" aria-hidden="true">🌶️</div>
        <h3 class="s26-reason-title">食事・屋台の衛生</h3>
        <p>タイ料理は香辛料が豊富で、日本人の消化器官には刺激が強め。屋台料理は新鮮でおいしい反面、衛生管理が店によってまちまちです。食べ慣れない油や香辛料の摂りすぎが、腹痛や下痢につながることがあります。</p>
      </div>

      <div class="s26-reason-card">
        <div class="s26-reason-icon" aria-hidden="true">💧</div>
        <h3 class="s26-reason-title">水・氷の問題</h3>
        <p>タイの水道水は飲料には適していません。ペットボトルの水が基本ですが、見落としがちなのが「氷」と「生野菜の洗浄水」です。レストランの氷や洗っていない生野菜から腹痛を起こすケースは少なくないため、注意が必要です。</p>
      </div>

      <div class="s26-reason-card">
        <div class="s26-reason-icon" aria-hidden="true">😴</div>
        <h3 class="s26-reason-title">疲労・睡眠不足</h3>
        <p>観光地をめぐる充実した旅ほど、知らず知らずのうちに疲労が蓄積します。タイと日本の時差は2時間（夏は1時間）と小さいですが、移動の疲れや興奮で睡眠の質が下がると免疫力が低下し、体調を崩しやすくなります。</p>
      </div>

    </div><!-- /.s26-reason-grid -->

    <div class="s26-point-box">
      <span class="s26-point-label" aria-hidden="true">💡 ヒント</span>
      <p>体調不良の多くは「気候への過信」「食べすぎ・飲みすぎ」「無理なスケジュール」が重なって起きます。原因を知っておくだけで、旅中の意識がぐっと変わります。</p>
    </div>

  </section>
  <!-- /h2① -->

  <!-- ▼ h2② よくある症状と見分け方 -->
  <section id="symptoms" aria-labelledby="symptoms-title">
    <h2 id="symptoms-title" class="s26-h2">よくある症状と見分け方</h2>

    <p>タイ旅行中に起こりやすい体調不良には、いくつかの典型的なパターンがあります。症状ごとの特徴と初期対応を把握しておくと、「様子を見るべきか、病院へ行くべきか」の判断に役立ちます。</p>

    <!-- 症状カード群 -->
    <div class="s26-symptom-list">

      <div class="s26-symptom-card">
        <div class="s26-symptom-head">
          <span class="s26-symptom-icon" aria-hidden="true">🤢</span>
          <h3 class="s26-symptom-name">下痢・腹痛（旅行者下痢症）</h3>
        </div>
        <p>タイ旅行で最も多い症状です。原因は食事・水・細菌がほとんど。軽い下痢であれば水分補給と安静で回復することが多いですが、血便・激しい腹痛・高熱を伴う場合は受診が必要です。</p>
        <div class="s26-symptom-level s26-level-mid">対応：水分補給・整腸剤。症状が強ければ受診</div>
      </div>

      <div class="s26-symptom-card">
        <div class="s26-symptom-head">
          <span class="s26-symptom-icon" aria-hidden="true">🤒</span>
          <h3 class="s26-symptom-name">発熱</h3>
        </div>
        <p>クーラーによる冷えや疲労から起きる発熱は、休息で改善することがあります。ただし38.5℃以上が続く場合、または発熱と同時に皮膚の発疹・関節痛・目の充血がある場合は感染症の可能性があるため、早めに受診してください。</p>
        <div class="s26-symptom-level s26-level-high">38.5℃以上・発疹を伴う場合は速やかに受診</div>
      </div>

      <div class="s26-symptom-card">
        <div class="s26-symptom-head">
          <span class="s26-symptom-icon" aria-hidden="true">🥵</span>
          <h3 class="s26-symptom-name">熱中症・脱水</h3>
        </div>
        <p>炎天下での観光や水分不足が重なると、めまい・頭痛・吐き気が起こります。軽度であれば涼しい場所で安静にし、経口補水液などで水分と塩分を補給します。意識が朦朧とする・呼びかけに反応しないなどの重症サインは迷わず救急対応を。</p>
        <div class="s26-symptom-level s26-level-high">意識障害・痙攣は救急。軽度は涼しい場所で安静</div>
      </div>

    </div><!-- /.s26-symptom-list -->

    <!-- 病院へ行くべき症状チェックリスト -->
    <h3 id="danger-signs" class="s26-h3">⚠️ 病院に行くべき症状チェックリスト</h3>

    <p>次のいずれかに当てはまる場合は、自己判断で様子を見ず、できるだけ早く現地の医療機関を受診してください。</p>

    <ul class="s26-checklist s26-checklist-danger">
      <li>38.5℃以上の発熱が2日以上続く</li>
      <li>皮膚に発疹・赤い斑点が出ている</li>
      <li>激しい腹痛・血便がある</li>
      <li>下痢・嘔吐が止まらず水分が取れない</li>
      <li>強い頭痛・関節痛・目の充血を伴う</li>
      <li>意識がぼんやりする・ふらつきが治まらない</li>
      <li>虫に刺された後から急に発熱した</li>
    </ul>

    <!-- 別記事誘導ボックス -->
    <div class="s26-related-box" role="note">
      <span class="s26-related-icon" aria-hidden="true">🦟</span>
      <div>
        <p class="s26-related-title">蚊対策・感染症予防は専門記事で詳しくご紹介</p>
        <p class="s26-related-text">蚊が媒介するデング熱の症状・潜伏期間・感染確率・予防法を詳しくまとめています。</p>
        <a href="https://yoooyooo8.jp/thailand-dengue-fever-mosquito/" class="s26-related-link">▶ タイ旅行者が押さえておきたいデング熱対策【2026年最新】潜伏期間・症状・確率まとめ</a>
      </div>
    </div>

  </section>
  <!-- /h2② -->
  <section id="first-action" aria-labelledby="first-action-title">
    <h2 id="first-action-title" class="s26-h2">まず自分でできること</h2>

    <p>体調の異変を感じたら、まず落ち着いて現状を確認しましょう。軽度の下痢・発熱・倦怠感であれば、宿で安静にしながら自分でできることがたくさんあります。重症化を防ぐためにも、最初の対処が肝心です。</p>

    <div class="s26-action-steps">

      <div class="s26-action-step">
        <div class="s26-action-num" aria-hidden="true">01</div>
        <div class="s26-action-body">
          <h3 class="s26-action-title">水分補給を最優先に</h3>
          <p>下痢・嘔吐・発熱はどれも脱水を招きます。水だけでなく、塩分と糖分を同時に補える経口補水液（ORS）が理想的です。タイのコンビニや薬局では「Oral Rehydration Salt」として販売されており、水に溶かすだけで使えます。スポーツドリンクで代用する場合は薄めて飲むと胃への負担が軽減されます。</p>
        </div>
      </div>

      <div class="s26-action-step">
        <div class="s26-action-num" aria-hidden="true">02</div>
        <div class="s26-action-body">
          <h3 class="s26-action-title">無理をせず安静にする</h3>
          <p>「せっかくの旅行だから」と観光を続けることが症状を悪化させる最大の原因です。半日〜1日、宿でゆっくり休むだけで回復するケースは非常に多くあります。クーラーの設定は26〜28℃を目安に、体が冷えないよう薄手の上着を用意しておくと安心です。</p>
        </div>
      </div>

      <div class="s26-action-step">
        <div class="s26-action-num" aria-hidden="true">03</div>
        <div class="s26-action-body">
          <h3 class="s26-action-title">市販薬を上手に活用する</h3>
          <p>日本から持参した整腸剤（ビオフェルミンなど）や下痢止め、解熱剤は現地でも役立ちます。タイの薬局（ブーツ・ワトソンズなど）でも基礎的な薬は購入できますが、成分表示が英語・タイ語のため、慣れない薬より持参品を優先するほうが安心です。</p>
        </div>
      </div>

    </div><!-- /.s26-action-steps -->

    <!-- コンビニ・薬局で買えるもの -->
    <div class="s26-buy-box">
      <p class="s26-buy-title">🏪 タイのコンビニ・薬局で手に入るもの</p>
      <div class="s26-buy-grid">
        <div class="s26-buy-item">
          <span class="s26-buy-icon" aria-hidden="true">💊</span>
          <span>経口補水液（ORS）</span>
        </div>
        <div class="s26-buy-item">
          <span class="s26-buy-icon" aria-hidden="true">💊</span>
          <span>パラセタモール（解熱鎮痛）</span>
        </div>
        <div class="s26-buy-item">
          <span class="s26-buy-icon" aria-hidden="true">💊</span>
          <span>整腸剤・下痢止め</span>
        </div>
        <div class="s26-buy-item">
          <span class="s26-buy-icon" aria-hidden="true">🧴</span>
          <span>虫刺され・かゆみ止め</span>
        </div>
        <div class="s26-buy-item">
          <span class="s26-buy-icon" aria-hidden="true">🩹</span>
          <span>絆創膏・消毒液</span>
        </div>
        <div class="s26-buy-item">
          <span class="s26-buy-icon" aria-hidden="true">🥤</span>
          <span>スポーツドリンク（ゲータレード等）</span>
        </div>
      </div>
    </div>

    <div class="s26-point-box">
      <span class="s26-point-label" aria-hidden="true">💡 ヒント</span>
      <p>「Boots」「Watsons」はバンコク・チェンマイ市内に多数あり、日本のドラッグストア感覚で利用できます。英語が通じるスタッフが多く、症状を伝えると薬を選んでもらえます。</p>
    </div>

  </section>
  <!-- /h2③ -->

  <!-- ▼ 画像① -->
  <figure class="s26-figure">
    <img
      src="https://yoooyooo8.jp/wp-content/uploads/2026/03/Pharmacies-and-convenience-stores-in-Thailand.jpg"
      alt="タイのドラッグストア店内。棚に整然と並ぶ薬や経口補水液"
      class="s26-img"
      width="1200"
      height="800"
      loading="lazy"
      decoding="async"
    >
    <figcaption class="s26-figcaption">タイ国内のドラッグストア（BootsやWatsonsなど）では基礎的な薬が英語表記で購入できる</figcaption>
  </figure>

  <!-- ▼ h2④ タイの病院の基礎知識 -->
  <section id="hospital" aria-labelledby="hospital-title">
    <h2 id="hospital-title" class="s26-h2">タイの病院の基礎知識</h2>

    <p>自己対処で改善しない場合や、重症サインがある場合は迷わず病院へ。タイ、特にバンコクは医療水準が高く、日本語・英語対応の私立病院が充実しています。「海外の病院は不安」という方も、事前に知識をつけておけば落ち着いて行動できます。</p>

    <!-- 私立 vs 公立 -->
    <div class="s26-compare-box">
      <div class="s26-compare-item s26-compare-private">
        <p class="s26-compare-label">私立病院（推奨）</p>
        <ul class="s26-compare-list">
          <li>英語・日本語スタッフが常駐</li>
          <li>待ち時間が比較的短い</li>
          <li>設備・衛生面が充実</li>
          <li>保険会社への直接請求が可能</li>
          <li>費用はやや高め（保険で対応可）</li>
        </ul>
      </div>
      <div class="s26-compare-item s26-compare-public">
        <p class="s26-compare-label">公立病院</p>
        <ul class="s26-compare-list">
          <li>費用が安い</li>
          <li>混雑・待ち時間が長い</li>
          <li>英語対応が限られる場合あり</li>
          <li>旅行者には私立がおすすめ</li>
        </ul>
      </div>
    </div>

    <!-- バンコク主要病院 -->
    <div class="s26-hospital-list">
      <p class="s26-hospital-list-title">🏥 バンコク主要私立病院 3選</p>

      <div class="s26-hospital-card">
        <div class="s26-hospital-head">
          <span class="s26-hospital-num">01</span>
          <h3 class="s26-hospital-name">BNH Hospital（バンコク・ナーシング・ホーム）</h3>
        </div>
        <p class="s26-hospital-desc">シーロム地区に位置し、外国人旅行者の利用が多い老舗病院。日本語対応窓口あり。立地がよくタクシーでのアクセスも容易です。</p>
      </div>

      <div class="s26-hospital-card">
        <div class="s26-hospital-head">
          <span class="s26-hospital-num">02</span>
          <h3 class="s26-hospital-name">サミティヴェート病院（Samitivej Hospital）</h3>
        </div>
        <p class="s26-hospital-desc">スクンビット地区に複数拠点を持つ大手病院グループ。日本語通訳サービスが充実しており、日本人旅行者からの信頼が厚い病院です。</p>
      </div>

      <div class="s26-hospital-card">
        <div class="s26-hospital-head">
          <span class="s26-hospital-num">03</span>
          <h3 class="s26-hospital-name">バムルンラード国際病院（Bumrungrad International）</h3>
        </div>
        <p class="s26-hospital-desc">アジア最大規模の国際病院のひとつ。40以上の言語に対応し、設備・サービスともに最高水準。初診でも英語で受診できます。</p>
      </div>

    </div><!-- /.s26-hospital-list -->

    <!-- 受診の流れ -->
    <div class="s26-flow-box">
      <p class="s26-flow-title">📋 受診の流れ（私立病院の場合）</p>
      <ol class="s26-flow-list">
        <li><span class="s26-flow-step">STEP 1</span>受付（Reception）でパスポートと保険証書を提示</li>
        <li><span class="s26-flow-step">STEP 2</span>問診票に記入（英語。スタッフが補助してくれる場合あり）</li>
        <li><span class="s26-flow-step">STEP 3</span>診察室へ案内・医師の診察</li>
        <li><span class="s26-flow-step">STEP 4</span>処方箋を受け取り、院内薬局で薬を受領</li>
        <li><span class="s26-flow-step">STEP 5</span>会計（保険キャッシュレスまたは立替払い）</li>
      </ol>
    </div>

    <!-- 保険の使い方 -->
    <h3 id="insurance" class="s26-h3">海外旅行保険の使い方</h3>

    <p>タイの私立病院は医療水準が高い分、費用も相応にかかります。入院が必要になると数十万円規模になることもあるため、海外旅行保険への加入は必須と考えておきましょう。</p>

    <div class="s26-insurance-grid">
      <div class="s26-insurance-card">
        <p class="s26-insurance-head">💳 キャッシュレス診療</p>
        <p>保険会社と提携している病院では、窓口での支払いなしに受診できます。受診前に保険会社の緊急連絡先へ連絡し、キャッシュレス対応かを確認するのがポイントです。</p>
      </div>
      <div class="s26-insurance-card">
        <p class="s26-insurance-head">💴 立替払い（後日請求）</p>
        <p>提携外の病院の場合は一度自費で支払い、帰国後に領収書・診断書を添えて保険会社へ請求します。領収書は必ず受け取り、明細も一緒に保管しましょう。</p>
      </div>
      <div class="s26-insurance-card s26-insurance-warn">
        <p class="s26-insurance-head">⚠️ クレジットカード付帯保険の注意点</p>
        <p>カード付帯保険は補償額が低かったり、「利用付帯（そのカードで旅費を払った場合のみ有効）」の条件がある場合があります。渡航前に補償内容を必ず確認しておきましょう。</p>
      </div>
    </div>

  </section>
  <!-- /h2④ -->

  <!-- ▼ h2⑤ 体調不良を防ぐ予防法 -->
  <section id="prevention" aria-labelledby="prevention-title">
    <h2 id="prevention-title" class="s26-h2">体調不良を防ぐ予防法</h2>

    <p>「備えれば怖くない」という言葉が、タイ旅行ほど当てはまる場面はありません。現地で困る前に、食事・気候・疲労の3つの軸で予防策を押さえておきましょう。事前の小さな心がけが、旅全体のクオリティを大きく左右します。</p>

    <!-- 予防法カード -->
    <div class="s26-prev-grid">

      <div class="s26-prev-card">
        <div class="s26-prev-card-head">
          <span class="s26-prev-icon" aria-hidden="true">🍽️</span>
          <h3 class="s26-prev-title">食事・水の選び方</h3>
        </div>
        <ul class="s26-prev-list">
          <li>飲料水は必ずペットボトルの封を自分で開けたもの</li>
          <li>氷は「飲料水から作られたもの（Drinking Water Ice）」のみ</li>
          <li>生野菜・生魚介類は最初の数日は控えめに</li>
          <li>屋台は回転が早く混んでいる店ほど新鮮な傾向あり</li>
          <li>食べ慣れない料理は少量から試す</li>
        </ul>
      </div>

      <div class="s26-prev-card">
        <div class="s26-prev-card-head">
          <span class="s26-prev-icon" aria-hidden="true">☀️</span>
          <h3 class="s26-prev-title">熱中症・脱水の予防</h3>
        </div>
        <ul class="s26-prev-list">
          <li>1時間ごとにこまめな水分補給（目安：1日2L以上）</li>
          <li>日差しの強い12〜15時の屋外観光は避ける</li>
          <li>帽子・日傘・UVカットの薄手羽織りを活用</li>
          <li>塩分タブレットやOS-1など電解質補給も意識する</li>
          <li>アルコールは脱水を早めるため飲みすぎに注意</li>
        </ul>
      </div>

      <div class="s26-prev-card">
        <div class="s26-prev-card-head">
          <span class="s26-prev-icon" aria-hidden="true">❄️</span>
          <h3 class="s26-prev-title">クーラー対策（冷え予防）</h3>
        </div>
        <ul class="s26-prev-list">
          <li>薄手のカーディガンやストールを常時携帯</li>
          <li>寺院・ショッピングモール・長距離バスは特に冷える</li>
          <li>宿のエアコン設定は26℃以上を目安に</li>
          <li>就寝時はお腹を薄手のタオルケットで覆う</li>
        </ul>
      </div>

      <div class="s26-prev-card">
        <div class="s26-prev-card-head">
          <span class="s26-prev-icon" aria-hidden="true">😴</span>
          <h3 class="s26-prev-title">旅の疲れをためない習慣</h3>
        </div>
        <ul class="s26-prev-list">
          <li>観光は1日に詰め込みすぎず余白を作る</li>
          <li>睡眠は最低7時間を確保する</li>
          <li>移動日の翌日は軽めのスケジュールにする</li>
          <li>体調の違和感を感じたら迷わず半日休む</li>
        </ul>
      </div>

    </div><!-- /.s26-prev-grid -->

    <div class="s26-point-box">
      <span class="s26-point-label" aria-hidden="true">💡 ヒント</span>
      <p>「旅行中は特別だから」とルールを緩めがちですが、予防は旅を台無しにしないための投資です。特に食事と水の選択は、最初の2〜3日が最も重要です。</p>
    </div>

  </section>
  <!-- /h2⑤ -->

  <!-- ▼ h2⑥ 出発前に準備しておくこと -->
  <section id="preparation" aria-labelledby="preparation-title">
    <h2 id="preparation-title" class="s26-h2">出発前に準備しておくこと</h2>

    <p>タイ旅行の体調管理は、出発前の準備で8割が決まると言っても過言ではありません。現地で「あれを持ってくれば良かった」と後悔しないために、薬・グッズ・保険の3つを出発前にしっかり整えておきましょう。</p>

    <!-- 持参薬リスト -->
    <div class="s26-prep-section">
      <p class="s26-prep-section-title">💊 持参すべき薬リスト</p>
      <div class="s26-prep-table-wrap">
        <table class="s26-prep-table">
          <thead>
            <tr>
              <th>種類</th>
              <th>代表的な薬</th>
              <th>用途</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>整腸剤</td>
              <td>ビオフェルミン・ミヤBM</td>
              <td>下痢・腹痛・お腹の調子を整える</td>
            </tr>
            <tr>
              <td>下痢止め</td>
              <td>ストッパ・ロペラミド</td>
              <td>急な下痢の緊急対処</td>
            </tr>
            <tr>
              <td>解熱鎮痛剤</td>
              <td>ロキソニン・カロナール</td>
              <td>発熱・頭痛・体の痛み</td>
            </tr>
            <tr>
              <td>胃腸薬</td>
              <td>ガスター10・大正漢方胃腸薬</td>
              <td>胃もたれ・食べすぎ</td>
            </tr>
            <tr>
              <td>酔い止め</td>
              <td>トラベルミン</td>
              <td>長距離バス・船での乗り物酔い</td>
            </tr>
            <tr>
              <td>抗アレルギー</td>
              <td>アレグラ・クラリチン</td>
              <td>花粉・ほこり・皮膚のかゆみ</td>
            </tr>
            <tr>
              <td>外用薬</td>
              <td>ムヒ・オロナイン</td>
              <td>虫刺され・軽い傷・皮膚トラブル</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>

    <!-- あると便利なグッズ -->
    <div class="s26-prep-section">
      <p class="s26-prep-section-title">🎒 あると便利なグッズ</p>
      <div class="s26-goods-grid">
        <div class="s26-goods-item">
          <span class="s26-goods-icon" aria-hidden="true">🌡️</span>
          <span class="s26-goods-name">体温計</span>
          <span class="s26-goods-note">発熱の判断に必須</span>
        </div>
        <div class="s26-goods-item">
          <span class="s26-goods-icon" aria-hidden="true">💧</span>
          <span class="s26-goods-name">経口補水パウダー</span>
          <span class="s26-goods-note">OS-1など。水に溶かすだけ</span>
        </div>
        <div class="s26-goods-item">
          <span class="s26-goods-icon" aria-hidden="true">🧴</span>
          <span class="s26-goods-name">虫よけスプレー</span>
          <span class="s26-goods-note">DEET含有のものが効果的</span>
        </div>
        <div class="s26-goods-item">
          <span class="s26-goods-icon" aria-hidden="true">🧣</span>
          <span class="s26-goods-name">薄手の羽織り</span>
          <span class="s26-goods-note">クーラー対策に必携</span>
        </div>
        <div class="s26-goods-item">
          <span class="s26-goods-icon" aria-hidden="true">😷</span>
          <span class="s26-goods-name">マスク</span>
          <span class="s26-goods-note">感染予防・ほこり対策</span>
        </div>
        <div class="s26-goods-item">
          <span class="s26-goods-icon" aria-hidden="true">📋</span>
          <span class="s26-goods-name">保険証書のコピー</span>
          <span class="s26-goods-note">緊急連絡先を控えておく</span>
        </div>
      </div>
    </div>

    <!-- 保険加入のタイミング -->
    <div class="s26-prep-section">
      <p class="s26-prep-section-title">🛡️ 保険加入のタイミングと選び方</p>
      <div class="s26-insurance-timing">
        <div class="s26-timing-item s26-timing-good">
          <p class="s26-timing-label">✅ 理想的なタイミング</p>
          <p>航空券購入直後に加入。出発直前ほど割高になるケースがあるほか、疾病が発生した後は加入できません。</p>
        </div>
        <div class="s26-timing-item s26-timing-check">
          <p class="s26-timing-label">📌 選び方のポイント</p>
          <ul class="s26-timing-list">
            <li>治療・救援費用が<strong>1,000万円以上</strong>のプランを選ぶ</li>
            <li>キャッシュレス診療対応かを確認</li>
            <li>クレジットカード付帯保険の条件を事前に把握</li>
            <li>長期滞在は長期旅行者向けプランも検討</li>
          </ul>
        </div>
      </div>
    </div>

  </section>
  <!-- /h2⑥ -->

  <!-- ▼ 画像② -->
  <figure class="s26-figure">
    <img
      src="https://yoooyooo8.jp/wp-content/uploads/2026/03/Travel-preparations-and-packing-list.jpg"
      alt="タイ旅行の持ち物が並べられた様子。薬・虫よけ・羽織りなど旅の準備グッズ一式"
      class="s26-img"
      width="1200"
      height="800"
      loading="lazy"
      decoding="async"
    >
    <figcaption class="s26-figcaption">出発前の準備が旅の安心感を大きく左右する。薬・グッズ・保険の3点セットで備えておこう</figcaption>
  </figure>

  <!-- ▼ h2⑦ FAQ -->
  <section id="faq" aria-labelledby="faq-title">
    <h2 id="faq-title" class="s26-h2">よくある質問（FAQ）</h2>

    <!-- CSS checkbox hack でアコーディオン（JS不要） -->
    <div class="s26-faq-list">

      <div class="s26-faq-item">
        <input type="checkbox" id="s26-faq1" class="s26-faq-toggle" aria-hidden="true">
        <label class="s26-faq-q" for="s26-faq1">
          <span class="s26-faq-icon" aria-hidden="true">Q</span>
          <span>タイの病院は日本語・英語で対応してもらえますか？</span>
          <span class="s26-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="s26-faq-a" role="region">
          <div class="s26-faq-a-inner">
            <p>バンコクの主要な私立病院（BNH・サミティヴェート・バムルンラード）では英語対応のスタッフが常駐しており、日本語通訳サービスを設けているところもあります。英語が不安な場合は、事前に症状を英語でメモしておくと受診がスムーズです。地方都市では英語対応が限られることがあるため、バンコク滞在中に受診するのがおすすめです。</p>
          </div>
        </div>
      </div>

      <div class="s26-faq-item">
        <input type="checkbox" id="s26-faq2" class="s26-faq-toggle" aria-hidden="true">
        <label class="s26-faq-q" for="s26-faq2">
          <span class="s26-faq-icon" aria-hidden="true">Q</span>
          <span>保険なしで受診するといくらかかりますか？</span>
          <span class="s26-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="s26-faq-a" role="region">
          <div class="s26-faq-a-inner">
            <p>私立病院の初診費用は軽症でも1万〜3万円程度が目安です。検査・点滴・処方薬が加わると5万〜10万円以上になることもあります。入院が必要になった場合は数十万円規模になることも。海外旅行保険に加入していれば多くの費用をカバーできるため、保険なしでの渡航はリスクが高いといえます。</p>
          </div>
        </div>
      </div>

      <div class="s26-faq-item">
        <input type="checkbox" id="s26-faq3" class="s26-faq-toggle" aria-hidden="true">
        <label class="s26-faq-q" for="s26-faq3">
          <span class="s26-faq-icon" aria-hidden="true">Q</span>
          <span>タイの薬局で薬は買えますか？</span>
          <span class="s26-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="s26-faq-a" role="region">
          <div class="s26-faq-a-inner">
            <p>バンコクやチェンマイなど主要都市では「Boots」「Watsons」などのドラッグストアが多数あり、整腸剤・解熱剤・経口補水液など基礎的な薬は購入できます。ただし成分表示が英語・タイ語のため、慣れない薬を選ぶのは難しいこともあります。日本から使い慣れた薬を持参するのが最も安心です。</p>
          </div>
        </div>
      </div>

      <div class="s26-faq-item">
        <input type="checkbox" id="s26-faq4" class="s26-faq-toggle" aria-hidden="true">
        <label class="s26-faq-q" for="s26-faq4">
          <span class="s26-faq-icon" aria-hidden="true">Q</span>
          <span>体調不良でフライトに乗れない場合はどうすればいいですか？</span>
          <span class="s26-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="s26-faq-a" role="region">
          <div class="s26-faq-a-inner">
            <p>まずは航空会社に連絡し、フライトの変更・払い戻しの可否を確認します。海外旅行保険に加入している場合は「旅行延長費用」や「帰国不能」などの補償が適用されることがあります。保険会社の緊急連絡先にも早めに連絡し、対応方法を指示してもらうとスムーズです。入院証明書など医師の診断書を必ず取得しておきましょう。</p>
          </div>
        </div>
      </div>

      <div class="s26-faq-item">
        <input type="checkbox" id="s26-faq5" class="s26-faq-toggle" aria-hidden="true">
        <label class="s26-faq-q" for="s26-faq5">
          <span class="s26-faq-icon" aria-hidden="true">Q</span>
          <span>子連れの場合、特に注意することはありますか？</span>
          <span class="s26-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="s26-faq-a" role="region">
          <div class="s26-faq-a-inner">
            <p>子どもは大人より体温調節が苦手なため、熱中症と脱水に特に注意が必要です。食事は刺激の少ないものを選び、屋台料理は慎重に。また子ども用の薬（小児用解熱剤・整腸剤）は日本から持参を。現地の薬は用量が異なる場合があります。体調の変化は大人より早く進行することがあるため、少しでも異変を感じたら早めに受診することを強くおすすめします。</p>
          </div>
        </div>
      </div>

    </div><!-- /.s26-faq-list -->
  </section>
  <!-- /h2⑦ -->

  <!-- ▼ h2⑧ まとめ -->
  <section id="summary" aria-labelledby="summary-title">
    <h2 id="summary-title" class="s26-h2">まとめ</h2>

    <p>タイ旅行中の体調不良は、正しい知識と事前の準備があれば十分に備えることができます。この記事でご紹介した内容を3つのステップで整理します。</p>

    <div class="s26-summary-steps">
      <div class="s26-summary-step">
        <div class="s26-summary-step-num" aria-hidden="true">1</div>
        <div class="s26-summary-step-body">
          <p class="s26-summary-step-title">出発前に整える</p>
          <p>常備薬・グッズの準備と海外旅行保険への加入を済ませておく。クレカ付帯保険の補償内容も確認しておくと安心。</p>
        </div>
      </div>
      <div class="s26-summary-step">
        <div class="s26-summary-step-num" aria-hidden="true">2</div>
        <div class="s26-summary-step-body">
          <p class="s26-summary-step-title">現地では予防を意識する</p>
          <p>水・食事・クーラー・睡眠の4点を意識するだけで体調不良のリスクは大幅に下がる。無理なスケジュールを避け、疲れを感じたら迷わず休む。</p>
        </div>
      </div>
      <div class="s26-summary-step">
        <div class="s26-summary-step-num" aria-hidden="true">3</div>
        <div class="s26-summary-step-body">
          <p class="s26-summary-step-title">症状が出たら迷わず対処する</p>
          <p>軽症なら水分補給と安静。重症サインがあれば私立病院へ。保険会社への連絡を忘れずに。焦らず行動することが回復への近道。</p>
        </div>
      </div>
    </div>

    <div class="s26-point-box">
      <span class="s26-point-label" aria-hidden="true">💡 ヒント</span>
      <p>「もし体調を崩しても大丈夫」という安心感が、旅をもっと楽しくしてくれます。備えることは、旅そのものへの投資です。</p>
    </div>

    <!-- 内部リンクは公開後に追加予定 -->

  </section>
  <!-- /h2⑧ -->

</div><!-- /.s26-wrap -->

<!-- ▼ FAQ JSON-LDスキーマ（Rank Math重複回避・手動設置） -->

]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/thailand-travel-sick/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【2026年版】タイ旅行の持ち物チェックリスト｜出発前に確認したい必需品まとめ</title>
		<link>https://yoooyooo8.jp/thailand-travel-checklist/</link>
					<comments>https://yoooyooo8.jp/thailand-travel-checklist/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Tue, 21 Apr 2026 00:00:00 +0000</pubDate>
				<category><![CDATA[タイ]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2458</guid>

					<description><![CDATA[🌸 💕 ✨ 🌺 🇹🇭 2026年最新版 タイ旅行の持ち物 出発前に確認したいチェックリスト TDAC登録から必需品・便利アイテムまで 2026年の最新情報をまとめました ✈ 航空券手配ヒント付き 🏨 ホテル選び対応 📋  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     旅樂道 (Tabigakudō) | タイ旅行の持ち物チェックリスト 2026年版
     CSS prefix: .tpc- (Thailand Packing Checklist)
     対象: WordPress + Cocoon テーマ + Rank Math SEO
     ============================================================ -->

<style>
/* =============================================================
   RESET & SCOPE BASE
   ============================================================= */
.tpc-wrap *,
.tpc-wrap *::before,
.tpc-wrap *::after {
  box-sizing: border-box;
}

/* =============================================================
   CSS カスタムプロパティ
   ============================================================= */
.tpc-wrap {
  --tpc-primary:     #e8729a;   /* メインカラー：フェミニンコーラルピンク */
  --tpc-primary-dk:  #c45278;
  --tpc-primary-lt:  #fdeef4;
  --tpc-accent:      #7ec8d8;   /* アクセント：タイの空・海ブルー */
  --tpc-accent-dk:   #4da8bb;
  --tpc-accent-lt:   #eaf7fa;
  --tpc-gold:        #f4a261;   /* テラコッタオレンジ */
  --tpc-gold-lt:     #fff3eb;
  --tpc-green:       #76c893;
  --tpc-green-lt:    #edf9f1;
  --tpc-red:         #e05c7a;
  --tpc-red-lt:      #fdeef2;
  --tpc-text:        #3d2b35;   /* ダークモーブ */
  --tpc-text-sub:    #7a6270;
  --tpc-border:      #f5d0df;
  --tpc-bg:          #fffbfd;
  --tpc-white:       #ffffff;
  --tpc-radius:      16px;
  --tpc-radius-sm:   10px;
  --tpc-shadow:      0 4px 24px rgba(232, 114, 154, 0.13);
  --tpc-shadow-hover:0 8px 36px rgba(232, 114, 154, 0.24);
  --tpc-font-base:   1rem;
  --tpc-transition:  0.3s ease;

  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif;
  color: var(--tpc-text);
  line-height: 1.8;
}

/* =============================================================
   全幅展開ユーティリティ（Cocoon 対応）
   ============================================================= */
.tpc-wrap .tpc-fullwidth {
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px;
}

@media (max-width: 767px) {
  .tpc-wrap .tpc-fullwidth {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
  }
}

/* =============================================================
   HERO SECTION
   ============================================================= */
.tpc-wrap .tpc-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #c4477a 0%, #e8729a 40%, #f4a0b5 72%, #fbc9d8 100%);
  padding: 70px 30px 88px;
  text-align: center;
  isolation: isolate;
  border-radius: var(--tpc-radius);
}

/* 浮遊する装飾円 */
.tpc-wrap .tpc-hero::before,
.tpc-wrap .tpc-hero::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  opacity: 0.18;
  animation: tpc-float 6s ease-in-out infinite;
}
.tpc-wrap .tpc-hero::before {
  width: 320px;
  height: 320px;
  background: #ffffff;
  top: -90px;
  left: -70px;
}
.tpc-wrap .tpc-hero::after {
  width: 220px;
  height: 220px;
  background: #7ec8d8;
  bottom: -55px;
  right: -45px;
  animation-delay: -3s;
}

/* 追加装飾パーティクル */
.tpc-wrap .tpc-hero-particle {
  position: absolute;
  border-radius: 50%;
  opacity: 0.13;
  pointer-events: none;
}
.tpc-wrap .tpc-hero-particle:nth-child(1) {
  width: 130px; height: 130px;
  background: #7ec8d8;
  top: 18%; right: 8%;
  animation: tpc-float 8s ease-in-out infinite;
}
.tpc-wrap .tpc-hero-particle:nth-child(2) {
  width: 90px; height: 90px;
  background: #ffffff;
  bottom: 18%; left: 12%;
  animation: tpc-float 7s ease-in-out infinite reverse;
}

/* ヒーロータグライン */
.tpc-wrap .tpc-hero-tag {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 5px 16px;
  border-radius: 20px;
  margin-bottom: 20px;
  backdrop-filter: blur(4px);
  animation: tpc-fadein 0.8s ease both;
}

/* ヒーロー h2（Cocoon h2干渉対策） */
.tpc-wrap .tpc-hero h2.tpc-hero-title,
.tpc-wrap .tpc-hero-title {
  background: transparent;
  padding: 0;
  border: none;
  border-left: none;
  box-shadow: none;
  margin: 0 0 16px;
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw, 2.4rem);
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: -0.01em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  animation: tpc-fadein 0.9s ease 0.1s both;
}

/* ヒーローサブタイトル */
.tpc-wrap .tpc-hero-sub {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  margin: 0 auto 28px;
  max-width: 520px;
  animation: tpc-fadein 1s ease 0.2s both;
}

/* ヒーローバッジ群 */
.tpc-wrap .tpc-hero-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  animation: tpc-fadein 1s ease 0.35s both;
}
.tpc-wrap .tpc-hero-badge {
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 20px;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  gap: 5px;
}

/* 波形デコレーション */
.tpc-wrap .tpc-hero-wave {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.tpc-wrap .tpc-hero-wave svg {
  display: block;
  width: 100%;
  height: 56px;
}

/* ハート装飾アニメーション */
@keyframes tpc-heart-pop {
  0%   { transform: scale(0) rotate(-15deg); opacity: 0; }
  60%  { transform: scale(1.2) rotate(5deg);  opacity: 0.7; }
  100% { transform: scale(1) rotate(0deg);    opacity: 0.55; }
}
.tpc-wrap .tpc-hero-hearts {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
.tpc-wrap .tpc-hero-heart {
  position: absolute;
  font-size: 1.1rem;
  opacity: 0;
  animation: tpc-heart-pop 1.2s ease forwards;
}
.tpc-wrap .tpc-hero-heart:nth-child(1) { top: 12%; left:  8%; animation-delay: 0.4s; }
.tpc-wrap .tpc-hero-heart:nth-child(2) { top: 18%; right: 12%; animation-delay: 0.7s; font-size: 0.8rem; }
.tpc-wrap .tpc-hero-heart:nth-child(3) { bottom: 22%; left: 18%; animation-delay: 1.0s; font-size: 0.9rem; }
.tpc-wrap .tpc-hero-heart:nth-child(4) { bottom: 28%; right: 8%; animation-delay: 0.55s; font-size: 1.3rem; }

/* =============================================================
   KEYFRAMES
   ============================================================= */
@keyframes tpc-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50%       { transform: translateY(-16px) scale(1.04); }
}
@keyframes tpc-fadein {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes tpc-slidedown {
  from { opacity: 0; max-height: 0; }
  to   { opacity: 1; max-height: 2000px; }
}
@keyframes tpc-pulse {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
  .tpc-wrap *,
  .tpc-wrap *::before,
  .tpc-wrap *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* =============================================================
   要点ボックス（リード直下）
   ============================================================= */
.tpc-wrap .tpc-summary-box {
  background: linear-gradient(135deg, #fff0f6 0%, #fdeef9 50%, #fff5fb 100%);
  border: 2px solid var(--tpc-primary);
  border-radius: var(--tpc-radius);
  padding: 28px 30px;
  margin: 36px 0;
  position: relative;
  overflow: hidden;
  box-shadow: var(--tpc-shadow);
}
.tpc-wrap .tpc-summary-box::before {
  content: '🌸';
  position: absolute;
  right: 18px;
  top: 14px;
  font-size: 3.2rem;
  opacity: 0.12;
  line-height: 1;
}
.tpc-wrap .tpc-summary-box-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--tpc-primary-dk);
  margin: 0 0 16px;
}
.tpc-wrap .tpc-summary-box-title .tpc-icon {
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, var(--tpc-primary) 0%, var(--tpc-primary-dk) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.tpc-wrap .tpc-summary-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tpc-wrap .tpc-summary-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--tpc-text);
}
.tpc-wrap .tpc-summary-list li::before {
  content: '✓';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: linear-gradient(135deg, var(--tpc-primary) 0%, var(--tpc-primary-dk) 100%);
  color: #fff;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 900;
  margin-top: 2px;
}

/* =============================================================
   目次 (CSS チェックボックスハック・JS不使用)
   ============================================================= */
.tpc-wrap .tpc-toc-wrap {
  margin: 36px 0;
}

/* チェックボックス非表示 */
.tpc-wrap .tpc-toc-toggle {
  display: none;
}

/* 目次ラベル（開閉ボタン） */
.tpc-wrap .tpc-toc-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, var(--tpc-primary) 0%, var(--tpc-primary-dk) 100%);
  color: #ffffff;
  padding: 16px 22px;
  border-radius: var(--tpc-radius) var(--tpc-radius) 0 0;
  cursor: pointer;
  user-select: none;
  transition: filter var(--tpc-transition);
}
.tpc-wrap .tpc-toc-label:hover {
  filter: brightness(1.08);
}
.tpc-wrap .tpc-toc-label-text {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.tpc-wrap .tpc-toc-label-icon {
  font-size: 1.15rem;
}
.tpc-wrap .tpc-toc-arrow {
  font-size: 0.75rem;
  transition: transform var(--tpc-transition);
  display: inline-block;
}

/* チェックON時：矢印反転 */
.tpc-wrap .tpc-toc-toggle:checked + .tpc-toc-label .tpc-toc-arrow {
  transform: rotate(180deg);
}

/* 目次コンテンツ（デフォルト開） */
.tpc-wrap .tpc-toc-content {
  background: var(--tpc-white);
  border: 2px solid var(--tpc-primary);
  border-top: none;
  border-radius: 0 0 var(--tpc-radius) var(--tpc-radius);
  padding: 0;
  max-height: 2000px;
  overflow: hidden;
  transition: max-height 0.45s ease, opacity 0.3s ease, padding 0.3s ease;
  opacity: 1;
}
.tpc-wrap .tpc-toc-content-inner {
  padding: 24px 28px;
}

/* チェックOFF時：目次を閉じる */
.tpc-wrap .tpc-toc-toggle:not(:checked) ~ .tpc-toc-content {
  max-height: 0;
  opacity: 0;
  padding: 0;
}

/* 目次見出し（h3扱い） */
.tpc-wrap .tpc-toc-heading {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--tpc-primary);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px dashed var(--tpc-border);
}

/* 目次リスト */
.tpc-wrap .tpc-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: tpc-toc;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tpc-wrap .tpc-toc-list li {
  counter-increment: tpc-toc;
}
.tpc-wrap .tpc-toc-list a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: var(--tpc-radius-sm);
  color: var(--tpc-text);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 600;
  transition: background var(--tpc-transition), color var(--tpc-transition), transform var(--tpc-transition);
  position: relative;
}
.tpc-wrap .tpc-toc-list a::before {
  content: counter(tpc-toc);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: var(--tpc-primary-lt);
  color: var(--tpc-primary-dk);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 900;
  flex-shrink: 0;
}
.tpc-wrap .tpc-toc-list a:hover {
  background: var(--tpc-primary-lt);
  color: var(--tpc-primary-dk);
  transform: translateX(4px);
}

/* 目次区切り（FAQとまとめ） */
.tpc-wrap .tpc-toc-list li.tpc-toc-special a::before {
  background: var(--tpc-gold-lt);
  color: var(--tpc-gold);
}

/* =============================================================
   レスポンシブ
   ============================================================= */
@media (max-width: 767px) {
  .tpc-wrap .tpc-hero {
    padding: 52px 16px 64px;
  }
  .tpc-wrap .tpc-summary-box {
    padding: 22px 18px;
  }
  .tpc-wrap .tpc-toc-content-inner {
    padding: 18px 16px;
  }
  .tpc-wrap .tpc-toc-list a {
    font-size: 0.88rem;
    padding: 8px 10px;
  }
}

/* =============================================================
   h3 共通クラス
   ============================================================= */
.tpc-wrap .tpc-section h3.tpc-h3 {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--tpc-primary-dk);
  padding-left: 14px;
  border-left: 3px solid var(--tpc-primary);
  background: transparent;
  box-shadow: none;
}
.tpc-wrap .tpc-section h3.tpc-h3-warn {
  border-left-color: var(--tpc-red);
}

/* =============================================================
   3カラムグリッド（レスポンシブ対応）
   ============================================================= */
.tpc-wrap .tpc-grid-3col {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .tpc-wrap .tpc-grid-3col {
    grid-template-columns: 1fr;
  }
}

/* =============================================================
   内部リンク
   ============================================================= */
.tpc-wrap .tpc-internal-link {
  color: #0066cc;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* =============================================================
   セクション共通 h2
   ============================================================= */
.tpc-wrap .tpc-section {
  margin: 56px 0;
}

/* h2 見出しスタイル（Cocoon h2 干渉対策：詳細度 0,2,1） */
.tpc-wrap .tpc-section h2.tpc-h2 {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0 0 0 18px;
  margin: 0 0 28px;
  font-size: clamp(1.15rem, 3vw, 1.45rem);
  font-weight: 900;
  color: var(--tpc-text);
  line-height: 1.4;
  letter-spacing: -0.01em;
  position: relative;
  border-left: 5px solid var(--tpc-primary);
}
.tpc-wrap .tpc-section h2.tpc-h2::after {
  content: '';
  position: absolute;
  left: -5px;
  bottom: 0;
  width: 5px;
  height: 40%;
  background: var(--tpc-accent);
  border-radius: 0 0 4px 4px;
}

/* h2 アイコン */
.tpc-wrap .tpc-section h2.tpc-h2 .tpc-h2-icon {
  margin-right: 8px;
  font-style: normal;
}

/* セクション区切り線 */
.tpc-wrap .tpc-divider {
  border: none;
  border-top: 2px dashed var(--tpc-border);
  margin: 52px 0;
}

/* =============================================================
   注意・情報ボックス
   ============================================================= */
/* ピンク注意ボックス */
.tpc-wrap .tpc-box-warn {
  background: var(--tpc-red-lt);
  border-left: 5px solid var(--tpc-red);
  border-radius: 0 var(--tpc-radius-sm) var(--tpc-radius-sm) 0;
  padding: 18px 22px;
  margin: 20px 0;
  font-size: 0.95rem;
  line-height: 1.7;
}
.tpc-wrap .tpc-box-warn strong {
  color: var(--tpc-red);
}

/* ミント情報ボックス */
.tpc-wrap .tpc-box-info {
  background: var(--tpc-accent-lt);
  border-left: 5px solid var(--tpc-accent);
  border-radius: 0 var(--tpc-radius-sm) var(--tpc-radius-sm) 0;
  padding: 18px 22px;
  margin: 20px 0;
  font-size: 0.95rem;
  line-height: 1.7;
}
.tpc-wrap .tpc-box-info strong {
  color: var(--tpc-accent-dk);
}

/* ゴールドヒントボックス */
.tpc-wrap .tpc-box-tip {
  background: var(--tpc-gold-lt);
  border-left: 5px solid var(--tpc-gold);
  border-radius: 0 var(--tpc-radius-sm) var(--tpc-radius-sm) 0;
  padding: 18px 22px;
  margin: 20px 0;
  font-size: 0.95rem;
  line-height: 1.7;
}
.tpc-wrap .tpc-box-tip strong {
  color: #b87a00;
}

/* =============================================================
   公式リンクボックス（プロジェクトデザイン準拠）
   ============================================================= */
.tpc-wrap .tpc-official-link {
  background: var(--tpc-primary-lt);
  border-left: 4px solid var(--tpc-primary);
  padding: 20px 22px;
  margin: 24px 0;
  border-radius: 0 var(--tpc-radius-sm) var(--tpc-radius-sm) 0;
}
.tpc-wrap .tpc-official-link p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
}
.tpc-wrap .tpc-official-link p:first-child {
  font-size: 1rem;
  font-weight: 800;
  color: var(--tpc-primary-dk);
  margin-bottom: 8px;
}
.tpc-wrap .tpc-official-link a {
  color: var(--tpc-primary-dk);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* =============================================================
   チェックリストカード（セクション2）
   ============================================================= */
.tpc-wrap .tpc-checklist-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 28px 0;
}
@media (max-width: 600px) {
  .tpc-wrap .tpc-checklist-grid {
    grid-template-columns: 1fr;
  }
}

.tpc-wrap .tpc-checklist-card {
  background: var(--tpc-white);
  border: 2px solid var(--tpc-border);
  border-radius: var(--tpc-radius);
  padding: 20px 20px 16px;
  box-shadow: var(--tpc-shadow);
  transition: box-shadow var(--tpc-transition), transform var(--tpc-transition);
}
.tpc-wrap .tpc-checklist-card:hover {
  box-shadow: var(--tpc-shadow-hover);
  transform: translateY(-2px);
}

/* カードヘッダー */
.tpc-wrap .tpc-card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--tpc-primary-lt);
}
.tpc-wrap .tpc-card-icon {
  font-size: 1.4rem;
  line-height: 1;
}
.tpc-wrap .tpc-card-title {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--tpc-primary-dk);
}

/* カード内チェックリスト */
.tpc-wrap .tpc-card-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tpc-wrap .tpc-card-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--tpc-text);
}
.tpc-wrap .tpc-card-list li::before {
  content: '♡';
  color: var(--tpc-primary);
  font-size: 0.85rem;
  margin-top: 1px;
  flex-shrink: 0;
}
.tpc-wrap .tpc-card-list li.tpc-item-required::before {
  content: '★';
  color: var(--tpc-red);
}
.tpc-wrap .tpc-card-list li.tpc-item-note {
  color: var(--tpc-text-sub);
  font-size: 0.82rem;
}
.tpc-wrap .tpc-card-list li.tpc-item-note::before {
  content: '→';
  color: var(--tpc-text-sub);
}

/* カードバッジ：必須・あると安心 */
.tpc-wrap .tpc-badge-required {
  display: inline-block;
  background: var(--tpc-red);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 20px;
  vertical-align: middle;
  margin-left: 4px;
  white-space: nowrap;
}
.tpc-wrap .tpc-badge-rec {
  display: inline-block;
  background: var(--tpc-primary);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 20px;
  vertical-align: middle;
  margin-left: 4px;
  white-space: nowrap;
}

/* =============================================================
   TDAC ステップボックス
   ============================================================= */
.tpc-wrap .tpc-steps {
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tpc-wrap .tpc-step {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--tpc-white);
  border: 1.5px solid var(--tpc-border);
  border-radius: var(--tpc-radius);
  padding: 16px 18px;
  box-shadow: 0 2px 10px rgba(232,114,154,0.07);
}
.tpc-wrap .tpc-step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  background: linear-gradient(135deg, var(--tpc-primary) 0%, var(--tpc-primary-dk) 100%);
  color: #fff;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 900;
  flex-shrink: 0;
}
.tpc-wrap .tpc-step-body {
  flex: 1;
}
.tpc-wrap .tpc-step-title {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--tpc-text);
  margin: 0 0 4px;
}
.tpc-wrap .tpc-step-desc {
  font-size: 0.88rem;
  color: var(--tpc-text-sub);
  line-height: 1.6;
  margin: 0;
}

/* =============================================================
   画像ブロック
   ============================================================= */
.tpc-wrap .tpc-img-wrap {
  margin: 36px 0;
  text-align: center;
}
.tpc-wrap .tpc-img-wrap img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: var(--tpc-radius);
  box-shadow: var(--tpc-shadow);
  display: block;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  background: var(--tpc-primary-lt);
}
.tpc-wrap .tpc-img-caption {
  font-size: 0.82rem;
  color: var(--tpc-text-sub);
  margin-top: 10px;
  text-align: center;
  line-height: 1.5;
}

/* =============================================================
   SPACING SCALE（余白拡張・全体上書き）
   ============================================================= */

/* ---- 本文テキスト ---- */
.tpc-wrap .tpc-section > p,
.tpc-wrap .tpc-section > div > p:not([class]) {
  margin-top: 0;
  margin-bottom: 1.4em;
  line-height: 1.85;
}
.tpc-wrap .tpc-section > p:last-child {
  margin-bottom: 0;
}

/* コンポーネント内のp要素はリセット（STEP・カード・ボックス内） */
.tpc-wrap .tpc-step-title,
.tpc-wrap .tpc-step-desc,
.tpc-wrap .tpc-card-list li,
.tpc-wrap .tpc-summary-box-title,
.tpc-wrap .tpc-toc-heading {
  margin-top: 0;
  margin-bottom: 0;
  line-height: inherit;
}
.tpc-wrap .tpc-step p,
.tpc-wrap .tpc-checklist-card p,
.tpc-wrap .tpc-summary-box p,
.tpc-wrap .tpc-box-warn p,
.tpc-wrap .tpc-box-info p,
.tpc-wrap .tpc-box-tip p,
.tpc-wrap .tpc-toc-list p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: inherit;
}

/* ---- h3 一括上書き ---- */
.tpc-wrap .tpc-section h3 {
  margin-top: 64px;
  margin-bottom: 24px;
}

/* ---- ヒーロー ---- */
.tpc-wrap .tpc-hero {
  padding: 110px 48px 130px;
}
.tpc-wrap .tpc-hero-tag {
  margin-bottom: 36px;
}
.tpc-wrap .tpc-hero h2.tpc-hero-title,
.tpc-wrap .tpc-hero-title {
  margin: 0 0 28px;
}
.tpc-wrap .tpc-hero-sub {
  margin: 0 auto 44px;
}
.tpc-wrap .tpc-hero-badges {
  gap: 14px;
}

/* ---- リード文 ---- */
.tpc-wrap .tpc-lead {
  margin: 56px 0 0;
}
.tpc-wrap .tpc-lead p {
  margin-bottom: 1.3em;
}

/* ---- 要点ボックス ---- */
.tpc-wrap .tpc-summary-box {
  padding: 48px 50px;
  margin: 64px 0;
}
.tpc-wrap .tpc-summary-box-title {
  margin: 0 0 30px;
  gap: 12px;
}
.tpc-wrap .tpc-summary-list {
  gap: 20px;
}

/* ---- 目次 ---- */
.tpc-wrap .tpc-toc-wrap {
  margin: 64px 0;
}
.tpc-wrap .tpc-toc-label {
  padding: 24px 30px;
}
.tpc-wrap .tpc-toc-content-inner {
  padding: 36px 40px;
}
.tpc-wrap .tpc-toc-heading {
  margin: 0 0 22px;
  padding-bottom: 14px;
}
.tpc-wrap .tpc-toc-list {
  gap: 8px;
}
.tpc-wrap .tpc-toc-list a {
  padding: 13px 16px;
  gap: 14px;
}

/* ---- セクション全体 ---- */
.tpc-wrap .tpc-section {
  margin: 100px 0;
}
.tpc-wrap .tpc-section h2.tpc-h2 {
  margin: 0 0 28px;
  padding: 0 0 0 24px;
}
.tpc-wrap .tpc-divider {
  margin: 92px 0;
}

/* ---- ボックス類 ---- */
.tpc-wrap .tpc-box-warn,
.tpc-wrap .tpc-box-info,
.tpc-wrap .tpc-box-tip {
  padding: 30px 34px;
  margin: 44px 0;
  line-height: 1.85;
}
.tpc-wrap .tpc-official-link {
  padding: 32px 36px;
  margin: 48px 0;
}
.tpc-wrap .tpc-official-link p {
  margin-bottom: 10px;
}

/* ---- STEPボックス ---- */
.tpc-wrap .tpc-steps {
  margin: 48px 0;
  gap: 20px;
}
.tpc-wrap .tpc-step {
  padding: 30px 32px;
  gap: 24px;
}
.tpc-wrap .tpc-step-title {
  margin: 0 0 6px;
}
.tpc-wrap .tpc-step-desc {
  line-height: 1.75;
}

/* ---- チェックリストカード ---- */
.tpc-wrap .tpc-checklist-grid {
  gap: 24px;
  margin: 48px 0;
}
.tpc-wrap .tpc-checklist-card {
  padding: 34px 30px 28px;
}
.tpc-wrap .tpc-card-header {
  gap: 14px;
  margin-bottom: 24px;
  padding-bottom: 20px;
}
.tpc-wrap .tpc-card-list {
  gap: 16px;
}
.tpc-wrap .tpc-card-list li {
  line-height: 1.7;
}

/* ---- 画像 ---- */
.tpc-wrap .tpc-img-wrap {
  margin: 64px 0;
}
.tpc-wrap .tpc-img-caption {
  margin-top: 16px;
  line-height: 1.7;
}

/* =============================================================
   レスポンシブ
   ============================================================= */
@media (max-width: 767px) {
  .tpc-wrap .tpc-hero {
    padding: 72px 20px 92px;
  }
  .tpc-wrap .tpc-lead {
    margin: 40px 0 0;
  }
  .tpc-wrap .tpc-summary-box {
    padding: 32px 24px;
    margin: 48px 0;
  }
  .tpc-wrap .tpc-toc-wrap {
    margin: 48px 0;
  }
  .tpc-wrap .tpc-toc-label {
    padding: 18px 20px;
  }
  .tpc-wrap .tpc-toc-content-inner {
    padding: 26px 20px;
  }
  .tpc-wrap .tpc-section {
    margin: 70px 0;
  }
  .tpc-wrap .tpc-section h2.tpc-h2 {
    margin: 0 0 22px;
  }
  .tpc-wrap .tpc-section h3 {
    margin-top: 48px;
    margin-bottom: 20px;
  }
  .tpc-wrap .tpc-divider {
    margin: 60px 0;
  }
  .tpc-wrap .tpc-box-warn,
  .tpc-wrap .tpc-box-info,
  .tpc-wrap .tpc-box-tip {
    padding: 24px 22px;
    margin: 32px 0;
  }
  .tpc-wrap .tpc-official-link {
    padding: 24px 22px;
    margin: 32px 0;
  }
  .tpc-wrap .tpc-steps {
    margin: 36px 0;
    gap: 16px;
  }
  .tpc-wrap .tpc-step {
    padding: 24px 20px;
    gap: 16px;
  }
  .tpc-wrap .tpc-checklist-grid {
    gap: 16px;
    margin: 36px 0;
  }
  .tpc-wrap .tpc-checklist-card {
    padding: 26px 22px 22px;
  }
  .tpc-wrap .tpc-img-wrap {
    margin: 48px 0;
  }
}
</style>

<!-- ============================================================
     記事ラッパー開始
     ============================================================ -->
<div class="tpc-wrap">

  <!-- ========================================================
       HERO SECTION
       ======================================================== -->
  <section class="tpc-hero" aria-label="記事ヒーロー">

    <!-- ハート装飾 -->
    <div class="tpc-hero-hearts" aria-hidden="true">
      <span class="tpc-hero-heart">🌸</span>
      <span class="tpc-hero-heart">💕</span>
      <span class="tpc-hero-heart">✨</span>
      <span class="tpc-hero-heart">🌺</span>
    </div>

    <!-- 装飾パーティクル -->
    <div class="tpc-hero-particle" aria-hidden="true"></div>
    <div class="tpc-hero-particle" aria-hidden="true"></div>

    <!-- タグライン -->
    <p class="tpc-hero-tag" aria-hidden="true">🇹🇭 2026年最新版</p>

    <!-- h2（ヒーロータイトル／Cocoon h2干渉対策済み） -->
    <h2 class="tpc-hero-title">
      タイ旅行の持ち物<br>
      出発前に確認したいチェックリスト
    </h2>

    <!-- サブタイトル -->
    <p class="tpc-hero-sub">
      TDAC登録から必需品・便利アイテムまで<br>
      2026年の最新情報をまとめました
    </p>

    <!-- バッジ -->
    <div class="tpc-hero-badges" role="list" aria-label="記事の特徴">
      <span class="tpc-hero-badge" role="listitem">✈ 航空券手配ヒント付き</span>
      <span class="tpc-hero-badge" role="listitem">🏨 ホテル選び対応</span>
      <span class="tpc-hero-badge" role="listitem">📋 TDAC登録の手順あり</span>
      <span class="tpc-hero-badge" role="listitem">👙 女性向け服装ヒント</span>
    </div>

    <!-- 波形 -->
    <div class="tpc-hero-wave" aria-hidden="true">
      <svg viewBox="0 0 1200 56" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0,28 C150,56 300,0 450,28 C600,56 750,4 900,28 C1050,52 1150,12 1200,20 L1200,56 L0,56 Z" fill="#ffffff"/>
      </svg>
    </div>

  </section>
  <!-- /HERO -->

  <!-- ========================================================
       リード文
       ======================================================== -->
  <div class="tpc-lead">
    <p>タイ旅行の準備で「何を持っていけばいい？」「忘れ物をしたらどうしよう」と不安になっていませんか。</p>
    <p>2026年現在、タイへの入国には電子入国カード（TDAC）の事前登録が必須になるなど、準備の手順も変わっています。この記事では、パスポートや航空券などの絶対必需品から、女性ならではの服装ヒント・便利グッズまで、出発前に確認しておきたい持ち物をまとめました。</p>
    <p>チェックリストとして使いながら、荷物の準備を進めてみてください。</p>
  </div>

  <!-- ========================================================
       この記事の要点
       ======================================================== -->
  <div class="tpc-summary-box" role="note" aria-label="この記事の要点">
    <p class="tpc-summary-box-title">
      <span class="tpc-icon" aria-hidden="true">📌</span>
      この記事の要点
    </p>
    <ul class="tpc-summary-list">
      <li>2026年からタイ入国には<strong>TDAC（電子入国カード）</strong>の事前登録が必須</li>
      <li>パスポート・航空券・クレジットカードなど<strong>出発前に絶対確認したい必需品</strong>を整理</li>
      <li>寺院マナー対応の服装・冷房対策など<strong>女性視点の持ち物ヒント</strong>を掲載</li>
      <li>「日本から持参すべきもの」と<strong>「現地調達でOKなもの」</strong>を区別して紹介</li>
      <li>持ち込み禁止品（電子タバコ等）の<strong>注意点</strong>もまとめて確認</li>
    </ul>
  </div>

  <!-- ========================================================
       アニメーション目次（CSS チェックボックスハック）
       ======================================================== -->
  <nav class="tpc-toc-wrap" aria-label="目次">
    <input
      type="checkbox"
      id="tpc-toc-toggle"
      class="tpc-toc-toggle"
      checked
      aria-controls="tpc-toc-body"
    >
    <label class="tpc-toc-label" for="tpc-toc-toggle" role="button" aria-label="目次を開閉する">
      <span class="tpc-toc-label-text">
        <span class="tpc-toc-label-icon" aria-hidden="true">📋</span>
        目次
      </span>
      <span class="tpc-toc-arrow" aria-hidden="true">▲</span>
    </label>

    <div class="tpc-toc-content" id="tpc-toc-body" role="region">
      <div class="tpc-toc-content-inner">
        <p class="tpc-toc-heading">CONTENTS</p>
        <ol class="tpc-toc-list">
          <li><a href="#pre-check">タイ旅行の前にまず確認しておきたいこと</a></li>
          <li><a href="#must-have">絶対に忘れてはいけない持ち物</a></li>
          <li><a href="#smartphone">スマートフォンまわりの準備</a></li>
          <li><a href="#clothes">タイ旅行の服装と荷物の選び方</a></li>
          <li><a href="#useful-items">あると便利なアイテム</a></li>
          <li><a href="#prohibited">持ち込み禁止品・注意点</a></li>
          <li><a href="#booking">航空券・ホテルの手配はお早めに</a></li>
          <li class="tpc-toc-special"><a href="#faq">よくある質問（FAQ）</a></li>
          <li class="tpc-toc-special"><a href="#summary">まとめ</a></li>
        </ol>
      </div>
    </div>
  </nav>
  <!-- /目次 -->

  <!-- ========================================================
       セクション1：タイ旅行の前にまず確認しておきたいこと
       ======================================================== -->
  <section class="tpc-section" id="pre-check" aria-labelledby="h2-pre-check">

    <h2 class="tpc-h2" id="h2-pre-check">
      <i class="tpc-h2-icon" aria-hidden="true">📝</i>タイ旅行の前にまず確認しておきたいこと
    </h2>

    <p>持ち物の準備を始める前に、まず入国に関わる手続きを確認しておきましょう。2026年現在、従来の紙の入国カードは廃止され、オンラインでの事前登録が必要になっています。旅行直前に慌てないよう、出発の数日前までに済ませておくと安心です。</p>

    <!-- TDAC -->
    <h3 class="tpc-h3">
      🛂 TDAC（タイ電子入国カード）の事前登録
    </h3>

    <p>2025年5月1日より、タイへ入国するすべての外国人旅行者は<strong>TDAC（Thailand Digital Arrival Card）</strong>のオンライン登録が義務付けられています。これまで機内で記入していた紙の入国カード（TM6）は廃止されました。</p>

    <div class="tpc-box-warn">
      <strong>⚠️ 登録を忘れると入国審査で時間がかかります</strong><br>
      TDACは登録無料・日本語対応。ただし入力はアルファベット（英語）で行う必要があります。偽の有料サイトが存在するため、必ず公式サイトから登録してください。
    </div>

    <div class="tpc-steps" role="list" aria-label="TDAC登録の手順">
      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">1</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">到着の3日前（72時間前）から登録スタート</p>
          <p class="tpc-step-desc">それより前は登録できません。パスポート・航空券・宿泊先の情報を手元に用意してから始めましょう。</p>
        </div>
      </div>
      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">2</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">公式サイトにアクセス・日本語に切り替え</p>
          <p class="tpc-step-desc">右上の言語ボタンで「日本語」を選択。「入国記録」を押して入力開始。氏名・パスポート番号などをアルファベット大文字で入力します。</p>
        </div>
      </div>
      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">3</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">登録完了→QRコード付きメールが届く</p>
          <p class="tpc-step-desc">入国審査でQRコードを提示します。スクリーンショットまたは印刷しておくと安心です。所要時間は約5〜10分。</p>
        </div>
      </div>
    </div>

    <div class="tpc-official-link" role="note" aria-label="TDAC公式情報">
      <p>📌 TDAC公式情報（タイ国政府観光庁）</p>
      <p>登録方法の最新情報・変更点については、<a rel="noopener" href="https://www.thailandtravel.or.jp/tdac/" target="_blank">タイ国政府観光庁 公式サイトのTDACページ</a>をご確認ください。登録サイトは <strong>https://tdac.immigration.go.th/</strong> のみが公式です。</p>
    </div>

    <p>入国審査やQRコードの提示など、空港での具体的な手続きの流れが気になる方はこちらも参考にしてみてください。<br>
    <a href="/bangkok-airport-guide/" class="tpc-internal-link">バンコク空港で迷わない！スワンナプーム・ドンムアンの入・出国手続き完全ガイド</a></p>

    <!-- パスポート確認 -->
    <h3 class="tpc-h3">
      🛂 パスポートの有効期限を確認する
    </h3>

    <p>タイ入国には、<strong>入国日から6か月以上の残存有効期限</strong>があるパスポートが必要です。有効期限が近い場合は、出発前に必ず更新手続きを済ませましょう。</p>

    <div class="tpc-box-info">
      <strong>💡 ビザについて</strong><br>
      日本国籍の場合、観光目的・60日以内の滞在であればビザは不要です。それ以上の滞在やビジネス目的の場合は事前にビザ取得が必要です。
    </div>

    <!-- たびレジ -->
    <div class="tpc-box-tip">
      <strong>✈ 出発前に「たびレジ」登録もおすすめ</strong><br>
      外務省の海外旅行登録サービス「たびレジ」に登録しておくと、現地の安全情報や緊急連絡をメールで受け取れます。短期旅行者でも無料で利用できます。
    </div>

  </section>

  <hr class="tpc-divider" aria-hidden="true">

  <!-- ========================================================
       セクション2：絶対に忘れてはいけない持ち物
       ======================================================== -->
  <section class="tpc-section" id="must-have" aria-labelledby="h2-must-have">

    <h2 class="tpc-h2" id="h2-must-have">
      <i class="tpc-h2-icon" aria-hidden="true">⭐</i>絶対に忘れてはいけない持ち物
    </h2>

    <p>これがなければ旅行が成立しない、または現地で大きく困るアイテムを6カテゴリに整理しました。出発の前日に、このリストを使って最終確認をしてみてください。</p>

    <!-- 画像1 -->
    <div class="tpc-checklist-grid" role="list">

      <!-- カード1：証明書類 -->
      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">🪪</span>
          <span class="tpc-card-title">証明書類・入国書類</span>
        </div>
        <ul class="tpc-card-list">
          <li class="tpc-item-required">パスポート（残存6か月以上）<span class="tpc-badge-required">必須</span></li>
          <li class="tpc-item-required">TDAC登録のQRコード<span class="tpc-badge-required">必須</span></li>
          <li class="tpc-item-required">航空券（eチケット控え）<span class="tpc-badge-required">必須</span></li>
          <li>パスポートのコピー／写真データ</li>
          <li class="tpc-item-note">→ 紛失・盗難時の再発行に役立ちます</li>
        </ul>
      </div>

      <!-- カード2：お金まわり -->
      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">💳</span>
          <span class="tpc-card-title">お金・カード</span>
        </div>
        <ul class="tpc-card-list">
          <li class="tpc-item-required">クレジットカード（VISA/Master）2枚以上<span class="tpc-badge-required">必須</span></li>
          <li class="tpc-item-required">日本円現金（1〜3万円程度）<span class="tpc-badge-required">必須</span></li>
          <li>海外旅行保険証（またはカード付帯確認）<span class="tpc-badge-rec">推奨</span></li>
          <li class="tpc-item-note">→ 両替は現地空港・街中の両替所がレート良好</li>
          <li class="tpc-item-note">→ 屋台・市場は現金のみのことが多いです</li>
        </ul>
      </div>

      <!-- カード3：通信 -->
      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">📱</span>
          <span class="tpc-card-title">スマートフォン・通信</span>
        </div>
        <ul class="tpc-card-list">
          <li class="tpc-item-required">スマートフォン<span class="tpc-badge-required">必須</span></li>
          <li class="tpc-item-required">eSIM／SIMカード（事前設定推奨）<span class="tpc-badge-required">必須</span></li>
          <li>充電器・USBケーブル</li>
          <li>モバイルバッテリー<span class="tpc-badge-rec">推奨</span></li>
          <li class="tpc-item-note">→ 詳しくは次のセクションで紹介します</li>
        </ul>
      </div>

      <!-- カード4：薬・衛生 -->
      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">💊</span>
          <span class="tpc-card-title">常備薬・衛生用品</span>
        </div>
        <ul class="tpc-card-list">
          <li>胃腸薬・下痢止め<span class="tpc-badge-rec">推奨</span></li>
          <li>頭痛薬・解熱鎮痛剤</li>
          <li>絆創膏・消毒液</li>
          <li>普段使いのスキンケア用品</li>
          <li class="tpc-item-note">→ 現地でも買えますが日本製の方が安心</li>
        </ul>
      </div>

      <!-- カード5：服装 -->
      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">👗</span>
          <span class="tpc-card-title">服装・靴</span>
        </div>
        <ul class="tpc-card-list">
          <li class="tpc-item-required">薄手のカーディガン・ストール<span class="tpc-badge-required">必須</span></li>
          <li>歩きやすいスニーカー</li>
          <li>脱ぎ履きしやすいサンダル</li>
          <li>寺院用ロングスカートorパンツ</li>
          <li class="tpc-item-note">→ 冷房対策と寺院マナーで羽織り必須</li>
        </ul>
      </div>

      <!-- カード6：美容・ケア -->
      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">🧴</span>
          <span class="tpc-card-title">美容・ケアアイテム</span>
        </div>
        <ul class="tpc-card-list">
          <li class="tpc-item-required">日焼け止め（SPF50以上）<span class="tpc-badge-required">必須</span></li>
          <li>虫よけスプレー<span class="tpc-badge-rec">推奨</span></li>
          <li>保湿クリーム・ミスト化粧水</li>
          <li>汗拭きシート</li>
          <li class="tpc-item-note">→ 現地の日焼け止めは割高なので日本で購入を</li>
        </ul>
      </div>

    </div><!-- /tpc-checklist-grid -->

    <div class="tpc-box-tip">
      <strong>🌸 整理のヒント：荷物を減らすコツ</strong><br>
      「現地で買えるもの」はあえて持ち込まない選択も大切です。シャンプー・ボディソープはほぼすべてのホテルに備え付けがあります。タイのコンビニ（セブン-イレブン・ファミリーマート）は24時間営業で日用品が充実しているため、現地調達でも十分対応できます。
    </div>

  </section>

  <hr class="tpc-divider" aria-hidden="true">

  <!-- ========================================================
       セクション3：スマートフォンまわりの準備
       ======================================================== -->
  <section class="tpc-section" id="smartphone" aria-labelledby="h2-smartphone">

    <h2 class="tpc-h2" id="h2-smartphone">
      <i class="tpc-h2-icon" aria-hidden="true">📱</i>スマートフォンまわりの準備
    </h2>

    <p>タイ旅行中、スマートフォンはナビ・翻訳・配車・決済とフル活用します。現地でネットにつながらないと、行動がかなり制限されてしまいます。出発前に通信環境をしっかり整えておくのが、快適な旅の基本です。</p>

    <!-- 通信手段 -->
    <h3 class="tpc-h3">
      📶 通信手段の選び方
    </h3>

    <p>タイでの通信手段は主に3つ。それぞれのメリットとデメリットを整理しました。女性の一人旅では、スマートフォン1台で完結できる<strong>eSIM</strong>がもっとも手軽でおすすめです。</p>

    <div class="tpc-checklist-grid tpc-grid-3col" role="list">

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">💜</span>
          <span class="tpc-card-title">eSIM<span class="tpc-badge-rec">おすすめ</span></span>
        </div>
        <ul class="tpc-card-list">
          <li>SIMカード交換不要</li>
          <li>日本で事前設定して即使える</li>
          <li>荷物が増えない</li>
          <li>デュアルSIM対応端末なら日本番号も維持</li>
          <li class="tpc-item-note">→ 対応端末（iPhone XS以降など）を事前確認</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">📲</span>
          <span class="tpc-card-title">現地SIMカード</span>
        </div>
        <ul class="tpc-card-list">
          <li>大手AIS・True Move H（旧DTAC）が主流</li>
          <li>空港到着ロビーで購入可能</li>
          <li>大容量プランが安価</li>
          <li class="tpc-item-note">→ SIMフリー端末が必要</li>
          <li class="tpc-item-note">→ 日本の番号が一時使えなくなる</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">📡</span>
          <span class="tpc-card-title">ポケットWi-Fi</span>
        </div>
        <ul class="tpc-card-list">
          <li>複数台同時接続できる</li>
          <li>端末の種類を選ばない</li>
          <li class="tpc-item-note">→ 充電管理が必要</li>
          <li class="tpc-item-note">→ 荷物・返却の手間がある</li>
          <li class="tpc-item-note">→ 紛失時に費用が発生</li>
        </ul>
      </div>

    </div>

    <div class="tpc-box-info">
      <strong>💡 eSIMの購入タイミング</strong><br>
      eSIMは出発の2〜3日前までに購入・設定しておくのがおすすめです。空港のフリーWi-Fiを使って現地で設定することもできますが、電波が混雑しやすいため事前設定が安心です。
    </div>

    <!-- 便利アプリ -->
    <h3 class="tpc-h3">
      📲 出発前にインストールしたいアプリ
    </h3>

    <div class="tpc-checklist-grid" role="list">

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">🚗</span>
          <span class="tpc-card-title">移動・ナビ</span>
        </div>
        <ul class="tpc-card-list">
          <li class="tpc-item-required">Grab（配車アプリ）<span class="tpc-badge-required">必須</span></li>
          <li class="tpc-item-required">Google マップ<span class="tpc-badge-required">必須</span></li>
          <li>Moovit（BTS・MRT路線検索）</li>
          <li class="tpc-item-note">→ Grabはメーター交渉不要で女性の一人旅に安心</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">💬</span>
          <span class="tpc-card-title">言語・コミュニケーション</span>
        </div>
        <ul class="tpc-card-list">
          <li class="tpc-item-required">Google 翻訳<span class="tpc-badge-required">必須</span></li>
          <li>DeepL翻訳</li>
          <li>LINE（現地スタッフとの連絡に使われることも）</li>
          <li class="tpc-item-note">→ Google翻訳のカメラ翻訳機能でメニュー解読に便利</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">🏨</span>
          <span class="tpc-card-title">旅行・グルメ</span>
        </div>
        <ul class="tpc-card-list">
          <li>Agoda / Booking.com（宿泊予約）</li>
          <li>Klook（観光ツアー・チケット）</li>
          <li>Wongnai（タイのグルメ情報）</li>
          <li class="tpc-item-note">→ 現地の口コミが充実したレストラン探しに活躍</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">💰</span>
          <span class="tpc-card-title">お金・両替</span>
        </div>
        <ul class="tpc-card-list">
          <li>XE Currency（リアルタイム為替レート確認）</li>
          <li>PromptPay対応アプリ（現地QR決済）</li>
          <li class="tpc-item-note">→ 屋台での支払いはバーツ現金が基本</li>
          <li class="tpc-item-note">→ QR決済は観光客向け店舗で利用可能</li>
        </ul>
      </div>

    </div>

    <!-- 充電・変換プラグ -->
    <h3 class="tpc-h3">
      🔌 充電器・変換プラグのヒント
    </h3>

    <p>タイのコンセントはA・B3・C型の3種類があります。日本のAタイプのプラグがそのまま使えるホテルも多いですが、念のため<strong>C型変換プラグを1つ</strong>持っていくと安心です。100円ショップでも購入できます。</p>

    <div class="tpc-box-warn">
      <strong>⚠️ ヘアアイロン・ドライヤーの電圧に注意</strong><br>
      タイの電圧は220V。日本仕様（100V）のヘアアイロンやドライヤーをそのまま使うと故障の原因になります。海外対応（100〜240V対応）の製品を持参するか、ホテルのドライヤーを利用しましょう。ホテルのドライヤーはほぼすべての宿に備え付けがあります。
    </div>

    <div class="tpc-box-tip">
      <strong>🌸 モバイルバッテリーは機内持ち込みのみ</strong><br>
      モバイルバッテリーは預け入れ荷物に入れることができません。必ず機内持ち込みの手荷物に入れてください。容量は100Wh以下（約27,000mAh）が目安です。
    </div>

  </section>

  <hr class="tpc-divider" aria-hidden="true">

  <!-- ========================================================
       セクション4：タイ旅行の服装と荷物の選び方
       ======================================================== -->
  <section class="tpc-section" id="clothes" aria-labelledby="h2-clothes">

    <h2 class="tpc-h2" id="h2-clothes">
      <i class="tpc-h2-icon" aria-hidden="true">👗</i>タイ旅行の服装と荷物の選び方
    </h2>

    <p>タイは一年を通じて気温が高い国ですが、ショッピングモールやレストランの冷房は日本よりもかなり強め。また、寺院への入場には服装規定があります。「暑さ対策」と「冷房対策」と「マナー対応」の3つを意識した荷物づくりがポイントです。</p>

    <!-- 画像2 -->
    <div class="tpc-img-wrap">
      <img
        src="https://yoooyooo8.jp/wp-content/uploads/2026/03/A-young-Asian-woman-standing-in-front-of-a-beautiful-Thai-Buddhist-temple.jpg"
        alt="タイの寺院前に立つ女性旅行者。薄手のストールを羽織り、サンダルを履いた旅行スタイル"
        width="1200"
        height="800"
        loading="lazy"
        decoding="async"
      >
      <p class="tpc-img-caption">▲ 薄手のストールは寺院マナー対応と冷房対策の両方に活躍します</p>
    </div>

    <!-- 季節別 -->
    <h3 class="tpc-h3">
      🌤 季節別の服装ヒント
    </h3>

    <div class="tpc-checklist-grid" role="list">

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">☀️</span>
          <span class="tpc-card-title">乾季（11〜2月）<br><small style="font-weight:600;color:var(--tpc-text-sub);">旅行のベストシーズン</small></span>
        </div>
        <ul class="tpc-card-list">
          <li>気温27〜30℃前後で比較的過ごしやすい</li>
          <li>朝晩は少し涼しくなる日もある</li>
          <li>薄手のカーディガン1枚があると安心</li>
          <li>雨はほぼなし、日差しは強い</li>
          <li class="tpc-item-note">→ 帽子・サングラス・日焼け止めは必携</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">🌡️</span>
          <span class="tpc-card-title">暑季（3〜5月）<br><small style="font-weight:600;color:var(--tpc-text-sub);">1年で最も暑い時期</small></span>
        </div>
        <ul class="tpc-card-list">
          <li>気温35〜40℃になることも</li>
          <li>日中の屋外観光はできるだけ短時間に</li>
          <li>速乾性・吸湿性の高い素材がおすすめ</li>
          <li>塩分タブレット・経口補水液も持参を</li>
          <li class="tpc-item-note">→ ソンクラーン（水かけ祭り）はこの時期</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">🌧️</span>
          <span class="tpc-card-title">雨季（6〜10月）<br><small style="font-weight:600;color:var(--tpc-text-sub);">スコールに注意</small></span>
        </div>
        <ul class="tpc-card-list">
          <li>午後を中心に短時間の強い雨が多い</li>
          <li>折りたたみ傘またはレインポンチョを持参</li>
          <li>濡れても乾きやすい素材・サンダルが◎</li>
          <li>ホテル・モール内で雨宿りするのも手</li>
          <li class="tpc-item-note">→ 気温は下がらないので蒸し暑い日が続く</li>
        </ul>
      </div>

    </div>

    <!-- 寺院マナー -->
    <h3 class="tpc-h3">
      🛕 寺院を訪れるときの服装ルール
    </h3>

    <p>ワット・プラケオやワット・ポーなどバンコクを代表する寺院では、肌の露出を抑えた服装が必要です。入口でスカートや布を貸し出している場所もありますが、事前に準備しておくのが安心です。</p>

    <div class="tpc-box-warn">
      <strong>⚠️ 以下の服装は入場できません</strong><br>
      ノースリーブ・タンクトップ／ショートパンツ（膝上）／ミニスカート／肩・胸・背中の大きく開いたトップス。男性も同様に短パンは不可の場合があります。
    </div>

    <div class="tpc-steps" role="list" aria-label="寺院訪問の服装チェック">
      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">✓</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">上半身：肩が隠れるトップスを選ぶ</p>
          <p class="tpc-step-desc">薄手のカーディガンやストールを羽織れば、ノースリーブの上から重ねて対応できます。シフォン素材やリネン素材は軽くて通気性があり、暑い日でも快適です。</p>
        </div>
      </div>
      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">✓</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">下半身：膝が隠れる丈のボトムスを持参</p>
          <p class="tpc-step-desc">ワイドパンツやマキシスカートがおすすめです。軽くてシワになりにくい素材なら、スーツケースの中でもかさばりません。現地のナイトマーケットでも手頃な価格で購入できます。</p>
        </div>
      </div>
      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">✓</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">靴：脱ぎ履きしやすいものを選ぶ</p>
          <p class="tpc-step-desc">寺院では靴を脱ぐ場面が多いため、サンダルが便利です。ただし長時間歩く観光ではスニーカーの方が足への負担が少ないため、両方持参するのがおすすめです。</p>
        </div>
      </div>
    </div>

    <div class="tpc-box-tip">
      <strong>🌸 荷物を減らすパッキングのヒント</strong><br>
      タイでは軽くて乾きやすい素材の服が最適です。3〜4泊なら同じ服を2セット＋ストール1枚でうまく着回しができます。ホテルのランドリーサービスや近隣のコインランドリーを活用すれば、着替えの枚数をさらに減らせます。
    </div>

    <div class="tpc-official-link" role="note" aria-label="タイ国政府観光庁公式情報">
      <p>📌 タイの気候・旅行情報（公式）</p>
      <p>最新の気候情報や観光ガイドラインについては、<a rel="noopener" href="https://www.thailandtravel.or.jp/" target="_blank">タイ国政府観光庁（公式日本語サイト）</a>をご確認ください。各観光スポットのドレスコード情報なども掲載されています。</p>
    </div>

    <p style="margin: 32px 0 0;">
      服装が整ったら、次は現地でのマナーやお金の使い方も確認しておきましょう。知っておくだけで、旅の安心感がぐっと上がります。<br>
      <a href="/thailand-travel-things-to-know/" class="tpc-internal-link">タイ旅行前に知っておきたいこと｜入国・お金・マナーを整理してみました</a>
    </p>

  </section>

  <hr class="tpc-divider" aria-hidden="true">

  <!-- ========================================================
       セクション5：あると便利なアイテム
       ======================================================== -->
  <section class="tpc-section" id="useful-items" aria-labelledby="h2-useful-items">

    <h2 class="tpc-h2" id="h2-useful-items">
      <i class="tpc-h2-icon" aria-hidden="true">🛍️</i>あると便利なアイテム
    </h2>

    <p>絶対必需品ではないけれど、持っていくとぐっと快適になるアイテムをまとめました。整理カウンセラーの視点からひとこと添えると——「全部持とうとしない」ことが快適な旅の基本です。現地調達できるものは現地で買う、と割り切ることで荷物がぐんと軽くなります。</p>

    <!-- 便利アイテム カード -->
    <div class="tpc-checklist-grid" role="list">

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">🌞</span>
          <span class="tpc-card-title">暑さ・紫外線対策</span>
        </div>
        <ul class="tpc-card-list">
          <li>日傘（折りたたみUVカットタイプ）</li>
          <li>サングラス（UVカット必須）</li>
          <li>UVカット帽子・キャップ</li>
          <li>冷却スプレー・ひんやりタオル</li>
          <li>塩分タブレット・経口補水液パウダー</li>
          <li class="tpc-item-note">→ 暑季（3〜5月）は特に熱中症対策を万全に</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">🌿</span>
          <span class="tpc-card-title">虫・衛生対策</span>
        </div>
        <ul class="tpc-card-list">
          <li>虫よけスプレー（DEET30%以上推奨）<span class="tpc-badge-rec">推奨</span></li>
          <li>かゆみ止め（ムヒなど）</li>
          <li>携帯用ウェットティッシュ</li>
          <li>除菌ジェル・除菌スプレー</li>
          <li>携帯トイレットペーパー</li>
          <li class="tpc-item-note">→ 屋台・公共トイレではペーパーがない場合も</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">💼</span>
          <span class="tpc-card-title">パッキング・収納</span>
        </div>
        <ul class="tpc-card-list">
          <li>圧縮袋（衣類のかさを半分に）</li>
          <li>折りたたみエコバッグ（帰りのお土産に）</li>
          <li>ジッパー付き袋（数枚：濡れ物・液体分離）</li>
          <li>南京錠（スーツケース用）</li>
          <li class="tpc-item-note">→ エコバッグはタイのスーパーでも購入できます</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">✈️</span>
          <span class="tpc-card-title">機内・移動を快適に</span>
        </div>
        <ul class="tpc-card-list">
          <li>ネックピロー（フライト約6〜7時間）</li>
          <li>耳栓・アイマスク</li>
          <li>機内用スリッパ・靴下</li>
          <li>のど飴・リップクリーム（機内乾燥対策）</li>
          <li class="tpc-item-note">→ 日本〜バンコクのフライトは約6〜7時間</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">📸</span>
          <span class="tpc-card-title">思い出・記録</span>
        </div>
        <ul class="tpc-card-list">
          <li>カメラ・予備バッテリー</li>
          <li>予備SDカード（大容量推奨）</li>
          <li>防水スマホケース（水かけ祭りや雨季に）</li>
          <li>小型三脚・自撮りスティック</li>
          <li class="tpc-item-note">→ 旅行前にスマホのクラウドバックアップ設定を確認</li>
        </ul>
      </div>

      <div class="tpc-checklist-card" role="listitem">
        <div class="tpc-card-header">
          <span class="tpc-card-icon" aria-hidden="true">🌸</span>
          <span class="tpc-card-title">女性向けプラスα</span>
        </div>
        <ul class="tpc-card-list">
          <li>生理用品（日本製が安心）<span class="tpc-badge-rec">推奨</span></li>
          <li>フェイスシート・シートマスク</li>
          <li>洗顔料・クレンジング（ミニサイズ）</li>
          <li>折りたたみミラー</li>
          <li class="tpc-item-note">→ 生理用品は現地でも入手可能ですが日本製の使い慣れたものを</li>
        </ul>
      </div>

    </div>

    <!-- 現地調達OK品 -->
    <h3 class="tpc-h3">
      🏪 現地調達でOKなもの
    </h3>

    <p>以下のアイテムはタイのコンビニ・スーパー・ドラッグストアで手軽に購入できます。荷物を減らしたい場合は現地調達を検討してみてください。</p>

    <div class="tpc-box-info">
      <strong>💡 バンコクで手に入るもの</strong><br>
      シャンプー・ボディソープ・歯ブラシ・歯磨き粉 ／ 傘・レインコート（スコール対策）／ 日焼け止め（Mistine・Snailホワイトなどが人気）／ 虫よけスプレー ／ 胃腸薬・頭痛薬（タイ製は効果が強めのことも）／ 飲料水・スポーツドリンク（7-Elevenで24時間購入可）
    </div>

    <div class="tpc-box-tip">
      <strong>🌸 整理のヒント：「持たない」を決める</strong><br>
      荷物チェックリストを見て「念のため持って行こう」と感じたアイテムは、一度立ち止まって考えてみてください。タイは物価が安く、都市部ではほとんどのものが現地調達できます。スーツケースの20〜30%は「余白」として残しておくと、帰りのお土産スペースにもなります。
    </div>

  </section>

  <hr class="tpc-divider" aria-hidden="true">

  <!-- ========================================================
       セクション6：持ち込み禁止品・注意点
       ======================================================== -->
  <section class="tpc-section" id="prohibited" aria-labelledby="h2-prohibited">

    <h2 class="tpc-h2" id="h2-prohibited">
      <i class="tpc-h2-icon" aria-hidden="true">⚠️</i>持ち込み禁止品・注意点
    </h2>

    <p>タイへの持ち込みが禁止されているものや、厳しく規制されているものがあります。知らずに持ち込むと没収・罰金・最悪の場合は逮捕につながるケースもあります。出発前に必ず確認しておきましょう。</p>

    <!-- 絶対NG -->
    <h3 class="tpc-h3 tpc-h3-warn">
      🚫 タイへの持ち込みが厳禁のもの
    </h3>

    <div class="tpc-box-warn">
      <strong>⚠️ 以下は絶対に持ち込まないでください</strong><br><br>
      <strong>① 電子タバコ・加熱式タバコ（iQOSなど）</strong><br>
      タイでは電子タバコ・ベープ類の所持・使用・輸入が法律で禁止されています。発見された場合は没収のうえ、最大10年の禁固刑または罰金の対象になることがあります。加熱式タバコ（iQOS・Ploomなど）も同様に禁止です。<br><br>
      <strong>② 麻薬・大麻類</strong><br>
      タイでは2022年以降、国内での大麻規制が一部緩和されましたが、<strong>外国人旅行者が日本から大麻を持ち込むことは違法</strong>です。その他の麻薬・違法薬物は言うまでもなく厳禁です。<br><br>
      <strong>③ わいせつ物・宗教を侮辱するもの</strong><br>
      タイでは王室や仏教への侮辱は法律で禁じられています（不敬罪）。関連するものは持ち込まないよう注意してください。
    </div>

    <!-- 機内持ち込み制限 -->
    <h3 class="tpc-h3">
      ✈️ 機内持ち込みのルール（航空会社共通）
    </h3>

    <div class="tpc-steps" role="list" aria-label="機内持ち込みルール">

      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">💧</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">液体物は100ml以下・ジッパー袋に入れる</p>
          <p class="tpc-step-desc">液体・ジェル・スプレー類は1容器100ml以下のものを、1リットル以下のジッパー付き透明袋（1人1袋）に入れて持ち込みます。化粧水・乳液・日焼け止め・歯磨き粉なども対象です。100ml超のものは預け荷物に入れてください。</p>
        </div>
      </div>

      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">🔋</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">モバイルバッテリーは機内持ち込みのみ・預け入れ禁止</p>
          <p class="tpc-step-desc">リチウムイオン電池を含むモバイルバッテリー・予備バッテリーは、預け入れ荷物に入れることができません。必ず手荷物として機内に持ち込んでください。容量は100Wh以下（約27,000mAh）が目安です。</p>
        </div>
      </div>

      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">✂️</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">刃物・ハサミ類は預け入れ荷物へ</p>
          <p class="tpc-step-desc">ハサミ・カッター・ナイフ・カミソリなどの刃物は機内持ち込みができません。必要な場合は預け入れ荷物に入れましょう。眉毛カット用の小さなハサミも対象になる場合があります。</p>
        </div>
      </div>

      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">💊</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">処方薬は英文の処方箋・説明書を携帯する</p>
          <p class="tpc-step-desc">常備薬や処方薬を持ち込む場合は、医師の処方箋（できれば英語）または薬剤師の説明書を一緒に持参することをおすすめします。量は滞在日数分が目安です。</p>
        </div>
      </div>

    </div>

    <!-- 免税範囲 -->
    <h3 class="tpc-h3">
      🧾 タイ入国時の免税範囲
    </h3>

    <div class="tpc-box-info">
      <strong>💡 タイ入国時の免税範囲（2026年現在）</strong><br><br>
      ・酒類：1リットルまで<br>
      ・タバコ：紙巻きタバコ200本（1カートン）まで<br>
      ・その他の物品：2万バーツ相当まで（申告不要）<br><br>
      超過分は税関への申告が必要です。高額な電化製品やブランド品を複数持ち込む場合は申告してください。
    </div>

    <div class="tpc-official-link" role="note" aria-label="在タイ日本国大使館公式情報">
      <p>📌 最新の渡航情報・安全情報（公式）</p>
      <p>持ち込み禁止品の最新情報や現地の安全情報は、<a rel="noopener" href="https://www.th.emb-japan.go.jp/itpr_ja/index.html" target="_blank">在タイ日本国大使館 公式サイト</a>および<a rel="noopener" href="https://www.anzen.mofa.go.jp/info/pcinfectionspothazardinfo_007.html#ad-image-0" target="_blank">外務省 海外安全情報（タイ）</a>でご確認ください。</p>
    </div>

  </section>

  <hr class="tpc-divider" aria-hidden="true">

  <!-- ========================================================
       セクション7：航空券・ホテルの手配はお早めに
       ======================================================== -->
  <section class="tpc-section" id="booking" aria-labelledby="h2-booking">

    <h2 class="tpc-h2" id="h2-booking">
      <i class="tpc-h2-icon" aria-hidden="true">✈️</i>航空券・ホテルの手配はお早めに
    </h2>

    <p>持ち物の準備と並行して確認しておきたいのが、航空券とホテルの手配です。特に年末年始・ゴールデンウィーク・ソンクラーン（4月）の時期は、早い段階から席が埋まります。旅の日程が決まったら、まず航空券とホテルを押さえるのが鉄則です。</p>

    <!-- 航空券 -->
    <h3 class="tpc-h3">
      ✈️ 航空券の手配
    </h3>

    <p>日本〜バンコク（スワンナプーム国際空港）の直行便は、JALやタイ国際航空・ANAなどが運航しています。フライト時間は約6〜7時間。LCCを利用する場合は預け入れ荷物の重量制限と追加料金を事前に確認しておきましょう。</p>

    <!-- JAL アフィリエイト -->
    <div class="tpc-official-link" role="note" aria-label="JAL国際線">
      <p>✈️ JAL国際線でタイへ</p>
      <p>安心・快適なサービスで人気のJAL国際線。マイル積算や手荷物サービスも充実しています。座席・料金の確認は公式サイトから。<br>
      <a rel="nofollow sponsored" target="new" href="https://click.linksynergy.com/fs-bin/click?id=vzeFrERo8sY&#038;offerid=426941.33&#038;type=3&#038;subid=0" style="color:var(--tpc-primary-dk);font-weight:700;">→ JAL国際線の空席・料金を確認する</a><img decoding="async" border="0" width="1" alt="" height="1" src="https://ad.linksynergy.com/fs-bin/show?id=vzeFrERo8sY&#038;bids=426941.33&#038;type=3&#038;subid=0"></p>
    </div>

    <!-- WAS アフィリエイト -->
    <div class="tpc-official-link" role="note" aria-label="W.A.S.ワールドエアシステム">
      <p>🌏 海外旅行専門店 W.A.S.ワールドエアシステム</p>
      <p>海外航空券・ツアーの専門店。複数航空会社の料金を比較しながら、最適なプランを見つけられます。<br>
      <img decoding="async" src="https://www.rentracks.jp/adx/p.gifx?idx=0.72494.376502.2886.4416&#038;dna=64827" border="0" height="1" width="1" alt=""><a rel="nofollow sponsored noopener" href="https://www.rentracks.jp/adx/r.html?idx=0.72494.376502.2886.4416&#038;dna=64827" target="_blank" style="color:var(--tpc-primary-dk);font-weight:700;">→ W.A.S.ワールドエアシステムで航空券を探す</a></p>
    </div>

    <div class="tpc-box-tip">
      <strong>🌸 航空券を安く買うヒント</strong><br>
      タイ旅行の航空券は、出発の2〜3か月前が比較的安くなる傾向があります。また雨季（6〜10月）はオフシーズンのためシートの価格が下がりやすく、逆にソンクラーン（4月中旬）や年末年始は混雑・高騰しやすいです。日程に柔軟性がある場合は、複数の日程で比較してみてください。
    </div>

    <p>曜日・時期・比較ツールを使ってさらに賢く節約したい方は、こちらも参考にしてみてください。<br>
    <a href="/airfare-cheap-timing/" class="tpc-internal-link">航空券を安く買うおすすめの方法【曜日・時期・ツールで賢く節約】</a></p>

    <!-- ホテル -->
    <h3 class="tpc-h3">
      🏨 ホテルの手配
    </h3>

    <p>バンコクはエリアによって雰囲気がまったく異なります。観光・買い物中心ならBTSスカイトレイン沿線（シーロム・スクンビット）、寺院めぐりならカオサン周辺・旧市街エリアが便利です。女性の一人旅では、ロビー・セキュリティがしっかりしたホテルを選ぶと安心です。</p>

    <!-- Agoda アフィリエイト -->
    <div class="tpc-official-link" role="note" aria-label="Agodaホテル予約">
      <p>🏨 Agoda（アゴダ）でバンコクのホテルを探す</p>
      <p>アジア圏に強いホテル予約サイト。バンコクのホテルも豊富に掲載されており、直前割引や会員限定価格も活用できます。<br>
      <a rel="nofollow sponsored noopener" href="https://px.a8.net/svt/ejp?a8mat=45KJOL+786GWQ+4X1W+5YRHE" style="color:var(--tpc-primary-dk);font-weight:700;" target="_blank">→ Agodaでバンコクのホテルを確認する</a>
      <img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=45KJOL+786GWQ+4X1W+5YRHE" alt=""></p>
    </div>

    <!-- 楽天トラベル アフィリエイト -->
    <div class="tpc-official-link" role="note" aria-label="楽天トラベル">
      <p>🏨 楽天トラベルで海外ホテルを予約する</p>
      <p>楽天ポイントが貯まる・使える海外ホテル予約。楽天会員なら特別価格が適用されるプランも多数あります。<br>
      <a rel="nofollow sponsored noopener" href="https://hb.afl.rakuten.co.jp/hsc/519847ef.da5c87d5.14f9512a.7f2b5755/?link_type=text&#038;ut=eyJwYWdlIjoic2hvcCIsInR5cGUiOiJ0ZXh0IiwiY29sIjoxLCJjYXQiOjEsImJhbiI6Im5hbWUiLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" style="color:var(--tpc-primary-dk);font-weight:700;">→ 楽天トラベルで海外ホテルを探す</a></p>
    </div>

    <div class="tpc-box-info">
      <strong>💡 ホテル選びのポイント（女性向け）</strong><br>
      ① BTSまたはMRTの駅から徒歩10分以内の立地を優先する　② フロントが24時間対応かどうか確認する　③ 口コミで「セキュリティ」「清潔さ」の評価が高いホテルを選ぶ　④ 無料朝食付きプランはコスパが高くておすすめ
    </div>

  </section>

  <hr class="tpc-divider" aria-hidden="true">

  <!-- ========================================================
       FAQ セクション
       ======================================================== -->
  <section class="tpc-section" id="faq" aria-labelledby="h2-faq">

    <h2 class="tpc-h2" id="h2-faq">
      <i class="tpc-h2-icon" aria-hidden="true">💬</i>よくある質問（FAQ）
    </h2>

    <div class="tpc-steps" role="list" aria-label="よくある質問一覧">

      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">Q</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">TDACはどこで登録できますか？</p>
          <p class="tpc-step-desc">タイ入国管理局の公式サイト（https://tdac.immigration.go.th/）から無料で登録できます。登録は到着の3日前（72時間前）から可能で、日本語表示にも対応しています。入力はアルファベット大文字で行う必要があります。偽の有料サイトが存在するため、必ず公式URLから登録してください。</p>
        </div>
      </div>

      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">Q</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">タイへの入国にビザは必要ですか？</p>
          <p class="tpc-step-desc">日本国籍の場合、観光目的・60日以内の滞在であればビザは不要です。ただしパスポートの残存有効期限が入国日から6か月以上あることが条件です。60日を超える滞在やビジネス目的の場合は、出発前にタイ大使館でビザを取得する必要があります。</p>
        </div>
      </div>

      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">Q</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">電子タバコはタイに持ち込めますか？</p>
          <p class="tpc-step-desc">いいえ、タイでは電子タバコ・ベープ・加熱式タバコ（iQOS・Ploomなど）の持ち込み・所持・使用が法律で禁止されています。発見された場合は没収のうえ、罰金または禁固刑の対象になる可能性があります。絶対に持ち込まないでください。</p>
        </div>
      </div>

      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">Q</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">タイの両替はどこでするのがお得ですか？</p>
          <p class="tpc-step-desc">一般的に、日本の空港よりタイ到着後に両替する方がレートが良いです。スワンナプーム国際空港の到着ロビーにある両替所でまず少額を換え、余裕があればバンコク市内（スーパーリッチやサイアムなどの両替所）でまとめて換えるとさらにレートが良くなります。ATMでのキャッシングも手数料を確認のうえ選択肢のひとつです。</p>
        </div>
      </div>

      <div class="tpc-step" role="listitem">
        <div class="tpc-step-num" aria-hidden="true">Q</div>
        <div class="tpc-step-body">
          <p class="tpc-step-title">海外旅行保険は必要ですか？</p>
          <p class="tpc-step-desc">加入を強くおすすめします。タイの医療費は日本と比較しても高額になるケースがあり、入院・手術が必要な事態では数十万円以上になることも。クレジットカード付帯の保険で対応する場合は、補償内容（疾病・傷害・携行品・救援者費用など）と適用条件を出発前に必ず確認してください。</p>
        </div>
      </div>

    </div>

  </section>

  <hr class="tpc-divider" aria-hidden="true">

  <!-- ========================================================
       まとめ
       ======================================================== -->
  <section class="tpc-section" id="summary" aria-labelledby="h2-summary">

    <h2 class="tpc-h2" id="h2-summary">
      <i class="tpc-h2-icon" aria-hidden="true">🌺</i>まとめ：出発前の最終チェックリスト
    </h2>

    <p>タイ旅行の持ち物と準備事項を7つのカテゴリに分けてご紹介しました。最後に、出発前の最終確認リストをまとめます。スマートフォンのスクリーンショットや印刷して、パッキングのお供にしてください。</p>

    <div class="tpc-summary-box" role="note" aria-label="出発前の最終チェックリスト">
      <p class="tpc-summary-box-title">
        <span class="tpc-icon" aria-hidden="true">✅</span>
        出発前に確認したい10のポイント
      </p>
      <ul class="tpc-summary-list">
        <li>パスポートの残存有効期限が<strong>6か月以上</strong>あるか確認した</li>
        <li><strong>TDAC</strong>（電子入国カード）を公式サイトから登録済み・QRコードを保存した</li>
        <li>クレジットカード（VISA/Master）を<strong>2枚以上</strong>用意し、海外利用設定を確認した</li>
        <li>海外旅行保険の<strong>補償内容と適用条件</strong>を確認した</li>
        <li>スマートフォンの<strong>eSIM／SIMカード</strong>を設定済みか確認した</li>
        <li>Grab・Google マップ・Google翻訳などの<strong>必須アプリ</strong>をインストールした</li>
        <li>寺院訪問用に<strong>肩と膝を隠せる服装</strong>を1セット用意した</li>
        <li><strong>電子タバコ・加熱式タバコ</strong>をスーツケースから取り出した</li>
        <li>モバイルバッテリーを<strong>預け入れ荷物ではなく手荷物</strong>に入れた</li>
        <li>航空券・ホテルの予約確認メールを<strong>オフラインで保存</strong>または印刷した</li>
      </ul>
    </div>

    <p>準備が整ったら、あとは思いっきり旅を楽しむだけです。タイの街の熱気、屋台の香り、寺院の静けさ——すべてが旅の思い出になります。安全で素敵なタイ旅行を。</p>

    <div class="tpc-box-tip">
      <strong>✈️ まずは航空券・ホテルから手配を</strong><br>
      旅の準備はまず日程と航空券を決めることから。航空券は
      <a rel="nofollow sponsored" target="new" href="https://click.linksynergy.com/fs-bin/click?id=vzeFrERo8sY&#038;offerid=426941.33&#038;type=3&#038;subid=0" style="color:var(--tpc-primary-dk);font-weight:700;">JAL国際線</a><img decoding="async" border="0" width="1" alt="" height="1" src="https://ad.linksynergy.com/fs-bin/show?id=vzeFrERo8sY&#038;bids=426941.33&#038;type=3&#038;subid=0">や
      <img decoding="async" src="https://www.rentracks.jp/adx/p.gifx?idx=0.72494.376502.2886.4416&#038;dna=64827" border="0" height="1" width="1" alt=""><a rel="nofollow sponsored noopener" href="https://www.rentracks.jp/adx/r.html?idx=0.72494.376502.2886.4416&#038;dna=64827" target="_blank" style="color:var(--tpc-primary-dk);font-weight:700;">W.A.S.ワールドエアシステム</a>で、ホテルは
      <a rel="nofollow sponsored noopener" href="https://px.a8.net/svt/ejp?a8mat=45KJOL+786GWQ+4X1W+5YRHE" style="color:var(--tpc-primary-dk);font-weight:700;" target="_blank">Agoda</a><img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=45KJOL+786GWQ+4X1W+5YRHE" alt="">や
      <a rel="nofollow sponsored noopener" href="https://hb.afl.rakuten.co.jp/hsc/519847ef.da5c87d5.14f9512a.7f2b5755/?link_type=text&#038;ut=eyJwYWdlIjoic2hvcCIsInR5cGUiOiJ0ZXh0IiwiY29sIjoxLCJjYXQiOjEsImJhbiI6Im5hbWUiLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" style="color:var(--tpc-primary-dk);font-weight:700;">楽天トラベル</a>から早めに確認しておきましょう。
    </div>

  </section>

</div>
<!-- /tpc-wrap 記事ここまで -->

<!-- ============================================================
     FAQ JSON-LDスキーマ（Rank Math と重複しないよう手動記述）
     ============================================================ -->

]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/thailand-travel-checklist/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>大人の”京都旅” 混雑を避けて、深く静かに。</title>
		<link>https://yoooyooo8.jp/kyoto-adult-travel-guide/</link>
					<comments>https://yoooyooo8.jp/kyoto-adult-travel-guide/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sat, 18 Apr 2026 02:00:00 +0000</pubDate>
				<category><![CDATA[関西]]></category>
		<category><![CDATA[日本]]></category>
		<category><![CDATA[松尾大社]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2055</guid>

					<description><![CDATA[Adult Travel in Kyoto 大人の京都旅 混雑を避けて、深く静かに。 早朝の光、静謐な庭、格式ある一皿。何度訪れても京都は、新しい顔を見せてくれる。 京都市内 全エリア対応 2026年版 最新情報 📋 こ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     大人の京都旅｜混雑を避けて深く楽しむ完全ガイド2026年版
     冒頭部分: ヒーローセクション / 要点ボックス / アニメーション目次
     ============================================================ -->
<style>
/* ============================================================
   スコープCSS: .kyoto-article 配下のみに適用
   WordPress / Cocoonテーマのグローバルスタイルを汚染しない
   ============================================================ */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

/* ── CSS変数 ─────────────────────────────────── */
.kyoto-article {
  --kyoto-primary:   #1a6b8a;   /* 深い水色 */
  --kyoto-accent:    #c8a870;   /* 金箔色   */
  --kyoto-deep:      #0d3d52;   /* 濃紺     */
  --kyoto-light:     #e8f4f8;   /* 薄水色   */
  --kyoto-warm:      #faf7f2;   /* 和紙色   */
  --kyoto-text:      #2c2c2c;   /* 本文色   */
  --kyoto-muted:     #6b7280;   /* 補足色   */
  --kyoto-border:    #d0e8f0;   /* 枠線色   */
  --kyoto-radius:    12px;
  --kyoto-shadow:    0 4px 24px rgba(26,107,138,.12);
  --kyoto-shadow-lg: 0 12px 48px rgba(26,107,138,.18);

  font-family: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', sans-serif;
  color: var(--kyoto-text);
  line-height: 1.85;
  background: transparent;
}

/* ── リセット（スコープ内） ──────────────────── */
.kyoto-article *, .kyoto-article *::before, .kyoto-article *::after {
  box-sizing: border-box;
}
.kyoto-article a { color: var(--kyoto-primary); text-decoration: none; }
.kyoto-article a:hover { text-decoration: underline; }
.kyoto-article img { max-width: 100%; height: auto; display: block; }

/* ── Cocoon blockquote デフォルトスタイル完全リセット ── */
.kyoto-article blockquote {
  border-left: none !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  quotes: none !important;
}
.kyoto-article blockquote::before,
.kyoto-article blockquote::after {
  content: none !important;
  display: none !important;
}



/* ── ヒーロー内 h2 Cocoon完全リセット ──────── */
.kyoto-hero h2 {
  background: transparent;
  background-color: transparent;
  border: none;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 0;
  box-shadow: none;
  text-shadow: none;
  color: #ffffff;
}

/* ── ヒーローセクション ─────────────────────── */
/* 枠内収まり型: Cocoonの記事コンテナ幅に完全準拠 */
.kyoto-hero {
  position: relative;
  width: 100%;
  min-height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    #0d3d52 0%,
    #1a6b8a 45%,
    #0d3d52 100%
  );
  border-radius: 16px;
  margin-top: 0;
  margin-bottom: 48px;
  box-shadow: 0 8px 40px rgba(13,61,82,.25);
}

/* 和の幾何学パターン背景 */
.kyoto-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 20% 50%, rgba(200,168,112,.08) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(200,168,112,.06) 0%, transparent 40%),
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 40px,
      rgba(255,255,255,.015) 40px,
      rgba(255,255,255,.015) 41px
    );
  pointer-events: none;
}

/* 流れる光のライン */
.kyoto-hero::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(
    from 0deg at 50% 50%,
    transparent 0deg,
    rgba(200,168,112,.04) 60deg,
    transparent 120deg
  );
  animation: kyoto-rotate 20s linear infinite;
  pointer-events: none;
}

@keyframes kyoto-rotate {
  to { transform: rotate(360deg); }
}

.kyoto-hero__inner {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 60px 24px;
  max-width: 800px;
}

.kyoto-hero__eyebrow {
  display: inline-block;
  font-family: 'Shippori Mincho', serif;
  font-size: 13px;
  letter-spacing: .35em;
  color: var(--kyoto-accent);
  text-transform: uppercase;
  border: 1px solid rgba(200,168,112,.4);
  padding: 6px 20px;
  border-radius: 100px;
  margin-bottom: 28px;
  opacity: 0;
  animation: kyoto-fadeup .8s ease forwards .3s;
}

/* Cocoonテーマの h2 デフォルトスタイルを完全上書き
   （background / border / padding / box-shadow など全リセット） */
.kyoto-hero .kyoto-hero__inner h2.kyoto-hero__title {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(28px, 5vw, 52px);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.4;
  margin: 0 0 20px;
  letter-spacing: .05em;
  opacity: 0;
  animation: kyoto-fadeup .8s ease forwards .55s;
  /* ↓ Cocoon h2 デフォルトリセット */
  background: transparent;
  background-color: transparent;
  border: none;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  text-shadow: none;
  display: block;
  position: relative;
}

.kyoto-hero .kyoto-hero__inner h2.kyoto-hero__title em {
  font-style: normal;
  color: var(--kyoto-accent);
  position: relative;
}
.kyoto-hero .kyoto-hero__inner h2.kyoto-hero__title em::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--kyoto-accent);
  transform: scaleX(0);
  animation: kyoto-underline .6s ease forwards 1.4s;
}
@keyframes kyoto-underline {
  to { transform: scaleX(1); }
}

.kyoto-hero__subtitle {
  font-size: clamp(14px, 2vw, 17px);
  color: rgba(255,255,255,.75);
  letter-spacing: .08em;
  margin: 0 auto 36px;
  max-width: 560px;
  opacity: 0;
  animation: kyoto-fadeup .8s ease forwards .8s;
}

.kyoto-hero__meta {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  opacity: 0;
  animation: kyoto-fadeup .8s ease forwards 1s;
}

.kyoto-hero__badge {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.15);
  backdrop-filter: blur(8px);
  padding: 8px 16px;
  border-radius: 100px;
  font-size: 13px;
  color: rgba(255,255,255,.85);
  letter-spacing: .04em;
}
.kyoto-hero__badge svg {
  width: 14px;
  height: 14px;
  fill: var(--kyoto-accent);
}

/* 装飾ライン */
.kyoto-hero__deco {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--kyoto-accent), transparent);
}

/* ── フェードアップアニメーション ──────────── */
@keyframes kyoto-fadeup {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0);    }
}

/* ── この記事の要点ボックス ─────────────────── */
.kyoto-keypoints {
  background: var(--kyoto-warm);
  border-radius: var(--kyoto-radius);
  border: 1px solid var(--kyoto-border);
  padding: 32px 36px;
  margin: 0 0 48px;
  position: relative;
  overflow: hidden;
}
.kyoto-keypoints::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, var(--kyoto-primary), var(--kyoto-accent));
}

.kyoto-keypoints__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}
.kyoto-keypoints__header svg {
  width: 22px;
  height: 22px;
  color: var(--kyoto-primary);
}
.kyoto-keypoints__title {
  font-family: 'Shippori Mincho', serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--kyoto-deep);
  letter-spacing: .06em;
  margin: 0;
}

.kyoto-keypoints__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
}
.kyoto-keypoints__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--kyoto-text);
  transition: box-shadow .2s ease, transform .2s ease;
}
.kyoto-keypoints__item:hover {
  box-shadow: var(--kyoto-shadow);
  transform: translateY(-2px);
}
.kyoto-keypoints__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background: var(--kyoto-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-top: 1px;
}

/* ── アニメーション目次 ──────────────────────── */
.kyoto-toc {
  background: linear-gradient(145deg, var(--kyoto-light), #fff);
  border: 1px solid var(--kyoto-border);
  border-radius: var(--kyoto-radius);
  margin: 0 0 56px;
  overflow: hidden;
  box-shadow: var(--kyoto-shadow);
}

.kyoto-toc__header {
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  padding: 18px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
}
.kyoto-toc__header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kyoto-toc__header svg {
  width: 18px; height: 18px;
  color: var(--kyoto-accent);
}
.kyoto-toc__heading {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  letter-spacing: .1em;
  margin: 0;
}
.kyoto-toc__toggle {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 11px;
  color: rgba(255,255,255,.8);
  cursor: pointer;
  letter-spacing: .06em;
  transition: background .2s;
}
.kyoto-toc__toggle:hover { background: rgba(255,255,255,.2); }

.kyoto-toc__body {
  padding: 28px 32px;
  max-height: 600px;
  overflow: hidden;
  transition: max-height .5s ease, padding .5s ease;
}
.kyoto-toc__body.kyoto-toc--collapsed {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.kyoto-toc__nav {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: toc-counter;
}

.kyoto-toc__item {
  counter-increment: toc-counter;
  margin-bottom: 2px;
  opacity: 1;
  transform: translateX(0);
  animation: kyotoTocFadeIn .4s ease both;
}
.kyoto-toc__item:nth-child(1)  { animation-delay: .05s; }
.kyoto-toc__item:nth-child(2)  { animation-delay: .10s; }
.kyoto-toc__item:nth-child(3)  { animation-delay: .15s; }
.kyoto-toc__item:nth-child(4)  { animation-delay: .20s; }
.kyoto-toc__item:nth-child(5)  { animation-delay: .25s; }
.kyoto-toc__item:nth-child(6)  { animation-delay: .30s; }
.kyoto-toc__item:nth-child(7)  { animation-delay: .35s; }
.kyoto-toc__item:nth-child(8)  { animation-delay: .40s; }
.kyoto-toc__item:nth-child(9)  { animation-delay: .45s; }
.kyoto-toc__item.kyoto-visible { opacity: 1; transform: translateX(0); }
@keyframes kyotoTocFadeIn {
  from { opacity: 0; transform: translateX(-12px); }
  to   { opacity: 1; transform: translateX(0); }
}

.kyoto-toc__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
  color: var(--kyoto-text);
  letter-spacing: .03em;
  text-decoration: none !important;
  transition: background .2s ease, color .2s ease, padding-left .2s ease;
  position: relative;
}
.kyoto-toc__link::before {
  content: counter(toc-counter, decimal-leading-zero);
  flex-shrink: 0;
  font-family: 'Shippori Mincho', serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--kyoto-primary);
  opacity: .6;
  width: 24px;
  text-align: center;
  transition: opacity .2s;
}
.kyoto-toc__link:hover {
  background: var(--kyoto-light);
  color: var(--kyoto-deep);
  padding-left: 20px;
  text-decoration: none !important;
}
.kyoto-toc__link:hover::before { opacity: 1; }

.kyoto-toc__link-text {
  flex: 1;
  line-height: 1.5;
}
.kyoto-toc__link-arrow {
  font-size: 10px;
  color: var(--kyoto-muted);
  transition: transform .2s;
}
.kyoto-toc__link:hover .kyoto-toc__link-arrow {
  transform: translateX(3px);
}

/* ── レスポンシブ ────────────────────────────── */

/* ══════════════════════════════════════════════════
   セクション共通スタイル
   ══════════════════════════════════════════════════ */

/* セクション見出し h2 共通 */
.kyoto-article .kyoto-section {
  margin-bottom: 72px;
}

.kyoto-article .kyoto-section h2.kyoto-h2 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  color: var(--kyoto-deep);
  letter-spacing: .06em;
  line-height: 1.4;
  margin: 0 0 32px;
  padding: 0 0 16px 20px;
  border-left: 5px solid var(--kyoto-primary);
  border-bottom: 1px solid var(--kyoto-border);
  /* Cocoon h2リセット */
  background: transparent;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
}

.kyoto-article .kyoto-section h2.kyoto-h2 .kyoto-h2-sub {
  display: block;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .25em;
  color: var(--kyoto-primary);
  margin-bottom: 6px;
  text-transform: uppercase;
}

/* 本文テキスト */
.kyoto-article .kyoto-body-text {
  font-size: 16px;
  line-height: 2;
  color: var(--kyoto-text);
  margin: 0 0 24px;
}

/* ── 記事内画像 ─────────────────────────────── */
.kyoto-figure {
  margin: 40px 0;
}
.kyoto-figure img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 24px rgba(13,61,82,.12);
  /* 画像URLが空の場合のプレースホルダー */
  background: linear-gradient(135deg, var(--kyoto-light), var(--kyoto-border));
  min-height: 200px;
}
.kyoto-figure figcaption {
  margin-top: 10px;
  font-size: 13px;
  color: var(--kyoto-muted);
  text-align: center;
  letter-spacing: .04em;
  line-height: 1.6;
}

/* ── セクション1: 惹かれる理由 カード ──────── */
.kyoto-reason-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 32px 0 40px;
}
.kyoto-reason-card {
  background: var(--kyoto-warm);
  border: 1px solid var(--kyoto-border);
  border-radius: 12px;
  padding: 24px 20px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}
.kyoto-reason-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--kyoto-shadow-lg);
}
.kyoto-reason-card__icon {
  font-size: 32px;
  margin-bottom: 12px;
  display: block;
}
.kyoto-reason-card__title {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 8px;
  letter-spacing: .04em;
}
.kyoto-reason-card__text {
  font-size: 13px;
  color: var(--kyoto-muted);
  line-height: 1.7;
  margin: 0;
}

/* 引用ブロック */
.kyoto-quote {
  border-left: 4px solid var(--kyoto-accent);
  background: linear-gradient(135deg, var(--kyoto-warm), #fff);
  padding: 24px 28px;
  border-radius: 0 12px 12px 0;
  margin: 32px 0;
  font-family: 'Shippori Mincho', serif;
  font-size: 16px;
  line-height: 1.9;
  color: var(--kyoto-deep);
  letter-spacing: .04em;
}
.kyoto-quote cite {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: var(--kyoto-muted);
  margin-top: 10px;
  letter-spacing: .08em;
}

/* ── セクション2: シーズン・時間帯 ────────── */
.kyoto-season-table {
  width: 100%;
  border-collapse: collapse;
  margin: 28px 0 40px;
  font-size: 14px;
}
.kyoto-season-table th {
  background: var(--kyoto-deep);
  color: #fff;
  padding: 14px 16px;
  text-align: left;
  font-weight: 600;
  letter-spacing: .04em;
  border: none;
}
.kyoto-season-table th:first-child { border-radius: 8px 0 0 0; }
.kyoto-season-table th:last-child  { border-radius: 0 8px 0 0; }
.kyoto-season-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--kyoto-border);
  vertical-align: top;
  line-height: 1.7;
  color: var(--kyoto-text);
  background: #fff;
}
.kyoto-season-table tr:nth-child(even) td { background: var(--kyoto-warm); }
.kyoto-season-table tr:last-child td:first-child { border-radius: 0 0 0 8px; }
.kyoto-season-table tr:last-child td:last-child  { border-radius: 0 0 8px 0; }
.kyoto-season-table .kyoto-tag {
  display: inline-block;
  background: var(--kyoto-light);
  color: var(--kyoto-primary);
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 100px;
  margin-right: 4px;
  letter-spacing: .04em;
}
.kyoto-season-table .kyoto-tag--gold {
  background: rgba(200,168,112,.15);
  color: #8a6d2c;
}

/* 時間帯タイムライン */

.kyoto-timeline {
  position: relative;
  padding-left: 32px;
}
.kyoto-timeline::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 0; bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, var(--kyoto-primary), var(--kyoto-accent));
  border-radius: 2px;
}
.kyoto-timeline__item {
  position: relative;
  margin-bottom: 28px;
}
.kyoto-timeline__item::before {
  content: '';
  position: absolute;
  left: -26px;
  top: 6px;
  width: 12px; height: 12px;
  background: var(--kyoto-primary);
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--kyoto-primary);
}
.kyoto-timeline__time {
  font-family: 'Shippori Mincho', serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--kyoto-primary);
  letter-spacing: .1em;
  margin-bottom: 4px;
}
.kyoto-timeline__title {
  font-size: 15px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 6px;
  letter-spacing: .03em;
}
.kyoto-timeline__text {
  font-size: 14px;
  color: var(--kyoto-muted);
  line-height: 1.75;
  margin: 0;
}

/* 混雑カレンダー */
.kyoto-crowd-bar {
  margin: 28px 0;
}
.kyoto-crowd-bar__item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.kyoto-crowd-bar__label {
  width: 48px;
  font-size: 13px;
  font-weight: 700;
  color: var(--kyoto-deep);
  text-align: center;
  flex-shrink: 0;
}
.kyoto-crowd-bar__track {
  flex: 1;
  height: 10px;
  background: var(--kyoto-border);
  border-radius: 100px;
  overflow: hidden;
}
.kyoto-crowd-bar__fill {
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(90deg, var(--kyoto-primary), #2ea8cc);
  transition: width .8s ease;
}
.kyoto-crowd-bar__fill--high {
  background: linear-gradient(90deg, #c0392b, #e74c3c);
}
.kyoto-crowd-bar__fill--mid {
  background: linear-gradient(90deg, var(--kyoto-accent), #e0b86a);
}
.kyoto-crowd-bar__note {
  width: 60px;
  font-size: 11px;
  color: var(--kyoto-muted);
  text-align: right;
  flex-shrink: 0;
}

/* ── レスポンシブ（追加） ───────────────────── */
@media (max-width: 640px) {
  .kyoto-hero { min-height: 400px; }
  .kyoto-hero__inner { padding: 48px 20px; }
  .kyoto-hero__meta { gap: 10px; }

  .kyoto-keypoints { padding: 24px 20px; }
  .kyoto-keypoints__list { grid-template-columns: 1fr; }

  .kyoto-toc__body { padding: 20px 18px; }
  .kyoto-toc__header { padding: 16px 18px; }

  .kyoto-reason-grid { grid-template-columns: 1fr; }

  
  .kyoto-timeline__item::before { left: -20px; }

  .kyoto-crowd-bar__item { gap: 8px; }
  .kyoto-crowd-bar__label { width: 36px; font-size: 12px; }
  .kyoto-crowd-bar__note { width: 52px; font-size: 10px; }
}

/* ── 進捗バー（スクロール） ─────────────────── */
.kyoto-progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--kyoto-primary), var(--kyoto-accent));
  width: 0%;
  z-index: 1000;
  transition: width .1s linear;
}

/* ══════════════════════════════════════════════════════
   セクション共通スタイル
   ══════════════════════════════════════════════════════ */

/* セクションラッパー */
.kyoto-section {
  margin-bottom: 72px;
}

/* h2 見出し共通 */
.kyoto-article .kyoto-h2 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  color: var(--kyoto-deep);
  letter-spacing: .06em;
  line-height: 1.45;
  margin: 0 0 32px;
  padding: 0 0 16px 20px;
  border-left: 4px solid var(--kyoto-primary);
  border-bottom: 1px solid var(--kyoto-border);
  background: transparent;
  box-shadow: none;
  position: relative;
}
/* Cocoon h2リセット */
.kyoto-article .kyoto-h2::before,
.kyoto-article .kyoto-h2::after { display: none; }

/* h3 見出し共通 */
.kyoto-article .kyoto-h3 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(16px, 2.2vw, 20px);
  font-weight: 600;
  color: var(--kyoto-primary);
  letter-spacing: .05em;
  margin: 40px 0 16px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

/* 本文段落 */
.kyoto-article .kyoto-p {
  font-size: 15px;
  line-height: 1.95;
  color: var(--kyoto-text);
  margin: 0 0 20px;
}

/* セクション番号バッジ */
.kyoto-section-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--kyoto-light);
  color: var(--kyoto-primary);
  font-family: 'Shippori Mincho', serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  padding: 5px 14px;
  border-radius: 100px;
  margin-bottom: 16px;
  border: 1px solid var(--kyoto-border);
}

/* ── 画像ブロック ───────────────────────────── */
.kyoto-img-wrap {
  margin: 36px 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--kyoto-shadow-lg);
}
.kyoto-img-wrap img {
  width: 100%;
  aspect-ratio: 1200 / 800;
  object-fit: cover;
  display: block;
}
.kyoto-img-caption {
  background: var(--kyoto-deep);
  color: rgba(255,255,255,.75);
  font-size: 12px;
  letter-spacing: .06em;
  padding: 10px 16px;
  text-align: center;
  margin: 0;
}

/* ── ハイライトボックス ─────────────────────── */
.kyoto-highlight {
  background: linear-gradient(135deg, var(--kyoto-light) 0%, #fff 100%);
  border: 1px solid var(--kyoto-border);
  border-left: 4px solid var(--kyoto-accent);
  border-radius: 0 10px 10px 0;
  padding: 24px 28px;
  margin: 32px 0;
}
.kyoto-highlight__title {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.kyoto-highlight p {
  font-size: 14px;
  line-height: 1.85;
  color: var(--kyoto-text);
  margin: 0;
}

/* ── 季節カード（セクション2用） ───────────── */
.kyoto-season-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin: 32px 0;
}
.kyoto-season-card {
  border: 1px solid var(--kyoto-border);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  transition: box-shadow .25s ease, transform .25s ease;
}
.kyoto-season-card:hover {
  box-shadow: var(--kyoto-shadow-lg);
  transform: translateY(-3px);
}
.kyoto-season-card__head {
  padding: 18px 20px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.kyoto-season-card__icon {
  font-size: 28px;
  line-height: 1;
}
.kyoto-season-card__name {
  font-family: 'Shippori Mincho', serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0;
}
.kyoto-season-card__sub {
  font-size: 11px;
  color: var(--kyoto-muted);
  letter-spacing: .06em;
  margin: 2px 0 0;
}
.kyoto-season-card__body {
  padding: 0 20px 18px;
  font-size: 13px;
  line-height: 1.75;
  color: var(--kyoto-text);
}
.kyoto-season-card__tag {
  display: inline-block;
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 100px;
  margin-bottom: 10px;
  font-weight: 600;
  letter-spacing: .04em;
}
.kyoto-season-card__tag--best {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
}
.kyoto-season-card__tag--good {
  background: var(--kyoto-light);
  color: var(--kyoto-primary);
  border: 1px solid var(--kyoto-border);
}
.kyoto-season-card__tag--caution {
  background: #fff8e1;
  color: #f57f17;
  border: 1px solid #ffe082;
}

/* ── 時間帯テーブル ─────────────────────────── */
.kyoto-time-table {
  width: 100%;
  border-collapse: collapse;
  margin: 28px 0;
  font-size: 14px;
}
.kyoto-time-table th {
  background: var(--kyoto-deep);
  color: #fff;
  font-family: 'Shippori Mincho', serif;
  font-weight: 600;
  letter-spacing: .06em;
  padding: 12px 16px;
  text-align: left;
  border: none;
}
.kyoto-time-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--kyoto-border);
  vertical-align: top;
  line-height: 1.7;
}
.kyoto-time-table tr:nth-child(even) td {
  background: var(--kyoto-warm);
}
.kyoto-time-table tr:hover td {
  background: var(--kyoto-light);
}
.kyoto-time-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 100px;
  white-space: nowrap;
}
.kyoto-time-badge--dawn   { background: #e3f2fd; color: #1565c0; border: 1px solid #90caf9; }
.kyoto-time-badge--morning{ background: #fff8e1; color: #e65100; border: 1px solid #ffcc80; }
.kyoto-time-badge--noon   { background: #fce4ec; color: #880e4f; border: 1px solid #f48fb1; }
.kyoto-time-badge--evening{ background: #f3e5f5; color: #4a148c; border: 1px solid #ce93d8; }

@media (max-width: 640px) {
  .kyoto-season-grid { grid-template-columns: 1fr 1fr; }
  .kyoto-time-table { font-size: 12px; }
  .kyoto-time-table th,
  .kyoto-time-table td { padding: 10px 10px; }
}
@media (max-width: 420px) {
  .kyoto-season-grid { grid-template-columns: 1fr; }
}


/* ══════════════════════════════════════════════════════
   セクション3: 寺社・庭園カード
   ══════════════════════════════════════════════════════ */

.kyoto-spot-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin: 32px 0;
}
.kyoto-spot-card {
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-radius: 14px;
  overflow: hidden;
  transition: box-shadow .25s, transform .25s;
}
.kyoto-spot-card:hover {
  box-shadow: var(--kyoto-shadow-lg);
  transform: translateY(-4px);
}
.kyoto-spot-card__head {
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  padding: 20px 22px 16px;
}
.kyoto-spot-card__en {
  font-size: 10px;
  letter-spacing: .18em;
  color: var(--kyoto-accent);
  text-transform: uppercase;
  margin: 0 0 6px;
}
.kyoto-spot-card__name {
  font-family: 'Shippori Mincho', serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 4px;
  letter-spacing: .06em;
}
.kyoto-spot-card__area {
  font-size: 12px;
  color: rgba(255,255,255,.6);
  margin: 0;
}
.kyoto-spot-card__body {
  padding: 18px 22px 20px;
}
.kyoto-spot-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.kyoto-spot-card__tag {
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 100px;
  background: var(--kyoto-light);
  color: var(--kyoto-primary);
  border: 1px solid var(--kyoto-border);
  letter-spacing: .04em;
}
.kyoto-spot-card__desc {
  font-size: 13px;
  line-height: 1.8;
  color: var(--kyoto-text);
  margin: 0 0 14px;
}
.kyoto-spot-card__meta {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: var(--kyoto-muted);
  border-top: 1px solid var(--kyoto-border);
  padding-top: 12px;
  flex-wrap: wrap;
}
.kyoto-spot-card__meta span {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* マナーボックス */
.kyoto-manner {
  background: var(--kyoto-warm);
  border: 1px solid var(--kyoto-border);
  border-radius: 12px;
  padding: 24px 28px;
  margin: 36px 0;
}
.kyoto-manner__title {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.kyoto-manner__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}
.kyoto-manner__item {
  font-size: 13px;
  line-height: 1.7;
  padding: 10px 14px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid var(--kyoto-border);
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.kyoto-manner__item::before {
  content: '✓';
  color: var(--kyoto-primary);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ══════════════════════════════════════════════════════
   セクション4: 食文化
   ══════════════════════════════════════════════════════ */

.kyoto-food-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  margin: 32px 0;
}
.kyoto-food-card {
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-radius: 14px;
  padding: 24px 22px;
  transition: box-shadow .25s, transform .25s;
  position: relative;
  overflow: hidden;
}
.kyoto-food-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--kyoto-primary), var(--kyoto-accent));
}
.kyoto-food-card:hover {
  box-shadow: var(--kyoto-shadow-lg);
  transform: translateY(-3px);
}
.kyoto-food-card__icon {
  font-size: 32px;
  margin-bottom: 12px;
  line-height: 1;
}
.kyoto-food-card__name {
  font-family: 'Shippori Mincho', serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 8px;
  letter-spacing: .05em;
}
.kyoto-food-card__price {
  font-size: 12px;
  color: var(--kyoto-accent);
  font-weight: 600;
  margin: 0 0 10px;
  letter-spacing: .04em;
}
.kyoto-food-card__desc {
  font-size: 13px;
  line-height: 1.8;
  color: var(--kyoto-text);
  margin: 0 0 14px;
}
.kyoto-food-card__tips {
  font-size: 12px;
  color: var(--kyoto-muted);
  border-top: 1px solid var(--kyoto-border);
  padding-top: 12px;
  line-height: 1.7;
}
.kyoto-food-card__tips strong {
  color: var(--kyoto-primary);
}

/* 予約ステップ */
.kyoto-steps {
  counter-reset: step-counter;
  margin: 32px 0;
}
.kyoto-step {
  counter-increment: step-counter;
  display: flex;
  gap: 18px;
  margin-bottom: 16px;
  align-items: flex-start;
}
.kyoto-step__num {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Shippori Mincho', serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-top: 2px;
}
.kyoto-step__num::before {
  content: counter(step-counter);
}
.kyoto-step__body {
  flex: 1;
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-radius: 10px;
  padding: 14px 18px;
}
.kyoto-step__title {
  font-size: 14px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 6px;
  letter-spacing: .04em;
}
.kyoto-step__desc {
  font-size: 13px;
  line-height: 1.75;
  color: var(--kyoto-text);
  margin: 0;
}

@media (max-width: 640px) {
  .kyoto-spot-grid { grid-template-columns: 1fr; }
  .kyoto-food-grid { grid-template-columns: 1fr; }
  .kyoto-manner__list { grid-template-columns: 1fr; }
}


/* ══════════════════════════════════════════════════════
   神社セクション専用スタイル
   ══════════════════════════════════════════════════════ */

.kyoto-shrine-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin: 32px 0;
}
.kyoto-shrine-card {
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-radius: 14px;
  overflow: hidden;
  transition: box-shadow .25s, transform .25s;
}
.kyoto-shrine-card:hover {
  box-shadow: var(--kyoto-shadow-lg);
  transform: translateY(-4px);
}
.kyoto-shrine-card__head {
  background: linear-gradient(135deg, #3d1a00, #7a3b1e);
  padding: 20px 22px 16px;
}
.kyoto-shrine-card__en {
  font-size: 10px;
  letter-spacing: .18em;
  color: #f0c070;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.kyoto-shrine-card__name {
  font-family: 'Shippori Mincho', serif;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 4px;
  letter-spacing: .06em;
}
.kyoto-shrine-card__area {
  font-size: 12px;
  color: rgba(255,255,255,.6);
  margin: 0;
}
.kyoto-shrine-card__body {
  padding: 18px 22px 20px;
}
.kyoto-shrine-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.kyoto-shrine-card__tag {
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 100px;
  background: #fff5e6;
  color: #7a3b1e;
  border: 1px solid #f0c070;
  letter-spacing: .04em;
}
.kyoto-shrine-card__desc {
  font-size: 13px;
  line-height: 1.8;
  color: var(--kyoto-text);
  margin: 0 0 14px;
}
.kyoto-shrine-card__meta {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: var(--kyoto-muted);
  border-top: 1px solid var(--kyoto-border);
  padding-top: 12px;
  flex-wrap: wrap;
}

/* 神社と寺の違い比較テーブル */
.kyoto-compare-table {
  width: 100%;
  border-collapse: collapse;
  margin: 28px 0;
  font-size: 14px;
}
.kyoto-compare-table th {
  padding: 12px 16px;
  text-align: center;
  font-family: 'Shippori Mincho', serif;
  font-weight: 700;
  letter-spacing: .06em;
  border: none;
}
.kyoto-compare-table th:first-child {
  background: var(--kyoto-warm);
  color: var(--kyoto-deep);
  border-right: 2px solid var(--kyoto-border);
}
.kyoto-compare-table th:nth-child(2) {
  background: linear-gradient(135deg, #3d1a00, #7a3b1e);
  color: #fff;
  width: 38%;
}
.kyoto-compare-table th:nth-child(3) {
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  color: #fff;
  width: 38%;
}
.kyoto-compare-table td {
  padding: 11px 16px;
  border-bottom: 1px solid var(--kyoto-border);
  vertical-align: top;
  line-height: 1.65;
}
.kyoto-compare-table td:first-child {
  font-weight: 600;
  font-size: 13px;
  color: var(--kyoto-deep);
  background: var(--kyoto-warm);
  border-right: 2px solid var(--kyoto-border);
  white-space: nowrap;
}
.kyoto-compare-table td:nth-child(2) {
  text-align: center;
  background: #fffaf4;
}
.kyoto-compare-table td:nth-child(3) {
  text-align: center;
  background: var(--kyoto-light);
}
.kyoto-compare-table tr:last-child td {
  border-bottom: none;
}

@media (max-width: 640px) {
  .kyoto-shrine-grid { grid-template-columns: 1fr; }
  .kyoto-compare-table { font-size: 12px; }
  .kyoto-compare-table th,
  .kyoto-compare-table td { padding: 9px 10px; }
  .kyoto-compare-table td:first-child { white-space: normal; }
}


/* ══════════════════════════════════════════════════════
   セクション6: 宿の選び方
   ══════════════════════════════════════════════════════ */

.kyoto-stay-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin: 32px 0;
}
.kyoto-stay-card {
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-radius: 14px;
  padding: 0;
  overflow: hidden;
  transition: box-shadow .25s, transform .25s;
}
.kyoto-stay-card:hover {
  box-shadow: var(--kyoto-shadow-lg);
  transform: translateY(-3px);
}
.kyoto-stay-card__head {
  padding: 22px 22px 16px;
  border-bottom: 1px solid var(--kyoto-border);
  background: var(--kyoto-warm);
}
.kyoto-stay-card__type {
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--kyoto-muted);
  text-transform: uppercase;
  margin: 0 0 6px;
}
.kyoto-stay-card__name {
  font-family: 'Shippori Mincho', serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 6px;
  letter-spacing: .04em;
}
.kyoto-stay-card__price {
  font-size: 13px;
  color: var(--kyoto-accent);
  font-weight: 600;
  margin: 0;
}
.kyoto-stay-card__body {
  padding: 16px 22px 20px;
}
.kyoto-stay-card__desc {
  font-size: 13px;
  line-height: 1.8;
  color: var(--kyoto-text);
  margin: 0 0 14px;
}
.kyoto-stay-card__pros {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kyoto-stay-card__pros li {
  font-size: 12px;
  color: var(--kyoto-text);
  display: flex;
  gap: 7px;
  align-items: flex-start;
  line-height: 1.6;
}
.kyoto-stay-card__pros li::before {
  content: '✦';
  color: var(--kyoto-accent);
  font-size: 10px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* エリア別マップ風テーブル */
.kyoto-area-table {
  width: 100%;
  border-collapse: collapse;
  margin: 28px 0;
  font-size: 14px;
}
.kyoto-article .kyoto-area-table th {
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  color: #ffffff;
  font-family: 'Shippori Mincho', serif;
  font-weight: 600;
  letter-spacing: .06em;
  padding: 12px 16px;
  text-align: left;
  border: none;
}
.kyoto-area-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--kyoto-border);
  vertical-align: top;
  line-height: 1.7;
  font-size: 13px;
}
.kyoto-area-table tr:nth-child(even) td { background: var(--kyoto-warm); }
.kyoto-area-table tr:hover td { background: var(--kyoto-light); }
.kyoto-area-table td:first-child {
  font-family: 'Shippori Mincho', serif;
  font-weight: 700;
  color: var(--kyoto-deep);
  white-space: nowrap;
  width: 20%;
}
.kyoto-area-table td:nth-child(2) { width: 35%; }
.kyoto-area-table td:nth-child(3) { color: var(--kyoto-muted); font-size: 12px; }

/* ══════════════════════════════════════════════════════
   セクション7: モデルプラン
   ══════════════════════════════════════════════════════ */


.kyoto-plan-tab-btns {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--kyoto-border);
  margin-bottom: 0;
  flex-wrap: wrap;
}
/* radio hack: 非表示ラジオボタン */
.kyoto-article .kyoto-plan-radio {
  display: none !important;
}
/* ラジオ選択時にタブパネル表示 */
/* radio:checked → 対応パネルを表示 */
.kyoto-article #tab-radio-1night:checked ~ .kyoto-plan-tab-panel#plan-1night,
.kyoto-article #tab-radio-2night:checked ~ .kyoto-plan-tab-panel#plan-2night,
.kyoto-article #tab-radio-3night:checked ~ .kyoto-plan-tab-panel#plan-3night {
  display: block !important;
}
/* radio:checked → 対応labelをアクティブスタイルに */
.kyoto-article #tab-radio-1night:checked ~ .kyoto-plan-tab-btns label[for="tab-radio-1night"],
.kyoto-article #tab-radio-2night:checked ~ .kyoto-plan-tab-btns label[for="tab-radio-2night"],
.kyoto-article #tab-radio-3night:checked ~ .kyoto-plan-tab-btns label[for="tab-radio-3night"] {
  background: var(--kyoto-primary) !important;
  color: #fff !important;
  border-bottom-color: var(--kyoto-primary) !important;
}
.kyoto-plan-tab-btn {
  padding: 12px 28px;
  font-family: 'Shippori Mincho', serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .06em;
  color: var(--kyoto-muted);
  background: var(--kyoto-warm);
  border: 1px solid var(--kyoto-border);
  border-bottom: none;
  cursor: pointer;
  border-radius: 8px 8px 0 0;
  margin-bottom: -2px;
  transition: background .2s, color .2s;
  position: relative;
  bottom: 0;
}
.kyoto-plan-tab-btn:hover {
  background: var(--kyoto-light);
  color: var(--kyoto-primary);
}
.kyoto-plan-tab-btn.kyoto-active {
  background: #fff;
  color: var(--kyoto-deep);
  border-color: var(--kyoto-border);
  border-bottom: 2px solid #fff;
  z-index: 1;
}
.kyoto-plan-tab-panel {
  display: none;
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-top: none;
  border-radius: 0 0 12px 12px;
  padding: 32px 28px;
}
.kyoto-plan-tab-panel.kyoto-active { display: block; }

/* タイムライン */


.kyoto-tl-item {
  position: relative;
  margin-bottom: 24px;
}
.kyoto-tl-item:last-child { margin-bottom: 0; }
.kyoto-tl-item::before {
  content: '';
  position: absolute;
  left: -26px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--kyoto-primary);
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px var(--kyoto-primary);
}
.kyoto-tl-time {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--kyoto-accent);
  margin: 0 0 3px;
  font-family: 'Shippori Mincho', serif;
}
.kyoto-tl-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 4px;
  letter-spacing: .03em;
}
.kyoto-tl-desc {
  font-size: 13px;
  color: var(--kyoto-text);
  line-height: 1.7;
  margin: 0;
}

/* 日程区切り */
.kyoto-plan-day {
  font-family: 'Shippori Mincho', serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #fff;
  background: linear-gradient(90deg, var(--kyoto-deep), var(--kyoto-primary));
  display: inline-block;
  padding: 5px 18px;
  border-radius: 100px;
  margin: 0 0 20px;
}

/* プラン予算サマリー */
.kyoto-plan-budget {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--kyoto-border);
}
.kyoto-plan-budget__item {
  flex: 1;
  min-width: 100px;
  background: var(--kyoto-warm);
  border: 1px solid var(--kyoto-border);
  border-radius: 10px;
  padding: 12px 14px;
  text-align: center;
}
.kyoto-plan-budget__label {
  font-size: 11px;
  color: var(--kyoto-muted);
  letter-spacing: .06em;
  margin: 0 0 4px;
}
.kyoto-plan-budget__val {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0;
}

@media (max-width: 640px) {
  
  .kyoto-plan-tab-btn { padding: 10px 16px; font-size: 13px; }
  .kyoto-plan-tab-panel { padding: 24px 16px; }
  
  .kyoto-area-table td, .kyoto-area-table th { padding: 10px 10px; }
  .kyoto-plan-budget { gap: 8px; }
}


/* ══════════════════════════════════════════════════════
   セクション6: 宿の選び方
   ══════════════════════════════════════════════════════ */



.kyoto-stay-card:hover {
  box-shadow: var(--kyoto-shadow-lg);
  transform: translateY(-3px);
}
.kyoto-stay-card__head {
  padding: 22px 22px 16px;
  border-bottom: 1px solid var(--kyoto-border);
  background: var(--kyoto-warm);
}
.kyoto-stay-card__type {
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--kyoto-muted);
  text-transform: uppercase;
  margin: 0 0 6px;
}
.kyoto-stay-card__name {
  font-family: 'Shippori Mincho', serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 6px;
  letter-spacing: .04em;
}
.kyoto-stay-card__price {
  font-size: 13px;
  color: var(--kyoto-accent);
  font-weight: 600;
  margin: 0;
}
.kyoto-stay-card__body {
  padding: 16px 22px 20px;
}
.kyoto-stay-card__desc {
  font-size: 13px;
  line-height: 1.8;
  color: var(--kyoto-text);
  margin: 0 0 14px;
}
.kyoto-stay-card__pros {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kyoto-stay-card__pros li {
  font-size: 12px;
  color: var(--kyoto-text);
  display: flex;
  gap: 7px;
  align-items: flex-start;
  line-height: 1.6;
}
.kyoto-stay-card__pros li::before {
  content: '✦';
  color: var(--kyoto-accent);
  font-size: 10px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* エリア別マップ風テーブル */

.kyoto-area-table th {
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  color: #fff;
  font-family: 'Shippori Mincho', serif;
  font-weight: 600;
  letter-spacing: .06em;
  padding: 12px 16px;
  text-align: left;
  border: none;
}
.kyoto-area-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--kyoto-border);
  vertical-align: top;
  line-height: 1.7;
  font-size: 13px;
}
.kyoto-area-table tr:nth-child(even) td { background: var(--kyoto-warm); }
.kyoto-area-table tr:hover td { background: var(--kyoto-light); }
.kyoto-area-table td:first-child {
  font-family: 'Shippori Mincho', serif;
  font-weight: 700;
  color: var(--kyoto-deep);
  white-space: nowrap;
  width: 20%;
}
.kyoto-area-table td:nth-child(2) { width: 35%; }
.kyoto-area-table td:nth-child(3) { color: var(--kyoto-muted); font-size: 12px; }

/* ══════════════════════════════════════════════════════
   セクション7: モデルプラン
   ══════════════════════════════════════════════════════ */


.kyoto-plan-tab-btns {
  display: flex;
  gap: 0;
  border-bottom: 2px solid var(--kyoto-border);
  margin-bottom: 0;
  flex-wrap: wrap;
}

.kyoto-plan-tab-btn:hover {
  background: var(--kyoto-light);
  color: var(--kyoto-primary);
}
.kyoto-plan-tab-btn.kyoto-active {
  background: #fff;
  color: var(--kyoto-deep);
  border-color: var(--kyoto-border);
  border-bottom: 2px solid #fff;
  z-index: 1;
}
.kyoto-plan-tab-panel {
  display: none;
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-top: none;
  border-radius: 0 0 12px 12px;
  padding: 32px 28px;
}
.kyoto-plan-tab-panel.kyoto-active { display: block; }

/* タイムライン */



.kyoto-tl-item:last-child { margin-bottom: 0; }
.kyoto-tl-item::before {
  content: '';
  position: absolute;
  left: -26px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--kyoto-primary);
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px var(--kyoto-primary);
}


.kyoto-tl-desc {
  font-size: 13px;
  color: var(--kyoto-text);
  line-height: 1.7;
  margin: 0;
}

/* 日程区切り */


/* プラン予算サマリー */

.kyoto-plan-budget__item {
  flex: 1;
  min-width: 100px;
  background: var(--kyoto-warm);
  border: 1px solid var(--kyoto-border);
  border-radius: 10px;
  padding: 12px 14px;
  text-align: center;
}
.kyoto-plan-budget__label {
  font-size: 11px;
  color: var(--kyoto-muted);
  letter-spacing: .06em;
  margin: 0 0 4px;
}
.kyoto-plan-budget__val {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0;
}

@media (max-width: 640px) {
  
  .kyoto-plan-tab-btn { padding: 10px 16px; font-size: 13px; }
  .kyoto-plan-tab-panel { padding: 24px 16px; }
  
  .kyoto-area-table td, .kyoto-area-table th { padding: 10px 10px; }
  
}


/* ══════════════════════════════════════════════════════
   セクション6: 宿スタイル別カード
   ══════════════════════════════════════════════════════ */



.kyoto-stay-card:hover {
  box-shadow: var(--kyoto-shadow-lg);
  transform: translateY(-4px);
}
.kyoto-stay-card__top {
  padding: 22px 22px 16px;
  border-bottom: 1px solid var(--kyoto-border);
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.kyoto-stay-card__icon {
  font-size: 30px;
  line-height: 1;
  flex-shrink: 0;
}
.kyoto-stay-card__titles { flex: 1; }
.kyoto-stay-card__name {
  font-family: 'Shippori Mincho', serif;
  font-size: 17px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 4px;
  letter-spacing: .04em;
}
.kyoto-stay-card__price {
  font-size: 12px;
  color: var(--kyoto-accent);
  font-weight: 600;
  letter-spacing: .03em;
  margin: 0;
}
.kyoto-stay-card__body {
  padding: 16px 22px 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.kyoto-stay-card__desc {
  font-size: 13px;
  line-height: 1.8;
  color: var(--kyoto-text);
  margin: 0;
}
.kyoto-stay-card__pros {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kyoto-stay-card__pros li {
  font-size: 12px;
  color: var(--kyoto-muted);
  display: flex;
  gap: 6px;
  line-height: 1.6;
}
.kyoto-stay-card__pros li::before {
  content: '◎';
  color: var(--kyoto-primary);
  flex-shrink: 0;
  font-size: 10px;
  margin-top: 3px;
}
.kyoto-stay-card__area {
  font-size: 11px;
  background: var(--kyoto-light);
  color: var(--kyoto-primary);
  border: 1px solid var(--kyoto-border);
  border-radius: 6px;
  padding: 8px 12px;
  line-height: 1.6;
}
.kyoto-stay-card__area strong {
  display: block;
  font-size: 12px;
  margin-bottom: 2px;
  color: var(--kyoto-deep);
}

/* エリアマップ的な説明 */

.kyoto-area-table th {
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  color: #fff;
  font-family: 'Shippori Mincho', serif;
  font-weight: 600;
  letter-spacing: .06em;
  padding: 12px 16px;
  text-align: left;
  border: none;
}
.kyoto-area-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--kyoto-border);
  vertical-align: top;
  line-height: 1.75;
  font-size: 13px;
}
.kyoto-area-table tr:nth-child(even) td { background: var(--kyoto-warm); }
.kyoto-area-table tr:hover td { background: var(--kyoto-light); }
.kyoto-area-name {
  font-weight: 700;
  color: var(--kyoto-deep);
  font-size: 14px;
  white-space: nowrap;
}

/* ══════════════════════════════════════════════════════
   セクション7: モデルプラン タイムライン
   ══════════════════════════════════════════════════════ */

.kyoto-plan-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.kyoto-plan-tab {
  flex: 1;
  min-width: 100px;
  padding: 12px 8px;
  background: var(--kyoto-warm);
  border: 2px solid var(--kyoto-border);
  border-radius: 10px;
  font-family: 'Shippori Mincho', serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--kyoto-muted);
  cursor: pointer;
  text-align: center;
  letter-spacing: .06em;
  transition: all .2s ease;
}
.kyoto-plan-tab:hover {
  border-color: var(--kyoto-primary);
  color: var(--kyoto-primary);
}
.kyoto-plan-tab.active {
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  border-color: var(--kyoto-primary);
  color: #fff;
  box-shadow: var(--kyoto-shadow);
}
.kyoto-plan-tab .tab-sub {
  display: block;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .08em;
  margin-top: 3px;
  opacity: .75;
}

.kyoto-plan-panel { display: none; }
.kyoto-plan-panel.active { display: block; }

/* タイムライン */


.kyoto-tl-item {
  position: relative;
  margin-bottom: 20px;
}
.kyoto-tl-item:last-child { margin-bottom: 0; }
.kyoto-tl-dot {
  position: absolute;
  left: -29px;
  top: 14px;
  width: 14px;
  height: 14px;
  background: var(--kyoto-primary);
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--kyoto-primary);
  transition: transform .2s;
}
.kyoto-tl-item:hover .kyoto-tl-dot {
  transform: scale(1.3);
  background: var(--kyoto-accent);
  box-shadow: 0 0 0 2px var(--kyoto-accent);
}
.kyoto-tl-card {
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-radius: 10px;
  padding: 14px 18px;
  transition: box-shadow .2s;
}
.kyoto-tl-card:hover { box-shadow: var(--kyoto-shadow); }
.kyoto-tl-time {
  font-size: 11px;
  font-weight: 700;
  color: var(--kyoto-primary);
  letter-spacing: .1em;
  margin: 0 0 4px;
}
.kyoto-tl-title {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 6px;
}
.kyoto-tl-desc {
  font-size: 13px;
  line-height: 1.75;
  color: var(--kyoto-text);
  margin: 0;
}
.kyoto-tl-tag {
  display: inline-block;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 100px;
  margin-top: 8px;
  font-weight: 600;
}
.kyoto-tl-tag--food    { background: #fff3e0; color: #e65100; border: 1px solid #ffcc80; }
.kyoto-tl-tag--temple  { background: var(--kyoto-light); color: var(--kyoto-primary); border: 1px solid var(--kyoto-border); }
.kyoto-tl-tag--shrine  { background: #fff5e6; color: #7a3b1e; border: 1px solid #f0c070; }
.kyoto-tl-tag--stay    { background: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6a7; }
.kyoto-tl-tag--walk    { background: #f3e5f5; color: #4a148c; border: 1px solid #ce93d8; }

/* 日ヘッダー */
.kyoto-day-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding: 14px 18px;
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  border-radius: 10px;
}
.kyoto-day-header__num {
  font-family: 'Shippori Mincho', serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--kyoto-accent);
  line-height: 1;
  min-width: 48px;
  letter-spacing: .04em;
}
.kyoto-day-header__text { flex: 1; }
.kyoto-day-header__title {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 2px;
  letter-spacing: .06em;
}
.kyoto-day-header__sub {
  font-size: 11px;
  color: rgba(255,255,255,.65);
  margin: 0;
  letter-spacing: .06em;
}
.kyoto-day-sep {
  height: 1px;
  background: var(--kyoto-border);
  margin: 28px 0;
}

@media (max-width: 640px) {
  
  .kyoto-plan-tab .tab-sub { display: none; }
  .kyoto-timeline { padding-left: 24px; }
  .kyoto-tl-dot { left: -22px; }
}


/* ══════════════════════════════════════════════════════
   セクション8: 実践ヒント
   ══════════════════════════════════════════════════════ */

.kyoto-tips-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin: 32px 0;
}
.kyoto-tip-card {
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-radius: 12px;
  padding: 20px 20px 18px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  transition: box-shadow .22s, transform .22s;
}
.kyoto-tip-card:hover {
  box-shadow: var(--kyoto-shadow);
  transform: translateY(-2px);
}
.kyoto-tip-card__num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, var(--kyoto-deep), var(--kyoto-primary));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Shippori Mincho', serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-top: 1px;
}
.kyoto-tip-card__body { flex: 1; }
.kyoto-tip-card__title {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--kyoto-deep);
  margin: 0 0 7px;
  letter-spacing: .04em;
}
.kyoto-tip-card__desc {
  font-size: 13px;
  line-height: 1.8;
  color: var(--kyoto-text);
  margin: 0;
}

/* 予約リスト */
.kyoto-checklist {
  list-style: none;
  padding: 0;
  margin: 28px 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}
.kyoto-checklist__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--kyoto-border);
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--kyoto-text);
}
.kyoto-checklist__item::before {
  content: '✓';
  flex-shrink: 0;
  font-weight: 700;
  color: var(--kyoto-primary);
  margin-top: 1px;
}

/* ══════════════════════════════════════════════════════
   FAQ セクション
   ══════════════════════════════════════════════════════ */

.kyoto-faq {
  margin: 0 0 72px;
}
.kyoto-faq__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 32px 0 0;
}
/* FAQ: checkbox hack方式（JS・details不要・完全CSS制御） */

/* チェックボックス本体は非表示 */
.kyoto-article .kyoto-faq__toggle {
  display: none !important;
  visibility: hidden;
  position: absolute;
}

/* アイテム全体 */
.kyoto-article .kyoto-faq__item {
  background: #fff !important;
  border: 1px solid #dde6ef !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
  transition: box-shadow .2s !important;
  display: block !important;
}
.kyoto-article .kyoto-faq__item:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.08) !important;
}

/* Q行（labelタグ） */
.kyoto-article .kyoto-faq__q {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  cursor: pointer !important;
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
  transition: background .18s !important;
  user-select: none;
  width: 100% !important;
  box-sizing: border-box !important;
}
.kyoto-article .kyoto-faq__q:hover {
  background: #f5f8fb !important;
}

/* Qアイコン */
.kyoto-article .kyoto-faq__q-icon {
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  background: #eaf2fb !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Shippori Mincho', serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2980b9 !important;
}

/* Q テキスト */
.kyoto-article .kyoto-faq__q-text {
  flex: 1 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1a3a52 !important;
  letter-spacing: .03em !important;
  line-height: 1.5 !important;
}

/* 矢印 */
.kyoto-article .kyoto-faq__q-arrow {
  flex-shrink: 0 !important;
  font-size: 20px !important;
  color: #2980b9 !important;
  transition: transform .3s ease !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* 回答エリア: 初期状態は非表示 */
.kyoto-article .kyoto-faq__a {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height .4s ease !important;
}

/* ✅ チェック時: 回答を表示 */
.kyoto-article .kyoto-faq__toggle:checked + .kyoto-faq__q {
  background: #eaf2fb !important;
}
.kyoto-article .kyoto-faq__toggle:checked + .kyoto-faq__q .kyoto-faq__q-arrow {
  transform: rotate(90deg) !important;
}
.kyoto-article .kyoto-faq__toggle:checked ~ .kyoto-faq__a {
  max-height: 600px !important;
}

/* 回答テキスト */
.kyoto-article .kyoto-faq__a-inner {
  padding: 16px 20px 20px 62px !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  color: #444 !important;
  border-top: 1px solid #dde6ef !important;
}
/* アクセシビリティ: 開閉状態をスクリーンリーダーに通知 */
.kyoto-article .kyoto-faq__sr-status {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.kyoto-article .kyoto-faq__sr-open  { display: inline; }
.kyoto-article .kyoto-faq__sr-close { display: none; }
.kyoto-article .kyoto-faq__toggle:checked ~ .kyoto-faq__a .kyoto-faq__sr-open  { display: none; }
.kyoto-article .kyoto-faq__toggle:checked ~ .kyoto-faq__a .kyoto-faq__sr-close { display: inline; }

/* ══════════════════════════════════════════════════════
   まとめセクション
   ══════════════════════════════════════════════════════ */

.kyoto-article .kyoto-summary {
  background: #0d3a52 !important;
  background-image: linear-gradient(145deg, #0d3a52 0%, #1a5a78 55%, #2980b9 100%) !important;
  border-radius: 16px !important;
  padding: 48px 40px !important;
  margin-bottom: 40px !important;
  position: relative !important;
  overflow: hidden !important;
  color: #fff !important;
}
.kyoto-article .kyoto-summary::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 80%, rgba(200,168,112,.15) 0%, transparent 50%),
    radial-gradient(circle at 90% 20%, rgba(200,168,112,.10) 0%, transparent 40%);
  pointer-events: none;
  z-index: 0;
}
.kyoto-article .kyoto-summary__inner { position: relative; z-index: 1; }
.kyoto-article .kyoto-summary__label {
  font-size: 11px;
  letter-spacing: .2em;
  color: #c8a870 !important;
  text-transform: uppercase;
  margin: 0 0 16px;
}
/* Cocoon h2デフォルトリセット（summary内） */
.kyoto-article .kyoto-summary h2,
.kyoto-article .kyoto-summary .kyoto-summary__title {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-left: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-family: 'Shippori Mincho', serif !important;
  font-size: clamp(22px, 3.5vw, 34px) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: .06em !important;
}
.kyoto-article .kyoto-summary__title {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(22px, 3.5vw, 34px);
  font-weight: 700;
  color: #ffffff !important;
  line-height: 1.4;
  letter-spacing: .06em;
  margin: 0 0 24px;
}
.kyoto-article .kyoto-summary__title em {
  font-style: normal;
  color: #c8a870 !important;
}
.kyoto-article .kyoto-summary__text {
  font-size: 15px;
  line-height: 2;
  color: rgba(255,255,255,.9) !important;
  margin: 0 0 36px;
  max-width: 640px;
}
.kyoto-summary__points {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 36px;
}
.kyoto-summary__point {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.kyoto-summary__point-icon {
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 1px;
}
.kyoto-summary__point-text {
  font-size: 13px;
  line-height: 1.7;
  color: rgba(255,255,255,.85);
}
.kyoto-summary__cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.kyoto-summary__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 24px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-decoration: none !important;
  transition: transform .2s, box-shadow .2s;
}
.kyoto-summary__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
  text-decoration: none !important;
}
.kyoto-summary__btn--primary {
  background: var(--kyoto-accent);
  color: var(--kyoto-deep);
}
.kyoto-article .kyoto-summary__btn--secondary {
  background: rgba(255,255,255,.15) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.5) !important;
}




@media (max-width: 640px) {
  .kyoto-tips-grid { grid-template-columns: 1fr; }
  .kyoto-checklist { grid-template-columns: 1fr; }
  .kyoto-summary { padding: 32px 20px; }
  .kyoto-summary__points { grid-template-columns: 1fr; }
  .kyoto-summary__cta { flex-direction: column; }
  .kyoto-summary__btn { justify-content: center; }
}


/* ══════════════════════════════════════════════════════
   Cocoon main要素 border リセット
   main#main.main にCocoonが付与する左右ボーダーを削除
   ══════════════════════════════════════════════════════ */
html body main#main.main,
html body .main,
html body #main {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}

</style>

<div class="kyoto-article" role="main" aria-label="大人の京都旅 記事コンテンツ">

  <!-- 読書進捗バー -->
  <div class="kyoto-progress" id="kyotoProgress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-label="記事の読了進捗"></div>

  <!-- ══════════════════════════════════════════
       ヒーローセクション
       ══════════════════════════════════════════ -->
  <section class="kyoto-hero" aria-label="記事ヘッダー">
    <div class="kyoto-hero__inner">
      <span class="kyoto-hero__eyebrow">Adult Travel in Kyoto</span>

      <h2 class="kyoto-hero__title">
        大人の<em>京都旅</em><br>
        混雑を避けて、深く静かに。
      </h2>

      <p class="kyoto-hero__subtitle">
        早朝の光、静謐な庭、格式ある一皿。<br>何度訪れても京都は、新しい顔を見せてくれる。
      </p>

      <div class="kyoto-hero__meta" aria-label="記事の基本情報">
        <div class="kyoto-hero__badge">
          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z"/></svg>
          京都市内 全エリア対応
        </div>
        <div class="kyoto-hero__badge">
          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"/></svg>
          2026年版 最新情報
        </div>
      </div>
    </div>
    <div class="kyoto-hero__deco" aria-hidden="true"></div>
  </section>


  <!-- ══════════════════════════════════════════
       この記事の要点
       ══════════════════════════════════════════ -->
  <section class="kyoto-keypoints" aria-labelledby="keypoints-heading">
    <div class="kyoto-keypoints__header">
      <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
        <path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7z"/>
      </svg>
      <h3 class="kyoto-keypoints__title" id="keypoints-heading">📋 この記事でわかること</h3>
    </div>
    <ul class="kyoto-keypoints__list" role="list">
      <li class="kyoto-keypoints__item">
        <span class="kyoto-keypoints__icon" aria-hidden="true">🌅</span>
        <span>早朝・平日・穴場スポットの選び方で、混雑知らずの京都体験を実現する方法</span>
      </li>
      <li class="kyoto-keypoints__item">
        <span class="kyoto-keypoints__icon" aria-hidden="true">🏯</span>
        <span>深みのある寺社・庭園の巡り方。大人が訪れるべき静謐な場所の選定基準</span>
      </li>
      <li class="kyoto-keypoints__item">
        <span class="kyoto-keypoints__icon" aria-hidden="true">🍱</span>
        <span>懐石・割烹・老舗甘味。京都の食を本気で楽しむための予約術と心得</span>
      </li>
      <li class="kyoto-keypoints__item">
        <span class="kyoto-keypoints__icon" aria-hidden="true">🛖</span>
        <span>一棟貸し・町家・老舗旅館。宿が旅の質を決める正しいエリア選びの視点</span>
      </li>
      <li class="kyoto-keypoints__item">
        <span class="kyoto-keypoints__icon" aria-hidden="true">🗓️</span>
        <span>1泊・2泊・3泊別のモデルプラン。移動の無駄を省いた大人ルート設計</span>
      </li>
      <li class="kyoto-keypoints__item">
        <span class="kyoto-keypoints__icon" aria-hidden="true">✅</span>
        <span>事前予約必須スポット・マナー・季節ごとの注意点まで実践ヒントを網羅</span>
      </li>
    </ul>
  </section>


  <!-- ══════════════════════════════════════════
       アニメーション目次
       ══════════════════════════════════════════ -->
  <nav class="kyoto-toc" aria-label="目次" id="kyotoToc">
    <div class="kyoto-toc__header" id="kyotoTocToggler" role="button" tabindex="0" aria-expanded="true" aria-controls="kyotoTocBody">
      <div class="kyoto-toc__header-left">
        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
          <path d="M3 9h14V7H3v2zm0 4h14v-2H3v2zm0 4h14v-2H3v2zm16 0h2v-2h-2v2zm0-10v2h2V7h-2zm0 6h2v-2h-2v2z"/>
        </svg>
        <h3 class="kyoto-toc__heading">目 次</h3>
      </div>
      <button class="kyoto-toc__toggle" aria-label="目次を開閉する">閉じる</button>
    </div>

    <div class="kyoto-toc__body" id="kyotoTocBody">
      <ol class="kyoto-toc__nav" aria-label="記事の目次">
        <li class="kyoto-toc__item">
          <a href="#why-kyoto" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">大人が京都に惹かれる理由</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
        <li class="kyoto-toc__item">
          <a href="#best-season" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">大人の京都旅に最適なシーズンと時間帯</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
        <li class="kyoto-toc__item">
          <a href="#temples-gardens" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">大人が選ぶ寺社・庭園｜深く静かに巡る</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
        <li class="kyoto-toc__item">
          <a href="#shrines" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">大人が訪れる京都の神社｜静寂と格式</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
        <li class="kyoto-toc__item">
          <a href="#food-culture" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">京都の食を本気で楽しむ</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
        <li class="kyoto-toc__item">
          <a href="#accommodations" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">宿の選び方｜一棟貸し・町家・老舗旅館</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
        <li class="kyoto-toc__item">
          <a href="#model-plan" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">モデルプラン｜1泊・2泊・3泊</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
        <li class="kyoto-toc__item">
          <a href="#practical-tips" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">大人の京都旅を深める実践ヒント</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
        <li class="kyoto-toc__item">
          <a href="#faq" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">よくある質問（FAQ）</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
        <li class="kyoto-toc__item">
          <a href="#summary" class="kyoto-toc__link">
            <span class="kyoto-toc__link-text">まとめ</span>
            <span class="kyoto-toc__link-arrow" aria-hidden="true">›</span>
          </a>
        </li>
      </ol>
    </div>
  </nav>


  <!-- ══════════════════════════════════════════
       セクション1: 大人が京都に惹かれる理由
       ══════════════════════════════════════════ -->
  <section class="kyoto-section" id="why-kyoto" aria-labelledby="why-kyoto-heading" tabindex="-1">

    <h2 class="kyoto-h2" id="why-kyoto-heading">
      <span class="kyoto-h2-sub">Why Adults Love Kyoto</span>
      大人が京都に惹かれる理由
    </h2>

    <p class="kyoto-body-text">
      京都には、観光地としての顔だけでなく、<strong>何度訪れても新しい発見がある「深さ」</strong>があります。若い頃に訪れたときとは違い、人生の経験を積んだ大人だからこそ気づける美しさ——それが大人の京都旅の本質です。
    </p>
    <p class="kyoto-body-text">
      早朝6時の祇園白川。人影がまばらな石畳を歩くとき、京都はその本来の姿を静かに見せてくれます。インスタグラムの写真では伝わらない空気の重さ、苔の湿り気、遠くで響く鐘の音——そうした感覚こそが、大人が京都に何度も引き寄せられる理由です。
    </p>

    <!-- 理由カード -->
    <div class="kyoto-reason-grid" role="list">
      <div class="kyoto-reason-card" role="listitem">
        <span class="kyoto-reason-card__icon" aria-hidden="true">🏯</span>
        <p class="kyoto-reason-card__title">重層する歴史の深み</p>
        <p class="kyoto-reason-card__text">794年の平安遷都から現代まで、1200年以上の文化が積み重なった唯一の都市。知れば知るほど底が見えない。</p>
      </div>
      <div class="kyoto-reason-card" role="listitem">
        <span class="kyoto-reason-card__icon" aria-hidden="true">🍵</span>
        <p class="kyoto-reason-card__title">五感で味わう美の文化</p>
        <p class="kyoto-reason-card__text">枯山水の庭、懐石料理、能楽、茶道——「見る」だけでなく、全身で感じる体験が京都には息づいている。</p>
      </div>
      <div class="kyoto-reason-card" role="listitem">
        <span class="kyoto-reason-card__icon" aria-hidden="true">🌿</span>
        <p class="kyoto-reason-card__title">余白と静謐の価値</p>
        <p class="kyoto-reason-card__text">賑わいの一歩奥に、静寂が待っている。喧騒から離れる「余白」を意図的に旅に組み込める場所が京都だ。</p>
      </div>
    </div>

    <div class="kyoto-quote" role="figure" aria-label="引用">
      「京都は、あなたが京都に何を求めているかを知っている。」<br>
      初めての訪問では気づかなかった路地、二度目には素通りした庭——三度目にようやく、その意味がわかる。大人の旅とは、そういうものかもしれない。
      <cite>旅樂道 編集部</cite>
    </div>

    <!-- 画像1 -->
    <figure class="kyoto-figure">
      <img
        src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Gion-Shirakawa-in-the-early-morning.-Stone-pavement-willow-trees-and-a-quiet-waterway-create-a-pristine-Kyoto-landscape.jpg"
        alt="早朝の祇園白川。石畳と柳、静かな水路が織りなす京都の原風景"
        width="1200"
        height="800"
        loading="lazy"
        decoding="async"
      >
      <figcaption>早朝の祇園白川。観光客が来る前の静寂の時間が、大人の京都旅の醍醐味のひとつ。</figcaption>
    </figure>

    <p class="kyoto-body-text">
      京都の魅力は「引き算の美学」にあります。余分なものを削ぎ落とし、本質だけを残す——その哲学は、枯山水の庭、数寄屋造りの茶室、一汁三菜の懐石に至るまで一貫しています。忙しい日常から距離を置きたい大人にとって、京都はその姿勢を体で学べる場所です。
    </p>

  </section>


  <!-- ══════════════════════════════════════════
       セクション2: 最適なシーズンと時間帯
       ══════════════════════════════════════════ -->
  <section class="kyoto-section" id="best-season" aria-labelledby="best-season-heading" tabindex="-1">

    <h2 class="kyoto-h2" id="best-season-heading">
      <span class="kyoto-h2-sub">Best Season &amp; Timing</span>
      大人の京都旅に最適なシーズンと時間帯
    </h2>

    <p class="kyoto-body-text">
      京都観光の最大の課題は「混雑」です。春の桜シーズンや秋の紅葉シーズンには年間5000万人以上が訪れ、人気スポットでは静けさとはほど遠い状況になります。大人の旅では、<strong>「いつ行くか」と「何時に動くか」の設計が旅の質を大きく左右</strong>します。
    </p>

    <!-- 混雑カレンダー -->
    <h3 class="kyoto-h3">月別 混雑度カレンダー</h3>
    <div class="kyoto-crowd-bar" role="img" aria-label="月別混雑度グラフ">
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">1月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill" style="width:20%"></div></div><span class="kyoto-crowd-bar__note">◎ 穴場</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">2月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill" style="width:25%"></div></div><span class="kyoto-crowd-bar__note">◎ 穴場</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">3月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill kyoto-crowd-bar__fill--mid" style="width:60%"></div></div><span class="kyoto-crowd-bar__note">△ やや混</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">4月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill kyoto-crowd-bar__fill--high" style="width:95%"></div></div><span class="kyoto-crowd-bar__note">× 激混み</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">5月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill kyoto-crowd-bar__fill--mid" style="width:55%"></div></div><span class="kyoto-crowd-bar__note">△ やや混</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">6月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill" style="width:30%"></div></div><span class="kyoto-crowd-bar__note">○ 狙い目</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">7月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill kyoto-crowd-bar__fill--mid" style="width:50%"></div></div><span class="kyoto-crowd-bar__note">△ 祇園祭</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">8月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill kyoto-crowd-bar__fill--mid" style="width:58%"></div></div><span class="kyoto-crowd-bar__note">△ 夏休み</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">9月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill" style="width:28%"></div></div><span class="kyoto-crowd-bar__note">○ 狙い目</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">10月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill kyoto-crowd-bar__fill--mid" style="width:65%"></div></div><span class="kyoto-crowd-bar__note">△ やや混</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">11月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill kyoto-crowd-bar__fill--high" style="width:98%"></div></div><span class="kyoto-crowd-bar__note">× 最混雑</span></div>
      <div class="kyoto-crowd-bar__item"><span class="kyoto-crowd-bar__label">12月</span><div class="kyoto-crowd-bar__track"><div class="kyoto-crowd-bar__fill" style="width:22%"></div></div><span class="kyoto-crowd-bar__note">◎ 穴場</span></div>
    </div>

    <p class="kyoto-body-text">
      大人の旅で特に狙いたいのは<strong>1〜2月の厳冬期</strong>と<strong>6月の梅雨時期</strong>、そして<strong>9月の初秋</strong>です。観光客が少なく、宿泊費も抑えられ、本来の京都の空気感を独占できる絶好の機会です。
    </p>

    <!-- 季節別比較テーブル -->
    <div style="overflow-x:auto; margin: 32px 0;">
      <table class="kyoto-season-table" aria-label="京都 季節別おすすめ情報">
        <thead>
          <tr>
            <th>季節・時期</th>
            <th>見どころ</th>
            <th>混雑度</th>
            <th>大人旅の評価</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>1〜2月</strong><br>厳冬期</td>
            <td>雪化粧の金閣寺、節分祭（2月）、静寂の枯山水</td>
            <td><span class="kyoto-tag">低</span></td>
            <td><span class="kyoto-tag--gold kyoto-tag">★★★★★</span> 最推薦</td>
          </tr>
          <tr>
            <td><strong>3〜4月</strong><br>桜シーズン</td>
            <td>円山公園・哲学の道・仁和寺の桜</td>
            <td><span class="kyoto-tag" style="background:rgba(231,76,60,.1);color:#c0392b;">極高</span></td>
            <td>早朝限定なら可</td>
          </tr>
          <tr>
            <td><strong>6月</strong><br>梅雨</td>
            <td>紫陽花の三室戸寺、苔の瑞巌院、雨の竹林</td>
            <td><span class="kyoto-tag">低〜中</span></td>
            <td><span class="kyoto-tag--gold kyoto-tag">★★★★☆</span> 推薦</td>
          </tr>
          <tr>
            <td><strong>9月</strong><br>初秋</td>
            <td>残暑の京料理、彼岸花、月見イベント</td>
            <td><span class="kyoto-tag">低</span></td>
            <td><span class="kyoto-tag--gold kyoto-tag">★★★★☆</span> 推薦</td>
          </tr>
          <tr>
            <td><strong>11月</strong><br>紅葉最盛期</td>
            <td>東福寺・永観堂・高台寺の紅葉</td>
            <td><span class="kyoto-tag" style="background:rgba(231,76,60,.1);color:#c0392b;">極高</span></td>
            <td>早朝か平日のみ</td>
          </tr>
          <tr>
            <td><strong>12月</strong><br>師走〜年末</td>
            <td>師走の京の町並み、大晦日の除夜の鐘</td>
            <td><span class="kyoto-tag">低</span></td>
            <td><span class="kyoto-tag--gold kyoto-tag">★★★★☆</span> 推薦</td>
          </tr>
        </tbody>
      </table>
    </div>

    <!-- 画像2 -->
    <figure class="kyoto-figure">
      <img
        src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Kinkakuji-Temple-in-winter.-The-golden-Shariden-Hall-covered-in-snow-and-the-tranquil-Kyokochi-Pond.jpg"
        alt="冬の金閣寺。雪をまとった金色の舎利殿と静寂な鏡湖池"
        width="1200"
        height="800"
        loading="lazy"
        decoding="async"
      >
      <figcaption>厳冬期の金閣寺は、訪れる人が少なく静謐そのもの。雪が降った翌朝は特別な光景が広がる。</figcaption>
    </figure>

    <!-- 時間帯タイムライン -->
    <h3 class="kyoto-h3">大人の京都旅 推奨タイムライン</h3>

    <div class="kyoto-timeline" role="list" aria-label="1日の推奨タイムライン">
      <div class="kyoto-timeline__item" role="listitem">
        <p class="kyoto-timeline__time">06:00〜08:00</p>
        <p class="kyoto-timeline__title">早朝ゴールデンタイム</p>
        <p class="kyoto-timeline__text">伏見稲荷・祇園・嵐山の竹林。観光客が来る前の2時間が最も価値ある時間。拝観が始まる前に境内を独占できるケースも。</p>
      </div>
      <div class="kyoto-timeline__item" role="listitem">
        <p class="kyoto-timeline__time">08:00〜11:00</p>
        <p class="kyoto-timeline__title">午前の拝観時間</p>
        <p class="kyoto-timeline__text">混雑ピーク前に有名スポットを巡る。事前予約が必要な塔頭や庭園はこの時間帯を狙う。</p>
      </div>
      <div class="kyoto-timeline__item" role="listitem">
        <p class="kyoto-timeline__time">11:00〜14:00</p>
        <p class="kyoto-timeline__title">混雑回避の昼休憩</p>
        <p class="kyoto-timeline__text">観光のピークタイム。宿に戻るか、路地裏の町家カフェや老舗でゆっくり昼食を。混雑する名所は午後に回すのが得策。</p>
      </div>
      <div class="kyoto-timeline__item" role="listitem">
        <p class="kyoto-timeline__time">14:00〜17:00</p>
        <p class="kyoto-timeline__title">午後の深掘り時間</p>
        <p class="kyoto-timeline__text">大徳寺の塔頭群や東山の裏路地など、観光客が少ない穴場エリアを徒歩で探索。地元の人の動線を歩くのがコツ。</p>
      </div>
      <div class="kyoto-timeline__item" role="listitem">
        <p class="kyoto-timeline__time">17:00〜20:00</p>
        <p class="kyoto-timeline__title">夕暮れから夜の顔へ</p>
        <p class="kyoto-timeline__text">日が落ちた京都は全く別の表情を見せる。ライトアップは避け、常夜灯だけが灯る路地を歩くと、京都の本来の夜がある。夕食の懐石・割烹は17:30〜18:00開始が狙い目。</p>
      </div>
    </div>

    <p class="kyoto-body-text">
      京都の観光地は10時〜16時に集中して混雑します。大人の旅では「逆張り」の発想が重要です。混雑する時間に人気スポットに行くのではなく、<strong>早朝に動いて昼は休み、夕方から再び動く</strong>——この2回戦方式が、質の高い京都体験を生み出します。
    </p>

  </section>



  <!-- ══════════════════════════════════════════════════════
       セクション3: 大人が選ぶ寺社・庭園
       ══════════════════════════════════════════════════════ -->
  <section class="kyoto-section" id="temples-gardens" aria-labelledby="temples-heading" tabindex="-1">

    <span class="kyoto-section-badge">Section 03</span>
    <h2 class="kyoto-h2" id="temples-heading">大人が選ぶ寺社・庭園｜深く静かに巡る</h2>

    <p class="kyoto-p">清水寺や金閣寺を否定するわけではない。ただ、それだけで京都を語るのはあまりにもったいない。大人の旅では「どこへ行くか」よりも「どう訪れるか」が問われる。人が少なく、案内板も少なく、自分の感覚だけが頼りの場所——そうした寺院や庭園にこそ、京都の本質が凝縮されている。</p>

    <div class="kyoto-spot-grid" role="list" aria-label="おすすめ寺社・庭園">

      <article class="kyoto-spot-card" role="listitem">
        <div class="kyoto-spot-card__head">
          <p class="kyoto-spot-card__en">Daitoku-ji</p>
          <h3 class="kyoto-spot-card__name">大徳寺 塔頭群</h3>
          <p class="kyoto-spot-card__area">📍 北区紫野</p>
        </div>
        <div class="kyoto-spot-card__body">
          <div class="kyoto-spot-card__tags">
            <span class="kyoto-spot-card__tag">枯山水</span>
            <span class="kyoto-spot-card__tag">茶の湯</span>
            <span class="kyoto-spot-card__tag">要事前確認</span>
          </div>
          <p class="kyoto-spot-card__desc">千利休ゆかりの地として知られる禅宗の大寺院。境内には20を超える塔頭が点在し、龍源院・瑞峯院・大仙院など非公開も多い。一度に全てを見ようとせず、一つの塔頭とじっくり向き合う姿勢が大人旅らしい。</p>
          <div class="kyoto-spot-card__meta">
            <span>⏰ 9:00〜16:30</span>
            <span>🚌 市バス大徳寺前</span>
          </div>
        </div>
      </article>

      <article class="kyoto-spot-card" role="listitem">
        <div class="kyoto-spot-card__head">
          <p class="kyoto-spot-card__en">Shisen-do</p>
          <h3 class="kyoto-spot-card__name">詩仙堂</h3>
          <p class="kyoto-spot-card__area">📍 左京区一乗寺</p>
        </div>
        <div class="kyoto-spot-card__body">
          <div class="kyoto-spot-card__tags">
            <span class="kyoto-spot-card__tag">回遊式庭園</span>
            <span class="kyoto-spot-card__tag">鹿威し</span>
            <span class="kyoto-spot-card__tag">穴場</span>
          </div>
          <p class="kyoto-spot-card__desc">江戸初期の文人・石川丈山が造営した山荘跡。嵯峨野や嵐山と比べて訪問者が少なく、鹿威しの音と苔庭の静寂が保たれている。近くの恵文社（書店）や一乗寺エリアの飲食店と組み合わせると一日が豊かになる。</p>
          <div class="kyoto-spot-card__meta">
            <span>⏰ 9:00〜17:00</span>
            <span>🚌 市バス一乗寺下り松町</span>
          </div>
        </div>
      </article>

      <article class="kyoto-spot-card" role="listitem">
        <div class="kyoto-spot-card__head">
          <p class="kyoto-spot-card__en">Ryoan-ji</p>
          <h3 class="kyoto-spot-card__name">龍安寺 石庭</h3>
          <p class="kyoto-spot-card__area">📍 右京区龍安寺御陵</p>
        </div>
        <div class="kyoto-spot-card__body">
          <div class="kyoto-spot-card__tags">
            <span class="kyoto-spot-card__tag">世界遺産</span>
            <span class="kyoto-spot-card__tag">枯山水</span>
            <span class="kyoto-spot-card__tag">早朝推奨</span>
          </div>
          <p class="kyoto-spot-card__desc">世界で最も有名な枯山水庭園。昼の混雑時は観光バスが絶えないが、開門直後（8:00）の30分は驚くほど静かだ。15石の配置と白砂のみで「何か」を語りかけてくる空間は、何度見ても飽きない。</p>
          <div class="kyoto-spot-card__meta">
            <span>⏰ 8:00〜17:00</span>
            <span>🚌 市バス龍安寺前</span>
          </div>
        </div>
      </article>

      <article class="kyoto-spot-card" role="listitem">
        <div class="kyoto-spot-card__head">
          <p class="kyoto-spot-card__en">Funda-in</p>
          <h3 class="kyoto-spot-card__name">退耕庵・戒光寺界隈</h3>
          <p class="kyoto-spot-card__area">📍 東山区泉涌寺道</p>
        </div>
        <div class="kyoto-spot-card__body">
          <div class="kyoto-spot-card__tags">
            <span class="kyoto-spot-card__tag">超穴場</span>
            <span class="kyoto-spot-card__tag">皇室ゆかり</span>
            <span class="kyoto-spot-card__tag">静寂</span>
          </div>
          <p class="kyoto-spot-card__desc">泉涌寺エリアは「御寺（みてら）」と呼ばれる皇室ゆかりの地。観光客が少なく、静謐な空気が最後まで保たれる。紅葉期でも混雑知らずで、本物の「人のいない京都」を体験できる数少ないエリアのひとつ。</p>
          <div class="kyoto-spot-card__meta">
            <span>⏰ 各寺院に要確認</span>
            <span>🚌 市バス泉涌寺道</span>
          </div>
        </div>
      </article>

    </div>

    <div class="kyoto-manner" role="note" aria-label="拝観マナー">
      <p class="kyoto-manner__title">
        <span aria-hidden="true">🙏</span>
        大人として心得ておきたい拝観マナー
      </p>
      <ul class="kyoto-manner__list">
        <li class="kyoto-manner__item">境内での通話・大声は慎む。静寂は共有財産</li>
        <li class="kyoto-manner__item">庭の石・苔・砂紋には絶対に触れない</li>
        <li class="kyoto-manner__item">撮影禁止エリアの確認を入口で必ず行う</li>
        <li class="kyoto-manner__item">拝観料は文化保護の支援。感謝の気持ちで</li>
        <li class="kyoto-manner__item">非公開特別拝観は公式サイトで事前予約を</li>
        <li class="kyoto-manner__item">履物は脱いだ場所に整えて置く</li>
      </ul>
    </div>

  </section>



  <!-- ══════════════════════════════════════════════════════
       セクション4: 大人が訪れる京都の神社
       ══════════════════════════════════════════════════════ -->
  <section class="kyoto-section" id="shrines" aria-labelledby="shrines-heading" tabindex="-1">

    <span class="kyoto-section-badge">Section 04</span>
    <h2 class="kyoto-h2" id="shrines-heading">大人が訪れる京都の神社｜静寂と格式</h2>

    <p class="kyoto-p">寺院と神社は似て非なるものだ。寺が「内省」の場であるとすれば、神社は「祈り」と「自然」が交差する場所である。京都の神社は仏教文化の影響を受けながらも独自の神域を形成しており、境内に足を踏み入れた瞬間に感じる気配の変化は、大人になるほど鋭敏に感じ取れるようになる。</p>

    <p class="kyoto-p">観光地化された神社であっても、「いつ・どう訪れるか」次第で体験の深さはまったく変わる。早朝の人気社、訪問者の少ない穴場、神苑の奥に続く末社——大人の旅では、同じ場所を人と違う角度から訪れる眼差しを持つことが問われる。</p>

    <!-- 四神：京都四方を守護する神社をめぐる旅 -->
    <div class="kyoto-highlight" style="margin-bottom:28px;">
      <p class="kyoto-highlight__title"><span aria-hidden="true">🧭</span>四神相応の都・京都を守る5社</p>
      <p>平安京は「四神相応」の地として選ばれた。北の玄武（上賀茂）、東の青龍（八坂・平安神宮）、南の朱雀（城南宮）、西の白虎（松尾大社）——この四方を守護する神社をめぐることは、京都という都市の根本思想に触れる旅でもある。</p>
    </div>

    <div class="kyoto-shrine-grid" role="list" aria-label="四神ゆかりの神社5社">

      <article class="kyoto-shrine-card" role="listitem">
        <div class="kyoto-shrine-card__head">
          <p class="kyoto-shrine-card__en">Kamigamo-jinja ／ 北・玄武</p>
          <h3 class="kyoto-shrine-card__name">上賀茂神社</h3>
          <p class="kyoto-shrine-card__area">📍 北区上賀茂本山</p>
        </div>
        <div class="kyoto-shrine-card__body">
          <div class="kyoto-shrine-card__tags">
            <span class="kyoto-shrine-card__tag">世界遺産</span>
            <span class="kyoto-shrine-card__tag">葵祭</span>
            <span class="kyoto-shrine-card__tag">早朝推奨</span>
          </div>
          <p class="kyoto-shrine-card__desc">京都最古の神社のひとつで北方を守る玄武の地。二葉葵が群生する境内とならの小川の清流が醸す神域は格別だ。世界遺産ながら観光客が比較的少なく、早朝の参道は千年の時間軸に引き込む静けさがある。</p>
          <div class="kyoto-shrine-card__meta">
            <span>⏰ 5:30〜17:00</span>
            <span>🚌 市バス上賀茂神社前</span>
          </div>
        </div>
      </article>

      <article class="kyoto-shrine-card" role="listitem">
        <div class="kyoto-shrine-card__head">
          <p class="kyoto-shrine-card__en">Matsunoo-taisha ／ 西・白虎</p>
          <h3 class="kyoto-shrine-card__name">松尾大社</h3>
          <p class="kyoto-shrine-card__area">📍 西京区嵐山宮町</p>
        </div>
        <div class="kyoto-shrine-card__body">
          <div class="kyoto-shrine-card__tags">
            <span class="kyoto-shrine-card__tag">醸造の神</span>
            <span class="kyoto-shrine-card__tag">磐座</span>
            <span class="kyoto-shrine-card__tag">山吹の名所</span>
          </div>
          <p class="kyoto-shrine-card__desc">酒・味噌・醤油など醸造の神として全国から崇敬を集める西の守護社。本殿背後の磐座（いわくら）は太古の信仰形態を今に伝え、4〜5月の山吹の花は境内を黄金色に染める。嵐山観光と組み合わせやすい立地も魅力だ。</p>
          <div class="kyoto-shrine-card__meta">
            <span>⏰ 9:00〜16:00</span>
            <span>🚃 阪急松尾大社駅すぐ</span>
          </div>
        </div>
      </article>

    </div><!-- /.kyoto-shrine-grid（松尾大社まで） -->

    <!-- 画像: 松尾大社 -->
    <figure class="kyoto-img-wrap" role="figure" aria-labelledby="img-matsunoo-caption" data-note="神社セクション追加に伴う意図的な追加（3枚目）">
      <img
        src="https://yoooyooo8.jp/wp-content/uploads/2026/02/matsuotaisha.jpg"
        alt="松尾大社の拝殿前に奉納された菰樽。全国の酒蔵・醸造家から届いた樽が壁一面に積み上げられ、醸造の神としての格式を示す"
        width="1200"
        height="800"
        loading="lazy"
        decoding="async"
      >
      <figcaption class="kyoto-img-caption" id="img-matsunoo-caption">
        松尾大社に奉納された菰樽（こもだる）｜全国の酒蔵・醸造家から毎年奉納される。その数は圧巻で、醸造の神としての信仰の厚さを物語る
      </figcaption>
    </figure>

    <div class="kyoto-shrine-grid" role="list" aria-label="おすすめ神社（続き）">

      <article class="kyoto-shrine-card" role="listitem">
        <div class="kyoto-shrine-card__head">
          <p class="kyoto-shrine-card__en">Jonan-gu ／ 南・朱雀</p>
          <h3 class="kyoto-shrine-card__name">城南宮</h3>
          <p class="kyoto-shrine-card__area">📍 伏見区中島鳥羽離宮町</p>
        </div>
        <div class="kyoto-shrine-card__body">
          <div class="kyoto-shrine-card__tags">
            <span class="kyoto-shrine-card__tag">方除の神</span>
            <span class="kyoto-shrine-card__tag">曲水の宴</span>
            <span class="kyoto-shrine-card__tag">梅・枝垂れ桜</span>
          </div>
          <p class="kyoto-shrine-card__desc">方位・旅行安全の神として知られる南の守護社。神苑「楽水苑」は春の枝垂れ梅と枝垂れ桜が圧巻で、観光客が少なく大人旅向きの穴場だ。毎年3月に行われる「曲水の宴」は平安王朝の雅を再現する唯一無二の神事。</p>
          <div class="kyoto-shrine-card__meta">
            <span>⏰ 9:00〜16:30</span>
            <span>🚌 市バス城南宮東口</span>
          </div>
        </div>
      </article>

      <article class="kyoto-shrine-card" role="listitem">
        <div class="kyoto-shrine-card__head">
          <p class="kyoto-shrine-card__en">Yasaka-jinja ／ 東・青龍</p>
          <h3 class="kyoto-shrine-card__name">八坂神社</h3>
          <p class="kyoto-shrine-card__area">📍 東山区祇園町北側</p>
        </div>
        <div class="kyoto-shrine-card__body">
          <div class="kyoto-shrine-card__tags">
            <span class="kyoto-shrine-card__tag">祇園祭</span>
            <span class="kyoto-shrine-card__tag">24時間参拝可</span>
            <span class="kyoto-shrine-card__tag">夜間がおすすめ</span>
          </div>
          <p class="kyoto-shrine-card__desc">祇園の守り神として千三百年以上の歴史を持つ東の守護社。昼間は観光客で賑わうが、夜9時以降は地元の人々だけが静かに参拝する別世界になる。7月の祇園祭は日本三大祭のひとつ。隣接する円山公園の枝垂れ桜も必見だ。</p>
          <div class="kyoto-shrine-card__meta">
            <span>⏰ 24時間参拝可</span>
            <span>🚌 市バス祇園</span>
          </div>
        </div>
      </article>

      <article class="kyoto-shrine-card" role="listitem">
        <div class="kyoto-shrine-card__head">
          <p class="kyoto-shrine-card__en">Heian-jingu ／ 平安遷都の社</p>
          <h3 class="kyoto-shrine-card__name">平安神宮</h3>
          <p class="kyoto-shrine-card__area">📍 左京区岡崎西天王町</p>
        </div>
        <div class="kyoto-shrine-card__body">
          <div class="kyoto-shrine-card__tags">
            <span class="kyoto-shrine-card__tag">時代祭</span>
            <span class="kyoto-shrine-card__tag">神苑</span>
            <span class="kyoto-shrine-card__tag">枝垂れ桜</span>
          </div>
          <p class="kyoto-shrine-card__desc">明治28年、平安遷都1100年を記念して創建。平安宮大極殿を8分の5スケールで再現した朱塗りの社殿は圧倒的な存在感だ。有料の神苑（約3万㎡）は京都随一の池泉回遊式庭園で、春の枝垂れ桜と初夏の花菖蒲が特に美しい。</p>
          <div class="kyoto-shrine-card__meta">
            <span>⏰ 6:00〜18:00（神苑8:30〜）</span>
            <span>🚌 市バス岡崎公園</span>
          </div>
        </div>
      </article>

    </div><!-- /.kyoto-shrine-grid（城南宮〜平安神宮） -->

    <h3 class="kyoto-h3">神社と寺院、何が違うのか</h3>

    <p class="kyoto-p">旅の前に基礎知識として整理しておくと、訪問体験の深みが増す。神社と寺院は由来も作法も異なる。両者を同じように扱うことは失礼にも当たるため、違いを知ることが大人の礼儀だ。</p>

    <div role="region" aria-label="神社と寺院の違い比較" style="overflow-x:auto;-webkit-overflow-scrolling:touch;">
      <table class="kyoto-compare-table" style="min-width:540px;">
        <thead>
          <tr>
            <th scope="col">項目</th>
            <th scope="col">⛩️ 神社</th>
            <th scope="col">🏯 寺院</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>由来</td>
            <td>神道（自然・祖先への信仰）</td>
            <td>仏教（釈迦・菩薩への信仰）</td>
          </tr>
          <tr>
            <td>参拝作法</td>
            <td>二礼・二拍手・一礼</td>
            <td>合掌・礼（拍手なし）</td>
          </tr>
          <tr>
            <td>入口の目印</td>
            <td>鳥居</td>
            <td>山門・仁王門</td>
          </tr>
          <tr>
            <td>管理者</td>
            <td>神職（宮司・禰宜）</td>
            <td>僧侶（住職・和尚）</td>
          </tr>
          <tr>
            <td>境内の特徴</td>
            <td>自然・玉砂利・社殿</td>
            <td>庭園・伽藍・塔</td>
          </tr>
          <tr>
            <td>御朱印</td>
            <td>神社印（朱印）</td>
            <td>寺院印（梵字含む）</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="kyoto-highlight">
      <p class="kyoto-highlight__title">
        <span aria-hidden="true">⛩️</span>
        神社参拝で大人が心がけること
      </p>
      <p>参道の中央は「正中（せいちゅう）」と呼ばれ、神様の通り道とされる。端を歩くのが礼儀だ。手水舎での清めは省略せず、鈴を鳴らしてから参拝する。御朱印を受ける際は「参拝の証」として丁寧に扱い、御朱印帳は神社と寺院で分けることを推奨する人も多い。いずれも強制ではないが、知っているだけで旅の厚みが増す。</p>
    </div>

  </section>


  <!-- ══════════════════════════════════════════════════════
       セクション5: 京都の食を本気で楽しむ（旧セクション4）
       ══════════════════════════════════════════════════════ -->
  <section class="kyoto-section" id="food-culture" aria-labelledby="food-heading" tabindex="-1">

    <span class="kyoto-section-badge">Section 05</span>
    <h2 class="kyoto-h2" id="food-heading">京都の食を本気で楽しむ</h2>

    <p class="kyoto-p">京都の食は「見た目と値段」だけで語られることが多いが、本質はそこにない。旬の食材を最小限の技で引き出す引き算の美学、器と空間が一体となった演出、そして食事の前後に流れる時間感覚——京都の食体験とは、総合芸術に近い。大人旅では「一食に予算と時間を集中させる」戦略が、最も高い満足度を生む。</p>

    <div class="kyoto-food-grid" role="list" aria-label="京都の食カテゴリー">

      <div class="kyoto-food-card" role="listitem">
        <div class="kyoto-food-card__icon" aria-hidden="true">🍱</div>
        <h3 class="kyoto-food-card__name">懐石・会席料理</h3>
        <p class="kyoto-food-card__price">目安：¥15,000〜¥35,000 / 人</p>
        <p class="kyoto-food-card__desc">季節の先付から水菓子まで、京都の四季を皿の上で体験する。昼の懐石はディナーより2〜4割安く、ランチで本格体験が可能。予約は1〜2ヶ月前が目安。</p>
        <p class="kyoto-food-card__tips"><strong>予約のコツ：</strong>一休.comやTableCheckを活用。直接電話も誠意が伝わりやすい。</p>
      </div>

      <div class="kyoto-food-card" role="listitem">
        <div class="kyoto-food-card__icon" aria-hidden="true">🥢</div>
        <h3 class="kyoto-food-card__name">町家割烹・京料理</h3>
        <p class="kyoto-food-card__price">目安：¥8,000〜¥18,000 / 人</p>
        <p class="kyoto-food-card__desc">格式張らず、町家の空間で旬の京料理を楽しめる。カウンター越しに料理人と言葉を交わす体験は、懐石とはまた異なる豊かさがある。祇園・木屋町・西木屋町エリアに集中。</p>
        <p class="kyoto-food-card__tips"><strong>狙い目：</strong>平日のカウンター席。料理人が会話してくれる確率が高く、食材の話が聞ける。</p>
      </div>

      <div class="kyoto-food-card" role="listitem">
        <div class="kyoto-food-card__icon" aria-hidden="true">🍵</div>
        <h3 class="kyoto-food-card__name">老舗甘味・茶房</h3>
        <p class="kyoto-food-card__price">目安：¥800〜¥2,500 / 人</p>
        <p class="kyoto-food-card__desc">鍵善良房・中村軒・老松など、江戸〜明治創業の菓子処で一服する時間は、京都の速度を体に馴染ませる最良の方法。観光疲れのリセットにも最適。</p>
        <p class="kyoto-food-card__tips"><strong>おすすめの時間：</strong>午後2〜3時。昼の混雑が落ち着き、ゆったり過ごせる。</p>
      </div>

      <div class="kyoto-food-card" role="listitem">
        <div class="kyoto-food-card__icon" aria-hidden="true">🍜</div>
        <h3 class="kyoto-food-card__name">京都の麺・朝食文化</h3>
        <p class="kyoto-food-card__price">目安：¥900〜¥2,000 / 人</p>
        <p class="kyoto-food-card__desc">にしんそば・湯豆腐・おばんざいの朝定食は、観光客より地元客が多い店ほど本物に近い。錦市場の朝の食べ歩きも、店が開き始める8〜9時台が最もよい状態で楽しめる。</p>
        <p class="kyoto-food-card__tips"><strong>穴場情報：</strong>第一旭・スマートコーヒー・イノダコーヒ本店の朝は地元感が漂う。</p>
      </div>

    </div>

    <h3 class="kyoto-h3">本命店の予約を確実に取る4ステップ</h3>

    <div class="kyoto-steps" aria-label="予約ステップ">
      <div class="kyoto-step">
        <div class="kyoto-step__num" aria-label="ステップ1"></div>
        <div class="kyoto-step__body">
          <p class="kyoto-step__title">旅行日程を確定させる（2ヶ月前）</p>
          <p class="kyoto-step__desc">人気の懐石・割烹は2ヶ月先まで埋まっていることも珍しくない。旅の日程を先に固め、食の予約を旅程の軸に据える発想が重要。</p>
        </div>
      </div>
      <div class="kyoto-step">
        <div class="kyoto-step__num" aria-label="ステップ2"></div>
        <div class="kyoto-step__body">
          <p class="kyoto-step__title">予約サービスと直接電話の併用</p>
          <p class="kyoto-step__desc">一休.com・TableCheck・食べログから空き状況を確認し、満席の場合は直接電話。「京都への旅行で、ぜひ伺いたい」と誠実に伝えると対応が変わることがある。</p>
        </div>
      </div>
      <div class="kyoto-step">
        <div class="kyoto-step__num" aria-label="ステップ3"></div>
        <div class="kyoto-step__body">
          <p class="kyoto-step__title">食物アレルギー・希望を事前に伝える</p>
          <p class="kyoto-step__desc">懐石料理は食材が事前に決まっているため、アレルギーや苦手食材は予約時に必ず申告する。当日では対応不可の店がほとんどだ。</p>
        </div>
      </div>
      <div class="kyoto-step">
        <div class="kyoto-step__num" aria-label="ステップ4"></div>
        <div class="kyoto-step__body">
          <p class="kyoto-step__title">キャンセルは必ず前日までに連絡</p>
          <p class="kyoto-step__desc">小規模な京料理店にとって直前キャンセルは深刻なダメージになる。予定変更の際は必ず連絡を。次の旅でまた予約できる信頼関係が、大人旅の資産になる。</p>
        </div>
      </div>
    </div>

    <div class="kyoto-highlight">
      <p class="kyoto-highlight__title">
        <span aria-hidden="true">💰</span>
        食の予算配分の考え方
      </p>
      <p>1泊2日の場合、食費の半分を「本命の一食」に集中させる配分が最も満足度が高い。たとえば1日の食費予算が¥15,000なら、昼の懐石に¥12,000を使い、朝・夜は老舗の軽食や麺で¥3,000に抑える。すべてを平均化するより、メリハリのある食体験が京都を深く知ることに繋がる。</p>
    </div>

  </section>



  <!-- ══════════════════════════════════════════════════════
       セクション6: 宿の選び方
       ══════════════════════════════════════════════════════ -->
  <section class="kyoto-section" id="accommodations" aria-labelledby="accommodations-heading" tabindex="-1">

    <span class="kyoto-section-badge">Section 06</span>
    <h2 class="kyoto-h2" id="accommodations-heading">宿の選び方｜一棟貸し・町家・老舗旅館</h2>

    <p class="kyoto-p">京都の宿は「泊まること自体が体験」になりうる。チェーンホテルに泊まれば移動効率は上がるが、京都に来た意味の半分が失われる。町家の格子戸を自分で開け、坪庭に面した縁側で朝を迎える——そうした宿体験が、旅の記憶を10年後も鮮明に保つ。大人の京都旅では、宿の選択を最初に決め、そこから旅程を組み立てる逆算の発想が有効だ。</p>

    <div class="kyoto-stay-grid" role="list" aria-label="宿タイプ別ガイド">

      <div class="kyoto-stay-card" role="listitem">
        <div class="kyoto-stay-card__head">
          <p class="kyoto-stay-card__type">Town House</p>
          <h3 class="kyoto-stay-card__name">一棟貸し町家</h3>
          <p class="kyoto-stay-card__price">¥30,000〜¥100,000 / 棟・泊</p>
        </div>
        <div class="kyoto-stay-card__body">
          <p class="kyoto-stay-card__desc">築100年を超える京町家を一棟まるごと借り切る滞在スタイル。格子戸・坪庭・土間・仏壇まで、本物の京都の生活空間に身を置ける。2〜6名での利用が費用対効果が高く、プライベートな旅に最適。</p>
          <ul class="kyoto-stay-card__pros">
            <li>他の宿泊客を気にせず過ごせる完全プライベート空間</li>
            <li>台所付きが多く、朝食や軽食を自炊できる</li>
            <li>地元の生活感ある路地に立地することが多い</li>
          </ul>
        </div>
      </div>

      <div class="kyoto-stay-card" role="listitem">
        <div class="kyoto-stay-card__head">
          <p class="kyoto-stay-card__type">Traditional Inn</p>
          <h3 class="kyoto-stay-card__name">老舗旅館</h3>
          <p class="kyoto-stay-card__price">¥35,000〜¥120,000 / 人・泊（2食付）</p>
        </div>
        <div class="kyoto-stay-card__body">
          <p class="kyoto-stay-card__desc">俵屋・炭屋・柊家など、数百年の歴史を持つ旅館での滞在は京都旅の到達点ともいえる。仲居さんのもてなし、部屋ごとに異なる意匠、朝夕の料理——すべてが京都文化の結晶だ。</p>
          <ul class="kyoto-stay-card__pros">
            <li>仲居さんが観光情報から食事まで全て手配してくれる</li>
            <li>料理は旬の京会席。夕食・朝食ともに部屋食が基本</li>
            <li>人生の節目・記念日旅行に最高の選択肢</li>
          </ul>
        </div>
      </div>

      <div class="kyoto-stay-card" role="listitem">
        <div class="kyoto-stay-card__head">
          <p class="kyoto-stay-card__type">Boutique Hotel</p>
          <h3 class="kyoto-stay-card__name">デザインホテル</h3>
          <p class="kyoto-stay-card__price">¥20,000〜¥60,000 / 室・泊</p>
        </div>
        <div class="kyoto-stay-card__body">
          <p class="kyoto-stay-card__desc">近年増加している京都の文脈を取り入れたブティックホテル。町家改装・現代数寄屋・和モダンなど多様なコンセプトがあり、旅館ほどの格式を求めない大人旅に最適。朝食が充実している宿が多い。</p>
          <ul class="kyoto-stay-card__pros">
            <li>旅館より予約が取りやすく、一人旅にも対応</li>
            <li>バー・ラウンジ・大浴場を備える宿が増加中</li>
            <li>立地の選択肢が広く、行きたいエリアに泊まれる</li>
          </ul>
        </div>
      </div>

      <div class="kyoto-stay-card" role="listitem">
        <div class="kyoto-stay-card__head">
          <p class="kyoto-stay-card__type">Temple Stay</p>
          <h3 class="kyoto-stay-card__name">宿坊・寺院宿泊</h3>
          <p class="kyoto-stay-card__price">¥12,000〜¥30,000 / 人・泊（精進料理付）</p>
        </div>
        <div class="kyoto-stay-card__body">
          <p class="kyoto-stay-card__desc">寺院の宿泊施設に泊まり、早朝の勤行（お勤め）や座禅に参加できる体験型の宿泊。大原・宇治・嵐山エリアに複数の宿坊があり、精進料理と静寂の夜が非日常を演出する。</p>
          <ul class="kyoto-stay-card__pros">
            <li>早朝5〜6時の勤行に参加できる（参加自由）</li>
            <li>精進料理は素材の滋味が際立つ大人好みの味</li>
            <li>観光客が帰った後の境内を独占できる</li>
          </ul>
        </div>
      </div>

    </div>

    <h3 class="kyoto-h3">エリア別：宿選びと観光の連動</h3>

    <p class="kyoto-p">どのエリアに宿を取るかで、旅の動線と体験が大きく変わる。移動効率だけでなく、「そのエリアの朝・夜を体験できるか」という視点で宿のエリアを選ぶと、旅の密度が高まる。</p>

    <div role="region" aria-label="エリア別宿選びガイド" style="overflow-x:auto;-webkit-overflow-scrolling:touch;">
      <table class="kyoto-area-table" style="min-width:500px;">
        <thead>
          <tr>
            <th scope="col" style="color:#fff !important;">エリア</th>
            <th scope="col" style="color:#fff !important;">宿のタイプ・雰囲気</th>
            <th scope="col" style="color:#fff !important;">相性のよい観光</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>祇園・東山</td>
            <td>老舗旅館・町家が最も集中。石畳の路地に宿が点在。夜の祇園を徒歩圏内で楽しめる。</td>
            <td>八坂神社・清水寺・知恩院・円山公園</td>
          </tr>
          <tr>
            <td>二条・御所南</td>
            <td>町家改装の一棟貸しが多い静かなエリア。地元感があり、地下鉄アクセスも良好。</td>
            <td>二条城・御所・錦市場・寺町通</td>
          </tr>
          <tr>
            <td>嵐山・嵯峨野</td>
            <td>竹林・川沿いのデザインホテルや旅館が充実。早朝の嵐山を独占できる立地が最大の魅力。</td>
            <td>天龍寺・竹林・渡月橋・化野念仏寺</td>
          </tr>
          <tr>
            <td>鴨川沿い</td>
            <td>川床のある旅館・ホテルが並ぶ。夏の夕涼みと川の音が格別。アクセスも市内最良。</td>
            <td>祇園祭・先斗町・木屋町・南座</td>
          </tr>
          <tr>
            <td>大原・鞍馬</td>
            <td>宿坊・山間の湯宿が中心。市内から30〜45分だが別世界の静寂。日帰りでは体験できない京都。</td>
            <td>三千院・寂光院・鞍馬寺・貴船神社</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="kyoto-highlight">
      <p class="kyoto-highlight__title">
        <span aria-hidden="true">📅</span>
        予約タイミングの目安
      </p>
      <p>老舗旅館（俵屋・炭屋・柊家クラス）は3〜6ヶ月前でも空きがないことがある。まず宿の予約を確定させ、旅程を逆算して組み立てるのが大人旅の正攻法だ。一棟貸し町家はじゃらん・Airbnb・京都専門の宿泊サイト「京の宿」から探すと選択肢が広がる。</p>
    </div>

  </section>


  <!-- ══════════════════════════════════════════════════════
       セクション7: モデルプラン
       ══════════════════════════════════════════════════════ -->
  <section class="kyoto-section" id="model-plan" aria-labelledby="model-plan-heading" tabindex="-1">

    <span class="kyoto-section-badge">Section 07</span>
    <h2 class="kyoto-h2" id="model-plan-heading">モデルプラン｜1泊・2泊・3泊</h2>

    <p class="kyoto-p">「何泊あれば京都は満足できるか」——正直に言えば、何泊あっても足りない。ただし、滞在日数に応じた正しい戦略を取ることで、体験の質は劇的に変わる。1泊でも深い旅はできる。3泊あれば京都の複数の顔に触れられる。重要なのは予定を詰めすぎず、余白を意図的に設計することだ。</p>

    <div class="kyoto-plan-tabs" role="tablist" aria-label="宿泊日数別モデルプラン">
      <input type="radio" class="kyoto-plan-radio" name="kyoto-plan-tab" id="tab-radio-1night" checked>
      <input type="radio" class="kyoto-plan-radio" name="kyoto-plan-tab" id="tab-radio-2night">
      <input type="radio" class="kyoto-plan-radio" name="kyoto-plan-tab" id="tab-radio-3night">
      <div class="kyoto-plan-tab-btns" role="tablist">
        <label class="kyoto-plan-tab-btn" for="tab-radio-1night" role="tab">1泊2日</label>
        <label class="kyoto-plan-tab-btn" for="tab-radio-2night" role="tab">2泊3日</label>
        <label class="kyoto-plan-tab-btn" for="tab-radio-3night" role="tab">3泊4日</label>
      </div>

      <!-- 1泊2日 -->
      <div class="kyoto-plan-tab-panel" id="plan-1night" role="tabpanel" aria-labelledby="tab-1night">
        <p style="font-size:13px; color:var(--kyoto-muted); margin:0 0 24px; letter-spacing:.04em;">テーマ：東山〜祇園を深く歩く。移動を最小限に、密度を最大に。</p>

        <p class="kyoto-plan-day">1日目</p>
        <div class="kyoto-timeline">
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">6:00</p>
            <p class="kyoto-tl-title">早朝・清水寺〜産寧坂</p>
            <p class="kyoto-tl-desc">観光客ゼロの石畳を歩く。開門直後の清水の舞台は別格の静けさ。参道の石畳を独占できるのは7時まで。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">8:30</p>
            <p class="kyoto-tl-title">朝食：祇園・岡崎エリアの喫茶</p>
            <p class="kyoto-tl-desc">スマートコーヒーや近江屋など、老舗喫茶で京都の朝を味わう。地元客と同じ空気に触れる時間。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">10:00</p>
            <p class="kyoto-tl-title">知恩院・青蓮院</p>
            <p class="kyoto-tl-desc">清水から徒歩圏の大寺院。知恩院の三門は日本最大級。青蓮院の楠木の巨木は圧倒的な存在感を持つ。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">12:00</p>
            <p class="kyoto-tl-title">昼食：祇園の割烹・町家ランチ</p>
            <p class="kyoto-tl-desc">1日の最も充実した食を昼に置く。祇園界隈の町家割烹ランチは¥3,000〜¥8,000で本格的な京料理に出会える。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">14:00</p>
            <p class="kyoto-tl-title">宿チェックイン・午後の休息</p>
            <p class="kyoto-tl-desc">混雑ピーク帯は宿でゆっくり過ごす。これが大人旅の重要な余白。読書・昼寝・大浴場——旅の中の「間」を大切に。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">16:30</p>
            <p class="kyoto-tl-title">夕刻・八坂神社〜円山公園</p>
            <p class="kyoto-tl-desc">光が横から差し込む夕刻、祇園を散策。八坂神社の夕参りは地元の人々と交じり合える貴重な時間。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">18:30</p>
            <p class="kyoto-tl-title">夕食：先斗町・木屋町</p>
            <p class="kyoto-tl-desc">川床（夏季）または鴨川沿いの路地の小料理屋で。¥5,000〜¥12,000の予算でも十分に満足できる店が揃う。</p>
          </div>
        </div>

        <p class="kyoto-plan-day" style="margin-top:32px;">2日目</p>
        <div class="kyoto-timeline">
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">7:00</p>
            <p class="kyoto-tl-title">哲学の道〜南禅寺</p>
            <p class="kyoto-tl-desc">宿から徒歩またはタクシーで。哲学の道を北から南へ静かに歩く。春は桜、秋は紅葉。早朝は地元の散歩客のみ。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">9:30</p>
            <p class="kyoto-tl-title">南禅寺・永観堂</p>
            <p class="kyoto-tl-desc">南禅寺の法堂・水路閣・庭園。永観堂は秋の紅葉で特に名高い。どちらも10時前に入ると空いている。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">12:00</p>
            <p class="kyoto-tl-title">錦市場・昼食・土産</p>
            <p class="kyoto-tl-desc">「京の台所」錦市場で食べ歩きと土産の調達。朝の開店直後より昼の方が活気があり、試食の機会も多い。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">14:00</p>
            <p class="kyoto-tl-title">チェックアウト・帰路へ</p>
            <p class="kyoto-tl-desc">京都駅まで市バスまたは地下鉄で約20〜30分。新幹線の時間に余裕を持ち、駅ビルで最後の買い物を。</p>
          </div>
        </div>

        <div class="kyoto-plan-budget" aria-label="1泊2日の予算目安">
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">宿泊</p>
            <p class="kyoto-plan-budget__val">¥20,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">食費</p>
            <p class="kyoto-plan-budget__val">¥15,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">拝観料</p>
            <p class="kyoto-plan-budget__val">¥3,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">交通</p>
            <p class="kyoto-plan-budget__val">¥2,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">合計目安</p>
            <p class="kyoto-plan-budget__val">¥40,000〜</p>
          </div>
        </div>
      </div>

      <!-- 2泊3日 -->
      <div class="kyoto-plan-tab-panel" id="plan-2night" role="tabpanel" aria-labelledby="tab-2night">
        <p style="font-size:13px; color:var(--kyoto-muted); margin:0 0 24px; letter-spacing:.04em;">テーマ：東山・北山・嵐山と3エリアを丁寧に。食の体験を充実させる。</p>

        <p class="kyoto-plan-day">1日目：東山〜祇園</p>
        <div class="kyoto-timeline">
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">6:00</p>
            <p class="kyoto-tl-title">早朝・伏見稲荷大社</p>
            <p class="kyoto-tl-desc">JR奈良線で稲荷駅へ。早朝の千本鳥居は昼間と別世界。稲荷山の頂上まで約90分。体力に応じて四ツ辻（30分）で引き返すのも賢い選択。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">10:00</p>
            <p class="kyoto-tl-title">東福寺〜泉涌寺エリア</p>
            <p class="kyoto-tl-desc">伏見から徒歩圏の穴場エリア。東福寺の方丈庭園と泉涌寺界隈は観光客が少なく、静かな拝観が保証される。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">12:30</p>
            <p class="kyoto-tl-title">昼食：懐石ランチ（本命の一食）</p>
            <p class="kyoto-tl-desc">旅1日目の昼に懐石ランチを置く。予算¥10,000〜¥18,000。この体験が旅全体の記憶を引き上げる核になる。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">15:00</p>
            <p class="kyoto-tl-title">祇園・宿チェックイン・散策</p>
            <p class="kyoto-tl-desc">宿に荷物を置き、祇園をゆっくり歩く。花見小路・白川沿い・新橋通りを時間をかけて。ここでは何も買わなくていい。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">18:00</p>
            <p class="kyoto-tl-title">夕食：木屋町・先斗町の小料理</p>
            <p class="kyoto-tl-desc">1日目の夕食は軽めに。翌日のための余力を残しておくのが大人旅の知恵。</p>
          </div>
        </div>

        <p class="kyoto-plan-day" style="margin-top:32px;">2日目：北山〜大徳寺エリア</p>
        <div class="kyoto-timeline">
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">8:00</p>
            <p class="kyoto-tl-title">上賀茂神社・早朝参拝</p>
            <p class="kyoto-tl-desc">市バスで上賀茂神社へ。ならの小川沿いを歩き、開門直後の境内を静かに参拝。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">10:00</p>
            <p class="kyoto-tl-title">大徳寺塔頭めぐり</p>
            <p class="kyoto-tl-desc">龍源院・瑞峯院・大仙院のうち1〜2か所をじっくり拝観。一つの塔頭に30〜60分かける贅沢な時間配分を。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">13:00</p>
            <p class="kyoto-tl-title">昼食・詩仙堂〜一乗寺エリア</p>
            <p class="kyoto-tl-desc">一乗寺の恵文社（書店）周辺でランチ。詩仙堂の鹿威しの音と苔庭で午後の静けさを体験。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">16:00</p>
            <p class="kyoto-tl-time" style="color:var(--kyoto-muted); font-size:11px; margin-top:-4px;">自由時間</p>
            <p class="kyoto-tl-title">宿に戻る・大浴場・読書</p>
            <p class="kyoto-tl-desc">この空白の時間こそが大人旅の本質。特定の場所に行かなくていい時間を意図的に作る。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">19:00</p>
            <p class="kyoto-tl-title">夕食：割烹カウンター</p>
            <p class="kyoto-tl-desc">祇園・木屋町エリアの割烹カウンターで。料理人との会話が旅の記憶に深みを与える。</p>
          </div>
        </div>

        <p class="kyoto-plan-day" style="margin-top:32px;">3日目：嵐山・帰路</p>
        <div class="kyoto-timeline">
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">6:30</p>
            <p class="kyoto-tl-title">早朝・嵐山竹林〜天龍寺</p>
            <p class="kyoto-tl-desc">嵐山の竹林は7時前が黄金時間。天龍寺の早朝拝観は8時から。庭園のみの入場（¥500）で十分に満足できる。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">9:30</p>
            <p class="kyoto-tl-title">渡月橋・松尾大社</p>
            <p class="kyoto-tl-desc">嵐山から阪急で10分の松尾大社へ。四神西の守護社を参拝し、醸造の神に旅の感謝を。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">12:00</p>
            <p class="kyoto-tl-title">昼食・チェックアウト・帰路</p>
            <p class="kyoto-tl-desc">嵐山で最後の食事を済ませ、JR嵯峨嵐山駅から京都駅へ。余韻を持ったまま帰路につく。</p>
          </div>
        </div>

        <div class="kyoto-plan-budget" aria-label="2泊3日の予算目安">
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">宿泊（2泊）</p>
            <p class="kyoto-plan-budget__val">¥50,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">食費</p>
            <p class="kyoto-plan-budget__val">¥35,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">拝観料</p>
            <p class="kyoto-plan-budget__val">¥5,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">交通</p>
            <p class="kyoto-plan-budget__val">¥4,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">合計目安</p>
            <p class="kyoto-plan-budget__val">¥94,000〜</p>
          </div>
        </div>
      </div>

      <!-- 3泊4日 -->
      <div class="kyoto-plan-tab-panel" id="plan-3night" role="tabpanel" aria-labelledby="tab-3night">
        <p style="font-size:13px; color:var(--kyoto-muted); margin:0 0 24px; letter-spacing:.04em;">テーマ：京都の「層」を体感する。四神の社をめぐり、食と宿で京都の深さを知る旅。</p>

        <p class="kyoto-plan-day">1日目：南・伏見〜城南宮</p>
        <div class="kyoto-timeline">
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">午前</p>
            <p class="kyoto-tl-title">早朝・伏見稲荷〜伏見の町歩き</p>
            <p class="kyoto-tl-desc">千本鳥居の早朝参拝後、伏見の酒蔵通りを散策。月桂冠大倉記念館で日本酒と京都の醸造文化に触れる。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">午後</p>
            <p class="kyoto-tl-title">城南宮・神苑「楽水苑」</p>
            <p class="kyoto-tl-desc">四神南の守護・城南宮を参拝。神苑は春の枝垂れ梅と桜が国内随一。大人旅の穴場として最適な社。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">夜</p>
            <p class="kyoto-tl-title">祇園チェックイン・夜の祇園散策</p>
            <p class="kyoto-tl-desc">宿に荷物を置き、夜の花見小路を歩く。運が良ければ舞妓さんの姿も。八坂神社の夜参りで1日を締める。</p>
          </div>
        </div>

        <p class="kyoto-plan-day" style="margin-top:32px;">2日目：東〜中心部</p>
        <div class="kyoto-timeline">
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">早朝</p>
            <p class="kyoto-tl-title">平安神宮・岡崎エリア</p>
            <p class="kyoto-tl-desc">四神東・平安神宮の開門と同時に参拝。神苑の朝は静かで美しい。京都国立近代美術館・細見美術館も岡崎に集中。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">午前</p>
            <p class="kyoto-tl-title">南禅寺〜哲学の道〜銀閣寺</p>
            <p class="kyoto-tl-desc">東山の定番ルートを午前中にゆっくり歩く。銀閣寺（慈照寺）は枯山水と向月台の造形美が大人好み。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">昼</p>
            <p class="kyoto-tl-title">懐石ランチ（旅の本命）</p>
            <p class="kyoto-tl-desc">3泊旅の最も充実した食をここに置く。事前予約必須。¥15,000〜¥25,000の昼懐石が旅の核になる。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">午後〜夜</p>
            <p class="kyoto-tl-title">八坂神社〜自由時間〜夜の散策</p>
            <p class="kyoto-tl-desc">午後は宿でゆっくり。夕刻から八坂・円山公園を歩き、夜は先斗町で軽い食事。</p>
          </div>
        </div>

        <p class="kyoto-plan-day" style="margin-top:32px;">3日目：北〜西</p>
        <div class="kyoto-timeline">
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">早朝</p>
            <p class="kyoto-tl-title">上賀茂神社〜大徳寺</p>
            <p class="kyoto-tl-desc">四神北の守護・上賀茂を早朝参拝。ならの小川で清められた後、大徳寺塔頭を1〜2か所じっくり拝観。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">午後</p>
            <p class="kyoto-tl-title">嵐山〜松尾大社</p>
            <p class="kyoto-tl-desc">天龍寺・竹林を経て松尾大社へ。四神西の守護社で旅の折り返しを意識する。醸造の神への参拝後、日本酒を一杯。</p>
          </div>
        </div>

        <p class="kyoto-plan-day" style="margin-top:32px;">4日目：帰路</p>
        <div class="kyoto-timeline">
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">午前</p>
            <p class="kyoto-tl-title">錦市場・朝の買い物・チェックアウト</p>
            <p class="kyoto-tl-desc">最終日は錦市場で土産の最終調達。好みの漬物・京菓子・抹茶を選ぶ時間は旅の余韻そのものだ。</p>
          </div>
          <div class="kyoto-tl-item">
            <p class="kyoto-tl-time">昼前</p>
            <p class="kyoto-tl-title">イノダコーヒ本店で最後の一杯</p>
            <p class="kyoto-tl-desc">創業80年超のイノダコーヒで「アラビアの真珠」を飲み、京都に別れを告げる。次の旅をすでに計画しながら。</p>
          </div>
        </div>

        <div class="kyoto-plan-budget" aria-label="3泊4日の予算目安">
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">宿泊（3泊）</p>
            <p class="kyoto-plan-budget__val">¥80,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">食費</p>
            <p class="kyoto-plan-budget__val">¥55,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">拝観料</p>
            <p class="kyoto-plan-budget__val">¥8,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">交通</p>
            <p class="kyoto-plan-budget__val">¥6,000〜</p>
          </div>
          <div class="kyoto-plan-budget__item">
            <p class="kyoto-plan-budget__label">合計目安</p>
            <p class="kyoto-plan-budget__val">¥149,000〜</p>
          </div>
        </div>
      </div>
    </div><!-- /.kyoto-plan-tabs -->

  </section>



  <!-- ══════════════════════════════════════════════════════
       セクション8: 大人の京都旅を深める実践ヒント
       ══════════════════════════════════════════════════════ -->
  <section class="kyoto-section" id="practical-tips" aria-labelledby="tips-heading" tabindex="-1">

    <span class="kyoto-section-badge">Section 08</span>
    <h2 class="kyoto-h2" id="tips-heading">大人の京都旅を深める実践ヒント</h2>

    <p class="kyoto-p">知識と段取りが、旅の質を決める。どれだけ良い場所を選んでも、準備が甘ければ「行けたのに入れなかった」「食べたかったのに予約がなかった」で終わる。大人の旅は、ほんの少しの先読みで別次元の体験に変わる。</p>

    <div class="kyoto-tips-grid" role="list" aria-label="実践ヒント一覧">

      <div class="kyoto-tip-card" role="listitem">
        <div class="kyoto-tip-card__num" aria-hidden="true">1</div>
        <div class="kyoto-tip-card__body">
          <h3 class="kyoto-tip-card__title">事前予約が必須のスポットを押さえる</h3>
          <p class="kyoto-tip-card__desc">桂離宮・修学院離宮・仙洞御所は宮内庁への事前申込が必要。特別拝観（大徳寺塔頭など）は公式サイトで開催時期を確認。人気割烹の予約は2ヶ月前から動く。</p>
        </div>
      </div>

      <div class="kyoto-tip-card" role="listitem">
        <div class="kyoto-tip-card__num" aria-hidden="true">2</div>
        <div class="kyoto-tip-card__body">
          <h3 class="kyoto-tip-card__title">ICカード（Suica等）を必ずチャージして持参</h3>
          <p class="kyoto-tip-card__desc">京都市バス・地下鉄・嵐電・叡電すべてICカードが使える。小銭を探す時間が省け、乗降がスムーズになる。交通費節約には「地下鉄・バス一日乗車券（1,100円）」も有効。</p>
        </div>
      </div>

      <div class="kyoto-tip-card" role="listitem">
        <div class="kyoto-tip-card__num" aria-hidden="true">3</div>
        <div class="kyoto-tip-card__body">
          <h3 class="kyoto-tip-card__title">タクシーを賢く使う</h3>
          <p class="kyoto-tip-card__desc">観光タクシー（2〜4時間貸し切り）は効率的なエリア巡りに有効。運転手が案内もしてくれるため、一人旅・ご高齢の方にも重宝する。MKタクシー・ヤサカタクシーが定評あり。</p>
        </div>
      </div>

      <div class="kyoto-tip-card" role="listitem">
        <div class="kyoto-tip-card__num" aria-hidden="true">4</div>
        <div class="kyoto-tip-card__body">
          <h3 class="kyoto-tip-card__title">拝観料は「文化保護の投資」と考える</h3>
          <p class="kyoto-tip-card__desc">京都の寺院・神社の多くが修繕・維持費のために拝観料を必要としている。800〜1,500円の拝観料を「高い」と感じたら、それは千年の文化の維持費だと思い直してほしい。</p>
        </div>
      </div>

      <div class="kyoto-tip-card" role="listitem">
        <div class="kyoto-tip-card__num" aria-hidden="true">5</div>
        <div class="kyoto-tip-card__body">
          <h3 class="kyoto-tip-card__title">履物は歩きやすく・脱ぎやすいものを</h3>
          <p class="kyoto-tip-card__desc">寺院では靴を脱いで上がる場面が多い。脱ぎ履きしやすいシューズが体験をスムーズにする。石畳・砂利・苔道を歩くため、ヒールは非推奨。靴下も清潔なものを準備したい。</p>
        </div>
      </div>

      <div class="kyoto-tip-card" role="listitem">
        <div class="kyoto-tip-card__num" aria-hidden="true">6</div>
        <div class="kyoto-tip-card__body">
          <h3 class="kyoto-tip-card__title">写真より「目で見る」時間を意識する</h3>
          <p class="kyoto-tip-card__desc">スマートフォンを構え続けると、脳が「記録モード」になり「体験モード」を失う。カメラは入口で数枚撮ったら鞄にしまい、残りの時間は目で見ることに集中する。それが大人の旅の作法だ。</p>
        </div>
      </div>

      <div class="kyoto-tip-card" role="listitem">
        <div class="kyoto-tip-card__num" aria-hidden="true">7</div>
        <div class="kyoto-tip-card__body">
          <h3 class="kyoto-tip-card__title">季節の「限定公開」情報を事前に調べる</h3>
          <p class="kyoto-tip-card__desc">春・秋には非公開文化財の特別公開（京都市観光協会主催）が行われる。通常は入れない塔頭・庭・茶室が期間限定で公開される貴重な機会。公式サイトで半年前から情報確認を。</p>
        </div>
      </div>

      <div class="kyoto-tip-card" role="listitem">
        <div class="kyoto-tip-card__num" aria-hidden="true">8</div>
        <div class="kyoto-tip-card__body">
          <h3 class="kyoto-tip-card__title">地元の本屋・美術館ショップに立ち寄る</h3>
          <p class="kyoto-tip-card__desc">恵文社一乗寺店・books&#038;things・誠光社など、独立系書店が充実している。旅先で出会った本が、旅後の京都理解を深める。美術館ショップのポストカードも質の高い土産になる。</p>
        </div>
      </div>

    </div>

    <h3 class="kyoto-h3">旅の前に済ませておくべき準備リスト</h3>

    <ul class="kyoto-checklist" role="list" aria-label="旅前の準備チェックリスト">
      <li class="kyoto-checklist__item">桂離宮・修学院離宮の参観申込（宮内庁ホームページ）</li>
      <li class="kyoto-checklist__item">本命の懐石・割烹を予約（2ヶ月前目安）</li>
      <li class="kyoto-checklist__item">宿泊先の予約と特別要望の伝達</li>
      <li class="kyoto-checklist__item">各寺院の開門時間・休止日の確認</li>
      <li class="kyoto-checklist__item">ICカードのチャージ残額確認</li>
      <li class="kyoto-checklist__item">季節の特別公開スケジュールの確認</li>
      <li class="kyoto-checklist__item">食物アレルギー・希望の宿・店への事前連絡</li>
      <li class="kyoto-checklist__item">天気予報と季節に合わせた服装の準備</li>
    </ul>

    <div class="kyoto-highlight">
      <p class="kyoto-highlight__title">
        <span aria-hidden="true">🌸</span>
        「70%の計画」が大人旅をちょうど良くする
      </p>
      <p>旅程を100%埋めてはいけない。30%の余白——気になった路地に入る時間、疲れたら立ち止まる時間、予定外の店に入る時間——が旅の最高の瞬間を生む。完璧な計画より「ちょうど良い計画」が、京都旅の本質だ。</p>
    </div>

  </section>


  <!-- ══════════════════════════════════════════════════════
       FAQ
       ══════════════════════════════════════════════════════ -->
  <section class="kyoto-faq" id="faq" aria-labelledby="faq-heading" tabindex="-1">

    <span class="kyoto-section-badge">FAQ</span>
    <h2 class="kyoto-h2" id="faq-heading">よくある質問</h2>

    <div class="kyoto-faq__list">

      <div class="kyoto-faq__item">
        <input type="checkbox" class="kyoto-faq__toggle" id="faq1">
        <label class="kyoto-faq__q" for="faq1" role="button" aria-controls="faq1-answer">
          <span class="kyoto-faq__q-icon" aria-hidden="true">Q</span>
          <span class="kyoto-faq__q-text">大人の京都旅に最適な季節はいつですか？</span>
          <span class="kyoto-faq__q-arrow" aria-hidden="true">›</span>
        </label>
        <div class="kyoto-faq__a" id="faq1-answer" aria-live="polite">
          <span class="kyoto-faq__sr-status" aria-hidden="true"><span class="kyoto-faq__sr-open">（折りたたみ）</span><span class="kyoto-faq__sr-close">（展開中）</span></span>
          <div class="kyoto-faq__a-inner">
            混雑を避けるなら<strong>6月（梅雨）と12〜1月（冬）</strong>が最もおすすめです。6月は苔・庭・紫陽花が最も美しく輝き、観光客が大幅に減ります。12〜2月は宿泊費が年間最安値帯になり、雪景色の金閣寺や枯山水の静寂を独占できます。桜・紅葉を楽しむなら、ピーク直前・直後（4月中旬・12月初旬）を狙うと混雑と価格を7割程度抑えられます。
          </div>
        </div>
      </div>

      <div class="kyoto-faq__item">
        <input type="checkbox" class="kyoto-faq__toggle" id="faq2">
        <label class="kyoto-faq__q" for="faq2" role="button" aria-controls="faq2-answer">
          <span class="kyoto-faq__q-icon" aria-hidden="true">Q</span>
          <span class="kyoto-faq__q-text">1泊2日の場合、予算はどのくらい必要ですか？</span>
          <span class="kyoto-faq__q-arrow" aria-hidden="true">›</span>
        </label>
        <div class="kyoto-faq__a" id="faq2-answer" aria-live="polite">
          <span class="kyoto-faq__sr-status" aria-hidden="true"><span class="kyoto-faq__sr-open">（折りたたみ）</span><span class="kyoto-faq__sr-close">（展開中）</span></span>
          <div class="kyoto-faq__a-inner">
            大人の京都旅として質を確保するなら、<strong>1人あたり4〜8万円（宿泊1泊・食事3食込み）</strong>を目安にするのが現実的です。内訳は宿泊1〜3万円、食費（本命ランチ懐石）1〜2万円、拝観料・交通費1万円程度。町家一棟貸しをグループで割ると宿泊費が下がります。逆に老舗旅館2食付きを選ぶと宿泊費が上がりますが、食費が節約できます。
          </div>
        </div>
      </div>

      <div class="kyoto-faq__item">
        <input type="checkbox" class="kyoto-faq__toggle" id="faq3">
        <label class="kyoto-faq__q" for="faq3" role="button" aria-controls="faq3-answer">
          <span class="kyoto-faq__q-icon" aria-hidden="true">Q</span>
          <span class="kyoto-faq__q-text">一人旅でも楽しめますか？</span>
          <span class="kyoto-faq__q-arrow" aria-hidden="true">›</span>
        </label>
        <div class="kyoto-faq__a" id="faq3-answer" aria-live="polite">
          <span class="kyoto-faq__sr-status" aria-hidden="true"><span class="kyoto-faq__sr-open">（折りたたみ）</span><span class="kyoto-faq__sr-close">（展開中）</span></span>
          <div class="kyoto-faq__a-inner">
            <strong>一人旅に最も向いている都市のひとつ</strong>が京都です。早朝の参拝・庭の鑑賞・カウンター割烹——どれも一人でこそ深く体験できるものばかりです。カウンター席では料理人と会話が生まれ、一人のほうが案内が丁寧になることも多い。一棟貸し町家は一人には広すぎるため、デザインホテルや宿坊がおすすめです。
          </div>
        </div>
      </div>

      <div class="kyoto-faq__item">
        <input type="checkbox" class="kyoto-faq__toggle" id="faq4">
        <label class="kyoto-faq__q" for="faq4" role="button" aria-controls="faq4-answer">
          <span class="kyoto-faq__q-icon" aria-hidden="true">Q</span>
          <span class="kyoto-faq__q-text">四神ゆかりの神社5社を1日で全部回れますか？</span>
          <span class="kyoto-faq__q-arrow" aria-hidden="true">›</span>
        </label>
        <div class="kyoto-faq__a" id="faq4-answer" aria-live="polite">
          <span class="kyoto-faq__sr-status" aria-hidden="true"><span class="kyoto-faq__sr-open">（折りたたみ）</span><span class="kyoto-faq__sr-close">（展開中）</span></span>
          <div class="kyoto-faq__a-inner">
            移動だけなら物理的に可能ですが、<strong>大人旅としてはおすすめしません</strong>。スタンプラリーになってしまい、各神社の神域の空気を感じる余裕がなくなります。2泊3日以上の旅で、1日1〜2社をじっくり訪れるペースが理想です。「四神の都・京都」という視点を頭に入れながら、旅の中で少しずつ訪れていくことが、大人の楽しみ方です。
          </div>
        </div>
      </div>

      <div class="kyoto-faq__item">
        <input type="checkbox" class="kyoto-faq__toggle" id="faq5">
        <label class="kyoto-faq__q" for="faq5" role="button" aria-controls="faq5-answer">
          <span class="kyoto-faq__q-icon" aria-hidden="true">Q</span>
          <span class="kyoto-faq__q-text">懐石料理の予約が取れなかった場合はどうすればいいですか？</span>
          <span class="kyoto-faq__q-arrow" aria-hidden="true">›</span>
        </label>
        <div class="kyoto-faq__a" id="faq5-answer" aria-live="polite">
          <span class="kyoto-faq__sr-status" aria-hidden="true"><span class="kyoto-faq__sr-open">（折りたたみ）</span><span class="kyoto-faq__sr-close">（展開中）</span></span>
          <div class="kyoto-faq__a-inner">
            まず<strong>直接電話でキャンセル待ちを依頼</strong>してみてください。旅行の目的と日程を誠実に伝えると対応が変わることがあります。それでも難しい場合は、①町家割烹のランチコース（懐石より予約が取りやすい）、②老舗料亭のカウンター席（カウンターは席数が限られ回転が速い）、③百貨店の地下食品フロアで質の高い京弁当を購入して庭園で食べる、という代替案も京都らしい体験になります。
          </div>
        </div>
      </div>

    </div>

  </section>



  <!-- 公式リンクセクション -->
  <div style="background-color:#f0f8ff;border-left:4px solid #3498db;padding:20px;margin:30px 0;border-radius:5px;">
    <p style="margin:0;font-size:16px;"><strong>📌 京都旅の公式情報</strong></p>
    <p style="margin:10px 0 6px 0;line-height:1.6;">最新のイベント・観光情報については、<a rel="noopener" href="https://ja.kyoto.travel/" target="_blank" style="color:#0066cc;font-weight:bold;">京都市観光協会（京都観光Navi）</a>の公式サイトをご確認ください。</p>
    <p style="margin:6px 0 6px 0;line-height:1.6;">桂離宮・修学院離宮・仙洞御所の参観申込は、<a rel="noopener" href="https://sankan.kunaicho.go.jp/" target="_blank" style="color:#0066cc;font-weight:bold;">宮内庁参観申込サイト</a>から事前予約が必要です。</p>
    <p style="margin:6px 0 0 0;line-height:1.6;">寺院・神社の特別公開（春・秋）の最新情報は、<a rel="noopener" href="https://www.kobunka.com/" target="_blank" style="color:#0066cc;font-weight:bold;">京都古文化保存協会</a>の公式サイトで確認できます。</p>
  </div>

  <!-- ══════════════════════════════════════════════════════
       まとめ
       ══════════════════════════════════════════════════════ -->
  <section id="summary" aria-labelledby="summary-heading" tabindex="-1">

    <div class="kyoto-summary" style="background:#0d3a52 !important;background-image:linear-gradient(145deg,#0d3a52 0%,#1a5a78 55%,#2980b9 100%) !important;color:#fff !important;">
      <div class="kyoto-summary__inner">
        <p class="kyoto-summary__label" style="color:#c8a870 !important;">Summary</p>
        <h2 class="kyoto-summary__title" id="summary-heading" style="color:#ffffff !important;background:none !important;border:none !important;padding:0 !important;">
          京都は、<em style="color:#c8a870 !important;font-style:normal;">何度でも</em>新しい。
        </h2>
        <p class="kyoto-summary__text" style="color:rgba(255,255,255,.92) !important;">大人の旅とは、見えにくいものを見ようとする姿勢だ。早朝の静寂、職人の一椀、庭師が育てた苔——「余白」に宿る京都の本質は、詰め込みの旅では絶対に出会えない。今回ご紹介した視点と段取りを手がかりに、あなただけの京都を見つけてほしい。</p>

        <div class="kyoto-summary__points" role="list" aria-label="この記事のまとめポイント">
          <div class="kyoto-summary__point" role="listitem">
            <span class="kyoto-summary__point-icon" aria-hidden="true">🌅</span>
            <span class="kyoto-summary__point-text">早朝・平日・逆張り季節が大人旅の基本戦略</span>
          </div>
          <div class="kyoto-summary__point" role="listitem">
            <span class="kyoto-summary__point-icon" aria-hidden="true">🧭</span>
            <span class="kyoto-summary__point-text">四神ゆかりの5社で京都の根本思想に触れる</span>
          </div>
          <div class="kyoto-summary__point" role="listitem">
            <span class="kyoto-summary__point-icon" aria-hidden="true">🍱</span>
            <span class="kyoto-summary__point-text">「本命の一食」に予算と時間を集中させる</span>
          </div>
          <div class="kyoto-summary__point" role="listitem">
            <span class="kyoto-summary__point-icon" aria-hidden="true">🏠</span>
            <span class="kyoto-summary__point-text">宿が旅の質を決める。エリア×スタイルで選ぶ</span>
          </div>
          <div class="kyoto-summary__point" role="listitem">
            <span class="kyoto-summary__point-icon" aria-hidden="true">📋</span>
            <span class="kyoto-summary__point-text">70%の計画と30%の余白が最良の旅程</span>
          </div>
          <div class="kyoto-summary__point" role="listitem">
            <span class="kyoto-summary__point-icon" aria-hidden="true">🔄</span>
            <span class="kyoto-summary__point-text">京都は繰り返すほど深みが増す都市</span>
          </div>
        </div>

        <div class="kyoto-summary__cta">
          <a rel="nofollow noopener" href="https://px.a8.net/svt/ejp?a8mat=45I6LJ+3PYKNU+2YGS+64Z8Y" target="_blank" class="kyoto-summary__btn kyoto-summary__btn--primary">
            ✈️ 京都への航空券を探す（エアトリ）
          </a><img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www15.a8.net/0.gif?a8mat=45I6LJ+3PYKNU+2YGS+64Z8Y" alt="">
          <a rel="sponsored noopener" href="https://12go.asia/?z=13808815" target="_blank" class="kyoto-summary__btn kyoto-summary__btn--secondary" style="color:#ffffff !important;background:rgba(255,255,255,.15) !important;border:1px solid rgba(255,255,255,.5) !important;">
            🚄 京都へのアクセスを調べる
          </a>
        </div>
      </div>
    </div>

      </section>
</div><!-- /.kyoto-article -->


<!-- ============================================================
     JavaScript: 目次アニメーション / 開閉 / スクロール進捗
     ============================================================ -->


<!-- TouristAttraction構造化データ -->


<!-- FAQ構造化データ -->

]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/kyoto-adult-travel-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>バンコクからチェンマイへの移動方法｜飛行機・夜行バス・寝台列車を比較</title>
		<link>https://yoooyooo8.jp/bangkok-chiangmai-access/</link>
					<comments>https://yoooyooo8.jp/bangkok-chiangmai-access/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Tue, 14 Apr 2026 00:00:00 +0000</pubDate>
				<category><![CDATA[タイ]]></category>
		<category><![CDATA[移動手段]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2446</guid>

					<description><![CDATA[✈ TRAVEL GUIDE 2026 バンコク〜チェンマイどの移動手段を選ぶ？ 飛行機・夜行バス・寝台列車を比較｜各乗り場へのアクセスも網羅 距離 約720km 3つの移動手段を比較 乗り場アクセスも網羅 📌 この記事 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&#038;family=Zen+Kaku+Gothic+New:wght@700;900&#038;display=swap" rel="stylesheet">
<style>
/* ============================================================
   SCOPE: .bca-wrap — Bangkok Chiang Mai Access Article
   全セレクタを .bca-wrap 配下に限定しスコープ化
   WP Fastest Cache 対応: JS不使用、CSS checkbox hack使用
   Cocoon h2 干渉対策済み
   ============================================================ */

/* --- CSS Variables --- */
.bca-wrap {
  --bca-sky: #0ea5e9;
  --bca-sky-light: #e0f2fe;
  --bca-sky-mid: #bae6fd;
  --bca-sky-dark: #0369a1;
  --bca-navy: #0c2d4e;
  --bca-gold: #f59e0b;
  --bca-gold-light: #fef3c7;
  --bca-green: #10b981;
  --bca-green-light: #d1fae5;
  --bca-orange: #f97316;
  --bca-orange-light: #ffedd5;
  --bca-gray-50: #f8fafc;
  --bca-gray-100: #f1f5f9;
  --bca-gray-200: #e2e8f0;
  --bca-gray-400: #94a3b8;
  --bca-gray-600: #475569;
  --bca-gray-800: #1e293b;
  --bca-white: #ffffff;
  --bca-radius: 12px;
  --bca-shadow: 0 4px 24px rgba(14, 165, 233, 0.10);
  --bca-shadow-lg: 0 8px 40px rgba(14, 165, 233, 0.18);
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--bca-gray-800);
  line-height: 2.0;
  letter-spacing: 0.04em;
  max-width: 860px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.bca-wrap p {
  margin: 0 0 1.6em;
  line-height: 2.0;
  letter-spacing: 0.04em;
}

.bca-wrap p:last-child {
  margin-bottom: 0;
}


/* ============================================================
   HERO SECTION — アニメーションヒーロー
   ============================================================ */
.bca-wrap .bca-hero {
  position: relative;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-right: -20px;
  background: linear-gradient(135deg, var(--bca-navy) 0%, #164e63 50%, var(--bca-sky-dark) 100%);
  overflow: hidden;
  padding: 72px 36px 60px;
  border-radius: 0 0 30px 30px;
  margin-bottom: 52px;
}

.bca-wrap .bca-hero::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(14,165,233,0.25) 0%, transparent 70%);
  border-radius: 50%;
  animation: bca-pulse 4s ease-in-out infinite;
}

.bca-wrap .bca-hero::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(245,158,11,0.18) 0%, transparent 70%);
  border-radius: 50%;
  animation: bca-pulse 5s ease-in-out infinite 1s;
}

@keyframes bca-pulse {
  0%, 100% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.15); opacity: 1; }
}

.bca-wrap .bca-hero-badge {
  display: inline-block;
  background: rgba(14,165,233,0.25);
  border: 1px solid rgba(14,165,233,0.5);
  color: var(--bca-sky-mid);
  font-size: 11px;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 20px;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

/* Cocoon h2 干渉対策: 詳細度 (0,2,1) で確実にオーバーライド */
.bca-wrap .bca-hero h2.bca-hero-title,
.bca-wrap .bca-hero-title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: clamp(22px, 4.5vw, 38px);
  font-weight: 900;
  color: var(--bca-white);
  line-height: 1.35;
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
  border: none;
  position: relative;
  z-index: 1;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}

.bca-wrap .bca-hero-sub {
  color: rgba(255,255,255,0.75);
  font-size: 14px;
  position: relative;
  z-index: 1;
  margin: 0;
}

.bca-wrap .bca-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  position: relative;
  z-index: 1;
}

.bca-wrap .bca-hero-tag {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.9);
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 500;
}

/* ============================================================
   POINT BOX — この記事の要点
   ============================================================ */
.bca-wrap .bca-point-box {
  background: linear-gradient(135deg, var(--bca-sky-light) 0%, #f0f9ff 100%);
  border: 2px solid var(--bca-sky);
  border-radius: var(--bca-radius);
  padding: 28px 32px;
  margin-bottom: 44px;
  position: relative;
  overflow: hidden;
}

.bca-wrap .bca-point-box::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 120px; height: 120px;
  background: radial-gradient(circle, rgba(14,165,233,0.1) 0%, transparent 70%);
}

.bca-wrap .bca-point-title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 15px;
  font-weight: 900;
  color: var(--bca-sky-dark);
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.bca-wrap .bca-point-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bca-wrap .bca-point-list li {
  padding: 10px 0;
  padding-left: 26px;
  position: relative;
  font-size: 14px;
  line-height: 1.9;
  color: var(--bca-gray-800);
  border-bottom: 1px dashed var(--bca-sky-mid);
}

.bca-wrap .bca-point-list li:last-child {
  border-bottom: none;
}

.bca-wrap .bca-point-list li::before {
  content: '✈';
  position: absolute;
  left: 0;
  color: var(--bca-sky);
  font-size: 13px;
}

/* ============================================================
   TOC — アニメーション目次（CSS checkbox hack）
   ============================================================ */
.bca-wrap .bca-toc-wrap {
  margin-bottom: 52px;
}

.bca-wrap .bca-toc-input {
  display: none;
}

.bca-wrap .bca-toc-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, var(--bca-navy) 0%, var(--bca-sky-dark) 100%);
  color: var(--bca-white);
  padding: 16px 22px;
  border-radius: var(--bca-radius);
  cursor: pointer;
  user-select: none;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  font-size: 15px;
  transition: opacity 0.2s;
}

.bca-wrap .bca-toc-label:hover {
  opacity: 0.9;
}

.bca-wrap .bca-toc-label .bca-toc-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
  font-style: normal;
}

.bca-wrap .bca-toc-input:checked ~ .bca-toc-label .bca-toc-arrow {
  transform: rotate(180deg);
}

.bca-wrap .bca-toc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  background: var(--bca-gray-50);
  border: 1px solid var(--bca-gray-200);
  border-top: none;
  border-radius: 0 0 var(--bca-radius) var(--bca-radius);
}

.bca-wrap .bca-toc-input:checked ~ .bca-toc-body {
  max-height: 600px;
  padding: 24px 28px;
}

.bca-wrap .bca-toc-body h3 {
  font-size: 12px;
  font-weight: 700;
  color: var(--bca-gray-400);
  letter-spacing: 0.1em;
  margin: 0 0 12px;
  padding: 0;
  background: transparent;
  border: none;
  text-transform: uppercase;
}

.bca-wrap .bca-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: bca-toc;
}

.bca-wrap .bca-toc-list li {
  counter-increment: bca-toc;
  border-bottom: 1px dashed var(--bca-gray-200);
}

.bca-wrap .bca-toc-list li:last-child {
  border-bottom: none;
}

.bca-wrap .bca-toc-list li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 4px;
  color: var(--bca-sky-dark);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
  transition: color 0.2s, padding-left 0.2s;
}

.bca-wrap .bca-toc-list li a::before {
  content: counter(bca-toc, decimal-leading-zero);
  background: var(--bca-sky);
  color: var(--bca-white);
  font-size: 10px;
  font-weight: 700;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bca-wrap .bca-toc-list li a:hover {
  color: var(--bca-sky);
  padding-left: 6px;
}

/* ============================================================
   SECTION HEADINGS
   ============================================================ */
/* Cocoon h2 干渉対策: 詳細度 (0,1,2) + role="heading" 対応 */
.bca-wrap .bca-section-title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: clamp(18px, 3vw, 24px);
  font-weight: 900;
  color: var(--bca-navy);
  margin: 60px 0 24px;
  padding: 0 0 14px 20px;
  border-bottom: 2px solid var(--bca-sky-mid);
  position: relative;
  background: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
}

.bca-wrap h2.bca-section-title {
  background: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
}

.bca-wrap .bca-section-title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 5px;
  background: linear-gradient(to bottom, var(--bca-sky), var(--bca-sky-dark));
  border-radius: 3px;
}

/* ============================================================
   COMPARISON TABLE
   ============================================================ */
.bca-wrap .bca-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 28px 0;
  border-radius: var(--bca-radius);
  box-shadow: var(--bca-shadow);
}

.bca-wrap .bca-compare-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 14px;
}

.bca-wrap .bca-compare-table thead tr {
  background: linear-gradient(135deg, var(--bca-navy) 0%, var(--bca-sky-dark) 100%);
}

.bca-wrap .bca-compare-table thead th {
  color: #ffffff !important;
  padding: 16px 18px;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
  letter-spacing: 0.05em;
}

.bca-wrap .bca-compare-table thead th:first-child {
  text-align: left;
  border-radius: var(--bca-radius) 0 0 0;
}

.bca-wrap .bca-compare-table thead th:last-child {
  border-radius: 0 var(--bca-radius) 0 0;
}

.bca-wrap .bca-compare-table tbody tr {
  border-bottom: 1px solid var(--bca-gray-200);
  transition: background 0.15s;
}

.bca-wrap .bca-compare-table tbody tr:hover {
  background: var(--bca-sky-light);
}

.bca-wrap .bca-compare-table tbody tr:last-child {
  border-bottom: none;
}

.bca-wrap .bca-compare-table tbody td {
  padding: 16px 18px;
  text-align: center;
  vertical-align: middle;
}

.bca-wrap .bca-compare-table tbody td:first-child {
  text-align: left;
  font-weight: 700;
  color: var(--bca-navy);
  background: var(--bca-gray-50);
}

.bca-wrap .bca-badge-best {
  display: inline-block;
  background: var(--bca-sky);
  color: white;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 6px;
  vertical-align: middle;
}

.bca-wrap .bca-badge-good {
  display: inline-block;
  background: var(--bca-green);
  color: white;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 6px;
  vertical-align: middle;
}

/* ============================================================
   TRANSPORT CARDS
   ============================================================ */
.bca-wrap .bca-card {
  background: var(--bca-white);
  border-radius: var(--bca-radius);
  box-shadow: var(--bca-shadow);
  padding: 36px;
  margin: 28px 0;
  border-top: 4px solid var(--bca-sky);
  position: relative;
  overflow: hidden;
}

.bca-wrap .bca-card.bca-card-bus {
  border-top-color: var(--bca-green);
}

.bca-wrap .bca-card.bca-card-train {
  border-top-color: var(--bca-gold);
}

.bca-wrap .bca-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
}

.bca-wrap .bca-card-icon {
  font-size: 32px;
  line-height: 1;
}

.bca-wrap .bca-card-meta {
  flex: 1;
}

.bca-wrap .bca-card-name {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: var(--bca-navy);
  margin: 0 0 4px;
}

.bca-wrap .bca-card-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
}

.bca-wrap .bca-stat-chip {
  background: var(--bca-sky-light);
  color: var(--bca-sky-dark);
  padding: 3px 10px;
  border-radius: 20px;
  font-weight: 600;
}

.bca-wrap .bca-card-body p {
  font-size: 14px;
  color: var(--bca-gray-600);
  margin: 0 0 18px;
  line-height: 2.0;
}

.bca-wrap .bca-card-body p:last-child {
  margin-bottom: 0;
}

.bca-wrap .bca-merit-demerit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 20px 0;
}

.bca-wrap .bca-merit, .bca-wrap .bca-demerit {
  padding: 14px 16px;
  border-radius: 8px;
  font-size: 13px;
}

.bca-wrap .bca-merit {
  background: var(--bca-green-light);
  border-left: 3px solid var(--bca-green);
}

.bca-wrap .bca-demerit {
  background: var(--bca-orange-light);
  border-left: 3px solid var(--bca-orange);
}

.bca-wrap .bca-merit-label,
.bca-wrap .bca-demerit-label {
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
  display: block;
}

.bca-wrap .bca-merit-label { color: var(--bca-green); }
.bca-wrap .bca-demerit-label { color: var(--bca-orange); }

.bca-wrap .bca-merit ul,
.bca-wrap .bca-demerit ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bca-wrap .bca-merit ul li,
.bca-wrap .bca-demerit ul li {
  padding: 4px 0;
  font-size: 12px;
  line-height: 1.8;
  color: var(--bca-gray-800);
}

.bca-wrap .bca-merit ul li::before { content: '○ '; color: var(--bca-green); }
.bca-wrap .bca-demerit ul li::before { content: '△ '; color: var(--bca-orange); }

/* ============================================================
   IMAGE BLOCK
   ============================================================ */
.bca-wrap .bca-img-block {
  margin: 36px 0;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-right: -20px;
}

.bca-wrap .bca-img-block img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1200 / 800;
  object-fit: cover;
  background: var(--bca-sky-light);
}

.bca-wrap .bca-img-block figcaption {
  text-align: center;
  font-size: 11px;
  color: var(--bca-gray-400);
  padding: 8px 20px 10px;
  background: var(--bca-gray-50);
}

/* ============================================================
   AFFILIATE LINK BOX
   ============================================================ */
.bca-wrap .bca-aff-box {
  background: linear-gradient(135deg, var(--bca-sky-light) 0%, #f0f9ff 100%);
  border: 1px solid var(--bca-sky-mid);
  border-radius: var(--bca-radius);
  padding: 22px 26px;
  margin: 28px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.bca-wrap .bca-aff-box .bca-aff-label {
  font-size: 12px;
  font-weight: 700;
  color: var(--bca-sky-dark);
  white-space: nowrap;
}

.bca-wrap .bca-aff-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bca-wrap .bca-aff-btn {
  display: inline-block;
  background: var(--bca-sky);
  color: var(--bca-white);
  font-size: 13px;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s;
}

.bca-wrap .bca-aff-btn:hover {
  background: var(--bca-sky-dark);
  transform: translateY(-1px);
}

.bca-wrap .bca-aff-btn.bca-aff-btn-green {
  background: var(--bca-green);
}

.bca-wrap .bca-aff-btn.bca-aff-btn-green:hover {
  background: #059669;
}

/* ============================================================
   STYLE SELECTOR — 旅スタイル別
   ============================================================ */
.bca-wrap .bca-style-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 18px;
  margin: 28px 0;
}

.bca-wrap .bca-style-card {
  background: var(--bca-white);
  border: 2px solid var(--bca-gray-200);
  border-radius: var(--bca-radius);
  padding: 24px 20px;
  text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.bca-wrap .bca-style-card:hover {
  border-color: var(--bca-sky);
  box-shadow: var(--bca-shadow);
}

.bca-wrap .bca-style-icon {
  font-size: 30px;
  margin-bottom: 10px;
}

.bca-wrap .bca-style-type {
  font-size: 12px;
  font-weight: 700;
  color: var(--bca-gray-400);
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.bca-wrap .bca-style-rec {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: var(--bca-sky);
  margin-bottom: 8px;
}

.bca-wrap .bca-style-desc {
  font-size: 12px;
  color: var(--bca-gray-600);
  line-height: 1.8;
}

/* ============================================================
   ACCESS GUIDE — 乗り場案内
   ============================================================ */
.bca-wrap .bca-access-guide {
  background: var(--bca-white);
  border: 1px solid var(--bca-gray-200);
  border-radius: var(--bca-radius);
  overflow: hidden;
  margin: 24px 0;
}

.bca-wrap .bca-access-guide-header {
  background: linear-gradient(90deg, var(--bca-navy) 0%, var(--bca-sky-dark) 100%);
  padding: 14px 22px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.bca-wrap .bca-access-guide-header span {
  color: var(--bca-white);
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.bca-wrap .bca-access-steps {
  padding: 24px 24px 6px;
  display: flex;
  flex-direction: column;
}

.bca-wrap .bca-access-step {
  display: flex;
  gap: 14px;
  position: relative;
}

.bca-wrap .bca-access-step:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 15px;
  top: 34px;
  bottom: 0;
  width: 2px;
  background: var(--bca-sky-mid);
}

.bca-wrap .bca-access-step-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bca-sky);
  color: var(--bca-white);
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  margin-top: 2px;
}

.bca-wrap .bca-access-step-body {
  padding-bottom: 26px;
  flex: 1;
}

.bca-wrap .bca-access-step-body strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--bca-navy);
  margin-bottom: 6px;
}

.bca-wrap .bca-access-step-body p {
  font-size: 13px;
  color: var(--bca-gray-600);
  margin: 0;
  line-height: 1.9;
}

.bca-wrap .bca-access-tip {
  background: var(--bca-gold-light);
  border-left: 3px solid var(--bca-gold);
  border-radius: 0 6px 6px 0;
  padding: 12px 16px;
  margin: 0 24px 20px;
  font-size: 12px;
  color: #78350f;
  line-height: 1.9;
}

.bca-wrap .bca-access-tip strong {
  color: #92400e;
}

/* ============================================================
   INFO BOX
   ============================================================ */
.bca-wrap .bca-info-box {
  background: var(--bca-sky-light);
  border-left: 4px solid var(--bca-sky);
  border-radius: 0 8px 8px 0;
  padding: 18px 24px;
  margin: 24px 0;
  font-size: 14px;
  color: var(--bca-gray-800);
  line-height: 2.0;
}

.bca-wrap .bca-info-box strong {
  color: var(--bca-sky-dark);
}

/* ============================================================
   FAQ SECTION — CSS checkbox hack
   ============================================================ */
.bca-wrap .bca-faq-list {
  margin: 0;
  padding: 0;
}

.bca-wrap .bca-faq-item {
  margin-bottom: 12px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--bca-gray-200);
}

.bca-wrap .bca-faq-input {
  display: none;
}

.bca-wrap .bca-faq-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--bca-gray-50);
  padding: 16px 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: var(--bca-navy);
  transition: background 0.2s;
  gap: 14px;
}

.bca-wrap .bca-faq-label:hover {
  background: var(--bca-sky-light);
}

.bca-wrap .bca-faq-q {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

.bca-wrap .bca-faq-q::before {
  content: 'Q';
  background: var(--bca-sky);
  color: white;
  font-size: 11px;
  font-weight: 900;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bca-wrap .bca-faq-arrow {
  color: var(--bca-sky);
  font-size: 16px;
  transition: transform 0.3s;
  flex-shrink: 0;
}

.bca-wrap .bca-faq-input:checked ~ .bca-faq-label .bca-faq-arrow {
  transform: rotate(180deg);
}

.bca-wrap .bca-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.3s;
  background: var(--bca-white);
}

.bca-wrap .bca-faq-input:checked ~ .bca-faq-answer {
  max-height: 400px;
  padding: 20px 22px 20px 46px;
}

.bca-wrap .bca-faq-answer p {
  margin: 0;
  font-size: 14px;
  color: var(--bca-gray-600);
  line-height: 2.0;
}

/* ============================================================
   INTERNAL LINK
   ============================================================ */
.bca-wrap .bca-internal-link {
  color: #0066cc;
  font-weight: 700;
  text-decoration: underline;
}

.bca-wrap .bca-internal-link:hover {
  color: #0052a3;
}

/* ============================================================
   SUMMARY SECTION
   ============================================================ */
.bca-wrap .bca-summary-box {
  background: linear-gradient(135deg, var(--bca-navy) 0%, var(--bca-sky-dark) 100%);
  border-radius: var(--bca-radius);
  padding: 40px;
  margin: 40px 0;
  color: var(--bca-white);
  position: relative;
  overflow: hidden;
}

.bca-wrap .bca-summary-box::before {
  content: '';
  position: absolute;
  top: -50px; right: -50px;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
  border-radius: 50%;
}

.bca-wrap .bca-summary-title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 18px;
  font-weight: 900;
  margin: 0 0 20px;
  position: relative;
}

.bca-wrap .bca-summary-list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px;
  position: relative;
}

.bca-wrap .bca-summary-list li {
  padding: 9px 0 9px 22px;
  position: relative;
  font-size: 14px;
  line-height: 1.9;
  color: rgba(255,255,255,0.9);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.bca-wrap .bca-summary-list li:last-child {
  border-bottom: none;
}

.bca-wrap .bca-summary-list li::before {
  content: '▸';
  position: absolute;
  left: 0;
  color: var(--bca-sky-mid);
}

.bca-wrap .bca-summary-cta {
  display: inline-block;
  background: var(--bca-gold);
  color: var(--bca-navy);
  font-size: 14px;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  position: relative;
  transition: transform 0.2s;
}

.bca-wrap .bca-summary-cta:hover {
  transform: translateY(-2px);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 600px) {
  .bca-wrap .bca-hero {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding: 52px 24px 44px;
  }

  .bca-wrap .bca-img-block {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }

  .bca-wrap .bca-merit-demerit {
    grid-template-columns: 1fr;
  }

  .bca-wrap .bca-style-grid {
    grid-template-columns: 1fr 1fr;
  }

  .bca-wrap .bca-card {
    padding: 24px 20px;
  }

  .bca-wrap .bca-summary-box {
    padding: 30px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bca-wrap .bca-hero::before,
  .bca-wrap .bca-hero::after {
    animation: none !important;
  }
}
</style>

<!-- ============================================================
     ARTICLE BODY
     ============================================================ -->
<div class="bca-wrap">

  <!-- HERO -->
  <section class="bca-hero" aria-label="記事ヘッダー">
    <div class="bca-hero-badge" aria-hidden="true">✈ TRAVEL GUIDE 2026</div>
    <h2 class="bca-hero-title">バンコク〜チェンマイ<br>どの移動手段を選ぶ？</h2>
    <p class="bca-hero-sub">飛行機・夜行バス・寝台列車を比較｜各乗り場へのアクセスも網羅</p>
    <div class="bca-hero-tags" aria-label="記事タグ">
      <span class="bca-hero-tag">距離 約720km</span>
      <span class="bca-hero-tag">3つの移動手段を比較</span>
      <span class="bca-hero-tag">乗り場アクセスも網羅</span>
    </div>
  </section>

  <!-- この記事の要点 -->
  <div class="bca-point-box" role="note" aria-label="この記事の要点">
    <p class="bca-point-title">📌 この記事でわかること</p>
    <ul class="bca-point-list">
      <li>飛行機・夜行バス・寝台列車の料金と所要時間を一覧で確認できる</li>
      <li>旅スタイル（時間節約・節約・旅情重視・家族旅行）別のおすすめがわかる</li>
      <li>12GoやＷ.Ａ.Ｓ.を使ったオンライン予約のヒントがわかる</li>
      <li>北バスターミナル・クルンテープ・アピワット中央駅など<strong>各乗り場へのアクセス方法を網羅</strong></li>
      <li>チェンマイ到着後の市内移動についても確認できる</li>
    </ul>
  </div>

  <!-- 目次 -->
  <nav class="bca-toc-wrap" aria-label="目次">
    <input type="checkbox" id="bca-toc-toggle" class="bca-toc-input">
    <label for="bca-toc-toggle" class="bca-toc-label">
      <span>📋 目次を表示する</span>
      <span class="bca-toc-arrow" aria-hidden="true">▼</span>
    </label>
    <div class="bca-toc-body">
      <h3>CONTENTS</h3>
      <ol class="bca-toc-list">
        <li><a href="#overview">移動手段の基本比較</a></li>
        <li><a href="#flight">飛行機で行く：最速1時間</a></li>
        <li><a href="#bus">夜行バスで行く：コスパ重視</a></li>
        <li><a href="#train">寝台列車で行く：旅情を味わう</a></li>
        <li><a href="#howto-choose">旅スタイル別の選び方</a></li>
        <li><a href="#booking">予約方法と基礎知識</a></li>
        <li><a href="#faq">よくある質問</a></li>
        <li><a href="#summary">まとめ</a></li>
      </ol>
    </div>
  </nav>

  <!-- リード文 -->
  <p>バンコクとチェンマイの距離は約720km。日本で例えると東京〜青森間とほぼ同じ距離です。<strong>飛行機なら1時間10分</strong>で到着できますが、夜行バスや寝台列車を使って移動の過程を旅の一部として楽しむという選択肢もあります。どの手段が「正解」かは旅のスタイルや予算によって違います。この記事では3つの主要移動手段を料金・時間・快適さの観点から比較するとともに、<strong>北バスターミナルや鉄道発着駅への具体的なアクセス方法</strong>まで合わせてお伝えします。</p>

  <!-- ===== セクション1: 比較テーブル ===== -->
  <h2 class="bca-section-title" id="overview">移動手段の基本比較</h2>

  <p>まず3つの移動手段を一覧で確認しましょう。目安の料金はシーズンや予約タイミングによって変動します。</p>

  <div class="bca-table-scroll" role="region" aria-label="移動手段比較表" tabindex="0">
    <table class="bca-compare-table">
      <thead>
        <tr>
          <th scope="col">移動手段</th>
          <th scope="col">所要時間</th>
          <th scope="col">料金目安</th>
          <th scope="col">快適さ</th>
          <th scope="col">こんな人に</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>✈ 飛行機<span class="bca-badge-best">最速</span></td>
          <td>約1時間10分</td>
          <td>1,000〜3,000B</td>
          <td>★★★★★</td>
          <td>時間を最優先したい</td>
        </tr>
        <tr>
          <td>🚌 夜行バス<span class="bca-badge-good">コスパ</span></td>
          <td>約9〜11時間</td>
          <td>500〜1,000B</td>
          <td>★★★☆☆</td>
          <td>移動費を抑えたい</td>
        </tr>
        <tr>
          <td>🚂 寝台列車</td>
          <td>約13〜14時間</td>
          <td>800〜1,800B</td>
          <td>★★★☆☆</td>
          <td>旅の過程を楽しみたい</td>
        </tr>
      </tbody>
    </table>
  </div>

  <div class="bca-info-box" role="note">
    <strong>💡 料金について：</strong>1バーツ＝約4〜4.5円（2026年現在）。飛行機は早期予約でLCC利用なら500B台から取れることもあります。バスや列車は乗車クラスによって大きく変わります。
  </div>

  <!-- ===== セクション2: 飛行機 ===== -->
  <h2 class="bca-section-title" id="flight">飛行機で行く：最速1時間10分の選択</h2>

  <p>3つの移動手段のなかで最も時間効率がよいのが飛行機です。スワンナプーム国際空港またはドンムアン空港からチェンマイ空港まで、フライト時間は約1時間10分。空港間の移動やセキュリティを含めても、トータル3〜4時間で移動が完了します。</p>

  <div class="bca-card" role="article" aria-label="飛行機の詳細情報">
    <div class="bca-card-header">
      <span class="bca-card-icon" aria-hidden="true">✈️</span>
      <div class="bca-card-meta">
        <p class="bca-card-name">飛行機</p>
        <div class="bca-card-stats">
          <span class="bca-stat-chip">所要時間 約1時間10分</span>
          <span class="bca-stat-chip">料金 1,000〜3,000B〜</span>
          <span class="bca-stat-chip">1日 多便運航</span>
        </div>
      </div>
    </div>
    <div class="bca-card-body">
      <p><strong>就航航空会社：</strong>タイ・ライオンエア、タイ・エアアジア、ノックエア、タイ国際航空（THAI）など複数社が毎日多便運航しています。LCCであれば早期予約で1,000バーツ前後から取れることもあり、早め早めに動くことが最安値への近道です。</p>
      <p><strong>出発空港のヒント：</strong>スワンナプーム空港発はタイ国際航空・バンコクエアウェイズなど、ドンムアン空港発はLCC（エアアジア、ノックエア）が中心です。</p>

      <div class="bca-access-guide" role="note" aria-label="バンコク2空港の基礎知識">
        <div class="bca-access-guide-header">
          <span>✈️ バンコク2空港からのアクセス早わかり</span>
        </div>
        <div class="bca-access-steps">
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true" style="background:var(--bca-sky-dark);">S</div>
            <div class="bca-access-step-body">
              <strong>スワンナプーム国際空港（BKK）</strong>
              <p>市内からエアポートレールリンク（約30分・45B）またはタクシー（約40〜60分・250〜400B）でアクセス。タイ国際航空・バンコクエアウェイズ・フルサービス便が中心。チェンマイへの便数は豊富。</p>
            </div>
          </div>
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true" style="background:var(--bca-green);">D</div>
            <div class="bca-access-step-body">
              <strong>ドンムアン国際空港（DMK）</strong>
              <p>ノックエア・タイ・エアアジア・タイ・ライオンエアなどLCCが集中。市内へは<strong>SRTダークレッドライン</strong>が便利で、空港の国内線ターミナル2階からドンムアン駅に直結。バンスー中央駅（MRT乗換）まで約20分・20バーツと格安。またはタクシー（約300〜400B）でもアクセス可能。</p>
            </div>
          </div>
        </div>
        <div class="bca-access-tip">
          <strong>💡 チェンマイ空港から市内へ：</strong>チェンマイ空港は旧市街から約5km。GrabやBoltアプリで配車すると100〜150B程度、所要約15〜20分で市内中心部に到着します。
        </div>
      </div>
      <div class="bca-merit-demerit">
        <div class="bca-merit">
          <span class="bca-merit-label">メリット</span>
          <ul>
            <li>圧倒的に速い</li>
            <li>体力消耗が少ない</li>
            <li>早割で安くなる</li>
            <li>便数が多く選びやすい</li>
          </ul>
        </div>
        <div class="bca-demerit">
          <span class="bca-demerit-label">注意点</span>
          <ul>
            <li>直前予約は高額になりやすい</li>
            <li>空港間の移動時間も必要</li>
            <li>荷物制限に注意（LCC）</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <div class="bca-aff-box" role="complementary" aria-label="航空券予約リンク">
    <span class="bca-aff-label">✈️ まずは航空券の料金だけ確認してみる</span>
    <div class="bca-aff-links">
      <a rel="nofollow sponsored noopener" href="https://www.rentracks.jp/adx/r.html?idx=0.72494.376502.2886.4416&#038;dna=64827" target="_blank" class="bca-aff-btn">Ｗ.Ａ.Ｓ. で検索</a>
    </div>
  </div>
  <img loading="lazy" decoding="async" src="https://www.rentracks.jp/adx/p.gifx?idx=0.72494.376502.2886.4416&#038;dna=64827" border="0" height="1" width="1" alt="">

  <p style="margin: 20px 0;">→ 詳しくはこちら：<a href="https://yoooyooo8.jp/bangkok-direct-flight-airport/" class="bca-internal-link">バンコク直行便の出発空港はどこ？日本全国7空港と航空会社【2026年】</a></p>

  <!-- ===== セクション3: 夜行バス ===== -->
  <h2 class="bca-section-title" id="bus">夜行バスで行く：コスパ重視の定番ルート</h2>

  <p>移動費を抑えたいなら夜行バスが有力な選択肢です。所要時間は9〜11時間と長いですが、夜のうちに移動するため宿泊費の節約にもなります。VIPバスであればフルフラットシートや機内食のような軽食サービスが提供されることもあり、日本の夜行バスより快適に感じる方も多いようです。</p>

  <div class="bca-card bca-card-bus" role="article" aria-label="夜行バスの詳細情報">
    <div class="bca-card-header">
      <span class="bca-card-icon" aria-hidden="true">🚌</span>
      <div class="bca-card-meta">
        <p class="bca-card-name">夜行バス</p>
        <div class="bca-card-stats">
          <span class="bca-stat-chip" style="background:var(--bca-green-light);color:#065f46;">所要時間 約9〜11時間</span>
          <span class="bca-stat-chip" style="background:var(--bca-green-light);color:#065f46;">料金 500〜1,000B〜</span>
          <span class="bca-stat-chip" style="background:var(--bca-green-light);color:#065f46;">夜行・昼行の選択可</span>
        </div>
      </div>
    </div>
    <div class="bca-card-body">
      <p><strong>乗り場：</strong>バンコク側の乗り場は<strong>北バスターミナル（モーチット2）</strong>です。チェンマイへの長距離バスのほとんどがここを起点にしています。下記のアクセスガイドを参考にしてください。</p>

      <div class="bca-access-guide" role="note" aria-label="北バスターミナルへのアクセス">
        <div class="bca-access-guide-header">
          <span>🚌 北バスターミナル（モーチット2）へのアクセス</span>
        </div>
        <div class="bca-access-steps">
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true">1</div>
            <div class="bca-access-step-body">
              <strong>BTS「モーチット」駅 または MRT「チャトゥチャック・パーク」駅へ</strong>
              <p>市内各所からBTS/MRTでアクセス。どちらの駅からも北バスターミナルへの移動が可能です。</p>
            </div>
          </div>
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true">2</div>
            <div class="bca-access-step-body">
              <strong>駅からターミナルへ移動（約10〜15分）</strong>
              <p>タクシー・Grab が最も楽（50〜100B目安）。路線バス（52・136番など）でも行けますが、乗車前に行き先を確認しましょう。駅から歩くと30分ほどかかるため、荷物がある場合はタクシー推奨です。</p>
            </div>
          </div>
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true">3</div>
            <div class="bca-access-step-body">
              <strong>ターミナル内でチケット購入または受け取り</strong>
              <p>窓口は1階・3階に多数あります。チェンマイ行きはインフォメーションカウンターで場所を確認するとスムーズ。オンライン購入済みの場合は窓口で引き換え（Eチケット表示でそのまま乗れる場合も）。</p>
            </div>
          </div>
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true">4</div>
            <div class="bca-access-step-body">
              <strong>チェンマイ到着：アーケードバスターミナル</strong>
              <p>チェンマイ側の到着地はアーケードバスターミナル（市内中心部から約5km）。Grab・ソンテウ・タクシーで旧市街へ移動可能です。</p>
            </div>
          </div>
        </div>
        <div class="bca-access-tip">
          <strong>💡 ドンムアン空港経由の方へ：</strong>ドンムアン空港から北バスターミナルへはタクシーで約10〜15分・100〜150Bと近いため、空港到着後そのままバスに乗り継ぐルートも効率的です。
        </div>
      </div>
      <p><strong>バスのグレード：</strong>通常の4列シートからVIPのフルフラット3列シートまで選択肢があります。グレードが上がるほど座席が広く、Wi-Fiや毛布・軽食が付くことも。節約するなら通常シート、快適に過ごすならVIPシートを選びましょう。チケットは12Goなどのオンライン予約が確実です。</p>
      <p><strong>注意点：</strong>タイの夜行バスは車内のエアコンが強すぎることが多いです。薄手の上着や膝掛けを持参することをおすすめします。</p>
      <div class="bca-merit-demerit">
        <div class="bca-merit">
          <span class="bca-merit-label">メリット</span>
          <ul>
            <li>最も安い移動手段</li>
            <li>寝ている間に移動できる</li>
            <li>VIPは快適性が高い</li>
          </ul>
        </div>
        <div class="bca-demerit">
          <span class="bca-demerit-label">注意点</span>
          <ul>
            <li>長時間の乗車で体に負担</li>
            <li>冷房が強すぎることがある</li>
            <li>渋滞で遅延する場合あり</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <div class="bca-aff-box" role="complementary" aria-label="バスチケット予約リンク">
    <span class="bca-aff-label">🚌 バンコク発・今夜の便を探してみる</span>
    <div class="bca-aff-links">
      <a rel="nofollow sponsored noopener" href="https://12go.asia/ja?z=13808815" target="_blank" class="bca-aff-btn bca-aff-btn-green">12Go でバスを検索</a>
    </div>
  </div>

  <!-- ===== セクション4: 寝台列車 ===== -->
  <h2 class="bca-section-title" id="train">寝台列車で行く：旅情を味わう特別な体験</h2>

  <p>タイ国鉄の寝台列車は、スピードやコスパよりも「旅の過程を楽しみたい」人に向いた移動手段です。バンコクを夕方〜夜に出発し、翌朝チェンマイに到着するダイヤが中心。窓から流れるタイの田園風景や山岳地帯の景色を眺めながら過ごす時間は、飛行機では得られない旅の醍醐味があります。</p>

  <div class="bca-card bca-card-train" role="article" aria-label="寝台列車の詳細情報">
    <div class="bca-card-header">
      <span class="bca-card-icon" aria-hidden="true">🚂</span>
      <div class="bca-card-meta">
        <p class="bca-card-name">寝台列車（タイ国鉄）</p>
        <div class="bca-card-stats">
          <span class="bca-stat-chip" style="background:var(--bca-gold-light);color:#92400e;">所要時間 約13〜14時間</span>
          <span class="bca-stat-chip" style="background:var(--bca-gold-light);color:#92400e;">料金 800〜1,800B</span>
          <span class="bca-stat-chip" style="background:var(--bca-gold-light);color:#92400e;">1日4本運行</span>
        </div>
      </div>
    </div>
    <div class="bca-card-body">
      <p><strong>出発駅：</strong>バンコク側の出発駅は<strong>クルンテープ・アピワット中央駅</strong>（英: Krung Thep Aphiwat Central Terminal）です。2023年1月より特急・快速列車の拠点となった新中央駅で、旧ファランポーン駅ではないので注意が必要です。</p>

      <div class="bca-access-guide" role="note" aria-label="クルンテープ・アピワット中央駅へのアクセス">
        <div class="bca-access-guide-header">
          <span>🚂 クルンテープ・アピワット中央駅へのアクセス</span>
        </div>
        <div class="bca-access-steps">
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true">1</div>
            <div class="bca-access-step-body">
              <strong>MRT「バンスー」駅（ブルーライン）へ</strong>
              <p>クルンテープ・アピワット中央駅はMRTバンスー駅に直結しています。市内のMRT沿線からそのままアクセス可能で、乗り換えの手間がありません。</p>
            </div>
          </div>
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true">2</div>
            <div class="bca-access-step-body">
              <strong>駅構内からそのまま入場</strong>
              <p>MRTバンスー駅と鉄道駅は直結しているため、改札を出てすぐ鉄道ホームへアクセスできます。広い構内のため、到着後は行き先表示板を確認しながら進みましょう。</p>
            </div>
          </div>
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true">3</div>
            <div class="bca-access-step-body">
              <strong>チケット窓口またはオンラインで受け取り</strong>
              <p>窓口での購入は「チェンマイ行き」と告げるだけで通じます。等級（1等・2等）の希望がある場合は具体的に伝えましょう。オンライン予約（12Go・タイ国鉄公式）の場合は印刷またはスマートフォン画面を提示。</p>
            </div>
          </div>
          <div class="bca-access-step">
            <div class="bca-access-step-num" aria-hidden="true">4</div>
            <div class="bca-access-step-body">
              <strong>チェンマイ到着：チェンマイ駅</strong>
              <p>チェンマイ駅は旧市街の東側に位置し、市内中心部まで約2km。Grab・ソンテウ・タクシーで10〜15分で移動できます。</p>
            </div>
          </div>
        </div>
        <div class="bca-access-tip">
          <strong>⚠️ 注意：</strong>旧中央駅「フアランポーン駅（バンコク駅）」はチェンマイ行きの特急・快速列車は発着しません（普通列車・近郊列車のみ）。旅行案内が古い場合があるため、乗車前に必ず出発駅を確認してください。
        </div>
      </div>
      <p><strong>寝台クラスの基礎：</strong>1等寝台は個室タイプで料金は1,400〜1,800バーツ。2等寝台はオープンタイプで800〜1,200バーツ。1等はよりプライベートな空間が確保でき、エアコンも完備されています。2等でも簡易カーテンで仕切られており、落ち着いて過ごせます。</p>
      <p><strong>予約のヒント：</strong>人気シーズン（11月のランタン祭り・コムローイ前後など）は席が埋まるのが早いため、出発の2〜4週間前には予約しておくことをおすすめします。</p>
      <div class="bca-merit-demerit">
        <div class="bca-merit">
          <span class="bca-merit-label">メリット</span>
          <ul>
            <li>旅情・非日常感がある</li>
            <li>宿泊費を節約できる</li>
            <li>車窓の景色が楽しい</li>
          </ul>
        </div>
        <div class="bca-demerit">
          <span class="bca-demerit-label">注意点</span>
          <ul>
            <li>所要時間が最も長い</li>
            <li>遅延が発生しやすい</li>
            <li>貴重品管理に注意が必要</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!-- 画像 -->
  <figure class="bca-img-block">
    <img
      src="https://yoooyooo8.jp/wp-content/uploads/2026/03/sleeper-train-scaled.jpeg"
      alt="タイ国鉄の寝台列車の車内。ベッドと仕切りカーテンが並ぶ落ち着いた空間"
      width="1200"
      height="800"
      loading="lazy"
      decoding="async"
    >
    <figcaption>タイ国鉄の寝台列車車内。カーテンで仕切られたプライベートな空間で夜を過ごします。</figcaption>
  </figure>

  <div class="bca-aff-box" role="complementary" aria-label="列車チケット予約リンク">
    <span class="bca-aff-label">🚂 寝台の空席と料金をチェックしてみる</span>
    <div class="bca-aff-links">
      <a rel="nofollow sponsored noopener" href="https://12go.asia/ja?z=13808815" target="_blank" class="bca-aff-btn" style="background:#d97706;">12Go で列車を検索</a>
    </div>
  </div>

  <!-- ===== セクション5: 旅スタイル別 ===== -->
  <h2 class="bca-section-title" id="howto-choose">旅スタイル別・移動手段の選び方</h2>

  <p>「どれがおすすめですか？」という問いへの答えは、旅のスタイルによって変わります。以下の4タイプを参考にしてください。</p>

  <div class="bca-style-grid" role="list">
    <div class="bca-style-card" role="listitem">
      <div class="bca-style-icon" aria-hidden="true">⚡</div>
      <div class="bca-style-type">TIME SAVER</div>
      <div class="bca-style-rec">飛行機</div>
      <div class="bca-style-desc">時間を最優先にして、現地での滞在を最大化したい方に。日程が限られる社会人旅行者に特におすすめ。</div>
    </div>
    <div class="bca-style-card" role="listitem">
      <div class="bca-style-icon" aria-hidden="true">💰</div>
      <div class="bca-style-type">BUDGET</div>
      <div class="bca-style-rec">夜行バス</div>
      <div class="bca-style-desc">移動費と宿泊費を同時に節約したいバックパッカーや長期旅行者に。VIPシートなら快適性も◎。</div>
    </div>
    <div class="bca-style-card" role="listitem">
      <div class="bca-style-icon" aria-hidden="true">🌙</div>
      <div class="bca-style-type">ROMANCE</div>
      <div class="bca-style-rec">寝台列車</div>
      <div class="bca-style-desc">旅の過程を楽しみたいロマン派に。夜汽車でタイの風景と一緒に非日常を味わいたい方へ。</div>
    </div>
    <div class="bca-style-card" role="listitem">
      <div class="bca-style-icon" aria-hidden="true">👨‍👩‍👧</div>
      <div class="bca-style-type">FAMILY</div>
      <div class="bca-style-rec">飛行機</div>
      <div class="bca-style-desc">お子さん連れや体力的に長時間移動が難しい方には飛行機が安心。疲労を最小限に抑えられます。</div>
    </div>
  </div>

  <!-- ===== セクション6: 予約方法 ===== -->
  <h2 class="bca-section-title" id="booking">予約方法と基礎知識</h2>

  <p>3つの移動手段いずれもオンライン予約が最も確実です。特に旅行のピーク期（11月〜2月の観光シーズン、コムローイ・ソンクラーン前後）は早期に売り切れるため、出発の1〜2週間前には確保しておきましょう。</p>

  <div class="bca-info-box" role="note">
    <strong>🌏 12Go Asia について：</strong>バス・列車・フェリーなどタイ国内の陸路交通を一括で予約できるサービスです。日本語対応しており、クレジットカード払いも可能。東南アジア旅行でよく使われる定番ツールのひとつです。
  </div>

  <p>チェンマイでの宿泊は旧市街（ムアンチェンマイ）周辺が観光に便利です。ニマンヘミン周辺はカフェや洗練されたホテルが集まり、滞在型の旅行者に人気があります。</p>

  <div class="bca-aff-box" role="complementary" aria-label="ホテル予約リンク">
    <span class="bca-aff-label">🏨 チェンマイ滞在、気になるエリアのホテルを見てみる</span>
    <div class="bca-aff-links">
      <a rel="nofollow sponsored noopener" href="https://px.a8.net/svt/ejp?a8mat=45KJOL+786GWQ+4X1W+5YRHE" target="_blank" class="bca-aff-btn">Agoda で探す</a>
      <a rel="nofollow sponsored noopener" href="https://hb.afl.rakuten.co.jp/hsc/519847ef.da5c87d5.14f9512a.7f2b5755/?link_type=text&#038;ut=eyJwYWdlIjoic2hvcCIsInR5cGUiOiJ0ZXh0IiwiY29sIjoxLCJjYXQiOjEsImJhbiI6Im5hbWUiLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" class="bca-aff-btn bca-aff-btn-green">楽天トラベルで探す</a>
    </div>
  </div>
  <!-- Agoda 計測ピクセル -->
  <img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=45KJOL+786GWQ+4X1W+5YRHE" alt="">

  <p style="margin: 20px 0;">→ 詳しくはこちら：<a href="https://yoooyooo8.jp/thailand-travel-things-to-know/" class="bca-internal-link">タイ旅行前に知っておきたいこと｜入国・お金・マナーを整理してみました</a></p>

  <!-- ===== FAQ ===== -->
  <h2 class="bca-section-title" id="faq">よくある質問</h2>

  <div class="bca-faq-list" role="list">

    <div class="bca-faq-item" role="listitem">
      <input type="checkbox" id="bca-faq1" class="bca-faq-input">
      <label for="bca-faq1" id="bca-faq1-label" class="bca-faq-label">
        <span class="bca-faq-q">一番安く行く方法は？</span>
        <span class="bca-faq-arrow" aria-hidden="true">▼</span>
      </label>
      <div class="bca-faq-answer" role="region" aria-labelledby="bca-faq1-label">
        <p>最も安い移動手段は<strong>夜行バス（通常シート）</strong>で、500バーツ前後から利用できます。ただし、飛行機も早期予約のLCC利用なら500〜1,000バーツ台で取れることがあるため、日程が決まったら早めに両方の価格を比較することをおすすめします。</p>
      </div>
    </div>

    <div class="bca-faq-item" role="listitem">
      <input type="checkbox" id="bca-faq2" class="bca-faq-input">
      <label for="bca-faq2" id="bca-faq2-label" class="bca-faq-label">
        <span class="bca-faq-q">夜行バスは安全ですか？</span>
        <span class="bca-faq-arrow" aria-hidden="true">▼</span>
      </label>
      <div class="bca-faq-answer" role="region" aria-labelledby="bca-faq2-label">
        <p>タイの主要バス会社が運行するバンコク〜チェンマイ便は多くの旅行者が日常的に利用しています。ただし深夜移動のため、貴重品はバッグから出さずに身近に置いておくことが基本です。12GoなどのOTAで予約できる大手会社を選ぶと安心です。</p>
      </div>
    </div>

    <div class="bca-faq-item" role="listitem">
      <input type="checkbox" id="bca-faq3" class="bca-faq-input">
      <label for="bca-faq3" id="bca-faq3-label" class="bca-faq-label">
        <span class="bca-faq-q">寝台列車の予約はどこでできますか？</span>
        <span class="bca-faq-arrow" aria-hidden="true">▼</span>
      </label>
      <div class="bca-faq-answer" role="region" aria-labelledby="bca-faq3-label">
        <p>タイ国鉄の公式サイト（英語）または<a rel="nofollow sponsored noopener" href="https://12go.asia/ja?z=13808815" target="_blank">12Go Asia</a>から予約できます。12Goであれば日本語で操作でき、クレジットカード払いが可能です。ピーク時は売り切れが早いため、出発の2〜4週間前を目安に予約するのがおすすめです。</p>
      </div>
    </div>

    <div class="bca-faq-item" role="listitem">
      <input type="checkbox" id="bca-faq4" class="bca-faq-input">
      <label for="bca-faq4" id="bca-faq4-label" class="bca-faq-label">
        <span class="bca-faq-q">ドンムアン空港からチェンマイへの直行便はありますか？</span>
        <span class="bca-faq-arrow" aria-hidden="true">▼</span>
      </label>
      <div class="bca-faq-answer" role="region" aria-labelledby="bca-faq4-label">
        <p>あります。ドンムアン空港はタイ・エアアジア、ノックエアなどのLCCが多く就航しており、バンコク〜チェンマイ路線も複数の便が運航されています。スワンナプーム空港よりも国内線LCCが充実しているため、料金を抑えたい方はドンムアン発を優先的に確認しましょう。</p>
      </div>
    </div>

    <div class="bca-faq-item" role="listitem">
      <input type="checkbox" id="bca-faq5" class="bca-faq-input">
      <label for="bca-faq5" id="bca-faq5-label" class="bca-faq-label">
        <span class="bca-faq-q">チェンマイ到着後、市内中心部へのアクセスは？</span>
        <span class="bca-faq-arrow" aria-hidden="true">▼</span>
      </label>
      <div class="bca-faq-answer" role="region" aria-labelledby="bca-faq5-label">
        <p>チェンマイは中心地がコンパクトにまとまっており、空港・バスターミナル・列車駅はいずれも旧市街から近い距離にあります。移動にはGrabやBoltなどのライドシェアアプリが便利で、旧市街まで数百円〜1,000円程度で移動できます。空港にはメータータクシーも常駐しています。</p>
      </div>
    </div>

    <div class="bca-faq-item" role="listitem">
      <input type="checkbox" id="bca-faq6" class="bca-faq-input">
      <label for="bca-faq6" id="bca-faq6-label" class="bca-faq-label">
        <span class="bca-faq-q">何月に行くのがベストですか？</span>
        <span class="bca-faq-arrow" aria-hidden="true">▼</span>
      </label>
      <div class="bca-faq-answer" role="region" aria-labelledby="bca-faq6-label">
        <p>チェンマイのベストシーズンは<strong>11月〜2月</strong>の乾季です。涼しく過ごしやすく、11月のランタン祭り（コムローイ）や12月〜1月のフラワーフェスティバルなど、イベントも豊富です。4月はソンクラーン（水かけ祭り）があり、バンコクとは違う規模で楽しめます。</p>
      </div>
    </div>

  </div>

  <!-- FAQ JSON-LD -->
  

  <!-- ===== まとめ ===== -->
  <h2 class="bca-section-title" id="summary">まとめ</h2>

  <div class="bca-summary-box" role="complementary" aria-label="記事のまとめ">
    <p class="bca-summary-title">🗺 バンコク〜チェンマイ移動 まとめ</p>
    <ul class="bca-summary-list">
      <li>飛行機：約1時間10分。時間を最優先したい人・家族連れに最適</li>
      <li>夜行バス：約9〜11時間。500Bから乗れるコスパ最高の選択肢</li>
      <li>寝台列車：約13〜14時間。旅の過程を楽しみたいロマン派に</li>
      <li>早期予約が価格・席確保の両方でカギ。12GoやＷ.Ａ.Ｓ.を活用しよう</li>
      <li>チェンマイ市内はGrab/Boltで手軽に移動できる</li>
    </ul>
    <a rel="nofollow sponsored noopener" href="https://12go.asia/ja?z=13808815" target="_blank" class="bca-summary-cta">
      12Go でチケットを検索する →
    </a>
  </div>

</div><!-- /.bca-wrap -->
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/bangkok-chiangmai-access/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>浅草観光完全ガイド【2026年】半日・1日モデルコースとグルメ・アクセス総まとめ</title>
		<link>https://yoooyooo8.jp/asakusa-sightseeing-guide/</link>
					<comments>https://yoooyooo8.jp/asakusa-sightseeing-guide/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sat, 11 Apr 2026 02:00:00 +0000</pubDate>
				<category><![CDATA[関東]]></category>
		<category><![CDATA[日本]]></category>
		<category><![CDATA[モデルコース]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2203</guid>

					<description><![CDATA[🗼 東京・浅草 観光ガイド 江戸の風、いまも息づく街へ 浅草、半日〜1日 とっておきの歩き方 雷門・仲見世・浅草寺から食べ歩きグルメ、スカイツリーまで——地方からの旅行者が「ここだけは外せない」を効率よく満喫できる完全ル [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>
/* =============================================
   浅草観光完全ガイド - スコープCSS
   prefix: .asakusa-article
   ============================================= */

/* --- CSS変数 --- */
.asakusa-article {
  --primary: #1a6b8a;
  --primary-light: #2d9ccc;
  --primary-pale: #e8f4f9;
  --accent: #e07b39;
  --accent-light: #f5a96a;
  --accent-pale: #fdf3ec;
  --gold: #c9922a;
  --gold-pale: #fdf6e3;
  --text-main: #1c2b36;
  --text-sub: #4a6070;
  --text-light: #7a95a5;
  --bg-base: #f8fbfd;
  --bg-white: #ffffff;
  --border: #d0e8f2;
  --shadow-sm: 0 2px 8px rgba(26,107,138,0.08);
  --shadow-md: 0 6px 24px rgba(26,107,138,0.12);
  --shadow-lg: 0 12px 40px rgba(26,107,138,0.16);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --font-main: 'Noto Serif JP', 'Yu Mincho', '游明朝', serif;
  --font-ui: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-family: var(--font-ui);
  color: var(--text-main);
  line-height: 1.8;
  background: var(--bg-base);
  max-width: 100%;
  overflow-x: hidden;
}



/* --- リセット --- */
.asakusa-article *, .asakusa-article *::before, .asakusa-article *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* =============================================
   ヒーローセクション
   ============================================= */
.asakusa-article .hero {
  position: relative;
  /* Cocoonコンテナの余白を吸収するcalc幅拡張（ひな祭り記事方式） */
  width: calc(100% + 8px);
  margin-left: -4px;
  margin-right: -4px;
  min-height: 480px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: var(--radius-lg);
  margin-bottom: 40px;
  background: linear-gradient(135deg, #0d3d52 0%, #1a6b8a 40%, #2d9ccc 70%, #4db8e0 100%);
  /* Cocoon背景上書き防止 */
  background-color: #0d3d52;
}

.asakusa-article .hero-bg-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.08;
  background-image:
    radial-gradient(circle at 20% 30%, #ffffff 1px, transparent 1px),
    radial-gradient(circle at 60% 70%, #ffffff 1px, transparent 1px),
    radial-gradient(circle at 80% 20%, #ffffff 1px, transparent 1px);
  background-size: 60px 60px, 90px 90px, 45px 45px;
  animation: hero-float 20s ease-in-out infinite;
}

.asakusa-article .hero-lantern {
  position: absolute;
  right: 8%;
  top: 10%;
  width: 120px;
  height: 180px;
  opacity: 0.18;
  animation: lantern-sway 6s ease-in-out infinite;
}

.asakusa-article .hero-lantern::before {
  content: '';
  display: block;
  width: 100%;
  height: 80%;
  background: radial-gradient(ellipse at center, #e8373a 0%, #b02020 60%, #7a1010 100%);
  border-radius: 50% 50% 40% 40% / 60% 60% 40% 40%;
  border: 3px solid rgba(255,200,100,0.5);
}

.asakusa-article .hero-lantern::after {
  content: '';
  display: block;
  width: 4px;
  height: 20%;
  background: rgba(255,200,100,0.6);
  margin: 0 auto;
  border-radius: 2px;
}

.asakusa-article .hero-content {
  position: relative;
  z-index: 2;
  padding: 48px 40px 40px;
  width: 100%;
}

.asakusa-article .hero-badge {
  display: inline-block;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 5px 14px;
  border-radius: 20px;
  margin-bottom: 14px;
  backdrop-filter: blur(4px);
}

.asakusa-article .hero-title {
  font-family: var(--font-main);
  font-size: clamp(26px, 4vw, 40px);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.3;
  text-shadow: 0 2px 12px rgba(0,0,0,0.3);
  margin-bottom: 16px;
  animation: hero-fadein 1s ease both;
  /* Cocoonのh2グローバルスタイルをリセット */
  background: transparent;
  background-color: transparent;
  border: none;
  border-left: none;
  border-bottom: none;
  padding: 0;
  box-shadow: none;
}

.asakusa-article .hero-desc {
  font-size: 15px;
  color: rgba(255,255,255,0.88);
  max-width: 560px;
  line-height: 1.75;
  animation: hero-fadein 1s 0.2s ease both;
}

.asakusa-article .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 22px;
  animation: hero-fadein 1s 0.4s ease both;
}

.asakusa-article .hero-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.9);
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 20px;
  backdrop-filter: blur(4px);
}

.asakusa-article .hero-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: var(--bg-base);
  clip-path: ellipse(55% 100% at 50% 100%);
}

/* =============================================
   記事の要点ボックス
   ============================================= */
.asakusa-article .summary-box {
  background: linear-gradient(135deg, var(--primary-pale) 0%, #f0f8ff 100%);
  border: 1.5px solid var(--border);
  border-left: 5px solid var(--primary);
  border-radius: var(--radius-md);
  padding: 28px 32px;
  margin: 32px 0 40px;
  position: relative;
  overflow: hidden;
}

.asakusa-article .summary-box::before {
  content: '';
  position: absolute;
  top: -20px;
  right: -20px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(45,156,204,0.1) 0%, transparent 70%);
  pointer-events: none;
}

.asakusa-article .summary-box-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--primary);
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.asakusa-article .summary-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.asakusa-article .summary-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: var(--text-main);
  line-height: 1.65;
}

.asakusa-article .summary-list li::before {
  content: '✓';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: var(--primary);
  color: white;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  margin-top: 2px;
}

/* =============================================
   アニメーション目次
   ============================================= */
.asakusa-article .toc-wrapper {
  margin: 0 0 44px;
}

.asakusa-article .toc-toggle {
  display: none;
}

.asakusa-article .toc-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  color: white;
  padding: 16px 22px;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  cursor: pointer;
  user-select: none;
  font-weight: 700;
  font-size: 15px;
  gap: 10px;
}

.asakusa-article .toc-label-text {
  display: flex;
  align-items: center;
  gap: 8px;
}

.asakusa-article .toc-arrow {
  width: 24px;
  height: 24px;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  font-size: 12px;
}

.asakusa-article .toc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1);
  background: var(--bg-white);
  border: 1.5px solid var(--border);
  border-top: none;
  border-radius: 0 0 var(--radius-md) var(--radius-md);
}

.asakusa-article .toc-toggle:checked ~ .toc-label .toc-arrow {
  transform: rotate(180deg);
}

.asakusa-article .toc-toggle:checked ~ .toc-body {
  max-height: 600px;
}

.asakusa-article .toc-inner {
  padding: 20px 24px 24px;
}

.asakusa-article .toc-heading {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-light);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}

.asakusa-article .toc-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.asakusa-article .toc-list li {
  counter-increment: toc-count;
}

.asakusa-article .toc-list > li {
  border-left: 3px solid var(--border);
  transition: border-color 0.2s;
}

.asakusa-article .toc-list > li:hover {
  border-left-color: var(--primary);
}

.asakusa-article .toc-list a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  font-size: 14px;
  color: var(--text-main);
  text-decoration: none;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  transition: background 0.2s, color 0.2s;
  line-height: 1.5;
}

.asakusa-article .toc-list a:hover {
  background: var(--primary-pale);
  color: var(--primary);
}

.asakusa-article .toc-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: var(--primary-pale);
  color: var(--primary);
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
}

/* =============================================
   セクション共通
   ============================================= */
.asakusa-article .section {
  margin-bottom: 56px;
}

.asakusa-article .section-heading {
  font-family: var(--font-main);
  font-size: clamp(20px, 2.8vw, 26px);
  font-weight: 700;
  color: var(--text-main);
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--border);
  position: relative;
  /* Cocoonのh2グローバルスタイルをリセット */
  background: transparent;
  background-color: transparent;
  border-left: none;
  box-shadow: none;
  padding-left: 0;
  padding-top: 0;
}

.asakusa-article .section-heading::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 60px;
  height: 2px;
  background: var(--primary);
}

.asakusa-article .section-icon {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, var(--primary), var(--primary-light));
  color: white;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
  box-shadow: var(--shadow-sm);
}

.asakusa-article .section-body {
  font-size: 15px;
  color: var(--text-main);
  line-height: 1.9;
}

.asakusa-article .section-body p {
  margin-bottom: 16px;
}

/* =============================================
   画像コンテナ
   ============================================= */
.asakusa-article .img-container {
  margin: 28px 0;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.asakusa-article .img-container img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 3/2;
  object-fit: cover;
}

/* 全幅拡張 */
.asakusa-article .img-fullwidth {
  margin-left: calc(50% - 50vw + 16px);
  margin-right: calc(50% - 50vw + 16px);
  border-radius: 0;
}

.asakusa-article .img-caption {
  font-size: 12px;
  color: var(--text-light);
  text-align: center;
  padding: 8px 16px;
  background: #f0f6fa;
  border-top: 1px solid var(--border);
}

/* =============================================
   モデルコース（タイムライン）
   ============================================= */
.asakusa-article .course-selector {
  display: flex;
  gap: 8px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.asakusa-article .course-tab-input {
  display: none;
}

.asakusa-article .course-tab-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  background: var(--bg-white);
  border: 2px solid var(--border);
  border-radius: 40px;
  font-size: 14px;
  font-weight: 700;
  color: var(--text-sub);
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}

.asakusa-article .course-tab-label:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.asakusa-article .course-tab-input:checked + .course-tab-label {
  background: var(--primary);
  border-color: var(--primary);
  color: white;
  box-shadow: 0 4px 14px rgba(26,107,138,0.3);
}

.asakusa-article .course-content {
  display: none;
}

#tab-halfday:checked ~ .course-panes .course-halfday,
#tab-fullday:checked ~ .course-panes .course-fullday {
  display: block;
}

.asakusa-article .timeline {
  position: relative;
  padding-left: 24px;
}

.asakusa-article .timeline::before {
  content: '';
  position: absolute;
  left: 11px;
  top: 24px;
  bottom: 24px;
  width: 2px;
  background: linear-gradient(to bottom, var(--primary), var(--primary-light), var(--border));
}

.asakusa-article .timeline-item {
  position: relative;
  margin-bottom: 28px;
  padding-left: 32px;
}

.asakusa-article .timeline-dot {
  position: absolute;
  left: -13px;
  top: 16px;
  width: 24px;
  height: 24px;
  background: var(--primary);
  border: 3px solid var(--bg-base);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: white;
  font-weight: 700;
  z-index: 1;
}

.asakusa-article .timeline-card {
  background: var(--bg-white);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-md);
  padding: 18px 22px;
  box-shadow: var(--shadow-sm);
  transition: transform 0.2s, box-shadow 0.2s;
}

.asakusa-article .timeline-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.asakusa-article .timeline-time {
  font-size: 12px;
  font-weight: 700;
  color: var(--primary-light);
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.asakusa-article .timeline-spot {
  font-size: 17px;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 6px;
  font-family: var(--font-main);
}

.asakusa-article .timeline-desc {
  font-size: 13.5px;
  color: var(--text-sub);
  line-height: 1.75;
}

.asakusa-article .timeline-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.asakusa-article .timeline-tag {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
}

.asakusa-article .tag-blue { background: var(--primary-pale); color: var(--primary); }
.asakusa-article .tag-orange { background: var(--accent-pale); color: var(--accent); }
.asakusa-article .tag-gold { background: var(--gold-pale); color: var(--gold); }

/* =============================================
   スポット紹介カード
   ============================================= */
.asakusa-article .spot-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.asakusa-article .spot-card {
  background: var(--bg-white);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform 0.25s, box-shadow 0.25s;
}

.asakusa-article .spot-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.asakusa-article .spot-card-header {
  padding: 16px 18px 12px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.asakusa-article .spot-card-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
}

.asakusa-article .spot-card-icon.blue { background: var(--primary-pale); }
.asakusa-article .spot-card-icon.orange { background: var(--accent-pale); }
.asakusa-article .spot-card-icon.gold { background: var(--gold-pale); }

.asakusa-article .spot-card-name {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-main);
  font-family: var(--font-main);
  margin-bottom: 2px;
}

.asakusa-article .spot-card-sub {
  font-size: 12px;
  color: var(--text-light);
}

.asakusa-article .spot-card-body {
  padding: 0 18px 16px;
  font-size: 13.5px;
  color: var(--text-sub);
  line-height: 1.75;
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

.asakusa-article .spot-card-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed var(--border);
}

.asakusa-article .spot-info-row {
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: var(--text-sub);
}

.asakusa-article .spot-info-label {
  font-weight: 700;
  color: var(--primary);
  min-width: 48px;
}

/* =============================================
   全幅セクション（ブレイクアウト）
   ============================================= */
.asakusa-article .breakout-section {
  background: linear-gradient(135deg, var(--primary) 0%, #0d3d52 100%);
  color: white;
  padding: 44px 36px;
  border-radius: var(--radius-xl);
  margin: 40px 0;
  position: relative;
  overflow: hidden;
}

.asakusa-article .breakout-section::before {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
}

.asakusa-article .breakout-section::after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 20%;
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 70%);
}

.asakusa-article .breakout-title {
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.asakusa-article .breakout-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.asakusa-article .breakout-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,0.9);
}

.asakusa-article .breakout-list li::before {
  content: '→';
  color: var(--accent-light);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}

/* =============================================
   グルメセクション
   ============================================= */
.asakusa-article .gourmet-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.asakusa-article .gourmet-item {
  display: flex;
  gap: 16px;
  background: var(--bg-white);
  border: 1.5px solid var(--border);
  border-radius: var(--radius-md);
  padding: 16px 20px;
  align-items: flex-start;
  box-shadow: var(--shadow-sm);
}

.asakusa-article .gourmet-emoji {
  font-size: 32px;
  flex-shrink: 0;
  line-height: 1;
  margin-top: 2px;
}

.asakusa-article .gourmet-name {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 4px;
  font-family: var(--font-main);
}

.asakusa-article .gourmet-desc {
  font-size: 13.5px;
  color: var(--text-sub);
  line-height: 1.7;
}

/* =============================================
   公式リンクボックス
   ============================================= */
.asakusa-article .official-link-box {
  background: var(--primary-pale);
  border-left: 4px solid var(--primary);
  border-radius: var(--radius-sm);
  padding: 18px 22px;
  margin: 24px 0;
}

.asakusa-article .official-link-box p {
  margin: 0;
  font-size: 14px;
  color: var(--text-main);
  line-height: 1.7;
}

.asakusa-article .official-link-box strong {
  display: block;
  font-size: 14px;
  color: var(--primary);
  margin-bottom: 6px;
}

.asakusa-article .official-link-box a {
  color: #0066cc;
  font-weight: 700;
  text-decoration: underline;
}

/* =============================================
   ホテル（アフィリエイト）
   ============================================= */
.asakusa-article .hotel-section {
  background: linear-gradient(135deg, var(--gold-pale) 0%, #fff9ef 100%);
  border: 1.5px solid #f0d89a;
  border-radius: var(--radius-lg);
  padding: 32px;
  margin: 40px 0;
}

.asakusa-article .hotel-section-title {
  font-family: var(--font-main);
  font-size: 20px;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.asakusa-article .hotel-section-sub {
  font-size: 14px;
  color: var(--text-sub);
  margin-bottom: 24px;
  line-height: 1.7;
}

.asakusa-article .hotel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}

.asakusa-article .hotel-card {
  background: white;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1.5px solid #f0d89a;
  box-shadow: 0 4px 14px rgba(201,146,42,0.1);
  transition: transform 0.25s, box-shadow 0.25s;
}

.asakusa-article .hotel-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(201,146,42,0.18);
}

.asakusa-article .hotel-card-body {
  padding: 16px 18px;
}

.asakusa-article .hotel-area-tag {
  font-size: 11px;
  font-weight: 700;
  color: var(--gold);
  background: var(--gold-pale);
  padding: 3px 10px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 8px;
}

.asakusa-article .hotel-name {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-main);
  margin-bottom: 6px;
  line-height: 1.4;
}

.asakusa-article .hotel-feature {
  font-size: 12.5px;
  color: var(--text-sub);
  margin-bottom: 12px;
  line-height: 1.6;
}

.asakusa-article .hotel-btn {
  display: block;
  text-align: center;
  padding: 9px 14px;
  background: linear-gradient(135deg, var(--accent), var(--accent-light));
  color: white;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.2s;
}

.asakusa-article .hotel-btn:hover {
  opacity: 0.88;
}

/* =============================================
   内部リンク
   ============================================= */
.asakusa-article .related-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #0066cc;
  font-weight: 700;
  text-decoration: underline;
  font-size: 14px;
}

.asakusa-article .related-box {
  border-top: 2px dashed var(--border);
  padding-top: 16px;
  margin-top: 20px;
}

/* =============================================
   FAQ
   ============================================= */
.asakusa-article .faq-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
}

.asakusa-article .faq-toggle {
  display: none;
}

.asakusa-article .faq-item {
  border: 1.5px solid var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.asakusa-article .faq-question {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  color: var(--text-main);
  background: var(--bg-white);
  user-select: none;
  justify-content: space-between;
  transition: background 0.2s;
}

.asakusa-article .faq-question:hover {
  background: var(--primary-pale);
}

.asakusa-article .faq-q-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.asakusa-article .faq-q-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--primary);
  color: white;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  flex-shrink: 0;
}

.asakusa-article .faq-arrow {
  font-size: 18px;
  color: var(--primary);
  transition: transform 0.3s;
  flex-shrink: 0;
}

.asakusa-article .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1);
  background: var(--primary-pale);
}

.asakusa-article .faq-answer-inner {
  padding: 16px 20px 18px 60px;
  font-size: 14px;
  color: var(--text-main);
  line-height: 1.85;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.asakusa-article .faq-a-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: var(--accent);
  color: white;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  font-style: normal;
  flex-shrink: 0;
  margin-top: 2px;
}

.asakusa-article .faq-toggle:checked ~ .faq-question .faq-arrow {
  transform: rotate(180deg);
}

.asakusa-article .faq-toggle:checked ~ .faq-answer {
  max-height: 300px;
}

/* =============================================
   まとめ
   ============================================= */
.asakusa-article .summary-final {
  background: linear-gradient(135deg, var(--primary) 0%, #0d3d52 100%);
  color: white;
  border-radius: var(--radius-xl);
  padding: 44px 36px;
  position: relative;
  overflow: hidden;
}

.asakusa-article .summary-final::before {
  content: '浅';
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 140px;
  font-family: var(--font-main);
  color: rgba(255,255,255,0.04);
  line-height: 1;
  pointer-events: none;
}

.asakusa-article .summary-final-title {
  font-family: var(--font-main);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.asakusa-article .summary-final-body {
  font-size: 14.5px;
  color: rgba(255,255,255,0.9);
  line-height: 1.9;
  max-width: 640px;
  position: relative;
  z-index: 1;
}

.asakusa-article .summary-final-points {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

.asakusa-article .summary-final-points li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: rgba(255,255,255,0.92);
  line-height: 1.7;
  position: relative;
  z-index: 1;
}

.asakusa-article .summary-final-points li::before {
  content: '🌸';
  flex-shrink: 0;
}

/* =============================================
   アニメーション
   ============================================= */
@keyframes hero-fadein {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes hero-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@keyframes lantern-sway {
  0%, 100% { transform: rotate(-4deg); }
  50% { transform: rotate(4deg); }
}

/* =============================================
   レスポンシブ
   ============================================= */
@media (max-width: 640px) {
  .asakusa-article .hero { min-height: 360px; }
  .asakusa-article .hero-content { padding: 24px 20px 36px; }
  .asakusa-article .summary-box { padding: 20px; }
  .asakusa-article .breakout-section { padding: 28px 20px; }
  .asakusa-article .hotel-section { padding: 24px 16px; }
  .asakusa-article .summary-final { padding: 32px 20px; }
  .asakusa-article .spot-grid { grid-template-columns: 1fr; }
  .asakusa-article .hotel-grid { grid-template-columns: 1fr; }
  .asakusa-article .faq-answer-inner { padding-left: 20px; }
}
</style>
<div class="asakusa-article" role="main">
  <!-- =============================================
       ヒーローセクション
  ============================================= -->
  <section class="hero" aria-label="記事ヘッダー">
    <div class="hero-bg-pattern" aria-hidden="true"></div>
    <div class="hero-lantern" aria-hidden="true"></div>
    <div class="hero-content">
      <p class="hero-badge">🗼 東京・浅草 観光ガイド</p>
      <p class="hero-title">
        江戸の風、いまも息づく街へ<br>
        <span style="font-size:0.75em; opacity:0.9;">浅草、半日〜1日 とっておきの歩き方</span>
      </p>
      <p class="hero-desc">
        雷門・仲見世・浅草寺から食べ歩きグルメ、スカイツリーまで——地方からの旅行者が「ここだけは外せない」を効率よく満喫できる完全ルートをご紹介します。
      </p>
      <div class="hero-meta" role="list">
        <span class="hero-meta-item" role="listitem">🕐 半日〜1日コース</span>
        <span class="hero-meta-item" role="listitem">🚃 電車でアクセス可</span>
        <span class="hero-meta-item" role="listitem">🍡 グルメ情報つき</span>
        <span class="hero-meta-item" role="listitem">🏩 ホテル情報つき</span>
      </div>
    </div>
    <div class="hero-wave" aria-hidden="true"></div>
  </section>

  <!-- =============================================
       記事の要点
  ============================================= -->
  <section class="summary-box" aria-label="この記事の要点">
    <p class="summary-box-title">📌 この記事でわかること</p>
    <ul class="summary-list" role="list">
      <li>浅草の王道スポット（雷門・仲見世・浅草寺・浅草神社）の歩き方</li>
      <li>半日コース・1日コースの具体的なモデルプランとタイムライン</li>
      <li>食べ歩きグルメ・下町グルメのおすすめ情報</li>
      <li>スカイツリーとのセット観光を効率よく組み合わせる方法</li>
      <li>浅草周辺のホテル選びのコツとおすすめエリア</li>
      <li>混雑回避のコツと最適な訪問時間帯</li>
    </ul>
  </section>

  <!-- =============================================
       アニメーション目次
  ============================================= -->
  <nav class="toc-wrapper" aria-label="目次">
    <input type="checkbox" id="toc-toggle-main" class="toc-toggle">
    <label for="toc-toggle-main" class="toc-label" aria-expanded="false">
      <span class="toc-label-text">📖 目次を開く</span>
      <span class="toc-arrow" aria-hidden="true">▼</span>
    </label>
    <div class="toc-body" role="navigation">
      <div class="toc-inner">
        <p class="toc-heading">Contents</p>
        <ol class="toc-list">
          <li><a href="#about"><span class="toc-num">1</span>浅草ってどんな街？</a></li>
          <li><a href="#access"><span class="toc-num">2</span>アクセス方法</a></li>
          <li><a href="#model-course"><span class="toc-num">3</span>王道モデルコース（半日・1日）</a></li>
          <li><a href="#spots"><span class="toc-num">4</span>外せない観光スポット</a></li>
          <li><a href="#gourmet"><span class="toc-num">5</span>食べ歩き・下町グルメ</a></li>
          <li><a href="#tips"><span class="toc-num">6</span>知っておきたい攻略のコツ</a></li>
          <li><a href="#hotel"><span class="toc-num">7</span>浅草周辺のホテル</a></li>
          <li><a href="#faq"><span class="toc-num">8</span>よくある質問（FAQ）</a></li>
          <li><a href="#summary"><span class="toc-num">9</span>まとめ</a></li>
        </ol>
      </div>
    </div>
  </nav>

  <!-- =============================================
       1. 浅草ってどんな街？
  ============================================= -->
  <section class="section" id="about" aria-labelledby="heading-about">
    <h2 class="section-heading" id="heading-about">
      <span class="section-icon" aria-hidden="true">🏮</span>
      浅草ってどんな街？
    </h2>
    <div class="section-body">
      <p>
        浅草は東京都台東区に位置する、江戸時代から続く下町の代名詞です。都内最古の寺院である浅草寺を中心に、雷門・仲見世・花屋敷・隅田川と、歴史と現代が共存する独特の雰囲気を持っています。
      </p>
      <p>
        年間参拝者数は約3,000万人ともいわれ、国内の旅行者はもちろん、アジア・欧米からの海外旅行者にも絶大な人気を誇ります。着物姿で仲見世を歩く人々、人力車、揚げまんじゅうの香り——東京にいながら、まるで江戸時代にタイムスリップしたかのような体験ができるのが浅草の魅力です。
      </p>
      <p>
        さらに近年は浅草から徒歩圏内に東京スカイツリーがそびえ立ち、「伝統と最先端」を1日で体感できるエリアとして東京観光の王道スポットになっています。
      </p>
    </div>

    <!-- 画像1（記事内画像 1200×800） -->
    <div class="img-container" role="figure" aria-label="浅草寺の雷門と仲見世通り">
      <img
        src="https://yoooyooo8.jp/wp-content/uploads/2026/03/Kaminarimon-Gate-and-Nakamise-Street.jpg"
        alt="浅草寺の雷門と大提灯。赤い門柱と「風雷神門」の提灯が印象的な浅草のシンボル"
        width="1200"
        height="800"
        loading="lazy"
        decoding="async"
      >
      <p class="img-caption">浅草のシンボル・雷門。大きな赤い提灯が訪れる人を出迎えます（イメージ）</p>
    </div>
  </section>

  <!-- =============================================
       2. アクセス方法
  ============================================= -->
  <section class="section" id="access" aria-labelledby="heading-access">
    <h2 class="section-heading" id="heading-access">
      <span class="section-icon" aria-hidden="true">🚃</span>
      アクセス方法
    </h2>
    <div class="section-body">
      <p>
        浅草へは東京各地から電車で簡単にアクセスできます。浅草駅には4路線が乗り入れており、東京駅・上野駅・新宿駅などの主要駅からも乗り換え1〜2回で到着できます。
      </p>
    </div>

    <div class="breakout-section" role="region" aria-label="アクセス情報">
      <p class="breakout-title">🚄 主要駅からのアクセスまとめ</p>
      <ul class="breakout-list" role="list">
        <li><strong>東京駅から：</strong>JR中央線→神田駅乗換（東京メトロ銀座線）約20分</li>
        <li><strong>上野駅から：</strong>東京メトロ銀座線で直通 約8分</li>
        <li><strong>新宿駅から：</strong>東京メトロ丸ノ内線→銀座駅乗換（銀座線） 約30分</li>
        <li><strong>品川駅から：</strong>都営浅草線で直通 約30分</li>
        <li><strong>羽田空港から：</strong>都営浅草線で直通 約40〜45分（乗り換えなし）</li>
        <li><strong>成田空港から：</strong>京成スカイライナー→日暮里乗換（JR）→上野→銀座線 約70〜90分</li>
      </ul>
    </div>

    <div class="section-body">
      <p>
        浅草観光のメインエリアは浅草駅（東京メトロ銀座線・都営浅草線・東武スカイツリーライン・つくばエクスプレス）周辺の半径500m圏内にほぼ収まります。荷物が多い場合は駅のコインロッカーを活用しましょう。
      </p>
    </div>

    <div class="official-link-box" role="complementary" aria-label="公式情報">
      <strong>📌 浅草の公式観光情報</strong>
      <p>最新のイベント情報や観光マップについては、<a rel="noopener" href="https://e-asakusa.jp/" target="_blank">浅草観光連盟 公式サイト</a>でご確認ください。多言語対応のデジタルマップも配布されています。</p>
    </div>
  </section>

  <!-- =============================================
       3. 王道モデルコース
  ============================================= -->
  <section class="section" id="model-course" aria-labelledby="heading-course">
    <h2 class="section-heading" id="heading-course">
      <span class="section-icon" aria-hidden="true">🗺</span>
      王道モデルコース（半日・1日）
    </h2>
    <div class="section-body">
      <p>
        浅草観光は、時間に応じて「半日コース（約4〜5時間）」と「1日コース（約8〜9時間）」の2パターンがあります。日程や体力に合わせて選んでください。
      </p>
    </div>

    <div role="tablist" aria-label="コース選択">
      <input type="radio" name="course-tab" id="tab-halfday" class="course-tab-input" checked>
      <label for="tab-halfday" class="course-tab-label" role="tab" aria-selected="true">⏱ 半日コース（4〜5時間）</label>

      <input type="radio" name="course-tab" id="tab-fullday" class="course-tab-input">
      <label for="tab-fullday" class="course-tab-label" role="tab" aria-selected="false">☀️ 1日コース（8〜9時間）</label>

      <div class="course-panes">
        <!-- 半日コース -->
        <div class="course-content course-halfday" role="tabpanel">
          <nav class="timeline" aria-label="半日コース タイムライン">
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">1</div>
              <div class="timeline-card">
                <p class="timeline-time">9:00 〜 9:30</p>
                <p class="timeline-spot">浅草文化観光センター</p>
                <p class="timeline-desc">まず観光センターに立ち寄り、観光マップを入手。8階の無料展望テラスから雷門・スカイツリーを一望して旅の気分を高めましょう。</p>
                <div class="timeline-tags">
                  <span class="timeline-tag tag-blue">無料スポット</span>
                  <span class="timeline-tag tag-gold">展望テラスあり</span>
                </div>
              </div>
            </div>
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">2</div>
              <div class="timeline-card">
                <p class="timeline-time">9:30 〜 11:00</p>
                <p class="timeline-spot">雷門 → 仲見世通り → 浅草寺</p>
                <p class="timeline-desc">浅草観光の核心。雷門の大提灯の裏側にある龍の彫刻も要チェック。仲見世では人形焼・揚げまんじゅう・雷おこしなど食べ歩きを楽しみながら浅草寺本堂へ。</p>
                <div class="timeline-tags">
                  <span class="timeline-tag tag-blue">必見スポット</span>
                  <span class="timeline-tag tag-orange">食べ歩き</span>
                </div>
              </div>
            </div>
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">3</div>
              <div class="timeline-card">
                <p class="timeline-time">11:00 〜 11:30</p>
                <p class="timeline-spot">浅草神社（三社様）</p>
                <p class="timeline-desc">浅草寺本堂のすぐ隣。徳川家光が建立した江戸時代の社殿が今も現存する歴史ある神社。三社祭で有名で、境内はコンパクトながら見応えがあります。</p>
                <div class="timeline-tags">
                  <span class="timeline-tag tag-blue">文化財</span>
                  <span class="timeline-tag tag-gold">御朱印あり</span>
                </div>
              </div>
            </div>
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">4</div>
              <div class="timeline-card">
                <p class="timeline-time">11:30 〜 13:00</p>
                <p class="timeline-spot">伝法院通り〜ランチ</p>
                <p class="timeline-desc">メインルートを外れた伝法院通りは穴場の散策スポット。老舗のそば・天ぷら・どじょう鍋など下町グルメで昼食。天ぷら「大黒家」や老舗甘味処「浅草梅園」も人気。</p>
                <div class="timeline-tags">
                  <span class="timeline-tag tag-orange">グルメ</span>
                  <span class="timeline-tag tag-gold">穴場</span>
                </div>
              </div>
            </div>
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">5</div>
              <div class="timeline-card">
                <p class="timeline-time">13:00 〜 14:00</p>
                <p class="timeline-spot">お土産購入 → 浅草駅</p>
                <p class="timeline-desc">仲見世や新仲見世でお土産を購入。人形焼・雷おこし・抹茶スイーツなど種類豊富。余裕があれば浅草花やしき（日本最古の遊園地）に立ち寄るのもおすすめ。</p>
                <div class="timeline-tags">
                  <span class="timeline-tag tag-orange">お土産</span>
                </div>
              </div>
            </div>
          </nav>
        </div>

        <!-- 1日コース -->
        <div class="course-content course-fullday" role="tabpanel">
          <nav class="timeline" aria-label="1日コース タイムライン">
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">1</div>
              <div class="timeline-card">
                <p class="timeline-time">9:00 〜 9:30</p>
                <p class="timeline-spot">浅草文化観光センター</p>
                <p class="timeline-desc">観光センターでマップ入手＆展望テラスで全体を把握。1日の計画を整理するのに最適なスタートポイントです。</p>
                <div class="timeline-tags"><span class="timeline-tag tag-blue">無料スポット</span></div>
              </div>
            </div>
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">2</div>
              <div class="timeline-card">
                <p class="timeline-time">9:30 〜 11:30</p>
                <p class="timeline-spot">雷門 → 仲見世通り → 浅草寺 → 浅草神社</p>
                <p class="timeline-desc">午前中の空いている時間帯に主要スポットを集中して回ります。浅草寺の本堂、五重塔、宝蔵門の大わらじなど境内を丁寧に散策。浅草神社で参拝・御朱印集めも。</p>
                <div class="timeline-tags"><span class="timeline-tag tag-blue">必見スポット</span><span class="timeline-tag tag-gold">御朱印あり</span></div>
              </div>
            </div>
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">3</div>
              <div class="timeline-card">
                <p class="timeline-time">11:30 〜 13:00</p>
                <p class="timeline-spot">下町ランチ（天ぷら・うなぎ・そば）</p>
                <p class="timeline-desc">天丼・うなぎ重・どじょう鍋など浅草ならではの下町グルメを堪能。老舗「大黒家」「駒形どぜう」「浅草今半」など多彩な選択肢が揃います。</p>
                <div class="timeline-tags"><span class="timeline-tag tag-orange">グルメ</span></div>
              </div>
            </div>
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">4</div>
              <div class="timeline-card">
                <p class="timeline-time">13:00 〜 14:30</p>
                <p class="timeline-spot">伝法院通り・花やしき・カッパ橋道具街</p>
                <p class="timeline-desc">伝法院通りで着物姿の散策。花やしき（日本最古の遊園地）でレトロな体験。またはカッパ橋道具街で食品サンプルや調理器具のユニークなお土産探しも楽しい。</p>
                <div class="timeline-tags"><span class="timeline-tag tag-gold">穴場・体験</span></div>
              </div>
            </div>
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">5</div>
              <div class="timeline-card">
                <p class="timeline-time">14:30 〜 17:30</p>
                <p class="timeline-spot">東京スカイツリー・ソラマチ</p>
                <p class="timeline-desc">浅草から徒歩約20分またはバス（スカイツリーシャトル）でスカイツリーへ。天望デッキ（350m）からの眺望は圧巻。ソラマチでショッピング＆カフェタイムも。</p>
                <div class="timeline-tags"><span class="timeline-tag tag-blue">展望スポット</span><span class="timeline-tag tag-orange">ショッピング</span></div>
              </div>
            </div>
            <div class="timeline-item">
              <div class="timeline-dot" aria-hidden="true">6</div>
              <div class="timeline-card">
                <p class="timeline-time">17:30 〜 19:00</p>
                <p class="timeline-spot">隅田川沿い散策・ディナー</p>
                <p class="timeline-desc">夕暮れの隅田川テラスを散策しながら浅草へ戻り、ライトアップされた浅草寺の幻想的な夜景を鑑賞。夜の浅草でうなぎや天ぷらのディナーで締めくくり。</p>
                <div class="timeline-tags"><span class="timeline-tag tag-gold">夜景</span><span class="timeline-tag tag-orange">ディナー</span></div>
              </div>
            </div>
          </nav>
        </div>
      </div>
    </div>
  </section>

  <!-- =============================================
       4. 外せない観光スポット
  ============================================= -->
  <section class="section" id="spots" aria-labelledby="heading-spots">
    <h2 class="section-heading" id="heading-spots">
      <span class="section-icon" aria-hidden="true">⛩</span>
      外せない観光スポット
    </h2>
    <div class="section-body">
      <p>
        浅草には雷門・浅草寺以外にも魅力的なスポットが点在しています。主要スポットを押さえておきましょう。
      </p>
    </div>

    <!-- 画像2（記事内画像 1200×800） -->
    <div class="img-container" role="figure" aria-label="浅草の五重塔と東京スカイツリー">
      <img
        src="https://yoooyooo8.jp/wp-content/uploads/2026/03/Five-story-pagoda-and-Skytree.jpg"
        alt="浅草寺の五重塔と東京スカイツリー。伝統と現代建築が共存する東京の象徴的な風景"
        width="1200"
        height="800"
        loading="lazy"
        decoding="async"
      >
      <p class="img-caption">浅草寺の五重塔越しに見える東京スカイツリー。伝統と現代が共存する浅草ならではの景色（イメージ）</p>
    </div>

    <div class="spot-grid" role="list">
      <article class="spot-card" role="listitem">
        <div class="spot-card-header">
          <span class="spot-card-icon blue" aria-hidden="true">🏮</span>
          <div>
            <p class="spot-card-name">雷門（風雷神門）</p>
            <p class="spot-card-sub">浅草のシンボル</p>
          </div>
        </div>
        <div class="spot-card-body">
          高さ約4m・重さ約700kgの大提灯が圧巻。1960年に松下幸之助の寄進で再建。門の表には風神・雷神、裏には金龍・天龍が安置されており、特に龍の彫刻は見逃せません。
          <div class="spot-card-info">
            <div class="spot-info-row"><span class="spot-info-label">場所</span><span>東京都台東区浅草2-3-1</span></div>
            <div class="spot-info-row"><span class="spot-info-label">入場</span><span>無料・24時間</span></div>
          </div>
        </div>
      </article>

      <article class="spot-card" role="listitem">
        <div class="spot-card-header">
          <span class="spot-card-icon blue" aria-hidden="true">⛩</span>
          <div>
            <p class="spot-card-name">浅草寺（金龍山）</p>
            <p class="spot-card-sub">都内最古の寺院</p>
          </div>
        </div>
        <div class="spot-card-body">
          628年開創、1400年近い歴史を持つ東京最古のお寺。本堂（観音堂）は東京大空襲後の1958年に再建。五重塔・宝蔵門の大わらじ（高さ4.5m・重さ500kg）も必見。
          <div class="spot-card-info">
            <div class="spot-info-row"><span class="spot-info-label">開門</span><span>6:00〜17:00（10〜3月は6:30〜）</span></div>
            <div class="spot-info-row"><span class="spot-info-label">入場</span><span>無料</span></div>
          </div>
        </div>
      </article>

      <article class="spot-card" role="listitem">
        <div class="spot-card-header">
          <span class="spot-card-icon orange" aria-hidden="true">🛍</span>
          <div>
            <p class="spot-card-name">仲見世通り</p>
            <p class="spot-card-sub">約250mのショッピング参道</p>
          </div>
        </div>
        <div class="spot-card-body">
          雷門から本堂まで続く約250mの参道に約90店舗が軒を連ねる。人形焼・揚げまんじゅう・雷おこし・人力車など浅草ならではの体験が凝縮。電柱地中化で景観もすっきり。
          <div class="spot-card-info">
            <div class="spot-info-row"><span class="spot-info-label">営業</span><span>10:00〜19:00（店舗により異なる）</span></div>
          </div>
        </div>
      </article>

      <article class="spot-card" role="listitem">
        <div class="spot-card-header">
          <span class="spot-card-icon gold" aria-hidden="true">🌸</span>
          <div>
            <p class="spot-card-name">浅草神社（三社様）</p>
            <p class="spot-card-sub">三社祭で有名な歴史神社</p>
          </div>
        </div>
        <div class="spot-card-body">
          浅草寺本堂の東隣に位置。浅草寺創建に関わった3名をお祀りし「三社様」の愛称で親しまれる。徳川家光が建立した社殿は江戸時代の面影を今に伝える重要文化財。
          <div class="spot-card-info">
            <div class="spot-info-row"><span class="spot-info-label">参拝</span><span>9:00〜17:00</span></div>
            <div class="spot-info-row"><span class="spot-info-label">御朱印</span><span>あり</span></div>
          </div>
        </div>
      </article>

      <article class="spot-card" role="listitem">
        <div class="spot-card-header">
          <span class="spot-card-icon orange" aria-hidden="true">🎡</span>
          <div>
            <p class="spot-card-name">浅草花やしき</p>
            <p class="spot-card-sub">日本最古の遊園地（1853年創業）</p>
          </div>
        </div>
        <div class="spot-card-body">
          江戸時代末期に誕生した170年以上の歴史を持つ遊園地。現役のローラーコースターや0歳から乗れるアトラクションなど、レトロな雰囲気がたまらない。屋上からの浅草の眺めも一見の価値あり。
          <div class="spot-card-info">
            <div class="spot-info-row"><span class="spot-info-label">営業</span><span>10:00〜18:00（季節により変動）</span></div>
            <div class="spot-info-row"><span class="spot-info-label">入園料</span><span>大人1,000円〜</span></div>
          </div>
        </div>
      </article>

      <article class="spot-card" role="listitem">
        <div class="spot-card-header">
          <span class="spot-card-icon blue" aria-hidden="true">🗼</span>
          <div>
            <p class="spot-card-name">東京スカイツリー</p>
            <p class="spot-card-sub">高さ634m・世界一の自立式電波塔</p>
          </div>
        </div>
        <div class="spot-card-body">
          浅草から徒歩約20分。天望デッキ（350m）と天望回廊（450m）の2段階で楽しめる展望スポット。晴れた日には富士山も見える。足元の「東京ソラマチ」も300店舗以上の複合施設。
          <div class="spot-card-info">
            <div class="spot-info-row"><span class="spot-info-label">営業</span><span>10:00〜21:00（最終入場20:00）</span></div>
            <div class="spot-info-row"><span class="spot-info-label">料金</span><span>天望デッキ：大人2,100円〜</span></div>
          </div>
        </div>
      </article>
    </div>
  </section>

  <!-- =============================================
       5. 食べ歩き・下町グルメ
  ============================================= -->
  <section class="section" id="gourmet" aria-labelledby="heading-gourmet">
    <h2 class="section-heading" id="heading-gourmet">
      <span class="section-icon" aria-hidden="true">🍡</span>
      食べ歩き・下町グルメ
    </h2>
    <div class="section-body">
      <p>
        浅草観光の醍醐味のひとつが、仲見世や周辺の路地を歩きながら楽しむ食べ歩きグルメです。江戸時代から続く老舗の味から、最近話題の新感覚スイーツまで、バリエーション豊かな食の文化が浅草には根付いています。
      </p>
    </div>

    <div class="gourmet-list" role="list">
      <div class="gourmet-item" role="listitem">
        <span class="gourmet-emoji" aria-hidden="true">🍘</span>
        <div>
          <p class="gourmet-name">人形焼</p>
          <p class="gourmet-desc">浅草の定番土産にして食べ歩きの王様。雷神・提灯・五重塔など浅草にちなんだ形の焼き菓子。あんこ入りがスタンダードで、焼きたてのふかふか食感は格別です。木村家本店が特に有名。</p>
        </div>
      </div>
      <div class="gourmet-item" role="listitem">
        <span class="gourmet-emoji" aria-hidden="true">🍢</span>
        <div>
          <p class="gourmet-name">揚げまんじゅう</p>
          <p class="gourmet-desc">仲見世の名物グルメ。黒糖まんじゅうをサクッと揚げた甘じょっぱい一品。外はカリカリ・中はもちもちで、行列必至の人気スポットが複数あります。</p>
        </div>
      </div>
      <div class="gourmet-item" role="listitem">
        <span class="gourmet-emoji" aria-hidden="true">🍤</span>
        <div>
          <p class="gourmet-name">天丼（老舗天ぷら）</p>
          <p class="gourmet-desc">江戸前の天ぷらを黒く甘めのタレで絡めた江戸っ子の味。「大黒家」は1887年創業の老舗で、濃いめのタレが特徴的。ランチ時は行列になるため早めの来店がおすすめです。</p>
        </div>
      </div>
      <div class="gourmet-item" role="listitem">
        <span class="gourmet-emoji" aria-hidden="true">🐟</span>
        <div>
          <p class="gourmet-name">どじょう鍋</p>
          <p class="gourmet-desc">「駒形どぜう」は1801年創業の浅草を代表する老舗。丸ごとのどじょうをネギと一緒に食べる江戸の伝統料理。和の雰囲気漂う店内も観光の一部として楽しめます。</p>
        </div>
      </div>
      <div class="gourmet-item" role="listitem">
        <span class="gourmet-emoji" aria-hidden="true">🍡</span>
        <div>
          <p class="gourmet-name">甘味・わらび餅</p>
          <p class="gourmet-desc">老舗甘味処「浅草梅園」のあんみつや白玉、最近話題の「わらび餅もとこ」のわらび餅ミルクティーなど、和スイーツの選択肢が豊富。散策の合間の休憩にぴったりです。</p>
        </div>
      </div>
    </div>
  </section>

  <!-- =============================================
       6. 攻略のコツ
  ============================================= -->
  <section class="section" id="tips" aria-labelledby="heading-tips">
    <h2 class="section-heading" id="heading-tips">
      <span class="section-icon" aria-hidden="true">💡</span>
      知っておきたい攻略のコツ
    </h2>

    <div class="breakout-section" role="region" aria-label="観光のコツ">
      <p class="breakout-title">✅ 浅草観光を快適に楽しむためのポイント</p>
      <ul class="breakout-list" role="list">
        <li><strong>早朝訪問が正解：</strong>仲見世・雷門の混雑は午前中に集中。9時台の到着が最も空いていて写真も撮りやすい</li>
        <li><strong>コインロッカーを活用：</strong>浅草駅改札近くにロッカーあり。荷物を預けると身軽に散策できる</li>
        <li><strong>雨の日プランも考えておく：</strong>花やしき（室内アトラクション充実）・浅草文化観光センター・ソラマチは雨の日でも楽しめる</li>
        <li><strong>おみくじは最難関？：</strong>浅草寺のおみくじは「凶」が出る確率が高いことで有名（約30%とも）。おみくじを結んで気持ちを切り替えるのが浅草流</li>
        <li><strong>ライトアップは夜が幻想的：</strong>日没後〜23時頃まで本堂・雷門がライトアップされ、昼とは別の顔を見せる</li>
        <li><strong>着物レンタルは予約推奨：</strong>浅草には着物レンタルショップが多数あり、特に週末・祝日は要事前予約</li>
        <li><strong>スカイツリーへは徒歩かバス：</strong>混雑時は電車より徒歩（約20分）またはスカイツリーシャトルが快適。隅田川沿いの景色も楽しめる</li>
      </ul>
    </div>
  </section>

  <!-- =============================================
       7. ホテル（アフィリエイト）
  ============================================= -->
  <section class="section" id="hotel" aria-labelledby="heading-hotel">
    <h2 class="section-heading" id="heading-hotel">
      <span class="section-icon" aria-hidden="true">🏩</span>
      浅草周辺のホテル
    </h2>
    <div class="section-body">
      <p>
        浅草観光を1泊2日でじっくり楽しむなら、浅草・上野・秋葉原エリアのホテルがアクセス抜群です。予算と目的に合わせて選びましょう。
      </p>
    </div>

    <div class="hotel-section" role="region" aria-label="ホテル情報">
      <p class="hotel-section-title">🏩 エリア別ホテル選びガイド</p>
      <p class="hotel-section-sub">浅草・上野・秋葉原エリアはビジネスホテルからラグジュアリーまで多彩な選択肢があります。観光の拠点として最適な立地のホテルが揃っています。</p>
      <div class="hotel-grid" role="list">
        <div class="hotel-card" role="listitem">
          <div class="hotel-card-body">
            <span class="hotel-area-tag">浅草・上野エリア</span>
            <p class="hotel-name">浅草・上野エリアのホテル</p>
            <p class="hotel-feature">雷門まで徒歩5分圏の浅草エリアから、銀座線で直通8分の上野・御徒町エリアまで。観光派もコスパ重視派も選べる充実のラインナップ。</p>
            <a rel="nofollow sponsored noopener" href="https://hb.afl.rakuten.co.jp/hsc/519847ef.da5c87d5.14f9512a.7f2b5755/?link_type=text&#038;ut=eyJwYWdlIjoic2hvcCIsInR5cGUiOiJ0ZXh0IiwiY29sIjoxLCJjYXQiOjEsImJhbiI6Im5hbWUiLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" class="hotel-btn" aria-label="楽天トラベルで浅草・上野のホテルを検索">楽天トラベルで探す</a>
          </div>
        </div>
        <div class="hotel-card" role="listitem">
          <div class="hotel-card-body">
            <span class="hotel-area-tag">Agoda割引あり</span>
            <p style="font-size:10px; color: var(--text-light); margin-bottom:4px;">※広告</p>
            <p class="hotel-name">Agodaで格安比較</p>
            <p class="hotel-feature">国内外の主要ホテルを一括比較。直前予約でもお得な料金が見つかることが多い。</p>
            <a rel="nofollow sponsored noopener" href="https://px.a8.net/svt/ejp?a8mat=45KJOL+786GWQ+4X1W+5YRHE" target="_blank" class="hotel-btn" aria-label="Agodaで浅草周辺のホテルを格安検索">Agodaで格安を探す</a>
            <img loading="lazy" decoding="async" border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=45KJOL+786GWQ+4X1W+5YRHE" alt="">
          </div>
        </div>
      </div>
    </div>


  </section>

  <!-- =============================================
       FAQ（スキーマ用JSON-LD別途）
  ============================================= -->
  <section class="section" id="faq" aria-labelledby="heading-faq">
    <h2 class="section-heading" id="heading-faq">
      <span class="section-icon" aria-hidden="true">❓</span>
      よくある質問（FAQ）
    </h2>

    <div class="faq-list" role="list">

      <div class="faq-item" role="listitem">
        <input type="checkbox" id="faq1" class="faq-toggle">
        <label for="faq1" class="faq-question" aria-expanded="false">
          <span class="faq-q-left">
            <em class="faq-q-badge" aria-label="質問">Q</em>
            浅草観光は何時間あれば十分ですか？
          </span>
          <span class="faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="faq-answer" role="region">
          <div class="faq-answer-inner">
            <em class="faq-a-badge" aria-label="回答">A</em>
            <p>主要スポット（雷門・仲見世・浅草寺・浅草神社）を軽く回るだけなら2〜3時間あれば可能ですが、食べ歩きやグルメも楽しむなら半日（4〜5時間）、スカイツリーまでセットで巡るなら1日（8〜9時間）を確保するのが理想です。</p>
          </div>
        </div>
      </div>

      <div class="faq-item" role="listitem">
        <input type="checkbox" id="faq2" class="faq-toggle">
        <label for="faq2" class="faq-question" aria-expanded="false">
          <span class="faq-q-left">
            <em class="faq-q-badge" aria-label="質問">Q</em>
            浅草観光の混雑を避けるには？
          </span>
          <span class="faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="faq-answer" role="region">
          <div class="faq-answer-inner">
            <em class="faq-a-badge" aria-label="回答">A</em>
            <p>平日の午前9〜10時台が最も空いています。週末・祝日の昼（11〜15時）は特に混雑します。正月三が日は参拝客が集中するため、時間に余裕をもって訪れましょう。夜は参拝客が減り、ライトアップも見られるのでおすすめです。</p>
          </div>
        </div>
      </div>

      <div class="faq-item" role="listitem">
        <input type="checkbox" id="faq3" class="faq-toggle">
        <label for="faq3" class="faq-question" aria-expanded="false">
          <span class="faq-q-left">
            <em class="faq-q-badge" aria-label="質問">Q</em>
            浅草から東京スカイツリーへのアクセスは？
          </span>
          <span class="faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="faq-answer" role="region">
          <div class="faq-answer-inner">
            <em class="faq-a-badge" aria-label="回答">A</em>
            <p>主なアクセス方法は3つあります。①徒歩：隅田川沿いを歩いて約15〜20分（川沿いの景色が楽しめる）、②東武スカイツリーライン：浅草駅→東京スカイツリー駅で1駅（約2分）、③スカイツリーシャトル上野・浅草線のバス利用。天気の良い日は徒歩が最もおすすめです。</p>
          </div>
        </div>
      </div>

      <div class="faq-item" role="listitem">
        <input type="checkbox" id="faq4" class="faq-toggle">
        <label for="faq4" class="faq-question" aria-expanded="false">
          <span class="faq-q-left">
            <em class="faq-q-badge" aria-label="質問">Q</em>
            着物レンタルは予約が必要ですか？
          </span>
          <span class="faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="faq-answer" role="region">
          <div class="faq-answer-inner">
            <em class="faq-a-badge" aria-label="回答">A</em>
            <p>浅草には多数の着物レンタルショップがあり、当日でも利用可能な場合もありますが、週末・大型連休・観光シーズンはすぐに埋まります。確実に体験したい場合は公式サイトからの事前予約が安心です。料金は1人3,000〜6,000円程度（着付け代・小物込み）が目安です。</p>
          </div>
        </div>
      </div>

      <div class="faq-item" role="listitem">
        <input type="checkbox" id="faq5" class="faq-toggle">
        <label for="faq5" class="faq-question" aria-expanded="false">
          <span class="faq-q-left">
            <em class="faq-q-badge" aria-label="質問">Q</em>
            浅草観光のおすすめシーズンは？
          </span>
          <span class="faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="faq-answer" role="region">
          <div class="faq-answer-inner">
            <em class="faq-a-badge" aria-label="回答">A</em>
            <p>春（3〜4月）は隅田川沿いの桜並木とスカイツリーのコラボが絶景。5月の三社祭は浅草最大のお祭りで活気があります。秋（10〜11月）は過ごしやすく散策に最適。冬は空気が澄んでいてスカイツリーから富士山が見えやすい時期です。夏はほおずき市（7月）やサンバカーニバル（8月）などイベントが充実。</p>
          </div>
        </div>
      </div>

    </div>
  </section>

  <!-- =============================================
       まとめ
  ============================================= -->
  <section id="summary" aria-labelledby="heading-summary">
    <h2 class="section-heading" id="heading-summary">
      <span class="section-icon" aria-hidden="true">🌸</span>
      まとめ
    </h2>

    <div class="summary-final" role="region" aria-label="記事のまとめ">
      <p class="summary-final-title">🏮 浅草観光、これだけ押さえれば大丈夫</p>
      <div class="summary-final-body">
        <p>浅草は、日本の伝統と下町文化が凝縮された東京屈指の観光地です。地方から初めて訪れる方でも、モデルコースに沿って回れば半日〜1日で主要スポットを十分に楽しめます。</p>
        <ul class="summary-final-points" role="list">
          <li>浅草観光の核心は「雷門→仲見世→浅草寺→浅草神社」の黄金ルート</li>
          <li>食べ歩きグルメ（人形焼・揚げまんじゅう・天丼）も浅草観光の醍醐味</li>
          <li>時間があればスカイツリー（徒歩約20分）まで足を延ばすのが王道</li>
          <li>混雑を避けるなら平日午前・夜の訪問がおすすめ</li>
          <li>1泊なら浅草・上野エリアのホテルが観光の拠点として最適</li>
        </ul>
        <p style="margin-top:16px;">下町の空気を吸いながら、江戸の歴史と現代の東京を同時に体感できる浅草の旅を、ぜひ存分に楽しんでください。</p>
      </div>
    </div>
  </section>

</div><!-- /.asakusa-article -->

<!-- =============================================
     FAQスキーマ（JSON-LD）
============================================= -->

]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/asakusa-sightseeing-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>知っておくと得する｜海外旅行専門店W.A.S.ワールドエアシステムの活用ヒント</title>
		<link>https://yoooyooo8.jp/world-air-system/</link>
					<comments>https://yoooyooo8.jp/world-air-system/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Tue, 07 Apr 2026 10:55:00 +0000</pubDate>
				<category><![CDATA[PR]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2411</guid>

					<description><![CDATA[海外旅行専門店W.A.S.予約前に知っておきたい、専門店だからできること ホテルの最低価格保証つき。他サイトより高ければ差額を返金 海外旅行専門店「W.A.S. ワールドエアシステム」 ✈ 詳しく見る 📌 この記事の要点 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ※広告 -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;family=Playfair+Display:ital,wght@0,700;1,400&#038;display=swap" rel="stylesheet">

<style>
/* ============================================
   W.A.S.記事 スコープスタイル
   prefix: .was-article
   ============================================ */

/* ---------- リセット（スコープ内のみ） ---------- */
.was-article *,
.was-article *::before,
.was-article *::after {
  box-sizing: border-box;
}

/* ---------- カスタムプロパティ ---------- */
.was-article {
  --was-navy:    #0a2540;
  --was-sky:     #1a6fa8;
  --was-azure:   #2196d9;
  --was-cloud:   #e8f4fd;
  --was-gold:    #f0a500;
  --was-white:   #ffffff;
  --was-gray:    #f5f7fa;
  --was-text:    #1a2433;
  --was-muted:   #5a6a7a;
  --was-radius:  14px;
  --was-shadow:  0 4px 24px rgba(10,37,64,.10);
  --was-shadow-lg: 0 12px 48px rgba(10,37,64,.16);

  font-family: 'Noto Sans JP', sans-serif;
  color: var(--was-text);
  line-height: 1.8;
}

/* ---------- ヒーローセクション ---------- */
.was-hero {
  position: relative;
  width: 100%;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0 0 var(--was-radius) var(--was-radius);
  margin-bottom: 56px;
}

/* 背景グラデーション（空＆海のイメージ） */
.was-hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 60% 30%, rgba(33,150,217,.35) 0%, transparent 70%),
    radial-gradient(ellipse 60% 80% at 20% 70%, rgba(26,111,168,.40) 0%, transparent 65%),
    linear-gradient(145deg, #0a2540 0%, #0d3a6e 45%, #0f4c8a 75%, #1a6fa8 100%);
  z-index: 0;
}

/* 装飾：点状ノイズテクスチャ */
.was-hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 28px 28px;
  z-index: 1;
}

/* 装飾：大きな円弧（機体シルエット的） */
.was-hero-arc {
  position: absolute;
  right: -80px;
  top: -80px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 60px solid rgba(255,255,255,.04);
  z-index: 1;
}
.was-hero-arc-2 {
  position: absolute;
  left: -60px;
  bottom: -100px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 40px solid rgba(255,255,255,.04);
  z-index: 1;
}

/* ゴールドライン */
.was-hero-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent 0%, var(--was-gold) 40%, var(--was-azure) 100%);
  z-index: 2;
}

/* コンテンツラッパー */
.was-hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 64px 24px 56px;
  max-width: 720px;
  margin: 0 auto;
}

/* ヒーロータイトル（h2 → div に変換しCocoon干渉回避） */
.was-article .was-hero .was-hero-title {
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(1.55rem, 4vw, 2.4rem);
  font-weight: 700;
  color: var(--was-white);
  line-height: 1.45;
  margin: 0 0 16px;
  background: transparent;
  padding: 0;
  border: none;
  animation: was-fade-up .7s .1s ease both;
}

/* サブタイトル */
.was-hero-sub {
  font-size: clamp(.9rem, 2vw, 1.05rem);
  color: rgba(255,255,255,.78);
  margin: 0 0 32px;
  animation: was-fade-up .7s .2s ease both;
}

/* CTAボタン */
.was-hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--was-gold) 0%, #e09400 100%);
  color: var(--was-navy);
  font-size: 1rem;
  font-weight: 700;
  padding: 14px 36px;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 6px 24px rgba(240,165,0,.40);
  transition: transform .2s, box-shadow .2s;
  animation: was-fade-up .7s .3s ease both;
}
.was-hero-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 32px rgba(240,165,0,.52);
  color: var(--was-navy);
  text-decoration: none;
}
.was-hero-cta-icon {
  font-size: 1.1em;
}

/* ---------- 要点ボックス ---------- */
.was-summary {
  width: 100%;
  background: var(--was-white);
  border-radius: var(--was-radius);
  box-shadow: var(--was-shadow);
  border: 1px solid rgba(26,111,168,.12);
  padding: 32px 28px 28px;
  margin-bottom: 48px;
  position: relative;
  overflow: hidden;
}
.was-summary::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--was-azure), var(--was-gold));
}

.was-summary-label {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--was-sky);
  text-transform: uppercase;
  margin: 0 0 18px;
}

.was-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.was-summary-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: var(--was-cloud);
  border-radius: 10px;
}

.was-summary-icon {
  font-size: 1.4rem;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}

.was-summary-text {
  font-size: .9rem;
  line-height: 1.55;
  color: var(--was-text);
  font-weight: 500;
}

.was-summary-text strong {
  display: block;
  color: var(--was-sky);
  font-size: .8rem;
  font-weight: 700;
  margin-bottom: 2px;
  letter-spacing: .03em;
}

/* ---------- アニメーション目次 ---------- */
.was-toc-wrap {
  width: 100%;
  margin-bottom: 56px;
}

/* 目次トグル（CSS checkboxハック） */
.was-toc-toggle {
  display: none;
}

.was-toc-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, var(--was-navy) 0%, #0d3a6e 100%);
  color: var(--was-white);
  padding: 16px 22px;
  border-radius: var(--was-radius) var(--was-radius) 0 0;
  cursor: pointer;
  user-select: none;
  font-weight: 700;
  font-size: .95rem;
  letter-spacing: .04em;
  transition: opacity .2s;
}
.was-toc-label:hover { opacity: .9; }

.was-toc-label-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.was-toc-icon { font-size: 1.1em; }

.was-toc-arrow {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255,255,255,.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .7em;
  transition: transform .3s;
  flex-shrink: 0;
}

/* 開閉アニメーション */
.was-toc-body {
  max-height: 0;
  overflow: hidden;
  background: var(--was-white);
  border: 1px solid rgba(26,111,168,.15);
  border-top: none;
  border-radius: 0 0 var(--was-radius) var(--was-radius);
  transition: max-height .4s cubic-bezier(.4,0,.2,1);
}

.was-toc-toggle:checked ~ .was-toc-label .was-toc-arrow {
  transform: rotate(180deg);
}
.was-toc-toggle:checked ~ .was-toc-body {
  max-height: 600px;
}

.was-toc-inner {
  padding: 20px 24px 24px;
}

/* 目次見出し（h3） */
.was-toc-heading {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--was-muted);
  text-transform: uppercase;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(26,111,168,.1);
}

.was-toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.was-toc-list li {
  counter-increment: toc-counter;
}

.was-toc-list a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: var(--was-text);
  font-size: .9rem;
  font-weight: 500;
  transition: background .18s, color .18s, transform .18s;
  position: relative;
}
.was-toc-list a::before {
  content: counter(toc-counter, decimal-leading-zero);
  font-size: .72rem;
  font-weight: 700;
  color: var(--was-sky);
  opacity: .7;
  min-width: 22px;
  font-family: 'Playfair Display', serif;
}
.was-toc-list a:hover {
  background: var(--was-cloud);
  color: var(--was-sky);
  transform: translateX(4px);
  text-decoration: none;
}

/* ---------- アニメーション ---------- */
@keyframes was-fade-up {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---------- 共通：セクション見出し ---------- */
.was-article .was-section h2.was-section-title {
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(1.2rem, 3vw, 1.65rem);
  font-weight: 700;
  color: var(--was-navy);
  margin: 0 0 32px;
  padding: 0 0 14px;
  border-bottom: 3px solid var(--was-azure);
  position: relative;
  background: transparent;
  border-left: none;
}
.was-article .was-section h2.was-section-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 56px;
  height: 3px;
  background: var(--was-gold);
}

/* セクション間余白 */
.was-section {
  margin-bottom: 72px;
}

/* ---------- セクション1: WASとは ---------- */
.was-about-lead {
  font-size: 1rem;
  line-height: 1.9;
  color: var(--was-text);
  margin: 0 0 28px;
}

.was-about-card {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}

.was-about-item {
  background: var(--was-white);
  border: 1px solid rgba(26,111,168,.14);
  border-radius: var(--was-radius);
  padding: 20px 18px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  box-shadow: var(--was-shadow);
  transition: transform .2s, box-shadow .2s;
}
.was-about-item:hover {
  transform: translateY(-3px);
  box-shadow: var(--was-shadow-lg);
}

.was-about-item-icon {
  font-size: 1.6rem;
  flex-shrink: 0;
  line-height: 1;
  margin-top: 2px;
}

.was-about-item-body {}
.was-about-item-title {
  font-size: .85rem;
  font-weight: 700;
  color: var(--was-sky);
  margin: 0 0 4px;
}
.was-about-item-desc {
  font-size: .88rem;
  color: var(--was-muted);
  line-height: 1.6;
  margin: 0;
}

/* ---------- セクション2: 3つの強み ---------- */
.was-strength-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.was-strength-item {
  background: var(--was-white);
  border-radius: var(--was-radius);
  border: 1px solid rgba(26,111,168,.12);
  box-shadow: var(--was-shadow);
  overflow: hidden;
  display: grid;
  grid-template-columns: 80px 1fr;
  transition: transform .2s, box-shadow .2s;
}
.was-strength-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--was-shadow-lg);
}

.was-strength-num {
  background: linear-gradient(160deg, var(--was-navy) 0%, var(--was-sky) 100%);
  color: var(--was-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 16px 8px;
}
.was-strength-num-label {
  font-size: .6rem;
  letter-spacing: .1em;
  opacity: .7;
  text-transform: uppercase;
}
.was-strength-num-value {
  font-family: 'Playfair Display', serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.was-strength-body {
  padding: 20px 22px;
}
.was-strength-body h3 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--was-navy);
  margin: 0 0 8px;
}
.was-strength-body p {
  font-size: .9rem;
  color: var(--was-muted);
  line-height: 1.75;
  margin: 0;
}

.was-ticket-types {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.was-ticket-tag {
  background: var(--was-cloud);
  color: var(--was-sky);
  font-size: .78rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 100px;
  border: 1px solid rgba(33,150,217,.25);
}

/* ---------- セクション3: こんな方におすすめ ---------- */
.was-recommend-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.was-recommend-card {
  background: var(--was-white);
  border-radius: var(--was-radius);
  border: 1px solid rgba(26,111,168,.12);
  box-shadow: var(--was-shadow);
  padding: 22px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.was-recommend-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--was-shadow-lg);
  border-color: rgba(33,150,217,.35);
}

.was-recommend-check {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--was-azure), var(--was-sky));
  color: var(--was-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}

.was-recommend-body {}
.was-recommend-title {
  font-size: .92rem;
  font-weight: 700;
  color: var(--was-navy);
  margin: 0 0 4px;
}
.was-recommend-desc {
  font-size: .85rem;
  color: var(--was-muted);
  line-height: 1.65;
  margin: 0;
}

/* ---------- セクション4: 予約の流れ ---------- */
.was-step-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}
.was-step-list::before {
  content: '';
  position: absolute;
  left: 27px;
  top: 56px;
  bottom: 56px;
  width: 2px;
  background: linear-gradient(to bottom, var(--was-azure), var(--was-gold));
  z-index: 0;
}
.was-step-item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 0 20px;
  align-items: flex-start;
  padding: 0 0 28px;
  position: relative;
  z-index: 1;
}
.was-step-item:last-child { padding-bottom: 0; }
.was-step-num {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--was-navy), var(--was-sky));
  color: var(--was-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: 'Playfair Display', serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 4px 16px rgba(26,111,168,.35);
}
.was-step-body {
  background: var(--was-white);
  border: 1px solid rgba(26,111,168,.12);
  border-radius: var(--was-radius);
  padding: 16px 20px;
  box-shadow: var(--was-shadow);
  margin-top: 4px;
}
.was-step-body h3 {
  font-size: .95rem;
  font-weight: 700;
  color: var(--was-navy);
  margin: 0 0 6px;
}
.was-step-body p {
  font-size: .88rem;
  color: var(--was-muted);
  line-height: 1.7;
  margin: 0;
}
.was-step-tip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(240,165,0,.1);
  border: 1px solid rgba(240,165,0,.3);
  color: #9a6600;
  font-size: .78rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 100px;
  margin-top: 10px;
}

/* ---------- セクション5: 利用前に知っておきたいこと ---------- */
.was-notes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}
.was-note-card {
  background: var(--was-white);
  border-radius: var(--was-radius);
  border: 1px solid rgba(26,111,168,.12);
  box-shadow: var(--was-shadow);
  padding: 20px 18px;
}
.was-note-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.was-note-icon { font-size: 1.3rem; flex-shrink: 0; }
.was-note-card-head h3 {
  font-size: .9rem;
  font-weight: 700;
  color: var(--was-navy);
  margin: 0;
}
.was-note-card p {
  font-size: .87rem;
  color: var(--was-muted);
  line-height: 1.7;
  margin: 0;
}
.was-attention {
  background: rgba(240,165,0,.08);
  border: 1px solid rgba(240,165,0,.35);
  border-radius: var(--was-radius);
  padding: 16px 20px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.was-attention-icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }
.was-attention p {
  font-size: .88rem;
  color: var(--was-text);
  line-height: 1.75;
  margin: 0;
}

/* ---------- セクション6: FAQ ---------- */
.was-faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.was-faq-item {
  border: 1px solid rgba(26,111,168,.14);
  border-radius: var(--was-radius);
  overflow: hidden;
  background: var(--was-white);
  box-shadow: var(--was-shadow);
}
.was-faq-toggle { display: none; }
.was-faq-label {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  cursor: pointer;
  user-select: none;
  transition: background .18s;
}
.was-faq-label:hover { background: var(--was-cloud); }
.was-faq-q {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--was-azure), var(--was-sky));
  color: var(--was-white);
  font-weight: 700;
  font-size: .85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: 'Playfair Display', serif;
}
.was-faq-question {
  flex: 1;
  font-size: .92rem;
  font-weight: 700;
  color: var(--was-navy);
  line-height: 1.5;
}
.was-faq-arrow {
  font-size: .75rem;
  color: var(--was-muted);
  transition: transform .3s;
  flex-shrink: 0;
}
.was-faq-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s cubic-bezier(.4,0,.2,1);
}
.was-faq-toggle:checked ~ .was-faq-label .was-faq-arrow {
  transform: rotate(180deg);
}
.was-faq-toggle:checked ~ .was-faq-body {
  max-height: 300px;
}
.was-faq-answer {
  padding: 14px 20px 18px 62px;
  font-size: .88rem;
  color: var(--was-muted);
  line-height: 1.8;
  border-top: 1px solid rgba(26,111,168,.08);
}

/* ---------- まとめセクション ---------- */
.was-summary-sec {
  background: linear-gradient(135deg, var(--was-navy) 0%, #0d3a6e 60%, #0f4c8a 100%);
  border-radius: var(--was-radius);
  padding: 48px 36px;
  position: relative;
  overflow: hidden;
  margin-bottom: 72px;
}
.was-summary-sec::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}
.was-summary-sec-line {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--was-gold), var(--was-azure));
}

.was-article .was-summary-sec h2.was-summary-sec-title {
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(1.1rem, 2.8vw, 1.5rem);
  font-weight: 700;
  color: var(--was-white);
  margin: 0 0 28px;
  position: relative;
  background: transparent;
  border-left: none;
  padding: 0;
}

.was-summary-points {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 36px;
  position: relative;
}

.was-summary-point {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  padding: 14px 18px;
  backdrop-filter: blur(4px);
}

.was-summary-point-icon {
  font-size: 1.2rem;
  flex-shrink: 0;
  margin-top: 1px;
}

.was-summary-point-text {
  font-size: .92rem;
  color: rgba(255,255,255,.9);
  line-height: 1.65;
}

.was-summary-point-text strong {
  color: var(--was-gold);
  font-weight: 700;
}

/* CTAエリア */
.was-cta-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  position: relative;
}

.was-cta-label {
  font-size: .8rem;
  color: rgba(255,255,255,.6);
  letter-spacing: .06em;
}

.was-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--was-gold) 0%, #e09400 100%);
  color: var(--was-navy);
  font-size: 1.05rem;
  font-weight: 700;
  padding: 16px 44px;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 8px 28px rgba(240,165,0,.45);
  transition: transform .2s, box-shadow .2s;
}
.was-cta-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(240,165,0,.55);
  color: var(--was-navy);
  text-decoration: none;
}
.was-cta-btn-icon { font-size: 1.15em; }

.was-cta-note {
  font-size: .78rem;
  color: rgba(255,255,255,.45);
  text-align: center;
  line-height: 1.6;
}

/* ---------- インラインアフィリエイトリンクボックス ---------- */
.was-inline-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: var(--was-cloud);
  border: 1px solid rgba(26,111,168,.2);
  border-left: 4px solid var(--was-azure);
  border-radius: 0 var(--was-radius) var(--was-radius) 0;
  padding: 16px 20px;
  margin-top: 32px;
}
.was-inline-link-text {
  font-size: .88rem;
  color: var(--was-text);
  line-height: 1.65;
  margin: 0;
}
.was-inline-link-text strong {
  display: block;
  font-size: .8rem;
  color: var(--was-sky);
  font-weight: 700;
  margin-bottom: 3px;
  letter-spacing: .03em;
}
.was-inline-link-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, var(--was-sky), var(--was-azure));
  color: var(--was-white);
  font-size: .85rem;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 100px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(26,111,168,.3);
  transition: transform .2s, box-shadow .2s;
}
.was-inline-link-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(26,111,168,.4);
  color: var(--was-white);
  text-decoration: none;
}
@media (max-width: 600px) {
  .was-inline-link { flex-direction: column; align-items: flex-start; }
  .was-inline-link-btn { width: 100%; justify-content: center; }
}

/* ---------- レスポンシブ ---------- */
@media (max-width: 600px) {
  .was-hero { min-height: 400px; }
  .was-hero-content { padding: 48px 20px 44px; }
  .was-summary { padding: 24px 16px 20px; }
  .was-summary-grid { grid-template-columns: 1fr; }
  .was-toc-inner { padding: 16px 16px 20px; }
  .was-strength-item { grid-template-columns: 60px 1fr; }
  .was-strength-num-value { font-size: 1.5rem; }
  .was-about-card { grid-template-columns: 1fr; }
  .was-recommend-grid { grid-template-columns: 1fr; }
  .was-step-item { grid-template-columns: 48px 1fr; }
  .was-step-num { width: 48px; height: 48px; font-size: 1.2rem; }
  .was-step-list::before { left: 23px; }
  .was-notes-grid { grid-template-columns: 1fr; }
  .was-summary-sec { padding: 36px 20px; }
  .was-cta-btn { padding: 14px 28px; font-size: .95rem; }
}
</style>

<article class="was-article" aria-label="W.A.S.ワールドエアシステム紹介記事">

  <!-- =========================================
       ヒーローセクション
       ========================================= -->
  <section class="was-hero" aria-labelledby="was-hero-title">
    <div class="was-hero-bg" aria-hidden="true"></div>
    <div class="was-hero-arc"  aria-hidden="true"></div>
    <div class="was-hero-arc-2" aria-hidden="true"></div>
    <div class="was-hero-line" aria-hidden="true"></div>

    <div class="was-hero-content">
      <!-- h2 相当（Cocoon干渉回避のためdivで実装） -->
      <div class="was-hero-title"
           id="was-hero-title"
           role="heading"
           aria-level="2">
        海外旅行専門店W.A.S.<br>予約前に知っておきたい、<br>専門店だからできること
      </div>

      <p class="was-hero-sub">
        ホテルの最低価格保証つき。他サイトより高ければ差額を返金<br>
        海外旅行専門店「W.A.S. ワールドエアシステム」
      </p>

      <a href="#was-about"
         class="was-hero-cta"
         aria-label="W.A.S.ワールドエアシステムの詳細を見る">
        <span class="was-hero-cta-icon" aria-hidden="true">✈</span>
        詳しく見る
      </a>
    </div>
  </section>

  <!-- =========================================
       この記事の要点
       ========================================= -->
  <section class="was-summary" aria-label="この記事の要点">
    <p class="was-summary-label" aria-hidden="true">📌 この記事の要点</p>
    <div class="was-summary-grid" role="list">
      <div class="was-summary-item" role="listitem">
        <span class="was-summary-icon" aria-hidden="true">🏨</span>
        <div class="was-summary-text">
          <strong>ホテル最低価格保証つき</strong>
          予約後30日以内に他サイトで安い料金を見つけたら差額を返金してもらえる
        </div>
      </div>
      <div class="was-summary-item" role="listitem">
        <span class="was-summary-icon" aria-hidden="true">✈</span>
        <div class="was-summary-text">
          <strong>航空券＋ホテルのセット割</strong>
          早期申込でさらに割引。旅行全体をまとめてお得に手配できる
        </div>
      </div>
      <div class="was-summary-item" role="listitem">
        <span class="was-summary-icon" aria-hidden="true">🕐</span>
        <div class="was-summary-text">
          <strong>24時間オンライン予約完結</strong>
          eチケットをその場で取得。深夜でも思い立ったときに手配OK
        </div>
      </div>
    </div>
  </section>

  <!-- =========================================
       アニメーション目次
       ========================================= -->
  <nav class="was-toc-wrap" aria-label="目次">
    <input type="checkbox" id="was-toc-toggle" class="was-toc-toggle" checked>
    <label for="was-toc-toggle" class="was-toc-label">
      <span class="was-toc-label-left">
        <span class="was-toc-icon" aria-hidden="true">📋</span>
        目次
      </span>
      <span class="was-toc-arrow" aria-hidden="true">▼</span>
    </label>
    <div class="was-toc-body">
      <div class="was-toc-inner">
        <h3 class="was-toc-heading">Contents</h3>
        <ol class="was-toc-list" style="counter-reset: toc-counter;">
          <li><a href="#was-about">W.A.S.ワールドエアシステムとは</a></li>
          <li><a href="#was-strength">W.A.S.の3つの強み</a></li>
          <li><a href="#was-recommend">こんな方におすすめ</a></li>
          <li><a href="#was-howto">W.A.S.で予約する流れ</a></li>
          <li><a href="#was-notes">利用前に知っておきたいこと</a></li>
          <li><a href="#was-faq">よくある質問</a></li>
          <li><a href="#was-summary">まとめ</a></li>
        </ol>
      </div>
    </div>
  </nav>

  <!-- =========================================
       セクション1: W.A.S.ワールドエアシステムとは
       ========================================= -->
  <section class="was-section" id="was-about" aria-labelledby="was-about-title">
    <h2 class="was-section-title" id="was-about-title">W.A.S.ワールドエアシステムとは</h2>

    <p class="was-about-lead">
      W.A.S.ワールドエアシステムは、エアプラス株式会社が運営する<strong>海外旅行専門の航空券・ホテル予約サイト</strong>です。25年以上の歴史を持ち、航空会社のホストコンピュータと直結したシステムで、常に最新の空席状況をリアルタイムで確認しながら予約できます。
    </p>
    <p class="was-about-lead">
      大手総合旅行サイトとは異なり、海外旅行に特化しているからこそ実現できる、幅広い航空券の種類と専門的なサポートが特徴です。24時間オンラインで予約・購入が完結し、eチケットをその場で取得できます。
    </p>

    <div class="was-about-card" role="list">
      <div class="was-about-item" role="listitem">
        <span class="was-about-item-icon" aria-hidden="true">🏢</span>
        <div class="was-about-item-body">
          <p class="was-about-item-title">運営会社</p>
          <p class="was-about-item-desc">エアプラス株式会社。25年以上の実績を持つ国内の旅行会社</p>
        </div>
      </div>
      <div class="was-about-item" role="listitem">
        <span class="was-about-item-icon" aria-hidden="true">🌏</span>
        <div class="was-about-item-body">
          <p class="was-about-item-title">対応エリア</p>
          <p class="was-about-item-desc">アジアを中心に全世界対応。東京（成田・羽田）発の航空券が充実</p>
        </div>
      </div>
      <div class="was-about-item" role="listitem">
        <span class="was-about-item-icon" aria-hidden="true">💳</span>
        <div class="was-about-item-body">
          <p class="was-about-item-title">支払い方法</p>
          <p class="was-about-item-desc">クレジットカード・銀行振込・コンビニ決済・ペイジーなど</p>
        </div>
      </div>
      <div class="was-about-item" role="listitem">
        <span class="was-about-item-icon" aria-hidden="true">📧</span>
        <div class="was-about-item-body">
          <p class="was-about-item-title">サポート</p>
          <p class="was-about-item-desc">オペレーションセンターへのメール問い合わせに対応</p>
        </div>
      </div>
    </div>

  </section>

  <!-- =========================================
       セクション2: W.A.S.の3つの強み
       ========================================= -->
  <section class="was-section" id="was-strength" aria-labelledby="was-strength-title">
    <h2 class="was-section-title" id="was-strength-title">W.A.S.の3つの強み</h2>

    <div class="was-strength-list">

      <!-- 強み① -->
      <div class="was-strength-item">
        <div class="was-strength-num" aria-hidden="true">
          <span class="was-strength-num-label">Point</span>
          <span class="was-strength-num-value">01</span>
        </div>
        <div class="was-strength-body">
          <h3>ホテルは最低価格保証つき</h3>
          <p>
            W.A.S.でホテルを予約すると、<strong>最低価格保証</strong>が自動的に適用されます。予約後30日以内（旅行前）に他のサイトで同条件のより安い料金を見つけた場合、オペレーションセンターへメールで連絡するだけで差額を返金してもらえます。料金の心配をせずに予約できるのは、専門店ならではの安心感です。
          </p>
          <div class="was-ticket-types" role="list" aria-label="最低価格保証の流れ">
            <span class="was-ticket-tag" role="listitem">① W.A.S.でホテル予約</span>
            <span class="was-ticket-tag" role="listitem">② 他サイトで安い料金を発見</span>
            <span class="was-ticket-tag" role="listitem">③ メールで連絡（30日以内）</span>
            <span class="was-ticket-tag" role="listitem">④ 差額を返金</span>
          </div>
        </div>
      </div>

      <!-- 強み② -->
      <div class="was-strength-item">
        <div class="was-strength-num" aria-hidden="true">
          <span class="was-strength-num-label">Point</span>
          <span class="was-strength-num-value">02</span>
        </div>
        <div class="was-strength-body">
          <h3>航空会社直結でリアルタイム検索</h3>
          <p>
            航空会社のホストコンピュータと直接つながったシステムを採用しているため、空席状況や料金が常に最新の状態で表示されます。「在庫がないのに表示されている」といった海外予約サイトで起きがちなトラブルとは無縁で、安心して予約を進められます。
          </p>
        </div>
      </div>

      <!-- 強み③ -->
      <div class="was-strength-item">
        <div class="was-strength-num" aria-hidden="true">
          <span class="was-strength-num-label">Point</span>
          <span class="was-strength-num-value">03</span>
        </div>
        <div class="was-strength-body">
          <h3>航空券＋ホテルのセット割でさらにお得</h3>
          <p>
            航空券とホテルをまとめて予約するセットプランでは、単品予約より割引が大きくなるプランが揃っています。さらに早期申込で適用される早割を組み合わせれば、旅行費用を一段と抑えることが可能。ホテルの最低価格保証と合わせて使うことで、トータルのコストパフォーマンスを高められます。
          </p>
        </div>
      </div>

    </div>
  </section>

  <!-- =========================================
       セクション3: こんな方におすすめ
       ========================================= -->
  <section class="was-section" id="was-recommend" aria-labelledby="was-recommend-title">
    <h2 class="was-section-title" id="was-recommend-title">こんな方におすすめ</h2>

    <div class="was-recommend-grid" role="list">

      <div class="was-recommend-card" role="listitem">
        <div class="was-recommend-check" aria-hidden="true">✓</div>
        <div class="was-recommend-body">
          <p class="was-recommend-title">複数都市を回る旅を計画している</p>
          <p class="was-recommend-desc">最大6区間10都市の周遊航空券に対応。ヨーロッパや東南アジアの多都市訪問も一括で手配できます。</p>
        </div>
      </div>

      <div class="was-recommend-card" role="listitem">
        <div class="was-recommend-check" aria-hidden="true">✓</div>
        <div class="was-recommend-body">
          <p class="was-recommend-title">帰りの便を後から決めたい</p>
          <p class="was-recommend-desc">オープンジョーや片道航空券など、柔軟なルート設定が可能。長期旅行や延泊の可能性がある方に向いています。</p>
        </div>
      </div>

      <div class="was-recommend-card" role="listitem">
        <div class="was-recommend-check" aria-hidden="true">✓</div>
        <div class="was-recommend-body">
          <p class="was-recommend-title">海外在住・海外発の航空券を探している</p>
          <p class="was-recommend-desc">海外から海外への移動に対応した海外発着航空券も取り扱い。他の国内サイトでは対応していないケースも多い分野です。</p>
        </div>
      </div>

      <div class="was-recommend-card" role="listitem">
        <div class="was-recommend-check" aria-hidden="true">✓</div>
        <div class="was-recommend-body">
          <p class="was-recommend-title">深夜や早朝に予約を完結させたい</p>
          <p class="was-recommend-desc">24時間オンライン予約でeチケットをその場で取得。思い立ったときにすぐ手配できます。</p>
        </div>
      </div>

      <div class="was-recommend-card" role="listitem">
        <div class="was-recommend-check" aria-hidden="true">✓</div>
        <div class="was-recommend-body">
          <p class="was-recommend-title">ホテル代を少しでも抑えたい</p>
          <p class="was-recommend-desc">最低価格保証があるため、予約後に他サイトで安い料金を見つけても差額返金を申請できます。安心してまず予約できるのが強みです。</p>
        </div>
      </div>

      <div class="was-recommend-card" role="listitem">
        <div class="was-recommend-check" aria-hidden="true">✓</div>
        <div class="was-recommend-body">
          <p class="was-recommend-title">日本語サポートで安心して予約したい</p>
          <p class="was-recommend-desc">国内の旅行会社が運営しているため、トラブル時も日本語で問い合わせ可能。海外サイトに不安を感じる方にも向いています。</p>
        </div>
      </div>

    </div>
  </section>

  <!-- =========================================
       セクション4: W.A.S.で予約する流れ
       ========================================= -->
  <section class="was-section" id="was-howto" aria-labelledby="was-howto-title">
    <h2 class="was-section-title" id="was-howto-title">W.A.S.で予約する流れ</h2>

    <div class="was-step-list" role="list">

      <div class="was-step-item" role="listitem">
        <div class="was-step-num" aria-label="ステップ1">1</div>
        <div class="was-step-body">
          <h3>公式サイトで航空券・ホテルを検索する</h3>
          <p>W.A.S.の公式サイトにアクセスし、出発地・目的地・日程・人数を入力して検索します。航空会社のシステムと直結しているため、リアルタイムの空席状況と料金が表示されます。</p>
          <span class="was-step-tip" aria-label="ヒント">💡 ヒント：航空券とホテルをセットで検索するとセット割が適用されます</span>
        </div>
      </div>

      <div class="was-step-item" role="listitem">
        <div class="was-step-num" aria-label="ステップ2">2</div>
        <div class="was-step-body">
          <h3>プランを選んで予約内容を確認する</h3>
          <p>検索結果から希望の航空券やホテルを選択します。料金は燃油サーチャージ・空港使用料・海外諸税をすべて含んだ総額表示なので、追加費用の心配なく比較できます。</p>
        </div>
      </div>

      <div class="was-step-item" role="listitem">
        <div class="was-step-num" aria-label="ステップ3">3</div>
        <div class="was-step-body">
          <h3>旅行者情報を入力して支払いを完了する</h3>
          <p>氏名・パスポート番号などの必要情報を入力し、クレジットカード・銀行振込・コンビニ決済などから支払い方法を選んで決済します。</p>
          <span class="was-step-tip" aria-label="ヒント">💡 ヒント：振込手数料はお客様負担となる場合があります</span>
        </div>
      </div>

      <div class="was-step-item" role="listitem">
        <div class="was-step-num" aria-label="ステップ4">4</div>
        <div class="was-step-body">
          <h3>eチケットをその場で受け取る</h3>
          <p>自動発券サービスにより、決済完了後すぐにeチケットをメールで受け取れます。24時間いつでも予約・発券が完結するため、急な旅程変更にも対応しやすくなっています。</p>
        </div>
      </div>

      <div class="was-step-item" role="listitem">
        <div class="was-step-num" aria-label="ステップ5">5</div>
        <div class="was-step-body">
          <h3>ホテルの最低価格保証を活用する</h3>
          <p>予約後、他のサイトで同条件のホテルがより安く見つかった場合は、旅行前かつ予約から30日以内にオペレーションセンターへメールで連絡します。条件を満たしていれば差額が返金されます。</p>
          <span class="was-step-tip" aria-label="ヒント">💡 ヒント：比較する際は税・サービス料を含んだ金額で比較しましょう</span>
        </div>
      </div>

    </div>

    <div class="was-inline-link">
      <p class="was-inline-link-text">
        <strong>✈ まずは料金の相場を確認してみる</strong>
        同じ行き先でも、予約のタイミングで費用は変わります。比較の基準として、一度W.A.S.で料金を確認しておくのがおすすめです。
      </p>
      <a rel="nofollow sponsored noopener" href="https://www.rentracks.jp/adx/r.html?idx=0.72494.376502.2886.4416&#038;dna=64827" target="_blank" class="was-inline-link-btn" aria-label="W.A.S.ワールドエアシステムで空席・料金を確認する（別タブ）">
        W.A.S. で調べる →
      </a>
    </div>
    <img loading="lazy" decoding="async" src="https://www.rentracks.jp/adx/p.gifx?idx=0.72494.376502.2886.4416&#038;dna=64827" border="0" height="1" width="1" alt="">

  </section>

  <!-- =========================================
       セクション5: 利用前に知っておきたいこと
       ========================================= -->
  <section class="was-section" id="was-notes" aria-labelledby="was-notes-title">
    <h2 class="was-section-title" id="was-notes-title">利用前に知っておきたいこと</h2>

    <div class="was-notes-grid">
      <div class="was-note-card">
        <div class="was-note-card-head">
          <span class="was-note-icon" aria-hidden="true">💰</span>
          <h3>キャンセル・取消手数料</h3>
        </div>
        <p>正規運賃・正規割引（PEX）航空券をキャンセルする場合、航空会社規定の取消料に加えてW.A.S.の手数料が別途かかります。予約前に必ず規約を確認しておきましょう。</p>
      </div>

      <div class="was-note-card">
        <div class="was-note-card-head">
          <span class="was-note-icon" aria-hidden="true">🏨</span>
          <h3>最低価格保証の適用条件</h3>
        </div>
        <p>返金対象は旅行前かつ予約から30日以内の申請に限られます。また、1人1旅程につき1か月1回まで。ホテル滞在後に現地での差額を申請するケースも別途あります。</p>
      </div>

      <div class="was-note-card">
        <div class="was-note-card-head">
          <span class="was-note-icon" aria-hidden="true">📧</span>
          <h3>問い合わせ方法</h3>
        </div>
        <p>基本的な問い合わせはメール（オペレーションセンター）で受け付けています。返金申請や変更手続きも同様です。電話対応は限られるため、余裕を持って連絡するのがおすすめです。</p>
      </div>

      <div class="was-note-card">
        <div class="was-note-card-head">
          <span class="was-note-icon" aria-hidden="true">💳</span>
          <h3>振込手数料の負担</h3>
        </div>
        <p>銀行振込で支払う場合、振込手数料はお客様負担となります。クレジットカード払いであれば手数料なしで手続きが完結するため、カード払いが便利です。</p>
      </div>
    </div>

    <div class="was-attention" role="note" aria-label="注意事項">
      <span class="was-attention-icon" aria-hidden="true">⚠️</span>
      <p>航空券の運賃・ホテルの料金・最低価格保証の詳細条件は変更される場合があります。予約前に必ずW.A.S.公式サイトの最新情報をご確認ください。</p>
    </div>
  </section>

  <!-- =========================================
       セクション6: よくある質問（FAQ）
       ========================================= -->
  <section class="was-section" id="was-faq" aria-labelledby="was-faq-title">
    <h2 class="was-section-title" id="was-faq-title">よくある質問</h2>

    <div class="was-faq-list">

      <!-- Q1 -->
      <div class="was-faq-item">
        <input type="checkbox" id="was-faq-1" class="was-faq-toggle">
        <label for="was-faq-1" class="was-faq-label">
          <span class="was-faq-q" aria-hidden="true">Q</span>
          <span class="was-faq-question">ホテルの最低価格保証はどのように申請しますか？</span>
          <span class="was-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="was-faq-body" role="region" aria-label="回答1">
          <p class="was-faq-answer">W.A.S.でホテルを予約後、他のサイトで同条件のより安い料金を見つけた場合は、旅行前かつ予約から30日以内にオペレーションセンターへメールで連絡します。条件に合致していれば差額が返金されます。比較する際は税・サービス料を含んだ総額で行ってください。</p>
        </div>
      </div>

      <!-- Q2 -->
      <div class="was-faq-item">
        <input type="checkbox" id="was-faq-2" class="was-faq-toggle">
        <label for="was-faq-2" class="was-faq-label">
          <span class="was-faq-q" aria-hidden="true">Q</span>
          <span class="was-faq-question">24時間いつでも予約・発券できますか？</span>
          <span class="was-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="was-faq-body" role="region" aria-label="回答2">
          <p class="was-faq-answer">はい、W.A.S.は24時間オンラインで予約・購入が可能です。自動発券サービスにより、決済完了後すぐにeチケットをメールで受け取れます。深夜や早朝でも手続きを完結できます。</p>
        </div>
      </div>

      <!-- Q3 -->
      <div class="was-faq-item">
        <input type="checkbox" id="was-faq-3" class="was-faq-toggle">
        <label for="was-faq-3" class="was-faq-label">
          <span class="was-faq-q" aria-hidden="true">Q</span>
          <span class="was-faq-question">航空券とホテルのセット予約はお得ですか？</span>
          <span class="was-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="was-faq-body" role="region" aria-label="回答3">
          <p class="was-faq-answer">航空券＋ホテルのセットプランは単品予約よりも割引が大きくなるプランが用意されています。さらに早期申込で早割が適用されるプランもあります。ホテルの最低価格保証も合わせて活用することで、コストを抑えやすくなります。</p>
        </div>
      </div>

      <!-- Q4 -->
      <div class="was-faq-item">
        <input type="checkbox" id="was-faq-4" class="was-faq-toggle">
        <label for="was-faq-4" class="was-faq-label">
          <span class="was-faq-q" aria-hidden="true">Q</span>
          <span class="was-faq-question">キャンセルした場合の手数料はどのくらいですか？</span>
          <span class="was-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="was-faq-body" role="region" aria-label="回答4">
          <p class="was-faq-answer">正規運賃・正規割引（PEX）航空券のキャンセルには、航空会社規定の取消料に加えてW.A.S.の手数料が別途かかります。手数料の金額は航空券の種類や運賃規定によって異なるため、予約前に公式サイトで必ず確認してください。</p>
        </div>
      </div>

      <!-- Q5 -->
      <div class="was-faq-item">
        <input type="checkbox" id="was-faq-5" class="was-faq-toggle">
        <label for="was-faq-5" class="was-faq-label">
          <span class="was-faq-q" aria-hidden="true">Q</span>
          <span class="was-faq-question">海外発着の航空券も購入できますか？</span>
          <span class="was-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="was-faq-body" role="region" aria-label="回答5">
          <p class="was-faq-answer">はい、海外から海外への移動に対応した海外発着航空券も取り扱っています。海外在住の方や、現地発の移動が必要な旅程にも対応できるのはW.A.S.の強みのひとつです。他の国内サイトでは対応していないケースも多い分野です。</p>
        </div>
      </div>

    </div>

    <!-- FAQ JSON-LD スキーマ -->
    
  </section>

  <!-- =========================================
       まとめ
       ========================================= -->
  <section class="was-summary-sec" id="was-summary" aria-labelledby="was-summary-sec-title">
    <div class="was-summary-sec-line" aria-hidden="true"></div>

    <h2 class="was-summary-sec-title" id="was-summary-sec-title">
      まとめ：W.A.S.ワールドエアシステムはこんな方に向いています
    </h2>

    <div class="was-summary-points" role="list">
      <div class="was-summary-point" role="listitem">
        <span class="was-summary-point-icon" aria-hidden="true">🏨</span>
        <p class="was-summary-point-text">
          <strong>ホテルの最低価格保証</strong>が使える。予約後30日以内に他サイトで安い料金を見つけたら差額を返金申請できる安心感がある
        </p>
      </div>
      <div class="was-summary-point" role="listitem">
        <span class="was-summary-point-icon" aria-hidden="true">✈</span>
        <p class="was-summary-point-text">
          <strong>航空券＋ホテルのセット割＋早割</strong>の組み合わせで、旅行費用をトータルで抑えやすい
        </p>
      </div>
      <div class="was-summary-point" role="listitem">
        <span class="was-summary-point-icon" aria-hidden="true">🕐</span>
        <p class="was-summary-point-text">
          <strong>24時間オンライン予約・即発券</strong>に対応。深夜でも思い立ったときにeチケットを取得できる
        </p>
      </div>
      <div class="was-summary-point" role="listitem">
        <span class="was-summary-point-icon" aria-hidden="true">🌏</span>
        <p class="was-summary-point-text">
          周遊・オープンジョー・海外発着など<strong>複雑なルートにも対応</strong>。海外旅行専門店ならではの幅広い航空券の選択肢がある
        </p>
      </div>
      <div class="was-summary-point" role="listitem">
        <span class="was-summary-point-icon" aria-hidden="true">🇯🇵</span>
        <p class="was-summary-point-text">
          国内の旅行会社が運営しているため<strong>日本語サポートで安心</strong>。トラブル時も連絡が取りやすい
        </p>
      </div>
    </div>

    <div class="was-cta-area">
      <p class="was-cta-label">公式サイトで最新の料金・空席を確認する</p>
      <a rel="nofollow sponsored noopener" href="https://www.rentracks.jp/adx/r.html?idx=0.72494.376502.2886.4416&#038;dna=64827" target="_blank" class="was-cta-btn" aria-label="W.A.S.ワールドエアシステム公式サイトを開く（別タブ）">
        <span class="was-cta-btn-icon" aria-hidden="true">✈</span>
        W.A.S.ワールドエアシステムを見る
      </a>
      <p class="was-cta-note">※料金・サービス内容は変更される場合があります。予約前に公式サイトでご確認ください。</p>
      <img loading="lazy" decoding="async" src="https://www.rentracks.jp/adx/p.gifx?idx=0.72494.376502.2886.4416&#038;dna=64827" border="0" height="1" width="1" alt="">
    </div>
  </section>

</article>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/world-air-system/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
