/* ===============================
  Reset CSS
================================ */

/* box-sizingを全要素に適用（paddingやborder込みでサイズ計算） */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* デフォルトの余白・装飾をリセット */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal; /* 見出しの太字をリセット */
  font-size: 100%;     /* フォントサイズのリセット */
  vertical-align: baseline;
}

/* HTML5要素をブロック要素として扱う（古いブラウザ対策） */
header,
footer,
nav,
section,
article,
main,
aside,
figure,
figcaption {
  display: block;
}

/* リストの・や番号を削除 */
ol,
ul {
  list-style: none;
}

/* 画像のはみ出し防止 & レイアウト崩れ防止 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle; /* inline要素のズレ対策 */
}

/* リンクのデフォルト装飾を削除 */
a {
  color: inherit;          /* 親要素の色を継承 */
  text-decoration: none;   /* 下線削除 */
}

/* ボタンのデフォルトスタイル削除 */
button {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

/* フォーム要素のフォント・見た目を統一 */
input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}