<?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/%e5%b9%b3%e5%ae%89%e6%99%82%e4%bb%a3/feed/" rel="self" type="application/rss+xml" />
	<link>https://jouniorsankosodate.com/tag/平安時代/</link>
	<description>勉強が苦手な子でも、わかる・できる・続けられる</description>
	<lastBuildDate>Mon, 05 Oct 2026 15:11:36 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://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[<style>.history-series-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px auto;padding:16px;max-width:940px;box-sizing:border-box;font-family:inherit}.history-series-nav a,.history-series-nav>span{display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:64px;padding:10px;background:#edf6f4;border:1px solid #b6d2cc;border-radius:6px;color:#15574c!important;text-decoration:none;font-weight:700;overflow-wrap:anywhere;box-sizing:border-box}.history-series-nav small{font-size:13px;font-weight:400;margin-top:4px}.history-series-nav a:hover,.history-series-nav a:focus-visible{background:#d8ece7;outline:2px solid #287663;outline-offset:2px}.history-series-nav>span{background:#f3f4f4;color:#686e70!important;border-color:#d5d9da}@media(max-width:520px){.history-series-nav{grid-template-columns:1fr;padding:12px}.history-series-nav a,.history-series-nav>span{min-height:48px}}</style><nav class="history-series-nav" aria-label="歴史シリーズの記事移動"><a href="https://jouniorsankosodate.com/history-learning-05/">前の問題へ<small>奈良時代</small></a><a href="https://jouniorsankosodate.com/history-learning-list/">一覧ページ<small>歴史学習シリーズ</small></a><a href="https://jouniorsankosodate.com/history-learning-07/">次の問題へ<small>鎌倉時代</small></a></nav>
