/* PCヘッダーのXアイコン */
.header-x-icon .header-x-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-x-icon .header-x-icon-link .icon svg {
  display: block;
  width: 24px;
  height: 24px;
}

/* PCヘッダーのXリンクだけ、target="_blank"の外部リンクマークを非表示にする */
.cmn-hd_pt1 .header-menu-item.header-x-icon > a.header-x-icon-link[target="_blank"]::after {
  content: none !important;
  display: none !important;
}

/* SPハンバーガーメニュー下部のXアイコン+ラベル */
.fade-bottom-x .fade-bottom-x-link {
  display: flex;
  align-items: center;
  gap: 6px;
}
.fade-bottom-x .fade-bottom-x-link .icon svg {
  display: block;
  width: 18px;
  height: 18px;
}

/* SPハンバーガーメニュー: vh/dvhでの高さ指定がSafariの下部URLバーの
   表示状態を正しく反映しないため、top/bottomで実際の表示領域から
   高さを自動計算させる方式に変更 */
@media screen and (max-width: 896px) {
  .cmn-hd_pt1 .fade-nav {
    top: 84px; /* 既存のtop:84pxと同じ値(明示のため再掲) */
    bottom: 0;
    height: auto;
  }
}