/* ========================================
  reset.css
======================================== */

/* box-sizing を全体に適用 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* マージン・パディングの初期化 */
html, body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, li,
dl, dt, dd,
figure, figcaption,
blockquote,
table, th, td,
form, fieldset, legend,
input, textarea, button,
header, footer, main, section, nav, article, aside {
  margin: 0;
  padding: 0;
}

/* body 基本設定（フォントは style.css で上書き前提） */
body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* リストのスタイルを消す */
ul, ol {
  list-style: none;
}

/* リンクの初期化 */
a {
  text-decoration: none;
  color: inherit;
}

/* 画像の隙間・はみ出し防止 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border-style: none;
}

/* ボタン・フォーム系のリセット */
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}

/* ボタンのクリック挙動を明示 */
button {
  cursor: pointer;
}

/* テーブルの罫線をまとめる */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 引用の記号を消す */
blockquote, q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
}

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

/* フォーカス時の謎の枠線を消す（必要なら個別に付ける） */
:focus {
  outline: none;
}