<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>妊活中の私の1日ルーティン|PCOS専門家・美馬史織</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&family=Noto+Sans+JP:wght@300;400;500&display=swap" rel="stylesheet">
<style>
  :root {
    --cream: #FAF7F2;
    --warm-white: #FFFDF9;
    --blush: #F2DDD5;
    --rose: #C97B6A;
    --deep-rose: #8C4A3A;
    --sage: #8EA68C;
    --deep-sage: #4A6648;
    --charcoal: #2C2825;
    --muted: #7A6E6A;
    --light-muted: #B8AEA8;
    --border: #E8DDD6;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    background: var(--cream);
    color: var(--charcoal);
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    line-height: 1.9;
    font-size: 16px;
  }

  /* ── Header ── */
  .site-header {
    background: var(--warm-white);
    border-bottom: 1px solid var(--border);
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 100;
  }
  .site-logo {
    font-family: 'Noto Serif JP', serif;
    font-size: 14px;
    color: var(--deep-rose);
    letter-spacing: 0.12em;
  }
  .site-nav {
    display: flex;
    gap: 1.8rem;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--muted);
  }
  .site-nav a { color: var(--muted); text-decoration: none; }
  .site-nav a:hover { color: var(--rose); }

  /* ── Hero ── */
  .hero {
    background: var(--warm-white);
    padding: 5rem 2rem 4rem;
    text-align: center;
    border-bottom: 1px solid var(--border);
    position: relative;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 280px; height: 280px;
    border-radius: 50%;
    background: var(--blush);
    opacity: 0.35;
  }
  .hero::after {
    content: '';
    position: absolute;
    bottom: -40px; left: -40px;
    width: 180px; height: 180px;
    border-radius: 50%;
    background: #D4E4D2;
    opacity: 0.3;
  }
  .hero-category {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0.2em;
    color: var(--rose);
    border: 1px solid var(--rose);
    padding: 4px 14px;
    border-radius: 99px;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
  }
  .hero h1 {
    font-family: 'Noto Serif JP', serif;
    font-size: clamp(1.5rem, 4vw, 2.2rem);
    font-weight: 600;
    line-height: 1.5;
    color: var(--charcoal);
    max-width: 640px;
    margin: 0 auto 1.5rem;
    position: relative;
    z-index: 1;
  }
  .hero-meta {
    font-size: 12px;
    color: var(--light-muted);
    letter-spacing: 0.05em;
    position: relative;
    z-index: 1;
  }

  /* ── Layout ── */
  .container {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 1.5rem;
  }

  /* ── Article ── */
  article {
    padding: 4rem 0;
  }

  .lead {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.05rem;
    line-height: 2;
    color: var(--charcoal);
    background: var(--warm-white);
    border-left: 3px solid var(--rose);
    padding: 1.5rem 1.8rem;
    border-radius: 0 8px 8px 0;
    margin-bottom: 3rem;
  }

  p {
    margin-bottom: 1.5rem;
    color: var(--charcoal);
  }

  /* ── Section headings ── */
  .section-label {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 3.5rem 0 1.5rem;
  }
  .section-num {
    font-family: 'Noto Serif JP', serif;
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--blush);
    line-height: 1;
    width: 48px;
    flex-shrink: 0;
  }
  .section-title-wrap h2 {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--charcoal);
    line-height: 1.4;
  }
  .section-title-wrap p {
    font-size: 12px;
    color: var(--light-muted);
    margin: 0;
    letter-spacing: 0.08em;
  }

  /* ── Product card ── */
  .product-card {
    background: var(--warm-white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 2rem 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.2rem;
    align-items: start;
    transition: box-shadow 0.2s;
  }
  .product-card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
  }
  .product-icon {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
  }
  .icon-rose { background: var(--blush); }
  .icon-sage { background: #D4E4D2; }
  .icon-amber { background: #F5E8CC; }
  .product-info h3 {
    font-family: 'Noto Serif JP', serif;
    font-size: 1rem;
    font-weight: 600;
    color: var(--charcoal);
    margin-bottom: 0.3rem;
  }
  .product-name {
    font-size: 11px;
    color: var(--light-muted);
    margin-bottom: 0.6rem;
  }
  .product-desc {
    font-size: 14px;
    color: var(--muted);
    line-height: 1.7;
    margin: 0;
  }
  .product-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 0.8rem;
    font-size: 12px;
    color: var(--rose);
    text-decoration: none;
    border: 1px solid var(--rose);
    padding: 5px 14px;
    border-radius: 99px;
    transition: all 0.2s;
    letter-spacing: 0.05em;
  }
  .product-link:hover {
    background: var(--rose);
    color: white;
  }

  /* ── Routine timeline ── */
  .routine {
    margin: 2.5rem 0;
    position: relative;
  }
  .routine::before {
    content: '';
    position: absolute;
    left: 28px;
    top: 0; bottom: 0;
    width: 1px;
    background: var(--border);
  }
  .routine-item {
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    margin-bottom: 1.8rem;
    position: relative;
  }
  .routine-time {
    width: 56px;
    flex-shrink: 0;
    text-align: center;
  }
  .routine-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--warm-white);
    border: 2px solid var(--rose);
    position: relative;
    z-index: 1;
    margin: 0 auto 4px;
  }
  .routine-dot.sage { border-color: var(--sage); }
  .routine-dot.amber { border-color: #D4A843; }
  .routine-clock {
    font-size: 10px;
    color: var(--light-muted);
    letter-spacing: 0.05em;
  }
  .routine-body {
    background: var(--warm-white);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 1rem 1.2rem;
    flex: 1;
    margin-top: -2px;
  }
  .routine-body h4 {
    font-size: 14px;
    font-weight: 500;
    color: var(--charcoal);
    margin-bottom: 4px;
  }
  .routine-body p {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.7;
    margin: 0;
  }
  .routine-badge {
    display: inline-block;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 99px;
    margin-bottom: 6px;
    letter-spacing: 0.05em;
  }
  .badge-rose { background: var(--blush); color: var(--deep-rose); }
  .badge-sage { background: #D4E4D2; color: var(--deep-sage); }
  .badge-amber { background: #F5E8CC; color: #7A5A20; }

  /* ── Pull quote ── */
  .pullquote {
    margin: 3rem 0;
    padding: 2rem;
    text-align: center;
    background: var(--warm-white);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
  }
  .pullquote p {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.1rem;
    line-height: 1.9;
    color: var(--charcoal);
    margin: 0;
  }
  .pullquote em {
    color: var(--rose);
    font-style: normal;
  }

  /* ── Author ── */
  .author-box {
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    background: var(--warm-white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 4rem;
  }
  .author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--blush);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 22px;
    color: var(--deep-rose);
  }
  .author-name {
    font-size: 14px;
    font-weight: 500;
    color: var(--charcoal);
    margin-bottom: 2px;
  }
  .author-title {
    font-size: 11px;
    color: var(--rose);
    letter-spacing: 0.08em;
    margin-bottom: 8px;
  }
  .author-bio {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.7;
    margin: 0;
  }

  /* ── CTA ── */
  .cta-box {
    margin: 3rem 0;
    padding: 2.5rem;
    background: linear-gradient(135deg, #FAF0EC 0%, #EDF4EC 100%);
    border-radius: 16px;
    text-align: center;
  }
  .cta-box h3 {
    font-family: 'Noto Serif JP', serif;
    font-size: 1.1rem;
    color: var(--charcoal);
    margin-bottom: 0.8rem;
  }
  .cta-box p {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 1.5rem;
  }
  .cta-btn {
    display: inline-block;
    background: var(--deep-rose);
    color: white;
    text-decoration: none;
    padding: 12px 32px;
    border-radius: 99px;
    font-size: 14px;
    letter-spacing: 0.08em;
    transition: opacity 0.2s;
  }
  .cta-btn:hover { opacity: 0.85; }

  /* ── Footer ── */
  footer {
    border-top: 1px solid var(--border);
    padding: 2.5rem 2rem;
    text-align: center;
    font-size: 12px;
    color: var(--light-muted);
    letter-spacing: 0.05em;
  }

  /* ── Divider ── */
  .divider {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 3rem 0;
    color: var(--light-muted);
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .divider::before, .divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
  }

  @media (max-width: 600px) {
    .site-nav { display: none; }
    .hero { padding: 3rem 1.5rem 2.5rem; }
    .product-card { grid-template-columns: 1fr; }
    .product-icon { width: 44px; height: 44px; font-size: 20px; }
  }
</style>
</head>
<body>

<header class="site-header">
  <div class="site-logo">美馬史織 × PCOS LAB</div>
  <nav class="site-nav">
    <a href="#">食事</a>
    <a href="#">妊活</a>
    <a href="#">温活</a>
    <a href="#">おすすめ品</a>
  </nav>
</header>

<div class="hero">
  <span class="hero-category">妊活ルーティン</span>
  <h1>妊活中の私の1日——基礎体温計・電気ひざかけ・スープジャーのある暮らし</h1>
  <p class="hero-meta">2025.06.10 / 美馬史織</p>
</div>

<div class="container">
<article>

  <div class="lead">
    PCOSと診断されてから、「何を、どう変えればいいんだろう」ってずっと迷ってました。<br>
    特別なことをしなきゃいけない気がして、最初はちょっとしんどかったです。<br><br>
    でもいまの私のルーティンって、実はとってもシンプル。<br>
    <strong>基礎体温計、電気ひざかけ、スープジャー</strong>——この3つが中心で、あとはほぼ普通の暮らしです😊
  </div>

  <p>
    今日は「妊活中ってどんな毎日を送ってるの?」というご質問をよくいただくので、私のリアルな1日のルーティンをシェアしたいと思います。難しいことは何もないので、ぜひ参考にしてみてください🌿
  </p>

  <!-- Timeline -->
  <div class="section-label">
    <div class="section-num">↓</div>
    <div class="section-title-wrap">
      <h2>私のリアルな1日の流れ</h2>
      <p>morning to night routine</p>
    </div>
  </div>

  <div class="routine">
    <div class="routine-item">
      <div class="routine-time">
        <div class="routine-dot"></div>
        <div class="routine-clock">6:30</div>
      </div>
      <div class="routine-body">
        <span class="routine-badge badge-rose">基礎体温</span>
        <h4>目を覚ます前に体温を測る</h4>
        <p>起き上がる前、まだ横になったままでオムロンの婦人用体温計をくわえます。ポイントは<strong>動かないこと</strong>!体を起こした瞬間から体温が変わるので、アラームが鳴ったらすぐ体温計を口に入れる、これだけ。</p>
      </div>
    </div>
    <div class="routine-item">
      <div class="routine-time">
        <div class="routine-dot"></div>
        <div class="routine-clock">6:45</div>
      </div>
      <div class="routine-body">
        <span class="routine-badge badge-rose">朝食準備</span>
        <h4>前夜にセットしたスープジャーを取り出す</h4>
        <p>実は前の夜に食材を入れておいたスープジャーが、朝には出来上がってます😊 象印のスープジャーなら保温力が高いから、具だくさんのお味噌汁も、雑穀入りのおかゆも朝には完成してる。朝の調理ゼロ!</p>
      </div>
    </div>
    <div class="routine-item">
      <div class="routine-time">
        <div class="routine-dot sage"></div>
        <div class="routine-clock">日中</div>
      </div>
      <div class="routine-body">
        <span class="routine-badge badge-sage">温活</span>
        <h4>デスクワーク中は電気ひざかけをON</h4>
        <p>仕事中はパナソニックの「くるけっと」を足〜腰にかけてます。子宮は冷やしたくない!でも暑すぎるのもNG。このひざかけは温度調節がこまかくできるし、洗えるのが地味に最高です🥺</p>
      </div>
    </div>
    <div class="routine-item">
      <div class="routine-time">
        <div class="routine-dot amber"></div>
        <div class="routine-clock">21:00</div>
      </div>
      <div class="routine-body">
        <span class="routine-badge badge-amber">夜の準備</span>
        <h4>翌朝のスープジャーをセット&お風呂</h4>
        <p>夜ごはんを作るついでに、翌朝のスープジャーもセット。ふるさと納税でもらったエプソムソルトを入れたお風呂でゆっくりして、体の芯から温めて就寝😴</p>
      </div>
    </div>
  </div>

  <div class="divider">3つの相棒を詳しく紹介</div>

  <!-- Product 1 -->
  <div class="section-label">
    <div class="section-num">01</div>
    <div class="section-title-wrap">
      <h2>基礎体温計——自分のリズムを「見える化」する</h2>
      <p>basal body thermometer</p>
    </div>
  </div>

  <p>
    PCOSの方は排卵が不規則なことが多くて、基礎体温のグラフが「きれいな二相性」になりにくいんですよね。だから最初は基礎体温をつけることが怖かった、って方も多いと思います。
  </p>
  <p>
    でも、見ないといつまでも自分の体のことがわからないまま。グラフがガタガタでも、まず記録することが大事。記録し続けることで、少しずつ変化が見えてきます。私もこれを続けることで、「生活改善の前後でここまで変わったんだ!」って実感できました。
  </p>

  <div class="product-card">
    <div class="product-icon icon-rose">🌡️</div>
    <div class="product-info">
      <h3>基礎体温計</h3>
      <div class="product-name">オムロン 婦人用電子体温計 MC-652LC-PK</div>
      <p class="product-desc">スマホアプリと連携できて、グラフ管理がラク!測定結果が自動で記録されるので「つけ忘れ」がなくなります。10秒計測モードもあって朝の眠い時間でも続けやすい。</p>
      <a href="https://amzn.to/3MhuqyF" class="product-link" target="_blank">Amazonで見る →</a>
    </div>
  </div>

  <p>
    💡 <strong>史織流の使い方のコツ:</strong>測った体温に一喜一憂しないで!「今日はこの数値だったな〜」と記録することに集中するのが長続きのコツです。
  </p>

  <!-- Product 2 -->
  <div class="section-label">
    <div class="section-num">02</div>
    <div class="section-title-wrap">
      <h2>電気ひざかけ——子宮を冷やさない、これだけで変わる</h2>
      <p>electric lap blanket</p>
    </div>
  </div>

  <p>
    「温活」って言葉、よく聞くと思うんですが、「何をすればいいの?」って思いますよね。私が一番手軽で効果を感じたのが、<strong>座っている時間を温めること</strong>です。
  </p>
  <p>
    お仕事中や家でパソコンを使っている間って、意外と下半身が冷えてます。特に冷房が効いているオフィスや、フローリングの部屋は要注意!子宮は体の中心にあって、冷えると血流が悪くなって、ホルモンバランスにも影響が出やすいんです。
  </p>

  <div class="product-card">
    <div class="product-icon icon-rose">🧣</div>
    <div class="product-info">
      <h3>電気ひざかけ「くるけっと」</h3>
      <div class="product-name">パナソニック DC-H5-T  125×93cm</div>
      <p class="product-desc">大きめサイズで腰から足元まで包める!温度が5段階で調節できて、「ほんのり温かい」レベルを一日キープ。ダニ退治機能つきで衛生的。何より<strong>洗濯機で丸洗いできる</strong>のが最高すぎます😭</p>
      <a href="https://amzn.to/3KC8hKN" class="product-link" target="_blank">Amazonで見る →</a>
    </div>
  </div>

  <div class="pullquote">
    <p>ひざかけ一枚でここまで変わるの?<br>って正直思ってたんですが、<em>続けてみると手足の冷えが明らかに変わった</em>んです。<br>ホルモン外来で通ってた先生にも「血色がよくなった」って言われたくらい😂</p>
  </div>

  <!-- Product 3 -->
  <div class="section-label">
    <div class="section-num">03</div>
    <div class="section-title-wrap">
      <h2>スープジャー——「食事を丁寧にしたい」を続けるための道具</h2>
      <p>soup jar / thermal container</p>
    </div>
  </div>

  <p>
    PCOSの食事改善でよく言われるのが「温かいものを食べること」「腸を整えること」「血糖値を急上昇させないこと」。でもそれを毎日の食事で実践するって、正直しんどくないですか?😅
  </p>
  <p>
    私がたどり着いた答えが、スープジャーを使った<strong>「放置調理」</strong>です。前の夜に食材とお湯を入れておくだけで、翌朝には具だくさんの温かいスープが完成。まさに「ほったらかし妊活ごはん」。
  </p>

  <div class="product-card">
    <div class="product-icon icon-amber">🍲</div>
    <div class="product-info">
      <h3>スープジャー 400ml</h3>
      <div class="product-name">象印 SW-KA40-CM(中サイズ)</div>
      <p class="product-desc">400mlは一人分のスープにちょうどいいサイズ感。保温力が高くて、前夜に入れても翌朝しっかり温かい。お味噌汁・おかゆ・豚汁・野菜スープ、なんでも対応。持ち運びもできるので会社へのお弁当としても活躍します。</p>
      <a href="https://amzn.to/4rBVGrE" class="product-link" target="_blank">Amazonで見る →</a>
    </div>
  </div>

  <p>
    私がよくやるのは、<strong>雑穀米 × 旬の野菜 × ツナ缶のリゾット風スープ</strong>。雑穀でビタミンミネラル、ツナでセロトニンの材料(トリプトファン)、野菜で食物繊維。ほったらかしで栄養バランス完璧です😂✨
  </p>

  <div class="divider">まとめ</div>

  <p>
    この3つ、どれも「すごく頑張る道具」じゃないんです。むしろ、<strong>頑張らなくても続けられるようにするための道具</strong>です。
  </p>
  <p>
    妊活って長期戦になることも多くて、ストイックに頑張りすぎるとどこかで必ず息切れします。「ちょっとラクに、でも確実に体に積み上げていく」——そのために道具を賢く使うのが、私のスタイルです🌼
  </p>
  <p>
    ぜひ3つのうち、一番取り入れやすそうなものから始めてみてください😊
  </p>

  <!-- CTA -->
  <div class="cta-box">
    <h3>他にもPCOS改善のヒントをお届けしています</h3>
    <p>食事・ホルモン・生活習慣について、専門家としての視点から発信中。<br>ご質問はInstagramのDMでお気軽にどうぞ!</p>
    <a href="#" class="cta-btn">Instagramをフォローする</a>
  </div>

  <!-- Author -->
  <div class="author-box">
    <div class="author-avatar">史</div>
    <div>
      <div class="author-name">美馬 史織</div>
      <div class="author-title">PCOS専門家</div>
      <p class="author-bio">PCOSと診断後、食事・生活習慣の改善で体質を変えた経験をもとに、同じ悩みをもつ女性をサポート。「頑張りすぎない妊活」をテーマに、日常に取り入れやすい情報を発信しています。</p>
    </div>
  </div>

</article>
</div>

<footer>
  <p>© 2025 美馬史織 PCOS LAB / PRリンクを使用しています</p>
</footer>

</body>
</html>
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次