﻿ *！normalize.css v7.0.0 | MITライセンス| github.com/necolas/normalize.css * /

/* 資料
   ========================================== ====================== * /

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

html {
  線高さ：1.15; / * 1 * /
  -ms-text-size-adjust：100％; / * 2 * /
  -webkit-text-size-adjust：100％; / * 2 * /
}

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

/ **
 *すべてのブラウザで（余裕をもって）削除します。
 * /

体 {
  マージン：0;
}

/ **
 * IE 9-に正しいディスプレイを追加してください。
 * /

記事、
さて、
フッター、
ヘッダ、
ナビゲーション、
セクション {
  表示：ブロック;
}

/ **
 * `section '内の` h1`要素のフォントサイズとマージンを修正し、
 * Chrome、Firefox、Safariの「記事」コンテキスト
 * /

h1 {
  font-size：2em;
  マージン：0.67em 0;
}

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

/ **
 * IE 9-に正しいディスプレイを追加してください。
 * 1. IEで正しい表示を追加します。
 * /

figcaption、
図形、
メイン{/ * 1 * /
  表示：ブロック;
}

/ **
 * IE 8で正しいマージンを追加してください。
 * /

図{
  マージン：1em 40px;
}

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

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

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

プレ{
  font-family：モノスペース、モノスペース、/ * 1 * /
  font-size：1em; / * 2 * /
}

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

/ **
 * 1. IE 10のアクティブなリンクの灰色の背景を削除します。
 * 2.iOS 8+とSafari 8+のアンダーラインの隙間を削除します。
 * /

a {
  背景色：透明。/ * 1 * /
  -webkit-text-decoration-skip：オブジェクト; / * 2 * /
}

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

abbr [タイトル] {
  border-bottom：none; / * 1 * /
  テキスト装飾：下線; / * 2 * /
  テキスト装飾：下線付き。/ * 2 * /
}

/ **
 * Safari 6の次のルールで、「大胆」の重複適用を防ぎます。
 * /

b、
強い{
  font-weight：継承します。
}

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

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

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

コード、
kbd、
samp {
  font-family：モノスペース、モノスペース、/ * 1 * /
  font-size：1em; / * 2 * /
}

/ **
 * Android 4.3-で正しいフォントスタイルを追加してください。
 * /

dfn {
  フォントスタイル：イタリック;
}

/ **
 * IE 9-で正しい背景と色を追加します。
 * /

マーク{
  背景色：＃ff0;
  色：＃000;
}

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

小さい {
  font-size：80％;
}

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

サブ、
sup {
  font-size：75％;
  line-height：0;
  ポジション：相対;
  vertical-align：ベースライン。
}

サブ {
  下段：-0.25em;
}

sup {
  top：-0.5em;
}

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

/ **
 * IE 9-に正しいディスプレイを追加してください。
 * /

オーディオ、
ビデオ{
  表示：インラインブロック;
}

/ **
 * iOS 4-7で正しいディスプレイを追加してください。
 * /

audio：not（[controls]）{
  表示：なし;
  高さ：0;
}

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

img {
  border-style：なし;
}

/ **
 * IEでオーバーフローを隠す。
 * /

svg：not（：root）{
  オーバーフロー：隠された;
}

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

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

ボタン、
入力、
optgroup、
選択する、
テキストエリア{
  フォントファミリ：sans-serif; / * 1 * /
  font-size：100％; / * 1 * /
  線高さ：1.15; / * 1 * /
  マージン：0; / * 2 * /
}

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

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

/ **
 * Edge、Firefox、およびIEのテキストトランスフォームの継承を削除します。
 * 1. Firefoxのテキストトランスフォームの継承を削除します。
 * /

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

/ **
 * 1. WebKitのバグを防ぎます。（2）ネイティブの `audio`と` video`を破壊します。
 * Android 4のコントロール。
 * 2. iOSとSafariでクリック可能なタイプをスタイルできない問題を修正しました。
 * /

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

/ **
 * Firefoxで内側のボーダーとパディングを削除する。
 * /

button ::  -  moz-focus-inner、
[type = "button"] ::  -  moz-focus-inner、
[type = "reset"] ::  -  moz-focus-inner、
[type = "submit"] ::  -  moz-focus-inner {
  border-style：なし;
  パディング：0;
}

/ **
 *前のルールで設定したフォーカススタイルを元に戻します。
 * /

ボタン：-moz-focusring、
[type = "button"]： -  moz-focusring、
[type = "reset"]： -  moz-focusring、
[type = "submit"]： -  moz-focusring {
  アウトライン：1ピクセルの点滅ButtonText;
}

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

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

/ **
 * 1. EdgeとIEのテキストの折り返しを修正します。
 * IEの `fieldset`要素からの色継承を修正します。
 * 3.パディングを削除して、開発者がゼロになったときにキャッチアウトしないようにする
 * `fieldset`要素はすべてのブラウザで使用できます。
 * /

伝説 {
  ボックスサイズ：border-box; / * 1 * /
  色：継承する; / * 2 * /
  表示：テーブル; / * 1 * /
  最大幅：100％; / * 1 * /
  パディング：0; / * 3 * /
  ホワイトスペース：通常; / * 1 * /
}

/ **
 * 1. IE 9-に正しいディスプレイを追加します。
 * 2. Chrome、Firefox、Operaで正しい縦位置合わせを追加します。
 * /

進捗 {
  表示：インラインブロック; / * 1 * /
  vertical-align：ベースライン。/ * 2 * /
}

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

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

/ **
 * 1. IE 10-で正しいボックスサイジングを追加します。
 * 2. IE 10-のパッドを外します。
 * /

[type = "checkbox"]、
[type = "radio"] {
  ボックスサイズ：border-box; / * 1 * /
  パディング：0; / * 2 * /
}

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

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

/ **
 * 1. ChromeとSafariで奇妙な外観を修正します。
 * 2. Safariでアウトラインスタイルを修正します。
 * /

[type = "search"] {
  -webkit-appearance：テキストフィールド。/ * 1 * /
  輪郭オフセット：-2px; / * 2 * /
}

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

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

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

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

/ *インタラクティブ
   ========================================== ====================== * /

/ *
 * IE 9-に正しいディスプレイを追加してください。
 * 1. Edge、IE、Firefoxで正しい表示を追加します。
 * /

詳細、/ * 1 * /
メニュー{
  表示：ブロック;
}

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

要約{
  表示：リストアイテム。
}

/ *スクリプティング
   ========================================== ====================== * /

/ **
 * IE 9-に正しいディスプレイを追加してください。
 * /

キャンバス {
  表示：インラインブロック;
}

/ **
 * IEで正しい表示を追加してください。
 * /

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

/ *隠れた
   ========================================== ====================== * /

/ **
 * IE 10-で正しいディスプレイを追加してください。
 * /

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