<?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>GABA基礎知識 &#8211; 【公式】Memory Coffee：記憶力を維持する機能性コーヒー</title>
	<atom:link href="https://memory-coffee.jp/category/magazine/gaba-kiso-chishiki/feed/" rel="self" type="application/rss+xml" />
	<link>https://memory-coffee.jp</link>
	<description></description>
	<lastBuildDate>Sun, 04 Oct 2026 23:58:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://memory-coffee.jp/wp-content/uploads/2025/12/cropped-ファビコン-48-x-48-px-32x32.png</url>
	<title>GABA基礎知識 &#8211; 【公式】Memory Coffee：記憶力を維持する機能性コーヒー</title>
	<link>https://memory-coffee.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>GABA（ギャバ）にまつわる雑学100選｜知れば誰かに話したくなるギャバの話</title>
		<link>https://memory-coffee.jp/magazine/gaba-trivia-100/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Mon, 12 Oct 2026 11:00:00 +0000</pubDate>
				<category><![CDATA[GABA基礎知識]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=9270</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/09/gaba-trivia-100-thumbnail-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ 「GABA」や「ギャバ」という言葉は、チョコレー [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/09/gaba-trivia-100-thumbnail-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: 0.9375rem; 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: 0.9375rem; 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: 0.875rem; 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: 0.875rem; 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: 0.875rem; 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 class="swell-block-capbox cap_box" data-colset="col1"><div class="cap_box_ttl"><span>💡<strong>この記事のポイント</strong></span></div><div class="cap_box_content">
<ul class="wp-block-list">
<li>GABAは脳内の主要な「抑制性」神経伝達物質だが、タンパク質合成には使われない、やや変わった立ち位置のアミノ酸でもある</li>



<li>発芽玄米や漬物、チョコレートなど、GABAを豊富に含む食品は身近に数多くある</li>



<li>植物も、ストレスを受けるとGABAを急増させる。殺虫剤の中には、昆虫のGABA受容体の&#8221;クセ&#8221;を利用したものもある</li>
</ul>
</div></div>



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



<p class="wp-block-paragraph">「GABA」や「ギャバ」という言葉は、チョコレートやサプリメント、お茶のパッケージなどで、すっかりおなじみになりました。</p>



<p class="wp-block-paragraph">けれど、この小さな物質の正体について、あらためて聞かれると答えに詰まる方も多いのではないでしょうか。</p>



<p class="wp-block-paragraph">GABAは、脳の中で働く神経伝達物質であると同時に、植物のストレス応答にも関わり、殺虫剤の設計にも利用され、発酵食品の科学とも深く結びついている、意外なほど&#8221;守備範囲&#8221;の広い物質です。</p>



<p class="wp-block-paragraph">この記事では、GABAにまつわる雑学を、化学・脳科学・食品・規制・生物学・科学史という切り口で100項目集めました。</p>



<p class="wp-block-paragraph">査読論文や公的機関の一次情報にできる限りあたり、確度の高い情報と、まだ議論が分かれている情報とを区別してご紹介します。</p>



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



<h2 class="wp-block-heading">第1章│GABAとは何か・基礎知識（1〜13）</h2>



<h3 class="wp-block-heading">1. 正式名称は「γ-アミノ酪酸」</h3>



<p class="wp-block-paragraph">GABAは英語のgamma-aminobutyric acid（ガンマ・アミノ・ブチリック・アシッド）の略称で、日本語では「γ-アミノ酪酸」と呼ばれます。</p>



<p class="wp-block-paragraph">IUPAC名は4-aminobutanoic acid、分子式はC₄H₉NO₂です。</p>



<h3 class="wp-block-heading">2. 白い粉末で、水によく溶ける</h3>



<p class="wp-block-paragraph">純粋なGABAは白色〜微黄白色の微結晶粉末で、水には非常によく溶ける一方、エタノールやエーテルにはほとんど溶けません。</p>



<p class="wp-block-paragraph">分子量は約103.12g/molです。</p>



<h3 class="wp-block-heading">3. 名前の由来は「バター」</h3>



<p class="wp-block-paragraph">「酪酸（butyric acid）」は、ラテン語でバターを意味する&#8221;butyrum&#8221;に由来する脂肪酸の名前です。</p>



<p class="wp-block-paragraph">GABAはこの酪酸のγ位（4番目の炭素）にアミノ基が付いた構造を持つため、「γ-アミノ酪酸」と名付けられました。</p>



<h3 class="wp-block-heading">4. 実は「アミノ酸」の&#8221;本流&#8221;ではない</h3>



<p class="wp-block-paragraph">GABAはアミノ基がα炭素ではなくγ位に付いているため、厳密には「αアミノ酸」ではありません。</p>



<p class="wp-block-paragraph">そのため、体を作るタンパク質合成に使われる20種類の標準アミノ酸には含まれず、タンパク質に組み込まれることもありません。</p>



<h3 class="wp-block-heading">5. 材料は、あの有名なアミノ酸</h3>



<p class="wp-block-paragraph">GABAは、体内でアミノ酸の一種であるグルタミン酸から、酵素「グルタミン酸脱炭酸酵素（GAD）」の働きによって作られます。</p>



<p class="wp-block-paragraph">この酵素は、ビタミンB6由来の補酵素を必要とします。</p>



<h3 class="wp-block-heading">6. 「GABA」は世界共通の呼び名</h3>



<p class="wp-block-paragraph">英語圏では正式名の頭文字をとった「GABA」がそのまま一般名として定着しており、日本語でも「GABA」表記、あるいはカタカナで「ギャバ」と読む表記が広く使われています。</p>



<h3 class="wp-block-heading">7. 脳の中で発見されたのは1950年</h3>



<p class="wp-block-paragraph">GABAという物質自体は古くから知られていましたが、哺乳類の脳に大量に存在することが報告されたのは1950年のことです。</p>



<p class="wp-block-paragraph">ワシントン大学セントルイス校のユージン・ロバーツとサム・フランケルが、学術誌『Journal of Biological Chemistry』に報告しました。</p>



<h3 class="wp-block-heading">8. 発見直後は、驚くほど注目されなかった</h3>



<p class="wp-block-paragraph">ロバーツらの報告から5年間、脳内GABAに関する追加の学術論文はわずか4本しか発表されなかったと伝えられています。</p>



<p class="wp-block-paragraph">今では脳科学の&#8221;主役級&#8221;の物質ですが、デビュー当初は地味な存在でした。</p>



<h3 class="wp-block-heading">9. 独立して同じ発見をしたグループもいた</h3>



<p class="wp-block-paragraph">ロバーツらとほぼ同じ1950年、ホルヘ・アワパラらのグループも独立して、脳内に遊離のGABAが存在することを報告しています。</p>



<p class="wp-block-paragraph">同じ発見が、別々の研究室でほぼ同時に生まれた例の一つです。</p>



<h3 class="wp-block-heading">10. 脳のシナプスの3分の1がGABAを使っている</h3>



<p class="wp-block-paragraph">定評ある神経科学の教科書によれば、ヒトを含む哺乳類の中枢神経系において、シナプス（神経細胞同士のつなぎ目）のおよそ3分の1が、GABAを神経伝達物質として利用していると考えられています。</p>



<h3 class="wp-block-heading">11. GABAには&#8221;兄弟&#8221;がいる</h3>



<p class="wp-block-paragraph">アミノ基が付く炭素の位置が異なる異性体として、α-アミノ酪酸やβ-アミノ酪酸も存在します。通常「GABA」と呼ばれるのは、これらとは区別される、γ位にアミノ基が付いたγ-アミノ酪酸だけです。</p>



<h3 class="wp-block-heading">12. 神経を持たない生き物にも存在する</h3>



<p class="wp-block-paragraph">GABAはヒトの脳だけでなく、植物や細菌のような微生物、さらには神経系を持たないヒドラのような原始的な多細胞生物にも広く存在することが報告されています。</p>



<p class="wp-block-paragraph">進化的に、非常に古くから存在する物質だと考えられています。</p>



<h3 class="wp-block-heading">13. 純粋なGABAには、ほのかな匂いがある</h3>



<p class="wp-block-paragraph">化学薬品としての純粋なGABA粉末は、ごくわずかに独特な匂いを持つと製品データシートに記載されています。</p>



<p class="wp-block-paragraph">日常的に口にするサプリメント等の匂いとは異なる場合もあります。</p>



<blockquote class="wp-block-quote has-swl-pale-04-background-color has-background is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📚 <strong>出典</strong>：PubChem CID 119／NIST WebBook／NCBI Bookshelf &#8220;GABA and Glycine&#8221;（Purves Neuroscience）／Roberts, E., &amp; Frankel, S. (1950). <em>Journal of Biological Chemistry</em>, 187(1), 55-63／ASBMB Today &#8220;JBC: The discovery of GABA in the brain&#8221;／Univ. of Bristol &#8220;Molecule of the Month: GABA&#8221;</p>
</blockquote>



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



<h2 class="wp-block-heading">第2章│脳内でのGABAの働き（14〜29）</h2>



<h3 class="wp-block-heading">14. 脳の「ブレーキ役」</h3>



<p class="wp-block-paragraph">GABAは脳・脊髄における主要な「抑制性」神経伝達物質です。</p>



<p class="wp-block-paragraph">対照的に、脳の主要な「興奮性」神経伝達物質はグルタミン酸で、この二つのバランスが、神経活動の適切な調節を支えています。</p>



<h3 class="wp-block-heading">15. GABA受容体には2つのタイプがある</h3>



<p class="wp-block-paragraph">GABAが結合する受容体には、大きく分けて「GABA-A受容体」と「GABA-B受容体」の2種類があります。</p>



<h3 class="wp-block-heading">16. GABA-A受容体は&#8221;即効タイプ&#8221;</h3>



<p class="wp-block-paragraph">GABA-A受容体は、結合すると塩化物イオンを細胞内に直接流し込む、イオンチャネル型の受容体です。</p>



<p class="wp-block-paragraph">すばやい抑制性シナプス伝達を担っています。</p>



<h3 class="wp-block-heading">17. GABA-B受容体は&#8221;じっくりタイプ&#8221;</h3>



<p class="wp-block-paragraph">GABA-B受容体は、Gタンパク質を介して間接的に働く「代謝型」の受容体です。</p>



<p class="wp-block-paragraph">GABA-A受容体に比べて、ゆっくりとした、持続的な抑制を担うとされています。</p>



<h3 class="wp-block-heading">18. 睡眠薬もお酒も、実は同じ受容体に作用している</h3>



<p class="wp-block-paragraph">ベンゾジアゼピン系の睡眠薬・抗不安薬、バルビツール酸系の薬、そしてアルコールは、いずれもGABA-A受容体に作用することで、鎮静・催眠・酩酊といった中枢神経の抑制作用を発揮します。</p>



<h3 class="wp-block-heading">19. ただし、結合する&#8221;場所&#8221;は違う</h3>



<p class="wp-block-paragraph">ベンゾジアゼピン系薬物とバルビツール酸系薬物は、同じGABA-A受容体に作用しつつも、異なる部位に結合します。</p>



<p class="wp-block-paragraph">ベンゾジアゼピンはGABAの効果を「増強」するだけですが、バルビツール酸は高濃度で単独でもチャネルを開かせることができ、この違いが過量摂取時の危険性の差にも関わるとされています。</p>



<h3 class="wp-block-heading">20. 脳の中の「E/Iバランス」という考え方</h3>



<p class="wp-block-paragraph">グルタミン酸による興奮性の働きと、GABAによる抑制性の働きが釣り合った状態は「E/Iバランス」と呼ばれ、正常な神経回路の機能に欠かせないと考えられています。</p>



<p class="wp-block-paragraph">このバランスの乱れは、さまざまな神経・精神疾患との関連が研究されています。</p>



<h3 class="wp-block-heading">21. てんかんとGABAの関わり</h3>



<p class="wp-block-paragraph">GABAによる抑制がうまく働かなくなることは、神経細胞が過剰に同時発火してしまう、てんかん発作のメカニズムと関わりがあると考えられています。</p>



<h3 class="wp-block-heading">22. GABAを&#8221;守る&#8221;抗てんかん薬</h3>



<p class="wp-block-paragraph">抗てんかん薬ビガバトリンは、GABAを分解する酵素の働きを抑えることで、脳内のGABA濃度を高めるように設計された薬です。</p>



<h3 class="wp-block-heading">23. 赤ちゃんの脳では、GABAは&#8221;逆&#8221;の働きをする</h3>



<p class="wp-block-paragraph">成人の脳ではブレーキ役のGABAですが、胎児期や新生児期の未成熟な脳では、GABA-A受容体の活性化がむしろ興奮性（アクセル役）に働くことが知られています。</p>



<p class="wp-block-paragraph">成長とともに、脳の中の化学的な環境が変化し、GABAは徐々に抑制性の物質へと&#8221;転職&#8221;していきます。</p>



<h3 class="wp-block-heading">24. 大脳皮質の2〜3割はGABAが担当</h3>



<p class="wp-block-paragraph">大脳皮質の神経細胞のうち、GABAを使う抑制性の神経細胞（インターニューロン）は、全体のおよそ2〜3割を占めるとされています。</p>



<p class="wp-block-paragraph">数としては少数派ですが、脳全体のリズムや活動のバランスを整える重要な役割を担っています。</p>



<h3 class="wp-block-heading">25. 「飲んだGABAは脳に届くのか」論争、その1</h3>



<p class="wp-block-paragraph">初期の研究（1950年代〜1970年代）では、経口摂取したGABAは、脳を保護する関門「血液脳関門」をほとんど通過しないと報告されていました。</p>



<h3 class="wp-block-heading">26. 「飲んだGABAは脳に届くのか」論争、その2</h3>



<p class="wp-block-paragraph">一方、その後の一部の研究では、ごく微量のGABAが血液脳関門を通過する可能性を示唆する報告も出てきています。</p>



<p class="wp-block-paragraph">ただし、ヒトを対象にこの点を直接検証した研究はまだ行われていない、との指摘もあり、この論点は現在も決着していません。</p>



<h3 class="wp-block-heading">27. 腸から脳へ、別のルートの可能性</h3>



<p class="wp-block-paragraph">マウスにGABAを作り出す乳酸菌を投与すると、不安に関連する行動が減り、脳のGABA受容体の状態にも変化が見られた、という動物実験が報告されています。</p>



<p class="wp-block-paragraph">ただし、迷走神経を切断するとこの効果は消えたことから、GABAそのものが直接脳に届いたというより、腸から神経を介して間接的に作用した可能性が考えられています。これはGABA単体ではなく、GABA産生菌を使った実験である点にも注意が必要です。</p>



<h3 class="wp-block-heading">28. 血液脳関門の議論には、もう一つの注意点も</h3>



<p class="wp-block-paragraph">経口GABAが脳や体に効果を持つとする一部の研究について、学術的なレビューの中で、研究に関わった研究者と製品メーカーとの利益相反が指摘されているケースがあります。</p>



<h3 class="wp-block-heading">29. GABA関連の受容体研究とノーベル賞</h3>



<p class="wp-block-paragraph">GABAの発見や受容体機構の解明そのものに、単独でノーベル賞が授与された例は今のところありません。</p>



<p class="wp-block-paragraph">ただし、神経伝達物質研究全般や、受容体の働きを調べる技術（パッチクランプ法など）の開発でノーベル賞を受賞した研究は、GABA受容体の研究にも広く応用されています。</p>



<blockquote class="wp-block-quote has-swl-pale-04-background-color has-background is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📚 <strong>出典</strong>：StatPearls &#8220;Physiology, GABA&#8221;／StatPearls &#8220;GABA Receptor&#8221;／StatPearls &#8220;GABA Receptor Positive Allosteric Modulators&#8221;／StatPearls &#8220;Vigabatrin&#8221;／Ben-Ari, Y., et al. (2012). <em>The Neuroscientist</em>, 18(5), 467-486／Bravo, J.A., et al. (2011). <em>PNAS</em>, 108(38), 16050-16055／Boonstra, E., et al. (2015). <em>Frontiers in Psychology</em>, 6, 1520</p>
</blockquote>



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



<h2 class="wp-block-heading">第3章│GABAを含む食品・発酵食品（30〜42）</h2>



<h3 class="wp-block-heading">30. 発芽させると、GABAが増える</h3>



<p class="wp-block-paragraph">玄米は、通常の状態でも100gあたり約10mgのGABAを含みますが、30〜35℃で2〜3日ほど発芽させる処理を行うと、30〜35mgまで増加することが、公的な農業試験研究機関の技術資料で報告されています。</p>



<p class="wp-block-paragraph">ただし加熱調理の過程で、GABAはある程度減少するとされています。</p>



<h3 class="wp-block-heading">31. 漬物からGABAを量産する菌が見つかった</h3>



<p class="wp-block-paragraph">京都の伝統的な漬物「千枚漬け」から、GABAを高効率で作り出す乳酸菌が分離されたことが、国内の学術誌で報告されています。</p>



<p class="wp-block-paragraph">この菌は、グルタミン酸ナトリウムから8割以上という高い効率でGABAを作り出せることが確認されました。</p>



<h3 class="wp-block-heading">32. トマトにもGABAが豊富</h3>



<p class="wp-block-paragraph">トマトは、100gあたり30〜60mg程度のGABAを含むとされる、身近なGABA含有野菜の一つです。</p>



<h3 class="wp-block-heading">33. お茶からもGABAが生まれる「ギャバロン茶」</h3>



<p class="wp-block-paragraph">緑茶の生葉を、酸素のない状態に6〜10時間ほど置くと、葉に含まれるグルタミン酸がほぼGABAに変換されることが、1987年に日本の研究者によって発見されました。</p>



<p class="wp-block-paragraph">この技術から生まれたのが「ギャバロン茶」です。</p>



<h3 class="wp-block-heading">34. ギャバロン茶は、血圧研究とセットで生まれた</h3>



<p class="wp-block-paragraph">ギャバロン茶の開発者は、大学の研究者と共同で血圧への作用を検証しながら研究を進め、1980年代半ばに製品化にこぎつけたと伝えられています。</p>



<h3 class="wp-block-heading">35. 発酵食品の中には、思わぬ&#8221;隠れGABA食品&#8221;もある</h3>



<p class="wp-block-paragraph">京都府の公的研究機関が地域の発酵食品を実測したところ、味噌（100gあたり10.7〜14.4mg）や酒粕（同8.4〜21.5mg）など、複数の発酵食品にまとまった量のGABAが含まれていることが確認されました。</p>



<h3 class="wp-block-heading">36. 意外な&#8221;GABA含有量チャンピオン&#8221;</h3>



<p class="wp-block-paragraph">同じ調査の中で、特にGABA含有量が高かったのは、へしこ（塩漬けにしたサバの糠漬け、100gあたり約30.7mg）と、さざえの佃煮（同約139.6mg）でした。</p>



<p class="wp-block-paragraph">発酵・熟成の過程が、GABAを増やす一因と考えられています。</p>



<h3 class="wp-block-heading">37. 大豆もやしは、隠れたGABAの宝庫</h3>



<p class="wp-block-paragraph">国内の学会発表によれば、大豆もやし（乾物換算）は100gあたり約400mgと、比較的高いGABA含有量を持つことが示唆されています。</p>



<h3 class="wp-block-heading">38. チョコレートにもGABAが含まれる</h3>



<p class="wp-block-paragraph">カカオ由来の成分として、チョコレートにももともとGABAが含まれています。</p>



<p class="wp-block-paragraph">この性質に着目して開発された商品も、国内で複数販売されています。</p>



<h3 class="wp-block-heading">39. 「メンタルバランスチョコレートGABA」の誕生秘話</h3>



<p class="wp-block-paragraph">江崎グリコが2005年に発売した「メンタルバランスチョコレートGABA」は、「チョコレートを食べるとほっとするのはなぜか」という発想から開発されたと、同社の公式サイトで紹介されています。</p>



<p class="wp-block-paragraph">カカオ由来のGABAに加えてGABAパウダーを加え、デスクで使いやすい立方体型に設計されたそうです。</p>



<h3 class="wp-block-heading">40. 2001年、GABAが「食品」になった</h3>



<p class="wp-block-paragraph">GABAは、かつては医薬品の成分として位置づけられていましたが、2001年の厚生労働省による制度見直しにより、一般の食品にも使えるようになりました。</p>



<p class="wp-block-paragraph">これが、発芽玄米や緑茶など、GABA食品が広まっていく制度的なきっかけになったとされています。</p>



<h3 class="wp-block-heading">41. 乳酸菌由来の高純度GABA素材も開発されている</h3>



<p class="wp-block-paragraph">国内の企業が、乳酸菌を使ってGABAを効率よく大量生産する技術を確立し、さまざまなGABA関連食品の原料として供給しています。</p>



<h3 class="wp-block-heading">42. GABAサプリも各社から発売されている</h3>



<p class="wp-block-paragraph">ファンケルやDHCなど、複数の国内メーカーが、GABA単体のサプリメントを商品化しています。</p>



<blockquote class="wp-block-quote has-swl-pale-04-background-color has-background is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📚 <strong>出典</strong>：福井県農業試験研究機関「γ-アミノ酪酸（ギャバ）等を増加させる玄米の発芽処理技術」／上野義栄ほか（2007）『生物工学会誌』85(3), 109-114／Tsushida, T., &amp; Murai, T. (1987). <em>Bioscience, Biotechnology, and Biochemistry</em>, 51(11), 2865-2871／静岡茶通販ドットコム「ギャバロン茶開発者インタビュー」／齋藤遼「丹後地域食品中に含まれるγ-アミノ酪酸の分析」京都府織物・機械金属振興センター研究報告書（2020年度）／水野時子・山田幸二、日本家政学会第55回大会発表（2003）／江崎グリコ公式サイト「メンタルバランスチョコレートGABA」開発ストーリー／堀江健二ほか（2019）『化学と生物』57(4), 207-212</p>
</blockquote>



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



<h2 class="wp-block-heading">第4章│GABAサプリ・機能性表示食品の歴史と規制（43〜57）</h2>



<h3 class="wp-block-heading">43. 「機能性表示食品」制度は2015年に始まった</h3>



<p class="wp-block-paragraph">日本の機能性表示食品制度は、2015年4月、食品表示法の施行と同時にスタートしました。</p>



<p class="wp-block-paragraph">米国の制度などを参考に設計されたとされています。</p>



<h3 class="wp-block-heading">44. トクホとの一番の違いは「国の審査があるかどうか」</h3>



<p class="wp-block-paragraph">1991年に始まった特定保健用食品（トクホ）は、国（消費者庁長官）による個別の審査を経て許可される制度です。</p>



<p class="wp-block-paragraph">一方、機能性表示食品は、事業者自身の責任のもとで、科学的根拠を示して&#8221;届け出る&#8221;制度で、国による個別審査は行われません。</p>



<h3 class="wp-block-heading">45. GABAは、届出成分の&#8221;人気者&#8221;</h3>



<p class="wp-block-paragraph">GABAは、機能性表示食品の中で、単独の機能性関与成分としての届出数がとりわけ多い成分の一つとされ、300品目を超える届出があると報じられています。</p>



<h3 class="wp-block-heading">46. GABAの届出内容は、血圧・ストレス・睡眠が中心</h3>



<p class="wp-block-paragraph">GABA関連の機能性表示食品の届出は、「血圧が高めの方に」「一時的な精神的ストレスの緩和に」「睡眠の質の向上に」といった機能を中心に行われており、近年は「認知機能」や「肌」に関する届出も増えているとされています。</p>



<h3 class="wp-block-heading">47. 機能性表示食品の市場規模は数千億円規模</h3>



<p class="wp-block-paragraph">消費者庁の資料が引用する民間調査によれば、機能性表示食品全体の国内市場規模は、2023年時点で6,000億円規模、うちサプリメント形状のものが2,000億円規模と推計されています。</p>



<h3 class="wp-block-heading">48. 制度開始時、反対の声もあった</h3>



<p class="wp-block-paragraph">機能性表示食品制度の運用開始を前に、日本弁護士連合会は2015年3月、国による個別審査がないことなどを理由に、制度の見直しや延期を求める会長声明を発表しています。</p>



<h3 class="wp-block-heading">49. 「紅麹」問題をきっかけに制度が見直された</h3>



<p class="wp-block-paragraph">2024年に発生した、いわゆる「紅麹」関連製品による健康被害の問題をきっかけに、機能性表示食品制度の運用が見直されました。</p>



<h3 class="wp-block-heading">50. 届出の確認期間が延長された</h3>



<p class="wp-block-paragraph">2025年4月から、新しい機能性関与成分を用いる場合の届出確認期間が、それまでの60日から120日へと延長されました。</p>



<h3 class="wp-block-heading">51. エビデンスの示し方にも、新たなルールが</h3>



<p class="wp-block-paragraph">同じく2025年4月から、研究レビュー（複数の研究をまとめて科学的根拠とする手法）の質を担保するための国際的なガイドライン「PRISMA2020」の使用が求められるようになるなど、エビデンスの示し方のルールも強化されています。</p>



<h3 class="wp-block-heading">52. ヨーロッパでは、認められなかった例もある</h3>



<p class="wp-block-paragraph">ベトナムの企業が、発芽玄米由来のGABA原料について、コレステロールに関する健康強調表示をEUに申請しましたが、欧州食品安全機関（EFSA）は2017年、「摂取とコレステロール正常値の維持との因果関係が確立されていない」として、この申請を認めませんでした。</p>



<h3 class="wp-block-heading">53. アメリカでは「サプリメント」として流通</h3>



<p class="wp-block-paragraph">アメリカでは、GABAは医薬品ではなく、栄養補助食品（ダイエタリーサプリメント）に関する法律の枠組みのもとで、FDAによる販売前の個別承認を経ずに流通しています。</p>



<h3 class="wp-block-heading">54. 世界のGABAサプリ市場は、まだ成長中</h3>



<p class="wp-block-paragraph">民間の市場調査会社の推計によれば、世界のGABAサプリメント市場は、2024年から2031年にかけて、年平均6%程度で成長すると予測されています。睡眠やリラックスへの関心の高まりが、背景として挙げられています。</p>



<h3 class="wp-block-heading">55. 「食薬区分」の見直しから、市場拡大へ</h3>



<p class="wp-block-paragraph">2001年の食薬区分の見直しをきっかけに、GABA関連食品市場が拡大し始め、機能性表示食品制度が始まった2018年時点で、GABAを関与成分とする届出はすでに183件にのぼっていたと報告されています。</p>



<h3 class="wp-block-heading">56. GABAという言葉を、日本中に広めた&#8221;立役者&#8221;</h3>



<p class="wp-block-paragraph">専門家の間だけの言葉だった「GABA」を、一般の消費者に広く浸透させた大きなきっかけの一つが、2005年発売の「メンタルバランスチョコレートGABA」だとされています。</p>



<p class="wp-block-paragraph">成分名をそのまま商品名にするという、当時としては珍しい選択だったようです。</p>



<h3 class="wp-block-heading">57. GABAは今や、多くの人にとって&#8221;知っている単語&#8221;</h3>



<p class="wp-block-paragraph">2001年の制度変更前まで医薬品成分としての扱いだったGABAが、今では菓子・飲料・サプリメントのパッケージで当たり前に見かける言葉になった——</p>



<p class="wp-block-paragraph">この20年あまりの変化は、成分をめぐる規制と市場の関係を考える上で、興味深い一例と言えそうです。</p>



<blockquote class="wp-block-quote has-swl-pale-04-background-color has-background is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📚 <strong>出典</strong>：消費者庁「機能性表示食品について」／消費者庁食品表示課「機能性表示食品の今後について」（2024年9月）／日本弁護士連合会「機能性表示食品制度の見直しを求める会長声明」（2015年3月26日）／堀江健二ほか（2019）『化学と生物』57(4), 207-212／NutraIngredients.com（2017年7月24日）／EFSA Journal 2017;15(7):4913</p>
</blockquote>



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



<h2 class="wp-block-heading">第5章│GABAの一般的な健康研究（58〜71）</h2>



<p class="wp-block-paragraph">※このセクションで紹介する研究は、血圧・睡眠・ストレス・成長ホルモン・筋肉など、GABA全般に関する一般的な学術知見です。Memory Coffeeの届出機能（記憶力・空間認知力・持続的注意力）とは異なる評価に基づくものであり、Memory Coffee特有の効果を示すものではありません。</p>



<h3 class="wp-block-heading">58. GABAと血圧に関する研究</h3>



<p class="wp-block-paragraph">軽症高血圧の方を対象に、GABA入りの発酵乳を12週間摂取してもらった試験では、プラセボと比べて収縮期・拡張期の血圧がともに有意に低下したという報告があります。</p>



<h3 class="wp-block-heading">59. 日本人を対象にした同様の研究も</h3>



<p class="wp-block-paragraph">日本人を対象とした12週間の試験でも、GABA入りの発酵乳製品を摂取したグループで、血圧が有意に低下したことが報告されています。</p>



<h3 class="wp-block-heading">60. GABAと睡眠に関する研究</h3>



<p class="wp-block-paragraph">GABAを摂取したグループで、眠りに入るまでの時間が短くなり、深いノンレム睡眠の時間が増えたとする、脳波を使った試験結果が報告されています。</p>



<h3 class="wp-block-heading">61. 不眠の症状がある方を対象にした研究も</h3>



<p class="wp-block-paragraph">不眠の症状がある成人を対象に、就寝前にGABAを摂取してもらった試験では、プラセボと比べて、眠りに入るまでの時間や睡眠効率が改善したと報告されています。</p>



<h3 class="wp-block-heading">62. GABAとストレス・リラックスに関する研究</h3>



<p class="wp-block-paragraph">GABAを摂取した後、脳波のうちリラックス状態でよく見られる「アルファ波」が増加したとする報告や、ストレス負荷時の唾液中の指標に、プラセボとの違いが見られたとする報告があります。</p>



<h3 class="wp-block-heading">63. GABA入りコーヒーの研究例</h3>



<p class="wp-block-paragraph">GABAを加えたコーヒーを摂取したグループで、ストレスに関連する唾液中の指標が、通常のコーヒーや水を摂取したグループより低下したとする研究結果もあります。</p>



<h3 class="wp-block-heading">64. GABAと成長ホルモンに関する研究</h3>



<p class="wp-block-paragraph">GABAの摂取によって、血中の成長ホルモンが増加したとする、比較的古い時期の研究があります。</p>



<h3 class="wp-block-heading">65. 運動との組み合わせを調べた研究も</h3>



<p class="wp-block-paragraph">筋力トレーニングを行う方を対象に、GABAを摂取してもらった試験では、運動後の成長ホルモンに関する指標が、プラセボより上昇したとする報告があります。</p>



<p class="wp-block-paragraph">ただし、この種の研究は対象人数が数十名規模にとどまるものが多く、慎重な解釈が必要です。</p>



<h3 class="wp-block-heading">66. GABAと筋肉に関する研究</h3>



<p class="wp-block-paragraph">GABAとたんぱく質を組み合わせて摂取したグループで、筋力トレーニング後の除脂肪体重（脂肪を除いた体重）の増加が、たんぱく質単独のグループより大きかったとする報告があります。</p>



<h3 class="wp-block-heading">67. GABAと運動後の筋力に関する研究</h3>



<p class="wp-block-paragraph">40歳以上の方を対象に、GABAと運動を組み合わせてもらった試験では、特に男性で、膝を伸ばす力（膝伸展筋力）の改善が見られたとする報告があります。</p>



<h3 class="wp-block-heading">68. それでも、「脳まで届くか」は未解決のまま</h3>



<p class="wp-block-paragraph">ここまでご紹介したような、経口摂取したGABAに関する研究の多くについて、学術的なレビューでは「GABAが実際に血液脳関門を通過するかどうかを、ヒトで直接検証した研究はこれまでにない」と指摘されています。</p>



<h3 class="wp-block-heading">69. 研究の「質」にも、留意点がある</h3>



<p class="wp-block-paragraph">GABAの効果に関する研究を対象にしたレビューでは、参加人数が少ない試験が多いこと、研究者と製品メーカーとの利益相反の開示が不十分な試験が見られることなど、研究の質に関する課題も指摘されています。</p>



<h3 class="wp-block-heading">70. 効く「量」も、まだはっきりしていない</h3>



<p class="wp-block-paragraph">研究間で試験の方法にばらつきが大きいため、ストレスや睡眠に対して、GABAをどのくらいの量摂取すればよいのかという、確立した基準はまだない、とする系統的レビューもあります。</p>



<h3 class="wp-block-heading">71. 「研究がある」ことと「証明された」ことは別</h3>



<p class="wp-block-paragraph">本章でご紹介した研究の多くは、「こうした報告がある」という段階のものであり、経口摂取したGABAの効果が医学的に確立されている、と断定できる段階には至っていません。</p>



<p class="wp-block-paragraph">話題になりやすいテーマだからこそ、一つひとつの研究の限界にも目を向けることが大切だと考えています。</p>



<blockquote class="wp-block-quote has-swl-pale-04-background-color has-background is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📚 <strong>出典</strong>：Inoue, K., et al. (2003). <em>European Journal of Clinical Nutrition</em>, 57(3), 490-495／梶本修身ほか（2004）『日本食品科学工学会誌』51(2), 79-86／Yamatsu, A., et al. (2016). <em>Food Science and Biotechnology</em>, 25(2), 547-551／Byun, J.I., et al. (2018). <em>Journal of Clinical Neurology</em>, 14(3), 291-295／Abdou, A.M., et al. (2006). <em>BioFactors</em>, 26(3), 201-208／Yamatsu, A., et al. (2015). 『薬理と治療』43(4), 515-519／Cavagnini, F., et al. (1980). <em>Acta Endocrinologica</em>, 93(2), 149-154／Powers, M.E., et al. (2008). <em>Medicine &amp; Science in Sports &amp; Exercise</em>, 40(1), 104-110／Sakashita, M., et al. (2019). <em>Journal of Clinical Medicine Research</em>, 11(6), 428-434／Uehara, E., et al. (2024). <em>Functional Foods in Health and Disease</em>, 14(4), 248-269／Boonstra, E., et al. (2015). <em>Frontiers in Psychology</em>, 6, 1520／Hepsomali, P., et al. (2020). <em>Frontiers in Neuroscience</em>, 14, 923</p>
</blockquote>



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



<h2 class="wp-block-heading">第6章│動物・植物界におけるGABA（72〜83）</h2>



<h3 class="wp-block-heading">72. GABAは、植物の&#8221;非常ボタン&#8221;でもある</h3>



<p class="wp-block-paragraph">植物にも、GABAが低温・乾燥・傷などのストレスによって急速に活性化・蓄積する代謝経路「GABAシャント」が存在することが、この分野の基礎的な知見として確立しています。</p>



<h3 class="wp-block-heading">73. 傷ついた葉は、瞬時にGABAを増やす</h3>



<p class="wp-block-paragraph">実験用の植物シロイヌナズナの葉を機械的に傷つけると、傷ついた場所のGABA濃度は最大10倍にまで急増し、さらに傷のない離れた葉にもその影響が波及することが報告されています。</p>



<h3 class="wp-block-heading">74. 塩ストレスでもGABAは増える</h3>



<p class="wp-block-paragraph">トマトの果実に塩ストレスを与えると、GABA濃度が実験開始時に比べておよそ75%増加したとする研究があります。</p>



<h3 class="wp-block-heading">75. 枝豆も、ちょっとした逆境でGABAを増やす</h3>



<p class="wp-block-paragraph">枝豆は、収穫前にわずか1日ほど冠水させる（水に浸す）ストレスを与えるだけで、GABA含量がおよそ90%増加したとする研究報告があります。</p>



<h3 class="wp-block-heading">76. ギャバロン茶の原理は、植物の仕組みそのもの</h3>



<p class="wp-block-paragraph">先ほどご紹介した「ギャバロン茶」も、茶葉を酸素のない環境に置くことでストレスを与え、植物がもともと持っているGABA生成の仕組みを引き出す技術だと言えます。</p>



<h3 class="wp-block-heading">77. 昆虫のGABA受容体は、人間のものと&#8221;逆&#8221;の性質を持つ</h3>



<p class="wp-block-paragraph">ショウジョウバエの主要な抑制性GABA受容体は、哺乳類のGABA-A受容体とは薬理学的な性質が正反対であることが知られています。</p>



<p class="wp-block-paragraph">ある薬剤には哺乳類の受容体が反応するのに、昆虫の受容体はほとんど反応しない、といった違いがあります。</p>



<h3 class="wp-block-heading">78. この&#8221;違い&#8221;が、殺虫剤の設計に生かされている</h3>



<p class="wp-block-paragraph">殺虫剤フィプロニルは、昆虫と哺乳類でGABA受容体の性質が異なることを利用し、昆虫に対しては強く効きながら、哺乳類への影響を抑えるように設計されています。</p>



<p class="wp-block-paragraph">研究によれば、イエバエに対してマウスの100倍以上の効力を示すとされています。</p>



<h3 class="wp-block-heading">79. ミツバチのGABA受容体、構造まで判明</h3>



<p class="wp-block-paragraph">近年の研究では、ミツバチのGABA受容体の立体構造が詳しく解析され、ヒトの受容体とは異なる部位に脂質が結合する構造を持つことがわかってきました。</p>



<p class="wp-block-paragraph">これが、殺虫剤の&#8221;昆虫への選択性&#8221;を裏付ける、構造レベルの根拠になっています。</p>



<h3 class="wp-block-heading">80. 乳酸菌がGABAを作るのは、&#8221;生き残り戦略&#8221;でもある</h3>



<p class="wp-block-paragraph">発酵食品に関わる乳酸菌の多くは、グルタミン酸からGABAを作り出す酵素群を持っています。</p>



<p class="wp-block-paragraph">この反応は、発酵によって酸性になった環境の中で、菌自身が生き延びるための仕組みの一部でもあると考えられています。</p>



<h3 class="wp-block-heading">81. 昆虫の&#8221;記憶&#8221;にもGABAが関わっている</h3>



<p class="wp-block-paragraph">ショウジョウバエの研究では、抑制性のGABA受容体が、匂いに基づく学習・記憶の仕組みにも関わっていることが報告されています。</p>



<p class="wp-block-paragraph">受容体の働きを阻害すると、学習の成績が変化するそうです。</p>



<h3 class="wp-block-heading">82. GABAは、細菌の世界にも存在する</h3>



<p class="wp-block-paragraph">GABAは、動物や植物だけでなく、細菌のような微生物にも広く存在する物質だと、複数の研究でまとめられています。</p>



<h3 class="wp-block-heading">83. 「動物専用の物質」ではない、という発想の転換</h3>



<p class="wp-block-paragraph">GABAはもともと「脳の物質」として発見されましたが、その後の研究で、動物・植物・微生物という、生物界の広い範囲に存在する物質であることがわかってきました。</p>



<p class="wp-block-paragraph">一つの物質が、まったく違う生き物たちの中で、それぞれ異なる役割を担っている——GABAは、その好例と言えそうです。</p>



<blockquote class="wp-block-quote has-swl-pale-04-background-color has-background is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📚 <strong>出典</strong>：Bouché, N., &amp; Fromm, H. (2004). <em>Trends in Plant Science</em>, 9(3), 110-115／Scholz, S.S., et al. (2017). <em>Frontiers in Plant Science</em>, 8, 388／Suzuki, T., et al. (2026). <em>Plant-Environment Interactions</em>, 7(4), e70187／Shiu, M.S., et al. (2020). <em>Agriculture</em>, 10(5), 175／Tsushida, T., &amp; Murai, T. (1987). <em>Bioscience, Biotechnology, and Biochemistry</em>, 51(11), 2865-2871／Lee, D., Su, H., &amp; O&#8217;Dowd, D.K. (2003). <em>Journal of Neuroscience</em>, 23(11), 4625-4634／Mattei, C., et al. (2021). <em>Frontiers in Neuroscience</em>, 15, 768466／Wu, Q., et al. (2017). <em>Frontiers in Microbiology</em>, 8, 206／Liu, X., Krause, W.C., &amp; Davis, R.L. (2007). <em>Neuron</em>, 56(6), 1090-1102</p>
</blockquote>



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



<h2 class="wp-block-heading">第7章│GABAの科学史・周辺雑学（84〜100）</h2>



<h3 class="wp-block-heading">84. GABAの神経伝達物質としての&#8221;正式認定&#8221;は、発見から20年後</h3>



<p class="wp-block-paragraph">GABAが脳内アミンとして報告されたのは1950年ですが、哺乳類中枢神経系の主要な抑制性神経伝達物質として広く受け入れられたのは1970年代初頭のことで、正式な&#8221;認定&#8221;までにおよそ20年を要しました。</p>



<h3 class="wp-block-heading">85. 一時は「否定」されかけたことも</h3>



<p class="wp-block-paragraph">1960年代には、GABAの抑制作用は特別なものではないのではないか、という否定的な見方を示した研究グループもあり、神経伝達物質としての認知が一時停滞した時期がありました。</p>



<h3 class="wp-block-heading">86. 正体不明の抑制物質「ファクターI」</h3>



<p class="wp-block-paragraph">1950年代、研究者たちは哺乳類の脳の抽出物の中に、未知の抑制性物質を見つけ、これを「ファクターI」と呼んでいました。</p>



<p class="wp-block-paragraph">後の研究で、この正体がGABAであることが突き止められました。</p>



<h3 class="wp-block-heading">87. ザリガニがGABA研究に貢献した</h3>



<p class="wp-block-paragraph">GABAが実際に神経を抑制する伝達物質として働いていることの証明には、ザリガニの神経系を使った実験が大きな役割を果たしました。</p>



<p class="wp-block-paragraph">電気刺激に応じてGABAが放出される様子が、実験的に確認されたのです。</p>



<h3 class="wp-block-heading">88. 日本人研究者もこの発見に貢献した</h3>



<p class="wp-block-paragraph">日本の薬理学者・大塚正徳は1966年、ザリガニの神経筋接合部でGABAが放出される様子を実証し、GABAが抑制性神経伝達物質であることの証明に大きく貢献しました。</p>



<p class="wp-block-paragraph">大塚は後に日本学士院会員に選ばれています。</p>



<h3 class="wp-block-heading">89. GABA-A受容体の&#8221;設計図&#8221;が解読されたのは1987年</h3>



<p class="wp-block-paragraph">GABA-A受容体の遺伝子配列が世界で初めて決定されたのは1987年のことです。</p>



<p class="wp-block-paragraph">GABAの発見（1950年）から、実に37年後のことでした。</p>



<h3 class="wp-block-heading">90. GABA-B受容体の解読は、さらに10年後</h3>



<p class="wp-block-paragraph">GABA-A受容体に遅れること10年、GABA-B受容体の遺伝子がクローニングされたのは1997年でした。</p>



<p class="wp-block-paragraph">同じ「GABA受容体」でも、その正体が明らかになった時期には、大きな開きがあります。</p>



<h3 class="wp-block-heading">91. 名前は「GABAの仲間」なのに、実は違う仕組みだった</h3>



<p class="wp-block-paragraph">抗てんかん薬ガバペンチンは、もともとGABAが脳に届きやすいよう設計された「GABAに似た物質」として開発されました。</p>



<p class="wp-block-paragraph">しかし実際には、GABA受容体にはほとんど作用せず、まったく別の仕組み（カルシウムチャネルの一部への結合）で効果を発揮することがわかっています。</p>



<p class="wp-block-paragraph">設計思想と実際の効き方が食い違っていた、科学史上ちょっと皮肉な例です。</p>



<h3 class="wp-block-heading">92. ガバペンチンが承認されるまでの道のり</h3>



<p class="wp-block-paragraph">ガバペンチンは、イギリスでは1993年5月に、アメリカでは同年12月に承認されました。</p>



<h3 class="wp-block-heading">93. 偶然から生まれた抗てんかん薬</h3>



<p class="wp-block-paragraph">抗てんかん薬バルプロ酸は、1882年に化学合成された当初、単なる有機溶媒として使われていました。</p>



<p class="wp-block-paragraph">この物質に抗けいれん作用があることが偶然見つかったのは、それから80年後の1962年、フランスの研究者が別の薬の実験にこの物質を溶媒として使っていたときのことでした。</p>



<h3 class="wp-block-heading">94. GABAを&#8221;守る&#8221;薬、ビガバトリン</h3>



<p class="wp-block-paragraph">抗てんかん薬ビガバトリンは、脳内でGABAを分解する酵素の働きを抑えることで、GABA濃度を高めるように設計された薬です。</p>



<p class="wp-block-paragraph">イギリスでは1989年に承認されましたが、視野に関する副作用への懸念から、アメリカでの承認は2009年までかかりました。</p>



<h3 class="wp-block-heading">95. 「ギャバ」という読み方を広めた、あの商品</h3>



<p class="wp-block-paragraph">「ギャバ」というカタカナ表記・読み方が日本の消費者に広く浸透するきっかけとなったのは、2005年発売の「メンタルバランスチョコレートGABA」だったとされています。</p>



<h3 class="wp-block-heading">96. GABAという物質自体は、単独でノーベル賞に選ばれたことはない</h3>



<p class="wp-block-paragraph">神経伝達物質の研究全般や、受容体の働きを調べる技術の開発では、これまでに複数のノーベル賞が贈られてきましたが、GABAという物質そのものの発見や受容体の解明に、単独でノーベル賞が授与された例は、今のところありません。</p>



<h3 class="wp-block-heading">97. 発見から届出成分になるまで、70年近い旅路</h3>



<p class="wp-block-paragraph">GABAが脳内物質として発見されたのが1950年、日本で食品成分として使えるようになったのが2001年、機能性表示食品制度で届出できるようになったのが2015年。</p>



<p class="wp-block-paragraph">ひとつの物質が、研究対象から日常の食品成分になるまでに、半世紀以上の年月がかかったことになります。</p>



<h3 class="wp-block-heading">98. 「話のタネ」として使いやすい物質</h3>



<p class="wp-block-paragraph">GABAは、脳科学・食品科学・農学・薬理学・規制の歴史など、複数の分野にまたがって語れる、意外と&#8221;話のタネ&#8221;にしやすい物質です。</p>



<p class="wp-block-paragraph">今度GABA入りの食品を見かけたときは、パッケージの向こうにある、こうした研究の積み重ねに思いを馳せてみるのも面白いかもしれません。</p>



<h3 class="wp-block-heading">99. まだ分かっていないことも、たくさんある</h3>



<p class="wp-block-paragraph">これだけ身近になったGABAですが、経口摂取した場合に脳へどう作用するのか、どのくらいの量が適切なのかなど、科学的にまだ決着していない論点も少なくありません。</p>



<p class="wp-block-paragraph">むしろ、身近になったからこそ、こうした&#8221;分かっていないこと&#8221;にも目を向けることが大切だと言えそうです。</p>



<h3 class="wp-block-heading">100. 小さな物質の、大きな広がり</h3>



<p class="wp-block-paragraph">発見当初は地味な存在だったGABAが、脳科学の主役級の物質になり、発酵食品や殺虫剤の設計にまで顔を出し、今では毎日の食卓に並ぶ——。</p>



<p class="wp-block-paragraph">GABAという物質をめぐる100年近い物語は、一つの小さな分子が、いかに多くの分野とつながりうるかを教えてくれます。</p>



<blockquote class="wp-block-quote has-swl-pale-04-background-color has-background is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📚 <strong>出典</strong>：Roberts, E., &amp; Frankel, S. (1950). <em>Journal of Biological Chemistry</em>, 187(1), 55-63／日本学士院公式サイト「会員情報：大塚正徳」／Schofield, P.R., et al. (1987). <em>Nature</em>, 328(6127), 221-227／Kaupmann, K., et al. (1997). <em>Nature</em>, 386(6622), 239-246／Wikipedia「Gabapentin」／Wikipedia「Vigabatrin」／NCBI StatPearls &#8220;Valproic Acid&#8221;／江崎グリコ公式サイト「メンタルバランスチョコレートGABA」開発ストーリー／堀江健二ほか（2019）『化学と生物』57(4), 207-212</p>
</blockquote>



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



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">GABAは、脳の中でブレーキ役を果たす神経伝達物質でありながら、植物のストレス応答にも関わり、殺虫剤の設計にも利用され、発酵食品の科学とも深く結びついている、意外なほど&#8221;守備範囲&#8221;の広い物質です。一方で、経口摂取したGABAが実際に脳へどう作用するのかについては、まだ科学的に決着していない論点も残っています。</p>



<p class="wp-block-paragraph">身近になった成分だからこそ、確かなことと、まだ分かっていないことを、区別して理解しておきたいものです。</p>



<p class="wp-block-paragraph">こうしたGABAという成分そのものへの興味から生まれたのが、GABAを配合したインスタントコーヒー「Memory Coffee」です。Memory Coffeeは、GABAを機能性関与成分として、「記憶力」「空間認知力」「持続的注意力」の機能性表示を消費者庁に届け出ています（届出番号：J1384）。</p>



<p class="wp-block-paragraph">なお、本記事の第5章でご紹介した血圧・睡眠・筋肉等に関する一般的なGABA研究は、この届出内容とは異なる評価に基づくものであり、Memory Coffee特有の効果を示すものではありません。</p>



<p class="wp-block-paragraph">GABAという成分の奥深さに触れていただくきっかけとして、この記事をお楽しみいただけたら幸いです。</p>



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



<h2 class="wp-block-heading">よくある質問（FAQ）</h2>



<dl class="swell-block-faq" data-q="col-custom" data-a="col-custom">
<div class="swell-block-faq__item"><dt class="faq_q"><strong>GABAはサプリメントで摂取すれば、必ず脳に効くのですか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">断定はできません。本記事でご紹介したとおり、経口摂取したGABAが血液脳関門を通過して脳に直接作用するかどうかは、科学的にまだ決着していない論点です。研究によって結果が分かれており、ヒトを対象に直接検証した研究もまだありません。</p>
</dd></div>



<div class="swell-block-faq__item"><dt class="faq_q"><strong> 第5章で紹介されている血圧・睡眠等の研究は、Memory Coffeeの効果を示すものですか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">いいえ。第5章でご紹介した研究は、GABA全般に関する一般的な学術知見であり、Memory Coffee固有の効果を示すものではありません。Memory Coffeeの機能性表示（記憶力・空間認知力・持続的注意力）は、これらとは別の届出情報にもとづくものです。</p>
</dd></div>



<div class="swell-block-faq__item"><dt class="faq_q"><strong>GABAは天然の成分ですか、それとも人工的な成分ですか？</strong></dt><dd class="faq_a">
<p class="wp-block-paragraph">GABAは、人間の脳をはじめ、植物や微生物など、自然界に広く存在する天然のアミノ酸の一種です。食品に添加されるGABAの多くは、乳酸菌などを利用した発酵技術によって生産されています。</p>
</dd></div>
</dl>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@id":"#FAQContents","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"GABAはサプリメントで摂取すれば、必ず脳に効くのですか？","acceptedAnswer":{"@type":"Answer","text":"<p>断定はできません。本記事でご紹介したとおり、経口摂取したGABAが血液脳関門を通過して脳に直接作用するかどうかは、科学的にまだ決着していない論点です。研究によって結果が分かれており、ヒトを対象に直接検証した研究もまだありません。<\/p>"}},{"@type":"Question","name":"第5章で紹介されている血圧・睡眠等の研究は、Memory Coffeeの効果を示すものですか？","acceptedAnswer":{"@type":"Answer","text":"<p>いいえ。第5章でご紹介した研究は、GABA全般に関する一般的な学術知見であり、Memory Coffee固有の効果を示すものではありません。Memory Coffeeの機能性表示（記憶力・空間認知力・持続的注意力）は、これらとは別の届出情報にもとづくものです。<\/p>"}},{"@type":"Question","name":"GABAは天然の成分ですか、それとも人工的な成分ですか？","acceptedAnswer":{"@type":"Answer","text":"<p>GABAは、人間の脳をはじめ、植物や微生物など、自然界に広く存在する天然のアミノ酸の一種です。食品に添加されるGABAの多くは、乳酸菌などを利用した発酵技術によって生産されています。<\/p>"}}]}</script>



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



<!-- ==========================================
  あわせて読みたい（関連記事リンク）
========================================== -->
<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">

     <!-- 1記事目 -->
    <a class="end-card" href="https://memory-coffee.jp/magazine/memory-aging-maintenance/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/memory-aging-maintenance-thumbnail.webp" alt="記憶力低下の仕組みは？科学的根拠">
      </div>
      <div class="end-card-body">
        <div class="end-card-tag">記憶力</div>
        <div class="end-card-title">加齢で低下するメカニズムと科学的に維持する4つの習慣</div>
      </div>
    </a>
    
   

<!-- 2記事目 -->
    <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>

   

 <!-- 3記事目 -->
    <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>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
.end-section {
  background: #f7f4ee !important;
  border-top: 1px solid #e5dece !important;
  padding: 32px 20px 40px !important;
  margin-top: 48px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", sans-serif !important;
  box-sizing: border-box !important;
}

.end-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.end-header-bar {
  width: 5px !important;
  height: 22px !important;
  background: #c4993a !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

.end-header-text {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}

.end-card {
  display: block !important;
  background: #fff !important;
  border: 1px solid #e5dece !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  transition: all 0.2s ease !important;
}

.end-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15) !important;
}

.end-card-img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #d6c9a8 !important;
}

.end-card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.end-card-body {
  padding: 16px !important;
}

.end-card-tag {
  display: inline-block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #8c6d2f !important;
  background: #fdfaf3 !important;
  border: 1px solid #e5dece !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.end-card-title {
  font-size: 1.15rem !important; /* ★記事全体のルールに合わせて1.15remに統一 */
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: #1a1a1a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
</style>



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



<div class="swell-block-capbox cap_box is-style-small_ttl"><div class="cap_box_ttl"><span><strong>免責事項および重要事項</strong></span></div><div class="cap_box_content">
<ol class="wp-block-list">
<li><span class="swl-fz u-fz-s"><strong>情報の正確性について</strong>：<br>本記事の内容は、執筆時点で確認できた学術論文・公的機関の資料・企業の公式情報等に基づき作成しています。科学研究や制度は継続的に更新されるため、最新の内容とは異なる場合があります。</span></li>



<li><span class="swl-fz u-fz-s"><strong><strong>効果の適用範囲について</strong></strong>：<br>本記事で紹介した研究結果の多くは、特定の実験条件下で確認されたものであり、あらゆる方に同程度の効果を保証するものではありません。特に経口GABAの脳への作用については、科学的に未解決の論点が残っています。</span></li>



<li><span class="swl-fz u-fz-s"><strong><strong>専門的な助言の代替ではありません</strong></strong>：<br>本記事は一般的な雑学・教養情報の提供を目的としたものであり、健康に関する記述も含め、専門家による診断・助言に代わるものではありません。持病がある方や服薬中の方は、GABAを含む食品・サプリメントの摂取について医師にご相談ください。</span></li>



<li><span class="swl-fz u-fz-s"><strong><strong>商品紹介について</strong></strong>：<br>本記事中で紹介するMemory Coffeeは、GABAという成分そのものへの関心を入り口として紹介するものであり、本記事内の一般的なGABA研究（血圧・睡眠・筋肉等）は、Memory Coffee固有の効果を示すものではありません。</span></li>



<li><span class="swl-fz u-fz-s"><strong>損害への責任</strong>：<br>本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。最終的な判断はご自身の責任において行っていただけますよう、お願い申し上げます。</span></li>
</ol>



<p class="wp-block-paragraph"><strong><span class="swl-fz u-fz-s">【機能性表示食品に関する表示】</span></strong></p>



<ul class="wp-block-list">
<li><span class="swl-fz u-fz-s">本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。</span></li>



<li><span class="swl-fz u-fz-s">本品は、疾病の診断、治療、予防を目的としたものではありません。</span></li>



<li><span class="swl-fz u-fz-s">食生活は、主食、主菜、副菜を基本に、食事のバランスを。</span></li>
</ul>
</div></div>



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



<!-- ==========================================
   記事を書いた人（著者情報ボックス・相対指定版）
========================================== -->
<div class="mc-author-box-wrapper">
  
  <div class="mc-author-top-line"></div>
  
  <div class="mc-author-content">
    
    <div class="mc-author-logo-wrap">
      <div class="mc-author-logo-inner">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" class="mc-author-logo-img" loading="lazy">
      </div>
    </div>

    <div class="mc-author-text-wrap">
      <div class="mc-author-header">
        <span class="mc-author-badge">著者</span>
        <div class="mc-author-name">メモコーマガジン編集部</div>
      </div>
      <p class="mc-author-desc">
        「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
      </p>
    </div>
  </div>

  <div class="mc-author-footer">
    <p class="mc-author-footer-text">
      ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
    </p>
  </div>
</div>

<!-- ==========================================
   デザイン用 CSS（em/remによる完全な相対指定版）
========================================== -->
<style>
/* =========================================
   1. モジュールの親箱（デバイスごとの基準サイズ）
========================================= */
.mc-author-box-wrapper {
  font-size: 1rem; /* PC基準（約16px想定） */
  max-width: 43.75em; /* 約700px */
  margin: 3.125em auto; /* 約50px auto */
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 0.75em; /* 約12px */
  overflow: hidden;
  box-shadow: 0 0.25em 0.9375em rgba(0,0,0,0.05);
  font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
  box-sizing: border-box;
}

/* SWELLのスマホ自動縮小を相殺するメディアクエリ */
@media (max-width: 599px) {
  .mc-author-box-wrapper {
    font-size: max(1.0625rem, 17px); /* SWELLの縮小を防ぎ17pxを死守 */
    margin: 2em 0;
  }
}

/* =========================================
   2. 内部要素（emによる完全な相対指定：PCベース）
========================================= */
.mc-author-box-wrapper .mc-author-top-line {
  height: 0.25em; /* 約4px */
  background: linear-gradient(to right, #1A2A40, #C5A059);
}

.mc-author-box-wrapper .mc-author-content {
  padding: 1.5625em; /* 約25px */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.mc-author-box-wrapper .mc-author-logo-wrap {
  flex: 0 0 5em; /* 約80px */
  margin-right: 1.25em; /* 約20px */
}

.mc-author-box-wrapper .mc-author-logo-inner {
  width: 5em; /* 約80px */
  height: 5em; /* 約80px */
  border-radius: 50%;
  border: 2px solid #f0f4f7;
  overflow: hidden;
  background: #f4f7f9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.mc-author-box-wrapper .mc-author-logo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mc-author-box-wrapper .mc-author-text-wrap {
  flex: 1;
  min-width: 15.625em; /* 約250px */
}

.mc-author-box-wrapper .mc-author-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.5em; /* 約8px */
}

.mc-author-box-wrapper .mc-author-badge {
  font-size: 0.75em; /* 約12px */
  background: #1A2A40;
  color: #fff;
  padding: 0.125em 0.5em; /* 約2px 8px */
  border-radius: 0.1875em; /* 約3px */
  margin-right: 0.625em; /* 約10px */
  white-space: nowrap;
}

.mc-author-box-wrapper .mc-author-name {
  margin: 0;
  font-size: 1.125em; /* 基準に対して約18px */
  color: #1A2A40;
  font-weight: bold;
  white-space: nowrap;
}

.mc-author-box-wrapper .mc-author-desc {
  margin: 0;
  font-size: 0.875em; /* 基準に対して約14px */
  color: #666;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-character;
}

.mc-author-box-wrapper .mc-author-desc b {
  color: #1A2A40;
}

.mc-author-box-wrapper .mc-author-footer {
  background: #f9f9f9;
  padding: 0.9375em 1.5625em; /* 約15px 25px */
  border-top: 1px solid #eee;
}

.mc-author-box-wrapper .mc-author-footer-text {
  margin: 0;
  font-size: 0.75em; /* 約12px */
  color: #888;
  line-height: 1.5;
}

/* =========================================
   3. スマートフォン向けレイアウト調整
========================================= */
@media (max-width: 599px) {
  .mc-author-box-wrapper .mc-author-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.875em 1.25em; /* 約30px 20px */
  }
  .mc-author-box-wrapper .mc-author-logo-wrap {
    margin-right: 0;
    margin-bottom: 1.25em; /* 約20px */
  }
  .mc-author-box-wrapper .mc-author-text-wrap {
    text-align: center;
  }
  .mc-author-box-wrapper .mc-author-header {
    justify-content: center;
  }
}
</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: 0.875rem; color: #333; border: 1px solid #ddd;">
        <tbody><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>
    </tbody></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[GABA基礎知識]]></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>この記事のポイント 「トマト1個で何mg？」200mgに必要な圧倒的な食品量の現実 水に溶けて消える？食事からの摂取が科学的に難しい理由 献立のストレスから解放される「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>
<!-- ==========================================
  記事冒頭：要点まとめボックス（認知機能・成分解説版）
========================================== -->
<div class="memory-summary-box">
  <div class="memory-summary-title">この記事のポイント</div>
  <ul class="memory-summary-list">
    <li>「トマト1個で何mg？」<span class="memory-summary-highlight">200mgに必要な圧倒的な食品量の現実</span></li>
    <li>水に溶けて消える？<span class="memory-summary-highlight">食事からの摂取が科学的に難しい理由</span></li>
    <li>献立のストレスから解放される<span class="memory-summary-highlight">「1日1杯の賢い新習慣」</span></li>
  </ul>
</div>

<style>
/* ボックス全体 */
.memory-summary-box {
  background-color: #f2f7fb !important; 
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  ) !important;
  border: 4px solid #635bff !important; /* ★ご指定のカラーコード */
  border-radius: 6px !important;
  padding: 40px 32px !important; /* 絶対指定 px */
  margin: 32px 0 48px 0 !important; /* 絶対指定 px */
  box-shadow: 0 8px 24px rgba(99, 91, 255, 0.06) !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  box-sizing: border-box !important;
}

/* 透かし文字（POINT） */
.memory-summary-box::after {
  content: "POINT" !important;
  position: absolute !important;
  bottom: -15px !important;
  right: 0px !important;
  font-size: 80px !important; /* 絶対指定 px */
  font-weight: 800 !important;
  color: rgba(37, 99, 235, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: -0.02em !important;
  z-index: 1 !important;
}

/* タイトル */
.memory-summary-title {
  font-size: 20px !important; /* 絶対指定 px */
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 24px !important;
  display: flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
  z-index: 2 !important;
}
.memory-summary-title::before {
  content: '💡' !important;
  display: inline-block !important;
  margin-right: 12px !important;
  font-size: 22px !important; /* 絶対指定 px */
  line-height: 1 !important;
}

/* 箇条書きリスト */
.memory-summary-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* リストテキスト */
.memory-summary-list li {
  position: relative !important;
  padding-left: 32px !important; /* 絶対指定 px */
  margin-bottom: 20px !important;
  color: #333333 !important;
  line-height: 1.8 !important;
  font-size: 17px !important; /* 絶対指定 px */
  letter-spacing: 0.03em !important;
  font-weight: 500 !important;
}

/* チェックマーク */
.memory-summary-list li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: -2px !important;
  color: #635bff !important; /* ★チェックマークもご指定のカラー */
  font-weight: bold !important;
  font-size: 22px !important; /* 絶対指定 px */
}
.memory-summary-list li:last-child { 
  margin-bottom: 0 !important; 
}

/* マーカーハイライト */
.memory-summary-highlight {
  color: #1a1a1a !important;
  font-weight: 800 !important;
  background: linear-gradient(transparent 65%, #bfdbfe 0) !important;
}

/* スマホ表示最適化（SWELLの縮小を受けないようpx固定） */
@media (max-width: 600px) {
  .memory-summary-box { 
    padding: 24px 20px !important; 
    margin: 24px 0 32px 0 !important; 
  }
  .memory-summary-title { 
    margin-bottom: 20px !important; 
    font-size: 18px !important; /* スマホでもしっかり読める18px */
  }
  .memory-summary-list li { 
    padding-left: 28px !important; 
    margin-bottom: 16px !important; 
    line-height: 1.7 !important; 
    font-size: 16px !important; /* スマホでもしっかり読める16px */
  }
  .memory-summary-box::after { 
    font-size: 56px !important; 
    bottom: -10px !important; 
    right: -5px !important; 
  }
}
</style>



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



<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: 0.9375rem; 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: 0.9375rem; 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: 0.875rem; 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: 0.875rem; 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: 0.875rem; 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>



<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_yellow">食事だけで毎日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>



<style>
/* --- コンテナ設定 --- */
.mc-gaba-wrapper {
    margin: 32px 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* --- メインボックス --- */
.mc-gaba-box {
    background: #ffffff !important;
    border: 1px solid #ebe5d9 !important; /* 温かいグレージュ */
    border-radius: 16px !important;
    padding: 32px 28px !important;
    box-shadow: 0 8px 24px rgba(92, 64, 51, 0.06) !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* --- アニメーション付きヘッダー部分 --- */
.mc-gaba-header-flex {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
    padding-bottom: 24px !important;
    border-bottom: 1px dashed #ddcfb4 !important; /* 温かみのある破線 */
}

/* オーブを包む枠 */
.gaba-orb-wrapper {
    position: relative !important;
    width: 90px !important;
    height: 90px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* 光の玉本体：琥珀色（ゴールド）統一版 */
.gaba-mystic-orb {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 35%, #ffffff 0%, #fef3c7 25%, #c5a059 60%, #8c6d2f 100%) !important;
    animation: gaba_float 4s ease-in-out infinite, gaba_pulse_gold 4s ease-in-out infinite !important;
}

/* フワフワ浮遊する動き */
@keyframes gaba_float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* 光が呼吸するように広がる動き（ゴールド系） */
@keyframes gaba_pulse_gold {
    0%, 100% {
        box-shadow: 
            0 0 15px #fde68a,
            0 0 30px rgba(197, 160, 89, 0.4),
            0 0 45px rgba(140, 109, 47, 0.2);
    }
    50% {
        box-shadow: 
            0 0 20px #ffffff,
            0 0 40px #c5a059,
            0 0 60px rgba(197, 160, 89, 0.6),
            0 0 80px rgba(140, 109, 47, 0.4);
    }
}

/* 周囲を漂う光の粒子 */
.gaba-particle {
    position: absolute !important;
    width: 4px !important;
    height: 4px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 0 6px #fef3c7 !important;
    opacity: 0;
}
.gaba-particle.p1 { top: 10% !important; left: 20% !important; animation: particle_blink 3s infinite 0.5s !important; }
.gaba-particle.p2 { bottom: 15% !important; right: 15% !important; animation: particle_blink 4s infinite 1.2s !important; }
.gaba-particle.p3 { top: 40% !important; right: 5% !important; width: 3px !important; height: 3px !important; animation: particle_blink 3.5s infinite 2.5s !important; }

@keyframes particle_blink {
    0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); }
    50% { opacity: 0.8; transform: scale(1.5) translateY(-5px); }
}

/* ヘッダーテキスト部分 */
.mc-gaba-header-text {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* クラス名を重複しない一意なものに変更 */
.mc-gaba-hero-title {
    display: block !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #2c241e !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    letter-spacing: 0.05em !important;
    line-height: 1.4 !important;
}

.mc-gaba-subtitle {
    font-size: 15px !important;
    color: #594d46 !important;
    margin: 0 !important;
    font-weight: 600 !important;
}

.gaba-note {
    font-size: 11px !important;
    color: #8c8077 !important;
    margin: 8px 0 0 0 !important;
    align-self: flex-end !important;
}

/* --- コンテンツエリア（2カラム） --- */
.mc-gaba-content {
    display: flex !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

/* 各パネル */
.mc-gaba-panel {
    flex: 1 1 280px !important;
    background: #f9f8f6 !important;
    border: 1px solid #ebe5d9 !important;
    border-radius: 12px !important;
    padding: 24px 20px !important;
    position: relative !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.mc-gaba-panel:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 16px rgba(92, 64, 51, 0.08) !important;
}

/* パネル上部のバッジ */
.mc-panel-badge {
    background: #ffffff !important;
    color: #c5a059 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    display: inline-block !important;
    margin-bottom: 12px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
    border: 1px solid #f3ebd8 !important;
}

/* パネルタイトル */
.mc-panel-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #2c241e !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    line-height: 1.4 !important;
}

/* パネル本文 */
.mc-panel-text {
    font-size: 14.5px !important; /* PC時の文字サイズ */
    color: #473e38 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 強調テキスト */
.mc-gaba-highlight {
    font-weight: 700 !important;
    color: #1a1a1a !important;
    background: linear-gradient(transparent 65%, rgba(197, 160, 89, 0.3) 65%) !important;
}

/* --- レスポンシブ微調整（スマホ用） --- */
@media (max-width: 600px) {
    .mc-gaba-box { padding: 24px 16px !important; }
    .mc-gaba-header-flex { flex-direction: column !important; text-align: center !important; gap: 16px !important; }
    .mc-gaba-header-text { align-items: center !important; width: 100% !important; }
    .mc-gaba-hero-title { font-size: 20px !important; }
    .mc-gaba-subtitle { font-size: 14px !important; }
    .gaba-note { align-self: flex-end !important; margin-top: 12px !important; }
    .mc-gaba-content { flex-direction: column !important; gap: 16px !important; }
    .mc-gaba-panel { padding: 20px 16px !important; }
    /* ★ スマホ時のみ本文を16pxに変更 */
    .mc-panel-text { font-size: 16px !important; }
}
</style>

<div class="mc-gaba-wrapper"><div class="mc-gaba-box"><div class="mc-gaba-header-flex"><div class="gaba-orb-wrapper"><div class="gaba-mystic-orb"></div><div class="gaba-particle p1"></div><div class="gaba-particle p2"></div><div class="gaba-particle p3"></div></div><div class="mc-gaba-header-text"><div class="mc-gaba-hero-title">GABA（ギャバ）の正体とは？</div><p class="mc-gaba-subtitle">正式名称：γ(ガンマ)-アミノ酪酸</p><p class="gaba-note">※アニメーションはイメージです。</p></div></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>です。<br>決して不自然な人工化合物ではありません。</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>）に存在しています。<br>車で例えるなら「ブレーキ」のような役割を持ち、高ぶった状態を落ち着かせ、冷静な判断や記憶の維持を支える重要な成分です。</p></div></div></div></div>



<p class="wp-block-paragraph">記憶力そのものが加齢でどう変化するのか、そのメカニズムは<a href="https://memory-coffee.jp/magazine/memory-aging-maintenance/">こちら</a>で詳しく解説しています。</p>



<h3 class="wp-block-heading">なぜ認知機能に関係するのか？</h3>



<p class="wp-block-paragraph">GABAを食事などから摂取した場合、そのまま脳に直接届くわけではありません。</p>



<p class="wp-block-paragraph">腸管から吸収されたGABAは、<strong>内臓と脳をつなぐ「迷走神経」を通じて間接的に脳へシグナルを送り、リラックス状態やクリアな状態をサポート</strong>すると考えられています。</p>



<!-- IDを廃止し、すべて専用のクラス名（mc-anim-xxx）に変更して複数配置に対応 -->
<div class="mc-gaba-animation-wrapper" style="max-width: 500px; margin: 30px auto; padding: 30px 20px; background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 4px 15px 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: clamp(15px, 4.5vw, 1.2em); white-space: nowrap; letter-spacing: -0.02em; border: none; background: none; padding: 0; font-weight: bold;">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 class="mc-anim-brain 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 class="mc-anim-nerve" style="position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background-color: #48bb78; transition: height 1.5s ease-in-out;"></div>
    </div>

    <div style="text-align: center; position: relative; z-index: 2; margin-top: 5px;">
      <div class="mc-anim-particle-area" style="position: absolute; top: 17px; left: 50%; width: 0; height: 0; pointer-events: none; z-index: 100;"></div>
      
      <div class="mc-anim-gut" 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.5s;"></div>
      <span style="font-size: 12px; font-weight: bold; color: #718096;">腸管（吸収）</span>
    </div>

  </div>
  
  <div class="mc-anim-status" style="margin: 20px auto 10px; padding: 5px 10px; max-width: 80%; height: 64px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.4; box-sizing: border-box; border-radius: 8px; font-weight: bold; background: #fff5f5; color: #e53e3e; transition: all 0.5s ease;">
    興奮・ストレス状態
  </div>
  
  <p style="font-size: 11px; color: #a0aec0; text-align: right; margin: 15px 0 0 0; padding-right: 10px;">※アニメーションは作用機序のイメージ（概念図）です。</p>

</div>

<style>
  /* 視差効果を減らす設定のユーザーにはアニメーションを停止するアクセシビリティ対応 */
  @media (prefers-reduced-motion: no-preference) {
    .state-excited { animation: pulse-red 0.6s infinite alternate ease-in-out; }
    .state-relaxed { animation: float-green 2s infinite alternate ease-in-out; }
  }
  
  @keyframes pulse-red {
    0% { transform: scale(1) rotate(-2deg); filter: drop-shadow(0 0 5px rgba(229, 62, 62, 0.3)); }
    100% { transform: scale(1.05) rotate(2deg); filter: drop-shadow(0 0 10px rgba(229, 62, 62, 0.5)); }
  }

  @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;
  }
</style>

<script>
  // 複数の要素が配置されてもそれぞれ独立して動くように設定
  document.querySelectorAll('.mc-gaba-animation-wrapper').forEach(function(wrapper) {
    var brain = wrapper.querySelector('.mc-anim-brain');
    var gut = wrapper.querySelector('.mc-anim-gut');
    var nerve = wrapper.querySelector('.mc-anim-nerve');
    var status = wrapper.querySelector('.mc-anim-status');
    var particleArea = wrapper.querySelector('.mc-anim-particle-area');
    
    var isPlaying = false;
    var timeouts = [];

    // すべてのタイマーを管理配列に入れる
    function schedule(fn, delay) {
      var id = setTimeout(fn, delay);
      timeouts.push(id);
    }

    // 画面外に出たときの完全リセット
    function resetAnimationState() {
      for (var j = 0; j < timeouts.length; j++) {
        clearTimeout(timeouts[j]);
      }
      timeouts = [];
      particleArea.innerHTML = '';
      brain.className = 'mc-anim-brain state-excited';
      gut.className = 'mc-anim-gut';
      nerve.style.height = '0%';
      status.innerText = '興奮・ストレス状態';
      status.style.backgroundColor = '#fff5f5';
      status.style.color = '#e53e3e';
    }

    function playCycle() {
      if (!isPlaying) return;
      resetAnimationState();

      for(var i = 0; i < 6; i++) {
        (function(index) {
          schedule(function() {
            var particle = document.createElement('div');
            particle.style.position = 'absolute';
            particle.style.width = '12px';
            particle.style.height = '12px';
            particle.style.backgroundColor = '#63b3ed';
            particle.style.borderRadius = '50%';
            particle.style.boxShadow = '0 0 5px #63b3ed';
            particle.style.marginLeft = '-6px';
            particle.style.marginTop = '-6px';
            particle.style.zIndex = '100';
            particle.style.opacity = '0';
            
            particleArea.appendChild(particle);
            
            var startSide = Math.random() > 0.5 ? 1 : -1;
            var startX = startSide * (60 + Math.random() * 40);
            var startY = (Math.random() * 40 - 20);
            
            particle.style.transform = 'translate(' + startX + 'px, ' + startY + 'px) scale(1)';
            particle.getBoundingClientRect(); // 強制リペイント
            
            // 内部のsetTimeoutもすべてschedule関数に変更し、管理漏れをゼロに
            schedule(function() {
              particle.style.transition = 'transform 1.2s ease-out, opacity 0.2s ease-in';
              particle.style.opacity = '1';
              particle.style.transform = 'translate(0px, 0px) scale(0.3)';
            }, 50);

            schedule(function() {
              particle.style.transition = 'opacity 0.3s ease-out';
              particle.style.opacity = '0';
            }, 900);
            
            schedule(function() {
              if(particle.parentNode) {
                particle.parentNode.removeChild(particle);
              }
            }, 1300);
            
          }, index * 300);
        })(i);
      }

      schedule(function() {
        gut.className = 'mc-anim-gut gut-active';
        status.innerText = 'GABAが腸に到達...';
        status.style.backgroundColor = '#ebf8ff';
        status.style.color = '#3182ce';
      }, 1500);

      schedule(function() {
        nerve.style.height = '100%';
        status.innerText = '迷走神経を通じて脳へシグナル伝達...';
      }, 3000);

      schedule(function() {
        brain.className = 'mc-anim-brain state-relaxed';
        status.style.backgroundColor = '#f0fff4';
        status.style.color = '#2f855a';
        status.innerText = '脳がリラックス・鎮静化✨';
        gut.className = 'mc-anim-gut'; 
      }, 5000);

      schedule(function() {
        if (isPlaying) playCycle();
      }, 8500);
    }

    if ('IntersectionObserver' in window) {
      // ユーザーが「視差効果を減らす」設定にしている場合は、アニメーションを動かさない
      var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
      
      if (!prefersReducedMotion) {
        var observer = new IntersectionObserver(function(entries) {
          entries.forEach(function(entry) {
            if (entry.isIntersecting) {
              if (!isPlaying) {
                isPlaying = true;
                playCycle();
              }
            } else {
              isPlaying = false;
              resetAnimationState();
            }
          });
        }, { threshold: 0.2 }); 
        
        observer.observe(wrapper);
      }
    } else {
      isPlaying = true;
      playCycle();
    }
  });
</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">圧倒的に必要量が多すぎる</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;">
  
  <!-- ▼ タイトル部分をバッジ＋DIVに変更 ▼ -->
  <div style="text-align: center; margin-bottom: 15px;">
    <span style="display: inline-block; background-color: #3182ce; color: #ffffff; font-size: 11px; font-weight: bold; padding: 4px 12px; border-radius: 20px; margin-bottom: 8px; letter-spacing: 0.05em; box-shadow: 0 2px 4px rgba(49, 130, 206, 0.2);">シミュレーション</span>
    <div role="heading" aria-level="4" style="margin: 0; color: #2d3748; font-size: 1.2em; font-weight: bold; line-height: 1.4;">食事だけで「毎日200mg」を<br class="mc-sp-only">目指してみよう</div>
  </div>
  <!-- ▲ ここまで ▲ -->

  <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">加熱・調理で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;">
  
  <!-- ▼ タイトル部分をバッジ＋DIVに変更 ▼ -->
  <div style="text-align: center; margin-bottom: 20px;">
    <span style="display: inline-block; background-color: #3182ce; color: #ffffff; font-size: 11px; font-weight: bold; padding: 4px 12px; border-radius: 20px; margin-bottom: 8px; letter-spacing: 0.05em; box-shadow: 0 2px 4px rgba(49, 130, 206, 0.2);">シミュレーション</span>
    <div role="heading" aria-level="4" style="margin: 0; color: #2d3748; font-size: 1.2em; font-weight: bold; line-height: 1.4;">
      GABAは「水溶性」<br><span style="font-size: 0.8em; color: #718096;">調理でどう変化するか見てみよう</span>
    </div>
  </div>
  <!-- ▲ ここまで ▲ -->

  <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: 1.5rem; 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;">
    <!-- ボタンにIDを付与 -->
    <button id="btn-water-raw" type="button" onclick="gabaWaterSim.setRaw()" style="flex: 1; padding: 12px 5px; border-radius: 8px; cursor: pointer; font-weight: bold; transition: 0.2s; border: 2px solid transparent;">
      🥗 生で食べる
    </button>
    <button id="btn-water-boil" type="button" onclick="gabaWaterSim.setBoil()" style="flex: 1; padding: 12px 5px; border-radius: 8px; cursor: pointer; font-weight: bold; transition: 0.2s; border: 2px solid transparent;">
      🍲 茹でる・煮る
    </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);
  },
  
  // ▼ 追加：ボタンの見た目とクリック可否を制御する関数 ▼
  updateButtons: function(mode) {
    const btnRaw = document.getElementById('btn-water-raw');
    const btnBoil = document.getElementById('btn-water-boil');
    
    if(mode === 'raw') {
      // 生食が選択されている状態（押せない・凹んでいる）
      btnRaw.style.background = '#48bb78';
      btnRaw.style.color = 'white';
      btnRaw.style.borderColor = '#48bb78';
      btnRaw.style.boxShadow = 'inset 0 2px 4px rgba(0,0,0,0.15)';
      btnRaw.style.pointerEvents = 'none'; // デッドクリックを物理的に防止
      
      // 茹でるが未選択の状態（押せる・出っ張っている）
      btnBoil.style.background = '#ffffff';
      btnBoil.style.color = '#e53e3e';
      btnBoil.style.borderColor = '#fed7d7';
      btnBoil.style.boxShadow = '0 2px 5px rgba(0,0,0,0.05)';
      btnBoil.style.pointerEvents = 'auto';
    } else {
      // 生食が未選択の状態（押せる・出っ張っている）
      btnRaw.style.background = '#ffffff';
      btnRaw.style.color = '#48bb78';
      btnRaw.style.borderColor = '#c6f6d5';
      btnRaw.style.boxShadow = '0 2px 5px rgba(0,0,0,0.05)';
      btnRaw.style.pointerEvents = 'auto';
      
      // 茹でるが選択されている状態（押せない・凹んでいる）
      btnBoil.style.background = '#e53e3e';
      btnBoil.style.color = 'white';
      btnBoil.style.borderColor = '#e53e3e';
      btnBoil.style.boxShadow = 'inset 0 2px 4px rgba(0,0,0,0.15)';
      btnBoil.style.pointerEvents = 'none'; // デッドクリックを物理的に防止
    }
  },

  setRaw: function() {
    this.isBoiling = false;
    this.updateButtons('raw'); // ボタンUIの更新
    
    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;
    this.updateButtons('boil'); // ボタンUIの更新
    
    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>



<h3 class="wp-block-heading"> 変化を実感するまでの「継続性」の問題</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;">
  
  <div style="text-align: center; margin-bottom: 15px;">
    <span style="display: inline-block; background-color: #3182ce; color: #ffffff; font-size: 11px; font-weight: bold; padding: 4px 12px; border-radius: 20px; margin-bottom: 8px; letter-spacing: 0.05em; box-shadow: 0 2px 4px rgba(49, 130, 206, 0.2);">シミュレーション</span>
    <div role="heading" aria-level="4" style="margin: 0; color: #2d3748; font-size: 1.2em; font-weight: bold; line-height: 1.4;">
      90日間（約3ヶ月）<br class="mc-sp-only">継続コスト計算機
    </div>
  </div>

  <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: 85%; padding: 12px 35px 12px 15px; font-size: 1rem; border: 2px solid #cbd5e0; border-radius: 8px; background-color: #f7fafc; color: #2d3748; cursor: pointer; outline: none; appearance: none; -webkit-appearance: none; background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20fill%3D%22%23718096%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: right 10px center; background-size: 24px;">
      <option value="none" disabled="" selected="" hidden="">▼ 食材を選んでください</option>
      <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="gabaCostSim.calculate()" style="background: #e53e3e; color: white; border: none; padding: 12px 30px; font-size: 1rem; 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="cost-result-area" style="background: #fff5f5; border: 2px dashed #fc8181; border-radius: 8px; padding: 20px 20px 25px; 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="cost-total-val">0</span>
    </div>
    
    <div style="font-size: 0.9em; color: #c53030; font-weight: bold; margin-bottom: 5px;">90日間で食べる総量</div>
    <div id="cost-total-amount" style="font-size: 1.2em; font-weight: bold; color: #2d3748; margin-bottom: 10px;">
      &#8211;
    </div>
    
    <div style="position: relative; padding-bottom: 12px;">
      <div id="cost-food-icons" style="font-size: 1.5rem; line-height: 1.2; max-height: 85px; overflow: hidden; color: #a0aec0; -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%); mask-image: linear-gradient(to bottom, black 40%, transparent 100%);">
      </div>
      
      <div id="cost-food-more" style="position: absolute; bottom: 0; left: 0; width: 100%; display: none;">
        <div style="height: 12px; width: 100%; background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width=%2240%22 height=%2212%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M0 6 Q10 0 20 6 T40 6%22 fill=%22none%22 stroke=%22%23e53e3e%22 stroke-width=%222.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E'); background-repeat: repeat-x; background-position: center;"></div>
      </div>
    </div>
  </div>
  
  <p style="font-size: 0.75em; color: #a0aec0; text-align: center; margin-top: 15px;">※価格は一般的なスーパーの相場を基にした目安です。</p>

</div>

<script>
const gabaCostSim = {
  counterTimer: null,
  foodData: {
    tomato: { daily: 330, pricePer100g: 80, emoji: '🍅', unit: '個', perUnit: 150 },
    eggplant: { daily: 430, pricePer100g: 60, emoji: '🍆', unit: '本', perUnit: 100 },
    chocolate: { daily: 590, pricePer100g: 250, emoji: '🍫', unit: '枚', perUnit: 50 },
    rice: { daily: 1600, pricePer100g: 80, emoji: '🍚', unit: '杯', perUnit: 150 }
  },

  calculate: function() {
    clearInterval(this.counterTimer);

    const selected = document.getElementById('food-select').value;
    const resultArea = document.getElementById('cost-result-area');
    const costSpan = document.getElementById('cost-total-val');
    const amountDiv = document.getElementById('cost-total-amount');
    const iconsDiv = document.getElementById('cost-food-icons');
    const moreDiv = document.getElementById('cost-food-more');

    if (selected === 'none') {
      resultArea.style.opacity = '1';
      costSpan.innerText = '0';
      iconsDiv.innerHTML = '';
      moreDiv.style.display = 'none';
      amountDiv.innerHTML = '<span style="color: #e53e3e;">👆 上のプルダウンから<br>食材を選んでください</span>';
      return;
    }

    const data = this.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);

    resultArea.style.opacity = '1';
    costSpan.innerText = '0';
    amountDiv.innerHTML = '';
    iconsDiv.innerHTML = '';
    moreDiv.style.display = 'none';

    let currentVal = 0;
    const increment = totalCost / 40; 
    
    this.counterTimer = setInterval(() => {
      currentVal += increment;
      if (currentVal >= totalCost) {
        currentVal = totalCost;
        clearInterval(this.counterTimer);
        
        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.toLocaleString()}${data.unit})</span>`;
        
        let icons = '';
        const displayCount = Math.min(totalUnits, 40); 
        for(let i=0; i<displayCount; i++) {
          icons += data.emoji;
        }
        iconsDiv.innerHTML = icons;
        
        if (totalUnits > displayCount) {
          moreDiv.style.display = 'block';
        }
      }
      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; }
  
  /* ▼ PCでは大枠の線があるため、最後の行の下線を消す ▼ */
  .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:last-child {
      border-bottom: 1px solid #cbd5e0;
    }
    
    .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>

<!-- HTML部分は変更なしなのでそのままお使いください -->
<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>

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



<!-- [ブロックA：パターンB] 機能・手軽さ訴求 -->
<div class="mc-cta-mid">
  <div class="mc-cta-mid-text">
    <div class="mc-cta-mid-label">
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6"></path><path d="M10 22h4"></path><path d="M12 2v1"></path><path d="M12 7a5 5 0 1 0 5 5 5.5 5.5 0 0 0-1.5-3.5A4.5 4.5 0 0 1 14 6Z"></path></svg>
      日々の記憶力対策ケアをお探しの方へ
    </div>
    <p class="mc-cta-mid-title">【コーヒー×GABA】ながらケアできる「Memory Coffee」</p>
  </div>
  <a id="cta-amazon-mid-b" href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener sponsored" class="mc-cta-mid-btn">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" style="height:28px; width:auto; margin-right:8px; display:block;">で見る ▶
  </a>
</div>

<style>
/* 記事中盤用CTA：共通スタイル */
.mc-cta-mid {
  margin: 32px 0;
  padding: 24px;
  background-color: #FDF9F3;
  border: 1px solid #EBD8B7;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 0 4px 15px rgba(197, 160, 89, 0.05);
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  transition: box-shadow 0.3s ease;
}
.mc-cta-mid:hover {
  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.15);
}
.mc-cta-mid-text { flex: 1; }
.mc-cta-mid-label {
  font-size: 13px;
  color: #C5A059;
  font-weight: bold;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.mc-cta-mid-title {
  font-size: 16px;
  color: #1A2A40;
  font-weight: bold;
  margin: 0;
  line-height: 1.5;
}
.mc-cta-mid-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #1A2A40 !important;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 50px;
  border: 2px solid #1A2A40;
  text-decoration: none !important;
  white-space: nowrap;
  transition: transform 0.2s ease, background-color 0.2s ease;
  box-shadow: 0 4px 10px rgba(26, 42, 64, 0.1);
}
.mc-cta-mid-btn:hover {
  transform: translateY(-2px);
  background-color: #f8fafc;
}
@media (max-width: 600px) {
  .mc-cta-mid {
    flex-direction: column;
    align-items: stretch;
    padding: 20px 16px;
    gap: 16px;
  }
  .mc-cta-mid-btn { width: 100%; padding: 14px 20px; box-sizing: border-box; }
  .mc-cta-mid-title { font-size: 15px; }
}
</style>



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



<style>
/* ==================================================
   Memory Coffee: Stat Card (横幅・バランス調整版 / 左線削除)
   ================================================== */
.mc-stat-card {
    width: 100%; /* 本文の幅に合わせる */
    margin: 2.5em 0; /* 上下の余白のみ設定 */
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #333;
    display: flex;
    align-items: center;
    gap: 30px; /* PCでの余白を少し広げてゆったりと */
    background: #fafafa;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    box-sizing: border-box; /* はみ出し防止 */
}

.mc-stat-area {
    flex-shrink: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-left: 10px;
}
.mc-stat-label {
    font-size: 0.9em;
    font-weight: bold;
    color: #666;
    line-height: 1.4;
}
.mc-donut-wrap {
    position: relative;
    width: 85px; /* グラフを少しだけ大きく */
    height: 85px;
}
.mc-donut {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(#e74c3c 64%, #e2e8f0 0);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.mc-donut::before {
    content: "";
    position: absolute;
    inset: 9px; 
    background: #fafafa;
    border-radius: 50%;
}
.mc-donut-val {
    position: relative;
    z-index: 1;
    font-size: 1.4em;
    font-weight: bold;
    color: #333;
}
.mc-donut-val span {
    font-size: 0.6em;
}
.mc-stat-source {
    font-size: 0.7em;
    color: #999;
}

.mc-lead-area {
    flex-grow: 1;
}
.mc-lead-area p {
    margin: 0 0 15px 0;
    font-size: 1.05em;
    line-height: 1.7;
    color: #444;
}
.mc-lead-area p:last-child {
    margin-bottom: 0;
}
.mc-warning-box {
    color: #c0392b;
    background: #fff5f5;
    padding: 12px 15px;
    border-radius: 6px;
    /* border-left: 4px solid #c0392b; ←この行を削除しました */
    display: inline-block;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .mc-stat-card {
        flex-direction: column;
        text-align: center;
        padding: 20px 15px;
        gap: 20px;
    }
    .mc-stat-area {
        padding-left: 0;
    }
    .mc-warning-box {
        display: block; 
    }
}
</style>

<div class="mc-stat-card">
    <div class="mc-stat-area">
        <span class="mc-stat-label">サプリメントの<br>飲み忘れ経験</span>
        <div class="mc-donut-wrap">
            <div class="mc-donut">
                <span class="mc-donut-val">64<span>%</span></span>
            </div>
        </div>
        <span class="mc-stat-source">※出典：マイボイスコム(株)調べ</span>
    </div>
    
    <div class="mc-lead-area">
        <p>健康のために始めたサプリメントも、半数以上の方が「飲み忘れ」を経験しています。</p>
        <p class="mc-warning-box">「飲まなければならない」という義務感は、<strong>長続きしません。</strong></p>
    </div>
</div>



<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を手軽に「コーヒー」で</h3>



<p class="wp-block-paragraph">「毎朝の1杯」「食後の1杯」といったすでにある習慣に組み込むことで、飲み忘れを防ぎ、無理なくGABA200mgの摂取を継続できます。</p>



<p class="wp-block-paragraph">そこでおすすめしたいのが「Memory Coffee（メモリーコーヒー）」です！</p>



<p class="wp-block-paragraph">機能性関与成分の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:511px;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>



<style>
/* ===================================================
   Memory Coffee 完全統合型プレミアム解説カード（ブルー統一・赤枠解除・原点回帰版）
   =================================================== */
.mc-hero-card { background: #ffffff !important; border: 1px solid #cbd5e1 !important; border-top: 6px solid #2563eb !important; border-radius: 12px !important; margin: 36px 0 !important; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important; overflow: hidden !important; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; display: block !important; width: 100% !important; clear: both !important; }
.mc-hero-card:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important; }

.mc-card-header { background: #eff6ff !important; padding: 28px 28px 24px !important; position: relative !important; border-bottom: 1px solid #cbd5e1 !important; display: block !important; }
.mc-card-heading { font-size: 22px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; line-height: 1.4 !important; letter-spacing: 0.06em !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.mc-card-heading::before { content: '' !important; display: inline-block !important; width: 4px !important; height: 1.1em !important; background: #2563eb !important; border-radius: 2px !important; flex-shrink: 0 !important; }
.mc-card-intro { font-size: 15px !important; line-height: 1.75 !important; color: #334155 !important; margin: 0 !important; letter-spacing: 0.03em !important; display: block !important; }

.mc-card-body { padding: 28px !important; background: #ffffff !important; display: block !important; }
.mc-badge-group { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-badge-main { background: #2563eb !important; color: #ffffff !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 0.08em !important; border-radius: 20px !important; padding: 6px 16px !important; display: inline-block !important; }
.mc-badge-sub { background: #f0f9ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 0.05em !important; border-radius: 4px 20px 20px 4px !important; padding: 5px 14px 5px 12px !important; display: inline-block !important; }

.mc-section-subhead { font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; letter-spacing: 0.04em !important; display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; }
.mc-section-subhead::before { content: '◆' !important; color: #2563eb !important; font-size: 14px !important; }

.mc-lead-text { color: #334155 !important; font-size: 15px !important; line-height: 1.75 !important; margin: 0 0 18px 0 !important; font-weight: 500 !important; display: block !important; width: 100% !important; }
.mc-lead-text strong { color: #0f172a !important; font-weight: 700 !important; background: linear-gradient(transparent 65%, #bfdbfe 0) !important; }

.mc-feature-box { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-feature-row { display: flex !important; align-items: flex-start !important; gap: 14px !important; width: 100% !important; }
.mc-feature-row + .mc-feature-row { margin-top: 14px !important; padding-top: 14px !important; border-top: 1px dashed #cbd5e1 !important; }
.mc-feature-icon { flex-shrink: 0 !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: #2563eb !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 800 !important; margin-top: 2px !important; }
.mc-feature-title { display: block !important; color: #0f172a !important; font-weight: 700 !important; font-size: 15px !important; margin-bottom: 2px !important; letter-spacing: 0.04em !important; }
.mc-feature-desc { color: #475569 !important; font-size: 14px !important; line-height: 1.55 !important; display: block !important; }

.mc-blend-container { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 24px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-blend-stage-wrap { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-bean-unit { text-align: center !important; flex: 1 !important; max-width: 300px !important; display: block !important; }
.mc-bean-unit img { width: 100% !important; height: auto !important; display: block !important; border-radius: 8px !important; border: 1px solid #cbd5e1 !important; }
.mc-blend-symbol { text-align: center !important; flex-shrink: 0 !important; display: block !important; }
.mc-x-mark { font-size: 26px !important; font-weight: 800 !important; color: #2563eb !important; display: block !important; line-height: 1 !important; }
.mc-x-text { font-size: 12px !important; font-weight: 700 !important; color: #1e293b !important; margin: 4px 0 0 !important; letter-spacing: 0.05em !important; display: block !important; }

.mc-hero-fusion-stage { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 20px 0 24px !important; width: 100% !important; }
.mc-hero-plus-symbol { font-size: 26px !important; font-weight: 800 !important; color: #2563eb !important; flex-shrink: 0 !important; display: block !important; }
.mc-hero-gaba-orb-wrap { text-align: center !important; display: block !important; }
.gaba-orb-wrapper { position: relative !important; width: 90px !important; height: 90px !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto 6px !important; }
.gaba-mystic-orb { width: 58px !important; height: 58px !important; border-radius: 50% !important; background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; animation: gaba_float 4s ease-in-out infinite, gaba_pulse_blue 4s ease-in-out infinite !important; }
.gaba-orb-text { color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 0.06em !important; text-shadow: 0 1px 3px rgba(30, 41, 59, 0.7) !important; display: block !important; }
@keyframes gaba_float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes gaba_pulse_blue { 0%, 100% { box-shadow: 0 0 15px #c7d2fe, 0 0 30px rgba(129, 140, 248, 0.4), 0 0 45px rgba(79, 70, 229, 0.2); } 50% { box-shadow: 0 0 20px #ffffff, 0 0 40px #818cf8, 0 0 60px rgba(99, 102, 241, 0.6), 0 0 80px rgba(79, 70, 229, 0.4); } }
.gaba-particle { position: absolute !important; width: 4px !important; height: 4px !important; background-color: #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 6px #e0e7ff !important; opacity: 0 !important; display: block !important; }
.gaba-particle.p1 { top: 10% !important; left: 20% !important; animation: particle_blink 3s infinite 0.5s !important; }
.gaba-particle.p2 { bottom: 15% !important; right: 15% !important; animation: particle_blink 4s infinite 1.2s !important; }
.gaba-particle.p3 { top: 40% !important; right: 5% !important; width: 3px !important; height: 3px !important; animation: particle_blink 3.5s infinite 2.5s !important; }
@keyframes particle_blink { 0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); } 50% { opacity: 0.9; transform: scale(1.5) translateY(-5px); } }
.mc-hero-gaba-caption { font-size: 13px !important; font-weight: 700 !important; color: #0f172a !important; letter-spacing: 0.05em !important; margin: 0 !important; display: block !important; }

.mc-blend-desc-text { font-size: 15px !important; line-height: 1.8 !important; color: #334155 !important; text-align: center !important; margin: 0 0 20px 0 !important; display: block !important; width: 100% !important; }
.mc-story-panel-wrap { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 20px !important; display: flex !important; align-items: center !important; gap: 18px !important; width: 100% !important; box-sizing: border-box !important; }
.mc-story-text-area { flex: 1 !important; display: block !important; }
.mc-story-head-text { font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.6 !important; margin: 0 !important; display: block !important; }
.mc-big-num { font-size: 26px !important; color: #ef4444 !important; font-weight: 800 !important; padding: 0 2px !important; }
.mc-story-img-area { flex-shrink: 0 !important; width: 120px !important; display: block !important; }
.mc-polaroid { margin: 0 !important; background: #ffffff !important; padding: 5px 5px 8px !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; border-radius: 4px !important; text-align: center !important; display: block !important; }
.mc-polaroid img { width: 100% !important; height: auto !important; display: block !important; border-radius: 2px !important; }
.mc-polaroid figcaption { font-size: 11px !important; color: #64748b !important; margin-top: 5px !important; letter-spacing: 0.02em !important; display: block !important; }

/* エビデンスエリア */
.mc-inner-divider { border: none !important; border-top: 2px dashed #cbd5e1 !important; margin: 36px 0 !important; position: relative !important; display: block !important; width: 100% !important; }
.mc-inner-divider::after { content: '科学的根拠（エビデンス）' !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translateX(-50%) !important; background: #ffffff !important; padding: 0 16px !important; color: #2563eb !important; font-size: 12px !important; font-weight: 800 !important; display: block !important; }

.mc-gaba-comparison-box { background: #eff6ff !important; border: 2px solid #bfdbfe !important; border-radius: 12px !important; padding: 16px 20px !important; margin: 0 auto 24px !important; text-align: center !important; position: relative !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-gaba-title { font-size: 18px !important; color: #1e3a8a !important; font-weight: bold !important; margin: 0 !important; display: block !important; }
.mc-gaba-title .mc-gold-text { color: #ef4444 !important; font-size: 22px !important; font-weight: 900 !important; }

.mc-graph-area { position: relative !important; background-color: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 30px 24px !important; color: #334155 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-bg-glow { display: none !important; }
.mc-clinical-header { text-align: center !important; margin-bottom: 24px !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; }
.mc-clinical-badge { background: #2563eb !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; padding: 4px 12px !important; border-radius: 4px !important; display: inline-block !important; margin-bottom: 12px !important; }
.mc-clinical-title { font-size: 20px !important; margin: 0 0 16px 0 !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.4 !important; display: block !important; }
.mc-clinical-desc { font-size: 14px !important; color: #334155 !important; line-height: 1.8 !important; margin: 0 !important; display: block !important; }
.mc-sup { font-size: 10px !important; vertical-align: top !important; }
.mc-gold-underline { color: #dc2626 !important; background: linear-gradient(transparent 65%, #fecaca 0) !important; display: inline !important; font-weight: 800 !important; }

.mc-graph-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; position: relative !important; z-index: 1 !important; width: 100% !important; }
.mc-graph-card { background-color: #ffffff !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; overflow: hidden !important; display: block !important; }
.mc-graph-card img { width: 100% !important; height: auto !important; display: block !important; }

.mc-citation-area { margin-top: 24px !important; padding-top: 16px !important; border-top: 1px solid #cbd5e1 !important; font-size: 11px !important; color: #64748b !important; line-height: 1.6 !important; text-align: left !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-citation-area p { margin: 0 0 6px 0 !important; display: block !important; }
.mc-citation-area p:last-child { margin-bottom: 0 !important; }

.mc-card-footer { background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important; padding: 24px 28px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-official-tag { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-weight: 700 !important; color: #0f172a !important; font-size: 12px !important; margin-bottom: 10px !important; background: #ffffff !important; padding: 4px 12px !important; border-radius: 4px !important; border: 1px solid #cbd5e1 !important; letter-spacing: 0.05em !important; }
.mc-official-tag::before { content: '✓' !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 14px !important; height: 14px !important; background: #2563eb !important; color: #ffffff !important; border-radius: 50% !important; font-size: 9px !important; flex-shrink: 0 !important; }
.mc-disclaimer { font-size: 11px !important; color: #64748b !important; line-height: 1.65 !important; margin: 0 !important; display: block !important; }

/* ★ スマホ最適化 ★ */
@media (max-width: 600px) {
  .mc-card-header { padding: 22px 18px 18px !important; }
  .mc-card-heading { font-size: 19px !important; }
  .mc-card-intro { font-size: 14px !important; }
  .mc-card-body { padding: 20px 18px !important; }
  .mc-feature-box { padding: 16px 14px !important; }
  .mc-blend-container { padding: 18px 14px !important; margin-bottom: 24px !important; }
  
  .mc-blend-stage-wrap { flex-direction: column !important; gap: 12px !important; }
  .mc-bean-unit { max-width: 280px !important; width: 100% !important; margin: 0 auto !important; }
  .mc-x-mark { font-size: 32px !important; margin: 8px 0 !important; }
  
  .mc-hero-fusion-stage { margin: 16px 0 20px !important; }
  .gaba-orb-wrapper { width: 76px !important; height: 76px !important; }
  .gaba-mystic-orb { width: 50px !important; height: 50px !important; }
  
  .mc-story-panel-wrap { flex-direction: column !important; text-align: center !important; padding: 16px 12px !important; }
  .mc-story-img-area { width: 100% !important; max-width: 180px !important; margin: 0 auto !important; }
  .mc-gaba-title { font-size: 18px !important; }
  .mc-graph-area { padding: 20px 16px !important; }
  .mc-clinical-title { font-size: 20px !important; }
  .mc-graph-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .mc-card-footer { padding: 16px 18px !important; }
}
</style>

<div class="mc-hero-card">
  <div class="mc-card-header">
    <div class="mc-card-heading" role="heading" aria-level="5">Memory Coffeeとは？</div>
    <p class="mc-card-intro">
      毎日のコーヒータイムを「自分らしさを育む時間」へと変える機能性表示食品（インスタントコーヒー）です。<br><br>本格的なおいしさと、認知機能の一部を維持するGABA200mg（1本あたり）のサポートを両立しています。
    </p>
  </div>

  <div class="mc-card-body">
    <div class="mc-badge-group">
      <span class="mc-badge-main">機能性表示食品</span>
      <span class="mc-badge-sub">GABA 200mg配合</span>
    </div>
    
    <div class="mc-section-subhead" role="heading" aria-level="6">
      <span style="font-size: 18px !important; display: inline-block;">科学的根拠に基づいた3つのサポート機能</span>
    </div>
    <p class="mc-lead-text">
      Memory Coffeeに含まれるGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。
    </p>
    
    <div class="mc-feature-box">
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">記憶力</span>
          <span class="mc-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">空間認知力</span>
          <span class="mc-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">持続的注意力</span>
          <span class="mc-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>

    <!-- ブレンドとGABAの融合 -->
    <div class="mc-blend-container">
      <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 18px;" role="heading" aria-level="6">
        <span style="font-size: 16px !important; display: inline-block;">30回の試作で辿り着いた<br class="mc-sp-only">本格ブレンド</span>
      </div>

      <div class="mc-blend-stage-wrap">
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-brazil-beans-p.webp" alt="ブラジル産コーヒー豆" loading="lazy" decoding="async">
        </div>
        <div class="mc-blend-symbol">
          <span class="mc-x-mark">×</span>
          <p class="mc-x-text">絶妙ブレンド</p>
        </div>
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-vietnam-beans-p.webp" alt="ベトナム産コーヒー豆" loading="lazy" decoding="async">
        </div>
      </div>

      <div class="mc-hero-fusion-stage">
        <span class="mc-hero-plus-symbol">＋</span>
        <div class="mc-hero-gaba-orb-wrap">
          <div class="gaba-orb-wrapper">
            <div class="gaba-mystic-orb">
              <span class="gaba-orb-text">GABA</span>
            </div>
            <div class="gaba-particle p1"></div>
            <div class="gaba-particle p2"></div>
            <div class="gaba-particle p3"></div>
          </div>
          <p class="mc-hero-gaba-caption">機能性関与成分 GABA</p>
        </div>
      </div>

      <p class="mc-blend-desc-text">
        スッキリとしたブラジル産とコク深いベトナム産の豆を絶妙にブレンド。<br>
        毎日飽きずに楽しめる、本格的でホッとする風味に仕上げています。
      </p>

      <div class="mc-story-panel-wrap">
        <div class="mc-story-text-area">
          <p class="mc-story-head-text">
            開発段階で約<span class="mc-big-num">30</span>パターンもの<br class="mc-sp-only">ブレンド配合・調整を繰り返し、<br class="mc-sp-only">納得の1杯を完成させました！
          </p>
        </div>
        <div class="mc-story-img-area">
          <figure class="mc-polaroid">
            <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp" alt="実際のブレンド配合打合せ資料" loading="lazy" decoding="async">
            <figcaption>配合打合せの様子</figcaption>
          </figure>
        </div>
      </div>
    </div>

    <!-- エビデンス（科学的根拠）セクション -->
    <hr class="mc-inner-divider">
    
    <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 24px;" role="heading" aria-level="6">
      <span style="font-size: 18px !important; display: inline-block;">科学が証明する機能性</span>
    </div>

    <div class="mc-gaba-comparison-box">
      <div class="mc-gaba-title">
        スティック1本（1杯）で <span class="mc-gold-text">GABA 200mg配合</span>
      </div>
    </div>

    <div class="mc-graph-area">
      <div class="mc-bg-glow"></div>

      <div class="mc-clinical-header">
        <span class="mc-clinical-badge">科学的根拠</span>
        <div class="mc-clinical-title">ヒト臨床試験における<br class="mc-sp-only">優位性の確認</div>
        <p class="mc-clinical-desc">
          認知機能の低下を感じる40歳以上の<br class="mc-sp-only">健康な男女120名<span class="mc-sup">※</span>を対象とした試験で、<br>
          <strong class="mc-gold-underline">12週間の継続摂取</strong>により、<br class="mc-sp-only">統計的に有意な維持・改善が見られました。
        </p>
      </div>
      
      <!-- エビデンスグラフ2列（ハイライト解除済み） -->
      <div class="mc-graph-grid">
        <div class="mc-graph-card">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kioku-p.webp" alt="記憶力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
        <div class="mc-graph-card">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kuukan-p.webp" alt="空間認知力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
      </div>

      <!-- 注記・出典論文 -->
      <div class="mc-citation-area">
        <p>※システマティックレビューで評価した研究2報の参加者の人数の合計</p>
        <p>※「持続的注意力（注意を持続させながら、作業を続ける力）」も同様に、システマティックレビューに含まれるヒト試験において、Cognitrax等を用いて評価された項目に基づいて届出しています。</p>
        <p>&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>※本商品を用いて行った実験ではありません。</p>
      </div>
    </div>

  </div>

  <div class="mc-card-footer">
    <div class="mc-official-tag">届出番号：J1384</div>
    <p class="mc-disclaimer">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。<br>
      ※アニメーションはイメージです。
    </p>
  </div>
</div>



<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;">
  
  <div role="heading" aria-level="3" style="margin-top: 0; margin-bottom: 15px; color: #2d3748; font-size: 1.2em; text-align: center; font-weight: bold;">90日間（約3ヶ月）継続コスト<br class="mc-sp-only">比較シミュレーター</div>
  <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 id="btn-comp-tomato" type="button" onclick="compareSim90.run('tomato', 'btn-comp-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 id="btn-comp-eggplant" type="button" onclick="compareSim90.run('eggplant', 'btn-comp-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 id="btn-comp-choco" type="button" onclick="compareSim90.run('choco', 'btn-comp-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 id="btn-comp-rice" type="button" onclick="compareSim90.run('rice', 'btn-comp-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; 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);">
      <div role="heading" aria-level="4" id="comp-food-title" style="margin: 0 0 15px 0; color: #c53030; font-size: 1.1em; font-weight: bold;">❓ 食材を選んでください</div>
      
      <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>

    <!-- 文字被りを防ぐ安全なVSバッジ配置 -->
    <div style="display: flex; justify-content: center; margin: -20px 0; z-index: 10; position: relative; pointer-events: none;">
      <div style="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;">VS</div>
    </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);">
      <div role="heading" aria-level="4" style="margin: 0 0 15px 0; color: #2b6cb0; font-size: 1.1em; font-weight: bold;">☕ Memory Coffeeの場合</div>
      
      <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: 23760, vol: '約29.7kg', desc: '中玉トマト約198個分を消費' },
    eggplant: { title: '🍆 ナスの場合', cost: 23220, vol: '約38.7kg', desc: '中サイズのナス約387本分を消費' },
    choco: { title: '🍫 高カカオチョコの場合', cost: 132750, vol: '約53.1kg', desc: '板チョコ約1,062枚分（脂質・カロリー過多）' },
    rice: { title: '🍚 発芽玄米の場合', cost: 115200, vol: '約144kg', desc: 'お茶碗約960杯分を3ヶ月継続' }
  },
  coffeeCost: 18810, // 1日約209円 × 90日分
  
  run: function(foodKey, btnId) {
    clearInterval(this.interval);
    const fd = this.data[foodKey];
    
    // ボタンの選択状態をリセット＆更新
    const buttons = ['btn-comp-tomato', 'btn-comp-eggplant', 'btn-comp-choco', 'btn-comp-rice'];
    buttons.forEach(id => {
      const btn = document.getElementById(id);
      if(id === btnId) {
        btn.style.background = '#e2e8f0'; // 押された状態（凹む）
        btn.style.borderColor = '#a0aec0';
        btn.style.boxShadow = 'inset 0 2px 4px rgba(0,0,0,0.1)';
        btn.style.pointerEvents = 'none';
      } else {
        btn.style.background = '#fff'; // 通常状態
        btn.style.borderColor = '#cbd5e0';
        btn.style.boxShadow = 'none';
        btn.style.pointerEvents = 'auto';
      }
    });

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



<p class="wp-block-paragraph">スティックタイプでサッと溶けるため、忙しい朝でも手軽に作れ、コーヒーの香りとコクを楽しみながら、毎日の認知機能ケアを無理なく続けることができます。</p>



<p class="wp-block-paragraph">食事からの摂取の難しさに悩むことなく、確かな成分量を美味しく習慣化してみませんか？</p>



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



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



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&amp;family=Noto+Serif+JP:wght@400;700&amp;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



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



<h2 class="wp-block-heading">まとめ│頑張らないことが、長く続けるための最大の秘訣</h2>



<div class="ksm-container">
  <div class="ksm-header">
    <span class="ksm-badge">今回の振り返り</span>
    <!-- ★ 目次回避 ＆ クローラー向けh3宣言 ★ -->
    <div class="ksm-title" role="heading" aria-level="3">押さえておきたい5つのポイント</div>
  </div>

  <ul class="ksm-list">
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>認知機能の維持には「1日200mg」が必要</strong>
        <p>目的によって必要なGABA量は異なり、加齢で低下する記憶力や空間認知力などを維持するには、1日200mgのしっかりとした摂取が求められます。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>食事だけで毎日200mg摂り続けるのは非現実的</strong>
        <p>トマトなら毎日中玉1.5〜2個など必要な量が多すぎます。他の食品で補おうとすると、今度は脂質や塩分、糖分の過剰摂取につながるリスクがあります。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>GABAは「水溶性」のため調理法に注意が必要</strong>
        <p>水に溶けやすい性質のため、茹でたり煮たりすると成分が流れ出ます。無駄なく摂るには「生で食べる」か「スープにして汁ごと飲む」工夫が不可欠です。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>機能の実感には約3ヶ月（12週間）の「継続」が前提</strong>
        <p>1日や2日摂取しただけでは実感できず、臨床試験のデータに基づいても、機能を期待するためには毎日の継続摂取が必要になります。</p>
      </div>
    </li>
    <li>
      <span class="ksm-icon">✓</span>
      <div class="ksm-content">
        <strong>無理なく続けるなら「機能性表示食品」の活用が合理的</strong>
        <p>毎日の献立計算や大量の食材の買い出しは手間とコストがかかります。挫折せずに長期間しっかり摂取し続けるには、機能性表示食品を取り入れるのが最もスマートです。</p>
      </div>
    </li>
  </ul>
</div>

<style>
  .ksm-container {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-top: 5px solid #2563eb !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin: 2.5em 0 !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }
  .ksm-header { margin-bottom: 18px !important; }
  .ksm-badge {
    display: inline-block !important; background: #2563eb !important; color: #ffffff !important;
    font-size: 13px !important; /* pxに変更 */
    font-weight: 700 !important; padding: 4px 10px !important;
    border-radius: 4px !important; margin-bottom: 8px !important;
  }
  .ksm-title { margin: 0 !important; font-size: 19px !important; /* pxに変更 */ font-weight: 800 !important; color: #0f172a !important; line-height: 1.4 !important; }

  /* divに変更したためSWELL等のh3デフォルト装飾は本来出ませんが、念のためのリセット */
  .ksm-container .ksm-title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
  }
  .ksm-container .ksm-title::before,
  .ksm-container .ksm-title::after {
    display: none !important;
    content: none !important;
  }

  .ksm-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }
  .ksm-list li { display: flex !important; gap: 14px !important; align-items: flex-start !important; }

  .ksm-icon {
    flex-shrink: 0 !important; width: 26px !important; height: 26px !important; border-radius: 50% !important;
    background: #2563eb !important; color: #ffffff !important; font-size: 14px !important; /* pxに変更 */ font-weight: 800 !important;
    display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 2px !important;
  }

  .ksm-content strong { display: block !important; font-size: 16px !important; /* pxに変更 */ color: #0f172a !important; margin-bottom: 4px !important; }
  .ksm-content p { margin: 0 !important; font-size: 14px !important; /* pxに変更 */ color: #475569 !important; line-height: 1.65 !important; }

  @media (max-width: 600px) {
    .ksm-container { padding: 16px !important; }
    .ksm-title { font-size: 17px !important; /* pxに変更 */ }
  }
</style>



<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>
  .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 role="heading" aria-level="3" 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>

  <!-- ▼ 追加されたQ&A ▼ -->
  <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がそのまま直接脳に入る（血液脳関門を通過する）ことはないと考えられています。しかし、GABAが機能を発揮するために<strong>「直接脳に入る」必要はありません。</strong><br><br>
        口から摂取されたGABAは、腸などの消化管に存在するキャッチセンサー（受容体）に結合します。すると、その刺激が迷走神経などの末梢神経を通じて「信号」として脳へと伝達されるメカニズム（脳腸相関）が近年の研究で報告されています。<br><br>
        本品「Memory Coffee」に配合しているGABAも、まさにこのメカニズムを前提とした確かな科学的根拠によって裏付けられています。実際に1日200mgのGABAを口から継続摂取することで、空間認知力や記憶力の維持をサポートすることがヒト臨床試験にて報告されております。
      </div>
    </div>
  </div>
  <!-- ▲ ここまで ▲ -->

</div>

<!-- ▼ 検索エンジンにFAQであることを伝えるJSON-LD構造化データ ▼ -->
<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杯、仕事や家事の合間のリラックスタイム、あるいは午後のティータイムなど、ご自身の生活スタイルの中で「一番無理なく続けられるタイミング」を習慣にしていただくことをおすすめします。"
      }
    },
    {
      "@type": "Question",
      "name": "口から摂取したGABAは、そのままでは脳に届かないと聞いたのですが？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "おっしゃる通り、口から摂取したGABAがそのまま直接脳に入る（血液脳関門を通過する）ことはないと考えられています。しかし、GABAが機能を発揮するために「直接脳に入る」必要はありません。口から摂取されたGABAは、腸などの消化管に存在するキャッチセンサー（受容体）に結合します。すると、その刺激が迷走神経などの末梢神経を通じて「信号」として脳へと伝達されるメカニズム（脳腸相関）が近年の研究で報告されています。本品「Memory Coffee」に配合しているGABAも、まさにこのメカニズムを前提とした確かな科学的根拠によって裏付けられています。実際に1日200mgのGABAを口から継続摂取することで、空間認知力や記憶力の維持をサポートすることがヒト臨床試験にて報告されております。"
      }
    }
  ]
}
</script>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



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



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

<style>
.end-section {
  background: #f7f4ee;
  border-top: 1px solid #e5dece;
  padding: 32px 20px 40px;
  margin-top: 48px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  box-sizing: border-box;
}

.end-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.end-header-bar {
  width: 5px; /* アクセントバーを少し太く */
  height: 22px;
  background: #c4993a;
  border-radius: 3px;
  flex-shrink: 0;
}

.end-header-text {
  font-size: 1.25rem; /* px指定・サイズアップ */
  font-weight: 700;
  color: #1a1a1a;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.end-card {
  display: block;
  background: #fff;
  border: 1px solid #e5dece;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition: all 0.2s ease;
}

.end-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15);
}

.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: 16px; /* タップしやすいよう余白を広げる */
}

.end-card-tag {
  display: inline-block;
  font-size: 13px; /* px指定・最低限の可読性を確保 */
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #8c6d2f;
  background: #fdfaf3; /* タグっぽく背景色を追加 */
  border: 1px solid #e5dece;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.end-card-title {
  font-size: 1rem; /* px指定・サイズアップ */
  font-weight: 700;
  line-height: 1.6;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
</style>



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



<!-- ==========================================
    免責事項および重要事項セクション（GABA・食品含有量版）
========================================== -->
<section class="mc-disclaimer-section">
    <div class="mc-disclaimer-box">
       
        <div class="mc-disclaimer-title">
            <span style="margin-right: 8px;">⚖️</span>
            <span style="font-size: 15px !important; color: #222; font-weight: bold; display: inline;">免責事項および重要事項</span>
        </div>
        
        <ul class="mc-disclaimer-list">
            <li class="mc-disclaimer-item">
                <b style="color: #222; font-size: 14px !important;">1. 情報の正確性・含有量の目安について：</b><br>
                <span style="font-size: 14px !important; display: inline;">本記事のGABA含有量や働きに関するデータは、一般的な食品成分表や学術論文に基づき執筆したものです。実際の食品の成分量は、品種、産地、季節、調理法によって大きく変動するため、あくまで目安としてご活用ください。</span>
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222; font-size: 14px !important;">2. 医療行為の代替ではありません：</b><br>
                <span style="font-size: 14px !important; display: inline;">本記事は一般的な健康情報の提供を目的としており、医師の診断や治療を代替するものではありません。紹介している機能性関与成分や製品は疾病の診断、治療、予防を目的としたものではなく、ご自身の日々の健康習慣と組み合わせた「内側からのサポート」を目的としています。</span>
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222; font-size: 14px !important;">3. 急激な症状や体調の変化について：</b><br>
                <span style="font-size: 14px !important; display: inline;">認知機能（記憶力など）の感じ方には、年齢や体調による個人差があります。ただし、物忘れが急激に進行した、日常生活に支障をきたすなど、通常と異なる症状がある場合は、加齢によるものと自己判断せず、速やかに専門の医療機関（もの忘れ外来など）にご相談ください。</span>
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222; font-size: 14px !important;">4. 医薬品（降圧薬など）との併用について：</b><br>
                <span style="font-size: 14px !important; display: inline;">GABAには、血圧が高めの方の血圧を低下させる機能があることが報告されています。降圧薬などの医薬品を服用中の方は、念のため医師や薬剤師にご相談のうえお召し上がりください。体質や体調により、まれに合わない場合があります。</span>
            </li>
            <li class="mc-disclaimer-item">
                <b style="color: #222; font-size: 14px !important;">5. 損害への責任：</b><br>
                <span style="font-size: 14px !important; display: inline;">本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。最終的な判断は、ご自身の責任において行っていただけますようお願い申し上げます。</span>
            </li>
        </ul>

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

<!-- ==========================================
    デザイン用 CSS（px単位での絶対指定版）
========================================== -->
<style>
.mc-disclaimer-section {
    width: 100%;
    max-width: none;
    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;
    box-sizing: border-box;
    clear: both;
}
.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 {
    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;
    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;
    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>



<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 class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <!-- h4ではなく、ただのdivに変更 -->
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px 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;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* divになったので、テーマリセット（!important等）は不要になりスッキリ */
.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    .author-title {
        font-size: 1.125rem;
    }
    .author-desc {
        font-size: 0.9375rem;
        text-align: left;
    }
    .author-box-footer {
        padding: 16px;
    }
}
</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: 0.875rem; 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>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【2026年最新】認知機能を維持する機能性関与成分19種を徹底解説！あなたに合うのは？</title>
		<link>https://memory-coffee.jp/magazine/cognitive-function-ingredients-guide/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Sun, 22 Mar 2026 15:07:01 +0000</pubDate>
				<category><![CDATA[GABA基礎知識]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4256</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/03/cognitive-ingredients-complete-guide-02-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事のポイント 認知機能低下を引き起こす「4 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/03/cognitive-ingredients-complete-guide-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: 0.9375rem; 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: 0.9375rem; 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: 0.875rem; 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: 0.875rem; 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: 0.875rem; 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 class="memory-summary-box">
  <div class="memory-summary-title">この記事のポイント</div>
  <ul class="memory-summary-list">
    <li>認知機能低下を引き起こす<span class="memory-summary-highlight">「4つの原因」</span>が分かります</li>
    <li>認知機能を維持する<span class="memory-summary-highlight">全機能性関与成分</span>が分かります</li>
    <li>作用カテゴリー別に<span class="memory-summary-highlight">おすすめの機能性関与成分</span>が分かります</li>
  </ul>
</div>

<style>
/* ボックス全体（大黒柱） */
.memory-summary-box {
  font-size: 1rem !important; /* 【PC側基準】 */
  background-color: #f2f7fb !important; 
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  ) !important;
  border: 4px solid #635bff !important; /* px維持 */
  border-radius: 6px !important; /* px維持 */
  padding: 2.5em 2em !important; /* 40px 32px相当をem化 */
  margin: 2em 0 3em 0 !important; /* 32px 0 48px 0相当をem化 */
  box-shadow: 0 8px 24px rgba(99, 91, 255, 0.06) !important; /* px維持 */
  position: relative !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  box-sizing: border-box !important;
}

/* 透かし文字（POINT） */
.memory-summary-box::after {
  content: "POINT" !important;
  position: absolute !important;
  bottom: -15px !important; /* px維持 */
  right: 0px !important;
  font-size: 5em !important; /* 80px相当をem化 */
  font-weight: 800 !important;
  color: rgba(37, 99, 235, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: -0.02em !important;
  z-index: 1 !important;
}

/* タイトル */
.memory-summary-title {
  font-size: 1.25em !important; /* 20px相当をem化（大見出し） */
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 1.5em !important; /* 24px相当をem化 */
  display: flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
  z-index: 2 !important;
}
.memory-summary-title::before {
  content: '💡' !important;
  display: inline-block !important;
  margin-right: 0.75em !important; /* 12px相当をem化 */
  font-size: 1.1em !important; /* 絵文字サイズを親に連動 */
  line-height: 1 !important;
}

/* 箇条書きリスト */
.memory-summary-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ★ リストテキスト（記事の要点なので絶対に1emを死守！） */
.memory-summary-list li {
  position: relative !important;
  padding-left: 2em !important; /* 32px相当をem化 */
  margin-bottom: 1.25em !important; /* 20px相当をem化 */
  color: #333333 !important;
  line-height: 1.8 !important;
  font-size: 1em !important; /* 17px → 1emに修正。スマホ時に確実に1.15remになります */
  letter-spacing: 0.03em !important;
  font-weight: 500 !important;
}

/* チェックマーク */
.memory-summary-list li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: -2px !important; /* 微調整用px維持 */
  color: #635bff !important;
  font-weight: bold !important;
  font-size: 1.375em !important; /* 22px相当をem化 */
}
.memory-summary-list li:last-child { 
  margin-bottom: 0 !important; 
}

/* マーカーハイライト */
.memory-summary-highlight {
  color: #1a1a1a !important;
  font-weight: 800 !important;
  /* ↓ rgbaを使用して黄色に60%の透過度（0.6）を設定しました */
  background: linear-gradient(transparent 65%, rgba(255, 235, 59, 0.6) 0) !important;
}

/* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
@media (max-width: 600px) {
  .memory-summary-box { 
    font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
    padding: 1.5em 1.25em !important; /* スマホ用余白圧縮 */
    margin: 1.5em 0 2em 0 !important; 
  }
  .memory-summary-title { 
    margin-bottom: 1.25em !important; 
    /* スマホ時に文字を縮小させる指定はすべて排除し、1.15remの連動を引き継がせます */
  }
  .memory-summary-list li { 
    padding-left: 1.75em !important; 
    margin-bottom: 1em !important; 
    line-height: 1.7 !important; 
  }
  .memory-summary-box::after { 
    font-size: 3.5em !important; /* 透かし文字がはみ出ないよう調整 */
    bottom: -10px !important; 
    right: -5px !important; 
  }
}
</style>



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



<div class="disclaimer-box" style="margin-bottom: 35px; padding: 20px; border: 2px solid #fbc02d; border-radius: 10px; background-color: #fffde7; box-shadow: 0 4px 6px rgba(0,0,0,0.05);">
    
    <div style="display: flex; align-items: center; margin-bottom: 15px;">
        <span style="background-color: #fbc02d; color: #fff; font-size: 0.8em; font-weight: bold; padding: 3px 10px; border-radius: 4px; margin-right: 10px; white-space: nowrap; flex-shrink: 0;">重要</span>
        <a style="font-size: 1.1em; color: #333; margin: 0; font-weight: bold; border: none; padding: 0;">本記事をお読みいただく前のご確認（免責事項）</a>
    </div>

    <div style="font-size: 0.9em; line-height: 1.7; color: #444;">
        <p style="margin-bottom: 12px;">
            本記事で紹介している内容は、消費者庁へ届出された機能性表示食品の公開情報や、各成分に関する一般的な学術研究データに基づいた「生化学的な成分解説」を目的としています。<br>
            特定の製品の効能を保証するものではなく、また、いかなる疾患の診断、治療、予防を目的としたものでもありません。<br>
        </p>
        
        <p style="margin-bottom: 12px;">
            サプリメントや機能性成分の体感には個人差があります。<br>
            特に<strong>現在通院中の方、処方薬を服用されている方、あるいは妊娠・授乳中の方</strong>は、新しい成分を摂取する前に必ずかかりつけの医師、または薬剤師にご相談ください。<br>
        </p>

        <p style="margin: 0; font-size: 0.85em; color: #666;">
            ※本記事は2026年3月時点の情報を基に作成されています。<br>
            最新の科学的知見や法改正により、内容が更新される場合があることを予めご了承ください。<br>
        </p>
    </div>
</div>



<h2 class="wp-block-heading">600万人に迫る「物忘れ」の危機と、急成長するサポート市場</h2>



<p class="wp-block-paragraph">超高齢社会を迎えた日本において、認知機能の低下は個人のQOL（生活の質）を下げるだけでなく、社会全体の大きな課題となっています。</p>



<p class="wp-block-paragraph">厚生労働省の最新の推計（2024年発表）によると、著しく認知機能が低下する前段階である、日常的な「物忘れ」が気になり始める「軽度認知障害（MCI）」の該当者は、2022年時点ですでに約558万人に上り、2040年には約613万人まで増加すると予測されています。<br><br>これは65歳以上の高齢者の約15％（6〜7人に1人）に該当し、もはや一部の特別な問題ではなく、誰もが直面しうる<strong>「国民的課題」</strong>と言えます。</p>



<p class="wp-block-paragraph">こうした背景の中、症状が深刻化する前の対策として、日常の食生活から脳をケアする「セルフメディケーション」への関心がかつてなく高まっています。</p>



<p class="wp-block-paragraph">それを裏付けるのが、消費者庁が管轄する<strong><span class="swl-marker mark_yellow">「機能性表示食品」</span></strong>のデータベースの動向です。</p>



<div style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333;">

    <div style="font-size: 1.1em; font-weight: bold; color: #2c3e50; margin-bottom: 15px; padding-left: 10px; border-left: 4px solid #8e7e6e; line-height: 1.3;">
        機能性表示食品データベースとは？
    </div>

    <p style="margin-top: 0; margin-bottom: 20px; font-size: 0.9em; line-height: 1.6;">
        消費者庁が管理・運営する、<strong>「機能性表示食品」の届出情報を誰でも自由に検索・閲覧できる公的なオンラインプラットフォーム</strong>です。<br>
        事業者が国に提出した「科学的根拠」や「安全性」の全データが公開されており、市場の透明性を担保するための重要なインフラとなっています。
    </p>

    <div style="background-color: #fff; padding: 15px; border-radius: 6px; border: 1px solid #eee; margin-bottom: 15px;">
        <div style="font-weight: bold; color: #444; font-size: 0.95em; margin-bottom: 12px; text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 8px;">
            ◆ 確認できる主な情報
        </div>
        
        <ul style="list-style: none; padding: 0; margin: 0; font-size: 0.85em; line-height: 1.6;">
            <li style="margin-bottom: 10px; padding-left: 1.4em; text-indent: -1.4em;">
                <span style="color: #8e7e6e; font-weight: bold; margin-right: 4px;">✓</span><strong>機能性関与成分：</strong>脳や体にどう作用する成分が含まれているか
            </li>
            <li style="margin-bottom: 10px; padding-left: 1.4em; text-indent: -1.4em;">
                <span style="color: #8e7e6e; font-weight: bold; margin-right: 4px;">✓</span><strong>機能性表示：</strong>どのような健康効果（ヘルスクレーム）が謳われているか
            </li>
            <li style="margin-bottom: 10px; padding-left: 1.4em; text-indent: -1.4em;">
                <span style="color: #8e7e6e; font-weight: bold; margin-right: 4px;">✓</span><strong>科学的根拠：</strong>臨床試験のデータや、学術論文のまとめ（SR）の詳細
            </li>
            <li style="margin-bottom: 0; padding-left: 1.4em; text-indent: -1.4em;">
                <span style="color: #8e7e6e; font-weight: bold; margin-right: 4px;">✓</span><strong>安全性評価：</strong>過去の食経験や毒性試験などの確認結果
            </li>
        </ul>
    </div>

    <div style="font-size: 0.8em; line-height: 1.5; color: #666; background-color: #f5f5f5; padding: 12px; border-radius: 4px;">
        <strong style="color: #8e7e6e;">💡 備考：</strong>2026年現在の法改正により、製造管理（GMP）の遵守状況なども厳格に管理されるようになっています。「根拠のある製品」を自ら選ぶための、最も信頼性の高い公的な情報源です。<br>
        ※消費者庁の公式ウェブサイト内「届出情報検索ページ」より、どなたでも閲覧可能です。
    </div>

</div>



<p class="wp-block-paragraph"><br>直近のデータを分析すると、認知機能に関わる製品は、2025年12月のわずか2日間で43製品、さらに数ヶ月後の2026年3月にも新たに14製品もの新規登録が公開されています。<br><br>これは、認知機能領域が現在、最も活発に研究開発が行われている激戦区であり、多様なアプローチを持つ新規成分の探索が熾烈を極めていることを示しています。</p>



<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>いったいどんな成分があるの？</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>



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



<h2 class="wp-block-heading">認知機能低下を引き起こす「4つの原因」：生理学的メカニズム</h2>



<p class="wp-block-paragraph">まずは、「どんな成分があるのか？」を解説する前に、認知機能低下を引き起こす「４つの原因」についてみていきましょう。<br></p>



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



<p class="wp-block-paragraph"><strong>人間の脳は、体重のわずか2％程度の重量でありながら、全身の酸素およびグルコース（糖）消費量の約20%を占める、極めて代謝が活発な器官です。</strong></p>



<p class="wp-block-paragraph">この「高燃費」な特性ゆえに、加齢に伴う認知機能の低下は、単一の要因ではなく、主に以下の<strong><span class="swl-marker mark_yellow">4つの生理学的な負の連鎖が複雑に絡み合って引き起こされます。</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="max-width: 650px; margin: 2.5em auto; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; line-height: 1.6;">
    
    <div style="text-align: center; margin-bottom: 20px;">
        <span style="background: #2c3e50; color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 0.85em; font-weight: bold; letter-spacing: 1px;">BRAIN DAMAGE MECHANISM</span>
        <div style="margin: 10px 0; color: #2c3e50; font-size: 1.3em; font-weight: bold;">脳内を蝕む<br class="mc-sp-only">「サビ」と「ボヤ」の連鎖</div>
        <p style="font-size: 0.9em; color: #555; background: #fdfdfc; padding: 12px 20px; border-radius: 8px; border: 1px solid #eaeaea; display: inline-block; margin: 0 auto;">
            脳はエネルギー消費が激しいため、<br class="mc-sp-only">副産物として<br><strong>「活性酸素種」が大量に発生しやすい環境</strong>にあります。
        </p>
    </div>

    <div style="display: flex; gap: 15px; flex-wrap: wrap;">
        
        <div style="flex: 1; min-width: 280px; background: #fffaf0; border-top: 4px solid #b85d19; border-radius: 4px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
            <div style="font-weight: bold; color: #b85d19; border-bottom: 1px solid #f0e6d2; padding-bottom: 8px; margin-bottom: 12px; display: flex; align-items: center;">
                <span style="font-size: 1.4em; margin-right: 8px;">⚙️</span> 酸化ストレス（サビ）
            </div>
            <p style="margin: 0; font-size: 0.9em; color: #444;">
                加齢により体内の抗酸化酵素の活性が低下すると、過剰な活性酸素が神経細胞の脂質膜やDNAを直接攻撃し、細胞障害を引き起こします。
            </p>
        </div>

        <div style="flex: 1; min-width: 280px; background: #fff5f5; border-top: 4px solid #c0392b; border-radius: 4px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
            <div style="font-weight: bold; color: #c0392b; border-bottom: 1px solid #f8e8e8; padding-bottom: 8px; margin-bottom: 12px; display: flex; align-items: center;">
                <span style="font-size: 1.4em; margin-right: 8px;">🔥</span> 神経炎症（ボヤ）
            </div>
            <p style="margin: 0; font-size: 0.9em; color: #444;">
                酸化ストレスによって脳内の免疫細胞である「ミクログリア」が過剰に活性化されると、炎症性サイトカインを放出し続けます。
            </p>
        </div>
    </div>

    <div style="margin-top: 15px; background: #fff; border: 2px dashed #c0392b; padding: 15px; border-radius: 4px; text-align: center;">
        <p style="margin: 0; font-size: 0.9em; color: #c0392b; font-weight: bold;">
            【悪循環の完成】<br>
            この慢性的な微小炎症状態が、神経細胞の死滅やシナプス結合の破壊を加速させる要因となります。
        </p>
    </div>
</div>



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



<h3 class="wp-block-heading">シナプス可塑性の低下と神経伝達物質の枯渇</h3>



<p class="wp-block-paragraph">私たちの脳内では、<strong><span class="swl-marker mark_yellow">1000億個もの神経細胞（ニューロン）がネットワークを作っています。</span></strong></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">記憶力の加齢変化と、海馬を軸にした維持習慣については<a href="https://memory-coffee.jp/magazine/memory-aging-maintenance/" target="_blank" rel="noopener">記憶力とは？加齢で低下するメカニズムと科学的に維持する4つの習慣</a>もあわせてご覧ください。</p>



<h4 class="wp-block-heading">シナプスの可塑性の低下とは？</h4>



<style>
/* ▼ タイトルのイコール（＝）をスマホで縦にする専用CSS ▼ */
.memory-title-equal {
    display: inline-block;
    margin: 0 5px;
}
@media screen and (max-width: 599px) {
    .memory-title-equal {
        display: block; /* スマホでは単独の行にする */
        transform: rotate(90deg); /* 90度回転させて縦にする */
        margin: 8px auto; /* 上下に余白を持たせる */
    }
}
</style>

<div style="max-width: 650px; margin: 2.5em auto; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; line-height: 1.6;">
    
    <div style="text-align: center; margin-bottom: 25px;">
        <span style="background: #5d6d7e; color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 0.85em; font-weight: bold; letter-spacing: 1px;">MECHANISM OF MEMORY</span>
        
        <div style="margin: 10px 0; color: #2c3e50; font-size: 1.3em; font-weight: bold; line-height: 1.5;">
            シナプス可塑性低下<span class="memory-title-equal">＝</span>脳の「書き換え能力」の低下
        </div>
        
        <p style="font-size: 0.9em; color: #666; margin-top: 5px;">「新しいことを覚える」とは「脳のつなぎ目が形を変える」こと</p>
    </div>

    <div style="display: flex; gap: 15px; flex-wrap: wrap; position: relative;">
        
        <div style="flex: 1; min-width: 280px; background: #f0f7ff; border: 1px solid #d0e2f5; border-radius: 8px; padding: 20px; text-align: center;">
            <div style="font-weight: bold; color: #2980b9; margin-bottom: 15px; font-size: 1.1em;">
                【柔軟】なシナプス
            </div>
            <div style="font-size: 2.5em; margin-bottom: 10px;">🧬</div>
            <p style="font-size: 0.85em; text-align: left; margin: 0; color: #444;">
                新しい情報が入ると、つなぎ目が即座に形を変え、<strong>「新しい回路（記憶）」</strong>を形成します。
            </p>
            <div style="margin-top: 15px; background: #fff; padding: 5px; border-radius: 4px; color: #2980b9; font-weight: bold; font-size: 0.85em;">
                結果：長期記憶として定着
            </div>
        </div>

        <div style="flex: 1; min-width: 280px; background: #fdfdfd; border: 1px solid #eee; border-radius: 8px; padding: 20px; text-align: center; position: relative;">
            <div style="font-weight: bold; color: #7f8c8d; margin-bottom: 15px; font-size: 1.1em;">
                【固定】されたシナプス
            </div>
            <div style="font-size: 2.5em; margin-bottom: 10px; filter: grayscale(100%); opacity: 0.6;">🧱</div>
            <p style="font-size: 0.85em; text-align: left; margin: 0; color: #666;">
                加齢や酸化ストレスでつなぎ目が硬くなり、形を変えられません。回路が作れず情報が消えてしまいます。
            </p>
            <div style="margin-top: 15px; background: #f2f2f2; padding: 5px; border-radius: 4px; color: #c0392b; font-weight: bold; font-size: 0.85em;">
                結果：新しいことが覚えられない
            </div>
        </div>
    </div>

    <div style="margin-top: 20px; text-align: center; border-left: 4px solid #c0392b; background: #fff5f5; padding: 12px;">
        <p style="margin: 0; font-size: 0.9em; color: #333;">
            <strong>結論：</strong> 脳の「若さ」とは、このつなぎ目の<strong>「柔軟性」</strong>そのものなのです。
        </p>
    </div>
</div>



<p class="wp-block-paragraph">加齢や酸化ストレスによって、このつなぎ目が柔軟性を失って固定され、新しい回路を作れなくなるため、結果として「新しいことが覚えられない（長期記憶にならない）」という現象として現れます。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">脳には「結晶型」の無意識領域と、「流動型」の意識領域があります。</p>



<p class="wp-block-paragraph">流動型は20歳を超えると確実に衰えるのに対し、結晶型の働きは年齢とはあまり関係がないとされています。（個人差はあります）</p>



<p class="wp-block-paragraph">高齢でも現役で活躍できるのは、今までの経験や体験が脳にインプットされていて、新しい問題が起こると結晶型が過去のデータを集めて判断できるからです。</p>
</blockquote>



<h4 class="wp-block-heading"><strong>神経伝達物質（メッセージ物質）の減少</strong></h4>



<p class="wp-block-paragraph">認知機能に深く関わる物質に<strong>「アセチルコリン」</strong>や<strong>「ドーパミン」</strong>が代表として挙げられます。</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">このガソリンは、以下の3つのステップを経て、私たちの脳の中で日々作り出されています。</p>



<div style="max-width: 600px; margin: 2em auto; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; background: #fdfdfc; border: 1px solid #eaeaea; border-radius: 8px; padding: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.05);">
   
    
    <div style="display: flex; flex-direction: column; gap: 16px;">
        <div style="display: flex; align-items: flex-start; background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; padding: 16px;">
            <div style="flex-shrink: 0; width: 32px; height: 32px; background: #8e7e6e; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.1em; margin-right: 16px;">1</div>
            <div>
                <h5 style="margin: 0 0 8px 0; color: #8e7e6e; font-size: 1.05em; letter-spacing: 0.5px;">原料（原油）の摂取</h5>
                <p style="margin: 0; font-size: 0.95em; line-height: 1.6; color: #555;">肉、魚、卵、大豆などの食事から、ガソリンの元となる栄養素（コリンやアミノ酸など）を取り入れます。</p>
            </div>
        </div>
        
        <div style="display: flex; align-items: flex-start; background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; padding: 16px;">
            <div style="flex-shrink: 0; width: 32px; height: 32px; background: #8e7e6e; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.1em; margin-right: 16px;">2</div>
            <div>
                <h5 style="margin: 0 0 8px 0; color: #8e7e6e; font-size: 1.05em; letter-spacing: 0.5px;">運搬（パイプライン）</h5>
                <p style="margin: 0; font-size: 0.95em; line-height: 1.6; color: #555;">取り込まれた栄養素は、血液に乗って「脳」へと運ばれます。血管は、脳というエンジンへ燃料を運ぶための大切なパイプラインです。</p>
            </div>
        </div>
        
        <div style="display: flex; align-items: flex-start; background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; padding: 16px;">
            <div style="flex-shrink: 0; width: 32px; height: 32px; background: #8e7e6e; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.1em; margin-right: 16px;">3</div>
            <div>
                <h5 style="margin: 0 0 8px 0; color: #8e7e6e; font-size: 1.05em; letter-spacing: 0.5px;">精製（ガソリン化）</h5>
                <p style="margin: 0; font-size: 0.95em; line-height: 1.6; color: #555;">脳に届いた栄養素は、神経細胞の中で化学反応を起こし、私たちが実際に思考や記憶に使える「ガソリン」へと精製されます。</p>
            </div>
        </div>
    </div>
</div>



<div style="margin-bottom: 40px; padding: 25px 20px; border: 1px solid #e0e0e0; border-radius: 12px; background-color: #fdfdfc; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; box-shadow: 0 4px 15px rgba(0,0,0,0.03);">

    <div style="font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-bottom: 20px; text-align: center; line-height: 1.4;">
        脳内で起こる「物理的なガス欠」<br><span style="color: #8e7e6e; font-size: 0.9em;">── 2つの致命的な能力低下 ──</span>
    </div>

    <p style="margin-bottom: 25px; font-size: 0.95em; line-height: 1.8;">
        記憶や思考を司るメッセージ物質（アセチルコリン等）が不足する背景には、単なる「老い」だけではない、脳内のインフラ機能の破綻があります。その正体は、以下の**「作る力」と「貯める力」の同時低下**にあります。
    </p>

    <div style="background-color: #fff; padding: 20px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: center; margin-bottom: 12px;">
            <div style="flex-shrink: 0; width: 28px; height: 28px; background: #8e7e6e; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9em; margin-right: 12px;">1</div>
            <div style="font-weight: bold; color: #8e7e6e; font-size: 1.05em;">「作る力」の低下（生産・供給トラブル）</div>
        </div>
        <div style="font-size: 0.9em; line-height: 1.7; padding-left: 5px;">
            <p style="margin-bottom: 10px;">どんなに良い原料（食事）を摂っても、それを脳というエンジンまで運び、燃料に変えるプロセスが滞ってしまう状態です。</p>
            <ul style="margin: 0; padding-left: 1.2em; list-style-type: circle; color: #555;">
                <li style="margin-bottom: 8px;"><strong>パイプラインの目詰まり：</strong> 血流低下により、原料を運ぶスピードが決定的にダウン。</li>
                <li><strong>精製スピードの低下：</strong> 細胞内でガソリンへと作り変える力が弱まり、脳内の燃料の<strong>「絶対量」</strong>が不足します。</li>
            </ul>
        </div>
    </div>

    <div style="background-color: #fff; padding: 20px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: center; margin-bottom: 12px;">
            <div style="flex-shrink: 0; width: 28px; height: 28px; background: #1A2A40; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 0.9em; margin-right: 12px;">2</div>
            <div style="font-weight: bold; color: #1A2A40; font-size: 1.05em;">「貯める力」の低下（燃料タンクの不具合）</div>
        </div>
        <div style="font-size: 0.9em; line-height: 1.7; padding-left: 5px;">
            <p style="margin-bottom: 10px;">意外な盲点は、精製したガソリンを「放出する直前までキープしておく力」の低下です。</p>
            <ul style="margin: 0; padding-left: 1.2em; list-style-type: circle; color: #555;">
                <li style="margin-bottom: 8px;"><strong>燃料の漏れ出し：</strong> タンク（シナプス小胞）の保持力が弱まり、いざ情報を伝えようとする瞬間に、手元のガソリンが足りなくなっています。</li>
                <li><strong>瞬発力の喪失：</strong> 常に「満タン」で待機させておくことができず、情報伝達が不安定になります。</li>
            </ul>
        </div>
    </div>

    <div style="background-color: #f5f5f5; padding: 15px; border-radius: 6px; font-size: 0.9em; line-height: 1.6; border-left: 4px solid #C5A059;">
        この<strong>「作れない」と「貯められない」のダブルパンチ</strong>によって、脳内での情報のバケツリレーが途切れ、「記憶の引き出しが開かない」「注意力が続かない」といった現象が引き起こされるのです。
    </div>

</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="red"><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 -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">という、いわゆる<strong><span class="swl-marker mark_yellow">「言葉のド忘れ」や、思考のスピード低下として現れます。</span></strong></p>



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



<h3 class="wp-block-heading">脳微小循環（脳血流）の低下</h3>



<p class="wp-block-paragraph">神経細胞がその高い代謝を維持するためには、絶え間ない酸素と栄養素の供給が不可欠です。</p>



<div style="max-width: 650px; margin: 2.5em auto; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; line-height: 1.6;">
    <div style="text-align: center; margin-bottom: 20px;">
        <span style="background: #8e7e6e; color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 0.85em; font-weight: bold; letter-spacing: 1px;">CIRCULATION CHECK</span>
        
        <div style="margin: 10px 0; color: #2c3e50; font-size: 1.3em; font-weight: bold; line-height: 1.5;">脳血流が担う「2つの生命維持」</div>
    </div>

    <div style="display: flex; gap: 15px; flex-wrap: wrap;">
        <div style="flex: 1; min-width: 280px; background: #f9f9f9; border-top: 4px solid #d4a373; border-radius: 4px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
            <div style="font-weight: bold; color: #d4a373; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 12px; display: flex; align-items: center;">
                <span style="font-size: 1.4em; margin-right: 8px;">▼</span> 供給の役割（IN）
            </div>
            <p style="margin: 0 0 10px 0; font-size: 0.9em;">
                <strong>運ぶもの：</strong> 酸素・グルコース（糖）
            </p>
            
            <p style="margin: 0 0 10px 0; font-size: 0.9em; color: #d4a373;">
                <strong>● 正常時の恩恵：</strong><br>
                脳がフル稼働し、高い集中力と思考の瞬発力が維持されます。
            </p>
            
            <div style="background: #fff; border: 1px dashed #d4a373; padding: 10px; border-radius: 4px; font-size: 0.85em; color: #c0392b;">
                <strong>停滞のリスク：</strong><br>
                脳細胞が「エネルギー切れ」を起こし、慢性的な低酸素状態に陥ります。
            </div>
        </div>

        <div style="flex: 1; min-width: 280px; background: #f9f9f9; border-top: 4px solid #5d6d7e; border-radius: 4px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
            <div style="font-weight: bold; color: #5d6d7e; border-bottom: 1px solid #eee; padding-bottom: 8px; margin-bottom: 12px; display: flex; align-items: center;">
                <span style="font-size: 1.4em; margin-right: 8px;">▲</span> 排出の役割（OUT）
            </div>
            <p style="margin: 0 0 10px 0; font-size: 0.9em;">
                <strong>出すもの：</strong> アミロイドβ・タウ・老廃物
            </p>
            
            <p style="margin: 0 0 10px 0; font-size: 0.9em; color: #5d6d7e;">
                <strong>● 正常時の恩恵：</strong><br>
                脳内がクリアに保たれ、精神的な疲労感が軽減されます。
            </p>
            
            <div style="background: #fff; border: 1px dashed #5d6d7e; padding: 10px; border-radius: 4px; font-size: 0.85em; color: #c0392b;">
                <strong>停滞のリスク：</strong><br>
                脳内に「毒性のゴミ」が蓄積し、神経細胞を攻撃する悪循環が生まれます。
            </div>
        </div>
    </div>

    <div style="margin-top: 15px; background: #f2f2f2; padding: 12px; border-radius: 4px; text-align: center; font-size: 0.9em; color: #666; font-style: italic;">
        ※「巡りの良さ」こそが、脳のパフォーマンスを支える絶対条件です。
    </div>
</div>



<p class="wp-block-paragraph"><strong>脳血流の停滞：</strong><br> 脳の細動脈や毛細血管（微小循環）の柔軟性が失われると、脳組織全体が慢性的な低酸素・低栄養状態に陥ります。（栄養パイプの「詰まり」）</p>



<p class="wp-block-paragraph"><strong>老廃物の蓄積：</strong> <br>血流は供給だけでなく<strong>「排出」</strong>の役割も担っています。<br>循環が低下することで、認知機能低下の要因とされる脳内の老廃物（アミロイドβやタウタンパク質など）の排出が滞り、神経毒性を高める悪循環を生みます。</p>



<h3 class="wp-block-heading">脳腸相関の破綻</h3>



<p class="wp-block-paragraph">近年の研究で、脳の健康は脳内だけで完結するものではなく、腸内環境と密接に連動していることが明らかになりました。<br></p>



<div style="max-width: 650px; margin: 2.5em auto; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; line-height: 1.6; background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);">

    <div style="text-align: center; margin-bottom: 30px;">
        <span style="background: #5d6d7e; color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 0.85em; font-weight: bold; letter-spacing: 1px;">GUT-BRAIN AXIS</span>
        
        <div style="margin: 10px 0; color: #2c3e50; font-size: 1.3em; font-weight: bold; line-height: 1.5;">脳腸相関：腸の乱れが脳を直撃する</div>
    </div>

    <div style="background: #fdfdfd; border: 2px solid #5d6d7e; border-radius: 8px; padding: 15px; text-align: center; margin-bottom: 40px; position: relative;">
        <div style="font-weight: bold; color: #5d6d7e; margin-bottom: 5px;">【 脳 】認知機能・情動</div>
        <p style="font-size: 0.85em; margin: 0; color: #c0392b; font-weight: bold;">思考停止・気分の落ち込み・炎症の波及</p>
        <div style="position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); font-size: 25px; color: #ccc;">⇅</div>
    </div>

    <div style="display: flex; gap: 20px; flex-wrap: wrap;">
        <div style="flex: 1; min-width: 260px; border-left: 4px solid #e67e22; padding-left: 15px;">
            <div style="font-weight: bold; color: #e67e22; margin-bottom: 10px; font-size: 0.95em;">
                ① 血液ルート（炎症の波及）
            </div>
            <p style="font-size: 0.85em; margin: 0; color: #555;">
                腸管バリアが低下（リーキーガット）し、毒素が血中へ。血管を通じて脳への関門（血液脳関門）を突破し、脳内に炎症を引き起こします。
            </p>
        </div>

        <div style="flex: 1; min-width: 260px; border-left: 4px solid #2980b9; padding-left: 15px;">
            <div style="font-weight: bold; color: #2980b9; margin-bottom: 10px; font-size: 0.95em;">
                ② 神経ルート（迷走神経）
            </div>
            <p style="font-size: 0.85em; margin: 0; color: #555;">
                腸内の有害なシグナルが、巨大な情報網「迷走神経」を介してダイレクトに脳へ伝わり、思考力やメンタルを低下させます。
            </p>
        </div>
    </div>

    <div style="margin-top: 40px; background: #fdfdfd; border: 2px solid #d4a373; border-radius: 8px; padding: 15px; text-align: center; position: relative;">
        <div style="position: absolute; top: -35px; left: 50%; transform: translateX(-50%); font-size: 25px; color: #ccc;"></div>
        <div style="font-weight: bold; color: #d4a373; margin-bottom: 5px;">【 腸 】腸内フローラ</div>
        <p style="font-size: 0.85em; margin: 0; color: #c0392b; font-weight: bold;">バリア機能低下（腸漏れ）・有害物質の発生</p>
    </div>

    <div style="margin-top: 20px; text-align: center; font-size: 0.8em; color: #999; font-style: italic;">
        ※「脳をケアするなら、まず腸を整えよ」と言われる所以です。
    </div>
</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">ここまで確認した「4つの原因」を踏まえ、国内で届出されている機能性関与成分を<strong>4つのアプローチ（カテゴリー）</strong>に分けて徹底解説します。<br><br>ご自身の悩みに一番近いものを見つけてみてください！</p>



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



<h2 class="wp-block-heading">カテゴリー「鎮圧と防御」│<strong>脳内の「サビ」と「ボヤ」を消し去る</strong></h2>



<p class="wp-block-paragraph"> 脳の老化の根本原因である「酸化ストレス（サビ）」と「神経炎症（ボヤ）」に直接アプローチする成分群です。<br><br>体内の抗酸化力を高め、有害な活性酸素を除去することで、神経細胞への直接的なダメージを未然に防ぎます。<br><br>脳というデリケートな器官を守る「強力な盾」の役割を果たします。</p>



<p class="wp-block-paragraph">それでは具体的な機能性関与成分について見ていきましょう。</p>



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



<!-- ■■ カテゴリー1（鎮圧と防御） 文字色：#4a90e2 ■■ -->

<div id="cat1" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 id="ergo" style="margin-top: 0;">エルゴチオネイン</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">タモギタケなどのキノコ類</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">酸化ストレスからの神経細胞保護（サビ止め）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">12週間（約3ヶ月）〜1年以上</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">5mg / 日（※機能性表示や臨床試験データに基づく）</span>
        </div>
    </div>
    <h4 style="color: #4a90e2; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        エルゴチオネインは、タモギタケなどに含まれる非常に希少なアミノ酸誘導体です。<br>
        この成分の最大の特長は、私たちの体内に<strong>「エルゴチオネイン専用の運び屋（トランスポーター：OCTN1）」</strong>が生まれつき備わっていることです。<br>
        これにより、摂取した成分がただ排出されることなく、効率的に脳などの重要な器官へダイレクトに届けられます。<br>
        脳内に到達後は、強力な抗酸化作用を発揮し、活性酸素による細胞の「サビ」を未然に防ぐ防御壁として働きます。<br>
    </p>
    <h4 style="color: #4a90e2; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        健常な中高年を対象とした臨床試験において、<strong>12週間（約3ヶ月）の継続摂取</strong>により、記憶力や注意力の維持効果が確認されています。<br>
        さらに注目すべきは、1年間の継続摂取によって血中濃度が安定して上昇し続けることがデータとして示されている点です。<br>
        一時的な対処ではなく、長期的な脳の「サビ止め・土台作り」として非常に優秀な成分と言えます。<br>
    </p>
</div>

<div id="curcumin" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">クルクミン（高吸収型など）</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">ウコン（秋ウコンの根茎など）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">神経炎症の抑制、アミロイドβ・タウの蓄積防御（ボヤ消し）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">18ヶ月（長期的な継続が鍵）</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">約40mg〜90mg / 日（※高吸収型・微粒子化成分の場合）</span>
        </div>
    </div>
    <h4 style="color: #4a90e2; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        クルクミンは、古くから健康維持に用いられてきた「ウコン（ターメリック）」の主要なポリフェノールです。<br>
        最大の特長は、その卓越した<strong>「抗炎症作用と抗酸化作用」</strong>にあります。<br>
        加齢で過剰に活性化した脳内の免疫細胞（ミクログリア）を鎮め、慢性的な神経炎症（ボヤ）を食い止めます。<br>
        さらに細胞試験等では、認知機能低下の元凶とされる「アミロイドβ」や「タウタンパク質」の脳内への蓄積を抑え込む強力な防御力を持つことが示唆されています。<br>
        ※通常のクルクミンは体内への吸収率が低いため、成分を微細化して吸収力を高めた「高吸収型（セラクルミン等）」を選ぶことが重要です。<br>
    </p>
    <h4 style="color: #4a90e2; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        健常な中高年を対象とした臨床試験において、<strong>18ヶ月間という長期にわたる継続摂取</strong>により、記憶や注意力（視覚的記憶など）のスコアがプラセボ群と比較して有意に改善したことが確認されています。<br>
        さらに、画像診断を用いた解析でも、脳内のアミロイドβやタウの蓄積にアプローチしている様子がデータとして示されており、長期的な「脳の保護」において非常に信頼性の高い成分です。<br>
    </p>
</div>

<div id="ferulic" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">フェルラ酸</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">米ぬかなど</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">アミロイドβ生成の抑制、神経毒からの保護（サビ・ゴミ防御）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">数ヶ月〜半年以上の継続</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">100mg〜200mg / 日</span>
        </div>
    </div>
    <h4 style="color: #4a90e2; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        フェルラ酸は、私たちの身近な食材である「米ぬか」などに豊富に含まれるポリフェノールの一種です。<br>
        この成分の特長は、認知機能低下の大きな引き金となる脳内のゴミ「アミロイドβ」に対して、非常に戦略的な防御システムを持っている点です。<br>
        具体的には、脳内でアミロイドβが作られない安全なルート（非産生経路）を優先的に働かせるよう促します。<br>
        さらに、すでに蓄積してしまったアミロイドβの塊（脳内の老廃物）から発生する強烈な酸化ストレスや「神経毒」をブロックし、周囲の健康な神経細胞を破壊から守り抜くという、二段構えの防御壁として機能します。<br>
    </p>
    <h4 style="color: #4a90e2; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        強力な抗酸化作用（サビ止め）で脳を直接保護するだけでなく、認知機能低下の根本的な原因物質に直接アプローチできる成分として、多くの研究でその有用性が報告されています。<br>
        加齢に伴う脳内の蓄積リスクを根源から防ぐ働きが期待できるため、将来のクリアな思考を維持するための「先回りのバリア」として、長期的に摂取を続けたい頼もしい成分です。<br>
    </p>
</div>

<div id="propolis" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">プロポリス</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">ミツバチが植物の樹脂から作り出す天然のバリア成分</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">強力な抗酸化・抗炎症作用による神経細胞の保護（サビ・ボヤ防御）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">12週間〜半年以上の継続</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">抽出エキスとして数百mg / 日（※商品・規格による）</span>
        </div>
    </div>
    <h4 style="color: #4a90e2; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        プロポリスは、ミツバチが巣を外敵やウイルスから守るために、植物の樹脂や自らの唾液を混ぜ合わせて作り出す天然の防御物質です。<br>
        特に注目すべきは、アルテピリンCなどの桂皮酸誘導体や、フラボノイド類が極めて豊富に含まれている点です。<br>
        これらの成分は、脳を老化させる最大の原因である「酸化ストレス（サビ）」を強力に消去します。<br>
        さらに、過剰に活性化した免疫細胞を鎮め、脳内の慢性的な「微小炎症（ボヤ）」を抑え込む働きも持っています。<br>
        まさに、自然界が生み出した「脳のための最強の盾」と言える成分です。<br>
    </p>
    <h4 style="color: #4a90e2; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        健常な高齢者を対象とした臨床試験において、12週間から24週間（約3〜6ヶ月）の継続摂取により、記憶力や注意力、言葉を流暢に操る力などの認知スコアが改善したという報告が複数存在します。<br>
        全身の炎症レベルを低下させる作用もあるため、脳だけでなく体全体のエイジングケアを意識しながら、長期的に認知機能を守りたい方に適した成分です。<br>
    </p>
</div>

<div id="wasabi" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">わさびスルフォラファン（6-MSITC）</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">本わさびの根茎（ごく微量しか取れない希少成分）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">自前の抗酸化酵素の活性化、活性酸素の発生抑制（サビ防御と若返り）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">12週間（約3ヶ月）</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">0.8mg / 日</span>
        </div>
    </div>
    <h4 style="color: #4a90e2; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        わさびスルフォラファン（正式名称：6-メチルスルフィニルヘキシルイソチオシアネート）は、日本の伝統的な食材である「本わさび」の根茎にわずかに含まれる非常に希少な成分です。<br>
        この成分の最大の武器は、体内の「抗酸化酵素」そのものを活性化させるという、根本的なサビ止めメカニズムにあります。<br>
        外から抗酸化物質を補うだけでなく、自分自身の細胞が持つ防御システムを強力に呼び覚まし、脳を攻撃する活性酸素の発生を根源から抑制します。<br>
        「わさびを食べると頭がスッキリする」という感覚の裏付けとも言える、日本独自のポテンシャルを秘めた成分です。<br>
    </p>
    <h4 style="color: #4a90e2; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        健常な中高年を対象とした臨床試験において、12週間の継続摂取により、情報処理速度や注意力など、複数の認知機能スコアが有意に向上することが確認されています。<br>
        さらに、脳年齢を測定するモニター調査において、約30日間の継続摂取により脳年齢が若く保たれる可能性が示唆されたという大変興味深いデータも存在します。<br>
        加齢による思考スピードの低下を感じている方にとって、非常に魅力的な選択肢となります。<br>
    </p>
</div>

<div id="sac" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">S-アリルシステイン（熟成ニンニク抽出物由来）</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">発酵・熟成させたニンニク</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">強力な抗酸化作用による精神的・身体的疲労感の軽減（サビ防御）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">日常的な継続摂取</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">1.2mg〜2.0mg / 日</span>
        </div>
    </div>
    <h4 style="color: #4a90e2; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        S-アリルシステインは、生のニンニクを長期間にわたって発酵・熟成させる過程で新たに生成される、水溶性の希少なアミノ酸です。<br>
        通常の生ニンニクにはごくわずかしか含まれておらず、あの特有のニオイも抑えられているのが嬉しい特徴です。<br>
        この成分の最大の強みは、その卓越した「抗酸化力」にあります。<br>
        脳や身体に蓄積するサビ（活性酸素）を強力に消去することで、日々のストレスやハードワークによって引き起こされる神経細胞へのダメージを和らげる盾として働きます。<br>
    </p>
    <h4 style="color: #4a90e2; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        この成分は、日常生活における一時的な「身体的疲労感」を軽減する機能として広く知られています。<br>
        しかしそれに加え、注意力や思考力を使う作業によって生じる一時的な「精神的疲労感（脳の疲れ）」をも和らげることが報告されています。<br>
        脳が疲弊し、集中力が途切れがちになるのを防ぐため、「最近、頭が疲れやすくて仕事に集中できない」という方のパフォーマンス維持に非常に適した成分です。<br>
        身体の活力を底上げしながら、クリアな思考を保ちたいビジネスパーソンにも強くおすすめできます。<br>
    </p>
</div>

<div id="resveratrol" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">レスベラトロール</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">ブドウ果皮、赤ワインエキス、メリンジョなど</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">サーチュイン遺伝子の活性化、強力な抗酸化（サビ防御と若返り）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f0f7ff; color: #4a90e2; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #cce0ff;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">数ヶ月〜半年以上の継続</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">10mg〜30mg / 日（※抽出原料や濃度による）</span>
        </div>
    </div>
    <h4 style="color: #4a90e2; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        レスベラトロールは、赤ワインやブドウの果皮などに豊富に含まれるポリフェノールの一種です。<br>
        元々は、植物が紫外線や病害虫などの過酷な外部環境から自らを守るために生み出す防衛成分（ファイトケミカル）であり、まさにブドウの力強い生命力の源とも言える成分です。<br>
        これが世界中の研究者から注目を集めている最大の理由は、「サーチュイン遺伝子（長寿遺伝子）」と呼ばれる細胞の若返りスイッチをオンにする働きが期待されている点にあります。<br>
        加齢とともに衰える細胞のエネルギー工場の働きをサポートし、脳をサビさせる強力な酸化ストレスから神経細胞を保護します。<br>
        単なるサビ止めにとどまらず、細胞レベルから脳の「若々しさ」を保つための根本的なアプローチとして非常に引きの強い成分です。<br>
    </p>
    <h4 style="color: #4a90e2; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        健常な高齢者や認知機能の低下が気になり始めた方を対象とした複数の臨床試験において、数ヶ月から半年以上の継続摂取により、記憶力や言葉を操る能力のスコア維持・改善が報告されています。<br>
        また、脳内の血流を改善するサポート役としても働くため、栄養の巡りを良くしながら細胞を防御するという一石二鳥の機能も持ち合わせています。<br>
        「いつまでも若々しく、クリアな思考を保ちたい」という、アンチエイジングに関心の高い方に最もおすすめしたい成分の一つです。<br>
    </p>
</div>



<div class="wp-block-cover" style="min-height:240px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-swl-main-thin-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<p class="has-text-align-left is-style-icon_good has-large-font-size wp-block-paragraph"><strong>こんな人にオススメ！</strong></p>



<ul class="wp-block-list">
<li class="has-black-color has-text-color has-link-color wp-elements-1">日常的にストレスを感じやすく、頭の疲労感が抜けない方</li>



<li class="has-black-color has-text-color has-link-color wp-elements-2">将来的な認知機能低下への不安があり、早い段階から「対策・保護」を始めたい方</li>



<li class="has-black-color has-text-color has-link-color wp-elements-3">長期間コツコツと継続して、脳の根本的な土台作りをしたい方</li>
</ul>
</div></div>



<h2 class="wp-block-heading">カテゴリー「補充と伝達」│情報の「ガス欠」を防ぎ、回路を繋ぐ</h2>



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



<!-- ■■ カテゴリー2（神経伝達・エネルギー） 文字色：#2e7d32 ■■ -->

<div id="cat2" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 id="ps" style="margin-top: 0;">大豆由来ホスファチジルセリン（PS）</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">大豆（細胞膜を構成するリン脂質の一種）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">神経伝達物質の放出促進（情報のガス欠防止）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">12週間（約3ヶ月）〜半年程度</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">100mg / 日</span>
        </div>
    </div>
    <h4 style="color: #2e7d32; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        大豆由来ホスファチジルセリン（PS）は、私たちの脳の細胞膜に多く存在している重要な脂質（リン脂質）の一種。<br>
        年齢とともに減少してしまうこの成分を大豆から補うことで、脳の「ガソリン」とも言える神経伝達物質（アセチルコリンやドーパミンなど）の放出をスムーズにする働きがあります。<br>
        細胞同士の情報のやり取り（バケツリレー）を滑らかにし、記憶の引き出しをサポートする、まさに「脳の潤滑油」のような成分です。<br>
    </p>
    <h4 style="color: #2e7d32; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        記憶力が低下した中高齢者を対象とした臨床試験において、継続的な摂取により「言葉を思い出す力（遅延記憶）」の維持をサポートすることが報告されています。<br>
        「えーっと、あの人の名前なんだっけ…」といった、日常的な言葉のド忘れが気になり始めた方に、情報の伝達回路を底上げする成分として非常におすすめです。<br>
    </p>
</div>

<div id="mct" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">中鎖脂肪酸（MCT：オクタン酸、デカン酸）</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">ココナッツオイルやパーム核油などに含まれる天然成分</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">ケトン体の生成、脳細胞の代替エネルギー源（予備ガソリンの補充）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">12週間（約3ヶ月）〜継続摂取</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">1.6g（1600mg）程度 / 日</span>
        </div>
    </div>
    <h4 style="color: #2e7d32; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        中鎖脂肪酸（MCT）は、一般的な油と比べて非常に消化・吸収が早く、速やかに肝臓で分解される油の成分です。<br>
        年齢を重ねた脳は、メインのエネルギー源である「ブドウ糖（糖質）」をうまく使えなくなり、ガス欠状態に陥りやすくなります。<br>
        MCTを摂取すると、肝臓で「ケトン体」という物質がスピーディに生成されます。<br>
        このケトン体は、ブドウ糖の代わりに脳の細胞に取り込まれる「予備のガソリン（代替エネルギー）」として働き、エネルギー不足で休火山状態になっていた神経細胞を再び稼働させます。<br>
    </p>
    <h4 style="color: #2e7d32; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        脳内のグルコース代謝（糖を使う力）が低下した高齢者を対象とした研究では、MCTの摂取によって速やかに脳のエネルギーが補給されることが確認されています。<br>
        また、口腔機能訓練などと併用して12週間の介入を行うことで、認知機能の改善効果が検証されているデータもあります。<br>
        「脳のエネルギー切れ」を物理的に解決するアプローチとして、非常に合理的で注目を集めている成分です。<br>
    </p>
</div>

<div id="bacopa" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">バコパサポニン</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">バコパ（アーユルヴェーダで用いられる伝統ハーブ）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">神経伝達物質の分解抑制（情報の漏れを防ぐ）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">12週間（約3ヶ月）</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">15mg / 日</span>
        </div>
    </div>
    <h4 style="color: #2e7d32; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        バコパサポニンは、インドの伝統医学「アーユルヴェーダ」において、古くから記憶や学習のサポートハーブとして珍重されてきた植物「バコパ（和名：オトメアゼナ）」に含まれる特有の成分です。<br>
        脳内の情報伝達を担う物質（ノルアドレナリンなど）が、加齢やストレスによって過剰に「分解」されてしまうのを防ぐ、というユニークなメカニズムを持っています。<br>
        せっかく作られた脳のガソリンが漏れ出すのを防ぎ、神経細胞同士のネットワーク結合をしっかりと維持するよう働きかけます。<br>
    </p>
    <h4 style="color: #2e7d32; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        健常な男女を対象とした臨床試験では、12週間（約3ヶ月間）の摂取により、記憶力に関するスコアがプラセボ（偽薬）群に対して有意に上昇したことが確認されています。<br>
        伝達物質の目減りを防ぐという根本的なアプローチのため、新しく何かを学んだり、記憶をしっかり定着させたいという方の知的な活動を強力にサポートしてくれます。<br>
    </p>
</div>

<div id="gaba" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">GABA（γ-アミノ酪酸）</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">野菜、果物、穀物などに含まれるアミノ酸の一種</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">過剰な神経興奮の抑制、リラックスのシグナル送信（ストレス対策）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">認知機能維持には継続摂取（リラックス効果は短時間）</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">200mg / 日（※記憶力・空間認知力の維持を目的とする場合）</span>
        </div>
    </div>
    <h4 style="color: #2e7d32; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        GABA（ギャバ）は、私たちの脳や脊髄で働く主要な「抑制性神経伝達物質」です。<br>
        車で例えるなら「ブレーキ」の役割を果たしており、過度なストレスや興奮によって昂ぶった神経を鎮め、脳をリラックスした状態へ導く働きがあります。<br>
        口から摂取したGABAは、腸管にある受容体に結合し、巨大な神経ネットワークである「迷走神経」を介して、脳へ間接的に「休め」の信号を送ります。<br>
        これにより、脳内の環境を穏やかに整えるサポートをします。<br>
    </p>
    <h4 style="color: #2e7d32; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        GABAには、デスクワークなどに伴う一時的な精神的ストレスの緩和（目安量28mg等）という即効性の期待できる機能があります。<br>
        しかし、それだけでなく、継続的に200mgを摂取することで、加齢によって低下する「記憶力（見聞きしたことを覚え、思い出す力）」のみならず「空間認知力（物の位置や形を正しく認識する力）」など様々な機能の維持にも役立つことが報告されています。<br>
        日々のストレスから脳を守り、クリアな思考を長く保ちたい方に適した成分です。<br>
    </p>
</div>

<div id="theanine" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">L-テアニン</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">緑茶（特に玉露などの高級茶葉に多い旨味成分）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">α波の出現促進、抑制系神経伝達物質のサポート（集中とリラックス）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">日常的な継続摂取</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">100.6mg / 日（※言語流暢性のサポートを目的とする場合）</span>
        </div>
    </div>
    <h4 style="color: #2e7d32; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        L-テアニンは、お茶（緑茶）に特有のアミノ酸で、お茶の「旨味」や「甘味」を構成する成分です。<br>
        GABAと同様に、脳の過剰な神経興奮を抑制する側に作用します。<br>
        最大の特徴は、摂取後に脳波の「α（アルファ）波」を増加させる働きがある点です。<br>
        α波は、心身ともにリラックスしていながらも、意識はハッキリとしていて集中力が高まっている状態（いわゆる「ゾーン」に入った状態）で現れる脳波です。<br>
        「お茶を飲むとホッとするのに、頭は冴える」のは、このテアニンの働きが大きいと考えられています。<br>
    </p>
    <h4 style="color: #2e7d32; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        認知機能においては、言葉を適切に、かつ素早く数多く思い出す力である「言語流暢性」をサポートする機能性が報告されています。<br>
        脳をリラックスした状態に保つことで、情報の引き出しをスムーズにし、思考の瞬発力を維持する効果が期待できます。<br>
        プレッシャーのかかる場面でも冷静さを保ち、本来の知的なパフォーマンスを発揮したい方に非常におすすめの成分です。<br>
    </p>
</div>

<div id="lactolin" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">β-ラクトリン</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">カマンベールチーズなどの発酵過程で生成される乳由来ペプチド</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">ドーパミン量の増加、神経細胞の活性化（伝達物質の補充）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #e8f5e9; color: #2e7d32; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #c8e6c9;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">12週間（約3ヶ月）</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">1.6mg / 日</span>
        </div>
    </div>
    <h4 style="color: #2e7d32; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        β-ラクトリンは、カマンベールチーズなどの発酵乳製品に多く含まれるペプチド（アミノ酸の結合体）です。<br>
        腸管から吸収されたのち、脳の神経細胞にダイレクトに作用するという特徴を持っています。<br>
        特に、記憶や意欲を司る「前頭葉皮質」や「海馬」における神経伝達物質（ドーパミンなど）の量を増やすことで、情報伝達のネットワークを活性化させます。<br>
        加齢によって不足しがちな脳の「やる気・記憶のガソリン」をしっかりと補充してくれる成分です。<br>
    </p>
    <h4 style="color: #2e7d32; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        臨床試験において、12週間の継続摂取により、「記憶力（図形と色の組み合わせを覚える等）」および「注意力（多くの情報の中から正しく素早く見つけ出す力）」を維持することが実証されています。<br>
        「最近、新しいことを覚える意欲が湧かない」「複雑な作業でミスが増えた」と感じている方のパフォーマンス維持に強くおすすめできます。<br>
    </p>
</div>



<div class="wp-block-cover" style="min-height:240px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-swl-main-thin-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<p class="has-text-align-left is-style-icon_good has-large-font-size wp-block-paragraph"><strong>こんな人にオススメ！</strong></p>



<ul class="wp-block-list">
<li class="has-black-color has-text-color has-link-color wp-elements-4">「アレ、ソレ」が増え、人の名前や言葉がパッと出てこない方</li>



<li class="has-black-color has-text-color has-link-color wp-elements-5">デスクワークなどで集中力を持続させたい、頭をクリアに保ちたい方</li>



<li class="has-black-color has-text-color has-link-color wp-elements-6">新しいことを覚えるのが以前より苦手になってきたと感じる方</li>
</ul>
</div></div>



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



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



<!-- ■■ カテゴリー3（血流・巡り改善） 文字色：#c2185b ■■ -->

<div id="cat3" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 id="ginkgo" style="margin-top: 0;">イチョウ葉由来フラボノイド配糖体およびテルペンラクトン</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #fce4ec; color: #c2185b; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #f8bbd0;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">イチョウの葉エキス</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #fce4ec; color: #c2185b; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #f8bbd0;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">脳血流（微小循環）の改善、フリーラジカルの消去（パイプの詰まり解消）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #fce4ec; color: #c2185b; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #f8bbd0;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">数週間〜数ヶ月以上の継続摂取</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">フラボノイド配糖体28.8mg、テルペンラクトン7.2mg / 日</span>
        </div>
    </div>
    <h4 style="color: #c2185b; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        イチョウ葉は、古くから世界中で血流改善のアプローチとして親しまれてきたハーブです。<br>
        この成分の最大の特長は、脳内の細い血管（毛細血管）に働きかけ、硬くなった血管を広げるとともに、血液のドロドロを防ぐメカニズムにあります。<br>
        滞っていた脳全体の微小循環（血流）が改善されることで、脳細胞がフル稼働するために必要な「新鮮な酸素」と「栄養素（糖）」が隅々まで行き渡るようになります。<br>
        また、血流が良くなることで、脳内に溜まった老廃物の「排出（ゴミ出し）」もスムーズに行われるようになります。<br>
    </p>
    <h4 style="color: #c2185b; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        機能性表示食品においては、加齢に伴って低下する「記憶の精度（見聞きした内容を正確に覚え、思い出す力）」や「判断の正確さ」を向上させることが広く謳われています。<br>
        血流が良くなることによる即効的な頭のスッキリ感と、継続的な巡りの改善による中長期的な記憶力サポートの両面を期待できる、非常に実績の豊富な成分です。<br>
    </p>
</div>

<div id="chlorogenic" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">コーヒー由来クロロゲン酸</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #fce4ec; color: #c2185b; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #f8bbd0;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">コーヒー豆</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #fce4ec; color: #c2185b; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #f8bbd0;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">血管内皮機能の向上、脳血流改善、抗酸化（巡りケア）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #fce4ec; color: #c2185b; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #f8bbd0;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">16週間（約4ヶ月）〜継続摂取</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">約267mg / 日（※機能性表示食品での一般的な目安）</span>
        </div>
    </div>
    <h4 style="color: #c2185b; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        コーヒー由来クロロゲン酸は、コーヒー豆に豊富に含まれるポリフェノールの一種です。<br>
        血管を内側から健康に保つ「血管内皮細胞」に働きかけ、血管の柔軟性を維持するメカニズムを持っています。<br>
        この働きによって、加齢とともに低下しがちな脳への血流量を改善し、脳全体が慢性的なエネルギー不足（低酸素・低栄養）に陥るのを防ぎます。<br>
        コーヒーの健康効果の中核を担う成分であり、強力な抗酸化作用も併せ持っています。<br>
    </p>
    <h4 style="color: #c2185b; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        健常な中高年を対象とした臨床試験において、クロロゲン酸の継続摂取により、認知機能の一部である「注意力（ひとつの行動を続けたり、状況に応じて適切に注意を向ける力）」や「判断力」が維持されることが確認されています。<br>
        日常的にコーヒーを愛飲される方にとって、血流から脳をケアする身近で理にかなった成分と言えます。<br>
    </p>
</div>

<div id="dha-epa" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">DHA（ドコサヘキサエン酸）および EPA（エイコサペンタエン酸）</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #fce4ec; color: #c2185b; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #f8bbd0;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">青魚の油、微細藻類など</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #fce4ec; color: #c2185b; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #f8bbd0;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">細胞膜の柔軟性向上、血管の健康維持（情報の伝達と巡り改善）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #fce4ec; color: #c2185b; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #f8bbd0;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">数ヶ月単位での中長期的な継続摂取</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">DHA 480mg〜900mg程度、EPA 100mg〜程度 / 日（※目的により異なる）</span>
        </div>
    </div>
    <h4 style="color: #c2185b; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        オメガ3系の必須脂肪酸であるDHAおよびEPAは、私たちの脳を構成する非常に重要なパーツです。<br>
        DHAは脳関門を通過して神経細胞の中に入り込み、硬くなった細胞膜の流動性（柔らかさ）を劇的に向上させます。<br>
        膜がしなやかになることで、情報のバケツリレーがスムーズに行われるようになります。<br>
        一方のEPAは、血液中に存在して強力な全身性の抗炎症作用を発揮し、血液をサラサラに保つことで脳への血管パイプを太く健康な状態に維持します。<br>
        一般的に、これら脂質成分が細胞膜そのものを入れ替えるには時間がかかるため、焦らず数ヶ月単位で継続することが推奨されます。<br>
    </p>
    <h4 style="color: #c2185b; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        機能性表示食品として非常に多くの届出があり、加齢に伴って低下する「認知機能の一部（記憶力・注意力・判断力など）」を維持することが報告されています。<br>
        「青魚を食べると頭が良くなる」という昔からの格言を裏付ける、世界中で研究され続けている最もメジャーで信頼性の高い成分の一つです。<br>
    </p>
</div>



<div class="wp-block-cover" style="min-height:240px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-swl-main-thin-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<p class="has-text-align-left is-style-icon_good has-large-font-size wp-block-paragraph"><strong>こんな人にオススメ！</strong></p>



<ul class="wp-block-list">
<li class="has-black-color has-text-color has-link-color wp-elements-7">頭がボーッとしやすく、クリアな思考の瞬発力を維持したい方</li>



<li class="has-black-color has-text-color has-link-color wp-elements-8">血圧や血流など、全身の血管の健康も同時にケアしたい中高年の方</li>



<li class="has-black-color has-text-color has-link-color wp-elements-9">判断力や状況把握のスピードが鈍ってきたと感じる方</li>
</ul>
</div></div>



<h2 class="wp-block-heading">カテゴリー「メンテナンス」│全身から脳の環境を整え直す</h2>



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



<!-- ■■ カテゴリー4（脳腸相関・根本修復） 文字色：#8e24aa ■■ -->

<div id="cat4" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 id="hop" style="margin-top: 0;">熟成ホップ由来苦味酸</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f3e5f5; color: #8e24aa; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #e1bee7;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">ビールに用いられるホップ（熟成させたもの）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f3e5f5; color: #8e24aa; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #e1bee7;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">迷走神経の刺激、脳腸相関の活性化（腸からの脳ケア）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f3e5f5; color: #8e24aa; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #e1bee7;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">12週間（約3ヶ月）</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">35mg / 日</span>
        </div>
    </div>
    <h4 style="color: #8e24aa; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        熟成ホップ由来苦味酸は、ビールの原料として知られる「ホップ」を長期間熟成させることで得られる成分です。<br>
        この成分の最大の特徴は、最新の脳科学で注目されている「脳腸相関（腸と脳のネットワーク）」をダイレクトに活性化させる点にあります。<br>
        口から入った苦味酸は、腸の上皮にある「苦味受容体」を刺激します。<br>
        その刺激が、腸から脳へと繋がる巨大な情報網である「迷走神経」を介して脳に伝わり、脳内の神経伝達をスムーズにするという、非常にユニークで理にかなったメカニズムを持っています。<br>
    </p>
    <h4 style="color: #8e24aa; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        臨床試験において、12週間の継続摂取により、「注意力（複数の情報から特定の情報に素早く注意を向ける力）」の精度の向上が有意に認められています。<br>
        さらに、迷走神経を刺激することで自律神経のバランスにも働きかけるため、「緊張や不安」といったネガティブな気分状態の改善効果も報告されています。<br>
        「最近、頭にモヤがかかったようで集中できず、気分もスッキリしない」という方に、腸からのアプローチで心身両面を整える成分として最適です。<br>
    </p>
</div>

<div id="mcc1274" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">ビフィズス菌 MCC1274</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f3e5f5; color: #8e24aa; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #e1bee7;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">ビフィズス菌（特定のプロバイオティクス株）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f3e5f5; color: #8e24aa; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #e1bee7;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">腸内環境の改善、全身の炎症抑制による脳への悪影響防御</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f3e5f5; color: #8e24aa; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #e1bee7;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">16週間（約4ヶ月）</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">500億個 / 日（※菌数での表記）</span>
        </div>
    </div>
    <h4 style="color: #8e24aa; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        ビフィズス菌 MCC1274は、生きた微生物（プロバイオティクス）として初めて、認知機能の維持に関する機能性が認められた画期的な菌株です。<br>
        腸内環境が悪化すると、腸のバリア機能が低下し、毒素が血中に漏れ出して全身の炎症を引き起こします。<br>
        この炎症が血液を通じて脳にまで波及することが、認知機能低下の大きな原因の一つ（脳腸相関の破綻）であることが分かっています。<br>
        MCC1274株は、腸内フローラのバランスを強力に整えることでこの「腸漏れ（リーキーガット）」と全身の炎症を防ぎ、脳内環境をクリーンに保つための強固な防波堤として機能します。<br>
    </p>
    <h4 style="color: #8e24aa; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        物忘れが気になる中高年を対象とした臨床試験において、16週間の継続摂取により、「即時記憶（情報をすぐに覚える力）」や「視空間・遅延記憶（図形を覚え、後で思い出す力）」など、複数の認知領域のスコアが顕著に向上することが報告されています。<br>
        「脳をケアするなら、まず腸を整えよ」という最新の医学的アプローチを体現する成分であり、お腹の調子も同時に整えたい方に非常におすすめです。<br>
    </p>
</div>

<div id="plasmalogen" class="ingredient-section" style="margin-bottom: 40px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 8px; background-color: #fcfcfc;">
    <h3 style="margin-top: 0;">プラズマローゲン</h3>
    <div style="background-color: #fff; padding: 15px; border-radius: 5px; border: 1px solid #eee; margin-bottom: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f3e5f5; color: #8e24aa; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #e1bee7;">原料</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">ホタテ貝、鶏肉、ホヤなど</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f3e5f5; color: #8e24aa; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #e1bee7;">働き</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">内因性の抗酸化、細胞膜の根幹的なメンテナンス（細胞のすり減り修復）</span>
        </div>
        <div style="display: flex; align-items: flex-start; margin-bottom: 12px;">
            <span style="background-color: #f3e5f5; color: #8e24aa; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #e1bee7;">期間</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">12週間（約3ヶ月）〜継続摂取</span>
        </div>
        <div style="display: flex; align-items: flex-start;">
            <span style="background-color: #fff3e0; color: #e65100; font-size: 0.85em; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin-right: 12px; white-space: nowrap; flex-shrink: 0; border: 1px solid #ffe0b2;">目安量</span>
            <span style="line-height: 1.6; font-size: 0.95em; color: #333; padding-top: 2px;">1mg / 日（※ホタテ由来プラズマローゲンの場合）</span>
        </div>
    </div>
    <h4 style="color: #8e24aa; margin-top: 1.5em; margin-bottom: 10px;">成分の特長と生化学的メカニズム</h4>
    <p style="line-height: 1.6; margin-bottom: 15px;">
        プラズマローゲンは、私たちの脳や心臓の細胞膜に元々多く存在しているリン脂質の一種です。<br>
        この成分は、強い酸化ストレス（サビの原因）にさらされると、自らが身代わりとなって酸化（犠牲的酸化）することで、神経細胞全体がダメージを受けるのを防ぐという、非常に重要な自己防御システムを担っています。<br>
        しかし、加齢や精神的ストレス、疲労の蓄積によって、体内にあるプラズマローゲンはどんどんすり減り、減少してしまいます。<br>
        失われてしまったこの「内因性の保護膜」をダイレクトに補うことで、傷ついた細胞の土台を根本からメンテナンスするアプローチが期待できます。<br>
    </p>
    <h4 style="color: #8e24aa; margin-bottom: 10px;">期待される機能と研究データ</h4>
    <p style="line-height: 1.6; margin-bottom: 0;">
        臨床試験において、ホタテ由来プラズマローゲンを継続的に摂取することで、「言語記憶力（言葉を記憶し、思い出す力）」など、加齢によって低下する認知機能を維持・サポートすることが認められています。<br>
        すでに認知機能の衰えを強く自覚しており、細胞の根本的な土台をしっかりと補強・メンテナンスしたいと考える方に、非常に適した成分です。<br>
    </p>
</div>



<div class="wp-block-cover" style="min-height:240px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-swl-main-thin-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<p class="has-text-align-left is-style-icon_good has-large-font-size wp-block-paragraph"><strong>こんな人にオススメ！</strong></p>



<ul class="wp-block-list">
<li class="has-black-color has-text-color has-link-color wp-elements-10">腸内環境の乱れや、日々の気分の落ち込み・不安感も同時に感じている方</li>



<li class="has-black-color has-text-color has-link-color wp-elements-11">最新の研究である「脳腸相関」に関心があり、体質改善から脳をケアしたい方</li>



<li class="has-black-color has-text-color has-link-color wp-elements-12">すでに認知機能の衰えを自覚しており、強力に細胞の土台を補強したい方</li>
</ul>
</div></div>



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



<h2 class="wp-block-heading">いつまで飲めばいい？最低「3ヶ月（12週間）」は継続すべき明確な理由</h2>



<p class="wp-block-paragraph">ここまで19種類の機能性関与成分をご紹介してきましたが、実は「どの成分を選ぶか」と同じくらい重要なポイントがあります。<br>それは<strong><span class="swl-marker mark_yellow">「摂取を継続する期間」</span></strong>です。</p>



<p class="wp-block-paragraph">今回解説したほぼすべての成分において、記憶力や注意力といった認知機能の確かな維持・サポートがデータとして確認されている臨床試験期間は、短くても「12週間（約3ヶ月）」、長いものでは「18ヶ月」の範囲に集中しています。</p>



<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>まずは「3ヶ月」を目標に</strong> サプリメントを飲み始めて1ヶ月程度で「なんだ、急に記憶力が良くなったりしないじゃないか」と諦めてしまうのは、一番もったいないパターンです。</p>



<p class="wp-block-paragraph">今まさに、脳内で少しずつ細胞の環境整備が進んでいる最中かもしれないからです。</p>



<p class="wp-block-paragraph">焦らず、まずはご自身の悩みに一番フィットすると感じた成分を一つ選び、「最低でも3ヶ月」はじっくりと脳の土台作りに向き合ってみてください。</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/why-90days/">
  <div class="inline-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="inline-card-body">
    <div style="flex:1;min-width:0;">
      <div class="inline-card-tag">習慣化</div>
      <div class="inline-card-title">なぜ90日間続けるのか？科学的根拠</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">認知機能をケアするには、「最低3ヶ月の継続」による根本的な土台作りが不可欠だとお伝えしました。 </p>



<p class="wp-block-paragraph">しかし、現実問題として「毎日、何粒ものサプリメントを決まった時間に飲み続ける」というのは、意外とハードルが高いものです。</p>



<p class="wp-block-paragraph">気がつけば戸棚の奥で眠っていた…という経験がある方も多いのではないでしょうか。</p>



<style>
/* ==================================================
   Memory Coffee: Stat Card (横幅・バランス調整版 / 左線削除)
   ================================================== */
.mc-stat-card {
    width: 100%; /* 本文の幅に合わせる */
    margin: 2.5em 0; /* 上下の余白のみ設定 */
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #333;
    display: flex;
    align-items: center;
    gap: 30px; /* PCでの余白を少し広げてゆったりと */
    background: #fafafa;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    box-sizing: border-box; /* はみ出し防止 */
}

.mc-stat-area {
    flex-shrink: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-left: 10px;
}
.mc-stat-label {
    font-size: 0.9em;
    font-weight: bold;
    color: #666;
    line-height: 1.4;
}
.mc-donut-wrap {
    position: relative;
    width: 85px; /* グラフを少しだけ大きく */
    height: 85px;
}
.mc-donut {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(#e74c3c 64%, #e2e8f0 0);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.mc-donut::before {
    content: "";
    position: absolute;
    inset: 9px; 
    background: #fafafa;
    border-radius: 50%;
}
.mc-donut-val {
    position: relative;
    z-index: 1;
    font-size: 1.4em;
    font-weight: bold;
    color: #333;
}
.mc-donut-val span {
    font-size: 0.6em;
}
.mc-stat-source {
    font-size: 0.7em;
    color: #999;
}

.mc-lead-area {
    flex-grow: 1;
}
.mc-lead-area p {
    margin: 0 0 15px 0;
    font-size: 1.05em;
    line-height: 1.7;
    color: #444;
}
.mc-lead-area p:last-child {
    margin-bottom: 0;
}
.mc-warning-box {
    color: #c0392b;
    background: #fff5f5;
    padding: 12px 15px;
    border-radius: 6px;
    /* border-left: 4px solid #c0392b; ←この行を削除しました */
    display: inline-block;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .mc-stat-card {
        flex-direction: column;
        text-align: center;
        padding: 20px 15px;
        gap: 20px;
    }
    .mc-stat-area {
        padding-left: 0;
    }
    .mc-warning-box {
        display: block; 
    }
}
</style>

<div class="mc-stat-card">
    <div class="mc-stat-area">
        <span class="mc-stat-label">サプリメントの<br>飲み忘れ経験</span>
        <div class="mc-donut-wrap">
            <div class="mc-donut">
                <span class="mc-donut-val">64<span>%</span></span>
            </div>
        </div>
        <span class="mc-stat-source">※出典：マイボイスコム(株)調べ</span>
    </div>
    
    <div class="mc-lead-area">
        <p>健康のために始めたサプリメントも、半数以上の方が「飲み忘れ」を経験しています。</p>
        <p class="mc-warning-box">「飲まなければならない」という義務感は、<strong>長続きしません。</strong></p>
    </div>
</div>



<p class="wp-block-paragraph">「ケアはしたいけれど、面倒なことは続かない」 そんな方にぜひおすすめしたいのが、<strong>毎日の「コーヒータイム」をそのまま脳のケア習慣に変えてしまう</strong>というアプローチです。</p>



<h4 class="wp-block-heading">生活に馴染むコーヒー選択肢</h4>



<p class="wp-block-paragraph">日々のルーティンとして定着している「いつもの一杯」を、認知機能のサポートに特化した<strong><span class="swl-marker mark_yellow">『Memory Coffee（メモリーコーヒー）』</span></strong>に置き換えてみませんか？</p>



<style>
/* ==================================================
   Memory Coffee: Proposal Card (余白・カラー・段ズレ最適化版)
   ================================================== */
.mc-proposal-card {
    width: 100%; 
    margin: 2.5em 0; 
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #333;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
    overflow: hidden;
    box-sizing: border-box;
}

/* パネルヘッダー */
.mc-proposal-header {
    background: #fdfaf3; /* 背景色を少し温かみのあるベージュ系に */
    padding: 30px 20px; 
    text-align: center;
    border-bottom: 1px solid #e5dece;
}

.mc-proposal-title {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important; 
    background: none !important;
    box-shadow: none !important;
    font-size: 1.4em;
    line-height: 1.6;
    color: #1a1a1a;
    font-weight: bold;
}
.mc-gold-text {
    color: #C5A059; /* ブランドゴールド */
    display: inline-block;
    border-bottom: 2px solid #C5A059;
    padding-bottom: 3px;
}

.mc-proposal-content {
    padding: 35px 30px; /* 余白を広げてゆったりと */
}

/* リード文 */
.mc-proposal-lead {
    text-align: center;
    font-size: 1.05em;
    color: #333;
    line-height: 1.8;
    margin-bottom: 35px; 
}
.mc-proposal-lead strong {
    background: linear-gradient(transparent 60%, #fef0c7 0);
}

/* 比較コンテンツ */
.mc-compare-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 40px; 
}
.mc-compare-item {
    flex: 1;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px; 
}
.mc-compare-item.is-past {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    filter: grayscale(30%); 
}
.mc-compare-item.is-future {
    border: 2px solid #C5A059;
    box-shadow: 0 6px 15px rgba(197, 160, 89, 0.15);
}
.mc-badge {
    background: #C5A059;
    color: #fff;
    font-size: 0.85em;
    font-weight: bold;
    padding: 8px 0;
    letter-spacing: 1px;
}
.mc-compare-item.is-past .mc-badge {
    background: #64748b;
}

.mc-compare-img {
    padding: 20px 20px 0; 
}
.mc-compare-img img {
    width: 100%;
    height: 100px; 
    object-fit: contain;
    display: block;
    margin: 0 auto;
    mix-blend-mode: multiply;
}

.mc-compare-title {
    font-weight: bold;
    font-size: 1.1em;
    margin: 15px 0 5px; 
    color: #333;
}
.mc-compare-item.is-future .mc-compare-title {
    color: #b8860b;
}
.mc-compare-desc {
    font-size: 0.95em;
    font-weight: bold;
    color: #555;
    line-height: 1.5;
}
.mc-compare-item.is-future .mc-compare-desc {
    color: #b33939; /* 少し落ち着いた上質な赤へ変更 */
}
.mc-compare-desc span {
    font-size: 0.8em;
    font-weight: normal;
    color: #777;
}
.mc-compare-arrow {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* フッター領域 */
.mc-proposal-footer {
    background: #fdfaf3; /* 背景色をブランドトーンに */
    border: 1px solid #e5dece;
    border-radius: 8px;
    padding: 30px 20px; 
    text-align: center;
}
.mc-footer-title {
    margin: 0 0 20px 0;
    font-size: 1.15em;
    color: #1a1a1a;
}
.mc-footer-title strong {
    color: #C5A059;
    font-size: 1.25em;
}

/* タグ（箇条書き部分）の調整 */
.mc-footer-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-bottom: 25px;
}
.mc-footer-tags span {
    background: #fff;
    border: 1px solid #e5dece; /* 枠線を落ち着いたベージュへ */
    color: #1a1a1a;
    padding: 10px 18px; /* 余白を広げてタップしやすく・窮屈さ解消 */
    border-radius: 30px;
    font-size: 0.95em;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

/* 結論テキストの調整（段ズレ解消） */
.mc-footer-conclusion {
    margin: 0;
    font-size: 1.05em;
    color: #1a1a1a;
    line-height: 1.8;
}
.mc-footer-conclusion strong {
    color: #b33939; /* 深みのあるエレガントな赤 */
    border-bottom: 2px solid #b33939;
    padding-bottom: 2px;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .mc-proposal-content {
        padding: 25px 15px;
    }
    .mc-compare-area {
        flex-direction: column;
        gap: 15px;
    }
    .mc-compare-item {
        width: 100%;
    }
    .mc-compare-arrow svg {
        transform: rotate(90deg);
        margin: 5px 0;
    }
    .mc-compare-img img {
        height: 120px; 
    }
    .mc-proposal-title {
        font-size: 1.3em;
    }
    
    /* スマホ時のタグを綺麗に縦積み・幅広に */
    .mc-footer-tags {
        flex-direction: column;
        align-items: stretch;
        max-width: 300px;
        margin: 0 auto 25px;
        gap: 10px;
    }
    .mc-footer-tags span {
        justify-content: center; /* テキストを中央揃え */
        padding: 12px;
    }

    /* スマホで不自然な改行を防ぐため、PC用の改行<br>を無効化 */
    .mc-footer-conclusion .mc-pc-br {
        display: none;
    }
}
</style>

<div class="mc-proposal-card">
    
    <!-- ヘッダー（タイトル） -->
    <div class="mc-proposal-header">
        <div class="mc-proposal-title">
            「頑張る」対策から、<br class="mc-sp-only">
            <span class="mc-gold-text">「楽しむ」コーヒー習慣</span>へ。
        </div>
    </div>

    <div class="mc-proposal-content">
        <!-- リード文 -->
        <p class="mc-proposal-lead">
            脳は「正しいこと」より「心地よいこと」を記憶し、繰り返そうとします。<br><br>
            だからこそ、<strong>義務感（ストレス）をなくすこと</strong>が継続の近道なのです。
        </p>
        
        <!-- 比較コンテンツ -->
        <div class="mc-compare-area">
            <div class="mc-compare-item is-past">
                <div class="mc-badge">これまでの対策</div>
                <div class="mc-compare-img"><img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/01/サプリイメージ.jpg" alt="サプリ" loading="lazy"></div>
                <div class="mc-compare-title">サプリメント</div>
                <div class="mc-compare-desc">「義務・作業」<br><span>(意志が尽きると挫折)</span></div>
            </div>
            
            <div class="mc-compare-arrow">
                <svg width="24" height="24" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
                    <polygon points="0,0 30,15 0,30" fill="#C5A059"></polygon>
                </svg>
            </div>

            <div class="mc-compare-item is-future">
                <div class="mc-badge">行動科学の正解</div>
                <div class="mc-compare-img"><img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/01/ティーカップ.jpg" alt="Memory Coffee" loading="lazy"></div>
                <div class="mc-compare-title">Memory Coffee</div>
                <div class="mc-compare-desc">「ご褒美・快感」<br><span>(習慣にとけこむ)</span></div>
            </div>
        </div>

        <!-- フッター -->
        <div class="mc-proposal-footer">
            <p class="mc-footer-title">Memory Coffeeなら、<br class="mc-sp-only"><strong>「サプリ感」ゼロ</strong></p>
            <div class="mc-footer-tags">
                <span>
                    <!-- アイコンの色をブランドゴールド（#C5A059）に変更 -->
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#C5A059" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                    粒を飲み込む必要なし
                </span>
                <span>
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#C5A059" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                    水で流し込む「作業」なし
                </span>
                <span>
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#C5A059" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
                    いかにも「対策」という感覚なし
                </span>
            </div>
            
            <!-- インラインブロックを削除し、自然な折り返しを適用。スマホでは<br>を消す制御を追加 -->
            <p class="mc-footer-conclusion">
                必要なのは「対策する」意識ではなく、<br class="mc-pc-br">
                <strong>「いつものコーヒー習慣」へ重ねること</strong>です。
            </p>
        </div>
        
    </div>
</div>



<p class="wp-block-paragraph">Memory Coffeeはスティックコーヒーで、1本に機能性関与成分のGABAが200mg配合しています！</p>



<figure class="wp-block-image size-full"><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" 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>



<style>
/* ===================================================
   Memory Coffee 完全統合型プレミアム解説カード（ブルー統一・赤枠解除・原点回帰版）
   =================================================== */
.mc-hero-card { background: #ffffff !important; border: 1px solid #cbd5e1 !important; border-top: 6px solid #2563eb !important; border-radius: 12px !important; margin: 36px 0 !important; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important; overflow: hidden !important; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; display: block !important; width: 100% !important; clear: both !important; }
.mc-hero-card:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important; }

.mc-card-header { background: #eff6ff !important; padding: 28px 28px 24px !important; position: relative !important; border-bottom: 1px solid #cbd5e1 !important; display: block !important; }
.mc-card-heading { font-size: 22px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; line-height: 1.4 !important; letter-spacing: 0.06em !important; display: flex !important; align-items: center !important; gap: 10px !important; }
.mc-card-heading::before { content: '' !important; display: inline-block !important; width: 4px !important; height: 1.1em !important; background: #2563eb !important; border-radius: 2px !important; flex-shrink: 0 !important; }
.mc-card-intro { font-size: 15px !important; line-height: 1.75 !important; color: #334155 !important; margin: 0 !important; letter-spacing: 0.03em !important; display: block !important; }

.mc-card-body { padding: 28px !important; background: #ffffff !important; display: block !important; }
.mc-badge-group { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-items: center !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-badge-main { background: #2563eb !important; color: #ffffff !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 0.08em !important; border-radius: 20px !important; padding: 6px 16px !important; display: inline-block !important; }
.mc-badge-sub { background: #f0f9ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 0.05em !important; border-radius: 4px 20px 20px 4px !important; padding: 5px 14px 5px 12px !important; display: inline-block !important; }

.mc-section-subhead { font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; letter-spacing: 0.04em !important; display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; }
.mc-section-subhead::before { content: '◆' !important; color: #2563eb !important; font-size: 14px !important; }

.mc-lead-text { color: #334155 !important; font-size: 15px !important; line-height: 1.75 !important; margin: 0 0 18px 0 !important; font-weight: 500 !important; display: block !important; width: 100% !important; }
.mc-lead-text strong { color: #0f172a !important; font-weight: 700 !important; background: linear-gradient(transparent 65%, #bfdbfe 0) !important; }

.mc-feature-box { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-feature-row { display: flex !important; align-items: flex-start !important; gap: 14px !important; width: 100% !important; }
.mc-feature-row + .mc-feature-row { margin-top: 14px !important; padding-top: 14px !important; border-top: 1px dashed #cbd5e1 !important; }
.mc-feature-icon { flex-shrink: 0 !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; background: #2563eb !important; color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 800 !important; margin-top: 2px !important; }
.mc-feature-title { display: block !important; color: #0f172a !important; font-weight: 700 !important; font-size: 15px !important; margin-bottom: 2px !important; letter-spacing: 0.04em !important; }
.mc-feature-desc { color: #475569 !important; font-size: 14px !important; line-height: 1.55 !important; display: block !important; }

.mc-blend-container { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 24px !important; margin-bottom: 32px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-blend-stage-wrap { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; margin-bottom: 24px !important; width: 100% !important; }
.mc-bean-unit { text-align: center !important; flex: 1 !important; max-width: 300px !important; display: block !important; }
.mc-bean-unit img { width: 100% !important; height: auto !important; display: block !important; border-radius: 8px !important; border: 1px solid #cbd5e1 !important; }
.mc-blend-symbol { text-align: center !important; flex-shrink: 0 !important; display: block !important; }
.mc-x-mark { font-size: 26px !important; font-weight: 800 !important; color: #2563eb !important; display: block !important; line-height: 1 !important; }
.mc-x-text { font-size: 12px !important; font-weight: 700 !important; color: #1e293b !important; margin: 4px 0 0 !important; letter-spacing: 0.05em !important; display: block !important; }

.mc-hero-fusion-stage { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 20px 0 24px !important; width: 100% !important; }
.mc-hero-plus-symbol { font-size: 26px !important; font-weight: 800 !important; color: #2563eb !important; flex-shrink: 0 !important; display: block !important; }
.mc-hero-gaba-orb-wrap { text-align: center !important; display: block !important; }
.gaba-orb-wrapper { position: relative !important; width: 90px !important; height: 90px !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto 6px !important; }
.gaba-mystic-orb { width: 58px !important; height: 58px !important; border-radius: 50% !important; background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; animation: gaba_float 4s ease-in-out infinite, gaba_pulse_blue 4s ease-in-out infinite !important; }
.gaba-orb-text { color: #ffffff !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 0.06em !important; text-shadow: 0 1px 3px rgba(30, 41, 59, 0.7) !important; display: block !important; }
@keyframes gaba_float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes gaba_pulse_blue { 0%, 100% { box-shadow: 0 0 15px #c7d2fe, 0 0 30px rgba(129, 140, 248, 0.4), 0 0 45px rgba(79, 70, 229, 0.2); } 50% { box-shadow: 0 0 20px #ffffff, 0 0 40px #818cf8, 0 0 60px rgba(99, 102, 241, 0.6), 0 0 80px rgba(79, 70, 229, 0.4); } }
.gaba-particle { position: absolute !important; width: 4px !important; height: 4px !important; background-color: #ffffff !important; border-radius: 50% !important; box-shadow: 0 0 6px #e0e7ff !important; opacity: 0 !important; display: block !important; }
.gaba-particle.p1 { top: 10% !important; left: 20% !important; animation: particle_blink 3s infinite 0.5s !important; }
.gaba-particle.p2 { bottom: 15% !important; right: 15% !important; animation: particle_blink 4s infinite 1.2s !important; }
.gaba-particle.p3 { top: 40% !important; right: 5% !important; width: 3px !important; height: 3px !important; animation: particle_blink 3.5s infinite 2.5s !important; }
@keyframes particle_blink { 0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); } 50% { opacity: 0.9; transform: scale(1.5) translateY(-5px); } }
.mc-hero-gaba-caption { font-size: 13px !important; font-weight: 700 !important; color: #0f172a !important; letter-spacing: 0.05em !important; margin: 0 !important; display: block !important; }

.mc-blend-desc-text { font-size: 15px !important; line-height: 1.8 !important; color: #334155 !important; text-align: center !important; margin: 0 0 20px 0 !important; display: block !important; width: 100% !important; }
.mc-story-panel-wrap { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 10px !important; padding: 20px !important; display: flex !important; align-items: center !important; gap: 18px !important; width: 100% !important; box-sizing: border-box !important; }
.mc-story-text-area { flex: 1 !important; display: block !important; }
.mc-story-head-text { font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.6 !important; margin: 0 !important; display: block !important; }
.mc-big-num { font-size: 26px !important; color: #ef4444 !important; font-weight: 800 !important; padding: 0 2px !important; }
.mc-story-img-area { flex-shrink: 0 !important; width: 120px !important; display: block !important; }
.mc-polaroid { margin: 0 !important; background: #ffffff !important; padding: 5px 5px 8px !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; border-radius: 4px !important; text-align: center !important; display: block !important; }
.mc-polaroid img { width: 100% !important; height: auto !important; display: block !important; border-radius: 2px !important; }
.mc-polaroid figcaption { font-size: 11px !important; color: #64748b !important; margin-top: 5px !important; letter-spacing: 0.02em !important; display: block !important; }

/* エビデンスエリア */
.mc-inner-divider { border: none !important; border-top: 2px dashed #cbd5e1 !important; margin: 36px 0 !important; position: relative !important; display: block !important; width: 100% !important; }
.mc-inner-divider::after { content: '科学的根拠（エビデンス）' !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translateX(-50%) !important; background: #ffffff !important; padding: 0 16px !important; color: #2563eb !important; font-size: 12px !important; font-weight: 800 !important; display: block !important; }

.mc-gaba-comparison-box { background: #eff6ff !important; border: 2px solid #bfdbfe !important; border-radius: 12px !important; padding: 16px 20px !important; margin: 0 auto 24px !important; text-align: center !important; position: relative !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-gaba-title { font-size: 18px !important; color: #1e3a8a !important; font-weight: bold !important; margin: 0 !important; display: block !important; }
.mc-gaba-title .mc-gold-text { color: #ef4444 !important; font-size: 22px !important; font-weight: 900 !important; }

.mc-graph-area { position: relative !important; background-color: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 30px 24px !important; color: #334155 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-bg-glow { display: none !important; }
.mc-clinical-header { text-align: center !important; margin-bottom: 24px !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; }
.mc-clinical-badge { background: #2563eb !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; padding: 4px 12px !important; border-radius: 4px !important; display: inline-block !important; margin-bottom: 12px !important; }
.mc-clinical-title { font-size: 20px !important; margin: 0 0 16px 0 !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.4 !important; display: block !important; }
.mc-clinical-desc { font-size: 14px !important; color: #334155 !important; line-height: 1.8 !important; margin: 0 !important; display: block !important; }
.mc-sup { font-size: 10px !important; vertical-align: top !important; }
.mc-gold-underline { color: #dc2626 !important; background: linear-gradient(transparent 65%, #fecaca 0) !important; display: inline !important; font-weight: 800 !important; }

.mc-graph-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; position: relative !important; z-index: 1 !important; width: 100% !important; }
.mc-graph-card { background-color: #ffffff !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; overflow: hidden !important; display: block !important; }
.mc-graph-card img { width: 100% !important; height: auto !important; display: block !important; }

.mc-citation-area { margin-top: 24px !important; padding-top: 16px !important; border-top: 1px solid #cbd5e1 !important; font-size: 11px !important; color: #64748b !important; line-height: 1.6 !important; text-align: left !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-citation-area p { margin: 0 0 6px 0 !important; display: block !important; }
.mc-citation-area p:last-child { margin-bottom: 0 !important; }

.mc-card-footer { background: #f8fafc !important; border-top: 1px solid #e2e8f0 !important; padding: 24px 28px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; }
.mc-official-tag { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-weight: 700 !important; color: #0f172a !important; font-size: 12px !important; margin-bottom: 10px !important; background: #ffffff !important; padding: 4px 12px !important; border-radius: 4px !important; border: 1px solid #cbd5e1 !important; letter-spacing: 0.05em !important; }
.mc-official-tag::before { content: '✓' !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 14px !important; height: 14px !important; background: #2563eb !important; color: #ffffff !important; border-radius: 50% !important; font-size: 9px !important; flex-shrink: 0 !important; }
.mc-disclaimer { font-size: 11px !important; color: #64748b !important; line-height: 1.65 !important; margin: 0 !important; display: block !important; }

/* ★ スマホ最適化 ★ */
@media (max-width: 600px) {
  .mc-card-header { padding: 22px 18px 18px !important; }
  .mc-card-heading { font-size: 19px !important; }
  .mc-card-intro { font-size: 14px !important; }
  .mc-card-body { padding: 20px 18px !important; }
  .mc-feature-box { padding: 16px 14px !important; }
  .mc-blend-container { padding: 18px 14px !important; margin-bottom: 24px !important; }
  
  .mc-blend-stage-wrap { flex-direction: column !important; gap: 12px !important; }
  .mc-bean-unit { max-width: 280px !important; width: 100% !important; margin: 0 auto !important; }
  .mc-x-mark { font-size: 32px !important; margin: 8px 0 !important; }
  
  .mc-hero-fusion-stage { margin: 16px 0 20px !important; }
  .gaba-orb-wrapper { width: 76px !important; height: 76px !important; }
  .gaba-mystic-orb { width: 50px !important; height: 50px !important; }
  
  .mc-story-panel-wrap { flex-direction: column !important; text-align: center !important; padding: 16px 12px !important; }
  .mc-story-img-area { width: 100% !important; max-width: 180px !important; margin: 0 auto !important; }
  .mc-gaba-title { font-size: 18px !important; }
  .mc-graph-area { padding: 20px 16px !important; }
  .mc-clinical-title { font-size: 20px !important; }
  .mc-graph-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .mc-card-footer { padding: 16px 18px !important; }
}
</style>

<div class="mc-hero-card">
  <div class="mc-card-header">
    <div class="mc-card-heading" role="heading" aria-level="5">Memory Coffeeとは？</div>
    <p class="mc-card-intro">
      毎日のコーヒータイムを「自分らしさを育む時間」へと変える機能性表示食品（インスタントコーヒー）です。<br><br>本格的なおいしさと、認知機能の一部を維持するGABA200mg（1本あたり）のサポートを両立しています。
    </p>
  </div>

  <div class="mc-card-body">
    <div class="mc-badge-group">
      <span class="mc-badge-main">機能性表示食品</span>
      <span class="mc-badge-sub">GABA 200mg配合</span>
    </div>
    
    <div class="mc-section-subhead" role="heading" aria-level="6">
      <span style="font-size: 18px !important; display: inline-block;">科学的根拠に基づいた3つのサポート機能</span>
    </div>
    <p class="mc-lead-text">
      Memory Coffeeに含まれるGABAは、加齢とともに低下する<strong>認知機能の一部を維持する機能</strong>が報告されています。
    </p>
    
    <div class="mc-feature-box">
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">記憶力</span>
          <span class="mc-feature-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">空間認知力</span>
          <span class="mc-feature-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <div class="mc-feature-row">
        <span class="mc-feature-icon">✓</span>
        <div>
          <span class="mc-feature-title">持続的注意力</span>
          <span class="mc-feature-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>

    <!-- ブレンドとGABAの融合 -->
    <div class="mc-blend-container">
      <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 18px;" role="heading" aria-level="6">
        <span style="font-size: 16px !important; display: inline-block;">30回の試作で辿り着いた<br class="mc-sp-only">本格ブレンド</span>
      </div>

      <div class="mc-blend-stage-wrap">
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-brazil-beans-p.webp" alt="ブラジル産コーヒー豆" loading="lazy" decoding="async">
        </div>
        <div class="mc-blend-symbol">
          <span class="mc-x-mark">×</span>
          <p class="mc-x-text">絶妙ブレンド</p>
        </div>
        <div class="mc-bean-unit">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-vietnam-beans-p.webp" alt="ベトナム産コーヒー豆" loading="lazy" decoding="async">
        </div>
      </div>

      <div class="mc-hero-fusion-stage">
        <span class="mc-hero-plus-symbol">＋</span>
        <div class="mc-hero-gaba-orb-wrap">
          <div class="gaba-orb-wrapper">
            <div class="gaba-mystic-orb">
              <span class="gaba-orb-text">GABA</span>
            </div>
            <div class="gaba-particle p1"></div>
            <div class="gaba-particle p2"></div>
            <div class="gaba-particle p3"></div>
          </div>
          <p class="mc-hero-gaba-caption">機能性関与成分 GABA</p>
        </div>
      </div>

      <p class="mc-blend-desc-text">
        スッキリとしたブラジル産とコク深いベトナム産の豆を絶妙にブレンド。<br>
        毎日飽きずに楽しめる、本格的でホッとする風味に仕上げています。
      </p>

      <div class="mc-story-panel-wrap">
        <div class="mc-story-text-area">
          <p class="mc-story-head-text">
            開発段階で約<span class="mc-big-num">30</span>パターンもの<br class="mc-sp-only">ブレンド配合・調整を繰り返し、<br class="mc-sp-only">納得の1杯を完成させました！
          </p>
        </div>
        <div class="mc-story-img-area">
          <figure class="mc-polaroid">
            <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp" alt="実際のブレンド配合打合せ資料" loading="lazy" decoding="async">
            <figcaption>配合打合せの様子</figcaption>
          </figure>
        </div>
      </div>
    </div>

    <!-- エビデンス（科学的根拠）セクション -->
    <hr class="mc-inner-divider">
    
    <div class="mc-section-subhead" style="justify-content: center; margin-bottom: 24px;" role="heading" aria-level="6">
      <span style="font-size: 18px !important; display: inline-block;">科学が証明する機能性</span>
    </div>

    <div class="mc-gaba-comparison-box">
      <div class="mc-gaba-title">
        スティック1本（1杯）で <span class="mc-gold-text">GABA 200mg配合</span>
      </div>
    </div>

    <div class="mc-graph-area">
      <div class="mc-bg-glow"></div>

      <div class="mc-clinical-header">
        <span class="mc-clinical-badge">科学的根拠</span>
        <div class="mc-clinical-title">ヒト臨床試験における<br class="mc-sp-only">優位性の確認</div>
        <p class="mc-clinical-desc">
          認知機能の低下を感じる40歳以上の<br class="mc-sp-only">健康な男女120名<span class="mc-sup">※</span>を対象とした試験で、<br>
          <strong class="mc-gold-underline">12週間の継続摂取</strong>により、<br class="mc-sp-only">統計的に有意な維持・改善が見られました。
        </p>
      </div>
      
      <!-- エビデンスグラフ2列（ハイライト解除済み） -->
      <div class="mc-graph-grid">
        <div class="mc-graph-card">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kioku-p.webp" alt="記憶力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
        <div class="mc-graph-card">
          <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-evidence-kuukan-p.webp" alt="空間認知力の維持に関する臨床試験データ" loading="lazy" decoding="async">
        </div>
      </div>

      <!-- 注記・出典論文 -->
      <div class="mc-citation-area">
        <p>※システマティックレビューで評価した研究2報の参加者の人数の合計</p>
        <p>※「持続的注意力（注意を持続させながら、作業を続ける力）」も同様に、システマティックレビューに含まれるヒト試験において、Cognitrax等を用いて評価された項目に基づいて届出しています。</p>
        <p>&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>※本商品を用いて行った実験ではありません。</p>
      </div>
    </div>

  </div>

  <div class="mc-card-footer">
    <div class="mc-official-tag">届出番号：J1384</div>
    <p class="mc-disclaimer">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。<br>
      ※本品は、疾病の診断、治療、予防を目的としたものではありません。<br>
      ※アニメーションはイメージです。
    </p>
  </div>
</div>



<div class="wp-block-cover" style="min-height:240px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-swl-main-thin-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained">
<p class="has-text-align-left is-style-icon_good has-large-font-size wp-block-paragraph"><strong>ここがオススメ！</strong></p>



<ul class="wp-block-list">
<li class="has-black-color has-text-color has-link-color wp-elements-13"><strong>水で薬のように飲むサプリへの抵抗感がない！</strong></li>



<li class="has-black-color has-text-color has-link-color wp-elements-14"><strong>「毎日の習慣」に溶け込むから、飲み忘れない！</strong></li>



<li class="has-black-color has-text-color has-link-color wp-elements-15"><strong>コーヒーだからお好みの食べ物やシーンにもピッタリ！</strong></li>
</ul>
</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>



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



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</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"> 本記事で解説した通り、脳内で起きている「サビ・ボヤ（酸化と炎症）」「ガス欠（伝達物質の不足）」「パイプの詰まり（血流低下）」「腸内環境の乱れ」といった、明確な生化学的メカニズムが引き起こしている結果です。</p>



<p class="wp-block-paragraph">しかし、原因がハッキリしているということは、<strong>正しい対策を打つことができる</strong>ということです。</p>



<p class="wp-block-paragraph">今回徹底解説した19種類の機能性関与成分は、それぞれが得意とするアプローチを持っています。</p>



<p class="wp-block-paragraph">もう一度、ご自身の悩みに照らし合わせてみてください。</p>



<style>
/* ▼ 早見表専用のレスポンシブ＆アニメーションCSS ▼ */
.hopef-match-box {
    background-color: #fdfaf5; /* Memory Coffeeベージュ */
    border: 2px solid #C5A059; /* Memory Coffeeゴールド */
    border-radius: 12px;
    padding: 30px 20px;
    margin-bottom: 40px;
    box-shadow: 0 8px 20px rgba(197, 160, 89, 0.1);
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* リンク化のための追加CSS */
.hopef-match-link {
    display: block;
    text-decoration: none !important;
    color: inherit;
}

.hopef-match-card {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 16px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.03);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* ホバー時の動き */
.hopef-match-link:hover .hopef-match-card {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.06);
}

.hopef-match-text {
    flex: 1;
    padding-right: 20px;
}

.hopef-match-btn {
    flex-shrink: 0;
    width: 170px;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    padding: 12px 0;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
    transition: opacity 0.2s ease;
}

/* ボタンホバー時 */
.hopef-match-link:hover .hopef-match-btn {
    opacity: 0.8;
}

/* スマホ向けの最適化 */
@media screen and (max-width: 599px) {
    .hopef-match-card {
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
    }
    .hopef-match-text {
        padding-right: 0;
        margin-bottom: 15px;
    }
    .hopef-match-btn {
        width: 100%;
        padding: 14px 0;
    }
}
</style>

<div class="hopef-match-box">
    <div style="text-align: center; margin-bottom: 25px;">
        <span style="color: #C5A059; font-weight: bold; font-size: 0.85em; letter-spacing: 2px;">QUICK MATCH</span>
        <div style="font-size: 1.3em; font-weight: bold; color: #1A2A40; margin-top: 5px; line-height: 1.4;">あなたに最適な成分は？<br>お悩み別・早見表</div>
    </div>

    <a href="#cat1" class="hopef-match-link">
        <div class="hopef-match-card" style="border-left: 6px solid #4a90e2;">
            <div class="hopef-match-text">
                <span style="display: inline-block; font-size: 0.75em; color: #4a90e2; font-weight: bold; background: #f0f7ff; padding: 2px 8px; border-radius: 4px; margin-bottom: 6px;">お悩み 01</span>
                <div style="font-size: 0.95em; color: #333; font-weight: bold; line-height: 1.6;">ストレスや疲労感が強いなら</div>
            </div>
            <div class="hopef-match-btn" style="background: #4a90e2; color: #ffffff; box-shadow: 0 4px 10px rgba(74, 144, 226, 0.3);">
                ▶︎「鎮圧と防御」へ
            </div>
        </div>
    </a>

    <a href="#cat2" class="hopef-match-link">
        <div class="hopef-match-card" style="border-left: 6px solid #2e7d32;">
            <div class="hopef-match-text">
                <span style="display: inline-block; font-size: 0.75em; color: #2e7d32; font-weight: bold; background: #e8f5e9; padding: 2px 8px; border-radius: 4px; margin-bottom: 6px;">お悩み 02</span>
                <div style="font-size: 0.95em; color: #333; font-weight: bold; line-height: 1.6;">アレ・ソレが増え、<br>言葉のド忘れが気になるなら</div>
            </div>
            <div class="hopef-match-btn" style="background: #2e7d32; color: #ffffff; box-shadow: 0 4px 10px rgba(46, 125, 50, 0.3);">
                ▶︎「補充と伝達」へ
            </div>
        </div>
    </a>

    <a href="#cat3" class="hopef-match-link">
        <div class="hopef-match-card" style="border-left: 6px solid #c2185b;">
            <div class="hopef-match-text">
                <span style="display: inline-block; font-size: 0.75em; color: #c2185b; font-weight: bold; background: #fce4ec; padding: 2px 8px; border-radius: 4px; margin-bottom: 6px;">お悩み 03</span>
                <div style="font-size: 0.95em; color: #333; font-weight: bold; line-height: 1.6;">頭の回転や、<br>全身の巡りを良くしたいなら</div>
            </div>
            <div class="hopef-match-btn" style="background: #c2185b; color: #ffffff; box-shadow: 0 4px 10px rgba(194, 24, 91, 0.3);">
                ▶︎「循環」へ
            </div>
        </div>
    </a>

    <a href="#cat4" class="hopef-match-link">
        <div class="hopef-match-card" style="border-left: 6px solid #8e24aa;">
            <div class="hopef-match-text">
                <span style="display: inline-block; font-size: 0.75em; color: #6a1b9a; font-weight: bold; background: #f3e5f5; padding: 2px 8px; border-radius: 4px; margin-bottom: 6px;">お悩み 04</span>
                <div style="font-size: 0.95em; color: #333; font-weight: bold; line-height: 1.6;">根本的な体質改善から<br>脳をケアしたいなら</div>
            </div>
            <div class="hopef-match-btn" style="background: #8e24aa; color: #ffffff; box-shadow: 0 4px 10px rgba(142, 36, 170, 0.3);">
                ▶︎「メンテナンス」へ
            </div>
        </div>
    </a>
</div>



<p class="wp-block-paragraph">あなたに一番フィットする成分を見つけたら、まずは「最低3ヶ月（12週間）」、焦らずじっくりと続けてみてください。</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>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



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



<style>
/* ==================================================
   Memory Coffee: FAQ Section Styles
   ================================================== */
.mc-faq-wrapper {
    margin: 50px auto;
    max-width: 750px; 
    padding: 35px 25px;
    background-color: #fdfaf5;
    border: 1px solid #e0d5c1;
    border-radius: 12px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    box-sizing: border-box;
}

.mc-faq-header {
    text-align: center;
    margin-bottom: 35px;
}
.mc-faq-subtitle {
    color: #C5A059;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: 2px;
    display: block;
}

/* h2からdivに戻したタイトルのスタイル */
.mc-faq-title {
    font-size: 1.4em;
    font-weight: bold;
    color: #1A2A40;
    margin: 8px 0 0 0;
    padding: 0;
    border: none;
    line-height: 1.4;
}

.mc-faq-item {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.04);
}

.mc-faq-q-box {
    margin-bottom: 18px;
}
.mc-faq-q-icon {
    color: #1A2A40;
    font-size: 1.3em;
    font-weight: bold;
    margin-right: 8px;
}
.mc-faq-q-text {
    font-weight: bold;
    color: #333;
    font-size: 1.05em;
    line-height: 1.6;
}

.mc-faq-a-box {
    padding-top: 18px;
    border-top: 1px dashed #e0e0e0;
}
.mc-faq-a-icon {
    display: block; 
    color: #C5A059;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1;
}
.mc-faq-a-text {
    color: #444;
    font-size: 0.95em;
    line-height: 1.8;
}
.mc-faq-a-text strong {
    background: linear-gradient(transparent 60%, #fef0c7 0);
}

@media screen and (max-width: 600px) {
    .mc-faq-wrapper {
        padding: 25px 15px;
        margin: 40px 0;
    }
    .mc-faq-item {
        padding: 20px 15px;
    }
    .mc-faq-title {
        font-size: 1.25em;
    }
}
</style>

<div class="mc-faq-wrapper">
    
    <div class="mc-faq-header">
        <span class="mc-faq-subtitle">FAQ</span>
        <!-- 見た目はdivのまま、意味（セマンティクス）だけをH2にする -->
        <div class="mc-faq-title" role="heading" aria-level="2">脳と認知機能ケアの<br class="mc-sp-only">「よくある質問」</div>
    </div>

    <!-- FAQ Item 1 -->
    <div class="mc-faq-item">
        <div class="mc-faq-q-box">
            <span class="mc-faq-q-icon">Q.</span>
            <span class="mc-faq-q-text">機能性成分は、どのくらいの期間で実感できますか？</span>
        </div>
        <div class="mc-faq-a-box">
            <span class="mc-faq-a-icon">A.</span>
            <div class="mc-faq-a-text">
                成分によって異なりますが、細胞の根本的な生まれ変わりや蓄積を考慮すると、<strong>最低でも「12週間（約3ヶ月）」から「半年以上」の継続</strong>が推奨されます。<br>
                即効性を求めるのではなく、将来の脳を守る「長期的な土台作り」として毎日の習慣にすることが最も重要です。
            </div>
        </div>
    </div>

    <!-- FAQ Item 2 -->
    <div class="mc-faq-item">
        <div class="mc-faq-q-box">
            <span class="mc-faq-q-icon">Q.</span>
            <span class="mc-faq-q-text">物忘れがひどくなってから対策を始めるのでは遅いですか？何歳から始めるべきですか？</span>
        </div>
        <div class="mc-faq-a-box">
            <span class="mc-faq-a-icon">A.</span>
            <div class="mc-faq-a-text">
                決して遅くはありませんが、<strong>「早めの対策」に勝る対策はありません。</strong><br>
                脳のゴミ（アミロイドβなど）は、認知機能の低下を自覚する「10年〜20年前（40代・50代）」から蓄積が始まります。<br>
                気になり始めた「今」が、サビ止めや脳腸ケアを始めるベストなタイミングです。
            </div>
        </div>
    </div>

    <!-- FAQ Item 3 -->
    <div class="mc-faq-item">
        <div class="mc-faq-q-box">
            <span class="mc-faq-q-icon">Q.</span>
            <span class="mc-faq-q-text">これらの成分は、毎日の「食事」だけで十分に補うことはできますか？</span>
        </div>
        <div class="mc-faq-a-box">
            <span class="mc-faq-a-icon">A.</span>
            <div class="mc-faq-a-text">
                <strong>結論から言うと、機能性を発揮する「絶対量（有効量）」を毎日食事だけで摂り続けるのは、ほぼ不可能です。</strong><br>
                「食品に含まれていること」と「機能性を得るレベルで摂取すること」は全く別物です。<br>
                たとえば、GABAを有効量摂るには毎日大量のトマトが必要になり、DHAのために毎日青魚を食べ続けるのは現実的ではありません。<br>
                だからこそ、必要な成分が凝縮されたサプリメントや機能性食品を「効率よく活用する」のが、最も確実で賢い選択です。
            </div>
        </div>
    </div>

    <!-- FAQ Item 4 -->
    <div class="mc-faq-item">
        <div class="mc-faq-q-box">
            <span class="mc-faq-q-icon">Q.</span>
            <span class="mc-faq-q-text">19種類もあって迷います。結局、最初はどれを選べばいいですか？</span>
        </div>
        <div class="mc-faq-a-box">
            <span class="mc-faq-a-icon">A.</span>
            <div class="mc-faq-a-text">
                まずはご自身が一番強く感じている「お悩み」から逆算してください。<br><br>
                ・疲労感やストレスが強いなら<strong>「鎮圧と防御」</strong><br>
                ・言葉のド忘れが増えたなら<strong>「補充と伝達」</strong><br>
                ・頭の回転や巡りが気になるなら<strong>「循環」</strong><br>
                ・根本的な体質やメンタルから整えたいなら<strong>「メンテナンス（脳腸ケア）」</strong><br><br>
                記事内の「早見表」を活用し、今の自分に最も必要な成分からスタートすることをおすすめします。
            </div>
        </div>
    </div>

</div>

<!-- JSON-LD (構造化データ) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "機能性成分は、どのくらいの期間で実感できますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "成分によって異なりますが、細胞の根本的な生まれ変わりや蓄積を考慮すると、最低でも「12週間（約3ヶ月）」から「半年以上」の継続が推奨されます。即効性を求めるのではなく、将来の脳を守る「長期的な土台作り」として毎日の習慣にすることが最も重要です。"
      }
    },
    {
      "@type": "Question",
      "name": "物忘れがひどくなってから対策を始めるのでは遅いですか？何歳から始めるべきですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "決して遅くはありませんが、「早めの対策」に勝る対策はありません。脳のゴミ（アミロイドβなど）は、認知機能の低下を自覚する「10年〜20年前（40代・50代）」から蓄積が始まります。気になり始めた「今」が、サビ止めや脳腸ケアを始めるベストなタイミングです。"
      }
    },
    {
      "@type": "Question",
      "name": "これらの成分は、毎日の「食事」だけで十分に補うことはできますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "結論から言うと、機能性を発揮する「絶対量（有効量）」を毎日食事だけで摂り続けるのは、ほぼ不可能です。「食品に含まれていること」と「機能性を得るレベルで摂取すること」は全く別物です。たとえば、GABAを有効量摂るには毎日大量のトマトが必要になり、DHAのために毎日青魚を食べ続けるのは現実的ではありません。だからこそ、必要な成分が凝縮されたサプリメントや機能性食品を「効率よく活用する」のが、最も確実で賢い選択です。"
      }
    },
    {
      "@type": "Question",
      "name": "19種類もあって迷います。結局、最初はどれを選べばいいですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "まずはご自身が一番強く感じている「お悩み」から逆算してください。疲労感やストレスが強いなら「鎮圧と防御」。言葉のド忘れが増えたなら「補充と伝達」。頭の回転や巡りが気になるなら「循環」。根本的な体質やメンタルから整えたいなら「メンテナンス（脳腸ケア）」。記事内の「早見表」を活用し、今の自分に最も必要な成分からスタートすることをおすすめします。"
      }
    }
  ]
}
</script>



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



<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-rich-foods-list/">
      <div class="end-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="end-card-body">
        <div class="end-card-tag">GABA × 食事</div>
        <div class="end-card-title">食事だけでGABA200mgは難しい訳</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/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>

  </div>
</div>

<style>
.end-section {
  background: #f7f4ee;
  border-top: 1px solid #e5dece;
  padding: 32px 20px 40px;
  margin-top: 48px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  box-sizing: border-box;
}

.end-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.end-header-bar {
  width: 5px; 
  height: 22px;
  background: #c4993a;
  border-radius: 3px;
  flex-shrink: 0;
}

.end-header-text {
  font-size: 1.25rem; 
  font-weight: 700;
  color: #1a1a1a;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.end-card {
  display: block;
  background: #fff;
  border: 1px solid #e5dece;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition: all 0.2s ease;
}

.end-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15);
}

.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: 16px; 
}

.end-card-tag {
  display: inline-block;
  font-size: 13px; 
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #8c6d2f;
  background: #fdfaf3; 
  border: 1px solid #e5dece;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.end-card-title {
  font-size: 1rem; 
  font-weight: 700;
  line-height: 1.6;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
</style>



<!-- ==========================================
  免責事項および重要事項セクション（最終調整版）
========================================== -->
<section class="mc-disclaimer-section">
  <div class="mc-disclaimer-box">
    <div class="mc-disclaimer-title" role="heading" aria-level="4">
      <span class="mc-disclaimer-icon">⚖️</span> 免責事項および重要事項
    </div>

    <ul class="mc-disclaimer-list">
      
      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">1. 情報の正確性と目的について：</b><br>
        本記事の内容は、執筆時点における学術文献および公的機関のデータに基づいて作成されております。情報の正確性には細心の注意を払っておりますが、科学的知見の更新により解釈が変わる可能性があります。本記事は一般的なメカニズムの情報提供を目的としており、医師による医学的な診断や治療を代替するものではありません。
      </li>
      
      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">2. 生活習慣とセルフケアについて：</b><br>
        機能性表示食品は、日々の課題を魔法のように解決する万能薬ではありません。バランスの取れた食事、適度な運動、十分な睡眠といった「ご自身の自助努力」をベースとし、それを内側からサポートするための食品としてご活用ください。
      </li>

      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">3. カフェインの摂取と体質への配慮：</b><br>
        本品にはコーヒー由来のカフェインが含まれています。カフェインに対する耐性や、GABAの働き・実感には個人差があります。ご自身の体質やその日の体調に合わせて適切な量をお召し上がりください。また、妊娠中・授乳中の方、カフェインに敏感な方は過剰摂取にご注意ください。
      </li>

      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">4. 機能性表示食品に関する事項（届出番号：J1384）：</b><br>
        本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。また、本品は疾病の診断、治療、予防を目的としたものではありません。
      </li>

     

      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">5. 損害への責任：</b><br>
        本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。最終的なご自身の健康管理や判断につきましては、自己責任において行っていただけますようお願い申し上げます。<br>
       
      </li>
      
    </ul>
  </div>
</section>

<style>
/* ==========================================
  デザイン用 CSS（px絶対指定版・オリジナル配色）
========================================== */
.mc-disclaimer-section {
  width: 100% !important;
  margin: 32px 0 24px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 24px !important;
  box-sizing: border-box !important;
}
.mc-disclaimer-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.03) !important;
}
.mc-disclaimer-title {
  font-size: 15px !important;
  color: #0f172a !important;
  margin: 0 0 16px 0 !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  /* SWELLの見出し装飾をリセット */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.mc-disclaimer-title::before,
.mc-disclaimer-title::after {
  content: none !important;
  display: none !important;
}
.mc-disclaimer-icon {
  margin-right: 8px !important;
}
.mc-disclaimer-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
}
.mc-disclaimer-item {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px dashed #e2e8f0 !important;
}
.mc-disclaimer-item:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.mc-disclaimer-label {
  color: #1e293b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  margin-bottom: 4px !important;
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .mc-disclaimer-section { margin: 28px 0 16px 0 !important; padding-top: 16px !important; }
  .mc-disclaimer-box { padding: 20px 16px !important; border-radius: 10px !important; }
  .mc-disclaimer-title { font-size: 14px !important; }
  .mc-disclaimer-list { font-size: 12px !important; }
  .mc-disclaimer-label { font-size: 13px !important; }
}
</style>



<div class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <!-- h4ではなく、ただのdivに変更 -->
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px 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;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* divになったので、テーマリセット（!important等）は不要になりスッキリ */
.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    .author-title {
        font-size: 1.125rem;
    }
    .author-desc {
        font-size: 0.9375rem;
        text-align: left;
    }
    .author-box-footer {
        padding: 16px;
    }
}
</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: 0.875rem; 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入りコーヒーは意味がない？カフェインとの「矛盾」と記憶力を引き出す理想のメカニズム</title>
		<link>https://memory-coffee.jp/magazine/gaba-caffeine-synergy/</link>
		
		<dc:creator><![CDATA[memory-lab-0369]]></dc:creator>
		<pubDate>Fri, 20 Mar 2026 14:55:48 +0000</pubDate>
				<category><![CDATA[GABA基礎知識]]></category>
		<guid isPermaLink="false">https://memory-coffee.jp/?p=4161</guid>

					<description><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-02-1024x576.webp" class="webfeedsFeaturedVisual" /></p>情報マガジン 会社情報 お問い合わせ 無料サンプル 商品を見る 製品をみる CLOSE 無料サンプル 購入はこちら もっと詳しくみる 情報マガジン 会社情報 お問い合わせ この記事のポイント 「目を覚ますカフェイン」と「 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img src="https://memory-coffee.jp/wp-content/uploads/2026/05/gaba-caffeine-synergy-thumbnail-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: 0.9375rem; 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: 0.9375rem; 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: 0.875rem; 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: 0.875rem; 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: 0.875rem; 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>



<!-- ==========================================
  記事冒頭：要点まとめボックス（カフェイン×GABA・記憶力ケア版）
========================================== -->

<div class="memory-summary-box">
  <div class="memory-summary-title">この記事のポイント</div>
  <ul class="memory-summary-list">
    <li>「目を覚ますカフェイン」と「リラックスのGABA」が<span class="memory-summary-highlight">効果を相殺しない科学的な理由</span></li>
    <li>加齢による「アレ？」「名前が出ない」が起こる原因と、<span class="memory-summary-highlight">GABAがもたらす変化</span></li>
    <li>記憶力ケアに「サプリメント」ではなく<span class="memory-summary-highlight">「毎日のコーヒー」を選ぶべき決定的な理由</span></li>
  </ul>
</div>

<style>
/* ボックス全体（大黒柱） */
.memory-summary-box {
  font-size: 1rem !important; /* 【PC側基準】 */
  background-color: #f2f7fb !important; 
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.6) 2px,
    transparent 2px,
    transparent 8px
  ) !important;
  border: 4px solid #635bff !important; /* px維持 */
  border-radius: 6px !important; /* px維持 */
  padding: 2.5em 2em !important; /* 40px 32px相当をem化 */
  margin: 2em 0 3em 0 !important; /* 32px 0 48px 0相当をem化 */
  box-shadow: 0 8px 24px rgba(99, 91, 255, 0.06) !important; /* px維持 */
  position: relative !important;
  overflow: hidden !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  box-sizing: border-box !important;
}

/* 透かし文字（POINT） */
.memory-summary-box::after {
  content: "POINT" !important;
  position: absolute !important;
  bottom: -15px !important; /* px維持 */
  right: 0px !important;
  font-size: 5em !important; /* 80px相当をem化 */
  font-weight: 800 !important;
  color: rgba(37, 99, 235, 0.04) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  letter-spacing: -0.02em !important;
  z-index: 1 !important;
}

/* タイトル */
.memory-summary-title {
  font-size: 1.25em !important; /* 20px相当をem化（大見出し） */
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 1.5em !important; /* 24px相当をem化 */
  display: flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  position: relative !important;
  z-index: 2 !important;
}
.memory-summary-title::before {
  content: '💡' !important;
  display: inline-block !important;
  margin-right: 0.75em !important; /* 12px相当をem化 */
  font-size: 1.1em !important; /* 絵文字サイズを親に連動 */
  line-height: 1 !important;
}

/* 箇条書きリスト */
.memory-summary-list {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ★ リストテキスト（記事の要点なので絶対に1emを死守！） */
.memory-summary-list li {
  position: relative !important;
  padding-left: 2em !important; /* 32px相当をem化 */
  margin-bottom: 1.25em !important; /* 20px相当をem化 */
  color: #333333 !important;
  line-height: 1.8 !important;
  font-size: 1em !important; /* 17px → 1emに修正。スマホ時に確実に1.15remになります */
  letter-spacing: 0.03em !important;
  font-weight: 500 !important;
}

/* チェックマーク */
.memory-summary-list li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: -2px !important; /* 微調整用px維持 */
  color: #635bff !important;
  font-weight: bold !important;
  font-size: 1.375em !important; /* 22px相当をem化 */
}
.memory-summary-list li:last-child { 
  margin-bottom: 0 !important; 
}

/* マーカーハイライト */
.memory-summary-highlight {
  color: #1a1a1a !important;
  font-weight: 800 !important;
  /* ↓ rgbaを使用して黄色に60%の透過度（0.6）を設定しました */
  background: linear-gradient(transparent 65%, rgba(255, 235, 59, 0.6) 0) !important;
}

/* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
@media (max-width: 600px) {
  .memory-summary-box { 
    font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
    padding: 1.5em 1.25em !important; /* スマホ用余白圧縮 */
    margin: 1.5em 0 2em 0 !important; 
  }
  .memory-summary-title { 
    margin-bottom: 1.25em !important; 
    /* スマホ時に文字を縮小させる指定はすべて排除し、1.15remの連動を引き継がせます */
  }
  .memory-summary-list li { 
    padding-left: 1.75em !important; 
    margin-bottom: 1em !important; 
    line-height: 1.7 !important; 
  }
  .memory-summary-box::after { 
    font-size: 3.5em !important; /* 透かし文字がはみ出ないよう調整 */
    bottom: -10px !important; 
    right: -5px !important; 
  }
}
</style>



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



<p class="wp-block-paragraph">チョコレートを中心に存在が広まり、多くの研究によって、様々な機能性があることが報告されている<strong><span class="swl-marker mark_yellow">「GABA」</span></strong>（正式名称：γ-アミノ酪酸）</p>



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



<p class="wp-block-paragraph">そんな加齢に伴う「認知機能の一部（記憶力等）」の低下をサポートする成分として、近年<strong>「GABA（ギャバ）」</strong>が大きな注目を集めています。</p>



<p class="wp-block-paragraph">そこで、Memory Coffee（メモリーコーヒー）は、<strong><span class="swl-marker mark_yellow">GABA200mg</span></strong>を毎日の習慣にしやすい<strong><span class="swl-marker mark_yellow">「コーヒー」</span></strong>に配合したものです。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="750" height="750" src="https://memory-coffee.jp/wp-content/uploads/2026/01/lp001-offer-01p.webp" alt="" class="wp-image-2227" srcset="https://memory-coffee.jp/wp-content/uploads/2026/01/lp001-offer-01p.webp 750w, https://memory-coffee.jp/wp-content/uploads/2026/01/lp001-offer-01p-300x300.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/01/lp001-offer-01p-150x150.webp 150w" sizes="(max-width: 750px) 100vw, 750px" /></figure>
</div>


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



<h2 class="wp-block-heading">「目を覚ますコーヒー」に「リラックスのGABA」を入れる矛盾</h2>



<p class="wp-block-paragraph">しかし、お客様からこんな質問がありました。</p>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-left -sp-vrtcl" data-col="yellow"><div class="c-balloon__icon -square"><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-on"><div class="c-balloon__text">
<p>コーヒーのカフェインは目を覚ますのに、GABAはリラックスさせる成分ですよね？</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 -sp-vrtcl" data-col="yellow"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/08/fukidasikyara-52.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-on"><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:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">確かに、<strong>眠気覚ましのアクセル</strong>（カフェイン）と、<strong>リラックスのブレーキ</strong>（GABA）。</p>



<p class="wp-block-paragraph">相反する2つの成分を同時に摂取することは、一見すると矛盾しているように思えます。</p>



<p class="wp-block-paragraph">「飲んだら眠れなくなるのか？」<br>「飲んだらゆったりとしてしまうのか？」<br><br>などと気になるのも当然です。</p>



<p class="wp-block-paragraph">しかし、結論から申し上げます。</p>



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


<div class="swell-block-balloon"><div class="c-balloon -bln-right" data-col="blue"><div class="c-balloon__icon -square"><img decoding="async" loading="lazy" src="https://memory-coffee.jp/wp-content/uploads/2026/07/fukidasikyara-11.webp" alt="" class="c-balloon__iconImg" width="80px" height="80px"></div><div class="c-balloon__body -speaking -border-on"><div class="c-balloon__text">
<p><strong>GABAとコーヒー（カフェインを含む）の組み合わせは、お互いの特性を損なうものではありません。</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:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">それどころか、日中の脳のパフォーマンス（記憶力や集中力）を引き出す上で、これ以上ない<strong><span class="swl-marker mark_yellow">「相乗効果」を生み出す理想の組み合わせ</span></strong>といえます。</p>



<p class="wp-block-paragraph">本記事では、機能性表示食品のロジックと脳科学の観点から、<strong>なぜGABA入りコーヒーが「意味がない」どころか「理にかなった理想の飲み物」なのか？</strong>、そのメカニズムを分かりやすく徹底解説します。</p>



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



<h2 class="wp-block-heading">カフェインとGABAは「脳の効くスイッチ」が全く違う</h2>



<p class="wp-block-paragraph">なぜ、アクセルとブレーキが打ち消し合わないのか。<br><br>その理由は、<strong><span class="swl-marker mark_yellow">カフェインとGABAが脳内で作用する「スイッチ（受容体）」が、それぞれ全く別の場所に存在しているからです。</span></strong></p>



<p class="wp-block-paragraph">脳内で起こっている2つの異なる作用を紐解いてみましょう。</p>



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



<!-- ==========================================
  カフェイン・アデノシン ブロックメカニズムアニメーション（フリーズ完全解消版）
========================================== -->
<div class="caf-anim-wrapper" id="cafAnimBox">
  <div class="caf-anim-container">
    
    <!-- 状態を説明するテキスト -->
    <div class="caf-anim-text caf-text-1">1. 疲労物質「アデノシン」が蓄積</div>
    <div class="caf-anim-text caf-text-2">2. 受容体に結合 ＝「疲れた・眠い」と感じる</div>
    <div class="caf-anim-text caf-text-3">3. カフェインが先回りしてフタをする！</div>
    <div class="caf-anim-text caf-text-4">4. 疲労信号を物理的にブロック ＝ スッキリ！</div>

    <!-- 脳の受容体 -->
    <div class="caf-receptor">
      <div class="caf-receptor-label">アデノシン<br>受容体</div>
    </div>

    <!-- アデノシン（青い丸） -->
    <div class="caf-adenosine">アデノシン</div>

    <!-- カフェイン（黄色い三角） -->
    <div class="caf-caffeine">カフェイン</div>
    
  </div>
  
  <!-- 注釈（コンプライアンス対応） -->
  <div class="caf-anim-disclaimer">
    ※アニメーションはイメージです。実際の体内でのメカニズムを分かりやすく簡略化して表現しています。
  </div>
</div>

<style>
/* ＝ コンテナ全体 ＝ */
.caf-anim-wrapper {
  background-color: #eef7fb !important;
  border: 1px solid #d1e5f0 !important;
  border-radius: 8px !important;
  padding: 24px 24px 16px 24px !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
  box-sizing: border-box !important;
}

.caf-anim-container {
  position: relative !important;
  width: 100% !important;
  height: 220px !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ＝ テキストエリア ＝ */
.caf-anim-text {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1e3a8a !important;
  /* アニメーションで動かすプロパティには !important を付けない */
  opacity: 0;
  background: rgba(255,255,255,0.7) !important;
  padding: 8px 0 !important;
  border-radius: 4px !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
}

/* ＝ キャラクター/オブジェクト（初期停止状態） ＝ */
.caf-receptor {
  position: absolute !important;
  right: 20px !important;
  top: 90px !important;
  width: 60px !important;
  height: 80px !important;
  border: 6px solid #475569 !important;
  border-left: none !important;
  border-radius: 0 40px 40px 0 !important;
  box-sizing: border-box !important;
}
.caf-receptor-label {
  position: absolute !important;
  top: -45px !important;
  left: -20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  text-align: center !important;
  width: 100px !important;
  line-height: 1.3 !important;
}

.caf-adenosine {
  position: absolute !important;
  top: 100px !important;
  width: 60px !important;
  height: 60px !important;
  background-color: #3b82f6 !important;
  border-radius: 50% !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 6px rgba(59, 130, 246, 0.4) !important;
  /* !important を外す */
  left: 20px; 
  opacity: 0;
}

.caf-caffeine {
  position: absolute !important;
  top: 100px !important;
  width: 60px !important;
  height: 60px !important;
  background-color: #f59e0b !important;
  clip-path: polygon(0 0, 100% 25%, 100% 75%, 0 100%) !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 6px rgba(245, 158, 11, 0.4) !important;
  /* !important を外す */
  left: 20px;
  opacity: 0;
}

/* ＝ 注釈テキスト ＝ */
.caf-anim-disclaimer {
  font-size: 12px !important;
  color: #64748b !important;
  text-align: right !important;
  margin-top: 16px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ==========================================
  スクロール到達時（.is-active 付与）にのみ発火するアニメーション
  ※バグ防止のため、animationプロパティ自体から !important を外す
========================================== */
.is-active .caf-text-1 { animation: textAnim1 12s infinite; }
.is-active .caf-text-2 { animation: textAnim2 12s infinite; }
.is-active .caf-text-3 { animation: textAnim3 12s infinite; }
.is-active .caf-text-4 { animation: textAnim4 12s infinite; }

@keyframes textAnim1 { 0%, 15% { opacity: 1; } 16%, 100% { opacity: 0; } }
@keyframes textAnim2 { 0%, 15% { opacity: 0; } 16%, 45% { opacity: 1; } 46%, 100% { opacity: 0; } }
@keyframes textAnim3 { 0%, 45% { opacity: 0; } 46%, 65% { opacity: 1; } 66%, 100% { opacity: 0; } }
@keyframes textAnim4 { 0%, 65% { opacity: 0; } 66%, 95% { opacity: 1; } 96%, 100% { opacity: 0; } }

/* PC用アニメーション（名前をPC専用にする） */
.is-active .caf-adenosine { animation: moveAdenosinePC 12s infinite; }
@keyframes moveAdenosinePC {
  0% { left: 20px; opacity: 1; transform: scale(1); }
  15% { left: calc(100% - 90px); opacity: 1; transform: scale(1); }
  40% { left: calc(100% - 90px); opacity: 1; transform: scale(0.9); }
  45% { opacity: 0; left: 20px; transform: scale(0.9); }
  46%, 65% { opacity: 0; left: 20px; transform: scale(1); }
  66% { opacity: 1; left: 20px; transform: scale(1); }
  75% { left: calc(100% - 160px); opacity: 1; transform: scale(1); }
  85% { left: 40px; opacity: 0.5; transform: rotate(-45deg); }
  95%, 100% { opacity: 0; left: 20px; transform: rotate(0); }
}

.is-active .caf-caffeine { animation: moveCaffeinePC 12s infinite; }
@keyframes moveCaffeinePC {
  0%, 45% { opacity: 0; left: 20px; transform: scale(1); }
  46% { opacity: 1; left: 20px; transform: scale(1.2); }
  55% { left: calc(100% - 90px); opacity: 1; transform: scale(1); }
  95% { opacity: 1; left: calc(100% - 90px); transform: scale(1); }
  96%, 100% { opacity: 0; left: calc(100% - 90px); transform: scale(1); }
}

/* ▼ スマホ表示最適化 ▼ */
@media (max-width: 600px) {
  .caf-anim-wrapper { padding: 16px 16px 12px 16px !important; }
  .caf-anim-text { font-size: 14px !important; padding: 4px 0 !important; }
  .caf-receptor { right: 10px !important; width: 40px !important; height: 60px !important; top: 100px !important; }
  .caf-adenosine, .caf-caffeine { width: 50px !important; height: 50px !important; font-size: 10px !important; top: 105px !important; }
  .caf-receptor-label { font-size: 12px !important; top: -35px !important; left: -25px !important; }
  .caf-anim-disclaimer { font-size: 11px !important; text-align: left !important; }
  
  /* スマホ用アニメーションを上書き適用 */
  .is-active .caf-adenosine { animation: moveAdenosineSP 12s infinite; }
  .is-active .caf-caffeine { animation: moveCaffeineSP 12s infinite; }
  
  /* スマホ専用の名前（SP）をつけることでSafariのフリーズバグを完全回避 */
  @keyframes moveAdenosineSP {
    0% { left: 10px; opacity: 1; transform: scale(1); }
    15%, 40% { left: calc(100% - 60px); opacity: 1; transform: scale(1); }
    45%, 65% { opacity: 0; left: 10px; transform: scale(1); }
    66% { opacity: 1; left: 10px; transform: scale(1); }
    75% { left: calc(100% - 120px); opacity: 1; transform: scale(1); }
    85% { left: 20px; opacity: 0.5; transform: rotate(-45deg); }
    95%, 100% { opacity: 0; left: 10px; transform: rotate(0); }
  }
  
  @keyframes moveCaffeineSP {
    0%, 45% { opacity: 0; left: 10px; transform: scale(1); }
    46% { opacity: 1; left: 10px; transform: scale(1.2); }
    55%, 95% { left: calc(100% - 60px); opacity: 1; transform: scale(1); }
    96%, 100% { opacity: 0; left: calc(100% - 60px); transform: scale(1); }
  }
}
</style>

<script>
(function() {
  function startCafAnimation() {
    var box = document.getElementById('cafAnimBox');
    if (!box) return;

    if ('IntersectionObserver' in window) {
      var observer = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add('is-active');
            observer.unobserve(entry.target);
          }
        });
      }, {
        rootMargin: '0px 0px -15% 0px' // 画面下から15%の位置で発火
      });
      observer.observe(box);
    } else {
      box.classList.add('is-active');
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', startCafAnimation);
  } else {
    startCafAnimation();
  }
})();
</script>



<h3 class="wp-block-heading">GABAのメカニズム│脳の「ノイズ（過緊張）」だけを静める</h3>



<p class="wp-block-paragraph">一方、GABAは、カフェインとは全く無関係の「GABA受容体」という専用のスイッチに直接働きかけます。</p>



<p class="wp-block-paragraph">GABAは、<strong>脳や脊髄で働く「抑制性の神経伝達物質」</strong>です。</p>



<p class="wp-block-paragraph">私たちが強いストレスを感じたり、情報過多になったりすると、脳の神経は過剰に興奮し<strong>「過緊張状態」</strong>に陥ります。GABAは、この張り詰めた神経の興奮を鎮め、無駄な焦りや雑念（ノイズ）をスッと消し去る「ブレーキ」の役割を果たします。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_green">カフェインの「最大の弱点」を、GABAがカバーする形となります。</span></strong></p>



<!-- ==========================================
  GABA 抑制・リラックスメカニズムアニメーション（スクロール連動・テキスト被り完全解消版）
========================================== -->
<div class="gaba-anim-wrapper" id="gabaAnimBox">
  <div class="gaba-anim-container">
    
    <!-- 状態を説明するテキスト -->
    <div class="gaba-anim-text gaba-text-1">1. 強いストレス等で<br class="mc-sp-only">神経が過剰に興奮（ノイズ発生）</div>
    <div class="gaba-anim-text gaba-text-2">2. GABAが専用の<br class="mc-sp-only">「GABA受容体」にピタッと結合</div>
    <div class="gaba-anim-text gaba-text-3">3. 興奮（過緊張）を鎮め、<br class="mc-sp-only">焦りやノイズをスッと消去！</div>
    <div class="gaba-anim-text gaba-text-4">4. カフェインの弱点をカバーし、<br class="mc-sp-only">理想のバランスへ</div>

    <!-- 脳の神経細胞（過緊張状態からリラックスへ） -->
    <div class="gaba-nerve">
      神経細胞
      <!-- ストレスのノイズ（イライラ・焦り） -->
      <div class="gaba-noise gaba-noise-1">⚡</div>
      <div class="gaba-noise gaba-noise-2">⚡</div>
      
      <!-- GABA受容体 -->
      <div class="gaba-receptor">
        <div class="gaba-receptor-label">GABA<br>受容体</div>
      </div>
    </div>

    <!-- GABA（緑の丸） -->
    <div class="gaba-molecule">GABA</div>
    
  </div>
  
  <!-- 注釈（コンプライアンス対応） -->
  <div class="gaba-anim-disclaimer">
    ※アニメーションはイメージです。実際の体内でのメカニズムを分かりやすく簡略化して表現しています。
  </div>
</div>

<style>
/* ＝ コンテナ全体 ＝ */
.gaba-anim-wrapper {
  background-color: #f4fdf8 !important;
  border: 1px solid #d1f0db !important;
  border-radius: 8px !important;
  padding: 24px 24px 16px 24px !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.gaba-anim-container {
  position: relative !important;
  width: 100% !important;
  /* ↓修正箇所：上部の余白を確保するため、全体の高さを広げました（220px → 240px） */
  height: 240px !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ＝ テキストエリア ＝ */
.gaba-anim-text {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #065f46 !important;
  opacity: 0;
  background: rgba(255,255,255,0.8) !important;
  padding: 8px 0 !important;
  border-radius: 4px !important;
  z-index: 10 !important;
}

/* ＝ キャラクター/オブジェクト ＝ */
/* 神経細胞 */
.gaba-nerve {
  position: absolute !important;
  right: 30px !important;
  /* ↓修正箇所：テキスト領域との衝突を避けるため20px下に移動（80px → 100px） */
  top: 100px !important;
  width: 100px !important;
  height: 100px !important;
  border-radius: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: white !important;
  z-index: 2 !important;
  background-color: #ef4444; 
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.8);
  transform: translateX(0);
}

/* 焦り・ノイズのビリビリ */
.gaba-noise {
  position: absolute !important;
  font-size: 28px !important;
  line-height: 1 !important;
  opacity: 1;
  transform: scale(1);
}
.gaba-noise-1 { top: -20px !important; left: -15px !important; }
.gaba-noise-2 { bottom: -15px !important; right: -20px !important; }

/* GABA受容体 */
.gaba-receptor {
  position: absolute !important;
  left: -20px !important;
  top: 25px !important;
  width: 20px !important;
  height: 50px !important;
  border: 4px solid #334155 !important;
  border-right: none !important;
  border-radius: 25px 0 0 25px !important;
  box-sizing: border-box !important;
}
.gaba-receptor-label {
  position: absolute !important;
  top: -50px !important;
  left: 35px !important;
  width: 60px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  text-align: center !important;
  line-height: 1.2 !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  padding: 2px 0 !important;
  border-radius: 4px !important;
  z-index: 5 !important;
}

/* GABA（緑の丸） */
.gaba-molecule {
  position: absolute !important;
  /* ↓修正箇所：神経細胞に合わせて20px下に移動（105px → 125px） */
  top: 125px !important;
  width: 50px !important;
  height: 50px !important;
  background-color: #10b981 !important;
  border-radius: 50% !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 6px rgba(16, 185, 129, 0.4) !important;
  z-index: 3 !important;
  left: 20px;
  opacity: 0;
}

/* ＝ 注釈テキスト ＝ */
.gaba-anim-disclaimer {
  font-size: 12px !important;
  color: #64748b !important;
  text-align: right !important;
  margin-top: 16px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ==========================================
  スクロール到達時（.is-active 付与）にのみ発火するアニメーション
========================================== */
.is-active .gaba-text-1 { animation: gabaText1 12s infinite !important; }
.is-active .gaba-text-2 { animation: gabaText2 12s infinite !important; }
.is-active .gaba-text-3 { animation: gabaText3 12s infinite !important; }
.is-active .gaba-text-4 { animation: gabaText4 12s infinite !important; }

@keyframes gabaText1 { 0%, 15% { opacity: 1; } 16%, 100% { opacity: 0; } }
@keyframes gabaText2 { 0%, 15% { opacity: 0; } 16%, 45% { opacity: 1; } 46%, 100% { opacity: 0; } }
@keyframes gabaText3 { 0%, 45% { opacity: 0; } 46%, 65% { opacity: 1; } 66%, 100% { opacity: 0; } }
@keyframes gabaText4 { 0%, 65% { opacity: 0; } 66%, 95% { opacity: 1; } 96%, 100% { opacity: 0; } }

/* GABA分子の動き */
.is-active .gaba-molecule { animation: gabaMove 12s infinite !important; }
@keyframes gabaMove {
  0%, 10% { opacity: 0; left: 20px; }
  15% { opacity: 1; left: 20px; }
  30% { left: calc(100% - 200px); opacity: 1; }
  90% { left: calc(100% - 200px); opacity: 1; }
  95%, 100% { opacity: 0; left: calc(100% - 200px); }
}

/* 神経細胞の動き（興奮→鎮静） */
.is-active .gaba-nerve { animation: nerveCalm 12s infinite !important; }
@keyframes nerveCalm {
  0%, 1% { background-color: #ef4444; box-shadow: 0 0 15px rgba(239, 68, 68, 0.8); transform: translateX(0); }
  2%, 6%, 10%, 14%, 18%, 22%, 26% { transform: translateX(-3px); background-color: #ef4444; box-shadow: 0 0 15px rgba(239, 68, 68, 0.8); }
  4%, 8%, 12%, 16%, 20%, 24%, 28% { transform: translateX(3px); background-color: #ef4444; box-shadow: 0 0 15px rgba(239, 68, 68, 0.8); }
  30% { transform: translateX(0); background-color: #ef4444; box-shadow: 0 0 15px rgba(239, 68, 68, 0.8); }
  45% { background-color: #3b82f6; box-shadow: 0 0 15px rgba(59, 130, 246, 0.4); transform: translateX(0); }
  90% { background-color: #3b82f6; box-shadow: 0 0 15px rgba(59, 130, 246, 0.4); transform: translateX(0); }
  95%, 100% { background-color: #ef4444; box-shadow: 0 0 15px rgba(239, 68, 68, 0.8); transform: translateX(0); }
}

/* ノイズ（⚡）の動き */
.is-active .gaba-noise { animation: noiseFade 12s infinite !important; }
@keyframes noiseFade {
  0%, 1% { opacity: 1; transform: scale(1); }
  2%, 6%, 10%, 14%, 18%, 22%, 26% { opacity: 0.3; transform: scale(0.8); }
  4%, 8%, 12%, 16%, 20%, 24%, 28% { opacity: 1; transform: scale(1.2); }
  30% { opacity: 1; transform: scale(1); }
  45%, 100% { opacity: 0; transform: scale(1); }
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .gaba-anim-text { font-size: 14px !important; padding: 4px 0 !important; }
  
  /* スマホ版も全体を下にシフト */
  .gaba-nerve { right: 10px !important; width: 70px !important; height: 70px !important; top: 110px !important; font-size: 11px !important; border-radius: 15px !important;}
  .gaba-molecule { width: 40px !important; height: 40px !important; font-size: 10px !important; top: 125px !important; }
  
  .gaba-receptor { left: -15px !important; top: 15px !important; width: 15px !important; height: 40px !important; border-radius: 20px 0 0 20px !important; border-width: 3px !important; }
  
  .gaba-receptor-label { 
    font-size: 10px !important; 
    top: -40px !important; 
    left: 20px !important; 
    width: 50px !important; 
    padding: 1px 0 !important;
  }
  
  .gaba-anim-disclaimer { font-size: 11px !important; text-align: left !important; }
  
  @keyframes gabaMove {
    0%, 10% { opacity: 0; left: 10px; }
    15% { opacity: 1; left: 10px; }
    30% { left: calc(100% - 135px); opacity: 1; }
    90% { left: calc(100% - 135px); opacity: 1; }
    95%, 100% { opacity: 0; left: calc(100% - 135px); }
  }
}
</style>

<script>
(function() {
  function startGabaAnimation() {
    var box = document.getElementById('gabaAnimBox');
    if (!box) return;

    if ('IntersectionObserver' in window) {
      var observer = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add('is-active');
            observer.unobserve(entry.target);
          }
        });
      }, {
        rootMargin: '0px 0px -15% 0px'
      });
      observer.observe(box);
    } else {
      box.classList.add('is-active');
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', startGabaAnimation);
  } else {
    startGabaAnimation();
  }
})();
</script>



<!-- ==========================================
  解説ボックス：脳の働くエリアの違い（UX最優先・完全最適化版）
========================================== -->
<div class="mc-brain-area-box">
  
  <!-- ヘッダー部分 -->
  <div class="mc-brain-area-header">
    <div class="mc-brain-area-title">
      <span class="mc-brain-area-icon">🧠</span> 脳内の「働く部署（エリア）」も全く違う
    </div>
    <p class="mc-brain-area-intro">
      スイッチ（受容体）が違うだけでなく、それぞれの成分が主にアプローチする<strong>「脳のエリア」</strong>も異なります。互いに邪魔をせず、それぞれの特性を活かせる理由がここにあります。
    </p>
  </div>

  <!-- コンテンツ部分 -->
  <div class="mc-brain-area-body">
    
    <!-- 比較カードエリア -->
    <div class="mc-brain-card-wrap">
      
      <!-- カフェインのカード -->
      <div class="mc-brain-card">
        <div class="mc-brain-badge badge-caffeine">
          ☕ カフェインの主戦場
        </div>
        <p class="mc-brain-card-title">
          大脳皮質<span class="mc-brain-card-kana">（だいのうひしつ）</span>など
        </p>
        <p class="mc-brain-card-text">
          思考や覚醒を司る、脳の表面エリア。<br>眠気を誘うサインをブロックし、シャキッとクリアな状態をサポートします。
        </p>
      </div>

      <!-- GABAのカード -->
      <div class="mc-brain-card">
        <div class="mc-brain-badge badge-gaba">
          ✨ GABAの主戦場
        </div>
        <p class="mc-brain-card-title">
          扁桃体<span class="mc-brain-card-kana">（へんとうたい）</span>周辺
        </p>
        <p class="mc-brain-card-text">
          不安やストレスのセンサーである「扁桃体」の過剰な興奮をなだめるように働きかけます。<br>これにより、隣にある記憶の司令塔<strong>「海馬」</strong>がノイズから守られ、本来の記憶力を発揮しやすい環境を整えます。
        </p>
      </div>
      
    </div>

    <!-- まとめ部分 -->
    <div class="mc-brain-summary">
      <p class="mc-brain-summary-text">
        <b class="mc-brain-summary-bold">💡 つまり…</b><br>
        カフェインが「大脳」を起こして意識をハッキリさせている裏側で、GABAは「扁桃体」を落ち着かせ、「海馬（記憶）」の働きをサポートしている。<br>これが、両者が効果を打ち消し合わない科学的な理由です。
      </p>
    </div>
    
  </div>
</div>

<style>
/* ＝ コンテナ全体 ＝ */
.mc-brain-area-box {
  font-size: 1rem !important; /* 【PC側基準】大黒柱 */
  max-width: 800px !important; /* px維持 */
  margin: 2.5em auto !important; /* 40px相当をem化 */
  background: #ffffff !important; 
  border: 1px solid #e2e8f0 !important; /* px維持 */
  border-radius: 8px !important; /* px維持 */
  box-shadow: 0 8px 24px rgba(0,0,0,0.04) !important; /* px維持 */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif !important; 
  overflow: hidden !important; 
  box-sizing: border-box !important;
}

/* ＝ ヘッダー部分 ＝ */
.mc-brain-area-header {
  background: #f8fafc !important; 
  padding: 1.5em 2em !important; /* 24px 32px相当をem化 */
  border-bottom: 1px solid #e2e8f0 !important; /* px維持 */
}

/* h4を使わずdivで見出しを構成し、テーマの装飾干渉を完全に防ぐ */
.mc-brain-area-title {
  margin: 0 !important; 
  color: #0f172a !important; 
  font-size: 1.25em !important; /* 20px相当をem化（大見出し階層） */
  font-weight: bold !important; 
  display: flex !important; 
  align-items: center !important; 
  letter-spacing: 0.05em !important; 
  border: none !important; 
  padding: 0 !important; 
  background: transparent !important;
}
.mc-brain-area-icon {
  font-size: 1.1em !important; /* 22px相当を親の1.25emからの比率で指定 */
  margin-right: 0.6em !important; /* 12px相当をem化 */
}

/* ★ 導入文（読者が読む本文なので絶対に1emを死守！） */
.mc-brain-area-intro {
  margin: 0.8em 0 0 0 !important; 
  font-size: 1em !important; /* 0.95em → 1em に修正 */
  color: #475569 !important; 
  line-height: 1.7 !important;
}

/* ＝ コンテンツ部分 ＝ */
.mc-brain-area-body {
  padding: 2em !important; /* 32px相当をem化 */
}

/* ＝ 比較カードエリア ＝ */
.mc-brain-card-wrap {
  display: flex !important; 
  flex-wrap: wrap !important; 
  gap: 1.5em !important; /* 24px相当をem化 */
  margin-bottom: 2em !important; /* 32px相当をem化 */
}

/* 各カード */
.mc-brain-card {
  flex: 1 !important; 
  min-width: 250px !important; /* px維持（折れ返しポイント） */
  background: #ffffff !important; 
  border: 1px solid #e2e8f0 !important; /* px維持 */
  border-radius: 8px !important; /* px維持 */
  padding: 1.5em 1.25em 1.25em !important; /* 24px 20px 20px相当をem化 */
  box-sizing: border-box !important; 
  position: relative !important;
}

/* バッジ（位置と形はpx維持・補足なので小さめ維持） */
.mc-brain-badge {
  position: absolute !important; 
  top: -12px !important; 
  left: 20px !important; 
  color: #ffffff !important; 
  font-size: 0.85em !important; 
  font-weight: bold !important; 
  padding: 4px 12px !important; 
  border-radius: 20px !important; 
  letter-spacing: 0.05em !important; 
}
.badge-caffeine {
  background: #334155 !important; 
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}
.badge-gaba {
  background: #10b981 !important; 
  box-shadow: 0 2px 4px rgba(16,185,129,0.2) !important;
}

/* カードタイトル */
.mc-brain-card-title {
  margin: 0.75em 0 !important; 
  font-weight: bold !important; 
  color: #0f172a !important; 
  font-size: 1.15em !important; /* 中見出し階層 */
  text-align: center !important; 
  border-bottom: 1px dashed #cbd5e1 !important; /* px維持 */
  padding-bottom: 0.65em !important; 
}
.mc-brain-card-kana {
  font-size: 0.75em !important; /* 補足のフリガナなので小さめ維持 */
  color: #64748b !important; 
  font-weight: normal !important; 
  margin-left: 0.25em !important; 
}

/* ★ カード本文（読者が一番知りたい解説部分なので絶対に1emを死守！） */
.mc-brain-card-text {
  margin: 0 !important; 
  font-size: 1em !important; /* 0.9em → 1em に修正 */
  color: #475569 !important; 
  line-height: 1.7 !important;
}

/* ＝ まとめ部分 ＝ */
.mc-brain-summary {
  background: #fcfaf5 !important; 
  padding: 1.25em 1.5em !important; 
  border-radius: 6px !important; /* px維持 */
}

/* ★ まとめ本文（結論部分なので絶対に1emを死守！） */
.mc-brain-summary-text {
  margin: 0 !important; 
  font-size: 1em !important; /* 0.95em → 1em に修正 */
  color: #334155 !important; 
  line-height: 1.7 !important;
}
.mc-brain-summary-bold {
  color: #0f172a !important;
}

/* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
@media (max-width: 600px) {
  .mc-brain-area-box {
    font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
  }
  .mc-brain-area-header {
    padding: 1.25em !important; /* スマホ用に余白圧縮 */
  }
  .mc-brain-area-body {
    padding: 1.5em 1.25em !important; /* スマホ用に余白圧縮 */
  }
  .mc-brain-card-wrap {
    gap: 1em !important; /* スマホ用に隙間圧縮 */
    margin-bottom: 1.5em !important;
  }
  .mc-brain-card {
    padding: 1.5em 1em 1em !important; /* スマホ用に余白圧縮 */
  }
}
</style>



<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">カフェインで眠気をブロックして脳を動かしている間、実は脳の神経は少なからずプレッシャー（ストレス）を感じています。</p>



<p class="wp-block-paragraph"><strong>カフェインは<span class="swl-marker mark_yellow">「未来の体力を前借りしている状態」</span>ともいえます。</strong></p>



<h3 class="wp-block-heading">現代人が陥りがちな<strong>「カフェイン・クラッシュ」</strong></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">これが「未来の体力を前借りしている状態」の代償ともいえます。</p>



<!-- ==========================================
  専門用語解説：カフェイン・クラッシュ（UX最優先・完全最適化版）
========================================== -->
<div class="mc-term-crash-box">

  <!-- ボックス内のタイトル（hタグ不使用） -->
  <div class="mc-term-crash-header">
    <div class="mc-term-crash-badge">
      <span class="mc-term-crash-icon">💡</span> 専門用語解説
    </div>
    <div class="mc-term-crash-title">
      カフェイン・クラッシュとは？
    </div>
  </div>

  <!-- リード文 -->
  <p class="mc-term-crash-lead">
    「未来の体力を前借り」した後にやってくる、疲労のダムの決壊。
  </p>

  <!-- 本文 -->
  <p class="mc-term-crash-text">
    カフェインを摂取すると、眠気を誘う「アデノシン（疲労物質）」のスイッチに先回りしてフタをします。しかし、<b>アデノシン自体が消えたわけではなく、カフェインの裏側でダムのように溜まり続けています。</b><br><br>
    数時間後、カフェインの効果が切れた瞬間に、溜まりに溜まった大量のアデノシンが一斉に脳内のスイッチへと流れ込みます。これが、摂取前よりも激しい疲労感や強い眠気に襲われる「カフェイン・クラッシュ（崩壊）」の正体です。
  </p>

  <!-- 出典 -->
  <div class="mc-term-crash-citation">
    ※出典：Juliano, L. M., &amp; Griffiths, R. R. (2004). &#8220;A critical review of caffeine withdrawal&#8230;&#8221; <i>Psychopharmacology</i>, 176(1), 1-29.
  </div>
  
</div>

<style>
/* ＝ コンテナ全体 ＝ */
.mc-term-crash-box {
  font-size: 1rem !important; /* 【PC側基準】大黒柱 */
  max-width: 800px !important; /* px維持 */
  margin: 1.5em auto 2em !important; /* 24px auto 32px相当をem化 */
  background-color: #eef7fb !important; 
  border: 1px solid #d1e5f0 !important; /* px維持 */
  border-radius: 8px !important; /* px維持 */
  padding: 1.5em 2em !important; /* 24px 32px相当をem化 */
  box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important; /* px維持 */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif !important; 
  box-sizing: border-box !important;
}

/* ＝ ヘッダーエリア ＝ */
.mc-term-crash-header {
  border-bottom: 2px solid #3b82f6 !important; /* px維持 */
  padding-bottom: 0.75em !important; /* 12px相当をem化 */
  display: inline-block !important;
}

/* サブバッジ（専門用語解説） */
.mc-term-crash-badge {
  font-size: 0.85em !important; /* 補足なので小さめ階層維持 */
  color: #3b82f6 !important; 
  font-weight: bold !important; 
  margin-bottom: 0.25em !important; 
  display: flex !important; 
  align-items: center !important; 
  letter-spacing: 0.05em !important;
}
.mc-term-crash-icon {
  font-size: 1.25em !important; 
  margin-right: 0.45em !important; 
}

/* メインタイトル */
.mc-term-crash-title {
  font-size: 1.25em !important; /* 中見出し階層 */
  color: #1e3a8a !important; 
  font-weight: bold !important; 
  letter-spacing: 0.05em !important;
}

/* ＝ リード文 ＝ */
.mc-term-crash-lead {
  margin: 1em 0 !important; 
  line-height: 1.7 !important; 
  color: #0f172a !important; 
  font-weight: bold !important; 
  font-size: 1.05em !important; /* 本文より少し目立たせる階層 */
}

/* ★ 本文（読者が一番知りたい解説部分なので絶対に1emを死守！） */
.mc-term-crash-text {
  margin: 0 0 1em 0 !important; 
  line-height: 1.7 !important; 
  color: #475569 !important; 
  font-size: 1em !important; /* 0.95em → 1em に修正。スマホ時に確実に1.15remになります */
}
.mc-term-crash-text b {
  color: #0f172a !important;
}

/* ＝ 出典 ＝ */
.mc-term-crash-citation {
  border-top: 1px dashed #93c5fd !important; /* px維持 */
  padding-top: 0.75em !important; 
  font-size: 0.85em !important; /* 補足なので小さめ階層維持 */
  color: #64748b !important; 
  line-height: 1.5 !important;
}

/* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
@media (max-width: 600px) {
  .mc-term-crash-box {
    font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
    padding: 1.25em 1.25em !important; /* 20px 20px相当にスマホ用余白圧縮 */
  }
}
</style>



<p class="wp-block-paragraph">本当は疲れているのに、休めない。</p>



<p class="wp-block-paragraph">これが、現代人が陥りがちなカフェインの最大の弱点です。</p>



<p class="wp-block-paragraph">コーヒーにカフェインが含まれているのはご承知の通りですが、最近ではエナジードリンク等のカフェインが添加されているものを数多く存在します。</p>



<!-- ==========================================
  データ表：カフェイン含有量と摂取目安（ハイブリッド最適化版）
========================================== -->
<div class="mc-caffeine-box">

  <!-- 見出し1 -->
  <div class="mc-caffeine-heading">
    <span class="mc-caffeine-icon">☕</span> 飲料別カフェイン含有量の比較（目安）
  </div>

  <div class="c-scrollHint sp_ mc-scroll-hint-text">
    <span class="mc-scroll-hint-inner">◀ 左右にスクロールできます ▶</span>
  </div>

  <!-- テーブル1 -->
  <div class="mc-table-wrap">
    <table class="mc-caffeine-table w-450">
      <thead>
        <tr>
          <th>飲料の種類</th>
          <th>1回あたりの目安量</th>
          <th>含有量</th>
        </tr>
      </thead>
      <tbody>
        <!-- ハイライト行 -->
        <tr class="mc-row-highlight">
          <td>インスタントコーヒー</td>
          <td>1杯（粉末2～3g）</td>
          <td>80～120mg</td>
        </tr>
        <tr class="mc-row-normal">
          <td>ドリップコーヒー</td>
          <td>1杯（150ml）</td>
          <td>約90mg</td>
        </tr>
        <tr class="mc-row-alt">
          <td>エナジードリンク</td>
          <td>1缶（250ml）</td>
          <td>約80～100mg</td>
        </tr>
        <tr class="mc-row-normal">
          <td>煎茶・ほうじ茶</td>
          <td>1杯（150ml）</td>
          <td>約30mg</td>
        </tr>
      </tbody>
    </table>
  </div>

  <p class="mc-caffeine-note">
    【農林水産省のホームページより、一般的なインスタントコーヒー（2～3g）のカフェイン含有量は80～120mgとなっております。】<br>
    <span class="mc-caffeine-subnote">※抽出条件により数値は変動します。</span>
  </p>

  <!-- 見出し2 -->
  <div class="mc-caffeine-heading mt-large">
    <span class="mc-caffeine-icon">📅</span> 1日の摂取許容量の目安
  </div>

  <div class="c-scrollHint sp_ mc-scroll-hint-text">
    <span class="mc-scroll-hint-inner">◀ 左右にスクロールできます ▶</span>
  </div>

  <!-- テーブル2 -->
  <div class="mc-table-wrap mb-large">
    <table class="mc-caffeine-table w-400">
      <thead>
        <tr>
          <th>対象者</th>
          <th>1日の最大摂取量（目安）</th>
        </tr>
      </thead>
      <tbody>
        <tr class="mc-row-normal">
          <td class="mc-fw-bold">一般成人</td>
          <td><b class="mc-text-dark">400mg まで</b>（コーヒー3〜4杯分）</td>
        </tr>
        <tr class="mc-row-alt">
          <td class="mc-fw-bold">妊婦・授乳中の方</td>
          <td><b class="mc-text-dark">200mg～300mg まで</b></td>
        </tr>
      </tbody>
    </table>
  </div>

  <!-- アドバイス -->
  <div class="mc-advice-box">
    <p class="mc-advice-text">
      <b class="mc-text-dark">【飲用時のアドバイス】</b><br>
      カフェインへの耐性には個人差があるため、体調に合わせて調整してください。
    </p>
  </div>

</div>

<style>
/* ＝ コンテナ全体 ＝ */
.mc-caffeine-box {
  font-size: 1rem !important; /* 【PC側基準】 */
  max-width: 800px !important; /* px維持 */
  margin: 2.5em auto !important; /* 40px相当をem化 */
  background: #ffffff !important; 
  border: 1px solid #e2e8f0 !important; /* px維持 */
  border-radius: 8px !important; /* px維持 */
  padding: 2em !important; /* 32px相当をem化 */
  box-shadow: 0 8px 24px rgba(0,0,0,0.04) !important; /* px維持 */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif !important; 
  box-sizing: border-box !important;
}

/* ＝ 見出し ＝ */
.mc-caffeine-heading {
  margin: 0 0 1.5em 0 !important; /* 24px相当をem化 */
  color: #0f172a !important; 
  font-size: 1.25em !important; /* 20px相当をem化 */
  font-weight: bold !important; 
  border-bottom: 2px solid #e2e8f0 !important; /* px維持 */
  padding-bottom: 0.75em !important; /* 12px相当をem化 */
  display: flex !important; 
  align-items: center !important; 
  letter-spacing: 0.05em !important;
}
.mc-caffeine-heading.mt-large {
  margin-top: 3em !important; /* 48px相当をem化 */
}
.mc-caffeine-icon {
  font-size: 1.1em !important; /* 親基準で約22px相当 */
  margin-right: 0.5em !important; /* 10px相当をem化 */
}

/* ＝ スクロールヒント（SWELLクラス併用） ＝ */
.mc-scroll-hint-text {
  margin-top: 0 !important; 
  margin-bottom: 0.5em !important; /* 8px相当をem化 */
  text-align: right !important;
}
.mc-scroll-hint-inner {
  color: #64748b !important; 
  font-size: 0.75em !important; /* 12px相当をem化 */
}

/* ＝ テーブルラッパー ＝ */
.mc-table-wrap {
  overflow-x: auto !important; 
  -webkit-overflow-scrolling: touch !important; 
  margin-bottom: 1em !important; /* 16px相当をem化 */
}
.mc-table-wrap.mb-large {
  margin-bottom: 1.5em !important; /* 24px相当をem化 */
}

/* ＝ テーブル本体 ＝ */
.mc-caffeine-table {
  width: 100% !important; 
  border-collapse: collapse !important; 
  text-align: left !important;
}
.mc-caffeine-table.w-450 {
  min-width: 450px !important; /* 横スクロール発火点のためpx維持 */
}
.mc-caffeine-table.w-400 {
  min-width: 400px !important; /* 横スクロール発火点のためpx維持 */
}

/* テーブルヘッダー (th) */
.mc-caffeine-table th {
  background-color: #f1f5f9 !important; 
  color: #334155 !important;
  padding: 1em !important; /* 16px相当をem化 */
  border: 1px solid #e2e8f0 !important; /* px維持 */
  white-space: nowrap !important; 
  font-size: 0.875em !important; /* 14px相当をem化 */
  font-weight: bold !important;
}

/* テーブルデータ (td) */
.mc-caffeine-table td {
  padding: 1em !important; /* 16px相当をem化 */
  border: 1px solid #e2e8f0 !important; /* px維持 */
  white-space: nowrap !important; 
  font-size: 0.95em !important; /* 15px相当をem化 */
  color: #334155 !important;
}

/* 行の背景色・文字色設定 */
.mc-row-highlight td {
  background-color: #fffbeb !important;
  font-weight: bold !important; 
  color: #b45309 !important;
}
.mc-row-normal td {
  background-color: #ffffff !important;
}
.mc-row-alt td {
  background-color: #f8fafc !important;
}

/* 汎用テキスト装飾 */
.mc-fw-bold { font-weight: bold !important; }
.mc-text-dark { color: #0f172a !important; }

/* ＝ 注釈テキスト ＝ */
.mc-caffeine-note {
  margin: 1em 0 0 0 !important; /* 16px相当をem化 */
  font-size: 0.85em !important; /* 13px相当をem化 */
  color: #64748b !important; 
  line-height: 1.6 !important;
}
.mc-caffeine-subnote {
  font-size: 0.85em !important; /* 親の13pxからの比率で約11px相当 */
}

/* ＝ アドバイスボックス ＝ */
.mc-advice-box {
  background-color: #f8fafc !important; 
  padding: 1.25em 1.5em !important; /* 20px 24px相当をem化 */
  border-radius: 6px !important; /* px維持 */
}
.mc-advice-text {
  margin: 0 !important; 
  font-size: 0.9em !important; /* 14px相当をem化 */
  color: #475569 !important; 
  line-height: 1.7 !important;
}

/* ▼ スマホ閲覧時の調整 ▼ */
@media (max-width: 600px) {
  .mc-caffeine-box {
    font-size: 1.15rem !important; /* 【スマホ側基準】これだけでテキスト一斉拡大！ */
    padding: 1.25em 1em !important; /* 20px 16px相当にスマホ用余白圧縮 */
  }
  .mc-caffeine-table th, 
  .mc-caffeine-table td {
    padding: 0.75em !important; /* スマホ時はセルの余白を少し詰める */
  }
}
</style>



<h4 class="wp-block-heading"><strong>同じ量でも大違い？│天然カフェインと添加カフェインの決定的な差</strong></h4>



<p class="wp-block-paragraph">先ほどの含有量比較を見て、「コーヒーもエナジードリンクもカフェイン量が変わらないなら、体に与える影響は同じでは？」と思われたかもしれません。</p>



<p class="wp-block-paragraph">結論から言うと、化学的な成分は同じでも<strong><span class="swl-marker mark_yellow">体への「吸収スピード」が全く異なります。</span></strong></p>



<!-- ==========================================
  比較ボックス（天然カフェイン vs 添加カフェイン）（ハイブリッド最適化版）
========================================== -->
<div class="mc-caffeine-compare-box">

  <!-- エナジードリンク（合成・添加カフェイン） -->
  <div class="mc-compare-item">
    <div class="mc-compare-header">
      <span class="mc-compare-icon">🚨</span>
      <b class="mc-compare-title mc-title-red">エナジードリンク等<br class="mc-sp-only">（合成・添加カフェイン）</b>
    </div>
    <p class="mc-compare-text">
      吸収を緩やかにする成分がないため、胃腸から一気に血液に流れ込みます。<br>「急激な覚醒（スパイク）」をもたらす反面、その反動として<b class="mc-text-red">激しいカフェイン・クラッシュ（急降下）</b>を引き起こしやすくなります。
    </p>
  </div>

  <!-- コーヒー（天然カフェイン） -->
  <div class="mc-compare-item mc-compare-divider">
    <div class="mc-compare-header">
      <span class="mc-compare-icon">🌿</span>
      <b class="mc-compare-title mc-title-gold">コーヒー（天然カフェイン）</b>
    </div>
    <p class="mc-compare-text">
      コーヒー豆に含まれるポリフェノール（クロロゲン酸）などの成分がクッションとなり、胃腸で穏やかに吸収されます。<br>そのため、<b class="mc-text-gold">なだらかで持続的な覚醒</b>をもたらし、体への急激な負担を和らげます。
    </p>
  </div>

</div>

<style>
/* ＝ コンテナ全体 ＝ */
.mc-caffeine-compare-box {
  font-size: 1rem !important; /* 【PC側基準】 */
  max-width: 800px !important; /* px維持 */
  margin: 1.5em auto !important; /* 24px相当をem化 */
  background-color: #fcfaf5 !important; 
  border: 1px solid #e5dece !important; /* px維持 */
  border-radius: 8px !important; /* px維持 */
  padding: 1.5em !important; /* 24px相当をem化 */
  box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important; /* px維持 */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif !important; 
  box-sizing: border-box !important;
}

/* ＝ 比較アイテム ＝ */
.mc-compare-item {
  margin-bottom: 1.25em !important; /* 20px相当をem化 */
}
.mc-compare-divider {
  border-top: 1px dashed #cbd5e1 !important; /* px維持 */
  padding-top: 1.25em !important; /* 20px相当をem化 */
  margin-bottom: 0 !important;
}

/* ＝ ヘッダー部分 ＝ */
.mc-compare-header {
  display: flex !important; 
  align-items: center !important; 
  margin-bottom: 0.5em !important; /* 8px相当をem化 */
}
.mc-compare-icon {
  font-size: 1.125em !important; /* 18px相当をem化 */
  margin-right: 0.375em !important; /* 6px相当をem化 */
}
.mc-compare-title {
  font-size: 1em !important; /* 16px相当をem化 */
  letter-spacing: 0.03em !important;
}

/* ＝ 本文 ＝ */
.mc-compare-text {
  color: #475569 !important; 
  font-size: 0.9375em !important; /* 15px相当をem化 */
  line-height: 1.7 !important; 
  margin: 0 0 0 1.75em !important; /* 28px相当をem化（アイコン分インデント） */
}

/* ＝ カラー設定 ＝ */
.mc-title-red, .mc-text-red {
  color: #dc2626 !important;
}
.mc-title-gold, .mc-text-gold {
  color: #c5a059 !important;
}

/* ▼ スマホ閲覧時の調整 ▼ */
@media (max-width: 600px) {
  .mc-caffeine-compare-box {
    font-size: 1.15rem !important; /* 【スマホ側基準】これだけでテキスト一斉拡大！ */
    padding: 1.25em 1em !important; /* 20px 16px相当にスマホ用余白圧縮 */
  }
  .mc-compare-text {
    margin: 0 0 0 1.5em !important; /* スマホ用にインデントを少し浅くして窮屈さを解消 */
  }
}
</style>



<p class="wp-block-paragraph">この背景があるように、コーヒーなど昔から親しまれてきた飲み物は、体に大きな負担をかけることなく「前向き」な状態を作ることができます。</p>



<h3 class="wp-block-heading">「コーヒー×GABA」が生み出す、刺激と抑制の合理性</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">ここで「GABA（ブレーキ）」の出番なのです。</span></strong></p>



<p class="wp-block-paragraph">カフェインが眠気を飛ばして脳を稼働させている裏で、GABAは「張り詰めた神経」を優しくなだめ、無理な過覚醒を防ぐクッションの役割を果たします。</p>



<p class="wp-block-paragraph">カフェインで「無理やりエンジンを吹かして体を動かす」だけでなく、GABAによって脳のアイドリング（無駄なエネルギー消費）を防ぎ、最も効率的に稼働させる。<br><br>この「刺激と抑制の調和」によるパフォーマンスの最適化は、多くの研究データが示す科学的知見に基づいたメカニズムです。</p>



<p class="wp-block-paragraph"><strong>辿り着くのは<span class="swl-marker mark_yellow">「冴えているのに、落ち着いている」</span>理想のゾーン</strong></p>



<p class="wp-block-paragraph">科学的知見に基づいたメカニズムを組み合わせると、GABA配合コーヒーを飲んだ時の脳内は以下のようになります。</p>



<!-- ==========================================
  カフェイン×GABA 相乗効果アニメーション（スクロール連動・発火版・タイミング完全同期済）
========================================== -->
<div class="sync-anim-wrapper" id="syncAnimBox">
  <div class="sync-anim-container">
    
    <!-- 状態を説明するテキスト -->
    <div class="sync-anim-text sync-text-1">1. 疲労とストレスで<br class="mc-sp-only">「どんより＆イライラ」な状態</div>
    <div class="sync-anim-text sync-text-2">2. ☕カフェインが<br class="mc-sp-only">「眠気」を払い除ける（覚醒）</div>
    <div class="sync-anim-text sync-text-3">3. ✨GABAが「焦りやノイズ」を消し去る（鎮静）</div>
    <div class="sync-anim-text sync-text-4">4. 冴えているのに落ち着いている<br class="mc-sp-only">「理想のゾーン」へ！</div>

    <!-- 左：カフェイン発生源 -->
    <div class="sync-caffeine">カフェイン</div>
    <!-- カフェインのビーム（覚醒） -->
    <div class="sync-effect-caf"></div>
    
    <!-- 右：GABA発生源 -->
    <div class="sync-gaba">GABA</div>
    <!-- GABAのウェーブ（鎮静） -->
    <div class="sync-effect-gaba"></div>

    <!-- 中央：脳 -->
    <div class="sync-brain">
      <span class="sync-brain-icon">🧠</span>
      <!-- どんより眠気 -->
      <div class="sync-cloud">💤</div>
      <!-- イライラノイズ -->
      <div class="sync-noise">⚡</div>
    </div>
    
  </div>
  
  <!-- 注釈（コンプライアンス対応） -->
  <div class="sync-anim-disclaimer">
    ※アニメーションはイメージです。実際の体内でのメカニズムを分かりやすく簡略化して表現しています。
  </div>
</div>

<style>
/* ＝ コンテナ全体 ＝ */
.sync-anim-wrapper {
  background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%) !important;
  border: 1px solid #d1e5f0 !important;
  border-radius: 8px !important;
  padding: 24px 24px 16px 24px !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.sync-anim-container {
  position: relative !important;
  width: 100% !important;
  height: 220px !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ＝ テキストエリア ＝ */
.sync-anim-text {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  opacity: 0;
  background: rgba(255,255,255,0.8) !important;
  padding: 8px 0 !important;
  border-radius: 4px !important;
  z-index: 10 !important;
}
.sync-text-1 { color: #475569 !important; }
.sync-text-2 { color: #b45309 !important; }
.sync-text-3 { color: #047857 !important; }
.sync-text-4 { color: #1e3a8a !important; }

/* ＝ キャラクター/オブジェクト（初期停止状態） ＝ */
.sync-caffeine {
  position: absolute !important;
  top: 105px !important;
  left: 10px !important;
  width: 60px !important;
  height: 60px !important;
  background-color: #f59e0b !important;
  clip-path: polygon(0 0, 100% 25%, 100% 75%, 0 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
  font-size: 10px !important;
  font-weight: bold !important;
  z-index: 2 !important;
}
.sync-effect-caf {
  position: absolute !important;
  top: 130px !important;
  width: 20px !important;
  height: 10px !important;
  background-color: #f59e0b !important;
  border-radius: 5px !important;
  opacity: 0;
  left: 70px;
}

.sync-gaba {
  position: absolute !important;
  top: 105px !important;
  right: 10px !important;
  width: 60px !important;
  height: 60px !important;
  background-color: #10b981 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: bold !important;
  z-index: 2 !important;
}
.sync-effect-gaba {
  position: absolute !important;
  top: 100px !important;
  width: 20px !important;
  height: 70px !important;
  border-left: 5px solid #10b981 !important;
  border-radius: 50% !important;
  opacity: 0;
  right: 70px;
}

.sync-brain {
  position: absolute !important;
  top: 95px !important;
  left: 50% !important;
  margin-left: -40px !important;
  width: 80px !important;
  height: 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  z-index: 5 !important;
  background-color: #cbd5e1;
}
.sync-brain-icon {
  font-size: 40px !important;
  z-index: 2 !important;
}
.sync-cloud {
  position: absolute !important;
  top: -20px !important;
  left: -20px !important;
  font-size: 26px !important;
  opacity: 1;
}
.sync-noise {
  position: absolute !important;
  bottom: -15px !important;
  right: -15px !important;
  font-size: 26px !important;
  opacity: 1;
}

.sync-anim-disclaimer {
  font-size: 12px !important;
  color: #64748b !important;
  text-align: right !important;
  margin-top: 16px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ==========================================
  スクロール発火＆タイミング完全同期
========================================== */
.is-active .sync-text-1 { animation: syncText1 12s infinite !important; }
.is-active .sync-text-2 { animation: syncText2 12s infinite !important; }
.is-active .sync-text-3 { animation: syncText3 12s infinite !important; }
.is-active .sync-text-4 { animation: syncText4 12s infinite !important; }

@keyframes syncText1 { 
  0%, 14% { opacity: 1; } 
  18%, 92% { opacity: 0; } 
  96%, 100% { opacity: 1; } 
}
@keyframes syncText2 { 
  0%, 14% { opacity: 0; } 
  18%, 39% { opacity: 1; } 
  43%, 100% { opacity: 0; } 
}
@keyframes syncText3 { 
  0%, 39% { opacity: 0; } 
  43%, 64% { opacity: 1; } 
  68%, 100% { opacity: 0; } 
}
@keyframes syncText4 { 
  0%, 64% { opacity: 0; } 
  68%, 92% { opacity: 1; } 
  96%, 100% { opacity: 0; } 
}

/* カフェインのビーム（25%で脳に到達） */
.is-active .sync-effect-caf { animation: cafBeam 12s infinite !important; }
@keyframes cafBeam {
  0%, 14% { opacity: 0; left: 70px; transform: scaleX(1); }
  18% { opacity: 1; left: 70px; transform: scaleX(1); }
  25% { opacity: 1; left: calc(50% - 50px); transform: scaleX(2); }
  32%, 100% { opacity: 0; left: calc(50% - 30px); transform: scaleX(1); }
}

/* GABAのウェーブ（50%で脳に到達） */
.is-active .sync-effect-gaba { animation: gabaWave 12s infinite !important; }
@keyframes gabaWave {
  0%, 39% { opacity: 0; right: 70px; transform: scale(1); }
  43% { opacity: 1; right: 70px; transform: scale(1); }
  50% { opacity: 1; right: calc(50% - 50px); transform: scale(1.5); }
  57%, 100% { opacity: 0; right: calc(50% - 30px); transform: scale(2); }
}

/* どんより眠気（💤）が消える：カフェイン到達の25%〜28%に同期 */
.is-active .sync-cloud { animation: cloudFade 12s infinite !important; }
@keyframes cloudFade {
  0%, 24% { opacity: 1; transform: translateY(0); }
  28%, 92% { opacity: 0; transform: translateY(-15px); }
  96%, 100% { opacity: 1; transform: translateY(0); }
}

/* イライラノイズ（⚡）が消える：GABA到達の50%〜53%に同期 */
.is-active .sync-noise { animation: noiseFade 12s infinite !important; }
@keyframes noiseFade {
  0%, 49% { opacity: 1; transform: scale(1); }
  53%, 92% { opacity: 0; transform: scale(0.5); }
  96%, 100% { opacity: 1; transform: scale(1); }
}

/* 脳の背景変化：段階的に光り、最後に白く輝く */
.is-active .sync-brain { animation: brainBg 12s infinite !important; }
@keyframes brainBg {
  0%, 24% { background-color: #cbd5e1; box-shadow: 0 0 0 transparent; }
  28%, 49% { background-color: #fef08a; box-shadow: 0 0 15px rgba(245, 158, 11, 0.4); }
  53%, 67% { background-color: #a7f3d0; box-shadow: 0 0 15px rgba(16, 185, 129, 0.4); }
  68%, 92% { background-color: #ffffff; box-shadow: 0 0 25px rgba(245, 158, 11, 0.6), 0 0 25px rgba(16, 185, 129, 0.6); }
  96%, 100% { background-color: #cbd5e1; box-shadow: 0 0 0 transparent; }
}

/* スマホ表示最適化（キーフレームの到達パーセンテージもPCと完全同期） */
@media (max-width: 600px) {
  .sync-anim-text { font-size: 14px !important; padding: 4px 0 !important; }
  .sync-caffeine { width: 50px !important; height: 50px !important; font-size: 9px !important; top: 110px !important; }
  .sync-gaba { width: 50px !important; height: 50px !important; font-size: 10px !important; top: 110px !important; }
  .sync-brain { width: 60px !important; height: 60px !important; margin-left: -30px !important; top: 105px !important; }
  .sync-brain-icon { font-size: 30px !important; }
  .sync-cloud { font-size: 20px !important; top: -15px !important; left: -15px !important; }
  .sync-noise { font-size: 20px !important; bottom: -10px !important; right: -10px !important; }
  .sync-effect-caf { top: 130px !important; }
  .sync-anim-disclaimer { font-size: 11px !important; text-align: left !important; }
  
  @keyframes cafBeam {
    0%, 14% { opacity: 0; left: 60px; transform: scaleX(1); }
    18% { opacity: 1; left: 60px; transform: scaleX(1); }
    25% { opacity: 1; left: calc(50% - 40px); transform: scaleX(1.5); }
    32%, 100% { opacity: 0; left: calc(50% - 20px); transform: scaleX(1); }
  }
  @keyframes gabaWave {
    0%, 39% { opacity: 0; right: 60px; transform: scale(1); }
    43% { opacity: 1; right: 60px; transform: scale(1); }
    50% { opacity: 1; right: calc(50% - 40px); transform: scale(1.2); }
    57%, 100% { opacity: 0; right: calc(50% - 20px); transform: scale(1.5); }
  }
}
</style>

<script>
(function() {
  function startSyncAnimation() {
    var box = document.getElementById('syncAnimBox');
    if (!box) return;

    if ('IntersectionObserver' in window) {
      var observer = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add('is-active');
            observer.unobserve(entry.target);
          }
        });
      }, {
        rootMargin: '0px 0px -15% 0px'
      });
      observer.observe(box);
    } else {
      box.classList.add('is-active');
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', startSyncAnimation);
  } else {
    startSyncAnimation();
  }
})();
</script>



<p class="wp-block-paragraph">この2つが合わさることで生まれるのは、決して「プラスマイナスゼロ」ではありません。</p>



<p class="wp-block-paragraph"><strong>「頭はスッキリと冴え渡っているのに、心は深く落ち着いている」</strong></p>



<p class="wp-block-paragraph">各科学的知見の理論上、スポーツ選手などが集中状態で体験する『リラックスした集中状態（ゾーン）』に近い、脳が最もパフォーマンスを発揮しやすい環境を作り出しているといえます。</p>



<!-- ==========================================
  データ表：作用開始タイミングの比較（UX最優先・完全最適化版）
========================================== -->
<div class="mc-timing-box">

  <!-- 見出し（SEO対策のh4維持 ＋ テーマ装飾完全ブロック） -->
  <h4 class="mc-reset-h4">
    <span class="mc-timing-icon">⏱</span> 作用開始タイミングの比較
  </h4>

  <div class="c-scrollHint sp_ mc-timing-scroll-hint">
    <span>◀ 左右にスクロールできます ▶</span>
  </div>

  <!-- テーブル -->
  <div class="mc-timing-table-wrap">
    <table class="mc-timing-table">
      <thead>
        <tr>
          <th>成分</th>
          <th>作用開始の時間（目安）</th>
          <th>脳内の状態</th>
        </tr>
      </thead>
      <tbody>
        <!-- GABAの行 -->
        <tr class="mc-row-gaba">
          <td>GABA</td>
          <td>摂取後 <b class="mc-timing-bold">30〜60分</b></td>
          <td>リラックス指標（α波）が増加</td>
        </tr>
        <!-- カフェインの行 -->
        <tr class="mc-row-caffeine">
          <td>カフェイン</td>
          <td>摂取後 <b class="mc-timing-bold">15〜30分</b></td>
          <td>眠気信号のブロックを開始</td>
        </tr>
      </tbody>
    </table>
  </div>

  <!-- ブランドの理念を反映したアドバイス部分（キラキラシルバー枠装飾版） -->
  <div class="mc-silver-frame">
    <div class="mc-silver-inner">
      <p class="mc-silver-text">
        大事な商談やプレゼン、あるいは資格試験など、これまでの努力が試される本番。<br>
        その60分前に「GABAコーヒー」を飲むことで、内側からクリアな状態をサポートし、あなたが積み重ねてきた実力をしっかりと引き出すための心強いお守りとなるでしょう。
      </p>
    </div>
  </div>

  <!-- 出典 -->
  <div class="mc-timing-citation">
    <strong>【出典・科学的根拠】</strong><br>
    ・Abdou, A. M., et al. (2006). &#8220;Relaxation and immunity enhancement effects of GABA&#8230;&#8221; <i>BioFactors</i>, 26(3), 201-208.（GABAによるリラックス指標「α波」の有意な増加）<br>
    ・Yamatsu, A., et al. (2015). &#8220;Effect of tea with added GABA on the work efficiency&#8230;&#8221; <i>日本生理人類学会誌</i>, 20(2), 23-31.（GABAとカフェインの併用による、ストレス緩和と作業効率向上の両立）
  </div>

</div>

<style>
/* ＝ コンテナ全体 ＝ */
.mc-timing-box {
  font-size: 1rem !important; /* 【PC側基準】大黒柱 */
  max-width: 800px !important; /* px維持 */
  margin: 2.5em auto !important; /* 40px相当をem化 */
  background: #ffffff !important; 
  border: 1px solid #e2e8f0 !important; /* px維持 */
  border-radius: 8px !important; /* px維持 */
  padding: 2em !important; /* 32px相当をem化 */
  box-shadow: 0 8px 24px rgba(0,0,0,0.04) !important; /* px維持 */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif !important; 
  box-sizing: border-box !important;
}

/* ＝ 見出し（SWELLのh4装飾を強制リセット） ＝ */
.mc-reset-h4 {
  border: none !important;
  background: transparent !important;
  padding: 0 0 0.75em 0 !important; /* 12px相当をem化 */
  margin: 0 0 1.5em 0 !important; /* 24px相当をem化 */
  position: relative !important;
  color: #0f172a !important; 
  font-size: 1.25em !important; /* 中見出し階層 */
  font-weight: bold !important; 
  border-bottom: 2px solid #e2e8f0 !important; /* px維持 */
  display: flex !important; 
  align-items: center !important; 
  letter-spacing: 0.05em !important;
}
.mc-reset-h4::before,
.mc-reset-h4::after {
  content: none !important;
  display: none !important;
}
.mc-timing-icon {
  font-size: 1.1em !important; 
  margin-right: 0.5em !important; 
}

/* ＝ スクロールヒント ＝ */
.mc-timing-scroll-hint {
  margin-top: 0 !important; 
  margin-bottom: 0.5em !important; 
  text-align: right !important;
}
.mc-timing-scroll-hint span {
  color: #64748b !important; 
  font-size: 0.75em !important; /* 補足なので小さめ維持 */
}

/* ＝ テーブルラッパー ＝ */
.mc-timing-table-wrap {
  overflow-x: auto !important; 
  -webkit-overflow-scrolling: touch !important; 
  margin-bottom: 1.5em !important; 
}

/* ＝ テーブル本体 ＝ */
.mc-timing-table {
  width: 100% !important; 
  border-collapse: collapse !important; 
  min-width: 450px !important; /* 横スクロール発火点のためpx維持 */
  text-align: left !important;
}

/* テーブルヘッダー (th) */
.mc-timing-table th {
  background-color: #f1f5f9 !important; 
  color: #334155 !important;
  padding: 1em !important; 
  border: 1px solid #e2e8f0 !important; /* px維持 */
  white-space: nowrap !important; 
  font-size: 0.95em !important; /* 見出し行は階層として少しだけ小さく */
  font-weight: bold !important;
}

/* ★ テーブルデータ (td)（読者が一番知りたいデータなので絶対に1emを死守！） */
.mc-timing-table td {
  padding: 1em !important; 
  border: 1px solid #e2e8f0 !important; /* px維持 */
  white-space: nowrap !important; 
  font-size: 1em !important; /* 0.95em → 1em に修正。スマホ時に確実に1.15remになります */
  color: #334155 !important;
}

/* 行の背景色・文字色設定 */
.mc-row-gaba { background-color: #f0fdf4 !important; }
.mc-row-gaba td:first-child { color: #047857 !important; font-weight: bold !important; }

.mc-row-caffeine { background-color: #fffbeb !important; }
.mc-row-caffeine td:first-child { color: #b45309 !important; font-weight: bold !important; }

/* 汎用テキスト装飾 */
.mc-timing-bold { 
  color: #0f172a !important; 
  font-weight: bold !important;
}

/* ＝ シルバー枠のキラキラ光沢アニメーション ＝ */
@keyframes silverShimmer {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}
.mc-silver-frame {
  padding: 3px !important; /* 枠の太さ（描画保護のためpx維持） */
  border-radius: 8px !important; /* px維持 */
  background: linear-gradient(
    110deg,
    #cbd5e1 0%,
    #f8fafc 25%,
    #94a3b8 50%,
    #f8fafc 75%,
    #cbd5e1 100%
  ) !important;
  background-size: 200% auto !important;
  animation: silverShimmer 4s linear infinite !important;
  box-shadow: 0 4px 12px rgba(148, 163, 184, 0.3) !important; /* px維持 */
  margin-bottom: 1.5em !important; /* 24px相当をem化 */
}
.mc-silver-inner {
  background-color: #ffffff !important;
  padding: 1.25em 1.5em !important; /* 20px 24px相当をem化 */
  border-radius: 6px !important; /* px維持 */
  height: 100% !important;
}

/* ★ シルバー枠内のアドバイス（ブランドの重要なメッセージなので絶対に1emを死守！） */
.mc-silver-text {
  margin: 0 !important; 
  font-size: 1em !important; /* 0.95em → 1em に修正。スマホ時に確実に1.15remになります */
  color: #334155 !important; 
  line-height: 1.7 !important;
}

/* ＝ 出典 ＝ */
.mc-timing-citation {
  margin-top: 0 !important; 
  padding-top: 1em !important; 
  border-top: 1px dashed #cbd5e1 !important; /* px維持 */
  font-size: 0.75em !important; /* 補足なので小さめ維持 */
  color: #64748b !important; 
  line-height: 1.6 !important;
}
.mc-timing-citation strong {
  color: #475569 !important;
}

/* ▼ スマホ閲覧時の絶対ルール適用 ▼ */
@media (max-width: 600px) {
  .mc-timing-box {
    font-size: 1.15rem !important; /* 【スマホ側基準】本文を寸分違わず1.15rem化 */
    padding: 1.25em 1em !important; /* スマホ用余白圧縮 */
  }
  .mc-timing-table th, 
  .mc-timing-table td {
    padding: 0.75em !important; /* スマホ時はセルの余白を少し詰める */
  }
  .mc-silver-inner {
    padding: 1em !important; /* スマホ用余白圧縮 */
  }
}
</style>



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



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar"></p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



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



<h2 class="wp-block-heading">なぜ加齢による『物忘れ』にGABAが働きかけるのか？</h2>



<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）が足りなくなると、脳は常に「過緊張状態」になりやすくなります。</p>



<p class="wp-block-paragraph">心に余裕がなくなり、焦りや不安という「ノイズ」が脳内を支配します。</p>



<p class="wp-block-paragraph">人間の脳は、ノイズだらけのパニック状態では、新しい情報を正しく記憶（インプット）することも、記憶の引き出しから探して思い出す（アウトプット）が難しくなります。</p>



<p class="wp-block-paragraph">「えーっと、ほら、あの人の名前…」と焦れば焦るほど思い出せないのは、脳内にノイズが溢れているといえます。</p>



<!-- ==========================================
  記憶の引き出し・ノイズ除去アニメーション（スクロール連動・最適化版）
========================================== -->
<div class="noise-anim-wrapper" id="noiseAnimBox">
  <div class="noise-anim-container">
    
    <!-- 状態を説明するテキスト -->
    <div class="noise-anim-text noise-text-1">1. 加齢でGABAが減ると、<br class="mc-sp-only">脳内が「ノイズ（過緊張）」だらけに</div>
    <div class="noise-anim-text noise-text-2">2. ノイズが邪魔をして、<br class="mc-sp-only">記憶の引き出しが開かない（焦り）</div>
    <div class="noise-anim-text noise-text-3">3. ✨GABAを補い、張り詰めた神経の<br class="mc-sp-only">ノイズをスッと鎮める</div>
    <div class="noise-anim-text noise-text-4">4. 脳が落ち着き、<br class="mc-sp-only">記憶の出し入れがスムーズに！（思い出した！）</div>

    <!-- 焦り・不安のノイズ雷 -->
    <div class="noise-bolt noise-bolt-1">⚡</div>
    <div class="noise-bolt noise-bolt-2">⚡</div>
    <div class="noise-bolt noise-bolt-3">⚡</div>
    <div class="noise-bolt noise-bolt-4">⚡</div>

    <!-- 記憶の引き出し（海馬） -->
    <div class="noise-drawer">
      <!-- 引き出しの手前部分（開閉で動く） -->
      <div class="noise-drawer-front">
        <div class="noise-drawer-handle"></div>
        <div class="noise-drawer-label">記憶</div>
      </div>
      <!-- 疑問符（焦り・思い出せない） -->
      <div class="noise-question">❓</div>
      <!-- 電球（思い出した！） -->
      <div class="noise-idea">💡</div>
    </div>

    <!-- GABA分子 -->
    <div class="noise-gaba">GABA</div>
    
    <!-- GABAの波紋（ノイズ浄化） -->
    <div class="noise-ripple"></div>

  </div>
  
  <!-- 注釈（コンプライアンス対応） -->
  <div class="noise-anim-disclaimer">
    ※アニメーションはイメージです。加齢やGABAの役割による一般的なメカニズムを分かりやすく簡略化して表現しています。
  </div>
</div>

<style>
/* ＝ コンテナ全体 ＝ */
.noise-anim-wrapper {
  background-color: #f8fafc !important; /* 知的な薄いグレーブルー */
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 24px 24px 16px 24px !important;
  margin: 32px 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
}

.noise-anim-container {
  position: relative !important;
  width: 100% !important;
  height: 240px !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ＝ テキストエリア ＝ */
.noise-anim-text {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  opacity: 0; /* アニメーションさせるため !important 削除 */
  background: rgba(255,255,255,0.8) !important;
  padding: 8px 0 !important;
  border-radius: 4px !important;
  z-index: 10 !important;
}
.noise-text-1 { color: #475569 !important; }
.noise-text-2 { color: #dc2626 !important; }
.noise-text-3 { color: #047857 !important; }
.noise-text-4 { color: #1e3a8a !important; }

/* ＝ キャラクター/オブジェクト（初期停止状態） ＝ */
/* 記憶の引き出し（枠） */
.noise-drawer {
  position: absolute !important;
  top: 130px !important;
  left: 50% !important;
  margin-left: -50px !important;
  width: 100px !important;
  height: 70px !important;
  background-color: #94a3b8 !important; /* 引き出しの内側 */
  border-radius: 4px !important;
  z-index: 3 !important;
}

/* 引き出しの前面（開け閉めされる部分） */
.noise-drawer-front {
  position: absolute !important;
  width: 100px !important;
  height: 70px !important;
  background-color: #f1f5f9 !important;
  border: 4px solid #334155 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 4 !important;
  top: 0;
  left: 0;
}
.noise-drawer-handle {
  width: 30px !important;
  height: 8px !important;
  background-color: #cbd5e1 !important;
  border: 2px solid #334155 !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}
.noise-drawer-label {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #334155 !important;
  letter-spacing: 0.1em !important;
}

/* 疑問符（？）と電球（💡） */
.noise-question {
  position: absolute !important;
  top: -45px !important;
  left: 50% !important;
  margin-left: -15px !important;
  font-size: 30px !important;
  z-index: 2 !important;
  opacity: 0;
}
.noise-idea {
  position: absolute !important;
  top: -45px !important;
  left: 50% !important;
  margin-left: -15px !important;
  font-size: 30px !important;
  z-index: 2 !important;
  opacity: 0;
}

/* ノイズ（⚡） */
.noise-bolt {
  position: absolute !important;
  font-size: 28px !important;
  z-index: 5 !important;
  opacity: 0;
}
.noise-bolt-1 { top: 100px !important; left: calc(50% - 80px) !important; }
.noise-bolt-2 { top: 170px !important; left: calc(50% - 90px) !important; }
.noise-bolt-3 { top: 110px !important; right: calc(50% - 80px) !important; }
.noise-bolt-4 { top: 160px !important; right: calc(50% - 90px) !important; }

/* GABA分子 */
.noise-gaba {
  position: absolute !important;
  top: 40px !important;
  left: 50% !important;
  margin-left: -25px !important;
  width: 50px !important;
  height: 50px !important;
  background-color: #10b981 !important;
  border-radius: 50% !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 6px rgba(16, 185, 129, 0.4) !important;
  z-index: 6 !important;
  opacity: 0;
  transform: translateY(0);
}

/* GABAの浄化波紋 */
.noise-ripple {
  position: absolute !important;
  top: 150px !important;
  left: 50% !important;
  margin-left: -10px !important;
  width: 20px !important;
  height: 20px !important;
  border: 4px solid #10b981 !important;
  border-radius: 50% !important;
  z-index: 1 !important;
  opacity: 0;
}

/* ＝ 注釈テキスト ＝ */
.noise-anim-disclaimer {
  font-size: 12px !important;
  color: #64748b !important;
  text-align: right !important;
  margin-top: 16px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ==========================================
  スクロール到達時（.is-active 付与）に発火するアニメーション
========================================== */

/* テキスト切り替え */
.is-active .noise-text-1 { animation: noiseText1 12s infinite !important; }
.is-active .noise-text-2 { animation: noiseText2 12s infinite !important; }
.is-active .noise-text-3 { animation: noiseText3 12s infinite !important; }
.is-active .noise-text-4 { animation: noiseText4 12s infinite !important; }

@keyframes noiseText1 { 0%, 14% { opacity: 1; } 15%, 100% { opacity: 0; } }
@keyframes noiseText2 { 0%, 14% { opacity: 0; } 15%, 39% { opacity: 1; } 40%, 100% { opacity: 0; } }
@keyframes noiseText3 { 0%, 39% { opacity: 0; } 40%, 64% { opacity: 1; } 65%, 100% { opacity: 0; } }
@keyframes noiseText4 { 0%, 64% { opacity: 0; } 65%, 90% { opacity: 1; } 91%, 100% { opacity: 0; } }

/* ノイズ雷のフラッシュ */
.is-active .noise-bolt { animation: boltFlash 12s infinite !important; }
@keyframes boltFlash {
  0%, 4% { opacity: 0; transform: scale(0.5); }
  5%, 45% { opacity: 1; transform: scale(1.2); color: #ef4444 !important; }
  46%, 100% { opacity: 0; transform: scale(0.5); }
}

/* 引き出しの動き（開かない焦り → 開く） */
.is-active .noise-drawer-front { animation: drawerMove 12s infinite !important; }
@keyframes drawerMove {
  0%, 15% { top: 0; left: 0; }
  /* ノイズ発生、ガタガタ震えるが開かない */
  16%, 20%, 24%, 28%, 32%, 36%, 40% { top: 0; left: -3px; border-color: #ef4444 !important; }
  18%, 22%, 26%, 30%, 34%, 38%, 42% { top: 0; left: 3px; border-color: #ef4444 !important; }
  43%, 64% { top: 0; left: 0; border-color: #334155 !important; }
  /* 浄化後、スッと下に開く（手前に引き出す表現） */
  68%, 90% { top: 25px; left: 15px; border-color: #334155 !important; } 
  95%, 100% { top: 0; left: 0; border-color: #334155 !important; }
}

/* 焦りの「？」マーク */
.is-active .noise-question { animation: questionPop 12s infinite !important; }
@keyframes questionPop {
  0%, 15% { opacity: 0; transform: translateY(0); }
  16%, 43% { opacity: 1; transform: translateY(-10px) scale(1.2); color: #ef4444 !important; }
  44%, 100% { opacity: 0; transform: translateY(-10px) scale(1.2); }
}

/* GABAの降下 */
.is-active .noise-gaba { animation: gabaDrop 12s infinite !important; }
@keyframes gabaDrop {
  0%, 39% { opacity: 0; transform: translateY(-20px); }
  43% { opacity: 1; transform: translateY(0); }
  48% { opacity: 1; transform: translateY(60px); } /* 引き出しに触れる */
  53%, 100% { opacity: 0; transform: translateY(60px) scale(1.5); }
}

/* GABAの浄化ウェーブ */
.is-active .noise-ripple { animation: rippleExpand 12s infinite !important; }
@keyframes rippleExpand {
  0%, 48% { opacity: 0; transform: scale(1); }
  50% { opacity: 1; transform: scale(1); }
  60% { opacity: 0; transform: scale(12); border-width: 1px !important; }
  61%, 100% { opacity: 0; }
}

/* 思い出した「💡」マーク */
.is-active .noise-idea { animation: ideaPop 12s infinite !important; }
@keyframes ideaPop {
  0%, 69% { opacity: 0; transform: translateY(0); }
  72%, 90% { opacity: 1; transform: translateY(-30px) scale(1.4); }
  95%, 100% { opacity: 0; }
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .noise-anim-text { font-size: 14px !important; padding: 4px 0 !important; }
  .noise-drawer { transform: scale(0.8); top: 120px !important; }
  .noise-bolt-1 { left: calc(50% - 60px) !important; }
  .noise-bolt-2 { left: calc(50% - 70px) !important; }
  .noise-bolt-3 { right: calc(50% - 60px) !important; }
  .noise-bolt-4 { right: calc(50% - 70px) !important; }
  .noise-gaba { width: 40px !important; height: 40px !important; font-size: 10px !important; margin-left: -20px !important; }
  .noise-anim-disclaimer { font-size: 11px !important; text-align: left !important; }
  
  @keyframes drawerMove {
    0%, 15% { top: 0; left: 0; }
    16%, 20%, 24%, 28%, 32%, 36%, 40% { top: 0; left: -3px; border-color: #ef4444 !important; }
    18%, 22%, 26%, 30%, 34%, 38%, 42% { top: 0; left: 3px; border-color: #ef4444 !important; }
    43%, 64% { top: 0; left: 0; border-color: #334155 !important; }
    68%, 90% { top: 20px; left: 10px; border-color: #334155 !important; } 
    95%, 100% { top: 0; left: 0; border-color: #334155 !important; }
  }
}
</style>

<script>
(function() {
  function startNoiseAnimation() {
    var box = document.getElementById('noiseAnimBox');
    if (!box) return;

    if ('IntersectionObserver' in window) {
      var observer = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add('is-active');
            observer.unobserve(entry.target);
          }
        });
      }, {
        rootMargin: '0px 0px -15% 0px'
      });
      observer.observe(box);
    } else {
      box.classList.add('is-active');
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', startNoiseAnimation);
  } else {
    startNoiseAnimation();
  }
})();
</script>



<h3 class="wp-block-heading">「機能性表示食品」としての確かなエビデンス</h3>



<p class="wp-block-paragraph">GABAは、国の制度に基づく「機能性表示食品」の関与成分として、その働きが科学的に報告されています。</p>



<!-- ==========================================
  1. エビデンス・機能性表示カード（ハイブリッド最適化版）
========================================== -->
<div class="mc-evi-card">
  
  <!-- ヘッダー（ダークネイビー領域） -->
  <div class="mc-evi-header">
    <div class="mc-evi-title">
      <span class="mc-evi-title-bar"></span>
      科学的根拠に基づいた3つのサポート
    </div>
    
    <!-- 3つの機能性リスト -->
    <div class="mc-evi-point-box">
      <!-- ポイント1 -->
      <div class="mc-evi-point-item">
        <span class="mc-evi-point-icon">✓</span>
        <div class="mc-evi-point-text-wrap">
          <span class="mc-evi-point-title">記憶力</span>
          <span class="mc-evi-point-desc">見たり聞いたりしたことを思い出す力</span>
        </div>
      </div>
      <!-- ポイント2 -->
      <div class="mc-evi-point-item">
        <span class="mc-evi-point-icon">✓</span>
        <div class="mc-evi-point-text-wrap">
          <span class="mc-evi-point-title">空間認知力</span>
          <span class="mc-evi-point-desc">物の位置、形、向きなどを正確に把握する力</span>
        </div>
      </div>
      <!-- ポイント3 -->
      <div class="mc-evi-point-item">
        <span class="mc-evi-point-icon">✓</span>
        <div class="mc-evi-point-text-wrap">
          <span class="mc-evi-point-title">持続的注意力</span>
          <span class="mc-evi-point-desc">注意を持続させながら、作業を続ける力</span>
        </div>
      </div>
    </div>
  </div>

  <!-- ボディ（エビデンス詳細領域） -->
  <div class="mc-evi-body">
    <div class="mc-evi-body-head">
      <span class="mc-evi-badge">CLINICAL TRIAL</span>
      <div class="mc-evi-body-title">ヒト臨床試験における<br class="mc-sp-only">優位性の確認</div>
      <p class="mc-evi-body-text">
        認知機能の低下を感じる40歳以上の健康な男女120名<span class="mc-evi-sup">※</span>を対象とした試験で、<strong class="mc-evi-highlight">12週間の継続摂取</strong>により、統計的に有意な維持・改善が見られました。
      </p>
    </div>
    
    <!-- エビデンス画像（グリーン枠） -->
    <div class="mc-evi-graph-wrap">
      <div class="mc-evi-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-evi-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-evi-citation">
      <p>※システマティックレビューで評価した研究2報の参加者の人数の合計</p>
      <p>&lt;引用論文&gt; Yamatsu A., et al. 薬理と治療 48, 3, 461-474 (2020) ※本商品を用いて行った実験ではありません。</p>
    </div>
  </div>

  <!-- フッター（届出番号・免責事項） -->
  <div class="mc-evi-footer">
    <div class="mc-evi-reg-badge">届出番号：J1384</div>
    <p class="mc-evi-footer-text">
      ※本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。
    </p>
  </div>
</div>

<style>
/* ＝ コンテナ全体 ＝ */
.mc-evi-card {
  font-size: 1rem !important; /* 【PC側基準】 */
  max-width: 800px !important; /* px維持 */
  margin: 2em auto !important; /* 32px相当をem化 */
  background: #ffffff !important; 
  border: 1px solid #e2e8f0 !important; /* px維持 */
  border-radius: 12px !important; /* px維持 */
  box-shadow: 0 8px 25px rgba(10, 25, 47, 0.06) !important; /* px維持 */
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; 
  overflow: hidden !important; 
  box-sizing: border-box !important;
}

/* ＝ ヘッダー領域 ＝ */
.mc-evi-header {
  background: linear-gradient(135deg, #0a192f 0%, #1e293b 100%) !important; 
  padding: 1.5em !important; /* 24px相当をem化 */
  border-bottom: 3px solid #C5A059 !important; /* px維持 */
}

.mc-evi-title {
  font-size: 1.25em !important; /* 20px相当をem化 */
  font-weight: 700 !important; 
  color: #ffffff !important; 
  margin: 0 0 0.8em 0 !important; /* 16px相当をem化 */
  display: flex !important; 
  align-items: center !important; 
  gap: 0.5em !important; /* 10px相当をem化 */
  letter-spacing: 0.05em !important;
}
.mc-evi-title-bar {
  display: inline-block !important; 
  width: 4px !important; /* px維持 */
  height: 1em !important; 
  background: #C5A059 !important; 
  border-radius: 2px !important; /* px維持 */
}

/* ＝ 3つの機能性リスト ＝ */
.mc-evi-point-box {
  background: #f8fafc !important; 
  border-radius: 8px !important; /* px維持 */
  padding: 1em !important; /* 16px相当をem化 */
}

.mc-evi-point-item {
  display: flex !important; 
  align-items: flex-start !important; 
  gap: 0.75em !important; /* 12px相当をem化 */
}
/* 2番目以降のアイテムに上部余白と罫線を追加 */
.mc-evi-point-item + .mc-evi-point-item {
  margin-top: 0.75em !important; /* 12px相当をem化 */
  border-top: 1px dashed #cbd5e1 !important; /* px維持 */
  padding-top: 0.75em !important; /* 12px相当をem化 */
}

.mc-evi-point-icon {
  flex-shrink: 0 !important; 
  width: 20px !important; /* 正円崩れ防止のためpx維持 */
  height: 20px !important; /* 正円崩れ防止のためpx維持 */
  border-radius: 50% !important; 
  background: linear-gradient(135deg, #C5A059 0%, #a3803c 100%) !important; 
  color: #ffffff !important; 
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  font-size: 11px !important; /* アイコン内の文字サイズはpx維持 */
  font-weight: 800 !important; 
  margin-top: 2px !important; /* 微調整用px維持 */
}

.mc-evi-point-text-wrap {
  display: block !important;
}
.mc-evi-point-title {
  display: block !important; 
  color: #0a192f !important; 
  font-weight: 700 !important; 
  font-size: 0.95em !important; /* 15px相当をem化 */
  margin-bottom: 0.15em !important; /* 2px相当をem化 */
}
.mc-evi-point-desc {
  color: #475569 !important; 
  font-size: 0.8em !important; /* 13px相当をem化 */
  line-height: 1.5 !important;
  display: block !important;
}

/* ＝ ボディ（エビデンス領域） ＝ */
.mc-evi-body {
  padding: 1.5em !important; /* 24px相当をem化 */
}

.mc-evi-body-head {
  text-align: center !important; 
  margin-bottom: 1.25em !important; /* 20px相当をem化 */
}
.mc-evi-badge {
  border: 1px solid #C5A059 !important; /* px維持 */
  color: #C5A059 !important; 
  font-size: 0.7em !important; /* 11px相当をem化 */
  font-weight: 700 !important; 
  padding: 0.25em 0.875em !important; /* 4px 14px相当をem化 */
  border-radius: 20px !important; /* px維持 */
  letter-spacing: 0.1em !important; 
  display: inline-block !important; 
  margin-bottom: 0.75em !important; /* 12px相当をem化 */
}
.mc-evi-body-title {
  font-size: 1.25em !important; /* 20px相当をem化 */
  font-weight: 700 !important; 
  color: #0a192f !important; 
  line-height: 1.4 !important; 
  margin-bottom: 0.8em !important; /* 16px相当をem化 */
}
.mc-evi-body-text {
  font-size: 0.875em !important; /* 14px相当をem化 */
  color: #475569 !important; 
  line-height: 1.7 !important; 
  margin: 0 !important;
}
.mc-evi-sup {
  font-size: 0.7em !important; /* 10px相当をem化 */
  vertical-align: top !important;
}
.mc-evi-highlight {
  color: #C5A059 !important; 
  border-bottom: 1px solid #C5A059 !important; /* px維持 */
}

/* ＝ エビデンス画像（グリーン枠） ＝ */
.mc-evi-graph-wrap {
  display: flex !important; 
  gap: 1em !important; /* 16px相当をem化 */
  flex-wrap: wrap !important;
}
.mc-evi-graph-item {
  flex: 1 !important; 
  min-width: 250px !important; /* 折返し地点のためpx維持 */
  border: 3px solid #10b981 !important; /* px維持 */
  border-radius: 8px !important; /* px維持 */
  overflow: hidden !important; 
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.25) !important; /* px維持 */
}
.mc-evi-graph-item img {
  width: 100% !important; 
  height: auto !important; 
  display: block !important;
}

/* ＝ 引用・注釈 ＝ */
.mc-evi-citation {
  margin-top: 1.25em !important; /* 20px相当をem化 */
  font-size: 0.7em !important; /* 11px相当をem化 */
  color: #94a3b8 !important; 
  line-height: 1.6 !important;
}
.mc-evi-citation p {
  margin: 0 0 0.25em 0 !important; /* 4px相当をem化 */
}

/* ＝ フッター（届出番号等） ＝ */
.mc-evi-footer {
  background: #f1f5f9 !important; 
  border-top: 1px solid #e2e8f0 !important; /* px維持 */
  padding: 1.25em 1.5em !important; /* 20px 24px相当をem化 */
}
.mc-evi-reg-badge {
  display: inline-block !important; 
  font-weight: 700 !important; 
  color: #0a192f !important; 
  font-size: 0.8em !important; /* 13px相当をem化 */
  margin-bottom: 0.5em !important; /* 8px相当をem化 */
  background: #ffffff !important; 
  padding: 0.25em 0.75em !important; /* 4px 12px相当をem化 */
  border-radius: 4px !important; /* px維持 */
  border: 1px solid #cbd5e1 !important; /* px維持 */
  letter-spacing: 0.05em !important;
}
.mc-evi-footer-text {
  font-size: 0.7em !important; /* 11px相当をem化 */
  color: #64748b !important; 
  line-height: 1.6 !important; 
  margin: 0 !important;
}

/* ▼ スマホ閲覧時の調整 ▼ */
@media (max-width: 600px) {
  .mc-evi-card {
    font-size: 1.15rem !important; /* 【スマホ側基準】これだけでテキスト一斉拡大！ */
  }
  .mc-evi-header, .mc-evi-body {
    padding: 1.25em 1em !important; /* スマホ用に余白圧縮 */
  }
  .mc-evi-footer {
    padding: 1em !important; /* スマホ用に余白圧縮 */
  }
}
</style>



<p class="wp-block-paragraph">上記の科学的根拠を基に届出を行っています。</p>



<p class="wp-block-paragraph"><strong><span class="swl-marker mark_yellow">「冴えているのに、落ち着いている」</span></strong><br><br>このクリアな脳内環境こそが、見聞きした情報をしっかりと脳に定着させ、必要な時にスムーズに引き出すための「条件」なのです。</p>



<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">しかし、記憶力の維持を目的とするならば、「コーヒー」という嗜好品に溶け込ませることには、サプリメントにはない決定的な強みがあります。</p>



<h3 class="wp-block-heading">記憶力ケアは「継続」こそが命</h3>



<p class="wp-block-paragraph">認知機能のサポートは、1日や2日で劇的に変わる魔法ではありません。<br><br><strong><span class="swl-marker mark_yellow">毎日続けることが何より重要です。</span></strong><br><br>サプリメントは「薬」のような感覚になりがちで、飲み忘れも発生します。</p>



<p class="wp-block-paragraph">しかし、毎朝必ず飲む一杯のコーヒーを「GABA配合」に置き換えるだけであれば、特別な努力なしに自然と習慣化できます。</p>



<!-- ==========================================
  2. 継続・本格ブレンド ＆ GABA融合カード（ハイブリッド最適化版）
========================================== -->
<div class="mc-blend2-card">
  
  <div class="mc-blend2-heading-wrap">
    <span class="mc-blend2-heading">30回の試作で辿り着いた<br class="mc-sp-only">本格ブレンド</span>
  </div>

  <!-- コーヒー豆のブレンドエリア -->
  <div class="mc-blend2-stage-wrap">
    <div class="mc-blend2-bean-unit">
      <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-brazil-beans-p.webp" alt="ブラジル産コーヒー豆" loading="lazy" decoding="async">
    </div>
    <div class="mc-blend2-x-wrap">
      <span class="mc-blend2-x-mark">×</span>
      <p class="mc-blend2-x-text">絶妙ブレンド</p>
    </div>
    <div class="mc-blend2-bean-unit">
      <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-vietnam-beans-p.webp" alt="ベトナム産コーヒー豆" loading="lazy" decoding="async">
    </div>
  </div>

  <!-- GABAの融合アニメーションエリア（ブルー版） -->
  <div class="mc-blend2-fusion-stage">
    <span class="mc-blend2-plus">＋</span>
    <div class="mc-blend2-gaba-wrap">
      <div class="mc-blend2-orb-container">
        <div class="mc-blend2-orb-blue">
          <span class="mc-blend2-orb-text">GABA</span>
        </div>
        <div class="gaba-particle-blue p1"></div>
        <div class="gaba-particle-blue p2"></div>
        <div class="gaba-particle-blue p3"></div>
      </div>
      <p class="mc-blend2-gaba-caption">機能性関与成分 GABA</p>
    </div>
  </div>

  <p class="mc-blend2-desc">
    スッキリとしたブラジル産とコク深いベトナム産の豆を絶妙にブレンドし、そこにGABAを配合。<br>
    機能性成分特有のクセを抑え、<strong>「毎日飽きずに、美味しく続けられる」</strong>本格的でホッとする風味に仕上げています。
  </p>

  <!-- 開発ストーリーパネル（ポラロイド風） -->
  <div class="mc-blend2-story-wrap">
    <div class="mc-blend2-story-text-area">
      <p class="mc-blend2-story-text">
        機能性を保ちつつ美味しさを両立するため、開発段階で約<span class="mc-blend2-big-num">30</span>パターンものブレンド配合・調整を繰り返し、納得の1杯を完成させました。
      </p>
    </div>
    <div class="mc-blend2-story-img-area">
      <img src="https://memory-coffee.jp/wp-content/uploads/2026/02/hp02-Product01-p.webp" alt="配合打合せの様子" loading="lazy" decoding="async">
      <span class="mc-blend2-story-caption">配合打合せの様子</span>
    </div>
  </div>
  
</div>

<style>
/* ＝ コンテナ全体 ＝ */
.mc-blend2-card {
  font-size: 1rem !important; /* 【PC側基準】 */
  max-width: 800px !important; /* px維持 */
  margin: 2em auto !important; /* 32px相当をem化 */
  background: #fcf9f4 !important; 
  border: 1px solid #eae3d2 !important; /* px維持 */
  border-radius: 12px !important; /* px維持 */
  padding: 2em !important; /* 32px相当をem化 */
  box-shadow: 0 8px 24px rgba(10, 25, 47, 0.04) !important; /* px維持 */
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; 
  box-sizing: border-box !important;
}

/* ＝ 見出し ＝ */
.mc-blend2-heading-wrap {
  text-align: center !important; 
  margin-bottom: 1.5em !important; /* 24px相当をem化 */
}
.mc-blend2-heading {
  font-size: 1.125em !important; /* 18px相当をem化 */
  font-weight: 700 !important; 
  color: #0a192f !important; 
  display: inline-block !important; 
  border-bottom: 2px solid #C5A059 !important; /* px維持 */
  padding-bottom: 0.5em !important; /* 8px相当をem化 */
}

/* ＝ コーヒー豆のブレンドエリア ＝ */
.mc-blend2-stage-wrap {
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  gap: 1.5em !important; /* 24px相当をem化 */
  flex-wrap: wrap !important; 
  margin-bottom: 1em !important; /* 16px相当をem化 */
}
.mc-blend2-bean-unit {
  flex: 1 !important; 
  min-width: 150px !important; /* レイアウト制御のためpx維持 */
  max-width: 250px !important; /* レイアウト制御のためpx維持 */
}
.mc-blend2-bean-unit img {
  width: 100% !important; 
  height: auto !important; 
  border-radius: 8px !important; /* px維持 */
  box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important; /* px維持 */
}

/* ×マーク部分 */
.mc-blend2-x-wrap {
  text-align: center !important; 
  flex-shrink: 0 !important;
}
.mc-blend2-x-mark {
  font-size: 1.625em !important; /* 26px相当をem化 */
  font-weight: 800 !important; 
  color: #C5A059 !important; 
  display: block !important; 
  line-height: 1 !important;
}
.mc-blend2-x-text {
  font-size: 0.75em !important; /* 12px相当をem化 */
  font-weight: 700 !important; 
  color: #0a192f !important; 
  margin: 0.25em 0 0 !important; /* 4px相当をem化 */
  letter-spacing: 0.05em !important; 
  display: block !important;
}

/* ＝ GABAの融合アニメーションエリア（ブルー） ＝ */
.mc-blend2-fusion-stage {
  display: flex !important; 
  flex-direction: column !important; 
  align-items: center !important; 
  justify-content: center !important; 
  gap: 0.5em !important; /* 8px相当をem化 */
  margin: 1.25em 0 1.5em !important; /* 20px 0 24px相当をem化 */
  width: 100% !important;
}
.mc-blend2-plus {
  font-size: 1.625em !important; /* 26px相当をem化 */
  font-weight: 800 !important; 
  color: #C5A059 !important; 
  flex-shrink: 0 !important; 
  display: block !important;
}
.mc-blend2-gaba-wrap {
  text-align: center !important; 
  display: block !important;
}

/* オーブ本体とアニメーション（崩れ防止のためpx完全固定） */
.mc-blend2-orb-container {
  position: relative !important; 
  width: 90px !important; 
  height: 90px !important; 
  display: flex !important; 
  justify-content: center !important; 
  align-items: center !important; 
  margin: 0 auto 6px !important;
}
.mc-blend2-orb-blue {
  width: 58px !important; 
  height: 58px !important; 
  border-radius: 50% !important; 
  background: radial-gradient(circle at 35% 35%, #ffffff 0%, #e0e7ff 25%, #818cf8 60%, #4f46e5 100%) !important; 
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  animation: gaba_float_blue 4s ease-in-out infinite, gaba_pulse_blue 4s ease-in-out infinite !important;
}
.mc-blend2-orb-text {
  color: #ffffff !important; 
  font-size: 13px !important; 
  font-weight: 900 !important; 
  letter-spacing: 0.06em !important; 
  text-shadow: 0 1px 3px rgba(30, 41, 59, 0.7) !important; 
  display: block !important;
}

/* ブルーオーブ用キーフレーム */
@keyframes gaba_float_blue { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes gaba_pulse_blue { 
  0%, 100% { box-shadow: 0 0 15px #c7d2fe, 0 0 30px rgba(129, 140, 248, 0.4), 0 0 45px rgba(79, 70, 229, 0.2); } 
  50% { box-shadow: 0 0 20px #ffffff, 0 0 40px #818cf8, 0 0 60px rgba(99, 102, 241, 0.6), 0 0 80px rgba(79, 70, 229, 0.4); } 
}

/* 光の粒子（崩れ防止のためpx完全固定） */
.gaba-particle-blue {
  position: absolute !important; 
  background-color: #ffffff !important; 
  border-radius: 50% !important; 
  box-shadow: 0 0 6px #e0e7ff !important; 
  opacity: 0 !important;
}
.gaba-particle-blue.p1 { width: 4px !important; height: 4px !important; top: 10% !important; left: 20% !important; animation: particle_blink_blue 3s infinite 0.5s !important; }
.gaba-particle-blue.p2 { width: 4px !important; height: 4px !important; bottom: 15% !important; right: 15% !important; animation: particle_blink_blue 4s infinite 1.2s !important; }
.gaba-particle-blue.p3 { width: 3px !important; height: 3px !important; top: 40% !important; right: 5% !important; animation: particle_blink_blue 3.5s infinite 2.5s !important; }

@keyframes particle_blink_blue { 0%, 100% { opacity: 0; transform: scale(0.5) translateY(0); } 50% { opacity: 0.9; transform: scale(1.5) translateY(-5px); } }

/* オーブ下部キャプション */
.mc-blend2-gaba-caption {
  font-size: 0.8125em !important; /* 13px相当をem化 */
  font-weight: 700 !important; 
  color: #0a192f !important; 
  letter-spacing: 0.05em !important; 
  margin: 0 !important; 
  display: block !important;
}

/* ＝ 本文 ＝ */
.mc-blend2-desc {
  font-size: 0.9375em !important; /* 15px相当をem化 */
  line-height: 1.8 !important; 
  color: #333333 !important; 
  text-align: center !important; 
  margin: 0 0 1.5em 0 !important; /* 24px相当をem化 */
}

/* ＝ 開発ストーリーパネル ＝ */
.mc-blend2-story-wrap {
  background: #ffffff !important; 
  border: 1px solid #e2e8f0 !important; /* px維持 */
  border-radius: 10px !important; /* px維持 */
  padding: 1.25em !important; /* 20px相当をem化 */
  display: flex !important; 
  align-items: center !important; 
  gap: 1.25em !important; /* 20px相当をem化 */
  width: 100% !important; 
  box-sizing: border-box !important;
}
.mc-blend2-story-text-area {
  flex: 1 !important; 
  min-width: 200px !important; /* px維持 */
}
.mc-blend2-story-text {
  font-size: 1em !important; /* 16px相当をem化 */
  font-weight: 700 !important; 
  color: #0a192f !important; 
  line-height: 1.7 !important; 
  margin: 0 !important;
}
.mc-blend2-big-num {
  font-size: 1.625em !important; /* 26px相当をem化 */
  color: #C5A059 !important; 
  font-weight: 800 !important; 
  padding: 0 0.25em !important; /* 4px相当をem化 */
}

/* ポラロイド写真部分（形状保護のためpx完全固定） */
.mc-blend2-story-img-area {
  flex-shrink: 0 !important; 
  width: 140px !important; 
  background: #ffffff !important; 
  padding: 6px 6px 10px !important; 
  border: 1px solid #e2e8f0 !important; 
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; 
  border-radius: 4px !important; 
  text-align: center !important; 
  transform: rotate(2deg) !important;
}
.mc-blend2-story-img-area img {
  width: 100% !important; 
  height: auto !important; 
  display: block !important;
}
.mc-blend2-story-caption {
  font-size: 11px !important; 
  color: #666666 !important; 
  display: block !important; 
  margin-top: 6px !important;
}

/* ▼ スマホ閲覧時の調整 ▼ */
@media (max-width: 600px) {
  .mc-blend2-card {
    font-size: 1.15rem !important; /* 【スマホ側基準】これだけでテキスト一斉拡大！ */
    padding: 1.5em 1em !important; /* スマホ用に余白圧縮 */
  }
  .mc-blend2-stage-wrap { 
    flex-direction: column !important; 
    gap: 0.75em !important; /* スマホ用に隙間圧縮 */
  }
  .mc-blend2-bean-unit { 
    max-width: 280px !important; 
    width: 100% !important; 
    margin: 0 auto !important; 
  }
  .mc-blend2-x-mark { 
    font-size: 2em !important; 
    margin: 0.5em 0 !important; 
  }
  .mc-blend2-fusion-stage { 
    margin: 1em 0 1.25em !important; 
  }
  .mc-blend2-story-wrap { 
    flex-direction: column !important; 
    text-align: center !important; 
    padding: 1em 0.75em !important; /* スマホ用に余白圧縮 */
  }
  .mc-blend2-story-img-area { 
    width: 100% !important; 
    max-width: 180px !important; 
    margin: 0 auto !important; 
  }
}
</style>



<style>
  /* --- ベースコンテナ --- */
  .mc-nagara-wrapper {
    font-size: 1rem; /* 【PC側基準】 */
    width: 100%;
    max-width: 800px; /* px維持 */
    margin: 2.5em auto; /* 40px相当をem化 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    box-sizing: border-box;
  }

  /* --- プレミアム区切り線（アイコンなし・グラデーションラインのみ） --- */
  .mc-premium-divider {
    height: 1px; /* px維持 */
    background: linear-gradient(to right, transparent, #bae6fd, transparent);
    margin: 0 auto 2.2em; /* 35px相当をem化 */
    width: 90%;
  }
  
  /* 下部用の余白調整 */
  .mc-premium-divider.is-bottom {
    margin: 2.2em auto 0; /* 35px相当をem化 */
  }

  /* --- 見出し --- */
  .mc-nagara-heading {
    text-align: center;
    font-size: 1.375em; /* 22px相当をem化 */
    font-weight: 800;
    color: #0f172a;
    line-height: 1.5;
    margin-bottom: 1.5em; /* 24px相当をem化 */
    letter-spacing: 0.05em;
  }
  
  .mc-nagara-heading-accent {
    display: inline-block;
    color: #0284c7;
    background: linear-gradient(transparent 65%, #e0f2fe 65%);
  }

  /* --- 4枚の画像を並べるグリッド --- */
  .mc-nagara-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25em; /* 20px相当をem化 */
  }

  /* --- 各カードのデザイン --- */
  .mc-nagara-card {
    background: #ffffff;
    border: 1px solid #e0f2fe; /* px維持 */
    border-radius: 12px; /* px維持 */
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.05); /* px維持 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
  }

  .mc-nagara-card:hover {
    transform: translateY(-4px); /* アニメーション移動量はpx維持 */
    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.12); /* px維持 */
  }

  /* --- 画像エリア --- */
  .mc-nagara-img-wrap {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f8fafc;
  }

  .mc-nagara-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }

  .mc-nagara-card:hover .mc-nagara-img-wrap img {
    transform: scale(1.05);
  }

  /* --- キャプション（文字）エリア --- */
  .mc-nagara-caption {
    background: #f0f9ff;
    border-top: 1px dashed #bae6fd; /* px維持 */
    padding: 0.875em 0.625em; /* 14px 10px相当をem化 */
    text-align: center;
    font-size: 1em; /* 【階層】基準ベース */
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em; /* 8px相当をem化 */
    flex-grow: 1;
  }

  /* --- スマホ表示最適化 --- */
  @media (max-width: 600px) {
    .mc-nagara-wrapper {
      font-size: 1.15rem; /* 【スマホ側基準】これだけでテキスト一括拡大！ */
      padding: 0 1em; /* 16px相当をem化 */
      margin: 2em auto; /* 32px相当をem化 */
    }
    .mc-premium-divider {
      width: 100%;
      margin-bottom: 1.5em; /* 25px相当をem化 */
    }
    .mc-premium-divider.is-bottom {
      margin-top: 1.5em; /* 25px相当をem化 */
      margin-bottom: 0;
    }
    .mc-nagara-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 0.75em; /* 12px相当のスマホ用余白圧縮 */
    }
    .mc-nagara-caption {
      padding: 0.6em 0.4em; /* 10px 6px相当のスマホ用余白圧縮 */
      gap: 0.25em; /* 4px相当の隙間圧縮 */
    }
    .mc-sp-only {
      display: block;
    }
    /* ※以前ここに書かれていた不要なフォントサイズ上書き指定はすべて削除しました */
  }
</style>

<div class="mc-nagara-wrapper">
  
  <!-- プレミアム区切り線（上部） -->
  <div class="mc-premium-divider"></div>

  <div class="mc-nagara-heading">
    コーヒーならではの<br class="mc-sp-only">
    <span class="mc-nagara-heading-accent">”ながら対策”</span>だって可能です！
  </div>

  <div class="mc-nagara-grid">
    
    <!-- 1枚目：読書 -->
    <div class="mc-nagara-card">
      <div class="mc-nagara-img-wrap">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-01-p.webp" alt="読書しながら" loading="lazy">
      </div>
      <div class="mc-nagara-caption">
        読書しながら
      </div>
    </div>

    <!-- 2枚目：勉強・仕事 -->
    <div class="mc-nagara-card">
      <div class="mc-nagara-img-wrap">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-02.jpg" alt="勉強・仕事しながら" loading="lazy">
      </div>
      <div class="mc-nagara-caption">
        勉強・仕事しながら
      </div>
    </div>

    <!-- 3枚目：パンを食べる -->
    <div class="mc-nagara-card">
      <div class="mc-nagara-img-wrap">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/lp007-scene-03-p.webp" alt="パンを食べながら" loading="lazy">
      </div>
      <div class="mc-nagara-caption">
        パンを食べながら
      </div>
    </div>

    <!-- 4枚目：趣味 -->
    <div class="mc-nagara-card">
      <div class="mc-nagara-img-wrap">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/04/nagara-scene-002-p.webp" alt="趣味を楽しみながら" loading="lazy">
      </div>
      <div class="mc-nagara-caption">
        趣味を楽しみながら
      </div>
    </div>

  </div>

  <!-- プレミアム区切り線（下部） -->
  <div class="mc-premium-divider is-bottom"></div>

</div>



<h3 class="wp-block-heading">「香り」と「温かさ」がもたらす相乗効果</h3>



<p class="wp-block-paragraph">コーヒーを淹れるときの芳醇な香りや、温かいマグカップを手に取ってホッと一息つく時間。<br><br>その行為自体が、副交感神経を優位にし、心身をリラックスさせる効果を持っています。<br><br>GABAの成分だけでなく、<strong><span class="swl-marker mark_yellow">コーヒーという「体験」そのものが、脳の休息とリセットに大きく貢献する</span></strong>のです。</p>



<p class="wp-block-paragraph">GABA入りコーヒーは、「カフェインの覚醒」と「GABAのリラックス」という一見矛盾する要素を、科学的なメカニズムによって絶妙なバランスで融合させた、<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/08/coffee-with-oyako-1024x576.webp" alt="" class="wp-image-7239" srcset="https://memory-coffee.jp/wp-content/uploads/2026/08/coffee-with-oyako-1024x576.webp 1024w, https://memory-coffee.jp/wp-content/uploads/2026/08/coffee-with-oyako-300x169.webp 300w, https://memory-coffee.jp/wp-content/uploads/2026/08/coffee-with-oyako-768x432.webp 768w, https://memory-coffee.jp/wp-content/uploads/2026/08/coffee-with-oyako.webp 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&#038;family=Noto+Serif+JP:wght@400;700&#038;display=swap" rel="stylesheet">
<style>
.mc2-outer, .mc2-outer *, .mc2-outer *::before, .mc2-outer *::after { box-sizing: border-box; }

.mc2-outer {
  width: 100%;
  padding: 24px 0 32px;
}
.mc2-wrap { width: 100%; max-width: 920px; margin: 0 auto; }

.mc2-coupon-bar {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12.5px; font-weight: 700;
  color: #3A2FB0; text-align: center;
  margin: 0 0 10px; letter-spacing: .08em;
}

.mc2-card {
  position: relative;
  display: flex; align-items: stretch;
  text-decoration: none; border-radius: 16px; overflow: hidden;
  background: linear-gradient(120deg, #090640 0%, #1714A0 60%, #0C0965 100%);
  box-shadow: 0 8px 40px rgba(9,6,64,.5), 0 2px 12px rgba(23,20,160,.3);
  transition: transform .25s ease, box-shadow .25s ease;
  min-height: 148px;
}
.mc2-card::after {
  content: ''; position: absolute; inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none; z-index: 0;
}
.mc2-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 52px rgba(9,6,64,.65), 0 4px 20px rgba(23,20,160,.4);
}

.mc2-brand {
  position: relative; z-index: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 8px;
  padding: 22px 26px;
  background: rgba(0,0,0,.2);
  border-right: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.mc2-amz-pill {
  background: #fff; border-radius: 6px;
  padding: 8px 18px;
  display: inline-flex; align-items: center;
  align-self: flex-start;
}
.mc2-amz-logo { height: 44px; width: auto; display: block; }
.mc2-name {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.375rem; font-weight: 700;
  color: #fff; margin: 0;
  white-space: nowrap; letter-spacing: .03em;
}
.mc2-tagline {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5);
  margin: 0; letter-spacing: .06em;
}

.mc2-mid {
  position: relative; z-index: 1;
  flex: 1;
  display: flex; flex-direction: column;
  justify-content: center; gap: 14px;
  padding: 20px 28px;
}
.mc2-benefit {
  padding-left: 12px;
  border-left: 2px solid rgba(255,255,255,.22);
}
.mc2-benefit-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px; font-weight: 500;
  color: #fff; margin: 0 0 3px;
}
.mc2-benefit-sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 11px; font-weight: 300;
  color: rgba(255,255,255,.5); margin: 0;
}

.mc2-right {
  position: relative; z-index: 1;
  flex-shrink: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; padding: 24px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
}
.mc2-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, #E82020, #C41010);
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem; font-weight: 700;
  padding: 13px 26px; border-radius: 30px;
  white-space: nowrap; letter-spacing: .04em;
  box-shadow: 0 3px 16px rgba(200,16,16,.45);
  transition: box-shadow .2s ease;
}
.mc2-card:hover .mc2-btn {
  box-shadow: 0 6px 26px rgba(200,16,16,.7);
}
.mc2-note {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9.5px; color: rgba(255,255,255,.35);
  margin: 0; text-align: center;
}

@media (max-width: 680px) {
  .mc2-outer { padding: 20px 0 28px; }
  .mc2-card { flex-direction: column; }
  .mc2-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 20px 20px 16px;
  }
  .mc2-amz-pill { align-self: center; }
  .mc2-name { font-size: 1.25rem; white-space: normal; text-align: center; }
  .mc2-tagline { text-align: center; }
  .mc2-mid { padding: 16px 20px; gap: 12px; }
  .mc2-right {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.07);
    padding: 16px 20px 20px;
  }
  .mc2-btn { width: 100%; justify-content: center; font-size: 0.9375rem; }
  .mc2-note { white-space: normal; }
}
</style>

<div class="mc2-outer">
  <div class="mc2-wrap">

    <p class="mc2-coupon-bar">＼ 期間限定１７%OFF ／</p>

    <a href="https://www.amazon.co.jp/dp/B0H4GZ7XXT" target="_blank" rel="noopener" class="mc2-card">

      <div class="mc2-brand">
        <div class="mc2-amz-pill">
          <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/06/amazon.png" alt="こちらで提供中 Amazon" class="mc2-amz-logo">
        </div>
        <p class="mc2-name">Memory Coffee</p>
        <p class="mc2-tagline">記憶力を維持するGABA×コーヒー</p>
      </div>

      <div class="mc2-mid">
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Prime対応・最短翌日お届け</p>
          <p class="mc2-benefit-sub">お急ぎ便でいつでも手軽にお手元に</p>
        </div>
        <div class="mc2-benefit">
          <p class="mc2-benefit-title">Amazonのレビューで購入前に確認</p>
          <p class="mc2-benefit-sub">実際に飲んだ方の声を参考にできる</p>
        </div>
      </div>

      <div class="mc2-right">
        <div class="mc2-btn">
          17%OFFで購入する
          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M5 12H19M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </div>
        <p class="mc2-note"></p>
      </div>

    </a>

  </div>
</div>



<!-- ==========================================
   内部リンクカード：空間認知力について
========================================== -->
<a href="https://memory-coffee.jp/magazine/memory-aging-maintenance/" class="mc-related-card">
  <!-- 左側：サムネイル画像 -->
  <div class="mc-related-thumb">
    <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/08/memory-aging-maintenance-thumbnail.webp" alt="記憶力とは？加齢で低下するメカニズムと科学的に維持する4つの習慣">
  </div>
  
  <!-- 右側：テキスト情報 -->
  <div class="mc-related-text">
    <span class="mc-related-label">あわせて読みたい</span>
    <div class="mc-related-title">記憶力とは？メカニズムと科学的に維持する4つの習慣</div>
    <div class="mc-related-desc">
      記憶を司る海馬の仕組みから、加齢による変化のメカニズム、そして科学的根拠に基づいた4つの維持習慣まで、わかりやすく解説します。
    </div>
  </div>
</a>

<!-- ==========================================
   リンクカード用 CSS
   ※すでに同じページの別の場所で下のCSSを記述している場合は、
   CSS部分は省略してもデザインが適用されます。
========================================== -->
<style>
/* カード全体のデザイン */
.mc-related-card {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #e8e6e1;
  border-radius: 8px;
  text-decoration: none !important;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin: 32px 0;
  font-family: inherit;
}

/* マウスホバー時の浮き上がりアクション */
.mc-related-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* サムネイル画像エリア */
.mc-related-thumb {
  flex: 0 0 40%;
  max-width: 320px;
  background-color: #fcfaf5;
}
.mc-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  border: none;
}

/* テキストエリア */
.mc-related-text {
  padding: 24px;
  flex: 1;
}

/* 「あわせて読みたい」ラベル */
.mc-related-label {
  display: inline-block;
  background-color: #C5A059;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}

/* 記事タイトル */
.mc-related-title {
  font-size: 18px !important;
  font-weight: bold !important;
  color: #5c4d43 !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.5 !important;
}

/* 記事の説明文 */
.mc-related-desc {
  font-size: 13px !important;
  color: #666666 !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

/* スマホ最適化（縦積みに変更） */
@media screen and (max-width: 600px) {
  .mc-related-card {
    flex-direction: column;
  }
  .mc-related-thumb {
    flex: none;
    width: 100%;
    max-width: none;
  }
  .mc-related-text {
    padding: 16px;
  }
  .mc-related-title {
    font-size: 16px !important;
    margin: 0 0 8px 0 !important;
  }
  .mc-related-desc {
    font-size: 12px !important;
  }
}
</style>



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



<h2 class="wp-block-heading">【開発者の声】なぜ私たちは『Memory Coffee』を作ったのか？</h2>



<p class="wp-block-paragraph">ここまでの解説で、GABAとコーヒーの組み合わせが、どれほど理にかなっているか、お分かりいただけたかと思います。<br><br>しかし、世の中に数ある成分の中で、なぜ私たちが「GABA」を選び、それを「コーヒー」という形にこだわって自らの手で作ったのか？<br><br>その理由は、高度な科学的知見の基にして作ったわけではなく、たった一人。<br><br><strong>「一人暮らしをする、母」のため</strong>でした。<br><br>サプリメントは薬っぽくて嫌がった母。<br>あからさまな健康グッズでは、母のプライドを傷つけてしまう。<br><br><strong>「大好きなコーヒーを毎日飲むだけで、母の記憶力を優しくサポートできるものを作りたい」</strong><br><br>その一心で、コーヒーに最も合うと思ったのが「GABA」でした。</p>



<p class="wp-block-paragraph">その機能性表示食品の壁に挑んだ2年間の軌跡があります。<br><br>ただのコーヒー屋が、なぜ「記憶力」という未知の領域に挑んだのか？<br><br>そのすべての答えと、開発の全記録を、以下のページに綴りました。<br><br>母への想いから生まれたこの一杯が、あなたや、あなたの大切な人の「記憶」を優しくサポートできることを、心から願っています。</p>



<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/07/memory-coffee-brand-story-38.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>全軌跡を紹介いたします。</p>
            <span class="mc-featured-btn">記事を読む</span>
        </div>
        
    </a> </div>



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



<!-- ==========================================
  SEO用 FAQセクション（カフェイン×GABA版・目次完全回避・最適化版）
========================================== -->
<div class="faq-container">
  
  <div class="faq-header">
    <span class="faq-badge">Q&amp;A</span>
    
    <div class="faq-title" role="heading" aria-level="2">よくある質問（FAQ）</div>
  </div>

  <div class="faq-list">

    <!-- FAQ 1 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>市販のGABA入りコーヒーと比べて、Memory Coffeeは何が違うのですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>最大の違いは「届出内容」と「配合量」です。<br>本品はGABAを200mg配合し、加齢により低下する【記憶力・空間認知力・持続的注意力】を維持する機能性表示食品として届出（J1384）を受理されています。</p>
      </div>
    </div>

    <!-- FAQ 2 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>この商品で「ストレス軽減」はできるんですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <p>GABAにはリラックスをサポートする側面もありますが、本品は「認知機能の維持」に特化した届出を行っています。</p>
      </div>
    </div>

    <!-- FAQ 3 -->
    <div class="faq-item">
      <div class="faq-question">
        <span class="faq-q-icon">Q</span>
        <p>この記事の内容を「信頼できる根拠」は何ですか？</p>
      </div>
      <div class="faq-answer">
        <span class="faq-a-icon">A</span>
        <div style="width: 100%;">
          <p>私たちは健康食品メーカーとして、常に科学的根拠に基づいた情報発信を義務付けております。本記事は、以下の学術文献および公的データを基に作成しております。</p>
          <!-- 論文リストを見やすく箇条書きに整理 -->
          <ul class="faq-answer-ul">
            <li>Fredholm, B. B., et al. (1999). &#8220;Actions of caffeine in the brain&#8230;&#8221; <i>Pharmacol Rev</i>, 51(1), 83-133.<br><span class="faq-answer-ul-sub">（カフェインのアデノシン受容体阻害作用について）</span></li>
            <li>Juliano, L. M., &amp; Griffiths, R. R. (2004). &#8220;A critical review of caffeine withdrawal&#8230;&#8221; <i>Psychopharmacology</i>, 176(1), 1-29.<br><span class="faq-answer-ul-sub">（カフェイン・クラッシュおよび離脱症状について）</span></li>
            <li>Abdou, A. M., et al. (2006). &#8220;Relaxation and immunity enhancement effects of GABA&#8230;&#8221; <i>BioFactors</i>, 26(3), 201-208.<br><span class="faq-answer-ul-sub">（GABA摂取による脳内アルファ波の増加作用について）</span></li>
            <li>Yamatsu, A., et al. (2020). &#8220;Improvement of Memory and Spatial Cognitive Function by GABA&#8230;&#8221; <i>薬理と治療</i>, 48(3), 475-486.<br><span class="faq-answer-ul-sub">（中高年の記憶力の維持・機能性表示の根拠論文）</span></li>
            <li>Yamatsu, A., et al. (2015). &#8220;Effect of tea with added GABA on the work efficiency&#8230;&#8221; <i>日本生理人類学会誌</i>, 20(2), 23-31.<br><span class="faq-answer-ul-sub">（GABAとカフェインの併用による、作業効率向上と自律神経への影響）</span></li>
            <li>消費者庁：機能性表示食品届出データベース（届出番号：J1384）</li>
            <li>農林水産省：カフェインの過剰摂取について（公開データ）</li>
          </ul>
        </div>
      </div>
    </div>

  </div>
</div>

<!-- ==========================================
  デザイン用 CSS
========================================== -->
<style>
  .faq-container {
    font-size: 1rem !important; /* 【PC側基準】 */
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important; /* px維持 */
    border-top: 5px solid #2563eb !important; /* px維持 */
    border-radius: 12px !important; /* px維持 */
    padding: 1.5em !important; /* 24px相当をem化 */
    margin: 2.5em 0 !important; /* 40px相当をem化 */
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.06) !important; /* px維持 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box !important;
  }
  .faq-header { margin-bottom: 1.25em !important; /* 20px相当をem化 */ }
  
  .faq-badge {
    display: inline-block !important; 
    background: #2563eb !important; 
    color: #ffffff !important;
    font-size: 0.8125em !important; /* 13px相当をem化 */
    font-weight: 700 !important; 
    padding: 0.25em 0.625em !important; /* 4px 10px相当をem化 */
    border-radius: 4px !important; /* px維持 */
    margin-bottom: 0.5em !important; /* 8px相当をem化 */
  }

  /* H2タグをDivに変更したためのセレクタ修正 */
  .faq-container .faq-title {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.25em !important; /* 20px相当をem化 */
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
  }
  .faq-container .faq-title::before,
  .faq-container .faq-title::after {
    display: none !important;
    content: none !important;
  }

  .faq-list { 
    display: flex !important; 
    flex-direction: column !important; 
    gap: 1em !important; /* 16px相当をem化 */
  }
  
  .faq-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important; /* px維持 */
    border-radius: 8px !important; /* px維持 */
    padding: 1.125em !important; /* 18px相当をem化 */
  }

  /* 質問エリア */
  .faq-question {
    display: flex !important;
    gap: 0.75em !important; /* 12px相当をem化 */
    align-items: flex-start !important;
    margin-bottom: 0.75em !important; /* 12px相当をem化 */
  }
  .faq-q-icon {
    flex-shrink: 0 !important; 
    width: 26px !important; /* 崩れ防止のためpx維持 */
    height: 26px !important; /* 崩れ防止のためpx維持 */
    border-radius: 50% !important;
    background: #2563eb !important; 
    color: #ffffff !important; 
    font-size: 15px !important; /* 崩れ防止のためpx維持 */
    font-weight: 800 !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
  }
  .faq-question p {
    margin: 0 !important; 
    font-size: 1em !important; /* 16px相当をem化 */
    font-weight: bold !important; 
    color: #0f172a !important; 
    line-height: 1.5 !important;
  }

  /* 回答エリア */
  .faq-answer {
    display: flex !important;
    gap: 0.75em !important; /* 12px相当をem化 */
    align-items: flex-start !important;
    border-top: 1px dashed #e2e8f0 !important; /* px維持 */
    padding-top: 0.75em !important; /* 12px相当をem化 */
  }
  .faq-a-icon {
    flex-shrink: 0 !important; 
    width: 26px !important; /* 崩れ防止のためpx維持 */
    height: 26px !important; /* 崩れ防止のためpx維持 */
    border-radius: 50% !important;
    background: #ef4444 !important; 
    color: #ffffff !important; 
    font-size: 15px !important; /* 崩れ防止のためpx維持 */
    font-weight: 800 !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
  }
  .faq-answer p {
    margin: 0 !important; 
    font-size: 0.9375em !important; /* 15px相当をem化 */
    color: #334155 !important; 
    line-height: 1.7 !important;
  }

  /* 回答内のリスト装飾 */
  .faq-answer-ul {
    margin: 0.75em 0 0 0 !important; /* 12px相当をem化 */
    padding-left: 1.25em !important; /* 20px相当をem化 */
    font-size: 0.875em !important; /* 14px相当をem化 */
    color: #475569 !important; 
    line-height: 1.6 !important;
  }
  .faq-answer-ul li {
    margin-bottom: 0.5em !important; /* 8px相当をem化 */
  }
  .faq-answer-ul-sub {
    font-size: 0.9em !important; /* 13px相当をem化（親が14px） */
    color: #64748b !important;
  }

  /* ▼ スマホ閲覧時の調整 ▼ */
  @media (max-width: 600px) {
    .faq-container { 
      font-size: 1.15rem !important; /* 【スマホ側基準】これだけでテキスト一斉拡大！ */
      padding: 1em !important; /* 16px相当のスマホ用余白圧縮 */
    }
    .faq-item { 
      padding: 0.875em !important; /* 14px相当のスマホ用余白圧縮 */
    }
    /* ※以前ここに書かれていたフォントサイズ上書きはすべて不要になり削除しました */
  }
</style>

<!-- ==========================================
  SEO用 構造化データ（JSON-LD）※変更なし
========================================== -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "市販のGABA入りコーヒーと比べて、Memory Coffeeは何が違うのですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "最大の違いは「届出内容」と「配合量」です。本品はGABAを200mg配合し、加齢により低下する【記憶力・空間認知力・持続的注意力】を維持する機能性表示食品として届出（J1384）を受理されています。"
      }
    },
    {
      "@type": "Question",
      "name": "この商品で「ストレス軽減」はできるんですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "GABAにはリラックスをサポートする側面もありますが、本品は「認知機能の維持」に特化した届出を行っています。"
      }
    },
    {
      "@type": "Question",
      "name": "この記事の内容を「信頼できる根拠」は何ですか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "私たちは健康食品メーカーとして、常に科学的根拠に基づいた情報発信を義務付けております。本記事は以下の学術文献等に基づいています：Fredholm, B. B. et al.(1999) カフェインの受容体阻害作用、Juliano, L. M. et al.(2004) カフェイン・クラッシュについて、Abdou, A. M. et al.(2006) GABAによるα波の増加、Yamatsu, A. et al.(2020) 記憶力の維持の根拠論文、Yamatsu, A. et al.(2015) GABAとカフェイン併用の影響、消費者庁：機能性表示食品届出データベース（届出番号：J1384）、農林水産省：カフェインの過剰摂取について。"
      }
    }
  ]
}
</script>



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



<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"https://memory-coffee.jp/magazine/brain-health-habit-if-then/">
      <div class="end-card-img">
        <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/05/brain-habit-system-eyecatch-02.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/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/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>
  </div>
</div>

<style>
/* ユーザー指定のデザイン（ベースのCSS） */
.end-section {
  background: #f7f4ee;
  border-top: 1px solid #e5dece;
  padding: 32px 20px 40px;
  margin-top: 48px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  box-sizing: border-box;
}

.end-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.end-header-bar {
  width: 5px; /* アクセントバーを少し太く */
  height: 22px;
  background: #c4993a;
  border-radius: 3px;
  flex-shrink: 0;
}

.end-header-text {
  font-size: 1.25rem; /* px指定・サイズアップ */
  font-weight: 700;
  color: #1a1a1a;
}

/* カードのレイアウト（スマホは1列、PCは3列） */
.end-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media screen and (min-width: 600px) {
  .end-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

.end-card {
  display: block;
  background: #fff;
  border: 1px solid #e5dece;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  transition: all 0.2s ease;
}

.end-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(196, 153, 58, 0.15);
}

.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: 16px; /* タップしやすいよう余白を広げる */
}

.end-card-tag {
  display: inline-block;
  font-size: 13px; /* px指定・最低限の可読性を確保 */
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #8c6d2f;
  background: #fdfaf3; /* タグっぽく背景色を追加 */
  border: 1px solid #e5dece;
  padding: 3px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.end-card-title {
  font-size: 1rem; /* px指定・サイズアップ */
  font-weight: 700;
  line-height: 1.6;
  color: #1a1a1a;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
</style>



<!-- ==========================================
  免責事項および重要事項セクション（GABA×カフェイン記事用）
========================================== -->
<section class="mc-disclaimer-section">
  <div class="mc-disclaimer-box">
    <div class="mc-disclaimer-title">
      <span class="mc-disclaimer-icon">⚖️</span> 免責事項および重要事項
    </div>

    <ul class="mc-disclaimer-list">
      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">1. 情報の正確性と目的について：</b><br>
        本記事の内容は、執筆時点における学術文献および公的機関のデータに基づいて作成されております。情報の正確性には細心の注意を払っておりますが、科学的知見の更新により解釈が変わる可能性があります。また、本記事は一般的なメカニズムの情報提供を目的としており、医師による医学的な診断や治療を代替するものではありません。
      </li>
      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">2. 効果・実感の個人差について：</b><br>
        カフェインに対する耐性や、機能性関与成分の働き・実感には個人差があります。ご自身の体質やその日の体調に合わせて、適切な量をご活用ください。
      </li>
      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">3. 機能性表示食品に関する事項（届出番号：J1384）：</b><br>
        本品は、事業者の責任において特定の保健の目的が期待できる旨を表示するものとして、消費者庁長官に届出されたものです。ただし、特定保健用食品と異なり、消費者庁長官による個別審査を受けたものではありません。また、本品は疾病の診断、治療、予防を目的としたものではありません。
      </li>
      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">4. アニメーション・図解について：</b><br>
        記事内のアニメーションやイラスト等は、脳内や体内でのメカニズムを分かりやすくお伝えするために、科学的知見をもとに簡略化して表現したイメージ図です。
      </li>
      <li class="mc-disclaimer-item">
        <b class="mc-disclaimer-label">5. 損害への責任：</b><br>
        本記事の情報を利用したことによって生じたいかなる損害についても、当サイトおよび運営者は一切の責任を負いかねます。最終的なご自身の健康管理や判断につきましては、自己責任において行っていただけますようお願い申し上げます。<br>
       
      </li>
    </ul>
  </div>
</section>

<style>
/* ==========================================
  デザイン用 CSS（px絶対指定版）
========================================== */
.mc-disclaimer-section {
  width: 100% !important;
  margin: 32px 0 24px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  border-top: 1px solid #e2e8f0 !important;
  padding-top: 24px !important;
  box-sizing: border-box !important;
}
.mc-disclaimer-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.03) !important;
}
.mc-disclaimer-title {
  font-size: 15px !important;
  color: #0f172a !important;
  margin: 0 0 16px 0 !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  /* SWELLの見出し装飾をリセット */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.mc-disclaimer-title::before,
.mc-disclaimer-title::after {
  content: none !important;
  display: none !important;
}
.mc-disclaimer-icon {
  margin-right: 8px !important;
}
.mc-disclaimer-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
}
.mc-disclaimer-item {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px dashed #e2e8f0 !important;
}
.mc-disclaimer-item:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.mc-disclaimer-label {
  color: #1e293b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  margin-bottom: 4px !important;
}

/* スマホ表示最適化 */
@media (max-width: 600px) {
  .mc-disclaimer-section { margin: 28px 0 16px 0 !important; padding-top: 16px !important; }
  .mc-disclaimer-box { padding: 20px 16px !important; border-radius: 10px !important; }
  .mc-disclaimer-title { font-size: 14px !important; }
  .mc-disclaimer-list { font-size: 12px !important; }
  .mc-disclaimer-label { font-size: 13px !important; }
}
</style>



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



<div class="author-box-container">
    
    <div class="author-box-top-border"></div>
    
    <div class="author-box-content">
        <div class="author-logo">
            <div class="author-logo-inner">
                <img decoding="async" src="https://memory-coffee.jp/wp-content/uploads/2026/03/memory-coffee-editorial-department02.webp" alt="Memory Coffee 編集部" loading="lazy">
            </div>
        </div>

        <div class="author-text">
            <div class="author-title-wrap">
                <span class="author-badge">著者</span>
                <!-- h4ではなく、ただのdivに変更 -->
                <div class="author-title">メモコーマガジン編集部</div>
            </div>
            <p class="author-desc">
                「コーヒーのひとときに、知的な潤いを」テーマに、<b>国内外の最新論文や公的機関による科学的データに基づいた</b>脳の健康情報を発信！<br>機能性表示食品の届出に用いられたエビデンスを軸に、客観的で正確な情報提供に努めています。
            </p>
        </div>
    </div>

    <div class="author-box-footer">
        <p class="author-footer-text">
            ※本記事は学術研究および公的統計の紹介を目的としており、医学的診断や治療を代替するものではありません。
        </p>
    </div>
    
</div>

<style>
/* 全体コンテナ */
.author-box-container {
    width: 100%;
    max-width: 700px;
    margin: 40px 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;
    box-sizing: border-box;
}

/* 上部のアクセントライン */
.author-box-top-border {
    height: 5px;
    background: linear-gradient(to right, #1A2A40, #C5A059);
}

/* メインコンテンツエリア */
.author-box-content {
    padding: 32px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ロゴ部分 */
.author-logo {
    flex: 0 0 80px;
    margin-right: 24px;
}

.author-logo-inner {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #f0f4f7;
    overflow: hidden;
    background: #f4f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.author-logo-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* テキスト部分 */
.author-text {
    flex: 1;
    min-width: 250px;
}

.author-title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.author-badge {
    font-size: 0.875rem;
    font-weight: bold;
    background: #1A2A40;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* divになったので、テーマリセット（!important等）は不要になりスッキリ */
.author-title {
    font-size: 1.25rem;
    color: #1A2A40;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.author-desc {
    margin: 0;
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-character;
}

.author-desc b {
    color: #1A2A40;
}

/* フッター（注記）部分 */
.author-box-footer {
    background: #f9f9f9;
    padding: 16px 24px;
    border-top: 1px solid #eee;
}

.author-footer-text {
    margin: 0;
    font-size: 13px;
    color: #666666;
    line-height: 1.6;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .author-box-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 24px 16px;
    }
    .author-logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .author-logo-inner {
        width: 80px;
        height: 80px;
    }
    .author-text {
        text-align: center;
    }
    .author-title-wrap {
        justify-content: center;
        margin-bottom: 16px;
    }
    .author-title {
        font-size: 1.125rem;
    }
    .author-desc {
        font-size: 0.9375rem;
        text-align: left;
    }
    .author-box-footer {
        padding: 16px;
    }
}
</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: 0.875rem; 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>



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