/*!
 * ress.css「v1.2.2」
 * MITライセンス
 *github.com/filipelinhares/ress
 */

/* # ============================================== ==================
   # グローバルセレクター
   # ================================================ ================ */

html {
  ボックスのサイズ設定: ボーダーボックス;
  オーバーフロー-y: スクロール; /* スクロールバーをオーバーレイしないすべてのブラウザ */
  -webkit-text-size-adjust: 100%; /* iOS 8 以降 */
}

*、
：：前に、
：：後 {
  背景リピート: リピートなし; /* すべての要素と疑似要素に `background-repeat: no-repeat` を設定します */
  ボックスのサイズ設定: 継承;
}

：：前に、
：：後 {
  テキスト装飾: 継承; /* text-decoration を継承し、::before および ::after 擬似要素に垂直方向の位置合わせを行います */
  垂直配置: 継承;
}

* {
  パディング: 0; /* すべての要素の `padding` と `margin` をリセットします */
  マージン: 0;
}

/* # ============================================== ==================
   # 一般的な要素
   # ================================================ ================ */

/* iOS 4-7 で正しい表示を追加します。*/
audio:not([コントロール]) {
  表示: なし。
  高さ: 0;
}

時間 {
  オーバーフロー: 表示; /* Edge と IE でのオーバーフローを表示します */
}

/*
* IE 8/9 の HTML5 要素に対して正しい `block` 表示が定義されていない
* IE 10/11 では、正しい `block` 表示が `details` または `summary` に対して定義されていません
* およびFirefox
* IE 11 の `main` に対して正しい `block` 表示が定義されていない
*/
記事、
それはさておき、
詳細、
図のキャプション、
形、
フッター、
ヘッダ、
主要、
メニュー、
ナビ、
セクション、
まとめ {
  表示ブロック;
}

まとめ {
  表示: リスト項目; /* すべてのブラウザに正しい表示を追加します */
}

小さい {
  フォントサイズ: 80%; /* `small` 要素のフォント サイズを 80% に設定します */
}

[隠れた]、
テンプレート {
  表示: なし。/* IE に正しい表示を追加します */
}

略語[タイトル] {
  border-bottom: 1 ピクセルの点線。/* すべてのブラウザに枠付き下線効果を追加します */
  テキスト装飾: なし。/* Firefox 40 以降でテキスト装飾を削除 */
}

{
  背景色: 透明; /* IE 10 のアクティブなリンクの灰色の背景を削除します */
  -webkit-text-decoration-skip: オブジェクト; /* iOS 8 以降および Safari 8 以降でリンクの下線のギャップを削除 */
}

a：アクティブ、
a:ホバー{
  アウトライン幅: 0; /* すべてのブラウザでカーソルを置いたときにアウトラインを削除します */
}

コード、
kbd、
前、
サンプル {
  フォントファミリー: 等幅、等幅; /* コード要素のフォント ファミリを指定します */
}

b、
強い {
  フォントの太さ: 太字; /* Edge 12 以降、Safari 6.2 以降、および Chrome 18 以降で正しいスタイルが「太字」に設定されました */
}

DFN {
  フォント スタイル: イタリック体。/* アドレスのスタイルは Safari と Chrome には存在しません */
}

/* アドレス スタイルは IE 8/9 には存在しません */
マーク {
  背景色: #ff0;
  色: #000;
}

/* https://gist.github.com/unruthless/413930 */
サブ、
すする {
  フォントサイズ: 75%;
  行の高さ: 0;
  位置: 相対的;
  垂直整列: ベースライン;
}

サブ {
  下: -0.25em;
}

すする {
  上: -0.5em;
}

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

入力 {
  境界半径: 0;
}

/* カーソル ポインタをボタン要素に適用します */
ボタン、
[type="ボタン"],
[タイプ="リセット"]、
[type="送信"],
[役割="ボタン"] {
  カーソル: ポインタ;
}

/* 無効な要素内のポインタ カーソルを置き換えます */
[無効] {
  カーソル: デフォルト;
}

[タイプ="数値"] {
  幅: 自動; /* Firefox 36 以降 */
}

[type="検索"] {
  -webkit-外観: テキストフィールド; /* サファリ 8 以降 */
}

[type="検索"]::-webkit-検索キャンセルボタン、
[type="search"]::-webkit-search-decoration {
  -webkit の外観: なし。/* サファリ 8 */
}

テキストエリア {
  オーバーフロー: 自動; /* Internet Explorer 11 以降 */
  サイズ変更: 垂直; /* テキストエリアのサイズ変更を指定します */
}

ボタン、
入力、
オプトグループ、
選択する、
テキストエリア {
  フォント: 継承; /* フォーム要素のフォント継承を指定します */
}

