追加CSSの94、95行目にスタイルタグが記述されていますが、不要と思われます。

また173行目に閉じ括弧がありません。

おそらくCSSが当たっていないです。
理由は分からないですが。

私の環境から、リフィトリーさんのCSSを当てると、以下のようになります。

リフィトリー様のＣＳＳを追加してみましが、だめでした。thmlなどの知識が少ないので、調べているのですが全くわかりません。

やはり諦めるべきでしょうか？

ちょっとよくわかりませんが、以下のコードを子テーマのCSS、もしくは、追加CSSに記述すると、どうなるでしょうか？

.appeal-in {
   display: block;
}

私のスマホからもはみ出して見えます。

キャッシュのクリアや他のブラウザアプリから見てみるとどうでしょうか。

参考

WordPressテーマ設定（CSS等含む）を変更しても反映されない場合のトラブルシューティング方法 https://wp-cocoon.com/faq-css-trouble/

アピールエリアには

<!-- wp:cocoon-blocks/balloon-ex-box-1 {"id":"52","icon":"https://27kamimen.com/wp-content/uploads/2021/09/500500.jpg"} -->
<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-52 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img src="https://27kamimen.com/wp-content/uploads/2021/09/500500.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon"><!-- wp:paragraph -->
<p>将軍ブログに来ていただき、ありがとうございます。このブログでは、パソコンやブログなどの情報を随時更新しています。そのほか趣味などについても発信しているサイトです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cocoon-blocks/balloon-ex-box-1 -->

<!-- wp:spacer {"height":50} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:cocoon-blocks/column-2 -->
<div class="wp-block-cocoon-blocks-column-2 column-wrap column-2 column-2-2-1-1 layout-box"><!-- wp:cocoon-blocks/column-left -->
<div class="wp-block-cocoon-blocks-column-left column-left"><!-- wp:paragraph -->
<p><div class="wp-block-column"><form class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" role="search" action="https://27kamimen.com/" method="get"><label class="wp-block-search__label" for="wp-block-search__input-2"><strong><span class="swl-fz u-fz-l">今すぐ検索してみよう</span></strong></label>
<p> </p>
<div class="wp-block-search__inside-wrapper"><input id="wp-block-search__input-2" class="wp-block-search__input" name="s" required="" type="search" value="" placeholder=""><button class="wp-block-search__button " type="submit">検索</button></div>
</form></div></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":40} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:cocoon-blocks/tab-box-1 {"label":"bb-hint","borderColor":"deep-orange"} -->
<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-hint block-box has-border-color has-deep-orange-border-color"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">パソコン、タブレット、ThinkPad、lenovo、レノボ、アフィリエイト、ブログ、筋トレ</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/tab-box-1 --></div>
<!-- /wp:cocoon-blocks/column-left -->

<!-- wp:cocoon-blocks/column-right -->
<div class="wp-block-cocoon-blocks-column-right column-right"><!-- wp:cocoon-blocks/micro-balloon-2 {"content":"こんな情報があります！","icon":"fab-bell","backgroundColor":"light-blue","textColor":"white"} -->
<div class="wp-block-cocoon-blocks-micro-balloon-2 micro-balloon micro-top micro-copy has-text-color has-background has-white-color has-light-blue-background-color"><span class="micro-balloon-content micro-content"><span class="micro-balloon-icon micro-icon fab-bell"></span>こんな情報があります！</span></div>
<!-- /wp:cocoon-blocks/micro-balloon-2 -->

<!-- wp:paragraph -->
<p>　●パソコンを安く買う方法</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>　●後悔しないパソコンの選び方</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>　●ブログの書き方</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>　●アフィリエイトについて</p>
<!-- /wp:paragraph -->

<!-- wp:cocoon-blocks/tab-box-1 {"label":"bb-comment","borderColor":"yellow"} -->
<div class="wp-block-cocoon-blocks-tab-box-1 blank-box bb-tab bb-comment block-box has-border-color has-yellow-border-color"><!-- wp:paragraph -->
<p>あなたの悩みを解決します！</p>
<!-- /wp:paragraph --></div>
<!-- /wp:cocoon-blocks/tab-box-1 --></div>
<!-- /wp:cocoon-blocks/column-right --></div>
<!-- /wp:cocoon-blocks/column-2 -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

となっています。

相談内容：スマホで見ると、ボックスがはみ出てしまいます。。(添付ファイル参照)

パソコンで見ると普通なのですが、スマホでみるとレイアウトが崩れてしまいます。原因わかるかたいますか？

解決のために試したこと：対策がわかりません

----------------------------------------------
サイト名：
サイトURL：https://27kamimen.com
ホームURL：https://27kamimen.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-simplicity/style.css
WordPressバージョン：5.8.2
PHPバージョン：7.4.25
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.8
カテゴリ数：8
タグ数：252
ユーザー数：2
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：3579バイト
functions.phpサイズ：262バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.6.1
Advanced Custom Fields 5.11.4
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.2.1
All in One SEO 4.1.5.3
ANG Item Manager 0.3.1
Breadcrumb NavXT 7.0.0
Classic Editor 1.6.2
Contact Form 7 5.5.3
Expander 0.3.3
Google XML Sitemaps 4.1.1
Imsanity 2.7.2
Insert Custom Fields by Himaart 1.0.0
Jetpack 10.4
Rinker 1.9.3
Shortcoder 5.6
Shortcodes Ultimate 5.11.1
Simple Custom CSS 4.0.5
Table of Contents Plus 2106
TablePress 1.14
TinyMCE Templates 4.8.1
TinyPNG - JPEG, PNG & WebP image compression 3.3
UpdraftPlus - Backup/Restore 1.16.66
WordPress Importer 0.7
WP Multibyte Patch 2.9
----------------------------------------------