<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>🔊タコタのフォニックスレッスン アーカイブ - じゅにさん子育てブログ</title>
	<atom:link href="https://jouniorsankosodate.com/category/learn/english-flash/tacota-phonics/feed/" rel="self" type="application/rss+xml" />
	<link>https://jouniorsankosodate.com/category/learn/english-flash/tacota-phonics/</link>
	<description>勉強が苦手な子でも、わかる・できる・続けられる</description>
	<lastBuildDate>Thu, 20 Aug 2026 12:13:01 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://jouniorsankosodate.com/wp-content/uploads/2026/02/cropped-44f1f7a5e508593f7c057572c07f45a3-32x32.jpg</url>
	<title>🔊タコタのフォニックスレッスン アーカイブ - じゅにさん子育てブログ</title>
	<link>https://jouniorsankosodate.com/category/learn/english-flash/tacota-phonics/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>🔊【フォニックスLEVEL 2②】まだある！2文字で1つの音｜ph・wh・ck・ngを読んでみよう</title>
		<link>https://jouniorsankosodate.com/phonics-level-2-02/</link>
					<comments>https://jouniorsankosodate.com/phonics-level-2-02/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 12:13:00 +0000</pubDate>
				<category><![CDATA[👧英語学習]]></category>
		<category><![CDATA[🔊タコタのフォニックスレッスン]]></category>
		<category><![CDATA[＃タコタ]]></category>
		<category><![CDATA[＃タコタシリーズ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[#英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=7863</guid>

					<description><![CDATA[<p>フォニックスLEVEL 2②では、ph・wh・ck・ngを2文字で1つの音として読む練習を、音声・フラッシュ・初見チャレンジで楽しく学べます。</p>
<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-2-02/">🔊【フォニックスLEVEL 2②】まだある！2文字で1つの音｜ph・wh・ck・ngを読んでみよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<article id="takotaPhonicsLevel202" class="tpl22-wrap">
  <style>
    #takotaPhonicsLevel202{
      --tpl22-ink:#253047;--tpl22-muted:#657086;--tpl22-coral:#f0645a;--tpl22-coral-dark:#d94d44;--tpl22-teal:#138c85;--tpl22-blue:#5aaee8;--tpl22-line:#e8dfd2;--tpl22-yellow:#fff2b8;--tpl22-shadow:0 14px 35px rgba(52,45,36,.12);
      width:min(100% - 24px,780px);margin:18px auto;padding:24px 0 56px;color:var(--tpl22-ink);font-family:inherit;line-height:1.8;overflow-wrap:anywhere;
    }
    #takotaPhonicsLevel202 *{box-sizing:border-box}
    #takotaPhonicsLevel202 button{font:inherit}
    #takotaPhonicsLevel202 h1,#takotaPhonicsLevel202 h2,#takotaPhonicsLevel202 h3{line-height:1.4;letter-spacing:0}
    #takotaPhonicsLevel202 p{margin:10px 0;font-size:17px}
    #takotaPhonicsLevel202 .tpl22-learning-nav-top{display:grid;grid-template-columns:150px 1fr;gap:10px;margin-bottom:18px;padding:14px;background:#fff;border:1px solid var(--tpl22-line);border-radius:18px;box-shadow:0 8px 22px rgba(52,45,36,.08)}
    #takotaPhonicsLevel202 .tpl22-learning-nav-top span{display:block;color:var(--tpl22-muted);font-size:13px;font-weight:900}
    #takotaPhonicsLevel202 .tpl22-learning-nav-top strong{display:block;font-size:17px}
    #takotaPhonicsLevel202 .tpl22-prev-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0 0 14px;padding:8px 14px;border-radius:999px;background:#eaf9f7;color:#116e68 !important;font-weight:900;text-decoration:none !important}
    #takotaPhonicsLevel202 .tpl22-hero,#takotaPhonicsLevel202 .tpl22-section,#takotaPhonicsLevel202 .tpl22-clear-screen{background:rgba(255,255,255,.95);border:1px solid var(--tpl22-line);border-radius:24px;padding:clamp(22px,5vw,40px);box-shadow:var(--tpl22-shadow)}
    #takotaPhonicsLevel202 .tpl22-hero{background:linear-gradient(135deg,#fffaf1 0%,#fff2f8 52%,#eaf9f7 100%)}
    #takotaPhonicsLevel202 .tpl22-eyebrow{margin:0 0 6px;color:var(--tpl22-teal);font-weight:900}
    #takotaPhonicsLevel202 h1{margin:0 0 18px;color:var(--tpl22-ink);font-size:clamp(28px,7vw,42px)}
    #takotaPhonicsLevel202 h2{margin:0 0 14px;color:#116e68;font-size:clamp(22px,5vw,30px)}
    #takotaPhonicsLevel202 h3{margin:18px 0 10px;font-size:20px}
    #takotaPhonicsLevel202 .tpl22-section,#takotaPhonicsLevel202 .tpl22-clear-screen{margin-top:22px}
    #takotaPhonicsLevel202 .tpl22-speech,#takotaPhonicsLevel202 .tpl22-point{margin:18px 0;padding:16px 18px;background:#fff;border:2px dashed #ffb6b6;border-radius:18px;font-weight:800}
    #takotaPhonicsLevel202 .tpl22-point{background:var(--tpl22-yellow);border-style:solid;border-color:#ffd45f;font-weight:900}
    #takotaPhonicsLevel202 .tpl22-word-grid,#takotaPhonicsLevel202 .tpl22-practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
    #takotaPhonicsLevel202 .tpl22-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    #takotaPhonicsLevel202 .tpl22-word-card,#takotaPhonicsLevel202 .tpl22-practice-card,#takotaPhonicsLevel202 .tpl22-find-card{display:grid;gap:12px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--tpl22-line);box-shadow:0 6px 16px rgba(52,45,36,.07);text-align:center}
    #takotaPhonicsLevel202 .tpl22-word-card strong,#takotaPhonicsLevel202 .tpl22-practice-word{font-size:34px;font-weight:900;line-height:1.2}
    #takotaPhonicsLevel202 .tpl22-mark{display:inline-block;padding:0 4px;border-radius:10px;color:#fff;background:#f0645a}
    #takotaPhonicsLevel202 .tpl22-mark-wh{background:#138c85} #takotaPhonicsLevel202 .tpl22-mark-ck{background:#5a72e8} #takotaPhonicsLevel202 .tpl22-mark-ng{background:#8b5ae8}
    #takotaPhonicsLevel202 .tpl22-sound-button,#takotaPhonicsLevel202 .tpl22-action-button,#takotaPhonicsLevel202 .tpl22-bottom-nav a,#takotaPhonicsLevel202 .tpl22-bottom-nav button,#takotaPhonicsLevel202 .tpl22-bottom-nav span{min-height:48px;border:0;border-radius:999px;padding:10px 14px;background:var(--tpl22-coral);color:#fff !important;font-weight:900;text-decoration:none !important;cursor:pointer;box-shadow:0 6px 14px rgba(240,100,90,.20)}
    #takotaPhonicsLevel202 button:disabled{opacity:.65;cursor:default}
    #takotaPhonicsLevel202 .tpl22-pattern-reveal{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:18px 0;padding:18px;border-radius:22px;background:#fffaf1;border:2px solid #ffd45f}
    #takotaPhonicsLevel202 .tpl22-pattern-reveal strong{color:var(--tpl22-coral-dark);font-size:64px;line-height:1;font-weight:900;text-align:center}
    #takotaPhonicsLevel202 .tpl22-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:center;margin:16px 0;text-align:center;font-weight:900}
    #takotaPhonicsLevel202 .tpl22-flow span,#takotaPhonicsLevel202 .tpl22-flow strong,#takotaPhonicsLevel202 .tpl22-flow b{min-height:48px;display:grid;place-items:center;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--tpl22-line)}
    #takotaPhonicsLevel202 .tpl22-flow strong{background:#eaf9f7;color:#116e68;font-size:26px}
    #takotaPhonicsLevel202 .tpl22-compare-sounds,#takotaPhonicsLevel202 .tpl22-two-buttons,#takotaPhonicsLevel202 .tpl22-actions,#takotaPhonicsLevel202 .tpl22-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    #takotaPhonicsLevel202 .tpl22-compare-sounds strong,#takotaPhonicsLevel202 .tpl22-compare-sounds span{display:grid;place-items:center;min-height:52px;border-radius:16px;background:#fff;border:1px solid var(--tpl22-line);font-size:28px;font-weight:900}
    #takotaPhonicsLevel202 .tpl22-flash-card,#takotaPhonicsLevel202 .tpl22-challenge-panel,#takotaPhonicsLevel202 .tpl22-quiz-wrap{display:grid;gap:16px;margin-top:16px;padding:18px;border-radius:20px;background:#fffaf1;border:1px solid var(--tpl22-line)}
    #takotaPhonicsLevel202 .tpl22-flash-word,#takotaPhonicsLevel202 .tpl22-review-pattern{display:grid;place-items:center;min-height:150px;border-radius:22px;background:#fff;border:2px solid #ffd1d1;font-size:56px;font-weight:900;line-height:1;color:var(--tpl22-coral-dark)}
    #takotaPhonicsLevel202 .tpl22-flash-meta,#takotaPhonicsLevel202 .tpl22-quiz-count{margin:0;color:var(--tpl22-muted);font-weight:900;text-align:center}
    #takotaPhonicsLevel202 .tpl22-flash-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    #takotaPhonicsLevel202 .tpl22-sound-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    #takotaPhonicsLevel202 .tpl22-sound-choice{display:grid;gap:10px;align-items:center;min-height:86px;padding:12px 14px;border:2px solid #ffd1d1;border-radius:18px;background:#fff;color:var(--tpl22-ink);font-weight:900;text-align:center}
    #takotaPhonicsLevel202 .tpl22-sound-choice strong{font-size:30px;line-height:1}
    #takotaPhonicsLevel202 .tpl22-choice-audio{min-height:44px;border:0;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer;background:#eaf9f7;color:#116e68}
    #takotaPhonicsLevel202 .tpl22-answer-select-box{display:grid;gap:10px;margin-top:6px;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--tpl22-line)}
    #takotaPhonicsLevel202 .tpl22-answer-select-box p{margin:0;font-weight:900;text-align:center}
    #takotaPhonicsLevel202 .tpl22-answer-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    #takotaPhonicsLevel202 .tpl22-choice-select,#takotaPhonicsLevel202 .tpl22-find-choice{min-height:52px;border:0;border-radius:999px;padding:8px 12px;font-size:24px;font-weight:900;cursor:pointer;background:var(--tpl22-coral);color:#fff}
    #takotaPhonicsLevel202 .tpl22-choice-select.tpl22-correct,#takotaPhonicsLevel202 .tpl22-find-choice.tpl22-correct{background:#4caf50;color:#fff}
    #takotaPhonicsLevel202 .tpl22-choice-select.tpl22-wrong,#takotaPhonicsLevel202 .tpl22-find-choice.tpl22-wrong{background:#f0645a;color:#fff}
    #takotaPhonicsLevel202 .tpl22-quiz-result,.tpl22-find-result{padding:14px;border-radius:18px;background:#fff;border:1px solid var(--tpl22-line);font-weight:900}
    #takotaPhonicsLevel202 .tpl22-timer{display:grid;place-items:center;min-height:92px;border-radius:20px;background:#253047;color:#fff;font-size:42px;font-weight:900;line-height:1}
    #takotaPhonicsLevel202 .tpl22-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
    #takotaPhonicsLevel202 .tpl22-action-button.tpl22-start{background:#138c85} #takotaPhonicsLevel202 .tpl22-action-button.tpl22-stop{background:#f0645a} #takotaPhonicsLevel202 .tpl22-action-button.tpl22-retry{background:#5aaee8}
    #takotaPhonicsLevel202 .tpl22-chips,#takotaPhonicsLevel202 .tpl22-answer-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    #takotaPhonicsLevel202 .tpl22-chip{min-height:58px;border:2px solid #ffd1d1;border-radius:16px;background:#fff;color:#253047;font-size:24px;font-weight:900}
    #takotaPhonicsLevel202 .tpl22-record{padding:12px;border-radius:16px;background:#fff;border:1px solid var(--tpl22-line);text-align:center;font-weight:900}
    #takotaPhonicsLevel202 .tpl22-answer-area,.tpl22-review-card{display:grid;gap:10px}
    #takotaPhonicsLevel202 .tpl22-review-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    #takotaPhonicsLevel202 .tpl22-clear-screen{text-align:center;background:linear-gradient(135deg,#fffaf1 0%,#fff 50%,#eaf9f7 100%)}
    #takotaPhonicsLevel202 .tpl22-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}
    #takotaPhonicsLevel202 .tpl22-bottom-nav .tpl22-index{background:#f7a928} #takotaPhonicsLevel202 .tpl22-bottom-nav .tpl22-retry{background:#5aaee8} #takotaPhonicsLevel202 .tpl22-bottom-nav .tpl22-pending{background:#ffd1d1;color:#7a5360 !important;cursor:default}
    #takotaPhonicsLevel202 .tpl22-small-note{color:var(--tpl22-muted);font-size:15px;font-weight:900}
    #takotaPhonicsLevel202 [hidden]{display:none !important}
    @media (max-width:640px){
      #takotaPhonicsLevel202{width:min(100% - 20px,780px);padding-top:14px}
      #takotaPhonicsLevel202 .tpl22-learning-nav-top,#takotaPhonicsLevel202 .tpl22-word-grid,#takotaPhonicsLevel202 .tpl22-practice-grid,#takotaPhonicsLevel202 .tpl22-pattern-reveal,#takotaPhonicsLevel202 .tpl22-compare-sounds,#takotaPhonicsLevel202 .tpl22-two-buttons,#takotaPhonicsLevel202 .tpl22-flash-actions,#takotaPhonicsLevel202 .tpl22-actions,#takotaPhonicsLevel202 .tpl22-records,#takotaPhonicsLevel202 .tpl22-bottom-nav{grid-template-columns:1fr}
      #takotaPhonicsLevel202 .tpl22-hero,#takotaPhonicsLevel202 .tpl22-section,#takotaPhonicsLevel202 .tpl22-clear-screen{border-radius:18px;padding:20px 16px}
      #takotaPhonicsLevel202 .tpl22-flow{grid-template-columns:1fr;max-width:220px;margin-inline:auto}
      #takotaPhonicsLevel202 .tpl22-pattern-reveal strong{font-size:54px}
      #takotaPhonicsLevel202 .tpl22-flash-word,#takotaPhonicsLevel202 .tpl22-review-pattern{font-size:48px;min-height:130px}
      #takotaPhonicsLevel202 .tpl22-chips,#takotaPhonicsLevel202 .tpl22-answer-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
      #takotaPhonicsLevel202 .tpl22-sound-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
      #takotaPhonicsLevel202 .tpl22-timer{font-size:36px}
    }
  </style>

  <nav class="tpl22-learning-nav-top" aria-label="今回の学習情報">
    <div><span>シリーズ</span><strong>フォニックス LEVEL 2｜②</strong></div>
    <div><span>今回のゴール</span><strong>ph・wh・ck・ngを見つけて、2文字をセットで読めるようになろう！</strong></div>
  </nav>
  <span class="tpl22-prev-link" aria-disabled="true">← 前のレッスン（LEVEL 2①公開後にリンク）</span>

  <header class="tpl22-hero">
    <p class="tpl22-eyebrow">🔊 タコタのフォニックスレッスン</p>
    <h1>まだある！2文字で1つの音｜ph・wh・ck・ngを読んでみよう</h1>
    <p>前のレッスンでは、<strong>sh・ch・th</strong>のように、2文字がセットになって1つの音になる組み合わせを学びました。</p>
    <p>でも、このような組み合わせはまだあります。</p>
    <p>今回は、<strong>ph　wh　ck　ng</strong>の4つを見つけてみましょう。</p>
    <div class="tpl22-speech">🐙 2文字のチームは、単語の最初だけにあるとは限らないよ！どこに隠れているか探してみよう！</div>
  </header>


  <section class="tpl22-section">
    
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-1" checked><label class="toc-title" for="toc-checkbox-1">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">🐙 STEP 1｜phを見つけよう</a><ol><li><a href="#toc2" tabindex="0">phを使って読んでみよう</a></li></ol></li><li><a href="#toc3" tabindex="0">🐙 STEP 2｜whを見つけよう</a><ol><li><a href="#toc4" tabindex="0">whを使って読んでみよう</a></li></ol></li><li><a href="#toc5" tabindex="0">🐙 STEP 3｜ckを見つけよう</a><ol><li><a href="#toc6" tabindex="0">ckを使って読んでみよう</a></li></ol></li><li><a href="#toc7" tabindex="0">🐙 STEP 4｜ngを見つけよう</a><ol><li><a href="#toc8" tabindex="0">ngを使って読んでみよう</a></li></ol></li><li><a href="#toc9" tabindex="0">🐙 4つをまとめる</a></li><li><a href="#toc10" tabindex="0">🐙 音を聞いて選ぼう</a><ol><li><a href="#toc11" tabindex="0">phはどの音？</a></li><li><a href="#toc12" tabindex="0">whはどの音？</a></li><li><a href="#toc13" tabindex="0">ckはどの音？</a></li><li><a href="#toc14" tabindex="0">ngはどの音？</a></li></ol></li><li><a href="#toc15" tabindex="0">🔎 2文字のチームはどこ？</a><ol><li><a href="#toc16" tabindex="0">duck</a></li><li><a href="#toc17" tabindex="0">ring</a></li></ol></li><li><a href="#toc18" tabindex="0">🐙 読んでみようフラッシュ</a></li><li><a href="#toc19" tabindex="0">🚀 初見単語チャレンジ</a><ol><li><a href="#toc20" tabindex="0">答え合わせ</a></li></ol></li><li><a href="#toc21" tabindex="0">🔊 4つの音を覚えたかな？</a></li><li><a href="#toc22" tabindex="0">🎉 2文字の音がもっと読めるようになった！</a></li><li><a href="#toc23" tabindex="0">🐙 次回予告</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">🐙 STEP 1｜phを見つけよう</span></h2>
    <p>まずは知っている単語を聞いて、同じ2文字を見つけよう。</p>
    <div class="tpl22-word-grid">

        <article class="tpl22-word-card">
          <strong><span class="tpl22-mark tpl22-mark-ph">ph</span>one</strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="phone">🔊 phone</button>
        </article>

        <article class="tpl22-word-card">
          <strong><span class="tpl22-mark tpl22-mark-ph">ph</span>oto</strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="photo">🔊 photo</button>
        </article>

        <article class="tpl22-word-card">
          <strong>dol<span class="tpl22-mark tpl22-mark-ph">ph</span>in</strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="dolphin">🔊 dolphin</button>
        </article>
    </div>
    <div class="tpl22-speech">🐙 pとhが並んでいるけれど、pとhを別々には読んでいないね！</div>
    <div class="tpl22-pattern-reveal">
      <strong>ph</strong>
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="ph">🔊 phの音</button>
    </div>
    <p>phは、fと同じような音になります。</p>
    <p class="tpl22-small-note">場所：beginning / middle</p>

    <div class="tpl22-compare-sounds">
      <strong>f</strong>
      <span>⇔</span>
      <strong>ph</strong>
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="f">🔊 f</button>
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="ph">🔊 ph</button>
    </div>
    <div class="tpl22-speech">🐙 文字は違うけれど、同じような音がするね！</div>

<div class="tpl22-point">🐙 今まで何度も見ていた「phonics」にもphが入っているよ！</div>
    <h3><span id="toc2">phを使って読んでみよう</span></h3>
    <div class="tpl22-practice-grid">

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word"><span class="tpl22-mark tpl22-mark-ph">ph</span>one</div>
          <p>phを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="phone">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word"><span class="tpl22-mark tpl22-mark-ph">ph</span>oto</div>
          <p>phを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="photo">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">dol<span class="tpl22-mark tpl22-mark-ph">ph</span>in</div>
          <p>phを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="dolphin">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word"><span class="tpl22-mark tpl22-mark-ph">ph</span>onics</div>
          <p>phを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="phonics">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl22-section">
    <h2><span id="toc3">🐙 STEP 2｜whを見つけよう</span></h2>
    <p>まずは知っている単語を聞いて、同じ2文字を見つけよう。</p>
    <div class="tpl22-word-grid">

        <article class="tpl22-word-card">
          <strong><span class="tpl22-mark tpl22-mark-wh">wh</span>at</strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="what">🔊 what</button>
        </article>

        <article class="tpl22-word-card">
          <strong><span class="tpl22-mark tpl22-mark-wh">wh</span>en</strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="when">🔊 when</button>
        </article>

        <article class="tpl22-word-card">
          <strong><span class="tpl22-mark tpl22-mark-wh">wh</span>ich</strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="which">🔊 which</button>
        </article>
    </div>
    <div class="tpl22-speech">🐙 wとhが並んだwhも、英単語でよく見る組み合わせです。</div>
    <div class="tpl22-pattern-reveal">
      <strong>wh</strong>
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="wh">🔊 whの音</button>
    </div>
    <p>多くの単語では、wに近い音で聞こえるよ。</p>
    <p class="tpl22-small-note">場所：beginning</p>


<div class="tpl22-point">🐙 whの音は、話す人や地域、単語によって少し違って聞こえることがあります。</div>
    <h3><span id="toc4">whを使って読んでみよう</span></h3>
    <div class="tpl22-practice-grid">

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word"><span class="tpl22-mark tpl22-mark-wh">wh</span>at</div>
          <p>whを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="what">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word"><span class="tpl22-mark tpl22-mark-wh">wh</span>en</div>
          <p>whを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="when">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word"><span class="tpl22-mark tpl22-mark-wh">wh</span>ich</div>
          <p>whを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="which">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word"><span class="tpl22-mark tpl22-mark-wh">wh</span>ip</div>
          <p>whを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="whip">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl22-section">
    <h2><span id="toc5">🐙 STEP 3｜ckを見つけよう</span></h2>
    <p>まずは知っている単語を聞いて、同じ2文字を見つけよう。</p>
    <div class="tpl22-word-grid">

        <article class="tpl22-word-card">
          <strong>du<span class="tpl22-mark tpl22-mark-ck">ck</span></strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="duck">🔊 duck</button>
        </article>

        <article class="tpl22-word-card">
          <strong>so<span class="tpl22-mark tpl22-mark-ck">ck</span></strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="sock">🔊 sock</button>
        </article>

        <article class="tpl22-word-card">
          <strong>bla<span class="tpl22-mark tpl22-mark-ck">ck</span></strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="black">🔊 black</button>
        </article>
    </div>
    <div class="tpl22-speech">🐙 今度は単語の最後にckがあるね！</div>
    <div class="tpl22-pattern-reveal">
      <strong>ck</strong>
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="ck">🔊 ckの音</button>
    </div>
    <p>cとkが並んでいても、2回音を出すのではなく、1つのkのような音で読みます。</p>
    <p class="tpl22-small-note">場所：end</p>


    <div class="tpl22-flow">
      <span>c</span><span>+</span><span>k</span><span>↓</span><strong>ck</strong><span>↓</span><b>1つの音</b>
    </div>

    <h3><span id="toc6">ckを使って読んでみよう</span></h3>
    <div class="tpl22-practice-grid">

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">du<span class="tpl22-mark tpl22-mark-ck">ck</span></div>
          <p>ckを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="duck">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">so<span class="tpl22-mark tpl22-mark-ck">ck</span></div>
          <p>ckを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="sock">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">bla<span class="tpl22-mark tpl22-mark-ck">ck</span></div>
          <p>ckを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="black">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">ne<span class="tpl22-mark tpl22-mark-ck">ck</span></div>
          <p>ckを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="neck">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">ro<span class="tpl22-mark tpl22-mark-ck">ck</span></div>
          <p>ckを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="rock">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl22-section">
    <h2><span id="toc7">🐙 STEP 4｜ngを見つけよう</span></h2>
    <p>まずは知っている単語を聞いて、同じ2文字を見つけよう。</p>
    <div class="tpl22-word-grid">

        <article class="tpl22-word-card">
          <strong>si<span class="tpl22-mark tpl22-mark-ng">ng</span></strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="sing">🔊 sing</button>
        </article>

        <article class="tpl22-word-card">
          <strong>ki<span class="tpl22-mark tpl22-mark-ng">ng</span></strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="king">🔊 king</button>
        </article>

        <article class="tpl22-word-card">
          <strong>ri<span class="tpl22-mark tpl22-mark-ng">ng</span></strong>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="ring">🔊 ring</button>
        </article>
    </div>
    <div class="tpl22-speech">🐙 nとgを1文字ずつ読むのではなく、ngのまとまりで音を聞いてみよう！</div>
    <div class="tpl22-pattern-reveal">
      <strong>ng</strong>
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="ng">🔊 ngの音</button>
    </div>
    <p>ngは、nとgをそれぞれ完全に独立して読む音ではありません。</p>
    <p class="tpl22-small-note">場所：end</p>



    <h3><span id="toc8">ngを使って読んでみよう</span></h3>
    <div class="tpl22-practice-grid">

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">si<span class="tpl22-mark tpl22-mark-ng">ng</span></div>
          <p>ngを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="sing">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">ki<span class="tpl22-mark tpl22-mark-ng">ng</span></div>
          <p>ngを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="king">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">ri<span class="tpl22-mark tpl22-mark-ng">ng</span></div>
          <p>ngを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="ring">🔊 答えを聞く</button>
        </article>

        <article class="tpl22-practice-card">
          <div class="tpl22-practice-word">so<span class="tpl22-mark tpl22-mark-ng">ng</span></div>
          <p>ngを見つけて読んでみよう！</p>
          <button class="tpl22-sound-button" type="button" data-tpl22-word="song">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl22-section">
    <h2><span id="toc9">🐙 4つをまとめる</span></h2>
    <p>ph / wh / ck / ng を見たら、セットの音を思い出そう。</p>
    <div class="tpl22-two-buttons">
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="ph">🔊 ph</button>
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="wh">🔊 wh</button>
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="ck">🔊 ck</button>
      <button class="tpl22-sound-button" type="button" data-tpl22-pattern-audio="ng">🔊 ng</button>
    </div>
  </section>

  <section class="tpl22-section">
    <h2><span id="toc10">🐙 音を聞いて選ぼう</span></h2>
    <p>音声ボタンを聞いて、答えを番号で選ぼう。</p>
    <div class="tpl22-quiz-wrap">

      <article class="tpl22-quiz-card" data-tpl22-quiz-card="0">
        <p class="tpl22-quiz-count">1 / 4</p>
        <h3><span id="toc11">phはどの音？</span></h3>
        <div class="tpl22-sound-choice-grid">

          <div class="tpl22-sound-choice">
            <strong>①</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="0" data-tpl22-choice-audio="wh">🔊</button>
          </div>

          <div class="tpl22-sound-choice">
            <strong>②</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="0" data-tpl22-choice-audio="ph">🔊</button>
          </div>

          <div class="tpl22-sound-choice">
            <strong>③</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="0" data-tpl22-choice-audio="ck">🔊</button>
          </div>
        </div>
        <div class="tpl22-answer-select-box">
          <p>答え</p>
          <div class="tpl22-answer-select-grid">
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="0" data-tpl22-choice="wh">①</button>
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="0" data-tpl22-choice="ph">②</button>
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="0" data-tpl22-choice="ck">③</button>
          </div>
        </div>
        <div class="tpl22-quiz-result" data-tpl22-quiz-result="0" hidden></div>
        <button class="tpl22-action-button tpl22-next-quiz" type="button" data-tpl22-next-quiz="0" hidden>つぎへ →</button>
      </article>

      <article class="tpl22-quiz-card" data-tpl22-quiz-card="1" hidden>
        <p class="tpl22-quiz-count">2 / 4</p>
        <h3><span id="toc12">whはどの音？</span></h3>
        <div class="tpl22-sound-choice-grid">

          <div class="tpl22-sound-choice">
            <strong>①</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="1" data-tpl22-choice-audio="wh">🔊</button>
          </div>

          <div class="tpl22-sound-choice">
            <strong>②</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="1" data-tpl22-choice-audio="ng">🔊</button>
          </div>

          <div class="tpl22-sound-choice">
            <strong>③</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="1" data-tpl22-choice-audio="ph">🔊</button>
          </div>
        </div>
        <div class="tpl22-answer-select-box">
          <p>答え</p>
          <div class="tpl22-answer-select-grid">
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="1" data-tpl22-choice="wh">①</button>
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="1" data-tpl22-choice="ng">②</button>
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="1" data-tpl22-choice="ph">③</button>
          </div>
        </div>
        <div class="tpl22-quiz-result" data-tpl22-quiz-result="1" hidden></div>
        <button class="tpl22-action-button tpl22-next-quiz" type="button" data-tpl22-next-quiz="1" hidden>つぎへ →</button>
      </article>

      <article class="tpl22-quiz-card" data-tpl22-quiz-card="2" hidden>
        <p class="tpl22-quiz-count">3 / 4</p>
        <h3><span id="toc13">ckはどの音？</span></h3>
        <div class="tpl22-sound-choice-grid">

          <div class="tpl22-sound-choice">
            <strong>①</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="2" data-tpl22-choice-audio="ng">🔊</button>
          </div>

          <div class="tpl22-sound-choice">
            <strong>②</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="2" data-tpl22-choice-audio="wh">🔊</button>
          </div>

          <div class="tpl22-sound-choice">
            <strong>③</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="2" data-tpl22-choice-audio="ck">🔊</button>
          </div>
        </div>
        <div class="tpl22-answer-select-box">
          <p>答え</p>
          <div class="tpl22-answer-select-grid">
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="2" data-tpl22-choice="ng">①</button>
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="2" data-tpl22-choice="wh">②</button>
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="2" data-tpl22-choice="ck">③</button>
          </div>
        </div>
        <div class="tpl22-quiz-result" data-tpl22-quiz-result="2" hidden></div>
        <button class="tpl22-action-button tpl22-next-quiz" type="button" data-tpl22-next-quiz="2" hidden>つぎへ →</button>
      </article>

      <article class="tpl22-quiz-card" data-tpl22-quiz-card="3" hidden>
        <p class="tpl22-quiz-count">4 / 4</p>
        <h3><span id="toc14">ngはどの音？</span></h3>
        <div class="tpl22-sound-choice-grid">

          <div class="tpl22-sound-choice">
            <strong>①</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="3" data-tpl22-choice-audio="ck">🔊</button>
          </div>

          <div class="tpl22-sound-choice">
            <strong>②</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="3" data-tpl22-choice-audio="ng">🔊</button>
          </div>

          <div class="tpl22-sound-choice">
            <strong>③</strong>
            <button class="tpl22-choice-audio" type="button" data-tpl22-quiz-audio="3" data-tpl22-choice-audio="ph">🔊</button>
          </div>
        </div>
        <div class="tpl22-answer-select-box">
          <p>答え</p>
          <div class="tpl22-answer-select-grid">
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="3" data-tpl22-choice="ck">①</button>
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="3" data-tpl22-choice="ng">②</button>
<button class="tpl22-choice-select" type="button" data-tpl22-quiz="3" data-tpl22-choice="ph">③</button>
          </div>
        </div>
        <div class="tpl22-quiz-result" data-tpl22-quiz-result="3" hidden></div>
        <button class="tpl22-action-button tpl22-next-quiz" type="button" data-tpl22-next-quiz="3" hidden>つぎへ →</button>
      </article>
    </div>
  </section>

  <section class="tpl22-section">
    <h2><span id="toc15">🔎 2文字のチームはどこ？</span></h2>
    <p>単語の中から、今回の2文字チームを見つけよう。</p>
    <div class="tpl22-practice-grid">

      <article class="tpl22-find-card">
        <h3><span id="toc16">duck</span></h3>
        <p>どこが今回の2文字チーム？</p>
        <div class="tpl22-answer-select-grid"><button class="tpl22-find-choice" type="button" data-tpl22-find="0" data-tpl22-find-choice="du">du</button>
<button class="tpl22-find-choice" type="button" data-tpl22-find="0" data-tpl22-find-choice="uc">uc</button>
<button class="tpl22-find-choice" type="button" data-tpl22-find="0" data-tpl22-find-choice="ck">ck</button></div>
        <p class="tpl22-find-result" data-tpl22-find-result="0" hidden></p>
      </article>

      <article class="tpl22-find-card">
        <h3><span id="toc17">ring</span></h3>
        <p>どこが今回の2文字チーム？</p>
        <div class="tpl22-answer-select-grid"><button class="tpl22-find-choice" type="button" data-tpl22-find="1" data-tpl22-find-choice="ri">ri</button>
<button class="tpl22-find-choice" type="button" data-tpl22-find="1" data-tpl22-find-choice="in">in</button>
<button class="tpl22-find-choice" type="button" data-tpl22-find="1" data-tpl22-find-choice="ng">ng</button></div>
        <p class="tpl22-find-result" data-tpl22-find-result="1" hidden></p>
      </article>
    </div>
  </section>

  <section class="tpl22-section" aria-labelledby="tpl22-flash-title">
    <h2 id="tpl22-flash-title"><span id="toc18">🐙 読んでみようフラッシュ</span></h2>
    <p>音声を聞く前に、まず自分で読んでみよう！</p>
    <div class="tpl22-flash-card">
      <p class="tpl22-flash-meta" data-tpl22="flash-count"></p>
      <div class="tpl22-flash-word" data-tpl22="flash-word"></div>
      <button class="tpl22-sound-button" type="button" data-tpl22="flash-audio">🔊 答えを聞く</button>
      <div class="tpl22-flash-actions">
        <button class="tpl22-action-button" type="button" data-tpl22="flash-prev">← まえへ</button>
        <button class="tpl22-action-button" type="button" data-tpl22="flash-pattern">セットを見る</button>
        <button class="tpl22-action-button" type="button" data-tpl22="flash-next">つぎへ →</button>
      </div>
      <p class="tpl22-flash-meta" data-tpl22="flash-pattern-text"></p>
    </div>
  </section>

  <section class="tpl22-section" aria-labelledby="tpl22-challenge-title">
    <h2 id="tpl22-challenge-title"><span id="toc19">🚀 初見単語チャレンジ</span></h2>
    <p>最初はゆっくりでも大丈夫。2文字のチームを見つけながら正しく読もう！</p>
    <div class="tpl22-challenge-panel">
      <div class="tpl22-timer" data-tpl22="timer">0.0秒</div>
      <div class="tpl22-actions">
        <button class="tpl22-action-button tpl22-start" type="button" data-tpl22="start">スタート</button>
        <button class="tpl22-action-button tpl22-stop" type="button" data-tpl22="stop" disabled>ストップ</button>
        <button class="tpl22-action-button tpl22-retry" type="button" data-tpl22="challenge-retry" disabled>🔄 もう一度チャレンジ</button>
      </div>
      <div class="tpl22-chips" data-tpl22="challenge-words" hidden>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="graph">gra<span class="tpl22-mark tpl22-mark-ph">ph</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="whip"><span class="tpl22-mark tpl22-mark-wh">wh</span>ip</button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="when"><span class="tpl22-mark tpl22-mark-wh">wh</span>en</button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="neck">ne<span class="tpl22-mark tpl22-mark-ck">ck</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="rock">ro<span class="tpl22-mark tpl22-mark-ck">ck</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="pack">pa<span class="tpl22-mark tpl22-mark-ck">ck</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="kick">ki<span class="tpl22-mark tpl22-mark-ck">ck</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="back">ba<span class="tpl22-mark tpl22-mark-ck">ck</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="ring">ri<span class="tpl22-mark tpl22-mark-ng">ng</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="song">so<span class="tpl22-mark tpl22-mark-ng">ng</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="hang">ha<span class="tpl22-mark tpl22-mark-ng">ng</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="wing">wi<span class="tpl22-mark tpl22-mark-ng">ng</span></button>
<button class="tpl22-chip" type="button" data-tpl22-challenge-word="long">lo<span class="tpl22-mark tpl22-mark-ng">ng</span></button>
      </div>
      <div class="tpl22-records" data-tpl22="records" hidden>
        <div class="tpl22-record"><span>前回の記録</span><strong data-tpl22="previous-record">&#8212;</strong></div>
        <div class="tpl22-record"><span>今回の記録</span><strong data-tpl22="current-record">&#8212;</strong></div>
        <div class="tpl22-record"><span>くらべてみよう</span><strong data-tpl22="compare-record">&#8212;</strong></div>
      </div>
      <div class="tpl22-answer-area" data-tpl22="answer-area" hidden>
        <h3><span id="toc20">答え合わせ</span></h3>
        <p>全部読んだあとに、音声で確認しよう。</p>
        <div class="tpl22-answer-buttons" data-tpl22="answer-buttons"></div>
      </div>
    </div>
  </section>

  <section class="tpl22-section" aria-labelledby="tpl22-review-title">
    <h2 id="tpl22-review-title"><span id="toc21">🔊 4つの音を覚えたかな？</span></h2>
    <p>カードの文字を見て、自分で発音してから答えを聞こう。</p>
    <div class="tpl22-flash-card tpl22-review-card">
      <p class="tpl22-flash-meta" data-tpl22="review-count"></p>
      <div class="tpl22-review-pattern" data-tpl22="review-pattern"></div>
      <div class="tpl22-review-buttons" data-tpl22="review-buttons"></div>
      <div class="tpl22-flash-actions">
        <button class="tpl22-action-button" type="button" data-tpl22="review-prev">← まえへ</button>
        <button class="tpl22-action-button" type="button" data-tpl22="review-next">つぎへ →</button>
      </div>
    </div>
    <div class="tpl22-point">
      <p>前回の3つも覚えているかな？</p>
      <strong>sh　ch　th</strong>
    </div>
  </section>

  <section class="tpl22-clear-screen">
    <h2><span id="toc22">🎉 2文字の音がもっと読めるようになった！</span></h2>
    <p>2文字が並んでいたら、1文字ずつ読む前に「セットの音かな？」と考えてみよう。</p>
    <p>2文字のチームは、単語の最初だけでなく、最後にあることもあります。</p>
    <div class="tpl22-speech">🐙 英単語の中から、2文字のチームを見つけられるようになってきたね！</div>
  </section>

  <section class="tpl22-section">
    <h2><span id="toc23">🐙 次回予告</span></h2>
    <p>次からは、<strong>母音が2文字並ぶパターン</strong>へ進む予定です。</p>
    <p><strong>ai・ay・ee・ea｜母音が2文字並ぶとどう読む？</strong></p>
  </section>

  <nav class="tpl22-bottom-nav" aria-label="記事下ナビ">
    <span class="tpl22-pending" aria-disabled="true">← 前のレッスン<br>LEVEL 2①公開後にリンク</span>
    <a class="tpl22-index" href="https://jouniorsankosodate.com/category/learn/tacota-phonics/">📚 フォニックス一覧へ</a>
    <button class="tpl22-retry" type="button" data-tpl22="bottom-retry">🔄 もう一度チャレンジ</button>
    <span class="tpl22-pending" aria-disabled="true">次のレッスンへ →<br>準備中</span>
  </nav>

  <script>
  (function(){
    "use strict";
    const root=document.getElementById("takotaPhonicsLevel202");
    if(!root) return;
    const wordData={"phone":{"word":"phone","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-phone.wav","patterns":["ph"]},"photo":{"word":"photo","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-photo.wav","patterns":["ph"]},"dolphin":{"word":"dolphin","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-dolphin.wav","patterns":["ph"]},"phonics":{"word":"phonics","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-phonics.wav","patterns":["ph"]},"what":{"word":"what","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-what.wav","patterns":["wh"]},"when":{"word":"when","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-when.wav","patterns":["wh"]},"which":{"word":"which","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-which.wav","patterns":["wh"]},"whip":{"word":"whip","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-whip.wav","patterns":["wh"]},"duck":{"word":"duck","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-duck.wav","patterns":["ck"]},"sock":{"word":"sock","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-sock.wav","patterns":["ck"]},"black":{"word":"black","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-black.wav","patterns":["ck"]},"neck":{"word":"neck","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-neck.wav","patterns":["ck"]},"rock":{"word":"rock","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-rock.wav","patterns":["ck"]},"sing":{"word":"sing","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-sing.wav","patterns":["ng"]},"king":{"word":"king","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-king.wav","patterns":["ng"]},"ring":{"word":"ring","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-ring.wav","patterns":["ng"]},"song":{"word":"song","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-song.wav","patterns":["ng"]},"graph":{"word":"graph","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-graph.wav","patterns":["ph"]},"pack":{"word":"pack","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-pack.wav","patterns":["ck"]},"kick":{"word":"kick","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-kick.wav","patterns":["ck"]},"back":{"word":"back","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-back.wav","patterns":["ck"]},"hang":{"word":"hang","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-hang.wav","patterns":["ng"]},"wing":{"word":"wing","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-wing.wav","patterns":["ng"]},"long":{"word":"long","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-long.wav","patterns":["ng"]}};
    const patternAudio={"ph":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ph.wav","wh":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-wh.wav","ck":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav","ng":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav","f":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-f.wav"};
    const quizData=[{"question":"phはどの音？","answer":"ph","word":"phone","choices":[{"key":"wh","number":"①","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-wh.wav"},{"key":"ph","number":"②","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ph.wav"},{"key":"ck","number":"③","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav"}]},{"question":"whはどの音？","answer":"wh","word":"what","choices":[{"key":"wh","number":"①","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-wh.wav"},{"key":"ng","number":"②","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav"},{"key":"ph","number":"③","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ph.wav"}]},{"question":"ckはどの音？","answer":"ck","word":"duck","choices":[{"key":"ng","number":"①","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav"},{"key":"wh","number":"②","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-wh.wav"},{"key":"ck","number":"③","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav"}]},{"question":"ngはどの音？","answer":"ng","word":"sing","choices":[{"key":"ck","number":"①","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav"},{"key":"ng","number":"②","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav"},{"key":"ph","number":"③","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ph.wav"}]}];
    const findData=[{"word":"duck","answer":"ck","choices":["du","uc","ck"]},{"word":"ring","answer":"ng","choices":["ri","in","ng"]}];
    const readingFlash=["phone","photo","dolphin","phonics","what","when","which","whip","duck","sock","black","neck","rock","sing","king","ring","song"];
    const firstChallenge=["graph","whip","when","neck","rock","pack","kick","back","ring","song","hang","wing","long"];
    const reviewSounds=[{"pattern":"ph","buttons":[{"label":"🔊 phの音","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ph.wav"}]},{"pattern":"wh","buttons":[{"label":"🔊 whの音","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-wh.wav"}]},{"pattern":"ck","buttons":[{"label":"🔊 ckの音","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav"}]},{"pattern":"ng","buttons":[{"label":"🔊 ngの音","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav"}]}];
    let activeAudio=null,activeAudioReset=null,flashIndex=0,reviewIndex=0,quizIndex=0,timerId=null,startTime=0,previousSeconds=null,currentOrder=firstChallenge.slice();
    const $=(key)=>root.querySelector(`[data-tpl22="${key}"]`);
    function stopAudio(){if(activeAudio){activeAudio.pause();activeAudio.currentTime=0;} if(activeAudioReset) activeAudioReset(); activeAudio=null; activeAudioReset=null;}
    function setButtonPlaying(button,text){const original=button.textContent;button.textContent=text;button.disabled=true;return function(){button.textContent=original;button.disabled=false;};}
    function playFileAudio(url,button){if(!url) return;stopAudio();activeAudio=new Audio(url);const reset=setButtonPlaying(button,"🔊 再生中…");activeAudioReset=function(){reset();activeAudio=null;activeAudioReset=null;};activeAudio.addEventListener("ended",activeAudioReset,{once:true});activeAudio.addEventListener("error",function(){activeAudioReset();window.alert("音声を再生できませんでした。");},{once:true});activeAudio.play().catch(activeAudioReset);}
    function formatTime(seconds){return `${seconds.toFixed(1)}秒`;}
    function shuffle(array){const copied=array.slice();for(let i=copied.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[copied[i],copied[j]]=[copied[j],copied[i]];}return copied;}
    function markPatternText(word){return word.replace(/(ph|wh|ck|ng)/g,'<span class="tpl22-mark tpl22-mark-$1">$1</span>');}
    function renderFlash(){stopAudio();const word=readingFlash[flashIndex];$("flash-count").textContent=`${flashIndex+1} / ${readingFlash.length}`;$("flash-word").innerHTML=markPatternText(word);$("flash-pattern-text").textContent="";$("flash-prev").disabled=flashIndex===0;$("flash-next").textContent=flashIndex===readingFlash.length-1 ? "チャレンジへ →" : "つぎへ →";}
    function renderReview(){stopAudio();const item=reviewSounds[reviewIndex];$("review-count").textContent=`${reviewIndex+1} / ${reviewSounds.length}`;$("review-pattern").textContent=item.pattern;$("review-buttons").innerHTML=item.buttons.map(function(button,index){return `<button class="tpl22-sound-button" type="button" data-tpl22-review-audio="${index}">${button.label}</button>`;}).join("");$("review-buttons").querySelectorAll("[data-tpl22-review-audio]").forEach(function(button){button.addEventListener("click",function(){playFileAudio(item.buttons[Number(button.dataset.tpl22ReviewAudio)].audio,button);});});$("review-prev").disabled=reviewIndex===0;$("review-next").textContent=reviewIndex===reviewSounds.length-1 ? "クリアへ →" : "つぎへ →";}
    function showQuiz(index){root.querySelectorAll("[data-tpl22-quiz-card]").forEach(card=>card.hidden=true);const card=root.querySelector(`[data-tpl22-quiz-card="${index}"]`);if(card) card.hidden=false;}
    function renderChallengeWords(){$("challenge-words").innerHTML=currentOrder.map(function(word){return `<button class="tpl22-chip" type="button" data-tpl22-challenge-word="${word}">${markPatternText(word)}</button>`;}).join("");}
    function renderAnswers(){$("answer-buttons").innerHTML=currentOrder.map(function(word){return `<button class="tpl22-sound-button" type="button" data-tpl22-answer-word="${word}">🔊 ${word}</button>`;}).join("");root.querySelectorAll("[data-tpl22-answer-word]").forEach(function(button){button.addEventListener("click",function(){playFileAudio(wordData[button.dataset.tpl22AnswerWord].audio,button);});});}
    function startChallenge(){stopAudio();$("challenge-words").hidden=false;$("answer-area").hidden=true;$("records").hidden=true;$("start").disabled=true;$("stop").disabled=false;$("challenge-retry").disabled=true;startTime=Date.now();$("timer").textContent="0.0秒";timerId=window.setInterval(function(){$("timer").textContent=formatTime((Date.now()-startTime)/1000);},100);}
    function stopChallenge(){if(!timerId) return;window.clearInterval(timerId);timerId=null;const seconds=(Date.now()-startTime)/1000;$("timer").textContent=formatTime(seconds);$("current-record").textContent=formatTime(seconds);$("previous-record").textContent=previousSeconds===null ? "--" : formatTime(previousSeconds);if(previousSeconds===null){$("compare-record").textContent="もう一度で比較";}else{const diff=seconds-previousSeconds;$("compare-record").textContent=diff<0 ? `${Math.abs(diff).toFixed(1)}秒速くなった` : diff>0 ? `${diff.toFixed(1)}秒ゆっくり` : "同じタイム";}previousSeconds=seconds;$("records").hidden=false;$("answer-area").hidden=false;$("start").disabled=false;$("stop").disabled=true;$("challenge-retry").disabled=false;renderAnswers();}
    function retryChallenge(){currentOrder=shuffle(firstChallenge);renderChallengeWords();startChallenge();}
    root.querySelectorAll("[data-tpl22-word]").forEach(function(button){button.addEventListener("click",function(){playFileAudio(wordData[button.dataset.tpl22Word].audio,button);});});
    root.querySelectorAll("[data-tpl22-pattern-audio]").forEach(function(button){button.addEventListener("click",function(){playFileAudio(patternAudio[button.dataset.tpl22PatternAudio],button);});});
    $("flash-audio").addEventListener("click",function(event){playFileAudio(wordData[readingFlash[flashIndex]].audio,event.currentTarget);});
    $("flash-pattern").addEventListener("click",function(){const word=readingFlash[flashIndex];const patterns=wordData[word].patterns.join(" / ");$("flash-pattern-text").textContent=patterns ? `セットの音：${patterns}` : "";});
    $("flash-prev").addEventListener("click",function(){if(flashIndex>0){flashIndex--;renderFlash();}});
    $("flash-next").addEventListener("click",function(){if(flashIndex<readingFlash.length-1){flashIndex++;renderFlash();}else{root.querySelector("#tpl22-challenge-title").scrollIntoView({behavior:"smooth",block:"start"});}});
    root.querySelectorAll("[data-tpl22-choice-audio]").forEach(function(button){button.addEventListener("click",function(){const index=Number(button.dataset.tpl22QuizAudio);const choice=button.dataset.tpl22ChoiceAudio;const item=quizData[index];playFileAudio(item.choices.find(option=>option.key===choice).audio,button);});});
    root.querySelectorAll("[data-tpl22-choice]").forEach(function(button){button.addEventListener("click",function(){const index=Number(button.dataset.tpl22Quiz);const choice=button.dataset.tpl22Choice;const item=quizData[index];const card=root.querySelector(`[data-tpl22-quiz-card="${index}"]`);card.querySelectorAll("[data-tpl22-choice]").forEach(btn=>{btn.disabled=true;if(btn.dataset.tpl22Choice===item.answer) btn.classList.add("tpl22-correct");});if(choice!==item.answer) button.classList.add("tpl22-wrong");const result=root.querySelector(`[data-tpl22-quiz-result="${index}"]`);result.hidden=false;const answerNumber=item.choices.find(option=>option.key===item.answer).number;const message=choice===item.answer ? "🎉 正解！" : `❌ 正解は ${answerNumber}`;result.innerHTML=`<p>${message}</p><button class="tpl22-sound-button" type="button" data-tpl22-result-word="${item.word}">🔊 ${item.word}</button>`;result.querySelector("[data-tpl22-result-word]").addEventListener("click",function(event){playFileAudio(wordData[event.currentTarget.dataset.tpl22ResultWord].audio,event.currentTarget);});const next=root.querySelector(`[data-tpl22-next-quiz="${index}"]`);next.hidden=false;});});
    root.querySelectorAll("[data-tpl22-next-quiz]").forEach(function(button){button.addEventListener("click",function(){quizIndex=Number(button.dataset.tpl22NextQuiz)+1;if(quizIndex>=quizData.length) quizIndex=0;showQuiz(quizIndex);});});
    root.querySelectorAll("[data-tpl22-find-choice]").forEach(function(button){button.addEventListener("click",function(){const index=Number(button.dataset.tpl22Find);const choice=button.dataset.tpl22FindChoice;const item=findData[index];const result=root.querySelector(`[data-tpl22-find-result="${index}"]`);button.parentElement.querySelectorAll("button").forEach(btn=>{btn.disabled=true;if(btn.dataset.tpl22FindChoice===item.answer) btn.classList.add("tpl22-correct");});if(choice!==item.answer) button.classList.add("tpl22-wrong");result.hidden=false;result.textContent=choice===item.answer ? "🎉 正解！" : `正解は ${item.answer}`;});});
    $("start").addEventListener("click",startChallenge);$("stop").addEventListener("click",stopChallenge);$("challenge-retry").addEventListener("click",retryChallenge);$("bottom-retry").addEventListener("click",function(){root.querySelector("#tpl22-challenge-title").scrollIntoView({behavior:"smooth",block:"start"});retryChallenge();});
    $("review-prev").addEventListener("click",function(){if(reviewIndex>0){reviewIndex--;renderReview();}});
    $("review-next").addEventListener("click",function(){if(reviewIndex<reviewSounds.length-1){reviewIndex++;renderReview();}else{root.querySelector(".tpl22-clear-screen").scrollIntoView({behavior:"smooth",block:"start"});}});
    renderFlash();renderChallengeWords();renderReview();
  })();
  </script>
</article>

<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-2-02/">🔊【フォニックスLEVEL 2②】まだある！2文字で1つの音｜ph・wh・ck・ngを読んでみよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/phonics-level-2-02/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-phone.wav,patterns:[ph],photo:word:photo,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-photo.wav,patterns:[ph],dolphin:word:dolphin,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-dolphin.wav,patterns:[ph],phonics:word:phonics,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-phonics.wav,patterns:[ph],what:word:what,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-what.wav,patterns:[wh],when:word:when,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-when.wav,patterns:[wh],which:word:which,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-which.wav,patterns:[wh],whip:word:whip,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-whip.wav,patterns:[wh],duck:word:duck,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-duck.wav,patterns:[ck],sock:word:sock,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-sock.wav,patterns:[ck],black:word:black,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-black.wav,patterns:[ck],neck:word:neck,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-neck.wav,patterns:[ck],rock:word:rock,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-rock.wav,patterns:[ck],sing:word:sing,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-sing.wav,patterns:[ng],king:word:king,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-king.wav,patterns:[ng],ring:word:ring,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-ring.wav,patterns:[ng],song:word:song,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-song.wav,patterns:[ng],graph:word:graph,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-graph.wav,patterns:[ph],pack:word:pack,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-pack.wav,patterns:[ck],kick:word:kick,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-kick.wav,patterns:[ck],back:word:back,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-back.wav,patterns:[ck],hang:word:hang,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-hang.wav,patterns:[ng],wing:word:wing,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-wing.wav,patterns:[ng],long:word:long,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-word-long.wav" length="0" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ph.wav,wh:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-wh.wav,ck:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav,ng:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav,f:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-f.wav" length="0" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-wh.wav,key:ph,number:②,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ph.wav,key:ck,number:③,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav],question:whはどの音？,answer:wh,word:what,choices:[key:wh,number:①,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-wh.wav,key:ng,number:②,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav,key:ph,number:③,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ph.wav],question:ckはどの音？,answer:ck,word:duck,choices:[key:ng,number:①,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav,key:wh,number:②,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-wh.wav,key:ck,number:③,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav],question:ngはどの音？,answer:ng,word:sing,choices:[key:ck,number:①,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav,key:ng,number:②,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav,key:ph,number:③,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ph.wav" length="0" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ck.wav" length="10628" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-02-pattern-ng.wav" length="11510" type="audio/wav" />

			</item>
		<item>
		<title>🔊【フォニックスLEVEL 2①】2文字で1つの音！sh・ch・thを読んでみよう</title>
		<link>https://jouniorsankosodate.com/phonics-level-2-01/</link>
					<comments>https://jouniorsankosodate.com/phonics-level-2-01/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 11:34:54 +0000</pubDate>
				<category><![CDATA[👧英語学習]]></category>
		<category><![CDATA[🔊タコタのフォニックスレッスン]]></category>
		<category><![CDATA[＃タコタ]]></category>
		<category><![CDATA[＃タコタシリーズ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[#英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=7830</guid>

					<description><![CDATA[<p>フォニックスLEVEL 2①では、sh・ch・thを2文字で1つの音として読む練習を、音声・フラッシュ・初見チャレンジで楽しく学べます。</p>
<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-2-01/">🔊【フォニックスLEVEL 2①】2文字で1つの音！sh・ch・thを読んでみよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<article id="takotaPhonicsLevel201" class="tpl21-wrap">
  <style>
    #takotaPhonicsLevel201{
      --tpl21-ink:#253047;
      --tpl21-muted:#657086;
      --tpl21-coral:#f0645a;
      --tpl21-coral-dark:#d94d44;
      --tpl21-teal:#138c85;
      --tpl21-blue:#5aaee8;
      --tpl21-cream:#fffaf1;
      --tpl21-line:#e8dfd2;
      --tpl21-yellow:#fff2b8;
      --tpl21-green:#ddf7d7;
      --tpl21-red:#ffe2df;
      --tpl21-shadow:0 14px 35px rgba(52,45,36,.12);
      width:min(100% - 24px,780px);
      margin:18px auto;
      padding:24px 0 56px;
      color:var(--tpl21-ink);
      font-family:inherit;
      line-height:1.8;
      overflow-wrap:anywhere;
    }
    #takotaPhonicsLevel201 *{box-sizing:border-box}
    #takotaPhonicsLevel201 button{font:inherit}
    #takotaPhonicsLevel201 h1,
    #takotaPhonicsLevel201 h2,
    #takotaPhonicsLevel201 h3{line-height:1.4;letter-spacing:0}
    #takotaPhonicsLevel201 p{margin:10px 0;font-size:17px}
    #takotaPhonicsLevel201 .tpl21-learning-nav-top{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:10px;
      margin-bottom:18px;
      padding:14px;
      background:#fff;
      border:1px solid var(--tpl21-line);
      border-radius:18px;
      box-shadow:0 8px 22px rgba(52,45,36,.08);
    }
    #takotaPhonicsLevel201 .tpl21-learning-nav-top span{
      display:block;
      color:var(--tpl21-muted);
      font-size:13px;
      font-weight:900;
    }
    #takotaPhonicsLevel201 .tpl21-learning-nav-top strong{display:block;font-size:17px}
    #takotaPhonicsLevel201 .tpl21-prev-link,
    #takotaPhonicsLevel201 .tpl21-disabled-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:44px;
      margin:0 0 14px;
      padding:8px 14px;
      border-radius:999px;
      background:#eaf9f7;
      color:#116e68 !important;
      font-weight:900;
      text-decoration:none !important;
    }
    #takotaPhonicsLevel201 .tpl21-disabled-link{opacity:.72}
    #takotaPhonicsLevel201 .tpl21-hero,
    #takotaPhonicsLevel201 .tpl21-section,
    #takotaPhonicsLevel201 .tpl21-clear-screen{
      background:rgba(255,255,255,.95);
      border:1px solid var(--tpl21-line);
      border-radius:24px;
      padding:clamp(22px,5vw,40px);
      box-shadow:var(--tpl21-shadow);
    }
    #takotaPhonicsLevel201 .tpl21-hero{
      background:linear-gradient(135deg,#fffaf1 0%,#fff2f8 52%,#eaf9f7 100%);
    }
    #takotaPhonicsLevel201 .tpl21-eyebrow{
      margin:0 0 6px;
      color:var(--tpl21-teal);
      font-weight:900;
    }
    #takotaPhonicsLevel201 h1{
      margin:0 0 18px;
      color:var(--tpl21-ink);
      font-size:clamp(28px,7vw,42px);
    }
    #takotaPhonicsLevel201 h2{
      margin:0 0 14px;
      color:#116e68;
      font-size:clamp(22px,5vw,30px);
    }
    #takotaPhonicsLevel201 h3{margin:18px 0 10px;font-size:20px}
    #takotaPhonicsLevel201 .tpl21-section,
    #takotaPhonicsLevel201 .tpl21-clear-screen{margin-top:22px}
    #takotaPhonicsLevel201 .tpl21-speech{
      margin:18px 0;
      padding:16px 18px;
      background:#fff;
      border:2px dashed #ffb6b6;
      border-radius:18px;
      font-weight:800;
    }
    #takotaPhonicsLevel201 .tpl21-point{
      margin:18px 0;
      padding:16px 18px;
      background:var(--tpl21-yellow);
      border:2px solid #ffd45f;
      border-radius:18px;
      font-weight:900;
    }
    #takotaPhonicsLevel201 .tpl21-word-grid,
    #takotaPhonicsLevel201 .tpl21-practice-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
      margin-top:16px;
    }
    #takotaPhonicsLevel201 .tpl21-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    #takotaPhonicsLevel201 .tpl21-word-card,
    #takotaPhonicsLevel201 .tpl21-practice-card,
    #takotaPhonicsLevel201 .tpl21-subbox{
      display:grid;
      gap:12px;
      padding:16px;
      border-radius:20px;
      background:#fff;
      border:1px solid var(--tpl21-line);
      box-shadow:0 6px 16px rgba(52,45,36,.07);
      text-align:center;
    }
    #takotaPhonicsLevel201 .tpl21-word-card strong,
    #takotaPhonicsLevel201 .tpl21-practice-word{
      font-size:34px;
      font-weight:900;
      line-height:1.2;
    }
    #takotaPhonicsLevel201 .tpl21-mark{
      display:inline-block;
      padding:0 4px;
      border-radius:10px;
      color:#fff;
      background:#f0645a;
    }
    #takotaPhonicsLevel201 .tpl21-mark-ch{background:#138c85}
    #takotaPhonicsLevel201 .tpl21-mark-th{background:#5a72e8}
    #takotaPhonicsLevel201 .tpl21-sound-button,
    #takotaPhonicsLevel201 .tpl21-action-button,
    #takotaPhonicsLevel201 .tpl21-bottom-nav a,
    #takotaPhonicsLevel201 .tpl21-bottom-nav button,
    #takotaPhonicsLevel201 .tpl21-bottom-nav span{
      min-height:48px;
      border:0;
      border-radius:999px;
      padding:10px 14px;
      background:var(--tpl21-coral);
      color:#fff !important;
      font-weight:900;
      text-decoration:none !important;
      cursor:pointer;
      box-shadow:0 6px 14px rgba(240,100,90,.20);
    }
    #takotaPhonicsLevel201 button:disabled{opacity:.65;cursor:default}
    #takotaPhonicsLevel201 .tpl21-pattern-reveal{
      display:grid;
      grid-template-columns:1fr auto;
      gap:14px;
      align-items:center;
      margin:18px 0;
      padding:18px;
      border-radius:22px;
      background:#fffaf1;
      border:2px solid #ffd45f;
    }
    #takotaPhonicsLevel201 .tpl21-pattern-reveal strong{
      color:var(--tpl21-coral-dark);
      font-size:64px;
      line-height:1;
      font-weight:900;
      text-align:center;
    }
    #takotaPhonicsLevel201 .tpl21-flow{
      display:grid;
      grid-template-columns:repeat(7,minmax(0,1fr));
      gap:8px;
      align-items:center;
      margin:16px 0;
      text-align:center;
      font-weight:900;
    }
    #takotaPhonicsLevel201 .tpl21-flow span,
    #takotaPhonicsLevel201 .tpl21-flow strong,
    #takotaPhonicsLevel201 .tpl21-flow b{
      min-height:48px;
      display:grid;
      place-items:center;
      padding:8px;
      border-radius:14px;
      background:#fff;
      border:1px solid var(--tpl21-line);
    }
    #takotaPhonicsLevel201 .tpl21-flow strong{background:#eaf9f7;color:#116e68;font-size:26px}
    #takotaPhonicsLevel201 .tpl21-two-buttons,
    #takotaPhonicsLevel201 .tpl21-actions,
    #takotaPhonicsLevel201 .tpl21-records{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel201 .tpl21-flash-card,
    #takotaPhonicsLevel201 .tpl21-challenge-panel,
    #takotaPhonicsLevel201 .tpl21-quiz-wrap{
      display:grid;
      gap:16px;
      margin-top:16px;
      padding:18px;
      border-radius:20px;
      background:#fffaf1;
      border:1px solid var(--tpl21-line);
    }
    #takotaPhonicsLevel201 .tpl21-flash-word,
    #takotaPhonicsLevel201 .tpl21-review-pattern{
      display:grid;
      place-items:center;
      min-height:150px;
      border-radius:22px;
      background:#fff;
      border:2px solid #ffd1d1;
      font-size:56px;
      font-weight:900;
      line-height:1;
      color:var(--tpl21-coral-dark);
    }
    #takotaPhonicsLevel201 .tpl21-flash-meta,
    #takotaPhonicsLevel201 .tpl21-quiz-count{
      margin:0;
      color:var(--tpl21-muted);
      font-weight:900;
      text-align:center;
    }
    #takotaPhonicsLevel201 .tpl21-flash-actions{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel201 .tpl21-sound-choice-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel201 .tpl21-sound-choice{
      display:grid;
      gap:10px;
      align-items:center;
      min-height:86px;
      padding:12px 14px;
      border:2px solid #ffd1d1;
      border-radius:18px;
      background:#fff;
      color:var(--tpl21-ink);
      font-weight:900;
      text-align:center;
    }
    #takotaPhonicsLevel201 .tpl21-sound-choice strong{font-size:30px;line-height:1}
    #takotaPhonicsLevel201 .tpl21-choice-audio{
      min-height:44px;
      border:0;
      border-radius:999px;
      padding:8px 12px;
      font-weight:900;
      cursor:pointer;
      background:#eaf9f7;
      color:#116e68;
    }
    #takotaPhonicsLevel201 .tpl21-answer-select-box{
      display:grid;
      gap:10px;
      margin-top:6px;
      padding:14px;
      border-radius:18px;
      background:#fff;
      border:1px solid var(--tpl21-line);
    }
    #takotaPhonicsLevel201 .tpl21-answer-select-box p{
      margin:0;
      font-weight:900;
      text-align:center;
    }
    #takotaPhonicsLevel201 .tpl21-answer-select-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel201 .tpl21-choice-select{
      min-height:52px;
      border:0;
      border-radius:999px;
      padding:8px 12px;
      font-size:24px;
      font-weight:900;
      cursor:pointer;
      background:var(--tpl21-coral);
      color:#fff;
    }
    #takotaPhonicsLevel201 .tpl21-choice-select.tpl21-correct{background:#4caf50;color:#fff}
    #takotaPhonicsLevel201 .tpl21-choice-select.tpl21-wrong{background:#f0645a;color:#fff}
    #takotaPhonicsLevel201 .tpl21-quiz-result{
      padding:14px;
      border-radius:18px;
      background:#fff;
      border:1px solid var(--tpl21-line);
      font-weight:900;
    }
    #takotaPhonicsLevel201 .tpl21-timer{
      display:grid;
      place-items:center;
      min-height:92px;
      border-radius:20px;
      background:#253047;
      color:#fff;
      font-size:42px;
      font-weight:900;
      line-height:1;
    }
    #takotaPhonicsLevel201 .tpl21-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
    #takotaPhonicsLevel201 .tpl21-action-button.tpl21-start{background:#138c85}
    #takotaPhonicsLevel201 .tpl21-action-button.tpl21-stop{background:#f0645a}
    #takotaPhonicsLevel201 .tpl21-action-button.tpl21-retry{background:#5aaee8}
    #takotaPhonicsLevel201 .tpl21-chips,
    #takotaPhonicsLevel201 .tpl21-answer-buttons{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel201 .tpl21-chip{
      min-height:58px;
      border:2px solid #ffd1d1;
      border-radius:16px;
      background:#fff;
      color:#253047;
      font-size:24px;
      font-weight:900;
    }
    #takotaPhonicsLevel201 .tpl21-record{
      padding:12px;
      border-radius:16px;
      background:#fff;
      border:1px solid var(--tpl21-line);
      text-align:center;
      font-weight:900;
    }
    #takotaPhonicsLevel201 .tpl21-answer-area,
    #takotaPhonicsLevel201 .tpl21-review-card{display:grid;gap:10px}
    #takotaPhonicsLevel201 .tpl21-review-buttons{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel201 .tpl21-clear-screen{
      text-align:center;
      background:linear-gradient(135deg,#fffaf1 0%,#fff 50%,#eaf9f7 100%);
    }
    #takotaPhonicsLevel201 .tpl21-bottom-nav{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
      margin-top:24px;
    }
    #takotaPhonicsLevel201 .tpl21-bottom-nav .tpl21-index{background:#f7a928}
    #takotaPhonicsLevel201 .tpl21-bottom-nav .tpl21-retry{background:#5aaee8}
    #takotaPhonicsLevel201 .tpl21-bottom-nav .tpl21-pending{background:#ffd1d1;color:#7a5360 !important;cursor:default}
    #takotaPhonicsLevel201 [hidden]{display:none !important}
    @media (max-width:640px){
      #takotaPhonicsLevel201{width:min(100% - 20px,780px);padding-top:14px}
      #takotaPhonicsLevel201 .tpl21-learning-nav-top,
      #takotaPhonicsLevel201 .tpl21-word-grid,
      #takotaPhonicsLevel201 .tpl21-practice-grid,
      #takotaPhonicsLevel201 .tpl21-pattern-reveal,
      #takotaPhonicsLevel201 .tpl21-two-buttons,
      #takotaPhonicsLevel201 .tpl21-flash-actions,
      #takotaPhonicsLevel201 .tpl21-actions,
      #takotaPhonicsLevel201 .tpl21-records,
      #takotaPhonicsLevel201 .tpl21-bottom-nav{grid-template-columns:1fr}
      #takotaPhonicsLevel201 .tpl21-hero,
      #takotaPhonicsLevel201 .tpl21-section,
      #takotaPhonicsLevel201 .tpl21-clear-screen{border-radius:18px;padding:20px 16px}
      #takotaPhonicsLevel201 .tpl21-flow{grid-template-columns:1fr;max-width:220px;margin-inline:auto}
      #takotaPhonicsLevel201 .tpl21-pattern-reveal strong{font-size:54px}
      #takotaPhonicsLevel201 .tpl21-flash-word,
      #takotaPhonicsLevel201 .tpl21-review-pattern{font-size:48px;min-height:130px}
      #takotaPhonicsLevel201 .tpl21-chips,
      #takotaPhonicsLevel201 .tpl21-answer-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
      #takotaPhonicsLevel201 .tpl21-sound-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
      #takotaPhonicsLevel201 .tpl21-timer{font-size:36px}
    }
  </style>

  <nav class="tpl21-learning-nav-top" aria-label="今回の学習情報">
    <div><span>シリーズ</span><strong>フォニックス LEVEL 2｜①</strong></div>
    <div><span>今回のゴール</span><strong>sh・ch・thを見たら、2文字を1つの音として読めるようになろう！</strong></div>
  </nav>
  <span class="tpl21-disabled-link" aria-disabled="true">← 前のレッスン（④公開後にリンク）</span>

  <header class="tpl21-hero">
    <p class="tpl21-eyebrow">🔊 タコタのフォニックスレッスン</p>
    <h1>2文字で1つの音！sh・ch・thを読んでみよう</h1>
    <p>LEVEL 1では、<strong>c + a + t → cat</strong> のように、1文字ずつの音をつなげて英単語を読む練習をしました。</p>
    <p>でも英語には、<strong>2文字なのに、1つの音として読む組み合わせ</strong>があります。</p>
    <p>たとえば、<strong>sh</strong>です。</p>
    <p>sとhを別々に読むのではなく、<strong>shをセットで1つの音</strong>として読みます。</p>
    <div class="tpl21-speech">🐙 2文字がチームになると、新しい音になるよ！まずは知っている英単語から見つけてみよう！</div>
  </header>


  <section class="tpl21-section">
    
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">🐙 STEP 1｜shを見つけよう</a><ol><li><a href="#toc2" tabindex="0">shを使って読んでみよう</a></li></ol></li><li><a href="#toc3" tabindex="0">🐙 STEP 2｜chを見つけよう</a><ol><li><a href="#toc4" tabindex="0">chを使って読んでみよう</a></li></ol></li><li><a href="#toc5" tabindex="0">🐙 STEP 3｜thを見つけよう</a><ol><li><a href="#toc6" tabindex="0">thにはもう1つ音がある</a></li><li><a href="#toc7" tabindex="0">thを使って読んでみよう</a></li></ol></li><li><a href="#toc8" tabindex="0">🐙 音を聞いて選ぼう</a><ol><li><a href="#toc9" tabindex="0">shはどの音？</a></li><li><a href="#toc10" tabindex="0">chはどの音？</a></li><li><a href="#toc11" tabindex="0">thinkのthはどの音？</a></li><li><a href="#toc12" tabindex="0">thisのthはどの音？</a></li><li><a href="#toc13" tabindex="0">fishの最後はどの音？</a></li></ol></li><li><a href="#toc14" tabindex="0">🐙 3つをまとめて比較</a></li><li><a href="#toc15" tabindex="0">🐙 読んでみようフラッシュ</a></li><li><a href="#toc16" tabindex="0">🚀 初見単語チャレンジ</a><ol><li><a href="#toc17" tabindex="0">答え合わせ</a></li></ol></li><li><a href="#toc18" tabindex="0">🔊 3つの音を覚えたかな？</a></li><li><a href="#toc19" tabindex="0">🎉 2文字で1つの音が読めた！</a></li><li><a href="#toc20" tabindex="0">🐙 次回予告</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">🐙 STEP 1｜shを見つけよう</span></h2>
    <p>まずは知っている単語を聞いて、同じ2文字を見つけよう。</p>
    <div class="tpl21-word-grid">

        <article class="tpl21-word-card">
          <strong><span class="tpl21-mark tpl21-mark-sh">sh</span>op</strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="shop">🔊 shop</button>
        </article>

        <article class="tpl21-word-card">
          <strong><span class="tpl21-mark tpl21-mark-sh">sh</span>ip</strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="ship">🔊 ship</button>
        </article>

        <article class="tpl21-word-card">
          <strong>fi<span class="tpl21-mark tpl21-mark-sh">sh</span></strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="fish">🔊 fish</button>
        </article>
    </div>
    <div class="tpl21-speech">🐙 「sh」のところを聞いてみよう。3つとも同じような音が聞こえるね！</div>
    <div class="tpl21-pattern-reveal">
      <strong>sh</strong>
      <button class="tpl21-sound-button" type="button" data-tpl21-pattern-audio="sh">🔊 shの音</button>
    </div>
    <div class="tpl21-flow" aria-label="shは2文字で1つの音">
      <span>s</span>
      <span>+</span>
      <span>h</span>
      <span>↓</span>
      <strong>sh</strong>
      <span>↓</span>
      <b>1つの音</b>
    </div>
    <p>sとhを1文字ずつ読むのではなく、shをセットで1つの音として読みます。</p>

    <h3><span id="toc2">shを使って読んでみよう</span></h3>
    <div class="tpl21-practice-grid">

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word"><span class="tpl21-mark tpl21-mark-sh">sh</span>op</div>
          <p>shを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="shop">🔊 答えを聞く</button>
        </article>

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word"><span class="tpl21-mark tpl21-mark-sh">sh</span>ip</div>
          <p>shを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="ship">🔊 答えを聞く</button>
        </article>

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word">fi<span class="tpl21-mark tpl21-mark-sh">sh</span></div>
          <p>shを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="fish">🔊 答えを聞く</button>
        </article>

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word">di<span class="tpl21-mark tpl21-mark-sh">sh</span></div>
          <p>shを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="dish">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl21-section">
    <h2><span id="toc3">🐙 STEP 2｜chを見つけよう</span></h2>
    <p>まずは知っている単語を聞いて、同じ2文字を見つけよう。</p>
    <div class="tpl21-word-grid">

        <article class="tpl21-word-card">
          <strong><span class="tpl21-mark tpl21-mark-ch">ch</span>air</strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="chair">🔊 chair</button>
        </article>

        <article class="tpl21-word-card">
          <strong><span class="tpl21-mark tpl21-mark-ch">ch</span>icken</strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="chicken">🔊 chicken</button>
        </article>

        <article class="tpl21-word-card">
          <strong>lun<span class="tpl21-mark tpl21-mark-ch">ch</span></strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="lunch">🔊 lunch</button>
        </article>
    </div>
    <div class="tpl21-speech">🐙 「ch」のところを聞いてみよう。cとhがチームになっているね！</div>
    <div class="tpl21-pattern-reveal">
      <strong>ch</strong>
      <button class="tpl21-sound-button" type="button" data-tpl21-pattern-audio="ch">🔊 chの音</button>
    </div>
    <div class="tpl21-flow" aria-label="chは2文字で1つの音">
      <span>c</span>
      <span>+</span>
      <span>h</span>
      <span>↓</span>
      <strong>ch</strong>
      <span>↓</span>
      <b>1つの音</b>
    </div>
    <p>cとhがセットになると、chで1つの音になります。</p>

    <h3><span id="toc4">chを使って読んでみよう</span></h3>
    <div class="tpl21-practice-grid">

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word"><span class="tpl21-mark tpl21-mark-ch">ch</span>at</div>
          <p>chを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="chat">🔊 答えを聞く</button>
        </article>

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word"><span class="tpl21-mark tpl21-mark-ch">ch</span>in</div>
          <p>chを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="chin">🔊 答えを聞く</button>
        </article>

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word">mu<span class="tpl21-mark tpl21-mark-ch">ch</span></div>
          <p>chを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="much">🔊 答えを聞く</button>
        </article>

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word">lun<span class="tpl21-mark tpl21-mark-ch">ch</span></div>
          <p>chを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="lunch">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl21-section">
    <h2><span id="toc5">🐙 STEP 3｜thを見つけよう</span></h2>
    <p>まずは知っている単語を聞いて、同じ2文字を見つけよう。</p>
    <div class="tpl21-word-grid">

        <article class="tpl21-word-card">
          <strong><span class="tpl21-mark tpl21-mark-th">th</span>ink</strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="think">🔊 think</button>
        </article>

        <article class="tpl21-word-card">
          <strong><span class="tpl21-mark tpl21-mark-th">th</span>ree</strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="three">🔊 three</button>
        </article>

        <article class="tpl21-word-card">
          <strong>ba<span class="tpl21-mark tpl21-mark-th">th</span></strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="bath">🔊 bath</button>
        </article>
    </div>
    <div class="tpl21-speech">🐙 thは日本語にない音なので、まずは聞いてまねしてみよう。</div>
    <div class="tpl21-pattern-reveal">
      <strong>th</strong>
      <button class="tpl21-sound-button" type="button" data-tpl21-pattern-audio="th-think">🔊 thの音</button>
    </div>
    <div class="tpl21-flow" aria-label="thは2文字で1つの音">
      <span>t</span>
      <span>+</span>
      <span>h</span>
      <span>↓</span>
      <strong>th</strong>
      <span>↓</span>
      <b>1つの音</b>
    </div>
    <p>tとhを別々に読むのではなく、thをセットで1つの音として読みます。</p>

      <div class="tpl21-subbox">
        <h3><span id="toc6">thにはもう1つ音がある</span></h3>
        <p>thには、もう1つよく使う音があります。</p>
        <div class="tpl21-word-grid">

        <article class="tpl21-word-card">
          <strong><span class="tpl21-mark tpl21-mark-th">th</span>is</strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="this">🔊 this</button>
        </article>

        <article class="tpl21-word-card">
          <strong><span class="tpl21-mark tpl21-mark-th">th</span>at</strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="that">🔊 that</button>
        </article>

        <article class="tpl21-word-card">
          <strong>mo<span class="tpl21-mark tpl21-mark-th">th</span>er</strong>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="mother">🔊 mother</button>
        </article>
        </div>
        <div class="tpl21-two-buttons">
