ショコラは勝気で明るい女の子。親友でライバルのバニラと一緒に魔界の次期クイーン(女王)候補として、人間界にやってきた！ 試験の内容は人間のハート（自分への想いの結晶）を集めること。より多くのハートを集めた方がクイーンになれる。現クイーンのキャンディからペンダントとスティックを受け取って人間界に到着したショコラ達を出迎えたのは、二人の教官のロッキンロビン。翌日、萌黄学園初等部に転入したショコラ達は、早速ハート集めを始めるが……!?

ショコラとバニラは魔法でそれぞれの使い魔を呼び出そうとするが、呪文を唱えて現れたのはネズミが一匹だけ！それはバニラの使い魔のブランカだった。結局ショコラの使い魔は現れず、仕方なくそのまま学校に行ったショコラは、女の子をからかうクラスメートの三村を見つけ、魔法でこらしめる。三村は、そんなショコラに仕返しをしようとしましま模様のカエルを捕まえ、ショコラの机にそっとしのばせるのだが……!?

順調にハートを集めているバニラに対し、まだ一番安いピス一個しか集めていないショコラはさすがにへこみ気味。そんなショコラをこっそり撮影している男の子が！彼はショコラ達と同じクラスで新聞部の西谷だった。西谷の胸に光るハートに気付いたショコラは、取材を通してハートをとるチャンスを伺うが……!?

演劇の練習に一生懸命のショコラたち。厳しい演出家の真部に皆はタジタジ。ショコラはハッキリ物を言う真部に共感する。そんな真部にも密かに思う相手がいることに気付いたショコラは魔法グッズで何とかしようとするが……!?

ショコラとバニラの担任の望月先生が家庭訪問に来ることに。だけど、保護者のロビンが急用で留守に！あわてた２人は魔法でその場を取り繕うととするが、事情を知らない使い魔たちのおかげで大混乱！？

魔界から来たフェンシング選手が、観客からハートを召還しているのを見たショコラは、強くて凛々しい女の子もモテることに気付き、フェンシング部に入部しようとするが、そこにはフェンシング部部長のピエールがいて……！？

ショコラとバニラは、ピエールととりまきの美少女たち〝メンバーズ〟といっしょに海へ旅行に行くことに。この機会にピエールのハートをとろうと、ショコラは魔界通販で〝大人になるミュール〟を買う。さっそくミュールをはいて大人になったショコラは、大人っぽいしぐさを意識しつつピエールをデートに誘う。

なんとかハートを集めようと、ショコラは風邪をひいて休んでいるクラスメイト、アキラのお見舞いに行こうと考える。だが行ってみると、寝ているはずのアキラは留守。いなくなった飼い犬のひろしを捜していたのだ。ショコラはひろし探しを手伝うことでアキラのハートをゲットしようとするが…！？

仕事中のロビンを観察して、ハートの取り方の参考にしようとＣＭ撮影スタジオに忍び込んだショコラとバニラ。あざやかにハートを奪うロビンを見て、早速そのテクニックを使おうとするが…！？

クラスメートの美月に呼び出されたバニラ。不安気なバニラに美月は、どうすればバニラのように男の子にモテるのか教えて欲しいという。美月は大好きな小坂先輩に振り向いてもらいたくて、バニラに相談したのだ。頼られて嬉しいバニラは、張り切って協力するが……！？

猫がカワイイという男の子たちの話を聞いたショコラは、ハートを集めるため猫に変身！　しかし思うようにハートは集まらないし、猫の姿のままうっかりアキラの前でしゃべってしまい、追いかけられるはめに。しかもショコラは逃げる途中でペンダントを落とし、元の姿に戻れなくなってしまい…！？

妖精のモンブランが人間界にやって来た。クイーン候補の中間試験が行われるとういうのだ。試験内容はより多くの女の子のハートを虹色に光らせること。バニラはクラスの女の子達に手作りのおかしを持っていく。一方ショコラは、みんなを楽しませるとハートが光ることに気づき、ある計画を思いつく!

魔界から幼なじみのウーとソールがやってきた！萌黄学園の中等部に転入した2人はすぐに人気者になるが、人間界に慣れない2人のフォローにショコラ達は大慌て！しかもショコラに親しげに話しかけるピエールに対抗意識を燃やす2人は、ピエールとテニスの勝負をすることに！

