@charset "UTF-8";
/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%; /* iOSで向きが変わってもフォントサイズが調整されないようにする */
	word-break: normal;
	-moz-tab-size: 4;
	tab-size: 4;
}

*,
::before,
::after {
	background-repeat: no-repeat; /* すべての要素と擬似要素に `background-repeat: no-repeat` を設定 */
	box-sizing: inherit;
}

::before,
::after {
	text-decoration: inherit; /* text-decorationとvertical-alignを::beforeと::after疑似要素に継承 */
	vertical-align: inherit;
}

* {
	padding: 0; /* すべての要素の `padding` と `margin` をリセット */
	margin: 0;
}


/* # =================================================================
   # General elements
   # ================================================================= */

hr {
	overflow: visible; /* EdgeとIEでoverflowを表示 */
	height: 0; /* Firefoxで正しいボックスサイズを追加 */
	color: inherit; /* Firefoxのボーダーカラーを修正 */
}

details,
main {
	display: block; /* IEで`main`要素を一貫してレンダリング */
}

summary {
	display: list-item; /* すべてのブラウザで正しく表示されるようにする */
}

small {
	font-size: 80%; /* small`要素のfont-sizeを80%に設定 */
}

[hidden] {
	display: none; /* IEに正しい表示を追加 */
}

abbr[title] {
	border-bottom: none; /* Chrome 57で下部の境界線を削除 */
	/* Chrome、Edge、IE、Opera、Safariで正しいテキスト装飾を追加 */
	text-decoration: underline;
	text-decoration: underline dotted;
}

a {
	background-color: transparent; /* IE 10でアクティブなリンクの灰色の背景を削除 */
}

a:active,
a:hover {
	outline-width: 0; /* すべてのブラウザでカーソルを合わせたときのアウトラインを削除 */
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace; /* コード要素のフォントファミリーを指定 */
}

pre {
	font-size: 1em; /* すべてのブラウザーで`em`のフォントサイズが変なのを修正 */
}

b,
strong {
	font-weight: bolder; /* Chrome、Edge、Safariで正しいフォントウェイトを追加 */
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

table {
	border-color: inherit; /* すべてのChrome、Edge、Safariでボーダーの色を修正 */
	text-indent: 0; /* Chrome、Edge、Safariでテキストのインデントを削除 */
}

iframe {
	border-style: none;
}

/* # =================================================================
   # Forms
   # ================================================================= */

input {
	border-radius: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto; /* Chromeのインクリメントボタンとデクリメントボタンのカーソルスタイルを修正 */
}

[type='search'] {
	-webkit-appearance: textfield; /* ChromeとSafariでの奇妙な外観を修正 */
	appearance: textfield; /* ベンダープレフィックスのみだとエラー表記が出るため個人的に追記 */
	outline-offset: -2px; /* Safariのアウトラインスタイルを修正 */
}

[type='search']::-webkit-search-decoration {
	-webkit-appearance: none; /* macOSのChromeとSafariで内側のパディングを削除 */
}

textarea {
	overflow: auto; /* Internet Explorer 11以上 */
	resize: vertical; /* textareaのサイズ変更を指定 */
}

button,
input,
optgroup,
select,
textarea {
	font: inherit; /* フォーム要素のフォント継承を指定 */
}

optgroup {
	font-weight: bold; /* 前のルールで設定されていないフォントのウェイトを元に戻す */
}


button {
	overflow: visible; /* IE 8/9/10/11でアドレスの`overflow`が`hidden`に設定 */
}

button,
select {
	text-transform: none; /* Firefox 40以上、Internet Explorer 11以上 */
}

/* ボタン要素にカーソルポインタを適用 */
button,
[type='button'],
[type='reset'],
[type='submit'],
[role='button'] {
	cursor: pointer;
}

/* Firefox 4+で内側のパディングとボーダーを削除 */
button::-moz-focus-inner,
[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'], /* Android 4で(2)がネイティブの`audio`と`video`コントロールを破壊するWebKitのバグを防ぐ */
[type='reset'],
[type='submit'] {
	-webkit-appearance: button; /* iOSでクリッカブルタイプのスタイル設定ができない問題を修正 */
	appearance: button; /* ベンダープレフィックスのみだとエラー表記が出るため個人的に追記 */
}

/* すべてのブラウザでデフォルトのボタンスタイルを削除 */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline-width: 0;
}

/* 標準入力のようなスタイル選択 */
select {
	-moz-appearance: none; /* Firefox 36以上 */
	-webkit-appearance: none; /* Chrome 41以上 */
	appearance: none; /* ベンダープレフィックスのみだとエラー表記が出るため個人的に追記 */
}

select::-ms-expand {
	display: none; /* Internet Explorer 11以上 */
}

select::-ms-value {
	color: currentColor; /* Internet Explorer 11以上 */
}

legend {
	border: 0; /* IE 8/9/10/11 で `color` が継承されないのを修正 */
	color: inherit; /* IE の `fieldset` 要素からの色継承を修正 */
	display: table; /* EdgeとIEでテキストの折り返しを修正 */
	max-width: 100%; /* EdgeとIEでテキストの折り返しを修正 */
	white-space: normal; /* EdgeとIEでテキストの折り返しを修正 */
	max-width: 100%; /* Edge 18およびIEでのテキストの折り返しを修正 */
}

::-webkit-file-upload-button {
	/* iOSとSafariでクリッカブルタイプのスタイル設定ができない問題を修正 */
	-webkit-appearance: button;
	color: inherit;
	font: inherit; /* ChromeとSafariのフォントプロパティを「継承」に変更 */
}

/* 無効化された要素のポインタカーソルを置き換える */
[disabled] {
	cursor: default;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
	border-style: none; /* IE 8/9/10 で `a` 要素内にあるボーダーを削除 */
}

/* Chrome、Firefox、Operaで正しい垂直アライメントを追加 */
progress {
	vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* 要素更新のプログレスカーソルを指定 */
[aria-busy='true'] {
	cursor: progress;
}

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

/* 無効、編集不可、またはその他の操作不能な要素のスタイルなしカーソルを指定 */
[aria-disabled='true'] {
	cursor: default;
}