<?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/tag/%E3%82%AF%E3%82%A4%E3%82%BA/feed/" rel="self" type="application/rss+xml" />
	<link>https://jouniorsankosodate.com/tag/クイズ/</link>
	<description>勉強が苦手な子でも、わかる・できる・続けられる</description>
	<lastBuildDate>Sat, 20 Jun 2026 13:32:04 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://jouniorsankosodate.com/wp-content/uploads/2026/02/cropped-44f1f7a5e508593f7c057572c07f45a3-32x32.jpg</url>
	<title>#クイズ アーカイブ - じゅにさん子育てブログ</title>
	<link>https://jouniorsankosodate.com/tag/クイズ/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>【平安時代をざっくり解説】貴族の時代から武士の時代へ！年表とクイズで楽しく覚えよう</title>
		<link>https://jouniorsankosodate.com/history-learning-06/</link>
					<comments>https://jouniorsankosodate.com/history-learning-06/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sat, 20 Jun 2026 09:39:42 +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=6362</guid>

					<description><![CDATA[<p>中学生の定期テスト対策 平安時代は「貴族から武士へ」の流れでつかもう 794年から1185年まで。貴族の政治と文化が栄え、後半には武士が力を伸ばした時代です。 🏙️ 平安京 👑 藤原道長 🌸 国風文化 📜 院政 ⚔️ 平 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/history-learning-06/">【平安時代をざっくり解説】貴族の時代から武士の時代へ！年表とクイズで楽しく覚えよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/06/16f70969beca603b2b72f304c97467db.jpg" alt="" class="wp-image-6366" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/06/16f70969beca603b2b72f304c97467db.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/06/16f70969beca603b2b72f304c97467db-300x200.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/06/16f70969beca603b2b72f304c97467db-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div id="history-learning-06">
<div id="junisan-heian-history-lesson">
  <header class="jhh-hero">
    <p class="jhh-kicker">中学生の定期テスト対策</p>
    <h2 class="history-hero-title">平安時代は「貴族から武士へ」の流れでつかもう</h2>
    <p>794年から1185年まで。貴族の政治と文化が栄え、後半には武士が力を伸ばした時代です。</p>
    <div class="history-key-tags" aria-label="平安時代の重要語句">
      <span>🏙️ 平安京</span>
      <span>👑 藤原道長</span>
      <span>🌸 国風文化</span>
      <span>📜 院政</span>
      <span>⚔️ 平清盛</span>
      <span>🌏 宋</span>
    </div>
  </header>

  <main class="jhh-article">
    <section class="jhh-section" aria-labelledby="jhh-image">
      <p class="jhh-label">1. 平安時代といえば？</p>
      <h3 id="jhh-image">✨ 貴族の時代、そして武士が出てくる時代！</h3>
      <p>平安時代の前半は、天皇や貴族が政治の中心でした。特に<span class="history-person">藤原氏</span>は、天皇との親戚関係を利用して<span class="history-law">摂政・関白</span>となり、政治の実権を握りました。</p>
      <p>しかし後半になると、地方の土地を守るために生まれた<strong>武士</strong>が力をつけます。最後は平氏と源氏が争い、次の鎌倉時代へつながっていきます。</p>
      <div class="jhh-memory"><strong>最初の一歩：</strong>「前半は貴族、後半は武士」と分けると流れが見えます。</div>
    </section>

    <section class="jhh-section" aria-labelledby="jhh-people">
      <p class="jhh-label">2. ほぼ誰の時代？</p>
      <h3 id="jhh-people">👑 前半は藤原道長、後半は平清盛</h3>
      <div class="jhh-person-grid">
        <div><h4>前半：<span class="history-person">藤原道長</span></h4><p><span class="history-law">摂関政治</span>の全盛期をつくった人物です。娘を天皇のきさきにし、天皇の外祖父として大きな力を持ちました。</p></div>
        <div><h4>後半：<span class="history-person">平清盛</span></h4><p>武士として初めて太政大臣となり、<span class="history-world">日宋貿易</span>を進めました。武士が中央政治の主役へ近づいたことを示す人物です。</p></div>
      </div>
      <p class="jhh-note">※平安時代の始まりでは桓武天皇、政治の転換では白河上皇も重要です。</p>
    </section>

    <section class="jhh-section" aria-labelledby="jhh-capital">
      <p class="jhh-label">3. 都はどこ？</p>
      <h3 id="jhh-capital">🏙️ 794年、平安京へ</h3>
      <p><span class="history-person">桓武天皇</span>は、奈良の寺院勢力から離れて政治を立て直すため、都を<span class="history-place">平安京</span>へ移しました。現在の京都市にあたります。</p>
      <div class="jhh-test-point"><strong>🔥 テスト頻出：</strong>794年・桓武天皇・平安京をセットで確認。</div>
    </section>

    <section class="jhh-section" aria-labelledby="jhh-change">
      <p class="jhh-label">4. 何が変わった？</p>
      <h3 id="jhh-change">📖 政治の中心が少しずつ移った</h3>
      <div class="jhh-change-list">
        <div><b>天皇の政治</b><span><span class="history-person">桓武天皇</span>が<span class="history-place">平安京</span>へ遷都し、政治を立て直す。</span></div>
        <div><b class="history-law">摂関政治</b><span>藤原氏が摂政・関白となり、天皇を助けながら実権を握る。</span></div>
        <div><b class="history-law">院政</b><span><span class="history-person">白河上皇</span>が、天皇を退いた後も院で政治を行う。</span></div>
        <div><b>武士の成長</b><span>源氏・平氏が中央の争いでも活躍し、<span class="history-person">平清盛</span>が政権を握る。</span></div>
      </div>
      <p>政治の主役が突然入れ替わったのではありません。天皇・貴族・上皇・武士が重なりながら、少しずつ力関係が変わりました。</p>
    </section>

    <section class="jhh-section jhh-culture" aria-labelledby="jhh-culture">
      <p class="jhh-label">文化は？</p>
      <h3 id="jhh-culture">🌸 日本らしい国風文化</h3>
      <p>894年に遣唐使が停止された後、貴族の生活や日本の自然に合った<span class="history-culture">国風文化</span>が発達しました。漢字をもとにした<span class="history-culture">かな文字</span>が広まり、女性も多くの文学作品を残しました。</p>
      <div class="jhh-works">
        <span><b class="history-person">紫式部</b>『<span class="history-culture">源氏物語</span>』</span>
        <span><b class="history-person">清少納言</b>『<span class="history-culture">枕草子</span>』</span>
        <span><b class="history-person">紀貫之ら</b>『<span class="history-culture">古今和歌集</span>』</span>
      </div>
      <p>貴族の住まいには<span class="history-culture">寝殿造</span>、絵画には日本の風景や物語を描く<span class="history-culture">大和絵</span>が見られました。</p>
    </section>

    <section class="jhh-section jhh-world" aria-labelledby="jhh-world">
      <p class="jhh-label">5. 世界では？</p>
      <h3 id="jhh-world">🌏 唐が滅び、宋が成立</h3>
      <p>中国では<span class="history-world">唐</span>が衰え、907年に滅亡しました。その後、960年に<span class="history-world">宋</span>が成立し、商業や海上貿易が発達します。</p>
      <p>平安時代後半、<span class="history-person">平清盛</span>は宋との<span class="history-world">日宋貿易</span>を進めました。日本には宋銭・陶磁器・絹織物などが入り、国内の取引にも使われました。</p>
    </section>

    <section class="jhh-section" aria-labelledby="jhh-keywords">
      <p class="jhh-label">6. ここだけ覚えよう</p>
      <h3 id="jhh-keywords">💡 重要語句を4つのまとまりで整理</h3>
      <div class="jhh-key-grid">
        <div><h4>始まりと仏教</h4><p><span class="history-person">桓武天皇</span>／<span class="history-place">平安京</span>／坂上田村麻呂／征夷大将軍／最澄・天台宗／空海・真言宗</p></div>
        <div><h4>貴族の政治</h4><p>藤原氏／摂政／関白／<span class="history-law">摂関政治</span>／<span class="history-person">藤原道長</span>／藤原頼通</p></div>
        <div><h4>文化と信仰</h4><p><span class="history-culture">国風文化</span>／かな文字／源氏物語／枕草子／古今和歌集／平等院鳳凰堂／浄土信仰</p></div>
        <div><h4>後半と世界</h4><p><span class="history-person">白河上皇</span>／<span class="history-law">院政</span>／武士団／平清盛／太政大臣／大輪田泊／<span class="history-world">日宋貿易</span>／宋銭</p></div>
      </div>
      <div class="jhh-pair">
        <div><h4>最澄と空海</h4><p><span class="history-person">最澄</span>＝<span class="history-culture">天台宗</span>＝<span class="history-place">比叡山延暦寺</span><br><span class="history-person">空海</span>＝真言宗＝高野山金剛峯寺</p></div>
        <div><h4>摂政と関白</h4><p><span class="history-law">摂政</span>は幼い天皇を助け、<span class="history-law">関白</span>は成人した天皇を補佐します。</p></div>
      </div>
    </section>

    <section class="jhh-section" aria-labelledby="jhh-timeline">
      <p class="jhh-label">7. 平安時代年表</p>
      <h3 id="jhh-timeline">📚 貴族から武士への流れを確認</h3>
      <div class="jhh-table-wrap">
        <table>
          <thead><tr><th>年代</th><th>出来事</th><th>覚えるポイント</th></tr></thead>
          <tbody>
            <tr><td>794年</td><td><span class="history-place">平安京</span>へ遷都</td><td><span class="history-person">桓武天皇</span>、現在の京都</td></tr>
            <tr><td>797年</td><td><span class="history-person">坂上田村麻呂</span>が征夷大将軍になる</td><td>東北地方の蝦夷を討つ</td></tr>
            <tr><td>804年</td><td><span class="history-person">最澄と空海</span>が<span class="history-world">唐</span>へ渡る</td><td>天台宗と真言宗</td></tr>
            <tr><td>894年</td><td>遣唐使の停止</td><td>菅原道真の提案</td></tr>
            <tr><td>905年</td><td>『<span class="history-culture">古今和歌集</span>』</td><td>最初の勅撰和歌集</td></tr>
            <tr><td>10世紀ごろ</td><td><span class="history-culture">国風文化</span>が発達</td><td>かな文字・寝殿造・大和絵</td></tr>
            <tr><td>11世紀初め</td><td>『<span class="history-culture">源氏物語</span>』『枕草子』</td><td><span class="history-person">紫式部・清少納言</span></td></tr>
            <tr><td>1016年</td><td><span class="history-person">藤原道長</span>が摂政になる</td><td><span class="history-law">摂関政治</span>の全盛期</td></tr>
            <tr><td>1053年</td><td><span class="history-place">平等院鳳凰堂</span>が完成</td><td>藤原頼通・浄土信仰</td></tr>
            <tr><td>1086年</td><td><span class="history-person">白河上皇</span>が<span class="history-law">院政</span>を始める</td><td>上皇が政治の実権を握る</td></tr>
            <tr><td>1156年</td><td>保元の乱</td><td>中央政治で武士の力が強まる</td></tr>
            <tr><td>1159年</td><td>平治の乱</td><td><span class="history-person">平清盛</span>が勢力を伸ばす</td></tr>
            <tr><td>1167年</td><td><span class="history-person">平清盛</span>が太政大臣になる</td><td>武士として初めて就任</td></tr>
            <tr><td>12世紀後半</td><td><span class="history-world">日宋貿易</span>が盛んになる</td><td><span class="history-place">大輪田泊</span>・宋銭・陶磁器</td></tr>
            <tr><td>1185年</td><td><span class="history-place">壇ノ浦</span>の戦い</td><td>平氏が滅亡する</td></tr>
          </tbody>
        </table>
      </div>
    </section>

    <section class="jhh-quiz-section" aria-labelledby="jhh-quiz-title">
      <div class="jhh-quiz-heading">
        <p class="jhh-label">8. 平安時代クイズ</p>
        <h3 id="jhh-quiz-title">🔥 36問でテスト前チェック</h3>
        <p>年代・人物・政治・文化・仏教・武士・世界とのつながりを、4択で確かめます。</p>
      </div>
      <div class="jhh-quiz-app"></div>
    </section>
  </main>
</div>
</div>

<style>
#history-learning-06 .history-person{
  color:#e67e22;
  font-weight:800;
}
#history-learning-06 .history-place{
  color:#3498db;
  font-weight:800;
}
#history-learning-06 .history-law{
  color:#27ae60;
  font-weight:800;
}
#history-learning-06 .history-culture{
  color:#e74c3c;
  font-weight:800;
}
#history-learning-06 .history-world{
  color:#8e44ad;
  font-weight:800;
}
#history-learning-06 .history-hero-title{
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:clamp(25px,4vw,38px) !important;
  font-weight:900 !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
}
#history-learning-06 .history-key-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
#history-learning-06 .history-key-tags span{
  padding:7px 12px;
  color:#633653;
  background:#fff7fb;
  border:1px solid #e9bfd2;
  border-radius:999px;
  font-size:14px;
  font-weight:800;
  line-height:1.5;
}
#junisan-heian-history-lesson{
  --jhh-ink:#392d3c;--jhh-muted:#706474;--jhh-paper:#fffdf9;--jhh-pink:#f7e7ee;
  --jhh-purple:#70486f;--jhh-deep:#503452;--jhh-rose:#a84f70;--jhh-gold:#c39a3d;
  --jhh-line:#decbd7;--jhh-sage:#60735f;--jhh-green:#287a46;--jhh-red:#b43b48;
  max-width:940px;margin:24px auto;color:var(--jhh-ink);background:var(--jhh-paper);
  border:1px solid var(--jhh-line);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.85;
}
#junisan-heian-history-lesson *{box-sizing:border-box}
#junisan-heian-history-lesson button{font:inherit}
#junisan-heian-history-lesson .jhh-hero{padding:clamp(24px,5vw,50px);color:#fff;background:#684264;border-bottom:6px solid var(--jhh-gold)}
#junisan-heian-history-lesson .jhh-kicker,#junisan-heian-history-lesson .jhh-label{margin:0 0 5px;color:var(--jhh-rose);font-size:14px;font-weight:800}
#junisan-heian-history-lesson .jhh-hero .jhh-kicker{color:#f9dce8}
#junisan-heian-history-lesson .jhh-hero h2{margin:0;color:#fff;font-size:clamp(25px,4vw,38px);line-height:1.45;letter-spacing:0}
#junisan-heian-history-lesson .jhh-hero>p:last-of-type{margin:12px 0 0}
#junisan-heian-history-lesson .jhh-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px;font-size:14px;font-weight:700}
#junisan-heian-history-lesson .jhh-flow span{padding:7px 10px;color:#503452;background:#fff7f9;border:1px solid #e6bfd0;border-radius:6px}
#junisan-heian-history-lesson .jhh-section{padding:clamp(28px,5vw,50px);border-bottom:1px solid var(--jhh-line)}
#junisan-heian-history-lesson .jhh-section:nth-child(even){background:#fbf3f6}
#junisan-heian-history-lesson .jhh-section h3,#junisan-heian-history-lesson .jhh-quiz-heading h3{margin:0 0 16px;color:var(--jhh-deep);font-size:clamp(22px,3vw,29px);line-height:1.5;letter-spacing:0}
#junisan-heian-history-lesson .jhh-section p{margin:10px 0}
#junisan-heian-history-lesson strong{color:#7c3e64}
#junisan-heian-history-lesson .jhh-memory,#junisan-heian-history-lesson .jhh-test-point{margin-top:18px;padding:13px 16px;background:#fff3d4;border-left:5px solid var(--jhh-gold);border-radius:0 6px 6px 0}
#junisan-heian-history-lesson .jhh-person-grid,#junisan-heian-history-lesson .jhh-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
#junisan-heian-history-lesson .jhh-person-grid>div,#junisan-heian-history-lesson .jhh-key-grid>div,#junisan-heian-history-lesson .jhh-pair>div{padding:16px;background:#fff;border:1px solid var(--jhh-line);border-top:4px solid var(--jhh-gold);border-radius:8px}
#junisan-heian-history-lesson .jhh-person-grid h4,#junisan-heian-history-lesson .jhh-key-grid h4,#junisan-heian-history-lesson .jhh-pair h4{margin:0 0 6px;color:var(--jhh-deep);font-size:17px}
#junisan-heian-history-lesson .jhh-person-grid p,#junisan-heian-history-lesson .jhh-key-grid p,#junisan-heian-history-lesson .jhh-pair p{margin:0;font-size:15px}
#junisan-heian-history-lesson .jhh-change-list{display:grid;gap:8px;margin:18px 0}
#junisan-heian-history-lesson .jhh-change-list>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:11px 14px;background:#fff;border-left:4px solid var(--jhh-purple)}
#junisan-heian-history-lesson .jhh-change-list b{color:var(--jhh-deep)}
#junisan-heian-history-lesson .jhh-culture{border-left:7px solid var(--jhh-gold)}
#junisan-heian-history-lesson .jhh-world{border-left:7px solid var(--jhh-sage)}
#junisan-heian-history-lesson .jhh-works{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}
#junisan-heian-history-lesson .jhh-works span{padding:7px 10px;background:#fff;border:1px solid var(--jhh-line);border-radius:6px}
#junisan-heian-history-lesson .jhh-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
#junisan-heian-history-lesson .jhh-note{font-size:13px;color:var(--jhh-muted)}
#junisan-heian-history-lesson .jhh-table-wrap{overflow-x:auto;margin-top:18px}
#junisan-heian-history-lesson table{width:100%;min-width:650px;border-collapse:collapse;background:#fff;font-size:15px}
#junisan-heian-history-lesson th,#junisan-heian-history-lesson td{padding:11px 12px;border:1px solid var(--jhh-line);text-align:left}
#junisan-heian-history-lesson th{color:#fff;background:var(--jhh-deep)}
#junisan-heian-history-lesson td:first-child{white-space:nowrap;font-weight:800;color:var(--jhh-rose)}
#junisan-heian-history-lesson .jhh-quiz-section{background:#f2e6ed}
#junisan-heian-history-lesson .jhh-quiz-heading{padding:clamp(28px,5vw,46px) clamp(20px,5vw,46px) 18px}
#junisan-heian-history-lesson .jhh-quiz-app{padding:0 clamp(14px,4vw,36px) clamp(28px,5vw,46px)}
#junisan-heian-history-lesson .jhh-quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;align-items:start}
#junisan-heian-history-lesson .jhh-panel{background:#fff;border:1px solid var(--jhh-line);border-radius:8px;overflow:hidden}
#junisan-heian-history-lesson .jhh-panel-title{padding:10px 15px;color:#fff;background:var(--jhh-deep);font-weight:800}
#junisan-heian-history-lesson .jhh-panel-body{padding:18px}
#junisan-heian-history-lesson .jhh-progress-track{height:8px;margin-bottom:18px;overflow:hidden;background:#eee2e9;border-radius:4px}
#junisan-heian-history-lesson .jhh-progress-bar{height:100%;background:var(--jhh-gold);transition:width .25s ease}
#junisan-heian-history-lesson .jhh-question{min-height:96px;padding:16px;background:#fff8fb;border-left:5px solid var(--jhh-gold);border-radius:0 6px 6px 0;font-size:17px;font-weight:700}
#junisan-heian-history-lesson .jhh-choices{display:grid;gap:9px;margin-top:14px}
#junisan-heian-history-lesson .jhh-choice{width:100%;min-height:48px;padding:11px 13px;color:var(--jhh-ink);background:#fff;border:1px solid var(--jhh-line);border-radius:7px;text-align:left;cursor:pointer}
#junisan-heian-history-lesson .jhh-choice:hover{background:#fff4f8;border-color:var(--jhh-rose)}
#junisan-heian-history-lesson .jhh-choice[aria-pressed="true"]{background:#f8dfe9;border:2px solid var(--jhh-rose)}
#junisan-heian-history-lesson .jhh-choice:disabled{cursor:default}
#junisan-heian-history-lesson .jhh-choice.is-correct{background:#e8f5e9;border-color:var(--jhh-green)}
#junisan-heian-history-lesson .jhh-choice.is-wrong{background:#fde9ec;border-color:var(--jhh-red)}
#junisan-heian-history-lesson .jhh-primary,#junisan-heian-history-lesson .jhh-secondary{width:100%;min-height:48px;margin-top:14px;padding:10px 15px;border-radius:7px;font-weight:800;cursor:pointer}
#junisan-heian-history-lesson .jhh-primary{color:#fff;background:var(--jhh-rose);border:1px solid var(--jhh-rose)}
#junisan-heian-history-lesson .jhh-primary:disabled{opacity:.45;cursor:not-allowed}
#junisan-heian-history-lesson .jhh-secondary{color:var(--jhh-deep);background:#fff;border:1px solid var(--jhh-deep)}
#junisan-heian-history-lesson .jhh-feedback{margin-top:15px;border:1px solid var(--jhh-line);border-radius:8px;overflow:hidden}
#junisan-heian-history-lesson .jhh-feedback-title{padding:9px 13px;color:#fff;font-weight:900}
#junisan-heian-history-lesson .jhh-feedback-title.ok{background:var(--jhh-green)}
#junisan-heian-history-lesson .jhh-feedback-title.ng{background:var(--jhh-red)}
#junisan-heian-history-lesson .jhh-feedback-body{padding:14px;background:#fff;line-height:1.75}
#junisan-heian-history-lesson .jhh-stats{display:grid}
#junisan-heian-history-lesson .jhh-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--jhh-line)}
#junisan-heian-history-lesson .jhh-stat:last-child{border-bottom:0}
#junisan-heian-history-lesson .jhh-stat b{color:var(--jhh-rose);font-size:21px}
#junisan-heian-history-lesson .jhh-review-list{margin:0;padding-left:20px;color:var(--jhh-muted);font-size:14px}
#junisan-heian-history-lesson .jhh-summary{padding:28px;text-align:center}
#junisan-heian-history-lesson .jhh-score{margin:5px 0;color:var(--jhh-rose);font-size:38px;font-weight:900}
#junisan-heian-history-lesson .jhh-summary-message{max-width:620px;margin:16px auto;padding:14px;background:#fff7e1;border:1px solid var(--jhh-line);border-radius:8px}
@media(max-width:760px){
  #junisan-heian-history-lesson{margin:12px 0}
  #junisan-heian-history-lesson .jhh-flow b{display:none}
  #junisan-heian-history-lesson .jhh-person-grid,#junisan-heian-history-lesson .jhh-key-grid,#junisan-heian-history-lesson .jhh-pair,#junisan-heian-history-lesson .jhh-quiz-layout{grid-template-columns:1fr}
  #junisan-heian-history-lesson .jhh-change-list>div{grid-template-columns:1fr;gap:2px}
  #junisan-heian-history-lesson .jhh-question{font-size:16px}
}
@media(prefers-reduced-motion:reduce){#junisan-heian-history-lesson *{scroll-behavior:auto!important;transition:none!important}}
</style>

<script>
(() => {
  const root = document.getElementById("junisan-heian-history-lesson");
  if (!root) return;
  const app = root.querySelector(".jhh-quiz-app");
  const QUESTIONS = [
    {q:"794年、桓武天皇が移した都はどこか。",c:["平城京","平安京","長岡京","鎌倉"],a:1,e:"平安京は現在の京都市に置かれました。794年・桓武天皇・平安京をセットで覚えましょう。"},
    {q:"平安京へ都を移した天皇は誰か。",c:["聖武天皇","桓武天皇","白河天皇","後醍醐天皇"],a:1,e:"桓武天皇は奈良の寺院勢力から離れ、政治を立て直そうとしました。"},
    {q:"桓武天皇が平安京へ都を移した目的として適切なものはどれか。",c:["寺院勢力の影響を弱め政治を立て直す","元の襲来に備える","明との貿易を始める","武士の借金をなくす"],a:0,e:"奈良の大寺院から離れ、新しい都で律令政治を立て直すねらいがありました。"},
    {q:"797年、征夷大将軍となり東北地方の支配を進めた人物は誰か。",c:["坂上田村麻呂","菅原道真","藤原道長","源頼朝"],a:0,e:"坂上田村麻呂は東北地方の蝦夷を討つため、征夷大将軍に任命されました。"},
    {q:"坂上田村麻呂が任命された役職はどれか。",c:["関白","征夷大将軍","執権","太政大臣"],a:1,e:"征夷大将軍は、もとは蝦夷を討つ軍の最高責任者でした。"},
    {q:"804年に唐へ渡った二人の僧は誰か。",c:["最澄と空海","法然と親鸞","鑑真と行基","栄西と道元"],a:0,e:"最澄と空海は唐で新しい仏教を学び、帰国後にそれぞれの宗派を広めました。"},
    {q:"比叡山延暦寺を開き、天台宗を広めた人物は誰か。",c:["空海","最澄","法然","一遍"],a:1,e:"最澄・天台宗・比叡山延暦寺を一組で覚えます。"},
    {q:"高野山金剛峯寺を開き、真言宗を広めた人物は誰か。",c:["最澄","空海","親鸞","日蓮"],a:1,e:"空海・真言宗・高野山金剛峯寺を一組で覚えましょう。"},
    {q:"894年、遣唐使の停止を提案した人物は誰か。",c:["菅原道真","藤原頼通","坂上田村麻呂","平清盛"],a:0,e:"菅原道真は唐の衰えや航海の危険などを考え、遣唐使の停止を提案しました。"},
    {q:"遣唐使停止後に発達した、日本の風土や生活に合った文化はどれか。",c:["天平文化","国風文化","北山文化","東山文化"],a:1,e:"国風文化では、かな文字を使った文学や日本風の住まい・絵画が発達しました。"},
    {q:"藤原氏が政治の実権を握るために利用した関係はどれか。",c:["娘を天皇のきさきにする親戚関係","御家人との主従関係","明との貿易関係","農民との契約関係"],a:0,e:"藤原氏は娘を天皇のきさきにし、生まれた天皇の外祖父として力を持ちました。"},
    {q:"幼い天皇に代わって政治を行う役職はどれか。",c:["関白","摂政","執権","管領"],a:1,e:"摂政は幼い天皇を助けます。成人した天皇を補佐する関白との違いが頻出です。"},
    {q:"成人した天皇を補佐する役職はどれか。",c:["摂政","関白","守護","六波羅探題"],a:1,e:"関白は成人した天皇を補佐する役職です。摂政と合わせて覚えましょう。"},
    {q:"藤原氏が摂政・関白として行った政治を何というか。",c:["院政","摂関政治","執権政治","武断政治"],a:1,e:"摂政と関白を中心に藤原氏が実権を握った政治を摂関政治といいます。"},
    {q:"1016年に摂政となり、摂関政治の全盛期を築いた人物は誰か。",c:["藤原道長","藤原頼通","白河上皇","平清盛"],a:0,e:"藤原道長は『この世をば』の歌でも知られ、摂関政治の全盛期を築きました。"},
    {q:"藤原道長の子で、平等院鳳凰堂を建てた人物は誰か。",c:["藤原頼通","藤原定家","藤原純友","菅原道真"],a:0,e:"藤原頼通は1053年、宇治に平等院鳳凰堂を建てました。"},
    {q:"1053年、宇治に建てられた阿弥陀堂はどれか。",c:["中尊寺金色堂","平等院鳳凰堂","銀閣","東大寺大仏殿"],a:1,e:"平等院鳳凰堂は浄土信仰を表す建築で、現在の10円硬貨にも描かれています。"},
    {q:"阿弥陀仏にすがり、死後に極楽浄土へ生まれ変わることを願う信仰はどれか。",c:["浄土信仰","禅宗","鎮護国家","神仏分離"],a:0,e:"末法の世が近いと考えられた平安時代後半に、浄土信仰が広まりました。"},
    {q:"漢字をもとに作られ、国風文化の発達を支えた文字はどれか。",c:["ハングル","かな文字","ローマ字","甲骨文字"],a:1,e:"かな文字が広まったことで、女性による文学作品も多く生まれました。"},
    {q:"紫式部が書いた長編物語はどれか。",c:["枕草子","源氏物語","徒然草","方丈記"],a:1,e:"『源氏物語』は光源氏を主人公とする、国風文化を代表する作品です。"},
    {q:"清少納言が宮中での生活や自然について記した随筆はどれか。",c:["源氏物語","枕草子","平家物語","土佐日記"],a:1,e:"『枕草子』は『春はあけぼの』で始まる随筆として知られます。"},
    {q:"905年にまとめられた、最初の勅撰和歌集はどれか。",c:["万葉集","古今和歌集","新古今和歌集","百人一首"],a:1,e:"『古今和歌集』は天皇の命令でまとめられた最初の勅撰和歌集です。紀貫之らが編さんしました。"},
    {q:"平安時代の貴族の住宅様式はどれか。",c:["校倉造","寝殿造","書院造","武家造"],a:1,e:"寝殿造は広い池や庭を持つ貴族の住宅様式で、国風文化を代表します。"},
    {q:"日本の風景や物語などを日本風に描いた絵画はどれか。",c:["水墨画","大和絵","浮世絵","油絵"],a:1,e:"大和絵は国風文化の中で発達しました。中国風の絵に対する日本風の絵画です。"},
    {q:"1086年に院政を始めた人物は誰か。",c:["白河上皇","後鳥羽上皇","桓武天皇","藤原道長"],a:0,e:"白河上皇は天皇を退いた後も院で政治を行い、摂関家をおさえました。"},
    {q:"上皇が天皇に代わって実権を握る政治を何というか。",c:["摂関政治","院政","執権政治","建武の新政"],a:1,e:"院政では、上皇が住む御所である院を中心に政治を行いました。"},
    {q:"地方の有力者が土地を守るために武装し、つくった集団を何というか。",c:["武士団","惣","座","一向一揆"],a:0,e:"土地争いが増える中で武装した有力者がまとまり、武士団が成長しました。"},
    {q:"武士団をまとめる有力な武士を何というか。",c:["棟梁","関白","国司","管領"],a:0,e:"武士団の中心となる人物を棟梁といい、源氏や平氏が代表的な棟梁となりました。"},
    {q:"1156年、天皇や上皇の対立に武士が参加した争いはどれか。",c:["保元の乱","承久の乱","応仁の乱","壬申の乱"],a:0,e:"保元の乱では中央政治の争いに武士が動員され、武士の力が強まりました。"},
    {q:"1159年、平清盛が源氏を破って勢力を伸ばした争いはどれか。",c:["平治の乱","保元の乱","承久の乱","前九年合戦"],a:0,e:"平治の乱の後、平清盛が中央政治で大きな力を持つようになりました。"},
    {q:"1167年、武士として初めて太政大臣となった人物は誰か。",c:["源頼朝","平清盛","源義家","北条時政"],a:1,e:"平清盛は武士として初めて朝廷の最高職である太政大臣になりました。"},
    {q:"平清盛が日宋貿易の拠点として整備した港はどこか。",c:["大輪田泊","博多津","堺","十三湊"],a:0,e:"大輪田泊は現在の神戸港付近にあり、日宋貿易の重要な拠点となりました。"},
    {q:"平清盛が積極的に進めた貿易はどれか。",c:["日明貿易","日宋貿易","南蛮貿易","朱印船貿易"],a:1,e:"日宋貿易では宋銭や陶磁器などが日本へ輸入されました。"},
    {q:"日宋貿易で日本へ多く入ってきたものの組み合わせはどれか。",c:["宋銭・陶磁器","鉄砲・火薬","勘合・銀","綿織物・時計"],a:0,e:"宋銭・陶磁器・絹織物などが輸入され、宋銭は日本国内でも広く使われました。"},
    {q:"960年に中国で成立し、商業や海上貿易が発達した王朝はどれか。",c:["唐","宋","元","明"],a:1,e:"宋では商業と貨幣経済が発達し、日本との日宋貿易も盛んになりました。"},
    {q:"1185年、平氏が滅亡した戦いはどれか。",c:["壇ノ浦の戦い","関ヶ原の戦い","川中島の戦い","長篠の戦い"],a:0,e:"壇ノ浦の戦いで平氏が滅び、源氏の力が強まりました。平安時代から鎌倉時代への転換点です。"}
  ];

  let activeQuestions=[...QUESTIONS],index=0,score=0,selected=null,answered=false,wrong=[],isReview=false;
  const letters=["A","B","C","D"];
  const escapeHtml=value=>String(value).replace(/[&<>"']/g,char=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"}[char]));

  function renderQuestion(){
    const item=activeQuestions[index];
    const progress=Math.round((index/activeQuestions.length)*100);
    const rate=index?Math.round((score/index)*100):0;
    app.innerHTML=`
      <div class="jhh-quiz-layout">
        <section class="jhh-panel">
          <div class="jhh-panel-title">${isReview?"間違えた問題の復習":"平安時代クイズ"} ${index+1} / ${activeQuestions.length}</div>
          <div class="jhh-panel-body">
            <div class="jhh-progress-track" aria-hidden="true"><div class="jhh-progress-bar" style="width:${progress}%"></div></div>
            <div class="jhh-question"><span>問${index+1}</span><br>${escapeHtml(item.q)}</div>
            <div class="jhh-choices" role="group" aria-label="選択肢">
              ${item.c.map((choice,choiceIndex)=>`<button type="button" class="jhh-choice" data-choice="${choiceIndex}" aria-pressed="false"><strong>${letters[choiceIndex]}.</strong> ${escapeHtml(choice)}</button>`).join("")}
            </div>
            <button type="button" class="jhh-primary jhh-submit" disabled>答えを見る</button>
            <div class="jhh-result" aria-live="polite"></div>
          </div>
        </section>
        <aside>
          <section class="jhh-panel">
            <div class="jhh-panel-title">学習の進み具合</div>
            <div class="jhh-panel-body jhh-stats">
              <div class="jhh-stat"><span>正解数</span><b>${score}</b></div>
              <div class="jhh-stat"><span>正答率</span><b>${rate}%</b></div>
              <div class="jhh-stat"><span>残り</span><b>${activeQuestions.length-index}</b></div>
            </div>
          </section>
          <section class="jhh-panel" style="margin-top:12px">
            <div class="jhh-panel-title">復習リスト</div>
            <div class="jhh-panel-body">${wrong.length?`<ol class="jhh-review-list">${wrong.map(item=>`<li>${escapeHtml(item.q)}</li>`).join("")}</ol>`:`<p class="jhh-note">まだ間違えた問題はありません。</p>`}</div>
          </section>
        </aside>
      </div>`;
    app.querySelectorAll(".jhh-choice").forEach(button=>button.addEventListener("click",()=>selectChoice(Number(button.dataset.choice))));
    app.querySelector(".jhh-submit").addEventListener("click",submitAnswer);
  }

  function selectChoice(choiceIndex){
    if(answered)return;
    selected=choiceIndex;
    app.querySelectorAll(".jhh-choice").forEach((button,buttonIndex)=>button.setAttribute("aria-pressed",String(buttonIndex===selected)));
    app.querySelector(".jhh-submit").disabled=false;
  }

  function submitAnswer(){
    if(answered||selected===null)return;
    answered=true;
    const item=activeQuestions[index],isCorrect=selected===item.a;
    if(isCorrect)score+=1;else if(!wrong.includes(item))wrong.push(item);
    app.querySelectorAll(".jhh-choice").forEach((button,buttonIndex)=>{
      button.disabled=true;
      if(buttonIndex===item.a)button.classList.add("is-correct");
      if(!isCorrect&&buttonIndex===selected)button.classList.add("is-wrong");
    });
    app.querySelector(".jhh-submit").hidden=true;
    app.querySelector(".jhh-result").innerHTML=`
      <div class="jhh-feedback">
        <div class="jhh-feedback-title ${isCorrect?"ok":"ng"}">${isCorrect?"正解！":"おしい！"}</div>
        <div class="jhh-feedback-body">
          <p><strong>答え：${letters[item.a]}. ${escapeHtml(item.c[item.a])}</strong></p>
          <p>${escapeHtml(item.e)}</p>
          <button type="button" class="jhh-primary jhh-next">${index+1===activeQuestions.length?"結果を見る":"次の問題へ"}</button>
        </div>
      </div>`;
    app.querySelector(".jhh-next").addEventListener("click",nextQuestion);
  }

  function nextQuestion(){
    index+=1;selected=null;answered=false;
    if(index>=activeQuestions.length)renderSummary();else renderQuestion();
  }

  function renderSummary(){
    const total=activeQuestions.length,rate=Math.round((score/total)*100);
    let message="間違えた語句を記事と年表で確認し、人物・政治・文化をつなげて覚えましょう。";
    if(rate===100)message="全問正解です。平安時代の長い流れがしっかり整理できています。";
    else if(rate>=80)message="よくできました。間違えた問題だけ復習すれば、定期テスト対策はかなり仕上がります。";
    else if(rate>=60)message="基本の流れはつかめています。前半の貴族政治と後半の武士の成長を分けて見直しましょう。";
    app.innerHTML=`
      <section class="jhh-panel">
        <div class="jhh-panel-title">${isReview?"復習結果":"結果発表"}</div>
        <div class="jhh-summary">
          <p>正解数</p><div class="jhh-score">${score} / ${total}</div>
          <p>正答率：<strong>${rate}%</strong></p>
          <div class="jhh-summary-message">${message}</div>
          ${wrong.length?`<button type="button" class="jhh-primary jhh-review">間違えた${wrong.length}問だけ復習する</button>`:`<p><strong>全問クリア！</strong></p>`}
          <button type="button" class="jhh-secondary jhh-restart">36問を最初からやり直す</button>
        </div>
      </section>`;
    const reviewButton=app.querySelector(".jhh-review");
    if(reviewButton)reviewButton.addEventListener("click",reviewWrong);
    app.querySelector(".jhh-restart").addEventListener("click",restartAll);
  }

  function reviewWrong(){
    activeQuestions=[...wrong];wrong=[];index=0;score=0;selected=null;answered=false;isReview=true;renderQuestion();
  }
  function restartAll(){
    activeQuestions=[...QUESTIONS];wrong=[];index=0;score=0;selected=null;answered=false;isReview=false;renderQuestion();
  }
  renderQuestion();
})();
</script>



