@charset "utf-8";

/* ========================================
Header
======================================== */

#header {
  position: relative;
  padding: 21px 0 13px 0;
}
#header figure {
  max-width: 269px;
  margin: 0 auto 13px auto;
}
#header figure img {
  width: 100%;
}
#header h1 {
  max-width: 429px;
  margin:0 auto;
}
#header .pc {
  display: block;
}
#header .sp {
  display: none;
}
#header h1 img {
  width: 100%;
}
#header .fa {
  font-size: 34px;
  color: #fff;
}
#header div {
  position: absolute;
  top: 70px;
  left: calc(100% / 2 + 375px);
  width: 76px;
}
#header .twitter {
  margin-right: 8px;
}

@media (max-width: 600px) {
	#header {
		padding-left: 21px;
		padding-right: 21px;
	}
  #header div {
    position: relative;
    margin: 10px auto 0 auto;
    left: 0;
    top: 0;
  }
  #header .pc {
    display: none;
  }
  #header .sp {
    display: block;
  }
}