髪の毛がつやつやになる「つやつやマカロン」を魔界通販ブックで購入したショコラ。しかし届いたマカロンをバニラと一緒に食べると、なぜか２人の心と体が入れ替わってしまった！それはショコラが注文し間違えた「あべこべマカロン」だったのだ。バニラの姿で登校し、ハートを取りまくろうと考えるショコラだったが……！？

アイドル夏井ココが出演するテレビ番組の撮影見学に来たショコラは、迷いこんだ控え室でココが魔女だと知る。ココと意気投合したショコラは、衣装を着せてもらうことに。しかしショコラが喜んでいる間にココは姿を消してしまい、ショコラはココの代わりに番組に出演することになって……！？

魔界からショコラの祖父・コルヌがやって来た！マイペースなおじいは、早速ショコラの部屋を自分好みの部屋にしたり、ショコラたちを無理やり遊びに連れ出したり、やりたい放題！このままではハート集めどころじゃないと焦ったショコラだが…！？

萌黄学園のハロウィンパーティーで実行委員になったショコラ。しかし他の委員はピエールの取り巻きのメンバーズだった！「ハロウィンで肝試しをやりたい」と提案したショコラに、意外にもリーダーの百合香は賛成するが…！？

ショコラは、魔法で人間の姿に変身してチーズ屋に入って行くブランカを見かけた。なんとブランカはチーズ屋の店主に恋をしていたのだ！恋するブランカの一途な姿を見たショコラは、いつの間にか協力することになってしまい…！？

買い物帰りに公園でアイスを食べていたショコラ。魔法でアイスを特大サイズにするところを、小さなの女の子・ソフィアに見られてしまった！ しかもソフィアは魔法を教えて欲しいと、そのままショコラの家まで押しかけてきて…！？

「他人の夢を見ることが出来たら、ハートをとるのに役立つ」とデュークに教えられたショコラは、さっそく魔界通販で他人の夢の世界に行くことのできるティーカップ「ドリームカップ」を注文する。そしてクラスみんなのハートをゲットしようと、『青空カフェ』を開くが…！？

獲得エクルでバニラに大きく差をつけられているショコラは、魔女占いブックの助言で、ターゲットを決めてハートを取る狙い撃ち作戦を計画する。ショコラは初等部の生徒会長の篠原をターゲットに選ぶが、バニラもブランカの助言で篠原に接近していた！ショコラはバニラに、どちらが先に篠原のハートをゲットするか、勝負を挑むが…！？

リレーでクラス代表になったショコラ。「活躍すればハートゲットのチャンスかも」とバニラから聞き、練習に参加する。しかしその練習中、同じリレーチームの佐紀子が転んでしまった！どうしてもリレーに出たい佐紀子は大丈夫と言い張るが、ショコラは佐紀子の足のケガに気付いて……。

魔界通販で『モテモテバレッタ』を買ったショコラは、次々に男の子のハートをゲット！どんどん調子にのって、デュークの忠告にも全く耳を貸さない。しかし、その様子をロビンとグラシエが魔法の鏡で見ていた。グラシエはハートをモノのように扱うショコラの態度に眉をひそめる。

オープンカフェでピエールと偶然会ったショコラは、「明日一緒にお昼を食べて」とピエールに誘われ、その胸にオレンジのハートを輝かせてしまう。その晩ロビンから『オグル』と言う魔界に対立する一族が萌黄学園にいるらしいと聞いたショコラ達。バニラはピエールがオグルではないかと疑う。

クラスメートと家でクリスマスパーティーをするため、ショコラは魔界通販で掃除アイテムを買おうと考える。その支払いで必要なエクルを稼ぐため、ショコラはクラスメートの森田からハートをゲットしようと近づく。が、仲良く見える２人の姿を複雑な表情で見ているマユがいて……!?

ショコラはホウキに乗って人間界のお正月を空から見物。ウー達との競争で無茶をし、アキラの家に墜落、そこでアキラのいとこで4歳の男の子・ミハルと出会う。アキラの家でお正月を満喫するショコラ達。ミハルの胸にはいつの間にかショコラに向けたハートが浮かんでいて……。

