.headerPc__profile {
  display: flex;
  align-items: center;
  margin: 0 36px 0 auto;
}

.headerPc__profileIcon {
  border: 1px solid var(--color-border-low-emphasis);
  border-radius: 50%;
  object-fit: cover;
  box-sizing: border-box;
}

.headerPc__profileId {
  max-width: 138px;
  margin-left: 4px;
  color: var(--color-text-high-emphasis);
  font-size: 10px;
  font-family: Hiragino Kaku Gothic Pro, sans-serif;
  font-weight: bold;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.headerPc__profileArrow {
  display: flex;
}

/* ftlにsvgがベタ書きされているので、タグ指定してスタイルを当てるしかない */
.headerPc__profileArrow svg {
  width: 14px;
  height: 14px;
  color: var(--color-object-low-emphasis);
}

.headerPc__profileMenu {
  /* プロフィール編集ボタンに負けてしまうので、その対策用 */
  z-index: 21;
  position: relative;
  top: 8px;
  width: 160px;
  padding: 16px;
  margin-left: auto;
  color: var(--color-text-high-emphasis);
  font-size: 12px;
  border-radius: 4px;
  background: var(--color-surface-primary);
  box-shadow: 0px 11px 28px rgba(8, 18, 26, 0.12);
}

.headerPc__profileMenu.is-closed {
	display: none;
}

.headerPc__profileInfo {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--color-border-low-emphasis);
}

.headerPc__profileInfoIcon {
  border: 1px solid var(--color-border-low-emphasis);
  border-radius: 50%;
  object-fit: cover;
  box-sizing: border-box;
}

.headerPc__profileInfoId {
  margin-left: 8px;
  font-weight: bold;
  font-family: Hiragino Kaku Gothic Pro, sans-serif;
  line-height: 1.3;
  width: 104px;
  word-break: break-all;
}

.headerPc__profileMenuLink {
  display: block;
  padding: 8px 4px;

  /* 共通headerのスタイルを上書き */
  color: var(--color-text-high-emphasis) !important;
  text-decoration: none !important;
}

.headerPc__profileMenuLink:hover {
  background-color: var(--color-surface-secondary);
}

.headerPc__profileLogout {
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid var(--color-border-low-emphasis);
}

/* 共通headerのスタイルを上書き */
.headerPc#ambHeader #ambHeaderRight {
  overflow: visible;
}