広告を利用しています

当サイトは広告を掲載しています。消費者庁が2023年10月1日から施行した景品表示法の規制対象(通称:ステマ規制)にならないよう配慮して記事を作成しています(記事はこちら、消す方法はこちら

【Google】映画検索時の「上映時間」を非表示にするCSS

Google

Googleのアイコン画像

この記事では、PCウェブサイト版「Google」で現在上映されている映画で検索した時表示される「上映時間」を非表示にするCSSを書きます。

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

【Google】映画検索時の「上映時間」を非表示にするCSS

PCブラウザの「Google」で、現在上映されている映画タイトルを検索すると「上映時間」というエリアが表示される時があります。

例えば、2024年3月に上映されていた「映画ドラえもん のび太の地球交響楽」や「劇場版ハイキュー‼ ゴミ捨て場の決戦」を調べると自分の現在地付近にある映画館の上映スケジュールを表示してきました。

PCウェブサイト版「Google」の検索結果に表示される「上映時間」画像

映画館で頻繁に見る方は素早く検索結果上で確認できて便利な機能だと思います。

僕の場合、映画は見るけど「Amazonプライムビデオ」などのサブスクです。映画館に行くことは滅多に…というかもうここ数年は一切ないです。

本記事みたいにGoogleの検索結果をスクリーンショットしたい時、うっかり上映時間の居場所(現在地付近)がスクショにうつってしまうといちいちぼかし処理しないといけません。手間です。

CSSを利用することで最初から表示しないよう自身の環境上だけで非表示にできます。他人のデバイスには影響しません。いつでもオンオフを切り替えられます。

本記事は拡張機能を導入できるPCブラウザ向けです。スマホやタブレットではできません。

拡張機能を利用できるブラウザアプリ(例:Kiwi Browserは2025年1月で開発終了なのでMicrosoft Edge CanaryやFirefox)などをインストールしてCSSを書き込み、ブラウザ版から利用する場合はもしかしたら使えるかもしれません。

【追記】まとめて他項目も非表示にしたい方へ

PC版「Google」の検索結果に表示される以下のような項目をまとめて非表示にするCSS記事を公開しました。

ちまちま当サイトの記事をいったりきたりするのがめんどくさい方におすすめです。個別記事で紹介しているCSSを一つの記事にまとめています。

Googleを快適に使うための設定記事も書いています。

インストール方法

Chromeウェブストアからインストールできます。

Chrome拡張機能だけでなく「Microsoft Edge」と「Firefox」版もあります。本記事では「Stylebot」を紹介しますが「Stylus」などでもOKです。僕はメインでは「Stylus」を使っています。

「Chromeに追加」をクリックします。

「Stylebot」拡張機能をインストールする手順画像1

「拡張機能を追加」をクリックします。

「Stylebot」拡張機能をインストールする手順画像2

拡張機能のオーバーフローメニューに追加されたらOKです。

「Stylebot」拡張機能をインストールする手順画像3

頻繁に開く場合は拡張機能のオーバーフローメニューを開いて「Stylebot」の隣にあるピン留めアイコンをクリックします。ツールバーに直接配置されます。

「Stylebot」拡張機能を直接ツールバーに配置する手順画像

詳しい使い方を知りたい方は以下の記事を参考にしてみてください。

検索結果の「上映時間」を非表示にするCSS

スタイルシートを開く

Google」にアクセスします。拡張機能メニュ―内にあるインストールした「Stylebot」アイコンを左クリック→「Stylebotを開く」をクリックします。

「Stylebot」拡張機能のスクリーンショット1

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

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

CSSを書き込む

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

CSS
/*「上映時間」非表示(2025年03月10日修正)*/
div[data-attrid*="/film/"]:has(div>[data-movie-name]),
.wDYxhc:has([data-tblog="showtimes"] div[data-movie-name]),
.Jb0Zif.Ub31p .LMRCfc {
    display: none !important;
}
注意事項

本記事のCSSは僕が適当に作成したコードです。皆さんの環境によっては使えなかったり、サイト側の仕様変更でいつの間にか使えなくなる可能性もあります。

もし書き込んでも反映されない場合、問い合わせより教えていただければ幸いです。初心者の僕ができる範囲で修正したいと思います。

書き込めたら右上の「×」をクリックします。

「Stylebot」拡張機能のスクリーンショット2

再度拡張機能ボタンを押して、登録したサイト(例:www.google.com)がオンになっていることを確認します。オンになっている間は有効になっているということです。

消えたか確認する

現在上映されている映画の名前でGoogle検索します。

映画ドラえもん のび太の地球交響楽」や「劇場版ハイキュー‼ ゴミ捨て場の決戦」で試してみました。皆さんが本記事を見る時には上映作品は変わっていると思うので各自チェックしてみてください。

検索結果の上部、あるいは途中に挿入されていた「上映時間」項目が丸々非表示になります。最初からなかったかのようにできます。

PCウェブサイト版「Google」の検索結果に表示される「上映時間」をCSSで非表示にした比較画像

オンオフを切り替えたい時は、「Google」の検索結果上で拡張機能アイコンをクリック→「www.google.com」をオフにします。

元通り表示されます。完全に使わなくなった場合は書き込んだコードを削除します。

「Stylebot」拡張機能のスクリーンショット3

映画や音楽などの検索でサブタイトルを見切れないようにするCSS

曲名や映像の作品名を検索した時、検索結果の上部に特殊なエリアとして作品情報が表示される時があります。タイトルやサブタイトルが長いと見切れてしまい「…」で省略される場合があります。

PCウェブサイト版「Google」で映画の作品名を検索した画像

些細なことですが、見切れないようにするCSS記事を書いています。気になった方は本記事と合わせて見ていただけると嬉しいです。

感想

以上、PCウェブサイト版「Google」で現在上映されている映画で検索した時表示される「上映時間」を非表示にするCSSでした。

Google関連の記事はいくつか書いているので気になった方は参考にしていただけると嬉しいです。

2024年3月8日Google

Posted by ナポリタン寿司