/* Font (日本語・ポルトガル語・ローマ字ルビ) !important*/
@import url('https://fonts.googleapis.com/css?family=Material+Icons|Gelasio:400|Noto+Sans+JP&display=swap');
html, body, input, textarea, button, ruby, ruby rt{
	font-family: 'Noto Sans JP', sans-serif;
}
ruby + p{ font-family: 'Gelasio', serif; }
body{
	min-width: 359px;
	font-size: 16px;
}

/* quasar */
/* vueが準備できるまで隠しておく */
[v-cloak] { display: none; }

/* table */
.q-table thead {
	text-align: left;
	vertical-align: bottom;
	font-weight: 700;
}

.q-table-dense{
	font-size: 20px;
}

.q-table th{
	background-color: #f5f5f5;
}

.q-table td, .q-table th {
	margin: 0;
	overflow: visible;
	padding: .5rem .7rem;
}

.q-table.compact td, .q-table.compact th {
	padding: .1rem .3rem;
}

.q-table td:first-child, .q-table th:first-child {
	border-left-width: 0;
}

.q-table.bordered,
.q-table.cell-delimiter {
	border: 1px solid rgba(0, 0, 0, .12);
}

.q-table.cell-delimiter td,
.q-table.cell-delimiter th {
	border-right: 1px solid rgba(0, 0, 0, .12);
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	border-left: 1px solid rgba(0, 0, 0, .12);
}
.q-table td.edit-cell {
	width: 50px;
}

.q-table td.long-cell {
	word-break: break-all;
	white-space: normal;
}

.q-btn{ font-size: 1em; }

/* hr */
hr.dotted {
	border: 1px dotted rgba(0, 0, 0, .12);
}

.textarea {
	white-space: pre-wrap;
}

/* form */
.simple_form{
	width: 500px;
	max-width: 90vw;
}

.q-card.form-dialog {
	width: 600px;
	max-width: 600px;
}