/* =========================================================
   アクセシビリティ（WordPress 標準のクラス）
   .screen-reader-text … 画面には出さず、読み上げソフトには読ませる
   .skip-link          … キーボード操作時に「本文へ移動」を表示する
   ========================================================= */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus,
.skip-link:focus {
  clip: auto !important;
  clip-path: none;
  width: auto;
  height: auto;
  left: 8px;
  top: 8px;
  z-index: 100000;
  display: block;
  padding: 12px 20px;
  background: var(--bg);
  color: var(--main);
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 0 0 2px var(--main);
}