<button class="tpl21-sound-button" type="button" data-tpl21-pattern-audio="th-think">th① think / three のth</button>
<button class="tpl21-sound-button" type="button" data-tpl21-pattern-audio="th-this">th② this / mother のth</button>
        </div>
      </div>
    <h3><span id="toc7">thを使って読んでみよう</span></h3>
    <div class="tpl21-practice-grid">

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word"><span class="tpl21-mark tpl21-mark-th">th</span>in</div>
          <p>thを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="thin">🔊 答えを聞く</button>
        </article>

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word">ba<span class="tpl21-mark tpl21-mark-th">th</span></div>
          <p>thを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="bath">🔊 答えを聞く</button>
        </article>

        <article class="tpl21-practice-card">
          <div class="tpl21-practice-word"><span class="tpl21-mark tpl21-mark-th">th</span>is</div>
          <p>thを見つけて読んでみよう！</p>
          <button class="tpl21-sound-button" type="button" data-tpl21-word="this">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl21-section">
    <h2><span id="toc8">🐙 音を聞いて選ぼう</span></h2>
    <p>音声ボタンを聞いて、答えを番号で選ぼう。</p>
    <div class="tpl21-quiz-wrap">

      <article class="tpl21-quiz-card" data-tpl21-quiz-card="0">
        <p class="tpl21-quiz-count">1 / 5</p>
        <h3><span id="toc9">shはどの音？</span></h3>
        <div class="tpl21-sound-choice-grid" aria-label="発音を聞く">

          <div class="tpl21-sound-choice">
            <strong>①</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="0" data-tpl21-choice-audio="sh">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>②</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="0" data-tpl21-choice-audio="ch">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>③</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="0" data-tpl21-choice-audio="th">🔊</button>
          </div>
        </div>
        <div class="tpl21-answer-select-box">
          <p>答え</p>
          <div class="tpl21-answer-select-grid">
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="0" data-tpl21-choice="sh">①</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="0" data-tpl21-choice="ch">②</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="0" data-tpl21-choice="th">③</button>
          </div>
        </div>
        <div class="tpl21-quiz-result" data-tpl21-quiz-result="0" hidden></div>
        <button class="tpl21-action-button tpl21-next-quiz" type="button" data-tpl21-next-quiz="0" hidden>つぎへ →</button>
      </article>

      <article class="tpl21-quiz-card" data-tpl21-quiz-card="1" hidden>
        <p class="tpl21-quiz-count">2 / 5</p>
        <h3><span id="toc10">chはどの音？</span></h3>
        <div class="tpl21-sound-choice-grid" aria-label="発音を聞く">

          <div class="tpl21-sound-choice">
            <strong>①</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="1" data-tpl21-choice-audio="th">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>②</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="1" data-tpl21-choice-audio="ch">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>③</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="1" data-tpl21-choice-audio="sh">🔊</button>
          </div>
        </div>
        <div class="tpl21-answer-select-box">
          <p>答え</p>
          <div class="tpl21-answer-select-grid">
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="1" data-tpl21-choice="th">①</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="1" data-tpl21-choice="ch">②</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="1" data-tpl21-choice="sh">③</button>
          </div>
        </div>
        <div class="tpl21-quiz-result" data-tpl21-quiz-result="1" hidden></div>
        <button class="tpl21-action-button tpl21-next-quiz" type="button" data-tpl21-next-quiz="1" hidden>つぎへ →</button>
      </article>

      <article class="tpl21-quiz-card" data-tpl21-quiz-card="2" hidden>
        <p class="tpl21-quiz-count">3 / 5</p>
        <h3><span id="toc11">thinkのthはどの音？</span></h3>
        <div class="tpl21-sound-choice-grid" aria-label="発音を聞く">

          <div class="tpl21-sound-choice">
            <strong>①</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="2" data-tpl21-choice-audio="ch">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>②</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="2" data-tpl21-choice-audio="th-this">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>③</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="2" data-tpl21-choice-audio="th-think">🔊</button>
          </div>
        </div>
        <div class="tpl21-answer-select-box">
          <p>答え</p>
          <div class="tpl21-answer-select-grid">
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="2" data-tpl21-choice="ch">①</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="2" data-tpl21-choice="th-this">②</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="2" data-tpl21-choice="th-think">③</button>
          </div>
        </div>
        <div class="tpl21-quiz-result" data-tpl21-quiz-result="2" hidden></div>
        <button class="tpl21-action-button tpl21-next-quiz" type="button" data-tpl21-next-quiz="2" hidden>つぎへ →</button>
      </article>

      <article class="tpl21-quiz-card" data-tpl21-quiz-card="3" hidden>
        <p class="tpl21-quiz-count">4 / 5</p>
        <h3><span id="toc12">thisのthはどの音？</span></h3>
        <div class="tpl21-sound-choice-grid" aria-label="発音を聞く">

          <div class="tpl21-sound-choice">
            <strong>①</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="3" data-tpl21-choice-audio="th-this">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>②</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="3" data-tpl21-choice-audio="sh">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>③</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="3" data-tpl21-choice-audio="th-think">🔊</button>
          </div>
        </div>
        <div class="tpl21-answer-select-box">
          <p>答え</p>
          <div class="tpl21-answer-select-grid">
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="3" data-tpl21-choice="th-this">①</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="3" data-tpl21-choice="sh">②</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="3" data-tpl21-choice="th-think">③</button>
          </div>
        </div>
        <div class="tpl21-quiz-result" data-tpl21-quiz-result="3" hidden></div>
        <button class="tpl21-action-button tpl21-next-quiz" type="button" data-tpl21-next-quiz="3" hidden>つぎへ →</button>
      </article>

      <article class="tpl21-quiz-card" data-tpl21-quiz-card="4" hidden>
        <p class="tpl21-quiz-count">5 / 5</p>
        <h3><span id="toc13">fishの最後はどの音？</span></h3>
        <div class="tpl21-sound-choice-grid" aria-label="発音を聞く">

          <div class="tpl21-sound-choice">
            <strong>①</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="4" data-tpl21-choice-audio="ch">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>②</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="4" data-tpl21-choice-audio="sh">🔊</button>
          </div>

          <div class="tpl21-sound-choice">
            <strong>③</strong>
            <button class="tpl21-choice-audio" type="button" data-tpl21-quiz-audio="4" data-tpl21-choice-audio="th">🔊</button>
          </div>
        </div>
        <div class="tpl21-answer-select-box">
          <p>答え</p>
          <div class="tpl21-answer-select-grid">
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="4" data-tpl21-choice="ch">①</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="4" data-tpl21-choice="sh">②</button>
<button class="tpl21-choice-select" type="button" data-tpl21-quiz="4" data-tpl21-choice="th">③</button>
          </div>
        </div>
        <div class="tpl21-quiz-result" data-tpl21-quiz-result="4" hidden></div>
        <button class="tpl21-action-button tpl21-next-quiz" type="button" data-tpl21-next-quiz="4" hidden>つぎへ →</button>
      </article>
    </div>
  </section>

  <section class="tpl21-section">
    <h2><span id="toc14">🐙 3つをまとめて比較</span></h2>
    <p>sh / ch / th を見たら、1文字ずつではなくセットの音を思い出そう。</p>
    <div class="tpl21-two-buttons">
      <button class="tpl21-sound-button" type="button" data-tpl21-pattern-audio="sh">🔊 shの音</button>
      <button class="tpl21-sound-button" type="button" data-tpl21-pattern-audio="ch">🔊 chの音</button>
      <button class="tpl21-sound-button" type="button" data-tpl21-pattern-audio="th-think">🔊 th①</button>
      <button class="tpl21-sound-button" type="button" data-tpl21-pattern-audio="th-this">🔊 th②</button>
    </div>
    <div class="tpl21-speech">🐙 2文字を見たら、1文字ずつではなく「セットの音」を思い出そう！</div>
  </section>

  <section class="tpl21-section" aria-labelledby="tpl21-flash-title">
    <h2 id="tpl21-flash-title"><span id="toc15">🐙 読んでみようフラッシュ</span></h2>
    <p>音声を聞く前に、まず自分で読んでみよう！</p>
    <div class="tpl21-flash-card">
      <p class="tpl21-flash-meta" data-tpl21="flash-count"></p>
      <div class="tpl21-flash-word" data-tpl21="flash-word"></div>
      <button class="tpl21-sound-button" type="button" data-tpl21="flash-audio">🔊 答えを聞く</button>
      <div class="tpl21-flash-actions">
        <button class="tpl21-action-button" type="button" data-tpl21="flash-prev">← まえへ</button>
        <button class="tpl21-action-button" type="button" data-tpl21="flash-pattern">セットを見る</button>
        <button class="tpl21-action-button" type="button" data-tpl21="flash-next">つぎへ →</button>
      </div>
      <p class="tpl21-flash-meta" data-tpl21="flash-pattern-text"></p>
    </div>
  </section>

  <section class="tpl21-section" aria-labelledby="tpl21-challenge-title">
    <h2 id="tpl21-challenge-title"><span id="toc16">🚀 初見単語チャレンジ</span></h2>
    <p>音声を聞く前に、自分で読んでみよう。</p>
    <p>sh・ch・thを見つけたら、セットの音で読んでみよう。</p>
    <div class="tpl21-challenge-panel">
      <div class="tpl21-timer" data-tpl21="timer">0.0秒</div>
      <div class="tpl21-actions">
        <button class="tpl21-action-button tpl21-start" type="button" data-tpl21="start">スタート</button>
        <button class="tpl21-action-button tpl21-stop" type="button" data-tpl21="stop" disabled>ストップ</button>
        <button class="tpl21-action-button tpl21-retry" type="button" data-tpl21="challenge-retry" disabled>🔄 もう一度チャレンジ</button>
      </div>
      <div class="tpl21-chips" data-tpl21="challenge-words" hidden>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="shop"><span class="tpl21-mark tpl21-mark-sh">sh</span>op</button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="ship"><span class="tpl21-mark tpl21-mark-sh">sh</span>ip</button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="dish">di<span class="tpl21-mark tpl21-mark-sh">sh</span></button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="fish">fi<span class="tpl21-mark tpl21-mark-sh">sh</span></button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="shut"><span class="tpl21-mark tpl21-mark-sh">sh</span>ut</button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="cash">ca<span class="tpl21-mark tpl21-mark-sh">sh</span></button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="chat"><span class="tpl21-mark tpl21-mark-ch">ch</span>at</button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="chin"><span class="tpl21-mark tpl21-mark-ch">ch</span>in</button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="chop"><span class="tpl21-mark tpl21-mark-ch">ch</span>op</button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="much">mu<span class="tpl21-mark tpl21-mark-ch">ch</span></button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="rich">ri<span class="tpl21-mark tpl21-mark-ch">ch</span></button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="thin"><span class="tpl21-mark tpl21-mark-th">th</span>in</button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="bath">ba<span class="tpl21-mark tpl21-mark-th">th</span></button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="this"><span class="tpl21-mark tpl21-mark-th">th</span>is</button>
