#navToggle {
    display: none;
    position: fixed;
	width: 40px;
	height: 45px;
	top: 0;
	right: 0;
	background: #B54C1E;
	cursor: pointer;
	z-index: 9999;
}

#navToggle div {
    position: relative;
}

#navToggle span {
    display: block;
    position: absolute;
    /*to div*/
    width: 12px;
	left:14px;
    border-bottom: solid 2px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

#navToggle span:nth-child(1) {
    top: 17px;
}

#navToggle span:nth-child(2) {
    top: 22px;
}

#navToggle span:nth-child(3) {
    top: 27px;
}

nav.sp {
    display: flex;
    width: 100%;
    position: absolute;
    top: 60px;
    background: #F4F3DF;
    padding: 0;
    overflow: hidden;
    transition: .3s;
    height: 0;
    z-index: 999;
}

/*Media-queries_____________________________________*/

@media screen and (max-width: 1100px) {
    header nav {
		bottom: auto;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		padding: 6em 0;   
		background: rgba(0,0,0,0.6);
		min-height: 100vh;
		opacity:0;
		z-index:-1;
		transition:.3s;
		position: fixed;
		display: flex;
		justify-content: center;
    }
	nav ul{
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 18px;
	}
	header nav > ul > li.active{
		border:none;
	}
	nav > ul > li > a{
		color: #fff !important;
	}

    nav.sp {
        display: block;
    }

    #container header nav.sp {
        width: 100%;
        left: 0;
    }

    /*header menu*/
    .openNav nav {
        /*-moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);*/
		opacity:1;
		z-index:9999;
    }

    #navToggle {
        display: block;
    }

    /* Click Toggle(Button) */
    .openNav #navToggle span:nth-child(1) {
        top: 22px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .openNav #navToggle span:nth-child(2),
    .openNav #navToggle span:nth-child(3) {
        top: 22px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

/**
nav > ul > li > a {
    background: url(../parts/icon_arrow_04.png) no-repeat 96% 50%;
}*/