<?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/category/east-asia/japan/kanto/feed/" rel="self" type="application/rss+xml" />
	<link>https://yoooyooo8.jp</link>
	<description>旅を楽しむ、人生の道</description>
	<lastBuildDate>Thu, 10 Sep 2026 13:54:46 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.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/category/east-asia/japan/kanto/feed/"/>
	<item>
		<title>横浜中華街おすすめ完全ガイド｜食べ歩き・開運スポット・雑貨まで厳選紹介</title>
		<link>https://yoooyooo8.jp/yokohama-chinatown-guide/</link>
					<comments>https://yoooyooo8.jp/yokohama-chinatown-guide/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Tue, 23 Jun 2026 13:11:51 +0000</pubDate>
				<category><![CDATA[関東]]></category>
		<category><![CDATA[日本]]></category>
		<category><![CDATA[東アジア]]></category>
		<category><![CDATA[中華]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2756</guid>

					<description><![CDATA[YOKOHAMA CHINATOWN 横浜中華街 おすすめ完全ガイド topics 食べ歩き グルメ 開運スポット 関帝廟・媽祖廟 雑貨・お土産 モデルコース 日本最大の中華街として知られる横浜中華街。山下町・元町エリア [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style data-wp-block-html="css">
/* ===== Scroll behavior ===== */
html {
  scroll-behavior: smooth;
}

/* ===== CSS Custom Properties — .chinatown-wrap スコープに閉じる ===== */
.chinatown-wrap {
  --color-brand:      #e8173a;
  --color-brand-bg:   #fff8f8;
  --color-brand-soft: #f0c0c0;
  --color-accent:     #f5a623;
  --color-text:       #1a1a1a;
  --color-text-sub:   #555;
  --color-border:     #e8e8e8;
  --space-section:    60px;
  --transition-fast:  0.15s;
  --transition-mid:   0.4s;
}

/* ===== Base reset（スコープ内のみ） ===== */
.chinatown-wrap *,
.chinatown-wrap *::before,
.chinatown-wrap *::after { box-sizing: border-box; }

/* ===== Lead text ===== */
.chinatown-wrap .lead-text {
  font-size: 16px;
  line-height: 2.1;
  letter-spacing: 0.04em;
  color: #333;
  margin-bottom: 28px;
}

.chinatown-wrap .lead-text strong { color: var(--color-brand); }

/* ===== Hero ===== */
.chinatown-wrap .hero-wrap {
  margin: 36px 0 52px;
}

.chinatown-wrap .hero-image {
  width: 100%;
  height: 340px;
  background: linear-gradient(160deg, #c0111f 0%, #9b0e18 40%, #6b0000 100%);
  border-radius: 12px 12px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.chinatown-wrap .hero-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 20px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 20px);
}

.chinatown-wrap .hero-image::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -60px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  border: 30px solid rgba(255,255,255,0.05);
}

.chinatown-wrap .hero-inner {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 24px;
}

.chinatown-wrap .hero-kana {
  display: block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.45em;
  color: rgba(255,255,255,0.65);
  margin-bottom: 10px;
  text-transform: uppercase;
}

.chinatown-wrap .hero-title-main {
  display: block;
  font-size: clamp(28px, 6vw, 42px);
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.18em;
  line-height: 1.2;
  text-shadow: 0 3px 16px rgba(0,0,0,0.35);
  margin-bottom: 14px;
}

/* Cocoon h2スタイル打ち消し — 詳細度 (0,2,1) で .chinatown-wrap h2 (0,1,1) を上回る */
.chinatown-wrap h2.hero-title-main {
  border: none;
  border-bottom: none;
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
  color: #fff;
}

.chinatown-wrap .hero-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px;
}

.chinatown-wrap .hero-divider-line {
  width: 50px;
  height: 1px;
  background: rgba(255,215,80,0.6);
}

.chinatown-wrap .hero-divider-diamond {
  width: 6px;
  height: 6px;
  background: rgba(255,215,80,0.9);
  transform: rotate(45deg);
}

.chinatown-wrap .hero-subtitle {
  display: block;
  font-size: 13px;
  color: rgba(255,255,255,0.8);
  letter-spacing: 0.12em;
  line-height: 1.7;
}

.chinatown-wrap .hero-lantern {
  position: absolute;
  top: 16px;
  opacity: 0.18;
}
.chinatown-wrap .hero-lantern.left  { left: 24px; }
.chinatown-wrap .hero-lantern.right { right: 24px; transform: scaleX(-1); }

.chinatown-wrap .hero-tags {
  background: #1a1a1a;
  border-radius: 0 0 12px 12px;
  padding: 12px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.chinatown-wrap .hero-tag-label {
  font-size: 11px;
  color: rgba(255,255,255,0.45);
  letter-spacing: 0.06em;
  margin-right: 4px;
}

.chinatown-wrap .hero-tag {
  font-size: 12px;
  color: #fff;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 20px;
  padding: 3px 12px;
  letter-spacing: 0.04em;
}

.chinatown-wrap .hero-tag.red {
  background: rgba(232,23,58,0.45);
  border-color: rgba(232,23,58,0.65);
  color: #fff;
}

/* ===== Lead section ===== */
.chinatown-wrap .lead-section { margin: 44px 0 48px; }

.chinatown-wrap .highlight-box {
  background: var(--color-brand-bg);
  border-left: 4px solid var(--color-brand);
  border-radius: 0 8px 8px 0;
  padding: 24px 28px;
  margin: 32px 0;
}

.chinatown-wrap .highlight-box .box-title {
  font-size: 14px;
  font-weight: bold;
  color: var(--color-brand);
  margin-bottom: 16px;
  letter-spacing: 0.04em;
}

.chinatown-wrap .highlight-box ul { list-style: none; padding: 0; }

.chinatown-wrap .highlight-box ul li {
  font-size: 14px;
  color: #444;
  padding: 7px 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  letter-spacing: 0.03em;
  line-height: 1.8;
}

.chinatown-wrap .highlight-box ul li::before {
  content: "✔";
  color: var(--color-brand);
  font-size: 13px;
  flex-shrink: 0;
  margin-top: 3px;
}

/* ===== TOC ===== */
.chinatown-wrap .toc {
  background: #fff;
  border: 2px solid var(--color-brand-soft);
  border-radius: 10px;
  margin: 48px 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.chinatown-wrap .toc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 22px;
  border-bottom: 1px solid var(--color-brand-soft);
  background: var(--color-brand-bg);
}

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

.chinatown-wrap .toc-icon {
  font-size: 18px;
}

.chinatown-wrap .toc-heading {
  font-size: 15px;
  font-weight: bold;
  color: var(--color-text);
  letter-spacing: 0.04em;
}

.chinatown-wrap .toc-toggle {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 12px;
  color: #666;
  padding: 4px 12px;
  cursor: pointer;
  letter-spacing: 0.04em;
  transition: background var(--transition-fast);
}

.chinatown-wrap .toc-toggle:hover {
  background: #f5f5f5;
}

.chinatown-wrap .toc-toggle:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.chinatown-wrap .toc-body {
  overflow: hidden;
  transition: max-height var(--transition-mid) ease;
  max-height: 1000px;
}

.chinatown-wrap .toc.collapsed .toc-body {
  max-height: 0;
}

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

.chinatown-wrap .toc-item {
  counter-increment: toc-counter;
  border-bottom: 1px solid #f0f0f0;
}

.chinatown-wrap .toc-item:last-child {
  border-bottom: none;
}

.chinatown-wrap .toc-item > a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 22px;
  text-decoration: none;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.03em;
  transition: background var(--transition-fast);
}

.chinatown-wrap .toc-item > a:hover {
  background: var(--color-brand-bg);
  color: var(--color-brand);
}

.chinatown-wrap .toc-item > a:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
  background: var(--color-brand-bg);
}

.chinatown-wrap .toc-item > a::before {
  content: counter(toc-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  background: var(--color-brand);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ===== Headings ===== */
.chinatown-wrap h2 {
  font-size: 22px;
  font-weight: 900;
  color: var(--color-text);
  margin: 68px 0 24px;
  padding-bottom: 14px;
  letter-spacing: 0.06em;
  border-bottom: 3px solid var(--color-brand);
}

.chinatown-wrap h3 {
  font-size: 18px;
  font-weight: bold;
  color: var(--color-text);
  margin: 48px 0 18px;
  padding-left: 16px;
  letter-spacing: 0.04em;
  border-left: 4px solid var(--color-brand);
}

.chinatown-wrap p {
  margin-bottom: 24px;
  color: #333;
  line-height: 2.1;
  letter-spacing: 0.04em;
}

/* ===== Anchor scroll offset（スコープ内のみ） ===== */
.chinatown-wrap h2[id],
.chinatown-wrap h3[id],
.chinatown-wrap section[id] {
  scroll-margin-top: 80px;
}

/* ===== Section divider ===== */
.chinatown-wrap .section-divider {
  border: none;
  border-top: 1px dashed #ddd;
  margin: 60px 0;
}

/* ===== Shop Card ===== */
.chinatown-wrap .shop-card {
  border: 1px solid #e8d5b0;
  border-radius: 8px;
  margin: 24px 0;
  overflow: hidden;
}

.chinatown-wrap .shop-card-label {
  background: var(--color-accent);
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 6px 16px;
}

.chinatown-wrap .shop-card-body {
  padding: 16px 22px 12px;
  background: #fffdf7;
}

.chinatown-wrap .shop-name,
.chinatown-wrap .spot-name {
  font-size: 15px;
  font-weight: bold;
  color: var(--color-text);
  margin: 0 0 10px;
  letter-spacing: 0.04em;
}

.chinatown-wrap .shop-desc {
  font-size: 14px;
  color: #555;
  line-height: 2.0;
  letter-spacing: 0.03em;
  margin-bottom: 0;
}

/* ===== Info Note ===== */
.chinatown-wrap .info-note {
  background: #fff5f6;
  border: 1px solid #f0c0c8;
  border-radius: 8px;
  padding: 18px 22px;
  font-size: 14px;
  color: #7a1428;
  line-height: 2.0;
  letter-spacing: 0.03em;
  margin: 32px 0;
}

/* ===== Spot Card ===== */
.chinatown-wrap .spot-card {
  border: 1px solid #f0c8c8;
  border-radius: 8px;
  padding: 22px 24px;
  background: #fff8f8;
  margin: 24px 0;
}

.chinatown-wrap .spot-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 10px;
}

.chinatown-wrap .spot-icon {
  font-size: 28px;
  line-height: 1;
  flex-shrink: 0;
}

.chinatown-wrap .spot-sub {
  font-size: 12px;
  color: #777;
  margin-bottom: 0;
}

.chinatown-wrap .spot-desc {
  font-size: 14px;
  color: #444;
  line-height: 2.0;
  letter-spacing: 0.03em;
  margin-bottom: 16px;
}

.chinatown-wrap .spot-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 12px;
  color: #666;
  border-top: 1px dashed #f0c0c8;
  padding-top: 14px;
}

/* ===== Two Column ===== */
.chinatown-wrap .two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 32px 0;
}

.chinatown-wrap .two-col-item {
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px 22px;
}

.chinatown-wrap .two-col-title {
  font-size: 14px;
  font-weight: bold;
  color: var(--color-text);
  margin: 0 0 14px;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

/* ===== Benefit List ===== */
.chinatown-wrap .benefit-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.chinatown-wrap .benefit-list li {
  font-size: 13px;
  color: #444;
  padding: 7px 0;
  border-bottom: 1px dashed #e0e0e0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.chinatown-wrap .benefit-list li:last-child {
  border-bottom: none;
}

.chinatown-wrap .benefit-list li::before {
  content: "◆";
  font-size: 8px;
  color: var(--color-brand);
  flex-shrink: 0;
}

/* ===== Course Tabs ===== */
.chinatown-wrap .course-tabs {
  display: flex;
  gap: 10px;
  margin: 28px 0 24px;
  flex-wrap: wrap;
}

.chinatown-wrap .course-tab {
  padding: 8px 22px;
  border-radius: 24px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.04em;
  cursor: pointer;
  border: 2px solid var(--color-brand);
  background: transparent;
  color: var(--color-brand);
  transition: background 0.15s, color 0.15s;
  line-height: 1.4;
}

.chinatown-wrap .course-tab.active,
.chinatown-wrap .course-tab[aria-selected="true"] {
  background: var(--color-brand);
  color: #fff;
}

.chinatown-wrap .course-tab:hover:not(.active) {
  background: var(--color-brand-bg);
}

.chinatown-wrap .course-tab:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 3px;
}

/* ===== Timeline（flexbox — position:absolute 不使用） ===== */
.chinatown-wrap .timeline {
  margin: 0 0 36px;
}

.chinatown-wrap .tl-step {
  display: flex;
  align-items: stretch;
  gap: 0;
}

.chinatown-wrap .tl-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 54px;
  flex-shrink: 0;
}

.chinatown-wrap .tl-marker {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  border: 2.5px solid var(--color-brand);
  color: var(--color-brand);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  flex-shrink: 0;
  box-sizing: border-box;
  position: static;
  margin: 0;
  padding: 0;
}

