/*--------header-----------*/


/*ハンバーガーメニューのエフェクト*/
.slicknav_icon,
.slicknav_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.slicknav_icon {
    position: relative;
    width: 50px;
    height: 44px;
}
.slicknav_menu .slicknav_icon-bar{
    position: absolute;
    left: 0;
}
.slicknav_icon span:nth-of-type(1) {
    top: 0;
}
.slicknav_icon span:nth-of-type(2) {
    top: 3px;
}
.slicknav_icon span:nth-of-type(3) {
    bottom: 0;
}
.active .slicknav_icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
.active .slicknav_icon-bar:nth-of-type(2) {
    opacity: 0;
}
.active .slicknav_icon-bar:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}


.menu-container {
	width: 100%;
	top: -100px;
	margin:0 auto;
	line-height: 1;
	z-index: 999;
	border-top:#4B4B4B 1px solid;
	background:linear-gradient(to right, #93923f, #5a6f31);
}
.menu-container a{color:#fff;}


/*--------固定化されたときのCSS-----------*/

.menu-container.fixed {
	top: 0;
	position: fixed;
	padding: ;
	border-top:none;
	background:rgba(90,111,49,0.95);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}




/*------------タブレット用------------------*/

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


.menu-container .inner{width:100%; }

}

/*画像サイズ600px以下*/
@media only screen and (max-width:600px)  {

.menu-container{position:fixed; top: 0; z-index: 999; background:rgba(90,111,49,0.95);}
.menu-container .inner{width:100%; }

}