<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>
<section style="max-width:940px;margin:24px auto"><h2>平安時代のフラッシュ復習</h2><div id="series-review-06">
  <style>
    #series-review-06{
      --ink:#2f261f;
      --muted:#75685d;
      --paper:#fffaf1;
      --card:#ffffff;
      --line:#ead8bd;
      --main:#9a3412;
      --sub:#1f6f5b;
      --accent:#b7791f;
      font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
      color:var(--ink);
      background:linear-gradient(180deg,#fff8e8 0%,#f7ead6 100%);
      border:1px solid var(--line);
      border-radius:18px;
      padding:22px;
      max-width:980px;
      margin:24px auto;
      box-sizing:border-box;
    }
    #series-review-06 *{box-sizing:border-box}
    #series-review-06 .sr06-head{
      display:grid;
      gap:10px;
      margin-bottom:18px;
    }
    #series-review-06 .sr06-kicker{
      color:var(--main);
      font-weight:900;
      font-size:14px;
    }
    #series-review-06 h2{
      margin:0;
      font-size:32px;
      line-height:1.35;
      color:#4a250d;
      letter-spacing:0;
    }
    #series-review-06 .sr06-lead{
      margin:0;
      color:var(--muted);
      line-height:1.8;
      font-weight:700;
    }
    #series-review-06 .sr06-stage-grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:10px;
      margin:18px 0;
    }
    #series-review-06 .sr06-stage-btn{
      appearance:none;
      border:1px solid #dec6a6;
      background:#fffdfa;
      color:#4b2b15;
      border-radius:12px;
      padding:12px 10px;
      min-height:72px;
      cursor:pointer;
      font-weight:900;
      text-align:left;
      transition:.18s ease;
    }
    #series-review-06 .sr06-stage-btn:hover,
    #series-review-06 .sr06-stage-btn.is-active{
      background:#7c2d12;
      color:#fff;
      border-color:#7c2d12;
      transform:translateY(-1px);
    }
    #series-review-06 .sr06-stage-btn small{
      display:block;
      margin-top:5px;
      font-size:12px;
      opacity:.78;
      font-weight:800;
    }
    #series-review-06 .sr06-toolbar{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
      justify-content:space-between;
      background:#fff7e6;
      border:1px solid #efd6ad;
      border-radius:14px;
      padding:12px;
      margin:10px 0 16px;
    }
    #series-review-06 .sr06-status{
      font-weight:900;
      color:#5c3314;
    }
    #series-review-06 .sr06-actions{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    #series-review-06 button.sr06-mini,
    #series-review-06 button.sr06-primary,
    #series-review-06 button.sr06-secondary{
      appearance:none;
      border:0;
      border-radius:999px;
      padding:10px 14px;
      font-weight:900;
      cursor:pointer;
      line-height:1.2;
    }
    #series-review-06 button.sr06-mini{
      background:#fff;
      color:#7c2d12;
      border:1px solid #f0d5aa;
    }
    #series-review-06 button.sr06-primary{
      background:#1f6f5b;
      color:#fff;
    }
    #series-review-06 button.sr06-secondary{
      background:#9a3412;
      color:#fff;
    }
    #series-review-06 .sr06-card{
      background:var(--card);
      border:1px solid var(--line);
      border-radius:18px;
      box-shadow:0 16px 38px rgba(93,54,18,.12);
      padding:30px;
      min-height:320px;
      display:grid;
      align-content:center;
      gap:18px;
      text-align:center;
    }
    #series-review-06 .sr06-badge{
      justify-self:center;
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:#fff3dc;
      color:#7c2d12;
      border:1px solid #efd3a0;
      border-radius:999px;
      padding:7px 12px;
      font-size:13px;
      font-weight:900;
    }
    #series-review-06 .sr06-question{
      font-size:28px;
      line-height:1.55;
      font-weight:900;
      color:#2f261f;
      word-break:keep-all;
      overflow-wrap:anywhere;
    }
    #series-review-06 .sr06-answer{
      display:none;
      font-size:32px;
      line-height:1.35;
      font-weight:900;
      color:#1f6f5b;
      background:#f0fff8;
      border:2px solid #a7e2cf;
      border-radius:16px;
      padding:16px;
      word-break:keep-all;
      overflow-wrap:anywhere;
    }
    #series-review-06 .sr06-answer.is-open{display:block}
    #series-review-06 .sr06-card-actions{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:10px;
      margin-top:6px;
    }
    #series-review-06 .sr06-progress{
      width:100%;
      height:10px;
      background:#f1ddbd;
      border-radius:999px;
      overflow:hidden;
      margin-top:16px;
    }
    #series-review-06 .sr06-bar{
      height:100%;
      width:0%;
      background:linear-gradient(90deg,#1f6f5b,#b7791f);
      transition:.2s ease;
    }
    #series-review-06 .sr06-empty{
      display:none;
      text-align:center;
      padding:24px;
      color:var(--muted);
      font-weight:800;
    }
    @media (max-width:760px){
      #series-review-06{padding:16px;border-radius:14px}
      #series-review-06 .sr06-stage-grid{grid-template-columns:1fr}
      #series-review-06 .sr06-toolbar{align-items:stretch}
      #series-review-06 .sr06-actions{width:100%}
      #series-review-06 .sr06-actions button{flex:1}
      #series-review-06 .sr06-card{min-height:300px}
    }
    #series-review-06 .sr06-explanation{display:none;text-align:left;color:var(--ink);font-size:16px;font-weight:500;line-height:1.9;overflow-wrap:anywhere}
    #series-review-06 .sr06-explanation.is-open{display:block}
    #series-review-06 .sr06-explanation strong{font-size:14px;color:var(--sub)}
    #series-review-06 .sr06-explanation p{margin:6px 0 0}
    #series-review-06 button{font-family:inherit;max-width:100%;overflow-wrap:anywhere;letter-spacing:0}
    #series-review-06 .sr06-stage-btn{min-height:90px}
    #series-review-06 button:focus-visible,#series-review-06 .sr06-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
    @media(max-width:760px){
      #series-review-06 h2{font-size:26px}
      #series-review-06 .sr06-question{font-size:22px}
      #series-review-06 .sr06-answer{font-size:26px}
      #series-review-06 .sr06-card{padding:20px}
      #series-review-06 .sr06-stage-btn{min-height:72px}
    }
  </style>

  <div class="sr06-head">
    <div class="sr06-kicker">平安時代の確認問題</div>
    <h2>平安時代のフラッシュ問題</h2>
    <p class="sr06-lead">重要語句・年代・資料問題 / 全36問</p>
  </div>

  <div class="sr06-stage-grid" id="sr06StageGrid" role="group" aria-label="ステージ"></div>

  <div class="sr06-review-modes" role="group" aria-label="出題モード"><button type="button" class="sr06-mini" id="sr06All" aria-pressed="true">全問</button><button type="button" class="sr06-mini" id="sr06Review" aria-pressed="false">もう一度</button></div><p id="sr06Record" aria-live="polite"></p><div class="sr06-toolbar">
    <div class="sr06-status" id="sr06Status" aria-live="polite">読み込み中&#8230;</div>
    <div class="sr06-actions">
      <button class="sr06-mini" type="button" id="sr06Shuffle">シャッフル</button>
      <button class="sr06-mini" type="button" id="sr06Reset">最初から</button>
    </div>
  </div>

  <div class="sr06-card" id="sr06Card" tabindex="0">
    <div class="sr06-badge" id="sr06Badge"></div>
    <div class="sr06-question" id="sr06Question"></div>
    <div class="sr06-answer" id="sr06Answer"></div>
    <div class="sr06-explanation" id="sr06Explanation"><strong>解説</strong><p></p></div>
    <div class="sr06-card-actions">
      <button class="sr06-primary" type="button" id="sr06Show" aria-expanded="false">答えを見る</button>
      <button class="sr06-secondary" type="button" id="sr06Next">次の問題</button>
    </div>
    <div class="sr06-review-choices" id="sr06Choices" hidden><button type="button" class="sr06-secondary" id="sr06Again">もう一度</button><button type="button" class="sr06-primary" id="sr06Known">覚えた</button></div><div class="sr06-progress"><div class="sr06-bar" id="sr06Bar"></div></div>
  </div>
  <div class="sr06-empty" id="sr06Empty" hidden role="status"></div><button type="button" class="sr06-mini" id="sr06Clear">学習記録を消す</button>

  <script>(function(){const root=document.getElementById('series-review-06');if(!root)return;const questions = [{"id":1,"stage":"平安時代","q":"794年、桓武天皇が移した都はどこか。","a":"平安京","e":"平安京は現在の京都市に置かれました。794年・桓武天皇・平安京をセットで覚えましょう。"},{"id":2,"stage":"平安時代","q":"平安京へ都を移した天皇は誰か。","a":"桓武天皇","e":"桓武天皇は奈良の寺院勢力から離れ、政治を立て直そうとしました。"},{"id":3,"stage":"平安時代","q":"桓武天皇が平安京へ都を移した目的として適切なものはどれか。","a":"寺院勢力の影響を弱め政治を立て直す","e":"奈良の大寺院から離れ、新しい都で律令政治を立て直すねらいがありました。"},{"id":4,"stage":"平安時代","q":"797年、征夷大将軍となり東北地方の支配を進めた人物は誰か。","a":"坂上田村麻呂","e":"坂上田村麻呂は東北地方の蝦夷を討つため、征夷大将軍に任命されました。"},{"id":5,"stage":"平安時代","q":"坂上田村麻呂が任命された役職はどれか。","a":"征夷大将軍","e":"征夷大将軍は、もとは蝦夷を討つ軍の最高責任者でした。"},{"id":6,"stage":"平安時代","q":"804年に唐へ渡った二人の僧は誰か。","a":"最澄と空海","e":"最澄と空海は唐で新しい仏教を学び、帰国後にそれぞれの宗派を広めました。"},{"id":7,"stage":"平安時代","q":"比叡山延暦寺を開き、天台宗を広めた人物は誰か。","a":"最澄","e":"最澄・天台宗・比叡山延暦寺を一組で覚えます。"},{"id":8,"stage":"平安時代","q":"高野山金剛峯寺を開き、真言宗を広めた人物は誰か。","a":"空海","e":"空海・真言宗・高野山金剛峯寺を一組で覚えましょう。"},{"id":9,"stage":"平安時代","q":"894年、遣唐使の停止を提案した人物は誰か。","a":"菅原道真","e":"菅原道真は唐の衰えや航海の危険などを考え、遣唐使の停止を提案しました。"},{"id":10,"stage":"平安時代","q":"遣唐使停止後に発達した、日本の風土や生活に合った文化はどれか。","a":"国風文化","e":"国風文化では、かな文字を使った文学や日本風の住まい・絵画が発達しました。"},{"id":11,"stage":"平安時代","q":"藤原氏が政治の実権を握るために利用した関係はどれか。","a":"娘を天皇のきさきにする親戚関係","e":"藤原氏は娘を天皇のきさきにし、生まれた天皇の外祖父として力を持ちました。"},{"id":12,"stage":"平安時代","q":"幼い天皇に代わって政治を行う役職はどれか。","a":"摂政","e":"摂政は幼い天皇を助けます。成人した天皇を補佐する関白との違いが頻出です。"},{"id":13,"stage":"平安時代","q":"成人した天皇を補佐する役職はどれか。","a":"関白","e":"関白は成人した天皇を補佐する役職です。摂政と合わせて覚えましょう。"},{"id":14,"stage":"平安時代","q":"藤原氏が摂政・関白として行った政治を何というか。","a":"摂関政治","e":"摂政と関白を中心に藤原氏が実権を握った政治を摂関政治といいます。"},{"id":15,"stage":"平安時代","q":"1016年に摂政となり、摂関政治の全盛期を築いた人物は誰か。","a":"藤原道長","e":"藤原道長は『この世をば』の歌でも知られ、摂関政治の全盛期を築きました。"},{"id":16,"stage":"平安時代","q":"藤原道長の子で、平等院鳳凰堂を建てた人物は誰か。","a":"藤原頼通","e":"藤原頼通は1053年、宇治に平等院鳳凰堂を建てました。"},{"id":17,"stage":"平安時代","q":"1053年、宇治に建てられた阿弥陀堂はどれか。","a":"平等院鳳凰堂","e":"平等院鳳凰堂は浄土信仰を表す建築で、現在の10円硬貨にも描かれています。"},{"id":18,"stage":"平安時代","q":"阿弥陀仏にすがり、死後に極楽浄土へ生まれ変わることを願う信仰はどれか。","a":"浄土信仰","e":"末法の世が近いと考えられた平安時代後半に、浄土信仰が広まりました。"},{"id":19,"stage":"平安時代","q":"漢字をもとに作られ、国風文化の発達を支えた文字はどれか。","a":"かな文字","e":"かな文字が広まったことで、女性による文学作品も多く生まれました。"},{"id":20,"stage":"平安時代","q":"紫式部が書いた長編物語はどれか。","a":"源氏物語","e":"『源氏物語』は光源氏を主人公とする、国風文化を代表する作品です。"},{"id":21,"stage":"平安時代","q":"清少納言が宮中での生活や自然について記した随筆はどれか。","a":"枕草子","e":"『枕草子』は『春はあけぼの』で始まる随筆として知られます。"},{"id":22,"stage":"平安時代","q":"905年にまとめられた、最初の勅撰和歌集はどれか。","a":"古今和歌集","e":"『古今和歌集』は天皇の命令でまとめられた最初の勅撰和歌集です。紀貫之らが編さんしました。"},{"id":23,"stage":"平安時代","q":"平安時代の貴族の住宅様式はどれか。","a":"寝殿造","e":"寝殿造は広い池や庭を持つ貴族の住宅様式で、国風文化を代表します。"},{"id":24,"stage":"平安時代","q":"日本の風景や物語などを日本風に描いた絵画はどれか。","a":"大和絵","e":"大和絵は国風文化の中で発達しました。中国風の絵に対する日本風の絵画です。"},{"id":25,"stage":"平安時代","q":"1086年に院政を始めた人物は誰か。","a":"白河上皇","e":"白河上皇は天皇を退いた後も院で政治を行い、摂関家をおさえました。"},{"id":26,"stage":"平安時代","q":"上皇が天皇に代わって実権を握る政治を何というか。","a":"院政","e":"院政では、上皇が住む御所である院を中心に政治を行いました。"},{"id":27,"stage":"平安時代","q":"地方の有力者が土地を守るために武装し、つくった集団を何というか。","a":"武士団","e":"土地争いが増える中で武装した有力者がまとまり、武士団が成長しました。"},{"id":28,"stage":"平安時代","q":"武士団をまとめる有力な武士を何というか。","a":"棟梁","e":"武士団の中心となる人物を棟梁といい、源氏や平氏が代表的な棟梁となりました。"},{"id":29,"stage":"平安時代","q":"1156年、天皇や上皇の対立に武士が参加した争いはどれか。","a":"保元の乱","e":"保元の乱では中央政治の争いに武士が動員され、武士の力が強まりました。"},{"id":30,"stage":"平安時代","q":"1159年、平清盛が源氏を破って勢力を伸ばした争いはどれか。","a":"平治の乱","e":"平治の乱の後、平清盛が中央政治で大きな力を持つようになりました。"},{"id":31,"stage":"平安時代","q":"1167年、武士として初めて太政大臣となった人物は誰か。","a":"平清盛","e":"平清盛は武士として初めて朝廷の最高職である太政大臣になりました。"},{"id":32,"stage":"平安時代","q":"平清盛が日宋貿易の拠点として整備した港はどこか。","a":"大輪田泊","e":"大輪田泊は現在の神戸港付近にあり、日宋貿易の重要な拠点となりました。"},{"id":33,"stage":"平安時代","q":"平清盛が積極的に進めた貿易はどれか。","a":"日宋貿易","e":"日宋貿易では宋銭や陶磁器などが日本へ輸入されました。"},{"id":34,"stage":"平安時代","q":"日宋貿易で日本へ多く入ってきたものの組み合わせはどれか。","a":"宋銭・陶磁器","e":"宋銭・陶磁器・絹織物などが輸入され、宋銭は日本国内でも広く使われました。"},{"id":35,"stage":"平安時代","q":"960年に中国で成立し、商業や海上貿易が発達した王朝はどれか。","a":"宋","e":"宋では商業と貨幣経済が発達し、日本との日宋貿易も盛んになりました。"},{"id":36,"stage":"平安時代","q":"1185年、平氏が滅亡した戦いはどれか。","a":"壇ノ浦の戦い","e":"壇ノ浦の戦いで平氏が滅び、源氏の力が強まりました。平安時代から鎌倉時代への転換点です。"}];
const get=id=>root.querySelector('#sr06'+id);
const storageKey='history-learning-06-review-v1';
const validIds=new Set(questions.map(q=>String(q.id)));
let records={};
let persistent=true;
try{
 const saved=JSON.parse(localStorage.getItem(storageKey)||'{}');
 for(const [id,value] of Object.entries(saved||{})){
  if(validIds.has(id)&&(value==='known'||value==='again'))records[id]=value;
 }
}catch{persistent=false}
let mode='all';
let deck=[];
let index=0;
let answerOpen=false;
const show=get('Show'),next=get('Next'),choices=get('Choices');
function save(){
 try{localStorage.setItem(storageKey,JSON.stringify(records))}catch{persistent=false}
}
function shuffled(list){
 const copy=list.slice();
 for(let i=copy.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[copy[i],copy[j]]=[copy[j],copy[i]]}
 return copy;
}
function loadDeck(shuffle=false){
 deck=questions.filter(q=>mode==='all'||records[q.id]==='again');
 if(shuffle)deck=shuffled(deck);
 index=0;answerOpen=false;render();
}
function render(){
 const known=questions.filter(q=>records[q.id]==='known').length;
 const again=questions.filter(q=>records[q.id]==='again').length;
 get('Record').textContent=`覚えた ${known} / ${questions.length}問・もう一度 ${again}問・未チェック ${questions.length-known-again}問`+(persistent?'':'（記録はこのページを開いている間のみ）');
 get('Review').textContent=`もう一度（${again}問）`;
 get('All').setAttribute('aria-pressed',String(mode==='all'));
 get('Review').setAttribute('aria-pressed',String(mode==='review'));
 get('Card').hidden=!deck.length;
 get('Empty').hidden=!!deck.length;
 get('Shuffle').disabled=!deck.length;
 get('Reset').disabled=!deck.length;
 get('Status').textContent=deck.length?`${mode==='all'?'全問':'もう一度'}：${index+1} / ${deck.length}問`:'もう一度：0問';
 if(!deck.length){
  get('Empty').textContent=known===questions.length?'全36問を「覚えた」にできました。':'「もう一度」の問題はありません。';
  return;
 }
 const item=deck[index];
 get('Badge').textContent=`平安時代 / 問${index+1}`;
 get('Question').textContent=item.q;
 get('Answer').textContent=item.a;
 get('Explanation').querySelector('p').textContent=item.e;
 get('Answer').classList.toggle('is-open',answerOpen);
 get('Explanation').classList.toggle('is-open',answerOpen);
 show.setAttribute('aria-expanded',String(answerOpen));
 show.textContent=answerOpen?'答えを隠す':'答えを見る';
 choices.hidden=!answerOpen;
 get('Bar').style.width=`${((index+1)/deck.length)*100}%`;
}
function advance(){
 if(!deck.length)return;
 index=(index+1)%deck.length;answerOpen=false;render();
}
function mark(value){
 if(!deck.length||!answerOpen)return;
 records[deck[index].id]=value;save();
 // Remove mastered cards from the active review without skipping the following card.
 if(mode==='review'&&value==='known'){
  deck.splice(index,1);if(index>=deck.length)index=0;
  answerOpen=false;render();
 }else advance();
}
show.addEventListener('click',()=>{answerOpen=!answerOpen;render()});
next.addEventListener('click',advance);
get('Known').addEventListener('click',()=>mark('known'));
get('Again').addEventListener('click',()=>mark('again'));
get('All').addEventListener('click',()=>{mode='all';loadDeck()});
get('Review').addEventListener('click',()=>{mode='review';loadDeck()});
get('Shuffle').addEventListener('click',()=>loadDeck(true));
get('Reset').addEventListener('click',()=>loadDeck());
get('Clear').addEventListener('click',()=>{
 if(!confirm('このクイズの学習記録を消しますか？'))return;
 records={};save();mode='all';loadDeck();
});
root.addEventListener('keydown',event=>{
 if(event.target.closest('button,input,select,textarea,a')||!deck.length)return;
 if(event.key===' '||event.key==='Enter'){event.preventDefault();answerOpen=!answerOpen;render()}
 if(event.key==='ArrowRight'){event.preventDefault();advance()}
});
loadDeck();

})();</script>
</div>
<style>#series-review-06 .sr06-stage-grid{display:none}#series-review-06{margin:0;max-width:100%}#series-review-06 [hidden]{display:none!important}#series-review-06 .sr06-review-modes,#series-review-06 .sr06-review-choices{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#series-review-06 .sr06-review-modes button[aria-pressed="true"]{background:#194f42;color:white}#series-review-06 .sr06-review-choices button{flex:1;min-height:48px}#series-review-06 #sr06Record{font-size:14px;line-height:1.7}#series-review-06 #sr06Empty{display:block;margin:16px 0}#series-review-06 #sr06Clear{margin-top:16px}</style></section><nav class="history-series-nav" aria-label="歴史シリーズの記事移動"><a href="https://jouniorsankosodate.com/history-learning-05/">前の問題へ<small>奈良時代</small></a><a href="https://jouniorsankosodate.com/history-learning-list/">一覧ページ<small>歴史学習シリーズ</small></a><a href="https://jouniorsankosodate.com/history-learning-07/">次の問題へ<small>鎌倉時代</small></a></nav><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>
	</channel>
</rss>
