@charset "UTF-8";

/* CSS Document */
/*-------------------------------------------------------------------------------------
PC用レイアウト（768px以上スクリーン）
----------------------------------------------------------------------------------------*/
/*--------------------------------------------------
共通設定(PC)
-----------------------------------------------------*/
/*body全体の初期スタイル調整*/
body {
  /*emの計算をしやすくするための定番設定*/
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: normal;
  color: #000;
  width: 1000px;
  margin: 100px auto;
  background-color: #FAF7F0;
}

h1{
  margin-top: -2em;
}

/*ブラウザのCSSをリセット*/
p {
  margin-bottom: 1em;
}


h2{
font-size: 1em;
}

h3 {
  margin-top: 2em;
}

/* スマホ */
@media (max-width: 768px) {
body {
  /*emの計算をしやすくするための定番設定*/
  width: 90%;
}
  .article {
  padding: 10px 10px;
}
}