/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.navi > ul {
	display: -webkit-flex;
	display: flex;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 57px;}
.navi > ul > li {
	-webkit-flex: auto;
  	flex: auto;
	height: 57px;
	padding:0 2px 0 0;
	background:url(../images/skin/nav_line.png) no-repeat right top;}
.navi > ul > li.nonLine {padding:0;background:none;}

.navi > ul > li a {
	padding:20px 15%;
	display:block;
	text-decoration:none;
	color:#6f3f17;}
.navi > ul > li a:hover {
	color:#FFF;text-decoration:none;
	background:#7aba14;}


/*---------------------------------------------*/

.navi > ul > li > ul {
    display: none;
    width: 700px;height:320px;
    background: #FFF;
	border:solid 1px #ccc;
	font-size:14px;font-size:1.4rem;color:#6c513a;
	text-align:left;
    padding: 20px;
    position: absolute;
    z-index: 9999;
    left: 50%;
    margin: 0 0 0 -470px;}

/*.navi > ul > li > ul:before,
.navi > ul > li > ul:after {
    content: "";
    display: table;
}

.navi > ul > li > ul:after {
    clear: both;
}*/

.navi > ul > li > ul > li {
    margin: 0 0 15px;
    padding:0 0 0 10px;
	background:none;
	position:relative;}

.navi > ul > li > ul > li:before {
    font-family: 'icomoon';
	content: "\e907";
	color:#f8b026;
	vertical-align:middle;
	position:absolute;
	top:0;}

.navi > ul > li > ul > li a {
    color: #6c513a;
	padding:0 0 0 20px;}
	
.navi > ul > li > ul > li a:hover {
	color: #6c513a;
	text-decoration:underline;
	background:none;}

.navi > ul > li > ul:not(.normal-sub) > li:nth-child(3) {
	position:absolute;
	top:20px;
	left:170px;}
.navi > ul > li > ul:not(.normal-sub) > li:nth-child(4) {
	position:absolute;
	top:20px;
	left:400px;}
.navi > ul > li > ul:not(.normal-sub) > li:nth-child(5) {
	position:absolute;
	top:45px;
	left:400px;}
.navi > ul > li > ul:not(.normal-sub) > li:nth-child(6) {
	position:absolute;
	top:70px;
	left:400px;}
.navi > ul > li > ul:not(.normal-sub) > li:nth-child(7) {
	position:absolute;
	top:95px;
	left:400px;}
.navi > ul > li > ul:not(.normal-sub) > li:nth-child(8) {
	position:absolute;
	top:120px;
	left:400px;}
.navi > ul > li > ul:not(.normal-sub) > li:nth-child(9) {
	position:absolute;
	top:145px;
	left:400px;}
.navi > ul > li > ul:not(.normal-sub) > li:nth-child(10) {
	position:absolute;
	top:170px;
	left:400px;}
.navi > ul > li > ul:not(.normal-sub) > li:nth-child(11) {
	position:absolute;
	top:195px;
	left:400px;}



.navi > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 15px 0 0;}


.navi > ul > li > ul > li > ul > li {
    padding: 0 0 15px 10px;
    margin: 0;
	position:relative;}

.navi > ul > li > ul > li > ul > li a {
	padding:0 0 0 15px;}

.navi > ul > li > ul > li > ul > li:before {
    font-family: 'icomoon';
	content: "\e906";
	font-size:10px;font-weight:10px;color:#e7b874;
	vertical-align:middle;
	position:absolute;
	top:0;}


.navi > ul > li > ul.normal-sub {
    width: 300px;
	height:auto;
    left: auto;
    padding: 20px;
    margin: 0;
}

.navi > ul > li > ul.normal-sub > li {
    width: 100%;
}

.navi > ul > li > ul.normal-sub > li a {
    border: 0;
    padding:0 0 0 20px;
}