@charset "utf-8";
html, body { background-color: #050505; }
/* すべての要素で余白をリセットし、サイズ計算を直感的にする */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* リンクのデザインをリセット */
a {
    color: inherit;
    text-decoration: none;
}

/* リストのポッチを消す */
ul, ol {
    list-style: none;
}

/* 画像が親要素を突き抜けないようにする（重要！） */
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

/* フォーム要素のフォントを親（body）と合わせる */
input, button, textarea, select {
    font: inherit;
    background: transparent;
    border: none;
    outline: none;
}

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

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

/* HTML5要素の表示保証 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
    display: block;
}

/* スクロールバーを常に表示（ガタつき防止） */
html {
    overflow-y: scroll;
}