.chinatown-wrap .tl-step:first-child .tl-marker {
  background: var(--color-brand);
  color: #fff;
}

.chinatown-wrap .tl-line {
  width: 2px;
  flex: 1;
  min-height: 16px;
  background: linear-gradient(to bottom, var(--color-brand) 0%, var(--color-accent) 100%);
  margin-top: 4px;
}

.chinatown-wrap .tl-step:last-child .tl-line {
  display: none;
}

.chinatown-wrap .tl-card {
  flex: 1;
  background: #fff9f9;
  border: 1px solid #f0d0d0;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 20px;
  margin-left: 0;
  box-sizing: border-box;
}

.chinatown-wrap .tl-step:last-child .tl-card {
  margin-bottom: 0;
}

/* tl-time: コントラスト改善 #e8173a(4:1) → #c01030(5.3:1) AA基準クリア */
.chinatown-wrap .tl-time {
  display: block;
  font-size: 11px;
  color: #c01030;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin: 0 0 5px;
}

.chinatown-wrap .tl-title {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #1a1a1a;
  margin: 0 0 8px;
  letter-spacing: 0.03em;
  line-height: 1.6;
}

.chinatown-wrap .tl-desc {
  font-size: 14px;
  color: #555;
  line-height: 2.0;
  letter-spacing: 0.03em;
  margin: 0;
}

/* ===== Access Card ===== */
.chinatown-wrap .access-card {
  border-left: 4px solid var(--color-brand);
  border-radius: 0 8px 8px 0;
  background: #fff5f6;
  padding: 18px 22px;
  margin: 18px 0;
}

.chinatown-wrap .access-desc {
  font-size: 14px;
  color: #444;
  line-height: 2.0;
  letter-spacing: 0.03em;
  margin-bottom: 0;
}

.chinatown-wrap h4.access-route {
  font-size: 14px;
  font-weight: bold;
  color: #c01030;
  margin: 0 0 8px;
  letter-spacing: 0.04em;
}

/* ===== FAQ（ネイティブ details/summary） ===== */
.chinatown-wrap .faq-list {
  margin: 28px 0;
}

.chinatown-wrap details.faq-item {
  border: 1px solid var(--color-brand-soft);
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
}

.chinatown-wrap details.faq-item summary.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: var(--color-brand-bg);
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  color: #1a1a1a;
  letter-spacing: 0.03em;
  line-height: 1.6;
  list-style: none;
  gap: 12px;
  border: none;
  width: 100%;
  text-align: left;
}

.chinatown-wrap details.faq-item summary.faq-question::-webkit-details-marker {
  display: none;
}
.chinatown-wrap details.faq-item summary.faq-question::marker {
  display: none;
}

.chinatown-wrap details.faq-item summary.faq-question::after {
  content: "+";
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid var(--color-brand);
  color: var(--color-brand);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}

.chinatown-wrap details.faq-item[open] summary.faq-question {
  background: var(--color-brand);
  color: #fff;
}

.chinatown-wrap details.faq-item[open] summary.faq-question::after {
  content: "×";
  border-color: #fff;
  color: #fff;
}

.chinatown-wrap details.faq-item summary.faq-question:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

.chinatown-wrap .faq-answer {
  padding: 18px 20px;
  border-top: 1px solid var(--color-brand-soft);
}

.chinatown-wrap .faq-answer > p {
  font-size: 14px;
  color: #444;
  line-height: 2.0;
  margin: 0;
}

/* ===== 記事内画像 ===== */
.chinatown-wrap .article-img {
  margin: 32px 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.10);
}

.chinatown-wrap .article-img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.chinatown-wrap .article-img figcaption {
  background: var(--color-brand-bg);
  color: #666;
  font-size: 12px;
  padding: 8px 14px;
  border-top: 1px solid var(--color-brand-soft);
  line-height: 1.5;
}

/* ===== Affiliate ===== */
.chinatown-wrap .affiliate-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.04em;
  transition: opacity 0.15s;
}

.chinatown-wrap .affiliate-btn:hover {
  opacity: 0.85;
  text-decoration: none;
}

.chinatown-wrap .affiliate-btn.hotpepper {
  background: var(--color-brand);
  color: #fff;
  border: none;
}

.chinatown-wrap .affiliate-btn.rakuten {
  background: #bf0000;
  color: #fff;
  border: none;
}

.chinatown-wrap .affiliate-box {
  background: var(--color-brand-bg);
  border: 2px solid var(--color-brand-soft);
  border-radius: 8px;
  padding: 20px 24px;
  margin: 32px 0;
  text-align: center;
}

.chinatown-wrap .affiliate-box-label {
  font-size: 15px;
  font-weight: bold;
  color: #1a1a1a;
  margin: 0 0 6px;
}

.chinatown-wrap .affiliate-box-desc {
  font-size: 13px;
  color: #666;
  margin: 0 0 14px;
  line-height: 1.7;
}

.chinatown-wrap .affiliate-box .affiliate-btn {
  font-size: 14px;
  padding: 12px 28px;
}

