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

/**
 * 1. すべてのブラウザでデフォルトのフォントファミリーを変更する（個人的な意見）。
 * 2. IEおよびiOSにおいて、画面の向きを変更した後にフォントサイズが調整されるのを防ぐ。
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * すべてのブラウザで余白を削除する（個人的な意見です）。
 */

体 {
  マージン: 0;
}

/* HTML5 表示定義
   ==

/**
 * IE 9- で正しい表示を追加します。
 * 1. Edge、IE、Firefoxで正しい表示を追加します。
 * 2. IEで正しい表示を追加します。
 */

記事、
それとは別に、
詳細、/* 1 */
図のキャプション、
形、
フッター、
ヘッダ、
メイン、/* 2 */
メニュー、
ナビゲーション、
セクション、
要約 { /* 1 */
  表示: ブロック;
}

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

オーディオ、
キャンバス、
進捗、
ビデオ {
  display: inline-block;
}

/**
 * iOS 4～7で正しい表示を追加します。
 */

オーディオ:not([コントロール]) {
  表示: なし;
  高さ: 0;
}

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

進捗 {
  vertical-align: baseline;
}

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

テンプレート、/* 1 */
[隠れた] {
  表示: なし;
}

/* リンク
   ==

/**
 * 1. IE 10 でアクティブなリンクの灰色の背景を削除します。
 * 2. iOS 8以降およびSafari 8以降で、リンクの下線にある隙間を削除します。
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * フォーカスされたリンクがアクティブ状態またはマウスオーバー状態の場合、そのリンクのアウトラインを削除します。
 * すべてのブラウザで（個人的な意見です）。
 */

a:アクティブ、
a:hover {
  アウトライン幅: 0;
}

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

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

abbr[タイトル] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Safari 6 で次のルールにより `bolder` の重複適用を防止します。
 */

b、
強い {
  font-weight: inherit;
}

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

b、
強い {
  font-weight: bolder;
}

/**
 * Android 4.3以降で正しいフォントスタイルを追加します。
 */

dfn {
  フォントスタイル: 斜体;
}

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

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

/**
 * IE 9以降では、正しい背景と色を追加してください。
 */

マーク {
  背景色: #ff0;
  色: #000;
}

/**
 * すべてのブラウザで正しいフォントサイズを設定してください。
 */

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

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

サブ、
すする {
  フォントサイズ: 75%;
  行の高さ: 0;
  位置: 相対;
  vertical-align: baseline;
}

サブ{
  下部: -0.25em;
}

すする {
  上: -0.5em;
}

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

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

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

/**
 * IEでオーバーフローを非表示にする。
 */

svg:not(:root) {
  オーバーフロー: 非表示;
}

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

/**
 * 1. すべてのブラウザにおけるフォントサイズの継承とスケーリングを修正します。
 * 2. すべてのブラウザで、不自然な `em` フォントサイズを修正します。
 */

コード、
kbd、
前、
サンプル {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * IE 8 で正しい余白を追加してください。
 */

形 {
  マージン: 1em 40px;
}

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

hr {
  box-sizing: content-box; /* 1 */
  高さ: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* フォーム
   ==

/**
 * 1. すべてのブラウザでフォントプロパティを「inherit」に変更します（個人的な意見です）。
 * 2. FirefoxとSafariで余白を削除します。
 */

ボタン、
入力、
選択、
テキストエリア {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * 前のルールで設定されていなかったフォントの太さを復元します。
 */

オプトグループ {
  フォントの太さ: 太字;
}

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

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

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

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

/**
 * 1. (2)がネイティブの`audio`と`video`を破壊するWebKitのバグを防止する
 * Android 4 のコントロール。
 * 2. iOSおよびSafariでクリック可能なテキストのスタイルを設定できない問題を修正します。
 */

ボタン、
html [type="button"], /* 1 */
[type="reset"]、
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

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

ボタン::-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 点線 ボタンテキスト;
}

/**
 * すべてのブラウザで境界線、余白、パディングを変更します（個人的な意見です）。
 */

フィールドセット {
  border: 1px solid #c0c0c0;
  マージン: 0 2px;
  パディング: 0.35em 0.625em 0.75em;
}

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

伝説 {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

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

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

[type="checkbox"]、
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Chromeにおける増減ボタンのカーソルスタイルを修正しました。
 */

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

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

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * OS X 上の Chrome と Safari の内部パディングとキャンセルボタンを削除します。
 */

[type="search"]::-webkit-search-cancel-button、
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Chrome、Edge、Safariにおけるプレースホルダーのテキストスタイルを修正します。
 */

::-webkit-input-placeholder {
  色: 継承;
  不透明度: 0.54;
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}