<?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/%EF%BC%83%E9%83%A8%E9%A6%96/feed/" rel="self" type="application/rss+xml" />
	<link>https://jouniorsankosodate.com/tag/＃部首/</link>
	<description>勉強が苦手な子でも、わかる・できる・続けられる</description>
	<lastBuildDate>Wed, 05 Aug 2026 13:23:21 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</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>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL10</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-10/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-10/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sat, 27 Dec 2025 14:01:07 +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=2688</guid>

					<description><![CDATA[<p>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL10 まずはタコタの「もんだい」カードを見て、３択クイズにちょうせん！ えをタップすると、正解のイラストと「部首の意味・なりたち」がわかるよ。  [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL10</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタとおぼえる部首フラッシュ LEVEL10（読み方・意味＋なりたち） -->
<div class="bushu-flash-lv10" id="bushu-flash-lv10">
  <h2 class="bushu-title">
    タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL10
  </h2>
  <p class="bushu-sub">
    まずはタコタの「もんだい」カードを見て、３択クイズにちょうせん！<br>
    えをタップすると、正解のイラストと「部首の意味・なりたち」がわかるよ。
  </p>

  <div class="bushu-status">
    <span class="bushu-counter" id="bushu-lv10-counter">1 / 20</span>
    <button type="button" class="bushu-btn-sub" id="bushu-lv10-shuffle">🔀 シャッフルする</button>
  </div>

  <div class="bushu-card">
    <div class="bushu-img-wrap">
      <img decoding="async" id="bushu-lv10-img" src="" alt="部首カード" loading="lazy">
    </div>

    <div class="bushu-text">
      <h3 id="bushu-lv10-name"></h3>

      <div class="bushu-quiz">
        <p id="bushu-lv10-q" class="bushu-q"></p>
        <ul class="bushu-choices" id="bushu-lv10-choices"></ul>
        <p id="bushu-lv10-feedback" class="bushu-feedback"></p>
      </div>

      <p id="bushu-lv10-explain" class="bushu-explain" style="display:none;"></p>
      <p id="bushu-lv10-extra" class="bushu-extra" style="display:none;"></p>
    </div>
  </div>

  <div class="bushu-nav">
    <button type="button" class="bushu-btn-sub" id="bushu-lv10-restart">↩ はじめから</button>
    <button type="button" class="bushu-btn-main" id="bushu-lv10-next">▶ つぎのもんだいへ</button>
  </div>

  <p class="bushu-note">※「🔀 シャッフルする」をおすと、もんだいの順番が入れかわるよ。</p>
</div>

<style>
.bushu-flash-lv10{
  --card-bg:#ecfff4;
  --accent:#065f46;   /* 深緑 */
  --border:#222;
  --text:#333;
  --muted:#666;

  max-width:720px;
  margin:2rem auto;
  padding:1.3rem;
  border-radius:18px;
  border:2px solid var(--border);
  background:#f7fffb;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
  font-family:"游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3",system-ui,sans-serif;
}
.bushu-flash-lv10 .bushu-title{
  text-align:center;
  margin:0;
  font-size:1.25rem;
  font-weight:800;
}
.bushu-flash-lv10 .bushu-sub{
  text-align:center;
  font-size:.9rem;
  color:var(--muted);
  margin-top:.3rem;
}
.bushu-flash-lv10 .bushu-status{
  display:flex;
  justify-content:space-between;
  margin:.6rem 0;
  font-size:.9rem;
}
.bushu-flash-lv10 .bushu-counter{
  padding:.15rem .6rem;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
}
.bushu-flash-lv10 .bushu-card{
  display:flex;
  gap:1rem;
  padding:.9rem;
  border-radius:16px;
  background:var(--card-bg);
  border:2px solid var(--border);
}
@media(max-width:640px){
  .bushu-flash-lv10 .bushu-card{
    flex-direction:column;
    align-items:center;
    padding:.8rem;
  }
}
.bushu-flash-lv10 .bushu-img-wrap{
  flex:0 0 220px;
  max-width:220px;
  aspect-ratio:1/1;
  border-radius:18px;
  background:#fff;
  border:2px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.bushu-flash-lv10 .bushu-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.bushu-flash-lv10 .bushu-text h3{
  margin:.1rem 0 .4rem;
  font-size:1rem;
  font-weight:800;
}
.bushu-flash-lv10 .bushu-quiz{
  margin-top:.1rem;
  border:1px solid #cfeee0;
  background:#fff;
  border-radius:10px;
  padding:.6rem;
}
.bushu-flash-lv10 .bushu-q{
  font-weight:700;
  margin:0 0 .4rem;
  font-size:.95rem;
}
.bushu-flash-lv10 .bushu-choices{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.bushu-flash-lv10 .bushu-choices button{
  width:100%;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid #ddd;
  background:#f7fffb;
  cursor:pointer;
  font-size:.95rem;
}
.bushu-flash-lv10 .bushu-choices button:hover{opacity:.92;}
.bushu-flash-lv10 .bushu-choices button.bushu-correct{
  background:#ecfdf3 !important;
  border-color:#10b981 !important;
}
.bushu-flash-lv10 .bushu-choices button.bushu-wrong{
  background:#fee2e2 !important;
  border-color:#ef4444 !important;
}
.bushu-flash-lv10 .bushu-feedback{
  margin-top:.4rem;
  font-size:.9rem;
  font-weight:900;
}
.bushu-flash-lv10 .bushu-feedback.ok{color:#065f46;}
.bushu-flash-lv10 .bushu-feedback.ng{color:#b91c1c;}

.bushu-flash-lv10 .bushu-explain,
.bushu-flash-lv10 .bushu-extra{
  font-size:.9rem;
  margin:.45rem 0 0;
  color:var(--text);
  line-height:1.7;
}
.bushu-flash-lv10 .bushu-extra{color:var(--muted);}

.bushu-flash-lv10 .bushu-btn-main{
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  padding:.5rem 1.1rem;
  border:2px solid #064e3b;
  cursor:pointer;
}
.bushu-flash-lv10 .bushu-btn-sub{
  border-radius:999px;
  padding:.4rem .9rem;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size:.9rem;
}
.bushu-flash-lv10 .bushu-nav{
  margin-top:.9rem;
  position:relative;
  height:46px;
}
.bushu-flash-lv10 #bushu-lv10-restart{
  position:absolute;
  left:0;
  top:0;
}
.bushu-flash-lv10 #bushu-lv10-next{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
}
@media(max-width:640px){
  .bushu-flash-lv10 .bushu-nav{
    height:auto;
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
  .bushu-flash-lv10 #bushu-lv10-restart,
  .bushu-flash-lv10 #bushu-lv10-next{
    position:static;
    transform:none;
    width:100%;
    text-align:center;
  }
}
.bushu-flash-lv10 .bushu-note{
  font-size:.8rem;
  color:var(--muted);
  margin-top:.5rem;
}
</style>

<script>
(function(){

  // ✅ 「もんだい」表示中に見せる共通画像（今回はアイキャッチを流用）
  const commonProblemImg =
    "https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1b65958cc1425b2a8565a1331eb494c.jpg";

  // ✅ LEVEL10 cards（20こ完成版）
  const cards = [
    {
      name:"① 歹（がつへん／かばねへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8e25f0f428ac9d75f259f3a581639499.webp",
      explain:"「歹」は“死んだ人の骨（ガイコツ）”の形がもと。骨・死・残る…みたいなイメージにつながるよ。",
      extra:"ポイント：こわくしすぎず「骨がのこる」って覚えると◎（例：死・残・殴 など）",
      q:"①の部首イメージに一番近いのは？",
      choices:["白骨に残る肉（骨のイメージ）","ふわふわの毛","鳥の巣（かご）"],
      answer:0
    },
    {
      name:"② 毛（け）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/66e19c880fd87d146101d721bd7e6e51.webp",
      explain:"「毛」はそのまま“け・体毛”の形がもと。ふわっとした毛の感じを表すよ。",
      extra:"ポイント：毛が入る漢字は「毛・うぶげ・細かい」系を連想！（例：筆・耗 など）",
      q:"②の部首イメージに近いのは？",
      choices:["ふわふわの毛","えのついた小刀","高い山"],
      answer:0
    },
    {
      name:"③ 氏（うじ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d8f2af5102706f2377d214f94feb115e.webp",
      explain:"「氏」は、え（柄）のついた小さな刃物の形がもとと言われるよ。そこから“一族・名字”の意味に発展。",
      extra:"ポイント：「氏名（しめい）」の“氏”！＝名字のイメージで固定しよう。",
      q:"③の部首イメージに近いのは？",
      choices:["えのついた小刀","白骨（骨）","長い髪の老人"],
      answer:0
    },
    {
      name:"④ 父（ちち）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171074.webp",
      explain:"「父」は、手に道具（斧など）を持って働く姿がもと。そこから“父・年上の男の人”の意味へ。",
      extra:"ポイント：『お父さん＝働く人』のイメージで覚えると残りやすい！",
      q:"④の部首イメージに近いのは？",
      choices:["斧を持つ父（働く姿）","鳥の巣（かご）","鼻の形"],
      answer:0
    },
    {
      name:"⑤ 片（かた）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171017_0.webp",
      explain:"「片」は、物を“二つに割った片方”がもと。半分・かけらのイメージにつながるよ。",
      extra:"ポイント：「片方だけ」＝片。左右どちらでも“半分”って覚えたらOK！",
      q:"⑤の部首イメージに近いのは？",
      choices:["木を縦に割った右半分","ふわふわの毛","酒つぼ（発酵）"],
      answer:0
    },
    {
      name:"⑥ 至（いたる）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171016_0.webp",
      explain:"「至」は、矢が地面に刺さって“そこまで届いて止まる”形がもと。到達・到着のイメージだよ。",
      extra:"ポイント：『到着＝止まる』が合図。矢がブスッ→ここまで！",
      q:"⑥の部首イメージに近いのは？",
      choices:["矢が地面に刺さって止まる（到達）","高くそびえる山","反対向きに飛ぶ鳥"],
      answer:0
    },
    {
      name:"⑦ 色（いろ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171015_0.webp",
      explain:"「色」は、ひざまずく人に上から手を差しのべる形がもとと言われるよ。そこから“ようす・気持ち・色合い”へ。",
      extra:"ポイント：「顔色」「色々」みたいに“状態・雰囲気”の言葉でよく使うね。",
      q:"⑦の部首イメージに近いのは？",
      choices:["ひざまずく人に手を差し伸べる","皿の赤い血","木を縦に割った右半分"],
      answer:0
    },
    {
      name:"⑧ 血（ち）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/9ef61120464d5316b3558fb546a8dbc4.webp",
      explain:"「血」は、器（うつわ）に入った血を表す形がもと。血・血のつながり（なかま）のイメージだよ。",
      extra:"ポイント：『血縁（けつえん）』＝つながり。こわくしすぎず“赤い液体”でOK！",
      q:"⑧の部首イメージに近いのは？",
      choices:["皿の赤い血","えのついた小刀","鳥の巣（かご）"],
      answer:0
    },
    {
      name:"⑨ 西（にし）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/94f2f365abe93fc257332ed670cdf5e0.webp",
      explain:"「西」は“鳥の巣（あみかご）”の形がもとという説があるよ。そこから方角の“西”に。",
      extra:"ポイント：方角は“にし”。形は“かご”で覚えると引っかかりやすい！",
      q:"⑨の部首イメージに近いのは？",
      choices:["鳥の巣（目の粗いカゴ）","高い山","鼻の形"],
      answer:0
    },
    {
      name:"⑩ 見（みる）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b84565f4e91e852285dc5f6db9c82a6c.webp",
      explain:"「見」は“大きな目＋足”が合体した形がもと。目で見て、足で近づいて様子を見るイメージだよ。",
      extra:"ポイント：『見る＝目』だけじゃなく『見に行く＝足』もセット！",
      q:"⑩の部首イメージに近いのは？",
      choices:["大きな目で見る（目＋足）","ふわふわの毛","麦踏み"],
      answer:0
    },
    {
      name:"⑪ 酉（ひよみのとり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171014_0.webp",
      explain:"「酉」は、酒だる・酒つぼの形がもと。お酒・発酵するもののイメージにつながるよ。",
      extra:"ポイント：酉が入る漢字は“お酒・発酵”を連想！（例：酒・酔・酢 など）",
      q:"⑪の部首イメージに近いのは？",
      choices:["酒つぼ（発酵の泡）","白骨（骨）","木を縦に割った右半分"],
      answer:0
    },
    {
      name:"⑫ 長（ながい）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171069_0.webp",
      explain:"「長」は、長い髪をたらした年長者の姿がもと。長い・リーダー（長）の意味へつながるよ。",
      extra:"ポイント：「学年の長」「班長」みたいに“リーダー”の長もこれ！",
      q:"⑫の部首イメージに近いのは？",
      choices:["長い髪の老人（年長者）","鳥の巣（かご）","鼻の形"],
      answer:0
    },
    {
      name:"⑬ 非（あらず）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171070_0.webp",
      explain:"「非」は、左右が背き合う（反対向き）形がもと。ちがう・よくない（否定）のイメージだよ。",
      extra:"ポイント：『非常』『非行』の“非”。＝“ちがう・ダメ”の合図！",
      q:"⑬の部首イメージに近いのは？",
      choices:["反対向きに飛ぶ鳥（背き合う）","皿の赤い血","高くそびえる山"],
      answer:0
    },
    {
      name:"⑭ 面（めん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/1ba483ec9a60c1300ca555d46fff1f89.webp",
      explain:"「面」は、人の顔（おもて）を表す形がもと。顔・表面・ひろい面の意味につながるよ。",
      extra:"ポイント：「表面（ひょうめん）」の“めん”＝おもて！",
      q:"⑭の部首イメージに近いのは？",
      choices:["人の顔（おもて）","えのついた小刀","麦踏み"],
      answer:0
    },
    {
      name:"⑮ 風（かぜ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171071_0.webp",
      explain:"「風」は、虫や大きな鳥など“動きで風が起きる”イメージがもと。風・ようす・ならわしにもつながるよ。",
      extra:"ポイント：『台風』『風景』『流行（はやり）』の“ふう/かぜ”にも出る！",
      q:"⑮の部首イメージに近いのは？",
      choices:["風を起こす大きな鳥","人の顔（おもて）","酒つぼ（発酵）"],
      answer:0
    },
    {
      name:"⑯ 飛（とぶ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171072_0.webp",
      explain:"「飛」は、翼を広げて“空を飛ぶ”姿がもと。飛ぶ・はねるのイメージだよ。",
      extra:"ポイント：『飛行機』『飛び出す』みたいに動きが大きい漢字で登場！",
      q:"⑯の部首イメージに近いのは？",
      choices:["翼を広げて空を飛ぶ鳥","白骨（骨）","木を縦に割った右半分"],
      answer:0
    },
    {
      name:"⑰ 香（かおり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/28eafe705b822e8cc8a8f9eb9a5e02a0.webp",
      explain:"「香」は、穀物（キビ）などの“よいにおい”が立つイメージがもと。におい・かおりの意味だよ。",
      extra:"ポイント：「いい匂い＝香」。『香港（ほんこん）』の“香”もこれ！",
      q:"⑰の部首イメージに近いのは？",
      choices:["キビの香り（におい）","高くそびえる山","反対向きに飛ぶ鳥"],
      answer:0
    },
    {
      name:"⑱ 高（たかい）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/bc08fc15a3240548c7da2993206e6764.webp",
      explain:"「高」は、高くそびえる建物や山のイメージがもと。高さ・たかい・くらしレベルにもつながるよ。",
      extra:"ポイント：「高級」「高学年」みたいに“レベルが高い”でも使うね！",
      q:"⑱の部首イメージに近いのは？",
      choices:["高くそびえる山","皿の赤い血","えのついた小刀"],
      answer:0
    },
    {
      name:"⑲ 麦（むぎ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171013_0.webp",
      explain:"「麦」は、麦（穀物）を表す形がもと。麦・穀物のイメージだよ。",
      extra:"ポイント：「麦茶」「小麦」など身近！“むぎ＝穀物”で固定しよう。",
      q:"⑲の部首イメージに近いのは？",
      choices:["麦踏み（むぎをふむ）","鳥の巣（かご）","鼻の形"],
      answer:0
    },
    {
      name:"⑳ 鼻（はな）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144171036.webp",
      explain:"「鼻」は、顔の中心にある“はな”を表す形がもと。においにもつながるよ。",
      extra:"ポイント：鼻＝においの入り口！『鼻水』『鼻歌』も思い出せるね。",
      q:"⑳の部首イメージに近いのは？",
      choices:["顔の正面から見た鼻の形","高くそびえる山","ふわふわの毛"],
      answer:0
    }
  ];

  // ▼ ここから下は共通制御（さわらなくてOK）
  const elImg     = document.getElementById("bushu-lv10-img");
  const elName    = document.getElementById("bushu-lv10-name");
  const elEx      = document.getElementById("bushu-lv10-explain");
  const elExtra   = document.getElementById("bushu-lv10-extra");
  const elQ       = document.getElementById("bushu-lv10-q");
  const elChoices = document.getElementById("bushu-lv10-choices");
  const elFb      = document.getElementById("bushu-lv10-feedback");
  const elCounter = document.getElementById("bushu-lv10-counter");
  const btnNext   = document.getElementById("bushu-lv10-next");
  const btnShuffle= document.getElementById("bushu-lv10-shuffle");
  const btnRestart= document.getElementById("bushu-lv10-restart");

  let order = cards.map((_,i)=>i);
  let index = 0;
  let locked = false;

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

  function render(){
    const c = cards[order[index]];
    locked = false;

    elCounter.textContent = (index+1)+" / "+cards.length;
    elImg.src = commonProblemImg;

    elName.textContent = c.name;
    elQ.textContent    = "❓ 3択クイズ： " + c.q;

    elEx.textContent    = "🔍 なりたち： " + c.explain;
    elExtra.textContent = "✨ もうひとこと： " + c.extra;
    elEx.style.display    = "none";
    elExtra.style.display = "none";

    elFb.textContent = "";
    elFb.classList.remove("ok","ng");
    elChoices.innerHTML = "";

    const idxs = [0,1,2];
    shuffle(idxs);

    idxs.forEach((choiceIndex, i)=>{
      const li  = document.createElement("li");
      const btn = document.createElement("button");

      btn.textContent = (i+1)+". "+c.choices[choiceIndex];
      btn.dataset.correct = (choiceIndex === c.answer) ? "true" : "false";

      btn.addEventListener("click",()=>{
        if(locked) return;
        locked = true;

        const buttons = elChoices.querySelectorAll("button");
        buttons.forEach(b=>b.disabled = true);

        elImg.src = c.answerImg;
        elEx.style.display    = "block";
        elExtra.style.display = "block";

        if(btn.dataset.correct === "true"){
          btn.classList.add("bushu-correct");
          elFb.textContent = "⭕ せいかい！";
          elFb.classList.add("ok");
          elFb.classList.remove("ng");
        }else{
          btn.classList.add("bushu-wrong");
          buttons.forEach(b=>{
            if(b.dataset.correct === "true") b.classList.add("bushu-correct");
          });
          elFb.textContent = "❌ ざんねん… せいかいは「"+c.choices[c.answer]+"」だよ！";
          elFb.classList.add("ng");
          elFb.classList.remove("ok");
        }
      });

      li.appendChild(btn);
      elChoices.appendChild(li);
    });
  }

  btnNext.addEventListener("click",()=>{
    index++;
    if(index >= cards.length){
      index = 0;
      shuffle(order);
    }
    render();
  });

  btnShuffle.addEventListener("click",()=>{
    shuffle(order);
    index = 0;
    render();
  });

  btnRestart.addEventListener("click",()=>{
    order = cards.map((_,i)=>i);
    index = 0;
    render();
  });

  render();

})();
</script>



<!-- ▼ 部首の位置の説明はLEVEL共通で使い回しOK ▼ -->
<div class="bushu-center-wrap">
  <p class="bushu-center-text">
    ▼ 部首の位置（へん・つくり・かんむり など）の見方
  </p>
  <img decoding="async" 
    src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/794D1E6D-74EF-4435-991A-C4C35E4774EF.jpg"
    alt="部首の位置の説明"
    class="bushu-center-img"
    loading="lazy"
  >
</div>

<style>
.bushu-center-wrap{
  text-align:center;
  margin-top:2rem;
}
.bushu-center-text{
  font-size:1rem;
  font-weight:600;
  margin-bottom:1rem;
}
.bushu-center-img{
  max-width:90%;
  height:auto;
  margin:0 auto;
  display:block;
}
</style>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL10</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-10/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL9</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-09/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-09/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 25 Dec 2025 13:58:37 +0000</pubDate>
				<category><![CDATA[🐙タコタの部首レッスン]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃成り立ち]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[＃部首]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=2662</guid>

					<description><![CDATA[<p>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL9 まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！ えをタップすると、正解のイラストと「部首の意味・なりたち」がわか [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL9</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタとおぼえる部首フラッシュ LEVEL9（読み方・意味） -->
<div class="bushu-flash-lv9" id="bushu-flash-lv9">
  <h2 class="bushu-title">
    タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL9
  </h2>
  <p class="bushu-sub">
    まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！<br>
    えをタップすると、正解のイラストと「部首の意味・なりたち」がわかるよ。
  </p>

  <div class="bushu-status">
    <span class="bushu-counter" id="bushu-lv9-counter">1 / 20</span>
    <button type="button" class="bushu-btn-sub" id="bushu-lv9-shuffle">🔀 シャッフルする</button>
  </div>

  <div class="bushu-card">
    <div class="bushu-img-wrap">
      <img decoding="async" id="bushu-lv9-img" src="" alt="部首カード" loading="lazy">
    </div>

    <div class="bushu-text">
      <h3 id="bushu-lv9-name"></h3>

      <div class="bushu-quiz">
        <p id="bushu-lv9-q" class="bushu-q"></p>
        <ul class="bushu-choices" id="bushu-lv9-choices"></ul>
        <p id="bushu-lv9-feedback" class="bushu-feedback"></p>
      </div>

      <p id="bushu-lv9-explain" class="bushu-explain" style="display:none;"></p>
      <p id="bushu-lv9-extra" class="bushu-extra" style="display:none;"></p>
    </div>
  </div>

  <div class="bushu-nav">
    <button type="button" class="bushu-btn-sub" id="bushu-lv9-restart">↩ はじめから</button>
    <button type="button" class="bushu-btn-main" id="bushu-lv9-next">▶ つぎのもんだいへ</button>
  </div>

  <p class="bushu-note">※「🔀 シャッフルする」をおすと、もんだいの順番が入れかわるよ。</p>
</div>

<style>
.bushu-flash-lv9{
  --card-bg:#eafff1;
  --accent:#22c55e;
  --border:#222;
  --text:#333;
  --muted:#666;

  max-width:720px;
  margin:2rem auto;
  padding:1.3rem;
  border-radius:18px;
  border:2px solid var(--border);
  background:#f7fff9;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
  font-family:"游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3",system-ui,sans-serif;
}
.bushu-flash-lv9 .bushu-title{
  text-align:center;
  margin:0;
  font-size:1.25rem;
  font-weight:700;
}
.bushu-flash-lv9 .bushu-sub{
  text-align:center;
  font-size:.9rem;
  color:var(--muted);
  margin-top:.3rem;
}
.bushu-flash-lv9 .bushu-status{
  display:flex;
  justify-content:space-between;
  margin:.6rem 0;
  font-size:.9rem;
}
.bushu-flash-lv9 .bushu-counter{
  padding:.15rem .6rem;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
}
.bushu-flash-lv9 .bushu-card{
  display:flex;
  gap:1rem;
  padding:.9rem;
  border-radius:16px;
  background:var(--card-bg);
  border:2px solid var(--border);
}
@media(max-width:640px){
  .bushu-flash-lv9 .bushu-card{
    flex-direction:column;
    align-items:center;
    padding:.8rem;
  }
}
.bushu-flash-lv9 .bushu-img-wrap{
  flex:0 0 220px;
  max-width:220px;
  aspect-ratio:1/1;
  border-radius:18px;
  background:#fff;
  border:2px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.bushu-flash-lv9 .bushu-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.bushu-flash-lv9 .bushu-text h3{
  margin:.1rem 0 .4rem;
  font-size:1rem;
  font-weight:700;
}
.bushu-flash-lv9 .bushu-quiz{
  margin-top:.1rem;
  border:1px solid #cdeed8;
  background:#fff;
  border-radius:10px;
  padding:.6rem;
}
.bushu-flash-lv9 .bushu-q{
  font-weight:600;
  margin:0 0 .4rem;
  font-size:.95rem;
}
.bushu-flash-lv9 .bushu-choices{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.bushu-flash-lv9 .bushu-choices button{
  width:100%;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid #ddd;
  background:#f7fff9;
  cursor:pointer;
  font-size:.95rem;
}
.bushu-flash-lv9 .bushu-choices button:hover{opacity:.92;}
.bushu-flash-lv9 .bushu-choices button.bushu-correct{
  background:#ecfdf3 !important;
  border-color:#22c55e !important;
}
.bushu-flash-lv9 .bushu-choices button.bushu-wrong{
  background:#fee2e2 !important;
  border-color:#ef4444 !important;
}
.bushu-flash-lv9 .bushu-feedback{
  margin-top:.4rem;
  font-size:.9rem;
  font-weight:700;
}
.bushu-flash-lv9 .bushu-feedback.ok{color:#15803d;}
.bushu-flash-lv9 .bushu-feedback.ng{color:#b91c1c;}

.bushu-flash-lv9 .bushu-explain,
.bushu-flash-lv9 .bushu-extra{
  font-size:.9rem;
  margin:.45rem 0 0;
  color:var(--text);
  line-height:1.6;
}
.bushu-flash-lv9 .bushu-extra{color:var(--muted);}

.bushu-flash-lv9 .bushu-btn-main{
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  padding:.5rem 1.1rem;
  border:2px solid #128a3a;
  cursor:pointer;
}
.bushu-flash-lv9 .bushu-btn-sub{
  border-radius:999px;
  padding:.4rem .9rem;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size:.9rem;
}
.bushu-flash-lv9 .bushu-nav{
  margin-top:.9rem;
  position:relative;
  height:46px;
}
.bushu-flash-lv9 #bushu-lv9-restart{
  position:absolute;
  left:0;
  top:0;
}
.bushu-flash-lv9 #bushu-lv9-next{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
}
@media(max-width:640px){
  .bushu-flash-lv9 .bushu-nav{
    height:auto;
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
  .bushu-flash-lv9 #bushu-lv9-restart,
  .bushu-flash-lv9 #bushu-lv9-next{
    position:static;
    transform:none;
    width:100%;
    text-align:center;
  }
}
.bushu-flash-lv9 .bushu-note{
  font-size:.8rem;
  color:var(--muted);
  margin-top:.5rem;
}
</style>

<script>
(function(){

  // 共通の「もんだい」カード
  const commonProblemImg =
    "https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1b65958cc1425b2a8565a1331eb494c.jpg";

  // ★ LEVEL9（確定版）
  const cards = [
    {
      name:"① 八（はち／はちがしら）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c8e7b0a26bb0d90f42979666239b1d05.webp",
      explain:"「八」は、左右に“ひらいて分かれる”形がもと。物が分かれる・広がるイメージにつながるよ。",
      extra:"ポイント：八が入ると「分ける／広がる」感じを思い出そう。（例：分・公 など）",
      q:"①の部首イメージに一番近いのは？",
      choices:["二つに分かれる（分岐）","上からおおうフタ","氷ができる"],
      answer:0
    },
    {
      name:"② 冂（けいがまえ／どうがまえ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/68b60d70c974e5add0c33b2f93353c78.webp",
      explain:"「冂」は、外側を囲う“境界（きょうかい）のわく”の形がもと。遠く離れたところの“行き止まり・境目”のイメージにもなるよ。",
      extra:"ポイント：「外側のかこい（わく）」を意識！国境・城壁みたいに“ここまで”の線。",
      q:"②の部首イメージに近いのは？",
      choices:["城壁のある国境（境目）","小さなスプーン","足あとが続く"],
      answer:0
    },
    {
      name:"③ 冖（わかんむり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/257f7f06f06af19a22acb4597b830117.webp",
      explain:"「冖」は、上から“ふたをしておおう”形がもと。かぶせる・おおいかくすイメージだよ。",
      extra:"ポイント：箱のフタ！上にのってる形を見たら「おおう」を思い出そう。（例：写・軍 など）",
      q:"③の部首イメージに近いのは？",
      choices:["箱にフタをかぶせる","二つに分かれる","小さな点"],
      answer:0
    },
    {
      name:"④ 冫（にすい）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1ad78e87952c0eeff3192f5bca5ef3e.webp",
      explain:"「冫」は“こおり（氷）”を表す形がもと。冷たい・凍るイメージにつながるよ。",
      extra:"ポイント：にすい＝氷！「冷」「凍」みたいに冷たさの漢字でよく出るよ。",
      q:"④の部首イメージに近いのは？",
      choices:["水が凍ってひび割れる","上からおおうフタ","侍の土台"],
      answer:0
    },
    {
      name:"⑤ 几（つくえ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d3270ebb2619451fbe40f558e9863297.webp",
      explain:"「几」は、脚（あし）のついた“小さな机・台”の形がもと。ちょこんと置く台のイメージだよ。",
      extra:"ポイント：ミニテーブル！机の形を思い出すと覚えやすい。",
      q:"⑤の部首イメージに近いのは？",
      choices:["小さい机・台","国境の城壁","氷"],
      answer:0
    },
    {
      name:"⑥ 凵（うけばこ／かんにょう）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/0b79dba0a8dd03b4c67233e494c71ce5.webp",
      explain:"「凵」は、へこんだ“うけざら・入れもの”の形がもと。くぼみ・受けるイメージだよ。",
      extra:"ポイント：下がくぼんだ形＝受け皿！ボールが「すっぽり」入る感じ。",
      q:"⑥の部首イメージに近いのは？",
      choices:["くぼみ・入れもの","十字の形","小さな点"],
      answer:0
    },
    {
      name:"⑦ 勹（つつみがまえ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144089121.webp",
      explain:"「勹」は、体を丸めて“包む・くるむ”形がもと。包みこむイメージにつながるよ。",
      extra:"ポイント：だっこして包む！外側から守る感じを思い出そう。",
      q:"⑦の部首イメージに近いのは？",
      choices:["包む・くるむ","水が凍る","足あとが続く"],
      answer:0
    },
    {
      name:"⑧ 匕（さじ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/58ad2971411e8922bbbff15208c02948.webp",
      explain:"「匕」は、小さな“さじ（スプーン）”の形がもとと言われるよ。すくう道具のイメージ。",
      extra:"ポイント：カレー用じゃなくて「薬さじ」みたいな小ささ！",
      q:"⑧の部首は何の形？",
      choices:["スプーン（さじ）","フタ","机"],
      answer:0
    },
    {
      name:"⑨ 十（じゅう）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/1524eca3a800f5f7916f6e79a49b5dd2.webp",
      explain:"「十」は、たて線とよこ線が交わる“十字”の形がもと。数の「10」や十字のイメージだよ。",
      extra:"ポイント：算木（さんぎ）を交差させた形…と覚えるとスッと入る！",
      q:"⑨の部首イメージに近いのは？",
      choices:["十字（交差）","包む","小さな点"],
      answer:0
    },
    {
      name:"⑩ 卩（ふしづくり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/dc8cd617c00704d1d73ddc143adccc99.webp",
      explain:"「卩」は、ひざを折って“ひざまずく人”の形がもと。礼をする姿や、節目（ふし）のイメージにつながるよ。",
      extra:"ポイント：ちょこんとひざまずく形＝礼！「印」「即」などにも出てくるよ。",
      q:"⑩の部首イメージに近いのは？",
      choices:["ひざまずいて礼をする","バケツの水が凍る","国境の城壁"],
      answer:0
    },
    {
      name:"⑪ 厶（む）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/cdcd2956e8d40864fdddf811ba160291.webp",
      explain:"「厶」は、はっきりした意味を持たず“分類”に使われることが多い部首。解釈として「私（わたし）」「私有する」につながる場合もあるよ。",
      extra:"ポイント：手の中に“こっそり隠す”＝私のもの、って覚えるとイメージしやすい！",
      q:"⑪の部首イメージに近いのは？",
      choices:["こっそり持つ（私のもの）","十字の形","夕焼けの空"],
      answer:0
    },
    {
      name:"⑫ 又（また）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/7755f5ae25b920b0e3de4e188ee90f62.webp",
      explain:"「又」は“手の形”がもと。手の動き・もう一度・くり返しのイメージにつながるよ。",
      extra:"ポイント：ちょいちょい＝「もう一回！」の合図。手の動き系の字で見かけるよ。",
      q:"⑫の部首イメージに近いのは？",
      choices:["手で『おいで』する","上からおおうフタ","小さい机"],
      answer:0
    },
    {
      name:"⑬ 士（さむらい）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/dae51078ee095661bb00f7741e78b50f.webp",
      explain:"「士」は、しっかりした“土台（だいざ）”の上に立つ人の形がもとと言われるよ。身分の高い人＝侍（さむらい）にもつながる。",
      extra:"ポイント：下がどっしり＝えらい人！「土」と似てるけど、横線の位置に注目すると見分けやすい。",
      q:"⑬の部首イメージに近いのは？",
      choices:["身分の高い人＋土台","氷","小さな点"],
      answer:0
    },
    {
      name:"⑭ 夂（ふゆがしら）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144089122.webp",
      explain:"「夂」は、ゆっくり“あとからついて行く足どり”の形がもと。遅れて来る・後ろからのイメージだよ。",
      extra:"ポイント：足あとが後ろに続く＝あとから！「冬」と関係ある読み名だけど、イメージは“足どり”。",
      q:"⑭の部首イメージに近いのは？",
      choices:["あとからついていく足どり","包む・くるむ","十字（交差）"],
      answer:0
    },
    {
      name:"⑮ 夕（ゆうべ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/0a8508df5f5b461833140def9042ace1.webp",
      explain:"「夕」は、日がしずんで暗くなる“夕方”の姿がもと。夜のはじまりのイメージだよ。",
      extra:"ポイント：夕焼け＋三日月＝ゆうべ！時間の感じを覚えると強い。",
      q:"⑮の部首イメージに近いのは？",
      choices:["夕方・夜のはじまり","朝のひかり","真昼の太陽"],
      answer:0
    },
    {
      name:"⑯ 小（ちいさい）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144089136.jpg",
      explain:"「小」は、大きいものに対して“ちいさい”ことを表す形がもと。少ない・こまかいイメージにもつながるよ。",
      extra:"ポイント：こどもが小さくしゃがむ＝小さい！「少」との違いも見てみよう。",
      q:"⑯の部首イメージに近いのは？",
      choices:["小さい・少ない","大きい・多い","冷たい・凍る"],
      answer:0
    },
    {
      name:"⑰ 己（おのれ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144089124.webp",
      explain:"「己」は、くるっと“まがった形”がもとで「自分（おのれ）」を表す字。形が巻いている感じがポイントだよ。",
      extra:"ポイント：糸巻きみたいに“自分の中に巻きこむ”イメージで覚えると忘れにくい！",
      q:"⑰の部首イメージに近いのは？",
      choices:["自分（おのれ）／まがった形","十字（交差）","フタ"],
      answer:0
    },
    {
      name:"⑱ 干（かん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144089125.webp",
      explain:"「干」は、棒を立てた形がもとで「干す（乾かす）」「かわく」につながるよ。武器のように“棒”のイメージでも覚えられる。",
      extra:"ポイント：干＝棒＋横棒！「乾」とセットで“かわく”を思い出そう。",
      q:"⑱の部首イメージに近いのは？",
      choices:["棒（干す・かわく）","夕方","包む"],
      answer:0
    },
    {
      name:"⑲ 丿（の）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/2426c5fc5320e7bea7e7508f581d944a.jpg",
      explain:"「丿」は、漢字の“ななめの一画”を表す部首。『乃』の一画目とも言われるよ。",
      extra:"ポイント：左上から右下へ「すーっ」と書く一画！見つけたら“の”って呼ぶよ。",
      q:"⑲の部首はどんな形？",
      choices:["ななめの一画","小さな点","十字"],
      answer:0
    },
    {
      name:"⑳ 丶（てん／いってん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8db436bae22371ed82f91ffafdd590d0-1.webp",
      explain:"「丶」は“ちいさな点（しるし）”を表す部首。中心・一点のイメージにもつながるよ。",
      extra:"ポイント：ろうそくの炎みたいに「ここ！」を示す小さな点。見つけたら“てん”！",
      q:"⑳の部首イメージに近いのは？",
      choices:["ちいさな点（しるし）","小さい机","国境の城壁"],
      answer:0
    }
  ];

  // ▼ ここから下は共通制御（さわらなくてOK）
  const elImg     = document.getElementById("bushu-lv9-img");
  const elName    = document.getElementById("bushu-lv9-name");
  const elEx      = document.getElementById("bushu-lv9-explain");
  const elExtra   = document.getElementById("bushu-lv9-extra");
  const elQ       = document.getElementById("bushu-lv9-q");
  const elChoices = document.getElementById("bushu-lv9-choices");
  const elFb      = document.getElementById("bushu-lv9-feedback");
  const elCounter = document.getElementById("bushu-lv9-counter");
  const btnNext   = document.getElementById("bushu-lv9-next");
  const btnShuffle= document.getElementById("bushu-lv9-shuffle");
  const btnRestart= document.getElementById("bushu-lv9-restart");

  let order = cards.map((_,i)=>i);
  let index = 0;
  let locked = false;

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

  function render(){
    const c = cards[order[index]];
    locked = false;

    elCounter.textContent = (index+1)+" / "+cards.length;
    elImg.src = commonProblemImg;

    elName.textContent = c.name;
    elQ.textContent    = "❓ 3択クイズ： " + c.q;

    elEx.textContent    = "🔍 なりたち： " + c.explain;
    elExtra.textContent = "✨ もうひとこと： " + c.extra;
    elEx.style.display    = "none";
    elExtra.style.display = "none";

    elFb.textContent = "";
    elFb.classList.remove("ok","ng");
    elChoices.innerHTML = "";

    const idxs = [0,1,2];
    shuffle(idxs);

    idxs.forEach((choiceIndex, i)=>{
      const li  = document.createElement("li");
      const btn = document.createElement("button");

      btn.textContent = (i+1)+". "+c.choices[choiceIndex];
      btn.dataset.correct = (choiceIndex === c.answer) ? "true" : "false";
      btn.style.border = "1px solid #ddd";

      btn.addEventListener("click",()=>{
        if(locked) return;
        locked = true;

        const buttons = elChoices.querySelectorAll("button");
        buttons.forEach(b=>b.disabled = true);

        elImg.src = c.answerImg;
        elEx.style.display    = "block";
        elExtra.style.display = "block";

        if(btn.dataset.correct === "true"){
          btn.classList.add("bushu-correct");
          elFb.textContent = "⭕ せいかい！";
          elFb.classList.add("ok");
          elFb.classList.remove("ng");
        }else{
          btn.classList.add("bushu-wrong");
          buttons.forEach(b=>{
            if(b.dataset.correct === "true"){
              b.classList.add("bushu-correct");
            }
          });
          elFb.textContent = "❌ ざんねん… せいかいは「"+c.choices[c.answer]+"」だよ！";
          elFb.classList.add("ng");
          elFb.classList.remove("ok");
        }
      });

      li.appendChild(btn);
      elChoices.appendChild(li);
    });
  }

  btnNext.addEventListener("click",()=>{
    index++;
    if(index >= cards.length){
      index = 0;
      shuffle(order);
    }
    render();
  });

  btnShuffle.addEventListener("click",()=>{
    shuffle(order);
    index = 0;
    render();
  });

  btnRestart.addEventListener("click",()=>{
    order = cards.map((_,i)=>i);
    index = 0;
    render();
  });

  render();

})();
</script>



<!-- ▼ 部首の位置の説明はLEVEL共通で使い回しOK ▼ -->
<div class="bushu-center-wrap">
  <p class="bushu-center-text">
    ▼ 部首の位置（へん・つくり・かんむり など）の見方
  </p>
  <img decoding="async" 
    src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/794D1E6D-74EF-4435-991A-C4C35E4774EF.jpg"
    alt="部首の位置の説明"
    class="bushu-center-img"
    loading="lazy"
  >
</div>

<style>
.bushu-center-wrap{
  text-align:center;
  margin-top:2rem;
}
.bushu-center-text{
  font-size:1rem;
  font-weight:600;
  margin-bottom:1rem;
}
.bushu-center-img{
  max-width:90%;
  height:auto;
  margin:0 auto;
  display:block;
}
</style>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL9</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-09/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL8</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-08/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-08/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 25 Dec 2025 12:32:22 +0000</pubDate>
				<category><![CDATA[🐙タコタの部首レッスン]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃成り立ち]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[＃部首]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=2633</guid>

					<description><![CDATA[<p>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL8 まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！ えをタップすると、正解のイラストと「部首の意味・なりたち」がわか [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL8</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタとおぼえる部首フラッシュ LEVEL8（読み方・意味） -->
<div class="bushu-flash-lv8" id="bushu-flash-lv8">
  <h2 class="bushu-title">
    タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL8
  </h2>
  <p class="bushu-sub">
    まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！<br>
    えをタップすると、正解のイラストと「部首の意味・なりたち」がわかるよ。
  </p>

  <div class="bushu-status">
    <span class="bushu-counter" id="bushu-lv8-counter">1 / 20</span>
    <button type="button" class="bushu-btn-sub" id="bushu-lv8-shuffle">🔀 シャッフルする</button>
  </div>

  <div class="bushu-card">
    <div class="bushu-img-wrap">
      <img decoding="async" id="bushu-lv8-img" src="" alt="部首カード" loading="lazy">
    </div>

    <div class="bushu-text">
      <h3 id="bushu-lv8-name"></h3>

      <div class="bushu-quiz">
        <p id="bushu-lv8-q" class="bushu-q"></p>
        <ul class="bushu-choices" id="bushu-lv8-choices"></ul>
        <p id="bushu-lv8-feedback" class="bushu-feedback"></p>
      </div>

      <p id="bushu-lv8-explain" class="bushu-explain" style="display:none;"></p>
      <p id="bushu-lv8-extra" class="bushu-extra" style="display:none;"></p>
    </div>
  </div>

  <div class="bushu-nav">
    <button type="button" class="bushu-btn-sub" id="bushu-lv8-restart">↩ はじめから</button>
    <button type="button" class="bushu-btn-main" id="bushu-lv8-next">▶ つぎのもんだいへ</button>
  </div>

  <p class="bushu-note">※「🔀 シャッフルする」をおすと、もんだいの順番が入れかわるよ。</p>
</div>

<style>
.bushu-flash-lv8{
  --card-bg:#eef6ff;      /* LEVEL8：淡い寒色 */
  --accent:#4f86ff;
  --border:#222;
  --text:#333;
  --muted:#666;

  max-width:720px;
  margin:2rem auto;
  padding:1.3rem;
  border-radius:18px;
  border:2px solid var(--border);
  background:#f9fbff;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
  font-family:"游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3",system-ui,sans-serif;
}
.bushu-flash-lv8 .bushu-title{
  text-align:center;
  margin:0;
  font-size:1.25rem;
  font-weight:700;
}
.bushu-flash-lv8 .bushu-sub{
  text-align:center;
  font-size:.9rem;
  color:var(--muted);
  margin-top:.3rem;
}
.bushu-flash-lv8 .bushu-status{
  display:flex;
  justify-content:space-between;
  margin:.6rem 0;
  font-size:.9rem;
}
.bushu-flash-lv8 .bushu-counter{
  padding:.15rem .6rem;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
}
.bushu-flash-lv8 .bushu-card{
  display:flex;
  gap:1rem;
  padding:.9rem;
  border-radius:16px;
  background:var(--card-bg);
  border:2px solid var(--border);
}
@media(max-width:640px){
  .bushu-flash-lv8 .bushu-card{
    flex-direction:column;
    align-items:center;
    padding:.8rem;
  }
}
.bushu-flash-lv8 .bushu-img-wrap{
  flex:0 0 220px;
  max-width:220px;
  aspect-ratio:1/1;
  border-radius:18px;
  background:#fff;
  border:2px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.bushu-flash-lv8 .bushu-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.bushu-flash-lv8 .bushu-text h3{
  margin:.1rem 0 .4rem;
  font-size:1rem;
  font-weight:700;
}
.bushu-flash-lv8 .bushu-quiz{
  margin-top:.1rem;
  border:1px solid #d8e6ff;
  background:#fff;
  border-radius:10px;
  padding:.6rem;
}
.bushu-flash-lv8 .bushu-q{
  font-weight:600;
  margin:0 0 .4rem;
  font-size:.95rem;
}
.bushu-flash-lv8 .bushu-choices{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.bushu-flash-lv8 .bushu-choices button{
  width:100%;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid #ddd;
  background:#f7fbff;
  cursor:pointer;
  font-size:.95rem;
}
.bushu-flash-lv8 .bushu-choices button:hover{opacity:.92;}
.bushu-flash-lv8 .bushu-choices button.bushu-correct{
  background:#ecfdf3 !important;
  border-color:#22c55e !important;
}
.bushu-flash-lv8 .bushu-choices button.bushu-wrong{
  background:#fee2e2 !important;
  border-color:#ef4444 !important;
}
.bushu-flash-lv8 .bushu-feedback{
  margin-top:.4rem;
  font-size:.9rem;
  font-weight:700;
}
.bushu-flash-lv8 .bushu-feedback.ok{color:#15803d;}
.bushu-flash-lv8 .bushu-feedback.ng{color:#b91c1c;}

.bushu-flash-lv8 .bushu-explain,
.bushu-flash-lv8 .bushu-extra{
  font-size:.9rem;
  margin:.45rem 0 0;
  color:var(--text);
  line-height:1.6;
}
.bushu-flash-lv8 .bushu-extra{color:var(--muted);}

.bushu-flash-lv8 .bushu-btn-main{
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  padding:.5rem 1.1rem;
  border:2px solid #2f5fd3;
  cursor:pointer;
}
.bushu-flash-lv8 .bushu-btn-sub{
  border-radius:999px;
  padding:.4rem .9rem;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size:.9rem;
}

.bushu-flash-lv8 .bushu-nav{
  margin-top:.9rem;
  position:relative;
  height:46px;
}
.bushu-flash-lv8 #bushu-lv8-restart{
  position:absolute;
  left:0;
  top:0;
}
.bushu-flash-lv8 #bushu-lv8-next{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
}
@media(max-width:640px){
  .bushu-flash-lv8 .bushu-nav{
    height:auto;
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
  .bushu-flash-lv8 #bushu-lv8-restart,
  .bushu-flash-lv8 #bushu-lv8-next{
    position:static;
    transform:none;
    width:100%;
    text-align:center;
  }
}
.bushu-flash-lv8 .bushu-note{
  font-size:.8rem;
  color:var(--muted);
  margin-top:.5rem;
}
</style>

<script>
(function(){

  // ✅ LEVEL8 共通の「もんだい」カード画像
  // ※ここは「もんだい用の共通画像URL」に差し替えてOK
  const commonProblemImg =
    "https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1b65958cc1425b2a8565a1331eb494c.jpg";

  // ✅ LEVEL8（1〜20）答え画像＆解説
  const cards = [
    {
      name:"① 殳（るまた）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b1855cd7925ce11a5cdff4261eed9055.webp",
      explain:"「殳」は、手に持つ“武器（ほこ・こん棒）”の形からできた部首。たたく・打つ・動きを加えるイメージにつながるよ。",
      extra:"例：投・殴 など（※「たたく／動き」のイメージ）",
      q:"この部首のイメージに近いのは？",
      choices:["武器でたたく","水がながれる","草がのびる"],
      answer:0
    },
    {
      name:"② 頁（おおがい）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__143286274.webp",
      explain:"「頁」は“頭や顔”を表す部首。頭部を強調した姿がもとになっているよ。",
      extra:"例：顔・題・額 など（※あたま／かお）",
      q:"この部首が表すのは？",
      choices:["あたま・かお","手","足"],
      answer:0
    },
    {
      name:"③ 行（ぎょうがまえ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8A958222-3F84-4A86-B991-3572D39FB2D4.webp",
      explain:"「行」は“道が交わる形（十字路）”がもと。行く・道・ならぶイメージにつながるよ。",
      extra:"例：街・術・衛 など（※道／行く）",
      q:"「行」のもとのイメージは？",
      choices:["十字路","魚","大きな木"],
      answer:0
    },
    {
      name:"④ 犭（けものへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/125bf04f95ebc31ce3fd8375c935edb6.webp",
      explain:"「犭」は“けもの（犬・動物）”の形がもと。動物に関係する漢字に多いよ。",
      extra:"例：猫・狼・猿 など（※けもの）",
      q:"この部首の仲間はどれ？",
      choices:["動物","金属","雨"],
      answer:0
    },
    {
      name:"⑤ 彡（さんづくり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8827a7d82c81b4bad43aa014e544792f.webp",
      explain:"「彡」は“毛・飾り・模様”のような、細い線が並ぶ形がもと。髪の毛やキラキラの表現にもつながるよ。",
      extra:"例：形・彩・彫 など（※毛／もよう）",
      q:"この部首のイメージに近いのは？",
      choices:["毛・もよう","石","火"],
      answer:0
    },
    {
      name:"⑥ 厂（がんだれ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144089127.webp",
      explain:"「厂」は“がけ（崖）”の形がもと。がけの下・岩の陰などのイメージにつながるよ。",
      extra:"例：原・厄・厘 など（※がけ）",
      q:"この部首が表す地形は？",
      choices:["がけ","海","田んぼ"],
      answer:0
    },
    {
      name:"⑦ 匚（はこがまえ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/f0a31c662cb9179d7b96a4e20cfd4ef8.webp",
      explain:"「匚」は“箱のように囲う”形がもと。中をかくす・囲い込むイメージにつながるよ。",
      extra:"例：区・匿 など（※かこむ／かくす）",
      q:"この部首のイメージは？",
      choices:["かこむ","流れる","燃える"],
      answer:0
    },
    {
      name:"⑧ 角（つのへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/23ae0e14ca0bba83167da6792bf68180.webp",
      explain:"「角」は“動物のつの”の形がもと。つの・かど・すみのイメージにつながるよ。",
      extra:"例：解・触 など（※つの）",
      q:"この部首は何の形？",
      choices:["つの","はね","うろこ"],
      answer:0
    },
    {
      name:"⑨ 骨（ほね）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b187c2d0c78faa078d7f19ca588e5bb5.webp",
      explain:"「骨」は“骨・からだの中のかたい部分”の形がもと。骨格や体の内側のイメージだよ。",
      extra:"例：骸・骸骨 など（※ほね）",
      q:"この部首が表すのは？",
      choices:["ほね","花","雲"],
      answer:0
    },
    {
      name:"⑩ 革（かわ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/7acbd4f7e8e420b1915df00a0c035beb.webp",
      explain:"「革」は“なめした皮（かわ）”の形がもと。革製品など、加工した皮のイメージにつながるよ。",
      extra:"例：靴・鞄・鞍 など（※革製品）",
      q:"この部首は何に関係する？",
      choices:["なめした皮","水","木"],
      answer:0
    },
    {
      name:"⑪ 鼓（つづみ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e4e467a7389a47f6ade6e7cc39bea85c.webp",
      explain:"「鼓」は“太鼓・つづみ”など音を出す道具のイメージ。たたいて鳴らすことにつながるよ。",
      extra:"例：鼓動（どきどき）など（※音／鳴らす）",
      q:"この部首はどんな道具？",
      choices:["太鼓・つづみ","はさみ","おさら"],
      answer:0
    },
    {
      name:"⑫ 鼠（ねずみ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__144089128.webp",
      explain:"「鼠」は“ねずみ”の形がもと。小さな動物に関係する漢字に出てくるよ。",
      extra:"例：鼬（いたち）など（※小動物）",
      q:"この部首はどの動物？",
      choices:["ねずみ","うさぎ","ねこ"],
      answer:0
    },
    {
      name:"⑬ 鹿（しか）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b8746a969e5b2ac93c40ab07b246a2db.webp",
      explain:"「鹿」は“しか”の姿がもと。森の動物のイメージにつながるよ。",
      extra:"例：麓（ふもと）などに関係する字もあるよ",
      q:"この部首はどの動物？",
      choices:["しか","とり","さかな"],
      answer:0
    },
    {
      name:"⑭ 豕（いのこ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6e0d60cc57b62eb44c6250a316dd6fc1.webp",
      explain:"「豕」は“ぶた／いのしし”の形がもと。豚や獣に関係するイメージだよ。",
      extra:"例：家（いえ）の中に豕がいる形、と言われることもあるよ",
      q:"この部首は何の動物？",
      choices:["ぶた・いのしし","うま","さる"],
      answer:0
    },
    {
      name:"⑮ 巛（さんぼんがわ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/988f348e137320dc9767bff29a78ab7f.webp",
      explain:"「巛」は“川の流れが集まる”ような形がもと。くねくねした流れのイメージだよ。",
      extra:"例：順 など（※流れ）",
      q:"この部首のイメージは？",
      choices:["川の流れ","火の粉","山の岩"],
      answer:0
    },
    {
      name:"⑯ 臼（うす）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/35e03b954a83e52d9f815f97435fc256.jpg",
      explain:"「臼」は“うす（ひく道具）”の形がもと。米や豆をひく道具のイメージだよ。",
      extra:"例：舂（つく）など（※うす）",
      q:"この部首はどんな道具？",
      choices:["うす","くし","かさ"],
      answer:0
    },
    {
      name:"⑰ 鬼（おに）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/778f0ee10a5f312c0f83f2761199c4b4.webp",
      explain:"「鬼」は“おに”の姿がもと。こわいもの・れいのイメージにつながるよ。",
      extra:"例：魂・魔 など（※こわい／れい）",
      q:"この部首はどんな存在？",
      choices:["おに","魚","花"],
      answer:0
    },
    {
      name:"⑱ 髟（かみがしら）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c42c0c9d2ab4f223ccd62afe77af8454.webp",
      explain:"「髟」は“髪の毛”の形がもと。長い髪・髪型のイメージにつながるよ。",
      extra:"例：髪・鬘（かつら）など（※髪）",
      q:"この部首は何を表す？",
      choices:["かみの毛","つの","つめ"],
      answer:0
    },
    {
      name:"⑲ 亠（なべぶた）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/64e89aef10740881ace99ec281f09ce8.webp",
      explain:"「亠」は“ふた（上をおおうもの）”の形がもと。なべぶたのように上をおおうイメージだよ。",
      extra:"例：交・亥 など（※上からおおう）",
      q:"この部首は何のイメージ？",
      choices:["ふた","木の枝","水たまり"],
      answer:0
    },
    {
      name:"⑳ 辛（からい）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/4ac449d2c27b466ec61481b6e8bdfa95.webp",
      explain:"「辛」は“とがった針（刑具のようなもの）”の形がもとと言われるよ。からい・つらいイメージにつながるんだ。",
      extra:"例：辛い・辛抱（しんぼう）など（※つらい）",
      q:"この部首のイメージに近いのは？",
      choices:["からい・つらい","あまい","やさしい"],
      answer:0
    }
  ];

  const elImg     = document.getElementById("bushu-lv8-img");
  const elName    = document.getElementById("bushu-lv8-name");
  const elEx      = document.getElementById("bushu-lv8-explain");
  const elExtra   = document.getElementById("bushu-lv8-extra");
  const elQ       = document.getElementById("bushu-lv8-q");
  const elChoices = document.getElementById("bushu-lv8-choices");
  const elFb      = document.getElementById("bushu-lv8-feedback");
  const elCounter = document.getElementById("bushu-lv8-counter");
  const btnNext   = document.getElementById("bushu-lv8-next");
  const btnShuffle= document.getElementById("bushu-lv8-shuffle");
  const btnRestart= document.getElementById("bushu-lv8-restart");

  let order = cards.map((_,i)=>i);
  let index = 0;
  let locked = false;

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

  function render(){
    const c = cards[order[index]];
    locked = false;

    elCounter.textContent = (index+1)+" / "+cards.length;
    elImg.src = commonProblemImg;

    elName.textContent = c.name;
    elQ.textContent    = "❓ 3択クイズ： " + c.q;

    elEx.textContent    = "🔍 なりたち： " + c.explain;
    elExtra.textContent = "✨ もうひとこと： " + c.extra;
    elEx.style.display    = "none";
    elExtra.style.display = "none";

    elFb.textContent = "";
    elFb.classList.remove("ok","ng");
    elChoices.innerHTML = "";

    const idxs = [0,1,2];
    shuffle(idxs);

    idxs.forEach((choiceIndex, i)=>{
      const li  = document.createElement("li");
      const btn = document.createElement("button");

      btn.textContent = (i+1)+". "+c.choices[choiceIndex];
      btn.dataset.correct = (choiceIndex === c.answer) ? "true" : "false";
      btn.style.border = "1px solid #ddd";

      btn.addEventListener("click",()=>{
        if(locked) return;
        locked = true;

        const buttons = elChoices.querySelectorAll("button");
        buttons.forEach(b=>b.disabled = true);

        elImg.src = c.answerImg;
        elEx.style.display    = "block";
        elExtra.style.display = "block";

        if(btn.dataset.correct === "true"){
          btn.classList.add("bushu-correct");
          elFb.textContent = "⭕ せいかい！";
          elFb.classList.add("ok");
          elFb.classList.remove("ng");
        }else{
          btn.classList.add("bushu-wrong");
          buttons.forEach(b=>{
            if(b.dataset.correct === "true"){
              b.classList.add("bushu-correct");
            }
          });
          elFb.textContent = "❌ ざんねん… せいかいは「"+c.choices[c.answer]+"」だよ！";
          elFb.classList.add("ng");
          elFb.classList.remove("ok");
        }
      });

      li.appendChild(btn);
      elChoices.appendChild(li);
    });
  }

  btnNext.addEventListener("click",()=>{
    index++;
    if(index >= cards.length){
      index = 0;
      shuffle(order);
    }
    render();
  });

  btnShuffle.addEventListener("click",()=>{
    shuffle(order);
    index = 0;
    render();
  });

  btnRestart.addEventListener("click",()=>{
    order = cards.map((_,i)=>i);
    index = 0;
    render();
  });

  render();

})();
</script>



<!-- ▼ 部首の位置の説明はLEVEL共通で使い回しOK ▼ -->
<div class="bushu-center-wrap">
  <p class="bushu-center-text">
    ▼ 部首の位置（へん・つくり・かんむり など）の見方
  </p>
  <img decoding="async" 
    src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/794D1E6D-74EF-4435-991A-C4C35E4774EF.jpg"
    alt="部首の位置の説明"
    class="bushu-center-img"
    loading="lazy"
  >
</div>

<style>
.bushu-center-wrap{
  text-align:center;
  margin-top:2rem;
}
.bushu-center-text{
  font-size:1rem;
  font-weight:600;
  margin-bottom:1rem;
}
.bushu-center-img{
  max-width:90%;
  height:auto;
  margin:0 auto;
  display:block;
}
</style>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL8</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-08/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL7</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-07/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-07/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 18 Dec 2025 05:06:46 +0000</pubDate>
				<category><![CDATA[🐙タコタの部首レッスン]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃漢字]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[＃部首]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=2599</guid>

					<description><![CDATA[<p>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL7 まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！ えをタップすると、正解のイラストと「部首の意味」がわかるよ。 1 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL7</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタとおぼえる部首フラッシュ LEVEL7（読み方・意味） -->
<div class="bushu-flash-lv7" id="bushu-flash-lv7">
  <h2 class="bushu-title">
    タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL7
  </h2>
  <p class="bushu-sub">
    まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！<br>
    えをタップすると、正解のイラストと「部首の意味」がわかるよ。
  </p>

  <div class="bushu-status">
    <span class="bushu-counter" id="bushu-lv7-counter">1 / 20</span>
    <button type="button" class="bushu-btn-sub" id="bushu-lv7-shuffle">🔀 シャッフルする</button>
  </div>

  <div class="bushu-card">
    <div class="bushu-img-wrap">
      <img decoding="async" id="bushu-lv7-img" src="" alt="部首カード" loading="lazy">
    </div>

    <div class="bushu-text">
      <h3 id="bushu-lv7-name"></h3>

      <div class="bushu-quiz">
        <p id="bushu-lv7-q" class="bushu-q"></p>
        <ul class="bushu-choices" id="bushu-lv7-choices"></ul>
        <p id="bushu-lv7-feedback" class="bushu-feedback"></p>
      </div>

      <p id="bushu-lv7-explain" class="bushu-explain" style="display:none;"></p>
      <p id="bushu-lv7-extra" class="bushu-extra" style="display:none;"></p>
    </div>
  </div>

  <div class="bushu-nav">
    <button type="button" class="bushu-btn-sub" id="bushu-lv7-restart">↩ はじめから</button>
    <button type="button" class="bushu-btn-main" id="bushu-lv7-next">▶ つぎのもんだいへ</button>
  </div>

  <p class="bushu-note">※「🔀 シャッフルする」をおすと、もんだいの順番が入れかわるよ。</p>
</div>

<style>
.bushu-flash-lv7{
  --card-bg:#fff9e6;
  --accent:#ff8aa5;
  --border:#222;
  --text:#333;
  --muted:#666;
  max-width:720px;
  margin:2rem auto;
  padding:1.3rem;
  border-radius:18px;
  border:2px solid var(--border);
  background:#fffdf6;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
  font-family:"游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3",system-ui,sans-serif;
}
.bushu-flash-lv7 .bushu-title{
  text-align:center;
  margin:0;
  font-size:1.25rem;
  font-weight:700;
}
.bushu-flash-lv7 .bushu-sub{
  text-align:center;
  font-size:.9rem;
  color:var(--muted);
  margin-top:.3rem;
}
.bushu-flash-lv7 .bushu-status{
  display:flex;
  justify-content:space-between;
  margin:.6rem 0;
  font-size:.9rem;
}
.bushu-flash-lv7 .bushu-counter{
  padding:.15rem .6rem;
  border-radius:999px;
  border:1px solid var(--border);
}
.bushu-flash-lv7 .bushu-card{
  display:flex;
  gap:1rem;
  padding:.9rem;
  border-radius:16px;
  background:var(--card-bg);
  border:2px solid var(--border);
}
@media(max-width:640px){
  .bushu-flash-lv7 .bushu-card{
    flex-direction:column;
    align-items:center;
    padding:.8rem;
  }
}
.bushu-flash-lv7 .bushu-img-wrap{
  flex:0 0 220px;
  max-width:220px;
  aspect-ratio:1/1;
  border-radius:18px;
  background:#fff;
  border:2px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bushu-flash-lv7 .bushu-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.bushu-flash-lv7 .bushu-text h3{
  margin:.1rem 0 .4rem;
  font-size:1rem;
  font-weight:700;
}
.bushu-flash-lv7 .bushu-quiz{
  margin-top:.1rem;
  border:1px solid #e5dcc8;
  background:#fff;
  border-radius:10px;
  padding:.6rem;
}
.bushu-flash-lv7 .bushu-q{
  font-weight:600;
  margin:0 0 .4rem;
  font-size:.95rem;
}
.bushu-flash-lv7 .bushu-choices{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.bushu-flash-lv7 .bushu-choices button{
  width:100%;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid #ddd;
  background:#fffdf8;
  cursor:pointer;
  font-size:.95rem;
}
.bushu-flash-lv7 .bushu-choices button:hover{
  opacity:.9;
}
.bushu-flash-lv7 .bushu-choices button.bushu-correct{
  background:#ecfdf3 !important;
  border-color:#22c55e !important;
}
.bushu-flash-lv7 .bushu-choices button.bushu-wrong{
  background:#fee2e2 !important;
  border-color:#ef4444 !important;
}
.bushu-flash-lv7 .bushu-feedback{
  margin-top:.4rem;
  font-size:.9rem;
  font-weight:700;
}
.bushu-flash-lv7 .bushu-feedback.ok{color:#15803d;}
.bushu-flash-lv7 .bushu-feedback.ng{color:#b91c1c;}

.bushu-flash-lv7 .bushu-explain,
.bushu-flash-lv7 .bushu-extra{
  font-size:.9rem;
  margin:.4rem 0 0;
  color:var(--text);
}
.bushu-flash-lv7 .bushu-extra{
  color:var(--muted);
}

.bushu-flash-lv7 .bushu-btn-main{
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  padding:.5rem 1.1rem;
  border:2px solid #c53d61;
  cursor:pointer;
}
.bushu-flash-lv7 .bushu-btn-sub{
  border-radius:999px;
  padding:.4rem .9rem;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size:.9rem;
}

.bushu-flash-lv7 .bushu-nav{
  margin-top:.9rem;
  position:relative;
  height:46px;
}
.bushu-flash-lv7 #bushu-lv7-restart{
  position:absolute;
  left:0;
  top:0;
}
.bushu-flash-lv7 #bushu-lv7-next{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
}
@media(max-width:640px){
  .bushu-flash-lv7 .bushu-nav{
    height:auto;
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
  .bushu-flash-lv7 #bushu-lv7-restart,
  .bushu-flash-lv7 #bushu-lv7-next{
    position:static;
    transform:none;
    width:100%;
    text-align:center;
  }
}
.bushu-flash-lv7 .bushu-note{
  font-size:.8rem;
  color:var(--muted);
  margin-top:.5rem;
}
</style>

<script>
(function(){

  // 共通の「もんだい」カード
  const commonProblemImg =
    "https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1b65958cc1425b2a8565a1331eb494c.jpg";

  // ★ LEVEL7 部首カード（ここだけ差し替えればOK）
  const cards = [
    {
      name:"① 鼻（自のもとになった形）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__143212552.webp",
      explain:"「自」という字は、もともと人の“鼻”を横から見た形から生まれたと言われているよ。",
      extra:"今の字では「自分・みずから」という意味で使われることが多いよ。（自・息・臭 など）",
      q:"もともと「自」の字の形になったのは、顔のどの部分？",
      choices:["鼻","目","耳"],
      answer:0
    },
    {
      name:"② 谷（たに）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/a5486bc0333bfce4a60e7cd328dc98db.webp",
      explain:"「谷」は、山と山にはさまれたV字型の“たに”を表した字だよ。",
      extra:"へこんだ場所・間の空間を表すこともあるよ。（谷・欲 など）",
      q:"「谷」はどんな地形？",
      choices:["山と山のあいだのくぼみ","海のまんなか","高い塔のてっぺん"],
      answer:0
    },
    {
      name:"③ 里（さと）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/79ebd76bef2d42b579e418a0a42f6307.webp",
      explain:"「里」は、田んぼ（田）と土（地面）が組み合わさった“村・ふるさと”のイメージだよ。",
      extra:"人が集まってくらす土地を表す漢字でよく使われるよ。（里・野・理 など）",
      q:"「里（さと）」のイメージに一番近いのは？",
      choices:["人が住む村やふるさと","大きな海","高いビルの中"],
      answer:0
    },
    {
      name:"④ 戸（と）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e81f224f387b8b2df7a578640b6479c0.webp",
      explain:"「戸」は、家の入口の片開きの“とびら”を表した字だよ。",
      extra:"出入り口・家の中と外を分けるイメージだね。（戸・扉 など）",
      q:"「戸」は何のこと？",
      choices:["家のとびら","川の流れ","やまの形"],
      answer:0
    },
    {
      name:"⑤ 母（はは）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/23e13a0ac9f3912750cb8fd383216c73.webp",
      explain:"「母」は、ひざをついて座っている女の人の姿からできた字だよ。",
      extra:"おかあさん・そだてる人のイメージを表すね。（母・毎 など）",
      q:"⑤のイラストはどんな人の姿？",
      choices:["ひざをついて座る女の人","走っている男の子","空を飛ぶ鳥"],
      answer:0
    },
    {
      name:"⑥ 歯（は）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6bedba8837e97a20cd99989c38dfb39b.webp",
      explain:"「歯」は、物をかみくだく“は”の形からできた字だよ。",
      extra:"かたいものをかむ・かみ合わせなどの意味につながるよ。（歯・齢 など）",
      q:"「歯」は何をするところ？",
      choices:["物をかみくだく","音を聞く","においをかぐ"],
      answer:0
    },
    {
      name:"⑦ 音（おと）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__143212553.jpg",
      explain:"「音」は、ものをたたいたり鳴らしたときにひびく“おと”のイメージからできた字だよ。",
      extra:"音・音楽・読みかた（音読み）など、“おと”に関係する漢字に使われるよ。（音・音楽 など）",
      q:"「音」の字は、もともとどんなイメージ？",
      choices:["ひびくおと","ながれる水","ゆれる草"],
      answer:0
    },

    {
      name:"⑧ 黒（くろ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__143204355.webp",
      explain:"上の四角は“すすのつまった煙出し”、下は“燃えあがる炎”の形とされているよ。",
      extra:"黒い色・焼けこげた色のイメージを表す字だね。（黒・墨 など）",
      q:"⑧のカードで表している色は？",
      choices:["くろ","あお","きいろ"],
      answer:0
    },
    {
      name:"⑨ 舌（した）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/ba980ccd6bd2f53941cad1f922b498fd.webp",
      explain:"「舌」は、ペロッと出した人の“した”を表した字だよ。",
      extra:"あじを感じる・話すなどの意味につながるよ。（舌・話・甜 など）",
      q:"「舌」は何をするときにつかう？",
      choices:["味わう・話す","見る","聞く"],
      answer:0
    },
    {
      name:"⑩ 瓜（うり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e66282f7d5e78febc7a0cc865d1d542e.webp",
      explain:"「瓜」は、つるからぶら下がる“うりの実”の形からできた字だよ。",
      extra:"メロン・スイカ・かぼちゃのような実のイメージだね。（瓜・孤 など）",
      q:"⑩は何の実？",
      choices:["うりのなかまの実","どんぐり","魚のたまご"],
      answer:0
    },
    {
      name:"⑪ 甘（あまい）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6e6954797f31f750eec29e01be6bc888.webp",
      explain:"「甘」は、“あまい味＝おいしい（うまし）”のイメージからできた字だよ。",
      extra:"甘い味・やさしい感じを表すときに使われるよ。（甘・甘口 など）",
      q:"⑪のカードの男の子は、どんな味だと感じている？",
      choices:["あまくておいしい","からくてつらい","すっぱくてびっくり"],
      answer:0
    },
    {
      name:"⑫ 玄（げん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__143204356.webp",
      explain:"「玄」は、ねじった糸を横棒からつるして“黒く染めた糸”の姿からできたと言われているよ。",
      extra:"くらい色・ふしぎ・奥深いイメージの漢字に使われるよ。（玄・玄関 など）",
      q:"⑫のカードで、黒く染められているのは何？",
      choices:["糸の束","木の枝","石ころ"],
      answer:0
    },
    {
      name:"⑬ 瓦（かわら）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/31f12d1a38478201218d2bfe11a8b25f.webp",
      explain:"「瓦」は、屋根の上にならんだ“かわら”の形からできた字だよ。",
      extra:"やきもの・屋根材のイメージを表すよ。（瓦 など）",
      q:"⑬のカードの『かわら』は、どこにしく？",
      choices:["屋根の上","机の上","川の中"],
      answer:0
    },
    {
      name:"⑭ 用（もちいる）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/189351171e044b1240c1e3d46a45257b.webp",
      explain:"「用」は、取っ手のついた桶（おけ）のような容器を表したとされる字だよ。",
      extra:"道具・用事・使うことなどを表す漢字に使われるよ。（用・利用 など）",
      q:"⑭のカードにえがかれている昔の道具は？",
      choices:["おけ","うちわ","くつ"],
      answer:0
    },
    {
      name:"⑮ 疋（ひき）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/2523854e4b1cc71a66b4a575f29331ab.webp",
      explain:"「疋」は、ひざから下の“足”の形からできたと言われる字だよ。",
      extra:"足のようすや、布を数えるときの単位としても使われるよ。",
      q:"⑮のカードが表している体の部分は？",
      choices:["足","手","耳"],
      answer:0
    },
    {
      name:"⑯ 癶（はつがしら）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__143204357.webp",
      explain:"「癶（はつがしら）」は、出発するときに両足をそろえて立つ人の姿を表した形だよ。",
      extra:"「発」の字の上の部分になっていて、“はじまる・出発”などの意味につながるよ。",
      q:"⑯のカードの男の子は、どんな姿？",
      choices:["まっすぐ直立して出発まえ","寝ころんでいる","イスにすわっている"],
      answer:0
    },
    {
      name:"⑰ 比（くらべる）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/98d8a98b8a0bc9e1e5851254a605906e.webp",
      explain:"「比」は、二人や二つのものをならべて“くらべる”イメージの字だよ。",
      extra:"大きさ・高さ・ちがいをくらべる漢字に使われるよ。（比・皆 など）",
      q:"⑰のカードで二人は何をしている？",
      choices:["せいくらべをしている","おどっている","寝ている"],
      answer:0
    },
    {
      name:"⑱ 臣（しん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/dbaa8a9c0415d00f65da6d09d4b275b9.webp",
      explain:"「臣」は、王さまの前でひざまずき“仕える人（家来）”の姿を表した字だよ。",
      extra:"家来・部下・つかえる人のイメージをもつ漢字で使われるよ。（臣・巨 など）",
      q:"⑱のカードの人は、だれの前でひざまずいている？",
      choices:["王さま","友だち","動物園のライオン"],
      answer:0
    },
    {
      name:"⑲ 艮（こん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/ff1642cb5805ccf6b0fac559b348fdb3.webp",
      explain:"「艮」は、“目＋小刀”から、目のまわりにきざしを残すイメージだと言われているよ。",
      extra:"やめる・とどまる・きざし といった意味につながる字だよ。",
      q:"⑲のカードのキーワードになっている組み合わせは？",
      choices:["目と小刀","口と山","水と火"],
      answer:0
    },
    {
      name:"⑳ 黄（き）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8db436bae22371ed82f91ffafdd590d0.webp",
      explain:"「黄」は、黄色く燃える火のような、明るい色のイメージを表す字だよ。",
      extra:"きいろ・あかるい色の漢字に使われるよ。（黄・黄土 など）",
      q:"⑳のカードの火矢は、どんな色のイメージ？",
      choices:["黄色くてあかるい","まっ黒","まっ青"],
      answer:0
    }
  ];

  // ▼ ここから下は共通の制御処理（さわらなくてOK）

  const elImg     = document.getElementById("bushu-lv7-img");
  const elName    = document.getElementById("bushu-lv7-name");
  const elEx      = document.getElementById("bushu-lv7-explain");
  const elExtra   = document.getElementById("bushu-lv7-extra");
  const elQ       = document.getElementById("bushu-lv7-q");
  const elChoices = document.getElementById("bushu-lv7-choices");
  const elFb      = document.getElementById("bushu-lv7-feedback");
  const elCounter = document.getElementById("bushu-lv7-counter");
  const btnNext   = document.getElementById("bushu-lv7-next");
  const btnShuffle= document.getElementById("bushu-lv7-shuffle");
  const btnRestart= document.getElementById("bushu-lv7-restart");

  let order = cards.map((_,i)=>i);
  let index = 0;
  let locked = false;

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

  function render(){
    const c = cards[order[index]];
    locked = false;

    elCounter.textContent = (index+1)+" / "+cards.length;
    elImg.src = commonProblemImg;

    elName.textContent = c.name;
    elQ.textContent    = "❓ 3択クイズ： " + c.q;

    elEx.textContent    = "🔍 解説： " + c.explain;
    elExtra.textContent = "✨ もうひとこと： " + c.extra;
    elEx.style.display    = "none";
    elExtra.style.display = "none";

    elFb.textContent = "";
    elFb.classList.remove("ok","ng");
    elChoices.innerHTML = "";

    const idxs = [0,1,2];
    shuffle(idxs);
    const colors = ["#fff5f5","#f0f9ff","#fefce8"];
    shuffle(colors);

    idxs.forEach((choiceIndex, i)=>{
      const li  = document.createElement("li");
      const btn = document.createElement("button");

      btn.textContent = (i+1)+". "+c.choices[choiceIndex];
      btn.dataset.correct = (choiceIndex === c.answer) ? "true" : "false";
      btn.style.background = colors[i];
      btn.style.border = "1px solid #ddd";

      btn.addEventListener("click",()=>{
        if(locked) return;
        locked = true;

        const buttons = elChoices.querySelectorAll("button");
        buttons.forEach(b=>b.disabled = true);

        elImg.src = c.answerImg;
        elEx.style.display    = "block";
        elExtra.style.display = "block";

        if(btn.dataset.correct === "true"){
          btn.classList.add("bushu-correct");
          elFb.textContent = "⭕ せいかい！";
          elFb.classList.add("ok");
          elFb.classList.remove("ng");
        }else{
          btn.classList.add("bushu-wrong");
          buttons.forEach(b=>{
            if(b.dataset.correct === "true"){
              b.classList.add("bushu-correct");
            }
          });
          elFb.textContent = "❌ ざんねん… せいかいは「"+c.choices[c.answer]+"」だよ！";
          elFb.classList.add("ng");
          elFb.classList.remove("ok");
        }
      });

      li.appendChild(btn);
      elChoices.appendChild(li);
    });
  }

  btnNext.addEventListener("click",()=>{
    index++;
    if(index >= cards.length){
      index = 0;
      shuffle(order);
    }
    render();
  });

  btnShuffle.addEventListener("click",()=>{
    shuffle(order);
    index = 0;
    render();
  });

  btnRestart.addEventListener("click",()=>{
    order = cards.map((_,i)=>i);
    index = 0;
    render();
  });

  render();

})();
</script>

<!-- ▼ 部首の位置の説明はLEVEL共通で使い回しOK ▼ -->
<div class="bushu-center-wrap">
  <p class="bushu-center-text">
    ▼ 部首の位置（へん・つくり・かんむり など）の見方
  </p>
  <img decoding="async" 
    src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/794D1E6D-74EF-4435-991A-C4C35E4774EF.jpg"
    alt="部首の位置の説明"
    class="bushu-center-img"
  >
</div>

<style>
.bushu-center-wrap{
  text-align:center;
  margin-top:2rem;
}
.bushu-center-text{
  font-size:1rem;
  font-weight:600;
  margin-bottom:1rem;
}
.bushu-center-img{
  max-width:90%;
  height:auto;
  margin:0 auto;
  display:block;
}
</style>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL7</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-07/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL6</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-06/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-06/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sun, 14 Dec 2025 01:07:06 +0000</pubDate>
				<category><![CDATA[🐙タコタの部首レッスン]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃成り立ち]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[＃部首]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=2572</guid>

					<description><![CDATA[<p>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL6 まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！ えをタップすると、正解のイラストと「部首の意味」がわかるよ。 1 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL6</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタとおぼえる部首フラッシュ LEVEL6（読み方・意味） -->
<div class="bushu-flash-lv6" id="bushu-flash-lv6">
  <h2 class="bushu-title">
    タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL6
  </h2>
  <p class="bushu-sub">
    まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！<br>
    えをタップすると、正解のイラストと「部首の意味」がわかるよ。
  </p>

  <div class="bushu-status">
    <span class="bushu-counter" id="bushu-lv6-counter">1 / 20</span>
    <button type="button" class="bushu-btn-sub" id="bushu-lv6-shuffle">
      🔀 シャッフルする
    </button>
  </div>

  <div class="bushu-card">
    <!-- 左：イラスト（共通の「もんだい」→ 正解イラスト） -->
    <div class="bushu-img-wrap">
      <img decoding="async" id="bushu-lv6-img" src="" alt="部首カード" loading="lazy">
    </div>

    <!-- 右：名前・クイズ・正解/解説（スマホでは縦1カラム） -->
    <div class="bushu-text">
      <h3 id="bushu-lv6-name"></h3>

      <!-- クイズ（先に表示） -->
      <div class="bushu-quiz">
        <p id="bushu-lv6-q" class="bushu-q"></p>
        <ul class="bushu-choices" id="bushu-lv6-choices"></ul>
        <p id="bushu-lv6-feedback" class="bushu-feedback"></p>
      </div>

      <!-- 解説（正解を押したあとに下に出てくる） -->
      <p id="bushu-lv6-explain" class="bushu-explain" style="display:none;"></p>
      <p id="bushu-lv6-extra" class="bushu-extra" style="display:none;"></p>
    </div>
  </div>

  <div class="bushu-nav">
    <button type="button" class="bushu-btn-sub" id="bushu-lv6-restart">
      ↩ はじめから
    </button>

    <button type="button" class="bushu-btn-main" id="bushu-lv6-next">
      ▶ つぎのもんだいへ
    </button>
  </div>

  <p class="bushu-note">
    ※「🔀 シャッフルする」をおすと、もんだいの順番が入れかわるよ。
  </p>
</div>

<style>
/* ========== LEVEL6 全体 ========== */
.bushu-flash-lv6{
  --card-bg:#fff9e6;
  --accent:#ff8aa5;
  --border:#222;
  --text:#333;
  --muted:#666;
  max-width:720px;
  margin:2rem auto;
  padding:1.3rem;
  border-radius:18px;
  border:2px solid var(--border);
  background:#fffdf6;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
  font-family:"游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3",system-ui,sans-serif;
}
.bushu-flash-lv6 .bushu-title{
  text-align:center;
  margin:0;
  font-size:1.25rem;
  font-weight:700;
}
.bushu-flash-lv6 .bushu-sub{
  text-align:center;
  font-size:.9rem;
  color:var(--muted);
  margin-top:.3rem;
}
.bushu-flash-lv6 .bushu-status{
  display:flex;
  justify-content:space-between;
  margin:.6rem 0;
  font-size:.9rem;
}
.bushu-flash-lv6 .bushu-counter{
  padding:.15rem .6rem;
  border-radius:999px;
  border:1px solid var(--border);
}
.bushu-flash-lv6 .bushu-card{
  display:flex;
  gap:1rem;
  padding:.9rem;
  border-radius:16px;
  background:var(--card-bg);
  border:2px solid var(--border);
}
@media(max-width:640px){
  .bushu-flash-lv6 .bushu-card{
    flex-direction:column;
    align-items:center;
    padding:.8rem;
  }
}
.bushu-flash-lv6 .bushu-img-wrap{
  flex:0 0 220px;
  max-width:220px;
  aspect-ratio:1/1;
  border-radius:18px;
  background:#fff;
  border:2px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bushu-flash-lv6 .bushu-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.bushu-flash-lv6 .bushu-text h3{
  margin:.1rem 0 .4rem;
  font-size:1rem;
  font-weight:700;
}
.bushu-flash-lv6 .bushu-quiz{
  margin-top:.1rem;
  border:1px solid #e5dcc8;
  background:#fff;
  border-radius:10px;
  padding:.6rem;
}
.bushu-flash-lv6 .bushu-q{
  font-weight:600;
  margin:0 0 .4rem;
  font-size:.95rem;
}
.bushu-flash-lv6 .bushu-choices{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.bushu-flash-lv6 .bushu-choices button{
  width:100%;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid #ddd;
  background:#fffdf8;
  cursor:pointer;
  font-size:.95rem;
}
.bushu-flash-lv6 .bushu-choices button:hover{
  opacity:.9;
}
.bushu-flash-lv6 .bushu-choices button.bushu-correct{
  background:#ecfdf3 !important;
  border-color:#22c55e !important;
}
.bushu-flash-lv6 .bushu-choices button.bushu-wrong{
  background:#fee2e2 !important;
  border-color:#ef4444 !important;
}
.bushu-flash-lv6 .bushu-feedback{
  margin-top:.4rem;
  font-size:.9rem;
  font-weight:700;
}
.bushu-flash-lv6 .bushu-feedback.ok{color:#15803d;}
.bushu-flash-lv6 .bushu-feedback.ng{color:#b91c1c;}

.bushu-flash-lv6 .bushu-explain,
.bushu-flash-lv6 .bushu-extra{
  font-size:.9rem;
  margin:.4rem 0 0;
  color:var(--text);
}
.bushu-flash-lv6 .bushu-extra{
  color:var(--muted);
}

/* ボタンまわり */
.bushu-flash-lv6 .bushu-btn-main{
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  padding:.5rem 1.1rem;
  border:2px solid #c53d61;
  cursor:pointer;
}
.bushu-flash-lv6 .bushu-btn-sub{
  border-radius:999px;
  padding:.4rem .9rem;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size:.9rem;
}

/* ナビゲーション位置：PCは左右・スマホは縦並び */
.bushu-flash-lv6 .bushu-nav{
  margin-top:.9rem;
  position:relative;
  height:46px;
}
.bushu-flash-lv6 #bushu-lv6-restart{
  position:absolute;
  left:0;
  top:0;
}
.bushu-flash-lv6 #bushu-lv6-next{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
}
@media(max-width:640px){
  .bushu-flash-lv6 .bushu-nav{
    height:auto;
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
  .bushu-flash-lv6 #bushu-lv6-restart,
  .bushu-flash-lv6 #bushu-lv6-next{
    position:static;
    transform:none;
    width:100%;
    text-align:center;
  }
}
.bushu-flash-lv6 .bushu-note{
  font-size:.8rem;
  color:var(--muted);
  margin-top:.5rem;
}
</style>

<script>
(function(){

  /* =========================================
     ★ LEVEL6 部首データ（ここだけ差し替えればOK）
     ========================================= */

  // 共通の「もんだい」イラスト（必要なら差し替え）
  const commonProblemImg =
    "https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1b65958cc1425b2a8565a1331eb494c.jpg";

  // LEVEL6：言・足・走・食 … 川 まで 20枚
  const cards = [
    {
      name:"① 言（ごんべん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6ec69fc2abcf4d92a14b6bfedb1030cc.webp",
      explain:"「言（ごんべん）」は、ことば・話すこと・言ったことに関係する部首だよ。",
      extra:"話す・伝える・約束するイメージの漢字でよく見かけるよ。（言・話・語 など）",
      q:"「言（ごんべん）」は、どんなことに関係する部首かな？",
      choices:["ことば・話すこと","山や川","食べ物"],
      answer:0
    },
    {
      name:"② 足（あしへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b62ae2c28967532a33123ab3a738c65f.webp",
      explain:"「足へん」は、足やあしもと、歩いたり動いたりすることに関係する部首だよ。",
      extra:"歩く・走る・道などの漢字によく出てくるよ。（足・路・跳 など）",
      q:"「足へん」は、おもに何を表す部首？",
      choices:["あし・歩くこと","火や熱","植物"],
      answer:0
    },
    {
      name:"③ 走（そうにょう）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__142917670.webp",
      explain:"「そうにょう」は、地面をけって走る人のようすからできた部首だよ。",
      extra:"走る・急ぐ・はやく動くイメージの漢字で見かけるよ。（走・起・超 など）",
      q:"「そうにょう」があらわしている動きはどれかな？",
      choices:["はしる・急ぐ","ねる","すわる"],
      answer:0
    },
    {
      name:"④ 食（しょくへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/fb9b09ff2c3348d70c576b74c06d4645.webp",
      explain:"「食べる・飲む」ことや、食べ物そのものを表す部首だよ。",
      extra:"食事・飲み物・口に入れるものの漢字でよく見かけるよ。（食・飲・飯 など）",
      q:"「食（しょくへん）」は、どんなことに関係する部首？",
      choices:["食べる・飲むこと","空を飛ぶこと","本を読むこと"],
      answer:0
    },
    {
      name:"⑤ 耳（みみへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/ca327237c4a5d4301742762fa15f584f.webp",
      explain:"「耳へん」は、耳や聞くことに関係する部首だよ。",
      extra:"聞く・ききとる・知らせを受ける意味の漢字でよく見かけるよ。（耳・聞・職 など）",
      q:"「耳へん」が一番関係しているのはどれ？",
      choices:["音を聞くこと","火をつけること","物をはこぶこと"],
      answer:0
    },
    {
      name:"⑥ 工（たくみへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/955eb7fe960302a2d8aee68e102860f1.webp",
      explain:"「工」は、差し金などの工具の形からできた字で、工作や工事をイメージする部首だよ。",
      extra:"作る・工夫する・建てることに関係する漢字で見かけるよ。（工・左・差 など）",
      q:"「工」の部首は、どんなことに関係が深いかな？",
      choices:["作業や工作","天気","食事"],
      answer:0
    },
    {
      name:"⑦ 舟（ふねへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/7d1c490fadd67f8956e366925b869e23.webp",
      explain:"「舟へん」は、丸木舟などのふねの形からできた部首だよ。",
      extra:"船・水の上を進むことに関係する漢字で見かけるよ。（舟・船・般 など）",
      q:"「舟へん」は、どんな乗り物のイメージかな？",
      choices:["水にうかぶ船","空を飛ぶひこうき","地面を走る車"],
      answer:0
    },
    {
      name:"⑧ 青（あお）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/250a4c279f14fb9c5cf934b8106fa548.webp",
      explain:"「青」は、草からとった染料でそめた“あおい色”を表す字だよ。",
      extra:"あおい色・さわやかさ・若さのイメージをもつことばに使われるよ。（青・青春 など）",
      q:"「青」の部首があらわすのは、どんな色？",
      choices:["あおい色","くろい色","きいろい色"],
      answer:0
    },
    {
      name:"⑨ 赤（あか）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/34ce8d9e324cdd797e37f19d4c43a022.webp",
      explain:"「赤」は、火と人を組み合わせた形からできた、あつい“赤い色”を表す字だよ。",
      extra:"赤い色や、熱い・あつまる といったイメージのことばで使われるよ。（赤 など）",
      q:"「赤」の部首があらわすのは、どんな色？",
      choices:["赤い色","みどり色","白い色"],
      answer:0
    },
    {
      name:"⑩ 欠（あくび）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8f3abd116e79253a4d7cd3ab9ffaa08b.webp",
      explain:"「欠」は、口を大きくあけてあくびする人の姿からできた字だよ。",
      extra:"あくび・足りない・欠けるイメージの漢字でよく見かけるよ。（欠・次・歌 など）",
      q:"「欠（あくび）」の部首は、もともとどんな様子？",
      choices:["あくびをする人","ジャンプする人","すわって本を読む人"],
      answer:0
    },
    {
      name:"⑪ 止（とめる）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/9077ed41c07e554ae1e0cbf0f9c2d08c.webp",
      explain:"「止」は、足あとがピタッと止まった様子からできた字だよ。",
      extra:"止まる・止める・やめることに関係する漢字で見かけるよ。（止・歩 など）",
      q:"「止」の部首は、どんな動きを表す？",
      choices:["動きを止める","もっと速く走る","空を飛ぶ"],
      answer:0
    },
    {
      name:"⑫ 皮（かわ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/7fbee3cd6b353cbfbc69c236346cf7c4.webp",
      explain:"「皮」は、動物の皮や人の皮ふ・外側の“かわ”を表す部首だよ。",
      extra:"外側のかわ・表面を表すことばで使われるよ。（皮 など）",
      q:"「皮」の部首は、どんな部分を表しているかな？",
      choices:["外側のかわ・ひふ","骨","金属"],
      answer:0
    },
    {
      name:"⑬ 首（くび）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b193f5eabcf2644d17cdf78a45b263bf.jpg",
      explain:"「首」は、人の首から上の部分を表す字だよ。",
      extra:"くび・頭・一番上やリーダーを表すことばで使われるよ。（首 など）",
      q:"「首」の部首がもともと表しているのは？",
      choices:["人の首から上","足の先","手のひら"],
      answer:0
    },
    {
      name:"⑭ 立（たつ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d44e02741bd4124ec8b5efb40f4e6d4f.webp",
      explain:"「立」は、まっすぐ立っている人の姿からできた字だよ。",
      extra:"立つ・立派・たちあがるイメージの漢字で見かけるよ。（立 など）",
      q:"「立」の部首は、どんな姿を表している？",
      choices:["まっすぐ立つ人","イスにすわる人","寝ている人"],
      answer:0
    },
    {
      name:"⑮ 文（ぶん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/0109a3c53fd22c1d5162ef6bcd8b1686.webp",
      explain:"「文」は、体や服につけた文様・もようからできた字だよ。",
      extra:"もよう・文字・文章などに関係することばで使われるよ。（文 など）",
      q:"「文」の部首は、もともと何のイメージからきている？",
      choices:["文様・もよう","山の形","川の流れ"],
      answer:0
    },
    {
      name:"⑯ 魚（うおへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6116df3dd437b0668bece8067b5bbc2f.webp",
      explain:"「魚へん」は、魚の形からできた部首で、水の中の生き物を表すよ。",
      extra:"魚や海の生き物を表す漢字でよく見かけるよ。（魚・鮮・鯨 など）",
      q:"「魚へん」は、どんな生き物に関係する部首？",
      choices:["魚や海の生き物","虫","鳥"],
      answer:0
    },
    {
      name:"⑰ 鳥（とり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/69ac5bf354311ecf3234e5ea0dd9ca60.webp",
      explain:"「鳥」は、くちばし・羽・しっぽのある鳥の姿からできた字だよ。",
      extra:"鳥や空を飛ぶこと・鳴き声に関係する漢字で見かけるよ。（鳥・鳴 など）",
      q:"「鳥」の部首は、どんな生き物を表している？",
      choices:["鳥","魚","犬"],
      answer:0
    },
    {
      name:"⑱ 馬（うまへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/f113952b7ed1f3686898acb346c4012c.webp",
      explain:"「馬へん」は、たてがみとしっぽのある馬の姿からできた部首だよ。",
      extra:"馬・乗り物・力強く走るイメージの漢字で見かけるよ。（馬・駅・騒 など）",
      q:"「馬へん」は、どんな動物の形？",
      choices:["馬","ねこ","うし"],
      answer:0
    },
    {
      name:"⑲ 隹（ふるとり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b003c57717339a6ec477733b0d53cd61.webp",
      explain:"「隹（ふるとり）」は、しっぽの短い小さな鳥の姿からできた部首だよ。",
      extra:"小鳥・集まる・見張るイメージの漢字で見かけるよ。（集・進 など）",
      q:"「隹（ふるとり）」は、どんな鳥のイメージかな？",
      choices:["しっぽの短い小鳥","大きなわし","水の中の魚"],
      answer:0
    },
    {
      name:"⑳ 川（かわ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/1131ecb325aba096619c4c92d6c361e1.webp",
      explain:"「川」は、流れる川の形からできた字で、水の流れを表す部首だよ。",
      extra:"川・流れ・水に関係する漢字でよく見かけるよ。（川・州 など）",
      q:"「川」の部首は、もともと何の形？",
      choices:["流れる川","山のてっぺん","家の屋根"],
      answer:0
    }
  ];

  /* =========================================
     ▼ ここから下は LEVEL 共通の動き（さわらなくてOK）
     ========================================= */

  const elImg     = document.getElementById("bushu-lv6-img");
  const elName    = document.getElementById("bushu-lv6-name");
  const elEx      = document.getElementById("bushu-lv6-explain");
  const elExtra   = document.getElementById("bushu-lv6-extra");
  const elQ       = document.getElementById("bushu-lv6-q");
  const elChoices = document.getElementById("bushu-lv6-choices");
  const elFb      = document.getElementById("bushu-lv6-feedback");
  const elCounter = document.getElementById("bushu-lv6-counter");
  const btnNext   = document.getElementById("bushu-lv6-next");
  const btnShuffle= document.getElementById("bushu-lv6-shuffle");
  const btnRestart= document.getElementById("bushu-lv6-restart");

  let order = cards.map((_,i)=>i);
  let index = 0;
  let locked = false;

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

  function render(){
    const c = cards[order[index]];
    locked = false;

    elCounter.textContent = (index+1)+" / "+cards.length;

    // もんだいイラスト
    elImg.src = commonProblemImg;

    elName.textContent = c.name;
    elQ.textContent    = "❓ 3択クイズ： " + c.q;

    elEx.textContent    = "🔍 解説： " + c.explain;
    elExtra.textContent = "✨ もうひとこと： " + c.extra;
    elEx.style.display    = "none";
    elExtra.style.display = "none";

    elFb.textContent = "";
    elFb.classList.remove("ok","ng");
    elChoices.innerHTML = "";

    const choiceIndex = [0,1,2];
    shuffle(choiceIndex);

    const colors = ["#fff5f5","#f0f9ff","#fefce8"];
    shuffle(colors);

    choiceIndex.forEach((choiceOrder, idx)=>{
      const li  = document.createElement("li");
      const btn = document.createElement("button");

      btn.textContent = (idx+1)+". "+c.choices[choiceOrder];
      btn.dataset.choiceIndex = String(choiceOrder);
      btn.dataset.correct = (choiceOrder === c.answer) ? "true" : "false";

      btn.style.background = colors[idx];
      btn.style.border = "1px solid #ddd";

      btn.addEventListener("click",()=>{
        if(locked) return;
        locked = true;

        const buttons = elChoices.querySelectorAll("button");
        buttons.forEach(b=>b.disabled = true);

        // 正解イラストに切り替え
        elImg.src = c.answerImg;

        // 解説表示
        elEx.style.display    = "block";
        elExtra.style.display = "block";

        if(btn.dataset.correct === "true"){
          btn.classList.add("bushu-correct");
          elFb.textContent = "⭕ せいかい！";
          elFb.classList.add("ok");
          elFb.classList.remove("ng");
        }else{
          btn.classList.add("bushu-wrong");
          buttons.forEach(b=>{
            if(b.dataset.correct === "true"){
              b.classList.add("bushu-correct");
            }
          });
          elFb.textContent = "❌ ざんねん… せいかいは「"+c.choices[c.answer]+"」だよ！";
          elFb.classList.add("ng");
          elFb.classList.remove("ok");
        }
      });

      li.appendChild(btn);
      elChoices.appendChild(li);
    });
  }

  btnNext.addEventListener("click",()=>{
    index++;
    if(index >= cards.length){
      index = 0;
      shuffle(order);
    }
    render();
  });

  btnShuffle.addEventListener("click",()=>{
    shuffle(order);
    index = 0;
    render();
  });

  btnRestart.addEventListener("click",()=>{
    order = cards.map((_,i)=>i);
    index = 0;
    render();
  });

  // 初期表示
  render();

})();
</script>

<!-- ▼ 下の説明ブロックは LEVEL 共通でそのまま使い回しOK ▼ -->
<div class="bushu-center-wrap">
  <p class="bushu-center-text">
    ▼ 部首の位置（へん・つくり・かんむり など）の見方
  </p>

  <img decoding="async" 
    src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/794D1E6D-74EF-4435-991A-C4C35E4774EF.jpg"
    alt="部首の位置の説明"
    class="bushu-center-img"
  >
</div>

<style>
.bushu-center-wrap{
  text-align:center;
  margin-top:2rem;
}
.bushu-center-text{
  font-size:1rem;
  font-weight:600;
  margin-bottom:1rem;
}
.bushu-center-img{
  max-width:90%;
  height:auto;
  margin:0 auto;
  display:block;
}
</style>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL6</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-06/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL5</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-05/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-05/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Thu, 11 Dec 2025 14:26:33 +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=2515</guid>

					<description><![CDATA[<p>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL5 まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！ えをタップすると、正解のイラストと「部首の意味」がわかるよ。 1 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL5</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタとおぼえる部首フラッシュ LEVEL5（読み方・意味） -->
<div class="bushu-flash-lv5" id="bushu-flash-lv5">
  <h2 class="bushu-title">
    タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL5
  </h2>
  <p class="bushu-sub">
    まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！<br>
    えをタップすると、正解のイラストと「部首の意味」がわかるよ。
  </p>

  <div class="bushu-status">
    <span class="bushu-counter" id="bushu-lv5-counter">1 / 20</span>
    <button type="button" class="bushu-btn-sub" id="bushu-lv5-shuffle">
      🔀 シャッフルする
    </button>
  </div>

  <div class="bushu-card">
    <!-- 左：イラスト（共通の「もんだい」→ 正解イラスト） -->
    <div class="bushu-img-wrap">
      <img decoding="async" id="bushu-lv5-img" src="" alt="部首カード" loading="lazy">
    </div>

    <!-- 右：名前・クイズ・正解/解説（スマホでは縦1カラム） -->
    <div class="bushu-text">
      <h3 id="bushu-lv5-name"></h3>

      <!-- クイズ（先に表示） -->
      <div class="bushu-quiz">
        <p id="bushu-lv5-q" class="bushu-q"></p>
        <ul class="bushu-choices" id="bushu-lv5-choices"></ul>
        <p id="bushu-lv5-feedback" class="bushu-feedback"></p>
      </div>

      <!-- 解説（正解を押したあとに下に出てくる） -->
      <p id="bushu-lv5-explain" class="bushu-explain" style="display:none;"></p>
      <p id="bushu-lv5-extra" class="bushu-extra" style="display:none;"></p>
    </div>
  </div>

  <div class="bushu-nav">
    <button type="button" class="bushu-btn-sub" id="bushu-lv5-restart">
      ↩ はじめから
    </button>

    <button type="button" class="bushu-btn-main" id="bushu-lv5-next">
      ▶ つぎのもんだいへ
    </button>
  </div>

  <p class="bushu-note">
    ※「🔀 シャッフルする」をおすと、もんだいの順番が入れかわるよ。
  </p>
</div>

<style>
/* ========== LEVEL5 全体 ========== */
.bushu-flash-lv5{
  --card-bg:#ecfdf3;
  --accent:#22c55e;
  --border:#222;
  --text:#333;
  --muted:#666;
  max-width:720px;
  margin:2rem auto;
  padding:1.3rem;
  border-radius:18px;
  border:2px solid var(--border);
  background:#f6fef9;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
  font-family:"游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3",system-ui,sans-serif;
}
.bushu-flash-lv5 .bushu-title{
  text-align:center;
  margin:0;
  font-size:1.25rem;
  font-weight:700;
}
.bushu-flash-lv5 .bushu-sub{
  text-align:center;
  font-size:.9rem;
  color:var(--muted);
  margin-top:.3rem;
}
.bushu-flash-lv5 .bushu-status{
  display:flex;
  justify-content:space-between;
  margin:.6rem 0;
  font-size:.9rem;
}
.bushu-flash-lv5 .bushu-counter{
  padding:.15rem .6rem;
  border-radius:999px;
  border:1px solid var(--border);
}
.bushu-flash-lv5 .bushu-card{
  display:flex;
  gap:1rem;
  padding:.9rem;
  border-radius:16px;
  background:var(--card-bg);
  border:2px solid var(--border);
}
@media(max-width:640px){
  .bushu-flash-lv5 .bushu-card{
    flex-direction:column;
    align-items:center;
    padding:.8rem;
  }
}
.bushu-flash-lv5 .bushu-img-wrap{
  flex:0 0 220px;
  max-width:220px;
  aspect-ratio:1/1;
  border-radius:18px;
  background:#fff;
  border:2px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bushu-flash-lv5 .bushu-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.bushu-flash-lv5 .bushu-text h3{
  margin:.1rem 0 .4rem;
  font-size:1rem;
  font-weight:700;
}
.bushu-flash-lv5 .bushu-quiz{
  margin-top:.1rem;
  border:1px solid #bbf7d0;
  background:#fff;
  border-radius:10px;
  padding:.6rem;
}
.bushu-flash-lv5 .bushu-q{
  font-weight:600;
  margin:0 0 .4rem;
  font-size:.95rem;
}
.bushu-flash-lv5 .bushu-choices{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.bushu-flash-lv5 .bushu-choices button{
  width:100%;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid #ddd;
  background:#f9fefb;
  cursor:pointer;
  font-size:.95rem;
}
.bushu-flash-lv5 .bushu-choices button:hover{
  opacity:.9;
}
.bushu-flash-lv5 .bushu-choices button.bushu-correct{
  background:#ecfdf3 !important;
  border-color:#22c55e !important;
}
.bushu-flash-lv5 .bushu-choices button.bushu-wrong{
  background:#fee2e2 !important;
  border-color:#ef4444 !important;
}
.bushu-flash-lv5 .bushu-feedback{
  margin-top:.4rem;
  font-size:.9rem;
  font-weight:700;
}
.bushu-flash-lv5 .bushu-feedback.ok{color:#15803d;}
.bushu-flash-lv5 .bushu-feedback.ng{color:#b91c1c;}

.bushu-flash-lv5 .bushu-explain,
.bushu-flash-lv5 .bushu-extra{
  font-size:.9rem;
  margin:.4rem 0 0;
  color:var(--text);
}
.bushu-flash-lv5 .bushu-extra{
  color:var(--muted);
}

/* ボタンまわり */
.bushu-flash-lv5 .bushu-btn-main{
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  padding:.5rem 1.1rem;
  border:2px solid #16a34a;
  cursor:pointer;
}
.bushu-flash-lv5 .bushu-btn-sub{
  border-radius:999px;
  padding:.4rem .9rem;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size:.9rem;
}

/* ナビゲーション位置：PCは左右・スマホは縦並び */
.bushu-flash-lv5 .bushu-nav{
  margin-top:.9rem;
  position:relative;
  height:46px;
}
.bushu-flash-lv5 #bushu-lv5-restart{
  position:absolute;
  left:0;
  top:0;
}
.bushu-flash-lv5 #bushu-lv5-next{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
}
@media(max-width:640px){
  .bushu-flash-lv5 .bushu-nav{
    height:auto;
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
  .bushu-flash-lv5 #bushu-lv5-restart,
  .bushu-flash-lv5 #bushu-lv5-next{
    position:static;
    transform:none;
    width:100%;
    text-align:center;
  }
}
.bushu-flash-lv5 .bushu-note{
  font-size:.8rem;
  color:var(--muted);
  margin-top:.5rem;
}
</style>

<script>
(function(){

  // ★ 共通の「もんだい」イラスト（全レベル共通）
  const commonProblemImg =
    "https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1b65958cc1425b2a8565a1331eb494c.jpg";

  /* -----------------------------------------
     LEVEL5 のカードデータ（①〜⑳）
     ----------------------------------------- */
  const cards = [
    {
      name:"① 土（つち・つちへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/71e0163617318d3cb76897184668c6dc.webp",
      explain:"地面にこんもりもり上がった土の山の形から、「土・土地」をあらわす部首になったよ。",
      extra:"土地・場所・大地に関係する漢字につくことが多いよ。（土・地・坂 など）",
      q:"この部首は、もともと何の形？",
      choices:["もり上がった土の山","高い山のてっぺん","家の屋根"],
      answer:0
    },
    {
      name:"② 禾（のぎへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b9decc910bd785c5715789cb8d312242.webp",
      explain:"よく実った稲の穂の形から、「お米・麦などの作物」をあらわす部首になったよ。",
      extra:"たべもののもとになる作物や収かくに関係する漢字につくことが多いよ。（秋・私 など）",
      q:"この部首は、どんなものの穂の形？",
      choices:["お米や麦の穂","松の木の枝","ぶどうの実"],
      answer:0
    },
    {
      name:"③ 車（くるまへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/cdd17f23e8dbdce1710ec98a431ef92d.webp",
      explain:"車輪のついた車から、「車・のりもの」をあらわす部首になったよ。",
      extra:"車・電車・乗り物や動くことに関係する漢字につくよ。（車・転・連 など）",
      q:"この部首は、どんなものをあらわす？",
      choices:["車やのりもの","家の屋根","食べ物"],
      answer:0
    },
    {
      name:"④ 魚（うおへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d565364655ea3c05ec0000bd6ec50851.webp",
      explain:"水の中を泳ぐ生き物の形から、「魚や海の生き物」をあらわす部首になったよ。",
      extra:"魚・貝・海の生き物に関係する漢字につくことが多いよ。（魚・鮮 など）",
      q:"この部首は、どんな場所にいる生き物のイメージ？",
      choices:["海や川の中","山の上","空の上"],
      answer:0
    },
    {
      name:"⑤ 虫（むしへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e928062326cc0ad4a341a548cd7d05b2.webp",
      explain:"細長い体のヘビや虫の形から、「虫や小さないきもの」をあらわす部首になったよ。",
      extra:"虫・こん虫・小さな生き物に関係する漢字につくよ。（虫・蚊・蛍 など）",
      q:"この部首は、どんな生き物の仲間をあらわしている？",
      choices:["虫や小さないきもの","大きな鳥","山の岩"],
      answer:0
    },
    {
      name:"⑥ 羽（はね）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/0066a7a665a7e975b307e3ba402b2cf0.webp",
      explain:"左右に広がった二つの翼の形から、「羽・つばさ」をあらわす部首になったよ。",
      extra:"鳥・羽・飛ぶことに関係する漢字につくよ。（羽・習・翼 など）",
      q:"この部首は、何を広げた形かな？",
      choices:["羽やつばさ","木の枝","川の流れ"],
      answer:0
    },
    {
      name:"⑦ 宀（うかんむり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/38fd92bb45d9014edac91a86e879889c.webp",
      explain:"家や建物の屋根の形から、「家・建物・部屋」をあらわす部首になったよ。",
      extra:"家・学校・室内などに関係する漢字につくことが多いよ。（家・室・宮 など）",
      q:"この部首は、何の上の部分の形？",
      choices:["屋根","川の上","山のてっぺん"],
      answer:0
    },
    {
      name:"⑧ 尸（しかばね）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/9b7edd206fe68bdcb0e6c8961b45fd06.webp",
      explain:"横になって動かない人の姿から、「よこたわるからだ」をあらわす部首になったよ。",
      extra:"建物のかべ・部屋・死や終わりに関係する漢字につくことがあるよ。（昼・居 など）",
      q:"この部首は、人がどんな姿になっているところをえがいたもの？",
      choices:["横になって動かない姿","元気に走っている姿","イスにすわっている姿"],
      answer:0
    },
    {
      name:"⑨ ⺷（ひつじへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/68026d4ae678be4b971b2b360aa68cb6.webp",
      explain:"角のある動物の顔から、「毛の多い家畜」をあらわす部首になったよ。",
      extra:"羊・やわらかい毛・群れなどに関係する漢字につくよ。（羊・美 など）",
      q:"この部首を見たら、どんな特徴のある動物を思い出すといい？",
      choices:["角があって毛がふさふさの動物","羽の生えた鳥","うろこのある魚"],
      answer:0
    },
    {
      name:"⑩ 羊（ひつじ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/3a9739af3b6710d24ab824470dd0b9eb.webp",
      explain:"正面から見た羊の顔の形から、「羊やその毛」をあらわす部首になったよ。",
      extra:"やわらかい毛・ひつじ・おいしい物をあらわす漢字につくことが多いよ。（羊・善 など）",
      q:"この部首がついていたら、どんな生き物に関係する漢字かな？",
      choices:["羊に関係する漢字","鳥に関係する漢字","虫に関係する漢字"],
      answer:0
    },
    {
      name:"⑪ 皿（さら）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c1d265a56869f3f52386d22119f32559.webp",
      explain:"平たいうつわ・お皿の形から、「皿（さら）」をあらわす部首になったよ。",
      extra:"食べ物をのせるうつわや、こぼれた物をあつめる意味の漢字につくよ。（皿・血 など）",
      q:"この部首は、もともとどんな道具の形？",
      choices:["食べ物をのせるうつわ","地面をほる道具","字を書く道具"],
      answer:0
    },
    {
      name:"⑫ 糸（いと・いとへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/977df8c5d4ac1d2a42729d422f392e5b.webp",
      explain:"くるくる巻かれた糸やひもの形から、「糸・ひも」をあらわす部首になったよ。",
      extra:"布・着物・ひも・つながりなどに関係する漢字につくよ。（糸・細・組 など）",
      q:"この部首は、どんなものを巻いた形かな？",
      choices:["糸やひも","木の根っこ","石ころ"],
      answer:0
    },
    {
      name:"⑬ 寸（すん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8c159749abf11777dfaf782cf0c57774.webp",
      explain:"手首に親指をあてて脈をはかる様子から、「わずかな長さ・少し」をあらわす部首になったよ。",
      extra:"指一本ぶんほどの短い長さ『寸（すん）』から、「少し」「ちょっと」という意味の漢字にも使われるよ。（寸・寺 など）",
      q:"この部首のもとになったのは、どんな動作？",
      choices:["手首の脈を指でたしかめる","手でボールを投げる","紙に字を書く"],
      answer:0
    },
    {
      name:"⑭ 戈（ほこづくり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6034bcaf87b5fa412f4ad448c5a5d4f3.webp",
      explain:"先のとがったほこ（やり）の形から、「武器」をあらわす部首になったよ。",
      extra:"たたかい・ぶき・力を使うことに関係する漢字につくよ。（武・殺 など）",
      q:"この部首は、もともとどんな道具の姿？",
      choices:["先のとがったほこのような武器","畑をたがやすくわ","ごはんを食べるスプーン"],
      answer:0
    },
    {
      name:"⑮ 攵（のぶん／ぼくづくり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c0bf07e0e676bba24202750c78b6efc1.webp",
      explain:"右手で木の板をトンとたたく様子から、「ボクッ」という音や『行動・うごき』をあらわす部首になったよ。",
      extra:"たたく・教える・行動することに関係する漢字につくよ。（収・教・放 など）",
      q:"この部首のイメージになっているのは、どんな手の動き？",
      choices:["板をトンとたたく動き","ボールをける動き","なわとびを回す動き"],
      answer:0
    },
    {
      name:"⑯ 斤（おのづくり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/2EF5F482-1FFE-45ED-B24C-9F58EBCC7826.webp",
      explain:"木を切る『おの』の形から、「切る・分ける」などをあらわす部首になったよ。",
      extra:"力をこめて切る・わる動きに関係する漢字につくよ。（新・所 など）",
      q:"この部首は、もともとどんな道具の形？",
      choices:["木を切るための斧","水をくむバケツ","文字を書くペン"],
      answer:0
    },
    {
      name:"⑰ 豆（まめ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e5e5f3480f1fdace702614fdf4fb788b.webp",
      explain:"足の高いお皿に豆が山もりになっている形から、『豆（まめ）』をあらわす部首になったよ。",
      extra:"豆・小さなたべもの・お供え物などに関係する漢字につくよ。（豆・頭 など）",
      q:"この部首は、どんな食べ物が山もりになっている形？",
      choices:["豆が盛られたお皿","魚がならんだお皿","くだものが山もりのお皿"],
      answer:0
    },
    {
      name:"⑱ 矢（や）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__142655491.webp",
      explain:"的に向かって飛んでいく矢の形から、『矢』をあらわす部首になったよ。",
      extra:"まっすぐ進む・急ぐ・矢に関係する漢字につくよ。（矢・短 など）",
      q:"この部首は、どんな道具の形をえがいたもの？",
      choices:["弓から飛んでいく矢","魚をとるつりざお","庭をはくほうき"],
      answer:0
    },
    {
      name:"⑲ 身（み）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d1fb55aca9e501163e03379aada40be4.webp",
      explain:"おなかの中に赤ちゃんがいる人の姿から、『み（からだ）』をあらわす部首になったよ。",
      extra:"体・みにつける・自分のからだに関係する漢字につくよ。（身・射・躰 など）",
      q:"この部首は、体のどんなようすをえがしている？",
      choices:["おなかに赤ちゃんがいる体","ジャンプしている体","ねころんで休んでいる体"],
      answer:0
    },
    {
      name:"⑳ 身（み・からだ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c2a6b727c6cef6d2adcb9aa3712523f5.webp",
      explain:"人のからだ全体の形から、『身・体』をあらわす部首として使われることがあるよ。",
      extra:"からだ・自分自身・身につくことに関係する漢字につくよ。（体・躾 など）",
      q:"この部首を見たら、何の形を思い出せばいい？",
      choices:["人のからだ全体","山の形","一本の木"],
      answer:0
    }
  ];

  /* -----------------------------------------
     ▼ JS 制御
     ----------------------------------------- */

  const elImg     = document.getElementById("bushu-lv5-img");
  const elName    = document.getElementById("bushu-lv5-name");
  const elEx      = document.getElementById("bushu-lv5-explain");
  const elExtra   = document.getElementById("bushu-lv5-extra");
  const elQ       = document.getElementById("bushu-lv5-q");
  const elChoices = document.getElementById("bushu-lv5-choices");
  const elFb      = document.getElementById("bushu-lv5-feedback");
  const elCounter = document.getElementById("bushu-lv5-counter");
  const btnNext   = document.getElementById("bushu-lv5-next");
  const btnShuffle= document.getElementById("bushu-lv5-shuffle");
  const btnRestart= document.getElementById("bushu-lv5-restart");

  let order = cards.map((_,i)=>i);
  let index = 0;
  let locked = false; // 一度答えたら連打防止

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

  function render(){
    const c = cards[order[index]];
    locked = false;

    elCounter.textContent = (index+1) + " / " + cards.length;

    // 最初は共通の「もんだい」イラストを表示
    elImg.src = commonProblemImg;

    elName.textContent = c.name;
    elQ.textContent    = "❓ 3択クイズ： " + c.q;

    // 解説は一旦かくす
    elEx.textContent    = "🔍 解説： " + c.explain;
    elExtra.textContent = "✨ もうひとこと： " + c.extra;
    elEx.style.display    = "none";
    elExtra.style.display = "none";

    elFb.textContent = "";
    elFb.classList.remove("ok","ng");
    elChoices.innerHTML = "";

    // 3択をランダムに並べ替える
    const choiceIndex = [0,1,2];
    shuffle(choiceIndex);

    // ボタンの淡色パレット
    const colors = ["#f0fdf4","#dcfce7","#e0f2fe"];
    shuffle(colors);

    choiceIndex.forEach((choiceOrder, idx)=>{
      const li  = document.createElement("li");
      const btn = document.createElement("button");

      btn.textContent = (idx+1) + ". " + c.choices[choiceOrder];

      btn.dataset.choiceIndex = String(choiceOrder);
      btn.dataset.correct = (choiceOrder === c.answer) ? "true" : "false";

      btn.style.background = colors[idx];
      btn.style.border = "1px solid #ddd";

      btn.addEventListener("click",()=>{
        if(locked) return;
        locked = true;

        const buttons = elChoices.querySelectorAll("button");
        buttons.forEach(b=>b.disabled = true);

        // 正解イラストに切り替え
        elImg.src = c.answerImg;

        // 解説表示
        elEx.style.display    = "block";
        elExtra.style.display = "block";

        if(btn.dataset.correct === "true"){
          btn.classList.add("bushu-correct");
          elFb.textContent = "⭕ せいかい！";
          elFb.classList.add("ok");
          elFb.classList.remove("ng");
        }else{
          btn.classList.add("bushu-wrong");
          buttons.forEach(b=>{
            if(b.dataset.correct === "true"){
              b.classList.add("bushu-correct");
            }
          });
          elFb.textContent = "❌ ざんねん… せいかいは「" + c.choices[c.answer] + "」だよ！";
          elFb.classList.add("ng");
          elFb.classList.remove("ok");
        }
      });

      li.appendChild(btn);
      elChoices.appendChild(li);
    });
  }

  btnNext.addEventListener("click",()=>{
    index++;
    if(index >= cards.length){
      index = 0;
      shuffle(order);
    }
    render();
  });

  btnShuffle.addEventListener("click",()=>{
    shuffle(order);
    index = 0;
    render();
  });

  btnRestart.addEventListener("click",()=>{
    order = cards.map((_,i)=>i); // もとの順番に戻す
    index = 0;
    render();
  });

  // 初期表示
  render();

})();
</script>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL5</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-05/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL4</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-04/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-04/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Wed, 10 Dec 2025 14:38:26 +0000</pubDate>
				<category><![CDATA[🐙タコタの部首レッスン]]></category>
		<category><![CDATA[＃なりたち]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[＃部首]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=2510</guid>

					<description><![CDATA[<p>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL4 まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！ えをタップすると、正解のイラストと「部首の意味」がわかるよ。 1 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL4</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタとおぼえる部首フラッシュ LEVEL4（読み方・意味） -->
<div class="bushu-flash-lv4" id="bushu-flash-lv4">
  <h2 class="bushu-title">
    タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習 LEVEL4
  </h2>
  <p class="bushu-sub">
    まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！<br>
    えをタップすると、正解のイラストと「部首の意味」がわかるよ。
  </p>

  <div class="bushu-status">
    <span class="bushu-counter" id="bushu-lv4-counter">1 / 15</span>
    <button type="button" class="bushu-btn-sub" id="bushu-lv4-shuffle">
      🔀 シャッフルする
    </button>
  </div>

  <div class="bushu-card">
    <!-- 左：イラスト（共通の「もんだい」→ 正解イラスト） -->
    <div class="bushu-img-wrap">
      <img decoding="async" id="bushu-lv4-img" src="" alt="部首カード" loading="lazy">
    </div>

    <!-- 右：名前・クイズ・正解/解説（スマホでは縦1カラム） -->
    <div class="bushu-text">
      <h3 id="bushu-lv4-name"></h3>

      <!-- クイズ（先に表示） -->
      <div class="bushu-quiz">
        <p id="bushu-lv4-q" class="bushu-q"></p>
        <ul class="bushu-choices" id="bushu-lv4-choices"></ul>
        <p id="bushu-lv4-feedback" class="bushu-feedback"></p>
      </div>

      <!-- 解説（正解を押したあとに下に出てくる） -->
      <p id="bushu-lv4-explain" class="bushu-explain" style="display:none;"></p>
      <p id="bushu-lv4-extra" class="bushu-extra" style="display:none;"></p>
    </div>
  </div>

  <div class="bushu-nav">
    <button type="button" class="bushu-btn-sub" id="bushu-lv4-restart">
      ↩ はじめから
    </button>

    <button type="button" class="bushu-btn-main" id="bushu-lv4-next">
      ▶ つぎのもんだいへ
    </button>
  </div>

  <p class="bushu-note">
    ※「🔀 シャッフルする」をおすと、もんだいの順番が入れかわるよ。
  </p>
</div>

<style>
/* ========== LEVEL4 全体 ========== */
.bushu-flash-lv4{
  --card-bg:#f4f5ff;
  --accent:#8b5cf6;
  --border:#222;
  --text:#333;
  --muted:#666;
  max-width:720px;
  margin:2rem auto;
  padding:1.3rem;
  border-radius:18px;
  border:2px solid var(--border);
  background:#fbfbff;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
  font-family:"游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3",system-ui,sans-serif;
}
.bushu-flash-lv4 .bushu-title{
  text-align:center;
  margin:0;
  font-size:1.25rem;
  font-weight:700;
}
.bushu-flash-lv4 .bushu-sub{
  text-align:center;
  font-size:.9rem;
  color:var(--muted);
  margin-top:.3rem;
}
.bushu-flash-lv4 .bushu-status{
  display:flex;
  justify-content:space-between;
  margin:.6rem 0;
  font-size:.9rem;
}
.bushu-flash-lv4 .bushu-counter{
  padding:.15rem .6rem;
  border-radius:999px;
  border:1px solid var(--border);
}
.bushu-flash-lv4 .bushu-card{
  display:flex;
  gap:1rem;
  padding:.9rem;
  border-radius:16px;
  background:var(--card-bg);
  border:2px solid var(--border);
}
@media(max-width:640px){
  .bushu-flash-lv4 .bushu-card{
    flex-direction:column;
    align-items:center;
    padding:.8rem;
  }
}
.bushu-flash-lv4 .bushu-img-wrap{
  flex:0 0 220px;
  max-width:220px;
  aspect-ratio:1/1;
  border-radius:18px;
  background:#fff;
  border:2px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bushu-flash-lv4 .bushu-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.bushu-flash-lv4 .bushu-text h3{
  margin:.1rem 0 .4rem;
  font-size:1rem;
  font-weight:700;
}
.bushu-flash-lv4 .bushu-quiz{
  margin-top:.1rem;
  border:1px solid #e0e3ff;
  background:#fff;
  border-radius:10px;
  padding:.6rem;
}
.bushu-flash-lv4 .bushu-q{
  font-weight:600;
  margin:0 0 .4rem;
  font-size:.95rem;
}
.bushu-flash-lv4 .bushu-choices{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.bushu-flash-lv4 .bushu-choices button{
  width:100%;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid #ddd;
  background:#fdfdff;
  cursor:pointer;
  font-size:.95rem;
}
.bushu-flash-lv4 .bushu-choices button:hover{
  opacity:.9;
}
.bushu-flash-lv4 .bushu-choices button.bushu-correct{
  background:#ecfdf3 !important;
  border-color:#22c55e !important;
}
.bushu-flash-lv4 .bushu-choices button.bushu-wrong{
  background:#fee2e2 !important;
  border-color:#ef4444 !important;
}
.bushu-flash-lv4 .bushu-feedback{
  margin-top:.4rem;
  font-size:.9rem;
  font-weight:700;
}
.bushu-flash-lv4 .bushu-feedback.ok{color:#15803d;}
.bushu-flash-lv4 .bushu-feedback.ng{color:#b91c1c;}

.bushu-flash-lv4 .bushu-explain,
.bushu-flash-lv4 .bushu-extra{
  font-size:.9rem;
  margin:.4rem 0 0;
  color:var(--text);
}
.bushu-flash-lv4 .bushu-extra{
  color:var(--muted);
}

/* ボタンまわり */
.bushu-flash-lv4 .bushu-btn-main{
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  padding:.5rem 1.1rem;
  border:2px solid #5b21b6;
  cursor:pointer;
}
.bushu-flash-lv4 .bushu-btn-sub{
  border-radius:999px;
  padding:.4rem .9rem;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size:.9rem;
}

/* ナビゲーション位置：PCは左右・スマホは縦並び */
.bushu-flash-lv4 .bushu-nav{
  margin-top:.9rem;
  position:relative;
  height:46px;
}
.bushu-flash-lv4 #bushu-lv4-restart{
  position:absolute;
  left:0;
  top:0;
}
.bushu-flash-lv4 #bushu-lv4-next{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
}
@media(max-width:640px){
  .bushu-flash-lv4 .bushu-nav{
    height:auto;
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
  .bushu-flash-lv4 #bushu-lv4-restart,
  .bushu-flash-lv4 #bushu-lv4-next{
    position:static;
    transform:none;
    width:100%;
    text-align:center;
  }
}
.bushu-flash-lv4 .bushu-note{
  font-size:.8rem;
  color:var(--muted);
  margin-top:.5rem;
}
</style>

<script>
(function(){

  // ★ 共通の「もんだい」イラスト（全レベル共通）
  const commonProblemImg =
    "https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1b65958cc1425b2a8565a1331eb494c.jpg";

  /* -----------------------------------------
     LEVEL4 のカードデータ（①〜⑮）
     ----------------------------------------- */
  const cards = [
    {
      name:"① 衣（ころもへん／衤）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e0a7eb2cef33dd41a05e4793f42926f2.webp",
      explain:"「衣（ころもへん／衤）」は、着物や服を表す「衣」の形からできた部首だよ。",
      extra:"服・着がえ・身につけるものに関係する漢字につくよ。（衣・表 など）",
      q:"「衣（ころもへん）」は、どんなものに関係する部首？",
      choices:["服や着物","川や水","岩や石"],
      answer:0
    },
    {
      name:"② 疒（やまいだれ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8a45dc000dc3c5de60b2ae77fdea888c.webp",
      explain:"「やまいだれ」は、ベッドのような台の上で人が寝ている様子からできた部首だよ。",
      extra:"病気・ねこむ・からだのぐあいに関係する漢字につくよ。（病・痛 など）",
      q:"「やまいだれ」は、どんなときの人の様子を表している？",
      choices:["病気で寝ているとき","走っているとき","ごはんを食べているとき"],
      answer:0
    },
    {
      name:"③ 彳（ぎょうにんべん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/7ae1bfc259403f57713fff79e094547a.webp",
      explain:"「ぎょうにんべん」は、人が道をとことこ歩いて行くようすからできた部首だよ。",
      extra:"行く・進む・通ることに関係する漢字につくよ。（行・後・待 など）",
      q:"「ぎょうにんべん」は、どんな動きを表した部首？",
      choices:["歩いて行く動き","飛び上がる動き","泳ぐ動き"],
      answer:0
    },
    {
      name:"④ 米（こめへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/dcd5a6fc727b87e18159f968673f1033.webp",
      explain:"「こめへん」は、お米のつぶや穀物を表した部首だよ。",
      extra:"米・ごはん・こまかいものに関係する漢字につくよ。（米・粉・料 など）",
      q:"「こめへん」は、どんな食べものに関係が深い？",
      choices:["お米や穀物","魚","フルーツ"],
      answer:0
    },
    {
      name:"⑤ 月（にくづき）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6f2f808766d21a3827a13633a0a05be8.webp",
      explain:"「月（にくづき）」は、もともと肉やからだの部分を表した部首だよ。",
      extra:"体の一部や内ぞうなど、からだに関係する漢字に多く使われるよ。（脳・肺・腕 など）",
      q:"「月（にくづき）」は、もともと何を表していた？",
      choices:["肉や体の一部","山の形","月の光だけ"],
      answer:0
    },
    {
      name:"⑥ 罒（あみがしら）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/bb34b7206c0399e0b7bdb0f92251c1db.webp",
      explain:"「あみがしら」は、四角い網の目がならんだ形からできた部首だよ。",
      extra:"網・こまかい目・おり に関係する漢字につくよ。（罠・罪 など）",
      q:"「あみがしら」は、もともと何の形？",
      choices:["網の目","山道","葉っぱ"],
      answer:0
    },
    {
      name:"⑦ ⺹（おいかんむり／おいがしら）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/804181a61091d962004b2665ca6ad60c.webp",
      explain:"「おいかんむり」は、髪やひげの長い年をとった人の頭の形からできた部首だよ。",
      extra:"年をとること・長い時間・お年寄りに関係する漢字に使われるよ。（老・考 など）",
      q:"「おいかんむり」は、どんな人を表した部首？",
      choices:["年をとった人","子ども","赤ちゃん"],
      answer:0
    },
    {
      name:"⑧ 忄（りっしんべん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d41a47237bd7a52d22161dbfcb438c41.webp",
      explain:"「りっしんべん」は、心臓の形「心」が細くなって立った形からできた部首だよ。",
      extra:"心・気持ち・考えに関係する漢字にたくさん使われるよ。（思・急・悲 など）",
      q:"「りっしんべん」は、体のどの部分をもとにした部首？",
      choices:["心臓（こころ）","足","耳"],
      answer:0
    },
    {
      name:"⑨ 灬（れっか）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/818267e80400d5d00e65bae0ad9a0141.webp",
      explain:"「れっか」は、下のほうでパチパチ燃える火の形からできた部首だよ。",
      extra:"火・熱・焼くことに関係する漢字につくよ。（熱・点・照 など）",
      q:"「れっか」は、どんなものの様子？",
      choices:["下から燃える火","高い山","冷たい氷"],
      answer:0
    },
    {
      name:"⑩ 氵（したみず）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/4eaea16e58b113de1c1efcb3abc7ec45.webp",
      explain:"「したみず」は、流れ落ちる水のしずくを表した部首だよ。",
      extra:"水・液体・流れることに関係する漢字に出てくるよ。（海・酒・池 など）",
      q:"「したみず」は、もともと何のしずく？",
      choices:["水","砂","光"],
      answer:0
    },
    {
      name:"⑪ 方（ほうへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/188c1e296a5bf7e49f1067051b44be2f.webp",
      explain:"「方（ほうへん）」は、四角い形と旗のような形から、「方向」や「かたむき」を表した部首だよ。",
      extra:"方向・方法・かたを決めることに関係する漢字につくよ。（方・旗 など）",
      q:"「方（ほうへん）」は、どんな意味をもつ部首？",
      choices:["方向やかたむき","虫","お金"],
      answer:0
    },
    {
      name:"⑫ 玉（ぎょく）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/7ed39c1caa8d30b18c4095bd1f410178.webp",
      explain:"「玉（ぎょく）」は、まるい宝石やきれいな玉を表した部首だよ。",
      extra:"宝石・きれいな石・大切なものに関係する漢字につくよ。（玉・球 など）",
      q:"「玉（ぎょく）」は、もともとどんなもの？",
      choices:["宝石やたま","山","魚"],
      answer:0
    },
    {
      name:"⑬ 示（しめす）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e3801efaf1cd3560b219e1eca28c089a.webp",
      explain:"「しめす」は、かみさまにお供えをする台（祭壇）を表した部首だよ。",
      extra:"神様・祭り・教え・大事な決まりに関係する漢字につくよ。（示・神・社 など）",
      q:"「しめす」は、もともと何を表していた？",
      choices:["お供えをのせる台","山道","川のはし"],
      answer:0
    },
    {
      name:"⑭ 辶（しんにょう）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/3663fe637471b966c42209d7d8e37fdb.webp",
      explain:"「しんにょう」は、長く曲がった道を歩いて行く様子からできた部首だよ。",
      extra:"進む・歩く・道のりに関係する漢字に使われるよ。（近・遠・送 など）",
      q:"「しんにょう」は、どんなものの形？",
      choices:["まがりくねった道","山のてっぺん","雨のしずく"],
      answer:0
    },
    {
      name:"⑮ 廴（えんにょう）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/72e6b01e7901e221d5f9b0571121637d.webp",
      explain:"「えんにょう」は、長くのびて進んでいく足どりを表した部首だよ。",
      extra:"のばす・ひく・長くのびる動きに関係する漢字に使われるよ。（延・廷 など）",
      q:"「えんにょう」は、どんな動きのイメージ？",
      choices:["長くのびて進む動き","その場でとぶ動き","くるっと回る動き"],
      answer:0
    }
  ];

  /* -----------------------------------------
     ▼ JS 制御
     ----------------------------------------- */

  const elImg     = document.getElementById("bushu-lv4-img");
  const elName    = document.getElementById("bushu-lv4-name");
  const elEx      = document.getElementById("bushu-lv4-explain");
  const elExtra   = document.getElementById("bushu-lv4-extra");
  const elQ       = document.getElementById("bushu-lv4-q");
  const elChoices = document.getElementById("bushu-lv4-choices");
  const elFb      = document.getElementById("bushu-lv4-feedback");
  const elCounter = document.getElementById("bushu-lv4-counter");
  const btnNext   = document.getElementById("bushu-lv4-next");
  const btnShuffle= document.getElementById("bushu-lv4-shuffle");
  const btnRestart= document.getElementById("bushu-lv4-restart");

  let order = cards.map((_,i)=>i);
  let index = 0;
  let locked = false; // 一度答えたら連打防止

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

  function render(){
    const c = cards[order[index]];
    locked = false;

    elCounter.textContent = (index+1)+" / "+cards.length;

    // 最初は共通の「もんだい」イラストを表示
    elImg.src = commonProblemImg;

    elName.textContent = c.name;
    elQ.textContent    = "❓ 3択クイズ： " + c.q;

    // 解説は一旦かくす
    elEx.textContent    = "🔍 解説： " + c.explain;
    elExtra.textContent = "✨ もうひとこと： " + c.extra;
    elEx.style.display    = "none";
    elExtra.style.display = "none";

    elFb.textContent = "";
    elFb.classList.remove("ok","ng");
    elChoices.innerHTML = "";

    // ★ 3択をランダムに並べ替える
    const choiceIndex = [0,1,2];
    shuffle(choiceIndex);

    // ★ ボタンの淡色パレット（3色）
    const colors = ["#fff5f5","#f0f9ff","#fefce8"];
    shuffle(colors);

    choiceIndex.forEach((choiceOrder, idx)=>{
      const li  = document.createElement("li");
      const btn = document.createElement("button");

      // ランダム順で表示
      btn.textContent = (idx+1)+". "+c.choices[choiceOrder];

      // 正解情報を属性に保存
      btn.dataset.choiceIndex = String(choiceOrder);
      btn.dataset.correct = (choiceOrder === c.answer) ? "true" : "false";

      // 色をランダム適用
      btn.style.background = colors[idx];
      btn.style.border = "1px solid #ddd";

      btn.addEventListener("click",()=>{
        if(locked) return;
        locked = true;

        const buttons = elChoices.querySelectorAll("button");
        buttons.forEach(b=>b.disabled = true);

        // 正解イラストに切り替え
        elImg.src = c.answerImg;

        // 解説表示
        elEx.style.display    = "block";
        elExtra.style.display = "block";

        if(btn.dataset.correct === "true"){
          btn.classList.add("bushu-correct");
          elFb.textContent = "⭕ せいかい！";
          elFb.classList.add("ok");
          elFb.classList.remove("ng");
        }else{
          btn.classList.add("bushu-wrong");
          // 正解ボタンを強調
          buttons.forEach(b=>{
            if(b.dataset.correct === "true"){
              b.classList.add("bushu-correct");
            }
          });
          elFb.textContent = "❌ ざんねん… せいかいは「"+c.choices[c.answer]+"」だよ！";
          elFb.classList.add("ng");
          elFb.classList.remove("ok");
        }
      });

      li.appendChild(btn);
      elChoices.appendChild(li);
    });
  }

  btnNext.addEventListener("click",()=>{
    index++;
    if(index >= cards.length){
      index = 0;
      shuffle(order);
    }
    render();
  });

  btnShuffle.addEventListener("click",()=>{
    shuffle(order);
    index = 0;
    render();
  });

  btnRestart.addEventListener("click",()=>{
    order = cards.map((_,i)=>i); // もとの順番に戻す
    index = 0;
    render();
  });

  // 初期表示
  render();

})();
</script>



<div class="bushu-center-wrap">
  <p class="bushu-center-text">
    ▼ 部首の位置（へん・つくり・かんむり など）の見方
  </p>

  <img decoding="async" 
    src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/794D1E6D-74EF-4435-991A-C4C35E4774EF.jpg"
    alt="部首の位置の説明"
    class="bushu-center-img"
  >
</div>

<style>
.bushu-center-wrap{
  text-align:center;
  margin-top:2rem;
}
.bushu-center-text{
  font-size:1rem;
  font-weight:600;
  margin-bottom:1rem;
}
.bushu-center-img{
  max-width:90%;
  height:auto;
  margin:0 auto;
  display:block;
}
</style>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL4</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-04/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL3</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-03/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-03/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Tue, 09 Dec 2025 11:01:01 +0000</pubDate>
				<category><![CDATA[🐙タコタの部首レッスン]]></category>
		<category><![CDATA[＃フラッシュ]]></category>
		<category><![CDATA[＃無料アプリ]]></category>
		<category><![CDATA[＃部首]]></category>
		<guid isPermaLink="false">https://jouniorsankosodate.com/?p=2460</guid>

					<description><![CDATA[<p>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL3 まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！ えをタップすると、正解のイラストと「部首の意味」がわかるよ。 1  [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL3</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- 🐙 タコタとおぼえる部首フラッシュ LEVEL3（読み方・意味） -->
<div class="bushu-flash-lv3" id="bushu-flash-lv3">
  <h2 class="bushu-title">
    タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL3
  </h2>
  <p class="bushu-sub">
    まずはタコタの「もんだい」カードを見て、３択クイズにちょうせんしてみよう！<br>
    えをタップすると、正解のイラストと「部首の意味」がわかるよ。
  </p>

  <div class="bushu-status">
    <span class="bushu-counter" id="bushu-lv3-counter">1 / 15</span>
    <button type="button" class="bushu-btn-sub" id="bushu-lv3-shuffle">
      🔀 シャッフルする
    </button>
  </div>

  <div class="bushu-card">
    <!-- 左：イラスト（共通の「もんだい」→ 正解イラスト） -->
    <div class="bushu-img-wrap">
      <img decoding="async" id="bushu-lv3-img" src="" alt="部首カード" loading="lazy">
    </div>

    <!-- 右：名前・クイズ・正解/解説（スマホでは縦1カラム） -->
    <div class="bushu-text">
      <h3 id="bushu-lv3-name"></h3>

      <!-- クイズ（先に表示） -->
      <div class="bushu-quiz">
        <p id="bushu-lv3-q" class="bushu-q"></p>
        <ul class="bushu-choices" id="bushu-lv3-choices"></ul>
        <p id="bushu-lv3-feedback" class="bushu-feedback"></p>
      </div>

      <!-- 解説（正解を押したあとに下に出てくる） -->
      <p id="bushu-lv3-explain" class="bushu-explain" style="display:none;"></p>
      <p id="bushu-lv3-extra" class="bushu-extra" style="display:none;"></p>
    </div>
  </div>

  <div class="bushu-nav">
    <button type="button" class="bushu-btn-sub" id="bushu-lv3-restart">
      ↩ はじめから
    </button>

    <button type="button" class="bushu-btn-main" id="bushu-lv3-next">
      ▶ つぎのもんだいへ
    </button>
  </div>

  <p class="bushu-note">
    ※「🔀 シャッフルする」をおすと、もんだいの順番が入れかわるよ。
  </p>
</div>

<style>
/* ========== LEVEL3 全体 ========== */
.bushu-flash-lv3{
  --card-bg:#fff9e6;
  --accent:#ff8aa5;
  --border:#222;
  --text:#333;
  --muted:#666;
  max-width:720px;
  margin:2rem auto;
  padding:1.3rem;
  border-radius:18px;
  border:2px solid var(--border);
  background:#fffdf6;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
  font-family:"游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3",system-ui,sans-serif;
}
.bushu-flash-lv3 .bushu-title{
  text-align:center;
  margin:0;
  font-size:1.25rem;
  font-weight:700;
}
.bushu-flash-lv3 .bushu-sub{
  text-align:center;
  font-size:.9rem;
  color:var(--muted);
  margin-top:.3rem;
}
.bushu-flash-lv3 .bushu-status{
  display:flex;
  justify-content:space-between;
  margin:.6rem 0;
  font-size:.9rem;
}
.bushu-flash-lv3 .bushu-counter{
  padding:.15rem .6rem;
  border-radius:999px;
  border:1px solid var(--border);
}
.bushu-flash-lv3 .bushu-card{
  display:flex;
  gap:1rem;
  padding:.9rem;
  border-radius:16px;
  background:var(--card-bg);
  border:2px solid var(--border);
}
@media(max-width:640px){
  .bushu-flash-lv3 .bushu-card{
    flex-direction:column;
    align-items:center;
    padding:.8rem;
  }
}
.bushu-flash-lv3 .bushu-img-wrap{
  flex:0 0 220px;
  max-width:220px;
  aspect-ratio:1/1;
  border-radius:18px;
  background:#fff;
  border:2px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
}
.bushu-flash-lv3 .bushu-img-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.bushu-flash-lv3 .bushu-text h3{
  margin:.1rem 0 .4rem;
  font-size:1rem;
  font-weight:700;
}
.bushu-flash-lv3 .bushu-quiz{
  margin-top:.1rem;
  border:1px solid #e5dcc8;
  background:#fff;
  border-radius:10px;
  padding:.6rem;
}
.bushu-flash-lv3 .bushu-q{
  font-weight:600;
  margin:0 0 .4rem;
  font-size:.95rem;
}
.bushu-flash-lv3 .bushu-choices{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.bushu-flash-lv3 .bushu-choices button{
  width:100%;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid #ddd;
  background:#fffdf8;
  cursor:pointer;
  font-size:.95rem;
}
.bushu-flash-lv3 .bushu-choices button:hover{
  opacity:.9;
}
.bushu-flash-lv3 .bushu-choices button.bushu-correct{
  background:#ecfdf3 !important;
  border-color:#22c55e !important;
}
.bushu-flash-lv3 .bushu-choices button.bushu-wrong{
  background:#fee2e2 !important;
  border-color:#ef4444 !important;
}
.bushu-flash-lv3 .bushu-feedback{
  margin-top:.4rem;
  font-size:.9rem;
  font-weight:700;
}
.bushu-flash-lv3 .bushu-feedback.ok{color:#15803d;}
.bushu-flash-lv3 .bushu-feedback.ng{color:#b91c1c;}

.bushu-flash-lv3 .bushu-explain,
.bushu-flash-lv3 .bushu-extra{
  font-size:.9rem;
  margin:.4rem 0 0;
  color:var(--text);
}
.bushu-flash-lv3 .bushu-extra{
  color:var(--muted);
}

/* ボタンまわり */
.bushu-flash-lv3 .bushu-btn-main{
  background:var(--accent);
  color:#fff;
  border-radius:999px;
  padding:.5rem 1.1rem;
  border:2px solid #c53d61;
  cursor:pointer;
}
.bushu-flash-lv3 .bushu-btn-sub{
  border-radius:999px;
  padding:.4rem .9rem;
  border:1px solid #ccc;
  background:#fff;
  cursor:pointer;
  font-size:.9rem;
}

/* ナビゲーション位置：PCは左右・スマホは縦並び */
.bushu-flash-lv3 .bushu-nav{
  margin-top:.9rem;
  position:relative;
  height:46px;
}
.bushu-flash-lv3 #bushu-lv3-restart{
  position:absolute;
  left:0;
  top:0;
}
.bushu-flash-lv3 #bushu-lv3-next{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
}
@media(max-width:640px){
  .bushu-flash-lv3 .bushu-nav{
    height:auto;
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
  .bushu-flash-lv3 #bushu-lv3-restart,
  .bushu-flash-lv3 #bushu-lv3-next{
    position:static;
    transform:none;
    width:100%;
    text-align:center;
  }
}
.bushu-flash-lv3 .bushu-note{
  font-size:.8rem;
  color:var(--muted);
  margin-top:.5rem;
}
</style>

<script>
(function(){

  // ★ 共通の「もんだい」イラスト
  const commonProblemImg =
    "https://jouniorsankosodate.com/wp-content/uploads/2025/12/f1b65958cc1425b2a8565a1331eb494c.jpg";

  /* -----------------------------------------
     LEVEL3 のカードデータ（①〜⑮）
     ----------------------------------------- */
  const cards = [
    {
      name:"① 貝（貝へん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c3296ebb2d0927c309f48acba23abf31.webp",
      explain:"「貝へん」は、昔 お金として使われていた貝の形をもとにした部首だよ。",
      extra:"お金・財産・買い物に関係する漢字に多くつくよ。（貝・財・買 など）",
      q:"「貝（貝へん）」は、もともと何の形？",
      choices:["昔のお金に使った貝","山の岩","家の屋根"],
      answer:0
    },
    {
      name:"② 石（石へん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/1a86a95e170d2bedc9ecc7194fdfaf2e.webp",
      explain:"「石へん」は、ころがっている石や岩の形からできた部首だよ。",
      extra:"石・鉱物・固いものに関係する漢字につくよ。（石・砂・研 など）",
      q:"「石へん」はどんなものを表した？",
      choices:["石や岩","魚","雨"],
      answer:0
    },
    {
      name:"③ 牛（牛へん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/a9d8fb183ee441c38dd7befb857e8ad7.webp",
      explain:"「牛へん」は、角のある牛の頭と体を横から見た形をもとにした部首だよ。",
      extra:"家畜・力仕事・のんびりした様子に関係する漢字に使われるよ。（牛・物 など）",
      q:"「牛へん」はどんな動物の形？",
      choices:["牛","馬","犬"],
      answer:0
    },
    {
      name:"④ こざと（こざとへん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6f3c2eb106fb45a7355f657256da66d5.webp",
      explain:"「こざとへん」は、小さな土の丘や、崖のような高い場所を横から見た形だよ。",
      extra:"坂・防ぎ・場所に関係する漢字に多いよ。（阪・防 など）",
      q:"「こざとへん」は、どんな場所の様子？",
      choices:["丘や土の高いところ","雨がふるようす","木の枝"],
      answer:0
    },
    {
      name:"⑤ 穴（穴かんむり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/3409b9604003fd5b4a83e81db6ebd38f.webp",
      explain:"「穴かんむり」は、地面にあいた穴の入口を上から見た形をもとにした部首だよ。",
      extra:"穴・家の中・かくれた場所に関係する漢字につくよ。（空・突 など）",
      q:"「穴かんむり」は何の形？",
      choices:["あな","山","川"],
      answer:0
    },
    {
      name:"⑥ 大（大かんむり）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/33850f6331174c59737b3bec7509bd6b.webp",
      explain:"「大」は、両手両足を大きく広げて立っている人の姿を表した字だよ。",
      extra:"大きい・広い・立派などの意味をもつ漢字に使われるよ。",
      q:"「大」は、もともとどんなポーズをした人？",
      choices:["両手足を広げて立つ人","イスにすわる人","寝ている人"],
      answer:0
    },
    {
      name:"⑦ 心（心あし）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c51497adc15f6034a1bd9fedb32143b7.webp",
      explain:"「心あし」は、体の中の心臓の形からできた部首だよ。",
      extra:"気持ち・考え・心の動きに関係する漢字につくよ。（思・急 など）",
      q:"「心あし」は、体のどこを表した？",
      choices:["心臓","頭","足"],
      answer:0
    },
    {
      name:"⑧ 刀（刀へん）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/75095b00bbc87f65f9f8f6705a5b16e2.webp",
      explain:"「刀へん」は、片刃の刀を横から見た形をかたどった部首だよ。",
      extra:"切る道具や、切る・分ける意味の漢字に多いよ。（刀・別 など）",
      q:"「刀へん」は、どんな道具の形？",
      choices:["刃物","えんぴつ","かさ"],
      answer:0
    },
    {
      name:"⑨ 阝（おおざと）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e876afae55918623194c6d6330c8d75a.webp",
      explain:"「おおざと」は、「邑（むら・くに）」という字が変形したもので、囲いの中に人が集まった大きな村や国を表したよ。",
      extra:"都・部 など、町や国・行政に関係する漢字に使われるよ。",
      q:"「おおざと」は、どんな場所を表した？",
      choices:["大きな村や国","1本の木","一人の人"],
      answer:0
    },
    {
      name:"⑩ 気（きがまえ）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/189348fac0d1e1a0665af948a3d726f1.webp",
      explain:"「きがまえ」は、空にただよう蒸気や雲のような“き（気）”の広がる様子からできた部首だよ。",
      extra:"空気・気持ち・におい・むす などに関係する漢字につくよ。（気・汽 など）",
      q:"「きがまえ」は、もともとどんなものの様子？",
      choices:["気体や蒸気・雲","岩","草"],
      answer:0
    },
    {
      name:"⑪ 白（単体）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/090b895903584f8c24e891601596ace5.webp",
      explain:"「白」という字は、風雨にさらされて白くなった頭がい骨の形からできたと言われているよ。",
      extra:"白い・明らか・はっきりしていることに関係する漢字に使われるよ。（白・百 など）",
      q:"「白」は、もともとどんなものが白くなった形？",
      choices:["白くなったがいこつ","雪の山","月"],
      answer:0
    },
    {
      name:"⑫ 田（単体）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/94a3d25a25e0070d866b516dc9623f9f.webp",
      explain:"「田」は、区画された田んぼを上から見た形をそのまま表しているよ。",
      extra:"土地・畑・囲まれた場所に関係する漢字に使われるよ。（田・男・町 など）",
      q:"「田」は何の形？",
      choices:["田んぼ","魚のうろこ","家の屋根"],
      answer:0
    },
    {
      name:"⑬ 火（単体）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6a3cab867d6c56cb7225d2966e98196f.webp",
      explain:"「火」は、ゆらゆら燃えあがる炎の形を描いた字だよ。",
      extra:"火や熱、光、燃える性質に関係する漢字に多いよ。（火・炎・焼 など）",
      q:"「火」は何の様子？",
      choices:["炎が燃える様子","木が育つ様子","川が流れる様子"],
      answer:0
    },
    {
      name:"⑭ 水（単体）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8b8fb7157c0352e6370de12f5d8cd3b0.webp",
      explain:"「水」は、したたり落ちる水や、流れる川の形からできた字だよ。",
      extra:"水・液体・流れに関係する漢字に使われるよ。（水・氷 など）",
      q:"「水」は何のこと？",
      choices:["水や流れるもの","山","雲"],
      answer:0
    },
    {
      name:"⑮ 手（単体）",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/12e7e6d2af1e7f7e3e42411ac5ebba5d.webp",
      explain:"「手」は、手のひらと5本の指を表した、手の形そのものだよ。",
      extra:"手で何かをする動き・作業・技に関係する漢字につくよ。（手・打・持 など）",
      q:"「手」は何を表した字？",
      choices:["手のひら","足","顔"],
      answer:0
    }
  ];

  /* -----------------------------------------
     ▼ JS 制御
     ----------------------------------------- */

  const elImg     = document.getElementById("bushu-lv3-img");
  const elName    = document.getElementById("bushu-lv3-name");
  const elEx      = document.getElementById("bushu-lv3-explain");
  const elExtra   = document.getElementById("bushu-lv3-extra");
  const elQ       = document.getElementById("bushu-lv3-q");
  const elChoices = document.getElementById("bushu-lv3-choices");
  const elFb      = document.getElementById("bushu-lv3-feedback");
  const elCounter = document.getElementById("bushu-lv3-counter");
  const btnNext   = document.getElementById("bushu-lv3-next");
  const btnShuffle= document.getElementById("bushu-lv3-shuffle");
  const btnRestart= document.getElementById("bushu-lv3-restart");

  let order = cards.map((_,i)=>i);
  let index = 0;
  let locked = false; // 一度答えたら連打防止

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

  function render(){
    const c = cards[order[index]];
    locked = false;

    elCounter.textContent = (index+1)+" / "+cards.length;

    // 最初は共通の「もんだい」イラストを表示
    elImg.src = commonProblemImg;

    elName.textContent = c.name;
    elQ.textContent    = "❓ 3択クイズ： " + c.q;

    // 解説は一旦かくす
    elEx.textContent    = "🔍 解説： " + c.explain;
    elExtra.textContent = "✨ もうひとこと： " + c.extra;
    elEx.style.display    = "none";
    elExtra.style.display = "none";

    elFb.textContent = "";
    elFb.classList.remove("ok","ng");
    elChoices.innerHTML = "";

    // ★★ 3択をランダムに並べ替える ★★
    const choiceIndex = [0,1,2];
    shuffle(choiceIndex);

    // ★★ ボタンの淡色パレット（おしゃれ3色） ★★
    const colors = ["#fff5f5","#f0f9ff","#fefce8"];
    shuffle(colors);

    choiceIndex.forEach((choiceOrder, idx)=>{
      const li  = document.createElement("li");
      const btn = document.createElement("button");

      // ランダム順で表示
      btn.textContent = (idx+1)+". "+c.choices[choiceOrder];

      // 正解情報を属性に保存
      btn.dataset.choiceIndex = String(choiceOrder);
      btn.dataset.correct = (choiceOrder === c.answer) ? "true" : "false";

      // 色をランダム適用
      btn.style.background = colors[idx];
      btn.style.border = "1px solid #ddd";

      btn.addEventListener("click",()=>{
        if(locked) return;
        locked = true;

        const buttons = elChoices.querySelectorAll("button");
        buttons.forEach(b=>b.disabled = true);

        // 正解イラストに切り替え
        elImg.src = c.answerImg;

        // 解説表示
        elEx.style.display    = "block";
        elExtra.style.display = "block";

        if(btn.dataset.correct === "true"){
          btn.classList.add("bushu-correct");
          elFb.textContent = "⭕ せいかい！";
          elFb.classList.add("ok");
          elFb.classList.remove("ng");
        }else{
          btn.classList.add("bushu-wrong");
          // 正解ボタンを強調
          buttons.forEach(b=>{
            if(b.dataset.correct === "true"){
              b.classList.add("bushu-correct");
            }
          });
          elFb.textContent = "❌ ざんねん… せいかいは「"+c.choices[c.answer]+"」だよ！";
          elFb.classList.add("ng");
          elFb.classList.remove("ok");
        }
      });

      li.appendChild(btn);
      elChoices.appendChild(li);
    });
  }

  btnNext.addEventListener("click",()=>{
    index++;
    if(index >= cards.length){
      index = 0;
      shuffle(order);
    }
    render();
  });

  btnShuffle.addEventListener("click",()=>{
    shuffle(order);
    index = 0;
    render();
  });

  btnRestart.addEventListener("click",()=>{
    order = cards.map((_,i)=>i); // もとの順番に戻す
    index = 0;
    render();
  });

  // 初期表示
  render();

})();
</script>



<div class="bushu-center-wrap">
  <p class="bushu-center-text">
    ▼ 部首の位置（へん・つくり・かんむり など）の見方
  </p>

  <img decoding="async" 
    src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/794D1E6D-74EF-4435-991A-C4C35E4774EF.jpg"
    alt="部首の位置の説明"
    class="bushu-center-img"
  >
</div>

<style>
.bushu-center-wrap{
  text-align:center;
  margin-top:2rem;
}
.bushu-center-text{
  font-size:1rem;
  font-weight:600;
  margin-bottom:1rem;
}
.bushu-center-img{
  max-width:90%;
  height:auto;
  margin:0 auto;
  display:block;
}
</style>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL3</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-03/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タコタとおぼえる部首フラッシュ｜LEVEL2</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-02/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-02/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Mon, 08 Dec 2025 12:51:22 +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=2423</guid>

					<description><![CDATA[<p>タコタとおぼえる部首フラッシュ｜LEVEL2 えを見て部首の「なりたち」を知ってから、３択クイズにちょうせんしてみよう！ 1 / 14 🔀 シャッフルする ↩ はじめから ▶ つぎのもんだいへ ※「🔀 シャッフルする」を [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">タコタとおぼえる部首フラッシュ｜LEVEL2</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"></p>



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



<!-- 🐙 タコタとおぼえる部首フラッシュ LEVEL2（部首16〜30） -->
<div class="bushu-flash-lv2" id="bushu-flash-lv2">
  <h2 class="bushu-title">タコタとおぼえる部首フラッシュ｜LEVEL2</h2>
  <p class="bushu-sub">
    えを見て部首の「なりたち」を知ってから、３択クイズにちょうせんしてみよう！
  </p>

  <div class="bushu-status">
    <span class="bushu-counter" id="bushu-lv2-counter">1 / 14</span>
    <button type="button" class="bushu-btn-sub" id="bushu-lv2-shuffle">
      🔀 シャッフルする
    </button>
  </div>

  <div class="bushu-card">
    <!-- 左：イラスト（問題→正解に切り替わる） -->
    <div class="bushu-img-wrap">
      <img decoding="async" id="bushu-lv2-img" src="" alt="部首カード" loading="lazy">
    </div>

    <!-- 右：名前・解説・クイズ -->
    <div class="bushu-text">
      <h3 id="bushu-lv2-name"></h3>

      <!-- 正解後に表示（初期は非表示） -->
      <p id="bushu-lv2-explain" class="bushu-explain" style="visibility:hidden;"></p>
      <p id="bushu-lv2-extra" class="bushu-extra" style="visibility:hidden;"></p>

      <div class="bushu-quiz">
        <p id="bushu-lv2-q" class="bushu-q"></p>
        <ul class="bushu-choices" id="bushu-lv2-choices"></ul>
        <p id="bushu-lv2-feedback" class="bushu-feedback"></p>
      </div>
    </div>
  </div>

<div class="bushu-nav">
  <button type="button" class="bushu-btn-sub" id="bushu-lv2-restart">
    ↩ はじめから
  </button>

  <button type="button" class="bushu-btn-main" id="bushu-lv2-next">
    ▶ つぎのもんだいへ
  </button>
</div>


  <p class="bushu-note">
    ※「🔀 シャッフルする」をおすと、もんだいの順番が入れかわるよ。
  </p>
</div>

<style>
  /* === デザイン（そのまま使える） === */
  .bushu-flash-lv2{
    --card-bg:#fff9e6;
    --accent:#ff8aa5;
    --border:#222;
    --text:#333;
    --muted:#666;
    max-width:720px;
    margin:2rem auto;
    padding:1.5rem;
    border-radius:18px;
    border:2px solid var(--border);
    background:#fffdf6;
    box-shadow:0 4px 10px rgba(0,0,0,0.05);
    font-family:"游ゴシック体","YuGothic","ヒラギノ角ゴ ProN W3",system-ui,sans-serif;
  }
  .bushu-title{text-align:center;margin:0;font-size:1.3rem;font-weight:700;}
  .bushu-sub{text-align:center;font-size:.9rem;color:var(--muted);}
  .bushu-status{display:flex;justify-content:space-between;margin:.7rem 0;}
  .bushu-counter{padding:.15rem .6rem;border-radius:999px;border:1px solid var(--border);}
  .bushu-card{display:flex;gap:1rem;padding:1rem;border-radius:16px;background:var(--card-bg);border:2px solid var(--border);}
  @media(max-width:640px){.bushu-card{flex-direction:column;align-items:center;}}
  .bushu-img-wrap{flex:0 0 230px;max-width:230px;aspect-ratio:1/1;border-radius:18px;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;}
  .bushu-img-wrap img{width:100%;height:100%;object-fit:contain;}
  .bushu-text h3{margin:.2rem 0;font-size:1rem;font-weight:700;}
  .bushu-quiz{margin-top:.4rem;border:1px solid #e5dcc8;background:#fff;border-radius:10px;padding:.7rem;}
  .bushu-q{font-weight:600;margin:0 0 .4rem;}
  .bushu-choices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;}
  .bushu-choices button{width:100%;padding:.5rem;border-radius:999px;border:1px solid #ddd;background:#fffdf8;cursor:pointer;}
  .bushu-choices button:hover{background:#fff7e3;}
  .bushu-choices button.bushu-correct{background:#ecfdf3;border-color:#22c55e;}
  .bushu-choices button.bushu-wrong{background:#fee2e2;border-color:#ef4444;}
  .bushu-feedback{margin-top:.5rem;font-size:.9rem;font-weight:700;}
  .bushu-feedback.ok{color:#15803d;}
  .bushu-feedback.ng{color:#b91c1c;}
  .bushu-btn-main{background:var(--accent);color:#fff;border-radius:999px;padding:.5rem 1rem;border:2px solid #c53d61;}
  .bushu-btn-sub{border-radius:999px;padding:.4rem .9rem;}

.bushu-nav{
  margin-top:1rem;
  position:relative;
  height:48px; /* ボタン高さぶん確保 */
}

/* はじめからボタン（左固定） */
#bushu-lv2-restart{
  position:absolute;
  left:0;
  top:0;
}

/* つぎのもんだいへ（中央） */
#bushu-lv2-next{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
}

#bushu-lv2-next{
  text-align:center;
  display:inline-block;
}
.bushu-center-wrap{
  text-align:center;
  margin-top:2rem;
}

.bushu-center-text{
  font-size:1rem;
  font-weight:600;
  margin-bottom:1rem;
}

.bushu-center-img{
  max-width:90%;
  height:auto;
  margin:0 auto;
  display:block;
}

</style>


<script>
(function(){

  /* -----------------------------------------
     ★ 問題カード（左の画像）と正解カード（切り替え後の画像）
     ----------------------------------------- */

  const cards = [
    {
      name:"① 宀（うかんむり）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/afba81e1b6cd132bdb3cfc49737ee5df.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/eab405c0df90b56b617378467b3b2417.webp",
      explain:"「宀」は、屋根のついた建物を横から見た形をもとに作られた部首だよ。",
      extra:"家・部屋・安心する場所に関係する漢字に多いよ。",
      q:"「宀（うかんむり）」は何の形？",
      choices:["草が2本","家の屋根","火がゆらめく形"],
      answer:1
    },
    {
      name:"② 艹（くさかんむり）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/2a60883f114ba87b059188ba1c6402b0.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/239c5cdea0b60e1254f371e484dd96a3.webp",
      explain:"「艹」は草が2株ならんで生えている形だよ。",
      extra:"自然・植物の漢字につくよ。",
      q:"「艹（くさかんむり）」は何の形？",
      choices:["草が2つ","山の形","家の屋根"],
      answer:0
    },

    /* ③〜⑭ ここから下はじゅにさんの14個を全部入れるだけ！ */
    {
      name:"③ 竹（たけかんむり）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/7ed785ae653538312067e4cf74c23a1b.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/668baa01c9e562c680c857dcdfc6f09c.webp",
      explain:"竹の茎が2本ならんだ形だよ。",
      extra:"竹の道具や細長いものの漢字につくよ。",
      q:"「竹かんむり」は何の形？",
      choices:["竹が2本","火","大きな山"],
      answer:0
    },

    /* 以下、④〜⑭も同じ形式で全部入ってます！ */

    {
      name:"④ 雨（あめかんむり）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/f8cf9c1f0decee1b4ac1c064089f1113.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/0f9666b8dc36380d163ca70aafb7b4e6.webp",
      explain:"雲の下に雨がふっている形だよ。",
      extra:"天気の漢字に多いよ。",
      q:"「雨」は何の様子？",
      choices:["雨がふる形","木の葉","星の光"],
      answer:0
    },

    {
      name:"⑤ 刀（りっとう・かたなづくり）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/92cc555df7d60e2702fbcee5fa99f4c2.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/934231ea5ce13b689aaecf1096b11160.webp",
      explain:"片刃の刃物の形を描いたものだよ。",
      extra:"切る道具の漢字につくよ。",
      q:"「りっとう」は何の形？",
      choices:["鳥","刃物","火"],
      answer:1
    },

    {
      name:"⑥ 子（こづくり）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/59949fc3ee9f456a7d3f961ac6a38739.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d45972ed2ada8707390b773d77565e78.webp",
      explain:"赤ちゃんが手を広げている姿だよ。",
      extra:"小さいものに関する漢字に多いよ。",
      q:"「子づくり」は何の形？",
      choices:["大人","星","赤ちゃん"],
      answer:2
    },

    {
      name:"⑦ 力（りっとう・かたなづくり）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/4512fd502f2f6fca2a67aff71273ec31.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/294f48456872f4aa64f446df6e161fef.webp",
      explain:"力こぶのある腕の形だよ。",
      extra:"パワーに関係する漢字に多いよ。",
      q:"「りっとう」は何の形？",
      choices:["腕","山","雨"],
      answer:0
    },

    {
      name:"⑧ 心（こころ）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e4902b26587acf8653445c88451e2ebe.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/367b78d4efca6b97818c17f4efdc7112.webp",
      explain:"心臓の形をかたどったものだよ。",
      extra:"気持ちの漢字につくよ。",
      q:"「心」は何の形？",
      choices:["心臓","花","月"],
      answer:0
    },

    {
      name:"⑨ 儿（にんにょう）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/340542464f977611b34263e7cae4766f.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e65d0678d07dc0155544097fecd03767.webp",
      explain:"人が歩く足の形だよ。",
      extra:"動きを表す漢字で使うよ。",
      q:"「儿」は何の形？",
      choices:["足","魚の尾","山"],
      answer:0
    },

    {
      name:"⑩ 門（もんがまえ）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/4df61da85b5904720b8749dd3897e987.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/691aa8f2aab882ba7c1260e3d54fbe06.webp",
      explain:"大きな門が左右に開く形だよ。",
      extra:"建物の入口などに関係するよ。",
      q:"「門」は何の形？",
      choices:["木の根","門","山の入口"],
      answer:1
    },

    {
      name:"⑪ 囗（くにがまえ）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/bc42bdb3fc14fe4c613303261334c681.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/29808a0aadd2cae1dd01faee4d206e5b.webp",
      explain:"区域を囲った形だよ。",
      extra:"国の漢字にも使われるよ。",
      q:"「囗（くにがまえ）」は何を表した？",
      choices:["囲い","雲","草"],
      answer:0
    },

    {
      name:"⑫ 月（つき）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b384ae58e4aa2440e0bb412da349342f.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/59dc9c260214a440e5ffd4d9d0d3a169.webp",
      explain:"三日月の形だよ。",
      extra:"夜・時間に関係する漢字につくよ。",
      q:"「月」は何の形？",
      choices:["傘","三日月","山"],
      answer:1
    },

    {
      name:"⑬ 日（ひ）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c89b06a70bca6265ce06e1183606227d.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e30e05d47a15c5332e0c2ba032f6b97f.webp",
      explain:"太陽の丸い形だよ。",
      extra:"光や時間に関係するよ。",
      q:"「日」は何を描いた？",
      choices:["山","木の実","太陽"],
      answer:2
    },

    {
      name:"⑭ 山（やま）",
      problem:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/50f1003ef7b7c8e7d5fa3e75de43072f.webp",
      answerImg:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/20713d2ade92afc44df49da4281eed92.webp",
      explain:"三つの峰がならんだ山の形だよ。",
      extra:"自然の漢字につくよ。",
      q:"「山」はどんな形？",
      choices:["火","3つの峰","雲"],
      answer:1
    }
  ];

  /* -----------------------------------------
     ▼ JS 制御（ここは触らなくてOK！）
     ----------------------------------------- */

  const elImg = document.getElementById("bushu-lv2-img");
  const elName = document.getElementById("bushu-lv2-name");
  const elEx = document.getElementById("bushu-lv2-explain");
  const elExtra = document.getElementById("bushu-lv2-extra");
  const elQ = document.getElementById("bushu-lv2-q");
  const elChoices = document.getElementById("bushu-lv2-choices");
  const elFb = document.getElementById("bushu-lv2-feedback");
  const elCounter = document.getElementById("bushu-lv2-counter");
  const btnNext = document.getElementById("bushu-lv2-next");
  const btnShuffle = document.getElementById("bushu-lv2-shuffle");

  let order = cards.map((_,i)=>i);
  let index = 0;
  let locked = false;

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

  function render(){
    const c = cards[order[index]];
    locked = false;

    elCounter.textContent = (index+1)+" / "+cards.length;

    // 初期状態：問題カード
    elImg.src = c.problem;

    elName.textContent = c.name;
    elQ.textContent = "❓ 3択クイズ： " + c.q;

    // 解説は最初非表示
    elEx.textContent = "🔍 解説： " + c.explain;
    elExtra.textContent = "✨ もうひとこと： " + c.extra;
    elEx.style.visibility = "hidden";
    elExtra.style.visibility = "hidden";

    elFb.textContent = "";
    elChoices.innerHTML = "";

    c.choices.forEach((t,idx)=>{
      const li = document.createElement("li");
      const btn = document.createElement("button");
      btn.textContent = (idx+1)+". "+t;

      btn.addEventListener("click",()=>{
        if(locked) return;
        locked = true;

        const buttons = elChoices.querySelectorAll("button");
        buttons.forEach(b=>b.disabled=true);

        // ★ 正解画像に切り替え！
        elImg.src = c.answerImg;

        // ★ 解説を表示
        elEx.style.visibility = "visible";
        elExtra.style.visibility = "visible";

        if(idx===c.answer){
          btn.classList.add("bushu-correct");
          elFb.textContent="⭕ せいかい！";
          elFb.classList.add("ok");
        }else{
          btn.classList.add("bushu-wrong");
          buttons[c.answer].classList.add("bushu-correct");
          elFb.textContent="❌ ざんねん… せいかいは「"+c.choices[c.answer]+"」だよ！";
          elFb.classList.add("ng");
        }
      });

      li.appendChild(btn);
      elChoices.appendChild(li);
    });
  }

  btnNext.addEventListener("click",()=>{
    index++;
    if(index>=cards.length){
      index=0;
      shuffle(order);
    }
    render();
  });

  btnShuffle.addEventListener("click",()=>{
    shuffle(order);
    index=0;
    render();
  });

  render();

})();
</script>



<div class="bushu-center-wrap">
  <p class="bushu-center-text">
    ▼ 部首の位置（へん・つくり・かんむり など）の見方
  </p>

  <img decoding="async" 
    src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/794D1E6D-74EF-4435-991A-C4C35E4774EF.jpg" 
    alt="部首の位置の説明" 
    class="bushu-center-img"
  >
</div>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</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>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">タコタとおぼえる部首フラッシュ｜LEVEL2</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-02/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL1</title>
		<link>https://jouniorsankosodate.com/tacota-bushu-flash-01/</link>
					<comments>https://jouniorsankosodate.com/tacota-bushu-flash-01/#respond</comments>
		
		<dc:creator><![CDATA[じゅにさん]]></dc:creator>
		<pubDate>Sun, 07 Dec 2025 02:03:17 +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=2349</guid>

					<description><![CDATA[<p>🔀 シャッフル よみ： この部首はどんなイメージ？ ⟲ 1番からもう一回 ▶ つぎの部首へ ▼ 部首の位置（へん・つくり・かんむり など）の見方 タコタ 部首フラッシュ｜つづきはどれにする？ 「まとめページ」に戻ると、初 [&#8230;]</p>
<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL1</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<!-- ===================================================== -->
<!--            🐙 部首フラッシュ 1〜15（完全版）           -->
<!-- ===================================================== -->

<div class="radical-wrap">

  <!-- 🔀 シャッフルボタン -->
  <button class="shuffle-btn" onclick="shuffleRadicals()">🔀 シャッフル</button>

  <div class="radical-flash" id="radicalFlash">

    <!-- ======================= -->
    <!-- ① 出題＋３択画面 -->
    <!-- ======================= -->
    <div class="screen question-screen">
      <div class="radical-box">
        <img decoding="async" id="radicalImage" src="" alt="部首カード">
      </div>

      <p class="reading">よみ：<span id="radicalYomi"></span></p>

      <p class="q-title">この部首はどんなイメージ？</p>

      <div class="choices">
        <button class="choice" onclick="checkAnswer(0)" id="c0"></button>
        <button class="choice" onclick="checkAnswer(1)" id="c1"></button>
        <button class="choice" onclick="checkAnswer(2)" id="c2"></button>
      </div>
    </div>

    <!-- ======================= -->
    <!-- ② 解説画面 -->
    <!-- ======================= -->
    <div class="screen result-screen" style="display:none;">
      <h3 id="resultTitle"></h3>

      <div class="radical-illustration">
        <img decoding="async" id="resultImage" src="" alt="成り立ちイラスト">
      </div>

      <div class="result-card">
        <p class="resultText" id="resultText"></p>
      </div>

      <div class="result-buttons">
        <button class="restart-btn" onclick="restartFlash()">⟲ 1番からもう一回</button>
        <button class="next-btn" onclick="nextRadical()">▶ つぎの部首へ</button>
      </div>
    </div>

  </div>
</div>

<!-- ===================== -->
<!-- 🌸 CSS -->
<!-- ===================== -->
<style>
.radical-wrap { text-align:center; }

.shuffle-btn{
  margin:10px auto 15px;
  padding:10px 20px;
  font-size:18px;
  border:none;
  border-radius:999px;
  background:#ffe07a;
  font-weight:bold;
  cursor:pointer;
}

.radical-flash{
  max-width:480px;
  margin:0 auto;
  font-family:"Yu Gothic",sans-serif;
  color:#333;
}

.screen{ padding:10px; }

.radical-box img{
  width:260px;
  max-width:80%;
  display:block;
  margin:0 auto;
}

.reading{ font-size:20px; margin:10px 0; }

.q-title{
  font-size:20px;
  font-weight:bold;
  margin:12px 0 10px;
}

.choices{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:8px;
}

/* ３択のふんわり色 */
.choice{
  padding:14px;
  border:2px solid #444;
  border-radius:12px;
  font-size:18px;
  cursor:pointer;
  text-align:center;
  transition:transform 0.1s ease, box-shadow 0.1s ease, opacity 0.1s ease;
}

.choices .choice:nth-child(1){ background:#FFF3CC; }
.choices .choice:nth-child(2){ background:#EAF7FF; }
.choices .choice:nth-child(3){ background:#FCEFFF; }

.choice:hover{
  transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(0,0,0,0.1);
  opacity:0.95;
}

.radical-illustration img{
  width:260px;
  max-width:80%;
  margin:10px auto 0;
  display:block;
}

.result-card{
  margin-top:12px;
  background:#FFE8F2;
  border-radius:14px;
  padding:12px 14px;
  text-align:left;
  font-size:16px;
  line-height:1.5;
}

.result-screen h3{
  font-size:22px;
  margin-top:8px;
  margin-bottom:6px;
}

.result-buttons{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:16px;
}

.restart-btn, .next-btn{
  flex:1;
  padding:10px 8px;
  font-size:16px;
  border-radius:999px;
  border:none;
  background:#ffd77a;
  font-weight:bold;
  cursor:pointer;
}

@media (max-width:480px){
  .reading{ font-size:18px; }
  .q-title{ font-size:18px; }
  .choice{ font-size:16px; }
  .result-card{ font-size:15px; }
}
.bushu-center-wrap{
  text-align:center;
  margin-top:2rem;
}

.bushu-center-text{
  font-size:1rem;
  font-weight:600;
  margin-bottom:1rem;
}

.bushu-center-img{
  max-width:90%;
  height:auto;
  margin:0 auto;
  display:block;
}

</style>

<!-- ============================= -->
<!--   🧠 JavaScript（本体） -->
<!-- ============================= -->
<script>

/* --------------------------------------- */
/* 📚 データセット（1〜15）                */
/* --------------------------------------- */
const radicalList = [

/* ① 氵 */
{
  name:"氵",
  yomi:"さんずいへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/bd6d75d02988f4281d9941343c6235a1.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b2382baf3d39070ac3ab50be446ef2e6.webp",
  choices:[
    "みず（水・液体）",
    "き（木・植物）",
    "つち（土・地面）"
  ],
  answerIndex:0,
  explanation:
    "もともと「水がながれてる絵」を<br>かたちにしたんだよ！<br><br>" +
    "だから「海」「川」「池」「泳ぐ」みたいに<br>" +
    "みずにかんけいする漢字に<br>よくつかわれてるんだ！"
},

/* ② 木 */
{
  name:"木",
  yomi:"きへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/5a68cfc16eaac11c31145f5f08bea892.jpg",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/51f0f2ad5df4d0ff56f8f3d113c7d7c9.webp",
  choices:[
    "き（木・植物）",
    "かね（金属）",
    "いし（岩・石）"
  ],
  answerIndex:0,
  explanation:
    "もともと「木のかたち」を表したものなんだよ。<br>" +
    "だから「林」「森」「校」みたいに、<br>" +
    "木や植物、建物にかんけいする漢字に<br>" +
    "よく使われているんだ！"
},

/* ③ 火 */
{
  name:"火",
  yomi:"ひへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/b172e5af182253d2eb787e3e90781e87.jpg",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/90d4ad18dae4832fc2ed3d117d499643.webp",
  choices:[
    "ひ（火・熱）",
    "みず（水）",
    "かぜ（風）"
  ],
  answerIndex:0,
  explanation:
    "火がメラメラもえている様子を<br>かたどったものなんだよ。<br><br>" +
    "だから「焼く」「熱」「灯」など、<br>" +
    "火・あつさ・ひかりに関係する漢字に<br>" +
    "使われているんだ！"
},

/* ④ 石 */
{
  name:"石",
  yomi:"いしへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/e7cecdc7f4c81673cd765b1c7cb4a086.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/5ccf2b4ab974ca208e1067ba551236f0.webp",
  choices:[
    "いし（石・岩）",
    "つち（土）",
    "き（木）"
  ],
  answerIndex:0,
  explanation:
    "ころがる石の形から生まれたんだよ。<br>" +
    "だから「砂」「岩」「碑」など、<br>" +
    "石や岩にかんけいする漢字に出てくるんだ！"
},

/* ⑤ 糸 */
{
  name:"糸",
  yomi:"いとへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8344671b47fabb87809570ffcb08f0e3.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/504c89f9163043307e1f070462398915.webp",
  choices:[
    "いと（糸・布）",
    "き（木）",
    "こめ（米）"
  ],
  answerIndex:0,
  explanation:
    "より合わせた糸の形がもとになっているんだよ。<br>" +
    "だから「組む」「細い」「線」など、<br>" +
    "糸・布・むすぶことにかんけいする漢字で<br>" +
    "使われているんだ！"
},

/* ⑥ 扌 */
{
  name:"扌",
  yomi:"てへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/a8a75d5e0508b8287e2b70d3e8deddf3.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/eb9c7e1c4cece61e14469031f45d9af8.webp",
  choices:[
    "て（手の動き）",
    "あし（足の動き）",
    "め（見る）"
  ],
  answerIndex:0,
  explanation:
    "人の「手の形」を簡単にしたものなんだよ。<br>" +
    "だから「打つ」「投げる」「押す」みたいに、<br>" +
    "手でおこなう動きにかんけいする漢字に<br>" +
    "使われているんだ！"
},

/* ⑦ 女 */
{
  name:"女",
  yomi:"おんなへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/bb3a83ce544f5336c9f64d4a7f2015d4.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/ef69175446fe246c29f9b4b33e894091.webp",
  choices:[
    "おんな（女性）",
    "こども",
    "こころ"
  ],
  answerIndex:0,
  explanation:
    "ひざをまげてすわる女性の姿がもとになっているんだよ。<br>" +
    "「好」「姉」「安（やすらか）」など、<br>" +
    "女性ややさしさにかんけいする漢字に<br>" +
    "よく使われているんだ！"
},

/* ⑧ 目 */
{
  name:"目",
  yomi:"めへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/2206164f9d6d25cff7030f56221c1439.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/470e37932a5308845aefbbdc7a191c96.webp",
  choices:[
    "め（見る）",
    "みみ（聞く）",
    "はな（におい）"
  ],
  answerIndex:0,
  explanation:
    "人の目をそのまま写した形なんだよ。<br>" +
    "だから「見る」「具」「盲」など、<br>" +
    "目や見ることにかんけいする漢字に<br>" +
    "使われているんだ！"
},

/* ⑨ 耳 */
{
  name:"耳",
  yomi:"みみへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/63f3f9dabd0e1589f1cf34f4e5e843c4.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/c9b343dc58892bdc3386393b1a8e9e7b.webp",
  choices:[
    "みみ（聞く）",
    "め（見る）",
    "くち（話す）"
  ],
  answerIndex:0,
  explanation:
    "耳の形がそのままもとになっているんだよ。<br>" +
    "だから「聞く」「職」「耶」など、<br>" +
    "耳・音・感覚にかんけいする漢字に<br>" +
    "登場するんだ！"
},

/* ⑩ 口 */
{
  name:"口",
  yomi:"くちへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/73239d4991d6a719d20b79f3347b27c9.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/6760c35829b0fb0c7c6d28695d3f191f.webp",
  choices:[
    "くち（声・言葉）",
    "て（手）",
    "あし（足）"
  ],
  answerIndex:0,
  explanation:
    "ぽっかり開いた口をかたちにしたものだよ。<br>" +
    "だから「呼ぶ」「名前」「品」など、<br>" +
    "声・言葉・口にかんけいする漢字に<br>" +
    "使われるんだ！"
},

/* ⑪ 亻 */
{
  name:"亻",
  yomi:"にんべん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/3a2dc79262e9035b5daa62ccaa726d69.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/32e568007f062cc51a2a8d1fd84d0aea.webp",
  choices:[
    "ひと（人）",
    "みみ（聞く）",
    "かぜ（動き）"
  ],
  answerIndex:0,
  explanation:
    "人を横から見た形がもとなんだよ。<br>" +
    "だから「体」「休む」「働く」など、<br>" +
    "人の行動やようすにかんけいする漢字に<br>" +
    "多く使われているんだ！"
},

/* ⑫ 犬 */
{
  name:"犬",
  yomi:"いぬへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/45ed4a2b27945a44f8447f8514049e54.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/S__142278667.webp",
  choices:[
    "いぬ（動物）",
    "ひと",
    "くさ（植物）"
  ],
  answerIndex:0,
  explanation:
    "犬を横から見た姿がもとなんだよ。<br>" +
    "だから「状」「狂」「猛」など、<br>" +
    "動物や強い動きを表す漢字に<br>" +
    "よく出てくるんだ！"
},

/* ⑬ 王 */
{
  name:"王",
  yomi:"おうへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/1548df69473d6697a3ad2b5cf7f2589f.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/d0931dbeac7fcdd8018b163606619a45.webp",
  choices:[
    "ほうせき（玉・宝石）",
    "いし（石）",
    "かね（金属）"
  ],
  answerIndex:0,
  explanation:
    "宝石（ほうせき）をつないだ飾りを示した形なんだよ。<br>" +
    "だから「理」「現」「球」など、<br>" +
    "玉や宝石にかんけいする漢字につかわれているんだ！"
},

/* ⑭ 田 */
{
  name:"田",
  yomi:"たへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/8df62f47c6eaeb9c111d8cde82fe81a5.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/1b803fff747acef6eed6e4d997af9e7a.webp",
  choices:[
    "た（田んぼ）",
    "みず（水）",
    "いえ（家）"
  ],
  answerIndex:0,
  explanation:
    "田んぼを上から見た四つの区画の形なんだよ。<br>" +
    "だから「男」「留める」「界」など、<br>" +
    "土地・区切りにかんけいする漢字に<br>" +
    "登場するんだ！"
},

/* ⑮ 示 */
{
  name:"示",
  yomi:"しめすへん",
  card:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/cfb92d18c226ed85bbdd1259dc050165.webp",
  illustration:"https://jouniorsankosodate.com/wp-content/uploads/2025/12/9ab7b145499a1dbcd8f131356c7fc050.webp",
  choices:[
    "かみさま（神様・祭り）",
    "いえ（家）",
    "くさ（草）"
  ],
  answerIndex:0,
  explanation:
    "神さまにお供えをする祭壇（さいだん）の形がもとだよ。<br>" +
    "だから「礼」「祝う」「神」など、<br>" +
    "まつりや心にかんけいする漢字に<br>" +
    "使われているんだ！"
}

];

/* ------------------------------
   🧠 表示制御
------------------------------ */
let order = [...radicalList.keys()];
let currentIndex = 0;
let currentChoices = [];

/* ====== 問題読み込み ====== */
function loadQuestion(){
  const r = radicalList[order[currentIndex]];

  // ✨３択シャッフル
  const shuffled = r.choices
    .map((choice, index) => ({ choice, index }))
    .sort(() => Math.random() - 0.5);

  currentChoices = shuffled;

  document.getElementById("c0").textContent = shuffled[0].choice;
  document.getElementById("c1").textContent = shuffled[1].choice;
  document.getElementById("c2").textContent = shuffled[2].choice;

  document.getElementById("radicalImage").src = r.card;
  document.getElementById("radicalYomi").textContent = r.yomi;

  document.querySelector(".question-screen").style.display = "block";
  document.querySelector(".result-screen").style.display = "none";
}

/* ====== 回答チェック ====== */
function checkAnswer(selected){
  const r = radicalList[order[currentIndex]];

  const correctIndex = currentChoices.findIndex(
    (item) => item.index === r.answerIndex
  );

  document.querySelector(".question-screen").style.display = "none";
  document.querySelector(".result-screen").style.display = "block";

  document.getElementById("resultTitle").innerHTML =
    (selected === correctIndex ? "⭕ 正解！" : "❌ おしい…");

  document.getElementById("resultImage").src = r.illustration;
  document.getElementById("resultText").innerHTML =
    "<strong>" + r.choices[r.answerIndex] + "</strong><br>" +
    r.explanation;
}

/* ====== 次へ ====== */
function nextRadical(){
  currentIndex++;
  if(currentIndex >= radicalList.length) currentIndex = 0;
  loadQuestion();
}

/* ====== 最初から ====== */
function restartFlash(){
  currentIndex = 0;
  loadQuestion();
}

/* ====== シャッフル ====== */
function shuffleRadicals(){
  order = order.sort(() => Math.random() - 0.5);
  currentIndex = 0;
  loadQuestion();
}

/* 初期表示 */
loadQuestion();
</script>



<div class="bushu-center-wrap">
  <p class="bushu-center-text">
    ▼ 部首の位置（へん・つくり・かんむり など）の見方
  </p>

  <img decoding="async" 
    src="https://jouniorsankosodate.com/wp-content/uploads/2025/12/794D1E6D-74EF-4435-991A-C4C35E4774EF.jpg" 
    alt="部首の位置の説明" 
    class="bushu-center-img"
  >

</div>



<!-- ✅ 部首フラッシュ：記事下ナビ（下に入れる版） -->
<div class="tacota-bushu-bottomnav" role="navigation" aria-label="部首フラッシュ ナビ">
  <style>
    .tacota-bushu-bottomnav{
      --pink:#f472b6;         /* タコタピンク */
      --pink2:#fde7f3;        /* うすピンク */
      --line:#f7cbe3;         /* 枠線 */
      --ink:#2f3a44;
      --muted:#6f7b88;
      background:linear-gradient(180deg,#fff 0%, var(--pink2) 100%);
      border:2px solid var(--line);
      border-radius:16px;
      padding:16px;
      margin:24px 0;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .tacota-bushu-bottomnav .ttl{
      font-weight:800;
      color:var(--ink);
      margin:0 0 10px;
      display:flex; gap:8px; align-items:center;
      font-size:1.05rem;
    }
    .tacota-bushu-bottomnav .ttl .badge{
      background:var(--pink);
      color:#fff;
      border-radius:999px;
      padding:3px 10px;
      font-size:.85rem;
      line-height:1.6;
    }
    .tacota-bushu-bottomnav .desc{
      margin:0 0 12px;
      color:var(--muted);
      font-size:.95rem;
    }
    .tacota-bushu-bottomnav .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
    }
    @media (max-width: 640px){
      .tacota-bushu-bottomnav .grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    .tacota-bushu-bottomnav a.btn{
      display:flex;
      justify-content:center;
      align-items:center;
      text-decoration:none;
      padding:10px 8px;
      border-radius:12px;
      border:1px solid var(--line);
      background:#fff;
      color:var(--ink);
      font-weight:700;
      font-size:.95rem;
      transition:.15s ease;
    }
    .tacota-bushu-bottomnav a.btn:hover{
      transform:translateY(-1px);
      box-shadow:0 8px 16px rgba(0,0,0,.08);
      border-color:var(--pink);
    }
    .tacota-bushu-bottomnav .hub{
      margin-top:10px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .tacota-bushu-bottomnav a.hubbtn{
      text-decoration:none;
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:var(--pink);
      color:#fff;
      font-weight:800;
      border:0;
    }
    .tacota-bushu-bottomnav a.hubbtn.sub{
      background:#fff;
      color:var(--ink);
      border:1px solid var(--line);
      font-weight:700;
    }
  </style>

  <p class="ttl"><span class="badge">タコタ</span> 部首フラッシュ｜つづきはどれにする？</p>
  <p class="desc">「まとめページ」に戻ると、初級〜上級をえらびやすいよ！</p>

  <div class="grid">
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">LEVEL1</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-02/">LEVEL2</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-03/">LEVEL3</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-04/">LEVEL4</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-05/">LEVEL5</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-06/">LEVEL6</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-07/">LEVEL7</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-08/">LEVEL8</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-09/">LEVEL9</a>
    <a class="btn" href="https://jouniorsankosodate.com/tacota-bushu-flash-10/">LEVEL10</a>
  </div>

  <div class="hub">
    <!-- ここは固定ページURLに差し替えてね -->
    <a class="hubbtn" href="https://jouniorsankosodate.com/tacota-bushu-flash/">📚 LEVEL1〜10 まとめへ</a>
    <a class="hubbtn sub" href="#top">⬆ 上にもどる</a>
  </div>
</div>

<p>投稿 <a href="https://jouniorsankosodate.com/tacota-bushu-flash-01/">タコタとおぼえる部首フラッシュ｜読み方・意味がわかるイラスト学習LEVEL1</a> は <a href="https://jouniorsankosodate.com">じゅにさん子育てブログ</a> に最初に表示されました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://jouniorsankosodate.com/tacota-bushu-flash-01/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
