@charset "shift-jis";

/**----------グローバル目次エリア---------**/
@media only screen and (max-width: 1100px) {
	#menu li {
		width: 33%;
		border-bottom: 0px solid #4baacb;
	}
}

@media only screen and (max-width: 1100px) {
#menu {
		display: none;
	}
	#menu li {
		width: 100%;
		max-width: 100%;
	}
	
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: url(../item/menu_bg.jpg);
		height:100%;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 15px 0 13px;
		border-bottom: 1px solid #ccc;
		color:#000;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #2a83a2;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #F4F4F4;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}
	#menu li a {
		padding: 6px 10px 6px;
	}
}