<!-- 歴史学習ページ共通ナビ（現在のページ：history-learning-05） -->
<div class="history-nav">
  <a href="#" class="history-nav-btn prev disabled">
    ← 前の時代へ
  </a>

  <a href="https://jouniorsankosodate.com/history-learning-list/" class="history-nav-btn index">
    🏯 歴史学習一覧へ
  </a>

  <a href="https://jouniorsankosodate.com/history-learning-07/" class="history-nav-btn next">
    次の時代へ →
  </a>
</div>

<style>
.history-nav{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:12px;
  margin:32px 0 12px;
  align-items:center;
}

.history-nav-btn{
  display:block;
  padding:12px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  text-align:center;
  border:1px solid #f3d7a4;
  background:#fffaf0;
  color:#7c2d12;
  transition:all .2s ease;
  box-shadow:0 3px 8px rgba(120,80,20,.08);
}

.history-nav-btn:hover{
  background:#ffedd5;
  transform:translateY(-1px);
}

.history-nav-btn.index{
  background:linear-gradient(135deg,#f59e0b,#ea580c);
  color:#ffffff;
  border-color:#ea580c;
}

.history-nav-btn.index:hover{
  background:linear-gradient(135deg,#f97316,#c2410c);
}

.history-nav-btn.prev{
  justify-self:start;
}

.history-nav-btn.next{
  justify-self:end;
}

.history-nav-btn.disabled{
  opacity:.45;
  pointer-events:none;
  background:#fef3c7;
  color:#a8a29e;
}

@media (max-width:768px){
  .history-nav{
    grid-template-columns:1fr;
  }

  .history-nav-btn.prev,
  .history-nav-btn.next,
  .history-nav-btn.index{
    justify-self:stretch;
  }
}
</style>
<p>投稿 <a href="https://jouniorsankosodate.com/history-learning-06/">【平安時代をざっくり解説】貴族の時代から武士の時代へ！年表とクイズで楽しく覚えよう</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/history-learning-06/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【奈良時代をざっくり解説】大仏・聖武天皇・平城京をクイズで楽しく覚えよう！</title>
		<link>https://jouniorsankosodate.com/history-learning-05/</link>
					<comments>https://jouniorsankosodate.com/history-learning-05/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sat, 20 Jun 2026 08:04:41 +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=6357</guid>

					<description><![CDATA[<p>中学生の定期テスト対策 奈良時代は「大仏」を中心に見るとわかりやすい 710年から794年まで。国の仕組みを整え、仏教の力で国を守ろうとした時代です。 🏙️ 平城京 👑 聖武天皇 🏯 東大寺 🙏 大仏 📜 大宝律令 🌏  [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/history-learning-05/">【奈良時代をざっくり解説】大仏・聖武天皇・平城京をクイズで楽しく覚えよう！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/06/d4173b51f943c10f75d34e2d8f035db3.jpg" alt="" class="wp-image-6358" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/06/d4173b51f943c10f75d34e2d8f035db3.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/06/d4173b51f943c10f75d34e2d8f035db3-300x200.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/06/d4173b51f943c10f75d34e2d8f035db3-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div id="history-learning-05">
<div id="junisan-nara-history-lesson">
  <header class="jnh-hero">
    <p class="jnh-kicker">中学生の定期テスト対策</p>
    <h2 class="history-hero-title">奈良時代は「大仏」を中心に見るとわかりやすい</h2>
    <p>710年から794年まで。国の仕組みを整え、仏教の力で国を守ろうとした時代です。</p>
    <div class="history-key-tags" aria-label="奈良時代の重要語句">
      <span>🏙️ 平城京</span>
      <span>👑 聖武天皇</span>
      <span>🏯 東大寺</span>
      <span>🙏 大仏</span>
      <span>📜 大宝律令</span>
      <span>🌏 唐</span>
    </div>
  </header>

  <main class="jnh-article">
    <section class="jnh-section" aria-labelledby="jnh-nara-image">
      <p class="jnh-label">1. 奈良時代といえば？</p>
      <h3 id="jnh-nara-image">✨ 大仏の時代！</h3>
      <p>奈良時代は、天皇を中心に国のルールを整え、<span class="history-culture">仏教</span>の力で国を守ろうとした時代です。その象徴が、奈良の<span class="history-place">東大寺</span>に造られた<span class="history-culture">大仏</span>です。</p>
      <div class="jnh-memory"><strong>最初の一歩：</strong>「奈良＝大仏」と結び付ければ、時代のイメージがつかめます。</div>
    </section>

    <section class="jnh-section" aria-labelledby="jnh-main-person">
      <p class="jnh-label">2. ほぼ誰の時代？</p>
      <h3 id="jnh-main-person">👑 中心人物は聖武天皇</h3>
      <p>奈良時代には何人もの天皇がいますが、定期テストで特によく出るのが<span class="history-person">聖武天皇</span>です。疫病や災害、反乱が続く中で、「仏教の力で国を安定させたい」と考えました。</p>
      <p>全国に<span class="history-culture">国分寺・国分尼寺</span>を建てさせ、都には<span class="history-place">東大寺</span>と<span class="history-culture">大仏</span>を造らせました。この4語はひとまとまりで覚えましょう。</p>
    </section>

    <section class="jnh-section" aria-labelledby="jnh-capital">
      <p class="jnh-label">3. 都はどこ？</p>
      <h3 id="jnh-capital">🏙️ 710年、平城京へ</h3>
      <p><span class="history-place">平城京</span>は、現在の<span class="history-place">奈良市</span>に置かれた都です。中国の<span class="history-world">唐</span>の都・長安を手本に、道路を碁盤の目のように整えました。</p>
      <div class="jnh-test-point"><strong>🔥 テスト頻出：</strong>710年・平城京・長安の3語をセットで確認。</div>
    </section>

    <section class="jnh-section jnh-world" aria-labelledby="jnh-world">
      <p class="jnh-label">4. 世界では？</p>
      <h3 id="jnh-world">🌏 中国では唐が栄えていた</h3>
      <p>奈良時代の日本は、遣唐使を送り、<span class="history-world">唐</span>の政治制度・仏教・文化を学びました。<span class="history-place">平城京</span>のつくりや律令の仕組みにも、唐の影響が見られます。</p>
      <p>唐の都・<span class="history-place">長安</span>は、<span class="history-world">シルクロード</span>につながる国際都市でした。各地の品物や文化が唐を経て日本にも届き、その一部が<span class="history-place">正倉院</span>に残っています。</p>
    </section>

    <section class="jnh-section" aria-labelledby="jnh-keywords">
      <p class="jnh-label">5. ここだけ覚えよう</p>
      <h3 id="jnh-keywords">💡 重要語句を3つのまとまりで整理</h3>
      <div class="jnh-key-grid">
        <div>
          <h4>国の仕組み</h4>
          <p><span class="history-law">大宝律令</span>／<span class="history-place">平城京</span>／<span class="history-law">班田収授法</span>／租・調・庸／三世一身法／墾田永年私財法</p>
        </div>
        <div>
          <h4>仏教と人物</h4>
          <p><span class="history-person">聖武天皇</span>／国分寺・国分尼寺／<span class="history-place">東大寺</span>／大仏／<span class="history-person">鑑真</span>／唐招提寺</p>
        </div>
        <div>
          <h4>文化と世界</h4>
          <p>天平文化／<span class="history-place">正倉院</span>／古事記／日本書紀／風土記／<span class="history-culture">万葉集</span>／<span class="history-world">唐</span>／シルクロード</p>
        </div>
      </div>

      <div class="jnh-explain-grid">
        <div>
          <h4>土地の仕組み</h4>
          <p>戸籍をもとに口分田を配るのが<span class="history-law">班田収授法</span>。開墾地の永久私有を認めたのが<span class="history-law">墾田永年私財法</span>です。</p>
        </div>
        <div>
          <h4>農民の負担</h4>
          <p><span class="history-law">租・調・庸</span>は、稲・特産物・布などを納める負担です。ほかに雑徭や兵役もありました。</p>
        </div>
      </div>
    </section>

    <section class="jnh-section" aria-labelledby="jnh-timeline">
      <p class="jnh-label">6. 奈良時代年表</p>
      <h3 id="jnh-timeline">📚 流れを年代で確認</h3>
      <div class="jnh-table-wrap">
        <table>
          <thead><tr><th>年代</th><th>出来事</th><th>覚えるポイント</th></tr></thead>
          <tbody>
            <tr><td>701年</td><td><span class="history-law">大宝律令</span></td><td>律令国家の基本を整える</td></tr>
            <tr><td>708年</td><td>和同開珎</td><td>朝廷が発行した貨幣</td></tr>
            <tr><td>710年</td><td><span class="history-place">平城京</span>へ遷都</td><td><span class="history-world">唐</span>の長安を手本にする</td></tr>
            <tr><td>723年</td><td><span class="history-law">三世一身法</span></td><td>開墾地の私有を一定期間認める</td></tr>
            <tr><td>741年</td><td><span class="history-culture">国分寺・国分尼寺</span>建立の詔</td><td><span class="history-person">聖武天皇</span>が仏教で国を守ろうとする</td></tr>
            <tr><td>743年</td><td><span class="history-law">墾田永年私財法</span></td><td>開墾地の永久私有を認める</td></tr>
            <tr><td>743年</td><td>大仏造立の詔</td><td>東大寺の大仏造立を命じる</td></tr>
            <tr><td>752年</td><td><span class="history-place">東大寺</span>大仏の開眼供養</td><td>天平文化を代表する出来事</td></tr>
            <tr><td>754年</td><td><span class="history-person">鑑真</span>が来日</td><td>正式な仏教の戒律を伝える</td></tr>
            <tr><td>759年ごろ</td><td>『<span class="history-culture">万葉集</span>』</td><td>さまざまな身分の人の和歌を収める</td></tr>
          </tbody>
        </table>
      </div>
      <p class="jnh-note">※奈良時代は一般に710年から794年ですが、701年の大宝律令など、時代の仕組みを理解するために直前の重要事項も掲載しています。</p>
    </section>

    <section class="jnh-quiz-section" aria-labelledby="jnh-quiz-title">
      <div class="jnh-quiz-heading">
        <p class="jnh-label">7. 奈良時代クイズ</p>
        <h3 id="jnh-quiz-title">🔥 32問でテスト前チェック</h3>
        <p>年代・人物・制度・仏教・文化・世界とのつながりを、4択で確かめます。</p>
      </div>
      <div class="jnh-quiz-app"></div>
    </section>
  </main>
</div>
</div>

<style>
#history-learning-05 .history-person{
  color:#e67e22;
  font-weight:800;
}
#history-learning-05 .history-place{
  color:#3498db;
  font-weight:800;
}
#history-learning-05 .history-law{
  color:#27ae60;
  font-weight:800;
}
#history-learning-05 .history-culture{
  color:#e74c3c;
  font-weight:800;
}
#history-learning-05 .history-world{
  color:#8e44ad;
  font-weight:800;
}
#history-learning-05 .history-hero-title{
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:clamp(25px,4vw,38px) !important;
  font-weight:900 !important;
  line-height:1.5 !important;
  letter-spacing:0 !important;
}
#history-learning-05 .history-key-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
#history-learning-05 .history-key-tags span{
  padding:7px 12px;
  color:#7c2d12;
  background:#fff7ed;
  border:1px solid #fed7aa;
  border-radius:999px;
  font-size:14px;
  font-weight:800;
  line-height:1.5;
}
#junisan-nara-history-lesson{
  --jnh-ink:#382a20;
  --jnh-muted:#6f6258;
  --jnh-paper:#fffdf7;
  --jnh-cream:#f8f0df;
  --jnh-gold:#c68a1b;
  --jnh-orange:#b95420;
  --jnh-brown:#713c23;
  --jnh-line:#dfc99f;
  --jnh-sage:#667252;
  --jnh-green:#287a46;
  --jnh-red:#b8382f;
  max-width:940px;
  margin:24px auto;
  color:var(--jnh-ink);
  background:var(--jnh-paper);
  border:1px solid var(--jnh-line);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;
  line-height:1.85;
}
#junisan-nara-history-lesson *{box-sizing:border-box}
#junisan-nara-history-lesson button{font:inherit}
#junisan-nara-history-lesson .jnh-hero{
  padding:clamp(24px,5vw,50px);
  color:#fff;
  background:#8b431f;
  border-bottom:6px solid #d6a138;
}
#junisan-nara-history-lesson .jnh-kicker,
#junisan-nara-history-lesson .jnh-label{
  margin:0 0 5px;
  color:var(--jnh-orange);
  font-size:14px;
  font-weight:800;
}
#junisan-nara-history-lesson .jnh-hero .jnh-kicker{color:#ffe4a6}
#junisan-nara-history-lesson .jnh-hero h2{
  margin:0;
  color:#fff;
  font-size:clamp(25px,4vw,38px);
  line-height:1.45;
  letter-spacing:0;
}
#junisan-nara-history-lesson .jnh-hero>p:last-of-type{margin:12px 0 0}
#junisan-nara-history-lesson .jnh-flow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
  font-size:14px;
  font-weight:700;
}
#junisan-nara-history-lesson .jnh-flow span{
  padding:7px 10px;
  color:#4e2c1e;
  background:#fff7df;
  border:1px solid #e9c56e;
  border-radius:6px;
}
#junisan-nara-history-lesson .jnh-article{background:#fffdf7}
#junisan-nara-history-lesson .jnh-section{
  padding:clamp(28px,5vw,50px);
  border-bottom:1px solid var(--jnh-line);
}
#junisan-nara-history-lesson .jnh-section:nth-child(even){background:#fbf5e9}
#junisan-nara-history-lesson .jnh-section h3,
#junisan-nara-history-lesson .jnh-quiz-heading h3{
  margin:0 0 16px;
  color:var(--jnh-brown);
  font-size:clamp(22px,3vw,29px);
  line-height:1.5;
  letter-spacing:0;
}
#junisan-nara-history-lesson .jnh-section p{margin:10px 0}
#junisan-nara-history-lesson strong{color:#7f351b}
#junisan-nara-history-lesson .jnh-memory,
#junisan-nara-history-lesson .jnh-test-point{
  margin-top:18px;
  padding:13px 16px;
  background:#fff4ce;
  border-left:5px solid var(--jnh-gold);
  border-radius:0 6px 6px 0;
}
#junisan-nara-history-lesson .jnh-world{border-left:7px solid var(--jnh-sage)}
#junisan-nara-history-lesson .jnh-key-grid,
#junisan-nara-history-lesson .jnh-explain-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}
#junisan-nara-history-lesson .jnh-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#junisan-nara-history-lesson .jnh-key-grid>div,
#junisan-nara-history-lesson .jnh-explain-grid>div{
  padding:16px;
  background:#fff;
  border:1px solid var(--jnh-line);
  border-top:4px solid var(--jnh-gold);
  border-radius:8px;
}
#junisan-nara-history-lesson .jnh-key-grid h4,
#junisan-nara-history-lesson .jnh-explain-grid h4{
  margin:0 0 6px;
  color:var(--jnh-brown);
  font-size:17px;
}
#junisan-nara-history-lesson .jnh-key-grid p,
#junisan-nara-history-lesson .jnh-explain-grid p{margin:0;font-size:15px}
#junisan-nara-history-lesson .jnh-table-wrap{overflow-x:auto;margin-top:18px}
#junisan-nara-history-lesson table{
  width:100%;
  min-width:650px;
  border-collapse:collapse;
  background:#fff;
  font-size:15px;
}
#junisan-nara-history-lesson th,
#junisan-nara-history-lesson td{
  padding:11px 12px;
  border:1px solid var(--jnh-line);
  text-align:left;
}
#junisan-nara-history-lesson th{color:#fff;background:var(--jnh-brown)}
#junisan-nara-history-lesson td:first-child{white-space:nowrap;font-weight:800;color:var(--jnh-orange)}
#junisan-nara-history-lesson .jnh-note{font-size:13px;color:var(--jnh-muted)}
#junisan-nara-history-lesson .jnh-quiz-section{background:#f4ead7}
#junisan-nara-history-lesson .jnh-quiz-heading{padding:clamp(28px,5vw,46px) clamp(20px,5vw,46px) 18px}
#junisan-nara-history-lesson .jnh-quiz-app{padding:0 clamp(14px,4vw,36px) clamp(28px,5vw,46px)}
#junisan-nara-history-lesson .jnh-quiz-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:16px;
  align-items:start;
}
#junisan-nara-history-lesson .jnh-panel{
  background:#fff;
  border:1px solid var(--jnh-line);
  border-radius:8px;
  overflow:hidden;
}
#junisan-nara-history-lesson .jnh-panel-title{
  padding:10px 15px;
  color:#fff;
  background:var(--jnh-brown);
  font-weight:800;
}
#junisan-nara-history-lesson .jnh-panel-body{padding:18px}
#junisan-nara-history-lesson .jnh-progress-track{
  height:8px;
  margin-bottom:18px;
  overflow:hidden;
  background:#eee4d2;
  border-radius:4px;
}
#junisan-nara-history-lesson .jnh-progress-bar{height:100%;background:var(--jnh-gold);transition:width .25s ease}
#junisan-nara-history-lesson .jnh-question{
  min-height:96px;
  padding:16px;
  background:#fffaf0;
  border-left:5px solid var(--jnh-gold);
  border-radius:0 6px 6px 0;
  font-size:17px;
  font-weight:700;
}
#junisan-nara-history-lesson .jnh-choices{display:grid;gap:9px;margin-top:14px}
#junisan-nara-history-lesson .jnh-choice{
  width:100%;
  min-height:48px;
  padding:11px 13px;
  color:var(--jnh-ink);
  background:#fff;
  border:1px solid var(--jnh-line);
  border-radius:7px;
  text-align:left;
  cursor:pointer;
}
#junisan-nara-history-lesson .jnh-choice:hover{background:#fff8e8;border-color:var(--jnh-gold)}
#junisan-nara-history-lesson .jnh-choice[aria-pressed="true"]{
  background:#fff0bd;
  border:2px solid var(--jnh-gold);
}
#junisan-nara-history-lesson .jnh-choice:disabled{cursor:default}
#junisan-nara-history-lesson .jnh-choice.is-correct{background:#e8f5e9;border-color:var(--jnh-green)}
#junisan-nara-history-lesson .jnh-choice.is-wrong{background:#fde9e7;border-color:var(--jnh-red)}
#junisan-nara-history-lesson .jnh-primary,
#junisan-nara-history-lesson .jnh-secondary{
  width:100%;
  min-height:48px;
  margin-top:14px;
  padding:10px 15px;
  border-radius:7px;
  font-weight:800;
  cursor:pointer;
}
#junisan-nara-history-lesson .jnh-primary{color:#fff;background:var(--jnh-orange);border:1px solid var(--jnh-orange)}
#junisan-nara-history-lesson .jnh-primary:disabled{opacity:.45;cursor:not-allowed}
#junisan-nara-history-lesson .jnh-secondary{color:var(--jnh-brown);background:#fff;border:1px solid var(--jnh-brown)}
#junisan-nara-history-lesson .jnh-feedback{margin-top:15px;border:1px solid var(--jnh-line);border-radius:8px;overflow:hidden}
#junisan-nara-history-lesson .jnh-feedback-title{padding:9px 13px;color:#fff;font-weight:900}
#junisan-nara-history-lesson .jnh-feedback-title.ok{background:var(--jnh-green)}
#junisan-nara-history-lesson .jnh-feedback-title.ng{background:var(--jnh-red)}
#junisan-nara-history-lesson .jnh-feedback-body{padding:14px;background:#fff;line-height:1.75}
#junisan-nara-history-lesson .jnh-stats{display:grid;gap:0}
#junisan-nara-history-lesson .jnh-stat{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid var(--jnh-line);
}
#junisan-nara-history-lesson .jnh-stat:last-child{border-bottom:0}
#junisan-nara-history-lesson .jnh-stat b{color:var(--jnh-orange);font-size:21px}
#junisan-nara-history-lesson .jnh-review-list{margin:0;padding-left:20px;color:var(--jnh-muted);font-size:14px}
#junisan-nara-history-lesson .jnh-summary{padding:28px;text-align:center}
#junisan-nara-history-lesson .jnh-score{margin:5px 0;color:var(--jnh-orange);font-size:38px;font-weight:900}
#junisan-nara-history-lesson .jnh-summary-message{
  max-width:620px;
  margin:16px auto;
  padding:14px;
  background:#fff8df;
  border:1px solid var(--jnh-line);
  border-radius:8px;
}
@media(max-width:760px){
  #junisan-nara-history-lesson{margin:12px 0}
  #junisan-nara-history-lesson .jnh-flow b{display:none}
  #junisan-nara-history-lesson .jnh-key-grid,
  #junisan-nara-history-lesson .jnh-explain-grid,
  #junisan-nara-history-lesson .jnh-quiz-layout{grid-template-columns:1fr}
  #junisan-nara-history-lesson .jnh-question{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  #junisan-nara-history-lesson *{scroll-behavior:auto!important;transition:none!important}
}
</style>

