/*
 * カスタマイズ用CSS
 * ログアウトボタンのスタイル
 */

.ec-navlistRole__logout {
    color: #dc3545 !important;
    font-weight: bold;
}

.ec-navlistRole__logout:hover {
    color: #c82333 !important;
    text-decoration: none;
}

.ec-navlistRole__logout i {
    color: #dc3545;
}

/* モバイル時にPC用ナビのログアウトボタンを非表示 */
@media (max-width: 767px) {
  .ec-headerNav__item > a[href*="logout"],
  .ec-headerNav__item > a[href$="/logout"] {
    display: none !important;
  }
} 