カードは通常、縦並びとなります。
縦型カードの最大幅は400pxの為、右に余白ができます。
希望とするレイアウトの説明がなく、どうしたいか分からない為、以下の案を提案します。

●案1
ショートコードnew_listでtype=large_thumbとしている為、縦型のカードとなります。
カード自体をdefaut（横型カード）にすれば、余白は解消します。

●案2
縦型カードでhorizontal=1をパラメータに追加し、カードを横並びにし、水平スクロール可能とする。
https://wp-cocoon.com/2-5-2/

●案3
縦型カードを横並びする為、以下のCSSを追加。(図参照)

/* カードを横並び */
.entry-content .new-entry-cards {
  display: flex;
}

/* 画面幅480px以下の時、折り返しカードを縦に表示 */
@media screen and (max-width: 480px) {
  .entry-content .new-entry-cards {
    flex-wrap: wrap;
  }
}

@chu-ya 様

ご教授いただきありがとうございます。

説明が足りずすみません。

まさに、横並びのご提案の形にしたかったところです。

わかりやすいご説明ありがとうございます。

この形で調整してみたいと思います。

ありがとうございました。

@chu-ya 様

先日はご回答ありがとうございました。

教えていただいたようにやってみたのですが、うまくいきませんでした。

大変お手数ですがどのようにしたらよいかご教授いただけますでしょうか。

希望とするのは、横並びで2つずつ並ぶ形にしたいです。

また、写真も上の方が切れてしまっているので、この設定もなぜそうなっているのか理解できていません。

知識のない中で色々いじりすぎて迷っている状態です。

よろしくお願いいたします。

CSSは以下のようになっています。

@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template: cocoon-master
Version: 1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*---------------------------------
グローバルナビ（メインメニュー）の装飾
--------------------------------*/

#navi{
background: #FFFFFF!important; /*ナビ全体の背景色（メニュー項目以外のサイドの余白）*/
}
#navi ul li a{
color: #555555!important ; /*メインメニューにポインタを置く前の文字色*/
background:#FFFFFF!important; /*メインメニューにポインタを置く前の背景色*/
}
#navi ul li a:hover{
color:#888888!important ; /*メインメニューにポインを置いたときの文字色*/
background:#FFFFFF!important; /*メインメニューにポインタを置いたときの背景色*/
}

nav#navi, .menu-header .sub-menu{
font-weight: bold; /*メインメニュー文字を太字に*/
}
/* ナビゲーションメニューのフォント指定 */
#navi-in a {
font-family: "Comic Sans MS" ;
}
#navi-in a{/*ヘッダーメニューのフォントサイズ*/
font-size:18px;
}

/*タイトル非表示*/
.page .entry-title{
display: none;
}

/*画像を横幅いっぱいに*/
@media screen and (min-width: 769px) {
.page .eye-catch,
.max-img {
margin-left: -29px;
margin-right: -29px;
}
}

@media screen and (max-width: 768px) {
.page .eye-catch,
.max-img {
margin-left: -10px;
margin-right: -10px;
}
}

/************************************
** ●コメントを送信ボタンのカスタマイズ
************************************/
.wpcf7-submit {
border: solid 2px #000!important; /*枠線*/
border-radius: 6px!important; /*角丸コーナー*/
font-size: 18px!important; /*フォントサイズ*/
color: #fff!important; /*フォントカラー*/
background-color: #000000!important; /*背景色*/
letter-spacing: 30px!important; /*文字間隔*/
}
.wpcf7-submit:hover{
color: #FFF!important; /*フォントカラー*/
background-color: #000000!important; /*背景色*/
}

/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
max-width: 100%;
}

/*ロゴを真ん中よせ*/
.logo{
text-align:center;
}

nav#navi, .menu-header .sub-menu{
    /*border-bottom:1px solid; スラッシュ*を消すと線が出る
    border-top:1px solid;
}

/*タイトル非表示*/
.page .entry-title{
display: none;
}

.footer {
margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
background: #444d53; /*フッター背景色*/
border-top: 4px solid #72c7e6; /*上部にボーダー追加*/
}
.footer-bottom {
margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
float: none;
bottom: auto;
position: static;
margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
padding: 0;
max-width: 300px; /*ロゴ画像を少し大きく*/
margin: 0 auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
float: none;
text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
justify-content: center;
margin-bottom: 1em;
}
.navi-footer-in a {
color: #aab3b9; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
color: #aab3b9; /*文字色を通常時と同じに*/
background: none; /*背景色をなしに*/
text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
color: #aab3b9; /*クレジットの文字色*/
}
@media screen and (max-width: 834px) {
.navi-footer-in > .menu-footer li.menu-item {
border: none; /*モバイルでメニューのボーダーを消す*/
}
}
@media screen and (max-width: 460px) {
.navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
width: 100%;
display: block;
flex: auto;
padding: 0.3em 0;
}
}

.top-title01 {
display: flex;
align-items: center; /* 垂直中心 */
justify-content: center; /* 水平中心 */
font-size: 24px;
margin-bottom:1em;
}
.top-title01:before, .top-title01:after {
border-top: 1px solid;
content: "";
width: 3em; /* 線の長さ */
}
.top-title01:before {
margin-right: 1em; /* 文字の右隣 */
}
.top-title01:after {
margin-left: 1em; /* 文字の左隣 */
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/

.sidebar {/*モバイル用サイドバーのフォントサイズ*/
font-size: 0.5em;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}

/* カードを横並び */
.entry-content .new-entry-cards {
display: flex;
}

/* 画面幅480px以下の時、折り返しカードを縦に表示 */
@media screen and (max-width: 480px) {
.entry-content .new-entry-cards {
flex-wrap: wrap;
}
}

@unique さん

問題が2点あります。
CSS以前に、先ず固定ページを修正して下さい。

●HTML
固定ページそのものに問題があります。
図示するよう、新規記事カードが、preタグに囲まれており。
preタグはソースコードを掲載するタグです。

「新規記事」の見出しにtableタグが用いられており。
見出しはh2～h6タグを用いるべきです。

●CSS
★コメントが閉じられていない。

nav#navi, .menu-header .sub-menu{
     /*border-bottom:1px solid; スラッシュ*を消すと線が出る★
     border-top:1px solid;
}