<script>
(() => {
  const root = document.getElementById("junisan-nara-history-lesson");
  if (!root) return;
  const app = root.querySelector(".jnh-quiz-app");
  const QUESTIONS = [
    {q:"701年に完成し、律令国家の基本となった法典はどれか。",c:["大宝律令","御成敗式目","武家諸法度","十七条の憲法"],a:0,e:"大宝律令は、刑罰を定める律と政治の仕組みを定める令をまとめた法典です。701年との組み合わせは頻出です。"},
    {q:"708年に朝廷が発行した貨幣はどれか。",c:["富本銭","和同開珎","宋銭","寛永通宝"],a:1,e:"和同開珎は奈良時代の直前に発行され、平城京の市などで流通させようとしました。"},
    {q:"710年、藤原京から移された都はどこか。",c:["平安京","平城京","長岡京","鎌倉"],a:1,e:"平城京は現在の奈良市に置かれました。「なんと立派な平城京」と年代を結び付ける覚え方があります。"},
    {q:"平城京の都市計画の手本となった唐の都はどこか。",c:["洛陽","長安","開封","南京"],a:1,e:"唐の長安は道路が碁盤の目のように整えられた国際都市でした。"},
    {q:"戸籍をもとに、6歳以上の男女へ口分田を与えた制度はどれか。",c:["班田収授法","墾田永年私財法","三世一身法","御恩と奉公"],a:0,e:"班田収授法では口分田を与え、本人が亡くなると国へ返させました。"},
    {q:"口分田について正しい説明はどれか。",c:["永久に私有できた","本人の死後に国へ返した","武士だけに与えた","自由に売買できた"],a:1,e:"口分田は国から与えられた土地で、永久に自分のものになる土地ではありません。"},
    {q:"農民が収穫した稲の約3％を納めた税はどれか。",c:["租","調","庸","雑徭"],a:0,e:"租は稲で納める税です。調・庸との違いがよく出題されます。"},
    {q:"地方の特産物や布を都まで運んで納めた税はどれか。",c:["租","調","庸","兵役"],a:1,e:"調は地方の特産物などを納める税です。都まで運ぶ負担も農民が負いました。"},
    {q:"都で働く代わりに、布などを納めた税はどれか。",c:["租","調","庸","出挙"],a:2,e:"庸は都での労役の代わりに布などを納める負担です。租・調・庸をセットで覚えましょう。"},
    {q:"国司のもとで土木工事などに働く農民の負担を何というか。",c:["雑徭","防人","口分田","公事"],a:0,e:"雑徭は地方で行う労役です。奈良時代の農民には税だけでなく労役もありました。"},
    {q:"主に東国から送られ、九州北部の警備についた兵士は誰か。",c:["衛士","防人","御家人","地頭"],a:1,e:"防人は大陸からの攻撃に備えて九州北部を守りました。『万葉集』には防人の歌もあります。"},
    {q:"723年、開墾地の私有を一定期間認めた法令はどれか。",c:["三世一身法","墾田永年私財法","大宝律令","班田収授法"],a:0,e:"三世一身法は私有できる期間に限りがありました。743年の墾田永年私財法との違いが重要です。"},
    {q:"743年、開墾した土地の永久私有を認めた法令はどれか。",c:["三世一身法","墾田永年私財法","御成敗式目","大宝律令"],a:1,e:"墾田永年私財法により、貴族や寺社の私有地が増えていきました。"},
    {q:"墾田永年私財法によって増えるきっかけとなったものはどれか。",c:["荘園","口分田","公領だけ","城下町"],a:0,e:"開墾地の永久私有が認められ、のちの荘園の発達につながりました。"},
    {q:"仏教の力で国を守ろうとした奈良時代の天皇は誰か。",c:["桓武天皇","聖武天皇","白河天皇","後醍醐天皇"],a:1,e:"聖武天皇は疫病や災害が続く中、仏教によって国を安定させようとしました。"},
    {q:"741年、聖武天皇が全国に建てさせた寺院はどれか。",c:["国分寺・国分尼寺","金閣・銀閣","延暦寺・金剛峯寺","平等院・中尊寺"],a:0,e:"国ごとに国分寺と国分尼寺を置き、仏教で国を守ろうとしました。"},
    {q:"仏教の力によって国を守ろうとする考えを何というか。",c:["鎮護国家","摂関政治","院政","下剋上"],a:0,e:"鎮護国家は仏教によって国の平和と安定を願う考えです。聖武天皇の政策と結び付きます。"},
    {q:"聖武天皇が大仏を造らせた寺院はどこか。",c:["法隆寺","東大寺","唐招提寺","薬師寺"],a:1,e:"東大寺は全国の国分寺の中心とされ、大仏は奈良時代を象徴します。"},
    {q:"東大寺の大仏を造る命令が出された年はいつか。",c:["701年","710年","743年","794年"],a:2,e:"743年に大仏造立の詔が出されました。同じ年の墾田永年私財法も確認しましょう。"},
    {q:"752年に東大寺で行われた、大仏の完成を祝う儀式はどれか。",c:["開眼供養","大嘗祭","祇園祭","灌仏会"],a:0,e:"大仏の目に筆を入れて魂を迎える儀式を開眼供養といいます。"},
    {q:"何度も渡航に失敗しながら、754年に唐から来日した僧は誰か。",c:["最澄","空海","鑑真","行基"],a:2,e:"鑑真は日本に正式な仏教の戒律を伝えました。苦難の末に来日した人物として有名です。"},
    {q:"鑑真が奈良に開いた寺院はどれか。",c:["東大寺","唐招提寺","延暦寺","金剛峯寺"],a:1,e:"唐招提寺は鑑真が開いた寺院です。鑑真・戒律・唐招提寺をセットで覚えます。"},
    {q:"聖武天皇の遺品や国際色豊かな宝物が納められた建物はどれか。",c:["正倉院","銀閣","平等院鳳凰堂","中尊寺金色堂"],a:0,e:"正倉院にはシルクロードを通じて伝わったと考えられる宝物も残っています。"},
    {q:"正倉院で知られる建築様式はどれか。",c:["寝殿造","書院造","校倉造","武家造"],a:2,e:"木材を組み上げた校倉造で知られます。建物の写真と名称を結び付ける問題にも注意しましょう。"},
    {q:"唐の影響を受けた、奈良時代の国際色豊かな文化はどれか。",c:["国風文化","天平文化","北山文化","東山文化"],a:1,e:"天平文化は東大寺や正倉院の宝物に代表されます。文化名と時代の組み合わせが頻出です。"},
    {q:"稗田阿礼が覚えた内容を太安万侶がまとめた歴史書はどれか。",c:["古事記","日本書紀","風土記","万葉集"],a:0,e:"『古事記』は神話や天皇の系譜を記した歴史書です。人物の組み合わせも確認しましょう。"},
    {q:"日本の成り立ちを漢文でまとめた正式な歴史書はどれか。",c:["古事記","日本書紀","風土記","枕草子"],a:1,e:"『日本書紀』は漢文で書かれ、外国に示すことも意識した歴史書です。"},
    {q:"国ごとの地名の由来・産物・伝承を記した書物はどれか。",c:["風土記","万葉集","古今和歌集","平家物語"],a:0,e:"『風土記』は地方の情報をまとめた地誌です。歴史書や歌集と区別しましょう。"},
    {q:"天皇から農民、防人まで、さまざまな身分の人の和歌を収めた歌集はどれか。",c:["古今和歌集","新古今和歌集","万葉集","百人一首"],a:2,e:"『万葉集』には幅広い身分の人々の歌が収められています。759年ごろにまとめられました。"},
    {q:"奈良時代の日本が制度や文化を学んだ中国王朝はどれか。",c:["隋","唐","宋","明"],a:1,e:"奈良時代には唐が栄え、日本は遣唐使を通じて政治制度や文化を学びました。"},
    {q:"日本から唐へ送られ、制度や仏教を学んだ使節はどれか。",c:["遣隋使","遣唐使","勘合船","防人"],a:1,e:"遣唐使は唐の進んだ制度・文化・仏教を日本へ持ち帰る役割を果たしました。"},
    {q:"正倉院の宝物とも関係が深い、中国と西方を結んだ交易路はどれか。",c:["東海道","シルクロード","奥州街道","熊野古道"],a:1,e:"シルクロードでは品物だけでなく、宗教・技術・文化も運ばれました。唐を経て日本にも影響が届きました。"}
  ];

  let activeQuestions = [...QUESTIONS];
  let index = 0;
  let score = 0;
  let selected = null;
  let answered = false;
  let wrong = [];
  let isReview = false;

  const letters = ["A","B","C","D"];
  const escapeHtml = value => String(value).replace(/[&<>"']/g, char => ({
    "&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#039;"
  })[char]);

  function renderQuestion(){
    const item = activeQuestions[index];
    const progress = Math.round((index / activeQuestions.length) * 100);
    const rate = index ? Math.round((score / index) * 100) : 0;
    app.innerHTML = `
      <div class="jnh-quiz-layout">
        <section class="jnh-panel">
          <div class="jnh-panel-title">${isReview ? "間違えた問題の復習" : "奈良時代クイズ"} ${index + 1} / ${activeQuestions.length}</div>
          <div class="jnh-panel-body">
            <div class="jnh-progress-track" aria-hidden="true"><div class="jnh-progress-bar" style="width:${progress}%"></div></div>
            <div class="jnh-question"><span>問${index + 1}</span><br>${escapeHtml(item.q)}</div>
            <div class="jnh-choices" role="group" aria-label="選択肢">
              ${item.c.map((choice, choiceIndex) => `
                <button type="button" class="jnh-choice" data-choice="${choiceIndex}" aria-pressed="false">
                  <strong>${letters[choiceIndex]}.</strong> ${escapeHtml(choice)}
                </button>`).join("")}
            </div>
            <button type="button" class="jnh-primary jnh-submit" disabled>答えを見る</button>
            <div class="jnh-result" aria-live="polite"></div>
          </div>
        </section>
        <aside>
          <section class="jnh-panel">
            <div class="jnh-panel-title">学習の進み具合</div>
            <div class="jnh-panel-body jnh-stats">
              <div class="jnh-stat"><span>正解数</span><b>${score}</b></div>
              <div class="jnh-stat"><span>正答率</span><b>${rate}%</b></div>
              <div class="jnh-stat"><span>残り</span><b>${activeQuestions.length - index}</b></div>
            </div>
          </section>
          <section class="jnh-panel" style="margin-top:12px">
            <div class="jnh-panel-title">復習リスト</div>
            <div class="jnh-panel-body">
              ${wrong.length
                ? `<ol class="jnh-review-list">${wrong.map(item => `<li>${escapeHtml(item.q)}</li>`).join("")}</ol>`
                : `<p class="jnh-note">まだ間違えた問題はありません。</p>`}
            </div>
          </section>
        </aside>
      </div>`;

    app.querySelectorAll(".jnh-choice").forEach(button => {
      button.addEventListener("click", () => selectChoice(Number(button.dataset.choice)));
    });
    app.querySelector(".jnh-submit").addEventListener("click", submitAnswer);
  }

  function selectChoice(choiceIndex){
    if (answered) return;
    selected = choiceIndex;
    app.querySelectorAll(".jnh-choice").forEach((button, buttonIndex) => {
      button.setAttribute("aria-pressed", String(buttonIndex === selected));
    });
    app.querySelector(".jnh-submit").disabled = false;
  }

  function submitAnswer(){
    if (answered || selected === null) return;
    answered = true;
    const item = activeQuestions[index];
    const isCorrect = selected === item.a;
    if (isCorrect) score += 1;
    else if (!wrong.includes(item)) wrong.push(item);

    app.querySelectorAll(".jnh-choice").forEach((button, buttonIndex) => {
      button.disabled = true;
      if (buttonIndex === item.a) button.classList.add("is-correct");
      if (!isCorrect && buttonIndex === selected) button.classList.add("is-wrong");
    });
    app.querySelector(".jnh-submit").hidden = true;
    app.querySelector(".jnh-result").innerHTML = `
      <div class="jnh-feedback">
        <div class="jnh-feedback-title ${isCorrect ? "ok" : "ng"}">${isCorrect ? "正解！" : "おしい！"}</div>
        <div class="jnh-feedback-body">
          <p><strong>答え：${letters[item.a]}. ${escapeHtml(item.c[item.a])}</strong></p>
          <p>${escapeHtml(item.e)}</p>
          <button type="button" class="jnh-primary jnh-next">${index + 1 === activeQuestions.length ? "結果を見る" : "次の問題へ"}</button>
        </div>
      </div>`;
    app.querySelector(".jnh-next").addEventListener("click", nextQuestion);
  }

  function nextQuestion(){
    index += 1;
    selected = null;
    answered = false;
    if (index >= activeQuestions.length) renderSummary();
    else renderQuestion();
  }

  function renderSummary(){
    const total = activeQuestions.length;
    const rate = Math.round((score / total) * 100);
    let message = "間違えた語句を記事と年表で確認すると、知識がつながりやすくなります。";
    if (rate === 100) message = "全問正解です。奈良時代の重要事項がしっかり整理できています。";
    else if (rate >= 80) message = "よくできました。間違えた問題だけ復習すれば、テスト対策はかなり仕上がります。";
    else if (rate >= 60) message = "基本の流れはつかめています。制度・文化・年代の組み合わせをもう一度見直しましょう。";
    app.innerHTML = `
      <section class="jnh-panel">
        <div class="jnh-panel-title">${isReview ? "復習結果" : "結果発表"}</div>
        <div class="jnh-summary">
          <p>正解数</p>
          <div class="jnh-score">${score} / ${total}</div>
          <p>正答率：<strong>${rate}%</strong></p>
          <div class="jnh-summary-message">${message}</div>
          ${wrong.length ? `<button type="button" class="jnh-primary jnh-review">間違えた${wrong.length}問だけ復習する</button>` : `<p><strong>全問クリア！</strong></p>`}
          <button type="button" class="jnh-secondary jnh-restart">32問を最初からやり直す</button>
        </div>
      </section>`;
    const reviewButton = app.querySelector(".jnh-review");
    if (reviewButton) reviewButton.addEventListener("click", reviewWrong);
    app.querySelector(".jnh-restart").addEventListener("click", restartAll);
  }

  function reviewWrong(){
    activeQuestions = [...wrong];
    wrong = [];
    index = 0;
    score = 0;
    selected = null;
    answered = false;
    isReview = true;
    renderQuestion();
  }

  function restartAll(){
    activeQuestions = [...QUESTIONS];
    wrong = [];
    index = 0;
    score = 0;
    selected = null;
    answered = false;
    isReview = false;
    renderQuestion();
  }

  renderQuestion();
})();
</script>



<!-- 歴史学習ページ共通ナビ（現在のページ：history-learning-04） -->
<div class="history-nav">
  <a href="https://jouniorsankosodate.com/history-learning-06/" class="history-nav-btn prev">
    ← 前の時代へ
  </a>

  <a href="https://jouniorsankosodate.com/history-learning-list/" class="history-nav-btn index">
    🏯 歴史学習一覧へ
  </a>

  <a href="https://jouniorsankosodate.com/history-learning-06/" class="history-nav-btn next">
    次の時代へ →
  </a>
</div>

