/* Header */
header {
  width: 100%;
  margin: 0 auto;
  /*  border-top: 5px solid #FFF;*/ }
  @media screen and (max-width: 768px) {
    header {
      margin: 0 auto;
      padding: 0 0 0;
      /*border-top: 5px solid #FFF;*/ } }
  header #head-area {
    width: 1080px;
    margin: 0 auto;
    padding: 20px 0; }
    @media screen and (max-width: 1100px) {
      header #head-area {
        width: 92%; } }
    @media screen and (max-width: 768px) {
      header #head-area {
        padding: 15px 0; } }
    @media screen and (max-width: 480px) {
      header #head-area {
        padding: 12px 0; } }
    header #head-area h1 {
      font-family: "BIZ UDPMincho", serif;
      font-size: 2.2em;
      line-height: 1.3em;
      font-weight: 500;
      color: #FFF;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.82); }
      @media screen and (max-width: 768px) {
        header #head-area h1 {
          font-size: 1.8em; } }
      @media screen and (max-width: 480px) {
        header #head-area h1 {
          font-size: 1.4em; } }
    header #head-area p {
      font-family: "Roboto", sans-serif;
      font-size: 0.7em;
      line-height: 1.4em;
      font-weight: 700;
      color: #FFF;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.82); }