/**
 * お問い合わせフォーム専用（contact.php）
 * メインの style.css（SCSSビルド）と独立して更新・差し替え可能
 * 店舗セレクト [select* your-shop id:shop ...] を input / textarea と同じ見た目に
 */

/* form-table 内の select（旧HTMLフォーム／CF7で class="form-table" がある場合） */
.form-table select {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #535353;
  padding: 4px 28px 4px 4px;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23535353' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 8px;
  cursor: pointer;
}

/* CF7：店舗セレクトなど */
.wpcf7-form select,
.wpcf7-form .wpcf7-select,
#shop {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #535353;
  padding: 4px 28px 4px 4px;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23535353' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 8px;
  cursor: pointer;
}