<style> .history-nav{ display:grid; grid-template-columns:1fr auto 1fr; gap:12px; margin:32px 0 12px; align-items:center; } .history-nav-btn{ display:block; padding:12px 16px; border-radius:999px; text-decoration:none; font-weight:800; text-align:center; border:1px solid #f3d7a4; background:#fffaf0; color:#7c2d12; transition:all .2s ease; box-shadow:0 3px 8px rgba(120,80,20,.08); } .history-nav-btn:hover{ background:#ffedd5; transform:translateY(-1px); } .history-nav-btn.index{ background:linear-gradient(135deg,#f59e0b,#ea580c); color:#ffffff; border-color:#ea580c; } .history-nav-btn.index:hover{ background:linear-gradient(135deg,#f97316,#c2410c); } .history-nav-btn.prev{ justify-self:start; } .history-nav-btn.next{ justify-self:end; } .history-nav-btn.disabled{ opacity:.45; pointer-events:none; background:#fef3c7; color:#a8a29e; } @media (max-width:768px){ .history-nav{ grid-template-columns:1fr; } .history-nav-btn.prev, .history-nav-btn.next, .history-nav-btn.index{ justify-self:stretch; } } </style>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/history-learning-05/">【奈良時代をざっくり解説】大仏・聖武天皇・平城京をクイズで楽しく覚えよう！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/history-learning-05/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【英検4級】比較（〜より・いちばん）｜er・estの使い方をやさしく解説🐙⑤</title>
		<link>https://jouniorsankosodate.com/rule-grade4-5/</link>
					<comments>https://jouniorsankosodate.com/rule-grade4-5/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sun, 26 Apr 2026 07:04:24 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[#クイズ]]></category>
		<category><![CDATA[＃わかりやすい]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[#英検４級]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=5175</guid>

					<description><![CDATA[<p>英検4級でよく出る「比較」を学ぼう🐙✨ 👉 〜より大きいってどう言う？ 👉 いちばんってどう言うの？ このページでしっかり理解して、最後にクイズで確認しよう！ 🧠 比較の基本 🐙 ポイント！ 形容詞に er / est  [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/rule-grade4-5/">【英検4級】比較（〜より・いちばん）｜er・estの使い方をやさしく解説🐙⑤</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"></p>



<p>
英検4級でよく出る「比較」を学ぼう🐙✨<br><br>

👉 〜より大きいってどう言う？<br>
👉 いちばんってどう言うの？<br><br>

このページでしっかり理解して、最後にクイズで確認しよう！
</p>



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



<h1 class="wp-block-heading">🧠 比較の基本</h1>



<div style="background:#fff7ed;padding:12px;border-radius:12px;">
🐙 ポイント！<br>
<strong>形容詞に er / est をつける</strong>
</div>



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



<h1 class="wp-block-heading">✨ ① 比較級（〜より）</h1>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/8d0fa8ca9d50606abdc7eafee54399b7.png" alt="" class="wp-image-5170" style="aspect-ratio:1.4992888417882142;width:685px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/8d0fa8ca9d50606abdc7eafee54399b7.png 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/8d0fa8ca9d50606abdc7eafee54399b7-300x200.png 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/8d0fa8ca9d50606abdc7eafee54399b7-768x512.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>
A is bigger than B.<br>
（AはBより大きい）
</p>



<p class="wp-block-paragraph">👉 ポイント<br>　　<strong>than を使う！</strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/0eaf31f5b8f1b46026983f1fb3f173b8.jpg" alt="" class="wp-image-5181" style="aspect-ratio:1.4992888417882142;width:669px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/0eaf31f5b8f1b46026983f1fb3f173b8.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/0eaf31f5b8f1b46026983f1fb3f173b8-300x200.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/0eaf31f5b8f1b46026983f1fb3f173b8-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<h3><span id="toc1">注意⚠️ moreになるパターンもある！</span></h3>

<div style="background:#e0f2fe;padding:14px;border-radius:12px;margin-bottom:10px;">
🐙 ポイント！<br>
<strong>長い単語は er をつけずに more を使う</strong>
</div>

<p>
👉 例<br><br>

interesting → <strong>more interesting</strong><br>
beautiful → <strong>more beautiful</strong><br><br>

❌ interestinger（これは間違い！）
</p>

<p>
📌 例文<br>
This book is <strong>more interesting</strong> than that one.<br>
（この本はあの本よりおもしろい）
</p>



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



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



<h1 class="wp-block-heading">✨ ② 最上級（いちばん）</h1>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/06e7f539-e842-48b8-9bbb-4ee4e11c6bb4.jpg" alt="" class="wp-image-5169" style="aspect-ratio:1.4992888417882142;width:671px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/06e7f539-e842-48b8-9bbb-4ee4e11c6bb4.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/06e7f539-e842-48b8-9bbb-4ee4e11c6bb4-300x200.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/06e7f539-e842-48b8-9bbb-4ee4e11c6bb4-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>
A is the biggest.<br>
（Aはいちばん大きい）
</p>



<p class="wp-block-paragraph">👉 ポイント<br>　　<strong>the をつける！</strong></p>



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



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/05/d5d816cf-4716-4fb1-9b3d-edcbac1e2175.jpg" alt="" class="wp-image-5499" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/05/d5d816cf-4716-4fb1-9b3d-edcbac1e2175.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/05/d5d816cf-4716-4fb1-9b3d-edcbac1e2175-300x200.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/05/d5d816cf-4716-4fb1-9b3d-edcbac1e2175-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<h3 class="wp-block-heading"><span id="toc2">注意⚠️ mostになるパターンもある！</span></h3>



<p class="wp-block-paragraph">🐙 ポイント！<br><strong>長い単語は est をつけずに mostを使う</strong></p>



<p class="wp-block-paragraph">👉 例<br><br>interesting → <strong>the</strong> <strong>most  interesting</strong><br>beautiful → <strong>the</strong> <strong><strong>most </strong>beautiful</strong><br><br>❌ interestingest（これは間違い！）</p>



<p class="wp-block-paragraph">📌 例文<br>This book is <strong>the</strong> <strong>most interesting</strong>  that one.<br>（この本はあの本よりおもしろい）</p>



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



<h1 class="wp-block-heading">✨ よく使う形</h1>



<ul>
<li>big → bigger → biggest</li>
<li>tall → taller → tallest</li>
<li>small → smaller → smallest</li>
</ul>



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



<h1 class="wp-block-heading">⚠️ 注意（重要）</h1>



<div style="background:#ffe4e6;padding:12px;border-radius:12px;">
🐙 注意！<br>
big → bigger（gを重ねる）<br>
big  → bigger（gを重ねる）
</div>



<p class="wp-block-paragraph">👉 <strong>短い母音 ＋ 子音で終わる単語</strong>の単語は最後の子音を2回にする</p>



<p class="wp-block-paragraph">「ビ<span class="red"><span class="bold-red">ッ</span></span>グ」のような「つまった発音」は<strong>最後の文字を重ねて</strong><span class="fz-22px"><strong>「est」</strong></span>をつける<br></p>



<p class="wp-block-paragraph">big → bigger → biggest<br>hot → hotter → hottest<br>sad → sadder → saddest<br>fat → fatter → fattest</p>



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



<ul>
<li>✔ 比較級 → er + than</li>
<li>✔ 最上級 → est + the</li>
<li>✔ スペル変化に注意！</li>
</ul>



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



<h1 class="wp-block-heading">🐙 クイズ</h1>



<h2><span id="toc3">🐙 クイズでチェック！</span></h2>
<p>
ここまで理解できたらOK✨<br>
クイズで確認してみよう！
</p>



<div id="takotaQuiz"></div>

<style>
#takotaQuiz{
  max-width:820px;
  margin:30px auto;
  padding:20px;
  border-radius:20px;
  background:#fffdf7;
  border:3px solid #ffd9b3;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.q-box{
  font-size:22px;
  margin:20px 0;
  color:#4a88d8;
  font-weight:bold;
}

.ja-box{
  font-size:16px;
  margin-bottom:15px;
}

.choice{
  display:block;
  margin:10px auto;
  padding:12px;
  border-radius:20px;
  border:none;
  width:80%;
  cursor:pointer;
  background:linear-gradient(135deg,#ffe4ec,#fff7d6);
  font-weight:bold;
}

.choice:hover{transform:translateY(-2px);}

.correct{background:#c8f7c5 !important;}
.wrong{background:#ffd6d6 !important;}

#result{
  margin-top:15px;
  font-size:18px;
  font-weight:bold;
}

#nextBtn{
  margin-top:20px;
  padding:12px 24px;
  border:none;
  background:#ff9d58;
  color:#fff;
  border-radius:999px;
  cursor:pointer;
  font-weight:bold;
}
</style>

<script>
(function(){

const quiz = [

{q:"This dog is ___ than that dog.",ja:"この犬はあの犬より大きい。",choices:["big","bigger","biggest","more big"],answer:1},

{q:"Mt. Fuji is the ___ mountain in Japan.",ja:"富士山は日本でいちばん高い山です。",choices:["high","higher","highest","most high"],answer:2},

{q:"This book is ___ than that one.",ja:"この本はあの本よりおもしろい。",choices:["interesting","more interesting","most interesting","interest"],answer:1},

{q:"This is the ___ animal.",ja:"これはいちばん小さい動物です。",choices:["small","smaller","smallest","most small"],answer:2},

{q:"She is ___ than me.",ja:"彼女は私より背が高い。",choices:["tall","taller","tallest","more tall"],answer:1},

{q:"He is the ___ boy in the class.",ja:"彼はクラスでいちばん速い男の子です。",choices:["fast","faster","fastest","more fast"],answer:2},

{q:"This car is ___ than that one.",ja:"この車はあの車より速い。",choices:["fast","faster","fastest","more fast"],answer:1},

{q:"This is the ___ cake.",ja:"これはいちばんおいしいケーキです。",choices:["delicious","more delicious","most delicious","deliciouser"],answer:2},

{q:"Tokyo is ___ than Osaka.",ja:"東京は大阪より大きい。",choices:["big","bigger","biggest","more big"],answer:1},

{q:"This is the ___ building.",ja:"これはいちばん高い建物です。",choices:["tall","taller","tallest","more tall"],answer:2},

{q:"🔀 並べ替え（いらない単語あり）",ja:"この犬はあの犬より大きい。",choices:[
"This dog is bigger than that dog",
"This dog bigger than that dog",
"This dog is biggest than that dog",
"Is this dog bigger than that dog"],answer:0},

{q:"🔀 並べ替え（いらない単語あり）",ja:"これはいちばん大きい山です。",choices:[
"This is the biggest mountain",
"This is biggest mountain",
"This is the bigger mountain",
"Is this the biggest mountain"],answer:0},

{q:"big → ___ → biggest",ja:"bigの比較級は？",choices:["biger","bigger","biger","biggest"],answer:1},

{q:"small → smaller → ___",ja:"smallの最上級は？",choices:["smallest","smaller","small","most small"],answer:0},

{q:"This dog is ___ than that dog.",ja:"thanが入るのはどれ？",choices:["big","bigger","biggest","most big"],answer:1}

];

let current=0;
let score=0;

const app=document.getElementById("takotaQuiz");

function showQ(){
  const q=quiz[current];

  app.innerHTML=`
    <div>🐙 ${current+1} / ${quiz.length}</div>
    <div class="q-box">${q.q}</div>
    <div class="ja-box">${q.ja}</div>

    ${q.choices.map((c,i)=>`<div class="choice" onclick="check(${i})">${c}</div>`).join("")}

    <div id="result"></div>

    <button id="nextBtn" onclick="nextQ()" style="display:none;">つぎへ ▶</button>
  `;
}

window.check=function(i){
  const buttons=document.querySelectorAll(".choice");
  const result=document.getElementById("result");

  buttons.forEach((b,index)=>{
    if(index===quiz[current].answer){
      b.classList.add("correct");
    }else if(index===i){
      b.classList.add("wrong");
    }
    b.onclick=null;
  });

  if(i===quiz[current].answer){
    score++;
    result.innerHTML="⭕ 正解！";
  }else{
    result.innerHTML="❌ 不正解…";
  }

  document.getElementById("nextBtn").style.display="inline-block";
}

window.nextQ=function(){
  current++;
  if(current<quiz.length){
    showQ();
  }else{
    app.innerHTML=`
      <h2><span id="toc4">🎉 クイズ終了！</span></h2>
      <p>${score} / ${quiz.length} 正解！</p>
      <p>er + than / the + est を復習しよう🐙</p>
      <button onclick="location.reload()">もう一度</button>
    `;
  }
}

showQ();

})();
</script>



<div style="margin-top:40px;padding:20px;border-radius:16px;background:#fff7ed;border:2px solid #fed7aa;">

  <p style="text-align:center;margin:0 0 12px;font-weight:bold;">
    👉 順番にやると理解が深まるよ✨
  </p>

  <div style="display:flex;flex-direction:column;gap:12px;">

    <a href="https://jouniorsankosodate.com/rule-grade4-4/" style="text-decoration:none;">
      <div style="background:#e0f2fe;padding:14px;border-radius:12px;font-weight:bold;">
        ◀ 前のレッスン：不定詞
      </div>
    </a>

    <a href="https://jouniorsankosodate.com/rule/" style="text-decoration:none;">
      <div style="background:#fff3c4;padding:14px;border-radius:12px;text-align:center;font-weight:bold;">
        📚 一覧に戻る
      </div>
    </a>

    <a href="https://jouniorsankosodate.com/rule-grade4-6/" style="text-decoration:none;">
      <div style="background:#dcfce7;padding:14px;border-radius:12px;font-weight:bold;">
        次のレッスン：接続詞 ▶
      </div>
    </a>

  </div>

</div>



<a href="https://blogmura.com/profiles/11199271?p_cid=11199271"><img decoding="async" src="https://blogparts.blogmura.com/parts_image/user/pv11199271.gif" alt="PVアクセスランキング にほんブログ村" /></a>



<p class="wp-block-paragraph">読んだよ！の応援クリック嬉しいです👇</p>



<a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank"><img decoding="async" src="https://b.blogmura.com/original/1411684" width="240" height="240" border="0" alt="にほんブログ村 にほんブログ村へ" /></a><br /><a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank">にほんブログ村</a>



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



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



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



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/rule-grade4-5/">【英検4級】比較（〜より・いちばん）｜er・estの使い方をやさしく解説🐙⑤</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/rule-grade4-5/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【英検4級】不定詞（to〜）の使い方｜3つの意味をやさしく解説🐙④</title>
		<link>https://jouniorsankosodate.com/rule-grade4-4/</link>
					<comments>https://jouniorsankosodate.com/rule-grade4-4/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sun, 26 Apr 2026 06:03:14 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[#クイズ]]></category>
		<category><![CDATA[＃わかりやすい]]></category>
		<category><![CDATA[＃英検４級]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=5168</guid>

					<description><![CDATA[<p>英検4級でめちゃくちゃ大事な「不定詞（to〜）」を学ぼう🐙✨ 👉 toってなに？ 👉 どう使うの？ このページで3つの使い方をしっかり理解しよう！ 最後にクイズもあるよ✨ 🧠 不定詞とは？ 🐙 ポイント！ to + 動詞 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/rule-grade4-4/">【英検4級】不定詞（to〜）の使い方｜3つの意味をやさしく解説🐙④</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p>
英検4級でめちゃくちゃ大事な「不定詞（to〜）」を学ぼう🐙✨<br><br>

👉 toってなに？<br>
👉 どう使うの？<br><br>

このページで3つの使い方をしっかり理解しよう！<br>
最後にクイズもあるよ✨
</p>



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



<h1 class="wp-block-heading">🧠 不定詞とは？</h1>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/7a3b85b5e14dc8fce6e8b4da03c8bd82.jpg" alt="" class="wp-image-5173" style="aspect-ratio:1.5;width:677px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/7a3b85b5e14dc8fce6e8b4da03c8bd82.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/7a3b85b5e14dc8fce6e8b4da03c8bd82-300x200.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/7a3b85b5e14dc8fce6e8b4da03c8bd82-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div style="background:#fff7ed;padding:12px;border-radius:12px;">
🐙 ポイント！<br>
<strong>to + 動詞の原形</strong>
</div>



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



<p>
to play（遊ぶこと）<br>
to study（勉強すること）
</p>



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



<h1 class="wp-block-heading">✨ ① 〜すること（名詞）</h1>



<p>
I like to play soccer.<br>
（サッカーをすることが好き）
</p>



<p class="wp-block-paragraph">👉 ポイント<br>　 <strong>動詞のあとにくる</strong></p>



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



<h1 class="wp-block-heading">✨ ② 〜するために（目的）</h1>



<p>
I went to the park to play soccer.<br>
（サッカーをするために公園へ行った）
</p>



<p class="wp-block-paragraph">👉 ポイント<br>　　<strong>理由・目的になる</strong></p>



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



<h1 class="wp-block-heading">✨ ③ 〜するための（形容詞）</h1>



<p>
I have homework to do.<br>
（やるべき宿題がある）
</p>



<p class="wp-block-paragraph">👉 ポイント<br>　　<strong>名詞を説明する</strong></p>



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



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



<ul>
<li>✔ to + 動詞の原形</li>
<li>✔ ① 〜すること</li>
<li>✔ ② 〜するために</li>
<li>✔ ③ 〜するための</li>
</ul>



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




  <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">🐙 クイズでチェック！</a></li><li><a href="#toc2" tabindex="0">🎉 クイズ終了！</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">🐙 クイズでチェック！</span></h2>
<p>
ここまでできたらOK✨<br>
クイズで確認してみよう！
</p>



<div id="takotaQuiz"></div>

<style>
#takotaQuiz{
  max-width:820px;
  margin:30px auto;
  padding:20px;
  border-radius:20px;
  background:#fffdf7;
  border:3px solid #ffd9b3;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.q-box{
  font-size:22px;
  margin:20px 0;
  color:#4a88d8;
  font-weight:bold;
}

.ja-box{
  font-size:16px;
  margin-bottom:15px;
}

.choice{
  display:block;
  margin:10px auto;
  padding:12px;
  border-radius:20px;
  border:none;
  width:80%;
  cursor:pointer;
  background:linear-gradient(135deg,#ffe4ec,#fff7d6);
  font-weight:bold;
}

.choice:hover{transform:translateY(-2px);}

.correct{background:#c8f7c5 !important;}
.wrong{background:#ffd6d6 !important;}

#result{
  margin-top:15px;
  font-size:18px;
  font-weight:bold;
}

#nextBtn{
  margin-top:20px;
  padding:12px 24px;
  border:none;
  background:#ff9d58;
  color:#fff;
  border-radius:999px;
  cursor:pointer;
  font-weight:bold;
}
</style>

<script>
(function(){

const quiz = [

{q:"I like ___ soccer.",ja:"わたしはサッカーをすることが好きです。",choices:["play","to play","plays","playing"],answer:1},
{q:"She wants ___ English.",ja:"彼女は英語を勉強したいです。",choices:["study","to study","studies","studying"],answer:1},

{q:"I went to the park ___ soccer.",ja:"サッカーをするために公園へ行った。",choices:["play","to play","plays","playing"],answer:1},

{q:"He has homework ___ .",ja:"彼にはやるべき宿題があります。",choices:["do","to do","does","doing"],answer:1},

{q:"I have a book ___ read.",ja:"読むための本があります。",choices:["for","to","at","in"],answer:1},

{q:"I like ___ TV.",ja:"テレビを見ることが好きです。",choices:["watch","to watch","watches","watching"],answer:1},

{q:"She went to the store ___ milk.",ja:"牛乳を買うために店へ行った。",choices:["buy","to buy","buys","buying"],answer:1},

{q:"I have something ___ eat.",ja:"食べるものがあります。",choices:["eat","to eat","eats","eating"],answer:1},

{q:"🔀 並べ替え（いらない単語あり）",ja:"わたしはサッカーをすることが好きです。",choices:[
"I like to play soccer",
"I like play soccer",
"I to like play soccer",
"Like I to play soccer"],answer:0},

{q:"🔀 並べ替え（いらない単語あり）",ja:"彼は勉強するために来ました。",choices:[
"He came to study",
"He came study to",
"He to came study",
"Came he to study"],answer:0},

{q:"🔀 並べ替え（いらない単語あり）",ja:"読む本があります。",choices:[
"I have a book to read",
"I have book to read",
"I have to book read",
"Have I a book to read"],answer:0},

{q:"I want ___ a teacher.",ja:"わたしは先生になりたいです。",choices:["be","to be","is","being"],answer:1},

{q:"She needs ___ her homework.",ja:"彼女は宿題をする必要があります。",choices:["do","to do","does","doing"],answer:1},

{q:"We went to the park ___ play.",ja:"遊ぶために公園へ行きました。",choices:["to","for","at","in"],answer:0},

{q:"I have a pen ___ write.",ja:"書くためのペンがあります。",choices:["for","to","at","in"],answer:1}

];

let current=0;
let score=0;

const app=document.getElementById("takotaQuiz");

function showQ(){
  const q=quiz[current];

  app.innerHTML=`
    <div>🐙 ${current+1} / ${quiz.length}</div>
    <div class="q-box">${q.q}</div>
    <div class="ja-box">${q.ja}</div>

    ${q.choices.map((c,i)=>`<div class="choice" onclick="check(${i})">${c}</div>`).join("")}

    <div id="result"></div>

    <button id="nextBtn" onclick="nextQ()" style="display:none;">つぎへ ▶</button>
  `;
}

window.check=function(i){
  const buttons=document.querySelectorAll(".choice");
  const result=document.getElementById("result");

  buttons.forEach((b,index)=>{
    if(index===quiz[current].answer){
      b.classList.add("correct");
    }else if(index===i){
      b.classList.add("wrong");
    }
    b.onclick=null;
  });

  if(i===quiz[current].answer){
    score++;
    result.innerHTML="⭕ 正解！";
  }else{
    result.innerHTML="❌ 不正解…";
  }

  document.getElementById("nextBtn").style.display="inline-block";
}

window.nextQ=function(){
  current++;
  if(current<quiz.length){
    showQ();
  }else{
    app.innerHTML=`
      <h2><span id="toc2">🎉 クイズ終了！</span></h2>
      <p>${score} / ${quiz.length} 正解！</p>
      <p>to + 原形 を復習しよう🐙</p>
      <button onclick="location.reload()">もう一度</button>
    `;
  }
}

showQ();

})();
</script>



<div style="margin-top:40px;padding:20px;border-radius:16px;background:#fff7ed;border:2px solid #fed7aa;">

  <p style="text-align:center;margin:0 0 12px;font-weight:bold;">
    👉 順番にやると理解が深まるよ✨
  </p>

  <div style="display:flex;flex-direction:column;gap:12px;">

    <a href="https://jouniorsankosodate.com/rule-grade4-3/" style="text-decoration:none;">
      <div style="background:#e0f2fe;padding:14px;border-radius:12px;font-weight:bold;">
        ◀ 前のレッスン：助動詞
      </div>
    </a>

    <a href="https://jouniorsankosodate.com/rule/" style="text-decoration:none;">
      <div style="background:#fff3c4;padding:14px;border-radius:12px;text-align:center;font-weight:bold;">
        📚 一覧に戻る
      </div>
    </a>

    <a href="https://jouniorsankosodate.com/rule-grade4-5/" style="text-decoration:none;">
      <div style="background:#dcfce7;padding:14px;border-radius:12px;font-weight:bold;">
        次のレッスン：比較 ▶
      </div>
    </a>

  </div>

</div>



<a href="https://blogmura.com/profiles/11199271?p_cid=11199271"><img decoding="async" src="https://blogparts.blogmura.com/parts_image/user/pv11199271.gif" alt="PVアクセスランキング にほんブログ村" /></a>



<p class="wp-block-paragraph">読んだよ！の応援クリック嬉しいです👇</p>



<a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank"><img decoding="async" src="https://b.blogmura.com/original/1411684" width="240" height="240" border="0" alt="にほんブログ村 にほんブログ村へ" /></a><br /><a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank">にほんブログ村</a>



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



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



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/rule-grade4-4/">【英検4級】不定詞（to〜）の使い方｜3つの意味をやさしく解説🐙④</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/rule-grade4-4/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>活用とは？動詞の変わり方をわかりやすく解説｜五段・一段も一発で理解！</title>
		<link>https://jouniorsankosodate.com/%e6%b4%bb%e7%94%a8%e3%81%a8%e3%81%af%ef%bc%9f%e5%8b%95%e8%a9%9e%e3%81%ae%e5%a4%89%e3%82%8f%e3%82%8a%e6%96%b9%e3%82%92%e3%82%8f%e3%81%8b%e3%82%8a%e3%82%84%e3%81%99%e3%81%8f%e8%a7%a3%e8%aa%ac%ef%bd%9c/</link>
					<comments>https://jouniorsankosodate.com/%e6%b4%bb%e7%94%a8%e3%81%a8%e3%81%af%ef%bc%9f%e5%8b%95%e8%a9%9e%e3%81%ae%e5%a4%89%e3%82%8f%e3%82%8a%e6%96%b9%e3%82%92%e3%82%8f%e3%81%8b%e3%82%8a%e3%82%84%e3%81%99%e3%81%8f%e8%a7%a3%e8%aa%ac%ef%bd%9c/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sat, 25 Apr 2026 07:10:24 +0000</pubDate>
				<category><![CDATA[📖国語学習]]></category>
		<category><![CDATA[#クイズ]]></category>
		<category><![CDATA[#品詞]]></category>
		<category><![CDATA[#活用]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=5062</guid>

					<description><![CDATA[<p>「書く → 書かない → 書きます」みたいに、言葉の形が変わることを活用といいます。 でも、・どれが活用するの？・五段とか一段ってなに？ と、ここでつまずく子がとても多いです💦 この記事では、活用のしくみを一気にスッキリ [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%e6%b4%bb%e7%94%a8%e3%81%a8%e3%81%af%ef%bc%9f%e5%8b%95%e8%a9%9e%e3%81%ae%e5%a4%89%e3%82%8f%e3%82%8a%e6%96%b9%e3%82%92%e3%82%8f%e3%81%8b%e3%82%8a%e3%82%84%e3%81%99%e3%81%8f%e8%a7%a3%e8%aa%ac%ef%bd%9c/">活用とは？動詞の変わり方をわかりやすく解説｜五段・一段も一発で理解！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">「書く → 書かない → 書きます」みたいに、言葉の形が変わることを<strong>活用</strong>といいます。<br><br>でも、<br>・どれが活用するの？<br>・五段とか一段ってなに？<br><br>と、ここでつまずく子がとても多いです💦<br><br>この記事では、<strong>活用のしくみを一気にスッキリ理解</strong>できるようにまとめました✨</p>



<div style="border:2px solid #cceeff;border-radius:15px;padding:15px;background:#f7fcff;margin:20px 0">

<p style="font-size:18px;font-weight:bold;">👉 活用＝言葉の形が変わること</p>

<p>
書く → 書かない → 書きます → 書けば
</p>

</div>



<div style="border:3px solid #ffcc66;border-radius:15px;padding:20px;background:#fff8e6;margin:20px 0">

<p style="font-weight:bold;">👉 変わるのはこの3つだけ</p>

<ul>
<li>動詞</li>
<li>形容詞</li>
<li>形容動詞</li>
</ul>

</div>



<h1 class="wp-block-heading">🧠 動詞の活用（メイン）</h1>



<p class="wp-block-paragraph">👉 動詞は5種類👇</p>



<ul class="wp-block-list">
<li>五段活用</li>



<li>上一段活用</li>



<li>下一段活用</li>



<li>カ変</li>



<li>サ変</li>
</ul>



<p class="wp-block-paragraph">👉 でも実際は👇<br>👉 <strong>五段と一段を見分けられたらOK</strong></p>



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



<h1 class="wp-block-heading">🔥 五段活用（いちばん大事）</h1>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="1000" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/3e5698b0-9508-4db0-8a43-76421bd67c3b.jpg" alt="" class="wp-image-5066" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/3e5698b0-9508-4db0-8a43-76421bd67c3b.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/3e5698b0-9508-4db0-8a43-76421bd67c3b-300x300.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/3e5698b0-9508-4db0-8a43-76421bd67c3b-150x150.jpg 150w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/3e5698b0-9508-4db0-8a43-76421bd67c3b-768x768.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p class="wp-block-paragraph">👉 あ・い・う・え・お に変わる</p>



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



<ul class="wp-block-list">
<li>書かない（あ）</li>



<li>書きます（い）</li>



<li>書く（う）</li>



<li>書けば（え）</li>



<li>書こう（お）</li>
</ul>



<p class="wp-block-paragraph">👉 <strong>語尾がめっちゃ変わる</strong></p>



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



<h1 class="wp-block-heading">🟡 一段活用</h1>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1000" height="1000" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/e1ac124b-3a4b-436d-811d-a30c00009e7e.jpg" alt="" class="wp-image-5068" style="width:586px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/e1ac124b-3a4b-436d-811d-a30c00009e7e.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/e1ac124b-3a4b-436d-811d-a30c00009e7e-300x300.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/e1ac124b-3a4b-436d-811d-a30c00009e7e-150x150.jpg 150w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/e1ac124b-3a4b-436d-811d-a30c00009e7e-768x768.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p class="wp-block-paragraph">👉 るを取るだけ</p>



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



<h2 class="wp-block-heading"><span id="toc1">💡 一言で覚える（最重要）</span></h2>



<div style="border:3px solid #66ccff;border-radius:15px;padding:20px;background:#f0fbff;margin:20px 0">

<p style="font-size:20px;font-weight:bold;">💡 一言で覚える</p>

<p style="font-size:18px;line-height:2;">
👉 一段＝るを取るだけ<br>
👉 イ段 → 上一段<br>
👉 エ段 → 下一段
</p>

</div>



<h2 class="wp-block-heading"><span id="toc2">🧠 例</span></h2>



<p class="wp-block-paragraph">👉 見る → 見ない → 見ます<br>👉 食べる → 食べない → 食べます</p>



<p class="wp-block-paragraph">👉 <strong>ほぼ変わらない</strong></p>



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



<h1 class="wp-block-heading">🟣 カ変・サ変</h1>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/e5342b17-76ed-495d-8237-9e842ccdb2ff.jpg" alt="" class="wp-image-5067" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/e5342b17-76ed-495d-8237-9e842ccdb2ff.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/e5342b17-76ed-495d-8237-9e842ccdb2ff-300x200.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/e5342b17-76ed-495d-8237-9e842ccdb2ff-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p class="wp-block-paragraph">👉 カ変<br>→ 「くる」だけ</p>



<p class="wp-block-paragraph">👉 サ変<br>→ 「する」グループ</p>



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



<h1 class="wp-block-heading">🎯 見分け方まとめ</h1>



<div style="border:3px solid #ffcc66;border-radius:15px;padding:20px;background:#fff8e6;margin:20px 0">

👉 五段 → あいうえおに変わる<br>
👉 一段 → るを取るだけ<br>
👉 くる → カ変<br>
👉 する → サ変

</div>



<h1 class="wp-block-heading">🐙 タコタ式まとめ</h1>



<p class="wp-block-paragraph">👉 活用＝変身</p>



<p class="wp-block-paragraph">👉 動詞がいろんな形に変わる</p>



<p class="wp-block-paragraph">👉 五段 → いっぱい変わる<br>👉 一段 → ちょっとだけ</p>



<p>
ここまで理解できたら、クイズで確認してみましょう👇<br><br>

👉 <a href="●活用クイズ記事URL">活用クイズにチャレンジ！</a>
</p>



<div id="juni-katsuyou-quiz">
  <style>
    #juni-katsuyou-quiz{
      max-width:820px;
      margin:24px auto;
      font-family:"Hiragino Sans","Yu Gothic",sans-serif;
      color:#333;
    }
    #juni-katsuyou-quiz *{box-sizing:border-box;}
    #juni-katsuyou-quiz .card,
    #juni-katsuyou-quiz .result-card{
      background:#fff;
      border:3px solid #dff3ff;
      border-radius:24px;
      box-shadow:0 8px 24px rgba(0,0,0,.08);
      padding:24px 16px 28px;
    }
    #juni-katsuyou-quiz .title{
      text-align:center;
      font-size:clamp(26px,4.5vw,38px);
      font-weight:700;
      color:#2c6fa8;
      margin:0 0 8px;
    }
    #juni-katsuyou-quiz .sub{
      text-align:center;
      color:#666;
      margin:0 0 18px;
      font-size:15px;
    }
    #juni-katsuyou-quiz .rule-box{
      background:#eef9ff;
      border:2px dashed #9cd6f5;
      border-radius:16px;
      padding:14px;
      margin:0 0 18px;
      font-size:15px;
      line-height:1.9;
    }
    #juni-katsuyou-quiz .status{
      display:flex;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:18px;
      font-weight:700;
      color:#2b5d84;
      font-size:18px;
    }
    #juni-katsuyou-quiz .question-box{
      background:#fffdf7;
      border:2px solid #ffe4a8;
      border-radius:18px;
      padding:18px 14px;
    }
    #juni-katsuyou-quiz .badge{
      display:inline-block;
      background:#ffd76a;
      color:#6a4b00;
      border-radius:999px;
      padding:4px 12px;
      font-weight:700;
      font-size:14px;
      margin-bottom:12px;
    }
    #juni-katsuyou-quiz .question{
      font-size:34px;
      font-weight:700;
      line-height:1.5;
      margin:8px 0 18px;
      text-align:center;
      color:#333;
    }
    #juni-katsuyou-quiz .choices{
      display:grid;
      gap:10px;
    }
    #juni-katsuyou-quiz .choice-btn{
      width:100%;
      border:none;
      border-radius:14px;
      padding:14px 12px;
      background:#eef7ff;
      color:#234;
      font-size:18px;
      font-weight:700;
      cursor:pointer;
      box-shadow:0 3px 8px rgba(0,0,0,.05);
      transition:.15s;
    }
    #juni-katsuyou-quiz .choice-btn:hover{transform:translateY(-1px);}
    #juni-katsuyou-quiz .choice-btn:disabled{cursor:default;opacity:1;}
    #juni-katsuyou-quiz .choice-btn.correct{background:#d8f7df;color:#17612c;}
    #juni-katsuyou-quiz .choice-btn.wrong{background:#ffe1e1;color:#9d2d2d;}
    #juni-katsuyou-quiz .answer-box{
      display:none;
      margin-top:14px;
      padding:14px;
      border-radius:14px;
      font-size:16px;
      line-height:1.8;
    }
    #juni-katsuyou-quiz .answer-box.show{display:block;}
    #juni-katsuyou-quiz .answer-box.correct{background:#ecfff1;border:2px solid #9fe0af;}
    #juni-katsuyou-quiz .answer-box.wrong{background:#fff2f2;border:2px solid #f0b4b4;}
    #juni-katsuyou-quiz .next-wrap{
      text-align:center;
      margin-top:16px;
      display:flex;
      justify-content:center;
      gap:10px;
      flex-wrap:wrap;
    }
    #juni-katsuyou-quiz .next-btn,
    #juni-katsuyou-quiz .retry-btn,
    #juni-katsuyou-quiz .review-btn{
      border:none;
      border-radius:999px;
      padding:12px 24px;
      font-size:17px;
      font-weight:700;
      background:#5db7f0;
      color:#fff;
      cursor:pointer;
      box-shadow:0 4px 10px rgba(93,183,240,.3);
    }
    #juni-katsuyou-quiz .review-btn{background:#ff9f43;box-shadow:0 4px 10px rgba(255,159,67,.25);}
    #juni-katsuyou-quiz .next-btn:disabled{opacity:.45;cursor:default;box-shadow:none;}
    #juni-katsuyou-quiz .result-card{display:none;text-align:center;}
    #juni-katsuyou-quiz .result-card.show{display:block;}
    #juni-katsuyou-quiz .final-score{
      font-size:34px;
      font-weight:700;
      color:#2b6fa5;
      margin:10px 0 12px;
    }
    #juni-katsuyou-quiz .final-comment{
      font-size:17px;
      margin-bottom:16px;
      line-height:1.8;
    }
    #juni-katsuyou-quiz .review{
      text-align:left;
      margin-top:18px;
      background:#f8fcff;
      border-radius:16px;
      padding:14px;
    }
    #juni-katsuyou-quiz .review h3{margin:0 0 10px;color:#2b6fa5;font-size:18px;}
    #juni-katsuyou-quiz .review-item{
      border-bottom:1px dashed #cfe5f3;
      padding:10px 0;
      font-size:15px;
      line-height:1.8;
    }
    #juni-katsuyou-quiz .review-item:last-child{border-bottom:none;}
    #juni-katsuyou-quiz .tag{
      display:inline-block;
      font-size:13px;
      font-weight:700;
      border-radius:999px;
      padding:2px 10px;
      margin-right:6px;
      background:#e9f5ff;
      color:#2a648f;
    }
    #juni-katsuyou-quiz .mode-label{
      display:inline-block;
      background:#fff3cd;
      color:#7a5200;
      border:1px solid #ffd76a;
      border-radius:999px;
      padding:4px 12px;
      font-weight:700;
      font-size:14px;
      margin-bottom:10px;
    }
    @media (max-width:640px){
      #juni-katsuyou-quiz .question{font-size:30px;}
      #juni-katsuyou-quiz .choice-btn{font-size:17px;}
    }
  </style>

  <div class="card" id="jk-card">
    <h2 class="title"><span id="toc3">🐙 活用クイズ</span></h2>
    <p class="sub">何活用か答えよう！まちがえた問題は最後にもう一回できます</p>

    <div class="rule-box">
      👉 五段活用 → あ・い・う・え・お に変わる<br>
      👉 上一段活用 → るの上がイ段<br>
      👉 下一段活用 → るの上がエ段<br>
      👉 カ変 → 「くる」だけ<br>
      👉 サ変 → 「する」グループ
    </div>

    <div class="status">
      <div id="jk-progress">1問目</div>
      <div id="jk-score">正解 0問</div>
    </div>

    <div class="question-box">
      <div class="mode-label" id="jk-mode">通常モード</div><br>
      <div class="badge" id="jk-badge">第1問</div>
      <div class="question" id="jk-question">読み込み中&#8230;</div>
      <div class="choices" id="jk-choices"></div>
      <div class="answer-box" id="jk-answer"></div>
      <div class="next-wrap">
        <button class="next-btn" id="jk-next" disabled>つぎへ</button>
      </div>
    </div>
  </div>

  <div class="result-card" id="jk-result">
    <h2 class="title"><span id="toc4">🎉 クイズ終了！</span></h2>
    <div class="final-score" id="jk-final-score"></div>
    <div class="final-comment" id="jk-final-comment"></div>
    <div class="next-wrap">
      <button class="review-btn" id="jk-review-wrong" style="display:none;">まちがえた問題だけもう一回</button>
      <button class="retry-btn" id="jk-retry">全部もういちど</button>
    </div>

    <div class="review">
      <h3><span id="toc5">📘 ふくしゅう</span></h3>
      <div id="jk-review"></div>
    </div>
  </div>

  <script>
    (function() {
      function shuffle(array) {
        var arr = array.slice();
        for (var i = arr.length - 1; i > 0; i--) {
          var j = Math.floor(Math.random() * (i + 1));
          var temp = arr[i];
          arr[i] = arr[j];
          arr[j] = temp;
        }
        return arr;
      }

      var allChoices = ['五段活用', '上一段活用', '下一段活用', 'カ変', 'サ変'];

      var originalQuestions = [
        { q:'書く', a:'五段活用', e:'書かない・書きます・書く・書けば・書こう。あいうえおに変わるので五段活用です。' },
        { q:'食べる', a:'下一段活用', e:'「食べない・食べます」のように「る」を取るだけ。るの上がエ段なので下一段活用です。' },
        { q:'見る', a:'上一段活用', e:'「見ない・見ます」のように「る」を取るだけ。るの上がイ段なので上一段活用です。' },
        { q:'走る', a:'五段活用', e:'「走らない・走ります・走れば」と変わります。るで終わるけど五段活用のひっかけです。' },
        { q:'起きる', a:'上一段活用', e:'「起きない・起きます」。るの上がイ段なので上一段活用です。' },
        { q:'帰る', a:'五段活用', e:'「帰らない・帰ります・帰れば」。るで終わるけど五段活用です。' },
        { q:'くる', a:'カ変', e:'「くる」はカ変です。カ変は「くる」だけです。' },
        { q:'勉強する', a:'サ変', e:'「する」がつく言葉なのでサ変です。' },
        { q:'入る', a:'五段活用', e:'「入らない・入ります・入れば」。るで終わるけど五段活用です。' },
        { q:'寝る', a:'下一段活用', e:'「寝ない・寝ます」。るの上がエ段なので下一段活用です。' },

        { q:'知る', a:'五段活用', e:'「知らない・知ります・知れば」。るで終わるけど五段活用のひっかけです。' },
        { q:'浴びる', a:'上一段活用', e:'「浴びない・浴びます」。るの上がイ段なので上一段活用です。' },
        { q:'切る', a:'五段活用', e:'「切らない・切ります・切れば」。るで終わるけど五段活用です。' },
        { q:'教える', a:'下一段活用', e:'「教えない・教えます」。るの上がエ段なので下一段活用です。' },
        { q:'要る', a:'五段活用', e:'「要らない・要ります」。るで終わるけど五段活用です。' },
        { q:'着る', a:'上一段活用', e:'「着ない・着ます」。るの上がイ段なので上一段活用です。' },
        { q:'作る', a:'五段活用', e:'「作らない・作ります・作れば」。五段活用です。' },
        { q:'信じる', a:'上一段活用', e:'「信じない・信じます」。るの上がイ段なので上一段活用です。' },
        { q:'触る', a:'五段活用', e:'「触らない・触ります・触れば」。五段活用です。' },
        { q:'調べる', a:'下一段活用', e:'「調べない・調べます」。るの上がエ段なので下一段活用です。' },

        { q:'飲む', a:'五段活用', e:'「飲まない・飲みます・飲めば・飲もう」。五段活用です。' },
        { q:'開ける', a:'下一段活用', e:'「開けない・開けます」。るの上がエ段なので下一段活用です。' },
        { q:'話す', a:'五段活用', e:'「話さない・話します・話せば・話そう」。五段活用です。' },
        { q:'見せる', a:'下一段活用', e:'「見せない・見せます」。るの上がエ段なので下一段活用です。' },
        { q:'遊ぶ', a:'五段活用', e:'「遊ばない・遊びます・遊べば・遊ぼう」。五段活用です。' },
        { q:'借りる', a:'上一段活用', e:'「借りない・借ります」。るの上がイ段なので上一段活用です。' },
        { q:'歩く', a:'五段活用', e:'「歩かない・歩きます・歩けば・歩こう」。五段活用です。' },
        { q:'捨てる', a:'下一段活用', e:'「捨てない・捨てます」。るの上がエ段なので下一段活用です。' },
        { q:'呼ぶ', a:'五段活用', e:'「呼ばない・呼びます・呼べば・呼ぼう」。五段活用です。' },
        { q:'考える', a:'下一段活用', e:'「考えない・考えます」。るの上がエ段なので下一段活用です。' },

        { q:'泳ぐ', a:'五段活用', e:'「泳がない・泳ぎます・泳げば・泳ごう」。五段活用です。' },
        { q:'落ちる', a:'上一段活用', e:'「落ちない・落ちます」。るの上がイ段なので上一段活用です。' },
        { q:'出る', a:'下一段活用', e:'「出ない・出ます」。るの上がエ段なので下一段活用です。' },
        { q:'待つ', a:'五段活用', e:'「待たない・待ちます・待てば・待とう」。五段活用です。' },
        { q:'見る', a:'上一段活用', e:'「見ない・見ます」。るの上がイ段なので上一段活用です。' },
        { q:'止める', a:'下一段活用', e:'「止めない・止めます」。るの上がエ段なので下一段活用です。' },
        { q:'買う', a:'五段活用', e:'「買わない・買います・買えば・買おう」。五段活用です。' },
        { q:'運動する', a:'サ変', e:'「する」がつく言葉なのでサ変です。' },
        { q:'来る', a:'カ変', e:'「来る」はカ変です。カ変は「くる」だけです。' },
        { q:'忘れる', a:'下一段活用', e:'「忘れない・忘れます」。るの上がエ段なので下一段活用です。' }
      ];

      var quizData = shuffle(originalQuestions);
      var current = 0;
      var score = 0;
      var answered = false;
      var wrongQuestions = [];
      var results = [];
      var reviewMode = false;

      var progressEl = document.getElementById('jk-progress');
      var scoreEl = document.getElementById('jk-score');
      var modeEl = document.getElementById('jk-mode');
      var badgeEl = document.getElementById('jk-badge');
      var questionEl = document.getElementById('jk-question');
      var choicesEl = document.getElementById('jk-choices');
      var answerEl = document.getElementById('jk-answer');
      var nextBtn = document.getElementById('jk-next');
      var cardEl = document.getElementById('jk-card');
      var resultEl = document.getElementById('jk-result');
      var finalScoreEl = document.getElementById('jk-final-score');
      var finalCommentEl = document.getElementById('jk-final-comment');
      var reviewEl = document.getElementById('jk-review');
      var retryBtn = document.getElementById('jk-retry');
      var reviewWrongBtn = document.getElementById('jk-review-wrong');

      function loadQuestion() {
        answered = false;
        nextBtn.disabled = true;
        answerEl.className = 'answer-box';
        answerEl.innerHTML = '';

        var item = quizData[current];
        modeEl.textContent = reviewMode ? 'まちがえた問題だけ復習中' : '通常モード';
        progressEl.textContent = (current + 1) + '問目 / ' + quizData.length + '問';
        scoreEl.textContent = '正解 ' + score + '問';
        badgeEl.textContent = '第' + (current + 1) + '問';
        questionEl.textContent = item.q;
        choicesEl.innerHTML = '';

        var shuffledChoices = shuffle(allChoices);
        for (var i = 0; i < shuffledChoices.length; i++) {
          (function(choiceText) {
            var btn = document.createElement('button');
            btn.className = 'choice-btn';
            btn.type = 'button';
            btn.textContent = choiceText;
            btn.onclick = function() {
              selectAnswer(choiceText, btn, item);
            };
            choicesEl.appendChild(btn);
          })(shuffledChoices[i]);
        }
      }

      function selectAnswer(selectedChoice, clickedBtn, item) {
        if (answered) return;
        answered = true;

        var buttons = choicesEl.querySelectorAll('.choice-btn');
        var correct = selectedChoice === item.a;

        for (var i = 0; i < buttons.length; i++) {
          buttons[i].disabled = true;
          if (buttons[i].textContent === item.a) {
            buttons[i].classList.add('correct');
          }
        }

        if (!correct) {
          clickedBtn.classList.add('wrong');
          wrongQuestions.push(item);
        }

        if (correct) score++;
        scoreEl.textContent = '正解 ' + score + '問';

        results.push({
          question: item.q,
          selected: selectedChoice,
          correct: correct,
          answer: item.a,
          explanation: item.e
        });

        answerEl.className = 'answer-box show ' + (correct ? 'correct' : 'wrong');
        if (correct) {
          answerEl.innerHTML = '⭕ <strong>せいかい！</strong><br>' + item.e;
        } else {
          answerEl.innerHTML = '❌ <strong>ざんねん！</strong><br>正解は「' + item.a + '」です。<br>' + item.e;
        }

        nextBtn.disabled = false;
      }

      function finishQuiz() {
        cardEl.style.display = 'none';
        resultEl.className = 'result-card show';
        finalScoreEl.textContent = score + ' / ' + quizData.length;

        if (score === quizData.length) {
          finalCommentEl.textContent = reviewMode ? '復習も全問正解！ばっちり定着してるで✨' : 'すごい！全問正解✨';
        } else if (score >= Math.ceil(quizData.length * 0.8)) {
          finalCommentEl.textContent = 'かなりできてる！まちがえた問題だけもう一回やると強いで👍';
        } else if (score >= Math.ceil(quizData.length * 0.5)) {
          finalCommentEl.textContent = 'いい感じ！くり返したら活用は覚えられるで✨';
        } else {
          finalCommentEl.textContent = '大丈夫！活用は何回もやるほど覚えやすくなるよ😊';
        }

        if (!reviewMode && wrongQuestions.length > 0) {
          reviewWrongBtn.style.display = 'inline-block';
        } else {
          reviewWrongBtn.style.display = 'none';
        }

        reviewEl.innerHTML = '';
        for (var i = 0; i < results.length; i++) {
          var r = results[i];
          var div = document.createElement('div');
          div.className = 'review-item';
          div.innerHTML =
            '<span class="tag">' + (r.correct ? '正解' : '要復習') + '</span>' +
            '<strong>第' + (i + 1) + '問</strong> ' + r.question + '<br>' +
            '選んだ答え：' + r.selected + '<br>' +
            '正解：' + r.answer + '<br>' +
            r.explanation;
          reviewEl.appendChild(div);
        }
      }

      nextBtn.onclick = function() {
        current++;
        if (current < quizData.length) {
          loadQuestion();
        } else {
          finishQuiz();
        }
      };

      retryBtn.onclick = function() {
        location.reload();
      };

      reviewWrongBtn.onclick = function() {
        quizData = shuffle(wrongQuestions);
        current = 0;
        score = 0;
        answered = false;
        results = [];
        wrongQuestions = [];
        reviewMode = true;
        resultEl.className = 'result-card';
        cardEl.style.display = 'block';
        loadQuestion();
      };

      loadQuestion();
    })();
  </script>
