/* _reset.css */ /* ボックスモデルをborder-boxに設定 */ html { height: 100%; margin: 0; padding: 0; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /* の基本的な余白とマージンをリセット */ body { height: 100%; margin: 0; padding: 0; line-height: 1.5; /* 読みやすい行の高さ */ font-family: sans-serif; /* デフォルトのフォント */ -webkit-text-size-adjust: 100%; /* iOSのテキストサイズ調整を無効に */ } /* ヘディングのマージンをリセット */ h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 700; } /* 段落のマージンをリセット */ p { margin-top: 0; margin-bottom: 1em; /* 段落の下に余白 */ } /* リストアイテムのデフォルトスタイルをリセット */ ul, ol { margin: 0; padding: 0; list-style: none; /* リストのマーカーを削除 */ } /* リンクの初期スタイルをリセット */ a { color: inherit; /* 親要素から色を継承 */ text-decoration: none; /* 下線を削除 */ } a.button:hover { text-decoration: none; /* 下線を削除 */ } /* 画像の最大幅を親要素に合わせる */ img, video { max-width: 100%; height: auto; display: block; /* 不要な下部の隙間をなくす */ } /* フォーム要素のデフォルトスタイルを調整 */ button, input, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button { cursor: pointer; } textarea { resize: vertical; /* 垂直方向のみリサイズ可能に */ }