<?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>【公式】Memory Coffee：記憶力を維持する機能性コーヒー</title>
	<atom:link href="https://memory-coffee.jp/feed/" rel="self" type="application/rss+xml" />
	<link>https://memory-coffee.jp</link>
	<description></description>
	<lastBuildDate>Tue, 02 Jun 2026 02:39:14 +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://memory-coffee.jp/wp-content/uploads/2025/12/cropped-ファビコン-48-x-48-px-32x32.png</url>
	<title>【公式】Memory Coffee：記憶力を維持する機能性コーヒー</title>
	<link>https://memory-coffee.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>コーヒーと「認知機能」の新しい真実。最新研究が明かす、腸と脳のネットワーク（腸脳相関）とGABAの役割</title>
		<link>https://memory-coffee.jp/magazine/coffee-gaba-gut-brain/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Sun, 17 May 2026 13:41:39 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=5289</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/coffee-cognitive-gut-brain-gaba-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ Executive Summary 本記事で紐解 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/coffee-cognitive-gut-brain-gaba-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div style="background-color: #eef6fa; border: 1px solid #dbe8ef; border-top: 3px solid #2c3e50; padding: 24px; margin: 32px 0; box-sizing: border-box; width: 100%; box-shadow: 0 4px 12px rgba(0,0,0,0.03);">
    <div style="font-size: 11px; color: #5a7382; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 4px; text-transform: uppercase;">Executive Summary</div>
    <div role="heading" aria-level="2" class="mc-summary-heading" style="margin: 0 0 20px 0; font-size: 18px; color: #1a1a1a; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4; border-bottom: 1px solid #dbe8ef; padding-bottom: 12px;">本記事で紐解く3つのファクト</div>
    
    <ul style="margin: 0; padding-left: 0; list-style-type: none;">
        <li style="margin-bottom: 20px;">
            <span style="display: inline-block; background-color: #2c3e50; color: #ffffff; font-size: 10px; padding: 3px 8px; border-radius: 2px; margin-bottom: 6px; font-weight: bold; letter-spacing: 0.05em;">POINT 1</span>
            <div style="font-weight: bold; color: #1a202c; font-size: 15px; margin-bottom: 6px; letter-spacing: 0.03em;">脳と腸を繋ぐ「腸脳相関」のメカニズム</div>
            <div style="color: #334155; line-height: 1.7; font-size: 14px;">腸内細菌叢（フローラ）と脳が双方向で情報伝達を行う、現代の神経科学が注目する最先端のネットワーク機構について解説します。</div>
        </li>
        
        <li style="margin-bottom: 20px;">
            <span style="display: inline-block; background-color: #2c3e50; color: #ffffff; font-size: 10px; padding: 3px 8px; border-radius: 2px; margin-bottom: 6px; font-weight: bold; letter-spacing: 0.05em;">POINT 2</span>
            <div style="font-weight: bold; color: #1a202c; font-size: 15px; margin-bottom: 6px; letter-spacing: 0.03em;">最新論文が指摘する「コーヒーの死角」</div>
            <div style="color: #334155; line-height: 1.7; font-size: 14px;">日常的な摂取による腸内GABAレベルの低下リスクと、それが認知パフォーマンスに与える見過ごされがちな影響を紐解きます。</div>
        </li>
        
        <li style="margin-bottom: 0;">
            <span style="display: inline-block; background-color: #2c3e50; color: #ffffff; font-size: 10px; padding: 3px 8px; border-radius: 2px; margin-bottom: 6px; font-weight: bold; letter-spacing: 0.05em;">POINT 3</span>
            <div style="font-weight: bold; color: #1a202c; font-size: 15px; margin-bottom: 6px; letter-spacing: 0.03em;">「引き算」を前提とする知的なアプローチ</div>
            <div style="color: #334155; line-height: 1.7; font-size: 14px;">コーヒー特有の作用を理解した上で、記憶力や持続的注意力を高い次元で維持するために必要な「補完」のメソッドを提示します。</div>
        </li>
    </ul>
</div>



<p class="wp-block-paragraph">日々、重要な決断や高い集中力を求められるビジネスパーソンにとって、コーヒーはパフォーマンスを引き出すための不可欠な飲み物です。</p>



<p class="wp-block-paragraph">「飲むと頭が冴える」「作業効率が上がる」──私たちはその即効性を信頼し、日常的にコーヒーを摂取しています。</p>



<p class="wp-block-paragraph">これまでその仕組みは、「カフェインが脳を直接刺激して、一時的に眠気や疲労感を抑えている」という、脳を中心とした視点だけで捉えられてきました。</p>



<p class="wp-block-paragraph">しかし、2026年5月、世界的に権威のある科学雑誌のグループ（Nature系列誌）で発表された最新の論文は、その常識を大きく覆しました。</p>



<div style="background-color: #ffffff; border: 1px solid #e5e7eb; border-left: 4px solid #8c98a4; padding: 24px; margin: 32px 0; box-sizing: border-box; width: 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
    <span style="display: inline-block; background-color: #f3f4f6; border: 1px solid #d1d5db; color: #4b5563; font-size: 11px; padding: 3px 8px; border-radius: 2px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 12px; text-transform: none;">解説</span>
    
    <div role="heading" aria-level="3" class="mc-reference-heading" style="margin: 0 0 16px 0; font-size: 16px; color: #111827; font-weight: bold; letter-spacing: 0.05em;">科学雑誌「Nature系列誌」とは？</div>
    
    <p style="margin: 0 0 16px 0; color: #374151; line-height: 1.7; font-size: 14px;">
        『Nature（ネイチャー）』は、1869年の創刊以来、世界で最も権威と影響力を持つ総合科学ジャーナルの一つです。その系列誌に研究データが掲載されることは、その事実が<strong>「世界最高峰の科学的ファクト」</strong>として認められたことを意味します。
    </p>
    <ul style="margin: 0; padding-left: 20px; color: #374151; line-height: 1.7; font-size: 14px;">
        <li style="margin-bottom: 12px;">
            <strong>極めて厳格な審査（査読）：</strong><br>
            世界トップクラスの専門家たちによる妥協のない審査を通過した論文のみが掲載を許されます。
        </li>
        <li style="margin-bottom: 12px;">
            <strong>採択率数％の狭き門：</strong><br>
            世界中から集まる最先端の研究のうち、掲載に至る画期的なデータはごく一握りです。
        </li>
        <li style="margin-bottom: 0;">
            <strong>科学の「新常識」を定義する：</strong><br>
            ノーベル賞クラスの発見も数多く発表され、ここで提示されたデータがその後の科学界のスタンダード（基準）となります。
        </li>
    </ul>
</div>



<p class="wp-block-paragraph">最新の神経科学および腸内細菌叢（フローラ）の研究において、コーヒーの摂取が腸内環境に変化をもたらし、それが<strong><span class="swl-marker mark_yellow">脳のコンディションや認知機能の評価に影響を与える</span></strong>という、興味深い相互作用（腸脳相関）のデータが示されたのです。</p>



<p class="wp-block-paragraph">メディアでは「コーヒーは体に良いのか、悪いのか」という単純な二元論で語られがちですが、最先端の科学が示しているのは、もっと複雑で興味深い<strong><span class="swl-marker mark_yellow">「脳と腸のつながり」</span></strong>です。</p>



<p class="wp-block-paragraph">論文が明かした事実と、それを補完する科学的エビデンス（根拠）をベースに、知的なパフォーマンスの維持に必要な仕組みを分かりやすく解説します。</p>



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



<h2 class="wp-block-heading">脳をコントロールする「腸脳相関」の仕組み</h2>



<p class="wp-block-paragraph">今回のニュースを読み解く最大の鍵となるのが、<strong><span class="swl-marker mark_yellow">「腸脳相関</span></strong><span class="swl-marker mark_yellow"><span class="swl-fz u-fz-s">（ちょうのうそうかん）</span></span><strong><span class="swl-marker mark_yellow">」</span></strong>という医学・脳科学の最先端トレンドです。</p>



<p class="wp-block-paragraph">これは文字通り、腸の環境と脳の働きが、お互いに深く連絡を取り合っている双方向のネットワークを指します。</p>



<div id="mc-gut-brain-anim" class="mc-animation-wrapper">
    <div class="mc-organ">
        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#2c3e50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
            <path d="M9.5 2h5M12 2v5M8.5 7a4 4 0 0 0-4 4 3 3 0 0 0 0 6 3.5 3.5 0 0 0 4 3h7a3.5 3.5 0 0 0 4-3 3 3 0 0 0 0-6 4 4 0 0 0-4-4"/>
            <path d="M12 10v9"/>
            <path d="M9 13h6"/>
            <path d="M10 16h4"/>
        </svg>
        <div class="mc-organ-name">Brain</div>
        <div class="mc-organ-desc">中枢神経系・認知機能</div>
    </div>

    <div class="mc-pathway">
        <div class="mc-line"></div>
        <div class="mc-signal mc-signal-up"></div>
        <div class="mc-signal mc-signal-down"></div>
        
        <div class="mc-label mc-label-left">迷走神経・代謝産物 (GABA等)</div>
        <div class="mc-label mc-label-right">自律神経・ストレス信号</div>
    </div>

    <div class="mc-organ">
        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#2c3e50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
            <path d="M12 21a9 9 0 0 0 9-9c0-3.5-1.5-6.5-4-8a9 9 0 0 0-10 0c-2.5 1.5-4 4.5-4 8a9 9 0 0 0 9 9Z"/>
            <path d="M12 12c-2.5 0-4.5 1.5-4.5 3s2 3 4.5 3 4.5-1.5 4.5-3-2-3-4.5-3Z"/>
        </svg>
        <div class="mc-organ-name">Gut</div>
        <div class="mc-organ-desc">腸内細菌叢・腸管神経系</div>
    </div>

    <div style="text-align: right; width: 100%; margin-top: 24px; font-size: 11px; color: #9ca3af; letter-spacing: 0.03em;">
        ※アニメーションはメカニズムの概念図（イメージ）です。
    </div>
</div>

<style>
.mc-animation-wrapper {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-top: 3px solid #2c3e50;
    padding: 40px 20px 24px 20px; /* 注釈に合わせて下部の余白を調整 */
    margin: 32px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
    font-family: "Helvetica Neue", Arial, sans-serif;
    width: 100%;
    box-sizing: border-box;
    /* スクロール連動のための初期状態 */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* 画面に入った時のフェードイン */
.mc-animation-wrapper.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.mc-organ {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 2;
    background: #ffffff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #f3f4f6;
    box-shadow: 0 2px 12px rgba(0,0,0,0.03);
    width: 100%;
    max-width: 300px;
}

.mc-organ-name {
    font-weight: bold;
    font-size: 16px;
    color: #1a202c;
    margin-top: 12px;
    letter-spacing: 0.05em;
}

.mc-organ-desc {
    font-size: 12px;
    color: #64748b;
    margin-top: 6px;
}

.mc-pathway {
    position: relative;
    height: 140px;
    width: 100%;
    max-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 12px 0;
}

.mc-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, rgba(44,62,80,0.05), rgba(44,62,80,0.3), rgba(44,62,80,0.05));
}

.mc-signal {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: calc(50% - 4px);
    opacity: 0;
}

/* アニメーションの基本設定（実行はis-visible付与後） */
.mc-signal-up {
    background-color: #0ea5e9;
    box-shadow: 0 0 10px 3px rgba(14, 165, 233, 0.4);
}

.mc-signal-down {
    background-color: #64748b;
    box-shadow: 0 0 10px 3px rgba(100, 116, 139, 0.4);
}

/* 画面に入ったらアニメーションを開始 */
.is-visible .mc-signal-up {
    animation: mcSignalUp 3s infinite ease-in-out;
}

.is-visible .mc-signal-down {
    animation: mcSignalDown 3s infinite ease-in-out;
    animation-delay: 1.5s;
}

.mc-label {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    color: #475569;
    background: #f8fafc;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    white-space: nowrap;
    letter-spacing: 0.03em;
}

.mc-label-left {
    right: calc(50% + 16px);
    top: 25%;
}

.mc-label-right {
    left: calc(50% + 16px);
    top: 65%;
}

@keyframes mcSignalUp {
    0% { transform: translateY(70px); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translateY(-70px); opacity: 0; }
}

@keyframes mcSignalDown {
    0% { transform: translateY(-70px); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translateY(70px); opacity: 0; }
}

/* モバイル最適化 */
@media (max-width: 480px) {
    .mc-animation-wrapper {
        padding: 32px 12px 24px 12px;
    }
    .mc-label {
        font-size: 10px;
        padding: 4px 8px;
    }
    .mc-label-left {
        right: calc(50% + 8px);
    }
    .mc-label-right {
        left: calc(50% + 8px);
    }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    // 画面の30%に入った段階で発火させる設定
    const observerOptions = {
        root: null,
        rootMargin: '0px',
        threshold: 0.3
    };

    const observer = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                // 画面に入ったらクラスを付与してアニメーション開始
                entry.target.classList.add('is-visible');
                // 一度発火したら監視を解除（スクロールのたびにリセットさせない場合）
                observer.unobserve(entry.target);
            }
        });
    }, observerOptions);

    const target = document.getElementById('mc-gut-brain-anim');
    if (target) {
        observer.observe(target);
    }
});
</script>



<p class="wp-block-paragraph">緊張するとお腹が痛くなるという現象からも分かる通り、脳のストレスが腸に伝わることは昔から知られていました。</p>



<p class="wp-block-paragraph">しかし近年のバイオテクノロジーの進化により、その逆のルート、つまり「腸の状態が、脳の気分や認知機能をコントロールしている」という決定的な事実が次々と明らかになっています。</p>



<p class="wp-block-paragraph">私たちの腸内には、<strong><span class="swl-marker mark_yellow">およそ100兆個もの膨大な腸内細菌が住んでいます。</span></strong></p>



<p class="wp-block-paragraph">彼らは単に食べ物を消化しているだけでなく、私たちが摂取したものをエサにして、日々さまざまな化学物質（代謝産物）を作り出しています。</p>



<p class="wp-block-paragraph">その物質が、腸と脳をダイレクトに結ぶ体内最大の情報高速道路である<strong><span class="swl-marker mark_yellow">「迷走神経</span></strong><span class="swl-fz u-fz-s"><span class="swl-marker mark_yellow">（めいそうしんけい）</span></span><strong><span class="swl-marker mark_yellow">」</span></strong>を刺激したり、血液に乗って脳へと運ばれたりすることで、私たちの「思考のクリアさ」「記憶力」「メンタルの安定」を左右しています。</p>



<p class="wp-block-paragraph">知的なパフォーマンスを維持するためには、脳だけでなく、その土壌である腸を整える必要があるというのは、現代科学の基礎知識となりつつあります。</p>



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



<h2 class="wp-block-heading">最新研究が証明した、コーヒーによる「脳のブレーキの喪失」</h2>



<p class="wp-block-paragraph">アイルランドのコーク大学（APC Microbiome Ireland）の研究チームは、大規模なデータ解析と食事の介入実験により、「習慣的にコーヒーを飲む人の腸内環境と、脳の働き」のつながりを詳しく調査しました。</p>



<p class="wp-block-paragraph">論文では、コーヒーが私たちの腸内環境を能動的に変化させ、脳に対して表裏一体の影響を与えていることが示されています。</p>



<div id="mc-coffee-aspects" class="mc-aspects-container">
    <!-- 有益な側面（左） -->
    <div class="mc-aspect-card mc-aspect-positive">
        <div class="mc-aspect-header">
            <span class="mc-badge mc-badge-green">脳を守る有益な側面</span>
        </div>
        
        <!-- アニメーション領域 -->
        <div class="mc-aspect-anim">
            <div class="mc-node mc-node-source">ポリフェノール等の成分</div>
            <div class="mc-track">
                <div class="mc-particle mc-particle-good-1"></div>
            </div>
            <div class="mc-node mc-node-gut mc-pulse-green">腸内の有益菌が活性化</div>
            <div class="mc-track">
                <div class="mc-particle mc-particle-good-2"></div>
            </div>
            <div class="mc-node mc-node-target mc-node-blue">脳の炎症を抑える物質</div>
        </div>

        <p class="mc-aspect-text">
            コーヒーに含まれるポリフェノールなどの優れた成分が、腸内にいる特定の有益な菌のエサとなり、脳の炎症を抑える良い物質を作り出す。
        </p>
    </div>

    <!-- 懸念すべき側面（右） -->
    <div class="mc-aspect-card mc-aspect-negative">
        <div class="mc-aspect-header">
            <span class="mc-badge mc-badge-orange">認知機能を脅かす懸念すべき側面</span>
        </div>
        
        <!-- アニメーション領域 -->
        <div class="mc-aspect-anim">
            <div class="mc-node mc-node-source">日常的なコーヒー摂取</div>
            <div class="mc-track">
                <div class="mc-particle mc-particle-bad-1"></div>
            </div>
            <div class="mc-node mc-node-gut mc-pulse-gray">腸内細菌のバランス変化</div>
            <div class="mc-track">
                <div class="mc-particle mc-particle-bad-2"></div>
            </div>
            <div class="mc-node mc-node-target mc-node-orange">
                リラックス成分「GABA」<br><span style="font-size: 16px; font-weight: bold;">明確に低下 ↓</span>
            </div>
        </div>

        <p class="mc-aspect-text">
            コーヒーを日常的に飲む人々は、まったく飲まない人々に比べて、腸内の細菌が作り出すリラックス成分「GABA（ギャバ）」の量が明確に低下している。
        </p>
    </div>
</div>

<style>
.mc-aspects-container {
    display: flex;
    gap: 24px;
    margin: 40px 0;
    width: 100%;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Arial, sans-serif;
    /* スクロール連動の初期状態 */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* 画面に入った時のフェードイン */
.mc-aspects-container.is-active {
    opacity: 1;
    transform: translateY(0);
}

.mc-aspect-card {
    flex: 1;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.03);
    display: flex;
    flex-direction: column;
}

.mc-aspect-positive {
    border-top: 4px solid #059669; /* エメラルドグリーン */
}

.mc-aspect-negative {
    border-top: 4px solid #ea580c; /* オレンジ */
}

.mc-aspect-header {
    margin-bottom: 24px;
    text-align: center;
}

.mc-badge {
    display: inline-block;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 4px;
    letter-spacing: 0.05em;
}

.mc-badge-green { background-color: #059669; }
.mc-badge-orange { background-color: #ea580c; }

/* アニメーション構造 */
.mc-aspect-anim {
    background: #f8fafc;
    border-radius: 6px;
    padding: 24px 16px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #f1f5f9;
}

.mc-node {
    font-size: 12px;
    font-weight: bold;
    color: #334155;
    background: #ffffff;
    padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid #cbd5e1;
    text-align: center;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    min-width: 140px;
}

.mc-track {
    width: 2px;
    height: 40px;
    background: linear-gradient(to bottom, transparent, #cbd5e1, transparent);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.mc-particle {
    position: absolute;
    top: -10px;
    left: -3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 0;
}

/* is-activeが付与されたらアニメーション開始 */
.is-active .mc-particle-good-1 { background-color: #059669; animation: mcDrop 2s infinite ease-in; }
.is-active .mc-particle-good-2 { background-color: #0ea5e9; animation: mcDrop 2s infinite ease-in; animation-delay: 1s; }
.is-active .mc-particle-bad-1 { background-color: #64748b; animation: mcDrop 2s infinite ease-in; }
.is-active .mc-particle-bad-2 { background-color: #ea580c; animation: mcDrop 2s infinite ease-in; animation-delay: 1s; }

.is-active .mc-pulse-green { animation: mcPulseGreen 2s infinite ease-in-out; animation-delay: 0.5s; }
.is-active .mc-pulse-gray { animation: mcPulseGray 2s infinite ease-in-out; animation-delay: 0.5s; }

/* 最終ノードの強調 */
.mc-node-blue { border-color: #0ea5e9; color: #0ea5e9; background: #f0f9ff; }
.mc-node-orange { border-color: #ea580c; color: #ea580c; background: #fff7ed; }

.mc-aspect-text {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #475569;
}

/* アニメーションキーフレーム */
@keyframes mcDrop {
    0% { top: -10px; opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { top: 40px; opacity: 0; }
}

@keyframes mcPulseGreen {
    0% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(5, 150, 105, 0); }
    100% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0); }
}

@keyframes mcPulseGray {
    0% { box-shadow: 0 0 0 0 rgba(100, 116, 139, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(100, 116, 139, 0); }
    100% { box-shadow: 0 0 0 0 rgba(100, 116, 139, 0); }
}

/* モバイル対応：縦並びに変更 */
@media (max-width: 768px) {
    .mc-aspects-container {
        flex-direction: column;
        gap: 20px;
    }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    // 画面に20%入った段階で発火させる設定
    const aspectObserverOptions = {
        root: null,
        rootMargin: '0px',
        threshold: 0.2
    };

    const aspectObserver = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                // クラスを付与してアニメーションを開始
                entry.target.classList.add('is-active');
                // 一度発火したら監視を解除
                observer.unobserve(entry.target);
            }
        });
    }, aspectObserverOptions);

    const aspectTarget = document.getElementById('mc-coffee-aspects');
    if (aspectTarget) {
        aspectObserver.observe(aspectTarget);
    }
});
</script>



<p class="wp-block-paragraph">GABAは、興奮した神経を落ち着かせ、脳の過剰なストレスや焦りを和らげる<strong><span class="swl-marker mark_yellow">「ブレーキ」の役割を果たす大切なアミノ酸です。</span></strong></p>



<p class="wp-block-paragraph">驚くべきことに、この腸内由来のGABAが減少することに伴い、研究では、一部の記憶認知テストにおいて「コーヒーを飲まないグループ」の方が高い成績を収める傾向が観察されました。</p>



<p class="wp-block-paragraph">さらに、コーヒーを飲むグループでは、衝動性が高まりやすい――つまり、脳が空回りしたように過剰に興奮しやすく、冷静なタスク処理や一貫した判断力を失いやすい傾向があることが示唆されたのです。</p>



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



<h3 class="wp-block-heading">なぜコーヒーでGABAが減るのか？</h3>



<p class="wp-block-paragraph">理由は、腸の中に暮らす「細菌たちのバランス（勢力図）の変化」にあります。</p>



<p class="wp-block-paragraph">毎日コーヒーという特定の成分が継続的に入ってくると、腸内ではコーヒーの成分を好む特定の細菌が、それをエサにして急速にその勢力を伸ばします。</p>



<p class="wp-block-paragraph">しかし、腸内の生存スペースや資源は限られているため、その特定の菌が増殖した分だけ、別の菌のスペースが圧迫されます。結果として、これまでせっせと「GABA」などのリラックス成分を作ってくれていた、他の有益な菌たちの活動が抑え込まれてしまうのです。</p>



<div id="mc-gut-competition-anim" style="background-color: #ffffff; border: 1px solid #e5e7eb; border-top: 4px solid #64748b; padding: 32px 24px; margin: 32px 0; box-sizing: border-box; width: 100%; box-shadow: 0 4px 16px rgba(0,0,0,0.03); border-radius: 8px; font-family: 'Helvetica Neue', Arial, sans-serif;">
    
    <span style="display: inline-block; background-color: #f1f5f9; border: 1px solid #cbd5e1; color: #475569; font-size: 11px; padding: 3px 8px; border-radius: 2px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 12px; white-space: nowrap;">メカニズム</span>
    
    <div role="heading" aria-level="3" style="margin: 0 0 24px 0; font-size: 16px; color: #0f172a; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4;">腸内スペースの「陣取り合戦」とGABA減少</div>

    <div class="mc-comp-wrapper">
        
        <div class="mc-comp-header">
            <span style="font-size: 12px; font-weight: bold; color: #475569; letter-spacing: 0.05em;">限られた腸内リソース（定員100%）</span>
            <div class="mc-comp-ruler">
                <div class="mc-ruler-tick"></div>
                <div class="mc-ruler-tick"></div>
                <div class="mc-ruler-tick"></div>
            </div>
        </div>

        <div class="mc-gut-cylinder">
            
            <div class="mc-zone mc-zone-gaba">
                <div class="mc-gaba-emission">
                    <div class="mc-gaba-dot" style="left: 30%; animation-delay: 0s;"></div>
                    <div class="mc-gaba-dot" style="left: 50%; animation-delay: 0.5s;"></div>
                    <div class="mc-gaba-dot" style="left: 70%; animation-delay: 1s;"></div>
                </div>
                
                <div class="mc-zone-content mc-content-gaba">
                    <div class="mc-bacteria-icon mc-icon-green"></div>
                    <span class="mc-zone-name">GABA産生菌</span>
                    <span class="mc-zone-action mc-action-shrink">圧迫・縮小</span>
                </div>
            </div>

            <div class="mc-zone mc-zone-coffee">
                <div class="mc-coffee-drops">
                    <div class="mc-drop" style="left: 40%; animation-delay: 0s;"></div>
                    <div class="mc-drop" style="left: 60%; animation-delay: 0.2s;"></div>
                </div>

                <div class="mc-zone-content mc-content-coffee">
                    <div class="mc-bacteria-icon mc-icon-blue"></div>
                    <span class="mc-zone-name">特定の有益菌</span>
                    <span class="mc-zone-action mc-action-expand">急激に増殖</span>
                </div>
            </div>

        </div>

        <div class="mc-comp-result">
            <span class="mc-result-text">GABAの産生が大幅に低下（ストップ）</span>
        </div>

    </div>

    <p style="margin: 24px 0 20px 0; color: #475569; line-height: 1.8; font-size: 14px;">
        腸内の生存スペースは限られているため、コーヒー成分をエサにして特定の菌が過剰に増殖すると、物理的に他の菌のスペースが奪われます。<br>
        結果として、リラックス成分であるGABAをせっせと作っていた有益な菌たちの活動が抑え込まれてしまうのです。
    </p>

    <div style="text-align: right; width: 100%; font-size: 11px; color: #9ca3af; letter-spacing: 0.03em; word-break: keep-all;">
        ※アニメーションはメカニズムの概念図（イメージ）です。
    </div>

</div>

<style>
/* アニメーションラッパー（初期状態設定） */
.mc-comp-wrapper {
    position: relative;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

#mc-gut-competition-anim.is-playing .mc-comp-wrapper {
    opacity: 1;
    transform: translateY(0);
}

.mc-comp-header {
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
}

.mc-comp-ruler {
    width: 100%;
    height: 8px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #cbd5e1;
    margin-top: 4px;
    padding: 0 10px;
    box-sizing: border-box;
}

.mc-ruler-tick {
    width: 2px;
    height: 100%;
    background: #cbd5e1;
}

/* 腸内シリンダー */
.mc-gut-cylinder {
    position: relative;
    width: 100%;
    height: 140px;
    background: #f8fafc;
    border: 2px solid #cbd5e1;
    border-radius: 70px;
    display: flex;
    overflow: hidden;
    box-shadow: inset 0 2px 8px rgba(0,0,0,0.05);
}

/* 各ゾーン共通 */
.mc-zone {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 50%;
}

.mc-zone-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    z-index: 10;
    /* スケールアニメーションの基準点を中央に */
    transform-origin: center center;
}

.mc-zone-name {
    font-size: 13px;
    font-weight: bold;
    color: #1e293b;
    margin-top: 8px;
}

.mc-bacteria-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,0.1);
}

.mc-icon-green { background-color: #10b981; }
.mc-icon-blue { background-color: #0ea5e9; }

/* 左側：GABA産生菌 */
.mc-zone-gaba {
    background: rgba(16, 185, 129, 0.15);
    border-right: 2px dashed #94a3b8;
}

.mc-action-shrink {
    font-size: 11px;
    color: #ef4444;
    font-weight: bold;
    background: #ffffff;
    padding: 2px 6px;
    border-radius: 4px;
    margin-top: 4px;
    opacity: 0;
}

/* 右側：特定の菌 */
.mc-zone-coffee {
    background: rgba(14, 165, 233, 0.15);
}

.mc-action-expand {
    font-size: 11px;
    color: #0284c7;
    font-weight: bold;
    background: #ffffff;
    padding: 2px 6px;
    border-radius: 4px;
    margin-top: 4px;
    opacity: 0;
}

/* コーヒーの成分（上から降ってくる） */
.mc-coffee-drops {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.mc-drop {
    position: absolute;
    top: -20px;
    width: 8px;
    height: 8px;
    background-color: #475569;
    border-radius: 50%;
    opacity: 0;
}

/* GABAの放出（上へ昇る） */
.mc-gaba-emission {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.mc-gaba-dot {
    position: absolute;
    bottom: 20px;
    width: 10px;
    height: 10px;
    background-color: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(16,185,129,0.5);
    opacity: 0;
}

/* 結果の警告テキスト */
.mc-comp-result {
    margin-top: 16px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mc-result-text {
    font-size: 14px;
    font-weight: bold;
    color: #ef4444;
    background: #fef2f2;
    padding: 4px 16px;
    border-radius: 20px;
    border: 1px solid #fca5a5;
    opacity: 0;
}

/* --- アニメーションキーフレーム (6秒周期ループ) --- */

#mc-gut-competition-anim.is-playing .mc-zone-gaba { animation: mcSqueezeGaba 6s infinite cubic-bezier(0.4, 0, 0.2, 1); }
#mc-gut-competition-anim.is-playing .mc-zone-coffee { animation: mcExpandCoffee 6s infinite cubic-bezier(0.4, 0, 0.2, 1); }

@keyframes mcSqueezeGaba {
    0%, 15% { width: 50%; }
    30%, 75% { width: 25%; }
    90%, 100% { width: 50%; }
}

@keyframes mcExpandCoffee {
    0%, 15% { width: 50%; }
    30%, 75% { width: 75%; }
    90%, 100% { width: 50%; }
}

#mc-gut-competition-anim.is-playing .mc-content-gaba { animation: mcContentShrink 6s infinite cubic-bezier(0.4, 0, 0.2, 1); }
#mc-gut-competition-anim.is-playing .mc-content-coffee { animation: mcContentGrow 6s infinite cubic-bezier(0.4, 0, 0.2, 1); }

@keyframes mcContentShrink {
    0%, 15% { transform: scale(1); opacity: 1; }
    30%, 75% { transform: scale(0.65); opacity: 0.6; }
    90%, 100% { transform: scale(1); opacity: 1; }
}

@keyframes mcContentGrow {
    0%, 15% { transform: scale(1); }
    30%, 75% { transform: scale(1.15); }
    90%, 100% { transform: scale(1); }
}

#mc-gut-competition-anim.is-playing .mc-action-shrink,
#mc-gut-competition-anim.is-playing .mc-action-expand { animation: mcShowAction 6s infinite ease-in-out; }

@keyframes mcShowAction {
    0%, 15% { opacity: 0; transform: translateY(5px); }
    30%, 70% { opacity: 1; transform: translateY(0); }
    80%, 100% { opacity: 0; transform: translateY(5px); }
}

#mc-gut-competition-anim.is-playing .mc-drop { animation: mcDropCoffee 6s infinite ease-in; }

@keyframes mcDropCoffee {
    0%, 5% { top: -20px; opacity: 0; }
    15% { top: 50px; opacity: 1; }
    20%, 100% { top: 80px; opacity: 0; }
}

#mc-gut-competition-anim.is-playing .mc-gaba-dot { animation: mcFloatGaba 6s infinite linear; }

@keyframes mcFloatGaba {
    0% { bottom: 20px; opacity: 1; transform: translateY(0) scale(1); }
    10% { bottom: 80px; opacity: 0; transform: translateY(-10px) scale(1.2); }
    15%, 85% { opacity: 0; }
    90% { bottom: 20px; opacity: 1; transform: translateY(0) scale(1); }
    100% { bottom: 80px; opacity: 0; transform: translateY(-10px) scale(1.2); }
}

#mc-gut-competition-anim.is-playing .mc-result-text { animation: mcShowResult 6s infinite ease-in-out; }

@keyframes mcShowResult {
    0%, 35% { opacity: 0; transform: scale(0.9); }
    45%, 70% { opacity: 1; transform: scale(1); }
    80%, 100% { opacity: 0; transform: scale(0.9); }
}

/* =========================================
   モバイル最適化（狭い画面での文字サイズ・余白調整）
========================================= */
@media (max-width: 480px) {
    #mc-gut-competition-anim {
        padding: 24px 16px;
    }
    .mc-gut-cylinder {
        height: 120px;
        border-radius: 60px;
    }
    .mc-bacteria-icon {
        width: 24px;
        height: 24px;
    }
    .mc-zone-name {
        font-size: 10px;
        white-space: nowrap;
        margin-top: 6px;
    }
    .mc-action-shrink, .mc-action-expand {
        font-size: 9px;
        padding: 2px 4px;
    }
    .mc-result-text {
        font-size: 11px;
        padding: 4px 12px;
    }
    .mc-comp-header span {
        font-size: 11px !important;
    }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-playing');
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.3 });

    const target = document.getElementById('mc-gut-competition-anim');
    if (target) {
        observer.observe(target);
    }
});
</script>



<p class="wp-block-paragraph">実験では、コーヒーを一時的に完全にやめると腸内のGABAを作る環境は速やかに回復し、コーヒーを再開すると再びGABAのレベルが低下するという、明確な因果関係も確認されています。</p>



<p class="wp-block-paragraph">これらの基礎研究データは、食事や嗜好品の摂取バランスが腸内フローラを介して脳の受容体に与える影響の大きさを示しており、日頃から持続的注意力や記憶力を高いレベルで維持するためのコンディション管理において、GABAという分子のバランスが学術的な注目を集める背景となっています。</p>



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



<h2 class="wp-block-heading">確立された科学的エビデンス：GABAは「腸」を介して脳に届く</h2>



<p class="wp-block-paragraph">ここで一つの疑問が浮かびます。</p>



<p class="wp-block-paragraph">「腸内のGABAが減るのが問題なら、外からGABAを摂取すれば解決するのか？」という点です。</p>



<p class="wp-block-paragraph">かつて科学の世界では、「GABAを口から摂取しても、脳のバリア（脳血液関門）にブロックされるため、脳には届かないので意味がない」と言われていた時代がありました。</p>



<p class="wp-block-paragraph">しかし、近年の腸脳相関の研究によって、その定説は完全に覆されています。</p>



<p class="wp-block-paragraph">「GABAは脳に直接届かなくても、腸にあるセンサーを刺激することで、<strong><span class="swl-marker mark_yellow">神経を介して脳にリラックス信号を送っている</span></strong>」という強力なエビデンスが確立されているのです。</p>



<h3 class="wp-block-heading">① 腸はGABAセンサーの宝庫である</h3>



<p class="wp-block-paragraph">私たちの腸（腸管神経系）には、脳と同じくらい大量の「GABAをキャッチするセンサー（受容体）」が存在します。</p>



<p class="wp-block-paragraph">口から摂取したGABAが腸に到達すると、このセンサーが感知し、即座に「迷走神経」を通じて脳へ「リラックスしろ」「落ち着け」という信号が送られます。</p>



<div id="mc-evidence-unified" style="background-color: #ffffff; border: 1px solid #e5e7eb; border-top: 4px solid #10b981; padding: 32px 24px; margin: 32px 0; box-sizing: border-box; width: 100%; box-shadow: 0 4px 16px rgba(0,0,0,0.03); border-radius: 8px; font-family: 'Helvetica Neue', Arial, sans-serif;">
    
    <span style="display: inline-block; background-color: #f0fdf4; border: 1px solid #bbf7d0; color: #065f46; font-size: 11px; padding: 3px 8px; border-radius: 2px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 12px; white-space: nowrap;">エビデンス</span>
    
    <div role="heading" aria-level="3" style="margin: 0 0 24px 0; font-size: 16px; color: #111827; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4;">腸管神経系と迷走神経を介したGABAのシグナル伝達</div>
    
    <p style="margin: 0 0 24px 0; color: #374151; line-height: 1.7; font-size: 14px;">
        経口摂取したGABAが脳のバリア（血液脳関門）を直接通過しなくても、腸管神経系（ENS）に無数に存在するGABA受容体に結合し、求心性迷走神経という神経ネットワークを介して脳の中枢へシグナルを伝達するメカニズムは、近年の神経消化器学において強く支持されています。
    </p>

    <div class="mc-unified-anim-wrapper">
        <div class="mc-gaba-diagram">
            <div class="mc-icon-wrapper mc-brain-wrapper">
                <div class="mc-brain-glow"></div>
                <svg width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#2c3e50" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M9.5 2h5M12 2v5M8.5 7a4 4 0 0 0-4 4 3 3 0 0 0 0 6 3.5 3.5 0 0 0 4 3h7a3.5 3.5 0 0 0 4-3 3 3 0 0 0 0-6 4 4 0 0 0-4-4"/>
                    <path d="M12 10v9"/>
                    <path d="M9 13h6"/>
                    <path d="M10 16h4"/>
                </svg>
            </div>
            <div class="mc-label mc-label-brain">脳（中枢神経）</div>

            <div class="mc-nerve-path">
                <div class="mc-nerve-line"></div>
                <div class="mc-nerve-signal"></div>
            </div>
            <div class="mc-label mc-label-nerve">迷走神経シグナル</div>

            <div class="mc-icon-wrapper mc-gut-wrapper">
                <div class="mc-gut-glow"></div>
                <svg width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="#2c3e50" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M12 21a9 9 0 0 0 9-9c0-3.5-1.5-6.5-4-8a9 9 0 0 0-10 0c-2.5 1.5-4 4.5-4 8a9 9 0 0 0 9 9Z"/>
                    <path d="M12 12c-2.5 0-4.5 1.5-4.5 3s2 3 4.5 3 4.5-1.5 4.5-3-2-3-4.5-3Z"/>
                </svg>
                <div class="mc-receptor mc-receptor-1"></div>
                <div class="mc-receptor mc-receptor-2"></div>
                <div class="mc-receptor mc-receptor-3"></div>
            </div>
            <div class="mc-label mc-label-gut">腸（GABA受容体）</div>

            <div class="mc-gaba-intake">
                <div class="mc-gaba-molecule mc-gaba-1"></div>
                <div class="mc-gaba-molecule mc-gaba-2"></div>
                <div class="mc-gaba-molecule mc-gaba-3"></div>
            </div>
            <div class="mc-label mc-label-intake">GABA<br><span style="font-size: 9px; font-weight: normal;">(経口摂取)</span></div>
        </div>
        
        <div style="text-align: right; width: 100%; margin-top: 16px; font-size: 11px; color: #9ca3af; letter-spacing: 0.03em; word-break: keep-all;">
            ※アニメーションはメカニズムの概念図（イメージ）です。
        </div>
    </div>

    <div style="background-color: #f9fafb; padding: 16px; border-radius: 4px; border: 1px solid #f3f4f6; font-size: 13px; color: #6b7280; line-height: 1.6;">
        <strong style="color: #4b5563;">【代表的な学術論文（出典）】</strong><br>
        Bravo, J. A., Forsythe, P., Chew, M. V., Escaravage, E., Savignac, H. M., Dinan, T. G., Bienenstock, J., &#038; Cryan, J. F. (2011). <br>
        <span style="color: #4b5563; font-style: italic;">&#8220;Ingestion of Lactobacillus strain regulates emotional behavior and central GABA receptor expression in a mouse via the vagus nerve.&#8221;</span><br>
        Proceedings of the National Academy of Sciences (PNAS), 108(38), 16050-16055.<br>
        <span style="display: inline-block; margin-top: 8px; font-size: 12px; border-top: 1px solid #e5e7eb; padding-top: 8px;">
            ※迷走神経を切断したマウスではGABA受容体を介した中枢への効果が消失することを証明し、腸と脳の経路（腸脳相関）を確立した画期的な研究。
        </span>
    </div>

</div>

<style>
/* アニメーションラッパー（初期状態は透明で下に配置） */
.mc-unified-anim-wrapper {
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    padding: 32px 16px 16px 16px;
    margin: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* スクロールで表示されたらフェードイン＆アニメーション開始 */
#mc-evidence-unified.is-playing .mc-unified-anim-wrapper {
    opacity: 1;
    transform: translateY(0);
}

.mc-gaba-diagram {
    position: relative;
    width: 280px;
    height: 320px;
}

.mc-icon-wrapper {
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

.mc-brain-wrapper { top: 0; left: 50%; transform: translateX(-50%); }
.mc-gut-wrapper { bottom: 0; left: 50%; transform: translateX(-50%); }

.mc-brain-glow, .mc-gut-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    z-index: -1;
}

.mc-brain-glow { background: radial-gradient(circle, rgba(14,165,233,0.35) 0%, rgba(14,165,233,0) 70%); }
.mc-gut-glow { background: radial-gradient(circle, rgba(16,185,129,0.35) 0%, rgba(16,185,129,0) 70%); }

.mc-nerve-path {
    position: absolute;
    top: 60px;
    height: 180px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    display: flex;
    justify-content: center;
}

.mc-nerve-line {
    width: 3px;
    height: 100%;
    background: repeating-linear-gradient(to bottom, #cbd5e1 0, #cbd5e1 6px, transparent 6px, transparent 12px);
}

.mc-nerve-signal {
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 10px;
    background-color: #0ea5e9;
    border-radius: 50%;
    box-shadow: 0 0 10px 4px rgba(14,165,233,0.5);
    opacity: 0;
}

/* 受容体 */
.mc-receptor {
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #10b981;
    border-radius: 50%;
    background: #ffffff;
}
.mc-receptor-1 { top: -4px; left: 25%; }
.mc-receptor-2 { top: -6px; left: 50%; transform: translateX(-50%); }
.mc-receptor-3 { top: -4px; right: 25%; }

/* GABA摂取 */
.mc-gaba-intake {
    position: absolute;
    bottom: 70px;
    left: 190px;
    width: 40px;
    height: 40px;
}
.mc-gaba-molecule {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #10b981;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(16,185,129,0.6);
    opacity: 0;
}
.mc-gaba-1 { left: 0px; top: 0px; }
.mc-gaba-2 { left: 14px; top: 8px; }
.mc-gaba-3 { left: 28px; top: -4px; }

/* ラベル設定 */
.mc-label {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    color: #475569;
    background: rgba(255,255,255,0.95);
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    letter-spacing: 0.03em;
}
.mc-label-brain { top: 25px; left: 190px; }
.mc-label-nerve { top: 140px; right: 160px; }
.mc-label-gut { bottom: 25px; right: 190px; }
.mc-label-intake { 
    bottom: 120px; 
    left: 180px; 
    color: #059669; 
    border-color: #a7f3d0; 
    background: #ecfdf5; 
    text-align: center;
    line-height: 1.3;
}

/* --- アニメーションキーフレーム (全体4秒周期) --- */
#mc-evidence-unified.is-playing .mc-gaba-1 { animation: mcDropGaba 4s infinite ease-in; animation-delay: 0s; }
#mc-evidence-unified.is-playing .mc-gaba-2 { animation: mcDropGaba 4s infinite ease-in; animation-delay: 0.15s; }
#mc-evidence-unified.is-playing .mc-gaba-3 { animation: mcDropGaba 4s infinite ease-in; animation-delay: 0.3s; }

#mc-evidence-unified.is-playing .mc-gut-glow { animation: mcGutPulse 4s infinite ease-out; }
#mc-evidence-unified.is-playing .mc-receptor { animation: mcReceptorPulse 4s infinite ease-out; }
#mc-evidence-unified.is-playing .mc-nerve-signal { animation: mcSignalRise 4s infinite ease-in-out; }
#mc-evidence-unified.is-playing .mc-brain-glow { animation: mcBrainPulse 4s infinite ease-out; }

/* 0-1s: GABAが腸へ降下 */
@keyframes mcDropGaba {
    0% { transform: translate(0, -20px) scale(0.8); opacity: 0; }
    5% { opacity: 1; }
    20% { transform: translate(-30px, 40px) scale(1.2); opacity: 0; }
    100% { transform: translate(-30px, 40px) scale(1.2); opacity: 0; }
}

/* 1-1.5s: 腸と受容体が反応 */
@keyframes mcGutPulse {
    0%, 15% { opacity: 0; transform: scale(0.8); }
    25% { opacity: 1; transform: scale(1.3); }
    40%, 100% { opacity: 0; transform: scale(1); }
}
@keyframes mcReceptorPulse {
    0%, 15% { background: #ffffff; box-shadow: none; }
    25% { background: #10b981; box-shadow: 0 0 10px #10b981; }
    40%, 100% { background: #ffffff; box-shadow: none; }
}

/* 1.5-2.5s: 迷走神経をシグナルが上昇 */
@keyframes mcSignalRise {
    0%, 25% { bottom: 0; opacity: 0; }
    30% { bottom: 0; opacity: 1; }
    60% { bottom: 100%; opacity: 1; }
    65%, 100% { bottom: 100%; opacity: 0; }
}

/* 2.5-3.5s: 脳が反応（リラックス・認知維持） */
@keyframes mcBrainPulse {
    0%, 55% { opacity: 0; transform: scale(0.8); }
    65% { opacity: 1; transform: scale(1.4); }
    85%, 100% { opacity: 0; transform: scale(1); }
}

/* モバイル最適化（幅が狭い画面でも崩れないよう中央寄せを維持） */
@media (max-width: 480px) {
    #mc-evidence-unified { padding: 24px 16px; }
    .mc-label { font-size: 10px; padding: 3px 6px; }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    // スクロールして画面の30%に入った段階でアニメーションクラスを付与
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-playing');
                // 一度発火したら監視を解除
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.3 });

    const target = document.getElementById('mc-evidence-unified');
    if (target) {
        observer.observe(target);
    }
});
</script>



<p class="wp-block-paragraph">つまり、GABAが働く舞台そのものが、まさに「腸」といえます。</p>



<h3 class="wp-block-heading">② 神経を遮断すると効果が消えるという証明</h3>



<p class="wp-block-paragraph">これを証明する有名な科学実験があります。</p>



<p class="wp-block-paragraph">腸内でGABAを大量に生み出す有益な菌をマウスに摂取させると、脳内のGABAの働きが活発になり、ストレスや不安を感じにくくなることが分かっています。</p>



<p class="wp-block-paragraph">しかし、このマウスの「腸と脳を結ぶ神経（迷走神経）」を切断すると、いくら腸内でGABAを増やしても、リラックス効果が完全に消え去ってしまったのです。</p>



<div id="mc-vagus-experiment-anim" style="background-color: #ffffff; border: 1px solid #e5e7eb; border-top: 4px solid #3b82f6; padding: 32px 24px; margin: 32px 0; box-sizing: border-box; width: 100%; box-shadow: 0 4px 16px rgba(0,0,0,0.03); border-radius: 8px; font-family: 'Helvetica Neue', Arial, sans-serif;">
    
    <span style="display: inline-block; background-color: #eff6ff; border: 1px solid #bfdbfe; color: #1d4ed8; font-size: 11px; padding: 3px 8px; border-radius: 2px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 12px; white-space: nowrap;">実験</span>
    
    <div role="heading" aria-level="3" style="margin: 0 0 24px 0; font-size: 16px; color: #111827; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4;">迷走神経の切断による「腸脳相関」の証明実験</div>
    
    <p style="margin: 0 0 24px 0; color: #374151; line-height: 1.8; font-size: 14px;">
        腸内でGABAを大量に生み出す有益な菌を摂取させても、「腸と脳を結ぶ迷走神経」を切断するとリラックス効果が完全に消え去ることを証明したマウス実験の概念図です。<br>
        これにより、GABAの刺激が神経を介して脳へ届くことが実証されました。
    </p>

    <div class="mc-exp-comparison">
        
        <div class="mc-exp-panel mc-panel-normal">
            <div class="mc-panel-header mc-bg-blue">1. 迷走神経【正常】</div>
            <div class="mc-exp-diagram">
                <div class="mc-icon-node mc-brain-node">
                    <div class="mc-node-glow mc-glow-success"></div>
                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#2c3e50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M9.5 2h5M12 2v5M8.5 7a4 4 0 0 0-4 4 3 3 0 0 0 0 6 3.5 3.5 0 0 0 4 3h7a3.5 3.5 0 0 0 4-3 3 3 0 0 0 0-6 4 4 0 0 0-4-4"/>
                        <path d="M12 10v9"/><path d="M9 13h6"/><path d="M10 16h4"/>
                    </svg>
                    <div class="mc-node-label">脳</div>
                </div>
                <div class="mc-exp-nerve">
                    <div class="mc-exp-line"></div>
                    <div class="mc-exp-signal mc-signal-up"></div>
                </div>
                <div class="mc-icon-node mc-gut-node">
                    <div class="mc-gut-active"></div>
                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#2c3e50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M12 21a9 9 0 0 0 9-9c0-3.5-1.5-6.5-4-8a9 9 0 0 0-10 0c-2.5 1.5-4 4.5-4 8a9 9 0 0 0 9 9Z"/>
                        <path d="M12 12c-2.5 0-4.5 1.5-4.5 3s2 3 4.5 3 4.5-1.5 4.5-3-2-3-4.5-3Z"/>
                    </svg>
                    <div class="mc-node-label">腸 (GABA増)</div>
                </div>
            </div>
            <div class="mc-exp-result mc-text-blue">
                <span style="font-size: 16px; font-weight: bold; display: block; margin-bottom: 4px;">脳内GABAが活性化</span>
                ストレスや不安を感じにくくなる
            </div>
        </div>

        <div class="mc-exp-panel mc-panel-cut">
            <div class="mc-panel-header mc-bg-red">2. 迷走神経【切断】</div>
            <div class="mc-exp-diagram">
                <div class="mc-icon-node mc-brain-node mc-dull">
                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M9.5 2h5M12 2v5M8.5 7a4 4 0 0 0-4 4 3 3 0 0 0 0 6 3.5 3.5 0 0 0 4 3h7a3.5 3.5 0 0 0 4-3 3 3 0 0 0 0-6 4 4 0 0 0-4-4"/>
                        <path d="M12 10v9"/><path d="M9 13h6"/><path d="M10 16h4"/>
                    </svg>
                    <div class="mc-node-label" style="color:#94a3b8;">脳</div>
                </div>
                <div class="mc-exp-nerve">
                    <div class="mc-exp-line-top"></div>
                    <div class="mc-cut-mark">
                        <span style="color: #ef4444; font-size: 14px; font-weight: bold;">✂ 切断</span>
                    </div>
                    <div class="mc-exp-line-bottom"></div>
                    <div class="mc-exp-signal mc-signal-fail"></div>
                    <div class="mc-signal-block"></div>
                </div>
                <div class="mc-icon-node mc-gut-node">
                    <div class="mc-gut-active"></div>
                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#2c3e50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M12 21a9 9 0 0 0 9-9c0-3.5-1.5-6.5-4-8a9 9 0 0 0-10 0c-2.5 1.5-4 4.5-4 8a9 9 0 0 0 9 9Z"/>
                        <path d="M12 12c-2.5 0-4.5 1.5-4.5 3s2 3 4.5 3 4.5-1.5 4.5-3-2-3-4.5-3Z"/>
                    </svg>
                    <div class="mc-node-label">腸 (GABA増)</div>
                </div>
            </div>
            <div class="mc-exp-result mc-text-red">
                <span style="font-size: 16px; font-weight: bold; display: block; margin-bottom: 4px;">リラックス効果が消失</span>
                腸内でGABAを増やしても無意味に
            </div>
        </div>

    </div>

    <div style="text-align: right; width: 100%; margin-top: 16px; font-size: 11px; color: #9ca3af; letter-spacing: 0.03em; word-break: keep-all;">
        ※アニメーションは科学的メカニズムを解説するための概念図（イメージ）です。
    </div>
</div>

<style>
/* 比較コンテナ */
.mc-exp-comparison {
    display: flex;
    gap: 20px;
    width: 100%;
    margin-top: 24px;
    /* スクロール発火用の初期状態 */
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

#mc-vagus-experiment-anim.is-playing .mc-exp-comparison {
    opacity: 1;
    transform: translateY(0);
}

/* パネル設定 */
.mc-exp-panel {
    flex: 1;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mc-panel-header {
    text-align: center;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.05em;
}
.mc-bg-blue { background-color: #3b82f6; }
.mc-bg-red { background-color: #ef4444; }

/* 図解領域 */
.mc-exp-diagram {
    position: relative;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
}

.mc-icon-node {
    position: relative;
    background: #ffffff;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cbd5e1;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.mc-dull {
    background: #f1f5f9;
    border-color: #e2e8f0;
    box-shadow: none;
}

.mc-node-label {
    position: absolute;
    right: -70px;
    font-size: 12px;
    font-weight: bold;
    color: #475569;
    background: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    white-space: nowrap;
}

/* 発光エフェクト */
.mc-node-glow, .mc-gut-active {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
}

/* 神経パス */
.mc-exp-nerve {
    position: absolute;
    top: 80px;
    bottom: 80px;
    width: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mc-exp-line {
    width: 4px;
    height: 100%;
    background: #cbd5e1;
}

/* 切断された神経 */
.mc-exp-line-top {
    width: 4px;
    height: 40%;
    background: #e2e8f0;
}
.mc-exp-line-bottom {
    width: 4px;
    height: 40%;
    background: #cbd5e1;
}

.mc-cut-mark {
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    border-top: 2px dashed #ef4444;
    position: relative;
}

/* シグナル（光） */
.mc-exp-signal {
    position: absolute;
    bottom: 0;
    width: 12px;
    height: 12px;
    background-color: #0ea5e9;
    border-radius: 50%;
    opacity: 0;
}

.mc-signal-block {
    position: absolute;
    bottom: 45%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    opacity: 0;
}

/* 結果テキスト */
.mc-exp-result {
    padding: 16px;
    text-align: center;
    font-size: 12px;
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
    line-height: 1.5;
}

.mc-text-blue { color: #1d4ed8; }
.mc-text-red { color: #b91c1c; }

/* --- アニメーションキーフレーム (4秒周期) --- */
#mc-vagus-experiment-anim.is-playing .mc-gut-active {
    animation: mcExpGutPulse 4s infinite ease-out;
}

#mc-vagus-experiment-anim.is-playing .mc-signal-up {
    animation: mcExpSignalSuccess 4s infinite ease-in-out;
}

#mc-vagus-experiment-anim.is-playing .mc-glow-success {
    animation: mcExpBrainPulse 4s infinite ease-out;
}

#mc-vagus-experiment-anim.is-playing .mc-signal-fail {
    animation: mcExpSignalFail 4s infinite ease-in;
}

#mc-vagus-experiment-anim.is-playing .mc-signal-block {
    animation: mcExpSignalCrash 4s infinite ease-out;
}

/* 腸のGABA生成 */
@keyframes mcExpGutPulse {
    0%, 10% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); background: transparent; }
    20%, 80% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); background: rgba(16, 185, 129, 0.1); }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); background: transparent; }
}

/* 左：正常に脳へ届く */
@keyframes mcExpSignalSuccess {
    0%, 15% { bottom: 0; opacity: 0; }
    20% { bottom: 0; opacity: 1; box-shadow: 0 0 10px 4px rgba(14,165,233,0.5); }
    60% { bottom: 100%; opacity: 1; box-shadow: 0 0 10px 4px rgba(14,165,233,0.5); }
    65%, 100% { bottom: 100%; opacity: 0; }
}

/* 左：脳がリラックス反応 */
@keyframes mcExpBrainPulse {
    0%, 55% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0); background: transparent; }
    65% { box-shadow: 0 0 20px 10px rgba(14, 165, 233, 0.4); background: rgba(14, 165, 233, 0.1); }
    85%, 100% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0); background: transparent; }
}

/* 右：途中で消えるシグナル */
@keyframes mcExpSignalFail {
    0%, 15% { bottom: 0; opacity: 0; }
    20% { bottom: 0; opacity: 1; box-shadow: 0 0 10px 4px rgba(14,165,233,0.5); }
    40% { bottom: 45%; opacity: 1; transform: scale(1); }
    45%, 100% { bottom: 45%; opacity: 0; transform: scale(0); }
}

/* 右：遮断時の小さな火花/消失エフェクト */
@keyframes mcExpSignalCrash {
    0%, 38% { opacity: 0; transform: scale(0.5); background: transparent; }
    42% { opacity: 1; transform: scale(1.5); background: rgba(239, 68, 68, 0.3); }
    48%, 100% { opacity: 0; transform: scale(2); background: transparent; }
}

/* モバイル最適化（縦並び） */
@media (max-width: 640px) {
    .mc-exp-comparison {
        flex-direction: column;
    }
    .mc-node-label {
        right: auto;
        left: 70px; /* モバイルでは右側に少しはみ出るのを防ぐため内側へ */
    }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-playing');
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.3 });

    const target = document.getElementById('mc-vagus-experiment-anim');
    if (target) {
        observer.observe(target);
    }
});
</script>



<p class="wp-block-paragraph">この実験は、「腸に届いたGABAの刺激が、神経というハイウェイを通って脳のコンディションを動かしている」という決定的な証拠となりました。</p>



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



<h2 class="wp-block-heading">「引き算」を前提にした、これからの時代の飲料選び</h2>



<p class="wp-block-paragraph">何かを足せば、何かが引かれる。<br>それは私たちの体内（腸と脳）のネットワークにおいても例外ではありませんでした。</p>



<p class="wp-block-paragraph">カフェインという「アクセル」に頼り、無理やり脳を叩き起こしてパフォーマンスを上げようとすると、長期的には腸内環境が変化し、脳のブレーキであるGABAの不足を招く。</p>



<p class="wp-block-paragraph">その結果、夕方にかけての持続的な注意力の低下、作業中の見落とし（ケアレスミス）、あるいは重要なデータの正確な把握（空間認知）のブレに繋がり、知的な活動の土台である「認知パフォーマンス」の低下を招いてしまうという矛盾が生じます。</p>



<p class="wp-block-paragraph">私たちが仕事や作業の現場で本当に必要としているのは、単に心臓をバクバクさせて視野を狭くするような「一時的な覚醒」ではなく、「一連の作業をミスなく継続できる高い注意力や、見聞きした情報を瞬時に引き出す確かな記憶力」のはずです。</p>



<p class="wp-block-paragraph">これからの時代、高い知性を維持し続けたいビジネスパーソンが取るべきなのは、コーヒーを盲信することでも、逆にコーヒーを完全に断つことでもありません。</p>



<p class="wp-block-paragraph">コーヒーの特性や腸内環境への影響（引き算のリスク）を科学的に理解した上で、日々の食習慣を組み立てるという、一歩進んだ視点です。</p>



<div id="mc-smart-habit-anim" style="background-color: #ffffff; border: 1px solid #e5e7eb; border-top: 4px solid #1e293b; padding: 32px 20px; margin: 32px 0; box-sizing: border-box; width: 100%; box-shadow: 0 4px 16px rgba(0,0,0,0.03); border-radius: 8px; font-family: 'Helvetica Neue', Arial, sans-serif;">
    
    <span style="display: inline-block; background-color: #f1f5f9; border: 1px solid #cbd5e1; color: #334155; font-size: 11px; padding: 3px 8px; border-radius: 2px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 12px; white-space: nowrap;">コンセプト</span>
    
    <div role="heading" aria-level="3" style="margin: 0 0 24px 0; font-size: 16px; color: #0f172a; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4;">「引き算」を補完するスマート・ハビット</div>

    <div class="mc-habit-flow">
        
        <div class="mc-habit-step mc-step-old">
            <div class="mc-step-header" style="color: #64748b; border-bottom: 1px solid #e2e8f0;">
                <span style="font-size: 10px; font-weight: bold; letter-spacing: 0.1em; display: block; margin-bottom: 2px;">PHASE 01</span>
                旧来のアプローチ（単一的摂取）
            </div>
            
            <div class="mc-equation-row">
                <div class="mc-eq-item">
                    <div class="mc-eq-icon">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#475569" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M17 8h1a4 4 0 1 1 0 8h-1"/><path d="M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"/><line x1="6" y1="2" x2="6" y2="4"/><line x1="10" y1="2" x2="10" y2="4"/><line x1="14" y1="2" x2="14" y2="4"/>
                        </svg>
                    </div>
                    <span class="mc-eq-text">コーヒーの習慣</span>
                </div>
                
                <div class="mc-eq-arrow">→</div>
                
                <div class="mc-eq-result-group">
                    <div class="mc-res-item mc-res-plus">
                        <span style="color: #10b981; font-weight: bold; margin-right: 4px;">＋</span> 一時的な覚醒
                    </div>
                    <div class="mc-res-item mc-res-minus mc-pulse-red">
                        <span style="color: #ef4444; font-weight: bold; margin-right: 4px;">－</span> 腸内GABAの減少<br>
                        <span style="font-size: 10px; color: #64748b; font-weight: normal; margin-top: 4px; display: block;">(持続的注意力の低下リスク)</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="mc-shift-arrow">
            <div class="mc-shift-line"></div>
            <div class="mc-shift-head"></div>
            <div class="mc-shift-label">知識によるアップデート</div>
        </div>

        <div class="mc-habit-step mc-step-new">
            <div class="mc-step-header" style="color: #0369a1; border-bottom: 1px solid #bae6fd;">
                <span style="font-size: 10px; font-weight: bold; letter-spacing: 0.1em; display: block; margin-bottom: 2px;">PHASE 02</span>
                一歩進んだ視点（戦略的補完）
            </div>
            
            <div class="mc-equation-row">
                <div class="mc-eq-group-box">
                    <div class="mc-eq-item" style="border: none; padding: 0; background: transparent;">
                        <div class="mc-eq-icon" style="background: #ffffff;">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#475569" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M17 8h1a4 4 0 1 1 0 8h-1"/><path d="M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"/>
                            </svg>
                        </div>
                    </div>
                    <div style="font-weight: bold; color: #0284c7; margin: 0 8px;">＋</div>
                    <div class="mc-eq-item" style="border: none; padding: 0; background: transparent;">
                        <div class="mc-eq-icon mc-icon-blue" style="background: #ffffff;">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#0284c7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
                            </svg>
                        </div>
                    </div>
                    <div style="width: 100%; text-align: center; font-size: 11px; font-weight: bold; color: #0284c7; margin-top: 8px;">
                        失われるGABAを同時に補完
                    </div>
                </div>
                
                <div class="mc-eq-arrow mc-arrow-blue">→</div>
                
                <div class="mc-eq-final-result">
                    <div class="mc-final-icon">
                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M9.5 2h5M12 2v5M8.5 7a4 4 0 0 0-4 4 3 3 0 0 0 0 6 3.5 3.5 0 0 0 4 3h7a3.5 3.5 0 0 0 4-3 3 3 0 0 0 0-6 4 4 0 0 0-4-4"/>
                            <path d="M12 10v9"/><path d="M9 13h6"/><path d="M10 16h4"/>
                        </svg>
                    </div>
                    <div style="font-size: 14px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 4px;">認知パフォーマンスの維持</div>
                    <div style="font-size: 11px; font-weight: normal; opacity: 0.9;">記憶力・持続的注意力・空間認知力</div>
                </div>
            </div>
        </div>

    </div>
</div>

<style>
/* フロー全体 */
.mc-habit-flow {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* スクロールアニメーション初期状態 */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

#mc-smart-habit-anim.is-playing .mc-habit-flow {
    opacity: 1;
    transform: translateY(0);
}

/* ステップの共通設定 */
.mc-habit-step {
    width: 100%;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}

.mc-step-old {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.mc-step-new {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.05);
}

.mc-step-header {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

/* 数式・フローの横並びレイアウト */
.mc-equation-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mc-eq-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 12px;
    min-width: 80px;
}

.mc-eq-group-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.6);
    border: 1px dashed #7dd3fc;
    border-radius: 6px;
    padding: 12px;
    min-width: 120px;
}

.mc-eq-icon {
    background: #f1f5f9;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.mc-icon-blue { background: #e0f2fe; }

.mc-eq-text {
    font-size: 11px;
    font-weight: bold;
    color: #475569;
    text-align: center;
}

.mc-eq-arrow {
    font-size: 20px;
    font-weight: bold;
    color: #94a3b8;
    margin: 0 12px;
}

.mc-arrow-blue { color: #0ea5e9; }

/* 結果グループ（旧来） */
.mc-eq-result-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.mc-res-item {
    background: #ffffff;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: bold;
    border-left: 3px solid;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.mc-res-plus { border-color: #10b981; color: #334155; }
.mc-res-minus { border-color: #ef4444; color: #334155; }

/* 最終結果（次世代） */
.mc-eq-final-result {
    flex: 1;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    color: #ffffff;
    border-radius: 6px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.2);
    position: relative;
    overflow: hidden;
}

.mc-final-icon {
    margin-bottom: 8px;
}

/* ステップ間の矢印 */
.mc-shift-arrow {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

.mc-shift-line {
    width: 2px;
    height: 100%;
    background: #cbd5e1;
}

.mc-shift-head {
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #cbd5e1;
    position: absolute;
    bottom: 0;
}

.mc-shift-label {
    position: absolute;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #475569;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 12px;
    border-radius: 20px;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: 0.05em;
}

/* アニメーション用クラス */
#mc-smart-habit-anim.is-playing .mc-pulse-red {
    animation: mcPulseRedBorder 2s infinite ease-in-out;
}

#mc-smart-habit-anim.is-playing .mc-eq-final-result::after {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
    animation: mcShine 3s infinite;
}

@keyframes mcPulseRedBorder {
    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.3); }
    50% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

@keyframes mcShine {
    0% { left: -100%; }
    20% { left: 200%; }
    100% { left: 200%; }
}

/* モバイル最適化：幅狭時は縦並びにする */
@media (max-width: 600px) {
    .mc-equation-row {
        flex-direction: column;
        gap: 12px;
    }
    .mc-eq-arrow {
        transform: rotate(90deg);
        margin: 4px 0;
    }
    .mc-eq-result-group, .mc-eq-final-result {
        width: 100%;
        box-sizing: border-box;
    }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-playing');
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.3 });

    const target = document.getElementById('mc-smart-habit-anim');
    if (target) {
        observer.observe(target);
    }
});
</script>



<p class="wp-block-paragraph">コーヒーが持つ本来のメリットを活かしつつ、年齢とともに低下する記憶力（見たり聞いたりしたことを思い出す力）や持続的注意力（注意を継続させながら作業を続ける力）、あるいは空間認知力（物の位置、形、向きなどを正確に把握する力）をサポートするために、GABAなどの機能性成分を日々のルーティンの中でスマートに調和（補完）させていく。</p>



<div id="mc-synergy-anim" class="mc-synergy-wrapper">
    
    <span style="display: inline-block; background-color: #f1f5f9; border: 1px solid #cbd5e1; color: #475569; font-size: 11px; padding: 3px 8px; border-radius: 2px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 12px; white-space: nowrap;">相乗効果</span>
    
    <div role="heading" aria-level="3" style="margin: 0 0 24px 0; font-size: 16px; color: #0f172a; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4;">カフェイン×GABAの生理的シナジー</div>

    <div class="mc-synergy-grid">
        <div class="mc-syn-box mc-syn-myth">
            <div class="mc-box-title">❌ 誤ったイメージ（機能の衝突）</div>
            <div class="mc-myth-visual">
                <div class="mc-car-part mc-accel">
                    アクセル<br><span>(カフェイン)</span>
                </div>
                <div class="mc-crash-icon">
                    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path d="m15 9-6 6m0-6 6 6m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
                    </svg>
                </div>
                <div class="mc-car-part mc-brake">
                    ブレーキ<br><span>(GABA)</span>
                </div>
            </div>
            <p class="mc-box-desc">「覚醒」と「鎮静」がぶつかり合い、効果が打ち消される、あるいは体に不都合が起きると誤解されがちです。</p>
        </div>

        <div class="mc-syn-box mc-syn-fact">
            <div class="mc-box-title" style="color: #0284c7;">⭕️ 実際のメカニズム（Calm Focus）</div>
            <div class="mc-fact-visual">
                
                <div class="mc-fact-stage">
                    <div class="mc-stage-label">荒々しいエンジン振動<br><span style="color:#ef4444;">(カフェインのノイズ)</span></div>
                    <div class="mc-wave-window">
                        <svg class="mc-wave-jagged" width="200" height="40" viewBox="0 0 200 40">
                            <polyline points="0,20 10,0 20,40 30,10 40,30 50,0 60,40 70,10 80,30 90,0 100,20 110,0 120,40 130,10 140,30 150,0 160,40 170,10 180,30 190,0 200,20" fill="none" stroke="#ef4444" stroke-width="2"/>
                        </svg>
                    </div>
                </div>
                
                <div class="mc-fact-filter">
                    <div class="mc-filter-core">
                        GABA<br><span>(サスペンション)</span>
                    </div>
                    <div class="mc-filter-pulse"></div>
                </div>

                <div class="mc-fact-stage">
                    <div class="mc-stage-label">滑らかな高速走行<br><span style="color:#0ea5e9;">(持続的注意力)</span></div>
                    <div class="mc-wave-window">
                        <svg class="mc-wave-smooth" width="100%" height="40" viewBox="0 0 100 40" preserveAspectRatio="none">
                            <line class="mc-speed-line" x1="0" y1="20" x2="100" y2="20" stroke="#0ea5e9" stroke-width="3" stroke-dasharray="15 10"/>
                            <circle cx="50" cy="20" r="3" fill="#ffffff" stroke="#0ea5e9" stroke-width="2" class="mc-speed-dot"/>
                        </svg>
                    </div>
                </div>

            </div>
            <p class="mc-box-desc">それぞれが異なる経路（受容体）で働くため衝突しません。<br>カフェインによる交感神経の過剰なスパイク（焦燥感等）だけをGABAが吸収・平準化し、ノイズのない高度な集中状態を実現します。</p>
        </div>
    </div>
    
    <div style="text-align: right; width: 100%; margin-top: 16px; font-size: 11px; color: #9ca3af; letter-spacing: 0.03em; word-break: keep-all;">
        ※アニメーションはメカニズムの概念図（イメージ）です。
    </div>
</div>

<style>
.mc-synergy-wrapper {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-top: 4px solid #1e293b;
    padding: 32px 24px;
    margin: 32px 0;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 4px 16px rgba(0,0,0,0.03);
    border-radius: 8px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

#mc-synergy-anim.is-playing {
    opacity: 1;
    transform: translateY(0);
}

.mc-synergy-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mc-syn-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 20px;
}

.mc-syn-fact {
    background: #f0f9ff;
    border-color: #bae6fd;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.05);
}

.mc-box-title {
    font-size: 14px;
    font-weight: bold;
    color: #475569;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #cbd5e1;
}

.mc-box-desc {
    margin: 16px 0 0 0;
    font-size: 13px;
    color: #475569;
    line-height: 1.8; /* 行間を広げて見やすく調整 */
}

/* 誤解ビジュアル */
.mc-myth-visual {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
}

.mc-car-part {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 12px 20px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #334155;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.mc-car-part span {
    font-size: 11px;
    color: #64748b;
    font-weight: normal;
}

.mc-crash-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fef2f2;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

/* 真実ビジュアル */
.mc-fact-visual {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    position: relative;
}

.mc-fact-stage {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mc-stage-label {
    font-size: 12px;
    font-weight: bold;
    color: #1e293b;
    text-align: center;
    margin-bottom: 12px;
    line-height: 1.4;
    white-space: nowrap;
}

.mc-stage-label span {
    font-size: 11px;
    font-weight: normal;
}

.mc-wave-window {
    width: 100%;
    max-width: 120px;
    height: 40px;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}

.mc-fact-filter {
    position: relative;
    margin: 0 16px;
    z-index: 10;
}

.mc-filter-core {
    background: #10b981;
    color: #ffffff;
    border-radius: 8px;
    padding: 12px 16px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    position: relative;
    z-index: 2;
}

.mc-filter-core span {
    font-size: 10px;
    font-weight: normal;
    opacity: 0.9;
}

.mc-filter-pulse {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 8px;
    background: #10b981;
    z-index: 1;
}

/* --- アニメーションキーフレーム --- */

/* ノイズ波形：左へスクロールして連続的に見せる */
#mc-synergy-anim.is-playing .mc-wave-jagged {
    animation: mcScrollJagged 1s infinite linear;
}

@keyframes mcScrollJagged {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100px); }
}

/* サスペンションの稼働エフェクト */
#mc-synergy-anim.is-playing .mc-filter-pulse {
    animation: mcFilterAbsorb 1.5s infinite ease-out;
}

@keyframes mcFilterAbsorb {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.3); opacity: 0; }
}

/* スムーズ波形：破線のオフセットアニメーションで高速進行を表現 */
#mc-synergy-anim.is-playing .mc-speed-line {
    animation: mcDashFlow 0.5s infinite linear;
}

@keyframes mcDashFlow {
    0% { stroke-dashoffset: 25; }
    100% { stroke-dashoffset: 0; }
}

/* 安定走行を示すドットの微細な浮遊 */
#mc-synergy-anim.is-playing .mc-speed-dot {
    animation: mcHoverStable 2s infinite ease-in-out;
}

@keyframes mcHoverStable {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

/* 誤解パネルの衝突アイコンアニメーション */
#mc-synergy-anim.is-playing .mc-crash-icon svg {
    animation: mcCrashShake 2s infinite;
}

@keyframes mcCrashShake {
    0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.5; }
    10%, 30%, 50% { transform: scale(1.2) rotate(-10deg); opacity: 1; }
    20%, 40% { transform: scale(1.2) rotate(10deg); opacity: 1; }
    60% { transform: scale(1) rotate(0deg); opacity: 0.5; }
}

/* モバイル最適化 */
@media (max-width: 600px) {
    .mc-fact-visual {
        flex-direction: column;
        gap: 20px;
    }
    .mc-fact-filter {
        margin: 0;
    }
    .mc-filter-pulse {
        display: none; /* モバイル縦並び時のレイアウト崩れ防止 */
    }
    .mc-wave-window {
        max-width: 100%;
    }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-playing');
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.3 });

    const target = document.getElementById('mc-synergy-anim');
    if (target) {
        observer.observe(target);
    }
});
</script>



<p class="wp-block-paragraph">単に脳を無理やり刺激するだけの時代ではありません。</p>



<p class="wp-block-paragraph">これからは、腸と脳のバランスまで計算に入れながら、あなたの記憶力や持続的注意力を高いレベルで賢く維持するための「スマートな選択」を取り入れてみてはいかがでしょうか？</p>



<p class="wp-block-paragraph">常に安定した高いパフォーマンスを維持し続けたい人にこそ、この「引き算を補う」という新しい習慣が必要です。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="640" height="426" src="https://memory-coffee.jp/wp-content/uploads/2026/02/morning-wooden-coffee.jpg" alt="" class="wp-image-2806" srcset="https://memory-coffee.jp/wp-content/uploads/2026/02/morning-wooden-coffee.jpg 640w, https://memory-coffee.jp/wp-content/uploads/2026/02/morning-wooden-coffee-300x200.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



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



<div style="background-color: #ffffff; border: 1px solid #e5e7eb; border-top: 4px solid #1a1a1a; padding: 32px 24px; margin: 40px 0; box-sizing: border-box; width: 100%; box-shadow: 0 4px 16px rgba(0,0,0,0.02); border-radius: 8px; font-family: 'Helvetica Neue', Arial, sans-serif;">
    
    <div style="text-align: center; margin-bottom: 32px;">
        <span style="display: inline-block; background-color: #f1f5f9; border: 1px solid #cbd5e1; color: #475569; font-size: 11px; padding: 3px 12px; border-radius: 20px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 12px;">FAQ</span>
        <h2 style="background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; font-size: 20px !important; color: #0f172a !important; font-weight: bold !important; letter-spacing: 0.05em !important; line-height: 1.4 !important; text-align: center !important; box-shadow: none !important; display: block !important;">よくあるご質問と科学的見解</h2>
    </div>

    <div style="margin-bottom: 24px; border-bottom: 1px solid #f1f5f9; padding-bottom: 24px;">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: #1a1a1a; color: #ffffff; font-size: 12px; font-weight: bold; border-radius: 4px; margin-right: 12px; flex-shrink: 0;">Q</span>
            <div style="font-size: 16px; font-weight: bold; color: #1e293b; line-height: 1.5; padding-top: 2px;">
                コーヒーを飲むと認知機能が低下するのですか？
            </div>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: #f8fafc; border: 1px solid #cbd5e1; color: #475569; font-size: 12px; font-weight: bold; border-radius: 4px; margin-right: 12px; flex-shrink: 0;">A</span>
            <div style="font-size: 14px; color: #475569; line-height: 1.8; padding-top: 2px;">
                コーヒー自体が直ちに認知機能を破壊するわけではありません。コーヒーには一時的な覚醒作用などのメリットも存在します。最新研究が警鐘を鳴らしているのは、「カフェインの刺激に過度に依存し続けることで腸内環境のバランスが崩れ、結果として脳のブレーキ役であるGABAが不足する」というメカニズムです。<br>
                このGABA不足が、夕方にかけての<strong>「持続的な注意力の低下」や「作業のケアレスミス（空間認知のブレ）」を引き起こす要因</strong>となります。「コーヒー＝悪」ではなく、「コーヒーの習慣がもたらす『引き算』を理解し、足りなくなる機能を補完する」という視点が重要です。
            </div>
        </div>
    </div>

    <div style="margin-bottom: 24px; border-bottom: 1px solid #f1f5f9; padding-bottom: 24px;">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: #1a1a1a; color: #ffffff; font-size: 12px; font-weight: bold; border-radius: 4px; margin-right: 12px; flex-shrink: 0;">Q</span>
            <div style="font-size: 16px; font-weight: bold; color: #1e293b; line-height: 1.5; padding-top: 2px;">
                コーヒーを飲むと、どのくらいGABAが減少するのですか？
            </div>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: #f8fafc; border: 1px solid #cbd5e1; color: #475569; font-size: 12px; font-weight: bold; border-radius: 4px; margin-right: 12px; flex-shrink: 0;">A</span>
            <div style="font-size: 14px; color: #475569; line-height: 1.8; padding-top: 2px;">
                減少する正確な「数値」や「割合」は、一人ひとりの腸内細菌叢（フローラ）の状態や、コーヒーの摂取量・頻度によって大きく異なるため、一概には言えません。しかし、Nature系列誌で発表された論文のデータでは、コーヒーを日常的に飲むグループは、飲まないグループと比較して<strong>「統計的に有意な（明確な）GABA生成経路の低下」</strong>が確認されています。<br>
                大切なのは「何mg減るか」という数字そのものではなく、「日常的なコーヒー習慣が、知的なパフォーマンスを支える腸内のGABA生成にマイナスの影響を与えている」という事実を認識することにあります。
            </div>
        </div>
    </div>

    <div style="margin-bottom: 0;">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: #1a1a1a; color: #ffffff; font-size: 12px; font-weight: bold; border-radius: 4px; margin-right: 12px; flex-shrink: 0;">Q</span>
            <div style="font-size: 16px; font-weight: bold; color: #1e293b; line-height: 1.5; padding-top: 2px;">
                GABAをとっても、コーヒーの効果で相殺されるのではないですか？
            </div>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: #f8fafc; border: 1px solid #cbd5e1; color: #475569; font-size: 12px; font-weight: bold; border-radius: 4px; margin-right: 12px; flex-shrink: 0;">A</span>
            <div style="font-size: 14px; color: #475569; line-height: 1.8; padding-top: 2px;">
                結論から申し上げますと、<strong>相殺されることはありません。</strong>なぜなら、コーヒー（カフェイン）とGABAは、体内で働く「ルート」と「役割」が全く異なるからです。<br>
                カフェインは直接的に脳を刺激する「一時的なアクセル」として働くのに対し、経口摂取したGABAは「腸管神経系から迷走神経を通じて、脳のコンディションを整えるサポート役」として独立したルートで働きます。<br>
                むしろ、この特性を活かして<strong>「コーヒーの良さを享受しつつ、失われやすいGABAを同時に補完する」</strong>ことこそが、覚醒状態の中でも『見聞きした情報を瞬時に引き出す確かな記憶力』や『持続的な注意力』を維持するための、最も理にかなったアプローチと言えます。
            </div>
        </div>
    </div>

</div>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Article",
      "headline": "コーヒーと「認知機能」の新しい真実。最新研究が明かす、腸と脳のネットワーク（腸脳相関）とGABAの役割",
      "description": "最新の神経科学・腸脳相関の研究により、日常的なコーヒー摂取が腸内GABAレベルを低下させ、認知パフォーマンスに影響を与える可能性が示唆されました。「引き算」を前提としたスマートな飲料選びについて解説します。",
      "author": {
        "@type": "Person",
        "name": "佐藤 俊彦"
      },
      "publisher": {
        "@type": "Organization",
        "name": "HOPEF Co., Ltd."
      }
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "コーヒーを飲むと直ちに認知機能が低下するのですか？",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "コーヒーそのものが直接的に脳の機能を破壊するわけではありません。最新研究が指摘しているのは、習慣的な摂取によって腸内環境のバランスが変化し、脳のブレーキ役である「GABA」が減少してしまうという「間接的なリスク（引き算）」です。このGABA低下の放置が、夕方以降の持続的な注意力の散漫やケアレスミスに繋がる懸念があるため、適切な補完が推奨されます。"
          }
        },
        {
          "@type": "Question",
          "name": "コーヒーを飲むと、どのくらいGABAが減少するのですか？",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "個人の腸内細菌叢の状態やコーヒーの摂取量によって変動するため、一律に数値化することは困難です。しかし、コーク大学の実験データでは、習慣的にコーヒーを飲むグループと全く飲まないグループの腸内代謝物を比較した際、GABA産生レベルにおける明確な低下が観察されています。"
          }
        },
        {
          "@type": "Question",
          "name": "GABAをとっても、コーヒーの効果で相殺されるのではないですか？",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "完全に相殺されることはありません。カフェインは直接的に脳に働きかけるアクセルであり、GABAは腸から迷走神経を介して過剰な興奮を鎮めるブレーキだからです。GABAの摂取は、コーヒーのメリットを消すことではなく、失われた冷静なブレーキ機能を正常なベースラインに引き戻すための合理的なアプローチです。"
          }
        }
      ]
    }
  ]
}
</script>



<div style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 20px; margin: 40px 0 24px 0; box-sizing: border-box; width: 100%; font-family: 'Helvetica Neue', Arial, sans-serif;">
    <div style="font-size: 13px; font-weight: bold; color: #475569; margin-bottom: 12px; display: flex; align-items: center;">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#64748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 8px;">
            <circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line>
        </svg>
        免責事項および記事に関するご注意
    </div>
    <ul style="margin: 0; padding-left: 20px; color: #64748b; font-size: 11px; line-height: 1.7;">
        <li style="margin-bottom: 8px;">本記事は、最新の科学的知見（腸脳相関や成分の特性など）に関する一般的な情報提供のみを目的としており、医学的な診断、治療、または医師のアドバイスに代わるものではありません。</li>
        <li style="margin-bottom: 8px;">記事内で参照している研究論文や実験データは、成分の一般的な機能やメカニズムを解説するためのものであり、特定の疾患の予防や治癒を保証するものではありません。健康に関する懸念がある場合は、必ず専門の医療機関にご相談ください。</li>
        <li style="margin-bottom: 0;">記事の制作にあたっては信頼できる情報源に基づき慎重に作成しておりますが、科学研究は常に進歩・更新されるため、内容の完全性、正確性、最新性を完全に保証するものではありません。</li>
    </ul>
</div>



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>認知機能とは？種類・低下のサイン・科学的に維持する方法をわかりやすく解説</title>
		<link>https://memory-coffee.jp/magazine/cognitive-function-what-is-guide/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Wed, 13 May 2026 12:34:28 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=5197</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/cognitive-function-what-is-guide-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ 📑この記事でわかること ✔️ 「認知機能」と「認 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/cognitive-function-what-is-guide-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<style>
.mc-summary-heading {
    all: revert !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    font-size: 1.25rem !important;
    color: #1a508b !important;
    display: flex !important;
    align-items: center !important;
    border: none !important;
    border-bottom: 2px solid #1a508b !important;
    padding: 0 0 8px 0 !important;
    background: transparent !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}
.mc-summary-heading::before,
.mc-summary-heading::after {
    display: none !important;
    content: none !important;
}
</style>

<div style="
    background-color: #eef7fe;
    border: 1px solid #cce3f6;
    border-radius: 8px;
    padding: 24px;
    margin: 20px 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    color: #333;
    line-height: 1.6;
">
    <div role="heading" aria-level="2" class="mc-summary-heading">
        <span style="margin-right: 8px;">📑</span>この記事でわかること
    </div>
    <ul style="
        list-style: none;
        padding: 0;
        margin: 0;
    ">
        <li style="
            margin-bottom: 12px;
            display: flex;
            align-items: flex-start;
        ">
            <span style="color: #2e7d32; margin-right: 10px; font-weight: bold;">✔️</span>
            <span><strong>「認知機能」と「認知症」</strong>は全く別の話だった理由</span>
        </li>
        <li style="
            margin-bottom: 12px;
            display: flex;
            align-items: flex-start;
        ">
            <span style="color: #2e7d32; margin-right: 10px; font-weight: bold;">✔️</span>
            <span><strong>記憶力・注意力・空間認知力</strong>など、認知機能の種類と日常での使われ方</span>
        </li>
        <li style="
            margin-bottom: 12px;
            display: flex;
            align-items: flex-start;
        ">
            <span style="color: #2e7d32; margin-right: 10px; font-weight: bold;">✔️</span>
            <span>なぜ「回復」ではなく<strong>「維持」が重要なのか</strong>、その科学的な理由</span>
        </li>
        <li style="
            display: flex;
            align-items: flex-start;
        ">
            <span style="color: #2e7d32; margin-right: 10px; font-weight: bold;">✔️</span>
            <span>今日からできる、<strong>認知機能を維持するための具体的な方法</strong></span>
        </li>
    </ul>
</div>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-01.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>昨日会った人の名前が、すぐに出てこない</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-03.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>会議で聞いた内容を、後で思い出せない</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-01.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>昔より頭の回転が遅くなった気がする</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">最近、こんな経験はありませんか？</p>



<p class="wp-block-paragraph">こうした「ちょっとした変化」を「年のせいかな」「疲れているだけ」と流してしまっていないでしょうか？</p>



<p class="wp-block-paragraph">実はこれらは、<strong><span class="swl-marker mark_yellow">「認知機能」</span></strong>と呼ばれる脳の特定の機能が関係しているサインかもしれません。</p>



<p class="wp-block-paragraph">「認知機能」という言葉を聞くと、多くの方が「認知症の話？自分にはまだ関係ない」と感じるかもしれません。</p>



<p class="wp-block-paragraph">しかしそれは大きな誤解です。</p>



<p class="wp-block-paragraph">認知機能は、認知症になった人だけが持つ特別な機能ではありません。</p>



<p class="wp-block-paragraph">私たち全員が毎日使っている、脳の基本的な働きです。</p>



<p class="wp-block-paragraph">そしてその機能は、誰でも30代頃から少しずつ変化し始めます。</p>



<p class="wp-block-paragraph">この記事では、認知機能とは何か、どんな種類があるのか、なぜ低下するのか、そしてどうすれば維持できるのかを、できるかぎりわかりやすく解説します。</p>



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



<h2 class="wp-block-heading">認知機能とは何か？：「認知症」との違いから理解する</h2>



<h3 class="wp-block-heading">認知機能の正体</h3>



<p class="wp-block-paragraph">認知機能とは、<strong><span class="swl-marker mark_yellow">「外から入ってきた情報を理解し、処理し、行動につなげる脳の力」</span></strong>の総称です。</p>



<p class="wp-block-paragraph">もう少し具体的に言うと、以下のような日常のあらゆる場面でこの機能が使われています。</p>



<div style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color: #333; line-height: 1.6; max-width: 100%; box-sizing: border-box;">
    <div role="heading" aria-level="3" style="margin-top: 0; color: #1a508b; font-size: 1.2rem; border-bottom: 2px solid #1a508b; padding-bottom: 8px; margin-bottom: 20px; font-weight: bold;">日常のあらゆる場面で働く「認知機能」</div>
    
    <div style="margin-bottom: 16px; background: #fff; padding: 15px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); width: 100%; box-sizing: border-box;">
        <strong style="color: #2c5282; display: block; font-size: 1.05rem; margin-bottom: 8px;">🌅 朝：スケジュールの把握</strong>
        <p style="margin: 0 0 10px 0; font-weight: bold;">「カレンダーを見て、今日は月曜日だから会議があると判断する」</p>
        <span style="font-size: 0.85em; background-color: #eef7fe; color: #1a508b; padding: 4px 8px; border-radius: 4px; display: inline-block; margin-bottom: 8px;">関わる機能：記憶力・見当識</span>
        <p style="font-size: 0.9em; color: #555; margin: 0;">過去の経験（月曜は会議）を長期記憶から引き出し、現在の日時情報と結びつけて状況を正確に把握しています。</p>
    </div>

    <div style="margin-bottom: 16px; background: #fff; padding: 15px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); width: 100%; box-sizing: border-box;">
        <strong style="color: #2c5282; display: block; font-size: 1.05rem; margin-bottom: 8px;">🚶 通勤中：マルチタスク</strong>
        <p style="margin: 0 0 10px 0; font-weight: bold;">「通勤中に複数のことを同時に考えながら歩く」</p>
        <span style="font-size: 0.85em; background-color: #eef7fe; color: #1a508b; padding: 4px 8px; border-radius: 4px; display: inline-block; margin-bottom: 8px;">関わる機能：持続的注意力・空間認知力</span>
        <p style="font-size: 0.9em; color: #555; margin: 0;">周囲の障害物や距離感を把握しながら（空間認知力）、別の思考にも注意を向け続ける（注意の分配）という高度な情報処理を行っています。</p>
    </div>

    <div style="margin-bottom: 16px; background: #fff; padding: 15px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); width: 100%; box-sizing: border-box;">
        <strong style="color: #2c5282; display: block; font-size: 1.05rem; margin-bottom: 8px;">💼 会議中：情報の処理と応答</strong>
        <p style="margin: 0 0 10px 0; font-weight: bold;">「相手の話を聞いて内容を理解し、適切な返答を考える」</p>
        <span style="font-size: 0.85em; background-color: #eef7fe; color: #1a508b; padding: 4px 8px; border-radius: 4px; display: inline-block; margin-bottom: 8px;">関わる機能：処理速度・ワーキングメモリ</span>
        <p style="font-size: 0.9em; color: #555; margin: 0;">耳から入った情報を脳に一時的に保持し（ワーキングメモリ）、リアルタイムで素早く処理して論理的な返答を構築しています。</p>
    </div>

    <div style="margin-bottom: 16px; background: #fff; padding: 15px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); width: 100%; box-sizing: border-box;">
        <strong style="color: #2c5282; display: block; font-size: 1.05rem; margin-bottom: 8px;">🌇 夕方：計画と段取り</strong>
        <p style="margin: 0 0 10px 0; font-weight: bold;">「今日のタスクを振り返って明日の優先順位を決める」</p>
        <span style="font-size: 0.85em; background-color: #eef7fe; color: #1a508b; padding: 4px 8px; border-radius: 4px; display: inline-block; margin-bottom: 8px;">関わる機能：実行機能（遂行機能）</span>
        <p style="font-size: 0.9em; color: #555; margin: 0;">目的を達成するために情報を整理し、論理的に計画を立て、優先度をつけて実行に移す「脳の司令塔」としての役割を果たしています。</p>
    </div>

    <p style="font-size: 0.85em; color: #666; margin: 15px 0 0 0; text-align: right;">※これらは日常における認知機能の使われ方の一例です。</p>
</div>



<p class="wp-block-paragraph">これらすべてに、認知機能が働いています。</p>



<p class="wp-block-paragraph">特別な状況ではなく、ごく普通の日常の中で、私たちは絶えずこの機能を使い続けているのです。</p>



<h3 class="wp-block-heading">「認知症」と「認知機能の低下」は別物</h3>



<p class="wp-block-paragraph">多くの方が「認知機能」と聞いて連想するのは「認知症」だと思います。</p>



<p class="wp-block-paragraph">しかしこの2つは、明確に異なるものです。</p>



<p class="wp-block-paragraph"><strong>認知機能</strong>とは、先ほど説明したとおり「<strong><span class="swl-marker mark_yellow">脳が情報を処理する力」の総称</span></strong>です。</p>



<p class="wp-block-paragraph">これは誰もが持っているものであり、加齢とともに少しずつ変化します。</p>



<p class="wp-block-paragraph">一方で<strong>認知症</strong>とは、認知機能の低下が日常生活に支障をきたすほど深刻になった<strong><span class="swl-marker mark_yellow">「病気の状態」</span></strong>のことです。</p>



<p class="wp-block-paragraph">つまり、認知機能は健康な人全員が持っているグラデーションのようなものであり、認知症はそのグラデーションの末端にある病的な状態です。</p>



<div style="width: 100%; box-sizing: border-box; padding: 24px 16px; background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;">
    <div role="heading" aria-level="3" style="margin: 0 0 24px 0; font-size: 1.15rem; color: #1a508b; text-align: center; font-weight: bold;">認知機能と認知症の連続性<br class="mc-sp-only">（グラデーション）</div>

    <div style="width: 100%; position: relative; margin-bottom: 16px;">
        <div style="width: 100%; height: 20px; border-radius: 10px; background: linear-gradient(to right, #1a508b 0%, #63b3ed 45%, #f6ad55 80%, #e53e3e 100%);"></div>
    </div>

    <div style="display: flex; justify-content: space-between; width: 100%; font-size: 0.85rem; font-weight: bold; color: #4a5568; margin-bottom: 24px; line-height: 1.4;">
        <div style="text-align: left; width: 33%;">
            健康な状態<br>
            <span style="font-size: 0.75rem; font-weight: normal; color: #718096;">(高い認知機能)</span>
        </div>
        <div style="text-align: center; width: 34%;">
            加齢による変化<br>
            <span style="font-size: 0.75rem; font-weight: normal; color: #718096;">(誰にでも起こる)</span>
        </div>
        <div style="text-align: right; width: 33%; color: #c53030;">
            病的な状態<br>
            <span style="font-size: 0.75rem; font-weight: normal;">(認知症)</span>
        </div>
    </div>

    <div style="background-color: #f8fafc; padding: 16px; border-radius: 6px; border-left: 4px solid #1a508b;">
        <p style="margin: 0; font-size: 0.95rem; color: #333; line-height: 1.7;">
            <strong style="color: #1a508b;">認知機能は健康な人全員が持っているグラデーションのようなもの</strong>であり、認知症はそのグラデーションの末端にある病的な状態です。
        </p>
    </div>
</div>



<p class="wp-block-paragraph">認知症でなければ認知機能の変化を気にしなくていい、ということではありません。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">健康な30代・40代でも、認知機能は少しずつ変化し始めます。</span></strong></p>



<p class="wp-block-paragraph">その変化に早い段階から気づき、維持するためのアプローチを取ることが、10年後・20年後の脳の状態を大きく左右します。</p>



<h3 class="wp-block-heading">なぜ「向上・回復」ではなく「維持」なのか？</h3>



<p class="wp-block-paragraph">ここで重要なことをお伝えします。</p>



<p class="wp-block-paragraph">認知機能に関して、「低下した機能を完全に元に戻す（回復する）」「若い頃より高い水準に上げる（向上する）」ことは、現在の科学では非常に難しいとされています。</p>



<p class="wp-block-paragraph">脳の神経細胞は、一度失われると基本的には再生しません。</p>



<p class="wp-block-paragraph">また、加齢に伴う神経ネットワークの変化は、ある程度は不可避のプロセスです。</p>



<p class="wp-block-paragraph">だからこそ科学的に意味があるのが「維持」です。</p>



<style>
.mc-ultra-resp-wrapper {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 20px 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}
.mc-graph-area {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.mc-anim-svg {
    width: 100%;
    height: auto;
    display: block;
}
.mc-anim-path {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    opacity: 0;
}

/* アニメーション定義 */
.is-animated .mc-path-base {
    opacity: 1;
    stroke: #94a3b8;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    animation: mcDrawPath 1s linear forwards;
}
.is-animated .mc-path-decline {
    opacity: 1;
    stroke: #cbd5e1;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    animation: mcDrawPath 1s linear forwards 1s;
}
.is-animated .mc-path-recover {
    opacity: 1;
    stroke: #fc8181;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    animation: mcDrawPath 1s linear forwards 1s;
}
.is-animated .mc-path-maintain {
    opacity: 1;
    stroke: #1a508b;
    stroke-width: 6;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    animation: mcDrawPath 1.2s ease-out forwards 2s;
}
@keyframes mcDrawPath { to { stroke-dashoffset: 0; } }

.mc-fader { opacity: 0; }
.is-animated .mc-fade-1 { animation: mcFadeIn 0.5s forwards 1.8s; }
.is-animated .mc-fade-2 { animation: mcFadeIn 0.5s forwards 2.0s; }
.is-animated .mc-fade-3 { animation: mcFadeIn 0.8s forwards 3.0s; }
@keyframes mcFadeIn { to { opacity: 1; } }

/* 解説ボックス：スマホではグラフの外に出す */
.mc-conclusion-box {
    margin: 0 16px 20px 16px;
    padding: 16px;
    background-color: #f8fafc;
    border: 2px solid #1a508b;
    border-radius: 8px;
    opacity: 0;
    transform: translateY(10px);
}
.is-animated .mc-conclusion-box {
    animation: mcBoxUp 0.8s forwards 3.2s;
}
@keyframes mcBoxUp {
    to { opacity: 1; transform: translateY(0); }
}

.mc-box-title { color: #1a508b; font-weight: bold; font-size: 1.1rem; display: block; margin-bottom: 4px; }
.mc-box-text { color: #475569; font-size: 0.9rem; margin: 0; }

@media (max-width: 600px) {
    .mc-ultra-resp-wrapper { border-radius: 0; border-left: none; border-right: none; }
    .mc-box-title { font-size: 1.2rem; }
    .mc-box-text { font-size: 1rem; }
}
</style>

<div class="mc-ultra-resp-wrapper" id="mcUltraGraph">
    <div class="mc-graph-area">
        <svg class="mc-anim-svg" viewBox="0 0 500 320">
            <!-- ガイドライン -->
            <line x1="50" y1="60" x2="480" y2="60" stroke="#f1f5f9" stroke-width="1" stroke-dasharray="4"/>
            <line x1="50" y1="160" x2="480" y2="160" stroke="#f1f5f9" stroke-width="1" stroke-dasharray="4"/>

            <!-- グラフ軸 -->
            <line x1="50" y1="280" x2="480" y2="280" stroke="#cbd5e1" stroke-width="2"/>
            <line x1="50" y1="280" x2="50" y2="40" stroke="#cbd5e1" stroke-width="2"/>
            
            <text x="-160" y="30" fill="#94a3b8" transform="rotate(-90)" text-anchor="middle" font-size="14" font-weight="bold">認知機能レベル</text>
            <text x="480" y="305" fill="#94a3b8" text-anchor="end" font-size="14" font-weight="bold">年齢</text>
            <text x="220" y="305" fill="#64748b" text-anchor="middle" font-size="13">変化の分岐点</text>

            <!-- ライン -->
            <path d="M 50 80 Q 150 80, 220 160" class="mc-anim-path mc-path-base"/>
            <path d="M 220 160 Q 350 240, 450 270" class="mc-anim-path mc-path-decline"/>
            <path d="M 220 160 Q 320 60, 450 60" class="mc-anim-path mc-path-recover"/>
            <path d="M 220 160 Q 350 165, 450 170" class="mc-anim-path mc-path-maintain"/>

            <!-- ラベル -->
            <g class="mc-fader mc-fade-1">
                <text x="440" y="260" fill="#94a3b8" text-anchor="end" font-size="13">自然な低下</text>
            </g>
            <g class="mc-fader mc-fade-2">
                <text x="440" y="50" fill="#e53e3e" text-anchor="end" font-size="15" font-weight="bold">× 回復・向上（困難）</text>
            </g>
            <g class="mc-fader mc-fade-3">
                <circle cx="450" cy="170" r="7" fill="#1a508b"/>
                <text x="440" y="155" fill="#1a508b" text-anchor="end" font-size="18" font-weight="bold">◎ 機能の維持</text>
            </g>
        </svg>
    </div>

    <!-- 結論ボックス（スマホでも読みやすいHTML構造） -->
    <div class="mc-conclusion-box">
        <span class="mc-box-title">今ある機能を「維持」することが<br class="mc-sp-only">最重要</span>
        <p class="mc-box-text">神経細胞は一度失われると再生しないため、低下を未然に防ぐアプローチが最も科学的で現実的です。</p>
    </div>

    <p style="font-size: 11px; color: #64748b; text-align: right; padding: 0 16px 16px 16px; margin: 0;">
        ※グラフはイメージです<br>※変化には個人差があります
    </p>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('is-animated');
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.3 });

    const target = document.getElementById('mcUltraGraph');
    if (target) observer.observe(target);
});
</script>



<p class="wp-block-paragraph">今ある機能を、できるだけ長く、できるだけ高い水準で保ち続けること。</p>



<p class="wp-block-paragraph">これが認知機能に対して取れる、最も現実的かつ最も重要なアプローチです。</p>



<p class="wp-block-paragraph">消費者庁に届出された機能性表示食品の領域でも、認知機能に関する表示は「向上」や「回復」ではなく「維持」という言葉が使われます。（届出番号：J1384等）</p>



<p class="wp-block-paragraph">これは科学的な誠実さの表れといえます。</p>



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



<h2 class="wp-block-heading">認知機能の種類は？：あなたは毎日どれを使っているか</h2>



<p class="wp-block-paragraph">認知機能は単一の能力ではなく、<strong><span class="swl-marker mark_yellow">複数の機能が連携して成り立っています。</span></strong></p>



<p class="wp-block-paragraph">主要な5つの機能を、日常の具体的な場面とともに紹介します。</p>



<h3 class="wp-block-heading">①記憶力</h3>



<p class="wp-block-paragraph">記憶力とは、<strong><span class="swl-marker mark_yellow">「見たり聞いたりしたことを、後から思い出す力」</span></strong>です。</p>



<div style="width: 100%; box-sizing: border-box; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color: #333; line-height: 1.6;">
    <div role="heading" aria-level="3" style="margin-top: 0; color: #1a508b; font-size: 1.15rem; border-bottom: 2px solid #1a508b; padding-bottom: 8px; margin-bottom: 16px; font-weight: bold;">日常で使われる「記憶力」の具体例</div>
    <p style="font-size: 0.95rem; margin-top: 0; margin-bottom: 16px;">「見たり聞いたりしたことを脳に保持し、後から思い出す力」です。<br>以下のような場面で機能しています。</p>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">📺 朝のニュースで見た情報を夕方に人に話す</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">数時間前の情報を保持し、会話の文脈に合わせて適切に引き出す能力です。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">🤝 先週会った人の名前を思い出す</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">顔（視覚情報）と名前（言語情報）、さらに「いつ・どこで会ったか」というエピソードを結びつけて記憶し、数日後に正確に思い出す能力です。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 0; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">📖 昨日読んだ本の内容を翌日も覚えている</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">インプットした文字情報を脳内で意味として理解し、睡眠などを経て知識として定着させる能力です。</p>
    </div>
</div>



<p class="wp-block-paragraph">記憶力は「短期記憶（数秒〜数分の記憶）」と「長期記憶（数日〜数年の記憶）」に分けられます。</p>



<p class="wp-block-paragraph">加齢でまず影響を受けやすいのは<strong>短期記憶</strong>です。</p>



<p class="wp-block-paragraph">「あれ、さっき何をしようとしていたっけ？」という経験が増えてきたとすれば、短期記憶の変化が関係しているかもしれません。</p>



<p class="wp-block-paragraph">記憶の定着には、脳の<strong><span class="swl-marker mark_yellow">「海馬」</span></strong>という部位が深く関わっています。</p>



<p class="wp-block-paragraph">海馬は加齢とともに萎縮しやすく、この変化が記憶力の低下に影響します。</p>



<h3 class="wp-block-heading">②持続的注意力</h3>



<p class="wp-block-paragraph">持続的注意力とは、<strong><span class="swl-marker mark_yellow">「注意を維持させながら、作業を続ける力」</span></strong>です。</p>



<div style="width: 100%; box-sizing: border-box; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color: #333; line-height: 1.6;">
    <div role="heading" aria-level="3" style="margin-top: 0; color: #1a508b; font-size: 1.15rem; border-bottom: 2px solid #1a508b; padding-bottom: 8px; margin-bottom: 16px; font-weight: bold;">日常で使われる「持続的注意力」の具体例</div>
    <p style="font-size: 0.95rem; margin-top: 0; margin-bottom: 16px;">「注意を維持させながら、特定の対象や作業に意識を向け続ける力」です。<br>以下のような場面で機能しています。</p>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">📄 長い書類を読み飛ばさずに確認する</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">膨大な視覚情報を追い続け、重要なポイントやミスを見落とさないように集中を維持する能力です。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">💻 単調な入力作業をミスなく続ける</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">刺激が少なく飽きやすい反復作業においても、注意力を途切れさせず正確性を保ち続ける能力です。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 0; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">👥 長時間の会議を最初から最後まで集中して聞く</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">話し手の声や内容に意識を向け続け、他の思考に気を取られないよう前頭前野でコントロールし続ける能力です。</p>
    </div>
</div>



<p class="wp-block-paragraph">「好きなことには集中できるのに、仕事になると続かない」という経験をお持ちの方も多いでしょう。</p>



<p class="wp-block-paragraph">これは意志の問題ではありません。</p>



<p class="wp-block-paragraph">好きなことへの集中は脳の報酬系が自動的に機能しますが、持続的注意力は<strong><span class="swl-marker mark_yellow">「前頭前野」</span></strong>が意識的にコントロールし続ける必要があり、エネルギーを大きく消費する機能だからです。</p>



<h3 class="wp-block-heading">③空間認知力</h3>



<p class="wp-block-paragraph">空間認知力とは、<strong><span class="swl-marker mark_yellow">「物の位置・形・向き・距離などを正確に把握する力」</span></strong>です。</p>



<div style="width: 100%; box-sizing: border-box; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color: #333; line-height: 1.6;">
    <div role="heading" aria-level="3" style="margin-top: 0; color: #1a508b; font-size: 1.15rem; border-bottom: 2px solid #1a508b; padding-bottom: 8px; margin-bottom: 16px; font-weight: bold;">日常で使われる「空間認知力」の具体例</div>
    <p style="font-size: 0.95rem; margin-top: 0; margin-bottom: 16px;">「物の位置・形・向き・距離などを正確に把握し、頭の中で操作する力」です。<br>以下のような場面で機能しています。</p>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">🚗 駐車するときに車の後ろの距離感を体で感じ取る</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">ミラー越しの情報や周囲の状況から、自車と障害物との立体的な距離感や位置関係を正確に把握する能力です。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">🗺️ 地図を見て頭の中で経路をイメージする</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">平面的な地図の情報を実際の立体的な風景に置き換え、自分が向いている方向や目的地までのルートを脳内でシミュレーションする能力です。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 0; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">🧊 冷蔵庫にタッパーが入るかどうかを瞬時に判断する</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">目の前にある空間（冷蔵庫の空きスペース）と物体（タッパー）の3次元的なサイズや形状を瞬時に比較し、収まるかどうかを判断する能力です。</p>
    </div>
</div>



<p class="wp-block-paragraph">これらはすべて空間認知力が使われています。</p>



<p class="wp-block-paragraph">「最近、駐車が苦手になった」「地図が読みにくくなった」という変化は、空間認知力の変化のサインである可能性があります。</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">④処理速度</h3>



<p class="wp-block-paragraph">処理速度とは、<strong><span class="swl-marker mark_yellow">「情報を素早く正確に処理する速さ」</span></strong>です。</p>



<div style="width: 100%; box-sizing: border-box; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color: #333; line-height: 1.6;">
    <div role="heading" aria-level="3" style="margin-top: 0; color: #1a508b; font-size: 1.15rem; border-bottom: 2px solid #1a508b; padding-bottom: 8px; margin-bottom: 16px; font-weight: bold;">日常で使われる「処理速度」の具体例</div>
    <p style="font-size: 0.95rem; margin-top: 0; margin-bottom: 16px;">「情報を素早く正確に処理する速さ」です。<br>以下のような場面で機能しています。</p>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">⚡ 咄嗟に判断が必要な場面での反応の速さ</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">予期せぬ事態が起きた際に、視覚や聴覚からの情報を瞬時に把握し、危険を回避するなど適切な行動へとつなげるスピードです。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">🗣️ 会話の中で相手の言葉をリアルタイムで理解する速さ</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">相手の話すテンポに合わせて音声を言葉として認識し、意味を遅滞なく理解してスムーズなコミュニケーションを成立させる能力です。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 0; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">🔄 複数の情報を同時に処理して次の行動を決める速さ</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">周囲の状況、過去の経験、現在の目標など、脳に入ってくる様々な情報をスピーディーに統合し、滞りなく最適な選択肢を導き出す能力です。</p>
    </div>
</div>



<p class="wp-block-paragraph">これらはすべて処理速度が関係しています。</p>



<p class="wp-block-paragraph">「昔より頭の回転が遅くなった」「反応が遅くなった」と感じる場合、処理速度の変化が背景にあることが多いです。</p>



<p class="wp-block-paragraph">認知機能の中でも比較的早い段階から変化が現れやすい機能のひとつです。</p>



<h3 class="wp-block-heading">⑤実行機能（遂行機能）</h3>



<p class="wp-block-paragraph">実行機能（遂行機能）とは、<strong><span class="swl-marker mark_yellow">「目標を立て、計画し、実行し、途中で軌道修正する力」</span></strong>です。</p>



<div style="width: 100%; box-sizing: border-box; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; color: #333; line-height: 1.6;">
    <div role="heading" aria-level="3" style="margin-top: 0; color: #1a508b; font-size: 1.15rem; border-bottom: 2px solid #1a508b; padding-bottom: 8px; margin-bottom: 16px; font-weight: bold;">日常で使われる「実行機能（遂行機能）」の具体例</div>
    <p style="font-size: 0.95rem; margin-top: 0; margin-bottom: 16px;">「目標を立て、計画し、実行し、途中で軌道修正する力」です。<br>他の認知機能を束ねて指揮する「脳の司令塔」として、以下のような場面で機能しています。</p>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">🍳 料理を複数品同時に作る</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">「ご飯が炊き上がるまでに他のおかずを完成させる」など、最終的なゴールから逆算して複数の手順を効率よく組み合わせる能力です。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 12px; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">📊 仕事のプロジェクトを段取りよく進める</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">目的を達成するために必要なタスクを洗い出し、優先順位をつけ、期限に向けて論理的にスケジュールを組み立てて実行する能力です。</p>
    </div>

    <div style="background: #ffffff; border-left: 4px solid #3182ce; padding: 12px 16px; margin-bottom: 0; border-radius: 0 4px 4px 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05);">
        <strong style="color: #2c5282; display: block; margin-bottom: 4px;">🔄 予定外のことが起きたとき、その場で計画を変更する</strong>
        <p style="margin: 0; font-size: 0.9rem; color: #555;">急なトラブルやスケジュールの変更に対して、当初の計画に固執せず、状況に合わせて柔軟に新しい手順を再構築する能力です。</p>
    </div>
</div>



<p class="wp-block-paragraph">これらはすべて実行機能が使われています。</p>



<p class="wp-block-paragraph">実行機能は、他の認知機能を束ねて指揮する「司令塔」のような役割を持ちます。</p>



<p class="wp-block-paragraph">前頭前野が中心的に担っており、この部位は加齢の影響を受けやすいことが知られています。</p>



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



<h2 class="wp-block-heading">なぜ認知機能は加齢で低下するのか？</h2>



<p class="wp-block-paragraph">認知機能の低下は、加齢とともに起こる脳の生物学的な変化によって引き起こされます。</p>



<p class="wp-block-paragraph">主な原因を3つに整理します。</p>



<h3 class="wp-block-heading">原因①：神経細胞の減少と神経ネットワークの変化</h3>



<p class="wp-block-paragraph">脳の神経細胞（ニューロン）の数は、30代頃から少しずつ減少し始めます。</p>



<p class="wp-block-paragraph">また細胞同士をつなぐ神経ネットワークの効率も、加齢とともに変化します。</p>



<p class="wp-block-paragraph">特に前頭葉と頭頂葉は、加齢による影響を受けやすい部位です。</p>



<style>
.mc-brain-container {
    width: 100%;
    box-sizing: border-box;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    color: #333;
    line-height: 1.6;
}
.mc-brain-svg {
    width: 100%;
    max-width: 360px;
    height: auto;
    display: block;
    margin: 0 auto 20px auto;
}
.mc-lobe-front { fill: #dbeafe; opacity: 0.7; }
.mc-lobe-parietal { fill: #e0e7ff; opacity: 0.7; }
.mc-neuron {
    fill: #1a508b;
    animation: mcAgeEffect 5s infinite alternate ease-in-out;
}
.mc-network {
    stroke: #3182ce;
    stroke-width: 1.5;
    animation: mcNetworkEffect 5s infinite alternate ease-in-out;
}
@keyframes mcAgeEffect {
    0%, 20% { opacity: 1; transform: scale(1); }
    80%, 100% { opacity: 0.2; transform: scale(0.6); }
}
@keyframes mcNetworkEffect {
    0%, 20% { opacity: 0.8; stroke-dasharray: 10 0; }
    80%, 100% { opacity: 0.1; stroke-dasharray: 2 6; }
}
.mc-anim-text-young {
    font-size: 14px; font-weight: bold; fill: #1a508b;
    animation: mcTextFadeOut 5s infinite alternate ease-in-out;
}
.mc-anim-text-aged {
    font-size: 14px; font-weight: bold; fill: #64748b; opacity: 0;
    animation: mcTextFadeIn 5s infinite alternate ease-in-out;
}
@keyframes mcTextFadeOut {
    0%, 40% { opacity: 1; }
    60%, 100% { opacity: 0; }
}
@keyframes mcTextFadeIn {
    0%, 40% { opacity: 0; }
    60%, 100% { opacity: 1; }
}
.mc-evidence-box {
    background-color: #ffffff;
    border-left: 4px solid #475569;
    padding: 16px;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-top: 0;
}
</style>

<div class="mc-brain-container">
    <!-- アニメーションエリア -->
    <svg class="mc-brain-svg" viewBox="0 0 400 220">
        <!-- 脳のアウトライン -->
        <path d="M 80 160 C 40 120, 40 60, 100 30 C 160 0, 240 10, 280 40 C 330 70, 330 130, 280 160 C 230 190, 130 190, 80 160 Z" fill="#f1f5f9" stroke="#cbd5e1" stroke-width="2"/>
        
        <!-- 前頭葉（左側）ハイライト -->
        <path d="M 80 160 C 40 120, 40 60, 100 30 C 140 20, 160 40, 160 100 C 160 160, 130 180, 80 160 Z" class="mc-lobe-front"/>
        <text x="55" y="95" font-size="12" fill="#3b82f6" font-weight="bold">前頭葉</text>

        <!-- 頭頂葉（上部右側）ハイライト -->
        <path d="M 100 30 C 160 0, 240 10, 280 40 C 290 60, 260 90, 200 90 C 150 90, 140 40, 100 30 Z" class="mc-lobe-parietal"/>
        <text x="190" y="45" font-size="12" fill="#6366f1" font-weight="bold">頭頂葉</text>

        <!-- 神経ネットワーク（線） -->
        <g class="mc-network">
            <line x1="90" y1="120" x2="140" y2="70" />
            <line x1="140" y1="70" x2="210" y2="60" />
            <line x1="140" y1="70" x2="180" y2="130" />
            <line x1="210" y1="60" x2="260" y2="110" />
            <line x1="180" y1="130" x2="260" y2="110" />
            <line x1="90" y1="120" x2="130" y2="160" />
            <line x1="180" y1="130" x2="130" y2="160" />
        </g>

        <!-- 神経細胞（ノード） -->
        <circle cx="90" cy="120" r="5" class="mc-neuron" />
        <circle cx="140" cy="70" r="6" class="mc-neuron" style="animation-delay: 0.2s;" />
        <circle cx="210" cy="60" r="5" class="mc-neuron" style="animation-delay: 0.4s;" />
        <circle cx="180" cy="130" r="6" class="mc-neuron" style="animation-delay: 0.1s;" />
        <circle cx="260" cy="110" r="5" class="mc-neuron" style="animation-delay: 0.3s;" />
        <circle cx="130" cy="160" r="4" class="mc-neuron" style="animation-delay: 0.5s;" />

        <!-- ステータステキスト -->
        <rect x="250" y="180" width="140" height="30" rx="4" fill="#ffffff" stroke="#e2e8f0"/>
        <text x="320" y="200" text-anchor="middle" class="mc-anim-text-young">健康なネットワーク</text>
        <text x="320" y="200" text-anchor="middle" class="mc-anim-text-aged">加齢による効率低下</text>
    </svg>

    <!-- エビデンスボックス -->
    <div class="mc-evidence-box">
        <div style="font-weight: bold; color: #334155; margin-bottom: 8px; font-size: 0.95rem; display: flex; align-items: center;">
            <span style="font-size: 1.1rem; margin-right: 6px;">🔬</span> 科学的エビデンス（レビュー論文）
        </div>
        <p style="margin: 0; font-size: 0.85rem; color: #475569; line-height: 1.7;">
            2019年に発表されたレビュー論文（PubMed掲載）では、加齢に伴う<strong>前頭前野の構造・機能の変化</strong>が、持続的注意力・ワーキングメモリ・実行機能など、複数の認知機能の低下と直接関係していることが示されています。
        </p>
    </div>
</div>



<h3 class="wp-block-heading">原因②：神経伝達物質のバランス変化</h3>



<p class="wp-block-paragraph">脳の神経細胞同士が情報をやりとりするために使う「神経伝達物質」のバランスも、加齢とともに変化します。</p>



<p class="wp-block-paragraph">特に認知機能に深く関わるのがドーパミンとノルアドレナリンです。</p>



<p class="wp-block-paragraph">ドーパミンは注意の方向付けや動機づけに、ノルアドレナリンは覚醒レベルの維持と情報処理に関わります。</p>



<style>
.mc-synapse-container {
    width: 100%;
    box-sizing: border-box;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    color: #333;
    line-height: 1.6;
}
.mc-synapse-svg {
    width: 100%;
    max-width: 500px;
    height: auto;
    display: block;
    margin: 0 auto 20px auto;
}
.mc-nt-dopamine {
    fill: #f59e0b;
    animation: mcDrop 2.5s infinite ease-in;
}
.mc-nt-noradrenaline {
    fill: #10b981;
    animation: mcDrop 2.5s infinite ease-in;
}
.mc-nt-fail {
    fill: #94a3b8;
    animation: mcDropFail 2.5s infinite ease-in;
}
@keyframes mcDrop {
    0% { transform: translateY(0); opacity: 0; }
    20% { opacity: 1; }
    80% { transform: translateY(45px); opacity: 1; }
    90% { transform: translateY(45px); opacity: 0; }
    100% { transform: translateY(45px); opacity: 0; }
}
@keyframes mcDropFail {
    0% { transform: translateY(0); opacity: 0; }
    20% { opacity: 1; }
    80% { transform: translateY(60px); opacity: 0.5; }
    90% { transform: translateY(65px); opacity: 0; }
    100% { transform: translateY(65px); opacity: 0; }
}
.mc-evidence-box {
    background-color: #ffffff;
    border-left: 4px solid #475569;
    padding: 16px;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-top: 10px;
}
.mc-legend {
    display: flex;
    justify-content: center;
    gap: 16px;
    font-size: 0.85rem;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.mc-legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
</style>

<div class="mc-synapse-container">
    <div role="heading" aria-level="4" style="text-align: center; margin-top: 0; color: #1a508b; font-size: 1.15rem; border-bottom: 2px solid #1a508b; padding-bottom: 8px; margin-bottom: 20px; font-weight: bold;">
    神経伝達物質のバランス変化<br class="mc-sp-only">（イメージ）
</div>

    <div class="mc-legend">
        <span class="mc-legend-item"><svg width="12" height="12"><circle cx="6" cy="6" r="6" fill="#f59e0b"/></svg>ドーパミン</span>
        <span class="mc-legend-item"><svg width="12" height="12"><circle cx="6" cy="6" r="6" fill="#10b981"/></svg>ノルアドレナリン</span>
        <span class="mc-legend-item"><svg width="14" height="12"><path d="M 0 0 C 0 12, 14 12, 14 0" fill="none" stroke="#4f46e5" stroke-width="3"/></svg>受容体（キャッチする器）</span>
    </div>

    <!-- アニメーションエリア -->
    <svg class="mc-synapse-svg" viewBox="0 0 500 240">
        <!-- 境界線 -->
        <line x1="250" y1="20" x2="250" y2="220" stroke="#e2e8f0" stroke-width="2" stroke-dasharray="4"/>

        <!-- 左側：健康な状態 -->
        <text x="125" y="20" text-anchor="middle" font-size="14" font-weight="bold" fill="#1a508b">健康な状態（高い受容体密度）</text>
        
        <!-- シナプス前終末 (送信側) -->
        <path d="M 75 40 C 75 100, 100 120, 125 120 C 150 120, 175 100, 175 40" fill="#dbeafe" stroke="#3b82f6" stroke-width="2"/>
        <!-- シナプス後膜 (受信側) -->
        <path d="M 50 210 C 75 160, 175 160, 200 210" fill="#e0e7ff" stroke="#6366f1" stroke-width="2"/>
        
        <!-- 受容体 (高密度) -->
        <path d="M 85 168 C 85 178, 95 178, 95 168" fill="none" stroke="#4f46e5" stroke-width="3"/>
        <path d="M 105 162 C 105 172, 115 172, 115 162" fill="none" stroke="#4f46e5" stroke-width="3"/>
        <path d="M 125 160 C 125 170, 135 170, 135 160" fill="none" stroke="#4f46e5" stroke-width="3"/>
        <path d="M 145 162 C 145 172, 155 172, 155 162" fill="none" stroke="#4f46e5" stroke-width="3"/>
        <path d="M 165 168 C 165 178, 175 178, 175 168" fill="none" stroke="#4f46e5" stroke-width="3"/>

        <!-- 神経伝達物質アニメーション -->
        <circle cx="90" cy="115" r="4" class="mc-nt-dopamine" style="animation-delay: 0.2s;"/>
        <circle cx="110" cy="110" r="4" class="mc-nt-noradrenaline" style="animation-delay: 0.8s;"/>
        <circle cx="130" cy="108" r="4" class="mc-nt-dopamine" style="animation-delay: 1.5s;"/>
        <circle cx="150" cy="110" r="4" class="mc-nt-noradrenaline" style="animation-delay: 0.5s;"/>
        <circle cx="170" cy="115" r="4" class="mc-nt-dopamine" style="animation-delay: 1.1s;"/>

        <!-- 右側：加齢による変化 -->
        <text x="375" y="20" text-anchor="middle" font-size="14" font-weight="bold" fill="#64748b">加齢による変化（受容体の減少）</text>
        
        <!-- シナプス前終末 (送信側) -->
        <path d="M 325 40 C 325 100, 350 120, 375 120 C 400 120, 425 100, 425 40" fill="#f1f5f9" stroke="#94a3b8" stroke-width="2"/>
        <!-- シナプス後膜 (受信側) -->
        <path d="M 300 210 C 325 160, 425 160, 450 210" fill="#f8fafc" stroke="#cbd5e1" stroke-width="2"/>
        
        <!-- 受容体 (低密度) -->
        <path d="M 345 164 C 345 174, 355 174, 355 164" fill="none" stroke="#94a3b8" stroke-width="3"/>
        <path d="M 395 164 C 395 174, 405 174, 405 164" fill="none" stroke="#94a3b8" stroke-width="3"/>

        <!-- 神経伝達物質アニメーション (受け皿がなく流れる) -->
        <circle cx="350" cy="112" r="4" class="mc-nt-dopamine" style="animation-delay: 0.4s;"/>
        <circle cx="400" cy="112" r="4" class="mc-nt-noradrenaline" style="animation-delay: 1.2s;"/>
        <circle cx="375" cy="108" r="4" class="mc-nt-fail" style="animation-delay: 0.7s;"/>
        
    </svg>

    <!-- エビデンスボックス -->
    <div class="mc-evidence-box">
        <div style="font-weight: bold; color: #334155; margin-bottom: 8px; font-size: 0.95rem; display: flex; align-items: center;">
            <span style="font-size: 1.1rem; margin-right: 6px;">🔬</span> 科学的エビデンス（PET画像研究）
        </div>
        <p style="margin: 0 0 8px 0; font-size: 0.85rem; color: #475569; line-height: 1.7;">
            神経伝達物質の受容体密度低下については、<strong>PET（ポジトロン断層法）を用いた脳画像研究</strong>によって視覚的・定量的に証明されています。
        </p>
        <p style="margin: 0; font-size: 0.85rem; color: #475569; line-height: 1.7;">
            特に米国国立薬物乱用研究所（NIDA）のVolkow博士らによる著名な研究（Am J Psychiatry, 1998等）をはじめ、加齢に伴いドーパミンD2受容体などの密度が有意に低下し、これが<strong>認知機能や処理速度の低下と直接的に相関する</strong>ことが確固たるエビデンスとして世界中で支持されています。
        </p>
    </div>
</div>



<h3 class="wp-block-heading">原因③：現代生活による慢性的な消耗</h3>



<p class="wp-block-paragraph">これが現代人に特有の、見落とされがちな原因です。</p>



<p class="wp-block-paragraph">スマートフォンの通知、情報の洪水、慢性的なマルチタスク、睡眠不足。</p>



<p class="wp-block-paragraph">これらは脳を常に「処理し続ける状態」に置き、神経システムを慢性的に消耗させます。</p>



<style>
.mc-stress-container {
    width: 100%;
    box-sizing: border-box;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    color: #333;
    line-height: 1.6;
    margin: 20px 0;
}
.mc-stress-title {
    text-align: center;
    margin-top: 0;
    color: #1a508b;
    font-size: 1.15rem;
    border-bottom: 2px solid #1a508b;
    padding-bottom: 8px;
    margin-bottom: 20px;
    font-weight: bold;
}
.mc-stress-svg {
    width: 100%;
    max-width: 500px;
    height: auto;
    display: block;
    margin: 0 auto 20px auto;
}
/* 脳の過熱アニメーション */
.mc-brain-overload {
    animation: mcOverheat 4s infinite alternate ease-in-out;
}
/* ストレス因子のアニメーション */
.mc-particle-left {
    animation: mcFlyInLeft 2s infinite ease-in;
}
.mc-particle-right {
    animation: mcFlyInRight 2.5s infinite ease-in;
}
/* バッテリー（エネルギー）のアニメーション */
.mc-battery-level {
    animation: mcDrain 4s infinite alternate ease-in-out;
}
/* アラートテキストのアニメーション */
.mc-alert-text {
    font-weight: bold;
    animation: mcAlertPulse 4s infinite alternate ease-in-out;
}

@keyframes mcOverheat {
    0%, 20% { fill: #dbeafe; stroke: #3b82f6; }
    80%, 100% { fill: #fee2e2; stroke: #ef4444; }
}
@keyframes mcFlyInLeft {
    0% { transform: translate(0, 0); opacity: 0; }
    20% { opacity: 1; }
    80% { transform: translate(80px, 30px) scale(0.5); opacity: 0; }
    100% { transform: translate(80px, 30px) scale(0.5); opacity: 0; }
}
@keyframes mcFlyInRight {
    0% { transform: translate(0, 0); opacity: 0; }
    20% { opacity: 1; }
    80% { transform: translate(-80px, 20px) scale(0.5); opacity: 0; }
    100% { transform: translate(-80px, 20px) scale(0.5); opacity: 0; }
}
@keyframes mcDrain {
    0%, 20% { width: 120px; fill: #10b981; }
    80%, 100% { width: 20px; fill: #ef4444; }
}
@keyframes mcAlertPulse {
    0%, 20% { fill: #64748b; opacity: 1; }
    80%, 100% { fill: #ef4444; opacity: 1; }
}

.mc-evidence-box {
    background-color: #ffffff;
    border-left: 4px solid #475569;
    padding: 16px;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-top: 10px;
}

/* モバイル最適化：左右の余白を埋める */
@media (max-width: 600px) {
    .mc-stress-container {
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 20px 15px;
    }
}
</style>

<div class="mc-stress-container">
    <div role="heading" aria-level="4" class="mc-stress-title">
        現代生活による慢性的な消耗<br class="mc-sp-only">（イメージ）
    </div>

    <svg class="mc-stress-svg" viewBox="0 0 500 260">
        <line x1="0" y1="130" x2="500" y2="130" stroke="#f1f5f9" stroke-width="1"/>
        <line x1="250" y1="0" x2="250" y2="260" stroke="#f1f5f9" stroke-width="1"/>

        <g transform="translate(100, 20)">
            <path d="M 80 160 C 40 120, 40 60, 100 30 C 160 0, 240 10, 280 40 C 330 70, 330 130, 280 160 C 230 190, 130 190, 80 160 Z" class="mc-brain-overload" stroke-width="3"/>
            <text x="145" y="100" text-anchor="middle" font-size="16" class="mc-alert-text">処理し続ける脳</text>
        </g>

        <g class="mc-particle-left" transform="translate(40, 50)">
            <rect x="0" y="0" width="30" height="40" rx="4" fill="#64748b"/>
            <circle cx="15" cy="32" r="3" fill="#ffffff"/>
            <text x="15" y="-10" font-size="12" fill="#64748b" text-anchor="middle" font-weight="bold">スマホ通知</text>
        </g>
        
        <g class="mc-particle-left" transform="translate(30, 140)" style="animation-delay: 0.8s;">
            <path d="M 0 0 L 30 0 L 30 20 L 0 20 Z" fill="#94a3b8"/>
            <path d="M 0 0 L 15 10 L 30 0" fill="none" stroke="#ffffff" stroke-width="2"/>
            <text x="15" y="-10" font-size="12" fill="#64748b" text-anchor="middle" font-weight="bold">情報の洪水</text>
        </g>

        <g class="mc-particle-right" transform="translate(430, 60)">
            <circle cx="15" cy="15" r="15" fill="#64748b"/>
            <polyline points="15,5 15,15 22,15" fill="none" stroke="#ffffff" stroke-width="2"/>
            <text x="15" y="-10" font-size="12" fill="#64748b" text-anchor="middle" font-weight="bold">マルチタスク</text>
        </g>

        <g class="mc-particle-right" transform="translate(440, 150)" style="animation-delay: 1.2s;">
            <path d="M 0 15 Q 10 -5 20 15" fill="none" stroke="#94a3b8" stroke-width="3"/>
            <path d="M 10 15 Q 20 -5 30 15" fill="none" stroke="#94a3b8" stroke-width="3"/>
            <text x="15" y="-10" font-size="12" fill="#64748b" text-anchor="middle" font-weight="bold">睡眠不足</text>
        </g>

        <g transform="translate(190, 220)">
            <text x="-10" y="12" font-size="12" fill="#64748b" text-anchor="end" font-weight="bold">神経システム</text>
            <rect x="0" y="0" width="124" height="16" rx="4" fill="none" stroke="#cbd5e1" stroke-width="2"/>
            <rect x="124" y="4" width="4" height="8" rx="2" fill="#cbd5e1"/>
            <rect x="2" y="2" width="120" height="12" rx="2" class="mc-battery-level"/>
            <text x="140" y="12" font-size="12" fill="#ef4444" font-weight="bold" class="mc-alert-text">消耗</text>
        </g>
    </svg>

    <div class="mc-evidence-box">
        <div style="font-weight: bold; color: #334155; margin-bottom: 8px; font-size: 0.95rem; display: flex; align-items: center;">
            <span style="font-size: 1.1rem; margin-right: 6px;">🔬</span> 科学的エビデンス（ストレスと脳の萎縮）
        </div>
        <p style="margin: 0 0 8px 0; font-size: 0.85rem; color: #475569; line-height: 1.7;">
            情報過多やマルチタスクによる「慢性的なストレス」が脳に与える物理的ダメージは、複数の研究で裏付けられています。例えば、慢性ストレスによって過剰に分泌されるホルモン（コルチゾール）は神経毒として働き、記憶を司る<strong>海馬の神経細胞にダメージを与え萎縮させる</strong>ことが広く知られています。
        </p>
        <p style="margin: 0; font-size: 0.85rem; color: #475569; line-height: 1.7;">
            また、現代特有の「メディア・マルチタスク（複数端末の同時操作）」の頻度が高い人ほど、前帯状皮質（注意力や感情をコントロールする部位）の<strong>灰白質密度が有意に低い</strong>という研究結果（PLoS One, 2014など）も報告されており、加齢とは別軸で認知機能を低下させる大きな要因となっています。
        </p>
    </div>
</div>



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



<p class="wp-block-paragraph">脳の加齢による変化は不可避ですが、こうした現代生活のストレスがその変化を加速させる可能性があります。</p>



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



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/cognitive-function-ingredients-guide/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/cognitive-ingredients-complete-guide-02.webp" alt="認知機能ケアの成分19種を比較">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">成分ガイド</div>
      <div class="inline-card-title">認知機能ケアの成分19種を比較</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



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



<h2 class="wp-block-heading">認知機能が低下しているサインを知る</h2>



<p class="wp-block-paragraph">日常の中に、認知機能の変化を示すサインが現れることがあります。</p>



<p class="wp-block-paragraph">以下のチェックリストで確認してみてください。</p>



<style>
.mc-chk-container {
    width: 100%;
    box-sizing: border-box;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px 16px;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    margin: 32px 0;
}
.mc-chk-title {
    display: block !important;
    color: #1a508b;
    font-size: 1.2rem;
    text-align: center;
    margin: 0 0 16px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #1a508b;
    font-weight: bold;
}
.mc-chk-section {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
}
.mc-chk-header {
    background: #eef7fe;
    color: #1a508b;
    font-weight: bold;
    padding: 12px 16px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
}
.mc-chk-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mc-chk-item {
    border-bottom: 1px solid #f1f5f9;
}
.mc-chk-item:last-child {
    border-bottom: none;
}
.mc-chk-label {
    display: flex;
    align-items: flex-start;
    padding: 14px 16px;
    cursor: pointer;
    transition: background-color 0.2s;
    margin: 0;
}
.mc-chk-label:hover {
    background-color: #f8fafc;
}
.mc-chk-box {
    margin-top: 2px;
    margin-right: 12px;
    width: 18px;
    height: 18px;
    accent-color: #1a508b;
    flex-shrink: 0;
    cursor: pointer;
}
.mc-chk-text {
    font-size: 0.95rem;
    color: #334155;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .mc-chk-container {
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 20px 15px;
    }
}
</style>

<div class="mc-chk-container">
    <div role="heading" aria-level="3" class="mc-chk-title">認知機能サインチェック</div>

    <!-- 記憶力のサイン -->
    <div class="mc-chk-section">
        <div class="mc-chk-header">📝 記憶力のサイン</div>
        <ul class="mc-chk-list">
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">人の名前がすぐに出てこないことが増えた</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">物をどこに置いたか思い出せないことが増えた</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">話の途中で、何を言おうとしていたか忘れる</span>
                </label>
            </li>
        </ul>
    </div>

    <!-- 持続的注意力のサイン -->
    <div class="mc-chk-section">
        <div class="mc-chk-header">🎯 持続的注意力のサイン</div>
        <ul class="mc-chk-list">
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">読書中に同じ行を何度も読み返してしまう</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">会議の後半になると内容が頭に入らない</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">気づいたら全然別のことを考えていた</span>
                </label>
            </li>
        </ul>
    </div>

    <!-- 空間認知力のサイン -->
    <div class="mc-chk-section">
        <div class="mc-chk-header">🧭 空間認知力のサイン</div>
        <ul class="mc-chk-list">
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">駐車が苦手になった、ぶつけることが増えた</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">初めての場所で地図が読みにくくなった</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">家具の配置を変えたら何度もぶつかる</span>
                </label>
            </li>
        </ul>
    </div>

    <!-- 処理速度のサイン -->
    <div class="mc-chk-section">
        <div class="mc-chk-header">⚡ 処理速度のサイン</div>
        <ul class="mc-chk-list">
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">咄嗟の判断が遅くなった気がする</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">会話の中で言いたい言葉が出てくるのが遅い</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">新しいことを覚えるのに時間がかかるようになった</span>
                </label>
            </li>
        </ul>
    </div>

    <!-- 実行機能のサイン -->
    <div class="mc-chk-section">
        <div class="mc-chk-header">⚙️ 実行機能のサイン</div>
        <ul class="mc-chk-list">
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">複数のことを同時に進めるのが難しくなった</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">料理の段取りが以前より難しく感じる</span>
                </label>
            </li>
            <li class="mc-chk-item">
                <label class="mc-chk-label">
                    <input type="checkbox" class="mc-chk-box">
                    <span class="mc-chk-text">予定外のことが起きたときに対応しにくい</span>
                </label>
            </li>
        </ul>
    </div>
</div>



<p class="wp-block-paragraph">ひとつふたつ当てはまっても、過度に心配する必要はありません。</p>



<p class="wp-block-paragraph">これらは誰もが経験する自然な変化のサインです。</p>



<p class="wp-block-paragraph">大切なのは<strong>「気づく」</strong>こと、そして<strong><span class="swl-marker mark_yellow">「維持するための行動を始める」</span></strong>ことです。</p>



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



<h2 class="wp-block-heading">認知機能を維持する具体的な方法</h2>



<p class="wp-block-paragraph">認知機能の維持には、<strong><span class="swl-marker mark_yellow">日々の生活習慣が大きく関わっています。</span></strong></p>



<p class="wp-block-paragraph">科学的根拠に基づいた習慣を4つ紹介します。</p>



<style>
/* 1. セクション全体の干渉遮断 */
#mc-habits-wrap, #mc-habits-wrap * {
    box-sizing: border-box !important;
}

/* 2. マーカー（黄土色ライン）を強制無効化 */
#mc-habits-wrap span, 
#mc-habits-wrap strong,
#mc-habits-wrap div[role="heading"] {
    background: none !important;
    background-image: none !important;
    text-decoration: none !important;
}

/* 3. メインコンテナ */
.mc-habits-container {
    width: 100% !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 24px 16px !important;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif !important;
    margin: 32px 0 !important;
    color: #333 !important;
    line-height: 1.6 !important;
}

.mc-habits-header {
    text-align: center !important;
    margin-bottom: 24px !important;
}

/* role="heading" aria-level="3" のスタイル */
.mc-habits-title-div {
    color: #1a508b !important;
    font-size: 1.25rem !important;
    margin: 0 0 12px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #1a508b !important;
    font-weight: bold !important;
    display: inline-block !important;
}

.mc-habits-desc {
    font-size: 0.95rem !important;
    color: #475569 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

.mc-habits-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
}

.mc-habit-card {
    background: #ffffff !important;
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03) !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 4px solid #3182ce !important;
    display: flex !important;
    flex-direction: column !important;
}

.mc-habit-icon-wrap {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.mc-habit-icon {
    font-size: 1.6rem !important;
    margin-right: 12px !important;
    line-height: 1 !important;
}

/* role="heading" aria-level="4" のスタイル */
.mc-habit-name-div {
    font-size: 1.1rem !important;
    font-weight: bold !important;
    color: #2c5282 !important;
    margin: 0 !important;
    display: block !important;
}

.mc-habit-keyword {
    display: inline-block !important;
    background-color: #eef7fe !important;
    color: #1a508b !important;
    font-size: 0.8rem !important;
    font-weight: bold !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    margin-bottom: 12px !important;
    align-self: flex-start !important;
}

.mc-habit-text {
    font-size: 0.9rem !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* モバイル最適化：画面幅を埋める */
@media (max-width: 600px) {
    .mc-habits-container {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        padding: 24px 15px !important;
        margin: 32px 0 !important;
    }
    .mc-habits-grid {
        grid-template-columns: 1fr !important;
    }
}
</style>

<div id="mc-habits-wrap">
    <div class="mc-habits-container">
        <div class="mc-habits-header">
            <div role="heading" aria-level="3" class="mc-habits-title-div">認知機能を維持する4つの習慣（推奨）</div>
            <p class="mc-habits-desc">認知機能の維持には、科学的根拠に基づいた日々の生活習慣が大きく関わっています。</p>
        </div>

        <div class="mc-habits-grid">
            <!-- ① 有酸素運動 -->
            <div class="mc-habit-card">
                <div class="mc-habit-icon-wrap">
                    <span class="mc-habit-icon">👟</span>
                    <div role="heading" aria-level="4" class="mc-habit-name-div">① 有酸素運動</div>
                </div>
                <span class="mc-habit-keyword">注目物質：BDNF（脳由来神経栄養因子）</span>
                <p class="mc-habit-text">
                    運動と認知機能の関係は、脳科学において最も証拠が積み重なっているテーマのひとつです。<br>週150分程度のウォーキングなどの有酸素運動が、脳の神経細胞の維持に有効であることがWHOのガイドラインでも示されています。<br>運動によって「脳の肥料」とも呼ばれるBDNFの分泌が促進され、これが神経細胞の維持を助けます。
                </p>
            </div>

            <!-- ② 質の高い睡眠 -->
            <div class="mc-habit-card">
                <div class="mc-habit-icon-wrap">
                    <span class="mc-habit-icon">🌙</span>
                    <div role="heading" aria-level="4" class="mc-habit-name-div">② 質の高い睡眠</div>
                </div>
                <span class="mc-habit-keyword">キーワード：グリンファティックシステム</span>
                <p class="mc-habit-text">
                    睡眠中に脳は、日中に蓄積した老廃物を洗い流すシステムを活性化させます。<br>このシステムが十分に機能することで、翌日の認知機能が回復します。<br>特に深い睡眠（ノンレム睡眠）の時間が重要です。<br>就寝前のスマートフォン使用を減らし、規則正しい睡眠スケジュールを保つことがシステムの最大化につながります。
                </p>
            </div>

            <!-- ③ 脳を積極的に使う習慣 -->
            <div class="mc-habit-card">
                <div class="mc-habit-icon-wrap">
                    <span class="mc-habit-icon">🧩</span>
                    <div role="heading" aria-level="4" class="mc-habit-name-div">③ 脳を積極的に使う</div>
                </div>
                <span class="mc-habit-keyword">原則：神経可塑性（しんけいかそせい）</span>
                <p class="mc-habit-text">
                    「使わない機能は衰える」という原則は脳にも当てはまります。<br>読書、パズル、新しいことを学ぶなど、脳に適度な刺激を与える活動が有効です。<br>特に「慣れていないこと」に取り組む経験が重要で、いつもと違う道を歩く、利き手でない手で作業をするなど、新しい刺激が神経回路の維持につながります。
                </p>
            </div>

            <!-- ④ ストレスの管理 -->
            <div class="mc-habit-card">
                <div class="mc-habit-icon-wrap">
                    <span class="mc-habit-icon">🌿</span>
                    <div role="heading" aria-level="4" class="mc-habit-name-div">④ ストレスの管理</div>
                </div>
                <span class="mc-habit-keyword">リスク因子：過剰なコルチゾール</span>
                <p class="mc-habit-text">
                    慢性的なストレスは、前頭前野の機能を低下させる主要な要因のひとつです。<br>ストレスによって分泌されるコルチゾールが過剰になると、海馬の神経細胞にダメージを与えることが知られています。<br>深呼吸、瞑想、好きな時間を確保するなど、日常的にストレスを管理する習慣が認知機能の維持に直接貢献します。
                </p>
            </div>
        </div>
    </div>
</div>



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



<h2 class="wp-block-heading">内側から整える「GABA」の機能性</h2>



<p class="wp-block-paragraph">ここまで食事以外の維持習慣を紹介しましたが、<strong>脳のコンディションを内側から整える<span class="swl-marker mark_yellow">「機能成分」</span>という観点も重要です。</strong></p>



<h3 class="wp-block-heading">GABAとは何か？</h3>



<p class="wp-block-paragraph">GABA（ギャバ）は、アミノ酸の一種であり、脳内で働く抑制性の神経伝達物質として知られています。</p>



<p class="wp-block-paragraph">一般的に、過剰に興奮した神経の活動を穏やかに鎮める役割があると言われており、現代生活による慢性的な消耗を和らげ、認知機能が本来の力を発揮しやすい環境をサポートします。</p>



<style>
.mc-gaba-wrapper {
    width: 100%;
    box-sizing: border-box;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px 0 0 0;
    overflow: hidden;
    margin: 20px 0;
}
.mc-gaba-svg {
    width: 100%;
    max-width: 460px;
    height: auto;
    display: block;
    margin: 0 auto;
}
/* 過剰興奮（赤・速い） */
.mc-wave-stress {
    fill: none;
    stroke: #ef4444;
    stroke-width: 2.5;
    stroke-dasharray: 12 12;
    animation: mcFastWave 0.4s linear infinite;
}
.mc-stress-group {
    animation: mcFadeOut 5s infinite alternate ease-in-out;
}
/* GABA分子（緑・ブレーキ役） */
.mc-gaba-molecule {
    fill: #10b981;
    animation: mcGabaAction 5s infinite alternate ease-in-out;
}
/* 鎮静化（青・穏やか） */
.mc-wave-calm {
    fill: none;
    stroke: #3b82f6;
    stroke-width: 3;
    stroke-dasharray: 50 20;
    animation: mcSlowWave 2.5s linear infinite;
}
.mc-calm-group {
    opacity: 0;
    animation: mcFadeIn 5s infinite alternate ease-in-out;
}
/* 脳の背景 */
.mc-brain-bg {
    animation: mcBrainState 5s infinite alternate ease-in-out;
}

@keyframes mcFastWave {
    to { stroke-dashoffset: -24; }
}
@keyframes mcSlowWave {
    to { stroke-dashoffset: -70; }
}
@keyframes mcFadeOut {
    0%, 30% { opacity: 1; }
    70%, 100% { opacity: 0; }
}
@keyframes mcFadeIn {
    0%, 30% { opacity: 0; }
    70%, 100% { opacity: 1; }
}
@keyframes mcGabaAction {
    0%, 20% { transform: translateY(-40px); opacity: 0; }
    60%, 100% { transform: translateY(0); opacity: 1; }
}
@keyframes mcBrainState {
    0%, 30% { fill: #fee2e2; stroke: #fca5a5; }
    70%, 100% { fill: #eef7fe; stroke: #93c5fd; }
}
.mc-gaba-text {
    font-size: 13px;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    font-weight: bold;
}
.mc-gaba-note {
    font-size: 11px;
    fill: #64748b;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}
.mc-gaba-annotation {
    font-size: 11px;
    color: #64748b;
    text-align: right;
    padding: 8px 16px 12px 16px;
    margin: 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}
</style>

<div class="mc-gaba-wrapper">
    <svg class="mc-gaba-svg" viewBox="0 0 460 220">
        <!-- 脳のシルエット -->
        <path d="M 140 170 C 100 130, 100 70, 160 40 C 220 10, 300 20, 340 50 C 390 80, 390 140, 340 170 C 290 200, 190 200, 140 170 Z" class="mc-brain-bg" stroke-width="2"/>

        <!-- ストレス波形（過剰興奮） -->
        <g class="mc-stress-group">
            <path d="M 160 90 Q 180 50, 200 90 T 240 90 T 280 90 T 320 90" class="mc-wave-stress"/>
            <path d="M 160 120 Q 180 80, 200 120 T 240 120 T 280 120 T 320 120" class="mc-wave-stress"/>
            <path d="M 160 150 Q 180 110, 200 150 T 240 150 T 280 150 T 320 150" class="mc-wave-stress"/>
            
            <!-- 状態テキスト -->
            <rect x="185" y="105" width="110" height="26" rx="4" fill="#ffffff" opacity="0.9"/>
            <text x="240" y="123" text-anchor="middle" class="mc-gaba-text" fill="#ef4444">過剰な興奮・消耗</text>
        </g>

        <!-- 穏やかな波形（鎮静化） -->
        <g class="mc-calm-group">
            <path d="M 160 100 Q 200 80, 240 100 T 320 100" class="mc-wave-calm"/>
            <path d="M 160 140 Q 200 120, 240 140 T 320 140" class="mc-wave-calm"/>
            
            <!-- 状態テキスト -->
            <rect x="185" y="107" width="110" height="26" rx="4" fill="#ffffff" opacity="0.9"/>
            <text x="240" y="125" text-anchor="middle" class="mc-gaba-text" fill="#1a508b">本来の力を発揮</text>
        </g>

        <!-- GABA分子 -->
        <g class="mc-gaba-molecule">
            <circle cx="210" cy="70" r="7"/>
            <circle cx="270" cy="80" r="7"/>
            <circle cx="180" cy="120" r="7"/>
            <circle cx="290" cy="130" r="7"/>
            <circle cx="230" cy="160" r="7"/>
            
            <rect x="205" y="20" width="70" height="22" rx="4" fill="#10b981"/>
            <text x="240" y="35" text-anchor="middle" class="mc-gaba-text" fill="#ffffff">GABA</text>
        </g>

        <!-- 凡例 -->
        <text x="230" y="205" text-anchor="middle" class="mc-gaba-note">
            <tspan fill="#ef4444" font-weight="bold">過緊張</tspan> 
            <tspan fill="#94a3b8"> を </tspan>
            <tspan fill="#10b981" font-weight="bold">GABA（ブレーキ）</tspan> 
            <tspan fill="#94a3b8"> が和らげ </tspan>
            <tspan fill="#3b82f6" font-weight="bold">最適な状態へ整える</tspan>
        </text>
    </svg>
    <p class="mc-gaba-annotation">※アニメーションはイメージです</p>
</div>



<h3 class="wp-block-heading">なぜ食事だけでGABAを摂るのが難しいのか？</h3>



<p class="wp-block-paragraph">GABAはトマト・発芽玄米・チョコレートなどの食品にも含まれていますが、認知機能の維持をサポートするとされる量（100mg～200mg）を毎日の食事だけで摂り続けることは、現実的に非常に難しいとされています。</p>



<style>
/* 1. セクション全体の干渉遮断 */
#mc-table-wrap, #mc-table-wrap * {
    box-sizing: border-box !important;
}

/* 2. マーカー（黄土色ライン）を完全に無効化 */
#mc-table-wrap span, 
#mc-table-wrap strong,
#mc-table-wrap td,
#mc-table-wrap th {
    background: none !important;
    background-image: none !important;
    text-decoration: none !important;
}

/* 3. テーブル基本構造 */
.mc-table-container {
    width: 100% !important;
    margin: 24px 0 !important;
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
}

.mc-compare-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.mc-compare-table th {
    background-color: #eef7fe !important;
    color: #1a508b !important;
    font-weight: bold !important;
    padding: 16px !important;
    text-align: left !important;
    font-size: 0.9rem !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.mc-compare-table td {
    padding: 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    font-size: 0.95rem !important;
    vertical-align: middle !important;
}

/* 食品名の強調 */
.mc-item-name {
    font-weight: bold !important;
    font-size: 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* 摂取量の強調 */
.mc-amount-val {
    color: #1a508b !important;
    font-weight: bold !important;
    font-size: 1.05rem !important;
}

/* 懸念点テキスト */
.mc-concern-text {
    color: #ef4444 !important;
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* --------------------------------------------------
   スマホ表示用：表をカード形式に変換
-------------------------------------------------- */
@media (max-width: 640px) {
    /* テーブル全体の余白をテーマに合わせる（左右余白ゼロ化） */
    .mc-table-container {
        margin: 24px -16px !important;
        width: calc(100% + 32px) !important;
    }
    
    .mc-compare-table, 
    .mc-compare-table thead, 
    .mc-compare-table tbody, 
    .mc-compare-table th, 
    .mc-compare-table td, 
    .mc-compare-table tr {
        display: block !important;
        width: 100% !important;
    }

    /* ヘッダー（見出し行）を非表示にする */
    .mc-compare-table thead {
        display: none !important;
    }

    .mc-compare-table tr {
        margin-bottom: 16px !important;
        border-bottom: 4px solid #e2e8f0 !important;
        background: #fff !important;
    }

    .mc-compare-table td {
        text-align: left !important;
        padding: 12px 16px !important;
        border-bottom: 1px solid #f1f5f9 !important;
        position: relative !important;
    }

    /* 各セルにラベルを付与する（疑似要素） */
    .mc-compare-table td::before {
        content: attr(data-label) !important;
        display: block !important;
        font-size: 0.75rem !important;
        font-weight: bold !important;
        color: #94a3b8 !important;
        margin-bottom: 4px !important;
        text-transform: uppercase !important;
    }
    
    .mc-compare-table tr:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }
}
</style>

<div id="mc-table-wrap">
    <div class="mc-table-container">
        <table class="mc-compare-table">
            <thead>
                <tr>
                    <th>食品</th>
                    <th>GABA 200mgの目安量※</th>
                    <th>継続における懸念点</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td data-label="食品">
                        <div class="mc-item-name">🍅 トマト</div>
                    </td>
                    <td data-label="目安量"><span class="mc-amount-val">約4〜5個</span>（中玉）</td>
                    <td data-label="懸念点">
                        <p class="mc-concern-text">毎日食べるには量が多く、季節による価格変動も大きいため食費がかさみます。</p>
                    </td>
                </tr>
                <tr>
                    <td data-label="食品">
                        <div class="mc-item-name">🍚 発芽玄米</div>
                    </td>
                    <td data-label="目安量"><span class="mc-amount-val">約8杯</span>（お茶碗）</td>
                    <td data-label="懸念点">
                        <p class="mc-concern-text">毎食大量に食べるのは現実的ではなく、糖質やカロリーの過剰摂取につながります。</p>
                    </td>
                </tr>
                <tr>
                    <td data-label="食品">
                        <div class="mc-item-name">🍫 GABA配合チョコ</div>
                    </td>
                    <td data-label="目安量"><span class="mc-amount-val">約1.5〜2袋</span>（市販品）</td>
                    <td data-label="懸念点">
                        <p class="mc-concern-text">手軽ですが、毎日食べ続けると糖分や脂質の摂りすぎが懸念されます。</p>
                    </td>
                </tr>
            </tbody>
        </table>
        <p style="font-size: 0.75rem; color: #94a3b8; text-align: right; margin: 8px 16px 0 0;">
            ※文部科学省「日本食品標準成分表」等より算出
        </p>
    </div>
</div>



<h3 class="wp-block-heading"><strong>習慣に溶け込む「GABA×コーヒー」という選択肢</strong></h3>



<p class="wp-block-paragraph">前の表で確認したように、認知機能の維持をサポートするとされる量のGABA（100～200mg）を毎日の食事から摂り続けることは、カロリーや糖質の過剰摂取、あるいは手間の面から非常に困難です。</p>



<p class="wp-block-paragraph">かといって、新しいサプリメントを飲む習慣をわざわざ「追加」するのも、つい飲み忘れてしまったり、義務感が生じて長続きしないことが多いものです。</p>



<p class="wp-block-paragraph">そこで最も現実的なのが、<strong><span class="swl-marker mark_yellow">「すでにある毎日の習慣にGABAを組み込む」</span></strong>というアプローチです。</p>



<p class="wp-block-paragraph">朝の目覚めや仕事の合間など、多くの方が毎日自然と口にしている「コーヒー」。</p>



<p class="wp-block-paragraph"><strong>この1杯を置き換えるだけであれば、努力や我慢をすることなく継続することができます。</strong></p>



<p class="wp-block-paragraph">この「無理のない継続」を実現するために誕生したのが、消費者庁に機能性表示食品として届出されている<strong><span class="swl-marker mark_green">『Memory Coffee</span></strong><span class="swl-marker mark_green">（届出番号：J1384）</span><strong><span class="swl-marker mark_green">』</span></strong>です。</p>



<p class="wp-block-paragraph">本製品は、1杯のコーヒーに高純度のGABAを200mg配合しています！</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp" alt="Memory Coffeeは、スティック1本に機能性関与成分GABAが200mg配合されていることを説明する画像" class="wp-image-4872" style="width:467px;height:auto" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">このGABAの継続摂取によって、加齢とともに低下する主要な<strong><span class="swl-marker mark_yellow">認知機能</span></strong><span class="swl-marker mark_yellow">（記憶力、空間認知力、持続的注意力）</span><strong><span class="swl-marker mark_yellow">の維持</span></strong>をサポートすることが報告されています。</p>



<p class="wp-block-paragraph">脳というデリケートな領域をサポートする高純度な成分だからこそ、製造環境への妥協は一切排除しました。</p>



<p class="wp-block-paragraph">厚生労働省のガイドラインに基づく厳格な品質管理基準をクリアした「GMP認定工場」でのみ製造。</p>



<p class="wp-block-paragraph">一切の妥協のない、確かな純度と安全性をお届けします。</p>



<p class="wp-block-paragraph">新しい習慣を増やすのではなく、いつものコーヒーを置き換える…。</p>



<p class="wp-block-paragraph">そのシンプルでストレスのない選択が、10年後、20年後の冴えた脳を維持するための確実な一歩となります！</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-1024x576.webp" alt="機能性表示食品のMemory Coffee（メモリーコーヒー）はGMP認定工場（認定番号：14307）で製造されていることを表示した画像" class="wp-image-4912" srcset="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      コーヒーで手軽にながらケア
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しく観る ▶︎</span>
  </div>

</a>



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



<h2 class="wp-block-heading">まとめ：認知機能は「じわじわ」変化し、「今から」維持できる</h2>



<p class="wp-block-paragraph">認知機能は、ある日突然なくなるものではありません。</p>



<p class="wp-block-paragraph">30代頃から少しずつ、気づかないうちに変化していきます。</p>



<p class="wp-block-paragraph">しかし逆に言えば、今日から始める小さな習慣の積み重ねで、維持し続けることができます。</p>



<p class="wp-block-paragraph"><strong>有酸素運動を週に取り入れる。</strong></p>



<p class="wp-block-paragraph"><strong>深い睡眠を確保する。</strong></p>



<p class="wp-block-paragraph"><strong>脳に新しい刺激を与え続ける。</strong></p>



<p class="wp-block-paragraph">そして毎日のコーヒーに、<strong>GABAという選択肢を加える。</strong></p>



<p class="wp-block-paragraph">「もう遅い」ということは決してありません。</p>



<p class="wp-block-paragraph">脳は何歳になっても、適切な刺激とコンディションの維持に応答します。</p>



<p class="wp-block-paragraph">10年後・20年後も「冴えた脳で自分らしく生きる」ために、今日の選択と日々の習慣が「未来の自分らしさ」に繋がります。</p>



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



<style>
.end-section{background:#f7f4ee;border-top:1px solid #e5dece;padding:24px 20px 28px;margin-top:40px;}
.end-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.end-header-bar{width:3px;height:18px;background:#c4993a;border-radius:2px;flex-shrink:0;}
.end-header-text{font-size:13px;font-weight:700;color:#1a1a1a;}
.end-cards{display:flex;flex-direction:column;gap:12px;}
.end-card{display:block;background:#fff;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.end-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.end-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.end-card-body{padding:12px 14px 14px;}
.end-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.end-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/magazine/spatial-cognition-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide.webp" alt="空間認知力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">空間認知力</div>
        <div class="end-card-title">空間認知力が落ちる理由と維持する習慣</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide.webp" alt="持続的注意力とは？低下するメカニズムと維持する習慣">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">持続的注意力</div>
        <div class="end-card-title">持続的注意力が低下する原因と維持する4つの習慣</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/why-90days/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-why-90days.webp" alt="なぜ90日間続けるのか？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">習慣化</div>
        <div class="end-card-title">なぜ90日間続けるのか？科学的根拠</div>
      </div>
    </a>
  </div>
</div>



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



<style>
/* 1. セクション全体の干渉遮断 */
.mc-faq-area-wrap, .mc-faq-area-wrap * {
    box-sizing: border-box !important;
}

/* 2. マーカー（黄土色ライン）を強制無効化 */
.mc-faq-area-wrap span, 
.mc-faq-area-wrap strong,
.mc-faq-area-wrap div[role="heading"] {
    background: none !important;
    background-image: none !important;
    text-decoration: none !important;
}

/* 3. コンテナ構造 */
.mc-article-faq-wrapper {
    width: 100% !important;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif !important;
    margin: 48px 0 !important;
}

/* role="heading" aria-level="2" (元のh2) */
.mc-faq-heading-div {
    display: block !important;
    color: #1a508b !important;
    font-size: 1.4rem !important;
    text-align: center !important;
    margin: 0 0 32px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #1a508b !important;
    font-weight: bold !important;
}

.mc-faq-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    overflow: hidden !important;
}

.mc-faq-question {
    background-color: #f8fafc !important;
    padding: 20px 24px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

.mc-faq-icon-q {
    color: #1a508b !important;
    font-size: 1.4rem !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

/* role="heading" aria-level="3" (元のh3) */
.mc-faq-q-text-div {
    display: block !important;
    font-size: 1.1rem !important;
    font-weight: bold !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.mc-faq-answer {
    padding: 24px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

.mc-faq-icon-a {
    color: #3b82f6 !important;
    font-size: 1.4rem !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
}

.mc-faq-a-text {
    font-size: 0.95rem !important;
    color: #334155 !important;
    line-height: 1.8 !important;
    flex: 1 !important;
}

.mc-faq-a-text p {
    margin-top: 0 !important;
    margin-bottom: 1.2em !important;
}

.mc-faq-a-text p:last-child {
    margin-bottom: 0 !important;
}

.mc-faq-note {
    font-size: 0.85rem !important;
    color: #64748b !important;
}

/* モバイル向け最適化 */
@media (max-width: 600px) {
    .mc-faq-card {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        margin-bottom: 16px !important;
    }
    .mc-faq-question {
        padding: 16px !important;
        gap: 8px !important;
    }
    .mc-faq-answer {
        padding: 20px 16px !important;
        gap: 8px !important;
    }
    .mc-faq-q-text-div {
        font-size: 1rem !important;
    }
}
</style>

<div class="mc-faq-area-wrap">
    <div class="mc-article-faq-wrapper">
        <div role="heading" aria-level="2" class="mc-faq-heading-div">よくあるご質問</div>

        <!-- 質問1 -->
        <div class="mc-faq-card">
            <div class="mc-faq-question">
                <span class="mc-faq-icon-q">Q</span>
                <div role="heading" aria-level="3" class="mc-faq-q-text-div">なぜGABAが「記憶力の維持」につながるのですか？</div>
            </div>
            <div class="mc-faq-answer">
                <span class="mc-faq-icon-a">A</span>
                <div class="mc-faq-a-text">
                    <p>結論から言えば、GABAには記憶力の維持に役立つことが、複数のヒト試験によって報告されています。</p>
                    <p><strong>① 脳の働きとGABAの関係</strong><br>脳の神経細胞は、「興奮性」と「抑制性」の物質によって情報処理を行っています。GABAは“抑制性”の代表的な物質で、神経の過剰な興奮をしずめる「ブレーキ役」です。東京大学医学系研究科の研究チームは、このGABAが「シナプスの形成・整理」に関与することを報告しました。</p>
                    <p><strong>② シナプスの老化と“脳の衰え”</strong><br>年齢とともにシナプスの数や働きが少しずつ減少すると、「思い出す力」などが低下しやすくなります。</p>
                    <p><strong>③ 最新研究による回答</strong><br>摂取したGABAが<strong>「腸管にあるセンサー」</strong>を刺激し、その信号が神経を通じて脳へ伝わるという「腸―脳相関」のルートが解明されつつあります。GABAそのものが直接脳に入る必要はなく、情報のバトンが届くことで機能を発揮する仕組みです。</p>
                    <p class="mc-faq-note">※京都府立大学と原料メーカーの共同研究参照</p>
                </div>
            </div>
        </div>

        <!-- 質問2 -->
        <div class="mc-faq-card">
            <div class="mc-faq-question">
                <span class="mc-faq-icon-q">Q</span>
                <div role="heading" aria-level="3" class="mc-faq-q-text-div">どのくらいの期間続けるとよいですか？</div>
            </div>
            <div class="mc-faq-answer">
                <span class="mc-faq-icon-a">A</span>
                <div class="mc-faq-a-text">
                    <p>GABAは、12週間（約3ヶ月）継続的に摂取することで認知機能の維持に役立つ機能があることが報告されています。まずは3ヶ月を目安に習慣化することをおすすめします。</p>
                    <p>Memory Coffeeは、単なるサプリメントではなく「毎日のコーヒー」という既存の習慣に置き換えることで、無理なく自然に続けられる<strong>「仕組みで課題を解決する」</strong>設計になっています。</p>
                </div>
            </div>
        </div>

        <!-- 質問3 -->
        <div class="mc-faq-card">
            <div class="mc-faq-question">
                <span class="mc-faq-icon-q">Q</span>
                <div role="heading" aria-level="3" class="mc-faq-q-text-div">味はおいしいですか？</div>
            </div>
            <div class="mc-faq-answer">
                <span class="mc-faq-icon-a">A</span>
                <div class="mc-faq-a-text">
                    <p>「毎日続けやすく」をコンセプトに、ブラジル産とベトナム産のコーヒー豆を絶妙にブレンドし、GABAの風味と調和させています。</p>
                    <p>愛飲者様からは「スッキリ飲みやすい」「違和感がない」といったお声をいただいています。1杯140mlを目安に、ぜひ豊かなひとときをお楽しみください。</p>
                </div>
            </div>
        </div>
    </div>
</div>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "なぜGABAが「記憶力の維持」につながるのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "結論から言えば、GABAには記憶力の維持に役立つことが、複数のヒト試験によって報告されています。<br><br><strong>① 脳の働きとGABAの関係</strong><br>脳の神経細胞は、「興奮性」と「抑制性」の物質によって情報処理を行っています。GABAは“抑制性”の代表的な物質で、神経の過剰な興奮をしずめる「ブレーキ役」です。東京大学医学系研究科の研究チームは、このGABAが「シナプス（神経の接続部）の形成・整理」に関与することを報告しました。<br><br><strong>② シナプスの老化と“脳の衰え”</strong><br>年齢とともにシナプスの数や働きが少しずつ減少すると、「思い出す力」などが低下しやすくなります。<br><br><strong>③ 「脳に届かない」という説への、最新研究による回答</strong><br>かつては「GABAは血液脳関門（BBB）を通過しにくいため、経口摂取では意味がない」と考えられていました。しかし、近年のヒト試験では、経口摂取によって脳機能や自律神経へ肯定的な影響を与えることが多数報告されています。<br>その理由は、近年の研究（京都府立大学等）によって解明されつつあります。摂取したGABAが<strong>「腸管にあるセンサー」を刺激し、その信号が神経（迷走神経）を通じて脳へ伝わる</strong>という「腸―脳相関」のルートです。<br>つまり、GABAそのものが直接脳に入る必要はなく、<strong>「情報のバトン」が脳へ届くことで機能を発揮する</strong>という仕組みが、現在の研究における有力なメカニズムとなっています。<br><br>※京都府立大学と原料メーカーの共同研究参照"
      }
    },
    {
      "@type": "Question",
      "name": "どのくらいの期間続けるとよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "本商品に含まれるGABAは、12週間（約3ヶ月）継続的に摂取することで、記憶力（見たり聞いたりしたことを思い出す力）などの認知機能の維持する機能があることが報告されています。<br>そのため、まずは3ヶ月を目安に、生活習慣の一部として取り入れていただくことをおすすめします。<br><br>ただし、効果については“実感しにくい場合がある”というのも事実です。<br>その理由として、日々の生活の中で感じる疲労やストレス等の強度によって、一時的に脳機能が低下する可能性もあるからです。<br><strong>「機能の変化を感じにくいことから、途中で続けられなくなる」それが従来の“脳活”商品の共通した大きな課題でした。</strong><br><br>そこでMemory Coffeeは「GABAの機能性」に「コーヒー」という日常的な飲み物を掛け合わせて商品設計・開発いたしました。<br>コーヒーを飲む習慣とともに、自ずと結果も伴うような<strong>「仕組みで課題を解決」</strong>することを目指しました。<br><br>GABAの機能性については科学的根拠に基づいて、届出・受理されております。<br>もし、詳細を確認したい場合は消費者庁の機能性表示食品データベースをご覧ください。<br><br><a href=\"https://www.fld.caa.go.jp/caaks/s/cssc01/\" target=\"_blank\">▶ 機能性表示食品検索</a><br>※キーワード検索で「J1384」または「コーヒー」で検索してください<br><br>単なる水と共に飲むサプリメントではなく、味わい（摂取体験）に彩りを持たせることで、より続けやすくしたいとの想いであります。<br>味がお口に合うようでしたら、ぜひ続けていただければ幸いです。"
      }
    },
    {
      "@type": "Question",
      "name": "味はおいしいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "「毎日続けやすく」をコンセプトととし、GABA風味と調和するよう、すっきりとしたブラジル産コーヒー豆と、コクと深みのあるベトナム産コーヒー豆を絶妙な配合でブレンドしています。<br><br>以下、今までいただいた声です。<br>・スッキリのみやすい<br>・コーヒーらしい味わい<br>・違和感がない<br>・カカオの風味を感じる<br>・キリマンジャロのような酸味を感じる<br>※など一部抜粋<br><br>また、お湯の量や温度によっても味わいは変わります。（おすすめは140mlの設計です）<br>コーヒーは性質上、冷めると酸味が際立つため、苦手な方は温かい内にお飲みいただくことをおすすめします。<br><br>味覚には個人差があるため断言はできかねますが、<strong>“日々のひとときを豊かにする一杯”</strong>になることを願って開発いたしました。<br>ぜひ、一度、お飲みいただければ幸いです。"
      }
    }
  ]
}
</script>



<style>
.mc-disclaimer-section {
    max-width: 700px;
    margin: 40px auto;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    color: #555;
    line-height: 1.6;
    border-top: 1px solid #eee;
    padding-top: 30px;
}
.mc-disclaimer-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.mc-disclaimer-title {
    font-size: 0.85rem;
    color: #222;
    margin: 0 0 15px 0;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.mc-disclaimer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.75rem;
    text-align: justify;
}
.mc-disclaimer-item {
    margin-bottom: 12px;
}
.mc-disclaimer-item:last-child {
    margin-bottom: 0;
}
.mc-statutory-box {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px dashed #cbd5e1;
    font-size: 0.75rem;
    color: #475569;
}
.mc-statutory-box p {
    margin: 0 0 8px 0;
}
.mc-statutory-box p:last-child {
    margin-bottom: 0;
}

@media (max-width: 600px) {
    .mc-disclaimer-section {
        margin: 40px 0;
        padding-top: 20px;
        border-top: none;
    }
    .mc-disclaimer-box {
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 20px 15px;
    }
}
</style>

<section class="mc-disclaimer-section">
    <div class="mc-disclaimer-box">
        <h5 class="mc-disclaimer-title">
            <span style="margin-right: 8px;">⚖️</span> 免責事項および重要事項
        </h5>
        
        <ul class="mc-disclaimer-list">
            <li class="mc-disclaimer-item">
                <b style="color: #222;">1. 情報の正確性について：</b><br>
                本記事の内容は、執筆時点における公的統計および学術論文に基づき作成されています。<br>
                情報の正確性・最新性には細心の注意を払っておりますが、科学的知見の更新により将来的に内容が変更される可能性があります。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">2. 医療行為の代替ではありません：</b><br>
                本記事は一般的な健康情報の提供を目的としたものであり、医師による診断、治療、または処方に代わるものではありません。<br>
                特定の疾患がある方や通院中の方は、必ず専門医にご相談ください。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">3. 効果の個人差について：</b><br>
                GABA等の成分に関する記述は、一般的な臨床試験の結果に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。<br>
                体質や体調により、まれに合わない場合があります。
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222;">4. 損害への責任：</b><br>
                本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。<br>
                最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。
            </li>
        </ul>

        <div class="mc-statutory-box">
            <b style="color: #222; display: block; margin-bottom: 8px;">【機能性表示食品に関する表示】</b>
            <p>・本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</p>
            <p>・本品は、疾病の診断、治療、予防を目的としたものではありません。</p>
            <p>・食生活は、主食、主菜、副菜を基本に、食事のバランスを。</p>
        </div>
    </div>
</section>



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>持続的注意力とは？加齢で低下するメカニズムと科学的に維持する4つの習慣</title>
		<link>https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Fri, 08 May 2026 13:06:53 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=5174</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ 💡 この記事でわかること ✔ 「集中力がない」と [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div style="
    background-color: #f0f7ff; 
    border: 1px solid #d1e3f8; 
    border-radius: 12px; 
    padding: 24px; 
    margin: 20px 0; 
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
">
    <div role="heading" aria-level="3" style="
        color: #2c5282; 
        margin-top: 0; 
        margin-bottom: 20px; 
        font-size: 1.25rem; 
        font-weight: bold;
        display: flex; 
        align-items: center;
        border-bottom: 2px solid #bcd7f5;
        padding-bottom: 10px;
        background: transparent;
    ">
        <span style="margin-right: 10px;">💡</span> この記事でわかること
    </div>
    
    <ul style="
        list-style: none; 
        padding: 0; 
        margin: 0;
    ">
        <li style="
            display: flex; 
            align-items: flex-start; 
            margin-bottom: 14px; 
            color: #4a5568;
            line-height: 1.6;
        ">
            <span style="color: #3182ce; margin-right: 12px; font-weight: bold;">✔</span>
            <span><strong>「集中力がない」</strong>と<strong>「持続的注意力の低下」</strong>は、実は別の話だった理由</span>
        </li>
        <li style="
            display: flex; 
            align-items: flex-start; 
            margin-bottom: 14px; 
            color: #4a5568;
            line-height: 1.6;
        ">
            <span style="color: #3182ce; margin-right: 12px; font-weight: bold;">✔</span>
            <span>前頭前野・ドーパミン・脳の過緊張が<strong>注意力を蝕む3つのメカニズム</strong></span>
        </li>
        <li style="
            display: flex; 
            align-items: flex-start; 
            margin-bottom: 14px; 
            color: #4a5568;
            line-height: 1.6;
        ">
            <span style="color: #3182ce; margin-right: 12px; font-weight: bold;">✔</span>
            <span>今日からできる、<strong>科学的根拠に基づいた4つの維持習慣</strong></span>
        </li>
        <li style="
            display: flex; 
            align-items: flex-start; 
            color: #4a5568;
            line-height: 1.6;
        ">
            <span style="color: #3182ce; margin-right: 12px; font-weight: bold;">✔</span>
            <span><strong>GABA</strong>が持続的注意力の維持をサポートする仕組み</span>
        </li>
    </ul>
</div>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidashikyara-9.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>最初は集中できてるのに、 途中から頭に入らなくなる</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-03.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>同じ行を何度も読み返してしまう？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-05.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>気づいたら全然違うサイトを 開いていた…</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">情報処理量が増えているのに、なぜ現代人の注意力は下がっているのでしょうか？</p>



<p class="wp-block-paragraph">スマートフォン、パソコン、会議、通知…。</p>



<p class="wp-block-paragraph">私たちは1日に<strong><span class="swl-marker mark_yellow">膨大な量の情報を処理しながら生きています</span></strong>。</p>



<p class="wp-block-paragraph">それだけ脳を使っているはずなのに、「作業に集中し続けられない」「会議の内容が頭に入らない」「同じところを何度も読み返してしまう」という経験をする人は、年々増えています。</p>



<p class="wp-block-paragraph">この逆説には、はっきりとした脳科学的な答えがあります。</p>



<p class="wp-block-paragraph">問題は「情報の量」ではなく、<strong><span class="swl-marker mark_yellow">「注意の質」</span></strong>にあります。</p>



<p class="wp-block-paragraph">そしてその質を司っているのが<strong>「持続的注意力」</strong>と呼ばれる、脳の特定の機能です。</p>



<p class="wp-block-paragraph">この記事では、持続的注意力とは何か？、なぜ現代社会と加齢の組み合わせがこの機能を特に脅かすのか、そして科学的根拠に基づいた維持習慣を、脳のメカニズムから丁寧に解説します。</p>



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



<h2 class="wp-block-heading">持続的注意力とは何か？：「集中力」との違いから理解する</h2>



<h3 class="wp-block-heading">集中力は「瞬発力」<strong>、持続的注意力は</strong>「持久力」</h3>



<p class="wp-block-paragraph">日常で私たちが「集中力」と呼んでいるものには、実は複数の異なる脳の機能が混在しています。</p>



<p class="wp-block-paragraph"><strong>集中力</strong>とは、ある特定の対象に意識をグッと向ける、いわば<strong><span class="swl-marker mark_yellow">「スポットライトを当てる力」</span></strong>です。</p>



<p class="wp-block-paragraph">好きな映画を観るときや、面白い本を読むときに自然と発揮されるものです。</p>



<div class="focus-concept-wrapper">
    <div class="focus-bg"></div>
    <div class="focus-spotlight"></div>
    
    <div class="focus-text focus-text-normal">日常（注意が分散している状態）</div>
    <div class="focus-text focus-text-active">集中力（対象にスポットライト）</div>

    <div class="focus-items">
        <div class="item noise">
            📱<span>SNS・通知</span>
        </div>
        <div class="item target">
            🎬<span>好きな映画</span>
        </div>
        <div class="item noise">
            ☕️<span>別の考え事</span>
        </div>
    </div>
</div>

<style>
/* コンテナ（スマホ・PC両対応） */
.focus-concept-wrapper {
    position: relative;
    width: 100%;
    height: clamp(220px, 45vw, 300px);
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    border: 1px solid #ddd;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* 背景（明るい⇔暗いを切り替え） */
.focus-bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #f0f7ff;
    animation: bgAnim 8s infinite ease-in-out;
}

/* 状態を説明するテキスト */
.focus-text {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    font-size: clamp(0.9rem, 3.5vw, 1.2rem);
    padding: 8px 20px;
    border-radius: 30px;
    z-index: 10;
    white-space: nowrap;
}

.focus-text-normal {
    color: #4a5568;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #cbd5e0;
    animation: textFadeOut 8s infinite ease-in-out;
}

.focus-text-active {
    color: #fff;
    background: #3182ce;
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.4);
    opacity: 0;
    animation: textFadeIn 8s infinite ease-in-out;
}

/* アイテムの配置 */
.focus-items {
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 5;
}

.item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(2.5rem, 8vw, 4rem);
    transition: all 0.5s;
}

.item span {
    font-size: clamp(0.7rem, 2.5vw, 1rem);
    font-weight: bold;
    margin-top: 12px;
}

/* ノイズ（雑音）の挙動 */
.item.noise {
    font-size: clamp(1.8rem, 6vw, 3rem);
    animation: noiseFade 8s infinite ease-in-out;
}

/* ターゲット（映画）の挙動 */
.item.target {
    animation: targetPop 8s infinite ease-in-out;
}

/* スポットライトの光 */
.focus-spotlight {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(160px, 45vw, 250px);
    aspect-ratio: 1;
    border-radius: 50%;
    /* 中央が最も明るい光のグラデーション */
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.2) 50%, transparent 70%);
    opacity: 0;
    z-index: 2;
    animation: spotlightAnim 8s infinite ease-in-out;
}

/* --- アニメーションのキーフレーム（8秒周期） --- */

/* 1. 背景が暗くなり、また明るくなる */
@keyframes bgAnim {
    0%, 15% { background-color: #f0f7ff; }
    25%, 80% { background-color: #1a1d21; } /* 暗闇 */
    90%, 100% { background-color: #f0f7ff; }
}

/* 2. テキストの切り替え */
@keyframes textFadeOut {
    0%, 15% { opacity: 1; }
    25%, 80% { opacity: 0; }
    90%, 100% { opacity: 1; }
}
@keyframes textFadeIn {
    0%, 15% { opacity: 0; }
    25%, 80% { opacity: 1; }
    90%, 100% { opacity: 0; }
}

/* 3. 周囲のノイズが暗闇に溶けて消える */
@keyframes noiseFade {
    0%, 15% { opacity: 1; filter: blur(0); color: #4a5568; }
    25%, 80% { opacity: 0.1; filter: blur(4px); color: #1a1d21; }
    90%, 100% { opacity: 1; filter: blur(0); color: #4a5568; }
}

/* 4. 映画だけが浮かび上がり、文字が白くなる */
@keyframes targetPop {
    0%, 15% { transform: scale(1); filter: blur(0); color: #2d3748; }
    25%, 80% { transform: scale(1.1); filter: drop-shadow(0 0 10px rgba(255,255,255,0.4)); color: #fff; }
    90%, 100% { transform: scale(1); filter: blur(0); color: #2d3748; }
}

/* 5. 強烈なスポットライトが当たる */
@keyframes spotlightAnim {
    0%, 15% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
    25%, 80% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    90%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }
}
</style>



<p class="wp-block-paragraph">一方で<strong>持続的注意力</strong>とは、<strong><span class="swl-marker mark_yellow">「注意を維持させながら、作業を続ける力」</span></strong>のことです。</p>



<p class="wp-block-paragraph">単に注意を向けるだけでなく、それを一定時間にわたって安定して保ち続けることが求められます。</p>



<div class="sustained-focus-wrapper">
    <!-- 背景は常に集中状態（暗闇） -->
    <div class="sf-bg"></div>
    
    <!-- 揺るがないスポットライト -->
    <div class="sf-spotlight"></div>
    
    <div class="sf-text">持続的注意力（一定時間、安定して保つ）</div>

    <!-- ターゲット（作業） -->
    <div class="sf-target">
        💻<span>長時間の作業・会議</span>
    </div>

    <!-- 邪魔をしようとする雑念（ノイズ） -->
    <div class="sf-noise noise-left">📱<span>通知</span></div>
    <div class="sf-noise noise-right">💭<span>別の考え</span></div>

    <!-- 時間の経過を示すプログレスバー -->
    <div class="sf-time-container">
        <div class="sf-time-text">経過時間</div>
        <div class="sf-time-bar-bg">
            <div class="sf-time-bar-fill"></div>
        </div>
    </div>
</div>

<style>
/* コンテナ（スマホ・PC両対応） */
.sustained-focus-wrapper {
    position: relative;
    width: 100%;
    height: clamp(240px, 50vw, 320px);
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    border: 1px solid #2d3748;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    background-color: #1a1d21; /* 常に深い集中状態の背景 */
}

/* 状態を説明するテキスト */
.sf-text {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    font-size: clamp(0.9rem, 3.5vw, 1.2rem);
    padding: 8px 20px;
    border-radius: 30px;
    z-index: 10;
    white-space: nowrap;
    color: #fff;
    background: #2b6cb0; /* 落ち着いた深いブルー */
    box-shadow: 0 2px 10px rgba(43, 108, 176, 0.5);
}

/* ターゲット（作業） */
.sf-target {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(3rem, 10vw, 5rem);
    color: #fff;
    z-index: 5;
    filter: drop-shadow(0 0 15px rgba(255,255,255,0.6));
}

.sf-target span {
    font-size: clamp(0.8rem, 2.5vw, 1.1rem);
    font-weight: bold;
    margin-top: 10px;
    color: #fff;
}

/* 揺るがないスポットライト */
.sf-spotlight {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(180px, 50vw, 280px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.15) 50%, transparent 70%);
    z-index: 2;
    /* 前回の「点滅」とは異なり、ゆっくりと静かに呼吸するような安定した光 */
    animation: steadyLight 4s infinite alternate ease-in-out;
}

/* 雑念（ノイズ）の共通スタイル */
.sf-noise {
    position: absolute;
    top: 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    color: #a0aec0;
    z-index: 4;
    opacity: 0;
}
.sf-noise span {
    font-size: clamp(0.6rem, 2vw, 0.8rem);
    margin-top: 5px;
}

/* 左からのノイズ（通知）が弾かれるアニメーション */
.noise-left {
    left: 10%;
    animation: noiseAttackLeft 10s infinite ease-in-out;
}

/* 右からのノイズ（別の考え）が弾かれるアニメーション */
.noise-right {
    right: 10%;
    animation: noiseAttackRight 10s infinite ease-in-out 5s; /* 5秒ズラして発生 */
}

/* 時間の経過バー */
.sf-time-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    z-index: 10;
}

.sf-time-text {
    color: #e2e8f0;
    font-size: clamp(0.7rem, 2vw, 0.9rem);
    margin-bottom: 5px;
    text-align: left;
}

.sf-time-bar-bg {
    width: 100%;
    height: 6px;
    background-color: #4a5568;
    border-radius: 3px;
    overflow: hidden;
}

.sf-time-bar-fill {
    height: 100%;
    background-color: #63b3ed; /* 明るいブルーの進行バー */
    width: 0%;
    /* 10秒かけて安定してゲージが貯まる */
    animation: timeProgress 10s infinite linear;
}

/* --- アニメーションキーフレーム --- */

/* スポットライトの微かな揺らぎ（安定感の表現） */
@keyframes steadyLight {
    0% { transform: translate(-50%, -50%) scale(0.98); opacity: 0.9; }
    100% { transform: translate(-50%, -50%) scale(1.02); opacity: 1; }
}

/* 左からの雑念が光のバリアに当たって消える */
@keyframes noiseAttackLeft {
    0%, 10% { transform: translateX(-20px); opacity: 0; filter: blur(2px); }
    15% { transform: translateX(10px); opacity: 0.8; filter: blur(0); } /* 近づく */
    20%, 100% { transform: translateX(-10px); opacity: 0; filter: blur(4px); } /* 弾かれて消える */
}

/* 右からの雑念が光のバリアに当たって消える */
@keyframes noiseAttackRight {
    0%, 10% { transform: translateX(20px); opacity: 0; filter: blur(2px); }
    15% { transform: translateX(-10px); opacity: 0.8; filter: blur(0); } /* 近づく */
    20%, 100% { transform: translateX(10px); opacity: 0; filter: blur(4px); } /* 弾かれて消える */
}

/* プログレスバーが一定の速度で進む */
@keyframes timeProgress {
    0% { width: 0%; }
    100% { width: 100%; }
}
</style>



<p class="wp-block-paragraph">たとえば、</p>



<ul class="wp-block-list">
<li><strong>1時間の会議を最初から最後まで追い続ける</strong></li>



<li><strong>長い書類を読み飛ばさずに確認する</strong></li>



<li><strong>単調な入力作業をミスなく続ける</strong></li>
</ul>



<p class="wp-block-paragraph">など、これらはすべて、持続的注意力が支えている日常の場面です。</p>



<p class="wp-block-paragraph">「好きなことには集中できるのに、仕事になると続かない」という経験をお持ちの方も多いでしょう。</p>



<p class="wp-block-paragraph">これは意志の問題ではありません。</p>



<p class="wp-block-paragraph">「好きなことへの集中」と「持続的注意力」は、<strong>脳の働き方として根本的に異なるもの</strong>だからです。</p>



<div class="ac-compare-wrapper">
    <div role="heading" aria-level="3" class="ac-compare-header">
        <span class="ac-header-icon">⚖️</span>
        「好きなことへの集中」と「持続的注意力」の決定的な違い
    </div>

    <div class="ac-compare-container">
        <div class="ac-card ac-card-auto">
            <div class="ac-card-title-area">
                <div class="ac-badge ac-badge-auto">自動操縦（ボトムアップ型）</div>
                <div class="ac-card-title">好きなことへの集中</div>
            </div>
            
            <div class="ac-content-box">
                <div class="ac-box-label">🧠 働く仕組み</div>
                <p class="ac-desc">
                    脳の<strong>「報酬系」</strong>と呼ばれるネットワークが主役です。<br>
                    「楽しい」「ワクワクする」という刺激によってドーパミンが分泌され、脳が<strong>無意識のうちに</strong>その対象に惹きつけられます。<br>
                </p>
            </div>
            
            <div class="ac-content-box ac-box-highlight-auto">
                <div class="ac-box-label">🚴‍♂️ 特徴：下り坂の自転車</div>
                <p class="ac-desc">
                    例えるなら「下り坂を自転車でシャーっと駆け下りている状態」です。<br>
                    前頭前野のエネルギー（意志力やコントロール力）をほとんど消費せず、努力なしで自動的に持続します。<br>
                </p>
            </div>
        </div>

        <div class="ac-card ac-card-manual">
            <div class="ac-card-title-area">
                <div class="ac-badge ac-badge-manual">手動制御（トップダウン型）</div>
                <div class="ac-card-title">持続的注意力 <span style="font-size: 0.8rem; font-weight: normal;">(仕事など)</span></div>
            </div>
            
            <div class="ac-content-box">
                <div class="ac-box-label">🧠 働く仕組み</div>
                <p class="ac-desc">
                    脳の司令塔である<strong>「前頭前野」</strong>が主役です。<br>
                    「今はこれをやらなければならない」という目標を維持しつつ、周囲のノイズ（スマホの通知や他の雑念）に<strong>ブレーキをかけ続ける</strong>ことで成立します。<br>
                </p>
            </div>
            
            <div class="ac-content-box ac-box-highlight-manual">
                <div class="ac-box-label">🚵‍♂️ 特徴：急な上り坂の自転車</div>
                <p class="ac-desc">
                    例えるなら「急な上り坂を、ペダルを強く漕いで登り続けている状態」です。<br>
                    ノイズを「抑制」し続けるために、前頭前野の莫大なエネルギー（リソース）をゴリゴリと消費します。<br>
                </p>
            </div>
        </div>
    </div>
</div>

<style>
/* --- 全体コンテナ --- */
.ac-compare-wrapper {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 32px 24px;
    margin: 40px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.05);
}

/* ヘッダー（テーマ干渉リセット） */
.ac-compare-header {
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    color: #1e3a8a;
    margin: 0 0 30px 0 !important;
    padding: 0 0 15px 0 !important;
    background: transparent !important;
    border-bottom: 2px solid #f1f5f9 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ac-header-icon {
    font-size: 1.5rem;
    margin-right: 10px;
}

/* --- カードレイアウト --- */
.ac-compare-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 15px;
}

/* カード共通 */
.ac-card {
    flex: 1;
    border-radius: 10px;
    padding: 24px;
    position: relative;
    border: 2px solid transparent;
}

/* 自動操縦（左側：暖色系） */
.ac-card-auto {
    background-color: #fffbeb; /* 優しいイエロー背景 */
    border-color: #fde68a;
}
.ac-badge-auto {
    background-color: #f59e0b;
    color: #ffffff;
}
.ac-box-highlight-auto {
    background-color: rgba(253, 230, 138, 0.5);
    border: 1px solid #fcd34d;
}

/* 手動制御（右側：寒色系/ブランドカラー） */
.ac-card-manual {
    background-color: #f0fdfa; /* 集中を感じさせるミントブルー背景 */
    border-color: #99f6e4;
    box-shadow: 0 4px 15px rgba(20, 184, 166, 0.1);
}
.ac-badge-manual {
    background-color: #0d9488;
    color: #ffffff;
}
.ac-box-highlight-manual {
    background-color: #ffffff;
    border: 1px solid #5eead4;
    border-left: 4px solid #0d9488;
}

/* カード内部要素 */
.ac-card-title-area {
    text-align: center;
    margin-bottom: 24px;
}
.ac-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}
.ac-card-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.4;
}

.ac-content-box {
    margin-bottom: 16px;
    padding: 15px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.6);
}
.ac-content-box:last-child {
    margin-bottom: 0;
}
.ac-box-label {
    font-size: 0.85rem;
    font-weight: bold;
    color: #475569;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.ac-desc {
    font-size: 0.9rem;
    color: #334155;
    line-height: 1.7;
    margin: 0 !important;
    padding: 0 !important;
}
.ac-desc strong {
    color: #0f172a;
    border-bottom: 2px solid rgba(0,0,0,0.2);
}

/* スマホ対応 */
@media (max-width: 768px) {
    .ac-compare-wrapper {
        padding: 24px 15px;
    }
    .ac-compare-container {
        flex-direction: column;
        gap: 20px;
    }
    .ac-card {
        padding: 20px 15px;
    }
}
</style>



<p class="wp-block-paragraph">消費者庁に届出された機能性表示食品の領域でも、「持続的注意力」は加齢とともに低下する認知機能の一部として明確に位置づけられています。（届出番号：J1384等）</p>



<h3 class="wp-block-heading">脳のどの部位が持続的注意力を担っているのか？</h3>



<p class="wp-block-paragraph">特定の対象に一瞬でグッと意識を向ける「集中力」や注意を維持させながら作業を続ける「持続的注意力」は、主に「<strong>3つの部位の連携（ネットワーク）」</strong>によって生み出されています。</p>



<p class="wp-block-paragraph">具体的には、以下の3つの部位がチームとして働いています。</p>



<h4 class="wp-block-heading">頭頂葉<span class="swl-fz u-fz-s">（とうちょうよう）</span>：スポットライトの「操作手」</h4>



<p class="wp-block-paragraph">脳の頭頂部付近にある部位です。</p>



<p class="wp-block-paragraph">ここがまさに「注意のスポットライトを物理的に動かす（指向させる）」役割を担っています。</p>



<p class="wp-block-paragraph">空間内のどこに意識を向けるか、視覚や聴覚の情報をどこにフォーカスさせるかを素早く操作する、現場の照明スタッフやカメラマンのような存在です。</p>



<h4 class="wp-block-heading">視床<span class="swl-fz u-fz-s">（ししょう）</span>：情報の「フィルター役」</h4>



<p class="wp-block-paragraph">脳の深い中心部にある部位です。</p>



<p class="wp-block-paragraph">目や耳から入ってきた膨大な情報のうち、「今は映画を見ているから、周囲の話し声やスマホのバイブレーションといった情報は脳に上げなくていい」と、<strong>不要なノイズを物理的に遮断する強力なゲートキーパー</strong>として働きます。</p>



<p class="wp-block-paragraph">ここが強力に働くことで、スポットライトを当てた対象物だけがくっきりと浮かび上がります。</p>



<h4 class="wp-block-heading">3. 前頭前野<span class="swl-fz u-fz-s">（ぜんとうぜんや）</span>：スポットライトの「司令塔」</h4>



<p class="wp-block-paragraph">おでこの奥にある部位です。</p>



<p class="wp-block-paragraph">「今はあの作業にスポットライトを当てろ」と、頭頂葉（操作手）に対してトップダウンの指示を出します。</p>



<div class="pfc-network-wrapper">
    <!-- 背景のネットワークリング -->
    <div class="network-ring"></div>
    <div class="network-pulse"></div>

    <!-- 司令塔（前頭前野） -->
    <div class="network-core">
        <span class="core-icon">🧠</span>
        <span class="core-title">前頭前野</span>
        <span class="core-sub">脳の司令塔</span>
    </div>

    <!-- 役割ノード -->
    <div class="network-node node-attention">
        <span class="node-icon">🎯</span>
        <span class="node-text">注意の維持</span>
    </div>
    <div class="network-node node-judge">
        <span class="node-icon">⚖️</span>
        <span class="node-text">判断</span>
    </div>
    <div class="network-node node-plan">
        <span class="node-icon">📅</span>
        <span class="node-text">計画</span>
    </div>
    <div class="network-node node-emotion">
        <span class="node-icon">🧘</span>
        <span class="node-text">感情の制御</span>
    </div>
</div>

<style>
/* コンテナ（スマホ・PC両対応） */
.pfc-network-wrapper {
    position: relative;
    width: 100%;
    /* 円形にノードを配置するため、少し正方形に近い比率を確保 */
    height: clamp(320px, 80vw, 420px);
    background-color: #1a1d21;
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    border: 1px solid #2d3748;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* ネットワークの繋がりを示す点線の輪 */
.network-ring {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(220px, 60vw, 320px);
    height: clamp(220px, 60vw, 320px);
    border: 1px dashed rgba(99, 179, 237, 0.3);
    border-radius: 50%;
    z-index: 1;
}

/* 司令塔から広がる信号（波紋） */
.network-pulse {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border: 2px solid #63b3ed;
    border-radius: 50%;
    z-index: 2;
    animation: signalWave 8s infinite ease-out;
}

/* 中央：前頭前野 */
.network-core {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #2b6cb0;
    width: clamp(90px, 25vw, 120px);
    height: clamp(90px, 25vw, 120px);
    border-radius: 50%;
    z-index: 10;
    box-shadow: 0 0 20px rgba(43, 108, 176, 0.8);
    color: #fff;
    animation: coreBreathing 8s infinite ease-in-out;
}
.core-icon { font-size: clamp(1.8rem, 6vw, 2.5rem); line-height: 1; }
.core-title { font-weight: bold; font-size: clamp(0.75rem, 2.5vw, 0.9rem); margin-top: 4px; }
.core-sub { font-size: clamp(0.55rem, 1.8vw, 0.7rem); color: #bee3f8; }

/* 周辺ノードの共通スタイル */
.network-node {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #a0aec0;
    z-index: 5;
    transition: all 0.3s;
}
.node-icon { font-size: clamp(1.5rem, 5vw, 2rem); line-height: 1; margin-bottom: 4px; }
.node-text { font-size: clamp(0.7rem, 2.2vw, 0.85rem); font-weight: bold; white-space: nowrap; }

/* 各ノードの配置（円周上になるように十字配置） */
.node-attention { top: 12%; left: 50%; }
.node-judge { top: 50%; left: 85%; }
.node-plan { top: 88%; left: 50%; }
.node-emotion { top: 50%; left: 15%; }

/* 位置補正（transformによる中心合わせと、アニメーション用のscaleを併用） */
.node-attention, .node-judge, .node-plan, .node-emotion {
    transform: translate(-50%, -50%);
}

/* --- アニメーションキーフレーム（8秒周期） --- */

/* 司令塔の鼓動 */
@keyframes coreBreathing {
    0%, 100% { box-shadow: 0 0 15px rgba(43, 108, 176, 0.6); }
    30%, 70% { box-shadow: 0 0 35px rgba(99, 179, 237, 1); }
}

/* 情報の波紋（中心から広がる） */
@keyframes signalWave {
    0%, 20% { width: 0; height: 0; opacity: 1; }
    40%, 60% { width: clamp(220px, 60vw, 320px); height: clamp(220px, 60vw, 320px); opacity: 0; }
    100% { width: clamp(220px, 60vw, 320px); height: clamp(220px, 60vw, 320px); opacity: 0; }
}

/* ① 「注意の維持」が最初に光る（〜だけでなく） */
.node-attention { animation: activeAttention 8s infinite; }
@keyframes activeAttention {
    0%, 15% { opacity: 0.4; filter: grayscale(1); transform: translate(-50%, -50%) scale(1); color: #a0aec0; }
    20%, 80% { opacity: 1; filter: grayscale(0); transform: translate(-50%, -50%) scale(1.1); color: #fff; text-shadow: 0 0 10px rgba(255,255,255,0.5); }
    90%, 100% { opacity: 0.4; filter: grayscale(1); transform: translate(-50%, -50%) scale(1); color: #a0aec0; }
}

/* ② 「判断」「計画」「感情の制御」が一斉に光る（〜も幅広く担っている） */
.node-judge { animation: activeOthers 8s infinite 0.2s; } /* わずかにズラして起動 */
.node-plan { animation: activeOthers 8s infinite 0.4s; }
.node-emotion { animation: activeOthers 8s infinite 0.6s; }
@keyframes activeOthers {
    0%, 35% { opacity: 0.3; filter: grayscale(1); transform: translate(-50%, -50%) scale(0.9); color: #4a5568; }
    45%, 80% { opacity: 1; filter: grayscale(0); transform: translate(-50%, -50%) scale(1.1); color: #fff; text-shadow: 0 0 10px rgba(99,179,237,0.8); }
    90%, 100% { opacity: 0.3; filter: grayscale(1); transform: translate(-50%, -50%) scale(0.9); color: #4a5568; }
}
</style>



<div class="brain-network-wrapper">
    <!-- 背景 -->
    <div class="bn-bg"></div>

    <!-- ラベル（上部） -->
    <div class="bn-main-title">集中力を生み出す3つの脳ネットワーク</div>

    <!-- 配線（シグナルライン） -->
    <div class="bn-pipe pipe-left"></div>
    <div class="bn-pipe pipe-right"></div>

    <!-- 脳のノード（3部位） -->
    <!-- 1. 前頭前野（司令塔） -->
    <div class="bn-node node-pfc">
        <span class="bn-icon">🧠</span>
    </div>
    <div class="bn-label label-pfc">前頭前野<br><span>(司令塔)</span></div>

    <!-- 2. 頭頂葉（操作手） -->
    <div class="bn-node node-par">
        <span class="bn-icon">🕹️</span>
    </div>
    <div class="bn-label label-par">頭頂葉<br><span>(操作手)</span></div>

    <!-- 3. 視床（フィルター） -->
    <div class="bn-node node-tha">
        <span class="bn-icon">🛡️</span>
    </div>
    <div class="bn-label label-tha">視床<br><span>(フィルター)</span></div>

    <!-- エフェクト（スポットライトとバリア） -->
    <div class="bn-beam"></div>
    <div class="bn-shield">ノイズ遮断</div>

    <!-- 外界（ターゲットと雑音） -->
    <div class="bn-target">
        🎬<br><span class="bn-target-text">対象（映画など）</span>
    </div>

    <div class="bn-noise-area">
        <div class="bn-noise-item">📱</div>
        <div class="bn-noise-item">🗣️</div>
        <span class="bn-noise-text">周囲の雑音</span>
    </div>
</div>

<style>
/* 全体のコンテナ（レスポンシブ） */
.brain-network-wrapper {
    position: relative;
    width: 100%;
    height: clamp(380px, 80vw, 480px);
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin: 20px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.bn-main-title {
    position: absolute;
    top: 15px; left: 15px;
    font-size: clamp(0.7rem, 2.5vw, 0.9rem);
    color: #a0aec0;
    font-weight: bold;
    letter-spacing: 1px;
}

/* --- 配線（直角のパイプ） --- */
.bn-pipe {
    position: absolute;
    top: 20%;
    height: 30%;
    width: 25%;
    z-index: 1;
    transition: all 0.3s;
}
.pipe-left {
    left: 25%;
    border-top: 2px solid #4a5568;
    border-left: 2px solid #4a5568;
    border-top-left-radius: 15px;
    animation: signalFlowLeft 10s infinite;
}
.pipe-right {
    left: 50%;
    border-top: 2px solid #4a5568;
    border-right: 2px solid #4a5568;
    border-top-right-radius: 15px;
    animation: signalFlowRight 10s infinite;
}

/* --- ノード（脳の部位） --- */
.bn-node {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2d3748;
    border: 2px solid #4a5568;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    width: clamp(50px, 12vw, 70px);
    aspect-ratio: 1;
    z-index: 10;
}
.bn-icon { font-size: clamp(1.2rem, 4vw, 2rem); }

/* ノードの配置 */
.node-pfc { top: 20%; left: 50%; animation: activePFC 10s infinite; }
.node-par { top: 50%; left: 25%; animation: activePar 10s infinite; }
.node-tha { top: 50%; left: 75%; animation: activeTha 10s infinite; }

/* ラベルテキスト */
.bn-label {
    position: absolute;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: clamp(0.6rem, 2vw, 0.8rem);
    font-weight: bold;
    color: #e2e8f0;
    z-index: 10;
    line-height: 1.3;
}
.bn-label span { font-size: clamp(0.5rem, 1.5vw, 0.65rem); color: #a0aec0; font-weight: normal; }

.label-pfc { top: 28%; left: 50%; }
.label-par { top: 58%; left: 25%; }
.label-tha { top: 58%; left: 75%; }

/* --- アクションエフェクト --- */
/* 頭頂葉からのスポットライト（コーン型） */
.bn-beam {
    position: absolute;
    top: 50%; left: 25%;
    width: clamp(80px, 20vw, 120px);
    height: 35%;
    background: linear-gradient(to bottom, rgba(99,179,237,0.7), rgba(99,179,237,0.1));
    transform: translateX(-50%);
    clip-path: polygon(40% 0, 60% 0, 100% 100%, 0% 100%);
    z-index: 2;
    transform-origin: top center;
    animation: beamDeploy 10s infinite;
}

/* 視床からのフィルター（バリア） */
.bn-shield {
    position: absolute;
    top: 72%; left: 75%;
    transform: translateX(-50%);
    background: rgba(79, 209, 197, 0.2);
    border-top: 2px solid #4fd1c5;
    color: #4fd1c5;
    font-size: clamp(0.5rem, 1.8vw, 0.7rem);
    padding: 2px 10px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -10px 20px rgba(79, 209, 197, 0.3);
    z-index: 6;
    animation: shieldDeploy 10s infinite;
}

/* --- 外界（ターゲットと雑音） --- */
.bn-target {
    position: absolute;
    top: 85%; left: 25%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: clamp(2rem, 6vw, 3.5rem);
    z-index: 5;
    animation: targetGlow 10s infinite;
}
.bn-target-text { font-size: clamp(0.6rem, 2vw, 0.8rem); font-weight: bold; display: block; margin-top: 5px; }

.bn-noise-area {
    position: absolute;
    top: 85%; left: 75%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    gap: 10px;
    z-index: 4;
    animation: noiseBlur 10s infinite;
}
.bn-noise-item { font-size: clamp(1.5rem, 5vw, 2.5rem); }
.bn-noise-text { position: absolute; top: 120%; font-size: clamp(0.6rem, 2vw, 0.8rem); color: #a0aec0; white-space: nowrap; }


/* =========================================
   アニメーションキーフレーム（10秒シナリオ）
========================================= */

/* 1. 司令塔（PFC）が起動して指示を出す */
@keyframes activePFC {
    0%, 5% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
    10%, 80% { border-color: #63b3ed; background: #2b6cb0; box-shadow: 0 0 20px #63b3ed; }
    85%, 100% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
}

/* 2. パイプ（配線）に信号が走る */
@keyframes signalFlowLeft {
    0%, 10% { border-color: #4a5568; filter: drop-shadow(0 0 0 transparent); }
    15%, 80% { border-color: #63b3ed; filter: drop-shadow(0 0 5px #63b3ed); }
    85%, 100% { border-color: #4a5568; filter: drop-shadow(0 0 0 transparent); }
}
@keyframes signalFlowRight {
    0%, 10% { border-color: #4a5568; filter: drop-shadow(0 0 0 transparent); }
    15%, 80% { border-color: #4fd1c5; filter: drop-shadow(0 0 5px #4fd1c5); } /* 視床へはティール色 */
    85%, 100% { border-color: #4a5568; filter: drop-shadow(0 0 0 transparent); }
}

/* 3. 視床（フィルター）が起動し、ノイズを遮断する */
@keyframes activeTha {
    0%, 15% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
    20%, 80% { border-color: #4fd1c5; background: #2c7a7b; box-shadow: 0 0 20px #4fd1c5; }
    85%, 100% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
}
@keyframes shieldDeploy {
    0%, 15% { opacity: 0; transform: translateX(-50%) translateY(10px); }
    20%, 80% { opacity: 1; transform: translateX(-50%) translateY(0); }
    85%, 100% { opacity: 0; transform: translateX(-50%) translateY(10px); }
}
@keyframes noiseBlur {
    0%, 15% { filter: blur(0) grayscale(0); opacity: 1; }
    20%, 80% { filter: blur(4px) grayscale(1); opacity: 0.2; } /* 完全にノイズが消えかける */
    85%, 100% { filter: blur(0) grayscale(0); opacity: 1; }
}

/* 4. 頭頂葉（操作手）が起動し、対象にスポットライトを当てる */
@keyframes activePar {
    0%, 20% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
    25%, 80% { border-color: #63b3ed; background: #2b6cb0; box-shadow: 0 0 20px #63b3ed; }
    85%, 100% { border-color: #4a5568; background: #2d3748; box-shadow: none; }
}
@keyframes beamDeploy {
    0%, 20% { opacity: 0; transform: translateX(-50%) scaleY(0); }
    25%, 80% { opacity: 1; transform: translateX(-50%) scaleY(1); }
    85%, 100% { opacity: 0; transform: translateX(-50%) scaleY(0); }
}
@keyframes targetGlow {
    0%, 20% { opacity: 0.4; filter: grayscale(1); color: #a0aec0; text-shadow: none; }
    25%, 80% { opacity: 1; filter: grayscale(0); color: #fff; text-shadow: 0 0 15px rgba(255,255,255,0.8); }
    85%, 100% { opacity: 0.4; filter: grayscale(1); color: #a0aec0; text-shadow: none; }
}
</style>



<p class="wp-block-paragraph">持続的注意力は、主に<strong>前頭前野</strong>が中心的な役割を担っています。</p>



<p class="wp-block-paragraph">前頭前野は注意の維持だけでなく、判断・計画・感情のコントロールなど、人間らしい高度な認知機能を幅広く担っています。</p>



<div class="brain-sustained-wrapper">
    <!-- 背景 -->
    <div class="bs-bg"></div>

    <!-- ラベルと時間経過ゲージ -->
    <div class="bs-header">
        <div class="bs-title">持続的注意力：システムの連続稼働</div>
        <div class="bs-time-bar-container">
            <span class="bs-time-label">経過時間</span>
            <div class="bs-time-bar"><div class="bs-time-fill"></div></div>
        </div>
    </div>

    <!-- 配線（常に信号が流れ続ける） -->
    <div class="bs-pipe pipe-left">
        <div class="bs-flow-signal left-flow"></div>
    </div>
    <div class="bs-pipe pipe-right">
        <div class="bs-flow-signal right-flow"></div>
    </div>

    <!-- 脳のノード（3部位・常にON） -->
    <!-- 1. 前頭前野（司令塔） -->
    <div class="bs-node node-pfc">
        <span class="bs-icon">🧠</span>
    </div>
    <div class="bs-label label-pfc">前頭前野<br><span>(絶え間ない維持指令)</span></div>

    <!-- 2. 頭頂葉（操作手） -->
    <div class="bs-node node-par">
        <span class="bs-icon">🕹️</span>
    </div>
    <div class="bs-label label-par">頭頂葉<br><span>(焦点の固定)</span></div>

    <!-- 3. 視床（フィルター） -->
    <div class="bs-node node-tha">
        <span class="bs-icon">🛡️</span>
    </div>
    <div class="bs-label label-tha">視床<br><span>(常時ノイズ遮断)</span></div>

    <!-- エフェクト（揺るがないスポットライトと強固なバリア） -->
    <div class="bs-beam"></div>
    <div class="bs-shield">鉄壁のバリア</div>

    <!-- 外界（ターゲットと雑音） -->
    <div class="bs-target">
        💻<br><span class="bs-target-text">長時間の作業</span>
    </div>

    <div class="bs-noise-area">
        <div class="bs-noise-item">📱</div>
        <div class="bs-noise-item">🗣️</div>
        <span class="bs-noise-text">弾かれ続ける雑音</span>
    </div>
</div>

<style>
/* 全体のコンテナ */
.brain-sustained-wrapper {
    position: relative;
    width: 100%;
    height: clamp(380px, 80vw, 480px);
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin: 20px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* ヘッダーと時間ゲージ */
.bs-header {
    position: absolute;
    top: 15px; left: 15px; right: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 20;
}
.bs-title {
    font-size: clamp(0.7rem, 2.5vw, 0.9rem);
    color: #63b3ed;
    font-weight: bold;
}
.bs-time-bar-container {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 40%;
}
.bs-time-label {
    font-size: clamp(0.6rem, 2vw, 0.75rem);
    color: #a0aec0;
    white-space: nowrap;
}
.bs-time-bar {
    width: 100%; height: 6px;
    background: #4a5568;
    border-radius: 3px;
    overflow: hidden;
}
.bs-time-fill {
    height: 100%;
    background: #4fd1c5;
    animation: timeProgressLoop 12s infinite linear;
}

/* --- 配線と連続シグナル --- */
.bs-pipe {
    position: absolute;
    top: 20%; height: 30%; width: 25%;
    z-index: 1;
    overflow: hidden;
}
.pipe-left {
    left: 25%;
    border-top: 2px solid #63b3ed;
    border-left: 2px solid #63b3ed;
    border-top-left-radius: 15px;
    box-shadow: -2px -2px 10px rgba(99,179,237,0.3);
}
.pipe-right {
    left: 50%;
    border-top: 2px solid #4fd1c5;
    border-right: 2px solid #4fd1c5;
    border-top-right-radius: 15px;
    box-shadow: 2px -2px 10px rgba(79,209,197,0.3);
}

/* 光の粒が絶え間なく流れるアニメーション */
.bs-flow-signal {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 8px #fff;
}
.left-flow {
    top: -2px; right: 0; width: 10px; height: 2px;
    animation: flowLeft 2s infinite linear;
}
.right-flow {
    top: -2px; left: 0; width: 10px; height: 2px;
    animation: flowRight 2s infinite linear;
}

/* --- ノード（脳の部位：常にON） --- */
.bs-node {
    position: absolute;
    display: flex; justify-content: center; align-items: center;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    width: clamp(50px, 12vw, 70px);
    aspect-ratio: 1;
    z-index: 10;
}
.bs-icon { font-size: clamp(1.2rem, 4vw, 2rem); }

/* 前頭前野：常に力強く呼吸（コマンド送信） */
.node-pfc { 
    top: 20%; left: 50%; 
    background: #2b6cb0; border: 2px solid #63b3ed; 
    animation: constantPulsePFC 3s infinite alternate ease-in-out; 
}
/* 頭頂葉：常に青く点灯 */
.node-par { 
    top: 50%; left: 25%; 
    background: #2b6cb0; border: 2px solid #63b3ed; 
    box-shadow: 0 0 15px #63b3ed;
}
/* 視床：常にティール色に点灯 */
.node-tha { 
    top: 50%; left: 75%; 
    background: #2c7a7b; border: 2px solid #4fd1c5; 
    box-shadow: 0 0 15px #4fd1c5;
}

/* ラベルテキスト */
.bs-label {
    position: absolute; transform: translate(-50%, 0); text-align: center;
    font-size: clamp(0.6rem, 2vw, 0.8rem); font-weight: bold; color: #e2e8f0; z-index: 10; line-height: 1.3;
}
.bs-label span { font-size: clamp(0.5rem, 1.3vw, 0.65rem); color: #ecc94b; font-weight: normal; } /* ここだけ注意を引くため控えめなイエロー */
.label-pfc { top: 28%; left: 50%; }
.label-par { top: 58%; left: 25%; }
.label-tha { top: 58%; left: 75%; }

/* --- エフェクト（常にON） --- */
.bs-beam {
    position: absolute; top: 50%; left: 25%;
    width: clamp(80px, 20vw, 120px); height: 35%;
    background: linear-gradient(to bottom, rgba(99,179,237,0.8), rgba(99,179,237,0.2));
    transform: translateX(-50%);
    clip-path: polygon(40% 0, 60% 0, 100% 100%, 0% 100%);
    z-index: 2; transform-origin: top center;
    /* ブレない光を表現する微細なアニメーション */
    animation: constantBeam 4s infinite alternate;
}

.bs-shield {
    position: absolute; top: 72%; left: 75%;
    transform: translateX(-50%);
    background: rgba(79, 209, 197, 0.3);
    border-top: 2px solid #4fd1c5;
    color: #4fd1c5; font-size: clamp(0.5rem, 1.8vw, 0.7rem); font-weight: bold;
    padding: 2px 12px; border-radius: 10px 10px 0 0;
    box-shadow: 0 -10px 20px rgba(79, 209, 197, 0.5);
    z-index: 6;
    /* 強固なバリアの表現 */
    animation: constantShield 3s infinite alternate;
}

/* --- 外界 --- */
.bs-target {
    position: absolute; top: 85%; left: 25%;
    transform: translate(-50%, -50%); text-align: center;
    font-size: clamp(2rem, 6vw, 3.5rem); z-index: 5;
    color: #fff; text-shadow: 0 0 15px rgba(255,255,255,0.8);
}
.bs-target-text { font-size: clamp(0.6rem, 2vw, 0.8rem); font-weight: bold; display: block; margin-top: 5px; }

.bs-noise-area {
    position: absolute; top: 85%; left: 75%;
    transform: translate(-50%, -50%); display: flex; justify-content: center; gap: 10px; z-index: 4;
    /* バリアに阻まれて常にぼやけている */
    filter: blur(4px) grayscale(1); opacity: 0.3;
}
.bs-noise-item { font-size: clamp(1.5rem, 5vw, 2.5rem); }
.bs-noise-text { position: absolute; top: 120%; font-size: clamp(0.6rem, 2vw, 0.8rem); color: #a0aec0; white-space: nowrap; }

/* =========================================
   アニメーションキーフレーム（連続稼働）
========================================= */
/* 時間ゲージの進行 */
@keyframes timeProgressLoop {
    0% { width: 0%; }
    100% { width: 100%; }
}

/* 司令塔が「頑張って維持している」鼓動感 */
@keyframes constantPulsePFC {
    0% { box-shadow: 0 0 10px #63b3ed; transform: translate(-50%, -50%) scale(0.98); }
    100% { box-shadow: 0 0 25px #63b3ed; transform: translate(-50%, -50%) scale(1.02); }
}

/* 信号の絶え間ない流れ */
@keyframes flowLeft {
    0% { top: -2px; right: 0; width: 20px; height: 2px; }
    50% { top: -2px; right: 100%; width: 20px; height: 2px; }
    51% { top: 0; left: -2px; width: 2px; height: 20px; }
    100% { top: 100%; left: -2px; width: 2px; height: 20px; }
}
@keyframes flowRight {
    0% { top: -2px; left: 0; width: 20px; height: 2px; }
    50% { top: -2px; left: 100%; width: 20px; height: 2px; }
    51% { top: 0; right: -2px; width: 2px; height: 20px; }
    100% { top: 100%; right: -2px; width: 2px; height: 20px; }
}

/* ビームとシールドの微細な揺らぎ（安定稼働の証） */
@keyframes constantBeam {
    0% { opacity: 0.8; }
    100% { opacity: 1; }
}
@keyframes constantShield {
    0% { box-shadow: 0 -10px 15px rgba(79, 209, 197, 0.4); }
    100% { box-shadow: 0 -15px 25px rgba(79, 209, 197, 0.7); }
}
</style>



<p class="wp-block-paragraph">また持続的注意力には、<strong>ドーパミン</strong>と<strong>ノルアドレナリン</strong>という2つの神経伝達物質も深く関わっています。</p>



<p class="wp-block-paragraph">ドーパミンは注意の方向付けや動機づけに、ノルアドレナリンは覚醒レベルの維持と注意の持続に関わります。</p>



<p class="wp-block-paragraph">この2つが適切なバランスで分泌されているとき、人は一つの作業に長く注意を向け続けることができます。</p>



<div class="nt-balance-wrapper">
    <!-- 左：ドーパミン -->
    <div class="nt-chem nt-left">
        <div class="nt-gauge-bg">
            <div class="nt-optimal-mark"></div>
            <div class="nt-fill dopamine"></div>
        </div>
        <div class="nt-icon">💡</div>
        <div class="nt-name">ドーパミン</div>
        <div class="nt-desc">方向付け・動機</div>
    </div>

    <!-- つなぐ光のライン（左） -->
    <div class="nt-connection line-left"></div>

    <!-- 中央：持続的注意力 -->
    <div class="nt-center">
        <div class="nt-core-container">
            <div class="nt-core">🎯</div>
            <div class="nt-core-pulse"></div>
        </div>
        
        <div class="nt-status-box">
            <span class="nt-s-bad">不均衡（注意散漫）</span>
            <span class="nt-s-good">最適バランス（持続）</span>
        </div>
    </div>

    <!-- つなぐ光のライン（右） -->
    <div class="nt-connection line-right"></div>

    <!-- 右：ノルアドレナリン -->
    <div class="nt-chem nt-right">
        <div class="nt-gauge-bg">
            <div class="nt-optimal-mark"></div>
            <div class="nt-fill noradrenaline"></div>
        </div>
        <div class="nt-icon">⚡</div>
        <div class="nt-name">ノルアド<br>レナリン</div>
        <div class="nt-desc">覚醒・持続</div>
    </div>
</div>

<style>
/* 全体のコンテナ */
.nt-balance-wrapper {
    background: #1a1d21;
    border: 1px solid #2d3748;
    border-radius: 12px;
    padding: clamp(20px, 4vw, 30px) 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 20px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* 左右の計器コンテナ */
.nt-chem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 28%;
    z-index: 5;
}

/* メーターの背景 */
.nt-gauge-bg {
    width: clamp(16px, 4vw, 30px);
    height: clamp(80px, 20vw, 140px);
    background: #2d3748;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.5);
}

/* 最適レベルの目印（75%の位置） */
.nt-optimal-mark {
    position: absolute;
    bottom: 75%;
    left: 0; right: 0;
    height: 2px;
    background: rgba(255,255,255,0.8);
    z-index: 10;
    box-shadow: 0 0 5px rgba(255,255,255,0.5);
}

/* 液面の共通設定 */
.nt-fill {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    border-radius: 20px;
    /* 高さが滑らかに変わる */
    transition: height 0.5s ease-in-out;
}

/* ドーパミンの色と動き */
.dopamine {
    background: linear-gradient(to top, #2b6cb0, #63b3ed);
    animation: dopaLevel 10s infinite;
}

/* ノルアドレナリンの色と動き */
.noradrenaline {
    background: linear-gradient(to top, #2c7a7b, #4fd1c5);
    animation: noraLevel 10s infinite;
}

/* テキスト装飾 */
.nt-icon { font-size: clamp(1.2rem, 4vw, 2rem); line-height: 1; }
.nt-name { font-size: clamp(0.55rem, 1.8vw, 0.9rem); font-weight: bold; margin-top: 8px; text-align: center; line-height: 1.2;}
.nt-desc { font-size: clamp(0.5rem, 1.5vw, 0.75rem); color: #a0aec0; margin-top: 4px; text-align: center; }

/* 中央エリア */
.nt-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 38%;
    z-index: 5;
}

.nt-core-container {
    position: relative;
    width: clamp(60px, 15vw, 100px);
    height: clamp(60px, 15vw, 100px);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 集中力のコア（的） */
.nt-core {
    width: 100%; height: 100%;
    border-radius: 50%;
    background: #2d3748;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.8rem, 5vw, 3rem);
    position: relative;
    z-index: 3;
    animation: coreStatus 10s infinite;
}

/* バランスが揃った時の後光 */
.nt-core-pulse {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    border-radius: 50%;
    z-index: 1;
    animation: corePulse 10s infinite;
}

/* ステータス表示部 */
.nt-status-box {
    position: relative;
    height: 24px;
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.nt-s-bad, .nt-s-good {
    position: absolute;
    font-size: clamp(0.6rem, 1.8vw, 0.85rem);
    font-weight: bold;
    padding: 4px 12px;
    border-radius: 20px;
    white-space: nowrap;
}

.nt-s-bad {
    background: #4a5568; color: #a0aec0;
    animation: showBad 10s infinite;
}

.nt-s-good {
    background: #3182ce; color: #fff;
    box-shadow: 0 2px 10px rgba(49,130,206,0.5);
    animation: showGood 10s infinite;
}

/* 計器から中央への導線 */
.nt-connection {
    position: absolute;
    top: 35%; /* メーターの中央付近 */
    height: 2px;
    width: 10%;
    background: #4a5568;
    z-index: 1;
}
.line-left { left: 24%; animation: glowConnLeft 10s infinite; }
.line-right { right: 24%; animation: glowConnRight 10s infinite; }


/* --- アニメーションのシナリオ（10秒周期） --- */

/* ドーパミン：低い状態 → 高すぎる状態 → 最適（75%） */
@keyframes dopaLevel {
    0%, 15% { height: 20%; } /* 低い */
    25%, 40% { height: 95%; } /* 高すぎる */
    50%, 90% { height: 75%; } /* ピタリと揃う */
    100% { height: 20%; }
}

/* ノルアドレナリン：高すぎる状態 → 低い状態 → 最適（75%） */
@keyframes noraLevel {
    0%, 15% { height: 95%; } /* 高すぎる */
    25%, 40% { height: 20%; } /* 低い */
    50%, 90% { height: 75%; } /* ピタリと揃う */
    100% { height: 95%; }
}

/* 中央のコアが光る */
@keyframes coreStatus {
    0%, 45% { background: #2d3748; filter: grayscale(1); box-shadow: none; }
    50%, 90% { background: #ebf8ff; filter: grayscale(0); box-shadow: 0 0 25px rgba(99, 179, 237, 0.8); }
    100% { background: #2d3748; filter: grayscale(1); box-shadow: none; }
}

/* 後光が脈打つ */
@keyframes corePulse {
    0%, 45% { transform: scale(1); opacity: 0; box-shadow: 0 0 0 rgba(99,179,237,0); }
    50%, 90% { transform: scale(1.4); opacity: 1; box-shadow: 0 0 20px rgba(99,179,237,0.4); }
    100% { transform: scale(1); opacity: 0; box-shadow: 0 0 0 rgba(99,179,237,0); }
}

/* ラインにエネルギーが通る */
@keyframes glowConnLeft {
    0%, 45% { background: #4a5568; box-shadow: none; }
    50%, 90% { background: #63b3ed; box-shadow: 0 0 8px #63b3ed; }
    100% { background: #4a5568; box-shadow: none; }
}
@keyframes glowConnRight {
    0%, 45% { background: #4a5568; box-shadow: none; }
    50%, 90% { background: #4fd1c5; box-shadow: 0 0 8px #4fd1c5; }
    100% { background: #4a5568; box-shadow: none; }
}

/* テキストの切り替え */
@keyframes showBad {
    0%, 45% { opacity: 1; }
    50%, 95% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes showGood {
    0%, 45% { opacity: 0; }
    50%, 95% { opacity: 1; }
    100% { opacity: 0; }
}
</style>



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



<h2 class="wp-block-heading">なぜ加齢で低下するのか？：3つの原因</h2>



<p class="wp-block-paragraph">「年を取ったら仕方ない」で片付けてしまいがちですが、持続的注意力が低下する原因は加齢だけではありません。</p>



<p class="wp-block-paragraph">現代の生活習慣が深く関与していることが、近年の研究で明らかになっています。</p>



<h3 class="wp-block-heading">原因①：前頭前野の萎縮とドーパミン・ノルアドレナリンの減少</h3>



<p class="wp-block-paragraph">前頭前野は、脳の中でも特に加齢の影響を受けやすい部位のひとつです。</p>



<div class="evidence-card-wrapper">
    <div class="ec-header">
        <span class="ec-icon">🔬</span>
        <span class="ec-title">エビデンス：加齢と前頭前野の関係</span>
    </div>
    <div class="ec-body">
        <div class="ec-source">
            <span class="ec-source-label">出典</span>
            2019年 レビュー論文（PubMed掲載）
        </div>
        
        <p class="ec-summary">
            加齢に伴う<strong>「前頭前野の構造・機能の変化」</strong>は、以下の複数の認知機能低下と直接関係していることが示されています。
        </p>

        <div class="ec-tags">
            <div class="ec-tag"><span class="tag-dot"></span>持続的注意力</div>
            <div class="ec-tag"><span class="tag-dot"></span>選択的注意力</div>
            <div class="ec-tag"><span class="tag-dot"></span>抑制制御</div>
            <div class="ec-tag"><span class="tag-dot"></span>ワーキングメモリ</div>
            <div class="ec-tag"><span class="tag-dot"></span>マルチタスク能力</div>
        </div>
    </div>
</div>

<style>
/* カード全体 */
.evidence-card-wrapper {
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
    overflow: hidden;
    margin: 24px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

/* ヘッダー部分（知的な深いブルー） */
.ec-header {
    background-color: #2b6cb0;
    color: #ffffff;
    padding: 12px 16px;
    display: flex;
    align-items: center;
}
.ec-icon {
    font-size: 1.2rem;
    margin-right: 8px;
}
.ec-title {
    font-weight: bold;
    font-size: clamp(0.85rem, 2.5vw, 1rem);
    letter-spacing: 0.5px;
}

/* ボディ部分 */
.ec-body {
    padding: 20px;
}

/* 出典の表記 */
.ec-source {
    display: flex;
    align-items: center;
    font-size: clamp(0.7rem, 2vw, 0.8rem);
    color: #718096;
    margin-bottom: 16px;
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 10px;
}
.ec-source-label {
    background-color: #edf2f7;
    color: #4a5568;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: bold;
    margin-right: 10px;
}

/* 要約テキスト */
.ec-summary {
    font-size: clamp(0.85rem, 2.5vw, 0.95rem);
    color: #2d3748;
    line-height: 1.6;
    margin-bottom: 16px;
    margin-top: 0;
}
.ec-summary strong {
    color: #2b6cb0; /* 強調部分はヘッダーと同じブルーで統一 */
}

/* 認知機能のタグリスト */
.ec-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ec-tag {
    display: flex;
    align-items: center;
    background-color: #f0f7ff;
    color: #2c5282;
    border: 1px solid #bee3f8;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: clamp(0.75rem, 2vw, 0.85rem);
    font-weight: bold;
}
.tag-dot {
    width: 6px;
    height: 6px;
    background-color: #3182ce;
    border-radius: 50%;
    margin-right: 6px;
}
</style>



<p class="wp-block-paragraph">さらに同レビューは、こうした加齢に伴う認知機能低下の背景として、<strong><span class="swl-marker mark_yellow">ドーパミンレベルの最適化が崩れることが重要な要因</span></strong>であることを指摘しています。</p>



<p class="wp-block-paragraph">ノルアドレナリンについても同様です。</p>



<p class="wp-block-paragraph">ノルアドレナリンの主要な産生拠点である<strong>青斑核<span class="swl-fz u-fz-s">（せいはんかく）</span></strong>は、加齢とともにニューロンを失いやすい部位です。</p>



<div class="lc-static-card">
    <div class="lc-static-header">
        <span class="lc-static-icon">🧠</span>
        <div class="lc-static-title-box">
            <div class="lc-static-subtitle">注意力のコントロールセンター</div>
            <div role="heading" aria-level="3" class="lc-static-title">「青斑核（せいはんかく）」とは？</div>
        </div>
    </div>
    
    <div class="lc-static-body">
        <p class="lc-static-desc">
            脳幹にあるわずか数ミリの器官で、脳全体に「ノルアドレナリン（覚醒・注意の物質）」を送り出す製造工場です。この活動レベルが、私たちの集中力をダイレクトに左右します。
        </p>

        <div class="lc-static-diagram">
            <div class="lc-diagram-title">青斑核の活動レベルと「集中の質」</div>
            
            <div class="lc-state-row">
                <div class="lc-state-item low">
                    <div class="lc-state-level">低下</div>
                    <div class="lc-state-name">ぼんやり・眠気</div>
                </div>
                
                <div class="lc-state-item optimal">
                    <div class="lc-optimal-badge">理想の状態</div>
                    <div class="lc-state-level">最適</div>
                    <div class="lc-state-name">深い集中（ゾーン）</div>
                </div>
                
                <div class="lc-state-item excessive">
                    <div class="lc-warning-badge">現代人に多い</div>
                    <div class="lc-state-level">過剰発火</div>
                    <div class="lc-state-name">注意散漫・焦り</div>
                </div>
            </div>
        </div>

        <div class="lc-static-conclusion">
            <span class="lc-conc-icon">💡</span>
            <div class="lc-conc-text">
                マルチタスクや情報過多で<strong>「過剰発火（右）」</strong>に振り切れた青斑核に、物理的なブレーキをかけ、<strong>「最適な集中（中央）」</strong>へと引き戻すのが、抑制系神経伝達物質（GABA等）の重要な役割です。
            </div>
        </div>
    </div>
</div>

<style>
/* --- コンテナ --- */
.lc-static-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin: 32px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

/* --- ヘッダー --- */
.lc-static-header {
    background: #1e3a8a; /* Memory Coffeeのネイビー */
    padding: 16px 24px;
    display: flex;
    align-items: center;
    color: #ffffff;
}
.lc-static-icon {
    font-size: 1.8rem;
    margin-right: 16px;
}
.lc-static-title-box { display: flex; flex-direction: column; }
.lc-static-subtitle {
    font-size: 0.75rem;
    color: #bfdbfe;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 2px;
}
.lc-static-title {
    font-size: 1.2rem;
    font-weight: 800;
    margin: 0;
    line-height: 1.3;
}

/* --- ボディ --- */
.lc-static-body { padding: 24px; }
.lc-static-desc {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.7;
    margin-top: 0;
    margin-bottom: 24px;
}

/* --- 図解エリア --- */
.lc-static-diagram {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}
.lc-diagram-title {
    text-align: center;
    font-size: 0.85rem;
    font-weight: bold;
    color: #64748b;
    margin-bottom: 24px;
}
.lc-state-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

/* 各状態のボックス */
.lc-state-item {
    flex: 1;
    border-radius: 6px;
    padding: 15px 10px;
    text-align: center;
    position: relative;
    border: 2px solid transparent;
}
.lc-state-item.low {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
    color: #64748b;
}
.lc-state-item.optimal {
    background-color: #ecfdf5;
    border-color: #10b981;
    color: #065f46;
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.15);
}
.lc-state-item.excessive {
    background-color: #fff1f2;
    border-color: #fda4af;
    color: #be123c;
}

.lc-state-level {
    font-size: 1rem;
    font-weight: 900;
    margin-bottom: 4px;
}
.lc-state-name {
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.4;
}

/* バッジ装飾 */
.lc-optimal-badge, .lc-warning-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.65rem;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}
.lc-optimal-badge { background-color: #10b981; color: #fff; }
.lc-warning-badge { background-color: #f43f5e; color: #fff; }

/* --- 結論エリア --- */
.lc-static-conclusion {
    background-color: #eff6ff;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
}
.lc-conc-icon {
    font-size: 1.4rem;
    margin-right: 12px;
    line-height: 1;
}
.lc-conc-text {
    font-size: 0.9rem;
    color: #1e293b;
    line-height: 1.7;
    margin: 0;
}
.lc-conc-text strong {
    color: #1e3a8a;
    background: linear-gradient(transparent 70%, #dbeafe 70%);
}

/* スマホ対応 */
@media (max-width: 480px) {
    .lc-static-header { padding: 16px; }
    .lc-state-row { flex-direction: column; gap: 20px; }
    .lc-optimal-badge, .lc-warning-badge { top: -10px; }
    .lc-state-item { padding: 20px 10px; }
}
</style>



<p class="wp-block-paragraph">青斑核からのノルアドレナリン系の機能低下が、加齢に伴う注意力や記憶力の低下に寄与することが、複数の研究によって示されています。</p>



<p class="wp-block-paragraph">「昔はもっと集中できたのに」という感覚は、意志の弱さではありません。</p>



<p class="wp-block-paragraph">注意を維持するための神経化学的な「燃料」が、加齢とともに変化していく過程として理解することが正確です。</p>



<!-- ▼ アニメーションの本体ここから ▼ -->
<div class="aging-decline-wrapper">
    <div class="ad-bg"></div>

    <div class="ad-status-header">
        <span class="ad-status-text">状態：</span>
        <span class="ad-status-badge">年齢による変化をシミュレーション中</span>
    </div>

    <div class="ad-content">
        <!-- 左側：前頭前野 -->
        <div class="ad-hardware">
            <div class="ad-brain-core">
                <span class="ad-icon">🧠</span>
                <div class="ad-core-glow"></div>
            </div>
            <div class="ad-label">前頭前野<br><span class="ad-sub-label">（容積・機能）</span></div>
        </div>

        <!-- 中央：パイプライン -->
        <div class="ad-pipeline">
            <div class="ad-flow"></div>
        </div>

        <!-- 右側：燃料メーター -->
        <div class="ad-software">
            <div class="ad-gauge-container">
                <div class="ad-gauge-bg">
                    <div class="ad-gauge-optimal">最適ライン</div>
                    <div class="ad-gauge-fill ad-dopa"></div>
                </div>
                <div class="ad-gauge-label">ドーパミン</div>
            </div>
            <div class="ad-gauge-container">
                <div class="ad-gauge-bg">
                    <div class="ad-gauge-optimal">最適ライン</div>
                    <div class="ad-gauge-fill ad-nora"></div>
                </div>
                <div class="ad-gauge-label">ノルアドレナリン<br><span style="font-size: 0.8em; color:#a0aec0;">(青斑核)</span></div>
            </div>
        </div>
    </div>
</div>
<!-- ▲ アニメーションの本体ここまで ▲ -->

<!-- ★ ここに注記を入れます ★ -->
<div class="animation-disclaimer">
    ※アニメーションは脳内のメカニズムを分かりやすく表現したイメージです。
</div>

<!-- ▼ デザイン（CSS）ここから ▼ -->
<style>
/* --- 全体のデザイン --- */
.aging-decline-wrapper {
    position: relative;
    width: 100%;
    height: clamp(260px, 50vw, 320px);
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 5px; /* 注記との間隔を詰めるために修正 */
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* ★ 注記のデザイン（右寄せ・グレー文字） ★ */
.animation-disclaimer {
    text-align: right;
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    color: #718096; 
    margin-bottom: 24px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    letter-spacing: 0.5px;
}

/* --- 以下、アニメーション内部の細かいデザイン --- */
.ad-status-header { position: absolute; top: 15px; left: 15px; display: flex; align-items: center; z-index: 10; }
.ad-status-text { font-size: clamp(0.7rem, 2vw, 0.85rem); color: #a0aec0; }
.ad-status-badge { font-size: clamp(0.7rem, 2vw, 0.85rem); font-weight: bold; padding: 4px 12px; border-radius: 20px; background: #2b6cb0; animation: statusColorChange 10s infinite; }

.ad-content { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); width: 90%; display: flex; justify-content: space-between; align-items: center; }

.ad-hardware { display: flex; flex-direction: column; align-items: center; width: 30%; }
.ad-brain-core { position: relative; width: clamp(70px, 15vw, 100px); aspect-ratio: 1; background: #2d3748; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #4a5568; animation: coreShrink 10s infinite; }
.ad-icon { font-size: clamp(2rem, 5vw, 3rem); z-index: 2; }
.ad-core-glow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; z-index: 1; animation: coreGlowFade 10s infinite; }
.ad-label { margin-top: 15px; text-align: center; font-weight: bold; font-size: clamp(0.7rem, 2vw, 0.9rem); color: #e2e8f0; }
.ad-sub-label { font-size: clamp(0.55rem, 1.5vw, 0.7rem); color: #a0aec0; font-weight: normal; }

.ad-pipeline { width: 20%; height: 4px; background: #2d3748; position: relative; overflow: hidden; border-radius: 2px; }
.ad-flow { position: absolute; top: 0; left: 0; height: 100%; width: 30%; background: #63b3ed; box-shadow: 0 0 10px #63b3ed; animation: flowWeakens 10s infinite; }

.ad-software { display: flex; justify-content: space-around; width: 45%; }
.ad-gauge-container { display: flex; flex-direction: column; align-items: center; width: 45%; }
.ad-gauge-bg { position: relative; width: clamp(20px, 5vw, 35px); height: clamp(80px, 18vw, 120px); background: #2d3748; border-radius: 10px; overflow: hidden; margin-bottom: 10px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.5); }
.ad-gauge-optimal { position: absolute; top: 25%; left: -5px; right: -5px; border-top: 1px dashed rgba(255,255,255,0.7); color: rgba(255,255,255,0.7); font-size: 0.5rem; text-align: center; line-height: 0.5; z-index: 10; }
.ad-gauge-fill { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 5px; transition: height 1s ease-in-out; }
.ad-dopa { background: linear-gradient(to top, #2b6cb0, #63b3ed); animation: fuelDepleteDopa 10s infinite; }
.ad-nora { background: linear-gradient(to top, #2c7a7b, #4fd1c5); animation: fuelDepleteNora 10s infinite; }
.ad-gauge-label { text-align: center; font-size: clamp(0.55rem, 1.5vw, 0.75rem); font-weight: bold; color: #e2e8f0; line-height: 1.2; }

@keyframes statusColorChange { 0%, 20% { content: "20〜30代（最適稼働）"; background: #2b6cb0; color: #fff; } 30%, 80% { content: "加齢による機能低下"; background: #4a5568; color: #fc8181; } 90%, 100% { content: "20〜30代（最適稼働）"; background: #2b6cb0; color: #fff; } }
@keyframes coreShrink { 0%, 20% { transform: scale(1); border-color: #63b3ed; } 40%, 80% { transform: scale(0.85); border-color: #4a5568; } 90%, 100% { transform: scale(1); border-color: #63b3ed; } }
@keyframes coreGlowFade { 0%, 20% { box-shadow: 0 0 20px rgba(99,179,237,0.6); background: rgba(43,108,176,0.3); } 40%, 80% { box-shadow: 0 0 0 transparent; background: transparent; } 90%, 100% { box-shadow: 0 0 20px rgba(99,179,237,0.6); background: rgba(43,108,176,0.3); } }
@keyframes flowWeakens { 0%, 20% { left: -30%; width: 50%; opacity: 1; animation-timing-function: linear; } 21% { left: 100%; } 40%, 80% { left: 10%; width: 10%; opacity: 0.3; animation-timing-function: ease-in-out; box-shadow: none; } 90%, 100% { left: -30%; width: 50%; opacity: 1; } }
@keyframes fuelDepleteDopa { 0%, 20% { height: 85%; filter: grayscale(0); } 40%, 80% { height: 30%; filter: grayscale(0.5); } 90%, 100% { height: 85%; filter: grayscale(0); } }
@keyframes fuelDepleteNora { 0%, 20% { height: 80%; filter: grayscale(0); } 40%, 80% { height: 25%; filter: grayscale(0.5); } 90%, 100% { height: 80%; filter: grayscale(0); } }
</style>



<h3 class="wp-block-heading">原因②：マルチタスクによる「注意の断片化」</h3>



<p class="wp-block-paragraph">これが現代社会に特有の、そして最も見落とされがちな原因です。</p>



<p class="wp-block-paragraph">脳科学の観点から言えば、人間の脳は本来、複数の作業を同時に処理することが得意ではありません。</p>



<p class="wp-block-paragraph">私たちが「マルチタスク（複数作業）」と呼んでいるものは、実際には複数のタスク間を高速で切り替えているだけであり、その切り替えのたびに前頭前野でコストが発生します。</p>



<p class="wp-block-paragraph">アメリカ心理学会（APA）の資料によると、タスクを切り替えるたびに発生する「スイッチングコスト」の積み重ねが、生産的な時間の最大40%を消費する可能性があることが示されています。</p>



<div class="evidence-card-stanford">
    <div class="ecs-header">
        <span class="ecs-icon">🏛️</span>
        <span class="ecs-title">エビデンス：マルチタスクによる脳の消耗</span>
    </div>
    <div class="ecs-body">
        <div class="ecs-source">
            <span class="ecs-source-label">研究機関</span>
            2009年 スタンフォード大学（Ophir, Nass &#038; Wagner）
        </div>
        
        <p class="ecs-summary">
            日常的に複数のメディアを同時に使用する<strong>「マルチタスカー」</strong>は、そうでない人と比べて、以下の脳機能がいずれも<strong>有意に劣る（低下している）</strong>ことが示されました。
        </p>

        <div class="ecs-decline-list">
            <div class="ecs-decline-item">
                <span class="ecs-down-arrow">▼</span>
                <span class="ecs-item-text">注意の切り替え能力</span>
            </div>
            <div class="ecs-decline-item">
                <span class="ecs-down-arrow">▼</span>
                <span class="ecs-item-text">ワーキングメモリ（作業記憶）</span>
            </div>
            <div class="ecs-decline-item">
                <span class="ecs-down-arrow">▼</span>
                <span class="ecs-item-text">不要な情報のフィルタリング能力</span>
            </div>
        </div>
    </div>
</div>

<style>
/* カード全体 */
.evidence-card-stanford {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    margin: 24px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
}

/* ヘッダー部分（警告を意識した深いスレートグレー） */
.ecs-header {
    background-color: #4a5568; 
    color: #ffffff;
    padding: 12px 16px;
    display: flex;
    align-items: center;
}
.ecs-icon {
    font-size: 1.2rem;
    margin-right: 8px;
}
.ecs-title {
    font-weight: bold;
    font-size: clamp(0.85rem, 2.5vw, 1rem);
    letter-spacing: 0.5px;
}

/* ボディ部分 */
.ecs-body {
    padding: 20px;
}

/* 出典の表記 */
.ecs-source {
    display: flex;
    align-items: center;
    font-size: clamp(0.7rem, 2vw, 0.8rem);
    color: #718096;
    margin-bottom: 16px;
    border-bottom: 1px dashed #e2e8f0;
    padding-bottom: 10px;
}
.ecs-source-label {
    background-color: #edf2f7;
    color: #4a5568;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: bold;
    margin-right: 10px;
}

/* 要約テキスト */
.ecs-summary {
    font-size: clamp(0.85rem, 2.5vw, 0.95rem);
    color: #2d3748;
    line-height: 1.6;
    margin-bottom: 16px;
    margin-top: 0;
}
.ecs-summary strong {
    color: #c53030; /* マルチタスクの弊害を強調する落ち着いた赤 */
}

/* 低下する能力のリスト（縦並びで残酷な事実を強調） */
.ecs-decline-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: #fff5f5; /* ほんのり赤い背景でアラート感 */
    padding: 16px;
    border-radius: 6px;
    border: 1px solid #fed7d7;
}
.ecs-decline-item {
    display: flex;
    align-items: center;
    color: #9b2c2c; /* 深い赤色 */
    font-weight: bold;
    font-size: clamp(0.8rem, 2.2vw, 0.9rem);
}
.ecs-down-arrow {
    font-size: 0.7rem;
    margin-right: 10px;
    opacity: 0.8;
}
</style>



<p class="wp-block-paragraph">つまりマルチタスクは効率を上げるどころか、持続的注意力を支える脳の機能そのものを慢性的に消耗させる行為なのです。</p>



<ul class="wp-block-list">
<li><strong>通知が来るたびにスマートフォンを確認する</strong></li>



<li><strong>メールを返しながら会議に出る</strong></li>
</ul>



<p class="wp-block-paragraph">など、現代の「普通の仕事のやり方」が、脳の注意力の基盤を静かに削ってるともいえます。</p>



<h3 class="wp-block-heading">原因③：睡眠不足による前頭前野の疲弊</h3>



<p class="wp-block-paragraph">前頭前野は、脳の中でも睡眠不足の影響を最も受けやすい部位のひとつです。</p>



<p class="wp-block-paragraph">複数の研究が、睡眠不足が持続的注意力のパフォーマンスを著しく低下させることを示しています。</p>



<p class="wp-block-paragraph">特に持続的注意力は、睡眠不足によって低下する認知機能の中でも最も影響を受けやすい領域のひとつであることが、複数の研究のメタ分析によって確認されています。</p>



<p class="wp-block-paragraph">また、ある研究では24時間の睡眠剥奪によって、持続的注意力・選択的注意力・認知的抑制のいずれも有意に低下したことが報告されています。</p>



<p class="wp-block-paragraph">毎日の慢性的な睡眠不足は、一夜限りの徹夜よりも脳への影響を自覚しにくい分、気づかないうちに前頭前野を疲弊させ続けます。</p>



<p class="wp-block-paragraph">「最近集中力が落ちた気がする」という感覚の背景に、<strong>睡眠の質の低下</strong>が隠れているケースは少なくありません。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men-1024x576.webp" alt="" class="wp-image-4419" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/03/sleeping-men.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<h2 class="wp-block-heading">あなたの持続的注意力、今どのくらい？</h2>



<p class="wp-block-paragraph">ここで簡単な持続的注意力のセルフチェックを用意いたしました。</p>



<p class="wp-block-paragraph">次の5つの質問に、正直に答えてみてください。</p>



<div style="margin: 32px 0; background-color: #f4f9fc; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 4px 12px rgba(0,0,0,0.05);">
  
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 20px; font-size: 1.2rem; text-align: center; border-bottom: 2px solid #a9cce3; padding-bottom: 12px;">
    あなたの持続的注意力、今どのくらい？（セルフチェック）
  </div>

  <div style="color: #444444; font-size: 0.95rem; margin-bottom: 24px; text-align: center; line-height: 1.6;">
    以下の5つの質問に、<br class="mc-sp-only">正直に「はい」か「いいえ」でお答えください。
  </div>

  <!-- 質問リスト（CSSによるスマホ対応ボタンUI） -->
  <style>
    .mc-q-box { background: #ffffff; padding: 16px; border-radius: 6px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
    .mc-q-text { font-size: 1rem; color: #333333; font-weight: bold; margin-bottom: 12px; line-height: 1.5; }
    .mc-q-options { display: flex; gap: 10px; }
    .mc-radio { display: none; }
    .mc-label { flex: 1; text-align: center; padding: 12px; border: 2px solid #e1ebf2; border-radius: 4px; font-size: 1rem; color: #7f8c8d; cursor: pointer; transition: all 0.2s; font-weight: bold; background: #fafcfd; }
    /* 選択時のスタイル */
    .mc-radio:checked + .mc-label.yes-btn { background-color: #2980b9; color: #ffffff; border-color: #2980b9; }
    .mc-radio:checked + .mc-label.no-btn { background-color: #7f8c8d; color: #ffffff; border-color: #7f8c8d; }
    
    .mc-result-btn { display: block; width: 100%; max-width: 300px; margin: 24px auto 0; padding: 16px; background-color: #e74c3c; color: white; border: none; border-radius: 30px; font-size: 1.1rem; font-weight: bold; cursor: pointer; box-shadow: 0 4px 6px rgba(231, 76, 60, 0.3); transition: background 0.2s; }
    .mc-result-btn:hover { background-color: #c0392b; }
    
    #mc-result-area { display: none; margin-top: 24px; padding: 20px; background-color: #ffffff; border: 2px solid #2980b9; border-radius: 8px; text-align: center; animation: fadeIn 0.5s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
  </style>

  <form id="mc-diagnosis-form">
    <!-- Q1 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q1. 本や資料を20分以上、途中で止まらずに読み続けられますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q1-yes" name="q1" value="1" class="mc-radio"><label for="q1-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q1-no" name="q1" value="0" class="mc-radio"><label for="q1-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q2 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q2. 会議や講義中、最後まで話の内容をしっかり追えていますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q2-yes" name="q2" value="1" class="mc-radio"><label for="q2-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q2-no" name="q2" value="0" class="mc-radio"><label for="q2-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q3 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q3. 作業中にスマートフォンの通知が来ても、すぐに確認せずにいられますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q3-yes" name="q3" value="1" class="mc-radio"><label for="q3-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q3-no" name="q3" value="0" class="mc-radio"><label for="q3-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q4 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q4. 複数の工程がある作業を、手順通りに最後まで完了できますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q4-yes" name="q4" value="1" class="mc-radio"><label for="q4-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q4-no" name="q4" value="0" class="mc-radio"><label for="q4-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q5 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q5. 単調な繰り返し作業でも、一定のミスのなさを長時間保てますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q5-yes" name="q5" value="1" class="mc-radio"><label for="q5-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q5-no" name="q5" value="0" class="mc-radio"><label for="q5-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>

    <!-- 結果を見るボタン -->
    <button type="button" class="mc-result-btn" onclick="showResult()">結果を見る</button>
  </form>

  <!-- 結果表示エリア（初期は非表示） -->
  <div id="mc-result-area">
    <div style="font-size: 1.1rem; color: #1a5276; font-weight: bold; margin-bottom: 12px;">【診断結果】</div>
    <div id="mc-result-text" style="font-size: 1.05rem; color: #333333; line-height: 1.6; font-weight: bold;"></div>
    <div id="mc-result-desc" style="font-size: 0.95rem; color: #444444; line-height: 1.6; margin-top: 12px;"></div>
  </div>

  <!-- 注釈 -->
  <p style="margin-top: 20px; margin-bottom: 0; font-size: 0.85rem; color: #666666; text-align: right;">
    ※あくまで日常感覚のチェックです。<br class="mc-sp-only">医療的な診断ではありません。
  </p>

  <!-- 判定用のJavaScript -->
  <script>
    function showResult() {
      const form = document.getElementById('mc-diagnosis-form');
      let yesCount = 0;
      let answeredCount = 0;

      // 5問すべて回答されているかチェックし、はいの数を数える
      for (let i = 1; i <= 5; i++) {
        const selected = form.querySelector(`input[name="q${i}"]:checked`);
        if (selected) {
          answeredCount++;
          if (selected.value === "1") yesCount++;
        }
      }

      if (answeredCount < 5) {
        alert("すべての質問にお答えください。");
        return;
      }

      // 結果テキストの設定
      const resultArea = document.getElementById('mc-result-area');
      const resultText = document.getElementById('mc-result-text');
      const resultDesc = document.getElementById('mc-result-desc');

      // スコア別のメッセージ出し分け
      switch (yesCount) {
        case 5:
          resultText.innerHTML = "<span style='color:#e74c3c;'>5問すべて「はい」のあなた</span><br>持続的注意力が十分に機能しています！";
          resultDesc.innerHTML = "素晴らしい状態です。<br>前頭前野の働きや神経伝達物質のバランスが良好に保たれています。ぜひ今の生活習慣やコーヒータイムを続け、このコンディションを維持していきましょう。";
          break;
        case 4:
          resultText.innerHTML = "<span style='color:#e74c3c;'>4問が「はい」のあなた</span><br>持続的注意力は高く、良好な状態です。";
          resultDesc.innerHTML = "基礎的な機能はしっかりしていますが、現代の情報環境の影響で、ごくわずかに注意が分散しやすくなっているかもしれません。<br>第4章の「脳のコンディションを整える習慣」を意識することで、完璧な状態を保てます。";
          break;
        case 3:
          resultText.innerHTML = "<span style='color:#e74c3c;'>3問が「はい」のあなた</span><br>日常生活に支障はありませんが、注意の分散が起き始めているサインです。";
          resultDesc.innerHTML = "スマホの通知やマルチタスクによって、気づかないうちに前頭前野が消耗しているかもしれません。<br>次章の「シングルタスクの時間を作る」習慣を1つ取り入れるだけで、深い集中に入りやすくなります。";
          break;
        case 2:
          resultText.innerHTML = "<span style='color:#e74c3c;'>2問が「はい」のあなた</span><br>前頭前野の疲弊や、脳の過緊張が蓄積しているサインです。";
          resultDesc.innerHTML = "「最近集中力が落ちた」という実感があるのではないでしょうか。脳のフィルター機能が弱まり、周囲のノイズを拾いやすくなっている状態です。<br>まずは意図的な休憩と、睡眠の質を見直すところから始めましょう。";
          break;
        case 1:
          resultText.innerHTML = "<span style='color:#e74c3c;'>1問が「はい」のあなた</span><br>脳の注意制御機能が、深い「防衛モード」に入っているかもしれません。";
          resultDesc.innerHTML = "慢性的なストレスや睡眠不足が重なり、脳のエネルギーが枯渇している可能性があります。<br>無理に意志の力で集中しようとするのではなく、まずはGABAなどを取り入れ、脳の過緊張を和らげるところからスタートしましょう。";
          break;
        case 0:
          resultText.innerHTML = "<span style='color:#e74c3c;'>0問が「はい」のあなた</span><br>脳が慢性的に疲労し、持続的注意力を発揮するのが非常に難しい状態です。";
          resultDesc.innerHTML = "情報の波に飲まれ、マルチタスクによる消耗がピークに達しているかもしれません。これは意志の問題ではありません。<br>まずは「しっかり休む」「GABAで神経環境を整える」といった、脳を内側からいたわるアプローチを最優先で行ってください。";
          break;
      }

      // 結果エリアを表示
      resultArea.style.display = "block";
    }
  </script>
</div>



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



<p class="wp-block-paragraph">いかがでしたでしょうか？ 結果が良くて安心した方も、少しハッとされた方も、過度に心配する必要はありません。</p>



<p class="wp-block-paragraph">ここまで解説してきた通り、持続的注意力の低下は「意志の弱さ」ではなく、加齢や現代のマルチタスク環境による「脳の過労（過緊張）」が引き起こす物理的な現象です。</p>



<p class="wp-block-paragraph">決してあなたがだらしないわけではありません。</p>



<p class="wp-block-paragraph">そして私たちの脳には、環境やコンディションを整えれば、本来のパフォーマンスを取り戻せる素晴らしい回復力が備わっています。</p>



<p class="wp-block-paragraph">膨大な情報によって慢性的にすり減ってしまった脳の機能も、日々のちょっとした「引き算の意識」と習慣の積み重ねで、労わり、維持していくことが十分に可能なのです。</p>



<p class="wp-block-paragraph">「もう年だから仕方ない」「集中できない性格だから」と諦めるのは、脳科学的に見ても非常にもったいないことだと言えます！</p>



<p class="wp-block-paragraph">では、限られた脳のエネルギーを守り、持続的注意力を科学的に維持していくためには、具体的にどのようなアプローチが有効なのでしょうか？</p>



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



<h2 class="wp-block-heading">科学的に維持する4つの習慣</h2>



<h3 class="wp-block-heading">習慣①：「シングルタスク」の時間を意識的に作る</h3>



<p class="wp-block-paragraph">マルチタスクが持続的注意力を慢性的に消耗させるメカニズムは第2章で説明しました。</p>



<p class="wp-block-paragraph">ではその逆、つまり「シングルタスク」を意識的に実践することは、前頭前野の注意制御機能を守ることに直結します。</p>



<p class="wp-block-paragraph">まず1日の中で30分だけ、スマートフォンをサイレントにして画面を伏せ、一つの作業だけに取り組む時間を作ってみてください。</p>



<div class="st-wrapper">
    <div class="st-header">
        <span class="st-header-title">習慣①：シングルタスクの実践</span>
    </div>

    <div class="st-brain-container">
        <div class="st-brain">🧠</div>
        <div class="st-brain-label">前頭前野</div>
    </div>

    <div class="st-pc-container">
        <div class="st-pc">💻</div>
        <div class="st-pc-label">ひとつの作業</div>
    </div>

    <div class="st-phone-container">
        <div class="st-shield">物理的遮断</div>
        <div class="st-phone">📱</div>
        <div class="st-badge">通知</div>
        <div class="st-phone-label">スマホ</div>
    </div>

    <div class="st-beam-pc"></div>
    <div class="st-beam-phone"></div>

    <div class="st-time-box">
        <div class="st-time-label">深い集中状態（目標30分）</div>
        <div class="st-time-bar">
            <div class="st-time-fill"></div>
        </div>
    </div>
</div>

<div class="animation-disclaimer">
    ※アニメーションはシングルタスクによる集中状態の維持を表現したイメージです。
</div>

<style>
/* --- 全体のコンテナ --- */
.st-wrapper {
    position: relative;
    width: 100%;
    /* 高さを少し拡張し、スマホでの縦の詰まりを解消 */
    height: clamp(340px, 65vw, 420px);
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.animation-disclaimer {
    text-align: right;
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    color: #718096; 
    margin-bottom: 24px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    letter-spacing: 0.5px;
}

.st-header {
    position: absolute;
    top: 15px; left: 15px;
    /* Z-indexを最大化して最前面に固定 */
    z-index: 30;
}
.st-header-title {
    font-size: clamp(0.75rem, 2.5vw, 0.9rem);
    color: #63b3ed;
    font-weight: bold;
    letter-spacing: 1px;
    /* テキストの視認性を高める影を追加 */
    text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

/* --- 配置コンテナ --- */
.st-brain-container {
    position: absolute;
    /* 18% -> 25% へ下げてヘッダーとの衝突を回避 */
    top: 25%; left: 50%;
    transform: translate(-50%, -50%);
    display: flex; flex-direction: column; align-items: center;
    z-index: 10;
}
.st-pc-container {
    position: absolute;
    top: 65%; left: 75%; /* PCは右側 */
    transform: translate(-50%, -50%);
    display: flex; flex-direction: column; align-items: center;
    z-index: 5;
}
.st-phone-container {
    position: absolute;
    top: 65%; left: 25%; /* スマホは左側 */
    transform: translate(-50%, -50%);
    display: flex; flex-direction: column; align-items: center;
    z-index: 5;
}

/* --- アイコンとラベル --- */
.st-brain {
    font-size: clamp(2rem, 6vw, 3rem);
    background: #2d3748; border: 2px solid #4a5568;
    border-radius: 50%; width: clamp(60px, 15vw, 80px); aspect-ratio: 1;
    display: flex; justify-content: center; align-items: center;
    animation: brainGlow 12s infinite;
}
.st-pc {
    font-size: clamp(2.5rem, 8vw, 4rem);
    animation: pcFocus 12s infinite;
}
.st-phone {
    font-size: clamp(2.5rem, 8vw, 4rem);
    display: inline-block;
    transition: all 0.5s ease;
    animation: phoneFlip 12s infinite;
}

.st-brain-label, .st-pc-label, .st-phone-label {
    margin-top: 8px;
    font-size: clamp(0.6rem, 2vw, 0.8rem);
    font-weight: bold; color: #e2e8f0;
    white-space: nowrap;
}

/* スマホの通知バッジと遮断ラベル */
.st-badge {
    position: absolute;
    top: -5px; right: -10px;
    background: #e53e3e; color: #fff;
    font-size: clamp(0.5rem, 1.5vw, 0.6rem); font-weight: bold;
    padding: 2px 6px; border-radius: 10px;
    animation: badgePop 12s infinite;
}
.st-shield {
    position: absolute;
    top: -20px;
    background: #4fd1c5; color: #fff;
    font-size: clamp(0.5rem, 1.5vw, 0.6rem); font-weight: bold;
    padding: 2px 8px; border-radius: 10px;
    opacity: 0;
    animation: shieldShow 12s infinite;
}

/* --- スポットライト（ビーム）の角度を修正 --- */
.st-beam-pc {
    position: absolute;
    /* 脳の位置変更に合わせてビームの起点も下げる */
    top: 28%; left: 50%;
    width: clamp(80px, 20vw, 120px); height: 40%;
    background: linear-gradient(to bottom, rgba(99,179,237,0.8), transparent);
    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0% 100%);
    transform-origin: top center;
    transform: translateX(-50%) rotate(-30deg); /* マイナスで右側（PC）へ向ける */
    z-index: 2;
    animation: beamPC 12s infinite;
}
.st-beam-phone {
    position: absolute;
    /* 脳の位置変更に合わせてビームの起点も下げる */
    top: 28%; left: 50%;
    width: clamp(60px, 15vw, 90px); height: 40%;
    background: linear-gradient(to bottom, rgba(252,129,129,0.7), transparent);
    clip-path: polygon(45% 0, 55% 0, 100% 100%, 0% 100%);
    transform-origin: top center;
    transform: translateX(-50%) rotate(30deg); /* プラスで左側（スマホ）へ向ける */
    z-index: 2;
    animation: beamPhone 12s infinite;
}

/* --- タイマー（30分ゲージ） --- */
.st-time-box {
    position: absolute;
    bottom: 20px; left: 50%;
    transform: translateX(-50%);
    width: 80%; z-index: 10;
}
.st-time-label {
    font-size: clamp(0.6rem, 2vw, 0.75rem);
    color: #a0aec0; margin-bottom: 6px;
}
.st-time-bar {
    width: 100%; height: 6px;
    background: #4a5568; border-radius: 3px; overflow: hidden;
}
.st-time-fill {
    height: 100%; width: 0%;
    background: #63b3ed;
    animation: timeFill 12s infinite linear;
}

/* =========================================
   アニメーションシナリオ（12秒ループ）
========================================= */

@keyframes phoneFlip {
    0%, 8% { transform: rotateX(0deg); filter: brightness(1); }
    10%, 15% { transform: rotateX(0deg) scale(1.15); filter: brightness(1); }
    20%, 95% { transform: rotateX(180deg) translateY(-10px); filter: brightness(0.15); }
    100% { transform: rotateX(0deg); filter: brightness(1); }
}
@keyframes badgePop {
    0%, 8% { opacity: 0; transform: scale(0); }
    10%, 15% { opacity: 1; transform: scale(1); }
    18%, 100% { opacity: 0; transform: scale(0); }
}
@keyframes shieldShow {
    0%, 18% { opacity: 0; transform: translateY(10px); }
    20%, 95% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(10px); }
}

@keyframes beamPC {
    0%, 8% { opacity: 0.3; transform: translateX(-50%) rotate(-30deg) scaleX(0.5); }
    10%, 15% { opacity: 0; transform: translateX(-50%) rotate(-30deg) scaleX(0.2); }
    20%, 95% { opacity: 1; transform: translateX(-50%) rotate(-30deg) scaleX(1.3); }
    100% { opacity: 0.3; transform: translateX(-50%) rotate(-30deg) scaleX(0.5); }
}
@keyframes beamPhone {
    0%, 8% { opacity: 0; transform: translateX(-50%) rotate(30deg) scaleX(0.2); }
    10%, 15% { opacity: 0.9; transform: translateX(-50%) rotate(30deg) scaleX(1); }
    18%, 100% { opacity: 0; transform: translateX(-50%) rotate(30deg) scaleX(0.2); }
}

@keyframes pcFocus {
    0%, 8% { filter: grayscale(0.5); opacity: 0.7; }
    10%, 15% { filter: grayscale(1); opacity: 0.3; }
    20%, 95% { filter: grayscale(0); opacity: 1; filter: drop-shadow(0 0 15px rgba(99,179,237,0.8)); }
    100% { filter: grayscale(0.5); opacity: 0.7; }
}

@keyframes brainGlow {
    0%, 15% { border-color: #4a5568; box-shadow: none; }
    20%, 95% { border-color: #63b3ed; box-shadow: 0 0 20px #63b3ed; }
    100% { border-color: #4a5568; box-shadow: none; }
}

@keyframes timeFill {
    0%, 19% { width: 0%; }
    20% { width: 0%; }
    95% { width: 100%; }
    100% { width: 0%; }
}
</style>



<p class="wp-block-paragraph">メール、SNS、通知、すべてをオフにした状態で作業に入ります。</p>



<p class="wp-block-paragraph">重要なのは<strong><span class="swl-marker mark_yellow">「何かに完全に入り込んでいた」</span></strong>という感覚を脳に体験させることです。</p>



<p class="wp-block-paragraph">この感覚そのものが、注意を維持する神経回路への刺激になります。</p>



<p class="wp-block-paragraph">最初は15分でも構いません。</p>



<p class="wp-block-paragraph">継続するうちに、以前は難しかった「深い集中状態」に入りやすくなっていく感覚を覚える方も多いです。</p>



<p class="wp-block-paragraph">また、UC Irvinのグロリア・マーク博士の研究によると、作業を中断された後、元の作業に完全に戻るまでに平均23分15秒かかることが示されています。</p>



<div class="research-cost-card">
    <div class="rc-header">
        <span class="rc-icon">⏱️</span>
        <span class="rc-title">研究結果：中断による「回復コスト」</span>
    </div>
    <div class="rc-body">
        <div class="rc-source">
            <span class="rc-source-label">出典</span>
            UCアーバイン校 グロリア・マーク博士の研究
        </div>

        <p class="rc-question">
            一度作業を中断されると、元の集中状態に戻るまでにどれくらいの時間がかかるでしょうか？
        </p>

        <div class="rc-result-box">
            <div class="rc-time-label">平均リカバリー時間</div>
            <div class="rc-time-value">
                <span class="rc-num">23</span><span class="rc-unit">分</span><span class="rc-num">15</span><span class="rc-unit">秒</span>
            </div>
        </div>

        <p class="rc-impact">
            通知ひとつで集中が切れるたびに、脳はこれほどの「見えない損失」を支払い続けています。
        </p>
    </div>
</div>

<style>
/* カード全体のコンテナ */
.research-cost-card {
    background-color: #ffffff;
    border: 1px solid #cbd5e0;
    border-radius: 12px;
    overflow: hidden;
    margin: 32px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* ヘッダー：信頼感のあるネイビー */
.rc-header {
    background-color: #2c5282;
    color: #ffffff;
    padding: 14px 20px;
    display: flex;
    align-items: center;
}
.rc-icon {
    font-size: 1.3rem;
    margin-right: 10px;
}
.rc-title {
    font-weight: bold;
    font-size: clamp(0.9rem, 2.5vw, 1.1rem);
    letter-spacing: 0.5px;
}

/* ボディ */
.rc-body {
    padding: 24px;
    text-align: center;
}

/* 出典 */
.rc-source {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    color: #718096;
    margin-bottom: 20px;
}
.rc-source-label {
    background-color: #edf2f7;
    color: #4a5568;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: bold;
    margin-right: 8px;
}

/* 導入テキスト */
.rc-question {
    font-size: 0.95rem;
    color: #4a5568;
    margin: 0 0 20px 0;
    line-height: 1.6;
}

/* 結果表示エリア：ここを最も強調 */
.rc-result-box {
    background-color: #f7fafc;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}
.rc-time-label {
    font-size: 0.85rem;
    color: #2d3748;
    font-weight: bold;
    margin-bottom: 10px;
}
.rc-time-value {
    color: #e53e3e; /* 損失をイメージさせる警告色（赤） */
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.rc-num {
    font-size: clamp(2.5rem, 8vw, 4rem);
    font-weight: 800;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    line-height: 1;
}
.rc-unit {
    font-size: clamp(1rem, 3vw, 1.4rem);
    font-weight: bold;
    margin: 0 4px;
}

/* 締めテキスト */
.rc-impact {
    font-size: 0.9rem;
    color: #2d3748;
    font-weight: bold;
    margin: 0;
    line-height: 1.5;
}

/* スマホ最適化 */
@media (max-width: 480px) {
    .rc-body { padding: 20px 16px; }
    .rc-result-box { padding: 16px 10px; }
}
</style>



<p class="wp-block-paragraph">通知のたびに注意が中断されるということは、それだけ膨大なリカバリーコストを毎日支払い続けているということです。</p>



<p class="wp-block-paragraph">シングルタスクの実践は、このコストをゼロにする習慣です。</p>



<h3 class="wp-block-heading">習慣②：定期的に「意図的な休憩」を入れる</h3>



<p class="wp-block-paragraph">持続的注意力には、根本的な制約があります。</p>



<p class="wp-block-paragraph">それは<strong><span class="swl-marker mark_yellow">「人間の脳は、注意を無限に維持することができない」</span></strong>という事実です。</p>



<p class="wp-block-paragraph">航空管制官や外科医など、持続的注意力が特に要求される職業においても、人間の注意力は一定時間を超えると必ず低下することが知られています。</p>



<div class="ev-wrapper">
    <div role="heading" aria-level="3" class="ev-header">
        <span class="ev-header-icon">🔬</span>
        科学的エビデンス：プロフェッショナルでも「気合」では集中できない
    </div>

    <div class="ev-intro">
        心理学や人間工学の世界では、人間の持続的注意力が時間とともに必ず低下する現象を<strong>「ビジランス低下（Vigilance Decrement）」</strong>と呼びます。<br>
        これは個人の「意志の弱さ」ではなく、脳の物理的な限界を示す揺るぎない事実です。<br>
    </div>

    <div class="ev-card-container">
        <div class="ev-card">
            <div class="ev-card-icon">⏱️</div>
            <div class="ev-card-title">マックワースの時計テスト</div>
            <p class="ev-card-text">
                第二次世界大戦中に行われたレーダー監視員（注意力のプロ）を対象とした有名な実験。<br>
                開始から<strong>「わずか30分」</strong>で、異常を検知する注意力が有意に低下し始めることが証明されました。<br>
            </p>
        </div>

        <div class="ev-card">
            <div class="ev-card-icon">✈️</div>
            <div class="ev-card-title">航空管制官の強制休憩</div>
            <p class="ev-card-text">
                どんなに高度な訓練を受けても、長時間のモニター監視では必ず注意力が低下します。<br>
                そのため国際ルール等により、管制業務は<strong>「最大2時間程度で必ず休憩を挟むこと」</strong>が厳格に義務付けられています。<br>
            </p>
        </div>

        <div class="ev-card">
            <div class="ev-card-icon">🩺</div>
            <div class="ev-card-title">外科医のパフォーマンス低下</div>
            <p class="ev-card-text">
                医療分野の研究でも、手術時間が長くなるほど外科医の認知機能が低下し、判断ミス等のリスクが高まることがデータで示されています。<br>
                近年では手術中の<strong>「計画的な小休憩」</strong>が推奨されるようになっています。<br>
            </p>
        </div>
    </div>

   
</div>

<style>
/* --- エビデンスブロック全体のコンテナ --- */
.ev-wrapper {
    background-color: #f8fafc; /* 科学的な清潔感のある淡いグレーブルー */
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 32px 24px;
    margin: 40px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);
}

/* ヘッダー */
.ev-header {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 800;
    color: #1e3a8a;
    margin: 0 0 20px 0 !important;
    padding: 0 0 15px 0 !important;
    background: transparent !important;
    border-bottom: 2px solid #e2e8f0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
}
.ev-header-icon {
    font-size: 1.6rem;
    margin-right: 12px;
}

/* 導入文 */
.ev-intro {
    font-size: 0.95rem;
    color: #334155;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 30px;
}
.ev-intro strong {
    color: #1e3a8a;
    background: linear-gradient(transparent 70%, #dbeafe 70%);
}

/* エビデンスカードのレイアウト（PCは横並び3列） */
.ev-card-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 15px;
    margin-bottom: 30px;
}

.ev-card {
    flex: 1;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px 15px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

.ev-card-icon {
    font-size: 2rem;
    margin-bottom: 12px;
    line-height: 1;
}

.ev-card-title {
    font-size: 1rem;
    font-weight: bold;
    color: #0f172a;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #cbd5e1;
}

.ev-card-text {
    font-size: 0.85rem;
    color: #475569;
    line-height: 1.7;
    margin: 0 !important;
    text-align: left;
}
.ev-card-text strong {
    color: #b91c1c; /* 注意を引く赤 */
}

/* 結論ブロック（Memory Coffeeへの導線） */
.ev-conclusion {
    background-color: #eff6ff;
    border-left: 4px solid #3b82f6;
    padding: 20px;
    border-radius: 0 8px 8px 0;
}
.ev-conclusion-title {
    font-weight: bold;
    color: #1e3a8a;
    font-size: 1.05rem;
    margin-bottom: 12px;
}
.ev-conclusion-text {
    font-size: 0.95rem;
    color: #1e293b;
    line-height: 1.8;
    margin: 0 !important;
}
.ev-conclusion-text strong {
    color: #1e3a8a;
    background: linear-gradient(transparent 70%, #dbeafe 70%);
}

/* スマホ対応 */
@media (max-width: 768px) {
    .ev-wrapper {
        padding: 24px 15px;
    }
    .ev-header {
        font-size: 1.1rem;
        flex-direction: column;
        text-align: center;
    }
    .ev-header-icon {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .ev-intro {
        text-align: left;
    }
    .ev-card-container {
        flex-direction: column;
        gap: 20px;
    }
    .ev-card {
        padding: 20px;
    }
}
</style>



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



<p class="wp-block-paragraph">つまり問題は「集中を続けようとする意志が足りないこと」ではなく、「脳の特性を無視して注意を使い続けようとしていること」にあります。</p>



<p class="wp-block-paragraph">科学的に有効なアプローチは、<span class="swl-marker mark_yellow"><strong>注意が切れる前に意図的な休憩を入れる</strong></span>ことです。</p>



<p class="wp-block-paragraph">25分作業して5分休憩するポモドーロ・テクニックはその代表例ですが、重要なのは「疲れたから休む」のではなく「疲れる前に休む」という設計です。</p>



<p class="wp-block-paragraph">休憩中は、スマートフォンを見ることは推奨されません。</p>



<p class="wp-block-paragraph">別の情報処理を行うと、前頭前野が休まらないからです。</p>



<p class="wp-block-paragraph">窓の外を眺める、軽くストレッチをするなど、情報入力を伴わない休憩が前頭前野の回復を促します。</p>



<div class="pomodoro-logic-wrapper">
    <!-- ヘッダー -->
    <div class="pl-header">
        <span class="pl-header-title">習慣②：疲れる前の「意図的な休憩」</span>
    </div>

    <!-- 脳のバッテリー状態 -->
    <div class="pl-brain-status">
        <div class="pl-brain-icon">🧠</div>
        <div class="pl-battery-container">
            <div class="pl-battery-label">前頭前野の余力</div>
            <div class="pl-battery-bg">
                <div class="pl-battery-fill"></div>
            </div>
        </div>
    </div>

    <!-- サイクルタイマー -->
    <div class="pl-timer-display">
        <div class="pl-timer-circle">
            <svg viewBox="0 0 36 36" class="pl-svg-chart">
                <path class="pl-circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
                <path class="pl-circle-fill" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" />
            </svg>
            <div class="pl-timer-text">
                <span class="pl-mode-label">作業中</span>
                <span class="pl-time-num">25:00</span>
            </div>
        </div>
    </div>

    <!-- 休憩の質の比較 -->
    <div class="pl-comparison">
        <div class="pl-rest-box bad">
            <div class="pl-rest-icon">📱</div>
            <div class="pl-rest-label">スマホ休憩<br><span>(情報の追加入力)</span></div>
            <div class="pl-result-tag bad">回復しない</div>
        </div>
        <div class="pl-rest-box good">
            <div class="pl-rest-icon">🌳</div>
            <div class="pl-rest-label">本来の休憩<br><span>(情報の遮断)</span></div>
            <div class="pl-result-tag good">急速回復</div>
        </div>
    </div>
</div>

<!-- アニメーション注記 -->
<div class="animation-disclaimer">
    ※アニメーションは休息による前頭前野の回復を表現したイメージです。
</div>

<style>
/* --- 全体コンテナ --- */
.pomodoro-logic-wrapper {
    position: relative;
    width: 100%;
    height: clamp(400px, 90vw, 500px);
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.animation-disclaimer {
    text-align: right;
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    color: #718096; 
    margin-bottom: 24px;
}

.pl-header { position: absolute; top: 15px; left: 15px; }
.pl-header-title { font-size: clamp(0.75rem, 2.5vw, 0.9rem); color: #63b3ed; font-weight: bold; }

/* --- バッテリーエリア --- */
.pl-brain-status {
    position: absolute;
    top: 60px; left: 50%;
    transform: translateX(-50%);
    display: flex; align-items: center; gap: 15px;
    width: 80%;
}
.pl-brain-icon { font-size: 2.5rem; }
.pl-battery-container { flex: 1; }
.pl-battery-label { font-size: 0.7rem; color: #a0aec0; margin-bottom: 4px; }
.pl-battery-bg { width: 100%; height: 12px; background: #2d3748; border-radius: 6px; overflow: hidden; border: 1px solid #4a5568; }
.pl-battery-fill { height: 100%; width: 100%; background: #4fd1c5; animation: batteryCycle 15s infinite linear; }

/* --- 中央タイマー --- */
.pl-timer-display {
    position: absolute;
    top: 45%; left: 50%;
    transform: translate(-50%, -50%);
}
.pl-timer-circle {
    position: relative;
    width: clamp(120px, 30vw, 160px);
    height: clamp(120px, 30vw, 160px);
}
.pl-svg-chart { transform: rotate(-90deg); }
.pl-circle-bg { fill: none; stroke: #2d3748; stroke-width: 2.8; }
.pl-circle-fill {
    fill: none; stroke: #3182ce; stroke-width: 2.8;
    stroke-linecap: round;
    stroke-dasharray: 100, 100;
    animation: timerProgress 15s infinite linear;
}
.pl-timer-text {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    text-align: center; display: flex; flex-direction: column;
}
.pl-mode-label { font-size: 0.7rem; color: #a0aec0; animation: modeText 15s infinite; }
.pl-time-num { font-size: 1.5rem; font-weight: bold; font-family: 'Helvetica Neue', Arial; animation: timeNum 15s infinite; }

/* --- 比較エリア --- */
.pl-comparison {
    position: absolute; bottom: 20px; left: 50%;
    transform: translateX(-50%);
    width: 90%; display: flex; gap: 10px;
}
.pl-rest-box {
    flex: 1; background: #2d3748; border-radius: 8px;
    padding: 12px 5px; display: flex; flex-direction: column; align-items: center;
    border: 1px solid transparent; opacity: 0.4;
}
.pl-rest-box.bad { animation: restBadActive 15s infinite; }
.pl-rest-box.good { animation: restGoodActive 15s infinite; }

.pl-rest-icon { font-size: 1.8rem; margin-bottom: 5px; }
.pl-rest-label { font-size: 0.65rem; text-align: center; color: #e2e8f0; line-height: 1.2; }
.pl-rest-label span { font-size: 0.55rem; color: #a0aec0; }
.pl-result-tag { margin-top: 8px; font-size: 0.6rem; font-weight: bold; padding: 2px 6px; border-radius: 4px; }
.pl-result-tag.bad { background: #4a5568; color: #cbd5e0; }
.pl-result-tag.good { background: #2c7a7b; color: #4fd1c5; }

/* =========================================
   アニメーション（15秒サイクル）
   0~10s: 作業(25分想定) / 10~15s: 休憩(5分想定)
========================================= */

/* 1. バッテリー（作業で減り、正しい休憩の時だけ増える） */
@keyframes batteryCycle {
    0% { width: 90%; background: #4fd1c5; }
    66% { width: 30%; background: #ecc94b; } /* 疲れる前に休憩に入る */
    /* ここから分岐。今回は「正しい休憩」の理想形をループで見せる */
    100% { width: 90%; background: #4fd1c5; }
}

/* 2. タイマー（25分から0、5分から0） */
@keyframes timerProgress {
    0% { stroke-dasharray: 100, 100; stroke: #3182ce; }
    66% { stroke-dasharray: 0, 100; stroke: #3182ce; }
    67% { stroke-dasharray: 100, 100; stroke: #4fd1c5; }
    100% { stroke-dasharray: 0, 100; stroke: #4fd1c5; }
}
@keyframes modeText {
    0%, 66% { content: "作業中"; color: #63b3ed; }
    67%, 100% { content: "休憩中"; color: #4fd1c5; }
}
/* コンテンツの動的切り替えはCSSでは難しいため疑似要素などで対応するのが一般的ですが、
   ここではシンプルに「作業中」と「休憩中」を点滅等で切り替える表現にします。 */

/* 3. 休憩ボックスのハイライト */
@keyframes restBadActive {
    0%, 66% { opacity: 0.2; border-color: transparent; }
    67%, 100% { opacity: 0.5; border-color: #e53e3e; } /* 警告色 */
}
@keyframes restGoodActive {
    0%, 66% { opacity: 0.2; border-color: transparent; }
    67%, 100% { opacity: 1; border-color: #4fd1c5; box-shadow: 0 0 10px rgba(79,209,197,0.3); }
}

</style>



<h3 class="wp-block-heading">習慣③：睡眠の量と質を守る</h3>



<p class="wp-block-paragraph">第2章で触れたように、睡眠不足は持続的注意力に最も直接的な影響を与える要因のひとつです。</p>



<p class="wp-block-paragraph">重要なのは、睡眠不足の影響は自覚しにくいという点です。</p>



<p class="wp-block-paragraph">慢性的な睡眠不足の状態にある人は、自分のパフォーマンスが低下していることに気づきにくく、「これが普通だ」と感じやすいことが研究によって示されています。</p>



<p class="wp-block-paragraph">睡眠の量の目安は成人で7〜9時間ですが、量と同様に「深い睡眠に入れているか」という質の面も重要です。</p>



<p class="wp-block-paragraph">就寝前のスマートフォン使用はブルーライトによる覚醒作用だけでなく、SNSや動画による精神的な刺激が睡眠の深さに影響します。</p>



<p class="wp-block-paragraph">就寝の1時間前からスマートフォンの画面を見る時間を減らすことが、睡眠の質の改善における最初の一歩です。</p>



<div class="sleep-comparison-wrapper">
    <div class="sc-header">
        <span class="sc-header-title">習慣③：睡眠の「質」 Before ⇔ After</span>
    </div>

    <div class="sc-content">
        <div class="sc-panel panel-before">
            <div class="sc-panel-label label-before">Before：就寝直前までスマホ</div>
            
            <div class="sc-brain-device-area">
                <div class="sc-brain brain-before">🧠</div>
                <div class="sc-phone phone-before">
                    📱
                    <div class="sc-blue-light-bad"></div>
                    <div class="sc-stimulus-bad">SNS/動画の刺激</div>
                </div>
                <div class="sc-noise-line"></div>
            </div>

            <div class="sc-chart-area">
                <div class="sc-chart-label">眠りの深さチャート</div>
                <svg class="sc-wave-svg" viewBox="0 0 400 120">
                    <path class="sc-wave-path-bad" d="M0,60 Q25,55 50,60 T100,60 T150,60 T200,60 T250,60 T300,60 T350,60 T400,60" />
                    <rect x="0" y="90" width="400" height="30" class="sc-deep-rect-bad" />
                    <text x="390" y="110" class="sc-deep-text" text-anchor="end">DEEP SLEEP</text>
                </svg>
            </div>

            <div class="sc-result-box result-bad">
                <div class="sc-result-label">脳の修復率</div>
                <div class="sc-result-value">28%<span class="sc-result-sub">（浅い眠り）</span></div>
            </div>
        </div>

        <div class="sc-panel panel-after">
            <div class="sc-panel-label label-after">After：1時間前にスマホ遮断</div>
            
            <div class="sc-brain-device-area">
                <div class="sc-brain brain-after">🧠</div>
                <div class="sc-no-phone-marker">
                    📵
                    <div class="sc-calm-light-good"></div>
                    <div class="sc-stimulus-good">情報の遮断</div>
                </div>
            </div>

            <div class="sc-chart-area">
                <div class="sc-chart-label">眠りの深さチャート</div>
                <svg class="sc-wave-svg" viewBox="0 0 400 120">
                    <path class="sc-wave-path-good" d="M0,60 Q50,105 100,60 T200,60 T300,60 T400,60" />
                    <rect x="0" y="90" width="400" height="30" class="sc-deep-rect-good" />
                    <text x="390" y="110" class="sc-deep-text text-good" text-anchor="end">DEEP SLEEP</text>
                </svg>
                <div class="sc-golden-time-label">黄金の90分</div>
            </div>

            <div class="sc-result-box result-good">
                <div class="sc-result-label">脳の修復率</div>
                <div class="sc-result-value">94%<span class="sc-result-sub">（深い眠り）</span></div>
            </div>
        </div>
    </div>
</div>

<div class="animation-disclaimer">
    ※アニメーションは睡眠の質と情報の刺激による影響を表現したイメージです。
</div>

<style>
/* --- 全体コンテナ --- */
.sleep-comparison-wrapper {
    position: relative;
    width: 100%;
    /* 2画面分割のため高さを少し確保 */
    height: clamp(450px, 100vw, 550px); 
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    border-radius: 12px;
    border: 1px solid #334155;
    overflow: hidden;
    margin-top: 24px;
    margin-bottom: 5px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    box-shadow: 0 4px 25px rgba(0,0,0,0.4);
}

.animation-disclaimer {
    text-align: right;
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    color: #718096; 
    margin-bottom: 24px;
}

.sc-header {
    position: absolute;
    top: 15px; left: 15px;
    z-index: 10;
}
.sc-header-title {
    font-size: clamp(0.75rem, 2.5vw, 0.9rem);
    color: #94a3b8;
    font-weight: bold;
}

/* --- コンテンツエリア（左右2分割） --- */
.sc-content {
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: 50px; /* ヘッダー分下げる */
}

.sc-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    position: relative;
}

/* パネル別のトーン */
.panel-before {
    background-color: rgba(244, 63, 94, 0.03); /* 赤み */
    border-right: 1px solid rgba(51, 65, 85, 0.5);
}
.panel-after {
    background-color: rgba(56, 189, 248, 0.03); /* 青み */
}

.sc-panel-label {
    font-size: clamp(0.7rem, 2vw, 0.85rem);
    font-weight: bold;
    margin-bottom: 20px;
    padding: 4px 10px;
    border-radius: 4px;
}
.label-before { background-color: #f43f5e; color: #fff; }
.label-after { background-color: #0284c7; color: #fff; }

/* --- 脳・デバイスエリア --- */
.sc-brain-device-area {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.sc-brain {
    font-size: 3rem;
}
.brain-before { animation: brainPulseBad 2s infinite alternate; }
.brain-after { animation: brainPulseGood 2s infinite alternate; }

.sc-phone {
    font-size: 2rem;
    position: relative;
    animation: phoneShakeBad 3s infinite;
}
.sc-blue-light-bad {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 40px; height: 40px; background: rgba(56,189,248,0.6);
    filter: blur(10px); border-radius: 50%; z-index: -1;
}
.sc-stimulus-bad {
    position: absolute; top: 110%; left: 50%; transform: translateX(-50%);
    font-size: 0.6rem; color: #f43f5e; font-weight: bold; white-space: nowrap;
    animation: textFlashBad 1.5s infinite;
}

.sc-no-phone-marker {
    font-size: 2rem;
    position: relative;
}
.sc-calm-light-good {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 60px; height: 60px; background: rgba(56,189,248,0.4);
    filter: blur(15px); border-radius: 50%; z-index: -1;
}
.sc-stimulus-good {
    position: absolute; top: 110%; left: 50%; transform: translateX(-50%);
    font-size: 0.6rem; color: #38bdf8; font-weight: bold; white-space: nowrap;
}

/* 悪い眠りのノイズ線（脳からチャートへ） */
.sc-noise-line {
    position: absolute;
    top: 50%; left: 50%;
    width: 80%; height: 100%;
    transform: translate(-50%, -50%);
    /* 赤い雷のようなノイズ */
    background: repeating-linear-gradient(90deg, transparent, transparent 5px, #f43f5e 5px, #f43f5e 6px);
    opacity: 0.15;
    z-index: -1;
    animation: noiseFlowBad 1s infinite linear;
}

/* --- チャートエリア --- */
.sc-chart-area {
    width: 100%;
    height: 120px;
    background-color: rgba(15, 23, 42, 0.5);
    border-radius: 8px;
    border: 1px solid rgba(51, 65, 85, 0.8);
    position: relative;
    padding: 10px;
    margin-bottom: 25px;
}
.sc-chart-label {
    position: absolute; top: 5px; left: 10px;
    font-size: 0.6rem; color: #64748b;
}

.sc-wave-svg {
    width: 100%; height: 100%;
    fill: none;
}

/* DEEP SLEEPエリア */
.sc-deep-rect-bad { fill: rgba(74, 85, 104, 0.2); }
.sc-deep-rect-good { fill: rgba(56, 189, 248, 0.1); animation: rectGlowGood 3s infinite alternate; }
.sc-deep-text {
    font-size: 10px; font-weight: bold; fill: #4a5568; letter-spacing: 1px;
}
.sc-deep-text.text-good { fill: #38bdf8; }

/* 睡眠波形 */
.sc-wave-path-bad {
    stroke: #f43f5e;
    stroke-width: 1.5;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    animation: waveBadLine 2s infinite linear;
}
.sc-wave-path-good {
    stroke: #38bdf8;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    animation: waveGoodLine 3s infinite linear;
}

/* 修正箇所：黄金の90分ラベル */
.sc-golden-time-label {
    position: absolute;
    bottom: 5px; /* ご指定の赤丸の位置（チャート一番下）へ移動 */
    left: 50px; /* 第1波の中央付近に揃える */
    transform: translateX(-50%); /* 中央揃え */
    font-size: 0.6rem; /* スマホではみ出ないよう微調整 */
    color: #ecc94b;
    font-weight: bold;
    padding: 3px 8px;
    border: 1px solid #ecc94b;
    border-radius: 4px;
    background-color: #0f172a; /* 波形の貫通を完全に防ぐための背景色 */
    white-space: nowrap;
    z-index: 10; /* 波形より手前に表示 */
    animation: goldenGlow 3s infinite alternate;
}

/* --- 修復率エリア --- */
.sc-result-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: auto; /* 一番下に配置 */
}
.sc-result-label {
    font-size: 0.7rem; color: #94a3b8; margin-bottom: 5px;
}
.sc-result-value {
    font-size: clamp(1.8rem, 5vw, 2.3rem);
    font-weight: 800;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    line-height: 1;
}
.sc-result-sub {
    font-size: 0.7rem; font-weight: normal; margin-left: 5px;
}

.result-bad { color: #f43f5e; }
.result-good { color: #38bdf8; text-shadow: 0 0 10px rgba(56, 189, 248, 0.5); }

/* =========================================
   アニメーションキーフレーム
========================================= */

/* --- Beforeパネル（悪い例） --- */
@keyframes brainPulseBad {
    from { transform: scale(1) rotate(0); opacity: 0.8; filter: grayscale(0.2); }
    to { transform: scale(1.05) rotate(2deg); opacity: 1; filter: grayscale(0); }
}
@keyframes phoneShakeBad {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50% { transform: translateX(-2px); }
    20%, 40%, 60% { transform: translateX(2px); }
    70% { transform: translateX(0); }
}
@keyframes textFlashBad {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}
@keyframes noiseFlowBad {
    from { transform: translate(-50%, -50%) scaleY(1); }
    to { transform: translate(-50%, -50%) scaleY(1.1); }
}
@keyframes waveBadLine {
    to { stroke-dashoffset: 0; }
}

/* --- Afterパネル（良い例） --- */
@keyframes brainPulseGood {
    from { transform: scale(1); opacity: 0.9; box-shadow: 0 0 10px transparent; }
    to { transform: scale(1.08); opacity: 1; box-shadow: 0 0 20px rgba(56,189,248,0.4); }
}
@keyframes rectGlowGood {
    from { opacity: 0.6; }
    to { opacity: 1; }
}
@keyframes waveGoodLine {
    to { stroke-dashoffset: 0; }
}
@keyframes goldenGlow {
    from { opacity: 0.6; box-shadow: 0 0 5px transparent; }
    to { opacity: 1; box-shadow: 0 0 10px rgba(236,201,75,0.6); }
}
</style>



<h3 class="wp-block-heading">習慣④：神経の過緊張を整える</h3>



<p class="wp-block-paragraph">習慣①〜③は「注意力を消耗させる行動を減らす」アプローチですが、この習慣④は<strong><span class="swl-marker mark_yellow">「脳のコンディションを内側から整える」</span></strong>アプローチです。</p>



<p class="wp-block-paragraph">慢性的なストレスや不安が続くと、脳は「防衛モード」に入り続けます。</p>



<p class="wp-block-paragraph">この状態では、前頭前野が本来の注意制御ではなく、不安への対処に多くのリソースを振り向けます。</p>



<p class="wp-block-paragraph">習慣①〜③をどれだけ実践しても、この防衛モードが解除されていなければ、持続的注意力が本来の力を発揮しにくい状態が続きます。</p>



<h4 class="wp-block-heading">① 深呼吸で「手動」のリラックススイッチを入れる</h4>



<p class="wp-block-paragraph">深呼吸はその最も手軽な方法です。</p>



<p class="wp-block-paragraph">4秒かけて鼻から吸い、8秒かけてゆっくりと口から吐く。</p>



<p class="wp-block-paragraph">これを3回繰り返すだけで副交感神経が刺激され、脳の防衛モードが解除されやすくなります。</p>



<div class="breath-120-wrapper">
    <div class="b120-bg-glow"></div>

    <div class="b120-header">
        <div class="b120-title">神経リセット・プロトコル</div>
        <div class="b120-subtitle">ガイドの「色」と「円」に意識を預けてください</div>
    </div>

    <!-- メインガイドエリア -->
    <div class="b120-main">
        <svg class="b120-svg" viewBox="0 0 200 200">
            <!-- 背景のガイドリング -->
            <circle class="b120-ring-bg" cx="100" cy="100" r="85" />
            <!-- 動くプログレスリング -->
            <circle class="b120-ring-progress" cx="100" cy="100" r="85" />
        </svg>

        <!-- 中央のコア -->
        <div class="b120-core-container">
            <div class="b120-core">
                <div class="b120-label-top"></div>
                <div class="b120-counter"></div>
                <div class="b120-label-bottom"></div>
            </div>
        </div>
    </div>

    <!-- 下部：ステータス -->
    <div class="b120-footer">
        <div class="b120-hint-box">
            <div class="b120-hint inhale">
                <span class="b120-hint-icon">👃</span>
                <span class="b120-hint-text">4秒：鼻から吸う</span>
            </div>
            <div class="b120-hint-arrow">→</div>
            <div class="b120-hint exhale">
                <span class="b120-hint-icon">👄</span>
                <span class="b120-hint-text">8秒：口から吐く</span>
            </div>
        </div>
        
        <div class="b120-recovery-bar">
            <div class="b120-recovery-fill"></div>
            <span class="b120-recovery-text">副交感神経を活性化中</span>
        </div>
    </div>
</div>

<div class="animation-disclaimer">
    ※円の拡大に合わせて吸い、縮小に合わせてゆっくりと吐き出してください。
</div>

<style>
/* --- コンテナ設定 --- */
.breath-120-wrapper {
    position: relative;
    width: 100%;
    height: clamp(450px, 100vw, 550px);
    background-color: #0f172a;
    border-radius: 16px;
    border: 1px solid #1e293b;
    overflow: hidden;
    margin: 24px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 40px 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.animation-disclaimer {
    text-align: right;
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    color: #4a5568;
    margin-bottom: 24px;
}

/* 背景の鼓動 */
.b120-bg-glow {
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 100%; height: 100%;
    background: radial-gradient(circle, rgba(56,189,248,0.1) 0%, transparent 70%);
    animation: b120BgPulse 12s infinite ease-in-out;
}

.b120-header { text-align: center; z-index: 5; }
.b120-title { font-size: 1.1rem; font-weight: bold; color: #f8fafc; letter-spacing: 2px; margin-bottom: 8px; }
.b120-subtitle { font-size: 0.75rem; color: #64748b; }

/* --- メインビジュアル（SVGリング） --- */
.b120-main {
    position: relative;
    width: 200px; height: 200px;
    display: flex; justify-content: center; align-items: center;
}

.b120-svg {
    width: 100%; height: 100%;
    transform: rotate(-90deg); /* 12時から開始 */
}

.b120-ring-bg {
    fill: none;
    stroke: #1e293b;
    stroke-width: 4;
}

.b120-ring-progress {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 534; /* 2 * PI * 85 */
    stroke-dashoffset: 534;
    animation: b120RingFlow 12s infinite linear;
}

/* --- 中央のコアコンポーネント --- */
.b120-core-container {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center;
}

.b120-core {
    width: 120px; height: 120px;
    border-radius: 50%;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    transition: all 0.5s ease;
    animation: b120CoreBreath 12s infinite ease-in-out;
}

.b120-label-top { font-size: 0.9rem; font-weight: bold; margin-bottom: 2px; }
.b120-counter { font-size: 2.2rem; font-weight: 800; font-family: 'Helvetica Neue', Arial; line-height: 1; }
.b120-label-bottom { font-size: 0.65rem; margin-top: 4px; opacity: 0.8; }

/* テキストの同期切り替え */
.b120-label-top::after { content: "吸う"; animation: b120TextInhale 12s infinite; }
.b120-counter::after { content: "1"; animation: b120Count 12s infinite linear; }
.b120-label-bottom::after { content: "鼻から"; animation: b120TextBottom 12s infinite; }

/* --- フッター・ステータス --- */
.b120-footer { width: 100%; z-index: 5; }
.b120-hint-box {
    display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 20px;
}
.b120-hint { display: flex; align-items: center; gap: 8px; opacity: 0.3; transition: 0.5s; }
.b120-hint-icon { font-size: 1.2rem; }
.b120-hint-text { font-size: 0.75rem; color: #94a3b8; }
.b120-hint-arrow { color: #334155; font-size: 0.8rem; }

.b120-hint.inhale { animation: b120HintInActive 12s infinite; }
.b120-hint.exhale { animation: b120HintOutActive 12s infinite; }

.b120-recovery-bar {
    width: 100%; height: 30px; background: #1e293b; border-radius: 15px;
    position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.b120-recovery-fill {
    position: absolute; left: 0; top: 0; height: 100%; width: 0%;
    background: linear-gradient(90deg, #0284c7, #10b981);
    animation: b120RecoveryFill 12s infinite linear;
}
.b120-recovery-text {
    position: relative; z-index: 2; font-size: 0.7rem; font-weight: bold; color: #f8fafc; text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/* =========================================
   120点のための超精密アニメーション (12秒サイクル)
   吸気：0s-4s (33.3%) / 排気：4s-12s (100%)
========================================= */

/* 1. リングと色の同期 */
@keyframes b120RingFlow {
    0% { stroke-dashoffset: 534; stroke: #38bdf8; }
    33.3% { stroke-dashoffset: 0; stroke: #38bdf8; } /* 4秒で一周（吸う） */
    33.4% { stroke-dashoffset: 534; stroke: #10b981; } /* 瞬時にリセットして色変更（吐く開始） */
    100% { stroke-dashoffset: 0; stroke: #10b981; }  /* 8秒で一周（吐く） */
}

/* 2. コアの膨張と色 */
@keyframes b120CoreBreath {
    0% { transform: scale(0.8); background: rgba(56,189,248,0.2); color: #38bdf8; box-shadow: 0 0 20px rgba(56,189,248,0.3); }
    33.3% { transform: scale(1.4); background: rgba(56,189,248,0.4); color: #fff; box-shadow: 0 0 40px rgba(56,189,248,0.6); }
    33.4% { color: #fff; background: rgba(16,185,129,0.4); box-shadow: 0 0 40px rgba(16,185,129,0.6); }
    100% { transform: scale(0.8); background: rgba(16,185,129,0.2); color: #10b981; box-shadow: 0 0 20px rgba(16,185,129,0.3); }
}

/* 3. カウントアップ/ダウンの精密同期 */
@keyframes b120Count {
    0%, 8.3% { content: "1"; } 8.4%, 16.6% { content: "2"; } 16.7%, 24.9% { content: "3"; } 25%, 33.2% { content: "4"; }
    33.3%, 41.5% { content: "8"; } 41.6%, 49.9% { content: "7"; } 50%, 58.2% { content: "6"; } 58.3%, 66.6% { content: "5"; }
    66.7%, 74.9% { content: "4"; } 75%, 83.2% { content: "3"; } 83.3%, 91.6% { content: "2"; } 91.7%, 100% { content: "1"; }
}

/* 4. テキストラベルの同期 */
@keyframes b120TextInhale {
    0%, 33.2% { content: "吸う"; }
    33.3%, 100% { content: "吐く"; }
}
@keyframes b120TextBottom {
    0%, 33.2% { content: "鼻から"; }
    33.3%, 100% { content: "ゆっくりと"; }
}

/* 5. ヒント領域のハイライト */
@keyframes b120HintInActive {
    0%, 33.2% { opacity: 1; transform: translateY(-3px); }
    33.3%, 100% { opacity: 0.2; transform: translateY(0); }
}
@keyframes b120HintOutActive {
    0%, 33.2% { opacity: 0.2; transform: translateY(0); }
    33.3%, 99% { opacity: 1; transform: translateY(-3px); }
    100% { opacity: 0.2; }
}

/* 6. 回復バー */
@keyframes b120RecoveryFill {
    0% { width: 0%; }
    33.3% { width: 20%; }
    95%, 100% { width: 100%; }
}

@keyframes b120BgPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
    33.3% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.6; }
}
</style>



<p class="wp-block-paragraph">作業前のルーティンとして取り入れるだけで、持続的注意力が発揮されやすい脳の状態を作ることができます！</p>



<h4 class="wp-block-heading">② 脳のパフォーマンスを支える「機能成分」を取り入れる</h4>



<p class="wp-block-paragraph">そして内側から神経環境を整えるアプローチとして注目されているのが、<strong><span class="swl-marker mark_yellow">GABA（ギャバ）</span></strong>です。</p>



<p class="wp-block-paragraph">GABAは脳内で働く抑制性の神経伝達物質で、過剰に興奮した神経の活動を穏やかに鎮める役割を担っています。</p>



<!-- GABA解説アニメーション：【横ライン修正版】 -->
<div class="simple-gaba-wrapper">
    <div class="sg-header">
        <div class="sg-title">GABAの役割：脳内の「ノイズ消し」</div>
    </div>

    <div class="sg-brain-area">
        <div class="sg-brain-icon">🧠</div>
        
        <!-- 脳内のノイズ -->
        <div class="sg-noises">
            <div class="sg-noise n1">通知</div>
            <div class="sg-noise n2">返信</div>
            <div class="sg-noise n3">TODO</div>
            <div class="sg-noise n4">焦り</div>
            <div class="sg-noise n5">SNS</div>
        </div>

        <!-- GABAの雫 -->
        <div class="sg-drop-area">
            <div class="sg-gaba-drop">GABA</div>
        </div>

        <!-- 修正：横に貫く「集中の水平線」 -->
        <div class="sg-focus-horizon"></div>
        <div class="sg-focus-glow"></div>
    </div>

    <div class="sg-footer">
        <div class="sg-status-label">脳内の状態：<span class="sg-status-text"></span></div>
    </div>
</div>

<div class="gaba-disclaimer">
    ※アニメーションは、GABAが過剰な神経活動を抑制する性質を分かりやすく視覚化したイメージです。<br class="mc-sp-only">
    すべての思考や外部情報を物理的に遮断するものではありません。
</div>

<style>
.simple-gaba-wrapper {
    position: relative;
    width: 100%;
    height: 350px;
    background-color: #1a1d21;
    border-radius: 12px;
    border: 1px solid #2d3748;
    overflow: hidden;
    margin: 20px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sg-header { padding: 20px; text-align: center; }
.sg-title { font-size: 1rem; font-weight: bold; color: #63b3ed; letter-spacing: 1px; }

.sg-brain-area {
    position: relative;
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sg-brain-icon { font-size: 4rem; z-index: 10; filter: drop-shadow(0 0 10px rgba(255,255,255,0.2)); }

/* ノイズ（ガヤガヤ） */
.sg-noise {
    position: absolute;
    font-size: 0.7rem;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(244, 63, 94, 0.2);
    color: #f43f5e;
    border: 1px solid #f43f5e;
    animation: noiseFloat 8s infinite linear;
}
.n1 { top: 20%; left: 10%; }
.n2 { top: 60%; left: 15%; }
.n3 { top: 15%; right: 15%; }
.n4 { top: 70%; right: 10%; }
.n5 { top: 40%; left: 5%; }

/* GABAの雫 */
.sg-gaba-drop {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: #4fd1c5;
    color: #0f172a;
    font-weight: bold;
    font-size: 0.8rem;
    padding: 8px 15px;
    border-radius: 20px;
    box-shadow: 0 0 20px #4fd1c5;
    z-index: 15;
    animation: gabaFall 8s infinite ease-in;
}

/* 修正：横方向の水平線（ノイズを押し流す） */
.sg-focus-horizon {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #63b3ed;
    box-shadow: 0 0 15px #63b3ed;
    opacity: 0;
    z-index: 5;
    transform: scaleX(0);
    animation: horizonAppear 8s infinite;
}
/* 水平線の周りの柔らかな光 */
.sg-focus-glow {
    position: absolute;
    width: 100%;
    height: 40px;
    background: linear-gradient(to bottom, transparent, rgba(99, 179, 237, 0.1), transparent);
    opacity: 0;
    z-index: 4;
    animation: glowAppear 8s infinite;
}

.sg-footer {
    padding: 20px;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.3);
}
.sg-status-label { font-size: 0.8rem; color: #a0aec0; }
.sg-status-text::after { content: "ノイズでガヤガヤ..."; animation: statusTextChange 8s infinite; }

.gaba-disclaimer {
    text-align: right;
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    color: #718096;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 32px;
    padding: 0 10px;
    font-family: sans-serif;
}

/* --- アニメーション設定 --- */

@keyframes noiseFloat {
    0%, 30% { opacity: 1; transform: translateY(0); }
    /* GABA浸透時にノイズが上下に押し流されて消える演出 */
    40% { opacity: 0.5; transform: translateY(-20px); } 
    50%, 90% { opacity: 0; transform: translateY(-40px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes gabaFall {
    0%, 30% { top: -50px; opacity: 0; }
    35% { top: 20%; opacity: 1; }
    45%, 90% { top: 20%; opacity: 0; transform: translateX(-50%) scale(3); }
    100% { top: -50%; }
}

/* 横にスッと伸びるアニメーション */
@keyframes horizonAppear {
    0%, 45% { opacity: 0; transform: scaleX(0); }
    55%, 90% { opacity: 1; transform: scaleX(1); }
    100% { opacity: 0; transform: scaleX(0); }
}

@keyframes glowAppear {
    0%, 50% { opacity: 0; }
    60%, 90% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes statusTextChange {
    0%, 35% { content: "ノイズでガヤガヤ..."; color: #f43f5e; }
    55%, 90% { content: "静寂と深い集中"; color: #4fd1c5; }
}

@media screen and (max-width: 480px) {
    .mc-sp-only { display: block; }
}
</style>



<p class="wp-block-paragraph">GABAが十分に機能することで、脳の過緊張が和らぎ、限られた注意リソースを本来向けるべき作業へと集中させやすくなります。</p>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/gaba-rich-foods-list/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/massive-gaba-foods-for-brain-health.webp" alt="食事だけでGABA200mgは難しい訳">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">GABA × 食事</div>
      <div class="inline-card-title">食事だけでGABA200mgは難しい訳</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



<h4 class="wp-block-heading">コーヒーでGABAという新しい選択肢</h4>



<p class="wp-block-paragraph">しかし、私たちの脳は、たった一回の摂取で劇的に変わるほど単純な作りではありません…。 </p>



<p class="wp-block-paragraph">事実、科学的根拠（エビデンス）に基づき持続的注意力をサポートするためには、<strong>「GABA 200mgを12週間（約3ヶ月）」摂取し続けること</strong>が必要であると示されています。</p>



<p class="wp-block-paragraph">ここで一つの大きな壁にぶつかります。</p>



<p class="wp-block-paragraph">GABA 200mgを毎日の食事（トマトや発芽玄米など）だけで補おうとすれば、膨大な量を食べ続けなければならず、現実的ではありません。</p>



<p class="wp-block-paragraph">また、新しいサプリメント習慣を「追加」しても、多くの人が数週間で飲み忘れてしまいます。</p>



<p class="wp-block-paragraph">ここでオススメしたいのが<strong><span class="swl-marker mark_yellow">「Memory Coffee」</span></strong>です！</p>



<p class="wp-block-paragraph">Memory Coffeeは消費者庁に機能性表示食品として届出されており、1杯（スティック１本）につきGABA200mgを配合しています！</p>



<div style="max-width: 600px; margin: 32px auto; padding: 32px 24px; background-color: #ffffff; border: 2px solid #e1ebf2; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; line-height: 1.6;">

  <!-- バッジ -->
  <div style="text-align: center; margin-bottom: 20px;">
    <span style="display: inline-block; background-color: #1a5276; color: #ffffff; padding: 6px 16px; font-size: 0.85rem; font-weight: bold; border-radius: 20px; letter-spacing: 0.05em;">
      機能性表示食品
    </span>
  </div>

  <!-- リードテキスト -->
  <p style="margin: 0 0 24px 0; font-size: 1.05rem; text-align: center; color: #333333; line-height: 1.8;">
    Memory Coffeeで使用している<br class="mc-sp-only"><strong style="color: #e67e22;">GABA 200mg</strong>は、<br>
    加齢とともに低下する<br class="mc-sp-only"><span style="font-weight: bold; border-bottom: 2px solid #fdebd0;">認知機能の一部を維持する機能</span>が<br>
    報告されています。
  </p>

  <!-- 機能リスト（背景色で視覚的にまとめる） -->
  <div style="background-color: #f4f9fc; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; margin-bottom: 24px;">
    <ul style="list-style: none; padding: 0; margin: 0;">
      
      <li style="margin-bottom: 16px; display: flex; align-items: flex-start;">
        <span style="color: #2980b9; margin-right: 12px; font-size: 1.2rem; line-height: 1.2; font-weight: bold;">✔️</span>
        <div>
          <strong style="color: #1a5276; font-size: 1.1rem; display: block; margin-bottom: 4px;">記憶力</strong>
          <span style="color: #555555; font-size: 0.9rem; line-height: 1.5;">見たり聞いたりしたことを思い出す力</span>
        </div>
      </li>
      
      <li style="margin-bottom: 16px; display: flex; align-items: flex-start;">
        <span style="color: #2980b9; margin-right: 12px; font-size: 1.2rem; line-height: 1.2; font-weight: bold;">✔️</span>
        <div>
          <strong style="color: #1a5276; font-size: 1.1rem; display: block; margin-bottom: 4px;">空間認知力</strong>
          <span style="color: #555555; font-size: 0.9rem; line-height: 1.5;">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </li>
      
      <li style="display: flex; align-items: flex-start;">
        <span style="color: #2980b9; margin-right: 12px; font-size: 1.2rem; line-height: 1.2; font-weight: bold;">✔️</span>
        <div>
          <strong style="color: #1a5276; font-size: 1.1rem; display: block; margin-bottom: 4px;">持続的注意力</strong>
          <span style="color: #555555; font-size: 0.9rem; line-height: 1.5;">注意を持続させながら、作業を続ける力</span>
        </div>
      </li>

    </ul>
  </div>

  <!-- フッター情報（届出番号・免責事項） -->
  <div style="display: flex; flex-direction: column; gap: 8px;">
    <div style="text-align: right;">
      <span style="display: inline-block; background-color: #f0f0f0; padding: 4px 10px; border-radius: 4px; font-size: 0.85rem; color: #555555; font-weight: bold; letter-spacing: 0.05em;">
        届出番号：J1384
      </span>
    </div>
    <p style="font-size: 0.75rem; color: #888888; margin: 0; line-height: 1.6; text-align: justify;">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。
    </p>
  </div>

</div>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp" alt="Memory Coffeeは、スティック1本に機能性関与成分GABAが200mg配合されていることを説明する画像" class="wp-image-4872" style="width:533px;height:auto" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">GABAの継続摂取は、加齢とともに低下する「持続的注意力（注意を持続させながら、作業を続ける力）」の維持をサポートすることが報告されています。</p>



<p class="wp-block-paragraph">サプリメントを飲み忘れることはあっても、生活に溶け込むコーヒーならば、負担なく続けることができます！</p>



<p class="wp-block-paragraph">さらに、コーヒーなので<strong><span class="swl-marker mark_yellow">「ながら対策」</span></strong>だって可能です！</p>



<div class="swell-block-columns"><div class="swell-block-columns__inner">
<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p.webp" alt="" class="wp-image-3693" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">読書しながら</figcaption></figure>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02.jpg" alt="" class="wp-image-4218" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02.jpg 600w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02-300x300.jpg 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02-150x150.jpg 150w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">勉強・仕事しながら</figcaption></figure>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p.webp" alt="" class="wp-image-3695" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">パンを食べながら</figcaption></figure>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-04-p.webp" alt="" class="wp-image-3696" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-04-p.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-04-p-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-04-p-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">ひとときを楽しみながら</figcaption></figure>
</div>
</div></div>



<p class="wp-block-paragraph">毎日のコーヒーという既存の習慣に組み込めることが、継続しやすさの最大の理由です。</p>



<p class="wp-block-paragraph">新しいサプリメントを「追加する」のではなく、「いつものコーヒーを置き換えるだけ」というシンプルな選択が、長く続けるための最も現実的な方法です。</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      コーヒーで手軽にながらケア
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">詳しくみる ▶︎</span>
  </div>

</a>



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



<h2 class="wp-block-heading">まとめ：持続的注意力は、意志の問題ではなく脳のコンディションの問題</h2>



<p class="wp-block-paragraph">持続的注意力の低下は、「自分がだらしないから」でも「年のせいだから仕方ない」でもありません。</p>



<p class="wp-block-paragraph">前頭前野の変化、神経伝達物質のバランス、マルチタスクによる慢性的な消耗、睡眠不足による疲弊。</p>



<p class="wp-block-paragraph">これらは脳の構造と機能に根ざした、科学的に説明できる現象です。</p>



<p class="wp-block-paragraph">そしてこれらすべてに、共通のアプローチがあります。</p>



<p class="wp-block-paragraph">脳に無理をさせる習慣を減らし、脳が本来の機能を発揮できるコンディションを整えること。それが持続的注意力を維持するための、唯一の道筋です。</p>



<p class="wp-block-paragraph">シングルタスクの時間を作る。疲れる前に意図的に休む。</p>



<p class="wp-block-paragraph">深い睡眠を確保する。そして毎日のコーヒーに、GABAという選択肢を加える。</p>



<p class="wp-block-paragraph">どれも特別な努力ではありません。<br>しかし10年後・20年後も「集中して物事に取り組める自分」でいるために、今日の小さな選択が静かに土台を作っています。</p>



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



<style>
.end-section{background:#f7f4ee;border-top:1px solid #e5dece;padding:24px 20px 28px;margin-top:40px;}
.end-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.end-header-bar{width:3px;height:18px;background:#c4993a;border-radius:2px;flex-shrink:0;}
.end-header-text{font-size:13px;font-weight:700;color:#1a1a1a;}
.end-cards{display:flex;flex-direction:column;gap:12px;}
.end-card{display:block;background:#fff;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.end-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.end-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.end-card-body{padding:12px 14px 14px;}
.end-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.end-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/magazine/gaba-caffeine-synergy/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02.webp" alt="カフェインとGABAは相殺しない理由">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 脳科学</div>
        <div class="end-card-title">カフェインとGABAは相殺しない理由</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/why-90days/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-why-90days.webp" alt="なぜ90日間続けるのか？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">習慣化</div>
        <div class="end-card-title">なぜ90日間続けるのか？科学的根拠</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/brain-maintenance-gaba/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/brain-maintenance-gaba-thumbnail-02.webp" alt="脳の夜間メンテを最大化するGABA">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 睡眠</div>
        <div class="end-card-title">脳の夜間メンテを最大化するGABA</div>
      </div>
    </a>
  </div>
</div>



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



<section class="mc-faq-flat">
    <div class="mc-faq-inner">
        <div role="heading" aria-level="2" class="mc-faq-header-flat">よくある質問</div>

        <div class="mc-faq-list-flat">
            <div class="mc-faq-card">
                <div class="mc-faq-q-row">
                    <span class="mc-faq-icon-q">Q</span>
                    <div role="heading" aria-level="3" class="mc-faq-question-text">集中力が続かないのは、やはり「意志の強さ」の問題ではありませんか？</div>
                </div>
                <div class="mc-faq-a-row">
                    <span class="mc-faq-icon-a">A</span>
                    <div class="mc-faq-answer-content">
                        <p class="mc-ans-strong">意志の力（精神論）ではなく、脳の「リソース」の問題です。</p>
                        <p>
                            私たちの前頭前野が1日に使えるエネルギーには限りがあります。現代のマルチタスク環境では、そのエネルギーが「ノイズへの対処」だけで枯渇している状態です。自分を責めるのをやめ、まずは物理的に脳を休ませ、整えるための「環境」を作ってあげることが先決です。
                        </p>
                    </div>
                </div>
            </div>

            <div class="mc-faq-card">
                <div class="mc-faq-q-row">
                    <span class="mc-faq-icon-q">Q</span>
                    <div role="heading" aria-level="3" class="mc-faq-question-text">カフェイン（覚醒）とGABA（鎮静）を同時に摂って、効果は打ち消し合いませんか？</div>
                </div>
                <div class="mc-faq-a-row">
                    <span class="mc-faq-icon-a">A</span>
                    <div class="mc-faq-answer-content">
                        <p class="mc-ans-strong">打ち消し合うのではなく、「質の高い集中」を形作ります。</p>
                        <p>
                            カフェインが「アクセル」なら、GABAは「適切なブレーキ」です。アクセルだけの暴走（焦りや空回り）を防ぎ、<strong>「頭は冴えているのに、余計な雑念はない」</strong>という、仕事において最もパフォーマンスが高い「静かな集中」の状態を作り出します。
                        </p>
                    </div>
                </div>
            </div>

            <div class="mc-faq-card">
                <div class="mc-faq-q-row">
                    <span class="mc-faq-icon-q">Q</span>
                    <div role="heading" aria-level="3" class="mc-faq-question-text">12週間（3ヶ月）飲み続けなければ、意味がないということでしょうか？</div>
                </div>
                <div class="mc-faq-a-row">
                    <span class="mc-faq-icon-a">A</span>
                    <div class="mc-faq-answer-content">
                        <p class="mc-ans-strong">「今日のリセット」と「未来の維持」、2つの役割があります。</p>
                        <p>
                            一杯の摂取でも、その瞬間の「脳の過緊張を和らげる」サポートは行われます。一方で、加齢と共に低下する<strong>持続的注意力を「維持する」という機能性を届出ているのが12週間の継続摂取</strong>です。「今日を乗り切るための一杯」を積み重ねることが、結果として数年後の冴えを守る大きな土台となります。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
/* --- FAQフラットデザイン --- */
.mc-faq-flat {
    width: 100%;
    background-color: #f8fafc;
    padding: 80px 20px;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.mc-faq-inner {
    max-width: 800px;
    margin: 0 auto;
}

/* ヘッダー（テーマ干渉リセット付き） */
.mc-faq-header-flat {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    color: #1e3a8a;
    margin-top: 0;
    margin-bottom: 50px;
    position: relative;
    padding: 0 0 15px 0;
    background: transparent !important;
    border: none !important;
}
.mc-faq-header-flat::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    transform: translateX(-50%);
    width: 60px; height: 3px;
    background-color: #3b82f6;
}

/* 各質問カード */
.mc-faq-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #e2e8f0;
}

/* 質問行 */
.mc-faq-q-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 15px;
}
/* アイコン設定（縮小防止） */
.mc-faq-icon-q {
    flex-shrink: 0; /* テーマの影響でアイコンが潰れるのを防ぐ */
    font-size: 1.4rem;
    font-weight: 800;
    color: #3b82f6;
    margin-right: 12px; /* 余白を適切に設定 */
    line-height: 1.2;
}
/* 質問テキスト（テーマ干渉リセット付き） */
.mc-faq-question-text {
    flex: 1; /* 残りの幅をすべて使う */
    font-size: 1.1rem;
    font-weight: bold;
    color: #1e293b;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    line-height: 1.5;
}

/* 回答行 */
.mc-faq-a-row {
    display: flex;
    align-items: flex-start;
}
.mc-faq-icon-a {
    flex-shrink: 0;
    font-size: 1.4rem;
    font-weight: 800;
    color: #f43f5e;
    margin-right: 12px;
    line-height: 1.2;
}
.mc-faq-answer-content {
    flex: 1;
}
.mc-ans-strong {
    font-size: 1.05rem;
    color: #1e3a8a;
    font-weight: bold;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
.mc-faq-answer-content p {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.8;
    margin-bottom: 0;
}
.mc-faq-answer-content strong {
    color: #1e3a8a;
    background: linear-gradient(transparent 70%, #dbeafe 70%);
}

/* スマホ対応 */
@media (max-width: 480px) {
    .mc-faq-flat { padding: 40px 15px; }
    .mc-faq-card { padding: 20px; }
    .mc-faq-icon-q, .mc-faq-icon-a { font-size: 1.2rem; margin-right: 10px; }
    .mc-faq-question-text { font-size: 1rem; }
    .mc-ans-strong { font-size: 0.95rem; }
}
</style>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Article",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://memory-coffee.jp/magazine/sustained-attention-aging-maintenance/"
      },
      "headline": "持続的注意力を科学的に守り抜く：大人の集中力を高める4つの習慣",
      "description": "加齢やマルチタスクによる集中力の低下に悩むプロフェッショナルへ。前頭前野の消耗を防ぐ脳科学的なアプローチと、GABA配合の機能性表示食品「Memory Coffee」を活用したコンディション維持の方法を解説します。",
      "image": [
        "https://memory-coffee.jp/wp-content/uploads/2026/05/sustained-attention-brain-focus-guide.webp"
      ],
      "author": {
        "@type": "Person",
        "name": "佐藤 俊彦"
      },
      "publisher": {
        "@type": "Organization",
        "name": "株式会社HOPEF",
        "logo": {
          "@type": "ImageObject",
          "url": "https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp"
        }
      },
      "datePublished": "2026-05-07T08:00:00+09:00",
      "dateModified": "2026-05-07T11:51:00+09:00"
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "集中力が続かないのは、やはり「意志の強さ」の問題ではありませんか？",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "意志の力（精神論）ではなく、脳の「リソース」の問題です。私たちの前頭前野が1日に使えるエネルギーには限りがあります。現代のマルチタスク環境では、そのエネルギーが「ノイズへの対処」だけで枯渇している状態です。自分を責めるのをやめ、まずは物理的に脳を休ませ、整えるための「環境」を作ってあげることが先決です。"
          }
        },
        {
          "@type": "Question",
          "name": "カフェイン（覚醒）とGABA（鎮静）を同時に摂って、効果は打ち消し合いませんか？",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "打ち消し合うのではなく、「質の高い集中」を形作ります。カフェインが「アクセル」なら、GABAは「適切なブレーキ」です。アクセルだけの暴走（焦りや空回り）を防ぎ、「頭は冴えているのに、余計な雑念はない」という、仕事において最もパフォーマンスが高い「静かな集中」の状態を作り出します。"
          }
        },
        {
          "@type": "Question",
          "name": "12週間（3ヶ月）飲み続けなければ、意味がないということでしょうか？",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "「今日のリセット」と「未来の維持」、2つの役割があります。一杯の摂取でも、その瞬間の「脳の過緊張を和らげる」サポートは行われます。一方で、加齢と共に低下する持続的注意力を「維持する」という機能性を届出ているのが12週間の継続摂取です。「今日を乗り切るための一杯」を積み重ねることが、結果として数年後の冴えを守る大きな土台となります。"
          }
        }
      ]
    }
  ]
}
</script>



<section style="max-width: 700px; margin: 40px auto; font-family: 'Hiragino Sans', 'Meiryo', sans-serif; color: #555; line-height: 1.6; border-top: 1px solid #eee; padding-top: 30px;">
    <div style="background: #fff9db; border: 1px solid #ffec99; border-radius: 8px; padding: 25px; box-shadow: 0 2px 10px rgba(0,0,0,0.03);">
        <h5 style="font-size: 0.85rem; color: #222; margin: 0 0 15px 0; font-weight: bold; display: flex; align-items: center;">
            <span style="margin-right: 8px;">⚖️</span> 免責事項
        </h5>
        
        <ul style="list-style: none; padding: 0; margin: 0; font-size: 0.75rem; text-align: justify;">
            <li style="margin-bottom: 12px;">
                <b style="color: #222;">1. 情報の正確性について：</b><br>
                本記事の内容は、執筆時点における公的統計および学術論文に基づき作成されています。<br>
                情報の正確性・最新性には細心の注意を払っておりますが、科学的知見の更新により将来的に内容が変更される可能性があります。
            </li>
            <li style="margin-bottom: 12px;">
                <b style="color: #222;">2. 医療行為の代替ではありません：</b><br>
                本記事は一般的な健康情報の提供を目的としたものであり、医師による診断、治療、または処方に代わるものではありません。<br>
                また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。<br>
                特定の疾患がある方や通院中の方は、必ず専門医にご相談ください。
            </li>
            <li style="margin-bottom: 12px;">
                <b style="color: #222;">3. 効果の個人差について：</b><br>
                GABA等の成分に関する記述は、一般的な臨床試験の結果に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。<br>
                体質や体調により、まれに合わない場合があります。
            </li>
            <li style="margin: 0;">
                <b style="color: #222;">4. 損害への責任：</b><br>
                本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。<br>
                最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。
            </li>
        </ul>
    </div>
</section>



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>空間認知力（空間認知能力）とは？加齢で低下するメカニズムと科学的に維持する4つの習慣</title>
		<link>https://memory-coffee.jp/magazine/spatial-cognition-aging-maintenance/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Tue, 05 May 2026 09:28:43 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=5074</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事でわかること ✔️ 日常のあの「失敗」が [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/spatial-cognition-ability-aging-guide-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div style="background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; margin: 24px 0; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;">
  
  <!-- h3をdivに変更し、SWELLのテーマCSS干渉を回避 -->
  <div style="margin-top: 0; margin-bottom: 16px; color: #1a5276; font-size: 1.25rem; font-weight: bold; border-bottom: 2px solid #a9cce3; padding-bottom: 10px;">
    この記事でわかること
  </div>
  
  <ul style="list-style: none; padding-left: 0; margin: 0; color: #333333; line-height: 1.8; font-size: 1rem;">
    <li style="margin-bottom: 12px; display: flex; align-items: flex-start;">
      <span style="color: #2980b9; margin-right: 8px; font-weight: bold;">✔️</span>
      <span>日常のあの「失敗」が、実は空間認知力の低下サインだった理由</span>
    </li>
    <li style="margin-bottom: 12px; display: flex; align-items: flex-start;">
      <span style="color: #2980b9; margin-right: 8px; font-weight: bold;">✔️</span>
      <span>頭頂葉・海馬・視覚野が連携する「空間認知の脳内メカニズム」</span>
    </li>
    <li style="margin-bottom: 12px; display: flex; align-items: flex-start;">
      <span style="color: #2980b9; margin-right: 8px; font-weight: bold;">✔️</span>
      <span>加齢・ナビ依存・睡眠不足が空間認知力を蝕む3つの理由</span>
    </li>
    <li style="display: flex; align-items: flex-start;">
      <span style="color: #2980b9; margin-right: 8px; font-weight: bold;">✔️</span>
      <span>今日からできる、科学的根拠に基づいた維持習慣</span>
    </li>
  </ul>
</div>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="yellow"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidashikyara-10.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>最近、駐車場で自分の車がどこにあるかわからなくなる</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="yellow"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukudasikyara-07.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>新しい家具を買ったのに、部屋に入らなかった</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="yellow"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-01.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>地図アプリがないと、目的地にたどり着けない</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">こんな経験、最近増えていませんか？</p>



<p class="wp-block-paragraph">「うっかりしていただけ」「疲れていたから」と流してしまいがちですが、これらのエピソードには共通する脳の機能が関係しています。</p>



<p class="wp-block-paragraph">それが<strong><span class="swl-marker mark_yellow">「空間認知力」</span></strong>です。</p>



<p class="wp-block-paragraph">記憶力や集中力に比べて、あまり耳にする機会のない言葉ですが、私たちの日常生活の「当たり前」を支えている、非常に重要な認知機能のひとつです。</p>



<p class="wp-block-paragraph">この記事では、空間認知力の正体から、なぜ加齢とともに低下するのか、そして科学的にどう維持するかを、脳のメカニズムから丁寧に解説します。</p>



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



<h2 class="wp-block-heading">空間認知力とは何か？：「日常語」で定義する</h2>



<h3 class="wp-block-heading">あなたは今日、何回「空間認知力」を使いましたか？</h3>



<p class="wp-block-paragraph">学術的な定義の前に、まずは日常の場面を思い浮かべてみてください。</p>



<div style="margin: 24px 0; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;">
  <ul style="list-style: none; padding: 0; margin: 0;">
    
    <!-- シーン1 -->
    <li style="margin-bottom: 16px; background-color: #ffffff; border-left: 4px solid #2980b9; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.06); border-radius: 0 6px 6px 0;">
      <div style="font-weight: bold; color: #1a5276; margin-bottom: 6px; font-size: 1.05rem;">
        朝、冷蔵庫を開けたとき
      </div>
      <div style="color: #444444; line-height: 1.6; font-size: 1rem;">
        残り少ないタッパーの中身を確認しながら、「この容器、棚の奥に入るかな？」と判断する。
      </div>
    </li>

    <!-- シーン2 -->
    <li style="margin-bottom: 16px; background-color: #ffffff; border-left: 4px solid #2980b9; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.06); border-radius: 0 6px 6px 0;">
      <div style="font-weight: bold; color: #1a5276; margin-bottom: 6px; font-size: 1.05rem;">
        通勤中
      </div>
      <div style="color: #444444; line-height: 1.6; font-size: 1rem;">
        人混みの中で、ぶつからないように無意識に経路を選びながら歩く。
      </div>
    </li>

    <!-- シーン3 -->
    <li style="margin-bottom: 16px; background-color: #ffffff; border-left: 4px solid #2980b9; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.06); border-radius: 0 6px 6px 0;">
      <div style="font-weight: bold; color: #1a5276; margin-bottom: 6px; font-size: 1.05rem;">
        駐車するとき
      </div>
      <div style="color: #444444; line-height: 1.6; font-size: 1rem;">
        バックミラーを見ながら、車の後ろと壁との距離を体で感じ取る。
      </div>
    </li>

    <!-- シーン4 -->
    <li style="margin-bottom: 16px; background-color: #ffffff; border-left: 4px solid #2980b9; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.06); border-radius: 0 6px 6px 0;">
      <div style="font-weight: bold; color: #1a5276; margin-bottom: 6px; font-size: 1.05rem;">
        料理をするとき
      </div>
      <div style="color: #444444; line-height: 1.6; font-size: 1rem;">
        鍋と食材のサイズを見比べて、「これは入りきらない」と瞬時に判断する。
      </div>
    </li>

    <!-- シーン5 -->
    <li style="background-color: #ffffff; border-left: 4px solid #2980b9; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.06); border-radius: 0 6px 6px 0;">
      <div style="font-weight: bold; color: #1a5276; margin-bottom: 6px; font-size: 1.05rem;">
        初めての場所に向かうとき
      </div>
      <div style="color: #444444; line-height: 1.6; font-size: 1rem;">
        地図を見て頭の中で経路をイメージし、現実の景色と照らし合わせながら進む。
      </div>
    </li>

  </ul>
  
  <!-- 追加した注釈部分 -->
  <p style="margin-top: 12px; margin-bottom: 0; font-size: 0.85rem; color: #666666; text-align: right;">
    ※これらは空間認知力が使われる日常的なシーンの一例です。
  </p>
</div>



<p class="wp-block-paragraph">これらはすべて、<strong><span class="swl-marker mark_yellow">空間認知力が働いているシーン</span></strong>です。</p>



<p class="wp-block-paragraph">意識することすらないほど自然に行われているこの能力が、実は脳の複数の部位が連携して生み出している精密な処理なのです。</p>



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



<h3 class="wp-block-heading">空間認知力の正式な定義</h3>



<p class="wp-block-paragraph">空間認知力とは、「<strong>物の位置・形・向き・距離などを正確に把握し、頭の中で操作する能力</strong>」のことです。</p>



<div style="margin: 24px 0; background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; text-align: center; font-family: 'Helvetica Neue', Arial, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 16px; font-size: 1.1rem;">
    空間認知力の働き：駐車時の距離感
  </div>
  
  <!-- SVGアニメーション部分 -->
  <svg width="240" height="240" viewBox="0 0 240 240" style="background-color: #ffffff; border-radius: 6px; border: 1px solid #e1ebf2;">
    
    <!-- 駐車場の壁 -->
    <rect x="20" y="20" width="200" height="15" fill="#7f8c8d" rx="4" />
    <!-- 車止め -->
    <rect x="70" y="45" width="100" height="8" fill="#bdc3c7" rx="2" />
    
    <!-- 駐車スペースの白線 -->
    <line x1="50" y1="20" x2="50" y2="240" stroke="#ecf0f1" stroke-width="4" stroke-dasharray="15 10" />
    <line x1="190" y1="20" x2="190" y2="240" stroke="#ecf0f1" stroke-width="4" stroke-dasharray="15 10" />

    <!-- 動く車本体（CSSアニメーション適用） -->
    <g style="animation: parkingMotion 5s ease-in-out infinite;">
      <!-- 車のボディ -->
      <rect x="85" y="160" width="70" height="110" fill="#2980b9" rx="12" />
      <!-- リアウィンドウ -->
      <rect x="95" y="170" width="50" height="20" fill="#ecf0f1" opacity="0.9" rx="4" />
      <!-- フロントウィンドウ -->
      <rect x="95" y="215" width="50" height="30" fill="#ecf0f1" opacity="0.9" rx="4" />
      <!-- テールランプ -->
      <rect x="88" y="162" width="12" height="6" fill="#e74c3c" rx="2" />
      <rect x="140" y="162" width="12" height="6" fill="#e74c3c" rx="2" />
    </g>

    <!-- アニメーションのキーフレーム定義 -->
    <style>
      @keyframes parkingMotion {
        0% { transform: translateY(80px); }               /* 初期位置（枠外） */
        10% { transform: translateY(80px); }              /* 少し待機 */
        45% { transform: translateY(-100px); }            /* バックして車止めに近づく */
        50% { transform: translateY(-105px); }            /* 停止直前の微調整 */
        75% { transform: translateY(-105px); }            /* 駐車完了・待機 */
        100% { transform: translateY(80px); }             /* リセット（ループのため） */
      }
    </style>
  </svg>
  
  <div style="color: #666666; font-size: 0.9rem; margin-top: 16px; line-height: 1.5;">
    後方の壁との距離を測り、適切な位置で停止するには<br>空間認知の計算が不可欠です。
  </div>
</div>



<div style="margin: 24px 0; background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; text-align: center; font-family: 'Helvetica Neue', Arial, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 16px; font-size: 1.1rem;">
    空間認知力の働き：人混みでの経路選択
  </div>
  
  <svg width="240" height="240" viewBox="0 0 240 240" style="background-color: #ffffff; border-radius: 6px; border: 1px solid #e1ebf2;">
    <!-- 予測されるルートの点線（脳内イメージ） -->
    <path d="M120 220 Q160 160 120 120 T120 20" fill="none" stroke="#ecf0f1" stroke-width="4" stroke-dasharray="8 6" />
    
    <!-- 障害物（周囲の人々） -->
    <circle cx="120" cy="170" r="14" fill="#bdc3c7" />
    <circle cx="80" cy="110" r="14" fill="#bdc3c7" />
    <circle cx="150" cy="60" r="14" fill="#bdc3c7" />

    <!-- 動く自分（CSSアニメーション適用） -->
    <g style="animation: walkMotion 4s ease-in-out infinite;">
      <circle cx="0" cy="0" r="12" fill="#2980b9" />
    </g>

    <style>
      @keyframes walkMotion {
        0% { transform: translate(120px, 220px); opacity: 1; }
        25% { transform: translate(155px, 155px); } /* 右へ回避 */
        50% { transform: translate(115px, 110px); } /* 中央へ戻りつつ前進 */
        75% { transform: translate(115px, 60px); }  /* 左寄りに回避 */
        95% { transform: translate(120px, 20px); opacity: 1; } /* ゴール */
        100% { transform: translate(120px, 20px); opacity: 0; }
      }
    </style>
  </svg>
  
  <div style="color: #666666; font-size: 0.9rem; margin-top: 16px; line-height: 1.5;">
    動く人や障害物の位置を瞬時に把握し、<br>ぶつからないルートを頭の中で計算しています。
  </div>
</div>



<div style="margin: 24px 0; background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; text-align: center; font-family: 'Helvetica Neue', Arial, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 16px; font-size: 1.1rem;">
    空間認知力の働き：頭の中での経路イメージ
  </div>
  
  <svg width="240" height="240" viewBox="0 0 240 240" style="background-color: #ffffff; border-radius: 6px; border: 1px solid #e1ebf2;">
    <!-- 地図のブロック（建物） -->
    <rect x="20" y="20" width="80" height="70" fill="#f4f6f7" rx="4" />
    <rect x="140" y="20" width="80" height="70" fill="#f4f6f7" rx="4" />
    <rect x="20" y="130" width="80" height="90" fill="#f4f6f7" rx="4" />
    <rect x="140" y="130" width="80" height="90" fill="#f4f6f7" rx="4" />
    
    <!-- 現在地 -->
    <circle cx="60" cy="210" r="8" fill="#f39c12" />
    
    <!-- 目的地（少しアニメーションで目立たせる） -->
    <g style="animation: pulse 2s infinite;">
      <circle cx="180" cy="50" r="10" fill="#e74c3c" opacity="0.3" />
      <circle cx="180" cy="50" r="6" fill="#e74c3c" />
    </g>
    
    <!-- 経路の描画アニメーション -->
    <path d="M 60 210 L 120 210 L 120 110 L 180 110 L 180 50" fill="none" stroke="#2980b9" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" style="stroke-dasharray: 400; stroke-dashoffset: 400; animation: drawRoute 3.5s ease-in-out infinite;" />

    <style>
      @keyframes drawRoute {
        0% { stroke-dashoffset: 400; }
        60% { stroke-dashoffset: 0; }
        85% { stroke-dashoffset: 0; opacity: 1; }
        100% { stroke-dashoffset: 0; opacity: 0; }
      }
      @keyframes pulse {
        0% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.1); opacity: 0.8; }
        100% { transform: scale(1); opacity: 1; }
      }
    </style>
  </svg>
  
  <div style="color: #666666; font-size: 0.9rem; margin-top: 16px; line-height: 1.5;">
    地図の平面情報から「どこをどう曲がるか」を<br>立体的な空間として脳内で再構築しています。
  </div>
</div>



<p class="wp-block-paragraph">消費者庁に届出された機能性表示食品の領域では、「空間認知力」は<strong>加齢とともに低下する認知機能の一部</strong>として明確に位置づけられております。（届出番号：J1384等）</p>



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



<h3 class="wp-block-heading">脳の中で何が起きているのか？</h3>



<p class="wp-block-paragraph">空間認知力は、脳の特定の「一か所」が担っているわけではありません。</p>



<p class="wp-block-paragraph">複数の部位が連携して初めて機能します。</p>



<div style="margin: 32px 0; padding: 24px; background-color: #f4f9fc; border: 1px solid #cce0eb; border-radius: 8px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;">
  
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 20px; font-size: 1.15rem; text-align: center; border-bottom: 2px solid #a9cce3; padding-bottom: 12px;">
    空間認知を生み出す<br class="mc-sp-only">脳の「連携チェーン」
  </div>

  <!-- 1. 視覚野 -->
  <div style="background-color: #ffffff; border-left: 5px solid #2980b9; border-radius: 4px; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.04);">
    <div style="display: flex; align-items: center; margin-bottom: 8px;">
      <span style="background-color: #eaf2f8; color: #2980b9; font-size: 0.85rem; font-weight: bold; padding: 4px 10px; border-radius: 12px; margin-right: 12px;">STEP 1</span>
      <h4 style="margin: 0; color: #1a5276; font-size: 1.1rem;">視覚野 <span style="font-size: 0.9rem; color: #666666; font-weight: normal;">（後頭葉）</span></h4>
    </div>
    <p style="margin: 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      目から入った情報を処理し、物の形・色・動きを認識します。<br><span style="color: #2980b9; font-weight: bold;">空間認知の「入り口」</span>です。
    </p>
  </div>

  <!-- 矢印 -->
  <div style="text-align: center; color: #85c1e9; font-size: 1.5rem; margin: 4px 0; line-height: 1;">
    ▼
  </div>

  <!-- 2. 頭頂葉 -->
  <div style="background-color: #ffffff; border-left: 5px solid #2471a3; border-radius: 4px; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.04);">
    <div style="display: flex; align-items: center; margin-bottom: 8px;">
      <span style="background-color: #eaf2f8; color: #2471a3; font-size: 0.85rem; font-weight: bold; padding: 4px 10px; border-radius: 12px; margin-right: 12px;">STEP 2</span>
      <h4 style="margin: 0; color: #1a5276; font-size: 1.1rem;">頭頂葉</h4>
    </div>
    <p style="margin: 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      視覚野から送られた情報をもとに、空間内での位置関係を計算します。<br>「あそこまで何メートルか」「右に何度曲がるか」といった処理はここが中心です。<br><span style="color: #2471a3; font-weight: bold;">空間認知力に最も深く関わる部位</span>といえます。
    </p>
  </div>

  <!-- 矢印 -->
  <div style="text-align: center; color: #85c1e9; font-size: 1.5rem; margin: 4px 0; line-height: 1;">
    ▼
  </div>

  <!-- 3. 海馬 -->
  <div style="background-color: #ffffff; border-left: 5px solid #1f618d; border-radius: 4px; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.04);">
    <div style="display: flex; align-items: center; margin-bottom: 8px;">
      <span style="background-color: #eaf2f8; color: #1f618d; font-size: 0.85rem; font-weight: bold; padding: 4px 10px; border-radius: 12px; margin-right: 12px;">STEP 3</span>
      <h4 style="margin: 0; color: #1a5276; font-size: 1.1rem;">海馬</h4>
    </div>
    <p style="margin: 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      空間の<span style="color: #1f618d; font-weight: bold;">「認知地図」を記憶・更新</span>する役割を担います。<br>「あの交差点を左に曲がると駅がある」という道順の記憶も、海馬が作り出す認知地図によるものです。<br>場所細胞・格子細胞と呼ばれる神経細胞がここで活躍します。
    </p>
  </div>

  <!-- 矢印 -->
  <div style="text-align: center; color: #85c1e9; font-size: 1.5rem; margin: 4px 0; line-height: 1;">
    ▼
  </div>

  <!-- 4. 前頭葉 -->
  <div style="background-color: #ffffff; border-left: 5px solid #1a5276; border-radius: 4px; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.04);">
    <div style="display: flex; align-items: center; margin-bottom: 8px;">
      <span style="background-color: #eaf2f8; color: #1a5276; font-size: 0.85rem; font-weight: bold; padding: 4px 10px; border-radius: 12px; margin-right: 12px;">STEP 4</span>
      <h4 style="margin: 0; color: #1a5276; font-size: 1.1rem;">前頭葉</h4>
    </div>
    <p style="margin: 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      空間情報をもとに、<span style="color: #1a5276; font-weight: bold;">「どう行動するか」を判断・実行</span>します。<br>「左に避けるか、右に避けるか」という咄嗟の判断もここが担います。
    </p>
  </div>

</div>



<p class="wp-block-paragraph">この4つの部位による連携チェーンのどこかが弱まると、「空間認知力の低下」として日常の中に現れてきます。</p>



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



<h2 class="wp-block-heading">なぜ加齢で低下するのか？：3つの原因</h2>



<p class="wp-block-paragraph">「年を取ったら仕方ない」で片付けてしまいがちですが、実は空間認知力が低下する原因は加齢だけではありません</p>



<p class="wp-block-paragraph">現代の生活習慣が大きく関与していることが、近年の研究で明らかになっています。</p>



<h3 class="wp-block-heading">原因①：海馬の萎縮</h3>



<p class="wp-block-paragraph">海馬は、加齢とともに年間約1〜2%のペースで萎縮することが複数の研究で報告されています。</p>



<p class="wp-block-paragraph">海馬が縮むと、空間の認知地図を新しく作ったり更新したりする力が落ちます。</p>



<p class="wp-block-paragraph">これが「いつも行く場所なのに道順がぼんやりしてきた」「新しい環境に慣れるのに時間がかかるようになった」という感覚につながります。</p>



<div style="margin: 24px 0; background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; text-align: center; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 20px; font-size: 1.15rem; border-bottom: 2px solid #a9cce3; padding-bottom: 12px; display: inline-block;">
    加齢による海馬の萎縮と<br class="mc-sp-only">「認知地図」の低下メカニズム
  </div>

  <!-- SVGアニメーション部分 -->
  <svg width="100%" height="220" viewBox="0 0 340 220" style="background-color: #ffffff; border-radius: 6px; border: 1px solid #e1ebf2; max-width: 420px; margin: 0 auto; display: block;">

    <!-- 左側：脳と海馬 -->
    <g transform="translate(50, 60)">
      <!-- 脳のシルエット（抽象化） -->
      <path d="M10,40 C10,-10 90,-10 90,40 C90,80 60,90 40,90 C20,90 10,70 10,40 Z" fill="none" stroke="#ecf0f1" stroke-width="4"/>
      <!-- 海馬（アニメーション対象） -->
      <g style="animation: atrophyMotion 5s ease-in-out infinite; transform-origin: 50px 50px;">
        <path d="M35,45 C45,35 65,45 65,55 C65,65 50,70 40,60 C35,55 30,50 35,45 Z" fill="#2980b9" />
      </g>
      <text x="50" y="120" font-size="13" fill="#333333" text-anchor="middle" font-weight="bold">海馬</text>
    </g>

    <!-- 中央：情報の伝達シグナル（アニメーション対象） -->
    <g style="animation: signalMotion 5s ease-in-out infinite;">
      <path d="M115,80 L165,80" fill="none" stroke="#3498db" stroke-width="3" stroke-dasharray="4 4" />
      <polygon points="165,76 173,80 165,84" fill="#3498db" />
      <text x="144" y="68" font-size="11" fill="#3498db" text-anchor="middle" font-weight="bold">空間情報</text>
    </g>

    <!-- 右側：認知地図（アニメーション対象） -->
    <g transform="translate(190, 30)">
      <!-- 地図のベース -->
      <rect x="0" y="0" width="100" height="100" fill="#f4f6f7" rx="6" />
      <!-- 道のグリッド（背景） -->
      <path d="M33,0 L33,100 M66,0 L66,100 M0,33 L100,33 M0,66 L100,66" fill="none" stroke="#ffffff" stroke-width="4" />

      <!-- 記憶が失われた状態のルート（常に背後にある破線） -->
      <path d="M20,80 L50,80 L50,20 L80,20" fill="none" stroke="#bdc3c7" stroke-width="5" stroke-dasharray="4 4" opacity="0.6" stroke-linecap="round" stroke-linejoin="round" />

      <!-- 鮮明なルート（アニメーション対象：海馬が縮むと消える） -->
      <path d="M20,80 L50,80 L50,20 L80,20" fill="none" stroke="#2980b9" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" style="animation: mapBlurMotion 5s ease-in-out infinite;" />

      <!-- スタートとゴール地点のピン -->
      <circle cx="20" cy="80" r="5" fill="#f39c12" />
      <circle cx="80" cy="20" r="5" fill="#e74c3c" />

      <text x="50" y="130" font-size="13" fill="#333333" text-anchor="middle" font-weight="bold">認知地図</text>
    </g>

    <!-- アニメーション定義 -->
    <style>
      /* 海馬の萎縮：スケールが小さくなり、活力を失ったグレー系に色が変化 */
      @keyframes atrophyMotion {
        0%, 15% { transform: scale(1); fill: #2980b9; }
        45%, 65% { transform: scale(0.65); fill: #95a5a6; }
        90%, 100% { transform: scale(1); fill: #2980b9; }
      }
      /* 情報伝達の低下：シグナルが弱まる（透明度が下がる） */
      @keyframes signalMotion {
        0%, 15% { opacity: 1; }
        45%, 65% { opacity: 0.15; }
        90%, 100% { opacity: 1; }
      }
      /* 認知地図のぼやけ：鮮明な青いルートがフェードアウトし、曖昧なグレーの破線だけが残る */
      @keyframes mapBlurMotion {
        0%, 15% { opacity: 1; }
        45%, 65% { opacity: 0; }
        90%, 100% { opacity: 1; }
      }
    </style>
  </svg>

  <!-- 記事本文を補完する解説テキスト -->
  <div style="background-color: #ffffff; border-radius: 6px; padding: 16px; margin-top: 16px; text-align: left; box-shadow: 0 1px 4px rgba(0,0,0,0.03);">
    <p style="margin: 0 0 8px 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      <span style="color: #1a5276; font-weight: bold;">【図の解説】</span><br>
      加齢に伴い左側の海馬が年間1〜2%のペースで<span style="font-weight: bold; color: #e74c3c;">萎縮（収縮して灰色に変化）</span>すると、空間を把握するためのシグナルが弱まります。
    </p>
    <p style="margin: 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      その結果、右側の認知地図において、頭の中に描かれていた<span style="font-weight: bold; color: #2980b9;">鮮明な道順（青い実線）が維持できなくなり、ぼんやりとした曖昧な記憶（グレーの破線）へと劣化</span>していく状態を表しています。
    </p>
  </div>
  
  <!-- 追加した注釈部分 -->
  <p style="margin-top: 12px; margin-bottom: 0; font-size: 0.85rem; color: #666666; text-align: right;">
    ※アニメーションは脳内メカニズムを分かりやすく簡略化したイメージです。
  </p>
</div>



<h3 class="wp-block-heading">原因②：頭頂葉の処理速度低下</h3>



<p class="wp-block-paragraph">加齢に伴い、脳全体の情報処理スピードが落ちていきます。</p>



<p class="wp-block-paragraph">特に頭頂葉での空間計算が遅くなると、「瞬時の空間判断」が難しくなります。</p>



<p class="wp-block-paragraph">運転中のヒヤリハットが増えたり、狭い道での対向車とのすれ違いに緊張を覚えるようになったりするのは、この処理速度の低下と関係していることがあります。</p>



<div style="margin: 24px 0; background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; text-align: center; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 20px; font-size: 1.15rem; border-bottom: 2px solid #a9cce3; padding-bottom: 12px; display: inline-block;">
    頭頂葉の処理速度低下と<br class="mc-sp-only">「ヒヤリハット」のメカニズム
  </div>

  <!-- SVGアニメーション部分 -->
  <svg width="100%" height="220" viewBox="0 0 340 220" style="background-color: #ffffff; border-radius: 6px; border: 1px solid #e1ebf2; max-width: 420px; margin: 0 auto; display: block;">

    <!-- 左側：脳と空間計算プロセス -->
    <g transform="translate(10, 30)">
      <!-- 脳のシルエット -->
      <path d="M20,50 C20,0 100,0 100,50 C100,90 70,100 50,100 C30,100 20,80 20,50 Z" fill="none" stroke="#ecf0f1" stroke-width="4"/>
      <!-- 頭頂葉（ハイライト） -->
      <path d="M50,10 C70,10 90,20 95,45 C80,45 60,40 45,30 C45,20 48,15 50,10 Z" fill="#2471a3" opacity="0.8" />
      
      <!-- テキスト -->
      <text x="60" y="130" font-size="12" fill="#333333" text-anchor="middle" font-weight="bold">頭頂葉での空間計算</text>
      
      <!-- 処理速度メーター（遅れを表現するアニメーション） -->
      <rect x="20" y="145" width="80" height="8" fill="#ecf0f1" rx="4" />
      <line x1="24" y1="149" x2="96" y2="149" stroke="#e74c3c" stroke-width="8" stroke-linecap="round" stroke-dasharray="72" style="animation: slowCalcBar 5s ease-in-out infinite; stroke-dashoffset: 72;" />
      <text x="60" y="168" font-size="10" fill="#e74c3c" text-anchor="middle" font-weight="bold" style="animation: alertText 5s infinite;">処理遅延&#8230;</text>
    </g>

    <!-- 右側：狭い道でのすれ違いシーン -->
    <g transform="translate(160, 10)">
      <!-- 道路の背景 -->
      <rect x="0" y="0" width="160" height="200" fill="#f4f6f7" rx="6" />
      <rect x="30" y="0" width="100" height="200" fill="#bdc3c7" /> <!-- アスファルト -->
      <!-- 狭い道を示す壁/生垣 -->
      <rect x="25" y="0" width="5" height="200" fill="#7f8c8d" />
      <rect x="130" y="0" width="5" height="200" fill="#7f8c8d" />

      <!-- 対向車（グレー） -->
      <g style="animation: oncomingCar 5s linear infinite;">
        <rect x="80" y="0" width="30" height="50" fill="#95a5a6" rx="4" />
        <rect x="83" y="10" width="24" height="12" fill="#ecf0f1" opacity="0.8" />
      </g>

      <!-- 自分の車（ブルー） -->
      <g style="animation: myCar 5s ease-out infinite;">
        <rect x="50" y="140" width="30" height="50" fill="#2980b9" rx="4" />
        <rect x="53" y="150" width="24" height="12" fill="#ecf0f1" opacity="0.8" />
        
        <!-- ブレーキランプ（計算完了後に遅れて点灯） -->
        <g style="animation: brakeLights 5s infinite;">
          <rect x="52" y="186" width="8" height="4" fill="#e74c3c" rx="1" />
          <rect x="70" y="186" width="8" height="4" fill="#e74c3c" rx="1" />
        </g>
        
        <!-- ヒヤリハットの「！」マーク -->
        <g style="animation: warningMark 5s infinite; transform-origin: 65px 130px;">
          <circle cx="65" cy="125" r="12" fill="#f1c40f" />
          <text x="65" y="130" font-size="14" fill="#e74c3c" text-anchor="middle" font-weight="bold">!</text>
        </g>
      </g>
    </g>

    <!-- アニメーション定義 -->
    <style>
      /* 空間計算バーが遅れて進む（間に合わない焦り） */
      @keyframes slowCalcBar {
        0%, 10% { stroke-dashoffset: 72; }
        60% { stroke-dashoffset: 40; } /* なかなか計算が終わらない */
        75% { stroke-dashoffset: 0; }  /* 直前でやっと完了 */
        90%, 100% { stroke-dashoffset: 0; }
      }
      /* 処理遅延の警告テキスト点滅 */
      @keyframes alertText {
        0%, 50% { opacity: 1; }
        60%, 70% { opacity: 0; }
        75%, 100% { opacity: 1; }
      }
      /* 対向車の動き（一定速度で迫ってくる） */
      @keyframes oncomingCar {
        0% { transform: translateY(-60px); }
        100% { transform: translateY(260px); }
      }
      /* 自車の動き（計算が遅れてブレーキが遅れる） */
      @keyframes myCar {
        0% { transform: translateY(60px); }
        50% { transform: translateY(-10px); } /* すれ違いポイントに進入 */
        75% { transform: translateY(-35px); } /* ハッとして急停止 */
        90%, 100% { transform: translateY(-50px); }
      }
      /* 急ブレーキのランプ（計算完了の75%で赤く光る） */
      @keyframes brakeLights {
        0%, 74% { opacity: 0; }
        75%, 90% { opacity: 1; }
        91%, 100% { opacity: 0; }
      }
      /* ヒヤリハットマークのポップアップ */
      @keyframes warningMark {
        0%, 73% { opacity: 0; transform: scale(0); }
        75% { opacity: 1; transform: scale(1.2); }
        80%, 90% { opacity: 1; transform: scale(1); }
        91%, 100% { opacity: 0; }
      }
    </style>
  </svg>

  <!-- 記事本文を補完する解説テキスト -->
  <div style="background-color: #ffffff; border-radius: 6px; padding: 16px; margin-top: 16px; text-align: left; box-shadow: 0 1px 4px rgba(0,0,0,0.03);">
    <p style="margin: 0 0 8px 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      <span style="color: #1a5276; font-weight: bold;">【図の解説】</span><br>
      左図のように、加齢によって頭頂葉での<span style="font-weight: bold; color: #e74c3c;">空間計算（距離や速度の処理）に遅れ</span>が生じると、現実の車の動きに対して脳の判断が追いつかなくなります。
    </p>
    <p style="margin: 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      その結果、右図のように対向車とのすれ違い時に<span style="font-weight: bold; color: #2980b9;">「瞬時の判断」が遅れ、直前での急なブレーキや「ヒヤリ」とする緊張状態</span>を引き起こす原因となります。
    </p>
  </div>
  
  <p style="margin-top: 12px; margin-bottom: 0; font-size: 0.85rem; color: #666666; text-align: right;">
    ※アニメーションは脳の処理速度と実際の運転操作の遅れを簡略化したイメージです。
  </p>
</div>



<h3 class="wp-block-heading">原因③：「使わない」ことによる衰退</h3>



<p class="wp-block-paragraph">これが現代人に特有の、見落とされがちな原因です。</p>



<p class="wp-block-paragraph">カーナビやスマートフォンの地図アプリが普及したことで、私たちは「空間を自分の頭で処理する」機会を急激に失いました。</p>



<p class="wp-block-paragraph">ナビの指示通りに動くだけなら、頭頂葉も海馬も本気で働く必要がありません。</p>



<p class="wp-block-paragraph">脳は<strong><span class="swl-marker mark_yellow">「使わない機能は省エネのために縮小する」という性質を持っています</span></strong>（神経可塑性の逆作用）。</p>



<p class="wp-block-paragraph">毎日ナビに頼り切っている生活は、意図せず空間認知力を使わない脳を作り続けているのです。</p>



<p class="wp-block-paragraph">ロンドンのタクシー運転手（複雑な道を記憶する職業）の海馬が、一般人より有意に大きいという研究は有名ですが、これはまさに<strong>「使うことで育つ」</strong>という脳の性質を示しています。</p>



<div style="margin: 24px 0; background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; text-align: center; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 20px; font-size: 1.15rem; border-bottom: 2px solid #a9cce3; padding-bottom: 12px; display: inline-block;">
    使わない機能は縮小する<br class="mc-sp-only"> 脳の「神経可塑性」
  </div>

  <!-- SVGアニメーション部分（viewBoxを広げて余白を確保） -->
  <svg width="100%" height="280" viewBox="0 0 400 280" style="background-color: #ffffff; border-radius: 6px; border: 1px solid #e1ebf2; max-width: 500px; margin: 0 auto; display: block;">

    <!-- 中央の分割線 -->
    <line x1="200" y1="20" x2="200" y2="260" stroke="#ecf0f1" stroke-width="2" stroke-dasharray="6 4" />

    <!-- ================= 左側：ナビ依存（使わない脳） ================= -->
    <g transform="translate(0, 0)">
      <text x="100" y="30" font-size="12" fill="#7f8c8d" text-anchor="middle" font-weight="bold">スマホナビに完全依存</text>
      
      <!-- スマホアイコン -->
      <rect x="85" y="45" width="30" height="45" rx="4" fill="#f4f6f7" stroke="#95a5a6" stroke-width="2" />
      <path d="M100,80 L100,55 L95,60 M100,55 L105,60" stroke="#e74c3c" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" />
      
      <!-- 左脳：省エネモード -->
      <g transform="translate(50, 110)">
        <path d="M10,40 C10,-10 90,-10 90,40 C90,80 60,90 40,90 C20,90 10,70 10,40 Z" fill="none" stroke="#ecf0f1" stroke-width="3"/>
        
        <!-- 小さく沈黙した海馬 -->
        <g transform="scale(0.75) translate(15, 18)">
          <path d="M35,45 C45,35 65,45 65,55 C65,65 50,70 40,60 C35,55 30,50 35,45 Z" fill="#bdc3c7" />
        </g>
        
        <!-- 睡眠・省エネのZzzアニメーション -->
        <text x="65" y="35" font-size="14" fill="#95a5a6" font-weight="bold" style="animation: sleepZ 3s linear infinite;">Z</text>
        <text x="78" y="25" font-size="10" fill="#95a5a6" font-weight="bold" style="animation: sleepZ 3s linear infinite 1.5s;">z</text>
      </g>
      
      <!-- 下部のテキスト背景枠を広げて余裕を持たせる -->
      <rect x="20" y="215" width="160" height="26" rx="4" fill="#f2f4f4" />
      <text x="100" y="232" font-size="12" fill="#7f8c8d" text-anchor="middle" font-weight="bold">省エネのため縮小</text>
    </g>


    <!-- ================= 右側：自力で考える（使う脳） ================= -->
    <g transform="translate(200, 0)">
      <text x="100" y="30" font-size="12" fill="#1a5276" text-anchor="middle" font-weight="bold">自力で空間を処理</text>
      
      <!-- 地図・複雑な経路アイコン -->
      <rect x="80" y="45" width="40" height="40" fill="#f4f6f7" stroke="#2980b9" stroke-width="2" rx="4" />
      <path d="M80,55 L100,65 L120,50" fill="none" stroke="#bdc3c7" stroke-width="1" />
      
      <!-- 自分で考える複雑なルート -->
      <path d="M90,80 L100,60 L115,75 L125,55" fill="none" stroke="#2980b9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="animation: drawSelfRoute 3s infinite;" />
      
      <!-- 右脳：活性化・成長モード -->
      <g transform="translate(50, 110)">
        <path d="M10,40 C10,-10 90,-10 90,40 C90,80 60,90 40,90 C20,90 10,70 10,40 Z" fill="none" stroke="#ecf0f1" stroke-width="3"/>
        
        <!-- 大きく活性化した海馬 -->
        <g style="animation: activePulse 2s ease-in-out infinite; transform-origin: 50px 55px;">
          <path d="M35,45 C45,35 65,45 65,55 C65,65 50,70 40,60 C35,55 30,50 35,45 Z" fill="#2980b9" transform="scale(1.2) translate(-8, -9)" />
        </g>
        
        <!-- 神経回路のスパーク -->
        <circle cx="50" cy="55" r="20" fill="none" stroke="#3498db" stroke-width="2" style="animation: sparkRing 2s ease-out infinite;" />
        <circle cx="50" cy="55" r="30" fill="none" stroke="#3498db" stroke-width="1" style="animation: sparkRing 2s ease-out infinite 0.5s;" />
      </g>
      
      <!-- 下部のテキスト背景枠を広げる -->
      <rect x="20" y="215" width="160" height="26" rx="4" fill="#eaf2f8" />
      <text x="100" y="232" font-size="12" fill="#1a5276" text-anchor="middle" font-weight="bold">使うことで維持・発達</text>
      <!-- Y座標を下げて下部の見切れを防ぐ -->
      <text x="100" y="254" font-size="9" fill="#2980b9" text-anchor="middle">(例: タクシー運転手の海馬)</text>
    </g>

    <!-- アニメーション定義 -->
    <style>
      @keyframes sleepZ {
        0% { transform: translate(0, 0) scale(0.8); opacity: 0; }
        20% { opacity: 1; }
        80% { opacity: 0.8; }
        100% { transform: translate(-10px, -20px) scale(1.2); opacity: 0; }
      }
      @keyframes activePulse {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.08); }
      }
      @keyframes sparkRing {
        0% { r: 10px; opacity: 1; }
        100% { r: 35px; opacity: 0; }
      }
      @keyframes drawSelfRoute {
        0% { stroke-dasharray: 75; stroke-dashoffset: 75; }
        40%, 80% { stroke-dashoffset: 0; }
        100% { stroke-dashoffset: 0; opacity: 0; }
      }
    </style>
  </svg>

  <!-- 記事本文を補完する解説テキスト -->
  <div style="background-color: #ffffff; border-radius: 6px; padding: 16px; margin-top: 16px; text-align: left; box-shadow: 0 1px 4px rgba(0,0,0,0.03);">
    <p style="margin: 0 0 8px 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      <span style="color: #1a5276; font-weight: bold;">【図の解説】</span><br>
      脳には「使わない機能は省エネのために縮小させ、使う機能はネットワークを強化する」という性質（神経可塑性）があります。
    </p>
    <p style="margin: 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      左図のように<span style="font-weight: bold; color: #7f8c8d;">ナビに頼り切ると海馬は働きをサボり縮小</span>しますが、右図のロンドンのタクシー運転手のように<span style="font-weight: bold; color: #2980b9;">自力で空間を処理し続けることで、海馬は大きく発達・維持</span>されます。
    </p>
  </div>
  
  <p style="margin-top: 12px; margin-bottom: 0; font-size: 0.85rem; color: #666666; text-align: right;">
    ※アニメーションは脳の神経可塑性の概念を分かりやすく簡略化したイメージです。
  </p>
</div>



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



<h2 class="wp-block-heading">あなたの空間認知力、今どのくらい？</h2>



<p class="wp-block-paragraph">ここで簡単な空間認知力のセルフチェックを用意いたしました。</p>



<p class="wp-block-paragraph">次の5つの質問に、正直に答えてみてください。</p>



<div style="margin: 32px 0; background-color: #f4f9fc; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 4px 12px rgba(0,0,0,0.05);">
  
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 20px; font-size: 1.2rem; text-align: center; border-bottom: 2px solid #a9cce3; padding-bottom: 12px;">
    あなたの空間認知力、今どのくらい？（セルフチェック）
  </div>

  <div style="color: #444444; font-size: 0.95rem; margin-bottom: 24px; text-align: center; line-height: 1.6;">
    以下の5つの質問に、<br class="mc-sp-only">直感で「はい」か「いいえ」でお答えください。
  </div>

  <!-- 質問リスト（CSSによるスマホ対応ボタンUI） -->
  <style>
    .mc-q-box { background: #ffffff; padding: 16px; border-radius: 6px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
    .mc-q-text { font-size: 1rem; color: #333333; font-weight: bold; margin-bottom: 12px; line-height: 1.5; }
    .mc-q-options { display: flex; gap: 10px; }
    .mc-radio { display: none; }
    .mc-label { flex: 1; text-align: center; padding: 12px; border: 2px solid #e1ebf2; border-radius: 4px; font-size: 1rem; color: #7f8c8d; cursor: pointer; transition: all 0.2s; font-weight: bold; background: #fafcfd; }
    /* 選択時のスタイル */
    .mc-radio:checked + .mc-label.yes-btn { background-color: #2980b9; color: #ffffff; border-color: #2980b9; }
    .mc-radio:checked + .mc-label.no-btn { background-color: #7f8c8d; color: #ffffff; border-color: #7f8c8d; }
    
    .mc-result-btn { display: block; width: 100%; max-width: 300px; margin: 24px auto 0; padding: 16px; background-color: #e74c3c; color: white; border: none; border-radius: 30px; font-size: 1.1rem; font-weight: bold; cursor: pointer; box-shadow: 0 4px 6px rgba(231, 76, 60, 0.3); transition: background 0.2s; }
    .mc-result-btn:hover { background-color: #c0392b; }
    
    #mc-result-area { display: none; margin-top: 24px; padding: 20px; background-color: #ffffff; border: 2px solid #2980b9; border-radius: 8px; text-align: center; animation: fadeIn 0.5s; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
  </style>

  <form id="mc-diagnosis-form">
    <!-- Q1 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q1. 自分の家の間取りを、今すぐ紙に書けますか？<br class="mc-sp-only">（部屋の位置・ドアの向き・窓の場所まで含めて）</div>
      <div class="mc-q-options">
        <input type="radio" id="q1-yes" name="q1" value="1" class="mc-radio"><label for="q1-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q1-no" name="q1" value="0" class="mc-radio"><label for="q1-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q2 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q2. 今いる場所から「北」はどちらか、30秒以内に答えられますか？<br class="mc-sp-only">（スマートフォンを使わずに）</div>
      <div class="mc-q-options">
        <input type="radio" id="q2-yes" name="q2" value="1" class="mc-radio"><label for="q2-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q2-no" name="q2" value="0" class="mc-radio"><label for="q2-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q3 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q3. よく行くスーパーの、レジとお肉売り場の位置関係を頭の中で描けますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q3-yes" name="q3" value="1" class="mc-radio"><label for="q3-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q3-no" name="q3" value="0" class="mc-radio"><label for="q3-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q4 -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q4. 駐車するとき、バックカメラなしで車の後ろの距離感を体で掴めますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q4-yes" name="q4" value="1" class="mc-radio"><label for="q4-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q4-no" name="q4" value="0" class="mc-radio"><label for="q4-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>
    <!-- Q5 (差し替え版) -->
    <div class="mc-q-box">
      <div class="mc-q-text">Q5. ショッピングモールなどでトイレから出た後、迷わずに「自分が元来た方向」へパッと歩き出せますか？</div>
      <div class="mc-q-options">
        <input type="radio" id="q5-yes" name="q5" value="1" class="mc-radio"><label for="q5-yes" class="mc-label yes-btn">はい</label>
        <input type="radio" id="q5-no" name="q5" value="0" class="mc-radio"><label for="q5-no" class="mc-label no-btn">いいえ</label>
      </div>
    </div>

    <!-- 結果を見るボタン -->
    <button type="button" class="mc-result-btn" onclick="showResult()">結果を見る</button>
  </form>

  <!-- 結果表示エリア（初期は非表示） -->
  <div id="mc-result-area">
    <div style="font-size: 1.1rem; color: #1a5276; font-weight: bold; margin-bottom: 12px;">【診断結果】</div>
    <div id="mc-result-text" style="font-size: 1.05rem; color: #333333; line-height: 1.6; font-weight: bold;"></div>
    <div id="mc-result-desc" style="font-size: 0.95rem; color: #444444; line-height: 1.6; margin-top: 12px;"></div>
  </div>

  <!-- 注釈 -->
  <p style="margin-top: 20px; margin-bottom: 0; font-size: 0.85rem; color: #666666; text-align: right;">
    ※日常感覚のチェックとなります。<br class="mc-sp-only">医療的な診断ではありません。
  </p>

  <!-- 判定用のJavaScript -->
  <script>
    function showResult() {
      const form = document.getElementById('mc-diagnosis-form');
      let yesCount = 0;
      let answeredCount = 0;

      // 5問すべて回答されているかチェックし、はいの数を数える
      for (let i = 1; i <= 5; i++) {
        const selected = form.querySelector(`input[name="q${i}"]:checked`);
        if (selected) {
          answeredCount++;
          if (selected.value === "1") yesCount++;
        }
      }

      if (answeredCount < 5) {
        alert("すべての質問にお答えください。");
        return;
      }

      // 結果テキストの設定
      const resultArea = document.getElementById('mc-result-area');
      const resultText = document.getElementById('mc-result-text');
      const resultDesc = document.getElementById('mc-result-desc');

      // スコア別のメッセージ出し分け（スマホ視認性最適化・改行追加版）
      switch (yesCount) {
        case 5:
          resultText.innerHTML = "<span style='color:#e74c3c;'>5問すべて「はい」のあなた</span><br>空間認知力が非常に高く、フルに機能しています！";
          resultDesc.innerHTML = "素晴らしい状態です。<br>脳が空間を処理する神経回路がしっかりと保たれています。<br>ぜひ今の生活習慣や運動を続け、この状態を維持していきましょう。";
          break;
        case 4:
          resultText.innerHTML = "<span style='color:#e74c3c;'>4問が「はい」のあなた</span><br>空間認知力は十分に高く、良好な状態です。";
          resultDesc.innerHTML = "基礎的な能力はしっかりしていますが、便利な現代生活の中で「ごくわずかに使わない機能」が出始めているかもしれません。<br>今のうちから少しだけ意識して空間を処理することで、完璧な状態を保てます。";
          break;
        case 3:
          resultText.innerHTML = "<span style='color:#e74c3c;'>3問が「はい」のあなた</span><br>日常生活に支障はありませんが、脳が「省エネモード」になり始めています。";
          resultDesc.innerHTML = "スマホのナビや車のバックモニターなど、便利なツールに少し頼りすぎているサインかもしれません。<br>次章の「維持する習慣」を1つ取り入れるだけで、本来の働きをスッと取り戻せます。";
          break;
        case 2:
          resultText.innerHTML = "<span style='color:#e74c3c;'>2問が「はい」のあなた</span><br>空間認知力を使う機会が減り、少し機能が低下しているサインです。";
          resultDesc.innerHTML = "「あれ、どっちだっけ？」という日常のちょっとした迷いが増えていませんか？<br>脳の神経回路はお休みしているだけです。<br>今日から意識的に空間を把握する習慣を始めてみましょう。";
          break;
        case 1:
          resultText.innerHTML = "<span style='color:#e74c3c;'>1問が「はい」のあなた</span><br>脳の空間処理機能が、深い「お休み状態」に入っているかもしれません。";
          resultDesc.innerHTML = "過度なストレスや疲労、ナビへの完全依存が重なっている可能性があります。<br>まずは睡眠と休息をしっかり取り、脳の過緊張を和らげる（GABAを取り入れる等）ところからスタートしましょう。";
          break;
        case 0:
          resultText.innerHTML = "<span style='color:#e74c3c;'>0問が「はい」のあなた</span><br>空間認知力をほとんど使わない生活が定着してしまっているようです。";
          resultDesc.innerHTML = "よく道に迷ったり、物にぶつかったりしていませんか？<br>しかし「もう遅い」ということは決してありません。<br>まずはいつもの道をスマホを見ずに歩くなど、脳に刺激を与える小さな第一歩を踏み出しましょう。";
          break;
      }

      // 結果エリアを表示
      resultArea.style.display = "block";
    }
  </script>
</div>



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



<p class="wp-block-paragraph">いかがでしたでしょうか？</p>



<p class="wp-block-paragraph">結果が良くて安心した方も、少しハッとされた方も、過度に心配する必要はありません。</p>



<p class="wp-block-paragraph">第2章の最後でも触れた通り、私たちの脳には「<strong><span class="swl-marker mark_yellow">神経可塑性（しんけいかそせい）</span></strong>」という、環境や使い方に合わせて何歳になっても変化・適応できる素晴らしい性質が備わっています！</p>



<p class="wp-block-paragraph">日常の便利なツールに頼り切って「省エネモード」になってしまった脳の機能も、日々のちょっとした意識と習慣の積み重ねで、再び目覚めさせ、維持していくことが十分に可能なのです。</p>



<p class="wp-block-paragraph">「もう年だから仕方ない」と諦めるのは、脳科学的に見ても非常にもったいないことだと言えます。</p>



<p class="wp-block-paragraph">では、具体的にどのようなアプローチが有効なのでしょうか？</p>



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



<h2 class="wp-block-heading">科学的に空間認知力を維持する4つの習慣</h2>



<p class="wp-block-paragraph">ここからは、空間認知力の低下を防ぎ、いつまでも自分らしく動けるクリアな状態を保つための「科学的根拠に基づいた4つの習慣」を解説します。</p>



<h3 class="wp-block-heading">習慣①：週1回、「あえて違う道」を選ぶ</h3>



<p class="wp-block-paragraph">最もシンプルで、今日からすぐに始められる効果的な習慣です。</p>



<p class="wp-block-paragraph">一番簡単な方法は、いつも行くスーパーや駅への道のりで「あえて一本違う裏道」を通ってみることです。</p>



<p class="wp-block-paragraph">慣れきった「自動操縦モード」のルートから少し外れるだけで、脳は「この道はどこに繋がっている？」「どっちへ向かえば元の道に出るか？」と瞬時に空間の計算を始めます。</p>



<div style="margin: 24px 0; background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; text-align: center; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 20px; font-size: 1.15rem; border-bottom: 2px solid #a9cce3; padding-bottom: 12px; display: inline-block;">
    習慣①：「違う裏道」を選ぶことによる脳の活性化
  </div>

  <!-- SVGアニメーション部分（viewBoxを広げて右側に余白を確保） -->
  <svg width="100%" height="240" viewBox="0 0 400 240" style="background-color: #ffffff; border-radius: 6px; border: 1px solid #e1ebf2; max-width: 500px; margin: 0 auto; display: block;">

    <!-- 街のブロック（全体を右に30pxシフト） -->
    <rect x="90" y="60" width="80" height="50" fill="#f4f6f7" rx="4" />
    <rect x="90" y="130" width="80" height="50" fill="#f4f6f7" rx="4" />
    <rect x="190" y="60" width="100" height="120" fill="#f4f6f7" rx="4" />

    <!-- ================= ルートの描画 ================= -->
    <!-- 1. いつものルート（大通り・自動操縦） -->
    <path d="M 70,200 L 70,40 L 330,40" fill="none" stroke="#bdc3c7" stroke-width="5" stroke-dasharray="8 6" />
    <!-- 長いテキストは中央揃えにして絶対に見切れないように調整 -->
    <text x="200" y="28" font-size="11" fill="#7f8c8d" font-weight="bold" text-anchor="middle">いつもの道（自動操縦で脳が休止）</text>

    <!-- 2. あえて違う裏道（脳が活性化するルート） -->
    <path d="M 70,200 L 180,200 L 180,120 L 310,120 L 310,40" fill="none" stroke="#e1ebf2" stroke-width="5" />
    <text x="245" y="215" font-size="11" fill="#2980b9" font-weight="bold" text-anchor="middle">あえて一本違う裏道</text>

    <!-- ================= 脳の空間計算（波紋レーダー） ================= -->
    <!-- 曲がり角1での計算 -->
    <g style="animation: radarPulse1 6s infinite;">
      <circle cx="180" cy="200" r="10" fill="none" stroke="#3498db" stroke-width="2" />
      <circle cx="180" cy="200" r="25" fill="none" stroke="#3498db" stroke-width="1" />
      <text x="180" y="180" font-size="10" fill="#1a5276" text-anchor="middle" font-weight="bold">計算中&#8230;</text>
    </g>

    <!-- 曲がり角2での計算 -->
    <g style="animation: radarPulse2 6s infinite;">
      <circle cx="180" cy="120" r="10" fill="none" stroke="#3498db" stroke-width="2" />
      <circle cx="180" cy="120" r="30" fill="none" stroke="#3498db" stroke-width="1" />
      <text x="140" y="110" font-size="10" fill="#1a5276" text-anchor="middle" font-weight="bold">繋がる？</text>
    </g>

    <!-- 曲がり角3での計算 -->
    <g style="animation: radarPulse3 6s infinite;">
      <circle cx="310" cy="120" r="10" fill="none" stroke="#3498db" stroke-width="2" />
      <circle cx="310" cy="120" r="30" fill="none" stroke="#3498db" stroke-width="1" />
      <text x="335" y="105" font-size="10" fill="#1a5276" text-anchor="middle" font-weight="bold">元の道だ！</text>
    </g>

    <!-- ================= 移動する自分（ドット） ================= -->
    <circle cx="0" cy="0" r="7" fill="#e74c3c" style="animation: moveDot 6s linear infinite;" />

    <!-- スタートとゴール地点のアイコン -->
    <circle cx="70" cy="200" r="8" fill="#f1c40f" />
    <text x="70" y="225" font-size="12" fill="#333333" text-anchor="middle" font-weight="bold">家</text>

    <circle cx="330" cy="40" r="10" fill="#2ecc71" />
    <circle cx="330" cy="40" r="4" fill="#ffffff" />
    <text x="330" y="65" font-size="12" fill="#333333" text-anchor="middle" font-weight="bold">スーパー</text>

    <!-- アニメーション定義 -->
    <style>
      /* 自分が裏道を移動するアニメーション（座標を新レイアウトに同期） */
      @keyframes moveDot {
        0%   { transform: translate(70px, 200px); }
        25%  { transform: translate(180px, 200px); } /* 角1に到着 */
        45%  { transform: translate(180px, 120px); } /* 角2に到着 */
        75%  { transform: translate(310px, 120px); } /* 角3に到着 */
        95%  { transform: translate(310px, 40px); opacity: 1; }  /* スーパー手前（合流） */
        100% { transform: translate(330px, 40px); opacity: 0; }  /* ゴールして消える */
      }
      
      /* 曲がり角1の波紋 */
      @keyframes radarPulse1 {
        0%, 23% { opacity: 0; transform: scale(0.5); transform-origin: 180px 200px; }
        25%     { opacity: 1; transform: scale(1); transform-origin: 180px 200px; }
        35%     { opacity: 0; transform: scale(1.5); transform-origin: 180px 200px; }
        100%    { opacity: 0; }
      }

      /* 曲がり角2の波紋 */
      @keyframes radarPulse2 {
        0%, 43% { opacity: 0; transform: scale(0.5); transform-origin: 180px 120px; }
        45%     { opacity: 1; transform: scale(1); transform-origin: 180px 120px; }
        55%     { opacity: 0; transform: scale(1.5); transform-origin: 180px 120px; }
        100%    { opacity: 0; }
      }

      /* 曲がり角3の波紋 */
      @keyframes radarPulse3 {
        0%, 73% { opacity: 0; transform: scale(0.5); transform-origin: 310px 120px; }
        75%     { opacity: 1; transform: scale(1); transform-origin: 310px 120px; }
        85%     { opacity: 0; transform: scale(1.5); transform-origin: 310px 120px; }
        100%    { opacity: 0; }
      }
    </style>
  </svg>

  <!-- 記事本文を補完する解説テキスト -->
  <div style="background-color: #ffffff; border-radius: 6px; padding: 16px; margin-top: 16px; text-align: left; box-shadow: 0 1px 4px rgba(0,0,0,0.03);">
    <p style="margin: 0 0 8px 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      <span style="color: #1a5276; font-weight: bold;">【図の解説】</span><br>
      点線の「いつもの道」は、脳が空間計算をサボる自動操縦モードです。
    </p>
    <p style="margin: 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      しかし、あえて<span style="font-weight: bold; color: #2980b9;">「一本違う裏道」</span>に入ると、角を曲がるたびに脳内で<span style="font-weight: bold; color: #3498db;">「ここはどこに繋がる？」「元の道に出るにはどっち？」という空間の計算（レーダーの波紋）</span>が瞬時に行われ、認知地図が強力にアップデートされます。
    </p>
  </div>
  
  <p style="margin-top: 12px; margin-bottom: 0; font-size: 0.85rem; color: #666666; text-align: right;">
    ※アニメーションは脳の空間計算のプロセスを分かりやすく簡略化したイメージです。
  </p>
</div>



<p class="wp-block-paragraph">また、初めて行く場所や、たまに行く場所へ移動する際も空間認知力を鍛えるチャンスです。</p>



<p class="wp-block-paragraph">スマホのナビに頼り切るのを控えて、出発前に地図をしっかり見て「３つ目の信号を右」と頭の中に道順を描き、実際の景色と答え合わせをしながら自分の感覚だけで歩いてみるのです。</p>



<p class="wp-block-paragraph">こうした<strong>「自分の頭で空間と現在地を計算し直す」</strong>という小さな意識と行動が、省エネモードになっていた頭頂葉や海馬の神経回路を強く刺激し、頭の中の認知地図のアップデートを促してくれます。</p>



<h3 class="wp-block-heading">習慣②：有酸素運動を週150分</h3>



<p class="wp-block-paragraph">運動と脳の関係は、今や脳科学の主要テーマのひとつです。</p>



<p class="wp-block-paragraph">週150分の有酸素運動（ウォーキングで十分）が、海馬の体積維持に有効であることが複数の研究で示されています。</p>



<div style="margin: 24px 0; background-color: #f8f9fa; border-left: 4px solid #7f8c8d; border-radius: 0 6px 6px 0; padding: 20px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 1px 4px rgba(0,0,0,0.04);">
  
  <div style="display: flex; align-items: center; margin-bottom: 12px;">
    <!-- 小さなドキュメントアイコン（SVG） -->
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#7f8c8d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 8px;">
      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
      <polyline points="14 2 14 8 20 8"></polyline>
      <line x1="16" y1="13" x2="8" y2="13"></line>
      <line x1="16" y1="17" x2="8" y2="17"></line>
      <polyline points="10 9 9 9 8 9"></polyline>
    </svg>
    <div style="font-weight: bold; color: #555555; font-size: 0.95rem;">
      参考研究・エビデンス
    </div>
  </div>

  <!-- エビデンスの解説テキスト -->
  <p style="margin: 0 0 12px 0; color: #444444; line-height: 1.6; font-size: 0.9rem;">
    継続的な有酸素運動が加齢に伴う海馬の萎縮を防ぎ、体積を維持・増加させる可能性については、以下の研究やガイドラインで示されています。
  </p>

  <!-- 論文・文献リスト -->
  <ul style="list-style: none; padding: 0; margin: 0; border-top: 1px dashed #cccccc; padding-top: 12px;">
    
    <li style="margin-bottom: 10px; font-size: 0.85rem; color: #666666; line-height: 1.5; padding-left: 12px; position: relative;">
      <span style="position: absolute; left: 0; color: #bdc3c7;">▪︎</span>
      Erickson, K. I., et al. (2011). &#8220;Exercise training increases size of hippocampus and improves memory.&#8221; <em>Proceedings of the National Academy of Sciences (PNAS)</em>.<br>
      <span style="color: #888888; font-size: 0.8rem;">（※1年間の有酸素運動により、高齢者の海馬の体積が有意に増加したことを報告した代表的な研究）</span>
    </li>
    
    <li style="font-size: 0.85rem; color: #666666; line-height: 1.5; padding-left: 12px; position: relative;">
      <span style="position: absolute; left: 0; color: #bdc3c7;">▪︎</span>
      世界保健機関（WHO）「身体活動および座りがちな行動に関するガイドライン」<br>
      <span style="color: #888888; font-size: 0.8rem;">（※認知機能の低下を防ぐため、成人に週150〜300分の中強度の有酸素運動を推奨）</span>
    </li>
    
  </ul>
</div>



<p class="wp-block-paragraph">「週に150分の運動」と聞くと、少しハードルが高く感じるかもしれません。</p>



<p class="wp-block-paragraph">しかし、これを1日あたりに換算すると<strong>「約20分」</strong>です。</p>



<div style="margin: 24px 0; background-color: #f8f9fa; border: 1px solid #e1ebf2; border-radius: 8px; padding: 24px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.03);">
  
  <!-- タイトル部分 -->
  <div style="text-align: center; margin-bottom: 20px;">
    <span style="display: inline-block; background-color: #2980b9; color: #ffffff; font-size: 0.85rem; font-weight: bold; padding: 4px 16px; border-radius: 20px; margin-bottom: 8px;">1日20分の運動をクリアする</span>
    <div style="color: #1a5276; font-size: 1.15rem; font-weight: bold;">「10分×往復」の細分化アイデア</div>
  </div>
  
  <!-- 行動リスト -->
  <div style="display: flex; flex-direction: column; gap: 12px;">
    
    <!-- アイデア1 -->
    <div style="background-color: #ffffff; border: 1px solid #e1ebf2; border-left: 5px solid #3498db; border-radius: 6px; padding: 16px; display: flex; flex-direction: column; gap: 8px;">
      <div style="font-weight: bold; color: #1a5276; font-size: 1.05rem; display: flex; align-items: center;">
        <span style="font-size: 1.2rem; margin-right: 8px;">🚶‍♂️</span> 通勤や退勤時
      </div>
      <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;">
        <span style="color: #555555; font-size: 0.95rem;">駅までの道のり</span>
        <span style="color: #e67e22; font-weight: bold; font-size: 0.85rem; background-color: #fffcf9; border: 1px solid #fdebd0; padding: 4px 10px; border-radius: 4px;">片道10分×往復 ＝ 20分</span>
      </div>
    </div>

    <!-- アイデア2 -->
    <div style="background-color: #ffffff; border: 1px solid #e1ebf2; border-left: 5px solid #2ecc71; border-radius: 6px; padding: 16px; display: flex; flex-direction: column; gap: 8px;">
      <div style="font-weight: bold; color: #1a5276; font-size: 1.05rem; display: flex; align-items: center;">
        <span style="font-size: 1.2rem; margin-right: 8px;">🛒</span> 日常の買い物
      </div>
      <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;">
        <span style="color: #555555; font-size: 0.95rem;">いつもより少し遠いスーパーへ</span>
        <span style="color: #e67e22; font-weight: bold; font-size: 0.85rem; background-color: #fffcf9; border: 1px solid #fdebd0; padding: 4px 10px; border-radius: 4px;">片道10分×往復 ＝ 20分</span>
      </div>
    </div>

    <!-- アイデア3 -->
    <div style="background-color: #ffffff; border: 1px solid #e1ebf2; border-left: 5px solid #f1c40f; border-radius: 6px; padding: 16px; display: flex; flex-direction: column; gap: 8px;">
      <div style="font-weight: bold; color: #1a5276; font-size: 1.05rem; display: flex; align-items: center;">
        <span style="font-size: 1.2rem; margin-right: 8px;">🍽️</span> ランチタイム
      </div>
      <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;">
        <span style="color: #555555; font-size: 0.95rem;">気分転換に少し離れたお店へ</span>
        <span style="color: #e67e22; font-weight: bold; font-size: 0.85rem; background-color: #fffcf9; border: 1px solid #fdebd0; padding: 4px 10px; border-radius: 4px;">片道10分×往復 ＝ 20分</span>
      </div>
    </div>

  </div>
</div>



<p class="wp-block-paragraph">もちろん休日や決まった時間に集中して150分ほどの運動時間を意識的に確保するのもグット！</p>



<p class="wp-block-paragraph">さらに<strong><span class="swl-marker mark_yellow">「歩きながら景色の位置関係を意識する」</span></strong>ことで、空間認知のトレーニングと有酸素運動を同時に行えます。</p>



<div style="margin: 24px 0; background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; text-align: center; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
  <div style="font-weight: bold; color: #1a5276; margin-bottom: 20px; font-size: 1.15rem; border-bottom: 2px solid #a9cce3; padding-bottom: 12px; display: inline-block;">
    習慣②：運動×空間認知の<br class="mc-sp-only">「デュアルタスク」
  </div>

  <!-- SVGアニメーション部分 -->
  <svg width="100%" height="280" viewBox="0 0 340 280" style="background-color: #ffffff; border-radius: 6px; border: 1px solid #e1ebf2; max-width: 460px; margin: 0 auto; display: block;">

    <!-- 空間を意識させるためのグリッド線（背景） -->
    <g stroke="#ecf0f1" stroke-width="1" stroke-dasharray="2 4">
      <line x1="0" y1="70" x2="340" y2="70" />
      <line x1="0" y1="140" x2="340" y2="140" />
      <line x1="0" y1="210" x2="340" y2="210" />
    </g>

    <!-- 歩く道（中央） -->
    <path d="M 170,280 L 170,0" fill="none" stroke="#e1ebf2" stroke-width="20" />
    <path d="M 170,280 L 170,0" fill="none" stroke="#bdc3c7" stroke-width="2" stroke-dasharray="8 8" />

    <!-- ================= 周囲の景色（ランドマーク） ================= -->
    <!-- 1. 右側の看板 -->
    <rect x="250" y="195" width="30" height="20" fill="#e67e22" rx="2" />
    <rect x="262" y="215" width="6" height="15" fill="#95a5a6" />
    <text x="265" y="190" font-size="10" fill="#7f8c8d" text-anchor="middle" font-weight="bold">看板</text>

    <!-- 2. 左側の木 -->
    <circle cx="70" cy="130" r="18" fill="#2ecc71" />
    <circle cx="60" cy="140" r="14" fill="#27ae60" />
    <circle cx="80" cy="140" r="14" fill="#27ae60" />
    <rect x="66" y="150" width="8" height="15" fill="#8e44ad" /> <!-- 幹 -->
    <text x="70" y="110" font-size="10" fill="#7f8c8d" text-anchor="middle" font-weight="bold">公園の木</text>

    <!-- 3. 右側の建物 -->
    <rect x="230" y="40" width="50" height="50" fill="#95a5a6" rx="4" />
    <rect x="240" y="50" width="10" height="10" fill="#ecf0f1" />
    <rect x="260" y="50" width="10" height="10" fill="#ecf0f1" />
    <text x="255" y="32" font-size="10" fill="#7f8c8d" text-anchor="middle" font-weight="bold">建物</text>


    <!-- ================= 脳内での位置関係の計算（青い破線） ================= -->
    <!-- 測定1：看板との距離 -->
    <g style="animation: measure1 6s infinite;">
      <line x1="170" y1="210" x2="250" y2="210" stroke="#2980b9" stroke-width="2" stroke-dasharray="4 4" />
      <polygon points="245,206 253,210 245,214" fill="#2980b9" />
      <text x="210" y="205" font-size="11" fill="#1a5276" text-anchor="middle" font-weight="bold">右に約5m</text>
    </g>

    <!-- 測定2：木との距離と方角 -->
    <g style="animation: measure2 6s infinite;">
      <line x1="170" y1="140" x2="80" y2="140" stroke="#2980b9" stroke-width="2" stroke-dasharray="4 4" />
      <polygon points="85,136 77,140 85,144" fill="#2980b9" />
      <text x="125" y="135" font-size="11" fill="#1a5276" text-anchor="middle" font-weight="bold">左を通過</text>
    </g>

    <!-- 測定3：建物との距離 -->
    <g style="animation: measure3 6s infinite;">
      <line x1="170" y1="70" x2="230" y2="70" stroke="#2980b9" stroke-width="2" stroke-dasharray="4 4" />
      <polygon points="225,66 233,70 225,74" fill="#2980b9" />
      <text x="200" y="65" font-size="11" fill="#1a5276" text-anchor="middle" font-weight="bold">右前方に発見</text>
    </g>


    <!-- ================= 歩行する自分（赤いドットと意識のレーダー） ================= -->
    <g style="animation: walkStraight 6s linear infinite;">
      <!-- 空間を意識しているレーダー波紋 -->
      <circle cx="170" cy="280" r="30" fill="none" stroke="#3498db" stroke-width="1.5" style="animation: pulseRadar 1.5s ease-out infinite; transform-origin: 170px 280px;" />
      
      <!-- 自分の現在地 -->
      <circle cx="170" cy="280" r="8" fill="#e74c3c" />
      <circle cx="170" cy="280" r="3" fill="#ffffff" />
    </g>

    <!-- アニメーション定義 -->
    <style>
      /* 前進するアニメーション（6秒かけて下から上へ） */
      @keyframes walkStraight {
        0%   { transform: translateY(0); }
        100% { transform: translateY(-280px); }
      }
      
      /* 空間を把握するレーダー波紋 */
      @keyframes pulseRadar {
        0%   { transform: scale(0.5); opacity: 1; }
        100% { transform: scale(2.5); opacity: 0; }
      }

      /* 測定1の表示（進行度25%付近で表示） */
      @keyframes measure1 {
        0%, 18% { opacity: 0; }
        22%, 32% { opacity: 1; }
        36%, 100% { opacity: 0; }
      }

      /* 測定2の表示（進行度50%付近で表示） */
      @keyframes measure2 {
        0%, 43% { opacity: 0; }
        47%, 57% { opacity: 1; }
        61%, 100% { opacity: 0; }
      }

      /* 測定3の表示（進行度75%付近で表示） */
      @keyframes measure3 {
        0%, 68% { opacity: 0; }
        72%, 82% { opacity: 1; }
        86%, 100% { opacity: 0; }
      }
    </style>
  </svg>

  <!-- 記事本文を補完する解説テキスト -->
  <div style="background-color: #ffffff; border-radius: 6px; padding: 16px; margin-top: 16px; text-align: left; box-shadow: 0 1px 4px rgba(0,0,0,0.03);">
    <p style="margin: 0 0 8px 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      <span style="color: #1a5276; font-weight: bold;">【図の解説】</span><br>
      ただ前を見て歩く（有酸素運動）だけでなく、周囲の建物や木を指標にして<span style="font-weight: bold; color: #2980b9;">「距離」や「方角」を意識</span>することで、脳内では空間を測定する活発な計算（青い破線）が行われます。
    </p>
    <p style="margin: 0; color: #444444; line-height: 1.6; font-size: 0.95rem;">
      これにより、体を動かしながら脳の海馬と頭頂葉を同時に鍛える効率的な<span style="font-weight: bold; color: #e74c3c;">「デュアルタスク（二重課題）」</span>が成立します。
    </p>
  </div>
  
  <p style="margin-top: 12px; margin-bottom: 0; font-size: 0.85rem; color: #666666; text-align: left;">
    ※アニメーションは歩行時の空間認知プロセスを視覚化したイメージです。
  </p>
</div>



<h3 class="wp-block-heading">習慣③：睡眠の質を整える</h3>



<p class="wp-block-paragraph">海馬での記憶定着と、空間認知地図の更新は、<strong><span class="swl-marker mark_yellow">深い睡眠中（ノンレム睡眠）に行われる</span></strong>ことが明らかになっています。</p>



<p class="wp-block-paragraph">睡眠時間を確保するだけでなく、「深い眠りに入れているか」が重要です。</p>



<p class="wp-block-paragraph">就寝前のスマートフォン操作や過度なストレスは、この深い睡眠を妨げます。</p>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/brain-maintenance-gaba/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/brain-maintenance-gaba-thumbnail-02.webp" alt="脳の夜間メンテを最大化するGABA">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">GABA × 睡眠</div>
      <div class="inline-card-title">脳の夜間メンテを最大化するGABA</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



<h3 class="wp-block-heading">習慣④：神経の過緊張を整える</h3>



<p class="wp-block-paragraph">最も重要な習慣が<strong>「脳のコンディションを整えること」</strong>です。</p>



<p class="wp-block-paragraph">脳がストレスや疲れで「過緊張状態（警戒モード）」にあると、せっかくの「ナビなし移動」や「有酸素運動」といった刺激を、脳が十分に吸収できなくなってしまいます。</p>



<p class="wp-block-paragraph">脳のリソースを、不安への対処ではなく「空間の計算」に正しく振り分けるための、2つのステップをご紹介します。</p>



<h4 class="wp-block-heading">① 深呼吸で「手動」のリラックススイッチを入れる</h4>



<p class="wp-block-paragraph">最も手軽で即効性のあるセルフケアは、深い呼吸です。</p>



<p class="wp-block-paragraph">ストレスを感じた時や、頭がぼんやりする時、4秒かけて鼻から吸い、8秒かけて口からゆっくりと吐き出してみてください。</p>



<div class="breath-120-wrapper">
    <div class="b120-bg-glow"></div>

    <div class="b120-header">
        <div class="b120-title">神経リセット・プロトコル</div>
        <div class="b120-subtitle">ガイドの「色」と「円」に意識を預けてください</div>
    </div>

    <!-- メインガイドエリア -->
    <div class="b120-main">
        <svg class="b120-svg" viewBox="0 0 200 200">
            <!-- 背景のガイドリング -->
            <circle class="b120-ring-bg" cx="100" cy="100" r="85" />
            <!-- 動くプログレスリング -->
            <circle class="b120-ring-progress" cx="100" cy="100" r="85" />
        </svg>

        <!-- 中央のコア -->
        <div class="b120-core-container">
            <div class="b120-core">
                <div class="b120-label-top"></div>
                <div class="b120-counter"></div>
                <div class="b120-label-bottom"></div>
            </div>
        </div>
    </div>

    <!-- 下部：ステータス -->
    <div class="b120-footer">
        <div class="b120-hint-box">
            <div class="b120-hint inhale">
                <span class="b120-hint-icon">👃</span>
                <span class="b120-hint-text">4秒：鼻から吸う</span>
            </div>
            <div class="b120-hint-arrow">→</div>
            <div class="b120-hint exhale">
                <span class="b120-hint-icon">👄</span>
                <span class="b120-hint-text">8秒：口から吐く</span>
            </div>
        </div>
        
        <div class="b120-recovery-bar">
            <div class="b120-recovery-fill"></div>
            <span class="b120-recovery-text">副交感神経を活性化中</span>
        </div>
    </div>
</div>

<div class="animation-disclaimer">
    ※円の拡大に合わせて吸い、縮小に合わせてゆっくりと吐き出してください。
</div>

<style>
/* --- コンテナ設定 --- */
.breath-120-wrapper {
    position: relative;
    width: 100%;
    height: clamp(450px, 100vw, 550px);
    background-color: #0f172a;
    border-radius: 16px;
    border: 1px solid #1e293b;
    overflow: hidden;
    margin: 24px 0;
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 40px 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.animation-disclaimer {
    text-align: right;
    font-size: clamp(0.65rem, 2vw, 0.75rem);
    color: #4a5568;
    margin-bottom: 24px;
}

/* 背景の鼓動 */
.b120-bg-glow {
    position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 100%; height: 100%;
    background: radial-gradient(circle, rgba(56,189,248,0.1) 0%, transparent 70%);
    animation: b120BgPulse 12s infinite ease-in-out;
}

.b120-header { text-align: center; z-index: 5; }
.b120-title { font-size: 1.1rem; font-weight: bold; color: #f8fafc; letter-spacing: 2px; margin-bottom: 8px; }
.b120-subtitle { font-size: 0.75rem; color: #64748b; }

/* --- メインビジュアル（SVGリング） --- */
.b120-main {
    position: relative;
    width: 200px; height: 200px;
    display: flex; justify-content: center; align-items: center;
}

.b120-svg {
    width: 100%; height: 100%;
    transform: rotate(-90deg); /* 12時から開始 */
}

.b120-ring-bg {
    fill: none;
    stroke: #1e293b;
    stroke-width: 4;
}

.b120-ring-progress {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 534; /* 2 * PI * 85 */
    stroke-dashoffset: 534;
    animation: b120RingFlow 12s infinite linear;
}

/* --- 中央のコアコンポーネント --- */
.b120-core-container {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center;
}

.b120-core {
    width: 120px; height: 120px;
    border-radius: 50%;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    transition: all 0.5s ease;
    animation: b120CoreBreath 12s infinite ease-in-out;
}

.b120-label-top { font-size: 0.9rem; font-weight: bold; margin-bottom: 2px; }
.b120-counter { font-size: 2.2rem; font-weight: 800; font-family: 'Helvetica Neue', Arial; line-height: 1; }
.b120-label-bottom { font-size: 0.65rem; margin-top: 4px; opacity: 0.8; }

/* テキストの同期切り替え */
.b120-label-top::after { content: "吸う"; animation: b120TextInhale 12s infinite; }
.b120-counter::after { content: "1"; animation: b120Count 12s infinite linear; }
.b120-label-bottom::after { content: "鼻から"; animation: b120TextBottom 12s infinite; }

/* --- フッター・ステータス --- */
.b120-footer { width: 100%; z-index: 5; }
.b120-hint-box {
    display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 20px;
}
.b120-hint { display: flex; align-items: center; gap: 8px; opacity: 0.3; transition: 0.5s; }
.b120-hint-icon { font-size: 1.2rem; }
.b120-hint-text { font-size: 0.75rem; color: #94a3b8; }
.b120-hint-arrow { color: #334155; font-size: 0.8rem; }

.b120-hint.inhale { animation: b120HintInActive 12s infinite; }
.b120-hint.exhale { animation: b120HintOutActive 12s infinite; }

.b120-recovery-bar {
    width: 100%; height: 30px; background: #1e293b; border-radius: 15px;
    position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.b120-recovery-fill {
    position: absolute; left: 0; top: 0; height: 100%; width: 0%;
    background: linear-gradient(90deg, #0284c7, #10b981);
    animation: b120RecoveryFill 12s infinite linear;
}
.b120-recovery-text {
    position: relative; z-index: 2; font-size: 0.7rem; font-weight: bold; color: #f8fafc; text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/* =========================================
   120点のための超精密アニメーション (12秒サイクル)
   吸気：0s-4s (33.3%) / 排気：4s-12s (100%)
========================================= */

/* 1. リングと色の同期 */
@keyframes b120RingFlow {
    0% { stroke-dashoffset: 534; stroke: #38bdf8; }
    33.3% { stroke-dashoffset: 0; stroke: #38bdf8; } /* 4秒で一周（吸う） */
    33.4% { stroke-dashoffset: 534; stroke: #10b981; } /* 瞬時にリセットして色変更（吐く開始） */
    100% { stroke-dashoffset: 0; stroke: #10b981; }  /* 8秒で一周（吐く） */
}

/* 2. コアの膨張と色 */
@keyframes b120CoreBreath {
    0% { transform: scale(0.8); background: rgba(56,189,248,0.2); color: #38bdf8; box-shadow: 0 0 20px rgba(56,189,248,0.3); }
    33.3% { transform: scale(1.4); background: rgba(56,189,248,0.4); color: #fff; box-shadow: 0 0 40px rgba(56,189,248,0.6); }
    33.4% { color: #fff; background: rgba(16,185,129,0.4); box-shadow: 0 0 40px rgba(16,185,129,0.6); }
    100% { transform: scale(0.8); background: rgba(16,185,129,0.2); color: #10b981; box-shadow: 0 0 20px rgba(16,185,129,0.3); }
}

/* 3. カウントアップ/ダウンの精密同期 */
@keyframes b120Count {
    0%, 8.3% { content: "1"; } 8.4%, 16.6% { content: "2"; } 16.7%, 24.9% { content: "3"; } 25%, 33.2% { content: "4"; }
    33.3%, 41.5% { content: "8"; } 41.6%, 49.9% { content: "7"; } 50%, 58.2% { content: "6"; } 58.3%, 66.6% { content: "5"; }
    66.7%, 74.9% { content: "4"; } 75%, 83.2% { content: "3"; } 83.3%, 91.6% { content: "2"; } 91.7%, 100% { content: "1"; }
}

/* 4. テキストラベルの同期 */
@keyframes b120TextInhale {
    0%, 33.2% { content: "吸う"; }
    33.3%, 100% { content: "吐く"; }
}
@keyframes b120TextBottom {
    0%, 33.2% { content: "鼻から"; }
    33.3%, 100% { content: "ゆっくりと"; }
}

/* 5. ヒント領域のハイライト */
@keyframes b120HintInActive {
    0%, 33.2% { opacity: 1; transform: translateY(-3px); }
    33.3%, 100% { opacity: 0.2; transform: translateY(0); }
}
@keyframes b120HintOutActive {
    0%, 33.2% { opacity: 0.2; transform: translateY(0); }
    33.3%, 99% { opacity: 1; transform: translateY(-3px); }
    100% { opacity: 0.2; }
}

/* 6. 回復バー */
@keyframes b120RecoveryFill {
    0% { width: 0%; }
    33.3% { width: 20%; }
    95%, 100% { width: 100%; }
}

@keyframes b120BgPulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
    33.3% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.6; }
}
</style>



<p class="wp-block-paragraph">深い呼吸は副交感神経を直接刺激し、脳の「防御モード」を解除する手助けをしてくれます。</p>



<p class="wp-block-paragraph">空間認知の土台となる「穏やかな集中状態」を作るための、大切な第一歩です。</p>



<h4 class="wp-block-heading">② 脳のパフォーマンスを支える「機能成分」を取り入れる</h4>



<p class="wp-block-paragraph">呼吸による一時的なリセットに加え、脳のコンディションを内側から安定させる「栄養面」でのサポートも欠かせません。</p>



<p class="wp-block-paragraph">私たちの脳は、<strong>日々取り入れる成分によってもその働きが左右される</strong>からです。</p>



<p class="wp-block-paragraph">そこでおすすめなのが、抑制性神経伝達物質として知られる<strong><span class="swl-marker mark_yellow">「GABA（ギャバ）」</span></strong>です。</p>



<p class="wp-block-paragraph">GABAはいわば脳の「冷却液」のような存在で、高ぶった神経を落ち着かせ、持続的なリラックス状態へと導いてくれる成分です。</p>



<p class="wp-block-paragraph">消費者庁に機能性表示食品として届出されている「Memory Coffee（届出番号：J1384）」は、一杯にGABAを200mg配合。</p>



<p class="wp-block-paragraph">継続摂取によって、加齢とともに低下する空間認知力の維持をサポートすることが報告されています。</p>



<div style="max-width: 600px; margin: 32px auto; padding: 32px 24px; background-color: #ffffff; border: 2px solid #e1ebf2; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; line-height: 1.6;">

  <!-- バッジ -->
  <div style="text-align: center; margin-bottom: 20px;">
    <span style="display: inline-block; background-color: #1a5276; color: #ffffff; padding: 6px 16px; font-size: 0.85rem; font-weight: bold; border-radius: 20px; letter-spacing: 0.05em;">
      機能性表示食品
    </span>
  </div>

  <!-- リードテキスト -->
  <p style="margin: 0 0 24px 0; font-size: 1.05rem; text-align: center; color: #333333; line-height: 1.8;">
    Memory Coffeeで使用している<br class="mc-sp-only"><strong style="color: #e67e22;">GABA 200mg</strong>は、<br>
    加齢とともに低下する<br class="mc-sp-only"><span style="font-weight: bold; border-bottom: 2px solid #fdebd0;">認知機能の一部を維持する機能</span>が<br>
    報告されています。
  </p>

  <!-- 機能リスト（背景色で視覚的にまとめる） -->
  <div style="background-color: #f4f9fc; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; margin-bottom: 24px;">
    <ul style="list-style: none; padding: 0; margin: 0;">
      
      <li style="margin-bottom: 16px; display: flex; align-items: flex-start;">
        <span style="color: #2980b9; margin-right: 12px; font-size: 1.2rem; line-height: 1.2; font-weight: bold;">✔️</span>
        <div>
          <strong style="color: #1a5276; font-size: 1.1rem; display: block; margin-bottom: 4px;">記憶力</strong>
          <span style="color: #555555; font-size: 0.9rem; line-height: 1.5;">見たり聞いたりしたことを思い出す力</span>
        </div>
      </li>
      
      <li style="margin-bottom: 16px; display: flex; align-items: flex-start;">
        <span style="color: #2980b9; margin-right: 12px; font-size: 1.2rem; line-height: 1.2; font-weight: bold;">✔️</span>
        <div>
          <strong style="color: #1a5276; font-size: 1.1rem; display: block; margin-bottom: 4px;">空間認知力</strong>
          <span style="color: #555555; font-size: 0.9rem; line-height: 1.5;">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </li>
      
      <li style="display: flex; align-items: flex-start;">
        <span style="color: #2980b9; margin-right: 12px; font-size: 1.2rem; line-height: 1.2; font-weight: bold;">✔️</span>
        <div>
          <strong style="color: #1a5276; font-size: 1.1rem; display: block; margin-bottom: 4px;">持続的注意力</strong>
          <span style="color: #555555; font-size: 0.9rem; line-height: 1.5;">注意を持続させながら、作業を続ける力</span>
        </div>
      </li>

    </ul>
  </div>

  <!-- フッター情報（届出番号・免責事項） -->
  <div style="display: flex; flex-direction: column; gap: 8px;">
    <div style="text-align: right;">
      <span style="display: inline-block; background-color: #f0f0f0; padding: 4px 10px; border-radius: 4px; font-size: 0.85rem; color: #555555; font-weight: bold; letter-spacing: 0.05em;">
        届出番号：J1384
      </span>
    </div>
    <p style="font-size: 0.75rem; color: #888888; margin: 0; line-height: 1.6; text-align: justify;">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。
    </p>
  </div>

</div>



<h4 class="wp-block-heading">「既存の習慣」を置き換える、最もスマートな選択</h4>



<p class="wp-block-paragraph">このGABAを「追加の努力」なしで生活に組み込む最も簡単な方法が、毎日のコーヒーをMemory Coffeeに置き換えることです。</p>



<p class="wp-block-paragraph">「ナビなし移動」の前や「有酸素運動」の後のひとときに、リラックスしながらこの一杯を愉しんでみてください。</p>



<p class="wp-block-paragraph">脳の過緊張が和らぐことで、移動中に得た景色や距離感の情報がスッと脳に入りやすくなり、他の習慣との相乗効果も期待できます！</p>



<p class="wp-block-paragraph">毎日口にするものだからこそ、<strong>国内のGMP認定工場（認定番号：14307）で厳格な基準のもと製造され、高品質な国内産GABAを200mg使用している</strong>点も、私たちが妥協なく追求したこだわりです。</p>



<p class="wp-block-paragraph">いつもの美味しいコーヒーを置き換えるだけのシンプルな選択が、10年後、20年後のアクティブな毎日を守るための、揺るぎない土台になります。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="558" height="440" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-Coffee-gaba-200mg-everyday.webp" alt="Memory Coffeeは、スティック1本に機能性関与成分GABAが200mg配合されていることを説明する画像" class="wp-image-4442" style="width:414px;height:auto" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-Coffee-gaba-200mg-everyday.webp 558w, https://memory-coffee.jp/wp-content/uploads/2026/03/memory-Coffee-gaba-200mg-everyday-300x237.webp 300w" sizes="(max-width: 558px) 100vw, 558px" /></figure>



<style>
/* Memory Coffee プレミアム・ミニマルバナー（強制上書き版） */
.mc-premium-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 16px 24px !important;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  background: linear-gradient(135deg, #1a2a40 0%, #121b29 100%);
  border: 1px solid rgba(197, 160, 89, 0.4);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  transition: all 0.4s ease;
}

.mc-premium-banner:hover {
  transform: translateY(-2px);
  border-color: rgba(197, 160, 89, 0.8);
  box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

.mc-pb-left {
  display: flex !important;
  align-items: center !important;
  z-index: 2;
}
.mc-pb-logo-frame {
  padding: 5px;
  border-right: 1px solid rgba(255,255,255,0.1) !important;
  padding-right: 20px !important;
}
.mc-pb-logo-frame img {
  max-height: 40px !important;
  width: auto !important;
  display: block;
  opacity: 0.95;
}

/* 中央：テキストエリア（強制的に縦並び・左寄せ） */
.mc-pb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* ここが効くよう強制 */
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 0 24px !important;
  z-index: 2;
  gap: 6px !important;
}
.mc-pb-badge {
  background: transparent;
  border: 1px solid #C5A059;
  color: #C5A059;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding: 3px 10px;
  border-radius: 2px;
  white-space: nowrap !important;
  display: inline-block !important;
}
.mc-pb-text {
  color: #f8f9fa !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  white-space: nowrap !important; /* 改行を強制禁止 */
}

/* 右側：ボタン */
.mc-pb-btn {
  background: linear-gradient(145deg, #4CAF50 0%, #2E7D32 100%) !important;
  border: 1px solid #5EC762 !important;
  padding: 10px 24px !important;
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 6px 16px rgba(76, 175, 80, 0.35), inset 0 1px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  transition: all 0.3s ease;
  white-space: nowrap !important;
}

.mc-pb-btn::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 50%; height: 100%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
  transform: skewX(-20deg);
  animation: pbBtnShine 4s infinite;
}
@keyframes pbBtnShine {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}
.mc-pb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-premium-banner { flex-direction: column !important; gap: 20px !important; padding: 25px 20px !important; text-align: center !important; }
  .mc-pb-logo-frame { border-right: none !important; padding-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-pb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-pb-text { text-align: center !important; }
  .mc-pb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-premium-banner">
  <div class="mc-pb-left">
    <div class="mc-pb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>
  <div class="mc-pb-center">
    <div class="mc-pb-badge">機能性表示食品</div>
    <p class="mc-pb-text">
      1日200mgのGABAを<br>コーヒーで手軽に
    </p>
  </div>
  <div class="mc-pb-btn">
    <span class="mc-pb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>
</a>



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



<h2 class="wp-block-heading">まとめ：空間認知力は「じわじわ」衰え、「じわじわ」維持できる</h2>



<p class="wp-block-paragraph">空間認知力は、ある日突然なくなるものではありません。</p>



<p class="wp-block-paragraph">日常の中で少しずつ使われなくなり、気づかないうちに低下していきます。</p>



<p class="wp-block-paragraph">逆に言えば、毎日の小さな選択の積み重ねで、維持し続けることができます！</p>



<div style="margin: 32px 0; background-color: #ffffff; border: 2px solid #e67e22; border-radius: 12px; padding: 24px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 4px 15px rgba(230, 126, 34, 0.1);">
  
  <div style="text-align: center; margin-bottom: 24px;">
    <span style="background-color: #e67e22; color: white; padding: 4px 16px; border-radius: 20px; font-weight: bold; font-size: 0.9rem;">SUMMARY</span>
    <h4 style="color: #1a5276; margin: 12px 0 0 0; font-size: 1.25rem;">空間認知力を維持する4つの指針</h4>
  </div>

  <div style="display: flex; flex-direction: column; gap: 16px;">
    
    <div style="display: flex; align-items: flex-start; gap: 12px; background: #fffcf9; padding: 12px; border-radius: 8px;">
      <div style="min-width: 28px; height: 28px; background: #e67e22; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem;">1</div>
      <div style="color: #333; font-size: 1rem; line-height: 1.5;">
        <span style="font-weight: bold; color: #1a5276;">ナビに頼らず歩く日を週1回作る</span><br>
        <span style="font-size: 0.85rem; color: #666;">あえて裏道を選び、脳の「認知地図」を能動的に更新する。</span>
      </div>
    </div>

    <div style="display: flex; align-items: flex-start; gap: 12px; background: #f4f9fc; padding: 12px; border-radius: 8px;">
      <div style="min-width: 28px; height: 28px; background: #2980b9; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem;">2</div>
      <div style="color: #333; font-size: 1rem; line-height: 1.5;">
        <span style="font-weight: bold; color: #1a5276;">歩くついでに「有酸素運動」にする</span><br>
        <span style="font-size: 0.85rem; color: #666;">景色の位置関係を測りながら歩き、運動と脳トレを同時に行う。</span>
      </div>
    </div>

    <div style="display: flex; align-items: flex-start; gap: 12px; background: #fffcf9; padding: 12px; border-radius: 8px;">
      <div style="min-width: 28px; height: 28px; background: #1a5276; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem;">3</div>
      <div style="color: #333; font-size: 1rem; line-height: 1.5;">
        <span style="font-weight: bold; color: #1a5276;">夜はスマホを早めに置き、深く眠る</span><br>
        <span style="font-size: 0.85rem; color: #666;">脳が空間情報を整理・定着させるための「深い休息」を確保する。</span>
      </div>
    </div>

    <div style="display: flex; align-items: flex-start; gap: 12px; background: #fdfefe; border: 1px solid #e67e22; padding: 12px; border-radius: 8px;">
      <div style="min-width: 28px; height: 28px; background: #e67e22; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9rem;">4</div>
      <div style="color: #333; font-size: 1rem; line-height: 1.5;">
        <span style="font-weight: bold; color: #e67e22;">健康習慣に、GABAという選択肢を</span><br>
        <span style="font-size: 0.85rem; color: #666;">脳の過緊張を和らげ、すべての習慣を支えるコンディションを整える。</span>
      </div>
    </div>

  </div>
</div>



<p class="wp-block-paragraph">どれも大げさな努力は不要の選択肢ではないでしょうか？</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">10年後・20年後の「自分らしく動ける毎日」は、現在の習慣から作られていきます。</span></strong></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/05/even-10-years-from-now-1024x576.webp" alt="" class="wp-image-5076" srcset="https://memory-coffee.jp/wp-content/uploads/2026/05/even-10-years-from-now-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/05/even-10-years-from-now-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/05/even-10-years-from-now-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/05/even-10-years-from-now.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<style>
.end-section{background:#f7f4ee;border-top:1px solid #e5dece;padding:24px 20px 28px;margin-top:40px;}
.end-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.end-header-bar{width:3px;height:18px;background:#c4993a;border-radius:2px;flex-shrink:0;}
.end-header-text{font-size:13px;font-weight:700;color:#1a1a1a;}
.end-cards{display:flex;flex-direction:column;gap:12px;}
.end-card{display:block;background:#fff;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.end-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.end-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.end-card-body{padding:12px 14px 14px;}
.end-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.end-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/magazine/cognitive-function-test-spatial-awareness/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/cognitive-function-test-spatial-awareness-gaba-coffee-03.webp" alt="免許更新の認知検査、今から備える">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">認知機能検査</div>
        <div class="end-card-title">免許更新の認知検査、今から備える</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/gaba-caffeine-synergy/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02.webp" alt="カフェインとGABAは相殺しない理由">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 脳科学</div>
        <div class="end-card-title">カフェインとGABAは相殺しない理由</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/why-90days/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-why-90days.webp" alt="なぜ90日間続けるのか？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">習慣化</div>
        <div class="end-card-title">なぜ90日間続けるのか？科学的根拠</div>
      </div>
    </a>
  </div>
</div>



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



<div style="margin: 32px 0; background-color: #f0f7fb; border: 1px solid #cce0eb; border-radius: 8px; padding: 24px; font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">

  <div style="text-align: center; margin-bottom: 24px;">
    <!-- h2をdivに変更し、font-weight: bold; を追加してテーマの干渉を回避 -->
    <div style="color: #1a5276; font-size: 1.3rem; font-weight: bold; margin: 0; padding-bottom: 12px; border-bottom: 2px solid #a9cce3; display: inline-block;">よくあるご質問（FAQ）</div>
  </div>

  <!-- Q1 -->
  <div style="background-color: #ffffff; border-radius: 6px; padding: 18px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
    <div style="display: flex; gap: 10px; margin-bottom: 10px;">
      <span style="color: #e67e22; font-weight: bold; font-size: 1.2rem; line-height: 1;">Q.</span>
      <div style="font-weight: bold; color: #333333; font-size: 1rem; line-height: 1.5;">
        空間認知力の維持を実感するまで、どれくらいの期間が必要ですか？
      </div>
    </div>
    <div style="display: flex; gap: 10px; border-top: 1px solid #f0f0f0; padding-top: 10px;">
      <span style="color: #2980b9; font-weight: bold; font-size: 1.2rem; line-height: 1;">A.</span>
      <div style="color: #444444; font-size: 0.95rem; line-height: 1.7;">
        脳の習慣化は「筋トレ」に似ており、まずは<span style="font-weight: bold; color: #1a5276;">3ヶ月（12週間）を目安</span>に継続することをおすすめします。<br>
        脳の神経回路が新しく書き換わり、定着するには一定の時間が必要です。<br>
        Memory Coffeeに含まれるGABAの臨床試験においても、12週間の継続摂取によって効果が報告されています。
      </div>
    </div>
  </div>

  <!-- Q2 -->
  <div style="background-color: #ffffff; border-radius: 6px; padding: 18px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
    <div style="display: flex; gap: 10px; margin-bottom: 10px;">
      <span style="color: #e67e22; font-weight: bold; font-size: 1.2rem; line-height: 1;">Q.</span>
      <div style="font-weight: bold; color: #333333; font-size: 1rem; line-height: 1.5;">
        もともと「方向音痴」なのですが、今から習慣を始めても効果はありますか？
      </div>
    </div>
    <div style="display: flex; gap: 10px; border-top: 1px solid #f0f0f0; padding-top: 10px;">
      <span style="color: #2980b9; font-weight: bold; font-size: 1.2rem; line-height: 1;">A.</span>
      <div style="color: #444444; font-size: 0.95rem; line-height: 1.7;">
        <span style="font-weight: bold; color: #1a5276;">はい、十分な意義があります。</span><br>
        「方向音痴」は先天的なセンスと思われがちですが、実際には「脳が空間を計算する習慣」の有無が大きく関わっています。<br>
        たとえ地図が苦手でも、本記事で紹介した小さな刺激を脳に与え続けることで、現在の能力を底上げし、将来的な機能低下を食い止める大きな助けになります。
      </div>
    </div>
  </div>

  <!-- Q3 -->
  <div style="background-color: #ffffff; border-radius: 6px; padding: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
    <div style="display: flex; gap: 10px; margin-bottom: 10px;">
      <span style="color: #e67e22; font-weight: bold; font-size: 1.2rem; line-height: 1;">Q.</span>
      <div style="font-weight: bold; color: #333333; font-size: 1rem; line-height: 1.5;">
        なぜ「コーヒー」でGABAを摂取するのが良いのでしょうか？
      </div>
    </div>
    <div style="display: flex; gap: 10px; border-top: 1px solid #f0f0f0; padding-top: 10px;">
      <span style="color: #2980b9; font-weight: bold; font-size: 1.2rem; line-height: 1;">A.</span>
      <div style="color: #444444; font-size: 0.95rem; line-height: 1.7;">
        <span style="font-weight: bold; color: #1a5276;">「既存の習慣」に組み込むことが、継続のための最も確実な戦略だからです。</span><br>
        新しいサプリメントを飲み始めるのは忘れてしまいがちですが、朝の一杯や休憩時間のコーヒーはすでに生活の一部です。<br>
        この時間を活用することで、意識的な努力を最小限に抑えつつ、毎日自然に脳のコンディショニングを続けることが可能になります。
      </div>
    </div>
  </div>

</div>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "空間認知力の維持を実感するまで、どれくらいの期間が必要ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "脳の習慣化は「筋トレ」に似ており、まずは3ヶ月（12週間）を目安に継続することをおすすめします。脳の神経回路が新しく書き換わり、定着するには一定の時間が必要です。Memory Coffeeに含まれるGABAの臨床試験においても、12週間の継続摂取によって空間認知力の維持が報告されています。"
      }
    },
    {
      "@type": "Question",
      "name": "もともと「方向音痴」なのですが、今から習慣を始めても効果はありますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい、十分な意義があります。「方向音痴」は先天的なセンスと思われがちですが、実際には「脳が空間を計算する習慣」の有無が大きく関わっています。たとえ地図が苦手でも、本記事で紹介した小さな刺激を脳に与え続けることで、現在の能力を底上げし、将来的な機能低下を食い止める大きな助けになります。"
      }
    },
    {
      "@type": "Question",
      "name": "なぜ「コーヒー」でGABAを摂取するのが良いのでしょうか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "「既存の習慣」に組み込むことが、継続のための最も確実な戦略だからです。新しいサプリメントを飲み始めるのは忘れてしまいがちですが、朝の一杯や休憩時間のコーヒーはすでに生活の一部です。この時間を活用することで、意識的な努力を最小限に抑えつつ、毎日自然に脳のコンディショニングを続けることが可能になります。"
      }
    }
  ]
}
</script>



<section style="max-width: 700px; margin: 40px auto; font-family: 'Hiragino Sans', 'Meiryo', sans-serif; color: #555; line-height: 1.6; border-top: 1px solid #eee; padding-top: 30px;">
    <div style="background: #fff9db; border: 1px solid #ffec99; border-radius: 8px; padding: 25px; box-shadow: 0 2px 10px rgba(0,0,0,0.03);">
        <h5 style="font-size: 0.85rem; color: #222; margin: 0 0 15px 0; font-weight: bold; display: flex; align-items: center;">
            <span style="margin-right: 8px;">⚖️</span> 免責事項
        </h5>
        
        <ul style="list-style: none; padding: 0; margin: 0; font-size: 0.75rem; text-align: justify;">
            <li style="margin-bottom: 12px;">
                <b style="color: #222;">1. 情報の正確性について：</b><br>
                本記事の内容は、執筆時点における公的統計および学術論文に基づき作成されています。<br>
                情報の正確性・最新性には細心の注意を払っておりますが、科学的知見の更新により将来的に内容が変更される可能性があります。
            </li>
            <li style="margin-bottom: 12px;">
                <b style="color: #222;">2. 医療行為の代替ではありません：</b><br>
                本記事は一般的な健康情報の提供を目的としたものであり、医師による診断、治療、または処方に代わるものではありません。<br>
                また、紹介している成分や製品は、疾病の診断、治療、予防を目的としたものではありません。<br>
                特定の疾患がある方や通院中の方は、必ず専門医にご相談ください。
            </li>
            <li style="margin-bottom: 12px;">
                <b style="color: #222;">3. 効果の個人差について：</b><br>
                GABA等の成分に関する記述は、一般的な臨床試験の結果に基づくものであり、特定の製品の摂取によって全ての方に同様の効果を保証するものではありません。<br>
                体質や体調により、まれに合わない場合があります。
            </li>
            <li style="margin: 0;">
                <b style="color: #222;">4. 損害への責任：</b><br>
                本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。<br>
                最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。
            </li>
        </ul>
    </div>
</section>



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【なぜこの価格にしたのか？】Memory Coffeeが「1箱5,800円」である論理的根拠と、その裏にある製造技術の真実。</title>
		<link>https://memory-coffee.jp/price-reason/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Sat, 02 May 2026 13:44:09 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4347</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-price-reason-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ 💡この記事で分かること 1箱5,800円が「必然 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-price-reason-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div style="background-color: #F0F8FF; padding: 20px; border-radius: 8px; border: 1px solid #D6EAF8; margin-bottom: 24px; font-family: sans-serif;">
  <p style="font-weight: bold; font-size: 1.1em; color: #154360; margin-top: 0; margin-bottom: 12px; display: flex; align-items: center;">
    <span style="margin-right: 6px;">💡</span>この記事で分かること
  </p>
  <ul style="margin-bottom: 0; padding-left: 24px; color: #333; line-height: 1.8; font-size: 0.95em;">
    <li><strong>1箱5,800円が「必然の価格」である理由</strong>（国内最高峰GABAの採用）</li>
    <li><strong>効果を正しく届けるための「見えない製造コスト」</strong>（高精度充填とGMP認証工場）</li>
    <li><strong>市場相場から見た「1日約193円」の妥当性</strong>（他サプリ・機能性飲料との比較）</li>
  </ul>
</div>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-03.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>コーヒーなのになぜこの価格なの？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-02.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>正直、高いかも…</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_orange">インスタントコーヒー1箱に5,800円</span></strong><span class="swl-marker mark_orange"><span class="swl-fz u-fz-s">（税抜）</span><strong>…</strong></span></p>



<p class="wp-block-paragraph">この数字を聞いて、「手が届きにくい価格」という印象を抱く方もいるでしょう。</p>



<p class="wp-block-paragraph">実際、このような疑問を持たれる声が聞こえるのも事実です。</p>



<p class="wp-block-paragraph">しかし、その判断基準が<strong>「スーパーの棚に並ぶ日用品としてのコーヒー」になってはいないでしょうか？</strong></p>



<p class="wp-block-paragraph">Memory Coffeeを開発するにあたり、私たちが設定した目標は「単なる飲料」を作ることではありません。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">「コーヒーという形態を借りた、最高精度の機能性表示食品」</span></strong>を提供することです。</p>



<p class="wp-block-paragraph">そして<strong>「自分であることに、自信を持てる理由を提供する」</strong>ことを使命に掲げ、誰もが通る可能性が高い、認知機能への不安を和らげ、毎日のひとときから「自分らしく」生きる活力を提供したいと強く思っています。</p>



<p class="wp-block-paragraph">価格設定の裏側には、単なる原材料費だけではない、国内最高峰の成分選定、日本の製造現場における「技術的限界」への挑戦、そして機能性表示食品としての「責任」が含まれています。</p>



<p class="wp-block-paragraph">なぜ、私たちはこの一杯にこの価格をつけたのか？</p>



<p class="wp-block-paragraph">透明性を求められる時代だからこそ、Memory Coffeeが『1箱5,800円<span class="swl-fz u-fz-s">（税抜）</span>』である論理的根拠と、その裏にある高品質なGMP認証（認証番号：14307）国内製造技術の真実について、すべてをお話ししたいと思います。</p>



<p class="wp-block-paragraph">ぜひ、大切なご自身やご家族のこれからの毎日のために、その理由を確かめてみてください。</p>



<p class="wp-block-paragraph">本記事では、価格の疑問に対して、その具体的な内訳を明らかにします。</p>



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



<h2 class="wp-block-heading">「国内最高峰のGABA」と「ブレンド配合」</h2>



<p class="wp-block-paragraph">まず前提として<strong><span class="swl-marker mark_yellow">Memory Coffeeは機能性表示食品</span></strong>です。</p>



<div style="max-width: 600px; margin: 30px auto; padding: 35px 25px; background-color: #ffffff; border: 1px solid #e8e6e1; border-radius: 4px; box-shadow: 0 2px 15px rgba(0,0,0,0.03); font-family: 'Hiragino Sans', 'Meiryo', sans-serif; color: #333; line-height: 1.8;">
    
    <div style="text-align: center; margin-bottom: 25px;">
        <span style="display: inline-block; border: 1px solid #5a6674; color: #5a6674; padding: 4px 18px; font-size: 0.8rem; letter-spacing: 0.15em;">機能性表示食品</span>
    </div>

    <p style="margin-bottom: 28px; font-size: 1rem; text-align: center; color: #2c3643;">
        Memory Coffeeで使用している<br class="mc-sp-only">GABA 200mgは、<br style="display: block; content: ''; margin-top: 5px;">
        加齢とともに低下する<span style="display: inline-block;">認知機能の一部を</span><span style="display: inline-block;">維持する機能が</span>報告されています。
    </p>

    <div style="padding: 20px 10px; border-top: 1px solid #f0eee9; border-bottom: 1px solid #f0eee9; margin-bottom: 20px;">
        <ul style="list-style: none; padding: 0; margin: 0;">
            <li style="margin-bottom: 16px; display: flex; align-items: flex-start;">
                <span style="color: #c5a059; margin-right: 12px; font-size: 0.85em; margin-top: 4px;">◆</span>
                <span><strong style="color: #2c3643; font-weight: 600;">記憶力</strong><br><small style="color: #777;">（見たり聞いたりしたことを<span style="display: inline-block;">思い出す力）</span></small></span>
            </li>
            <li style="margin-bottom: 16px; display: flex; align-items: flex-start;">
                <span style="color: #c5a059; margin-right: 12px; font-size: 0.85em; margin-top: 4px;">◆</span>
                <span><strong style="color: #2c3643; font-weight: 600;">空間認知力</strong><br><small style="color: #777;">（物の位置、形、向きなどを<span style="display: inline-block;">正確に把握する力）</span></small></span>
            </li>
            <li style="display: flex; align-items: flex-start;">
                <span style="color: #c5a059; margin-right: 12px; font-size: 0.85em; margin-top: 4px;">◆</span>
                <span><strong style="color: #2c3643; font-weight: 600;">持続的注意力</strong><br><small style="color: #777;">（注意を持続させながら、<span style="display: inline-block;">作業を続ける力）</span></small></span>
            </li>
        </ul>
    </div>

    <div style="text-align: right; margin-bottom: 12px;">
        <span style="font-size: 0.85rem; color: #5a6674; letter-spacing: 0.05em;">届出番号：J1384</span>
    </div>
    
    <p style="font-size: 0.75rem; color: #999; margin-top: 0; line-height: 1.5;">
        ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による<span style="display: inline-block;">個別審査を</span>受けたものではありません。
    </p>
</div>



<p class="wp-block-paragraph">機能性表示食品の主役は<strong>”機能性関与成分”</strong>と呼ばれる、科学的根拠に基づいた効果が裏付けられる成分が主役です。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">そのため、本品の主役は「GABA」となります。</span></strong></p>



<p class="wp-block-paragraph">正式な商品名称は<strong>「GABA含有加工食品」</strong>となっています。</p>



<p class="wp-block-paragraph">つまり「コーヒーの顔をもつ健康食品」となっています。</p>



<p class="wp-block-paragraph">GABAの効果を享受できるように、コーヒーという日常的な飲み物に配合し、よりストレスなくスムーズな習慣化することを目指しました。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp" alt="Memory Coffeeは、スティック1本に機能性関与成分GABAが200mg配合されていることを説明する画像" class="wp-image-4872" style="width:444px;height:auto" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<h4 class="wp-block-heading">国内最高峰品質のGABAを採用</h4>



<p class="wp-block-paragraph">Memory Coffeeに使用しているGABAは、<strong><span class="swl-marker mark_yellow">国内最高峰の品質を誇る原料を厳選</span></strong>しています。</p>



<p class="wp-block-paragraph">市場には安価な海外製原料や、純度の低いものも存在しますが、私たちは「安全性」と「機能の確実性」を最優先し、国内で最も信頼性の高いトップグレードの原料を選択しました。</p>



<p class="wp-block-paragraph">最高品質の原料を採用することは、当然ながら製造原価を押し上げる要因となります。</p>



<p class="wp-block-paragraph">しかし、<strong>毎日口にするものだからこそ、成分の純度や製造背景に一切の妥協をしたくない。</strong></p>



<p class="wp-block-paragraph">この原材料への投資が、5,800円という価格の最初の裏付けです。</p>



<p class="wp-block-paragraph">本当であれば、徹底的に透明性を高めて、どこのどのGABAを使用しているのかまでお伝えしたいですが、ここは原料メーカーや製造元との守秘義務契約があるため叶いません。</p>



<p class="wp-block-paragraph">しかし名前を聞くと「あ、そこなんだ！」とわかる原料メーカーであることはお伝えいたします。</p>



<h4 class="wp-block-heading">ブレンド配合に徹底したこだわりも</h4>



<p class="wp-block-paragraph">コーヒーである以上、味わいにもこだわりました。</p>



<p class="wp-block-paragraph">もっとも難しかったのが<strong>「GABAとの調和」</strong>です。</p>



<p class="wp-block-paragraph">本品で使用するGABAは、発酵GABAなので無味ではなく、ほのかに風味があります。</p>



<p class="wp-block-paragraph">GABAの風味と調和するように、スッキリとしたブラジル産とコク深いベトナム産のコーヒー豆の配合調整を何度も行いました。</p>



<p class="wp-block-paragraph">「飲み続けられなければ意味がない」と考え、<strong><span class="swl-marker mark_yellow">約30パターンものブレンド配合を比較・検討を行い</span></strong>、今の味わいにたどり着きました。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="900" height="487" src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp" alt="Memory Coffeeの施策風景の画像" class="wp-image-2728" srcset="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp 900w, https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p-300x162.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p-768x416.webp 768w" sizes="(max-width: 900px) 100vw, 900px" /><figcaption class="wp-element-caption">実際の試作状況</figcaption></figure>



<p class="wp-block-paragraph"><strong>コーヒーには「ブレンド」という概念があります。</strong></p>



<p class="wp-block-paragraph">そのパターンは何通りも存在します。</p>



<p class="wp-block-paragraph">例えば、2000mg（2g）のインスタントコーヒーをブレンドする場合は、ブラジル1000mgにベトナム1000mgやベトナム1250mgにブラジル750mgを試したりと可能性は無限大です。</p>



<p class="wp-block-paragraph">こうしたものに独自の基準を設けて、約30パターンほど検証し、Memory Coffeeとして納得のいくブランド配合が完成しました。</p>



<style>
/* Memory Coffee プレミアム・ミニマルバナー（強制上書き版） */
.mc-premium-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 16px 24px !important;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  background: linear-gradient(135deg, #1a2a40 0%, #121b29 100%);
  border: 1px solid rgba(197, 160, 89, 0.4);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  transition: all 0.4s ease;
}

.mc-premium-banner:hover {
  transform: translateY(-2px);
  border-color: rgba(197, 160, 89, 0.8);
  box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

.mc-pb-left {
  display: flex !important;
  align-items: center !important;
  z-index: 2;
}
.mc-pb-logo-frame {
  padding: 5px;
  border-right: 1px solid rgba(255,255,255,0.1) !important;
  padding-right: 20px !important;
}
.mc-pb-logo-frame img {
  max-height: 40px !important;
  width: auto !important;
  display: block;
  opacity: 0.95;
}

/* 中央：テキストエリア（強制的に縦並び・左寄せ） */
.mc-pb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* ここが効くよう強制 */
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 0 24px !important;
  z-index: 2;
  gap: 6px !important;
}
.mc-pb-badge {
  background: transparent;
  border: 1px solid #C5A059;
  color: #C5A059;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding: 3px 10px;
  border-radius: 2px;
  white-space: nowrap !important;
  display: inline-block !important;
}
.mc-pb-text {
  color: #f8f9fa !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  white-space: nowrap !important; /* 改行を強制禁止 */
}

/* 右側：ボタン */
.mc-pb-btn {
  background: linear-gradient(145deg, #4CAF50 0%, #2E7D32 100%) !important;
  border: 1px solid #5EC762 !important;
  padding: 10px 24px !important;
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 6px 16px rgba(76, 175, 80, 0.35), inset 0 1px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  transition: all 0.3s ease;
  white-space: nowrap !important;
}

.mc-pb-btn::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 50%; height: 100%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
  transform: skewX(-20deg);
  animation: pbBtnShine 4s infinite;
}
@keyframes pbBtnShine {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}
.mc-pb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-premium-banner { flex-direction: column !important; gap: 20px !important; padding: 25px 20px !important; text-align: center !important; }
  .mc-pb-logo-frame { border-right: none !important; padding-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-pb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-pb-text { text-align: center !important; }
  .mc-pb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-premium-banner">
  <div class="mc-pb-left">
    <div class="mc-pb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>
  <div class="mc-pb-center">
    <div class="mc-pb-badge">機能性表示食品</div>
    <p class="mc-pb-text">
      1日200mgのGABAを<br>コーヒーで手軽に
    </p>
  </div>
  <div class="mc-pb-btn">
    <span class="mc-pb-btn-text">Memory Coffeeを詳しく観る ▶︎</span>
  </div>
</a>



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



<h2 class="wp-block-heading">「正確な1本」を届けるための技術とコスト</h2>



<p class="wp-block-paragraph">最高品質のGABAを使い、最高の配合を設計しても、それが<strong><span class="swl-marker mark_yellow">「1本1本に正しくGABA200mgが入っている」</span></strong>保証がなければ意味がありません。</p>



<p class="wp-block-paragraph">Memory Coffeeは、スティック1本あたりGABA 200mgを正確に充填することに、多大なリソースを割いています。</p>



<h4 class="wp-block-heading">充填精度という「見えないコスト」</h4>



<p class="wp-block-paragraph">多くの食品工場では、スティック1本ごとの成分量を一定に保つこと自体が至難の業です。</p>



<p class="wp-block-paragraph">精度の低いラインでは、150mgしか入っていないスティックと250mg入っているスティックが混在する「バラツキ」が発生します。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">機能性表示食品において、成分含有量の不足は許されません。</span></strong></p>



<p class="wp-block-paragraph">私たちは、業界最高水準の充填精度を持つ設備を備えた工場と提携し、全ロットで厳格な重量チェックを実施しています。</p>



<h4 class="wp-block-heading">GMP認証工場という「品質の担保」</h4>



<p class="wp-block-paragraph">さらに、この工場はGMP（適正製造規範）認証を取得しています。</p>



<p class="wp-block-paragraph">GMPとは、原材料の受け入れから製造・出荷までの全工程において、安全性と品質の一貫性を保証するための管理基準です。</p>



<style>
/* Memory Coffee GMP 3つの柱（プロ仕様グリッド） */
.mc-gmp-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin: 3em 0;
}

.mc-gmp-card {
    position: relative;
    background: #ffffff;
    padding: 35px 25px 30px;
    border-top: 4px solid #C5A059; /* ゴールドのアクセントライン */
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    z-index: 1;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.mc-gmp-card:hover {
    transform: translateY(-5px);
}

/* 背面に透ける巨大なナンバリング（高級感の演出） */
.mc-gmp-num {
    position: absolute;
    top: -15px;
    right: 5px;
    font-size: 6.5rem;
    font-weight: 900;
    color: rgba(197, 160, 89, 0.06); /* 極めて薄いゴールド */
    z-index: -1;
    font-family: "Noto Serif JP", "Times New Roman", serif;
    line-height: 1;
    pointer-events: none;
}

.mc-gmp-title {
    font-size: 1.15rem;
    color: #1a2a40;
    font-weight: bold;
    margin: 0 0 8px 0;
    letter-spacing: 0.05em;
    border: none; /* SWELLの標準見出し装飾をリセット */
    padding: 0;
}

.mc-gmp-sub {
    font-size: 0.85rem;
    color: #A6803C;
    font-weight: 600;
    margin-bottom: 18px;
    display: block;
    line-height: 1.4;
}

.mc-gmp-desc {
    font-size: 0.9rem;
    color: #4a5568;
    line-height: 1.7;
    margin: 0;
}

/* スマホ表示用（1カラムに縦積み） */
@media (max-width: 768px) {
    .mc-gmp-features {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .mc-gmp-card {
        padding: 25px 20px;
    }
}
</style>

<div class="mc-gmp-features">
    
    <!-- カラム1：衛生管理 -->
    <div class="mc-gmp-card">
        <div class="mc-gmp-num">01</div>
        <h4 class="mc-gmp-title">衛生管理</h4>
        <span class="mc-gmp-sub">異物を許さないクリーン環境</span>
        <p class="mc-gmp-desc">
            医薬品レベルの清浄度を誇る専用のクリーンルームで製造。外からのチリやホコリ、微小な異物の混入を物理的にシャットアウトし、純度の高い品質を守り抜きます。
        </p>
    </div>

    <!-- カラム2：トレーサビリティ -->
    <div class="mc-gmp-card">
        <div class="mc-gmp-num">02</div>
        <h4 class="mc-gmp-title">追跡管理<br><span style="font-size: 0.8em; font-weight: normal;">(トレーサビリティ)</span></h4>
        <span class="mc-gmp-sub">全工程の履歴を記録・保管</span>
        <p class="mc-gmp-desc">
            原料の受け入れから最終製品の出荷に至るまで、「いつ・誰が・どのように」関わったかを全記録。万が一の際にも即座に原因を特定できる、透明性の高い体制です。
        </p>
    </div>

    <!-- カラム3：出荷基準 -->
    <div class="mc-gmp-card">
        <div class="mc-gmp-num">03</div>
        <h4 class="mc-gmp-title">厳格な出荷基準</h4>
        <span class="mc-gmp-sub">基準未達は「出荷しない」</span>
        <p class="mc-gmp-desc">
            完成したロットごとに厳重な品質試験を実施。成分量や安全性が自社の高い規定ラインを完璧にクリアしない限り、決してお客様の元へ出荷されることはありません。
        </p>
    </div>

</div>



<p class="wp-block-paragraph">高精度な充填設備の稼働費用と、GMP認証工場が維持する管理体制のコスト。</p>



<p class="wp-block-paragraph">この2つが重なることで、「正確な成分量」と「安全な製造環境」が同時に実現されています。</p>



<p class="wp-block-paragraph">5,800円という価格には、この<strong><span class="swl-marker mark_yellow">見えにくいが妥協できない製造コスト</span></strong>も含まれています。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-1024x576.webp" alt="機能性表示食品のMemory Coffee（メモリーコーヒー）はGMP認定工場（認定番号：14307）で製造されていることを表示した画像" class="wp-image-4912" srcset="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/gmp-quality/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gmp-factory-mede-gaba-coffee-02.webp" alt="国内220工場だけのGMP認証とは">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">品質 × GMP</div>
      <div class="inline-card-title">国内220工場だけのGMP認証とは</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



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



<h2 class="wp-block-heading">市場相場から見た価格の妥当性</h2>



<p class="wp-block-paragraph">果たして、5,800円はほんとうに適正な価格なのか？</p>



<p class="wp-block-paragraph">この問いに対し、機能性表示食品の市場相場と比較することで答えを出します。</p>



<style>
    .mc-cog-wrapper {
        margin: 2.5em 0;
        background: #fff;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #eaeaea;
    }
    /* SWELLのテーマ干渉を強力にブロック */
    .mc-cog-wrapper .mc-cog-table {
        width: 100% !important;
        border-collapse: collapse !important;
        text-align: center !important;
        margin: 0 !important;
    }
    .mc-cog-wrapper .mc-cog-table th, 
    .mc-cog-wrapper .mc-cog-table td {
        padding: 16px 10px !important;
        vertical-align: middle !important;
        line-height: 1.5 !important;
        word-break: keep-all !important; /* 単語の途中での改行を防ぐ */
        overflow-wrap: break-word !important;
    }
    /* 見出し（テーマ負けを修正・ネイビー背景に変更） */
    .mc-cog-wrapper .mc-cog-table th {
        background-color: #1A2A40 !important;
        color: #ffffff !important;
        font-weight: bold !important;
        font-size: 0.95rem !important;
        border: none !important;
    }
    /* テーブルのセル */
    .mc-cog-wrapper .mc-cog-table td {
        font-size: 0.95rem !important;
        color: #444 !important;
        border: none !important;
        border-bottom: 1px solid #f0f0f0 !important;
        background-color: #fff !important;
    }
    /* Memory Coffeeのハイライト装飾 */
    .mc-cog-wrapper .mc-cog-table tr.mc-highlight-row td {
        background-color: #fffcf5 !important;
        border-top: 2px solid #C5A059 !important;
        border-bottom: 2px solid #C5A059 !important;
        font-weight: bold !important;
        color: #1A2A40 !important;
    }
    .mc-cog-wrapper .mc-cog-table tr.mc-highlight-row td:first-child {
        border-left: 4px solid #C5A059 !important;
    }
    .mc-cog-wrapper .mc-cog-table tr.mc-highlight-row td:last-child {
        border-right: 2px solid #C5A059 !important;
    }
    .mc-price-day {
        color: #e74c3c !important;
        font-size: 1.3rem !important;
        font-weight: bold !important;
    }
    .mc-notes-box {
        background-color: #fdfdfd;
        padding: 15px 20px;
        border-top: 1px dashed #ccc;
    }
    .mc-note-text {
        font-size: 0.8rem;
        color: #777;
        line-height: 1.6;
        margin: 0;
        text-align: left;
    }

    /* スマホ向けの微調整（文字サイズと余白の最適化） */
    @media (max-width: 600px) {
        .mc-cog-wrapper .mc-cog-table th {
            font-size: 0.85rem !important;
            padding: 12px 6px !important;
        }
        .mc-cog-wrapper .mc-cog-table td {
            font-size: 0.85rem !important;
            padding: 12px 6px !important;
        }
        .mc-price-day {
            font-size: 1.15rem !important;
        }
    }
</style>

<div class="mc-cog-wrapper">
    <table class="mc-cog-table">
        <thead>
            <tr>
                <!-- 改行位置をコントロールし、スマホでの段ズレを防止 -->
                <th style="width: 55%;">比較対象<br><span style="font-size:0.85em; font-weight:normal; color:#e0e0e0;">（認知機能サポート系）</span></th>
                <th style="width: 45%;">1日あたりの<br>コスト</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>高級サプリ Ａ社</td>
                <td>約363円</td>
            </tr>
            <tr>
                <td>製薬会社 Ｂ社</td>
                <td>約240円</td>
            </tr>
            <tr>
                <td>自然由来サプリ Ｃ社</td>
                <td>約299円</td>
            </tr>
            <tr class="mc-highlight-row">
                <td>Memory Coffee<br><span style="font-size:0.8em; color:#666; font-weight:normal;">（本格コーヒー＋GABA）</span></td>
                <td class="mc-price-day">約193円</td>
            </tr>
        </tbody>
    </table>
    <div class="mc-notes-box">
        <p class="mc-note-text">
            ※各社サプリ代は、大手メーカー3社の認知機能サポート系機能性表示食品（A社363円/B社240円/C社299円）の定価より算出しています。<br>
            ※本品の価格は、販売価格5,800円（税抜）を30日で割った換算額です。
        </p>
    </div>
</div>



<p class="wp-block-paragraph">ご覧の通り、1日あたり約193円というコストは、認知機能サポート系の機能性表示食品市場において、決して高額な部類ではありません。</p>



<p class="wp-block-paragraph">むしろ、大手各社の定価と比較すると<strong>非常に続けやすい価格帯</strong>に位置しています。</p>



<p class="wp-block-paragraph">昨今の健康食品の販売トレンドとして、初回に大幅な割引<span class="swl-fz u-fz-s">（初回980円等）</span>をするのが定石となっていますが、本来の各販売価格をしっかりと比較すると、上記のような相場となってます。</p>



<p class="wp-block-paragraph">Memory Coffeeは、国内トップクラスの品質を誇るGABAを採用し、比重の異なる素材を均一に混ぜ合わせる最高精度の充填技術、そして医薬品レベルの「GMP認証工場」での厳格な管理体制を敷いています。</p>



<p class="wp-block-paragraph">これだけの品質基準を一切妥協せずに詰め込みながらも、<strong><span class="swl-marker mark_yellow">1日200円を切る価格に抑え込んだのは、純粋に「一人でも多くの方の日常に寄り添い、長くご実感いただきたい」という、私たちの想いと覚悟</span></strong>からです。</p>



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



<h2 class="wp-block-heading">結論：スペックが導き出した「必然の価格」</h2>



<p class="wp-block-paragraph">【なぜこの価格にしたのか？】</p>



<p class="wp-block-paragraph">その答えは、以下の4点に集約されます。</p>



<ol start="1" class="wp-block-list">
<li><strong>国内最高峰品質のGABAを惜しみなく使用。</strong></li>



<li><strong>ブラジル・ベトナム産の特性を最大限に活かした独自のブレンド配合。</strong></li>



<li><strong>日本最高峰の技術による「GABA 200mg」の正確な充填。</strong></li>



<li><strong>GMP認証工場による、徹底した高水準品質管理。</strong></li>
</ol>



<p class="wp-block-paragraph">Memory Coffeeは、単なる飲料ではありません。</p>



<p class="wp-block-paragraph">最高品質の成分を、最新の製造技術を駆使して生まれた機能性コーヒーです。</p>



<p class="wp-block-paragraph">この高品質を維持し、安定してお届けし続ける。</p>



<p class="wp-block-paragraph">そのために導き出された必然の数字が、5,800円なのです。</p>



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



<p class="wp-block-paragraph">本来、ここまで開示するメーカーはごく稀です。</p>



<p class="wp-block-paragraph">私どもが確認した範囲の中ではここまで踏み込んで価格について言及しているとこはありませんでした。</p>



<p class="wp-block-paragraph">しかし、納得をしたうえでMemory Coffeeを選んでいただきたい一心で、透明性をしっかり出すことがお客様に対しての誠実さであると考えております。</p>



<p class="wp-block-paragraph">ご不明点があればお気軽にお問い合わせください。</p>



<div class="mc-root">
    <section id="mc-contact-section" style="background-color: #ffffff; padding: 60px 20px; width: 100%; position: relative; border-top: 1px solid #eee; overflow: hidden;">
        <div style="max-width: 700px; margin: 0 auto;">

            <!-- タイトル -->
            <div style="text-align: center; margin-bottom: 40px;">
                <span style="display: block; color: #C5A059; font-weight: bold; font-size: 12px; letter-spacing: 0.1em; margin-bottom: 8px;">CONTACT &#038; SUPPORT</span>
                <h4 style="font-size: 1.6rem; color: #1A2A40; margin: 0; font-family: 'Noto Serif JP', serif;">お問い合わせ・サポート</h4>
            </div>

            <!-- 電話 -->
            <div class="mc-contact-box" style="margin-bottom: 20px;">
                <p style="font-size: 14px; margin-bottom: 15px; font-weight: bold; color: #1A2A40;">ご注文・商品に関するお問い合わせ</p>
                <a href="tel:0120-425-636" class="mc-tel-link">
                    <div class="mc-tel-container">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mc-tel-icon"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
                        <span class="mc-tel-number">0120-425-636</span>
                    </div>
                </a>
                <p style="font-size: 13px; color: #666; margin: 10px 0 0;">
                    ［受付時間］ <span style="font-weight: bold; color: #1A2A40;">9:00～17:00</span>
                </p>
            </div>

            <!-- LINE (ブラッシュアップ版) -->
            <div class="mc-line-card">
                <div class="mc-line-header">
                    <span class="mc-line-badge">公式</span>
                    LINEカスタマーサポート
                </div>
                <div class="mc-line-body">
                    <p class="mc-line-desc">
                        定期コースの解約や休止、返金保証の申請など、<br>
                        お電話がつながりにくい時でもLINEならスムーズです。
                    </p>
                    
                    <div class="mc-line-tags">
                        <div class="mc-line-tag"><span class="mc-line-dot">●</span>定期の解約・休止</div>
                        <div class="mc-line-tag"><span class="mc-line-dot">●</span>返金保証の申請</div>
                        <div class="mc-line-tag mc-line-tag-wide"><span class="mc-line-dot">●</span>商品のご相談</div>
                    </div>
                    
                    <a href="https://lin.ee/qw1UkEI" target="_blank" rel="noopener noreferrer" class="mc-line-btn">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="mc-line-btn-icon"><path d="M12 2C6.48 2 2 5.88 2 10.5c0 2.55 1.45 4.85 3.75 6.35-.15.95-.55 2.45-1.25 3.35 0 0 1.95-.2 3.8-1.4 1.15.3 2.35.45 3.7.45 5.52 0 10-3.88 10-8.5S17.52 2 12 2zm0 15c-4.41 0-8-3.13-8-7s3.59-7 8-7 8 3.13 8 7-3.59 7-8 7z"/></svg>
                        <span class="mc-line-btn-text">LINEで友だち追加する</span>
                        <span class="mc-line-btn-arrow">▶︎</span>
                    </a>
                    
                    <p class="mc-line-note">
                        ［対応時間］ 9:00～17:00（土日祝日除く）<br>
                        ※担当者が順次ご返信いたします
                    </p>
                </div>
            </div>

        </div>
    </section>

    <style>
        /* --- 全体・電話セクション --- */
        .mc-contact-box {
            background: #F8FAFC; border: 2px solid #1A2A40;
            border-radius: 12px; padding: 30px 20px; text-align: center;
        }
        .mc-tel-link { text-decoration: none; color: #1A2A40; display: inline-block; width: 100%; }
        .mc-tel-container { display: flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; }
        .mc-tel-icon { width: 32px; height: 32px; color: #C5A059; flex-shrink: 0; }
        .mc-tel-number { font-size: clamp(1.8rem, 8.5vw, 2.8rem); font-weight: bold; letter-spacing: 0.02em; font-family: Helvetica, Arial, sans-serif; line-height: 1; }

        /* --- LINEセクション --- */
        .mc-line-card {
            background: white; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,0.08);
            overflow: hidden; border: 1px solid #eef2f6; margin-bottom: 20px;
        }
        .mc-line-header {
            background: #06C755; padding: 12px; text-align: center; color: white;
            font-weight: bold; letter-spacing: 0.05em; font-size: 1rem;
            display: flex; align-items: center; justify-content: center;
        }
        .mc-line-badge {
            background: white; color: #06C755; font-size: 10px;
            padding: 2px 8px; border-radius: 10px; margin-right: 8px; line-height: 1;
        }
        .mc-line-body { padding: 30px 25px; text-align: center; }
        .mc-line-desc { font-size: 14px; color: #555; margin-bottom: 20px; line-height: 1.6; }
        
        /* タグ（バッジ） */
        .mc-line-tags {
            display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 25px;
        }
        .mc-line-tag {
            background: #f0fdf4; padding: 8px 14px; border-radius: 8px; font-size: 13px;
            color: #166534; font-weight: bold; border: 1px solid #bbf7d0;
            display: flex; align-items: center; justify-content: center;
        }
        .mc-line-dot { color: #06C755; margin-right: 5px; font-size: 10px; }

        /* LINEボタン */
        .mc-line-btn {
            display: flex; align-items: center; justify-content: center;
            width: 100%; max-width: 380px; margin: 0 auto; padding: 16px 20px;
            background-color: #06C755; color: white !important; text-decoration: none !important;
            border-radius: 50px; font-weight: bold; font-size: 17px;
            box-shadow: 0 4px 15px rgba(6, 199, 85, 0.3); transition: transform 0.2s, box-shadow 0.2s;
            white-space: nowrap; /* 絶対に改行させない */
        }
        .mc-line-btn:hover {
            transform: translateY(-2px); box-shadow: 0 6px 20px rgba(6, 199, 85, 0.4);
        }
        .mc-line-btn-icon { width: 24px; height: 24px; fill: currentColor; margin-right: 8px; flex-shrink: 0; }
        .mc-line-btn-text { letter-spacing: 0.05em; }
        .mc-line-btn-arrow { margin-left: 8px; font-size: 14px; flex-shrink: 0; }

        .mc-line-note { font-size: 11px; color: #888; margin-top: 15px; line-height: 1.5; }

        /* --- スマホ対応 (767px以下) --- */
        @media (max-width: 767px) {
            .mc-contact-box { padding: 25px 10px; }
            .mc-tel-icon { width: 24px; height: 24px; }
            .mc-tel-container { gap: 5px; }
            
            .mc-line-body { padding: 25px 15px; }
            .mc-line-desc { font-size: 13px; }
            
            /* スマホ時はタグを綺麗に2列グリッド化 */
            .mc-line-tags {
                display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
            }
            .mc-line-tag { padding: 10px 5px; font-size: 12px; }
            /* 3つ目のタグは2列分を使って中央に配置 */
            .mc-line-tag-wide { grid-column: 1 / -1; max-width: 60%; margin: 0 auto; width: 100%; }
            
            /* スマホ時のボタン微調整 */
            .mc-line-btn { font-size: 15px; padding: 15px 10px; }
            .mc-line-btn-icon { width: 22px; height: 22px; }
        }
    </style>
</div>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Memory Coffeeがみなさまの人生に寄り添い、これからも自分らしく生きる活力と勇気を与え続けることで、人格を支えるコーヒーで在り続けられるように努めてまいります。</p>



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



<style>
.end-section{background:#f7f4ee;border-top:1px solid #e5dece;padding:24px 20px 28px;margin-top:40px;}
.end-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.end-header-bar{width:3px;height:18px;background:#c4993a;border-radius:2px;flex-shrink:0;}
.end-header-text{font-size:13px;font-weight:700;color:#1a1a1a;}
.end-cards{display:flex;flex-direction:column;gap:12px;}
.end-card{display:block;background:#fff;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.end-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.end-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.end-card-body{padding:12px 14px 14px;}
.end-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.end-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/brand-story/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-brand-story.webp" alt="母との2年間が生んだコーヒー">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">ブランド</div>
        <div class="end-card-title">母との2年間が生んだコーヒー</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/why-90days/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-why-90days.webp" alt="なぜ90日間続けるのか？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">習慣化</div>
        <div class="end-card-title">なぜ90日間続けるのか？科学的根拠</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/gaba-caffeine-synergy/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02.webp" alt="カフェインとGABAは相殺しない理由">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 脳科学</div>
        <div class="end-card-title">カフェインとGABAは相殺しない理由</div>
      </div>
    </a>
  </div>
</div>



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



<style>
/* Memory Coffee よくあるご質問（SWELLテーマ干渉リセット） */
.mc-faq-wrapper {
    margin: 0 0 40px 0 !important;
}

/* 親コンテナ */
.mc-faq-wrapper .mc-faq-container {
    background-color: #F0F8FF !important;
    padding: 30px 20px !important;
    border-radius: 8px !important;
    border: 1px solid #D6EAF8 !important;
    font-family: sans-serif !important;
    box-sizing: border-box !important;
}

/* メイン見出し H2（テーマ負けを修正・黄土色の線を完全解除） */
.mc-faq-wrapper .mc-faq-container h2.mc-faq-title {
    display: block !important;
    text-align: center !important;
    color: #154360 !important;
    font-size: 1.3rem !important;
    margin: 0 0 30px 0 !important;
    border-top: none !important;     /* 上の線を強制リセット */
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #D6EAF8 !important; /* ユーザー意図の下線のみ */
    padding: 0 0 15px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}

/* ★追加：SWELL特有の疑似要素（上下の黄土色飾り線など）を強制非表示 */
.mc-faq-wrapper .mc-faq-container h2.mc-faq-title::before,
.mc-faq-wrapper .mc-faq-container h2.mc-faq-title::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    border: none !important;
}

/* Q&A 項目 */
.mc-faq-wrapper .mc-faq-item {
    margin-bottom: 30px !important;
}
.mc-faq-wrapper .mc-faq-item:last-child {
    margin-bottom: 0 !important;
}

/* Q&A の共通レイアウト */
.mc-faq-wrapper .mc-faq-row {
    display: flex !important;
    align-items: flex-start !important;
}

/* Q と A のアイコン */
.mc-faq-wrapper .mc-faq-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2.2em !important;
    height: 2.2em !important;
    line-height: 1 !important;
    text-align: center !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    margin-right: 12px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    border: none !important;
    margin-top: 0.1rem !important;
}

.mc-faq-icon-q {
    background-color: #154360 !important;
    color: #ffffff !important;
}

.mc-faq-icon-a {
    background-color: #D6EAF8 !important;
    color: #154360 !important;
}

/* 質問テキスト（H4） */
.mc-faq-wrapper .mc-faq-container h4.mc-faq-question {
    margin: 0 !important;
    color: #154360 !important;
    font-size: 1.1rem !important;
    line-height: 1.4 !important;
    font-weight: bold !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 回答テキストエリア */
.mc-faq-wrapper .mc-faq-answer {
    flex: 1 !important;
    margin: 0 !important;
    color: #333333 !important;
    line-height: 1.8 !important;
    font-size: 0.95rem !important;
}

.mc-faq-wrapper .mc-faq-answer p {
    margin: 0 0 1em 0 !important;
    color: #333333 !important;
}
.mc-faq-wrapper .mc-faq-answer p:last-child {
    margin-bottom: 0 !important;
}

/* 箇条書きリスト */
.mc-faq-wrapper .mc-faq-answer ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 1em 0 !important;
}
.mc-faq-wrapper .mc-faq-answer li {
    margin-bottom: 4px !important;
}

/* リンク */
.mc-faq-wrapper .mc-faq-answer a {
    color: #0044CC !important;
    text-decoration: underline !important;
}
</style>

<div class="mc-faq-wrapper">
    <div class="mc-faq-container">
        
        <h2 class="mc-faq-title">
            よくあるご質問
        </h2>

        <!-- 1. 味はおいしいですか？ -->
        <div class="mc-faq-item">
            <div class="mc-faq-row" style="margin-bottom: 12px;">
                <span class="mc-faq-icon mc-faq-icon-q">Q</span>
                <h4 class="mc-faq-question">味はおいしいですか？</h4>
            </div>
            <div class="mc-faq-row">
                <span class="mc-faq-icon mc-faq-icon-a">A</span>
                <div class="mc-faq-answer">
                    <p>「毎日続けやすく」をコンセプトとし、GABA風味と調和するよう、すっきりとしたブラジル産コーヒー豆と、コクと深みのあるベトナム産コーヒー豆を絶妙な配合でブレンドしています。</p>
                    <p>以下、今までいただいた声です。<br>
                    ・スッキリのみやすい<br>
                    ・コーヒーらしい味わい<br>
                    ・違伸感がない<br>
                    ・カカオの風味を感じる<br>
                    ・キリマンジャロのような酸味を感じる<br>
                    ※など一部抜粋</p>
                    <p>また、お湯の量や温度によっても味わいは変わります。（おすすめは140mlの設計です）<br>
                    コーヒーは性質上、冷めると酸味が際立つため、苦手な方は温かい内にお飲みいただくことをおすすめします。</p>
                    <p>味覚には個人差があるため断言はできかねますが、<strong>“日々のひとときを豊かにする一杯”</strong>になることを願って開発いたしました。<br>
                    ぜひ、一度、お飲みいただければ幸いです。</p>
                </div>
            </div>
        </div>

        <!-- 2. どのくらいの期間続けるとよいですか？ -->
        <div class="mc-faq-item">
            <div class="mc-faq-row" style="margin-bottom: 12px;">
                <span class="mc-faq-icon mc-faq-icon-q">Q</span>
                <h4 class="mc-faq-question">どのくらいの期間続けるとよいですか？</h4>
            </div>
            <div class="mc-faq-row">
                <span class="mc-faq-icon mc-faq-icon-a">A</span>
                <div class="mc-faq-answer">
                    <p>本商品に含まれるGABAは、12週間（約3ヶ月）継続的に摂取することで、記憶力（見たり聞いたりしたことを思い出す力）などの認知機能の維持する機能があることが報告されています。</p>
                    <p>そのため、まずは3ヶ月を目安に、生活習慣の一部として取り入れていただくことをおすすめします。</p>
                    <p>ただし、効果については“実感しにくい場合がある”というのも事実です。<br>
                    その理由として、日々の生活の中で感じる疲労やストレス等の強度によって、一時的に脳機能が低下する可能性もあるからです。<br>
                    <strong>「機能の変化を感じにくいことから、途中で続けられなくなる」それが従来の“脳活”商品の共通した大きな課題でした。</strong></p>
                    <p>そこでMemory Coffeeは「GABAの機能性」に「コーヒー」という日常的な飲み物を掛け合わせて商品設計・開発いたしました。<br>
                    コーヒーを飲む習慣とともに、自ずと結果も伴うような<strong>「仕組みで課題を解決」</strong>することを目指しました。</p>
                    <p>GABAの機能性については科学的根拠に基づいて、届出・受理されております。<br>
                    もし、詳細を確認したい場合は消費者庁の機能性表示食品データベースをご覧ください。</p>
                    <p><a href="https://www.fld.caa.go.jp/caaks/s/cssc01/" target="_blank" rel="noopener">▶ 機能性表示食品検索</a><br>
                    ※キーワード検索で「J1384」または「コーヒー」で検索してください</p>
                    <p>単なる水と共に飲むサプリメントではなく、味わい（摂取体験）に彩りを持たせることで、より続けやすくしたいとの想いであります。<br>
                    味がお口に合うようでしたら、ぜひ続けていただければ幸いです。</p>
                </div>
            </div>
        </div>

        <!-- 3. 添加物が気になります -->
        <div class="mc-faq-item">
            <div class="mc-faq-row" style="margin-bottom: 12px;">
                <span class="mc-faq-icon mc-faq-icon-q">Q</span>
                <h4 class="mc-faq-question">添加物が気になります</h4>
            </div>
            <div class="mc-faq-row">
                <span class="mc-faq-icon mc-faq-icon-a">A</span>
                <div class="mc-faq-answer">
                    <p>当商品に使用している添加物は、「香料」と「微粒二酸化ケイ素」の2種類のみです。</p>
                    <p>保存料・着色料・合成甘味料などの健康リスクが懸念されやすい添加物は一切使用しておりません。<br>
                    機能性表示食品としての品質と飲みやすさを両立するために、安全性と必要性のバランスを重視した設計を行っています。</p>
                    <p>原材料に納得してお選びいただけるよう、配合理由や安全性について以下で明示いたします。<br><br>
                    当商品には以下の原材料が使われています。<br>
                    ーーーーーーーーーーーーーーー<br>
                    コーヒー（コーヒー豆（ブラジル、ベトナム））、 <br>
                    還元麦芽糖水飴、GABA / 香料、微粒二酸化ケイ素<br>
                    ※香料と微粒二酸化ケイ素が食品添加物です<br>
                    ーーーーーーーーーーーーーーー</p>
                    <p>原材料の表示は、含有量が多い順番に記載するルールとなっています。<br>
                    当商品は”コーヒーの顔を持つ健康食品”であり、正式名称は「GABA含有加工食品」です。<br>
                    つまり、機能性関与成分の”GABA200mgが主役”の商品となっています。<br>
                    このGABAを飲みやすくするためにコーヒー（ブラジル、ベトナム産）を独自にブレンド配合いたしました。</p>
                    <p>【原材料解説と使用目的】<br>
                    <strong>還元麦芽糖水飴</strong>（※食品添加物ではない）<br>
                    粉末をなめらか（均一化）するために使用。<br>
                    水飴とありますが、これ自体の甘さはほとんど感じない含有量です。<br>
                    これにより、インスタントコーヒーとGABAの調和を実現します。<br>
                    また、充填作業が効率化し、製造効率を上げることができます。さらに溶けやすさも実現します。</p>
                    <p><strong>香料</strong><br>
                    香りづけに使用。天然素材由来の香料を使用しています。<br>
                    これにより、コーヒーの華やかさも感じることができます。<br>
                    無香料も検討しましたが、毎日のひとときをより楽しんでいただくために採用いたしました。</p>
                    <p><strong>微粒二酸化ケイ素</strong><br>
                    固まり防止（固結防止剤）・粉末の流動性確保のために使用される、食品衛生法で認められた、一般的にも幅広く使用される安全な添加物です。<br>
                    本品は一般的なインスタントコーヒーとは違い「粉末状」となっています。<br>
                    製品の均質性と品質維持のために不可欠な原料です。</p>
                    <p>特に「還元麦芽糖水飴」と「微粒二酸化ケイ素」は本商品の要です。<br>
                    製造後２年を経過しても「１スティックあたりのGABA200mg」を担保しなければいけません。<br>
                    確実に機能性を担保するための重要な原材料であります。<br>
                    いかなる時も、皆様に安心して飲んでいただきたいという想いで、商品設計を致しました。</p>
                </div>
            </div>
        </div>

        <!-- 4. どこの工場で作られていますか？ -->
        <div class="mc-faq-item">
            <div class="mc-faq-row" style="margin-bottom: 12px;">
                <span class="mc-faq-icon mc-faq-icon-q">Q</span>
                <h4 class="mc-faq-question">どこの工場で作られていますか？</h4>
            </div>
            <div class="mc-faq-row">
                <span class="mc-faq-icon mc-faq-icon-a">A</span>
                <div class="mc-faq-answer">
                    <p>当商品は、日本国内のGMP認定工場（認定番号：14307）にて製造されています。</p>
                    <p><strong>GMP（Good Manufacturing Practice）</strong>とは？<br>
                    厚生労働省が定める「適正製造規範」のことで、 <strong>原材料の受け入れから製造・包装・出荷に至るまで、全工程で安全性と品質の確保が徹底されている基準</strong>です。</p>
                    <p>また、本品は機能性表示食品として消費者庁に届出・受理されており、 1スティックあたりGABA200mgが安定して配合されるよう、徹底された品質管理の環境で製造を行っております。</p>
                    <p>製造体制の信頼性を担保するため、消費者庁ホームページでは製造者固有記号の開示も行っております。<br>
                    より詳細な確認をご希望の方は、そちらをご参照ください。</p>
                    <p><a href="https://www.fld.caa.go.jp/caaks/s/cksc01" target="_blank" rel="noopener">▶ 製造所固有記号検索</a><br>
                    製造者又は販売者の欄にて「HOPEF」と入力・検索していただければ確認できます。</p>
                </div>
            </div>
        </div>

    </div>
</div>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "味はおいしいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "「毎日続けやすく」をコンセプトとし、GABA風味と調和するよう、すっきりとしたブラジル産コーヒー豆と、コクと深みのあるベトナム産コーヒー豆を絶妙な配合でブレンドしています。<br><br>以下、今までいただいた声です。<br>・スッキリのみやすい<br>・コーヒーらしい味わい<br>・違和感がない<br>・カカオの風味を感じる<br>・キリマンジャロのような酸味を感じる<br>※など一部抜粋<br><br>また、お湯の量や温度によっても味わいは変わります。（おすすめは140mlの設計です）<br>コーヒーは性質上、冷めると酸味が際立つため、苦手な方は温かい内にお飲みいただくことをおすすめします。<br><br>味覚には個人差があるため断言はできかねますが、<strong>“日々のひとときを豊かにする一杯”</strong>になることを願って開発いたしました。<br>ぜひ、一度、お飲みいただければ幸いです。"
      }
    },
    {
      "@type": "Question",
      "name": "どのくらいの期間続けるとよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "本商品に含まれるGABAは、12週間（約3ヶ月）継続的に摂取することで、記憶力（見たり聞いたりしたことを思い出す力）などの認知機能の維持する機能があることが報告されています。<br><br>そのため、まずは3ヶ月を目安に、生活習慣の一部として取り入れていただくことをおすすめします。<br><br>ただし、効果については“実感しにくい場合がある”というのも事実です。その理由として、日々の生活の中で感じる疲労やストレス等の強度によって、一時的に脳機能が低下する可能性もあるからです。<strong>「機能の変化を感じにくいことから、途中で続けられなくなる」それが従来の“脳活”商品の共通した大きな課題でした。</strong><br><br>そこでMemory Coffeeは「GABAの機能性」に「コーヒー」という日常的な飲み物を掛け合わせて商品設計・開発いたしました。コーヒーを飲む習慣とともに、自ずと結果も伴うような<strong>「仕組みで課題を解決」</strong>することを目指しました。<br><br>GABAの機能性については科学的根拠に基づいて、届出・受理されております。もし、詳細を確認したい場合は消費者庁の機能性表示食品データベースをご覧ください。<br><br><a href=\"https://www.fld.caa.go.jp/caaks/s/cssc01/\" target=\"_blank\">▶ 機能性表示食品検索</a><br>※キーワード検索で「J1384」または「コーヒー」で検索してください<br><br>単なる水と共に飲むサプリメントではなく、味わい（摂取体験）に彩りを持たせることで、より続けやすくしたいとの想いであります。味がお口に合うようでしたら、ぜひ続けていただければ幸いです。"
      }
    },
    {
      "@type": "Question",
      "name": "添加物が気になります",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "当商品に使用している添加物は、「香料」と「微粒二酸化ケイ素」の2種類のみです。<br><br>保存料・着色料・合成甘味料などの健康リスクが懸念されやすい添加物は一切使用しておりません。機能性表示食品としての品質と飲みやすさを両立するために、安全性と必要性のバランスを重視した設計を行っています。<br><br>【原材料解説と使用目的】<br><strong>還元麦芽糖水飴</strong>（※食品添加物ではない）<br>粉末をなめらか（均一化）するために使用。水飴とありますが、これ自体の甘さはほとんど感じない含有量です。<br><br><strong>香料</strong><br>香りづけに使用。天然素材由来の香料を使用しています。<br><br><strong>微粒二酸化ケイ素</strong><br>固まり防止（固結防止剤）・粉末の流動性確保のために使用される、食品衛生法で認められた安全な添加物です。<br><br>特に「還元麦芽糖水飴」と「微粒二酸化ケイ素」は本商品の要です。製造後２年を経過しても「１スティックあたりのGABA200mg」を担保しなければいけません。いかなる時も、皆様に安心して飲んでいただきたいという想いで、商品設計を致しました。"
      }
    },
    {
      "@type": "Question",
      "name": "どこの工場で作られていますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "当商品は、日本国内のGMP認定工場（認定番号：14307）にて製造されています。<br><br><strong>GMP（Good Manufacturing Practice）</strong>とは？<br>厚生労働省が定める「適正製造規範」のことで、 <strong>原材料の受け入れから製造・包装・出荷に至るまで、全工程で安全性と品質の確保が徹底されている基準</strong>です。<br><br>また、本品は機能性表示食品として消費者庁に届出・受理されており、 1スティックあたりGABA200mgが安定して配合されるよう、徹底された品質管理の環境で製造を行っております。<br><br>製造体制の信頼性を担保するため、消費者庁ホームページでは製造者固有記号の開示も行っております。<br><br><a href=\"https://www.fld.caa.go.jp/caaks/s/cksc01\" target=\"_blank\">▶ 製造所固有記号検索</a><br>製造者又は販売者の欄にて「HOPEF」と入力・検索していただければ確認できます。"
      }
    }
  ]
}
</script>



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



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【国内わずか約220工場】Memory Coffeeが取得難易度の高い「GMP認証」にこだわる真実の理由</title>
		<link>https://memory-coffee.jp/magazine/gmp-quality/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Fri, 01 May 2026 12:43:12 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4890</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/gmp-factory-mede-gaba-coffee-02-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ 💡この記事でわかる3つのこと なぜ「どこで作るか [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/gmp-factory-mede-gaba-coffee-02-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<style>
    .article-summary-box {
        background-color: #f0f8ff; /* 清潔感のある薄水色（アリスブルー） */
        border: 1px solid #bce8f1;
        border-top: 5px solid #3498db; /* アクセントの少し濃い青 */
        padding: 20px 25px;
        margin: 30px 0;
        border-radius: 4px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }
    .article-summary-title {
        font-size: 1.15rem;
        color: #2980b9;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
    }
    .article-summary-title span {
        margin-right: 8px;
        font-size: 1.3em;
    }
    .article-summary-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .article-summary-list li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 12px;
        font-size: 0.95rem;
        color: #333;
        line-height: 1.6;
        font-weight: bold;
    }
    .article-summary-list li:last-child {
        margin-bottom: 0;
    }
    .article-summary-list li::before {
        content: '✓';
        position: absolute;
        left: 0;
        top: 2px;
        color: #fff;
        background-color: #3498db;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.75rem;
    }
</style>

<div class="article-summary-box">
    <div class="article-summary-title">
        <span>💡</span>この記事でわかる3つのこと
    </div>
    <ul class="article-summary-list">
        <li>なぜ「どこで作るか」が重要なのか？（全国約220箇所しかないGMP認証工場の安全性）</li>
        <li>パッケージの成分表示は本当か？（コーヒーとGABAを均一に混ぜる、見えない技術の壁）</li>
        <li>万が一の時も安心できる理由は？（原料から出荷までを追跡できる、徹底した検査と記録体制）</li>
    </ul>
</div>



<p class="wp-block-paragraph">健康意識の高まりとともに、コンビニやスーパーの棚には「機能性表示食品」と書かれた商品が溢れるようになりました。</p>



<p class="wp-block-paragraph">しかし、私たちはそのパッケージの表面に踊る「成分量」や「キャッチコピー」ばかりに目を奪われ、<strong>最も重要な「裏側」を見落としがち</strong>です。</p>



<p class="wp-block-paragraph">それは、「<strong><span class="swl-marker mark_yellow">その商品は、どのような基準で管理された場所で作られているのか？</span></strong>」という事実です。</p>



<p class="wp-block-paragraph">Memory Coffee（メモリーコーヒー）は、1杯あたりGABA（γ-アミノ酪酸）を200mg配合した機能性表示食品です。</p>



<p class="wp-block-paragraph">私たちがこの商品の製造において、一切の妥協なくこだわっているのが、国内でも数少ない「<strong><span class="swl-marker mark_yellow">GMP認証工場</span></strong>」での生産です。</p>



<p class="wp-block-paragraph">なぜ、ただのコーヒー製造では済ませないのか？</p>



<p class="wp-block-paragraph">なぜ、あえてハードルの高い医薬品レベルの管理基準を自らに課すのか？</p>



<p class="wp-block-paragraph">そこには、お客様の口に入るものを作る者としての「責任」と、科学的な根拠を裏切らないための「技術的必然性」があります。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-1024x576.webp" alt="機能性表示食品のMemory Coffee（メモリーコーヒー）はGMP認定工場（認定番号：14307）で製造されていることを表示した画像" class="wp-image-4912" srcset="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<h2 class="wp-block-heading">日本全国でわずか約220工場。GMP認証の圧倒的なハードル</h2>



<p class="wp-block-paragraph">まず、私たちが拠点を置く「GMP認証工場」が、国内でどれほど希少な存在であるかという事実をお伝えします。</p>



<style>
    .gmp-knowledge-box {
        background-color: #f9f9f9;
        border: 2px solid #e0e0e0;
        padding: 30px;
        margin: 40px 0;
        border-radius: 10px;
        position: relative;
    }
    .gmp-knowledge-tag {
        position: absolute;
        top: -15px;
        left: 20px;
        background: #1A2A40;
        color: #fff;
        padding: 4px 15px;
        font-size: 0.8rem;
        font-weight: bold;
        border-radius: 4px;
    }
    .gmp-k-title {
        font-size: 1.25rem;
        color: #1A2A40;
        font-weight: bold;
        margin-bottom: 20px;
        border-bottom: 2px solid #C5A059;
        padding-bottom: 10px;
    }
    .gmp-k-sub {
        font-weight: bold;
        color: #2980b9;
        margin-top: 20px;
        margin-bottom: 10px;
        display: block;
    }
    .gmp-k-content {
        font-size: 0.95rem;
        line-height: 1.7;
        color: #444;
    }
    .gmp-k-list {
        margin: 15px 0;
        padding-left: 1.2em;
    }
    .gmp-k-list li {
        margin-bottom: 8px;
    }
    .gmp-important-note {
        background: #fff5f5;
        border-left: 4px solid #e74c3c;
        padding: 15px;
        margin-top: 20px;
        font-size: 0.9rem;
    }
</style>

<div class="gmp-knowledge-box">
    <div class="gmp-knowledge-tag">KNOWLEDGE</div>
    <div class="gmp-k-title">そもそも「GMP」とは何を指すのか？</div>
    
    <div class="gmp-k-content">
        <p>GMPとは「Good Manufacturing Practice」の略で、「適正製造規範」と訳されます。より平易に言えば、<strong>「製造管理」と「品質管理」を徹底するための厳格な仕組み</strong>のことです。<br>医薬品の有効性と安全性を確保する世界基準の手法として知られています。</p>

        <span class="gmp-k-sub">なぜサプリメント形状の食品にGMPが必要なのか？</span>
        <p>サプリメントは天然由来の成分を高度に濃縮して製造されます。<br>この「濃縮」の過程では、有用な成分だけでなく、<strong>予期せぬ有害成分までもが濃縮されてしまうリスク</strong>を孕んでいます。<br>また、錠剤やカプセルは過剰摂取もしやすいため、医薬品に近いレベルでの厳密な管理が求められるのです。</p>

        <span class="gmp-k-sub">GMPが掲げる「3つの原則」</span>
        <ul class="gmp-k-list">
            <li><strong>人為的な誤りを防止する</strong>（ヒューマンエラーの排除）</li>
            <li><strong>汚染や品質低下を防止する</strong>（交差汚染や劣化の徹底遮断）</li>
            <li><strong>全工程を通して一定の品質を確保する</strong>（製品の均一性）</li>
        </ul>

        <div class="gmp-important-note">
            <strong>【2024年の重要アップデート】</strong><br>
            これまで日本国内では、サプリメントのGMP管理は「努力義務」に近い状態でした。<br>しかし、近年の健康被害事例を鑑み、<strong>2024年9月より「サプリメント形状の機能性表示食品」に対して、GMPによる管理が完全義務化</strong>されました。
        </div>
        
        <p style="margin-top:15px;">Memory Coffeeは、この最新の法的基準を遵守し、消費者庁の管轄下にある厳格な査察基準をクリアできる体制で製造されています。</p>
    </div>
</div>



<p class="wp-block-paragraph">認証については、厚生労働省のガイドラインに基づき、日本健康・栄養食品協会（日健栄協）などの第三者機関が厳重な審査を行います。</p>



<style>
    /* テーマの装飾に影響しないよう、すべてクラス名のみで指定 */
    .gmp-h2-title {
        font-size: 1.3rem;
        color: #2980b9;
        margin-top: 35px;
        margin-bottom: 15px;
        border-left: 5px solid #3498db;
        padding-left: 12px;
        font-weight: bold;
        line-height: 1.4;
    }
    .gmp-type-card {
        background-color: #f4f6f7;
        padding: 20px;
        border-radius: 6px;
        margin-bottom: 20px;
        border-left: 4px solid #7f8c8d;
    }
    .gmp-type-card.health-food {
        border-left-color: #e67e22;
        background-color: #fdfae6;
    }
    .gmp-card-title {
        font-size: 1.15rem;
        font-weight: bold;
        color: #333;
        margin-bottom: 10px;
    }
    .gmp-number-box {
        background-color: #e8f4f8;
        border: 1px solid #bce8f1;
        padding: 20px;
        border-radius: 6px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .gmp-number-box-title {
        color: #31708f;
        font-size: 1.15rem;
        font-weight: bold;
        border-bottom: 1px dashed #31708f;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .gmp-benefit-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .gmp-benefit-list li {
        position: relative;
        padding-left: 1.5em;
        margin-bottom: 15px;
    }
    .gmp-benefit-list li::before {
        content: '✓';
        position: absolute;
        left: 0;
        top: 2px;
        color: #27ae60;
        font-weight: bold;
    }
</style>

<!-- h2タグをdivに変更し、テーマの干渉を完全に遮断 -->
<div class="gmp-h2-title">1. GMP認証の主な種類</div>
<p>国内のGMPは、大きく分けて以下の3つのカテゴリに分類されます。</p>

<div class="gmp-type-card">
    <div class="gmp-card-title">① 医薬品GMP（法的義務）</div>
    <p>医薬品や医薬部外品の製造において、<strong>医薬品医療機器等法（薬機法）によって義務付けられている</strong>最も厳格な基準です。<br>この基準をクリアしなければ、医薬品を製造・販売することはできません。<br>PMDA（医薬品医療機器総合機構）や都道府県が査察を行います。</p>
</div>

<div class="gmp-type-card health-food">
    <div class="gmp-card-title">② 健康食品GMP（民間認証・強く推奨）</div>
    <p>サプリメントや機能性食品などを対象とした基準です。<br>厚生労働省のガイドラインに基づき、日本健康・栄養食品協会（日健栄協）や日本健康食品規格協会（JIHFS）などの第三者機関が審査・認証します。<br>法的義務ではありませんが、<strong>機能性表示食品を製造する上での実質的なスタンダード</strong>となっています。</p>
</div>

<div class="gmp-type-card">
    <div class="gmp-card-title">③ 化粧品GMP（国際規格等）</div>
    <p>化粧品の製造に関する基準です。<br>ISO 22716という国際規格に基づくGMPが広く採用されており、輸出入の際の品質保証の国際的な要件として機能しています。</p>
</div>

<!-- h2タグをdivに変更 -->
<div class="gmp-h2-title">2. 健康食品GMPに認証されると何があるのか？（メリット）</div>
<p>法的義務ではない「健康食品GMP」をあえて取得・維持する工場で製造することには、以下の明確なメリットと恩恵があります。</p>

<ul class="gmp-benefit-list">
    <li><strong>機能性表示食品における「消費者庁への届け出」の強力な根拠となる</strong><br>機能性表示食品（特にサプリメント形状のもの）を販売する際、消費者庁は「GMP認証工場での製造」を強く推奨しています。<br>認証工場で製造されているという事実は、行政に対する品質管理体制の最も確実な証明となります。</li>
    <li><strong>製品回収（リコール）リスクの極小化</strong><br>「誰が・いつ・どう作ったか」がすべて記録され、異物混入や計量ミスを防ぐシステムが構築されているため、企業にとって致命傷となる健康被害や製品回収のリスクを未然に防ぐことができます。</li>
    <li><strong>万が一のトラブル時の「防波堤（トレーサビリティ）」</strong><br>消費者からクレームがあった場合でも、GMPの厳格な記録（トレーサビリティ）を遡ることで、工場側の過失か、それとも輸送・保管時の問題かを客観的データに基づいて迅速に検証・証明することができます。</li>
</ul>

<!-- h2タグをdivに変更 -->
<div class="gmp-h2-title">3. 審査クリアの証：「認定番号」の付与と絶対的なエビデンス</div>
<p>厳しい審査を通過した工場には、第三者機関から固有の「認定番号（例：認定番号 111-B0X-0X）」が付与されます。この番号は、ブランドにとって「品質の客観的証明」として強力に機能します。</p>

<div class="gmp-number-box">
    <div class="gmp-number-box-title">認定番号がもたらす3つの価値</div>
    <ul class="gmp-benefit-list">
        <li><strong>公式「GMPマーク」の掲示による信頼獲得</strong><br>指定の条件を満たすことで、製品パッケージやWebサイトに公式のGMPマークと認定番号を表示できます。<br>健康リテラシーの高い消費者にとって、一目でわかる安心のシグナルとなります。</li>
        <li><strong>「自称」を排除する圧倒的な透明性</strong><br>認定番号と工場名は審査機関の公式サイト等で公開されるため、誰でも事実確認が可能です。<br>「安全な工場で作っています」という自称の言葉が、嘘やごまかしの効かない「客観的な事実（ファクト）」へと昇華されます。</li>
        <li><strong>BtoB取引（法人営業・卸売）の強力なパスポート</strong><br>法人向けの福利厚生導入や小売店への卸売を展開する際、バイヤーから品質管理体制を厳しく問われます。<br>その際、工場の「GMP認定番号」を提示するだけで、品質チェック項目をクリアできる強力なパスポートとなります。</li>
    </ul>
</div>
<p style="margin-top: 20px; font-size: 0.9em; color: #7f8c8d; text-align: right;">※国内の健康食品GMP認定工場は、全国に数万ある食品工場のうち、わずか約220工場（2024年時点）と非常に狭き門となっています。</p>



<p class="wp-block-paragraph">現在、日本国内には無数の食品工場が存在しますが、健康食品GMPの認定を取得・維持できている工場は、<strong><span class="swl-marker mark_yellow">全国でわずか約220箇所</span></strong><small class="mininote">※</small>に過ぎません。<br><small class="mininote">（※日本健康・栄養食品協会（日健栄協）および日本健康食品規格協会（JIHFS）の健康食品GMP認定工場数の合算（2024年2月時点））</small></p>



<p class="wp-block-paragraph">なぜ、これほどまでに少ないのでしょうか？</p>



<p class="wp-block-paragraph">それは、認証を取得するために求められる設備投資、組織体制、そして膨大な運用コストが、一般的な食品工場の常識を遥かに超えているからです。</p>



<p class="wp-block-paragraph"></p>



<style>
    .special-column-box {
        background-color: #fdfbf7;
        border: 1px solid #e8e0d5;
        border-left: 6px solid #8b5a2b;
        padding: 25px;
        margin: 40px 0;
        border-radius: 4px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    }
    .special-column-title {
        font-size: 1.15rem;
        color: #5c3a21;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        border-bottom: 1px dashed #d1c7b8;
        padding-bottom: 10px;
    }
    .special-column-title span {
        margin-right: 8px;
        font-size: 1.2em;
    }
    .special-column-content p {
        margin: 0 0 12px 0;
        font-size: 0.95rem;
        color: #444;
        line-height: 1.7;
    }
    .special-column-content .real-voice {
        background-color: #fff;
        border: 1px solid #e0d8c8;
        padding: 15px;
        border-radius: 4px;
        margin: 15px 0;
        font-weight: bold;
        color: #c0392b;
    }
    .special-column-content .real-voice ul {
        margin: 0;
        padding-left: 20px;
    }
    .special-column-content .real-voice li {
        margin-bottom: 5px;
    }
    .special-column-content .real-voice li:last-child {
        margin-bottom: 0;
    }
</style>

<div class="special-column-box">
    <div class="special-column-title">
        <span>☕</span>【開発秘話】GMP工場から突き返された「2つのリアルな壁」
    </div>
    <div class="special-column-content">
        <p>Memory Coffeeの開発にあたり、私たちは国内のGMP認証工場をいくつも探し回りました。<br>しかし、その多くから、ある共通の理由で製造を断られました。それが以下の言葉です。</p>
        
        <div class="real-voice">
            <ul>
                <li>「コーヒー粉末の製造実績がないため、お受けできません」</li>
                <li>「コーヒー特有の油分と香りが機械に付くため、ラインの洗浄が大変すぎる」</li>
            </ul>
        </div>
        
        <p>一般的なサプリメント（無臭の白い粉末など）を作り慣れているGMP工場にとって、焙煎の香りが強く油分を含むコーヒーは、実は「非常に厄介な素材」なのです。<br>GMPの基準では、他の製品への匂い移りや成分の混入（交差汚染）を絶対に防がなければなりません。<br>そのため、コーヒーを製造した後の機械は、通常よりも遥かに膨大な時間とコストをかけて洗浄を行う必要があります。</p>
        <p>「GMP認証の厳格な管理体制」と「コーヒー粉末の取り扱い」。<br>この2つを両立できる製造ラインを見つけ出すこと自体が、極めて高いハードルでした。<br>Memory Coffeeが今のパートナー工場で製造できている裏には、こうした「見えない壁」を乗り越えたモノづくりへの執念があります。</p>
    </div>
</div>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/price-reason/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-price-reason.webp" alt="1箱5,800円の理由を全部話す">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">価格の根拠</div>
      <div class="inline-card-title">1箱5,800円の理由を全部話す</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



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



<h3 class="wp-block-heading">設備と組織への厳しい要求</h3>



<p class="wp-block-paragraph">GMP工場では、外部からの塵埃や害虫の侵入を完全に遮断する空調システム、作業者の動線を分けた厳密なゾーニング（汚染区域と清潔区域の分離）、そして交差汚染を防ぐための高度な洗浄設備が不可欠です。</p>



<p class="wp-block-paragraph">しかし、それ以上に厳しいのが<strong><span class="swl-marker mark_yellow">「人」と「記録」の管理</span></strong>です。</p>



<p class="wp-block-paragraph">GMPの現場では、「誰が、いつ、どの原料を、どれだけ使い、どのような手順で製造したか」をすべて文書化し、数年間にわたって保管する義務があります。</p>



<p class="wp-block-paragraph">たとえベテランの作業者であっても、個人の経験や勘に頼ることは許されません。</p>



<p class="wp-block-paragraph">すべてはマニュアル化され、記録され、第三者が後から検証できなければならないのです。</p>



<p class="wp-block-paragraph">「<strong>記録がないものは、実施していないものとみなす</strong>」。</p>



<p class="wp-block-paragraph">この徹底した透明性こそが、GMP認証工場の証であり、Memory Coffeeがその場所にこだわる第一の理由です。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-1024x576.webp" alt="機能性表示食品のMemory Coffee（メモリーコーヒー）はGMP認定工場（認定番号：14307）で製造されていることを表示した画像" class="wp-image-4912" srcset="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-gmp-factory-no.14307.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<style>
/* Memory Coffee プレミアム・ミニマルバナー（強制上書き版） */
.mc-premium-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 16px 24px !important;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  background: linear-gradient(135deg, #1a2a40 0%, #121b29 100%);
  border: 1px solid rgba(197, 160, 89, 0.4);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  transition: all 0.4s ease;
}

.mc-premium-banner:hover {
  transform: translateY(-2px);
  border-color: rgba(197, 160, 89, 0.8);
  box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

.mc-pb-left {
  display: flex !important;
  align-items: center !important;
  z-index: 2;
}
.mc-pb-logo-frame {
  padding: 5px;
  border-right: 1px solid rgba(255,255,255,0.1) !important;
  padding-right: 20px !important;
}
.mc-pb-logo-frame img {
  max-height: 40px !important;
  width: auto !important;
  display: block;
  opacity: 0.95;
}

/* 中央：テキストエリア（強制的に縦並び・左寄せ） */
.mc-pb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* ここが効くよう強制 */
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 0 24px !important;
  z-index: 2;
  gap: 6px !important;
}
.mc-pb-badge {
  background: transparent;
  border: 1px solid #C5A059;
  color: #C5A059;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding: 3px 10px;
  border-radius: 2px;
  white-space: nowrap !important;
  display: inline-block !important;
}
.mc-pb-text {
  color: #f8f9fa !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  white-space: nowrap !important; /* 改行を強制禁止 */
}

/* 右側：ボタン */
.mc-pb-btn {
  background: linear-gradient(145deg, #4CAF50 0%, #2E7D32 100%) !important;
  border: 1px solid #5EC762 !important;
  padding: 10px 24px !important;
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 6px 16px rgba(76, 175, 80, 0.35), inset 0 1px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  transition: all 0.3s ease;
  white-space: nowrap !important;
}

.mc-pb-btn::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 50%; height: 100%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
  transform: skewX(-20deg);
  animation: pbBtnShine 4s infinite;
}
@keyframes pbBtnShine {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}
.mc-pb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-premium-banner { flex-direction: column !important; gap: 20px !important; padding: 25px 20px !important; text-align: center !important; }
  .mc-pb-logo-frame { border-right: none !important; padding-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-pb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-pb-text { text-align: center !important; }
  .mc-pb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-premium-banner">
  <div class="mc-pb-left">
    <div class="mc-pb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>
  <div class="mc-pb-center">
    <div class="mc-pb-badge">機能性表示食品</div>
    <p class="mc-pb-text">
      コーヒーで手軽に記憶ケア
    </p>
  </div>
  <div class="mc-pb-btn">
    <span class="mc-pb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>
</a>



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



<h2 class="wp-block-heading">【入口の関門】原料受け入れ検査。スタートラインに立つための基準</h2>



<p class="wp-block-paragraph">モノづくりの品質は、原料が工場の門を叩いた瞬間に決まります。</p>



<p class="wp-block-paragraph">一般的な食品製造では、原料メーカーから届いた「試験成績書」を確認するだけで、そのまま製造ラインに投入されることも少なくありません。</p>



<p class="wp-block-paragraph">しかし、GMP認証工場ではそのような妥協は許されません。</p>



<p class="wp-block-paragraph">Memory Coffeeの製造プロセスは、届いた原料（コーヒー豆やGABA粉末）に対する、独自の「受け入れ試験」から始まります。</p>



<h3 class="wp-block-heading">科学的なデータによる適格性の証明</h3>



<p class="wp-block-paragraph">ロットごとにサンプリングを行い、以下のような項目を厳格に検査します。</p>



<style>
    .inspection-section {
        background-color: #f8fcfd;
        border: 1px solid #d9edf7;
        padding: 25px;
        border-radius: 8px;
        margin: 20px 0;
    }
    /* h3の代わりとなるクラス */
    .inspection-section-title {
        color: #2980b9;
        font-size: 1.3rem; /* h3相当のサイズ */
        font-weight: bold;
        margin-top: 0;
        text-align: center;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 10px;
    }
    .inspection-description {
        font-size: 0.95em;
        color: #555;
        text-align: center;
        margin-bottom: 20px;
    }
    .inspection-grid {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }
    .inspection-card {
        flex: 1;
        min-width: 220px;
        background: #fff;
        border-top: 4px solid #3498db;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        padding: 15px;
        border-radius: 6px;
    }
    .inspection-card.microbe { border-top-color: #2ecc71; }
    .inspection-card.safety { border-top-color: #e74c3c; }
    .inspection-card.purity { border-top-color: #f39c12; }
    
    /* h4の代わりとなるクラス */
    .inspection-card-title {
        color: #2c3e50;
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 1.05rem;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .inspection-card-title span {
        margin-right: 6px;
        font-size: 1.2em;
    }
    .inspection-card p {
        font-size: 0.9rem;
        color: #444;
        margin: 0;
        line-height: 1.5;
    }
    .inspection-card strong {
        display: block;
        margin-bottom: 5px;
        color: #222;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 4px;
    }
</style>

<div class="inspection-section">
    <!-- h3タグをdivタグに変更し、テーマの装飾干渉を遮断 -->
    <div class="inspection-section-title">GMP基準：原料受け入れ時の3大検査項目</div>
    <p class="inspection-description">
        工場に届いた原料（コーヒー豆や機能性素材）は、メーカーの成績書を鵜呑みにせず、自社基準の厳格な検査をクリアしない限り「製造エリア」への入場が許されません。
    </p>
    
    <div class="inspection-grid">
        <div class="inspection-card microbe">
            <!-- h4タグをdivタグに変更 -->
            <div class="inspection-card-title"><span>🦠</span>微生物検査</div>
            <p><strong>一般生菌数・大腸菌群など</strong>原料が衛生的な環境で製造・保管されていたかを確認し、食中毒や腐敗などの微生物的リスクを徹底的に排除します。</p>
        </div>

        <div class="inspection-card safety">
            <div class="inspection-card-title"><span>⚠️</span>安全性・汚染検査</div>
            <p><strong>重金属や残留農薬のチェック</strong>土壌や環境から移行する有害な重金属（鉛やヒ素など）や、基準値を超える農薬が残留していないかを厳密に測定します。</p>
        </div>

        <div class="inspection-card purity">
            <div class="inspection-card-title"><span>✨</span>品質・純度検査</div>
            <p><strong>成分の純度や性状の確認</strong>納品された原料に偽和（混ぜ物）がなく、規格通りの純度や性質（色、香り、粉の粒度など）を正確に満たしているかを分析します。</p>
        </div>
    </div>
</div>



<p class="wp-block-paragraph">たとえ原料メーカーの書類に「合格」と書かれていても、自社の基準で再検査を行い、合格したものだけが初めて「製造エリア」への入場を許されます。</p>



<p class="wp-block-paragraph">万が一、基準を満たさない原料が混じっていれば、その時点で全量が「不合格」として隔離されます。</p>



<p class="wp-block-paragraph">「良いものを作るために、悪いものを入れない」。</p>



<p class="wp-block-paragraph">この当たり前のことを、データの裏付けをもって実行できるのが、GMP認証工場の強みです。</p>



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



<h2 class="wp-block-heading">【製造の関門】「均一性」という物理的な壁。ただ混ぜるだけでは許されない</h2>



<p class="wp-block-paragraph">「1杯にGABAを200mg配合する」</p>



<p class="wp-block-paragraph">一見すると簡単なように聞こえるこの工程には、実は物理的な大きな壁が存在します。</p>



<p class="wp-block-paragraph">それが「粉体の比重差」の問題です。</p>



<p class="wp-block-paragraph">コーヒーの粉と、精製されたGABAの粉末は、粒の大きさ（粒度）も重さ（比重）も全く異なります。</p>



<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style>
  .simulation-wrapper {
    max-width: 500px;
    margin: 30px auto;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    text-align: center;
    font-family: sans-serif;
  }
  .simulation-title {
    font-size: 1.1rem;
    color: #2c3e50;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .simulation-desc {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 15px;
  }
  .container-box {
    width: 200px;
    height: 250px;
    border: 3px solid #bdc3c7;
    border-top: none;
    border-radius: 0 0 10px 10px;
    margin: 0 auto 20px auto;
    position: relative;
    background: #fff;
    overflow: hidden;
  }
  /* 振動アニメーション */
  .shaking {
    animation: shake 0.1s linear infinite;
  }
  @keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    25% { transform: translate(-1px, -2px) rotate(-1deg); }
    50% { transform: translate(-3px, 0px) rotate(1deg); }
    75% { transform: translate(2px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -1px) rotate(-1deg); }
  }
  /* 粒子の基本設定 */
  .particle {
    position: absolute;
    border-radius: 50%;
    transition: top 3s cubic-bezier(0.4, 0, 0.2, 1), left 3s ease;
  }
  /* コーヒー粉（大きく、比重が軽い想定） */
  .coffee {
    width: 14px;
    height: 14px;
    background-color: #5c3a21;
    z-index: 1;
  }
  /* GABA粉末（小さく、比重が重い想定） */
  .gaba {
    width: 6px;
    height: 6px;
    background-color: #f1c40f; /* 視認性のため少し色をつけています */
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    z-index: 2;
  }
  /* ボタンの装飾 */
  .btn-simulate {
    background-color: #3498db;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s;
  }
  .btn-simulate:hover {
    background-color: #2980b9;
  }
  .btn-simulate:disabled {
    background-color: #95a5a6;
    cursor: not-allowed;
  }
  .legend {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 15px;
    font-size: 0.85rem;
  }
  .legend span {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .legend-dot {
    display: inline-block;
    border-radius: 50%;
  }
</style>
</head>
<body>

<div class="simulation-wrapper">
  <div class="simulation-title">【視覚化】均一に混ぜることの難しさ</div>
  <div class="simulation-desc">
    粒の大きさや重さが違うものをただ混ぜただけでは、輸送時などのわずかな振動で、重い粉末が下に落ちて偏ってしまいます（偏析現象）。
  </div>
  
  <div class="legend">
    <span><span class="legend-dot" style="width: 12px; height: 12px; background: #5c3a21;"></span>コーヒー粉（大）</span>
    <span><span class="legend-dot" style="width: 6px; height: 6px; background: #f1c40f;"></span>GABA粉末（小）</span>
  </div>

  <div id="mixer" class="container-box">
    </div>

  <button id="simBtn" class="btn-simulate" onclick="startSimulation()">振動シミュレーションを開始</button>
</div>

<script>
  const mixer = document.getElementById('mixer');
  const btn = document.getElementById('simBtn');
  const coffeeCount = 70; // コーヒー粉の数
  const gabaCount = 120;  // GABA粉の数
  let isSimulating = false;

  // 初期化：粒子をランダムに配置（均一に混ざっている状態）
  function initParticles() {
    mixer.innerHTML = '';
    
    // コーヒー粉の生成
    for (let i = 0; i < coffeeCount; i++) {
      let p = document.createElement('div');
      p.className = 'particle coffee';
      p.style.left = Math.random() * 85 + '%';
      p.style.top = Math.random() * 85 + 5 + '%';
      mixer.appendChild(p);
    }
    
    // GABA粉の生成
    for (let i = 0; i < gabaCount; i++) {
      let p = document.createElement('div');
      p.className = 'particle gaba';
      p.style.left = Math.random() * 90 + '%';
      p.style.top = Math.random() * 85 + 5 + '%';
      mixer.appendChild(p);
    }
  }

  // アニメーション実行
  function startSimulation() {
    if (isSimulating) return;
    isSimulating = true;
    btn.disabled = true;
    btn.innerText = "振動による分離が発生中...";

    // 箱を揺らす
    mixer.classList.add('shaking');

    // 1秒後に粒子が分離し始める（ブラジルナッツ効果 / 偏析現象の再現）
    setTimeout(() => {
      const coffees = document.querySelectorAll('.coffee');
      const gabas = document.querySelectorAll('.gaba');

      // コーヒー（大きい粒子）は上へ浮き上がる傾向
      coffees.forEach(p => {
        p.style.top = Math.random() * 40 + 10 + '%'; // 上部10%〜50%の間に移動
      });

      // GABA（小さい粒子）は隙間を縫って下へ沈む傾向
      gabas.forEach(p => {
        p.style.top = Math.random() * 30 + 65 + '%'; // 下部65%〜95%の間に移動
      });
    }, 1000);

    // 4秒後に振動を止めてリセット可能にする
    setTimeout(() => {
      mixer.classList.remove('shaking');
      btn.innerText = "元に戻す（再配置）";
      btn.disabled = false;
      btn.onclick = resetSimulation;
    }, 4000);
  }

  // リセット処理
  function resetSimulation() {
    isSimulating = false;
    btn.innerText = "振動シミュレーションを開始";
    btn.onclick = startSimulation;
    initParticles();
  }

  // 初回読み込み時に粒子を配置
  window.onload = initParticles;
</script>

</body>
</html>



<p class="wp-block-paragraph">大きなミキサーに両方を投入してただ回しただけでは、重い粉末は下に沈み、軽い粉末は上に浮き上がる「偏析現象」が起きてしまいます。</p>



<h3 class="wp-block-heading">「どの1杯にも200mg」を証明するために</h3>



<p class="wp-block-paragraph">もし製造工程に不備があれば、ある袋にはGABAが300mg入り、別の袋には50mgしか入っていないといった、品質のバラツキが生じます。これでは機能性表示食品としての信頼は成り立ちません。</p>



<p class="wp-block-paragraph">Memory Coffeeは、医薬品製造にも通じる高度な粉体混合ノウハウを持つ製造ラインを採用しています。</p>



<p class="wp-block-paragraph">比重の異なる素材を、どのような速度で、どれだけの時間、どのような順序で混合すれば「完全に均一」になるのか。</p>



<p class="wp-block-paragraph">GMP基準では、この「混合の均一性」もデータで証明する必要があります。</p>



<p class="wp-block-paragraph">サンプリング検査を繰り返し、どのパッケージを手に取っても、表記通りのGABA200mgが正確に含まれていることを確認した上で、次の工程へと進むのです。</p>



<p class="wp-block-paragraph">特別な魔法を使っているわけではありません。</p>



<p class="wp-block-paragraph">物理的な特性を理解し、定められたマニュアル通りに愚直に、正確に工程を管理する。その積み重ねだけが、確かな機能性を生むのです。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="800" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/02/lp006-bridge-p.webp" alt="" class="wp-image-3341" style="width:766px;height:auto" srcset="https://memory-coffee.jp/wp-content/uploads/2026/02/lp006-bridge-p.webp 800w, https://memory-coffee.jp/wp-content/uploads/2026/02/lp006-bridge-p-300x225.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/02/lp006-bridge-p-768x576.webp 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



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



<h2 class="wp-block-heading">【出口の関門】最終検査とトレーサビリティ。記録が証明する信頼</h2>



<p class="wp-block-paragraph">製造の最終段階である「包装」においても、GMPの厳格さは変わりません。</p>



<p class="wp-block-paragraph">コーヒーは非常にデリケートな食品です。</p>



<p class="wp-block-paragraph">焙煎したての香りを守り、さらに機能性成分であるGABAを劣化させないためには、確実な密閉が不可欠です。</p>



<p class="wp-block-paragraph">Memory Coffeeは、1袋ずつ重量チェックを行い、さらにシーリング（熱封）がミリ単位の狂いもなく正確に行われているかを厳重に検査しています。</p>



<h3 class="wp-block-heading">「万が一」を想定したトレーサビリティ</h3>



<p class="wp-block-paragraph">GMP認証工場の真価は、出荷後にこそ発揮されます。</p>



<p class="wp-block-paragraph">すべての製品にはロット番号が付与されており、製造に関するあらゆる記録と紐付いています。</p>



<p class="wp-block-paragraph">もしお客様からお問い合わせをいただいた際、そのロット番号一つで、「いつ、どのタンクで、誰が担当し、どのロットの原料を使い、当日の機械の設定はどうだったか」まで、すべての履歴を瞬時に遡ることが可能です。</p>



<p class="wp-block-paragraph">「何かあっても、すべてを説明できる」。</p>



<p class="wp-block-paragraph">このトレーサビリティ（追跡可能性）こそが、お客様に対する最大の誠実さであり、責任であると私たちは考えています。</p>



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



<h2 class="wp-block-heading">まとめ：「当たり前」をどこよりも徹底する価値</h2>



<p class="wp-block-paragraph">Memory Coffeeは、世の中を驚かせるような「魔法の製法」を使っているわけではありません。</p>



<ul class="wp-block-list">
<li><strong>GMP認証工場を選ぶこと。</strong></li>



<li><strong>原料から出荷まで、すべての工程をデータと記録で管理すること。</strong></li>



<li><strong>物理的な課題から逃げず、均一な配合を追求すること。</strong></li>



<li><strong>機能性表示食品として届出を実施すること</strong></li>
</ul>



<p class="wp-block-paragraph">GMPという非常に厳格な、しかし極めて合理的なルールの下で、「当たり前のことを、当たり前に、どこよりも正確に実行している」という事実。</p>



<p class="wp-block-paragraph">それこそが、Memory Coffeeの品質の正体です。</p>



<p class="wp-block-paragraph">毎日の仕事のパフォーマンスを支える一杯として、あるいは離れて暮らす大切な親御さんへの贈り物として。</p>



<p class="wp-block-paragraph">私たちが提供しているのは、単なるコーヒーではありません。</p>



<p class="wp-block-paragraph">「この1杯には、約束された機能性が、確かな安全とともに詰まっている」という、揺るぎない信頼です。</p>



<p class="wp-block-paragraph">真のブレインヘルス習慣は、目に見える華やかな宣伝ではなく、目に見えない場所での徹底した品質管理から始まります。</p>



<p class="wp-block-paragraph">Memory Coffeeはこれからも、この妥協なきモノづくりの姿勢を貫いてまいります。</p>



<style>
/* Memory Coffee プレミアム・ミニマルバナー（落ち着きと品格） */
.mc-premium-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  margin: 3em 0;
  padding: 15px 35px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  
  /* 深い静寂を感じさせるミッドナイトブルー〜エスプレッソの微細グラデーション */
  background: linear-gradient(135deg, #1a2a40 0%, #121b29 100%);
  
  /* 極細のゴールド（琥珀色）ボーダー */
  border: 1px solid rgba(197, 160, 89, 0.4);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  transition: all 0.4s ease;
}

/* ホバー時の控えめな浮き上がりと輝き */
.mc-premium-banner:hover {
  transform: translateY(-2px);
  border-color: rgba(197, 160, 89, 0.8);
  box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

/* 左側：ロゴエリア */
.mc-pb-left {
  display: flex;
  align-items: center;
  z-index: 2;
}
.mc-pb-logo-frame {
  padding: 5px;
  border-right: 1px solid rgba(255,255,255,0.1);
  padding-right: 25px;
}
.mc-pb-logo-frame img {
  max-height: 40px;
  width: auto;
  display: block;
  opacity: 0.95;
}

/* 中央：テキストエリア */
.mc-pb-center {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 30px;
  z-index: 2;
}
.mc-pb-badge {
  background: transparent;
  border: 1px solid #C5A059;
  color: #C5A059;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  padding: 4px 12px;
  border-radius: 2px;
  margin-right: 25px;
  white-space: nowrap;
}
.mc-pb-text {
  color: #f8f9fa;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  letter-spacing: 0.08em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* 右側：背景から浮き上がる、明るいエメラルドグリーンの角丸ボタン */
.mc-pb-btn {
  /* 背景に沈まない、鮮やかで健康的なグリーン（明度アップ） */
  background: linear-gradient(145deg, #4CAF50 0%, #2E7D32 100%);
  border: 1px solid #5EC762; /* 境界を際立たせる明るいフチ */
  padding: 12px 32px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  /* 影だけでなく、内側にハイライト（白）を入れて立体感と分離感を強調 */
  box-shadow: 0 6px 16px rgba(76, 175, 80, 0.35), inset 0 1px 2px rgba(255,255,255,0.4);
  position: relative;
  overflow: hidden;
  z-index: 2;
  transition: all 0.3s ease;
}

/* ボタン上の柔らかな光の走査 */
.mc-pb-btn::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 50%; height: 100%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
  transform: skewX(-20deg);
  animation: pbBtnShine 4s infinite;
}
@keyframes pbBtnShine {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}
.mc-pb-btn-text {
  color: #ffffff;
  font-weight: bold;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2); /* 文字の視認性も向上 */
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-premium-banner { flex-direction: column; gap: 20px; padding: 25px 20px; text-align: center; }
  .mc-pb-logo-frame { border-right: none; padding-right: 0; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px; }
  .mc-pb-center { flex-direction: column; padding: 0; gap: 15px; }
  .mc-pb-badge { margin-right: 0; }
  .mc-pb-btn { width: 100%; justify-content: center; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-premium-banner">
  
  <div class="mc-pb-left">
    <div class="mc-pb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-pb-center">
    <div class="mc-pb-badge">機能性表示食品</div>
    <p class="mc-pb-text">
      コーヒーで手軽に記憶ケア
    </p>
  </div>

  <div class="mc-pb-btn">
    <span class="mc-pb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>

</a>



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



<style>
.end-section{background:#f7f4ee;border-top:1px solid #e5dece;padding:24px 20px 28px;margin-top:40px;}
.end-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.end-header-bar{width:3px;height:18px;background:#c4993a;border-radius:2px;flex-shrink:0;}
.end-header-text{font-size:13px;font-weight:700;color:#1a1a1a;}
.end-cards{display:flex;flex-direction:column;gap:12px;}
.end-card{display:block;background:#fff;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.end-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.end-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.end-card-body{padding:12px 14px 14px;}
.end-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.end-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/price-reason/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-price-reason.webp" alt="1箱5,800円の理由を全部話す">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">価格の根拠</div>
        <div class="end-card-title">1箱5,800円の理由を全部話す</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/why-90days/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-why-90days.webp" alt="なぜ90日間続けるのか？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">習慣化</div>
        <div class="end-card-title">なぜ90日間続けるのか？科学的根拠</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/brand-story/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-brand-story.webp" alt="母との2年間が生んだコーヒー">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">ブランド</div>
        <div class="end-card-title">母との2年間が生んだコーヒー</div>
      </div>
    </a>
  </div>
</div>



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



<style>
    .faq-section {
        margin: 40px 0;
        padding: 20px 0;
        border-top: 2px solid #ecf0f1;
    }
    .faq-section-title {
        font-size: 1.3rem;
        color: #2c3e50;
        text-align: center;
        margin-bottom: 25px;
        font-weight: bold;
    }
    .faq-item {
        background-color: #fff;
        border: 1px solid #e0e6ed;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
        overflow: hidden;
    }
    .faq-q {
        background-color: #f8fcfd;
        padding: 15px 20px 15px 50px;
        font-weight: bold;
        color: #2980b9;
        position: relative;
        font-size: 1.05rem;
        border-bottom: 1px dashed #d9edf7;
    }
    .faq-q::before {
        content: 'Q.';
        position: absolute;
        left: 15px;
        top: 15px;
        color: #3498db;
        font-size: 1.2rem;
        font-family: Arial, sans-serif;
    }
    .faq-a {
        padding: 15px 20px 15px 50px;
        color: #444;
        position: relative;
        font-size: 0.95rem;
        line-height: 1.8; /* 改行が増えるため、行間を少し広くして読みやすく調整 */
        background-color: #fff;
    }
    .faq-a::before {
        content: 'A.';
        position: absolute;
        left: 15px;
        top: 15px;
        color: #e74c3c;
        font-size: 1.2rem;
        font-weight: bold;
        font-family: Arial, sans-serif;
    }
</style>

<div class="faq-section">
    <div class="faq-section-title">Memory Coffeeの品質に関する<br class="mc-sp-only">よくあるご質問</div>

    <div class="faq-item">
        <div class="faq-q">GABAが200mg入っている担保はどこで行うのですか？</div>
        <div class="faq-a">
            <strong>GMP基準において義務付けられている、厳格な「自己点検（内部の品質検査および記録監査）」によって担保しています。</strong><br>
            どんなに優れた機械で均一に混ぜ合わせても、「機械任せ」にはしません。<br>
            出来上がった製品ロットごとに、製造部門から独立した品質管理部門がサンプルを抽出し、成分分析を含む厳しい自己点検を実施します。<br>
            この点検基準をクリアし、かつ「誰が・どう作ったか」という製造記録に一切の抜け漏れがないと確認されたロットのみが、初めて出荷を許されます。
        </div>
    </div>

    <div class="faq-item">
        <div class="faq-q">万が一、GMP認証工場自体に不備が出たら販売停止になるのですか？</div>
        <div class="faq-a">
            <strong>はい。<br>お客様の安全を最優先とするため、重大な不備が確認された場合は直ちに出荷・販売を停止します。</strong><br>
            しかし、GMP認証工場では不備を起こさないための日常的な厳重管理に加え、第三者機関による定期的な外部査察が入るため、そのリスクは極めて低く抑えられています。<br>
            また、万が一トラブルが起きた際も、完璧なトレーサビリティ（追跡記録）が存在するため、「いつ、どのラインで作られた、どのロットに影響があるか」を即座に特定できます。<br>
            原因不明のまま被害が拡大するのを防ぎ、的確な対応ができることこそが、GMP最大の強みです。
        </div>
    </div>

    <div class="faq-item">
        <div class="faq-q">厳格な工場を使うことで、製造コストは一般的に比べて高くなるのですか？</div>
        <div class="faq-a">
            <strong>正直に申し上げますと、一般的な食品工場での製造に比べ、製造コストは大幅に高くなります。</strong><br>
            医薬品レベルのクリーンな環境維持、コーヒーを扱うための特殊なライン洗浄、専任の品質管理スタッフの配置、そして膨大な検査と記録の作成・保管には莫大な費用と手間がかかります。<br>
            しかし私たちは、このコストを「削減すべき経費」ではなく、お客様に毎日の安心と確かな機能性をお届けするための「不可欠な品質への投資」であると考えています。
        </div>
    </div>
</div>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://memory-coffee.jp/gmp-quality"
    },
    "headline": "「国内わずか約220工場」の衝撃。Memory Coffeeが取得難易度の高い「GMP認証」にこだわる真実の理由",
    "description": "Memory Coffeeが全国でわずか約220箇所しかない「GMP認証工場」で製造される理由。比重の異なるコーヒーとGABA粉末を均一に混ぜる技術、徹底した自己点検、万が一の販売停止リスクを負ってでも追求する品質管理の裏側を公開します。",
    "image": [
      "https://memory-coffee.jp/wp-content/uploads/2026/05/34255819_m-1024x683.jpg"
    ],
    "author": {
      "@type": "Organization",
      "name": "株式会社HOPEF",
      "url": "https://memory-coffee.jp/"
    },
    "publisher": {
      "@type": "Organization",
      "name": "株式会社HOPEF",
      "logo": {
        "@type": "ImageObject",
        "url": "https://memory-coffee.jp/wp-content/uploads/logo.png"
      }
    },
    "datePublished": "2026-05-01T08:00:00+09:00",
    "dateModified": "2026-05-01T08:00:00+09:00"
  },
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "GABAが200mg入っている担保はどこで行うのですか？",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "GMP基準において義務付けられている、厳格な「自己点検（内部の品質検査および記録監査）」によって担保しています。どんなに優れた機械で均一に混ぜ合わせても、「機械任せ」にはしません。出来上がった製品ロットごとに、製造部門から独立した品質管理部門がサンプルを抽出し、成分分析を含む厳しい自己点検を実施します。この点検基準をクリアし、かつ「誰が・どう作ったか」という製造記録に一切の抜け漏れがないと確認されたロットのみが、初めて出荷を許されます。"
        }
      },
      {
        "@type": "Question",
        "name": "万が一、GMP認証工場自体に不備が出たら販売停止になるのですか？",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "はい。お客様の安全を最優先とするため、重大な不備が確認された場合は直ちに出荷・販売を停止します。しかし、GMP認証工場では不備を起こさないための日常的な厳重管理に加え、第三者機関による定期的な外部査察が入るため、そのリスクは極めて低く抑えられています。また、万が一トラブルが起きた際も、完璧なトレーサビリティ（追跡記録）が存在するため、「いつ、どのラインで作られた、どのロットに影響があるか」を即座に特定できます。原因不明のまま被害が拡大するのを防ぎ、的確な対応ができることこそが、GMP最大の強みです。"
        }
      },
      {
        "@type": "Question",
        "name": "厳格な工場を使うことで、製造コストは一般的に比べて高くなるのですか？",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "正直に申し上げますと、一般的な食品工場での製造に比べ、製造コストは大幅に高くなります。医薬品レベルのクリーンな環境維持、コーヒーを扱うための特殊なライン洗浄、専任の品質管理スタッフの配置、そして膨大な検査と記録の作成・保管には莫大な費用と手間がかかります。しかし私たちは、このコストを「削減すべき経費」ではなく、お客様に毎日の安心と確かな機能性をお届けするための「不可欠な品質への投資」であると考えています。"
        }
      }
    ]
  }
]
</script>



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



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>GABAが豊富な食品一覧【含有量データ付き】食事だけで200mgを摂るのが難しい本当の理由</title>
		<link>https://memory-coffee.jp/magazine/gaba-rich-foods-list/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Sat, 25 Apr 2026 07:58:45 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4869</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/04/massive-gaba-foods-for-brain-health-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事で分かる3つのこと 1 「トマト1個で何 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/04/massive-gaba-foods-for-brain-health-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<div style="background-color: #ebf8ff; border: 2px solid #90cdf4; border-radius: 8px; padding: 20px 24px; margin: 2em 0; font-family: 'Helvetica Neue', Arial, sans-serif;">
  
  <div style="font-size: 1.1em; font-weight: bold; color: #2b6cb0; margin-bottom: 16px; text-align: center;">
    この記事で分かる3つのこと
  </div>
  
  <ul style="list-style: none; padding: 0; margin: 0; color: #2d3748; line-height: 1.6; font-size: 0.95em;">
    
    <li style="margin-bottom: 16px; display: flex; align-items: flex-start; background-color: #ffffff; padding: 12px; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
      <span style="color: #ffffff; background-color: #3182ce; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 0.8em; font-weight: bold; margin-right: 10px; flex-shrink: 0; margin-top: 2px;">1</span>
      <span>「トマト1個で何mg？」<strong>200mgに必要な圧倒的な食品量</strong>の現実</span>
    </li>
    
    <li style="margin-bottom: 16px; display: flex; align-items: flex-start; background-color: #ffffff; padding: 12px; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
      <span style="color: #ffffff; background-color: #3182ce; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 0.8em; font-weight: bold; margin-right: 10px; flex-shrink: 0; margin-top: 2px;">2</span>
      <span>水に溶けて消える？食事からの摂取が<strong>科学的に難しい理由</strong></span>
    </li>
    
    <li style="display: flex; align-items: flex-start; background-color: #ffffff; padding: 12px; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
      <span style="color: #ffffff; background-color: #e53e3e; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 0.8em; font-weight: bold; margin-right: 10px; flex-shrink: 0; margin-top: 2px;">3</span>
      <span>献立のストレスから解放される<strong>「1日1杯の賢い新習慣」</strong></span>
    </li>
    
  </ul>
</div>



<p class="wp-block-paragraph">「GABAを日々の食事からしっかり摂りたい」と思ったとき、</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-03.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>具体的に何をどれくらい食べればいいの？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<p class="wp-block-paragraph">こちら正確にご存知ですか？</p>



<p class="wp-block-paragraph">テレビや雑誌で「トマトやナスにはGABAが含まれている」という情報はよく見かけますが、<strong>100gあたり何mg入っているのか？</strong></p>



<p class="wp-block-paragraph">そして、<strong>認知機能の維持の目安とされる1日200mgを摂るためには、何個食べればいいのか？</strong>を示した情報は驚くほど少ないのが現状です。</p>



<p class="wp-block-paragraph">この記事では、GABAが豊富な食品の具体的な含有量データを一覧表で分かりやすく紹介するとともに、<strong><span class="swl-marker mark_orange">食事だけで毎日200mgのGABAを摂り続けることが、なぜ科学的に・現実的に難しいのか？</span></strong>を解説します。</p>



<p class="wp-block-paragraph">毎日を健やかに、そしてクリアな思考を保つための具体的なアクションプランとして、ぜひ最後までお役立てください！</p>



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



<h2 class="wp-block-heading">GABAとは何か？なぜ1日200mgが必要なのか</h2>



<p class="wp-block-paragraph">まずは、GABAの基本的な働きと、なぜ「200mg」という数値が重要になるのかを整理しておきましょう。</p>



<h3 class="wp-block-heading">GABAは私たちの体内にも存在するアミノ酸</h3>



<p class="wp-block-paragraph">GABA（ギャバ）の正式名称は「γ-アミノ酪酸（Gamma-Amino Butyric Acid）」といい、<strong><span class="swl-marker mark_yellow">人間や動物、植物など自然界に広く存在するアミノ酸の一種</span></strong>です。</p>



<p class="wp-block-paragraph">私たちの体内では主に脳や脊髄などに存在し、興奮を鎮め、リラックスをもたらす神経伝達物質として重要な役割を担っています。</p>



<h3 class="wp-block-heading">なぜ認知機能に関係するのか？</h3>



<p class="wp-block-paragraph">GABAを食事などから摂取した場合、そのまま脳に直接届くわけではありません。</p>



<p class="wp-block-paragraph">腸管から吸収されたGABAは、<strong>内臓と脳をつなぐ「迷走神経」を通じて間接的に脳へシグナルを送り、リラックス状態やクリアな状態をサポート</strong>すると考えられています。</p>



<div id="gaba-animation-wrapper" style="max-width: 500px; margin: 20px auto; padding: 30px 20px; background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 10px rgba(0,0,0,0.05); text-align: center; position: relative; overflow: hidden; font-family: 'Helvetica Neue', Arial, sans-serif;">
  
  <h4 style="margin-top: 0; margin-bottom: 20px; color: #2d3748; font-size: 1.2em; border: none; background: none; padding: 0;">GABAがリラックスをもたらす仕組み（腸脳相関）</h4>
  
  <div style="display: flex; flex-direction: column; align-items: center; position: relative; margin-top: 20px;">
    
    <div style="text-align: center; position: relative; z-index: 2;">
      <span style="font-size: 12px; font-weight: bold; color: #718096;">脳</span>
      <div id="brain-icon" class="state-excited" style="font-size: 60px; line-height: 1.2;">🧠</div>
    </div>

    <div style="height: 60px; width: 6px; background-color: #edf2f7; border-radius: 3px; margin: 10px 0; position: relative; overflow: hidden;">
      <div id="nerve-signal" style="position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background-color: #48bb78; transition: height 0.6s ease-in-out;"></div>
    </div>

    <div style="text-align: center; position: relative; z-index: 2; margin-top: 5px;">
      <div id="gut-icon" style="width: 50px; height: 35px; background-color: #f6ad55; border-radius: 40px 10px 40px 40px; margin: 0 auto 5px; transform: rotate(-10deg); box-shadow: inset -5px -5px 10px rgba(0,0,0,0.1); transition: all 0.3s;"></div>
      <span style="font-size: 12px; font-weight: bold; color: #718096;">腸管（吸収）</span>
    </div>

  </div>
  
  <div id="status-display" style="margin: 20px auto 15px; padding: 10px; max-width: 80%; border-radius: 8px; font-weight: bold; background: #fff5f5; color: #e53e3e; transition: all 0.5s ease;">
    現在の脳：興奮・ストレス状態
  </div>
  
  <button id="trigger-gaba" style="margin-top: 5px; background: #3182ce; color: white; border: none; padding: 12px 24px; font-size: 16px; border-radius: 50px; cursor: pointer; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: background 0.3s; position: relative; z-index: 10;">
    GABAを摂取する
  </button>
  
  <div id="particle-area"></div>

</div>

<style>
  /* 興奮状態 */
  .state-excited {
    animation: pulse-red 0.4s infinite alternate ease-in-out;
  }
  @keyframes pulse-red {
    0% { transform: scale(1) rotate(-3deg); filter: drop-shadow(0 0 10px rgba(229, 62, 62, 0.4)); }
    100% { transform: scale(1.1) rotate(3deg); filter: drop-shadow(0 0 15px rgba(229, 62, 62, 0.7)); }
  }

  /* リラックス状態 */
  .state-relaxed {
    animation: float-green 2s infinite alternate ease-in-out;
  }
  @keyframes float-green {
    0% { transform: scale(1); filter: drop-shadow(0 0 8px rgba(72, 187, 120, 0.4)); }
    100% { transform: scale(1.05); filter: drop-shadow(0 0 15px rgba(72, 187, 120, 0.8)); }
  }

  /* 腸の活性化状態 */
  .gut-active {
    filter: drop-shadow(0 0 15px rgba(49, 130, 206, 0.6));
    background-color: #ed8936 !important;
    transform: rotate(-10deg) scale(1.1) !important;
  }

  /* GABA粒子（外側から腸へ向かう） */
  .gaba-particle {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #63b3ed;
    border-radius: 50%;
    box-shadow: 0 0 5px #63b3ed;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
  }
  
  /* 横から腸へ吸収されるアニメーション */
  @keyframes absorb-in {
    0% { opacity: 0; transform: translate(var(--startX), var(--startY)) scale(1); }
    30% { opacity: 1; }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(0.3); }
  }
</style>

<script>
  (function() {
    const btn = document.getElementById('trigger-gaba');
    const brain = document.getElementById('brain-icon');
    const gut = document.getElementById('gut-icon');
    const nerve = document.getElementById('nerve-signal');
    const status = document.getElementById('status-display');
    const particleArea = document.getElementById('particle-area');
    
    let isRelaxed = false;
    let isAnimating = false;

    btn.addEventListener('click', function() {
      if (isAnimating) return;
      
      if (isRelaxed) {
        // リセット処理
        brain.className = 'state-excited';
        gut.className = '';
        nerve.style.height = '0%';
        status.style.backgroundColor = '#fff5f5';
        status.style.color = '#e53e3e';
        status.innerText = '現在の脳：興奮・ストレス状態';
        btn.innerText = 'GABAを摂取する';
        btn.style.backgroundColor = '#3182ce';
        isRelaxed = false;
        return;
      }

      isAnimating = true;

      // 1. GABAが「外側から腸へ」直接吸収されるアニメーション
      // 腸の要素の位置を取得して目的地にする
      const gutRect = gut.getBoundingClientRect();
      const wrapperRect = document.getElementById('gaba-animation-wrapper').getBoundingClientRect();
      const targetY = gutRect.top - wrapperRect.top + (gutRect.height / 2);

      for(let i = 0; i < 6; i++) {
        setTimeout(() => {
          const particle = document.createElement('div');
          particle.className = 'gaba-particle';
          
          // 画面の左右どちらかランダムな位置から発生
          const startSide = Math.random() > 0.5 ? 1 : -1;
          const startX = startSide * (100 + Math.random() * 50) + 'px';
          const startY = (Math.random() * 40 - 20) + 'px';
          
          particle.style.setProperty('--startX', startX);
          particle.style.setProperty('--startY', startY);
          
          // 目的地（腸の中心付近）
          particle.style.left = '50%';
          particle.style.top = targetY + 'px';
          
          particle.style.animation = 'absorb-in 0.6s forwards ease-out';
          particleArea.appendChild(particle);
          
          setTimeout(() => {
            if(particle.parentNode) particle.parentNode.removeChild(particle);
          }, 600);
        }, i * 120); 
      }

      // 2. 腸が反応する
      setTimeout(() => {
        gut.className = 'gut-active';
      }, 600);

      // 3. 迷走神経を介してシグナルが上へ向かう
      setTimeout(() => {
        nerve.style.height = '100%';
      }, 900);

      // 4. 脳にシグナルが到達し、リラックス状態へ
      setTimeout(() => {
        brain.className = 'state-relaxed';
        status.style.backgroundColor = '#f0fff4';
        status.style.color = '#2f855a';
        status.innerText = '現在の脳：リラックス・鎮静状態';
        btn.innerText = '元の状態に戻す';
        btn.style.backgroundColor = '#a0aec0';
        gut.className = ''; // 腸のハイライトを戻す
        isRelaxed = true;
        isAnimating = false;
      }, 1500);
    });
  })();
</script>



<h3 class="wp-block-heading">「28mg」と「200mg」の明確な違い</h3>



<p class="wp-block-paragraph">GABAを含む食品やサプリメントを探していると、「ストレス緩和」や「睡眠の質向上」といった言葉を目にすることが多いかもしれません。</p>



<p class="wp-block-paragraph">実は、期待する働きによって必要な摂取目安量が異なります。</p>



<style>
  /* 全体の枠組み */
  .gaba-res-table {
    margin: 2em 0 0.5em; /* 下の注釈との余白を調整 */
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    border: 1px solid #e2e8f0;
  }
  
  /* PC用ヘッダーデザイン */
  .gaba-res-header {
    display: flex;
    background-color: #2b6cb0;
    color: #ffffff;
  }
  .gaba-res-th {
    padding: 14px 16px;
    font-weight: bold;
  }
  .gaba-res-th:first-child {
    width: 30%;
    border-right: 1px solid rgba(255,255,255,0.2);
  }
  .gaba-res-th:last-child {
    width: 70%;
  }
  
  /* 各行のデザイン */
  .gaba-res-row {
    display: flex;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
  }
  .gaba-res-row.bg-light {
    background-color: #f7fafc;
  }
  .gaba-res-row.bg-highlight {
    background-color: #fffaf0;
    border-bottom: 2px solid #cbd5e0;
  }
  .gaba-res-row:last-child {
    border-bottom: none;
  }
  
  /* セルのデザイン */
  .gaba-res-td {
    padding: 16px;
    box-sizing: border-box;
  }
  .gaba-res-td.dosage {
    width: 30%;
    font-weight: bold;
    color: #4a5568;
    font-size: 1.1em;
    border-right: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gaba-res-td.dosage.text-highlight {
    color: #dd6b20;
    font-size: 1.3em;
  }
  .gaba-res-td.desc {
    width: 70%;
    color: #2d3748;
    line-height: 1.6;
  }
  
  /* 📱 スマホ用のレスポンシブ設計（画面幅600px以下で発動） */
  @media (max-width: 600px) {
    .gaba-res-header {
      display: none; /* スマホでは横並びのヘッダーを隠す */
    }
    .gaba-res-row {
      flex-direction: column; /* 縦並びのカード型に変形 */
      border-bottom: 4px solid #edf2f7;
    }
    .gaba-res-row.bg-highlight {
      border-bottom: 4px solid #fbd38d; /* 200mgの区切り線を強調 */
    }
    .gaba-res-td.dosage {
      width: 100%;
      border-right: none;
      border-bottom: 1px dashed #cbd5e0;
      padding: 10px 16px;
      background-color: #ebf8ff; /* スマホではここが見出しカラーになる */
      justify-content: flex-start; /* 左寄せ */
    }
    .gaba-res-row.bg-highlight .gaba-res-td.dosage {
      background-color: #feebc8; /* 200mg用の特別見出しカラー */
    }
    .gaba-res-td.desc {
      width: 100%;
      padding: 16px;
    }
  }
</style>

<div class="gaba-res-table">
  <div class="gaba-res-header">
    <div class="gaba-res-th">摂取量（目安）</div>
    <div class="gaba-res-th">報告されている主な機能</div>
  </div>
  
  <div class="gaba-res-row">
    <div class="gaba-res-td dosage">約28mg〜</div>
    <div class="gaba-res-td desc">
      仕事や勉強による一時的な精神的ストレスや疲労感の緩和など
    </div>
  </div>
  
  <div class="gaba-res-row bg-light">
    <div class="gaba-res-td dosage">100mg</div>
    <div class="gaba-res-td desc">
      <strong>睡眠の質の向上</strong>（眠りの深さ、すっきりとした目覚めなど）、加齢によって低下する認知機能の一部である、<strong>記憶力（言葉や見た物を思い出す力）</strong>を維持する機能
    </div>
  </div>
  
  <div class="gaba-res-row bg-highlight">
    <div class="gaba-res-td dosage text-highlight">200mg</div>
    <div class="gaba-res-td desc">
      記憶力に加え、加齢によって低下する認知機能の一部である、<strong>空間認知力や持続的注意力</strong>を<br>
      <strong style="color: #c05621; border-bottom: 2px solid #fbd38d; padding-bottom: 2px;">「維持する機能があることが報告されている」</strong>量
    </div>
  </div>
</div>

<p style="margin: 8px 4px 2em; font-size: 0.85em; color: #718096; line-height: 1.5; font-family: 'Helvetica Neue', Arial, sans-serif;">
  （※これはヒト臨床試験などの科学的データや、機能性表示食品の届出の根拠として用いられている数値です）
</p>



<p class="wp-block-paragraph">このように、認知機能の維持を目的とする場合、ストレス緩和の数倍にあたる「1日200mg」というしっかりとした量を摂取し続ける必要があります。</p>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/gaba-caffeine-synergy/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02.webp" alt="カフェインとGABAは相殺しない理由">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">GABA × 脳科学</div>
      <div class="inline-card-title">カフェインとGABAは相殺しない理由</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



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



<h2 class="wp-block-heading">GABAが豊富な食品一覧【含有量データ付き】</h2>



<p class="wp-block-paragraph">では、1日200mgのGABAを食品から摂ろうとした場合、何をどれくらい食べる必要があるのでしょうか？</p>



<p class="wp-block-paragraph">GABAを多く含む代表的な食品の含有量と、200mg到達に必要な量を一覧表にまとめました。</p>



<style>
  /* 全体のラッパー */
  .gaba-food-wrapper {
    margin: 2em 0 0.5em;
    font-family: 'Helvetica Neue', Arial, sans-serif;
  }
  
  /* PC用：テーブルの外枠 */
  .gaba-food-table {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    background: #ffffff;
  }
  
  /* PC用：ヘッダー（青背景） */
  .gaba-food-thead {
    display: flex;
    background-color: #2b6cb0;
    color: #ffffff;
    font-weight: bold;
  }
  .gaba-food-th {
    padding: 14px 16px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.2);
  }
  .gaba-food-th:last-child { border-right: none; }
  
  /* 列の幅設定 */
  .gf-col1 { width: 22%; text-align: left; }
  .gf-col2 { width: 23%; }
  .gf-col3 { width: 30%; }
  .gf-col4 { width: 25%; }

  /* 行の基本デザイン */
  .gaba-food-row {
    display: flex;
    border-bottom: 1px solid #e2e8f0;
    transition: background-color 0.2s;
  }
  .gaba-food-row:nth-child(even) { background-color: #f7fafc; }
  .gaba-food-row:last-child { border-bottom: none; }
  
  /* セルのデザイン */
  .gaba-food-td {
    padding: 14px 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #4a5568;
    border-right: 1px solid #e2e8f0;
  }
  .gaba-food-td:last-child { border-right: none; }
  
  /* 食品名セルの特別指定 */
  .gf-col1.gaba-food-td {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    color: #2d3748;
  }

  /* スマホ用ラベル（PCでは隠す） */
  .gaba-food-label { display: none; }

  /* 📱 スマホ用レスポンシブ設計（画面幅600px以下で発動） */
  @media (max-width: 600px) {
    .gaba-food-table {
      background: transparent;
      border: none;
      box-shadow: none;
    }
    .gaba-food-thead {
      display: none; /* スマホでは横並びヘッダーを消す */
    }
    .gaba-food-row {
      flex-direction: column; /* 縦並びのカード型に変形 */
      background-color: #ffffff !important;
      margin-bottom: 16px;
      border: 1px solid #cbd5e0;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      overflow: hidden;
    }
    .gaba-food-td {
      width: 100%;
      text-align: left;
      flex-direction: row;
      justify-content: space-between; /* ラベルは左、数値は右に配置 */
      align-items: center;
      padding: 12px 16px;
      border-right: none;
      border-bottom: 1px solid #edf2f7;
    }
    /* 食品名（カードのタイトル部分）のデザイン */
    .gf-col1.gaba-food-td {
      background-color: #ebf8ff;
      border-bottom: 2px solid #3182ce;
      font-size: 1.15em;
      padding: 12px 16px;
    }
    /* 結論（一番下）のデザイン */
    .gaba-food-td:last-child {
      border-bottom: none;
      background-color: #fff5f5; /* 警告色で結論を目立たせる */
    }
    /* スマホで表示する項目ラベル */
    .gaba-food-label {
      display: inline-block;
      font-size: 0.85em;
      color: #718096;
      font-weight: bold;
      width: 45%; /* ラベルの幅を固定して見やすく */
      line-height: 1.3;
    }
    .gaba-food-value {
      width: 55%;
      text-align: right;
    }
  }
</style>

<div class="gaba-food-wrapper">
  <div class="gaba-food-table">
    
    <div class="gaba-food-thead">
      <div class="gaba-food-th gf-col1">食品名</div>
      <div class="gaba-food-th gf-col2">100gあたりの<br>GABA含有量</div>
      <div class="gaba-food-th gf-col3">1日200mg摂取に<br>必要な目安量</div>
      <div class="gaba-food-th gf-col4">現実的な継続性</div>
    </div>
    
    <div class="gaba-food-row">
      <div class="gaba-food-td gf-col1">🍅 トマト</div>
      <div class="gaba-food-td gf-col2">
        <span class="gaba-food-label">100gの含有量:</span>
        <span class="gaba-food-value">約60mg</span>
      </div>
      <div class="gaba-food-td gf-col3">
        <span class="gaba-food-label">200mgに必要な量:</span>
        <span class="gaba-food-value"><strong>約330g</strong><br><span style="font-size: 0.85em; color: #718096;">(中サイズ1.5〜2個)</span></span>
      </div>
      <div class="gaba-food-td gf-col4">
        <span class="gaba-food-label">継続の現実性:</span>
        <span class="gaba-food-value" style="font-weight: bold; color: #dd6b20;">△ やや困難</span>
      </div>
    </div>

    <div class="gaba-food-row">
      <div class="gaba-food-td gf-col1">🍆 ナス</div>
      <div class="gaba-food-td gf-col2">
        <span class="gaba-food-label">100gの含有量:</span>
        <span class="gaba-food-value">約47mg</span>
      </div>
      <div class="gaba-food-td gf-col3">
        <span class="gaba-food-label">200mgに必要な量:</span>
        <span class="gaba-food-value"><strong>約430g</strong><br><span style="font-size: 0.85em; color: #718096;">(中サイズ約4本)</span></span>
      </div>
      <div class="gaba-food-td gf-col4">
        <span class="gaba-food-label">継続の現実性:</span>
        <span class="gaba-food-value" style="font-weight: bold; color: #e53e3e;">× 困難</span>
      </div>
    </div>

    <div class="gaba-food-row">
      <div class="gaba-food-td gf-col1">🍫 高カカオチョコ</div>
      <div class="gaba-food-td gf-col2">
        <span class="gaba-food-label">100gの含有量:</span>
        <span class="gaba-food-value">約34mg</span>
      </div>
      <div class="gaba-food-td gf-col3">
        <span class="gaba-food-label">200mgに必要な量:</span>
        <span class="gaba-food-value"><strong>約590g</strong><br><span style="font-size: 0.85em; color: #718096;">(板チョコ約12枚)</span></span>
      </div>
      <div class="gaba-food-td gf-col4">
        <span class="gaba-food-label">継続の現実性:</span>
        <span class="gaba-food-value" style="font-size: 0.9em; font-weight: bold; color: #e53e3e;">× 脂質・糖質過多</span>
      </div>
    </div>

    <div class="gaba-food-row">
      <div class="gaba-food-td gf-col1">🎃 カボチャ</div>
      <div class="gaba-food-td gf-col2">
        <span class="gaba-food-label">100gの含有量:</span>
        <span class="gaba-food-value">約28mg</span>
      </div>
      <div class="gaba-food-td gf-col3">
        <span class="gaba-food-label">200mgに必要な量:</span>
        <span class="gaba-food-value"><strong>約700g</strong><br><span style="font-size: 0.85em; color: #718096;">(約1/2個)</span></span>
      </div>
      <div class="gaba-food-td gf-col4">
        <span class="gaba-food-label">継続の現実性:</span>
        <span class="gaba-food-value" style="font-weight: bold; color: #e53e3e;">× 困難</span>
      </div>
    </div>

    <div class="gaba-food-row">
      <div class="gaba-food-td gf-col1">🥒 ぬか漬け</div>
      <div class="gaba-food-td gf-col2">
        <span class="gaba-food-label">100gの含有量:</span>
        <span class="gaba-food-value">約25mg</span>
      </div>
      <div class="gaba-food-td gf-col3">
        <span class="gaba-food-label">200mgに必要な量:</span>
        <span class="gaba-food-value"><strong>約800g</strong></span>
      </div>
      <div class="gaba-food-td gf-col4">
        <span class="gaba-food-label">継続の現実性:</span>
        <span class="gaba-food-value" style="font-size: 0.9em; font-weight: bold; color: #e53e3e;">× 塩分過多</span>
      </div>
    </div>

    <div class="gaba-food-row">
      <div class="gaba-food-td gf-col1">🍇 ぶどう</div>
      <div class="gaba-food-td gf-col2">
        <span class="gaba-food-label">100gの含有量:</span>
        <span class="gaba-food-value">約17mg</span>
      </div>
      <div class="gaba-food-td gf-col3">
        <span class="gaba-food-label">200mgに必要な量:</span>
        <span class="gaba-food-value"><strong>約1.2kg</strong><br><span style="font-size: 0.85em; color: #718096;">(約3〜4房)</span></span>
      </div>
      <div class="gaba-food-td gf-col4">
        <span class="gaba-food-label">継続の現実性:</span>
        <span class="gaba-food-value" style="font-size: 0.9em; font-weight: bold; color: #e53e3e;">× 糖分過多</span>
      </div>
    </div>

    <div class="gaba-food-row" style="border-bottom: none;">
      <div class="gaba-food-td gf-col1">🍚 発芽玄米</div>
      <div class="gaba-food-td gf-col2">
        <span class="gaba-food-label">100gの含有量:</span>
        <span class="gaba-food-value">約10〜15mg</span>
      </div>
      <div class="gaba-food-td gf-col3">
        <span class="gaba-food-label">200mgに必要な量:</span>
        <span class="gaba-food-value"><strong>約1.3〜2kg</strong><br><span style="font-size: 0.85em; color: #718096;">(茶碗約10〜15杯)</span></span>
      </div>
      <div class="gaba-food-td gf-col4">
        <span class="gaba-food-label">継続の現実性:</span>
        <span class="gaba-food-value" style="font-size: 0.9em; font-weight: bold; color: #e53e3e;">× 物理的に困難</span>
      </div>
    </div>

  </div>
  
  <p style="margin: 8px 4px 0; font-size: 0.85em; color: #718096; line-height: 1.5;">
    (※含有量の数値は、各種研究機関や食品成分表のデータに基づく目安値です。品種や栽培条件、季節によって変動します。)
  </p>
</div>



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



<p class="wp-block-paragraph">いかがでしょうか？</p>



<p class="wp-block-paragraph">最も効率が良さそうなトマトであっても、毎日中玉を1〜2個食べ続ける必要があります。</p>



<p class="wp-block-paragraph">たまに食べることはできても、「毎日必ず食べる」となるとハードルが高いことがお分かりいただけると思います。</p>



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



<h2 class="wp-block-heading">食事だけで200mgを毎日摂り続けることが難しい3つの理由</h2>



<p class="wp-block-paragraph">表で見た通り、食事だけで十分なGABAをまかなうのは至難の業です。</p>



<p class="wp-block-paragraph">その理由は大きく3つあります。</p>



<h3 class="wp-block-heading">1. 圧倒的に必要量が多すぎる</h3>



<p class="wp-block-paragraph">仮に複数の食品を組み合わせたとしても、毎日200mgに到達させるための献立作りは非常に困難です。</p>



<p class="wp-block-paragraph">「今日はトマト1個と、ナス2本と、発芽玄米を3杯食べて…」と毎日計算して食事を用意するのは、多くの方にとって現実的ではありません。</p>



<div id="gaba-sim-wrapper" style="max-width: 500px; margin: 20px auto; padding: 25px 20px; background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 15px rgba(0,0,0,0.08); font-family: 'Helvetica Neue', Arial, sans-serif;">
  <h4 style="margin-top: 0; margin-bottom: 15px; color: #2d3748; font-size: 1.2em; text-align: center;">体験：食事だけで「毎日200mg」を目指してみよう</h4>
  <p style="font-size: 0.9em; color: #718096; text-align: center; margin-bottom: 20px;">下のボタンを押して、1日の食事を追加してみてください。</p>
  <div style="margin-bottom: 15px; background: #f7fafc; padding: 15px; border-radius: 8px;">
    <div style="margin-bottom: 15px;">
      <div style="display: flex; justify-content: space-between; align-items: flex-end; font-weight: bold; margin-bottom: 5px;">
        <span style="color: #2b6cb0; font-size: 0.9em;">GABA摂取量</span>
        <span id="gaba-text" style="color: #2b6cb0; font-size: 0.95em; white-space: nowrap;">0 / 200mg</span>
      </div>
      <div style="height: 16px; background: #e2e8f0; border-radius: 8px; overflow: hidden; position: relative;">
        <div id="gaba-bar" style="height: 100%; width: 0%; background: #4299e1; transition: width 0.4s ease-out;"></div>
        <div style="position: absolute; top: 0; left: 100%; height: 100%; border-left: 2px dashed #2b6cb0; z-index: 2;"></div>
      </div>
    </div>
    <div>
      <div style="display: flex; justify-content: space-between; align-items: flex-end; font-weight: bold; margin-bottom: 5px;">
        <span style="color: #c53030; font-size: 0.9em;">毎日の食事負担度</span>
        <span id="burden-text" style="color: #c53030; font-size: 0.95em; white-space: nowrap;">0%</span>
      </div>
      <div style="height: 16px; background: #e2e8f0; border-radius: 8px; overflow: hidden;">
        <div id="burden-bar" style="height: 100%; width: 0%; background: #fc8181; transition: width 0.4s ease-out;"></div>
      </div>
    </div>
  </div>
  <div id="result-message" style="display: none; margin-bottom: 15px; padding: 16px; border-radius: 8px; border: 2px solid #fc8181; box-shadow: 0 4px 6px rgba(0,0,0,0.05);"></div>
  <div style="display: flex; gap: 8px; margin-bottom: 20px;">
    <button type="button" onclick="gabaSim.add('tomato',60,25,'🍅')" style="flex: 1; padding: 10px 2px; background: #fff; border: 2px solid #fed7d7; border-radius: 8px; cursor: pointer; font-weight: bold; color: #c53030; transition: 0.2s;">
      <span style="font-size: 1.5em; display: block;">🍅</span><span style="font-size: 0.85em;">トマト1個</span><br><span style="font-size: 0.7em;">(+60mg)</span>
    </button>
    <button type="button" onclick="gabaSim.add('eggplant',47,35,'🍆')" style="flex: 1; padding: 10px 2px; background: #fff; border: 2px solid #e9d8fd; border-radius: 8px; cursor: pointer; font-weight: bold; color: #553c9a; transition: 0.2s;">
      <span style="font-size: 1.5em; display: block;">🍆</span><span style="font-size: 0.85em;">ナス1本</span><br><span style="font-size: 0.7em;">(+47mg)</span>
    </button>
    <button type="button" onclick="gabaSim.add('rice',15,25,'🍚')" style="flex: 1; padding: 10px 2px; background: #fff; border: 2px solid #feebc8; border-radius: 8px; cursor: pointer; font-weight: bold; color: #dd6b20; transition: 0.2s;">
      <span style="font-size: 1.5em; display: block;">🍚</span><span style="font-size: 0.85em;">発芽玄米1杯</span><br><span style="font-size: 0.7em;">(+15mg)</span>
    </button>
  </div>
  <div style="position: relative; height: 80px; border-bottom: 4px solid #cbd5e0; margin-bottom: 10px; overflow: hidden; display: flex; align-items: flex-end; justify-content: center;">
    <div id="food-plate" style="position: relative; width: 80%; height: 100%;"></div>
    <span style="position: absolute; bottom: -20px; font-size: 0.75em; color: #a0aec0;">食べたもの</span>
  </div>
  <p style="margin-top: 15px; margin-bottom: 0; font-size: 0.75em; color: #a0aec0; text-align: center;">※食事のボリュームや継続の負担度には個人差があります。</p>
  <div style="text-align: center; margin-top: 15px;">
    <button type="button" onclick="gabaSim.reset()" style="background: none; border: none; color: #718096; text-decoration: underline; cursor: pointer; font-size: 0.85em;">やり直す</button>
  </div>
</div>

<script>
const gabaSim = {
  gaba: 0, burden: 0, isOver: false,
  add: function(type, g, b, emoji) {
    if (this.isOver) return;
    this.gaba += g; this.burden += b;
    const gPct = Math.min((this.gaba / 200) * 100, 100);
    const bPct = Math.min(this.burden, 100);
    document.getElementById('gaba-bar').style.width = gPct + '%';
    document.getElementById('gaba-text').innerText = this.gaba + ' / 200mg';
    document.getElementById('burden-bar').style.width = bPct + '%';
    document.getElementById('burden-text').innerText = this.burden + '%';
    if (this.burden >= 100) {
      document.getElementById('burden-bar').style.background = '#e53e3e';
      document.getElementById('burden-text').innerText = '100% (限界!)';
    } else {
      document.getElementById('burden-bar').style.background = '#fc8181';
    }
    const plate = document.getElementById('food-plate');
    const icon = document.createElement('div');
    icon.innerText = emoji;
    icon.style.position = 'absolute';
    icon.style.fontSize = '24px';
    icon.style.left = (Math.random() * 80 + 10) + '%';
    icon.style.top = '-30px';
    icon.style.transition = 'top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)';
    plate.appendChild(icon);
    setTimeout(() => { icon.style.top = `calc(100% - 30px - ${Math.random() * 15}px)`; }, 50);
    this.check();
  },
  check: function() {
    const msg = document.getElementById('result-message');
    if (this.gaba >= 200) {
      msg.style.display = 'block'; msg.style.borderColor = '#4299e1'; msg.style.backgroundColor = '#ebf8ff';
      msg.innerHTML = `<div style="text-align: center; color: #2b6cb0; font-size: 1.1em; font-weight: bold; margin-bottom: 8px;">🎯 GABA 200mg達成！</div><div style="color: #4a5568; font-size: 0.9em; line-height: 1.5;">…しかし、これだけの量を「毎日欠かさず」食べ続けるのは、献立の準備も食費も非現実的ですよね。</div>`;
      this.isOver = true;
    } else if (this.burden >= 100) {
      msg.style.display = 'block'; msg.style.borderColor = '#fc8181'; msg.style.backgroundColor = '#fff5f5';
      msg.innerHTML = `<div style="text-align: center; color: #c53030; font-size: 1.1em; font-weight: bold; margin-bottom: 8px;">⚠️ 毎日の献立としては限界！</div><div style="color: #4a5568; font-size: 0.9em; line-height: 1.5;">同じものをこれ以上食べるのは現実的ではありませんが、GABAはまだ${this.gaba}mgです。</div>`;
      const wrap = document.getElementById('gaba-sim-wrapper');
      wrap.style.transform = 'translate(-5px, 0)';
      setTimeout(() => wrap.style.transform = 'translate(5px, 0)', 100);
      setTimeout(() => wrap.style.transform = 'translate(-5px, 0)', 200);
      setTimeout(() => wrap.style.transform = 'translate(0, 0)', 300);
      this.isOver = true;
    }
  },
  reset: function() {
    this.gaba = 0; this.burden = 0; this.isOver = false;
    document.getElementById('gaba-bar').style.width = '0%'; document.getElementById('gaba-text').innerText = '0 / 200mg';
    document.getElementById('burden-bar').style.width = '0%'; document.getElementById('burden-bar').style.background = '#fc8181'; document.getElementById('burden-text').innerText = '0%';
    document.getElementById('food-plate').innerHTML = '';
    const msg = document.getElementById('result-message');
    msg.style.display = 'none'; msg.innerHTML = '';
  }
};
</script>



<h3 class="wp-block-heading">2. 加熱・調理でGABAが失われてしまう</h3>



<p class="wp-block-paragraph">GABAは「水溶性」という性質を持っています。そのため、茹でたり煮たりすると、せっかくの成分が調理水の中に溶け出してしまいます。</p>



<p class="wp-block-paragraph">栄養素を無駄なく摂るためには生食が一番ですが、生で大量に食べられる野菜は限られています。</p>



<div id="gaba-water-sim" style="max-width: 500px; margin: 20px auto; padding: 25px 20px; background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 15px rgba(0,0,0,0.08); font-family: 'Helvetica Neue', Arial, sans-serif; text-align: center;">
  <h4 style="margin-top: 0; margin-bottom: 10px; color: #2d3748; font-size: 1.2em;">GABAは「水溶性」<br><span style="font-size: 0.8em; color: #718096;">調理でどう変化するか見てみよう</span></h4>
  <div style="position: relative; height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; margin-bottom: 20px;">
    <div id="plate-mode" style="position: absolute; bottom: 40px; width: 140px; height: 10px; background: #e2e8f0; border-radius: 50%; opacity: 1; transition: 0.3s;"></div>
    <div id="pot-mode" style="position: absolute; bottom: 40px; width: 160px; height: 100px; border: 4px solid #4a5568; border-top: none; border-radius: 0 0 20px 20px; opacity: 0; transition: 0.3s; background: rgba(255,255,255,0.8); overflow: hidden;">
      <div id="pot-water" style="position: absolute; bottom: 0; left: 0; width: 100%; height: 75%; background: rgba(66, 153, 225, 0.1); transition: background 1s ease;"></div>
    </div>
    <div id="tomato-obj" style="position: absolute; bottom: 45px; width: 60px; height: 60px; background: #e53e3e; border-radius: 50%; box-shadow: inset -10px -10px 20px rgba(0,0,0,0.2); transition: 0.5s ease-in-out; display: flex; align-items: center; justify-content: center;">
      <span style="font-size: 24px; filter: drop-shadow(0 2px 2px rgba(0,0,0,0.3));">🍅</span>
      <div id="gaba-particles-container" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;"></div>
    </div>
    <div id="fire-anim" style="position: absolute; bottom: 10px; font-size: 30px; opacity: 0; transition: 0.3s;">🔥🔥🔥</div>
  </div>
  <div id="water-status-box" style="margin-bottom: 15px; padding: 12px; background: #f0fff4; border-radius: 8px; color: #2f855a; font-weight: bold; border: 1px solid #c6f6d5; transition: 0.3s;">
    【生食】GABAは食材の中に留まっています
  </div>
  <div style="display: flex; gap: 10px; justify-content: center;">
    <button type="button" onclick="gabaWaterSim.setRaw()" style="flex: 1; padding: 12px 5px; background: #48bb78; color: white; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.15);">
      🥗 生で食べる
    </button>
    <button type="button" onclick="gabaWaterSim.setBoil()" style="flex: 1; padding: 12px 5px; background: #e53e3e; color: white; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.15);">
      🍲 茹でる・煮る
    </button>
  </div>
  <p id="water-hint" style="margin-top: 15px; margin-bottom: 5px; font-size: 0.85em; color: #718096; opacity: 0; transition: 0.5s;">※溶け出したGABAを摂るには、スープごと飲む必要があります。</p>
  
  <p style="margin-top: 10px; margin-bottom: 0; font-size: 0.75em; color: #a0aec0; text-align: center;">※アニメーションはイメージです。</p>
</div>

<style>
  @keyframes flicker {
    0% { transform: scale(1) translateY(0); opacity: 0.8; }
    100% { transform: scale(1.1) translateY(-2px); opacity: 1; }
  }
  .is-burning {
    animation: flicker 0.4s infinite alternate;
    opacity: 1 !important;
  }
  .gaba-dot {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #63b3ed;
    border-radius: 50%;
    box-shadow: 0 0 4px #63b3ed;
    transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .boiling-water {
    background: rgba(66, 153, 225, 0.4) !important;
  }
</style>

<script>
const gabaWaterSim = {
  particles: [], isBoiling: false,
  init: function() {
    const container = document.getElementById('gaba-particles-container');
    for (let i = 0; i < 15; i++) {
      const dot = document.createElement('div');
      dot.className = 'gaba-dot';
      container.appendChild(dot);
      this.particles.push(dot);
    }
    setTimeout(() => this.setRaw(), 100);
  },
  setRaw: function() {
    this.isBoiling = false;
    document.getElementById('plate-mode').style.opacity = '1';
    document.getElementById('pot-mode').style.opacity = '0';
    const fire = document.getElementById('fire-anim');
    fire.style.opacity = '0';
    fire.classList.remove('is-burning');
    document.getElementById('tomato-obj').style.bottom = '45px';
    document.getElementById('pot-water').classList.remove('boiling-water');
    
    const status = document.getElementById('water-status-box');
    status.style.background = '#f0fff4'; status.style.borderColor = '#c6f6d5'; status.style.color = '#2f855a';
    status.innerText = '【生食】GABAは食材の中に留まっています';
    document.getElementById('water-hint').style.opacity = '0';

    this.particles.forEach(dot => {
      const angle = Math.random() * Math.PI * 2;
      const radius = Math.random() * 10;
      const x = 50 + Math.cos(angle) * radius;
      const y = 65 + Math.sin(angle) * radius;
      dot.style.left = `calc(${x}% - 3px)`;
      dot.style.top = `calc(${y}% - 3px)`;
      dot.style.opacity = '1';
    });
  },
  setBoil: function() {
    if (this.isBoiling) return;
    this.isBoiling = true;
    document.getElementById('plate-mode').style.opacity = '0';
    document.getElementById('pot-mode').style.opacity = '1';
    const fire = document.getElementById('fire-anim');
    fire.classList.add('is-burning');
    document.getElementById('tomato-obj').style.bottom = '45px';
    document.getElementById('pot-water').classList.add('boiling-water');

    const status = document.getElementById('water-status-box');
    status.style.background = '#fff5f5'; status.style.borderColor = '#fed7d7'; status.style.color = '#c53030';
    status.innerText = '【加熱】成分が水中に溶け出してしまいました…！';
    document.getElementById('water-hint').style.opacity = '1';

    this.particles.forEach(dot => {
      const randomX = (Math.random() - 0.5) * 120;
      const randomY = (Math.random() - 0.5) * 60 - 20;
      dot.style.left = `calc(50% + ${randomX}px)`;
      dot.style.top = `calc(50% + ${randomY}px)`;
      dot.style.opacity = '0.6'; 
    });
  }
};
gabaWaterSim.init();
</script>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">3. 変化を実感するまでの「継続性」の問題</h3>



<p class="wp-block-paragraph">GABAによる認知機能の一部を維持する機能は、1日2日摂っただけで実感できるものではありません。</p>



<p class="wp-block-paragraph">臨床試験のデータなどでは、12週間（約3ヶ月）の継続摂取によって機能が確認されています。</p>



<p class="wp-block-paragraph">毎日同じような食材を大量に買い続け、食べ続けることは、食費の面でも味覚の面でも大きな負担となります。</p>



<div id="cost-sim-wrapper" style="max-width: 500px; margin: 20px auto; padding: 25px 20px; background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 15px rgba(0,0,0,0.08); font-family: 'Helvetica Neue', Arial, sans-serif;">
  
  <h4 style="margin-top: 0; margin-bottom: 10px; color: #2d3748; font-size: 1.2em; text-align: center;">90日間（約3ヶ月）継続コスト計算機</h4>
  <p style="font-size: 0.85em; color: #718096; text-align: center; margin-bottom: 20px;">GABA200mgを毎日同じ食材で摂り続けた場合の、90日間の総額と量を計算します。</p>

  <div style="margin-bottom: 20px; text-align: center;">
    <select id="food-select" style="width: 80%; padding: 12px; font-size: 16px; border: 2px solid #cbd5e0; border-radius: 8px; background-color: #f7fafc; color: #2d3748; cursor: pointer;">
      <option value="tomato">🍅 トマト（毎日330g）</option>
      <option value="eggplant">🍆 ナス（毎日430g）</option>
      <option value="chocolate">🍫 高カカオチョコ（毎日590g）</option>
      <option value="rice">🍚 発芽玄米（毎日1.6kg）</option>
    </select>
  </div>

  <div style="text-align: center; margin-bottom: 25px;">
    <button onclick="calculate90Days()" style="background: #e53e3e; color: white; border: none; padding: 12px 30px; font-size: 16px; border-radius: 50px; cursor: pointer; font-weight: bold; box-shadow: 0 4px 6px rgba(229, 62, 62, 0.3); transition: 0.2s;">
      90日後の未来を見る
    </button>
  </div>

  <div id="result-area" style="background: #fff5f5; border: 2px dashed #fc8181; border-radius: 8px; padding: 20px; text-align: center; opacity: 0; transition: opacity 0.5s ease-in-out;">
    <div style="font-size: 0.9em; color: #c53030; font-weight: bold; margin-bottom: 5px;">90日間の推定食費</div>
    <div style="font-size: 2.2em; font-weight: bold; color: #e53e3e; margin-bottom: 15px; font-family: monospace;">
      ¥<span id="total-cost">0</span>
    </div>
    
    <div style="font-size: 0.9em; color: #c53030; font-weight: bold; margin-bottom: 5px;">90日間で食べる総量</div>
    <div id="total-amount" style="font-size: 1.2em; font-weight: bold; color: #2d3748; margin-bottom: 10px;">
      &#8211;
    </div>
    <div id="food-icons" style="font-size: 24px; line-height: 1.2; max-height: 70px; overflow: hidden; color: #a0aec0;">
      </div>
  </div>
  
  <p style="font-size: 0.75em; color: #a0aec0; text-align: center; margin-top: 15px;">※価格は一般的なスーパーの相場を基にした目安です。</p>

</div>

<script>
  // 食材データ (1日あたりの量g, 100gあたりの目安価格, 絵文字, 単位)
  const foodData = {
    tomato: { daily: 330, pricePer100g: 80, emoji: '🍅', unit: '個', perUnit: 150 }, // 中1個150g
    eggplant: { daily: 430, pricePer100g: 60, emoji: '🍆', unit: '本', perUnit: 100 }, // 1本100g
    chocolate: { daily: 590, pricePer100g: 250, emoji: '🍫', unit: '枚(50g)', perUnit: 50 },
    rice: { daily: 1600, pricePer100g: 80, emoji: '🍚', unit: '合', perUnit: 150 } // 炊飯後
  };

  function calculate90Days() {
    const selected = document.getElementById('food-select').value;
    const data = foodData[selected];
    
    // 計算
    const dailyCost = (data.daily / 100) * data.pricePer100g;
    const totalCost = Math.round(dailyCost * 90);
    const totalWeightKg = (data.daily * 90) / 1000;
    const totalUnits = Math.round((data.daily * 90) / data.perUnit);

    const resultArea = document.getElementById('result-area');
    const costSpan = document.getElementById('total-cost');
    const amountDiv = document.getElementById('total-amount');
    const iconsDiv = document.getElementById('food-icons');

    // リセット
    resultArea.style.opacity = '1';
    costSpan.innerText = '0';
    amountDiv.innerHTML = '';
    iconsDiv.innerHTML = '';

    // 金額カウントアップアニメーション
    let currentVal = 0;
    const increment = totalCost / 40; 
    const counter = setInterval(() => {
      currentVal += increment;
      if (currentVal >= totalCost) {
        currentVal = totalCost;
        clearInterval(counter);
        
        // 最終テキスト表示
        amountDiv.innerHTML = `約 <span style="color: #e53e3e; font-size: 1.3em;">${totalWeightKg.toFixed(1)}kg</span><br><span style="font-size: 0.8em; color: #718096;">(目安：${totalUnits}${data.unit})</span>`;
        
        // アイコンをドバッと出す
        let icons = '';
        const displayCount = Math.min(totalUnits, 60); // 画面が崩れないよう最大60個表示
        for(let i=0; i<displayCount; i++) {
          icons += data.emoji;
        }
        iconsDiv.innerHTML = icons + (totalUnits > 60 ? '...' : '');
      }
      costSpan.innerText = Math.round(currentVal).toLocaleString();
    }, 20);
  }
</script>



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



<h2 class="wp-block-heading">食品のGABAを効率よく摂るための調理のコツ</h2>



<p class="wp-block-paragraph">それでも、普段の食事から少しでも多くのGABAを摂取したい場合、以下のような工夫を取り入れてみましょう。</p>



<style>
  /* 全体のラッパー */
  .gaba-tips-wrapper {
    margin: 2em 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
  }
  
  /* PC用：テーブルの外枠 */
  .gaba-tips-table {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    background-color: #ffffff;
  }
  
  /* PC用：ヘッダー（青背景） */
  .gaba-tips-header {
    display: flex;
    background-color: #2b6cb0;
    color: #ffffff;
    font-weight: bold;
  }
  .gt-col1, .gt-col2 {
    padding: 14px 16px;
    box-sizing: border-box;
  }
  .gaba-tips-header .gt-col1 {
    width: 35%;
    border-right: 1px solid rgba(255,255,255,0.2);
  }
  .gaba-tips-header .gt-col2 {
    width: 65%;
  }
  
  /* 行の基本デザイン */
  .gaba-tips-row {
    display: flex;
    border-bottom: 1px solid #e2e8f0;
  }
  .gaba-tips-row:nth-child(odd) { background-color: #ffffff; }
  .gaba-tips-row:nth-child(even) { background-color: #f7fafc; }
  .gaba-tips-row:last-child { border-bottom: none; }
  
  /* セルのデザイン */
  .gaba-tips-row .gt-col1 {
    width: 35%;
    font-weight: bold;
    color: #2d3748;
    border-right: 1px solid #e2e8f0;
    display: flex;
    align-items: center; /* PC表示時に縦の中央揃え */
    line-height: 1.4;
  }
  .gaba-tips-row .gt-col2 {
    width: 65%;
    color: #4a5568;
    line-height: 1.6;
  }

  /* 📱 スマホ用レスポンシブ設計（画面幅600px以下で発動） */
  @media (max-width: 600px) {
    .gaba-tips-table {
      border: none;
      box-shadow: none;
      background: transparent;
    }
    .gaba-tips-header {
      display: none; /* スマホでは横並びヘッダーを消す */
    }
    .gaba-tips-row {
      flex-direction: column; /* 縦並びのカード型に変形 */
      background-color: #ffffff !important;
      margin-bottom: 16px;
      border: 1px solid #cbd5e0;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
      overflow: hidden;
    }
    .gaba-tips-row .gt-col1, .gaba-tips-row .gt-col2 {
      width: 100%;
      border-right: none;
    }
    /* スマホ時の「ポイント（見出し）」デザイン */
    .gaba-tips-row .gt-col1 {
      background-color: #ebf8ff; /* 薄い青背景で見出し化 */
      border-bottom: 2px solid #3182ce;
      padding: 12px 16px;
      font-size: 1.05em;
    }
    /* スマホ時の「説明文」デザイン */
    .gaba-tips-row .gt-col2 {
      padding: 16px;
    }
  }
</style>

<div class="gaba-tips-wrapper">
  <div class="gaba-tips-table">
    
    <div class="gaba-tips-header">
      <div class="gt-col1">工夫のポイント</div>
      <div class="gt-col2">具体的な取り入れ方と理由</div>
    </div>
    
    <div class="gaba-tips-row">
      <div class="gt-col1">🥗 生で食べられる食品を選ぶ</div>
      <div class="gt-col2">
        トマトやぶどうなど、加熱せずに食べられるものは<strong>そのままいただきましょう</strong>。水溶性による成分の流出を防げます。
      </div>
    </div>
    
    <div class="gaba-tips-row">
      <div class="gt-col1">🍲 スープや味噌汁にして汁ごと飲む</div>
      <div class="gt-col2">
        茹でたり煮たりして水に溶け出したGABAも、<strong>汁ごと飲めば無駄なく摂取</strong>できます。加熱調理する際におすすめです。
      </div>
    </div>
    
    <div class="gaba-tips-row">
      <div class="gt-col1">🥒 発酵食品を活用する</div>
      <div class="gt-col2">
        キムチやぬか漬けなどの発酵食品は、発酵の過程でGABAが生み出されるため、<strong>成分が比較的安定</strong>しています。<br>
        <span style="display: inline-block; margin-top: 8px; font-size: 0.85em; color: #e53e3e; font-weight: bold;">（※ただし塩分の摂りすぎには注意が必要です）</span>
      </div>
    </div>
    
    <div class="gaba-tips-row">
      <div class="gt-col1">🍚 主食を工夫する</div>
      <div class="gt-col2">
        普段の白米の一部を<strong>発芽玄米に置き換える</strong>だけでも、毎日のベースとなる摂取量を少し底上げすることができます。
      </div>
    </div>
    
  </div>
</div>



<p class="wp-block-paragraph">こうした工夫は食生活を豊かにしてくれますが、これらを完璧に実践したとしても、「毎日200mg」という目標ラインに到達させて維持するのは、やはり容易ではありません。</p>



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



<h2 class="wp-block-heading">200mgを無理なく毎日摂り続ける現実的な方法</h2>



<p class="wp-block-paragraph">日々の食事の工夫を基本としながらも、どうしても不足してしまうGABAを補うためには、<strong>「機能性表示食品」を上手に活用すること</strong>が最もスマートで現実的な解決策です。</p>



<p class="wp-block-paragraph">食品からの摂取を基本としながら、不足分を機能性表示食品で補うという考え方が最も現実的です。</p>



<h3 class="wp-block-heading">サプリメントより機能性表示食品が安心な理由</h3>



<p class="wp-block-paragraph">サプリメントを取り入れるのも一つの手ですが、一般的なサプリメントは「薬を飲むような感覚」になりがちで、<strong><span class="swl-marker mark_yellow">「飲み忘れの経験がある人が約64%にのぼる」</span></strong>という調査データもあるほど、毎日の習慣にするのが意外と難しいアイテムです。</p>



<p class="wp-block-paragraph">また、市場にはGABAサプリメントも多く存在しますが、注意が必要です。</p>



<div style="display: flex; flex-wrap: wrap; gap: 20px; margin: 2em 0; font-family: 'Helvetica Neue', Arial, sans-serif;">
  
  <div style="flex: 1 1 300px; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04);">
    <div style="background-color: #f7fafc; padding: 16px; text-align: center; font-weight: bold; color: #4a5568; font-size: 1.1em; border-bottom: 1px solid #e2e8f0;">
      一般のGABAサプリメント
    </div>
    <div style="padding: 20px 24px; background-color: #ffffff;">
      <ul style="margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8; font-size: 0.95em;">
        <li style="margin-bottom: 10px;">科学的根拠の提示義務なし</li>
        <li style="margin-bottom: 10px;">配合量・品質がメーカーにより差がある</li>
        <li style="margin-bottom: 10px;">機能性を表示できない</li>
        <li style="margin-bottom: 0;">継続摂取の効果に不明確な部分がある</li>
      </ul>
    </div>
  </div>

  <div style="flex: 1 1 300px; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04);">
    <div style="background-color: #1a2b3c; padding: 16px; text-align: center; font-weight: bold; color: #ffffff; font-size: 1.1em;">
      機能性表示食品
    </div>
    <div style="padding: 20px 24px; background-color: #ffffff;">
      <ul style="margin: 0; padding-left: 20px; color: #4a5568; line-height: 1.8; font-size: 0.95em;">
        <li style="margin-bottom: 10px;">消費者庁への届出が必須</li>
        <li style="margin-bottom: 10px;">科学的根拠（論文・臨床試験）の提出が必要</li>
        <li style="margin-bottom: 10px;">機能性を具体的に表示できる</li>
        <li style="margin-bottom: 0;">配合量が明確（例：GABA 200mg）</li>
      </ul>
    </div>
  </div>

</div>



<p class="wp-block-paragraph">そこでおすすめしたいのが、毎日飲む「コーヒー」を<strong>機能性表示食品に置き換える</strong>方法です！</p>



<h3 class="wp-block-heading">1日200mgのGABAを手軽に。「Memory Coffee」</h3>



<p class="wp-block-paragraph">「毎朝の1杯」「食後の1杯」といったすでにある習慣に組み込むことで、飲み忘れを防ぎ、無理なくGABA200mgの摂取を継続できます。</p>



<p class="wp-block-paragraph">Memory Coffee（メモリーコーヒー）は、加齢によって低下する認知機能の一部（記憶力や空間認知力、論理的思考力）を維持する機能があることが報告されているGABAを、1本あたり200mgしっかりと配合した<span class="swl-marker mark_yellow"><strong>機能性表示食品（</strong>届出番号：J1384）<strong>です。</strong></span></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp" alt="Memory Coffeeは、スティック1本に機能性関与成分GABAが200mg配合されていることを説明する画像" class="wp-image-4872" style="width:446px;height:auto" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/memory-coffee-stick-gaba200mg-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">スティックタイプでサッと溶けるため、忙しい朝でも手軽に作れ、本格的なコーヒーの香りとコクを楽しみながら、毎日の認知機能ケアを無理なく続けることができます。</p>



<p class="wp-block-paragraph">食事からの摂取の難しさに悩むことなく、確かな成分量を美味しく習慣化してみませんか？</p>



<div id="compare90-wrapper" style="max-width: 600px; margin: 20px auto; padding: 25px 20px; background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 15px rgba(0,0,0,0.08); font-family: 'Helvetica Neue', Arial, sans-serif;">
  
  <h3 style="margin-top: 0; margin-bottom: 15px; color: #2d3748; font-size: 1.2em; text-align: center;">90日間（約3ヶ月）継続コスト・比較シミュレーター</h3>
  <p style="font-size: 0.85em; color: #718096; text-align: center; margin-bottom: 20px;">GABA200mgを毎日摂り続けた場合の「90日後のリアル」を比べてみましょう。</p>

  <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 25px;">
    <button type="button" onclick="compareSim90.run('tomato')" style="padding: 10px; background: #fff; border: 2px solid #cbd5e0; border-radius: 8px; cursor: pointer; font-weight: bold; color: #4a5568; transition: 0.2s;">
      🍅 トマトで頑張る
    </button>
    <button type="button" onclick="compareSim90.run('eggplant')" style="padding: 10px; background: #fff; border: 2px solid #cbd5e0; border-radius: 8px; cursor: pointer; font-weight: bold; color: #4a5568; transition: 0.2s;">
      🍆 ナスで頑張る
    </button>
    <button type="button" onclick="compareSim90.run('choco')" style="padding: 10px; background: #fff; border: 2px solid #cbd5e0; border-radius: 8px; cursor: pointer; font-weight: bold; color: #4a5568; transition: 0.2s;">
      🍫 高カカオチョコ
    </button>
    <button type="button" onclick="compareSim90.run('rice')" style="padding: 10px; background: #fff; border: 2px solid #cbd5e0; border-radius: 8px; cursor: pointer; font-weight: bold; color: #4a5568; transition: 0.2s;">
      🍚 発芽玄米で頑張る
    </button>
  </div>

  <div style="display: flex; flex-direction: column; gap: 15px; position: relative;">
    
    <div style="background: #fff5f5; border: 2px solid #fc8181; border-radius: 12px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(229, 62, 62, 0.1);">
      <h4 id="comp-food-title" style="margin: 0 0 15px 0; color: #c53030; font-size: 1.1em;">❓ 食材を選んでください</h4>
      
      <div style="font-size: 0.8em; color: #718096; font-weight: bold;">90日間の累計食費</div>
      <div style="font-size: 2em; font-weight: bold; color: #e53e3e; margin-bottom: 10px;">¥<span id="comp-food-cost">0</span></div>
      
      <div style="font-size: 0.8em; color: #718096; font-weight: bold;">90日間で食べる総量</div>
      <div style="font-size: 1.2em; font-weight: bold; color: #2d3748; margin-bottom: 10px;"><span id="comp-food-vol">&#8211;</span></div>
      
      <div id="comp-food-desc" style="font-size: 0.85em; color: #c53030; font-weight: bold; background: #fed7d7; padding: 8px; border-radius: 6px; display: none;"></div>
    </div>

    <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #2d3748; color: white; font-weight: bold; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 4px solid #ffffff; z-index: 10;">VS</div>

    <div style="background: #ebf8ff; border: 2px solid #63b3ed; border-radius: 12px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(49, 130, 206, 0.1);">
      <h4 style="margin: 0 0 15px 0; color: #2b6cb0; font-size: 1.1em;">☕ Memory Coffeeの場合</h4>
      
      <div style="font-size: 0.8em; color: #718096; font-weight: bold;">90日間の累計コスト</div>
      <div style="font-size: 2em; font-weight: bold; color: #3182ce; margin-bottom: 10px;">¥<span id="comp-coffee-cost">0</span></div>
      
      <div style="font-size: 0.8em; color: #718096; font-weight: bold;">90日間で飲む総量</div>
      <div style="font-size: 1.2em; font-weight: bold; color: #2d3748; margin-bottom: 10px;"><span id="comp-coffee-vol">&#8211;</span></div>
      
      <div id="comp-coffee-desc" style="font-size: 0.85em; color: #2b6cb0; font-weight: bold; background: #bee3f8; padding: 8px; border-radius: 6px; display: none;">1日約209円！いつもの1杯を置き換えるだけ</div>
    </div>

  </div>
  <p style="margin-top: 15px; margin-bottom: 0; font-size: 0.75em; color: #a0aec0; text-align: center;">※食費は一般的な相場に基づく目安です。<br>※アニメーションはイメージです。</p>
</div>

<script>
const compareSim90 = {
  interval: null,
  data: {
    tomato: { title: '🍅 トマトの場合', cost: 23400, vol: '約30kg', desc: '中玉トマト約180個分を消費' },
    eggplant: { title: '🍆 ナスの場合', cost: 23400, vol: '約39kg', desc: '中サイズのナス約360本分を消費' },
    choco: { title: '🍫 高カカオチョコの場合', cost: 132300, vol: '約53kg', desc: '板チョコ約1,060枚分（脂質・カロリー過多）' },
    rice: { title: '🍚 発芽玄米の場合', cost: 36000, vol: '約135kg', desc: '毎日お茶碗10杯以上を3ヶ月継続' }
  },
  coffeeCost: 18810, // 1日約209円 × 90日分
  
  run: function(foodKey) {
    clearInterval(this.interval);
    const fd = this.data[foodKey];
    
    // UI要素の取得
    const elFoodTitle = document.getElementById('comp-food-title');
    const elFoodCost = document.getElementById('comp-food-cost');
    const elFoodVol = document.getElementById('comp-food-vol');
    const elFoodDesc = document.getElementById('comp-food-desc');
    
    const elCoffeeCost = document.getElementById('comp-coffee-cost');
    const elCoffeeVol = document.getElementById('comp-coffee-vol');
    const elCoffeeDesc = document.getElementById('comp-coffee-desc');

    elFoodTitle.innerText = fd.title;
    elFoodVol.innerText = '-';
    elCoffeeVol.innerText = '-';
    elFoodDesc.style.display = 'none';
    elCoffeeDesc.style.display = 'none';

    let currentStep = 0;
    const steps = 30; // アニメーションの分割数

    this.interval = setInterval(() => {
      currentStep++;
      const progress = currentStep / steps;
      
      // 数字のカウントアップ演出
      elFoodCost.innerText = Math.floor(fd.cost * progress).toLocaleString();
      elCoffeeCost.innerText = Math.floor(this.coffeeCost * progress).toLocaleString();

      if (currentStep >= steps) {
        clearInterval(this.interval);
        elFoodCost.innerText = fd.cost.toLocaleString();
        elCoffeeCost.innerText = this.coffeeCost.toLocaleString();
        
        elFoodVol.innerText = fd.vol;
        elCoffeeVol.innerText = '90杯';
        
        elFoodDesc.innerText = fd.desc;
        elFoodDesc.style.display = 'block';
        elCoffeeDesc.style.display = 'block';
      }
    }, 30);
  }
};
</script>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      1日200mgのGABAを<br>コーヒーで手軽に
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>

</a>



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



<h2 class="wp-block-heading">まとめ：頑張らないことが、長く続けるための最大の秘訣</h2>



<p class="wp-block-paragraph">「GABAを日々の食事からしっかり摂りたい」という思いは、ご自身の健康や認知機能を大切にしたいと願うからこその、非常に素晴らしい心がけです。</p>



<p class="wp-block-paragraph">しかし、今回具体的なデータやシミュレーションで見てきたように、認知機能の維持の目安となる「1日200mg」を、毎日の食事“だけ”でクリアし続けることは、決して容易ではありません。</p>



<p class="wp-block-paragraph">食費の負担や調理の手間、そして「また今日も大量にトマトを食べなきゃ…」という義務感がストレスになってしまっては、せっかくの健康習慣も本末転倒です。</p>



<p class="wp-block-paragraph">普段の食事では、生食やスープなどの工夫で無理のない範囲でGABAを取り入れつつ、どうしても不足してしまう分は「機能性表示食品」という確実な選択肢に頼る。</p>



<p class="wp-block-paragraph">それこそが、忙しい私たちが確かな成分量を毎日しっかり摂り続けるための、最もスマートで現実的な解決策です！</p>



<p class="wp-block-paragraph">サプリメントを飲み忘れてしまう方でも、「毎日飲む1杯のコーヒーを置き換えるだけ」なら、無理なく自然に続けることができます。</p>



<p class="wp-block-paragraph">完璧な献立を目指して挫折してしまう前に、まずは確かな根拠のある一杯を、毎日の新しい習慣に組み込んでみませんか？ </p>



<p class="wp-block-paragraph">10年後、20年後もクリアで充実した毎日を守るために、今日からできる賢い選択を始めましょう！</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（鮮やかなピュアオレンジボタン版） */
.mc-jewel-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  margin: 3em 0;
  padding: 12px 30px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif; /* 高級感あふれる明朝体 */
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00; /* 琥珀の輝きを強調 */
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059; /* 琥珀色のフレーム */
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px;
  width: auto;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア */
.mc-jb-center {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 30px;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059; /* 琥珀色背景 */
  border: 1px solid #FFD700; /* 金のフレーム */
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 20px;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff;
  font-size: 1.15em;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  /* くすみを飛ばした鮮やかな王道オレンジグラデーション */
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%);
  border: 1px solid #FFAD33;
  padding: 12px 28px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4);
  position: relative;
  overflow: hidden;
  z-index: 2;
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff;
  font-weight: bold;
  font-size: 0.95em;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.mc-jb-btn-icon {
  font-size: 1.3em;
  filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column; gap: 20px; padding: 25px; text-align: center; }
  .mc-jb-center { flex-direction: column; padding: 0; gap: 15px; }
  .mc-jb-badge { margin-right: 0; }
  .mc-jb-btn { width: 100%; justify-content: center; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
 1日200mgのGABAを<br>コーヒーで手軽に
     
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
    
  </div>

</a>



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



<style>
.end-section{background:#f7f4ee;border-top:1px solid #e5dece;padding:24px 20px 28px;margin-top:40px;}
.end-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.end-header-bar{width:3px;height:18px;background:#c4993a;border-radius:2px;flex-shrink:0;}
.end-header-text{font-size:13px;font-weight:700;color:#1a1a1a;}
.end-cards{display:flex;flex-direction:column;gap:12px;}
.end-card{display:block;background:#fff;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.end-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.end-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.end-card-body{padding:12px 14px 14px;}
.end-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.end-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/magazine/functional-coffee-what-is/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/thumbnail-kinousei-coffee-towa.webp" alt="機能性コーヒーって何が違うの？">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">機能性コーヒー</div>
        <div class="end-card-title">機能性コーヒーって何が違うの？</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/gmp-quality/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gmp-factory-mede-gaba-coffee-02.webp" alt="国内220工場だけのGMP認証とは">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">品質 × GMP</div>
        <div class="end-card-title">国内220工場だけのGMP認証とは</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/why-90days/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-why-90days.webp" alt="なぜ90日間続けるのか？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">習慣化</div>
        <div class="end-card-title">なぜ90日間続けるのか？科学的根拠</div>
      </div>
    </a>
  </div>
</div>



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



<style>
  .gaba-faq-wrapper {
    margin: 3em 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
  }
  .gaba-faq-title {
    text-align: center;
    color: #2b6cb0;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 24px;
    border-bottom: 2px dashed #bee3f8;
    padding-bottom: 10px;
  }
  .gaba-faq-item {
    margin-bottom: 20px;
    border: 1px solid #cbd5e0;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    overflow: hidden;
  }
  
  /* 質問ブロック */
  .gaba-faq-q-box {
    padding: 16px 20px;
    background-color: #f7fafc;
    border-bottom: 1px dashed #e2e8f0;
    display: flex;
    align-items: flex-start;
  }
  .gaba-badge-q {
    background-color: #3182ce;
    color: #ffffff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9em;
    font-weight: bold;
    margin-right: 12px;
    flex-shrink: 0;
    margin-top: 2px;
  }
  .gaba-faq-q-text {
    color: #2d3748;
    font-weight: bold;
    line-height: 1.6;
    font-size: 1.05em;
  }

  /* 回答ブロック */
  .gaba-faq-a-box {
    padding: 18px 20px;
    background-color: #ffffff;
    display: flex;
    align-items: flex-start;
  }
  .gaba-badge-a {
    background-color: #e53e3e;
    color: #ffffff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9em;
    font-weight: bold;
    margin-right: 12px;
    flex-shrink: 0;
    margin-top: 2px;
  }
  .gaba-faq-a-text {
    color: #4a5568;
    line-height: 1.7;
    font-size: 0.95em;
  }
  
  /* 📱 スマホ用のレスポンシブ調整 */
  @media (max-width: 600px) {
    .gaba-faq-q-box {
      padding: 14px 16px;
    }
    .gaba-faq-a-box {
      padding: 16px;
    }
    .gaba-badge-q, .gaba-badge-a {
      width: 24px;
      height: 24px;
      margin-right: 10px;
      font-size: 0.85em;
    }
    .gaba-faq-q-text {
      font-size: 1em;
    }
  }
</style>

<div class="gaba-faq-wrapper">
  <div class="gaba-faq-title">💡 よくあるご質問（FAQ）</div>

  <div class="gaba-faq-item">
    <div class="gaba-faq-q-box">
      <span class="gaba-badge-q">Q</span>
      <span class="gaba-faq-q-text">市販の安いGABAサプリメントではダメなのでしょうか？</span>
    </div>
    <div class="gaba-faq-a-box">
      <span class="gaba-badge-a">A</span>
      <div class="gaba-faq-a-text">
        決してダメというわけではありませんが、<strong>「機能性表示食品」かどうか</strong>を確認することが重要です。<br>一般のサプリメントは科学的根拠の提示義務がないため、配合量や品質が不明確な場合があります。確実な実感をお求めなら、消費者庁へ届出がされており、200mgという成分量とその機能性が明確な「Memory Coffee」のような機能性表示食品を選ぶのが最も安心です。
      </div>
    </div>
  </div>

  <div class="gaba-faq-item">
    <div class="gaba-faq-q-box">
      <span class="gaba-badge-q">Q</span>
      <span class="gaba-faq-q-text">コーヒーに熱湯を注ぐと、GABAの成分が壊れてしまいませんか？</span>
    </div>
    <div class="gaba-faq-a-box">
      <span class="gaba-badge-a">A</span>
      <div class="gaba-faq-a-text">
        ご安心ください。GABA自体は<strong>熱に強い成分（耐熱性）</strong>を持っています。<br>記事内で「加熱すると成分が減る」と解説したのは、野菜などを茹でた際に水溶性のGABAが「煮汁のほうへ流れ出てしまうから」です。Memory Coffeeの場合、お湯に溶け出したGABAごとコーヒーとしてすべて飲み干すため、成分を1mgも無駄にすることなく摂取できます。
      </div>
    </div>
  </div>

  <div class="gaba-faq-item">
    <div class="gaba-faq-q-box">
      <span class="gaba-badge-q">Q</span>
      <span class="gaba-faq-q-text">いつ、どのタイミングで飲むのが一番効果的ですか？</span>
    </div>
    <div class="gaba-faq-a-box">
      <span class="gaba-badge-a">A</span>
      <div class="gaba-faq-a-text">
        食品ですので、<strong>いつお飲みいただいても大丈夫です。</strong><br>最も大切なのは「毎日継続すること」ですので、朝の目覚めの1杯、仕事や家事の合間のリラックスタイム、あるいは午後のティータイムなど、ご自身の生活スタイルの中で「一番無理なく続けられるタイミング」を習慣にしていただくことをおすすめします。
      </div>
    </div>
  </div>

</div>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "市販の安いGABAサプリメントではダメなのでしょうか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "決してダメというわけではありませんが、「機能性表示食品」かどうかを確認することが重要です。一般のサプリメントは科学的根拠の提示義務がないため、配合量や品質が不明確な場合があります。確実な実感をお求めなら、消費者庁へ届出がされており、200mgという成分量とその機能性が明確な「Memory Coffee」のような機能性表示食品を選ぶのが最も安心です。"
      }
    },
    {
      "@type": "Question",
      "name": "コーヒーに熱湯を注ぐと、GABAの成分が壊れてしまいませんか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ご安心ください。GABA自体は熱に強い成分（耐熱性）を持っています。記事内で「加熱すると成分が減る」と解説したのは、野菜などを茹でた際に水溶性のGABAが「煮汁のほうへ流れ出てしまうから」です。Memory Coffeeの場合、お湯に溶け出したGABAごとコーヒーとしてすべて飲み干すため、成分を1mgも無駄にすることなく摂取できます。"
      }
    },
    {
      "@type": "Question",
      "name": "いつ、どのタイミングで飲むのが一番効果的ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "食品ですので、いつお飲みいただいても大丈夫です。最も大切なのは「毎日継続すること」ですので、朝の目覚めの1杯、仕事や家事の合間のリラックスタイム、あるいは午後のティータイムなど、ご自身の生活スタイルの中で「一番無理なく続けられるタイミング」を習慣にしていただくことをおすすめします。"
      }
    }
  ]
}
</script>



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



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>機能性コーヒーとは？普通のコーヒーとの違いと選び方を徹底解説【機能性表示食品】</title>
		<link>https://memory-coffee.jp/magazine/functional-coffee-what-is/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Thu, 23 Apr 2026 00:42:26 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4844</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/04/thumbnail-kinousei-coffee-towa-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事で分かること 「機能性表示食品」と普通の [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/04/thumbnail-kinousei-coffee-towa-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<style>
/* --- コンテナ設定 --- */
.mc-toc-wrapper {
    margin: 2em 0 4em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* --- メインボックス（薄水色背景） --- */
.mc-toc-box {
    background: #eaf3f8; /* 上品な薄水色 */
    border: 1px solid #dbe9f1;
    border-radius: 12px;
    padding: 32px 40px;
    box-shadow: 0 4px 12px rgba(10, 25, 47, 0.03);
}

/* --- タイトル（テーマ干渉を防ぐためdivタグ） --- */
.mc-toc-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #1a437a; /* トラストブルー */
    text-align: center;
    margin: 0 0 24px 0;
    padding: 0;
    border: none;
    background: transparent;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

/* タイトル両脇の装飾ライン */
.mc-toc-title::before, 
.mc-toc-title::after {
    content: "";
    height: 2px;
    width: 30px;
    background: #c5a059; /* ゴールド */
    border-radius: 2px;
}

/* --- リスト部分 --- */
.mc-toc-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 600px;
}

.mc-toc-item {
    position: relative;
    padding-left: 32px;
    margin-bottom: 20px;
    font-size: 1.05rem;
    color: #333333;
    font-weight: 700;
    line-height: 1.5;
}

.mc-toc-item:last-child {
    margin-bottom: 0;
}

/* カスタムチェックマーク */
.mc-toc-item::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #c5a059; /* ゴールド */
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.2;
}

/* リストの補足説明（サブテキスト） */
.mc-toc-desc {
    display: block;
    font-size: 0.85rem;
    color: #666666;
    font-weight: 500;
    margin-top: 6px;
    line-height: 1.5;
}

/* --- レスポンシブ --- */
@media (max-width: 600px) {
    .mc-toc-box {
        padding: 24px 20px;
    }
    .mc-toc-title {
        font-size: 1.15rem;
        gap: 12px;
    }
    .mc-toc-title::before, 
    .mc-toc-title::after {
        width: 20px;
    }
    .mc-toc-item {
        font-size: 0.95rem;
        padding-left: 28px;
    }
    .mc-toc-item::before {
        font-size: 1.1rem;
    }
}
</style>

<div class="mc-toc-wrapper">
    <div class="mc-toc-box">
        
        <div class="mc-toc-title">この記事で分かること</div>
        
        <ul class="mc-toc-list">
            <li class="mc-toc-item">
                「機能性表示食品」と普通のコーヒーの決定的な違い
                <span class="mc-toc-desc">トクホとの違いや、科学的根拠（エビデンス）の仕組みを分かりやすく解説</span>
            </li>
            
            <li class="mc-toc-item">
                失敗しない！機能性コーヒーの選び方と5大カテゴリー
                <span class="mc-toc-desc">お腹の脂肪ケアからブレインケアまで、自分の目的に合った成分を見つける方法</span>
            </li>

            <li class="mc-toc-item">
                注目成分「GABA（ギャバ）」と認知機能の深い関わり
                <span class="mc-toc-desc">仕事のパフォーマンス維持に欠かせない成分の正体と、コーヒーで摂るメリット</span>
            </li>
        </ul>

    </div>
</div>



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



<p class="wp-block-paragraph">あなたが毎朝飲んでいるその1杯のコーヒー。</p>



<p class="wp-block-paragraph">もしかして、ただの「カフェイン補給」や「眠気覚まし」になっていませんか？</p>



<p class="wp-block-paragraph">最近、スーパーやコンビニ、通販などで「<strong>機能性コーヒー</strong>」という言葉を目にする機会が急激に増えました。</p>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-03.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>普通のコーヒーと何が違うの？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-02.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>本当に健康に良いことがあるの？</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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



<p class="wp-block-paragraph">このように疑問に思っている方も多いはずです。</p>



<p class="wp-block-paragraph">結論から言えば、機能性コーヒーは単なるブームや気休めではありません。</p>



<p class="wp-block-paragraph"> 国に届出を行い、<strong>明確な科学的根拠（エビデンス）に基づいて機能性を表示できる<span class="swl-marker mark_yellow">「現代のスマートな健康習慣」</span>です！</strong></p>



<p class="wp-block-paragraph">わざわざ新しいサプリメントを飲み始める必要はなく、いつもの1杯を置き換えるだけで、無理なく確実なケアを始めることができます。</p>



<p class="wp-block-paragraph">しかし、ひとくちに機能性コーヒーと言っても、「お腹の脂肪をケアするもの」から「記憶力や集中力（認知機能）を維持するもの」まで、含まれる成分によって役割は全く異なります。</p>



<p class="wp-block-paragraph">この記事では、機能性コーヒーの定義から、普通のコーヒーとの決定的な違い、そして「あなたの目的に合った商品を選ぶための3つのポイント」までを、分かりやすく徹底解説します。</p>



<p class="wp-block-paragraph">毎日飲むコーヒーだからこそ、今日から「意味のある1杯」に変えてみませんか？</p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="683" src="https://memory-coffee.jp/wp-content/uploads/2026/04/good-morning-coffee-1024x683.webp" alt="" class="wp-image-4862" style="aspect-ratio:1.4992988534191207;width:703px;height:auto" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/good-morning-coffee-1024x683.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/good-morning-coffee-300x200.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/good-morning-coffee-768x512.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/good-morning-coffee-1536x1024.webp 1536w, https://memory-coffee.jp/wp-content/uploads/2026/04/good-morning-coffee.webp 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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



<h2 class="wp-block-heading">機能性コーヒーとは？定義をわかりやすく解説</h2>



<p class="wp-block-paragraph">「機能性コーヒー」とは、消費者庁に届出された<strong><span class="swl-marker mark_yellow">「機能性表示食品」</span></strong>のコーヒーのことです。</p>



<p class="wp-block-paragraph">機能性表示食品とは、事業者が自らの責任において、科学的根拠に基づいた特定の保健の目的（「健康の維持・増進に役立つ」など）が期待できることを表示した食品です。</p>



<h3 class="wp-block-heading">トクホとの違い</h3>



<p class="wp-block-paragraph">よく混同される「トクホ（特定保健用食品）」との違いを整理しましょう。</p>



<style>
/* --- ベースレイアウト --- */
.mc-deep-comparison {
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 3em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* --- カード本体のスタイリング --- */
.mc-static-card {
    flex: 1 1 320px;
    background: #ffffff;
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 4px 16px rgba(10, 25, 47, 0.04);
    position: relative;
    border: 1px solid #f0f0f0;
}

/* 上部アクセントライン */
.mc-card-tokuho::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 4px;
    background: #90a4ae;
    border-radius: 12px 12px 0 0;
}
.mc-card-kinousei::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 4px;
    background: linear-gradient(135deg, #D4AF37 0%, #AA7C11 100%);
    border-radius: 12px 12px 0 0;
}

/* --- ヘッダー（テーマ干渉を防ぐためdivタグにしています） --- */
.mc-card-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.mc-badge {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 12px;
    letter-spacing: 0.05em;
}
.mc-badge-tokuho { background: #eceff1; color: #546e7a; }
.mc-badge-kinousei { background: rgba(212, 175, 55, 0.1); color: #AA7C11; }

/* タイトルのテーマ干渉リセット */
.mc-card-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0a192f;
    margin: 0 0 12px 0;
    padding: 0;
    border: none;
    background: transparent;
}

.mc-metaphor {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.5;
}

/* --- 詳細テキスト --- */
.mc-card-content {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #555;
}
.mc-card-content strong {
    color: #333;
}

/* --- スマホ表示時の最適化（極限まで余白をスリム化） --- */
@media (max-width: 600px) {
    .mc-deep-comparison {
        gap: 16px; 
    }
    .mc-static-card {
        padding: 20px 16px; /* 左右の余白を削り横幅を確保 */
    }
    .mc-card-header {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .mc-badge {
        font-size: 0.8rem;
        padding: 4px 12px;
        margin-bottom: 8px;
    }
    .mc-card-title {
        font-size: 1.35rem;
        margin: 0 0 8px 0;
    }
}
</style>

<div class="mc-deep-comparison">
    
    <div class="mc-static-card mc-card-tokuho">
        <div class="mc-card-header">
            <span class="mc-badge mc-badge-tokuho">特定保健用食品</span>
            <div class="mc-card-title">トクホ</div>
            <p class="mc-metaphor">例えるなら<br>「国の特注品（フルオーダー）」</p>
        </div>
        
        <div class="mc-card-content">
            製品そのもので何年もの歳月と多額の費用をかけて臨床試験を行い、国が直接許可を出します。<br>
            <br>
            <strong>特徴：</strong><br>
            国のお墨付きという安心感は絶大ですが、開発コストが高額なため、大手企業の定番商品（お茶やコーラなど）に偏りやすく、新しい成分や柔軟な商品開発には不向きという側面があります。<br>
        </div>
    </div>

    <div class="mc-static-card mc-card-kinousei">
        <div class="mc-card-header">
            <span class="mc-badge mc-badge-kinousei">現代のスタンダード</span>
            <div class="mc-card-title">機能性表示食品</div>
            <p class="mc-metaphor" style="color: #0a192f;">例えるなら<br>「世界基準のエビデンス活用」</p>
        </div>
        
        <div class="mc-card-content">
            事業者が自らの責任において、有効性を示す世界中の厳格な論文（システマティックレビュー）や臨床データを国に提出し、受理される制度です。<br>
            <br>
            <strong>特徴：</strong><br>
            科学的根拠の厳密さは保ちつつ、開発のスピード感があるのが特徴です。<br>
            この制度があるおかげで、現代のライフスタイルや細かな悩みに寄り添う、革新的で実力主義な商品が次々と届けられるようになりました。<br>
        </div>
    </div>

</div>



<p class="wp-block-paragraph">どちらも「科学的な根拠が必要」という点では共通しており、<strong>消費者が自分の目的に合った商品を選びやすくするための制度</strong>です。</p>



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



<h2 class="wp-block-heading">普通のコーヒーと何が違う？3つの比較ポイント</h2>



<p class="wp-block-paragraph">普通のコーヒーと機能性コーヒーには、大きく分けて3つの違いがあります。</p>



<style>
/* --- コンテナとベース設定 --- */
.mc-diff-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 2.5em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* --- カード全体のデザイン --- */
.mc-diff-card {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
}

.mc-diff-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

/* --- ヘッダー（ポイントのタイトル） 薄水色に変更 --- */
.mc-diff-header {
    background: #eaf3f8; /* 上品な薄水色 */
    color: #333333; /* 視認性の高いダークグレー */
    padding: 12px 24px;
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #dbe9f1;
}

.mc-diff-num {
    color: #c5a059; /* 馴染むトーンのゴールド */
    font-size: 1.3rem;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    font-style: italic;
}

/* --- 比較エリア（左右） --- */
.mc-diff-body {
    display: flex;
    position: relative;
}

.mc-diff-col {
    flex: 1;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* 普通のコーヒー側（控えめなデザイン） */
.mc-diff-col.regular {
    background: #fcfcfc;
    border-right: 1px dashed #e0e0e0;
}

/* 機能性コーヒー側（強調デザイン） */
.mc-diff-col.functional {
    background: #ffffff;
}

/* 各カラムのラベル（「普通のコーヒー」等） */
.mc-col-label {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 12px;
    padding: 4px 12px;
    border-radius: 20px;
}

.regular .mc-col-label {
    background: #f0f0f0;
    color: #777;
}

.functional .mc-col-label {
    background: rgba(212, 175, 55, 0.1);
    color: #AA7C11;
    border: 1px solid rgba(212, 175, 55, 0.3);
}

/* 本文テキスト */
.mc-diff-text {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    margin: 0;
}

/* 機能性側のテキスト強調（ゴールドのアンダーライン） */
.mc-diff-text.highlight {
    color: #333333; /* ネイビーからダークグレーに変更し読みやすく */
    font-weight: 700;
    background: linear-gradient(transparent 65%, rgba(212, 175, 55, 0.3) 65%);
    display: inline;
}

/* --- 中央の「VS」バッジ --- */
.mc-vs-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    border: 2px solid #eaeaea;
    color: #bbbbbb;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 900;
    font-family: Arial, sans-serif;
    z-index: 2;
}

/* --- スマホ表示用レスポンシブ --- */
@media (max-width: 600px) {
    .mc-diff-body {
        flex-direction: column;
    }
    .mc-diff-col {
        padding: 20px;
    }
    .mc-diff-col.regular {
        border-right: none;
        border-bottom: 1px dashed #e0e0e0;
    }
    .mc-vs-badge {
        /* 回転（rotate）を削除し、純粋に中央に配置 */
        transform: translate(-50%, -50%); 
    }
}
</style>

<div class="mc-diff-container">

    <div class="mc-diff-card">
        <div class="mc-diff-header">
            <span class="mc-diff-num">01</span>
            成分の違い
        </div>
        <div class="mc-diff-body">
            <div class="mc-diff-col regular">
                <span class="mc-col-label">普通のコーヒー</span>
                <p class="mc-diff-text">カフェイン・ポリフェノール等<br>（元々含まれる成分のみ）</p>
            </div>
            <div class="mc-vs-badge">VS</div>
            <div class="mc-diff-col functional">
                <span class="mc-col-label">機能性コーヒー</span>
                <p class="mc-diff-text"><span class="mc-diff-text highlight">特定の機能性関与成分</span><br>を追加配合（GABAなど）</p>
            </div>
        </div>
    </div>

    <div class="mc-diff-card">
        <div class="mc-diff-header">
            <span class="mc-diff-num">02</span>
            科学的根拠（エビデンス）
        </div>
        <div class="mc-diff-body">
            <div class="mc-diff-col regular">
                <span class="mc-col-label">普通のコーヒー</span>
                <p class="mc-diff-text">一般的な健康効果の<br>「期待」にとどまる</p>
            </div>
            <div class="mc-vs-badge">VS</div>
            <div class="mc-diff-col functional">
                <span class="mc-col-label">機能性コーヒー</span>
                <p class="mc-diff-text">ヒト臨床試験等に基づく<br><span class="mc-diff-text highlight">明確な科学的根拠あり</span></p>
            </div>
        </div>
    </div>

    <div class="mc-diff-card">
        <div class="mc-diff-header">
            <span class="mc-diff-num">03</span>
            機能の表示
        </div>
        <div class="mc-diff-body">
            <div class="mc-diff-col regular">
                <span class="mc-col-label">普通のコーヒー</span>
                <p class="mc-diff-text">パッケージへの<br>健康効果の表示は不可</p>
            </div>
            <div class="mc-vs-badge">VS</div>
            <div class="mc-diff-col functional">
                <span class="mc-col-label">機能性コーヒー</span>
                <p class="mc-diff-text">消費者庁への届出により<br><span class="mc-diff-text highlight">特定の機能を表示可能</span></p>
            </div>
        </div>
    </div>

</div>



<p class="wp-block-paragraph">機能性コーヒーは、コーヒー本来の味わいや香りはそのままに、特定の健康悩みにアプローチできる成分がプラスされているのが特徴です。</p>



<h2 class="wp-block-heading">機能性コーヒーにはどんな種類があるか</h2>



<p class="wp-block-paragraph">多くの機能性コーヒーが届出されていますが、含まれる<strong><span class="swl-marker mark_yellow">「機能性関与成分」</span></strong>によって期待できる役割が異なります。</p>



<style>
/* --- コンテナ設定 --- */
.mc-market-wrapper {
    margin: 3em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* --- リード文 --- */
.mc-market-intro {
    text-align: center;
    margin-bottom: 32px;
    font-size: 1.05rem;
    color: #333333;
    line-height: 1.8;
}

/* --- グリッドレイアウト --- */
.mc-market-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

/* --- カード基本スタイル --- */
.mc-type-card {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 24px 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    flex-direction: column;
}

.mc-type-card:hover {
    box-shadow: 0 10px 24px rgba(0,0,0,0.06);
    transform: translateY(-4px);
}

/* カテゴリタグ */
.mc-type-tag {
    font-size: 0.75rem;
    color: #666;
    background: #f5f5f5;
    padding: 4px 10px;
    border-radius: 20px;
    align-self: flex-start;
    margin-bottom: 8px; /* 余白を少し詰めてタイトルとの一体感を出す */
    font-weight: bold;
}

/* 期待できる機能のタイトル（テーマ干渉を防ぐためdiv化、余白リセット） */
.mc-type-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: #333333;
    margin: 0 0 12px 0;
    padding: 0 0 10px 0; /* padding-topを明示的に0にする */
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dashed #dbe9f1;
    background: transparent;
    line-height: 1.4;
}

/* 関与成分ラベル（上品な薄水色） */
.mc-type-component {
    display: inline-block;
    background: #eaf3f8; 
    color: #333333;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 12px;
    align-self: flex-start;
}

/* 説明文 */
.mc-type-desc {
    font-size: 0.9rem;
    color: #555555;
    line-height: 1.6;
    margin: 0;
    flex-grow: 1;
}
</style>

<div class="mc-market-wrapper">
    <p class="mc-market-intro">
        現在、市場に流通している機能性コーヒーは、<br>
        <strong>「どの成分を配合しているか」</strong>によって、大きく5つのカテゴリーに分けられます。
    </p>

    <div class="mc-market-grid">
        
        <div class="mc-type-card">
            <span class="mc-type-tag">定番・ダイエット系</span>
            <div class="mc-type-title">糖・脂肪・お通じケア</div>
            <div class="mc-type-component">成分：難消化性デキストリン等</div>
            <p class="mc-type-desc">
                市場で最も多く見かけるタイプです。食事の糖や脂肪の吸収を抑えたり、お通じを改善する目的で採用されており、主に食生活の乱れが気になる方に選ばれます。
            </p>
        </div>

        <div class="mc-type-card">
            <span class="mc-type-tag">定番・燃焼系</span>
            <div class="mc-type-title">体脂肪・BMIケア</div>
            <div class="mc-type-component">成分：クロロゲン酸類</div>
            <p class="mc-type-desc">
                コーヒー本来のポリフェノール成分です。お腹の脂肪（内臓脂肪）や体重の減少を助ける機能があり、健康診断の数値や体型が気になり始めた方の定番です。
            </p>
        </div>

        <div class="mc-type-card">
            <span class="mc-type-tag">特化・腸活系</span>
            <div class="mc-type-title">腸内環境ケア</div>
            <div class="mc-type-component">成分：コーヒー豆マンノオリゴ糖</div>
            <p class="mc-type-desc">
                コーヒー豆由来のオリゴ糖がビフィズス菌を増やし、腸内環境を良好に保つ機能が報告されています。毎日の「腸活」を手軽に行いたい方向けの成分です。
            </p>
        </div>

        <div class="mc-type-card">
            <span class="mc-type-tag">特化・代謝系</span>
            <div class="mc-type-title">エネルギー代謝サポート</div>
            <div class="mc-type-component">成分：コーヒー由来トリゴネリン</div>
            <p class="mc-type-desc">
                日常活動時のエネルギー代謝をサポートする機能があります。体を動かす効率を上げたい、よりアクティブな毎日を送りたい方に注目されている成分です。
            </p>
        </div>

        <div class="mc-type-card">
            <span class="mc-type-tag">特化・ブレインケア系</span>
            <div class="mc-type-title">認知機能の維持・ケア</div>
            <div class="mc-type-component">成分：GABA（ギャバ）</div>
            <p class="mc-type-desc">
                加齢に伴い低下する認知機能の一部である「記憶力・空間認知力・持続的注意力」を維持する機能が報告されています。脳の健康や、仕事のパフォーマンス維持を気遣う方に選ばれます。
            </p>
        </div>

    </div>
</div>



<p class="wp-block-paragraph">このように、自分のライフスタイルや健康上の目的に合わせて選ぶことが大切です。</p>



<h2 class="wp-block-heading">【注目成分】認知機能が気になる方にGABAコーヒーが選ばれる理由</h2>



<p class="wp-block-paragraph"><strong>GABA（γ-アミノ酪酸）は、アミノ酸の一種で、もともと私たちの体内（脳や脊髄）にも存在している成分です。</strong></p>



<style>
/* --- コンテナ設定 --- */
.mc-gaba-wrapper {
    margin: 3em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* --- メインボックス --- */
.mc-gaba-box {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.03);
    position: relative;
    overflow: hidden;
}

/* 左側のアクセントライン */
.mc-gaba-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: #c5a059; /* ゴールド */
}

/* --- ヘッダー部分 --- */
.mc-gaba-header {
    text-align: center;
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px dashed #dbe9f1;
}

/* テーマ干渉を防ぐためのリセット追加 */
.mc-gaba-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #333333;
    margin: 0 0 8px 0;
    padding: 0;
    border: none;
    background: transparent;
    letter-spacing: 0.05em;
    line-height: 1.4;
}

.mc-gaba-subtitle {
    font-size: 0.9rem;
    color: #666666;
    margin: 0;
    font-weight: 500;
}

/* --- コンテンツエリア（2カラム） --- */
.mc-gaba-content {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

/* 各パネル */
.mc-gaba-panel {
    flex: 1 1 280px;
    background: #eaf3f8; /* 薄水色 */
    border-radius: 12px;
    padding: 24px;
    position: relative;
    transition: transform 0.3s ease;
}

.mc-gaba-panel:hover {
    transform: translateY(-2px);
}

/* パネル上部のアイコン風バッジ */
.mc-panel-badge {
    background: #ffffff;
    color: #c5a059;
    font-size: 0.8rem;
    font-weight: 800;
    padding: 6px 12px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 10px; /* 余白を詰めて一体感を向上 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* パネルタイトル（テーマ干渉を防ぐためのリセット追加） */
.mc-panel-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #333333;
    margin: 0 0 12px 0;
    padding: 0;
    border: none;
    background: transparent;
    line-height: 1.4;
}

/* パネル本文 */
.mc-panel-text {
    font-size: 0.95rem;
    color: #444444;
    line-height: 1.7;
    margin: 0;
}

/* 強調テキスト */
.mc-gaba-highlight {
    font-weight: 700;
    color: #333333;
    background: linear-gradient(transparent 65%, rgba(212, 175, 55, 0.3) 65%);
}

/* --- レスポンシブ微調整 --- */
@media (max-width: 600px) {
    .mc-gaba-box {
        padding: 24px 16px;
    }
    .mc-gaba-content {
        flex-direction: column;
    }
}
</style>

<div class="mc-gaba-wrapper">
    <div class="mc-gaba-box">
        
        <div class="mc-gaba-header">
            <div class="mc-gaba-title">GABA（ギャバ）の正体とは？</div>
            <p class="mc-gaba-subtitle">正式名称：γ(ガンマ)-アミノ酪酸</p>
        </div>

        <div class="mc-gaba-content">
            
            <div class="mc-gaba-panel">
                <div class="mc-panel-badge">POINT 1</div>
                <div class="mc-panel-title">特殊な「アミノ酸」の仲間</div>
                <p class="mc-panel-text">
                    GABAは、私たちの体を構成するタンパク質の材料になるのではなく、体の調子を整えるために単独で働く<span class="mc-gaba-highlight">特別なアミノ酸</span>です。決して不自然な人工化合物ではありません。
                </p>
            </div>

            <div class="mc-gaba-panel">
                <div class="mc-panel-badge">POINT 2</div>
                <div class="mc-panel-title">もともと「体内」に存在する</div>
                <p class="mc-panel-text">
                    実は、常に私たちの体内（特に<span class="mc-gaba-highlight">脳や脊髄などの中枢神経</span>）に存在しています。車で例えるなら「ブレーキ」のような役割を持ち、高ぶった状態を落ち着かせ、冷静な判断や記憶の維持を支える重要な成分です。
                </p>
            </div>

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



<p class="wp-block-paragraph">臨床試験の結果、<strong>1日200mgのGABAを継続摂取</strong>することで、加齢に伴い低下する認知機能の一部である「記憶力」「空間認知力」「持続的注意力」を維持する機能があることが報告されています。</p>



<style>
/* --- コンテナ設定 --- */
.mc-evidence-wrapper {
    margin: 3em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

/* --- 画像エリア（PCで2列、スマホで1列） --- */
.mc-evidence-images {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
}

/* 画像コンテナ：知的で信頼感のある青（トラストブルー）に変更 */
.mc-evidence-img-box {
    flex: 1;
    text-align: center;
    background-color: #1a437a; /* トラストブルー */
    padding: 20px;
    border-radius: 8px;
    border: 2px solid #d4b572; /* 青に映える柔らかなゴールド */
    box-shadow: 0 4px 12px rgba(26, 67, 122, 0.2); /* 影も青系に寄せて統一感を */
}

.mc-evidence-img-box img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* --- 注記・免責事項エリア --- */
.mc-evidence-notes {
    background: #f4f7f9; /* 青に合わせたごく薄いグレーブルー */
    border-left: 4px solid #1a437a; /* こちらのアクセントも青に統一してスマートに */
    padding: 16px 20px;
    border-radius: 0 8px 8px 0;
}

.mc-evidence-notes p {
    font-size: 0.8rem;
    color: #555555;
    line-height: 1.6;
    margin: 0 0 8px 0;
}

.mc-evidence-notes p:last-child {
    margin-bottom: 0;
}

.mc-note-citation {
    color: #777777;
    font-size: 0.75rem;
    word-break: break-all;
    background: #ffffff;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #eaeaea;
    margin-top: 4px !important;
}

.mc-note-alert {
    color: #d9534f;
    font-weight: 700;
}

/* --- レスポンシブ --- */
@media (max-width: 768px) {
    .mc-evidence-images {
        flex-direction: column;
        gap: 16px;
    }
    .mc-evidence-img-box {
        padding: 16px;
    }
}
</style>

<div class="mc-evidence-wrapper">
    
    <div class="mc-evidence-images">
        <div class="mc-evidence-img-box">
            <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp-evidence-kuukann.png" alt="空間認知力の臨床試験データグラフ">
        </div>
        <div class="mc-evidence-img-box">
            <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp-evidence-kioku.png" alt="記憶力の臨床試験データグラフ">
        </div>
    </div>

    <div class="mc-evidence-notes">
        <p>※システマティックレビューで評価した研究2報の参加者の人数の合計</p>
        
        <p class="mc-note-citation">
            &lt;引用論文&gt; Yamatsu A., Nakamura U., Saddam HM., Horie N., Kaneko T., Kim M. Intake of 200 mg/day of γ-Aminobutyric Acid (GABA) Improves a Wide Range of Cognitive Functions – A Randomized, Double-blind, Placebo-controlled Parallelgroup Clinical Trial– 薬理と治療 48, 3, 461-474 (2020)
        </p>

        <p style="margin-top: 12px;">※「持続的注意力（注意を持続させながら、作業を続ける力）」も同様に、システマティックレビューに含まれるヒト試験において、Cognitrax等を用いて評価された項目に基づいて届出しています。</p>
        
        <p class="mc-note-citation">
            掲載論文：Yamatsu et al., Jpn Pharmacol Ther, 2020;48(3):461–474
        </p>

        <p style="margin-top: 12px;" class="mc-note-alert">※本商品を用いて行った実験ではありません。</p>
    </div>

</div>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/gaba-caffeine-synergy/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02.webp" alt="カフェインとGABAは相殺しない理由">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">GABA × 脳科学</div>
      <div class="inline-card-title">カフェインとGABAは相殺しない理由</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



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



<h3 class="wp-block-heading">食事だけで摂るのは意外と大変？</h3>



<p class="wp-block-paragraph">実は、GABA 200mgを毎日の食事だけで補うのは容易ではありません。</p>



<p class="wp-block-paragraph">例えばGABAが豊富な食品として知られる「ぶどう」の場合、1日に1kg以上を食べ続けなければならない計算になります。</p>



<p class="wp-block-paragraph">農家の方が丹精込めて作ったぶどうをそれだけ食べるのは嬉しいですが、毎日となると現実的ではありません…。</p>



<style>
/* --- ベース設定 --- */
.mc-reality-wrapper {
    margin: 4em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    color: #333333;
}

/* --- リード文 --- */
.mc-reality-intro {
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 32px;
}

/* --- 画像とテキストのレイアウト --- */
.mc-reality-flex {
    display: flex;
    gap: 40px;
    align-items: center;
    border-top: 1px solid #244535; /* フォレストグリーンで統一 */
    border-bottom: 1px solid #eaeaea;
    padding: 32px 0;
}

/* --- 画像エリア（ボタニカル・インフォグラフィック） --- */
.mc-reality-img-box {
    flex: 1;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(36, 69, 53, 0.12); /* 緑みがかった高級な影 */
    overflow: hidden;
    border: 1px solid #dbe9e0; /* 淡い緑の境界線 */
    display: flex;
    flex-direction: column;
}

/* 画像上部の見出し帯（深く上品なフォレストグリーン） */
.mc-img-header {
    background: #244535; 
    color: #ffffff;
    text-align: center;
    padding: 12px;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #d4b572; /* ゴールドのアクセントラインは維持 */
}

/* 画像本体の背景（深く上品なフォレストグリーン） */
.mc-img-body {
    background-color: #244535; /* 深緑に変更 */
    padding: 32px 24px 20px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mc-img-body img {
    max-width: 100%;
    height: auto;
    display: block;
}

.mc-reality-img-caption {
    font-size: 0.75rem;
    color: #888888;
    margin-top: 16px;
    align-self: flex-end;
}

/* --- テキストエリア --- */
.mc-reality-text-box {
    flex: 1;
}

.mc-reality-subtitle {
    font-size: 0.85rem;
    color: #888888;
    letter-spacing: 0.08em;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

.mc-reality-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #244535; /* タイトルもフォレストグリーンで統一感 */
    margin: 0 0 16px 0;
    line-height: 1.4;
}

.mc-reality-desc {
    font-size: 0.95rem;
    color: #555555;
    line-height: 1.7;
    margin: 0 0 16px 0;
}

/* --- 主幹の言葉（引用風） --- */
.mc-reality-quote {
    margin-top: 32px;
    padding-left: 24px;
    border-left: 2px solid #d4b572;
    font-size: 0.95rem;
    color: #555555;
    line-height: 1.8;
}

/* --- レスポンシブ --- */
@media (max-width: 768px) {
    .mc-reality-flex {
        flex-direction: column;
        padding: 24px 0;
        gap: 24px;
    }
}
</style>

<div class="mc-reality-wrapper">
    
    <p class="mc-reality-intro">
        例えば、認知機能のケアに推奨される「1日200mg」のGABA。<br>
        しかし、この量を毎日の食事のみで継続的に摂取することは、現実的には容易ではありません…。
    </p>

    <div class="mc-reality-flex">
        <div class="mc-reality-img-box">
            <div class="mc-img-header">食品100gあたりのGABA含有量</div>
            <div class="mc-img-body">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/01/lp001-gaba-export.png" alt="食品100gあたりのGABA含有量">
                <div class="mc-reality-img-caption">※可食部100gあたりのGABA含有量（目安）</div>
            </div>
        </div>

        <div class="mc-reality-text-box">
            <h5 class="mc-reality-subtitle">Daily Intake / 毎日の摂取量</h5>
            <h4 class="mc-reality-title">ぶどうなら毎日「約1kg」</h4>
            <p class="mc-reality-desc">
                上のグラフの通り、GABAが比較的多く含まれるとされる「ぶどう」でも、100gあたりの含有量は約17mgです。
            </p>
            <p class="mc-reality-desc">
                ここから推奨量である200mgを逆算すると、<strong>毎日1kg以上（およそ3〜4房）</strong>を食べ続けなければならない計算になります。
            </p>
        </div>
    </div>

    <div class="mc-reality-quote">
        農家の方が丹精込めて作ったぶどうをそれだけ食べるのは非常に贅沢なことですが、毎日続けるとなると現実的ではありません。だからこそ、いつもの朝のコーヒーを置き換えるという、日々の生活に自然に溶け込むスマートな選択が求められています。
    </div>

</div>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/gaba-rich-foods-list/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/massive-gaba-foods-for-brain-health.webp" alt="食事だけでGABA200mgは難しい訳">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">GABA × 食事</div>
      <div class="inline-card-title">食事だけでGABA200mgは難しい訳</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



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



<p class="wp-block-paragraph">そこで注目されているのが、毎朝のコーヒー習慣に溶け込む「GABAコーヒー」という選択肢です。</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（鮮やかなピュアオレンジボタン版） */
.mc-jewel-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  margin: 3em 0;
  padding: 12px 30px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif; /* 高級感あふれる明朝体 */
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00; /* 琥珀の輝きを強調 */
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059; /* 琥珀色のフレーム */
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px;
  width: auto;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア */
.mc-jb-center {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 30px;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059; /* 琥珀色背景 */
  border: 1px solid #FFD700; /* 金のフレーム */
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 20px;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff;
  font-size: 1.15em;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  /* くすみを飛ばした鮮やかな王道オレンジグラデーション */
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%);
  border: 1px solid #FFAD33;
  padding: 12px 28px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4);
  position: relative;
  overflow: hidden;
  z-index: 2;
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff;
  font-weight: bold;
  font-size: 0.95em;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.mc-jb-btn-icon {
  font-size: 1.3em;
  filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column; gap: 20px; padding: 25px; text-align: center; }
  .mc-jb-center { flex-direction: column; padding: 0; gap: 15px; }
  .mc-jb-badge { margin-right: 0; }
  .mc-jb-btn { width: 100%; justify-content: center; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      毎日のコーヒーで、<br>手軽にGABAを。
    </p>
  </div>

  <div class="mc-jb-btn">
<span class="mc-jb-btn-icon">☕️</span>
    <span class="mc-jb-btn-text">詳しくはこちら　▶</span>
    
  </div>

</a>



<p class="wp-block-paragraph"><em><small class="mininote">※注意：本品の機能性表示は、配合された機能性関与成分「GABA」の科学的根拠に基づくものであり、コーヒーに含まれる一般成分（クロロゲン酸やカフェイン等）の個別の効果を示すものではありません。毎日の豊かな一杯を通じて、穏やかに認知機能の維持をサポートします</small></em></p>



<h2 class="wp-block-heading">機能性コーヒーの選び方3つのポイント</h2>



<p class="wp-block-paragraph">自分にぴったりの1杯を見つけるために、以下の3点をチェックしましょう。</p>



<h3 class="wp-block-heading">①届出番号があるか確認する</h3>



<p class="wp-block-paragraph">パッケージや公式サイトに<strong><span class="swl-marker mark_yellow">「届出番号（例：J1384）」</span></strong>が記載されているかを確認してください。</p>



<p class="wp-block-paragraph">これが、科学的根拠に基づき消費者庁に受理されている証です！</p>



<figure class="wp-block-image size-large pc-only pc_only"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/kinouseihyouji-1024x576.webp" alt="" class="wp-image-4848" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/kinouseihyouji-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/kinouseihyouji-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/kinouseihyouji-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/kinouseihyouji.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-full sp-only sp_only"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/04/kinouseihyouji-sp.webp" alt="" class="wp-image-4853" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/kinouseihyouji-sp.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/04/kinouseihyouji-sp-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/kinouseihyouji-sp-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<h3 class="wp-block-heading">②自分の目的に合った成分か？</h3>



<p class="wp-block-paragraph">「お腹の脂肪をどうにかしたい」のか「仕事の集中力や記憶力を維持したい」のか、<strong><span class="swl-marker mark_yellow">目的に合った関与成分</span></strong>（クロロゲン酸やGABAなど）を選びましょう。</p>



<style>
/* --- コンテナ設定 --- */
.mc-navi-wrapper {
    margin: 2em 0 3em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

.mc-navi-desc {
    font-size: 0.95rem;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 24px;
    text-align: center;
}

/* --- チャート全体 --- */
.mc-navi-chart {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* --- 各行（お悩み → 成分） --- */
.mc-navi-row {
    display: flex;
    align-items: stretch;
    gap: 16px;
    transition: transform 0.3s ease;
}

.mc-navi-row:hover {
    transform: translateY(-2px);
}

/* 左側：お悩み（質問）ブロック */
.mc-navi-problem {
    flex: 1;
    background: #f4f7f9; /* 薄いグレーブルー */
    border: 1px solid #dbe9f1;
    border-radius: 8px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    color: #444444;
    font-size: 1rem;
    line-height: 1.4;
}

/* 中央：矢印 */
.mc-navi-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c5a059; /* ゴールド */
    font-size: 1.6rem;
    font-weight: bold;
}

/* 右側：解決策（成分）ブロック */
.mc-navi-solution {
    flex: 1;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

.mc-sol-tag {
    font-size: 0.75rem;
    color: #888888;
    margin-bottom: 6px;
    font-weight: 600;
}

.mc-sol-name {
    font-size: 1.15rem;
    font-weight: 800;
    color: #1a437a; /* トラストブルー */
}

/* --- GABA特別枠（ハイライト） --- */
.mc-navi-row.mc-focus-row {
    position: relative;
    z-index: 2;
}

.mc-navi-row.mc-focus-row .mc-navi-problem {
    background: #fffcf7;
    border-color: #d4b572;
    color: #333333;
}

.mc-navi-row.mc-focus-row .mc-navi-solution {
    border: 2px solid #1a437a;
    box-shadow: 0 8px 24px rgba(26, 67, 122, 0.15);
}

.mc-navi-row.mc-focus-row .mc-sol-tag {
    color: #d4b572;
}

.mc-navi-row.mc-focus-row .mc-sol-name {
    color: #1a437a;
}

/* --- レスポンシブ（スマホでは縦に矢印が向く） --- */
@media (max-width: 600px) {
    .mc-navi-row {
        flex-direction: column;
        gap: 8px;
        align-items: center;
        background: #fafafa;
        padding: 16px;
        border-radius: 12px;
        border: 1px solid #eaeaea;
    }
    .mc-navi-row.mc-focus-row {
        background: #ffffff;
        border: 2px solid #d4b572;
    }
    .mc-navi-problem, .mc-navi-solution {
        width: 100%;
        box-sizing: border-box;
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 8px !important;
    }
    .mc-navi-solution {
        align-items: center;
        text-align: center;
    }
    .mc-navi-arrow {
        transform: rotate(90deg); /* 矢印を下向きに */
        height: 24px;
    }
}
</style>

<div class="mc-navi-wrapper">
    <p class="mc-navi-desc">
        機能性コーヒーは、ご自身の「解決したい悩み」から逆算して成分を選ぶのが正解です。
    </p>

    <div class="mc-navi-chart">
        
        <div class="mc-navi-row">
            <div class="mc-navi-problem">お腹の脂肪や<br>BMI（体重）が気になる</div>
            <div class="mc-navi-arrow">▶︎</div>
            <div class="mc-navi-solution">
                <span class="mc-sol-tag">選ぶべき成分：燃焼・体型ケア</span>
                <span class="mc-sol-name">クロロゲン酸類</span>
            </div>
        </div>

        <div class="mc-navi-row">
            <div class="mc-navi-problem">食事の糖・脂肪や<br>お通じを改善したい</div>
            <div class="mc-navi-arrow">▶︎</div>
            <div class="mc-navi-solution">
                <span class="mc-sol-tag">選ぶべき成分：ダイエット・腸活</span>
                <span class="mc-sol-name">難消化性デキストリン</span>
            </div>
        </div>

        <div class="mc-navi-row mc-focus-row">
            <div class="mc-navi-problem">年齢による「あれ？それ？」<br>仕事の集中力を保ちたい</div>
            <div class="mc-navi-arrow">▶︎</div>
            <div class="mc-navi-solution">
                <span class="mc-sol-tag">選ぶべき成分：ブレインケア（認知機能）</span>
                <span class="mc-sol-name">GABA（ギャバ）</span>
            </div>
        </div>

    </div>
</div>



<h3 class="wp-block-heading">③続けやすい形状（タイプ）か？</h3>



<p class="wp-block-paragraph">機能性コーヒーの恩恵しっかり得るには、単発ではなく「継続」が何より重要です。</p>



<style>
/* --- ベース設定 --- */
.mc-lifestyle-wrapper {
    margin: 3em 0 4em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* --- リード文 --- */
.mc-lifestyle-intro {
    text-align: center;
    font-size: 1rem;
    color: #333333;
    line-height: 1.8;
    margin-bottom: 32px;
}

.mc-lifestyle-intro strong {
    color: #1a437a; /* トラストブルー */
    font-weight: 800;
    background: linear-gradient(transparent 70%, rgba(212, 175, 55, 0.3) 70%);
}

/* --- カードグリッド --- */
.mc-lifestyle-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

/* --- カードデザイン --- */
.mc-style-card {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 32px 24px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

.mc-style-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(26, 67, 122, 0.08);
    border-color: #dbe9f1;
}

/* カード上部のアクセントライン */
.mc-style-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #e0e0e0;
    transition: background 0.4s ease;
}

.mc-style-card:hover::before {
    background: linear-gradient(135deg, #d4af37 0%, #aa7c11 100%); /* ホバー時にゴールドへ */
}

/* シーンタグ（手軽さ重視など） */
.mc-style-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #888888;
    border: 1px solid #cccccc;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 8px; /* 16pxから8pxに縮めてタイトルと近づける */
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
}

.mc-style-card:hover .mc-style-tag {
    color: #d4b572;
    border-color: #d4b572;
    background: rgba(212, 175, 55, 0.05);
}

/* 形状タイトル（テーマ干渉を防ぐためdiv化、余白リセット） */
.mc-style-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1a437a; /* トラストブルー */
    margin: 0 0 12px 0;
    padding: 0;
    border: none;
    background: transparent;
    line-height: 1.4;
}

/* 説明文 */
.mc-style-desc {
    font-size: 0.9rem;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}

/* --- レスポンシブ --- */
@media (max-width: 768px) {
    .mc-lifestyle-grid {
        gap: 16px;
    }
    .mc-style-card {
        padding: 24px 20px;
    }
}
</style>

<div class="mc-lifestyle-wrapper">
    
    <p class="mc-lifestyle-intro">
        ご自身のライフスタイルに一番無理なく馴染む形状（タイプ）を選びましょう！
    </p>

    <div class="mc-lifestyle-grid">
        
        <div class="mc-style-card">
            <div class="mc-style-tag">手軽さ・タイパ重視</div>
            <div class="mc-style-title">インスタント</div>
            <p class="mc-style-desc">お湯や水にサッと溶かしてすぐ飲める。<br>忙しい朝や、オフィスでの手軽な一杯を習慣にしたい方に最適です。</p>
        </div>

        <div class="mc-style-card">
            <div class="mc-style-tag">香り・リラックス重視</div>
            <div class="mc-style-title">ドリップバッグ</div>
            <p class="mc-style-desc">本格的な香りとコクを楽しめる。<br>お湯を注ぐ「コーヒーを淹れる時間」そのものを大切にしたい方向けです。</p>
        </div>

        <div class="mc-style-card">
            <div class="mc-style-tag">外出・携帯性重視</div>
            <div class="mc-style-title">ボトル缶・ペット</div>
            <p class="mc-style-desc">蓋を開けてすぐ飲め、持ち運びも可能。<br>外出先や移動中のリフレッシュとして取り入れたい方に選ばれます。</p>
        </div>

    </div>
</div>



<h2 class="wp-block-heading">まとめ｜毎日のコーヒーを「機能性コーヒー」に変える</h2>



<p class="wp-block-paragraph">機能性コーヒーは、いつもの美味しい一杯を楽しみながら、科学的な根拠に基づいて健康をサポートできるスマートな選択です。</p>



<p class="wp-block-paragraph">特に「最近、言葉がすぐに出てこない」「集中力が続かない」といった認知機能が気になる方には、GABA 200mgを配合した「Memory Coffee（メモリーコーヒー）」がおすすめです！</p>



<p class="wp-block-paragraph">Memory Coffee（届出番号：J1384）は、毎朝の1杯を置き換えるだけで、無理なくGABAの継続摂取をサポートします。</p>



<p class="wp-block-paragraph">特別な準備は何もいりません。<br>明日の朝から、新しいコーヒー習慣を始めてみませんか？</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（鮮やかなピュアオレンジボタン版） */
.mc-jewel-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  margin: 3em 0;
  padding: 12px 30px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif; /* 高級感あふれる明朝体 */
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00; /* 琥珀の輝きを強調 */
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059; /* 琥珀色のフレーム */
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px;
  width: auto;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア */
.mc-jb-center {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 30px;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059; /* 琥珀色背景 */
  border: 1px solid #FFD700; /* 金のフレーム */
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 20px;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff;
  font-size: 1.15em;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  /* くすみを飛ばした鮮やかな王道オレンジグラデーション */
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%);
  border: 1px solid #FFAD33;
  padding: 12px 28px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4);
  position: relative;
  overflow: hidden;
  z-index: 2;
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff;
  font-weight: bold;
  font-size: 0.95em;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.mc-jb-btn-icon {
  font-size: 1.3em;
  filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column; gap: 20px; padding: 25px; text-align: center; }
  .mc-jb-center { flex-direction: column; padding: 0; gap: 15px; }
  .mc-jb-badge { margin-right: 0; }
  .mc-jb-btn { width: 100%; justify-content: center; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      毎日のコーヒーで、<br>手軽にGABAを。
    </p>
  </div>

  <div class="mc-jb-btn">
<span class="mc-jb-btn-icon">☕️</span>
    <span class="mc-jb-btn-text">詳しくはこちら　▶</span>
    
  </div>

</a>



<p class="wp-block-paragraph"><em><small class="mininote">※注意：本品の機能性表示は、配合された機能性関与成分「GABA」の科学的根拠に基づくものであり、コーヒーに含まれる一般成分（クロロゲン酸やカフェイン等）の個別の効果を示すものではありません。毎日の豊かな一杯を通じて、穏やかに認知機能の維持をサポートします</small></em></p>



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



<style>
.end-section{background:#f7f4ee;border-top:1px solid #e5dece;padding:24px 20px 28px;margin-top:40px;}
.end-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.end-header-bar{width:3px;height:18px;background:#c4993a;border-radius:2px;flex-shrink:0;}
.end-header-text{font-size:13px;font-weight:700;color:#1a1a1a;}
.end-cards{display:flex;flex-direction:column;gap:12px;}
.end-card{display:block;background:#fff;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.end-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.end-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.end-card-body{padding:12px 14px 14px;}
.end-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.end-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/magazine/gmp-quality/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gmp-factory-mede-gaba-coffee-02.webp" alt="国内220工場だけのGMP認証とは">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">品質 × GMP</div>
        <div class="end-card-title">国内220工場だけのGMP認証とは</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/price-reason/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-price-reason.webp" alt="1箱5,800円の理由を全部話す">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">価格の根拠</div>
        <div class="end-card-title">1箱5,800円の理由を全部話す</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/why-90days/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-why-90days.webp" alt="なぜ90日間続けるのか？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">習慣化</div>
        <div class="end-card-title">なぜ90日間続けるのか？科学的根拠</div>
      </div>
    </a>
  </div>
</div>



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



<style>
/* --- コンテナ設定 --- */
.mc-faq-wrapper {
    margin: 4em 0;
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* --- タイトル --- */
.mc-faq-main-title {
    font-size: 1.6rem;
    font-weight: 800;
    color: #1a437a; /* トラストブルー */
    text-align: center;
    margin: 0 0 40px 0;
    letter-spacing: 0.05em;
    position: relative;
    padding-bottom: 16px;
}

.mc-faq-main-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: #c5a059; /* ゴールド */
}

/* --- FAQアイテムのコンテナ --- */
.mc-faq-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.mc-faq-item {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 24px 32px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02);
}

/* --- 質問 (Q) エリア --- */
.mc-faq-q {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #dbe9f1;
}

.mc-q-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: #1a437a;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 900;
    font-family: Arial, sans-serif;
}

.mc-q-text {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333333;
    line-height: 1.5;
    margin-top: 4px; /* アイコンとの縦位置合わせ */
}

/* --- 回答 (A) エリア --- */
.mc-faq-a {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.mc-a-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: #f4f7f9; /* 薄いグレー */
    color: #c5a059; /* ゴールド */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 900;
    font-family: Arial, sans-serif;
}

.mc-a-text {
    font-size: 0.95rem;
    color: #555555;
    line-height: 1.8;
    margin-top: 4px;
}

/* 強調テキスト */
.mc-faq-strong {
    color: #333333;
    font-weight: 700;
}

/* --- レスポンシブ --- */
@media (max-width: 600px) {
    .mc-faq-item {
        padding: 20px;
    }
    .mc-faq-q, .mc-faq-a {
        gap: 12px;
    }
    .mc-q-text {
        font-size: 1.05rem;
    }
    .mc-a-text {
        font-size: 0.9rem;
    }
}
</style>

<div class="mc-faq-wrapper">
    
    <div class="mc-faq-main-title">よくあるご質問</div>

    <div class="mc-faq-list">
        
        <div class="mc-faq-item">
            <div class="mc-faq-q">
                <span class="mc-q-icon">Q</span>
                <div class="mc-q-text">健康のために、1日に何杯も（目安量以上に）飲んだ方が良いのでしょうか？</div>
            </div>
            <div class="mc-faq-a">
                <span class="mc-a-icon">A</span>
                <div class="mc-a-text">
                    いいえ。<br>
                    たくさん飲めば飲むほど機能が高まる、あるいは病気が治るというものではありません。<br>
                    機能性表示食品には、科学的根拠に基づいた「1日の摂取目安量」が必ず設定されています。<br>
                    過剰摂取は推奨されず、またコーヒーである以上カフェインも含まれていますので、パッケージに記載された目安量を守ってお召し上がりください。<br>
                </div>
            </div>
        </div>

        <div class="mc-faq-item">
            <div class="mc-faq-q">
                <span class="mc-q-icon">Q</span>
                <div class="mc-q-text">「機能性表示食品」は、国が効果を保証しているということですか？</div>
            </div>
            <div class="mc-faq-a">
                <span class="mc-a-icon">A</span>
                <div class="mc-a-text">
                    トクホ（特定保健用食品）とは異なり、国が個別に審査・許可（保証）したものではありません。<br>
                    事業者が自らの責任において、安全性や機能性の科学的根拠（エビデンス）に関する論文等のデータを消費者庁へ届け出た食品です。<br>
                    そのため、商品を選ぶ際は「どんな成分が」「どのような根拠で」配合されているのかを、ご自身でしっかり確認することが大切です。<br>
                </div>
            </div>
        </div>

        <div class="mc-faq-item">
            <div class="mc-faq-q">
                <span class="mc-q-icon">Q</span>
                <div class="mc-q-text">どのくらい飲み続ければ、良さを実感できますか？</div>
            </div>
            <div class="mc-faq-a">
                <span class="mc-a-icon">A</span>
                <div class="mc-a-text">
                    個人差はありますが、まずは「2〜3ヶ月（8〜12週間）」を目安に毎日継続することをおすすめします。<br>
                    機能性表示食品は即効性を求めるものではなく、日々の生活に取り入れることで穏やかに体をサポートしていくものです。<br>
                    臨床試験等のデータでも、一定期間の継続によって機能が確認されています。<br>
                    <span class="mc-faq-strong">「焦らず、いつものコーヒー習慣として気長に楽しむ」</span>ことが、結果的に一番の近道になります。<br>
                </div>
            </div>
        </div>

    </div>
</div>



<script type="application/ld+json">
[
  {
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
      "@type": "WebPage",
      "@id": "https://memory-coffee.jp/"
    },
    "headline": "機能性コーヒーとは？普通のコーヒーとの違いと選び方を徹底解説",
    "description": "機能性コーヒーの定義から、普通のコーヒーとの決定的な違い、目的に合った選び方のポイントまでを専門的な視点から徹底解説します。GABA等の成分ごとの特徴も分かりやすく紹介。",
    "author": {
      "@type": "Organization",
      "name": "Memory Coffee"
    },
    "publisher": {
      "@type": "Organization",
      "name": "HOPEF Inc.",
      "logo": {
        "@type": "ImageObject",
        "url": "https://memory-coffee.jp/wp-content/uploads/2026/01/logo.png"
      }
    }
  },
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "健康のために、1日に何杯も（目安量以上に）飲んだ方が良いのでしょうか？",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "いいえ。たくさん飲めば飲むほど機能が高まる、あるいは病気が治るというものではありません。機能性表示食品には、科学的根拠に基づいた「1日の摂取目安量」が必ず設定されています。過剰摂取は推奨されず、またコーヒーである以上カフェインも含まれていますので、パッケージに記載された目安量を守ってお召し上がりください。"
        }
      },
      {
        "@type": "Question",
        "name": "「機能性表示食品」は、国が効果を保証しているということですか？",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "トクホ（特定保健用食品）とは異なり、国が個別に審査・許可（保証）したものではありません。事業者が自らの責任において、安全性や機能性の科学的根拠（エビデンス）に関する論文等のデータを消費者庁へ届け出た食品です。そのため、商品を選ぶ際は「どんな成分が」「どのような根拠で」配合されているのかを、ご自身でしっかり確認することが大切です。"
        }
      },
      {
        "@type": "Question",
        "name": "どのくらい飲み続ければ、良さを実感できますか？",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "個人差はありますが、まずは「2〜3ヶ月（8〜12週間）」を目安に毎日継続することをおすすめします。機能性表示食品は即効性を求めるものではなく、日々の生活に取り入れることで穏やかに体をサポートしていくものです。臨床試験等のデータでも、一定期間の継続によって機能が確認されています。「焦らず、いつものコーヒー習慣として気長に楽しむ」ことが、結果的に一番の近道になります。"
        }
      }
    ]
  }
]
</script>



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



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>認知機能検査が不安な方へ｜空間認知力を維持する毎日のコーヒー習慣【機能性表示食品】</title>
		<link>https://memory-coffee.jp/magazine/cognitive-function-test-spatial-awareness/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Tue, 14 Apr 2026 05:31:45 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4814</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/cognitive-function-test-spatial-awareness-gaba-coffee-03-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事のポイント 免許制度の変更などもあり、将 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/cognitive-function-test-spatial-awareness-gaba-coffee-03-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<style>
/* Memory Coffee 記事のポイント（サマリーボックス）プロ装飾版 */
.memory-summary-box {
  /* ① 上品で知的な薄水色の背景 */
  background-color: #f2f7fb; 
  /* ② のっぺり感を消す、極薄の斜めストライプ（プロのあしらい） */
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  );
  border: 1px solid #e1e9f0;
  border-left: 5px solid #1e293b; /* ブランドネイビーの力強いアクセント */
  border-radius: 6px;
  padding: 2.5em 2em;
  margin: 3em 0;
  box-shadow: 0 8px 24px rgba(30, 41, 59, 0.06);
  position: relative;
  overflow: hidden;
}

/* ③ 右下の「POINT」透かし文字（ウォーターマーク） */
.memory-summary-box::after {
  content: "POINT";
  position: absolute;
  bottom: -15px;
  right: 0px;
  font-size: 5em;
  font-weight: 800;
  color: rgba(30, 41, 59, 0.03); /* 極薄のネイビーでさりげなく */
  line-height: 1;
  pointer-events: none;
  letter-spacing: -0.02em;
  z-index: 1;
}

.memory-summary-title {
  font-size: 1.15em;
  font-weight: 700;
  color: #1e293b; /* ネイビー */
  margin-bottom: 1.5em;
  display: flex;
  align-items: center;
  letter-spacing: 0.08em;
  position: relative;
  z-index: 2;
}

/* タイトルアイコンをゴールドのチェックバッジに */
.memory-summary-title::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C5A059'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-size: cover;
}

.memory-summary-list {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  position: relative;
  z-index: 2;
}

.memory-summary-list li {
  position: relative;
  padding-left: 2em; /* チェックマークが入るよう広めに */
  margin-bottom: 1.2em;
  color: #333333;
  line-height: 1.8;
  font-size: 0.95em;
  letter-spacing: 0.03em;
}

/* 単調な黒丸から、目を惹くゴールドのチェックマークへ */
.memory-summary-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: -0.1em;
  color: #C5A059;
  font-weight: bold;
  font-size: 1.3em;
}

.memory-summary-list li:last-child {
  margin-bottom: 0;
}

/* 薄水色に映えるように、ハイライトを少し鮮やかなイエローに調整 */
.memory-summary-highlight {
  color: #1a1a1a;
  font-weight: 700;
  background: linear-gradient(transparent 65%, #ffe4a0 0);
}

/* ▼▼ スマホ専用の最適化（余白圧縮をキープ） ▼▼ */
@media (max-width: 600px) {
  .memory-summary-box {
    padding: 1.5em 1.2em;
    margin: 2em 0;
  }
  .memory-summary-title {
    margin-bottom: 1.2em;
    font-size: 1.1em;
  }
  .memory-summary-list li {
    padding-left: 1.8em;
    margin-bottom: 0.8em;
    line-height: 1.6;
  }
  .memory-summary-box::after {
    font-size: 3.5em; /* スマホでは透かし文字も少し小さく */
    bottom: -10px;
    right: -5px;
  }
}
</style>

<div class="memory-summary-box">
  <div class="memory-summary-title">この記事のポイント</div>
  <ul class="memory-summary-list">
    <li>免許制度の変更などもあり、将来を見据えた<span class="memory-summary-highlight">「日頃からの認知機能ケア」</span>がより一層重要になっています。</li>
    <li>日常生活を支える<span class="memory-summary-highlight">「空間認知力」「持続的注意力」</span>は、1日200mgのGABAで維持が報告されています。</li>
    <li>サプリではなく<span class="memory-summary-highlight">毎日の「コーヒー習慣」</span>に置き換えることで、無理なく確実なケアが可能です。</li>
  </ul>
</div>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="red"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidashikyara-10.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>最近、物の場所をよく忘れる</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="red"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidashikyara-9.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -thinking -border-none"><div class="c-balloon__text">
<p>免許更新の検査が不安</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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



<p class="wp-block-paragraph">——そんな思いを抱えていませんか？</p>



<p class="wp-block-paragraph">75歳以上の免許更新制度は年々変わっており、現在は「認知機能検査」だけでなく、一定の条件を満たすと厳しい「実車試験」も課されるようになっています。</p>



<p class="wp-block-paragraph">免許更新の制度も変わる中、これからも自分らしく活動的な毎日を送るために重要なのが「空間認知力」です。</p>



<p class="wp-block-paragraph">この記事では、空間認知力をはじめとした認知機能を維持するために注目されている成分「GABA」と、それを毎日無理なく摂り続ける方法をご紹介します。</p>



<h2 class="wp-block-heading">免許更新の壁は「認知機能検査」だけではない</h2>



<p class="wp-block-paragraph">75歳以上のドライバーが免許更新の際に行う「認知機能検査」です。</p>



<p class="wp-block-paragraph">2022年の法改正により検査内容は簡素化され、現在は主にイラストを思い出す「記憶力」と、今日の日付を答える「時間の見当識」の2つが測られています。</p>



<style>
/* Memory Coffee 統合インタラクティブテスト（モバイル完全最適化版） */
.memory-interactive-wrapper {
  background: #ffffff;
  border: 1px solid #eef0f2;
  border-top: 4px solid #5c4d43;
  border-radius: 8px;
  padding: 2.5em 1.5em; /* PC向けのゆったりとした余白 */
  margin: 3em 0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
  font-family: inherit;
}
.memory-interactive-header {
  text-align: center;
  margin-bottom: 2.5em;
}
.memory-interactive-title {
  font-size: 1.25em;
  font-weight: 600;
  color: #2c2c2c;
  display: inline-block;
  border-bottom: 2px solid #5c4d43;
  padding-bottom: 0.3em;
  letter-spacing: 0.05em;
  margin-bottom: 1em;
}
.memory-interactive-desc {
  font-size: 0.95em;
  color: #4a4a4a;
  line-height: 1.6;
  margin-bottom: 0.5em;
}
.memory-interactive-note {
  font-size: 0.85em;
  color: #888;
  line-height: 1.5;
}
/* 各テストセクションの装飾 */
.memory-test-section {
  background: #faf9f7;
  border: 1px solid #e8e6e1;
  border-left: 4px solid #8c7a6b;
  padding: 1.8em;
  margin-bottom: 2em;
  border-radius: 4px;
}
.memory-test-name {
  font-size: 1.1em;
  font-weight: 600;
  color: #5c4d43;
  margin-bottom: 0.8em;
}
.memory-test-point {
  font-size: 0.95em;
  color: #4a4a4a;
  line-height: 1.6;
  margin-bottom: 1.5em;
}
.memory-test-question {
  background-color: #ffffff;
  padding: 1.2em;
  border-radius: 4px;
  font-weight: 600;
  margin-bottom: 1.5em;
  line-height: 1.6;
  border: 1px solid #eef0f2;
}

/* フォーム部品（PC基本スタイル） */
.memory-input-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin-bottom: 1.5em;
}
.memory-input-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.memory-input-group input, 
.memory-input-group select {
  padding: 10px;
  border: 1px solid #d1c7bd;
  border-radius: 6px;
  font-size: 16px; /* iOS自動ズーム防止 */
  background-color: #fff;
  color: #333;
  text-align: center;
  width: 80px; /* PCでの基本幅 */
}
.memory-input-group select { width: 110px; cursor: pointer; }
.memory-input-label { font-size: 0.95em; color: #4a4a4a; font-weight: 500; white-space: nowrap; }

/* ボタン装飾 */
.memory-btn {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  background-color: #5c4d43;
  color: #ffffff;
  border: none;
  padding: 14px 20px;
  font-size: 1.05em;
  font-weight: 600;
  border-radius: 30px;
  cursor: pointer;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(92, 77, 67, 0.2);
}
.memory-btn:hover {
  background-color: #4a3e36;
  transform: translateY(-2px);
}
.memory-btn-secondary {
  background-color: #8c7a6b;
}

/* 結果・演出用 */
.memory-result-box {
  margin-top: 1.5em;
  padding: 1.5em;
  border-radius: 8px;
  display: none;
  animation: fadeIn 0.5s ease-in-out;
}
.memory-result-correct { background-color: #f0f7f4; border: 1px solid #cce3d8; color: #2b593f; }
.memory-result-incorrect { background-color: #fdf5f5; border: 1px solid #f2dcdc; color: #8a3535; }
.memory-result-heading { font-size: 1.15em; font-weight: bold; margin-bottom: 0.5em; }
.memory-real-time { font-size: 1.1em; font-weight: bold; background: #fff; padding: 4px 8px; border-radius: 4px; display: inline-block; margin: 5px 0;}
.memory-emojis { font-size: 2.5em; letter-spacing: 0.2em; margin: 15px 0; text-align: center; }
.memory-timer-text { font-size: 1.5em; color: #d9534f; font-weight: bold; text-align: center; }

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


/* ▼▼ スマホ向け完全最適化（画像の問題点を解決） ▼▼ */
@media (max-width: 600px) {
  /* 全体の余白を詰める */
  .memory-interactive-wrapper {
    padding: 1.5em 1em; /* スマホでは左右の余白を極限まで減らす */
  }
  .memory-test-section {
    padding: 1.2em 1em; /* セクション内の余白も減らす */
  }

  /* フォーム周りのレイアウトを横並びから均等グリッドへ変更 */
  .memory-input-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列に均等分割（年・月・日） */
    gap: 10px; /* 要素間の隙間を適正化 */
    margin-bottom: 1em;
  }
  /* 時間入力列（曜日、時、分）も同様に */
  .memory-input-row:nth-of-type(2) {
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  .memory-input-group {
    flex-direction: column; /* 入力欄とラベル（年、月など）を縦積みにする */
    align-items: center;
    gap: 4px;
    width: 100%;
  }
  .memory-input-group input, 
  .memory-input-group select {
    width: 100%; /* 親要素(グリッド)の幅いっぱいに広げる */
    box-sizing: border-box;
    padding: 8px; /* スマホでは少し高さを抑える */
  }
  .memory-input-label {
    font-size: 0.85em; /* ラベルを少し小さくしてスッキリ見せる */
  }

  /* 絵文字のサイズ調整 */
  .memory-emojis { 
    font-size: 2em; 
    letter-spacing: 0.1em; /* 絵文字同士が重ならないように */
  }

  /* タイトルの調整 */
  .memory-interactive-title {
    font-size: 1.1em;
    line-height: 1.4;
  }
}
</style>

<div class="memory-interactive-wrapper">
  
  <div class="memory-interactive-header">
    <div class="memory-interactive-title">【参考】実際の認知機能検査はどのような問題が出る？</div>
    <p class="memory-interactive-desc">現在の認知機能検査は、主に以下の2つのテストで構成されています。自分の今の状態をイメージしながら、少しだけ頭の中で考えてみてください。</p>
    <p class="memory-interactive-note">（※以下の問題は実際の検査形式を参考に作成した体験用の例題です。本番のテストと全く同じイラストや設問が出題されるわけではありません）</p>
  </div>

  <div class="memory-test-section">
    <div class="memory-test-name">テスト1：時間の見当識（時間や日付の感覚）</div>
    <p class="memory-test-point">検査を受けている「今」の正確な日時を把握できているかを確認するテストです。<br>時計やカレンダーを見ずに、直感で現在の日時を入力してください。</p>
    
    <div class="memory-input-row">
      <div class="memory-input-group"><input type="number" id="mem-year" placeholder="202X" pattern="\d*"><span class="memory-input-label">年</span></div>
      <div class="memory-input-group"><input type="number" id="mem-month" placeholder="1~12" pattern="\d*"><span class="memory-input-label">月</span></div>
      <div class="memory-input-group"><input type="number" id="mem-day" placeholder="1~31" pattern="\d*"><span class="memory-input-label">日</span></div>
    </div>
    <div class="memory-input-row">
      <div class="memory-input-group time-group">
        <select id="mem-dow">
          <option value="">曜日</option>
          <option value="0">日</option><option value="1">月</option><option value="2">火</option>
          <option value="3">水</option><option value="4">木</option><option value="5">金</option><option value="6">土</option>
        </select>
        <span class="memory-input-label">曜日</span> </div>
      <div class="memory-input-group time-group"><input type="number" id="mem-hour" placeholder="0~23" pattern="\d*"><span class="memory-input-label">時</span></div>
      <div class="memory-input-group time-group"><input type="number" id="mem-minute" placeholder="0~59" pattern="\d*"><span class="memory-input-label">分</span></div>
    </div>
    
    <button class="memory-btn" onclick="checkTest1()">答え合わせをする</button>
    <div id="memory-result-1" class="memory-result-box"></div>
    <p class="memory-test-point" style="margin-top:1em; font-size:0.85em;"><strong>ポイント：</strong> 実際の時間から極端にズレていなければ正解となりますが、ふとした瞬間に「今日って何日だっけ？」と迷うことが多い方は要注意です。</p>
  </div>

  <div class="memory-test-section">
    <div class="memory-test-name">テスト2：手がかり再生（記憶力）</div>
    <p class="memory-test-point">新しい情報を一時的に記憶し、後から思い出す力を確認するテストです。検査の中で最も配点が高く、つまずきやすい項目でもあります。</p>
    
    <div class="memory-test-question">
      <span style="font-size:0.85em; font-weight:normal; color:#666; display:block; margin-bottom:0.5em;">（※本番では「戦車」「チューリップ」「カニ」などのイラストを16種類記憶し、別の作業をしてから回答します。ここでは簡易版を体験してみましょう）</span>
      下のボタンを押すと、4つのイラストが「5秒間」だけ表示されます。覚えてから、何があったか思い出してください。
    </div>

    <div id="mem2-stage1">
      <button class="memory-btn memory-btn-secondary" onclick="startTest2()">イラストを表示（5秒間）</button>
    </div>

    <div id="mem2-stage2" style="display:none; text-align:center;">
      <div class="memory-emojis">🚁 🌷 🦀 📻</div>
      <div id="mem2-timer" class="memory-timer-text">5</div>
      <p style="font-size:0.9em; color:#666;">しっかり覚えてください&#8230;</p>
    </div>

    <div id="mem2-stage3" style="display:none; text-align:center;">
      <p style="font-weight:bold; margin-bottom:1.5em;">先ほどの4つのイラストを思い出して、<br>頭の中で（または声に出して）答えてください。</p>
      <button class="memory-btn" onclick="showTest2Result()">答えを確認する</button>
    </div>

    <div id="mem2-result" class="memory-result-box memory-result-correct">
      <div class="memory-result-heading">正解はこちらです：</div>
      <div class="memory-emojis" style="font-size:2em;">🚁 🌷 🦀 📻</div>
      <p style="font-size:0.95em; line-height:1.6; margin-top:1em; color:#2c2c2c;">
        ヘリコプター、チューリップ、カニ、ラジオでした。<br>すべて思い出せましたか？<br><br>
        <strong>ポイント：</strong><br>
        まずはヒントなしで思い出し、その後に「乗り物」「花」といったヒントをもとにもう一度思い出します。加齢や緊張によって「喉まで出かかっているのに思い出せない」という現象が起きやすいのがこのテストの特徴です。
      </p>
    </div>

  </div>

</div>

<script>
/* テスト1：時間の見当識 判定ロジック */
function checkTest1() {
  const y = parseInt(document.getElementById('mem-year').value);
  const m = parseInt(document.getElementById('mem-month').value);
  const d = parseInt(document.getElementById('mem-day').value);
  const dow = document.getElementById('mem-dow').value;
  const h = parseInt(document.getElementById('mem-hour').value);
  const min = parseInt(document.getElementById('mem-minute').value);

  const resBox = document.getElementById('memory-result-1');
  resBox.style.display = 'block';

  if(!y || !m || !d || dow === "" || isNaN(h) || isNaN(min)) {
    resBox.className = 'memory-result-box memory-result-incorrect';
    resBox.innerHTML = 'すべての項目を入力してください。';
    return;
  }

  const now = new Date();
  let isCorrect = true;

  if(y !== now.getFullYear() || m !== (now.getMonth() + 1) || d !== now.getDate() || parseInt(dow) !== now.getDay()) {
    isCorrect = false;
  }
  
  const inputTotalMins = (h * 60) + min;
  const actualTotalMins = (now.getHours() * 60) + now.getMinutes();
  if(Math.abs(inputTotalMins - actualTotalMins) > 15) isCorrect = false;

  const dowNames = ['日','月','火','水','木','金','土'];
  const actualStr = `${now.getFullYear()}年${now.getMonth()+1}月${now.getDate()}日(${dowNames[now.getDay()]}) ${now.getHours()}時${String(now.getMinutes()).padStart(2,'0')}分`;

  if(isCorrect) {
    resBox.className = 'memory-result-box memory-result-correct';
    resBox.innerHTML = `<div class="memory-result-heading">素晴らしい！大正解です。</div>現在の「時間の見当識」はしっかりと保たれています。`;
  } else {
    resBox.className = 'memory-result-box memory-result-incorrect';
    resBox.innerHTML = `<div class="memory-result-heading">惜しい！少しズレがありました。</div>本当の日時はこちらです：<br><span class="memory-real-time">${actualStr}</span>`;
  }
}

/* テスト2：手がかり再生 アニメーションロジック */
function startTest2() {
  document.getElementById('mem2-stage1').style.display = 'none';
  document.getElementById('mem2-stage2').style.display = 'block';
  
  let timeLeft = 5;
  const timerEl = document.getElementById('mem2-timer');
  timerEl.innerText = timeLeft;

  const countdown = setInterval(() => {
    timeLeft--;
    timerEl.innerText = timeLeft;
    if(timeLeft <= 0) {
      clearInterval(countdown);
      document.getElementById('mem2-stage2').style.display = 'none';
      document.getElementById('mem2-stage3').style.display = 'block';
    }
  }, 1000);
}

function showTest2Result() {
  document.getElementById('mem2-stage3').style.display = 'none';
  document.getElementById('mem2-result').style.display = 'block';
}
</script>



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



<p class="wp-block-paragraph">しかし、注意すべきはもう一つの壁として新設された<strong><span class="swl-marker mark_yellow">「運転技能検査（実車試験）」</span></strong>です。</p>



<p class="wp-block-paragraph">これは全員が対象ではなく、過去3年間に「信号無視」や「通行帯違反」などの一定の交通違反歴がある方のみに課せられます。</p>



<p class="wp-block-paragraph">教習所のコースを実際に走り、合格点に達しなければ免許の更新ができないという厳しい試験です。</p>



<p class="wp-block-paragraph">つまり、日頃から無事故・無違反で安全運転を続けられている方であれば、この実車試験は免除され、これまで通りの検査と講習のみで更新が可能です。</p>



<p class="wp-block-paragraph">実車試験の対象にならないためにも日頃の安全運転が不可欠ですが、これを機に<strong>「自分自身の認知機能の変化」と客観的に向き合うこと</strong>が大切です。</p>



<h2 class="wp-block-heading">日常生活のあらゆる場面を支える「空間認知力」</h2>



<p class="wp-block-paragraph">では、日頃の生活を支えているのはどのような能力でしょうか？</p>



<p class="wp-block-paragraph">運転に限らず、私たちの活動には以下の認知機能が複雑に絡み合っています。</p>



<style>
/* Memory Coffee 認知機能解説カード用CSS */
.memory-ability-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  margin: 2.5em 0;
}
.memory-ability-card {
  flex: 1 1 280px; /* PCでは横並び、スマホでは縦積みになる魔法の比率 */
  background: #ffffff;
  border: 1px solid #eef0f2;
  border-radius: 8px;
  padding: 1.8em;
  box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.memory-ability-card:hover {
  transform: translateY(-3px); /* 軽く浮き上がる上品なホバー効果 */
}
/* 上部のアクセントカラーライン */
.memory-ability-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.card-spatial::before { background-color: #8c7a6b; } /* 空間認知力：少し柔らかいブラウン */
.card-attention::before { background-color: #5c4d43; } /* 持続的注意力：ブランドのメインブラウン */

.memory-ability-title {
  font-size: 1.15em;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 1em;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  border-bottom: 1px dashed #e8e6e1;
  padding-bottom: 0.8em;
}
/* 知性を感じさせるミニマルなSVGアイコン（外部画像不要） */
.icon-spatial {
  display: inline-block; width: 20px; height: 20px; margin-right: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c7a6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21'/%3E%3Cline x1='9' y1='3' x2='9' y2='18'/%3E%3Cline x1='15' y1='6' x2='15' y2='21'/%3E%3C/svg%3E") no-repeat center;
}
.icon-attention {
  display: inline-block; width: 20px; height: 20px; margin-right: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c4d43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") no-repeat center;
}
.memory-ability-desc {
  font-size: 0.95em;
  color: #4a4a4a;
  line-height: 1.8;
  margin: 0;
  letter-spacing: 0.02em;
}
</style>

<div class="memory-ability-wrapper">
  <div class="memory-ability-card card-spatial">
    <div class="memory-ability-title">
      <span class="icon-spatial"></span>空間認知力
    </div>
    <p class="memory-ability-desc">
      車幅の感覚や、歩行者との距離感、交差点での位置関係などを正確に把握する力。<br>
    </p>
  </div>
  
  <div class="memory-ability-card card-attention">
    <div class="memory-ability-title">
      <span class="icon-attention"></span>持続的注意力
    </div>
    <p class="memory-ability-desc">
      長時間の作業でも集中を切らさず、周囲の変化に気づく力。<br>
    </p>
  </div>
</div>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="yellow"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidashikyara-10.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>広めの駐車場で車を停めた位置が分からなくなる</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>

<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="yellow"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/04/fukidashikyara-9.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>階段の段差が見えにくくなった</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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



<p class="wp-block-paragraph">といった日常の小さな変化は、空間認知力低下のサインかもしれません。</p>



<p class="wp-block-paragraph">悪気はなくてもヒヤリとする場面が増えたと感じたら、早めのケアが重要です。</p>



<p class="wp-block-paragraph">運転免許の更新を単なる「テスト」として捉えるのではなく、今後の生活を支える「健康維持のスタート地点」と捉え直してみましょう。</p>



<h2 class="wp-block-heading">GABAが空間認知力・持続的注意力の維持をサポート</h2>



<p class="wp-block-paragraph">空間認知機能を維持するために、今注目されている成分が「GABA（ギャバ）」です。</p>



<p class="wp-block-paragraph">GABAはアミノ酸の一種で、もともと私たちの体内にも存在しています。</p>



<p class="wp-block-paragraph">特筆すべきは、<strong>GABA 200mgを継続摂取することで、空間認知力などの維持をサポートする</strong>という研究結果（ヒト臨床試験）が報告されている点です。</p>



<h4 class="wp-block-heading">機能性表示食品としての信頼</h4>



<style>
/* Memory Coffee エビデンスボックス（高齢者最適化＆スマホ余白ゼロ版）用CSS */
.mc-evidence-wrapper {
  background: #ffffff;
  border: 1px solid #eef0f2;
  border-radius: 8px;
  margin: 3em 0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
  overflow: hidden;
  font-family: inherit;
}
.mc-evidence-header {
  background: #1e293b; 
  color: #ffffff;
  padding: 2em; /* PCではゆったりと */
  position: relative;
  text-align: center;
}
.mc-evidence-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #1e293b, #C5A059);
}
.mc-evidence-title {
  font-size: 1.35em; /* 英語バッジを消した分、タイトルを少し力強く */
  font-weight: 700;
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #ffffff;
}
/* 「科学が証明する」の部分をゴールドにして視線を引く */
.mc-evidence-title span {
  color: #C5A059;
  display: block;
  font-size: 0.8em;
  margin-bottom: 0.3em;
}

.mc-evidence-body {
  padding: 2.5em 2em; /* PCではゆったりと */
}
.mc-evidence-lead {
  font-size: 0.95em;
  color: #4a4a4a;
  line-height: 1.8;
  margin-bottom: 2em;
  text-align: center;
}
.mc-evidence-highlight {
  color: #C5A059;
  font-weight: bold;
  border-bottom: 1px solid #C5A059;
}

/* グラフ画像用グリッド */
.mc-graph-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 1.5em;
}
.mc-graph-item img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  border: 1px solid #e8e6e1;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
  display: block;
}

/* 注釈・論文引用エリア（法務対応） */
.mc-evidence-notes {
  background: #fdfdfd;
  border-top: 1px dashed #e2e6ea;
  padding-top: 1.5em;
  margin-bottom: 2.5em;
  font-size: 0.75em;
  color: #888;
  line-height: 1.6;
}
.mc-evidence-notes p {
  margin: 0 0 0.8em 0;
}
.mc-evidence-notes p:last-child {
  margin-bottom: 0;
}
.mc-note-alert {
  color: #5c4d43;
  font-weight: 600;
}

/* 3つの機能グリッド */
.mc-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
  margin-bottom: 2em;
}
.mc-feature-item {
  background: #faf9f7;
  border: 1px solid #e8e6e1;
  padding: 1.5em 1em;
  border-radius: 6px;
  text-align: center;
}
.mc-feature-name {
  font-size: 1.05em;
  font-weight: 600;
  color: #5c4d43;
  margin-bottom: 0.8em;
}
.mc-feature-text {
  font-size: 0.85em;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

/* 届出表示ボックス */
.mc-official-box {
  background: #f8f9fa;
  border: 1px solid #e2e6ea;
  padding: 1.5em;
  border-radius: 6px;
}
.mc-official-num {
  font-weight: 600;
  color: #333;
  font-size: 0.95em;
  margin-bottom: 0.8em;
  display: flex;
  align-items: center;
}
.mc-official-num::before {
  content: '✓';
  display: inline-block;
  background: #1e293b;
  color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  margin-right: 8px;
}
.mc-official-text {
  font-size: 0.85em;
  color: #666;
  line-height: 1.7;
  margin: 0;
  text-align: justify;
}
.mc-official-note {
  font-size: 0.8em;
  color: #888;
  margin-top: 1em;
  margin-bottom: 0;
  line-height: 1.6;
}

/* ▼▼ スマホ向けの完全最適化（ご指摘の赤丸余白を削除） ▼▼ */
@media (max-width: 600px) {
  .mc-evidence-wrapper {
    margin: 2em 0; /* ボックス自体の上下マージンも少し詰める */
  }
  .mc-evidence-header { 
    padding: 1.2em 1em; /* タイトル周りのネイビーの余白を大幅に削る */
  }
  .mc-evidence-title {
    font-size: 1.15em; /* スマホで改行が不自然にならないサイズに */
  }
  .mc-evidence-body { 
    padding: 1.5em 1em; /* リード文の上の白余白を大幅に削る */
  }
  .mc-evidence-lead {
    margin-bottom: 1.2em; /* リード文とグラフの間の余白を詰める */
    text-align: left; /* スマホでは左揃えの方が読みやすい */
  }
  .mc-graph-grid { 
    grid-template-columns: 1fr; 
    gap: 15px; 
  }
  .mc-evidence-notes { 
    font-size: 0.7em; 
  }
}
</style>

<div class="mc-evidence-wrapper">
  
  <div class="mc-evidence-header">
    <h4 class="mc-evidence-title">
      <span>科学が証明する機能性</span>
      GABA 200mg配合の実力
    </h4>
  </div>

  <div class="mc-evidence-body">
    <p class="mc-evidence-lead">
      認知機能の低下を感じる40歳以上の健康な男女を対象としたヒト臨床試験において、<span class="mc-evidence-highlight">12週間の継続摂取</span>により、統計的に有意な維持・改善が見られました。
    </p>

    <div class="mc-graph-grid">
      <div class="mc-graph-item">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kioku-p.webp" alt="記憶力の維持に関する臨床試験データ" loading="lazy">
      </div>
      <div class="mc-graph-item">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kuukan-p.webp" alt="空間認知力の維持に関する臨床試験データ" loading="lazy">
      </div>
    </div>

    <div class="mc-evidence-notes">
      <p>※システマティックレビューで評価した研究2報の参加者の人数の合計</p>
      <p>＜引用論文＞ Yamatsu A., Nakamura U., Saddam HM., Horie N., Kaneko T., Kim M. Intake of 200 mg/day of γ-Aminobutyric Acid (GABA) Improves a Wide Range of Cognitive Functions – A Randomized, Double-blind, Placebo-controlled Parallelgroup Clinical Trial– 薬理と治療 48, 3, 461-474 (2020)</p>
      <p>※「持続的注意力（注意を持続させながら、作業を続ける力）」も同様に、システマティックレビューに含まれるヒト試験において、Cognitrax等を用いて評価された項目に基づいて届出しています。<br>掲載論文：Yamatsu et al., Jpn Pharmacol Ther, 2020;48(3):461–474</p>
      <p class="mc-note-alert">※本商品を用いて行った実験ではありません。</p>
    </div>

    <div class="mc-feature-grid">
      <div class="mc-feature-item">
        <div class="mc-feature-name">空間認知力の維持</div>
        <p class="mc-feature-text">物の位置、形、向きなどを正確に把握する力を維持する</p>
      </div>
      <div class="mc-feature-item">
        <div class="mc-feature-name">持続的注意力</div>
        <p class="mc-feature-text">注意を持続させながら、作業を続ける力を維持する</p>
      </div>
      <div class="mc-feature-item">
        <div class="mc-feature-name">記憶力の維持</div>
        <p class="mc-feature-text">見たり聞いたりしたことを思い出す力を維持する</p>
      </div>
    </div>

    <div class="mc-official-box">
      <div class="mc-official-num">機能性表示食品<br class="mc-sp-only">【届出番号：J1384】</div>
      <p class="mc-official-text">本品にはGABAが含まれます。GABAには、加齢に伴い低下する認知機能の一部である、記憶力（見たり聞いたりしたことを思い出す力）、空間認知力（物の位置、形、向きなどを正確に把握する力）、持続的注意力（注意を持続させながら、作業を続ける力）を維持する機能があることが報告されています。</p>
      <p class="mc-official-note">●本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</p>
    </div>
  </div>
  
</div>



<p class="wp-block-paragraph"><strong>届出番号J1384（Memory Coffee）</strong>のように「機能性表示食品」として消費者庁に届け出されているものは、科学的根拠に基づいてその機能性が示されています。</p>



<p class="wp-block-paragraph">しかし、この目安量である「200mg」を毎日の食事だけで補うのは、現実的には非常に困難です。</p>



<style>
/* Memory Coffee 問題提起ボックス用CSS（ダークテーマ版） */
.mc-problem-wrapper {
  background: #1e293b; /* LPの洗練されたネイビー */
  border: 1px solid #2d3748;
  border-top: 4px solid #C5A059; /* ゴールドのアクセント */
  border-radius: 8px;
  padding: 2.5em 1.5em;
  margin: 3em 0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  text-align: center;
  font-family: inherit;
}
.mc-problem-title {
  font-size: 1.15em;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 1.5em;
  letter-spacing: 0.05em;
}
.mc-problem-image-area {
  max-width: 400px;
  margin: 0 auto 1.8em;
}
.mc-problem-image-area img {
  width: 100%;
  height: auto;
  display: block;
}
.mc-problem-desc {
  font-size: 0.95em;
  color: #e2e8f0; /* 読みやすい明るいグレー */
  line-height: 1.8;
  margin: 0;
}
.mc-problem-desc strong {
  color: #C5A059; /* 強調部分はゴールド */
  font-weight: bold;
}
.mc-problem-note {
  font-size: 0.8em;
  color: #a0aec0;
  margin-top: 1.5em;
  line-height: 1.5;
}
</style>

<div class="mc-problem-wrapper">
  <div class="mc-problem-title">一般的な食品から200mgを<br class="mc-sp-only">摂るのは大変…</div>
  
  <div class="mc-problem-image-area">
    <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-gaba-etc-p.webp" alt="食べ物のGABA含有量比較" loading="lazy" decoding="async">
  </div>
  
  <p class="mc-problem-desc">
    例えば、100gあたり17mgのGABAを含む<strong>「ぶどう」の場合、200mgを摂るには毎日1kg以上（約3〜4房）</strong>を食べる計算に<br class="mc-sp-only">なります。<br>
    ミニトマトであっても毎日約600gが必要となり、これを365日、食事だけでカバーし続けるのは現実的ではありません。
  </p>
  
  <p class="mc-problem-note">※可食部100gあたりの含有量（目安）</p>
</div>



<style>
.inline-divider{display:flex;align-items:center;gap:8px;margin:28px 0 12px;}
.inline-divider-line{flex:1;height:1px;background:#e2dbd0;}
.inline-divider-text{font-size:10px;font-weight:700;letter-spacing:0.1em;color:#b09060;white-space:nowrap;}
.inline-card{display:flex;flex-direction:column;background:#faf7f2;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.inline-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.inline-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.inline-card-body{display:flex;align-items:center;gap:10px;padding:12px 14px;}
.inline-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.inline-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;}
.inline-card-arrow{width:28px;height:28px;background:#c4993a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;margin-left:auto;}
</style>

<div class="inline-divider">
  <div class="inline-divider-line"></div>
  <div class="inline-divider-text">この記事と一緒に読む</div>
  <div class="inline-divider-line"></div>
</div>
<a class="inline-card" href="https://memory-coffee.jp/magazine/gaba-rich-foods-list/">
  <div class="inline-card-img">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/massive-gaba-foods-for-brain-health.webp" alt="食事だけでGABA200mgは難しい訳">
  </div>
  <div class="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">GABA × 食事</div>
      <div class="inline-card-title">食事だけでGABA200mgは難しい訳</div>
    </div>
    <div class="inline-card-arrow">›</div>
  </div>
</a>



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



<h2 class="wp-block-heading">サプリより続けやすい「GABAコーヒー」という選択</h2>



<p class="wp-block-paragraph">「健康のためにサプリメントを買ったけれど、気づけば棚の奥で眠っている…」</p>



<p class="wp-block-paragraph">ある調査では、サプリメントの飲み忘れを経験したことがある人は64%にものぼります。</p>



<style>
/* Memory Coffee サプリ飲み忘れデータ（64%）単独カード用CSS */
.mc-stat-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  background: #faf9f7;
  padding: 2em;
  margin: 2em 0;
  border-radius: 8px;
  border: 1px solid #e8e6e1;
  box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  font-family: inherit;
}
.mc-donut-chart {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: conic-gradient(#C5A059 64%, #e2e8f0 0);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.mc-donut-inner {
  width: 70px;
  height: 70px;
  background: #faf9f7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
}
.mc-donut-val {
  font-size: 1.6em;
  font-weight: bold;
  color: #1e293b;
}
.mc-donut-val span { font-size: 0.6em; }
.mc-stat-text {
  font-size: 0.95em;
  color: #333;
  line-height: 1.6;
  margin: 0;
}
.mc-stat-source {
  font-size: 0.75em;
  color: #888;
  display: block;
  margin-top: 8px;
}

@media (max-width: 600px) {
  .mc-stat-box { flex-direction: column; text-align: center; gap: 15px; }
}
</style>

<div class="mc-stat-box">
  <div class="mc-donut-chart">
    <div class="mc-donut-inner">
      <div class="mc-donut-val">64<span>%</span></div>
    </div>
  </div>
  <div class="mc-stat-text">
    健康のために始めたサプリメントも、<strong>半数以上の方が「飲み忘れ」を経験</strong>しています。<br>
    「飲まなければならない」という義務感は、長続きしません。
    <span class="mc-stat-source">※サプリメントの飲み忘れ経験（出典：マイボイスコム(株)調べ）</span>
  </div>
</div>



<p class="wp-block-paragraph">認知機能のケアで最も重要なのは「毎日続けること」ですが、新しい習慣を定着させるのは容易ではありません。</p>



<p class="wp-block-paragraph">そこで提案したいのが、「いつものコーヒーを、機能性表示食品に変える」という選択です。</p>



<style>
/* Memory Coffee 習慣化解決策ボックス用CSS */
.mc-habit-wrapper {
  background: #ffffff;
  border: 1px solid #eef0f2;
  border-radius: 8px;
  margin: 3em 0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
  overflow: hidden;
  font-family: inherit;
}
.mc-habit-header {
  background: #1e293b;
  color: #ffffff;
  padding: 1.8em 2em;
  text-align: center;
  position: relative;
}
.mc-habit-header::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 3px;
  background: linear-gradient(90deg, #1e293b, #C5A059);
}
.mc-habit-title {
  font-size: 1.25em;
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.mc-habit-gold {
  color: #C5A059;
}
.mc-habit-body {
  padding: 2.5em 2em;
}
.mc-habit-lead {
  text-align: center;
  font-size: 0.95em;
  color: #4a4a4a;
  margin-top: 0;
  margin-bottom: 2.5em;
  line-height: 1.8;
}

/* 比較エリア（サプリ vs コーヒー） */
.mc-compare-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 2.5em;
}
.mc-comp-card {
  flex: 1;
  text-align: center;
  border: 1px solid #eef0f2;
  border-radius: 8px;
  padding: 1.8em 1em;
  background: #ffffff;
  position: relative;
  box-sizing: border-box;
}
.mc-comp-card.is-future {
  border-color: #C5A059;
  box-shadow: 0 4px 15px rgba(197,160,89,0.1);
  background: #fffcf8; /* 解決策側だけほんのり温かみのある背景色に */
}
.mc-comp-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #C5A059;
  color: #fff;
  font-size: 0.75em;
  font-weight: bold;
  padding: 5px 16px;
  border-radius: 20px;
  white-space: nowrap;
  letter-spacing: 0.05em;
  box-shadow: 0 2px 6px rgba(197,160,89,0.3);
}
.mc-comp-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto 1.2em;
  border: 2px solid #faf9f7;
}
.mc-comp-title {
  font-size: 1em;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 0.5em;
}
.mc-comp-desc {
  font-size: 0.9em;
  color: #1e293b;
  font-weight: bold;
}
.mc-comp-desc span {
  display: block;
  font-size: 0.8em;
  color: #666;
  font-weight: normal;
  margin-top: 6px;
}
.mc-comp-arrow {
  color: #C5A059;
  font-size: 1.8em;
  font-weight: bold;
}

/* 結論・チェックリスト */
.mc-habit-footer {
  background: #f8f9fa;
  padding: 1.8em;
  border-radius: 6px;
  border: 1px solid #e2e6ea;
}
.mc-footer-title {
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  color: #1e293b;
  margin-bottom: 1.2em;
}
.mc-checklist {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 320px;
  margin: 0 auto;
}
.mc-check-item {
  font-size: 0.95em;
  font-weight: 600;
  color: #4a4a4a;
  display: flex;
  align-items: center;
}
.mc-check-item::before {
  content: '✓';
  color: #C5A059;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 12px;
}

/* ▼▼ スマホ対応：間延びを解消する「超コンパクト・横並び」設計 ▼▼ */
@media (max-width: 600px) {
  .mc-habit-body { 
    padding: 1.5em 1em; 
  }
  .mc-habit-lead {
    font-size: 0.9em;
    margin-bottom: 1.8em;
  }
  .mc-compare-flex { 
    flex-direction: row; /* ★縦積み(column)をやめ、スマホでも横並びを維持 */
    gap: 6px; /* 隙間を極限まで詰める */
    margin-bottom: 1.8em;
  }
  .mc-comp-card {
    padding: 1.5em 0.3em 1em; /* 内側の余白を大幅に削る */
  }
  .mc-comp-img {
    width: 50px; /* 画像をスマホに最適なサイズへ縮小 */
    height: 50px;
    margin-bottom: 0.8em;
  }
  .mc-comp-badge {
    font-size: 0.65em;
    padding: 4px 8px;
    top: -12px;
    white-space: nowrap;
    letter-spacing: 0;
  }
  .mc-comp-title {
    font-size: 0.85em; /* 文字を少し小さく */
    margin-bottom: 0.4em;
    letter-spacing: -0.05em; /* 文字を詰めて不自然な改行を防ぐ */
  }
  .mc-comp-desc {
    font-size: 0.75em;
  }
  .mc-comp-desc span {
    font-size: 0.8em;
    margin-top: 3px;
  }
  .mc-comp-arrow {
    transform: none; /* ★矢印は下向きではなく、右向きのまま */
    font-size: 1.2em;
    margin: 0 -2px; /* 矢印の左右の余白を詰める */
  }
  .mc-habit-footer {
    padding: 1.5em 1em;
  }
  .mc-footer-title {
    font-size: 1em;
    margin-bottom: 1em;
  }
  .mc-check-item {
    font-size: 0.85em;
  }
}
</style>

<div class="mc-habit-wrapper">
  
  <div class="mc-habit-header">
    <h4 class="mc-habit-title">
      「頑張る」対策から、<br>
      <span class="mc-habit-gold">「楽しむ」コーヒー習慣</span>へ。
    </h4>
  </div>

  <div class="mc-habit-body">
    <p class="mc-habit-lead">
      脳は「正しいこと」より「心地よいこと」を<br class="mc-sp-only">記憶し、繰り返そうとします。<br>
      だからこそ、<strong>義務感（ストレス）をなくすこと</strong>が継続の近道なのです。
    </p>

    <div class="mc-compare-flex">
      <div class="mc-comp-card">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/01/サプリイメージ.jpg" alt="これまでの対策" class="mc-comp-img" loading="lazy">
        <div class="mc-comp-title">これまでの対策</div>
        <div class="mc-comp-desc">「義務・作業」<br><span>(意志が尽きると挫折)</span></div>
      </div>
      
      <div class="mc-comp-arrow">▶︎</div>
      
      <div class="mc-comp-card is-future">
        <div class="mc-comp-badge">行動科学の正解</div>
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/01/ティーカップ.jpg" alt="Memory Coffee" class="mc-comp-img" loading="lazy">
        <div class="mc-comp-title">Memory Coffee</div>
        <div class="mc-comp-desc">「ご褒美・快感」<br><span>(習慣にとけこむ)</span></div>
      </div>
    </div>

    <div class="mc-habit-footer">
      <div class="mc-footer-title">Memory Coffeeなら、<br class="mc-sp-only">「サプリ感」ゼロ</div>
      <div class="mc-checklist">
        <div class="mc-check-item">粒を飲み込む必要なし</div>
        <div class="mc-check-item">水で流し込む「作業」なし</div>
        <div class="mc-check-item">いかにも「対策」という感覚なし</div>
      </div>
    </div>
  </div>
  
</div>



<h4 class="wp-block-heading">Memory Coffee（メモリーコーヒー）の特長</h4>



<p class="wp-block-paragraph">朝の目覚めの一杯や、食後のリラックスタイム。</p>



<p class="wp-block-paragraph">すでにあなたの生活に溶け込んでいる「コーヒー」という習慣に、GABA 200mgをプラスしました。</p>



<style>
/* Memory Coffee 田の字（4つの特長）用CSS */
.mc-tanoji-wrapper {
  margin: 3em 0;
  font-family: inherit;
}
.mc-tanoji-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.mc-tanoji-card {
  background: #ffffff;
  border: 1px solid #eef0f2;
  border-radius: 8px;
  padding: 2em 1.5em;
  box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.mc-tanoji-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}
/* 上部のアクセントライン（ブランドのゴールド） */
.mc-tanoji-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: #C5A059;
}
.mc-tanoji-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 1.2em;
  background-color: #fcfaf8; /* ほんのり温かい背景 */
  border: 1px solid #f2ece4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C5A059;
}
.mc-tanoji-icon svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.mc-tanoji-title {
  font-size: 1.05em;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 0.8em;
  letter-spacing: 0.05em;
}
.mc-tanoji-desc {
  font-size: 0.85em;
  color: #666;
  line-height: 1.6;
  margin: 0;
}
/* ▼ 追加：注釈テキスト用CSS ▼ */
.mc-tanoji-note {
  text-align: right;
  font-size: 0.75em;
  color: #888;
  margin-top: 12px;
  line-height: 1.5;
}

/* スマホ対応：ターゲット層の読みやすさを最優先し、スマホでは1列（縦積み）に可変します */
@media (max-width: 600px) {
  .mc-tanoji-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .mc-tanoji-card {
    padding: 1.8em 1.5em;
  }
  .mc-tanoji-note {
    text-align: left; /* スマホでは左寄りの方が読みやすい場合があります */
    padding: 0 5px;
  }
}
</style>

<div class="mc-tanoji-wrapper">
  <div class="mc-tanoji-grid">
    
    <div class="mc-tanoji-card">
      <div class="mc-tanoji-icon">
        <svg viewBox="0 0 24 24"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
      </div>
      <div class="mc-tanoji-title">1日1本で完了</div>
      <p class="mc-tanoji-desc">1スティックにGABA 200mgを贅沢に配合。</p>
    </div>

    <div class="mc-tanoji-card">
      <div class="mc-tanoji-icon">
        <svg viewBox="0 0 24 24"><path d="M18 8h1a4 4 0 0 1 0 8h-1"/><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"/><line x1="6" y1="1" x2="6" y2="4"/><line x1="10" y1="1" x2="10" y2="4"/><line x1="14" y1="1" x2="14" y2="4"/></svg>
      </div>
      <div class="mc-tanoji-title">本格的な味わい</div>
      <p class="mc-tanoji-desc">機能性だけでなく、毎日飲みたくなる<br class="mc-sp-only">美味しさを追求した独自のブレンド。</p>
    </div>

    <div class="mc-tanoji-card">
      <div class="mc-tanoji-icon">
        <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
      </div>
      <div class="mc-tanoji-title">圧倒的な手軽さ</div>
      <p class="mc-tanoji-desc">お湯を注ぐだけのインスタントタイプなので、手軽に続けられます。</p>
    </div>

    <div class="mc-tanoji-card">
      <div class="mc-tanoji-icon">
        <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 6v12"/><path d="M9.5 9h5"/><path d="M9.5 15h5"/></svg>
      </div>
      <div class="mc-tanoji-title">1日約193円<sup style="font-size: 0.7em;">※</sup></div>
      <p class="mc-tanoji-desc">カフェのコーヒー1杯よりも手頃な価格で、<br class="mc-sp-only">将来の安心への投資・習慣を。</p>
    </div>

  </div>
  
  <div class="mc-tanoji-note">
    ※1日あたりの換算目安（税抜）。<br class="mc-sp-only">価格は変更となる場合がございます。
  </div>
</div>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="701" height="567" src="https://memory-coffee.jp/wp-content/uploads/2026/01/lp001-q4-Product-p.webp" alt="" class="wp-image-2261" style="width:369px;height:auto" srcset="https://memory-coffee.jp/wp-content/uploads/2026/01/lp001-q4-Product-p.webp 701w, https://memory-coffee.jp/wp-content/uploads/2026/01/lp001-q4-Product-p-300x243.webp 300w" sizes="(max-width: 701px) 100vw, 701px" /></figure>



<style>
/* Memory Coffee 究極の比較ボックス（画像＋コーヒー）用CSS */
.mc-ultimate-wrapper {
  background: #ffffff;
  border: 1px solid #eef0f2;
  border-radius: 8px;
  padding: 2.5em 1.5em;
  margin: 3em 0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
  font-family: inherit;
}
.mc-ultimate-title {
  text-align: center;
  font-size: 1.2em;
  font-weight: 600;
  color: #2c2c2c;
  margin-bottom: 1.5em;
  letter-spacing: 0.05em;
}
.mc-ultimate-title span {
  border-bottom: 2px solid #C5A059;
  padding-bottom: 0.2em;
}
.mc-ultimate-grid {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* 左側：食事（主幹のオリジナル画像＋ネイビー背景） */
.mc-comp-image-side {
  background: #1e293b; /* 白文字を生かすネイビー */
  border: 1px solid #2d3748;
  border-radius: 6px;
  padding: 1.5em;
  flex: 1.2; /* 画像側を少し広めに */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mc-comp-image-side img {
  width: 100%;
  max-width: 320px;
  height: auto;
  margin: 0 auto 1em;
  display: block;
}
.mc-comp-image-text {
  font-size: 0.85em;
  color: #e2e8f0;
  line-height: 1.7;
  margin: 0;
  text-align: center;
}
.mc-comp-image-text strong {
  color: #C5A059;
}

/* 中央：VS矢印 */
.mc-comp-vs-arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #C5A059;
  font-size: 1.5em;
  padding: 10px 0;
}
.mc-comp-vs-text {
  font-size: 0.45em;
  color: #888;
  margin-bottom: 5px;
  white-space: nowrap;
}

/* 右側：Memory Coffee（ブラウン） */
.mc-comp-coffee-side {
  background: #5c4d43;
  color: #ffffff;
  border-radius: 6px;
  padding: 1.5em;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: 0 4px 15px rgba(92,77,67,0.2);
  position: relative;
  overflow: hidden;
}
.mc-comp-coffee-side::after {
  content: '';
  position: absolute;
  top: -50%; left: -50%;
  width: 20px; height: 200%;
  background: rgba(255,255,255,0.15);
  transform: rotate(45deg);
  animation: shine 4s infinite;
}
@keyframes shine {
  0% { left: -50%; }
  20% { left: 150%; }
  100% { left: 150%; }
}
.mc-coffee-icon {
  font-size: 2.5em;
  margin-bottom: 0.2em;
}
.mc-coffee-text {
  font-size: 0.95em;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.mc-coffee-highlight {
  color: #C5A059;
  font-size: 1.5em;
  font-weight: bold;
  display: block;
  margin-top: 0.2em;
}

/* PC向けの横並び調整 */
@media (min-width: 768px) {
  .mc-ultimate-grid {
    flex-direction: row;
    align-items: stretch;
  }
  .mc-comp-vs-arrow {
    padding: 0 10px;
  }
  .mc-comp-vs-arrow::after {
    content: '▶︎';
  }
  .mc-comp-vs-arrow .mc-arrow-icon { display: none; }
}
/* スマホ向けの下矢印 */
@media (max-width: 767px) {
  .mc-comp-vs-arrow::after {
    content: '▼';
  }
  .mc-comp-vs-arrow .mc-arrow-icon { display: none; }
}
</style>

<div class="mc-ultimate-wrapper">
  <div class="mc-ultimate-title">
    <span>GABA 200mgを毎日摂るには？</span>
  </div>
  
  <div class="mc-ultimate-grid">
    
    <div class="mc-comp-image-side">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-gaba-etc-p.webp" alt="食べ物のGABA含有量比較" loading="lazy">
      <p class="mc-comp-image-text">
        <strong>ぶどうなら毎日約3〜4房（1kg）</strong>が<br class="mc-sp-only">必要。<br>
        食事だけで毎日カバーするのは<br>現実的ではありません。
      </p>
    </div>

    <div class="mc-comp-vs-arrow">
      <span class="mc-comp-vs-text">圧倒的な手軽さ</span>
    </div>

    <div class="mc-comp-coffee-side">
      <div class="mc-coffee-icon">☕️</div>
      <div class="mc-coffee-text">
        いつものコーヒーを<br>置き換えるだけ<br>
        <span class="mc-coffee-highlight">1杯で完了</span>
      </div>
    </div>
    
  </div>
</div>



<p class="wp-block-paragraph">さらに、コーヒーという日常習慣に溶け込む飲み物なので<strong><span class="swl-marker mark_orange">「ながら対策」</span></strong>だって可能です！</p>



<div class="swell-block-columns"><div class="swell-block-columns__inner">
<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p.webp" alt="" class="wp-image-3693" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">読書しながら</figcaption></figure>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02.jpg" alt="" class="wp-image-4218" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02.jpg 600w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02-300x300.jpg 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02-150x150.jpg 150w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">勉強・仕事しながら</figcaption></figure>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p.webp" alt="" class="wp-image-3695" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">パンを食べながら</figcaption></figure>
</div>



<div class="swell-block-column swl-has-mb--s">
<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="600" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-04-p.webp" alt="" class="wp-image-3696" srcset="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-04-p.webp 600w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-04-p-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-04-p-150x150.webp 150w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">ひとときを楽しみながら</figcaption></figure>
</div>
</div></div>



<p class="wp-block-paragraph">さらに、初めての方でも安心して始めていただけるよう、「初回全額返金保証」をご用意しています。</p>



<style>
/* Memory Coffee プレミアム・サファイアバナー（PC最適化＆強制上書き版） */
.mc-jewel-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  margin: 3em 0 !important;
  padding: 12px 24px !important; /* 左右の余白を少し詰めて空間を確保 */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif;
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00;
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important; /* 少し間隔を詰めて横幅を節約 */
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059;
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px !important;
  width: auto !important;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア（縦並びに変更して窮屈さを解消） */
.mc-jb-center {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important; /* バッジとテキストを縦に配置 */
  align-items: flex-start !important; /* 左寄せ */
  justify-content: center !important;
  padding: 0 24px !important;
  gap: 6px !important;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059;
  border: 1px solid #FFD700;
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 0 !important; /* 縦並びのため右マージンをリセット */
  white-space: nowrap !important;
  display: inline-block !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff !important;
  font-size: 1.15em !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  white-space: nowrap !important; /* 意図しない改行を完全に防ぐ */
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%) !important;
  border: 1px solid #FFAD33 !important;
  padding: 10px 24px !important; /* 横幅を節約 */
  border-radius: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4) !important;
  position: relative;
  overflow: hidden;
  z-index: 2;
  white-space: nowrap !important; /* ボタン内の文字落ちを防ぐ */
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 0.95em !important;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column !important; gap: 20px !important; padding: 25px !important; text-align: center !important; }
  .mc-jb-logo-frame { border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 15px !important; }
  .mc-jb-center { align-items: center !important; padding: 0 !important; gap: 12px !important; }
  .mc-jb-text { text-align: center !important; }
  .mc-jb-btn { width: 100% !important; justify-content: center !important; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      毎日のコーヒーで、<br>空間認知力の維持をサポート。
    </p>
  </div>

  <div class="mc-jb-btn">
    <span class="mc-jb-btn-text">Memory Coffeeを詳しくみる ▶︎</span>
  </div>

</a>



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



<h2 class="wp-block-heading">まとめ｜毎日のコーヒーを認知機能ケアに変える</h2>



<p class="wp-block-paragraph">将来の免許更新や日々の生活への不安は、「何か特別なこと」を始めなくても和らげることができます。</p>



<style>
/* Memory Coffee 記事末尾の最終まとめ用CSS */
.mc-final-summary-wrapper {
  background: #ffffff;
  border: 1px solid #eef0f2;
  border-top: 6px solid #1e293b; /* ブランドネイビーの力強いアクセント */
  border-radius: 8px;
  padding: 3em 2.5em;
  margin: 3em 0;
  box-shadow: 0 8px 30px rgba(0,0,0,0.04);
  font-family: inherit;
}
.mc-fs-title {
  text-align: center;
  font-size: 1.3em;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 1.8em;
  letter-spacing: 0.08em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
/* タイトル下の美しい装飾線 */
.mc-fs-title::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background: #C5A059;
  border-radius: 2px;
}
.mc-fs-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.8em;
}
.mc-fs-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  font-size: 1.05em;
  color: #4a4a4a;
  line-height: 1.8;
  letter-spacing: 0.03em;
}
.mc-fs-number {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: #C5A059; /* ブランドゴールド */
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1em;
  box-shadow: 0 4px 10px rgba(197, 160, 89, 0.3);
  margin-top: 2px;
}
/* 重要なキーワードのハイライト */
.mc-fs-highlight {
  font-weight: 700;
  color: #1a1a1a;
  background: linear-gradient(transparent 65%, #f4ebd9 0); /* 上品なベージュのマーカー */
}

/* スマホ対応（余白の最適化） */
@media (max-width: 600px) {
  .mc-final-summary-wrapper {
    padding: 2em 1.5em;
  }
  .mc-fs-item {
    font-size: 0.95em;
    gap: 12px;
  }
  .mc-fs-number {
    width: 28px;
    height: 28px;
    font-size: 1em;
  }
}
</style>

<div class="mc-final-summary-wrapper">
  
  <div class="mc-fs-title">
   毎日のコーヒーで<br class="mc-sp-only">認知機能ケアを
  </div>

  <ul class="mc-fs-list">
    <li class="mc-fs-item">
      <div class="mc-fs-number">1</div>
      <div class="mc-fs-text">
        免許制度の変更をきっかけに、将来を見据えた<span class="mc-fs-highlight">「日頃からの認知機能ケア」</span>がより一層重要になっています。
      </div>
    </li>
    
    <li class="mc-fs-item">
      <div class="mc-fs-number">2</div>
      <div class="mc-fs-text">
        日常生活を支える<span class="mc-fs-highlight">「空間認知力」「持続的注意力」</span>は、1日200mgのGABAで維持が報告されています。
      </div>
    </li>
    
    <li class="mc-fs-item">
      <div class="mc-fs-number">3</div>
      <div class="mc-fs-text">
        サプリではなく<span class="mc-fs-highlight">毎日の「コーヒー習慣」</span>に置き換えることで、無理なく確実なケアが可能です。
      </div>
    </li>
  </ul>
  
</div>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">いつまでも自分らしく、自由な生活を楽しむために。</p>



<p class="wp-block-paragraph">明日の朝の一杯から、新しいケアを始めてみませんか？</p>



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



<style>
.end-section{background:#f7f4ee;border-top:1px solid #e5dece;padding:24px 20px 28px;margin-top:40px;}
.end-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.end-header-bar{width:3px;height:18px;background:#c4993a;border-radius:2px;flex-shrink:0;}
.end-header-text{font-size:13px;font-weight:700;color:#1a1a1a;}
.end-cards{display:flex;flex-direction:column;gap:12px;}
.end-card{display:block;background:#fff;border:1px solid #e5dece;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.end-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:#d6c9a8;}
.end-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.end-card-body{padding:12px 14px 14px;}
.end-card-tag{font-size:10px;font-weight:700;letter-spacing:0.08em;color:#8c6d2f;margin-bottom:4px;}
.end-card-title{font-size:13px;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
</style>

<div class="end-section">
  <div class="end-header">
    <div class="end-header-bar"></div>
    <div class="end-header-text">あわせて読みたい</div>
  </div>
  <div class="end-cards">
    <a class="end-card" href="https://memory-coffee.jp/magazine/gaba-caffeine-synergy/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02.webp" alt="カフェインとGABAは相殺しない理由">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">GABA × 脳科学</div>
        <div class="end-card-title">カフェインとGABAは相殺しない理由</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/magazine/functional-coffee-what-is/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/thumbnail-kinousei-coffee-towa.webp" alt="機能性コーヒーって何が違うの？">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">機能性コーヒー</div>
        <div class="end-card-title">機能性コーヒーって何が違うの？</div>
      </div>
    </a>
    <a class="end-card" href="https://memory-coffee.jp/price-reason/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/memory-coffee-price-reason.webp" alt="1箱5,800円の理由を全部話す">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">価格の根拠</div>
        <div class="end-card-title">1箱5,800円の理由を全部話す</div>
      </div>
    </a>
  </div>
</div>



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



<style>
/* Memory Coffee よくあるご質問（公式FAQ準拠版・記事最適化）用CSS */
.mc-faq-wrapper {
  background: #ffffff;
  border: 1px solid #eef0f2;
  border-top: 4px solid #1e293b; /* ネイビーで引き締め */
  border-radius: 8px;
  padding: 3em 2.5em;
  margin: 3em 0;
  box-shadow: 0 8px 24px rgba(0,0,0,0.03);
  font-family: inherit;
}
.mc-faq-title {
  text-align: center;
  font-size: 1.3em;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 2.5em;
  letter-spacing: 0.05em;
}
.mc-faq-list {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.mc-faq-item {
  background: #faf9f7;
  border: 1px solid #e8e6e1;
  border-radius: 6px;
  padding: 1.8em;
  transition: transform 0.3s ease;
}
.mc-faq-item:hover {
  transform: translateX(3px);
}
/* 質問（Q） */
.mc-faq-q {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 1.2em;
}
.mc-icon-q {
  background: #C5A059; /* ゴールド */
  color: #ffffff;
  font-size: 1.1em;
  font-weight: bold;
  font-family: Arial, sans-serif;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(197, 160, 89, 0.3);
}
.mc-text-q {
  font-size: 1.05em;
  font-weight: 600;
  color: #2c2c2c;
  line-height: 1.5;
  padding-top: 2px;
}
/* 回答（A） */
.mc-faq-a {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.mc-icon-a {
  background: #1e293b; /* ネイビー */
  color: #ffffff;
  font-size: 1.1em;
  font-weight: bold;
  font-family: Arial, sans-serif;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  flex-shrink: 0;
}
.mc-text-a {
  font-size: 0.95em;
  color: #4a4a4a;
  line-height: 1.8;
  margin: 0;
  padding-top: 2px;
}
.mc-text-a strong {
  color: #2c2c2c;
}

/* スマホ対応 */
@media (max-width: 600px) {
  .mc-faq-wrapper {
    padding: 2.5em 1.5em;
  }
  .mc-faq-item {
    padding: 1.5em;
  }
  .mc-icon-q, .mc-icon-a {
    width: 26px;
    height: 26px;
    font-size: 1em;
  }
  .mc-text-q {
    font-size: 1em;
  }
  .mc-text-a {
    font-size: 0.9em;
  }
}
</style>

<div class="mc-faq-wrapper">
  <div class="mc-faq-title">よくあるご質問</div>
  
  <div class="mc-faq-list">
    
    <div class="mc-faq-item">
      <div class="mc-faq-q">
        <div class="mc-icon-q">Q</div>
        <div class="mc-text-q">どのくらいの期間続けるとよいですか？</div>
      </div>
      <div class="mc-faq-a">
        <div class="mc-icon-a">A</div>
        <p class="mc-text-a">
          本商品に含まれるGABAは、<strong>12週間（約3ヶ月）継続的に摂取する</strong>ことで、記憶力などの認知機能の維持をサポートすることが報告されています。まずは3ヶ月を目安に、生活習慣の一部として取り入れていただくことをおすすめします。<br>「機能の変化を感じにくく途中でやめてしまう」という課題を解決するため、毎日無理なく続けられる「コーヒー」という形にこだわりました。
        </p>
      </div>
    </div>

    <div class="mc-faq-item">
      <div class="mc-faq-q">
        <div class="mc-icon-q">Q</div>
        <div class="mc-text-q">他のサプリや薬と一緒に飲んでも大丈夫ですか？</div>
      </div>
      <div class="mc-faq-a">
        <div class="mc-icon-a">A</div>
        <p class="mc-text-a">
          一般的に健康な方であれば、日常の食生活の範囲内で他のサプリメントやお薬と併用しても差し支えありません。本商品に含まれるGABAは野菜や果物などにも含まれる天然由来の成分です。<br>ただし、現在治療中のご病気がある方や、降圧剤などの処方薬を服用されている方は、念のためかかりつけ医や薬剤師にご相談いただくと安心して飲み続けられます。
        </p>
      </div>
    </div>

    <div class="mc-faq-item">
      <div class="mc-faq-q">
        <div class="mc-icon-q">Q</div>
        <div class="mc-text-q">このコーヒーにはカフェインは入っていますか？</div>
      </div>
      <div class="mc-faq-a">
        <div class="mc-icon-a">A</div>
        <p class="mc-text-a">
          はい、一般的なインスタントコーヒーと同程度（1杯あたり約80～120mg）のカフェインが含まれています。<strong>食品添加物としてのカフェインは一切添加しておりません。</strong><br>カフェインの感じ方には個人差がありますので、気になる方は夕方以降の飲用を控え、朝や日中のリフレッシュタイムにお召し上がりいただくことをおすすめします。
        </p>
      </div>
    </div>

  </div>
</div>



<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "どのくらいの期間続けるとよいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "本商品に含まれるGABAは、12週間（約3ヶ月）継続的に摂取することで、記憶力などの認知機能の維持をサポートすることが報告されています。まずは3ヶ月を目安に、生活習慣の一部として取り入れていただくことをおすすめします。<br>「機能の変化を感じにくく途中でやめてしまう」という課題を解決するため、毎日無理なく続けられる「コーヒー」という形にこだわりました。"
      }
    },
    {
      "@type": "Question",
      "name": "他のサプリや薬と一緒に飲んでも大丈夫ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "一般的に健康な方であれば、日常の食生活の範囲内で他のサプリメントやお薬と併用しても差し支えありません。本商品に含まれるGABAは野菜や果物などにも含まれる天然由来の成分です。<br>ただし、現在治療中のご病気がある方や、降圧剤などの処方薬を服用されている方は、念のためかかりつけ医や薬剤師にご相談いただくと安心して飲み続けられます。"
      }
    },
    {
      "@type": "Question",
      "name": "このコーヒーにはカフェインは入っていますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい、一般的なインスタントコーヒーと同程度（1杯あたり約80～120mg）のカフェインが含まれています。食品添加物としてのカフェインは一切添加しておりません。<br>カフェインの感じ方には個人差がありますので、気になる方は夕方以降の飲用を控え、朝や日中のリフレッシュタイムにお召し上がりいただくことをおすすめします。"
      }
    }
  ]
}
</script>



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



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">お問い合わせ</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <a href="https://memory-coffee.jp/contact/" target="_blank" rel="noopener noreferrer" style="color: #333; text-decoration: none;">https://memory-coffee.jp/contact/</a>
            </td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【メーカー直伝】Memory Coffeeを最高に楽しむコツとは？インスタントコーヒーを劇的に美味しくする裏技も紹介</title>
		<link>https://memory-coffee.jp/magazine/how-to-brew-gaba-coffee/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Tue, 07 Apr 2026 18:50:36 +0000</pubDate>
				<category><![CDATA[マガジン]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4600</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/04/enjoy-memory-coffee-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事で分かること Memory Coffee [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/04/enjoy-memory-coffee-1024x576.webp" class="webfeedsFeaturedVisual" /></p>
<style data-wp-block-html="css">
/* ===================================================
   既存テーマ要素の強制非表示（管理バー含む）
   =================================================== */
#header, .l-header, .c-header, .l-fix-header,
#wpadminbar,
.l-scrollObserver, #before_footer_widget,
footer:not(#mc-footer), #colophon, .site-footer, #footer, .l-footer, .footer {
  display: none !important;
}

/* ===================================================
   reCAPTCHA バッジを非表示にする
   =================================================== */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* ===================================================
   管理バーの強制排除に伴う、全体余白の厳密なコントロール
   =================================================== */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#body_wrap {
  padding-top: 60px !important;
}
@media (min-width: 769px) {
  #body_wrap {
    padding-top: 120px !important;
  }
}
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* パンくずの微調整 */
.p-breadcrumb {
  margin-top: 0 !important;
  padding-top: 16px !important;
}
body.is-mc-menu-open .p-breadcrumb, body.is-mc-menu-open .c-breadcrumb, 
body.is-mc-menu-open .breadcrumb, body.is-mc-menu-open #breadcrumb {
  opacity: 0 !important; visibility: hidden !important;
}

/* ===================================================
   Memory Coffee ヘッダー
   =================================================== */
.mc-cta-arrow {
  width: 0; height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #fff;
  display: inline-block;
  flex-shrink: 0;
}
.mc-hd {
  box-sizing: border-box;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background: #1800ad;
  height: 60px;
  margin: 0;
  padding: 0;
  z-index: 9999;
}
.mc-hd-inner {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 16px;
  box-sizing: border-box;
}
.mc-hd-logo { display: flex; align-items: center; margin: 0; padding: 0; text-decoration: none; }
.mc-hd-logo img { height: 34px; width: auto; display: block; }
.mc-hd-pc-right { display: none; }

/* スマホ用CTA：白線枠と白文字のアウトライン仕様 */
.mc-hd-cta-sp .mc-cta-arrow { border-left-color: #fff; }
.mc-hd-cta-sp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  align-self: center;
  height: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
}
.mc-hd-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 68px;
  height: 100%;
  background: #fff;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0 0 0 -66px;
  flex-shrink: 0;
}
.mc-hd-burger span { display: block; width: 22px; height: 2px; background: #1800ad; border-radius: 1px; }

/* --- PC表示 ＆ スクロール縮小設定 --- */
@media (min-width: 769px) {
  .mc-hd { 
    height: 120px; 
    transition: height 0.3s ease; /* 滑らかに高さを変える */
  }
  .mc-hd-inner { padding: 0 24px; align-items: center; }
  .mc-hd-logo img { 
    height: 56px; 
    transition: height 0.3s ease; /* ロゴも滑らかに縮小 */
  }
  
  /* ▼ スクロール追従時の細いヘッダー ▼ */
  .mc-hd.is-scrolled {
    height: 70px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 浮遊感を出すための影 */
  }
  .mc-hd.is-scrolled .mc-hd-logo img {
    height: 38px; /* ロゴサイズも合わせて縮小 */
  }
  
  .mc-hd-cta-sp { display: none !important; }
  .mc-hd-burger  { display: none !important; }
  .mc-hd-pc-right {
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .mc-hd-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0; padding: 0;
    list-style: none;
  }
  .mc-hd-nav a {
    font-size: 15px; font-weight: 400; color: rgba(255,255,255,.85);
    text-decoration: none; letter-spacing: .1em; font-family: 'Noto Sans JP', sans-serif;
    white-space: nowrap; padding: 0; margin: 0;
  }
  .mc-hd-nav a:hover { color: #fff; }
  .mc-hd-cta-pc {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 500; padding: 0 24px; border-radius: 30px;
    text-decoration: none; white-space: nowrap; height: 48px;
    line-height: 1; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
    margin: 0; color: #fff;
  }
  .mc-hd-cta-orange { background: #ff6b00; }
  .mc-hd-cta-green  { background: #22a55e; }
}

/* ハンバーガーメニュー */
.mc-menu-overlay {
  display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: #fff; z-index: 10000; flex-direction: column;
  opacity: 0; transition: opacity .25s ease; overflow-y: auto;
}
.mc-menu-overlay.is-open { display: flex; opacity: 1; }
.mc-menu-head {
  display: flex; align-items: center; justify-content: center;
  position: relative; padding: 24px 20px; border-bottom: 1px solid #eee; background: #fff;
}
.mc-menu-head-logo { display: block; text-decoration: none; }
.mc-menu-head-logo img { height: 66px; width: auto; display: block; }
.mc-menu-close {
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  background: none; border: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0;
}
.mc-menu-close-icon { width: 28px; height: 28px; position: relative; display: block; }
.mc-menu-close-icon::before, .mc-menu-close-icon::after {
  content: ''; position: absolute; top: 50%; left: 0;
  width: 100%; height: 2px; background: #1a1a1a; border-radius: 1px;
}
.mc-menu-close-icon::before { transform: rotate(45deg); }
.mc-menu-close-icon::after  { transform: rotate(-45deg); }
.mc-menu-close-label { font-size: 10px; letter-spacing: .12em; color: #1a1a1a; }
.mc-menu-links { display: flex; flex-direction: column; padding: 0 24px; margin-bottom: auto; }
.mc-menu-links a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 22px 0; color: #1a1a1a; font-size: 15px; font-weight: 400;
  text-decoration: none; letter-spacing: .08em;
  font-family: 'Noto Sans JP', sans-serif; border-bottom: 1px solid #eee;
}
.mc-menu-links a:first-child { border-top: 1px solid #eee; margin-top: 8px; }
.mc-menu-link-arrow {
  width: 32px; height: 32px; background: #1800ad; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mc-menu-link-arrow::after {
  content: ''; width: 0; height: 0;
  border-top: 5px solid transparent; border-bottom: 5px solid transparent;
  border-left: 7px solid #fff; margin-left: 2px;
}
.mc-menu-btns { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.mc-menu-btn-orange {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #ff6b00; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-green {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 16px 0; background: #22a55e; color: #fff; font-size: 14px; font-weight: 700;
  text-decoration: none; border-radius: 30px; letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-outline {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 0; 
  background: #fff; color: #1800ad; font-size: 14px; font-weight: 700;
  text-decoration: none; border: 1px solid #1800ad; border-radius: 30px; 
  letter-spacing: .06em; font-family: 'Noto Sans JP', sans-serif;
}
.mc-menu-btn-arrow-outline {
  width: 0; height: 0;
  border-top: 6px solid transparent; border-bottom: 6px solid transparent;
  border-left: 9px solid #1800ad; flex-shrink: 0;
}

/* ===================================================
   メインコンテンツエリア全体の中央配置
   =================================================== */
.l-container, .l-content, .entry-content, .post_content, .post-inner, main, #main, .lp-content__inner {
  margin-left: auto !important; margin-right: auto !important;
  float: none !important; max-width: 1000px !important; width: 100% !important;
}
figure.wp-block-table { margin-left: auto !important; margin-right: auto !important; }
</style>

<!-- ヘッダー -->
<header class="mc-hd">
  <div class="mc-hd-inner">
    <a href="https://memory-coffee.jp" class="mc-hd-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee">
    </a>
    <div class="mc-hd-pc-right">
      <nav>
        <ul class="mc-hd-nav">
          <li><a href="/magazine/" target="_blank" rel="noopener">情報マガジン</a></li>
          <li><a href="/company/" target="_blank" rel="noopener">会社情報</a></li>
          <li><a href="/contact/" target="_blank" rel="noopener">お問い合わせ</a></li>
        </ul>
      </nav>
      <a href="https://memory-coffee.jp/sample-application/" class="mc-hd-cta-pc mc-hd-cta-orange" target="_blank" rel="noopener">
        無料サンプル<span class="mc-cta-arrow"></span>
      </a>
      <a href="/sales/" class="mc-hd-cta-pc mc-hd-cta-green" target="_blank" rel="noopener">
        商品を見る<span class="mc-cta-arrow"></span>
      </a>
    </div>
    <!-- 文言を「製品をみる」に変更 -->
    <a href="/sales/" class="mc-hd-cta-sp" target="_blank" rel="noopener">
      製品をみる<span class="mc-cta-arrow"></span>
    </a>
    <button class="mc-hd-burger" aria-label="メニュー">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ハンバーガーメニュー -->
<div class="mc-menu-overlay" id="mcMenuOverlay">
  <div class="mc-menu-head">
    <a href="https://memory-coffee.jp" class="mc-menu-head-logo">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/header-logo-sp.webp" alt="Memory Coffee">
    </a>
    <button class="mc-menu-close" id="mcMenuClose" aria-label="閉じる">
      <span class="mc-menu-close-icon"></span>
      <span class="mc-menu-close-label">CLOSE</span>
    </button>
  </div>
  <div class="mc-menu-btns">
    <a href="https://memory-coffee.jp/sample-application/" class="mc-menu-btn-orange" target="_blank" rel="noopener">
      無料サンプル<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="https://memory-coffee.jp/offer-official/" class="mc-menu-btn-green" target="_blank" rel="noopener">
      購入はこちら<span class="mc-menu-btn-arrow"></span>
    </a>
    <a href="/sales/" class="mc-menu-btn-outline" target="_blank" rel="noopener">
      もっと詳しくみる<span class="mc-menu-btn-arrow-outline"></span>
    </a>
  </div>

  <div class="mc-menu-links">
    <a href="/magazine/" target="_blank" rel="noopener">情報マガジン<span class="mc-menu-link-arrow"></span></a>
    <a href="/company/" target="_blank" rel="noopener">会社情報<span class="mc-menu-link-arrow"></span></a>
    <a href="/contact/" target="_blank" rel="noopener">お問い合わせ<span class="mc-menu-link-arrow"></span></a>
  </div>
</div>

<!-- メニュー＆スクロール用JavaScript -->
<script>
(function(){
  var header   = document.querySelector('.mc-hd');
  var overlay  = document.getElementById('mcMenuOverlay');
  
  // Z-index対策：ヘッダーとメニューをbody直下に移動して階層グループから解放
  if (header) {
    document.body.insertBefore(header, document.body.firstChild);
    
    // ▼ PCスクロール検知によるヘッダー縮小処理 ▼
    window.addEventListener('scroll', function() {
      // 10px以上スクロールされたらクラスを付与
      if (window.scrollY > 10) {
        header.classList.add('is-scrolled');
      } else {
        header.classList.remove('is-scrolled');
      }
    }, { passive: true });
  }
  
  if (overlay) {
    document.body.appendChild(overlay);
  }

  // メニュー開閉処理
  var burger   = document.querySelector('.mc-hd-burger');
  var closeBtn = document.getElementById('mcMenuClose');
  
  function openMenu() {
    if (!overlay) return;
    overlay.style.top = '60px';
    overlay.classList.add('is-open');
    document.body.style.overflow = 'hidden';
    document.body.classList.add('is-mc-menu-open');
  }
  
  function closeMenu() {
    if (!overlay) return;
    overlay.classList.remove('is-open');
    document.body.style.overflow = '';
    document.body.classList.remove('is-mc-menu-open');
  }
  
  if (burger) burger.addEventListener('click', openMenu);
  if (closeBtn) closeBtn.addEventListener('click', closeMenu);
  
  if (overlay) {
    overlay.addEventListener('click', function(e){
      if (e.target === overlay) closeMenu();
    });
  }
})();
</script>



<style>
/* Memory Coffee 記事のポイント（サマリーボックス）プロ装飾版 */
.memory-summary-box {
  /* ① 上品で知的な薄水色の背景 */
  background-color: #f2f7fb; 
  /* ② のっぺり感を消す、極薄の斜めストライプ（プロのあしらい） */
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  );
  border: 1px solid #e1e9f0;
  border-left: 5px solid #1e293b; /* ブランドネイビーの力強いアクセント */
  border-radius: 6px;
  padding: 2.5em 2em;
  margin: 3em 0;
  box-shadow: 0 8px 24px rgba(30, 41, 59, 0.06);
  position: relative;
  overflow: hidden;
}

/* ③ 右下の「POINT」透かし文字（ウォーターマーク） */
.memory-summary-box::after {
  content: "POINT";
  position: absolute;
  bottom: -15px;
  right: 0px;
  font-size: 5em;
  font-weight: 800;
  color: rgba(30, 41, 59, 0.03); /* 極薄のネイビーでさりげなく */
  line-height: 1;
  pointer-events: none;
  letter-spacing: -0.02em;
  z-index: 1;
}

.memory-summary-title {
  font-size: 1.15em;
  font-weight: 700;
  color: #1e293b; /* ネイビー */
  margin-bottom: 1.5em;
  display: flex;
  align-items: center;
  letter-spacing: 0.08em;
  position: relative;
  z-index: 2;
}

/* タイトルアイコンをゴールドの電球バッジに */
.memory-summary-title::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C5A059'%3E%3Cpath d='M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z'/%3E%3C/svg%3E");
  background-size: cover;
}

.memory-summary-list {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  position: relative;
  z-index: 2;
}

.memory-summary-list li {
  position: relative;
  padding-left: 2em; /* チェックマークが入るよう広めに */
  margin-bottom: 1.2em;
  color: #333333;
  line-height: 1.8;
  font-size: 0.95em;
  letter-spacing: 0.03em;
}

/* 単調な黒丸から、目を惹くゴールドのチェックマークへ */
.memory-summary-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: -0.1em;
  color: #C5A059;
  font-weight: bold;
  font-size: 1.3em;
}

.memory-summary-list li:last-child {
  margin-bottom: 0;
}

/* 薄水色に映えるように、ハイライトを少し鮮やかなイエローに調整 */
.memory-summary-highlight {
  color: #1a1a1a;
  font-weight: 700;
  background: linear-gradient(transparent 65%, #ffe4a0 0);
}

/* ▼▼ スマホ専用の最適化（余白圧縮をキープ） ▼▼ */
@media (max-width: 600px) {
  .memory-summary-box {
    padding: 1.5em 1.2em;
    margin: 2em 0;
  }
  .memory-summary-title {
    margin-bottom: 1.2em;
    font-size: 1.1em;
  }
  .memory-summary-list li {
    padding-left: 1.8em;
    margin-bottom: 0.8em;
    line-height: 1.6;
  }
  .memory-summary-box::after {
    font-size: 3.5em; /* スマホでは透かし文字も少し小さく */
    bottom: -10px;
    right: -5px;
  }
}
</style>

<div class="memory-summary-box">
  <div class="memory-summary-title">この記事で分かること</div>
  <ul class="memory-summary-list">
    <li>Memory Coffeeの風味を最大限に引き出す<span class="memory-summary-highlight">「お湯練り」</span></li>
    <li>GABAとコーヒーを最高に調和させるための、<span class="memory-summary-highlight">シンプルなロジック</span></li>
    <li>お湯の量やミルクの活用など、<span class="memory-summary-highlight">飲み方に関する疑問の解消</span></li>
    <li>機能性表示食品として、<span class="memory-summary-highlight">無理なく毎日飲み続けるためのリズム作り</span></li>
  </ul>
</div>



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



<p class="wp-block-paragraph">こんにちは！<br><strong>メモコー編集部</strong>です！</p>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>メモリーコーヒーを略して、メモコーとしています！</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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



<p class="wp-block-paragraph">最近、お客様から意外と多くいただくのが、こんなお声です。</p>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left" data-col="green"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/fukidasikyara-02.png" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p><strong>「どうしたら、もっと美味しく飲めますか？」</strong></p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


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



<p class="wp-block-paragraph">Memory Coffeeは、手軽に楽しめる<strong>インスタントコーヒー</strong>です。 </p>



<p class="wp-block-paragraph">インスタントコーヒーは昔から私たちの生活に深く馴染んでいる存在。</p>



<p class="wp-block-paragraph">確かに当たり前すぎて「美味しい淹れ方」をじっくり知る機会は、意外と少なかったのかもしれません…。</p>



<h3 class="wp-block-heading">🌿 私たちの想いと、あなたのキッチン</h3>



<p class="wp-block-paragraph">私たちがこのコーヒーを世に送り出すとき、大切にしているのは「ただの飲み物ではなく、あなたの人生に寄り添う一杯にすること」です。</p>



<p class="wp-block-paragraph">豆の選定から成分の配合まで、数えきれないほどの試行錯誤を繰り返してきました。</p>



<p class="wp-block-paragraph">でも、最後の大切な工程は、私たちの手ではなく、他でもない<strong><span class="swl-marker mark_yellow">「あなたのキッチン」で行われます</span></strong>。</p>



<p class="wp-block-paragraph"><span class="swl-format-1">お湯の温度…</span></p>



<p class="wp-block-paragraph">注ぐ速さ…</p>



<p class="wp-block-paragraph">そして「今日も良い一日にしよう」という気持ち…。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">その裁量次第で、味わいを自由自在にカスタマイズできることこそ、コーヒーが持つ最大の魅力です！</span></strong></p>



<p class="wp-block-paragraph">そこで今回は、メモコー編集部がオススメする「美味しいインスタントコーヒーの淹れ方」を皆さんにシェアします！</p>



<p class="wp-block-paragraph">今日からあなたのコーヒータイムが、もっと特別で、もっと豊かなものに変わりますように☆</p>



<h2 class="wp-block-heading">☕私たちが選んだ、相棒のような道具たち</h2>



<p class="wp-block-paragraph">淹れ方を紹介する前に、まずは最高のひとときを支える、お気に入りの道具をご紹介します！</p>



<h3 class="wp-block-heading">1. お気に入りの「マグカップ」</h3>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/origami-magcap-1024x576.webp" alt="" class="wp-image-4602" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/origami-magcap-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/origami-magcap-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/origami-magcap-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/origami-magcap.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">コーヒー周りと言えば、個人的におすすめなのが「ORIGAMI」シリーズ！</p>



<p class="wp-block-paragraph">香りを愉しむためのマグカップ「アロマシリーズ」を使用しています☕</p>



<p class="wp-block-paragraph">細部まで計算され尽くした形状で、 これまでにないアロマ体験を味わえます。</p>



<p class="wp-block-paragraph">コーヒーの香りを鼻先まで届けてくれる、口当たりの良いカップ。</p>



<p class="wp-block-paragraph">毎日使うものだからこそ、手に取るだけで気持ちが整うものを選んでいます！</p>



<h3 class="wp-block-heading">2. 温度を自在に操る「電気ケトル」</h3>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/yamazen-kettle-1024x576.webp" alt="" class="wp-image-4603" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/yamazen-kettle-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/yamazen-kettle-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/yamazen-kettle-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/yamazen-kettle.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">コーヒーを美味しく飲むためには、温度管理が不可欠です。</p>



<p class="wp-block-paragraph">そのため1℃単位で設定できるケトルがオススメです！</p>



<p class="wp-block-paragraph">山善さんの電気ケトルを使用しています！</p>



<h3 class="wp-block-heading">3. 味をブレさせない「スケール」</h3>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/hario-scale-1024x576.webp" alt="" class="wp-image-4604" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/hario-scale-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/hario-scale-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/hario-scale-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/hario-scale.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">「いつも同じ感動」を味わうために欠かせないのが計量です。</p>



<p class="wp-block-paragraph">粉の量とお湯の量を正確に測ることで、最高の黄金比をいつでも再現できます。</p>



<p class="wp-block-paragraph">ここはずっと愛用させてもらってる「HARIO」のスケール！</p>



<p class="wp-block-paragraph">重さを測りながら、淹れる時間も計測できる、まさにコーヒー好きにはマストのアイテムです。</p>



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



<h2 class="wp-block-heading">💡 辿り着いた、オススメの手順</h2>



<p class="wp-block-paragraph">道具が揃ったら、コーヒーを淹れます！</p>



<p class="wp-block-paragraph">基本的には、以下の淹れ方をすることが多いと思います。</p>



<style>
  /* 全体の囲み枠 */
  .basic-brew-container {
    background-color: #faf9f7; /* 温かみのあるオフホワイト */
    border: 1px solid #e5e0d8; /* 控えめな枠線 */
    border-radius: 8px;
    padding: 24px 32px;
    margin: 2em 0;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: #4a4a4a;
  }

  /* タイトル */
  .basic-brew-title {
    font-size: 1.15rem;
    font-weight: bold;
    color: #333;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #dcd5cc;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  /* リスト全体のスタイル */
  .basic-brew-list {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step-counter; /* カウンターをリセット */
  }

  /* 各リスト項目のスタイル */
  .basic-brew-list li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 16px;
    line-height: 1.6;
    font-size: 1rem;
  }

  /* 最後の項目の余白をなくす */
  .basic-brew-list li:last-child {
    margin-bottom: 0;
  }

  /* 丸い数字アイコンのデザイン */
  .basic-brew-list li::before {
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    left: 0;
    top: 2px;
    width: 26px;
    height: 26px;
    background-color: #8c7a6b; /* コーヒーを連想させる落ち着いたブラウン */
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: bold;
  }
</style>

<div class="basic-brew-container">
  <div class="basic-brew-title">
    ☕️ 一般的な淹れ方（基本の手順）
  </div>
  <ol class="basic-brew-list">
    <li>マグカップにコーヒーの粉を入れる。</li>
    <li>沸かしたての熱湯を注ぐ。</li>
    <li>スプーンでサッとかき混ぜる。</li>
  </ol>
</div>



<p class="wp-block-paragraph">もちろん淹れ方に決まった正解はありません。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">毎日楽しく飲めることが正解です！</span></strong></p>



<p class="wp-block-paragraph">その中で、今回は私たちが、より美味しく味わえると感じた淹れ方を紹介します！</p>



<h3 class="wp-block-heading">推奨するオススメの美味しい淹れ方</h3>



<h4 class="wp-block-heading">計り（スケール）にカップをセット</h4>



<p class="wp-block-paragraph">コーヒーを美味しくいただくためには、お湯の計測は大事です。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-01-1024x576.webp" alt="" class="wp-image-4606" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-01-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-01-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-01-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-01.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">カップにコーヒーを淹れる</h4>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-02-1024x576.webp" alt="" class="wp-image-4607" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-02-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-02-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-02-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-02.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Memory Coffeeは一般的なインスタントコーヒーと異なり、粉末状となってます。</p>



<p class="wp-block-paragraph">粉末状にすることで、GABAとの親和性と溶けやすさ（摂取のしやすさ）を実現しています！</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-03-1024x576.webp" alt="" class="wp-image-4608" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-03-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-03-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-03-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-03.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Memory Coffeeのスティック1本は3gとなってます！（ここにGABA200mgが配合されてます）</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-04-1024x576.webp" alt="" class="wp-image-4609" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-04-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-04-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-04-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-04.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">香りと成分を最大化できる「90度」</h4>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-05-1024x576.webp" alt="" class="wp-image-4610" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-05-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-05-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-05-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-05.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">沸騰したてのお湯ではなく、「90度」のお湯を注ぐことをオススメします。</p>



<p class="wp-block-paragraph"></p>



<style>
  /* コラム全体のコンテナ */
  .memocore-column-wrapper {
    background-color: #f4f6f8;
    border-left: 6px solid #8c7a6b;
    border-radius: 4px 8px 8px 4px;
    padding: 30px;
    margin: 3em 0;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: #333;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  }

  /* コラムのタイトル */
  .memocore-column-title {
    font-size: 1.3rem;
    font-weight: bold;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px dashed #cbd5e1;
    padding-bottom: 15px;
  }

  /* タイトル横のアイコン */
  .memocore-column-title::before {
    content: '📝';
    font-size: 1.6rem;
  }

  /* 本文テキスト */
  .memocore-column-body {
    font-size: 1rem;
    line-height: 1.8; /* brタグが入るため行間を少し広めに調整 */
    color: #475569;
  }

  /* 比較グラフィックのコンテナ */
  .temp-comparison-container {
    display: flex;
    gap: 20px;
    margin: 30px 0;
    justify-content: center;
  }

  /* スマホ表示対応（縦並びに） */
  @media (max-width: 600px) {
    .temp-comparison-container {
      flex-direction: column;
    }
  }

  /* 比較の各ボックス */
  .temp-box {
    background: #ffffff;
    border-radius: 10px;
    padding: 25px 20px;
    flex: 1;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    border: 1px solid #e2e8f0;
    position: relative;
    overflow: hidden;
  }

  /* --- 温度計のCSSグラフィックとアニメーション --- */
  .thermometer-wrapper {
    width: 24px;
    height: 100px;
    background: #e2e8f0;
    border-radius: 12px;
    margin: 0 auto 20px auto;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 3px;
  }
  
  /* 温度計の下の丸い部分 */
  .thermometer-wrapper::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: calc(50% - 16px);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    z-index: 1;
  }

  .thermo-bar {
    width: 100%;
    border-radius: 10px;
    z-index: 2;
  }

  /* 100度（熱湯）の設定 */
  .temp-100 { border-top: 4px solid #ef4444; }
  .temp-100 .thermometer-wrapper::after { background: #ef4444; }
  .temp-100 .thermo-bar {
    background: #ef4444;
    height: 0;
    animation: fill100 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.5s;
  }
  .temp-100 .temp-title { color: #ef4444; }

  /* 90度（適温）の設定 */
  .temp-90 { border-top: 4px solid #f59e0b; }
  .temp-90 .thermometer-wrapper::after { background: #f59e0b; }
  .temp-90 .thermo-bar {
    background: #f59e0b;
    height: 0;
    animation: fill90 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards 0.5s;
  }
  .temp-90 .temp-title { color: #f59e0b; }

  @keyframes fill100 { to { height: 100%; } }
  @keyframes fill90 { to { height: 75%; } } /* 90度は少し下で止まる */

  /* タイトルとリスト */
  .temp-title {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 15px;
    text-align: center;
  }

  .temp-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.6;
  }

  .temp-list li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 1.5em;
  }

  .temp-100 .temp-list li::before { content: '❌'; position: absolute; left: 0; font-size: 0.8rem; top: 2px;}
  .temp-90 .temp-list li::before { content: '✨'; position: absolute; left: 0; font-size: 0.8rem; top: 2px;}

  /* 蛍光ペン風ハイライト */
  .highlight-yellow {
    background: linear-gradient(transparent 60%, #fef08a 60%);
    font-weight: bold;
    color: #1e293b;
  }
</style>

<div class="memocore-column-wrapper">
  <h3 class="memocore-column-title">
   コラム：なぜ「90度以下」がコーヒーの黄金温度なのか？
  </h3>
  
  <div class="memocore-column-body">
    <p>「熱ければ熱いほど美味しいのでは？」と思われがちですが、実は<strong>沸騰したての100度のお湯は、コーヒーにとって少し刺激が強すぎる</strong>のです。<br></p>
    
    <div class="temp-comparison-container">
      <!-- 100度（熱湯）の解説 -->
      <div class="temp-box temp-100">
        <div class="thermometer-wrapper"><div class="thermo-bar"></div></div>
        <div class="temp-title">熱湯（100℃）の場合</div>
        <ul class="temp-list">
          <li>繊細な香りが一気に揮発して飛んでしまう</li>
          <li>えぐみや強い「苦味成分」が過剰に溶け出す</li>
          <li>口当たりがトゲトゲしくなりがち</li>
        </ul>
      </div>
      
      <!-- 90度（適温）の解説 -->
      <div class="temp-box temp-90">
        <div class="thermometer-wrapper"><div class="thermo-bar"></div></div>
        <div class="temp-title">適温（80〜90℃）の場合</div>
        <ul class="temp-list">
          <li>豊かなアロマが飛ばずにカップに留まる</li>
          <li>豆本来の「甘み」と深い「コク」が引き立つ</li>
          <li><strong>雑味を抑え、毎日飲みたくなるクリアな味わいに</strong></li>
        </ul>
      </div>
    </div>
    
    <p>Memory Coffeeには、皆様の「冴えた毎日」をサポートする大切な成分が含まれています。<br>
    <span class="highlight-yellow">この特別な一杯を毎日の習慣にしていただくには、「コーヒーとしての美味しさ」が何より重要です。<br>
    熱湯による雑味を抑え、豆本来の甘みと豊かな香りを最大限に引き出すための黄金温度。<br>
    それが、90度なのです。<br></span></p>

    <p>温度計が無い方もご安心ください。<br>
    沸騰したケトルの蓋を取り、そのまま3分ほど放置するだけで、自然とちょうど良い温度に下がります。<br>
    このほんの少しの「待つ時間」が、極上の一杯を生み出します。<br></p>
  </div>
</div>



<h4 class="wp-block-heading">少量のお湯を入れて「練る」</h4>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-06-1024x576.webp" alt="" class="wp-image-4611" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-06-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-06-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-06-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-06.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">お湯を少量入れた直後（量（16.0g）は参考）</figcaption></figure>



<style>
  /* コラム全体のコンテナ */
  .memocore-column-wrapper {
    background-color: #f4f6f8; 
    border-left: 6px solid #8c7a6b; 
    border-radius: 4px 8px 8px 4px;
    padding: 30px;
    margin: 3em 0;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: #333;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  }

  /* コラムのタイトル */
  .memocore-column-title {
    font-size: 1.3rem;
    font-weight: bold;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px dashed #cbd5e1;
    padding-bottom: 15px;
  }

  .memocore-column-title::before {
    content: '💡';
    font-size: 1.6rem;
  }

  /* 比較グラフィックのコンテナ */
  .mix-comparison-container {
    display: flex;
    gap: 20px;
    margin: 30px 0;
    justify-content: center;
  }

  @media (max-width: 600px) {
    .mix-comparison-container {
      flex-direction: column;
    }
  }

  /* 比較の各ボックス */
  .mix-box {
    background: #ffffff;
    border-radius: 10px;
    padding: 25px 20px;
    flex: 1;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    border: 1px solid #e2e8f0;
    text-align: center;
  }

  .mix-title {
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 15px;
  }

  /* --- アニメーションアイコン --- */
  .mix-icon-wrapper {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px auto;
    position: relative;
    border-radius: 50%;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  /* 水で練る */
  .mix-water { border-top: 4px solid #64748b; }
  .mix-water .mix-title { color: #64748b; }

  .smooth-paste {
    width: 60px;
    height: 60px;
    background-color: #8d6e63;
    border-radius: 50%;
    position: relative;
    animation: stir 3s infinite linear;
    color: transparent;
  }
  .smooth-paste::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-top: 3px solid rgba(255,255,255,0.3);
  }

  @keyframes stir {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  /* 熱湯で練る */
  .mix-hot { border-top: 4px solid #ea580c; }
  .mix-hot .mix-title { color: #ea580c; }
  
  .coffee-pool {
    width: 50px;
    height: 25px;
    background-color: #5d4037;
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    color: transparent;
  }
  
  .steam-particle {
    width: 6px;
    height: 20px;
    background-color: #ea580c;
    border-radius: 3px;
    position: absolute;
    bottom: 25px;
    animation: rise 1.5s infinite ease-in;
    color: transparent;
  }
  .steam-1 { left: 25px; animation-delay: 0s; }
  .steam-2 { left: 37px; height: 25px; animation-delay: 0.5s; }
  .steam-3 { left: 49px; animation-delay: 1s; }

  @keyframes rise {
    0% { transform: translateY(0) scale(1); opacity: 0; }
    50% { opacity: 0.8; }
    100% { transform: translateY(-30px) scale(1.5); opacity: 0; }
  }

  /* 蛍光ペン風ハイライト */
  .highlight-orange {
    background: linear-gradient(transparent 60%, #fed7aa 60%);
    font-weight: bold;
    color: #1e293b;
  }
</style>

<div class="memocore-column-wrapper">
  <h3 class="memocore-column-title">
    コラム：なぜ「熱湯」で練るのか？GABAコーヒーならではの理由
  </h3>
  
  <div style="font-size: 1rem; line-height: 1.8; color: #475569;">
    <div style="margin-bottom: 1.5em;">
      インスタントコーヒーを美味しく飲む方法として、某テレビ番組でも紹介された「少量の水で練る」という方法をご存知の方も多いかもしれません。<br>
      しかし、1本に200mgのGABAを配合したMemory Coffeeにおいては、<strong>「少量の熱湯で練ること」</strong>をおすすめしています。
    </div>
    
    <div class="mix-comparison-container">
      <div class="mix-box mix-water">
        <div class="mix-icon-wrapper">
          <div class="smooth-paste">&#8203;</div>
        </div>
        <div class="mix-title">💧 水で練った場合</div>
        <div style="font-size: 0.9rem; text-align: left; line-height: 1.6;">
          一般的な美味しい淹れ方として知られる方法です。ダマなく綺麗に溶け、全体的にマイルドでクリアな味わいにまとまります。
        </div>
      </div>
      
      <div class="mix-box mix-hot">
        <div class="mix-icon-wrapper">
          <div class="coffee-pool">&#8203;</div>
          <div class="steam-particle steam-1">&#8203;</div>
          <div class="steam-particle steam-2">&#8203;</div>
          <div class="steam-particle steam-3">&#8203;</div>
        </div>
        <div class="mix-title">✨ 熱湯で練った場合</div>
        <div style="font-size: 0.9rem; text-align: left; line-height: 1.6;">
          熱を加えることで、<strong>コーヒーの持つ「コク」や「香ばしさ」がしっかりと引き出されます。</strong>このコーヒーらしい風味がたっぷりのGABAとよく馴染み、飲みごたえのある一杯に仕上がります。
        </div>
      </div>
    </div>
    
    <div style="margin-top: 1.5em;">
      <span class="highlight-orange">少量の熱湯（10〜20ml）を注ぎ、スプーンで表面に細かい泡が立つまで練るように混ぜ合わせてください。</span><br>
      成分の特性を活かし、Memory Coffeeとしての美味しさを引き出すためのおすすめの手順です。
    </div>
  </div>
</div>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-007-1024x576.webp" alt="" class="wp-image-4625" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-007-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-007-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-007-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-007.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ダマを全て溶かすように、よーくかき混ぜた状態がコチラです！</p>



<p class="wp-block-paragraph">ここに追加でお湯を注いでいきましょう！</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-08-1024x576.webp" alt="" class="wp-image-4616" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-08-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-08-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-08-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-08.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-09-1024x576.webp" alt="" class="wp-image-4617" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-09-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-09-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-09-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-09.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">お湯の量は「140ml」</h3>



<p class="wp-block-paragraph">お湯の量は<strong><span class="swl-marker mark_yellow">140mlを推奨しています</span></strong>。</p>



<p class="wp-block-paragraph">お湯140mlは日本コーヒー協会で推奨されている量です。</p>



<p class="wp-block-paragraph">こちらに準じて、Memory Coffeeも設計しています☕</p>



<p class="wp-block-paragraph">お好みに応じて、お湯の量を調整していただいて結構ですが、まずはぜひ140mlでお飲みいただければと思います。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-10-1024x576.webp" alt="" class="wp-image-4618" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-10-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-10-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-10-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/lecture-on-how-to-brew-10.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">\\ 完成です♪ //</figcaption></figure>


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -circle"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"><span class="c-balloon__iconName">編集部員</span></div><div class="c-balloon__body -speaking -border-none"><div class="c-balloon__text">
<p>後は飲むだけ♪</p>
<span class="c-balloon__shapes"><span class="c-balloon__before"></span><span class="c-balloon__after"></span></span></div></div></div></div>


<style>
/* Memory Coffee プレミアム・サファイアバナー（鮮やかなピュアオレンジボタン版） */
.mc-jewel-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  margin: 3em 0;
  padding: 12px 30px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  font-family: "Noto Serif JP", serif; /* 高級感あふれる明朝体 */
  
  /* サファイアブルーの深層グラデーション背景 */
  background: radial-gradient(circle at center, #0047AB 0%, #002147 100%);
  
  /* 1pxの琥珀色の細い境界線 */
  border: 1px solid rgba(197, 160, 89, 0.8);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3), inset 0 0 15px rgba(197, 160, 89, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 微細なコーヒー豆のテクスチャ（オーバーレイ） */
.mc-jewel-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20c5 0 8-4 8-8s-3-8-8-8-8 4-8 8 3 8 8 8z' fill='%23ffffff' fill-opacity='1'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  pointer-events: none;
}

/* ホバー時の宝石のような輝きの変化 */
.mc-jewel-banner:hover {
  transform: translateY(-3px);
  border-color: #FFBF00; /* 琥珀の輝きを強調 */
  box-shadow: 0 15px 40px rgba(0,0,0,0.4), inset 0 0 25px rgba(255, 191, 0, 0.2);
}

/* 左側：ロゴ・フレームエリア */
.mc-jb-left {
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 2;
}
.mc-jb-logo-frame {
  position: relative;
  padding: 6px;
  border: 1.5px solid #C5A059; /* 琥珀色のフレーム */
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}
/* 湯気・ミストの演出（ぼかし光） */
.mc-jb-logo-frame::after {
  content: "";
  position: absolute;
  top: -10px; left: 50%;
  width: 40px; height: 30px;
  background: radial-gradient(ellipse at center, rgba(197,160,89,0.4) 0%, transparent 70%);
  filter: blur(8px);
  transform: translateX(-50%);
  animation: jbSteam 4s infinite alternate;
}
@keyframes jbSteam {
  from { opacity: 0.3; transform: translateX(-50%) translateY(0); }
  to { opacity: 0.6; transform: translateX(-50%) translateY(-5px); }
}
.mc-jb-logo-frame img {
  max-height: 44px;
  width: auto;
  display: block;
  filter: drop-shadow(0 0 5px rgba(197,160,89,0.5));
}

/* 中央：テキストエリア */
.mc-jb-center {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 30px;
  z-index: 2;
}
.mc-jb-badge {
  background: #C5A059; /* 琥珀色背景 */
  border: 1px solid #FFD700; /* 金のフレーム */
  color: #1e2147;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  border-radius: 2px;
  margin-right: 20px;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mc-jb-text {
  color: #ffffff;
  font-size: 1.15em;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  letter-spacing: 0.08em;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* 右側：鮮やかなピュアオレンジのジュエルボタン */
.mc-jb-btn {
  /* くすみを飛ばした鮮やかな王道オレンジグラデーション */
  background: linear-gradient(145deg, #FF8A00 0%, #FF5E00 50%, #DF4A00 100%);
  border: 1px solid #FFAD33;
  padding: 12px 28px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 5px 15px rgba(223, 74, 0, 0.4), inset 0 2px 2px rgba(255,255,255,0.4);
  position: relative;
  overflow: hidden;
  z-index: 2;
}
/* ボタン上の光の走査（宝石の輝き） */
.mc-jb-btn::after {
  content: '';
  position: absolute;
  top: -50%; left: -100%;
  width: 50%; height: 200%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
  transform: rotate(30deg);
  animation: jbBtnShine 3s infinite;
}
@keyframes jbBtnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
.mc-jb-btn-text {
  color: #ffffff;
  font-weight: bold;
  font-size: 0.95em;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.mc-jb-btn-icon {
  font-size: 1.3em;
  filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
  .mc-jewel-banner { flex-direction: column; gap: 20px; padding: 25px; text-align: center; }
  .mc-jb-center { flex-direction: column; padding: 0; gap: 15px; }
  .mc-jb-badge { margin-right: 0; }
  .mc-jb-btn { width: 100%; justify-content: center; }
}
</style>

<a href="https://memory-coffee.jp/sales/" target="_blank" rel="noopener noreferrer" class="mc-jewel-banner">
  
  <div class="mc-jb-left">
    <div class="mc-jb-logo-frame">
      <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-header-logo-p.webp" alt="Memory Coffee ロゴ">
    </div>
  </div>

  <div class="mc-jb-center">
    <div class="mc-jb-badge">機能性表示食品</div>
    <p class="mc-jb-text">
      毎日のコーヒーで、<br>手軽にGABAを。
    </p>
  </div>

  <div class="mc-jb-btn">
<span class="mc-jb-btn-icon">☕️</span>
    <span class="mc-jb-btn-text">詳しくはこちら　▶</span>
    
  </div>

</a>



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



<h2 class="wp-block-heading">結び：毎日のひとときで、いつも自分らしく</h2>



<p class="wp-block-paragraph">先ほどもお伝えしましたが<strong><span class="swl-marker mark_yellow">「コーヒーに正解は存在しません」</span></strong><br>正解は常に、あなた自身です。</p>



<p class="wp-block-paragraph">その中で1つの手段として、今回の手順を紹介させていただきました。</p>



<p class="wp-block-paragraph">私たちはコーヒーを心の底から愛しています。</p>



<p class="wp-block-paragraph">コーヒーは、毎日にホッとするひとときと活力を与えてくれる<strong>”確かなもの”</strong></p>



<p class="wp-block-paragraph">そして誰かと誰かのコミュニケーションの間にある<strong>”確かなもの”</strong></p>



<p class="wp-block-paragraph">コーヒーを淹れる数分間こそが、自分自身を大切に、あるいは誰かを想うおもてなしとして最高の時間であると私たちは信じています。</p>



<p class="wp-block-paragraph">今日も、あなたの毎日がクリアで、素晴らしい記憶に満ちたものになりますように。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://memory-coffee.jp/wp-content/uploads/2026/04/enjoy-memory-coffee-1024x576.webp" alt="" class="wp-image-4619" srcset="https://memory-coffee.jp/wp-content/uploads/2026/04/enjoy-memory-coffee-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/04/enjoy-memory-coffee-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/04/enjoy-memory-coffee-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/04/enjoy-memory-coffee.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



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





<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "必ずお湯140mlで飲まないといけないのか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "いいえ。<br>本品は認知機能の一部※を維持する機能性関与成分GABA200mgがスティック1本に含まれており、そちらをコーヒーという生活に寄り添う飲み物と掛け合わせています。<br><br>大切なのはお湯の量ではなく、「1本分をお飲みいただくこと」です。<br>お湯の量でGABAの含有量が変化するわけではありませんので、ご安心ください。<br><br>ただし、1日1本という摂取目安量はお守りいただいたうえで、お楽しみください。<br><br>毎日1本、リズムを作っていただくことが、自分らしさを維持する一番の近道です！<br><br>※本品にはGABAが含まれています。<br>GABAには加齢とともに低下する認知機能の一部である、<br>記憶力（見たり聞いたりしたことを思い出す力）、<br>空間認知力（物の位置、形、向きなどを正確に把握する力）、<br>持続的注意力（注意を持続させながら、作業を続ける力）を<br>維持する機能があることが報告されています。"
      }
    },
    {
      "@type": "Question",
      "name": "これを飲むと、他のコーヒーを飲んではいけないのか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "いいえ<br><br>一般的なカフェインの摂りすぎ（1日4〜5杯以上など）にはご留意いただきつつ、ご自身の体調に合わせて、コーヒーのある日常をお楽しみください。"
      }
    },
    {
      "@type": "Question",
      "name": "砂糖やミルクを入れて飲んでも良いですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "もちろん、毎日の飲用を続けていただくうえで、味や風味の調整が必要な場面もあるかと存じます。<br>ご自身の判断（ライフスタイルやお好み等）にもとづき、お楽しみください。<br><br>【補足事項】<br> 本品の機能性は、GABAを単独で摂取したヒト試験に基づき、消費者庁へ届出・受理されています。<br>現時点での調査※を実施したところ、砂糖やミルクがGABAの機能性に悪影響を与えるという明確な根拠は確認されていません。<br><br>※AIを活用したDeepResearch（ディープリサーチ）"
      }
    }
  ]
}
</script>



<style>
    /* -----------------------------------
        マガジンTOP：修正版プロフェッショナル仕様
    ------------------------------------ */
    .mc-featured-section {
        margin: 0 auto 60px;
        max-width: 800px;
        padding: 0; /* 親要素のパディングをゼロにしてカードを画面全幅に広げる */
    }

    /* 巻頭特集カード（全体をまとめる） */
    .mc-featured-card {
        background: #ffffff;
        border-radius: 0; /* スマホ全幅のため角丸をなくす */
        overflow: hidden;
        text-align: center;
        text-decoration: none;
        display: block;
        transition: box-shadow 0.3s ease;
        border: 1px solid #eaeaea;
        margin: 0 -15px; /* テーマの標準パディングを打ち消し、極小の余白で画面端に接させる */
    }
    
    /* PC表示時は角丸と影を復活 */
    @media (min-width: 769px) {
        .mc-featured-card {
            border-radius: 12px;
            margin: 0 auto;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }
        .mc-featured-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.12);
        }
    }

    /* ① バッジエリア（画像の外（上）に配置） */
    .mc-featured-badge-wrap {
        text-align: center;
        padding: 20px 0;
        background: #fff; /* バッジの背景も白 */
    }

    /* バッジ */
    .mc-featured-badge {
        display: inline-block;
        background: #C5A059; /* ゴールド */
        color: #fff;
        font-size: 0.75rem;
        font-weight: bold;
        padding: 6px 14px;
        border-radius: 20px;
        letter-spacing: 0.05em;
        font-family: 'Noto Sans JP', sans-serif;
        box-shadow: 0 4px 10px rgba(197, 160, 89, 0.3);
        z-index: 2;
    }

    /* 画像エリア */
    .mc-featured-img-wrap {
        width: 100%;
        line-height: 0;
        background: #f5f5f5; /* 読み込み時の背景 */
    }
    
    .mc-featured-img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    /* コンテンツエリア */
    .mc-featured-content {
        padding: 30px 20px 40px;
        background: #fff;
    }

    /* ③ タイトル：ゴールド背景を廃止し、ネイビーに。明朝体でテーマ負けしない格付け */
    .mc-featured-title {
        font-family: "Hiragino Mincho ProN", "Yu Mincho", "Serif";
        font-size: 1.8rem; /* PCサイズを大きく */
        color: #1A2A40; /* ネイビー：テーマに負けない力強い色 */
        margin: 0 0 15px;
        line-height: 1.3;
        font-weight: bold;
        letter-spacing: 0.05em;
    }

    /* サブコピー */
    .mc-featured-desc {
        font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
        font-size: 0.95rem;
        color: #666;
        margin-bottom: 25px;
        line-height: 1.6;
    }

    /* ④ ボタン：キラリエフェクト */
    .mc-featured-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #1A2A40; /* ネイビー */
        color: #ffffff;
        padding: 14px 45px;
        border-radius: 30px;
        font-size: 0.9rem;
        font-weight: bold;
        font-family: 'Noto Sans JP', sans-serif;
        letter-spacing: 0.1em;
        position: relative;
        overflow: hidden; /* キラリがはみ出ないように */
    }
    .mc-featured-btn::after {
        content: '＞';
        margin-left: 8px;
        font-size: 0.8rem;
        color: #C5A059; /* 矢印だけゴールドのアクセント */
        position: relative;
        z-index: 2; /* キラリより上に配置 */
    }

    /* キラリの光の層 */
    .mc-featured-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%; /* ボタンの外からスタート */
        width: 50%;
        height: 100%;
        background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
        transform: skewX(-25deg);
        z-index: 1;
    }

    /* キラリアニメーション */
    @keyframes mc-shine {
        to {
            left: 100%;
        }
    }

    /* ホバー時にアニメーションを実行 */
    .mc-featured-btn:hover::before {
        animation: mc-shine 1s;
    }

    /* スマホ表示最適化 */
    @media (max-width: 768px) {
        .mc-featured-section {
            margin-bottom: 40px;
        }
        .mc-featured-content {
            padding: 25px 15px 30px;
        }
        .mc-featured-title {
            font-size: 1.3rem; /* スマホでバランス良く */
        }
        .mc-featured-desc {
            font-size: 0.85rem;
        }
        .mc-featured-btn {
            padding: 12px 35px;
            width: 90%; /* スマホではボタンを横長にして押しやすく */
        }
    }

    /* ディバイダー */
    .mc-magazine-divider {
        text-align: center;
        margin: 60px 0 20px;
        position: relative;
    }
    .mc-magazine-divider::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #e0e0e0;
        z-index: 1;
    }
    .mc-divider-text {
        position: relative;
        z-index: 2;
        background: #ffffff;
        padding: 0 20px;
        color: #999;
        font-size: 0.8rem;
        letter-spacing: 0.15em;
        font-family: 'Noto Sans JP', sans-serif;
    }
</style>

<div class="mc-featured-section">
    <a href="/brand-story/" class="mc-featured-card">
        
        <div class="mc-featured-badge-wrap">
            <span class="mc-featured-badge">SPECIAL STORY</span>
        </div>

        <div class="mc-featured-img-wrap">
            <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-brand-story.webp" alt="Memory Coffee ブランドストーリー" class="mc-featured-img">
        </div>

        <div class="mc-featured-content">
            <p class="mc-featured-title">Memory Coffee<br>ブランドストーリー</p>
            <p class="mc-featured-desc">なぜ、このコーヒーは生まれたのか。<br>母と息子の2年間にわたる軌跡。</p>
            <span class="mc-featured-btn">記事を読む</span>
        </div>
        
    </a> </div>



<div style="max-width: 700px; margin: 50px auto; background: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); font-family: 'Hiragino Sans', 'Meiryo', sans-serif;">
    
    <div style="height: 4px; background: linear-gradient(to right, #1A2A40, #C5A059);"></div>
    
    <div class="author-box" style="padding: 25px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;">
        
        <div class="author-logo" style="flex: 0 0 80px; margin-right: 20px;">
            <div style="width: 80px; height: 80px; border-radius: 50%; border: 2px solid #f0f4f7; overflow: hidden; background: #f4f7f9; display: flex; align-items: center; justify-content: center; margin: 0 auto;">
                
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" style="width: 100%; height: 100%; object-fit: cover;">
                
            </div>
        </div>

        <div class="author-text" style="flex: 1; min-width: 250px;">
            <div style="display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px;">
                <span style="font-size: 0.75rem; background: #1A2A40; color: #fff; padding: 2px 8px; border-radius: 3px; margin-right: 10px; white-space: nowrap;">著者</span>
                <h4 style="margin: 0; font-size: 1.1rem; color: #1A2A40; font-weight: bold; white-space: nowrap;">メモコーマガジン編集部</h4>
            </div>
            <p style="margin: 0; font-size: 0.85rem; color: #666; line-height: 1.6; text-align: justify; text-justify: inter-character;">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に,客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div style="background: #f9f9f9; padding: 15px 25px; border-top: 1px solid #eee;">
        <p style="margin: 0; font-size: 0.75rem; color: #888; line-height: 1.5;">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
</div>

<style>
    /* 画面幅が480px以下（一般的なスマホ）の時のスタイル */
    @media screen and (max-width: 480px) {
        .author-box {
            flex-direction: column !important; /* 縦並びにする */
            align-items: center !important; /* 中央揃えにする */
            text-align: center !important; /* テキストを中央揃えにする */
            padding: 30px 20px !important; /* スマホ用にパディングを調整 */
        }
        .author-logo {
            margin-right: 0 !important; /* 右マージンを削除 */
            margin-bottom: 20px !important; /* 下マージンを追加 */
        }
        .author-text {
            text-align: center !important;
        }
        .author-text div {
            justify-content: center !important; /* 「著者」ラベルと名前を中央に配置 */
        }
    }
</style>



<section style="margin-top: 60px; border-top: 2px solid #eee; padding-top: 30px; font-family: sans-serif;">
    <p style="color: #4A3B32; font-size: 1.1rem; font-weight: bold; margin-bottom: 25px; text-align: left; padding-left: 10px; border-left: 5px solid #C5A059;">運営会社・製品開発元情報</p>
    
    <table style="width: 100%; border-collapse: collapse; font-size: 14px; color: #333; border: 1px solid #ddd;">
        <tr>
            <th style="width: 25%; padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">会社名</th>
            <td style="padding: 15px; border: 1px solid #ddd; font-weight: bold;">株式会社HOPEF</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">所在地</th>
            <td style="padding: 15px; border: 1px solid #ddd;">〒957-0105 新潟県北蒲原郡聖籠町大字次第浜1948</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">代表者</th>
            <td style="padding: 15px; border: 1px solid #ddd;">佐藤 俊彦</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">連絡先</th>
            <td style="padding: 15px; border: 1px solid #ddd;">TEL：070-1525-0369 / Mail：hopef.0369@gmail.com</td>
        </tr>
        <tr>
            <th style="padding: 15px; border: 1px solid #ddd; background: #f9f9f9; text-align: left;">事業内容</th>
            <td style="padding: 15px; border: 1px solid #ddd;">
                <ul style="margin: 0; padding-left: 1.2em; line-height: 1.8;">
                    <li>コーヒー及び紅茶の輸入、製造、加工及び販売</li>
                    <li>加工食品、健康食品、機能性表示食品等の企画、製造及び販売</li>
                    <li>バイオマス発電所での使用を目的とする燃料に関する製造、調査及び研究</li>
                </ul>
            </td>
        </tr>
    </table>
</section>



<div style="font-size: 9px; color: #ccc; text-align: center; line-height: 1.2; margin: 10px 0;">
  This site is protected by reCAPTCHA and the Google 
  <a href="https://policies.google.com/privacy" target="_blank" style="color: #ccc; text-decoration: underline;">Privacy Policy</a> and 
  <a href="https://policies.google.com/terms" target="_blank" style="color: #ccc; text-decoration: underline;">Terms of Service</a> apply.
</div>



<style>
/* 1. reCAPTCHAバッジ消去 */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* --- SWELL目次：高級仕様デザイン（HTML直接適用版） --- */

/* 2. 目次全体の枠と背景：.-doubleを外し詳細度を調整 */
body .p-toc {
    border: 1px solid #1A2A40 !important; /* ネイビー細枠 */
    background-color: #fdfaf5 !important; /* ベージュ背景 */
    background-image: none !important;    /* 斜線を消去 */
    border-radius: 8px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;
}

/* 3. 目次タイトル（「目次」） */
.p-toc__ttl {
    font-family: "Hiragino Mincho ProN", "MS P明朝", serif !important;
    font-size: 1.2rem !important;
    color: #1A2A40 !important;
    border-bottom: 2px solid #C5A059 !important; /* ゴールドライン */
    display: inline-block !important;
    padding-bottom: 8px !important;
    margin-bottom: 1.5em !important;
    letter-spacing: 0.1em;
}

/* 目次アイコン */
.p-toc__ttl::before {
    color: #C5A059 !important;
}

/* 4. リストの数字部分 */
.p-toc__list li::before {
    color: #C5A059 !important;
    font-weight: bold !important;
}

/* 5. リンクテキスト */
.p-toc__link {
    color: #333333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

/* ホバー時 */
.p-toc__link:hover {
    color: #C5A059 !important;
    opacity: 0.8;
}

/* 6. SP改行制御（PCでは消す） */
@media screen and (min-width: 768px) {
    .mc-sp-only {
        display: none !important;
    }
}
</style>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
