@charset "utf-8";

/*
** Description: 性闘士☆準矢 オフィシャルサイト
** Form - CSS
** Created: 2026
** ================================================== */

/* Form
======================================== */
form {
  display: grid;
  gap: var(--space-md);
}

form input:not([type="radio"]):not([type="checkbox"]),
form textarea {
  border: 2px solid var(--color-sub);
  display: block;
  width: 100%;
  padding: var(--space-xs);
  resize: none;
  border-radius: 4px;
}

form input:not([type="radio"]):not([type="checkbox"]):focus,
form textarea:focus {
  background-color: var(--color-bg);
  border: 2px solid var(--color-text);
}

form input[type="radio"],
form input[type="checkbox"] {
  width: var(--fs-base);
  height: var(--fs-base);
  appearance: auto;
}

form textarea {
  min-height: 10em;
}

form .submit input[type="submit"] {
  font-weight: 700;
  border: 3px solid var(--color-text);
  text-align: center;
  padding-block: 1.5rem;
  margin-top: var(--space-base);
}

form .reserveCount dd {
  display: flex;
  justify-content: space-between;
  margin-top: 0.4em;
}

form .reserveCount dd label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-sub);
}

form .reserveCount dd label input {
  margin-right: 0.3em;
}

form .reserveCount dd label:has(input[type="radio"]:checked) {
  color: var(--color-text);
}