スマートフォンの時、ヘッダーアイコンに変化が無いので、ログインしているのか分かりづらい。

## 概要(Overview)
スマートフォンの時、ログイン後に変化が無いので、ログインしているのか認識しづらい。
「ログイン出来ていないのか？」となり鍵アイコンを押すとログアウトし、TOPページが表示され利用者が混乱してしまう。

スマートフォンから操作をしている時、バグっているのかと思ってしまった。

PCであれば、アイコンの横にテキストがあるので、ログイン前と後の認識は出来る。


## 期待する内容(Expect) or 要望 (Requirement)
アイコンに変化をつける。
ログインしていても、していなくても「fa-lock」が表示されている。
これを、ログイン前「fa-sign-in」ログイン後「fa-sign-out」に変更したい。

## 再現手順(Procedure)
スマートフォン、もしくはブラウザ幅を小さくしてログイン操作をする。

### 環境 (environment)
+ EC-CUBE: 4.0系

## 関連情報 (Ref)