<button class="tpl21-chip" type="button" data-tpl21-challenge-word="that"><span class="tpl21-mark tpl21-mark-th">th</span>at</button>
      </div>
      <div class="tpl21-records" data-tpl21="records" hidden>
        <div class="tpl21-record"><span>前回の記録</span><strong data-tpl21="previous-record">&#8212;</strong></div>
        <div class="tpl21-record"><span>今回の記録</span><strong data-tpl21="current-record">&#8212;</strong></div>
        <div class="tpl21-record"><span>くらべてみよう</span><strong data-tpl21="compare-record">&#8212;</strong></div>
      </div>
      <div class="tpl21-answer-area" data-tpl21="answer-area" hidden>
        <h3><span id="toc17">答え合わせ</span></h3>
        <p>全部読んだあとに、音声で確認しよう。</p>
        <div class="tpl21-answer-buttons" data-tpl21="answer-buttons"></div>
      </div>
    </div>
  </section>

  <section class="tpl21-section" aria-labelledby="tpl21-review-title">
    <h2 id="tpl21-review-title"><span id="toc18">🔊 3つの音を覚えたかな？</span></h2>
    <p>カードの文字を見て、自分で発音してから答えを聞こう。</p>
    <div class="tpl21-flash-card tpl21-review-card">
      <p class="tpl21-flash-meta" data-tpl21="review-count"></p>
      <div class="tpl21-review-pattern" data-tpl21="review-pattern"></div>
      <div class="tpl21-review-buttons" data-tpl21="review-buttons"></div>
      <div class="tpl21-flash-actions">
        <button class="tpl21-action-button" type="button" data-tpl21="review-prev">← まえへ</button>
        <button class="tpl21-action-button" type="button" data-tpl21="review-next">つぎへ →</button>
      </div>
    </div>
  </section>

  <section class="tpl21-clear-screen">
    <h2><span id="toc19">🎉 2文字で1つの音が読めた！</span></h2>
    <p>sh・ch・thは、2文字を1つのチームとして読むことができます。</p>
    <p>英単語の中でこの組み合わせを見つけたら、セットの音を思い出してみよう！</p>
    <div class="tpl21-speech">🐙 次は、ほかの「2文字で1つの音」も覚えてみよう！</div>
  </section>

  <section class="tpl21-section">
    <h2><span id="toc20">🐙 次回予告</span></h2>
    <p>次の記事は、<strong>フォニックス LEVEL 2｜②</strong>を予定しています。</p>
    <p><strong>ph・wh・ck・ngを読んでみよう</strong></p>
  </section>

  <nav class="tpl21-bottom-nav" aria-label="記事下ナビ">
    <span class="tpl21-pending" aria-disabled="true">← 前のレッスン<br>④公開後にリンク</span>
    <a class="tpl21-index" href="https://jouniorsankosodate.com/category/learn/tacota-phonics/">📚 フォニックス一覧へ</a>
    <button class="tpl21-retry" type="button" data-tpl21="bottom-retry">🔄 もう一度チャレンジ</button>
    <span class="tpl21-pending" aria-disabled="true">次のレッスンへ →<br>準備中</span>
  </nav>

  <script>
  (function(){
    "use strict";
    const root=document.getElementById("takotaPhonicsLevel201");
    if(!root) return;
    const wordData={"shop":{"word":"shop","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-shop.wav","patterns":["sh"]},"ship":{"word":"ship","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-ship.wav","patterns":["sh"]},"fish":{"word":"fish","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-fish.wav","patterns":["sh"]},"dish":{"word":"dish","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-dish.wav","patterns":["sh"]},"chair":{"word":"chair","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chair.wav","patterns":["ch"]},"chicken":{"word":"chicken","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chicken.wav","patterns":["ch"]},"lunch":{"word":"lunch","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-lunch.wav","patterns":["ch"]},"chat":{"word":"chat","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chat.wav","patterns":["ch"]},"chin":{"word":"chin","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chin.wav","patterns":["ch"]},"much":{"word":"much","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-much.wav","patterns":["ch"]},"think":{"word":"think","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-think.wav","patterns":["th"]},"three":{"word":"three","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-three.wav","patterns":["th"]},"bath":{"word":"bath","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-bath.wav","patterns":["th"]},"thin":{"word":"thin","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-thin.wav","patterns":["th"]},"this":{"word":"this","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-this.wav","patterns":["th"]},"that":{"word":"that","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-that.wav","patterns":["th"]},"mother":{"word":"mother","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-mother.wav","patterns":["th"]},"shut":{"word":"shut","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-shut.wav","patterns":["sh"]},"cash":{"word":"cash","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-cash.wav","patterns":["sh"]},"chop":{"word":"chop","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chop.wav","patterns":["ch"]},"rich":{"word":"rich","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-rich.wav","patterns":["ch"]}};
    const patternAudio={"sh":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav","ch":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav","th-think":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav","th-this":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-this.wav"};
    const quizData=[{"question":"shはどの音？","answer":"sh","word":"ship","choices":[{"key":"sh","number":"①","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav"},{"key":"ch","number":"②","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav"},{"key":"th","number":"③","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav"}]},{"question":"chはどの音？","answer":"ch","word":"chat","choices":[{"key":"th","number":"①","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav"},{"key":"ch","number":"②","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav"},{"key":"sh","number":"③","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav"}]},{"question":"thinkのthはどの音？","answer":"th-think","word":"think","choices":[{"key":"ch","number":"①","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav"},{"key":"th-this","number":"②","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-this.wav"},{"key":"th-think","number":"③","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav"}]},{"question":"thisのthはどの音？","answer":"th-this","word":"this","choices":[{"key":"th-this","number":"①","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-this.wav"},{"key":"sh","number":"②","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav"},{"key":"th-think","number":"③","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav"}]},{"question":"fishの最後はどの音？","answer":"sh","word":"fish","choices":[{"key":"ch","number":"①","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav"},{"key":"sh","number":"②","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav"},{"key":"th","number":"③","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav"}]}];
    const readingFlash=["ship","shop","fish","dish","chat","chin","much","lunch","thin","bath","this"];
    const firstChallenge=["shop","ship","dish","fish","shut","cash","chat","chin","chop","much","rich","thin","bath","this","that"];
    const reviewSounds=[{"pattern":"sh","buttons":[{"label":"🔊 shの音","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav"}]},{"pattern":"ch","buttons":[{"label":"🔊 chの音","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav"}]},{"pattern":"th","buttons":[{"label":"🔊 thinkのth","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav"},{"label":"🔊 thisのth","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-this.wav"}]}];
    let activeAudio=null;
    let activeAudioReset=null;
    let flashIndex=0;
    let reviewIndex=0;
    let quizIndex=0;
    let timerId=null;
    let startTime=0;
    let previousSeconds=null;
    let currentOrder=firstChallenge.slice();
    const $=(key)=>root.querySelector(`[data-tpl21="${key}"]`);

    function stopAudio(){
      if(activeAudio){
        activeAudio.pause();
        activeAudio.currentTime=0;
      }
      if(activeAudioReset) activeAudioReset();
      activeAudio=null;
      activeAudioReset=null;
    }

    function setButtonPlaying(button,text){
      const original=button.textContent;
      button.textContent=text;
      button.disabled=true;
      return function(){
        button.textContent=original;
        button.disabled=false;
      };
    }

    function playFileAudio(url,button){
      if(!url) return;
      stopAudio();
      activeAudio=new Audio(url);
      const reset=setButtonPlaying(button,"🔊 再生中…");
      activeAudioReset=function(){
        reset();
        activeAudio=null;
        activeAudioReset=null;
      };
      activeAudio.addEventListener("ended",activeAudioReset,{once:true});
      activeAudio.addEventListener("error",function(){
        activeAudioReset();
        window.alert("音声を再生できませんでした。");
      },{once:true});
      activeAudio.play().catch(activeAudioReset);
    }

    function formatTime(seconds){
      return `${seconds.toFixed(1)}秒`;
    }

    function shuffle(array){
      const copied=array.slice();
      for(let i=copied.length-1;i>0;i--){
        const j=Math.floor(Math.random()*(i+1));
        [copied[i],copied[j]]=[copied[j],copied[i]];
      }
      return copied;
    }

    function markPatternText(word){
      return word.replace(/(sh|ch|th)/g,'<span class="tpl21-mark tpl21-mark-$1">$1</span>');
    }

    function renderFlash(){
      stopAudio();
      const word=readingFlash[flashIndex];
      $("flash-count").textContent=`${flashIndex+1} / ${readingFlash.length}`;
      $("flash-word").innerHTML=markPatternText(word);
      $("flash-pattern-text").textContent="";
      $("flash-prev").disabled=flashIndex===0;
      $("flash-next").textContent=flashIndex===readingFlash.length-1 ? "チャレンジへ →" : "つぎへ →";
    }

    function renderReview(){
      stopAudio();
      const item=reviewSounds[reviewIndex];
      $("review-count").textContent=`${reviewIndex+1} / ${reviewSounds.length}`;
      $("review-pattern").textContent=item.pattern;
      $("review-buttons").innerHTML=item.buttons.map(function(button,index){
        return `<button class="tpl21-sound-button" type="button" data-tpl21-review-audio="${index}">${button.label}</button>`;
      }).join("");
      $("review-buttons").querySelectorAll("[data-tpl21-review-audio]").forEach(function(button){
        button.addEventListener("click",function(){
          playFileAudio(item.buttons[Number(button.dataset.tpl21ReviewAudio)].audio,button);
        });
      });
      $("review-prev").disabled=reviewIndex===0;
      $("review-next").textContent=reviewIndex===reviewSounds.length-1 ? "クリアへ →" : "つぎへ →";
    }

    function showQuiz(index){
      root.querySelectorAll("[data-tpl21-quiz-card]").forEach(card=>card.hidden=true);
      const card=root.querySelector(`[data-tpl21-quiz-card="${index}"]`);
      if(card) card.hidden=false;
    }

    function renderChallengeWords(){
      $("challenge-words").innerHTML=currentOrder.map(function(word){
        return `<button class="tpl21-chip" type="button" data-tpl21-challenge-word="${word}">${markPatternText(word)}</button>`;
      }).join("");
    }

    function renderAnswers(){
      $("answer-buttons").innerHTML=currentOrder.map(function(word){
        return `<button class="tpl21-sound-button" type="button" data-tpl21-answer-word="${word}">🔊 ${word}</button>`;
      }).join("");
      root.querySelectorAll("[data-tpl21-answer-word]").forEach(function(button){
        button.addEventListener("click",function(){
          playFileAudio(wordData[button.dataset.tpl21AnswerWord].audio,button);
        });
      });
    }

    function startChallenge(){
      stopAudio();
      $("challenge-words").hidden=false;
      $("answer-area").hidden=true;
      $("records").hidden=true;
      $("start").disabled=true;
      $("stop").disabled=false;
      $("challenge-retry").disabled=true;
      startTime=Date.now();
      $("timer").textContent="0.0秒";
      timerId=window.setInterval(function(){
        $("timer").textContent=formatTime((Date.now()-startTime)/1000);
      },100);
    }

    function stopChallenge(){
      if(!timerId) return;
      window.clearInterval(timerId);
      timerId=null;
      const seconds=(Date.now()-startTime)/1000;
      $("timer").textContent=formatTime(seconds);
      $("current-record").textContent=formatTime(seconds);
      $("previous-record").textContent=previousSeconds===null ? "--" : formatTime(previousSeconds);
      if(previousSeconds===null){
        $("compare-record").textContent="もう一度で比較";
      }else{
        const diff=seconds-previousSeconds;
        $("compare-record").textContent=diff<0 ? `${Math.abs(diff).toFixed(1)}秒速くなった` : diff>0 ? `${diff.toFixed(1)}秒ゆっくり` : "同じタイム";
      }
      previousSeconds=seconds;
      $("records").hidden=false;
      $("answer-area").hidden=false;
      $("start").disabled=false;
      $("stop").disabled=true;
      $("challenge-retry").disabled=false;
      renderAnswers();
    }

    function retryChallenge(){
      currentOrder=shuffle(firstChallenge);
      renderChallengeWords();
      startChallenge();
    }

    root.querySelectorAll("[data-tpl21-word]").forEach(function(button){
      button.addEventListener("click",function(){
        playFileAudio(wordData[button.dataset.tpl21Word].audio,button);
      });
    });
    root.querySelectorAll("[data-tpl21-pattern-audio]").forEach(function(button){
      button.addEventListener("click",function(){
        playFileAudio(patternAudio[button.dataset.tpl21PatternAudio],button);
      });
    });
    $("flash-audio").addEventListener("click",function(event){
      playFileAudio(wordData[readingFlash[flashIndex]].audio,event.currentTarget);
    });
    $("flash-pattern").addEventListener("click",function(){
      const word=readingFlash[flashIndex];
      const patterns=wordData[word].patterns.join(" / ");
      $("flash-pattern-text").textContent=patterns ? `セットの音：${patterns}` : "";
    });
    $("flash-prev").addEventListener("click",function(){
      if(flashIndex>0){
        flashIndex--;
        renderFlash();
      }
    });
    $("flash-next").addEventListener("click",function(){
      if(flashIndex<readingFlash.length-1){
        flashIndex++;
        renderFlash();
      }else{
        root.querySelector("#tpl21-challenge-title").scrollIntoView({behavior:"smooth",block:"start"});
      }
    });
    root.querySelectorAll("[data-tpl21-choice-audio]").forEach(function(button){
      button.addEventListener("click",function(){
        const index=Number(button.dataset.tpl21QuizAudio);
        const choice=button.dataset.tpl21ChoiceAudio;
        const item=quizData[index];
        playFileAudio(item.choices.find(option=>option.key===choice).audio,button);
      });
    });
    root.querySelectorAll("[data-tpl21-choice]").forEach(function(button){
      button.addEventListener("click",function(){
        const index=Number(button.dataset.tpl21Quiz);
        const choice=button.dataset.tpl21Choice;
        const item=quizData[index];
        const card=root.querySelector(`[data-tpl21-quiz-card="${index}"]`);
        card.querySelectorAll("[data-tpl21-choice]").forEach(btn=>{
          btn.disabled=true;
          if(btn.dataset.tpl21Choice===item.answer) btn.classList.add("tpl21-correct");
        });
        if(choice!==item.answer) button.classList.add("tpl21-wrong");
        const result=root.querySelector(`[data-tpl21-quiz-result="${index}"]`);
        result.hidden=false;
        const answerNumber=item.choices.find(option=>option.key===item.answer).number;
        const message=choice===item.answer ? "🎉 正解！" : `❌ 正解は ${answerNumber}`;
        result.innerHTML=`<p>${message}</p><button class="tpl21-sound-button" type="button" data-tpl21-result-word="${item.word}">🔊 ${item.word}</button>`;
        result.querySelector("[data-tpl21-result-word]").addEventListener("click",function(event){
          playFileAudio(wordData[event.currentTarget.dataset.tpl21ResultWord].audio,event.currentTarget);
        });
        const next=root.querySelector(`[data-tpl21-next-quiz="${index}"]`);
        next.hidden=false;
      });
    });
    root.querySelectorAll("[data-tpl21-next-quiz]").forEach(function(button){
      button.addEventListener("click",function(){
        quizIndex=Number(button.dataset.tpl21NextQuiz)+1;
        if(quizIndex>=quizData.length) quizIndex=0;
        showQuiz(quizIndex);
      });
    });
    $("start").addEventListener("click",startChallenge);
    $("stop").addEventListener("click",stopChallenge);
    $("challenge-retry").addEventListener("click",retryChallenge);
    $("bottom-retry").addEventListener("click",function(){
      root.querySelector("#tpl21-challenge-title").scrollIntoView({behavior:"smooth",block:"start"});
      retryChallenge();
    });
    $("review-prev").addEventListener("click",function(){
      if(reviewIndex>0){
        reviewIndex--;
        renderReview();
      }
    });
    $("review-next").addEventListener("click",function(){
      if(reviewIndex<reviewSounds.length-1){
        reviewIndex++;
        renderReview();
      }else{
        root.querySelector(".tpl21-clear-screen").scrollIntoView({behavior:"smooth",block:"start"});
      }
    });
    renderFlash();
    renderChallengeWords();
    renderReview();
  })();
  </script>