/* ===== Keyframes（グローバルのまま — 名前は衝突しない） ===== */
@keyframes lantern-sway {
  0%, 100% { transform: rotate(-3deg); }
  50%      { transform: rotate(3deg); }
}
@keyframes lantern-sway-right {
  0%, 100% { transform: scaleX(-1) rotate(-3deg); }
  50%      { transform: scaleX(-1) rotate(3deg); }
}
@keyframes fade-up {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes diamond-pulse {
  0%, 100% {
    transform: rotate(45deg) scale(1);
    box-shadow: 0 0 0 rgba(255,215,80,0);
  }
  50% {
    transform: rotate(45deg) scale(1.35);
    box-shadow: 0 0 14px rgba(255,215,80,0.75);
  }
}

/* ===== アニメーション適用（スコープ内） ===== */
.chinatown-wrap .hero-lantern.left {
  animation: lantern-sway 4s ease-in-out infinite;
  transform-origin: top center;
}
.chinatown-wrap .hero-lantern.right {
  animation: lantern-sway-right 4s ease-in-out infinite 0.5s;
  transform-origin: top center;
}
.chinatown-wrap .hero-kana {
  animation: fade-up 0.8s ease-out both;
}
.chinatown-wrap .hero-title-main {
  animation: fade-up 0.8s ease-out 0.2s both;
}
.chinatown-wrap .hero-divider {
  animation: fade-up 0.8s ease-out 0.4s both;
}
.chinatown-wrap .hero-subtitle {
  animation: fade-up 0.8s ease-out 0.6s both;
}
.chinatown-wrap .hero-divider-diamond {
  animation: diamond-pulse 2.6s ease-in-out infinite 1s;
}

/* ===== Responsive ===== */
@media (max-width: 600px) {
  .chinatown-wrap .hero-image { height: 260px; }
  .chinatown-wrap .hero-lantern { display: none; }
  .chinatown-wrap h2 { font-size: 19px; }
  .chinatown-wrap .two-col { grid-template-columns: 1fr; }
  .chinatown-wrap .access-card { padding: 14px 16px; }
  .chinatown-wrap .tl-left { width: 44px; }
  .chinatown-wrap .tl-marker { width: 30px; height: 30px; font-size: 12px; }
  .chinatown-wrap .course-tab { font-size: 12px; padding: 7px 14px; }
  .chinatown-wrap details.faq-item summary.faq-question { font-size: 14px; padding: 14px 16px; }
  .chinatown-wrap .affiliate-btn { font-size: 12px; padding: 9px 16px; }
  .chinatown-wrap .affiliate-box { padding: 16px; }
  .chinatown-wrap .article-img { margin: 20px 0; border-radius: 6px; }
}

/* ===== prefers-reduced-motion ===== */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  /* !important はユーザー設定の強制上書きのみに限定 */
  .chinatown-wrap .hero-lantern,
  .chinatown-wrap .hero-divider-diamond,
  .chinatown-wrap .hero-kana,
  .chinatown-wrap .hero-title-main,
  .chinatown-wrap .hero-divider,
  .chinatown-wrap .hero-subtitle {
    animation: none !important;
  }
  .chinatown-wrap .faq-answer {
    transition: none;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
</style>

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

  // ===== ① 目次：開閉トグル =====
  const toc = document.querySelector('.toc');
  const toggle = toc?.querySelector('.toc-toggle');

  if (toggle) {
    toggle.addEventListener('click', () => {
      const isExpanded = toggle.getAttribute('aria-expanded') === 'true';
      const newState = !isExpanded;
      toc.classList.toggle('collapsed', !newState);
      toggle.setAttribute('aria-expanded', String(newState));
      toggle.textContent = newState ? '非表示' : '表示';
    });
  }

  // ===== ② スムーズスクロール =====
  const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  document.querySelectorAll('.toc a[href^="#"]').forEach((link) => {
    link.addEventListener('click', (e) => {
      const href = link.getAttribute('href');
      if (!href || href === '#') return;
      const id = href.slice(1);
      const target = document.getElementById(id);
      if (!target) return;
      e.preventDefault();
      const offset = 80;
      const top = target.getBoundingClientRect().top + window.scrollY - offset;
      window.scrollTo({ top, behavior: prefersReducedMotion ? 'auto' : 'smooth' });
      history.pushState(null, '', href);
      // フォーカス移動（blur で tabindex を自動削除）
      target.setAttribute('tabindex', '-1');
      target.focus({ preventScroll: true });
      target.addEventListener('blur', () => target.removeAttribute('tabindex'), { once: true });
    });
  });

  // ===== ③ モデルコース：タブ切り替え =====
  const tabButtons = [...document.querySelectorAll('.course-tab')];

  tabButtons.forEach((btn, idx) => {
    btn.addEventListener('click', () => {
      const targetId = btn.getAttribute('aria-controls');
      if (!targetId) return;
      tabButtons.forEach((b) => {
        b.classList.remove('active');
        b.setAttribute('aria-selected', 'false');
      });
      document.querySelectorAll('.timeline[role="tabpanel"]').forEach((panel) => {
        panel.hidden = true;
      });
      btn.classList.add('active');
      btn.setAttribute('aria-selected', 'true');
      const panel = document.getElementById(targetId);
      if (panel) panel.hidden = false;
    });

    // 矢印キーでタブ移動（WAI-ARIA Tab Pattern）
    btn.addEventListener('keydown', (e) => {
      if (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft') return;
      const next = e.key === 'ArrowRight'
        ? tabButtons[(idx + 1) % tabButtons.length]
        : tabButtons[(idx - 1 + tabButtons.length) % tabButtons.length];
      next.focus();
      next.click();
    });
  });

}

// DOMContentLoaded の保険（defer/async 最適化プラグイン対策）
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', init);
} else {
  init();
}
</script>

<div class="chinatown-wrap">

<!-- ===== ヒーローセクション ===== -->
<div class="hero-wrap">
  <div class="hero-image">

    <!-- ランタン装飾（左） -->
    <svg class="hero-lantern left" width="48" height="90" viewBox="0 0 48 90" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
      <rect x="20" y="0" width="8" height="10" rx="2" fill="#fff"/>
      <rect x="23" y="10" width="2" height="6" fill="#fff"/>
      <ellipse cx="24" cy="50" rx="18" ry="30" fill="#fff"/>
      <rect x="10" y="22" width="28" height="3" rx="1" fill="rgba(0,0,0,0.2)"/>
      <rect x="10" y="45" width="28" height="3" rx="1" fill="rgba(0,0,0,0.2)"/>
      <rect x="10" y="68" width="28" height="3" rx="1" fill="rgba(0,0,0,0.2)"/>
      <rect x="22" y="80" width="4" height="10" fill="#fff"/>
    </svg>

    <!-- ランタン装飾（右） -->
    <svg class="hero-lantern right" width="48" height="90" viewBox="0 0 48 90" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
      <rect x="20" y="0" width="8" height="10" rx="2" fill="#fff"/>
      <rect x="23" y="10" width="2" height="6" fill="#fff"/>
      <ellipse cx="24" cy="50" rx="18" ry="30" fill="#fff"/>
      <rect x="10" y="22" width="28" height="3" rx="1" fill="rgba(0,0,0,0.2)"/>
      <rect x="10" y="45" width="28" height="3" rx="1" fill="rgba(0,0,0,0.2)"/>
      <rect x="10" y="68" width="28" height="3" rx="1" fill="rgba(0,0,0,0.2)"/>
      <rect x="22" y="80" width="4" height="10" fill="#fff"/>
    </svg>

    <div class="hero-inner">
      <span class="hero-kana">YOKOHAMA CHINATOWN</span>
      <h2 class="hero-title-main">横浜中華街</h2>
      <div class="hero-divider">
        <div class="hero-divider-line"></div>
        <div class="hero-divider-diamond"></div>
        <div class="hero-divider-line"></div>
      </div>
      <span class="hero-subtitle">おすすめ完全ガイド</span>
    </div>
  </div>

  <!-- 下帯タグ -->
  <div class="hero-tags">
    <span class="hero-tag-label">topics</span>
    <span class="hero-tag red">食べ歩き</span>
    <span class="hero-tag red">グルメ</span>
    <span class="hero-tag">開運スポット</span>
    <span class="hero-tag">関帝廟・媽祖廟</span>
    <span class="hero-tag">雑貨・お土産</span>
    <span class="hero-tag">モデルコース</span>
  </div>
</div>

<!-- ===== リード文 ===== -->
<section class="lead-section">

  <p class="lead-text">
    日本最大の中華街として知られる<strong>横浜中華街</strong>。山下町・元町エリアに広がるその街には、絶品グルメが並ぶ飲食店、歴史ある廟（びょう）、そして運気を高めてくれる開運グッズのショップが軒を連ねています。
  </p>

  <p class="lead-text">
    「横浜中華街に行きたいけど、どこに行けばいいかわからない」「食事だけじゃなく開運スポットにも興味がある」——そんな方のために、<strong>地元目線でほんとうにおすすめできるスポットだけを厳選</strong>してまとめました。
  </p>

  <div class="highlight-box">
    <div class="box-title"><span aria-hidden="true">📌</span> この記事でわかること</div>
    <ul>
      <li>地元通もうなる人気グルメ・食べ歩きの名店</li>
      <li>関帝廟・媽祖廟など開運パワースポットの回り方</li>
      <li>運気UP！縁起物・風水グッズが揃うショップ厳選紹介</li>
      <li>半日〜1日で楽しめるモデルコース</li>
      <li>電車・車でのアクセスまとめ</li>
    </ul>
  </div>

  <p class="lead-text">
    はじめての方にも、何度も訪れているリピーターの方にも「また行きたい」と思っていただける情報をお届けします。ぜひ最後まで読んで、あなただけのお気に入りコースを見つけてください。
  </p>
      <p><strong>🏮 現地での実体験：</strong>実際に訪れると、横浜中華街は想像以上に人が多く、休日は通りが混み合っていました。お店の数がとても多いので、行きたい店を事前に調べてから行くと、迷わずスムーズに回れると感じました。目当ての名店をいくつか決めておき、あとは食べ歩きで気になった店に立ち寄る——そんな回り方が一番楽しめると思います。</p>

</section>

<!-- ===== 目次 ===== -->
<nav class="toc" aria-label="目次">
  <div class="toc-header">
    <div class="toc-header-left">
      <span class="toc-icon" aria-hidden="true">📖</span>
      <span class="toc-heading" role="heading" aria-level="3">この記事の目次</span>
    </div>
    <button class="toc-toggle" type="button" aria-expanded="true" aria-controls="toc-body">非表示</button>
  </div>
  <div class="toc-body" id="toc-body">
    <ol class="toc-list">
      <li class="toc-item">
        <a href="#gourmet">グルメ — 絶対食べたい名物料理と人気店</a>
      </li>
      <li class="toc-item"><a href="#power-spot">開運パワースポット — 関帝廟と媽祖廟</a></li>
      <li class="toc-item"><a href="#lucky-shop">開運グッズ・雑貨ショップ厳選</a></li>
      <li class="toc-item"><a href="#model-course">おすすめモデルコース（半日・1日）</a></li>
      <li class="toc-item"><a href="#access">アクセス・行き方</a></li>
      <li class="toc-item"><a href="#faq">よくある質問（FAQ）</a></li>
      <li class="toc-item"><a href="#summary">まとめ</a></li>
    </ol>
  </div>
</nav>

<hr class="section-divider">

<!-- ===== ① グルメセクション ===== -->
<section id="gourmet" aria-labelledby="gourmet-heading">
  <h2 id="gourmet-heading">グルメ — 絶対食べたい名物料理と人気店</h2>

  <p>横浜中華街の魅力のひとつは、なんといっても<strong>本格中華グルメの豊富さ</strong>。約600軒もの飲食店・売店が立ち並び、食べ歩きから本格ディナーまで幅広く楽しめます。はじめての方もリピーターの方も、ぜひ以下の定番グルメをチェックしてみてください。</p>

  <!-- H3：食べ歩き -->
  <h3 id="tabearuki">食べ歩きの定番！肉まん・小籠包</h3>

  <p>中華街に来たら外せないのが<strong>食べ歩きグルメ</strong>。特に人気なのが、ふわふわ生地の中にジューシーな肉あんが詰まった<strong>肉まん</strong>と、スープがあふれ出す<strong>小籠包</strong>です。</p>

  <div class="shop-card">
    <div class="shop-card-label">おすすめ店</div>
    <div class="shop-card-body">
      <p class="shop-name"><span aria-hidden="true">🥟</span> 江戸清（えどせい）</p>
      <p class="shop-desc">創業明治27年（1894年）の老舗。ブタまんは皮がもちもちで、あんの旨みが凝縮されています。行列ができることも多いですが、その価値は十分。テイクアウト専門なので食べ歩きにぴったりです。</p>
    </div>
  </div>

  <div class="shop-card">
    <div class="shop-card-label">おすすめ店</div>
    <div class="shop-card-body">
      <p class="shop-name"><span aria-hidden="true">🥢</span> 鵬天閣 新館（ほうてんかく）</p>
      <p class="shop-desc">焼き小籠包が名物の超人気店。特製の皮を手作りし、底面をカリッと焼き上げた一品は中からスープがあふれ出す絶品。常に行列ができる中華街屈指の食べ歩きスポットです。</p>
    </div>
  </div>

  <!-- H3：スイーツ -->
  <h3 id="sweets">中華スイーツ（杏仁豆腐・タピオカ）</h3>

  <p>食事の後は<strong>中華スイーツ</strong>でひと息。横浜中華街では本格的な杏仁豆腐や、各店こだわりのタピオカドリンクが楽しめます。</p>

  <div class="shop-card">
    <div class="shop-card-label">おすすめ店</div>
    <div class="shop-card-body">
      <p class="shop-name"><span aria-hidden="true">🍮</span> 紅棉（こうめん）</p>
      <p class="shop-desc">エッグタルト・月餅・肉まんなど中華菓子を専門とする老舗。濃厚な自家製杏仁豆腐はなめらかでミルキーな味わいが人気です。お土産用の個包装もあり、手土産にも最適です。</p>
    </div>
  </div>

  <!-- H3：ランチ -->
  <h3 id="lunch">ランチにおすすめのお店</h3>

  <p>せっかく横浜中華街を訪れるなら、<strong>ゆっくり座ってランチ</strong>も楽しみたいところ。コスパ良く本格中華が味わえるお店をご紹介します。</p>

  <div class="shop-card">
    <div class="shop-card-label">おすすめ店</div>
    <div class="shop-card-body">
      <p class="shop-name"><span aria-hidden="true">🍜</span> 重慶飯店（じゅうけいはんてん）</p>
      <p class="shop-desc">四川料理の名店として名高い老舗。麻婆豆腐や担々麺など、本格的な辛味が楽しめます。ランチセットはリーズナブルで、観光途中の昼食にも最適です。</p>
      <a rel="nofollow sponsored noopener" href="https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3758750&#038;pid=892629624&#038;vc_url=https%3A%2F%2Fwww.hotpepper.jp%2FstrJ000739541%2F%3Fvos%3Dnhppvccp99002" class="affiliate-btn hotpepper" target="_blank"><span aria-hidden="true">🍽</span> ホットペッパーで予約・クーポンを見る</a>
    </div>
  </div>

  <div class="shop-card">
    <div class="shop-card-label">おすすめ店</div>
    <div class="shop-card-body">
      <p class="shop-name"><span aria-hidden="true">🦞</span> 華錦飯店（かきんはんてん）</p>
      <p class="shop-desc">点心・飲茶が充実した広東料理のお店。週末のランチタイムは混み合うため、開店直後の来店がおすすめです。海鮮料理も評判です。</p>
      <a rel="nofollow sponsored noopener" href="https://ck.jp.ap.valuecommerce.com/servlet/referral?sid=3758750&#038;pid=892629626&#038;vc_url=https%3A%2F%2Fwww.hotpepper.jp%2FstrJ001126259%2F%3Fvos%3Dnhppvccp99002" class="affiliate-btn hotpepper" target="_blank"><span aria-hidden="true">🍽</span> ホットペッパーで予約・クーポンを見る</a>
    </div>
  </div>

  <div class="info-note">
    <span aria-hidden="true">💡</span> <strong>混雑を避けるコツ：</strong>土日祝日は特に昼12〜14時が混みます。11時台の入店か、平日訪問がおすすめです。
  </div>


</section>

<hr class="section-divider">

<!-- ===== ② 開運パワースポットセクション ===== -->
<section id="power-spot" aria-labelledby="power-spot-heading">
  <h2 id="power-spot-heading">開運パワースポット — 関帝廟と媽祖廟</h2>

  <p>横浜中華街はグルメだけでなく、<strong>開運・縁結び・商売繁盛</strong>を願う参拝スポットとしても人気です。中華街を代表する二大廟（びょう）をご紹介します。食べ歩きのルートに組み込むだけで、旅がぐっと特別なものになります。</p>

  <h3>関帝廟（かんていびょう）— 商売繁盛・勝負運</h3>

  <div class="spot-card">
    <div class="spot-card-header">
      <span class="spot-icon" aria-hidden="true">🏯</span>
      <div>
        <p class="spot-name">横浜中華街 関帝廟</p>
        <p class="spot-sub">三国志の英雄・関羽を祀る廟</p>
      </div>
    </div>
    <p class="spot-desc">関羽（かんう）は忠義と財運の神様として信仰され、<strong>商売繁盛・勝負運・仕事運</strong>にご利益があるとされています。中華街のシンボル的存在で、参拝者が絶えない人気スポットです。</p>
    <div class="spot-meta">
      <span><span aria-hidden="true">🕐</span> 参拝時間：9:00〜19:00（年中無休）</span>
      <span><span aria-hidden="true">📍</span> 中区山下町140</span>
    </div>
  </div>

  <div class="info-note">
    <span aria-hidden="true">💡</span> <strong>参拝の作法：</strong>5本の線香を購入し、天公炉・関聖帝君・関平＆周倉・地母娘娘・観音菩薩の各祭壇に1本ずつ捧げます。詳しい作法は現地スタッフの案内に従うと安心です。お祈りの際は名前・住所・お願いごとを心の中で唱えましょう。
  </div>

  <h3>媽祖廟（まそびょう）— 縁結び・航海安全・家内安全</h3>

  <div class="spot-card">
    <div class="spot-card-header">
      <span class="spot-icon" aria-hidden="true">🌊</span>
      <div>
        <p class="spot-name">横浜媽祖廟</p>
        <p class="spot-sub">海の女神・媽祖を祀る廟</p>
      </div>
    </div>
    <p class="spot-desc">媽祖（まそ）は航海・旅・縁結びを守る女神。港町・横浜らしいパワースポットです。<strong>縁結び・家内安全・旅行安全</strong>を願う参拝者に特に人気があります。関帝廟とあわせて両方訪れると、より開運効果が高まるとも言われています。</p>
    <div class="spot-meta">
      <span><span aria-hidden="true">🕐</span> 参拝時間：9:00〜19:00（年中無休）</span>
      <span><span aria-hidden="true">📍</span> 中区山下町136</span>
    </div>
  </div>

  <div class="two-col">
    <div class="two-col-item">
      <p class="two-col-title"><span aria-hidden="true">🔴</span> 関帝廟のご利益</p>
      <ul class="benefit-list">
        <li>商売繁盛</li>
        <li>勝負運・仕事運</li>
        <li>金運向上</li>
        <li>厄除け</li>
      </ul>
    </div>
    <div class="two-col-item">
      <p class="two-col-title"><span aria-hidden="true">🔵</span> 媽祖廟のご利益</p>
      <ul class="benefit-list">
        <li>縁結び・良縁</li>
        <li>家内安全</li>
        <li>旅行・航海安全</li>
        <li>子宝・安産</li>
      </ul>
    </div>
  </div>

  <figure class="article-img">
    <!-- TODO: WordPressメディアライブラリにアップロード後、URLに差し替えてください -->
    <img decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/06/Guan-Di-Temple-yokohama-scaled.jpeg" alt="横浜中華街 関帝廟の牌楼（はいろう）。朱色の柱に龍や鳳凰の彫刻が施された荘厳な正門前に参拝者が集まる様子" width="800" height="636" loading="lazy">
    <figcaption>横浜中華街 関帝廟（中区山下町140）— 商売繁盛・勝負運にご利益のある中華街のシンボル</figcaption>
  </figure>

</section>

<hr class="section-divider">

<!-- ===== ③ 開運グッズ・雑貨ショップセクション ===== -->
<section id="lucky-shop" aria-labelledby="lucky-shop-heading">
  <h2 id="lucky-shop-heading">開運グッズ・雑貨ショップ厳選</h2>

  <p>横浜中華街には<strong>縁起物・風水グッズ・お守り</strong>が揃う雑貨ショップが数多くあります。自分用にも、大切な人へのお土産にも喜ばれるアイテムをご紹介します。</p>

  <div class="shop-card">
    <div class="shop-card-label">おすすめショップ</div>
    <div class="shop-card-body">
      <p class="shop-name"><span aria-hidden="true">🐉</span> 開運ストア 龍</p>
      <p class="shop-desc">天然石・風水置物・花文字・占いなどを取り扱う開運グッズの専門店で、中華街に6店舗展開。パワーストーンのブレスレットや龍の置物など本格的な風水アイテムが充実。スタッフが丁寧に説明してくれるので、はじめての方にも分かりやすいお店です。</p>
    </div>
  </div>

  <div class="shop-card">
    <div class="shop-card-label">おすすめショップ</div>
    <div class="shop-card-body">
      <p class="shop-name"><span aria-hidden="true">🧧</span> 老維新（ろうゆいしん）</p>
      <p class="shop-desc">約100年の歴史を誇る老舗中国雑貨店。チャイナドレス・風水グッズ・中国衣料など幅広いアイテムを取り扱います。赤い封筒（ホンバオ）や春節飾りなど本場の縁起物も豊富で、リーズナブルな価格も魅力です。</p>
    </div>
  </div>

  <div class="shop-card">
    <div class="shop-card-label">おすすめショップ</div>
    <div class="shop-card-body">
      <p class="shop-name"><span aria-hidden="true">🌸</span> 悟空茶荘（ごくうちゃそう）</p>
      <p class="shop-desc">中国茶と茶器を中心に、チャイナ雑貨・アクセサリーも豊富に揃う老舗。おしゃれなパッケージの中国茶は開運祈願のお供やお土産に人気です。店内でティータイムも楽しめ、ショッピング中の休憩にも最適なスポットです。</p>
    </div>
  </div>

  <div class="info-note">
    <span aria-hidden="true">💡</span> <strong>お買い物のコツ：</strong>同じ商品でも店によって価格が異なります。いくつかのショップを見比べてから購入するのがおすすめです。また、廟の周辺にあるショップはお守り系グッズが特に充実しています。
  </div>

</section>

<hr class="section-divider">

<!-- ===== ④ モデルコースセクション ===== -->
<section id="model-course" aria-labelledby="model-course-heading">
  <h2 id="model-course-heading">おすすめモデルコース（半日・1日）</h2>

  <p>はじめての方には半日コース、じっくり楽しみたい方には1日コースがおすすめです。時間帯の目安を参考にプランを組み立ててみてください。</p>

  <!-- コース切り替えタブ -->
  <div class="course-tabs" role="tablist" aria-label="コース選択">
    <button class="course-tab active" role="tab" aria-selected="true"
            aria-controls="course-half" id="tab-half" type="button">
      半日コース（3〜4時間）
    </button>
    <button class="course-tab" role="tab" aria-selected="false"
            aria-controls="course-full" id="tab-full" type="button">
      1日コース（7〜8時間）
    </button>
  </div>

  <!-- 半日コース -->
  <div class="timeline" id="course-half" role="tabpanel" aria-labelledby="tab-half">

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">1</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">10:00</div>
        <div class="tl-title">元町・中華街駅 到着</div>
        <p class="tl-desc">みなとみらい線「元町・中華街駅」が最寄り駅。改札を出たらすぐ東門「朝陽門」が見えます。</p>
      </div>
    </div>

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">2</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">10:15〜</div>
        <div class="tl-title"><span aria-hidden="true">🥟</span> 食べ歩きスタート（肉まん・小籠包）</div>
        <p class="tl-desc">江戸清や鵬天閣 新館など食べ歩きの名店が集まるメインストリートを散策。食べながら歩くのが中華街流です。</p>
      </div>
    </div>

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">3</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">11:30〜</div>
        <div class="tl-title"><span aria-hidden="true">🏯</span> 関帝廟・媽祖廟を参拝</div>
        <p class="tl-desc">2つの廟は徒歩数分の距離。それぞれでお願いごとを済ませましょう。お札・お守り・ご利益カードの授与もここで。</p>
      </div>
    </div>

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">4</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">12:30〜</div>
        <div class="tl-title"><span aria-hidden="true">🛍</span> 開運グッズショップ巡り</div>
        <p class="tl-desc">廟周辺の雑貨店でお土産・縁起物をチェック。自分用にも、大切な方へのプレゼントにもなるアイテムが揃っています。</p>
      </div>
    </div>

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">5</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">13:30〜</div>
        <div class="tl-title"><span aria-hidden="true">🍮</span> 中華スイーツでフィニッシュ</div>
        <p class="tl-desc">杏仁豆腐やタピオカで締めくくり。元町・中華街駅から帰路へ。</p>
      </div>
    </div>

  </div><!-- /#course-half -->

  <!-- 1日コース -->
  <div class="timeline" id="course-full" role="tabpanel" aria-labelledby="tab-full" hidden>

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">1</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">10:00〜11:00</div>
        <div class="tl-title"><span aria-hidden="true">🌅</span> 午前：開店直後に到着</div>
        <p class="tl-desc">混雑前に廟を参拝。静かな午前中の参拝は気持ちも落ち着きます。</p>
      </div>
    </div>

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">2</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">11:00〜12:30</div>
        <div class="tl-title"><span aria-hidden="true">🍜</span> ランチ（混雑前に入店）</div>
        <p class="tl-desc">混雑前に重慶飯店や華錦飯店でゆっくりランチ。飲茶・点心を楽しむのもおすすめです。</p>
      </div>
    </div>

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">3</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">13:00〜16:00</div>
        <div class="tl-title"><span aria-hidden="true">🛍</span> 午後：ショッピング＆食べ歩き</div>
        <p class="tl-desc">雑貨店・お土産店を巡りながら、肉まん・スイーツの食べ歩きを楽しみましょう。路地裏の小さなショップも要チェックです。</p>
      </div>
    </div>

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">4</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">16:00〜18:00</div>
        <div class="tl-title"><span aria-hidden="true">🌆</span> 夕方：山下公園・港の見える丘公園へ</div>
        <p class="tl-desc">中華街から徒歩圏内の山下公園や港の見える丘公園へ足を延ばして、横浜港の景色を満喫。</p>
      </div>
    </div>

    <div class="tl-step">
      <div class="tl-left">
        <div class="tl-marker" aria-hidden="true">5</div>
        <div class="tl-line" aria-hidden="true"></div>
      </div>
      <div class="tl-card">
        <div class="tl-time">18:00〜20:00</div>
        <div class="tl-title"><span aria-hidden="true">🌙</span> ディナーで締めくくり</div>
        <p class="tl-desc">夜の中華街はライトアップされた廟や街並みが幻想的。ディナーは本格北京ダックや海鮮料理を堪能しましょう。</p>
      </div>
    </div>

  </div><!-- /#course-full -->

</section>
<hr class="section-divider">

<!-- ===== ⑤ アクセスセクション ===== -->
<section id="access" aria-labelledby="access-heading">
  <h2 id="access-heading">アクセス・行き方</h2>

  <p>横浜中華街は<strong>電車・車どちらでも</strong>アクセスしやすい立地にあります。東京からも1時間以内で訪れることができます。</p>

  <h3>電車でのアクセス</h3>

  <div class="access-card">
    <h4 class="access-route"><span aria-hidden="true">🚃</span> みなとみらい線「元町・中華街駅」</h4>
    <p class="access-desc">最寄り駅。改札を出てすぐ東門「朝陽門」に到着します。渋谷から約40分、横浜駅から約7分。</p>
  </div>

  <div class="access-card">
    <h4 class="access-route"><span aria-hidden="true">🚃</span> JR根岸線・市営地下鉄「関内駅」</h4>
    <p class="access-desc">関内駅からは徒歩約10分。横浜スタジアムを通り抜けるルートが分かりやすいです。</p>
  </div>

  <h3>車でのアクセス</h3>

  <div class="access-card">
    <h4 class="access-route"><span aria-hidden="true">🚗</span> 首都高速・横羽線「石川町」出口</h4>
    <p class="access-desc">出口から約5分。中華街周辺には有料駐車場が複数あります。週末は混雑するため、電車利用がおすすめです。</p>
  </div>

  <div class="info-note">
    <span aria-hidden="true">💡</span> <strong>駐車場情報：</strong>中華街パーキング（中区山下町）や周辺のコインパーキングが利用できます。土日祝日は満車になりやすいため、事前にタイムズなどの予約サービスの活用がおすすめです。
  </div>

  <div class="affiliate-box">
    <p class="affiliate-box-label"><span aria-hidden="true">🏨</span> 横浜・中華街周辺のホテルを探す</p>
    <p class="affiliate-box-desc">泊まりがけでじっくり楽しむなら、中華街徒歩圏のホテルが便利です。</p>
    <a rel="nofollow sponsored noopener" href="https://hb.afl.rakuten.co.jp/hgc/5487c2a4.4dd946a0.5487c2a5.94297ef2/_RTLink134781?pc=https%3A%2F%2Fkw.travel.rakuten.co.jp%2Fkeyword%2FSearch.do%3Ff_query%3D%26f_cd_application%3D%26f_invoice_qualified%3D0%26f_max%3D30%26f_flg%3D%26f_category%3D0%26f_teikei%3D%26f_area%3D4%26f_chu%3Dkanagawa%26f_shou%3Dyokohama%26f_cd_chain%3D%26f_all_chain%3D0%26f_sort%3D0" class="affiliate-btn rakuten" target="_blank">楽天トラベルで空室・料金を確認する →</a>
  </div>

</section>

<hr class="section-divider">

<!-- ===== FAQ セクション ===== -->
<section id="faq" aria-labelledby="faq-heading">
  <h2 id="faq-heading">よくある質問（FAQ）</h2>

  <p>横浜中華街について、訪れる前によく寄せられる質問をまとめました。</p>

  <div class="faq-list">

    <details class="faq-item" open>
      <summary class="faq-question">土日・祝日はいつ頃が一番混みますか？</summary>
      <div class="faq-answer">
        <p>土日祝日は<strong>昼12時〜14時</strong>が最も混雑します。特にメインストリート（関帝廟通り・中山路）の飲食店は行列になりやすい時間帯です。11時台の入店か、15時以降の遅めランチが狙い目です。</p>
      </div>
    </details>

    <details class="faq-item">
      <summary class="faq-question">平日と週末、どちらがおすすめですか？</summary>
      <div class="faq-answer">
        <p>ゆっくり楽しみたい方には<strong>平日がおすすめ</strong>です。人気店もほぼ並ばずに入れます。週末はにぎやかな雰囲気が楽しめますが、混雑覚悟で早めの行動を心がけましょう。春節・ゴールデンウィーク・お盆は特に混雑します。</p>
      </div>
    </details>

    <details class="faq-item">
      <summary class="faq-question">食べ歩きの予算はどのくらい必要ですか？</summary>
      <div class="faq-answer">
        <p>食べ歩きだけなら<strong>1人2,000〜3,000円</strong>が目安です。肉まん（400〜600円）・焼き小籠包（500〜700円）・杏仁豆腐（400〜600円）などを数品楽しめます。ランチを加える場合は+1,500〜3,000円ほど見ておくと安心です。</p>
      </div>
    </details>

    <details class="faq-item">
      <summary class="faq-question">関帝廟・媽祖廟の参拝料はかかりますか？</summary>
      <div class="faq-answer">
        <p>両廟ともに<strong>入場・参拝は無料</strong>です。線香（1束300〜500円程度）を購入して参拝する形が正式な作法ですが、購入は任意です。お守りやご利益カードは別途購入できます（500〜1,500円程度）。</p>
      </div>
    </details>

    <details class="faq-item">
      <summary class="faq-question">開運グッズ・お土産の相場はいくらですか？</summary>
      <div class="faq-answer">
        <p>お守り・ご利益カードは<strong>500〜2,000円</strong>が中心です。風水グッズや置き物は1,000〜5,000円程度のものが多く揃っています。月餅・エッグタルトなどの中華菓子は1箱800〜2,000円が相場で、手土産にも最適です。</p>
      </div>
    </details>

    <details class="faq-item">
      <summary class="faq-question">半日で全部回れますか？</summary>
      <div class="faq-answer">
        <p><strong>3〜4時間あれば食べ歩き・廟の参拝・ショップ巡りを一通り楽しめます</strong>。ただし人気店の行列や廟での滞在時間によって前後します。山下公園など周辺スポットも訪れたい場合は1日コース（7〜8時間）がおすすめです。</p>
      </div>
    </details>

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

</section>

<hr class="section-divider">

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

  <p>今回は<strong>横浜中華街のおすすめスポット</strong>を、グルメ・開運パワースポット・雑貨ショップに分けてご紹介しました。</p>

  <div class="highlight-box">
    <div class="box-title"><span aria-hidden="true">📌</span> この記事のまとめ</div>
    <ul>
      <li>食べ歩きは江戸清の肉まん・鵬天閣 新館の焼き小籠包が定番中の定番</li>
      <li>関帝廟（商売繁盛）と媽祖廟（縁結び）は必ず両方参拝を</li>
      <li>開運グッズは廟周辺のショップが特に充実</li>
      <li>混雑を避けるなら平日または週末の11時台がねらい目</li>
      <li>1日コースなら山下公園・夜景ディナーまでセットで楽しもう</li>
    </ul>
  </div>

  <p>横浜中華街は何度訪れても新しい発見がある奥深いエリアです。ぜひこの記事を参考に、あなただけのお気に入りコースを見つけてみてください。</p>

  <div class="affiliate-box">
    <p class="affiliate-box-label"><span aria-hidden="true">🏨</span> 横浜・中華街周辺のホテルを探す</p>
    <p class="affiliate-box-desc">1泊して夜の中華街もゆっくり楽しみませんか？周辺ホテルの空室・最安値は楽天トラベルで確認できます。</p>
    <a rel="nofollow sponsored noopener" href="https://hb.afl.rakuten.co.jp/hgc/5487c2a4.4dd946a0.5487c2a5.94297ef2/_RTLink134781?pc=https%3A%2F%2Fkw.travel.rakuten.co.jp%2Fkeyword%2FSearch.do%3Ff_query%3D%26f_cd_application%3D%26f_invoice_qualified%3D0%26f_max%3D30%26f_flg%3D%26f_category%3D0%26f_teikei%3D%26f_area%3D4%26f_chu%3Dkanagawa%26f_shou%3Dyokohama%26f_cd_chain%3D%26f_all_chain%3D0%26f_sort%3D0" class="affiliate-btn rakuten" target="_blank">楽天トラベルで空室・料金を確認する →</a>
  </div>

</section>


</div><!-- /.chinatown-wrap -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "土日・祝日はいつ頃が一番混みますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "土日祝日は昼12時〜14時が最も混雑します。特にメインストリートの飲食店は行列になりやすい時間帯です。11時台の入店か、15時以降の遅めランチが狙い目です。"
      }
    },
    {
      "@type": "Question",
      "name": "平日と週末、どちらがおすすめですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ゆっくり楽しみたい方には平日がおすすめです。人気店もほぼ並ばずに入れます。週末はにぎやかな雰囲気が楽しめますが、混雑覚悟で早めの行動を心がけましょう。春節・ゴールデンウィーク・お盆は特に混雑します。"
      }
    },
    {
      "@type": "Question",
      "name": "食べ歩きの予算はどのくらい必要ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "食べ歩きだけなら1人2,000〜3,000円が目安です。肉まん（400〜600円）・焼き小籠包（500〜700円）・杏仁豆腐（400〜600円）などを数品楽しめます。ランチを加える場合は+1,500〜3,000円ほど見ておくと安心です。"
      }
    },
    {
      "@type": "Question",
      "name": "関帝廟・媽祖廟の参拝料はかかりますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "両廟ともに入場・参拝は無料です。線香（1束300〜500円程度）を購入して参拝する形が正式な作法ですが、購入は任意です。お守りやご利益カードは別途購入できます（500〜1,500円程度）。"
      }
    },
    {
      "@type": "Question",
      "name": "開運グッズ・お土産の相場はいくらですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "お守り・ご利益カードは500〜2,000円が中心です。風水グッズや置き物は1,000〜5,000円程度のものが多く揃っています。月餅・エッグタルトなどの中華菓子は1箱800〜2,000円が相場で、手土産にも最適です。"
      }
    },
    {
      "@type": "Question",
      "name": "半日で全部回れますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "3〜4時間あれば食べ歩き・廟の参拝・ショップ巡りを一通り楽しめます。ただし人気店の行列や廟での滞在時間によって前後します。山下公園など周辺スポットも訪れたい場合は1日コース（7〜8時間）がおすすめです。"
      }
    }
  ]
}
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/yokohama-chinatown-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>東京駅の歴史を深掘り｜創建から100年超、復元ドームまでの全貌</title>
		<link>https://yoooyooo8.jp/tokyo-station-history/</link>
					<comments>https://yoooyooo8.jp/tokyo-station-history/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Tue, 16 Jun 2026 00:00:00 +0000</pubDate>
				<category><![CDATA[関東]]></category>
		<category><![CDATA[日本]]></category>
		<category><![CDATA[東アジア]]></category>
		<category><![CDATA[歴史]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2739</guid>

					<description><![CDATA[MARUNOUCHI · YAESU · TOKYO STATION 創建 1914 ── 復元 2012 東　京　駅 歴史・建築ガイド ── TOKYO STATION HERITAGE 東京駅110年の軌跡 ── 赤 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style data-wp-block-html="css">
/* =========================================================
   東京駅 歴史記事 ── カスタムCSS用スタイルシート
   =========================================================
   貼り付け先：お使いのテーマ・プラグインに応じて以下から選択
     ・テーマカスタマイザー → 追加CSS
     ・カスタムHTMLブロックの「CSS」タブ（テーマ拡張機能）
     ・CSSプラグイン（Simple Custom CSS等）
   ※ WordPress標準のカスタムHTMLブロックにCSSタブはありません
   ========================================================= */

/* カラー変数（.tk-article 専用プレフィックスで衝突回避） */
.tk-article {
  --tka-brick:    #8C3A2A;
  --tka-brick-lt: #B85040;
  --tka-brick-dk: #5C2418;
  --tka-stone:    #F2EDE6;
  --tka-cream:    #FAF6F0;
  --tka-copper:   #7A6040;
  --tka-gold:     #C4A24A;
  --tka-gold-lt:  #E0C882;
  --tka-ink:      #2A1F1A;
  --tka-ink-soft: #5A4A40;

  font-family: "Noto Serif JP", "游明朝", YuMincho, serif;
  background: var(--tka-cream);
  color: var(--tka-ink);
  line-height: 2.1;
  font-size: 17px;
  letter-spacing: 0.025em;
  box-sizing: border-box;
  overflow: clip; /* sticky対応のためhiddenではなくclipを使用 */
  isolation: isolate;
}

.tk-article *, .tk-article *::before, .tk-article *::after {
  box-sizing: inherit;
}

/* テーマデフォルトスタイルのリセット */
.tk-article h1 { margin: 0; } /* テーマのh1デフォルトマージン打ち消し */
.tk-article dd { margin: 0; } /* ブラウザデフォルトのdd margin-left:40px打ち消し */

/* =============================================
   上部細帯
============================================= */
.tk-article .topbar {
  background: var(--tka-brick-dk);
  padding: 7px 24px;
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.tk-article .topbar span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  color: rgba(242,237,230,0.75);
}

/* =============================================
   HERO
============================================= */
.tk-article .hero {
  position: relative;
  width: 100%;
  background: var(--tka-brick);
  overflow: hidden;
}
.tk-article .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(0deg, transparent 0px, transparent 30px, rgba(0,0,0,0.12) 30px, rgba(0,0,0,0.12) 32px),
    repeating-linear-gradient(90deg, transparent 0px, transparent 62px, rgba(0,0,0,0.06) 62px, rgba(0,0,0,0.06) 64px);
  pointer-events: none;
}
.tk-article .hero::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 6px;
  background: var(--tka-stone);
}
.tk-article .hero-facade {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 48px 24px 0;
}
.tk-article .facade-svg {
  width: 100%;
  max-width: 900px;
  height: auto;
  filter: drop-shadow(0 4px 24px rgba(0,0,0,0.35));
}
.tk-article .hero-text {
  position: relative;
  text-align: center;
  padding: 36px 24px 52px;
  z-index: 2;
}
.tk-article .hero-eyebrow {
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.3em;
  color: var(--tka-gold-lt);
  border: 1px solid rgba(196,162,74,0.4);
  padding: 5px 18px;
  border-radius: 2px;
  margin-bottom: 22px;
}
.tk-article .hero-title {
  font-size: clamp(24px, 4.5vw, 44px);
  font-weight: 700;
  color: var(--tka-stone);
  line-height: 1.45;
  text-shadow: 0 2px 16px rgba(0,0,0,0.4);
  max-width: 820px;
  margin: 0 auto;
}
.tk-article .hero-title .accent { color: var(--tka-gold-lt); }
.tk-article .hero-subtitle {
  margin-top: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.1em;
  color: rgba(242,237,230,0.8);
}
.tk-article .ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}
.tk-article .ornament-line {
  width: 80px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--tka-gold));
}
.tk-article .ornament-line.r {
  background: linear-gradient(90deg, var(--tka-gold), transparent);
}
.tk-article .ornament-diamond {
  width: 7px; height: 7px;
  background: var(--tka-gold);
  transform: rotate(45deg);
}

