@charset "UTF-8";
/*
 * A11yアコーディオン用：動作だけのCSS
 * デザインは templete4.css（などメインCSS）側で行う
 */

/* コンテナ */
#amenu {
  margin-top: 1.6rem;
}

/* アコーディオン全体 */
.accordion-nav {
  margin-top: 0;
}

/* 各項目の隙間（見た目はデザイン側で調整する前提なので0） */
.acc-item + .acc-item {
  margin-top: 0;
}

/* ボタン（動作用の最低限だけ） */
.acc-btn {
  display: block;
  width: 100%;
  cursor: pointer;
  text-align: inherit;   /* 揃えもデザイン側 */
  position: relative;
}

/* キーボードフォーカス（アクセシビリティ） */
.acc-btn:focus {
  outline: 0.2rem solid #0a7a2a;
  outline-offset: 0.1rem;
}

/* パネル（開閉アニメーション用） */
.acc-panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s ease;
}

/* hidden が付いているときは非表示（HTML属性に任せる） */
.acc-panel[hidden] {
  max-height: 0;
}