画面のレイアウトが崩れる・アイコンが表示されない場合の対処法

作成者: 非表示執筆者｜Feb 13, 2026, 12:00:03 AM

　「楽楽販売」の画面において、「アイコンが表示されない」「文字の配置が崩れる」といった
　事象が発生する場合があります。これはご利用のセキュリティソフト等の設定により、
　必要なデータの読み込みがブロックされていることが主な原因です。

【原因】
　2026年2月9日のVer.11.0アップデート（UI変更）に伴い、画面上のアイコンや
　フォントデータを外部サイトからリアルタイムに取得する仕様に変更されました。

　ご利用のPCやネットワーク環境にてセキュリティソフトやWebフィルタリング機能を
　ご利用の場合、これらの通信が「外部への不要なアクセス」とみなされ、
　遮断（ブロック）されてしまうことがあります。

【解決方法（回避策）】
　セキュリティソフトをご利用の場合、
　以下のURLを許可するよう設定変更をお願いします。

・許可が必要なURL
　https://fonts.gstatic.com
　https://fonts.googleapis.com

【ご注意】
　設定方法の詳細は、ご利用のセキュリティソフトのメーカー、または貴社のIT管理部門
　（システム担当者様）へお問い合わせください。

【補足】UIリニューアル（Ver.11.0）以降の表示不具合・メニュー非表示への対処方法（PC・iPad共通）

Ver.11.0アップデートに伴う「楽楽販売」の画面デザイン刷新により、システム全体の視認性と操作性を向上させるため、画面上の各種アイコンやフォントデータを外部サイト（Googleが提供するCDNサーバー）からリアルタイムに取得して描画するシステム仕様へと変更されました。

特定のPC環境やiPadなどのタブレット環境において、「画面が真っ白になる」「メニューが消える」「アイコンが☒と表示される」「文字やシステムコードが重なって表示される」といったトラブルが発生する場合は、以下の原因と対処手順をご確認ください。

1. 発生している主な事象と原因

特定のネットワークやデバイス環境において、以下のような「表示が正しく行われない」トラブルが報告されています。

画面上部の「楽楽販売」ロゴや「トップページ」「管理者設定」などの共通メニューバーが消えてしまい、トップページに戻れなくなる。
画面全体が真っ白になり、レコード一覧やメニュー設定画面などが何も表示されない。
マスタの特記事項や詳細画面などの項目に、本来表示されるはずのない「関係のない担当者名」や「システム内部のコードのような文字列」が重なって表示され、バグのように見える。
画面上のアイコンが表示されず（または「☒」と表示される）、文字の配置や枠線などのレイアウトが重なって見える（特にiPadなどのタブレット環境）。
【特徴】画面上では表示が乱れて見えるが、そのデータをExcelやPDFで出力（ファイル生成）した際には、正しい内容で正常に出力されている。
画面を更新（F5リロード）したり、しばらく時間を置くと一時的に表示が戻るが、操作していると再発する。

これらの事象は、セキュリティソフト等による外部データ（Google提供フォント）の通信制限や、ブラウザの一時キャッシュ情報の干渉、グラフィック描画処理の競合、一部のブラウザ拡張機能の干渉などが影響している可能性が高いです。「楽楽販売」に登録されているデータベース（実データ）自体が破損したり書き換わったりしているわけではございませんのでご安心ください。

エラーを解消するための確認・対処手順

1．社内ネットワーク・セキュリティソフトでの通信許可設定

社内Wi-Fiやプロキシ、セキュリティ対策（Webフィルタリング等）が施されたネットワーク環境からアクセスしている場合、画面表示に必要な外部リソースへのアクセスが「不要・安全ではないアクセス」としてセキュリティフィルターに引っかかり、遮断されている可能性があります。

【確認・対処箇所】貴社のネットワーク管理者様、またはITセキュリティ管理部門様
【対応手順】
セキュリティソフトや社内プロキシ、ファイアウォール等のホワイトリスト（通信許可リスト）に、以下の2つのドメイン（ポート番号：443 / HTTPS）を追加登録するようご依頼ください。

https://fonts.gstatic.com （主にアイコンフォント実データの読み込みに使用）
https://fonts.googleapis.com （主にフォント用スタイルシートの読み込みに使用）

※該当のURLを許可することで、アイコンやフォントデータが正常に読み込まれるようになり、表示されなかった上部メニューやアイコンが正しく表示されるようになります。

2．PC環境におけるブラウザの設定変更・キャッシュクリア

ネットワーク制限を解除しても改善しない場合、または個人のPCでのみ発生する場合は、ブラウザに残っている古いキャッシュ、ハードウェア描画設定、あるいはブラウザの拡張機能（アドオン）が干渉している可能性があります。以下の手順を順にお試しください。

手順①：ブラウザのキャッシュを完全に消去する

