/* ===== レスポンシブ対応（追加部分） ===== */

/* スマホでは入力欄を横幅いっぱいに */
@media (max-width: 768px) {
    input[type="text"] {
        width: auto;
        max-width: 100px;
        font-size: 18px;
    }

    td {
        font-size: 15px;
    }

    /* ボタンを大きく・押しやすく */
    input[type="submit"], input[type="button"] {
        font-size: 18px;
        padding: 12px 28px;
    }
}

/* ボタンの押し込み動作 */
input[type="submit"]:active,
input[type="button"]:active {
    transform: translateY(2px); /* 下に2px沈む */
}