提供: 超解禁！ハロプロ サブスク楽曲まとめ、ってます！ － ハロー！プロジェクトの配信リンクガイド
|
|
| 1行目: |
1行目: |
| /* ロゴ全体（リンク部分も含む）を強制的にコントロール */
| |
| .mw-logo {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| }
| |
|
| |
|
| /* ロゴ画像そのもの */
| |
| .mw-logo-wordmark, .mw-logo-icon, .mw-logo img {
| |
| height: 40px !important; /* PCでのサイズ */
| |
| width: auto !important;
| |
| }
| |
|
| |
| /* スマホ表示 */
| |
| @media screen and (max-width: 720px) {
| |
| .mw-logo-wordmark, .mw-logo-icon, .mw-logo img {
| |
| height: 25px !important; /* スマホではこれくらい小さく！ */
| |
| }
| |
| }
| |
|
| |
| /* --- ロゴの表示サイズ最適化 --- */
| |
|
| |
| /* 1. PC用の設定（画面が広いとき） */
| |
| .mw-logo-wordmark {
| |
| height: 40px !important; /* PCでは高さを40pxに固定して見やすく */
| |
| width: auto !important;
| |
| max-width: none !important;
| |
| }
| |
|
| |
| /* 2. スマホ用の設定（画面幅が720px以下のとき） */
| |
| @media screen and (max-width: 720px) {
| |
| .mw-logo-wordmark {
| |
| height: 28px !important; /* スマホでは高さを抑えて検索窓を避ける */
| |
| width: auto !important;
| |
| max-width: 150px !important; /* 横幅も制限してコンパクトに */
| |
| }
| |
| }
| |
2026年2月11日 (水) 14:54時点における最新版
