@charset "UTF-8";
/*base.css */

/*Base setting_____________________________________*/
body {
	color:#666;
	overflow-x:hidden;
}
/*header footer*/
header {
	width:100%;
	z-index:2;
	background: #fff;
}
/*header menu_____________________________________*/
header {display:table;font-size:0;line-height:0;border-collapse: separate;
  border-spacing: 3px 0;}
header h1, nav, .onlineStore li {display:table-cell}
nav {text-align:right;vertical-align:bottom}
header h1 a img {height:40px;margin:10px}
header ul {font-size:14px;line-height:1;}
header ul li {margin-left:3px; display:inline-block;}
header ul li:last-child::after {content:''}
header ul li a {color:inherit}

/*Media-queries_____________________________________*/
@media screen and (max-width: 1000px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
header h1 a img {height:30px}
}
@media screen and (max-height: 640px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
header h1 a img {height:30px}
}
/*smaller than 640-----------------------------*/
@media screen and (max-width: 640px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
header h1 a img {height:30px}
footer {font-size:80%; padding:5px}
}