@charset "utf-8";

/* Container */
#container {
	max-width: 1020px;
	min-width: 320px;
	margin: 0 auto;
}

#navi {
	position: relative;
	margin: 1em 0;
	height: 0px;
	width: 100%;
}

#menu li ul.sub-menu {
	display: none;  /*サブメニューは最初は非表示にしておく*/
	position: absolute;  /*絶対配置にしておかないとうまくいかない*/
	top: 1em;
	left: 5%;
}
#menu li:hover ul.sub-menu {
	display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#menu li ul.sub-menu li {
	float: none;  /*サブメニューはフロートさせないので解除*/
}

.js #menu {
	display: none;
}

.slickmenuTop {
    display:block;
    position: fixed;
    width: 95%;
    top: 0;
	z-index: 100;
	background-color: #3b8d3e !important;
}

.slicknav_nav li a{
	background-color: #3b8d3e !important;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.slicknav_nav li {
	border-top: 1px solid #fff;
}

.slicknav_menu {
	background-color: #3b8d3e !important;
	top:0px;
	Opacity:0.9;
}
.slicknav_menu .slicknav_icon-bar {
	background-color: #3b8d3e !important;
}

/*navi font*/
.slicknav_menu a {
	color: #fff !important;
	text-align:center;
}
.slicknav_menu a:hover {
	color: #fff !important;
}

/*navi position*/
.slicknav_btn {
	background-color: #fff !important;
	top:4px;
	height:30px;
}

.slicknav_nav .slicknav_row:hover {
	background: #276329 !important;
}
.slicknav_nav a:hover {
	background: #276329 !important;
}

i.fa {
	font-size: 12px;
	margin-left:30px;
}

i.fa.fa-caret-right {
	display: none;
}


/*640px*/
@media screen and (min-width : 640px) {
#container{
}
	#content {
		margin: 0;
	}
	.js #menu {
		display: block;
	}
	.slicknav_menu {
		display: none;
	}
	i.fa.fa-caret-right {
		font-size: 12px;
		display: inline-block;
	}
	#navi {
		z-index: 100;
	}
}