/* スマホ(480px以下)フォーム表示修正
 * 旧サイトはスマホ専用フォーム(.sp_kitform)を別途持ち、レガシーCSSが
 * #right_contents table / td を display:none にしてPC用フォームを隠していた。
 * 新サイトはフォームを1本化したため、この打ち消しで入力・確認・完了の全画面を表示する。
 * 対象: 問い合わせ(/contact)・宅配キット(/kit)・見積依頼(/estimate) の #commentForm
 */
@media (max-width: 480px) {
    #right_contents #commentForm table,
    #commentForm table {
        display: table !important;
        width: 100%;
    }
    #right_contents #commentForm th,
    #right_contents #commentForm td,
    #commentForm th,
    #commentForm td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        border-left: 1px solid #CCCCCC;
    }
    #commentForm input[type="text"],
    #commentForm input[type="email"],
    #commentForm input[type="tel"],
    #commentForm select,
    #commentForm textarea {
        width: 100%;
        box-sizing: border-box;
    }
    #commentForm input[type="file"] { max-width: 100%; }

    /* 確認画面の送信・戻るボタン */
    #pc_submit { display: block !important; }
    #pc_submit input[type="submit"],
    #pc_submit input[type="button"] {
        max-width: 100%;
        background-size: contain !important;
    }
    #pc_submit #btn_box p { text-align: center; }
}