ブラウザ（Google Chrome / Microsoft Edge等）を起動した状態で、キーボードの「Ctrl + Shift + Delete」キーを同時に押します。
「閲覧履歴データの削除」画面が表示されたら、期間で「全期間」を選択し、「キャッシュされた画像とファイル」のみにチェックを入れます。
「データを削除（今すぐクリア）」ボタンをクリックします。削除完了後、ブラウザを一度完全に閉じて再起動し、再度「楽楽販売」にログインし直してください。

手順②：グラフィック描画補助機能（ハードウェアアクセラレーション）をオフにする

パソコンのグラフィックボード（GPU）の処理とブラウザの描画機能が干渉し、画面が真っ白に固まったり文字が重なったりすることがあります。その場合はブラウザの設定で描画補助機能をオフにしてください。

ブラウザの右上にある「メニュー（…）」から「設定」を開きます。
設定内の検索バーに「ハードウェア」と入力するか、メニューの「システムとパフォーマンス（またはシステム）」項目を選択します。
「使用可能な場合はグラフィックスアクセラレータを使用する（またはハードウェアアクセラレーションを使用する）」のトグルスイッチを「オフ（無効）」に切り替えます。
切り替え後に表示される「再起動」ボタンをクリックして、ブラウザを再起動します。

手順③：干渉しているブラウザ拡張機能（アドオン）を一時的に停止する

画面の描画やCSSスタイル、JavaScriptの挙動を強制的に変更するようなブラウザの拡張機能を利用している場合、リニューアル後の新しいデザイン表示と競合してしまい、画面が崩れるケースがございます。
特に、「ダークモード化ツール（画面を黒背景にするもの）」「広告ブロックツール（AdBlock等）」「翻訳ツール」などを導入している場合は、一時的にこれらを無効化（またはオフ）にして、再度「楽楽販売」にログインして表示をご確認ください。

3．iPad・タブレット環境における表示モード切り替えと画面の向き調整

iPadなどのタブレット環境では、画面解像度やモバイル用ブラウザの設定により要素の重なりが起きやすくなります。以下の設定をご確認ください。

手順①：表示モードを「デスクトップ用Webサイト」に強制切り替えする

iPad上のブラウザがモバイル用サイトとして認識して表示している場合、新しいPC向け画面設計が正しく縮小描画されず、レイアウト崩れの原因となります。

Safariの場合： アドレスバー左側の「ああ」（または「aA」）アイコンをタップし、メニューから「デスクトップ用Webサイトを表示」を選択します。
Google Chromeの場合： 画面右上の「…」メニューから「PC版サイトを見る」を選択します。

手順②：端末を「横向き（横画面）」にして操作する（推奨）

「楽楽販売」の新しい画面構成はPCの横幅解像度をベースに設計されているため、タブレット端末を縦に持った状態では表示幅が極端に狭くなり、メニューが重なり合って使いづらくなります。タブレット使用時は、端末を「横向き」に固定してのご利用を推奨いたします。

※iPadの設定反映時にもブラウザのキャッシュ削除が必要です
ネットワークの制限解除や設定変更を行っても、古いエラーキャッシュがiPadブラウザ内に残っていると、表示不具合や「☒」の表示が直らないケースが多く発生します。設定後は必ず以下の手順でキャッシュをクリアしてください。

・Safari： iPadの「設定」アプリ ➔ 「Safari」 ➔ 「履歴とWebサイトデータを消去」を実行します。
・Chrome： 右上の「…」 ➔ 「閲覧履歴データの削除」 ➔ 「キャッシュされた画像とファイル」のみチェックを入れ、削除を実行します。

4．【仕様制限】以前のUIデザインや配色に戻すことはできません

「画面がモノトーン（薄いグレー等）に変わって見づらくなったため、以前のカラー表示に戻したい」「メニューの幅を以前のサイズに戻したい」というご要望をいただくことがございます。

しかしながら、Ver.11.0以降の新しいUIデザインおよび配色（テーマカラー）は、システム全体の安全性と基盤刷新を目的とした全ユーザー様共通・統一の製品仕様となっております。そのため、以前のデザインに戻したり、ユーザー様ごとにテーマカラーを個別に自由カスタマイズ・変更したりする機能は現在ございません。システムの安定稼働と共通メンテナンス性向上のための仕様となりますので、何卒ご理解とご了承を賜りますようお願い申し上げます。

タブレット（iPad OS等）のご利用に関する重要な注意点

【確認箇所】 管理者設定＞システム設定＞動作環境

誠に恐れ入りますが、「楽楽販売」における推奨動作環境は、「Windows OS上のGoogle ChromeおよびMicrosoft Edge」のみとなっております。
iPad OS、iOS、Android OSなどのモバイル系OSや各種ブラウザアプリは、開発における正確な動作検証が行われていない「動作保証外」の環境となります。

そのため、今後のOSやアプリのアップデート等に伴い、予期せぬ挙動や表示不具合が発生する可能性がございます。特にデータの登録、DB設定の編集などの重要な基幹業務操作を行う際は、推奨動作環境を満たしたパソコン端末からご利用いただくことを強く推奨いたします。