@charset "UTF-8";

/* Modern Reset CSS 
  ブラウザごとの余計な装飾をリセットし、一貫性を持たせます
*/

/* 全ての要素でサイズ計算を「ボーダー・パディング込み」に固定 */
*, *::before, *::after {
    box-sizing: border-box;
}

/* デフォルトの余白をリセット */
body, h1, h2, h3, p, figure, blockquote, dl, dd {
    margin: 0;
}

/* リストの「・」を消す（メニュー作成に便利） */
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* HTML5の要素をブロック要素として定義 */
article, aside, footer, header, nav, section, main {
    display: block;
}

/* 文字の高さ（行間）を調整し、勝手なサイズ変更を防止 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    /* スムーズなスクロールを有効化 */
    scroll-behavior: smooth;
}

/* 画像が親要素からはみ出ないようにする */
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/* リンクの装飾（下線など）をリセット */
a {
    text-decoration: none;
    color: inherit;
}

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

/* ボタンのデフォルト背景や枠線を消す（カスタマイズしやすく） */
button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
}