SASSという仕組みでCSSが作られている為、そのような表示となっています。
SASSについては別途詳しく調べていただければと思いますが、
ざっくりと説明すると、CSSを作る為のプログラムをコンパイルしてCSSを作り出す技術で
検証ツールで表示されている****.scssはCSSを作る為のプログラム（元ソース）になります。
SASSの開発者はそのほうが都合が良い為です。

chromeの場合、設定で元ソースではなくCSSを表示するように変更できます。
ECCUBEの話ではなく、chrome全般の操作になるので詳しい説明は割愛しますが
以下のサイトで「Enable CSS source maps」にチェックが付いている画面の画像がありますので
そのチェックボックスのチェックを外してください。
https://blog.webico.work/chrome-live-sass

firefoxの場合、****.scss:行数の表示上で右クリック→元のソースを表示のチェックを外すと
CSSのファイル名、行数に表示が切り替わります。

----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
■EC-CUBE3マニュアル
■blog