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

	nav ul{ margin:0; padding:0;}
	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;
			top: 0;
			left: 0;
			display: none;
			width: 100%;
			height: 100%;
			background: #FF6873;
			/* background: #FF6873; */
			opacity: 0.5;
			filter: alpha(opacity=70);
			-ms-filter: "alpha(opacity=70)";
			z-index: 10;
	}
	
	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;
			top: 0;
			left: -70%;
			width: 70%;
			max-width:320px;
			height: 100%;
			background: rgba(255, 255, 255, 1);
			opacity: 0;
			z-index:9999;
			box-shadow: 0 0 2px gray;
	}
	
	header.navOpen nav {
			opacity: 1;
			left: 0;
	}
	
	header nav ul li#nav00 a{border: none;}
	header nav ul li {border-bottom: 1px solid  #DCDDDD;}
	header nav ul li a {
		position:relative;
		display:block;
		padding: 1em 1em 1em 1.5em;
		text-decoration:none;
		color: #000!important;
		text-decoration:none !important;
		font-size:16px;
	}
	
	header nav ul li a:hover {
		background:rgba(255,255,255,0.4);
	}
	
	/* header nav ul li a:before {
		position: absolute;
		top: 50%;
		right: 1.5em;
		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 #FF6873;
		border-top: 3px solid #FF6873;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	} */
	
	header .navBtn {
			display: block;
			width: 60px;
			height: 61px;
			position: absolute;
			top: 41px;
			right: 0px;
			cursor: pointer;
			padding: 15px 13px 10px 16px;
			z-index: 11;
			background:rgba(255,104,115,0.8);
	}
	header .navBtn:after{width: 53px;position: absolute;top: 39px;left: 5px;right:0;text-align:center;content: 'メニュー';font-size: 10px;color: #FFF;}
	header.navOpen .navBtn:after{width: 50px;height: 20px;position: absolute;top: 38px;left: 6px;right:0;text-align:center;content: '閉じる';font-size: 10px;color: #FFF;}
	header .navBtn span {
			display: block;
			height: 3px;
			width: 27px;
			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: 6px;
	}
	
	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(-9px) translateX(0) rotate(-45deg);
			-ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
			transform: translateY(-9px) translateX(0) rotate(-45deg);
			background: #FFF;
	}
	
	
	}