/* 初期状態（閉じる） */
.c-drawer {
  position: fixed;
  /* inset-block-start: 62px; */
  inset-inline-end: 0;
  transform: translateX(100%);
  transition: none;
}
.c-overlay {
  opacity: 0;
  pointer-events: none;
  transition: none;
}

.c-nav-toggle:checked ~ .c-drawer {
  transform: translateX(0);
}
.c-nav-toggle:checked ~ .c-overlay {
  opacity: 1;
  pointer-events: auto;
}

.is-ready .c-drawer {
  transition: transform 0.32s ease;
}
.is-ready .c-overlay {
  transition: opacity 0.32s ease;
}