再びのご連絡ありがとうございます。前回お問い合わせの空白については解決されたようで何よりです。こちらですが、もし差し支えなければ原因についてお教えいただくことはできますでしょうか？他にも同じ状況の方がいらっしゃった際に共有させていただきたいと考えております。（お手数だったらスルーしていただいて大丈夫です）

さて、今回のお問い合わせのフォント指定についてです。headを丸々コピペでも反映されないということですと、htmlの方に原因があるかもしれません。いずれのページでも、配布コードをそのまま使う場合は、ナビゲーションのタグが<header>～</header>で囲まれている必要があるので、そのあたりのタグの構造を再度ご確認くださいませ。
もう一点のYahooブラウザーでのコピペ時に文字化けが発生する件ですが、こちらはおっしゃる通りブラウザの仕様のようで、原因・対処法ともに分からない状態です。配布コードをコピーされる際は別のブラウザをご利用いただくなどしてご対応いただければと思います。

再びのご連絡ありがとうございます。お返事が大変遅くなり申し訳ないです。メールフォームについては無事に実装できたようで何よりです。
画面下の余白についてですが、①CSSで.contentsWrapのmarginの値を調整するか、②.box:last-of-type{margin-bottom: 0;}を追加して最後の下余白を削除するか、③bodyのmin-height:100vh;を削除するかで改善できるかもしれません。いずれかの方法をお試しくださいませ。
XRIAのリンクに関しては、「通常ページ」として作成したページでは表示されないと思うのですが、何か別の機能ページにメールフォームを設置されているということでしょうか？（いずれにせよ、無料サービスを使用する以上は削除できないものかと思います……）

以上です。推測込みのふわっとした回答で恐縮ですが、解決に近づけば幸いです。

はじめまして。ご連絡ありがとうございます。
ユートピアの画像についてですが、私の方で確認したところ問題なく表示されたため、申し訳ありませんが原因が分かりかねます。
・画像URLの記述に漏れがないか
（戻るリンクとモバイル版の四角はそれぞれ#backと.headerContents::beforeで別に設定しています）
・独自タグが画像URLのタグ（#imgurl～で始まるタグ）になっているか
などを再度ご確認くださいませ。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいた、ユートピアの長編画像についてです。こちらは.longList li::beforeのwidthとheightに同じ数値を指定することで真四角に固定することが可能です。（min-height:10vh;は削除してしまって大丈夫です）
PCとスマホで大きさを変えたい場合はスマホ用のCSSも合わせて編集してみていただければと思います。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいた、spaceの長編バナーの消し方についてです。こちらですが、お送りいただいた方法（長編バナーのimg要素を削除）には特に問題はありませんでした。もしかすると閉じタグに過不足があるかもしれませんので、そのあたりを再度ご確認いただければと思います。
検証に使用したコードを掲載しますので、以下のコードでも上手く表示されない場合は、お手数ですが再度ご連絡くださいませ。

<h3><span>category1</span></h3> <ul class="columns-2 space"> <li class="long"> <a href="">タイトル</a><br> <span>あらすじあらすじ（連載中）</span> </li> <li class="long"> <a href="">タイトル</a><br> <span>あらすじあらすじ（全何話）</span> </li> <li><a href="URL">未読リンクサンプル</a></li> <li class="caution"><a href="">注意タイトル</a></li> <li><a href="">タイトル</a></li> <li><a href="">タイトル</a></li> </ul>

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいた、ムーンライトのコンテンツ間が広くなる件についてです。
こちらですが、私の環境では同様の状況を再現することができませんでした。同じコードを記載されているとのことですが、まったく同じHTMLでも広くなったり狭くなったりするということでしょうか？
実際のコードが分からないので確実な原因が思いつかないのですが、もしかすると配布コード以外のCSSが影響しているかもしれません。デフォルトCSSを無効にしたり、共通headにCSSがあればそちらを削除したりといった方法をお試しいただき、再度ご確認いただければと思います。

はじめまして、ご連絡ありがとうございます。
お問い合わせいただいた、noiseのメニュー間の余白についてです。メニューの縦間隔は.mainNav liのmargin-bottom: 1em;の値で調整できますので、こちらの数値を変更してみていただければと思います。
※モバイル版表示での余白が狭くなりすぎる場合は、モバイル用CSSの.mainNav liにmargin-right: 1em;を書き加えてください。
【２８日追記】正しくはmargin-rightではなくmargin-bottomでした。蛇足で誤った情報をお伝えしてすみません！

