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

	#nav{
	  width:inherit;
	  position:relative;
		top:0;
	}

	#nav ul{
	  display: block;
	}
	#nav ul li a{
	  margin-left:0;
	}

	#nav .online{
		width:100%;
		height:100px;
		display: block;
		position: absolute;
		bottom:30px;
	}
	#nav .online a{
		display: block;
		width:90%;
		height:100px;
		margin:5% auto;
		background:url(../img/common/tacocoro.jpg) no-repeat;
		background-size: 100% auto;
		text-indent: -9999px;
		overflow: hidden;
	}

	nav{-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	a:hover {	text-decoration: none !important;}
	.overlay {
			position: fixed!important;
			top: 0;
			left: 0;
			display: none;
			width: 100%;
			height: 100%;
			/*background: #0270D2;*/
			background: #333;
			opacity: 0.5;
			filter: alpha(opacity=70);
			-ms-filter: "alpha(opacity=70)";
			z-index: 5;
	}

	header .inner {
		position:relative;
		padding:1.5em;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	header nav {
			overflow:auto;
			position: fixed!important;
			top: 0;
			left: -75%;
			width: 75%!important;
			max-width:320px;
			height: 100%;
			background: rgba(255,255,255,1.0);
			z-index: 10279!important;
			box-shadow: 0 0 2px gray;
			font-weight: bold;
	}

	header.navOpen nav {
			opacity: 1;
			left: 0;
			z-index: 9999!important;
	}

	header nav ul li#nav00 a{border: none;}
	header nav ul li {}
	header nav ul li a {
		position:relative;
		display:block;
		padding: 1.2em 1em 1.2em 1.5em!important;
		text-decoration:none;
		color: #fff!important;
		text-decoration:none !important;
		font-size:18px;
		background: rgba(51,158,219,1.0);
		margin-bottom:2px;
	}

	header nav ul li a:hover {
		background:rgba(255,255,255,0.4);
	}

	header nav ul#fade-in li a:before {
		position: absolute;
		top: 50%;
		right: 1.5em;
		left:auto;
		display: inline-block;
		content: "";
		width: 7px;
		height: 7px;
		margin-top: -4px;
		margin-right: -4px;
		vertical-align: middle;
		border-top: 3px solid;
		border-right: 3px solid #fff;
		border-top: 3px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transition: 0;
	}
	header nav ul#fade-in li a:hover::before {
		width: 7px;
	}
	header nav ul#fade-in li.sub a {
		position:relative;
		display:block;
		padding: 0.5em 1em 0.5em 1.5em;
		text-decoration:none;
		color: #000!important;
		text-decoration:none !important;
		font-size:12px;
		background:#e8f3d0;
	}
	header nav ul#fade-in li.sub a:before {
		border: none;

	}

	header .navBtn {
			display: block;
			/* width: 64px; */
			height: 41px;
			position: fixed;
			top: 0;
			right: 0;
			cursor: pointer;
			padding: 30px 15px 0 15px;
			z-index: 999!important;
			background: rgba(51,158,219,0.8);
	}
	header .navBtn:after{width: 53px;position: absolute;top: 5px;left: 5px;right:0;text-align:center;content: 'メニュー';font-size: 10px;color: #fff;}
	header.navOpen .navBtn:after{width: 50px;height: 50px;position: absolute;top: 5px;left: 7px;right:0;text-align:center;content: '閉じる';font-size: 10px;color: #fff;}
	header .navBtn span {
			display: block;
			height: 4px;
			width: 33px;
			background: #fff;
			border-radius: 0px;
			-webkit-transition: all .5s ease-in-out;
			-moz-transition: all .5s ease-in-aout;
			transition: all .5s ease-in-out;
	}
	header .navBtn span:nth-of-type(2),
	header .navBtn span:nth-of-type(3) {
			margin-top: 7px;
	}

	header.navOpen .navBtn span:nth-of-type(1) {
			-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
			-ms-transform: translateY(9px) translateX(0) rotate(45deg);
			transform: translateY(6px) translateX(0) rotate(45deg);
			background: #fff;
	}
	header.navOpen .navBtn span:nth-of-type(2) {
			margin-top: 5px;
			opacity: 0;
			-webkit-transform: translateY(9px);
			-ms-transform: translateY(9px);
			transform: translateY(9px);
			background: #fff;
	}
	header.navOpen .navBtn span:nth-of-type(3) {
			-webkit-transform: translateY(-14px) translateX(0) rotate(-45deg);
			-ms-transform: translateY(-14px) translateX(0) rotate(-45deg);
			transform: translateY(-14px) translateX(0) rotate(-45deg);
			background: #fff;
	}

	.line01, .line02{display: none;}

footer nav{
	display: none;
}

	}