</article>

<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-2-01/">🔊【フォニックスLEVEL 2①】2文字で1つの音！sh・ch・thを読んでみよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/phonics-level-2-01/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-shop.wav,patterns:[sh],ship:word:ship,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-ship.wav,patterns:[sh],fish:word:fish,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-fish.wav,patterns:[sh],dish:word:dish,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-dish.wav,patterns:[sh],chair:word:chair,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chair.wav,patterns:[ch],chicken:word:chicken,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chicken.wav,patterns:[ch],lunch:word:lunch,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-lunch.wav,patterns:[ch],chat:word:chat,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chat.wav,patterns:[ch],chin:word:chin,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chin.wav,patterns:[ch],much:word:much,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-much.wav,patterns:[ch],think:word:think,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-think.wav,patterns:[th],three:word:three,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-three.wav,patterns:[th],bath:word:bath,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-bath.wav,patterns:[th],thin:word:thin,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-thin.wav,patterns:[th],this:word:this,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-this.wav,patterns:[th],that:word:that,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-that.wav,patterns:[th],mother:word:mother,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-mother.wav,patterns:[th],shut:word:shut,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-shut.wav,patterns:[sh],cash:word:cash,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-cash.wav,patterns:[sh],chop:word:chop,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-chop.wav,patterns:[ch],rich:word:rich,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-word-rich.wav" length="0" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav,ch:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav,th-think:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav,th-this:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-this.wav" length="0" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav,key:ch,number:②,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav,key:th,number:③,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav],question:chはどの音？,answer:ch,word:chat,choices:[key:th,number:①,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav,key:ch,number:②,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav,key:sh,number:③,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav],question:thinkのthはどの音？,answer:th-think,word:think,choices:[key:ch,number:①,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav,key:th-this,number:②,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-this.wav,key:th-think,number:③,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav],question:thisのthはどの音？,answer:th-this,word:this,choices:[key:th-this,number:①,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-this.wav,key:sh,number:②,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav,key:th-think,number:③,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav],question:fishの最後はどの音？,answer:sh,word:fish,choices:[key:ch,number:①,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav,key:sh,number:②,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-sh.wav,key:th,number:③,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav" length="0" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-ch.wav" length="12392" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-think.wav" length="7982" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l2-01-pattern-th-this.wav" length="15038" type="audio/wav" />

			</item>
		<item>
		<title>🔊【フォニックスLEVEL 1④】サイレントeってなに？cap→capeで読み方の変化を覚えよう</title>
		<link>https://jouniorsankosodate.com/phonics-level-1-04/</link>
					<comments>https://jouniorsankosodate.com/phonics-level-1-04/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 08:12:54 +0000</pubDate>
				<category><![CDATA[👧英語学習]]></category>
		<category><![CDATA[🔊タコタのフォニックスレッスン]]></category>
		<category><![CDATA[＃タコタ]]></category>
		<category><![CDATA[＃タコタシリーズ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[#英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=7802</guid>

					<description><![CDATA[<p>フォニックスLEVEL 1④では、サイレントeの読み方をcap→capeなどの比較音声、フラッシュ、3択問題、初見チャレンジで楽しく学べます。</p>
<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-1-04/">🔊【フォニックスLEVEL 1④】サイレントeってなに？cap→capeで読み方の変化を覚えよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<article id="takotaPhonicsLevel104" class="tpl4-wrap">
  <style>
    #takotaPhonicsLevel104{
      --tpl4-ink:#253047;
      --tpl4-muted:#657086;
      --tpl4-coral:#f0645a;
      --tpl4-coral-dark:#d94d44;
      --tpl4-teal:#138c85;
      --tpl4-blue:#5aaee8;
      --tpl4-cream:#fffaf1;
      --tpl4-line:#e8dfd2;
      --tpl4-yellow:#fff2b8;
      --tpl4-green:#ddf7d7;
      --tpl4-red:#ffe2df;
      --tpl4-shadow:0 14px 35px rgba(52,45,36,.12);
      width:min(100% - 24px,780px);
      margin:18px auto;
      padding:24px 0 56px;
      color:var(--tpl4-ink);
      font-family:inherit;
      line-height:1.8;
      overflow-wrap:anywhere;
    }
    #takotaPhonicsLevel104 *{box-sizing:border-box}
    #takotaPhonicsLevel104 button{font:inherit}
    #takotaPhonicsLevel104 h1,
    #takotaPhonicsLevel104 h2,
    #takotaPhonicsLevel104 h3{line-height:1.4;letter-spacing:0}
    #takotaPhonicsLevel104 p{margin:10px 0;font-size:17px}
    #takotaPhonicsLevel104 .tpl4-learning-nav-top{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:10px;
      margin-bottom:18px;
      padding:14px;
      background:#fff;
      border:1px solid var(--tpl4-line);
      border-radius:18px;
      box-shadow:0 8px 22px rgba(52,45,36,.08);
    }
    #takotaPhonicsLevel104 .tpl4-learning-nav-top span{
      display:block;
      color:var(--tpl4-muted);
      font-size:13px;
      font-weight:900;
    }
    #takotaPhonicsLevel104 .tpl4-learning-nav-top strong{display:block;font-size:17px}
    #takotaPhonicsLevel104 .tpl4-disabled-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:44px;
      margin:0 0 14px;
      padding:8px 14px;
      border-radius:999px;
      background:#eaf9f7;
      color:#116e68 !important;
      font-weight:900;
      text-decoration:none !important;
      opacity:.72;
    }
    #takotaPhonicsLevel104 .tpl4-hero,
    #takotaPhonicsLevel104 .tpl4-section,
    #takotaPhonicsLevel104 .tpl4-clear-screen{
      background:rgba(255,255,255,.95);
      border:1px solid var(--tpl4-line);
      border-radius:24px;
      padding:clamp(22px,5vw,40px);
      box-shadow:var(--tpl4-shadow);
    }
    #takotaPhonicsLevel104 .tpl4-hero{
      background:linear-gradient(135deg,#fffaf1 0%,#fff2f8 52%,#eaf9f7 100%);
    }
    #takotaPhonicsLevel104 .tpl4-eyebrow{
      margin:0 0 6px;
      color:var(--tpl4-teal);
      font-weight:900;
    }
    #takotaPhonicsLevel104 h1{
      margin:0 0 18px;
      color:var(--tpl4-ink);
      font-size:clamp(28px,7vw,42px);
    }
    #takotaPhonicsLevel104 h2{
      margin:0 0 14px;
      color:#116e68;
      font-size:clamp(22px,5vw,30px);
    }
    #takotaPhonicsLevel104 h3{margin:0 0 10px;font-size:20px}
    #takotaPhonicsLevel104 .tpl4-section,
    #takotaPhonicsLevel104 .tpl4-clear-screen{margin-top:22px}
    #takotaPhonicsLevel104 .tpl4-speech{
      margin:18px 0 0;
      padding:16px 18px;
      background:#fff;
      border:2px dashed #ffb6b6;
      border-radius:18px;
      font-weight:800;
    }
    #takotaPhonicsLevel104 .tpl4-point{
      margin:18px 0;
      padding:16px 18px;
      background:var(--tpl4-yellow);
      border:2px solid #ffd45f;
      border-radius:18px;
      font-weight:900;
    }
    #takotaPhonicsLevel104 .tpl4-compare-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:14px;
      margin-top:16px;
    }
    #takotaPhonicsLevel104 .tpl4-compare-card{
      display:grid;
      gap:12px;
      padding:16px;
      border-radius:20px;
      background:#fff;
      border:1px solid var(--tpl4-line);
      box-shadow:0 6px 16px rgba(52,45,36,.07);
      text-align:center;
    }
    #takotaPhonicsLevel104 .tpl4-pair{
      display:grid;
      grid-template-columns:1fr auto 1fr;
      gap:8px;
      align-items:center;
      font-size:30px;
      font-weight:900;
      line-height:1.2;
    }
    #takotaPhonicsLevel104 .tpl4-pair strong{
      display:flex;
      justify-content:center;
      gap:1px;
    }
    #takotaPhonicsLevel104 .tpl4-pair span{display:inline-block}
    #takotaPhonicsLevel104 .tpl4-vowel-mark{
      color:#0f72d8;
      text-decoration:underline;
      text-decoration-thickness:4px;
      text-underline-offset:5px;
    }
    #takotaPhonicsLevel104 .tpl4-silent-e{
      color:#f0645a;
      border:2px solid #ffb6b6;
      border-radius:10px;
      padding:0 5px;
      background:#fff2f8;
    }
    #takotaPhonicsLevel104 .tpl4-sound-row,
    #takotaPhonicsLevel104 .tpl4-actions,
    #takotaPhonicsLevel104 .tpl4-records{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel104 .tpl4-vowel-map{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
      margin-top:16px;
    }
    #takotaPhonicsLevel104 .tpl4-vowel-map div,
    #takotaPhonicsLevel104 .tpl4-hint-row{
      padding:14px;
      border-radius:18px;
      background:#fff;
      border:1px solid var(--tpl4-line);
      text-align:center;
      font-weight:900;
    }
    #takotaPhonicsLevel104 .tpl4-hint-grid{
      display:grid;
      gap:10px;
      margin-top:16px;
    }
    #takotaPhonicsLevel104 .tpl4-hint-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      align-items:center;
    }
    #takotaPhonicsLevel104 .tpl4-sound-button,
    #takotaPhonicsLevel104 .tpl4-action-button,
    #takotaPhonicsLevel104 .tpl4-bottom-nav a,
    #takotaPhonicsLevel104 .tpl4-bottom-nav button,
    #takotaPhonicsLevel104 .tpl4-bottom-nav span{
      min-height:48px;
      border:0;
      border-radius:999px;
      padding:10px 14px;
      background:var(--tpl4-coral);
      color:#fff !important;
      font-weight:900;
      text-decoration:none !important;
      cursor:pointer;
      box-shadow:0 6px 14px rgba(240,100,90,.20);
    }
    #takotaPhonicsLevel104 button:disabled{opacity:.65;cursor:default}
    #takotaPhonicsLevel104 .tpl4-flash-card,
    #takotaPhonicsLevel104 .tpl4-challenge-panel,
    #takotaPhonicsLevel104 .tpl4-quiz-wrap{
      display:grid;
      gap:16px;
      margin-top:16px;
      padding:18px;
      border-radius:20px;
      background:#fffaf1;
      border:1px solid var(--tpl4-line);
    }
    #takotaPhonicsLevel104 .tpl4-flash-word{
      display:grid;
      place-items:center;
      min-height:150px;
      border-radius:22px;
      background:#fff;
      border:2px solid #ffd1d1;
      font-size:56px;
      font-weight:900;
      line-height:1;
      color:var(--tpl4-coral-dark);
    }
    #takotaPhonicsLevel104 .tpl4-flash-meta,
    #takotaPhonicsLevel104 .tpl4-quiz-count{
      margin:0;
      color:var(--tpl4-muted);
      font-weight:900;
      text-align:center;
    }
    #takotaPhonicsLevel104 .tpl4-flash-actions{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel104 .tpl4-sound-choice-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel104 .tpl4-sound-choice{
      display:grid;
      gap:10px;
      align-items:center;
      min-height:58px;
      padding:12px 14px;
      border:2px solid #ffd1d1;
      border-radius:18px;
      background:#fff;
      color:var(--tpl4-ink);
      font-weight:900;
      text-align:center;
    }
    #takotaPhonicsLevel104 .tpl4-sound-choice strong{font-size:28px;line-height:1}
    #takotaPhonicsLevel104 .tpl4-sound-choice span{font-size:24px;line-height:1.2}
    #takotaPhonicsLevel104 .tpl4-choice-audio{
      min-height:44px;
      border:0;
      border-radius:999px;
      padding:8px 12px;
      font-weight:900;
      cursor:pointer;
      background:#eaf9f7;
      color:#116e68;
    }
    #takotaPhonicsLevel104 .tpl4-answer-select-box{
      display:grid;
      gap:10px;
      margin-top:6px;
      padding:14px;
      border-radius:18px;
      background:#fff;
      border:1px solid var(--tpl4-line);
    }
    #takotaPhonicsLevel104 .tpl4-answer-select-box p{
      margin:0;
      font-weight:900;
      text-align:center;
    }
    #takotaPhonicsLevel104 .tpl4-answer-select-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel104 .tpl4-choice-select{
      min-height:52px;
      border:0;
      border-radius:999px;
      padding:8px 12px;
      font-size:24px;
      font-weight:900;
      cursor:pointer;
      background:var(--tpl4-coral);
      color:#fff;
    }
    #takotaPhonicsLevel104 .tpl4-choice-select.tpl4-correct{background:#4caf50;color:#fff}
    #takotaPhonicsLevel104 .tpl4-choice-select.tpl4-wrong{background:#f0645a;color:#fff}
    #takotaPhonicsLevel104 .tpl4-quiz-result{
      padding:14px;
      border-radius:18px;
      background:#fff;
      border:1px solid var(--tpl4-line);
      font-weight:900;
    }
    #takotaPhonicsLevel104 .tpl4-timer{
      display:grid;
      place-items:center;
      min-height:92px;
      border-radius:20px;
      background:#253047;
      color:#fff;
      font-size:42px;
      font-weight:900;
      line-height:1;
    }
    #takotaPhonicsLevel104 .tpl4-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
    #takotaPhonicsLevel104 .tpl4-action-button.tpl4-start{background:#138c85}
    #takotaPhonicsLevel104 .tpl4-action-button.tpl4-stop{background:#f0645a}
    #takotaPhonicsLevel104 .tpl4-action-button.tpl4-retry{background:#5aaee8}
    #takotaPhonicsLevel104 .tpl4-chips,
    #takotaPhonicsLevel104 .tpl4-answer-buttons{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel104 .tpl4-chip{
      min-height:58px;
      border:2px solid #ffd1d1;
      border-radius:16px;
      background:#fff;
      color:#253047;
      font-size:24px;
      font-weight:900;
    }
    #takotaPhonicsLevel104 .tpl4-record{
      padding:12px;
      border-radius:16px;
      background:#fff;
      border:1px solid var(--tpl4-line);
      text-align:center;
      font-weight:900;
    }
    #takotaPhonicsLevel104 .tpl4-answer-area{display:grid;gap:10px}
    #takotaPhonicsLevel104 .tpl4-summary-pairs{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
      margin-top:16px;
    }
    #takotaPhonicsLevel104 .tpl4-summary-pairs strong{
      display:block;
      padding:12px;
      border-radius:16px;
      background:#fff;
      border:1px solid var(--tpl4-line);
      font-size:24px;
    }
    #takotaPhonicsLevel104 .tpl4-small-note{
      color:var(--tpl4-muted);
      font-size:15px;
      font-weight:800;
    }
    #takotaPhonicsLevel104 .tpl4-clear-screen{
      text-align:center;
      background:linear-gradient(135deg,#fffaf1 0%,#fff 50%,#eaf9f7 100%);
    }
    #takotaPhonicsLevel104 .tpl4-bottom-nav{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
      margin-top:24px;
    }
    #takotaPhonicsLevel104 .tpl4-bottom-nav .tpl4-index{background:#f7a928}
    #takotaPhonicsLevel104 .tpl4-bottom-nav .tpl4-retry{background:#5aaee8}
    #takotaPhonicsLevel104 .tpl4-bottom-nav .tpl4-pending{background:#ffd1d1;color:#7a5360 !important;cursor:default}
    #takotaPhonicsLevel104 [hidden]{display:none !important}
    @media (max-width:640px){
      #takotaPhonicsLevel104{width:min(100% - 20px,780px);padding-top:14px}
      #takotaPhonicsLevel104 .tpl4-learning-nav-top,
      #takotaPhonicsLevel104 .tpl4-compare-grid,
      #takotaPhonicsLevel104 .tpl4-vowel-map,
      #takotaPhonicsLevel104 .tpl4-flash-actions,
      #takotaPhonicsLevel104 .tpl4-actions,
      #takotaPhonicsLevel104 .tpl4-records,
      #takotaPhonicsLevel104 .tpl4-bottom-nav{grid-template-columns:1fr}
      #takotaPhonicsLevel104 .tpl4-hero,
      #takotaPhonicsLevel104 .tpl4-section,
      #takotaPhonicsLevel104 .tpl4-clear-screen{border-radius:18px;padding:20px 16px}
      #takotaPhonicsLevel104 .tpl4-pair{font-size:26px}
      #takotaPhonicsLevel104 .tpl4-flash-word{font-size:48px;min-height:130px}
      #takotaPhonicsLevel104 .tpl4-chips,
      #takotaPhonicsLevel104 .tpl4-answer-buttons,
      #takotaPhonicsLevel104 .tpl4-summary-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}
      #takotaPhonicsLevel104 .tpl4-sound-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      #takotaPhonicsLevel104 .tpl4-timer{font-size:36px}
      #takotaPhonicsLevel104 .tpl4-hint-row{grid-template-columns:1fr}
    }
  </style>

  <nav class="tpl4-learning-nav-top" aria-label="今回の学習情報">
    <div><span>シリーズ</span><strong>フォニックス LEVEL 1｜④</strong></div>
    <div><span>今回のゴール</span><strong>最後のeを見つけて、母音の音の変化を読めるようになろう！</strong></div>
  </nav>
  <span class="tpl4-disabled-link" aria-disabled="true">← 前のレッスン（③公開後にリンク）</span>

  <header class="tpl4-hero">
    <p class="tpl4-eyebrow">🔊 タコタのフォニックスレッスン</p>
    <h1>サイレントeってなに？</h1>
    <p>前のレッスンでは、<strong>c + a + t → cat</strong> のように、3つの音をつなげて英単語を読む練習をしました。</p>
    <p>今回は、最後にたった1文字、<strong>e</strong> をつけてみます。</p>
    <p>すると、読み方がどう変わるのでしょう？</p>
    <div class="tpl4-speech">🐙 まずは、2つの単語を聞き比べてみよう！</div>
  </header>

  <section class="tpl4-section">
    
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-3" checked><label class="toc-title" for="toc-checkbox-3">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">🐙 まずは聞き比べ</a></li><li><a href="#toc2" tabindex="0">🐙 どこが変わったかな？</a></li><li><a href="#toc3" tabindex="0">✨ サイレントeってなに？</a></li><li><a href="#toc4" tabindex="0">🐙 a_e の練習</a></li><li><a href="#toc5" tabindex="0">🐙 i_e の練習</a></li><li><a href="#toc6" tabindex="0">🐙 o_e の練習</a></li><li><a href="#toc7" tabindex="0">🐙 u_e の練習</a></li><li><a href="#toc8" tabindex="0">🐙 読んでみようフラッシュ</a></li><li><a href="#toc9" tabindex="0">🐙 音を聞いて選ぼう</a><ol><li><a href="#toc10" tabindex="0">cape の a はどの音？</a></li><li><a href="#toc11" tabindex="0">kite の i はどの音？</a></li><li><a href="#toc12" tabindex="0">hope の o はどの音？</a></li><li><a href="#toc13" tabindex="0">cube の u はどの音？</a></li></ol></li><li><a href="#toc14" tabindex="0">🚀 サイレントe 初見チャレンジ</a><ol><li><a href="#toc15" tabindex="0">答え合わせ</a></li></ol></li><li><a href="#toc16" tabindex="0">🎉 サイレントeを見つけられた！</a></li><li><a href="#toc17" tabindex="0">🐙 LEVEL 1の一区切り</a></li><li><a href="#toc18" tabindex="0">🐙 次回予告</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">🐙 まずは聞き比べ</span></h2>
    <p>左の単語と、最後に e がついた単語を聞き比べてみよう。</p>
    <div class="tpl4-compare-grid">

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>c</span><span class="tpl4-vowel-mark">a</span><span>p</span></strong>
          <span>→</span>
          <strong><span>c</span><span class="tpl4-vowel-mark">a</span><span>p</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cap">🔊 cap</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cape">🔊 cape</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>k</span><span class="tpl4-vowel-mark">i</span><span>t</span></strong>
          <span>→</span>
          <strong><span>k</span><span class="tpl4-vowel-mark">i</span><span>t</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="kit">🔊 kit</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="kite">🔊 kite</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>h</span><span class="tpl4-vowel-mark">o</span><span>p</span></strong>
          <span>→</span>
          <strong><span>h</span><span class="tpl4-vowel-mark">o</span><span>p</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="hop">🔊 hop</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="hope">🔊 hope</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>c</span><span class="tpl4-vowel-mark">u</span><span>b</span></strong>
          <span>→</span>
          <strong><span>c</span><span class="tpl4-vowel-mark">u</span><span>b</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cub">🔊 cub</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cube">🔊 cube</button>
        </div>
      </article>
    </div>
  </section>

  <section class="tpl4-section">
    <h2><span id="toc2">🐙 どこが変わったかな？</span></h2>
    <p>4つのペアを見て、同じところを探してみよう。</p>
    <div class="tpl4-hint-grid">

      <div class="tpl4-hint-row">
        <strong>cap → cape</strong>
        <span>aの音が変わる</span>
      </div>

      <div class="tpl4-hint-row">
        <strong>kit → kite</strong>
        <span>iの音が変わる</span>
      </div>

      <div class="tpl4-hint-row">
        <strong>hop → hope</strong>
        <span>oの音が変わる</span>
      </div>

      <div class="tpl4-hint-row">
        <strong>cub → cube</strong>
        <span>uの音が変わる</span>
      </div>
    </div>
    <div class="tpl4-speech">🐙 最後にeがつくと、その前の母音の音が変わっているね！</div>
  </section>

  <section class="tpl4-section">
    <h2><span id="toc3">✨ サイレントeってなに？</span></h2>
    <p>単語の最後にあるeは、音を出さないことがあります。</p>
    <p>このeがつくと、前の母音がアルファベットの名前に近い音になることがあります。</p>
    <div class="tpl4-vowel-map">
      <div><strong>a → Aの名前の音</strong><br>エイに近い音</div>
      <div><strong>i → Iの名前の音</strong><br>アイに近い音</div>
      <div><strong>o → Oの名前の音</strong><br>オウに近い音</div>
      <div><strong>u → Uの名前の音</strong><br>ユーに近い音</div>
    </div>
    <div class="tpl4-point">最後のeは、自分では音を出さないことが多いよ。</div>
    <p><strong>cape</strong> を、c + a + p + e と1文字ずつ全部音にしないこと。</p>
    <div class="tpl4-speech">🐙 eは静かにしているけど、前の母音の音を変えるお手伝いをしているよ！</div>
  </section>


  <section class="tpl4-section">
    <h2><span id="toc4">🐙 a_e の練習</span></h2>
    <p>a と最後の e に注目して、聞き比べてみよう。</p>
    <div class="tpl4-compare-grid">

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>c</span><span class="tpl4-vowel-mark">a</span><span>p</span></strong>
          <span>→</span>
          <strong><span>c</span><span class="tpl4-vowel-mark">a</span><span>p</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cap">🔊 cap</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cape">🔊 cape</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>t</span><span class="tpl4-vowel-mark">a</span><span>p</span></strong>
          <span>→</span>
          <strong><span>t</span><span class="tpl4-vowel-mark">a</span><span>p</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="tap">🔊 tap</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="tape">🔊 tape</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>m</span><span class="tpl4-vowel-mark">a</span><span>d</span></strong>
          <span>→</span>
          <strong><span>m</span><span class="tpl4-vowel-mark">a</span><span>d</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="mad">🔊 mad</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="made">🔊 made</button>
        </div>
      </article>
    </div>
    
  </section>

  <section class="tpl4-section">
    <h2><span id="toc5">🐙 i_e の練習</span></h2>
    <p>i と最後の e に注目して、聞き比べてみよう。</p>
    <div class="tpl4-compare-grid">

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>k</span><span class="tpl4-vowel-mark">i</span><span>t</span></strong>
          <span>→</span>
          <strong><span>k</span><span class="tpl4-vowel-mark">i</span><span>t</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="kit">🔊 kit</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="kite">🔊 kite</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>p</span><span class="tpl4-vowel-mark">i</span><span>n</span></strong>
          <span>→</span>
          <strong><span>p</span><span class="tpl4-vowel-mark">i</span><span>n</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="pin">🔊 pin</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="pine">🔊 pine</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>r</span><span class="tpl4-vowel-mark">i</span><span>d</span></strong>
          <span>→</span>
          <strong><span>r</span><span class="tpl4-vowel-mark">i</span><span>d</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="rid">🔊 rid</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="ride">🔊 ride</button>
        </div>
      </article>
    </div>
    
  </section>

  <section class="tpl4-section">
    <h2><span id="toc6">🐙 o_e の練習</span></h2>
    <p>o と最後の e に注目して、聞き比べてみよう。</p>
    <div class="tpl4-compare-grid">

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>h</span><span class="tpl4-vowel-mark">o</span><span>p</span></strong>
          <span>→</span>
          <strong><span>h</span><span class="tpl4-vowel-mark">o</span><span>p</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="hop">🔊 hop</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="hope">🔊 hope</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>n</span><span class="tpl4-vowel-mark">o</span><span>t</span></strong>
          <span>→</span>
          <strong><span>n</span><span class="tpl4-vowel-mark">o</span><span>t</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="not">🔊 not</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="note">🔊 note</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>r</span><span class="tpl4-vowel-mark">o</span><span>d</span></strong>
          <span>→</span>
          <strong><span>r</span><span class="tpl4-vowel-mark">o</span><span>d</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="rod">🔊 rod</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="rode">🔊 rode</button>
        </div>
      </article>
    </div>
    
  </section>

  <section class="tpl4-section">
    <h2><span id="toc7">🐙 u_e の練習</span></h2>
    <p>u と最後の e に注目して、聞き比べてみよう。</p>
    <div class="tpl4-compare-grid">

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>c</span><span class="tpl4-vowel-mark">u</span><span>b</span></strong>
          <span>→</span>
          <strong><span>c</span><span class="tpl4-vowel-mark">u</span><span>b</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cub">🔊 cub</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cube">🔊 cube</button>
        </div>
      </article>

      <article class="tpl4-compare-card">
        <div class="tpl4-pair">
          <strong><span>c</span><span class="tpl4-vowel-mark">u</span><span>t</span></strong>
          <span>→</span>
          <strong><span>c</span><span class="tpl4-vowel-mark">u</span><span>t</span><span class="tpl4-silent-e">e</span></strong>
        </div>
        <div class="tpl4-sound-row">
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cut">🔊 cut</button>
          <button class="tpl4-sound-button" type="button" data-tpl4-word="cute">🔊 cute</button>
        </div>
      </article>
    </div>
    <p class="tpl4-small-note">※u_eには違う読み方になる単語もあります。ここでは cube / cute 型を基本として扱います。</p>
  </section>

  <section class="tpl4-section" aria-labelledby="tpl4-flash-title">
    <h2 id="tpl4-flash-title"><span id="toc8">🐙 読んでみようフラッシュ</span></h2>
    <p>音声を聞く前に、まず自分で読んでみよう！</p>
    <div class="tpl4-flash-card">
      <p class="tpl4-flash-meta" data-tpl4="flash-count"></p>
      <div class="tpl4-flash-word" data-tpl4="flash-word"></div>
      <button class="tpl4-sound-button" type="button" data-tpl4="flash-audio">🔊 答えを聞く</button>
      <div class="tpl4-flash-actions">
        <button class="tpl4-action-button" type="button" data-tpl4="flash-prev">← まえへ</button>
        <button class="tpl4-action-button" type="button" data-tpl4="flash-pair">ペアを見る</button>
        <button class="tpl4-action-button" type="button" data-tpl4="flash-next">つぎへ →</button>
      </div>
      <p class="tpl4-flash-meta" data-tpl4="flash-pair-text"></p>
    </div>
  </section>

  <section class="tpl4-section">
    <h2><span id="toc9">🐙 音を聞いて選ぼう</span></h2>
    <p>音声ボタンを聞いて、サイレントeで変わった音を選ぼう。</p>
    <div class="tpl4-quiz-wrap">

      <article class="tpl4-quiz-card" data-tpl4-quiz-card="0">
        <p class="tpl4-quiz-count">1 / 4</p>
        <h3><span id="toc10">cape の a はどの音？</span></h3>
        <div class="tpl4-sound-choice-grid" aria-label="発音を聞く">

          <div class="tpl4-sound-choice">
            <strong>①</strong>
            <span>/æ/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="0" data-tpl4-choice-audio="short">🔊</button>
          </div>

          <div class="tpl4-sound-choice">
            <strong>②</strong>
            <span>/eɪ/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="0" data-tpl4-choice-audio="name">🔊</button>
          </div>

          <div class="tpl4-sound-choice">
            <strong>③</strong>
            <span>/e/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="0" data-tpl4-choice-audio="other">🔊</button>
          </div>
        </div>
        <div class="tpl4-answer-select-box">
          <p>答え</p>
          <div class="tpl4-answer-select-grid">
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="0" data-tpl4-choice="short">①</button>
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="0" data-tpl4-choice="name">②</button>
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="0" data-tpl4-choice="other">③</button>
          </div>
        </div>
        <div class="tpl4-quiz-result" data-tpl4-quiz-result="0" hidden></div>
        <button class="tpl4-action-button tpl4-next-quiz" type="button" data-tpl4-next-quiz="0" hidden>つぎへ →</button>
      </article>

      <article class="tpl4-quiz-card" data-tpl4-quiz-card="1" hidden>
        <p class="tpl4-quiz-count">2 / 4</p>
        <h3><span id="toc11">kite の i はどの音？</span></h3>
        <div class="tpl4-sound-choice-grid" aria-label="発音を聞く">

          <div class="tpl4-sound-choice">
            <strong>①</strong>
            <span>/ɪ/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="1" data-tpl4-choice-audio="short">🔊</button>
          </div>

          <div class="tpl4-sound-choice">
            <strong>②</strong>
            <span>/aɪ/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="1" data-tpl4-choice-audio="name">🔊</button>
          </div>

          <div class="tpl4-sound-choice">
            <strong>③</strong>
            <span>/e/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="1" data-tpl4-choice-audio="other">🔊</button>
          </div>
        </div>
        <div class="tpl4-answer-select-box">
          <p>答え</p>
          <div class="tpl4-answer-select-grid">
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="1" data-tpl4-choice="short">①</button>
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="1" data-tpl4-choice="name">②</button>
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="1" data-tpl4-choice="other">③</button>
          </div>
        </div>
        <div class="tpl4-quiz-result" data-tpl4-quiz-result="1" hidden></div>
        <button class="tpl4-action-button tpl4-next-quiz" type="button" data-tpl4-next-quiz="1" hidden>つぎへ →</button>
      </article>

      <article class="tpl4-quiz-card" data-tpl4-quiz-card="2" hidden>
        <p class="tpl4-quiz-count">3 / 4</p>
        <h3><span id="toc12">hope の o はどの音？</span></h3>
        <div class="tpl4-sound-choice-grid" aria-label="発音を聞く">

          <div class="tpl4-sound-choice">
            <strong>①</strong>
            <span>/ɒ/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="2" data-tpl4-choice-audio="short">🔊</button>
          </div>

          <div class="tpl4-sound-choice">
            <strong>②</strong>
            <span>/oʊ/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="2" data-tpl4-choice-audio="name">🔊</button>
          </div>

          <div class="tpl4-sound-choice">
            <strong>③</strong>
            <span>/æ/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="2" data-tpl4-choice-audio="other">🔊</button>
          </div>
        </div>
        <div class="tpl4-answer-select-box">
          <p>答え</p>
          <div class="tpl4-answer-select-grid">
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="2" data-tpl4-choice="short">①</button>
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="2" data-tpl4-choice="name">②</button>
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="2" data-tpl4-choice="other">③</button>
          </div>
        </div>
        <div class="tpl4-quiz-result" data-tpl4-quiz-result="2" hidden></div>
        <button class="tpl4-action-button tpl4-next-quiz" type="button" data-tpl4-next-quiz="2" hidden>つぎへ →</button>
      </article>

      <article class="tpl4-quiz-card" data-tpl4-quiz-card="3" hidden>
        <p class="tpl4-quiz-count">4 / 4</p>
        <h3><span id="toc13">cube の u はどの音？</span></h3>
        <div class="tpl4-sound-choice-grid" aria-label="発音を聞く">

          <div class="tpl4-sound-choice">
            <strong>①</strong>
            <span>/ʌ/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="3" data-tpl4-choice-audio="short">🔊</button>
          </div>

          <div class="tpl4-sound-choice">
            <strong>②</strong>
            <span>/juː/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="3" data-tpl4-choice-audio="name">🔊</button>
          </div>

          <div class="tpl4-sound-choice">
            <strong>③</strong>
            <span>/ɒ/</span>
            <button class="tpl4-choice-audio" type="button" data-tpl4-quiz-audio="3" data-tpl4-choice-audio="other">🔊</button>
          </div>
        </div>
        <div class="tpl4-answer-select-box">
          <p>答え</p>
          <div class="tpl4-answer-select-grid">
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="3" data-tpl4-choice="short">①</button>
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="3" data-tpl4-choice="name">②</button>
<button class="tpl4-choice-select" type="button" data-tpl4-quiz="3" data-tpl4-choice="other">③</button>
          </div>
        </div>
        <div class="tpl4-quiz-result" data-tpl4-quiz-result="3" hidden></div>
        <button class="tpl4-action-button tpl4-next-quiz" type="button" data-tpl4-next-quiz="3" hidden>つぎへ →</button>
      </article>
    </div>
  </section>

  <section class="tpl4-section" aria-labelledby="tpl4-challenge-title">
    <h2 id="tpl4-challenge-title"><span id="toc14">🚀 サイレントe 初見チャレンジ</span></h2>
    <p>音声を聞く前に、自分で読んでみよう。</p>
    <p>最後の e を見つけたら、前の母音の音が変わるか考えてみよう。</p>
    <div class="tpl4-challenge-panel">
      <div class="tpl4-timer" data-tpl4="timer">0.0秒</div>
      <div class="tpl4-actions">
        <button class="tpl4-action-button tpl4-start" type="button" data-tpl4="start">スタート</button>
        <button class="tpl4-action-button tpl4-stop" type="button" data-tpl4="stop" disabled>ストップ</button>
        <button class="tpl4-action-button tpl4-retry" type="button" data-tpl4="challenge-retry" disabled>🔄 もう一度チャレンジ</button>
      </div>
      <div class="tpl4-chips" data-tpl4="challenge-words" hidden>