オプトグループ {
  フォントの太さ: 太字; /* 前のルールで設定されていないフォントの太さを復元します。*/
}

ボタン {
  オーバーフロー: 表示; /* IE 8/9/10/11 ではアドレス `overflow` が `hidden` に設定されました */
}

/* Firefox 4 以降で内部のパディングと境界線を削除します */
button::-moz-focus-inner、
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  境界線のスタイル: 0;
  パディング: 0;
}

/* 上記の境界線のリセットで削除されたフォーカス スタイルを置き換えます */
ボタン:-moz-focusring、
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  アウトライン: 1 ピクセルの点線の ButtonText;
}

ボタン、
html [type="button"], /* (2) Android 4 のネイティブ `audio` および `video` コントロールを破壊する WebKit のバグを防止します */
[タイプ="リセット"]、
[type="送信"] {
  -webkit-外観: ボタン; /* iOS でクリック可能なタイプのスタイルを設定できない問題を修正 */
}

ボタン、
選択する {
  テキスト変換: なし。/* Firefox 40 以降、Internet Explorer 11 以降 */
}

/* すべてのブラウザでデフォルトのボタンのスタイルを削除します */
ボタン、
入力、
選択する、
テキストエリア {
  背景色: 透明;
  境界線のスタイル: なし。
  色: 継承;
}

/* 標準入力のようなスタイル選択 */
選択する {
  -moz-外観: なし。/* Firefox 36 以降 */
  -webkit の外観: なし。/* Chrome 41+ */
}

select::-ms-expand {
  表示: なし。/* Internet Explorer 11 以降 */
}

select::-ms-value {
  色: 現在の色; /* Internet Explorer 11 以降 */
}

伝説 {
  境界線: 0; /* 正しい `color` が IE 8/9/10/11 で継承されない */
  色: 継承; /* IE の `fieldset` 要素からの色の継承を修正します */
  表示: テーブル; /* Edge と IE でのテキストの折り返しを修正 */
  最大幅: 100%; /* Edge と IE でのテキストの折り返しを修正 */
  ホワイトスペース: 通常; /* Edge と IE でのテキストの折り返しを修正 */
}

::-webkit-file-upload-button {
  -webkit-外観: ボタン; /* iOS および Safari でクリック可能なタイプのスタイルを設定できない問題を修正 */
  フォント: 継承; /* Chrome と Safari でフォントのプロパティを「継承」に変更します */
}

[type="検索"] {
  -webkit-外観: テキストフィールド; /* Chrome と Safari での奇妙な表示を修正 */
  アウトラインオフセット: -2px; /* Safari のアウトライン スタイルを修正します */
}

/* # ============================================== ==================
   # メディア要素のスタイルを指定する
   # ================================================ ================ */

画像 {
  境界線のスタイル: なし。/* IE 8/9/10 の `a` 要素内の境界線を削除します */
}

/* Chrome、Firefox、Opera に正しい垂直方向の配置を追加します */
進捗 {
  垂直整列: ベースライン;
}

svg:not(:root) {
  オーバーフロー: 非表示; /* Internet Explorer 11- */
}

オーディオ、
キャンバス、
進捗、
ビデオ {
  表示: インラインブロック; /* Internet Explorer 11 以降、Windows Phone 8.1 以降 */
}

/* # ============================================== ==================
   # アクセシビリティ
   # ================================================ ================ */

/* スクリーンリーダーではなく、画面からコンテンツを非表示にします */
@メディア画面 {
  [hidden~="画面"] {
    表示: 継承;
  }
  [hidden~="スクリーン"]:not(:active):not(:focus):not(:target) {
    位置: 絶対 !重要;
    クリップ：rect(0 0 0 0) !重要;
  }
}

/* 要素更新の進行状況カーソルを指定 */
[aria-busy="true"] {
  カーソル: 進行状況;
}

/* トリガー要素のポインタカーソルを指定 */
[aria-controls] {
  カーソル: ポインタ;
}

/* 無効、編集不可能、または操作不能な要素のスタイルなしカーソルを指定します */
[aria-disabled] {
  カーソル: デフォルト;
}

/* # ============================================== ==================
   # 選択範囲
   # ================================================ ================ */

/* テキスト選択の背景色を指定し、ドロップシャドウを省略します */

::-moz-selection {
  背景色: #b3d4fc; /* ::selection を宣言する場合は必須 */
  色: #000;
  テキストシャドウ: なし。
}

::選択 {
  背景色: #b3d4fc; /* ::selection を宣言する場合は必須 */
  色: #000;
  テキストシャドウ: なし。
}