/*! responsive-nav.js 1.0.32 by @viljamis */
@media screen and (max-width: 960px) and (min-width: 0px){
    .nav-collapse ul{margin:0;padding:0;width:100%;display:block;list-style:none;}
    .nav-collapse li{width:100%;display:block;}
    .js .nav-collapse{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;overflow:hidden;zoom:1;}
    .nav-collapse.opened{max-height:9999px;}
    .disable-pointer-events{pointer-events:none !important;}
    .nav-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
    
    @media screen and (min-width:999px){.js .nav-collapse{position:relative;}
    .js .nav-collapse.closed{max-height:none;}
    .nav-toggle{display:none;}
    }
    }
    
    
    
    
    
    
    /* 739px荳九�繧�▽ */
    
    @media screen and (max-width: 640px) and (min-width: 0px){
    #nav, #nav * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    #nav, #nav ul { list-style: none; width: 100%; float: left;}
    #nav li { float: left; width: 100%;}
    
    @media screen and (min-width: 640px) { 
    #nav li { width: 25%; *width: 24.9%; /* IE7 Hack */ _width: 19%; /* IE6 Hack */    }
    }
    #nav a { color: #fff; text-decoration: none; width: 100%; background: #EE7700; border-bottom: 1px solid white; padding: 0.7em 1em; float: left;}
    #nav .alt a { background: #555}
    
    @media screen and (min-width: 640px) { 
    #nav a { margin: 0; padding: 1em; float: left; text-align: center; border-bottom: 0; border-right: 1px solid white;}
    }
    #nav ul ul a { background: #ca3716; padding-left: 2em;}
    
    @media screen and (min-width: 640px) { 
    #nav ul ul a { display: none;}
    }
    
    .nav-toggle {
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;
    user-select: none;
    display: block; 
    width: 50px;
    height: 50px; 
    padding: 15px; 
    overflow: hidden;
    position: absolute;top: 4px; 
    right: 0%; 
    text-indent: -999em;
    background:url("../images/sp/sp_menu.png") no-repeat center; 
    background-size: 50px 50px;}
    /* a hover */
    .active { opacity: 0.6;}
    .active:hover { opacity: 0.6;}
    }
    
    @media screen and (max-width: 959px) and (min-width: 641px){
    #nav, #nav * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    #nav, #nav ul { list-style: none; width: 100%; float: left; background:#EE7700;
    }
    #nav li { float: left; width: 100%;}
    
    #nav li { width: 33.3%; *width: 24.9%; /* IE7 Hack */ _width: 19%; /* IE6 Hack */    }
    #nav a {color: #fff;text-decoration: none;width: 100%;background: #EE7700;border-bottom: 1px solid white;padding: 0.7em 1em;float: left;}
    #nav .alt a { background: #555}
    
    #nav a {margin: 0;padding: 1em;float: left;text-align: center;border-bottom: 0;border-right: 1px solid #FFAB4F;}
    #nav ul ul a { background: #ca3716; padding-left: 2em;}
    
    #nav ul ul a { display: none;}
    
    .nav-toggle {
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;
    user-select: none;
    display: block; 
    width: 50px;
    height: 50px; 
    padding: 15px; 
    overflow: hidden;
    position: absolute;
    top: 14px; 
    right: 0%; 
    text-indent: -999em;
    background:url("../images/sp/sp_menu.png") no-repeat center; 
    background-size: 50px 50px; 
    
    }
    /* a hover */
    .active { opacity: 0.6;}
    .active:hover { opacity: 0.6;}
    }