<button class="tpl4-chip" type="button" data-tpl4-challenge-word="cake">cake</button>
<button class="tpl4-chip" type="button" data-tpl4-challenge-word="game">game</button>
<button class="tpl4-chip" type="button" data-tpl4-challenge-word="name">name</button>
<button class="tpl4-chip" type="button" data-tpl4-challenge-word="bike">bike</button>
<button class="tpl4-chip" type="button" data-tpl4-challenge-word="five">five</button>
<button class="tpl4-chip" type="button" data-tpl4-challenge-word="time">time</button>
<button class="tpl4-chip" type="button" data-tpl4-challenge-word="home">home</button>
<button class="tpl4-chip" type="button" data-tpl4-challenge-word="nose">nose</button>
<button class="tpl4-chip" type="button" data-tpl4-challenge-word="cute">cute</button>
      </div>
      <div class="tpl4-records" data-tpl4="records" hidden>
        <div class="tpl4-record"><span>前回の記録</span><strong data-tpl4="previous-record">&#8212;</strong></div>
        <div class="tpl4-record"><span>今回の記録</span><strong data-tpl4="current-record">&#8212;</strong></div>
        <div class="tpl4-record"><span>くらべてみよう</span><strong data-tpl4="compare-record">&#8212;</strong></div>
      </div>
      <div class="tpl4-answer-area" data-tpl4="answer-area" hidden>
        <h3><span id="toc15">答え合わせ</span></h3>
        <p>全部読んだあとに、音声で確認しよう。</p>
        <div class="tpl4-answer-buttons" data-tpl4="answer-buttons"></div>
      </div>
    </div>
  </section>

  <section class="tpl4-clear-screen">
    <h2><span id="toc16">🎉 サイレントeを見つけられた！</span></h2>
    <p>最後のeは音を出さないことがあります。</p>
    <p>でも、その前の母音の音を変える大事な役目があります。</p>
    <div class="tpl4-summary-pairs">
      <strong>cap → cape</strong>
      <strong>kit → kite</strong>
      <strong>hop → hope</strong>
      <strong>cub → cube</strong>
    </div>
    <div class="tpl4-speech">🐙 最後のeを見つけたら、前の母音の音が変わるか考えてみよう！</div>
  </section>

  <section class="tpl4-section">
    <h2><span id="toc17">🐙 LEVEL 1の一区切り</span></h2>
    <p>LEVEL 1では、アルファベットの基本の音・母音・3つの音をつなげる読み方・サイレントeまで学びました。</p>
    <p>次からは、<strong>2文字で1つの音</strong>を学ぶ予定です。</p>
  </section>

  <section class="tpl4-section">
    <h2><span id="toc18">🐙 次回予告</span></h2>
    <p>次の記事は、<strong>フォニックス LEVEL 2｜①</strong> を予定しています。</p>
    <p><strong>sh・ch・th</strong>など「2文字で1つの音」を覚えていきます。</p>
    <p>LEVEL 2では、sh / ch / th / ph / wh / ck / ng などへ進みます。</p>
  </section>

  <nav class="tpl4-bottom-nav" aria-label="記事下ナビ">
    <span class="tpl4-pending" aria-disabled="true">← 前のレッスン<br>③公開後にリンク</span>
    <a class="tpl4-index" href="https://jouniorsankosodate.com/category/learn/tacota-phonics/">📚 フォニックス一覧へ</a>
    <button class="tpl4-retry" type="button" data-tpl4="bottom-retry">🔄 もう一度チャレンジ</button>
    <span class="tpl4-pending" aria-disabled="true">次のレッスンへ →<br>準備中</span>
  </nav>

  <script>
  (function(){
    "use strict";
    const root=document.getElementById("takotaPhonicsLevel104");
    if(!root) return;
    const wordData={"cap":{"word":"cap","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cap.wav","letters":["c","a","p"],"hasSilentE":false},"cape":{"word":"cape","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cape.wav","letters":["c","a","p","e"],"hasSilentE":true},"kit":{"word":"kit","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kit.wav","letters":["k","i","t"],"hasSilentE":false},"kite":{"word":"kite","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kite.wav","letters":["k","i","t","e"],"hasSilentE":true},"hop":{"word":"hop","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hop.wav","letters":["h","o","p"],"hasSilentE":false},"hope":{"word":"hope","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hope.wav","letters":["h","o","p","e"],"hasSilentE":true},"cub":{"word":"cub","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cub.wav","letters":["c","u","b"],"hasSilentE":false},"cube":{"word":"cube","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cube.wav","letters":["c","u","b","e"],"hasSilentE":true},"tap":{"word":"tap","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tap.wav","letters":["t","a","p"],"hasSilentE":false},"tape":{"word":"tape","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tape.wav","letters":["t","a","p","e"],"hasSilentE":true},"mad":{"word":"mad","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-mad.wav","letters":["m","a","d"],"hasSilentE":false},"made":{"word":"made","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-made.wav","letters":["m","a","d","e"],"hasSilentE":true},"pin":{"word":"pin","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pin.wav","letters":["p","i","n"],"hasSilentE":false},"pine":{"word":"pine","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pine.wav","letters":["p","i","n","e"],"hasSilentE":true},"rid":{"word":"rid","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-rid.wav","letters":["r","i","d"],"hasSilentE":false},"ride":{"word":"ride","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-ride.wav","letters":["r","i","d","e"],"hasSilentE":true},"not":{"word":"not","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-not.wav","letters":["n","o","t"],"hasSilentE":false},"note":{"word":"note","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-note.wav","letters":["n","o","t","e"],"hasSilentE":true},"rod":{"word":"rod","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-rod.wav","letters":["r","o","d"],"hasSilentE":false},"rode":{"word":"rode","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-rode.wav","letters":["r","o","d","e"],"hasSilentE":true},"cut":{"word":"cut","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cut.wav","letters":["c","u","t"],"hasSilentE":false},"cute":{"word":"cute","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cute.wav","letters":["c","u","t","e"],"hasSilentE":true},"cake":{"word":"cake","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cake.wav","letters":["c","a","k","e"],"hasSilentE":true},"game":{"word":"game","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-game.wav","letters":["g","a","m","e"],"hasSilentE":true},"name":{"word":"name","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-name.wav","letters":["n","a","m","e"],"hasSilentE":true},"bike":{"word":"bike","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-bike.wav","letters":["b","i","k","e"],"hasSilentE":true},"five":{"word":"five","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-five.wav","letters":["f","i","v","e"],"hasSilentE":true},"time":{"word":"time","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-time.wav","letters":["t","i","m","e"],"hasSilentE":true},"home":{"word":"home","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-home.wav","letters":["h","o","m","e"],"hasSilentE":true},"nose":{"word":"nose","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-nose.wav","letters":["n","o","s","e"],"hasSilentE":true}};
    const pairData=[{"baseWord":"cap","silentEWord":"cape","vowel":"a","baseAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cap.wav","silentEAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cape.wav","answerAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cape.wav"},{"baseWord":"tap","silentEWord":"tape","vowel":"a","baseAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tap.wav","silentEAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tape.wav","answerAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tape.wav"},{"baseWord":"kit","silentEWord":"kite","vowel":"i","baseAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kit.wav","silentEAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kite.wav","answerAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kite.wav"},{"baseWord":"pin","silentEWord":"pine","vowel":"i","baseAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pin.wav","silentEAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pine.wav","answerAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pine.wav"},{"baseWord":"hop","silentEWord":"hope","vowel":"o","baseAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hop.wav","silentEAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hope.wav","answerAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hope.wav"},{"baseWord":"not","silentEWord":"note","vowel":"o","baseAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-not.wav","silentEAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-note.wav","answerAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-note.wav"},{"baseWord":"cub","silentEWord":"cube","vowel":"u","baseAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cub.wav","silentEAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cube.wav","answerAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cube.wav"},{"baseWord":"cut","silentEWord":"cute","vowel":"u","baseAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cut.wav","silentEAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cute.wav","answerAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cute.wav"}];
    const quizData=[{"question":"cape の a はどの音？","word":"cape","answer":"name","choices":[{"key":"short","number":"①","symbol":"/æ/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-a.wav"},{"key":"name","number":"②","symbol":"/eɪ/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-long-a.wav"},{"key":"other","number":"③","symbol":"/e/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-e.wav"}]},{"question":"kite の i はどの音？","word":"kite","answer":"name","choices":[{"key":"short","number":"①","symbol":"/ɪ/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-i.wav"},{"key":"name","number":"②","symbol":"/aɪ/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-long-i.wav"},{"key":"other","number":"③","symbol":"/e/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-e.wav"}]},{"question":"hope の o はどの音？","word":"hope","answer":"name","choices":[{"key":"short","number":"①","symbol":"/ɒ/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-o.wav"},{"key":"name","number":"②","symbol":"/oʊ/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-long-o.wav"},{"key":"other","number":"③","symbol":"/æ/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-a.wav"}]},{"question":"cube の u はどの音？","word":"cube","answer":"name","choices":[{"key":"short","number":"①","symbol":"/ʌ/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-u.wav"},{"key":"name","number":"②","symbol":"/juː/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-long-u.wav"},{"key":"other","number":"③","symbol":"/ɒ/","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-o.wav"}]}];
    const firstChallenge=["cake","game","name","bike","five","time","home","nose","cute"];
    const flashWords=pairData.flatMap(pair=>[pair.baseWord,pair.silentEWord]);
    let activeAudio=null;
    let activeAudioReset=null;
    let flashIndex=0;
    let quizIndex=0;
    let timerId=null;
    let startTime=0;
    let previousSeconds=null;
    let currentOrder=firstChallenge.slice();
    const $=(key)=>root.querySelector(`[data-tpl4="${key}"]`);

    function stopAudio(){
      if(activeAudio){
        activeAudio.pause();
        activeAudio.currentTime=0;
      }
      if(activeAudioReset) activeAudioReset();
      activeAudio=null;
      activeAudioReset=null;
    }

    function setButtonPlaying(button,text){
      const original=button.textContent;
      button.textContent=text;
      button.disabled=true;
      return function(){
        button.textContent=original;
        button.disabled=false;
      };
    }

    function playFileAudio(url,button){
      if(!url) return;
      stopAudio();
      activeAudio=new Audio(url);
      const reset=setButtonPlaying(button,"🔊 再生中…");
      activeAudioReset=function(){
        reset();
        activeAudio=null;
        activeAudioReset=null;
      };
      activeAudio.addEventListener("ended",activeAudioReset,{once:true});
      activeAudio.addEventListener("error",function(){
        activeAudioReset();
        window.alert("音声を再生できませんでした。");
      },{once:true});
      activeAudio.play().catch(activeAudioReset);
    }

    function formatTime(seconds){
      return `${seconds.toFixed(1)}秒`;
    }

    function shuffle(array){
      const copied=array.slice();
      for(let i=copied.length-1;i>0;i--){
        const j=Math.floor(Math.random()*(i+1));
        [copied[i],copied[j]]=[copied[j],copied[i]];
      }
      return copied;
    }

    function pairForWord(word){
      return pairData.find(pair=>pair.baseWord===word || pair.silentEWord===word);
    }

    function renderFlash(){
      stopAudio();
      const word=flashWords[flashIndex];
      const pair=pairForWord(word);
      $("flash-count").textContent=`${flashIndex+1} / ${flashWords.length}`;
      $("flash-word").textContent=word;
      $("flash-pair-text").textContent="";
      $("flash-prev").disabled=flashIndex===0;
      $("flash-next").textContent=flashIndex===flashWords.length-1 ? "さいご →" : "つぎへ →";
    }

    function showQuiz(index){
      root.querySelectorAll("[data-tpl4-quiz-card]").forEach(card=>card.hidden=true);
      const card=root.querySelector(`[data-tpl4-quiz-card="${index}"]`);
      if(card) card.hidden=false;
    }

    function renderChallengeWords(){
      $("challenge-words").innerHTML=currentOrder.map(function(word){
        return `<button class="tpl4-chip" type="button" data-tpl4-challenge-word="${word}">${word}</button>`;
      }).join("");
    }

    function renderAnswers(){
      $("answer-buttons").innerHTML=currentOrder.map(function(word){
        return `<button class="tpl4-sound-button" type="button" data-tpl4-answer-word="${word}">🔊 ${word}</button>`;
      }).join("");
      root.querySelectorAll("[data-tpl4-answer-word]").forEach(function(button){
        button.addEventListener("click",function(){
          playFileAudio(wordData[button.dataset.tpl4AnswerWord].audio,button);
        });
      });
    }

    function startChallenge(){
      stopAudio();
      $("challenge-words").hidden=false;
      $("answer-area").hidden=true;
      $("records").hidden=true;
      $("start").disabled=true;
      $("stop").disabled=false;
      $("challenge-retry").disabled=true;
      startTime=Date.now();
      $("timer").textContent="0.0秒";
      timerId=window.setInterval(function(){
        $("timer").textContent=formatTime((Date.now()-startTime)/1000);
      },100);
    }

    function stopChallenge(){
      if(!timerId) return;
      window.clearInterval(timerId);
      timerId=null;
      const seconds=(Date.now()-startTime)/1000;
      $("timer").textContent=formatTime(seconds);
      $("current-record").textContent=formatTime(seconds);
      $("previous-record").textContent=previousSeconds===null ? "--" : formatTime(previousSeconds);
      if(previousSeconds===null){
        $("compare-record").textContent="もう一度で比較";
      }else{
        const diff=seconds-previousSeconds;
        $("compare-record").textContent=diff<0 ? `${Math.abs(diff).toFixed(1)}秒速くなった` : diff>0 ? `${diff.toFixed(1)}秒ゆっくり` : "同じタイム";
      }
      previousSeconds=seconds;
      $("records").hidden=false;
      $("answer-area").hidden=false;
      $("start").disabled=false;
      $("stop").disabled=true;
      $("challenge-retry").disabled=false;
      renderAnswers();
    }

    function retryChallenge(){
      currentOrder=shuffle(firstChallenge);
      renderChallengeWords();
      startChallenge();
    }

    root.querySelectorAll("[data-tpl4-word]").forEach(function(button){
      button.addEventListener("click",function(){
        playFileAudio(wordData[button.dataset.tpl4Word].audio,button);
      });
    });
    $("flash-audio").addEventListener("click",function(event){
      playFileAudio(wordData[flashWords[flashIndex]].audio,event.currentTarget);
    });
    $("flash-pair").addEventListener("click",function(){
      const pair=pairForWord(flashWords[flashIndex]);
      $("flash-pair-text").textContent=`${pair.baseWord} → ${pair.silentEWord}`;
    });
    $("flash-prev").addEventListener("click",function(){
      if(flashIndex>0){
        flashIndex--;
        renderFlash();
      }
    });
    $("flash-next").addEventListener("click",function(){
      if(flashIndex<flashWords.length-1){
        flashIndex++;
        renderFlash();
      }else{
        root.querySelector("#tpl4-challenge-title").scrollIntoView({behavior:"smooth",block:"start"});
      }
    });
    root.querySelectorAll("[data-tpl4-choice-audio]").forEach(function(button){
      button.addEventListener("click",function(){
        const index=Number(button.dataset.tpl4QuizAudio);
        const choice=button.dataset.tpl4ChoiceAudio;
        const item=quizData[index];
        playFileAudio(item.choices.find(option=>option.key===choice).audio,button);
      });
    });
    root.querySelectorAll("[data-tpl4-choice]").forEach(function(button){
      button.addEventListener("click",function(){
        const index=Number(button.dataset.tpl4Quiz);
        const choice=button.dataset.tpl4Choice;
        const item=quizData[index];
        const card=root.querySelector(`[data-tpl4-quiz-card="${index}"]`);
        card.querySelectorAll("[data-tpl4-choice]").forEach(btn=>{
          btn.disabled=true;
          if(btn.dataset.tpl4Choice===item.answer) btn.classList.add("tpl4-correct");
        });
        if(choice!==item.answer) button.classList.add("tpl4-wrong");
        const result=root.querySelector(`[data-tpl4-quiz-result="${index}"]`);
        result.hidden=false;
        const answerNumber=item.choices.find(option=>option.key===item.answer).number;
        const message=choice===item.answer ? `⭕ 正解！` : `❌ 正解は ${answerNumber}`;
        result.innerHTML=`<p>${message}</p><button class="tpl4-sound-button" type="button" data-tpl4-result-word="${item.word}">🔊 ${item.word}</button>`;
        result.querySelector("[data-tpl4-result-word]").addEventListener("click",function(event){
          playFileAudio(wordData[event.currentTarget.dataset.tpl4ResultWord].audio,event.currentTarget);
        });
        const next=root.querySelector(`[data-tpl4-next-quiz="${index}"]`);
        next.hidden=false;
      });
    });
    root.querySelectorAll("[data-tpl4-next-quiz]").forEach(function(button){
      button.addEventListener("click",function(){
        quizIndex=Number(button.dataset.tpl4NextQuiz)+1;
        if(quizIndex>=quizData.length) quizIndex=0;
        showQuiz(quizIndex);
      });
    });
    $("start").addEventListener("click",startChallenge);
    $("stop").addEventListener("click",stopChallenge);
    $("challenge-retry").addEventListener("click",retryChallenge);
    $("bottom-retry").addEventListener("click",function(){
      root.querySelector("#tpl4-challenge-title").scrollIntoView({behavior:"smooth",block:"start"});
      retryChallenge();
    });
    renderFlash();
    renderChallengeWords();
  })();
  </script>
</article>

