/* ---------- ボタン ---------- */
.btn-main {
  font-family: var(--f-disp);
  font-size: 22px;
  letter-spacing: 0.06em;
  padding: 14px 16px 12px;
  background: var(--shu);
  color: #fff;
  border: 3px solid #07081a;
  box-shadow: inset 3px 3px 0 #f07a5e, inset -3px -3px 0 var(--shu-d), 0 5px 0 #07081a;
  transition: transform .06s, box-shadow .06s;
  width: 100%;
}
.btn-main:active { transform: translateY(4px); box-shadow: inset 3px 3px 0 #f07a5e, inset -3px -3px 0 var(--shu-d), 0 1px 0 #07081a; }
.btn-sub {
  font-family: var(--f-pix);
  font-size: 15px;
  padding: 10px 14px;
  background: var(--void-3);
  border: 3px solid #07081a;
  box-shadow: inset 2px 2px 0 #3e4684, inset -2px -2px 0 #161a3a, 0 4px 0 #07081a;
  color: var(--fluor);
  text-align: center;
  text-decoration: none;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.btn-sub:active { transform: translateY(3px); box-shadow: inset 2px 2px 0 #3e4684, inset -2px -2px 0 #161a3a, 0 1px 0 #07081a; }