/* ==========================================================================
   reset.css
   ブラウザのデフォルトスタイルを解消し、デザインの土台を揃える
   ========================================================================== */

/* 1. 基本的なボックスモデルの設定と余白のリセット */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
}

/* 2. HTML5要素の表示設定 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 3. bodyの基本設定 */
body {
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
}

/* 4. リストスタイルの解除 */
ul, ol {
    list-style: none;
}

/* 5. フォーム要素のリセット（OS独自の見た目を消す） */
button, input, select, textarea {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    appearance: none;
    -webkit-appearance: none;
}

button {
    cursor: pointer;
    outline: none;
}

input, textarea {
    outline: none;
}

/* 6. 画像のレスポンシブ化と隙間対策 */
img, svg, video, canvas {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 7. リンクの初期スタイルを解除 */
a {
    text-decoration: none;
    color: inherit;
}

/* 8. テーブルの隙間を消す */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 9. テキストエリアのサイズ変更を縦方向に限定 */
textarea {
    resize: vertical;
}