<car_price_etc02>
    <div class="modal-container">
        <div class="modal-body">
            <div class="modal-close">×</div>
            <div class="modal-content">
                <table class="price-common-modal-table">
                    <tbody>
                        <tr>
                            <th>
                                技能教習補習料金MT（1時限）
                            </th>
                            <td class="text-right">
                                4,070円（税込）
                            </td>
                            <th>
                                技能教習補習料金AT（1時限）
                            </th>
                            <td class="text-right">
                                4,290円（税込）
                            </td>
                        </tr>
                        <tr>
                            <th>
                                卒業検定再受検料金（1回につき）
                            </th>
                            <td class="text-right">
                                3,850円（税込）
                            </td>
                            <th>
                                技能教習キャンセル料金（1時限）
                            </th>
                            <td class="text-right">
                                1,100円（非課税）
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <script>
        this.on('mount', function() {
            var open = $('.modal-etc'),
                close = $('#modal-etc .modal-close'),
                container = $('#modal-etc .modal-container');

            open.on('click',function(){ 
                container.addClass('active');
                return false;
            });

            close.on('click',function(){  
                container.removeClass('active');
            });

            $(document).on('click',function(e) {
                if(!$(e.target).closest('#modal-etc .modal-body').length) {
                container.removeClass('active');
                }
            });
        });
    </script>
</car_price_etc02>
