楽天PCカテゴリページにレフトナビの横出来た空白スペースについて

Question

いつもお世話になっております。
楽天ショップのカテゴリページの横にPCモニターサイズによってお大きいな白スペースが出てしまってます。
https://item.rakuten.co.jp/3qee/c/0000000325/
コード関係は全くの素人で、改善方法をご教授ください。

ヘッダーコンテンツ中のcssは下記のようなものが入ってます。
上部：

    /* スタイルはここに追加 */
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    header {
      background-color: #FFFFFF;
      color: #fff;
      padding: 10px 20px;
      text-align: center;
    }
    .logo {
      margin-top: 10px;
      width: 100%; /* ロゴをブラウザの幅に合わせる */
    }
    .logo img {
      max-width: 100%; /* ロゴ画像の幅を100%に設定 */
      height: auto; /* 高さを自動に設定 */
    }
    nav {
      background-color: #d5923b; /* ナビゲーションの背景色を赤に設定 */
    }
    nav ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      max-width: 100%; /* ナビゲーションの幅をブラウザの幅に合わせる */
      overflow: auto; /* ナビゲーションが横に並ぶ場合にスクロールバーを表示 */
    }
    nav ul li {
      display: inline;
      margin-right: 20px;
    }
    nav ul li a {
      color: #fff;
      text-decoration: none;
      font-size: 18px;
    }
    nav ul li a:hover {
      text-decoration: underline;
    }
    table {
      width: 100%; /* テーブルをブラウザの幅に合わせる */
    }
    table td {
      background-color: #fff; /* テーブルセルの背景色を白に設定 */
    }

    /* メディアクエリ */
    @media screen and (max-width: 768px) {
      .logo img {
        width: 100%; /* ロゴの幅を100%に設定し、ブラウザ幅に合わせる */
      }
      nav ul {
        display: none; /* デバイス幅が768px以下の場合、ナビゲーションを非表示にする */
      }
      nav ul li {
        display: block; /* デバイス幅が768px以下の場合、リスト項目をブロック要素に変更する */
        margin-bottom: 10px; /* デバイス幅が768px以下の場合、リスト項目のマージンを追加する */
      }
    }
  

下部：









レフトナビゲーションのcssは下記のようなものが入ってます。









/* 検索窓 */
.search {
	width: 200px;
	margin: 17px 0 0;
	padding: 0;
	text-align:center;
}

.search input {
	margin-top: 5px;
	padding: 5px;
}

/* バナー */
.banner {
	margin: 20px auto;
}

.banner a {
	text-decoration: none;
	transition: all 0.4s;
}

.banner a:hover {
	opacity: 0.7;
	transition: all 0.4s;
}

/* カテゴリ */

.category {
	width: 200px;
}

.category h4 {
	margin: 30px 0 5px;
	padding: 0;
	font-size: 14px;
	color: #999900;
	text-align: center;
}

.category ul {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
}

.category li {
	background-color: #d5923b;
	border-radius: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}

.category a {
	display: block;
	border-radius: 10px;
	color: #FFF;
	text-decoration: none;
	padding: 5px 10px;
}

.category a:hover {
	background-color: #FF3300;
}




お手数をおかけしますが、よろしくお願いいたします。

Answer

ECマスターズの田村です。

> 楽天ショップのカテゴリページの横にPCモニターサイズによってお大きいな白スペースが出てしまってます。
> https://item.rakuten.co.jp/3qee/c/0000000325/
> コード関係は全くの素人で、改善方法をご教授ください。

test.html　のファイルを添付させていただきました。

添付ファイルを一度、PCに保存いただき
ファイルを開いてご確認いただきたいのですが

ファイル内のように編集をご希望であれば、
下記の手順でご確認ください。

RMSトップ > 店舗設定 > 5 デザイン設定 > ヘッダー・フッター・レフトナビ
から利用中のテンプレートの編集ボタンをクリック
https://ec-masters.gyazo.com/da89c2919d7ba47c2c23c18446e7e1b2

ヘッダーコンテンツ内にございます
下記の部分を削除いただければファイル内のように
修正が可能になりますのでご確認ください。
https://ec-masters.gyazo.com/a96ac484ce4ebb92f7846df2da195ed2

    table {
      width: 100%; /* テーブルをブラウザの幅に合わせる */
    }

お試しいただけますと幸いです。###HR######FILE043586d4d4bdd4d1fe15223fc5e2793a3.htmlFILE0###

Answer

田村　様
　早速のご回答をありがとうございます。
　ご教授の通り対象コードを削除したら、解消できました。
　ありがとうございました。

Answer

ECマスターズの田村です。

解決のためのサポートができ
何よりでございます。

引き続き、よろしくお願いします。