@charset "UTF-8";

/* 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;
    margin: 0;
    padding: 0;
}

/* 4. 画像が親要素からはみ出さないようにする */
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom; /* 画像下の謎の隙間を削除 */
}

/* 5. リンクの下線を消す（必要に応じて） */
a {
    text-decoration: none;
    color: inherit; /* 親要素の色を引き継ぐ */
}

/* 6. ボタンや入力フォームのフォントを親に合わせる */
input, button, textarea, select {
    font-family: inherit;
}

/* 7. ボタンのデフォルトスタイルをリセット */
button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    appearance: none;
}