/*! normalize.css v8.0.1 | MIT ライセンス | github.com/necolas/normalize.css */

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

/**
 * 1. すべてのブラウザで行の高さを修正します。
 * 2. iOS での向き変更後のフォント サイズの調整を防止します。
 */

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

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

/**
 * すべてのブラウザでマージンを削除します。
 */

体 {
  マージン: 0;
}

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

主要 {
  表示ブロック;
}

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

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

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

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

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

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

前{
  font-family: モノスペース、モノスペース; /* 1 */
  フォントサイズ: 1em; /* 2 */
}

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

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

{
  背景色: 透明;
}

/**
 * 1. Chrome 57-で下枠を削除
 * 2. Chrome、Edge、IE、Opera、および Safari で正しいテキスト装飾を追加します。
 */

略語[タイトル] {
  ボーダーボトム: なし; /* 1 */
  テキスト装飾: 下線; /* 2 */
  text-decoration: 点線の下線; /* 2 */
}

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

b、
強い {
  font-weight: 太字;
}

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

コード、
kbd、
サンプル{
  font-family: モノスペース、モノスペース; /* 1 */
  フォントサイズ: 1em; /* 2 */
}

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

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

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

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

サブ {
  下: -0.25em;
}

すする {
  上: -0.5em;
}

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

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

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

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

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

ボタン、
入力、
オプトグループ、
選択する、
テキストエリア {
  font-family: 継承; /* 1 */
  フォントサイズ: 100%; /* 1 */
  行の高さ: 1.15; /* 1 */
  マージン: 0; /* 2 */
}

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

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

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

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

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

ボタン、
[タイプ="ボタン"]、
[タイプ="リセット"]、
[タイプ="送信"] {
  -webkit-appearance: ボタン;
}

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

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

/**
 * 以前のルールで設定されていなかったフォーカス スタイルを復元します。
 */

ボタン:-moz-focusring,
[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 でフォントのプロパティを「継承」に変更します。
 */

::-webkit-file-upload-button {
  -webkit-appearance: ボタン; /* 1 */
  フォント: 継承; /* 2 */
}

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

/*
 * Edge、IE 10+、および Firefox に正しい表示を追加します。
 */

詳細 {
  表示ブロック;
}

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

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

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

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

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

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

[隠れた] {
  表示: なし;
}body {
    border-top-color: #3E6F7F;
}
