@charset "UTF-8";

#toggle {
	display: none;
}

@media screen and (max-width:480px) {

  #menu {
	display: none;
  }

  #globalNavi ul {
	margin: 0;
  }

  #globalNavi ul li {
	width: 100%;
	margin: 0;
	float: none;
	list-style: none;
	background-image: none;
	background-color: #888;
	border: 0;
	border-top: 2px solid #fff;
  }

  #globalNavi ul li a {
	height: 40px;
	padding: 30px 0 10px;
	display: block;
	text-decoration: none;
	background-color: #888;
	background-image: none;
	color: #fff!important;
  }

  #toggle {
	display: block;
	position: relative;
	width: 100%;
	background-color: #888;
  }

  #toggle a {
	display: block;
	position: relative;
	height: 40px;
	padding: 25px 0 10px;
	border-bottom: 1px solid #444;
	color: #fff;
	text-align: center;
	text-decoration: none;
  }

  #toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 22px;
	left: 10px;
	width: 30px;
	height: 30px;
	background: #fff;
  }

  #toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	width: 30px;
	height: 6px;
	background: #888
  }

  #toggle a:before {
	top: 28px;
  }

  #toggle a:after {
	top: 40px;
  }
}