<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-1-04/">🔊【フォニックスLEVEL 1④】サイレントeってなに？cap→capeで読み方の変化を覚えよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/phonics-level-1-04/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cap.wav,letters:[c,a,p],hasSilentE:false,cape:word:cape,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cape.wav,letters:[c,a,p,e],hasSilentE:true,kit:word:kit,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kit.wav,letters:[k,i,t],hasSilentE:false,kite:word:kite,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kite.wav,letters:[k,i,t,e],hasSilentE:true,hop:word:hop,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hop.wav,letters:[h,o,p],hasSilentE:false,hope:word:hope,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hope.wav,letters:[h,o,p,e],hasSilentE:true,cub:word:cub,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cub.wav,letters:[c,u,b],hasSilentE:false,cube:word:cube,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cube.wav,letters:[c,u,b,e],hasSilentE:true,tap:word:tap,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tap.wav,letters:[t,a,p],hasSilentE:false,tape:word:tape,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tape.wav,letters:[t,a,p,e],hasSilentE:true,mad:word:mad,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-mad.wav,letters:[m,a,d],hasSilentE:false,made:word:made,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-made.wav,letters:[m,a,d,e],hasSilentE:true,pin:word:pin,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pin.wav,letters:[p,i,n],hasSilentE:false,pine:word:pine,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pine.wav,letters:[p,i,n,e],hasSilentE:true,rid:word:rid,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-rid.wav,letters:[r,i,d],hasSilentE:false,ride:word:ride,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-ride.wav,letters:[r,i,d,e],hasSilentE:true,not:word:not,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-not.wav,letters:[n,o,t],hasSilentE:false,note:word:note,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-note.wav,letters:[n,o,t,e],hasSilentE:true,rod:word:rod,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-rod.wav,letters:[r,o,d],hasSilentE:false,rode:word:rode,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-rode.wav,letters:[r,o,d,e],hasSilentE:true,cut:word:cut,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cut.wav,letters:[c,u,t],hasSilentE:false,cute:word:cute,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cute.wav,letters:[c,u,t,e],hasSilentE:true,cake:word:cake,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cake.wav,letters:[c,a,k,e],hasSilentE:true,game:word:game,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-game.wav,letters:[g,a,m,e],hasSilentE:true,name:word:name,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-name.wav,letters:[n,a,m,e],hasSilentE:true,bike:word:bike,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-bike.wav,letters:[b,i,k,e],hasSilentE:true,five:word:five,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-five.wav,letters:[f,i,v,e],hasSilentE:true,time:word:time,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-time.wav,letters:[t,i,m,e],hasSilentE:true,home:word:home,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-home.wav,letters:[h,o,m,e],hasSilentE:true,nose:word:nose,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-nose.wav" length="0" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cap.wav,silentEAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cape.wav,answerAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cape.wav,baseWord:tap,silentEWord:tape,vowel:a,baseAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tap.wav,silentEAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tape.wav,answerAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-tape.wav,baseWord:kit,silentEWord:kite,vowel:i,baseAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kit.wav,silentEAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kite.wav,answerAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-kite.wav,baseWord:pin,silentEWord:pine,vowel:i,baseAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pin.wav,silentEAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pine.wav,answerAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-pine.wav,baseWord:hop,silentEWord:hope,vowel:o,baseAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hop.wav,silentEAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hope.wav,answerAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-hope.wav,baseWord:not,silentEWord:note,vowel:o,baseAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-not.wav,silentEAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-note.wav,answerAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-note.wav,baseWord:cub,silentEWord:cube,vowel:u,baseAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cub.wav,silentEAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cube.wav,answerAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cube.wav,baseWord:cut,silentEWord:cute,vowel:u,baseAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cut.wav,silentEAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cute.wav,answerAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-04-word-cute.wav" length="0" type="audio/wav" />

			</item>
		<item>
		<title>🔊【フォニックスLEVEL 1③】3つの音をつなげて英単語を読もう｜3文字単語の読み方</title>
		<link>https://jouniorsankosodate.com/phonics-level-1-03/</link>
					<comments>https://jouniorsankosodate.com/phonics-level-1-03/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 06:24:29 +0000</pubDate>
				<category><![CDATA[👧英語学習]]></category>
		<category><![CDATA[🔊タコタのフォニックスレッスン]]></category>
		<category><![CDATA[＃タコタ]]></category>
		<category><![CDATA[＃タコタシリーズ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[#英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=7765</guid>

					<description><![CDATA[<p>フォニックスLEVEL 1③では、3つの文字の音をつなげて、短い英単語を自分で読む練習ができます。</p>
<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-1-03/">🔊【フォニックスLEVEL 1③】3つの音をつなげて英単語を読もう｜3文字単語の読み方</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<article id="takotaPhonicsLevel103" class="tpl3-wrap">
  <style>
    #takotaPhonicsLevel103{
      --tpl3-ink:#253047;
      --tpl3-muted:#657086;
      --tpl3-coral:#f0645a;
      --tpl3-coral-dark:#d94d44;
      --tpl3-teal:#138c85;
      --tpl3-blue:#5aaee8;
      --tpl3-cream:#fffaf1;
      --tpl3-line:#e8dfd2;
      --tpl3-yellow:#fff2b8;
      --tpl3-green:#ddf7d7;
      --tpl3-shadow:0 14px 35px rgba(52,45,36,.12);
      width:min(100% - 24px,780px);
      margin:18px auto;
      padding:24px 0 56px;
      color:var(--tpl3-ink);
      font-family:inherit;
      line-height:1.8;
      overflow-wrap:anywhere;
    }
    #takotaPhonicsLevel103 *{box-sizing:border-box}
    #takotaPhonicsLevel103 button{font:inherit}
    #takotaPhonicsLevel103 h1,
    #takotaPhonicsLevel103 h2,
    #takotaPhonicsLevel103 h3{line-height:1.4;letter-spacing:0}
    #takotaPhonicsLevel103 p{margin:10px 0;font-size:17px}
    #takotaPhonicsLevel103 .tpl3-learning-nav-top{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:10px;
      margin-bottom:18px;
      padding:14px;
      background:#fff;
      border:1px solid var(--tpl3-line);
      border-radius:18px;
      box-shadow:0 8px 22px rgba(52,45,36,.08);
    }
    #takotaPhonicsLevel103 .tpl3-learning-nav-top span{
      display:block;
      color:var(--tpl3-muted);
      font-size:13px;
      font-weight:900;
    }
    #takotaPhonicsLevel103 .tpl3-learning-nav-top strong{display:block;font-size:17px}
    #takotaPhonicsLevel103 .tpl3-prev-link,
    #takotaPhonicsLevel103 .tpl3-disabled-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:44px;
      margin:0 0 14px;
      padding:8px 14px;
      border-radius:999px;
      background:#eaf9f7;
      color:#116e68 !important;
      font-weight:900;
      text-decoration:none !important;
    }
    #takotaPhonicsLevel103 .tpl3-disabled-link{opacity:.72}
    #takotaPhonicsLevel103 .tpl3-hero,
    #takotaPhonicsLevel103 .tpl3-section,
    #takotaPhonicsLevel103 .tpl3-clear-screen{
      background:rgba(255,255,255,.95);
      border:1px solid var(--tpl3-line);
      border-radius:24px;
      padding:clamp(22px,5vw,40px);
      box-shadow:var(--tpl3-shadow);
    }
    #takotaPhonicsLevel103 .tpl3-hero{
      background:linear-gradient(135deg,#fffaf1 0%,#fff2f8 52%,#eaf9f7 100%);
    }
    #takotaPhonicsLevel103 .tpl3-eyebrow{
      margin:0 0 6px;
      color:var(--tpl3-teal);
      font-weight:900;
    }
    #takotaPhonicsLevel103 h1{
      margin:0 0 18px;
      color:var(--tpl3-ink);
      font-size:clamp(28px,7vw,42px);
    }
    #takotaPhonicsLevel103 h2{
      margin:0 0 14px;
      color:#116e68;
      font-size:clamp(22px,5vw,30px);
    }
    #takotaPhonicsLevel103 h3{margin:0 0 10px;font-size:20px}
    #takotaPhonicsLevel103 .tpl3-section,
    #takotaPhonicsLevel103 .tpl3-clear-screen{margin-top:22px}
    #takotaPhonicsLevel103 .tpl3-speech{
      margin:18px 0 0;
      padding:16px 18px;
      background:#fff;
      border:2px dashed #ffb6b6;
      border-radius:18px;
      font-weight:800;
    }
    #takotaPhonicsLevel103 .tpl3-point{
      margin:18px 0;
      padding:16px 18px;
      background:var(--tpl3-yellow);
      border:2px solid #ffd45f;
      border-radius:18px;
      font-weight:900;
    }
    #takotaPhonicsLevel103 .tpl3-big-blend{
      display:grid;
      gap:10px;
      margin:18px 0;
      text-align:center;
      font-weight:900;
    }
    #takotaPhonicsLevel103 .tpl3-big-letters,
    #takotaPhonicsLevel103 .tpl3-letter-row{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:10px;
    }
    #takotaPhonicsLevel103 .tpl3-big-letters span,
    #takotaPhonicsLevel103 .tpl3-letter-row span{
      display:grid;
      place-items:center;
      width:66px;
      height:66px;
      border-radius:18px;
      background:#fff;
      border:2px solid #ffd1d1;
      color:var(--tpl3-coral-dark);
      font-size:40px;
      font-weight:900;
      line-height:1;
      box-shadow:0 6px 16px rgba(52,45,36,.07);
    }
    #takotaPhonicsLevel103 .tpl3-blend-step{
      padding:10px 12px;
      border-radius:16px;
      background:#eaf9f7;
      font-size:24px;
    }
    #takotaPhonicsLevel103 .tpl3-word-card{
      display:grid;
      gap:10px;
      padding:16px;
      border-radius:20px;
      background:#fff;
      border:1px solid var(--tpl3-line);
      box-shadow:0 6px 16px rgba(52,45,36,.07);
      text-align:center;
    }
    #takotaPhonicsLevel103 .tpl3-practice-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:14px;
      margin-top:16px;
    }
    #takotaPhonicsLevel103 .tpl3-letter-sounds{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:8px;
    }
    #takotaPhonicsLevel103 .tpl3-mini-sound,
    #takotaPhonicsLevel103 .tpl3-sound-button,
    #takotaPhonicsLevel103 .tpl3-action-button,
    #takotaPhonicsLevel103 .tpl3-bottom-nav a,
    #takotaPhonicsLevel103 .tpl3-bottom-nav button,
    #takotaPhonicsLevel103 .tpl3-bottom-nav span{
      min-height:48px;
      border:0;
      border-radius:999px;
      padding:10px 14px;
      background:var(--tpl3-coral);
      color:#fff !important;
      font-weight:900;
      text-decoration:none !important;
      cursor:pointer;
      box-shadow:0 6px 14px rgba(240,100,90,.20);
    }
    #takotaPhonicsLevel103 .tpl3-mini-sound{
      min-height:42px;
      background:#5aaee8;
      box-shadow:none;
      font-size:15px;
    }
    #takotaPhonicsLevel103 button:disabled{opacity:.65;cursor:default}
    #takotaPhonicsLevel103 .tpl3-answer-word{
      display:block;
      color:var(--tpl3-teal);
      font-size:30px;
      line-height:1.1;
    }
    #takotaPhonicsLevel103 .tpl3-challenge-panel{
      display:grid;
      gap:16px;
      margin-top:16px;
      padding:18px;
      border-radius:20px;
      background:#fffaf1;
      border:1px solid var(--tpl3-line);
    }
    #takotaPhonicsLevel103 .tpl3-timer{
      display:grid;
      place-items:center;
      min-height:92px;
      border-radius:20px;
      background:#253047;
      color:#fff;
      font-size:42px;
      font-weight:900;
      line-height:1;
    }
    #takotaPhonicsLevel103 .tpl3-actions,
    #takotaPhonicsLevel103 .tpl3-records{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel103 .tpl3-action-button.tpl3-start{background:#138c85}
    #takotaPhonicsLevel103 .tpl3-action-button.tpl3-stop{background:#f0645a}
    #takotaPhonicsLevel103 .tpl3-action-button.tpl3-retry{background:#5aaee8}
    #takotaPhonicsLevel103 .tpl3-chips{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel103 .tpl3-chip{
      min-height:58px;
      border:2px solid #ffd1d1;
      border-radius:16px;
      background:#fff;
      color:#253047;
      font-size:24px;
      font-weight:900;
    }
    #takotaPhonicsLevel103 .tpl3-answer-area{
      display:grid;
      gap:10px;
    }
    #takotaPhonicsLevel103 .tpl3-answer-buttons{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
    }
    #takotaPhonicsLevel103 .tpl3-record{
      padding:12px;
      border-radius:16px;
      background:#fff;
      border:1px solid var(--tpl3-line);
      text-align:center;
      font-weight:900;
    }
    #takotaPhonicsLevel103 .tpl3-clear-screen{
      text-align:center;
      background:linear-gradient(135deg,#fffaf1 0%,#fff 50%,#eaf9f7 100%);
    }
    #takotaPhonicsLevel103 .tpl3-bottom-nav{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
      margin-top:24px;
    }
    #takotaPhonicsLevel103 .tpl3-bottom-nav .tpl3-index{background:#f7a928}
    #takotaPhonicsLevel103 .tpl3-bottom-nav .tpl3-retry{background:#5aaee8}
    #takotaPhonicsLevel103 .tpl3-bottom-nav .tpl3-pending{background:#ffd1d1;color:#7a5360 !important;cursor:default}
    #takotaPhonicsLevel103 [hidden]{display:none !important}
    @media (max-width:640px){
      #takotaPhonicsLevel103{width:min(100% - 20px,780px);padding-top:14px}
      #takotaPhonicsLevel103 .tpl3-learning-nav-top,
      #takotaPhonicsLevel103 .tpl3-practice-grid,
      #takotaPhonicsLevel103 .tpl3-actions,
      #takotaPhonicsLevel103 .tpl3-records,
      #takotaPhonicsLevel103 .tpl3-bottom-nav{grid-template-columns:1fr}
      #takotaPhonicsLevel103 .tpl3-hero,
      #takotaPhonicsLevel103 .tpl3-section,
      #takotaPhonicsLevel103 .tpl3-clear-screen{border-radius:18px;padding:20px 16px}
      #takotaPhonicsLevel103 .tpl3-big-letters span,
      #takotaPhonicsLevel103 .tpl3-letter-row span{width:58px;height:58px;font-size:34px}
      #takotaPhonicsLevel103 .tpl3-chips,
      #takotaPhonicsLevel103 .tpl3-answer-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
      #takotaPhonicsLevel103 .tpl3-timer{font-size:36px}
    }
  </style>

  <nav class="tpl3-learning-nav-top" aria-label="今回の学習情報">
    <div><span>シリーズ</span><strong>フォニックス LEVEL 1｜③</strong></div>
    <div><span>今回のゴール</span><strong>3つの音をつなげて、英単語を自分で読めるようになろう！</strong></div>
  </nav>
  <span class="tpl3-disabled-link" aria-disabled="true">← 前のレッスン（②公開後にリンク）</span>

  <header class="tpl3-hero">
    <p class="tpl3-eyebrow">🔊 タコタのフォニックスレッスン</p>
    <h1>3つの音をつなげて英単語を読もう</h1>
    <p>これまでのレッスンで、アルファベットには英単語を読むときの「音」があることを学びました。</p>
    <p>今回は、その音を<strong>つなげて読む練習</strong>をします。</p>
    <p>たとえば、</p>
    <div class="tpl3-big-letters" aria-label="c a t">
      <span>c</span><span>a</span><span>t</span>
    </div>
    <p>それぞれの文字の音は分かっても、バラバラのままではまだ単語になりません。</p>
    <p>3つの音を少しずつ近づけて読んでみると……</p>
    <p><strong>cat</strong> という1つの英単語になります。</p>
    <div class="tpl3-speech">
      🐙 今日は「音をつなげる」練習をするよ！<br>
      音声を聞く前に、まず自分で読んでみよう！
    </div>
  </header>

  <section class="tpl3-section">
    
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">🐙 最初は cat で練習</a></li><li><a href="#toc2" tabindex="0">🐙 a の単語</a></li><li><a href="#toc3" tabindex="0">🐙 e の単語</a></li><li><a href="#toc4" tabindex="0">🐙 i の単語</a></li><li><a href="#toc5" tabindex="0">🐙 o の単語</a></li><li><a href="#toc6" tabindex="0">🐙 u の単語</a></li><li><a href="#toc7" tabindex="0">🚀 初見単語チャレンジ</a><ol><li><a href="#toc8" tabindex="0">答え合わせ</a></li></ol></li><li><a href="#toc9" tabindex="0">🎉 自分で英単語が読めた！</a></li><li><a href="#toc10" tabindex="0">🐙 次回予告</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">🐙 最初は cat で練習</span></h2>
    <div class="tpl3-big-blend">
      <div class="tpl3-big-letters"><span>c</span><span>a</span><span>t</span></div>
      <div class="tpl3-letter-sounds">
        <button class="tpl3-mini-sound" type="button" data-tpl3-letter="c">🔊 c</button>
        <button class="tpl3-mini-sound" type="button" data-tpl3-letter="a">🔊 a</button>
        <button class="tpl3-mini-sound" type="button" data-tpl3-letter="t">🔊 t</button>
      </div>
      <div class="tpl3-blend-step">c … a … t</div>
      <div class="tpl3-blend-step">c・a・t</div>
      <div class="tpl3-blend-step">cat</div>
      <button class="tpl3-sound-button" type="button" data-tpl3-word="cat">🔊 catを聞く</button>
    </div>
    <p>1つずつの音を、少しずつ近づけて読んでみよう。</p>
    <p>最後は止まらずにつなげて「cat」と読んでみよう！</p>
  </section>


  <section class="tpl3-section">
    <h2><span id="toc2">🐙 a の単語</span></h2>
    <p>a の基本音を思い出しながら、3つの音をつなげよう。</p>
    <div class="tpl3-practice-grid">

        <article class="tpl3-word-card" data-word="cat">
          <div class="tpl3-letter-row" aria-label="cat の文字"><span>c</span><span>a</span><span>t</span></div>
          <div class="tpl3-letter-sounds"><button class="tpl3-mini-sound" type="button" data-tpl3-letter="c">🔊 c</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="a">🔊 a</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="t">🔊 t</button></div>
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">cat</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="cat">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="map">
          <div class="tpl3-letter-row" aria-label="map の文字"><span>m</span><span>a</span><span>p</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">map</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="map">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="hat">
          <div class="tpl3-letter-row" aria-label="hat の文字"><span>h</span><span>a</span><span>t</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">hat</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="hat">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="bag">
          <div class="tpl3-letter-row" aria-label="bag の文字"><span>b</span><span>a</span><span>g</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">bag</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="bag">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="jam">
          <div class="tpl3-letter-row" aria-label="jam の文字"><span>j</span><span>a</span><span>m</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">jam</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="jam">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl3-section">
    <h2><span id="toc3">🐙 e の単語</span></h2>
    <p>e の音を真ん中で短く出して読んでみよう。</p>
    <div class="tpl3-practice-grid">

        <article class="tpl3-word-card" data-word="pen">
          <div class="tpl3-letter-row" aria-label="pen の文字"><span>p</span><span>e</span><span>n</span></div>
          <div class="tpl3-letter-sounds"><button class="tpl3-mini-sound" type="button" data-tpl3-letter="p">🔊 p</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="e">🔊 e</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="n">🔊 n</button></div>
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">pen</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="pen">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="red">
          <div class="tpl3-letter-row" aria-label="red の文字"><span>r</span><span>e</span><span>d</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">red</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="red">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="ten">
          <div class="tpl3-letter-row" aria-label="ten の文字"><span>t</span><span>e</span><span>n</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">ten</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="ten">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="bed">
          <div class="tpl3-letter-row" aria-label="bed の文字"><span>b</span><span>e</span><span>d</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">bed</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="bed">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="hen">
          <div class="tpl3-letter-row" aria-label="hen の文字"><span>h</span><span>e</span><span>n</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">hen</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="hen">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl3-section">
    <h2><span id="toc4">🐙 i の単語</span></h2>
    <p>i はアルファベット名の「アイ」ではなく、短い音で読もう。</p>
    <div class="tpl3-practice-grid">

        <article class="tpl3-word-card" data-word="pig">
          <div class="tpl3-letter-row" aria-label="pig の文字"><span>p</span><span>i</span><span>g</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">pig</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="pig">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="sit">
          <div class="tpl3-letter-row" aria-label="sit の文字"><span>s</span><span>i</span><span>t</span></div>
          <div class="tpl3-letter-sounds"><button class="tpl3-mini-sound" type="button" data-tpl3-letter="s">🔊 s</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="i">🔊 i</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="t">🔊 t</button></div>
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">sit</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="sit">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="big">
          <div class="tpl3-letter-row" aria-label="big の文字"><span>b</span><span>i</span><span>g</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">big</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="big">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="lip">
          <div class="tpl3-letter-row" aria-label="lip の文字"><span>l</span><span>i</span><span>p</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">lip</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="lip">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="six">
          <div class="tpl3-letter-row" aria-label="six の文字"><span>s</span><span>i</span><span>x</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">six</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="six">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl3-section">
    <h2><span id="toc5">🐙 o の単語</span></h2>
    <p>o の音を真ん中に入れて、止まらずにつなげよう。</p>
    <div class="tpl3-practice-grid">

        <article class="tpl3-word-card" data-word="hot">
          <div class="tpl3-letter-row" aria-label="hot の文字"><span>h</span><span>o</span><span>t</span></div>
          <div class="tpl3-letter-sounds"><button class="tpl3-mini-sound" type="button" data-tpl3-letter="h">🔊 h</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="o">🔊 o</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="t">🔊 t</button></div>
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">hot</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="hot">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="dog">
          <div class="tpl3-letter-row" aria-label="dog の文字"><span>d</span><span>o</span><span>g</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">dog</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="dog">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="box">
          <div class="tpl3-letter-row" aria-label="box の文字"><span>b</span><span>o</span><span>x</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">box</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="box">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="top">
          <div class="tpl3-letter-row" aria-label="top の文字"><span>t</span><span>o</span><span>p</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">top</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="top">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="fox">
          <div class="tpl3-letter-row" aria-label="fox の文字"><span>f</span><span>o</span><span>x</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">fox</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="fox">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl3-section">
    <h2><span id="toc6">🐙 u の単語</span></h2>
    <p>u の基本音を使って、短い単語を読んでみよう。</p>
    <div class="tpl3-practice-grid">

        <article class="tpl3-word-card" data-word="sun">
          <div class="tpl3-letter-row" aria-label="sun の文字"><span>s</span><span>u</span><span>n</span></div>
          <div class="tpl3-letter-sounds"><button class="tpl3-mini-sound" type="button" data-tpl3-letter="s">🔊 s</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="u">🔊 u</button>
<button class="tpl3-mini-sound" type="button" data-tpl3-letter="n">🔊 n</button></div>
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">sun</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="sun">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="cup">
          <div class="tpl3-letter-row" aria-label="cup の文字"><span>c</span><span>u</span><span>p</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">cup</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="cup">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="bus">
          <div class="tpl3-letter-row" aria-label="bus の文字"><span>b</span><span>u</span><span>s</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">bus</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="bus">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="run">
          <div class="tpl3-letter-row" aria-label="run の文字"><span>r</span><span>u</span><span>n</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">run</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="run">🔊 答えを聞く</button>
        </article>

        <article class="tpl3-word-card" data-word="mug">
          <div class="tpl3-letter-row" aria-label="mug の文字"><span>m</span><span>u</span><span>g</span></div>
          
          <p>音をつなげて読んでみよう！</p>
          <strong class="tpl3-answer-word">mug</strong>
          <button class="tpl3-sound-button" type="button" data-tpl3-word="mug">🔊 答えを聞く</button>
        </article>
    </div>
  </section>

  <section class="tpl3-section" aria-labelledby="tpl3-challenge-title">
    <h2 id="tpl3-challenge-title"><span id="toc7">🚀 初見単語チャレンジ</span></h2>
    <p>今まで覚えた音だけで読める単語が並んでいるよ。</p>
    <p>音声を聞く前に、全部読んでみよう！</p>
    <div class="tpl3-point">最初はゆっくりでも大丈夫。正しく読めるようになったら、もう一度挑戦してみよう。</div>
    <div class="tpl3-challenge-panel">
      <div class="tpl3-timer" data-tpl3="timer">0.0秒</div>
      <div class="tpl3-actions">
        <button class="tpl3-action-button tpl3-start" type="button" data-tpl3="start">スタート</button>
        <button class="tpl3-action-button tpl3-stop" type="button" data-tpl3="stop" disabled>ストップ</button>
        <button class="tpl3-action-button tpl3-retry" type="button" data-tpl3="challenge-retry" disabled>🔄 もう一度チャレンジ</button>
      </div>
      <div class="tpl3-chips" data-tpl3="challenge-words" hidden>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="fan">fan</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="van">van</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="man">man</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="rat">rat</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="bed">bed</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="net">net</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="pig">pig</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="lip">lip</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="top">top</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="fox">fox</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="sun">sun</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="run">run</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="mug">mug</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="bus">bus</button>
