@charset "UTF-8";
/* ==================== Reset ==================== */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 300;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  /* スクロールバーをオーバーレイしないすべてのブラウザ  */
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
  font-size: 62.5%;
  /* 計算を簡単にするために、ベースフォントを10pxに設定します  */
}
/* # =================================================================
# Global selectors / グローバルセレクター
# ================================================================= */
*, ::before, ::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
::before, ::after {
  text-decoration: inherit;
  /* テキスト装飾と垂直方向の整列を::beforeおよび::after疑似要素に継承します */
  vertical-align: inherit;
}
/* マージンを削除し、すべての要素をパディングし、「background-no-repeat」をデフォルトとして設定します */
* {
  background-repeat: no-repeat;
  /* 「background-repeat：no-repeat」をすべての要素に設定します  */
  padding: 0;
  /* すべての要素の「パディング」と「マージン」をリセットします  */
  margin: 0;
}
/* # =================================================================
# General elements / グローバルエレメンツ
# ================================================================= */
/* iOSの4-7での正しい表示を追加します。*/
audio:not([controls]) {
  display: none;
  height: 0;
}
hr {
  overflow: visible;
  /* EdgeとIEでオーバーフローを表示する */
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-style: normal;
}
/*
* IE8/9のHTML5要素に対して定義されていない正しい「block」表示
* IE10/11の「details」または「summary」に定義されていない正しい「block」表示
* およびFirefox
* IE11の「main」に定義されていない正しい「block」表示
*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
  display: block;
}
summary {
  display: block;
  display: list-item;
  /* すべてのブラウザに正しい表示を追加する */
}
small {
  font-size: 80%;
  /* 「small」要素でfont-sizeを80％に設定します */
}
[hidden], template {
  display: none;
  /* IEに正しい表示を追加する */
}
abbr[title] {
  border-bottom: 1px dotted;
  /* すべてのブラウザに境界線の下線効果を追加します */
  text-decoration: none;
  /* Firefox40以降でテキスト装飾を削除する */
}
a {
  color: #000;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  background-color: transparent;
  /* IE10のアクティブなリンクの灰色の背景を削除します */
  -webkit-text-decoration-skip: objects;
  /* iOS8以降およびSafari8以降で下線が引かれたリンクのギャップを削除する */
}
a:active, a:hover {
  outline-width: 0;
  /* すべてのブラウザでホバーするときにアウトラインを削除します */
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  /* コード要素のフォントファミリーを指定する */
}
b, strong {
  font-weight: bolder;
  /* Edge 12以降、Safari 6.2以降、Chrome18以降で正しいスタイルが「太字」に設定されている */
}
dfn {
  font-style: italic;
  /* SafariとChromeに存在しないアドレススタイル */
}
ul, ol {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* IE8 / 9に存在しないアドレススタイル */
mark {
  background-color: #ff0;
  color: #000;
}
/* https://gist.github.com/unruthless/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
address, em {
  font-style: normal;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  rt:not(:target) {
    position: relative;
    top: -0.7em;
    /* IE10（\9なしでIE11にも適用） */
  }
}
/* # =================================================================
# Forms / フォーム
# ================================================================= */
input {
  border-radius: 0;
}
[type=text]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=email]:-ms-input-placeholder {
  color: #ddd;
}
[type=text]::-ms-input-placeholder, [type=tel]::-ms-input-placeholder, [type=email]::-ms-input-placeholder {
  color: #ddd;
}
[type=text]::placeholder, [type=tel]::placeholder, [type=email]::placeholder, [type=text]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=email]:-ms-input-placeholder, [type=text]::-ms-input-placeholder, [type=tel]::-ms-input-placeholder, [type=email]::-ms-input-placeholder, [type=text]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=text]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=email]::-moz-placeholder {
  color: #ddd;
}
/* IE */
/* Edge */
/* Chrome */
/* Firefox */
/* ボタン要素にカーソルポインタを適用する */
button, [type=button], [type=reset], [type=submit], [role=button] {
  cursor: pointer;
}
/* 無効な要素のポインタカーソルを置き換えます */
[disabled] {
  cursor: default;
}
[type=number] {
  width: auto;
  /* Firefox 36+ */
}
[type=search] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}
textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* textareaのサイズ変更可能性を指定します */
}
textarea::-webkit-input-placeholder {
  color: #ddd;
}
textarea::placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder {
  color: #ddd;
}
button, input, optgroup, select, textarea {
  font: inherit;
  /* フォーム要素のフォント継承を指定する */
}
optgroup {
  font-weight: bold;
  /* 前のルールで設定されていないフォントの太さを復元します */
}
button {
  overflow: visible;
  /* IE8/9/10/11でアドレス「overflow」が「hidden」に設定されました */
}
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/* Firefox4以降で内側のパディングと境界線を削除します */
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/* 上記の境界線のリセットで削除されたフォーカススタイルを置き換えます */
button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}
button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
  /* iOSでクリック可能なタイプのスタイルを設定できない問題を修正 */
}
button, select {
  text-transform: none;
  /* Firefox 40以降、Internet Explorer 11- */
}
/* すべてのブラウザでデフォルトのボタンスタイルを削除します */
button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}
/* 標準入力のようにスタイルを選択 */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}
select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}
select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}
legend {
  border: 0;
  /* IE8/9/10/11で継承されていない正しい「color」 */
  color: inherit;
  /* IEの「fieldset」要素からの色の継承を修正します */
  display: table;
  max-width: 100%;
  white-space: normal;
  /* EdgeとIEでのテキストの折り返しを修正する */
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* iOSとSafariでクリック可能なタイプのスタイルを設定できない問題を修正 */
  font: inherit;
  /* ChromeとSafariでフォントのプロパティを「継承」に変更します */
}
[type=search] {
  -webkit-appearance: textfield;
  /* ChromeとSafariの奇妙な外観を修正する */
  outline-offset: -2px;
  /* Safariのアウトラインスタイルを修正する */
}
/* # =================================================================
# Specify media element style / メディア要素のスタイル
# ================================================================= */
img {
  border-style: none;
  /* IE8/9/10の「a」要素内の境界線を削除します */
  vertical-align: bottom;
}
/* Chrome、Firefox、Operaで正しい垂直方向の配置を追加する */
progress {
  vertical-align: baseline;
}
svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}
audio, canvas, progress, video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}
/* # =================================================================
# Accessibility / アクセシビリティ
# ================================================================= */
/* 画面からコンテンツを非表示にしますが、スクリーンリーダーは非表示にしません */
@media screen {
  [hidden ~ =screen] {
    display: inherit;
  }
  [hidden ~ =screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* 更新要素の進行カーソルを指定します */
[aria-busy=true] {
  cursor: progress;
}
/* トリガー要素のポインターカーソルを指定します */
[aria-controls] {
  cursor: pointer;
}
/* 無効、編集不可、またはその他の方法で操作できない要素のスタイルなしカーソルを指定します */
[aria-disabled] {
  cursor: default;
}
/* # =================================================================
# Selection / セレクション
# ================================================================= */
/* テキスト選択の背景色を指定し、ドロップシャドウを省略します */ ::-moz-selection {
  background-color: #b3d4fc;
  /* :: selectionを宣言するときに必要です */
  color: #000;
  text-shadow: none;
}
::-moz-selection, ::selection {
  background-color: #b3d4fc;
  /* :: selectionを宣言するときに必要です */
  color: #000;
  text-shadow: none;
}
/*# sourceMappingURL=reset.css.map */