/* =============================================
   メタ情報バー
============================================= */
.tk-article .meta-bar {
  background: var(--tka-stone);
  border-bottom: 3px solid var(--tka-brick);
  padding: 16px 24px;
  display: flex;
  justify-content: center;
  gap: 36px;
  flex-wrap: wrap;
}
.tk-article .meta-bar span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12.5px;
  color: var(--tka-ink-soft);
  display: flex;
  align-items: center;
  gap: 7px;
  letter-spacing: 0.04em;
}
.tk-article .meta-icon {
  display: inline-block;
  width: 22px; height: 22px;
  background: var(--tka-brick);
  border-radius: 50%;
  color: white;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
}

/* =============================================
   本文コンテナ
============================================= */
.tk-article .article-wrap {
  max-width: 820px;
  margin: 0 auto;
  padding: 80px 56px 112px;
}

/* =============================================
   リード文ボックス
============================================= */
.tk-article .lead-box {
  position: relative;
  background: #fff;
  border: 1px solid #ddd5c8;
  border-top: 4px solid var(--tka-brick);
  border-radius: 0 0 6px 6px;
  padding: 40px 44px;
  margin-bottom: 72px;
  box-shadow: 0 4px 20px rgba(140,58,42,0.07);
}
.tk-article .lead-box::before {
  content: "LEAD";
  position: absolute;
  top: 0; left: 28px;
  background: var(--tka-brick);
  color: var(--tka-stone);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 9px;
  letter-spacing: 0.2em;
  padding: 3px 10px;
  border-radius: 0 0 4px 4px;
}
.tk-article .lead-box p {
  font-size: 16.5px;
  line-height: 2.2;
  color: var(--tka-ink-soft);
  margin-bottom: 0;
}
.tk-article .lead-box p + p { margin-top: 28px; }

