/*==================== 
* デフォルトのラベル設定
* ====================*/
.f-row > label:not(.def-label), .label:not(h1, h2, h3, h4, h5, h6) {
	width: calc(var(--font-size) * 8.25);
	background-color: var(--def-label-background);
	margin-right: 5px;
	font-weight: bold;
	padding: 2px;
	flex: none;
}
h1.label, h2.label, h3.label, h4.label, h5.label, h6.label {
	background-color: var(--def-label-background);
}

/*==================== 
* 画面ごとのラベル設定
* ====================*/
/* 通知チェックボックスに関するラベル */
.notice-check-label {
	width: calc(var(--font-size) * 5.25);
}

/* ユーザ設定画面 */
#user-info-area .f-row > label:not(.def-label), #user-info-area .label {
	width: calc(var(--font-size) * 6.25);
}

/* ユーザサービス管理ダイアログ */
#user-service-info-area .f-row > label:not(.def-label), #user-service-info-area .label {
	width: calc(var(--font-size) * 9.25);
}

/* ユーザデフォルト設定画面 */
#user-default-area .f-row > label:not(.def-label), #user-default-area .label {
	width: calc(var(--font-size) * 10.25);
}