/* Minification failed. Returning unminified contents.
(2,1): run-time error CSS1019: Unexpected token, found '$'
(2,2): run-time error CSS1019: Unexpected token, found '('
(2,3): run-time error CSS1019: Unexpected token, found 'function('
(2,12): run-time error CSS1019: Unexpected token, found ')'
(2,13): run-time error CSS1019: Unexpected token, found '{'
(3,10): run-time error CSS1031: Expected selector, found '='
(3,10): run-time error CSS1025: Expected comma or open brace, found '='
(10,13): run-time error CSS1030: Expected identifier, found 'on('
(10,13): run-time error CSS1031: Expected selector, found 'on('
(10,13): run-time error CSS1025: Expected comma or open brace, found 'on('
(23,6): run-time error CSS1019: Unexpected token, found ')'
(25,11): run-time error CSS1030: Expected identifier, found 'on('
(25,11): run-time error CSS1031: Expected selector, found 'on('
(25,11): run-time error CSS1025: Expected comma or open brace, found 'on('
(29,6): run-time error CSS1019: Unexpected token, found ')'
(30,1): run-time error CSS1019: Unexpected token, found '}'
(30,2): run-time error CSS1019: Unexpected token, found ')'
 */
// JavaScript Document
$(function(){
var menu = $('.cmn_slide_menu'),
    menuBtn = $('.cmn_menu_btn'),
    body = $(document.body),
    // .layer もオブジェクト化    
    layer = $('.layer'),
    menuWidth = menu.outerWidth();                
         
    menuBtn.on('click', function(){
    body.toggleClass('open');
        if(body.hasClass('open')){
            // css で非表示にしていた .layer を表示
            $(".layer").show();
            body.animate({'right' : menuWidth }, 100);
            menu.animate({'right' : 0 }, 100);                    
        } else {
            // .layer を非表示
            $(".layer").hide();
            menu.animate({'right' : -menuWidth }, 100);
            body.animate({'right' : 0 }, 100);            
        }             
    });
    // .layer をクリック時にもメニューを閉じる
    layer.on('click', function(){
            menu.animate({'right' : -menuWidth }, 100);
            body.animate({'right' : 0 }, 100).removeClass('open');
            layer.hide();
    });
});