$vtext10 = [
    'r*c0'  => '<span>0</span>',
    'r*c1'  => '1',
    'r*c2'  => '2',
    'r*c3'  => '3',
    'r*c4'  => '4',
    'r*c5'  => '5',
    'r*c6'  => '6',
    'r*c7'  => '7',
    'r*c8'  => '8',
    'r*c9'  => '9',
    'r*c10' => '10',
    'r*c99' => '?',
];
$css10 = '
    tr.pr-row-head { background: transparent !important; }
    tr.pr-row-head td { border: none !important; }
    [cnum="1"] pr-col-title { text-align: left }
    [cnum="10"] pr-col-title { text-align: right }
    pr-elem-reminder {width: 3em; min-height: 40px; font-size: 150%; margin: auto}
    @media screen and (max-device-width:650px) {
        tbody {lineHeight: 1em; font-size: 70%}
        pr-elem-reminder {width: 1.5em;}
    }
';
$js10 = '
    $(".pr-row-head [cnum]:not([cnum=1],[cnum=10])").remove();
    $(".pr-row-head [cnum=1]").attr("colspan", 5);
    $(".pr-row-head [cnum=10]").attr("colspan", 5);
    $("pr-elem").hide();

    var colors = {
        1: "bg-red-l1",
        2: "bg-red-l1",
        3: "bg-red-l3",
        4: "bg-red-l3",
        5: "bg-yellow-l4",
        6: "bg-yellow-l4",
        7: "bg-green-l3",
        8: "bg-green-l3",
        9: "bg-green-l1",
        10: "bg-green-l1",
    };

    $(document).on("change", "pr-question-main :radio, pr-question-main :checkbox", function () {
        $("[rnum]:not([rnum=99]) [cnum]").each(function () {
            var $td = $(this),
                $input = $td.find(":radio, :checkbox"),
                cnum = $td.attr("cnum");
            $td.toggleClass(colors[cnum], $input.prop("checked") && !$input.prop("disabled"));
        });
    });
';