@charset "UTF-8";
/**
* VARIABLE
* global...サイト全体に使用するサイズや数値に関する変数です。
* breakpoint...メディアクエリで使用するブレイクポイントです。
* font-family...font-family指定をまとめています。
* color...グローバルに使用する色指定です。
* z-index...z-indexの並び順を管理します。
* easing...cubic-bezier関数を使用したタイミング関数を定義しています。
*
* FUNCTION
* strip-unit...pxやremなどの単位を取り除きます。
* em...pxをemに変換します。
* rem...pxをremに変換します。
* tint...白色を加えて明度を明るくします。
* shade...黒色を加えて明度を暗くします。
* z-index...z-indexの並び順を管理します。
* tracking...Photoshopのカーニングをemに変換します。
*
* MIXIN
* mq-up...メディアクエリを`min-width`で挿入します。
* mq-down...メディアクエリを`max-width`で挿入します。
* responsive...レスポンシブ対応クラスを生成します。
* clearfix...floatの解除をします。
* on-event...:hover, :active, :focusをまとめて指定します。
* sr-only...非表示にしてスクリーンリーダーにだけ読み上げさせます。
* layout...layoutオブジェクトのベーススタイルです。
* media...mediaオブジェクトのベーススタイルです。
* flag...flagオブジェクトのベーススタイルです。
* list-unstyled...list-unstyledオブジェクトのベーススタイルです。
* list-mark...list-markオブジェクトのベーススタイルです。
* ratio...ratioオブジェクトのベーススタイルです。
* box...boxオブジェクトのベーススタイルです。
*
* BASE
* normalize...Normalize.cssをインポートしています。
* base...タイプセレクタと属性セレクタのデフォルトスタイルです。
*
* LAYOUT
* header...`
`タグ直下にある``タグのスタイルです。
* footer...``タグ直下にある`