【Instagram】スマホ版検索タブのおすすめ投稿を非表示にするCSS

2025年9月16日AndroidInstagram

この記事では、Androidスマホで拡張機能を使えるブラウザ（例:Firefox）で開いたウェブサイト版「Instagram」の検索タブ内にあるおすすめ投稿を非表示にするCSSを書きます。

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

Androidスマホで拡張機能を導入できるブラウザアプリ（例:Firefox）を使ってウェブサイト版「Instagram」にアクセスした時、検索（発見）タブを開くと検索ボックスだけでなく大量のおすすめ投稿・動画などがタイル状で表示されます。

「Kiwi Browser」で開いたウェブ版「Instagram」に表示される検索ページのおすすめ投稿画像

「Firefox」はアドオンを導入できるため「Stylebot」や「Stylus」などのCSS適用拡張機能もインストールできます。

その拡張機能に本記事で紹介するCSSを書き込むことで、検索タブを検索ボックスだけにしておすすめ投稿を表示させないようにできます。

あくまでブラウザ版だけでアプリ版ではできません。あんまり大きな声では言えませんが、MODを使ってうんぬんで色々できるみたいですが、当サイトではそういうの紹介しない方針でいるので気になる方は各自調べてみてください。

1. 前提
2. スマホで開いたウェブ版インスタの検索ページのおすすめを非表示にするCSS
3. 感想

前提

以下です。

拡張機能を導入できるスマホのブラウザアプリ（Firefoxなど）をインストールしている
CSSを適用できる拡張機能を導入している
CSSを書き込む場所などが分かっている

スマホで開いたウェブ版インスタの検索ページのおすすめを非表示にするCSS

スタイルシートを開く

Androidスマホでブラウザを開いて「Instagram」にアクセスします。インストールしたCSSを適用できる拡張機能の設定ページ（スタイルシート）を開きます。僕は「Stylus」を使っています。

「Kiwi Browser」にインストールした「Stylus」の設定ページを開く手順画像

CSSを書き込む

以下のCSSを書き込みます。

CSS

/*【モバイル版】検索タブのおすすめ投稿一覧非表示*/
body:has(a[href="/explore/"] svg[aria-label="発見"][fill="currentColor"]>[d="M18.5 10.5a8 8 0 1 1-8-8 8 8 0 0 1 8 8Z"]) main>div>div:nth-of-type(1)>div {
    display: none !important;
}

/*【モバイル版】検索タブのおすすめ投稿一覧非表示*/
body:has(a[href="/explore/"] svg[aria-label="発見"][fill="currentColor"]>[d="M18.5 10.5a8 8 0 1 1-8-8 8 8 0 0 1 8 8Z"]) main>div>div:nth-of-type(1)>div {
    display: none !important;
}