</div>



<p class="wp-block-paragraph">おつかれさまでした！✨</p>



<p class="wp-block-paragraph">活用はくり返し練習することで、確実に身につきます。<br>まちがえた問題は、もう一度チャレンジしてみましょう👍</p>



👉 <a href="https://jouniorsankosodate.com/%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%81%ae10%e5%93%81%e8%a9%9e%e3%81%be%e3%81%a8%e3%82%81%ef%bd%9c%e6%84%8f%e5%91%b3%e3%81%a8%e8%a6%8b%e5%88%86%e3%81%91%e6%96%b9%e3%82%92%e3%82%84%e3%81%95%e3%81%97%e3%81%8f/">活用の見分け方はこちら</a><br>
👉 <a href="https://jouniorsankosodate.com/4968-2/">品詞クイズはこちら</a>



<div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:30px 0;">

  <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e5%9b%bd%e8%aa%9e%e3%83%ac%e3%83%83%e3%82%b9%e3%83%b3%e3%80%91%e6%b4%bb%e7%94%a8%e5%bd%a2%e3%81%ae%e8%a6%8b%e5%88%86%e3%81%91%e6%96%b9/"
     style="display:inline-block;background:#eaf5ff;color:#245f8e;text-decoration:none;font-weight:bold;padding:12px 18px;border-radius:999px;border:2px solid #bfe5ff;">
    前のページ
  </a>

  <a href="https://jouniorsankosodate.com/kokugo-learning/"
     style="display:inline-block;background:#fff8e6;color:#8a5a00;text-decoration:none;font-weight:bold;padding:12px 18px;border-radius:999px;border:2px solid #ffcc66;">
    一覧へ戻る
  </a>

  <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e5%9b%bd%e8%aa%9e%e3%83%ac%e3%83%83%e3%82%b9%e3%83%b3%e3%80%91%e6%b4%bb%e7%94%a8%e5%bd%a2%e3%81%ae%e8%a6%8b%e5%88%86%e3%81%91%e6%96%b9/"
     style="display:inline-block;background:#eaffef;color:#17612c;text-decoration:none;font-weight:bold;padding:12px 18px;border-radius:999px;border:2px solid #b9efc6;">
    次のページ
  </a>

