>>9
スクショを見る限りでは、原因はHTMLのほうにあるかと……（おそらくALICE+独自タグを書くところが誤っているなど、HTML構造にミスがあります）。
ほかいくつか明確にしておきたい点がありますので、以下ご確認ください。


>🔵テンプレは、ナノ用のものを改変してお使いですか？
ナノ用のテンプレということでしたら、なんとなく原因の見当がつきます。
というか配布元サイトさんがたぶん分かりました。
ので、まずメールボックスを以下に書き換えて、それでテンプレどおりになるかお試しください。

ノートに関しては、次のレスで触れます。


>🔵メールボックス機能のHTMLを以下に書き換えてみてください
（ナノ仕様テンプレをALICE+仕様に変更したら以下になります）

#🔻【ページ編集】
*　▶□上部編集
━━━━━━━━━━

<div id="pagetop"><a href="#">top</a></div>

<div class="wrp">
<div class="title">
<div class="menu">
##top(top)##
<a href ="">text</a><br>
<a href ="">note</a>
<span>mail</span>
</div>

<div class="top">
<h1>SITE NAME</h1>
<p>https://alicex.jp/★★★★★/</p>
rank >>
<a href ="">rank</a>
<a href ="">rank</a>
</div>
</div>
<div class="main">
<h2>mail form</h2>

何かありましたら下記よりご連絡ください。<br>
お返事は<a href="">こちら</a>より行っております。
<div class="box">
<div class="cen">
<h3>mail form</h3>
</div>

━━━━━━━━━━

*　▶□メールボックス枠編集
━━━━━━━━━━

<div class="long"><!-- ▼入力項目 -->

<div class="fm">
name<br>
##mailbox_name##
</div>

<div class="fm">
message<strong>必須</strong><br>
##mailbox_message##
</div>

<!-- ▲入力項目 --></div>
##mailbox_send(send)##

━━━━━━━━━━

*　▶□下部編集
━━━━━━━━━━

</div></div></div>

━━━━━━━━━━

以上を入れて、「なんか入力欄の見た目が変」「やっぱりテンプレどおりの横並びにならない」ということでしたら、以下をご確認ください。
（無事解決したなら以下は読み飛ばしてOKです。回答も不要です）


>🔵入力欄の配置がおかしい／入力欄の増減の仕方が分からない
テンプレで３つだった入力項目を、とりあえず２つにしているのが上記です。
入力欄を増やす or 減らす場合の書き換え方が不明でしたらお気軽にお尋ねください。

とりあえず「（幅広画面時は）２つの入力欄が、横並びになる」ようHTMLを書いていますが、
もし「（幅広画面時も）入力欄が縦に積み重なる」ようにしたい、など入力欄の配置を変えるのでしたら、
HTMLの書き方を変えることで対応できます。


>🔵入力欄のサイズ等がテンプレと違っていて気になる
>▶▶『デフォルトCSS』は有効ですか？無効ですか？
デフォルトCSSが有効の場合は、入力欄のサイズ等がテンプレと異なる状態になるかもしれません。
※有効のままでも、HTMLやCSSをちょっと弄れば入力欄まわりのデザインは整えられます。

とはいえ入力欄のデザインに不具合・不都合がないのであれば、有効／無効どちらでも支障はないと思われます。気にならなければスルーで。



>🔵HTMLを書き換えてもデザインが崩れる（メニューとメインブロックが横並びにならないなど）
>▶▶『トップページのCSS』を使用していますか？
『トップページのCSS』とは、
*��head情報�＝i��ヘッダー情報など�＝j→【CSSファイル編集】
に書いてあるCSSです。

>▶▶▶使用している場合、トップページと同じCSSを使っている他ページ（※）はありますか？
*※【CSSファイル編集】などで『トップページのCSSを適用』を選択しているページ

メールボックスは『トップページのCSS』が強制的に適用されます。（無効にできない）
そして何故か、『トップページのCSS』のほうが、メールボックスのHEAD内styleよりデザインの優先順位が高いんです……。

なので『トップページのCSS』に何か書いてあるなら、メールボックス“だけに”このデザインを適用させるのはなかなか手間です。

この場合は『トップページのCSS』を書き換えたり、CSSを【トップページhead間編集】へ移動したり……といった方法でも解決できるので、
「『トップページのCSS』を弄っても他のページへの影響が出ない or 少ないか」
が分かると、対処を考えやすいです。