/ *！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 * /
}
/ **
*すべてのブラウザーでマージンを削除します（意見あり）。
* /
body {
margin：0;
}
/ * HTML5の表示定義
============================================= ============================== * /
/ **
* IE 9に正しい表示を追加します。
* 1. Edge、IE、Firefoxで正しいディスプレイを追加します。
* 2. IEで正しいディスプレイを追加します。
* /
記事、
脇、
詳細、/ * 1 * /
figcaption、
図、
フッター、
ヘッダー、
メイン、/ * 2 * /
メニュー、
ナビゲーション、
セクション、
要約{/ * 1 * /
display：block;
}
/ **
* IE 9-に正しい表示を追加します。
* /
オーディオ、
キャンバス、
進行状況、
ビデオ{
表示：インラインブロック;
}
/ **
* iOS 4-7で正しいディスプレイを追加します。
* /
audio：not（[controls]）{
display：none;
高さ：0;
}
background-color：transparent; / * 1 * /
/ **
* Chrome、Firefox、Operaで正しい垂直配置を追加します。
* /
進捗状況{
垂直方向に整列：ベースライン;
}
/ **
* IE 10-で正しい表示を追加します。
* 1. IEで正しいディスプレイを追加します。
* /
テンプレート、/ * 1 * /
[非表示] {
表示：なし。
}
/ *リンク
============================================== ============================ * /
/ **
* 1. IE 10でアクティブなリンクの灰色の背景を削除します。
* 2。 iOS 8以降およびSafari 8以降のリンクの下線のギャップを削除します。
* /
{
/ **
-webkit-text-decoration-skip：オブジェクト; / * 2 * /
}
*フォーカスされたリンク
がすべてのブラウザーでアクティブまたはホバーされている場合（*）、フォーカスされたリンクのアウトラインを削除します。
* /
a：active、
a：hover {
outline-width：0;
}
/ *テキストレベルのセマンティクス
=========================================== =============================== * /
/ **
* 1. Firefox 39で下枠を削除します。
* 2. Chrome、Edge、IE、Opera、Safariに正しいテキスト装飾を追加します。
* /
abbr [title] {
border-bottom：none; / * 1 * /
text-decoration：下線; / * 2 * /
text-decoration：下線付きドット; / * 2 * /
}
/ **
* Safari 6の次のルールによる「太字」の重複適用を防止します。
/ **
* /
b、
strong {
font-weight：inherit;
}
/ **
* Chrome、Edge、Safariで正しいフォントの太さを追加します。
* /
b、
strong {
font-weight：bolder;
}
/ **
* Android 4.3-で正しいフォントスタイルを追加します。
* /
dfn {
font-style：italic;
}
/ **
*
Chrome、Firefox、Safariの `section` と` article`コンテキスト内の `h1`要素のフォントサイズとマージンを修正します。
* /
h1 {
font-size：2em;
マージン：0.67em 0;
}
* IE 9で正しい背景と色を追加します。
* /
マーク{
背景色：＃ff0;
色：＃000;
}
/ **
*すべてのブラウザで正しいフォントサイズを追加します。
* /
小{
font-size：80％;
}
/ **
*すべてのブラウザ
で、 `sub`要素と` sup`要素が行の高さに影響を与えないようにします。
* /
sub、
sup {
font-size：75％;
行の高さ：0;
位置：相対;
垂直方向に整列：ベースライン;
}
sub {
bottom：-0.25em;
}
sup {
top：-0.5em;
}
/ **
/ *埋め込みコンテンツ
================================================== ======================== * /
font-family：monospace、monospace; / * 1 * /
* IE 10-のリンク内の画像の境界線を削除します。
* /
img {
border-style：none;
}
/ **
* IEでオーバーフローを非表示にします。
* /
svg：not（：root）{
オーバーフロー：非表示;
}
/ *コンテンツのグループ化
============================================== ============================= * /
/ **
* 1.すべてのブラウザでフォントサイズの継承とスケーリングを修正します。
* 2.すべてのブラウザで奇数の `em`フォントサイズを修正します。
* /
code、
kbd、
pre、
samp {
font-size：1em; / * 2 * /
}
/ **
* IE 8に正しいマージンを追加
* /
図{
マージン：1em 40px;
}
/ **
* 1. Firefoxで正しいボックスサイズを追加します。
* 2. EdgeとIEでオーバーフローを表示します。
* /
hr {
box-sizing：content-box; / * 1 * /
高さ：0; / * 1 * /
オーバーフロー：表示; / * 2 * /
}
/ *フォーム
========================================= ================================= * /
/ **
* 1.フォントのプロパティをすべて「継承」に変更するブラウザー（意見）。
* 2. FirefoxおよびSafariでマージンを削除します。
* /
ボタン、
入力、
/ **
選択、
textarea {
font：inherit; / * 1 * /
マージン：0; / * 2 * /
}
*前のルールで設定されていないフォントの太さを復元します。
* /
optgroup {
font-weight：bold;
}
/ **
* IEでオーバーフローを表示します。
* 1. Edgeでオーバーフローを表示します。
* /
ボタン、
入力{/ * 1 * /
オーバーフロー：表示;
}
/ **
* Edge、Firefox、IEのテキスト変換の継承を削除します。
* 1. Firefoxのテキスト変換の継承を削除します。
* /
ボタン、
{/ * 1 * /
text-transform：none;を選択します。
}
/ **
* 1.（2）
Android 4のネイティブの `audio`および` video` コントロールが破壊されるWebKitのバグを防ぎます。
* 2. iOSとSafariでクリック可能なタイプをスタイルできない問題を修正します。
* /
button、
html [type = "button"]、/ * 1 * /
[type = "reset"]、
[type = "submit"] {
-webkit-appearance：button; / * 2 * /
}
/ **
* Firefoxで内側のボーダーとパディングを削除します。
* /
button ::-moz-focus-inner、
[type = "button"] ::-moz-focus-inner、
[type = "reset"] ::-moz-focus-inner、
[type = "submit" ] ::-moz-focus-inner {
border-style：none;
パディング：0;
}
/ **
*前のルールで設定されていないフォーカススタイルを復元します。
button：-moz-focusring、
[type = "button"]：
[type = "reset"]：-moz-focusring、
[type = "submit"]：-moz-focusring {
アウトライン：1pxドットのButtonText;
}
/ **
*すべてのブラウザーのボーダー、マージン、パディングを変更します（意見あり）。
* /
fieldset {
border：1px solid＃c0c0c0;
マージン：0 2px;
パディング：0.35em 0.625em 0.75em;
}
/ **
* 1. EdgeおよびIEでのテキストの折り返しを修正します。
* 2. IEの `fieldset`要素からの色の継承を修正します。
* 3.パディングを削除して
、すべてのブラウザーで開発者が`fieldset`要素を0にしたときに追い出されないようにします。
* /
凡例{
box-sizing：border-box; / * 1 * /
色：継承; / * 2 * /
display：table; / * 1 * /
max-width：100％; / * 1 * /
パディング：0; / * 3 * /
空白：通常; / * 1 * /
}
/ **
* IEのデフォルトの垂直スクロールバーを削除します。
* /
textarea {
overflow：auto;
}
/ **
* 1. IE 10-で正しいボックスサイズを追加します。
* 2. IE 10-のパディングを削除します。
* /
[type = "checkbox"]、
[type = "radio"] {
box-sizing：border-box; / * 1 * /
パディング：0; / * 2 * /
}
/ **
* Chromeのインクリメントボタンとデクリメントボタンのカーソルスタイルを修正しました。
* /
[type = "number"] ::-webkit-inner-spin-button、
[type = "number"] ::-webkit-outer-spin-button {
height：auto;
}
/ **
* 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 * /
フォント：継承; / * 2 * /