/* =============================================
   目次
============================================= */
.tk-article .toc {
  background: #fff;
  border: 1px solid #ddd5c8;
  border-top: 4px solid var(--tka-copper);
  border-radius: 0 0 6px 6px;
  padding: 36px 40px 40px;
  margin: 0 0 80px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.05);
  width: 100%;
  box-sizing: border-box;
}
.tk-article .toc-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.tk-article .toc-header-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3em;
  color: var(--tka-copper);
  background: var(--tka-stone);
  border: 1px solid #c8bfb4;
  padding: 4px 14px;
  border-radius: 2px;
}
.tk-article .toc-header-line {
  flex: 1; height: 1px;
  background: linear-gradient(90deg, #c8bfb4, transparent);
}
.tk-article .toc-list {
  list-style: none;
  padding: 0; margin: 0;
  counter-reset: toc-counter;
}
.tk-article .toc-list li {
  counter-increment: toc-counter;
  border-bottom: 1px dashed #e0d8ce;
}
.tk-article .toc-list li:last-child { border-bottom: none; }
.tk-article .toc-list a {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 14px 8px;
  text-decoration: none;
  color: var(--tka-ink-soft);
  font-size: 15px;
  transition: color 0.2s, padding-left 0.2s;
}
.tk-article .toc-list a:hover {
  color: var(--tka-brick);
  padding-left: 14px;
}
.tk-article .toc-list a::before {
  content: counter(toc-counter, decimal-leading-zero);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--tka-brick);
  min-width: 28px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
  flex-shrink: 0;
}
.tk-article .toc-list a:hover::before { background: var(--tka-brick-lt); }
.tk-article .toc-list a:focus-visible {
  outline: 2px solid var(--tka-brick);
  outline-offset: 2px;
  border-radius: 2px;
}
.tk-article .toc-list a .toc-dots {
  flex: 1;
  border-bottom: 1px dotted #c8bfb4;
  margin: 0 4px 4px;
}
/* CSSカウンター（01,02…）と重複するため非表示 */
.tk-article .toc-list a .toc-chapter {
  display: none;
}

/* =============================================
   H2 見出し
============================================= */
.tk-article .article-wrap h2 {
  position: relative;
  font-size: 23px;
  font-weight: 700;
  color: var(--tka-brick-dk);
  margin: 80px 0 36px;
  padding: 18px 20px;
  background: var(--tka-stone);
  border-left: 5px solid var(--tka-brick);
  border-bottom: 1px solid #ddd5c8;
  border-radius: 0 4px 4px 0;
  letter-spacing: 0.03em;
  scroll-margin-top: 80px; /* 固定ヘッダーに隠れないようオフセット */
}

/* =============================================
   本文テキスト
============================================= */
.tk-article .article-wrap p {
  margin-bottom: 36px;
  color: var(--tka-ink-soft);
  line-height: 2.1;
}
.tk-article .article-wrap p:empty { display: none; } /* WPが挿入する空pを非表示 */
.tk-article .article-wrap strong {
  color: var(--tka-brick);
  font-weight: 700;
}