</div>



<p class="wp-block-paragraph">📚 中学英語の復習・先取りに</p>



<p class="wp-block-paragraph">むすこの学校でもスタディサプリが導入されています。</p>



<p class="wp-block-paragraph">昔は有名な先生の授業を受けるために塾や予備校へ通うイメージでしたが、今は自宅で人気講師の授業を受けられる時代なんですね。</p>



<p class="wp-block-paragraph">特にスタディサプリは、</p>



<p class="wp-block-paragraph">✅ 英語の苦手単元に戻れる<br>✅ 定期テスト対策ができる<br>✅ 部活後でも好きな時間に学習できる<br>✅ 塾より費用を抑えやすい</p>



<p class="wp-block-paragraph">という点が魅力だと思います😊</p>



<p class="wp-block-paragraph">英検対策だけでなく、中学英語全体の理解にも役立つので気になる方はチェックしてみてください。</p>



<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=4B3G6H+G9UKT6+36T2+TSJ42">スタディサプリ中学講座はこちら</a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=4B3G6H+G9UKT6+36T2+TSJ42" alt="">



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



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



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



<a href="https://blogmura.com/profiles/11199271?p_cid=11199271"><img decoding="async" src="https://blogparts.blogmura.com/parts_image/user/pv11199271.gif" alt="PVアクセスランキング にほんブログ村" /></a>



<p class="wp-block-paragraph">読んだよ！の応援クリック嬉しいです👇</p>



<a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank"><img decoding="async" src="https://b.blogmura.com/original/1411684" width="240" height="240" border="0" alt="にほんブログ村 にほんブログ村へ" /></a><br /><a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank">にほんブログ村</a>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/%e6%b4%bb%e7%94%a8%e3%81%a8%e3%81%af%ef%bc%9f%e5%8b%95%e8%a9%9e%e3%81%ae%e5%a4%89%e3%82%8f%e3%82%8a%e6%96%b9%e3%82%92%e3%82%8f%e3%81%8b%e3%82%8a%e3%82%84%e3%81%99%e3%81%8f%e8%a7%a3%e8%aa%ac%ef%bd%9c/">活用とは？動詞の変わり方をわかりやすく解説｜五段・一段も一発で理解！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%e6%b4%bb%e7%94%a8%e3%81%a8%e3%81%af%ef%bc%9f%e5%8b%95%e8%a9%9e%e3%81%ae%e5%a4%89%e3%82%8f%e3%82%8a%e6%96%b9%e3%82%92%e3%82%8f%e3%81%8b%e3%82%8a%e3%82%84%e3%81%99%e3%81%8f%e8%a7%a3%e8%aa%ac%ef%bd%9c/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英語ルール完全理解⑲】🐙疑問文の答え方まとめ</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Tue, 14 Apr 2026 14:11:52 +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=4769</guid>

					<description><![CDATA[<p>目次 🐙疑問文の答え方は「聞かれた形」で返す！🟦① 一般動詞（do / does）do の質問does の質問🟨② be動詞（am / is / are）🟩③ can の疑問文🟪④ 5W1H の質問聞かれた形でこたえよう [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/">🐙【タコタの英語ルール完全理解⑲】🐙疑問文の答え方まとめ</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-9" checked><label class="toc-title" for="toc-checkbox-9">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">🐙疑問文の答え方は「聞かれた形」で返す！</a></li><li><a href="#toc2" tabindex="0">🟦① 一般動詞（do / does）</a><ol><li><a href="#toc3" tabindex="0">do の質問</a></li><li><a href="#toc4" tabindex="0">does の質問</a></li></ol></li><li><a href="#toc5" tabindex="0">🟨② be動詞（am / is / are）</a></li><li><a href="#toc6" tabindex="0">🟩③ can の疑問文</a></li><li><a href="#toc7" tabindex="0">🟪④ 5W1H の質問</a></li><li><a href="#toc8" tabindex="0">聞かれた形でこたえよう！</a><ol><li><a href="#toc9" tabindex="0">クイズしゅうりょう！</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">🐙疑問文の答え方は「聞かれた形」で返す！</span></h2>



<p class="wp-block-paragraph">英語の疑問文は、<br>👉 <strong>質問の形に合わせて答える</strong> のがポイントです。</p>



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



<h2 class="wp-block-heading"><span id="toc2">🟦① 一般動詞（do / does）</span></h2>



<h3 class="wp-block-heading"><span id="toc3">do の質問</span></h3>



<p class="wp-block-paragraph">Do you play soccer?<br>（あなたはサッカーをしますか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, I do.</li>



<li>No, I don’t.</li>
</ul>



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



<h3 class="wp-block-heading"><span id="toc4">does の質問</span></h3>



<p class="wp-block-paragraph">Does he play soccer?<br>（彼はサッカーをしますか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, he does.</li>



<li>No, he doesn’t.</li>
</ul>



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



<p class="wp-block-paragraph">💡ポイント<br><code>does</code> で聞かれたら<br>👉 <strong>does / doesn’t で返す！</strong></p>



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



<h2 class="wp-block-heading"><span id="toc5">🟨② be動詞（am / is / are）</span></h2>



<p class="wp-block-paragraph">Are you happy?<br>（あなたはうれしいですか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, I am.</li>



<li>No, I’m not.</li>
</ul>



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



<p class="wp-block-paragraph">Is he your brother?<br>（彼はあなたのお兄さんですか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, he is.</li>



<li>No, he isn’t.</li>
</ul>



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



<h2 class="wp-block-heading"><span id="toc6">🟩③ can の疑問文</span></h2>



<p class="wp-block-paragraph">Can you swim?<br>（あなたは泳げますか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>Yes, I can.</li>



<li>No, I can’t.</li>
</ul>



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



<h2 class="wp-block-heading"><span id="toc7">🟪④ 5W1H の質問</span></h2>



<p class="wp-block-paragraph">Where do you live?<br>（あなたはどこに住んでいますか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>I live in Osaka.</li>
</ul>



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



<p class="wp-block-paragraph">What does he like?<br>（彼は何が好きですか？）</p>



<p class="wp-block-paragraph">👉答え方</p>



<ul class="wp-block-list">
<li>He likes apples.</li>
</ul>



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



<p class="wp-block-paragraph">💡ポイント<br>5W1Hは<br>👉 <strong>Yes / No では答えない</strong><br>👉 <strong>中身を文で答える！</strong></p>



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



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



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>質問の形</th><th>答え方</th></tr></thead><tbody><tr><td>Do you ～?</td><td>Yes, I do. / No, I don’t.</td></tr><tr><td>Does he ～?</td><td>Yes, he does. / No, he doesn’t.</td></tr><tr><td>Are you ～?</td><td>Yes, I am. / No, I’m not.</td></tr><tr><td>Is he ～?</td><td>Yes, he is. / No, he isn’t.</td></tr><tr><td>Can you ～?</td><td>Yes, I can. / No, I can’t.</td></tr><tr><td>What / Where / Why ～?</td><td>文で答える</td></tr></tbody></table></figure>



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



<h1 class="wp-block-heading">🐙タコタのひとこと</h1>



<p class="wp-block-paragraph">👉 <strong>聞かれた形を、そのまま返したらOK！</strong></p>



<div class="tacota-answer-quiz" id="tacotaAnswerQuiz">
  <div class="taq-wrap">
    <div class="taq-header">
      <div class="taq-badge">🐙 疑問文の答え方クイズ</div>
      <h2><span id="toc8">聞かれた形でこたえよう！</span></h2>
      <p>do / does / be動詞 / can / 5W1H をまとめてチェック✨</p>
    </div>

    <div class="taq-topbar">
      <div class="taq-pill" id="taqCount">もんだい 1 / 12</div>
      <div class="taq-pill taq-score" id="taqScore">せいかい 0</div>
    </div>

    <div class="taq-questionbox">
      <p class="taq-label">もんだい</p>
      <p class="taq-en" id="taqEn">Question here.</p>
      <p class="taq-ja" id="taqJa">日本語がここに出るよ</p>
    </div>

    <div class="taq-choices" id="taqChoices"></div>

    <div class="taq-result" id="taqResult"></div>

    <div class="taq-controls">
      <button type="button" class="taq-btn taq-next" id="taqNextBtn" style="display:none;">つぎへ ▶</button>
    </div>

    <div class="taq-end" id="taqEnd" style="display:none;">
      <div class="taq-finish">🎉</div>
      <h3><span id="toc9">クイズしゅうりょう！</span></h3>
      <p class="taq-finalscore" id="taqFinalScore"></p>
      <div class="taq-endbuttons">
        <button type="button" class="taq-btn taq-restart" id="taqRestartBtn">↩ はじめから</button>
      </div>
    </div>
  </div>
</div>

<style>
.tacota-answer-quiz{
  max-width: 860px;
  margin: 30px auto;
  padding: 20px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.85) 0 7%, transparent 8%),
    radial-gradient(circle at 82% 25%, rgba(255,255,255,0.65) 0 6%, transparent 7%),
    radial-gradient(circle at 26% 78%, rgba(255,255,255,0.6) 0 6%, transparent 7%),
    linear-gradient(180deg, #fffdf5 0%, #fff8ef 45%, #f7fcff 100%);
  border: 3px solid #ffe0c0;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  font-family: "Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  color: #51453f;
}

.taq-wrap{
  background: rgba(255,255,255,0.92);
  border: 2px solid #ffe8d5;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 8px 18px rgba(255,190,120,0.12);
}

.taq-header{
  text-align:center;
  margin-bottom:18px;
}

.taq-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  background:#ffe79d;
  color:#885900;
  font-weight:bold;
  font-size:14px;
  margin-bottom:10px;
  box-shadow:0 3px 0 rgba(180,140,40,0.18);
}

.taq-header h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.3;
  color:#ff8b5d;
}

.taq-header p{
  margin:0;
  color:#75675f;
}

