@charset "UTF-8";

/* ================================
*モダンなリセットCSS (2024)
- デフォルトスタイルの統一
- 余計なマージン/パディングの削除
- `box-sizing: border-box` の適用
- スムーズなスクロール
================================ */

/* すべての要素のデフォルトスタイルを統一 */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* スムーズなスクロール */
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* 100% ビューポートの高さを考慮 */
body {
    min-height: 100vh;
    line-height: 1.5;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 画像やメディア要素を親要素に収める */
img, picture, video, canvas, svg {
    max-width: 100%;
    height: auto;
    display: block;
}

/* リンクのデフォルトスタイル */
a {
    text-decoration: none;
    color: inherit;
}

/* ボタン・フォームの統一 */
button, input, select, textarea {
    font: inherit;
    border: none;
    background: none;
    outline: none;
}

/* ボタンやクリック可能な要素のカーソル */
    button, [type="button"], [type="submit"] {
    cursor: pointer;
}

/* テキストエリアのリサイズ制限 */
textarea {
    resize: vertical;
}

/* リストのデフォルトスタイル削除 */
ul, ol {
    list-style: none;
}

/* テーブルのデフォルトスタイルを統一 */
table {
    border-collapse: collapse;
    width: 100%;
}

/* 見出しタグのマージン削除（必要なら個別に設定） */
    h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
    font-size: inherit;
}

/* ダークモードでもスクロールバーが目立たないように */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 4px;
}
::-webkit-scrollbar-track {
    background: transparent;
}

/* `details` と `summary` のデフォルトスタイルを調整 */
details {
    display: block;
}
summary {
    cursor: pointer;
}

/* ユーザー選択の調整 */
::selection {
    background: #007bff;
    color: white;
}

/* Apple端末の長押し時の背景色を防ぐ */
html, body {
    -webkit-tap-highlight-color: transparent;
}