.navbar {
	position:fixed; 
	left:0; 
	top:44px; 
	/*transform:translateY(-50%);
     -webkit-transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	 -ms-transform:translateY(-50%); */ 
	 width:375px; 
	 z-index:999; 
	  }

.navi-btn-wrapper{margin-top:0; margin-left:60px; cursor:pointer;}
.navi-button-wrapper{float:right;}
.menutext {display:inline-block; text-align:right; font-size:1.125rem; padding-left:180px;padding-right:10px; }

.navi-icon{
	padding-top:15px;
	width:70px;
	height:44px;
	-webkit-transition:transform 1s ease;
	-moz-transition:transform 1s ease;
	-ms-transition:transform 1s ease;
	-o-transition:transform 1s ease;
	display:inline-block;
	}
.navi-icon .navi-icon-bar{color:#000}
.navi-icon .navi-icon-bar{
	display:block;
	visibility:visible;
	background-color:#fff;
	width:100%;
	height:5px;
	border-radius:0;
	margin-bottom:10px;
	margin-top:0;
	-webkit-transition:-webkit-transform 1s ease;
}
.navi-open .navi-icon-bar{visibility:hidden;box-shadow:none}
.navi-open .navi-icon-bar:first-child{
		visibility:visible;
		margin-top:9px;
		margin-bottom:11px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);
	}
	
    .navi-open .navi-icon-bar:last-child{
		visibility:visible;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		margin-top:-31px;
		}
	#navi-top{
		display:none;
		width:auto;
		position:relative !important;
		top:65px;
		left:0px;
		background:#ededed;
		height:500px !important;
		z-index:999;
        box-shadow: 0 0 10px;
	    -moz-box-shadow: 0 0 10px;
	    -webkit-box-shadow: 0 0 10px;		
	}
	
	#navi-top .container{padding-left:0;padding-right:0; width:50%; max-width:50%; }
	#navi-top ul{list-style:none; padding:0 1rem; margin:0; }
	#navi-top .main-navigation>li.menu-item{float:left; width:33.33%;}
	#navi-top ul li a{
		width:100%;
		text-align:center;
		display:block;
		padding:1rem 0;
		text-transform:uppercase;
		text-decoration:none;
		-webkit-transition:background-color .5s ease-in-out;
		-moz-transition:background-color .5s ease-in-out;
		-ms-transition:background-color .5s ease-in-out;
		-o-transition:background-color .5s ease-in-out;
		white-space:nowrap;
		color: #dd0b2f;
		font-size:1.25rem;
        border-bottom:1px solid #000;		 
		}
	#navi-top ul li a.active{ font-weight:700;}	
	#navi-top ul li a:hover{font-weight:700;}
	


@media screen and (max-width: 1280px) {		
    #navi-top .main-navigation>li.menu-item>a{
		background-position: center 64%;
      }
	#navi-top .main-navigation>li.menu-item:first-child>a,
	#navi-top .main-navigation>li.menu-item:nth-child(2)>a{
		background-position: center 64%;
	}	  
}
	
@media screen and (max-width: 800px) {	
	#navi-top{ top:20px; }	
}

@media screen and (max-width: 768px) {
	#navi-top{
		top:65px;
	}
	#navi-top .main-navigation>li.menu-item>a {
        width: 100%;
        line-height: 125px;
        text-align: center;
        display: block;
        text-transform: uppercase;
        font-size: 27px;
	}
	#navi-top .main-navigation>li.menu-item:first-child>a,
    #navi-top .main-navigation>li.menu-item:nth-child(2)>a	{
        font-size: 36px;
		 line-height: 175px !important; 
	}
	#navi-top .main-navigation>li.menu-item:nth-child(3)>a,
	#navi-top .main-navigation li.menu-item:nth-child(4)>a,
	#navi-top .main-navigation li.menu-item:nth-child(5)>a{letter-spacing:5px;  line-height: 175px !important; }
}

@media screen and (max-width: 760px) {
	/*.navi-btn-wrapper{ position:absolute; right:20px; margin-top:0;  top:0; } */
	.navi-button-wrapper{float:right;}
    .menutext {display:inline-block; text-align:right; font-size:1.125rem; padding-left:160px;padding-right:10px; }
	#navi-top {top:50px;  }
	#navi-top .main-navigation>li.menu-item{float:none;width:100%; }
	#navi-top .main-navigation>li.menu-item:nth-child(1),
	#navi-top .main-navigation>li.menu-item:nth-child(2){width:100%; float:none; }
	#navi-top .main-navigation>li.menu-item:first-child>a,
    #navi-top .main-navigation>li.menu-item:nth-child(2)>a,
    #navi-top .main-navigation>li.menu-item:nth-child(3)>a,
	#navi-top .main-navigation li.menu-item:nth-child(4)>a,
	#navi-top .main-navigation li.menu-item:nth-child(5)>a	{
        font-size: 36px;
		float:none !important;
		width:100% !important;
		 line-height: 4rem !important; 
		 background-image:none;
	}
}

@media screen and (max-width: 600px) {
	/* #navi-top {top:30px; } */
	.navbar {
	position:fixed; 
	left:0; 
	top:55px; 
	}
	#navi-top{
		top:38px;
	}
	
}
@media screen and (max-width: 480px) {
.navi-btn-wrapper{margin-top:0; margin-left:20px; cursor:pointer;}
#navi-top ul{list-style:none; padding:0 2rem; margin:0;}

}