.taq-topbar{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.taq-pill{
  background:#fff3de;
  color:#75592e;
  border-radius:999px;
  padding:10px 16px;
  font-size:15px;
  font-weight:bold;
}

.taq-score{
  background:#e9f7ff;
  color:#2b6f8a;
}

.taq-questionbox{
  background:linear-gradient(180deg, #fffefb 0%, #fff7f2 100%);
  border:2px dashed #ffd7c1;
  border-radius:20px;
  padding:20px 16px;
  text-align:center;
  margin-bottom:18px;
}

.taq-label{
  margin:0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:#ff9d79;
  letter-spacing:0.08em;
}

.taq-en{
  margin:0 0 10px;
  font-size:24px;
  font-weight:bold;
  line-height:1.8;
  color:#4a88d8;
}

.taq-ja{
  margin:0;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
  color:#4b3f39;
}

.taq-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.taq-choice{
  border:none;
  border-radius:18px;
  padding:16px 12px;
  font-size:20px;
  font-weight:bold;
  cursor:pointer;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color:#4c4c4c;
  border:2px solid #dce9ff;
  box-shadow:0 6px 0 #e8f0ff;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.taq-choice:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 0 #e8f0ff;
  background:linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
}

.taq-choice.correct{
  background:linear-gradient(180deg, #effff2 0%, #daf6df 100%);
  border-color:#86d59c;
  box-shadow:0 6px 0 #c9ecd0;
  color:#246f43;
}

.taq-choice.wrong{
  background:linear-gradient(180deg, #fff4f4 0%, #ffe0e0 100%);
  border-color:#f0a1a1;
  box-shadow:0 6px 0 #f5cccc;
  color:#b94a4a;
}

.taq-choice:disabled{
  cursor:default;
}

.taq-result{
  min-height:34px;
  margin-top:18px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
}

.taq-controls{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.taq-btn{
  border:none;
  border-radius:999px;
  padding:13px 22px;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
  transition:transform .15s ease;
}

.taq-btn:hover{
  transform:translateY(-1px);
}

.taq-next{
  background:linear-gradient(180deg, #ffbc75 0%, #ff9d58 100%);
  color:#fff;
  box-shadow:0 5px 0 #e18747;
}

.taq-restart{
  background:linear-gradient(180deg, #ffb9cf 0%, #ff96b9 100%);
  color:#fff;
  box-shadow:0 5px 0 #e27b9f;
}

.taq-end{
  display:none;
  text-align:center;
  margin-top:20px;
}

.taq-finish{
  font-size:42px;
  margin-bottom:8px;
}

.taq-end h3{
  margin:0 0 10px;
  font-size:30px;
  color:#ff8b5d;
}

.taq-finalscore{
  font-size:22px;
  font-weight:bold;
  margin-bottom:18px;
}

@media (max-width: 640px){
  .tacota-answer-quiz{
    padding:16px 12px;
    border-radius:22px;
  }
  .taq-header h2{
    font-size:28px;
  }
  .taq-en{
    font-size:20px;
  }
  .taq-ja{
    font-size:16px;
  }
  .taq-choices{
    grid-template-columns:1fr;
  }
  .taq-choice{
    font-size:18px;
  }
}
</style>

<script>
(function(){
  const quizData = [
    {
      en: "Do you play soccer?",
      ja: "あなたはサッカーをしますか？",
      answer: "Yes, I do.",
      choices: ["Yes, I do.", "Yes, I am.", "Yes, I can.", "I play soccer."]
    },
    {
      en: "Does he like apples?",
      ja: "彼はりんごが好きですか？",
      answer: "Yes, he does.",
      choices: ["Yes, he does.", "Yes, he do.", "Yes, he is.", "Yes, he can."]
    },
    {
      en: "Does she study English?",
      ja: "彼女は英語を勉強しますか？",
      answer: "No, she doesn't.",
      choices: ["No, she doesn't.", "No, she don't.", "No, she isn't.", "No, she can't."]
    },
    {
      en: "Are you happy?",
      ja: "あなたはうれしいですか？",
      answer: "Yes, I am.",
      choices: ["Yes, I am.", "Yes, I do.", "Yes, I can.", "I am happy."]
    },
    {
      en: "Is he your brother?",
      ja: "彼はあなたのお兄さんですか？",
      answer: "No, he isn't.",
      choices: ["No, he isn't.", "No, he doesn't.", "No, he can't.", "No, he don't."]
    },
    {
      en: "Can you swim?",
      ja: "あなたは泳げますか？",
      answer: "Yes, I can.",
      choices: ["Yes, I can.", "Yes, I do.", "Yes, I am.", "I can swim."]
    },
    {
      en: "Can she run fast?",
      ja: "彼女は速く走れますか？",
      answer: "No, she can't.",
      choices: ["No, she can't.", "No, she doesn't.", "No, she isn't.", "No, she don't."]
    },
    {
      en: "Where do you live?",
      ja: "あなたはどこに住んでいますか？",
      answer: "I live in Osaka.",
      choices: ["I live in Osaka.", "Yes, I do.", "No, I don't.", "Yes, I am."]
    },
    {
      en: "What does he like?",
      ja: "彼は何が好きですか？",
      answer: "He likes apples.",
      choices: ["He likes apples.", "Yes, he does.", "No, he doesn't.", "He is apples."]
    },
    {
      en: "Why are you happy?",
      ja: "なぜあなたはうれしいのですか？",
      answer: "Because I got a present.",
      choices: ["Because I got a present.", "Yes, I am.", "No, I'm not.", "I am happy."]
    },
    {
      en: "When does she study?",
      ja: "彼女はいつ勉強しますか？",
      answer: "She studies at night.",
      choices: ["She studies at night.", "Yes, she does.", "No, she doesn't.", "She does study."]
    },
    {
      en: "How do you go to school?",
      ja: "どうやって学校に行きますか？",
      answer: "I go by bus.",
      choices: ["I go by bus.", "Yes, I do.", "No, I don't.", "I go school."]
    }
  ];

  let currentIndex = 0;
  let score = 0;

  const countEl = document.getElementById("taqCount");
  const scoreEl = document.getElementById("taqScore");
  const enEl = document.getElementById("taqEn");
  const jaEl = document.getElementById("taqJa");
  const choicesEl = document.getElementById("taqChoices");
  const resultEl = document.getElementById("taqResult");
  const nextBtn = document.getElementById("taqNextBtn");
  const endEl = document.getElementById("taqEnd");
  const finalEl = document.getElementById("taqFinalScore");

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

  function updateScore(){
    scoreEl.textContent = "せいかい " + score;
  }

  function showQuestion(){
    const q = quizData[currentIndex];
    countEl.textContent = "もんだい " + (currentIndex + 1) + " / " + quizData.length;
    enEl.textContent = q.en;
    jaEl.textContent = q.ja;
    resultEl.textContent = "";
    nextBtn.style.display = "none";
    choicesEl.innerHTML = "";

    const shuffled = shuffleArray(q.choices);

    shuffled.forEach(choice => {
      const btn = document.createElement("button");
      btn.type = "button";
      btn.className = "taq-choice";
      btn.textContent = choice;

      btn.addEventListener("click", function(){
        const allBtns = choicesEl.querySelectorAll(".taq-choice");
        allBtns.forEach(b => b.disabled = true);

        if(choice === q.answer){
          btn.classList.add("correct");
          resultEl.textContent = "⭕ せいかい！";
          score++;
          updateScore();
        } else {
          btn.classList.add("wrong");
          allBtns.forEach(b => {
            if(b.textContent === q.answer){
              b.classList.add("correct");
            }
          });
          resultEl.textContent = "❌ ざんねん！ 正解は「" + q.answer + "」だよ。";
        }

        nextBtn.style.display = "inline-block";
      });

      choicesEl.appendChild(btn);
    });
  }

  nextBtn.addEventListener("click", function(){
    currentIndex++;
    if(currentIndex < quizData.length){
      showQuestion();
    } else {
      document.querySelector(".taq-topbar").style.display = "none";
      document.querySelector(".taq-questionbox").style.display = "none";
      document.querySelector(".taq-choices").style.display = "none";
      document.querySelector(".taq-result").style.display = "none";
      document.querySelector(".taq-controls").style.display = "none";
      endEl.style.display = "block";
      finalEl.textContent = quizData.length + "もんちゅう " + score + "もんせいかい！";
    }
  });

  document.getElementById("taqRestartBtn").addEventListener("click", function(){
    currentIndex = 0;
    score = 0;
    updateScore();

    document.querySelector(".taq-topbar").style.display = "flex";
    document.querySelector(".taq-questionbox").style.display = "block";
    document.querySelector(".taq-choices").style.display = "grid";
    document.querySelector(".taq-result").style.display = "block";
    document.querySelector(".taq-controls").style.display = "flex";
    endEl.style.display = "none";

    showQuestion();
  });

  updateScore();
  showQuestion();
})();
</script>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99-%e8%8b%b1%e6%a4%9c5%e7%b4%9a-%e7%b7%8f%e3%81%be%e3%81%a8%e3%82%81%e3%83%86%e3%82%b9%e3%83%88%ef%bc%88%e5%85%a850%e5%95%8f%ef%bc%89/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>



<a href="https://blogmura.com/profiles/11199271?p_cid=11199271"><img decoding="async" src="https://blogparts.blogmura.com/parts_image/user/pv11199271.gif" alt="PVアクセスランキング にほんブログ村" /></a>



<p class="wp-block-paragraph">読んだよ！の応援クリック嬉しいです👇</p>



<a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank"><img decoding="async" src="https://b.blogmura.com/original/1411684" width="240" height="240" border="0" alt="にほんブログ村 にほんブログ村へ" /></a><br /><a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank">にほんブログ村</a>



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



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



<hr class="wp-block-separator has-alpha-channel-opacity"/>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/">🐙【タコタの英語ルール完全理解⑲】🐙疑問文の答え方まとめ</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英文ルール 完全理解⑱】canの使い方｜「できる」を一発で理解！</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Mon, 13 Apr 2026 14:31:38 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[＃can]]></category>
		<category><![CDATA[#クイズ]]></category>
		<category><![CDATA[＃わかりやすい]]></category>
		<category><![CDATA[#英単語]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=4762</guid>

					<description><![CDATA[<p>canってよく出てくるけど👇 👉「できる」だけ覚えて終わってない？ 実は👇めちゃくちゃシンプルで使いやすい！ 🧠canの意味（これだけ！） 👉 can = できる 📌例 💡もうひとつの意味 👉 can = してもいい 📌 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">🐙【タコタの英文ルール 完全理解⑱】canの使い方｜「できる」を一発で理解！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">canってよく出てくるけど👇</p>



<p class="wp-block-paragraph">👉「できる」だけ覚えて終わってない？</p>



<p class="wp-block-paragraph">実は👇<br><strong>めちゃくちゃシンプルで使いやすい！</strong></p>



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



<h1 class="wp-block-heading">🧠canの意味（これだけ！）</h1>



<p class="wp-block-paragraph"><strong>👉 can = できる</strong></p>



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



<h2 class="wp-block-heading"><span id="toc1">📌例</span></h2>



<ul class="wp-block-list">
<li>I can swim.<br>（わたしは泳げる）</li>



<li>I can run.<br>（走れる）</li>
</ul>



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



<h1 class="wp-block-heading">💡もうひとつの意味</h1>



<p class="wp-block-paragraph">👉 can = してもいい</p>



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



<h2 class="wp-block-heading"><span id="toc2">📌例</span></h2>



<ul class="wp-block-list">
<li>You can go.<br>（行っていいよ）</li>
</ul>



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



<h1 class="wp-block-heading">🎯ルール（超シンプル）</h1>



<p class="wp-block-paragraph">👉 canのあと<br><strong><span class="fz-22px">動詞そのまま！</span></strong></p>



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



<h2 class="wp-block-heading"><span id="toc3">📌例</span></h2>



<ul class="wp-block-list">
<li>I can <strong>play</strong>.<br>（playそのまま）</li>
</ul>



<p class="wp-block-paragraph">❌ She can plays<br>❌ I can playing</p>



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



<h1 class="wp-block-heading">📌疑問文</h1>



<p class="wp-block-paragraph"><span class="fz-24px"><strong>👉 canを前に出すだけ！</strong></span></p>



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



<h2 class="wp-block-heading"><span id="toc4">📌例</span></h2>



<ul class="wp-block-list">
<li>Can you swim?<br>（泳げる？）</li>
</ul>



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



<h1 class="wp-block-heading">📌答え方</h1>



<ul class="wp-block-list">
<li>Yes, I can.</li>



<li>No, I can&#8217;t.</li>
</ul>



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



<h1 class="wp-block-heading">📌否定文</h1>



<p class="wp-block-paragraph"><strong><span class="fz-24px">👉 can＋not　</span><span class="fz-24px">をつけるだけ</span></strong></p>



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



<h2 class="wp-block-heading"><span id="toc5">📌例</span></h2>



<ul class="wp-block-list">
<li>I can not  swim.<br>（泳げない）</li>
</ul>



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



<h1 class="wp-block-heading">🎮クイズ（4択・穴埋め）</h1>



<div class="tacota-can-quiz2" id="tacotaCanQuiz2">
  <div class="tcq-card">
    <div class="tcq-header">
      <div class="tcq-badge">🐙 can クイズ</div>
      <h2><span id="toc6">4たく えらんでみよう！</span></h2>
      <p class="tcq-lead">肯定文・否定文・疑問文をまとめてチェック✨</p>
    </div>

    <div class="tcq-topbar">
      <div class="tcq-pill" id="tcqCount">もんだい 1 / 16</div>
      <div class="tcq-pill tcq-score" id="tcqScore">せいかい 0</div>
    </div>

    <div class="tcq-questionbox">
      <p class="tcq-label">もんだい</p>
      <p class="tcq-en" id="tcqEn">Question here.</p>
      <p class="tcq-ja" id="tcqJa">日本語がここに出るよ</p>
    </div>

    <div class="tcq-choices" id="tcqChoices"></div>

    <div class="tcq-result" id="tcqResult"></div>

    <div class="tcq-controls">
      <button type="button" class="tcq-btn tcq-next" id="tcqNextBtn" style="display:none;">つぎへ ▶</button>
    </div>

    <div class="tcq-end" id="tcqEnd" style="display:none;">
      <div class="tcq-finish">🎉</div>
      <h3><span id="toc7">クイズしゅうりょう！</span></h3>
      <p class="tcq-finalscore" id="tcqFinalScore"></p>
      <div class="tcq-endbuttons">
        <button type="button" class="tcq-btn tcq-restart" id="tcqRestartBtn">↩ もういちど</button>
      </div>
    </div>
  </div>
</div>

<style>
.tacota-can-quiz2{
  max-width: 860px;
  margin: 30px auto;
  padding: 20px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.85) 0 7%, transparent 8%),
    radial-gradient(circle at 82% 25%, rgba(255,255,255,0.65) 0 6%, transparent 7%),
    radial-gradient(circle at 26% 78%, rgba(255,255,255,0.6) 0 6%, transparent 7%),
    linear-gradient(180deg, #fffdf5 0%, #fff8ef 45%, #f7fcff 100%);
  border: 3px solid #ffe0c0;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  font-family: "Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  color: #51453f;
}

.tcq-card{
  background: rgba(255,255,255,0.92);
  border: 2px solid #ffe8d5;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 8px 18px rgba(255,190,120,0.12);
}

.tcq-header{
  text-align:center;
  margin-bottom:18px;
}

.tcq-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  background:#ffe79d;
  color:#885900;
  font-weight:bold;
  font-size:14px;
  margin-bottom:10px;
  box-shadow:0 3px 0 rgba(180,140,40,0.18);
}

.tcq-header h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.3;
  color:#ff8b5d;
}

.tcq-lead{
  margin:0;
  font-size:16px;
  color:#75675f;
}

.tcq-topbar{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.tcq-pill{
  background:#fff3de;
  color:#75592e;
  border-radius:999px;
  padding:10px 16px;
  font-size:15px;
  font-weight:bold;
}

.tcq-score{
  background:#e9f7ff;
  color:#2b6f8a;
}

.tcq-questionbox{
  background:linear-gradient(180deg, #fffefb 0%, #fff7f2 100%);
  border:2px dashed #ffd7c1;
  border-radius:20px;
  padding:20px 16px;
  text-align:center;
  margin-bottom:18px;
}

.tcq-label{
  margin:0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:#ff9d79;
  letter-spacing:0.08em;
}

.tcq-en{
  margin:0 0 10px;
  font-size:24px;
  font-weight:bold;
  line-height:1.8;
  color:#4a88d8;
}

.tcq-ja{
  margin:0;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
  color:#4b3f39;
}

.tcq-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.tcq-choice{
  border:none;
  border-radius:18px;
  padding:16px 12px;
  font-size:20px;
  font-weight:bold;
  cursor:pointer;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color:#4c4c4c;
  border:2px solid #dce9ff;
  box-shadow:0 6px 0 #e8f0ff;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.tcq-choice:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 0 #e8f0ff;
  background:linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
}

.tcq-choice.correct{
  background:linear-gradient(180deg, #effff2 0%, #daf6df 100%);
  border-color:#86d59c;
  box-shadow:0 6px 0 #c9ecd0;
  color:#246f43;
}

.tcq-choice.wrong{
  background:linear-gradient(180deg, #fff4f4 0%, #ffe0e0 100%);
  border-color:#f0a1a1;
  box-shadow:0 6px 0 #f5cccc;
  color:#b94a4a;
}

.tcq-choice:disabled{
  cursor:default;
}

.tcq-result{
  min-height:34px;
  margin-top:18px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
}

.tcq-controls{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.tcq-btn{
  border:none;
  border-radius:999px;
  padding:13px 22px;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
  transition:transform .15s ease;
}

.tcq-btn:hover{
  transform:translateY(-1px);
}

.tcq-next{
  background:linear-gradient(180deg, #ffbc75 0%, #ff9d58 100%);
  color:#fff;
  box-shadow:0 5px 0 #e18747;
}

.tcq-restart{
  background:linear-gradient(180deg, #ffb9cf 0%, #ff96b9 100%);
  color:#fff;
  box-shadow:0 5px 0 #e27b9f;
}

.tcq-end{
  display:none;
  text-align:center;
  margin-top:20px;
}

.tcq-finish{
  font-size:42px;
  margin-bottom:8px;
}

.tcq-end h3{
  margin:0 0 10px;
  font-size:30px;
  color:#ff8b5d;
}

.tcq-finalscore{
  font-size:22px;
  font-weight:bold;
  margin-bottom:18px;
}

@media (max-width: 640px){
  .tacota-can-quiz2{
    padding:16px 12px;
    border-radius:22px;
  }
  .tcq-header h2{
    font-size:28px;
  }
  .tcq-en{
    font-size:20px;
  }
  .tcq-ja{
    font-size:16px;
  }
  .tcq-choices{
    grid-template-columns:1fr;
  }
  .tcq-choice{
    font-size:18px;
  }
}
</style>

<script>
(function(){
  const originalQuizData = [
    {
      en:"I (   ) swim.",
      ja:"わたしは泳げる。",
      answer:"can",
      choices:["can","am","do","is"]
    },
    {
      en:"I can (   ).",
      ja:"わたしは走れる。",
      answer:"run",
      choices:["run","runs","running","ran"]
    },
    {
      en:"She (   ) play the piano.",
      ja:"彼女はピアノが弾ける。",
      answer:"can",
      choices:["can","does","is","has"]
    },
    {
      en:"He can (   ) fast.",
      ja:"彼は速く走れる。",
      answer:"run",
      choices:["run","runs","running","ran"]
    },
    {
      en:"I (   ) not swim.",
      ja:"わたしは泳げない。",
      answer:"can",
      choices:["can","do","am","is"]
    },
    {
      en:"She (   ) not play tennis.",
      ja:"彼女はテニスができない。",
      answer:"can",
      choices:["can","does","is","has"]
    },
    {
      en:"He can't (   ) a bike.",
      ja:"彼は自転車に乗れない。",
      answer:"ride",
      choices:["ride","rides","riding","rode"]
    },
    {
      en:"We can't (   ) now.",
      ja:"わたしたちは今行けない。",
      answer:"go",
      choices:["go","goes","going","went"]
    },
    {
      en:"(   ) you swim?",
      ja:"あなたは泳げますか？",
      answer:"Can",
      choices:["Can","Do","Are","Is"]
    },
    {
      en:"(   ) she play soccer?",
      ja:"彼女はサッカーができますか？",
      answer:"Can",
      choices:["Can","Does","Is","Do"]
    },
    {
      en:"Can he run fast? → Yes, he (   ).",
      ja:"彼は速く走れますか？ → はい、できます。",
      answer:"can",
      choices:["can","does","is","do"]
    },
    {
      en:"Can you sing? → No, I (   ).",
      ja:"あなたは歌えますか？ → いいえ、歌えません。",
      answer:"can't",
      choices:["can't","don't","am not","isn't"]
    },
    {
      en:"Can she cook? → Yes, she (   ).",
      ja:"彼女は料理できますか？ → はい、できます。",
      answer:"can",
      choices:["can","does","is","do"]
    },
    {
      en:"Can they jump? → No, they (   ).",
      ja:"彼らはジャンプできますか？ → いいえ、できません。",
      answer:"can't",
      choices:["can't","don't","aren't","doesn't"]
    },
    {
      en:"You (   ) go now.",
      ja:"もう行っていいよ。",
      answer:"can",
      choices:["can","are","do","have"]
    },
    {
      en:"(   ) I open the window?",
      ja:"窓を開けてもいいですか？",
      answer:"Can",
      choices:["Can","Do","Am","Is"]
    },
    {
      en:"Can I use this pen? → Yes, you (   ).",
      ja:"このペン使っていい？ → はい、いいよ。",
      answer:"can",
      choices:["can","do","are","have"]
    },
    {
      en:"Can I go home? → No, you (   ).",
      ja:"家に帰っていい？ → だめです。",
      answer:"can't",
      choices:["can't","don't","aren't","haven't"]
    }
  ];

  let quizData = originalQuizData.slice();
  let currentIndex = 0;
  let score = 0;

  const countEl = document.getElementById("tcqCount");
  const scoreEl = document.getElementById("tcqScore");
  const enEl = document.getElementById("tcqEn");
  const jaEl = document.getElementById("tcqJa");
  const choicesEl = document.getElementById("tcqChoices");
  const resultEl = document.getElementById("tcqResult");
  const nextBtn = document.getElementById("tcqNextBtn");
  const endEl = document.getElementById("tcqEnd");
  const finalEl = document.getElementById("tcqFinalScore");

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

  function updateScore(){
    scoreEl.textContent = "せいかい " + score;
  }

  function showQuestion(){
    const q = quizData[currentIndex];
    countEl.textContent = "もんだい " + (currentIndex + 1) + " / " + quizData.length;
    enEl.textContent = q.en;
    jaEl.textContent = q.ja;
    resultEl.textContent = "";
    nextBtn.style.display = "none";
    choicesEl.innerHTML = "";

    const shuffled = shuffleArray(q.choices);

    shuffled.forEach(choice => {
      const btn = document.createElement("button");
      btn.type = "button";
      btn.className = "tcq-choice";
      btn.textContent = choice;

      btn.addEventListener("click", function(){
        const allBtns = choicesEl.querySelectorAll(".tcq-choice");
        allBtns.forEach(b => b.disabled = true);

        if(choice === q.answer){
          btn.classList.add("correct");
          resultEl.textContent = "⭕ せいかい！";
          score++;
          updateScore();
        } else {
          btn.classList.add("wrong");
          allBtns.forEach(b => {
            if(b.textContent === q.answer){
              b.classList.add("correct");
            }
          });
          resultEl.textContent = "❌ ざんねん！ 正解は「" + q.answer + "」だよ。";
        }

        nextBtn.style.display = "inline-block";
      });

      choicesEl.appendChild(btn);
    });
  }

  nextBtn.addEventListener("click", function(){
    currentIndex++;
    if(currentIndex < quizData.length){
      showQuestion();
    } else {
      document.querySelector(".tcq-topbar").style.display = "none";
      document.querySelector(".tcq-questionbox").style.display = "none";
      document.querySelector(".tcq-choices").style.display = "none";
      document.querySelector(".tcq-result").style.display = "none";
      document.querySelector(".tcq-controls").style.display = "none";
      endEl.style.display = "block";
      finalEl.textContent = quizData.length + "もんちゅう " + score + "もんせいかい！";
    }
  });

  document.getElementById("tcqRestartBtn").addEventListener("click", function(){
    currentIndex = 0;
    score = 0;
    updateScore();

    document.querySelector(".tcq-topbar").style.display = "flex";
    document.querySelector(".tcq-questionbox").style.display = "block";
    document.querySelector(".tcq-choices").style.display = "grid";
    document.querySelector(".tcq-result").style.display = "block";
    document.querySelector(".tcq-controls").style.display = "flex";
    endEl.style.display = "none";

    showQuestion();
  });

  updateScore();
  showQuestion();
})();
</script>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b0%e3%80%91%e3%80%905w1h%e3%80%91%e6%84%8f%e5%91%b3/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e8%aa%9e%e3%83%ab%e3%83%bc%e3%83%ab%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b2%e3%80%91%f0%9f%90%99%e7%96%91%e5%95%8f%e6%96%87/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>



<a href="https://blogmura.com/profiles/11199271?p_cid=11199271"><img decoding="async" src="https://blogparts.blogmura.com/parts_image/user/pv11199271.gif" alt="PVアクセスランキング にほんブログ村" /></a>



<p class="wp-block-paragraph">読んだよ！の応援クリック嬉しいです👇</p>



<a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank"><img decoding="async" src="https://b.blogmura.com/original/1411684" width="240" height="240" border="0" alt="にほんブログ村 にほんブログ村へ" /></a><br /><a rel="noopener" href="https://blogmura.com/ranking/in?p_cid=11199271" target="_blank">にほんブログ村</a>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/">🐙【タコタの英文ルール 完全理解⑱】canの使い方｜「できる」を一発で理解！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b1%e3%80%91can%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英文ルール 完全理解⑯】副詞まとめ｜位置と意味がぜんぶわかる</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Mon, 13 Apr 2026 13:00:16 +0000</pubDate>
				<category><![CDATA[🐙タコタの英文ルール📖]]></category>
		<category><![CDATA[#クイズ]]></category>
		<category><![CDATA[＃わかりやすい]]></category>
		<category><![CDATA[＃英検]]></category>
		<category><![CDATA[＃英語学習]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=4742</guid>

					<description><![CDATA[<p>副詞って、なんとなく覚えてるけど「どこに置くの？」って迷いませんか？ でも大丈夫✨ 副詞はルールが少なくて、コツをつかめば一気に理解できます。 この記事では👉 前置詞との違い👉 副詞の位置👉 よく出る副詞 をまとめてわか [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/">🐙【タコタの英文ルール 完全理解⑯】副詞まとめ｜位置と意味がぜんぶわかる</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">副詞って、なんとなく覚えてるけど<br>「どこに置くの？」って迷いませんか？</p>



<p class="wp-block-paragraph">でも大丈夫✨</p>



<p class="wp-block-paragraph">副詞はルールが少なくて、コツをつかめば一気に理解できます。</p>



<p class="wp-block-paragraph">この記事では<br>👉 前置詞との違い<br>👉 副詞の位置<br>👉 よく出る副詞</p>



<p class="wp-block-paragraph">をまとめてわかりやすく解説します🐙</p>



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




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-13" checked><label class="toc-title" for="toc-checkbox-13">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">📌副詞ってなに？</a></li><li><a href="#toc2" tabindex="0">📌前置詞との違い（ここ超重要）</a></li><li><a href="#toc3" tabindex="0">📌副詞の位置（ここが一番大事！）</a><ol><li><a href="#toc4" tabindex="0">🟡① 動詞の前</a></li><li><a href="#toc5" tabindex="0">🟢② be動詞のあと</a></li><li><a href="#toc6" tabindex="0">🔵③ 文の最後（場所）</a></li></ol></li><li><a href="#toc7" tabindex="0">📌よく出る副詞まとめ</a><ol><li><a href="#toc8" tabindex="0">🟡時間系</a></li><li><a href="#toc9" tabindex="0">🟢頻度</a></li><li><a href="#toc10" tabindex="0">🔵場所</a></li></ol></li><li><a href="#toc11" tabindex="0">📌よくあるミス</a></li><li><a href="#toc12" tabindex="0">📌まとめ</a></li><li><a href="#toc13" tabindex="0">🎯ひとこと</a></li><li><a href="#toc14" tabindex="0">えらんでみよう！</a><ol><li><a href="#toc15" tabindex="0">🎉おわり！</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">📌副詞ってなに？</span></h2>



<p class="wp-block-paragraph">👉 文を説明する言葉</p>



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



<ul class="wp-block-list">
<li>I <strong>already</strong> ate.（もう食べた）</li>



<li>I am <strong>here</strong>.（ここにいる）</li>
</ul>



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



<h2 class="wp-block-heading"><span id="toc2">📌前置詞との違い（ここ超重要）</span></h2>



<p class="wp-block-paragraph">👉 一番つまずくポイント！</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>種類</th><th>例</th><th>特徴</th></tr></thead><tbody><tr><td>前置詞</td><td>in the room</td><td>名詞が必要</td></tr><tr><td>副詞</td><td>here</td><td>それだけでOK</td></tr></tbody></table></figure>



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



<h2 class="wp-block-heading"><span id="toc3">📌副詞の位置（ここが一番大事！）</span></h2>



<h3 class="wp-block-heading"><span id="toc4">🟡① 動詞の前</span></h3>



<p class="wp-block-paragraph">👉 一番よく出る</p>



<ul class="wp-block-list">
<li>I <strong>always</strong> play soccer.</li>



<li>I <strong>often</strong> watch TV.</li>
</ul>



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



<h3 class="wp-block-heading"><span id="toc5">🟢② be動詞のあと</span></h3>



<ul class="wp-block-list">
<li>I am <strong>always</strong> happy.</li>



<li>She is <strong>often</strong> busy.</li>
</ul>



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



<h3 class="wp-block-heading"><span id="toc6">🔵③ 文の最後（場所）</span></h3>



<ul class="wp-block-list">
<li>I will go <strong>there</strong>.</li>
</ul>



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



<h2 class="wp-block-heading"><span id="toc7">📌よく出る副詞まとめ</span></h2>



<h3 class="wp-block-heading"><span id="toc8">🟡時間系</span></h3>



<ul class="wp-block-list">
<li>already（もう）</li>



<li>just（ちょうど）</li>



<li>yet（まだ・もう）</li>
</ul>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628-683x1024.jpg" alt="" class="wp-image-4747" style="aspect-ratio:0.6670074618894297;width:368px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6628.jpg 843w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<h3 class="wp-block-heading"><span id="toc9">🟢頻度</span></h3>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626-683x1024.jpg" alt="" class="wp-image-4746" style="aspect-ratio:0.6670074618894297;width:358px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6626.jpg 843w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629-683x1024.jpg" alt="" class="wp-image-4748" style="aspect-ratio:0.6670074618894297;width:360px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6629.jpg 843w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>副詞</th><th>日本語</th><th>割合</th></tr></thead><tbody><tr><td>always</td><td>いつも</td><td>100%</td></tr><tr><td>usually</td><td>たいてい</td><td>75%</td></tr><tr><td>often</td><td>よく</td><td>50%</td></tr><tr><td>sometimes</td><td>ときどき</td><td>25%</td></tr><tr><td>never</td><td>まったく〜ない</td><td>0%</td></tr></tbody></table></figure>



<h3 class="wp-block-heading"><span id="toc10">🔵場所</span></h3>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627-683x1024.jpg" alt="" class="wp-image-4745" style="aspect-ratio:0.6670074618894297;width:366px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/img_6627.jpg 843w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<ul class="wp-block-list">
<li>here（ここ）</li>



<li>there（そこ）</li>
</ul>



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



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



<h2 class="wp-block-heading"><span id="toc11">📌よくあるミス</span></h2>



<p class="wp-block-paragraph">❌ I am here in.<br>⭕ I am here.</p>



<p class="wp-block-paragraph">👉 副詞には前置詞いらない！</p>



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



<h2 class="wp-block-heading"><span id="toc12">📌まとめ</span></h2>



<p class="wp-block-paragraph">👉 副詞は<br>✔ 文を説明する<br>✔ 名詞いらない</p>



<p class="wp-block-paragraph">👉 位置は👇<br>✔ 動詞の前<br>✔ be動詞のあと<br>✔ 文の最後</p>



<p class="wp-block-paragraph">👉 alreadyは👇<br>✔ have / has のあと！</p>



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



<h2 class="wp-block-heading"><span id="toc13">🎯ひとこと</span></h2>



<p class="wp-block-paragraph">副詞は「暗記」よりも<br>👉 <strong>位置のルールを覚えることが大事！</strong></p>



<p class="wp-block-paragraph">ここが分かれば、一気に英語が読みやすくなるよ✨</p>



<div class="tacota-adv-quiz" id="tacotaAdvQuiz">

  <div class="tq-wrap">
    <div class="tq-header">
      <div class="tq-badge">🐙 頻度副詞クイズ</div>
      <h2><span id="toc14">えらんでみよう！</span></h2>
      <p>always / usually / often / sometimes / never</p>
    </div>

    <div class="tq-progress">
      <span id="tq-count">1 / 10</span>
      <span id="tq-score">⭐ 0</span>
    </div>

    <div class="tq-question">
      <p id="tq-en"></p>
      <p id="tq-ja"></p>
    </div>

    <div class="tq-choices" id="tq-choices"></div>

    <div class="tq-result" id="tq-result"></div>

    <button id="tq-next" style="display:none;">つぎへ ▶</button>

    <div id="tq-end" style="display:none;">
      <h3><span id="toc15">🎉おわり！</span></h3>
      <p id="tq-final"></p>
      <button onclick="tqRestart()">もういちど</button>
    </div>
  </div>
</div>

<style>
.tacota-adv-quiz{
  max-width:800px;
  margin:30px auto;
  padding:20px;
  background:#fff7fb;
  border-radius:25px;
  border:3px solid #ffd6eb;
}

.tq-header{text-align:center;margin-bottom:15px;}
.tq-badge{background:#ffe79d;padding:6px 12px;border-radius:20px;font-weight:bold;}
.tq-header h2{color:#ff8b5d;}

.tq-progress{
  display:flex;justify-content:space-between;
  margin-bottom:10px;
  background:#fff3de;padding:8px;border-radius:15px;
}

.tq-question{
  background:#fff;
  padding:15px;
  border-radius:15px;
  margin-bottom:10px;
  border:2px dashed #ffc2dd;
  text-align:center;
}

.tq-en{font-size:22px;color:#4a88d8;font-weight:bold;}
.tq-ja{font-size:14px;color:#666;}

.tq-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.tq-choices button{
  padding:10px;
  border:none;
  border-radius:15px;
  background:#ffe3f1;
  font-weight:bold;
}

.tq-choices button.correct{background:#c8f7c5;}
.tq-choices button.wrong{background:#ffd1d1;}

.tq-result{text-align:center;margin-top:10px;font-weight:bold;}
#tq-next{margin-top:10px;width:100%;}
</style>

<script>
(function(){

const quiz = [
{en:"I (   ) study.",ja:"わたしはいつも勉強する",a:"always"},
{en:"I (   ) play soccer.",ja:"たいていサッカーする",a:"usually"},
{en:"I (   ) watch TV.",ja:"よくテレビを見る",a:"often"},
{en:"I (   ) play games.",ja:"ときどきゲームする",a:"sometimes"},
{en:"I (   ) eat natto.",ja:"ぜったい食べない",a:"never"},
{en:"I am (   ) busy.",ja:"いつも忙しい",a:"always"},
{en:"I (   ) go to school.",ja:"ときどき学校に行く",a:"sometimes"},
{en:"I (   ) read books.",ja:"よく本を読む",a:"often"},
{en:"I (   ) clean my room.",ja:"たいてい部屋を掃除する",a:"usually"},
{en:"I (   ) drink milk.",ja:"ぜったい飲まない",a:"never"}
];

let i=0,score=0;

function show(){
const q=quiz[i];
document.getElementById("tq-en").textContent=q.en;
document.getElementById("tq-ja").textContent=q.ja;
document.getElementById("tq-result").textContent="";
document.getElementById("tq-next").style.display="none";

document.getElementById("tq-count").textContent=(i+1)+" / "+quiz.length;

const choices=["always","usually","often","sometimes","never"];
choices.sort(()=>Math.random()-0.5);

const box=document.getElementById("tq-choices");
box.innerHTML="";

choices.forEach(c=>{
const btn=document.createElement("button");
btn.textContent=c;
btn.onclick=()=>{
document.querySelectorAll(".tq-choices button").forEach(b=>b.disabled=true);

if(c===q.a){
btn.classList.add("correct");
document.getElementById("tq-result").textContent="⭕ 正解！";
score++;
}else{
btn.classList.add("wrong");
document.getElementById("tq-result").textContent="❌ 正解は "+q.a;
}
document.getElementById("tq-score").textContent="⭐ "+score;
document.getElementById("tq-next").style.display="block";
};
box.appendChild(btn);
});
}

document.getElementById("tq-next").onclick=()=>{
i++;
if(i<quiz.length) show();
else{
document.getElementById("tq-end").style.display="block";
document.getElementById("tq-final").textContent=score+" / "+quiz.length+" 正解！";
}
};

window.tqRestart=function(){
i=0;score=0;
document.getElementById("tq-end").style.display="none";
show();
};

show();

})();
</script>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e3%80%91%e5%89%8d%e7%bd%ae%e8%a9%9e%e3%81%9c%e3%82%93/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%b0%e3%80%91%e3%80%905w1h%e3%80%91%e6%84%8f%e5%91%b3/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/">🐙【タコタの英文ルール 完全理解⑯】副詞まとめ｜位置と意味がぜんぶわかる</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%af%e3%80%91%e5%89%af%e8%a9%9e%e3%81%be%e3%81%a8/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英文ルール 完全理解⑫】💚見た目でわかる動きのある前置詞！</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae-2/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae-2/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sun, 12 Apr 2026 01:30:49 +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=4707</guid>

					<description><![CDATA[<p>🟢① across（横切る） 👉 across ＝「端から端へ」 💡イメージ→ 道・川・橋を横に渡る 例文👉 I walk across the street.（道を横切る） 👉 タコタが橋を渡ってるイラスト 🟢② ar [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae-2/">🐙【タコタの英文ルール 完全理解⑫】💚見た目でわかる動きのある前置詞！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<h3 class="wp-block-heading"><span id="toc1">🟢① across（横切る）</span></h3>



<p class="wp-block-paragraph">👉 across ＝「端から端へ」</p>



<p class="wp-block-paragraph">💡イメージ<br>→ 道・川・橋を横に渡る</p>



<p class="wp-block-paragraph">例文<br>👉 I walk across the street.<br>（道を横切る）</p>



<p class="wp-block-paragraph">👉 タコタが橋を渡ってるイラスト</p>



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



<h3 class="wp-block-heading"><span id="toc2">🟢② around（まわり）</span></h3>



<p class="wp-block-paragraph">👉 around ＝「ぐるっと囲む」</p>



<p class="wp-block-paragraph">💡イメージ<br>→ 円・周り・ぐるぐる</p>



<p class="wp-block-paragraph">例文<br>👉 I walk around the park.<br>（公園のまわりを歩く）</p>



<p class="wp-block-paragraph">👉 タコタがぐるっと回ってる</p>



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



<h3 class="wp-block-heading"><span id="toc3">🟢③ through（通り抜ける）</span></h3>



<p class="wp-block-paragraph">👉 through ＝「中を通る」</p>



<p class="wp-block-paragraph">💡イメージ<br>→ トンネル・森・中を突き抜ける</p>



<p class="wp-block-paragraph">例文<br>👉 I walk through the tunnel.<br>（トンネルを通り抜ける）</p>



<p class="wp-block-paragraph">👉 タコタがトンネルくぐる</p>



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



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



<p class="wp-block-paragraph">👉 前置詞は「意味」じゃなくて👇</p>



<p class="wp-block-paragraph">✔ イメージで覚える！</p>



<ul class="wp-block-list">
<li>across → 横に渡る</li>



<li>around → ぐるっと</li>



<li>through → 中を通る</li>
</ul>



<p class="wp-block-paragraph">👉 これだけでOK🔥</p>



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



<p class="wp-block-paragraph">🐙<strong><span class="fz-24px">動きの前置詞クイズ</span></strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1000" height="667" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/ac161cbf40663b75f866f79500eb04bb.jpg" alt="" class="wp-image-4714" style="aspect-ratio:1.4992854967554525;width:559px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/ac161cbf40663b75f866f79500eb04bb.jpg 1000w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/ac161cbf40663b75f866f79500eb04bb-300x200.jpg 300w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/ac161cbf40663b75f866f79500eb04bb-768x512.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<div class="tacota-move-quiz3jp" id="tacotaMoveQuiz3jp">
  <div class="card">
    
  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-15" checked><label class="toc-title" for="toc-checkbox-15">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><ol><li><a href="#toc1" tabindex="0">🟢① across（横切る）</a></li><li><a href="#toc2" tabindex="0">🟢② around（まわり）</a></li><li><a href="#toc3" tabindex="0">🟢③ through（通り抜ける）</a></li></ol></li><li><a href="#toc4" tabindex="0">🐙 動きの前置詞クイズ</a><ol><li><a href="#toc5" tabindex="0">🎉 おわり！</a></li></ol></li></ol>
    </div>
  </div>

<h2><span id="toc4">🐙 動きの前置詞クイズ</span></h2>
    <p class="lead">日本語をヒントに、英文の( )に入る言葉をえらぼう！</p>

    <p class="jp" id="jp">ここに日本語</p>
    <p class="en" id="sentence">Here is the sentence.</p>

    <div id="choices"></div>

    <p id="result"></p>

    <button id="nextBtn" style="display:none;">つぎへ ▶</button>
  </div>

  <div id="end" style="display:none;">
    <h3><span id="toc5">🎉 おわり！</span></h3>
    <p id="score"></p>
    <button onclick="restart()">もう一回</button>
  </div>
</div>

<style>
.tacota-move-quiz3jp{
  max-width:520px;
  margin:30px auto;
  padding:20px;
  background:#fff9f4;
  border-radius:20px;
  border:2px solid #ffd9b3;
  text-align:center;
  font-family:sans-serif;
}

.card h2{
  color:#ff8b5d;
}

.lead{
  font-size:14px;
  color:#666;
}

.jp{
  font-size:18px;
  margin-top:15px;
  color:#555;
}

.en{
  font-size:22px;
  margin:15px 0;
  font-weight:bold;
  color:#333;
}

#choices button{
  display:block;
  width:100%;
  margin:10px 0;
  padding:12px;
  border-radius:12px;
  border:none;
  font-size:18px;
  background:#e8f7ff;
  cursor:pointer;
}

#choices button.correct{
  background:#c8f7c5;
}

#choices button.wrong{
  background:#ffd6d6;
}

#result{
  margin-top:10px;
  font-weight:bold;
}
</style>

<script>
const quiz = [
  {
    jp:"私は道を横に渡った。",
    en:"I walked (   ) the street.",
    choices:["across","around","through"],
    a:0,
    tip:"across＝横に渡る"
  },
  {
    jp:"私たちは公園のまわりを歩いた。",
    en:"We walked (   ) the park.",
    choices:["across","around","through"],
    a:1,
    tip:"around＝ぐるっと"
  },
  {
    jp:"電車はトンネルの中を通った。",
    en:"The train went (   ) the tunnel.",
    choices:["across","around","through"],
    a:2,
    tip:"through＝中を通る"
  },
  {
    jp:"彼は道を横切った。",
    en:"He ran (   ) the road.",
    choices:["across","around","through"],
    a:0,
    tip:"across＝横断"
  },
  {
    jp:"彼らは街のまわりを歩いた。",
    en:"They walked (   ) the city.",
    choices:["across","around","through"],
    a:1,
    tip:"around＝まわり"
  },
  {
    jp:"犬はドアを通り抜けた。",
    en:"The dog went (   ) the door.",
    choices:["across","around","through"],
    a:2,
    tip:"through＝通り抜け"
  }
];

let i=0;
let score=0;

const jp=document.getElementById("jp");
const sentence=document.getElementById("sentence");
const choicesDiv=document.getElementById("choices");
const result=document.getElementById("result");
const next=document.getElementById("nextBtn");
const end=document.getElementById("end");

function load(){
  const q=quiz[i];
  jp.textContent=q.jp;
  sentence.textContent=q.en;
  result.textContent="";
  next.style.display="none";
  choicesDiv.innerHTML="";

  q.choices.forEach((c,idx)=>{
    const btn=document.createElement("button");
    btn.textContent=c;

    btn.onclick=()=>{
      const all=choicesDiv.querySelectorAll("button");
      all.forEach(b=>b.disabled=true);

      if(idx===q.a){
        btn.classList.add("correct");
        result.textContent="⭕ 正解！ "+q.tip;
        score++;
      }else{
        btn.classList.add("wrong");
        all[q.a].classList.add("correct");
        result.textContent="❌ 正解は "+q.choices[q.a];
      }

      next.style.display="block";
    };

    choicesDiv.appendChild(btn);
  });
}

next.onclick=()=>{
  i++;
  if(i<quiz.length){
    load();
  }else{
    document.querySelector(".card").style.display="none";
    end.style.display="block";
    document.getElementById("score").textContent=score+" / "+quiz.length+" 正解！";
  }
};

function restart(){
  i=0;
  score=0;
  document.querySelector(".card").style.display="block";
  end.style.display="none";
  load();
}

load();
</script>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%ac%e3%80%91%f0%9f%a7%a1%e6%99%82%e9%96%93%e3%81%a7/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae-2/">🐙【タコタの英文ルール 完全理解⑫】💚見た目でわかる動きのある前置詞！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>🐙【タコタの英文ルール 完全理解⑪】💚見た目でわかる位置の前置詞！</title>
		<link>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae/</link>
					<comments>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sun, 12 Apr 2026 00:57:45 +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=4695</guid>

					<description><![CDATA[<p>👉「前置詞むずかしい…」👉「全部ごちゃごちゃになる😱」 そんな人へ！ 目次 ✅結論見た目でわかる前置詞クイズクイズしゅうりょう！ ✅結論 👉 前置詞はイメージで覚える！ 🐙① under（下） 👉 「下にある」 例文Th [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae/">🐙【タコタの英文ルール 完全理解⑪】💚見た目でわかる位置の前置詞！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">👉「前置詞むずかしい…」<br>👉「全部ごちゃごちゃになる😱」</p>



<p class="wp-block-paragraph">そんな人へ！</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-17" checked><label class="toc-title" for="toc-checkbox-17">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">✅結論</a></li><li><a href="#toc2" tabindex="0">見た目でわかる前置詞クイズ</a><ol><li><a href="#toc3" tabindex="0">クイズしゅうりょう！</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">✅結論</span></h2>



<p class="wp-block-paragraph">👉 <strong>前置詞はイメージで覚える！</strong></p>



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



<h1 class="wp-block-heading">🐙① under（下）</h1>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/71fdd40a0ee996eab7740e01ef0a2dec-683x1024.jpg" alt="" class="wp-image-4699" style="aspect-ratio:0.6666700575776688;width:413px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/71fdd40a0ee996eab7740e01ef0a2dec-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/71fdd40a0ee996eab7740e01ef0a2dec-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/71fdd40a0ee996eab7740e01ef0a2dec-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/71fdd40a0ee996eab7740e01ef0a2dec.jpg 1000w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<p class="wp-block-paragraph">👉 <strong>「下にある」</strong></p>



<p class="wp-block-paragraph">例文<br>The cat is under the table.<br>👉 ねこは机の下</p>



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



<h1 class="wp-block-heading">🐙② between（間）</h1>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/467e14324095cfc1f4764d84112814d0-683x1024.jpg" alt="" class="wp-image-4700" style="aspect-ratio:0.6670074618894297;width:405px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/467e14324095cfc1f4764d84112814d0-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/467e14324095cfc1f4764d84112814d0-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/467e14324095cfc1f4764d84112814d0-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/467e14324095cfc1f4764d84112814d0.jpg 1000w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<p class="wp-block-paragraph">👉 <strong>「2つの間」</strong></p>



<p class="wp-block-paragraph">例文<br>The ball is between the boxes.<br>👉 ボールは箱の間</p>



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



<h1 class="wp-block-heading">🐙③ next to（となり）</h1>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/48f6b860142745478ba143f94633088d-683x1024.jpg" alt="" class="wp-image-4702" style="aspect-ratio:0.6670074618894297;width:391px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/48f6b860142745478ba143f94633088d-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/48f6b860142745478ba143f94633088d-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/48f6b860142745478ba143f94633088d-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/48f6b860142745478ba143f94633088d.jpg 1000w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<p class="wp-block-paragraph">👉 <strong>「すぐとなり」</strong></p>



<p class="wp-block-paragraph">例文<br>I sit next to my friend.<br>👉 友だちのとなりに座る</p>



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



<h1 class="wp-block-heading">🐙④ behind（うしろ）</h1>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/2759e88988d5d4d10bdf91fac44ef4f9-1-683x1024.jpg" alt="" class="wp-image-4703" style="aspect-ratio:0.6666700575776688;width:384px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/2759e88988d5d4d10bdf91fac44ef4f9-1-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/2759e88988d5d4d10bdf91fac44ef4f9-1-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/2759e88988d5d4d10bdf91fac44ef4f9-1-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/2759e88988d5d4d10bdf91fac44ef4f9-1.jpg 1000w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<p class="wp-block-paragraph">👉 <strong>「うしろにある」</strong></p>



<p class="wp-block-paragraph">例文<br>The dog is behind the door.<br>👉 犬はドアの後ろ</p>



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



<h1 class="wp-block-heading">🐙⑤ in front of（前）</h1>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="683" height="1024" src="https://jouniorsankosodate.com/wp-content/uploads/2026/04/22e6b93a5a4de13d2501e5fe132850a1-683x1024.jpg" alt="" class="wp-image-4704" style="aspect-ratio:0.6666700575776688;width:382px;height:auto" srcset="https://jouniorsankosodate.com/wp-content/uploads/2026/04/22e6b93a5a4de13d2501e5fe132850a1-683x1024.jpg 683w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/22e6b93a5a4de13d2501e5fe132850a1-200x300.jpg 200w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/22e6b93a5a4de13d2501e5fe132850a1-768x1152.jpg 768w, https://jouniorsankosodate.com/wp-content/uploads/2026/04/22e6b93a5a4de13d2501e5fe132850a1.jpg 1000w" sizes="(max-width: 683px) 100vw, 683px" /></figure>



<p class="wp-block-paragraph">👉 <strong>「前にある」</strong></p>



<p class="wp-block-paragraph">例文<br>He is in front of the house.<br>👉 家の前にいる</p>



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



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



<p class="wp-block-paragraph">👉これだけ👇</p>



<ul class="wp-block-list">
<li>under → 下</li>



<li>between → 間</li>



<li>next to → 横</li>



<li>behind → 後ろ</li>



<li>in front of → 前</li>
</ul>



<p class="wp-block-paragraph">👉 <strong>全部イメージで覚える！</strong></p>



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



<h1 class="wp-block-heading">🐙タコタのひとこと</h1>



<p class="wp-block-paragraph">👉「前置詞は暗記ちゃう！イメージやで！」</p>



<div class="tacota-place-quiz5" id="tacotaPlaceQuiz5">
  <div class="tp5-card">
    <div class="tp5-header">
      <div class="tp5-badge">🐙 タコタの英文ルール 完全理解⑪</div>
      <h2><span id="toc2">見た目でわかる前置詞クイズ</span></h2>
      <p class="tp5-lead">under / between / next to / behind / in front of を5択でマスターしよう！</p>
    </div>

    <div class="tp5-topbar">
      <div class="tp5-pill" id="tp5Count">もんだい 1 / 15</div>
      <div class="tp5-pill tp5-score" id="tp5Score">せいかい 0</div>
    </div>

    <div class="tp5-questionbox">
      <p class="tp5-label">もんだい</p>
      <p class="tp5-ja" id="tp5Ja">ここに日本語が出るよ</p>
      <p class="tp5-en" id="tp5En">English sentence here.</p>
    </div>

    <div class="tp5-choices" id="tp5Choices"></div>

    <div class="tp5-result" id="tp5Result"></div>

    <div class="tp5-controls">
      <button type="button" class="tp5-btn tp5-next" id="tp5NextBtn" style="display:none;">つぎへ ▶</button>
    </div>
  </div>

  <div class="tp5-card tp5-end" id="tp5End" style="display:none;">
    <div class="tp5-finish">🎉</div>
    <h3><span id="toc3">クイズしゅうりょう！</span></h3>
    <p class="tp5-finalscore" id="tp5FinalScore"></p>
    <div class="tp5-endbuttons">
      <button type="button" class="tp5-btn tp5-shuffle" id="tp5ShuffleBtn">🔀 シャッフルでもう一度</button>
      <button type="button" class="tp5-btn tp5-restart" id="tp5RestartBtn">↩ はじめから</button>
    </div>
  </div>
</div>

<style>
.tacota-place-quiz5{
  max-width: 860px;
  margin: 30px auto;
  padding: 20px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.85) 0 7%, transparent 8%),
    radial-gradient(circle at 82% 25%, rgba(255,255,255,0.65) 0 6%, transparent 7%),
    radial-gradient(circle at 26% 78%, rgba(255,255,255,0.6) 0 6%, transparent 7%),
    linear-gradient(180deg, #fffdf5 0%, #fff8ef 45%, #f7fcff 100%);
  border: 3px solid #ffe0c0;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  font-family: "Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  color: #51453f;
}

.tp5-card{
  background: rgba(255,255,255,0.92);
  border: 2px solid #ffe8d5;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 8px 18px rgba(255,190,120,0.12);
}

.tp5-header{
  text-align:center;
  margin-bottom:18px;
}

.tp5-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  background:#ffe79d;
  color:#885900;
  font-weight:bold;
  font-size:14px;
  margin-bottom:10px;
  box-shadow:0 3px 0 rgba(180,140,40,0.18);
}

.tp5-header h2{
  margin:0 0 8px;
  font-size:32px;
  line-height:1.3;
  color:#ff8b5d;
}

.tp5-lead{
  margin:0;
  font-size:16px;
  color:#75675f;
}

.tp5-topbar{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.tp5-pill{
  background:#fff3de;
  color:#75592e;
  border-radius:999px;
  padding:10px 16px;
  font-size:15px;
  font-weight:bold;
}

.tp5-score{
  background:#e9f7ff;
  color:#2b6f8a;
}

.tp5-questionbox{
  background:linear-gradient(180deg, #fffefb 0%, #fff7f2 100%);
  border:2px dashed #ffd7c1;
  border-radius:20px;
  padding:20px 16px;
  text-align:center;
  margin-bottom:18px;
}

.tp5-label{
  margin:0 0 10px;
  font-size:14px;
  font-weight:bold;
  color:#ff9d79;
  letter-spacing:0.08em;
}

.tp5-ja{
  margin:0 0 12px;
  font-size:22px;
  font-weight:bold;
  line-height:1.7;
  color:#4b3f39;
}

.tp5-en{
  margin:0;
  font-size:24px;
  font-weight:bold;
  line-height:1.8;
  color:#4a88d8;
}

.tp5-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.tp5-choice{
  border:none;
  border-radius:18px;
  padding:16px 10px;
  font-size:22px;
  font-weight:bold;
  cursor:pointer;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color:#4c4c4c;
  border:2px solid #dce9ff;
  box-shadow:0 6px 0 #e8f0ff;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.tp5-choice:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 0 #e8f0ff;
  background:linear-gradient(180deg, #ffffff 0%, #eef7ff 100%);
}

.tp5-choice.correct{
  background:linear-gradient(180deg, #effff2 0%, #daf6df 100%);
  border-color:#86d59c;
  box-shadow:0 6px 0 #c9ecd0;
  color:#246f43;
}

.tp5-choice.wrong{
  background:linear-gradient(180deg, #fff4f4 0%, #ffe0e0 100%);
  border-color:#f0a1a1;
  box-shadow:0 6px 0 #f5cccc;
  color:#b94a4a;
}

.tp5-choice:disabled{
  cursor:default;
}

.tp5-result{
  min-height:34px;
  margin-top:18px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  line-height:1.7;
}

.tp5-controls{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.tp5-btn{
  border:none;
  border-radius:999px;
  padding:13px 22px;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
  transition:transform .15s ease;
}

.tp5-btn:hover{
  transform:translateY(-1px);
}

.tp5-next{
  background:linear-gradient(180deg, #ffbc75 0%, #ff9d58 100%);
  color:#fff;
  box-shadow:0 5px 0 #e18747;
}

.tp5-shuffle{
  background:linear-gradient(180deg, #85d9ef 0%, #5dc3df 100%);
  color:#fff;
  box-shadow:0 5px 0 #46abc7;
}

.tp5-restart{
  background:linear-gradient(180deg, #ffb9cf 0%, #ff96b9 100%);
  color:#fff;
  box-shadow:0 5px 0 #e27b9f;
}

.tp5-end{
  text-align:center;
}

.tp5-finish{
  font-size:42px;
  margin-bottom:8px;
}

.tp5-end h3{
  margin:0 0 10px;
  font-size:30px;
  color:#ff8b5d;
}

.tp5-finalscore{
  font-size:22px;
  font-weight:bold;
  margin-bottom:18px;
}

.tp5-endbuttons{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

@media (max-width: 640px){
  .tacota-place-quiz5{
    padding:16px 12px;
    border-radius:22px;
  }

  .tp5-header h2{
    font-size:28px;
  }

  .tp5-ja,
  .tp5-en{
    font-size:20px;
  }

  .tp5-choices{
    grid-template-columns:1fr;
  }

  .tp5-choice{
    font-size:20px;
  }
}
</style>

<script>
(function(){
  const root = document.getElementById("tacotaPlaceQuiz5");
  if(!root) return;

  const allChoices = ["under","between","next to","behind","in front of"];

  const originalQuizData = [
    { ja:"ねこは机の下にいます。", en:"The cat is (   ) the table.", answer:"under", tip:"under = 下" },
    { ja:"ボールは2つの箱の間にあります。", en:"The ball is (   ) the boxes.", answer:"between", tip:"between = 2つの間" },
    { ja:"わたしは友だちのとなりに座ります。", en:"I sit (   ) my friend.", answer:"next to", tip:"next to = となり" },
    { ja:"いぬはドアのうしろにいます。", en:"The dog is (   ) the door.", answer:"behind", tip:"behind = うしろ" },
    { ja:"かれは家の前に立っています。", en:"He is standing (   ) the house.", answer:"in front of", tip:"in front of = 前" },

    { ja:"本はいすの下にあります。", en:"The book is (   ) the chair.", answer:"under", tip:"under = 下" },
    { ja:"タコタは2本の木の間にいます。", en:"Takota is (   ) the trees.", answer:"between", tip:"between = 2つの間" },
    { ja:"かばんはわたしのとなりにあります。", en:"My bag is (   ) me.", answer:"next to", tip:"next to = となり" },
    { ja:"ねこは箱のうしろにいます。", en:"The cat is (   ) the box.", answer:"behind", tip:"behind = うしろ" },
    { ja:"車は家の前にあります。", en:"The car is (   ) the house.", answer:"in front of", tip:"in front of = 前" },

    { ja:"くつはベッドの下にあります。", en:"My shoes are (   ) the bed.", answer:"under", tip:"under = 下" },
    { ja:"学校は駅と公園の間にあります。", en:"The school is (   ) the station and the park.", answer:"between", tip:"between A and B = AとBの間" },
    { ja:"タコタは先生のとなりにいます。", en:"Takota is (   ) the teacher.", answer:"next to", tip:"next to = すぐ横" },
    { ja:"男の子は木のうしろにかくれています。", en:"The boy is (   ) the tree.", answer:"behind", tip:"behind = うしろ" },
    { ja:"女の子はドアの前にいます。", en:"The girl is (   ) the door.", answer:"in front of", tip:"in front of = 前" }
  ];

  let quizData = originalQuizData.slice();
  let currentIndex = 0;
  let score = 0;

  const countEl = document.getElementById("tp5Count");
  const scoreEl = document.getElementById("tp5Score");
  const jaEl = document.getElementById("tp5Ja");
  const enEl = document.getElementById("tp5En");
  const choicesEl = document.getElementById("tp5Choices");
  const resultEl = document.getElementById("tp5Result");
  const nextBtn = document.getElementById("tp5NextBtn");
  const endBox = document.getElementById("tp5End");
  const finalScoreEl = document.getElementById("tp5FinalScore");
  const shuffleBtn = document.getElementById("tp5ShuffleBtn");
  const restartBtn = document.getElementById("tp5RestartBtn");
  const firstCard = root.querySelector(".tp5-card");

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

  function updateScore(){
    scoreEl.textContent = "せいかい " + score;
  }

  function showQuestion(){
    const q = quizData[currentIndex];
    countEl.textContent = "もんだい " + (currentIndex + 1) + " / " + quizData.length;
    jaEl.textContent = q.ja;
    enEl.textContent = q.en;
    resultEl.textContent = "";
    nextBtn.style.display = "none";
    choicesEl.innerHTML = "";

    const choices = shuffleArray(allChoices);

    choices.forEach(function(choice){
      const btn = document.createElement("button");
      btn.type = "button";
      btn.className = "tp5-choice";
      btn.textContent = choice;

      btn.addEventListener("click", function(){
        const allBtns = choicesEl.querySelectorAll(".tp5-choice");
        allBtns.forEach(function(b){ b.disabled = true; });

        if(choice === q.answer){
          btn.classList.add("correct");
          resultEl.textContent = "⭕ せいかい！ " + q.tip;
          score++;
          updateScore();
        }else{
          btn.classList.add("wrong");
          allBtns.forEach(function(b){
            if(b.textContent === q.answer){
              b.classList.add("correct");
            }
          });
          resultEl.textContent = "❌ ざんねん！ 正解は「" + q.answer + "」だよ。 " + q.tip;
        }

        nextBtn.style.display = "inline-block";
      });

      choicesEl.appendChild(btn);
    });
  }

  function showFinal(){
    firstCard.style.display = "none";
    endBox.style.display = "block";
    finalScoreEl.textContent = quizData.length + "もんちゅう " + score + "もんせいかい！";
  }

  function restartQuiz(useShuffle){
    quizData = useShuffle ? shuffleArray(originalQuizData) : originalQuizData.slice();
    currentIndex = 0;
    score = 0;
    updateScore();
    endBox.style.display = "none";
    firstCard.style.display = "block";
    showQuestion();
  }

  nextBtn.addEventListener("click", function(){
    currentIndex++;
    if(currentIndex < quizData.length){
      showQuestion();
    }else{
      showFinal();
    }
  });

  shuffleBtn.addEventListener("click", function(){
    restartQuiz(true);
  });

  restartBtn.addEventListener("click", function(){
    restartQuiz(false);
  });

  updateScore();
  showQuestion();
})();
</script>



<!-- =========================================
🐙 シリーズナビ（前・次・一覧）
========================================= -->
<div class="takota-series-nav">

  <!-- 前へ -->
  <a class="nav-btn prev" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%a9%e3%80%91%e5%89%8d%e7%bd%ae%e8%a9%9e%e3%81%af/">
    ⬅ 前のレッスン
  </a>

  <!-- 一覧 -->
  <a class="nav-btn list" href="https://jouniorsankosodate.com/rule/">
    📚 一覧に戻る
  </a>

  <!-- 次へ -->
  <a class="nav-btn next" href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae-2/">
    次のレッスン ➡
  </a>

</div>

<style>
.takota-series-nav{
  display:flex;
  gap:10px;
  margin:30px 0;
  flex-wrap:wrap;
}

.nav-btn{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:14px;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  transition:.2s;
  box-shadow:0 4px 8px rgba(0,0,0,0.08);
}

/* 前 */
.nav-btn.prev{
  background:#e0f2fe;
  color:#0369a1;
}

/* 一覧 */
.nav-btn.list{
  background:#fff7ed;
  color:#c2410c;
}

/* 次 */
.nav-btn.next{
  background:#ffe4e6;
  color:#be123c;
}

.nav-btn:hover{
  transform:translateY(-2px);
}
</style>



<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae/">🐙【タコタの英文ルール 完全理解⑪】💚見た目でわかる位置の前置詞！</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/%f0%9f%90%99%e3%80%90%e3%82%bf%e3%82%b3%e3%82%bf%e3%81%ae%e8%8b%b1%e6%96%87%e3%83%ab%e3%83%bc%e3%83%ab-%e5%ae%8c%e5%85%a8%e7%90%86%e8%a7%a3%e2%91%aa%e3%80%91%f0%9f%92%9a%e8%a6%8b%e3%81%9f%e7%9b%ae/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
