/* ✅ 入力フィールドのリセット */
input, textarea, select, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    /* 角丸を防ぐ */
    /*font-family: inherit;*/
    /* フォントを統一 */
    /*font-size: 16px;*/
    /* iOSのズームを防ぐ */
    box-shadow: none;
    /* iOSの影を削除 */
    outline: none;
    border: 1px solid #ccc;
    /* 標準のボーダー */
    background: white;
    /* 背景色を統一 */
    padding: 8px;
}

/* ✅ iOSでボタンの青色スタイルを無効化 */
button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #007bff;
    /* 好きな色を設定 */
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
}

/* ✅ iOSでのフォーカス時の強調表示を防ぐ */
input:focus, textarea:focus, select:focus {
    outline: none;
    box-shadow: none;
}

/* ✅ iOSでのタップ時のハイライトを無効化 */
a, button, input, textarea, select {
    -webkit-tap-highlight-color: transparent;
}

/* ✅ iOSの「戻るボタン」でフォームの値がクリアされるのを防ぐ */
input, textarea {
    text-transform: none;
    autocapitalize: none;
    spellcheck: false;
    -webkit-text-size-adjust: 100%;
}

/* ✅ iOSでボタンを長押しすると拡大されるのを防ぐ */
button, input[type="submit"], input[type="button"] {
    touch-action: manipulation;
}

/* ✅ 選択ボックスの矢印をカスタム（iOSデフォルトデザインを防ぐ） */
select {
    background: url('arrow-down.svg') no-repeat right 10px center;
    background-size: 12px;
    padding-right: 30px;
}

/* ✅ スクロール時にiOSで勝手にズームされるのを防ぐ */
html, body {
    -webkit-text-size-adjust: 100%;
}