/*! 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: #57B3BF; 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: 14px; 
right: 0%; 
text-indent: -999em;
background:url("../images/common/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;}
#nav li { float: left; width: 100%;}

#nav li { width: 25%; *width: 24.9%; /* IE7 Hack */ _width: 19%; /* IE6 Hack */    }
#nav a { color: #fff; text-decoration: none; width: 100%; background: #57B3BF; 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 white;}
#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/common/sp_menu.png") no-repeat center; 
background-size: 50px 50px; 
}
/* a hover */
.active { opacity: 0.6;}
.active:hover { opacity: 0.6;}
}