【Amazon】「Rufusに尋ねる」を非表示にするCSS

2025年6月23日Amazon

この記事では、PCウェブサイト版「Amazon」のヘッダーにある「Rufus」、商品ページの画像下部にある「Rufusに尋ねる」を消すCSSを紹介します。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebotスタイルボット」や「Stylusスタイラス」を利用します。

下記画像の部分です。どう見ても邪魔です。

デフォルトでは消せないと思います。

CSSを使って自身の環境上見えないよう消すことは可能です。

拡張機能を導入できるPCブラウザ版限定で、スマホやタブレットのアプリ版ではできません。

前提

「Stylebot」などのCSSを適用できる拡張機能を既に導入している前提です。

【Stylebot】サイトにCSSを適用できる拡張機能の使い方

この記事では、ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」について書き ...

 https://www.naporitansushi.com/stylebot/

Amazon上のRufus（AI）を非表示にするCSS

スタイルシートを開く

「Amazon」にアクセスします。インストールした「Stylebot」拡張機能アイコンをクリック→「Stylebotを開く」をクリックします。

右側に白紙のサイドバーが表示されます。

もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると白紙のスタイルシート画面を開けます。

CSSを書き込む

以下のコードを書き込みます。

/*【ヘッダー】Rufus*/
header#navbar-main button#nav-rufus-disco {
    display: none !important;
}

/*商品ページ画像下部の「Rufusに尋ねる」*/
div:has(>h5>[src*="/rufus/"]) {
    display: none !important;
}

下記画像のようになればOKです。右上の「×」でスタイルシートを閉じます。

再度拡張機能ボタンを押して、登録したサイト（例：www.amazon.co.jp）がオンになっていることを確認します。オンになっている間は有効になっているということです。

消えたか確認

ヘッダー、商品詳細ページの画像下部にあったRufusが消えていたらOKです。

一時的に無効化したい場合は、「Stylebot」拡張機能アイコンを左クリック→「www.amazon.co.jp」をオフにします。完全に使わなくなった場合は書き込んだコードを削除します。

【別記事紹介】レビューにあるお客様のご意見を非表示にしたい場合

以下記事を参考にしてみてください。

【Amazon】AIのまとめレビュー（お客様のご意見）を非表示にするCSS

この記事では、PCウェブサイト「Amazon」の商品画像にマウスを置いた時、その周辺にどかーんと表示され ...

 https://www.naporitansushi.com/amazon-hide-ai-summary-review...

感想

以上、PCウェブサイト版「Amazon」のヘッダーにある「Rufus」、商品ページの画像下部にある「Rufusに尋ねる」を非表示にするCSSでした。

Amazon上の不要な部分を消すCSS記事は他にも書いています。良かったら見てみてください。

Amazon | ナポリタン寿司のPC日記

ナポリタン寿司のPC日記 | Amazonカテゴリー記事一覧

 https://www.naporitansushi.com/category/stylebot-stylus/css-...