.header{
	display:none;
	position: fixed;
	width:100%;
	top:0;
	left:0;
	background-color:black;
	color:white;
	z-index:100; 
	transition: .9s;
	box-shadow:1px 1px 3px #252525;
}

.header__div--shopname img{
	position:fixed;
	width:11%;
	top:1%;
	left:0;
}

#shoplogo{
	display:none;
	position: fixed;
	width:6%;
	top:1%;
	right:1%;
}

.header a{
	color:white;
}

.header h2{
	display:none;
	position: fixed;
	top:1.9%;
	left:63%;
	padding:0;
	margin:0;
	font-size:2.3vw;
}

.header h2 a{
	color:white;
	text-decoration:none;
}

.header h2 img{
	display:none;
	position: fixed;
	top:2.8%;
	left:60%;
	width:2.3%;
}

.header span{
	display:none;
	position: fixed;
	top:0.7%;
	left:60%;
	font-size:0.7vw;
}

.header h3 span{
	display:none;
	position: fixed;
	top:0.8%;
	left:15%;
	padding:0 2%;
	margin:0;
	color:#baa001;
	font-weight:200;
	font-size:1.8vw;
	text-shadow:2px 2px 5px gray;
}


.header hr{
	display:none;
	position: fixed;
	width:21%;
	top:5%;
	left:17%;
	height:0.3vw;
	border: 0;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
}


.header p{
	display:none;
	position: fixed;
	top:0.8%;
	padding:0;
	margin:0;
	right:8%;
	text-align:right;
	font-size:0.8vw;
}

.header p a{
	color:white;
	text-decoration:none;
}

.header ul{
	display:none;
	position:fixed;
	top:8%;
	left:10%;
	width:65%;
	padding:0.5% 1%;
	margin:0 7%;
	background: #393939; /* Old browsers */
    background: -moz-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #393939 0%, #1f1f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	*box-shadow: 1px 1px 2px black;
}

.header ul li{
	display: inline-block;
	width:19%;
	text-align:center;
}

.header ul li+ li {
  border-left: 2px solid #333;
}

.header ul li a{
	padding:2% 3%;
	font-size:1vw !important;
	color:white;
	text-decoration: none;
}

.header ul li a:link{
	color:white;
}

.header ul li a:hover{
	color:#baa001;
}