/* =============================================
   セクション小見出し
============================================= */
.tk-article .section-note {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 56px 0 28px;
  font-size: 18px;
  font-weight: 700;
  color: var(--tka-ink);
  letter-spacing: 0.03em;
}
.tk-article .section-note-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--tka-stone);
  background: var(--tka-copper);
  padding: 4px 12px;
  border-radius: 2px;
  flex-shrink: 0;
  white-space: nowrap;
}

/* =============================================
   データカード
============================================= */
.tk-article .data-card {
  background: #fff;
  border: 1px solid #ddd5c8;
  border-radius: 6px;
  padding: 32px 36px;
  margin: 56px 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: start;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden;
}
.tk-article .data-card::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--tka-gold), var(--tka-copper));
}
.tk-article .data-card-icon {
  font-size: 34px;
  line-height: 1;
  padding-top: 4px;
}
.tk-article .data-card-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  letter-spacing: 0.25em;
  color: var(--tka-gold);
  border-bottom: 1px solid #e8ddd0;
  padding-bottom: 8px;
  margin-bottom: 12px;
  font-weight: 700;
}
.tk-article .data-card-body p {
  font-size: 14.5px;
  line-height: 1.9;
  margin: 0;
  color: var(--tka-ink-soft);
}
.tk-article .data-card-body strong { color: var(--tka-brick-dk); }

/* =============================================
   FAQ
============================================= */
.tk-article .faq-section {
  margin: 72px 0 56px;
}
.tk-article .faq-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
}
.tk-article .faq-header-label {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3em;
  color: var(--tka-stone);
  background: var(--tka-brick);
  padding: 5px 16px;
  border-radius: 2px;
  flex-shrink: 0;
}
.tk-article .faq-header-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, #ddd5c8, transparent);
}
.tk-article .faq-header-sub {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  color: var(--tka-ink-soft);
  flex-shrink: 0;
}
.tk-article .faq-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.tk-article .faq-item {
  border-bottom: 1px solid #e0d8ce;
  padding: 28px 0;
}
.tk-article .faq-item:first-child {
  border-top: 1px solid #e0d8ce;
}
.tk-article .faq-q {
  font-size: 16px;
  font-weight: 700;
  color: var(--tka-ink);
  line-height: 1.7;
  padding-left: 36px;
  padding-right: 32px; /* chevron分のスペース */
  position: relative;
  margin-bottom: 14px;
  letter-spacing: 0.03em;
  cursor: pointer;
  user-select: none;
  list-style: none; /* summaryのデフォルトマーカーを非表示 */
}
/* Safari用マーカー非表示 */
.tk-article .faq-q::-webkit-details-marker { display: none; }
/* アコーディオン chevron（[open]属性で回転） */
.tk-article .faq-q::after {
  content: "▼";
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 10px;
  color: var(--tka-brick);
  font-family: "Noto Sans JP", sans-serif;
  transition: transform 0.3s ease;
}
.tk-article .faq-item[open] .faq-q::after {
  transform: rotate(-180deg);
}
/* 閉じている時はQ下の余白を詰める */
.tk-article .faq-item:not([open]) .faq-q {
  margin-bottom: 0;
}
.tk-article .faq-q::before {
  content: "Q";
  position: absolute;
  left: 0;
  top: 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: var(--tka-brick);
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
}
.tk-article .faq-a {
  /* details[open]の中身はブラウザが表示制御するため display指定不要 */
  font-size: 15px;
  line-height: 2.0;
  color: var(--tka-ink-soft);
  padding-left: 36px;
  padding-bottom: 4px;
  margin: 0;
  position: relative;
}
.tk-article .faq-a::before {
  content: "A";
  position: absolute;
  left: 0;
  top: 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--tka-brick);
  background: var(--tka-stone);
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid var(--tka-brick);
}

/* =============================================
   記事末尾区切り線
============================================= */
.tk-article .article-end-rule {
  margin-top: 48px;
  height: 4px;
  background: linear-gradient(90deg, var(--tka-brick), var(--tka-gold), var(--tka-brick));
  border-radius: 2px;
  opacity: 0.6;
}

/* =============================================
   フッター ── WordPress版では非表示
============================================= */
.tk-article .article-footer {
  display: none;
}

