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

/* 1. すべての要素のサイズ計算を「枠線込み」にする */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. デフォルトの余白を削除 */
body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
  margin: 0;
}

/* 3. リストの・（ナカグロ）と余白を削除 */
ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 4. 画像の下にできる謎の隙間を削除＆レスポンシブ対応 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* 5. フォーム部品のフォントを親要素から継承させる */
input, button, textarea, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

/* 6. ボタンのデフォルトスタイル（枠線や背景）を削除 */
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/* 7. リンクのアンダーラインを削除 */
a {
  text-decoration: none;
  color: inherit;
}

/* 8. HTML5の主要タグをブロック要素にする（古いブラウザ対策の念の為） */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

em {
  font-style: normal;
}