ショコラがピエールからデートに誘われた！バニラは反対してショコラとケンカになるが、ショコラが心配で、魔界通販で『お守りの力がある香水』を買う。バニラの友情を嬉しく思いピエールへの警戒心を強めるショコラ。でも、待ち合わせた公園でピエールの笑顔に早速ときめいてしまう！

ピエールはオグルだった！ 無謀な行動を取ったショコラはロビンに怒られてしまう。それでもオグルのことを知りたいショコラは、自力で調べようと規則を破って魔界に戻ろうとする！そんな時、魔界のクグロフ先生から結婚式の招待を受け、ショコラ達は特別に魔界に帰れることになって!?

女王候補中間試験のため、ショコラ達は魔界に滞在していた。今度の試験は、人間界で集められたハートを魔界のエネルギーに変える工場で一日工場長を務めること。工場で働く人を統率して、たくさんのエネルギーを作らなくてはならない。勝利を収めるのはショコラ？バニラ？

空を飛んで通学するショコラたち。そこへムササビに乗った女の子が現れた！ その子はワッフル。大好きなウーを追って魔界からやってきたのだった。ワッフルは、ショコラのせいでウーが自分に振り向いてくれないと思い、魔法でショコラが他の誰かを好きになるようにしむけるが……!?

バレンタインが近付き、クラスメートたちはショコラが誰にチョコをあげるのか興味津々。しかし当のショコラは浮かれる男子たちにうんざり気味。魔女はたった一つのハートをあげることができないのだ。そんな時ロビンが、チョコはハートの代わりだと教えてくれる。ショコラは、ピエールに対して揺れ動く気持ちをチョコに封じ込めようとする！

ショコラは自分の中で大きくなるピエールへの想いに苦しんでいた。元気がないショコラを心配した三村は、怖いお化け屋敷で有名な遊園地に行こうとショコラを誘う。三村の誘いでちょっぴり元気になるショコラ。一方、それを聞きつけたワッフルは、自分もウーと一緒に遊園地に行きたいと言い出す。

ショコラに子供扱いされて怒ったワッフル。ばあやの魔法で、子供に戻すリンゴを作ってもらい、ショコラに仕返ししようとする！変装したワッフルからリンゴを受け取るショコラとバニラ。２人でリンゴを食べると、その体が光に包まれた！しかし、それを見ていたワッフルも、ショコラ達に近づいた途端光に飲み込まれて!?

ワッフルは今日もウーに猛烈アタック！でもばあやの魔法はいつも失敗。ワッフルは怒ってばあやをクビに！　そんな時、魔界通販の配達人・ジョーが近くを通りかかった。ワッフルは、ジョーが去り際に落とした「女王様ティアラ」を拾う。早速萌黄学園でティアラを使ってみると、学校中がワッフルにかしずいて…!?

久々にショコラの祖父・コルヌがやって来た！ 相変わらず自分のペースでみんなを振り回すおじい。今回もワッフルやばあやも巻き込んで、南国リゾートに出発。しかし到着早々おじいとばあやが対立、魔法を使って大騒ぎに！ 困ったショコラは、ばあやの提案に協力して、おじいをこらしめようとする。

人間界のオグルの調査をするためグラシエ大尉がやって来た。でもなぜかロビンのライブに同行することに!? しかもロビンが悪乗りして、グラシエをステージにあげてしまう。調査が進まずあせるグラシエ。そんな時、ロビン・グラシエとショコラそれぞれに、ピエールから招待状が届く。

最近ハート獲得量が増えているショコラは、クラスメートの推薦で生徒会長に立候補する。性格が違うバニラと何故仲がいいのか、ショコラに尋ねるクラスメート達。その中にはバニラのことを悪く言う者もいた。偶然その会話を聞いてしまったバニラは、自分が周りからどう思われていたのか知ってショックを受ける。傷心のバニラ。そこにピエールが近づいてきて!?

バニラはピエールの力を借りて生徒会長選挙に勝利した。ただ、選挙の影にピエールとオグルの存在があることを知ったショコラ達は、バニラがピエールにだまされているのではないかと心配する。ショコラはピエールには気をつけるようにバニラに忠告するが、バニラは話を聞いてくれない。逆にショコラを家から追い出してしまう。