<button class="tpl3-chip" type="button" data-tpl3-challenge-word="jam">jam</button>
      </div>
      <div class="tpl3-records" data-tpl3="records" hidden>
        <div class="tpl3-record"><span>前回の記録</span><strong data-tpl3="previous-record">&#8212;</strong></div>
        <div class="tpl3-record"><span>今回の記録</span><strong data-tpl3="current-record">&#8212;</strong></div>
        <div class="tpl3-record"><span>くらべてみよう</span><strong data-tpl3="compare-record">&#8212;</strong></div>
      </div>
      <div class="tpl3-answer-area" data-tpl3="answer-area" hidden>
        <h3><span id="toc8">答え合わせ</span></h3>
        <p>全部読んだあとに、音声で確認しよう。</p>
        <div class="tpl3-answer-buttons" data-tpl3="answer-buttons"></div>
      </div>
    </div>
  </section>

  <section class="tpl3-clear-screen">
    <h2><span id="toc9">🎉 自分で英単語が読めた！</span></h2>
    <p>文字の音を1つずつ思い出して、つなげると英単語を読むことができます。</p>
    <p>はじめて見る単語でも読めたら大成功！</p>
    <div class="tpl3-speech">🐙 次は、最後に「e」がつくと音が変わるサイレントeをやってみよう！</div>
  </section>

  <section class="tpl3-section">
    <h2><span id="toc10">🐙 次回予告</span></h2>
    <p>次の記事は、<strong>フォニックス LEVEL 1｜④ サイレントe</strong> を予定しています。</p>
    <p><strong>cap → cape</strong>、<strong>kit → kite</strong>、<strong>hop → hope</strong>、<strong>cub → cube</strong> を比べます。</p>
    <p>今日はまだ詳しく覚えなくてOK。次のレッスンでゆっくりやります。</p>
  </section>

  <nav class="tpl3-bottom-nav" aria-label="記事下ナビ">
    <span class="tpl3-pending" aria-disabled="true">← 前のレッスン<br>②公開後にリンク</span>
    <a class="tpl3-index" href="https://jouniorsankosodate.com/category/learn/tacota-phonics/">📚 フォニックス一覧へ</a>
    <button class="tpl3-retry" type="button" data-tpl3="bottom-retry">🔄 もう一度チャレンジ</button>
    <span class="tpl3-pending" aria-disabled="true">次のレッスンへ →<br>準備中</span>
  </nav>

  <script>
  (function(){
    "use strict";
    const root=document.getElementById("takotaPhonicsLevel103");
    if(!root) return;
    const wordData={"cat":{"word":"cat","letters":["c","a","t"],"vowel":"a","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-cat.wav","difficulty":"practice"},"map":{"word":"map","letters":["m","a","p"],"vowel":"a","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-map.wav","difficulty":"practice"},"hat":{"word":"hat","letters":["h","a","t"],"vowel":"a","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-hat.wav","difficulty":"practice"},"bag":{"word":"bag","letters":["b","a","g"],"vowel":"a","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-bag.wav","difficulty":"practice"},"jam":{"word":"jam","letters":["j","a","m"],"vowel":"a","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-jam.wav","difficulty":"challenge"},"pen":{"word":"pen","letters":["p","e","n"],"vowel":"e","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-pen.wav","difficulty":"practice"},"red":{"word":"red","letters":["r","e","d"],"vowel":"e","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-red.wav","difficulty":"practice"},"ten":{"word":"ten","letters":["t","e","n"],"vowel":"e","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-ten.wav","difficulty":"practice"},"bed":{"word":"bed","letters":["b","e","d"],"vowel":"e","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-bed.wav","difficulty":"challenge"},"hen":{"word":"hen","letters":["h","e","n"],"vowel":"e","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-hen.wav","difficulty":"practice"},"pig":{"word":"pig","letters":["p","i","g"],"vowel":"i","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-pig.wav","difficulty":"challenge"},"sit":{"word":"sit","letters":["s","i","t"],"vowel":"i","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-sit.wav","difficulty":"practice"},"big":{"word":"big","letters":["b","i","g"],"vowel":"i","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-big.wav","difficulty":"practice"},"lip":{"word":"lip","letters":["l","i","p"],"vowel":"i","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-lip.wav","difficulty":"challenge"},"six":{"word":"six","letters":["s","i","x"],"vowel":"i","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-six.wav","difficulty":"practice"},"hot":{"word":"hot","letters":["h","o","t"],"vowel":"o","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-hot.wav","difficulty":"practice"},"dog":{"word":"dog","letters":["d","o","g"],"vowel":"o","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-dog.wav","difficulty":"practice"},"box":{"word":"box","letters":["b","o","x"],"vowel":"o","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-box.wav","difficulty":"practice"},"top":{"word":"top","letters":["t","o","p"],"vowel":"o","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-top.wav","difficulty":"challenge"},"fox":{"word":"fox","letters":["f","o","x"],"vowel":"o","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-fox.wav","difficulty":"challenge"},"sun":{"word":"sun","letters":["s","u","n"],"vowel":"u","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-sun.wav","difficulty":"challenge"},"cup":{"word":"cup","letters":["c","u","p"],"vowel":"u","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-cup.wav","difficulty":"practice"},"bus":{"word":"bus","letters":["b","u","s"],"vowel":"u","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-bus.wav","difficulty":"challenge"},"run":{"word":"run","letters":["r","u","n"],"vowel":"u","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-run.wav","difficulty":"challenge"},"mug":{"word":"mug","letters":["m","u","g"],"vowel":"u","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-mug.wav","difficulty":"challenge"},"fan":{"word":"fan","letters":["f","a","n"],"vowel":"a","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-fan.wav","difficulty":"challenge"},"van":{"word":"van","letters":["v","a","n"],"vowel":"a","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-van.wav","difficulty":"challenge"},"man":{"word":"man","letters":["m","a","n"],"vowel":"a","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-man.wav","difficulty":"challenge"},"rat":{"word":"rat","letters":["r","a","t"],"vowel":"a","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-rat.wav","difficulty":"challenge"},"net":{"word":"net","letters":["n","e","t"],"vowel":"e","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-net.wav","difficulty":"challenge"}};
    const letterAudio={"a":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-a.wav","b":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-b.wav","c":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-c.wav","d":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-d.wav","e":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-e.wav","f":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-f.wav","g":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-g.wav","h":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-h.wav","i":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-i.wav","j":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-j.wav","l":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-l.wav","m":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-m.wav","n":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-n.wav","o":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-o.wav","p":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-p.wav","r":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-r.wav","s":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-s.wav","t":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-t.wav","u":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-u.wav","v":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-v.wav","x":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-x.wav"};
    const firstChallenge=["fan","van","man","rat","bed","net","pig","lip","top","fox","sun","run","mug","bus","jam"];
    let activeAudio=null;
    let activeAudioReset=null;
    let timerId=null;
    let startTime=0;
    let previousSeconds=null;
    let currentOrder=firstChallenge.slice();
    const $=(key)=>root.querySelector(`[data-tpl3="${key}"]`);

    function stopAudio(){
      if(activeAudio){
        activeAudio.pause();
        activeAudio.currentTime=0;
      }
      if(activeAudioReset) activeAudioReset();
      activeAudio=null;
      activeAudioReset=null;
    }

    function setButtonPlaying(button,text){
      const original=button.textContent;
      button.textContent=text;
      button.disabled=true;
      return function(){
        button.textContent=original;
        button.disabled=false;
      };
    }

    function playFileAudio(url,button){
      if(!url) return;
      stopAudio();
      activeAudio=new Audio(url);
      const reset=setButtonPlaying(button,"🔊 再生中…");
      activeAudioReset=function(){
        reset();
        activeAudio=null;
        activeAudioReset=null;
      };
      activeAudio.addEventListener("ended",activeAudioReset,{once:true});
      activeAudio.addEventListener("error",function(){
        activeAudioReset();
        window.alert("音声を再生できませんでした。");
      },{once:true});
      activeAudio.play().catch(activeAudioReset);
    }

    function formatTime(seconds){
      return `${seconds.toFixed(1)}秒`;
    }

    function shuffle(array){
      const copied=array.slice();
      for(let i=copied.length-1;i>0;i--){
        const j=Math.floor(Math.random()*(i+1));
        [copied[i],copied[j]]=[copied[j],copied[i]];
      }
      return copied;
    }

    function renderChallengeWords(){
      $("challenge-words").innerHTML=currentOrder.map(function(word){
        return `<button class="tpl3-chip" type="button" data-tpl3-challenge-word="${word}">${word}</button>`;
      }).join("");
    }

    function renderAnswers(){
      $("answer-buttons").innerHTML=currentOrder.map(function(word){
        return `<button class="tpl3-sound-button" type="button" data-tpl3-answer-word="${word}">🔊 ${word}</button>`;
      }).join("");
      root.querySelectorAll("[data-tpl3-answer-word]").forEach(function(button){
        button.addEventListener("click",function(){
          playFileAudio(wordData[button.dataset.tpl3AnswerWord].audio,button);
        });
      });
    }

    function startChallenge(){
      stopAudio();
      $("challenge-words").hidden=false;
      $("answer-area").hidden=true;
      $("records").hidden=true;
      $("start").disabled=true;
      $("stop").disabled=false;
      $("challenge-retry").disabled=true;
      startTime=Date.now();
      $("timer").textContent="0.0秒";
      timerId=window.setInterval(function(){
        $("timer").textContent=formatTime((Date.now()-startTime)/1000);
      },100);
    }

    function stopChallenge(){
      if(!timerId) return;
      window.clearInterval(timerId);
      timerId=null;
      const seconds=(Date.now()-startTime)/1000;
      $("timer").textContent=formatTime(seconds);
      $("current-record").textContent=formatTime(seconds);
      $("previous-record").textContent=previousSeconds===null ? "--" : formatTime(previousSeconds);
      if(previousSeconds===null){
        $("compare-record").textContent="もう一度で比較";
      }else{
        const diff=seconds-previousSeconds;
        $("compare-record").textContent=diff<0 ? `${Math.abs(diff).toFixed(1)}秒速くなった` : diff>0 ? `${diff.toFixed(1)}秒ゆっくり` : "同じタイム";
      }
      previousSeconds=seconds;
      $("records").hidden=false;
      $("answer-area").hidden=false;
      $("start").disabled=false;
      $("stop").disabled=true;
      $("challenge-retry").disabled=false;
      renderAnswers();
    }

    function retryChallenge(){
      currentOrder=shuffle(firstChallenge);
      renderChallengeWords();
      startChallenge();
    }

    root.querySelectorAll("[data-tpl3-word]").forEach(function(button){
      button.addEventListener("click",function(){
        playFileAudio(wordData[button.dataset.tpl3Word].audio,button);
      });
    });
    root.querySelectorAll("[data-tpl3-letter]").forEach(function(button){
      button.addEventListener("click",function(){
        playFileAudio(letterAudio[button.dataset.tpl3Letter],button);
      });
    });
    $("start").addEventListener("click",startChallenge);
    $("stop").addEventListener("click",stopChallenge);
    $("challenge-retry").addEventListener("click",retryChallenge);
    $("bottom-retry").addEventListener("click",function(){
      root.querySelector("#tpl3-challenge-title").scrollIntoView({behavior:"smooth",block:"start"});
      retryChallenge();
    });
    renderChallengeWords();
  })();
  </script>
</article>

<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-1-03/">🔊【フォニックスLEVEL 1③】3つの音をつなげて英単語を読もう｜3文字単語の読み方</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/phonics-level-1-03/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-cat.wav,difficulty:practice,map:word:map,letters:[m,a,p],vowel:a,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-map.wav,difficulty:practice,hat:word:hat,letters:[h,a,t],vowel:a,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-hat.wav,difficulty:practice,bag:word:bag,letters:[b,a,g],vowel:a,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-bag.wav,difficulty:practice,jam:word:jam,letters:[j,a,m],vowel:a,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-jam.wav,difficulty:challenge,pen:word:pen,letters:[p,e,n],vowel:e,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-pen.wav,difficulty:practice,red:word:red,letters:[r,e,d],vowel:e,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-red.wav,difficulty:practice,ten:word:ten,letters:[t,e,n],vowel:e,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-ten.wav,difficulty:practice,bed:word:bed,letters:[b,e,d],vowel:e,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-bed.wav,difficulty:challenge,hen:word:hen,letters:[h,e,n],vowel:e,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-hen.wav,difficulty:practice,pig:word:pig,letters:[p,i,g],vowel:i,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-pig.wav,difficulty:challenge,sit:word:sit,letters:[s,i,t],vowel:i,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-sit.wav,difficulty:practice,big:word:big,letters:[b,i,g],vowel:i,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-big.wav,difficulty:practice,lip:word:lip,letters:[l,i,p],vowel:i,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-lip.wav,difficulty:challenge,six:word:six,letters:[s,i,x],vowel:i,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-six.wav,difficulty:practice,hot:word:hot,letters:[h,o,t],vowel:o,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-hot.wav,difficulty:practice,dog:word:dog,letters:[d,o,g],vowel:o,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-dog.wav,difficulty:practice,box:word:box,letters:[b,o,x],vowel:o,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-box.wav,difficulty:practice,top:word:top,letters:[t,o,p],vowel:o,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-top.wav,difficulty:challenge,fox:word:fox,letters:[f,o,x],vowel:o,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-fox.wav,difficulty:challenge,sun:word:sun,letters:[s,u,n],vowel:u,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-sun.wav,difficulty:challenge,cup:word:cup,letters:[c,u,p],vowel:u,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-cup.wav,difficulty:practice,bus:word:bus,letters:[b,u,s],vowel:u,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-bus.wav,difficulty:challenge,run:word:run,letters:[r,u,n],vowel:u,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-run.wav,difficulty:challenge,mug:word:mug,letters:[m,u,g],vowel:u,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-mug.wav,difficulty:challenge,fan:word:fan,letters:[f,a,n],vowel:a,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-fan.wav,difficulty:challenge,van:word:van,letters:[v,a,n],vowel:a,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-van.wav,difficulty:challenge,man:word:man,letters:[m,a,n],vowel:a,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-man.wav,difficulty:challenge,rat:word:rat,letters:[r,a,t],vowel:a,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-rat.wav,difficulty:challenge,net:word:net,letters:[n,e,t],vowel:e,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-03-word-net.wav" length="0" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-a.wav,b:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-b.wav,c:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-c.wav,d:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-d.wav,e:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-e.wav,f:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-f.wav,g:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-g.wav,h:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-h.wav,i:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-i.wav,j:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-j.wav,l:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-l.wav,m:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-m.wav,n:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-n.wav,o:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-o.wav,p:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-p.wav,r:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-r.wav,s:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-s.wav,t:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-t.wav,u:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-u.wav,v:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-v.wav,x:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-x.wav" length="0" type="audio/wav" />

			</item>
		<item>
		<title>🔊【フォニックスLEVEL 1②】母音と子音ってなに？a・e・i・o・uの音を覚えよう</title>
		<link>https://jouniorsankosodate.com/phonics-level-1-02/</link>
					<comments>https://jouniorsankosodate.com/phonics-level-1-02/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 05:52:08 +0000</pubDate>
				<category><![CDATA[👧英語学習]]></category>
		<category><![CDATA[🔊タコタのフォニックスレッスン]]></category>
		<category><![CDATA[＃タコタ]]></category>
		<category><![CDATA[＃タコタシリーズ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[#英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=7746</guid>

					<description><![CDATA[<p>フォニックスLEVEL 1②では、母音と子音の違い、a・e・i・o・uの基本音を音声つきでやさしく学べます。</p>
<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-1-02/">🔊【フォニックスLEVEL 1②】母音と子音ってなに？a・e・i・o・uの音を覚えよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<article id="takotaPhonicsLevel102" class="tpl2-wrap">
  <style>
    #takotaPhonicsLevel102{
      --tpl2-ink:#253047;
      --tpl2-muted:#657086;
      --tpl2-coral:#f0645a;
      --tpl2-coral-dark:#d94d44;
      --tpl2-teal:#138c85;
      --tpl2-blue:#5aaee8;
      --tpl2-cream:#fffaf1;
      --tpl2-line:#e8dfd2;
      --tpl2-yellow:#fff2b8;
      --tpl2-shadow:0 14px 35px rgba(52,45,36,.12);
      width:min(100% - 24px,780px);
      margin:18px auto;
      padding:24px 0 56px;
      color:var(--tpl2-ink);
      font-family:inherit;
      line-height:1.8;
      overflow-wrap:anywhere;
    }
    #takotaPhonicsLevel102 *{box-sizing:border-box}
    #takotaPhonicsLevel102 button{font:inherit}
    #takotaPhonicsLevel102 h1,
    #takotaPhonicsLevel102 h2,
    #takotaPhonicsLevel102 h3{line-height:1.4;letter-spacing:0}
    #takotaPhonicsLevel102 p{margin:10px 0;font-size:17px}
    #takotaPhonicsLevel102 .tpl2-learning-nav-top{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:10px;
      margin-bottom:18px;
      padding:14px;
      background:#fff;
      border:1px solid var(--tpl2-line);
      border-radius:18px;
      box-shadow:0 8px 22px rgba(52,45,36,.08);
    }
    #takotaPhonicsLevel102 .tpl2-learning-nav-top span{
      display:block;
      color:var(--tpl2-muted);
      font-size:13px;
      font-weight:900;
    }
    #takotaPhonicsLevel102 .tpl2-learning-nav-top strong{display:block;font-size:17px}
    #takotaPhonicsLevel102 .tpl2-prev-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:44px;
      margin:0 0 14px;
      padding:8px 14px;
      border-radius:999px;
      background:#eaf9f7;
      color:#116e68 !important;
      font-weight:900;
      text-decoration:none !important;
    }
    #takotaPhonicsLevel102 .tpl2-hero,
    #takotaPhonicsLevel102 .tpl2-section,
    #takotaPhonicsLevel102 .tpl2-clear-screen{
      background:rgba(255,255,255,.95);
      border:1px solid var(--tpl2-line);
      border-radius:24px;
      padding:clamp(22px,5vw,40px);
      box-shadow:var(--tpl2-shadow);
    }
    #takotaPhonicsLevel102 .tpl2-hero{
      background:linear-gradient(135deg,#fffaf1 0%,#fff2f8 52%,#eaf9f7 100%);
    }
    #takotaPhonicsLevel102 .tpl2-eyebrow{
      margin:0 0 6px;
      color:var(--tpl2-teal);
      font-weight:900;
    }
    #takotaPhonicsLevel102 h1{
      margin:0 0 18px;
      color:var(--tpl2-ink);
      font-size:clamp(28px,7vw,42px);
    }
    #takotaPhonicsLevel102 .tpl2-talk{
      margin:22px 0 0;
      padding:15px 18px;
      background:#eaf9f7;
      border-left:5px solid var(--tpl2-teal);
      border-radius:12px;
      font-weight:800;
    }
    #takotaPhonicsLevel102 .tpl2-section{margin-top:28px}
    #takotaPhonicsLevel102 .tpl2-section h2{
      margin:0 0 14px;
      color:#145d91;
      font-size:clamp(23px,5.5vw,31px);
    }
    #takotaPhonicsLevel102 .tpl2-romaji-main{
      display:grid;
      gap:12px;
      justify-items:center;
      margin:18px 0;
      padding:20px;
      border-radius:22px;
      background:#fff8e1;
      border:2px solid #f7d877;
    }
    #takotaPhonicsLevel102 .tpl2-ka{
      font-size:clamp(64px,18vw,118px);
      line-height:1;
      font-weight:900;
      color:#222;
    }
    #takotaPhonicsLevel102 .tpl2-split{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
      gap:10px;
      font-size:clamp(28px,9vw,52px);
      font-weight:900;
    }
    #takotaPhonicsLevel102 .tpl2-consonant{color:#1676b7}
    #takotaPhonicsLevel102 .tpl2-vowel{color:#e34f77}
    #takotaPhonicsLevel102 .tpl2-mini-grid,
    #takotaPhonicsLevel102 .tpl2-word-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      margin:16px 0;
    }
    #takotaPhonicsLevel102 .tpl2-mini-card,
    #takotaPhonicsLevel102 .tpl2-info-card,
    #takotaPhonicsLevel102 .tpl2-sound-box{
      padding:15px;
      border-radius:18px;
      background:#fff;
      border:2px solid #e8dfd2;
      box-shadow:0 6px 16px rgba(52,45,36,.07);
    }
    #takotaPhonicsLevel102 .tpl2-mini-card{text-align:center;font-weight:900}
    #takotaPhonicsLevel102 .tpl2-mini-card strong{display:block;font-size:28px}
    #takotaPhonicsLevel102 .tpl2-note{
      padding:14px 16px;
      border-radius:16px;
      background:#fff3d8;
      border:2px solid #ffd49b;
      font-weight:800;
    }
    #takotaPhonicsLevel102 .tpl2-vowels-big{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:10px;
      margin:18px 0;
    }
    #takotaPhonicsLevel102 .tpl2-vowels-big span{
      display:grid;
      place-items:center;
      width:72px;
      height:72px;
      border-radius:22px;
      background:#ffe5f0;
      border:3px solid #ffb4cc;
      color:#d83f6c;
      font-size:42px;
      font-weight:900;
      line-height:1;
    }
    #takotaPhonicsLevel102 .tpl2-vowel-section{
      border-top:8px solid #f0645a;
    }
    #takotaPhonicsLevel102 .tpl2-word-card{
      display:grid;
      gap:8px;
      min-height:116px;
      padding:15px;
      border:2px solid #f2d7c4;
      border-radius:20px;
      background:#fff;
      color:var(--tpl2-ink);
      font-weight:900;
      cursor:pointer;
      box-shadow:0 6px 16px rgba(52,45,36,.07);
    }
    #takotaPhonicsLevel102 .tpl2-word-text{
      font-size:clamp(32px,9vw,48px);
      line-height:1.1;
    }
    #takotaPhonicsLevel102 .tpl2-vowel-mark{
      color:#e34f77;
      background:#fff2b8;
      border-radius:10px;
      padding:0 .08em;
    }
    #takotaPhonicsLevel102 .tpl2-word-sound{color:#0e736d;font-size:16px}
    #takotaPhonicsLevel102 .tpl2-sound-box{
      margin-top:16px;
      text-align:center;
      background:#f1fbff;
      border-color:#bde7ff;
    }
    #takotaPhonicsLevel102 .tpl2-sound-box h3{margin:0 0 10px;color:#145d91;font-size:22px}
    #takotaPhonicsLevel102 .tpl2-sound-button,
    #takotaPhonicsLevel102 .tpl2-nav-button{
      min-height:54px;
      border:0;
      border-radius:14px;
      padding:11px 18px;
      color:#fff;
      background:var(--tpl2-teal);
      font-weight:900;
      cursor:pointer;
      transition:transform .12s ease,filter .12s ease;
    }
    #takotaPhonicsLevel102 .tpl2-sound-button:hover,
    #takotaPhonicsLevel102 .tpl2-nav-button:hover{filter:brightness(.97)}
    #takotaPhonicsLevel102 .tpl2-sound-button:active,
    #takotaPhonicsLevel102 .tpl2-nav-button:active{transform:translateY(1px) scale(.99)}
    #takotaPhonicsLevel102 .tpl2-sound-button:disabled,
    #takotaPhonicsLevel102 .tpl2-nav-button:disabled{opacity:.42;cursor:not-allowed}
    #takotaPhonicsLevel102 .tpl2-summary-vowels{
      padding:20px;
      border-radius:22px;
      background:#fff8e1;
      text-align:center;
      border:2px solid #f7d877;
    }
    #takotaPhonicsLevel102 .tpl2-summary-vowels strong{
      display:block;
      font-size:clamp(48px,14vw,88px);
      line-height:1.2;
      color:#d83f6c;
    }
    #takotaPhonicsLevel102 .tpl2-flash-card{
      display:grid;
      justify-items:center;
      gap:18px;
      margin-top:14px;
      padding:24px;
      border-radius:24px;
      background:#fff;
      border:1px solid var(--tpl2-line);
      box-shadow:var(--tpl2-shadow);
    }
    #takotaPhonicsLevel102 .tpl2-flash-count{color:var(--tpl2-muted);font-weight:900}
    #takotaPhonicsLevel102 .tpl2-flash-letter{
      display:grid;
      place-items:center;
      min-height:190px;
      font-size:clamp(96px,30vw,160px);
      font-weight:900;
      line-height:1;
      color:#d83f6c;
    }
    #takotaPhonicsLevel102 .tpl2-flash-actions,
    #takotaPhonicsLevel102 .tpl2-bottom-nav{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      width:100%;
    }
    #takotaPhonicsLevel102 .tpl2-nav-button.tpl2-secondary{
      background:#fff;
      color:var(--tpl2-coral-dark);
      border:2px solid var(--tpl2-coral);
    }
    #takotaPhonicsLevel102 .tpl2-nav-button.tpl2-primary{background:var(--tpl2-coral)}
    #takotaPhonicsLevel102 .tpl2-clear-screen{margin-top:28px;text-align:center}
    #takotaPhonicsLevel102 .tpl2-clear-screen .tpl2-clear-vowels{
      display:block;
      color:#d83f6c;
      font-size:clamp(36px,12vw,70px);
      font-weight:900;
      line-height:1.3;
    }
    #takotaPhonicsLevel102 .tpl2-bottom-nav{margin-top:24px}
    #takotaPhonicsLevel102 .tpl2-bottom-nav a,
    #takotaPhonicsLevel102 .tpl2-bottom-nav button{
      display:grid;
      place-items:center;
      min-height:56px;
      padding:10px 14px;
      border:2px solid #bde7ff;
      border-radius:16px;
      background:#f1fbff;
      color:#145d91 !important;
      font-weight:900;
      text-align:center;
      text-decoration:none !important;
      cursor:pointer;
    }
    #takotaPhonicsLevel102 .tpl2-bottom-nav button{background:#fff3d8;color:#8a4a12 !important;border-color:#ffd49b}
    #takotaPhonicsLevel102 .tpl2-bottom-nav .tpl2-pending{opacity:.55;cursor:not-allowed}
    #takotaPhonicsLevel102 [hidden]{display:none !important}
    @media (max-width:640px){
      #takotaPhonicsLevel102{width:min(100% - 20px,780px);padding-top:14px}
      #takotaPhonicsLevel102 .tpl2-learning-nav-top,
      #takotaPhonicsLevel102 .tpl2-mini-grid,
      #takotaPhonicsLevel102 .tpl2-word-grid,
      #takotaPhonicsLevel102 .tpl2-flash-actions,
      #takotaPhonicsLevel102 .tpl2-bottom-nav{grid-template-columns:1fr}
      #takotaPhonicsLevel102 .tpl2-hero,
      #takotaPhonicsLevel102 .tpl2-section,
      #takotaPhonicsLevel102 .tpl2-clear-screen,
      #takotaPhonicsLevel102 .tpl2-flash-card{border-radius:18px;padding:20px 16px}
      #takotaPhonicsLevel102 .tpl2-vowels-big span{width:58px;height:58px;font-size:34px;border-radius:18px}
      #takotaPhonicsLevel102 .tpl2-word-card{min-height:92px}
    }
    @media (prefers-reduced-motion:reduce){
      #takotaPhonicsLevel102 *{scroll-behavior:auto !important;transition:none !important}
    }
  </style>

  <a class="tpl2-prev-link" href="https://jouniorsankosodate.com/phonics-level-1-01/">← 前のレッスン</a>

  <nav class="tpl2-learning-nav-top" aria-label="今回の学習情報">
    <div><span>フォニックス</span><strong>LEVEL 1｜②</strong></div>
    <div><span>今回のゴール</span><strong>母音と子音の違いを知って、a・e・i・o・uの基本の音を覚えよう！</strong></div>
  </nav>

  <header class="tpl2-hero">
    <p class="tpl2-eyebrow">フォニックス LEVEL 1・STEP 2</p>
    <h1>🔊【フォニックスLEVEL 1②】母音と子音ってなに？<br>a・e・i・o・uの音を覚えよう</h1>
    <p>前のレッスンでは、A〜Zの文字には「名前」とは別に、英単語を読むときの「音」があることを学びました。</p>
    <p>今回は、アルファベットを</p>
    <p><strong>「母音」と「子音」</strong></p>
    <p>の2つに分けてみましょう。</p>
    <p class="tpl2-talk">🐙 「母音」と「子音」って聞くと難しそうだけど、知っているローマ字を使うと分かりやすいよ！</p>
  </header>

  <section class="tpl2-section">
    
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-5" checked><label class="toc-title" for="toc-checkbox-5">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">🐙 「か」をローマ字で書くと？</a></li><li><a href="#toc2" tabindex="0">🐙 母音は5つ</a></li><li><a href="#toc3" tabindex="0">🐙 Aの基本音</a><ol><li><a href="#toc4" tabindex="0">a の基本の音</a></li></ol></li><li><a href="#toc5" tabindex="0">🐙 Eの基本音</a><ol><li><a href="#toc6" tabindex="0">e の基本の音</a></li></ol></li><li><a href="#toc7" tabindex="0">🐙 Iの基本音</a><ol><li><a href="#toc8" tabindex="0">i の基本の音</a></li></ol></li><li><a href="#toc9" tabindex="0">🐙 Oの基本音</a><ol><li><a href="#toc10" tabindex="0">o の基本の音</a></li></ol></li><li><a href="#toc11" tabindex="0">🐙 Uの基本音</a><ol><li><a href="#toc12" tabindex="0">u の基本の音</a></li></ol></li><li><a href="#toc13" tabindex="0">🔊 母音はこの5つ！</a></li><li><a href="#toc14" tabindex="0">🐙 母音だけのまとめフラッシュ</a></li><li><a href="#toc15" tabindex="0">🎉 5つの母音、言えたかな？</a></li><li><a href="#toc16" tabindex="0">🐙 次回予告</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">🐙 「か」をローマ字で書くと？</span></h2>
    <div class="tpl2-romaji-main">
      <div class="tpl2-ka">KA</div>
      <div class="tpl2-split"><span class="tpl2-consonant">K</span><span>＋</span><span class="tpl2-vowel">A</span></div>
      <div class="tpl2-mini-grid">
        <div class="tpl2-info-card"><strong class="tpl2-consonant">K</strong><br>子音</div>
        <div class="tpl2-info-card"><strong class="tpl2-vowel">A</strong><br>母音</div>
        <div class="tpl2-info-card"><strong>KA</strong><br>子音＋母音</div>
      </div>
    </div>
    <div class="tpl2-mini-grid">
      <div class="tpl2-mini-card"><strong>SA</strong><span class="tpl2-consonant">S</span> ＋ <span class="tpl2-vowel">A</span></div>
      <div class="tpl2-mini-card"><strong>KI</strong><span class="tpl2-consonant">K</span> ＋ <span class="tpl2-vowel">I</span></div>
      <div class="tpl2-mini-card"><strong>TO</strong><span class="tpl2-consonant">T</span> ＋ <span class="tpl2-vowel">O</span></div>
    </div>
    <p>ローマ字では、子音と母音を組み合わせて日本語の音を表すことが多いよ。</p>
    <p class="tpl2-note">※ローマ字と英語では、文字の読み方や音は同じではありません。ここでは「母音と子音」の違いをイメージしやすくするためにローマ字を使っています。</p>
  </section>

  <section class="tpl2-section">
    <h2><span id="toc2">🐙 母音は5つ</span></h2>
    <div class="tpl2-vowels-big" aria-label="英語の基本母音">
      <span>A</span><span>E</span><span>I</span><span>O</span><span>U</span>
    </div>
    <p>英語のアルファベット26文字のうち、基本の母音はこの5つです。</p>
    <p><strong>A・E・I・O・U以外は、基本的に子音です。</strong></p>
    <p class="tpl2-talk">🐙 まずは、この5つの音を覚えよう！</p>
  </section>


  <section class="tpl2-section tpl2-vowel-section" data-vowel="a">
    <h2><span id="toc3">🐙 Aの基本音</span></h2>
    <p>3つの単語の「a」に注目して聞いてみよう。</p>
    <div class="tpl2-word-grid">

        <button class="tpl2-word-card" type="button" data-tpl2-word="cat">
          <span class="tpl2-word-text">c<span class="tpl2-vowel-mark">a</span>t</span>
          <span class="tpl2-word-sound">🔊 cat</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="map">
          <span class="tpl2-word-text">m<span class="tpl2-vowel-mark">a</span>p</span>
          <span class="tpl2-word-sound">🔊 map</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="hat">
          <span class="tpl2-word-text">h<span class="tpl2-vowel-mark">a</span>t</span>
          <span class="tpl2-word-sound">🔊 hat</span>
        </button>
    </div>
    <p>どれも似た音が聞こえるね。</p>
    <div class="tpl2-sound-box">
      <h3><span id="toc4">a の基本の音</span></h3>
      <button class="tpl2-sound-button tpl2-vowel-sound" type="button" data-tpl2-vowel="a">🔊 aの音を聞く</button>
      <p>アルファベット名ではなく、cat / map / hat で使われているaの基本音です。</p>
    </div>
  </section>

  <section class="tpl2-section tpl2-vowel-section" data-vowel="e">
    <h2><span id="toc5">🐙 Eの基本音</span></h2>
    <p>3つの単語の「e」に注目して聞いてみよう。</p>
    <div class="tpl2-word-grid">

        <button class="tpl2-word-card" type="button" data-tpl2-word="pen">
          <span class="tpl2-word-text">p<span class="tpl2-vowel-mark">e</span>n</span>
          <span class="tpl2-word-sound">🔊 pen</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="red">
          <span class="tpl2-word-text">r<span class="tpl2-vowel-mark">e</span>d</span>
          <span class="tpl2-word-sound">🔊 red</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="ten">
          <span class="tpl2-word-text">t<span class="tpl2-vowel-mark">e</span>n</span>
          <span class="tpl2-word-sound">🔊 ten</span>
        </button>
    </div>
    <p>短いeの音を聞いてみよう。</p>
    <div class="tpl2-sound-box">
      <h3><span id="toc6">e の基本の音</span></h3>
      <button class="tpl2-sound-button tpl2-vowel-sound" type="button" data-tpl2-vowel="e">🔊 eの音を聞く</button>
      <p>アルファベット名ではなく、pen / red / ten で使われているeの基本音です。</p>
    </div>
  </section>

  <section class="tpl2-section tpl2-vowel-section" data-vowel="i">
    <h2><span id="toc7">🐙 Iの基本音</span></h2>
    <p>3つの単語の「i」に注目して聞いてみよう。</p>
    <div class="tpl2-word-grid">

        <button class="tpl2-word-card" type="button" data-tpl2-word="pig">
          <span class="tpl2-word-text">p<span class="tpl2-vowel-mark">i</span>g</span>
          <span class="tpl2-word-sound">🔊 pig</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="sit">
          <span class="tpl2-word-text">s<span class="tpl2-vowel-mark">i</span>t</span>
          <span class="tpl2-word-sound">🔊 sit</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="six">
          <span class="tpl2-word-text">s<span class="tpl2-vowel-mark">i</span>x</span>
          <span class="tpl2-word-sound">🔊 six</span>
        </button>
    </div>
    <p>アルファベット名の「アイ」とは違う音だよ。</p>
    <div class="tpl2-sound-box">
      <h3><span id="toc8">i の基本の音</span></h3>
      <button class="tpl2-sound-button tpl2-vowel-sound" type="button" data-tpl2-vowel="i">🔊 iの音を聞く</button>
      <p>アルファベット名ではなく、pig / sit / six で使われているiの基本音です。</p>
    </div>
  </section>

  <section class="tpl2-section tpl2-vowel-section" data-vowel="o">
    <h2><span id="toc9">🐙 Oの基本音</span></h2>
    <p>3つの単語の「o」に注目して聞いてみよう。</p>
    <div class="tpl2-word-grid">

        <button class="tpl2-word-card" type="button" data-tpl2-word="hot">
          <span class="tpl2-word-text">h<span class="tpl2-vowel-mark">o</span>t</span>
          <span class="tpl2-word-sound">🔊 hot</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="dog">
          <span class="tpl2-word-text">d<span class="tpl2-vowel-mark">o</span>g</span>
          <span class="tpl2-word-sound">🔊 dog</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="box">
          <span class="tpl2-word-text">b<span class="tpl2-vowel-mark">o</span>x</span>
          <span class="tpl2-word-sound">🔊 box</span>
        </button>
    </div>
    <p>口を開けたoの音を聞いてみよう。</p>
    <div class="tpl2-sound-box">
      <h3><span id="toc10">o の基本の音</span></h3>
      <button class="tpl2-sound-button tpl2-vowel-sound" type="button" data-tpl2-vowel="o">🔊 oの音を聞く</button>
      <p>アルファベット名ではなく、hot / dog / box で使われているoの基本音です。</p>
    </div>
  </section>

  <section class="tpl2-section tpl2-vowel-section" data-vowel="u">
    <h2><span id="toc11">🐙 Uの基本音</span></h2>
    <p>3つの単語の「u」に注目して聞いてみよう。</p>
    <div class="tpl2-word-grid">

        <button class="tpl2-word-card" type="button" data-tpl2-word="sun">
          <span class="tpl2-word-text">s<span class="tpl2-vowel-mark">u</span>n</span>
          <span class="tpl2-word-sound">🔊 sun</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="cup">
          <span class="tpl2-word-text">c<span class="tpl2-vowel-mark">u</span>p</span>
          <span class="tpl2-word-sound">🔊 cup</span>
        </button>

        <button class="tpl2-word-card" type="button" data-tpl2-word="bus">
          <span class="tpl2-word-text">b<span class="tpl2-vowel-mark">u</span>s</span>
          <span class="tpl2-word-sound">🔊 bus</span>
        </button>
    </div>
    <p>sun / cup / bus に入っているuの音だよ。</p>
    <div class="tpl2-sound-box">
      <h3><span id="toc12">u の基本の音</span></h3>
      <button class="tpl2-sound-button tpl2-vowel-sound" type="button" data-tpl2-vowel="u">🔊 uの音を聞く</button>
      <p>アルファベット名ではなく、sun / cup / bus で使われているuの基本音です。</p>
    </div>
  </section>

  <section class="tpl2-section">
    <h2><span id="toc13">🔊 母音はこの5つ！</span></h2>
    <div class="tpl2-summary-vowels">
      <strong>a　e　i　o　u</strong>
      <p>この5つを見たら、アルファベットの名前ではなく、今聞いた「音」を思い出してみよう！</p>
    </div>
  </section>

  <section class="tpl2-section" aria-labelledby="tpl2-flash-title">
    <h2 id="tpl2-flash-title"><span id="toc14">🐙 母音だけのまとめフラッシュ</span></h2>
    <p>音声を押す前に、自分で音を言ってみよう。</p>
    <div class="tpl2-flash-card" aria-live="polite">
      <div class="tpl2-flash-count" data-tpl2="flash-count"></div>
      <div class="tpl2-flash-letter" data-tpl2="flash-letter"></div>
      <button class="tpl2-sound-button" type="button" data-tpl2="flash-audio">🔊 答えを聞く</button>
      <div class="tpl2-flash-actions">
        <button class="tpl2-nav-button tpl2-secondary" type="button" data-tpl2="flash-prev">← まえへ</button>
        <button class="tpl2-nav-button tpl2-primary" type="button" data-tpl2="flash-next">つぎへ →</button>
      </div>
    </div>
  </section>

  <section class="tpl2-clear-screen" data-tpl2="clear-screen" hidden>
    <h2><span id="toc15">🎉 5つの母音、言えたかな？</span></h2>
    <strong class="tpl2-clear-vowels">a　e　i　o　u</strong>
    <p>文字を見てすぐに基本の音が出てきたらクリア！</p>
    <p>まだ迷う文字があったら、もう一度チャレンジしてみよう。</p>
    <p class="tpl2-talk">🐙 次はいよいよ、子音と母音の音をつなげて英単語を読んでみよう！</p>
  </section>

  <section class="tpl2-section">
    <h2><span id="toc16">🐙 次回予告</span></h2>
    <p><strong>フォニックス LEVEL 1｜③</strong></p>
    <p><strong>3つの音をつなげて英単語を読もう</strong></p>
    <p>次の記事では、</p>
    <p><strong>c + a + t → cat</strong></p>
    <p>のように、</p>
    <p>子音＋母音＋子音</p>
    <p>をつなげて読む練習をします。</p>
  </section>

  <nav class="tpl2-bottom-nav" aria-label="フォニックス学習ナビ">
    <a href="https://jouniorsankosodate.com/phonics-level-1-01/">← 前のレッスン</a>
    <a href="https://jouniorsankosodate.com/category/learn/tacota-phonics/">📚 フォニックス一覧へ</a>
    <button type="button" data-tpl2="bottom-retry">🔄 もう一度チャレンジ</button>
    <a class="tpl2-pending" aria-disabled="true">次のレッスンへ →<br>準備中</a>
  </nav>

  <script>
  (function(){
    "use strict";
    const root=document.getElementById("takotaPhonicsLevel102");
    if(!root) return;
    const vowelLessons=[{"letter":"a","title":"Aの基本音","words":["cat","map","hat"],"note":"3つの単語の「a」に注目して聞いてみよう。","notice":"どれも似た音が聞こえるね。","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-a.wav"},{"letter":"e","title":"Eの基本音","words":["pen","red","ten"],"note":"3つの単語の「e」に注目して聞いてみよう。","notice":"短いeの音を聞いてみよう。","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-e.wav"},{"letter":"i","title":"Iの基本音","words":["pig","sit","six"],"note":"3つの単語の「i」に注目して聞いてみよう。","notice":"アルファベット名の「アイ」とは違う音だよ。","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-i.wav"},{"letter":"o","title":"Oの基本音","words":["hot","dog","box"],"note":"3つの単語の「o」に注目して聞いてみよう。","notice":"口を開けたoの音を聞いてみよう。","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-o.wav"},{"letter":"u","title":"Uの基本音","words":["sun","cup","bus"],"note":"3つの単語の「u」に注目して聞いてみよう。","notice":"sun / cup / bus に入っているuの音だよ。","audio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-u.wav"}];
    const vowelAudio=Object.fromEntries(vowelLessons.map(item=>[item.letter,item.audio]));
    const wordAudio={"cat":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-cat.wav","map":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-map.wav","hat":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-hat.wav","pen":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-pen.wav","red":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-red.wav","ten":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-ten.wav","pig":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-pig.wav","sit":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-sit.wav","six":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-six.wav","hot":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-hot.wav","dog":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-dog.wav","box":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-box.wav","sun":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-sun.wav","cup":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-cup.wav","bus":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-bus.wav"};
    const firstOrder=["a","e","i","o","u"];
    let flashOrder=firstOrder.slice();
    let flashIndex=0;
    let round=1;
    let activeAudio=null;
    let activeAudioReset=null;
    const $=(key)=>root.querySelector(`[data-tpl2="${key}"]`);

    function stopAudio(){
      if(activeAudio){
        activeAudio.pause();
        activeAudio.currentTime=0;
      }
      if(activeAudioReset) activeAudioReset();
      activeAudio=null;
      activeAudioReset=null;
    }

    function setButtonPlaying(button, text){
      const original=button.textContent;
      button.textContent=text;
      button.disabled=true;
      return function(){
        button.textContent=original;
        button.disabled=false;
      };
    }

    function playFileAudio(url, button){
      stopAudio();
      activeAudio=new Audio(url);
      const reset=setButtonPlaying(button,"🔊 再生中…");
      activeAudioReset=function(){
        reset();
        activeAudio=null;
        activeAudioReset=null;
      };
      activeAudio.addEventListener("ended",activeAudioReset,{once:true});
      activeAudio.addEventListener("error",function(){
        activeAudioReset();
        window.alert("音声を再生できませんでした。");
      },{once:true});
      activeAudio.play().catch(activeAudioReset);
    }

    function shuffle(array){
      const copied=array.slice();
      for(let i=copied.length-1;i>0;i--){
        const j=Math.floor(Math.random()*(i+1));
        [copied[i],copied[j]]=[copied[j],copied[i]];
      }
      return copied;
    }

    function renderFlash(){
      stopAudio();
      const letter=flashOrder[flashIndex];
      $("flash-count").textContent=`${flashIndex+1} / ${flashOrder.length}`;
      $("flash-letter").textContent=letter;
      $("flash-prev").disabled=flashIndex===0;
      $("flash-next").textContent=flashIndex===flashOrder.length-1 ? "クリア！ →" : "つぎへ →";
    }

    function restartFlash(){
      round++;
      flashOrder=round===1 ? firstOrder.slice() : shuffle(firstOrder);
      flashIndex=0;
      $("clear-screen").hidden=true;
      renderFlash();
      root.querySelector("#tpl2-flash-title").scrollIntoView({behavior:"smooth",block:"start"});
    }

    root.querySelectorAll("[data-tpl2-word]").forEach(function(button){
      button.addEventListener("click",function(){
        playFileAudio(wordAudio[button.dataset.tpl2Word],button);
      });
    });
    root.querySelectorAll("[data-tpl2-vowel]").forEach(function(button){
      button.addEventListener("click",function(){
        playFileAudio(vowelAudio[button.dataset.tpl2Vowel],button);
      });
    });
    $("flash-audio").addEventListener("click",function(event){
      playFileAudio(vowelAudio[flashOrder[flashIndex]],event.currentTarget);
    });
    $("flash-prev").addEventListener("click",function(){
      if(flashIndex>0){
        flashIndex--;
        renderFlash();
      }
    });
    $("flash-next").addEventListener("click",function(){
      if(flashIndex<flashOrder.length-1){
        flashIndex++;
        renderFlash();
      }else{
        stopAudio();
        $("clear-screen").hidden=false;
        $("clear-screen").scrollIntoView({behavior:"smooth",block:"center"});
      }
    });
    $("bottom-retry").addEventListener("click",restartFlash);
    renderFlash();
  })();
  </script>
</article>

<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-1-02/">🔊【フォニックスLEVEL 1②】母音と子音ってなに？a・e・i・o・uの音を覚えよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/phonics-level-1-02/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-a.wav,letter:e,title:Eの基本音,words:[pen,red,ten],note:3つの単語の「e」に注目して聞いてみよう。,notice:短いeの音を聞いてみよう。,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-e.wav,letter:i,title:Iの基本音,words:[pig,sit,six],note:3つの単語の「i」に注目して聞いてみよう。,notice:アルファベット名の「アイ」とは違う音だよ。,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-i.wav,letter:o,title:Oの基本音,words:[hot,dog,box],note:3つの単語の「o」に注目して聞いてみよう。,notice:口を開けたoの音を聞いてみよう。,audio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-o.wav" length="0" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-u.wav" length="63966" type="audio/wav" />
<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-cat.wav,map:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-map.wav,hat:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-hat.wav,pen:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-pen.wav,red:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-red.wav,ten:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-ten.wav,pig:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-pig.wav,sit:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-sit.wav,six:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-six.wav,hot:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-hot.wav,dog:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-dog.wav,box:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-box.wav,sun:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-sun.wav,cup:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-cup.wav,bus:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-02-word-bus.wav" length="0" type="audio/wav" />

			</item>
		<item>
		<title>🔊【フォニックス LEVEL 1①】A〜Zの音を聞いて英単語を読もう</title>
		<link>https://jouniorsankosodate.com/phonics-level-1-01/</link>
					<comments>https://jouniorsankosodate.com/phonics-level-1-01/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 20 Aug 2026 04:53:35 +0000</pubDate>
				<category><![CDATA[👧英語学習]]></category>
		<category><![CDATA[🔊タコタのフォニックスレッスン]]></category>
		<category><![CDATA[＃たこた]]></category>
		<category><![CDATA[＃タコタシリーズ]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[#英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=7725</guid>

					<description><![CDATA[<p>A〜Zの文字が持つ基本の音を、知っている英単語と音声で学ぶ子ども向けフォニックス教材です。</p>
<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-1-01/">🔊【フォニックス LEVEL 1①】A〜Zの音を聞いて英単語を読もう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<article id="takotaPhonicsLevel101" class="tpl1-wrap">
  <style>
    #takotaPhonicsLevel101{
      --tpl1-ink:#253047;
      --tpl1-muted:#657086;
      --tpl1-coral:#f0645a;
      --tpl1-coral-dark:#d94d44;
      --tpl1-teal:#138c85;
      --tpl1-cream:#fffaf1;
      --tpl1-line:#e8dfd2;
      --tpl1-shadow:0 14px 35px rgba(52,45,36,.12);
      width:min(100% - 24px,760px);
      margin:18px auto;
      padding:24px 0 56px;
      color:var(--tpl1-ink);
      font-family:inherit;
      line-height:1.8;
      overflow-wrap:anywhere;
    }
    #takotaPhonicsLevel101 *{box-sizing:border-box}
    #takotaPhonicsLevel101 button{font:inherit}
    #takotaPhonicsLevel101 .tpl1-learning-nav-top{
      display:grid;
      grid-template-columns:110px 110px 1fr;
      gap:10px;
      margin-bottom:18px;
      padding:14px;
      background:#fff;
      border:1px solid var(--tpl1-line);
      border-radius:18px;
      box-shadow:0 8px 22px rgba(52,45,36,.08);
    }
    #takotaPhonicsLevel101 .tpl1-learning-nav-top > div{
      display:grid;
      align-content:center;
      padding:6px 10px;
      border-right:1px solid var(--tpl1-line);
    }
    #takotaPhonicsLevel101 .tpl1-learning-nav-top > div:last-child{border-right:0}
    #takotaPhonicsLevel101 .tpl1-learning-nav-top span{
      color:var(--tpl1-muted);
      font-size:13px;
      font-weight:900;
      letter-spacing:0;
    }
    #takotaPhonicsLevel101 .tpl1-learning-nav-top strong{line-height:1.5}
    #takotaPhonicsLevel101 .tpl1-learning-nav-top > div:not(.tpl1-lesson-goal) strong{
      color:var(--tpl1-teal);
      font-size:24px;
    }
    #takotaPhonicsLevel101 .tpl1-lesson-intro,
    #takotaPhonicsLevel101 .tpl1-lesson-summary,
    #takotaPhonicsLevel101 .tpl1-clear-screen{
      background:rgba(255,255,255,.94);
      border:1px solid var(--tpl1-line);
      border-radius:24px;
      padding:clamp(22px,5vw,42px);
      box-shadow:var(--tpl1-shadow);
    }
    #takotaPhonicsLevel101 .tpl1-eyebrow,
    #takotaPhonicsLevel101 .tpl1-step-label{
      margin:0 0 6px;
      color:var(--tpl1-teal);
      font-weight:900;
      letter-spacing:0;
    }
    #takotaPhonicsLevel101 h1{
      margin:0 0 26px;
      color:var(--tpl1-ink);
      font-size:clamp(28px,7vw,42px);
      line-height:1.35;
      letter-spacing:0;
    }
    #takotaPhonicsLevel101 h1 span{font-size:.8em}
    #takotaPhonicsLevel101 h2{
      margin:0;
      color:var(--tpl1-ink);
      font-size:clamp(22px,5vw,30px);
      line-height:1.45;
      letter-spacing:0;
    }
    #takotaPhonicsLevel101 p{margin:10px 0;font-size:17px}
    #takotaPhonicsLevel101 .tpl1-takota-speech{
      margin:26px 0 0;
      padding:15px 18px;
      background:#eaf9f7;
      border-left:5px solid var(--tpl1-teal);
      border-radius:12px;
      font-weight:800;
    }
    #takotaPhonicsLevel101 .tpl1-flash-section{padding-top:54px}
    #takotaPhonicsLevel101 .tpl1-section-heading{text-align:center;margin-bottom:22px}
    #takotaPhonicsLevel101 .tpl1-section-heading > p:last-child{margin:8px 0 0;color:var(--tpl1-muted)}
    #takotaPhonicsLevel101 .tpl1-flash-card{
      position:relative;
      display:grid;
      justify-items:center;
      gap:18px;
      background:#fff;
      border:1px solid var(--tpl1-line);
      border-radius:24px;
      padding:24px;
      box-shadow:var(--tpl1-shadow);
    }
    #takotaPhonicsLevel101 .tpl1-counter{color:var(--tpl1-muted);font-size:16px;font-weight:800}
    #takotaPhonicsLevel101 .tpl1-card-image{
      width:min(68vw,256px);
      height:auto;
      border-radius:12px;
      background:#fffdf4;
    }
    #takotaPhonicsLevel101 .tpl1-audio-actions{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      width:min(100%,520px);
    }
    #takotaPhonicsLevel101 .tpl1-sound-button,
    #takotaPhonicsLevel101 .tpl1-nav-button,
    #takotaPhonicsLevel101 .tpl1-start-review{
      min-height:54px;
      border:0;
      border-radius:14px;
      font-weight:900;
      cursor:pointer;
      transition:transform .12s ease,filter .12s ease;
    }
    #takotaPhonicsLevel101 .tpl1-sound-button:hover,
    #takotaPhonicsLevel101 .tpl1-nav-button:hover,
    #takotaPhonicsLevel101 .tpl1-start-review:hover{filter:brightness(.97)}
    #takotaPhonicsLevel101 .tpl1-sound-button:active,
    #takotaPhonicsLevel101 .tpl1-nav-button:active,
    #takotaPhonicsLevel101 .tpl1-start-review:active{transform:translateY(1px) scale(.99)}
    #takotaPhonicsLevel101 .tpl1-word-sound{color:#fff;background:var(--tpl1-coral)}
    #takotaPhonicsLevel101 .tpl1-phonics-sound,
    #takotaPhonicsLevel101 .tpl1-answer-sound{color:#fff;background:var(--tpl1-teal)}
    #takotaPhonicsLevel101 .tpl1-sound-note{
      min-height:1.8em;
      margin:-6px 0 0;
      color:var(--tpl1-muted);
      font-size:16px;
      text-align:center;
    }
    #takotaPhonicsLevel101 .tpl1-nav-actions{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      width:min(100%,520px);
      margin-top:6px;
    }
    #takotaPhonicsLevel101 .tpl1-nav-button{border:2px solid var(--tpl1-coral)}
    #takotaPhonicsLevel101 .tpl1-nav-button.tpl1-primary,
    #takotaPhonicsLevel101 .tpl1-start-review.tpl1-primary{color:#fff;background:var(--tpl1-coral)}
    #takotaPhonicsLevel101 .tpl1-nav-button.tpl1-secondary{color:var(--tpl1-coral-dark);background:#fff}
    #takotaPhonicsLevel101 .tpl1-nav-button:disabled,
    #takotaPhonicsLevel101 .tpl1-sound-button:disabled{opacity:.42;cursor:not-allowed}
    #takotaPhonicsLevel101 .tpl1-lesson-summary,
    #takotaPhonicsLevel101 .tpl1-clear-screen{margin-top:54px;text-align:center}
    #takotaPhonicsLevel101 .tpl1-start-review{margin-top:15px;padding:12px 24px}
    #takotaPhonicsLevel101 .tpl1-learning-nav-bottom{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      margin-top:26px;
    }
    #takotaPhonicsLevel101 .tpl1-series-nav-button{
      display:grid;
      place-items:center;
      min-height:56px;
      padding:10px 14px;
      border:2px solid var(--tpl1-coral);
      border-radius:14px;
      color:var(--tpl1-coral-dark) !important;
      background:#fff;
      font:inherit;
      font-weight:900;
      line-height:1.35;
      text-decoration:none !important;
    }
    #takotaPhonicsLevel101 .tpl1-series-nav-button.tpl1-primary{
      grid-column:1 / -1;
      border:0;
      color:#fff !important;
      background:var(--tpl1-coral);
      cursor:pointer;
    }
    #takotaPhonicsLevel101 .tpl1-series-nav-button.tpl1-next{
      color:#fff !important;
      background:var(--tpl1-teal);
      border-color:var(--tpl1-teal);
    }
    #takotaPhonicsLevel101 .tpl1-series-nav-button span{display:block;font-size:13px;font-weight:700}
    #takotaPhonicsLevel101 .tpl1-series-nav-button.tpl1-is-pending{opacity:.55;cursor:not-allowed}
    #takotaPhonicsLevel101 .tpl1-review-instruction{color:var(--tpl1-ink) !important;font-weight:900}
    #takotaPhonicsLevel101 .tpl1-letter-only{
      display:grid;
      place-items:center;
      min-height:220px;
      font-size:clamp(80px,27vw,144px);
      font-weight:900;
      line-height:1;
      letter-spacing:0;
    }
    #takotaPhonicsLevel101 .tpl1-letter-only small{margin-left:.15em;font-size:.52em;color:#111}
    #takotaPhonicsLevel101 .tpl1-answer-sound{width:min(100%,360px)}
    #takotaPhonicsLevel101 .tpl1-celebration{font-size:64px;line-height:1}
    #takotaPhonicsLevel101 [hidden]{display:none !important}
    @media (max-width:540px){
      #takotaPhonicsLevel101{width:min(100% - 20px,760px);padding-top:14px}
      #takotaPhonicsLevel101 .tpl1-learning-nav-top{grid-template-columns:1fr 1fr}
      #takotaPhonicsLevel101 .tpl1-learning-nav-top .tpl1-lesson-goal{
        grid-column:1 / -1;
        border-top:1px solid var(--tpl1-line);
        border-right:0;
        padding-top:10px;
      }
      #takotaPhonicsLevel101 .tpl1-learning-nav-top > div:nth-child(2){border-right:0}
      #takotaPhonicsLevel101 .tpl1-lesson-intro,
      #takotaPhonicsLevel101 .tpl1-flash-card,
      #takotaPhonicsLevel101 .tpl1-lesson-summary,
      #takotaPhonicsLevel101 .tpl1-clear-screen{border-radius:18px;padding:20px 16px}
      #takotaPhonicsLevel101 .tpl1-flash-section{padding-top:42px}
      #takotaPhonicsLevel101 .tpl1-audio-actions{grid-template-columns:1fr}
      #takotaPhonicsLevel101 .tpl1-sound-button{min-height:58px}
      #takotaPhonicsLevel101 .tpl1-nav-actions{gap:8px}
      #takotaPhonicsLevel101 .tpl1-learning-nav-bottom{grid-template-columns:1fr}
      #takotaPhonicsLevel101 .tpl1-series-nav-button.tpl1-primary{grid-column:auto}
    }
    @media (prefers-reduced-motion:reduce){
      #takotaPhonicsLevel101 *{scroll-behavior:auto !important;transition:none !important}
    }
  </style>

  <nav class="tpl1-learning-nav-top" aria-label="今回の学習情報">
    <div><span>LEVEL</span><strong>1</strong></div>
    <div><span>レッスン</span><strong>1</strong></div>
    <div class="tpl1-lesson-goal"><span>今回のゴール</span><strong>文字の名前とは別に、英単語を読むときの「音」があると知ろう</strong></div>
  </nav>

  <header class="tpl1-lesson-intro">
    <p class="tpl1-eyebrow">フォニックス LEVEL 1・STEP 1</p>
    <h1>🐙 はじめてのフォニックス<br><span>A〜Zの音を聞いてみよう</span></h1>
    <p>アルファベットには、<strong>A（エイ）、B（ビー）、C（シー）</strong>という「文字の名前」があります。</p>
    <p>でも英単語の中では、いつも文字の名前どおりに読むわけではありません。たとえば <strong>Apple</strong> の最初のAは「エイ」ではありません。</p>
    <p>アルファベットには、文字の名前とは別に、<strong>英単語を読むときの「音」</strong>があります。</p>
    <p class="tpl1-takota-speech">🐙 まずは知っている英単語を使って、A〜Zの「音」を聞いてみよう！</p>
  </header>

  <section class="tpl1-flash-section" aria-labelledby="tpl1-learn-title">
    <div class="tpl1-section-heading">
      <p class="tpl1-step-label">れんしゅう 1</p>
      
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"></li><li><a href="#toc1" tabindex="0">単語と文字の音を聞こう</a></li><li><a href="#toc2" tabindex="0">🐙 アルファベットの「音」が聞こえたかな？</a></li><li><a href="#toc3" tabindex="0">A〜Zまとめフラッシュ</a></li><li><a href="#toc4" tabindex="0">A〜Zの音を覚えられたかな？</a></li></ol>
    </div>
  </div>

