/* 書類
   ============================================================================== */

/**
 * 1. すべてのブラウザで行の高さを修正します。
 * 2. iOS で向きが変わった後にフォントサイズが調整されないようにする。
 */

html {
  行の高さ: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* セクション
   ============================================================================== */

/**
 * すべてのブラウザで余白を削除します。
 */

体 {
  マージン: 0;
}

/**
 * IE で `main` 要素を一貫してレンダリングします。
 */

主要 {
  表示: ブロック;
}

/**
 * `section` 内の `h1` 要素のフォントサイズと余白を修正し、
 * Chrome、Firefox、Safari の `article` コンテキスト。
 */

h1 {
  フォントサイズ: 2em;
  マージン: 0.67em 0;
}

/* コンテンツのグループ化
   ============================================================================== */

/**
 * 1. Firefox で正しいボックス サイズを追加します。
 * 2. EdgeとIEでオーバーフローを表示します。
 */

時間 {
  ボックスサイズ: コンテンツボックス; /* 1 */
  高さ: 0; /* 1 */
  オーバーフロー: 表示; /* 2 */
}

/**
 * 1. すべてのブラウザでのフォントサイズの継承とスケーリングを修正しました。
 * 2. すべてのブラウザで奇数の「em」フォント サイズを修正します。
 */

前 {
  フォントファミリー: monospace, monospace; /* 1 */
  フォントサイズ: 1em; /* 2 */
}

/* テキストレベルのセマンティクス
   ============================================================================== */

/**
 * IE 10 のアクティブ リンクの灰色の背景を削除します。
 */

ア{
  背景色: 透明;
}

/**
 * 1. Chrome 57で下の境界線を削除する-
 * 2. Chrome、Edge、IE、Opera、Safari で正しいテキスト装飾を追加します。
 */

abbr[タイトル] {
  ボーダーボトム: なし; /* 1 */
  テキスト装飾: 下線; /* 2 */
  テキスト装飾: 下線（点線）; /* 2 */
}

/**
 * Chrome、Edge、Safari で正しいフォントの太さを追加します。
 */

b、
強い {
  フォントの太さ: 太字;
}

/**
 * 1. すべてのブラウザでのフォントサイズの継承とスケーリングを修正しました。
 * 2. すべてのブラウザで奇数の「em」フォント サイズを修正します。
 */

コード、
KBD、
サンプル {
  フォントファミリー: monospace, monospace; /* 1 */
  フォントサイズ: 1em; /* 2 */
}

/**
 * すべてのブラウザで正しいフォント サイズを追加します。
 */

小さい {
  フォントサイズ: 80%;
}

/**
 * `sub` および `sup` 要素が行の高さに影響を与えないようにします。
 * すべてのブラウザ。
 */

サブ、
すする {
  フォントサイズ: 75%;
  行の高さ: 0;
  位置: 相対的;
  垂直位置合わせ: ベースライン;
}

サブ{
  下: -0.25em;
}

すする {
  上: -0.5em;
}

/* 埋め込みコンテンツ
   ============================================================================== */

/**
 * IE 10 でリンク内の画像の境界線を削除します。
 */

画像 {
  境界線スタイル: なし;
}

/* フォーム
   ============================================================================== */

/**
 * 1. すべてのブラウザでフォントスタイルを変更します。
 * 2. FirefoxとSafariで余白を削除します。
 */

ボタン、
入力、
optgroup、
選択、
テキストエリア {
  フォントファミリー: 継承; /* 1 */
  フォントサイズ: 100%; /* 1 */
  行の高さ: 1.15; /* 1 */
  マージン: 0; /* 2 */
}

/**
 * IEでオーバーフローを表示します。
 * 1. Edgeでオーバーフローを表示します。
 */

ボタン、
入力 { /* 1 */
  オーバーフロー: 表示可能;
}

/**
 * Edge、Firefox、IE でのテキスト変換の継承を削除します。
 * 1. Firefox でのテキスト変換の継承を削除します。
 */

ボタン、
選択 { /* 1 */
  テキスト変換: なし;
}

/**
 * iOS および Safari でクリック可能なタイプのスタイルを設定できない問題を修正しました。
 */

ボタン、
[type="button"],
[タイプ="リセット"],
[type="submit"] {
  -webkit-appearance: ボタン;
}

/**
 * Firefox で内側の境界線とパディングを削除します。
 */

ボタン::-moz-focus-inner、
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  境界線スタイル: なし;
  パディング: 0;
}

/**
 * 以前のルールで設定解除されたフォーカス スタイルを復元します。
 */

ボタン:-moz-フォーカスリング、
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  アウトライン: 1px の点線の ButtonText;
}

/**
 * Firefox のパディングを修正します。
 */

フィールドセット {
  パディング: 0.35em 0.75em 0.625em;
}

/**
 * 1. Edge および IE でのテキストの折り返しを修正します。
 * 2. IE の `fieldset` 要素からの色の継承を修正します。
 * 3. 開発者がゼロ入力しても問題が起こらないようにパディングを削除する
 * すべてのブラウザの `fieldset` 要素。
 */

伝説 {
  ボックスサイズ: ボーダーボックス; /* 1 */
  色: 継承; /* 2 */
  表示: テーブル; /* 1 */
  最大幅: 100%; /* 1 */
  パディング: 0; /* 3 */
  空白: 通常; /* 1 */
}

/**
 * Chrome、Firefox、Opera で正しい垂直配置を追加します。
 */

進捗 {
  垂直位置合わせ: ベースライン;
}

/**
 * IE 10 以降のデフォルトの垂直スクロールバーを削除します。
 */

テキストエリア {
  オーバーフロー: 自動;
}

/**
 * 1. IE 10 で正しいボックス サイズを追加します。
 * 2. IE 10 でパディングを削除します。
 */

[type="チェックボックス"],
[タイプ= "ラジオ"] {
  ボックスサイズ: ボーダーボックス; /* 1 */
  パディング: 0; /* 2 */
}

/**
 * Chrome の増分ボタンと減分ボタンのカーソル スタイルを修正しました。
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  高さ: 自動;
}

/**
 * 1. ChromeとSafariでの表示の不具合を修正しました。
 * 2. Safariのアウトラインスタイルを修正します。
 */

[タイプ="検索"] {
  -webkit-appearance: テキストフィールド; /* 1 */
  アウトラインオフセット: -2px; /* 2 */
}

/**
 * macOS 上の Chrome および Safari で内側のパディングを削除します。
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: なし;
}

/**
 * 1. iOS および Safari でクリック可能なタイプのスタイルを設定できない問題を修正しました。
 * 2. Safari でフォントのプロパティを `inherit` に変更します。
 */

::-webkit-ファイルアップロードボタン {
  -webkit-appearance: ボタン; /* 1 */
  フォント: 継承; /* 2 */
}

/* 相互の作用
   ============================================================================== */

/*
 * Edge、IE 10+、Firefox で正しい表示を追加します。
 */

詳細 {
  表示: ブロック;
}

/*
 * すべてのブラウザで正しい表示を追加します。
 */

まとめ {
  表示: リスト項目;
}

/* その他
   ============================================================================== */

/**
 * IE 10 以降で正しい表示を追加します。
 */

テンプレート {
  表示: なし;
}

/**
 * IE10 で正しい表示を追加します。
 */

[隠れた] {
  表示: なし;
}