@media screen and (max-width: 766px){
/*
Header
------------------------------------------------------------
*/
	.menu-icon{
		position: fixed;
		top: 30px !important;
		right: 5vw;
		width: 35px;
		height: 26px !important;
		z-index: 250;
		display: block;
		cursor: pointer;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}
	.menu-icon span {
		background: #FFF;
		display: block;
		width: 35px;
		height: 2px;
		margin-bottom: 10px;
		border-radius: 1px;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	.menu-icon.active {
		position:fixed;
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
		z-index:350;
	}
	.menu-icon.active .bar1{
	  -webkit-transform: rotate(0deg) translateY(7px);
	  -moz-transform: rotate(0deg) translateY(7px);
	  -ms-transform: rotate(0deg) translateY(7px);
	  -o-transform: rotate(0deg) translateY(7px);
	  transform: rotate(0deg) translateY(7px);
	  background-color: #FFF;
		margin-bottom: 0px;
	}
	.menu-icon.active .bar2 {
	  opacity: 0;
	}
	.menu-icon.active .bar3 {
	  -webkit-transform: rotate(-90deg) translateX(7px);
	  -moz-transform: rotate(-90deg) translateX(7px);
	  -ms-transform: rotate(-90deg) translateX(7px);
	  -o-transform: rotate(-90deg) translateX(7px);
	  transform: rotate(-90deg) translateX(7px);
	  background-color: #FFF;
	}
	#sp_gnavi {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: inherit;
		width: 100%;
		height: 100%;
		padding: 0 5%;
		background: rgba(0,0,0);
		overflow-y: auto;
		z-index: 300;
		text-align: left;
		text-align: center;
		color: #FFF;
	}
	#sp_gnavi p{
		margin-bottom: 50px;
	}
	.nav_logo{
		width: 200px !important;
		margin: 50px auto 45px;
	}
	ul.spnavi{
		width: 100%;
		margin: 0 auto 50px;
		border-top: 1px solid #FFF;
	}
	ul.spnavi li a{
		display: block;
		text-align: left;
		padding: 20px 5% 20px;
		border-bottom: 1px solid #FFF;
	}
	ul.spnavi li a:link,
	ul.spnavi li a:visited{
		color: #FFF;
	}
}