はじめまして。ご連絡ありがとうございます。
お問い合わせのユートピアのモバイル版の画像についてです。モバイル版のトップ画像はコードの下部にある/* ↓トップの四角 */真下の.headerContents::beforeの部分で設定しているので、こちらのbackground-imageに背景が設定されているかどうかを再度ご確認いただけますでしょうか？
上記の設定＋キャッシュ消去などをお試しいただいても上手く表示されない場合は、CSSの変更点などを添えて再度ご連絡くださいませ。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいたrealizeの五角形画像についてです。私の方でもwin10のchromeで確認しましたが問題なく表示されたため、詳しい原因が分かりかねます……。（画像のURLやパスの誤りがないかは一応ご確認ください）
また画像について「Chromeだと表示されないことがあるとなっていた」とのことですが、どういう場合についての記述なのか見当がつかないので、直し方についてもパッとは思いつかないです。お力になれず申し訳ありません。

はじめまして、ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。
お問い合わせのメールフォームですが、以下の手順で実装することができます。（長いので箇条書きにて失礼いたします）
※（任意）の項目は見た目の調整なので飛ばしても大丈夫です。
※XRIAで検証したコードです。

①メールフォーム機能の編集
・名前と本文以外の項目を「入力任意」に設定する
※配布コードには名前と本文の入力欄しか設けていないので、その他の項目を入力必須にしてしまうとエラーが発生します。
・（任意）メールフォーム機能に配布のCSSを適用させる
・（任意）送信完了画面のレイアウトを編集する
送信完了画面レイアウトの例 <div class="pageWrap"> <div class="contentsWrap"> <section class="box"> <h2>complete</h2> <p>メッセージの送信が完了しました。<br> <a href="トップページURL">戻る</a></p> </section> </div> </div>

②インフォページの編集
・配布コードのbody(info)内<!-- メールフォーム（ダミー） -->の中身を以下に書き換える。
<form action="http://ID.数字.mailbox.xrie.biz/?guid=on" method="post" class="mailForm space"><!-- ※ここの「数字」はトップページではなくメール機能のURLに含まれる数字です --> <input type="text" name="name" placeholder="お名前" class="input"><br> <textarea name="message" placeholder="メッセージを入力してください" class="input"></textarea><br> <input type="submit" value="送信" class="button"><input type="reset" value="消去" class="button"> <input type="hidden" name="mode" value="send"> </form>
以上になります。恐らくXRIAと同じコードで動くと思うのですが、もし上手く動かない場合は再度ご連絡くださいませ。

はじめまして、ご連絡ありがとうございます。
お問い合わせいただいたスパンコールの背景画像についてですが、私の環境では同様の現象が再現できませんでした。キャッシュ消去で表示されなければ、PC用とモバイル用のCSSの両方に画像が設定されているかどうかご確認いただけますでしょうか？（面倒な仕様で大変申し訳ないのですが、初期に作ったデザインはPC用とモバイル用でCSSが完全に分かれており、それぞれで画像を設定する必要があります）
すべての画像URLが指定されていても反映されない場合は、お使いの端末やブラウザなどを添えて再度ご連絡いただけますと幸いです。

はじめまして。ご連絡ありがとうございます。
お問い合わせの件ですが、恐らくメール機能の送信項目設定でタイトルが入力必須になっているのが原因だと思います。「名前」「メッセージ入力欄」以外の項目を入力自由に設定すれば送信できると思いますので、再度お試しくださいませ。

はじめまして、ご連絡ありがとうございます。配布デザインを複数お使いいただけたとのことで嬉しいです！
「Blurred Sky」でfc2のフッターが隠れてしまう件についてです。サイトを拝見して確認したところ、高さ１００％で固定表示しているヘッダーが、フッターの上に重なっていることが原因のようです。
解決方法としては、ヘッダーの高さを縮めて下部に余白を作ることで、フッターを隠さずに表示できるようになります。この方法ではヘッダー全体が若干上寄りになるので、気になる場合はヘッダーに余白を設けるなど微調整してください。（CSSで#fc2_footerにposition: absolute;とz-index:3;を指定すればもっと簡単に解決するのですが、編集不可との規約に抵触しそうなのであまりおすすめはできません）

CSSの編集箇所はこんな感じです。※変更部分のみ記載しています。