<h2 id="tpl1-learn-title"><span id="toc1">単語と文字の音を聞こう</span></h2>
      <p>単語を聞いてから、色のついた文字の音を聞いてみよう。</p>
    </div>
    <div class="tpl1-flash-card" aria-live="polite">
      <div class="tpl1-counter" data-tpl1="learn-counter"></div>
      <img class="tpl1-card-image" data-tpl1="card-image" width="256" height="256" alt="">
      <div class="tpl1-audio-actions">
        <button class="tpl1-sound-button tpl1-word-sound" data-tpl1="word-audio" type="button"></button>
        <button class="tpl1-sound-button tpl1-phonics-sound" data-tpl1="phonics-audio" type="button"></button>
      </div>
      <p class="tpl1-sound-note" data-tpl1="sound-note"></p>
      <div class="tpl1-nav-actions">
        <button class="tpl1-nav-button tpl1-secondary" data-tpl1="learn-prev" type="button">← まえへ</button>
        <button class="tpl1-nav-button tpl1-primary" data-tpl1="learn-next" type="button">つぎへ →</button>
      </div>
    </div>
  </section>

  <section class="tpl1-lesson-summary" data-tpl1="lesson-summary" hidden>
    <h2><span id="toc2">🐙 アルファベットの「音」が聞こえたかな？</span></h2>
    <p>Ballの最初には <strong>bの音</strong>、Catの最初には <strong>cの音</strong>、Dogの最初には <strong>dの音</strong>が入っていました。</p>
    <p>英単語は、このような小さな音をつなげて読むことができます。</p>
    <button class="tpl1-start-review tpl1-primary" data-tpl1="start-review" type="button">A〜Zまとめフラッシュに挑戦</button>
  </section>

  <section class="tpl1-flash-section tpl1-review-section" data-tpl1="review-section" aria-labelledby="tpl1-review-title" hidden>
    <div class="tpl1-section-heading">
      <p class="tpl1-step-label">れんしゅう 2</p>
      <h2 id="tpl1-review-title"><span id="toc3">A〜Zまとめフラッシュ</span></h2>
      <p class="tpl1-review-instruction">文字の名前ではなく、さっき聞いた「音」を言ってみよう！</p>
    </div>
    <div class="tpl1-flash-card tpl1-review-card" aria-live="polite">
      <div class="tpl1-counter" data-tpl1="review-counter"></div>
      <div class="tpl1-letter-only" data-tpl1="review-letter"></div>
      <button class="tpl1-sound-button tpl1-answer-sound" data-tpl1="review-audio" type="button">🔊 答えを聞く</button>
      <div class="tpl1-nav-actions">
        <button class="tpl1-nav-button tpl1-secondary" data-tpl1="review-prev" type="button">← まえへ</button>
        <button class="tpl1-nav-button tpl1-primary" data-tpl1="review-next" type="button">つぎへ →</button>
      </div>
    </div>
  </section>

  <section class="tpl1-clear-screen" data-tpl1="clear-screen" hidden>
    <div class="tpl1-celebration" aria-hidden="true">🎉</div>
    <h2><span id="toc4">A〜Zの音を覚えられたかな？</span></h2>
    <p>文字を見たときに、アルファベットの「名前」ではなく、英単語の中で使われる音がすぐに出てきたらクリア！</p>
    <p>まだ迷う文字があったら、もう一度フラッシュに挑戦してみよう。</p>
    <p class="tpl1-takota-speech">🐙 次は、子音の音を使って読む練習をするよ！</p>
    <nav class="tpl1-learning-nav-bottom" aria-label="フォニックス学習ナビ">
      <button class="tpl1-series-nav-button tpl1-primary" data-tpl1="retry-review" type="button">もう一度チャレンジ</button>
      <a class="tpl1-series-nav-button tpl1-secondary tpl1-is-pending" data-tpl1-series-link="index" aria-disabled="true">フォニックス一覧へ<span>（準備中）</span></a>
      <a class="tpl1-series-nav-button tpl1-next tpl1-is-pending" data-tpl1-series-link="next" aria-disabled="true">次のレッスンへ<span>（準備中）</span></a>
    </nav>
  </section>

  <script>
  (function(){
    "use strict";
    const root=document.getElementById("takotaPhonicsLevel101");
    if(!root) return;
    const cards=[{"upper":"A","lower":"a","word":"Apple","sound":"a","note":"Appleの最初のaの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-a-apple.png","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-a-apple.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-a.wav"},{"upper":"B","lower":"b","word":"Ball","sound":"b","note":"Ballの最初のbの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-b-ball.png","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-b-ball.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-b.wav"},{"upper":"C","lower":"c","word":"Cat","sound":"c","note":"Catの最初のcの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-c-cat.png","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-c-cat.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-c.wav"},{"upper":"D","lower":"d","word":"Dog","sound":"d","note":"Dogの最初のdの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-04.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-d-dog.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-d.wav"},{"upper":"E","lower":"e","word":"Egg","sound":"e","note":"Eggの最初のeの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-05.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-e-egg.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-e.wav"},{"upper":"F","lower":"f","word":"Fish","sound":"f","note":"Fishの最初のfの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-06.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-f-fish.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-f.wav"},{"upper":"G","lower":"g","word":"Game","sound":"g","note":"Gameの最初のgの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-07.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-g-game.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-g.wav"},{"upper":"H","lower":"h","word":"Hot","sound":"h","note":"Hotの最初のhの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-08-multipart.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-h-hot.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-h.wav"},{"upper":"I","lower":"i","word":"Ink","sound":"i","note":"Inkの最初のiの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-09.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-i-ink.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-i.wav"},{"upper":"J","lower":"j","word":"Jam","sound":"j","note":"Jamの最初のjの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-10.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-j-jam.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-j.wav"},{"upper":"K","lower":"k","word":"King","sound":"k","note":"Kingの最初のkの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-11.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-k-king.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-k.wav"},{"upper":"L","lower":"l","word":"Lemon","sound":"l","note":"Lemonの最初のlの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-12.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-l-lemon.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-l.wav"},{"upper":"M","lower":"m","word":"Milk","sound":"m","note":"Milkの最初のmの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-13.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-m-milk.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-m.wav"},{"upper":"N","lower":"n","word":"No","sound":"n","note":"Noの最初のnの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-14.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-n-no.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-n.wav"},{"upper":"O","lower":"o","word":"Octopus","sound":"o","note":"Octopusの最初のoの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-15.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-o-octopus.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-o.wav"},{"upper":"P","lower":"p","word":"Pen","sound":"p","note":"Penの最初のpの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-16.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-p-pen.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-p.wav"},{"upper":"Q","lower":"q","word":"Question","sound":"qu","note":"Questionの最初のquの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-17.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-q-question.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-q.wav"},{"upper":"R","lower":"r","word":"Red","sound":"r","note":"Redの最初のrの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-18.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-r-red.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-r.wav"},{"upper":"S","lower":"s","word":"Sun","sound":"s","note":"Sunの最初のsの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-19.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-s-sun.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-s.wav"},{"upper":"T","lower":"t","word":"Ten","sound":"t","note":"Tenの最初のtの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-20.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-t-ten.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-t.wav"},{"upper":"U","lower":"u","word":"Up","sound":"u","note":"Upの最初のuの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-21.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-u-up.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-u.wav"},{"upper":"V","lower":"v","word":"Van","sound":"v","note":"Vanの最初のvの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-22.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-v-van.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-v.wav"},{"upper":"W","lower":"w","word":"Water","sound":"w","note":"Waterの最初のwの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-23.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-w-water.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-w.wav"},{"upper":"X","lower":"x","word":"Box","sound":"x","note":"Boxの最後のxの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-24.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-x-box.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-x.wav"},{"upper":"Y","lower":"y","word":"Yes","sound":"y","note":"Yesの最初のyの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-25.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-y-yes.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-y.wav"},{"upper":"Z","lower":"z","word":"Zoo","sound":"z","note":"Zooの最初のzの音","image":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-26.webp","wordAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-z-zoo.wav","phonicsAudio":"https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-z.wav"}];
    const seriesLinks={index:"",next:""};
    let learnIndex=0;
    let reviewIndex=0;
    let activeAudio=null;
    let activeAudioReset=null;
    const $=(key)=>root.querySelector(`[data-tpl1="${key}"]`);

    function stopActiveAudio(){
      if(activeAudio){
        activeAudio.pause();
        activeAudio.currentTime=0;
      }
      if(activeAudioReset) activeAudioReset();
      activeAudio=null;
      activeAudioReset=null;
    }

    function playAudio(path,button){
      stopActiveAudio();
      activeAudio=new Audio(path);
      const original=button.textContent;
      button.textContent="🔊 再生中…";
      button.disabled=true;
      const reset=function(){
        button.textContent=original;
        button.disabled=false;
        if(activeAudioReset===reset){
          activeAudio=null;
          activeAudioReset=null;
        }
      };
      activeAudioReset=reset;
      activeAudio.addEventListener("ended",reset,{once:true});
      activeAudio.addEventListener("error",function(){
        reset();
        window.alert("音声を再生できませんでした。");
      },{once:true});
      activeAudio.play().catch(reset);
    }

    function renderLearn(){
      stopActiveAudio();
      const card=cards[learnIndex];
      $("learn-counter").textContent=`${learnIndex+1} / ${cards.length}`;
      $("card-image").src=card.image;
      $("card-image").alt=`${card.upper} ${card.lower}、${card.word}のフォニックスカード`;
      $("word-audio").textContent=`🔊 ${card.word}を聞く`;
      $("phonics-audio").textContent=`🔊 ${card.sound}の音を聞く`;
      $("sound-note").textContent=card.note;
      $("learn-prev").disabled=learnIndex===0;
      $("learn-next").textContent=learnIndex===cards.length-1 ? "まとめへ →" : "つぎへ →";
    }

    function showSummary(){
      stopActiveAudio();
      $("lesson-summary").hidden=false;
      $("lesson-summary").scrollIntoView({behavior:"smooth",block:"center"});
    }

    function renderReview(){
      stopActiveAudio();
      const card=cards[reviewIndex];
      $("review-counter").textContent=`${reviewIndex+1} / ${cards.length}`;
      $("review-letter").innerHTML=`${card.upper}<small>${card.lower}</small>`;
      $("review-prev").disabled=reviewIndex===0;
      $("review-next").textContent=reviewIndex===cards.length-1 ? "クリア！ →" : "つぎへ →";
    }

    function startReview(){
      reviewIndex=0;
      $("clear-screen").hidden=true;
      $("review-section").hidden=false;
      renderReview();
      $("review-section").scrollIntoView({behavior:"smooth"});
    }

    function setupSeriesLinks(){
      root.querySelectorAll("[data-tpl1-series-link]").forEach(function(link){
        const url=seriesLinks[link.dataset.tpl1SeriesLink];
        if(!url) return;
        link.href=url;
        link.classList.remove("tpl1-is-pending");
        link.removeAttribute("aria-disabled");
        const span=link.querySelector("span");
        if(span) span.remove();
      });
    }

    $("word-audio").addEventListener("click",function(event){
      playAudio(cards[learnIndex].wordAudio,event.currentTarget);
    });
    $("phonics-audio").addEventListener("click",function(event){
      playAudio(cards[learnIndex].phonicsAudio,event.currentTarget);
    });
    $("learn-prev").addEventListener("click",function(){
      if(learnIndex>0){
        learnIndex--;
        renderLearn();
      }
    });
    $("learn-next").addEventListener("click",function(){
      if(learnIndex<cards.length-1){
        learnIndex++;
        renderLearn();
      }else{
        showSummary();
      }
    });
    $("start-review").addEventListener("click",startReview);
    $("review-audio").addEventListener("click",function(event){
      playAudio(cards[reviewIndex].phonicsAudio,event.currentTarget);
    });
    $("review-prev").addEventListener("click",function(){
      if(reviewIndex>0){
        reviewIndex--;
        renderReview();
      }
    });
    $("review-next").addEventListener("click",function(){
      if(reviewIndex<cards.length-1){
        reviewIndex++;
        renderReview();
      }else{
        $("review-section").hidden=true;
        $("clear-screen").hidden=false;
        $("clear-screen").scrollIntoView({behavior:"smooth"});
      }
    });
    $("retry-review").addEventListener("click",startReview);

    renderLearn();
    setupSeriesLinks();
  })();
  </script>
</article>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/phonics-level-1-01/">🔊【フォニックス LEVEL 1①】A〜Zの音を聞いて英単語を読もう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/phonics-level-1-01/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		<enclosure url="https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-a-apple.png,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-a-apple.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-a.wav,upper:B,lower:b,word:Ball,sound:b,note:Ballの最初のbの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-b-ball.png,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-b-ball.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-b.wav,upper:C,lower:c,word:Cat,sound:c,note:Catの最初のcの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-c-cat.png,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-c-cat.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-c.wav,upper:D,lower:d,word:Dog,sound:d,note:Dogの最初のdの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-04.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-d-dog.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-d.wav,upper:E,lower:e,word:Egg,sound:e,note:Eggの最初のeの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-05.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-e-egg.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-e.wav,upper:F,lower:f,word:Fish,sound:f,note:Fishの最初のfの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-06.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-f-fish.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-f.wav,upper:G,lower:g,word:Game,sound:g,note:Gameの最初のgの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-07.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-g-game.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-g.wav,upper:H,lower:h,word:Hot,sound:h,note:Hotの最初のhの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-08-multipart.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-h-hot.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-h.wav,upper:I,lower:i,word:Ink,sound:i,note:Inkの最初のiの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-09.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-i-ink.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-i.wav,upper:J,lower:j,word:Jam,sound:j,note:Jamの最初のjの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-10.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-j-jam.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-j.wav,upper:K,lower:k,word:King,sound:k,note:Kingの最初のkの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-11.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-k-king.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-k.wav,upper:L,lower:l,word:Lemon,sound:l,note:Lemonの最初のlの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-12.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-l-lemon.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-l.wav,upper:M,lower:m,word:Milk,sound:m,note:Milkの最初のmの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-13.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-m-milk.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-m.wav,upper:N,lower:n,word:No,sound:n,note:Noの最初のnの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-14.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-n-no.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-n.wav,upper:O,lower:o,word:Octopus,sound:o,note:Octopusの最初のoの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-15.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-o-octopus.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-o.wav,upper:P,lower:p,word:Pen,sound:p,note:Penの最初のpの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-16.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-p-pen.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-p.wav,upper:Q,lower:q,word:Question,sound:qu,note:Questionの最初のquの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-17.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-q-question.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-q.wav,upper:R,lower:r,word:Red,sound:r,note:Redの最初のrの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-18.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-r-red.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-r.wav,upper:S,lower:s,word:Sun,sound:s,note:Sunの最初のsの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-19.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-s-sun.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-s.wav,upper:T,lower:t,word:Ten,sound:t,note:Tenの最初のtの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-20.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-t-ten.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-t.wav,upper:U,lower:u,word:Up,sound:u,note:Upの最初のuの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-21.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-u-up.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-u.wav,upper:V,lower:v,word:Van,sound:v,note:Vanの最初のvの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-22.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-v-van.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-v.wav,upper:W,lower:w,word:Water,sound:w,note:Waterの最初のwの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-23.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-w-water.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-w.wav,upper:X,lower:x,word:Box,sound:x,note:Boxの最後のxの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-24.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-x-box.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-x.wav,upper:Y,lower:y,word:Yes,sound:y,note:Yesの最初のyの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-25.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-y-yes.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-y.wav,upper:Z,lower:z,word:Zoo,sound:z,note:Zooの最初のzの音,image:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-card-26.webp,wordAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-word-z-zoo.wav,phonicsAudio:https://jouniorsankosodate.com/wp-content/uploads/2026/08/phonics-l1-sound-z.wav" length="170" type="audio/wav" />

			</item>
	</channel>
</rss>
