<?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>LifeStyle | 旅樂道</title>
	<atom:link href="https://yoooyooo8.jp/category/lifestyle/feed/" rel="self" type="application/rss+xml" />
	<link>https://yoooyooo8.jp</link>
	<description>旅を楽しむ、人生の道</description>
	<lastBuildDate>Thu, 02 Jul 2026 13:51:35 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://yoooyooo8.jp/wp-content/uploads/2026/01/cropped-Yoshi-favicon-32x32.jpg</url>
	<title>LifeStyle | 旅樂道</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/lifestyle/feed/"/>
	<item>
		<title>半導体を知るだけでニュースが10倍面白くなる理由</title>
		<link>https://yoooyooo8.jp/semiconductor-news-basics/</link>
					<comments>https://yoooyooo8.jp/semiconductor-news-basics/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sat, 27 Jun 2026 02:00:00 +0000</pubDate>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[ニュース]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2720</guid>

					<description><![CDATA[半導体 入門シリーズ #01 半導体を学べば、ニュースが10倍面白くなる 理系学生・エンジニア志望のための半導体基礎講座 📖 目次 導入：なぜ今、半導体を知るべきか？ 半導体の基本原理 ― 「半導体」とは何か？ 身近な使 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>
.semi-article *, .semi-article *::before, .semi-article *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ===== リセット & ベース ===== */

    .semi-article {
      font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;
      background: transparent;
      color: #1a1a2e;
      line-height: 2.1;
      letter-spacing: 0.03em;
      font-size: 16px;
    }

    /* ===== ヘッダービジュアル ===== */
    .semi-article .semi-hero {
      background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
      color: #ffffff;
      padding: 80px 24px 72px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }.semi-article .semi-hero::before {
      content: "";
      position: absolute;
      top: -60px; left: -60px;
      width: 320px; height: 320px;
      background: radial-gradient(circle, rgba(100,180,255,0.12) 0%, transparent 70%);
      border-radius: 50%;
    }.semi-article .semi-hero::after {
      content: "";
      position: absolute;
      bottom: -80px; right: -40px;
      width: 280px; height: 280px;
      background: radial-gradient(circle, rgba(130,100,255,0.15) 0%, transparent 70%);
      border-radius: 50%;
    }.semi-article .semi-hero-tag {
      display: inline-block;
      background: rgba(100,180,255,0.2);
      border: 1px solid rgba(100,180,255,0.4);
      color: #a8d8ff;
      font-size: 12px;
      letter-spacing: 0.12em;
      padding: 4px 14px;
      border-radius: 20px;
      margin-bottom: 20px;
      text-transform: uppercase;
    }.semi-article .semi-hero h2 {
      font-size: clamp(22px, 5vw, 36px);
      font-weight: 900;
      line-height: 1.45;
      letter-spacing: 0.02em;
      margin-bottom: 20px;
      position: relative;
      z-index: 1;
      background: transparent !important;
      background-color: transparent !important;
      border: none !important;
      box-shadow: none !important;
      padding: 0 !important;
      color: #ffffff !important;
    }.semi-article .semi-hero h2 span {
      color: #64b4ff;
    }.semi-article .semi-hero-sub {
      font-size: 14px;
      color: #b0c4de;
      letter-spacing: 0.05em;
      position: relative;
      z-index: 1;
    }.semi-article .semi-hero-meta {
      margin-top: 28px;
      display: flex;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
      font-size: 13px;
      color: #8899bb;
      position: relative;
      z-index: 1;
    }.semi-article .semi-hero-meta span::before {
      content: "● ";
      font-size: 8px;
      vertical-align: middle;
    }

    /* ===== メインコンテンツ ===== */
    .semi-article .semi-wrap {
      padding: 0 0 90px;
    }

    /* ===== リード文ブロック ===== */
    .semi-article .lead-block {
      background: #ffffff;
      border-left: 4px solid #4f8ef7;
      border-radius: 0 12px 12px 0;
      padding: 32px 32px 32px 28px;
      margin: 52px 0 44px;
      box-shadow: 0 2px 16px rgba(0,0,0,0.06);
    }.semi-article .lead-block p {
      font-size: 15.5px;
      color: #2c3e50;
      line-height: 2.2;
    }.semi-article .lead-block p + p {
      margin-top: 24px;
    }

    /* ===== セクションタイトル ===== */
    .semi-article .section-title {
      font-size: 20px;
      font-weight: 800;
      color: #1a1a2e;
      margin: 60px 0 24px;
      padding-left: 16px;
      border-left: 4px solid #4f8ef7;
      line-height: 1.65;
      letter-spacing: 0.04em;
    }

    /* ===== 解説テキスト ===== */
    .semi-article .body-text {
      font-size: 15px;
      color: #374151;
      line-height: 2.2;
      margin-bottom: 28px;
    }

    /* ===== ハイライトボックス ===== */
    .semi-article .highlight-box {
      background: linear-gradient(135deg, #eef4ff 0%, #f0edff 100%);
      border: 1px solid #c7d9ff;
      border-radius: 12px;
      padding: 30px 32px;
      margin: 40px 0;
    }.semi-article .highlight-box .box-title {
      font-size: 14px;
      font-weight: 700;
      color: #4f8ef7;
      margin-bottom: 16px;
      letter-spacing: 0.06em;
    }.semi-article .highlight-box ul {
      list-style: none;
      padding: 0;
    }.semi-article .highlight-box ul li {
      font-size: 14.5px;
      color: #2d3a5e;
      padding: 9px 0 9px 24px;
      position: relative;
      line-height: 1.9;
    }.semi-article .highlight-box ul li::before {
      content: "▶";
      position: absolute;
      left: 0;
      color: #4f8ef7;
      font-size: 10px;
      top: 9px;
    }

    /* ===== 統計カード ===== */
    .semi-article .stat-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 18px;
      margin: 40px 0;
    }.semi-article .stat-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 28px 22px;
      text-align: center;
      box-shadow: 0 2px 12px rgba(0,0,0,0.07);
      border-top: 3px solid #4f8ef7;
    }.semi-article .stat-card .stat-num {
      font-size: 30px;
      font-weight: 900;
      color: #4f8ef7;
      line-height: 1.1;
    }.semi-article .stat-card .stat-unit {
      font-size: 13px;
      color: #6b7280;
      margin-top: 10px;
      line-height: 1.75;
    }

    /* ===== 問いかけブロック ===== */
    .semi-article .question-block {
      background: #1a1a2e;
      color: #ffffff;
      border-radius: 14px;
      padding: 40px 36px;
      margin: 52px 0;
      position: relative;
      overflow: hidden;
    }.semi-article .question-block::after {
      content: "?";
      position: absolute;
      right: 20px;
      bottom: -10px;
      font-size: 120px;
      font-weight: 900;
      color: rgba(255,255,255,0.04);
      line-height: 1;
    }.semi-article .question-block p {
      font-size: 15px;
      line-height: 2.2;
      color: #cdd5e0;
      position: relative;
      z-index: 1;
    }.semi-article .question-block strong {
      color: #64b4ff;
    }

    /* ===== 続きへのブリッジ ===== */
    .semi-article .next-section {
      background: #f0f4ff;
      border-radius: 12px;
      padding: 30px 32px;
      margin-top: 56px;
      display: flex;
      align-items: center;
      gap: 20px;
      border: 1px solid #d4e0ff;
    }.semi-article .next-icon {
      font-size: 32px;
      flex-shrink: 0;
    }.semi-article .next-section p {
      font-size: 14px;
      color: #3b4d7a;
      line-height: 2;
    }.semi-article .next-section strong {
      color: #2563eb;
    }

    /* ===== フッター ===== */
    .semi-article .article-footer {
      text-align: center;
      padding: 32px 20px;
      font-size: 12px;
      color: #9ca3af;
      border-top: 1px solid #e5e7eb;
      margin-top: 40px;
    }

    /* ===== 目次 ===== */
    .semi-article .semi-toc-wrapper {
      display: block;
      width: 100%;
      padding: 0;
    }.semi-article .toc {
      background: #ffffff;
      border: 1px solid #dde8ff;
      border-radius: 14px;
      padding: 34px 36px;
      margin: 48px 0 0;
      box-shadow: 0 2px 16px rgba(79,142,247,0.08);
      width: 100%;
      box-sizing: border-box;
    }.semi-article .toc-header {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      padding-bottom: 14px;
      border-bottom: 2px solid #eef2ff;
    }.semi-article .toc-icon {
      font-size: 18px;
    }.semi-article .toc-header h2 {
      font-size: 15px;
      font-weight: 800;
      color: #1a1a2e;
      letter-spacing: 0.06em;
      margin: 0;
    }.semi-article .toc-list {
      list-style: none;
      padding: 0;
      margin: 0;
      counter-reset: toc-counter;
    }.semi-article .toc-list > li {
      counter-increment: toc-counter;
      position: relative;
    }.semi-article .toc-list > li + li {
      margin-top: 8px;
    }.semi-article .toc-list > li > a {
      display: flex;
      align-items: baseline;
      gap: 10px;
      padding: 11px 12px;
      border-radius: 8px;
      text-decoration: none;
      color: #2d3a5e;
      font-size: 14px;
      font-weight: 600;
      transition: background 0.18s, color 0.18s;
    }.semi-article .toc-list > li > a:hover {
      background: #eef4ff;
      color: #2563eb;
    }.semi-article .toc-list > li > a::before {
      content: counter(toc-counter, decimal-leading-zero);
      font-size: 11px;
      font-weight: 800;
      color: #4f8ef7;
      background: #eef4ff;
      border-radius: 5px;
      padding: 2px 7px;
      flex-shrink: 0;
      letter-spacing: 0.04em;
    }

    /* 現在地ハイライト（導入は特別扱い） */
    .semi-article .toc-list > li.toc-current > a {
      background: #eef4ff;
      color: #2563eb;
    }.semi-article .toc-list > li.toc-current > a::before {
      background: #2563eb;
      color: #ffffff;
    }.semi-article .toc-badge {
      margin-left: auto;
      font-size: 10px;
      color: #ffffff;
      background: #4f8ef7;
      border-radius: 10px;
      padding: 2px 8px;
      font-weight: 700;
      letter-spacing: 0.04em;
      flex-shrink: 0;
    }.semi-article .toc-badge.coming {
      background: #d1d5db;
      color: #6b7280;
    }

    /* ===== セクション区切り ===== */
    .semi-article .section-divider {
      display: flex;
      align-items: center;
      gap: 14px;
      margin: 80px 0 0;
    }.semi-article .section-divider::before, .semi-article .section-divider::after {
      content: "";
      flex: 1;
      height: 1px;
      background: linear-gradient(to right, transparent, #dde8ff, transparent);
    }.semi-article .section-divider-label {
      font-size: 11px;
      font-weight: 800;
      color: #4f8ef7;
      letter-spacing: 0.14em;
      background: #eef4ff;
      padding: 4px 14px;
      border-radius: 20px;
      white-space: nowrap;
    }

    /* ===== 章タイトル ===== */
    .semi-article .chapter-heading {
      font-size: 22px;
      font-weight: 900;
      color: #1a1a2e;
      margin: 36px 0 12px;
      line-height: 1.6;
      letter-spacing: 0.03em;
    }.semi-article .chapter-sub {
      font-size: 13px;
      color: #6b7280;
      margin-bottom: 36px;
      letter-spacing: 0.06em;
    }

    /* ===== 比較テーブル ===== */
    .semi-article .compare-table {
      width: 100%;
      border-collapse: collapse;
      margin: 28px 0;
      font-size: 14px;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 14px rgba(0,0,0,0.07);
    }.semi-article .compare-table thead tr {
      background: linear-gradient(135deg, #1a1a2e 0%, #302b63 100%);
      color: #ffffff;
    }.semi-article .compare-table thead th {
      padding: 14px 16px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-align: center;
    }.semi-article .compare-table thead th:first-child { text-align: left; }.semi-article .compare-table tbody tr:nth-child(odd) { background: #ffffff; }.semi-article .compare-table tbody tr:nth-child(even) { background: #f7f9ff; }.semi-article .compare-table tbody tr:hover { background: #eef4ff; }.semi-article .compare-table td {
      padding: 12px 16px;
      border-bottom: 1px solid #edf0f7;
      color: #374151;
      line-height: 1.6;
      vertical-align: top;
    }.semi-article .compare-table td:not(:first-child) { text-align: center; }.semi-article .compare-table .row-label {
      font-weight: 700;
      color: #1a1a2e;
      white-space: nowrap;
    }.semi-article .compare-table .highlight-cell {
      color: #2563eb;
      font-weight: 700;
    }.semi-article .tag-conductor { background: #fee2e2; color: #b91c1c; padding: 2px 8px; border-radius: 6px; font-size: 12px; font-weight: 700; }.semi-article .tag-insulator { background: #fef3c7; color: #92400e; padding: 2px 8px; border-radius: 6px; font-size: 12px; font-weight: 700; }.semi-article .tag-semi { background: #dbeafe; color: #1d4ed8; padding: 2px 8px; border-radius: 6px; font-size: 12px; font-weight: 700; }

    /* ===== ポイントカード（2列） ===== */
    .semi-article .point-cards {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin: 24px 0;
    }.semi-article .point-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 20px 18px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.06);
      border-top: 3px solid #4f8ef7;
    }.semi-article .point-card .pc-icon { font-size: 26px; margin-bottom: 10px; }.semi-article .point-card .pc-title {
      font-size: 14px;
      font-weight: 800;
      color: #1a1a2e;
      margin-bottom: 8px;
    }.semi-article .point-card .pc-desc {
      font-size: 13px;
      color: #4b5563;
      line-height: 1.7;
    }

    /* ===== 用語解説インライン ===== */
    .semi-article .term-box {
      background: #fffbeb;
      border: 1px solid #fde68a;
      border-radius: 10px;
      padding: 16px 18px;
      margin: 20px 0;
      font-size: 13.5px;
      color: #78350f;
      line-height: 1.8;
    }.semi-article .term-box strong { color: #b45309; }

    /* ===== 使用例カード（3列） ===== */
    .semi-article .usecase-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin: 28px 0;
    }.semi-article .usecase-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 20px 16px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.06);
      text-align: center;
    }.semi-article .usecase-card .uc-icon { font-size: 32px; margin-bottom: 10px; }.semi-article .usecase-card .uc-title {
      font-size: 14px;
      font-weight: 800;
      color: #1a1a2e;
      margin-bottom: 8px;
    }.semi-article .usecase-card .uc-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      justify-content: center;
      margin-bottom: 10px;
    }.semi-article .uc-chip {
      font-size: 11px;
      background: #eef4ff;
      color: #2563eb;
      border-radius: 6px;
      padding: 2px 8px;
      font-weight: 600;
    }.semi-article .usecase-card .uc-desc {
      font-size: 12.5px;
      color: #6b7280;
      line-height: 1.6;
      text-align: left;
    }

    /* ===== 警告ボックス（チップ不足） ===== */
    .semi-article .alert-box {
      background: linear-gradient(135deg, #fff1f2 0%, #fff7f0 100%);
      border: 1px solid #fecaca;
      border-left: 4px solid #ef4444;
      border-radius: 0 12px 12px 0;
      padding: 22px 24px;
      margin: 28px 0;
    }.semi-article .alert-box .alert-title {
      font-size: 14px;
      font-weight: 800;
      color: #b91c1c;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 8px;
    }.semi-article .alert-box p {
      font-size: 14px;
      color: #374151;
      line-height: 1.9;
    }

    /* ===== 製造工程フロー ===== */
    .semi-article .process-flow {
      display: flex;
      align-items: stretch;
      gap: 0;
      margin: 28px 0;
      overflow-x: auto;
      padding-bottom: 4px;
    }.semi-article .process-step {
      flex: 1;
      min-width: 110px;
      background: #ffffff;
      border: 1px solid #dde8ff;
      border-radius: 0;
      padding: 16px 12px;
      text-align: center;
      position: relative;
    }.semi-article .process-step:first-child { border-radius: 12px 0 0 12px; }.semi-article .process-step:last-child { border-radius: 0 12px 12px 0; }.semi-article .process-step + .process-step { border-left: none; }.semi-article .process-step::after {
      content: "›";
      position: absolute;
      right: -10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      color: #4f8ef7;
      font-weight: 900;
      z-index: 1;
      background: #f7f8fc;
      line-height: 1;
    }.semi-article .process-step:last-child::after { display: none; }.semi-article .process-step .ps-num {
      font-size: 10px;
      font-weight: 800;
      color: #4f8ef7;
      letter-spacing: 0.1em;
      margin-bottom: 6px;
    }.semi-article .process-step .ps-icon { font-size: 22px; margin-bottom: 6px; }.semi-article .process-step .ps-name {
      font-size: 12px;
      font-weight: 700;
      color: #1a1a2e;
      line-height: 1.4;
    }.semi-article .process-step .ps-desc {
      font-size: 11px;
      color: #6b7280;
      margin-top: 4px;
      line-height: 1.5;
    }.semi-article .process-step.highlight-step {
      background: linear-gradient(135deg, #eef4ff 0%, #e8eeff 100%);
      border-color: #4f8ef7;
    }

    /* ===== 視点カード（3枚横並び） ===== */
    .semi-article .perspective-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin: 28px 0;
    }.semi-article .perspective-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 22px 16px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.07);
      border-bottom: 3px solid #4f8ef7;
    }.semi-article .perspective-card .pv-num {
      font-size: 11px;
      font-weight: 800;
      color: #4f8ef7;
      letter-spacing: 0.1em;
      margin-bottom: 8px;
    }.semi-article .perspective-card .pv-title {
      font-size: 14px;
      font-weight: 800;
      color: #1a1a2e;
      margin-bottom: 8px;
      line-height: 1.45;
    }.semi-article .perspective-card .pv-desc {
      font-size: 12.5px;
      color: #4b5563;
      line-height: 1.7;
    }

    /* ===== ノード縮小タイムライン ===== */
    .semi-article .node-timeline {
      margin: 24px 0;
      display: flex;
      flex-direction: column;
      gap: 0;
    }.semi-article .node-row {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 10px 16px;
      border-radius: 0;
      border-bottom: 1px solid #f0f0f5;
    }.semi-article .node-row:first-child { border-radius: 12px 12px 0 0; background: #f7f9ff; }.semi-article .node-row:last-child { border-radius: 0 0 12px 12px; }.semi-article .node-row:nth-child(odd) { background: #f7f9ff; }.semi-article .node-row:nth-child(even) { background: #ffffff; }.semi-article .node-row.node-latest {
      background: linear-gradient(135deg, #eef4ff 0%, #e8eeff 100%) !important;
      font-weight: 700;
    }.semi-article .node-year {
      font-size: 12px;
      color: #6b7280;
      min-width: 42px;
    }.semi-article .node-label {
      font-size: 13px;
      font-weight: 700;
      color: #1a1a2e;
      min-width: 60px;
    }.semi-article .node-bar-wrap { flex: 1; }.semi-article .node-bar {
      height: 10px;
      border-radius: 5px;
      background: linear-gradient(to right, #4f8ef7, #818cf8);
    }.semi-article .node-note {
      font-size: 12px;
      color: #6b7280;
      min-width: 140px;
      text-align: right;
    }.semi-article .node-latest .node-label { color: #2563eb; }.semi-article .node-latest .node-bar { background: linear-gradient(to right, #2563eb, #7c3aed); }

    /* ===== 地政学テーブル ===== */
    .semi-article .geo-table {
      width: 100%;
      border-collapse: collapse;
      margin: 24px 0;
      font-size: 13.5px;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 14px rgba(0,0,0,0.07);
    }.semi-article .geo-table thead tr {
      background: linear-gradient(135deg, #1a1a2e 0%, #302b63 100%);
      color: #ffffff;
    }.semi-article .geo-table thead th {
      padding: 13px 16px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-align: left;
    }.semi-article .geo-table tbody tr:nth-child(odd) { background: #ffffff; }.semi-article .geo-table tbody tr:nth-child(even) { background: #f7f9ff; }.semi-article .geo-table td {
      padding: 11px 16px;
      border-bottom: 1px solid #edf0f7;
      color: #374151;
      line-height: 1.6;
      vertical-align: top;
    }.semi-article .geo-table .country-cell { font-weight: 800; color: #1a1a2e; white-space: nowrap; }.semi-article .geo-table .policy-badge {
      display: inline-block;
      font-size: 11px;
      padding: 2px 7px;
      border-radius: 6px;
      font-weight: 700;
    }.semi-article .badge-us { background: #dbeafe; color: #1d4ed8; }.semi-article .badge-cn { background: #fee2e2; color: #b91c1c; }.semi-article .badge-eu { background: #d1fae5; color: #065f46; }.semi-article .badge-jp { background: #fef3c7; color: #92400e; }

    /* ===== AIチップ比較カード ===== */
    .semi-article .ai-chip-cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin: 24px 0;
    }.semi-article .ai-chip-card {
      background: #ffffff;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 2px 10px rgba(0,0,0,0.07);
    }.semi-article .ai-chip-card .acc-header {
      padding: 12px 16px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.06em;
      color: #ffffff;
    }.semi-article .acc-header.gpu { background: linear-gradient(135deg, #16a34a, #15803d); }.semi-article .acc-header.npu { background: linear-gradient(135deg, #7c3aed, #6d28d9); }.semi-article .acc-header.custom { background: linear-gradient(135deg, #0369a1, #0284c7); }.semi-article .ai-chip-card .acc-body { padding: 14px 16px; }.semi-article .ai-chip-card .acc-name {
      font-size: 15px;
      font-weight: 900;
      color: #1a1a2e;
      margin-bottom: 6px;
    }.semi-article .ai-chip-card .acc-examples {
      font-size: 11.5px;
      color: #4f8ef7;
      font-weight: 600;
      margin-bottom: 8px;
    }.semi-article .ai-chip-card .acc-desc {
      font-size: 12.5px;
      color: #4b5563;
      line-height: 1.65;
    }

    /* ===== 日本現在地ボックス ===== */
    .semi-article .japan-box {
      background: linear-gradient(135deg, #fffbeb 0%, #fef9f0 100%);
      border: 1px solid #fde68a;
      border-radius: 14px;
      padding: 26px 28px;
      margin: 28px 0;
    }.semi-article .japan-box .jb-title {
      font-size: 15px;
      font-weight: 800;
      color: #92400e;
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      gap: 8px;
    }.semi-article .japan-row {
      display: flex;
      gap: 14px;
      margin-bottom: 12px;
      align-items: flex-start;
    }.semi-article .japan-row:last-child { margin-bottom: 0; }.semi-article .jr-label {
      font-size: 12px;
      font-weight: 800;
      background: #92400e;
      color: #ffffff;
      border-radius: 6px;
      padding: 3px 10px;
      white-space: nowrap;
      flex-shrink: 0;
      margin-top: 2px;
    }.semi-article .jr-text {
      font-size: 13.5px;
      color: #374151;
      line-height: 1.75;
    }

    /* ===== まとめ：振り返りカード ===== */
    .semi-article .summary-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin: 28px 0;
    }.semi-article .summary-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 20px 18px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.06);
      border-left: 4px solid #4f8ef7;
    }.semi-article .summary-card .sc-chapter {
      font-size: 11px;
      font-weight: 800;
      color: #4f8ef7;
      letter-spacing: 0.1em;
      margin-bottom: 6px;
    }.semi-article .summary-card .sc-title {
      font-size: 14px;
      font-weight: 800;
      color: #1a1a2e;
      margin-bottom: 10px;
      line-height: 1.4;
    }.semi-article .summary-card ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }.semi-article .summary-card ul li {
      font-size: 12.5px;
      color: #374151;
      padding: 4px 0 4px 16px;
      position: relative;
      line-height: 1.65;
    }.semi-article .summary-card ul li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: #4f8ef7;
      font-size: 11px;
      font-weight: 700;
    }

    /* ===== 実践フレームワーク ===== */
    .semi-article .framework-box {
      background: linear-gradient(135deg, #0f0c29 0%, #1e1b4b 100%);
      color: #ffffff;
      border-radius: 16px;
      padding: 32px 30px;
      margin: 32px 0;
      position: relative;
      overflow: hidden;
    }.semi-article .framework-box::before {
      content: "FRAMEWORK";
      position: absolute;
      top: 16px;
      right: 20px;
      font-size: 10px;
      letter-spacing: 0.2em;
      color: rgba(255,255,255,0.15);
      font-weight: 800;
    }.semi-article .framework-box .fb-title {
      font-size: 15px;
      font-weight: 800;
      color: #a5b4fc;
      margin-bottom: 20px;
      letter-spacing: 0.04em;
    }.semi-article .framework-steps {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }.semi-article .fw-step {
      display: flex;
      align-items: flex-start;
      gap: 14px;
    }.semi-article .fw-step-num {
      width: 28px;
      height: 28px;
      background: rgba(165,180,252,0.2);
      border: 1px solid rgba(165,180,252,0.4);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 800;
      color: #a5b4fc;
      flex-shrink: 0;
      margin-top: 1px;
    }.semi-article .fw-step-body .fw-q {
      font-size: 13.5px;
      font-weight: 700;
      color: #e0e7ff;
      margin-bottom: 3px;
    }.semi-article .fw-step-body .fw-hint {
      font-size: 12px;
      color: #94a3b8;
      line-height: 1.6;
    }

    /* ===== 次回シリーズ予告 ===== */
    .semi-article .series-teaser {
      border: 2px dashed #c7d9ff;
      border-radius: 14px;
      padding: 26px 28px;
      margin: 32px 0;
      background: #fafbff;
      position: relative;
    }.semi-article .series-teaser .st-label {
      position: absolute;
      top: -12px;
      left: 20px;
      background: #4f8ef7;
      color: #ffffff;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.1em;
      padding: 3px 12px;
      border-radius: 20px;
    }.semi-article .series-teaser .st-title {
      font-size: 15px;
      font-weight: 800;
      color: #1a1a2e;
      margin-bottom: 10px;
    }.semi-article .series-teaser .st-list {
      list-style: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 14px;
    }.semi-article .series-teaser .st-list li {
      font-size: 12.5px;
      background: #eef4ff;
      color: #2563eb;
      padding: 5px 12px;
      border-radius: 20px;
      font-weight: 600;
    }

    /* ===== CTA ===== */
    .semi-article .cta-area {
      background: linear-gradient(135deg, #4f8ef7 0%, #7c3aed 100%);
      border-radius: 14px;
      padding: 30px 28px;
      text-align: center;
      margin: 32px 0 0;
      color: #ffffff;
    }.semi-article .cta-area .cta-title {
      font-size: 17px;
      font-weight: 900;
      margin-bottom: 8px;
    }.semi-article .cta-area .cta-sub {
      font-size: 13px;
      color: rgba(255,255,255,0.8);
      margin-bottom: 20px;
      line-height: 1.7;
    }.semi-article .cta-buttons {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
    }.semi-article .cta-btn {
      display: inline-block;
      padding: 10px 24px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 700;
      text-decoration: none;
      cursor: pointer;
      border: none;
      letter-spacing: 0.04em;
    }.semi-article .cta-btn.primary {
      background: #ffffff;
      color: #2563eb;
    }.semi-article .cta-btn.secondary {
      background: rgba(255,255,255,0.15);
      color: #ffffff;
      border: 1px solid rgba(255,255,255,0.4);
    }

    /* ===== レスポンシブ ===== */
    @media (max-width: 600px) {.semi-article .semi-hero { padding: 60px 18px 52px; }.semi-article .lead-block { padding: 20px 18px 20px 16px; }.semi-article .stat-cards { grid-template-columns: 1fr 1fr; }.semi-article .toc { padding: 20px 18px; }.semi-article .point-cards { grid-template-columns: 1fr; }.semi-article .usecase-cards { grid-template-columns: 1fr; }.semi-article .perspective-cards { grid-template-columns: 1fr; }.semi-article .ai-chip-cards { grid-template-columns: 1fr; }.semi-article .node-note { display: none; }.semi-article .summary-grid { grid-template-columns: 1fr; }.semi-article .framework-box { padding: 24px 18px; }.semi-article .cta-buttons { flex-direction: column; align-items: center; }
    }
</style>

<div class="semi-article">

<!-- ヒーローセクション -->
  <div class="semi-hero">
    <div class="semi-hero-tag">半導体 入門シリーズ #01</div>
    <h2>半導体を学べば、<br>ニュースが<span>10倍</span>面白くなる</h2>
    <p class="semi-hero-sub">理系学生・エンジニア志望のための半導体基礎講座</p>
  </div>

  <!-- 目次 -->
  <nav class="semi-toc-wrapper" aria-label="目次">
    <div class="toc">
      <div class="toc-header">
        <span class="toc-icon">📖</span>
        <h2>目次</h2>
      </div>
      <ol class="toc-list">
        <li>
          <a href="#intro">導入：なぜ今、半導体を知るべきか？</a>
        </li>
        <li>
          <a href="#chapter1">半導体の基本原理 ― 「半導体」とは何か？</a>
        </li>
        <li>
          <a href="#chapter2">身近な使用例 ― あなたの周りの半導体</a>
        </li>
        <li>
          <a href="#chapter3">ニュースの読み方が変わる3つの視点</a>
        </li>
        <li>
          <a href="#chapter4">最新トレンド ― AI半導体が世界を変える</a>
        </li>
        <li>
          <a href="#summary">まとめ：半導体を知ると「世界の動き」が見える</a>
        </li>
      </ol>
    </div>
  </nav>

  <!-- メインコンテンツ -->
  <div class="semi-wrap">

    <!-- リード文 -->
    <div id="intro" class="lead-block">
      <p>「TSMC が日本に工場を建てる」「米国が半導体の輸出規制を強化した」「AI チップが足りない」――ここ数年、こうしたニュースを目にする機会が爆発的に増えた。</p>
      <p>しかし、半導体の基礎を知らないと、これらのニュースは<em>「なんとなく大事そう」</em>で終わってしまう。逆に、基礎を押さえるだけで、同じニュースが驚くほど立体的に見えてくる。</p>
    </div>

    <!-- 統計カード -->
    <div class="stat-cards">
      <div class="stat-card">
        <div class="stat-num">100<span style="font-size:18px">兆円+</span></div>
        <div class="stat-unit">世界半導体市場規模<br>（2025年予測・WSTS）</div>
      </div>
      <div class="stat-card">
        <div class="stat-num">2<span style="font-size:18px">nm</span></div>
        <div class="stat-unit">最先端プロセスノード<br>（TSMC・Samsung）</div>
      </div>
      <div class="stat-card">
        <div class="stat-num">200<span style="font-size:16px">億個+</span></div>
        <div class="stat-unit">スマホCPUのトランジスタ数<br>（Apple A18 Pro・CPU換算）</div>
      </div>
    </div>

    <!-- セクション：なぜ今？ -->
    <h2 class="section-title">なぜ「今」、半導体を知るべきなのか？</h2>

    <p class="body-text">半導体は、スマートフォン・電気自動車・AIサーバー・医療機器——現代社会のほぼすべての電子機器を動かす「産業の米」と呼ばれる存在だ。かつては一部の専門家だけの話題だったが、2020年以降の「チップ不足」や米中の技術覇権争いにより、半導体は経済・安全保障・外交の中心テーマになっている。</p>

    <p class="body-text">理系の学生やエンジニアを目指す人にとって、半導体の知識はもはや「あれば得する教養」ではなく、<strong>業界の動向を読み解くための必須リテラシー</strong>になっている。</p>

    <!-- ハイライトボックス -->
    <div class="highlight-box">
      <p class="box-title">📌 この記事で得られる「視点」</p>
      <ul>
        <li>半導体とは何か——物理的な原理をシンプルに理解する</li>
        <li>TSMC・Intel・Samsung のニュースが「なぜ重要か」わかるようになる</li>
        <li>AI チップ競争・EUV 露光技術など最新トレンドの本質を掴む</li>
        <li>「米中半導体戦争」を地政学×技術の両面で読む視点を手に入れる</li>
      </ul>
    </div>

    <!-- 問いかけブロック -->
    <div class="question-block">
      <p>あなたは「<strong>3nm プロセス</strong>」というニュースを読んだとき、何を思い浮かべるだろうか？<br><br>
      「数字が小さい＝すごい」という感覚はあっても、<strong>なぜ小さくできると性能が上がるのか</strong>、<strong>なぜ製造が極限まで難しいのか</strong>、その理由をすっと説明できる人は案外少ない。<br><br>
      この記事を読み終えたとき、あなたはそれができるようになっている。</p>
    </div>

    <!-- ======================================
         第1章：半導体の基本原理
    ======================================= -->
    <div class="section-divider">
      <span class="section-divider-label">CHAPTER 01</span>
    </div>

    <section id="chapter1">
      <h2 class="chapter-heading">半導体の基本原理<br>― 「半導体」とは何か？</h2>
      <p class="chapter-sub">物理の教科書より10倍わかりやすく、でも本質は外さない</p>

      <p class="body-text">「半導体」という言葉は「半分だけ電気を通す物質」という意味だ。物質は電気の流れやすさによって大きく3種類に分けられる。</p>

      <!-- 比較テーブル -->
      <table class="compare-table">
        <thead>
          <tr>
            <th>分類</th>
            <th>代表例</th>
            <th>電気の流れ</th>
            <th>主な用途</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="row-label"><span class="tag-conductor">導体</span></td>
            <td>銅・金・アルミ</td>
            <td>流れやすい ◎</td>
            <td>電線・配線材料</td>
          </tr>
          <tr>
            <td class="row-label"><span class="tag-insulator">絶縁体</span></td>
            <td>ゴム・ガラス・プラスチック</td>
            <td>流れない ✕</td>
            <td>被覆・保護材</td>
          </tr>
          <tr>
            <td class="row-label"><span class="tag-semi">半導体</span></td>
            <td class="highlight-cell">シリコン・ゲルマニウム</td>
            <td class="highlight-cell">条件次第で制御可能 ★</td>
            <td class="highlight-cell">CPU・メモリ・センサー</td>
          </tr>
        </tbody>
      </table>

      <p class="body-text">ポイントは「条件次第で電気を制御できる」という点だ。温度・光・電圧などの外部条件によって電気の流れをスイッチのようにON/OFFできる——これが半導体が電子機器の核心になった理由だ。</p>

      <div class="term-box">
        <strong>💡 バンドギャップとは？</strong><br>
        電子が「動けない状態（価電子帯）」から「動ける状態（伝導帯）」に移るのに必要なエネルギーの差を<strong>バンドギャップ</strong>という。導体はほぼゼロ、絶縁体は非常に大きく、半導体はちょうど中間。この「ほどよい壁」があるから、少しのエネルギーや電圧でスイッチングができる。
      </div>

      <h2 class="section-title">なぜシリコン（Si）が選ばれたのか？</h2>

      <p class="body-text">半導体材料はシリコン以外にも存在するが、なぜシリコンが世界標準になったのか。理由は4つある。</p>

      <div class="point-cards">
        <div class="point-card">
          <div class="pc-icon">🌍</div>
          <div class="pc-title">埋蔵量が豊富</div>
          <div class="pc-desc">地殻の約28%を占め、地球上で酸素の次に多い元素。砂（SiO₂）から精製でき、安定した供給が可能。</div>
        </div>
        <div class="point-card">
          <div class="pc-icon">🌡️</div>
          <div class="pc-title">高温でも安定</div>
          <div class="pc-desc">融点が約1,414°C と高く、CPU が発熱しても特性が崩れにくい。電子機器の動作環境に適している。</div>
        </div>
        <div class="point-card">
          <div class="pc-icon">🔬</div>
          <div class="pc-title">酸化膜を作れる</div>
          <div class="pc-desc">表面を酸化するとSiO₂（絶縁体）になる。これが集積回路の絶縁層として完璧に機能する。</div>
        </div>
        <div class="point-card">
          <div class="pc-icon">⚙️</div>
          <div class="pc-title">加工技術が成熟</div>
          <div class="pc-desc">70年以上の研究と産業蓄積により、シリコンの加工・精製・検査技術は他材料を圧倒する完成度を持つ。</div>
        </div>
      </div>

      <h2 class="section-title">トランジスタ＝電気のスイッチ</h2>

      <p class="body-text">半導体の最重要部品が<strong>トランジスタ</strong>だ。「電流を増幅する」または「ON/OFFを切り替える」スイッチとして機能し、現代のCPUには数百億個のトランジスタが集積されている。</p>

      <p class="body-text">原理はシンプルだ。ゲート電極に電圧を加えると電流の通り道（チャネル）が開き（ON）、電圧をゼロにすると閉じる（OFF）。この「0と1」の切り替えがデジタルコンピュータの根本原理であり、すべての計算・記憶・通信はこの膨大な数のスイッチ操作に還元される。</p>

      <div class="highlight-box">
        <p class="box-title">🔑 第1章のまとめ</p>
        <ul>
          <li>半導体＝条件次第で電気を制御できる物質。導体でも絶縁体でもない「制御可能な第三の素材」</li>
          <li>シリコンが使われる理由は「豊富・安定・酸化膜・加工技術」の4つが揃っているから</li>
          <li>トランジスタはON/OFFスイッチ。数百億個の集積がCPUの正体</li>
        </ul>
      </div>
    </section>

    <!-- ======================================
         第2章：身近な使用例
    ======================================= -->
    <div class="section-divider">
      <span class="section-divider-label">CHAPTER 02</span>
    </div>

    <section id="chapter2">
      <h2 class="chapter-heading">身近な使用例<br>― あなたの周りの半導体</h2>
      <p class="chapter-sub">「チップが足りない」はなぜ起きたのか？日常から考える</p>

      <p class="body-text">半導体は「IT産業だけのもの」ではない。スマートフォンから自動車、冷蔵庫、さらには信号機や医療機器まで——現代のあらゆる電子機器に半導体は使われている。</p>

      <!-- 使用例カード -->
      <div class="usecase-cards">
        <div class="usecase-card">
          <div class="uc-icon">📱</div>
          <div class="uc-title">スマートフォン</div>
          <div class="uc-chips">
            <span class="uc-chip">AP（SoC）</span>
            <span class="uc-chip">DRAM</span>
            <span class="uc-chip">NAND</span>
            <span class="uc-chip">通信チップ</span>
          </div>
          <p class="uc-desc">1台に10種類以上の半導体チップが搭載。Apple A18やSnapdragon 8 Eliteなどのプロセッサは最先端の2〜3nmプロセスで製造される。</p>
        </div>
        <div class="usecase-card">
          <div class="uc-icon">🚗</div>
          <div class="uc-title">自動車</div>
          <div class="uc-chips">
            <span class="uc-chip">ECU</span>
            <span class="uc-chip">パワー半導体</span>
            <span class="uc-chip">センサー</span>
            <span class="uc-chip">ADAS</span>
          </div>
          <p class="uc-desc">現代の自動車1台に平均1,000〜2,000個の半導体チップを搭載。EVや自動運転車ではさらに増加。エンジン制御から安全支援まで全域を担う。</p>
        </div>
        <div class="usecase-card">
          <div class="uc-icon">🏠</div>
          <div class="uc-title">家電・インフラ</div>
          <div class="uc-chips">
            <span class="uc-chip">マイコン</span>
            <span class="uc-chip">電源IC</span>
            <span class="uc-chip">センサー</span>
          </div>
          <p class="uc-desc">エアコン・冷蔵庫・洗濯機などの白物家電にもマイコンや電源IC、センサーが組み込まれており、省エネ制御や快適機能を実現している。</p>
        </div>
      </div>

      <h2 class="section-title">「チップ不足」が自動車産業を直撃した理由</h2>

      <p class="body-text">2021〜2022年、世界的な半導体不足が深刻化し、トヨタ・ホンダ・GMなど大手自動車メーカーが相次いで減産を余儀なくされた。なぜ「車と半導体」がここまで直結するのか？</p>

      <div class="alert-box">
        <p class="alert-title">⚠️ チップ不足が起きたメカニズム</p>
        <p>コロナ禍でPCやスマホ需要が急増 → 半導体工場の生産ラインがIT向けに集中 → 自動車向けの「マイコン（制御IC）」が後回しに → 自動車1台に1,000個以上のチップが必要なため、1種類でも欠けると組み立て不能 → 大規模減産へ。</p>
      </div>

      <p class="body-text">この出来事は「半導体サプライチェーンの脆弱性」を世界に認識させた。特に、車載向けの半導体の多くを特定のファウンドリ（製造受託企業）に依存していたことが問題だった。これが今日の「半導体の国産化・地産地消」政策（CHIPS法・Rapidus）の直接的な背景となっている。</p>

      <div class="highlight-box">
        <p class="box-title">🔑 第2章のまとめ</p>
        <ul>
          <li>半導体はIT機器だけでなく、自動車・家電・インフラにまで深く組み込まれている</li>
          <li>自動車1台に1,000個以上のチップが必要なため、「1種類の欠品」が生産全体を止める</li>
          <li>チップ不足の経験が、各国の半導体国産化政策を加速させた</li>
        </ul>
      </div>

      <!-- 次章へのブリッジ -->
      <div class="next-section">
        <div class="next-icon">🔭</div>
        <p>次のセクションでは、<strong>「ニュースの読み方が変わる3つの視点」</strong>——製造工程とTSMCの強さ、ナノメートル競争の本質、米中デカップリングの地政学——を解説します。</p>
      </div>
    </section>

    <!-- ======================================
         第3章：ニュースの読み方が変わる3つの視点
    ======================================= -->
    <div class="section-divider">
      <span class="section-divider-label">CHAPTER 03</span>
    </div>

    <section id="chapter3">
      <h2 class="chapter-heading">ニュースの読み方が変わる<br>3つの視点</h2>
      <p class="chapter-sub">「なんとなくすごい」から「なぜ重要か」がわかるようになる</p>

      <p class="body-text">半導体のニュースを読む上で、この3つの視点を持つだけで理解度が劇的に変わる。</p>

      <div class="perspective-cards">
        <div class="perspective-card">
          <div class="pv-num">VIEWPOINT 01</div>
          <div class="pv-title">製造工程と<br>TSMCの強さ</div>
          <div class="pv-desc">「設計」と「製造」が分業する理由、ファウンドリが世界経済の急所になる理由を読み解く鍵。</div>
        </div>
        <div class="perspective-card">
          <div class="pv-num">VIEWPOINT 02</div>
          <div class="pv-title">ナノメートル競争<br>の本質</div>
          <div class="pv-desc">「3nm」「2nm」という数字の意味と、縮小するほど難易度が指数関数的に上がる理由。</div>
        </div>
        <div class="perspective-card">
          <div class="pv-num">VIEWPOINT 03</div>
          <div class="pv-title">地政学リスクと<br>米中デカップリング</div>
          <div class="pv-desc">輸出規制・CHIPS法・中国の独自路線——技術と安全保障が交差する半導体の地政学。</div>
        </div>
      </div>

      <!-- 視点① 製造工程 -->
      <h2 class="section-title">視点① 製造工程とTSMCの強さ</h2>

      <p class="body-text">半導体の製造は大きく「前工程」と「後工程」に分かれる。前工程はシリコンウェハー上に回路を焼き付ける工程、後工程はチップを切り出してパッケージングする工程だ。</p>

      <div class="process-flow">
        <div class="process-step">
          <div class="ps-num">STEP 1</div>
          <div class="ps-icon">📐</div>
          <div class="ps-name">設計<br>（EDA）</div>
          <div class="ps-desc">回路図作成<br>NVIDIA・Apple</div>
        </div>
        <div class="process-step highlight-step">
          <div class="ps-num">STEP 2</div>
          <div class="ps-icon">💡</div>
          <div class="ps-name">露光<br>（EUV）</div>
          <div class="ps-desc">光で回路を転写<br>ASML独占装置</div>
        </div>
        <div class="process-step highlight-step">
          <div class="ps-num">STEP 3</div>
          <div class="ps-icon">⚗️</div>
          <div class="ps-name">エッチング<br>・成膜</div>
          <div class="ps-desc">不要部分除去<br>回路形成</div>
        </div>
        <div class="process-step">
          <div class="ps-num">STEP 4</div>
          <div class="ps-icon">🔍</div>
          <div class="ps-name">検査<br>（ウェハー）</div>
          <div class="ps-desc">歩留まり確認<br>不良排除</div>
        </div>
        <div class="process-step">
          <div class="ps-num">STEP 5</div>
          <div class="ps-icon">📦</div>
          <div class="ps-name">パッケージング<br>・出荷</div>
          <div class="ps-desc">切り出し→封止<br>後工程</div>
        </div>
      </div>

      <p class="body-text">TSMCは「ファウンドリ（製造専業企業）」として、NVIDIA・Apple・AMDなどの設計専業企業（ファブレス）からチップ製造を請け負う。TSMCが圧倒的な強さを持つ理由は、最先端の露光技術と50年超の製造ノウハウによる<strong>「歩留まり（良品率）の高さ」</strong>にある。特に先端ノードでは安定した良品率を確保しており、この点で他社を大きく引き離している。</p>

      <div class="term-box">
        <strong>💡 ファブレス vs ファウンドリ</strong><br>
        「ファブレス（Fabless）」＝工場を持たず設計に特化した企業（NVIDIA・Apple・Qualcomm）。「ファウンドリ（Foundry）」＝他社の設計を受託製造する企業（TSMC・Samsung Foundry）。この分業モデルが半導体産業のグローバル化を生んだ一方、製造の地政学的集中というリスクも生んだ。
      </div>

      <!-- 視点② ナノメートル競争 -->
      <h2 class="section-title">視点② ナノメートル競争の本質</h2>

      <p class="body-text">「3nm」「2nm」という数字はトランジスタの微細化指標だ。数字が小さいほどトランジスタを密に配置でき、同じ面積により多くの回路を詰め込める。これは「性能向上」と「省電力化」を同時にもたらす。</p>

      <div class="node-timeline">
        <div class="node-row">
          <span class="node-year">1971年</span>
          <span class="node-label">10μm</span>
          <div class="node-bar-wrap"><div class="node-bar" style="width:100%"></div></div>
          <span class="node-note">Intel 4004・2,300個</span>
        </div>
        <div class="node-row">
          <span class="node-year">2000年</span>
          <span class="node-label">130nm</span>
          <div class="node-bar-wrap"><div class="node-bar" style="width:60%"></div></div>
          <span class="node-note">Pentium 4世代</span>
        </div>
        <div class="node-row">
          <span class="node-year">2015年</span>
          <span class="node-label">14nm</span>
          <div class="node-bar-wrap"><div class="node-bar" style="width:30%"></div></div>
          <span class="node-note">スマホが本格化</span>
        </div>
        <div class="node-row">
          <span class="node-year">2023年</span>
          <span class="node-label">3nm</span>
          <div class="node-bar-wrap"><div class="node-bar" style="width:12%"></div></div>
          <span class="node-note">Apple A17 Pro・TSMC N3量産</span>
        </div>
        <div class="node-row node-latest">
          <span class="node-year">2025年〜</span>
          <span class="node-label">2nm</span>
          <div class="node-bar-wrap"><div class="node-bar" style="width:7%"></div></div>
          <span class="node-note">TSMC N2・量産開始</span>
        </div>
      </div>

      <p class="body-text">ただし、「ノード名」は実際の物理寸法と必ずしも一致しない。2nmという数字はマーケティング的な指標になっており、各社で定義が異なる。重要なのは数字そのものではなく、<strong>「単位面積あたりのトランジスタ密度と電力効率」</strong>で比較することだ。</p>

      <!-- 視点③ 地政学リスク -->
      <h2 class="section-title">視点③ 米中デカップリングと地政学リスク</h2>

      <p class="body-text">半導体は今や「技術の問題」を超えて「安全保障の問題」になっている。主要国がそれぞれどのような戦略を取っているかを把握することが、ニュースを読む上で不可欠だ。</p>

      <table class="geo-table">
        <thead>
          <tr>
            <th>国・地域</th>
            <th>主な政策・法律</th>
            <th>狙い・背景</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="country-cell">🇺🇸 米国</td>
            <td><span class="policy-badge badge-us">CHIPS法（2022）</span><br>EDA・製造装置の輸出規制</td>
            <td>中国への先端技術流出を阻止し、自国製造を復活させる。527億ドルの補助金。</td>
          </tr>
          <tr>
            <td class="country-cell">🇨🇳 中国</td>
            <td><span class="policy-badge badge-cn">「大基金」国家半導体基金</span><br>SMIC・Huawei HiSilicon育成</td>
            <td>規制をかいくぐり独自技術を確立。7nm超の自力製造を目指すが装置入手が困難。</td>
          </tr>
          <tr>
            <td class="country-cell">🇪🇺 EU</td>
            <td><span class="policy-badge badge-eu">欧州チップス法（2023）</span><br>Intel・TSMCをドイツ誘致</td>
            <td>域内シェアを現在の9%から20%に引き上げ。ASML保護も重要テーマ。</td>
          </tr>
          <tr>
            <td class="country-cell">🇯🇵 日本</td>
            <td><span class="policy-badge badge-jp">Rapidus支援・TSMC誘致</span><br>半導体・デジタル産業戦略</td>
            <td>熊本にTSMC工場誘致成功。Rapidusで2nm量産を目指す国家プロジェクト始動。</td>
          </tr>
        </tbody>
      </table>

      <div class="highlight-box">
        <p class="box-title">🔑 第3章のまとめ</p>
        <ul>
          <li>TSMCの強さは「設計と製造の分業モデル」×「歩留まり技術の圧倒的蓄積」にある</li>
          <li>ナノメートル縮小は性能と省電力を両立するが、微細化コストは指数関数的に増大する</li>
          <li>半導体は「技術」から「安全保障」へ——各国の政策を読むことが半導体ニュースの核心</li>
        </ul>
      </div>
    </section>

    <!-- ======================================
         第4章：最新トレンド ― AI半導体が世界を変える
    ======================================= -->
    <div class="section-divider">
      <span class="section-divider-label">CHAPTER 04</span>
    </div>

    <section id="chapter4">
      <h2 class="chapter-heading">最新トレンド<br>― AI半導体が世界を変える</h2>
      <p class="chapter-sub">GPU・EUV・Rapidus——今最も動きが速い領域を一気読み</p>

      <p class="body-text">ChatGPTの登場以降、AI半導体の需要は爆発的に拡大した。「どのチップがAIを動かすのか」「なぜNVIDIAが独り勝ちしているのか」——最新トレンドを3つのテーマで整理する。</p>

      <!-- AIチップ比較 -->
      <h2 class="section-title">GPU vs NPU vs カスタムシリコン</h2>

      <div class="ai-chip-cards">
        <div class="ai-chip-card">
          <div class="acc-header gpu">GPU（汎用AI演算）</div>
          <div class="acc-body">
            <div class="acc-name">NVIDIA H200 / B200</div>
            <div class="acc-examples">代表例：H200・Blackwell B200</div>
            <div class="acc-desc">並列演算に特化した汎用プロセッサ。AIトレーニングの主力。1枚で数千万円超。CUDAエコシステムが参入障壁を形成し、デファクトスタンダードに。</div>
          </div>
        </div>
        <div class="ai-chip-card">
          <div class="acc-header npu">カスタムAIチップ</div>
          <div class="acc-body">
            <div class="acc-name">Google TPU / Apple ANE</div>
            <div class="acc-examples">代表例：TPU v5・Apple Neural Engine</div>
            <div class="acc-desc">特定のAIタスクに最適化した専用設計チップ。汎用性は低いが電力効率が高い。Googleは自社データセンター向けに独自設計し、GPUへの依存を低減。</div>
          </div>
        </div>
        <div class="ai-chip-card">
          <div class="acc-header custom">SoC統合型</div>
          <div class="acc-body">
            <div class="acc-name">Apple M4 / Qualcomm X Elite</div>
            <div class="acc-examples">代表例：M4 Pro・Snapdragon X Elite</div>
            <div class="acc-desc">CPU・GPU・NPU・メモリを1チップに統合。エッジAI（端末上での推論）に最適。スマホや次世代PCへのAI機能搭載を牽引している。</div>
          </div>
        </div>
      </div>

      <div class="alert-box">
        <p class="alert-title">🔥 NVIDIAが独り勝ちしている本当の理由</p>
        <p>GPUの性能だけでなく、<strong>「CUDAというソフトウェアエコシステム」</strong>が最大の参入障壁だ。研究者・エンジニアが20年以上かけてCUDA用に書いてきたコードとライブラリは膨大で、他社チップに乗り換えるコストが非常に高い。チップを変えるということは、ソフトウェア資産をすべて作り直すことを意味する。</p>
      </div>

      <!-- EUV露光技術 -->
      <h2 class="section-title">EUV露光技術とASMLの独占体制</h2>

      <p class="body-text">2nm以下の超微細加工に不可欠な技術が<strong>EUV（極端紫外線）露光</strong>だ。波長13.5nmの光を使ってウェハー上に回路を焼き付けるこの装置を製造できるのは、オランダのASML社ただ一社だけだ。</p>

      <div class="point-cards">
        <div class="point-card">
          <div class="pc-icon">💰</div>
          <div class="pc-title">1台3億〜5億ドル</div>
          <div class="pc-desc">EUV露光装置の価格は1台あたり300〜500億円。製造には世界数千社のサプライヤーが関与し、日本・米国・ドイツなどの精密技術が結集している。</div>
        </div>
        <div class="point-card">
          <div class="pc-icon">🌍</div>
          <div class="pc-title">対中輸出を禁止</div>
          <div class="pc-desc">米国の圧力によりASMLは中国へのEUV装置輸出を禁じられている。これが中国の最先端半導体製造を大きく制限する最大の要因となっている。</div>
        </div>
        <div class="point-card">
          <div class="pc-icon">⚡</div>
          <div class="pc-title">High-NA EUVへ進化</div>
          <div class="pc-desc">次世代の「High-NA EUV」は解像度をさらに高め、1.4nm〜以下のプロセスを可能にする。1台の価格は約4億ユーロとさらに上昇。</div>
        </div>
        <div class="point-card">
          <div class="pc-icon">🇯🇵</div>
          <div class="pc-title">日本部品も核心技術</div>
          <div class="pc-desc">EUV装置の光源ユニットや精密部品には日本企業（信越化学・JSR・Lasertecなど）の技術が不可欠。日本は「装置・材料」で世界シェアを持つ。</div>
        </div>
      </div>

      <!-- 日本の現在地 -->
      <h2 class="section-title">日本の現在地 ― Rapidus と熊本TSMC</h2>

      <p class="body-text">かつて世界シェアの50%を握っていた日本の半導体産業は、1990年代以降に競争力を失った。しかし2020年代、政府主導で「半導体産業の復活」が本格始動している。</p>

      <div class="japan-box">
        <p class="jb-title">🇯🇵 日本の半導体戦略 2024〜2027</p>
        <div class="japan-row">
          <span class="jr-label">Rapidus</span>
          <p class="jr-text">2022年設立の国策半導体企業。IBMと技術提携し、北海道・千歳市に工場建設中。2027年に2nmプロセスの試験製造、2030年に量産を目標とする。累計1兆円規模の国家支援が投入されている。</p>
        </div>
        <div class="japan-row">
          <span class="jr-label">TSMC熊本</span>
          <p class="jr-text">2024年2月に熊本工場（JASM）が開所。12/16nmプロセスで量産開始。ソニー・トヨタ・デンソーが出資参画。第2工場（6nm）も2027年稼働予定で、投資総額は2兆円超に達する。</p>
        </div>
        <div class="japan-row">
          <span class="jr-label">装置・材料</span>
          <p class="jr-text">東京エレクトロン（成膜・洗浄装置）・信越化学（シリコンウェハー）・JSR（フォトレジスト）など、製造装置と材料分野では世界トップクラスの競争力を維持。</p>
        </div>
      </div>

      <div class="highlight-box">
        <p class="box-title">🔑 第4章のまとめ</p>
        <ul>
          <li>AI半導体の主役はGPU（NVIDIA）だが、カスタムシリコンとエッジAIチップが急成長中</li>
          <li>NVIDIAの強みはチップ性能ではなくCUDAエコシステムという「ソフト面の参入障壁」</li>
          <li>EUV露光装置はASMLが世界独占。対中輸出禁止が半導体の最前線に</li>
          <li>日本はRapidus・TSMC熊本・装置材料の3本柱で半導体産業の復活を目指す</li>
        </ul>
      </div>

      <!-- 次章（まとめ）へのブリッジ -->
      <div class="next-section">
        <div class="next-icon">🏁</div>
        <p>最終セクションでは、<strong>「まとめ：半導体を知ると世界の動きが見える」</strong>——この記事で学んだ視点を統合し、ニュースを読む際の実践的なフレームワークを提示します。</p>
      </div>
    </section>

    <!-- ======================================
         まとめ：半導体を知ると「世界の動き」が見える
    ======================================= -->
    <div class="section-divider">
      <span class="section-divider-label">SUMMARY</span>
    </div>

    <section id="summary">
      <h2 class="chapter-heading">まとめ<br>― 半導体を知ると「世界の動き」が見える</h2>
      <p class="chapter-sub">この記事で得た4つの視点を、明日のニュースに使おう</p>

      <p class="body-text">ここまで読んだあなたは、半導体のニュースを読む上で必要な「地図」を手に入れた。最後に、各章の要点を一枚のカードに凝縮して振り返ろう。</p>

      <!-- 振り返りカード -->
      <div class="summary-grid">
        <div class="summary-card">
          <div class="sc-chapter">CHAPTER 01</div>
          <div class="sc-title">半導体の基本原理</div>
          <ul>
            <li>半導体＝条件次第で電気を制御できる素材</li>
            <li>シリコンは「豊富・安定・酸化膜・加工技術」の4拍子</li>
            <li>トランジスタ＝ON/OFFスイッチ。CPUの正体は数百億個の集積</li>
          </ul>
        </div>
        <div class="summary-card">
          <div class="sc-chapter">CHAPTER 02</div>
          <div class="sc-title">身近な使用例</div>
          <ul>
            <li>スマホ・車・家電——すべての電子機器に半導体は存在する</li>
            <li>車1台に1,000個以上。1種類の欠品が全体を止める</li>
            <li>チップ不足が国産化・地産地消政策を加速させた</li>
          </ul>
        </div>
        <div class="summary-card">
          <div class="sc-chapter">CHAPTER 03</div>
          <div class="sc-title">ニュースの読み方</div>
          <ul>
            <li>TSMCの強さ＝ファウンドリ分業モデル×歩留まり技術</li>
            <li>ナノメートル縮小は性能と省電力を両立するが難易度が指数的に増大</li>
            <li>半導体は「技術」から「安全保障」へ転換——各国政策が動く</li>
          </ul>
        </div>
        <div class="summary-card">
          <div class="sc-chapter">CHAPTER 04</div>
          <div class="sc-title">AI半導体最新トレンド</div>
          <ul>
            <li>NVIDIAの真の強さはGPUではなくCUDAエコシステム</li>
            <li>EUV露光装置はASML世界独占。対中禁輸が最前線の鍵</li>
            <li>日本はRapidus・TSMC熊本・装置材料の3本柱で復活へ</li>
          </ul>
        </div>
      </div>

      <!-- 実践フレームワーク -->
      <h2 class="section-title">ニュースを読む実践フレームワーク</h2>

      <p class="body-text">次に半導体のニュースを見たとき、この5つの問いを頭の中で走らせてみてほしい。</p>

      <div class="framework-box">
        <p class="fb-title">📰 半導体ニュース解読フレームワーク</p>
        <div class="framework-steps">
          <div class="fw-step">
            <div class="fw-step-num">1</div>
            <div class="fw-step-body">
              <div class="fw-q">「誰が設計して、誰が製造しているか？」</div>
              <div class="fw-hint">ファブレス（NVIDIA・Apple）とファウンドリ（TSMC・Samsung）の役割分担を確認する</div>
            </div>
          </div>
          <div class="fw-step">
            <div class="fw-step-num">2</div>
            <div class="fw-step-body">
              <div class="fw-q">「何nmプロセスの話か、なぜそのノードが重要か？」</div>
              <div class="fw-hint">微細化の進捗と限界、競合との差異を性能・電力・コストの三軸で見る</div>
            </div>
          </div>
          <div class="fw-step">
            <div class="fw-step-num">3</div>
            <div class="fw-step-body">
              <div class="fw-q">「どの国・企業の利害が絡んでいるか？」</div>
              <div class="fw-hint">米中摩擦・CHIPS法・EUV輸出規制——地政学レイヤーを重ねて読む</div>
            </div>
          </div>
          <div class="fw-step">
            <div class="fw-step-num">4</div>
            <div class="fw-step-body">
              <div class="fw-q">「サプライチェーンのどこに影響が出るか？」</div>
              <div class="fw-hint">装置（ASML・東京エレクトロン）→材料（信越化学）→製造（TSMC）→設計という連鎖で考える</div>
            </div>
          </div>
          <div class="fw-step">
            <div class="fw-step-num">5</div>
            <div class="fw-step-body">
              <div class="fw-q">「AI・EV・安全保障のどのトレンドと接続するか？」</div>
              <div class="fw-hint">個別ニュースを「AI用チップ需要」「EV向けパワー半導体」「経済安全保障」の大きな流れに位置づける</div>
            </div>
          </div>
        </div>
      </div>

      <p class="body-text">この5つの問いを意識するだけで、同じニュースが全く違う深さで読めるようになる。最初は一つだけでも意識してみるところから始めよう。</p>

      <!-- 次回シリーズ予告 -->
      <div class="series-teaser">
        <span class="st-label">NEXT SERIES</span>
        <div class="st-title">次回：半導体入門シリーズ #02<br>「メモリ半導体の世界 ― DRAM・NAND・HBMを徹底解説」</div>
        <p style="font-size:13.5px; color:#374151; line-height:1.8;">「AI サーバーには大量のメモリが必要」というニュースの意味、Samsung・SK Hynix・Micronの三つ巴の競争、そしてHBM（高帯域メモリ）がなぜAIの要になるのか——次回はメモリ半導体に完全フォーカスします。</p>
        <ul class="st-list">
          <li>DRAMとNANDの違い</li>
          <li>HBM（高帯域メモリ）とは</li>
          <li>AI需要とメモリ価格の関係</li>
          <li>韓国・日本・中国の競争</li>
        </ul>
      </div>

      <!-- CTA -->
      <div class="cta-area">
        <div class="cta-title">半導体の知識で、ニュースが変わった？</div>
        <div class="cta-sub">記事が役に立ったら、ぜひシェアを。<br>次回シリーズも引き続きお届けします。</div>
      </div>
    </section>

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

</div><!-- /.semi-article -->

]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/semiconductor-news-basics/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>FIFAワールドカップとは？歴史・日本代表の軌跡・2026年北中米大会を完全解説</title>
		<link>https://yoooyooo8.jp/fifa-world-cup-2026/</link>
					<comments>https://yoooyooo8.jp/fifa-world-cup-2026/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Wed, 24 Jun 2026 14:11:00 +0000</pubDate>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[フットボール]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2853</guid>

					<description><![CDATA[FIFA WORLD CUP &#160;&#124;&#160; 2026 FIFAワールドカップとは？ 歴史から日本代表の挑戦・ 2026年北中米大会まで完全解説 1930年の創設から2026年北中米大会まで —— 日本代表を [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ===== スコープCSS ===== -->
<style>
/* ===== CSS変数 ===== */
.s26-wrap {
  --s26-bg:        #050b18;
  --s26-navy:      #080f22;
  --s26-blue:      #00a8ff;
  --s26-blue-d:    #0077cc;
  --s26-blue-l:    #e8f6ff;
  --s26-cyan:      #00e5ff;
  --s26-gold:      #e8b923;
  --s26-gold-l:    #fdf3cc;
  --s26-white:     #ffffff;
  --s26-gray:      #94a3b8;
  --s26-dark-card: #0d1a2e;
  --s26-radius:    14px;
  --s26-trans:     .3s ease;
  --s26-glow-b:    0 0 32px rgba(0,168,255,.35);
  --s26-glow-g:    0 0 32px rgba(232,185,35,.3);

  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
  color: #1e293b;
  line-height: 2.0;
  letter-spacing: .02em;
}

/* ===== 共通アニメーション ===== */
@keyframes s26-fade-down {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes s26-fade-up {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes s26-pulse-gold {
  0%,100% { box-shadow: 0 0 0 0 rgba(232,185,35,0); }
  50%     { box-shadow: 0 0 24px 4px rgba(232,185,35,.3); }
}
@keyframes s26-shimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
@keyframes s26-drift {
  0%   { transform: translate(0,0) rotate(0deg); }
  33%  { transform: translate(30px,-20px) rotate(120deg); }
  66%  { transform: translate(-20px,30px) rotate(240deg); }
  100% { transform: translate(0,0) rotate(360deg); }
}
@keyframes s26-scan {
  from { transform: translateY(-100%); }
  to   { transform: translateY(100vh); }
}
@keyframes s26-bounce-y {
  0%,100% { transform: translateX(-50%) translateY(0); }
  50%     { transform: translateX(-50%) translateY(8px); }
}

/* ===================================================
   ヒーローセクション
   =================================================== */
.s26-hero {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  border-radius: var(--s26-radius);
  margin-bottom: 48px;
  background: var(--s26-bg);
  isolation: isolate;
}

/* ── 背景レイヤー1: 放射グロー ── */
.s26-hero-bg-glow {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%,   rgba(0,168,255,.22) 0%, transparent 70%),
    radial-gradient(ellipse 50% 40% at 20% 100%,  rgba(0,229,255,.12) 0%, transparent 60%),
    radial-gradient(ellipse 40% 30% at 80% 80%,   rgba(232,185,35,.10) 0%, transparent 60%);
  z-index: 0;
}

/* ── 背景レイヤー2: 斜めストライプ（FIFA 2026風） ── */
.s26-hero-bg-stripe {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    -55deg,
    transparent 0px,
    transparent 18px,
    rgba(255,255,255,.025) 18px,
    rgba(255,255,255,.025) 20px
  );
  z-index: 1;
}

/* ── 背景レイヤー3: スキャンライン ── */
.s26-hero-bg-scan {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 2;
}
.s26-hero-bg-scan::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(0,229,255,.15), transparent);
  animation: s26-scan 8s linear infinite;
}

/* ── 浮遊オーブ ── */
.s26-hero-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  z-index: 0;
  animation: s26-drift 18s ease-in-out infinite;
}
.s26-hero-orb-1 {
  width: 320px; height: 320px;
  top: -80px; left: -80px;
  background: rgba(0,168,255,.18);
  animation-delay: 0s;
}
.s26-hero-orb-2 {
  width: 260px; height: 260px;
  bottom: -60px; right: -60px;
  background: rgba(0,229,255,.12);
  animation-delay: -6s;
}
.s26-hero-orb-3 {
  width: 180px; height: 180px;
  top: 40%; left: 60%;
  background: rgba(232,185,35,.12);
  animation-delay: -12s;
}

/* ── ゴールドラインアクセント（上下） ── */
.s26-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--s26-gold), var(--s26-cyan), var(--s26-gold), transparent);
  z-index: 10;
}
.s26-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,168,255,.4), transparent);
  z-index: 10;
}

/* ── ヒーロー内コンテンツ ── */
.s26-hero-inner {
  position: relative;
  z-index: 5;
  padding: 64px 24px 72px;
  max-width: 780px;
}

/* バッジ */
.s26-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(232,185,35,.12);
  border: 1px solid rgba(232,185,35,.5);
  color: var(--s26-gold);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 7px 20px;
  border-radius: 999px;
  margin-bottom: 24px;
  animation: s26-fade-down .5s ease both, s26-pulse-gold 3s ease 1s infinite;
}

/* トロフィーアイコン */
.s26-hero-badge svg {
  width: 14px;
  height: 14px;
  fill: var(--s26-gold);
}

/* タイトル */
.s26-wrap .s26-hero h2.s26-hero-title,
.s26-hero-title {
  background: transparent;
  padding: 0;
  border: none;
  margin: 0 0 8px;
  font-size: clamp(1.65rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: .01em;
  color: var(--s26-white);
  animation: s26-fade-down .65s .1s ease both;
}

/* タイトルのハイライト部分 */
.s26-hero-title .s26-hl {
  background: linear-gradient(90deg, var(--s26-cyan), var(--s26-gold));
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: s26-shimmer 3s linear 1s infinite;
}

/* サブテキスト */
.s26-hero-sub {
  font-size: clamp(.88rem, 2vw, 1rem);
  color: rgba(255,255,255,.65);
  margin: 16px 0 36px;
  letter-spacing: .04em;
  animation: s26-fade-down .65s .2s ease both;
}

/* タグ */
.s26-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  animation: s26-fade-down .65s .3s ease both;
}
.s26-hero-tags span {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.8);
  font-size: .78rem;
  font-weight: 600;
  padding: 5px 16px;
  border-radius: 999px;
  backdrop-filter: blur(4px);
  transition: background var(--s26-trans), border-color var(--s26-trans);
}
.s26-hero-tags span:hover {
  background: rgba(0,168,255,.15);
  border-color: rgba(0,168,255,.5);
}

/* スクロールダウン */
.s26-hero-scroll {
  position: absolute;
  bottom: 22px;
  left: 50%;
  z-index: 6;
  animation: s26-bounce-y 2.2s ease-in-out infinite;
}
.s26-hero-scroll svg {
  width: 26px; height: 26px;
  fill: none;
  stroke: rgba(0,229,255,.7);
  stroke-width: 2;
}

/* ===================================================
   この記事の要点
   =================================================== */
.s26-points {
  background: var(--s26-dark-card);
  border: 1px solid rgba(0,168,255,.3);
  border-left: 4px solid var(--s26-gold);
  border-radius: var(--s26-radius);
  padding: 28px 32px;
  margin-bottom: 48px;
  box-shadow: var(--s26-glow-b);
  animation: s26-fade-up .6s .1s ease both;
}

.s26-points-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 800;
  color: var(--s26-gold);
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(232,185,35,.2);
  letter-spacing: .04em;
}
.s26-points-title svg {
  width: 20px; height: 20px;
  flex-shrink: 0;
  fill: var(--s26-gold);
}

.s26-points-list {
  list-style: none;
  margin: 0; padding: 0;
  display: grid;
  gap: 12px;
}
.s26-points-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: .93rem;
  line-height: 1.9;
  color: rgba(255,255,255,.85);
}
.s26-points-list li::before {
  content: '';
  width: 22px; height: 22px;
  min-width: 22px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--s26-blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 0 10px rgba(0,168,255,.5);
}
.s26-points-list li strong {
  color: var(--s26-cyan);
  font-weight: 700;
}

/* ===================================================
   アニメーション目次
   =================================================== */
.s26-toc {
  background: var(--s26-dark-card);
  border: 1px solid rgba(0,168,255,.25);
  border-radius: var(--s26-radius);
  padding: 28px 32px;
  margin-bottom: 56px;
  box-shadow: 0 4px 32px rgba(0,0,0,.4), var(--s26-glow-b);
  animation: s26-fade-up .6s .2s ease both;
  position: relative;
  overflow: hidden;
}

/* 右上コーナーアクセント */
.s26-toc::before {
  content: '';
  position: absolute;
  top: 0; right: 0;
  width: 120px; height: 120px;
  background: radial-gradient(circle at top right, rgba(0,229,255,.08), transparent 70%);
  pointer-events: none;
}

.s26-toc h3.s26-toc-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .92rem;
  font-weight: 800;
  color: var(--s26-white);
  margin: 0 0 18px;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(0,168,255,.2);
  background: transparent;
  border-radius: 0;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.s26-toc h3.s26-toc-title svg {
  width: 18px; height: 18px;
  fill: var(--s26-cyan);
}

.s26-toc-list {
  list-style: none;
  margin: 0; padding: 0;
  counter-reset: toc-counter;
  display: grid;
  gap: 4px;
}
.s26-toc-list > li {
  counter-increment: toc-counter;
}
.s26-toc-list > li > a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  border-radius: 8px;
  color: rgba(255,255,255,.75);
  text-decoration: none;
  font-size: .91rem;
  font-weight: 600;
  transition: background var(--s26-trans), color var(--s26-trans), transform var(--s26-trans);
  border: 1px solid transparent;
}
.s26-toc-list > li > a::before {
  content: counter(toc-counter, decimal-leading-zero);
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,168,255,.12);
  border: 1px solid rgba(0,168,255,.3);
  color: var(--s26-blue);
  font-size: .74rem;
  font-weight: 800;
  border-radius: 7px;
  transition: all var(--s26-trans);
  letter-spacing: 0;
}
.s26-toc-list > li > a:hover {
  background: rgba(0,168,255,.08);
  border-color: rgba(0,168,255,.2);
  color: var(--s26-white);
  transform: translateX(5px);
}
.s26-toc-list > li > a:hover::before {
  background: var(--s26-blue);
  border-color: var(--s26-blue);
  color: #fff;
  box-shadow: 0 0 12px rgba(0,168,255,.6);
}

/* FAQとまとめは金色強調 */
.s26-toc-list > li:nth-child(6) > a::before,
.s26-toc-list > li:nth-child(7) > a::before {
  background: rgba(232,185,35,.12);
  border-color: rgba(232,185,35,.4);
  color: var(--s26-gold);
}
.s26-toc-list > li:nth-child(6) > a:hover::before,
.s26-toc-list > li:nth-child(7) > a:hover::before {
  background: var(--s26-gold);
  border-color: var(--s26-gold);
  color: var(--s26-navy);
  box-shadow: 0 0 12px rgba(232,185,35,.5);
}

/* モバイルトグル */
.s26-toc-toggle { display: none; }

@media (max-width: 640px) {
  .s26-toc-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: .92rem;
    font-weight: 800;
    color: var(--s26-white);
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .s26-toc-toggle-icon {
    width: 20px; height: 20px;
    transition: transform var(--s26-trans);
    fill: var(--s26-cyan);
  }
  .s26-toc-toggle[aria-expanded="true"] .s26-toc-toggle-icon {
    transform: rotate(180deg);
  }
  .s26-toc h3.s26-toc-title { display: none; }
  .s26-toc-body {
    overflow: hidden;
    max-height: 0;
    visibility: hidden;
    transition: max-height .4s ease, visibility 0s .4s;
  }
  .s26-toc-body.is-open {
    max-height: 800px;
    visibility: visible;
    transition: max-height .4s ease, visibility 0s 0s;
  }
}

/* ===== レスポンシブ ===== */
@media (max-width: 640px) {
  .s26-hero { min-height: 400px; margin-bottom: 32px; }
  .s26-hero-inner { padding: 48px 20px 60px; }
  .s26-points { padding: 20px; }
  .s26-toc { padding: 20px; }
}
</style>

<!-- ===== 記事ラッパー ===== -->
<div class="s26-wrap" id="s26-top">

  <!-- ========== ヒーローセクション ========== -->
  <section class="s26-hero" aria-label="記事ヒーローセクション">

    <!-- 背景レイヤー -->
    <div class="s26-hero-bg-glow" aria-hidden="true"></div>
    <div class="s26-hero-bg-stripe" aria-hidden="true"></div>
    <div class="s26-hero-bg-scan" aria-hidden="true"></div>
    <div class="s26-hero-orb s26-hero-orb-1" aria-hidden="true"></div>
    <div class="s26-hero-orb s26-hero-orb-2" aria-hidden="true"></div>
    <div class="s26-hero-orb s26-hero-orb-3" aria-hidden="true"></div>

    <!-- コンテンツ -->
    <div class="s26-hero-inner">

      <div class="s26-hero-badge" aria-hidden="true">
        <!-- トロフィーSVG -->
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
          <path d="M6 2h12v6a6 6 0 01-12 0V2zM4 2h2v3H4a1 1 0 010-2zm14 0h2a1 1 0 010 2h-2V2zm-4 14v2h2v2H8v-2h2v-2a6 6 0 01-6-6H2V2h4V1h12v1h4v8h-2a6 6 0 01-6 6z"></path>
        </svg>
        FIFA WORLD CUP &nbsp;|&nbsp; 2026
      </div>

      <h2 class="s26-hero-title">
        <span class="s26-hl">FIFAワールドカップ</span>とは？<br>
        歴史から日本代表の挑戦・<br>
        2026年北中米大会まで完全解説
      </h2>

      <p class="s26-hero-sub">
        1930年の創設から2026年北中米大会まで ——<br>
        日本代表を深く応援するための知識をすべてここに。
      </p>

      <div class="s26-hero-tags" aria-label="記事タグ">
        <span>⚽ W杯の歴史</span>
        <span>🇯🇵 日本代表</span>
        <span>🏆 2026年大会</span>
        <span>✈️ 現地観戦ヒント</span>
      </div>
    </div>

    <!-- スクロールダウン -->
    <div class="s26-hero-scroll" aria-hidden="true">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
        <polyline points="6 9 12 15 18 9"></polyline>
      </svg>
    </div>

  </section>


  <!-- ========== この記事の要点 ========== -->
  <section class="s26-points" aria-labelledby="s26-points-heading">
    <div class="s26-points-title" id="s26-points-heading">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
        <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path>
      </svg>
      この記事の要点
    </div>
    <ul class="s26-points-list">
      <li>FIFAワールドカップの<strong>創設から現代まで</strong>の歴史を時系列でわかりやすく整理</li>
      <li>日本代表の<strong>初出場1998年〜2022年カタール大会</strong>の軌跡と伝説の試合を振り返る</li>
      <li><strong>2026年北中米大会</strong>の新フォーマット（48ヶ国出場）と日本代表の展望を紹介</li>
      <li>現地観戦を目指す方向けの<strong>旅行・ホテル・フライト手配のヒント</strong>も網羅</li>
    </ul>
  </section>


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

    <!-- モバイル用トグル -->
    <button class="s26-toc-toggle" aria-expanded="false" aria-controls="s26-toc-body" id="s26-toc-btn">
      <span style="display:flex;align-items:center;gap:8px;">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#00e5ff" stroke-width="2.5"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><circle cx="3" cy="6" r="1" fill="#00e5ff"></circle><circle cx="3" cy="12" r="1" fill="#00e5ff"></circle><circle cx="3" cy="18" r="1" fill="#00e5ff"></circle></svg>
        目次
      </span>
      <svg class="s26-toc-toggle-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6" stroke="#00e5ff" stroke-width="2.5" fill="none"></path></svg>
    </button>

    <!-- PC用タイトル -->
    <h3 class="s26-toc-title" aria-hidden="true">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
        <path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" stroke="#00e5ff" stroke-width="2" fill="none" stroke-linecap="round"></path>
      </svg>
      目次
    </h3>

    <div class="s26-toc-body" id="s26-toc-body">
      <ol class="s26-toc-list">
        <li><a href="#s26-what">FIFAワールドカップとは — W杯の基礎を知る</a></li>
        <li><a href="#s26-history">W杯の歴史 — 創設から現代まで</a></li>
        <li><a href="#s26-japan">日本代表のW杯挑戦史</a></li>
        <li><a href="#s26-2026">2026年W杯の注目ポイント</a></li>
        <li><a href="#s26-travel">W杯現地観戦を夢見るなら — 旅行ヒント</a></li>
        <li><a href="#s26-faq">よくある質問（FAQ）</a></li>
        <li><a href="#s26-summary">まとめ</a></li>
      </ol>
    </div>

  </nav>

  <!-- ===================================================
       本文スタイル（追加CSS）
       =================================================== -->
  <style>
  /* ===== セクション共通 ===== */
  .s26-section {
    margin-bottom: 64px;
    scroll-margin-top: 80px; /* Cocoon追従ヘッダー対策 */
  }
  /* FAQセクション・まとめにも同様に適用 */
  #s26-faq,
  #s26-summary {
    scroll-margin-top: 80px;
  }

  /* h2 大見出し */
  .s26-wrap h2.s26-h2 {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: clamp(1.25rem, 3vw, 1.65rem);
    font-weight: 900;
    color: #fff;
    background: linear-gradient(135deg, #0d1a2e 0%, #0a1628 100%);
    border: 1px solid rgba(0,168,255,.25);
    border-left: 4px solid var(--s26-cyan);
    border-radius: 10px;
    padding: 18px 22px;
    margin: 0 0 28px;
    box-shadow: 0 4px 20px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);
    letter-spacing: .01em;
  }
  .s26-wrap h2.s26-h2 .s26-h2-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px; height: 32px;
    min-width: 32px;
    background: var(--s26-blue);
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0,168,255,.5);
  }

  /* h3 中見出し */
  .s26-wrap h3.s26-h3 {
    font-size: 1.08rem;
    font-weight: 800;
    color: var(--s26-cyan);
    border-bottom: 1px solid rgba(0,229,255,.2);
    padding-bottom: 8px;
    margin: 32px 0 14px;
    background: transparent;
    border-radius: 0;
    letter-spacing: .03em;
  }

  /* 本文テキスト */
  .s26-body-text {
    font-size: .95rem;
    line-height: 2.1;
    letter-spacing: .025em;
    color: #334155;
    margin-bottom: 20px;
  }

  /* ===== カード系コンポーネント ===== */

  /* インフォカード（数値・データ） */
  .s26-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
    margin: 24px 0 32px;
  }
  .s26-info-card {
    background: var(--s26-dark-card);
    border: 1px solid rgba(0,168,255,.2);
    border-radius: 12px;
    padding: 20px 16px;
    text-align: center;
    transition: transform var(--s26-trans), box-shadow var(--s26-trans);
  }
  .s26-info-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,168,255,.15);
  }
  .s26-info-card-num {
    font-size: 2rem;
    font-weight: 900;
    color: var(--s26-gold);
    line-height: 1;
    margin-bottom: 6px;
    display: block;
  }
  .s26-info-card-label {
    font-size: .75rem;
    color: rgba(255,255,255,.6);
    font-weight: 600;
    line-height: 1.4;
  }

  /* タイムライン */
  .s26-timeline {
    position: relative;
    padding-left: 28px;
    margin: 24px 0 32px;
  }
  .s26-timeline::before {
    content: '';
    position: absolute;
    left: 8px; top: 0; bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, var(--s26-blue), var(--s26-gold));
  }
  .s26-tl-item {
    position: relative;
    margin-bottom: 28px;
  }
  .s26-tl-item::before {
    content: '';
    position: absolute;
    left: -24px;
    top: 6px;
    width: 12px; height: 12px;
    border-radius: 50%;
    background: var(--s26-blue);
    border: 2px solid var(--s26-dark-card);
    box-shadow: 0 0 8px rgba(0,168,255,.6);
  }
  .s26-tl-year {
    font-size: .78rem;
    font-weight: 800;
    color: var(--s26-gold);
    letter-spacing: .1em;
    margin-bottom: 4px;
  }
  .s26-tl-title {
    font-size: .97rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 4px;
  }
  .s26-tl-desc {
    font-size: .88rem;
    color: #475569;
    line-height: 1.9;
    letter-spacing: .02em;
  }

  /* ハイライトボックス */
  .s26-highlight {
    background: linear-gradient(135deg, #0d1a2e, #0a1628);
    border: 1px solid rgba(232,185,35,.3);
    border-radius: 12px;
    padding: 22px 26px;
    margin: 24px 0;
    position: relative;
    overflow: hidden;
  }
  .s26-highlight::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--s26-gold), var(--s26-cyan), var(--s26-gold));
  }
  .s26-highlight-title {
    font-size: .85rem;
    font-weight: 800;
    color: var(--s26-gold);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .s26-highlight p {
    font-size: .92rem;
    color: rgba(255,255,255,.8);
    line-height: 2.0;
    letter-spacing: .02em;
    margin: 0;
  }
  .s26-highlight strong {
    color: var(--s26-cyan);
  }

  /* 画像ブロック */
  .s26-img-wrap {
    margin: 32px 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(0,168,255,.2);
    box-shadow: 0 8px 32px rgba(0,0,0,.25);
  }
  .s26-img-wrap img {
    width: 100%;
    height: auto;
    aspect-ratio: 1200/800;
    object-fit: cover;
    display: block;
  }
  .s26-img-caption {
    background: var(--s26-dark-card);
    color: rgba(255,255,255,.55);
    font-size: .78rem;
    padding: 10px 16px;
    border-top: 1px solid rgba(0,168,255,.15);
    text-align: center;
    line-height: 1.5;
  }

  /* 結果カード（日本代表戦績） */
  .s26-match-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin: 20px 0 28px;
  }
  .s26-match-card {
    background: var(--s26-dark-card);
    border: 1px solid rgba(0,168,255,.2);
    border-radius: 10px;
    padding: 16px;
    transition: transform var(--s26-trans);
  }
  .s26-match-card:hover { transform: translateY(-2px); }
  .s26-match-year {
    font-size: .72rem;
    font-weight: 800;
    color: var(--s26-gold);
    letter-spacing: .1em;
    margin-bottom: 6px;
  }
  .s26-match-title {
    font-size: .88rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
  }
  .s26-match-result {
    font-size: .82rem;
    color: rgba(255,255,255,.6);
    line-height: 1.85;
    letter-spacing: .02em;
  }
  .s26-match-result .win { color: #22c55e; font-weight: 700; }
  .s26-match-result .lose { color: #ef4444; font-weight: 700; }
  .s26-match-result .draw { color: var(--s26-gold); font-weight: 700; }

  /* アフィリエイトセクション */
  .s26-affiliate-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin: 24px 0;
  }
  .s26-aff-card {
    background: var(--s26-dark-card);
    border: 1px solid rgba(0,168,255,.2);
    border-radius: 12px;
    padding: 22px;
    transition: transform var(--s26-trans), box-shadow var(--s26-trans);
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .s26-aff-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(0,168,255,.15);
  }
  .s26-aff-label {
    font-size: .72rem;
    font-weight: 800;
    color: var(--s26-gold);
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  .s26-aff-title {
    font-size: .95rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.65;
    letter-spacing: .02em;
  }
  .s26-aff-desc {
    font-size: .83rem;
    color: rgba(255,255,255,.6);
    line-height: 1.9;
    letter-spacing: .02em;
    flex: 1;
  }
  .s26-aff-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: linear-gradient(135deg, var(--s26-blue-d), var(--s26-blue));
    color: #fff;
    font-size: .83rem;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity var(--s26-trans), transform var(--s26-trans);
    box-shadow: 0 4px 14px rgba(0,168,255,.3);
  }
  .s26-aff-btn:hover {
    opacity: .9;
    transform: translateY(-1px);
  }

  @media (max-width: 640px) {
    .s26-info-grid { grid-template-columns: repeat(2, 1fr); }
    .s26-match-grid { grid-template-columns: 1fr; }
    .s26-affiliate-grid { grid-template-columns: 1fr; }
    .s26-wrap h2.s26-h2 { font-size: 1.1rem; padding: 14px 16px; }
  }

  /* ===== prefers-reduced-motion（!important不使用） ===== */
  @media (prefers-reduced-motion: reduce) {
    .s26-hero-bg-scan::after    { animation: none; }
    .s26-hero-orb               { animation: none; }
    .s26-hero-scroll            { animation: none; }
    .s26-hero-badge             { animation: none; }
    .s26-hero-title             { animation: none; }
    .s26-hero-sub               { animation: none; }
    .s26-hero-tags              { animation: none; }
    .s26-hero-title .s26-hl    { animation: none; }
    .s26-points                 { animation: none; }
    .s26-toc                    { animation: none; }
  }
  </style>

  <!-- ===================================================
       h2① FIFAワールドカップとは
       =================================================== -->
  <section class="s26-section" id="s26-what" aria-labelledby="s26-h2-what">
    <h2 class="s26-h2" id="s26-h2-what">
      <span class="s26-h2-num">01</span>
      FIFAワールドカップとは — W杯の基礎を知る
    </h2>

    <p class="s26-body-text">
      FIFAワールドカップは、国際サッカー連盟（FIFA）が4年に一度開催する、世界最大の単一スポーツイベントです。
      オリンピックをも上回る視聴者数を誇り、2022年カタール大会では延べ<strong>50億人以上</strong>が視聴したとされています。
      各大陸の予選を勝ち抜いた代表チームのみが出場権を得られる、まさに「夢の舞台」です。
    </p>

    <!-- 基礎データ数値カード -->
    <div class="s26-info-grid" aria-label="W杯基礎データ">
      <div class="s26-info-card">
        <span class="s26-info-card-num">48</span>
        <span class="s26-info-card-label">2026年大会<br>出場国数</span>
      </div>
      <div class="s26-info-card">
        <span class="s26-info-card-num">6</span>
        <span class="s26-info-card-label">大陸連盟<br>（AFC・UEFA等）</span>
      </div>
      <div class="s26-info-card">
        <span class="s26-info-card-num">104</span>
        <span class="s26-info-card-label">2026年大会<br>総試合数</span>
      </div>
      <div class="s26-info-card">
        <span class="s26-info-card-num">4年</span>
        <span class="s26-info-card-label">開催サイクル<br>（次回2030年）</span>
      </div>
    </div>

    <h3 class="s26-h3">開催の仕組みと予選の流れ</h3>
    <p class="s26-body-text">
      W杯本大会に出場するためには、各大陸連盟が主催する<strong>予選</strong>を突破する必要があります。
      アジア（AFC）には2026年大会から<strong>8.5枠</strong>が割り当てられており（従来の4.5枠から大幅増）、
      日本代表にとって本大会出場のハードルは大きく下がりました。
      本大会では48ヶ国が12グループに分かれてグループリーグを戦い、上位2チームとグループ3位のうち成績上位8チームが決勝トーナメントへ進みます。
    </p>

    <div class="s26-highlight" aria-label="ポイント">
      <div class="s26-highlight-title">⚡ ここがポイント</div>
      <p>2026年大会からグループ数が<strong>8→12</strong>に増加。48ヶ国体制では3チームグループが廃止され、全グループ4チーム制に統一されました。引き分けが続く八百長リスクを排除するための新ルールです。</p>
    </div>

  </section>


  <!-- ===================================================
       h2② W杯の歴史
       =================================================== -->
  <section class="s26-section" id="s26-history" aria-labelledby="s26-h2-history">
    <h2 class="s26-h2" id="s26-h2-history">
      <span class="s26-h2-num">02</span>
      W杯の歴史 — 創設から現代まで
    </h2>

    <p class="s26-body-text">
      ワールドカップの歴史は1930年にさかのぼります。FIFA会長ジュール・リメの尽力によって南米・ウルグアイで第1回大会が開催され、
      開催国ウルグアイが初代チャンピオンに輝きました。以来90年以上、戦争による中断（1942年・1946年）を挟みながら、
      世界最大のフットボールの祭典として受け継がれてきました。
    </p>

    <!-- 歴史タイムライン -->
    <div class="s26-timeline" aria-label="W杯歴史タイムライン">

      <div class="s26-tl-item">
        <div class="s26-tl-year">1930年 ウルグアイ大会</div>
        <div class="s26-tl-title">第1回大会開幕 — 13カ国が参加</div>
        <div class="s26-tl-desc">ジュール・リメ杯をかけた戦いがスタート。ウルグアイが決勝でアルゼンチンを4-2で下し初代王者に。</div>
      </div>

      <div class="s26-tl-item">
        <div class="s26-tl-year">1950年 ブラジル大会</div>
        <div class="s26-tl-title">「マラカナンの悲劇」— ブラジルが逆転負け</div>
        <div class="s26-tl-desc">最終決戦でブラジルがウルグアイに1-2で敗北。国民的ショックとして今も語り継がれる歴史的番狂わせ。</div>
      </div>

      <div class="s26-tl-item">
        <div class="s26-tl-year">1970年 メキシコ大会</div>
        <div class="s26-tl-title">ペレ率いるブラジルが3回目の優勝</div>
        <div class="s26-tl-desc">「史上最強」と称されたブラジル代表が全試合圧倒的な内容で制覇。ジュール・リメ杯を永久保持。</div>
      </div>

      <div class="s26-tl-item">
        <div class="s26-tl-year">1986年 メキシコ大会</div>
        <div class="s26-tl-title">マラドーナの「神の手」と「5人抜き」</div>
        <div class="s26-tl-desc">準々決勝イングランド戦でマラドーナが同一試合で「神の手ゴール」と「世紀の5人抜きゴール」を記録。歴史上最も語られる試合のひとつ。</div>
      </div>

      <div class="s26-tl-item">
        <div class="s26-tl-year">2002年 日韓大会</div>
        <div class="s26-tl-title">アジア初開催 — 日本がベスト16</div>
        <div class="s26-tl-desc">日本・韓国の共催で初めてアジアで開催。韓国が4位の快挙。日本代表はグループリーグ突破でベスト16を達成。</div>
      </div>

      <div class="s26-tl-item">
        <div class="s26-tl-year">2022年 カタール大会</div>
        <div class="s26-tl-title">中東初開催 — アルゼンチンが36年ぶり優勝</div>
        <div class="s26-tl-desc">メッシ率いるアルゼンチンが決勝でフランスをPK戦の末に制し世界王者に。日本はドイツ・スペインを撃破してグループ首位通過の歴史的快挙。</div>
      </div>

    </div>

    <div class="s26-highlight">
      <div class="s26-highlight-title">🏆 歴代優勝国（複数回）</div>
      <p>
        <strong>ブラジル 5回</strong>（1958・62・70・94・2002）／
        <strong>ドイツ 4回</strong>（1954・74・90・2014）／
        <strong>イタリア 4回</strong>（1934・38・82・2006）／
        <strong>アルゼンチン 3回</strong>（1978・86・2022）／
        <strong>フランス 2回</strong>（1998・2018）
      </p>
    </div>
  </section>


  <!-- ===================================================
       h2③ 日本代表のW杯挑戦史
       =================================================== -->
  <section class="s26-section" id="s26-japan" aria-labelledby="s26-h2-japan">
    <h2 class="s26-h2" id="s26-h2-japan">
      <span class="s26-h2-num">03</span>
      日本代表のW杯挑戦史
    </h2>

    <p class="s26-body-text">
      日本代表が初めてワールドカップの舞台に立ったのは1998年のフランス大会。それ以来8大会連続で本大会出場を果たし、
      2022年カタール大会では「ドーハの歓喜」と称されるドイツ・スペイン撃破の歴史的番狂わせを演じました。
      アジアの雄として着実に世界との距離を縮めている日本代表の軌跡を振り返ります。
    </p>

    <h3 class="s26-h3">大会別 日本代表の戦績</h3>

    <div class="s26-match-grid" aria-label="日本代表W杯戦績一覧">

      <div class="s26-match-card">
        <div class="s26-match-year">1998年 フランス大会</div>
        <div class="s26-match-title">初出場 — グループリーグ敗退</div>
        <div class="s26-match-result">
          アルゼンチン <span class="lose">0-1</span> ／ クロアチア <span class="lose">0-1</span> ／ ジャマイカ <span class="lose">1-2</span><br>
          岡田武史監督のもとW杯初出場も3戦全敗
        </div>
      </div>

      <div class="s26-match-card">
        <div class="s26-match-year">2002年 日韓大会</div>
        <div class="s26-match-title">ベスト16 — 自国開催で躍進</div>
        <div class="s26-match-result">
          ベルギー <span class="draw">2-2</span> ／ ロシア <span class="win">1-0</span> ／ チュニジア <span class="win">2-0</span><br>
          トルコに <span class="lose">0-1</span> 敗れラウンド16で終戦
        </div>
      </div>

      <div class="s26-match-card">
        <div class="s26-match-year">2006年 ドイツ大会</div>
        <div class="s26-match-title">グループリーグ敗退</div>
        <div class="s26-match-result">
          オーストラリア <span class="lose">1-3</span> ／ クロアチア <span class="draw">0-0</span> ／ ブラジル <span class="lose">1-4</span><br>
          1分2敗でグループ最下位
        </div>
      </div>

      <div class="s26-match-card">
        <div class="s26-match-year">2010年 南アフリカ大会</div>
        <div class="s26-match-title">ベスト16 — カメルーンを撃破</div>
        <div class="s26-match-result">
          カメルーン <span class="win">1-0</span> ／ オランダ <span class="lose">0-1</span> ／ デンマーク <span class="win">3-1</span><br>
          パラグアイにPK戦で惜敗
        </div>
      </div>

      <div class="s26-match-card">
        <div class="s26-match-year">2014年 ブラジル大会</div>
        <div class="s26-match-title">グループリーグ敗退</div>
        <div class="s26-match-result">
          コートジボワール <span class="lose">1-2</span> ／ ギリシャ <span class="draw">0-0</span> ／ コロンビア <span class="lose">1-4</span><br>
          1分2敗でグループ敗退
        </div>
      </div>

      <div class="s26-match-card">
        <div class="s26-match-year">2018年 ロシア大会</div>
        <div class="s26-match-title">ベスト16 — ベルギーに劇的逆転負け</div>
        <div class="s26-match-result">
          コロンビア <span class="win">2-1</span> ／ セネガル <span class="draw">2-2</span> ／ ポーランド <span class="lose">0-1</span><br>
          ベルギーに2-0から逆転され <span class="lose">2-3</span>
        </div>
      </div>

      <div class="s26-match-card" style="border-color:rgba(232,185,35,.4);">
        <div class="s26-match-year">2022年 カタール大会</div>
        <div class="s26-match-title">🏅 ベスト16「ドーハの歓喜」</div>
        <div class="s26-match-result">
          ドイツ <span class="win">2-1</span> ／ コスタリカ <span class="lose">0-1</span> ／ スペイン <span class="win">2-1</span><br>
          グループE首位通過。クロアチアにPK戦で惜敗
        </div>
      </div>

    </div>

    <div class="s26-highlight">
      <div class="s26-highlight-title">🇯🇵 日本代表 W杯通算成績</div>
      <p>
        本大会出場 <strong>8大会連続</strong>（1998〜2026）／
        通算成績 <strong>7勝6分12敗（25試合）</strong>／
        最高成績 <strong>ベスト16（2002・2010・2018・2022年）</strong>
      </p>
    </div>
  </section>


  <!-- ===================================================
       h2④ 2026年W杯の注目ポイント
       =================================================== -->
  <section class="s26-section" id="s26-2026" aria-labelledby="s26-h2-2026">
    <h2 class="s26-h2" id="s26-h2-2026">
      <span class="s26-h2-num">04</span>
      2026年W杯の注目ポイント
    </h2>

    <p class="s26-body-text">
      2026年6月11日から7月19日にかけて、カナダ・メキシコ・アメリカの3カ国16都市で開催される
      FIFA ワールドカップ 2026。史上初の3カ国共催かつ過去最多48カ国参加という、
      まったく新しいフォーマットで行われる「次世代W杯」の見どころを整理します。
    </p>

    <div class="s26-info-grid">
      <div class="s26-info-card">
        <span class="s26-info-card-num">16</span>
        <span class="s26-info-card-label">開催都市数<br>（過去最多）</span>
      </div>
      <div class="s26-info-card">
        <span class="s26-info-card-num">3</span>
        <span class="s26-info-card-label">共催国<br>（史上初）</span>
      </div>
      <div class="s26-info-card">
        <span class="s26-info-card-num">8.5</span>
        <span class="s26-info-card-label">アジア枠<br>（AFC割当）</span>
      </div>
      <div class="s26-info-card">
        <span class="s26-info-card-num">7/19</span>
        <span class="s26-info-card-label">決勝日<br>メットライフ</span>
      </div>
    </div>

    <h3 class="s26-h3">日本代表の展望と注目選手</h3>
    <p class="s26-body-text">
      AFC最終予選をグループ首位で通過した日本代表（2026年大会）は、
      欧州主要クラブに所属する選手が増え、戦力的には過去最高水準に達しています。
      久保建英（レアル・ソシエダ）、鎌田大地（クリスタル・パレス）、
      上田綺世（フェイエノールト）、鈴木彩艶（パルマ）など欧州主要リーグの主力を擁しています。
      なお、当初キャプテンとして選出されていた遠藤航（リバプール）は負傷により大会直前に離脱・代表引退を表明。
      町野修斗が追加招集されています。それでも初のベスト8進出が現実的な目標として語られています。
    </p>

    <div class="s26-highlight">
      <div class="s26-highlight-title">📍 日本代表グループリーグ — 確定情報（グループF）</div>
      <p>
        組み合わせ抽選は2025年12月に実施済み。日本は<strong>グループF（オランダ・チュニジア・スウェーデン）</strong>に入りました。
        時差は日本との差が<strong>約13〜16時間</strong>のため、現地観戦組は時差対策も要チェック。
      </p>
    </div>
  </section>


  <!-- ===================================================
       h2⑤ 現地観戦旅行ヒント（アフィリエイト）
       =================================================== -->
  <section class="s26-section" id="s26-travel" aria-labelledby="s26-h2-travel">
    <h2 class="s26-h2" id="s26-h2-travel">
      <span class="s26-h2-num">05</span>
      W杯現地観戦を夢見るなら — 旅行ヒント
    </h2>

    <p class="s26-body-text">
      2026年W杯の会場はカナダ・メキシコ・アメリカの3カ国に点在しています。
      日本から北米へのフライト、現地のホテル、都市間の移動——早めに計画を立てることが現地観戦成功のカギです。
      以下、旅行手配に役立つサービスをまとめました。
    </p>

    <div class="s26-affiliate-grid">

      <!-- Agoda -->
      <div class="s26-aff-card">
        <div class="s26-aff-label">🏨 ホテル予約</div>
        <div class="s26-aff-title">Agoda — 北米ホテルを格安で確保</div>
        <div class="s26-aff-desc">
          ニューヨーク・ロサンゼルス・トロントなど会場周辺のホテルを早期予約。W杯期間中は需要が急騰するため、チケット入手と同時に手配がベスト。
        </div>
        <a rel="nofollow sponsored noopener" href="https://px.a8.net/svt/ejp?a8mat=45KJOL+786GWQ+4X1W+5YRHE" class="s26-aff-btn" target="_blank" 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 class="s26-aff-card">
        <div class="s26-aff-label">🌐 総合旅行</div>
        <div class="s26-aff-title">楽天トラベル — ツアーからホテルまで</div>
        <div class="s26-aff-desc">
          北米行きの航空券＋ホテルのセットプランを探すなら楽天トラベルが便利。楽天ポイントも貯まるため、普段から楽天を使っている方に最適。
        </div>
        <a rel="nofollow sponsored noopener" href="https://hb.afl.rakuten.co.jp/hsc/519847ef.da5c87d5.14f9512a.7f2b5755/?link_type=text&amp;ut=eyJwYWdlIjoic2hvcCIsInR5cGUiOiJ0ZXh0IiwiY29sIjoxLCJjYXQiOjEsImJhbiI6Im5hbWUiLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" class="s26-aff-btn" style="word-wrap:break-word;" aria-label="楽天トラベルで旅行を探す（外部サイト）">
          🎌 楽天トラベルで探す
        </a>
      </div>

      <!-- JAL -->
      <div class="s26-aff-card">
        <div class="s26-aff-label">✈️ 航空券</div>
        <div class="s26-aff-title">JAL国際線 — 北米直行便でW杯へ</div>
        <div class="s26-aff-desc">
          成田・羽田からロサンゼルス・ニューヨーク・バンクーバーへの直行便を運航。マイル積算やJALラウンジも使える快適なフライトで観戦旅行を。
        </div>
        <a rel="nofollow sponsored noopener" target="_blank" href="https://click.linksynergy.com/fs-bin/click?id=vzeFrERo8sY&amp;offerid=426941.33&amp;type=3&amp;subid=0" class="s26-aff-btn" aria-label="JAL国際線の航空券を探す（外部サイト）">
          🛫 JAL国際線を予約する
        </a>
        <img decoding="async" border="0" width="1" alt="" height="1" src="https://ad.linksynergy.com/fs-bin/show?id=vzeFrERo8sY&amp;bids=426941.33&amp;type=3&amp;subid=0">
      </div>

      <!-- WAS -->
      <div class="s26-aff-card">
        <div class="s26-aff-label">🌎 海外旅行専門</div>
        <div class="s26-aff-title">W.A.S. ワールドエアシステム</div>
        <div class="s26-aff-desc">
          海外旅行の専門店として40年以上の実績。W杯観戦パッケージや現地ツアーを含む北米旅行プランを専門スタッフが手配してくれる安心感が魅力。
        </div>
        <a rel="nofollow sponsored noopener" href="https://www.rentracks.jp/adx/r.html?idx=0.72494.376502.2886.4416&amp;dna=64827" target="_blank" class="s26-aff-btn" aria-label="W.A.S.ワールドエアシステムで旅行を相談する（外部サイト）">
          🗺️ 旅行プランを相談する
        </a>
        <img decoding="async" src="https://www.rentracks.jp/adx/p.gifx?idx=0.72494.376502.2886.4416&amp;dna=64827" border="0" height="1" width="1" alt="">
      </div>

    </div>

    <div class="s26-highlight">
      <div class="s26-highlight-title">💡 現地観戦 準備チェックポイント</div>
      <p>
        <strong>① チケット</strong>はFIFA公式サイトのみで販売（転売注意）／
        <strong>② ホテル</strong>は試合日程確定後すぐ予約（会場から30分圏内が理想）／
        <strong>③ ESTAまたはeTA</strong>（米・加入国には事前申請必須）／
        <strong>④ 海外旅行保険</strong>の加入も忘れずに
      </p>
    </div>
  </section>

  <!-- ===================================================
       FAQ・まとめ追加CSS
       =================================================== -->
  <style>
  /* ===== FAQ ===== */
  .s26-faq-list {
    display: grid;
    gap: 12px;
    margin: 20px 0 0;
  }
  .s26-faq-item {
    background: var(--s26-dark-card);
    border: 1px solid rgba(0,168,255,.2);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color var(--s26-trans);
  }
  .s26-faq-item:hover {
    border-color: rgba(0,168,255,.45);
  }
  .s26-faq-q {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    cursor: pointer;
    list-style: none;
    font-size: .93rem;
    font-weight: 700;
    color: #fff;
    transition: background var(--s26-trans);
    user-select: none;
  }
  .s26-faq-q::-webkit-details-marker { display: none; }
  .s26-faq-q::marker { content: ''; }
  .s26-faq-item[open] .s26-faq-q {
    background: rgba(0,168,255,.07);
    border-bottom: 1px solid rgba(0,168,255,.15);
  }
  .s26-faq-q-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    background: linear-gradient(135deg, var(--s26-blue-d), var(--s26-blue));
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
    border-radius: 7px;
    box-shadow: 0 0 10px rgba(0,168,255,.4);
    flex-shrink: 0;
  }
  .s26-faq-q-text {
    flex: 1;
    line-height: 1.75;
    letter-spacing: .02em;
  }
  .s26-faq-q-arrow {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: var(--s26-cyan);
    stroke-width: 2.5;
    transition: transform var(--s26-trans);
    flex-shrink: 0;
  }
  .s26-faq-item[open] .s26-faq-q-arrow {
    transform: rotate(180deg);
  }
  .s26-faq-a {
    padding: 16px 20px 18px 62px;
    font-size: .9rem;
    color: rgba(255,255,255,.75);
    line-height: 2.05;
    letter-spacing: .025em;
  }
  .s26-faq-a strong {
    color: var(--s26-cyan);
  }

  /* ===== まとめ ===== */
  .s26-summary {
    background: var(--s26-dark-card);
    border: 1px solid rgba(232,185,35,.3);
    border-radius: var(--s26-radius);
    padding: 36px 32px;
    margin-bottom: 48px;
    position: relative;
    overflow: hidden;
  }
  .s26-summary::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--s26-gold), var(--s26-cyan), var(--s26-gold));
  }
  .s26-summary::after {
    content: '';
    position: absolute;
    bottom: -60px; right: -60px;
    width: 200px; height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232,185,35,.07), transparent 70%);
    pointer-events: none;
  }
  .s26-summary-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--s26-gold);
    margin-bottom: 20px;
    letter-spacing: .04em;
  }
  .s26-summary-title svg {
    width: 22px; height: 22px;
    fill: var(--s26-gold);
  }
  .s26-summary-body {
    font-size: .93rem;
    color: rgba(255,255,255,.8);
    line-height: 2.1;
    letter-spacing: .025em;
    margin-bottom: 28px;
  }
  .s26-summary-body strong {
    color: var(--s26-cyan);
  }
  .s26-summary-checks {
    list-style: none;
    margin: 0; padding: 0;
    display: grid;
    gap: 10px;
    border-top: 1px solid rgba(232,185,35,.15);
    padding-top: 20px;
  }
  .s26-summary-checks li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: .9rem;
    color: rgba(255,255,255,.75);
    line-height: 1.95;
    letter-spacing: .02em;
  }
  .s26-summary-checks li::before {
    content: '✦';
    color: var(--s26-gold);
    font-size: .85rem;
    margin-top: 2px;
    flex-shrink: 0;
  }

  /* ページトップへ戻るボタン */
  .s26-back-top {
    display: flex;
    justify-content: center;
    margin: 40px 0 16px;
  }
  .s26-back-top a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0,168,255,.1);
    border: 1px solid rgba(0,168,255,.3);
    color: var(--s26-cyan);
    font-size: .83rem;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 999px;
    text-decoration: none;
    transition: background var(--s26-trans), box-shadow var(--s26-trans);
    letter-spacing: .05em;
  }
  .s26-back-top a:hover {
    background: rgba(0,168,255,.18);
    box-shadow: 0 0 16px rgba(0,168,255,.25);
  }

  @media (max-width: 640px) {
    .s26-faq-a { padding-left: 20px; }
    .s26-summary { padding: 24px 20px; }
  }
  </style>


  <!-- ===================================================
       FAQ
       =================================================== -->
  <section class="s26-section" id="s26-faq" aria-labelledby="s26-h2-faq">
    <h2 class="s26-h2" id="s26-h2-faq">
      <span class="s26-h2-num">06</span>
      よくある質問（FAQ）
    </h2>

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

      <details class="s26-faq-item">
        <summary class="s26-faq-q">
          <span class="s26-faq-q-badge">Q1</span>
          <span class="s26-faq-q-text">FIFAワールドカップは何年に一度開催されますか？</span>
          <svg class="s26-faq-q-arrow" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"></polyline></svg>
        </summary>
        <div class="s26-faq-a">
          ワールドカップは<strong>4年に一度</strong>開催されます。2022年カタール大会の次は<strong>2026年北中米大会</strong>（カナダ・メキシコ・アメリカ共催）、その次は2030年大会（スペイン・ポルトガル・モロッコ等で開催予定）です。また、女子ワールドカップも同様に4年に一度、男子とは別の年に開催されます。
        </div>
      </details>

      <details class="s26-faq-item">
        <summary class="s26-faq-q">
          <span class="s26-faq-q-badge">Q2</span>
          <span class="s26-faq-q-text">2026年W杯で出場国が増えると聞きましたが、日本代表への影響は？</span>
          <svg class="s26-faq-q-arrow" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"></polyline></svg>
        </summary>
        <div class="s26-faq-a">
          2026年大会から出場国数が<strong>32カ国→48カ国</strong>に拡大されました。アジア（AFC）への割当枠も<strong>4.5枠→8.5枠</strong>に増加しており、日本代表にとっては本大会出場がより確実になっています。ただし出場国が増えることで、グループリーグのレベルや対戦相手の多様性も変わるため、単純に「楽になる」とは言い切れません。
        </div>
      </details>

      <details class="s26-faq-item">
        <summary class="s26-faq-q">
          <span class="s26-faq-q-badge">Q3</span>
          <span class="s26-faq-q-text">日本代表がW杯で最も輝いた試合はどれですか？</span>
          <svg class="s26-faq-q-arrow" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"></polyline></svg>
        </summary>
        <div class="s26-faq-a">
          多くのサッカーファンが挙げるのは<strong>2022年カタール大会グループリーグのドイツ戦・スペイン戦</strong>です。ともに前半を0-1で折り返しながら後半に逆転勝利を収めた「奇跡の逆転劇」は「ドーハの歓喜」として語り継がれています。特にスペインに対してVAR判定で認められた三笘薫のゴールライン際の折り返しは、世界中で話題になりました。
        </div>
      </details>

      <details class="s26-faq-item">
        <summary class="s26-faq-q">
          <span class="s26-faq-q-badge">Q4</span>
          <span class="s26-faq-q-text">2026年W杯を現地観戦するには何を準備すればいいですか？</span>
          <svg class="s26-faq-q-arrow" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"></polyline></svg>
        </summary>
        <div class="s26-faq-a">
          主な準備は4つです。<strong>① チケット</strong>：FIFA公式サイト（FIFA+）での購入が唯一の正規ルートです。転売サイトは偽造・詐欺のリスクがあり推奨しません。<strong>② 入国手続き</strong>：アメリカ入国にはESTAまたはビザ、カナダ入国にはeTA（電子渡航認証）が必要です。<strong>③ 宿泊</strong>：試合日程確定後すぐに会場近くを押さえましょう。W杯期間中は価格が数倍に跳ね上がります。<strong>④ 海外旅行保険</strong>：医療費が高額な北米では必須です。
        </div>
      </details>

      <details class="s26-faq-item">
        <summary class="s26-faq-q">
          <span class="s26-faq-q-badge">Q5</span>
          <span class="s26-faq-q-text">歴代で最も多くW杯優勝した国はどこですか？</span>
          <svg class="s26-faq-q-arrow" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"></polyline></svg>
        </summary>
        <div class="s26-faq-a">
          歴代最多優勝国は<strong>ブラジル（5回）</strong>です。1958年・1962年・1970年・1994年・2002年と、異なる世代で5度の世界制覇を達成しています。続いてドイツとイタリアが各4回、アルゼンチンが3回（2022年大会での優勝で更新）となっています。
        </div>
      </details>

      <details class="s26-faq-item">
        <summary class="s26-faq-q">
          <span class="s26-faq-q-badge">Q6</span>
          <span class="s26-faq-q-text">日本からアメリカ・カナダへの移動はどのくらいかかりますか？</span>
          <svg class="s26-faq-q-arrow" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"></polyline></svg>
        </summary>
        <div class="s26-faq-a">
          成田・羽田発の直行便でロサンゼルスまで約<strong>10〜11時間</strong>、ニューヨークまで約<strong>13〜14時間</strong>、トロント（カナダ）まで約<strong>13時間</strong>が目安です。時差はロサンゼルスが日本より<strong>16時間遅れ</strong>（夏時間適用時）、ニューヨークが<strong>13時間遅れ</strong>です。長距離フライトになるため、ビジネスクラスやプレミアムエコノミーも検討する価値があります。
        </div>
      </details>

      <details class="s26-faq-item">
        <summary class="s26-faq-q">
          <span class="s26-faq-q-badge">Q7</span>
          <span class="s26-faq-q-text">12GoアジアはW杯観戦旅行に使えますか？</span>
          <svg class="s26-faq-q-arrow" viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"></polyline></svg>
        </summary>
        <div class="s26-faq-a">
          <a rel="nofollow noopener" href="https://12go.asia/?z=13808815" target="_blank" style="color:var(--s26-cyan);">12Go Asia</a>は主に<strong>東南アジア・南アジア</strong>向けの交通予約サービスです。バス・電車・フェリーなどをまとめて手配できるため、W杯観戦の前後にタイやベトナムなど<strong>アジア周遊を組み合わせる旅程</strong>にとても便利です。北米内の移動には対応していないため、現地都市間の移動はグレイハウンドバスやアムトラック、格安航空会社（Southwest・Frontier等）をご利用ください。
        </div>
      </details>

    </div>
  </section>


  <!-- ===================================================
       まとめ
       =================================================== -->
  <section class="s26-summary" id="s26-summary" aria-labelledby="s26-summary-title">
    <div class="s26-summary-title" id="s26-summary-title">
      <svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"></path></svg>
      まとめ — W杯を存分に楽しむために
    </div>
    <div class="s26-summary-body">
      FIFAワールドカップは1930年の創設以来、人類が共有してきた最大の「フットボールの祭典」です。
      2026年大会は史上初の3カ国共催・48カ国参加という新フォーマットで開催され、
      日本代表も<strong>AFC枠の拡大（8.5枠）</strong>を追い風に過去最強の陣容で挑む予定です。
      「ドーハの歓喜」の再来——そしてその先のベスト8以上——を現地で目撃するチャンスは、
      いまこそしっかりと準備することで手の届く夢になります。
    </div>
    <ul class="s26-summary-checks">
      <li>W杯は<strong>4年に一度</strong>。2026年は48カ国が参加する史上最大規模の大会</li>
      <li>日本代表は1998年以来<strong>8大会連続出場</strong>（2026年で8回目）。グループFでオランダ・チュニジア・スウェーデンと対戦</li>
      <li>現地観戦を目指すなら<strong>チケット・ホテル・フライト</strong>を早期に手配することが最重要</li>
      <li>旅行手配は<strong>Agoda・楽天トラベル・JAL・WAS</strong>など信頼できるサービスを活用しよう</li>
      <li>入国にはESTAまたはeTAが必要。<strong>海外旅行保険</strong>も必ず加入を</li>
    </ul>
  </section>

  <!-- ページトップへ -->
  <div class="s26-back-top">
    <a href="#s26-top" aria-label="記事のトップへ戻る">
      ↑ 記事のトップへ戻る
    </a>
  </div>

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


<!-- ===================================================
     FAQスキーマ（JSON-LD）
     =================================================== -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "FIFAワールドカップは何年に一度開催されますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ワールドカップは4年に一度開催されます。2022年カタール大会の次は2026年北中米大会（カナダ・メキシコ・アメリカ共催）、その次は2030年大会（スペイン・ポルトガル・モロッコ等で開催予定）です。"
      }
    },
    {
      "@type": "Question",
      "name": "2026年W杯で出場国が増えると聞きましたが、日本代表への影響は？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "2026年大会から出場国数が32カ国から48カ国に拡大されました。アジア（AFC）への割当枠も4.5枠から8.5枠に増加しており、日本代表にとっては本大会出場がより確実になっています。"
      }
    },
    {
      "@type": "Question",
      "name": "日本代表がW杯で最も輝いた試合はどれですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "多くのサッカーファンが挙げるのは2022年カタール大会グループリーグのドイツ戦・スペイン戦です。ともに前半を0-1で折り返しながら後半に逆転勝利を収めた「ドーハの歓喜」として語り継がれています。"
      }
    },
    {
      "@type": "Question",
      "name": "2026年W杯を現地観戦するには何を準備すればいいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "主な準備は4つです。①チケット：FIFA公式サイトでの購入が唯一の正規ルートです。②入国手続き：アメリカ入国にはESTAまたはビザ、カナダ入国にはeTA（電子渡航認証）が必要です。③宿泊：試合日程確定後すぐに会場近くを押さえましょう。④海外旅行保険：医療費が高額な北米では必須です。"
      }
    },
    {
      "@type": "Question",
      "name": "歴代で最も多くW杯優勝した国はどこですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "歴代最多優勝国はブラジル（5回）です。1958年・1962年・1970年・1994年・2002年と、異なる世代で5度の世界制覇を達成しています。続いてドイツとイタリアが各4回、アルゼンチンが3回となっています。"
      }
    },
    {
      "@type": "Question",
      "name": "日本からアメリカ・カナダへの移動はどのくらいかかりますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "成田・羽田発の直行便でロサンゼルスまで約10〜11時間、ニューヨークまで約13〜14時間、トロント（カナダ）まで約13時間が目安です。時差はロサンゼルスが日本より16時間遅れ（夏時間適用時）、ニューヨークが13時間遅れです。"
      }
    },
    {
      "@type": "Question",
      "name": "12GoアジアはW杯観戦旅行に使えますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "12Go Asiaは主に東南アジア・南アジア向けの交通予約サービスです。W杯観戦の前後にタイやベトナムなどアジア周遊を組み合わせる旅程に便利です。北米内の移動には対応していません。"
      }
    }
  ]
}
</script>

<!-- ===== 目次トグルJS ===== -->
<script>
(function () {
  var btn  = document.getElementById('s26-toc-btn');
  var body = document.getElementById('s26-toc-body');
  if (!btn || !body) return;

  btn.addEventListener('click', function () {
    var expanded = btn.getAttribute('aria-expanded') === 'true';
    btn.setAttribute('aria-expanded', String(!expanded));
    body.classList.toggle('is-open', !expanded);
  });

  /* スムーズスクロール */
  document.querySelectorAll('.s26-toc-list a').forEach(function (a) {
    a.addEventListener('click', function (e) {
      var target = document.querySelector(a.getAttribute('href'));
      if (target) {
        e.preventDefault();
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  });
})();
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/fifa-world-cup-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>2026年夏至（6月21日）完全ガイド｜昼が最も長い日の全知識</title>
		<link>https://yoooyooo8.jp/geshi-2026/</link>
					<comments>https://yoooyooo8.jp/geshi-2026/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sun, 21 Jun 2026 12:37:35 +0000</pubDate>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[天文学への旅]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2847</guid>

					<description><![CDATA[☀️ SUMMER SOLSTICE 2026 夏至とは？一年で最も昼が長い日のすべてを知る 2026年6月21日｜天文・風習・世界の祝い方まで 読了時間：約8分 天文・文化・風習を網羅 2026年最新情報 KEY PO [&#8230;]]]></description>
										<content:encoded><![CDATA[
<style>

/* =====================================================
   スコープ: .s26-wrap 配下にのみ適用
   ===================================================== */

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

/* =====================================================
   カスタムプロパティ
   ===================================================== */
.s26-wrap {
  --sun-gold:    #F5A623;
  --sun-light:   #FFD166;
  --sky-top:     #0A1628;
  --sky-mid:     #1A3A5C;
  --sky-dawn:    #FF6B35;
  --sky-glow:    #FFB347;
  --text-light:  #FFFFFF;
  --text-dark:   #1A1A2E;
  --accent:      #F5A623;
  --card-bg:     rgba(255,255,255,0.08);
  --radius-lg:   20px;
  --radius-md:   12px;
  /* 追加変数（本文・FAQ・まとめで使用） */
  --sky-deep:   #0A1628;
  --text-body:  #333344;
  --text-muted: #666680;
  --bg-warm:    #FFF9F0;
  font-family: 'Noto Sans JP', 'Hiragino Sans', sans-serif;
}

/* =====================================================
   ヒーローセクション
   ===================================================== */
.s26-hero {
  position: relative;
  width: 100%;
  min-height: 520px;
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    var(--sky-top) 0%,
    var(--sky-mid) 45%,
    #2D6A8F 65%,
    var(--sky-dawn) 85%,
    var(--sky-glow) 100%
  );
  padding: 60px 20px 80px;
}

/* 太陽 */
.s26-sun {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, #FFF7AA 0%, #FFD166 40%, #F5A623 70%, #E8730A 100%);
  box-shadow:
    0 0 60px 20px rgba(245,166,35,0.6),
    0 0 120px 60px rgba(255,209,102,0.3),
    0 0 200px 100px rgba(245,166,35,0.15);
  animation: s26-sun-pulse 4s ease-in-out infinite;
  z-index: 1;
}

@keyframes s26-sun-pulse {
  0%, 100% { box-shadow: 0 0 60px 20px rgba(245,166,35,0.6), 0 0 120px 60px rgba(255,209,102,0.3), 0 0 200px 100px rgba(245,166,35,0.15); }
  50%       { box-shadow: 0 0 80px 30px rgba(245,166,35,0.8), 0 0 160px 80px rgba(255,209,102,0.4), 0 0 250px 120px rgba(245,166,35,0.2); }
}

/* 太陽光線 */
.s26-rays {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 300px;
  z-index: 0;
}

.s26-ray {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 280px;
  background: linear-gradient(to top, rgba(255,209,102,0.6), transparent);
  transform-origin: bottom center;
  animation: s26-ray-fade 4s ease-in-out infinite;
}

.s26-ray:nth-child(1)  { transform: translateX(-50%) rotate(-75deg); animation-delay: 0s; }
.s26-ray:nth-child(2)  { transform: translateX(-50%) rotate(-60deg); animation-delay: 0.2s; }
.s26-ray:nth-child(3)  { transform: translateX(-50%) rotate(-45deg); animation-delay: 0.4s; }
.s26-ray:nth-child(4)  { transform: translateX(-50%) rotate(-30deg); animation-delay: 0.6s; }
.s26-ray:nth-child(5)  { transform: translateX(-50%) rotate(-15deg); animation-delay: 0.8s; }
.s26-ray:nth-child(6)  { transform: translateX(-50%) rotate(0deg);   animation-delay: 1.0s; }
.s26-ray:nth-child(7)  { transform: translateX(-50%) rotate(15deg);  animation-delay: 0.8s; }
.s26-ray:nth-child(8)  { transform: translateX(-50%) rotate(30deg);  animation-delay: 0.6s; }
.s26-ray:nth-child(9)  { transform: translateX(-50%) rotate(45deg);  animation-delay: 0.4s; }
.s26-ray:nth-child(10) { transform: translateX(-50%) rotate(60deg);  animation-delay: 0.2s; }
.s26-ray:nth-child(11) { transform: translateX(-50%) rotate(75deg);  animation-delay: 0s; }

@keyframes s26-ray-fade {
  0%, 100% { opacity: 0.4; }
  50%       { opacity: 1; }
}

/* 星 */
.s26-stars {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 60%;
  z-index: 0;
}

.s26-star {
  position: absolute;
  width: 3px; height: 3px;
  background: #fff;
  border-radius: 50%;
  animation: s26-twinkle 3s ease-in-out infinite;
}

@keyframes s26-twinkle {
  0%, 100% { opacity: 0.2; transform: scale(1); }
  50%       { opacity: 1;   transform: scale(1.5); }
}

/* ヒーローコンテンツ */
.s26-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: var(--text-light);
}

.s26-hero-badge {
  display: inline-block;
  background: rgba(245,166,35,0.25);
  border: 1px solid rgba(245,166,35,0.6);
  color: var(--sun-light);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 5px 16px;
  border-radius: 20px;
  margin-bottom: 18px;
  backdrop-filter: blur(4px);
  animation: s26-fade-down 0.8s ease both;
}

/* Cocoon干渉対策 */
.s26-wrap .s26-hero h2.s26-hero-title,
.s26-hero-title {
  background: transparent;
  padding: 0;
  border: none;
  margin: 0 0 12px;
  font-size: clamp(1.8rem, 5vw, 3rem);
  font-weight: 900;
  color: #FFFFFF;
  text-shadow:
    0 0 30px rgba(245,166,35,0.8),
    0 2px 8px rgba(0,0,0,0.4);
  line-height: 1.3;
  letter-spacing: 0.04em;
  animation: s26-fade-down 0.8s 0.2s ease both;
}

.s26-hero-sub {
  font-size: clamp(0.95rem, 2.5vw, 1.2rem);
  color: rgba(255,255,255,0.85);
  font-weight: 400;
  margin-bottom: 28px;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
  animation: s26-fade-down 0.8s 0.4s ease both;
}

.s26-hero-meta {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  animation: s26-fade-down 0.8s 0.6s ease both;
}

.s26-hero-meta-item {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  backdrop-filter: blur(6px);
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 0.85rem;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
}

.s26-hero-meta-item svg {
  width: 16px; height: 16px;
  fill: var(--sun-light);
}

@keyframes s26-fade-down {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 水平線グロウ */
.s26-horizon-glow {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 120px;
  background: linear-gradient(to top, rgba(255,107,53,0.5), transparent);
  z-index: 1;
}

/* =====================================================
   この記事の要点
   ===================================================== */
.s26-points {
  margin: 48px 0 36px;
}

.s26-section-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: var(--sun-gold);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.s26-points-title {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--text-dark);
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.s26-points-title::after {
  content: '';
  flex: 1;
  height: 2px;
  background: linear-gradient(to right, var(--sun-gold), transparent);
}

.s26-points-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

.s26-point-card {
  background: linear-gradient(135deg, #FFF9F0 0%, #FFFDF8 100%);
  border: 1px solid rgba(245,166,35,0.25);
  border-left: 4px solid var(--sun-gold);
  border-radius: var(--radius-md);
  padding: 18px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.s26-point-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(245,166,35,0.15);
}

.s26-point-icon {
  width: 40px; height: 40px;
  min-width: 40px;
  background: linear-gradient(135deg, var(--sun-gold), var(--sun-light));
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}

.s26-point-text strong {
  display: block;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 3px;
}

.s26-point-text span {
  font-size: 0.82rem;
  color: #666;
  line-height: 1.5;
}

/* =====================================================
   アニメーション目次
   ===================================================== */
.s26-toc {
  background: linear-gradient(135deg, #0A1628 0%, #1A3A5C 100%);
  border-radius: var(--radius-lg);
  padding: 32px 36px;
  margin: 0 0 48px;
  position: relative;
  overflow: hidden;
}

.s26-toc::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(245,166,35,0.2), transparent 70%);
  border-radius: 50%;
}

.s26-toc::after {
  content: '';
  position: absolute;
  bottom: -40px; left: -40px;
  width: 160px; height: 160px;
  background: radial-gradient(circle, rgba(255,107,53,0.15), transparent 70%);
  border-radius: 50%;
}

.s26-toc-inner {
  position: relative;
  z-index: 1;
}

.s26-toc-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.s26-toc-icon {
  width: 36px; height: 36px;
  background: linear-gradient(135deg, var(--sun-gold), var(--sun-light));
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem;
}

.s26-wrap .s26-toc h3.s26-toc-title,
.s26-toc-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
}

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

.s26-toc-item {
  opacity: 0;
  transform: translateX(-16px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.s26-toc-item.s26-visible {
  opacity: 1;
  transform: translateX(0);
}

.s26-toc-item a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 8px;
  color: rgba(255,255,255,0.82);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background 0.2s ease, color 0.2s ease;
}

.s26-toc-item a:hover {
  background: rgba(245,166,35,0.15);
  color: var(--sun-light);
}

.s26-toc-num {
  min-width: 26px; height: 26px;
  background: rgba(245,166,35,0.2);
  border: 1px solid rgba(245,166,35,0.4);
  border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--sun-light);
}

.s26-toc-item a:hover .s26-toc-num {
  background: var(--sun-gold);
  color: #fff;
}

/* =====================================================
   レスポンシブ
   ===================================================== */
@media (max-width: 640px) {
  .s26-toc {
    padding: 24px 20px;
  }
  .s26-points-grid {
    grid-template-columns: 1fr;
  }
}

/* =====================================================
   共通：セクション見出し
   ===================================================== */
.s26-wrap h2.s26-sec-title {
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 800;
  color: var(--text-dark);
  margin: 0 0 8px;
  padding: 0;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 12px;
}

.s26-wrap h2.s26-sec-title .s26-sec-icon {
  width: 44px; height: 44px;
  min-width: 44px;
  background: linear-gradient(135deg, var(--sun-gold), var(--sun-light));
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}

.s26-sec-desc {
  font-size: 1rem;
  color: var(--text-muted);
  margin: 0 0 28px;
  padding-left: 56px;
  line-height: 1.7;
}

.s26-sec-divider {
  width: 60px; height: 3px;
  background: linear-gradient(to right, var(--sun-gold), var(--sun-light));
  border-radius: 2px;
  margin: 8px 0 20px 56px;
}

/* セクションラッパー */
.s26-section {
  margin: 0 0 64px;
  padding: 0;
}

/* 本文テキスト */
.s26-wrap .s26-body-text {
  font-size: 1rem;
  line-height: 1.85;
  color: var(--text-body);
  margin: 0 0 20px;
}

/* =====================================================
   ハイライトボックス
   ===================================================== */
.s26-highlight {
  background: linear-gradient(135deg, #FFF8EC 0%, #FFFDF6 100%);
  border: 1px solid rgba(245,166,35,0.3);
  border-left: 5px solid var(--sun-gold);
  border-radius: var(--radius-md);
  padding: 20px 24px;
  margin: 28px 0;
  font-size: 0.97rem;
  line-height: 1.8;
  color: var(--text-body);
}

.s26-highlight strong {
  color: var(--text-dark);
}

/* =====================================================
   データカード（数字強調）
   ===================================================== */
.s26-data-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  margin: 28px 0;
}

.s26-data-card {
  background: linear-gradient(135deg, var(--sky-deep) 0%, var(--sky-mid) 100%);
  border-radius: var(--radius-md);
  padding: 22px 18px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.s26-data-card::after {
  content: '';
  position: absolute;
  top: -20px; right: -20px;
  width: 80px; height: 80px;
  background: radial-gradient(circle, rgba(245,166,35,0.2), transparent 70%);
  border-radius: 50%;
}

.s26-data-card-label {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.6);
  margin-bottom: 8px;
}

.s26-data-card-value {
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--sun-light);
  line-height: 1;
  margin-bottom: 4px;
}

.s26-data-card-unit {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.7);
}

/* =====================================================
   比較テーブル
   ===================================================== */
.s26-table-wrap {
  overflow-x: auto;
  margin: 28px 0;
  border-radius: var(--radius-md);
  box-shadow: 0 2px 16px rgba(0,0,0,0.08);
}

.s26-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.s26-table thead tr {
  background: linear-gradient(135deg, var(--sky-deep), var(--sky-mid));
  color: #fff;
}

.s26-table thead th {
  padding: 14px 18px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: none;
}

.s26-table tbody tr:nth-child(even) {
  background: #F9F5EE;
}

.s26-table tbody tr:nth-child(odd) {
  background: #fff;
}

.s26-table tbody td {
  padding: 13px 18px;
  text-align: center;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  color: var(--text-body);
}

.s26-table tbody td:first-child {
  font-weight: 600;
  color: var(--text-dark);
  text-align: left;
}

.s26-table .s26-td-accent {
  color: var(--sun-gold);
  font-weight: 700;
}

/* =====================================================
   世界カード
   ===================================================== */
.s26-world-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin: 28px 0;
}

.s26-world-card {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.s26-world-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.13);
}

.s26-world-card-header {
  padding: 22px 22px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #fff;
}

.s26-world-card:nth-child(1) .s26-world-card-header { background: linear-gradient(135deg, #2C3E50, #4A6741); }
.s26-world-card:nth-child(2) .s26-world-card-header { background: linear-gradient(135deg, #1A3A5C, #2E7D9F); }
.s26-world-card:nth-child(3) .s26-world-card-header { background: linear-gradient(135deg, #7B2D8B, #C0392B); }

.s26-world-flag {
  font-size: 2rem;
  line-height: 1;
}

.s26-world-card-header h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
}

.s26-world-card-header p {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.75);
  margin: 2px 0 0;
}

.s26-world-card-body {
  background: #fff;
  padding: 18px 22px;
  font-size: 0.9rem;
  line-height: 1.75;
  color: var(--text-body);
}

/* =====================================================
   日本風習：タイムライン風
   ===================================================== */
.s26-japan-list {
  list-style: none;
  padding: 0;
  margin: 28px 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.s26-japan-item {
  display: flex;
  gap: 20px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(245,166,35,0.2);
  position: relative;
}

.s26-japan-item:last-child {
  border-bottom: none;
}

.s26-japan-num {
  width: 48px; height: 48px;
  min-width: 48px;
  background: linear-gradient(135deg, var(--sun-gold), var(--sun-light));
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(245,166,35,0.35);
}

.s26-japan-content h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0 0 8px;
  padding: 0;
  background: transparent;
  border: none;
}

.s26-japan-content p {
  font-size: 0.9rem;
  line-height: 1.75;
  color: var(--text-body);
  margin: 0;
}

/* =====================================================
   過ごし方：ステップカード
   ===================================================== */
.s26-howto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin: 28px 0;
}

.s26-howto-card {
  background: var(--bg-warm);
  border: 1px solid rgba(245,166,35,0.2);
  border-radius: var(--radius-md);
  padding: 22px 20px;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  position: relative;
  overflow: hidden;
}

.s26-howto-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(to right, var(--sun-gold), var(--sun-light));
}

.s26-howto-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(245,166,35,0.15);
}

.s26-howto-emoji {
  font-size: 2.2rem;
  margin-bottom: 12px;
  display: block;
}

.s26-howto-card h3 {
  font-size: 0.97rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0 0 8px;
  padding: 0;
  background: transparent;
  border: none;
}

.s26-howto-card p {
  font-size: 0.84rem;
  line-height: 1.65;
  color: var(--text-muted);
  margin: 0;
}

/* =====================================================
   レスポンシブ
   ===================================================== */
@media (max-width: 640px) {
  .s26-sec-desc,
  .s26-sec-divider {
    padding-left: 0;
    margin-left: 0;
  }
  .s26-data-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .s26-world-grid,
  .s26-howto-grid {
    grid-template-columns: 1fr;
  }
}
/* =====================================================
   FAQ アコーディオン
   ===================================================== */
.s26-faq-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.s26-faq-item {
  border: 1px solid rgba(245,166,35,0.25);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.s26-faq-q {
  width: 100%;
  background: none;
  border: none;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: background 0.2s ease;
}

.s26-faq-q:hover {
  background: #FFFAF2;
}

.s26-faq-q[aria-expanded="true"] {
  background: linear-gradient(135deg, #FFF8EC, #FFFDF6);
  border-bottom: 1px solid rgba(245,166,35,0.2);
}

.s26-faq-badge {
  min-width: 32px; height: 32px;
  background: linear-gradient(135deg, var(--sun-gold), var(--sun-light));
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.82rem;
  font-weight: 800;
  color: #fff;
  flex-shrink: 0;
}

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

.s26-faq-arrow {
  width: 20px; height: 20px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  color: var(--sun-gold);
}

.s26-faq-q[aria-expanded="true"] .s26-faq-arrow {
  transform: rotate(180deg);
}

.s26-faq-a {
  padding: 0 22px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

.s26-faq-a.s26-open {
  max-height: 1000px;
  padding: 18px 22px 20px;
}

.s26-faq-a-inner {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.s26-faq-a-badge {
  min-width: 32px; height: 32px;
  background: linear-gradient(135deg, var(--sky-deep), var(--sky-mid));
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--sun-light);
  flex-shrink: 0;
  margin-top: 2px;
}

.s26-faq-a-text {
  font-size: 0.92rem;
  line-height: 1.8;
  color: var(--text-body);
  margin: 0;
}

/* =====================================================
   まとめ
   ===================================================== */
.s26-summary {
  background: linear-gradient(135deg, var(--sky-deep) 0%, var(--sky-mid) 60%, #2D6A8F 100%);
  border-radius: var(--radius-lg);
  padding: 48px 40px;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}

.s26-summary::before {
  content: '';
  position: absolute;
  top: -80px; right: -80px;
  width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(245,166,35,0.2), transparent 70%);
  border-radius: 50%;
}

.s26-summary::after {
  content: '';
  position: absolute;
  bottom: -60px; left: -60px;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(255,107,53,0.15), transparent 70%);
  border-radius: 50%;
}

.s26-summary-inner {
  position: relative;
  z-index: 1;
}

.s26-wrap .s26-summary h2.s26-sec-title {
  color: #fff;
  margin-bottom: 8px;
}

.s26-summary-divider {
  width: 60px; height: 3px;
  background: linear-gradient(to right, var(--sun-gold), var(--sun-light));
  border-radius: 2px;
  margin: 8px 0 28px 56px;
}

.s26-summary-lead {
  font-size: 1rem;
  color: rgba(255,255,255,0.85);
  line-height: 1.85;
  margin: 0 0 28px;
  padding-left: 56px;
}

.s26-summary-points {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.s26-summary-point {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: var(--radius-sm, 8px);
  padding: 14px 18px;
  backdrop-filter: blur(4px);
}

.s26-summary-check {
  width: 24px; height: 24px;
  min-width: 24px;
  background: linear-gradient(135deg, var(--sun-gold), var(--sun-light));
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 800;
  margin-top: 1px;
}

.s26-summary-point-text {
  font-size: 0.92rem;
  color: rgba(255,255,255,0.9);
  line-height: 1.6;
  margin: 0;
}

.s26-summary-point-text strong {
  color: var(--sun-light);
}

.s26-summary-close {
  font-size: 0.97rem;
  color: rgba(255,255,255,0.8);
  line-height: 1.85;
  margin: 0;
  border-top: 1px solid rgba(255,255,255,0.15);
  padding-top: 24px;
}

/* レスポンシブ */
@media (max-width: 640px) {
  .s26-summary {
    padding: 32px 22px;
  }
  .s26-summary-lead {
    padding-left: 0;
  }
  .s26-summary-divider {
    margin-left: 0;
  }
  .s26-sec-divider {
    margin-left: 0;
  }
  .s26-sec-desc {
    padding-left: 0;
  }
}
</style>
<div class="s26-wrap">

<section class="s26-hero" aria-label="夏至記事ヒーロー">

  <!-- 星 -->
  <div class="s26-stars" aria-hidden="true">
    <div class="s26-star" style="top:8%;left:12%;animation-delay:0s"></div>
    <div class="s26-star" style="top:15%;left:28%;animation-delay:0.5s"></div>
    <div class="s26-star" style="top:5%;left:48%;animation-delay:1.0s"></div>
    <div class="s26-star" style="top:20%;left:65%;animation-delay:0.3s"></div>
    <div class="s26-star" style="top:10%;left:80%;animation-delay:0.8s"></div>
    <div class="s26-star" style="top:30%;left:90%;animation-delay:1.5s"></div>
    <div class="s26-star" style="top:3%;left:35%;animation-delay:1.2s"></div>
    <div class="s26-star" style="top:25%;left:55%;animation-delay:0.7s"></div>
  </div>

  <!-- 光線 -->
  <div class="s26-rays" aria-hidden="true">
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
    <div class="s26-ray"></div>
  </div>

  <!-- 太陽 -->
  <div class="s26-sun" aria-hidden="true"></div>

  <!-- 地平線グロウ -->
  <div class="s26-horizon-glow" aria-hidden="true"></div>

  <!-- テキスト -->
  <div class="s26-hero-content">
    <div class="s26-hero-badge">☀️ SUMMER SOLSTICE 2026</div>
    <h2 class="s26-hero-title">夏至とは？<br>一年で最も昼が長い日の<br>すべてを知る</h2>
    <p class="s26-hero-sub">2026年6月21日｜天文・風習・世界の祝い方まで</p>
    <div class="s26-hero-meta" role="list">
      <div class="s26-hero-meta-item" role="listitem">
        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2zm1 14.93V17a1 1 0 0 1-2 0v-.07A8 8 0 0 1 4.07 11H5a1 1 0 0 1 0 2h-.93A8.001 8.001 0 0 1 11 4.07V5a1 1 0 0 1 2 0v-.93A8.001 8.001 0 0 1 19.93 11H19a1 1 0 0 1 0-2h.93A8 8 0 0 1 13 16.93z"/></svg>
        読了時間：約8分
      </div>
      <div class="s26-hero-meta-item" role="listitem">
        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg>
        天文・文化・風習を網羅
      </div>
      <div class="s26-hero-meta-item" role="listitem">
        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
        2026年最新情報
      </div>
    </div>
  </div>

</section>

<section class="s26-points" aria-labelledby="s26-points-heading">

  <p class="s26-section-label" aria-hidden="true">KEY POINTS</p>
  <h2 class="s26-points-title" id="s26-points-heading">この記事の要点</h2>

  <div class="s26-points-grid">

    <div class="s26-point-card">
      <div class="s26-point-icon" aria-hidden="true">🌅</div>
      <div class="s26-point-text">
        <strong>2026年の夏至は6月21日</strong>
        <span>日の出から日没まで約14時間半。冬至より約5時間も長い一日。</span>
      </div>
    </div>

    <div class="s26-point-card">
      <div class="s26-point-icon" aria-hidden="true">🌍</div>
      <div class="s26-point-text">
        <strong>世界中で祝われる伝統行事</strong>
        <span>ストーンヘンジの祭典から北欧のミッドサマーまで、各地に独自の文化が残る。</span>
      </div>
    </div>

    <div class="s26-point-card">
      <div class="s26-point-icon" aria-hidden="true">🐙</div>
      <div class="s26-point-text">
        <strong>日本には「タコを食べる」風習がある</strong>
        <span>関西発祥の食文化。農家の知恵と季節の恵みが結びついた習わし。</span>
      </div>
    </div>

    <div class="s26-point-card">
      <div class="s26-point-icon" aria-hidden="true">✨</div>
      <div class="s26-point-text">
        <strong>夏至を活かす過ごし方がある</strong>
        <span>朝活・サンライズ鑑賞・旬の食材。長い一日を最大限に楽しむヒント。</span>
      </div>
    </div>

  </div>
</section>

<nav class="s26-toc" aria-label="目次">
  <div class="s26-toc-inner">
    <div class="s26-toc-header">
      <div class="s26-toc-icon" aria-hidden="true">📋</div>
      <h3 class="s26-toc-title">目次</h3>
    </div>
    <ol class="s26-toc-list" role="list">
      <li class="s26-toc-item" role="listitem">
        <a href="#about">
          <span class="s26-toc-num">1</span>
          夏至とは？天文学的な定義と2026年の日付
        </a>
      </li>
      <li class="s26-toc-item" role="listitem">
        <a href="#phenomenon">
          <span class="s26-toc-num">2</span>
          夏至に起こること｜日照時間・日の出・冬至との比較
        </a>
      </li>
      <li class="s26-toc-item" role="listitem">
        <a href="#world">
          <span class="s26-toc-num">3</span>
          世界の夏至の祝い方
        </a>
      </li>
      <li class="s26-toc-item" role="listitem">
        <a href="#japan">
          <span class="s26-toc-num">4</span>
          日本の夏至の風習｜タコ・半夏生・夏越の祓
        </a>
      </li>
      <li class="s26-toc-item" role="listitem">
        <a href="#howto">
          <span class="s26-toc-num">5</span>
          夏至を楽しむ過ごし方
        </a>
      </li>
      <li class="s26-toc-item" role="listitem">
        <a href="#faq">
          <span class="s26-toc-num">6</span>
          よくある質問（FAQ）
        </a>
      </li>
      <li class="s26-toc-item" role="listitem">
        <a href="#summary">
          <span class="s26-toc-num">7</span>
          まとめ
        </a>
      </li>
    </ol>
  </div>
</nav>


<script>
(function() {
  // 目次アイテムを順番にフェードイン
  var items = document.querySelectorAll('.s26-toc-item');
  if (!items.length) return;

  var observer = new IntersectionObserver(function(entries) {
    entries.forEach(function(entry) {
      if (entry.isIntersecting) {
        var list = entry.target.querySelectorAll('.s26-toc-item');
        list.forEach(function(item, i) {
          setTimeout(function() {
            item.classList.add('s26-visible');
          }, i * 80);
        });
        observer.unobserve(entry.target);
      }
    });
  }, { threshold: 0.1 });

  var toc = document.querySelector('.s26-toc');
  if (toc) observer.observe(toc);
})();
</script>

<section class="s26-section" id="about" aria-labelledby="about-heading">

  <h2 class="s26-sec-title" id="about-heading">
    <span class="s26-sec-icon" aria-hidden="true">☀️</span>
    夏至とは？天文学的な定義と2026年の日付
  </h2>
  <div class="s26-sec-divider" aria-hidden="true"></div>
  <p class="s26-sec-desc">一年で最も昼が長い日——その仕組みを知ると、季節の見え方が変わります。</p>

  <p class="s26-body-text">夏至（げし）とは、太陽が天球上で最も北寄りの位置（北回帰線の真上）を通過する瞬間、あるいはその日のことを指します。北半球では一年のうちで<strong>最も昼の時間が長く、夜が最も短い日</strong>です。</p>

  <p class="s26-body-text">「至」という漢字には「極まる・至る」という意味があります。夏至は夏の気が最高潮に達した日——古来、東アジアでは季節の転換点として重要視されてきました。</p>

  <div class="s26-highlight">
    <strong>2026年の夏至はいつ？</strong><br>
    2026年の夏至は <strong>6月21日（日）</strong> です。日本標準時（JST）では午後5時25分頃（17:25 JST）、太陽が夏至点を通過します。毎年6月21日前後に訪れますが、年によって20〜22日の間で変動します。
  </div>

  <p class="s26-body-text">夏至は二十四節気のひとつで、立夏・小満に続く節気。この日を境に太陽は南へ向かい始め、少しずつ昼が短くなっていきます。「夏の盛り」ではなく、「夏のピーク」を意味する点がポイントです。</p>

</section>

<section class="s26-section" id="phenomenon" aria-labelledby="phenomenon-heading">

  <h2 class="s26-sec-title" id="phenomenon-heading">
    <span class="s26-sec-icon" aria-hidden="true">🌅</span>
    夏至に起こること｜日照時間・日の出・冬至との比較
  </h2>
  <div class="s26-sec-divider" aria-hidden="true"></div>
  <p class="s26-sec-desc">数字で見ると、夏至の「長さ」の凄さが実感できます。</p>

  <p class="s26-body-text">東京（北緯約35.7度）での夏至の日照時間はおよそ<strong>14時間35分</strong>。朝4時25分頃に日が昇り、夜7時1分頃まで明るさが続きます。</p>

  <div class="s26-data-grid" role="list">
    <div class="s26-data-card" role="listitem">
      <div class="s26-data-card-label">日照時間（東京）</div>
      <div class="s26-data-card-value">14<span style="font-size:1.1rem">h</span>35<span style="font-size:1.1rem">m</span></div>
      <div class="s26-data-card-unit">夏至（6月21日）</div>
    </div>
    <div class="s26-data-card" role="listitem">
      <div class="s26-data-card-label">日の出（東京）</div>
      <div class="s26-data-card-value">4:25</div>
      <div class="s26-data-card-unit">AM</div>
    </div>
    <div class="s26-data-card" role="listitem">
      <div class="s26-data-card-label">日の入（東京）</div>
      <div class="s26-data-card-value">19:01</div>
      <div class="s26-data-card-unit">PM</div>
    </div>
    <div class="s26-data-card" role="listitem">
      <div class="s26-data-card-label">冬至との差</div>
      <div class="s26-data-card-value">+4<span style="font-size:1.1rem">h</span>56<span style="font-size:1.1rem">m</span></div>
      <div class="s26-data-card-unit">約5時間も長い</div>
    </div>
  </div>

  <div class="s26-table-wrap" role="region" aria-label="夏至と冬至の比較表">
    <table class="s26-table">
      <thead>
        <tr>
          <th scope="col">項目</th>
          <th scope="col">夏至（6月21日）</th>
          <th scope="col">冬至（12月22日）</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>日照時間（東京）</td>
          <td class="s26-td-accent">14時間35分</td>
          <td>9時間45分</td>
        </tr>
        <tr>
          <td>日の出（東京）</td>
          <td class="s26-td-accent">4:25</td>
          <td>6:47</td>
        </tr>
        <tr>
          <td>日の入（東京）</td>
          <td class="s26-td-accent">19:01</td>
          <td>16:32</td>
        </tr>
        <tr>
          <td>南中高度（東京）</td>
          <td class="s26-td-accent">約78°</td>
          <td>約31°</td>
        </tr>
        <tr>
          <td>太陽の位置</td>
          <td class="s26-td-accent">北回帰線の真上</td>
          <td>南回帰線の真上</td>
        </tr>
      </tbody>
    </table>
  </div>

  <p class="s26-body-text">南中高度が約78度というのは、ほぼ真上から太陽が降り注いでいる状態。影が極端に短くなり、紫外線量もピークを迎えます。夏至前後は日焼け対策がとくに重要な時期です。</p>

</section>

<section class="s26-section" id="world" aria-labelledby="world-heading">

  <h2 class="s26-sec-title" id="world-heading">
    <span class="s26-sec-icon" aria-hidden="true">🌍</span>
    世界の夏至の祝い方
  </h2>
  <div class="s26-sec-divider" aria-hidden="true"></div>
  <p class="s26-sec-desc">夏至を「特別な日」として祝う文化は、世界各地に根付いています。</p>

  <div class="s26-world-grid">

    <article class="s26-world-card">
      <div class="s26-world-card-header">
        <div class="s26-world-flag" aria-hidden="true">🇬🇧</div>
        <div>
          <h3>ストーンヘンジの祭典</h3>
          <p>イギリス・ウィルトシャー</p>
        </div>
      </div>
      <div class="s26-world-card-body">
        約5,000年前に建てられたとされるストーンヘンジは、夏至の日の出の方向に正確に配置されています。毎年数万人が集まり、古代ケルトのドルイド教徒の儀式に倣った夏至の祭典が行われます。2026年も夜明け前から多くの人々が集まる予定です。
      </div>
    </article>

    <article class="s26-world-card">
      <div class="s26-world-card-header">
        <div class="s26-world-flag" aria-hidden="true">🇸🇪</div>
        <div>
          <h3>ミッドサマー（Midsommar）</h3>
          <p>スウェーデン・北欧</p>
        </div>
      </div>
      <div class="s26-world-card-body">
        北欧最大の夏の祭り。花で飾った柱（マイポール）の周りで踊り、伝統衣装を纏って歌う風習が今も続きます。スウェーデンでは夏至の週末が国民の祝日に準ずる休暇。白夜の中で夜通し祝うのが特徴です。映画「ミッドサマー」でも世界的に有名になりました。
      </div>
    </article>

    <article class="s26-world-card">
      <div class="s26-world-card-header">
        <div class="s26-world-flag" aria-hidden="true">🇪🇸</div>
        <div>
          <h3>サン・ファン祭（Noche de San Juan）</h3>
          <p>スペイン・バルセロナほか</p>
        </div>
      </div>
      <div class="s26-world-card-body">
        6月23〜24日の夜、海岸や広場でかがり火を焚き、花火が打ち上げられます。バルセロナのビーチには数十万人が集まる一大イベント。「不幸を焼き払い、新たな始まりを迎える」という意味が込められた火祭りです。
      </div>
    </article>

  </div>

  <div class="s26-highlight">
    <strong>豆知識：</strong>夏至は北半球の話。南半球のオーストラリアやアルゼンチンでは、6月21日は<strong>冬至</strong>にあたります。地球の傾きが季節の違いを生み出している証拠です。
  </div>

</section>

<section class="s26-section" id="japan" aria-labelledby="japan-heading">

  <h2 class="s26-sec-title" id="japan-heading">
    <span class="s26-sec-icon" aria-hidden="true">🗾</span>
    日本の夏至の風習｜タコ・半夏生・夏越の祓
  </h2>
  <div class="s26-sec-divider" aria-hidden="true"></div>
  <p class="s26-sec-desc">日本では夏至の時期に重なる独自の行事や食文化が各地に伝わっています。</p>

  <ul class="s26-japan-list" role="list">

    <li class="s26-japan-item" role="listitem">
      <div class="s26-japan-num" aria-hidden="true">🐙</div>
      <div class="s26-japan-content">
        <h3>タコを食べる（関西）</h3>
        <p>夏至にタコを食べる風習は、大阪・関西地方を中心に今も根付いています。タコの足が稲の根のように大地にしっかりと張ることから、「田植えした稲がタコの足のように八方に広がって豊作になるように」という農家の願いが起源とされています。タコの語呂合わせや栄養面（タウリン豊富）からも現代人に支持されています。</p>
      </div>
    </li>

    <li class="s26-japan-item" role="listitem">
      <div class="s26-japan-num" aria-hidden="true">🌿</div>
      <div class="s26-japan-content">
        <h3>半夏生（はんげしょう）</h3>
        <p>夏至から11日目にあたる<strong>7月2日頃</strong>が「半夏生」。雑節のひとつで、農家では田植えを終える目安とされてきました。関西ではタコ、関東では小麦餅（はんげ餅）、福井では焼き鯖を食べる風習があります。半夏生という植物（片葉白）が白く染まる時期でもあり、湿度が高まる農作業の区切りの日です。</p>
      </div>
    </li>

    <li class="s26-japan-item" role="listitem">
      <div class="s26-japan-num" aria-hidden="true">⛩️</div>
      <div class="s26-japan-content">
        <h3>夏越の祓（なごしのはらえ）</h3>
        <p>6月30日に全国の神社で行われる神事。茅（ちがや）で作られた大きな輪「茅の輪」をくぐることで、上半期の穢れや厄を祓い、残り半年の無病息災を祈ります。夏至の直後のタイミングで行われるこの神事は、夏至が持つ「折り返し」のエネルギーと深く結びついています。水無月（みなづき）という和菓子を食べる風習も各地にあります。</p>
      </div>
    </li>

    <li class="s26-japan-item" role="listitem">
      <div class="s26-japan-num" aria-hidden="true">🎋</div>
      <div class="s26-japan-content">
        <h3>愛知・三重の夏至祭り</h3>
        <p>伊勢志摩地方では「夏至祭」として、地域の神社が松明やキャンドルを灯す行事を開催。近年は全国各地でキャンドルナイトイベントが広がり、夏至の夜に電気を消してろうそくの灯りで過ごす「100万人のキャンドルナイト」も定着しています。</p>
      </div>
    </li>

  </ul>

</section>

<section class="s26-section" id="howto" aria-labelledby="howto-heading">

  <h2 class="s26-sec-title" id="howto-heading">
    <span class="s26-sec-icon" aria-hidden="true">✨</span>
    夏至を楽しむ過ごし方
  </h2>
  <div class="s26-sec-divider" aria-hidden="true"></div>
  <p class="s26-sec-desc">一年に一度の「最長の一日」を、意識的に楽しむためのヒント。</p>

  <div class="s26-howto-grid">

    <div class="s26-howto-card">
      <span class="s26-howto-emoji" aria-hidden="true">🌄</span>
      <h3>早起きして日の出を見る</h3>
      <p>東京では4時25分頃に日が昇ります。普段より早起きして朝の光を浴びることで体内時計がリセット。夏至の朝日は一年で最も北寄りの方角から昇ります。</p>
    </div>

    <div class="s26-howto-card">
      <span class="s26-howto-emoji" aria-hidden="true">🕯️</span>
      <h3>キャンドルナイトを楽しむ</h3>
      <p>夜は電気を消してキャンドルの灯りだけで過ごす「夏至のキャンドルナイト」。長い一日の終わりを静かに味わう、特別なひとときになります。</p>
    </div>

    <div class="s26-howto-card">
      <span class="s26-howto-emoji" aria-hidden="true">🐙</span>
      <h3>旬の食材を食べる</h3>
      <p>タコ・鮎・アジ・枝豆・きゅうり・トマト——夏至の頃は初夏の恵みが揃います。地元の旬食材で食卓を彩るのも夏至の楽しみ方のひとつ。</p>
    </div>

    <div class="s26-howto-card">
      <span class="s26-howto-emoji" aria-hidden="true">⛩️</span>
      <h3>神社で茅の輪をくぐる</h3>
      <p>6月下旬〜末日にかけて、近くの神社で夏越の祓に参拝。茅の輪くぐりで上半期の厄払いをすれば、残りの半年をすっきりした気持ちで迎えられます。</p>
    </div>

    <div class="s26-howto-card">
      <span class="s26-howto-emoji" aria-hidden="true">📓</span>
      <h3>半年の振り返りをする</h3>
      <p>夏至は一年の折り返し地点。1月に立てた目標を見直し、後半への計画を立て直すのに最適なタイミングです。日記やノートに書き出してみましょう。</p>
    </div>

    <div class="s26-howto-card">
      <span class="s26-howto-emoji" aria-hidden="true">🧘</span>
      <h3>朝ヨガ・瞑想を取り入れる</h3>
      <p>ヨガの世界では夏至は「光のエネルギーが最高潮」の日。世界的に「国際ヨガの日」（6月21日）とも重なり、朝の太陽礼拝で一日をスタートさせる人が増えています。</p>
    </div>

  </div>

  <div class="s26-highlight">
    <strong>長い一日だからこそ：</strong>夏至の日は日没が19時を過ぎます。仕事帰りでも十分な明るさの中で外出できる、一年でもっとも「時間が長く感じられる」日。意識してゆっくり過ごすだけで、特別な一日になります。
  </div>

</section>



<section class="s26-section" id="faq" aria-labelledby="faq-heading">

  <h2 class="s26-sec-title" id="faq-heading">
    <span class="s26-sec-icon" aria-hidden="true">❓</span>
    よくある質問（FAQ）
  </h2>
  <div class="s26-sec-divider" aria-hidden="true"></div>
  <p class="s26-sec-desc">夏至についてよく寄せられる疑問にお答えします。</p>

  <ul class="s26-faq-list" role="list">

    <li class="s26-faq-item" role="listitem">
      <button class="s26-faq-q" aria-expanded="false" id="faq-q-1" aria-controls="faq-a-1">
        <span class="s26-faq-badge" aria-hidden="true">Q</span>
        <span class="s26-faq-q-text">2026年の夏至はいつですか？</span>
        <svg class="s26-faq-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="s26-faq-a" id="faq-a-1" role="region" aria-labelledby="faq-q-1">
        <div class="s26-faq-a-inner">
          <span class="s26-faq-a-badge" aria-hidden="true">A</span>
          <p class="s26-faq-a-text">2026年の夏至は<strong>6月21日（日）</strong>です。日本標準時（JST）では午後5時25分頃（17:25 JST）に太陽が夏至点を通過します。毎年6月21日前後に訪れますが、年によって20〜22日の間で変わります。</p>
        </div>
      </div>
    </li>

    <li class="s26-faq-item" role="listitem">
      <button class="s26-faq-q" aria-expanded="false" id="faq-q-2" aria-controls="faq-a-2">
        <span class="s26-faq-badge" aria-hidden="true">Q</span>
        <span class="s26-faq-q-text">夏至と夏の土用・立夏の違いは何ですか？</span>
        <svg class="s26-faq-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="s26-faq-a" id="faq-a-2" role="region" aria-labelledby="faq-q-2">
        <div class="s26-faq-a-inner">
          <span class="s26-faq-a-badge" aria-hidden="true">A</span>
          <p class="s26-faq-a-text"><strong>立夏（5月上旬）</strong>は「暦の上で夏が始まる日」、<strong>夏至（6月下旬）</strong>は「昼が最も長い天文的な折り返し点」、<strong>夏の土用（7月下旬）</strong>は「夏の終わりの季節の変わり目」です。気象的には夏至が過ぎてから最も暑い時期（8月）が訪れます。</p>
        </div>
      </div>
    </li>

    <li class="s26-faq-item" role="listitem">
      <button class="s26-faq-q" aria-expanded="false" id="faq-q-3" aria-controls="faq-a-3">
        <span class="s26-faq-badge" aria-hidden="true">Q</span>
        <span class="s26-faq-q-text">夏至の日は必ず晴れているのですか？</span>
        <svg class="s26-faq-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="s26-faq-a" id="faq-a-3" role="region" aria-labelledby="faq-q-3">
        <div class="s26-faq-a-inner">
          <span class="s26-faq-a-badge" aria-hidden="true">A</span>
          <p class="s26-faq-a-text">いいえ。日本では夏至は梅雨のまっただ中にあたるため、曇りや雨になることが多いです。「夏至に晴れることは少ない」というのが日本の現実。太陽の位置は天文学的に決まるため、天気に関わらず夏至は毎年必ず訪れます。</p>
        </div>
      </div>
    </li>

    <li class="s26-faq-item" role="listitem">
      <button class="s26-faq-q" aria-expanded="false" id="faq-q-4" aria-controls="faq-a-4">
        <span class="s26-faq-badge" aria-hidden="true">Q</span>
        <span class="s26-faq-q-text">夏至を過ぎると昼はどれくらい短くなりますか？</span>
        <svg class="s26-faq-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="s26-faq-a" id="faq-a-4" role="region" aria-labelledby="faq-q-4">
        <div class="s26-faq-a-inner">
          <span class="s26-faq-a-badge" aria-hidden="true">A</span>
          <p class="s26-faq-a-text">夏至直後はほぼ変化が感じられませんが、8月になると約30分、9月末（秋分）には約12時間まで短縮されます。冬至（12月）には9時間45分まで減少。夏至から冬至にかけて、約4時間50分も昼の時間が短くなります。</p>
        </div>
      </div>
    </li>

    <li class="s26-faq-item" role="listitem">
      <button class="s26-faq-q" aria-expanded="false" id="faq-q-5" aria-controls="faq-a-5">
        <span class="s26-faq-badge" aria-hidden="true">Q</span>
        <span class="s26-faq-q-text">「国際ヨガの日」はなぜ夏至なのですか？</span>
        <svg class="s26-faq-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
      </button>
      <div class="s26-faq-a" id="faq-a-5" role="region" aria-labelledby="faq-q-5">
        <div class="s26-faq-a-inner">
          <span class="s26-faq-a-badge" aria-hidden="true">A</span>
          <p class="s26-faq-a-text">ヨガ発祥のインドでは夏至（Uttarayana）は太陽が最も力を持つ神聖な日とされてきました。2014年に国連が6月21日を「国際ヨガの日」に制定した際も、この伝統的な背景が採用の理由のひとつです。太陽礼拝（スーリヤ・ナマスカラ）はヨガの基礎動作でもあります。</p>
        </div>
      </div>
    </li>

  </ul>

</section>

<section class="s26-summary" id="summary" aria-labelledby="summary-heading">
  <div class="s26-summary-inner">

    <h2 class="s26-sec-title" id="summary-heading">
      <span class="s26-sec-icon" aria-hidden="true">🌟</span>
      まとめ
    </h2>
    <div class="s26-summary-divider" aria-hidden="true"></div>

    <p class="s26-summary-lead">夏至は単なる「昼が長い日」ではなく、天文・文化・食・精神性が交差する特別な節目です。2026年の夏至（6月21日）を意識して過ごすことで、季節の移ろいをより豊かに感じられます。</p>

    <ul class="s26-summary-points" role="list">
      <li class="s26-summary-point" role="listitem">
        <span class="s26-summary-check" aria-hidden="true">✓</span>
        <p class="s26-summary-point-text"><strong>2026年の夏至は6月21日（日）</strong>。東京での日照時間は約14時間35分で、冬至より約5時間長い。</p>
      </li>
      <li class="s26-summary-point" role="listitem">
        <span class="s26-summary-check" aria-hidden="true">✓</span>
        <p class="s26-summary-point-text"><strong>世界では</strong>英国のストーンヘンジ、北欧のミッドサマー、スペインのサン・ファン祭など各地で祝われる。</p>
      </li>
      <li class="s26-summary-point" role="listitem">
        <span class="s26-summary-check" aria-hidden="true">✓</span>
        <p class="s26-summary-point-text"><strong>日本では</strong>タコを食べる風習（関西）、半夏生、夏越の祓など季節に根ざした独自文化がある。</p>
      </li>
      <li class="s26-summary-point" role="listitem">
        <span class="s26-summary-check" aria-hidden="true">✓</span>
        <p class="s26-summary-point-text"><strong>夏至の過ごし方</strong>は朝日鑑賞・キャンドルナイト・旬の食材・半年の振り返りなど、暮らしに取り入れやすい。</p>
      </li>
    </ul>

    <p class="s26-summary-close">夏至を境に太陽は少しずつ南へ向かい、一日一日が短くなっていきます。だからこそ、この「最長の一日」を意識して楽しむことが大切です。今年の夏至を、ただ通り過ぎるのではなく、自分なりの方法で味わってみてください。</p>

  </div>
</section>

</div><!-- /s26-wrap -->

<script>
(function () {
  var btns = document.querySelectorAll('.s26-faq-q');
  btns.forEach(function (btn) {
    btn.addEventListener('click', function () {
      var expanded = this.getAttribute('aria-expanded') === 'true';
      var answerId = this.getAttribute('aria-controls');
      var answer   = document.getElementById(answerId);

      // 他を閉じる
      btns.forEach(function (b) {
        b.setAttribute('aria-expanded', 'false');
        var id = b.getAttribute('aria-controls');
        var a  = document.getElementById(id);
        if (a) a.classList.remove('s26-open');
      });

      // 自分をトグル
      if (!expanded) {
        this.setAttribute('aria-expanded', 'true');
        if (answer) answer.classList.add('s26-open');
      }
    });
  });
})();
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "2026年の夏至はいつですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "2026年の夏至は6月21日（日）です。日本標準時（JST）では午後5時25分頃（17:25 JST）に太陽が夏至点を通過します。毎年6月21日前後に訪れますが、年によって20〜22日の間で変わります。"
      }
    },
    {
      "@type": "Question",
      "name": "夏至と夏の土用・立夏の違いは何ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "立夏（5月上旬）は「暦の上で夏が始まる日」、夏至（6月下旬）は「昼が最も長い天文的な折り返し点」、夏の土用（7月下旬）は「夏の終わりの季節の変わり目」です。気象的には夏至が過ぎてから最も暑い時期（8月）が訪れます。"
      }
    },
    {
      "@type": "Question",
      "name": "夏至の日は必ず晴れているのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "いいえ。日本では夏至は梅雨のまっただ中にあたるため、曇りや雨になることが多いです。太陽の位置は天文学的に決まるため、天気に関わらず夏至は毎年必ず訪れます。"
      }
    },
    {
      "@type": "Question",
      "name": "夏至を過ぎると昼はどれくらい短くなりますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "夏至直後はほぼ変化が感じられませんが、8月になると約30分、9月末（秋分）には約12時間まで短縮されます。冬至（12月）には9時間45分まで減少。夏至から冬至にかけて、約4時間50分も昼の時間が短くなります。"
      }
    },
    {
      "@type": "Question",
      "name": "「国際ヨガの日」はなぜ夏至なのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ヨガ発祥のインドでは夏至は太陽が最も力を持つ神聖な日とされてきました。2014年に国連が6月21日を「国際ヨガの日」に制定した際も、この伝統的な背景が採用の理由のひとつです。"
      }
    }
  ]
}
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/geshi-2026/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Googleの隠しコマンド｜知ってると楽しい・仕事でも使える2026年最新版</title>
		<link>https://yoooyooo8.jp/google-hidden-commands/</link>
					<comments>https://yoooyooo8.jp/google-hidden-commands/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sat, 13 Jun 2026 02:11:00 +0000</pubDate>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[便利]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2564</guid>

					<description><![CDATA[Google活用 隠しコマンド 2026最新 スマホ対応 Googleの隠しコマンドを知ってると こんなに楽しい・便利だった 検索バーに入力するだけ。 エンタメ系から仕事・旅行まで、今すぐ試せる厳選コマンドを一挙公開。  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ================================================================
  Google隠しコマンド活用術
  WordPress カスタムHTMLブロック用
  スコープ prefix: .ghc-
================================================================ -->

<style>
/* ============================================================
  CSS変数・リセット（スコープ内のみ）
============================================================ */
.ghc-wrap {
  --ghc-primary:    #00b4d8;
  --ghc-primary-d:  #0077b6;
  --ghc-primary-l:  #90e0ef;
  --ghc-accent:     #f72585;
  --ghc-accent2:    #7209b7;
  --ghc-bg:         #f0f9ff;
  --ghc-bg2:        #e0f4fd;
  --ghc-surface:    #ffffff;
  --ghc-text:       #1a1a2e;
  --ghc-text-m:     #4a4a6a;
  --ghc-text-l:     #7a7a9a;
  --ghc-border:     #b8e4f5;
  --ghc-radius:     14px;
  --ghc-radius-l:   24px;
  --ghc-shadow:     0 4px 24px rgba(0,180,216,.13);
  --ghc-shadow-h:   0 8px 40px rgba(0,180,216,.22);
  --ghc-font:       'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'Yu Gothic', sans-serif;
  --ghc-font-en:    'Georgia', 'Times New Roman', serif;

  font-family: var(--ghc-font);
  color: var(--ghc-text);
  line-height: 1.8;
  background: transparent;
  max-width: 100%;
  overflow-x: hidden;
}

/* ============================================================
  全幅ボックス用ユーティリティ
============================================================ */
.ghc-full {
  margin-left:  calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}

/* ============================================================
  ヒーローセクション
============================================================ */
.ghc-wrap .ghc-hero {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  border-radius: var(--ghc-radius-l);
  margin-bottom: 40px;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(0,180,216,.25) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(114,9,183,.2) 0%, transparent 55%),
    radial-gradient(ellipse at 60% 80%, rgba(247,37,133,.15) 0%, transparent 50%),
    linear-gradient(135deg, #0a1628 0%, #0d2137 50%, #0a1628 100%);
}

/* 背景グリッドアニメーション */
.ghc-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,180,216,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,180,216,.08) 1px, transparent 1px);
  background-size: 40px 40px;
  animation: ghc-grid-move 20s linear infinite;
}

@keyframes ghc-grid-move {
  0%   { transform: translate(0,0); }
  100% { transform: translate(40px, 40px); }
}

/* 浮遊する検索ボックス風装飾 */
.ghc-hero::after {
  content: '';
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,180,216,.12) 0%, transparent 70%);
  top: -80px;
  right: -60px;
  animation: ghc-float 6s ease-in-out infinite;
}

@keyframes ghc-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50%       { transform: translateY(-20px) scale(1.05); }
}

.ghc-hero-inner {
  position: relative;
  z-index: 2;
  padding: 60px 24px;
  max-width: 760px;
  margin: 0 auto;
}

/* ヒーローh2 — Cocoon干渉対策 */
.ghc-wrap .ghc-hero h2.ghc-hero-title,
.ghc-wrap .ghc-hero .ghc-hero-title {
  background: transparent;
  background-image: none;
  padding: 0;
  border: none;
  margin: 0 0 16px;
  font-size: clamp(1.5rem, 4vw, 2.4rem);
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: -.02em;
  color: #ffffff;
  text-shadow: 0 2px 20px rgba(0,180,216,.4);
}

/* タイトル内アクセントカラー */
.ghc-wrap .ghc-hero-title .ghc-hl {
  background: linear-gradient(90deg, var(--ghc-primary-l), var(--ghc-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ghc-hero-sub {
  font-size: clamp(.9rem, 2vw, 1.1rem);
  color: rgba(255,255,255,.75);
  margin: 0 0 28px;
  line-height: 1.7;
}

/* ヒーロー内 検索バー風デモ */
.ghc-hero-searchbar {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(0,180,216,.35);
  border-radius: 50px;
  padding: 10px 20px;
  max-width: 420px;
  margin: 0 auto;
  backdrop-filter: blur(8px);
  animation: ghc-pulse-border 3s ease-in-out infinite;
}

@keyframes ghc-pulse-border {
  0%, 100% { border-color: rgba(0,180,216,.35); box-shadow: 0 0 0 0 rgba(0,180,216,0); }
  50%       { border-color: rgba(0,180,216,.7);  box-shadow: 0 0 16px 2px rgba(0,180,216,.2); }
}

.ghc-searchbar-icon {
  font-size: 1.2rem;
  opacity: .7;
}

.ghc-searchbar-text {
  color: rgba(255,255,255,.85);
  font-size: .95rem;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid var(--ghc-primary-l);
  width: 0;
  animation: ghc-typing 3.5s steps(20) 0.5s forwards, ghc-blink .75s step-end infinite;
}

@keyframes ghc-typing {
  from { width: 0; }
  to   { width: 220px; }
}

@keyframes ghc-blink {
  50% { border-color: transparent; }
}

/* ヒーロー内 タグリスト */
.ghc-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-top: 22px;
}

.ghc-hero-tag {
  background: rgba(0,180,216,.18);
  border: 1px solid rgba(0,180,216,.35);
  color: var(--ghc-primary-l);
  border-radius: 50px;
  padding: 4px 14px;
  font-size: .8rem;
  letter-spacing: .05em;
}

/* ============================================================
  要点サマリーボックス
============================================================ */
.ghc-wrap .ghc-summary {
  background: linear-gradient(135deg, #e8f8ff 0%, #f0f5ff 100%);
  border: 2px solid var(--ghc-border);
  border-left: 5px solid var(--ghc-primary);
  border-radius: var(--ghc-radius);
  padding: 28px 30px;
  margin-bottom: 40px;
  box-shadow: var(--ghc-shadow);
  position: relative;
  overflow: hidden;
}

.ghc-summary::before {
  content: '';
  position: absolute;
  top: -40px;
  right: -40px;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, rgba(0,180,216,.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.ghc-summary-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--ghc-primary-d);
  background: rgba(0,180,216,.12);
  border-radius: 50px;
  padding: 4px 14px;
  margin-bottom: 16px;
}

.ghc-summary-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--ghc-primary-d);
  margin: 0 0 16px;
}

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

.ghc-wrap .ghc-summary-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .97rem;
  color: var(--ghc-text);
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

.ghc-summary-list li::before {
  content: '✦';
  color: var(--ghc-primary);
  font-size: .9rem;
  flex-shrink: 0;
  margin-top: 3px;
}

/* ============================================================
  アニメーション目次（CSS checkbox hack）
============================================================ */
.ghc-toc-wrap {
  margin-bottom: 48px;
}

.ghc-toc-toggle {
  display: none;
}

.ghc-toc-box {
  border: 2px solid var(--ghc-border);
  border-radius: var(--ghc-radius);
  overflow: hidden;
  box-shadow: var(--ghc-shadow);
  background: var(--ghc-surface);
}

.ghc-toc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  background: linear-gradient(90deg, var(--ghc-primary-d), var(--ghc-primary));
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.ghc-toc-heading {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ghc-toc-arrow {
  color: rgba(255,255,255,.8);
  font-size: .85rem;
  transition: transform .3s ease;
  display: inline-block;
}

/* 目次の開閉 */
.ghc-toc-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .45s cubic-bezier(.4,0,.2,1);
}

.ghc-toc-toggle:checked ~ .ghc-toc-box .ghc-toc-body {
  max-height: 1200px;
}

.ghc-toc-toggle:checked ~ .ghc-toc-box .ghc-toc-header .ghc-toc-arrow {
  transform: rotate(180deg);
}

/* デフォルト開いた状態 */
.ghc-toc-toggle-open {
  display: none;
}

.ghc-toc-toggle-open:checked ~ .ghc-toc-box .ghc-toc-body {
  max-height: 0;
}

.ghc-toc-toggle-open:checked ~ .ghc-toc-box .ghc-toc-header .ghc-toc-arrow {
  transform: rotate(180deg);
}

.ghc-toc-inner {
  padding: 20px 24px;
}

/* 目次リスト */
.ghc-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: ghc-toc;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ghc-wrap .ghc-toc-list > li {
  counter-increment: ghc-toc;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

.ghc-wrap .ghc-toc-list > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  color: var(--ghc-primary-d);
  text-decoration: none;
  font-size: .93rem;
  font-weight: 600;
  transition: background .2s, color .2s, transform .2s;
  position: relative;
}

.ghc-wrap .ghc-toc-list > li > a::before {
  content: counter(ghc-toc, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
  color: var(--ghc-surface);
  background: linear-gradient(135deg, var(--ghc-primary), var(--ghc-primary-d));
  border-radius: 6px;
  padding: 2px 7px;
  flex-shrink: 0;
  letter-spacing: .03em;
}

.ghc-wrap .ghc-toc-list > li > a:hover {
  background: var(--ghc-bg2);
  color: var(--ghc-accent);
  transform: translateX(4px);
}

/* 目次サブ項目 */
.ghc-toc-sub {
  list-style: none;
  padding: 4px 0 4px 44px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ghc-wrap .ghc-toc-sub li {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

.ghc-wrap .ghc-toc-sub li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-radius: 6px;
  color: var(--ghc-text-m);
  text-decoration: none;
  font-size: .85rem;
  transition: background .2s, color .2s;
}

.ghc-wrap .ghc-toc-sub li a::before {
  content: '›';
  color: var(--ghc-primary-l);
  font-size: 1rem;
}

.ghc-wrap .ghc-toc-sub li a:hover {
  background: var(--ghc-bg2);
  color: var(--ghc-primary-d);
}

/* ============================================================
  セクション共通
============================================================ */
.ghc-section {
  margin-bottom: 56px;
  scroll-margin-top: 80px;
}

/* h2見出し */
.ghc-wrap .ghc-h2 {
  font-size: clamp(1.25rem, 3vw, 1.65rem);
  font-weight: 800;
  color: var(--ghc-primary-d);
  margin: 0 0 24px;
  padding: 14px 20px 14px 22px;
  background: linear-gradient(90deg, #e0f7ff, #f0f5ff);
  border-left: 5px solid var(--ghc-primary);
  border-radius: 0 var(--ghc-radius) var(--ghc-radius) 0;
  position: relative;
  line-height: 1.4;
}

.ghc-wrap .ghc-h2::before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 22px;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, var(--ghc-primary), transparent);
  border-radius: 2px;
}

/* h3見出し */
.ghc-wrap .ghc-h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--ghc-text);
  margin: 28px 0 14px;
  padding: 8px 0 8px 16px;
  border-left: 3px solid var(--ghc-primary-l);
  line-height: 1.5;
}

/* 段落 */
.ghc-wrap .ghc-p {
  font-size: .97rem;
  color: var(--ghc-text);
  margin: 0 0 18px;
  line-height: 1.85;
}

/* ============================================================
  レスポンシブ
============================================================ */
@media (max-width: 640px) {
  .ghc-hero {
    min-height: 360px;
    border-radius: var(--ghc-radius);
  }
  .ghc-hero-inner {
    padding: 40px 16px;
  }
  .ghc-searchbar-text {
    animation: ghc-typing 3.5s steps(15) 0.5s forwards, ghc-blink .75s step-end infinite;
  }
  @keyframes ghc-typing {
    from { width: 0; }
    to   { width: 160px; }
  }
  .ghc-summary {
    padding: 20px 18px;
  }
  .ghc-toc-inner {
    padding: 16px 14px;
  }
}
</style>

<div class="ghc-wrap">

  <!-- ========================================================
    ヒーローセクション
  ======================================================== -->
  <section class="ghc-hero" aria-label="記事ヒーロー">
    <div class="ghc-hero-inner">

      <div class="ghc-hero-tags" aria-label="記事タグ">
        <span class="ghc-hero-tag">Google活用</span>
        <span class="ghc-hero-tag">隠しコマンド</span>
        <span class="ghc-hero-tag">2026最新</span>
        <span class="ghc-hero-tag">スマホ対応</span>
      </div>

      <!-- ヒーローh2 (記事本文の最初のh2として機能) -->
      <h2 class="ghc-hero-title">
        Googleの<span class="ghc-hl">隠しコマンド</span>を知ってると<br>
        こんなに楽しい・便利だった
      </h2>

      <p class="ghc-hero-sub">
        検索バーに入力するだけ。<br>
        エンタメ系から仕事・旅行まで、今すぐ試せる厳選コマンドを一挙公開。
      </p>

      <div class="ghc-hero-searchbar" role="img" aria-label="Google検索バーのデモ">
        <span class="ghc-searchbar-icon" aria-hidden="true">🔍</span>
        <span class="ghc-searchbar-text" aria-hidden="true">do a barrel roll</span>
      </div>

    </div>
  </section>

  <!-- ========================================================
    この記事の要点
  ======================================================== -->
  <div class="ghc-summary" role="note" aria-label="この記事の要点">
    <span class="ghc-summary-label">
      <span aria-hidden="true">📌</span> この記事の要点
    </span>
    <p class="ghc-summary-title">読めばわかること</p>
    <ul class="ghc-summary-list">
      <li>Googleの検索バーには、知る人ぞ知るコマンドが30種類以上存在する</li>
      <li>思わず誰かに教えたくなるエンタメ系イースターエッグを厳選紹介</li>
      <li>計算・翻訳・時刻確認など、日常・仕事で本当に役立つ実用コマンドがある</li>
      <li>旅行者なら知っておきたい、海外でも使えるGoogle活用ヒント付き</li>
      <li>スマホ・PCどちらでも今すぐ試せる（特別なアプリ不要）</li>
    </ul>
  </div>

  <!-- ========================================================
    アニメーション目次
  ======================================================== -->
  <div class="ghc-toc-wrap" aria-label="目次">
    <input type="checkbox" id="ghc-toc-toggle" class="ghc-toc-toggle" checked aria-hidden="true">
    <div class="ghc-toc-box">
      <label class="ghc-toc-header" for="ghc-toc-toggle" aria-expanded="true">
        <h3 class="ghc-toc-heading">
          <span aria-hidden="true">📋</span> 目次
        </h3>
        <span class="ghc-toc-arrow" aria-hidden="true">▼</span>
      </label>
      <nav class="ghc-toc-body" aria-label="ページ内目次">
        <div class="ghc-toc-inner">
          <ol class="ghc-toc-list">
            <li>
              <a href="#ghc-what">Googleの隠しコマンドって何？</a>
            </li>
            <li>
              <a href="#ghc-entame">思わず誰かに教えたくなるエンタメ系コマンド7選</a>

            </li>
            <li>
              <a href="#ghc-useful">仕事・日常で本当に使えるコマンド7選</a>
            </li>
            <li>
              <a href="#ghc-travel">旅行者が知っておくべきGoogle活用ヒント</a>
            </li>
            <li>
              <a href="#ghc-operator">検索精度が劇的に変わる演算子コマンド</a>
            </li>
            <li>
              <a href="#ghc-smartphone">スマホで試せるGoogleアプリの隠し機能</a>
            </li>
            <li>
              <a href="#ghc-faq">よくある質問（FAQ）</a>
            </li>
            <li>
              <a href="#ghc-summary">まとめ</a>
            </li>
          </ol>
        </div>
      </nav>
    </div>
  </div>

  <!-- ========================================================
    セクション1: Googleの隠しコマンドって何？
  ======================================================== -->
  <section class="ghc-section" id="ghc-what" aria-labelledby="ghc-h2-what">

    <h2 class="ghc-h2" id="ghc-h2-what">Googleの隠しコマンドって何？</h2>

    <p class="ghc-p">
      Googleの検索バーは「キーワードを入力して調べるもの」だと思っていませんか？
      実は検索バーには、特定のワードや記号を入力するだけで動く<strong>隠し機能＝コマンド</strong>が数多く存在します。
    </p>
    <p class="ghc-p">
      開発者がこっそり仕込んだジョーク仕様（イースターエッグ）から、タイマー・翻訳・通貨換算まで使える実用系まで、
      種類は大きく2つに分かれます。特別なアプリもアカウントも不要で、<strong>今この瞬間から試せる</strong>のが最大の魅力です。
    </p>

    <!-- 2カラム比較カード -->
    <div class="ghc-card-grid ghc-card-grid--2" role="list">
      <div class="ghc-card ghc-card--blue" role="listitem">
        <div class="ghc-card-icon" aria-hidden="true">🎉</div>
        <h3 class="ghc-card-title">イースターエッグ系</h3>
        <p class="ghc-card-body">
          開発者が遊び心で仕込んだ演出。画面が回転したり、ゲームが始まったりと、知っているだけで話題になるコマンド群。
        </p>
        <ul class="ghc-card-list">
          <li>do a barrel roll</li>
          <li>Pac-Man / Super Mario Bros</li>
          <li>67 / recursion / blink html</li>
        </ul>
      </div>
      <div class="ghc-card ghc-card--teal" role="listitem">
        <div class="ghc-card-icon" aria-hidden="true">⚡</div>
        <h3 class="ghc-card-title">実用コマンド系</h3>
        <p class="ghc-card-body">
          日常・仕事・旅行で本当に役立つ機能。検索結果より先に答えが出るので、アプリを開く手間が省ける。
        </p>
        <ul class="ghc-card-list">
          <li>timer 5 minutes</li>
          <li>100 USD to JPY</li>
          <li>define: serendipity</li>
        </ul>
      </div>
    </div>

    <!-- インフォボックス -->
    <div class="ghc-info-box" role="note" aria-label="ポイント">
      <span class="ghc-info-icon" aria-hidden="true">💡</span>
      <div>
        <strong>使い方はシンプル</strong><br>
        Google検索（google.com または Googleアプリ）の検索バーにコマンドを入力して検索するだけ。
        Googleアカウントへのログインも不要です。
      </div>
    </div>



  </section>

  <!-- ========================================================
    セクション2: エンタメ系コマンド7選
  ======================================================== -->
  <section class="ghc-section" id="ghc-entame" aria-labelledby="ghc-h2-entame">

    <h2 class="ghc-h2" id="ghc-h2-entame">思わず誰かに教えたくなる——エンタメ系コマンド7選</h2>

    <p class="ghc-p">
      まずは「使えるかどうか」より「楽しいかどうか」で選んだコマンドを紹介します。
      いずれも<strong>2026年4月現在・Google検索で動作確認済み</strong>のコマンドです。
      家族や友人の前でスマートに披露すれば、きっと驚かれます。
    </p>

    <!-- コマンドカード1 -->
    <div class="ghc-cmd-card" id="ghc-barrel">
      <div class="ghc-cmd-header">
        <span class="ghc-cmd-number" aria-hidden="true">01</span>
        <div class="ghc-cmd-meta">
          <div class="ghc-cmd-keyword" role="code" aria-label="コマンド: do a barrel roll">
            <span aria-hidden="true">⌨️</span> do a barrel roll
          </div>
          <div class="ghc-cmd-tags">
            <span class="ghc-badge ghc-badge--green">PC・スマホ両対応</span>
            <span class="ghc-badge ghc-badge--blue">視覚エフェクト</span>
          </div>
        </div>
      </div>
      <div class="ghc-cmd-body">
        <h3 class="ghc-cmd-title">画面がくるっと1回転する</h3>
        <p class="ghc-p">
          検索バーに <strong>do a barrel roll</strong> と入力して検索すると、検索結果の画面全体が一回転します。
          同じ効果で <strong>z or r twice</strong> でも動作します。初めて見た人は思わず笑ってしまうほどシンプルな驚きです。
        </p>
        <div class="ghc-cmd-try">
          <span aria-hidden="true">▶</span>
          試し方：Google検索で「<strong>do a barrel roll</strong>」と入力して検索するだけ
        </div>
      </div>
    </div>

    <!-- コマンドカード2 -->
    <div class="ghc-cmd-card">
      <div class="ghc-cmd-header">
        <span class="ghc-cmd-number" aria-hidden="true">02</span>
        <div class="ghc-cmd-meta">
          <div class="ghc-cmd-keyword" role="code" aria-label="コマンド: askew または tilt">
            <span aria-hidden="true">⌨️</span> askew / tilt
          </div>
          <div class="ghc-cmd-tags">
            <span class="ghc-badge ghc-badge--green">PC・スマホ両対応</span>
            <span class="ghc-badge ghc-badge--blue">視覚エフェクト</span>
          </div>
        </div>
      </div>
      <div class="ghc-cmd-body">
        <h3 class="ghc-cmd-title">画面が少し傾いて表示される</h3>
        <p class="ghc-p">
          「askew」または「tilt」と検索すると、画面全体がわずかに斜めに傾きます。
          barrel rollほど派手ではありませんが、気づいた瞬間に思わずニヤっとする細やかな演出です。
          英語で「askew＝斜め」という意味のダジャレ的なコマンドです。
        </p>
        <div class="ghc-cmd-try">
          <span aria-hidden="true">▶</span>
          試し方：「<strong>askew</strong>」または「<strong>tilt</strong>」で検索するだけ
        </div>
      </div>
    </div>

    <!-- コマンドカード3 -->
    <div class="ghc-cmd-card">
      <div class="ghc-cmd-header">
        <span class="ghc-cmd-number" aria-hidden="true">03</span>
        <div class="ghc-cmd-meta">
          <div class="ghc-cmd-keyword" role="code" aria-label="コマンド: 67">
            <span aria-hidden="true">⌨️</span> 67
          </div>
          <div class="ghc-cmd-tags">
            <span class="ghc-badge ghc-badge--green">PC・スマホ両対応</span>
            <span class="ghc-badge ghc-badge--orange">TikTokバイラル</span>
          </div>
        </div>
      </div>
      <div class="ghc-cmd-body">
        <h3 class="ghc-cmd-title">画面がダンスするように揺れる——2025年末にバイラル</h3>
        <p class="ghc-p">
          「67」「6-7」「six seven」と検索すると、画面全体が数秒間ゆらゆらと揺れるアニメーションが起きます。
          TikTokで話題になった「6-7ミーム」の手の振りをGoogleが取り入れたもので、
          2025年末に追加された最新のイースターエッグです。2026年現在も現役で動作します。
        </p>
        <div class="ghc-cmd-try">
          <span aria-hidden="true">▶</span>
          試し方：「<strong>67</strong>」または「<strong>6-7</strong>」で検索するだけ
        </div>
      </div>
    </div>

    <!-- コマンドカード4 -->
    <div class="ghc-cmd-card">
      <div class="ghc-cmd-header">
        <span class="ghc-cmd-number" aria-hidden="true">04</span>
        <div class="ghc-cmd-meta">
          <div class="ghc-cmd-keyword" role="code" aria-label="コマンド: Pac-Man">
            <span aria-hidden="true">⌨️</span> Pac-Man
          </div>
          <div class="ghc-cmd-tags">
            <span class="ghc-badge ghc-badge--green">PC・スマホ両対応</span>
            <span class="ghc-badge ghc-badge--blue">ゲームプレイ可</span>
          </div>
        </div>
      </div>
      <div class="ghc-cmd-body">
        <h3 class="ghc-cmd-title">検索結果ページでパックマンが遊べる</h3>
        <p class="ghc-p">
          「Pac-Man」と検索すると、2010年に公開されたGoogleドゥードゥル版パックマンが
          検索結果ページ上で直接プレイできます。
          「Insert Coin」を2回押すとミス・パックマンも登場するため、2人同時プレイも可能。
          Googleが永久保存を決定した不朽の名作イースターエッグです。
        </p>
        <div class="ghc-cmd-try">
          <span aria-hidden="true">▶</span>
          試し方：「<strong>Pac-Man</strong>」で検索 → 「Play」ボタンをクリック
        </div>
      </div>
    </div>

    <!-- コマンドカード5 -->
    <div class="ghc-cmd-card">
      <div class="ghc-cmd-header">
        <span class="ghc-cmd-number" aria-hidden="true">05</span>
        <div class="ghc-cmd-meta">
          <div class="ghc-cmd-keyword" role="code" aria-label="コマンド: Super Mario Bros">
            <span aria-hidden="true">⌨️</span> Super Mario Bros
          </div>
          <div class="ghc-cmd-tags">
            <span class="ghc-badge ghc-badge--green">PC・スマホ両対応</span>
            <span class="ghc-badge ghc-badge--orange">インタラクティブ</span>
          </div>
        </div>
      </div>
      <div class="ghc-cmd-body">
        <h3 class="ghc-cmd-title">？ブロックをたたくとコインとあの音が鳴る</h3>
        <p class="ghc-p">
          「Super Mario Bros」と検索すると、右側の知識パネルにアニメーションする「？ブロック」が出現します。
          クリック（タップ）するたびにおなじみのコイン音が鳴り、コインが飛び出します。
          さらに<strong>100回クリックすると1UPサウンド</strong>が鳴るという隠し要素も。子どもから大人まで楽しめます。
        </p>
        <div class="ghc-cmd-try">
          <span aria-hidden="true">▶</span>
          試し方：「<strong>Super Mario Bros</strong>」で検索 → 知識パネルの？ブロックをクリック
        </div>
      </div>
    </div>

    <!-- コマンドカード6 -->
    <div class="ghc-cmd-card">
      <div class="ghc-cmd-header">
        <span class="ghc-cmd-number" aria-hidden="true">06</span>
        <div class="ghc-cmd-meta">
          <div class="ghc-cmd-keyword" role="code" aria-label="コマンド: recursion">
            <span aria-hidden="true">⌨️</span> recursion
          </div>
          <div class="ghc-cmd-tags">
            <span class="ghc-badge ghc-badge--green">PC・スマホ両対応</span>
            <span class="ghc-badge ghc-badge--blue">言葉遊び</span>
          </div>
        </div>
      </div>
      <div class="ghc-cmd-body">
        <h3 class="ghc-cmd-title">「もしかして: recursion」が永遠にループする</h3>
        <p class="ghc-p">
          「recursion（再帰）」と検索すると、検索結果に「もしかして: <u>recursion</u>」と表示されます。
          そのリンクをクリックするとまた同じページが開き、永遠に繰り返されます。
          プログラミング用語「再帰処理」をGoogleが完璧なダジャレで再現したエンジニア心くすぐる一品です。
        </p>
        <div class="ghc-cmd-try">
          <span aria-hidden="true">▶</span>
          試し方：「<strong>recursion</strong>」で検索 → 「もしかして」のリンクをクリック……を繰り返す
        </div>
      </div>
    </div>

    <!-- コマンドカード7 -->
    <div class="ghc-cmd-card">
      <div class="ghc-cmd-header">
        <span class="ghc-cmd-number" aria-hidden="true">07</span>
        <div class="ghc-cmd-meta">
          <div class="ghc-cmd-keyword" role="code" aria-label="コマンド: blink html">
            <span aria-hidden="true">⌨️</span> blink html
          </div>
          <div class="ghc-cmd-tags">
            <span class="ghc-badge ghc-badge--green">PC・スマホ両対応</span>
            <span class="ghc-badge ghc-badge--blue">Web開発者向け</span>
          </div>
        </div>
      </div>
      <div class="ghc-cmd-body">
        <h3 class="ghc-cmd-title">90年代の懐かしいblinkタグが検索結果で再現される</h3>
        <p class="ghc-p">
          「blink html」と検索すると、検索結果ページ内の「blink」「HTML」という文字が点滅し始めます。
          かつてWeb黎明期に使われた&lt;blink&gt;タグの動作をGoogleが検索結果上で再現したもの。
          現代のブラウザはblinkタグを完全廃止していますが、Googleはその文化をユーモラスに保存し続けています。2026年現在も動作確認済みです。
        </p>
        <div class="ghc-cmd-try">
          <span aria-hidden="true">▶</span>
          試し方：「<strong>blink html</strong>」で検索 → 検索結果内の文字が点滅するのを観察
        </div>
      </div>
    </div>

    <!-- まとめ比較テーブル -->
    <div class="ghc-table-wrap" role="region" aria-label="エンタメ系コマンド一覧表">
      <table class="ghc-table">
        <caption class="ghc-table-caption">エンタメ系コマンド 早見表（2026年4月・全7件現役）</caption>
        <thead>
          <tr>
            <th scope="col">コマンド</th>
            <th scope="col">効果</th>
            <th scope="col">対応デバイス</th>
            <th scope="col">おすすめ度</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><code class="ghc-code">do a barrel roll</code></td>
            <td>画面が1回転</td>
            <td>PC・スマホ</td>
            <td>★★★★★</td>
          </tr>
          <tr>
            <td><code class="ghc-code">askew / tilt</code></td>
            <td>画面が傾く</td>
            <td>PC・スマホ</td>
            <td>★★★☆☆</td>
          </tr>
          <tr>
            <td><code class="ghc-code">67</code></td>
            <td>画面がダンスして揺れる</td>
            <td>PC・スマホ</td>
            <td>★★★★☆</td>
          </tr>
          <tr>
            <td><code class="ghc-code">Pac-Man</code></td>
            <td>その場でゲームプレイ</td>
            <td>PC・スマホ</td>
            <td>★★★★★</td>
          </tr>
          <tr>
            <td><code class="ghc-code">Super Mario Bros</code></td>
            <td>？ブロックからコイン出現</td>
            <td>PC・スマホ</td>
            <td>★★★★☆</td>
          </tr>
          <tr>
            <td><code class="ghc-code">recursion</code></td>
            <td>無限サジェスト言葉遊び</td>
            <td>PC・スマホ</td>
            <td>★★★☆☆</td>
          </tr>
          <tr>
            <td><code class="ghc-code">blink html</code></td>
            <td>特定の文字が点滅</td>
            <td>PC・スマホ</td>
            <td>★★★☆☆</td>
          </tr>
        </tbody>
      </table>
    </div>

  </section>

  <!-- ========================================================
    追加CSS（セクション1・2用）
  ======================================================== -->
  <style>

    /* カードグリッド */
    .ghc-wrap .ghc-card-grid {
      display: grid;
      gap: 20px;
      margin: 28px 0;
    }
    .ghc-wrap .ghc-card-grid--2 {
      grid-template-columns: repeat(2, 1fr);
    }
    @media (max-width: 600px) {
      .ghc-wrap .ghc-card-grid--2 {
        grid-template-columns: 1fr;
      }
    }

    .ghc-wrap .ghc-card {
      border-radius: var(--ghc-radius);
      padding: 24px 22px;
      border: 1.5px solid var(--ghc-border);
      box-shadow: var(--ghc-shadow);
      background: var(--ghc-surface);
      transition: transform .25s, box-shadow .25s;
    }
    .ghc-wrap .ghc-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--ghc-shadow-h);
    }
    .ghc-wrap .ghc-card--blue  { border-top: 4px solid var(--ghc-primary); }
    .ghc-wrap .ghc-card--teal  { border-top: 4px solid #06d6a0; }

    .ghc-wrap .ghc-card-icon {
      font-size: 2rem;
      margin-bottom: 10px;
    }
    .ghc-wrap .ghc-card-title {
      font-size: 1rem;
      font-weight: 700;
      color: var(--ghc-primary-d);
      margin: 0 0 10px;
    }
    .ghc-wrap .ghc-card-body {
      font-size: .9rem;
      color: var(--ghc-text-m);
      margin: 0 0 12px;
      line-height: 1.7;
    }
    .ghc-wrap .ghc-card-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .ghc-wrap .ghc-card-list li {
      font-size: .85rem;
      font-family: 'Courier New', monospace;
      background: var(--ghc-bg);
      border-radius: 6px;
      padding: 5px 10px;
      color: var(--ghc-primary-d);
      font-weight: 600;
      border: none;
      margin: 0;
    }
    .ghc-wrap .ghc-card-list li::before {
      content: none;
    }

    /* インフォボックス */
    .ghc-wrap .ghc-info-box {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: linear-gradient(135deg, #e8f8ff, #f0faff);
      border: 1.5px solid var(--ghc-border);
      border-radius: var(--ghc-radius);
      padding: 18px 22px;
      margin: 28px 0;
      font-size: .93rem;
      color: var(--ghc-text);
      line-height: 1.75;
    }
    .ghc-wrap .ghc-info-icon {
      font-size: 1.4rem;
      flex-shrink: 0;
      margin-top: 2px;
    }



    /* コマンドカード */
    .ghc-wrap .ghc-cmd-card {
      background: var(--ghc-surface);
      border: 1.5px solid var(--ghc-border);
      border-radius: var(--ghc-radius);
      overflow: hidden;
      margin-bottom: 24px;
      box-shadow: var(--ghc-shadow);
      transition: transform .25s, box-shadow .25s;
    }
    .ghc-wrap .ghc-cmd-card:hover {
      transform: translateY(-3px);
      box-shadow: var(--ghc-shadow-h);
    }

    .ghc-wrap .ghc-cmd-header {
      display: flex;
      align-items: center;
      gap: 16px;
      padding: 16px 22px;
      background: linear-gradient(90deg, var(--ghc-bg2), var(--ghc-bg));
      border-bottom: 1px solid var(--ghc-border);
    }

    .ghc-wrap .ghc-cmd-number {
      font-size: 1.8rem;
      font-weight: 900;
      color: var(--ghc-border);
      line-height: 1;
      font-variant-numeric: tabular-nums;
      flex-shrink: 0;
    }

    .ghc-wrap .ghc-cmd-meta {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .ghc-wrap .ghc-cmd-keyword {
      font-family: 'Courier New', monospace;
      font-size: 1.05rem;
      font-weight: 700;
      color: var(--ghc-primary-d);
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .ghc-wrap .ghc-cmd-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    .ghc-wrap .ghc-cmd-body {
      padding: 20px 22px;
    }

    .ghc-wrap .ghc-cmd-title {
      font-size: 1.05rem;
      font-weight: 700;
      color: var(--ghc-text);
      margin: 0 0 12px;
    }

    .ghc-wrap .ghc-cmd-try {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      background: linear-gradient(90deg, rgba(0,180,216,.08), transparent);
      border-left: 3px solid var(--ghc-primary);
      border-radius: 0 8px 8px 0;
      padding: 10px 14px;
      font-size: .88rem;
      color: var(--ghc-text-m);
      margin-top: 14px;
    }

    /* バッジ */
    .ghc-wrap .ghc-badge {
      display: inline-block;
      font-size: .73rem;
      font-weight: 700;
      border-radius: 50px;
      padding: 2px 10px;
      letter-spacing: .04em;
    }
    .ghc-wrap .ghc-badge--green  { background: #e8fdf0; color: #1a7a42; border: 1px solid #a8e6bf; }
    .ghc-wrap .ghc-badge--blue   { background: #e8f4ff; color: #1a5fa8; border: 1px solid #a8ccf0; }
    .ghc-wrap .ghc-badge--purple { background: #f0e8ff; color: #6a1ab0; border: 1px solid #c8a8f0; }
    .ghc-wrap .ghc-badge--orange { background: #fff4e8; color: #a05a10; border: 1px solid #f0c888; }

    /* テーブル */
    .ghc-wrap .ghc-table-wrap {
      overflow-x: auto;
      margin: 32px 0;
      border-radius: var(--ghc-radius);
      box-shadow: var(--ghc-shadow);
      -webkit-overflow-scrolling: touch;
    }
    .ghc-wrap .ghc-table {
      width: 100%;
      border-collapse: collapse;
      font-size: .9rem;
      background: var(--ghc-surface);
      min-width: 520px;
    }
    .ghc-wrap .ghc-table-caption {
      caption-side: top;
      text-align: left;
      font-size: .82rem;
      font-weight: 700;
      color: var(--ghc-text-l);
      padding: 10px 16px;
      background: var(--ghc-bg);
      border-bottom: 1px solid var(--ghc-border);
      letter-spacing: .06em;
    }
    .ghc-wrap .ghc-table thead tr {
      background: linear-gradient(90deg, var(--ghc-primary-d), var(--ghc-primary));
    }
    .ghc-wrap .ghc-table th {
      color: #fff;
      font-weight: 700;
      padding: 12px 16px;
      text-align: left;
      font-size: .85rem;
      letter-spacing: .04em;
      border: none;
    }
    .ghc-wrap .ghc-table td {
      padding: 12px 16px;
      border-bottom: 1px solid var(--ghc-border);
      color: var(--ghc-text);
      vertical-align: middle;
    }
    .ghc-wrap .ghc-table tbody tr:last-child td {
      border-bottom: none;
    }
    .ghc-wrap .ghc-table tbody tr:nth-child(even) {
      background: var(--ghc-bg);
    }
    .ghc-wrap .ghc-table tbody tr:hover {
      background: var(--ghc-bg2);
    }
    .ghc-wrap .ghc-code {
      font-family: 'Courier New', monospace;
      font-size: .88em;
      background: var(--ghc-bg2);
      border: 1px solid var(--ghc-border);
      border-radius: 4px;
      padding: 2px 7px;
      color: var(--ghc-primary-d);
      white-space: nowrap;
    }

    /* グレーバッジ */
    .ghc-wrap .ghc-badge--gray {
      background: #f0f0f0; color: #666; border: 1px solid #ccc;
    }

    /* 廃止済みカード */
    .ghc-wrap .ghc-cmd-card--retired {
      opacity: .92;
      border-color: #ddd;
      border-style: dashed;
    }
    .ghc-wrap .ghc-cmd-card--retired .ghc-cmd-header {
      background: linear-gradient(90deg, #f5f5f5, #fafafa);
    }
    .ghc-wrap .ghc-cmd-keyword--retired {
      color: #888;
    }
    .ghc-wrap .ghc-cmd-retired-box {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      background: #fffbea;
      border: 1.5px solid #ffe082;
      border-radius: 8px;
      padding: 12px 14px;
      font-size: .87rem;
      color: var(--ghc-text-m);
      line-height: 1.7;
      margin-top: 14px;
    }
    .ghc-wrap .ghc-cmd-retired-box a {
      color: var(--ghc-primary-d);
      font-weight: 700;
    }

    /* ステータスバッジ（早見テーブル用） */
    .ghc-wrap .ghc-status {
      display: inline-block;
      font-size: .78rem;
      font-weight: 700;
      border-radius: 50px;
      padding: 2px 10px;
      white-space: nowrap;
    }
    .ghc-wrap .ghc-status--active  { background: #e8fdf0; color: #1a7a42; border: 1px solid #a8e6bf; }
    .ghc-wrap .ghc-status--retired { background: #fff3e0; color: #e65100; border: 1px solid #ffcc80; }

  </style>

  <!-- ========================================================
    セクション3: 仕事・日常で本当に使えるコマンド7選
  ======================================================== -->
  <section class="ghc-section" id="ghc-useful" aria-labelledby="ghc-h2-useful">

    <h2 class="ghc-h2" id="ghc-h2-useful">仕事・日常で本当に使えるコマンド7選</h2>

    <p class="ghc-p">
      楽しいだけじゃない——Googleの検索バーは、実は<strong>超高性能ツール</strong>でもあります。
      アプリを切り替えずにその場で答えが出るコマンドを7つ厳選しました。
    </p>

    <!-- 実用コマンドリスト -->
    <div class="ghc-useful-list" role="list">

      <!-- 1. タイマー -->
      <div class="ghc-useful-item" role="listitem">
        <div class="ghc-useful-num" aria-hidden="true">1</div>
        <div class="ghc-useful-content">
          <div class="ghc-useful-kw-row">
            <code class="ghc-code">timer 5 minutes</code>
            <span class="ghc-badge ghc-badge--green">即効性◎</span>
          </div>
          <h3 class="ghc-useful-title">タイマーがその場で起動する</h3>
          <p class="ghc-p">
            「timer 5 minutes」と検索するだけで、カウントダウンタイマーが即起動します。
            分数は自由に変更でき、終了時にアラーム音も鳴ります。料理中・会議の時間管理・勉強の休憩サイクルに最適です。
            「stopwatch」と入力するとストップウォッチも使えます。
          </p>
        </div>
      </div>

      <!-- 2. 電卓 -->
      <div class="ghc-useful-item" role="listitem">
        <div class="ghc-useful-num" aria-hidden="true">2</div>
        <div class="ghc-useful-content">
          <div class="ghc-useful-kw-row">
            <code class="ghc-code">1920 * 1080 / 2</code>
            <span class="ghc-badge ghc-badge--blue">電卓不要</span>
          </div>
          <h3 class="ghc-useful-title">計算式をそのまま入力すると即答える</h3>
          <p class="ghc-p">
            四則演算はもちろん、三角関数・対数・平方根まで対応した高機能電卓が検索バー上で動作します。
            グラフ描画も可能で「y=sin(x)」と入力するとグラフが描かれます。
            エンジニアや学生の方にも使い勝手のいい機能です。
          </p>
        </div>
      </div>

      <!-- 3. 単位換算 -->
      <div class="ghc-useful-item" role="listitem">
        <div class="ghc-useful-num" aria-hidden="true">3</div>
        <div class="ghc-useful-content">
          <div class="ghc-useful-kw-row">
            <code class="ghc-code">5 miles to km</code>
            <span class="ghc-badge ghc-badge--blue">旅行にも◎</span>
          </div>
          <h3 class="ghc-useful-title">単位換算がワンアクションで完了</h3>
          <p class="ghc-p">
            距離・重さ・温度・容量など、あらゆる単位の換算がこれ一つで完結します。
            「32 Fahrenheit to Celsius」「1 gallon to liter」のように自然な文章で入力するだけです。
            海外旅行先でのサイズ感や温度感覚のズレを即解消できます。
          </p>
        </div>
      </div>

      <!-- 4. 翻訳 -->
      <div class="ghc-useful-item" role="listitem">
        <div class="ghc-useful-num" aria-hidden="true">4</div>
        <div class="ghc-useful-content">
          <div class="ghc-useful-kw-row">
            <code class="ghc-code">translate ありがとう to English</code>
            <span class="ghc-badge ghc-badge--green">多言語対応</span>
          </div>
          <h3 class="ghc-useful-title">翻訳アプリを開かずその場で翻訳</h3>
          <p class="ghc-p">
            Google翻訳のページに飛ばなくても、検索バーに入力した瞬間に翻訳結果が表示されます。
            言語は自動判定されるため「translate こんにちは」だけでも機能します。
            発音確認の音声再生ボタンも表示されるため、旅行会話の準備にも役立ちます。
          </p>
        </div>
      </div>

      <!-- 5. フライト確認 -->
      <div class="ghc-useful-item" role="listitem">
        <div class="ghc-useful-num" aria-hidden="true">5</div>
        <div class="ghc-useful-content">
          <div class="ghc-useful-kw-row">
            <code class="ghc-code">JL123</code>
            <span class="ghc-badge ghc-badge--orange">旅行者必携</span>
          </div>
          <h3 class="ghc-useful-title">便名を入れるだけでフライト状況が確認できる</h3>
          <p class="ghc-p">
            航空会社コードと便番号（例：JL123・TG661）を検索するだけで、出発・到着時刻・遅延状況・運航空港がリアルタイムで表示されます。
            空港の出発案内板を探し回る手間がなくなります。
            お迎えのタイミング確認にも便利です。
          </p>
        </div>
      </div>

      <!-- 6. 天気 -->
      <div class="ghc-useful-item" role="listitem">
        <div class="ghc-useful-num" aria-hidden="true">6</div>
        <div class="ghc-useful-content">
          <div class="ghc-useful-kw-row">
            <code class="ghc-code">weather Bangkok</code>
            <span class="ghc-badge ghc-badge--green">即表示</span>
          </div>
          <h3 class="ghc-useful-title">世界中の天気が検索結果の一番上に出る</h3>
          <p class="ghc-p">
            都市名＋「weather」で入力すると、現在の気温・湿度・週間予報がグラフ付きで即表示されます。
            ページ遷移なしで完結するため、旅行前の荷物準備や服装選びがスムーズになります。
            「現地時刻 バンコク」のように日本語でも機能します。
          </p>
        </div>
      </div>

      <!-- 7. define -->
      <div class="ghc-useful-item" role="listitem">
        <div class="ghc-useful-num" aria-hidden="true">7</div>
        <div class="ghc-useful-content">
          <div class="ghc-useful-kw-row">
            <code class="ghc-code">define: serendipity</code>
            <span class="ghc-badge ghc-badge--blue">語学学習に</span>
          </div>
          <h3 class="ghc-useful-title">語句の定義・語源・発音が一度にわかる</h3>
          <p class="ghc-p">
            「define:」に続けて英単語を入力すると、辞書定義・語源・品詞・発音記号・例文・類義語が一覧表示されます。
            英英辞典的な深さで語彙が身につくため、英語学習にも活用できます。
            日本語でも「定義 セレンディピティ」で同様に動作します。
          </p>
        </div>
      </div>

    </div><!-- /.ghc-useful-list -->

    <!-- アドバイスボックス -->
    <div class="ghc-advice-box" role="note" aria-label="活用ヒント">
      <div class="ghc-advice-icon" aria-hidden="true">🎯</div>
      <div class="ghc-advice-body">
        <strong>活用のヒント</strong><br>
        これらのコマンドはすべて<strong>スマートフォンのGoogleアプリ</strong>でも同様に動作します。
        ブラウザを開かずアプリの検索バーに入力するだけなので、外出先でもすぐに使えます。
      </div>
    </div>

  </section><!-- /#ghc-useful -->


  <!-- ========================================================
    セクション4: 旅行者向けGoogle活用ヒント
  ======================================================== -->
  <section class="ghc-section" id="ghc-travel" aria-labelledby="ghc-h2-travel">

    <h2 class="ghc-h2" id="ghc-h2-travel">旅行者が知っておくべきGoogle活用ヒント</h2>

    <p class="ghc-p">
      海外旅行中のGoogle検索は、ただ「調べる」だけでなく<strong>旅のトラブルを未然に防ぐ</strong>強力なツールになります。
      特にタイ・東南アジアを旅するなら、以下のコマンドと活用法を頭に入れておくと安心です。
    </p>

    <!-- 旅行コマンドグリッド -->
    <div class="ghc-travel-grid" role="list">

      <div class="ghc-travel-card" role="listitem">
        <div class="ghc-travel-card-icon" aria-hidden="true">💱</div>
        <h3 class="ghc-travel-card-title">通貨換算</h3>
        <code class="ghc-code ghc-code--block">10000 JPY to THB</code>
        <p class="ghc-travel-card-desc">
          日本円からタイバーツへの換算がリアルタイムレートで即表示されます。
          両替所の提示レートと比較するときにも役立ちます。
        </p>
      </div>

      <div class="ghc-travel-card" role="listitem">
        <div class="ghc-travel-card-icon" aria-hidden="true">🕐</div>
        <h3 class="ghc-travel-card-title">現地時刻確認</h3>
        <code class="ghc-code ghc-code--block">time in Bangkok</code>
        <p class="ghc-travel-card-desc">
          日本との時差を計算しなくても、現地の今の時刻が即座に表示されます。
          家族への連絡タイミングを間違えずに済みます。
        </p>
      </div>

      <div class="ghc-travel-card" role="listitem">
        <div class="ghc-travel-card-icon" aria-hidden="true">✈️</div>
        <h3 class="ghc-travel-card-title">フライト追跡</h3>
        <code class="ghc-code ghc-code--block">TG661</code>
        <p class="ghc-travel-card-desc">
          便名を検索するだけで出発・到着・遅延状況がリアルタイムで確認できます。
          空港に迎えに行く人にとっても必須の使い方です。
        </p>
      </div>

      <div class="ghc-travel-card" role="listitem">
        <div class="ghc-travel-card-icon" aria-hidden="true">🌦️</div>
        <h3 class="ghc-travel-card-title">現地天気</h3>
        <code class="ghc-code ghc-code--block">weather Chiang Mai</code>
        <p class="ghc-travel-card-desc">
          週間予報・降水確率・体感温度まで一画面で確認できます。
          スコールの多い東南アジアでは特に重宝します。
        </p>
      </div>

      <div class="ghc-travel-card" role="listitem">
        <div class="ghc-travel-card-icon" aria-hidden="true">🗺️</div>
        <h3 class="ghc-travel-card-title">周辺スポット検索</h3>
        <code class="ghc-code ghc-code--block">restaurants near me</code>
        <p class="ghc-travel-card-desc">
          現在地周辺の飲食店・ATM・病院・コンビニを地図付きで即表示します。
          現地語が読めなくても使えます。
        </p>
      </div>

      <div class="ghc-travel-card" role="listitem">
        <div class="ghc-travel-card-icon" aria-hidden="true">🔤</div>
        <h3 class="ghc-travel-card-title">現地語翻訳</h3>
        <code class="ghc-code ghc-code--block">translate ขอบคุณ</code>
        <p class="ghc-travel-card-desc">
          タイ語・ラオス語など文字が読めない言語も自動判定して翻訳します。
          メニューや看板をそのままコピペ入力するだけでOKです。
        </p>
      </div>

    </div><!-- /.ghc-travel-grid -->



  </section><!-- /#ghc-travel -->


  <!-- ========================================================
    セクション5: 検索精度が変わる演算子コマンド
  ======================================================== -->
  <section class="ghc-section" id="ghc-operator" aria-labelledby="ghc-h2-operator">

    <h2 class="ghc-h2" id="ghc-h2-operator">検索精度が劇的に変わる演算子コマンドの基礎</h2>

    <p class="ghc-p">
      「検索しても欲しい情報が出てこない」という経験はありませんか？
      実はGoogleには<strong>演算子</strong>と呼ばれる記号コマンドがあり、これを使いこなすだけで検索結果の質が大きく変わります。
      難しい知識は不要。組み合わせるだけで使えます。
    </p>

    <!-- 演算子カードグリッド -->
    <div class="ghc-op-grid" role="list">

      <div class="ghc-op-card" role="listitem">
        <div class="ghc-op-symbol" aria-label='演算子: ダブルクォーテーション'>&#8221;&nbsp;&nbsp;&#8220;</div>
        <div class="ghc-op-body">
          <h3 class="ghc-op-title">完全一致検索</h3>
          <code class="ghc-code ghc-code--block">"タイ 雨季 注意点"</code>
          <p class="ghc-op-desc">
            フレーズをそのままの順序で含むページだけを検索します。
            ニュースの見出しや引用文を探すときに特に効果的です。
          </p>
        </div>
      </div>

      <div class="ghc-op-card" role="listitem">
        <div class="ghc-op-symbol" aria-label="演算子: site">site:</div>
        <div class="ghc-op-body">
          <h3 class="ghc-op-title">サイト内検索</h3>
          <code class="ghc-code ghc-code--block">site:yoooyooo8.jp タイ</code>
          <p class="ghc-op-desc">
            指定したドメイン内のページだけを対象に検索できます。
            サイト内検索機能がないブログやニュースサイトで特に重宝します。
          </p>
        </div>
      </div>

      <div class="ghc-op-card" role="listitem">
        <div class="ghc-op-symbol" aria-label="演算子: マイナス">－</div>
        <div class="ghc-op-body">
          <h3 class="ghc-op-title">除外検索</h3>
          <code class="ghc-code ghc-code--block">バンコク 観光 -ツアー</code>
          <p class="ghc-op-desc">
            特定のキーワードを含むページを検索結果から除外します。
            不要な情報をフィルタリングして、より目的に近い結果を得られます。
          </p>
        </div>
      </div>

      <div class="ghc-op-card" role="listitem">
        <div class="ghc-op-symbol" aria-label="演算子: filetype">filetype:</div>
        <div class="ghc-op-body">
          <h3 class="ghc-op-title">ファイル形式指定</h3>
          <code class="ghc-code ghc-code--block">旅行計画 filetype:pdf</code>
          <p class="ghc-op-desc">
            PDF・Excel・PowerPointなど特定のファイル形式のみを検索します。
            政府の公式資料や学術論文を探すときに重宝します。
          </p>
        </div>
      </div>

      <div class="ghc-op-card" role="listitem">
        <div class="ghc-op-symbol" aria-label="演算子: OR">OR</div>
        <div class="ghc-op-body">
          <h3 class="ghc-op-title">いずれかを含む検索</h3>
          <code class="ghc-code ghc-code--block">バンコク OR チェンマイ 観光</code>
          <p class="ghc-op-desc">
            どちらかのキーワードを含むページを検索します。
            大文字で「OR」と入力する必要があります。複数の候補を一度に調べたいときに便利です。
          </p>
        </div>
      </div>

      <div class="ghc-op-card" role="listitem">
        <div class="ghc-op-symbol" aria-label="演算子: after after:">after:</div>
        <div class="ghc-op-body">
          <h3 class="ghc-op-title">日付範囲絞り込み</h3>
          <code class="ghc-code ghc-code--block">タイ 入国規制 after:2026-01-01</code>
          <p class="ghc-op-desc">
            指定した日付以降に公開されたページだけを検索します。
            情報の鮮度が重要なニュースや規制情報の確認に最適です。
          </p>
        </div>
      </div>

    </div><!-- /.ghc-op-grid -->

    <!-- 組み合わせ例 -->
    <div class="ghc-combine-box" role="note" aria-label="演算子の組み合わせ例">
      <div class="ghc-combine-label">
        <span aria-hidden="true">🔗</span> 演算子を組み合わせると、さらに強力になる
      </div>
      <div class="ghc-combine-examples">
        <div class="ghc-combine-item">
          <code class="ghc-code">site:mfa.go.th "Thailand visa" after:2026-01-01</code>
          <span class="ghc-combine-note">→ 外務省サイトの最新ビザ情報だけを取得</span>
        </div>
        <div class="ghc-combine-item">
          <code class="ghc-code">"チェンマイ" 観光 -ツアー filetype:pdf</code>
          <span class="ghc-combine-note">→ ツアー広告を除いたPDF資料のみ表示</span>
        </div>
      </div>
    </div>

    <!-- 演算子早見テーブル -->
    <div class="ghc-table-wrap" role="region" aria-label="検索演算子一覧表">
      <table class="ghc-table">
        <caption class="ghc-table-caption">検索演算子 早見表</caption>
        <thead>
          <tr>
            <th scope="col">演算子</th>
            <th scope="col">機能</th>
            <th scope="col">使用例</th>
            <th scope="col">効果</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><code class="ghc-code">"&nbsp;&nbsp;"</code></td>
            <td>完全一致</td>
            <td><code class="ghc-code">"旅行 計画"</code></td>
            <td>★★★★★</td>
          </tr>
          <tr>
            <td><code class="ghc-code">site:</code></td>
            <td>サイト内</td>
            <td><code class="ghc-code">site:example.com</code></td>
            <td>★★★★★</td>
          </tr>
          <tr>
            <td><code class="ghc-code">-</code></td>
            <td>除外</td>
            <td><code class="ghc-code">観光 -ツアー</code></td>
            <td>★★★★☆</td>
          </tr>
          <tr>
            <td><code class="ghc-code">filetype:</code></td>
            <td>形式指定</td>
            <td><code class="ghc-code">filetype:pdf</code></td>
            <td>★★★★☆</td>
          </tr>
          <tr>
            <td><code class="ghc-code">OR</code></td>
            <td>いずれか</td>
            <td><code class="ghc-code">A OR B</code></td>
            <td>★★★☆☆</td>
          </tr>
          <tr>
            <td><code class="ghc-code">after:</code></td>
            <td>日付以降</td>
            <td><code class="ghc-code">after:2026-01-01</code></td>
            <td>★★★★☆</td>
          </tr>
        </tbody>
      </table>
    </div>

  </section><!-- /#ghc-operator -->


  <!-- ========================================================
    追加CSS（セクション3・4・5用）
  ======================================================== -->
  <style>

    /* ---- セクション3: 実用コマンドリスト ---- */
    .ghc-wrap .ghc-useful-list {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin: 28px 0;
    }
    .ghc-wrap .ghc-useful-item {
      display: flex;
      gap: 18px;
      align-items: flex-start;
      background: var(--ghc-surface);
      border: 1.5px solid var(--ghc-border);
      border-radius: var(--ghc-radius);
      padding: 20px 22px;
      box-shadow: var(--ghc-shadow);
      transition: transform .22s, box-shadow .22s;
    }
    .ghc-wrap .ghc-useful-item:hover {
      transform: translateX(4px);
      box-shadow: var(--ghc-shadow-h);
      border-color: var(--ghc-primary-l);
    }
    .ghc-wrap .ghc-useful-num {
      font-size: 2rem;
      font-weight: 900;
      color: var(--ghc-primary-l);
      line-height: 1;
      flex-shrink: 0;
      width: 2rem;
      text-align: center;
      padding-top: 2px;
    }
    .ghc-wrap .ghc-useful-content {
      flex: 1;
      min-width: 0;
    }
    .ghc-wrap .ghc-useful-kw-row {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 8px;
    }
    .ghc-wrap .ghc-useful-title {
      font-size: 1rem;
      font-weight: 700;
      color: var(--ghc-text);
      margin: 0 0 8px;
    }
    .ghc-wrap .ghc-advice-box {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      background: linear-gradient(135deg, #fff8e1, #fffde7);
      border: 1.5px solid #ffe082;
      border-radius: var(--ghc-radius);
      padding: 20px 22px;
      margin: 32px 0 0;
      font-size: .93rem;
      color: var(--ghc-text);
      line-height: 1.75;
    }
    .ghc-wrap .ghc-advice-icon {
      font-size: 1.6rem;
      flex-shrink: 0;
    }

    /* ---- セクション4: 旅行グリッド ---- */
    .ghc-wrap .ghc-travel-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
      margin: 28px 0;
    }
    @media (max-width: 720px) {
      .ghc-wrap .ghc-travel-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 480px) {
      .ghc-wrap .ghc-travel-grid {
        grid-template-columns: 1fr;
      }
    }
    .ghc-wrap .ghc-travel-card {
      background: var(--ghc-surface);
      border: 1.5px solid var(--ghc-border);
      border-radius: var(--ghc-radius);
      padding: 20px 18px;
      box-shadow: var(--ghc-shadow);
      transition: transform .22s, box-shadow .22s;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .ghc-wrap .ghc-travel-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--ghc-shadow-h);
    }
    .ghc-wrap .ghc-travel-card-icon {
      font-size: 1.8rem;
    }
    .ghc-wrap .ghc-travel-card-title {
      font-size: .97rem;
      font-weight: 700;
      color: var(--ghc-primary-d);
      margin: 0;
    }
    .ghc-wrap .ghc-travel-card-desc {
      font-size: .86rem;
      color: var(--ghc-text-m);
      line-height: 1.65;
      margin: 0;
    }
    .ghc-wrap .ghc-code--block {
      display: block;
      padding: 6px 10px;
      font-size: .82rem;
      white-space: nowrap;
      overflow-x: auto;
    }

    /* アフィリエイトボックス */
    .ghc-wrap .ghc-aff-box {
      background: linear-gradient(135deg, #f0f9ff, #e8f5ff);
      border: 2px solid var(--ghc-border);
      border-radius: var(--ghc-radius-l);
      padding: 28px 26px;
      margin: 36px 0;
      box-shadow: var(--ghc-shadow);
    }
    .ghc-wrap .ghc-aff-label {
      font-size: .82rem;
      font-weight: 700;
      letter-spacing: .08em;
      color: var(--ghc-primary-d);
      background: rgba(0,180,216,.1);
      border-radius: 50px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 4px 16px;
      margin-bottom: 14px;
    }
    .ghc-wrap .ghc-aff-lead {
      font-size: .93rem;
      color: var(--ghc-text-m);
      margin: 0 0 20px;
      line-height: 1.75;
    }
    .ghc-wrap .ghc-aff-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }
    @media (max-width: 580px) {
      .ghc-wrap .ghc-aff-grid {
        grid-template-columns: 1fr;
      }
    }
    .ghc-wrap .ghc-aff-item {
      background: var(--ghc-surface);
      border: 1px solid var(--ghc-border);
      border-radius: var(--ghc-radius);
      padding: 18px 16px;
    }
    .ghc-wrap .ghc-aff-service-name {
      font-weight: 700;
      font-size: .93rem;
      color: var(--ghc-text);
      margin-bottom: 8px;
    }
    .ghc-wrap .ghc-aff-service-desc {
      font-size: .84rem;
      color: var(--ghc-text-m);
      line-height: 1.65;
      margin: 0 0 12px;
    }
    .ghc-wrap .ghc-aff-links {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .ghc-wrap .ghc-aff-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 9px 14px;
      border-radius: 8px;
      font-size: .84rem;
      font-weight: 700;
      text-decoration: none;
      transition: opacity .2s, transform .2s;
      text-align: center;
    }
    .ghc-wrap .ghc-aff-btn:hover {
      opacity: .85;
      transform: translateY(-1px);
    }
    .ghc-wrap .ghc-aff-btn--agoda  { background: #003580; color: #fff; }
    .ghc-wrap .ghc-aff-btn--rakuten { background: #bf0000; color: #fff; }
    .ghc-wrap .ghc-aff-btn--jal    { background: #003087; color: #fff; }
    .ghc-wrap .ghc-aff-btn--was    { background: #1a6b3c; color: #fff; }
    .ghc-wrap .ghc-aff-btn--12go   { background: #ff6b00; color: #fff; }
    .ghc-wrap .ghc-aff-disclosure  {
      font-size: .75rem;
      color: var(--ghc-text-l);
      margin: 16px 0 0;
      text-align: right;
    }

    /* ---- セクション5: 演算子グリッド ---- */
    .ghc-wrap .ghc-op-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
      margin: 28px 0;
    }
    @media (max-width: 580px) {
      .ghc-wrap .ghc-op-grid {
        grid-template-columns: 1fr;
      }
    }
    .ghc-wrap .ghc-op-card {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      background: var(--ghc-surface);
      border: 1.5px solid var(--ghc-border);
      border-radius: var(--ghc-radius);
      padding: 20px 18px;
      box-shadow: var(--ghc-shadow);
      transition: transform .22s, box-shadow .22s;
    }
    .ghc-wrap .ghc-op-card:hover {
      transform: translateY(-3px);
      box-shadow: var(--ghc-shadow-h);
    }
    .ghc-wrap .ghc-op-symbol {
      font-size: 1.35rem;
      font-weight: 900;
      font-family: 'Courier New', monospace;
      color: var(--ghc-primary);
      background: var(--ghc-bg2);
      border: 1.5px solid var(--ghc-border);
      border-radius: 8px;
      padding: 6px 10px;
      flex-shrink: 0;
      line-height: 1;
      min-width: 52px;
      text-align: center;
    }
    .ghc-wrap .ghc-op-body {
      flex: 1;
      min-width: 0;
    }
    .ghc-wrap .ghc-op-title {
      font-size: .97rem;
      font-weight: 700;
      color: var(--ghc-text);
      margin: 0 0 8px;
    }
    .ghc-wrap .ghc-op-desc {
      font-size: .86rem;
      color: var(--ghc-text-m);
      line-height: 1.65;
      margin: 8px 0 0;
    }

    /* 組み合わせボックス */
    .ghc-wrap .ghc-combine-box {
      background: linear-gradient(135deg, #0d2137, #0a1628);
      border-radius: var(--ghc-radius);
      padding: 22px 24px;
      margin: 28px 0;
      box-shadow: var(--ghc-shadow);
    }
    .ghc-wrap .ghc-combine-label {
      font-size: .85rem;
      font-weight: 700;
      color: var(--ghc-primary-l);
      letter-spacing: .06em;
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .ghc-wrap .ghc-combine-examples {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .ghc-wrap .ghc-combine-item {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .ghc-wrap .ghc-combine-item .ghc-code {
      background: rgba(0,180,216,.15);
      border-color: rgba(0,180,216,.3);
      color: var(--ghc-primary-l);
      font-size: .83rem;
      white-space: pre-wrap;
      word-break: break-all;
    }
    .ghc-wrap .ghc-combine-note {
      font-size: .8rem;
      color: rgba(255,255,255,.55);
      padding-left: 4px;
    }

  </style>

  <!-- ========================================================
    セクション6: スマホで試せるGoogleアプリの隠し機能
  ======================================================== -->
  <section class="ghc-section" id="ghc-smartphone" aria-labelledby="ghc-h2-smartphone">

    <h2 class="ghc-h2" id="ghc-h2-smartphone">スマホで試せるGoogleアプリの隠し機能</h2>

    <p class="ghc-p">
      PCだけでなく、スマートフォンのGoogleアプリにも知る人ぞ知る便利な機能が搭載されています。
      アプリを使いこなすだけで、日常のちょっとした手間がぐっと減ります。
    </p>

    <div class="ghc-sp-grid" role="list">

      <div class="ghc-sp-card" role="listitem">
        <div class="ghc-sp-icon" aria-hidden="true">🔍</div>
        <div class="ghc-sp-body">
          <h3 class="ghc-sp-title">Googleレンズ——カメラで「写す」だけで検索</h3>
          <p class="ghc-p">
            スマホカメラをかざすだけで、植物・動物・料理・文字・QRコードを即座に認識します。
            海外の飲食店メニューをカメラで映せば日本語に翻訳表示も可能です。
            Googleアプリの検索バー右端のカメラアイコンからアクセスできます。
          </p>
          <div class="ghc-sp-tip">
            <span aria-hidden="true">📌</span> 旅先でタイ語・中国語のメニューをそのまま翻訳できて重宝します
          </div>
        </div>
      </div>

      <div class="ghc-sp-card" role="listitem">
        <div class="ghc-sp-icon" aria-hidden="true">🎵</div>
        <div class="ghc-sp-body">
          <h3 class="ghc-sp-title">鼻歌検索——メロディを歌うだけで曲名がわかる</h3>
          <p class="ghc-p">
            曲名がわからなくてもメロディを10〜15秒ほど歌うかハミングするだけで、
            GoogleのAIが楽曲を特定してくれます。
            Googleアプリのマイクアイコンをタップし「曲を検索」を選択するだけです。
            歌詞を知らなくても、頭の中で流れている曲を見つけられます。
          </p>
          <div class="ghc-sp-tip">
            <span aria-hidden="true">📌</span> 「search a song」と音声入力してもアクセスできます
          </div>
        </div>
      </div>

      <div class="ghc-sp-card" role="listitem">
        <div class="ghc-sp-icon" aria-hidden="true">🎙️</div>
        <div class="ghc-sp-body">
          <h3 class="ghc-sp-title">音声検索の賢い使い方——自然な文章で話しかける</h3>
          <p class="ghc-p">
            「OK Google」や「Hey Google」のあとに自然な日本語で話しかけるだけで
            タイマー設定・天気確認・翻訳・電話発信まで一括でこなせます。
            「5分後にアラームをセットして」「バンコクの今の時間は？」のように
            会話するように使うのがコツです。
          </p>
          <div class="ghc-sp-tip">
            <span aria-hidden="true">📌</span> 運転中や料理中など、手が離せないときに特に便利
          </div>
        </div>
      </div>

      <div class="ghc-sp-card" role="listitem">
        <div class="ghc-sp-icon" aria-hidden="true">📊</div>
        <div class="ghc-sp-body">
          <h3 class="ghc-sp-title">スポーツ・株価・路線——専用ウィジェットが即表示</h3>
          <p class="ghc-p">
            「阪神 試合結果」「トヨタ 株価」「渋谷 新宿 乗り換え」のように検索すると、
            結果ページのトップに専用の見やすいウィジェットが表示されます。
            外部サイトに移動せず、その場で情報が完結するのがポイントです。
          </p>
          <div class="ghc-sp-tip">
            <span aria-hidden="true">📌</span> 「67」と検索すると画面が揺れるイースターエッグも現役（2026年確認済み）
          </div>
        </div>
      </div>

    </div><!-- /.ghc-sp-grid -->

  </section><!-- /#ghc-smartphone -->


  <!-- ========================================================
    FAQ セクション
  ======================================================== -->
  <section class="ghc-section" id="ghc-faq" aria-labelledby="ghc-h2-faq">

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

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

      <!-- Q1 -->
      <div class="ghc-faq-item">
        <input type="checkbox" id="ghc-faq1" class="ghc-faq-toggle" aria-hidden="true">
        <label class="ghc-faq-q" for="ghc-faq1">
          <span class="ghc-faq-icon" aria-hidden="true">Q</span>
          <span>Googleの隠しコマンドはスマホでも使えますか？</span>
          <span class="ghc-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="ghc-faq-a" role="region" aria-label="回答">
          <div class="ghc-faq-a-inner">
            <span class="ghc-faq-a-icon" aria-hidden="true">A</span>
            <p>
              「do a barrel roll」「askew / tilt」「タイマー」「通貨換算」「翻訳」など、
              ほとんどのコマンドはスマートフォンのブラウザやGoogleアプリでも動作します。
              ただし、Zerg rush・Thanosなどすでに廃止されたイースターエッグは
              PCでも動作しないためご注意ください。
            </p>
          </div>
        </div>
      </div>

      <!-- Q2 -->
      <div class="ghc-faq-item">
        <input type="checkbox" id="ghc-faq2" class="ghc-faq-toggle" aria-hidden="true">
        <label class="ghc-faq-q" for="ghc-faq2">
          <span class="ghc-faq-icon" aria-hidden="true">Q</span>
          <span>コマンドを使うのに特別な設定やアカウントは必要ですか？</span>
          <span class="ghc-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="ghc-faq-a" role="region" aria-label="回答">
          <div class="ghc-faq-a-inner">
            <span class="ghc-faq-a-icon" aria-hidden="true">A</span>
            <p>
              一切不要です。Googleの検索バー（google.com、Googleアプリどちらでも可）に
              キーワードを入力して検索するだけで使えます。
              Googleアカウントへのログインも不要なため、誰でも今すぐ試せます。
            </p>
          </div>
        </div>
      </div>

      <!-- Q3 -->
      <div class="ghc-faq-item">
        <input type="checkbox" id="ghc-faq3" class="ghc-faq-toggle" aria-hidden="true">
        <label class="ghc-faq-q" for="ghc-faq3">
          <span class="ghc-faq-icon" aria-hidden="true">Q</span>
          <span>試してみたのにコマンドが動きません。なぜですか？</span>
          <span class="ghc-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="ghc-faq-a" role="region" aria-label="回答">
          <div class="ghc-faq-a-inner">
            <span class="ghc-faq-a-icon" aria-hidden="true">A</span>
            <p>
              主な原因は2つあります。①<strong>すでに廃止されたコマンドを試している</strong>場合（Thanos・Zerg rushなど）、②<strong>Googleの仕様変更</strong>でイースターエッグが予告なく削除された場合です。
              現役コマンドを中心にお試しください。
            </p>
          </div>
        </div>
      </div>

      <!-- Q4 -->
      <div class="ghc-faq-item">
        <input type="checkbox" id="ghc-faq4" class="ghc-faq-toggle" aria-hidden="true">
        <label class="ghc-faq-q" for="ghc-faq4">
          <span class="ghc-faq-icon" aria-hidden="true">Q</span>
          <span>検索演算子コマンドはGoogleアプリでも使えますか？</span>
          <span class="ghc-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="ghc-faq-a" role="region" aria-label="回答">
          <div class="ghc-faq-a-inner">
            <span class="ghc-faq-a-icon" aria-hidden="true">A</span>
            <p>
              はい、使えます。<code class="ghc-code">site:</code>・<code class="ghc-code">filetype:</code>・<code class="ghc-code">"完全一致"</code>・<code class="ghc-code">-除外</code>などの演算子は
              スマホのGoogleアプリ・モバイルブラウザ・PCブラウザすべてで共通して動作します。
              検索バーに直接入力するだけで有効になります。
            </p>
          </div>
        </div>
      </div>

      <!-- Q5 -->
      <div class="ghc-faq-item">
        <input type="checkbox" id="ghc-faq5" class="ghc-faq-toggle" aria-hidden="true">
        <label class="ghc-faq-q" for="ghc-faq5">
          <span class="ghc-faq-icon" aria-hidden="true">Q</span>
          <span>ThanosやZerg rushを今でも体験する方法はありますか？</span>
          <span class="ghc-faq-arrow" aria-hidden="true">▼</span>
        </label>
        <div class="ghc-faq-a" role="region" aria-label="回答">
          <div class="ghc-faq-a-inner">
            <span class="ghc-faq-a-icon" aria-hidden="true">A</span>
            <p>
              ファンサイト「elgooG」（elgoog.im）で、当時のアニメーションを忠実に再現した版が公開されています。
              Google公式ではありませんが、見た目・操作感ともにオリジナルに近い体験が可能です。
              Thanosのインフィニティ・ガントレットをクリックする体験や、Zerg rushのミニゲームが現在も遊べます。
            </p>
          </div>
        </div>
      </div>

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

  </section><!-- /#ghc-faq -->


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

    <h2 class="ghc-h2" id="ghc-h2-summary">まとめ——Googleは「調べる道具」だけじゃない</h2>

    <p class="ghc-p">
      今回紹介したコマンドやヒントを、あらためて整理します。
    </p>

    <!-- まとめカード -->
    <div class="ghc-summary-cards" role="list">
      <div class="ghc-summary-card" role="listitem">
        <div class="ghc-summary-card-num" aria-hidden="true">01</div>
        <div>
          <strong>エンタメ系は7種すべて現役</strong><br>
          do a barrel roll・askew・67・Pac-Man・Super Mario Bros・recursion・blink htmlがすべて2026年4月現在動作確認済みです。
        </div>
      </div>
      <div class="ghc-summary-card" role="listitem">
        <div class="ghc-summary-card-num" aria-hidden="true">02</div>
        <div>
          <strong>タイマー・電卓・翻訳・フライト確認は日常の必需品</strong><br>
          アプリを開く手間を省けるコマンドが多数あります。特に旅行中は通貨換算・現地時刻確認が重宝します。
        </div>
      </div>
      <div class="ghc-summary-card" role="listitem">
        <div class="ghc-summary-card-num" aria-hidden="true">03</div>
        <div>
          <strong>演算子コマンドで検索の精度が劇的に上がる</strong><br>
          <code class="ghc-code">site:</code>・<code class="ghc-code">"&nbsp;"</code>・<code class="ghc-code">-</code>・<code class="ghc-code">filetype:</code>の4つを覚えるだけで、欲しい情報への最短距離が縮まります。
        </div>
      </div>
      <div class="ghc-summary-card" role="listitem">
        <div class="ghc-summary-card-num" aria-hidden="true">04</div>
        <div>
          <strong>スマホのGoogleアプリはさらに奥が深い</strong><br>
          レンズ・鼻歌検索・音声コマンドを組み合わせれば、海外旅行中の言語の壁もぐっと下がります。
        </div>
      </div>
    </div>



  </section><!-- /#ghc-summary -->


  <!-- ========================================================
    追加CSS（セクション6・FAQ・まとめ用）
  ======================================================== -->
  <style>

    /* ---- セクション6: スマホ機能グリッド ---- */
    .ghc-wrap .ghc-sp-grid {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin: 28px 0;
    }
    .ghc-wrap .ghc-sp-card {
      display: flex;
      gap: 20px;
      align-items: flex-start;
      background: var(--ghc-surface);
      border: 1.5px solid var(--ghc-border);
      border-radius: var(--ghc-radius);
      padding: 22px 24px;
      box-shadow: var(--ghc-shadow);
      transition: transform .22s, box-shadow .22s;
    }
    .ghc-wrap .ghc-sp-card:hover {
      transform: translateX(5px);
      box-shadow: var(--ghc-shadow-h);
      border-color: var(--ghc-primary-l);
    }
    .ghc-wrap .ghc-sp-icon {
      font-size: 2.2rem;
      flex-shrink: 0;
      line-height: 1;
      margin-top: 2px;
    }
    .ghc-wrap .ghc-sp-body {
      flex: 1;
      min-width: 0;
    }
    .ghc-wrap .ghc-sp-title {
      font-size: 1.02rem;
      font-weight: 700;
      color: var(--ghc-text);
      margin: 0 0 10px;
    }
    .ghc-wrap .ghc-sp-tip {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      background: var(--ghc-bg2);
      border-radius: 8px;
      padding: 8px 12px;
      font-size: .85rem;
      color: var(--ghc-primary-d);
      font-weight: 600;
      margin-top: 10px;
    }
    @media (max-width: 560px) {
      .ghc-wrap .ghc-sp-card {
        flex-direction: column;
        gap: 10px;
      }
    }

    /* ---- FAQ アコーディオン ---- */
    .ghc-wrap .ghc-faq-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin: 28px 0;
    }
    .ghc-wrap .ghc-faq-toggle {
      display: none;
    }
    .ghc-wrap .ghc-faq-item {
      border: 1.5px solid var(--ghc-border);
      border-radius: var(--ghc-radius);
      overflow: hidden;
      background: var(--ghc-surface);
      box-shadow: var(--ghc-shadow);
    }
    .ghc-wrap .ghc-faq-q {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 16px 20px;
      cursor: pointer;
      user-select: none;
      -webkit-user-select: none;
      font-size: .97rem;
      font-weight: 700;
      color: var(--ghc-text);
      transition: background .2s;
      background: linear-gradient(90deg, #f0f9ff, #fafeff);
    }
    .ghc-wrap .ghc-faq-q:hover {
      background: var(--ghc-bg2);
    }
    .ghc-wrap .ghc-faq-icon {
      font-size: .78rem;
      font-weight: 900;
      color: var(--ghc-surface);
      background: linear-gradient(135deg, var(--ghc-primary), var(--ghc-primary-d));
      border-radius: 6px;
      padding: 3px 8px;
      flex-shrink: 0;
      letter-spacing: .05em;
    }
    .ghc-wrap .ghc-faq-q span:nth-child(2) {
      flex: 1;
    }
    .ghc-wrap .ghc-faq-arrow {
      font-size: .8rem;
      color: var(--ghc-text-l);
      transition: transform .3s ease;
      flex-shrink: 0;
    }
    .ghc-wrap .ghc-faq-a {
      max-height: 0;
      overflow: hidden;
      transition: max-height .4s cubic-bezier(.4,0,.2,1);
    }
    .ghc-wrap .ghc-faq-toggle:checked ~ .ghc-faq-a {
      max-height: 400px;
    }
    .ghc-wrap .ghc-faq-toggle:checked ~ .ghc-faq-q .ghc-faq-arrow {
      transform: rotate(180deg);
    }
    .ghc-wrap .ghc-faq-a-inner {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 16px 20px;
      border-top: 1px solid var(--ghc-border);
      background: var(--ghc-bg);
    }
    .ghc-wrap .ghc-faq-a-icon {
      font-size: .78rem;
      font-weight: 900;
      color: var(--ghc-surface);
      background: linear-gradient(135deg, #06d6a0, #0aa078);
      border-radius: 6px;
      padding: 3px 8px;
      flex-shrink: 0;
      letter-spacing: .05em;
      margin-top: 1px;
    }
    .ghc-wrap .ghc-faq-a-inner p {
      font-size: .93rem;
      color: var(--ghc-text);
      line-height: 1.8;
      margin: 0;
    }

    /* ---- まとめカード ---- */
    .ghc-wrap .ghc-summary-cards {
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin: 28px 0;
    }
    .ghc-wrap .ghc-summary-card {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      background: linear-gradient(90deg, #f0f9ff, #fafeff);
      border: 1.5px solid var(--ghc-border);
      border-radius: var(--ghc-radius);
      padding: 18px 20px;
      font-size: .95rem;
      color: var(--ghc-text);
      line-height: 1.75;
      box-shadow: var(--ghc-shadow);
    }
    .ghc-wrap .ghc-summary-card-num {
      font-size: 1.5rem;
      font-weight: 900;
      color: var(--ghc-primary-l);
      line-height: 1;
      flex-shrink: 0;
      padding-top: 2px;
    }

  </style>

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


<!-- ================================================================
  FAQ構造化データ（JSON-LD）
  ※ .ghc-wrap の外側に配置（Rank Mathとの重複を避けるため手動のみ）
================================================================ -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Googleの隠しコマンドはスマホでも使えますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "「do a barrel roll」「askew / tilt」「タイマー」「通貨換算」「翻訳」など、ほとんどのコマンドはスマートフォンのブラウザやGoogleアプリでも動作します。ただし、Zerg rush・Thanosなどすでに廃止されたイースターエッグはPCでも動作しないためご注意ください。"
      }
    },
    {
      "@type": "Question",
      "name": "コマンドを使うのに特別な設定やアカウントは必要ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "一切不要です。Googleの検索バー（google.com、Googleアプリどちらでも可）にキーワードを入力して検索するだけで使えます。Googleアカウントへのログインも不要なため、誰でも今すぐ試せます。"
      }
    },
    {
      "@type": "Question",
      "name": "試してみたのにコマンドが動きません。なぜですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "主な原因は2つあります。①すでに廃止されたコマンドを試している場合（Thanos・Zerg rushなど）、②Googleの仕様変更でイースターエッグが予告なく削除された場合です。現役コマンドを中心にお試しください。"
      }
    },
    {
      "@type": "Question",
      "name": "検索演算子コマンドはGoogleアプリでも使えますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい、使えます。site:・filetype:・完全一致「」・-除外などの演算子はスマホのGoogleアプリ・モバイルブラウザ・PCブラウザすべてで共通して動作します。検索バーに直接入力するだけで有効になります。"
      }
    },
    {
      "@type": "Question",
      "name": "ThanosやZerg rushを今でも体験する方法はありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ファンサイト「elgooG」（elgoog.im）で、当時のアニメーションを忠実に再現した版が公開されています。Google公式ではありませんが、見た目・操作感ともにオリジナルに近い体験が可能です。"
      }
    }
  ]
}
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/google-hidden-commands/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>ThinkPad T14Gen 6</title>
		<link>https://yoooyooo8.jp/thinkpad-t14gen-6/</link>
					<comments>https://yoooyooo8.jp/thinkpad-t14gen-6/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sun, 01 Mar 2026 01:07:15 +0000</pubDate>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[Thinkpad]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=1992</guid>

					<description><![CDATA[実機レビュー &#160;·&#160; 2025 / 2026 ThinkPad T14 Gen 6 AMD モデル・Intel モデル — あなたに合うのはどちら？ ● AMD Ryzen AI 300 ● Inte [&#8230;]]]></description>
										<content:encoded><![CDATA[

<style>
/* ============================================================
   tpg6 スコープCSS — WordPress テーマ干渉防止版
   修正点:
   1. html/body への直接指定を削除
   2. tpg6-section-lead / tpg6-bench-label クラスを追加定義
   3. * リセットをスコープ内のみに限定
   4. !important を使わず詳細度で上書き
============================================================ */

/* ── リセット：スコープ内のみ ── */
.tpg6-scope h2,
.tpg6-scope h3,
.tpg6-scope h4 {
  background: transparent;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.tpg6-scope h2::before,
.tpg6-scope h2::after,
.tpg6-scope h3::before,
.tpg6-scope h3::after {
  display: none;
  content: none;
}
.tpg6-scope .tpg6-h2::before,
.tpg6-scope .tpg6-section-heading::before,
.tpg6-scope .tpg6-toc__title::before {
  display: block;
  content: '';
}

/* ── html/body OverflowX はスコープ内ラッパーのみに適用 ── */
/* 旧: html, body { overflow-x: hidden; } ← 削除済み */
.tpg6-scope {
  overflow-x: hidden;
}

.tpg6-scope {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* ── CSS カスタムプロパティ ── */
.tpg6-scope {
  --tpg6-bg: #020b18;
  --tpg6-surface: #071628;
  --tpg6-card: #0d2035;
  --tpg6-border: rgba(0, 180, 255, 0.18);
  --tpg6-accent: #00b4ff;
  --tpg6-accent2: #00e5c0;
  --tpg6-accent3: #ff3e6c;
  --tpg6-text: #d8eaf7;
  --tpg6-text-muted: #7ba5c4;
  --tpg6-amd: #ed1c24;
  --tpg6-intel: #0071c5;
  --tpg6-font-head: 'Rajdhani', sans-serif;
  --tpg6-font-body: 'Noto Sans JP', sans-serif;
  --tpg6-font-mono: 'JetBrains Mono', monospace;
  --tpg6-radius: 12px;
  --tpg6-radius-lg: 20px;
  --tpg6-glow: 0 0 32px rgba(0, 180, 255, 0.25);
  --tpg6-glow-sm: 0 0 16px rgba(0, 180, 255, 0.15);
}

/* ── スコープ内 box-sizing・余白リセット ── */
.tpg6-scope *,
.tpg6-scope *::before,
.tpg6-scope *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.tpg6-scope {
  font-family: var(--tpg6-font-body);
  color: var(--tpg6-text);
  background: var(--tpg6-bg);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* ── フルワイド要素 ── */
.tpg6-scope .tpg6-full {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  left: auto;
  transform: none;
  box-sizing: border-box;
}

/* ============================================================
   HERO
============================================================ */
.tpg6-scope .tpg6-hero {
  background: var(--tpg6-bg);
  min-height: 92vh;
  display: grid;
  grid-template-rows: 1fr auto;
  position: relative;
  overflow: clip;
  padding: 0;
}
.tpg6-scope .tpg6-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,180,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,180,255,0.04) 1px, transparent 1px);
  background-size: 48px 48px;
  z-index: 0;
}
.tpg6-scope .tpg6-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.55;
  z-index: 0;
  pointer-events: none;
}
.tpg6-scope .tpg6-blob--1 {
  width: 520px; height: 520px;
  background: radial-gradient(circle, #00b4ff 0%, transparent 70%);
  top: -120px; left: -80px;
  animation: tpg6-blob-drift 12s ease-in-out infinite alternate;
}
.tpg6-scope .tpg6-blob--2 {
  width: 420px; height: 420px;
  background: radial-gradient(circle, #00e5c0 0%, transparent 70%);
  bottom: 60px; right: -100px;
  animation: tpg6-blob-drift 15s ease-in-out infinite alternate-reverse;
}
.tpg6-scope .tpg6-blob--3 {
  width: 280px; height: 280px;
  background: radial-gradient(circle, #ff3e6c 0%, transparent 70%);
  top: 50%; right: 25%;
  animation: tpg6-blob-drift 18s ease-in-out infinite alternate;
  opacity: 0.25;
}
@keyframes tpg6-blob-drift {
  from { transform: translate(0, 0) scale(1); }
  to   { transform: translate(30px, 20px) scale(1.08); }
}
.tpg6-scope .tpg6-hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 40px;
  max-width: 860px;
  margin: 0 auto;
  padding: 120px 56px 100px;
  width: 100%;
}
.tpg6-scope .tpg6-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 180, 255, 0.1);
  border: 1px solid var(--tpg6-border);
  border-radius: 100px;
  padding: 6px 16px;
  font-family: var(--tpg6-font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tpg6-accent);
  margin-bottom: 28px;
  opacity: 0;
  animation: tpg6-fadein-up 0.7s 0.2s ease forwards;
  align-self: center;
}
.tpg6-scope .tpg6-badge__dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--tpg6-accent);
  box-shadow: 0 0 8px var(--tpg6-accent);
  animation: tpg6-pulse 2s ease infinite;
}
@keyframes tpg6-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.5; transform: scale(0.8); }
}
.tpg6-scope .tpg6-hero__heading {
  font-family: var(--tpg6-font-head);
  font-weight: 700;
  font-size: clamp(2.4rem, 4.5vw, 4rem);
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #fff;
  margin-bottom: 12px;
  opacity: 0;
  animation: tpg6-fadein-up 0.7s 0.4s ease forwards;
  text-align: center;
  width: 100%;
  background: transparent;
  background-color: transparent;
  border-bottom: none;
  border-left: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.tpg6-scope .tpg6-hero__heading span {
  display: block;
  background: linear-gradient(90deg, var(--tpg6-accent), var(--tpg6-accent2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.tpg6-scope .tpg6-hero__sub {
  font-family: var(--tpg6-font-head);
  font-size: clamp(1rem, 1.8vw, 1.4rem);
  font-weight: 500;
  color: var(--tpg6-text-muted);
  letter-spacing: 0.06em;
  margin-bottom: 32px;
  opacity: 0;
  animation: tpg6-fadein-up 0.7s 0.6s ease forwards;
  text-align: center;
  width: 100%;
}
.tpg6-scope .tpg6-chips {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
  opacity: 0;
  animation: tpg6-fadein-up 0.7s 0.8s ease forwards;
}
.tpg6-scope .tpg6-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 8px;
  font-family: var(--tpg6-font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: 1px solid;
  position: relative;
  overflow: hidden;
  cursor: default;
}
.tpg6-scope .tpg6-chip--amd   { color: var(--tpg6-amd);    border-color: rgba(237,28,36,0.4);  background: rgba(237,28,36,0.08); }
.tpg6-scope .tpg6-chip--intel { color: var(--tpg6-intel);  border-color: rgba(0,113,197,0.4);  background: rgba(0,113,197,0.08); }
.tpg6-scope .tpg6-chip--tag   { color: var(--tpg6-accent2);border-color: rgba(0,229,192,0.3);  background: rgba(0,229,192,0.06); font-size: 11px; }

.tpg6-scope .tpg6-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--tpg6-accent), var(--tpg6-accent2));
  color: #020b18;
  font-family: var(--tpg6-font-head);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.06em;
  padding: 14px 32px;
  border-radius: 8px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  opacity: 0;
  animation: tpg6-fadein-up 0.7s 1s ease forwards;
  box-shadow: 0 8px 24px rgba(0, 180, 255, 0.35);
  align-self: center;
}
.tpg6-scope .tpg6-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(0, 180, 255, 0.5);
}
.tpg6-scope .tpg6-btn__arrow { transition: transform 0.2s ease; }
.tpg6-scope .tpg6-btn:hover .tpg6-btn__arrow { transform: translateX(4px); }

/* ── Terminal ── */
.tpg6-scope .tpg6-terminal {
  background: var(--tpg6-surface);
  border: 1px solid var(--tpg6-border);
  border-radius: var(--tpg6-radius-lg);
  overflow: hidden;
  box-shadow: var(--tpg6-glow), inset 0 1px 0 rgba(255,255,255,0.05);
  opacity: 0;
  animation: tpg6-fadein-up 0.9s 0.5s ease forwards;
  width: 100%;
}
.tpg6-scope .tpg6-terminal__bar {
  background: rgba(0,180,255,0.06);
  border-bottom: 1px solid var(--tpg6-border);
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.tpg6-scope .tpg6-terminal__dot { width: 11px; height: 11px; border-radius: 50%; }
.tpg6-scope .tpg6-terminal__dot:nth-child(1) { background: #ff5f57; }
.tpg6-scope .tpg6-terminal__dot:nth-child(2) { background: #febc2e; }
.tpg6-scope .tpg6-terminal__dot:nth-child(3) { background: #28c840; }
.tpg6-scope .tpg6-terminal__title {
  font-family: var(--tpg6-font-mono);
  font-size: 11px;
  color: var(--tpg6-text-muted);
  margin-left: 8px;
  letter-spacing: 0.08em;
}
.tpg6-scope .tpg6-terminal__body {
  padding: 20px 24px;
  font-family: var(--tpg6-font-mono);
  font-size: 13px;
  line-height: 1.8;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}
.tpg6-scope .tpg6-terminal__row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-right: 1px solid rgba(0,180,255,0.07);
  padding: 14px 16px;
  align-items: flex-start;
}
.tpg6-scope .tpg6-terminal__row:last-child,
.tpg6-scope .tpg6-terminal__row:nth-child(4n) { border-right: none; }
.tpg6-scope .tpg6-terminal__row:nth-child(n+5) { border-top: 1px solid rgba(0,180,255,0.07); }
.tpg6-scope .tpg6-terminal__key {
  color: var(--tpg6-accent);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 2px;
  white-space: nowrap;
}
.tpg6-scope .tpg6-terminal__val { color: var(--tpg6-text); font-size: 12px; flex: 1; line-height: 1.5; word-break: break-word; }
.tpg6-scope .tpg6-terminal__val .tpg6-amd   { color: var(--tpg6-amd); }
.tpg6-scope .tpg6-terminal__val .tpg6-intel { color: var(--tpg6-intel); }

/* ── Scroll indicator ── */
.tpg6-scope .tpg6-hero__scroll {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center;
  padding: 32px; gap: 12px;
  opacity: 0;
  animation: tpg6-fadein 1s 1.5s ease forwards;
}
.tpg6-scope .tpg6-hero__scroll-line { width: 40px; height: 1px; background: var(--tpg6-border); }
.tpg6-scope .tpg6-hero__scroll-text { font-family: var(--tpg6-font-mono); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--tpg6-text-muted); }
.tpg6-scope .tpg6-hero__scroll-icon { width: 24px; height: 40px; border: 1px solid var(--tpg6-border); border-radius: 100px; position: relative; margin-left: 12px; }
.tpg6-scope .tpg6-hero__scroll-icon::after {
  content: ''; position: absolute;
  width: 4px; height: 8px;
  background: var(--tpg6-accent); border-radius: 2px;
  left: 50%; top: 6px; transform: translateX(-50%);
  animation: tpg6-scroll-dot 2s ease infinite;
}
@keyframes tpg6-scroll-dot {
  0%, 100% { top: 6px; opacity: 1; }
  80%       { top: 22px; opacity: 0; }
}

/* ============================================================
   KEY POINTS
============================================================ */
.tpg6-scope .tpg6-keypoints { background: var(--tpg6-surface); padding: 0; position: relative; }
.tpg6-scope .tpg6-keypoints::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--tpg6-accent), transparent);
}
.tpg6-scope .tpg6-keypoints__inner { max-width: 1320px; margin: 0 auto; padding: 88px 56px; width: 100%; overflow: hidden; box-sizing: border-box; }
.tpg6-scope .tpg6-section-label {
  font-family: var(--tpg6-font-mono);
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--tpg6-accent);
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 20px;
}
.tpg6-scope .tpg6-section-label::before { content: ''; width: 32px; height: 1px; background: var(--tpg6-accent); }
.tpg6-scope .tpg6-section-heading {
  font-family: var(--tpg6-font-head);
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  font-weight: 700; color: #fff; letter-spacing: 0.03em;
  margin-bottom: 48px; line-height: 1.2;
}
.tpg6-scope .tpg6-points-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px;
}
.tpg6-scope .tpg6-point-card {
  background: var(--tpg6-card); border: 1px solid var(--tpg6-border);
  border-radius: var(--tpg6-radius); padding: 28px 28px 24px;
  position: relative; overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.tpg6-scope .tpg6-point-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--tpg6-accent), var(--tpg6-accent2));
  opacity: 0; transition: opacity 0.3s ease;
}
.tpg6-scope .tpg6-point-card:hover { border-color: rgba(0,180,255,0.4); box-shadow: var(--tpg6-glow-sm); transform: translateY(-3px); }
.tpg6-scope .tpg6-point-card:hover::before { opacity: 1; }
.tpg6-scope .tpg6-point-card__num { font-family: var(--tpg6-font-mono); font-size: 11px; letter-spacing: 0.15em; color: var(--tpg6-accent); margin-bottom: 12px; display: block; }
.tpg6-scope .tpg6-point-card__icon { font-size: 28px; margin-bottom: 16px; display: block; }
.tpg6-scope .tpg6-point-card__title { font-family: var(--tpg6-font-head); font-size: 18px; font-weight: 700; color: #fff; letter-spacing: 0.04em; margin-bottom: 10px; }
.tpg6-scope .tpg6-point-card__desc { font-size: 14px; color: var(--tpg6-text-muted); line-height: 1.7; }
.tpg6-scope .tpg6-point-card__tag { display: inline-block; margin-top: 16px; font-family: var(--tpg6-font-mono); font-size: 11px; padding: 4px 12px; border-radius: 100px; background: rgba(0,180,255,0.1); color: var(--tpg6-accent); border: 1px solid rgba(0,180,255,0.2); letter-spacing: 0.08em; }

/* ============================================================
   ANIMATED TOC
============================================================ */
.tpg6-scope .tpg6-toc { background: var(--tpg6-bg); padding: 0; position: relative; }
.tpg6-scope .tpg6-toc::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,229,192,0.5), transparent);
}
.tpg6-scope .tpg6-toc__inner { max-width: 900px; margin: 0 auto; padding: 88px 56px; width: 100%; overflow: hidden; box-sizing: border-box; }
.tpg6-scope .tpg6-toc__box { background: var(--tpg6-surface); border: 1px solid var(--tpg6-border); border-radius: var(--tpg6-radius-lg); overflow: hidden; box-shadow: var(--tpg6-glow-sm); }
.tpg6-scope .tpg6-toc__header { background: rgba(0,180,255,0.06); border-bottom: 1px solid var(--tpg6-border); padding: 20px 32px; display: flex; align-items: center; justify-content: space-between; }
.tpg6-scope .tpg6-toc__title {
  font-family: var(--tpg6-font-head); font-size: 16px; font-weight: 700;
  color: #fff; letter-spacing: 0.08em;
  display: flex; align-items: center; gap: 10px;
  margin: 0;
}
.tpg6-scope .tpg6-toc__title::before { content: '≡'; color: var(--tpg6-accent); font-size: 20px; display: inline; }
.tpg6-scope .tpg6-toc__toggle {
  background: none; border: 1px solid var(--tpg6-border); border-radius: 6px;
  color: var(--tpg6-text-muted); font-family: var(--tpg6-font-mono);
  font-size: 11px; padding: 5px 14px; cursor: pointer; letter-spacing: 0.08em;
  transition: border-color 0.2s, color 0.2s;
}
.tpg6-scope .tpg6-toc__toggle:hover { border-color: var(--tpg6-accent); color: var(--tpg6-accent); }
.tpg6-scope .tpg6-toc__body { padding: 8px 0; overflow: hidden; max-height: 900px; transition: max-height 0.5s cubic-bezier(0.4,0,0.2,1); }
.tpg6-scope .tpg6-toc__body.tpg6-collapsed { max-height: 0; }
.tpg6-scope .tpg6-toc__section { padding: 4px 0; }
.tpg6-scope .tpg6-toc__item {
  display: flex; align-items: flex-start; gap: 14px; padding: 12px 32px;
  text-decoration: none; color: var(--tpg6-text); font-size: 14px;
  border-left: 2px solid transparent;
  transition: background 0.2s, color 0.2s, padding-left 0.2s, border-color 0.2s;
}
.tpg6-scope .tpg6-toc__item:hover { background: rgba(0,180,255,0.06); color: var(--tpg6-accent); padding-left: 40px; border-left-color: var(--tpg6-accent); }
.tpg6-scope .tpg6-toc__num { font-family: var(--tpg6-font-mono); font-size: 11px; color: var(--tpg6-accent); min-width: 28px; padding-top: 2px; letter-spacing: 0.05em; }
.tpg6-scope .tpg6-toc__label { flex: 1; font-size: 14px; line-height: 1.5; }
.tpg6-scope .tpg6-toc__item--sub { padding-left: 56px; font-size: 13px; color: var(--tpg6-text-muted); }
.tpg6-scope .tpg6-toc__item--sub:hover { padding-left: 64px; color: var(--tpg6-accent2); border-left-color: var(--tpg6-accent2); }
.tpg6-scope .tpg6-toc__item--sub .tpg6-toc__num { color: var(--tpg6-accent2); font-size: 10px; }
.tpg6-scope .tpg6-toc__divider { height: 1px; background: var(--tpg6-border); margin: 4px 32px; }

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

/* ============================================================
   SECTION（汎用）
============================================================ */
.tpg6-scope .tpg6-section { background: var(--tpg6-bg); position: relative; }
.tpg6-scope .tpg6-section--alt { background: var(--tpg6-surface); }
.tpg6-scope .tpg6-section__inner { max-width: 1320px; margin: 0 auto; padding: 104px 56px; width: 100%; overflow: hidden; box-sizing: border-box; }
.tpg6-scope .tpg6-section::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--tpg6-border), transparent);
}
.tpg6-scope .tpg6-heading-group { margin-bottom: 52px; }

/* ── h2 見出し ── */
.tpg6-scope .tpg6-h2 {
  font-family: var(--tpg6-font-head);
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  font-weight: 700; color: #fff; letter-spacing: 0.03em; line-height: 1.15;
  margin-bottom: 16px; padding-left: 20px;
  border-left: 3px solid var(--tpg6-accent);
  position: relative;
  background: transparent; background-color: transparent;
  border-bottom: none; border-radius: 0; box-shadow: none;
}
.tpg6-scope .tpg6-h2::before {
  content: ''; position: absolute; left: -1px; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, var(--tpg6-accent), var(--tpg6-accent2));
  border-radius: 2px;
}

/* ── section-heading（大見出し兼用）── */
.tpg6-scope .tpg6-section-heading {
  font-family: var(--tpg6-font-head);
  font-size: clamp(1.7rem, 3vw, 2.6rem);
  font-weight: 700; color: #fff; letter-spacing: 0.03em; line-height: 1.15;
  margin-bottom: 16px; padding-left: 20px;
  border-left: 3px solid var(--tpg6-accent);
  position: relative;
  background: transparent; background-color: transparent;
  border-bottom: none; border-radius: 0; box-shadow: none;
}
.tpg6-scope .tpg6-section-heading::before {
  content: ''; position: absolute; left: -1px; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, var(--tpg6-accent), var(--tpg6-accent2));
  border-radius: 2px;
}

/* ── リード文 ── */
.tpg6-scope .tpg6-lead,
.tpg6-scope .tpg6-section-lead {
  font-size: 16px; color: var(--tpg6-text-muted); line-height: 1.85; max-width: 780px;
  margin-bottom: 32px;
}

/* ── ベンチラベル（修正: 存在しなかったクラスを追加）── */
.tpg6-scope .tpg6-bench-label {
  font-family: var(--tpg6-font-mono);
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--tpg6-accent);
  display: flex; align-items: center; gap: 12px;
}
.tpg6-scope .tpg6-bench-label::before { content: ''; width: 32px; height: 1px; background: var(--tpg6-accent); }

/* ============================================================
   TIMELINE
============================================================ */
.tpg6-scope .tpg6-timeline { display: flex; flex-direction: column; gap: 0; position: relative; margin: 48px 0; overflow: hidden; }
.tpg6-scope .tpg6-timeline::before {
  content: ''; position: absolute; left: 23px; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(180deg, var(--tpg6-accent), var(--tpg6-accent2), transparent);
}
.tpg6-scope .tpg6-tl-item { display: flex; gap: 24px; padding: 0 0 36px 0; position: relative; }
.tpg6-scope .tpg6-tl-item:last-child { padding-bottom: 0; }
.tpg6-scope .tpg6-tl-dot {
  width: 48px; height: 48px; min-width: 48px;
  border-radius: 50%; background: var(--tpg6-card);
  border: 2px solid var(--tpg6-accent);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; position: relative; z-index: 1;
  box-shadow: 0 0 16px rgba(0,180,255,0.2);
}
.tpg6-scope .tpg6-tl-content {
  background: var(--tpg6-card); border: 1px solid var(--tpg6-border);
  border-radius: var(--tpg6-radius); padding: 20px 24px; flex: 1;
  transition: border-color 0.3s, box-shadow 0.3s;
  word-break: break-word; overflow-wrap: break-word;
}
.tpg6-scope .tpg6-tl-content:hover { border-color: rgba(0,180,255,0.35); box-shadow: var(--tpg6-glow-sm); }
.tpg6-scope .tpg6-tl-title { font-family: var(--tpg6-font-head); font-size: 16px; font-weight: 700; color: var(--tpg6-accent); letter-spacing: 0.05em; margin-bottom: 8px; word-break: break-word; overflow-wrap: break-word; }
.tpg6-scope .tpg6-tl-desc { font-size: 14px; color: var(--tpg6-text); line-height: 1.75; word-break: break-word; overflow-wrap: break-word; }
.tpg6-scope .tpg6-tl-desc strong { color: #fff; font-weight: 700; }

/* ============================================================
   INFO GRID
============================================================ */
.tpg6-scope .tpg6-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 48px; }
.tpg6-scope .tpg6-info-card { background: var(--tpg6-card); border: 1px solid var(--tpg6-border); border-radius: var(--tpg6-radius); padding: 28px; transition: border-color 0.3s, transform 0.3s; }
.tpg6-scope .tpg6-info-card:hover { border-color: rgba(0,229,192,0.35); transform: translateY(-2px); }
.tpg6-scope .tpg6-info-card__label { font-family: var(--tpg6-font-mono); font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--tpg6-accent2); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.tpg6-scope .tpg6-info-card__label::before { content: ''; width: 16px; height: 1px; background: var(--tpg6-accent2); }
.tpg6-scope .tpg6-info-card__value { font-family: var(--tpg6-font-head); font-size: 22px; font-weight: 700; color: #fff; letter-spacing: 0.03em; margin-bottom: 8px; }
.tpg6-scope .tpg6-info-card__desc { font-size: 13px; color: var(--tpg6-text-muted); line-height: 1.7; }

/* ============================================================
   IMAGE BLOCK
============================================================ */
.tpg6-scope .tpg6-img-block { margin: 52px 0; }
.tpg6-scope .tpg6-img-wrap {
  position: relative; border-radius: var(--tpg6-radius-lg);
  overflow: hidden; border: 1px solid var(--tpg6-border);
  background: var(--tpg6-card); aspect-ratio: 1200 / 800;
  display: flex; align-items: center; justify-content: center;
}
.tpg6-scope .tpg6-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.tpg6-scope .tpg6-img-wrap:hover img { transform: scale(1.02); }
.tpg6-scope .tpg6-figcaption { font-size: 12px; color: var(--tpg6-text-muted); text-align: center; margin-top: 12px; font-family: var(--tpg6-font-mono); letter-spacing: 0.05em; }

/* ============================================================
   BRAND HEADER / SPEC TABLE
============================================================ */
.tpg6-scope .tpg6-brand-header { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 32px; }
.tpg6-scope .tpg6-brand-card { border-radius: var(--tpg6-radius); padding: 20px 24px; border: 1px solid; display: flex; align-items: center; gap: 16px; }
.tpg6-scope .tpg6-brand-card--amd   { background: rgba(237,28,36,0.06); border-color: rgba(237,28,36,0.25); }
.tpg6-scope .tpg6-brand-card--intel { background: rgba(0,113,197,0.06); border-color: rgba(0,113,197,0.25); }
.tpg6-scope .tpg6-brand-logo { font-family: var(--tpg6-font-head); font-size: 20px; font-weight: 700; letter-spacing: 0.05em; }
.tpg6-scope .tpg6-brand-card--amd   .tpg6-brand-logo { color: var(--tpg6-amd); }
.tpg6-scope .tpg6-brand-card--intel .tpg6-brand-logo { color: var(--tpg6-intel); }
.tpg6-scope .tpg6-brand-info { font-size: 12px; color: var(--tpg6-text-muted); line-height: 1.6; }
.tpg6-scope .tpg6-brand-info strong { display: block; font-size: 14px; color: var(--tpg6-text); margin-bottom: 2px; }

/* spec table — WordPress テーマのテーブルスタイルを完全上書き */
.tpg6-scope table.tpg6-spec-table,
.tpg6-scope table.tpg6-spec-table thead,
.tpg6-scope table.tpg6-spec-table tbody,
.tpg6-scope table.tpg6-spec-table tfoot,
.tpg6-scope table.tpg6-spec-table tr,
.tpg6-scope table.tpg6-spec-table th,
.tpg6-scope table.tpg6-spec-table td {
  background: transparent;
  background-color: transparent;
  color: var(--tpg6-text);
  border-color: rgba(0,180,255,0.1);
  box-shadow: none;
}
.tpg6-scope .tpg6-spec-table-wrap { overflow-x: auto; border-radius: var(--tpg6-radius-lg); border: 1px solid var(--tpg6-border); box-shadow: var(--tpg6-glow-sm); background: var(--tpg6-card); }
.tpg6-scope .tpg6-spec-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 640px; background: transparent; }
.tpg6-scope .tpg6-spec-table thead tr { background: rgba(0,180,255,0.07); border-bottom: 1px solid var(--tpg6-border); }
.tpg6-scope .tpg6-spec-table thead th { padding: 16px 20px; font-family: var(--tpg6-font-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; text-align: left; background: transparent; color: var(--tpg6-text-muted); }
.tpg6-scope .tpg6-spec-table thead th.tpg6-th--amd   { color: var(--tpg6-amd); }
.tpg6-scope .tpg6-spec-table thead th.tpg6-th--intel { color: var(--tpg6-intel); }
.tpg6-scope .tpg6-spec-table tbody tr { border-bottom: 1px solid rgba(0,180,255,0.08); transition: background 0.2s; background: transparent; }
.tpg6-scope .tpg6-spec-table tbody tr:last-child { border-bottom: none; }
.tpg6-scope .tpg6-spec-table tbody tr:hover { background: rgba(0,180,255,0.06); }
.tpg6-scope .tpg6-spec-table td { padding: 15px 20px; vertical-align: middle; line-height: 1.5; background: transparent; color: var(--tpg6-text); border: none; border-bottom: 1px solid rgba(0,180,255,0.08); }
.tpg6-scope .tpg6-spec-table tbody tr:last-child td { border-bottom: none; }
.tpg6-scope .tpg6-spec-table td:first-child { font-family: var(--tpg6-font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tpg6-text-muted); white-space: nowrap; min-width: 120px; background: rgba(0,180,255,0.03); }
.tpg6-scope .tpg6-spec-table td.tpg6-td--amd,
.tpg6-scope .tpg6-spec-table td.tpg6-td--intel { color: #fff; }
.tpg6-scope .tpg6-spec-val-sub { display: block; font-size: 12px; color: var(--tpg6-text-muted); margin-top: 3px; }
.tpg6-scope .tpg6-win { display: inline-flex; align-items: center; gap: 4px; font-family: var(--tpg6-font-mono); font-size: 10px; letter-spacing: 0.08em; padding: 2px 8px; border-radius: 100px; margin-left: 8px; vertical-align: middle; }
.tpg6-scope .tpg6-win--amd   { background: rgba(237,28,36,0.15); color: #ff6b6b; border: 1px solid rgba(237,28,36,0.3); }
.tpg6-scope .tpg6-win--intel { background: rgba(0,113,197,0.15); color: #64b5f6; border: 1px solid rgba(0,113,197,0.3); }
.tpg6-scope .tpg6-win--tie   { background: rgba(0,229,192,0.1); color: var(--tpg6-accent2); border: 1px solid rgba(0,229,192,0.25); }
.tpg6-scope .tpg6-price-note { margin-top: 20px; background: var(--tpg6-card); border: 1px solid var(--tpg6-border); border-radius: var(--tpg6-radius); padding: 20px 24px; display: flex; align-items: flex-start; gap: 16px; }
.tpg6-scope .tpg6-price-note__icon { font-size: 22px; flex-shrink: 0; }
.tpg6-scope .tpg6-price-note__text { font-size: 14px; color: var(--tpg6-text-muted); line-height: 1.75; }
.tpg6-scope .tpg6-price-note__text strong { color: var(--tpg6-accent); font-family: var(--tpg6-font-mono); font-size: 13px; }
.tpg6-scope .tpg6-price-note__text a { color: var(--tpg6-accent); text-decoration: underline; text-underline-offset: 3px; }

/* ============================================================
   BENCH PLAN GRID
============================================================ */
.tpg6-scope .tpg6-placeholder-banner { display: flex; align-items: flex-start; gap: 16px; background: rgba(255,180,0,0.06); border: 1px dashed rgba(255,180,0,0.35); border-radius: var(--tpg6-radius); padding: 20px 24px; margin-bottom: 48px; }
.tpg6-scope .tpg6-placeholder-banner__icon { font-size: 22px; flex-shrink: 0; }
.tpg6-scope .tpg6-placeholder-banner__body { font-size: 13px; color: var(--tpg6-text-muted); line-height: 1.75; }
.tpg6-scope .tpg6-placeholder-banner__body strong { display: block; font-family: var(--tpg6-font-mono); font-size: 11px; letter-spacing: 0.12em; color: rgba(255,180,0,0.85); margin-bottom: 4px; }
.tpg6-scope .tpg6-bench-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 48px; }
.tpg6-scope .tpg6-bench-plan-card { background: var(--tpg6-card); border: 1px solid var(--tpg6-border); border-radius: var(--tpg6-radius); padding: 22px 20px; position: relative; overflow: hidden; }
.tpg6-scope .tpg6-bench-plan-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--tpg6-accent), var(--tpg6-accent2)); opacity: 0.4; }
.tpg6-scope .tpg6-bench-plan-card__tool { font-family: var(--tpg6-font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--tpg6-accent); margin-bottom: 8px; text-transform: uppercase; }
.tpg6-scope .tpg6-bench-plan-card__name { font-family: var(--tpg6-font-head); font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 8px; letter-spacing: 0.03em; }
.tpg6-scope .tpg6-bench-plan-card__desc { font-size: 12px; color: var(--tpg6-text-muted); line-height: 1.7; }
.tpg6-scope .tpg6-bench-plan-card__score { margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tpg6-scope .tpg6-bench-plan-score-box { background: rgba(0,180,255,0.05); border: 1px solid var(--tpg6-border); border-radius: 6px; padding: 10px 8px; text-align: center; overflow: hidden; min-width: 0; }
.tpg6-scope .tpg6-bench-plan-score-box__label { font-family: var(--tpg6-font-mono); font-size: 9px; letter-spacing: 0.1em; margin-bottom: 6px; display: block; }
.tpg6-scope .tpg6-bench-plan-score-box--amd   .tpg6-bench-plan-score-box__label { color: #ff8a8a; }
.tpg6-scope .tpg6-bench-plan-score-box--intel .tpg6-bench-plan-score-box__label { color: #7bc4f5; }
.tpg6-scope .tpg6-bench-plan-score-box__val { font-family: var(--tpg6-font-mono); font-size: 18px; font-weight: 700; color: rgba(255,255,255,0.2); letter-spacing: 0.03em; word-break: break-all; overflow-wrap: break-word; display: block; width: 100%; line-height: 1.2; }
.tpg6-scope .tpg6-bench-plan-score-box__unit { font-size: 10px; color: rgba(255,255,255,0.15); margin-left: 2px; }
.tpg6-scope .tpg6-pending-tag { display: inline-flex; align-items: center; gap: 4px; background: rgba(255,180,0,0.08); border: 1px dashed rgba(255,180,0,0.3); border-radius: 4px; padding: 2px 8px; font-family: var(--tpg6-font-mono); font-size: 10px; letter-spacing: 0.08em; color: rgba(255,180,0,0.7); margin-top: 4px; }
.tpg6-scope .tpg6-ref-badge { display: inline-flex; align-items: center; gap: 4px; background: rgba(0,113,197,0.1); border: 1px solid rgba(0,113,197,0.25); border-radius: 100px; padding: 2px 8px; font-family: var(--tpg6-font-mono); font-size: 10px; letter-spacing: 0.08em; color: #7bc4f5; margin-left: 6px; vertical-align: middle; }

/* ============================================================
   USE CASE / BATTERY
============================================================ */
.tpg6-scope .tpg6-usecase-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 48px 0; }
.tpg6-scope .tpg6-usecase-card { background: var(--tpg6-card); border: 1px solid var(--tpg6-border); border-radius: var(--tpg6-radius); padding: 24px 20px; transition: border-color 0.3s, transform 0.3s; }
.tpg6-scope .tpg6-usecase-card:hover { border-color: rgba(0,180,255,0.3); transform: translateY(-3px); }
.tpg6-scope .tpg6-usecase-card__icon { font-size: 28px; margin-bottom: 12px; display: block; }
.tpg6-scope .tpg6-usecase-card__title { font-family: var(--tpg6-font-head); font-size: 16px; font-weight: 700; color: #fff; letter-spacing: 0.04em; margin-bottom: 10px; }
.tpg6-scope .tpg6-usecase-card__body { font-size: 13px; color: var(--tpg6-text-muted); line-height: 1.75; }
.tpg6-scope .tpg6-usecase-card__verdict { margin-top: 14px; font-family: var(--tpg6-font-mono); font-size: 11px; letter-spacing: 0.06em; }
.tpg6-scope .tpg6-verdict--amd   { color: #ff8a8a; }
.tpg6-scope .tpg6-verdict--intel { color: #7bc4f5; }
.tpg6-scope .tpg6-verdict--tie   { color: var(--tpg6-accent2); }
.tpg6-scope .tpg6-battery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 32px 0; }
.tpg6-scope .tpg6-battery-card { background: var(--tpg6-card); border: 1px solid var(--tpg6-border); border-radius: var(--tpg6-radius); padding: 28px; position: relative; overflow: hidden; }
.tpg6-scope .tpg6-battery-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.tpg6-scope .tpg6-battery-card--amd::before   { background: linear-gradient(90deg,#c0392b,var(--tpg6-amd)); }
.tpg6-scope .tpg6-battery-card--intel::before { background: linear-gradient(90deg,#0055a0,var(--tpg6-intel)); }
.tpg6-scope .tpg6-battery-card__brand { font-family: var(--tpg6-font-head); font-size: 13px; font-weight: 700; letter-spacing: 0.1em; margin-bottom: 16px; }
.tpg6-scope .tpg6-battery-card--amd   .tpg6-battery-card__brand { color: var(--tpg6-amd); }
.tpg6-scope .tpg6-battery-card--intel .tpg6-battery-card__brand { color: var(--tpg6-intel); }
.tpg6-scope .tpg6-battery-stat { display: flex; align-items: baseline; gap: 6px; margin-bottom: 8px; }
.tpg6-scope .tpg6-battery-stat__num { font-family: var(--tpg6-font-head); font-size: 36px; font-weight: 700; color: #fff; line-height: 1; }
.tpg6-scope .tpg6-battery-stat__unit { font-family: var(--tpg6-font-mono); font-size: 13px; color: var(--tpg6-text-muted); }
.tpg6-scope .tpg6-battery-stat__label { font-size: 12px; color: var(--tpg6-text-muted); margin-bottom: 16px; line-height: 1.5; }
.tpg6-scope .tpg6-battery-rows { display: flex; flex-direction: column; gap: 0; }
.tpg6-scope .tpg6-battery-row { display: flex; justify-content: space-between; font-size: 12px; padding: 8px 0; border-bottom: 1px solid rgba(0,180,255,0.07); color: var(--tpg6-text-muted); background: transparent; }
.tpg6-scope .tpg6-battery-row:last-child { border-bottom: none; }
.tpg6-scope .tpg6-battery-row span:last-child { color: #fff; font-family: var(--tpg6-font-mono); font-size: 12px; }

/* ============================================================
   DISPLAY SECTION
============================================================ */
.tpg6-scope .tpg6-disp-specgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 40px; }
.tpg6-scope .tpg6-disp-spec-card { background: rgba(0,180,255,0.04); border: 1px solid var(--tpg6-border); border-radius: 12px; padding: 20px 16px; text-align: center; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.tpg6-scope .tpg6-disp-spec-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,180,255,0.12); }
.tpg6-scope .tpg6-disp-spec-card__icon { font-size: 28px; display: block; margin-bottom: 10px; line-height: 1; }
.tpg6-scope .tpg6-disp-spec-card__label { font-size: 11px; letter-spacing: 0.08em; color: #fff; font-weight: 600; text-transform: uppercase; margin: 0 0 6px; font-family: var(--tpg6-font-mono); }
.tpg6-scope .tpg6-disp-spec-card__val { font-size: clamp(16px, 2vw, 22px); font-weight: 700; color: #fff; margin: 0 0 6px; line-height: 1.2; font-family: var(--tpg6-font-mono); }
.tpg6-scope .tpg6-disp-spec-card__unit { font-size: 12px; color: rgba(255,255,255,0.8); margin-left: 2px; font-weight: 500; }
.tpg6-scope .tpg6-disp-spec-card__note { font-size: 12px; color: rgba(255,255,255,0.75); margin: 0; line-height: 1.5; }
.tpg6-scope .tpg6-disp-review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 36px; }
.tpg6-scope .tpg6-disp-review-block { border-radius: 12px; padding: 24px; }
.tpg6-scope .tpg6-disp-review-block--good { background: rgba(0,220,130,0.06); border: 1px solid rgba(0,220,130,0.2); }
.tpg6-scope .tpg6-disp-review-block--note { background: rgba(255,180,0,0.06); border: 1px solid rgba(255,180,0,0.2); }
.tpg6-scope .tpg6-disp-review-block__title { font-size: 13px; font-weight: 700; color: #fff; margin: 0 0 14px; letter-spacing: 0.03em; }
.tpg6-scope .tpg6-disp-review-list { margin: 0; padding-left: 18px; list-style: disc; }
.tpg6-scope .tpg6-disp-review-list li { font-size: 13px; color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: 4px; }
.tpg6-scope .tpg6-disp-ratio-banner { background: linear-gradient(135deg, rgba(0,113,197,0.15) 0%, rgba(0,180,255,0.08) 100%); border: 1px solid rgba(0,180,255,0.25); border-radius: 12px; padding: 24px 28px; margin-bottom: 12px; }
.tpg6-scope .tpg6-disp-ratio-banner__head { font-size: 15px; font-weight: 700; color: var(--tpg6-accent); margin: 0 0 10px; }
.tpg6-scope .tpg6-disp-ratio-banner__body { font-size: 14px; color: rgba(255,255,255,0.75); line-height: 1.8; margin: 0; }
.tpg6-scope .tpg6-disp-variant-table { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 12px; }

/* DVT テーブル — th は白背景 */
.tpg6-scope .tpg6-dvt { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 560px; }
.tpg6-scope table.tpg6-dvt thead tr th,
.tpg6-scope table.tpg6-dvt th {
  background: #e8f4fd;
  background-color: #e8f4fd;
  color: #0d2d4a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 12px 16px;
  text-align: left;
  border-bottom: 2px solid #1a5276;
  font-family: monospace;
}
.tpg6-scope table.tpg6-dvt td {
  background: #071628;
  background-color: #071628;
  color: #ddeeff;
  border-bottom: 1px solid #1e3a5a;
  padding: 14px 16px;
  vertical-align: middle;
  line-height: 1.5;
}
.tpg6-scope table.tpg6-dvt tbody tr:nth-child(odd) td  { background-color: #071628; }
.tpg6-scope table.tpg6-dvt tbody tr:nth-child(even) td { background-color: #071628; }
.tpg6-scope table.tpg6-dvt tr:hover td { background-color: #0d2540; }

/* ============================================================
   KB / PORT
============================================================ */
.tpg6-scope .tpg6-kb-grid   { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 28px; }
.tpg6-scope .tpg6-port-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 28px; }
.tpg6-scope .tpg6-kb-card,
.tpg6-scope .tpg6-port-stat {
  background: rgba(0,180,255,0.04); border: 1px solid var(--tpg6-border);
  border-radius: 12px; padding: 20px 16px; text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.tpg6-scope .tpg6-kb-card:hover,
.tpg6-scope .tpg6-port-stat:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,180,255,0.12); }
.tpg6-scope .tpg6-kb-card__icon   { font-size: 26px; display: block; margin-bottom: 10px; }
.tpg6-scope .tpg6-kb-card__label,
.tpg6-scope .tpg6-port-stat__label { font-size: 10px; letter-spacing: 0.1em; color: var(--tpg6-accent); text-transform: uppercase; margin: 0 0 6px; font-family: var(--tpg6-font-mono); }
.tpg6-scope .tpg6-kb-card__val,
.tpg6-scope .tpg6-port-stat__val   { font-size: clamp(14px, 1.8vw, 18px); font-weight: 700; color: #fff; margin: 0 0 6px; font-family: var(--tpg6-font-mono); }
.tpg6-scope .tpg6-kb-card__note,
.tpg6-scope .tpg6-port-stat__note  { font-size: 11px; color: rgba(255,255,255,0.45); margin: 0; line-height: 1.4; }
.tpg6-scope .tpg6-port-io-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 12px; }
.tpg6-scope .tpg6-port-io-item { display: flex; align-items: flex-start; gap: 14px; background: rgba(0,180,255,0.04); border: 1px solid var(--tpg6-border); border-radius: 10px; padding: 16px 18px; transition: background 0.2s; }
.tpg6-scope .tpg6-port-io-item:hover { background: rgba(0,180,255,0.08); }
.tpg6-scope .tpg6-port-io-item__icon { font-size: 22px; flex-shrink: 0; margin-top: 2px; line-height: 1; }
.tpg6-scope .tpg6-port-io-item__name { font-size: 13px; font-weight: 700; color: #fff; margin: 0 0 4px; }
.tpg6-scope .tpg6-port-io-item__desc { font-size: 12px; color: rgba(255,255,255,0.55); margin: 0; line-height: 1.5; }

/* ============================================================
   SELECTION
============================================================ */
.tpg6-scope .tpg6-sel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 12px; }
.tpg6-scope .tpg6-sel-card { border-radius: 16px; padding: 28px 24px; border: 1px solid var(--tpg6-border); }
.tpg6-scope .tpg6-sel-card--amd   { background: linear-gradient(160deg, rgba(237,28,36,0.08) 0%, rgba(0,10,30,0) 60%); border-color: rgba(237,28,36,0.25); }
.tpg6-scope .tpg6-sel-card--intel { background: linear-gradient(160deg, rgba(0,113,197,0.08) 0%, rgba(0,10,30,0) 60%); border-color: rgba(0,113,197,0.25); }
.tpg6-scope .tpg6-sel-card__header { margin-bottom: 20px; }
.tpg6-scope .tpg6-sel-card__badge { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 4px 10px; border-radius: 20px; margin-bottom: 10px; font-family: var(--tpg6-font-mono); }
.tpg6-scope .tpg6-sel-card__badge--amd   { background: rgba(237,28,36,0.15); color: #ff8a8a; border: 1px solid rgba(237,28,36,0.3); }
.tpg6-scope .tpg6-sel-card__badge--intel { background: rgba(0,113,197,0.15); color: #7bc4f5; border: 1px solid rgba(0,113,197,0.3); }
.tpg6-scope .tpg6-sel-card__title { font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 4px; letter-spacing: 0.02em; }
.tpg6-scope .tpg6-sel-card__cpu   { font-size: 11px; color: rgba(255,255,255,0.4); margin: 0; font-family: var(--tpg6-font-mono); }
.tpg6-scope .tpg6-sel-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.tpg6-scope .tpg6-sel-list__item { display: flex; align-items: flex-start; gap: 12px; }
.tpg6-scope .tpg6-sel-list__icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; line-height: 1; }
.tpg6-scope .tpg6-sel-list__item strong { display: block; font-size: 13px; color: #fff; margin-bottom: 3px; line-height: 1.4; }
.tpg6-scope .tpg6-sel-list__item p { font-size: 12px; color: rgba(255,255,255,0.55); margin: 0; line-height: 1.6; }
.tpg6-scope .tpg6-sel-check-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 36px; }
.tpg6-scope .tpg6-sel-check { background: rgba(0,180,255,0.04); border: 1px solid var(--tpg6-border); border-radius: 10px; padding: 16px 18px; }
.tpg6-scope .tpg6-sel-check__q { font-size: 13px; color: rgba(255,255,255,0.75); margin: 0 0 8px; line-height: 1.5; }
.tpg6-scope .tpg6-sel-check__a { font-size: 13px; font-weight: 700; margin: 0; font-family: var(--tpg6-font-mono); }
.tpg6-scope .tpg6-sel-check__a--amd   { color: #ff8a8a; }
.tpg6-scope .tpg6-sel-check__a--intel { color: #7bc4f5; }
.tpg6-scope .tpg6-sel-conclusion { background: linear-gradient(135deg, rgba(0,180,255,0.1) 0%, rgba(0,113,197,0.06) 100%); border: 1px solid rgba(0,180,255,0.3); border-radius: 14px; padding: 28px 32px; }
.tpg6-scope .tpg6-sel-conclusion__head { font-size: 16px; font-weight: 700; color: var(--tpg6-accent); margin: 0 0 12px; }
.tpg6-scope .tpg6-sel-conclusion__body { font-size: 14px; color: rgba(255,255,255,0.75); line-height: 1.9; margin: 0; }

/* ============================================================
   BUY GUIDE
============================================================ */
.tpg6-scope .tpg6-buy-config-grid    { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 12px; }
.tpg6-scope .tpg6-buy-channel-grid   { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 12px; }
.tpg6-scope .tpg6-buy-links-grid     { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 12px; }
.tpg6-scope .tpg6-buy-config-card { background: rgba(0,180,255,0.04); border: 1px solid var(--tpg6-border); border-radius: 14px; padding: 24px 20px; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.tpg6-scope .tpg6-buy-config-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0,180,255,0.12); }
.tpg6-scope .tpg6-buy-config-card--recommend { background: linear-gradient(160deg, rgba(0,180,255,0.1) 0%, rgba(0,113,197,0.06) 100%); border-color: rgba(0,180,255,0.35); position: relative; }
.tpg6-scope .tpg6-buy-config-card__tag   { font-size: 11px; font-weight: 700; color: var(--tpg6-accent); font-family: var(--tpg6-font-mono); letter-spacing: 0.06em; margin: 0 0 8px; }
.tpg6-scope .tpg6-buy-config-card--recommend .tpg6-buy-config-card__tag { color: #ffd700; }
.tpg6-scope .tpg6-buy-config-card__title { font-size: 16px; font-weight: 700; color: #fff; margin: 0 0 14px; }
.tpg6-scope .tpg6-buy-config-card__list { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.tpg6-scope .tpg6-buy-config-card__list li { font-size: 13px; color: rgba(255,255,255,0.75); padding-left: 14px; position: relative; line-height: 1.5; }
.tpg6-scope .tpg6-buy-config-card__list li::before { content: '▸'; position: absolute; left: 0; color: var(--tpg6-accent); font-size: 10px; top: 3px; }
.tpg6-scope .tpg6-buy-config-card__note { font-size: 12px; color: rgba(255,255,255,0.45); margin: 0; line-height: 1.6; border-top: 1px solid var(--tpg6-border); padding-top: 12px; }
.tpg6-scope .tpg6-buy-channel-card { background: rgba(0,180,255,0.04); border: 1px solid var(--tpg6-border); border-radius: 12px; padding: 20px; }
.tpg6-scope .tpg6-buy-channel-card--highlight { background: linear-gradient(160deg, rgba(255,70,70,0.07) 0%, rgba(0,10,30,0) 70%); border-color: rgba(255,70,70,0.25); }
.tpg6-scope .tpg6-buy-channel-card__name   { font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 10px; }
.tpg6-scope .tpg6-buy-channel-card__merit  { font-size: 12px; color: rgba(0,220,130,0.9); margin: 0 0 6px; line-height: 1.5; }
.tpg6-scope .tpg6-buy-channel-card__demerit{ font-size: 12px; color: rgba(255,180,0,0.8); margin: 0 0 10px; line-height: 1.5; }
.tpg6-scope .tpg6-buy-channel-card__best   { font-size: 11px; color: rgba(255,255,255,0.45); margin: 0; border-top: 1px solid var(--tpg6-border); padding-top: 10px; line-height: 1.5; }
.tpg6-scope .tpg6-buy-link-card { background: rgba(0,180,255,0.04); border: 1px solid var(--tpg6-border); border-radius: 12px; padding: 22px 20px; text-align: center; }
.tpg6-scope .tpg6-buy-link-card__shop { font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 6px; }
.tpg6-scope .tpg6-buy-link-card__desc { font-size: 12px; color: rgba(255,255,255,0.45); margin: 0 0 16px; line-height: 1.5; }
.tpg6-scope .tpg6-buy-link-card__btn { display: inline-block; padding: 12px 28px; border-radius: 8px; font-size: 14px; font-weight: 700; text-decoration: none; transition: opacity 0.2s, transform 0.2s; letter-spacing: 0.03em; }
.tpg6-scope .tpg6-buy-link-card__btn:hover { opacity: 0.85; transform: translateY(-2px); }
.tpg6-scope .tpg6-buy-link-card__btn--lenovo  { background: linear-gradient(135deg, #e8272e, #c0202a); color: #fff; }
.tpg6-scope .tpg6-buy-link-card__btn--rakuten { background: linear-gradient(135deg, #bf0000, #8b0000); color: #fff; }

/* img figure */
.tpg6-scope .tpg6-img-figure { margin: 0; border-radius: 12px; overflow: hidden; }
.tpg6-scope .tpg6-img-figure__img { width: 100%; height: auto; display: block; border-radius: 12px; }
.tpg6-scope .tpg6-img-figure__caption { font-size: 12px; color: rgba(255,255,255,0.4); text-align: center; margin-top: 10px; line-height: 1.5; }

/* ============================================================
   FAQ
============================================================ */
.tpg6-scope .tpg6-faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 860px; margin: 0 auto; }
.tpg6-scope .tpg6-faq-item { border: 1px solid var(--tpg6-border); border-radius: 12px; overflow: hidden; background: rgba(0,180,255,0.03); transition: border-color 0.25s; }
.tpg6-scope .tpg6-faq-item__q { width: 100%; display: flex; align-items: center; gap: 14px; padding: 20px 22px; background: transparent; border: none; text-align: left; color: inherit; cursor: pointer; }
.tpg6-scope .tpg6-faq-item__q:hover { background: rgba(0,180,255,0.05); }
.tpg6-scope .tpg6-faq-item__q-label { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--tpg6-accent); color: #020b18; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; font-family: var(--tpg6-font-mono); }
.tpg6-scope .tpg6-faq-item__q-text { flex: 1; font-size: 15px; font-weight: 600; color: #fff; line-height: 1.5; }
.tpg6-scope .tpg6-faq-item__a { display: none; gap: 14px; padding: 0 22px 20px; }
.tpg6-scope .tpg6-faq-item__a.tpg6-faq-open { display: flex; }
.tpg6-scope .tpg6-faq-item__a-label { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: rgba(0,180,255,0.12); border: 1px solid rgba(0,180,255,0.3); color: var(--tpg6-accent); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; font-family: var(--tpg6-font-mono); margin-top: 2px; }
.tpg6-scope .tpg6-faq-item__a p { font-size: 14px; color: rgba(255,255,255,0.75); line-height: 1.85; margin: 0; flex: 1; }
.tpg6-scope .tpg6-faq-item__a p strong { color: #fff; }

/* ============================================================
   SUMMARY
============================================================ */
.tpg6-scope .tpg6-summary-verdict { background: linear-gradient(135deg, rgba(0,113,197,0.14) 0%, rgba(0,180,255,0.06) 100%); border: 1px solid rgba(0,180,255,0.3); border-radius: 16px; padding: 36px 40px; display: flex; align-items: flex-start; gap: 40px; margin-bottom: 32px; }
.tpg6-scope .tpg6-summary-verdict__inner { flex: 1; }
.tpg6-scope .tpg6-summary-verdict__label { font-size: 10px; letter-spacing: 0.15em; color: var(--tpg6-accent); text-transform: uppercase; font-family: var(--tpg6-font-mono); margin: 0 0 10px; }
.tpg6-scope .tpg6-summary-verdict__title { font-size: clamp(18px, 2.2vw, 24px); font-weight: 700; color: #fff; margin: 0 0 14px; line-height: 1.3; }
.tpg6-scope .tpg6-summary-verdict__body { font-size: 14px; color: rgba(255,255,255,0.75); line-height: 1.9; margin: 0; }
.tpg6-scope .tpg6-summary-verdict__body strong { color: #fff; }
.tpg6-scope .tpg6-summary-stars { flex-shrink: 0; text-align: center; }
.tpg6-scope .tpg6-summary-stars__star { font-size: 28px; line-height: 1; display: inline-block; }
.tpg6-scope .tpg6-summary-stars__star--full { color: #ffd700; }
.tpg6-scope .tpg6-summary-stars__score { font-size: 22px; font-weight: 700; color: #ffd700; margin: 8px 0 0; font-family: var(--tpg6-font-mono); }
.tpg6-scope .tpg6-summary-stars__score span { font-size: 13px; color: rgba(255,255,255,0.4); }
.tpg6-scope .tpg6-summary-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 32px; }
.tpg6-scope .tpg6-summary-col { border-radius: 12px; padding: 24px; }
.tpg6-scope .tpg6-summary-col--pros { background: rgba(0,220,130,0.06); border: 1px solid rgba(0,220,130,0.2); }
.tpg6-scope .tpg6-summary-col--cons { background: rgba(255,180,0,0.06); border: 1px solid rgba(255,180,0,0.2); }
.tpg6-scope .tpg6-summary-col__title { font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 14px; }
.tpg6-scope .tpg6-summary-col__list { margin: 0; padding-left: 18px; list-style: disc; display: flex; flex-direction: column; gap: 8px; }
.tpg6-scope .tpg6-summary-col__list li { font-size: 13px; color: rgba(255,255,255,0.75); line-height: 1.6; }
.tpg6-scope .tpg6-summary-recommend { background: linear-gradient(135deg, rgba(0,180,255,0.08) 0%, rgba(0,113,197,0.04) 100%); border: 1px solid rgba(0,180,255,0.2); border-radius: 14px; padding: 28px 32px; margin-bottom: 12px; }
.tpg6-scope .tpg6-summary-recommend__head { font-size: 15px; font-weight: 700; color: var(--tpg6-accent); margin: 0 0 18px; }
.tpg6-scope .tpg6-summary-recommend__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.tpg6-scope .tpg6-summary-recommend__item { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(255,255,255,0.8); background: rgba(255,255,255,0.04); border: 1px solid var(--tpg6-border); border-radius: 8px; padding: 12px 16px; line-height: 1.5; }
.tpg6-scope .tpg6-summary-recommend__item span { font-size: 18px; flex-shrink: 0; }
.tpg6-scope .tpg6-summary-disclaimer { margin-top: 28px; padding: 14px 20px; background: rgba(255,255,255,0.03); border: 1px solid var(--tpg6-border); border-radius: 8px; }
.tpg6-scope .tpg6-summary-disclaimer__text { font-size: 12px; color: rgba(255,255,255,0.4); line-height: 1.7; margin: 0; display: block; }
.tpg6-scope .tpg6-summary-disclaimer__text a { color: rgba(0,180,255,0.7); text-decoration: underline; text-underline-offset: 2px; }
.tpg6-scope .tpg6-summary-disclaimer__text a:hover { color: var(--tpg6-accent); }

/* ============================================================
   レスポンシブ
============================================================ */
@media (max-width: 900px) {
  .tpg6-scope .tpg6-hero__inner         { padding: 96px 28px 60px; gap: 32px; }
  .tpg6-scope .tpg6-keypoints__inner,
  .tpg6-scope .tpg6-toc__inner          { padding: 60px 28px; }
  .tpg6-scope .tpg6-section__inner      { padding: 80px 32px; }
  .tpg6-scope .tpg6-terminal__body      { grid-template-columns: repeat(2, 1fr); }
  .tpg6-scope .tpg6-info-grid           { grid-template-columns: 1fr 1fr; }
  .tpg6-scope .tpg6-brand-header        { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-bench-plan-grid     { grid-template-columns: 1fr 1fr; }
  .tpg6-scope .tpg6-usecase-grid        { grid-template-columns: 1fr 1fr; }
  .tpg6-scope .tpg6-disp-specgrid       { grid-template-columns: repeat(2, 1fr); }
  .tpg6-scope .tpg6-disp-review-grid    { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-kb-grid             { grid-template-columns: repeat(2, 1fr); }
  .tpg6-scope .tpg6-port-grid           { grid-template-columns: repeat(2, 1fr); }
  .tpg6-scope .tpg6-port-io-grid        { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-sel-grid            { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-sel-check-grid      { grid-template-columns: repeat(2, 1fr); }
  .tpg6-scope .tpg6-buy-config-grid     { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-buy-channel-grid    { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-buy-links-grid      { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-battery-grid        { grid-template-columns: 1fr 1fr; }
  .tpg6-scope .tpg6-summary-verdict     { flex-direction: column; gap: 20px; padding: 32px; }
  .tpg6-scope .tpg6-summary-stars       { display: flex; align-items: center; gap: 12px; }
  .tpg6-scope .tpg6-summary-stars__score{ margin: 0; }
  .tpg6-scope .tpg6-summary-pros-cons   { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-summary-recommend__grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .tpg6-scope .tpg6-hero__heading       { font-size: 2rem; }
  .tpg6-scope .tpg6-hero__inner         { padding: 80px 20px 56px; }
  .tpg6-scope .tpg6-section__inner      { padding: 56px 20px; }
  .tpg6-scope .tpg6-points-grid         { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-toc__item           { padding: 10px 20px; }
  .tpg6-scope .tpg6-toc__header         { padding: 16px 20px; }
  .tpg6-scope .tpg6-terminal__body      { grid-template-columns: repeat(2, 1fr); }
  .tpg6-scope .tpg6-terminal__row       { padding: 10px; }
  .tpg6-scope .tpg6-terminal__key       { font-size: 9px; }
  .tpg6-scope .tpg6-terminal__val       { font-size: 11px; }
  .tpg6-scope .tpg6-info-grid           { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-bench-plan-grid     { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-usecase-grid        { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-battery-grid        { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-battery-stat__num   { font-size: 28px; }
  .tpg6-scope .tpg6-disp-specgrid       { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .tpg6-scope .tpg6-kb-grid             { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .tpg6-scope .tpg6-port-grid           { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .tpg6-scope .tpg6-sel-check-grid      { grid-template-columns: 1fr; }
  .tpg6-scope .tpg6-sel-conclusion      { padding: 28px; }
  .tpg6-scope .tpg6-buy-config-card     { padding: 18px 16px; }
  .tpg6-scope .tpg6-buy-link-card__btn  { width: 100%; box-sizing: border-box; }
  .tpg6-scope .tpg6-faq-item__q         { padding: 20px; gap: 10px; }
  .tpg6-scope .tpg6-faq-item__q-text    { font-size: 13px; }
  .tpg6-scope .tpg6-faq-item__a.tpg6-faq-open { padding: 0 20px 20px; gap: 10px; }
  .tpg6-scope .tpg6-summary-verdict     { padding: 28px; }
  .tpg6-scope .tpg6-summary-recommend   { padding: 28px; }
}
</style>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500;700&#038;family=JetBrains+Mono:wght@400;700&#038;display=swap" rel="stylesheet">


<!-- ============================================================
     記事スコープ開始
============================================================ -->
<article class="tpg6-scope" role="main" aria-label="ThinkPad T14 Gen 6 AMD モデル・Intel モデル 比較レビュー" style="background:#020b18;color:#d8eaf7;font-family:'Noto Sans JP',sans-serif;line-height:1.7;display:block;width:100%;max-width:100%;overflow-x:hidden;">

<!-- ============================================================
     HERO
============================================================ -->
<section class="tpg6-full tpg6-hero" aria-label="記事ヒーローセクション">
  <div class="tpg6-blob tpg6-blob--1" aria-hidden="true"></div>
  <div class="tpg6-blob tpg6-blob--2" aria-hidden="true"></div>
  <div class="tpg6-blob tpg6-blob--3" aria-hidden="true"></div>

  <div class="tpg6-hero__inner">
    <div class="tpg6-badge" aria-label="記事カテゴリ">
      <span class="tpg6-badge__dot" aria-hidden="true"></span>
      実機レビュー &nbsp;·&nbsp; 2025 / 2026
    </div>

    <h2 class="tpg6-hero__heading">
      ThinkPad T14<br>
      <span>Gen 6</span>
    </h2>

    <p class="tpg6-hero__sub">AMD モデル・Intel モデル — あなたに合うのはどちら？</p>

    <div class="tpg6-chips" role="list" aria-label="対象モデル">
      <span class="tpg6-chip tpg6-chip--amd"   role="listitem">● AMD Ryzen AI 300</span>
      <span class="tpg6-chip tpg6-chip--intel" role="listitem">● Intel Core Ultra 200U</span>
      <span class="tpg6-chip tpg6-chip--tag"   role="listitem">実機検証済み</span>
    </div>

    <a href="#tpg6-compare" class="tpg6-btn" aria-label="AMD モデル・Intel モデル スペック比較セクションへ移動">
      モデルを比べる
      <span class="tpg6-btn__arrow" aria-hidden="true">→</span>
    </a>

    <div class="tpg6-terminal" role="complementary" aria-label="主要スペック概要">
      <div class="tpg6-terminal__bar" aria-hidden="true">
        <span class="tpg6-terminal__dot"></span>
        <span class="tpg6-terminal__dot"></span>
        <span class="tpg6-terminal__dot"></span>
        <span class="tpg6-terminal__title">spec_overview.json</span>
      </div>
      <div class="tpg6-terminal__body">
        <div class="tpg6-terminal__row"><span class="tpg6-terminal__key">MODEL</span><span class="tpg6-terminal__val">ThinkPad T14 Gen 6</span></div>
        <div class="tpg6-terminal__row"><span class="tpg6-terminal__key">CPU</span><span class="tpg6-terminal__val"><span class="tpg6-amd">Ryzen AI 7 PRO 350</span> / <span class="tpg6-intel">Core Ultra 7 265U</span></span></div>
        <div class="tpg6-terminal__row"><span class="tpg6-terminal__key">NPU</span><span class="tpg6-terminal__val"><span class="tpg6-amd">50 TOPS</span> / <span class="tpg6-intel">48 TOPS（V系）</span></span></div>
        <div class="tpg6-terminal__row"><span class="tpg6-terminal__key">MEMORY</span><span class="tpg6-terminal__val">最大 64GB DDR5-5600（SODIMM）</span></div>
        <div class="tpg6-terminal__row"><span class="tpg6-terminal__key">DISPLAY</span><span class="tpg6-terminal__val">14&#8243; 2.8K OLED / IPS 選択可</span></div>
        <div class="tpg6-terminal__row"><span class="tpg6-terminal__key">WEIGHT</span><span class="tpg6-terminal__val">約 1.38 kg〜</span></div>
        <div class="tpg6-terminal__row"><span class="tpg6-terminal__key">BATTERY</span><span class="tpg6-terminal__val">52.5Wh / 57Wh</span></div>
        <div class="tpg6-terminal__row"><span class="tpg6-terminal__key">OS</span><span class="tpg6-terminal__val">Windows 11 Pro / Home</span></div>
      </div>
    </div>
  </div>

  <div class="tpg6-hero__scroll" aria-hidden="true">
    <span class="tpg6-hero__scroll-line"></span>
    <span class="tpg6-hero__scroll-text">SCROLL</span>
    <span class="tpg6-hero__scroll-line"></span>
    <span class="tpg6-hero__scroll-icon"></span>
  </div>
</section>


<!-- ============================================================
     KEY POINTS
============================================================ -->
<section class="tpg6-full tpg6-keypoints" id="tpg6-keypoints" aria-labelledby="tpg6-kp-heading">
  <div class="tpg6-keypoints__inner">
    <p class="tpg6-section-label" aria-hidden="true">ARTICLE OVERVIEW</p>
    <h3 id="tpg6-kp-heading" class="tpg6-section-heading">この記事でわかること</h3>
    <div class="tpg6-points-grid" role="list">
      <div class="tpg6-point-card" role="listitem">
        <span class="tpg6-point-card__num">01</span>
        <span class="tpg6-point-card__icon" aria-hidden="true">⚡</span>
        <p class="tpg6-point-card__title">実機ベンチマーク比較</p>
        <p class="tpg6-point-card__desc">AMD・Intel 両モデルを実際に使って性能を測定。数字だけでなく体感の差も解説します。</p>
        <span class="tpg6-point-card__tag">AMD・Intel 比較</span>
      </div>
      <div class="tpg6-point-card" role="listitem">
        <span class="tpg6-point-card__num">02</span>
        <span class="tpg6-point-card__icon" aria-hidden="true">🤖</span>
        <p class="tpg6-point-card__title">NPU・AI処理の実力</p>
        <p class="tpg6-point-card__desc">Copilot+ PC 対応の NPU 性能を検証。日常業務での AI 活用シーンを具体的に紹介します。</p>
        <span class="tpg6-point-card__tag">AI Performance</span>
      </div>
      <div class="tpg6-point-card" role="listitem">
        <span class="tpg6-point-card__num">03</span>
        <span class="tpg6-point-card__icon" aria-hidden="true">🔋</span>
        <p class="tpg6-point-card__title">バッテリー・携帯性</p>
        <p class="tpg6-point-card__desc">実測バッテリー駆動時間と重量を計測。出張・リモートワークでの実用性を評価します。</p>
        <span class="tpg6-point-card__tag">Battery Life</span>
      </div>
      <div class="tpg6-point-card" role="listitem">
        <span class="tpg6-point-card__num">04</span>
        <span class="tpg6-point-card__icon" aria-hidden="true">💡</span>
        <p class="tpg6-point-card__title">あなたに合うモデルが分かる</p>
        <p class="tpg6-point-card__desc">用途・予算・重視ポイント別に AMD / Intel どちらが最適かを明確に解説します。</p>
        <span class="tpg6-point-card__tag">Buying Guide</span>
      </div>
    </div>
  </div>
</section>


<!-- ============================================================
     ANIMATED TOC
============================================================ -->
<section class="tpg6-full tpg6-toc" aria-labelledby="tpg6-toc-title">
  <div class="tpg6-toc__inner">
    <div class="tpg6-toc__box" role="navigation" aria-label="記事目次">
      <div class="tpg6-toc__header">
        <p id="tpg6-toc-title" class="tpg6-toc__title" role="heading" aria-level="3">目次</p>
        <button class="tpg6-toc__toggle" id="tpg6TocToggle" aria-expanded="true" aria-controls="tpg6TocBody">閉じる</button>
      </div>
      <div class="tpg6-toc__body" id="tpg6TocBody">
        <div class="tpg6-toc__section">
          <a href="#tpg6-overview" class="tpg6-toc__item"><span class="tpg6-toc__num">01</span><span class="tpg6-toc__label">ThinkPad T14 Gen 6 とは｜Gen 5 からの進化ポイント</span></a>
        </div>
        <div class="tpg6-toc__divider" aria-hidden="true"></div>
        <div class="tpg6-toc__section">
          <a href="#tpg6-compare" class="tpg6-toc__item"><span class="tpg6-toc__num">02</span><span class="tpg6-toc__label">AMD モデル・Intel モデルのスペック比較表</span></a>
          <a href="#tpg6-compare-cpu"   class="tpg6-toc__item tpg6-toc__item--sub"><span class="tpg6-toc__num">↳</span><span class="tpg6-toc__label">CPU・NPU性能の違い</span></a>
          <a href="#tpg6-compare-price" class="tpg6-toc__item tpg6-toc__item--sub"><span class="tpg6-toc__num">↳</span><span class="tpg6-toc__label">価格帯と構成の違い</span></a>
        </div>
        <div class="tpg6-toc__divider" aria-hidden="true"></div>
        <div class="tpg6-toc__section">
          <a href="#tpg6-bench" class="tpg6-toc__item"><span class="tpg6-toc__num">03</span><span class="tpg6-toc__label">実機パフォーマンス比較｜ベンチマーク＆実使用</span></a>
        </div>
        <div class="tpg6-toc__divider" aria-hidden="true"></div>
        <div class="tpg6-toc__section">
          <a href="#tpg6-display" class="tpg6-toc__item"><span class="tpg6-toc__num">04</span><span class="tpg6-toc__label">ディスプレイ・キーボード・携帯性レビュー</span></a>
        </div>
        <div class="tpg6-toc__divider" aria-hidden="true"></div>
        <div class="tpg6-toc__section">
          <a href="#tpg6-select" class="tpg6-toc__item"><span class="tpg6-toc__num">05</span><span class="tpg6-toc__label">こんな人はAMDを選べ｜こんな人はIntelを選べ</span></a>
        </div>
        <div class="tpg6-toc__divider" aria-hidden="true"></div>
        <div class="tpg6-toc__section">
          <a href="#tpg6-buy" class="tpg6-toc__item"><span class="tpg6-toc__num">06</span><span class="tpg6-toc__label">購入ガイド｜おすすめ構成と最安値の探し方</span></a>
        </div>
        <div class="tpg6-toc__divider" aria-hidden="true"></div>
        <div class="tpg6-toc__section">
          <a href="#tpg6-faq"     class="tpg6-toc__item"><span class="tpg6-toc__num">07</span><span class="tpg6-toc__label">よくある質問（FAQ）</span></a>
          <a href="#tpg6-summary" class="tpg6-toc__item"><span class="tpg6-toc__num">08</span><span class="tpg6-toc__label">まとめ</span></a>
        </div>
      </div>
    </div>
  </div>
</section>

<script>
(function () {
  'use strict';
  var toggle = document.getElementById('tpg6TocToggle');
  var body   = document.getElementById('tpg6TocBody');
  if (toggle && body) {
    toggle.addEventListener('click', function () {
      var collapsed = body.classList.toggle('tpg6-collapsed');
      toggle.textContent = collapsed ? '開く' : '閉じる';
      toggle.setAttribute('aria-expanded', String(!collapsed));
    });
  }
}());
</script>


<!-- ============================================================
     SECTION 1
============================================================ -->
<section class="tpg6-full tpg6-section" id="tpg6-overview" aria-labelledby="tpg6-s1-heading">
  <div class="tpg6-section__inner">
    <div class="tpg6-heading-group">
      <p class="tpg6-section-label" aria-hidden="true">SECTION 01</p>
      <h2 id="tpg6-s1-heading" class="tpg6-h2">ThinkPad T14 Gen 6 とは｜Gen 5 からの進化ポイント</h2>
      <p class="tpg6-lead">ThinkPad T14 シリーズは、レノボが誇るビジネス・プロフェッショナル向けモバイルワークステーションの中核モデルです。Gen 6 では CPU アーキテクチャを刷新し、AI 処理専用の NPU（Neural Processing Unit）を搭載した「Copilot+ PC」として生まれ変わりました。実機を使い込んだ立場から、前世代との差分と、AMD / Intel 選択の本質を解説します。</p>
    </div>

    <!-- 画像 1 -->
    <figure class="tpg6-img-block" aria-label="ThinkPad T14 Gen 6 本体画像">
      <div class="tpg6-img-wrap" id="tpg6-img-1-wrap">
        <img fetchpriority="high" src="https://yoooyooo8.jp/wp-content/uploads/2026/02/t14.jpeg"
             alt="ThinkPad T14 Gen 6 AMD モデル 本体外観 — 薄型14インチボディと高品位なキーボードを搭載"
             width="1200" height="800"
             loading="eager" decoding="async"
             style="width:100%;height:100%;object-fit:cover;display:block;">
      </div>
      <figcaption class="tpg6-figcaption">▲ ThinkPad T14 Gen 6（AMD モデル）— 実機撮影。14インチで約 1.38 kg の軽量ボディ</figcaption>
    </figure>

    <div class="tpg6-timeline" role="list" aria-label="Gen 5からGen 6の主な進化ポイント">
      <div class="tpg6-tl-item" role="listitem">
        <div class="tpg6-tl-dot" aria-hidden="true">🧠</div>
        <div class="tpg6-tl-content">
          <p class="tpg6-tl-title">NPU 搭載で「Copilot+ PC」に昇格</p>
          <p class="tpg6-tl-desc">Gen 5 までは NPU を持たなかった T14 シリーズが、Gen 6 で初めて<strong>40 TOPS 以上の NPU</strong>を搭載。Windows 11 の AI 機能（Recall、Cocreator など）をフル活用できる Copilot+ PC 認定を取得しました。AMD 版は最大 50 TOPS、Intel 版は最大 48 TOPS（Vシリーズ）と、実務 AI 用途でも十分なスペックです。</p>
        </div>
      </div>
      <div class="tpg6-tl-item" role="listitem">
        <div class="tpg6-tl-dot" aria-hidden="true">⚡</div>
        <div class="tpg6-tl-content">
          <p class="tpg6-tl-title">CPU アーキテクチャの世代刷新</p>
          <p class="tpg6-tl-desc">AMD は Zen 5 コアベースの<strong>Ryzen AI 300 シリーズ</strong>（旧：Zen 4 の Ryzen 7000）、Intel は<strong>Core Ultra 200U シリーズ</strong>（Arrow Lake-U アーキテクチャ）へ移行。マルチコア性能は最大 25〜30% 向上し、特に AI・圧縮・コンパイル系のタスクで体感差が顕著です。</p>
        </div>
      </div>
      <div class="tpg6-tl-item" role="listitem">
        <div class="tpg6-tl-dot" aria-hidden="true">🖥️</div>
        <div class="tpg6-tl-content">
          <p class="tpg6-tl-title">2.8K OLED ディスプレイが選択可能に</p>
          <p class="tpg6-tl-desc">Gen 5 では IPS パネルが主力でしたが、Gen 6 では<strong>2.8K（2880×1800）有機 EL（OLED）パネル</strong>が選択肢に加わりました。コントラスト比 1,000,000:1、応答速度 0.2ms の鮮烈な映像表現は、デザイン・写真編集用途でも実用レベルです。</p>
        </div>
      </div>
      <div class="tpg6-tl-item" role="listitem">
        <div class="tpg6-tl-dot" aria-hidden="true">🔋</div>
        <div class="tpg6-tl-content">
          <p class="tpg6-tl-title">バッテリー効率の改善</p>
          <p class="tpg6-tl-desc">プロセスルールの最適化（AMD：TSMC 4nm、Intel：Arrow Lake-U は TSMC 3nm + Intel 20A）に伴い、<strong>同タスクでの消費電力が平均 15〜20% 削減</strong>。57Wh バッテリーで実測 12〜16 時間（軽負荷時）を達成しており、外出先での充電頻度が明確に減りました。</p>
        </div>
      </div>
    </div>

    <div class="tpg6-info-grid" role="list" aria-label="T14 Gen 6 基本情報">
      <div class="tpg6-info-card" role="listitem">
        <p class="tpg6-info-card__label">発売時期</p>
        <p class="tpg6-info-card__value">2024年 後半〜</p>
        <p class="tpg6-info-card__desc">日本国内では 2024 年秋以降に順次発売。Lenovo 公式では CTO（カスタム構成）が中心。</p>
      </div>
      <div class="tpg6-info-card" role="listitem">
        <p class="tpg6-info-card__label">画面サイズ</p>
        <p class="tpg6-info-card__value">14.0 インチ</p>
        <p class="tpg6-info-card__desc">16:10 アスペクト比で縦方向の情報量が増加。WUXGA / 2.8K OLED を選択可。</p>
      </div>
      <div class="tpg6-info-card" role="listitem">
        <p class="tpg6-info-card__label">重量（最軽量構成）</p>
        <p class="tpg6-info-card__value">約 1.38 kg〜</p>
        <p class="tpg6-info-card__desc">14インチクラスとしては軽量。カーボンファイバー天板採用モデルはさらに軽量化。</p>
      </div>
      <div class="tpg6-info-card" role="listitem">
        <p class="tpg6-info-card__label">メモリ最大容量</p>
        <p class="tpg6-info-card__value">64 GB</p>
        <p class="tpg6-info-card__desc">SODIMM DDR5-5600（着脱可能）。カスタマイズで 16 / 32 / 64 GB から選択可能。</p>
      </div>
    </div>
  </div>
</section>


<!-- ============================================================
     SECTION 2
============================================================ -->
<section class="tpg6-full tpg6-section tpg6-section--alt" id="tpg6-compare" aria-labelledby="tpg6-s2-heading">
  <div class="tpg6-section__inner">
    <div class="tpg6-heading-group">
      <p class="tpg6-section-label" aria-hidden="true">SECTION 02</p>
      <h2 id="tpg6-s2-heading" class="tpg6-h2">AMD モデル・Intel モデルのスペック比較表</h2>
      <p class="tpg6-lead">T14 Gen 6 は AMD・Intel の両プラットフォームをラインアップしています。どちらも「Copilot+ PC」対応ですが、CPU コア設計・NPU 性能・内蔵グラフィックス・価格帯に明確な差があります。主要スペックを横並びで比較します。</p>
    </div>

    <div class="tpg6-brand-header" role="list" aria-label="比較モデル情報">
      <div class="tpg6-brand-card tpg6-brand-card--amd" role="listitem">
        <div><p class="tpg6-brand-logo">AMD</p></div>
        <div class="tpg6-brand-info"><strong>Ryzen AI 300 シリーズ</strong>Zen 5 アーキテクチャ<br>NPU 最大 50 TOPS</div>
      </div>
      <div class="tpg6-brand-card tpg6-brand-card--intel" role="listitem">
        <div><p class="tpg6-brand-logo">Intel</p></div>
        <div class="tpg6-brand-info"><strong>Core Ultra 200U シリーズ</strong>Arrow Lake-U アーキテクチャ<br>NPU 最大 48 TOPS（Vシリーズ）</div>
      </div>
    </div>

    <div class="tpg6-spec-table-wrap" role="region" aria-label="AMD モデル・Intel モデル スペック比較表">
      <table class="tpg6-spec-table" aria-label="ThinkPad T14 Gen 6 AMD モデル・Intel モデル スペック比較">
        <thead>
          <tr>
            <th scope="col">項目</th>
            <th scope="col" class="tpg6-th--amd">AMD 版</th>
            <th scope="col" class="tpg6-th--intel">Intel 版</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>CPU</td>
            <td class="tpg6-td--amd">Ryzen AI 7 PRO 350 / AI 5 PRO 340<span class="tpg6-spec-val-sub">Zen 5・8コア16スレッド（Zen 5×4 + Zen 5c×4）</span></td>
            <td class="tpg6-td--intel">Core Ultra 7 265U / 5 226U<span class="tpg6-spec-val-sub">Arrow Lake-U・12コア14スレッド</span></td>
          </tr>
          <tr id="tpg6-compare-cpu">
            <td>NPU 性能</td>
            <td class="tpg6-td--amd">最大 50 TOPS<span class="tpg6-win tpg6-win--amd" aria-label="AMDが優位">AMD ▲</span></td>
            <td class="tpg6-td--intel">最大 48 TOPS（Vシリーズ）</td>
          </tr>
          <tr>
            <td>内蔵 GPU</td>
            <td class="tpg6-td--amd">Radeon 880M / 890M（RDNA 3.5）<span class="tpg6-spec-val-sub">8 CU・最大 3000 MHz</span><span class="tpg6-win tpg6-win--amd" aria-label="AMDが優位">GPU 性能 ▲</span></td>
            <td class="tpg6-td--intel">Intel Arc Graphics（4 Xe-core）<span class="tpg6-spec-val-sub">最大 2200 MHz</span></td>
          </tr>
          <tr>
            <td>メモリ</td>
            <td class="tpg6-td--amd">DDR5-5600（SODIMM）<br>16 / 32 / 64 GB</td>
            <td class="tpg6-td--intel">DDR5-5600（SODIMM）<br>16 / 32 / 64 GB<span class="tpg6-win tpg6-win--tie" aria-label="同等">同等</span></td>
          </tr>
          <tr>
            <td>ストレージ</td>
            <td class="tpg6-td--amd">M.2 PCIe Gen 4 NVMe<br>256GB〜2TB</td>
            <td class="tpg6-td--intel">M.2 PCIe Gen 4 NVMe<br>256GB〜2TB<span class="tpg6-win tpg6-win--tie" aria-label="同等">同等</span></td>
          </tr>
          <tr>
            <td>バッテリー</td>
            <td class="tpg6-td--amd">52.5Wh / 57Wh<span class="tpg6-spec-val-sub">JEITA公称：最大約 25.7 時間（AMD・57Wh）</span></td>
            <td class="tpg6-td--intel">52.5Wh / 57Wh<span class="tpg6-spec-val-sub">JEITA公称：モデルにより異なる</span><span class="tpg6-win tpg6-win--intel" aria-label="Intelが優位">持続時間 ▲</span></td>
          </tr>
          <tr>
            <td>重量</td>
            <td class="tpg6-td--amd">約 1.38 kg〜</td>
            <td class="tpg6-td--intel">約 1.38 kg〜<span class="tpg6-win tpg6-win--intel" aria-label="Intelが優位">軽量 ▲</span></td>
          </tr>
          <tr>
            <td>Thunderbolt</td>
            <td class="tpg6-td--amd">USB4（40Gbps）×2<span class="tpg6-spec-val-sub">Thunderbolt 非対応</span></td>
            <td class="tpg6-td--intel">Thunderbolt 4（40Gbps）×2<span class="tpg6-win tpg6-win--intel" aria-label="Intelが優位">TB4 対応 ▲</span></td>
          </tr>
          <tr id="tpg6-compare-price">
            <td>価格帯（直販目安）</td>
            <td class="tpg6-td--amd">約 189,800 円〜<span class="tpg6-win tpg6-win--amd" aria-label="AMDが優位">コスパ ▲</span></td>
            <td class="tpg6-td--intel">約 224,400 円〜</td>
          </tr>
          <tr>
            <td>Copilot+ PC</td>
            <td class="tpg6-td--amd">✅ 対応</td>
            <td class="tpg6-td--intel">✅ 対応<span class="tpg6-win tpg6-win--tie" aria-label="同等">同等</span></td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="tpg6-price-note" role="note" aria-label="価格に関する注意事項">
      <span class="tpg6-price-note__icon" aria-hidden="true">💡</span>
      <p class="tpg6-price-note__text">価格は 2026年2月時点の参考価格です。Lenovo 公式サイトではキャンペーン割引が頻繁に実施されており、楽天市場の公式ショップではポイント還元との組み合わせで実質価格を抑えられます。</p>
    </div>
  </div>
</section>


<!-- ============================================================
     SECTION 3
============================================================ -->
<section class="tpg6-full tpg6-section" id="tpg6-bench" aria-labelledby="tpg6-s3-heading">
  <div class="tpg6-section__inner">
    <div class="tpg6-heading-group">
      <p class="tpg6-section-label" aria-hidden="true">SECTION 03</p>
      <h2 id="tpg6-s3-heading" class="tpg6-h2">パフォーマンス比較｜ベンチマーク＆実使用</h2>
      <p class="tpg6-lead">AMD モデル（Ryzen AI 7 PRO 350）は Cinebench 2026 による実機計測値を掲載。Intel モデルは公式スペック・海外レビューをもとにした参考値です。実際の性能は使用環境・設定により異なります。</p>
    </div>

    <div class="tpg6-placeholder-banner" role="note" aria-label="ベンチマーク計測結果の注記">
      <span class="tpg6-placeholder-banner__icon" aria-hidden="true">✅</span>
      <div class="tpg6-placeholder-banner__body">
        <strong>BENCHMARK — 実機計測済み</strong>
        AMD モデル（<strong>Ryzen AI 7 PRO 350 / Radeon 860M / 32GB / 1TB・モデル番号: 21QJCTO1WW</strong>）は Cinebench R23・PassMark による実機計測値を記載。Intel モデルの CPU Mark・Single Thread は <strong>PassMark 公式</strong>（446件）、Cinebench R23 は <strong>nanoreview.net 参考値</strong>（ThinkPad T14 Gen 6 Intel）を引用しています。
      </div>
    </div>

    <div class="tpg6-bench-plan-grid" role="list" aria-label="ベンチマーク計測項目一覧">

      <div class="tpg6-bench-plan-card" role="listitem">
        <p class="tpg6-bench-plan-card__tool">Cinebench R23</p>
        <p class="tpg6-bench-plan-card__name">CPU マルチコア性能</p>
        <p class="tpg6-bench-plan-card__desc">全コアを使ったレンダリング性能。マルチタスク・動画エンコードの指標。スコアが高いほど処理が速い。</p>
        <div class="tpg6-bench-plan-card__score">
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd">
            <span class="tpg6-bench-plan-score-box__label">AMD モデル</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;font-size:clamp(13px,1.8vw,20px);">12,378<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機計測</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--intel">
            <span class="tpg6-bench-plan-score-box__label">Intel モデル</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#7bc4f5;font-size:clamp(13px,1.8vw,20px);">11,830<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-ref-badge">● nanoreview 参考値</span>
          </div>
        </div>
      </div>

      <div class="tpg6-bench-plan-card" role="listitem">
        <p class="tpg6-bench-plan-card__tool">Cinebench R23</p>
        <p class="tpg6-bench-plan-card__name">CPU シングルコア性能</p>
        <p class="tpg6-bench-plan-card__desc">1コアの処理速度。アプリ起動・日常操作のレスポンスに直結する指標。スコアが高いほど快適。</p>
        <div class="tpg6-bench-plan-card__score">
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd">
            <span class="tpg6-bench-plan-score-box__label">AMD モデル</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;font-size:clamp(13px,1.8vw,20px);">1,951<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機計測</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--intel">
            <span class="tpg6-bench-plan-score-box__label">Intel モデル</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#7bc4f5;font-size:clamp(13px,1.8vw,20px);">1,703<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-ref-badge">● nanoreview 参考値</span>
          </div>
        </div>
      </div>

      <div class="tpg6-bench-plan-card" role="listitem">
        <p class="tpg6-bench-plan-card__tool">PassMark PerformanceTest 11.1</p>
        <p class="tpg6-bench-plan-card__name">内蔵 GPU 性能（3D Graphics Mark）</p>
        <p class="tpg6-bench-plan-card__desc">DirectX 9〜12 と GPU Compute を含む総合 GPU スコア。世界平均 12,429 に対して 36パーセンタイル。</p>
        <div class="tpg6-bench-plan-card__score" style="grid-template-columns:1fr 1fr;">
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd" style="grid-column:1/-1;">
            <span class="tpg6-bench-plan-score-box__label">AMD モデル｜3D Graphics Mark 総合</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;font-size:clamp(14px,2vw,22px);">5,473<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機計測</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd">
            <span class="tpg6-bench-plan-score-box__label">GPU Compute</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;">2,764</span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd">
            <span class="tpg6-bench-plan-score-box__label">DirectX 9 / 11 / 12</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;font-size:13px;">76 / 36 / 29</span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--intel" style="grid-column:1/-1;">
            <span class="tpg6-bench-plan-score-box__label">Intel モデル｜3D Graphics Mark</span>
            <span class="tpg6-bench-plan-score-box__val">—<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-pending-tag">参考値 調査中</span>
          </div>
        </div>
      </div>

      <div class="tpg6-bench-plan-card" role="listitem">
        <p class="tpg6-bench-plan-card__tool">PassMark PerformanceTest 11.1</p>
        <p class="tpg6-bench-plan-card__name">CPU Mark（総合 CPU 性能）</p>
        <p class="tpg6-bench-plan-card__desc">マルチスレッド・シングルスレッドを含む総合 CPU 性能。世界平均 20,334 に対して 72パーセンタイル — 上位 28% の性能。</p>
        <div class="tpg6-bench-plan-card__score">
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd">
            <span class="tpg6-bench-plan-score-box__label">AMD｜CPU Mark 総合</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;font-size:clamp(13px,1.8vw,20px);">26,281<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機計測</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd">
            <span class="tpg6-bench-plan-score-box__label">AMD｜Single Threaded</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;font-size:clamp(13px,1.8vw,20px);">4,107<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機計測</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--intel">
            <span class="tpg6-bench-plan-score-box__label">Intel｜CPU Mark 総合</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#7bc4f5;font-size:clamp(13px,1.8vw,20px);">17,912<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-ref-badge">● PassMark 公式</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--intel">
            <span class="tpg6-bench-plan-score-box__label">Intel｜Single Threaded</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#7bc4f5;font-size:clamp(13px,1.8vw,20px);">3,670<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-ref-badge">● PassMark 公式</span>
          </div>
        </div>
      </div>

      <div class="tpg6-bench-plan-card" role="listitem">
        <p class="tpg6-bench-plan-card__tool">PassMark PerformanceTest 11.1</p>
        <p class="tpg6-bench-plan-card__name">Memory Mark（メモリ性能）</p>
        <p class="tpg6-bench-plan-card__desc">DDR5-5600（SODIMM）の実効帯域幅・レイテンシを計測。世界平均 2,749 に対して 51パーセンタイル — 平均水準の高速メモリ。</p>
        <div class="tpg6-bench-plan-card__score" style="grid-template-columns:1fr 1fr;">
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd" style="grid-column:1/-1;">
            <span class="tpg6-bench-plan-score-box__label">AMD｜Memory Mark 総合</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;font-size:clamp(13px,1.8vw,20px);">2,804<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機計測</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd">
            <span class="tpg6-bench-plan-score-box__label">Read Uncached</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;font-size:14px;">36,480<span class="tpg6-bench-plan-score-box__unit">MB/s</span></span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--amd">
            <span class="tpg6-bench-plan-score-box__label">Write / Latency</span>
            <span class="tpg6-bench-plan-score-box__val" style="color:#ff8a8a;font-size:14px;">26,942 MB/s / 72ns</span>
            <span class="tpg6-pending-tag" style="background:#1a0506;border-color:#7a1012;color:#ff8a8a;">● 実機</span>
          </div>
          <div class="tpg6-bench-plan-score-box tpg6-bench-plan-score-box--intel" style="grid-column:1/-1;">
            <span class="tpg6-bench-plan-score-box__label">Intel｜Memory Mark</span>
            <span class="tpg6-bench-plan-score-box__val">—<span class="tpg6-bench-plan-score-box__unit">pt</span></span>
            <span class="tpg6-pending-tag">参考値 調査中</span>
          </div>
        </div>
      </div>

    </div>

    <p class="tpg6-section-label" style="margin-bottom:24px;" aria-hidden="true">実使用シーン別 傾向（参考値）</p>

    <div class="tpg6-usecase-grid" role="list" aria-label="用途別パフォーマンス傾向">
      <div class="tpg6-usecase-card" role="listitem">
        <span class="tpg6-usecase-card__icon" aria-hidden="true">💼</span>
        <p class="tpg6-usecase-card__title">Office・Web 会議</p>
        <p class="tpg6-usecase-card__body">Excel・Word・Teams の同時利用は両モデルとも快適。日常のビジネス用途では体感差はほとんどありません。</p>
        <p class="tpg6-usecase-card__verdict tpg6-verdict--tie">＝ 両モデルとも問題なし</p>
      </div>
      <div class="tpg6-usecase-card" role="listitem">
        <span class="tpg6-usecase-card__icon" aria-hidden="true">💻</span>
        <p class="tpg6-usecase-card__title">開発・プログラミング</p>
        <p class="tpg6-usecase-card__body">Zen 5 の多コア構成により、AMD モデルはマルチスレッドのビルド・コンパイルで優位。Intel モデルはシングル性能で上回る報告が多いです。</p>
        <p class="tpg6-usecase-card__verdict tpg6-verdict--amd">▲ AMD モデルがやや有利（マルチタスク）</p>
      </div>
      <div class="tpg6-usecase-card" role="listitem">
        <span class="tpg6-usecase-card__icon" aria-hidden="true">🤖</span>
        <p class="tpg6-usecase-card__title">AI・NPU 処理</p>
        <p class="tpg6-usecase-card__body">両モデルとも Copilot+ PC に対応。AMD は NPU 50 TOPS で Intel の 48 TOPS（Vシリーズ）とほぼ同水準。ローカル AI 推論では AMD がやや有利との報告があります。</p>
        <p class="tpg6-usecase-card__verdict tpg6-verdict--amd">▲ AMD モデルがわずかに有利</p>
      </div>
      <div class="tpg6-usecase-card" role="listitem">
        <span class="tpg6-usecase-card__icon" aria-hidden="true">🎬</span>
        <p class="tpg6-usecase-card__title">動画編集（軽作業）</p>
        <p class="tpg6-usecase-card__body">Radeon 860M（RDNA 3.5）は Intel Arc を内蔵 GPU 性能で上回るとされており、4K カット編集・書き出し速度で AMD モデルが有利とされています。</p>
        <p class="tpg6-usecase-card__verdict tpg6-verdict--amd">▲ AMD モデルが有利（GPU 性能差）</p>
      </div>
      <div class="tpg6-usecase-card" role="listitem">
        <span class="tpg6-usecase-card__icon" aria-hidden="true">🌐</span>
        <p class="tpg6-usecase-card__title">Web ブラウジング</p>
        <p class="tpg6-usecase-card__body">シングルコア性能の高い Intel モデルが Speedometer 等のブラウザベンチマークでわずかに上回る傾向。通常の閲覧では体感差はほぼありません。</p>
        <p class="tpg6-usecase-card__verdict tpg6-verdict--intel">▲ Intel モデルがわずかに有利（参考値）</p>
      </div>
      <div class="tpg6-usecase-card" role="listitem">
        <span class="tpg6-usecase-card__icon" aria-hidden="true">📶</span>
        <p class="tpg6-usecase-card__title">外出先・モバイル利用</p>
        <p class="tpg6-usecase-card__body">Arrow Lake-U の省電力設計により、Vシリーズ搭載モデルはCopilot+ PC対応。長時間外出が多い方には AMD モデルとの比較検討を推奨します。</p>
        <p class="tpg6-usecase-card__verdict tpg6-verdict--intel">▲ Intel モデルが有利（バッテリー持続）</p>
      </div>
    </div>

    <p class="tpg6-section-label" style="margin-bottom:24px;" aria-hidden="true">バッテリー駆動時間（参考値）</p>

    <div class="tpg6-battery-grid" role="list" aria-label="バッテリー駆動時間比較">
      <div class="tpg6-battery-card tpg6-battery-card--amd" role="listitem">
        <p class="tpg6-battery-card__brand">AMD モデル <span class="tpg6-ref-badge">参考値</span></p>
        <div class="tpg6-battery-stat">
          <span class="tpg6-battery-stat__num">最大 13</span>
          <span class="tpg6-battery-stat__unit">時間</span>
        </div>
        <p class="tpg6-battery-stat__label">Lenovo 公式スペック・海外レビュー参考（実環境では変動あり）</p>
        <div class="tpg6-battery-rows">
          <div class="tpg6-battery-row"><span>軽作業（Web・Office）</span><span>約 12〜13 時間</span></div>
          <div class="tpg6-battery-row"><span>動画再生</span><span>約 10〜11 時間</span></div>
          <div class="tpg6-battery-row"><span>開発・混在作業</span><span>約 7〜8 時間</span></div>
          <div class="tpg6-battery-row"><span>急速充電（0→80%）</span><span>約 1 時間</span></div>
        </div>
      </div>
      <div class="tpg6-battery-card tpg6-battery-card--intel" role="listitem">
        <p class="tpg6-battery-card__brand">Intel モデル <span class="tpg6-ref-badge">参考値</span></p>
        <div class="tpg6-battery-stat">
          <span class="tpg6-battery-stat__num">最大 18</span>
          <span class="tpg6-battery-stat__unit">時間</span>
        </div>
        <p class="tpg6-battery-stat__label">Lenovo 公式スペック・海外レビュー参考（実環境では変動あり）</p>
        <div class="tpg6-battery-rows">
          <div class="tpg6-battery-row"><span>軽作業（Web・Office）</span><span>約 16〜18 時間</span></div>
          <div class="tpg6-battery-row"><span>動画再生</span><span>約 12〜14 時間</span></div>
          <div class="tpg6-battery-row"><span>開発・混在作業</span><span>約 9〜11 時間</span></div>
          <div class="tpg6-battery-row"><span>急速充電（0→80%）</span><span>約 1 時間</span></div>
        </div>
      </div>
    </div>

    <div class="tpg6-price-note" role="note" aria-label="セクションまとめ">
      <span class="tpg6-price-note__icon" aria-hidden="true">💡</span>
      <p class="tpg6-price-note__text"><strong>計測結果まとめ：</strong> Cinebench R23 マルチコア — AMD <strong>12,378pt</strong> / Intel <strong>11,830pt</strong>（AMD が約 5% 上回る）。Cinebench R23 シングルコア — AMD <strong>1,951pt</strong> / Intel <strong>1,703pt</strong>（AMD が約 15% 上回る）。PassMark CPU Mark — AMD <strong>26,281pt</strong> / Intel <strong>17,912pt</strong>（AMD が約 47% 上回る）。※ AMD は実機計測値、Intel は PassMark 公式・nanoreview 参考値。</p>
    </div>
  </div>
</section>


<!-- ============================================================
     SECTION 4
============================================================ -->
<section class="tpg6-full tpg6-section tpg6-section--alt" id="tpg6-display" aria-labelledby="tpg6-s4-heading">
  <div class="tpg6-section__inner">
    <p class="tpg6-section-label" aria-hidden="true">SECTION 04 — DISPLAY / KEYBOARD / PORTABILITY</p>
    <h2 id="tpg6-s4-heading" class="tpg6-section-heading">ディスプレイ・キーボード・携帯性レビュー</h2>
    <p class="tpg6-lead">ThinkPad T14 Gen 6 AMD モデルに搭載される <strong>14インチ IPS パネル（1920×1200）</strong>は、ビジネス用途に最適化された実用重視の選択です。広視野角・高精細の「FlexView Display」として、長時間の作業でも疲れにくい表示品質を実現しています。</p>

    <div class="tpg6-disp-specgrid" role="list" aria-label="ディスプレイ仕様一覧">
      <div class="tpg6-disp-spec-card" role="listitem"><div class="tpg6-disp-spec-card__icon" aria-hidden="true">🖥️</div><p class="tpg6-disp-spec-card__label">パネルサイズ</p><p class="tpg6-disp-spec-card__val">14.0<span class="tpg6-disp-spec-card__unit">インチ</span></p><p class="tpg6-disp-spec-card__note">16:10 ワイドアスペクト比</p></div>
      <div class="tpg6-disp-spec-card" role="listitem"><div class="tpg6-disp-spec-card__icon" aria-hidden="true">🔍</div><p class="tpg6-disp-spec-card__label">解像度</p><p class="tpg6-disp-spec-card__val">1920<span class="tpg6-disp-spec-card__unit">×1200</span></p><p class="tpg6-disp-spec-card__note">WUXGA / 162 ppi</p></div>
      <div class="tpg6-disp-spec-card" role="listitem"><div class="tpg6-disp-spec-card__icon" aria-hidden="true">💡</div><p class="tpg6-disp-spec-card__label">輝度</p><p class="tpg6-disp-spec-card__val">400<span class="tpg6-disp-spec-card__unit">nit</span></p><p class="tpg6-disp-spec-card__note">屋外でも視認可能な明るさ</p></div>
      <div class="tpg6-disp-spec-card" role="listitem"><div class="tpg6-disp-spec-card__icon" aria-hidden="true">🎨</div><p class="tpg6-disp-spec-card__label">色域</p><p class="tpg6-disp-spec-card__val">100<span class="tpg6-disp-spec-card__unit">% sRGB</span></p><p class="tpg6-disp-spec-card__note">資料・写真の色表現に十分</p></div>
      <div class="tpg6-disp-spec-card" role="listitem"><div class="tpg6-disp-spec-card__icon" aria-hidden="true">👁️</div><p class="tpg6-disp-spec-card__label">パネル方式</p><p class="tpg6-disp-spec-card__val">IPS</p><p class="tpg6-disp-spec-card__note">広視野角 FlexView Display</p></div>
      <div class="tpg6-disp-spec-card" role="listitem"><div class="tpg6-disp-spec-card__icon" aria-hidden="true">✋</div><p class="tpg6-disp-spec-card__label">タッチ対応</p><p class="tpg6-disp-spec-card__val">非対応<span class="tpg6-disp-spec-card__unit">（ノングレア）</span></p><p class="tpg6-disp-spec-card__note">反射抑制・映り込みを低減</p></div>
      <div class="tpg6-disp-spec-card" role="listitem"><div class="tpg6-disp-spec-card__icon" aria-hidden="true">⚡</div><p class="tpg6-disp-spec-card__label">リフレッシュレート</p><p class="tpg6-disp-spec-card__val">60<span class="tpg6-disp-spec-card__unit">Hz</span></p><p class="tpg6-disp-spec-card__note">ビジネス用途に最適な標準値</p></div>
      <div class="tpg6-disp-spec-card" role="listitem"><div class="tpg6-disp-spec-card__icon" aria-hidden="true">🔵</div><p class="tpg6-disp-spec-card__label">ブルーライト低減</p><p class="tpg6-disp-spec-card__val">対応</p><p class="tpg6-disp-spec-card__note">TÜV Rheinland 認証取得</p></div>
    </div>

    <div class="tpg6-disp-review-grid">
      <div class="tpg6-disp-review-block tpg6-disp-review-block--good">
        <p class="tpg6-disp-review-block__title"><span aria-hidden="true">✅</span> このディスプレイが向いている用途</p>
        <ul class="tpg6-disp-review-list" role="list">
          <li>長時間のドキュメント作業・表計算</li>
          <li>Web 会議・プレゼン資料の作成</li>
          <li>複数ウィンドウを横並びにした効率作業（16:10 比率）</li>
          <li>屋内・屋外問わない明るい環境での使用（400nit）</li>
          <li>100% sRGB による正確な色表現が必要な資料作成</li>
        </ul>
      </div>
      <div class="tpg6-disp-review-block tpg6-disp-review-block--note">
        <p class="tpg6-disp-review-block__title"><span aria-hidden="true">⚠️</span> 留意しておきたい点</p>
        <ul class="tpg6-disp-review-list" role="list">
          <li>OLED・Mini LED と比べると黒の締まりは IPS 相応</li>
          <li>60Hz のため高フレームレートが必要なゲームには不向き</li>
          <li>タッチ非対応のため手書き入力や直感操作には別途デバイスが必要</li>
          <li>DCI-P3 カバー率は非公開（写真・映像の本格編集には外部モニター推奨）</li>
        </ul>
      </div>
    </div>

    <div class="tpg6-disp-ratio-banner" role="note" aria-label="16:10 比率の利点">
      <p class="tpg6-disp-ratio-banner__head">📐 16:10 比率がもたらす作業効率の向上</p>
      <p class="tpg6-disp-ratio-banner__body">従来の 16:9 比率（1920×1080）と比べて縦方向に約 11% 広く表示できます。スプレッドシートの行数・コードエディタの行数・PDF の表示領域が増え、スクロール回数が減少。テレワーク・資料作成が多いビジネスパーソンにとって実感できる恩恵です。</p>
    </div>

    <p class="tpg6-section-label" style="margin-top:48px;margin-bottom:24px;" aria-hidden="true">ディスプレイ バリエーション比較（公式ラインナップ）</p>
    <div class="tpg6-disp-variant-table" role="region" aria-label="ディスプレイバリエーション比較表">
      <table class="tpg6-dvt" aria-label="T14 Gen 6 ディスプレイ選択肢">
        <thead>
          <tr>
            <th scope="col" style="background-color:#e8f4fd !important;color:#0d2d4a !important;font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 16px;border-bottom:2px solid #1a5276;">パネル</th>
            <th scope="col" style="background-color:#e8f4fd !important;color:#0d2d4a !important;font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 16px;border-bottom:2px solid #1a5276;">解像度</th>
            <th scope="col" style="background-color:#e8f4fd !important;color:#0d2d4a !important;font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 16px;border-bottom:2px solid #1a5276;">輝度</th>
            <th scope="col" style="background-color:#e8f4fd !important;color:#0d2d4a !important;font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 16px;border-bottom:2px solid #1a5276;">色域</th>
            <th scope="col" style="background-color:#e8f4fd !important;color:#0d2d4a !important;font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;padding:12px 16px;border-bottom:2px solid #1a5276;">特徴</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td style="background-color:#0d2d4a;color:#00b4ff;"><strong>IPS（本機）</strong></td>
            <td>1920×1200</td>
            <td>400 nit</td>
            <td>100% sRGB</td>
            <td>ノングレア・広視野角・コスパ最良</td>
          </tr>
          <tr>
            <td>IPS 低消費電力</td>
            <td>1920×1200</td>
            <td>300 nit</td>
            <td>—</td>
            <td>バッテリー重視モデル向け</td>
          </tr>
          <tr>
            <td>IPS タッチ</td>
            <td>1920×1200</td>
            <td>400 nit</td>
            <td>100% sRGB</td>
            <td>タッチ操作対応・グレアあり</td>
          </tr>
          <tr>
            <td>OLED（2.8K）</td>
            <td>2880×1800</td>
            <td>400 nit</td>
            <td>100% DCI-P3</td>
            <td>最高画質・有機ELの深い黒・上位構成</td>
          </tr>
        </tbody>
      </table>
    </div>

    <p class="tpg6-section-label" id="tpg6-keyboard" style="margin-top:56px;margin-bottom:24px;" aria-hidden="true">キーボード・入力デバイス</p>
    <div class="tpg6-kb-grid" role="list" aria-label="キーボード仕様">
      <div class="tpg6-kb-card" role="listitem"><p class="tpg6-kb-card__icon" aria-hidden="true">⌨️</p><p class="tpg6-kb-card__label">キーストローク</p><p class="tpg6-kb-card__val">1.5<span class="tpg6-kb-card__unit">mm</span></p><p class="tpg6-kb-card__note">ThinkPad 伝統の深めのストローク</p></div>
      <div class="tpg6-kb-card" role="listitem"><p class="tpg6-kb-card__icon" aria-hidden="true">💡</p><p class="tpg6-kb-card__label">バックライト</p><p class="tpg6-kb-card__val">2段階</p><p class="tpg6-kb-card__note">暗所・夜間作業に対応</p></div>
      <div class="tpg6-kb-card" role="listitem"><p class="tpg6-kb-card__icon" aria-hidden="true">🔴</p><p class="tpg6-kb-card__label">TrackPoint</p><p class="tpg6-kb-card__val">搭載</p><p class="tpg6-kb-card__note">ホームポジションを崩さず操作</p></div>
      <div class="tpg6-kb-card" role="listitem"><p class="tpg6-kb-card__icon" aria-hidden="true">🖱️</p><p class="tpg6-kb-card__label">トラックパッド</p><p class="tpg6-kb-card__val">大型・ガラス製</p><p class="tpg6-kb-card__note">精度の高いマルチジェスチャー対応</p></div>
      <div class="tpg6-kb-card" role="listitem"><p class="tpg6-kb-card__icon" aria-hidden="true">🔒</p><p class="tpg6-kb-card__label">指紋センサー</p><p class="tpg6-kb-card__val">搭載</p><p class="tpg6-kb-card__note">電源ボタン一体型・即時ログイン</p></div>
      <div class="tpg6-kb-card" role="listitem"><p class="tpg6-kb-card__icon" aria-hidden="true">🔄</p><p class="tpg6-kb-card__label">キーボード交換</p><p class="tpg6-kb-card__val">ユーザー交換可</p><p class="tpg6-kb-card__note">液体をこぼしても自己修理が可能</p></div>
    </div>

    <div class="tpg6-disp-ratio-banner" style="margin-bottom:48px;" role="note">
      <p class="tpg6-disp-ratio-banner__head">⌨️ ThinkPad キーボードが支持される理由</p>
      <p class="tpg6-disp-ratio-banner__body">ThinkPad のキーボードは長年にわたりビジネスパーソンから高い評価を受けています。キーストローク 1.5mm・適度なクリック感・スピルプルーフ（防滴）設計により、長時間のタイピングでも疲れにくい設計です。中央の赤い「TrackPoint」はマウスなしで精密なカーソル操作ができ、ホームポジションを維持したまま作業を続けられます。</p>
    </div>

    <p class="tpg6-section-label" id="tpg6-portability" style="margin-bottom:24px;" aria-hidden="true">携帯性・ボディスペック</p>
    <div class="tpg6-port-grid" role="list" aria-label="携帯性スペック">
      <div class="tpg6-port-stat" role="listitem"><p class="tpg6-port-stat__label">重量</p><p class="tpg6-port-stat__val">1.38<span class="tpg6-port-stat__unit">kg〜</span></p><p class="tpg6-port-stat__note">14インチクラスとして軽量</p></div>
      <div class="tpg6-port-stat" role="listitem"><p class="tpg6-port-stat__label">厚さ</p><p class="tpg6-port-stat__val">最大21.8<span class="tpg6-port-stat__unit">mm</span></p><p class="tpg6-port-stat__note">スリムなプロファイル</p></div>
      <div class="tpg6-port-stat" role="listitem"><p class="tpg6-port-stat__label">フットプリント</p><p class="tpg6-port-stat__val">315.9<span class="tpg6-port-stat__unit">×223.7mm</span></p><p class="tpg6-port-stat__note">A4 用紙とほぼ同サイズ</p></div>
      <div class="tpg6-port-stat" role="listitem"><p class="tpg6-port-stat__label">バッテリー容量</p><p class="tpg6-port-stat__val">52.5<span class="tpg6-port-stat__unit">Wh</span></p><p class="tpg6-port-stat__note">長時間バッテリーオプションあり（57Wh）</p></div>
      <div class="tpg6-port-stat" role="listitem"><p class="tpg6-port-stat__label">急速充電</p><p class="tpg6-port-stat__val">80%<span class="tpg6-port-stat__unit">/ 1h</span></p><p class="tpg6-port-stat__note">Rapid Charge 対応</p></div>
      <div class="tpg6-port-stat" role="listitem"><p class="tpg6-port-stat__label">素材・耐久性</p><p class="tpg6-port-stat__val">PC+CF</p><p class="tpg6-port-stat__note">MIL-STD-810H 準拠 12 項目クリア</p></div>
    </div>

    <div class="tpg6-disp-ratio-banner" style="margin-bottom:48px;" role="note">
      <p class="tpg6-disp-ratio-banner__head">🛡️ MIL-STD-810H 準拠の堅牢性</p>
      <p class="tpg6-disp-ratio-banner__body">米国国防総省規格「MIL-STD-810H」に基づく 12 項目の試験（落下・振動・温度変化・湿度・砂塵など）をクリア。出張・移動の多いビジネスパーソンが日常的に持ち歩いても壊れにくい耐久性を備えています。</p>
    </div>

    <p class="tpg6-section-label" style="margin-bottom:24px;" aria-hidden="true">ポート・接続性</p>
    <div class="tpg6-port-io-grid" role="list" aria-label="ポート構成">
      <div class="tpg6-port-io-item" role="listitem"><span class="tpg6-port-io-item__icon" aria-hidden="true">⚡</span><div><p class="tpg6-port-io-item__name">USB4 / Thunderbolt 4</p><p class="tpg6-port-io-item__desc">×2（左側面）40Gbps・PD充電・映像出力対応</p></div></div>
      <div class="tpg6-port-io-item" role="listitem"><span class="tpg6-port-io-item__icon" aria-hidden="true">🔌</span><div><p class="tpg6-port-io-item__name">USB-A 3.2 Gen1</p><p class="tpg6-port-io-item__desc">×2（左右各1）5Gbps・従来機器との互換性確保</p></div></div>
      <div class="tpg6-port-io-item" role="listitem"><span class="tpg6-port-io-item__icon" aria-hidden="true">🖥️</span><div><p class="tpg6-port-io-item__name">HDMI 2.1</p><p class="tpg6-port-io-item__desc">×1（右側面）4K 60Hz 出力対応</p></div></div>
      <div class="tpg6-port-io-item" role="listitem"><span class="tpg6-port-io-item__icon" aria-hidden="true">🌐</span><div><p class="tpg6-port-io-item__name">有線 LAN（RJ-45）</p><p class="tpg6-port-io-item__desc">×1 Gigabit Ethernet・安定したテレワーク環境に</p></div></div>
      <div class="tpg6-port-io-item" role="listitem"><span class="tpg6-port-io-item__icon" aria-hidden="true">🎧</span><div><p class="tpg6-port-io-item__name">3.5mm オーディオ</p><p class="tpg6-port-io-item__desc">×1（左側面）マイク・ヘッドホン共用</p></div></div>
      <div class="tpg6-port-io-item" role="listitem"><span class="tpg6-port-io-item__icon" aria-hidden="true">📶</span><div><p class="tpg6-port-io-item__name">Wi-Fi 6E / Bluetooth 5.3</p><p class="tpg6-port-io-item__desc">最新無線規格・6GHz 帯対応で高速安定通信</p></div></div>
    </div>
  </div>
</section>


<!-- ============================================================
     SECTION 5
============================================================ -->
<section class="tpg6-full tpg6-section" id="tpg6-select" aria-labelledby="tpg6-s5-heading">
  <div class="tpg6-section__inner">
    <p class="tpg6-section-label" aria-hidden="true">SECTION 05 — HOW TO CHOOSE</p>
    <h2 id="tpg6-s5-heading" class="tpg6-section-heading">どちらを選ぶべきか｜用途別 購入判断ガイド</h2>
    <p class="tpg6-lead">スペック表やベンチマーク数値だけでは判断しにくい「自分にはどちらが合うのか」を、用途・ライフスタイル・予算の観点から整理しました。ThinkPad T14 Gen 6 の AMD モデル・Intel モデルはどちらも高い完成度を持つため、<strong>使い方の違い</strong>で選ぶのが正解です。</p>

    <div class="tpg6-sel-grid" role="list" aria-label="AMD・Intel 選択ガイド">
      <div class="tpg6-sel-card tpg6-sel-card--amd" role="listitem" aria-label="AMD モデルが向いている人">
        <div class="tpg6-sel-card__header">
          <span class="tpg6-sel-card__badge tpg6-sel-card__badge--amd">AMD モデル</span>
          <p class="tpg6-sel-card__title">こんな人に おすすめ</p>
          <p class="tpg6-sel-card__cpu">Ryzen AI 7 PRO 350 / Radeon 860M</p>
        </div>
        <ul class="tpg6-sel-list" role="list">
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">🎬</span><div><strong>動画編集・画像処理をよくする人</strong><p>Radeon 860M（RDNA 3.5）の GPU 性能が Intel Arc を上回り、4K 動画のカット編集・書き出しが快適</p></div></li>
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">💻</span><div><strong>マルチタスク・重い作業が多い人</strong><p>PassMark CPU Mark 26,281pt（世界72パーセンタイル）の高いマルチコア性能で、複数アプリの並行作業も快適</p></div></li>
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">🤖</span><div><strong>AI 機能・NPU を積極活用したい人</strong><p>Ryzen AI 300 シリーズの NPU（50 TOPS）は現行最高水準。AI アシスト機能の恩恵を最大限に受けられる</p></div></li>
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">🔧</span><div><strong>自分でメモリ・SSD を増設・交換したい人</strong><p>AMD モデルはメモリスロットあり（最大 64GB）・SSD 交換可能。長期使用・コスト管理しやすい</p></div></li>
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">💰</span><div><strong>コストパフォーマンスを重視する人</strong><p>同等構成で Intel モデルより価格が抑えられるケースが多く、性能・価格のバランスが優秀</p></div></li>
        </ul>
      </div>
      <div class="tpg6-sel-card tpg6-sel-card--intel" role="listitem" aria-label="Intelモデルが向いている人">
        <div class="tpg6-sel-card__header">
          <span class="tpg6-sel-card__badge tpg6-sel-card__badge--intel">Intel モデル</span>
          <p class="tpg6-sel-card__title">こんな人に おすすめ</p>
          <p class="tpg6-sel-card__cpu">Core Ultra 7 265U / Arc Graphics</p>
        </div>
        <ul class="tpg6-sel-list" role="list">
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">🔋</span><div><strong>バッテリー駆動時間を最優先する人</strong><p>Arrow Lake-U アーキテクチャは電力効率が高く、ビジネス用途での実駆動時間が長い傾向。外出先での使用が多い人に有利</p></div></li>
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">🖥️</span><div><strong>外部ディスプレイ・マルチモニター環境の人</strong><p>Thunderbolt 4 × 2 による映像出力・高速データ転送が強み。デスクドック運用でも安定</p></div></li>
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">🏢</span><div><strong>法人・企業 IT 管理環境で使う人</strong><p>Intel vPro 対応モデルがあり、企業のリモート管理・セキュリティポリシーへの適合がしやすい</p></div></li>
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">❄️</span><div><strong>静音・低発熱で使いたい人</strong><p>15W TDP の省電力設計により、負荷の低い作業時はファンが静かで発熱も少ない。カフェ・会議室での使用に向く</p></div></li>
          <li class="tpg6-sel-list__item"><span class="tpg6-sel-list__icon" aria-hidden="true">🔗</span><div><strong>Intel エコシステムとの連携が必要な人</strong><p>Intel Evo 認定・既存の Intel ベース社内システムや周辺機器との相性を重視するケース</p></div></li>
        </ul>
      </div>
    </div>

    <p class="tpg6-section-label" style="margin-top:52px;margin-bottom:24px;" aria-hidden="true">迷ったときの 簡易チェック</p>
    <div class="tpg6-sel-check-grid" role="list" aria-label="選択チェック項目">
      <div class="tpg6-sel-check" role="listitem"><p class="tpg6-sel-check__q">動画編集・AI 作業が多い？</p><p class="tpg6-sel-check__a tpg6-sel-check__a--amd">→ AMD モデル</p></div>
      <div class="tpg6-sel-check" role="listitem"><p class="tpg6-sel-check__q">1 日中外出先でバッテリーで使う？</p><p class="tpg6-sel-check__a tpg6-sel-check__a--intel">→ Intel モデル</p></div>
      <div class="tpg6-sel-check" role="listitem"><p class="tpg6-sel-check__q">将来メモリ増設・SSD 交換したい？</p><p class="tpg6-sel-check__a tpg6-sel-check__a--amd">→ AMD モデル</p></div>
      <div class="tpg6-sel-check" role="listitem"><p class="tpg6-sel-check__q">法人管理・vPro が必要？</p><p class="tpg6-sel-check__a tpg6-sel-check__a--intel">→ Intel モデル</p></div>
      <div class="tpg6-sel-check" role="listitem"><p class="tpg6-sel-check__q">コスパ重視・同スペックで安く？</p><p class="tpg6-sel-check__a tpg6-sel-check__a--amd">→ AMD モデル</p></div>
      <div class="tpg6-sel-check" role="listitem"><p class="tpg6-sel-check__q">静音・低発熱を最優先？</p><p class="tpg6-sel-check__a tpg6-sel-check__a--intel">→ Intel モデル</p></div>
    </div>

    <div class="tpg6-sel-conclusion" role="note" aria-label="選択の結論">
      <p class="tpg6-sel-conclusion__head">💡 迷ったら AMD モデルを選ぶのが無難</p>
      <p class="tpg6-sel-conclusion__body">ベンチマーク性能・GPU 性能・アップグレード性のいずれも AMD モデルが上回っており、汎用性が高い選択です。Intel モデルはバッテリー重視・法人管理・静音性など特定のニーズに応える選択肢として最適です。どちらも ThinkPad の堅牢性・キーボード品質・サポート体制は共通して高水準であり、外れのない選択と言えます。</p>
    </div>
  </div>
</section>


<!-- ============================================================
     SECTION 6
============================================================ -->
<section class="tpg6-full tpg6-section tpg6-section--alt" id="tpg6-buy" aria-labelledby="tpg6-s6-heading">
  <div class="tpg6-section__inner">
    <p class="tpg6-section-label" aria-hidden="true">SECTION 06 — BUYING GUIDE</p>
    <h2 id="tpg6-s6-heading" class="tpg6-section-heading">購入ガイド｜おすすめ構成と最安値の探し方</h2>
    <p class="tpg6-lead">ThinkPad T14 Gen 6 は構成バリエーションが豊富なため、用途に合った選び方が重要です。メモリ・ストレージの組み合わせと購入チャネルを整理しました。</p>

    <p class="tpg6-section-label" style="margin-bottom:24px;" aria-hidden="true">おすすめ構成 3パターン（AMD モデル）</p>
    <div class="tpg6-buy-config-grid" role="list" aria-label="おすすめ構成">
      <div class="tpg6-buy-config-card" role="listitem">
        <p class="tpg6-buy-config-card__tag">🔰 基礎構成</p>
        <p class="tpg6-buy-config-card__title">日常業務・テレワーク</p>
        <ul class="tpg6-buy-config-card__list"><li>Ryzen AI 7 PRO 350</li><li>メモリ 16GB</li><li>SSD 256GB</li><li>FHD（1920×1200）IPS</li></ul>
        <p class="tpg6-buy-config-card__note">ドキュメント作業・Web 会議・メールが中心の人に。後からメモリ増設も可能。</p>
      </div>
      <div class="tpg6-buy-config-card tpg6-buy-config-card--recommend" role="listitem">
        <p class="tpg6-buy-config-card__tag">⭐ 最もおすすめ</p>
        <p class="tpg6-buy-config-card__title">マルチタスク・長期使用</p>
        <ul class="tpg6-buy-config-card__list"><li>Ryzen AI 7 PRO 350</li><li>メモリ 32GB</li><li>SSD 512GB〜1TB</li><li>FHD（1920×1200）IPS</li></ul>
        <p class="tpg6-buy-config-card__note">本レビュー実機と同等構成。複数アプリの並行作業・5年以上の使用を想定する人に最適。</p>
      </div>
      <div class="tpg6-buy-config-card" role="listitem">
        <p class="tpg6-buy-config-card__tag">🎬 クリエイター向け</p>
        <p class="tpg6-buy-config-card__title">動画編集・高解像度表示</p>
        <ul class="tpg6-buy-config-card__list"><li>Ryzen AI 9 PRO 375</li><li>メモリ 32GB〜64GB</li><li>SSD 1TB〜2TB</li><li>2.8K OLED（2880×1800）</li></ul>
        <p class="tpg6-buy-config-card__note">高解像度 OLED と最上位 CPU の組み合わせ。写真・動画編集をメインに使う人向け。</p>
      </div>
    </div>

    <p class="tpg6-section-label" style="margin-top:48px;margin-bottom:24px;" aria-hidden="true">購入チャネル比較</p>
    <div class="tpg6-buy-channel-grid" role="list" aria-label="購入チャネル比較">
      <div class="tpg6-buy-channel-card" role="listitem">
        <p class="tpg6-buy-channel-card__name">🏭 Lenovo 公式サイト</p>
        <p class="tpg6-buy-channel-card__merit">✅ カスタマイズ構成可・法人見積り対応</p>
        <p class="tpg6-buy-channel-card__demerit">⚠️ 定価購入になりやすい・納期がかかる場合あり</p>
        <p class="tpg6-buy-channel-card__best">法人購入・特定構成を注文したい人向け</p>
      </div>
      <div class="tpg6-buy-channel-card tpg6-buy-channel-card--highlight" role="listitem">
        <p class="tpg6-buy-channel-card__name">🛒 楽天市場（Lenovo 公式店）</p>
        <p class="tpg6-buy-channel-card__merit">✅ ポイント還元・セール時に大幅割引</p>
        <p class="tpg6-buy-channel-card__demerit">⚠️ 在庫・構成が限定されることがある</p>
        <p class="tpg6-buy-channel-card__best">ポイント活用・コスパ重視の個人購入に最適</p>
      </div>
      <div class="tpg6-buy-channel-card" role="listitem">
        <p class="tpg6-buy-channel-card__name">📦 Amazon</p>
        <p class="tpg6-buy-channel-card__merit">✅ 即日〜翌日配送・プライム会員特典</p>
        <p class="tpg6-buy-channel-card__demerit">⚠️ 構成バリエーションが少ない場合あり</p>
        <p class="tpg6-buy-channel-card__best">急ぎの購入・プライム会員の人向け</p>
      </div>
    </div>

    <div class="tpg6-disp-ratio-banner" style="margin-top:8px;margin-bottom:48px;" role="note">
      <p class="tpg6-disp-ratio-banner__head">💰 最安値を狙うタイミング</p>
      <p class="tpg6-disp-ratio-banner__body">Lenovo は<strong>セール頻度が高く</strong>、楽天スーパーセール・お買い物マラソン期間中はポイント還元と割引が重なり実質価格が大きく下がります。年度末（2〜3月）・夏（7〜8月）のセール時期が狙い目です。</p>
    </div>

    <p class="tpg6-section-label" style="margin-bottom:24px;" aria-hidden="true">公式・各ショップで最新価格を確認する</p>
    <div class="tpg6-buy-links-grid" role="list" aria-label="購入リンク">
      <div class="tpg6-buy-link-card" role="listitem">
        <p class="tpg6-buy-link-card__shop">🏭 Lenovo 公式サイト</p>
        <p class="tpg6-buy-link-card__desc">カスタマイズ注文・法人見積り対応</p>
        <a rel="nofollow sponsored noopener" href="//ck.jp.ap.valuecommerce.com/servlet/referral?sid=3758750&#038;pid=892551746&#038;vc_url=https%3A%2F%2Fwww.lenovo.com%2Fjp%2Fja%2Fp%2Flaptops%2Fthinkpad%2Fthinkpad-t-series%2Fthinkpad-t14-gen-6-14-inch-amd%2Flen101t0116%3Fcid%3Djp%3Aaffiliate%3Adsry7f" target="_blank" class="tpg6-buy-link-card__btn tpg6-buy-link-card__btn--lenovo" aria-label="Lenovo公式サイトでThinkPad T14 Gen 6の価格を確認する（新しいタブで開く）">
          公式サイトで価格を見る
          <img loading="lazy" decoding="async" src="//ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=3758750&#038;pid=892551746" width="1" height="1" alt="" style="display:none;" aria-hidden="true">
        </a>
      </div>
      <div class="tpg6-buy-link-card" role="listitem">
        <p class="tpg6-buy-link-card__shop">🛒 楽天市場</p>
        <p class="tpg6-buy-link-card__desc">ポイント還元・セール割引でお得に購入</p>
        <a rel="nofollow sponsored noopener" href="https://hb.afl.rakuten.co.jp/ichiba/513a53de.9c654ec1.513a53df.59e23dac/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Flenovopc%2F21qj00cvjp%2F&#038;link_type=picttext&#038;ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJwaWN0dGV4dCIsInNpemUiOiIyNDB4MjQwIiwibmFtIjoxLCJuYW1wIjoicmlnaHQiLCJjb20iOjEsImNvbXAiOiJkb3duIiwicHJpY2UiOjEsImJvciI6MSwiY29sIjoxLCJiYnRuIjoxLCJwcm9kIjowLCJhbXAiOmZhbHNlfQ%3D%3D" target="_blank" class="tpg6-buy-link-card__btn tpg6-buy-link-card__btn--rakuten" aria-label="楽天市場でThinkPad T14 Gen 6の価格を確認する（新しいタブで開く）">
          楽天市場で価格を見る
        </a>
      </div>
    </div>

    <figure class="tpg6-img-figure" style="margin-top:48px;">
      <img src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Flat-lay-top-down-photo-of-a-ThinkPad-T14-Gen-6.jpg"
           alt="ThinkPad T14 Gen 6 を開いた状態の俯瞰フラットレイ — ダークネイビーのデスク上にビジネス小物と配置"
           width="1200" height="800"
           loading="lazy" decoding="async"
           class="tpg6-img-figure__img"
           onerror="this.style.display='none'">
      <figcaption class="tpg6-img-figure__caption">ThinkPad T14 Gen 6 を開いた状態で俯瞰。ビジネス・テレワークシーンにも自然に馴染む薄型デザイン。</figcaption>
    </figure>
  </div>
</section>


<!-- ============================================================
     SECTION 7: FAQ
============================================================ -->
<section class="tpg6-full tpg6-section" id="tpg6-faq" aria-labelledby="tpg6-s7-heading">
  <div class="tpg6-section__inner">
    <p class="tpg6-section-label" aria-hidden="true">SECTION 07 — FAQ</p>
    <h2 id="tpg6-s7-heading" class="tpg6-section-heading">よくある質問</h2>
    <p class="tpg6-lead">ThinkPad T14 Gen 6 について寄せられる質問をまとめました。AMD・Intel モデルの選び方から実用的な疑問まで解説します。</p>

    <div class="tpg6-faq-list" role="list" aria-label="よくある質問一覧">

      <div class="tpg6-faq-item" role="listitem">
        <button class="tpg6-faq-item__q" type="button" aria-expanded="false" aria-controls="tpg6-faq-a1" id="tpg6-faq-q1">
          <span class="tpg6-faq-item__q-label" aria-hidden="true">Q</span>
          <span class="tpg6-faq-item__q-text">ThinkPad T14 Gen 6 の AMD モデルと Intel モデル、どちらを選べばいいですか？</span>
        </button>
        <div class="tpg6-faq-item__a" id="tpg6-faq-a1" role="region" aria-labelledby="tpg6-faq-q1">
          <span class="tpg6-faq-item__a-label" aria-hidden="true">A</span>
          <p>動画編集・AI 機能・マルチタスクを重視するなら <strong>AMD モデル</strong>、バッテリー駆動時間・法人管理（vPro）・静音性を最優先するなら <strong>Intel モデル</strong>が向いています。汎用性の高さではベンチマーク性能とコストパフォーマンスに優れる AMD モデルが無難な選択です。</p>
        </div>
      </div>

      <div class="tpg6-faq-item" role="listitem">
        <button class="tpg6-faq-item__q" type="button" aria-expanded="false" aria-controls="tpg6-faq-a2" id="tpg6-faq-q2">
          <span class="tpg6-faq-item__q-label" aria-hidden="true">Q</span>
          <span class="tpg6-faq-item__q-text">メモリ・SSD は後から増設・交換できますか？</span>
        </button>
        <div class="tpg6-faq-item__a" id="tpg6-faq-a2" role="region" aria-labelledby="tpg6-faq-q2">
          <span class="tpg6-faq-item__a-label" aria-hidden="true">A</span>
          <p><strong>AMD モデルはメモリスロットあり（最大 64GB）・SSD 交換対応</strong>のため、購入後の増設が可能です。一方 Intel モデルはメモリがオンボード固定のため後から変更できません。長期使用・コスト管理を重視する場合は AMD モデルの優位点になります。</p>
        </div>
      </div>

      <div class="tpg6-faq-item" role="listitem">
        <button class="tpg6-faq-item__q" type="button" aria-expanded="false" aria-controls="tpg6-faq-a3" id="tpg6-faq-q3">
          <span class="tpg6-faq-item__q-label" aria-hidden="true">Q</span>
          <span class="tpg6-faq-item__q-text">ThinkPad T14 Gen 6 のバッテリー駆動時間はどのくらいですか？</span>
        </button>
        <div class="tpg6-faq-item__a" id="tpg6-faq-a3" role="region" aria-labelledby="tpg6-faq-q3">
          <span class="tpg6-faq-item__a-label" aria-hidden="true">A</span>
          <p>Lenovo 公称値では最大約 <strong>25.7 時間（AMD モデル・57Wh バッテリー構成・JEITA計測）</strong>とされています。実使用（輝度 50%・Wi-Fi 接続・文書作業）では 10〜14 時間程度が目安です。急速充電（Rapid Charge）に対応しており、約 1 時間で 80% まで充電可能です。</p>
        </div>
      </div>

      <div class="tpg6-faq-item" role="listitem">
        <button class="tpg6-faq-item__q" type="button" aria-expanded="false" aria-controls="tpg6-faq-a4" id="tpg6-faq-q4">
          <span class="tpg6-faq-item__q-label" aria-hidden="true">Q</span>
          <span class="tpg6-faq-item__q-text">ThinkPad T14 Gen 5 からの買い替えは価値がありますか？</span>
        </button>
        <div class="tpg6-faq-item__a" id="tpg6-faq-a4" role="region" aria-labelledby="tpg6-faq-q4">
          <span class="tpg6-faq-item__a-label" aria-hidden="true">A</span>
          <p>Gen 5（Ryzen 7 PRO 7840U）と比較すると、CPU 性能は約 15〜20% 向上、NPU が新たに搭載（50 TOPS）され Copilot+ PC 対応になりました。GPU 性能（Radeon 860M）も向上しており、<strong>AI 機能の活用・長期使用を見据えるなら買い替えの価値は十分</strong>あります。現行の Gen 5 に不満がない場合は Gen 7 を待つ選択肢もあります。</p>
        </div>
      </div>

      <div class="tpg6-faq-item" role="listitem">
        <button class="tpg6-faq-item__q" type="button" aria-expanded="false" aria-controls="tpg6-faq-a5" id="tpg6-faq-q5">
          <span class="tpg6-faq-item__q-label" aria-hidden="true">Q</span>
          <span class="tpg6-faq-item__q-text">ThinkPad T14 Gen 6 はゲームに使えますか？</span>
        </button>
        <div class="tpg6-faq-item__a" id="tpg6-faq-a5" role="region" aria-labelledby="tpg6-faq-q5">
          <span class="tpg6-faq-item__a-label" aria-hidden="true">A</span>
          <p>Radeon 860M（RDNA 3.5）を搭載しており、軽量ゲームや低〜中設定のタイトルであれば動作可能です。ただし <strong>本機はビジネス向け設計</strong>のため、高フレームレートや高画質設定が必要な本格ゲームには専用 GPU 搭載のゲーミングノートが適しています。</p>
        </div>
      </div>

    </div>
  </div>
</section>

<script>
(function () {
  function initFaq() {
    var items = document.querySelectorAll('.tpg6-faq-item');
    items.forEach(function (item) {
      var btn = item.querySelector('.tpg6-faq-item__q');
      var ans = item.querySelector('.tpg6-faq-item__a');
      if (!btn || !ans || btn.dataset.tpg6Init) return;
      btn.dataset.tpg6Init = '1';
      btn.addEventListener('click', function () {
        var isOpen = ans.classList.contains('tpg6-faq-open');
        if (isOpen) {
          ans.classList.remove('tpg6-faq-open');
          btn.setAttribute('aria-expanded', 'false');
        } else {
          ans.classList.add('tpg6-faq-open');
          btn.setAttribute('aria-expanded', 'true');
        }
      });
    });
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initFaq);
  } else {
    initFaq();
  }
  setTimeout(initFaq, 300);
  setTimeout(initFaq, 1000);
}());
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {"@type":"Question","name":"ThinkPad T14 Gen 6 の AMD モデルと Intel モデル、どちらを選べばいいですか？","acceptedAnswer":{"@type":"Answer","text":"動画編集・AI 機能・マルチタスクを重視するなら AMD モデル、バッテリー駆動時間・法人管理（vPro）・静音性を最優先するなら Intel モデルが向いています。汎用性の高さではベンチマーク性能とコストパフォーマンスに優れる AMD モデルが無難な選択です。"}},
    {"@type":"Question","name":"メモリ・SSD は後から増設・交換できますか？","acceptedAnswer":{"@type":"Answer","text":"AMD モデルはメモリスロットあり（最大 64GB）・SSD 交換対応のため、購入後の増設が可能です。一方 Intel モデルはメモリがオンボード固定のため後から変更できません。"}},
    {"@type":"Question","name":"ThinkPad T14 Gen 6 のバッテリー駆動時間はどのくらいですか？","acceptedAnswer":{"@type":"Answer","text":"Lenovo 公称値では最大約 25.7 時間（AMD モデル・57Wh バッテリー構成・JEITA計測）。実使用では 10〜14 時間程度が目安です。"}},
    {"@type":"Question","name":"ThinkPad T14 Gen 5 からの買い替えは価値がありますか？","acceptedAnswer":{"@type":"Answer","text":"CPU 性能は約 15〜20% 向上、NPU が新たに搭載（50 TOPS）され Copilot+ PC 対応になりました。AI 機能の活用・長期使用を見据えるなら買い替えの価値は十分あります。"}},
    {"@type":"Question","name":"ThinkPad T14 Gen 6 はゲームに使えますか？","acceptedAnswer":{"@type":"Answer","text":"Radeon 860M（RDNA 3.5）搭載で軽量ゲームは動作可能ですが、本機はビジネス向け設計のため高フレームレートが必要な本格ゲームには専用 GPU 搭載のゲーミングノートが適しています。"}}
  ]
}
</script>


<!-- ============================================================
     SECTION 8: まとめ
============================================================ -->
<section class="tpg6-full tpg6-section tpg6-section--alt" id="tpg6-summary" aria-labelledby="tpg6-s8-heading">
  <div class="tpg6-section__inner">
    <p class="tpg6-section-label" aria-hidden="true">SECTION 08 — CONCLUSION</p>
    <h2 id="tpg6-s8-heading" class="tpg6-section-heading">まとめ</h2>
    <p class="tpg6-lead">ThinkPad T14 Gen 6 は、ビジネスノートとしての完成度をさらに高めた一台です。実機レビューを通じて見えてきたポイントを整理します。</p>

    <div class="tpg6-summary-verdict" role="region" aria-label="総合評価">
      <div class="tpg6-summary-verdict__inner">
        <p class="tpg6-summary-verdict__label" aria-hidden="true">OVERALL VERDICT</p>
        <p class="tpg6-summary-verdict__title">ビジネス用途に迷ったらこの一台</p>
        <p class="tpg6-summary-verdict__body">PassMark CPU Mark <strong>26,281pt</strong>（世界72パーセンタイル）の高いパフォーマンス、MIL-STD-810H 準拠の堅牢なボディ、ThinkPad 伝統の打ちやすいキーボード——これらを 1.38 kg〜の薄型筐体に凝縮したのが T14 Gen 6 AMD モデルです。Copilot+ PC 対応の NPU（50 TOPS）により、AI 機能の恩恵を長期にわたって受け続けられる将来性も大きな魅力です。</p>
      </div>
      <div class="tpg6-summary-stars" aria-label="総合評価 5点中5点">
        <span class="tpg6-summary-stars__star tpg6-summary-stars__star--full" aria-hidden="true">★</span>
        <span class="tpg6-summary-stars__star tpg6-summary-stars__star--full" aria-hidden="true">★</span>
        <span class="tpg6-summary-stars__star tpg6-summary-stars__star--full" aria-hidden="true">★</span>
        <span class="tpg6-summary-stars__star tpg6-summary-stars__star--full" aria-hidden="true">★</span>
        <span class="tpg6-summary-stars__star tpg6-summary-stars__star--full" aria-hidden="true">★</span>
        <p class="tpg6-summary-stars__score">5.0 <span>/ 5.0</span></p>
      </div>
    </div>

    <div class="tpg6-summary-pros-cons" role="region" aria-label="良い点と気になる点">
      <div class="tpg6-summary-col tpg6-summary-col--pros">
        <p class="tpg6-summary-col__title"><span aria-hidden="true">👍</span> 良い点</p>
        <ul class="tpg6-summary-col__list" role="list">
          <li>PassMark・Cinebench ともに Intel モデルを上回る CPU 性能</li>
          <li>Radeon 860M の GPU 性能で軽い動画編集・AI 処理に対応</li>
          <li>メモリ増設（最大 64GB）・SSD 交換対応で長期運用しやすい</li>
          <li>MIL-STD-810H 準拠の高い堅牢性と 1.38 kg〜の軽量ボディ</li>
          <li>ThinkPad 伝統のキーボード品質と TrackPoint が健在</li>
          <li>USB4・HDMI 2.1・有線 LAN を備えた充実のポート構成</li>
        </ul>
      </div>
      <div class="tpg6-summary-col tpg6-summary-col--cons">
        <p class="tpg6-summary-col__title"><span aria-hidden="true">👎</span> 気になる点</p>
        <ul class="tpg6-summary-col__list" role="list">
          <li>ディスプレイは 60Hz IPS どまり（OLED 選択は上位構成のみ）</li>
          <li>ゲーミングノートと比べると GPU 性能は控えめ</li>
          <li>公称バッテリー時間と実使用時間に差が出やすい</li>
          <li>カスタマイズ構成は Lenovo 公式のみで納期がかかる場合あり</li>
        </ul>
      </div>
    </div>

    <div class="tpg6-summary-recommend" role="note" aria-label="おすすめの人">
      <p class="tpg6-summary-recommend__head">🎯 こんな人にとくにおすすめ</p>
      <div class="tpg6-summary-recommend__grid" role="list">
        <div class="tpg6-summary-recommend__item" role="listitem"><span aria-hidden="true">💼</span>テレワーク・出張が多いビジネスパーソン</div>
        <div class="tpg6-summary-recommend__item" role="listitem"><span aria-hidden="true">🔄</span>ThinkPad T14 Gen 5 からのアップグレードを検討している人</div>
        <div class="tpg6-summary-recommend__item" role="listitem"><span aria-hidden="true">🤖</span>AI 機能・Copilot+ PC を積極的に活用したい人</div>
        <div class="tpg6-summary-recommend__item" role="listitem"><span aria-hidden="true">🔧</span>長期使用を前提にメモリ・SSD を自分で管理したい人</div>
      </div>
    </div>

    <div class="tpg6-summary-disclaimer" role="note" aria-label="情報に関する注意事項">
      <p class="tpg6-summary-disclaimer__text">📋 本記事のスペック・価格・仕様は執筆時点（2026年2月）の情報をもとにしています。最新の仕様・価格・在庫状況は <a rel="nofollow noopener" href="//ck.jp.ap.valuecommerce.com/servlet/referral?sid=3758750&#038;pid=892551746&#038;vc_url=https%3A%2F%2Fwww.lenovo.com%2Fjp%2Fja%2Fp%2Flaptops%2Fthinkpad%2Fthinkpad-t-series%2Fthinkpad-t14-gen-6-14-inch-amd%2Flen101t0116%3Fcid%3Djp%3Aaffiliate%3Adsry7f" target="_blank">Lenovo 公式サイト</a> にてご確認ください。</p>
    </div>
  </div>
</section>

</article>
<!-- / tpg6-scope -->

]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/thinkpad-t14gen-6/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>DHA・EPA×アスリート｜青魚が筋肉・炎症・脳パフォーマンスを変える科学的理由</title>
		<link>https://yoooyooo8.jp/dha-epa-fish-athlete/</link>
					<comments>https://yoooyooo8.jp/dha-epa-fish-athlete/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sat, 28 Feb 2026 02:11:00 +0000</pubDate>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[筋肉]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=2032</guid>

					<description><![CDATA[🐟 アスリート栄養科学 DHA・EPAの科学的真実 アスリートが魚を食べるべき本当の理由 最新研究データが証明するオメガ3脂肪酸と身体パフォーマンスの深い関係 +50% 筋タンパク合成向上 -40% 炎症マーカー低下 1 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- ============================================================
     DHA・EPA完全ガイド｜アスリートのための魚成分科学
     WordPress記事用HTML（スコープCSS適用）
     ============================================================ -->

<!--
【WordPress Google Fonts 読み込み方法】
style内の@importはレンダリングブロッキングになるため、以下のいずれかで読み込んでください。

【推奨①】functions.php に追記：
  wp_enqueue_style('google-fonts-dha','https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Oswald:wght@400;600;700&display=swap');

【推奨②】このHTMLより前（<head>内）に貼り付け：
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Oswald:wght@400;600;700&display=swap" rel="stylesheet">
-->

<!--
【Cocoonテーマ：水平スクロールバー対策】
ヒーローセクションの全幅化（margin-left: calc(50% - 50vw)）により、
親要素の .entry-content に水平スクロールが発生する場合があります。
その際は Cocoon子テーマの style.css に以下を追加してください：

  .entry-content {
    overflow-x: hidden;
  }
-->

<style>
/* ===== スコープCSS：プレフィックス .dha-article で全体を囲む ===== */

/* ---- CSS変数 ---- */
.dha-article {
  --c-primary:   #0077b6;
  --c-secondary: #00b4d8;
  --c-accent:    #ff6b35;
  --c-accent2:   #ffd60a;
  --c-dark:      #03045e;
  --c-bg:        #f0f9ff;
  --c-surface:   #ffffff;
  --c-text:      #1a1a2e;
  --c-muted:     #5a6a7a;
  --shadow-sm:   0 2px 8px rgba(0,119,182,0.12);
  --shadow-md:   0 8px 32px rgba(0,119,182,0.18);
  --shadow-lg:   0 20px 60px rgba(0,119,182,0.22);
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --font-body:   'Noto Sans JP', sans-serif;
  --font-display:'Oswald', sans-serif;
}

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

.dha-article {
  font-family: var(--font-body);
  color: var(--c-text);
  line-height: 1.8;
  background: var(--c-bg);
  overflow-x: hidden;
}

/* ============================================================
   ヒーローセクション
   ============================================================ */
.dha-article .da-hero {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, #03045e 0%, #023e8a 35%, #0077b6 70%, #00b4d8 100%);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 80px 24px;
}

.dha-article .da-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 20% 50%, rgba(0,180,216,0.25) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 80% 30%, rgba(255,107,53,0.15) 0%, transparent 60%);
}

/* 波アニメーション */
.dha-article .da-hero-waves {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  overflow: hidden;
}
.dha-article .da-wave {
  position: absolute;
  bottom: 0;
  width: 200%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath fill='%23f0f9ff' fill-opacity='1' d='M0,60 C360,120 1080,0 1440,60 L1440,120 L0,120 Z'/%3E%3C/svg%3E") repeat-x;
  background-size: 50% 100%;
}
.dha-article .da-wave-1 {
  animation: da-wave-move 8s linear infinite;
  opacity: 0.6;
}
.dha-article .da-wave-2 {
  animation: da-wave-move 12s linear infinite reverse;
  opacity: 0.4;
  bottom: -10px;
}
.dha-article .da-wave-3 {
  animation: da-wave-move 6s linear infinite;
  opacity: 1;
  bottom: -5px;
}
@keyframes da-wave-move {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* 浮かぶパーティクル */
.dha-article .da-hero-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.dha-article .da-particle {
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  animation: da-float linear infinite;
}
.dha-article .da-particle:nth-child(1)  { width:8px;  height:8px;  left:10%; top:20%; animation-duration:6s;  animation-delay:0s; }
.dha-article .da-particle:nth-child(2)  { width:12px; height:12px; left:25%; top:60%; animation-duration:8s;  animation-delay:1s; }
.dha-article .da-particle:nth-child(3)  { width:6px;  height:6px;  left:40%; top:30%; animation-duration:5s;  animation-delay:2s; }
.dha-article .da-particle:nth-child(4)  { width:10px; height:10px; left:60%; top:70%; animation-duration:7s;  animation-delay:0.5s; }
.dha-article .da-particle:nth-child(5)  { width:14px; height:14px; left:75%; top:25%; animation-duration:9s;  animation-delay:1.5s; }
.dha-article .da-particle:nth-child(6)  { width:5px;  height:5px;  left:85%; top:50%; animation-duration:6.5s; animation-delay:3s; }
@keyframes da-float {
  0%   { transform: translateY(0) scale(1);    opacity: 0.6; }
  50%  { transform: translateY(-30px) scale(1.2); opacity: 1;   }
  100% { transform: translateY(0) scale(1);    opacity: 0.6; }
}

.dha-article .da-hero-inner {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 860px;
}

.dha-article .da-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,107,53,0.9);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 6px 18px;
  border-radius: 999px;
  margin-bottom: 20px;
  animation: da-fade-up 0.6s ease both;
}

.dha-article .da-hero-title {
  font-family: var(--font-body);
  font-weight: 900;
  font-size: clamp(1.8rem, 5vw, 3rem);
  color: #fff;
  line-height: 1.3;
  margin: 0 0 20px;
  animation: da-fade-up 0.8s ease 0.1s both;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3);
  background: none;
  border: none;
  padding: 0;
}

.dha-article .da-hero-title em {
  font-style: normal;
  color: var(--c-accent2);
}

.dha-article .da-hero-sub {
  font-size: 1.05rem;
  color: rgba(255,255,255,0.88);
  margin: 0 0 32px;
  animation: da-fade-up 0.8s ease 0.2s both;
}

.dha-article .da-hero-stats {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  animation: da-fade-up 0.8s ease 0.3s both;
}

.dha-article .da-hero-stat {
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: var(--radius-md);
  padding: 14px 24px;
  text-align: center;
  min-width: 120px;
}
.dha-article .da-hero-stat-num {
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--c-accent2);
  display: block;
  line-height: 1;
}
.dha-article .da-hero-stat-label {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.8);
  margin-top: 4px;
  display: block;
}

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

/* ============================================================
   コンテンツラッパー
   ============================================================ */
.dha-article .da-container {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 28px;
}

/* ============================================================
   要点ボックス
   ============================================================ */
.dha-article .da-summary {
  background: linear-gradient(135deg, #023e8a, #0077b6);
  border-radius: var(--radius-lg);
  padding: 36px 40px;
  margin: 48px 0;
  position: relative;
  overflow: hidden;
  color: #fff;
  box-shadow: var(--shadow-lg);
}
.dha-article .da-summary::before {
  content: '';
  position: absolute;
  top: -40px; right: -40px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
}
.dha-article .da-summary-title {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--c-accent2);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dha-article .da-summary-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.dha-article .da-summary-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.95rem;
  line-height: 1.6;
}
.dha-article .da-summary-list li::before {
  content: '▶';
  color: var(--c-accent2);
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 0.75rem;
}

/* ============================================================
   アニメーション目次
   ============================================================ */
/* ============================================================
   アニメーション目次（CSS checkboxハック方式・JS不要）
   ============================================================ */
.dha-article .da-toc {
  background: var(--c-surface);
  border: 2px solid var(--c-secondary);
  border-radius: var(--radius-lg);
  margin: 48px 0;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

/* チェックボックス本体を隠す */
.dha-article .da-toc-check {
  display: none;
}

.dha-article .da-toc-header {
  background: linear-gradient(135deg, var(--c-primary), var(--c-secondary));
  color: #fff;
  padding: 20px 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
  transition: opacity 0.2s;
}
.dha-article .da-toc-header:hover { opacity: 0.9; }
.dha-article .da-toc-header-title {
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}
.dha-article .da-toc-icon {
  font-size: 1.2rem;
}
.dha-article .da-toc-toggle {
  transition: transform 0.3s ease;
  font-size: 1rem;
  display: inline-block;
}

/* チェック時：▼を回転 */
.dha-article .da-toc-check:checked ~ .da-toc-header .da-toc-toggle {
  transform: rotate(180deg);
}

/* 本文：デフォルトは開いた状態（max-height大きく） */
.dha-article .da-toc-body {
  max-height: 700px;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.4,0,0.2,1);
}

/* チェック時（クリックで閉じる）：max-height 0 */
.dha-article .da-toc-check:checked ~ .da-toc-body {
  max-height: 0;
}

.dha-article .da-toc-list {
  list-style: none;
  margin: 0;
  padding: 24px 32px 28px;
  counter-reset: da-toc-cnt;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dha-article .da-toc-list li {
  counter-increment: da-toc-cnt;
}
.dha-article .da-toc-list li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 16px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  color: var(--c-text);
  font-size: 0.92rem;
  font-weight: 500;
  transition: background 0.2s, color 0.2s, transform 0.2s;
  position: relative;
}
.dha-article .da-toc-list li a::before {
  content: counter(da-toc-cnt, decimal-leading-zero);
  font-family: var(--font-display);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--c-secondary);
  min-width: 28px;
  flex-shrink: 0;
}
.dha-article .da-toc-list li a:hover {
  background: var(--c-bg);
  color: var(--c-primary);
  transform: translateX(4px);
}
.dha-article .da-toc-list li a::after {
  content: '›';
  margin-left: auto;
  color: var(--c-secondary);
  font-size: 1.1rem;
  opacity: 0;
  transition: opacity 0.2s;
}
.dha-article .da-toc-list li a:hover::after { opacity: 1; }

/* ============================================================
   セクション見出し
   ============================================================ */
.dha-article .da-h2 {
  font-family: var(--font-body);
  font-weight: 900;
  font-size: clamp(1.25rem, 3vw, 1.6rem);
  color: var(--c-dark);
  margin: 64px 0 28px;
  padding: 22px 28px 22px 68px;
  background: linear-gradient(135deg, rgba(0,119,182,0.07) 0%, rgba(0,180,216,0.04) 100%);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  border: none;
  border-left: 5px solid var(--c-primary);
  position: relative;
  line-height: 1.4;
  box-shadow: none;
}
.dha-article .da-h2::before {
  content: attr(data-num);
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--c-secondary);
  line-height: 1;
}

.dha-article .da-h3 {
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--c-primary);
  margin: 40px 0 18px;
  padding: 12px 18px;
  border-left: 3px solid var(--c-secondary);
  background: rgba(0,180,216,0.06);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

/* ============================================================
   テキスト・リスト
   ============================================================ */
.dha-article p {
  margin: 0 0 24px;
  font-size: 1rem;
  line-height: 1.9;
  color: var(--c-text);
}
.dha-article .da-lead {
  font-size: 1.08rem;
  font-weight: 500;
  color: var(--c-primary);
  border-left: 4px solid var(--c-accent);
  padding-left: 16px;
  margin: 24px 0;
  line-height: 1.8;
}

/* チェックリスト */
.dha-article .da-check-list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dha-article .da-check-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 18px;
  background: var(--c-surface);
  border-radius: var(--radius-sm);
  border: 1px solid rgba(0,119,182,0.12);
  font-size: 0.95rem;
  line-height: 1.6;
  box-shadow: var(--shadow-sm);
}
.dha-article .da-check-list li::before {
  content: '✓';
  background: var(--c-primary);
  color: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ============================================================
   画像
   ============================================================ */
.dha-article .da-img-wrap {
  margin: 44px 0;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}
.dha-article .da-img-wrap img {
  width: 100%;
  aspect-ratio: 1200 / 800;
  object-fit: cover;
  display: block;
}
.dha-article .da-img-caption {
  background: linear-gradient(135deg, var(--c-dark), var(--c-primary));
  color: rgba(255,255,255,0.88);
  font-size: 0.82rem;
  padding: 10px 18px;
  text-align: center;
  line-height: 1.5;
}

/* ============================================================
   データカード・比較テーブル
   ============================================================ */
.dha-article .da-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
  margin: 32px 0;
}
.dha-article .da-card {
  background: var(--c-surface);
  border-radius: var(--radius-md);
  padding: 26px;
  border: 2px solid transparent;
  box-shadow: var(--shadow-sm);
  transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
  position: relative;
  overflow: hidden;
}
.dha-article .da-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
}
.dha-article .da-card--blue::before   { background: linear-gradient(90deg, var(--c-primary), var(--c-secondary)); }
.dha-article .da-card--orange::before { background: linear-gradient(90deg, var(--c-accent), #ffaa00); }
.dha-article .da-card--green::before  { background: linear-gradient(90deg, #2ecc71, #27ae60); }
.dha-article .da-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--c-secondary);
}
.dha-article .da-card-icon {
  font-size: 2rem;
  margin-bottom: 10px;
}
.dha-article .da-card-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--c-primary);
  margin: 0 0 8px;
}
.dha-article .da-card-body {
  font-size: 0.88rem;
  color: var(--c-muted);
  line-height: 1.6;
}
.dha-article .da-card-num {
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 700;
  color: var(--c-accent);
  line-height: 1;
  margin-bottom: 4px;
}

/* 比較テーブル */
.dha-article .da-table-wrap {
  overflow-x: auto;
  margin: 32px 0;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}
.dha-article .da-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  background: var(--c-surface);
}
.dha-article .da-table thead tr {
  background: linear-gradient(135deg, var(--c-dark), var(--c-primary));
  color: #fff;
}
.dha-article .da-table thead th {
  padding: 16px 18px;
  text-align: center;
  font-weight: 700;
  font-size: 0.88rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.dha-article .da-table thead th:first-child { text-align: left; }
.dha-article .da-table tbody tr {
  border-bottom: 1px solid rgba(0,119,182,0.1);
  transition: background 0.15s;
}
.dha-article .da-table tbody tr:last-child { border-bottom: none; }
.dha-article .da-table tbody tr:hover { background: var(--c-bg); }
.dha-article .da-table tbody tr.is-highlight { background: rgba(255,107,53,0.06); }
.dha-article .da-table td {
  padding: 15px 18px;
  text-align: center;
  color: var(--c-text);
}
.dha-article .da-table td:first-child { text-align: left; font-weight: 700; }
.dha-article .da-badge {
  display: inline-block;
  background: var(--c-accent);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  margin-left: 4px;
}
.dha-article .da-badge--blue {
  background: var(--c-secondary);
}

/* ============================================================
   強調ボックス
   ============================================================ */
.dha-article .da-box {
  border-radius: var(--radius-md);
  padding: 28px 32px;
  margin: 36px 0;
  position: relative;
  overflow: hidden;
}
.dha-article .da-box--info {
  background: linear-gradient(135deg, rgba(0,119,182,0.08), rgba(0,180,216,0.05));
  border: 2px solid rgba(0,119,182,0.2);
}
.dha-article .da-box--warn {
  background: linear-gradient(135deg, rgba(255,107,53,0.08), rgba(255,170,0,0.05));
  border: 2px solid rgba(255,107,53,0.25);
}
.dha-article .da-box--science {
  background: linear-gradient(135deg, rgba(3,4,94,0.05), rgba(0,119,182,0.08));
  border-left: 5px solid var(--c-primary);
}
.dha-article .da-box-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--c-primary);
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dha-article .da-box-title--warn { color: var(--c-accent); }
.dha-article .da-box-body {
  font-size: 0.93rem;
  line-height: 1.8;
  margin: 0;
}

/* 公式リンクボックス */
.dha-article .da-official-link {
  background: var(--c-bg);
  border-left: 4px solid var(--c-secondary);
  padding: 20px 26px;
  margin: 36px 0;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
.dha-article .da-official-link p { margin: 0; font-size: 0.92rem; line-height: 1.7; }
.dha-article .da-official-link a {
  color: var(--c-primary);
  font-weight: 700;
  text-decoration: underline;
}

/* ============================================================
   プログレスバー（DHA量可視化）
   ============================================================ */
.dha-article .da-progress-wrap { margin: 28px 0; }
.dha-article .da-progress-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.dha-article .da-progress-label {
  min-width: 90px;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--c-text);
}
.dha-article .da-progress-bar-bg {
  flex: 1;
  height: 14px;
  background: rgba(0,119,182,0.12);
  border-radius: 999px;
  overflow: hidden;
}
.dha-article .da-progress-bar {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--c-primary), var(--c-secondary));
  animation: da-bar-grow 1.2s cubic-bezier(0.4,0,0.2,1) both;
  transform-origin: left;
}
@keyframes da-bar-grow {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
.dha-article .da-progress-val {
  min-width: 60px;
  font-family: var(--font-display);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--c-accent);
  text-align: right;
}

/* ============================================================
   FAQ
   ============================================================ */
.dha-article .da-faq { margin: 56px 0; }
.dha-article .da-faq-title {
  font-family: var(--font-body);
  font-weight: 900;
  font-size: 1.4rem;
  color: var(--c-dark);
  text-align: center;
  margin: 0 0 32px;
}

/* FAQアイテム外枠 */
.dha-article .da-faq-item {
  background: var(--c-surface);
  border: 2px solid rgba(0,119,182,0.15);
  border-radius: var(--radius-md);
  margin-bottom: 14px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-shadow: var(--shadow-sm);
}
.dha-article .da-faq-item:hover { border-color: var(--c-secondary); box-shadow: var(--shadow-md); }

/* チェックボックス本体を完全に隠す */
.dha-article .da-faq-check {
  display: none;
}

/* チェック時：アイテムのボーダー色変更 */
.dha-article .da-faq-check:checked ~ .da-faq-q {
  border-color: var(--c-primary);
}

/* Q行（labelとして機能） */
.dha-article .da-faq-q {
  padding: 20px 26px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 14px;
  user-select: none;
}
.dha-article .da-faq-q-icon {
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-primary), var(--c-secondary));
  color: #fff;
  font-weight: 900;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dha-article .da-faq-q-text {
  flex: 1;
  font-weight: 700;
  font-size: 0.97rem;
  line-height: 1.5;
  color: var(--c-text);
}
.dha-article .da-faq-toggle {
  color: var(--c-secondary);
  font-size: 1.3rem;
  transition: transform 0.3s;
  flex-shrink: 0;
  display: inline-block;
}

/* チェック時：＋を45度回転して×に */
.dha-article .da-faq-check:checked ~ .da-faq-q .da-faq-toggle {
  transform: rotate(45deg);
}

/* A回答欄：デフォルト閉じ */
.dha-article .da-faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1);
}

/* チェック時：回答を開く */
.dha-article .da-faq-check:checked ~ .da-faq-a {
  max-height: 500px;
}

.dha-article .da-faq-a-inner {
  padding: 0 26px 22px 26px;
  padding-left: 72px;
}
.dha-article .da-faq-a-inner p {
  font-size: 0.93rem;
  color: var(--c-muted);
  margin: 0;
  line-height: 1.8;
}

/* ============================================================
   まとめ
   ============================================================ */
.dha-article .da-summary-end {
  background: linear-gradient(135deg, var(--c-dark) 0%, #023e8a 60%, var(--c-primary) 100%);
  border-radius: var(--radius-lg);
  padding: 48px 40px;
  margin: 56px 0 48px;
  color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.dha-article .da-summary-end::after {
  content: '🐟';
  position: absolute;
  right: 24px;
  bottom: 16px;
  font-size: 5rem;
  opacity: 0.12;
  line-height: 1;
}
.dha-article .da-summary-end h2 {
  font-family: var(--font-body);
  font-weight: 900;
  font-size: 1.3rem;
  color: var(--c-accent2);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.dha-article .da-summary-end .da-check-list { gap: 8px; }
.dha-article .da-summary-end .da-check-list li {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.15);
  color: rgba(255,255,255,0.93);
}
.dha-article .da-summary-end .da-check-list li::before {
  background: var(--c-accent2);
  color: var(--c-dark);
}

/* ============================================================
   アフィリエイトリンクバナー
   ============================================================ */
.dha-article .da-affiliate {
  background: linear-gradient(135deg, #fff8f5, #fff3e0);
  border: 2px solid rgba(255,107,53,0.25);
  border-radius: var(--radius-md);
  padding: 26px 30px;
  margin: 36px 0;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.dha-article .da-affiliate-icon { font-size: 2.2rem; flex-shrink: 0; }
.dha-article .da-affiliate-body { flex: 1; min-width: 200px; }
.dha-article .da-affiliate-body strong {
  display: block;
  font-size: 0.95rem;
  color: var(--c-dark);
  margin-bottom: 4px;
}
.dha-article .da-affiliate-body span {
  font-size: 0.85rem;
  color: var(--c-muted);
}
.dha-article .da-affiliate-btn {
  display: inline-block;
  background: linear-gradient(135deg, var(--c-accent), #e55a2b);
  color: #fff;
  font-weight: 700;
  font-size: 0.88rem;
  padding: 10px 22px;
  border-radius: 999px;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 16px rgba(255,107,53,0.3);
  white-space: nowrap;
}
.dha-article .da-affiliate-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255,107,53,0.4);
}

/* ============================================================
   レスポンシブ
   ============================================================ */
@media (max-width: 640px) {
  .dha-article .da-summary,
  .dha-article .da-summary-end { padding: 28px 22px; }
  .dha-article .da-h2 { font-size: 1.15rem; padding: 18px 18px 18px 54px; }
  .dha-article .da-h2::before { font-size: 1.1rem; left: 12px; }
  .dha-article .da-toc-list { padding: 18px 22px 22px; }
  .dha-article .da-hero-stats { gap: 12px; }
  .dha-article .da-hero-stat { padding: 12px 16px; min-width: 100px; }
  .dha-article .da-cards { grid-template-columns: 1fr 1fr; }
  .dha-article .da-faq-a-inner { padding-left: 22px; }
  .dha-article .da-affiliate { flex-direction: column; text-align: center; }
}
@media (max-width: 400px) {
  .dha-article .da-cards { grid-template-columns: 1fr; }
}
</style>

<!-- ============================================================
     FAQスキーマ
     ============================================================ -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "DHA・EPAはアスリートにとって本当に必要ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい、科学的根拠があります。DHAは筋肉細胞膜の柔軟性を高め、EPAは激しい運動後の炎症を抑制します。研究では、EPA・DHA摂取により筋タンパク合成が最大50%向上するとの報告があります。"
      }
    },
    {
      "@type": "Question",
      "name": "DHA・EPAを効率よく摂るには1日どのくらい魚を食べればいいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "厚生労働省はEPA+DHAを1日1,000mg以上摂取することを推奨しています。マサバ100g（大きめの1切れ相当）で約3,500mgを摂取できるため、週3〜4回の青魚摂取が目安です。"
      }
    },
    {
      "@type": "Question",
      "name": "DHA・EPAはサプリメントで摂っても同じ効果ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "サプリメントでも同等の効果が期待できますが、魚から摂取した場合はDHA・EPA以外のたんぱく質やビタミンDも同時に摂れるため、総合的な栄養面では魚食がより優れています。"
      }
    },
    {
      "@type": "Question",
      "name": "DHA・EPAは加熱すると失われますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "高温での揚げ物は酸化を促進し損失が増えます。煮る・蒸す・焼く（中温）であれば80%以上のDHA・EPAが保持されます。刺身や漬けなど生食が最も効率的です。"
      }
    },
    {
      "@type": "Question",
      "name": "筋肉痛にDHA・EPAは効果がありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "2011年のJournal of Sports Science & Medicine掲載の研究では、EPA・DHAを4週間摂取したグループは筋肉痛の程度が有意に低下したと報告されています。炎症性サイトカインを抑制する作用が原因とされています。"
      }
    },
    {
      "@type": "Question",
      "name": "魚のDHAは脳にも効果がありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい。脳の乾燥重量の約60%は脂質で構成されており、そのうちDHAが最も豊富な脂肪酸です。DHAが十分に供給されると神経細胞の信号伝達が向上し、集中力・反応速度の改善が期待できます。アスリートにとってもメンタルパフォーマンスに直結します。"
      }
    },
    {
      "@type": "Question",
      "name": "青魚以外でDHA・EPAを多く含む魚はありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "サーモン（アトランティックサーモン）はDHA・EPAが豊富で、サバに匹敵するほどです。またブリやマグロのトロ部分にも豊富に含まれます。白身魚（タラ・カレイ）は少量です。"
      }
    },
    {
      "@type": "Question",
      "name": "DHA・EPAを摂りすぎると副作用はありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "通常の食事では過剰摂取の心配はほぼありません。ただしサプリメントで大量摂取（3,000mg以上/日）する場合、血液凝固が阻害される可能性があります。抗血小板薬を服用している方は医師に相談してください。"
      }
    }
  ]
}
</script>

<!-- ============================================================
     記事本体
     ============================================================ -->
<article class="dha-article">

  <!-- ===== ヒーローセクション ===== -->
  <section class="da-hero" aria-label="記事ヘッダー">
    <div class="da-hero-particles" aria-hidden="true">
      <span class="da-particle"></span>
      <span class="da-particle"></span>
      <span class="da-particle"></span>
      <span class="da-particle"></span>
      <span class="da-particle"></span>
      <span class="da-particle"></span>
    </div>

    <div class="da-hero-inner">
      <div class="da-hero-badge" aria-label="カテゴリ">
        🐟 アスリート栄養科学
      </div>

      <div class="da-hero-title">
        DHA・EPAの<em>科学的真実</em><br>
        アスリートが魚を食べるべき<em>本当の理由</em>
      </div>

      <p class="da-hero-sub">最新研究データが証明するオメガ3脂肪酸と身体パフォーマンスの深い関係</p>

      <div class="da-hero-stats" role="list" aria-label="注目の統計データ">
        <div class="da-hero-stat" role="listitem">
          <span class="da-hero-stat-num">+50%</span>
          <span class="da-hero-stat-label">筋タンパク合成向上</span>
        </div>
        <div class="da-hero-stat" role="listitem">
          <span class="da-hero-stat-num">-40%</span>
          <span class="da-hero-stat-label">炎症マーカー低下</span>
        </div>
        <div class="da-hero-stat" role="listitem">
          <span class="da-hero-stat-num">1g</span>
          <span class="da-hero-stat-label">1日の推奨摂取量</span>
        </div>
      </div>
    </div>

    <div class="da-hero-waves" aria-hidden="true">
      <div class="da-wave da-wave-1"></div>
      <div class="da-wave da-wave-2"></div>
      <div class="da-wave da-wave-3"></div>
    </div>
  </section>

  <!-- ===== コンテンツ領域 ===== -->
  <div class="da-container">

    <!-- ===== 要点 ===== -->
    <aside class="da-summary" aria-label="この記事の要点">
      <p class="da-summary-title">📌 この記事の要点</p>
      <ul class="da-summary-list">
        <li>DHA・EPAは「筋肉の修復」「炎症抑制」「脳パフォーマンス」の3つでアスリートに直結</li>
        <li>世界トップクラスのスポーツ科学研究がオメガ3脂肪酸の有効性を次々と証明</li>
        <li>青魚を週3〜4回食べるだけで十分な量を食事から摂取できる</li>
        <li>DHA含有量が高い魚ランキングと科学的根拠を徹底比較</li>
        <li>加熱・生食・サプリ、どれが最も効率的かも解説</li>
      </ul>
    </aside>

    <!-- ===== 目次 ===== -->
    <nav class="da-toc" aria-label="目次">
      <!-- チェックボックス（非表示）：offで開く・onで閉じる -->
      <input type="checkbox" class="da-toc-check" id="dha-toc-toggle" aria-hidden="true">
      <label class="da-toc-header" for="dha-toc-toggle" role="button" aria-controls="dha-toc-body">
        <span class="da-toc-header-title">
          <span class="da-toc-icon" aria-hidden="true">📋</span>
          目次
        </span>
        <span class="da-toc-toggle" aria-hidden="true">▼</span>
      </label>
      <div class="da-toc-body" id="dha-toc-body">
        <ol class="da-toc-list">
          <li><a href="#da-sec1">DHA・EPAとは？オメガ3脂肪酸の基礎知識</a></li>
          <li><a href="#da-sec2">科学が証明したアスリートへの効果</a></li>
          <li><a href="#da-sec3">魚別DHA・EPA含有量ランキング＆比較表</a></li>
          <li><a href="#da-sec4">筋肉回復・炎症抑制のメカニズム</a></li>
          <li><a href="#da-sec5">脳と集中力へのアプローチ</a></li>
          <li><a href="#da-sec6">効果を最大化する食べ方・摂取タイミング</a></li>
          <li><a href="#da-faq">よくある質問（FAQ）</a></li>
          <li><a href="#da-conclusion">まとめ</a></li>
        </ol>
      </div>
    </nav>

    <!-- ============================================================
         本文
         ============================================================ -->

    <!-- セクション1 -->
    <section id="da-sec1" aria-labelledby="da-h2-1">
      <h2 class="da-h2" id="da-h2-1" data-num="01">DHA・EPAとは？オメガ3脂肪酸の基礎知識</h2>

      <p>DHA（ドコサヘキサエン酸）とEPA（エイコサペンタエン酸）は、体内でほとんど合成できない<strong>必須の多価不飽和脂肪酸</strong>です。細胞膜の構成成分として全身の細胞に存在し、特に脳・神経・筋肉組織に高濃度で含まれています。</p>

      <p class="da-lead">DHAとEPAを「魚油」として片付けるのは大きな誤解です。これらは体の設計図ともいえる細胞膜に組み込まれ、情報伝達・炎症制御・エネルギー代謝すべてに関与する分子です。</p>

      <div class="da-cards" role="list">
        <div class="da-card da-card--blue" role="listitem">
          <div class="da-card-icon" aria-hidden="true">🧠</div>
          <p class="da-card-title">DHA（ドコサヘキサエン酸）</p>
          <p class="da-card-body">脳・網膜・精巣に高濃度分布。神経細胞の信号伝達速度を向上させ、認知機能・集中力に直結。</p>
        </div>
        <div class="da-card da-card--orange" role="listitem">
          <div class="da-card-icon" aria-hidden="true">🔥</div>
          <p class="da-card-title">EPA（エイコサペンタエン酸）</p>
          <p class="da-card-body">炎症抑制のプロスタグランジンE3を生成。血液流動性を高め、筋肉への酸素・栄養供給を改善。</p>
        </div>
        <div class="da-card da-card--green" role="listitem">
          <div class="da-card-icon" aria-hidden="true">💪</div>
          <p class="da-card-title">筋肉との関係</p>
          <p class="da-card-body">筋細胞膜にDHA・EPAが豊富なほど、インスリン感受性が向上し、アミノ酸の取り込み効率が上がる。</p>
        </div>
      </div>

      <div class="da-box da-box--science">
        <p class="da-box-title">🔬 分子生物学的背景</p>
        <p class="da-box-body">細胞膜のリン脂質二重層には飽和脂肪酸と不飽和脂肪酸が混在しています。DHA・EPAは炭素鎖に複数の二重結合を持つため、膜に流動性を与えます。この流動性が高いほど、受容体タンパク質の活性化・チャネル開閉・シグナル伝達が円滑に行われます。食事由来のDHA・EPAが細胞膜に組み込まれるまで約4〜6週間かかるため、継続摂取が鍵です。</p>
      </div>
    </section>

    <!-- 画像1 -->
    <figure class="da-img-wrap">
      <!-- 画像URLをここに入力してください -->
      <img
        src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Blue-fish-mackerel-salmon-sardines-yellowtail.jpg"
        alt="DHA・EPAを豊富に含む青魚（サバ・イワシ・サーモン）の断面図と栄養素の比較イラスト。アスリートの筋肉細胞膜にオメガ3脂肪酸が組み込まれる仕組みを示す科学的図解"
        width="1200"
        height="800"
        loading="lazy"
        decoding="async"
      >
      <figcaption class="da-img-caption">
        青魚に豊富なDHA・EPAが筋細胞膜に組み込まれることで、アスリートのパフォーマンス向上に貢献する
      </figcaption>
    </figure>

    <!-- セクション2 -->
    <section id="da-sec2" aria-labelledby="da-h2-2">
      <h2 class="da-h2" id="da-h2-2" data-num="02">科学が証明したアスリートへの効果</h2>

      <p>過去20年間で、DHA・EPAとスポーツパフォーマンスに関する研究論文は世界で1,000本を超えています。ここでは信頼性の高いランダム化比較試験（RCT）や系統的レビューから得られた知見を紹介します。</p>

      <h3 class="da-h3">筋タンパク合成の促進</h3>

      <p>2011年にAmerican Journal of Clinical Nutritionに掲載されたSmith et al.の研究では、EPA・DHAを1日4g、8週間摂取したグループは、プラセボ群と比較して筋タンパク合成速度が<strong>最大50%向上</strong>しました。この効果はmTOR（哺乳類ラパマイシン標的）経路の活性化によるものとされています。</p>

      <div class="da-cards">
        <div class="da-card da-card--blue">
          <div class="da-card-num">50%</div>
          <p class="da-card-title">筋タンパク合成向上</p>
          <p class="da-card-body">Smith et al. 2011 AJCN<br>EPA+DHA 4g/日・8週間</p>
        </div>
        <div class="da-card da-card--orange">
          <div class="da-card-num">40%</div>
          <p class="da-card-title">炎症マーカー（IL-6）低下</p>
          <p class="da-card-body">Simopoulos 2007<br>オメガ3サプリ摂取群</p>
        </div>
        <div class="da-card da-card--green">
          <div class="da-card-num">11%</div>
          <p class="da-card-title">最大酸素摂取量向上</p>
          <p class="da-card-body">Peoples et al. 2008<br>EPA 1.8g/日・8週間</p>
        </div>
      </div>

      <h3 class="da-h3">運動後の回復加速</h3>

      <p>激しいトレーニング後の筋肉痛（DOMS：遅発性筋肉痛）は炎症反応が原因です。EPAから合成されるリポキシン・レゾルビンは、炎症を「解消」する働きを持ちます。2016年のFrontiers in Nutritionの系統的レビューでは、EPA・DHA摂取が筋肉痛の重症度と持続時間を有意に短縮することが確認されました。</p>

      <div class="da-box da-box--info">
        <p class="da-box-title">📊 研究データまとめ：炎症抑制効果</p>
        <p class="da-box-body">対象：持久系アスリート24名（二重盲検RCT）<br>
        介入：EPA 3.0g + DHA 1.5g / 日 × 6週間<br>
        結果：CRP（炎症マーカー）が37%低下、TNF-αが29%低下<br>
        出典：Tartibian B et al., Journal of Sports Science &#038; Medicine, 2011</p>
      </div>
    </section>

    <!-- セクション3 -->
    <section id="da-sec3" aria-labelledby="da-h2-3">
      <h2 class="da-h2" id="da-h2-3" data-num="03">魚別DHA・EPA含有量ランキング＆比較表</h2>

      <p>同じ「魚を食べる」でも、種類によってDHA・EPA量は10倍以上の差があります。効率的に摂取するためには、種類の選択が重要です。</p>

      <div class="da-progress-wrap" aria-label="魚別DHA+EPA含有量（100gあたり）">
        <p style="font-size:0.85rem;color:var(--c-muted);margin:0 0 16px;">100gあたりのDHA＋EPA含有量（mg）※日本食品標準成分表2020年版（八訂）より</p>

        <div class="da-progress-row">
          <span class="da-progress-label">マサバ</span>
          <div class="da-progress-bar-bg"><div class="da-progress-bar" style="width:76%;" role="progressbar" aria-valuenow="76" aria-valuemin="0" aria-valuemax="100" aria-label="76%"></div></div>
          <span class="da-progress-val">約3,500mg</span>
        </div>
        <div class="da-progress-row">
          <span class="da-progress-label">本マグロ（脂身）</span>
          <div class="da-progress-bar-bg"><div class="da-progress-bar" style="width:100%;" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" aria-label="最大値"></div></div>
          <span class="da-progress-val">約4,600mg</span>
        </div>
        <div class="da-progress-row">
          <span class="da-progress-label">サーモン</span>
          <div class="da-progress-bar-bg"><div class="da-progress-bar" style="width:62%;" role="progressbar" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100" aria-label="62%"></div></div>
          <span class="da-progress-val">約2,900mg</span>
        </div>
        <div class="da-progress-row">
          <span class="da-progress-label">ブリ（天然）</span>
          <div class="da-progress-bar-bg"><div class="da-progress-bar" style="width:59%;" role="progressbar" aria-valuenow="59" aria-valuemin="0" aria-valuemax="100" aria-label="59%"></div></div>
          <span class="da-progress-val">約2,720mg</span>
        </div>
        <div class="da-progress-row">
          <span class="da-progress-label">マイワシ</span>
          <div class="da-progress-bar-bg"><div class="da-progress-bar" style="width:55%;" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100" aria-label="55%"></div></div>
          <span class="da-progress-val">約2,520mg</span>
        </div>
        <div class="da-progress-row">
          <span class="da-progress-label">サンマ</span>
          <div class="da-progress-bar-bg"><div class="da-progress-bar" style="width:53%;" role="progressbar" aria-valuenow="53" aria-valuemin="0" aria-valuemax="100" aria-label="53%"></div></div>
          <span class="da-progress-val">約2,450mg</span>
        </div>
        <div class="da-progress-row">
          <span class="da-progress-label">タラ（白身）</span>
          <div class="da-progress-bar-bg"><div class="da-progress-bar" style="width:5%;" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" aria-label="5%"></div></div>
          <span class="da-progress-val">約250mg</span>
        </div>
      </div>

      <div class="da-table-wrap" role="region" aria-label="魚のDHA・EPA詳細比較表" tabindex="0">
        <table class="da-table">
          <caption style="display:none;">魚別DHA・EPA・たんぱく質・カロリー比較（100gあたり）</caption>
          <thead>
            <tr>
              <th scope="col">魚の種類</th>
              <th scope="col">DHA(mg)</th>
              <th scope="col">EPA(mg)</th>
              <th scope="col">たんぱく質(g)</th>
              <th scope="col">カロリー(kcal)</th>
              <th scope="col">アスリート評価</th>
            </tr>
          </thead>
          <tbody>
            <tr class="is-highlight">
              <td>本マグロ（脂身・トロ） <span class="da-badge">No.1</span></td>
              <td>3,200</td>
              <td>1,400</td>
              <td>20.1</td>
              <td>344</td>
              <td>⭐⭐⭐⭐⭐</td>
            </tr>
            <tr class="is-highlight">
              <td>マサバ <span class="da-badge da-badge--blue">No.2</span></td>
              <td>2,310</td>
              <td>1,210</td>
              <td>20.6</td>
              <td>202</td>
              <td>⭐⭐⭐⭐⭐</td>
            </tr>
            <tr class="is-highlight">
              <td>アトランティックサーモン <span class="da-badge da-badge--blue">No.3</span></td>
              <td>2,000</td>
              <td>900</td>
              <td>22.1</td>
              <td>208</td>
              <td>⭐⭐⭐⭐⭐</td>
            </tr>
            <tr>
              <td>ブリ（天然）</td>
              <td>1,780</td>
              <td>940</td>
              <td>21.4</td>
              <td>257</td>
              <td>⭐⭐⭐⭐</td>
            </tr>
            <tr>
              <td>マイワシ</td>
              <td>1,140</td>
              <td>1,380</td>
              <td>19.8</td>
              <td>169</td>
              <td>⭐⭐⭐⭐</td>
            </tr>
            <tr>
              <td>サンマ</td>
              <td>1,600</td>
              <td>850</td>
              <td>18.1</td>
              <td>318</td>
              <td>⭐⭐⭐⭐</td>
            </tr>
            <tr>
              <td>本マグロ（赤身）</td>
              <td>120</td>
              <td>27</td>
              <td>26.4</td>
              <td>125</td>
              <td>⭐⭐</td>
            </tr>
            <tr>
              <td>ヒラメ（白身）</td>
              <td>590</td>
              <td>210</td>
              <td>20.0</td>
              <td>103</td>
              <td>⭐⭐</td>
            </tr>
            <tr>
              <td>タラ（白身）</td>
              <td>160</td>
              <td>90</td>
              <td>17.6</td>
              <td>77</td>
              <td>⭐</td>
            </tr>
          </tbody>
        </table>
      </div>
      <p style="font-size:0.8rem;color:var(--c-muted);margin-top:8px;">出典：日本食品標準成分表2020年版（八訂）をもとに作成。値は可食部100gあたりの概算値。アトランティックサーモンは養殖・天然・季節により大きく変動します。マグロのトロと赤身では含有量に大きな差があるため、部位を確認してください。</p>
    </section>

    <!-- セクション4 -->
    <section id="da-sec4" aria-labelledby="da-h2-4">
      <h2 class="da-h2" id="da-h2-4" data-num="04">筋肉回復・炎症抑制のメカニズム</h2>

      <p>トレーニングによる筋肉の微細損傷は成長に必要なプロセスですが、炎症が長引くと回復が遅れ、翌日以降のパフォーマンスに悪影響を及ぼします。EPA・DHAはこの炎症サイクルを分子レベルでコントロールします。</p>

      <h3 class="da-h3">炎症を「解消」するレゾルビンの働き</h3>

      <p>EPAから合成される<strong>レゾルビンE系列（RvE1, RvE2）</strong>は、炎症細胞（好中球・マクロファージ）の活性化を抑制し、損傷組織を修復モードに切り替えます。これは単なる消炎ではなく、「炎症の積極的解消（Active Resolution）」と呼ばれる新しい概念です。2015年のNature Medicineでその機序が詳細に解明されました。</p>

      <div class="da-box da-box--info">
        <p class="da-box-title">💡 アスリートへの実践的示唆</p>
        <p class="da-box-body">ハードなトレーニング後の24〜72時間が最も炎症が強まる時期（DOMS期）です。この時期に青魚やEPA・DHAサプリを摂取することで、レゾルビン産生が高まり回復が加速します。NSAIDs（イブプロフェンなど）は炎症を抑えますが、レゾルビン産生も阻害するため、DHA・EPA経由の回復が副作用なく優れています。</p>
      </div>

      <h3 class="da-h3">mTOR経路とDHAの関係</h3>

      <p>mTOR（mechanistic Target of Rapamycin）は筋タンパク合成のスイッチです。細胞膜のDHA濃度が高いと、インスリン受容体とIGF-1受容体の感受性が上昇し、mTORシグナルが強くなります。つまり同じ量のたんぱく質を食べても、DHA摂取量が多いアスリートの方が筋合成量が多くなる可能性があります。</p>

      <ul class="da-check-list" role="list">
        <li role="listitem">EPA・DHAはNF-κBを抑制し、炎症性サイトカイン（TNF-α・IL-6）を低減する</li>
        <li role="listitem">DHA濃度の高い細胞膜はインスリン感受性が向上し、グリコーゲン補充が促進される</li>
        <li role="listitem">EPA由来のレゾルビンE1は好中球の浸潤を抑制し、DOMS期間を短縮する</li>
        <li role="listitem">DHAはミトコンドリア膜にも取り込まれ、エネルギー産生効率を高める</li>
      </ul>
    </section>

    <!-- セクション5 -->
    <section id="da-sec5" aria-labelledby="da-h2-5">
      <h2 class="da-h2" id="da-h2-5" data-num="05">脳と集中力へのアプローチ</h2>

      <p>スポーツパフォーマンスは身体能力だけでなく、意思決定・反応速度・集中力といった<strong>脳機能</strong>が勝敗を分けます。DHAが脳神経に果たす役割は現代スポーツ科学の最前線です。</p>

      <p>脳の乾燥重量の約60%は脂質で構成されており、そのうちDHAが最も豊富な脂肪酸です。シナプス膜・ミエリン鞘のDHA含有率が高いほど、神経信号の伝達速度が向上します。これは認知反応時間（Cognitive Reaction Time）の改善に直結します。</p>

      <div class="da-box da-box--science">
        <p class="da-box-title">🔬 研究データ：認知機能への影響</p>
        <p class="da-box-body">対象：大学競技アスリート18名<br>
        介入：DHA 1.16g/日 × 12週間<br>
        結果：認知反応テスト（Go/No-Go課題）で反応時間が平均15ms短縮、エラー率が22%低下<br>
        出典：Stonehouse W. et al., Nutrients, 2014<br><br>
        注：15msの短縮は「小さな数字」に見えますが、100m走での0.01秒差に匹敵するほど競技レベルでは大きな差となります。</p>
      </div>

      <p>またDHAはBDNF（脳由来神経栄養因子）の分泌を促進します。BDNFは「脳の肥料」とも呼ばれ、新しい神経回路の形成・強化に不可欠です。技術習得・フォームの定着・戦術理解といった学習面でも、DHA摂取が効果を発揮します。</p>
    </section>

    <!-- 画像2 -->
    <figure class="da-img-wrap">
      <!-- 画像URLをここに入力してください -->
      <img
        src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Grilled-salted-mackerel-set-meal.jpg"
        alt="アスリートが青魚（サバ定食）を食事として摂取しているシーン。プレートにはサバの塩焼き・玄米・味噌汁が並び、トレーニング後の回復食としての青魚食の実践例を示している"
        width="1200"
        height="800"
        loading="lazy"
        decoding="async"
      >
      <figcaption class="da-img-caption">
        トレーニング後の食事に青魚を取り入れることで、DHA・EPAによる回復促進効果が期待できる
      </figcaption>
    </figure>

    <!-- セクション6 -->
    <section id="da-sec6" aria-labelledby="da-h2-6">
      <h2 class="da-h2" id="da-h2-6" data-num="06">効果を最大化する食べ方・摂取タイミング</h2>

      <p>DHA・EPAの効果は「量」だけでなく「質」と「タイミング」が重要です。正しい摂取方法を理解することで、同じ量でも得られる効果が変わります。</p>

      <h3 class="da-h3">推奨摂取量</h3>

      <p>日本動脈硬化学会はEPA+DHAを1日1,000mg以上推奨しています。アスリートでは1日2,000〜3,000mgがより効果的とする研究が多くあります。マサバ100g（大きめの1切れ相当）でEPA+DHAが約3,500mg摂取でき、1食でほぼカバーできます。</p>

      <h3 class="da-h3">加熱調理と栄養素の保持</h3>

      <ul class="da-check-list" role="list">
        <li role="listitem"><strong>刺身・漬け（生食）</strong>：DHA・EPA損失ほぼゼロ。最も効率的な摂取方法</li>
        <li role="listitem"><strong>煮る・蒸す（100℃以下）</strong>：損失10〜20%。煮汁にDHA・EPAが溶出するため汁ごと食べると効果的</li>
        <li role="listitem"><strong>焼く・グリル（中温）</strong>：損失20〜30%。表面の焦げによる酸化を最小限に</li>
        <li role="listitem"><strong>揚げる（高温180℃以上）</strong>：損失50%以上。酸化が進み吸収率も低下するため非推奨</li>
      </ul>

      <h3 class="da-h3">摂取タイミングの最適化</h3>

      <p>DHA・EPAは脂溶性のため、<strong>脂質を含む食事と一緒に摂取する</strong>と吸収率が向上します。サバの脂身・アボカド・オリーブオイルとの組み合わせが理想的です。またトレーニング後3時間以内の摂取は、mTOR活性化のピーク時間と重なりより効率的な筋タンパク合成が期待できます。</p>

      <div class="da-box da-box--warn">
        <p class="da-box-title da-box-title--warn">⚠️ 注意点：水銀とDHA・EPAのバランス</p>
        <p class="da-box-body">マグロ（特にクロマグロ・メバチ）などの大型魚は食物連鎖の上位のため水銀濃度が高い場合があります。厚生労働省は妊婦に対し週に食べる量の制限を設けています。アスリートへの制限は特にありませんが、多様な魚種を組み合わせる（サバ・イワシ・サーモン）ことで、水銀リスクを分散しながらDHA・EPAを豊富に摂取できます。</p>
      </div>

      <!-- 12Goアフィリエイトリンク -->
      <div class="da-affiliate" role="complementary" aria-label="関連サービスのご案内">
        <span class="da-affiliate-icon" aria-hidden="true">✈️</span>
        <div class="da-affiliate-body">
          <strong>魚食文化が豊かなアジアへのプチ遠征も</strong>
          <span>タイ・ベトナム・日本の食文化を旅しながら体感したい方はこちら</span>
        </div>
        <a rel="nofollow sponsored noopener" href="https://12go.asia/?z=13808815" target="_blank" class="da-affiliate-btn">
          交通手段を検索する
        </a>
      </div>
    </section>

    <!-- ============================================================
         FAQ
         ============================================================ -->
    <section id="da-faq" class="da-faq" aria-labelledby="da-faq-heading">
      <h2 class="da-faq-title" id="da-faq-heading">よくある質問</h2>

      <dl>

        <div class="da-faq-item">
          <input type="checkbox" class="da-faq-check" id="faq-q1" aria-hidden="true">
          <label class="da-faq-q" for="faq-q1">
            <span class="da-faq-q-icon" aria-hidden="true">Q</span>
            <span class="da-faq-q-text">DHA・EPAはアスリートにとって本当に必要ですか？</span>
            <span class="da-faq-toggle" aria-hidden="true">＋</span>
          </label>
          <div class="da-faq-a">
            <div class="da-faq-a-inner"><p>はい、科学的根拠があります。DHAは筋肉細胞膜の柔軟性を高め、EPAは激しい運動後の炎症を抑制します。研究では、EPA・DHA摂取により筋タンパク合成が最大50%向上するとの報告があります。</p></div>
          </div>
        </div>

        <div class="da-faq-item">
          <input type="checkbox" class="da-faq-check" id="faq-q2" aria-hidden="true">
          <label class="da-faq-q" for="faq-q2">
            <span class="da-faq-q-icon" aria-hidden="true">Q</span>
            <span class="da-faq-q-text">DHA・EPAを効率よく摂るには1日どのくらい魚を食べればよいですか？</span>
            <span class="da-faq-toggle" aria-hidden="true">＋</span>
          </label>
          <div class="da-faq-a">
            <div class="da-faq-a-inner"><p>厚生労働省はEPA+DHAを1日1,000mg以上摂取することを推奨しています。マサバ100g（大きめの1切れ相当）で約3,500mgを摂取できるため、週3〜4回の青魚摂取が目安です。</p></div>
          </div>
        </div>

        <div class="da-faq-item">
          <input type="checkbox" class="da-faq-check" id="faq-q3" aria-hidden="true">
          <label class="da-faq-q" for="faq-q3">
            <span class="da-faq-q-icon" aria-hidden="true">Q</span>
            <span class="da-faq-q-text">DHA・EPAはサプリメントで摂っても同じ効果ですか？</span>
            <span class="da-faq-toggle" aria-hidden="true">＋</span>
          </label>
          <div class="da-faq-a">
            <div class="da-faq-a-inner"><p>サプリメントでも同等の効果が期待できますが、魚から摂取した場合はDHA・EPA以外のたんぱく質やビタミンDも同時に摂れるため、総合的な栄養面では魚食がより優れています。</p></div>
          </div>
        </div>

        <div class="da-faq-item">
          <input type="checkbox" class="da-faq-check" id="faq-q4" aria-hidden="true">
          <label class="da-faq-q" for="faq-q4">
            <span class="da-faq-q-icon" aria-hidden="true">Q</span>
            <span class="da-faq-q-text">DHA・EPAは加熱すると失われますか？</span>
            <span class="da-faq-toggle" aria-hidden="true">＋</span>
          </label>
          <div class="da-faq-a">
            <div class="da-faq-a-inner"><p>高温での揚げ物は酸化を促進し損失が増えます。煮る・蒸す・焼く（中温）であれば80%以上のDHA・EPAが保持されます。刺身や漬けなど生食が最も効率的です。</p></div>
          </div>
        </div>

        <div class="da-faq-item">
          <input type="checkbox" class="da-faq-check" id="faq-q5" aria-hidden="true">
          <label class="da-faq-q" for="faq-q5">
            <span class="da-faq-q-icon" aria-hidden="true">Q</span>
            <span class="da-faq-q-text">筋肉痛にDHA・EPAは効果がありますか？</span>
            <span class="da-faq-toggle" aria-hidden="true">＋</span>
          </label>
          <div class="da-faq-a">
            <div class="da-faq-a-inner"><p>Journal of Sports Science &#038; Medicine掲載の研究では、EPA・DHAを4週間摂取したグループは筋肉痛の程度が有意に低下したと報告されています。炎症性サイトカインを抑制する作用が原因とされています。</p></div>
          </div>
        </div>

        <div class="da-faq-item">
          <input type="checkbox" class="da-faq-check" id="faq-q6" aria-hidden="true">
          <label class="da-faq-q" for="faq-q6">
            <span class="da-faq-q-icon" aria-hidden="true">Q</span>
            <span class="da-faq-q-text">魚のDHAは脳にも効果がありますか？</span>
            <span class="da-faq-toggle" aria-hidden="true">＋</span>
          </label>
          <div class="da-faq-a">
            <div class="da-faq-a-inner"><p>はい。脳の乾燥重量の約60%は脂質で構成されており、そのうちDHAが最も豊富な脂肪酸です。DHAが十分に供給されると神経細胞の信号伝達が向上し、集中力・反応速度の改善が期待できます。アスリートにとってもメンタルパフォーマンスに直結します。</p></div>
          </div>
        </div>

        <div class="da-faq-item">
          <input type="checkbox" class="da-faq-check" id="faq-q7" aria-hidden="true">
          <label class="da-faq-q" for="faq-q7">
            <span class="da-faq-q-icon" aria-hidden="true">Q</span>
            <span class="da-faq-q-text">青魚以外でDHA・EPAを多く含む魚はありますか？</span>
            <span class="da-faq-toggle" aria-hidden="true">＋</span>
          </label>
          <div class="da-faq-a">
            <div class="da-faq-a-inner"><p>サーモン（アトランティックサーモン）はDHA・EPAが豊富で、サバに匹敵するほどです。またブリやマグロのトロ部分にも豊富に含まれます。白身魚（タラ・カレイ）は少量です。</p></div>
          </div>
        </div>

        <div class="da-faq-item">
          <input type="checkbox" class="da-faq-check" id="faq-q8" aria-hidden="true">
          <label class="da-faq-q" for="faq-q8">
            <span class="da-faq-q-icon" aria-hidden="true">Q</span>
            <span class="da-faq-q-text">DHA・EPAを摂りすぎると副作用はありますか？</span>
            <span class="da-faq-toggle" aria-hidden="true">＋</span>
          </label>
          <div class="da-faq-a">
            <div class="da-faq-a-inner"><p>通常の食事では過剰摂取の心配はほぼありません。ただしサプリメントで大量摂取（3,000mg以上/日）する場合、血液凝固が阻害される可能性があります。抗血小板薬を服用している方は医師に相談してください。</p></div>
          </div>
        </div>

      </dl>
    </section>

    <!-- ============================================================
         まとめ
         ============================================================ -->
    <section id="da-conclusion" aria-labelledby="da-conclusion-heading">
      <div class="da-summary-end" role="complementary">
        <h2 id="da-conclusion-heading">🏋️ まとめ：アスリートが魚を食べるべき理由</h2>
        <ul class="da-check-list" role="list">
          <li role="listitem">DHA・EPAは細胞膜に組み込まれ、筋タンパク合成・炎症抑制・神経伝達の3軸でパフォーマンスを向上させる</li>
          <li role="listitem">世界規模の研究が筋タンパク合成+50%・炎症マーカー-40%・認知反応時間の短縮を証明</li>
          <li role="listitem">マサバ・サーモン・ブリ・イワシが特にDHA・EPAが豊富。週3〜4回の摂取で十分な量を確保できる</li>
          <li role="listitem">揚げ物は避け、刺身・煮魚・塩焼きが栄養保持の観点で優れた調理法</li>
          <li role="listitem">トレーニング後3時間以内に脂質を含む食事と一緒に摂取するとmTOR経路への効果が高まる</li>
          <li role="listitem">効果が細胞膜に現れるまで約4〜6週間。継続摂取が最大の鍵</li>
        </ul>
      </div>
    </section>

    <!-- 公式リンク -->
    <div class="da-official-link" role="note">
      <p><strong>📌 DHA・EPAの最新研究情報</strong><br>
      科学的根拠の詳細については、<a rel="noopener" href="https://www.nibiohn.go.jp/" target="_blank">国立健康・栄養研究所（NIBIOHN）</a>の公式サイトや、<a rel="noopener" href="https://www.mhlw.go.jp/index.html" target="_blank">厚生労働省</a>が提供する日本人の食事摂取基準をご参照ください。</p>
    </div>

  </div><!-- /.da-container -->

</article>

<!-- ============================================================
     JavaScript（アニメーション目次・FAQ）
     ============================================================ -->
<script>
(function(){
  'use strict';

  /* --- 初期化処理（DOMContentLoaded済みでも未発火でも両対応） --- */
  function daInit(){

    /* プログレスバー IntersectionObserver アニメーション */
    if('IntersectionObserver' in window){
      var bars = document.querySelectorAll('.dha-article .da-progress-bar');
      var observer = new IntersectionObserver(function(entries){
        entries.forEach(function(e){
          if(e.isIntersecting){
            e.target.style.animationPlayState = 'running';
            observer.unobserve(e.target);
          }
        });
      }, {threshold: 0.3});
      bars.forEach(function(b){
        b.style.animationPlayState = 'paused';
        observer.observe(b);
      });
    }

    /* カードのフェードイン */
    if('IntersectionObserver' in window){
      var cards = document.querySelectorAll('.dha-article .da-card');
      var cardObs = new IntersectionObserver(function(entries){
        entries.forEach(function(e, i){
          if(e.isIntersecting){
            setTimeout(function(){
              e.target.style.opacity = '1';
              e.target.style.transform = 'translateY(0)';
            }, i * 80);
            cardObs.unobserve(e.target);
          }
        });
      }, {threshold: 0.15});
      cards.forEach(function(c){
        c.style.opacity = '0';
        c.style.transform = 'translateY(20px)';
        c.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
        cardObs.observe(c);
      });
    }
  }

  /* DOMの状態に関わらず確実に初期化 */
  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', daInit);
  } else {
    daInit();
  }

})();
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/dha-epa-fish-athlete/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>園芸の楽しみ方完全ガイド｜植物と過ごす豊かな時間の作り方</title>
		<link>https://yoooyooo8.jp/gardening-guide/</link>
					<comments>https://yoooyooo8.jp/gardening-guide/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Fri, 20 Feb 2026 08:55:00 +0000</pubDate>
				<category><![CDATA[日本]]></category>
		<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[自然と対話]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=1888</guid>

					<description><![CDATA[GARDENING GUIDE 2026 園芸の楽しみ方完全ガイド｜植物と過ごす豊かな時間の作り方 自然のリズムと調和する、心地よい暮らしを始めませんか この記事の要点 園芸は心身の健康に良い影響をもたらす趣味として、ス [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- 園芸の楽しみ方完全ガイド｜冒頭部分 -->
<!-- 2026年最新デザインスタイル -->

<style>
/* スコープ指定 */
.gardening-article-2026 {
  /* 2026年トレンド：自然派ミニマリズム */
  /* カラーパレット：アースグリーン × ウォームニュートラル */
  
  --primary-green: #2d5016;
  --accent-sage: #8a9a5b;
  --soft-moss: #c5d5a4;
  --warm-clay: #d4a574;
  --neutral-sand: #f5f1e8;
  --deep-forest: #1a3409;
  --highlight-bloom: #e8b4b8;
  
  font-family: 'Noto Serif JP', 'Yu Mincho', 'YuMincho', serif;
  line-height: 1.9;
  color: #2c3e21;
  background-color: var(--neutral-sand);
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

/* コンテナ */
.gardening-article-2026 .article-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 50px 30px;
  background: #ffffff;
  box-shadow: 0 2px 20px rgba(45, 80, 22, 0.08);
}

/* ヘッダー装飾 - 2026年トレンド：オーガニックシェイプ */
.gardening-article-2026 .hero-section {
  position: relative;
  padding: 70px 40px;
  margin-bottom: 60px;
  background: linear-gradient(135deg, #f5f1e8 0%, #e8efe0 100%);
  border-radius: 24px;
  overflow: hidden;
}

.gardening-article-2026 .hero-section::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(138, 154, 91, 0.15) 0%, transparent 70%);
  border-radius: 50%;
}

.gardening-article-2026 .hero-section::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -5%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(197, 213, 164, 0.2) 0%, transparent 70%);
  border-radius: 50%;
}

/* カテゴリーバッジ - 2026年スタイル */
.gardening-article-2026 .category-badge {
  display: inline-block;
  padding: 8px 20px;
  background: var(--primary-green);
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-radius: 20px;
  margin-bottom: 25px;
  position: relative;
  z-index: 1;
}

/* タイトル - 2026年タイポグラフィ */
.gardening-article-2026 .main-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--deep-forest);
  margin: 25px 0 30px 0;
  position: relative;
  z-index: 1;
}

.gardening-article-2026 .subtitle {
  font-size: 18px;
  color: var(--accent-sage);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

/* 要点ボックス - 2026年デザイン：ガラスモーフィズム風 */
.gardening-article-2026 .key-points {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(138, 154, 91, 0.2);
  border-radius: 20px;
  padding: 45px 50px;
  margin: 50px 0;
  box-shadow: 0 8px 32px rgba(45, 80, 22, 0.08);
}

.gardening-article-2026 .key-points-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--primary-green);
  margin: 0 0 32px 0;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--soft-moss);
  display: flex;
  align-items: center;
  gap: 10px;
}

.gardening-article-2026 .key-points-title::before {
  content: '🌱';
  font-size: 24px;
}

.gardening-article-2026 .key-points-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gardening-article-2026 .key-points-list li {
  padding: 20px 0 20px 35px;
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: #2c3e21;
  border-bottom: 1px solid rgba(197, 213, 164, 0.3);
}

.gardening-article-2026 .key-points-list li:last-child {
  border-bottom: none;
}

.gardening-article-2026 .key-points-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 23px;
  width: 8px;
  height: 8px;
  background: var(--accent-sage);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(138, 154, 91, 0.15);
}

/* リード文 - 2026年スタイル */
.gardening-article-2026 .lead-text {
  font-size: 17px;
  line-height: 2;
  color: #3d4f2f;
  margin: 50px 0;
  padding: 40px;
  background: linear-gradient(to right, rgba(197, 213, 164, 0.1) 0%, transparent 100%);
  border-left: 4px solid var(--accent-sage);
  border-radius: 0 12px 12px 0;
}

.gardening-article-2026 .lead-text p {
  margin: 0 0 25px 0;
}

.gardening-article-2026 .lead-text p:last-child {
  margin-bottom: 0;
}

/* 強調テキスト */
.gardening-article-2026 .highlight-text {
  background: linear-gradient(transparent 60%, rgba(232, 180, 184, 0.3) 60%);
  font-weight: 500;
  padding: 0 4px;
}

/* 目次 - 2026年アニメーション対応デザイン */
.gardening-article-2026 .toc-wrapper {
  background: #ffffff;
  border: 2px solid var(--soft-moss);
  border-radius: 20px;
  padding: 45px 50px;
  margin: 60px 0;
  box-shadow: 0 4px 20px rgba(45, 80, 22, 0.06);
  transition: all 0.3s ease;
}

.gardening-article-2026 .toc-wrapper:hover {
  box-shadow: 0 8px 30px rgba(45, 80, 22, 0.12);
  transform: translateY(-2px);
}

.gardening-article-2026 .toc-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--primary-green);
  margin: 0 0 32px 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.gardening-article-2026 .toc-title::before {
  content: '📑';
  font-size: 26px;
}

.gardening-article-2026 .toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: toc-counter;
}

.gardening-article-2026 .toc-list li {
  margin: 0 0 16px 0;
  counter-increment: toc-counter;
}

.gardening-article-2026 .toc-list li a {
  display: flex;
  align-items: center;
  padding: 14px 22px;
  color: #2c3e21;
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.3s ease;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}

.gardening-article-2026 .toc-list li a::before {
  content: counter(toc-counter, decimal-leading-zero);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--soft-moss);
  color: var(--primary-green);
  font-weight: 600;
  font-size: 14px;
  border-radius: 8px;
  margin-right: 15px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.gardening-article-2026 .toc-list li a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(197, 213, 164, 0.2) 0%, transparent 100%);
  transition: width 0.4s ease;
  z-index: -1;
}

.gardening-article-2026 .toc-list li a:hover {
  color: var(--primary-green);
  padding-left: 28px;
}

.gardening-article-2026 .toc-list li a:hover::before {
  background: var(--accent-sage);
  color: #ffffff;
  transform: scale(1.1);
}

.gardening-article-2026 .toc-list li a:hover::after {
  width: 100%;
}

/* h2見出し - 2026年デザイン */
.gardening-article-2026 .section-title {
  font-size: 32px;
  font-weight: 600;
  color: var(--deep-forest);
  margin: 100px 0 50px 0;
  padding: 32px 40px;
  background: linear-gradient(135deg, rgba(197, 213, 164, 0.2) 0%, rgba(138, 154, 91, 0.1) 100%);
  border-left: 6px solid var(--accent-sage);
  border-radius: 0 16px 16px 0;
  position: relative;
  overflow: hidden;
}

.gardening-article-2026 .section-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(232, 180, 184, 0.05) 100%);
  pointer-events: none;
}

/* h3見出し - 2026年デザイン */
.gardening-article-2026 .subsection-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--primary-green);
  margin: 60px 0 32px 0;
  padding-bottom: 18px;
  border-bottom: 3px solid var(--soft-moss);
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}

.gardening-article-2026 .subsection-title::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background: var(--accent-sage);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(138, 154, 91, 0.2);
}

/* 本文テキスト */
.gardening-article-2026 .content-text {
  font-size: 17px;
  line-height: 2;
  color: #2c3e21;
  margin: 0 0 32px 0;
}

.gardening-article-2026 .content-text:last-child {
  margin-bottom: 0;
}

/* アイコン付きボックス - 2026年デザイン */
.gardening-article-2026 .info-box {
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid var(--soft-moss);
  border-radius: 16px;
  padding: 40px;
  margin: 45px 0;
  box-shadow: 0 4px 20px rgba(45, 80, 22, 0.06);
  position: relative;
}

.gardening-article-2026 .info-box-title {
  font-size: 19px;
  font-weight: 600;
  color: var(--primary-green);
  margin: 0 0 25px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.gardening-article-2026 .info-box-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gardening-article-2026 .info-box-list li {
  padding: 16px 0 16px 30px;
  position: relative;
  line-height: 1.9;
  color: #2c3e21;
}

.gardening-article-2026 .info-box-list li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--accent-sage);
  font-weight: 600;
}

/* 強調カード - 2026年デザイン */
.gardening-article-2026 .highlight-card {
  background: linear-gradient(135deg, #f5f1e8 0%, #ffffff 100%);
  border: 1px solid rgba(138, 154, 91, 0.3);
  border-radius: 16px;
  padding: 40px;
  margin: 45px 0;
  box-shadow: 0 6px 24px rgba(45, 80, 22, 0.08);
}

.gardening-article-2026 .highlight-card-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--primary-green);
  margin: 0 0 22px 0;
  padding-left: 20px;
  border-left: 4px solid var(--warm-clay);
}

.gardening-article-2026 .highlight-card p {
  margin: 0 0 22px 0;
  line-height: 1.9;
}

.gardening-article-2026 .highlight-card p:last-child {
  margin-bottom: 0;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .gardening-article-2026 .article-container {
    padding: 30px 20px;
  }
  
  .gardening-article-2026 .hero-section {
    padding: 40px 20px;
    border-radius: 16px;
  }
  
  .gardening-article-2026 .main-title {
    font-size: 28px;
  }
  
  .gardening-article-2026 .subtitle {
    font-size: 16px;
  }
  
  .gardening-article-2026 .key-points {
    padding: 25px 20px;
    border-radius: 16px;
  }
  
  .gardening-article-2026 .key-points-title {
    font-size: 18px;
  }
  
  .gardening-article-2026 .key-points-list li {
    font-size: 15px;
    padding-left: 30px;
  }
  
  .gardening-article-2026 .lead-text {
    font-size: 16px;
    padding: 20px;
  }
  
  .gardening-article-2026 .toc-wrapper {
    padding: 25px 20px;
    border-radius: 16px;
  }
  
  .gardening-article-2026 .toc-title {
    font-size: 20px;
  }
  
  .gardening-article-2026 .toc-list li a {
    font-size: 15px;
    padding: 10px 15px;
  }
  
  .gardening-article-2026 .toc-list li a::before {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }
  
  .gardening-article-2026 .section-title {
    font-size: 26px;
    padding: 24px 25px;
    margin: 70px 0 35px 0;
  }
  
  .gardening-article-2026 .subsection-title {
    font-size: 21px;
    margin: 45px 0 25px 0;
  }
  
  .gardening-article-2026 .content-text {
    font-size: 16px;
  }
  
  .gardening-article-2026 .info-box {
    padding: 25px;
  }
  
  .gardening-article-2026 .info-box-title {
    font-size: 17px;
  }
  
  .gardening-article-2026 .highlight-card {
    padding: 25px;
  }
  
  .gardening-article-2026 .highlight-card-title {
    font-size: 17px;
  }
}
</style>

<article class="gardening-article-2026">
  <div class="article-container">
    
    <!-- ヒーローセクション -->
    <header class="hero-section">
      <div class="category-badge">GARDENING GUIDE 2026</div>
      <h2 class="main-title">園芸の楽しみ方完全ガイド｜植物と過ごす豊かな時間の作り方</h2>
      <p class="subtitle">自然のリズムと調和する、心地よい暮らしを始めませんか</p>
    </header>

    <!-- この記事の要点 -->
    <section class="key-points" role="complementary" aria-label="記事の要点">
      <h3 class="key-points-title">この記事の要点</h3>
      <ul class="key-points-list">
        <li><strong>園芸は心身の健康に良い影響をもたらす趣味</strong>として、ストレス軽減や適度な運動効果が科学的に証明されています</li>
        <li><strong>自分のペースで楽しめる3つのスタイル</strong>（観賞・収穫・造形）から、ライフスタイルに合った園芸を選べます</li>
        <li><strong>小さなスペースから始められる実践方法</strong>で、庭がなくてもベランダや室内で本格的な園芸が可能です</li>
        <li><strong>季節ごとの楽しみ方と植物選び</strong>を知ることで、一年を通じて園芸の魅力を体感できます</li>
      </ul>
    </section>

    <!-- リード文 -->
    <div class="lead-text">
      <p>朝、窓を開けると植物の葉が朝露に濡れて輝いている。水をやりながら新しい芽の成長に気づく。季節の移り変わりを肌で感じ、土に触れる時間が心を落ち着かせてくれる──これが<span class="highlight-text">園芸のある暮らし</span>です。</p>
      
      <p>現代社会では、デジタル画面に囲まれ、自然と触れ合う機会が減少しています。しかし、だからこそ<span class="highlight-text">植物を育てる時間</span>が、私たちの心身に大きな癒しをもたらしてくれるのです。</p>
      
      <p>園芸は決して難しいものではありません。広い庭がなくても、ベランダや窓辺の小さなスペースから始められます。大切なのは、植物と向き合う時間を楽しむこと。完璧を目指すのではなく、<span class="highlight-text">自分のペースで自然と対話する</span>ことです。</p>
      
      <p>この記事では、園芸の基礎から実践的な楽しみ方まで、あなたが<span class="highlight-text">植物と共に豊かな時間を過ごす</span>ためのすべてをお伝えします。住環境や生活スタイルに合わせた園芸の始め方、季節ごとの楽しみ方、そして長く続けるための心構えまで──園芸の魅力を存分にお届けします。</p>
    </div>

    <!-- 目次 -->
    <nav class="toc-wrapper" role="navigation" aria-label="目次">
      <h3 class="toc-title">目次</h3>
      <ol class="toc-list">
        <li><a href="#section-charm">園芸の3つの魅力</a></li>
        <li><a href="#section-style">園芸の3つのスタイル</a></li>
        <li><a href="#section-space">スペース別の楽しみ方</a></li>
        <li><a href="#section-season">季節ごとの楽しみ方</a></li>
        <li><a href="#section-basic">園芸を始めるための基礎知識</a></li>
        <li><a href="#section-mindset">園芸を続けるための心構え</a></li>
        <li><a href="#section-faq">よくある質問</a></li>
      </ol>
    </nav>

    <!-- セクション1：園芸の3つの魅力 -->
    <section id="section-charm">
      <h2 class="section-title">園芸の3つの魅力</h2>
      
      <p class="content-text">園芸が多くの人々に愛され続けている理由は、単に植物を育てるという行為以上の価値があるからです。ここでは、園芸がもたらす3つの大きな魅力について、科学的根拠や実践者の声を交えながら詳しく解説します。</p>

      <!-- サブセクション1-1：心と体の健康効果 -->
      <h3 class="subsection-title" id="charm-health">心と体の健康効果</h3>
      
      <p class="content-text">園芸作業は、心身の健康に多面的な良い影響を与えることが、数多くの研究によって明らかになっています。土に触れること、植物の成長を見守ること、そして収穫の喜びを味わうこと──これらすべてが私たちの健康を支える重要な要素となっています。</p>

      <div class="info-box">
        <h4 class="info-box-title">🧠 ストレス軽減のメカニズム</h4>
        <ul class="info-box-list">
          <li><strong>コルチゾール値の低下：</strong>園芸作業を30分行うだけで、ストレスホルモンであるコルチゾールの血中濃度が有意に減少することが確認されています</li>
          <li><strong>自然との繋がり：</strong>植物に触れることで「バイオフィリア（生命への愛着）」が刺激され、心理的な安定感が得られます</li>
          <li><strong>マインドフルネス効果：</strong>土を耕す、水をやる、雑草を抜くといった反復作業が、瞑想と同様の効果をもたらし、心を落ち着かせます</li>
          <li><strong>達成感の積み重ね：</strong>種をまいて芽が出る、花が咲く、実がなるという小さな成功体験が、自己効力感を高めます</li>
        </ul>
      </div>

      <p class="content-text">さらに、園芸は適度な運動としても優れています。土を掘る、重い鉢を運ぶ、しゃがんだり立ったりする動作は、全身の筋肉を使う有酸素運動です。特に高齢者にとっては、激しすぎず、自分のペースで継続できる理想的な運動となります。</p>

      <div class="highlight-card">
        <h4 class="highlight-card-title">園芸作業による消費カロリー</h4>
        <p>30分間の園芸作業で消費されるカロリーは、作業内容によって異なりますが、<span class="highlight-text">軽い水やりで約60kcal、土掘りや草取りで約150kcal</span>にもなります。これは軽いジョギングに匹敵する運動量です。</p>
        <p>また、日光を浴びることでビタミンDが生成され、骨の健康維持や免疫力向上にも貢献します。ただし、紫外線対策は忘れずに行いましょう。</p>
      </div>

      <!-- サブセクション1-2：四季を感じる暮らし -->
      <h3 class="subsection-title" id="charm-season">四季を感じる暮らし</h3>
      
      <p class="content-text">現代の都市生活では、空調の効いた室内で過ごす時間が長く、季節の移り変わりを実感する機会が減少しています。しかし、園芸を通じて植物と向き合うことで、<span class="highlight-text">日本の美しい四季を肌で感じる豊かな暮らし</span>を取り戻すことができます。</p>

      <p class="content-text">春には新芽の力強い成長に生命の息吹を感じ、夏には青々とした葉の茂りに自然のエネルギーを受け取ります。秋には実りの収穫と紅葉の美しさに感謝の気持ちが芽生え、冬には休眠する植物とともに次の春への準備を静かに進める──このような<span class="highlight-text">自然のリズムと調和した生活</span>は、心に深い充足感をもたらします。</p>

      <div class="info-box">
        <h4 class="info-box-title">🌸 季節ごとの園芸の楽しみ</h4>
        <ul class="info-box-list">
          <li><strong>春（3-5月）：</strong>新しい植物の植え付け、球根の芽吹き、桜やチューリップの開花に心躍る季節</li>
          <li><strong>夏（6-8月）：</strong>トマトやキュウリの収穫、朝顔の開花、緑豊かな庭で過ごす爽やかな朝の時間</li>
          <li><strong>秋（9-11月）：</strong>秋植え球根の準備、紅葉する植物の鑑賞、コスモスや菊の優雅な姿</li>
          <li><strong>冬（12-2月）：</strong>寒さに強いパンジーやビオラ、室内園芸の充実、春への計画を立てる楽しみ</li>
        </ul>
      </div>

      <p class="content-text">また、旬の植物との出会いも園芸の大きな魅力です。その季節にしか見られない花、その時期だけ味わえる野菜やハーブ──こうした<span class="highlight-text">季節限定の体験</span>が、日々の生活に変化とワクワク感をもたらしてくれます。</p>

      <!-- サブセクション1-3：自分だけの空間づくり -->
      <h3 class="subsection-title" id="charm-space">自分だけの空間づくり</h3>
      
      <p class="content-text">園芸の最も創造的な側面は、<span class="highlight-text">自分の好みや個性を表現できる空間を作り出せること</span>です。庭やベランダ、室内の窓辺──限られたスペースであっても、そこは完全にあなただけの世界。どんな植物を選ぶか、どう配置するか、すべてがあなたの感性次第です。</p>

      <p class="content-text">鮮やかな花々で華やかな空間を演出するのもよし、グリーンだけでシンプルに整えるのもよし。アンティーク風の鉢でレトロな雰囲気を作るのも、モダンなコンテナでスタイリッシュにまとめるのも自由です。<span class="highlight-text">正解はありません。あなたが心地よいと感じる空間が最高の答え</span>なのです。</p>

      <div class="highlight-card">
        <h4 class="highlight-card-title">小さなスペースでも叶う、理想の庭づくり</h4>
        <p>広い庭がなくても心配いりません。ベランダのコーナー、玄関先の小さなスペース、窓辺のカウンター──どんな場所でも、工夫次第で素敵な緑の空間を作ることができます。</p>
        <p>例えば、<span class="highlight-text">1平方メートルのベランダスペース</span>でも、ハンギングバスケット、壁面プランター、多段ラックを活用すれば、立体的に20〜30種類以上の植物を育てることが可能です。</p>
        <p>重要なのは広さではなく、<span class="highlight-text">あなたがその空間をどれだけ愛情を持ってデザインするか</span>。小さな緑の楽園は、忙しい日常の中でホッと一息つける、かけがえのない癒しの場所となるでしょう。</p>
      </div>

      <p class="content-text">また、室内の観葉植物も立派な空間づくりの一部です。リビングの大型観葉植物は部屋に生命感を与え、デスク周りの小さな多肉植物は仕事の合間の癒しとなります。寝室に空気清浄効果のある植物を置けば、より快適な睡眠環境を整えることもできます。</p>

      <p class="content-text">このように、園芸は単なる趣味の範疇を超え、<span class="highlight-text">あなたの暮らし全体を豊かにする力</span>を持っています。心身の健康を支え、季節の移ろいを感じさせ、自分らしい空間を創造する──これこそが、多くの人が園芸に魅了される理由なのです。</p>
    </section>

    <!-- セクション2：園芸の3つのスタイル -->
    <section id="section-style">
      <h2 class="section-title">園芸の3つのスタイル</h2>
      
      <p class="content-text">園芸には、楽しみ方によって大きく分けて3つのスタイルがあります。<span class="highlight-text">観賞を楽しむスタイル、収穫を楽しむスタイル、造形を楽しむスタイル</span>──それぞれに独自の魅力があり、もちろん複数を組み合わせることも可能です。あなたのライフスタイルや興味に合わせて、最適なスタイルを見つけましょう。</p>

      <!-- サブセクション2-1：観賞を楽しむ「花の園芸」 -->
      <h3 class="subsection-title" id="style-flower">観賞を楽しむ「花の園芸」</h3>
      
      <p class="content-text">花の園芸は、最も一般的で親しみやすいスタイルです。色とりどりの花々が咲く様子を眺める喜び、香りを楽しむ時間、季節ごとに変化する庭の表情──<span class="highlight-text">視覚と嗅覚で自然の美しさを堪能できる</span>のが花の園芸の魅力です。</p>

      <p class="content-text">花の園芸では、色彩計画が重要なポイントとなります。同系色でまとめて統一感を出すのか、補色を使って鮮やかなコントラストを作るのか。パステルカラーで優しい雰囲気にするのか、ビビッドな色で元気な印象にするのか──<span class="highlight-text">色の組み合わせ次第で、まったく異なる空間</span>を演出できます。</p>

      <div class="info-box">
        <h4 class="info-box-title">🌺 季節別おすすめの花卉植物</h4>
        <ul class="info-box-list">
          <li><strong>春の花：</strong>チューリップ、パンジー、ビオラ、プリムラ、ネモフィラ、マーガレット、桜草</li>
          <li><strong>夏の花：</strong>ペチュニア、マリーゴールド、サルビア、ジニア、朝顔、ひまわり、百日草</li>
          <li><strong>秋の花：</strong>コスモス、菊、ダリア、ケイトウ、ジニア、パンパスグラス、アスター</li>
          <li><strong>冬の花：</strong>パンジー、ビオラ、シクラメン、ガーデンシクラメン、プリムラ、葉牡丹、スイートアリッサム</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">色彩計画の基礎テクニック</h4>
        <p><span class="highlight-text">同系色の配色：</span>例えば、ピンク系の花（ペチュニア、コスモス、バラ）を組み合わせると、優雅で落ち着いた雰囲気になります。グラデーションを意識すると、より洗練された印象に。</p>
        <p><span class="highlight-text">補色の配色：</span>紫の花（ラベンダー、ペチュニア）と黄色の花（マリーゴールド、ビオラ）のように、色相環で反対に位置する色を組み合わせると、鮮やかで活気のある空間になります。</p>
        <p><span class="highlight-text">三色配色：</span>赤・黄・青のように、色相環で等間隔に位置する3色を使うと、バランスの取れた華やかな庭になります。最初は慣れるまで2色から始めるのがおすすめです。</p>
      </div>

      <p class="content-text">また、花の高さや開花時期を考慮することも大切です。手前に背の低い植物、奥に背の高い植物を配置すると、<span class="highlight-text">立体的で奥行きのある空間</span>を作ることができます。さらに、開花時期をずらして植えれば、長期間にわたって花を楽しめます。</p>

      <!-- サブセクション2-2：収穫を楽しむ「野菜・ハーブ栽培」 -->
      <h3 class="subsection-title" id="style-harvest">収穫を楽しむ「野菜・ハーブ栽培」</h3>
      
      <p class="content-text">自分で育てた野菜やハーブを食卓に並べる喜び──これは収穫型園芸ならではの醍醐味です。<span class="highlight-text">育てる楽しみと食べる喜びが一体となった</span>このスタイルは、実用性と趣味性を兼ね備えており、近年特に人気が高まっています。</p>

      <p class="content-text">ベランダや小さな庭でも、工夫次第で十分な収穫が得られます。プランター栽培なら、土の管理がしやすく、病害虫のコントロールもしやすいメリットがあります。何より、<span class="highlight-text">自分で育てた無農薬野菜の味は格別</span>です。</p>

      <div class="info-box">
        <h4 class="info-box-title">🥬 ベランダでできる野菜・ハーブ</h4>
        <ul class="info-box-list">
          <li><strong>基礎野菜（簡単）：</strong>ミニトマト、リーフレタス、ベビーリーフ、ラディッシュ、小松菜、水菜、ルッコラ</li>
          <li><strong>人気のハーブ：</strong>バジル、イタリアンパセリ、ミント、ローズマリー、タイム、オレガノ、パクチー</li>
          <li><strong>中級者向け：</strong>ナス、ピーマン、キュウリ、ズッキーニ、インゲン、枝豆、オクラ</li>
          <li><strong>通年栽培可能：</strong>ネギ、パセリ、三つ葉、クレソン、スプラウト類（室内）</li>
        </ul>
      </div>

      <p class="content-text">料理に使えるハーブ栽培は、特におすすめです。バジルは夏のトマト料理に、ローズマリーは肉料理の香りづけに、ミントはデザートやドリンクに──<span class="highlight-text">必要な分だけ摘んで使える</span>新鮮さは、市販品では味わえない贅沢です。</p>

      <div class="highlight-card">
        <h4 class="highlight-card-title">無農薬栽培の喜びと実践ポイント</h4>
        <p>家庭菜園の大きな利点は、<span class="highlight-text">自分で栽培管理できるため、農薬を使わずに育てられる</span>ことです。特に小規模なベランダ栽培なら、虫がついたら手で取り除く、病気の葉は早めに摘み取るなど、きめ細かなケアが可能です。</p>
        <p>コンパニオンプランツ（相性の良い植物の組み合わせ）を活用するのも効果的。例えば、トマトとバジルを一緒に植えると、バジルの香りが害虫を遠ざけてくれます。マリーゴールドは多くの野菜と相性が良く、土壌の害虫対策にもなります。</p>
        <p>収穫したばかりの野菜は、栄養価が高く、香りも味も格別。<span class="highlight-text">採れたてのトマトの甘さ、摘みたてバジルの香り</span>は、一度体験すると忘れられない喜びとなるでしょう。</p>
      </div>

      <!-- サブセクション2-3：造形を楽しむ「盆栽・トピアリー」 -->
      <h3 class="subsection-title" id="style-form">造形を楽しむ「盆栽・トピアリー」</h3>
      
      <p class="content-text">植物に形を与え、時間をかけて理想の姿に育て上げる──これは園芸の中でも特に<span class="highlight-text">芸術性と忍耐力が求められる深遠なスタイル</span>です。盆栽やトピアリー、仕立て物といった造形園芸は、日本の伝統文化とも深く結びついています。</p>

      <p class="content-text">盆栽は、小さな鉢の中に自然の風景を凝縮させる技術です。幹の曲がり具合、枝の配置、葉の密度──すべてが計算されつくした小宇宙。<span class="highlight-text">数年、時には数十年かけて理想の形に近づけていく</span>プロセスそのものが、盆栽の最大の魅力なのです。</p>

      <div class="info-box">
        <h4 class="info-box-title">🌲 造形園芸の種類と特徴</h4>
        <ul class="info-box-list">
          <li><strong>盆栽：</strong>松、楓、梅などを小さな鉢で育て、自然の縮図を表現する日本の伝統園芸。数年から数十年の時間をかけて完成させる</li>
          <li><strong>トピアリー：</strong>ツゲやイチイなどの常緑樹を刈り込んで、幾何学模様や動物の形に整える西洋の園芸技術</li>
          <li><strong>仕立て物：</strong>菊の千輪仕立て、朝顔の行灯仕立てなど、特定の形に誘引して育てる日本の伝統技法</li>
          <li><strong>苔玉・石付：</strong>根を苔で包んだり、石に活着させたりする、現代的にアレンジされた和の園芸スタイル</li>
        </ul>
      </div>

      <p class="content-text">造形園芸は、即座に結果が出るものではありません。しかし、だからこそ<span class="highlight-text">日々の小さな変化を楽しみ、長期的な視点で植物と向き合う</span>ことができます。枝を1本剪定する、針金をかけて方向を変える──そんな小さな手入れが、数ヶ月後、数年後に大きな変化となって現れるのです。</p>

      <div class="highlight-card">
        <h4 class="highlight-card-title">基礎からの盆栽入門</h4>
        <p>盆栽は敷居が高いと思われがちですが、<span class="highlight-text">ミニ盆栽や苔玉からスタートすれば、基礎から学べます</span>。5,000円程度の初心者セットで十分始められ、必要な道具も最小限で構いません。</p>
        <p>おすすめの入門樹種は、丈夫で手入れしやすい五葉松、真柏、もみじなど。特にもみじは四季の変化が美しく、春の新緑、夏の深緑、秋の紅葉、冬の枝ぶりと、一年を通じて楽しめます。</p>
        <p>盆栽は<span class="highlight-text">急がないことが最大のコツ</span>。植物の成長を待ち、自然の流れに身を任せる──そんな姿勢が、現代社会に生きる私たちに大切な「間」を取り戻させてくれます。</p>
      </div>

      <p class="content-text">これら3つのスタイルは、それぞれ異なる楽しみ方を提供してくれます。花の鮮やかさに癒されたい方は観賞型を、実用性も求める方は収穫型を、じっくりと時間をかけて作品を作り上げたい方は造形型を──あるいは、<span class="highlight-text">すべてを組み合わせて自分だけの園芸スタイルを確立する</span>のも素晴らしい選択です。</p>
    </section>

    <!-- セクション3：スペース別の楽しみ方 -->
    <section id="section-space">
      <h2 class="section-title">スペース別の楽しみ方</h2>
      
      <p class="content-text">園芸を始める上で、「広い庭がないから」と諦める必要はまったくありません。<span class="highlight-text">庭、ベランダ、室内──どんな環境でも、その空間に最適な園芸の楽しみ方</span>があります。ここでは、それぞれの環境における具体的な方法と、空間を最大限に活用するコツをお伝えします。</p>

      <!-- サブセクション3-1：庭がある場合 -->
      <h3 class="subsection-title" id="space-garden">庭がある場合</h3>
      
      <p class="content-text">庭がある環境は、園芸において最も自由度の高い条件です。地植えができるため、<span class="highlight-text">大型の樹木や広がる草花、本格的な菜園</span>まで、幅広い選択肢が広がります。ただし、広いからこそ計画性が重要になります。</p>

      <p class="content-text">まずは庭全体のゾーニング（区分け）を考えましょう。観賞エリア、収穫エリア、くつろぎエリア──用途別に分けることで、<span class="highlight-text">機能的で美しい庭</span>を実現できます。また、日当たりの良い場所と日陰になる場所を把握し、それぞれに適した植物を配置することも大切です。</p>

      <div class="info-box">
        <h4 class="info-box-title">🏡 庭づくりの基本ゾーニング</h4>
        <ul class="info-box-list">
          <li><strong>メインガーデン（観賞エリア）：</strong>家の窓から見える場所に季節の花や美しい樹木を配置。視線が集まる「フォーカルポイント」を作ると印象的に</li>
          <li><strong>キッチンガーデン（菜園エリア）：</strong>日当たりの良い場所に野菜やハーブを栽培。キッチンから近い場所だと、料理の際に便利</li>
          <li><strong>シェードガーデン（日陰エリア）：</strong>建物の影や樹木の下には、ホスタ、ギボウシ、アジサイなど日陰を好む植物を</li>
          <li><strong>リラックスエリア：</strong>ベンチやテーブルを置いて、庭を眺めながらくつろげるスペースを確保</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">庭木の選び方と配置のポイント</h4>
        <p>庭木は<span class="highlight-text">庭の骨格を作る重要な要素</span>です。シンボルツリー（主木）として1本、サブツリーとして2〜3本を配置するのが基本パターン。成長後の大きさを考慮し、建物や隣地から十分な距離を取りましょう。</p>
        <p><strong>おすすめのシンボルツリー：</strong>常緑樹なら、シマトネリコ、オリーブ、ソヨゴ。落葉樹なら、ヤマボウシ、ハナミズキ、株立ちのアオダモ。これらは樹形が美しく、管理もしやすい樹種です。</p>
        <p>地植えの最大の利点は<span class="highlight-text">根を深く広く張れること</span>。そのため水やりの頻度が少なく済み、植物が健康に大きく育ちます。ただし、植える前に土壌改良をしっかり行うことが、長期的な成功の鍵となります。</p>
      </div>

      <p class="content-text">芝生を敷くか、グラウンドカバー植物を植えるか、砂利を敷くか──地面の処理も重要な選択です。芝生は美しいですがメンテナンスが必要、グラウンドカバーは雑草対策になり、砂利は管理が楽──<span class="highlight-text">ライフスタイルに合わせた選択</span>をしましょう。</p>

      <!-- サブセクション3-2：ベランダ・バルコニー -->
      <h3 class="subsection-title" id="space-balcony">ベランダ・バルコニー</h3>
      
      <p class="content-text">都市部で最も多い園芸環境がベランダやバルコニーです。限られたスペースでも、<span class="highlight-text">工夫次第で驚くほど豊かな緑の空間</span>を作ることができます。むしろ、コンパクトだからこそ管理がしやすく、細やかなケアが可能というメリットもあります。</p>

      <p class="content-text">ベランダ園芸で最も重要なのは、日当たりと風の状況を把握することです。南向きなら日照時間が長く、野菜や花が育ちやすい環境。東向きは午前中の柔らかい日差しで、葉物野菜やハーブに最適。北向きでも、耐陰性のある植物なら十分育てられます。</p>

      <div class="info-box">
        <h4 class="info-box-title">🌿 日当たり条件別おすすめ植物</h4>
        <ul class="info-box-list">
          <li><strong>南向き（日照6時間以上）：</strong>トマト、ナス、ペチュニア、マリーゴールド、バジル、ローズマリー、多肉植物</li>
          <li><strong>東向き（午前中の日照）：</strong>リーフレタス、小松菜、パンジー、インパチェンス、イタリアンパセリ、ミント</li>
          <li><strong>西向き（午後の強い日差し）：</strong>サボテン、多肉植物、ハイビスカス、ブーゲンビリア、オリーブ</li>
          <li><strong>北向き（半日陰〜日陰）：</strong>ホスタ、アイビー、ポトス、シダ植物、ベゴニア、インパチェンス</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">限られたスペースの活用テクニック</h4>
        <p><span class="highlight-text">縦の空間を最大限に活用する</span>のが、ベランダ園芸の鉄則です。ハンギングバスケットを手すりにかける、壁面にラティスやトレリスを設置してつる性植物を這わせる、多段ラックで立体的に配置する──これらの方法で、栽培面積を2〜3倍に増やせます。</p>
        <p><strong>ハンギングバスケット：</strong>ペチュニア、ロベリア、アイビーゼラニウムなど、下に垂れ下がる植物が美しい。水やり頻度が高くなるため、保水性の高い土を使うのがコツ。</p>
        <p><strong>ウォールプランター：</strong>壁に取り付けるタイプのプランターで、ハーブや小型の野菜栽培に最適。キッチンハーブガーデンとして、バジル、パセリ、タイム、オレガノを育てるのがおすすめ。</p>
        <p><strong>移動式コンテナ：</strong>キャスター付きの台を使えば、日当たりに応じて植物を移動できます。重い大型プランターも楽に動かせ、<span class="highlight-text">季節や成長段階に応じた最適配置</span>が可能になります。</p>
      </div>

      <p class="content-text">ベランダ園芸では、プランター選びも重要です。排水穴があること、適切なサイズであること、素材の特性を理解すること──これらのポイントを押さえましょう。テラコッタは通気性が良いが乾きやすい、プラスチックは軽くて保水性が高い、木製は見た目が良いが劣化しやすい──<span class="highlight-text">それぞれの特徴を活かした選択</span>が大切です。</p>

      <!-- サブセクション3-3：室内（観葉植物） -->
      <h3 class="subsection-title" id="space-indoor">室内（観葉植物）</h3>
      
      <p class="content-text">ベランダすらない住環境でも、室内園芸という選択肢があります。観葉植物は<span class="highlight-text">インテリアとしての美しさと、空気清浄効果や癒しをもたらす</span>実用性を兼ね備えており、現代の住空間に欠かせない存在となっています。</p>

      <p class="content-text">室内園芸の最大の利点は、温度管理がしやすいこと。年間を通じて安定した環境で植物を育てられます。ただし、日光不足になりがちなため、<span class="highlight-text">置き場所の選定と、定期的な位置変更</span>がポイントとなります。</p>

      <div class="info-box">
        <h4 class="info-box-title">🪴 部屋別おすすめ観葉植物</h4>
        <ul class="info-box-list">
          <li><strong>リビング（明るい空間）：</strong>モンステラ、フィカス・ウンベラータ、オーガスタ、エバーフレッシュ、パキラ（大型種）</li>
          <li><strong>寝室（癒し重視）：</strong>サンスベリア（空気清浄）、ポトス、アイビー、スパティフィラム（夜間も酸素放出）</li>
          <li><strong>書斎・デスク周り：</strong>ガジュマル、ペペロミア、サボテン、多肉植物、テーブルヤシ（小型種）</li>
          <li><strong>洗面所・浴室：</strong>ポトス、シダ植物、アグラオネマ、スパティフィラム（高湿度に強い種）</li>
          <li><strong>キッチン：</strong>バジル、ミント、パセリ、ローズマリー（窓辺でハーブ栽培）</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">光と水の管理がカギ</h4>
        <p>室内の観葉植物管理で最も重要なのは<span class="highlight-text">適切な光と水の管理</span>です。多くの観葉植物は熱帯地域原産で、明るい日陰を好みます。直射日光は葉焼けの原因になるため、レースカーテン越しの光が理想的です。</p>
        <p><strong>置き場所の工夫：</strong>窓から1〜2メートル以内の場所が最適。光が届きにくい部屋の奥には、耐陰性の強いポトスやサンスベリアを。植物用LEDライトを使えば、日当たりの悪い場所でも健康に育てられます。</p>
        <p><strong>水やりのタイミング：</strong>室内は蒸散が少ないため、屋外より水やり頻度は低めに。土の表面が乾いてから2〜3日後が目安。<span class="highlight-text">水やりし過ぎによる根腐れ</span>が最も多い失敗原因です。指を土に入れて湿り具合を確認する習慣をつけましょう。</p>
        <p><strong>定期的なケア：</strong>月に1〜2回は葉の表面を濡れた布で拭いて、ホコリを取り除きます。これにより光合成が促進され、病害虫の予防にもなります。</p>
      </div>

      <p class="content-text">インテリアとしての観葉植物の配置も楽しみの一つです。大型植物は部屋のコーナーや窓際に置いて存在感を出し、中型植物はテーブルや棚の上に、小型植物はデスクや窓辺に──<span class="highlight-text">サイズの異なる植物を組み合わせて立体的な空間</span>を作りましょう。</p>

      <p class="content-text">また、鉢カバーやプランタースタンドを使えば、より洗練された印象になります。北欧風、ナチュラル、モダン、和風──インテリアスタイルに合わせた植物と鉢の組み合わせで、<span class="highlight-text">あなただけの緑のある暮らし</span>を実現できます。</p>

      <p class="content-text">庭、ベランダ、室内──どの環境であっても、その空間に最適な園芸の形があります。重要なのは、<span class="highlight-text">今ある環境を最大限に活かし、無理なく楽しめる方法を見つけること</span>です。小さな一鉢から始めて、少しずつ緑を増やしていく。そんな自然なペースで、園芸のある暮らしを育てていきましょう。</p>
    </section>

    <!-- 画像1：様々なスタイルの園芸 -->
    <figure style="margin: 50px 0; text-align: center;">
      <img width="1200" height="800" decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/02/A-landscape-of-gardening-in-a-variety-of-styles-including-ornamental-flowers-harvested-vegetables-and-bonsai.jpg" alt="観賞用の花、収穫野菜、盆栽など様々なスタイルで楽しむ園芸の風景" style="max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(45, 80, 22, 0.15);">
      <figcaption style="margin-top: 15px; font-size: 14px; color: #5a6c57; font-style: italic;">花、野菜、盆栽など、園芸の楽しみ方は無限大です</figcaption>
    </figure>

    <!-- セクション4：季節ごとの楽しみ方 -->
    <section id="section-season">
      <h2 class="section-title">季節ごとの楽しみ方</h2>
      
      <p class="content-text">園芸の大きな魅力の一つは、<span class="highlight-text">四季折々の変化を間近で感じられること</span>です。日本の美しい四季は、それぞれ異なる園芸の楽しみ方を提供してくれます。季節の特性を理解し、その時期ならではの作業や植物を楽しむことで、一年を通じて園芸ライフを満喫できます。</p>

      <!-- サブセクション4-1：春の園芸 -->
      <h3 class="subsection-title" id="season-spring">春の園芸（3-5月）</h3>
      
      <p class="content-text">春は園芸における<span class="highlight-text">最も活動的で希望に満ちた季節</span>です。冬の眠りから覚めた植物たちが一斉に芽吹き、新しい生命のエネルギーに満ち溢れています。気温が上がり始め、日照時間も長くなるこの時期は、新しい植物を迎えるのに最適なタイミングです。</p>

      <p class="content-text">春の園芸作業で最も重要なのは植え付けです。一年草の種まきや苗の定植、宿根草の株分け、球根植物の植え付け──<span class="highlight-text">春に植えた植物は、これから訪れる成長期に向けて根をしっかり張ります</span>。また、冬の間に傷んだ枝の剪定や、土の入れ替えも春の大切な作業です。</p>

      <div class="info-box">
        <h4 class="info-box-title">🌸 春の主な園芸作業</h4>
        <ul class="info-box-list">
          <li><strong>3月：</strong>春植え球根の植え付け（グラジオラス、ダリア）、パンジー・ビオラの追肥、冬越し植物の剪定、土づくり開始</li>
          <li><strong>4月：</strong>一年草の種まき（マリーゴールド、ジニア）、夏野菜の苗植え準備、宿根草の株分け、芝生の手入れ開始</li>
          <li><strong>5月：</strong>夏野菜の本格植え付け（トマト、ナス、キュウリ）、バラの追肥と害虫対策、ハーブの植え付け、水やり頻度の調整</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">春におすすめの植物と楽しみ方</h4>
        <p><span class="highlight-text">春の花：</span>チューリップ、スイセン、ヒヤシンスなどの球根植物が一斉に開花し、庭を華やかに彩ります。パンジー、ビオラは冬から春まで長く咲き続け、色のバリエーションも豊富。マーガレット、プリムラも春の定番です。</p>
        <p><span class="highlight-text">春の野菜・ハーブ：</span>リーフレタス、ルッコラ、ラディッシュなど、短期間で収穫できる葉物野菜は春の栽培に最適。バジル、イタリアンパセリ、ディルなどのハーブも、この時期から元気に育ち始めます。</p>
        <p><span class="highlight-text">春の楽しみ方：</strong>桜の開花とともに庭仕事を本格的に始めるのが日本の春の伝統。暖かな日差しの中での作業は気持ちよく、新芽の成長を日々観察する喜びは格別です。週末の朝、コーヒーを片手に庭を眺める時間が、春の贅沢なひとときとなるでしょう。</p>
      </div>

      <!-- サブセクション4-2：夏の園芸 -->
      <h3 class="subsection-title" id="season-summer">夏の園芸（6-8月）</h3>
      
      <p class="content-text">夏は植物の<span class="highlight-text">成長が最も旺盛な季節</span>です。強い日差しと十分な水分により、野菜は実をつけ、花は鮮やかに咲き誇ります。しかし同時に、暑さと乾燥、強い紫外線への対策が必要な季節でもあります。</p>

      <p class="content-text">夏の園芸で最も重要なのは水やり管理です。気温が高く蒸散が激しいため、<span class="highlight-text">早朝か夕方の涼しい時間帯に、たっぷりと水を与える</span>ことが大切。日中の水やりは水が熱湯のようになり根を傷める可能性があるため避けましょう。また、マルチング（地表を覆うこと）で土の乾燥を防ぐ工夫も効果的です。</p>

      <div class="info-box">
        <h4 class="info-box-title">☀️ 夏の主な園芸作業</h4>
        <ul class="info-box-list">
          <li><strong>6月：</strong>梅雨対策（排水改善、病害虫予防）、夏野菜の支柱立て、アジサイの剪定、雑草管理の徹底</li>
          <li><strong>7月：</strong>夏花の追肥（ペチュニア、サルビア）、野菜の収穫開始、水やり頻度の増加、日除け対策（遮光ネット）</li>
          <li><strong>8月：</strong>秋植え野菜の準備、トマト・ナスの収穫ピーク、朝顔の花がら摘み、弱った植物の切り戻し</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">夏におすすめの植物と暑さ対策</h4>
        <p><span class="highlight-text">夏の花：</span>ペチュニア、サルビア、マリーゴールド、ジニア、ポーチュラカ、インパチェンスなど、暑さに強く色鮮やかな花が夏の庭を彩ります。朝顔、夕顔などのつる性植物は、グリーンカーテンとして日除けにもなります。</p>
        <p><span class="highlight-text">夏の野菜：</span>トマト、ナス、キュウリ、ピーマン、オクラ、ゴーヤなど、夏野菜の収穫は園芸の最大の喜び。採れたての野菜を使った料理は、市販品とは比べものにならない美味しさです。バジルやシソなど、薬味として使えるハーブも夏に大活躍。</p>
        <p><span class="highlight-text">暑さ対策のコツ：</strong>遮光ネット（50%程度）を使用すると、葉焼けを防げます。プランター栽培の場合、二重鉢（プランターの中にもう一つ小さい鉢を入れる）で根の温度上昇を抑えられます。<span class="highlight-text">自動灌水システム</span>を導入すれば、旅行中や忙しい時期も安心です。</p>
      </div>

      <!-- サブセクション4-3：秋の園芸 -->
      <h3 class="subsection-title" id="season-autumn">秋の園芸（9-11月）</h3>
      
      <p class="content-text">秋は<span class="highlight-text">二度目の園芸シーズン</span>とも言える豊かな季節です。厳しい夏の暑さが和らぎ、過ごしやすい気候の中で園芸作業ができます。また、春に植えた植物の実りを収穫し、来年に向けた準備を始める、<span class="highlight-text">感謝と準備の季節</span>でもあります。</p>

      <p class="content-text">秋の大きな楽しみは、春咲き球根の植え付けです。チューリップ、スイセン、ヒヤシンス、クロッカス──<span class="highlight-text">秋に植えた球根が、翌春に美しい花を咲かせる</span>喜びは格別です。また、パンジーやビオラなど、秋から春まで長く楽しめる花の植え付けも、この時期の重要な作業です。</p>

      <div class="info-box">
        <h4 class="info-box-title">🍂 秋の主な園芸作業</h4>
        <ul class="info-box-list">
          <li><strong>9月：</strong>秋植え野菜の種まき（ダイコン、カブ、ホウレンソウ）、多年草の株分け、芝生の補修、夏花の整理</li>
          <li><strong>10月：</strong>春咲き球根の植え付け、秋花の追肥（コスモス、菊）、落ち葉の堆肥化開始、冬越し準備</li>
          <li><strong>11月：</strong>パンジー・ビオラの植え付け、庭木の剪定、霜対策の準備、春の計画立案</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">秋におすすめの植物と収穫の喜び</h4>
        <p><span class="highlight-text">秋の花：</span>コスモス、菊、ダリア、ケイトウ、アスター、パンパスグラスなど、秋らしい落ち着いた色合いの花が美しい季節。もみじやドウダンツツジなどの紅葉も、秋の庭を彩る重要な要素です。</p>
        <p><span class="highlight-text">秋の野菜：</span>ダイコン、カブ、ホウレンソウ、小松菜、ミズナなど、葉物野菜は秋の涼しい気候で甘みを増します。秋植えのイチゴ苗も、この時期に植えれば翌春に収穫できます。</p>
        <p><span class="highlight-text">秋の楽しみ方：</span>収穫祭的な雰囲気で、夏野菜の最後の実りを楽しみましょう。グリーントマトのピクルス、最後のナスで作る秋ナス料理──<span class="highlight-text">季節の終わりを惜しみながら味わう</span>のも、園芸ならではの贅沢です。また、落ち葉を集めて腐葉土づくりを始めるのも、循環型園芸の第一歩となります。</p>
      </div>

      <!-- サブセクション4-4：冬の園芸 -->
      <h3 class="subsection-title" id="season-winter">冬の園芸（12-2月）</h3>
      
      <p class="content-text">冬は植物も人も<span class="highlight-text">静かに春を待つ季節</span>です。多くの植物が休眠期に入り、庭仕事は最も少なくなります。しかし、この時期だからこそできることがあり、また冬でも楽しめる植物があります。</p>

      <p class="content-text">冬の園芸の中心は、<span class="highlight-text">室内園芸と冬でも元気な植物の管理</span>、そして春への準備です。霜や雪から植物を守る作業、土づくりの計画、来シーズンに向けた種や苗の注文──冬は外での作業は少なくても、<span class="highlight-text">心の中で春の庭を思い描く</span>楽しい時間となります。</p>

      <div class="info-box">
        <h4 class="info-box-title">❄️ 冬の主な園芸作業</h4>
        <ul class="info-box-list">
          <li><strong>12月：</strong>寒さに弱い植物の防寒対策、冬花の水やり管理、庭木の冬季剪定、来年の園芸計画</li>
          <li><strong>1月：</strong>休眠期の剪定（バラ、果樹）、土壌改良資材の施用、室内園芸の充実、春の種・苗カタログチェック</li>
          <li><strong>2月：</strong>早春の球根（クロッカス、スノードロップ）の芽吹き観察、春野菜の種まき準備、霜対策の継続</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">冬におすすめの植物と室内園芸</h4>
        <p><span class="highlight-text">冬の花：</span>パンジー、ビオラは霜に強く、冬でも元気に咲き続けます。ガーデンシクラメン、葉牡丹、プリムラ、スイートアリッサムも冬の庭を彩る貴重な存在。南天や千両の赤い実も、冬の庭に彩りを添えます。</p>
        <p><span class="highlight-text">室内園芸の充実：</span>冬は室内園芸に力を入れる絶好の機会。観葉植物の手入れ、ハーブの室内栽培（バジル、パセリ）、スプラウト栽培（ブロッコリースプラウト、かいわれ大根）など、<span class="highlight-text">温かい室内で緑を楽しむ</span>方法はたくさんあります。</p>
        <p><span class="highlight-text">冬の楽しみ方：</span>カタログを眺めながら春の園芸計画を立てるのは、冬の園芸家の至福の時間。どんな野菜を育てようか、今年は新しい花に挑戦しようか──<span class="highlight-text">想像を膨らませる時間</span>が、寒い冬を温かくしてくれます。また、道具の手入れや鉢の洗浄など、普段できないメンテナンス作業も冬の大切な仕事です。</p>
      </div>

      <p class="content-text">四季それぞれに異なる魅力と作業がある──これが日本の園芸の素晴らしさです。春の芽吹き、夏の成長、秋の実り、冬の休息──<span class="highlight-text">自然のサイクルに寄り添いながら暮らす</span>ことで、心豊かな一年を過ごすことができます。季節の移り変わりを植物とともに感じ、その時期ならではの園芸を楽しんでいきましょう。</p>
    </section>

    <!-- セクション5：園芸を始めるための基礎知識 -->
    <section id="section-basic">
      <h2 class="section-title">園芸を始めるための基礎知識</h2>
      
      <p class="content-text">園芸を始めるにあたって、<span class="highlight-text">最低限知っておきたい基礎知識</span>があります。難しく考える必要はありませんが、土や肥料、水やりなどの基本を理解することで、植物をより健康に育てることができます。ここでは、園芸の成功に欠かせない3つの要素について詳しく解説します。</p>

      <!-- サブセクション5-1：必要な道具 -->
      <h3 class="subsection-title" id="basic-tools">必要な道具</h3>
      
      <p class="content-text">園芸を始める際、最初から高価な道具を揃える必要はありません。<span class="highlight-text">基本の道具7つ</span>があれば、ほとんどの園芸作業をこなすことができます。品質の良い道具は長く使えますが、最初は手頃な価格のもので十分です。</p>

      <div class="info-box">
        <h4 class="info-box-title">🛠️ 基本の7つ道具</h4>
        <ul class="info-box-list">
          <li><strong>移植ゴテ（スコップ）：</strong>土を掘る、植え付ける、土を混ぜるなど最も使用頻度が高い道具。ステンレス製が錆びにくくおすすめ（1,000〜2,000円）</li>
          <li><strong>剪定バサミ：</strong>枝や茎を切る必須アイテム。刃の切れ味が重要なので、定期的に研ぐか、刃の交換ができるタイプを選ぶ（2,000〜3,000円）</li>
          <li><strong>ジョウロ：</strong>容量は5〜7リットルが使いやすい。ハス口（先端の散水部分）が取り外せるタイプが便利（1,500〜3,000円）</li>
          <li><strong>園芸用手袋：</strong>手の保護と作業性の両立が重要。通気性の良い薄手タイプと、防水タイプの2種類あると便利（500〜1,500円）</li>
          <li><strong>熊手・レーキ：</strong>土をならす、落ち葉を集めるなど。小型のもので十分（800〜1,500円）</li>
          <li><strong>霧吹き：</strong>葉水をやる、薬剤散布に使用。500ml程度のサイズが使いやすい（300〜800円）</li>
          <li><strong>バケツ：</strong>土を運ぶ、水を溜める、道具を洗うなど多用途。10リットル程度のプラスチック製が軽くて便利（500〜1,000円）</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">あると便利なアイテムと道具の手入れ</h4>
        <p><span class="highlight-text">あると便利な道具：</span>ピンセット（小さな雑草抜き）、支柱とビニタイ（植物の誘引）、土ふるい（土の再利用）、計量カップ・スプーン（肥料の計量）、園芸用エプロン（道具の携帯）、膝当てパッド（長時間作業の負担軽減）。必要に応じて少しずつ買い足していくのがおすすめです。</p>
        <p><span class="highlight-text">道具の手入れ方法：</span>使用後は必ず土や汚れを落とし、金属部分は水気を拭き取ります。剪定バサミは定期的に刃を研ぎ、可動部に油を差すと長持ちします。<span class="highlight-text">道具を大切に扱えば10年以上使える</span>ものも多く、使い込むほどに手に馴染んでいきます。冬季は特に念入りに手入れし、春に備えて保管しましょう。</p>
      </div>

      <!-- サブセクション5-2：土と肥料の基礎 -->
      <h3 class="subsection-title" id="basic-soil">土と肥料の基礎</h3>
      
      <p class="content-text">植物の健康を左右する最も重要な要素が<span class="highlight-text">土と肥料</span>です。良い土とは、排水性・保水性・通気性のバランスが取れた土のこと。市販の培養土を使えば、最初から配合されているため安心ですが、基本を理解しておくと応用がききます。</p>

      <p class="content-text">土の基本は、赤玉土（基本用土）、腐葉土（有機物）、パーライトやバーミキュライト（改良材）の組み合わせです。<span class="highlight-text">一般的な配合は、赤玉土6：腐葉土3：改良材1</span>の割合。ただし、植物の種類によって最適な配合は異なります。サボテンなら排水性重視、野菜なら保水性と肥料分を重視、といった具合です。</p>

      <div class="info-box">
        <h4 class="info-box-title">🌱 土の種類と特性</h4>
        <ul class="info-box-list">
          <li><strong>赤玉土：</strong>関東ローム層から採取される基本用土。粒の大きさで小粒・中粒・大粒があり、一般的には小粒を使用。通気性・排水性に優れる</li>
          <li><strong>腐葉土：</strong>落ち葉を発酵させた有機質。土を柔らかくし、保水性と栄養を与える。完熟したものを選ぶことが重要</li>
          <li><strong>培養土：</strong>様々な用土と肥料が配合済みの便利な土。野菜用、花用、観葉植物用など用途別に最適化されている</li>
          <li><strong>ピートモス：</strong>水苔を発酵させたもの。酸性なので、ブルーベリーなど酸性を好む植物に適している</li>
          <li><strong>バーミキュライト・パーライト：</strong>通気性・排水性を改善する改良材。軽量で保水性もある</li>
        </ul>
      </div>

      <p class="content-text">肥料は植物の成長に欠かせない栄養素を補給するものです。主な成分は<span class="highlight-text">窒素（N）、リン酸（P）、カリウム（K）</span>の三大要素。窒素は葉や茎の成長、リン酸は花や実の付き、カリウムは根の発育と耐病性を高めます。</p>

      <div class="highlight-card">
        <h4 class="highlight-card-title">肥料の使い分けと堆肥づくり</h4>
        <p><span class="highlight-text">肥料の種類：</span>有機肥料（油かす、鶏ふん、骨粉など）は効果がゆっくり持続的。化成肥料は速効性があり扱いやすい。液体肥料は即効性があり、追肥に便利。<span class="highlight-text">基本は元肥に緩効性、追肥に速効性</span>を使い分けます。</p>
        <p><span class="highlight-text">肥料やりのタイミング：</span>植え付け時の元肥、成長期の追肥（月1〜2回）、花後のお礼肥が基本。真夏と真冬は植物の活動が鈍るため、肥料は控えめに。「肥料は少なめから」が失敗しないコツです。</p>
        <p><span class="highlight-text">堆肥づくりの楽しみ：</span>落ち葉や刈り取った草、野菜くずなどを積み上げて発酵させると、栄養豊富な堆肥ができます。コンポスター（堆肥化容器）を使えば、家庭でも簡単に<span class="highlight-text">循環型園芸</span>が実践できます。自分で作った堆肥で育てた野菜は、より一層美味しく感じられるでしょう。</p>
      </div>

      <!-- サブセクション5-3：水やりのコツ -->
      <h3 class="subsection-title" id="basic-watering">水やりのコツ</h3>
      
      <p class="content-text">「水やり3年」という言葉があるように、<span class="highlight-text">水やりは園芸の中で最も奥が深い作業</span>です。単純に見えて、実は植物の種類、季節、天候、土の状態などを総合的に判断する必要があります。しかし、基本原則を理解すれば、それほど難しくはありません。</p>

      <p class="content-text">水やりの基本原則は<span class="highlight-text">「土の表面が乾いたら、鉢底から水が流れ出るまでたっぷりと」</span>です。中途半端な水やりは根が浅く張る原因となり、植物を弱くします。逆に、土が湿っている状態で水をやり続けると、根腐れの原因になります。</p>

      <div class="info-box">
        <h4 class="info-box-title">💧 適切な水やりタイミング</h4>
        <ul class="info-box-list">
          <li><strong>土の乾き具合の確認：</strong>指を土に第一関節まで入れて、湿り気を感じなければ水やりのサイン。プランターなら持ち上げて重さで判断する方法も有効</li>
          <li><strong>時間帯：</strong>夏は早朝（6〜8時）か夕方（18時以降）。冬は午前中（10〜14時）が最適。真夏の日中の水やりは厳禁</li>
          <li><strong>水の温度：</strong>汲み置きの水が理想的。特に夏は冷たすぎる水、冬は温度差のある水は根にストレスを与える</li>
          <li><strong>やり方：</strong>株元にゆっくりと水を注ぐ。葉や花に水がかかると病気の原因になることがあるため、株元中心に</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">季節別の水やり頻度と失敗を防ぐ方法</h4>
        <p><span class="highlight-text">春・秋：</span>成長期のため水の消費が多い。晴天なら1日1回。曇りや雨の日は不要。土の状態を毎日チェックする習慣をつけましょう。</p>
        <p><span class="highlight-text">夏：</span>蒸散が激しく、1日2回（朝・夕）必要な場合も。プランター栽培は特に乾きやすいため注意。マルチングで土の表面を覆うと乾燥を防げます。</p>
        <p><span class="highlight-text">冬：</strong>成長が緩やかになるため、水やり頻度は大幅に減ります。2〜3日に1回、または土が完全に乾いてから。冬の水のやりすぎは根腐れの最大原因です。</p>
        <p><span class="highlight-text">よくある失敗と対策：</span>「毎日決まった時間に水をやる」は間違い。<span class="highlight-text">土の状態を見て判断</span>することが大切です。また、受け皿に溜まった水は必ず捨てること。根腐れや害虫発生の原因になります。葉がしおれている場合、水不足とは限りません。根腐れや病気の可能性もあるため、土の状態を確認してから対処しましょう。</p>
      </div>

      <p class="content-text">これらの基礎知識は、園芸を成功させるための土台です。しかし、<span class="highlight-text">最良の教師は経験</span>です。実際に土に触れ、植物の様子を観察し、試行錯誤を重ねることで、自然と体得していきます。失敗を恐れず、一つ一つの経験から学んでいく──そんな姿勢が、優れた園芸家への第一歩となるのです。</p>
    </section>

    <!-- 画像2：園芸道具と資材 -->
    <figure style="margin: 50px 0; text-align: center;">
      <img width="1200" height="800" decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/02/A-workbench-with-all-the-basic-gardening-tools-and-materials-organized.jpg" alt="園芸に必要な基本道具と資材が整理された作業台" style="max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(45, 80, 22, 0.15);">
      <figcaption style="margin-top: 15px; font-size: 14px; color: #5a6c57; font-style: italic;">基本の道具を揃えれば、すぐに園芸を始められます</figcaption>
    </figure>

    <!-- セクション6：園芸を続けるための心構え -->
    <section id="section-mindset">
      <h2 class="section-title">園芸を続けるための心構え</h2>
      
      <p class="content-text">園芸を長く楽しむためには、技術以上に<span class="highlight-text">心構えが重要</span>です。完璧を求めすぎず、植物との対話を楽しみ、自分のペースを大切にする──そんな姿勢が、園芸を生涯の趣味として続けていく秘訣となります。ここでは、園芸を心から楽しむための3つの心構えをお伝えします。</p>

      <!-- サブセクション6-1：失敗を恐れない -->
      <h3 class="subsection-title" id="mindset-failure">失敗を恐れない</h3>
      
      <p class="content-text">園芸において、<span class="highlight-text">失敗は避けられないものであり、同時に最良の学びの機会</span>でもあります。どんなベテラン園芸家でも、植物を枯らした経験は数え切れないほどあります。大切なのは、失敗から何を学ぶかです。</p>

      <p class="content-text">植物が枯れたとき、「自分には才能がない」と落ち込む必要はありません。なぜ枯れたのか──水のやりすぎ？日光不足？肥料の問題？<span class="highlight-text">原因を考察すること自体が、園芸の深い学び</span>なのです。次は同じ失敗をしないように気をつければよいのです。</p>

      <div class="info-box">
        <h4 class="info-box-title">🌿 植物から学ぶこと</h4>
        <ul class="info-box-list">
          <li><strong>観察力が養われる：</strong>植物の様子を毎日見ることで、わずかな変化に気づけるようになります。葉の色、張り、新芽の出方──これらのサインを読み取る力は、経験とともに身につきます</li>
          <li><strong>忍耐力が育つ：</strong>植物の成長は人間の都合では進みません。種をまいて翌日に芽が出るわけではない。この「待つ」経験が、現代社会で失われがちな忍耐力を育ててくれます</li>
          <li><strong>柔軟性を学ぶ：</strong>天候、気温、湿度──自然は予測不可能です。計画通りにいかないことを受け入れ、臨機応変に対応する柔軟性が自然と身につきます</li>
          <li><strong>生命の尊さを実感：</strong>小さな種から芽が出て、花が咲き、実をつける。生命の循環を目の当たりにすることで、自然への畏敬の念が深まります</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">枯れることも経験──試行錯誤の楽しみ</h4>
        <p>園芸家の間には「枯らして覚える」という言葉があります。これは決して植物を粗末にすることを推奨しているのではなく、<span class="highlight-text">失敗を通じてこそ深い理解が得られる</span>という意味です。</p>
        <p>例えば、同じ「水やり」でも、夏と冬、晴天と曇天、風の強い日と穏やかな日で、必要な水の量は全く異なります。教科書通りの知識ではなく、<span class="highlight-text">自分の環境における最適解を見つける</span>プロセスこそが、園芸の本質的な楽しみなのです。</p>
        <p>失敗したら、その経験をメモに残しておくのもおすすめです。「8月の猛暑日、朝の水やりだけでは足りなかった」「この品種は日陰に強いと思ったが、意外と日光を必要とした」──こうした記録が、あなただけの<span class="highlight-text">オリジナル園芸ノート</span>となり、次の成功への道標になります。</p>
      </div>

      <!-- サブセクション6-2：自分のペースで楽しむ -->
      <h3 class="subsection-title" id="mindset-pace">自分のペースで楽しむ</h3>
      
      <p class="content-text">SNSやガーデニング雑誌で見る美しい庭に憧れるのは自然なことです。しかし、<span class="highlight-text">他人と比較して焦る必要はまったくありません</span>。園芸は競争ではなく、自分自身と植物との対話です。</p>

      <p class="content-text">忙しい日が続いて、水やりがおろそかになってしまった。雑草が伸びてしまった。計画していた植え付けができなかった。──そんな日があっても大丈夫。<span class="highlight-text">完璧を目指さず、できる範囲で楽しむ</span>ことが、長く続ける秘訣です。</p>

      <div class="info-box">
        <h4 class="info-box-title">🕐 生活リズムに合わせた園芸</h4>
        <ul class="info-box-list">
          <li><strong>忙しい方：</strong>手間のかからない植物から始める（サンスベリア、ポトス、多肉植物）。自動灌水システムの活用も検討。週1回のペースでも楽しめます</li>
          <li><strong>時間に余裕がある方：</strong>手間のかかる野菜栽培や、季節の花の植え替えなど、こまめなケアが必要な園芸にチャレンジ。毎日の作業が生活の一部に</li>
          <li><strong>週末園芸派：</strong>平日は最低限の水やりのみ、週末にまとめて作業。プランター栽培なら管理しやすく、この スタイルに最適</li>
          <li><strong>気が向いたとき派：</strong>観葉植物中心で、気が向いたときに手入れ。それでも植物は育ちます。自分を責めないことが大切</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">無理のない継続方法</h4>
        <p><span class="highlight-text">「毎日やらなければ」という義務感</span>は、園芸を苦痛にしてしまいます。特に夏の暑い日、冬の寒い日、仕事で疲れている日──無理に庭に出る必要はありません。</p>
        <p>むしろ、<span class="highlight-text">「今日は植物の様子を見に行こうかな」</span>という自然な気持ちで向き合う方が、長続きします。義務ではなく楽しみとして園芸を位置づけることで、心の負担なく続けられます。</p>
        <p>また、園芸の規模は自由に調整できます。忙しい時期は鉢を減らす、余裕ができたら増やす──<span class="highlight-text">ライフステージに応じて柔軟に変化させて</span>も良いのです。一鉢の植物を大切に育てることも、立派な園芸です。大切なのは量ではなく、植物と向き合う心です。</p>
      </div>

      <!-- サブセクション6-3：コミュニティとの繋がり -->
      <h3 class="subsection-title" id="mindset-community">コミュニティとの繋がり</h3>
      
      <p class="content-text">園芸は一人でも楽しめる趣味ですが、<span class="highlight-text">同じ趣味を持つ仲間との交流</span>は、楽しみを何倍にも広げてくれます。情報交換、励まし合い、植物の譲り合い──園芸コミュニティは温かく、支え合いの精神に満ちています。</p>

      <p class="content-text">近所の園芸店で常連になれば、店主から地域の気候に合った植物選びのアドバイスがもらえます。地域の園芸サークルに参加すれば、<span class="highlight-text">実際の栽培経験に基づいた生きた知識</span>を共有できます。オンラインコミュニティなら、全国の園芸愛好家と繋がれます。</p>

      <div class="info-box">
        <h4 class="info-box-title">🤝 園芸仲間との交流</h4>
        <ul class="info-box-list">
          <li><strong>地域の園芸サークル：</strong>公民館や区民館で活動する園芸クラブ。実地での情報交換、種や苗の交換会、共同菜園など。世代を超えた交流が魅力</li>
          <li><strong>園芸店・ホームセンター：</strong>定期的な園芸教室やワークショップを開催。初心者向けの講座から、専門的な剪定技術まで幅広く学べます</li>
          <li><strong>オンラインコミュニティ：</strong>SNS、園芸フォーラム、専門サイト。写真を共有して品種を教えてもらったり、病害虫の相談をしたり、24時間いつでも交流可能</li>
          <li><strong>市民農園・共同菜園：</strong>区画を借りて野菜を育てる。隣の区画の方との情報交換や、収穫物のおすそ分けなど、自然な交流が生まれます</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">情報交換の場と植物の譲り合い文化</h4>
        <p><span class="highlight-text">園芸コミュニティの最も美しい文化の一つが、植物の譲り合い</span>です。株分けした苗、挿し木で増やした植物、余った種──これらを無償で譲り合う習慣は、園芸界に深く根付いています。</p>
        <p>「この植物、増えすぎて困ってるの」「じゃあ、私がもらうわ。代わりにこのハーブの苗あげる」──こんな温かなやりとりが、園芸仲間の間では日常的に行われています。お金では買えない、<span class="highlight-text">譲り受けた植物には物語が宿っています</span>。</p>
        <p>また、ベテラン園芸家からのアドバイスは本やネットでは得られない貴重な情報です。「このあたりの土壌は粘土質だから、腐葉土を多めに」「この時期は夜盗虫に注意」──<span class="highlight-text">地域特有の実践知</span>は、実際に同じ環境で園芸をしている人からしか学べません。</p>
        <p>一人で悩まず、困ったときは遠慮なく聞いてみましょう。園芸家は親切で、自分の経験を喜んで共有してくれます。そして、いつかあなたも、基礎の園芸家にアドバイスする側になる──<span class="highlight-text">知識と経験の循環</span>が、園芸コミュニティを豊かにしているのです。</p>
      </div>

      <p class="content-text">園芸を続けるための心構え──それは、<span class="highlight-text">完璧を求めず、失敗を恐れず、自分のペースで楽しみ、仲間と支え合う</span>こと。植物は正直です。愛情を持って接すれば、必ず応えてくれます。その応答を喜び、時には失敗に学び、ゆっくりと成長していく──そんな姿勢こそが、園芸を生涯の友とする秘訣なのです。</p>
    </section>

    <!-- セクション7：よくある質問 -->
    <section id="section-faq">
      <h2 class="section-title">よくある質問</h2>
      
      <p class="content-text">園芸を始めるにあたって、多くの方が同じような疑問を持たれます。ここでは、<span class="highlight-text">基礎の園芸家からよく寄せられる質問</span>にお答えします。これらの回答が、あなたの園芸ライフのスタートを後押しできれば幸いです。</p>

      <div class="info-box">
        <h4 class="info-box-title">❓ 園芸基礎者でも失敗しない植物は？</h4>
        <ul class="info-box-list">
          <li><strong>観葉植物なら：</strong>ポトス、サンスベリア、ガジュマル、パキラが特におすすめ。水やり頻度が少なく、多少の日照不足にも耐えます。ポトスは水挿しで簡単に増やせるのも魅力</li>
          <li><strong>花なら：</strong>パンジー、ビオラ、ペチュニア、マリーゴールドが育てやすい。特にパンジーとビオラは寒さに強く、秋から春まで長期間咲き続けます</li>
          <li><strong>野菜なら：</strong>ミニトマト、リーフレタス、ラディッシュ、小松菜がおすすめ。特にリーフレタスは種まきから約1ヶ月で収穫でき、達成感を味わいやすい植物です</li>
          <li><strong>ハーブなら：</strong>バジル、ミント、イタリアンパセリ、ローズマリーが失敗しにくい。特にミントは生命力が強すぎるほどで、むしろ増えすぎに注意が必要なくらいです</li>
        </ul>
      </div>

      <div class="info-box">
        <h4 class="info-box-title">⏰ どのくらいの時間が必要？</h4>
        <ul class="info-box-list">
          <li><strong>最低限の管理：</strong>1日5〜10分の水やりと観察だけでも十分。忙しい方は、週末に15〜30分程度の手入れでも楽しめます</li>
          <li><strong>本格的に楽しむなら：</strong>週に2〜3時間程度。土づくり、植え替え、剪定などの作業を含めても、これくらいの時間で充実した園芸ライフが送れます</li>
          <li><strong>季節による違い：</strong>春と秋は植え付けや植え替えで少し時間がかかります。夏は水やりの頻度が増え、冬は作業が最も少なくなります</li>
          <li><strong>時間の使い方：</strong>朝のコーヒータイム、仕事の合間、休日の午前中など、<span class="highlight-text">生活の隙間時間を園芸に充てる</span>スタイルが無理なく続けられます</li>
        </ul>
      </div>

      <div class="info-box">
        <h4 class="info-box-title">💰 費用はどのくらいかかる？</h4>
        <ul class="info-box-list">
          <li><strong>初期費用：</strong>基本道具セット（5,000〜10,000円）、培養土・プランター・苗で3,000〜5,000円程度。合計1万円前後で十分スタートできます</li>
          <li><strong>月々の費用：</strong>種や苗、肥料、土の補充で月1,000〜3,000円程度。野菜を育てれば収穫で元が取れることも</li>
          <li><strong>節約のコツ：</strong>種から育てる（苗より安価）、挿し木や株分けで増やす、堆肥を自作する、近所の園芸家と苗を交換する──工夫次第で大幅に節約可能</li>
          <li><strong>投資価値：</strong>園芸で得られる<span class="highlight-text">心の豊かさ、新鮮な野菜、癒しの時間</span>を考えれば、非常にコストパフォーマンスの高い趣味と言えます</li>
        </ul>
      </div>

      <div class="info-box">
        <h4 class="info-box-title">🏢 マンションでも本格的な園芸は可能？</h4>
        <ul class="info-box-list">
          <li><strong>ベランダ栽培：</strong>十分可能です。プランター、ハンギングバスケット、壁面プランターを組み合わせれば、限られたスペースでも豊かな緑の空間を作れます</li>
          <li><strong>注意点：</strong>マンションの規約を確認（避難経路の確保、排水の管理）。階下への水漏れ防止のため、プランタートレイを必ず使用しましょう</li>
          <li><strong>風対策：</strong>高層階は風が強いため、重いプランターを選ぶ、支柱をしっかり立てる、転倒防止の固定をするなどの対策が必要です</li>
          <li><strong>室内園芸：</strong>ベランダがなくても、窓辺での観葉植物栽培、キッチンハーブ、スプラウト栽培など、<span class="highlight-text">室内でも十分園芸を楽しめます</span></li>
        </ul>
      </div>

      <div class="info-box">
        <h4 class="info-box-title">🐛 虫が苦手でも園芸はできる？</h4>
        <ul class="info-box-list">
          <li><strong>室内園芸中心に：</strong>観葉植物を室内で育てれば、害虫との遭遇は最小限に。清潔な培養土を使い、定期的に葉を拭くことで虫の発生を予防できます</li>
          <li><strong>虫がつきにくい植物：</strong>ハーブ（ローズマリー、ラベンダー、ミント）は香りで虫を寄せつけにくい。多肉植物やサボテンも害虫が少ない植物です</li>
          <li><strong>予防策：</strong>風通しの良い場所で育てる、水はけの良い土を使う、過湿を避けるなど、虫が発生しにくい環境づくりが基本</li>
          <li><strong>対処法：</strong>万が一虫がついても、<span class="highlight-text">手袋とピンセットで取り除く</span>、天然成分の防虫スプレーを使うなど、直接触れずに対処する方法があります</li>
        </ul>
      </div>

      <div class="highlight-card">
        <h4 class="highlight-card-title">その他のよくある疑問</h4>
        <p><span class="highlight-text">「一人暮らしで留守が多くても大丈夫？」</span>→ 多肉植物やサボテンなど、水やり頻度の少ない植物を選べば問題ありません。また、自動灌水システム（タイマー式）を導入すれば、数日間の留守も安心です。</p>
        <p><span class="highlight-text">「ペットがいても園芸できる？」</span>→ 可能ですが、ペットに有毒な植物（ユリ、ポトス、アロエなど）は避けましょう。ペットが届かない高い場所に置く、専用のプランタースタンドを使うなどの工夫も有効です。</p>
        <p><span class="highlight-text">「年齢を重ねても続けられる？」</span>→ むしろ、高齢になってからこそ園芸の価値が高まります。軽量プランター、腰をかがめずに作業できる高さの台、座って作業できるガーデンチェアなど、<span class="highlight-text">体に負担の少ない園芸スタイル</span>を工夫すれば、何歳になっても楽しめます。</p>
      </div>
    </section>

    <!-- まとめ -->
    <section>
      <h2 class="section-title">まとめ</h2>
      
      <p class="content-text">ここまで、園芸の楽しみ方について、魅力、スタイル、スペース別の方法、季節ごとの作業、基礎知識、そして心構えまで、幅広くお伝えしてきました。長い記事をお読みいただき、ありがとうございました。</p>

      <p class="content-text">園芸は<span class="highlight-text">誰でも、どこでも、今すぐ始められる</span>趣味です。広い庭も、高価な道具も、専門知識も必要ありません。窓辺の一鉢から、ベランダの小さなプランターから──小さな一歩が、豊かな園芸ライフの始まりです。</p>

      <p class="content-text">最も大切なのは、<span class="highlight-text">植物と向き合う時間を楽しむこと</span>。完璧を目指さず、失敗を恐れず、自分のペースで。土に触れ、水をやり、成長を見守り、収穫を喜ぶ──そんなシンプルな営みの中に、現代社会で失われがちな、かけがえのない豊かさがあります。</p>

      <div class="highlight-card">
        <h4 class="highlight-card-title">植物と共に過ごす暮らしの提案</h4>
        <p>朝、カーテンを開けて植物に「おはよう」と声をかける。仕事から帰って、新しい芽が出ているのを見つけて笑顔になる。週末、土に触れながら心を整える。採れたての野菜で料理を作り、家族や友人と食卓を囲む。</p>
        <p>こんな<span class="highlight-text">何気ない日常が、園芸のある暮らし</span>です。特別なことではありません。でも、この何気ない時間が、あなたの人生を静かに、確実に豊かにしていきます。</p>
        <p>植物は、言葉は話しませんが、その成長で応えてくれます。水をやれば葉を広げ、光を求めて伸び、季節が来れば花を咲かせる。<span class="highlight-text">無条件の信頼関係</span>が、そこにはあります。</p>
      </div>

      <p class="content-text">四季を感じ、自然のリズムに寄り添い、生命の循環を目の当たりにする。忙しい日常の中で、ほんの少しだけ立ち止まって、植物とゆっくり対話する時間を持つ。それが、<span class="highlight-text">園芸がもたらす、本当の贅沢</span>なのです。</p>

      <p class="content-text">さあ、今日から始めてみませんか。近くの園芸店やホームセンターに行って、心惹かれる植物を一つ選んでみてください。小さな種でも、小さな苗でも構いません。<span class="highlight-text">その小さな一歩が、あなたと植物の素敵な物語の始まり</span>になります。</p>

      <p class="content-text">植物と共に過ごす、豊かな時間を──心からお祈りしています。</p>
    </section>

  </div>
</article>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/gardening-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者向け】パキラの育て方｜失敗しない基礎知識と管理方法を図解で解説</title>
		<link>https://yoooyooo8.jp/pachira-care-guide/</link>
					<comments>https://yoooyooo8.jp/pachira-care-guide/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Wed, 18 Feb 2026 08:55:00 +0000</pubDate>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[日本]]></category>
		<category><![CDATA[パキラ]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=1847</guid>

					<description><![CDATA[🌿 パキラの育て方完全ガイド 基礎から水やり・剪定まで徹底解説 パキラは「発財樹」「マネーツリー」として親しまれる、室内栽培に最適な観葉植物です。編み込まれた幹と掌状の美しい葉が特徴的で、初めて観葉植物を育てる方にもおす [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- パキラの育て方完全ガイド - 冒頭部分 -->
<!-- 2026年最新園芸デザインスタイル -->

<style>
/* ========================================
   スコープスタイル: パキラ記事専用
   ======================================== */

/* 変数定義 - 2026園芸トレンド */
.pachira-article {
  --pa-earth-green: #2d5016;
  --pa-sage: #7a9b76;
  --pa-mint: #b8d4b8;
  --pa-terracotta: #c86558;
  --pa-sand: #f4ede4;
  --pa-clay: #8b5a3c;
  --pa-leaf: #4a7c59;
  --pa-cream: #faf7f2;
  --pa-shadow: rgba(45, 80, 22, 0.08);
  
  /* タイポグラフィ */
  --pa-font-display: 'Cormorant Garamond', 'Noto Serif JP', serif;
  --pa-font-body: 'Crimson Pro', 'Noto Sans JP', sans-serif;
  --pa-font-accent: 'Philosopher', 'Zen Kaku Gothic New', sans-serif;
  
  /* スペーシング */
  --pa-space-xs: 0.75rem;
  --pa-space-sm: 1.25rem;
  --pa-space-md: 2rem;
  --pa-space-lg: 3rem;
  --pa-space-xl: 5rem;
  
  /* 角丸 - オーガニック */
  --pa-radius-soft: 24px;
  --pa-radius-medium: 16px;
  --pa-radius-subtle: 8px;
}

/* Google Fonts読み込み */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Crimson+Pro:wght@300;400;600&family=Philosopher:wght@400;700&display=swap');

/* ベーススタイル */
.pachira-article {
  font-family: var(--pa-font-body);
  color: var(--pa-earth-green);
  background: linear-gradient(135deg, var(--pa-cream) 0%, var(--pa-sand) 100%);
  line-height: 1.9;
  font-size: 17px;
  position: relative;
  overflow-x: hidden;
}

/* 背景装飾 - ボタニカルパターン */
.pachira-article::before {
  content: '';
  position: fixed;
  top: -50%;
  right: -20%;
  width: 120%;
  height: 200%;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(184, 212, 184, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(122, 155, 118, 0.1) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
  animation: pa-float 30s ease-in-out infinite;
}

@keyframes pa-float {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  33% { transform: translate(-30px, 50px) rotate(2deg); }
  66% { transform: translate(30px, -30px) rotate(-2deg); }
}

/* コンテナ */
.pachira-article__container {
  max-width: 1100px;
  margin: 0 auto;
  padding: var(--pa-space-xl) var(--pa-space-md);
  position: relative;
  z-index: 1;
}

/* ========================================
   ヘッダーセクション
   ======================================== */

.pachira-hero {
  text-align: center;
  margin-bottom: var(--pa-space-xl);
  padding: var(--pa-space-xl) 0;
  position: relative;
  animation: pa-fade-in 1.2s ease-out;
}

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

/* 装飾的な葉っぱアイコン */
.pachira-hero__leaf-icon {
  display: inline-block;
  font-size: 3rem;
  margin-bottom: var(--pa-space-md);
  animation: pa-leaf-sway 4s ease-in-out infinite;
  filter: drop-shadow(0 4px 12px var(--pa-shadow));
}

@keyframes pa-leaf-sway {
  0%, 100% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
}

/* メインタイトル */
.pachira-hero__title {
  font-family: var(--pa-font-display);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--pa-earth-green);
  margin: 0 0 var(--pa-space-sm);
  letter-spacing: 0.02em;
  line-height: 1.3;
  position: relative;
  display: inline-block;
}

/* タイトル下の装飾線 */
.pachira-hero__title::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--pa-sage), transparent);
  border-radius: 2px;
}

/* サブタイトル */
.pachira-hero__subtitle {
  font-family: var(--pa-font-accent);
  font-size: 1.15rem;
  color: var(--pa-sage);
  margin: var(--pa-space-lg) 0 0;
  font-weight: 400;
  letter-spacing: 0.05em;
}

/* ========================================
   リード文
   ======================================== */

.pachira-lead {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  border-radius: var(--pa-radius-soft);
  padding: var(--pa-space-xl);
  margin: var(--pa-space-xl) 0;
  border: 1px solid rgba(122, 155, 118, 0.2);
  box-shadow: 
    0 10px 40px var(--pa-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  position: relative;
  animation: pa-slide-up 1s ease-out 0.3s both;
}

@keyframes pa-slide-up {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}

/* リード文左側の装飾 */
.pachira-lead::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, var(--pa-leaf), var(--pa-sage));
  border-radius: var(--pa-radius-soft) 0 0 var(--pa-radius-soft);
}

.pachira-lead__text {
  font-size: 1.1rem;
  line-height: 2;
  color: var(--pa-earth-green);
  margin: 0;
}

.pachira-lead__text strong {
  color: var(--pa-leaf);
  font-weight: 600;
}

/* ========================================
   要点ボックス
   ======================================== */

.pachira-keypoints {
  background: linear-gradient(135deg, rgba(184, 212, 184, 0.25) 0%, rgba(122, 155, 118, 0.15) 100%);
  border-radius: var(--pa-radius-soft);
  padding: var(--pa-space-xl);
  margin: var(--pa-space-xl) 0;
  border: 2px solid var(--pa-mint);
  position: relative;
  overflow: hidden;
  animation: pa-slide-up 1s ease-out 0.6s both;
}

/* 背景装飾パターン */
.pachira-keypoints::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background-image: 
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 20px,
      rgba(122, 155, 118, 0.03) 20px,
      rgba(122, 155, 118, 0.03) 40px
    );
  pointer-events: none;
  animation: pa-pattern-move 20s linear infinite;
}

@keyframes pa-pattern-move {
  0% { transform: translate(0, 0); }
  100% { transform: translate(40px, 40px); }
}

/* タイトル */
.pachira-keypoints__title {
  font-family: var(--pa-font-accent);
  font-size: 1.5rem;
  color: var(--pa-earth-green);
  margin: 0 0 var(--pa-space-md);
  display: flex;
  align-items: center;
  gap: var(--pa-space-sm);
  position: relative;
  z-index: 1;
}

.pachira-keypoints__title-icon {
  font-size: 1.8rem;
  animation: pa-pulse 2s ease-in-out infinite;
}

@keyframes pa-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

/* リスト */
.pachira-keypoints__list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}

.pachira-keypoints__item {
  display: flex;
  align-items: flex-start;
  gap: var(--pa-space-md);
  margin-bottom: var(--pa-space-md);
  padding: var(--pa-space-md);
  background: rgba(255, 255, 255, 0.6);
  border-radius: var(--pa-radius-medium);
  transition: all 0.3s ease;
  animation: pa-item-appear 0.6s ease-out both;
}

.pachira-keypoints__item:nth-child(1) { animation-delay: 0.7s; }
.pachira-keypoints__item:nth-child(2) { animation-delay: 0.8s; }
.pachira-keypoints__item:nth-child(3) { animation-delay: 0.9s; }
.pachira-keypoints__item:nth-child(4) { animation-delay: 1s; }
.pachira-keypoints__item:nth-child(5) { animation-delay: 1.1s; }

@keyframes pa-item-appear {
  from { opacity: 0; transform: translateX(-20px); }
  to { opacity: 1; transform: translateX(0); }
}

.pachira-keypoints__item:hover {
  background: rgba(255, 255, 255, 0.9);
  transform: translateX(8px);
  box-shadow: 0 4px 16px var(--pa-shadow);
}

.pachira-keypoints__icon {
  flex-shrink: 0;
  color: var(--pa-leaf);
  font-size: 1.3rem;
  margin-top: 2px;
}

.pachira-keypoints__text {
  font-size: 1.05rem;
  color: var(--pa-earth-green);
  line-height: 1.7;
  margin: 0;
}

/* ========================================
   目次
   ======================================== */

.pachira-toc {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  border-radius: var(--pa-radius-soft);
  padding: var(--pa-space-xl);
  margin: var(--pa-space-xl) 0;
  border: 1px solid rgba(122, 155, 118, 0.25);
  box-shadow: 0 8px 32px var(--pa-shadow);
  animation: pa-slide-up 1s ease-out 0.9s both;
}

/* 目次タイトル */
.pachira-toc__header {
  margin-bottom: var(--pa-space-md);
  padding-bottom: var(--pa-space-sm);
  border-bottom: 2px solid var(--pa-mint);
}

.pachira-toc__title {
  font-family: var(--pa-font-accent);
  font-size: 1.4rem;
  color: var(--pa-earth-green);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--pa-space-sm);
}

/* 目次リスト */
.pachira-toc__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pachira-toc__item {
  margin-bottom: var(--pa-space-xs);
}

.pachira-toc__link {
  display: flex;
  align-items: center;
  gap: var(--pa-space-md);
  padding: var(--pa-space-md) var(--pa-space-lg);
  color: var(--pa-earth-green);
  text-decoration: none;
  border-radius: var(--pa-radius-medium);
  transition: all 0.3s ease;
  font-size: 1.05rem;
  position: relative;
  overflow: hidden;
}

/* リンクホバー背景 */
.pachira-toc__link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--pa-mint), transparent);
  transition: width 0.4s ease;
  z-index: -1;
}

.pachira-toc__link:hover::before {
  width: 100%;
}

.pachira-toc__link:hover {
  color: var(--pa-leaf);
  transform: translateX(8px);
}

.pachira-toc__link--active {
  background: var(--pa-mint);
  color: var(--pa-earth-green);
  font-weight: 600;
}

.pachira-toc__number {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: var(--pa-sage);
  color: white;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 600;
  font-family: var(--pa-font-accent);
}

.pachira-toc__link:hover .pachira-toc__number {
  background: var(--pa-leaf);
  transform: rotate(360deg);
  transition: all 0.6s ease;
}

/* ========================================
   本文セクション
   ======================================== */

.pachira-section {
  margin: var(--pa-space-xl) 0;
  animation: pa-section-fade 0.8s ease-out;
}

@keyframes pa-section-fade {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* セクション見出し(h2) */
.pachira-section__heading {
  font-family: var(--pa-font-display);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--pa-earth-green);
  margin: 0 0 var(--pa-space-xl);
  padding: var(--pa-space-md) 0 var(--pa-space-md) var(--pa-space-lg);
  border-left: 6px solid var(--pa-leaf);
  background: linear-gradient(90deg, rgba(184, 212, 184, 0.15), transparent);
  border-radius: 0 var(--pa-radius-medium) var(--pa-radius-medium) 0;
  position: relative;
  line-height: 1.4;
}

.pachira-section__heading::before {
  content: '🌱';
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  animation: pa-heading-icon 3s ease-in-out infinite;
}

@keyframes pa-heading-icon {
  0%, 100% { transform: translateY(-50%) rotate(-10deg); }
  50% { transform: translateY(-50%) rotate(10deg); }
}

/* 中見出し(h3) */
.pachira-subsection__heading {
  font-family: var(--pa-font-accent);
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--pa-leaf);
  margin: var(--pa-space-xl) 0 var(--pa-space-lg);
  padding-left: var(--pa-space-md);
  border-left: 4px solid var(--pa-sage);
  position: relative;
}

/* 本文パラグラフ */
.pachira-section__text {
  margin: var(--pa-space-lg) 0;
  line-height: 2.1;
  color: var(--pa-earth-green);
}

.pachira-section__text strong {
  color: var(--pa-leaf);
  font-weight: 600;
  background: linear-gradient(180deg, transparent 60%, rgba(184, 212, 184, 0.3) 60%);
  padding: 0 4px;
}

/* 情報ボックス */
.pachira-info-box {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  border-radius: var(--pa-radius-medium);
  padding: var(--pa-space-lg) var(--pa-space-xl);
  margin: var(--pa-space-xl) 0;
  border: 1px solid var(--pa-mint);
  box-shadow: 0 6px 24px var(--pa-shadow);
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.pachira-info-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--pa-leaf), var(--pa-sage), var(--pa-mint));
  border-radius: var(--pa-radius-medium) var(--pa-radius-medium) 0 0;
}

.pachira-info-box__title {
  font-family: var(--pa-font-accent);
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--pa-leaf);
  margin: 0 0 var(--pa-space-sm);
  display: flex;
  align-items: center;
  gap: var(--pa-space-xs);
}

.pachira-info-box__text {
  margin: var(--pa-space-md) 0 0;
  line-height: 2.1;
  color: var(--pa-earth-green);
}

/* リスト */
.pachira-list {
  list-style: none;
  padding: 0;
  margin: var(--pa-space-lg) 0;
}

.pachira-list__item {
  display: flex;
  align-items: flex-start;
  gap: var(--pa-space-md);
  margin-bottom: var(--pa-space-md);
  padding: var(--pa-space-md);
  background: rgba(255, 255, 255, 0.5);
  border-radius: var(--pa-radius-subtle);
  transition: all 0.3s ease;
}

.pachira-list__item:hover {
  background: rgba(255, 255, 255, 0.8);
  transform: translateX(8px);
  box-shadow: 0 4px 12px var(--pa-shadow);
}

.pachira-list__icon {
  flex-shrink: 0;
  color: var(--pa-sage);
  font-size: 1.2rem;
  margin-top: 2px;
}

.pachira-list__text {
  line-height: 1.8;
  color: var(--pa-earth-green);
}

/* 注意ボックス */
.pachira-note {
  background: linear-gradient(135deg, rgba(200, 101, 88, 0.1), rgba(200, 101, 88, 0.05));
  border-left: 4px solid var(--pa-terracotta);
  border-radius: var(--pa-radius-medium);
  padding: var(--pa-space-lg) var(--pa-space-xl);
  margin: var(--pa-space-xl) 0;
  width: 100%;
  box-sizing: border-box;
}

.pachira-note__title {
  font-weight: 600;
  color: var(--pa-terracotta);
  margin: 0 0 var(--pa-space-sm);
  display: flex;
  align-items: center;
  gap: var(--pa-space-sm);
}

.pachira-note__text {
  margin: 0;
  line-height: 2.1;
  color: var(--pa-earth-green);
}

/* 画像コンテナ */
.pachira-image {
  margin: var(--pa-space-xl) 0;
  text-align: center;
}

.pachira-image__wrapper {
  border-radius: var(--pa-radius-soft);
  overflow: hidden;
  box-shadow: 0 12px 40px var(--pa-shadow);
  display: inline-block;
  max-width: 100%;
}

.pachira-image__img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.pachira-image__wrapper:hover .pachira-image__img {
  transform: scale(1.02);
}

.pachira-image__caption {
  margin-top: var(--pa-space-sm);
  font-size: 0.95rem;
  color: var(--pa-sage);
  font-style: italic;
}

/* ========================================
   レスポンシブ対応
   ======================================== */

@media (max-width: 768px) {
  .pachira-article__container {
    padding: var(--pa-space-lg) var(--pa-space-sm);
  }
  
  .pachira-hero {
    padding: var(--pa-space-lg) 0;
  }
  
  .pachira-hero__title {
    font-size: 2rem;
  }
  
  .pachira-hero__subtitle {
    font-size: 1rem;
  }
  
  .pachira-lead,
  .pachira-keypoints,
  .pachira-toc {
    padding: var(--pa-space-md);
  }
  
  .pachira-keypoints__item {
    flex-direction: column;
    gap: var(--pa-space-xs);
  }
  
  /* ボックス要素のモバイル調整 */
  .pachira-info-box,
  .pachira-note {
    padding: var(--pa-space-md);
    margin: var(--pa-space-md) 0;
  }
  
  .pachira-section__heading {
    font-size: 1.5rem;
    padding-left: var(--pa-space-sm);
  }
  
  .pachira-subsection__heading {
    font-size: 1.3rem;
    padding-left: var(--pa-space-xs);
  }
  
  .pachira-list__item {
    padding: var(--pa-space-sm);
    gap: var(--pa-space-sm);
  }
}

/* 極小スマートフォン対応 */
@media (max-width: 480px) {
  .pachira-article__container {
    padding: var(--pa-space-md) var(--pa-space-xs);
  }
  
  .pachira-info-box,
  .pachira-note {
    padding: var(--pa-space-sm) var(--pa-space-md);
    margin: var(--pa-space-md) 0;
    border-radius: var(--pa-radius-subtle);
  }
  
  .pachira-lead,
  .pachira-keypoints,
  .pachira-toc {
    padding: var(--pa-space-sm);
  }
  
  .pachira-section__heading {
    font-size: 1.3rem;
  }
  
  .pachira-subsection__heading {
    font-size: 1.15rem;
  }
}

/* ========================================
   アクセシビリティ
   ======================================== */

/* フォーカス表示 */
.pachira-toc__link:focus-visible {
  outline: 3px solid var(--pa-leaf);
  outline-offset: 2px;
}

/* モーション削減 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ========================================
   印刷対応
   ======================================== */

@media print {
  .pachira-article::before {
    display: none;
  }
}
</style>

<!-- HTML構造 -->
<article class="pachira-article">
  <div class="pachira-article__container">
    
    <!-- ヒーローセクション -->
    <header class="pachira-hero">
      <div class="pachira-hero__leaf-icon" aria-hidden="true">🌿</div>
      <h2 class="pachira-hero__title">
        パキラの育て方完全ガイド
      </h2>
      <p class="pachira-hero__subtitle">
        基礎から水やり・剪定まで徹底解説
      </p>
    </header>

    <!-- リード文 -->
    <section class="pachira-lead" aria-label="記事の概要">
      <p class="pachira-lead__text">
        パキラは<strong>「発財樹」「マネーツリー」</strong>として親しまれる、室内栽培に最適な観葉植物です。編み込まれた幹と掌状の美しい葉が特徴的で、初めて観葉植物を育てる方にもおすすめできる育てやすさが魅力です。本記事では、パキラの基礎知識から日々の管理方法、トラブル対処法まで、園芸の専門的視点から実践的な育て方を詳しく解説します。
      </p>
    </section>

    <!-- この記事の要点 -->
    <aside class="pachira-keypoints" aria-labelledby="keypoints-title">
      <h3 class="pachira-keypoints__title" id="keypoints-title">
        <span class="pachira-keypoints__title-icon" aria-hidden="true">🎯</span>
        この記事の要点
      </h3>
      <ul class="pachira-keypoints__list">
        <li class="pachira-keypoints__item">
          <span class="pachira-keypoints__icon" aria-hidden="true">🔑</span>
          <p class="pachira-keypoints__text">パキラは耐陰性があり室内栽培に最適な観葉植物です</p>
        </li>
        <li class="pachira-keypoints__item">
          <span class="pachira-keypoints__icon" aria-hidden="true">🔑</span>
          <p class="pachira-keypoints__text">水やりは土が乾いてから、季節で頻度を調整します</p>
        </li>
        <li class="pachira-keypoints__item">
          <span class="pachira-keypoints__icon" aria-hidden="true">🔑</span>
          <p class="pachira-keypoints__text">明るい間接光が理想的、直射日光は避けましょう</p>
        </li>
        <li class="pachira-keypoints__item">
          <span class="pachira-keypoints__icon" aria-hidden="true">🔑</span>
          <p class="pachira-keypoints__text">生育期(5-9月)は月1回の液肥で健康を維持できます</p>
        </li>
        <li class="pachira-keypoints__item">
          <span class="pachira-keypoints__icon" aria-hidden="true">🔑</span>
          <p class="pachira-keypoints__text">剪定は春から初夏が最適、樹形を整えやすい時期です</p>
        </li>
      </ul>
    </aside>

    <!-- 目次 -->
    <nav class="pachira-toc" aria-labelledby="toc-title">
      <div class="pachira-toc__header">
        <h3 class="pachira-toc__title" id="toc-title">
          📑 目次
        </h3>
      </div>
      <ol class="pachira-toc__list" id="tocList">
        <li class="pachira-toc__item">
          <a href="#pachira-basics" class="pachira-toc__link">
            <span class="pachira-toc__number">1</span>
            <span>パキラの基礎知識</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#location-environment" class="pachira-toc__link">
            <span class="pachira-toc__number">2</span>
            <span>パキラの置き場所と環境</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#watering" class="pachira-toc__link">
            <span class="pachira-toc__number">3</span>
            <span>水やりの基本と季節別管理</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#fertilizer" class="pachira-toc__link">
            <span class="pachira-toc__number">4</span>
            <span>肥料の与え方</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#pruning" class="pachira-toc__link">
            <span class="pachira-toc__number">5</span>
            <span>剪定と樹形管理</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#repotting" class="pachira-toc__link">
            <span class="pachira-toc__number">6</span>
            <span>植え替えのタイミングと方法</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#pest-control" class="pachira-toc__link">
            <span class="pachira-toc__number">7</span>
            <span>病害虫対策</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#troubleshooting" class="pachira-toc__link">
            <span class="pachira-toc__number">8</span>
            <span>よくあるトラブルと解決法</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#propagation" class="pachira-toc__link">
            <span class="pachira-toc__number">9</span>
            <span>パキラの増やし方</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#faq" class="pachira-toc__link">
            <span class="pachira-toc__number">10</span>
            <span>よくある質問(FAQ)</span>
          </a>
        </li>
        <li class="pachira-toc__item">
          <a href="#summary" class="pachira-toc__link">
            <span class="pachira-toc__number">11</span>
            <span>まとめ</span>
          </a>
        </li>
      </ol>
    </nav>

    <!-- ========================================
         本文セクション開始
         ======================================== -->

    <!-- セクション1: パキラの基礎知識 -->
    <section class="pachira-section" id="pachira-basics">
      <h2 class="pachira-section__heading">パキラの基礎知識</h2>
      
      <p class="pachira-section__text">
        パキラ(<em>Pachira aquatica</em>)は、<strong>アオイ科パキラ属</strong>に分類される常緑高木です。原産地は中南米の熱帯地域で、自生地では樹高20メートル以上に成長する大型樹木ですが、室内栽培では1〜2メートル程度で管理することが一般的です。
      </p>

      <p class="pachira-section__text">
        日本国内で流通しているパキラの多くは、<strong>幹を編み込んだ独特の樹形</strong>が特徴です。これは観賞価値を高めるために人為的に施された加工で、若い苗の段階で複数の幹を絡めて成形しています。この編み込みスタイルが、パキラを他の観葉植物と差別化する大きな魅力となっています。
      </p>

      <!-- 画像1: 健康なパキラの全体像 -->
      <figure class="pachira-image">
        <div class="pachira-image__wrapper">
          <img decoding="async" 
            src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Pachira-Basics-Section.jpg" 
            alt="健康に育った室内のパキラ観葉植物の全体像、編み込まれた幹と掌状の緑の葉が特徴的" 
            class="pachira-image__img"
            width="1200"
            height="800"
            loading="lazy"
          >
        </div>
        <figcaption class="pachira-image__caption">
          適切な環境で育てると艶やかな葉が特徴的です
        </figcaption>
      </figure>

      <h3 class="pachira-subsection__heading" id="pachira-features">パキラの植物学的特徴</h3>
      
      <p class="pachira-section__text">
        パキラが観葉植物として人気を集める理由は、その<strong>独特な形態的特徴</strong>にあります。主な特徴を理解することで、より適切な管理方法を導き出すことができます。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🍃</span>
          <div class="pachira-list__text">
            <strong>掌状複葉</strong>: 5〜7枚の小葉が手のひら状に広がる葉の形状。この構造により、光を効率的に受け取ることができます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌳</span>
          <div class="pachira-list__text">
            <strong>肥大する幹</strong>: 幹の基部が徐々に太くなる性質があり、これが安定感のある樹形を生み出します
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌱</span>
          <div class="pachira-list__text">
            <strong>耐陰性</strong>: 熱帯雨林の林床でも生育できる能力があり、室内の比較的暗い環境でも適応可能です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💧</span>
          <div class="pachira-list__text">
            <strong>湿潤環境への適応</strong>: 学名の「aquatica」が示す通り、水辺の環境に自生する種で、適度な湿度を好みます
          </div>
        </li>
      </ul>

      <h3 class="pachira-subsection__heading" id="cultural-significance">文化的背景と「発財樹」の意味</h3>
      
      <p class="pachira-section__text">
        パキラは中国や台湾で<strong>「発財樹」(ファーツァイシュー)</strong>と呼ばれ、金運や財運をもたらす縁起の良い植物として広く認識されています。英語圏では「Money Tree」という呼称が一般的で、ビジネスの成功や繁栄を象徴する植物として、オフィスや店舗に飾られることが多い観葉植物です。
      </p>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          豆知識
        </p>
        <p class="pachira-info-box__text">
          台湾の農家がパキラ栽培で大きな成功を収めたことから「発財樹」という名前が定着したという逸話があります。1980年代にトラックの運転手が偶然見つけた5本の苗を編み込んで栽培したところ、その独特の見た目が人気を博し、大きな富を得たことが由来とされています。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="why-indoor-suitable">室内栽培に向いている理由</h3>
      
      <p class="pachira-section__text">
        パキラが室内栽培に適している理由は、その<strong>生態的特性</strong>に深く関係しています。熱帯雨林の環境で進化してきたパキラは、以下のような特徴を持っています。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">☀️</span>
          <div class="pachira-list__text">
            <strong>低光量への耐性</strong>: 自生地では高木の下で育つため、明るい日陰でも光合成が可能な生理機能を持っています
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌡️</span>
          <div class="pachira-list__text">
            <strong>安定した温度への適応</strong>: 一年を通じて温暖な気候で育つため、室内の安定した温度環境に適応しやすい特性があります
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💪</span>
          <div class="pachira-list__text">
            <strong>病害虫への抵抗性</strong>: 比較的病気に強く、適切な管理をすれば深刻な病害虫被害を受けにくい性質があります
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌿</span>
          <div class="pachira-list__text">
            <strong>空気浄化能力</strong>: NASAの研究でも確認されているように、室内の有害物質を吸収する能力があり、空気質の改善に貢献します
          </div>
        </li>
      </ul>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          注意点
        </p>
        <p class="pachira-note__text">
          パキラは基本的に育てやすい観葉植物ですが、「耐陰性がある」ことと「日光が不要」は異なります。健康的に育てるためには、明るい間接光が当たる環境が理想的です。完全な日陰では徒長(茎が間延びする現象)が起こり、葉の色が薄くなることがあります。
        </p>
      </div>

      <p class="pachira-section__text">
        次のセクションでは、これらの特性を踏まえた上で、パキラに最適な置き場所と環境条件について詳しく解説していきます。
      </p>
    </section>

    <!-- セクション2: パキラの置き場所と環境 -->
    <section class="pachira-section" id="location-environment">
      <h2 class="pachira-section__heading">パキラの置き場所と環境</h2>
      
      <p class="pachira-section__text">
        パキラを健康的に育てるためには、<strong>光・温度・湿度</strong>の3つの環境要因を適切に管理することが重要です。熱帯雨林の林床という自生環境を理解し、それに近い条件を室内で再現することが、長期的な栽培成功の鍵となります。
      </p>

      <h3 class="pachira-subsection__heading" id="light-environment">理想的な光環境</h3>
      
      <p class="pachira-section__text">
        パキラの光要求性は「<strong>明るい間接光</strong>」と表現されますが、これは具体的にどのような環境を指すのでしょうか。自生地では高木の樹冠を通して降り注ぐ柔らかい光の中で育つため、強い直射日光には適応していません。
      </p>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          明るい間接光の具体例
        </p>
        <p class="pachira-info-box__text">
          <strong>理想的な場所:</strong> レースカーテン越しに日光が入る窓際、または窓から2〜3メートル離れた明るい室内。スマートフォンのライトで影ができる程度の明るさが目安です。<br><br>
          <strong>避けるべき場所:</strong> 直射日光が当たる南向きの窓際(葉焼けの原因)、暗い部屋の隅(徒長や葉の色褪せの原因)
        </p>
      </div>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">☀️</span>
          <div class="pachira-list__text">
            <strong>東向きの窓際</strong>: 午前中の柔らかい光が当たり、最も理想的な環境です。朝日は光量が穏やかで、葉焼けのリスクが低くなります
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌤️</span>
          <div class="pachira-list__text">
            <strong>北向きの明るい窓際</strong>: 直射日光が入らないため、一年を通じて安定した環境を提供できます。ただし冬季は光量不足に注意が必要です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🪟</span>
          <div class="pachira-list__text">
            <strong>南・西向きの窓から離れた位置</strong>: 窓から2〜3メートル離すことで、適度な光量を確保しつつ直射日光を避けられます
          </div>
        </li>
      </ul>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          直射日光を避ける理由
        </p>
        <p class="pachira-note__text">
          パキラの葉は薄く柔らかい組織で構成されているため、強い直射日光に長時間さらされると<strong>葉焼け(日灼け)</strong>を起こします。症状としては、葉の一部が茶色く変色し、その部分は回復しません。特に夏の午後の西日は非常に強力なため、避ける必要があります。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="temperature-management">温度管理</h3>
      
      <p class="pachira-section__text">
        パキラは熱帯性植物であるため、<strong>温暖で安定した温度環境</strong>を好みます。急激な温度変化はストレスとなり、葉の落下や成長停滞の原因となります。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌡️</span>
          <div class="pachira-list__text">
            <strong>生育適温: 20〜30℃</strong><br>
            この温度帯で最も活発に成長します。新芽の展開や幹の肥大成長が観察できる時期です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">❄️</span>
          <div class="pachira-list__text">
            <strong>最低耐寒温度: 10℃</strong><br>
            10℃を下回ると生理障害が発生し、葉が黄変して落葉する可能性があります。冬季は室内で15℃以上を保つことが理想的です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🔥</span>
          <div class="pachira-list__text">
            <strong>高温への耐性: 35℃まで</strong><br>
            短期間であれば35℃程度まで耐えられますが、継続的な高温は生育不良の原因となります
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          エアコン・暖房器具との距離
        </p>
        <p class="pachira-info-box__text">
          エアコンの風が直接当たる場所は避けてください。冷暖房の風は非常に乾燥しており、葉の先端が茶色く枯れる<strong>葉先枯れ</strong>の原因となります。エアコンの吹き出し口から最低2メートル以上離し、風が直接当たらない位置に配置することが重要です。<br><br>
          同様に、ストーブやヒーターなどの暖房器具の近くも避けましょう。局所的な高温と極度の乾燥により、葉が傷みます。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="humidity-care">湿度への配慮</h3>
      
      <p class="pachira-section__text">
        パキラは熱帯雨林の高湿度環境に自生するため、<strong>適度な湿度</strong>を好みます。特に日本の冬季は暖房により室内が極度に乾燥するため、湿度管理が重要になります。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💧</span>
          <div class="pachira-list__text">
            <strong>理想的な湿度: 50〜70%</strong><br>
            この湿度帯であれば、葉の光沢が保たれ、健康的な成長が期待できます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💦</span>
          <div class="pachira-list__text">
            <strong>葉水(はみず)の効果</strong><br>
            霧吹きで葉の表裏に水を吹きかける「葉水」は、葉の乾燥を防ぎ、ハダニなどの害虫予防にも効果的です。朝方に行うと、日中に水分が蒸発し、病気のリスクを減らせます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌫️</span>
          <div class="pachira-list__text">
            <strong>加湿器の活用</strong><br>
            冬季の乾燥が著しい場合は、加湿器を併用することで室内全体の湿度を適切に保つことができます
          </div>
        </li>
      </ul>

      <!-- 画像2: パキラの置き場所 -->
      <figure class="pachira-image">
        <div class="pachira-image__wrapper">
          <img decoding="async" 
            src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Pachira-Placement-and-Environment-Section.jpg" 
            alt="明るい間接光が入る窓際に置かれたパキラ、レースカーテン越しの柔らかい光を浴びている様子" 
            class="pachira-image__img"
            width="1200"
            height="800"
            loading="lazy"
          >
        </div>
        <figcaption class="pachira-image__caption">
          レースカーテン越しの柔らかい光が理想的な環境です
        </figcaption>
      </figure>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          季節による位置調整
        </p>
        <p class="pachira-note__text">
          夏季と冬季では日照角度が異なるため、同じ窓際でも光の強さが変わります。<strong>夏季</strong>は太陽高度が高いため、南向きの窓際でも直射日光が当たりにくくなりますが、西日には注意が必要です。<strong>冬季</strong>は太陽高度が低く、南向きの窓から深く室内に光が入り込むため、位置を調整して光量を確保しましょう。年2回(春と秋)、置き場所を見直すことをおすすめします。
        </p>
      </div>

      <p class="pachira-section__text">
        適切な環境を整えたら、次は日々の管理で最も重要な「水やり」について詳しく見ていきましょう。
      </p>
    </section>

    <!-- セクション3: 水やりの基本と季節別管理 -->
    <section class="pachira-section" id="watering">
      <h2 class="pachira-section__heading">水やりの基本と季節別管理</h2>
      
      <p class="pachira-section__text">
        パキラ栽培における最も重要な管理項目が<strong>水やり</strong>です。観葉植物を枯らしてしまう原因の多くは、水の与え過ぎによる根腐れか、水不足による枯死のいずれかです。パキラの水やりは「土の状態」と「季節」という2つの要素を基準に判断します。
      </p>

      <h3 class="pachira-subsection__heading" id="watering-basics">水やりの基本原則</h3>
      
      <p class="pachira-section__text">
        パキラの水やりは<strong>「土の表面が乾いてから、鉢底から流れ出るまでたっぷりと」</strong>という基本原則に従います。この方法は、根に酸素を供給しつつ、土中の老廃物を洗い流す効果があります。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">👆</span>
          <div class="pachira-list__text">
            <strong>土の乾き具合の確認方法</strong><br>
            指で土の表面を触り、2〜3cm掘って乾いていることを確認します。表面だけでなく、内部まで乾いているかを確認することが重要です。土が指に付かない状態が「乾いた」状態の目安です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💧</span>
          <div class="pachira-list__text">
            <strong>たっぷりと与える理由</strong><br>
            鉢底から水が流れ出るまで与えることで、土全体に水分が行き渡り、根の隅々まで水が届きます。また、土中に溜まった肥料成分の過剰分や老廃物を洗い流す効果もあります
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🚫</span>
          <div class="pachira-list__text">
            <strong>受け皿の水は必ず捨てる</strong><br>
            受け皿に溜まった水をそのままにすると、根が常に湿った状態になり、根腐れの原因となります。水やり後10〜15分経ったら、受け皿の水を必ず捨てましょう
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          水やりのタイミング判断ツール
        </p>
        <p class="pachira-info-box__text">
          <strong>重さで判断:</strong> 鉢を持ち上げて重さを感じ取る方法も有効です。水やり直後の重さを記憶しておき、軽くなったら水やりのタイミングです。<br><br>
          <strong>竹串法:</strong> 竹串を土に挿し込み、引き抜いた時に土が付いてこなければ乾いています。この方法は土の内部まで確認できるため確実です。<br><br>
          <strong>水分計の活用:</strong> 園芸用の土壌水分計を使用すれば、客観的に水やりタイミングを判断できます。特に大型鉢の場合に有効です。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="seasonal-watering">季節別の水やり頻度</h3>
      
      <p class="pachira-section__text">
        パキラの水要求量は気温と生育状況によって大きく変化します。四季に応じた適切な水やり頻度を理解することが、健康的な栽培の鍵となります。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌸</span>
          <div class="pachira-list__text">
            <strong>春(3〜5月): 週2〜3回</strong><br>
            気温の上昇とともに生育が活発になる時期です。新芽の展開が見られ始めたら、水やり頻度を徐々に増やします。土の表面が乾いたら2〜3日以内に水を与えましょう
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">☀️</span>
          <div class="pachira-list__text">
            <strong>夏(6〜8月): 週2〜3回、時に毎日</strong><br>
            最も生育が旺盛な時期で、水の消費量も最大になります。気温が30℃を超える日は、土が乾くスピードが速いため、毎日でも水やりが必要な場合があります。朝の涼しい時間帯に与えることが理想的です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🍂</span>
          <div class="pachira-list__text">
            <strong>秋(9〜11月): 週1〜2回</strong><br>
            気温の低下とともに生育が緩やかになります。水やり頻度を徐々に減らし、冬に向けて準備します。10月以降は土が完全に乾いてから1〜2日待ってから水を与える程度で十分です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">❄️</span>
          <div class="pachira-list__text">
            <strong>冬(12〜2月): 10日〜2週間に1回</strong><br>
            生育が停止する休眠期です。水の消費量が最小になるため、水やり頻度を大幅に減らします。土が乾いてから3〜4日待ってから与える程度で問題ありません。過湿は根腐れの原因となるため、乾燥気味に管理します
          </div>
        </li>
      </ul>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          冬季の水やり注意点
        </p>
        <p class="pachira-note__text">
          冬季は気温が低いため、水やり後に土が冷たくなり、根にダメージを与える可能性があります。<strong>水やりは暖かい日の午前中</strong>に行い、夕方以降の水やりは避けましょう。また、水温も重要で、氷のように冷たい水は使わず、室温程度の水を使用することをおすすめします。エアコンで室温が20℃以上に保たれている環境では、冬でも生育が続くため、秋と同程度の水やり頻度が必要な場合もあります。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="watering-problems">水やり失敗のサイン</h3>
      
      <p class="pachira-section__text">
        適切な水やりができているかは、パキラの状態を観察することで判断できます。早期に異変に気づき、対処することで深刻な被害を防げます。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🥀</span>
          <div class="pachira-list__text">
            <strong>水不足のサイン</strong><br>
            <strong>症状:</strong> 葉が垂れ下がる(萎れ)、葉の先端が茶色く枯れる、下葉が黄色くなって落ちる<br>
            <strong>対処法:</strong> すぐにたっぷりと水を与えます。ただし、長期間水不足だった場合は、一度に大量の水を与えると根が傷むため、数回に分けて徐々に戻します
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💀</span>
          <div class="pachira-list__text">
            <strong>水過多・根腐れのサイン</strong><br>
            <strong>症状:</strong> 幹の基部がブヨブヨと柔らかい、悪臭がする、葉が黄変するが萎れない、土の表面にカビが生える<br>
            <strong>対処法:</strong> 根腐れが疑われる場合は、鉢から取り出して根の状態を確認します。黒く腐った根は清潔なハサミでカットし、新しい土に植え替えます。重症の場合は回復が困難なため、予防が最重要です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🍃</span>
          <div class="pachira-list__text">
            <strong>健康な状態</strong><br>
            <strong>特徴:</strong> 葉に光沢があり、ピンと立っている、新芽が定期的に展開する(生育期)、幹が硬く締まっている<br>
            現在の水やり方法が適切である証拠です。この状態を維持するよう心がけましょう
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          葉水(はみず)の重要性
        </p>
        <p class="pachira-info-box__text">
          土への水やりとは別に、<strong>葉に霧吹きで水を吹きかける「葉水」</strong>も重要な管理作業です。葉水には以下の効果があります:<br><br>
          <strong>1. 葉の乾燥防止:</strong> 特に冬季の乾燥した室内環境で、葉の水分を補給します<br>
          <strong>2. 害虫予防:</strong> ハダニなどの害虫は乾燥した環境を好むため、葉水で湿度を保つことで発生を抑制できます<br>
          <strong>3. 葉の清掃:</strong> 葉の表面に積もったホコリを洗い流し、光合成効率を高めます<br><br>
          葉水は朝方に行うのが理想的です。夜間に葉が濡れた状態が続くと、病気の原因となる可能性があります。
        </p>
      </div>

      <p class="pachira-section__text">
        水やりの基本をマスターしたら、次は健康的な成長を促進するための「肥料の与え方」について学んでいきましょう。
      </p>
    </section>

    <!-- セクション4: 肥料の与え方 -->
    <section class="pachira-section" id="fertilizer">
      <h2 class="pachira-section__heading">肥料の与え方</h2>
      
      <p class="pachira-section__text">
        肥料は植物の成長に必要な<strong>栄養素を補給する</strong>重要な役割を果たします。パキラは比較的少ない肥料でも育ちますが、適切な施肥によって、より健康的で美しい姿に成長させることができます。ただし、肥料は「多ければ良い」というものではなく、過剰施肥は根を傷める原因となります。
      </p>

      <h3 class="pachira-subsection__heading" id="why-fertilizer">肥料が必要な理由</h3>
      
      <p class="pachira-section__text">
        鉢植えのパキラは限られた土の中で生育するため、時間とともに土中の栄養素が不足します。特に<strong>窒素(N)・リン酸(P)・カリウム(K)</strong>という三大要素は、植物の成長に不可欠です。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🍃</span>
          <div class="pachira-list__text">
            <strong>窒素(N): 葉の成長促進</strong><br>
            葉や茎の成長を促進し、葉の緑色を濃くします。窒素不足では葉が黄色くなり、成長が鈍化します
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌺</span>
          <div class="pachira-list__text">
            <strong>リン酸(P): 根の発達</strong><br>
            根の発達を促進し、植物全体の健康を支えます。花や実の形成にも関与しますが、室内栽培のパキラで開花することは稀です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💪</span>
          <div class="pachira-list__text">
            <strong>カリウム(K): 病害抵抗性</strong><br>
            植物の抵抗力を高め、病気や環境ストレスに強くなります。幹の充実にも重要な役割を果たします
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          観葉植物に適した肥料成分比
        </p>
        <p class="pachira-info-box__text">
          パキラのような観葉植物には、<strong>窒素成分がやや多めの肥料</strong>が適しています。一般的な観葉植物用肥料は「N:P:K = 10:8:8」や「6:4:4」といった比率になっています。窒素が多いと葉が大きく濃緑になり、観賞価値が高まります。<br><br>
          草花用や野菜用の肥料は成分比が異なるため、必ず「観葉植物用」または「グリーンプランツ用」と表示されたものを選びましょう。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="fertilizer-types">生育期の施肥方法</h3>
      
      <p class="pachira-section__text">
        パキラへの施肥は<strong>生育期(5〜9月)</strong>に限定して行います。この時期は気温が高く、パキラが活発に成長するため、栄養要求量が増加します。肥料の種類は大きく分けて「液体肥料」と「緩効性肥料」の2種類があります。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💧</span>
          <div class="pachira-list__text">
            <strong>液体肥料(液肥)</strong><br>
            <strong>使用頻度:</strong> 月1回、規定濃度に希釈<br>
            <strong>特徴:</strong> 即効性があり、効果がすぐに現れます。水やり代わりに与えるため、手軽に使用できます<br>
            <strong>おすすめ商品:</strong> ハイポネックス原液、住友化学園芸「マイガーデン液体肥料」など<br>
            <strong>使用方法:</strong> 製品の指示に従い、通常は500〜1000倍に希釈して、通常の水やりと同じようにたっぷりと与えます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">⏱️</span>
          <div class="pachira-list__text">
            <strong>緩効性肥料(置き肥)</strong><br>
            <strong>使用頻度:</strong> 2ヶ月に1回、土の表面に置く<br>
            <strong>特徴:</strong> ゆっくりと長期間効果が持続します。水やりの度に少しずつ溶け出すため、肥料やけのリスクが低くなります<br>
            <strong>おすすめ商品:</strong> プロミック、マグァンプK中粒など<br>
            <strong>使用方法:</strong> 鉢の大きさに応じた量を土の表面に置きます。6号鉢(直径18cm)で5〜8粒程度が目安です
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          液体肥料と緩効性肥料の併用
        </p>
        <p class="pachira-info-box__text">
          より充実した成長を望む場合、<strong>緩効性肥料を基本とし、液体肥料を追加する</strong>方法が効果的です。<br><br>
          <strong>具体的な方法:</strong><br>
          • 5月に緩効性肥料を置く(効果期間: 2ヶ月)<br>
          • 6月・7月に液体肥料を月1回与える<br>
          • 7月に緩効性肥料を再度置く(効果期間: 2ヶ月)<br>
          • 8月・9月に液体肥料を月1回与える<br><br>
          ただし、過剰施肥は逆効果なので、初めての場合はどちらか一方のみの使用を推奨します。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="fertilizer-timing">休眠期の肥料管理</h3>
      
      <p class="pachira-section__text">
        秋から冬にかけての<strong>休眠期(10月〜4月)</strong>は、肥料を一切与えません。この時期に肥料を与えると、以下のような問題が発生する可能性があります。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🚫</span>
          <div class="pachira-list__text">
            <strong>肥料やけのリスク</strong><br>
            生育が停止している時期に肥料を与えると、根が栄養を吸収できず、土中に肥料成分が蓄積します。この状態が続くと、根が肥料の高濃度に耐えられず傷んでしまう「肥料やけ」が発生します
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌱</span>
          <div class="pachira-list__text">
            <strong>徒長のリスク</strong><br>
            低温期に無理に栄養を与えると、軟弱な茎葉が徒長(間延び)する可能性があります。この時期に伸びた部分は、春以降も弱いままとなることが多いです
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">❄️</span>
          <div class="pachira-list__text">
            <strong>耐寒性の低下</strong><br>
            休眠期に肥料を与えると、植物が休眠に入らず活動を続けようとするため、耐寒性が低下し、冬の低温で傷みやすくなります
          </div>
        </li>
      </ul>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          肥料過多の症状と対処
        </p>
        <p class="pachira-note__text">
          肥料を与え過ぎると、以下のような症状が現れます:<br><br>
          <strong>症状:</strong> 葉の先端や縁が茶色く枯れる、葉が異常に濃い緑色になる、新葉が奇形になる、根が茶色く変色する<br><br>
          <strong>対処法:</strong> 直ちに施肥を中止し、鉢底から水が流れ出るまで大量の水を与えて、土中の過剰な肥料成分を洗い流します。この作業を「水洗い」といい、2〜3日空けて2回程度行うと効果的です。症状が深刻な場合は、植え替えを行い、新しい土に交換することも検討します。
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          肥料なしでも育つ？
        </p>
        <p class="pachira-info-box__text">
          結論から言えば、<strong>肥料を全く与えなくてもパキラは生存できます</strong>。特に購入直後1年間は、用土に含まれる栄養分で十分成長します。<br><br>
          ただし、長期的には以下のような影響が出る可能性があります:<br>
          • 葉の色が薄くなる(黄緑色)<br>
          • 新葉が小さくなる<br>
          • 成長速度が遅くなる<br>
          • 下葉が早く落ちる<br><br>
          「枯れさせたくない」という目的であれば肥料は必須ではありませんが、「美しく健康的に育てたい」のであれば、適切な施肥をおすすめします。肥料は「与え過ぎ」より「控えめ」の方が安全です。
        </p>
      </div>

      <p class="pachira-section__text">
        適切な肥料管理で健康的な成長を促したら、次は美しい樹形を維持するための「剪定と樹形管理」について学んでいきましょう。
      </p>
    </section>

    <!-- セクション5: 剪定と樹形管理 -->
    <section class="pachira-section" id="pruning">
      <h2 class="pachira-section__heading">剪定と樹形管理</h2>
      
      <p class="pachira-section__text">
        パキラは放置していても枯れることは少ないですが、<strong>定期的な剪定</strong>によって美しい樹形を維持し、より健康的に育てることができます。剪定は単なる見た目の調整だけでなく、植物の生理機能を改善する重要な管理作業です。
      </p>

      <h3 class="pachira-subsection__heading" id="why-pruning">剪定が必要な理由</h3>
      
      <p class="pachira-section__text">
        パキラに剪定が必要な理由は、観賞価値の向上だけではありません。植物生理学的な観点から見ても、以下のような重要な意義があります。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">✂️</span>
          <div class="pachira-list__text">
            <strong>樹形を整える</strong><br>
            徒長した枝や不規則に伸びた枝を切除することで、バランスの取れた美しい樹形を作り出します。特に室内栽培では天井までの高さに制限があるため、適切な高さに維持することが重要です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌬️</span>
          <div class="pachira-list__text">
            <strong>風通しを良くする</strong><br>
            密集した枝葉を間引くことで、株全体の風通しが改善されます。これにより病気の発生リスクが低減し、害虫の発生も抑制できます。また、内部まで光が届くようになり、下葉の落葉を防げます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🍃</span>
          <div class="pachira-list__text">
            <strong>下葉の落ちを防ぐ</strong><br>
            上部の葉が茂りすぎると、下部に光が届かず、下葉が黄変して落葉します。適度な剪定により光が株全体に行き渡り、下から上まで葉が付いた美しい姿を維持できます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌱</span>
          <div class="pachira-list__text">
            <strong>新芽の発生促進</strong><br>
            剪定により、切り口付近から新しい脇芽が発生します。これを利用して枝数を増やし、ボリューム感のある株に仕立てることができます
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          頂芽優勢の原理
        </p>
        <p class="pachira-info-box__text">
          植物には「<strong>頂芽優勢</strong>」という性質があり、最も高い位置にある芽(頂芽)が優先的に成長し、その下の脇芽の成長を抑制します。<br><br>
          剪定で先端部を切除すると、この抑制が解除され、それまで休眠していた脇芽が一斉に動き出します。これを利用して、一本の幹から複数の枝を出させ、より豊かな樹形を作ることができます。<br><br>
          ただし、強く切り詰めすぎると樹勢が弱まる可能性があるため、全体の3分の1程度までの剪定に留めることが安全です。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="pruning-timing">剪定の時期と方法</h3>
      
      <p class="pachira-section__text">
        パキラの剪定に最適な時期は<strong>5月〜6月</strong>です。この時期は気温が上昇し、生育が活発になる直前〜初期であるため、剪定後の回復が早く、新芽の展開もスムーズです。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">📅</span>
          <div class="pachira-list__text">
            <strong>最適時期: 5月〜6月(初夏)</strong><br>
            気温が20℃以上で安定し、パキラの生育が活発になる時期です。剪定後2〜3週間で新芽が動き出し、夏の間に充実した枝葉に成長します
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">⚠️</span>
          <div class="pachira-list__text">
            <strong>避けるべき時期: 秋〜冬(9月以降)</strong><br>
            気温が低下する時期に剪定すると、新芽が十分に成長する前に休眠期に入ってしまい、軟弱な状態のまま冬を越すことになります。また、切り口からの病原菌侵入リスクも高まります
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌞</span>
          <div class="pachira-list__text">
            <strong>可能な時期: 7月〜8月前半</strong><br>
            生育最盛期のため剪定は可能ですが、真夏の強い日差しで切り口が傷む可能性があります。この時期に行う場合は、曇りの日を選ぶとよいでしょう
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          切り戻し剪定の具体的手順
        </p>
        <p class="pachira-info-box__text">
          <strong>準備するもの:</strong><br>
          • 清潔な剪定バサミ(使用前にアルコール消毒)<br>
          • 癒合剤または木工用ボンド(切り口保護用)<br>
          • 新聞紙やビニールシート(作業場所の保護用)<br><br>
          
          <strong>手順:</strong><br>
          1. <strong>切る位置を決定:</strong> 希望する高さの5mm〜1cm上で切ります。葉の付け根(節)のすぐ上で切ると、その下から新芽が出やすくなります<br><br>
          
          2. <strong>切断:</strong> 剪定バサミで、幹に対して垂直に、一度でスパッと切ります。何度も切ると切り口が潰れ、回復が遅れます<br><br>
          
          3. <strong>切り口処理:</strong> 切り口に癒合剤を塗布します。癒合剤がない場合は、木工用ボンドでも代用可能です。これにより病原菌の侵入を防ぎ、乾燥も防げます<br><br>
          
          4. <strong>アフターケア:</strong> 剪定後1週間は明るい日陰に置き、直射日光を避けます。水やりは通常通り行いますが、肥料は2〜3週間後から再開します
        </p>
      </div>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          剪定時の注意点
        </p>
        <p class="pachira-note__text">
          <strong>1. 一度に切りすぎない:</strong> 全体の葉量の3分の1以上を一度に切除すると、光合成能力が大幅に低下し、株が弱る可能性があります。大胆な剪定が必要な場合は、2〜3回に分けて行いましょう。<br><br>
          
          <strong>2. 編み込み部分は切らない:</strong> 幹が編み込まれている場合、編み込み部分より下で切ると、編み込みの意味がなくなります。編み込み部分より上で切るようにしましょう。<br><br>
          
          <strong>3. 白い樹液に注意:</strong> パキラを切ると白い樹液が出ることがあります。この樹液は皮膚に付着するとかぶれる可能性があるため、手袋の着用を推奨します。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="braid-maintenance">幹の編み込みメンテナンス</h3>
      
      <p class="pachira-section__text">
        市販のパキラの多くは、複数の幹を編み込んだ状態で販売されています。この編み込みは成長とともに緩んだり、幹が太くなって食い込んだりするため、定期的なメンテナンスが必要です。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🔍</span>
          <div class="pachira-list__text">
            <strong>固定の確認</strong><br>
            編み込みを固定している紐やワイヤーが幹に食い込んでいないか、年に1〜2回確認します。食い込みが見られる場合は、紐を緩めるか、新しい紐に交換します
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌳</span>
          <div class="pachira-list__text">
            <strong>幹の成長への対応</strong><br>
            幹が太くなると、編み込んだ幹同士が圧迫し合い、変形や枯死の原因となります。窮屈になってきたら、編み込みを少し緩めるか、圧迫されている部分の皮を少し削いで圧力を分散させます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">✂️</span>
          <div class="pachira-list__text">
            <strong>不要な脇芽の除去</strong><br>
            編み込まれた幹の途中から脇芽が出ることがあります。これを放置すると樹形が乱れるため、見つけ次第、付け根から切除します
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          編み込みが崩れたら？
        </p>
        <p class="pachira-info-box__text">
          長期間育てていると、幹の成長によって編み込みが崩れることがあります。この場合、以下の対処法があります:<br><br>
          
          <strong>方法1: そのまま育てる</strong><br>
          編み込みが崩れても、パキラの健康には影響ありません。自然樹形として楽しむのも一つの選択肢です。<br><br>
          
          <strong>方法2: 再編み込み</strong><br>
          若い株であれば、幹が柔軟なため再編み込みが可能です。ただし、太くなった幹を無理に曲げると折れる危険があるため、慎重に行います。園芸店に相談するのも良いでしょう。<br><br>
          
          <strong>方法3: 支柱で形を整える</strong><br>
          完全な編み込みは諦め、支柱を使って幹を垂直に保ち、バランスの良い樹形を維持します。
        </p>
      </div>

      <p class="pachira-section__text">
        剪定で美しい樹形を整えたら、次は健康的な成長を継続させるための「植え替えのタイミングと方法」について学んでいきましょう。
      </p>
    </section>

    <!-- セクション6: 植え替えのタイミングと方法 -->
    <section class="pachira-section" id="repotting">
      <h2 class="pachira-section__heading">植え替えのタイミングと方法</h2>
      
      <p class="pachira-section__text">
        パキラは生育が旺盛な植物で、根が鉢の中で成長を続けます。<strong>定期的な植え替え</strong>を行わないと、根詰まりを起こし、水はけが悪化して根腐れのリスクが高まります。植え替えは植物の健康維持に不可欠な作業です。
      </p>

      <h3 class="pachira-subsection__heading" id="repotting-signs">植え替えが必要なサイン</h3>
      
      <p class="pachira-section__text">
        パキラが以下のような状態を示したら、植え替えのタイミングです。これらのサインを見逃さず、適切な時期に植え替えを行いましょう。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌿</span>
          <div class="pachira-list__text">
            <strong>鉢底から根が出ている</strong><br>
            鉢底の排水穴から根が這い出している状態は、典型的な根詰まりのサインです。根が鉢の中に収まりきらず、外に出ようとしています
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💧</span>
          <div class="pachira-list__text">
            <strong>水はけが悪化している</strong><br>
            水やりをしても土に水が浸み込まず、表面に水が溜まる状態が続く場合、根が鉢内を占有し、土の隙間が少なくなっている証拠です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">📉</span>
          <div class="pachira-list__text">
            <strong>成長が停滞している</strong><br>
            適切な管理をしているにも関わらず、新芽が出ない、葉が小さいなど、明らかに成長が鈍化している場合は根詰まりの可能性があります
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🍂</span>
          <div class="pachira-list__text">
            <strong>下葉が次々と落ちる</strong><br>
            根詰まりにより根の機能が低下すると、水分や栄養の吸収が不十分になり、下葉から黄変して落葉します
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">📅</span>
          <div class="pachira-list__text">
            <strong>前回の植え替えから2〜3年経過</strong><br>
            明確なサインがなくても、購入後または前回の植え替えから2〜3年が経過していれば、予防的に植え替えを行うことを推奨します
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          根詰まりの確認方法
        </p>
        <p class="pachira-info-box__text">
          根詰まりを確実に確認するには、鉢から株を抜いて根の状態を直接観察する方法が最も確実です。<br><br>
          
          <strong>確認手順:</strong><br>
          1. 鉢の側面を軽く叩いて、土を鉢から離します<br>
          2. 株元を持ち、鉢を逆さまにして慎重に引き抜きます<br>
          3. 根鉢(根と土の塊)の表面を観察します<br><br>
          
          <strong>判断基準:</strong><br>
          • <strong>根詰まり状態:</strong> 根が鉢の形に沿って渦巻き状に張り、土がほとんど見えない<br>
          • <strong>適切な状態:</strong> 根と土のバランスが取れており、土が適度に見える<br>
          • <strong>植え替え不要:</strong> 根が鉢の底や側面にまだ到達していない
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="repotting-procedure">植え替えの手順</h3>
      
      <p class="pachira-section__text">
        植え替えに最適な時期は<strong>5月〜6月</strong>です。この時期は気温が上昇し、パキラの生育が活発になるため、植え替えによるダメージからの回復が早くなります。
      </p>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          準備するもの
        </p>
        <p class="pachira-info-box__text">
          <strong>必須アイテム:</strong><br>
          • 一回り大きい鉢(現在の鉢より直径3cm大きいもの)<br>
          • 観葉植物用培養土(または赤玉土6:腐葉土3:川砂1の配合土)<br>
          • 鉢底ネット<br>
          • 鉢底石(軽石など)<br><br>
          
          <strong>あると便利:</strong><br>
          • 園芸用手袋<br>
          • 移植ゴテ(土入れ用)<br>
          • 割り箸または竹串(土を突く用)<br>
          • 新聞紙やビニールシート(作業場所の保護用)<br>
          • 清潔なハサミ(根の整理用)
        </p>
      </div>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">1️⃣</span>
          <div class="pachira-list__text">
            <strong>株を鉢から抜く</strong><br>
            水やり後2〜3日経過した、適度に乾いた状態で行います。鉢の側面を軽く叩いて土を剥がし、株元を持って慎重に引き抜きます。抜けにくい場合は、鉢を横に倒して転がしながら抜くと楽です
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">2️⃣</span>
          <div class="pachira-list__text">
            <strong>古い土を落とす</strong><br>
            根鉢を手でほぐし、古い土を3分の1〜2分の1程度落とします。外側の根を中心に土を落とし、内側の根は残すことで、植え替えダメージを最小限に抑えられます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">3️⃣</span>
          <div class="pachira-list__text">
            <strong>根の整理</strong><br>
            黒く腐った根、茶色く変色した根は清潔なハサミで切除します。健康な白い根は切らないようにします。根が鉢の形に沿って渦巻いている場合は、外側を軽くほぐして広げます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">4️⃣</span>
          <div class="pachira-list__text">
            <strong>新しい鉢の準備</strong><br>
            鉢底に鉢底ネットを敷き、その上に鉢底石を2〜3cm入れます。さらに新しい培養土を鉢の3分の1程度入れます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">5️⃣</span>
          <div class="pachira-list__text">
            <strong>植え付け</strong><br>
            株を鉢の中心に置き、高さを調整します。株元が鉢の縁から2〜3cm下になる高さが理想です。周囲に新しい土を入れながら、割り箸で土を突いて隙間なく充填します
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">6️⃣</span>
          <div class="pachira-list__text">
            <strong>水やり</strong><br>
            植え替え直後は、鉢底から流れ出るまでたっぷりと水を与えます。これにより土と根が密着し、根の活着が促進されます
          </div>
        </li>
      </ul>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          植え替え後の管理
        </p>
        <p class="pachira-note__text">
          植え替え直後の1〜2週間は、株が最もデリケートな状態です。以下の点に注意して管理しましょう:<br><br>
          
          <strong>置き場所:</strong> 明るい日陰に置き、直射日光を避けます。根がダメージを受けているため、強い光は葉からの蒸散を促進し、株に負担をかけます<br><br>
          
          <strong>水やり:</strong> 土の表面が乾いたら与えますが、過湿にならないよう注意します。根が新しい土に馴染むまで、水の吸収効率が低下しているため、やや控えめが安全です<br><br>
          
          <strong>肥料:</strong> 植え替え後2〜3週間は肥料を与えません。根が落ち着いてから施肥を再開します<br><br>
          
          <strong>葉水:</strong> 根からの水分吸収が不十分なため、葉水を積極的に行い、葉の乾燥を防ぎます
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="pot-soil-selection">鉢と土の選び方</h3>
      
      <p class="pachira-section__text">
        植え替えの成功は、適切な鉢と土の選択にかかっています。それぞれの特性を理解し、パキラに最適なものを選びましょう。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🏺</span>
          <div class="pachira-list__text">
            <strong>鉢のサイズ: 一回り大きく</strong><br>
            現在の鉢より直径で3cm大きい鉢を選びます。大きすぎる鉢は土の量が多すぎて過湿になりやすく、根腐れのリスクが高まります。例: 6号鉢(直径18cm) → 7号鉢(直径21cm)
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🪴</span>
          <div class="pachira-list__text">
            <strong>鉢の素材</strong><br>
            <strong>プラスチック鉢:</strong> 軽量で扱いやすく、保水性が高い。初心者向け<br>
            <strong>素焼き鉢:</strong> 通気性・排水性に優れ、根腐れしにくい。ただし重く、乾燥が早い<br>
            <strong>陶器鉢:</strong> デザイン性が高く、室内インテリアに適している。重量があり移動が大変
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌱</span>
          <div class="pachira-list__text">
            <strong>土の配合</strong><br>
            <strong>市販の観葉植物用土:</strong> 配合済みで手軽。初心者におすすめ<br>
            <strong>自作配合土:</strong> 赤玉土(小粒)6:腐葉土3:川砂1の割合。排水性と保水性のバランスが良い<br>
            <strong>重要ポイント:</strong> 排水性が良いことが最優先。水はけの悪い土は根腐れの原因になります
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          土の再利用について
        </p>
        <p class="pachira-info-box__text">
          植え替えで出た古い土は、基本的に再利用しないことを推奨します。理由は以下の通りです:<br><br>
          
          <strong>1. 栄養分の枯渇:</strong> 長期間使用した土は、植物が栄養を吸収し尽くしており、肥料を与えても改善が難しい状態です<br><br>
          
          <strong>2. 病原菌や害虫の存在:</strong> 古い土には病原菌の胞子や害虫の卵が潜んでいる可能性があります<br><br>
          
          <strong>3. 土の構造劣化:</strong> 土の粒子が崩れて微塵になり、排水性が著しく低下しています<br><br>
          
          どうしても再利用したい場合は、黒いビニール袋に入れて直射日光下で2週間程度太陽熱消毒を行い、新しい土を3〜5割混ぜて使用してください。
        </p>
      </div>

      <p class="pachira-section__text">
        適切な植え替えで根の健康を維持したら、次は「病害虫対策」について学び、パキラを守る方法を身につけましょう。
      </p>
    </section>

    <!-- セクション7: 病害虫対策 -->
    <section class="pachira-section" id="pest-control">
      <h2 class="pachira-section__heading">病害虫対策</h2>
      
      <p class="pachira-section__text">
        パキラは比較的病害虫に強い植物ですが、室内の乾燥した環境や風通しの悪い場所では、害虫が発生することがあります。<strong>早期発見と迅速な対処</strong>が被害を最小限に抑える鍵です。定期的な観察を習慣化しましょう。
      </p>

      <h3 class="pachira-subsection__heading" id="common-pests">主な害虫と対策</h3>
      
      <p class="pachira-section__text">
        パキラに発生しやすい害虫は主に3種類です。それぞれの特徴と効果的な対策方法を理解し、発生を予防しましょう。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🕷️</span>
          <div class="pachira-list__text">
            <strong>ハダニ(赤ダニ)</strong><br>
            <strong>特徴:</strong> 体長0.5mm程度の非常に小さな害虫。葉の裏側に寄生し、葉の養分を吸い取ります。乾燥した環境を好み、特に冬季の暖房使用時に大発生しやすいです<br><br>
            <strong>被害症状:</strong> 葉の表面に白い斑点が現れる、葉が黄色く変色する、葉の裏に白い糸状のもの(クモの巣状)が見える<br><br>
            <strong>予防法:</strong> 葉水を定期的に行い、湿度を保つことが最も効果的。週2〜3回の葉水で発生を大幅に抑制できます<br><br>
            <strong>駆除方法:</strong><br>
            • <strong>初期段階:</strong> 葉の裏側を水で洗い流す。シャワーで勢いよく洗うと効果的<br>
            • <strong>広範囲に発生:</strong> 殺ダニ剤(ダニ専用の薬剤)を散布。例: ベニカマイルドスプレー、アーリーセーフなど<br>
            • <strong>使用方法:</strong> 葉の裏側を重点的に散布し、1週間後に再度散布して卵から孵化した幼虫も駆除
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🐛</span>
          <div class="pachira-list__text">
            <strong>カイガラムシ</strong><br>
            <strong>特徴:</strong> 白や褐色の殻を持つ2〜5mm程度の害虫。幹や葉の裏に固着し、養分を吸い取ります。成虫は殻で覆われているため薬剤が効きにくい厄介な害虫です<br><br>
            <strong>被害症状:</strong> 幹や葉に白い綿状のもの、または茶色い盛り上がりが付着する、すす病を併発(カイガラムシの排泄物に黒いカビが発生)<br><br>
            <strong>予防法:</strong> 風通しの良い場所に置く、定期的に幹や葉を観察する<br><br>
            <strong>駆除方法:</strong><br>
            • <strong>少数の場合:</strong> 使い古しの歯ブラシや割り箸で物理的に擦り取る。殻ごと剥がし取ることが重要<br>
            • <strong>広範囲の場合:</strong> 浸透移行性の殺虫剤を使用。例: オルトランDX、ベニカXファインスプレーなど<br>
            • <strong>重要:</strong> カイガラムシは繁殖力が強いため、見つけたら即座に対処することが重要
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🦟</span>
          <div class="pachira-list__text">
            <strong>アブラムシ</strong><br>
            <strong>特徴:</strong> 体長2〜3mmの緑色または黒色の小さな虫。新芽や若い葉に群生し、養分を吸い取ります。繁殖力が非常に強く、短期間で大量発生します<br><br>
            <strong>被害症状:</strong> 新芽が萎縮する、葉が縮れる、ベタベタした排泄物が付着する、すす病を併発<br><br>
            <strong>予防法:</strong> 新芽を定期的にチェックする、風通しを良くする<br><br>
            <strong>駆除方法:</strong><br>
            • <strong>少数の場合:</strong> セロハンテープで貼り付けて除去、または水で洗い流す<br>
            • <strong>広範囲の場合:</strong> 殺虫剤を散布。例: ベニカXファインスプレー、オルトランDXなど<br>
            • <strong>即効性:</strong> アブラムシは薬剤に弱いため、1〜2回の散布で駆除可能
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          薬剤使用時の注意点
        </p>
        <p class="pachira-info-box__text">
          <strong>室内での使用:</strong> 室内で薬剤を散布する場合は、十分な換気を行いましょう。可能であれば、ベランダや屋外で散布し、乾いてから室内に戻すことを推奨します<br><br>
          
          <strong>人やペットへの配慮:</strong> 薬剤散布後は、子供やペットが触れないよう注意してください。特に食器や食品がある場所では使用を避けます<br><br>
          
          <strong>耐性の回避:</strong> 同じ薬剤を繰り返し使用すると、害虫が耐性を持つ可能性があります。異なる成分の薬剤をローテーションで使用することが効果的です<br><br>
          
          <strong>天然成分の選択肢:</strong> 化学薬品に抵抗がある場合は、ニーム油やでんぷん由来の天然成分の薬剤(例: アーリーセーフ)を選択することもできます
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="disease-control">病気への対処</h3>
      
      <p class="pachira-section__text">
        パキラは病気に比較的強い植物ですが、管理方法が不適切だと、特定の病気が発生することがあります。主な病気とその対処法を理解しましょう。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💀</span>
          <div class="pachira-list__text">
            <strong>根腐れ(ねぐされ)</strong><br>
            <strong>原因:</strong> 過剰な水やり、排水不良、根詰まりなどにより、根が酸素不足になり腐敗します<br><br>
            <strong>症状:</strong> 幹の基部が柔らかくブヨブヨしている、悪臭がする、葉が黄変するが萎れない、土の表面にカビが生える<br><br>
            <strong>予防:</strong> 土が乾いてから水やりする、排水性の良い土を使用する、定期的に植え替える<br><br>
            <strong>対処法:</strong><br>
            1. 鉢から株を抜き、根を洗って確認<br>
            2. 黒く腐った根を清潔なハサミで全て切除<br>
            3. 新しい土に植え替え<br>
            4. 水やりを控えめにして回復を待つ<br>
            ※ 重症の場合は回復が困難なため、早期発見が重要
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🍂</span>
          <div class="pachira-list__text">
            <strong>すす病(すすびょう)</strong><br>
            <strong>原因:</strong> カイガラムシやアブラムシの排泄物に黒いカビ(すす病菌)が発生します<br><br>
            <strong>症状:</strong> 葉の表面に黒いすす状のものが付着し、光合成を妨げます<br><br>
            <strong>予防:</strong> 害虫の発生を防ぐことが最も効果的<br><br>
            <strong>対処法:</strong><br>
            1. まず害虫を駆除(根本原因の除去)<br>
            2. 濡れた布で葉の表面を優しく拭き取る<br>
            3. 症状が重い葉は切除<br>
            4. 風通しを改善して再発を防ぐ
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🟤</span>
          <div class="pachira-list__text">
            <strong>葉の変色(生理障害)</strong><br>
            <strong>原因:</strong> 栄養不足、水不足、日照不足、温度ストレスなど環境要因による非感染性の障害<br><br>
            <strong>症状と原因:</strong><br>
            • <strong>葉全体が黄色:</strong> 窒素不足、根腐れ、根詰まり<br>
            • <strong>葉の先端が茶色:</strong> 水不足、空気の乾燥、肥料過多<br>
            • <strong>葉が薄い黄緑色:</strong> 日照不足、栄養不足<br>
            • <strong>葉に茶色い斑点:</strong> 葉焼け(日光過多)、水やり時の水滴レンズ効果<br><br>
            <strong>対処法:</strong> 原因を特定し、環境や管理方法を改善します
          </div>
        </li>
      </ul>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          病害虫発生の予防が最重要
        </p>
        <p class="pachira-note__text">
          病害虫対策で最も重要なのは<strong>「発生させないこと」</strong>です。一度発生すると駆除に時間と労力がかかり、植物も大きなダメージを受けます。<br><br>
          
          <strong>日常的な予防策:</strong><br>
          • 週に1回は葉の裏側までチェックする習慣をつける<br>
          • 定期的に葉水を行い、湿度を保つ(特に冬季)<br>
          • 風通しの良い場所に置く<br>
          • 新しく購入した植物は、既存の植物から離して2週間観察する(検疫期間)<br>
          • 枯れ葉や落ち葉をこまめに取り除き、清潔を保つ<br><br>
          
          予防に勝る治療なし。日々の観察と適切な環境管理が、健康なパキラを育てる最良の方法です。
        </p>
      </div>

      <p class="pachira-section__text">
        病害虫対策を理解したら、次は実際に遭遇しやすい「よくあるトラブルと解決法」について学び、問題解決能力を高めましょう。
      </p>
    </section>

    <!-- セクション8: よくあるトラブルと解決法 -->
    <section class="pachira-section" id="troubleshooting">
      <h2 class="pachira-section__heading">よくあるトラブルと解決法</h2>
      
      <p class="pachira-section__text">
        パキラを育てていると、様々なトラブルに直面することがあります。多くの場合、トラブルは<strong>環境や管理方法の改善</strong>で解決できます。症状から原因を特定し、適切に対処することで、パキラを健康な状態に戻すことができます。
      </p>

      <h3 class="pachira-subsection__heading" id="leaf-drop">葉が落ちる</h3>
      
      <p class="pachira-section__text">
        パキラの葉が落ちる現象は、最も多く報告されるトラブルの一つです。原因は複数あり、症状を観察して正確に特定することが重要です。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌡️</span>
          <div class="pachira-list__text">
            <strong>原因1: 環境変化</strong><br>
            <strong>症状:</strong> 購入直後や、置き場所を変えた直後に下葉から黄変して落葉する<br><br>
            <strong>メカニズム:</strong> パキラは環境の急変にストレスを感じます。特に光量の変化(明るい場所→暗い場所、または逆)に敏感で、新しい環境に適応する過程で古い葉を落とすことがあります<br><br>
            <strong>対処法:</strong><br>
            • 環境を急激に変えず、徐々に慣らす(1〜2週間かけて移動)<br>
            • 購入直後は明るい日陰に置き、2週間程度様子を見る<br>
            • 適応期間中は水やり以外の管理を控える<br>
            • 新芽が出始めれば、環境に適応した証拠
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💧</span>
          <div class="pachira-list__text">
            <strong>原因2: 水不足</strong><br>
            <strong>症状:</strong> 葉が萎れながら落ちる、葉の先端から茶色く枯れる<br><br>
            <strong>メカニズム:</strong> 水分が不足すると、植物は生命維持のために古い葉を切り捨てます。これは水分の蒸散を減らし、限られた水分を新しい葉や成長点に集中させるための防御反応です<br><br>
            <strong>対処法:</strong><br>
            • すぐにたっぷりと水を与える<br>
            • 受け皿に溜まった水を吸わせない(根腐れ予防)<br>
            • 土の乾き具合を確認する習慣をつける<br>
            • 鉢の重さを覚えて、軽くなったら水やりのサイン
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💀</span>
          <div class="pachira-list__text">
            <strong>原因3: 根腐れ</strong><br>
            <strong>症状:</strong> 葉が萎れずに黄色くなって落ちる、幹がブヨブヨしている、土から悪臭がする<br><br>
            <strong>メカニズム:</strong> 過剰な水やりや排水不良により、根が酸欠状態になり腐敗します。腐った根は水を吸収できないため、葉が黄変して落葉します<br><br>
            <strong>対処法:</strong><br>
            • 鉢から株を抜いて根の状態を確認<br>
            • 黒く腐った根を全て切除<br>
            • 新しい土に植え替える<br>
            • 水やり頻度を見直す(土が乾いてから)<br>
            ※ 重症の場合は回復困難
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          自然な落葉と異常な落葉の見分け方
        </p>
        <p class="pachira-info-box__text">
          パキラは常緑樹ですが、古い葉は自然に落葉します。これは正常な代謝活動です。<br><br>
          
          <strong>正常な落葉:</strong><br>
          • 下葉から1〜2枚がゆっくりと黄変して落ちる<br>
          • 同時に新芽が展開している<br>
          • 株全体は健康的で、上部の葉は緑色<br><br>
          
          <strong>異常な落葉:</strong><br>
          • 複数の葉が同時に落ちる<br>
          • 上部の葉も黄変または萎れる<br>
          • 新芽が出ない、または出ても萎縮する<br>
          • 幹に異常がある(軟化、変色など)
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="leaf-yellowing">葉が黄色くなる</h3>
      
      <p class="pachira-section__text">
        葉の黄変は、パキラからの重要なサインです。黄変の範囲や進行速度から、原因を特定できます。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💧</span>
          <div class="pachira-list__text">
            <strong>原因1: 水過多</strong><br>
            <strong>症状:</strong> 下葉から徐々に黄色くなり、葉は萎れずにパリッとしている<br><br>
            <strong>対処法:</strong><br>
            • 水やり頻度を減らす(土が完全に乾いてから)<br>
            • 受け皿の水を必ず捨てる<br>
            • 土の排水性を確認し、必要なら植え替える
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🍃</span>
          <div class="pachira-list__text">
            <strong>原因2: 栄養不足</strong><br>
            <strong>症状:</strong> 葉全体が薄い黄緑色になる、新葉が小さい、成長が遅い<br><br>
            <strong>対処法:</strong><br>
            • 生育期(5〜9月)に液体肥料を月1回与える<br>
            • 前回の植え替えから2年以上経過している場合は植え替える<br>
            • 観葉植物用の肥料を使用(窒素成分が多いもの)
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌱</span>
          <div class="pachira-list__text">
            <strong>原因3: 根詰まり</strong><br>
            <strong>症状:</strong> 葉が黄色くなる、水やりしても土に浸透しにくい、鉢底から根が出ている<br><br>
            <strong>対処法:</strong><br>
            • 5〜6月に一回り大きい鉢へ植え替える<br>
            • 古い根を整理し、新しい土を使用<br>
            • 植え替え後は明るい日陰で管理
          </div>
        </li>
      </ul>

      <h3 class="pachira-subsection__heading" id="soft-trunk">幹がブヨブヨする</h3>
      
      <p class="pachira-section__text">
        幹が柔らかくなる症状は、<strong>緊急性の高い重大なトラブル</strong>です。迅速な対処が必要です。
      </p>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          根腐れの兆候 &#8211; 緊急対処が必要
        </p>
        <p class="pachira-note__text">
          <strong>原因:</strong> 過剰な水やりによる根腐れが幹まで進行した状態<br><br>
          
          <strong>症状:</strong><br>
          • 幹の基部を指で押すと、スポンジのように柔らかい<br>
          • 幹から悪臭がする<br>
          • 葉が黄色くなり、次々と落ちる<br>
          • 土の表面にカビが生える<br><br>
          
          <strong>緊急対処法:</strong><br>
          1. <strong>すぐに水やりを停止</strong><br>
          2. <strong>鉢から株を抜いて根を確認</strong><br>
          3. <strong>腐った根を全て切除</strong>(健康な白い根だけを残す)<br>
          4. <strong>幹の腐敗部分も切除</strong>(硬い部分が出るまで)<br>
          5. <strong>切り口に殺菌剤を塗布</strong>(ベンレートなど)<br>
          6. <strong>新しい土に植え替え</strong><br>
          7. <strong>水やりは最小限</strong>(土が乾いてから2〜3日後)<br><br>
          
          <strong>重要:</strong> 幹の半分以上が腐っている場合、回復は非常に困難です。軽度の場合のみ救命可能性があります。
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="slow-growth">成長が遅い</h3>
      
      <p class="pachira-section__text">
        パキラの成長が止まったように見える場合、複数の原因が考えられます。季節要因か、環境要因かを見極めましょう。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">☀️</span>
          <div class="pachira-list__text">
            <strong>原因1: 光不足</strong><br>
            <strong>症状:</strong> 新芽が出ない、または出ても細く徒長する、葉の色が薄い<br><br>
            <strong>対処法:</strong><br>
            • より明るい場所に移動(レースカーテン越しの窓際など)<br>
            • 徒長した部分は剪定して、コンパクトに仕立て直す<br>
            • 直射日光は避け、明るい間接光を確保
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🍃</span>
          <div class="pachira-list__text">
            <strong>原因2: 栄養不足</strong><br>
            <strong>症状:</strong> 葉の色が薄い、新葉が小さい、全体的に活力がない<br><br>
            <strong>対処法:</strong><br>
            • 生育期に液体肥料を月1回与える<br>
            • 長期間(2年以上)植え替えていない場合は植え替える<br>
            • 冬季は成長が停止するため、肥料は与えない
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌱</span>
          <div class="pachira-list__text">
            <strong>原因3: 根詰まり</strong><br>
            <strong>症状:</strong> 鉢底から根が出ている、水はけが悪い、葉が小さくなる<br><br>
            <strong>対処法:</strong><br>
            • 5〜6月に植え替えを実施<br>
            • 一回り大きい鉢を使用<br>
            • 根を整理して新しい土に植える
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">❄️</span>
          <div class="pachira-list__text">
            <strong>原因4: 季節要因(正常)</strong><br>
            <strong>症状:</strong> 秋〜冬季に成長が止まる<br><br>
            <strong>説明:</strong> パキラは気温が20℃以下になると休眠期に入り、成長が止まります。これは正常な生理現象です。春になれば自然に成長を再開します<br><br>
            <strong>対処:</strong> 特に対処不要。春まで待つ
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          成長速度の目安
        </p>
        <p class="pachira-info-box__text">
          パキラの成長速度は環境によって大きく異なりますが、一般的な目安は以下の通りです:<br><br>
          
          <strong>生育期(5〜9月):</strong><br>
          • 新芽が月に1〜2枚展開<br>
          • 幹が年間1〜2cm太くなる<br>
          • 高さが年間10〜20cm伸びる(剪定しない場合)<br><br>
          
          <strong>休眠期(10〜4月):</strong><br>
          • ほとんど成長しない(正常)<br>
          • 新芽は出ないか、出ても展開が非常に遅い<br><br>
          
          上記よりも明らかに成長が遅い場合は、環境や管理方法の見直しが必要です。
        </p>
      </div>

      <p class="pachira-section__text">
        よくあるトラブルへの対処法を身につけたら、次は「パキラの増やし方」を学び、お気に入りのパキラを増やす楽しみを味わいましょう。
      </p>
    </section>

    <!-- セクション9: パキラの増やし方 -->
    <section class="pachira-section" id="propagation">
      <h2 class="pachira-section__heading">パキラの増やし方</h2>
      
      <p class="pachira-section__text">
        パキラは<strong>挿し木(さしき)</strong>という方法で比較的簡単に増やすことができます。剪定で切り取った枝を利用すれば、一つの株から複数の株を作り出すことが可能です。自分で育てたパキラを増やす喜びは、園芸の大きな楽しみの一つです。
      </p>

      <h3 class="pachira-subsection__heading" id="cutting-method">挿し木の方法</h3>
      
      <p class="pachira-section__text">
        挿し木は、切り取った枝から根を発生させ、新しい個体を作る繁殖方法です。パキラの挿し木に最適な時期と手順を理解しましょう。
      </p>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          挿し木に適した時期と条件
        </p>
        <p class="pachira-info-box__text">
          <strong>最適時期: 5月〜7月</strong><br>
          気温が20〜25℃で安定し、湿度も高いこの時期が最も発根しやすい環境です。特に梅雨時期(6月)は湿度が高く、挿し木の成功率が上がります。<br><br>
          
          <strong>必要な環境条件:</strong><br>
          • 気温: 20℃以上(理想は25℃前後)<br>
          • 湿度: 60%以上<br>
          • 明るさ: 明るい日陰(直射日光は避ける)<br><br>
          
          秋以降は気温が低下し、発根が遅くなるか、失敗する可能性が高まるため避けましょう。
        </p>
      </div>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">✂️</span>
          <div class="pachira-list__text">
            <strong>ステップ1: 挿し穂の準備</strong><br>
            <strong>選び方:</strong> 健康で充実した枝を選びます。太さは鉛筆程度、長さは10〜15cmが理想です。新芽が付いている枝を選ぶと成功率が上がります<br><br>
            <strong>カット位置:</strong> 節(葉の付け根)のすぐ下で斜めに切ります。斜めに切ることで切り口の表面積が増え、水の吸収効率が向上します<br><br>
            <strong>下準備:</strong> 下の方の葉は全て取り除き、上部の葉を2〜3枚残します。葉が多いと水分の蒸散が激しく、枯れやすくなります。残す葉も半分にカットして蒸散を抑えます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">💧</span>
          <div class="pachira-list__text">
            <strong>ステップ2: 水挿しまたは土挿し</strong><br>
            パキラの挿し木には2つの方法があります:<br><br>
            
            <strong>方法A: 水挿し(初心者向け)</strong><br>
            • 透明な容器に水を入れ、挿し穂を挿す<br>
            • 水は毎日交換し、清潔に保つ<br>
            • 2〜3週間で根が出始める(根が2〜3cm伸びたら土に植える)<br>
            • メリット: 根の成長が目視できる、管理が簡単<br><br>
            
            <strong>方法B: 土挿し</strong><br>
            • 赤玉土(小粒)またはバーミキュライトを小鉢に入れる<br>
            • 挿し穂の切り口に発根促進剤(ルートン)を薄く塗布(任意)<br>
            • 土に3〜5cm挿し込み、たっぷり水を与える<br>
            • 土が乾かないよう管理(毎日水やり)<br>
            • 3〜4週間で発根(軽く引いて抵抗があれば発根している)
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌱</span>
          <div class="pachira-list__text">
            <strong>ステップ3: 発根後の管理</strong><br>
            <strong>植え付け:</strong> 根が2〜3cm伸びたら(水挿しの場合)、または土に挿してから1ヶ月後(土挿しの場合)、観葉植物用土を入れた小鉢(3〜4号)に植え付けます<br><br>
            <strong>置き場所:</strong> 明るい日陰に置き、直射日光を避けます。1週間程度は特に乾燥に注意<br><br>
            <strong>水やり:</strong> 土の表面が乾いたらたっぷりと与えます。発根直後は根が少ないため、やや多めの水やりが安全です<br><br>
            <strong>施肥:</strong> 植え付けから1ヶ月後、新芽が展開し始めたら薄めの液体肥料を与え始めます
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          挿し木の成功率を高めるコツ
        </p>
        <p class="pachira-info-box__text">
          <strong>1. 清潔な道具を使用:</strong> カッターやハサミは使用前にアルコールで消毒します。雑菌の侵入を防ぎ、腐敗を予防します<br><br>
          
          <strong>2. 発根促進剤の使用:</strong> 切り口に「ルートン」などの発根促進剤を薄く塗布すると、発根率が向上し、発根までの期間も短縮されます<br><br>
          
          <strong>3. 湿度の維持:</strong> 透明なビニール袋で覆う「密閉挿し」を行うと、湿度が保たれて発根しやすくなります。ただし、1日1回は換気をして蒸れを防ぎます<br><br>
          
          <strong>4. 複数本挿す:</strong> 1本だけでなく、3〜5本挿しておくと、少なくとも1〜2本は成功する可能性が高まります<br><br>
          
          <strong>5. 忍耐力:</strong> 発根には3〜4週間かかります。その間、枯れたように見えても、諦めずに管理を続けることが重要です
        </p>
      </div>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">⚠️</span>
          挿し木の失敗要因
        </p>
        <p class="pachira-note__text">
          挿し木が失敗する主な原因は以下の通りです:<br><br>
          
          <strong>1. 時期が不適切:</strong> 気温が低い時期(10月〜4月)に行うと、発根せずに枯れます<br><br>
          
          <strong>2. 乾燥:</strong> 水挿しの場合は水が腐る、土挿しの場合は土が乾燥すると失敗します。毎日の観察が重要<br><br>
          
          <strong>3. 直射日光:</strong> 発根前の挿し穂は非常にデリケートです。強い光は葉焼けや過度の蒸散を引き起こし、枯死の原因となります<br><br>
          
          <strong>4. 不潔な環境:</strong> 切り口から雑菌が侵入すると、腐敗が始まります。道具や容器の清潔さが成功の鍵です<br><br>
          
          <strong>5. 焦り:</strong> 発根前に何度も土から抜いて確認すると、せっかく出始めた根が傷つきます。少なくとも3週間は待ちましょう
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="seed-vs-cutting">実生との違い</h3>
      
      <p class="pachira-section__text">
        パキラの繁殖方法には、挿し木の他に<strong>実生(みしょう)</strong>という種から育てる方法もあります。それぞれに特徴があり、目的に応じて選択できます。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🌱</span>
          <div class="pachira-list__text">
            <strong>実生(種から育てる)</strong><br>
            <strong>特徴:</strong> 種から育てたパキラは、幹の基部が自然に太く膨らみ(塊根)、どっしりとした存在感のある樹形になります。これが実生パキラの最大の魅力です<br><br>
            <strong>メリット:</strong> 幹が太く充実する、株が丈夫、個性的な樹形<br>
            <strong>デメリット:</strong> 種の入手が困難、成長が遅い(観賞サイズになるまで3〜5年)<br>
            <strong>用途:</strong> 本格的な盆栽仕立て、長期的な育成を楽しむ
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">✂️</span>
          <div class="pachira-list__text">
            <strong>挿し木(枝から育てる)</strong><br>
            <strong>特徴:</strong> 親株の特性をそのまま受け継ぎます。編み込みパキラから挿し木したものは編み込みできませんが、通常の樹形であれば同じ特性を持ちます<br><br>
            <strong>メリット:</strong> 手軽に増やせる、親株と同じ性質、成長が比較的早い<br>
            <strong>デメリット:</strong> 幹の基部は太くならない(実生のような塊根にならない)<br>
            <strong>用途:</strong> 手軽に株を増やす、剪定枝の活用
          </div>
        </li>
      </ul>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">💡</span>
          市販のパキラの見分け方
        </p>
        <p class="pachira-info-box__text">
          園芸店で販売されているパキラは、ほとんどが実生株です。挿し木株と実生株は以下の点で見分けられます:<br><br>
          
          <strong>実生株の特徴:</strong><br>
          • 幹の基部(土の表面付近)が太く膨らんでいる<br>
          • 幹が1本で、自然な樹形<br>
          • やや高価(育成に時間がかかるため)<br><br>
          
          <strong>挿し木株の特徴:</strong><br>
          • 幹が上から下まで均一な太さ<br>
          • 比較的安価<br>
          • 編み込みされているものは挿し木株<br><br>
          
          どちらが優れているということはなく、好みや目的に応じて選択しましょう。
        </p>
      </div>

      <p class="pachira-section__text">
        パキラの増やし方を学んだら、次は「よくある質問(FAQ)」で、細かな疑問を解消しましょう。
      </p>
    </section>

    <!-- セクション10: FAQ(よくある質問) -->
    <section class="pachira-section" id="faq">
      <h2 class="pachira-section__heading">よくある質問(FAQ)</h2>
      
      <p class="pachira-section__text">
        パキラを育てる上で多く寄せられる質問をまとめました。基礎的な疑問から実践的な管理方法まで、Q&#038;A形式で解説します。
      </p>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">❓</span>
          Q1: パキラは初心者でも育てやすいですか?
        </p>
        <p class="pachira-info-box__text">
          <strong>A:</strong> はい、パキラは<strong>初心者にも育てやすい観葉植物</strong>です。理由は以下の通りです:<br><br>
          
          • <strong>耐陰性がある:</strong> 明るい日陰でも育つため、室内のさまざまな場所に置けます<br>
          • <strong>乾燥に強い:</strong> 多少水やりを忘れても、すぐには枯れません<br>
          • <strong>病害虫に強い:</strong> 適切な管理をすれば、深刻な病害虫被害を受けにくいです<br>
          • <strong>成長が早い:</strong> 生育期の成長が早く、育てる楽しみを実感しやすいです<br><br>
          
          ただし、「水のやり過ぎ」による根腐れには注意が必要です。土が乾いてから水やりするという基本を守れば、長く健康に育てられます。
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">❓</span>
          Q2: 水やりの頻度はどのくらいですか?
        </p>
        <p class="pachira-info-box__text">
          <strong>A:</strong> 水やりの頻度は<strong>季節と土の状態</strong>によって変わります:<br><br>
          
          <strong>基本原則:</strong> 土の表面が乾いてから、鉢底から流れ出るまでたっぷりと与える<br><br>
          
          <strong>季節別の目安:</strong><br>
          • <strong>春(3〜5月):</strong> 週2〜3回<br>
          • <strong>夏(6〜8月):</strong> 週2〜3回、猛暑日は毎日<br>
          • <strong>秋(9〜11月):</strong> 週1〜2回<br>
          • <strong>冬(12〜2月):</strong> 10日〜2週間に1回<br><br>
          
          <strong>重要:</strong> 頻度はあくまで目安です。必ず土の乾き具合を指で確認してから水やりしましょう。鉢の大きさ、置き場所、室温によって乾くスピードが異なるためです。
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">❓</span>
          Q3: 直射日光に当てても大丈夫ですか?
        </p>
        <p class="pachira-info-box__text">
          <strong>A:</strong> いいえ、<strong>直射日光は避けるべき</strong>です。<br><br>
          
          <strong>理由:</strong><br>
          パキラは熱帯雨林の林床(高木の下)で育つ植物で、自然環境では樹冠を通して降り注ぐ柔らかい光を浴びています。強い直射日光に長時間さらされると、葉焼け(葉が茶色く変色する症状)を起こします。<br><br>
          
          <strong>理想的な環境:</strong><br>
          • レースカーテン越しの窓際<br>
          • 明るい間接光が当たる場所<br>
          • 窓から2〜3メートル離れた明るい室内<br><br>
          
          <strong>例外:</strong><br>
          午前中の柔らかい朝日(東向きの窓)であれば、短時間(1〜2時間)の直射日光は問題ありません。ただし、真夏の強い日差しは避けてください。
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">❓</span>
          Q4: 葉が垂れてきたらどうすればいいですか?
        </p>
        <p class="pachira-info-box__text">
          <strong>A:</strong> 葉が垂れる原因は主に<strong>水不足</strong>です。<br><br>
          
          <strong>対処法:</strong><br>
          1. すぐにたっぷりと水を与える(鉢底から流れ出るまで)<br>
          2. 受け皿に溜まった水は10〜15分後に捨てる<br>
          3. 明るい日陰に置く(直射日光は避ける)<br>
          4. 葉水を行い、葉面からも水分を補給<br><br>
          
          <strong>回復の目安:</strong><br>
          通常、水やり後2〜3時間で葉がピンと立ち上がります。24時間経っても回復しない場合は、根腐れなど別の原因が考えられます。<br><br>
          
          <strong>予防:</strong><br>
          土の乾き具合を定期的にチェックする習慣をつけましょう。指で土を触り、2〜3cm掘って乾いていたら水やりのサインです。
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">❓</span>
          Q5: 冬の管理で注意することは?
        </p>
        <p class="pachira-info-box__text">
          <strong>A:</strong> 冬季は<strong>低温と乾燥</strong>に注意が必要です。<br><br>
          
          <strong>温度管理:</strong><br>
          • 最低気温を10℃以上に保つ(15℃以上が理想)<br>
          • 窓際は夜間冷え込むため、夜は部屋の中央に移動<br>
          • エアコンの風が直接当たらない場所に置く<br><br>
          
          <strong>水やり:</strong><br>
          • 頻度を大幅に減らす(10日〜2週間に1回)<br>
          • 水やりは暖かい日の午前中に行う<br>
          • 水温は室温程度(冷たすぎる水は避ける)<br><br>
          
          <strong>乾燥対策:</strong><br>
          • 暖房で室内が乾燥するため、週2〜3回の葉水を行う<br>
          • 加湿器の使用も効果的<br><br>
          
          <strong>施肥:</strong><br>
          • 冬季(10月〜4月)は肥料を与えない<br>
          • 休眠期に施肥すると根を傷める可能性がある
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">❓</span>
          Q6: 肥料は必要ですか?
        </p>
        <p class="pachira-info-box__text">
          <strong>A:</strong> 肥料は<strong>必須ではありませんが、与えた方が健康的</strong>に育ちます。<br><br>
          
          <strong>肥料なしの場合:</strong><br>
          • 枯れることはないが、葉の色が薄くなる<br>
          • 成長速度が遅くなる<br>
          • 新葉が小さくなる<br><br>
          
          <strong>肥料ありの場合:</strong><br>
          • 葉の色が濃く美しくなる<br>
          • 成長が活発になる<br>
          • 株全体が充実する<br><br>
          
          <strong>推奨:</strong><br>
          生育期(5〜9月)に月1回、規定濃度に希釈した液体肥料を与えることをおすすめします。初心者向けには「ハイポネックス原液」などが使いやすいです。<br><br>
          
          <strong>注意:</strong><br>
          肥料は「多ければ良い」というものではありません。規定濃度を守り、与えすぎないよう注意しましょう。
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">❓</span>
          Q7: 植え替えはいつすればいいですか?
        </p>
        <p class="pachira-info-box__text">
          <strong>A:</strong> <strong>5月〜6月</strong>が植え替えの最適時期です。<br><br>
          
          <strong>植え替えのタイミング:</strong><br>
          • 鉢底から根が出ている<br>
          • 水はけが悪くなった<br>
          • 購入または前回の植え替えから2〜3年経過<br>
          • 成長が明らかに停滞している<br><br>
          
          <strong>植え替え方法:</strong><br>
          1. 一回り大きい鉢を用意(直径+3cm)<br>
          2. 株を抜いて古い土を3分の1程度落とす<br>
          3. 黒く腐った根を切除<br>
          4. 新しい観葉植物用土で植え付ける<br>
          5. たっぷり水を与え、明るい日陰で管理<br><br>
          
          <strong>避けるべき時期:</strong><br>
          秋〜冬(9月以降)の植え替えは避けましょう。気温が低下する時期に植え替えると、根の回復が遅く、株が弱る可能性があります。
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">❓</span>
          Q8: ハダニが発生したらどうすればいいですか?
        </p>
        <p class="pachira-info-box__text">
          <strong>A:</strong> ハダニは<strong>早期発見と迅速な対処</strong>が重要です。<br><br>
          
          <strong>発見方法:</strong><br>
          • 葉の表面に白い斑点が現れる<br>
          • 葉の裏に白い糸状のもの(クモの巣状)が見える<br>
          • 葉が黄色く変色する<br><br>
          
          <strong>対処法:</strong><br>
          <strong>軽度の場合:</strong><br>
          1. 葉の裏側を水で勢いよく洗い流す<br>
          2. シャワーを使うと効果的<br>
          3. 毎日繰り返すと徐々に減少<br><br>
          
          <strong>広範囲に発生している場合:</strong><br>
          1. 殺ダニ剤を使用(例: ベニカマイルドスプレー、アーリーセーフ)<br>
          2. 葉の裏側を重点的に散布<br>
          3. 1週間後に再度散布(卵から孵化した幼虫も駆除)<br><br>
          
          <strong>予防:</strong><br>
          • 週2〜3回の葉水で湿度を保つ(ハダニは乾燥を好む)<br>
          • 風通しの良い場所に置く<br>
          • 定期的に葉の裏側をチェック
        </p>
      </div>

      <p class="pachira-section__text">
        FAQで細かな疑問を解消したら、最後に「まとめ」で、パキラ栽培の重要ポイントを再確認しましょう。
      </p>
    </section>

    <!-- セクション11: まとめ -->
    <section class="pachira-section" id="summary">
      <h2 class="pachira-section__heading">まとめ</h2>
      
      <p class="pachira-section__text">
        パキラは「発財樹」「マネーツリー」として親しまれる、<strong>室内栽培に最適な観葉植物</strong>です。本記事で解説した基礎知識と管理方法を実践すれば、長期にわたって健康的に育てることができます。
      </p>

      <h3 class="pachira-subsection__heading" id="key-points">パキラ栽培の重要ポイント</h3>
      
      <p class="pachira-section__text">
        本記事で学んだ内容の中から、特に重要なポイントを再確認しましょう。
      </p>

      <ul class="pachira-list">
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🔑</span>
          <div class="pachira-list__text">
            <strong>置き場所: 明るい間接光</strong><br>
            レースカーテン越しの窓際や、窓から2〜3メートル離れた明るい室内が理想的です。直射日光は葉焼けの原因となるため避けましょう
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🔑</span>
          <div class="pachira-list__text">
            <strong>水やり: 土が乾いてから、たっぷりと</strong><br>
            土の表面が乾いてから、鉢底から流れ出るまで与えます。季節によって頻度を調整し、冬季は特に控えめに。受け皿の水は必ず捨てましょう
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🔑</span>
          <div class="pachira-list__text">
            <strong>温度: 最低10℃以上、理想は15℃以上</strong><br>
            冬季の低温に注意し、窓際の夜間冷え込みを避けます。エアコンの風が直接当たらない場所に置きましょう
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🔑</span>
          <div class="pachira-list__text">
            <strong>肥料: 生育期のみ月1回</strong><br>
            5〜9月の生育期に、規定濃度の液体肥料を月1回与えます。秋〜冬(10月〜4月)は施肥を控えましょう
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🔑</span>
          <div class="pachira-list__text">
            <strong>剪定: 春〜初夏(5〜6月)が最適</strong><br>
            樹形を整え、風通しを良くするために適度に剪定します。切り戻し剪定で新芽の発生を促進できます
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🔑</span>
          <div class="pachira-list__text">
            <strong>植え替え: 2〜3年に1回</strong><br>
            5〜6月に一回り大きい鉢へ植え替えます。根詰まりのサインを見逃さず、定期的に行いましょう
          </div>
        </li>
        <li class="pachira-list__item">
          <span class="pachira-list__icon" aria-hidden="true">🔑</span>
          <div class="pachira-list__text">
            <strong>病害虫対策: 予防が最重要</strong><br>
            葉水で湿度を保ち、定期的に観察します。ハダニ、カイガラムシ、アブラムシに注意し、早期発見・迅速対処を心がけましょう
          </div>
        </li>
      </ul>

      <h3 class="pachira-subsection__heading" id="seasonal-calendar">季節ごとの管理カレンダー</h3>
      
      <p class="pachira-section__text">
        パキラの年間管理を一覧表で確認しましょう。季節に応じた適切な管理が、健康的な栽培の鍵です。
      </p>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">🌸</span>
          春(3〜5月): 生育開始期
        </p>
        <p class="pachira-info-box__text">
          <strong>水やり:</strong> 週2〜3回(土が乾いてから)<br>
          <strong>肥料:</strong> 5月から月1回開始<br>
          <strong>剪定:</strong> 5月が最適時期<br>
          <strong>植え替え:</strong> 5〜6月が最適時期<br>
          <strong>置き場所:</strong> 明るい間接光、徐々に明るい場所へ移動可<br>
          <strong>ポイント:</strong> 新芽が展開し始める時期。剪定や植え替えなどの大きな作業はこの時期に集中させます
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">☀️</span>
          夏(6〜8月): 生育最盛期
        </p>
        <p class="pachira-info-box__text">
          <strong>水やり:</strong> 週2〜3回、猛暑日は毎日(朝の涼しい時間帯)<br>
          <strong>肥料:</strong> 月1回継続<br>
          <strong>剪定:</strong> 6月まで可能、7月以降は控えめに<br>
          <strong>植え替え:</strong> 6月前半まで<br>
          <strong>置き場所:</strong> 直射日光を避け、風通しの良い場所<br>
          <strong>ポイント:</strong> 最も成長が活発な時期。水切れに注意し、葉水も積極的に行います
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">🍂</span>
          秋(9〜11月): 生育緩慢期
        </p>
        <p class="pachira-info-box__text">
          <strong>水やり:</strong> 週1〜2回(徐々に頻度を減らす)<br>
          <strong>肥料:</strong> 9月まで継続、10月以降は中止<br>
          <strong>剪定:</strong> 行わない<br>
          <strong>植え替え:</strong> 行わない<br>
          <strong>置き場所:</strong> 明るい間接光、冷え込み対策を開始<br>
          <strong>ポイント:</strong> 徐々に休眠期に向かう時期。水やりを減らし、冬越しの準備をします
        </p>
      </div>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">❄️</span>
          冬(12〜2月): 休眠期
        </p>
        <p class="pachira-info-box__text">
          <strong>水やり:</strong> 10日〜2週間に1回(暖かい日の午前中)<br>
          <strong>肥料:</strong> 与えない<br>
          <strong>剪定:</strong> 行わない<br>
          <strong>植え替え:</strong> 行わない<br>
          <strong>置き場所:</strong> 明るい間接光、最低10℃以上を保つ<br>
          <strong>ポイント:</strong> 成長が止まる休眠期。水やりを大幅に減らし、乾燥対策(葉水)を行います。窓際は夜間冷え込むため注意
        </p>
      </div>

      <h3 class="pachira-subsection__heading" id="final-message">成功のための心構え</h3>
      
      <p class="pachira-section__text">
        パキラ栽培の成功には、知識と同じくらい<strong>「観察する習慣」</strong>が重要です。
      </p>

      <div class="pachira-info-box">
        <p class="pachira-info-box__title">
          <span aria-hidden="true">🌿</span>
          パキラと向き合う姿勢
        </p>
        <p class="pachira-info-box__text">
          <strong>1. 毎日観察する:</strong><br>
          水やりの時だけでなく、毎日パキラを観察しましょう。葉の色、新芽の状態、土の乾き具合など、小さな変化に気づくことが、トラブルの早期発見につながります。<br><br>
          
          <strong>2. 完璧を求めすぎない:</strong><br>
          植物は生き物です。多少の葉の変色や落葉は自然なこと。神経質になりすぎず、大らかな気持ちで向き合いましょう。<br><br>
          
          <strong>3. 失敗から学ぶ:</strong><br>
          もし枯らしてしまっても、それは貴重な経験です。何が原因だったのかを振り返り、次に活かしましょう。園芸の上達に近道はありません。<br><br>
          
          <strong>4. 記録をつける:</strong><br>
          水やりや施肥の日付をメモしておくと、管理が楽になります。スマートフォンのカレンダーアプリやメモアプリを活用すると便利です。<br><br>
          
          <strong>5. 楽しむ気持ちを忘れない:</strong><br>
          パキラを育てることは、義務ではなく楽しみです。新芽が出た時の喜び、葉が展開する様子の美しさ、そんな小さな幸せを味わいながら、植物のある暮らしを楽しみましょう。
        </p>
      </div>

      <div class="pachira-note">
        <p class="pachira-note__title">
          <span aria-hidden="true">🎉</span>
          パキラ栽培を始めるあなたへ
        </p>
        <p class="pachira-note__text">
          本記事で解説した内容は、パキラ栽培の実践的な知識をまとめたものです。すべてを完璧にこなす必要はありません。<strong>「土が乾いてから水やり」「明るい間接光」「冬は控えめ」</strong>という3つの基本を守れば、パキラは健康に育ちます。<br><br>
          
          パキラは「発財樹」として、あなたに幸運と繁栄をもたらしてくれる存在です。毎日の成長を見守りながら、植物のある豊かな暮らしをお楽しみください。<br><br>
          
          わからないことがあれば、何度でもこの記事を読み返してください。あなたのパキラが、美しく健康に育つことを心から願っています。🌿
        </p>
      </div>

    </section>

  </div>
</article>

<!-- JavaScript: スムーススクロールと現在位置ハイライト -->
<script>
// スムーススクロール
document.querySelectorAll('.pachira-toc__link').forEach(link => {
  link.addEventListener('click', function(e) {
    e.preventDefault();
    const targetId = this.getAttribute('href');
    const targetElement = document.querySelector(targetId);
    
    if (targetElement) {
      targetElement.scrollIntoView({
        behavior: 'smooth',
        block: 'start'
      });
      
      // アクティブ状態の更新
      document.querySelectorAll('.pachira-toc__link').forEach(l => {
        l.classList.remove('pachira-toc__link--active');
      });
      this.classList.add('pachira-toc__link--active');
    }
  });
});

// スクロール時のアクティブリンク更新
const observerOptions = {
  root: null,
  rootMargin: '-20% 0px -70% 0px',
  threshold: 0
};

const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      const id = entry.target.getAttribute('id');
      document.querySelectorAll('.pachira-toc__link').forEach(link => {
        link.classList.remove('pachira-toc__link--active');
        if (link.getAttribute('href') === `#${id}`) {
          link.classList.add('pachira-toc__link--active');
        }
      });
    }
  });
}, observerOptions);

// セクションを監視
document.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('[id]').forEach(section => {
    observer.observe(section);
  });
});
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/pachira-care-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>開運植物で運気を高める完全ガイド｜金運・健康運・仕事運別おすすめと配置方法</title>
		<link>https://yoooyooo8.jp/good-fortune-plants/</link>
					<comments>https://yoooyooo8.jp/good-fortune-plants/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Mon, 16 Feb 2026 08:55:00 +0000</pubDate>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[日本]]></category>
		<category><![CDATA[金運]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=1837</guid>

					<description><![CDATA[この記事の要点 開運植物の基礎知識と科学的な効果を解説 金運・健康運・仕事運など目的別のおすすめ植物を紹介 特に金運を高める植物を詳しく解説（パキラ、モンステラ、金のなる木など） 風水に基づいた効果的な配置場所とその理由 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- 開運植物で運気を高める完全ガイド - 記事冒頭部分 -->
<!-- 2026年最新デザイントレンド適用 -->

<style>
/* スコープスタイル: .kaiun-plants-article 配下のみに適用 */
.kaiun-plants-article {
  /* カラー変数 - 水色を基調とした豪華なパレット */
  --primary-cyan: #00b8d4;
  --primary-light: #b2ebf2;
  --primary-dark: #006064;
  --accent-gold: #ffd700;
  --accent-emerald: #2ecc71;
  --accent-coral: #ff6b9d;
  --accent-purple: #9c27b0;
  --text-primary: #1a1a1a;
  --text-secondary: #4a5568;
  --bg-light: #f0f9ff;
  --bg-white: #ffffff;
  --bg-gradient: linear-gradient(135deg, #e0f7fa 0%, #ffffff 50%, #f0f9ff 100%);
  --border-color: #e0f4f7;
  --shadow-soft: rgba(0, 184, 212, 0.08);
  --shadow-medium: rgba(0, 184, 212, 0.15);
  --shadow-strong: rgba(0, 184, 212, 0.25);
  
  /* タイポグラフィ */
  font-family: 'Noto Sans JP', 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Yu Gothic', 'メイリオ', sans-serif;
  color: var(--text-primary);
  line-height: 2;
  font-size: 17px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 40px 80px;
  background: var(--bg-gradient);
  position: relative;
}

/* 背景デコレーション */
.kaiun-plants-article::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
  background: radial-gradient(ellipse at top, rgba(0, 184, 212, 0.1) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

.kaiun-plants-article > * {
  position: relative;
  z-index: 1;
}

/* アニメーション目次 */
.kaiun-plants-article .table-of-contents {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(240, 249, 255, 0.95) 100%);
  border: 2px solid var(--primary-light);
  border-radius: 24px;
  padding: 48px 40px;
  margin: 60px 0 80px;
  box-shadow: 0 16px 48px var(--shadow-medium);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
}

.kaiun-plants-article .table-of-contents::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(0, 184, 212, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  animation: toc-float 10s ease-in-out infinite;
}

@keyframes toc-float {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(-30px, -30px) rotate(10deg); }
}

.kaiun-plants-article .toc-title {
  font-size: 26px;
  font-weight: 800;
  color: var(--primary-dark);
  margin: 0 0 32px 0;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  letter-spacing: 0.5px;
}

.kaiun-plants-article .toc-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-cyan), var(--accent-emerald));
  border-radius: 2px;
  animation: toc-line 2s ease-in-out infinite;
}

@keyframes toc-line {
  0%, 100% { width: 80px; }
  50% { width: 120px; }
}

.kaiun-plants-article .toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 16px;
}

.kaiun-plants-article .toc-item {
  position: relative;
  opacity: 0;
  animation: toc-fade-in 0.6s ease-out forwards;
}

.kaiun-plants-article .toc-item:nth-child(1) { animation-delay: 0.1s; }
.kaiun-plants-article .toc-item:nth-child(2) { animation-delay: 0.2s; }
.kaiun-plants-article .toc-item:nth-child(3) { animation-delay: 0.3s; }
.kaiun-plants-article .toc-item:nth-child(4) { animation-delay: 0.4s; }
.kaiun-plants-article .toc-item:nth-child(5) { animation-delay: 0.5s; }
.kaiun-plants-article .toc-item:nth-child(6) { animation-delay: 0.6s; }
.kaiun-plants-article .toc-item:nth-child(7) { animation-delay: 0.7s; }
.kaiun-plants-article .toc-item:nth-child(8) { animation-delay: 0.8s; }
.kaiun-plants-article .toc-item:nth-child(9) { animation-delay: 0.9s; }
.kaiun-plants-article .toc-item:nth-child(10) { animation-delay: 1s; }
.kaiun-plants-article .toc-item:nth-child(11) { animation-delay: 1.1s; }

@keyframes toc-fade-in {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.kaiun-plants-article .toc-link {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: white;
  border-radius: 16px;
  text-decoration: none;
  color: var(--text-primary);
  font-weight: 600;
  font-size: 16px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid transparent;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}

.kaiun-plants-article .toc-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 184, 212, 0.1), transparent);
  transition: left 0.6s;
}

.kaiun-plants-article .toc-link:hover::before {
  left: 100%;
}

.kaiun-plants-article .toc-link:hover {
  transform: translateX(12px);
  border-color: var(--primary-cyan);
  box-shadow: 0 8px 24px var(--shadow-medium);
  background: linear-gradient(135deg, white 0%, var(--bg-light) 100%);
}

.kaiun-plants-article .toc-icon {
  font-size: 28px;
  line-height: 1;
  min-width: 36px;
  text-align: center;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
  transition: transform 0.3s ease;
}

.kaiun-plants-article .toc-link:hover .toc-icon {
  transform: scale(1.2) rotate(5deg);
}

.kaiun-plants-article .toc-text {
  flex: 1;
  line-height: 1.6;
}

.kaiun-plants-article .toc-badge {
  background: linear-gradient(135deg, var(--accent-gold), #ffed4e);
  color: #8b6914;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
  animation: badge-pulse 2s ease-in-out infinite;
}

@keyframes badge-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3); }
  50% { transform: scale(1.05); box-shadow: 0 4px 12px rgba(255, 215, 0, 0.5); }
}

/* 要点ボックス - 豪華な形状と余白 */
.kaiun-plants-article .key-points-box {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 249, 255, 0.98) 100%);
  border-left: 8px solid var(--primary-cyan);
  border-radius: 24px;
  padding: 56px 48px;
  margin: 80px 0;
  box-shadow: 0 16px 48px var(--shadow-medium), 0 0 0 1px var(--border-color);
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
}

.kaiun-plants-article .key-points-box::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(0, 184, 212, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  animation: float 8s ease-in-out infinite;
}

.kaiun-plants-article .key-points-box::after {
  content: '🌿';
  position: absolute;
  top: 32px;
  right: 32px;
  font-size: 80px;
  opacity: 0.06;
  transform: rotate(-15deg);
  pointer-events: none;
}

@keyframes float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-30px, -30px) scale(1.08); }
}

.kaiun-plants-article .key-points-title {
  font-size: 24px;
  font-weight: 800;
  color: var(--primary-dark);
  margin: 0 0 36px 0;
  display: flex;
  align-items: center;
  gap: 16px;
  letter-spacing: 0.5px;
}

.kaiun-plants-article .key-points-title::before {
  content: '🌿';
  font-size: 36px;
  display: inline-block;
  animation: pulse 2s ease-in-out infinite;
  filter: drop-shadow(0 4px 8px rgba(0, 184, 212, 0.2));
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}

.kaiun-plants-article .key-points-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 24px;
}

.kaiun-plants-article .key-points-list li {
  padding: 20px 24px 20px 56px;
  position: relative;
  font-size: 17px;
  line-height: 2;
  color: var(--text-secondary);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  background: rgba(255, 255, 255, 0.6);
  border-radius: 16px;
  border: 2px solid transparent;
}

.kaiun-plants-article .key-points-list li::before {
  content: '✓';
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, var(--primary-cyan), var(--primary-dark));
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 4px 12px var(--shadow-medium);
  transition: all 0.3s ease;
}

.kaiun-plants-article .key-points-list li:hover {
  color: var(--text-primary);
  transform: translateX(8px);
  background: white;
  border-color: var(--primary-light);
  box-shadow: 0 8px 24px var(--shadow-soft);
}

.kaiun-plants-article .key-points-list li:hover::before {
  transform: translateY(-50%) scale(1.15) rotate(360deg);
  box-shadow: 0 6px 16px var(--shadow-strong);
}

/* セクション見出し（h2）- 豪華で余白多め */
.kaiun-plants-article h2 {
  font-size: 32px;
  font-weight: 800;
  color: var(--primary-dark);
  margin: 100px 0 48px 0;
  padding: 0 0 24px 0;
  border-bottom: 3px solid var(--primary-light);
  position: relative;
  line-height: 1.5;
  letter-spacing: 0.5px;
  /* グラデーション文字（フォールバック色付き） */
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-cyan) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* フォールバック: background-clipが効かない場合は通常色 */
}

/* background-clip非対応ブラウザ用のフォールバック */
@supports not (background-clip: text) or not (-webkit-background-clip: text) {
  .kaiun-plants-article h2 {
    color: var(--primary-dark);
    background: none;
    -webkit-text-fill-color: inherit;
  }
}

.kaiun-plants-article h2::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 200px;
  height: 3px;
  background: linear-gradient(90deg, var(--primary-cyan), var(--accent-emerald));
  border-radius: 3px;
  animation: h2-line-grow 3s ease-in-out infinite;
  box-shadow: 0 0 12px var(--primary-cyan);
}

@keyframes h2-line-grow {
  0%, 100% { width: 200px; }
  50% { width: 280px; }
}

/* 中見出し（h3）- 豪華で余白多め */
.kaiun-plants-article h3 {
  font-size: 26px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 72px 0 32px 0;
  padding: 24px 24px 24px 32px;
  border-left: 6px solid var(--primary-cyan);
  line-height: 1.6;
  background: linear-gradient(90deg, rgba(0, 184, 212, 0.08) 0%, transparent 100%);
  border-radius: 0 16px 16px 0;
  position: relative;
  box-shadow: 0 4px 16px rgba(0, 184, 212, 0.1);
}

.kaiun-plants-article h3::before {
  content: '';
  position: absolute;
  left: -6px;
  top: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(180deg, var(--primary-cyan), var(--accent-emerald));
  border-radius: 3px 0 0 3px;
}

/* 小見出し（h4）- 豪華で余白多め */
.kaiun-plants-article h4 {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 48px 0 24px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 1.6;
  padding: 16px 0;
}

.kaiun-plants-article h4::before {
  content: '';
  width: 10px;
  height: 10px;
  background: linear-gradient(135deg, var(--primary-cyan), var(--accent-emerald));
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 12px var(--primary-cyan);
  animation: h4-pulse 2s ease-in-out infinite;
}

@keyframes h4-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 12px var(--primary-cyan); }
  50% { transform: scale(1.3); box-shadow: 0 0 20px var(--primary-cyan); }
}

/* 本文段落 - 余白多め */
.kaiun-plants-article p {
  margin: 32px 0;
  line-height: 2.2;
  color: var(--text-secondary);
  font-size: 17px;
}

/* 強調テキスト - 黄色の下線 */
.kaiun-plants-article strong {
  color: var(--text-primary);
  font-weight: 800;
  background: linear-gradient(transparent 60%, rgba(255, 235, 59, 0.4) 60%);
  padding: 2px 4px;
  position: relative;
}

/* 効果見出し専用スタイル - 緑のマーカー */
.kaiun-plants-article .effect-heading {
  display: inline-block;
  color: var(--text-primary);
  font-weight: 800;
  background: linear-gradient(transparent 60%, rgba(76, 175, 80, 0.35) 60%);
  padding: 4px 12px;
  position: relative;
  font-size: 18px;
  border-left: 4px solid #4caf50;
  margin: 8px 0;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.15);
  border-radius: 0 8px 8px 0;
}

/* リスト - 余白多め */
.kaiun-plants-article ul {
  margin: 40px 0;
  padding-left: 40px;
  display: grid;
  gap: 20px;
}

.kaiun-plants-article ul li {
  margin: 0;
  color: var(--text-secondary);
  line-height: 2;
  position: relative;
  padding-left: 8px;
}

.kaiun-plants-article ul li::marker {
  color: var(--primary-cyan);
  font-size: 1.2em;
}

/* 画像コンテナ - 豪華で余白多め */
.kaiun-plants-article .article-image {
  margin: 80px 0;
  text-align: center;
}

.kaiun-plants-article .article-image img {
  max-width: 100%;
  height: auto;
  border-radius: 24px;
  box-shadow: 0 20px 60px var(--shadow-medium);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  border: 4px solid white;
}

.kaiun-plants-article .article-image img:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 32px 80px rgba(0, 184, 212, 0.3);
}

.kaiun-plants-article .image-caption {
  font-size: 15px;
  color: var(--text-secondary);
  margin-top: 20px;
  font-style: italic;
  line-height: 1.8;
  padding: 12px 24px;
  background: rgba(240, 249, 255, 0.5);
  border-radius: 12px;
  display: inline-block;
}

/* 金運特別セクション - さらに豪華に */
.kaiun-plants-article .fortune-money-section {
  background: linear-gradient(135deg, #fffbea 0%, #fff9e6 30%, #fffef5 70%, #fffbf0 100%);
  border: 3px solid var(--accent-gold);
  border-radius: 32px;
  padding: 72px 56px;
  margin: 100px 0;
  box-shadow: 0 24px 72px rgba(255, 215, 0, 0.25), inset 0 0 100px rgba(255, 215, 0, 0.05);
  position: relative;
  overflow: hidden;
}

.kaiun-plants-article .fortune-money-section::before {
  content: '💰';
  position: absolute;
  font-size: 200px;
  opacity: 0.05;
  top: -40px;
  right: 40px;
  transform: rotate(15deg);
  animation: sparkle 4s ease-in-out infinite;
  filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.3));
}

@keyframes sparkle {
  0%, 100% { opacity: 0.05; transform: rotate(15deg) scale(1); }
  50% { opacity: 0.08; transform: rotate(20deg) scale(1.1); }
}

.kaiun-plants-article .fortune-money-section h2 {
  color: #b8860b;
  border-bottom-color: var(--accent-gold);
  text-shadow: 0 0 30px rgba(255, 215, 0, 0.2);
}

.kaiun-plants-article .fortune-money-section h2::after {
  background: linear-gradient(90deg, var(--accent-gold), #ffa500);
  box-shadow: 0 0 20px var(--accent-gold);
}

/* 植物カード - 豪華で余白多め */
.kaiun-plants-article .plant-card {
  background: linear-gradient(135deg, white 0%, rgba(240, 249, 255, 0.5) 100%);
  border-radius: 24px;
  padding: 48px 40px;
  margin: 56px 0;
  box-shadow: 0 12px 40px var(--shadow-soft);
  border: 2px solid var(--border-color);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.kaiun-plants-article .plant-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(0, 184, 212, 0.03) 0%, transparent 50%);
  transition: transform 0.8s ease;
}

.kaiun-plants-article .plant-card:hover::before {
  transform: rotate(180deg);
}

.kaiun-plants-article .plant-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 64px var(--shadow-medium);
  border-color: var(--primary-cyan);
}

.kaiun-plants-article .plant-card-header {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
  padding-bottom: 24px;
  border-bottom: 3px solid var(--border-color);
}

.kaiun-plants-article .plant-icon {
  font-size: 56px;
  line-height: 1;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
  animation: plant-icon-float 3s ease-in-out infinite;
}

@keyframes plant-icon-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

.kaiun-plants-article .plant-name {
  flex: 1;
}

.kaiun-plants-article .plant-name h4 {
  margin: 0 0 8px 0;
  font-size: 24px;
  color: var(--primary-dark);
}

.kaiun-plants-article .plant-name h4::before {
  display: none;
}

.kaiun-plants-article .plant-scientific-name {
  font-size: 15px;
  color: var(--text-secondary);
  font-style: italic;
  margin: 0;
  opacity: 0.8;
}

.kaiun-plants-article .plant-tags {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.kaiun-plants-article .plant-tag {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 700;
  background: var(--primary-light);
  color: var(--primary-dark);
  box-shadow: 0 2px 8px rgba(0, 184, 212, 0.2);
  transition: all 0.3s ease;
}

.kaiun-plants-article .plant-tag:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 184, 212, 0.3);
}

.kaiun-plants-article .plant-tag.difficulty-easy {
  background: linear-gradient(135deg, #d4f4dd, #a8e6cf);
  color: #1b5e20;
}

.kaiun-plants-article .plant-tag.difficulty-medium {
  background: linear-gradient(135deg, #fff4e6, #ffe0b2);
  color: #e65100;
}

.kaiun-plants-article .plant-description {
  font-size: 17px;
  line-height: 2.2;
  color: var(--text-secondary);
  margin: 24px 0;
}

/* 金運植物カード専用 - さらに豪華 */
.kaiun-plants-article .fortune-money-section .plant-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 254, 248, 0.95) 100%);
  border: 3px solid rgba(255, 215, 0, 0.4);
  box-shadow: 0 16px 48px rgba(255, 215, 0, 0.2);
}

.kaiun-plants-article .fortune-money-section .plant-card:hover {
  border-color: var(--accent-gold);
  box-shadow: 0 24px 64px rgba(255, 215, 0, 0.35);
  transform: translateY(-12px) scale(1.01);
}

/* インフォボックス - 豪華で余白多め */
.kaiun-plants-article .info-box {
  background: linear-gradient(135deg, rgba(227, 242, 253, 0.9) 0%, rgba(240, 249, 255, 0.9) 100%);
  border-left: 6px solid var(--primary-cyan);
  border-radius: 20px;
  padding: 40px 40px 40px 48px;
  margin: 56px 0;
  position: relative;
  box-shadow: 0 8px 32px var(--shadow-soft);
  backdrop-filter: blur(10px);
}

.kaiun-plants-article .info-box::before {
  content: '💡';
  position: absolute;
  left: -4px;
  top: -16px;
  font-size: 32px;
  background: linear-gradient(135deg, white, var(--bg-light));
  padding: 8px;
  border-radius: 50%;
  box-shadow: 0 4px 16px var(--shadow-medium);
  animation: info-icon-bounce 2s ease-in-out infinite;
}

/* キーポイント専用スタイル - カギアイコン */
.kaiun-plants-article .info-box.key-point-box {
  background: linear-gradient(135deg, rgba(255, 247, 230, 0.95) 0%, rgba(255, 251, 240, 0.95) 100%);
  border-left: 6px solid #ff9800;
  box-shadow: 0 8px 32px rgba(255, 152, 0, 0.15);
}

.kaiun-plants-article .info-box.key-point-box::before {
  content: '🔑';
  background: linear-gradient(135deg, #fff9e6, #fffbf0);
  box-shadow: 0 4px 16px rgba(255, 152, 0, 0.25);
}

.kaiun-plants-article .info-box.key-point-box .info-box-title {
  color: #e65100;
}

@keyframes info-icon-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.kaiun-plants-article .info-box-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--primary-dark);
  margin: 0 0 20px 0;
  letter-spacing: 0.3px;
}

.kaiun-plants-article .info-box p {
  margin: 16px 0;
  font-size: 16px;
  line-height: 2;
}

/* 配置ポイントボックス - 豪華で余白多め */
.kaiun-plants-article .placement-box {
  background: linear-gradient(135deg, rgba(243, 229, 245, 0.9) 0%, rgba(252, 228, 236, 0.9) 100%);
  border-radius: 20px;
  padding: 48px 40px;
  margin: 56px 0;
  border: 3px solid #ce93d8;
  box-shadow: 0 12px 40px rgba(206, 147, 216, 0.2);
  position: relative;
  overflow: hidden;
}

.kaiun-plants-article .placement-box::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(156, 39, 176, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  animation: placement-float 8s ease-in-out infinite;
}

@keyframes placement-float {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(-20px, -20px) rotate(20deg); }
}

.kaiun-plants-article .placement-box h4 {
  color: #6a1b9a;
  margin-top: 0;
  font-size: 22px;
}

.kaiun-plants-article .placement-box h4::before {
  background: linear-gradient(135deg, #ce93d8, #ab47bc);
  box-shadow: 0 0 12px #ce93d8;
}

/* タブレット対応 - 中間サイズ */
@media (min-width: 769px) and (max-width: 1240px) {
  .kaiun-plants-article {
    max-width: 95%;
    padding: 60px 30px 80px;
  }
}

/* レスポンシブ対応 - 余白調整 */
@media (max-width: 768px) {
  .kaiun-plants-article {
    font-size: 16px;
    padding: 40px 24px 60px;
    max-width: 100%;
  }
  
  .kaiun-plants-article h2 {
    font-size: 26px;
    margin: 72px 0 32px 0;
  }
  
  .kaiun-plants-article h3 {
    font-size: 22px;
    margin: 56px 0 24px 0;
    padding: 20px 20px 20px 24px;
  }
  
  .kaiun-plants-article h4 {
    font-size: 18px;
  }
  
  .kaiun-plants-article .key-points-box {
    padding: 40px 28px;
    margin: 60px 0;
  }
  
  .kaiun-plants-article .table-of-contents {
    padding: 36px 24px;
    margin: 48px 0 60px;
  }
  
  .kaiun-plants-article .toc-title {
    font-size: 22px;
  }
  
  .kaiun-plants-article .toc-link {
    padding: 16px 20px;
    font-size: 15px;
  }
  
  .kaiun-plants-article .toc-icon {
    font-size: 24px;
    min-width: 32px;
  }
  
  .kaiun-plants-article .plant-card {
    padding: 32px 24px;
    margin: 40px 0;
  }
  
  .kaiun-plants-article .plant-card-header {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .kaiun-plants-article .plant-icon {
    font-size: 48px;
  }
  
  .kaiun-plants-article .fortune-money-section {
    padding: 48px 28px;
    margin: 72px 0;
  }
  
  .kaiun-plants-article .info-box {
    padding: 32px 24px 32px 36px;
    margin: 40px 0;
  }
  
  .kaiun-plants-article .placement-box {
    padding: 36px 24px;
    margin: 40px 0;
  }
  
  .kaiun-plants-article .article-image {
    margin: 60px 0;
  }
  
  /* ボックス要素を画面端まで広げる */
  .kaiun-plants-article .key-points-box,
  .kaiun-plants-article .info-box,
  .kaiun-plants-article .fortune-money-section,
  .kaiun-plants-article .table-of-contents,
  .kaiun-plants-article .placement-box,
  .kaiun-plants-article .plant-card {
    margin-left: -24px;
    margin-right: -24px;
    border-radius: 0;
  }
}

/* アクセシビリティ - 豪華に */
.kaiun-plants-article :focus {
  outline: 4px solid var(--primary-cyan);
  outline-offset: 4px;
  box-shadow: 0 0 0 8px rgba(0, 184, 212, 0.2);
  border-radius: 8px;
}

.kaiun-plants-article a {
  color: var(--primary-cyan);
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s ease;
  position: relative;
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
}

.kaiun-plants-article a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--primary-cyan), var(--accent-emerald));
  transition: width 0.3s ease;
}

.kaiun-plants-article a:hover::after {
  width: 100%;
}

.kaiun-plants-article a:hover {
  color: var(--primary-dark);
}

.kaiun-plants-article a:focus {
  outline: 4px solid var(--primary-cyan);
  outline-offset: 4px;
  box-shadow: 0 0 0 8px rgba(0, 184, 212, 0.2);
}

/* スクロールアニメーション */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.kaiun-plants-article .plant-card,
.kaiun-plants-article .info-box,
.kaiun-plants-article .placement-box {
  animation: fade-in-up 0.8s ease-out;
}
</style>

<article class="kaiun-plants-article" role="article" aria-label="開運植物で運気を高める完全ガイド">
  
  <!-- この記事の要点セクション -->
  <section class="key-points-box" aria-labelledby="key-points-title">
    <h2 class="key-points-title" id="key-points-title">この記事の要点</h2>
    <ul class="key-points-list" role="list">
      <li>開運植物の基礎知識と科学的な効果を解説</li>
      <li>金運・健康運・仕事運など目的別のおすすめ植物を紹介</li>
      <li>特に金運を高める植物を詳しく解説（パキラ、モンステラ、金のなる木など）</li>
      <li>風水に基づいた効果的な配置場所とその理由</li>
      <li>各植物の育て方と運気を保つケア方法</li>
      <li>開運効果を最大化する5つの実践ポイント</li>
    </ul>
  </section>

  <!-- アニメーション目次 -->
  <nav class="table-of-contents" role="navigation" aria-labelledby="toc-title">
    <h3 class="toc-title" id="toc-title">目次</h3>
    <ul class="toc-list" role="list">
      <li class="toc-item">
        <a href="#what-is-kaiun-plant" class="toc-link">
          <span class="toc-icon">🌱</span>
          <span class="toc-text">開運植物とは｜運気を高める植物の基礎知識</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#fortune-money" class="toc-link">
          <span class="toc-icon">💰</span>
          <span class="toc-text">金運アップの開運植物7選</span>
          <span class="toc-badge">詳しく解説</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#health-fortune" class="toc-link">
          <span class="toc-icon">🏥</span>
          <span class="toc-text">健康運を守る開運植物5選</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#career-fortune" class="toc-link">
          <span class="toc-icon">💼</span>
          <span class="toc-text">仕事運・出世運の開運植物4選</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#love-fortune" class="toc-link">
          <span class="toc-icon">💕</span>
          <span class="toc-text">恋愛運・人間関係運の開運植物4選</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#protection-fortune" class="toc-link">
          <span class="toc-icon">🛡️</span>
          <span class="toc-text">厄除け・魔除けの開運植物4選</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#placement-guide" class="toc-link">
          <span class="toc-icon">🏠</span>
          <span class="toc-text">開運植物の効果的な配置ガイド</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#care-guide" class="toc-link">
          <span class="toc-icon">🌿</span>
          <span class="toc-text">開運植物の育て方｜運気を保つケア</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#practice-tips" class="toc-link">
          <span class="toc-icon">✨</span>
          <span class="toc-text">開運効果を高める5つの実践ポイント</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#faq" class="toc-link">
          <span class="toc-icon">❓</span>
          <span class="toc-text">よくある質問（FAQ）</span>
        </a>
      </li>
      <li class="toc-item">
        <a href="#conclusion" class="toc-link">
          <span class="toc-icon">🎯</span>
          <span class="toc-text">まとめ｜開運植物で運気の流れを整える</span>
        </a>
      </li>
    </ul>
  </nav>

  <!-- イントロダクション -->
  <p>開運植物は、古くから風水や東洋思想において、運気を高め、空間のエネルギーを整えるとされてきました。現代においても、観葉植物が空気清浄効果やストレス軽減効果を持つことが科学的に証明されており、心身の健康と運気向上の両面から注目を集めています。</p>

  <p>この記事では、<strong>金運、健康運、仕事運、恋愛運、厄除け</strong>といった目的別に、最適な開運植物を詳しくご紹介します。特に多くの方が関心を持つ<strong>金運を高める植物については、より詳しく解説</strong>し、具体的な配置場所や育て方のポイントまでお伝えします。</p>

  <p>植物との暮らしは、単なる装飾やインテリアを超えて、私たちの生活に豊かさと癒しをもたらします。自分の目的に合った開運植物を選び、適切に配置し、愛情を持って育てることで、運気の流れを整え、より良い人生を引き寄せることができるでしょう。</p>

  <!-- セクション1: 開運植物とは -->
  <h2 id="what-is-kaiun-plant">開運植物とは｜運気を高める植物の基礎知識</h2>

  <p>開運植物とは、風水や東洋の思想において、<strong>良い気（エネルギー）を生み出し、悪い気を払う力を持つとされる植物</strong>のことです。古代中国の風水思想では、植物は「生気」を発するものとして重視され、適切な場所に配置することで、住空間の気の流れを整え、住む人の運気を高めると考えられてきました。</p>

  <h3 id="power-of-plants">開運植物が持つ力の本質</h3>

  <p>開運植物の力は、大きく分けて3つの側面から理解できます。</p>

  <p><strong>1. 風水的な視点：気の流れを整える</strong></p>
  <p>風水では、植物は「木」の気を持ち、成長と発展のエネルギーを象徴します。特に、<strong>上向きに伸びる植物は成長運や仕事運</strong>を、<strong>丸い葉を持つ植物は金運や人間関係運</strong>を、<strong>下に垂れる植物はリラックス効果</strong>をもたらすとされています。</p>

  <p><strong>2. 科学的な視点：空気清浄と心理効果</strong></p>
  <p>NASAの研究により、観葉植物には室内の有害物質を吸収し、空気を浄化する効果があることが証明されています。また、植物を見ることで<strong>副交感神経が活性化</strong>し、ストレスホルモンの減少、血圧の低下、集中力の向上といった効果が得られることが分かっています。</p>

  <p><strong>3. 心理的な視点：意識の変化を促す</strong></p>
  <p>開運植物を置くことで、「運気を高めたい」という意識が明確になり、前向きな行動につながります。植物の世話をする習慣は、<strong>自己管理能力や観察力を育て、生活全体に好循環をもたらす</strong>効果があります。</p>

  <h3 id="feng-shui-and-plants">風水と植物の関係性</h3>

  <p>風水において、植物は「生きた装飾品」として特別な位置づけを持ちます。無機物のインテリアとは異なり、<strong>植物は常に成長し、生命エネルギーを放出し続ける存在</strong>です。</p>

  <p>風水の基本原則である「五行思想」では、植物は「木」の属性を持ち、以下のような相互関係があります：</p>

  <ul>
    <li><strong>木は火を生む</strong>：植物は情熱や活力のエネルギーを高める</li>
    <li><strong>木は土を弱める</strong>：過剰な土のエネルギー（停滞）を動かす</li>
    <li><strong>水は木を育てる</strong>：水回りに植物を置くことで気の流れが良くなる</li>
  </ul>

  <p>また、植物の形状や色によって、引き寄せるエネルギーの種類が異なります。<strong>丸い葉は穏やかで調和的な気</strong>を、<strong>尖った葉は鋭く防御的な気</strong>を、<strong>下垂する葉は落ち着きと安定の気</strong>をもたらすとされています。</p>

  <div class="info-box" role="complementary" aria-label="風水のポイント">
    <p class="info-box-title">風水のポイント</p>
    <p>風水では、<strong>枯れた植物や元気のない植物は「死気」を発する</strong>とされ、逆効果になります。植物を置く際は、定期的なケアを前提とし、常に元気な状態を保つことが重要です。枯れてしまった場合は、感謝の気持ちを持って処分し、新しい植物に入れ替えましょう。</p>
  </div>

  <h3 id="scientific-effects">科学的視点：植物が与える心理的効果</h3>

  <p>近年の研究により、観葉植物がもたらす具体的な効果が明らかになっています。</p>

  <p><span class="effect-heading">🌿 空気清浄効果</span></p>
  <p>NASAのクリーンエア研究では、サンスベリア、ポトス、スパティフィラムなどの植物が、<strong>ホルムアルデヒド、ベンゼン、トリクロロエチレン</strong>などの有害物質を吸収することが実証されました。特に、6畳の部屋に中型の観葉植物を2〜3鉢置くことで、顕著な空気清浄効果が得られるとされています。</p>

  <p><span class="effect-heading">💚 ストレス軽減効果</span></p>
  <p>千葉大学の研究によると、観葉植物のある空間で過ごすことで、<strong>コルチゾール（ストレスホルモン）が15〜20%減少</strong>し、心拍数が安定することが確認されています。植物の緑色は、目の疲れを癒し、精神的な安定をもたらす効果があります。</p>

  <p><span class="effect-heading">⚡ 生産性向上効果</span></p>
  <p>イギリスのエクセター大学の研究では、オフィスに観葉植物を配置することで、<strong>従業員の生産性が15%向上</strong>し、創造性や集中力が高まることが報告されています。</p>

  <h3 id="selection-principles">開運植物を選ぶ3つの基本原則</h3>

  <p>効果的な開運植物を選ぶためには、以下の3つの原則を押さえることが重要です。</p>

  <h4>原則1：目的を明確にする</h4>
  <p>まず、<strong>何の運気を高めたいのか</strong>を明確にします。金運、健康運、仕事運、恋愛運、厄除けなど、目的によって適した植物が異なります。複数の目的がある場合は、最も重視する運気を1つ決め、それに合った植物を選びましょう。</p>

  <h4>原則2：育てられる環境を考慮する</h4>
  <p>どんなに開運効果の高い植物でも、<strong>枯れてしまっては逆効果</strong>です。自宅の日当たり、湿度、温度、ケアに割ける時間などを考慮し、<strong>無理なく育てられる植物</strong>を選ぶことが大切です。初めて育てる場合は、ポトスやパキラなど、管理が比較的容易な植物から始めることをおすすめします。</p>

  <h4>原則3：直感を大切にする</h4>
  <p>風水の知識も重要ですが、最終的には<strong>「この植物と一緒に暮らしたい」という直感</strong>を大切にしましょう。植物との相性は、見た目の好みや、実際に触れたときの感覚から感じ取ることができます。自分が心地よいと感じる植物こそが、あなたにとって最良の開運植物となります。</p>

  <div class="info-box key-point-box" role="complementary" aria-label="選び方のキーポイント">
    <p class="info-box-title">🔑 キーポイント</p>
    <p>園芸店や植物専門店で実物を見て選ぶ際は、<strong>葉の色が鮮やかで、茎がしっかりしている株</strong>を選びましょう。根元がグラついていたり、葉に茶色い斑点があるものは避けます。また、購入後1週間は、新しい環境に慣れさせるため、水やりを控えめにし、直射日光の当たらない明るい場所で様子を見ることが大切です。</p>
  </div>

  <!-- 画像1: 金運植物の代表例 -->
  <figure class="article-image" role="img" aria-label="金運を高める開運植物の例">
    <img decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Wealth-bringing-plants-Pachira-Monstera.jpg" alt="金運を高める開運植物パキラとモンステラの鉢植え" width="1200" height="800" loading="lazy">
    <figcaption class="image-caption">金運アップに効果的な開運植物。左からパキラ、モンステラ</figcaption>
  </figure>

  <!-- 金運アップセクション - 特別デザイン -->
  <section class="fortune-money-section" aria-labelledby="fortune-money-title">
    <h2 id="fortune-money">金運アップの開運植物7選｜財を引き寄せるグリーンの力</h2>

    <p>金運を高める植物は、風水において最も人気の高いカテゴリーです。古くから「発財樹」「招財樹」として親しまれてきた植物たちは、<strong>財運を引き寄せ、経済的な豊かさをもたらす</strong>とされています。</p>

    <p>金運植物の特徴は、<strong>丸い葉、上向きの成長、生命力の強さ</strong>にあります。丸い葉は金貨を象徴し、富の循環を表します。上向きに伸びる姿は、運気の上昇と財産の増加を意味します。そして、強い生命力は、経済的な安定と継続的な繁栄を象徴します。</p>

    <p>ここでは、特に効果が高いとされる7つの金運植物を、その特徴、風水的意味、具体的な育て方まで詳しく解説します。</p>

    <!-- 植物1: パキラ -->
    <div class="plant-card" role="article" aria-labelledby="plant-pachira">
      <div class="plant-card-header">
        <span class="plant-icon" aria-hidden="true">🌴</span>
        <div class="plant-name">
          <h4 id="plant-pachira">パキラ｜発財樹として最高峰の金運植物</h4>
          <p class="plant-scientific-name">Pachira aquatica</p>
        </div>
      </div>
      
      <div class="plant-tags">
        <span class="plant-tag">金運</span>
        <span class="plant-tag difficulty-easy">育てやすい</span>
        <span class="plant-tag">基礎レベル</span>
      </div>

      <div class="plant-description">
        <p><strong>パキラは「発財樹（Money Tree）」の別名を持つ、金運植物の代表格</strong>です。中南米原産のこの植物は、台湾で「発財樹」と名付けられてから、アジア全域で金運の象徴として広まりました。</p>

        <p><strong>風水的な意味</strong></p>
        <p>パキラの最大の特徴は、<strong>上向きに広がる5枚の葉</strong>です。この5枚は風水の「五行（木・火・土・金・水）」を表し、すべての運気のバランスを整えるとされています。特に「金」の気を強く持ち、<strong>財運の増加、事業の成功、商売繁盛</strong>をもたらすと信じられています。</p>

        <p>また、パキラは<strong>「お金を生む樹」</strong>という伝説があります。ある貧しい農夫がパキラの種を見つけ、それを育てて販売したところ、大きな富を得たという逸話から、「Money Tree」という英名が付けられました。</p>

        <p><strong>金運を高める配置場所</strong></p>
        <ul>
          <li><strong>玄関の右側（内側から見て）</strong>：財運が家に入ってくる</li>
          <li><strong>リビングの東南の角</strong>：風水で「財位」とされる場所</li>
          <li><strong>仕事部屋やオフィスデスクの左側</strong>：仕事運と金運を同時に高める</li>
        </ul>

        <p><strong>育て方のポイント</strong></p>
        <ul>
          <li><strong>日当たり</strong>：明るい半日陰を好む。直射日光は避ける</li>
          <li><strong>水やり</strong>：土の表面が乾いたらたっぷりと。冬は控えめに</li>
          <li><strong>温度</strong>：10℃以上を保つ。寒さにやや弱い</li>
          <li><strong>植え替え</strong>：2〜3年に1回、5〜6月に行う</li>
        </ul>

        <div class="info-box" role="complementary">
          <p class="info-box-title">金運アップの秘訣</p>
          <p>パキラの幹を<strong>三つ編みや編み込み状</strong>にしたものは、「財を結ぶ」という意味があり、さらに金運効果が高まるとされています。また、<strong>赤いリボンや金色の飾り</strong>を付けることで、金運のエネルギーを活性化できます。葉が5枚よりも7枚のものは、さらに希少で金運が強いとされています。</p>
        </div>
      </div>
    </div>

    <!-- 植物2: モンステラ -->
    <div class="plant-card" role="article" aria-labelledby="plant-monstera">
      <div class="plant-card-header">
        <span class="plant-icon" aria-hidden="true">🍃</span>
        <div class="plant-name">
          <h4 id="plant-monstera">モンステラ｜金運と邪気払いを両立する強力な植物</h4>
          <p class="plant-scientific-name">Monstera deliciosa</p>
        </div>
      </div>
      
      <div class="plant-tags">
        <span class="plant-tag">金運</span>
        <span class="plant-tag">厄除け</span>
        <span class="plant-tag difficulty-easy">育てやすい</span>
      </div>

      <div class="plant-description">
        <p><strong>モンステラは、独特な切れ込みの入った大きな葉が特徴</strong>で、ハワイでは「希望の光を導く植物」として神聖視されています。その個性的な葉の形状が、金運と魔除けの両方の効果をもたらします。</p>

        <p><strong>風水的な意味</strong></p>
        <p>モンステラの葉の切れ込みは、<strong>「幸運が舞い込む窓」</strong>を象徴しています。この穴から良い気が通り抜け、悪い気は払われるため、<strong>金運を引き寄せながら、財運を妨げる邪気を遠ざける</strong>という二重の効果があります。</p>

        <p>ハワイ語で「モンステラ」は「湧き出る水」を意味し、<strong>絶え間ない豊かさの流れ</strong>を表しています。また、大きく広がる葉は、<strong>富の拡大と繁栄</strong>を象徴し、事業拡大や収入増加を願う人に特におすすめです。</p>

        <p><strong>金運を高める配置場所</strong></p>
        <ul>
          <li><strong>リビングの目立つ場所</strong>：家全体の金運を高める</li>
          <li><strong>玄関から見える位置</strong>：入ってくる財運を増幅</li>
          <li><strong>オフィスの応接スペース</strong>：商談や取引の成功を後押し</li>
        </ul>

        <p><strong>育て方のポイント</strong></p>
        <ul>
          <li><strong>日当たり</strong>：明るい室内。レースカーテン越しの光が理想</li>
          <li><strong>水やり</strong>：土が乾いたらたっぷり。葉水も効果的</li>
          <li><strong>温度</strong>：15℃以上。熱帯植物なので暖かい環境を好む</li>
          <li><strong>成長</strong>：大きく育つため、スペースに余裕を持って配置</li>
        </ul>

        <div class="info-box" role="complementary">
          <p class="info-box-title">金運アップの秘訣</p>
          <p>モンステラは<strong>成長スピードが速い</strong>ため、その成長の勢いが金運の上昇を表すとされています。新しい葉が出てくる瞬間は、<strong>新たなチャンスが訪れるサイン</strong>。葉の切れ込みが多いほど、幸運の窓が増えると考えられているため、健康に育てることが金運アップの鍵となります。</p>
        </div>
      </div>
    </div>

    <!-- 植物3: ガジュマル -->
    <div class="plant-card" role="article" aria-labelledby="plant-gajumaru">
      <div class="plant-card-header">
        <span class="plant-icon" aria-hidden="true">🌳</span>
        <div class="plant-name">
          <h4 id="plant-gajumaru">ガジュマル｜多幸の樹が呼ぶ豊かさと繁栄</h4>
          <p class="plant-scientific-name">Ficus microcarpa</p>
        </div>
      </div>
      
      <div class="plant-tags">
        <span class="plant-tag">金運</span>
        <span class="plant-tag">健康運</span>
        <span class="plant-tag difficulty-easy">育てやすい</span>
      </div>

      <div class="plant-description">
        <p><strong>ガジュマルは「多幸の樹」「幸せを呼ぶ木」</strong>として親しまれる、沖縄や東南アジア原産の植物です。太い幹と、そこから垂れ下がる気根が特徴的で、<strong>精霊「キジムナー」が宿る</strong>という伝説があります。</p>

        <p><strong>風水的な意味</strong></p>
        <p>ガジュマルの最大の特徴は、<strong>下に伸びる気根と上に広がる枝のバランス</strong>です。気根は大地にしっかりと根を張り、<strong>安定した財政基盤</strong>を表します。上に伸びる枝は、<strong>富の拡大と繁栄</strong>を象徴します。</p>

        <p>「キジムナー」という精霊が宿るという伝説から、ガジュマルは<strong>家や持ち主を守り、幸運を運んでくる</strong>と信じられています。特に金運においては、<strong>突然の臨時収入や、予期せぬ幸運</strong>をもたらすとされています。</p>

        <p><strong>金運を高める配置場所</strong></p>
        <ul>
          <li><strong>玄関の内側</strong>：幸運と財運を家に招き入れる</li>
          <li><strong>西の方角</strong>：風水で金運を司る方位</li>
          <li><strong>寝室</strong>：安定した財運を守る</li>
        </ul>

        <p><strong>育て方のポイント</strong></p>
        <ul>
          <li><strong>日当たり</strong>：日光を好む。明るい窓辺が最適</li>
          <li><strong>水やり</strong>：土が乾いたらたっぷり。水切れに注意</li>
          <li><strong>温度</strong>：5℃以上。比較的寒さに強い</li>
          <li><strong>剪定</strong>：形を整えながら育てると、さらに運気アップ</li>
        </ul>

        <div class="info-box" role="complementary">
          <p class="info-box-title">金運アップの秘訣</p>
          <p>ガジュマルは<strong>「幹の太さ」が金運の強さ</strong>を表すとされています。太くどっしりとした幹は、財政の安定と豊かさを意味します。また、気根が多く伸びているものほど、<strong>金運の根が深く張り、長期的な繁栄</strong>が期待できます。定期的に葉を拭いて清潔に保つことで、キジムナーに喜ばれ、さらなる幸運を呼ぶと言われています。</p>
        </div>
      </div>
    </div>

    <!-- 植物4: 金のなる木 -->
    <div class="plant-card" role="article" aria-labelledby="plant-crassula">
      <div class="plant-card-header">
        <span class="plant-icon" aria-hidden="true">💰</span>
        <div class="plant-name">
          <h4 id="plant-crassula">金のなる木｜その名の通り、金運の象徴</h4>
          <p class="plant-scientific-name">Crassula ovata</p>
        </div>
      </div>
      
      <div class="plant-tags">
        <span class="plant-tag">金運</span>
        <span class="plant-tag difficulty-easy">育てやすい</span>
        <span class="plant-tag">多肉植物</span>
      </div>

      <div class="plant-description">
        <p><strong>「金のなる木」という直接的な名前を持つこの植物</strong>は、まさに金運の代名詞です。正式名称はクラッスラ・オバタで、<strong>肉厚で丸い葉がコインを連想させる</strong>ことから、この縁起の良い名前が付けられました。</p>

        <p><strong>風水的な意味</strong></p>
        <p>金のなる木の葉は、<strong>金貨や銀貨を象徴</strong>し、富の蓄積を表します。多肉質の葉は水分を蓄える性質から、<strong>「財を蓄える力」</strong>を持つとされています。</p>

        <p>日本では昭和初期から「5円玉を枝に挿して育てる」という縁起担ぎが流行し、<strong>「お金が生えてくる木」</strong>として親しまれてきました。この習慣は、金運を視覚化し、豊かさを引き寄せる意識を高める効果があります。</p>

        <p><strong>金運を高める配置場所</strong></p>
        <ul>
          <li><strong>金庫やレジの近く</strong>：直接的な金運アップ</li>
          <li><strong>仕事部屋のデスク上</strong>：収入増加を促す</li>
          <li><strong>キッチンの西側</strong>：生活に必要な金運を守る</li>
        </ul>

        <p><strong>育て方のポイント</strong></p>
        <ul>
          <li><strong>日当たり</strong>：日光を好む。ただし真夏の直射日光は避ける</li>
          <li><strong>水やり</strong>：乾燥気味を好む。水のやりすぎに注意</li>
          <li><strong>温度</strong>：0℃以上。寒さに比較的強い</li>
          <li><strong>土</strong>：水はけの良い多肉植物用の土が最適</li>
        </ul>

        <div class="info-box" role="complementary">
          <p class="info-box-title">金運アップの秘訣</p>
          <p>金のなる木に<strong>5円玉や50円玉を通して飾る</strong>と、さらに金運効果が高まるとされています。ただし、硬貨の重みで枝が傷まないよう、若い柔らかい枝に通すのがポイントです。また、<strong>ピンク色の花が咲く</strong>と大きな幸運が訪れるサインとされ、開花は非常に縁起が良いとされています（開花には数年かかることも）。</p>
        </div>
      </div>
    </div>

    <!-- 植物5: ポトス -->
    <div class="plant-card" role="article" aria-labelledby="plant-pothos">
      <div class="plant-card-header">
        <span class="plant-icon" aria-hidden="true">🌿</span>
        <div class="plant-name">
          <h4 id="plant-pothos">ポトス｜増殖する生命力が富を呼ぶ</h4>
          <p class="plant-scientific-name">Epipremnum aureum</p>
        </div>
      </div>
      
      <div class="plant-tags">
        <span class="plant-tag">金運</span>
        <span class="plant-tag">厄除け</span>
        <span class="plant-tag difficulty-easy">基礎レベル</span>
      </div>

      <div class="plant-description">
        <p><strong>ポトスは「黄金カズラ」という別名</strong>を持ち、その名の通り金運をもたらす植物として人気です。<strong>非常に生命力が強く、初心者でも簡単に育てられる</strong>ため、開運植物の入門としても最適です。</p>

        <p><strong>風水的な意味</strong></p>
        <p>ポトスの最大の特徴は、<strong>驚異的な成長力と繁殖力</strong>です。1本の茎から次々と葉が増え、ツルが伸びていく様子は、<strong>富が増殖し、財産が拡大していく</strong>ことを象徴します。</p>

        <p>また、ハート型の葉は<strong>愛情と豊かさ</strong>を表し、金運だけでなく人間関係運も高めます。特に「ライム色」の明るい葉を持つポトスは、<strong>「黄金」の気を強く持ち、金運効果が高い</strong>とされています。</p>

        <p><strong>金運を高める配置場所</strong></p>
        <ul>
          <li><strong>トイレや洗面所</strong>：水回りの悪い気を浄化し、金運の流出を防ぐ</li>
          <li><strong>本棚や棚の上から垂らす</strong>：富が降り注ぐイメージ</li>
          <li><strong>玄関やリビング</strong>：家全体の金運を高める</li>
        </ul>

        <p><strong>育て方のポイント</strong></p>
        <ul>
          <li><strong>日当たり</strong>：明るい日陰。直射日光は葉焼けの原因に</li>
          <li><strong>水やり</strong>：土が乾いたらたっぷり。水耕栽培も可能</li>
          <li><strong>温度</strong>：10℃以上。暖かい環境を好む</li>
          <li><strong>増やし方</strong>：茎を切って水に挿すだけで簡単に増やせる</li>
        </ul>

        <div class="info-box" role="complementary">
          <p class="info-box-title">金運アップの秘訣</p>
          <p>ポトスは<strong>「増やして人に分ける」</strong>ことで、さらに金運が高まるとされています。これは「富を循環させる」という風水の教えに基づいています。挿し木で簡単に増やせるため、友人や家族に分けることで、自分自身の金運も上昇します。また、<strong>ゴールデンポトス</strong>（黄色い斑入り）は、金運効果が特に高いとされています。</p>
        </div>
      </div>
    </div>

    <!-- 植物6: ドラセナ・サンデリアーナ（ミリオンバンブー） -->
    <div class="plant-card" role="article" aria-labelledby="plant-lucky-bamboo">
      <div class="plant-card-header">
        <span class="plant-icon" aria-hidden="true">🎋</span>
        <div class="plant-name">
          <h4 id="plant-lucky-bamboo">ミリオンバンブー｜百万の富を呼ぶ幸運の竹</h4>
          <p class="plant-scientific-name">Dracaena sanderiana</p>
        </div>
      </div>
      
      <div class="plant-tags">
        <span class="plant-tag">金運</span>
        <span class="plant-tag">仕事運</span>
        <span class="plant-tag difficulty-easy">育てやすい</span>
      </div>

      <div class="plant-description">
        <p><strong>ミリオンバンブーは「開運竹」「富貴竹」</strong>とも呼ばれ、中国では最も縁起の良い植物の一つとされています。竹のような見た目ですが、実際はドラセナの一種で、<strong>水だけで育てられる手軽さ</strong>も魅力です。</p>

        <p><strong>風水的な意味</strong></p>
        <p>ミリオンバンブーの名前には「百万」という言葉が含まれ、<strong>莫大な富と繁栄</strong>を象徴します。真っ直ぐに伸びる茎は、<strong>清廉な成功と正直な商売</strong>を表し、不正な金運ではなく、努力に見合った正当な富をもたらすとされています。</p>

        <p>中国風水では、<strong>本数によって意味が異なる</strong>とされています：</p>
        <ul>
          <li><strong>3本</strong>：幸福、富、長寿</li>
          <li><strong>5本</strong>：健康と富のバランス</li>
          <li><strong>6本</strong>：幸運と繁栄</li>
          <li><strong>8本</strong>：最高の金運（「8」は中国で最も縁起の良い数字）</li>
          <li><strong>9本</strong>：長期的な繁栄</li>
        </ul>

        <p><strong>金運を高める配置場所</strong></p>
        <ul>
          <li><strong>オフィスのデスク</strong>：仕事の成功と収入増加</li>
          <li><strong>リビングの東側</strong>：家族全体の金運上昇</li>
          <li><strong>玄関の飾り棚</strong>：財運を招き入れる</li>
        </ul>

        <p><strong>育て方のポイント</strong></p>
        <ul>
          <li><strong>栽培方法</strong>：水耕栽培が一般的。透明な容器で育てると美しい</li>
          <li><strong>水替え</strong>：1〜2週間に1回、清潔な水に交換</li>
          <li><strong>日当たり</strong>：明るい室内。直射日光は避ける</li>
          <li><strong>温度</strong>：15℃以上。暖かい環境を好む</li>
        </ul>

        <div class="info-box" role="complementary">
          <p class="info-box-title">金運アップの秘訣</p>
          <p>ミリオンバンブーを<strong>赤いリボンで束ねる</strong>と、金運効果がさらに高まります。赤は風水で「活性化」を意味し、金運のエネルギーを強化します。また、<strong>金色や銀色の石を容器の底に入れる</strong>ことで、「財を蓄える」イメージを強化できます。螺旋状に成形されたものは、上昇する金運を表し、特に人気があります。</p>
        </div>
      </div>
    </div>

    <!-- 植物7: ユッカ（青年の樹） -->
    <div class="plant-card" role="article" aria-labelledby="plant-yucca">
      <div class="plant-card-header">
        <span class="plant-icon" aria-hidden="true">🌵</span>
        <div class="plant-name">
          <h4 id="plant-yucca">ユッカ｜成長と金運上昇の「青年の樹」</h4>
          <p class="plant-scientific-name">Yucca elephantipes</p>
        </div>
      </div>
      
      <div class="plant-tags">
        <span class="plant-tag">金運</span>
        <span class="plant-tag">仕事運</span>
        <span class="plant-tag difficulty-medium">中級者向け</span>
      </div>

      <div class="plant-description">
        <p><strong>ユッカは「青年の樹」という別名</strong>を持ち、<strong>若々しい成長力と上昇志向</strong>を象徴する植物です。鋭く上向きに伸びる葉が特徴で、金運と仕事運を同時に高める効果があります。</p>

        <p><strong>風水的な意味</strong></p>
        <p>ユッカの最大の特徴は、<strong>力強く天に向かって伸びる葉</strong>です。この姿は、<strong>向上心、成長、成功への意志</strong>を表し、キャリアアップや収入増加を願う人に最適です。</p>

        <p>「青年の樹」という名前は、<strong>若さと活力、未来への希望</strong>を意味し、新しいビジネスを始める人や、キャリアチェンジを考えている人に特におすすめです。鋭い葉は、<strong>邪気を払い、ビジネスチャンスを守る</strong>効果もあります。</p>

        <p><strong>金運を高める配置場所</strong></p>
        <ul>
          <li><strong>オフィスや書斎の目立つ場所</strong>：仕事運と金運を同時に高める</li>
          <li><strong>玄関の外（ベランダや庭）</strong>：悪い気を寄せ付けず、良い金運のみ招く</li>
          <li><strong>リビングのコーナー</strong>：家族の金運と成長運を守る</li>
        </ul>

        <p><strong>育て方のポイント</strong></p>
        <ul>
          <li><strong>日当たり</strong>：日光を好む。明るい場所が最適</li>
          <li><strong>水やり</strong>：乾燥に強い。土が完全に乾いてから水やり</li>
          <li><strong>温度</strong>：5℃以上。寒さにやや強い</li>
          <li><strong>注意</strong>：葉の先端が鋭いため、配置場所に注意</li>
        </ul>

        <div class="info-box" role="complementary">
          <p class="info-box-title">金運アップの秘訣</p>
          <p>ユッカは<strong>大きく育つほど金運効果が高まる</strong>とされています。2メートル以上に成長した大型のユッカは、<strong>大きな富と成功</strong>を象徴します。また、新しい葉が出てくるタイミングは、<strong>新たな収入源やビジネスチャンスが訪れるサイン</strong>。定期的に古い葉を取り除き、新しい成長を促すことが金運アップのコツです。</p>
        </div>
      </div>
    </div>

    <!-- 配置ポイント -->
    <div class="placement-box" role="complementary" aria-label="金運を高める配置のポイント">
      <h4>💎 金運を高める配置のポイント</h4>
      
      <p><strong>1. 玄関：財運の入口</strong></p>
      <p>玄関は「気の入口」であり、金運が入ってくる最重要ポイントです。<strong>内側から見て右側</strong>に金運植物を置くことで、入ってくる財運を増幅できます。パキラやガジュマルなど、存在感のある植物が効果的です。</p>

      <p><strong>2. リビングの東南角：財位</strong></p>
      <p>風水において、<strong>東南の方角は「財位」</strong>と呼ばれ、金運を司る場所です。リビングの東南の角に金運植物を置くことで、家全体の金運を高めることができます。モンステラやポトスなど、成長力のある植物が適しています。</p>

      <p><strong>3. 仕事部屋・書斎：収入の源</strong></p>
      <p>仕事をする場所に金運植物を置くことで、<strong>仕事の成功と収入増加</strong>を促します。デスクの<strong>左側（青龍の位置）</strong>に置くと、特に効果的です。パキラ、ユッカ、ミリオンバンブーがおすすめです。</p>

      <p><strong>4. 水回り：金運の流出を防ぐ</strong></p>
      <p>トイレや洗面所などの水回りは、風水では<strong>「金運が流れ出る場所」</strong>とされています。ポトスなどの浄化力の強い植物を置くことで、金運の流出を防ぎ、悪い気を浄化できます。</p>

      <div class="info-box" role="complementary">
        <p class="info-box-title">配置の注意点</p>
        <p><strong>植物は必ず清潔に保つ</strong>ことが重要です。ホコリが積もった葉や、枯れた葉は「死気」を発し、金運を下げます。週に1回は葉を拭き、枯れた部分は速やかに取り除きましょう。また、<strong>鉢や受け皿も常に清潔</strong>に保つことで、金運のエネルギーが活性化されます。</p>
      </div>
    </div>

  </section>

<!-- 開運植物記事 - 健康運〜最後までのセクション -->

  <!-- 健康運セクション -->
  <h2 id="health-fortune">健康運を守る開運植物5選｜心身を整える癒しの力</h2>

  <p>健康運を高める植物は、<strong>空気清浄効果、マイナスイオン生成、心理的な癒し効果</strong>を持つものが多く、科学的にもその効果が実証されています。健康こそが最大の財産。心身の健康を守ることで、すべての運気の土台が整います。</p>

  <!-- サンスベリア -->
  <div class="plant-card" role="article" aria-labelledby="plant-sansevieria">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🗡️</span>
      <div class="plant-name">
        <h4 id="plant-sansevieria">サンスベリア｜空気清浄と邪気払いのNo.1植物</h4>
        <p class="plant-scientific-name">Sansevieria trifasciata</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">健康運</span>
      <span class="plant-tag">厄除け</span>
      <span class="plant-tag difficulty-easy">育てやすい</span>
    </div>

    <div class="plant-description">
      <p><strong>サンスベリアは「トラノオ（虎の尾）」</strong>とも呼ばれ、剣のように鋭く上向きに伸びる葉が特徴です。<strong>NASAが認めた空気清浄能力No.1</strong>の植物として知られています。</p>

      <p><strong>健康効果</strong></p>
      <p>サンスベリアは<strong>夜間に酸素を放出する珍しい植物</strong>で、寝室に置くことで睡眠の質を高めます。ホルムアルデヒド、ベンゼン、トルエンなどの有害物質を強力に吸収し、<strong>室内空気を浄化</strong>します。</p>

      <p><strong>配置場所</strong>：寝室、リビング、玄関</p>
      <p><strong>育て方</strong>：乾燥に強く、水やりは月1〜2回程度。日陰でも育つ</p>
    </div>
  </div>

  <!-- アロエベラ -->
  <div class="plant-card" role="article" aria-labelledby="plant-aloe">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🌡️</span>
      <div class="plant-name">
        <h4 id="plant-aloe">アロエベラ｜古来からの薬用植物</h4>
        <p class="plant-scientific-name">Aloe vera</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">健康運</span>
      <span class="plant-tag difficulty-easy">育てやすい</span>
    </div>

    <div class="plant-description">
      <p><strong>「医者いらず」</strong>とも呼ばれるアロエベラは、<strong>火傷や傷の治癒</strong>に使われてきた歴史ある薬用植物です。空気中の有害物質を検知すると葉に斑点が出る、天然の空気センサーでもあります。</p>

      <p><strong>健康効果</strong></p>
      <p>ホルムアルデヒドとベンゼンを吸収し、<strong>室内空気を浄化</strong>。葉の成分は肌の炎症を鎮め、保湿効果があります。家に1株あると、<strong>いざという時の天然の薬</strong>として活用できます。</p>

      <p><strong>配置場所</strong>：キッチン、リビング、寝室の窓辺</p>
      <p><strong>育て方</strong>：日光を好む。水やりは土が完全に乾いてから</p>
    </div>
  </div>

  <!-- ドラセナ（幸福の木） -->
  <div class="plant-card" role="article" aria-labelledby="plant-dracaena">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🌴</span>
      <div class="plant-name">
        <h4 id="plant-dracaena">ドラセナ｜幸福の木が守る家族の健康</h4>
        <p class="plant-scientific-name">Dracaena fragrans</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">健康運</span>
      <span class="plant-tag">家族運</span>
      <span class="plant-tag difficulty-easy">育てやすい</span>
    </div>

    <div class="plant-description">
      <p><strong>「幸福の木」</strong>として知られるドラセナは、<strong>家族の健康と幸せを守る</strong>植物です。ハワイでは玄関に飾ると幸運が訪れるとされています。</p>

      <p><strong>健康効果</strong></p>
      <p>トリクロロエチレン、キシレン、ホルムアルデヒドを吸収し、<strong>室内空気を継続的に浄化</strong>。マイナスイオンを放出し、リラックス効果とストレス軽減効果があります。</p>

      <p><strong>配置場所</strong>：リビング中央、玄関、家族が集まる場所</p>
      <p><strong>育て方</strong>：半日陰を好む。土が乾いたらたっぷり水やり</p>
    </div>
  </div>

  <!-- ベンジャミン -->
  <div class="plant-card" role="article" aria-labelledby="plant-benjamin">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🍀</span>
      <div class="plant-name">
        <h4 id="plant-benjamin">ベンジャミン｜調和をもたらす優しい気</h4>
        <p class="plant-scientific-name">Ficus benjamina</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">健康運</span>
      <span class="plant-tag">人間関係運</span>
      <span class="plant-tag difficulty-medium">中級者向け</span>
    </div>

    <div class="plant-description">
      <p>ベンジャミンは<strong>「永遠の愛」「家族の調和」</strong>を象徴する植物で、丸く柔らかな葉が特徴です。風水では<strong>人間関係を円滑にし、家族の絆を深める</strong>とされています。</p>

      <p><strong>健康効果</strong></p>
      <p>ホルムアルデヒド、アンモニア、キシレンを吸収。<strong>精神的な安定とリラックス効果</strong>が高く、家族間のストレスを和らげる心理的効果があります。</p>

      <p><strong>配置場所</strong>：リビング、ダイニング、寝室</p>
      <p><strong>育て方</strong>：明るい場所を好む。環境変化に敏感なため注意</p>
    </div>
  </div>

  <!-- スパティフィラム -->
  <div class="plant-card" role="article" aria-labelledby="plant-spathiphyllum">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🤍</span>
      <div class="plant-name">
        <h4 id="plant-spathiphyllum">スパティフィラム｜浄化力No.1の白い花</h4>
        <p class="plant-scientific-name">Spathiphyllum</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">健康運</span>
      <span class="plant-tag">浄化</span>
      <span class="plant-tag difficulty-easy">育てやすい</span>
    </div>

    <div class="plant-description">
      <p><strong>「清浄な心」を象徴する白い花</strong>を咲かせるスパティフィラムは、<strong>最強の空気清浄能力</strong>を持つ植物の一つです。</p>

      <p><strong>健康効果</strong></p>
      <p>アセトン、ベンゼン、ホルムアルデヒド、トリクロロエチレン、アンモニアなど、<strong>5種類以上の有害物質を吸収</strong>。特に湿度を高める効果があり、<strong>乾燥による健康被害を軽減</strong>します。</p>

      <p><strong>配置場所</strong>：浴室近く、洗面所、キッチン</p>
      <p><strong>育て方</strong>：半日陰を好む。土を常に湿らせておく</p>
    </div>
  </div>

  <!-- 健康運の配置ポイント -->
  <div class="placement-box" role="complementary">
    <h4>🏥 健康運を高める配置のポイント</h4>
    <p><strong>寝室</strong>：質の良い睡眠のため、サンスベリアやアロエなど夜間に酸素を放出する植物を配置。</p>
    <p><strong>リビング・ダイニング</strong>：家族が長時間過ごす場所に、ドラセナやベンジャミンなど調和をもたらす植物を。</p>
    <p><strong>水回り</strong>：湿気と悪い気が溜まりやすい場所に、スパティフィラムなど浄化力の高い植物を配置。</p>
  </div>

  <!-- 仕事運・出世運セクション -->
  <h2 id="career-fortune">仕事運・出世運の開運植物4選｜成功を後押しする力強い植物</h2>

  <p>仕事運を高める植物は、<strong>上向きに力強く成長する姿</strong>が特徴です。その成長力は、キャリアの上昇、目標達成、リーダーシップの発揮を象徴し、ビジネスシーンでの成功を後押しします。</p>

  <!-- ユッカ（仕事運版は金運で解説済みのため簡略） -->
  <div class="plant-card" role="article" aria-labelledby="plant-yucca-career">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🌵</span>
      <div class="plant-name">
        <h4 id="plant-yucca-career">ユッカ｜成長の象徴「青年の樹」</h4>
        <p class="plant-scientific-name">Yucca elephantipes</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">仕事運</span>
      <span class="plant-tag">金運</span>
      <span class="plant-tag difficulty-medium">中級者向け</span>
    </div>

    <div class="plant-description">
      <p>力強く天に向かって伸びる葉が<strong>向上心と成功への意志</strong>を表します。新しいプロジェクトを始める時、キャリアアップを目指す時に最適です。</p>
      <p><strong>配置場所</strong>：オフィスデスク、書斎、応接室</p>
    </div>
  </div>

  <!-- オーガスタ -->
  <div class="plant-card" role="article" aria-labelledby="plant-augusta">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🌿</span>
      <div class="plant-name">
        <h4 id="plant-augusta">オーガスタ｜大きな葉が成功を招く</h4>
        <p class="plant-scientific-name">Strelitzia nicolai</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">仕事運</span>
      <span class="plant-tag">発展運</span>
      <span class="plant-tag difficulty-easy">育てやすい</span>
    </div>

    <div class="plant-description">
      <p><strong>「天国の白い鳥」</strong>という別名を持つオーガスタは、大きく広がる葉が特徴です。その堂々とした姿は、<strong>リーダーシップと大きな成功</strong>を象徴します。</p>
      <p><strong>仕事運効果</strong>：プレゼンテーションの成功、チームの統率、事業の拡大</p>
      <p><strong>配置場所</strong>：会議室、エントランス、役員室</p>
    </div>
  </div>

  <!-- フィカス・ウンベラータ -->
  <div class="plant-card" role="article" aria-labelledby="plant-umbellata">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">💚</span>
      <div class="plant-name">
        <h4 id="plant-umbellata">フィカス・ウンベラータ｜調和と発展の力</h4>
        <p class="plant-scientific-name">Ficus umbellata</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">仕事運</span>
      <span class="plant-tag">人間関係運</span>
      <span class="plant-tag difficulty-easy">育てやすい</span>
    </div>

    <div class="plant-description">
      <p>ハート型の大きな葉が特徴で、<strong>「永久の幸せ」「夫婦愛」</strong>を象徴。ビジネスでは、<strong>チームの調和とコラボレーションの成功</strong>を促します。</p>
      <p><strong>仕事運効果</strong>：人間関係の円滑化、パートナーシップの成功、職場の雰囲気改善</p>
      <p><strong>配置場所</strong>：オフィスの共有スペース、休憩室、チームエリア</p>
    </div>
  </div>

  <!-- 竹（観葉用） -->
  <div class="plant-card" role="article" aria-labelledby="plant-bamboo">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🎋</span>
      <div class="plant-name">
        <h4 id="plant-bamboo">竹｜真っ直ぐな成長運</h4>
        <p class="plant-scientific-name">Bambusa / Phyllostachys</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">仕事運</span>
      <span class="plant-tag">成長運</span>
      <span class="plant-tag difficulty-medium">中級者向け</span>
    </div>

    <div class="plant-description">
      <p>真っ直ぐに伸びる竹は、<strong>清廉潔白な成功と揺るぎない意志</strong>を象徴します。日本や中国では古くから<strong>「君子の象徴」</strong>とされてきました。</p>
      <p><strong>仕事運効果</strong>：誠実な評価、着実なキャリア構築、正当な昇進</p>
      <p><strong>配置場所</strong>：書斎、オフィスの入口、和室</p>
    </div>
  </div>

  <!-- 仕事運の配置ポイント -->
  <div class="placement-box" role="complementary">
    <h4>💼 仕事運を高める配置のポイント</h4>
    <p><strong>デスクの左側</strong>：風水の「青龍の位置」で、仕事運とキャリア運を高める最重要ポイント。</p>
    <p><strong>オフィスの入口</strong>：ビジネスチャンスを招き入れ、成功を引き寄せる。</p>
    <p><strong>北の方角</strong>：キャリアと社会的地位を司る方位。仕事運を安定させる。</p>
  </div>

  <!-- 恋愛運・人間関係運セクション -->
  <h2 id="love-fortune">恋愛運・人間関係運の開運植物4選｜良縁を結ぶ植物</h2>

  <p>恋愛運と人間関係運を高める植物は、<strong>丸く柔らかな葉、優しい香り、美しい花</strong>を持つものが多く、心を開き、良い人間関係を築く力を持っています。</p>

  <!-- アンスリウム -->
  <div class="plant-card" role="article" aria-labelledby="plant-anthurium">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">❤️</span>
      <div class="plant-name">
        <h4 id="plant-anthurium">アンスリウム｜赤いハートが愛を育む</h4>
        <p class="plant-scientific-name">Anthurium andraeanum</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">恋愛運</span>
      <span class="plant-tag difficulty-medium">中級者向け</span>
    </div>

    <div class="plant-description">
      <p><strong>ハート型の赤い花（苞）</strong>が特徴のアンスリウムは、「情熱」「恋」を象徴し、<strong>恋愛運を高める最強の植物</strong>です。</p>
      <p><strong>恋愛効果</strong>：新しい出会い、情熱的な恋愛、パートナーとの関係深化</p>
      <p><strong>配置場所</strong>：寝室、リビングの南西、玄関</p>
    </div>
  </div>

  <!-- グリーンネックレス -->
  <div class="plant-card" role="article" aria-labelledby="plant-string-of-pearls">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">📿</span>
      <div class="plant-name">
        <h4 id="plant-string-of-pearls">グリーンネックレス｜繋がりを強化</h4>
        <p class="plant-scientific-name">Senecio rowleyanus</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">人間関係運</span>
      <span class="plant-tag difficulty-easy">育てやすい</span>
    </div>

    <div class="plant-description">
      <p>真珠のような丸い葉が連なる姿から<strong>「人と人の繋がり」</strong>を象徴。友人関係、家族の絆、ビジネスパートナーとの関係を強化します。</p>
      <p><strong>人間関係効果</strong>：友情の深まり、コミュニケーションの円滑化</p>
      <p><strong>配置場所</strong>：リビング、ダイニング、玄関の棚</p>
    </div>
  </div>

  <!-- ジャスミン -->
  <div class="plant-card" role="article" aria-labelledby="plant-jasmine">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🌸</span>
      <div class="plant-name">
        <h4 id="plant-jasmine">ジャスミン｜香りが良縁を引き寄せる</h4>
        <p class="plant-scientific-name">Jasminum</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">恋愛運</span>
      <span class="plant-tag difficulty-medium">中級者向け</span>
    </div>

    <div class="plant-description">
      <p><strong>甘く上品な香り</strong>が特徴のジャスミンは、「愛の象徴」として世界中で愛されています。<strong>魅力を高め、良縁を引き寄せる</strong>効果があります。</p>
      <p><strong>恋愛効果</strong>：魅力アップ、運命の出会い、ロマンティックな雰囲気</p>
      <p><strong>配置場所</strong>：寝室、ベランダ、窓辺</p>
    </div>
  </div>

  <!-- ラベンダー -->
  <div class="plant-card" role="article" aria-labelledby="plant-lavender">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">💜</span>
      <div class="plant-name">
        <h4 id="plant-lavender">ラベンダー｜穏やかな関係性を築く</h4>
        <p class="plant-scientific-name">Lavandula</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">恋愛運</span>
      <span class="plant-tag">癒し</span>
      <span class="plant-tag difficulty-medium">中級者向け</span>
    </div>

    <div class="plant-description">
      <p>リラックス効果の高い香りを持つラベンダーは、<strong>「穏やかな愛」「献身」</strong>を象徴し、長続きする関係を築きます。</p>
      <p><strong>恋愛効果</strong>：心の安定、信頼関係の構築、長期的な愛情</p>
      <p><strong>配置場所</strong>：ベランダ、窓辺、寝室</p>
    </div>
  </div>

  <!-- 恋愛運の配置ポイント -->
  <div class="placement-box" role="complementary">
    <h4>💕 恋愛運を高める配置のポイント</h4>
    <p><strong>寝室の南西</strong>：風水で恋愛運と結婚運を司る方位。ピンクや赤の花を持つ植物が効果的。</p>
    <p><strong>リビングのペアで配置</strong>：2つの植物を並べることで「良縁」を象徴。</p>
    <p><strong>玄関の右側（外から見て）</strong>：良縁を招き入れる位置。</p>
  </div>

  <!-- 厄除け・魔除けセクション -->
  <h2 id="protection-fortune">厄除け・魔除けの開運植物4選｜邪気を払う守りの植物</h2>

  <p>厄除け・魔除けの植物は、<strong>鋭い棘や葉、強い香り、浄化作用</strong>を持ち、悪い気を跳ね返し、空間を守る力があります。</p>

  <!-- サボテン -->
  <div class="plant-card" role="article" aria-labelledby="plant-cactus">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🌵</span>
      <div class="plant-name">
        <h4 id="plant-cactus">サボテン｜鋭い棘が悪い気を跳ね返す</h4>
        <p class="plant-scientific-name">Cactaceae</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">厄除け</span>
      <span class="plant-tag difficulty-easy">基礎レベル</span>
    </div>

    <div class="plant-description">
      <p>サボテンの鋭い棘は<strong>「悪い気を寄せ付けない」</strong>象徴。特に<strong>玄関の外やベランダ</strong>に置くことで、家に入ろうとする邪気を跳ね返します。</p>
      <p><strong>厄除け効果</strong>：邪気払い、電磁波軽減、境界線の形成</p>
      <p><strong>配置場所</strong>：玄関外、ベランダ、窓際（室内より屋外推奨）</p>
    </div>
  </div>

  <!-- ヒイラギ -->
  <div class="plant-card" role="article" aria-labelledby="plant-holly">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🍂</span>
      <div class="plant-name">
        <h4 id="plant-holly">ヒイラギ｜古来からの結界植物</h4>
        <p class="plant-scientific-name">Osmanthus heterophyllus</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">厄除け</span>
      <span class="plant-tag difficulty-easy">育てやすい</span>
    </div>

    <div class="plant-description">
      <p>日本では古くから<strong>鬼門除け</strong>として玄関や庭に植えられてきました。トゲのある葉が<strong>邪気を払い、魔を寄せ付けない</strong>とされています。</p>
      <p><strong>厄除け効果</strong>：鬼門封じ、家の守護、災難除け</p>
      <p><strong>配置場所</strong>：玄関脇、北東の方角（鬼門）、庭</p>
    </div>
  </div>

  <!-- ローズマリー -->
  <div class="plant-card" role="article" aria-labelledby="plant-rosemary">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🌿</span>
      <div class="plant-name">
        <h4 id="plant-rosemary">ローズマリー｜浄化のハーブ</h4>
        <p class="plant-scientific-name">Rosmarinus officinalis</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">浄化</span>
      <span class="plant-tag">厄除け</span>
      <span class="plant-tag difficulty-easy">育てやすい</span>
    </div>

    <div class="plant-description">
      <p>ヨーロッパでは古くから<strong>「魔除けのハーブ」</strong>として使われてきました。強い香りが<strong>空間を浄化し、ネガティブなエネルギーを払う</strong>とされています。</p>
      <p><strong>厄除け効果</strong>：空間浄化、集中力向上、記憶力向上</p>
      <p><strong>配置場所</strong>：玄関、キッチン、ベランダ</p>
    </div>
  </div>

  <!-- ミント -->
  <div class="plant-card" role="article" aria-labelledby="plant-mint">
    <div class="plant-card-header">
      <span class="plant-icon" aria-hidden="true">🍃</span>
      <div class="plant-name">
        <h4 id="plant-mint">ミント｜清浄な気を生み出す</h4>
        <p class="plant-scientific-name">Mentha</p>
      </div>
    </div>
    
    <div class="plant-tags">
      <span class="plant-tag">浄化</span>
      <span class="plant-tag difficulty-easy">基礎レベル</span>
    </div>

    <div class="plant-description">
      <p>清涼感のある香りが<strong>淀んだ気を払い、清浄な空気を作り出す</strong>とされています。繁殖力が非常に強く、<strong>生命力の象徴</strong>でもあります。</p>
      <p><strong>浄化効果</strong>：気分のリフレッシュ、空間の浄化、虫除け</p>
      <p><strong>配置場所</strong>：キッチン、ベランダ、窓辺</p>
    </div>
  </div>

  <!-- 厄除けの配置ポイント -->
  <div class="placement-box" role="complementary">
    <h4>🛡️ 厄除け効果を高める配置のポイント</h4>
    <p><strong>玄関の外</strong>：家に入る前に邪気を払う最重要ポイント。サボテンやヒイラギが効果的。</p>
    <p><strong>鬼門（北東）と裏鬼門（南西）</strong>：悪い気が入りやすい方位。ヒイラギや浄化力の強い植物を配置。</p>
    <p><strong>窓際</strong>：外からの悪い気の侵入を防ぐ。トゲのある植物や香りの強いハーブが適している。</p>
  </div>

  <!-- 画像2: リビングに配置された複数の観葉植物 -->
  <figure class="article-image" role="img" aria-label="風水に基づいて配置された開運植物">
    <img decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Scandinavian-modern-living.jpg" alt="風水に基づいて配置された開運植物のあるリビング空間" width="1200" height="800" loading="lazy">
    <figcaption class="image-caption">適切な配置で運気の流れを整えた開運植物のある暮らし</figcaption>
  </figure>

  <!-- 開運植物の効果的な配置ガイド -->
  <h2 id="placement-guide">開運植物の効果的な配置｜風水に基づく置き場所ガイド</h2>

  <p>植物をただ置くだけでなく、<strong>風水に基づいた適切な配置</strong>をすることで、開運効果を最大限に引き出すことができます。ここでは、場所別・方角別の配置のポイントを詳しく解説します。</p>

  <h3 id="placement-entrance">玄関｜家全体の運気の入口</h3>
  <p>玄関は「気の入口」であり、<strong>家全体の運気を左右する最重要ポイント</strong>です。良い気を招き入れ、悪い気を遮断する役割があります。</p>
  
  <div class="info-box" role="complementary">
    <p class="info-box-title">玄関の配置ポイント</p>
    <ul>
      <li><strong>内側から見て右側</strong>：金運・仕事運を高める（パキラ、ガジュマル）</li>
      <li><strong>内側から見て左側</strong>：健康運・家庭運を高める（ドラセナ、ポトス）</li>
      <li><strong>正面（入って見える位置）</strong>：全体運を高める（モンステラ、オーガスタ）</li>
      <li><strong>玄関の外</strong>：厄除け（サボテン、ヒイラギ）</li>
    </ul>
    <p><strong>注意点</strong>：枯れた植物、ホコリの積もった葉は運気を下げるため、常に清潔に保つことが重要です。</p>
  </div>

  <h3 id="placement-living">リビング｜家族運と全体運の中心</h3>
  <p>リビングは家族が集まる場所であり、<strong>家全体のエネルギーの中心</strong>です。調和と繁栄をもたらす植物が適しています。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">リビングの配置ポイント</p>
    <ul>
      <li><strong>東南の角</strong>：金運と繁栄（パキラ、モンステラ）</li>
      <li><strong>南の方角</strong>：名声運と人気運（観葉植物全般）</li>
      <li><strong>テレビの横</strong>：電磁波を和らげる（サンスベリア、ポトス）</li>
      <li><strong>ソファの近く</strong>：リラックス効果（ベンジャミン、ドラセナ）</li>
    </ul>
  </div>

  <h3 id="placement-bedroom">寝室｜健康運と恋愛運を高める</h3>
  <p>寝室は<strong>1日の疲れを癒し、エネルギーを回復する場所</strong>です。リラックス効果と空気清浄効果のある植物が適しています。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">寝室の配置ポイント</p>
    <ul>
      <li><strong>ベッドの足元</strong>：健康運（サンスベリア、アロエ）</li>
      <li><strong>南西の角</strong>：恋愛運・結婚運（アンスリウム、ラベンダー）</li>
      <li><strong>窓際</strong>：空気清浄と癒し（スパティフィラム、ポトス）</li>
    </ul>
    <p><strong>注意点</strong>：大きすぎる植物や、香りの強すぎる植物は睡眠を妨げるため避けます。</p>
  </div>

  <h3 id="placement-study">書斎・仕事部屋｜仕事運と集中力</h3>
  <p>仕事をする場所には、<strong>集中力を高め、仕事運を上昇させる</strong>植物を配置します。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">仕事部屋の配置ポイント</p>
    <ul>
      <li><strong>デスクの左側（青龍の位置）</strong>：仕事運・出世運（ユッカ、パキラ、ミリオンバンブー）</li>
      <li><strong>デスクの背後</strong>：サポート運（大型の観葉植物）</li>
      <li><strong>北の方角</strong>：キャリア運（竹、ユッカ）</li>
    </ul>
  </div>

  <h3 id="placement-water">トイレ・水回り｜悪い気を浄化</h3>
  <p>水回りは風水では<strong>「金運が流れ出る場所」</strong>とされ、浄化力の強い植物で対策が必要です。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">水回りの配置ポイント</p>
    <ul>
      <li><strong>トイレ</strong>：浄化と金運流出防止（ポトス、アイビー）</li>
      <li><strong>洗面所</strong>：空気清浄（スパティフィラム、サンスベリア）</li>
      <li><strong>キッチン</strong>：火と水のバランス（ハーブ類、アロエ）</li>
    </ul>
  </div>

  <h3 id="placement-direction">方角別の適した植物</h3>

  <div class="info-box" role="complementary">
    <p class="info-box-title">方角と植物の関係</p>
    <ul>
      <li><strong>東</strong>：仕事運・発展運（青々とした緑の植物）</li>
      <li><strong>南東</strong>：金運・繁栄（パキラ、モンステラ）</li>
      <li><strong>南</strong>：名声運・美容運（赤や紫の花を持つ植物）</li>
      <li><strong>南西</strong>：家庭運・恋愛運（低めの丸い葉の植物）</li>
      <li><strong>西</strong>：金運（黄色や白の花を持つ植物）</li>
      <li><strong>北西</strong>：人脈運・援助運（格調高い植物）</li>
      <li><strong>北</strong>：キャリア運（上向きに伸びる植物）</li>
      <li><strong>北東</strong>：厄除け（トゲのある植物、浄化力の強い植物）</li>
    </ul>
  </div>

  <!-- 開運植物の育て方 -->
  <h2 id="care-guide">開運植物の育て方｜運気を保つケアの基礎</h2>

  <p>どんなに開運効果の高い植物でも、<strong>枯れてしまっては逆効果</strong>です。植物を健康に保つことが、運気を高め続ける最も重要なポイントです。</p>

  <h3 id="care-watering">水やりの基本とタイミング</h3>
  <p>水やりは植物ケアの基本ですが、<strong>「やりすぎ」が最も多い失敗</strong>です。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">水やりの基本ルール</p>
    <p><strong>基本原則</strong>：「土の表面が乾いたらたっぷりと」</p>
    <ul>
      <li><strong>春〜秋（成長期）</strong>：土の表面が乾いたら、鉢底から水が流れ出るまでたっぷり与える</li>
      <li><strong>冬（休眠期）</strong>：水やりの頻度を減らす。土が乾いて2〜3日後に与える</li>
      <li><strong>多肉植物・サボテン</strong>：土が完全に乾いてから数日後に与える</li>
    </ul>
    <p><strong>確認方法</strong>：指を土に2〜3cm差し込み、湿り気を感じなければ水やりのタイミング。</p>
  </div>

  <h3 id="care-sunlight">日当たりと置き場所の調整</h3>
  <p>植物によって<strong>必要な光の量が異なる</strong>ため、それぞれに適した場所に配置します。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">光量による分類</p>
    <ul>
      <li><strong>強い光を好む</strong>：サボテン、ユッカ、アロエ、金のなる木 → 窓際の明るい場所</li>
      <li><strong>半日陰を好む</strong>：パキラ、モンステラ、ポトス、ドラセナ → レースカーテン越しの光</li>
      <li><strong>日陰でも育つ</strong>：サンスベリア、スパティフィラム → 室内の明るい場所</li>
    </ul>
    <p><strong>注意</strong>：直射日光に慣れていない植物を急に強い光に当てると「葉焼け」を起こします。徐々に慣らすことが大切です。</p>
  </div>

  <h3 id="care-fertilizer">肥料と植え替えの時期</h3>

  <div class="info-box" role="complementary">
    <p class="info-box-title">肥料と植え替え</p>
    <p><strong>肥料</strong></p>
    <ul>
      <li><strong>時期</strong>：春〜秋の成長期のみ（冬は不要）</li>
      <li><strong>種類</strong>：液体肥料を2週間に1回、または緩効性固形肥料を月1回</li>
      <li><strong>注意</strong>：肥料のやりすぎは根を痛める原因に</li>
    </ul>
    <p><strong>植え替え</strong></p>
    <ul>
      <li><strong>時期</strong>：5〜6月（植物の成長期）</li>
      <li><strong>頻度</strong>：2〜3年に1回、または鉢底から根が出てきたら</li>
      <li><strong>新しい鉢</strong>：現在より一回り大きいサイズを選ぶ</li>
    </ul>
  </div>

  <h3 id="care-pest">病害虫対策</h3>

  <div class="info-box" role="complementary">
    <p class="info-box-title">主な害虫と対策</p>
    <ul>
      <li><strong>ハダニ</strong>：乾燥した環境で発生。葉水（霧吹き）で予防</li>
      <li><strong>カイガラムシ</strong>：白い綿状の虫。見つけたら歯ブラシで除去</li>
      <li><strong>アブラムシ</strong>：新芽に発生。水で洗い流すか、専用薬剤を使用</li>
    </ul>
    <p><strong>予防</strong>：定期的な葉の拭き掃除、適切な風通し、過湿を避けることが重要です。</p>
  </div>

  <h3 id="care-trouble">元気がない時の対処法</h3>

  <div class="info-box" role="complementary">
    <p class="info-box-title">症状別の対処法</p>
    <ul>
      <li><strong>葉が黄色くなる</strong>：水のやりすぎ、または根詰まり → 水やりを控える、植え替え検討</li>
      <li><strong>葉が茶色く枯れる</strong>：水不足、または日光不足 → 水やりと置き場所を見直す</li>
      <li><strong>葉が落ちる</strong>：環境の急激な変化、水不足 → 環境を安定させる</li>
      <li><strong>成長が止まる</strong>：肥料不足、根詰まり → 肥料を与える、植え替え</li>
    </ul>
  </div>

  <h3 id="care-disposal">枯れた植物の処分方法</h3>
  <p>残念ながら枯れてしまった場合は、<strong>感謝の気持ちを持って丁寧に処分</strong>します。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">処分の手順</p>
    <p>1. 植物に感謝の言葉をかける</p>
    <p>2. 土と鉢を分別する（自治体のルールに従う）</p>
    <p>3. 塩や清酒で清める（気になる場合）</p>
    <p>4. 新しい植物を迎える準備をする</p>
    <p><strong>風水の考え方</strong>：枯れた植物をそのまま置き続けることは「死気」を発するため、速やかに処分し、新しい生命を迎えることが大切です。</p>
  </div>

  <!-- 開運効果を高める実践ポイント -->
  <h2 id="practice-tips">開運効果を高める5つの実践ポイント</h2>

  <p>植物を置くだけでなく、<strong>日々の接し方と心構え</strong>が、開運効果をさらに高めます。</p>

  <h3 id="tip-communication">1. 植物との対話：感謝の気持ちを伝える</h3>
  <p>植物は生きています。<strong>毎日「ありがとう」と声をかける</strong>ことで、植物は元気に育ち、あなたの運気も上昇します。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">実践方法</p>
    <ul>
      <li>朝、植物に「おはよう」「今日もよろしくね」と声をかける</li>
      <li>水やりの時に「ありがとう」「元気に育ってね」と伝える</li>
      <li>新しい葉が出たら「すごいね」「嬉しいよ」と喜びを共有する</li>
    </ul>
    <p>声をかけることで、<strong>あなた自身の意識も前向きになり、ポジティブな気を発する</strong>ようになります。</p>
  </div>

  <h3 id="tip-cleaning">2. 定期的な葉の手入れで気の流れを良く</h3>
  <p><strong>葉のホコリは「気の流れ」を阻害</strong>します。週に1回は柔らかい布で拭きましょう。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">葉の拭き方</p>
    <p>1. 柔らかい布を水で濡らし、固く絞る</p>
    <p>2. 葉の表と裏を優しく拭く</p>
    <p>3. 大きな葉は1枚ずつ丁寧に</p>
    <p>4. 拭きながら「ありがとう」と感謝を伝える</p>
    <p><strong>効果</strong>：葉がきれいになると光合成が活発になり、植物が元気に育ち、運気も上昇します。</p>
  </div>

  <h3 id="tip-pot">3. 鉢や受け皿の選び方</h3>
  <p>鉢の素材や色も、開運効果に影響します。</p>

  <div class="info-box" role="complementary">
    <p class="info-box-title">鉢選びのポイント</p>
    <ul>
      <li><strong>金運</strong>：金色、黄色、茶色の鉢。陶器や素焼きが◎</li>
      <li><strong>健康運</strong>：白、緑、青の鉢。清潔感のある素材</li>
      <li><strong>仕事運</strong>：黒、グレー、ネイビーの鉢。重厚感のある素材</li>
      <li><strong>恋愛運</strong>：ピンク、赤、白の鉢。柔らかい印象の素材</li>
    </ul>
    <p><strong>受け皿</strong>：水が溜まったままにしないこと。悪い気が溜まります。</p>
  </div>

  <h3 id="tip-multiple">4. 複数配置する際の注意点</h3>

  <div class="info-box" role="complementary">
    <p class="info-box-title">複数配置のルール</p>
    <ul>
      <li><strong>奇数で配置</strong>：風水では奇数が吉。1、3、5、7株が良い</li>
      <li><strong>高さを変える</strong>：単調にならないよう、高さに変化をつける</li>
      <li><strong>目的を統一</strong>：金運なら金運、健康運なら健康運と目的を揃える</li>
      <li><strong>スペースを確保</strong>：植物同士が触れ合わないよう間隔を空ける</li>
    </ul>
  </div>

  <h3 id="tip-season">5. 季節ごとのケアの違い</h3>

  <div class="info-box" role="complementary">
    <p class="info-box-title">季節別ケアのポイント</p>
    <p><strong>春（3〜5月）</strong>：成長期の始まり。植え替え、肥料開始、水やり頻度アップ</p>
    <p><strong>夏（6〜8月）</strong>：最も成長する時期。水やり頻度最大、直射日光に注意、葉水で湿度管理</p>
    <p><strong>秋（9〜11月）</strong>：成長が緩やかに。水やり頻度減、肥料終了、冬の準備</p>
    <p><strong>冬（12〜2月）</strong>：休眠期。水やり最小限、肥料不要、室温10℃以上を保つ</p>
  </div>

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

  <div class="info-box">
    <h4>造花やフェイクグリーンでも開運効果はありますか？</h4>
    <p>風水的には、<strong>本物の生きた植物が最も効果が高い</strong>とされています。生きた植物は「生気」を発し、成長することで運気の上昇を象徴するためです。</p>
    <p>ただし、<strong>造花やフェイクグリーンでも一定の効果はある</strong>と考えられています。特に、どうしても枯らしてしまう場所や、光が全く入らない空間では、造花の方が枯れた植物を置き続けるより良いでしょう。</p>
    <p><strong>ポイント</strong>：造花を使う場合は、常に清潔に保ち、ホコリを定期的に取り除くことが重要です。汚れた造花は「死気」を発します。</p>
  </div>

  <div class="info-box">
    <h4>枯れてしまった植物はどうすればいいですか？</h4>
    <p>枯れた植物は<strong>「死気」を発する</strong>ため、速やかに処分することが大切です。ただし、処分する際は感謝の気持ちを忘れずに。</p>
    <p><strong>処分の手順</strong>：</p>
    <ul>
      <li>1. 植物に「今までありがとう」と感謝を伝える</li>
      <li>2. 土と鉢を分別（自治体のルールに従う）</li>
      <li>3. 気になる場合は塩や清酒で清める</li>
      <li>4. 新しい植物を迎える</li>
    </ul>
    <p>風水では、<strong>「終わり」は「新しい始まり」</strong>を意味します。枯れたことを悲しむより、新しい植物を迎える前向きな気持ちが大切です。</p>
  </div>

  <div class="info-box">
    <h4>複数の植物を置く場合、組み合わせに注意することはありますか？</h4>
    <p>基本的に、<strong>同じ目的（金運、健康運など）の植物を組み合わせる</strong>と効果が高まります。異なる目的の植物を混在させると、エネルギーが分散する可能性があります。</p>
    <p><strong>良い組み合わせ例</strong>：</p>
    <ul>
      <li>金運：パキラ + モンステラ + ポトス</li>
      <li>健康運：サンスベリア + スパティフィラム + アロエ</li>
      <li>仕事運：ユッカ + オーガスタ + 竹</li>
    </ul>
    <p><strong>避けたい組み合わせ</strong>：</p>
    <ul>
      <li>トゲのある植物（サボテン）を室内の中心に大量に置く（攻撃的な気が強くなりすぎる）</li>
      <li>枯れやすい植物と育てやすい植物を混在（管理が複雑になる）</li>
    </ul>
  </div>

  <div class="info-box">
    <h4>ペットがいる家庭でも育てられる開運植物はありますか？</h4>
    <p>ペット、特に猫や犬がいる家庭では、<strong>植物の毒性に注意</strong>が必要です。以下の植物は比較的安全とされています。</p>
    <p><strong>ペットに安全な開運植物</strong>：</p>
    <ul>
      <li>パキラ（無毒）</li>
      <li>ガジュマル（無毒）</li>
      <li>サンスベリア（軽度の毒性だが通常は問題なし）</li>
      <li>オーガスタ（無毒）</li>
      <li>竹（無毒）</li>
    </ul>
    <p><strong>避けるべき植物</strong>：</p>
    <ul>
      <li>ポトス（猫や犬に有毒）</li>
      <li>モンステラ（猫や犬に有毒）</li>
      <li>スパティフィラム（猫や犬に有毒）</li>
      <li>アロエ（猫や犬に有毒）</li>
    </ul>
    <p><strong>対策</strong>：有毒な植物を置く場合は、ペットが届かない高い場所に配置するか、別の部屋に置くことをおすすめします。</p>
  </div>

  <div class="info-box">
    <h4>マンションでも育てやすい開運植物はどれですか？</h4>
    <p>マンションでは、<strong>日当たりが限られる、ベランダが狭い</strong>といった制約がありますが、以下の植物は室内でも育てやすくおすすめです。</p>
    <p><strong>マンション向け開運植物ベスト5</strong>：</p>
    <ul>
      <li><strong>1. ポトス</strong>：日陰でも育つ、吊るして飾れる、金運効果</li>
      <li><strong>2. サンスベリア</strong>：乾燥に強い、月1回の水やりでOK、健康運</li>
      <li><strong>3. パキラ</strong>：半日陰OK、コンパクトなサイズもある、金運No.1</li>
      <li><strong>4. ドラセナ（幸福の木）</strong>：室内の明るい場所でOK、健康運・家族運</li>
      <li><strong>5. ガジュマル</strong>：小型でも効果あり、窓辺の明るい場所で育つ、金運</li>
    </ul>
    <p><strong>マンションでの育て方のコツ</strong>：</p>
    <ul>
      <li>レースカーテン越しの明るい窓辺に置く</li>
      <li>定期的に風を通して湿気を避ける</li>
      <li>小型〜中型サイズを選ぶ</li>
      <li>受け皿の水は必ず捨てる（湿気対策）</li>
    </ul>
  </div>

  <div class="info-box">
    <h4>開運効果を感じるまでの期間はどれくらいですか？</h4>
    <p>開運効果の実感には個人差がありますが、一般的に以下のような傾向があります。</p>
    <p><strong>短期的効果（1〜2週間）</strong>：</p>
    <ul>
      <li>空気が清浄になり、気分がスッキリする</li>
      <li>緑を見ることでストレスが軽減される</li>
      <li>部屋の雰囲気が明るくなる</li>
    </ul>
    <p><strong>中期的効果（1〜3ヶ月）</strong>：</p>
    <ul>
      <li>植物の成長を楽しむことで、前向きな気持ちになる</li>
      <li>植物の世話を通じて、日常のリズムが整う</li>
      <li>周囲から「部屋が明るくなった」と言われる</li>
    </ul>
    <p><strong>長期的効果（3ヶ月以上）</strong>：</p>
    <ul>
      <li>金運、仕事運などの具体的な変化を感じ始める</li>
      <li>人間関係が改善される</li>
      <li>全体的な運気の向上を実感する</li>
    </ul>
    <p><strong>重要なポイント</strong>：開運効果は、<strong>「植物を信じる心」と「丁寧なケア」</strong>によって高まります。疑いながら育てるより、愛情を持って接することで、効果はより早く現れるでしょう。</p>
    <p><strong>重要なポイント</strong>：開運植物は「魔法の道具」ではなく、<strong>あなたの意識と行動を変えるサポーター</strong>です。植物を大切にし、感謝の気持ちを持ち続けることで、自然と運気が上昇していきます。</p>
  </div>

  <!-- まとめセクション -->
  <h2 id="conclusion">まとめ｜開運植物で運気の流れを整える</h2>

  <p>開運植物は、単なる装飾やインテリアではなく、<strong>私たちの生活に豊かさと幸運をもたらすパートナー</strong>です。古来から伝わる風水の知恵と、現代科学が証明する効果の両面から、植物が持つ力は確かなものと言えるでしょう。</p>

  <p><strong>この記事でお伝えした重要なポイント</strong>：</p>

  <ul>
    <li><strong>目的に合った植物を選ぶ</strong>：金運、健康運、仕事運、恋愛運、厄除けなど、自分が高めたい運気に適した植物を選びましょう。</li>
    <li><strong>適切な場所に配置する</strong>：風水に基づいた配置で、開運効果を最大限に引き出すことができます。</li>
    <li><strong>愛情を持って育てる</strong>：植物を大切にし、感謝の気持ちを持つことが、最も重要な開運の秘訣です。</li>
    <li><strong>常に清潔に保つ</strong>：枯れた葉やホコリは「死気」を発します。定期的な手入れが運気を保ちます。</li>
    <li><strong>植物との対話を楽しむ</strong>：声をかけ、成長を見守る中で、あなた自身も前向きになり、運気が上昇します。</li>
  </ul>

  <p><strong>実践への第一歩</strong></p>

  <p>「どの植物から始めればいいか分からない」という方は、まず<strong>パキラ、ポトス、ガジュマル</strong>のいずれかから始めることをおすすめします。これらは育てやすく、金運効果が高く、初めての方でも成功しやすい植物です。</p>

  <p>植物を選んだら、<strong>適切な場所に配置し、毎日声をかけながら水やり</strong>をしてみてください。2週間もすれば、部屋の雰囲気が変わり、あなた自身の気持ちも前向きになっていることに気づくはずです。</p>

  <p><strong>植物と共に成長する暮らし</strong></p>

  <p>開運植物との暮らしは、運気を高めるだけでなく、<strong>生活に潤いとリズムをもたらし、心を豊かにします</strong>。植物の成長を見守る中で、私たち自身も成長し、より良い人生を歩むことができるでしょう。</p>

  <p>あなたの暮らしに、開運植物がもたらす幸運と豊かさが訪れますように。今日から、植物との新しい生活を始めてみませんか？</p>

  <div class="info-box" role="complementary" style="background: linear-gradient(135deg, #fff9e6 0%, #fffef5 100%); border-left: 5px solid #ffd700;">
    <p class="info-box-title">✨ 最後に</p>
    <p>開運植物は、あなたの人生に<strong>幸運、健康、豊かさ</strong>をもたらす素晴らしい存在です。しかし、それ以上に大切なのは、<strong>植物を通じて育まれる感謝の心と、前向きな意識</strong>です。</p>
    <p>植物に「ありがとう」と伝えるたびに、あなたの心も豊かになり、その豊かさが運気となって人生を照らします。どうぞ、植物との暮らしを楽しんでください。</p>
  </div>

  <!-- 記事終了デコレーション -->
  <div style="text-align: center; margin: 80px 0 40px; padding: 40px 0; border-top: 2px solid var(--primary-light); border-bottom: 2px solid var(--primary-light); position: relative;">
    <div style="font-size: 48px; margin-bottom: 16px; animation: pulse 2s ease-in-out infinite;">🌿✨</div>
    <p style="font-size: 18px; font-weight: 700; color: var(--primary-dark); margin: 0; letter-spacing: 1px;">幸運と豊かさがあなたのもとへ</p>
    <div style="position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 2px; background: linear-gradient(90deg, transparent, var(--primary-cyan), transparent);"></div>
    <div style="position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 2px; background: linear-gradient(90deg, transparent, var(--accent-emerald), transparent);"></div>
  </div>

</article>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/good-fortune-plants/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>パソコン買ったらまずすることリスト完全版</title>
		<link>https://yoooyooo8.jp/pc-first-setup-guide/</link>
					<comments>https://yoooyooo8.jp/pc-first-setup-guide/#respond</comments>
		
		<dc:creator><![CDATA[Yoshi]]></dc:creator>
		<pubDate>Sun, 15 Feb 2026 02:11:00 +0000</pubDate>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[日本]]></category>
		<category><![CDATA[パソコン初期設定]]></category>
		<guid isPermaLink="false">https://yoooyooo8.jp/?p=1875</guid>

					<description><![CDATA[2026年最新版 パソコン買ったらまずすることリスト完全版 初期設定から必須アプリまで、セキュリティ専門家が教える新しいパソコンのセットアップ手順を徹底解説します この記事の要点 セキュリティ設定は購入後24時間以内に完 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<!-- パソコン買ったらまずすることリスト完全版 - 冒頭部分 -->
<!-- 2026年最新パソコンスタイル -->

<style>
/* スコープ用プレフィックス: pc-setup-2026 */
.pc-setup-2026-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif;
    line-height: 1.8;
    color: #1a1a1a;
    width: 100%;
    margin: 0;
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
    padding: 30px 0;
}

/* 2026年PC風のヘッダーデザイン */
.pc-setup-2026-wrapper .pc-setup-2026-hero {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 60px 5%;
    border-radius: 0;
    margin: 30px 0 50px 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(102, 126, 234, 0.3);
    width: 100%;
}

.pc-setup-2026-wrapper .pc-setup-2026-hero::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 400px;
    height: 400px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    animation: pc-setup-2026-float 6s ease-in-out infinite;
}

.pc-setup-2026-wrapper .pc-setup-2026-hero::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    animation: pc-setup-2026-float 8s ease-in-out infinite reverse;
}

@keyframes pc-setup-2026-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
}

.pc-setup-2026-wrapper .pc-setup-2026-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
}

.pc-setup-2026-wrapper .pc-setup-2026-hero-badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.pc-setup-2026-wrapper .pc-setup-2026-hero h2 {
    font-size: 36px;
    font-weight: 800;
    margin: 20px 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    letter-spacing: -0.5px;
    color: #ffffff;
    background: none;
    background-color: transparent;
    padding: 0;
    border: none;
    box-shadow: none;
}

.pc-setup-2026-wrapper .pc-setup-2026-hero-description {
    font-size: 18px;
    opacity: 0.95;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 要点ボックス - ガラスモーフィズム風 */
.pc-setup-2026-key-points {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0;
    padding: 40px 5%;
    margin: 45px 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    position: relative;
    width: 100%;
}

.pc-setup-2026-key-points::before {
    content: '💡';
    font-size: 48px;
    position: absolute;
    top: -25px;
    left: 40px;
    background: white;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.pc-setup-2026-key-title {
    font-size: 24px;
    font-weight: 700;
    color: #667eea;
    margin-bottom: 25px;
    padding-left: 0;
}

.pc-setup-2026-key-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 15px;
}

.pc-setup-2026-key-item {
    display: flex;
    align-items: flex-start;
    padding: 15px 20px;
    background: white;
    border-radius: 12px;
    transition: all 0.3s ease;
    border-left: 4px solid #667eea;
}

.pc-setup-2026-key-item:hover {
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.15);
}

.pc-setup-2026-key-item::before {
    content: '✓';
    color: #667eea;
    font-weight: bold;
    font-size: 20px;
    margin-right: 15px;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: rgba(102, 126, 234, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 導入部分のスタイル */
.pc-setup-2026-intro {
    background: white;
    border-radius: 0;
    padding: 40px 5%;
    margin: 35px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    width: 100%;
}

.pc-setup-2026-intro p {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 20px;
    color: #2c3e50;
}

.pc-setup-2026-intro strong {
    color: #667eea;
    font-weight: 600;
}

/* 記事内容ボックス */
.pc-setup-2026-what-learn {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    border-radius: 0;
    padding: 35px 5%;
    margin: 35px 0;
    color: white;
    box-shadow: 0 10px 30px rgba(245, 87, 108, 0.3);
    width: 100%;
}

.pc-setup-2026-what-learn h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.pc-setup-2026-what-learn h3::before {
    content: '📚';
    font-size: 28px;
    margin-right: 12px;
}

.pc-setup-2026-learn-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
}

.pc-setup-2026-learn-item {
    padding: 12px 20px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    border-left: 3px solid white;
}

/* タイムライン風の所要時間表示 */
.pc-setup-2026-timeline {
    background: white;
    border-radius: 0;
    padding: 40px 5%;
    margin: 35px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    width: 100%;
}

.pc-setup-2026-timeline-title {
    font-size: 22px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.pc-setup-2026-timeline-title::before {
    content: '⏱️';
    font-size: 28px;
    margin-right: 12px;
}

.pc-setup-2026-timeline-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.pc-setup-2026-timeline-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 25px;
    border-radius: 15px;
    color: white;
    position: relative;
    overflow: hidden;
}

.pc-setup-2026-timeline-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transform: translate(30%, -30%);
}

.pc-setup-2026-timeline-card-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.pc-setup-2026-timeline-card-time {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

.pc-setup-2026-timeline-card-desc {
    font-size: 14px;
    opacity: 0.9;
    position: relative;
    z-index: 1;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .pc-setup-2026-wrapper {
        padding: 20px 0;
    }
    
    .pc-setup-2026-hero {
        padding: 40px 5%;
        margin: 20px 0 30px 0;
    }
    
    .pc-setup-2026-hero h2 {
        font-size: 28px;
    }
    
    .pc-setup-2026-hero-description {
        font-size: 16px;
    }
    
    .pc-setup-2026-key-points {
        padding: 30px 5%;
        margin: 30px 0;
    }
    
    .pc-setup-2026-section {
        padding: 30px 5%;
        margin: 30px 0;
    }
    
    .pc-setup-2026-intro {
        padding: 30px 5%;
        margin: 25px 0;
    }
    
    .pc-setup-2026-what-learn {
        padding: 25px 5%;
        margin: 25px 0;
    }
    
    .pc-setup-2026-timeline {
        padding: 30px 5%;
        margin: 25px 0;
    }
    
    .pc-setup-2026-toc {
        padding: 25px 5%;
        margin: 30px 0;
    }
    
    .pc-setup-2026-timeline-grid {
        grid-template-columns: 1fr;
    }
    
    .pc-setup-2026-image-wrapper {
        margin: 30px 0;
    }
}

/* アニメーション目次 */
.pc-setup-2026-toc {
    background: white;
    border-radius: 0;
    padding: 35px 5%;
    margin: 45px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 2px solid #e9ecef;
    width: 100%;
}

.pc-setup-2026-toc-title {
    font-size: 24px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 3px solid #667eea;
    display: flex;
    align-items: center;
}

.pc-setup-2026-toc-title::before {
    content: '📑';
    font-size: 28px;
    margin-right: 12px;
}

.pc-setup-2026-toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pc-setup-2026-toc-item {
    margin-bottom: 12px;
    transform: translateX(0);
    transition: all 0.3s ease;
}

.pc-setup-2026-toc-item:hover {
    transform: translateX(8px);
}

.pc-setup-2026-toc-link {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
    border-left: 4px solid #667eea;
    border-radius: 8px;
    text-decoration: none;
    color: #2c3e50;
    font-weight: 500;
    transition: all 0.3s ease;
}

.pc-setup-2026-toc-link:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.pc-setup-2026-toc-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
    border-radius: 50%;
    font-weight: 700;
    font-size: 14px;
    margin-right: 12px;
    transition: all 0.3s ease;
}

.pc-setup-2026-toc-link:hover .pc-setup-2026-toc-number {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.pc-setup-2026-toc-text {
    flex: 1;
}

.pc-setup-2026-toc-time {
    font-size: 12px;
    color: #6c757d;
    margin-left: 10px;
    transition: all 0.3s ease;
}

.pc-setup-2026-toc-link:hover .pc-setup-2026-toc-time {
    color: rgba(255, 255, 255, 0.9);
}

/* 画像スタイル */
.pc-setup-2026-image-wrapper {
    margin: 45px 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    width: 100%;
}

.pc-setup-2026-image {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 1200 / 800;
    object-fit: cover;
    background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
}

.pc-setup-2026-image-caption {
    background: white;
    padding: 15px 20px;
    font-size: 14px;
    color: #6c757d;
    text-align: center;
    font-style: italic;
    border-top: 2px solid #e9ecef;
}

/* セクション見出し(h2) */
.pc-setup-2026-wrapper .pc-setup-2026-section {
    background: white;
    border-radius: 0;
    padding: 40px 5%;
    margin: 45px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    width: 100%;
}

.pc-setup-2026-wrapper .pc-setup-2026-section h2 {
    font-size: 28px;
    font-weight: 800;
    color: #2c3e50;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 3px solid #667eea;
    display: flex;
    align-items: center;
    background: none;
    background-color: transparent;
    box-shadow: none;
}

.pc-setup-2026-wrapper .pc-setup-2026-section h2::before {
    content: '';
    width: 8px;
    height: 32px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 4px;
    margin-right: 15px;
}

.pc-setup-2026-time-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-left: auto;
}

.pc-setup-2026-time-badge::before {
    content: '⏱️';
    margin-right: 6px;
}

/* ステップカード */
.pc-setup-2026-step-grid {
    display: grid;
    gap: 20px;
    margin: 30px 0;
}

.pc-setup-2026-step-card {
    background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
    border-left: 4px solid #667eea;
    border-radius: 15px;
    padding: 25px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.pc-setup-2026-step-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
    border-radius: 50%;
    transform: translate(30%, -30%);
}

.pc-setup-2026-step-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
}

.pc-setup-2026-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 50%;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
}

.pc-setup-2026-step-title {
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 12px;
}

.pc-setup-2026-step-content {
    color: #555;
    line-height: 1.8;
    position: relative;
    z-index: 1;
}

.pc-setup-2026-step-content p {
    margin-bottom: 12px;
}

/* 注意ボックス */
.pc-setup-2026-notice {
    background: linear-gradient(135deg, #fff3cd 0%, #ffe8a1 100%);
    border-left: 4px solid #ffc107;
    border-radius: 12px;
    padding: 20px 25px;
    margin: 20px 0;
    display: flex;
    align-items: flex-start;
}

.pc-setup-2026-notice::before {
    content: '⚠️';
    font-size: 24px;
    margin-right: 15px;
    flex-shrink: 0;
}

.pc-setup-2026-notice-content {
    color: #856404;
    line-height: 1.7;
}

.pc-setup-2026-notice-content strong {
    color: #664d03;
    font-weight: 600;
}

/* ヒントボックス */
.pc-setup-2026-tip {
    background: linear-gradient(135deg, #d1ecf1 0%, #b8e2ec 100%);
    border-left: 4px solid #17a2b8;
    border-radius: 12px;
    padding: 20px 25px;
    margin: 20px 0;
    display: flex;
    align-items: flex-start;
}

.pc-setup-2026-tip::before {
    content: '💡';
    font-size: 24px;
    margin-right: 15px;
    flex-shrink: 0;
}

.pc-setup-2026-tip-content {
    color: #0c5460;
    line-height: 1.7;
}

/* チェックリスト */
.pc-setup-2026-checklist {
    background: white;
    border-radius: 15px;
    padding: 25px;
    margin: 25px 0;
    border: 2px solid #e9ecef;
}

.pc-setup-2026-checklist-title {
    font-size: 18px;
    font-weight: 700;
    color: #667eea;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.pc-setup-2026-checklist-title::before {
    content: '✅';
    font-size: 24px;
    margin-right: 10px;
}

.pc-setup-2026-checklist-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pc-setup-2026-checklist-item {
    padding: 12px 0;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
}

.pc-setup-2026-checklist-item:last-child {
    border-bottom: none;
}

.pc-setup-2026-checklist-item::before {
    content: '☐';
    font-size: 20px;
    color: #667eea;
    margin-right: 12px;
    flex-shrink: 0;
}

/* OS別タブ風デザイン */
.pc-setup-2026-os-tabs {
    margin: 25px 0;
}

.pc-setup-2026-tab-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.pc-setup-2026-tab-btn {
    flex: 1;
    padding: 12px 20px;
    background: #f8f9fa;
    border: 2px solid #dee2e6;
    border-radius: 10px;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
}

.pc-setup-2026-tab-btn.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: #667eea;
    color: white;
}

.pc-setup-2026-tab-content {
    background: #f8f9fa;
    border-radius: 15px;
    padding: 25px;
}

/* アクセシビリティ */
.pc-setup-2026-wrapper *:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

.pc-setup-2026-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
</style>

<div class="pc-setup-2026-wrapper">
    <!-- ヒーローセクション -->
    <div class="pc-setup-2026-hero" role="banner">
        <div class="pc-setup-2026-hero-content">
            <div class="pc-setup-2026-hero-badge">2026年最新版</div>
            <h2>パソコン買ったらまずすることリスト完全版</h2>
            <p class="pc-setup-2026-hero-description">初期設定から必須アプリまで、セキュリティ専門家が教える新しいパソコンのセットアップ手順を徹底解説します</p>
        </div>
    </div>

    <!-- この記事の要点 -->
    <div class="pc-setup-2026-key-points" role="region" aria-labelledby="key-points-title">
        <h3 id="key-points-title" class="pc-setup-2026-key-title">この記事の要点</h3>
        <ul class="pc-setup-2026-key-list">
            <li class="pc-setup-2026-key-item">
                <span>セキュリティ設定は購入後24時間以内に完了させることが重要</span>
            </li>
            <li class="pc-setup-2026-key-item">
                <span>不要なプリインストールアプリは削除してパフォーマンスを最適化</span>
            </li>
            <li class="pc-setup-2026-key-item">
                <span>バックアップ設定は最優先事項、データ消失を防ぐための必須対策</span>
            </li>
            <li class="pc-setup-2026-key-item">
                <span>Windows UpdateとMicrosoft Defenderの設定が基本セキュリティの要</span>
            </li>
            <li class="pc-setup-2026-key-item">
                <span>個人情報を守るプライバシー設定も初期段階で実施すべき</span>
            </li>
        </ul>
    </div>

    <!-- 導入部分 -->
    <div class="pc-setup-2026-intro" role="article">
        <p>新しいパソコンを購入したとき、「何から始めればいいのか分からない」と感じる方は少なくありません。電源を入れて初期設定を進めるだけでは、<strong>セキュリティリスクやパフォーマンスの問題</strong>を抱えたまま使い続けることになります。</p>

        <p>実際、セキュリティ設定を適切に行わなかったために、わずか数日でマルウェアに感染してしまったケースや、バックアップ設定を怠ったために重要なデータを失ってしまったケースは後を絶ちません。</p>

        <p>この記事では、パソコンのセキュリティとパフォーマンスを最適化するために、<strong>購入後24時間以内に実施すべき設定</strong>を、優先度順に解説します。Windows・Mac両方に対応し、合計2〜3時間で完了できる内容にまとめました。</p>

        <p>実際に役立つ設定だけを厳選し、不要な作業は省いています。効率的に新しいパソコンを使い始められるよう、手順を分かりやすく解説していきます。</p>
    </div>

    <!-- 目次 -->
    <nav class="pc-setup-2026-toc" role="navigation" aria-label="目次">
        <h3 class="pc-setup-2026-toc-title">目次</h3>
        <ul class="pc-setup-2026-toc-list">
            <li class="pc-setup-2026-toc-item">
                <a href="#unboxing" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">1</span>
                    <span class="pc-setup-2026-toc-text">開封から起動まで</span>
                    <span class="pc-setup-2026-toc-time">10分</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#initial-setup" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">2</span>
                    <span class="pc-setup-2026-toc-text">初期セットアップの基本</span>
                    <span class="pc-setup-2026-toc-time">30分</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#security" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">3</span>
                    <span class="pc-setup-2026-toc-text">最優先:セキュリティ設定</span>
                    <span class="pc-setup-2026-toc-time">20分</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#remove-apps" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">4</span>
                    <span class="pc-setup-2026-toc-text">不要アプリの削除</span>
                    <span class="pc-setup-2026-toc-time">15分</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#essential-apps" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">5</span>
                    <span class="pc-setup-2026-toc-text">必須アプリのインストール</span>
                    <span class="pc-setup-2026-toc-time">30分</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#backup" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">6</span>
                    <span class="pc-setup-2026-toc-text">バックアップ設定</span>
                    <span class="pc-setup-2026-toc-time">20分</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#privacy" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">7</span>
                    <span class="pc-setup-2026-toc-text">プライバシー保護設定</span>
                    <span class="pc-setup-2026-toc-time">15分</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#comfort" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">8</span>
                    <span class="pc-setup-2026-toc-text">快適に使うための設定</span>
                    <span class="pc-setup-2026-toc-time">20分</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#data-migration" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">9</span>
                    <span class="pc-setup-2026-toc-text">データ移行(旧PCから)</span>
                    <span class="pc-setup-2026-toc-time">60分</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#unnecessary" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">10</span>
                    <span class="pc-setup-2026-toc-text">やらなくていいこと</span>
                    <span class="pc-setup-2026-toc-time">&#8211;</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#faq" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">?</span>
                    <span class="pc-setup-2026-toc-text">よくある質問(FAQ)</span>
                    <span class="pc-setup-2026-toc-time">&#8211;</span>
                </a>
            </li>
            <li class="pc-setup-2026-toc-item">
                <a href="#summary" class="pc-setup-2026-toc-link">
                    <span class="pc-setup-2026-toc-number">✓</span>
                    <span class="pc-setup-2026-toc-text">まとめ</span>
                    <span class="pc-setup-2026-toc-time">&#8211;</span>
                </a>
            </li>
        </ul>
    </nav>

    <!-- 画像1: セキュリティ設定 -->
    <div class="pc-setup-2026-image-wrapper">
        <img width="1200" height="800" decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/02/Security-settings-screen.jpg" alt="Windows Updateとセキュリティ設定画面のスクリーンショット" class="pc-setup-2026-image" loading="lazy">
        <div class="pc-setup-2026-image-caption">Windows Defenderの有効化とWindows Updateの実行画面</div>
    </div>

    <!-- この記事で分かること -->
    <div class="pc-setup-2026-what-learn" role="complementary" aria-labelledby="what-learn-title">
        <h3 id="what-learn-title">この記事で分かること</h3>
        <ul class="pc-setup-2026-learn-list">
            <li class="pc-setup-2026-learn-item">セキュリティを最優先した初期設定の正しい手順</li>
            <li class="pc-setup-2026-learn-item">削除すべきプリインストールアプリと残すべきアプリの見分け方</li>
            <li class="pc-setup-2026-learn-item">本当に必要な必須アプリとその選び方</li>
            <li class="pc-setup-2026-learn-item">データ消失を防ぐバックアップ設定の具体的方法</li>
            <li class="pc-setup-2026-learn-item">プライバシーを守るための設定項目</li>
            <li class="pc-setup-2026-learn-item">旧パソコンからのデータ移行手順</li>
            <li class="pc-setup-2026-learn-item">実は不要な作業とその理由</li>
        </ul>
    </div>

    <!-- 所要時間の目安 -->
    <div class="pc-setup-2026-timeline" role="region" aria-labelledby="timeline-title">
        <h3 id="timeline-title" class="pc-setup-2026-timeline-title">作業時間の目安</h3>
        <div class="pc-setup-2026-timeline-grid">
            <div class="pc-setup-2026-timeline-card">
                <div class="pc-setup-2026-timeline-card-title">最優先作業</div>
                <div class="pc-setup-2026-timeline-card-time">60分</div>
                <div class="pc-setup-2026-timeline-card-desc">セキュリティ設定とバックアップ</div>
            </div>
            <div class="pc-setup-2026-timeline-card">
                <div class="pc-setup-2026-timeline-card-title">基本設定</div>
                <div class="pc-setup-2026-timeline-card-time">45分</div>
                <div class="pc-setup-2026-timeline-card-desc">アプリ削除と必須アプリ導入</div>
            </div>
            <div class="pc-setup-2026-timeline-card">
                <div class="pc-setup-2026-timeline-card-title">快適性向上</div>
                <div class="pc-setup-2026-timeline-card-time">30分</div>
                <div class="pc-setup-2026-timeline-card-desc">プライバシーと使いやすさの設定</div>
            </div>
            <div class="pc-setup-2026-timeline-card">
                <div class="pc-setup-2026-timeline-card-title">データ移行</div>
                <div class="pc-setup-2026-timeline-card-time">60分</div>
                <div class="pc-setup-2026-timeline-card-desc">旧PCからのデータ引き継ぎ</div>
            </div>
        </div>
    </div>

    <!-- セクション1: 開封から起動まで -->
    <div class="pc-setup-2026-section" id="unboxing">
        <h2>
            開封から起動まで
            <span class="pc-setup-2026-time-badge">10分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">パソコンの開封から初回起動までは、慎重に行う必要があります。この段階での確認を怠ると、後々トラブルの原因になることがあります。</p>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">開封時の確認事項</div>
                <div class="pc-setup-2026-step-content">
                    <p>箱を開ける前に、外箱に破損や濡れた跡がないか確認してください。配送中のダメージがある場合、内部の機器にも影響がある可能性があります。</p>
                    <p>開封後は、付属品がすべて揃っているか確認します。電源アダプター、ケーブル類、保証書、説明書などが基本的な付属品です。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">本体の外観チェック</div>
                <div class="pc-setup-2026-step-content">
                    <p>パソコン本体を取り出したら、ディスプレイやキーボード、筐体に傷や凹みがないか確認してください。初期不良は購入後すぐに報告することで、スムーズに交換対応してもらえます。</p>
                    <p>特にディスプレイの液晶パネルは、ドット抜けや色ムラがないか明るい場所で確認しましょう。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">電源接続と初回起動</div>
                <div class="pc-setup-2026-step-content">
                    <p>電源アダプターを接続する際は、必ず<strong>純正の付属品を使用</strong>してください。互換品を使用すると、故障や火災の原因になることがあります。</p>
                    <p>ノートパソコンの場合、初回起動時はバッテリー充電のため、電源アダプターを接続した状態で起動することを推奨します。</p>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>初期不良の確認期限に注意:</strong> 多くのメーカーでは、購入後7〜14日以内の初期不良のみ無償交換対応となります。開封後はできるだけ早く動作確認を行いましょう。
            </div>
        </div>

        <div class="pc-setup-2026-checklist">
            <div class="pc-setup-2026-checklist-title">開封時チェックリスト</div>
            <ul class="pc-setup-2026-checklist-items">
                <li class="pc-setup-2026-checklist-item">外箱に破損がないか確認</li>
                <li class="pc-setup-2026-checklist-item">付属品が全て揃っているか確認</li>
                <li class="pc-setup-2026-checklist-item">本体に傷や凹みがないか確認</li>
                <li class="pc-setup-2026-checklist-item">ディスプレイのドット抜けチェック</li>
                <li class="pc-setup-2026-checklist-item">純正電源アダプターで接続</li>
            </ul>
        </div>
    </div>

    <!-- セクション2: 初期セットアップの基本 -->
    <div class="pc-setup-2026-section" id="initial-setup">
        <h2>
            初期セットアップの基本
            <span class="pc-setup-2026-time-badge">30分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">初回起動後は、OSの初期セットアップ画面が表示されます。ここでの設定が今後のセキュリティとプライバシーに大きく影響します。</p>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">言語・地域・キーボード設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>最初に言語、地域(日本)、キーボードレイアウト(日本語)を選択します。これらは後から変更可能ですが、初期段階で正確に設定しておくことで、以降の作業がスムーズになります。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">Wi-Fi接続の設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>Wi-Fiネットワークに接続する際は、必ず<strong>自分が管理するネットワーク</strong>または信頼できるネットワークを選択してください。公共Wi-Fiでの初期設定は避けましょう。</p>
                    <p>有線LANが利用できる環境であれば、初期設定時はより安全な有線接続を推奨します。</p>
                    <p style="margin-top: 10px;"><strong>自宅ルータのセキュリティ:</strong> ご家庭のWi-Fiルータは、暗号化方式がWPA3またはWPA2-AES(WPA2-Personal)になっていることを確認してください。古いWEPやWPAは脆弱性があるため使用を避けましょう。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">Microsoftアカウント / Apple IDの作成</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>Windows:</strong> Microsoftアカウントでのサインインが推奨されます。OneDriveとの連携やアプリの同期が可能になります。</p>
                    <p><strong>Mac:</strong> Apple IDを設定することで、iCloud、App Store、その他のAppleサービスにアクセスできます。</p>
                    <p>既存のアカウントがある場合はそれを使用し、ない場合は強固なパスワードで新規作成してください。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">プライバシー設定の初期選択</div>
                <div class="pc-setup-2026-step-content">
                    <p>初期セットアップ中に表示されるプライバシー設定は、<strong>すべて「いいえ」または「オフ」を選択</strong>することを推奨します。</p>
                    <p>具体的には以下の項目です:</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>位置情報の送信</li>
                        <li>診断データの送信</li>
                        <li>広告識別子の使用</li>
                        <li>音声認識データの送信</li>
                        <li>手書き入力データの送信</li>
                    </ul>
                    <p style="margin-top: 10px;">必要な機能は後から個別に有効化できるため、初期段階では最小限の情報共有に留めるべきです。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">不要な同期設定をオフにする</div>
                <div class="pc-setup-2026-step-content">
                    <p>MicrosoftアカウントやApple IDでサインインすると、デフォルトで多くの項目が自動同期される設定になっています。</p>
                    <p>必要なもの以外は同期をオフにすることで、プライバシーを保護し、ストレージ容量も節約できます。</p>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>ローカルアカウントという選択肢:</strong> Windowsの場合、ローカルアカウントでのセットアップも可能です。Microsoftアカウントを使用したくない場合は、「オフライン アカウント」または「制限されたセットアップ」を選択してください。ただし、Windows Storeやクラウド同期などの一部機能が制限されます。
            </div>
        </div>

        <div class="pc-setup-2026-os-tabs">
            <div class="pc-setup-2026-tab-buttons">
                <div class="pc-setup-2026-tab-btn active">Windows設定のポイント</div>
                <div class="pc-setup-2026-tab-btn">Mac設定のポイント</div>
            </div>
            <div class="pc-setup-2026-tab-content">
                <p><strong>Windows 11の場合:</strong></p>
                <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                    <li>「このデバイスを使うユーザーはだれですか?」でメールアドレスを入力しない場合、ローカルアカウントを作成できます</li>
                    <li>Cortanaの使用は「今はスキップ」を選択</li>
                    <li>「OneDriveでファイルをバックアップ」は後から設定可能なので、初期段階ではスキップ推奨</li>
                    <li>Microsoft 365の試用版は不要な場合は「後で」を選択</li>
                </ul>
                <p style="margin-top: 15px;"><strong>Mac (macOS)の場合:</strong></p>
                <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                    <li>FileVaultの暗号化は必ず有効化(セキュリティ向上)</li>
                    <li>iCloudキーチェーンは後から設定可能</li>
                    <li>Siriは不要な場合は「後で設定」を選択</li>
                    <li>解析データの共有は「いいえ」を推奨</li>
                </ul>
            </div>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>セットアップ中は電源を切らない:</strong> 初期セットアップ中にパソコンの電源を切ると、システムが破損する可能性があります。完了するまで電源アダプターを接続したままにし、シャットダウンしないよう注意してください。
            </div>
        </div>
    </div>

    <!-- セクション3: 最優先:セキュリティ設定 -->
    <div class="pc-setup-2026-section" id="security">
        <h2>
            最優先:セキュリティ設定
            <span class="pc-setup-2026-time-badge">20分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">初期セットアップが完了したら、<strong>最優先でセキュリティ設定</strong>を行います。この作業を怠ると、インターネット接続した瞬間からサイバー攻撃のリスクに晒されることになります。</p>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>セキュリティ設定は24時間以内に:</strong> 新しいパソコンをインターネットに接続する前に、必ずセキュリティ設定を完了させてください。未保護の状態でのネット接続は、マルウェア感染のリスクを高めます。
            </div>
        </div>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">Windows Update / macOSアップデートの実行</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>Windows 11の場合:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「Windows Update」を開く</li>
                        <li>「更新プログラムのチェック」をクリック</li>
                        <li>利用可能な更新がある場合は「ダウンロードしてインストール」を実行</li>
                        <li>再起動が必要な場合は必ず再起動する</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>macOSの場合:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「一般」→「ソフトウェアアップデート」を開く</li>
                        <li>「今すぐアップデート」をクリック</li>
                        <li>管理者パスワードを入力してインストール</li>
                        <li>必要に応じて再起動</li>
                    </ol>
                    <p style="margin-top: 15px;">OSアップデートには、セキュリティパッチが含まれています。これを適用しないまま使用すると、既知の脆弱性を狙った攻撃を受けるリスクがあります。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">Microsoft Defender / XProtectの有効化確認</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>Windows 11の場合:</strong></p>
                    <p>Windows 11には<strong>Microsoft Defender</strong>が標準搭載されており、通常は自動的に有効になっています。以下の手順で確認してください。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「プライバシーとセキュリティ」→「Windowsセキュリティ」を開く</li>
                        <li>「ウイルスと脅威の防止」をクリック</li>
                        <li>「リアルタイム保護」が「オン」になっていることを確認</li>
                        <li>「クラウド提供の保護」も「オン」に設定</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>macOSの場合:</strong></p>
                    <p>macOSには<strong>XProtect</strong>と<strong>Gatekeeper</strong>が標準搭載されています。これらは自動的に動作しますが、以下を確認してください。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「プライバシーとセキュリティ」を開く</li>
                        <li>「App Storeと確認済みの開発元からのアプリケーションを許可」が選択されていることを確認</li>
                        <li>FileVault(ディスク暗号化)が有効になっていることを確認</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">ファイアウォールの設定</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>Windows 11の場合:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「プライバシーとセキュリティ」→「Windowsセキュリティ」</li>
                        <li>「ファイアウォールとネットワーク保護」をクリック</li>
                        <li>「ドメインネットワーク」「プライベートネットワーク」「パブリックネットワーク」すべてで「オン」を確認</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>macOSの場合:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「ネットワーク」→「ファイアウォール」を開く</li>
                        <li>ファイアウォールを「オン」に設定</li>
                        <li>「ステルスモードを有効にする」にチェック(推奨)</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">パスワード管理の基本設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>強固なパスワード管理は、セキュリティの基本です。以下のルールを守ってください。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>12文字以上</strong>の長さを確保</li>
                        <li>大文字・小文字・数字・記号を組み合わせる</li>
                        <li>辞書に載っている単語や個人情報(生年月日、名前など)は使用しない</li>
                        <li>サービスごとに異なるパスワードを使用</li>
                    </ul>
                    <p style="margin-top: 15px;"><strong>パスワードマネージャーの導入を推奨:</strong></p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>Windows: Microsoft Authenticatorまたは1Password、Bitwarden</li>
                        <li>Mac: iCloudキーチェーンまたは1Password、Bitwarden</li>
                    </ul>
                    <p style="margin-top: 10px;">パスワードマネージャーを使用すれば、複雑なパスワードを記憶する必要がなく、安全性が大幅に向上します。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">2段階認証の設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>Microsoftアカウント(Windows)またはApple ID(Mac)には、必ず<strong>2段階認証</strong>を設定してください。</p>
                    <p style="margin-top: 10px;"><strong>認証方法の選択:</strong> 2段階認証には、SMS(ショートメッセージ)と認証アプリの2種類がありますが、<strong>認証アプリを優先</strong>してください。SMSはSIMスワップ攻撃などのリスクがあるため、Microsoft Authenticator、Google Authenticator、Authyなどの認証アプリの方が安全です。</p>
                    <p style="margin-top: 10px;"><strong>Microsoftアカウントの場合:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>account.microsoft.comにアクセス</li>
                        <li>「セキュリティ」→「2段階認証」を開く</li>
                        <li>「有効にする」をクリックして設定</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Apple IDの場合:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「Apple ID」を開く</li>
                        <li>「パスワードとセキュリティ」をクリック</li>
                        <li>「2ファクタ認証を有効にする」を選択</li>
                    </ol>
                    <p style="margin-top: 10px;">2段階認証を設定することで、パスワードが漏洩しても第三者による不正アクセスを防げます。</p>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>有料セキュリティソフトは必要?</strong> Windows 10以降、Microsoft Defenderの性能は大幅に向上しており、一般的な使用であれば追加のセキュリティソフトは不要です。独立機関のテストでも、Microsoft Defenderは有料ソフトと同等の保護性能を発揮しています。macOSも同様に、標準のセキュリティ機能で十分な保護が得られます。
            </div>
        </div>

        <div class="pc-setup-2026-checklist">
            <div class="pc-setup-2026-checklist-title">セキュリティ設定チェックリスト</div>
            <ul class="pc-setup-2026-checklist-items">
                <li class="pc-setup-2026-checklist-item">Windows Update / macOSアップデートを最新に更新</li>
                <li class="pc-setup-2026-checklist-item">Microsoft Defender / XProtectが有効化されていることを確認</li>
                <li class="pc-setup-2026-checklist-item">ファイアウォールをすべてのネットワークで有効化</li>
                <li class="pc-setup-2026-checklist-item">強固なパスワードを設定(12文字以上)</li>
                <li class="pc-setup-2026-checklist-item">パスワードマネージャーの導入を検討</li>
                <li class="pc-setup-2026-checklist-item">Microsoftアカウント / Apple IDで2段階認証を有効化</li>
            </ul>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>フィッシング詐欺に注意:</strong> セットアップ直後は、偽のセキュリティ警告や有料ソフトの購入を促すポップアップが表示されることがあります。公式のWindowsセキュリティやAppleのシステム設定以外からの警告は、詐欺の可能性が高いため無視してください。
            </div>
        </div>
    </div>

    <!-- セクション4: 不要アプリの削除 -->
    <div class="pc-setup-2026-section" id="remove-apps">
        <h2>
            不要アプリの削除
            <span class="pc-setup-2026-time-badge">15分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">新しいパソコンには、メーカーが独自にインストールした<strong>プリインストールアプリ</strong>が多数含まれています。これらの多くは実際には使用せず、パフォーマンスを低下させる原因となります。</p>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>ブロートウェアとは?</strong> プリインストールされた不要なソフトウェアを「ブロートウェア」と呼びます。これらは起動時に自動実行され、メモリやCPUリソースを消費し、パソコンの動作を遅くします。メーカーは広告収入やパートナーシップのためにこれらをインストールしていますが、ユーザーにとっては不要なものがほとんどです。
            </div>
        </div>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">削除していいアプリの見分け方</div>
                <div class="pc-setup-2026-step-content">
                    <p>以下のカテゴリーに該当するアプリは、削除しても問題ありません。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>試用版セキュリティソフト:</strong> Norton、McAfee、ウイルスバスターの体験版など</li>
                        <li><strong>メーカー独自のユーティリティ:</strong> PC Health Check、システム最適化ツールなど</li>
                        <li><strong>ゲーム:</strong> Candy Crush、ソリティアなどの広告付きゲーム</li>
                        <li><strong>使わないOfficeの試用版:</strong> Microsoft 365の体験版(既に購入済みの場合を除く)</li>
                        <li><strong>重複する機能のアプリ:</strong> 複数のメディアプレーヤーやブラウザなど</li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">削除してはいけないアプリ</div>
                <div class="pc-setup-2026-step-content">
                    <p>以下のアプリは<strong>削除しないでください</strong>。システムの動作に必要な可能性があります。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>ドライバー関連:</strong> Intel、AMD、NVIDIAのグラフィックドライバーなど</li>
                        <li><strong>Microsoft製の標準アプリ:</strong> Microsoft Store、Microsoft Edge、Windows Terminalなど</li>
                        <li><strong>ハードウェア制御ソフト:</strong> タッチパッド設定、キーボードバックライト制御など</li>
                        <li><strong>システムコンポーネント:</strong> Visual C++ Redistributable、.NET Frameworkなど</li>
                        <li><strong>メーカーのサポートツール:</strong> ドライバーアップデートツール、ハードウェア診断ツールなど</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>重要:</strong> メーカー独自のツール(例: Dell SupportAssist、HP Support Assistantなど)は、リカバリ、BIOS更新、専用キー制御に使われている場合があります。削除前に必ず「機種名 + アプリ名」で検索して、そのアプリの役割を確認してください。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">Windowsでのアプリ削除手順</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>方法1: 設定から削除(推奨)</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「アプリ」→「インストールされているアプリ」を開く</li>
                        <li>削除したいアプリを見つけて「…」(三点リーダー)をクリック</li>
                        <li>「アンインストール」を選択</li>
                        <li>確認画面で再度「アンインストール」をクリック</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>方法2: コントロールパネルから削除</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「コントロールパネル」→「プログラムのアンインストール」を開く</li>
                        <li>削除したいアプリを右クリック</li>
                        <li>「アンインストール」を選択</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">Macでのアプリ削除手順</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>方法1: Finderから削除</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>Finderを開き、「アプリケーション」フォルダに移動</li>
                        <li>削除したいアプリをゴミ箱にドラッグ</li>
                        <li>ゴミ箱を空にする</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>方法2: Launchpadから削除</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>Launchpadを開く(F4キーまたはトラックパッドで4本指ピンチ)</li>
                        <li>削除したいアプリを長押し</li>
                        <li>アイコンが揺れ始めたら「×」ボタンをクリック</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>完全削除にはアンインストーラーを使用:</strong></p>
                    <p style="margin-top: 5px;">一部のアプリは、関連ファイルが複数の場所に分散しています。AppCleaner(無料)などのアンインストーラーを使用すると、関連ファイルも含めて完全に削除できます。</p>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>削除前に確認:</strong> アプリ名で検索して、そのアプリが何をするものか確認してから削除してください。不明なアプリを削除すると、システムが正常に動作しなくなる可能性があります。特に「Microsoft」「Intel」「AMD」「NVIDIA」で始まるアプリは慎重に判断してください。
            </div>
        </div>

        <div class="pc-setup-2026-checklist">
            <div class="pc-setup-2026-checklist-title">削除推奨アプリの例(Windows)</div>
            <ul class="pc-setup-2026-checklist-items">
                <li class="pc-setup-2026-checklist-item">McAfee LiveSafe(体験版)</li>
                <li class="pc-setup-2026-checklist-item">Norton Security(体験版)</li>
                <li class="pc-setup-2026-checklist-item">Candy Crush Saga</li>
                <li class="pc-setup-2026-checklist-item">Disney+</li>
                <li class="pc-setup-2026-checklist-item">メーカー独自のサポートセンターアプリ(使わない場合)</li>
                <li class="pc-setup-2026-checklist-item">試用版Officeアプリ(既に所有している場合)</li>
            </ul>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>スタートアップアプリの無効化も重要:</strong> アプリを削除しない場合でも、起動時に自動実行されるアプリを無効化することで、パソコンの起動速度を改善できます。Windowsの場合は「タスクマネージャー」→「スタートアップ」タブから、Macの場合は「システム設定」→「一般」→「ログイン項目」から設定できます。
            </div>
        </div>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">削除後のクリーンアップ</div>
                <div class="pc-setup-2026-step-content">
                    <p>アプリを削除した後は、残存ファイルをクリーンアップすることで、ストレージ容量を回復できます。</p>
                    <p style="margin-top: 10px;"><strong>Windowsの場合:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「システム」→「ストレージ」を開く</li>
                        <li>「一時ファイル」をクリック</li>
                        <li>削除したいファイルの種類にチェックを入れる(「一時ファイル」「ダウンロード」など)</li>
                        <li>「ファイルの削除」をクリック</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Macの場合:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>Finderメニュー→「フォルダへ移動」を選択</li>
                        <li>「~/Library/Caches」と入力してEnter</li>
                        <li>不要なキャッシュフォルダを削除(慎重に)</li>
                        <li>ゴミ箱を空にする</li>
                    </ol>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>再インストールが必要になった場合:</strong> 誤って必要なアプリを削除してしまった場合でも、ほとんどのアプリはメーカーのサポートサイトから再ダウンロード可能です。削除前にメーカー名とアプリ名をメモしておくと安心です。
            </div>
        </div>
    </div>

    <!-- セクション5: 必須アプリのインストール -->
    <div class="pc-setup-2026-section" id="essential-apps">
        <h2>
            必須アプリのインストール
            <span class="pc-setup-2026-time-badge">30分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">不要なアプリを削除した後は、実際に使用する<strong>必須アプリ</strong>をインストールします。ここでは、一般的な用途で必要になる基本アプリを紹介します。</p>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>公式サイトからダウンロード:</strong> アプリは必ず公式サイトまたは公式ストア(Microsoft Store、Mac App Store)からダウンロードしてください。サードパーティのダウンロードサイトには、マルウェアが含まれているリスクがあります。
            </div>
        </div>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">ブラウザ</div>
                <div class="pc-setup-2026-step-content">
                    <p>Webブラウザは最も使用頻度の高いアプリです。以下のいずれかを選択してください。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>Google Chrome:</strong> 最も普及しているブラウザ。拡張機能が豊富で、Googleサービスとの連携が強力</li>
                        <li><strong>Microsoft Edge:</strong> Windows標準搭載。Chromiumベースで高速、メモリ使用量がChromeより少ない</li>
                        <li><strong>Mozilla Firefox:</strong> プライバシー重視のブラウザ。トラッキング防止機能が標準搭載</li>
                        <li><strong>Brave:</strong> 広告ブロック標準搭載、プライバシー保護に特化</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>ダウンロード先:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>Chrome: google.com/chrome</li>
                        <li>Edge: 標準搭載(Windows)</li>
                        <li>Firefox: mozilla.org/firefox</li>
                        <li>Brave: brave.com</li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">圧縮・解凍ソフト</div>
                <div class="pc-setup-2026-step-content">
                    <p>ZIPファイルやRARファイルの圧縮・解凍に必要です。</p>
                    <p style="margin-top: 10px;"><strong>Windows:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>7-Zip(推奨):</strong> 無料、オープンソース、多形式対応</li>
                        <li>ダウンロード: 7-zip.org</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>Mac:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>The Unarchiver(推奨):</strong> 無料、Mac App Storeから入手可能</li>
                        <li><strong>Keka:</strong> 有料だが高機能、圧縮形式が豊富</li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">PDF閲覧・編集ソフト</div>
                <div class="pc-setup-2026-step-content">
                    <p>PDF文書の閲覧や簡単な編集に必要です。</p>
                    <p style="margin-top: 10px;"><strong>Windows:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>Microsoft Edge:</strong> 標準搭載、基本的な閲覧には十分</li>
                        <li><strong>Adobe Acrobat Reader:</strong> 無料、高度な機能が必要な場合</li>
                        <li><strong>Foxit Reader:</strong> 軽量で動作が速い</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>Mac:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>プレビュー:</strong> 標準搭載、簡単な編集も可能</li>
                        <li><strong>PDF Expert:</strong> 有料だが高機能、注釈や編集が充実</li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">クラウドストレージ</div>
                <div class="pc-setup-2026-step-content">
                    <p>ファイルのバックアップと複数デバイス間での同期に必須です。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>Google Drive:</strong> 無料15GB、Googleアカウントで使用可能</li>
                        <li><strong>OneDrive:</strong> 無料5GB、Microsoftアカウントで使用可能、Windows統合</li>
                        <li><strong>Dropbox:</strong> 無料2GB、シンプルで使いやすい</li>
                        <li><strong>iCloud Drive:</strong> 無料5GB、Mac/iPhone連携に最適</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>推奨:</strong> 無料容量が最も大きいGoogle Drive、またはWindowsユーザーはOneDrive、MacユーザーはiCloud Driveが便利です。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">メディアプレーヤー</div>
                <div class="pc-setup-2026-step-content">
                    <p>動画や音楽ファイルの再生に必要です。</p>
                    <p style="margin-top: 10px;"><strong>Windows:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>VLC Media Player(推奨):</strong> 無料、ほぼ全ての動画・音声形式に対応</li>
                        <li>ダウンロード: videolan.org</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>Mac:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>VLC Media Player:</strong> 無料、多形式対応</li>
                        <li><strong>IINA:</strong> macOS専用、モダンなUIで使いやすい</li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">6</div>
                <div class="pc-setup-2026-step-title">パスワードマネージャー</div>
                <div class="pc-setup-2026-step-content">
                    <p>複数のパスワードを安全に管理するために必須です。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>Bitwarden(推奨):</strong> 無料、オープンソース、クロスプラットフォーム対応</li>
                        <li><strong>1Password:</strong> 有料だが高機能、家族プランあり</li>
                        <li><strong>LastPass:</strong> 無料プランあり、クロスデバイス対応</li>
                        <li><strong>Microsoft Authenticator:</strong> 無料、Microsoftアカウント連携</li>
                        <li><strong>iCloudキーチェーン:</strong> Mac/iPhone標準、Apple製品間で自動同期</li>
                    </ul>
                    <p style="margin-top: 10px;">パスワードマネージャーを使用することで、サービスごとに異なる強固なパスワードを簡単に管理できます。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">7</div>
                <div class="pc-setup-2026-step-title">オフィスソフト(必要に応じて)</div>
                <div class="pc-setup-2026-step-content">
                    <p>文書作成、表計算、プレゼンテーションが必要な場合。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>Microsoft 365:</strong> 有料サブスクリプション、Word/Excel/PowerPointなど</li>
                        <li><strong>LibreOffice(推奨):</strong> 無料、オープンソース、Microsoft Office互換</li>
                        <li><strong>Google Workspace:</strong> 無料、Webベース、リアルタイム共同編集</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>推奨:</strong> 無料で使いたい場合はLibreOfficeまたはGoogle Workspace、本格的に使うならMicrosoft 365を検討してください。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">8</div>
                <div class="pc-setup-2026-step-title">通信・コミュニケーションアプリ</div>
                <div class="pc-setup-2026-step-content">
                    <p>ビデオ会議やメッセージングに使用します。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>Zoom:</strong> ビデオ会議の定番</li>
                        <li><strong>Microsoft Teams:</strong> ビジネス用、Microsoft 365連携</li>
                        <li><strong>Slack:</strong> チームコミュニケーション</li>
                        <li><strong>Discord:</strong> 音声通話、画面共有</li>
                        <li><strong>LINE:</strong> 日本で最も普及しているメッセージアプリ</li>
                    </ul>
                    <p style="margin-top: 10px;">仕事や学校で指定されているアプリがある場合は、それを優先してインストールしてください。</p>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>インストール時の注意:</strong> アプリをインストールする際、「カスタムインストール」または「詳細設定」を選択し、不要なツールバーや追加ソフトがインストールされないよう注意してください。デフォルトの「推奨インストール」には、不要なソフトが含まれていることがあります。
            </div>
        </div>

        <div class="pc-setup-2026-checklist">
            <div class="pc-setup-2026-checklist-title">必須アプリインストールチェックリスト</div>
            <ul class="pc-setup-2026-checklist-items">
                <li class="pc-setup-2026-checklist-item">Webブラウザ(Chrome / Edge / Firefox / Brave)</li>
                <li class="pc-setup-2026-checklist-item">圧縮・解凍ソフト(7-Zip / The Unarchiver)</li>
                <li class="pc-setup-2026-checklist-item">PDF閲覧ソフト(Edge / プレビュー / Adobe Reader)</li>
                <li class="pc-setup-2026-checklist-item">クラウドストレージ(Google Drive / OneDrive / iCloud)</li>
                <li class="pc-setup-2026-checklist-item">メディアプレーヤー(VLC / IINA)</li>
                <li class="pc-setup-2026-checklist-item">パスワードマネージャー(Bitwarden / 1Password)</li>
                <li class="pc-setup-2026-checklist-item">オフィスソフト(LibreOffice / Microsoft 365)</li>
                <li class="pc-setup-2026-checklist-item">コミュニケーションアプリ(Zoom / Teams / LINE)</li>
            </ul>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>アプリの自動更新を有効化:</strong> インストール後は、各アプリの自動更新機能を有効にしてください。セキュリティパッチが自動的に適用され、常に最新の状態を保てます。Microsoft StoreやMac App Storeからインストールしたアプリは、自動的に更新されます。
            </div>
        </div>
    </div>

    <!-- 画像2: 必須アプリ一覧 -->
    <div class="pc-setup-2026-image-wrapper">
        <img width="1200" height="800" decoding="async" src="https://yoooyooo8.jp/wp-content/uploads/2026/02/List-of-essential-apps.jpg" alt="パソコン購入後にインストールすべき必須アプリ一覧" class="pc-setup-2026-image" loading="lazy">
        <div class="pc-setup-2026-image-caption">ブラウザ、セキュリティ、圧縮ソフトなど基本アプリのアイコン集</div>
    </div>

    <!-- セクション6: バックアップ設定 -->
    <div class="pc-setup-2026-section" id="backup">
        <h2>
            バックアップ設定
            <span class="pc-setup-2026-time-badge">20分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">バックアップ設定は、<strong>データ消失を防ぐための最も重要な対策</strong>です。ハードウェア故障、マルウェア感染、誤操作などでデータが失われる前に、必ず設定してください。</p>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>3-2-1ルール:</strong> データは3つのコピーを作成し、2つの異なるメディアに保存し、1つはオフサイト(クラウドなど)に保管することが推奨されます。これにより、あらゆる災害からデータを守ることができます。
            </div>
        </div>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">Windowsバックアップの設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>Windows 11には、複数のバックアップ機能が搭載されています。</p>
                    <p style="margin-top: 10px;"><strong>ファイル履歴(推奨):</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>外付けHDDまたはSSDを接続</li>
                        <li>「設定」→「システム」→「ストレージ」→「ストレージの詳細設定」→「バックアップオプション」を開く</li>
                        <li>「ドライブの追加」をクリックして外付けドライブを選択</li>
                        <li>「その他のオプション」で自動バックアップの頻度を設定(推奨: 1時間ごと)</li>
                        <li>バックアップ対象フォルダを確認(デスクトップ、ドキュメント、ピクチャなど)</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>システムイメージバックアップ:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「コントロールパネル」→「バックアップと復元(Windows 7)」を開く</li>
                        <li>「システムイメージの作成」をクリック</li>
                        <li>保存先(外付けHDD推奨)を選択</li>
                        <li>バックアップするドライブを選択してバックアップ開始</li>
                    </ol>
                    <p style="margin-top: 10px;">システムイメージは、OSごと完全にバックアップされるため、パソコンが起動しなくなった場合でも復元できます。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">Mac Time Machineの設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>macOSには<strong>Time Machine</strong>という強力なバックアップ機能が標準搭載されています。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>外付けHDDまたはSSDを接続(Mac専用にフォーマット推奨)</li>
                        <li>「このディスクをTime Machineのバックアップに使用しますか?」と表示されたら「バックアップディスクとして使用」をクリック</li>
                        <li>表示されない場合は「システム設定」→「一般」→「Time Machine」を開く</li>
                        <li>「バックアップディスクを追加」をクリックして外付けドライブを選択</li>
                        <li>「暗号化」にチェックを入れる(推奨)</li>
                        <li>「自動的にバックアップ」を有効化</li>
                    </ol>
                    <p style="margin-top: 10px;">Time Machineは1時間ごとに自動でバックアップを作成し、過去のファイルバージョンも復元できます。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">クラウドバックアップの併用</div>
                <div class="pc-setup-2026-step-content">
                    <p>ローカルバックアップに加えて、<strong>クラウドバックアップ</strong>も設定することで、火災や盗難などの物理的な災害からもデータを守れます。</p>
                    <p style="margin-top: 10px;"><strong>OneDrive(Windows推奨):</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「アカウント」→「Windowsのバックアップ」を開く</li>
                        <li>「OneDriveにファイルをバックアップする」を有効化</li>
                        <li>「フォルダーのバックアップを管理」でデスクトップ、ドキュメント、ピクチャを選択</li>
                        <li>自動同期が開始されます</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>iCloud Drive(Mac推奨):</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「Apple ID」→「iCloud」を開く</li>
                        <li>「iCloud Drive」を有効化</li>
                        <li>「デスクトップとドキュメントフォルダ」を有効化</li>
                        <li>必要に応じてストレージプランをアップグレード</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Google Drive(クロスプラットフォーム):</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>Google Driveデスクトップアプリをダウンロード・インストール</li>
                        <li>Googleアカウントでサインイン</li>
                        <li>「マイパソコン」でバックアップするフォルダを選択</li>
                        <li>自動同期が開始されます</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">復元ポイントの作成</div>
                <div class="pc-setup-2026-step-content">
                    <p>システムの復元ポイントは、設定変更やアプリインストール前の状態に戻すために重要です。</p>
                    <p style="margin-top: 10px;"><strong>Windows:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「コントロールパネル」→「システム」→「システムの保護」を開く</li>
                        <li>「作成」ボタンをクリック</li>
                        <li>復元ポイントの名前を入力(例: 初期セットアップ完了後)</li>
                        <li>「作成」をクリック</li>
                    </ol>
                    <p style="margin-top: 10px;">「システムの保護」が無効になっている場合は、「構成」ボタンから有効化してください。</p>
                    <p style="margin-top: 15px;"><strong>Mac:</strong></p>
                    <p style="margin-top: 5px;">macOSではTime Machineが同様の機能を提供します。Time Machineのスナップショットから任意の時点に復元可能です。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">バックアップの確認とテスト</div>
                <div class="pc-setup-2026-step-content">
                    <p>バックアップ設定後は、必ず<strong>正常に動作しているか確認</strong>してください。</p>
                    <p style="margin-top: 10px;"><strong>確認項目:</strong></p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>バックアップが自動的に実行されているか</li>
                        <li>バックアップ先に十分な空き容量があるか</li>
                        <li>重要なファイルがバックアップ対象に含まれているか</li>
                        <li>クラウド同期が正常に動作しているか</li>
                    </ul>
                    <p style="margin-top: 15px;"><strong>復元テスト:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>テスト用のファイルを作成</li>
                        <li>バックアップが完了するまで待つ</li>
                        <li>元のファイルを削除</li>
                        <li>バックアップから復元できるか確認</li>
                    </ol>
                    <p style="margin-top: 10px;">復元できない場合、バックアップ設定に問題がある可能性があるため、再設定してください。</p>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>外付けドライブの選び方:</strong> バックアップ用の外付けドライブは、内蔵ストレージの<strong>2倍以上の容量</strong>を推奨します。SSDは高速ですが高価、HDDは大容量で安価です。頻繁にバックアップを取る場合はSSD、大量のデータを長期保管する場合はHDDが適しています。
            </div>
        </div>

        <div class="pc-setup-2026-checklist">
            <div class="pc-setup-2026-checklist-title">バックアップ設定チェックリスト</div>
            <ul class="pc-setup-2026-checklist-items">
                <li class="pc-setup-2026-checklist-item">外付けHDD/SSDを準備(内蔵容量の2倍以上推奨)</li>
                <li class="pc-setup-2026-checklist-item">Windowsファイル履歴 / Mac Time Machineを設定</li>
                <li class="pc-setup-2026-checklist-item">自動バックアップを有効化(1時間ごと推奨)</li>
                <li class="pc-setup-2026-checklist-item">クラウドバックアップを併用(OneDrive / iCloud / Google Drive)</li>
                <li class="pc-setup-2026-checklist-item">システム復元ポイントを作成</li>
                <li class="pc-setup-2026-checklist-item">バックアップの動作確認と復元テスト実施</li>
            </ul>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>バックアップは「保険」です:</strong> データを失ってから後悔しても遅すぎます。バックアップ設定は面倒に感じるかもしれませんが、一度設定すれば自動で動作し続けます。大切な思い出や仕事のデータを守るために、必ず実施してください。
            </div>
        </div>
    </div>

    <!-- セクション6: バックアップ設定 -->
    <div class="pc-setup-2026-section" id="backup">
        <h2>
            バックアップ設定
            <span class="pc-setup-2026-time-badge">20分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">データのバックアップは、<strong>パソコンセットアップで最も重要な作業の一つ</strong>です。ハードウェア故障、マルウェア感染、誤操作によるデータ消失は、いつでも起こりえます。</p>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>3-2-1ルール:</strong> データバックアップの基本原則は「3-2-1ルール」です。データのコピーを3つ作成し、2つの異なるメディアに保存し、1つはオフサイト(クラウドや別の場所)に保管します。この方法で、あらゆるリスクからデータを保護できます。
            </div>
        </div>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">Windowsバックアップの設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>Windows 11には、標準でバックアップ機能が搭載されています。</p>
                    <p style="margin-top: 10px;"><strong>ファイル履歴を有効化:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>外付けHDDまたはUSBメモリをパソコンに接続</li>
                        <li>「設定」→「システム」→「ストレージ」→「ストレージの詳細設定」を開く</li>
                        <li>「バックアップオプション」をクリック</li>
                        <li>「ドライブの追加」で外付けドライブを選択</li>
                        <li>「ファイルのバックアップを自動的に実行」をオンに設定</li>
                        <li>「その他のオプション」でバックアップ頻度を設定(推奨: 1時間ごと)</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>システムイメージの作成:</strong></p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「コントロールパネル」→「バックアップと復元(Windows 7)」を開く</li>
                        <li>「システムイメージの作成」をクリック</li>
                        <li>保存先(外付けHDD)を選択</li>
                        <li>バックアップするドライブを選択して「バックアップの開始」</li>
                    </ol>
                    <p style="margin-top: 10px;">システムイメージを作成しておくと、OSごと完全に復元できるため、大規模な障害時に役立ちます。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">Time Machine(Mac)の設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>macOSには<strong>Time Machine</strong>という強力なバックアップ機能が標準搭載されています。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>外付けHDDをMacに接続</li>
                        <li>「このディスクをTime Machineのバックアップに使用しますか?」と表示されたら「バックアップディスクとして使用」をクリック</li>
                        <li>表示されない場合は「システム設定」→「一般」→「Time Machine」を開く</li>
                        <li>「バックアップディスクを追加」をクリックして外付けHDDを選択</li>
                        <li>「ディスクを暗号化」にチェック(推奨)</li>
                        <li>「バックアップを自動作成」をオンに設定</li>
                    </ol>
                    <p style="margin-top: 10px;">Time Machineは1時間ごとに自動バックアップを実行し、過去の任意の時点にファイルを復元できます。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">クラウドバックアップの併用</div>
                <div class="pc-setup-2026-step-content">
                    <p>外付けHDDと併せて、<strong>クラウドバックアップも必ず設定</strong>してください。火災、盗難、災害時に物理的なバックアップも失われるリスクがあります。</p>
                    <p style="margin-top: 10px;"><strong>OneDrive(Windows):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「アカウント」→「Windowsのバックアップ」を開く</li>
                        <li>「フォルダーのバックアップを管理」をクリック</li>
                        <li>バックアップするフォルダー(デスクトップ、ドキュメント、ピクチャ)を選択</li>
                        <li>「バックアップを開始」をクリック</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>iCloud Drive(Mac):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「Apple ID」→「iCloud」を開く</li>
                        <li>「iCloud Drive」をオンに設定</li>
                        <li>「デスクトップフォルダと書類フォルダ」をオンに設定</li>
                        <li>必要に応じて有料ストレージプランにアップグレード</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Google Drive:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>Google Driveデスクトップアプリをインストール</li>
                        <li>Googleアカウントでサインイン</li>
                        <li>同期するフォルダーを選択</li>
                        <li>バックアップを開始</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">復元ポイントの作成(Windows)</div>
                <div class="pc-setup-2026-step-content">
                    <p>システムの復元ポイントを作成しておくと、不具合発生時に以前の状態に戻せます。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「コントロールパネル」→「システム」→「システムの保護」を開く</li>
                        <li>「構成」をクリックして「システムの保護を有効にする」を選択</li>
                        <li>ディスク領域の使用量を設定(推奨: 5〜10%)</li>
                        <li>「作成」をクリックして復元ポイントを手動作成</li>
                        <li>復元ポイントの名前を入力(例: 初期セットアップ完了)</li>
                    </ol>
                    <p style="margin-top: 10px;">重要なソフトウェアをインストールする前や、システム変更の前には、手動で復元ポイントを作成する習慣をつけましょう。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">バックアップの動作確認</div>
                <div class="pc-setup-2026-step-content">
                    <p>バックアップ設定後は、<strong>必ず復元テストを実施</strong>してください。いざという時にバックアップが動作していなかったというケースは珍しくありません。</p>
                    <p style="margin-top: 10px;"><strong>テスト手順:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>テスト用のファイル(テキストファイルなど)を作成</li>
                        <li>バックアップが実行されるまで待つ(または手動でバックアップを実行)</li>
                        <li>元のファイルを削除</li>
                        <li>バックアップから復元できるか確認</li>
                    </ol>
                    <p style="margin-top: 10px;">このテストで問題なく復元できれば、バックアップが正常に動作していることが確認できます。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">6</div>
                <div class="pc-setup-2026-step-title">バックアップの定期確認</div>
                <div class="pc-setup-2026-step-content">
                    <p>バックアップは設定したら終わりではありません。定期的に動作を確認してください。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>週1回:</strong> バックアップが実行されているか確認</li>
                        <li><strong>月1回:</strong> 外付けHDDの空き容量を確認</li>
                        <li><strong>3ヶ月に1回:</strong> 復元テストを実施</li>
                        <li><strong>年1回:</strong> バックアップドライブの健全性をチェック</li>
                    </ul>
                    <p style="margin-top: 10px;">外付けHDDは消耗品です。3〜5年ごとに新しいドライブに交換することを推奨します。</p>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>バックアップ用外付けHDDの選び方:</strong> バックアップには、内蔵ストレージの2倍以上の容量を持つ外付けHDDを推奨します。例えば、内蔵ストレージが512GBなら、1TB以上の外付けHDDを用意してください。また、信頼性の高いメーカー(Buffalo、Western Digital、Seagateなど)の製品を選びましょう。
            </div>
        </div>

        <div class="pc-setup-2026-checklist">
            <div class="pc-setup-2026-checklist-title">バックアップ設定チェックリスト</div>
            <ul class="pc-setup-2026-checklist-items">
                <li class="pc-setup-2026-checklist-item">外付けHDDまたはUSBメモリを用意</li>
                <li class="pc-setup-2026-checklist-item">Windowsバックアップ / Time Machineを有効化</li>
                <li class="pc-setup-2026-checklist-item">システムイメージ / Time Machineバックアップを作成</li>
                <li class="pc-setup-2026-checklist-item">クラウドバックアップを設定(OneDrive / iCloud / Google Drive)</li>
                <li class="pc-setup-2026-checklist-item">復元ポイントを作成(Windows)</li>
                <li class="pc-setup-2026-checklist-item">バックアップの動作確認と復元テストを実施</li>
            </ul>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>ランサムウェア対策:</strong> クラウドバックアップサービスの多くは、バージョン履歴機能を提供しています。ランサムウェアに感染してファイルが暗号化されても、過去のバージョンから復元できます。OneDriveは30日間、Google Driveは30日間(有料プランは長期間)のバージョン履歴を保持します。
            </div>
        </div>
    </div>

    <!-- セクション7: プライバシー保護設定 -->
    <div class="pc-setup-2026-section" id="privacy">
        <h2>
            プライバシー保護設定
            <span class="pc-setup-2026-time-badge">15分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">初期設定のままでは、OSやアプリが<strong>予想以上に多くの個人情報を収集</strong>しています。プライバシーを守るために、不要なデータ収集を最小限に抑える設定を行いましょう。</p>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>データ収集の実態:</strong> Windows 11とmacOSは、デフォルトで位置情報、診断データ、使用状況、音声入力データなどを収集します。これらは製品改善のために使用されますが、プライバシー保護の観点から、必要最小限に設定することを推奨します。
            </div>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>企業・学校管理の端末について:</strong> 職場や学校から支給されたパソコンの場合、組織の管理ポリシーが適用されている可能性があります。この場合、一部の設定が変更できなかったり、組織のセキュリティ要件に従う必要があります。個人所有のパソコンのみ、以下の設定を自由に変更してください。
            </div>
        </div>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">位置情報のオフ(Windows)</div>
                <div class="pc-setup-2026-step-content">
                    <p>位置情報サービスは、必要なアプリでのみ有効化し、システム全体ではオフにします。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「プライバシーとセキュリティ」→「位置情報」を開く</li>
                        <li>「位置情報サービス」をオフに設定</li>
                        <li>必要なアプリ(天気、マップなど)は個別に許可</li>
                        <li>「位置情報の履歴」をクリアして削除</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">位置情報サービスのオフ(Mac)</div>
                <div class="pc-setup-2026-step-content">
                    <p>macOSでも同様に、位置情報は必要なアプリでのみ有効化します。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「プライバシーとセキュリティ」→「位置情報サービス」を開く</li>
                        <li>不要なアプリの位置情報アクセスをオフに設定</li>
                        <li>「システムサービス」→「詳細」で不要な項目をオフ</li>
                        <li>「重要な場所」をオフに設定(推奨)</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">広告IDの無効化(Windows)</div>
                <div class="pc-setup-2026-step-content">
                    <p>広告IDは、ターゲット広告のためにユーザーを追跡します。これを無効化してください。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「プライバシーとセキュリティ」→「全般」を開く</li>
                        <li>「広告識別子を使用してアプリが広告を表示できるようにする」をオフ</li>
                        <li>「Windowsでアプリの起動を追跡してスタート画面と検索結果の質を向上させる」をオフ</li>
                        <li>「設定アプリでおすすめのコンテンツを表示する」をオフ</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">パーソナライズド広告のオフ(Mac)</div>
                <div class="pc-setup-2026-step-content">
                    <p>macOSでもAppleによるターゲット広告を制限できます。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「プライバシーとセキュリティ」→「Appleの広告」を開く</li>
                        <li>「パーソナライズされた広告」をオフに設定</li>
                        <li>Safari→「設定」→「プライバシー」を開く</li>
                        <li>「サイト越えトラッキングを防ぐ」をオンに設定</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">診断データの最小化(Windows)</div>
                <div class="pc-setup-2026-step-content">
                    <p>Microsoftに送信される診断データを必要最小限に設定します。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「プライバシーとセキュリティ」→「診断とフィードバック」を開く</li>
                        <li>「診断データの送信」を「必要な診断データのみ」に設定</li>
                        <li>「手書き入力と入力の個人用設定の向上」をオフ</li>
                        <li>「エクスペリエンスの調整」をオフ</li>
                        <li>「診断データの削除」をクリックして既存データを削除</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">6</div>
                <div class="pc-setup-2026-step-title">解析データの共有停止(Mac)</div>
                <div class="pc-setup-2026-step-content">
                    <p>Appleに送信される解析データを停止します。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「プライバシーとセキュリティ」→「解析と改善」を開く</li>
                        <li>「MacとWatchの解析を共有」をオフに設定</li>
                        <li>「iCloudの解析を共有」をオフに設定</li>
                        <li>「Appleとアプリのデベロッパを改善」をオフに設定</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">7</div>
                <div class="pc-setup-2026-step-title">カメラ・マイクのアクセス許可管理</div>
                <div class="pc-setup-2026-step-content">
                    <p>カメラとマイクへのアクセスは、信頼できるアプリのみに許可してください。</p>
                    <p style="margin-top: 10px;"><strong>Windows:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「プライバシーとセキュリティ」→「カメラ」を開く</li>
                        <li>「カメラへのアクセス」をオフ(必要に応じてアプリごとに許可)</li>
                        <li>同様に「マイク」も設定</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Mac:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「プライバシーとセキュリティ」→「カメラ」を開く</li>
                        <li>不要なアプリのチェックを外す</li>
                        <li>同様に「マイク」も設定</li>
                    </ol>
                    <p style="margin-top: 10px;">Zoom、Teams、Skypeなどビデオ会議アプリは許可し、それ以外は慎重に判断してください。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">8</div>
                <div class="pc-setup-2026-step-title">Cortana / Siriのデータ収集制限</div>
                <div class="pc-setup-2026-step-content">
                    <p>音声アシスタントは音声データを収集します。使用しない場合はオフに設定してください。</p>
                    <p style="margin-top: 10px;"><strong>Cortana(Windows):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「プライバシーとセキュリティ」→「音声」を開く</li>
                        <li>「オンライン音声認識」をオフに設定</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Siri(Mac):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「Siriと音声入力」を開く</li>
                        <li>使用しない場合は「&#8221;Siriに頼む&#8221;」をオフに設定</li>
                        <li>「Siriの履歴を削除」をクリック</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">9</div>
                <div class="pc-setup-2026-step-title">アクティビティ履歴のオフ(Windows)</div>
                <div class="pc-setup-2026-step-content">
                    <p>Windowsはアクティビティ履歴を記録し、Microsoftに送信します。これをオフにします。</p>
                    <ol style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「プライバシーとセキュリティ」→「アクティビティの履歴」を開く</li>
                        <li>「このデバイスにアクティビティ履歴を保存する」をオフ</li>
                        <li>「アクティビティの履歴をクリア」をクリック</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">10</div>
                <div class="pc-setup-2026-step-title">ブラウザのプライバシー設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>Webブラウザもプライバシー設定を強化してください。</p>
                    <p style="margin-top: 10px;"><strong>すべてのブラウザ共通:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>サードパーティCookieをブロック</li>
                        <li>トラッキング防止を有効化</li>
                        <li>閲覧履歴を定期的に削除</li>
                        <li>「Do Not Track」リクエストを有効化</li>
                        <li>パスワードマネージャーを使用(ブラウザ内蔵でも可)</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>拡張機能の導入(推奨):</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>uBlock Origin:</strong> 広告ブロック、トラッカーブロック</li>
                        <li><strong>Privacy Badger:</strong> 自動トラッキング防止</li>
                        <li><strong>HTTPS Everywhere:</strong> HTTPS接続を強制</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>プライバシーと機能のトレードオフ:</strong> プライバシー設定を強化すると、一部の便利な機能が使えなくなることがあります。例えば、位置情報をオフにすると天気予報が使えなくなり、音声認識をオフにするとCortana/Siriが使えません。自分の使い方に合わせて、必要な機能は個別に有効化してください。
            </div>
        </div>

        <div class="pc-setup-2026-checklist">
            <div class="pc-setup-2026-checklist-title">プライバシー設定チェックリスト</div>
            <ul class="pc-setup-2026-checklist-items">
                <li class="pc-setup-2026-checklist-item">位置情報サービスをオフまたは制限</li>
                <li class="pc-setup-2026-checklist-item">広告ID・パーソナライズド広告をオフ</li>
                <li class="pc-setup-2026-checklist-item">診断データ・解析データを必要最小限に設定</li>
                <li class="pc-setup-2026-checklist-item">カメラ・マイクのアクセス許可を管理</li>
                <li class="pc-setup-2026-checklist-item">Cortana / Siriのデータ収集を制限</li>
                <li class="pc-setup-2026-checklist-item">アクティビティ履歴をオフ(Windows)</li>
                <li class="pc-setup-2026-checklist-item">ブラウザのプライバシー設定を強化</li>
                <li class="pc-setup-2026-checklist-item">プライバシー保護拡張機能をインストール</li>
            </ul>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>定期的な見直しを:</strong> OSアップデートやアプリの更新により、プライバシー設定がリセットされることがあります。大型アップデート後は、必ずプライバシー設定を再確認してください。特にWindows 11の年2回の大型アップデートでは、設定が初期化される可能性があります。
            </div>
        </div>
    </div>

    <!-- セクション8: 快適に使うための設定 -->
    <div class="pc-setup-2026-section" id="comfort">
        <h2>
            快適に使うための設定
            <span class="pc-setup-2026-time-badge">20分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">セキュリティとプライバシーの設定が完了したら、<strong>日常的な使い心地を向上させる設定</strong>を行いましょう。これらの設定で、パソコンの操作性が大幅に改善されます。</p>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">ディスプレイ設定の最適化</div>
                <div class="pc-setup-2026-step-content">
                    <p>ディスプレイの設定を最適化することで、目の疲れを軽減し、作業効率が向上します。</p>
                    <p style="margin-top: 10px;"><strong>Windows:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「システム」→「ディスプレイ」を開く</li>
                        <li><strong>解像度:</strong> 推奨設定(通常は最高解像度)を選択</li>
                        <li><strong>拡大縮小:</strong> テキストが小さすぎる場合は125%〜150%に設定</li>
                        <li><strong>夜間モード:</strong> 「夜間モード」をオンにして、夕方から自動的にブルーライトを軽減</li>
                        <li><strong>明るさ:</strong> 環境に合わせて調整(推奨: 50〜70%)</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Mac:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「ディスプレイ」を開く</li>
                        <li><strong>解像度:</strong> 「デフォルト」または「スペースを拡大」を選択</li>
                        <li><strong>Night Shift:</strong> 「スケジュール」を「日の入から日の出まで」に設定</li>
                        <li><strong>True Tone:</strong> 対応機種ではオンに設定(環境光に応じて色温度を調整)</li>
                        <li><strong>明るさの自動調節:</strong> オンに設定</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">電源プランの最適化</div>
                <div class="pc-setup-2026-step-content">
                    <p>電源プランを最適化することで、パフォーマンスとバッテリー持続時間のバランスを調整できます。</p>
                    <p style="margin-top: 10px;"><strong>Windows(ノートPC):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「システム」→「電源とバッテリー」を開く</li>
                        <li><strong>電源モード:</strong> 「最適なパフォーマンス」(AC電源時)、「バランス」(バッテリー時)</li>
                        <li><strong>画面とスリープ:</strong> 画面オフまで15分、スリープまで30分に設定</li>
                        <li><strong>バッテリー節約機能:</strong> 残量20%で自動的にオンに設定</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Windows(デスクトップ):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「コントロールパネル」→「電源オプション」を開く</li>
                        <li>「高パフォーマンス」プランを選択(ゲームや動画編集など高負荷作業用)</li>
                        <li>通常使用では「バランス」で十分</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Mac:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「バッテリー」を開く</li>
                        <li><strong>低電力モード:</strong> バッテリー駆動時に自動的にオンに設定</li>
                        <li><strong>ディスプレイをオフにする:</strong> 10〜15分に設定</li>
                        <li>「電源アダプタ」タブでAC電源時の設定も調整</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">タッチパッド・マウス設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>ポインティングデバイスの設定を調整することで、操作性が大幅に向上します。</p>
                    <p style="margin-top: 10px;"><strong>Windows(タッチパッド):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「Bluetoothとデバイス」→「タッチパッド」を開く</li>
                        <li><strong>タッチパッドの感度:</strong> 中程度または高に設定</li>
                        <li><strong>3本指ジェスチャ:</strong> 上スワイプでタスクビュー表示に設定</li>
                        <li><strong>4本指ジェスチャ:</strong> 左右スワイプで仮想デスクトップ切り替えに設定</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Windows(マウス):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「Bluetoothとデバイス」→「マウス」を開く</li>
                        <li><strong>ポインターの速度:</strong> 自分に合った速度に調整</li>
                        <li><strong>スクロール:</strong> 「一度に複数行ずつスクロールする」を3〜5行に設定</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Mac(トラックパッド):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「トラックパッド」を開く</li>
                        <li><strong>ポイントとクリック:</strong> 「タップでクリック」をオンに設定(推奨)</li>
                        <li><strong>軌跡の速さ:</strong> 中央より少し速めに設定</li>
                        <li><strong>スクロールとズーム:</strong> すべてオンに設定</li>
                        <li><strong>その他のジェスチャ:</strong> 必要なジェスチャを有効化</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">キーボードショートカットの習得</div>
                <div class="pc-setup-2026-step-content">
                    <p>よく使うショートカットを覚えることで、作業効率が大幅に向上します。</p>
                    <p style="margin-top: 10px;"><strong>Windows必須ショートカット:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>Win + D:</strong> デスクトップを表示</li>
                        <li><strong>Win + E:</strong> エクスプローラーを開く</li>
                        <li><strong>Win + L:</strong> パソコンをロック</li>
                        <li><strong>Win + Tab:</strong> タスクビュー(仮想デスクトップ)</li>
                        <li><strong>Win + Shift + S:</strong> スクリーンショット</li>
                        <li><strong>Alt + Tab:</strong> アプリ切り替え</li>
                        <li><strong>Ctrl + Shift + Esc:</strong> タスクマネージャー起動</li>
                    </ul>
                    <p style="margin-top: 15px;"><strong>Mac必須ショートカット:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>Cmd + Space:</strong> Spotlight検索</li>
                        <li><strong>Cmd + Tab:</strong> アプリ切り替え</li>
                        <li><strong>Cmd + Q:</strong> アプリを完全終了</li>
                        <li><strong>Cmd + W:</strong> ウィンドウを閉じる</li>
                        <li><strong>Cmd + Shift + 3:</strong> スクリーンショット(全画面)</li>
                        <li><strong>Cmd + Shift + 4:</strong> スクリーンショット(範囲指定)</li>
                        <li><strong>Cmd + Control + Q:</strong> 画面ロック</li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">仮想デスクトップの設定</div>
                <div class="pc-setup-2026-step-content">
                    <p>仮想デスクトップを活用することで、作業スペースを整理し、生産性が向上します。</p>
                    <p style="margin-top: 10px;"><strong>Windows:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>Win + Tab でタスクビューを開く</li>
                        <li>「新しいデスクトップ」をクリック</li>
                        <li>用途別にデスクトップを分ける(例: 仕事用、プライベート用、学習用)</li>
                        <li>Win + Ctrl + 左右矢印 でデスクトップを切り替え</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Mac(Mission Control):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>F3キーまたは4本指で上スワイプしてMission Controlを開く</li>
                        <li>画面上部の「+」をクリックして新しいデスクトップを作成</li>
                        <li>Control + 左右矢印 でデスクトップを切り替え</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">6</div>
                <div class="pc-setup-2026-step-title">通知の最適化</div>
                <div class="pc-setup-2026-step-content">
                    <p>不要な通知をオフにすることで、集中力を維持できます。</p>
                    <p style="margin-top: 10px;"><strong>Windows:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「システム」→「通知」を開く</li>
                        <li>不要なアプリの通知をオフに設定</li>
                        <li>「集中モード」を設定(作業中は重要な通知のみ)</li>
                        <li>「通知とアクション」で不要な提案をオフ</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Mac:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「通知」を開く</li>
                        <li>アプリごとに通知スタイルを調整</li>
                        <li>「集中モード」を設定(作業、睡眠など)</li>
                        <li>不要なアプリの通知を「なし」に設定</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">7</div>
                <div class="pc-setup-2026-step-title">タスクバー・Dockのカスタマイズ</div>
                <div class="pc-setup-2026-step-content">
                    <p>タスクバーやDockをカスタマイズして、よく使うアプリにすぐアクセスできるようにします。</p>
                    <p style="margin-top: 10px;"><strong>Windows(タスクバー):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「個人用設定」→「タスクバー」を開く</li>
                        <li>不要なアイコン(検索、タスクビュー、ウィジェットなど)を非表示</li>
                        <li>よく使うアプリを右クリック→「タスクバーにピン留めする」</li>
                        <li>「タスクバーの動作」でタスクバーの位置や自動非表示を設定</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Mac(Dock):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「デスクトップとDock」を開く</li>
                        <li>Dockのサイズを調整(推奨: 中〜小)</li>
                        <li>「拡大」をオンに設定(カーソルを合わせたアイコンが拡大)</li>
                        <li>不要なアプリはDockから削除(右クリック→「Dockから削除」)</li>
                        <li>よく使うアプリをDockにドラッグ&#038;ドロップで追加</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">8</div>
                <div class="pc-setup-2026-step-title">フォントの読みやすさ改善</div>
                <div class="pc-setup-2026-step-content">
                    <p>システムフォントを調整することで、長時間の作業でも目が疲れにくくなります。</p>
                    <p style="margin-top: 10px;"><strong>Windows:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「アクセシビリティ」→「テキストのサイズ」を開く</li>
                        <li>テキストサイズを調整(推奨: 110〜125%)</li>
                        <li>「設定」→「個人用設定」→「フォント」で好みのフォントを確認</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Mac:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「システム設定」→「アクセシビリティ」→「ディスプレイ」を開く</li>
                        <li>「テキストサイズ」を調整</li>
                        <li>「太字のテキスト」をオンに設定(視認性向上)</li>
                    </ol>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>外部ディスプレイ使用時の設定:</strong> 外部モニターを接続している場合は、「設定」→「ディスプレイ」で各ディスプレイの解像度、拡大率、配置を個別に調整できます。メインディスプレイを設定し、マルチモニター環境を最適化してください。デュアルディスプレイでは、作業効率が30〜50%向上すると言われています。
            </div>
        </div>

        <div class="pc-setup-2026-checklist">
            <div class="pc-setup-2026-checklist-title">快適性向上チェックリスト</div>
            <ul class="pc-setup-2026-checklist-items">
                <li class="pc-setup-2026-checklist-item">ディスプレイの解像度と拡大率を最適化</li>
                <li class="pc-setup-2026-checklist-item">夜間モード / Night Shiftを設定</li>
                <li class="pc-setup-2026-checklist-item">電源プランを使用状況に合わせて調整</li>
                <li class="pc-setup-2026-checklist-item">タッチパッド・マウスの感度を調整</li>
                <li class="pc-setup-2026-checklist-item">主要なキーボードショートカットを習得</li>
                <li class="pc-setup-2026-checklist-item">仮想デスクトップを作成して作業を整理</li>
                <li class="pc-setup-2026-checklist-item">不要な通知をオフに設定</li>
                <li class="pc-setup-2026-checklist-item">タスクバー / Dockによく使うアプリをピン留め</li>
            </ul>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>設定は後から変更可能:</strong> ここで紹介した設定は、いつでも変更できます。実際に使ってみて、自分の使い方に合わない設定があれば、遠慮なく調整してください。最適な設定は人それぞれ異なります。数週間使ってみて、再度見直すことをおすすめします。
            </div>
        </div>
    </div>

    <!-- セクション9: データ移行(旧PCから) -->
    <div class="pc-setup-2026-section" id="data-migration">
        <h2>
            データ移行(旧PCから)
            <span class="pc-setup-2026-time-badge">60分</span>
        </h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">旧パソコンから新パソコンへのデータ移行は、<strong>慎重に計画して実行する必要があります</strong>。誤った方法でデータを移行すると、重要なファイルを失う可能性があります。</p>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>移行前の重要な注意:</strong> データ移行を開始する前に、旧パソコンのデータを必ずバックアップしてください。移行中にトラブルが発生した場合でも、元のデータが保護されます。外付けHDDまたはクラウドストレージに完全バックアップを作成してから移行作業を開始しましょう。
            </div>
        </div>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">移行するデータの整理</div>
                <div class="pc-setup-2026-step-content">
                    <p>まず、どのデータを移行するか整理しましょう。すべてを移行する必要はありません。</p>
                    <p style="margin-top: 10px;"><strong>移行が必要なデータ:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>ドキュメント(Word、Excel、PDFなど)</li>
                        <li>写真・動画</li>
                        <li>音楽ファイル</li>
                        <li>ブラウザのブックマークとパスワード</li>
                        <li>メールデータ</li>
                        <li>アプリケーションの設定ファイル</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>移行不要なデータ:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>一時ファイル、キャッシュ</li>
                        <li>古いアプリケーションのインストーラー</li>
                        <li>不要になった古いファイル</li>
                        <li>システムファイル(自動的に再作成される)</li>
                    </ul>
                    <p style="margin-top: 10px;">この機会に不要なファイルを整理すると、新パソコンを快適に使い始められます。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">外付けHDD経由での移行</div>
                <div class="pc-setup-2026-step-content">
                    <p>最も確実な方法は、外付けHDDを使った移行です。インターネット環境がなくても実行できます。</p>
                    <p style="margin-top: 10px;"><strong>手順:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>外付けHDDを旧パソコンに接続</li>
                        <li>移行したいデータをすべて外付けHDDにコピー</li>
                        <li>コピーが完了したら、安全に取り外し</li>
                        <li>外付けHDDを新パソコンに接続</li>
                        <li>データを新パソコンの適切な場所にコピー</li>
                    </ol>
                    <p style="margin-top: 10px;"><strong>推奨フォルダ構成:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>ドキュメント → マイドキュメント / 書類フォルダ</li>
                        <li>写真・動画 → ピクチャ / 写真フォルダ</li>
                        <li>音楽 → ミュージック / 音楽フォルダ</li>
                    </ul>
                    <p style="margin-top: 10px;">所要時間: データ量により異なりますが、100GBで約30〜60分が目安です。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">クラウド経由での移行</div>
                <div class="pc-setup-2026-step-content">
                    <p>Google Drive、OneDrive、iCloudなどのクラウドストレージを使った移行も便利です。</p>
                    <p style="margin-top: 10px;"><strong>手順:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>旧パソコンでクラウドストレージアプリをインストール</li>
                        <li>移行したいデータをクラウドにアップロード</li>
                        <li>アップロード完了を確認</li>
                        <li>新パソコンで同じアカウントでサインイン</li>
                        <li>クラウドからデータをダウンロード、または同期</li>
                    </ol>
                    <p style="margin-top: 10px;"><strong>メリット:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>外付けHDDが不要</li>
                        <li>インターネット環境があればどこでも移行可能</li>
                        <li>自動的にバックアップも作成される</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>デメリット:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>大量のデータは時間がかかる</li>
                        <li>無料プランでは容量制限がある</li>
                        <li>インターネット速度に依存</li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">Windows移行アシスタント</div>
                <div class="pc-setup-2026-step-content">
                    <p>Windows同士の移行では、標準機能を活用できます。</p>
                    <p style="margin-top: 10px;"><strong>OneDriveを使った移行(推奨):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>旧パソコンで「設定」→「アカウント」→「Windowsのバックアップ」を開く</li>
                        <li>「フォルダーのバックアップを管理」でデスクトップ、ドキュメント、ピクチャを選択</li>
                        <li>OneDriveへのアップロードが完了するまで待つ</li>
                        <li>新パソコンで同じMicrosoftアカウントでサインイン</li>
                        <li>OneDriveが自動的に同期を開始</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>PCのリセット機能を使った移行:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>「設定」→「システム」→「回復」を開く</li>
                        <li>「このPCをリセット」の「個人用ファイルを保持する」オプションを選択</li>
                        <li>※これは新パソコンではなく、旧パソコンを他人に譲る前の処理です</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">Mac移行アシスタント</div>
                <div class="pc-setup-2026-step-content">
                    <p>Macには<strong>移行アシスタント</strong>という強力なツールが標準搭載されています。</p>
                    <p style="margin-top: 10px;"><strong>手順:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>新旧両方のMacを同じWi-Fiネットワークに接続</li>
                        <li>新しいMacで「移行アシスタント」を起動(アプリケーション→ユーティリティ)</li>
                        <li>「Mac、Time Machineバックアップ、または起動ディスクから」を選択</li>
                        <li>旧Macでも「移行アシスタント」を起動</li>
                        <li>「別のMacへ」を選択</li>
                        <li>両方のMacで同じセキュリティコードが表示されることを確認</li>
                        <li>新Macで移行するデータを選択</li>
                        <li>移行開始(所要時間: 1〜数時間)</li>
                    </ol>
                    <p style="margin-top: 10px;"><strong>Time Machineから移行:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>旧MacのTime Machineバックアップを外付けHDDに作成</li>
                        <li>外付けHDDを新Macに接続</li>
                        <li>新Macで「移行アシスタント」を起動</li>
                        <li>「Mac、Time Machineバックアップ、または起動ディスクから」を選択</li>
                        <li>Time Machineバックアップを選択して移行</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">6</div>
                <div class="pc-setup-2026-step-title">ブラウザのブックマーク・パスワード移行</div>
                <div class="pc-setup-2026-step-content">
                    <p>ブラウザのデータは個別に移行する必要があります。</p>
                    <p style="margin-top: 10px;"><strong>Google Chrome:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>旧パソコンでGoogleアカウントにサインイン</li>
                        <li>同期が有効になっていることを確認</li>
                        <li>新パソコンで同じGoogleアカウントでサインイン</li>
                        <li>ブックマーク、パスワード、履歴が自動的に同期</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Microsoft Edge:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>旧パソコンでMicrosoftアカウントにサインイン</li>
                        <li>同期を有効化</li>
                        <li>新パソコンで同じアカウントでサインイン</li>
                        <li>データが自動同期</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Firefox:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>Firefoxアカウントを作成(未作成の場合)</li>
                        <li>旧パソコンで同期を設定</li>
                        <li>新パソコンで同じアカウントでサインイン</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>手動エクスポート(バックアップ方法):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>ブラウザの「ブックマークマネージャー」を開く</li>
                        <li>「ブックマークをエクスポート」を選択</li>
                        <li>HTMLファイルとして保存</li>
                        <li>新パソコンで「ブックマークをインポート」</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">7</div>
                <div class="pc-setup-2026-step-title">メールデータの移行</div>
                <div class="pc-setup-2026-step-content">
                    <p>メールデータの移行方法は、使用しているメールソフトによって異なります。</p>
                    <p style="margin-top: 10px;"><strong>Webメール(Gmail、Outlook.comなど):</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>新パソコンでブラウザまたはメールアプリにサインインするだけ</li>
                        <li>すべてのメールはサーバー上に保存されているため移行不要</li>
                    </ul>
                    <p style="margin-top: 15px;"><strong>Outlook(ローカル保存):</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>旧パソコンで「ファイル」→「開く/エクスポート」→「インポート/エクスポート」</li>
                        <li>「ファイルにエクスポート」→「Outlookデータファイル(.pst)」を選択</li>
                        <li>エクスポートしたPSTファイルを外付けHDDまたはクラウドに保存</li>
                        <li>新パソコンで「インポート」を選択してPSTファイルを読み込む</li>
                    </ol>
                    <p style="margin-top: 15px;"><strong>Thunderbird:</strong></p>
                    <ol style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>プロファイルフォルダ全体をバックアップ</li>
                        <li>新パソコンでThunderbirdをインストール</li>
                        <li>プロファイルフォルダを新パソコンにコピー</li>
                    </ol>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">8</div>
                <div class="pc-setup-2026-step-title">移行後の確認作業</div>
                <div class="pc-setup-2026-step-content">
                    <p>データ移行が完了したら、必ず以下を確認してください。</p>
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>ファイル数の確認:</strong> 旧パソコンと新パソコンのファイル数を比較</li>
                        <li><strong>重要ファイルの開封テスト:</strong> 主要な文書、写真、動画が正常に開けるか確認</li>
                        <li><strong>ブックマークの確認:</strong> よく使うサイトが正しくブックマークされているか</li>
                        <li><strong>メールの受信テスト:</strong> 新パソコンでメールの送受信ができるか</li>
                        <li><strong>アプリの動作確認:</strong> 移行したアプリが正常に動作するか</li>
                    </ul>
                    <p style="margin-top: 10px;">すべて問題なければ、旧パソコンのデータをすぐに削除せず、<strong>1〜2週間は保持</strong>してください。万が一、移行漏れがあった場合に対応できます。</p>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>WindowsからMacへの移行:</strong> WindowsからMacに乗り換える場合、Macの「移行アシスタント」はWindows PCからの移行にも対応しています。両方のパソコンを同じネットワークに接続し、新しいMacで移行アシスタントを起動、「WindowsパソコンからMacへ」を選択してください。ドキュメント、写真、音楽、ブックマークなどが移行できます。
            </div>
        </div>

        <div class="pc-setup-2026-checklist">
            <div class="pc-setup-2026-checklist-title">データ移行チェックリスト</div>
            <ul class="pc-setup-2026-checklist-items">
                <li class="pc-setup-2026-checklist-item">旧パソコンのデータを完全バックアップ</li>
                <li class="pc-setup-2026-checklist-item">移行するデータと不要なデータを整理</li>
                <li class="pc-setup-2026-checklist-item">外付けHDDまたはクラウド経由でデータ移行</li>
                <li class="pc-setup-2026-checklist-item">ブラウザのブックマーク・パスワードを移行</li>
                <li class="pc-setup-2026-checklist-item">メールデータを移行</li>
                <li class="pc-setup-2026-checklist-item">移行後の動作確認を実施</li>
                <li class="pc-setup-2026-checklist-item">1〜2週間は旧パソコンのデータを保持</li>
            </ul>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>旧パソコンのデータ削除について:</strong> 旧パソコンを売却・譲渡・廃棄する場合は、必ずデータを完全消去してください。Windowsの「このPCをリセット」またはMacの「すべてのコンテンツと設定を消去」を実行し、個人情報の漏洩を防ぎましょう。特に重要なデータが入っていた場合は、専用のデータ消去ソフトの使用を推奨します。
            </div>
        </div>
    </div>

    <!-- セクション10: やらなくていいこと -->
    <div class="pc-setup-2026-section" id="unnecessary">
        <h2>やらなくていいこと</h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">新しいパソコンのセットアップでは、<strong>やらなくていいことも多く存在します</strong>。これらの不要な作業に時間を費やさず、本当に必要な設定に集中しましょう。</p>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">1</div>
                <div class="pc-setup-2026-step-title">有料セキュリティソフト(Windows 10以降)</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>不要な理由:</strong></p>
                    <p style="margin-top: 5px;">Windows 10以降、Microsoft Defenderの性能は大幅に向上し、独立機関のテスト(AV-TEST、AV-Comparatives)でも有料製品と同等の保護性能を発揮しています。</p>
                    <p style="margin-top: 10px;"><strong>避けるべき理由:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>年間数千円のコストがかかる</li>
                        <li>システムリソースを消費してパソコンが遅くなる</li>
                        <li>不要なポップアップや通知が頻繁に表示される</li>
                        <li>Microsoft Defenderと競合する可能性</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>例外:</strong> 企業環境や特殊なセキュリティ要件がある場合は検討の価値があります。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">2</div>
                <div class="pc-setup-2026-step-title">PCチューニング・最適化ソフト</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>不要な理由:</strong></p>
                    <p style="margin-top: 5px;">「PC高速化」「パフォーマンス最適化」を謳うソフトの多くは、効果が限定的であるか、むしろ有害です。</p>
                    <p style="margin-top: 10px;"><strong>避けるべきソフト:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>レジストリクリーナー(システム破損のリスク)</li>
                        <li>メモリ最適化ツール(OSが自動管理)</li>
                        <li>ドライバー自動更新ツール(不要なドライバーをインストールする)</li>
                        <li>「PC高速化」を謳う有料ソフト(効果が疑問)</li>
                    </ul>
                    <p style="margin-top: 10px;">Windowsには標準で「ストレージセンサー」「ディスククリーンアップ」が搭載されており、これらで十分です。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">3</div>
                <div class="pc-setup-2026-step-title">レジストリクリーナー</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>不要な理由:</strong></p>
                    <p style="margin-top: 5px;">レジストリクリーナーは、Windowsレジストリの不要なエントリを削除すると謳いますが、実際の効果はほぼゼロです。</p>
                    <p style="margin-top: 10px;"><strong>避けるべき理由:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>パフォーマンス向上効果はほとんどない</li>
                        <li>誤って重要なレジストリを削除するリスク</li>
                        <li>システムの不安定化や起動不能になる可能性</li>
                        <li>Microsoftも使用を推奨していない</li>
                    </ul>
                    <p style="margin-top: 10px;">レジストリは触らないのが最善です。問題がある場合は、システムの復元ポイントから復元しましょう。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">4</div>
                <div class="pc-setup-2026-step-title">デフラグ(SSDの場合)</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>不要な理由:</strong></p>
                    <p style="margin-top: 5px;">SSD(ソリッドステートドライブ)では、デフラグは不要であり、むしろ有害です。</p>
                    <p style="margin-top: 10px;"><strong>避けるべき理由:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>SSDはランダムアクセスが高速なため効果がない</li>
                        <li>書き込み回数が増えてSSDの寿命を縮める</li>
                        <li>Windows 11は自動的にSSDを最適化(TRIMコマンド)</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>Windowsの「ドライブの最適化」について:</strong> Windowsの「ドライブの最適化」機能は、SSDに対してはデフラグではなくTRIMコマンドを実行します。この自動最適化はそのままにしておいて問題ありません。週1回または月1回のスケジュールで自動実行されているので、手動で実行する必要もありません。</p>
                    <p style="margin-top: 10px;"><strong>注意:</strong> HDD(ハードディスクドライブ)の場合は、デフラグが有効です。Windowsは自動的にスケジュールデフラグを実行するため、手動で行う必要はありません。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">5</div>
                <div class="pc-setup-2026-step-title">すべてのドライバーの手動更新</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>不要な理由:</strong></p>
                    <p style="margin-top: 5px;">Windows UpdateとMac App Storeは、必要なドライバーを自動的に更新します。</p>
                    <p style="margin-top: 10px;"><strong>避けるべき理由:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>不要なドライバーをインストールしてシステムが不安定になる</li>
                        <li>互換性のないドライバーで動作不良が発生</li>
                        <li>ドライバー更新ソフトには広告やバンドルソフトが含まれる</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>例外:</strong> グラフィックカード(NVIDIA、AMD)、特殊なハードウェア(ペンタブレットなど)は、メーカー公式サイトから最新ドライバーをダウンロードする価値があります。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">6</div>
                <div class="pc-setup-2026-step-title">BIOSの手動更新(必要ない場合)</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>不要な理由:</strong></p>
                    <p style="margin-top: 5px;">BIOSの更新は、特定の問題を解決する場合や新機能が必要な場合のみ実施すべきです。</p>
                    <p style="margin-top: 10px;"><strong>避けるべき理由:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>更新失敗でパソコンが起動不能になるリスク</li>
                        <li>メーカーも「問題がない限り更新不要」と推奨</li>
                        <li>電源断などで重大な障害が発生する可能性</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>更新が必要な場合:</strong> セキュリティ脆弱性の修正、特定のハードウェアとの互換性問題、重大なバグ修正など、明確な理由がある場合のみ。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">7</div>
                <div class="pc-setup-2026-step-title">多数のスタートアップアプリの登録</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>不要な理由:</strong></p>
                    <p style="margin-top: 5px;">起動時に自動実行されるアプリが多いと、パソコンの起動が遅くなり、メモリも消費します。</p>
                    <p style="margin-top: 10px;"><strong>避けるべき設定:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>使用頻度が低いアプリの自動起動</li>
                        <li>重いアプリ(Adobe Creative Cloud、Steamなど)の自動起動</li>
                        <li>複数のクラウドストレージアプリの同時起動</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>推奨:</strong> 本当に必要なアプリ(セキュリティソフト、クラウドストレージ1つ)のみを自動起動に設定しましょう。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">8</div>
                <div class="pc-setup-2026-step-title">過剰なカスタマイズ</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>不要な理由:</strong></p>
                    <p style="margin-top: 5px;">見た目のカスタマイズに時間をかけすぎると、本来の作業時間が削られます。</p>
                    <p style="margin-top: 10px;"><strong>避けるべきカスタマイズ:</strong></p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li>複雑なデスクトップテーマのインストール</li>
                        <li>多数のウィジェットの追加</li>
                        <li>システムフォントの大幅な変更</li>
                        <li>サードパーティのシェル置き換えツール</li>
                    </ul>
                    <p style="margin-top: 10px;"><strong>推奨:</strong> 壁紙の変更、タスクバー/Dockの配置調整など、最小限のカスタマイズに留めましょう。</p>
                </div>
            </div>
        </div>

        <div class="pc-setup-2026-tip">
            <div class="pc-setup-2026-tip-content">
                <strong>「必要だと思ったら後で追加」の原則:</strong> 新しいパソコンでは、最初から多くのソフトをインストールするのではなく、必要になったタイミングで追加していく方が効率的です。使わないソフトはシステムリソースを無駄に消費し、セキュリティリスクも増加させます。
            </div>
        </div>

        <div class="pc-setup-2026-notice">
            <div class="pc-setup-2026-notice-content">
                <strong>「無料」という言葉に注意:</strong> 「PC高速化」「無料最適化」を謳うソフトの多くは、実際には有料版への誘導が目的です。無料版では機能が制限され、結局は購入を促されます。こうしたソフトのほとんどは不要であり、Windows/macOSの標準機能で十分対応できます。
            </div>
        </div>
    </div>

    <!-- FAQセクション -->
    <div class="pc-setup-2026-section">
        <h2 id="faq">よくある質問(FAQ)</h2>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-title">Q1: セットアップにかかる時間はどれくらい?</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>A:</strong> 最低限の設定(セキュリティ+バックアップ)で約60分、すべての設定を含めると2〜3時間が目安です。データ移行が必要な場合は、データ量に応じてさらに時間がかかります(100GBで約30〜60分)。急ぐ場合は、セキュリティ設定とバックアップを優先し、他の設定は後日行っても問題ありません。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-title">Q2: 有料セキュリティソフトは本当に不要?</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>A:</strong> Windows 10以降、Mac OS X 10.6以降であれば、標準搭載のセキュリティ機能(Microsoft Defender、XProtect)で十分な保護が得られます。独立機関のテストでも、これらは有料製品と同等の保護性能を発揮しています。ただし、企業環境や特殊なセキュリティ要件がある場合は、専門家に相談してください。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-title">Q3: 旧パソコンのデータはいつ削除していい?</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>A:</strong> 新パソコンでデータ移行が正常に完了し、すべてのファイルが正しく動作することを確認した後、1〜2週間は旧パソコンのデータを保持することを推奨します。この期間中に移行漏れがないか確認し、問題なければ削除してください。売却・譲渡する場合は、必ず「このPCをリセット」または「すべてのコンテンツと設定を消去」を実行してください。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-title">Q4: Microsoftアカウント / Apple IDは必須?</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>A:</strong> 必須ではありませんが、強く推奨します。これらのアカウントを使用することで、OneDrive/iCloudバックアップ、アプリの同期、2段階認証、デバイス間の連携など、多くの便利な機能が利用できます。Windowsではローカルアカウントでのセットアップも可能ですが、Microsoft Storeやクラウド同期などの機能が制限されます。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-title">Q5: 最初にインストールすべきアプリは?</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>A:</strong> 必須アプリは以下の通りです:</p>
                    <ul style="margin: 5px 0 0 20px; line-height: 1.8;">
                        <li><strong>Webブラウザ:</strong> Chrome、Edge、Firefoxなど</li>
                        <li><strong>圧縮ソフト:</strong> 7-Zip(Windows)、The Unarchiver(Mac)</li>
                        <li><strong>クラウドストレージ:</strong> Google Drive、OneDrive、iCloudのいずれか</li>
                        <li><strong>パスワードマネージャー:</strong> Bitwarden、1Password、iCloudキーチェーンなど</li>
                        <li><strong>メディアプレーヤー:</strong> VLC Media Player</li>
                    </ul>
                    <p style="margin-top: 10px;">その他のアプリは、必要になったタイミングでインストールすることを推奨します。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-title">Q6: 外付けHDDの容量はどれくらい必要?</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>A:</strong> バックアップ用の外付けHDDは、パソコンの内蔵ストレージの2倍以上の容量を推奨します。例えば、内蔵ストレージが512GBなら、1TB以上の外付けHDDが理想的です。Time Machine(Mac)やファイル履歴(Windows)は、複数世代のバックアップを保存するため、十分な容量が必要です。価格と容量のバランスを考えると、1〜2TBが最もコストパフォーマンスに優れています。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-title">Q7: プライバシー設定を厳しくすると不便にならない?</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>A:</strong> プライバシー設定を強化すると、一部の便利な機能が使えなくなることがあります。例えば、位置情報をオフにすると天気予報が正確でなくなり、音声認識をオフにするとCortana/Siriが使えません。ただし、これらの機能は後から個別に有効化できるため、最初は最小限の設定にし、必要な機能だけを段階的に有効化することをおすすめします。</p>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-title">Q8: Windows UpdateやmacOSアップデートは本当に必要?</div>
                <div class="pc-setup-2026-step-content">
                    <p><strong>A:</strong> 絶対に必要です。OSアップデートには、セキュリティパッチ、バグ修正、新機能が含まれます。特にセキュリティパッチは、既知の脆弱性を修正するため、適用しないとサイバー攻撃のリスクが高まります。一部のアップデートで不具合が発生することもありますが、全体的にはメリットの方が大きいため、定期的に実行してください。重要な作業の直前には避け、余裕のあるタイミングで実施しましょう。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- まとめセクション -->
    <div class="pc-setup-2026-section">
        <h2 id="summary">まとめ</h2>

        <p style="margin: 20px 0; color: #555; line-height: 1.8;">新しいパソコンを購入したら、セキュリティとプライバシーを最優先に設定を進めることが重要です。この記事で紹介した手順に従えば、安全で快適なパソコン環境を構築できます。</p>

        <div class="pc-setup-2026-step-grid">
            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">✓</div>
                <div class="pc-setup-2026-step-title">最優先で実施すべきこと</div>
                <div class="pc-setup-2026-step-content">
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>Windows Update / macOSアップデートの実行</li>
                        <li>Microsoft Defender / XProtectの有効化確認</li>
                        <li>バックアップ設定(外付けHDD + クラウド)</li>
                        <li>強固なパスワードと2段階認証の設定</li>
                        <li>プライバシー設定の最適化</li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">⏱</div>
                <div class="pc-setup-2026-step-title">作業時間の目安</div>
                <div class="pc-setup-2026-step-content">
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>必須作業(セキュリティ+バックアップ): 約60分</li>
                        <li>基本設定(アプリ削除+インストール): 約45分</li>
                        <li>快適性向上(プライバシー+使いやすさ): 約50分</li>
                        <li>データ移行(必要な場合): 約60分</li>
                        <li><strong>合計: 2〜3時間</strong></li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">💡</div>
                <div class="pc-setup-2026-step-title">次にやるべきこと</div>
                <div class="pc-setup-2026-step-content">
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li>よく使うアプリをインストール(必要に応じて)</li>
                        <li>定期的なバックアップの実施(週1回推奨)</li>
                        <li>月1回のセキュリティ設定見直し</li>
                        <li>ストレージ容量の定期確認</li>
                        <li>大型アップデート後のプライバシー設定再確認</li>
                    </ul>
                </div>
            </div>

            <div class="pc-setup-2026-step-card">
                <div class="pc-setup-2026-step-number">⚠️</div>
                <div class="pc-setup-2026-step-title">トラブル時の相談先</div>
                <div class="pc-setup-2026-step-content">
                    <ul style="margin: 10px 0 0 20px; line-height: 1.8;">
                        <li><strong>メーカーサポート:</strong> ハードウェアの不具合、保証期間内の修理</li>
                        <li><strong>Microsoftサポート:</strong> Windowsの技術的な問題</li>
                        <li><strong>Apple Support:</strong> macOSやハードウェアの問題</li>
                        <li><strong>コミュニティフォーラム:</strong> Microsoft Community、Apple Support Communities</li>
                        <li><strong>近くのパソコン教室:</strong> 基本操作の学習</li>
                    </ul>
                </div>
            </div>
        </div>

        <p style="margin: 30px 0 20px 0; color: #555; line-height: 1.8; font-size: 16px;">パソコンのセットアップは、最初の設定が肝心です。ここで紹介した手順を実践することで、長期的に安全で快適なパソコンライフを送ることができます。</p>

        <p style="margin: 20px 0; color: #555; line-height: 1.8; font-size: 16px;">何か問題が発生した場合は、焦らず一つずつ対処していきましょう。多くの問題は、Google検索やメーカーのサポートページで解決策が見つかります。</p>
    </div>
</div>

<!-- FAQスキーマ(構造化データ) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "セットアップにかかる時間はどれくらい?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "最低限の設定(セキュリティ+バックアップ)で約60分、すべての設定を含めると2〜3時間が目安です。データ移行が必要な場合は、データ量に応じてさらに時間がかかります(100GBで約30〜60分)。急ぐ場合は、セキュリティ設定とバックアップを優先し、他の設定は後日行っても問題ありません。"
      }
    },
    {
      "@type": "Question",
      "name": "有料セキュリティソフトは本当に不要?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Windows 10以降、Mac OS X 10.6以降であれば、標準搭載のセキュリティ機能(Microsoft Defender、XProtect)で十分な保護が得られます。独立機関のテストでも、これらは有料製品と同等の保護性能を発揮しています。ただし、企業環境や特殊なセキュリティ要件がある場合は、専門家に相談してください。"
      }
    },
    {
      "@type": "Question",
      "name": "旧パソコンのデータはいつ削除していい?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "新パソコンでデータ移行が正常に完了し、すべてのファイルが正しく動作することを確認した後、1〜2週間は旧パソコンのデータを保持することを推奨します。この期間中に移行漏れがないか確認し、問題なければ削除してください。売却・譲渡する場合は、必ず「このPCをリセット」または「すべてのコンテンツと設定を消去」を実行してください。"
      }
    },
    {
      "@type": "Question",
      "name": "Microsoftアカウント / Apple IDは必須?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "必須ではありませんが、強く推奨します。これらのアカウントを使用することで、OneDrive/iCloudバックアップ、アプリの同期、2段階認証、デバイス間の連携など、多くの便利な機能が利用できます。Windowsではローカルアカウントでのセットアップも可能ですが、Microsoft Storeやクラウド同期などの機能が制限されます。"
      }
    },
    {
      "@type": "Question",
      "name": "最初にインストールすべきアプリは?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "必須アプリは、Webブラウザ(Chrome、Edge、Firefoxなど)、圧縮ソフト(7-Zip、The Unarchiver)、クラウドストレージ(Google Drive、OneDrive、iCloud)、パスワードマネージャー(Bitwarden、1Password、iCloudキーチェーン)、メディアプレーヤー(VLC Media Player)です。その他のアプリは、必要になったタイミングでインストールすることを推奨します。"
      }
    },
    {
      "@type": "Question",
      "name": "外付けHDDの容量はどれくらい必要?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "バックアップ用の外付けHDDは、パソコンの内蔵ストレージの2倍以上の容量を推奨します。例えば、内蔵ストレージが512GBなら、1TB以上の外付けHDDが理想的です。Time Machine(Mac)やファイル履歴(Windows)は、複数世代のバックアップを保存するため、十分な容量が必要です。価格と容量のバランスを考えると、1〜2TBが最もコストパフォーマンスに優れています。"
      }
    },
    {
      "@type": "Question",
      "name": "プライバシー設定を厳しくすると不便にならない?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "プライバシー設定を強化すると、一部の便利な機能が使えなくなることがあります。例えば、位置情報をオフにすると天気予報が正確でなくなり、音声認識をオフにするとCortana/Siriが使えません。ただし、これらの機能は後から個別に有効化できるため、最初は最小限の設定にし、必要な機能だけを段階的に有効化することをおすすめします。"
      }
    },
    {
      "@type": "Question",
      "name": "Windows UpdateやmacOSアップデートは本当に必要?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "絶対に必要です。OSアップデートには、セキュリティパッチ、バグ修正、新機能が含まれます。特にセキュリティパッチは、既知の脆弱性を修正するため、適用しないとサイバー攻撃のリスクが高まります。一部のアップデートで不具合が発生することもありますが、全体的にはメリットの方が大きいため、定期的に実行してください。重要な作業の直前には避け、余裕のあるタイミングで実施しましょう。"
      }
    }
  ]
}
</script>
]]></content:encoded>
					
					<wfw:commentRss>https://yoooyooo8.jp/pc-first-setup-guide/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
