/* Header*/
header { position: absolute; top: 0; left: 50%; height: 80px; width: 100%; z-index: 99; max-width: 1000px; transform: translateX(-50%); }
header h1 { position: absolute; left: 30px; width: 140px; top: 30px; }
header h1 img { width: 100%; height: auto; }
@media only screen and (max-width: 780px) { header h1 { left: 20px; } }
header nav ul { float: right; margin-top: 35px; padding-right: 15px; }
header nav ul li { display: inline-block; padding: 0 0.5em; }
header nav ul li a { color: #FFF; text-decoration: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 95%; white-space: nowrap; }
header nav ul li.sns { padding: 0 0.25em; }
header nav ul li.sns:hover { opacity: 0.7; }
header nav ul li.sns a img { width: 30px; }
header nav ul li.ml10 { margin-left: 1em; }
@media only screen and (max-width: 780px) { header nav ul { margin-top: 33px; }
  header nav ul li { display: none; }
  header nav ul li.sns { display: inline-block; } }