/* =============================================
   モーション軽減（アクセシビリティ）
   0.01ms にすることでtransitionendイベントの互換性を確保
============================================= */
@media (prefers-reduced-motion: reduce) {
  .tk-article *,
  .tk-article *::before,
  .tk-article *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* =============================================
   印刷スタイル
============================================= */
@media print {
  .tk-article .topbar,
  .tk-article .meta-bar,
  .tk-article .hero { display: none; }
  .tk-article .article-wrap { padding: 0; max-width: 100%; }
  .tk-article { background: #fff; color: #000; }
}

/* =============================================
   レスポンシブ
============================================= */
@media (max-width: 640px) {
  .tk-article .article-wrap { padding: 40px 20px 64px; }
  .tk-article .article-wrap h2 { font-size: 19px; padding: 14px 16px; margin: 56px 0 24px; }
  .tk-article .lead-box { padding: 28px 20px; }
  .tk-article .data-card { grid-template-columns: 1fr; gap: 12px; }
  .tk-article .topbar { display: none; }
  .tk-article .meta-bar { gap: 20px; }
  .tk-article .toc { padding: 20px 16px 24px; }
  .tk-article .faq-q { font-size: 15px; }
  .tk-article .faq-a { font-size: 14px; }
}
</style>

<script data-wp-block-html="js">
/**
 * 東京駅 歴史記事 ── WordPress カスタムHTML「JavaScriptタブ」用
 * ---------------------------------------------------------------
 * 機能：目次リンクのスムーズスクロール
 * ---------------------------------------------------------------
 * FAQの開閉は <details>/<summary> のブラウザネイティブ機能を使用。
 * JavaScriptは不要。
 */

(function () {
  'use strict';

  // =========================================================
  // スムーズスクロール（目次リンク）
  // イベント委譲方式：document レベルで捕捉するためタイミング問題なし
  // =========================================================
  document.addEventListener('click', function (e) {
    const link = e.target.closest('.tk-article .toc-list a[href^="#"]');
    if (!link) return;

    const targetId = link.getAttribute('href');
    const target = document.querySelector(targetId);
    if (!target) return;

    e.preventDefault();
    target.scrollIntoView({ behavior: 'smooth', block: 'start' });

    // アクセシビリティ：フォーカスをターゲット見出しへ移動
    if (!target.hasAttribute('tabindex')) {
      target.setAttribute('tabindex', '-1');
    }
    target.focus({ preventScroll: true });
  });

})();
</script>

<!-- Google Fonts（テーマで読み込み済みなら削除可） -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&#038;family=Noto+Sans+JP:wght@300;400;700&#038;display=swap" rel="stylesheet">

<!-- ★ すべてのコンテンツを .tk-article で包む ★ -->
<article class="tk-article">

  <!-- 上部細帯 -->
  <div class="topbar">
    <span>MARUNOUCHI · YAESU · TOKYO STATION</span>
    <span>創建 1914 ── 復元 2012</span>
  </div>

  <!-- HERO -->
  <header class="hero">
    <div class="hero-facade">
      <svg class="facade-svg" role="img" viewBox="0 0 900 280" xmlns="http://www.w3.org/2000/svg" aria-label="東京駅丸の内口ファサードイラスト">
        <defs>
          <linearGradient id="tka-brickWall" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#9B4030"/>
            <stop offset="100%" stop-color="#7A2E1C"/>
          </linearGradient>
          <linearGradient id="tka-domeFill" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#5A7A3A"/>
            <stop offset="60%" stop-color="#3D5828"/>
            <stop offset="100%" stop-color="#2A3C1C"/>
          </linearGradient>
          <linearGradient id="tka-stoneBand" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#F5EFE6"/>
            <stop offset="100%" stop-color="#DDD3C6"/>
          </linearGradient>
          <linearGradient id="tka-skyGrad" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#1B2D4A"/>
            <stop offset="100%" stop-color="#2E4A6E"/>
          </linearGradient>
        </defs>
        <rect width="900" height="280" fill="url(#tka-skyGrad)"/>
        <rect x="10" y="90" width="880" height="190" fill="url(#tka-brickWall)"/>
        <line x1="10" y1="110" x2="890" y2="110" stroke="rgba(0,0,0,0.15)" stroke-width="1"/>
        <line x1="10" y1="130" x2="890" y2="130" stroke="rgba(0,0,0,0.15)" stroke-width="1"/>
        <line x1="10" y1="150" x2="890" y2="150" stroke="rgba(0,0,0,0.12)" stroke-width="1"/>
        <line x1="10" y1="170" x2="890" y2="170" stroke="rgba(0,0,0,0.12)" stroke-width="1"/>
        <line x1="10" y1="200" x2="890" y2="200" stroke="rgba(0,0,0,0.10)" stroke-width="1"/>
        <line x1="10" y1="230" x2="890" y2="230" stroke="rgba(0,0,0,0.10)" stroke-width="1"/>
        <line x1="10" y1="260" x2="890" y2="260" stroke="rgba(0,0,0,0.10)" stroke-width="1"/>
        <rect x="10" y="88" width="880" height="10" fill="url(#tka-stoneBand)"/>
        <rect x="10" y="200" width="880" height="8" fill="url(#tka-stoneBand)" opacity="0.7"/>
        <!-- 左ドーム -->
        <rect x="30" y="30" width="160" height="72" fill="url(#tka-brickWall)" stroke="#5A2010" stroke-width="1"/>
        <rect x="30" y="30" width="160" height="8" fill="url(#tka-stoneBand)"/>
        <ellipse cx="110" cy="36" rx="74" ry="20" fill="url(#tka-domeFill)" stroke="#2A3C1C" stroke-width="1"/>
        <ellipse cx="110" cy="30" rx="66" ry="16" fill="url(#tka-domeFill)"/>
        <ellipse cx="110" cy="22" rx="56" ry="12" fill="#4A6830"/>
        <ellipse cx="110" cy="14" rx="42" ry="9" fill="#3D5828"/>
        <ellipse cx="110" cy="8"  rx="28" ry="6" fill="#304820"/>
        <rect x="104" y="0" width="12" height="12" fill="url(#tka-stoneBand)"/>
        <ellipse cx="110" cy="36" rx="74" ry="4" fill="rgba(242,237,230,0.25)"/>
        <rect x="44"  y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <rect x="68"  y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <rect x="92"  y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <rect x="116" y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <rect x="140" y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <!-- 右ドーム -->
        <rect x="710" y="30" width="160" height="72" fill="url(#tka-brickWall)" stroke="#5A2010" stroke-width="1"/>
        <rect x="710" y="30" width="160" height="8" fill="url(#tka-stoneBand)"/>
        <ellipse cx="790" cy="36" rx="74" ry="20" fill="url(#tka-domeFill)" stroke="#2A3C1C" stroke-width="1"/>
        <ellipse cx="790" cy="30" rx="66" ry="16" fill="url(#tka-domeFill)"/>
        <ellipse cx="790" cy="22" rx="56" ry="12" fill="#4A6830"/>
        <ellipse cx="790" cy="14" rx="42" ry="9" fill="#3D5828"/>
        <ellipse cx="790" cy="8"  rx="28" ry="6" fill="#304820"/>
        <rect x="784" y="0" width="12" height="12" fill="url(#tka-stoneBand)"/>
        <ellipse cx="790" cy="36" rx="74" ry="4" fill="rgba(242,237,230,0.25)"/>
        <rect x="724" y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <rect x="748" y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <rect x="772" y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <rect x="796" y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <rect x="820" y="44" width="16" height="28" rx="8" fill="#1B2D4A" stroke="rgba(242,237,230,0.4)" stroke-width="1"/>
        <!-- 中央窓列 -->
        <rect x="210" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="248" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="286" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="324" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="362" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="400" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="438" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="476" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="514" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="552" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="590" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="628" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <rect x="666" y="100" width="22" height="32" rx="11" fill="#1B2D4A" stroke="rgba(242,237,230,0.3)" stroke-width="1"/>
        <!-- アーチ入口 -->
        <rect x="192" y="210" width="40" height="55" fill="rgba(20,30,50,0.8)"/>
        <ellipse cx="212" cy="210" rx="20" ry="8" fill="rgba(20,30,50,0.8)"/>
        <rect x="380" y="205" width="50" height="60" fill="rgba(20,30,50,0.85)"/>
        <ellipse cx="405" cy="205" rx="25" ry="9" fill="rgba(20,30,50,0.85)"/>
        <rect x="444" y="218" width="34" height="47" fill="rgba(20,30,50,0.7)"/>
        <ellipse cx="461" cy="218" rx="17" ry="6" fill="rgba(20,30,50,0.7)"/>
        <rect x="492" y="218" width="34" height="47" fill="rgba(20,30,50,0.7)"/>
        <ellipse cx="509" cy="218" rx="17" ry="6" fill="rgba(20,30,50,0.7)"/>
        <rect x="624" y="210" width="40" height="55" fill="rgba(20,30,50,0.8)"/>
        <ellipse cx="644" cy="210" rx="20" ry="8" fill="rgba(20,30,50,0.8)"/>
        <!-- 地面 & 装飾ライン -->
        <rect x="0" y="270" width="900" height="10" fill="rgba(0,0,0,0.3)"/>
        <rect x="10" y="88" width="880" height="2" fill="#C4A24A" opacity="0.6"/>
        <rect x="10" y="198" width="880" height="2" fill="#C4A24A" opacity="0.4"/>
        <!-- 駅名プレート -->
        <rect x="340" y="60" width="220" height="28" rx="3" fill="url(#tka-stoneBand)" stroke="#C4A24A" stroke-width="1.5"/>
        <text x="450" y="79" text-anchor="middle" font-family="Noto Serif JP, serif" font-size="14" font-weight="700" fill="#5C2418" letter-spacing="6">東　京　駅</text>
      </svg>
    </div>
    <div class="hero-text">
      <p class="hero-eyebrow">歴史・建築ガイド ── TOKYO STATION HERITAGE</p>
      <h1 class="hero-title">
        東京駅110年の軌跡<br>
        <span class="accent">── 赤レンガが見てきた戦争、復興、そして未来</span>
      </h1>
      <p class="hero-subtitle">明治から令和へ。日本最大のターミナルが刻んだ時間を読み解く。</p>
      <div class="ornament">
        <div class="ornament-line"></div>
        <div class="ornament-diamond"></div>
        <div class="ornament-line r"></div>
      </div>
    </div>
  </header>


  <!-- 本文 -->
  <section class="article-wrap">

    <!-- リード文 -->
    <div class="lead-box">
      <p>東京の玄関口として、毎日40万人以上の旅行者・通勤者を迎え続ける<strong>東京駅</strong>。その丸の内口に立つ赤レンガの駅舎は、単なる交通施設ではなく、明治・大正・昭和・平成・令和という五つの元号を生き抜いてきた<strong>生きた歴史建築</strong>です。</p>
      <p>戦火で傷つき、半世紀にわたって「不完全な姿」のまま立ち続け、そして2012年、ついに創建時の美しいドームを取り戻した東京駅。この記事では建築・歴史の視点から、その110年の軌跡を丁寧に読み解きます。</p>
      <p><strong>🚉 現地での実体験：</strong>実際の東京駅は、さすが日本有数のターミナルだけあって常に多くの人で混雑しています。ただ、地下にも広大なコンコースや商店街（グランスタなど）が広がっていて、地上の駅舎を見学するだけでなく地下を歩くのも楽しいものです。人の多さに圧倒されつつ、歴史ある赤レンガ駅舎と現代的な地下空間の両方を味わえるのが東京駅の魅力だと感じました。</p>
    </div>

    <!-- 目次 -->
    <nav class="toc" aria-label="目次">
      <div class="toc-header">
        <span class="toc-header-label">目　次</span>
        <div class="toc-header-line"></div>
      </div>
      <ol class="toc-list">
        <li><a href="#sec-why">なぜ東京駅は「これほど特別」なのか<span class="toc-dots"></span><span class="toc-chapter">第1章</span></a></li>
        <li><a href="#sec-birth">誕生の物語 ── 明治・大正期の建設（1914年開業）<span class="toc-dots"></span><span class="toc-chapter">第2章</span></a></li>
        <li><a href="#sec-war">戦禍と傷痕 ── 空襲による破壊（1945年）<span class="toc-dots"></span><span class="toc-chapter">第3章</span></a></li>
        <li><a href="#sec-restore">半世紀にわたる復興 ── ドーム復元プロジェクト（2012年）<span class="toc-dots"></span><span class="toc-chapter">第4章</span></a></li>
        <li><a href="#sec-modern">現代の東京駅 ── 日本最大のターミナルへ<span class="toc-dots"></span><span class="toc-chapter">第5章</span></a></li>
        <li><a href="#sec-conclusion">まとめ ── 東京駅は「生きた歴史建築」である<span class="toc-dots"></span><span class="toc-chapter">第6章</span></a></li>
      </ol>
    </nav>

    <!-- 第1章 -->
    <h2 id="sec-why">なぜ東京駅は「これほど特別」なのか</h2>
    <p>日本には数多くの歴史的駅舎が存在しますが、東京駅丸の内駅舎が放つ存在感は格別です。その理由はいくつかあります。</p>
    <p>まず<strong>規模</strong>。全長335メートルに及ぶ赤レンガの外壁は、近代建築としての威容を余すところなく示しています。次に<strong>立地</strong>。皇居（江戸城跡）と正対する軸線上に建てられており、その配置そのものが明治国家の意志を体現しています。</p>
    <p>そして何より<strong>時間の重さ</strong>。関東大震災（1923年）、東京大空襲（1945年）という二度の大災害を経験しながらも、ほぼ同じ場所に立ち続けてきた駅舎は、東京という都市の記憶そのものです。</p>
    <div class="data-card">
      <div class="data-card-icon" aria-hidden="true">🏛️</div>
      <div class="data-card-body">
        <div class="data-card-label">基　本　デ　ー　タ</div>
        <p><strong>開業：</strong>1914年（大正3年）12月20日<br><strong>設計者：</strong>辰野金吾（東京帝国大学教授・建築家）<br><strong>建築様式：</strong>辰野式（ネオ・バロック＋赤レンガ）<br><strong>重要文化財指定：</strong>2003年（平成15年）<br><strong>ドーム復元完成：</strong>2012年（平成24年）10月</p>
      </div>
    </div>
    <p>国の重要文化財でありながら、今なお現役の超高密度ターミナルとして機能している——この事実だけでも、東京駅が世界的にみていかに稀有な存在かがわかります。</p>

    <!-- 第2章 -->
    <h2 id="sec-birth">誕生の物語 ── 明治・大正期の建設（1914年開業）</h2>
    <p>東京駅の建設計画が本格的に動き出したのは、明治政府が近代国家の体裁を整えつつあった19世紀末のことです。当時の日本は欧米列強に追いつくべく、鉄道網の整備を国策の柱に据えていました。首都・東京の「顔」にふさわしい中央停車場を建設するという夢は、長い議論と設計競争を経て、ひとりの建築家の手に委ねられることになります。</p>
    <div class="section-note"><span class="section-note-label">設計者</span>辰野金吾と「辰野式」建築</div>
    <p>設計を担ったのは<strong>辰野金吾（1854〜1919年）</strong>。佐賀県唐津（旧・唐津藩）出身の辰野は、日本初の建築教育機関である工部大学校（現・東京大学工学部）でジョサイア・コンドルに師事し、のちにイギリスへ留学して本場のヴィクトリア様式を学んだ、当代一流の建築家でした。</p>
    <p>彼が東京駅に持ち込んだ様式は、後に「<strong>辰野式</strong>」と称される独自のスタイルです。クイーン・アン様式に範をとりつつ、フリー・クラシック様式やヴィクトリアン様式の要素も取り込んで独自に発展させた「辰野式」。赤レンガと白い花崗岩（御影石）を水平に交互に配した外観は、重厚さと洗練さを兼ね備え、明治国家の威信を建築語法で雄弁に語りかけます。</p>
    <div class="data-card">
      <div class="data-card-icon" aria-hidden="true">📐</div>
      <div class="data-card-body">
        <div class="data-card-label">建　築　仕　様</div>
        <p><strong>構造：</strong>煉瓦造・鉄骨補強（地上3階）<br><strong>外壁：</strong>赤レンガ＋白御影石（水平縞模様）<br><strong>正面全長：</strong>約335メートル<br><strong>南北ドーム：</strong>八角形、直径約30メートル<br><strong>屋根：</strong>天然スレート葺き（銅板装飾付き）<br><strong>総工費：</strong>約280万円（当時）</p>
      </div>
    </div>
    <div class="section-note"><span class="section-note-label">開業</span>1914年12月20日、東京駅誕生</div>
    <p>着工から10年の歳月を経て、<strong>1914年（大正3年）12月20日</strong>、東京駅は晴れて開業を迎えました。開業時の駅舎は南北に対称な2棟のドームを持ち、中央部には皇室専用の<strong>「貴賓出入口」</strong>が設けられていました。</p>
    <p>大正・昭和初期を通じて東京駅は拡張を続け、1929年には八重洲口が開設。国内外の旅客・物資の一大集散地として、近代日本の発展をまさに文字通り「乗せて」走り続けたのです。</p>

    <!-- 第3章 -->
    <h2 id="sec-war">戦禍と傷痕 ── 空襲による破壊（1945年）</h2>
    <p>開業から30年あまり、東京駅は戦時下の日本においても休むことなく稼働し続けました。出征兵士を送り出し、物資を運び、疎開する家族を乗せ——まさに戦争を「乗せて走る」インフラとして機能したのです。しかしその駅舎自身も、やがて戦争の直撃を免れることはできませんでした。</p>
    <div class="section-note"><span class="section-note-label">1945年</span>東京大空襲と駅舎への被害</div>
    <p><strong>1945年（昭和20年）5月25日</strong>、米軍B-29爆撃機による大規模な空襲が東京を襲いました。丸の内一帯にも焼夷弾が降り注ぎ、東京駅は屋根や内部を激しく焼かれます。<strong>南北両ドーム</strong>は屋根部分が焼け落ち、美しいランタンと八角形の頂部を失いました。</p>
    <p>煉瓦の外壁そのものは奇跡的に残りましたが、内部の木造部分は広範囲にわたって焼失。駅の機能を維持するため、戦後すぐに応急修復が施されましたが、それは創建時の姿とはほど遠いものでした。</p>
    <div class="data-card">
      <div class="data-card-icon" aria-hidden="true">🔥</div>
      <div class="data-card-body">
        <div class="data-card-label">空　襲　被　害　の　概　要</div>
        <p><strong>被災日：</strong>1945年（昭和20年）5月25日<br><strong>主な被害：</strong>南北ドーム屋根・頂部の焼失、内部木造部分の広範囲焼損<br><strong>外壁：</strong>赤レンガの躯体は残存（熱による亀裂・煤汚れあり）<br><strong>応急修復：</strong>戦後すぐに実施。ドームは八角形から簡素な三角屋根（切妻形）に仮復旧</p>
      </div>
    </div>
    <div class="section-note"><span class="section-note-label">戦後</span>「不完全な姿」のまま立ち続けた半世紀</div>
    <p>戦後の東京は焼け野原から復興へと向かいましたが、東京駅の本格的な修復はなかなか実現しませんでした。こうして東京駅は、<strong>失われたドームの代わりに質素な三角屋根をまとったまま</strong>、実に60年以上もの歳月を過ごすことになります。</p>
    <p>しかしその煉瓦の壁の中には、辰野金吾が設計した本来の構造がひっそりと息づいていました。復元の夢は、静かに、しかし確実に、次の時代へと引き継がれていったのです。</p>

    <!-- 第4章 -->
    <h2 id="sec-restore">半世紀にわたる復興 ── ドーム復元プロジェクト（2012年）</h2>
    <p>戦後60年以上、東京駅は「失われたドーム」を抱えたまま立ち続けました。簡素な三角屋根をまとった姿は、長い間「あたりまえの東京駅」として人々の記憶に刻まれてきました。しかし21世紀に入り、その不完全な姿を正式に「歴史遺産」として認定する動きが、ついに国を動かすことになります。</p>
    <div class="section-note"><span class="section-note-label">2003年</span>重要文化財指定 ── 復元への転換点</div>
    <p><strong>2003年（平成15年）</strong>、丸の内駅舎は国の<strong>重要文化財</strong>に指定されました。辰野金吾の設計思想、明治・大正の西洋建築技術、そして近代日本の成長を刻んだ煉瓦の壁──それらをすべて「後世に伝えるべき遺産」と国が宣言した瞬間でした。</p>
    <p>重文指定を受け、JR東日本は本格的な復元計画を検討開始。創建当初の設計図面・写真・文献を丹念に調査し、「戦前の姿に戻す」という方針が固まりました。しかし数十年分の改修が重なった建物を1914年当時の姿に戻すには、想像を絶する技術的・財政的な挑戦が待ち受けていました。</p>
    <div class="section-note"><span class="section-note-label">2007年</span>工事着工 ── 5年間の精密復元作業</div>
    <p><strong>2007年（平成19年）</strong>、いよいよ復元工事が始まりました。最大の難所は、現役で何百万人もの旅客が行き交う駅の機能を止めずに進める「稼働中の大規模工事」という点です。仮設通路を設け、一般旅客への影響を最小限に抑えながら、煉瓦の洗浄・補修・ドームの鉄骨架構・銅板葺き屋根の製作が並行して進められました。</p>
    <p>ドームの復元にあたっては、創建当時の写真や設計資料を参照するだけでなく、煉瓦の積み方・石材の仕上げ・銅板の折り方まで当時の職人技術を現代の職人が忠実に再現。特に南北ドームの八角形の頂部には<strong>鷲の装飾とドーマー窓</strong>が精密に再製され、1914年の意匠が100年ぶりに空の下によみがえることになりました。</p>
    <div class="data-card">
      <div class="data-card-icon" aria-hidden="true">🏗️</div>
      <div class="data-card-body">
        <div class="data-card-label">復　元　工　事　デ　ー　タ</div>
        <p><strong>重要文化財指定：</strong>2003年（平成15年）<br><strong>着工：</strong>2007年（平成19年）<br><strong>竣工・グランドオープン：</strong>2012年（平成24年）10月1日<br><strong>工期：</strong>約5年間<br><strong>総工費：</strong>約500億円<br><strong>主な復元箇所：</strong>南北両ドーム（八角形・銅板葺き）、3階部分、屋根スレート、各部装飾<br><strong>施工：</strong>稼働中の駅舎での段階的工事</p>
      </div>
    </div>
    <div class="section-note"><span class="section-note-label">2012年</span>100年ぶりの「完全な姿」── グランドオープン</div>
    <p><strong>2012年（平成24年）10月1日</strong>、丸の内駅舎は創建から98年、空襲から67年を経てついに<strong>本来の姿を取り戻しました</strong>。高さが増した南北ドームは銅板の緑青をまとい、夕日を受けると赤レンガと白御影石の壁面にあたたかな金色が重なります。その日、丸の内広場には何千人もの市民が集まり、「初めて見る」のに「懐かしい」という不思議な感動を分かち合いました。</p>
    <p>復元完成を機に、駅周辺にはホテルや商業施設が続々とオープン。東京駅は「ただ通り過ぎる場所」から<strong>「訪れる目的地」</strong>へと劇的に変わっていきます。1914年の開業から始まり、戦禍を越え、半世紀の不完全な姿を経て——東京駅はここで初めて、辰野金吾が思い描いた「帝都の玄関」の全貌を現代に示すことができたのです。</p>

    <!-- 第5章 -->
    <h2 id="sec-modern">現代の東京駅 ── 日本最大のターミナルへ</h2>
    <p>2012年の復元完成以降、東京駅は単なる「鉄道のハブ」をはるかに超えた存在へと進化しました。創建時の赤レンガ駅舎が美しく甦った一方で、その足元の地下・周辺には現代ならではの巨大なインフラと商業エコシステムが広がっています。「帝都の玄関」は、今や<strong>日本最大のターミナル都市</strong>です。</p>
    <div class="section-note"><span class="section-note-label">規模</span>数字で見る「日本最大のターミナル」</div>
    <p>現在の東京駅には、<strong>新幹線5系統・在来線10路線以上</strong>が乗り入れています。東海道・東北・上越・北陸・山形・秋田の各新幹線が発着し、東京は「日本の鉄道ネットワークのゼロ起点（0㎞ポスト）」として機能しています。丸の内側と八重洲側を合わせたホーム数は30面以上にのぼり、一日に行き来する旅客数はJR線だけで約<strong>50万人</strong>。まさに日本全国をつなぐ巨大な結節点です。</p>
    <div class="data-card">
      <div class="data-card-icon" aria-hidden="true">🚅</div>
      <div class="data-card-body">
        <div class="data-card-label">現　在　の　東　京　駅　デ　ー　タ</div>
        <p><strong>1日の乗降客数：</strong>約50万人（JR東日本・JR東海合計）<br><strong>乗り入れ路線：</strong>新幹線5系統＋在来線10路線以上<br><strong>ホーム数：</strong>地上30面以上（地下含む）<br><strong>構内商業施設：</strong>グランスタ東京・エキュート東京ほか<br><strong>駅隣接施設：</strong>東京ステーションホテル・KITTE・バスターミナル東京八重洲</p>
      </div>
    </div>
    <div class="section-note"><span class="section-note-label">街へ</span>東京ステーションシティ ── 駅が「まち」になった</div>
    <p>駅構内には<strong>グランスタ東京</strong>・<strong>エキュート東京</strong>といった駅ナカ商業施設が整備され、全国各地の名物食品・スイーツ・雑貨が集結。旅の「出発前」も「到着後」も、駅の中で完結できる空間が誕生しました。</p>
    <p>丸の内駅舎の北側・南側ドーム内には<strong>東京ステーションホテル</strong>が復元を機にリニューアルオープン。明治の煉瓦と現代のラグジュアリーが共存する空間として、国内外の旅行者から高い評価を受けています。また八重洲側では<strong>バスターミナル東京八重洲</strong>（2022年9月、第1期開業）が開業し、高速バスの一大拠点としても機能し始めました。</p>
    <div class="section-note"><span class="section-note-label">未来へ</span>歴史と現代が交差する「生きた建築」</div>
    <p>今日、東京駅の丸の内広場に立つと、正面に1914年竣工の赤レンガ駅舎が広がり、背後には高層ビルが林立する丸の内の近代的スカイラインが広がります。東京駅は110年以上の時間のなかで、<strong>幾多の変化を「乗せて走り続けた」</strong>インフラです。帝国日本の野望、戦争の焼跡、高度経済成長、バブルの喧騒、そして令和の再開発——それらすべてが、あの赤レンガの壁に積み重なっています。</p>

    <!-- 第6章 -->
    <h2 id="sec-conclusion">まとめ ── 東京駅は「生きた歴史建築」である</h2>
    <p>1914年の開業から110年余り。東京駅はこの国が歩んだ歴史のほぼすべてを、その赤レンガの壁に刻んできました。帝都の玄関として生まれ、戦禍に焼かれ、不完全なまま時代を走り続け、そして半世紀の時を経て本来の姿を取り戻した——。これほど劇的な「生涯」を持つ建築は、世界を見渡しても稀です。</p>
    <div class="section-note"><span class="section-note-label">問い</span>なぜ東京駅は今も「特別」なのか</div>
    <p>東京駅が単なる「古い駅」ではない理由は、その<strong>継続性</strong>にあります。多くの歴史的建造物は、博物館や観光施設として「保存」される道を選びます。しかし東京駅は違います。今日もこの瞬間も、何十万人もの人々が改札を通り、新幹線に乗り、待ち合わせをしている。歴史的な建築でありながら、日本の交通インフラの最前線として現役で機能し続けている——この二重性こそが、東京駅を唯一無二の存在にしています。</p>
    <p>丸の内広場に足を止め、駅舎を見上げるとき、私たちは辰野金吾の設計した1914年と、空襲の炎が走った1945年と、復元ドームが空を切り裂いた2012年と、そして今日という時間を同時に感じることができます。<strong>建物が「記憶の容器」として機能している場所</strong>、それが東京駅の本質です。</p>
    <div class="section-note"><span class="section-note-label">遺産</span>次の100年へ受け渡すもの</div>
    <p>重要文化財に指定され、復元を果たした丸の内駅舎は、今後も慎重な維持管理のもとで次世代へと引き継がれていきます。変化しながら、しかし核心は変わらない——それが110年間、東京駅が証明し続けてきた姿勢です。</p>
    <p>次に東京駅を訪れるとき、ぜひ一度立ち止まって煉瓦の壁に手を触れてみてください。その一枚一枚には、明治の職人の手仕事と、戦火をくぐり抜けた記憶と、復元職人の誇りが、確かに宿っています。<strong>東京駅は、走り続ける歴史そのものです。</strong></p>

    <!-- FAQ（details/summary によるネイティブアコーディオン） -->
    <div class="faq-section">
      <div class="faq-header">
        <span class="faq-header-label">FAQ</span>
        <div class="faq-header-line"></div>
        <span class="faq-header-sub">よくある質問</span>
      </div>
      <div class="faq-list">

        <details class="faq-item">
          <summary class="faq-q">東京駅はいつ開業しましたか？</summary>
          <div class="faq-a">1914年（大正3年）12月20日に開業しました。設計は建築家・辰野金吾が担当し、着工から約10年の歳月をかけて完成した赤レンガ造りの駅舎です。</div>
        </details>

        <details class="faq-item">
          <summary class="faq-q">東京駅を設計したのは誰ですか？</summary>
          <div class="faq-a">佐賀県唐津出身の建築家・辰野金吾（1854〜1919年）です。イギリスに留学してヴィクトリア様式を学び、赤レンガと白御影石を組み合わせた独自の「辰野式」建築を確立しました。</div>
        </details>

        <details class="faq-item">
          <summary class="faq-q">東京駅のドームはなぜ一度なくなったのですか？</summary>
          <div class="faq-a">1945年（昭和20年）5月25日の東京大空襲により、南北両ドームの屋根が焼け落ちました。戦後は三角屋根で応急修復され、60年以上にわたって不完全な姿のまま使われ続けました。</div>
        </details>

        <details class="faq-item">
          <summary class="faq-q">東京駅のドームが復元されたのはいつですか？</summary>
          <div class="faq-a">2012年（平成24年）10月1日にグランドオープンしました。2003年の重要文化財指定を経て2007年に着工し、約5年・総工費約500億円をかけて創建時の八角形ドームが100年ぶりに復元されました。</div>
        </details>

        <details class="faq-item">
          <summary class="faq-q">東京駅丸の内駅舎は重要文化財ですか？</summary>
          <div class="faq-a">はい、2003年（平成15年）に国の重要文化財に指定されています。現役の超高密度ターミナルでありながら歴史的建造物として保護されている、世界的にも稀有な建築物です。</div>
        </details>

      </div>
    </div>

    <!-- 記事末尾の区切り線 -->
    <div class="article-end-rule"></div>

  </section>

  <!-- フッター（WP版では非表示） -->
  <footer class="article-footer" aria-hidden="true"></footer>

</article><!-- /.tk-article -->

<!-- FAQ 構造化データ（schema.org FAQPage） -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "東京駅はいつ開業しましたか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "1914年（大正3年）12月20日に開業しました。設計は建築家・辰野金吾が担当し、着工から約10年の歳月をかけて完成した赤レンガ造りの駅舎です。"
      }
    },
    {
      "@type": "Question",
      "name": "東京駅を設計したのは誰ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "佐賀県唐津出身の建築家・辰野金吾（1854〜1919年）です。イギリスに留学してヴィクトリア様式を学び、赤レンガと白御影石を組み合わせた独自の「辰野式」建築を確立しました。"
      }
    },
    {
      "@type": "Question",
      "name": "東京駅のドームはなぜ一度なくなったのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "1945年（昭和20年）5月25日の東京大空襲により、南北両ドームの屋根が焼け落ちました。戦後は三角屋根で応急修復され、60年以上にわたって不完全な姿のまま使われ続けました。"
      }
    },
    {
      "@type": "Question",
      "name": "東京駅のドームが復元されたのはいつですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "2012年（平成24年）10月1日にグランドオープンしました。2003年の重要文化財指定を経て2007年に着工し、約5年・総工費約500億円をかけて創建時の八角形ドームが100年ぶりに復元されました。"
      }
    },
    {
      "@type": "Question",
      "name": "東京駅丸の内駅舎は重要文化財ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい、2003年（平成15年）に国の重要文化財に指定されています。現役の超高密度ターミナルでありながら歴史的建造物として保護されている、世界的にも稀有な建築物です。"
      }
    }
  ]
}
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/tokyo-station-history/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>
      <p><strong>🏮 現地での実体験：</strong>実際に訪れると、浅草は外国人観光客でとても賑わう人気スポットでした。世界中からの旅行者と地元の参拝者が入り混じり、雷門の前は記念撮影の人で常ににぎやか。国際的な活気にあふれていて、日本にいながら旅の高揚感を味わえる場所だと感じました。</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>

    
  </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>

    

    <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 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）
