@charset "UTF-8";

/* headline */
#archive_headline,
#common_headline {
  width: 100%;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  flex-direction: column;
  justify-content: center;
  display: flex;
  height: 200px;
  margin-top: 70px;
}

#common_headline .headline {
  font-size: 36px;
}

/*---------------------------------------------------------------*\
$1000px
\*---------------------------------------------------------------*/
@media screen and (max-width: 1000px) {

  /* headline */
  #archive_headline,
  #common_headline {
    margin-top: 56px;
  }
}

/*---------------------------------------------------------------*\
$600px
\*---------------------------------------------------------------*/
@media screen and (max-width: 600px) {

  /* headline */
  #archive_headline,
  #common_headline {
    height: 160px;
  }

  #common_headline .headline {
    font-size: 24px;
  }
}