CSSカスタマイズ(style.css/mobile.css)について

いつも利用させて頂いてます。

今回、カエレバやヨメレバのCSSカスタマイズを行いたく、
色々とコピーしては張り付けてみたのですが、
PC表示とモバイル表示が変化せず困っております。

たとえばこちらのサイトhttps://4mirai.com/how-to-display-yomeleba-kaeleba-beautifully-with-simplicityやhttp://hikineet.com/kaereba-yomereba-css/のように、PC表示とモバイル表示を変化させたいのですが、まず「カスタマイズ→追加CSS」もしくは「テーマ編集→Simplicity2 child: スタイルシート (style.css)」に通常表示されるPC用のCSSコードを入力。
次に「テーマ編集→Simplicity2 child: mobile.css」にモバイル側の表示指定のCSSコードを入れる。で完了。と思っているのですが…上記2パターンを試してみたのですが上手くいきません…

「カスタマイズ→追加CSS」の方に書き込み、mobile.cssにモバイル用のCSSを書き込んだ場合、PCにはカスタムされたものが表示されますが、モバイル側でもPC表示と同じものが表示され、mobile.cssに書き込んだものが意味をなしてない感じで、
style.cssにPC用コードを書き込み、mobile.cssにモバイル用のCSSを書き込んだ場合は、PC表示・モバイル表示共にカスタマイズされません。

普段からCSSの書き込みは「カスタマイズ→追加CSS」から行っていたため、今まで追加したCSSが原因ではないかと思い、他の追加したCSSは削除し、まっさらな状態でやってみたのですが上手くいきませんでした。

レイアウトの「完全レスポンシブ表示を有効」のところはチェックを入れてません。
(PCでサイドバーをレスポンシブ表示はONです)
スキンは「選択しない（デフォルト）」です。

そもそも子テーマのスタイルシートに書くのが正解なのかもよくわかっていないので、親テーマに書き込まなきゃいけないのかな？とも思い「カスタマイズ→追加CSS」内の今まで追加したCSSをすべて削除し、親テーマのstyle.cssにPC表示用CSSコードを入力してみたものの、カスタマイズされずでした。
すべてのプラグインを停止させてもみたのですが…よくわかりません…

どんな原因が考えられるでしょうか？
当サイト→https://business087.com/gensiroku/
今現在は「カスタマイズ→追加CSS」にhttp://hikineet.com/kaereba-yomereba-css/のサイトに書かれているPC表示用コードを入力し、同サイトに書かれているモバイル表示用コードを「mobile.css」に記入しています。