============================================= -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "浅草観光は何時間あれば十分ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "主要スポット（雷門・仲見世・浅草寺・浅草神社）を軽く回るだけなら2〜3時間あれば可能ですが、食べ歩きやグルメも楽しむなら半日（4〜5時間）、スカイツリーまでセットで巡るなら1日（8〜9時間）を確保するのが理想です。"
      }
    },
    {
      "@type": "Question",
      "name": "浅草観光の混雑を避けるには？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "平日の午前9〜10時台が最も空いています。週末・祝日の昼（11〜15時）は特に混雑します。夜は参拝客が減り、ライトアップも見られるのでおすすめです。"
      }
    },
    {
      "@type": "Question",
      "name": "浅草から東京スカイツリーへのアクセスは？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "①徒歩：隅田川沿いを歩いて約15〜20分、②東武スカイツリーライン：浅草駅→東京スカイツリー駅で1駅（約2分）、③スカイツリーシャトルのバス利用の3つがあります。天気の良い日は徒歩がおすすめです。"
      }
    },
    {
      "@type": "Question",
      "name": "着物レンタルは予約が必要ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "当日でも利用可能な場合もありますが、週末・大型連休・観光シーズンは事前予約が安心です。料金は1人3,000〜6,000円程度（着付け代・小物込み）が目安です。"
      }
    },
    {
      "@type": "Question",
      "name": "浅草観光のおすすめシーズンは？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "春（3〜4月）は隅田川沿いの桜並木が絶景で、5月の三社祭も有名です。秋（10〜11月）は過ごしやすく散策に最適。冬は空気が澄んでいてスカイツリーから富士山が見えやすい時期です。"
      }
    }
  ]
}
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/asakusa-sightseeing-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