body {
    background: #ffffff;
    ↓
    background: linear-gradient(#fff calc(100vh - 60px) ,#bdcedd calc(100vh - 60px)) fixed;
}

.mainHeader {
    height: 100vh;
    background: #ffffff;
    ↓
    height: calc(100vh - 60px);
    background: url('ビル画像URL') left 50% top 100% / 2000px 35% no-repeat #fff;
}

.mainHeader::before {~}　→全削除

以上になります。PCサイトをお持ちでしたのでサクッとお答えさせていただきましたが、分かりにくい点や不具合などがありましたら再度ご連絡くださいませ。

08/30追記

ご返信ありがとうございます。画像表示につきまして確認不足で失礼いたしました……。
.mainHeaderのbackbground部分をtop 100%→bottom -120pxに変更できちんと表示されました。たびたびお手数ですが、どうぞお試しくださいませ。

はじめまして、ご連絡ありがとうございます。配布テンプレートのWordPressでの使用についてです。
規約的にはもちろんOKで、技術的にも可能だとは思うのですが、詳しい使い方についてはちょっと分かりません……お力になれず申し訳ないです。

はじめまして、ご連絡ありがとうございます。お問い合わせいただいた、テンプレートの文字化けについてです。
こちらですが、お送りいただいたコード自体には特に問題がないように見えました。文字化けの詳細が分からないので推測が入りますが、もしかするとhtmlファイルのテキストエンコードが原因かもしれません。
PCのテキストエディタで編集されている場合は、最初に保存する際に文字コードがUTF-8になっているかご確認ください。また、モバイル用サービスをお使いの場合は、各ファイルのcharset="UTF-8"が含まれる行を削除して、文字コードの指定を解除すればきちんと表示される可能性もあります。いずれかの方法をお試しいただければと思います。
解決しないようでしたらお手数ですが、文字化けの様子やお使いのテキストエディタなどをお書き添えのうえ、再度ご連絡くださいませ。

はじめまして、ご連絡ありがとうございます。お返事が大変遅くなり申し訳ありません。ご感想も添えていただきありがとうございました！
【メニューボタンの表示について】
編集なしでのコピペでも表示されないということですと、自動改行（改行を<br>にして表示）が有効になっているなどの理由でjQueryが作動していない可能性があります。
①自動改行をオフにするまたは②jQuery内の改行を削除することで解決できるかもしれませんので、いずれかの方法をお試しくださいませ。（検証に使用した②のコードを以下に記載しますので、よかったらコピペでお使いください↓）

<!-- jQuery --><script>$(function(){$('.more').addClass('hidden');var trigger = $('.trigger');trigger.on('click', function(){$(this).parent().toggleClass('view');}); if (window.matchMedia('(max-width:700px)').matches) {$('#navTrigger').css('display', 'block');}$('a[href^="#link_"]').on('click', function(){var target = $($(this).attr('href'));var point = target.offset().top - 50;$('html, body').animate({scrollTop : point}, 600); return false;}); $('#pageNav a').on('click', function(){$(this).parents().removeClass('view');})});</script>

【メールフォームのコードについて】
長くなってしまったので箇条書きで失礼します。（必須）以外の箇所は見た目の調整なので、飛ばしても動作的には問題ありません。

①インフォページの編集
・配布コードのbody(info)内<!-- メールフォーム（ダミー） -->の中身を以下に書き換える。（必須）
<form action="/ユーザーID/form/数字/posted" method="post" class="mailForm space"> <input name="Item[1]" value="" type="text" size="30" placeholder="お名前" class="input" /><br> <textarea cols="30" rows="6" name="Item[2]" placeholder="メッセージを入力してください。" class="input"></textarea><br> <input type="submit" value="送信" accesskey="1" class="button"><input type="reset" value="消去" class="button"> </form>
・CSSに以下のコードを追加する
※場所は/* フォーム関連 */の近くだと分かりやすいです。
textarea, input[type="text"] { background-image: none; background-color: #fff; border-radius: 0; } input[type="submit"] { width: auto; height: auto; border-radius: 0; box-shadow: none; color: inherit; font-weight: inherit; }

②メールフォーム機能の編集
・入力項目が３つ以上ある場合は、３つ目以降の必須入力を「任意」に設定する。（必須）
※配布コードには入力欄が２つしかないので、３つ以上の項目が入力必須になっているとエラーになります。
※正確には「作成した順に２つ」なので、順番の並び替えなどを行っていて作成順が不明な場合は新しく機能を作成された方がいいかもしれません。
・メールフォーム機能にrealizeのCSSを適用させる。
・送信完了画面のレイアウトを編集する。
送信完了画面レイアウトの例 <div class="pageWrap"> <div class="contentsWrap"> <section class="box"> <h2>complete</h2> <p>メッセージの送信が完了しました。<br> <a href="トップページURL">戻る</a></p> </section> </div> </div>

長くなりましたが以上になります。ご不明な点がありましたら、お手数ですが再度ご連絡くださいませ。