@charset "utf-8";

/*======================================================
 * base.css (SP)
 *
 * 著作権：Copyright Japan System Techniques Co., Ltd. All Rights Reserved.
 * 会社名：日本システム技術株式会社
======================================================*/

/*Noto Sans JP (japanese) フォントのインポート
  notosansjp.cssで読み込み*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/

/* ------------------------------------------
	root
------------------------------------------ */

:root {
	--base-width: 91.8%;
	/* 358px */
	--color-text: rgba(0, 0, 0, 0.9);
	/* 文字の不透明度を90%に設定 */
	/* ------------------色---------------------- */
	--color-red: #ff3b30;
	--color-orange: #dd853b;
	--color-blue: #1d5ec3;
	--color-light-blue: #dce6f9;
	--color-gray: #f2f2f7;
	--color-light-gray: #ddd;
	--color-white: #fff;
	
	/* -------------------太さ--------------------- */
	--weight-base: 400;
	--weight-bold: 700;
	
	/* -------------文字の大きさと種類-------------- */
	--font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	--font-size-base: 1rem; /*16px;*/
	--font-size-large: 1.125rem; /* 18px */
	--font-size-medium: 0.875rem; /* 14px */
	--font-size-small: 0.75rem; /* 12px */
	--font-size-tag: 0.625rem; /* 10px */
	--line-height-base: 1.5;
	--line-height-small: 1;
}

/* ------------------------------------------
	body
------------------------------------------ */
html, body {
  overflow-x: hidden;
  width: 100%;
}

html,
.mainContent {
	background: var(--color-gray);
	word-break: break-all;
}

html[lang="ja"] {
	font-family: var(--font-family);
}


body .ui-widget {
	font-family: var(--font-family);
	font-size: var(--font-size-base);
	/* 16px */
	line-height: var(--line-height-base);
}

body,
body .ui-panel .ui-panel-content {
	color: var(--color-text);
	background: var(--color-gray);
}

.ui-panelgrid-cell.ui-g-12.ui-md-12 {
	background: var(--color-gray);
	padding: 0;
}

.ui-panel .ui-panel-content.ui-widget-content {
	border: none;
	margin-inline: auto;
	padding: 0;
	width: var(--base-width);
}

/* ローディングの位置調整 */
.rx-body .ui-widget-overlay {
	height: 100lvh !important;
	justify-content: center;
	position: fixed;
}
.rx-body .ui-widget-overlay .ui-blockui-content {
	box-shadow: none;
	position: fixed;
	justify-self: center;
}

/* ダイアログの優先度を最上位（9999）に設定 */
.ui-dialog.asyncMessageDlgAlt,
.ui-dialog.infoMessageDlgAlt,
.ui-dialog.warnMessageDlgAlt,
.ui-dialog.errMessageDlgAlt {
    z-index: 9999;
}