@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


#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%;
font-size: 12px;
}

@media screen and (min-width: 480px) {
  #nav li {
    width: 25%;
    *width: 24.9%;
    _width: 19%;
  }

}

#nav ul li a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #35CDF9;
  border-bottom: 1px solid #C6F0FD;
  padding: 0.7em 1em;
}

@media screen and (min-width: 480px) {
	#nav ul li a {
		border-bottom: none;
	}
}

#toggle {
	display: none;
}
#navSp {
	display: none;
}
button.close {
	display: none;
}
@media screen and (max-width: 480px){
	#nav {
		background: #05549A;
	}
	#nav ul li.home {
		display: none;
	}
	#nav ul li.products {
		margin-top: 50px;
  		border-top: 1px solid #C6F0FD;
	}
	#navSp {
		position: absolute;
		top: 62px;
		clear: both;
		display: block;
		width: 100%;
		min-width: 320px;
		height: 50px;
		background: url(/img_cmn/bg_nav_01_sp.png) repeat-x;
	}
	.homeSp a {
		display: block;
		width: 48px;
		height: 50px;
		background: url("/img_cmn/img_nav_home_sp.png") no-repeat;
		text-indent: -9999px;
		overflow: hidden;

	}
	.navSpBtn {
		margin: -50px 0 0 48px;
		width: 273px;
		height: 50px;
		background: url("/img_cmn/btn_nav_sp.png") no-repeat 100% 0;
		float: right;
	}

	#toggle {
		clear: both;
		display: block;
		max-width: 100%;
	}
	button {
		border: 0;
		text-indent: -9999px;
		overflow: hidden;
	}
	button.closed {
		position: absolute;
		top: 62px;
		right: 0;
		width: 273px;
		height: 50px;
		background: transparent;
	}
	button.opened {
		position: absolute;
		top: 62px;
		right: 0;
		width: 273px;
		height: 50px;
		background: transparent;
	}
	button.close {
		display: none;

		position: relative;
		top: 0;
		margin-left: 0;
		width: 100%;
		height: 18px;
		background: #003D75 url("/img_cmn/img_nav_toggle_01.gif") no-repeat 50% 50%;
	}

}