/*
 * Pokeca Menu Icons
 * メニュー項目の「CSS class」に pk-ic-◯◯ を入れると、その項目の文字の上にアイコンを出す。
 * WordPress がメニュー項目（li）にそのまま付けるクラスを使うので、テーマの仕組みに頼らない。
 * アイコンは文字と同じ色（currentColor）で描くので、テーマの配色にそのままなじむ。
 */
[class*="pk-ic-"] > a { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
[class*="pk-ic-"] > a::before {
  content: ""; display: block; width: 22px; height: 22px; flex: none;
  background-color: currentColor;
  -webkit-mask: var(--pk-ic) center / contain no-repeat; mask: var(--pk-ic) center / contain no-repeat;
}
/* SWELLが文字の上に自分のアイコンの枠を出す場合に、二重にならないよう隠す */
[class*="pk-ic-"] > a > i, [class*="pk-ic-"] > a > .c-iconBtn__icon { display: none !important; }

.pk-ic-home > a { --pk-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-7%209%207%22%2F%3E%3Cpath%20d%3D%22M5%2010v10h5v-6h4v6h5V10%22%2F%3E%3C%2Fsvg%3E"); }
.pk-ic-search > a { --pk-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M20%2020l-4-4%22%2F%3E%3C%2Fsvg%3E"); }
.pk-ic-rank > a { --pk-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V12%22%2F%3E%3Cpath%20d%3D%22M10%2020V6%22%2F%3E%3Cpath%20d%3D%22M16%2020v-9%22%2F%3E%3Cpath%20d%3D%22M3%2020h18%22%2F%3E%3Cpath%20d%3D%22M14%207l3-3%203%203%22%2F%3E%3C%2Fsvg%3E"); }
.pk-ic-cards > a { --pk-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%2212%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%207v12a2%202%200%200%200%202%202h9%22%2F%3E%3C%2Fsvg%3E"); }
.pk-ic-watch > a { --pk-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l2.8%205.7%206.2.9-4.5%204.4%201.1%206.2L12%2017.3%206.4%2020.2l1.1-6.2L3%209.6l6.2-.9z%22%2F%3E%3C%2Fsvg%3E"); }
.pk-ic-chart > a { --pk-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017l6-6%204%204%208-8%22%2F%3E%3Cpath%20d%3D%22M15%207h6v6%22%2F%3E%3C%2Fsvg%3E"); }
.pk-ic-new > a { --pk-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l2.4%205.6L20%208l-4.3%203.9L17%2018l-5-3-5%203%201.3-6.1L4%208l5.6-.4z%22%2F%3E%3Cpath%20d%3D%22M12%2022v-3%22%2F%3E%3C%2Fsvg%3E"); }
.pk-ic-mail > a { --pk-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%207l9%206%209-6%22%2F%3E%3C%2Fsvg%3E"); }

.pk-ic-book > a { --pk-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205a2%202%200%200%201%202-2h5v17H6a2%202%200%200%200-2%202z%22%2F%3E%3Cpath%20d%3D%22M20%205a2%202%200%200%200-2-2h-5v17h5a2%202%200%200%201%202%202z%22%2F%3E%3C%2Fsvg%3E"); }

/* 今いるページの項目は、色を少し強める（トップページの #… への移動は対象外） */
[class*="pk-ic-"].current-menu-item > a { font-weight: 700; }