はじめまして、ご連絡ありがとうございます。
お問い合わせいただいた「a back lane」のヘッダー画像についてです。大変申し訳ないのですが、私の環境では状況が再現できなかったため詳しい原因が分かりかねます……。

ブラウザのキャッシュが影響している可能性があるので、まずはキャッシュ消去やシークレットモードでの閲覧などをお試しください。

また、本件との関係ははっきりしないのですが、配布ファイルのヘッダーの背景設定部分にタイプミスがありました。（モバイル用CSSのheader{background:～}の指定で、centerと/の間のスペースが二つになっていました）このスペースを一つに修正すればもしかすると上手く表示されるかもしれません。

以上、かもしれないばかりの回答で恐縮ですが、解決に近づけば幸いです。

はじめまして、ご連絡ありがとうございます。お返事が遅くなり申し訳ありません。

お問い合わせいただいたユートピアのスクロールについてですが、
httpのページ→スマホ版safari〇、PC版Chrome〇
httpsのページ→スマホ版safari×、PC版Chrome×
という状況でお間違いないでしょうか？

サーバーによって動作が変わることは考えにくいので、アップロードファイルやパスの指定など、何かが上手く設定できていないのかもしれません。

もし配布コードに改変を加えている場合は、jQueryの読み込みURLがhttpsから始まるものになっているかご確認ください。（<script src="https://～）
※httpsのページでは、httpから始まるURLの読み込みがブロックされてしまうようです。
また、iPhoneではメモリが重くなるとアニメーションが動かなくなる場合もあるそうなので、他のアプリを終了してからの読み込みもお試しください。

解決しない場合はお手数ですが、「当サイトの配布ページでの動作の様子」「iOS、Safariのバージョン」などの詳細を添えて再度ご連絡いただければと思います。

Twitterでもお知らせしましたが、改めましてご連絡ありがとうございました。

リンクを修正して現在はダウンロードできるようになっていますので、お手数ですが再度お試しくださいませ。ご迷惑をお掛けして申し訳ありません。

はじめまして、ご連絡ありがとうございます。お返事が遅くなり申し訳ありません。

お問い合わせの件ですが、どちらもナノの設定でhtmlの改行を<br>にして表示する設定が有効になっているのが原因だと思います。
①ホムペ設定→その他表示設定→改行を<br>にして表示「しない」に変更するか、②bodyの<!-- リスト -->～<!-- /リスト -->と<!-- jQuery -->以下の改行を消去して一行で記載すれば正しく表示されます。※表示的には①がおすすめですが、他のページのレイアウトに障る可能性もあるのでご注意ください。

検証に使ったコード（②を適用したもの）を以下に記載しますので、よろしければ該当箇所を差し替えてお使いください。
<!-- リスト --> <ul class="profList"><!-- ←class="profList white"で項目が白文字になります --><li><div>誕生日</div>01/01</li><li><div>血液型</div>O型</li><li><div>身長</div>000㎝</li><li><div>体重</div>00㎏</li><li><div>好きな色</div>ブルーグレー</li></ul> <!-- /リスト --> <!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script>$(function(){var $box = $('.box');$('.bgColor, li > div, .profText').addClass('changeBg');$($box).each(function(){var $color = $(this).data('color');var $targetBg = $(this).find('.changeBg');$($targetBg).css('background-color', $color);});$(window).scroll(function(){var $scroll = $(window).scrollTop();$($box).each(function(){var $point = $(this).offset().top - $(window).innerHeight() * 0.3;var $target = $(this);if($scroll >= $point) {$target.addClass('view');} else {$target.removeClass('view');}});});$('#back').click(function(){$('html,body').animate({scrollTop:0}, 1200);});});</script>

はじめまして。ご連絡ありがとうございます。
チョコミントの小説ページで、背景色が上手く表示されない件についてです。
背景の白い部分は、/* 全体の余白、リンク色など */直下の.pageWrapの中のbackground:#fff;で指定しているので、後からの記述でこの値が上書きされてしまっていないかご確認ください。
同じCSSファイルを読み込んでいても一方のページだけしか表示されない場合は、htmlの方に原因がある可能性もあります。ページ全体が<div class="pageWrap">～</div>で囲まれているか（不要な</div>でpageWrapが閉じてしまっていないか）なども再度ご確認ください。

はじめまして。ご連絡いただきありがとうございます。
お問い合わせいただいた件ですが、私の環境では以下のコードで問題なく追加できました。

html

<li id="box6">
    <a href="">
        <div class="longInfo">タイトル</div>
        <span class="longTitle">あらすじ</span>
    </a>
</li>

CSS

#box6 {
    background: url('URL') center / cover #bbbbbb;
}

ボックスの数に上限はないので、何かが上手く指定できていないことが考えられます。
まずは上記をそのままコピペ→開発者ツールなどをご利用の上、box6の要素にどんなCSSが適用されているかご覧ください。

→上記のCSSが適用されていない場合
htmlやCSSの記述に過不足がないかをご確認ください。

→上記のCSSが適用されている場合
画像の拡張子や、相対パスがcssファイルから見たものになっているかなど、画像に関する部分を再度ご確認ください。

※可能性は低いですが、お使いのアコーディオンメニューで「box6」というidを使用している場合は、他の文字列を使用するという対応でも解決できると思います。

はじめまして。ご連絡ありがとうございます。お褒めの言葉もいただけて嬉しいです！

ヘッダーの高さに関してですが、親要素のbodyにheightが指定されている場合にheaderのheight:150%が作用しているのが原因かもしれません。
すでにお試しいただいた方法（headerの高さを20remに指定）の他に、モバイル版CSS/* ヘッダー設定 */のheight: 150%;を削除でも解決すると思うので、よろしければお試しください。ご迷惑をおかけして申し訳ありません。
※ヘッダーのheight:150%があまり意味のない指定であることを知ったので配布CSSからも削除しました。

はじめまして。ご連絡ありがとうございます。
お問い合わせいただいた件ですが、キャッシュの関係で上手く表示されないのかもしれません。お手数ですが、Webサイトデータの削除やシークレットモードでの閲覧をお試しいただけますでしょうか？ご迷惑をお掛けして申し訳ありません。
またご連絡についてはどの件についてもサイトのフォームからお送りいただいて大丈夫です。お気遣いありがとうございます。