カップルでいっぱいの通学路を見て、『出会いは通学路だ』と言うデューク。常にウー・ソールと一緒に登校しているショコラはショックを受け、隙を見て2人から離れる。途中アイスを買おうとすると、横から小銭を差し出す男の子が！ 彼は、ショコラに一目惚れした篁という男子だった。ショコラに「つきあってくれ」と告白する篁に、バニラは…。

黒ハートを宿して苦しむバニラの夢を見たショコラは、何とかして自分の力でバニラを助けられないかと考えていた。そんなとき、オグルのジルウェットが学校に持ち込んだダイエットスパイスが大人気に。だがこのスパイスには黒ハートを生む力が隠されていた。

バニラが、イアンという男の子のハートをどちらが先にとれるか、ショコラに勝負を挑んできた！ 海好きなイアンのために、バニラはノアールハートを使った魔法で本物そっくりの海を自宅に作り、みんなを招待する。しかし、その海でバニラが溺れてしまい、それを助けたショコラも体が動かなくなってしまう。とっさにピエールが飛び込むが、魔法の海は消えてしまい!?

ショコラの元に『ヴァルプルギスの夜』への招待状が届く。それは人間界に住む魔法使いが、年に一回全世界から集まる魔界のパーティー！次期女王候補のお披露目で招待されたショコラは、ウーとソールのエスコートで張り切ってパーティーに向かう。その頃、招待されなかったワッフルが、裏口から会場に侵入しようとしていた。

オグルの襲来で騒然としたヴァルプルギスの夜の会場を鎮めたのは仮面をつけた魔女。なぜか彼女に懐かしさを感じたショコラは、その魔女の名前を聞こうとする。が、そこにはすでに魔女の姿はなく、代わりにハートのバングルが落ちていた！

ママの手帳を読むことができたショコラは、ママが生きているかもしれないと考える。一方バニラは、ピエールに勧められ学園中の男子をこっそり集めていた。メンバーズ選びで男子を競い合わせ、ノアールハートをたくさん取ろうとしていたのだ。しかし急激にノアールハートをピックアップしているバニラは、身体に大きな負担がかかっていた。

バニラの中に元のハートとノアールハートの２つがあることに気付いたショコラ達は、ノアールハートを取り出す方法を探して、魔界のココア砂漠に住む魔女・アンブルを訪ねる。やっとのことでアンブルの元にたどりつくが、偏屈で有名なアンブルに振り回される。はたしてショコラ達は、アンブルから、ノアールを取り出す方法を教えてもらえるのか？

バニラのノアールハートを取り出す魔法をアンブルが作るが、今のショコラの魔力では魔法を使いこなせない。ショコラ達は、魔法の補助をする「銀色ベリー」を取りに出かけるが、そこは、ショコラが小さい頃に来たことがあるジンジャー村たっだ。ショコラはそこで、ピエールに似た男の子と遊んだのを思い出し始める……。

アンブルからバニラのノアールハートを取り出す魔法をもらって人間界に戻ってきたショコラ。久々に学校に行くと、学園全体が今まで以上にノアールの気配で満ちていた。ショコラは、早速バニラのノアールハートを取り出そうと近づくが、バニラメンバーズに包囲されて近づけない。ショコラは、バニラを元にもどすことができるのか？

ついにオグルからバニラを取り戻したショコラ。しかし、人間界ではメンバーズを通してオグルの力が益々強くなっていた。そんな中、クイーン最終試験が行われることに。試験内容は、魔界の白い山に行き、ユニコーンの角を手に入れること。気難しいと言われるユニコーンに、ショコラとバニラはどうする!?

ついにユニコーンがショコラ達の前に姿を表し、クイーンの資質を試す三つの試練与える。試練をクリアーした者がユニコーンの角を手に入れることができるのだ。ショコラとバニラ、はたしてどちらが角を手にするのか!?　その頃ジルウェットの率いるオグルの軍勢がロワイヨームの周りを取り囲み、今にも攻撃を開始しようとしていた！

ショコラとバニラの前にピエールの体を乗っ取った闇の大公・グラースが立ちはだかる。聖なる山で戦いが始まったことに 怒ったユニコーンは姿を消してしまい、かろうじてグラースに対抗していたショコラも、城に追い込まれてしまう！ ロワイヨームではオグルの大軍に包囲され、結界が破られる寸前になっていた。果たしてオグルとの戦いに決着はつくのだろうか!?次期クイーンになるのはショコラ？ バニラ？