@charset "utf-8";

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

/*----------------------------------------------------
accordionPanel.css
commandButton.css
commandLink.css
component.css
confirmDialog.css
contactConfirmDialog.css
dataList.css
dataTable.css
dataView.css
divider.css
fileUpload.css
growl.css
inputText.css
inputTextarea.css
message.css
messageMobile.css
panel.css
panelGrid.css
progressBar.css
scrollTop.css
selectBooleanCheckbox.css
selectManyButton.css
selectManyCheckbox.css
selectOneButton.css
selectOneMenu.css
selectOneRadio.css
tabView.css
toggleSwitch.css
tree.css
----------------------------------------------------*/

/*----------------------------------------------------
  accordionPanel.css
----------------------------------------------------*/
/*一番最初の子要素に適用*/
.ui-accordion.rx-accordion .ui-accordion-header:first-child {
	border: 1px solid var(--color-light-gray);
	border-radius: 8px;
}

/*全てのアコーディオンパネルに共通*/
.ui-accordion.rx-accordion .ui-accordion-header {
	border: 1px solid var(--color-light-gray);
	background: var(--color-white);
	border-radius: 8px;
	color: var(--color-text);
	font-weight: var(--weight-base);
	padding: 8px 34px 8px 16px;
	position: relative;
}

/* 右側にアイコンを配置（floatを使用） */
.ui-accordion.rx-accordion .ui-accordion-header .ui-icon {
    float: right;
}

/* clearfix を追加（float の影響を打ち消す） */
.ui-accordion.rx-accordion .ui-accordion-header::after {
    content: "";
    display: block;
    clear: both;
}

/* アコーディオンのコンテンツ部分 */
.ui-accordion.rx-accordion .ui-accordion-content {
	border: 1px solid var(--color-light-gray);
	border-radius: 0 0 8px 8px;
	border-top: 0 none;
	color: var(--color-text);
	padding: 16px;
	overflow: hidden;
}

/*コンテンツ部分の余白*/
.ui-accordion.rx-accordion .ui-accordion-content {
	margin-bottom: 16px;
}

/*最後のコンテントの余白を削除*/
.ui-accordion.rx-accordion .ui-accordion-content:last-of-type {
	margin-bottom: 0;
}


/*アクションを起こした時のスタイル*/
.ui-accordion.rx-accordion .ui-accordion-header.ui-state-active {
	background: var(--color-white);
	border-color: var(--color-light-gray);
	border-radius: 8px 8px 0 0;
	color: var(--color-text);
	margin-bottom: 0;
}

.ui-accordion.rx-accordion .ui-accordion-header:not(.ui-state-active) {
	margin-bottom: 16px;
}

.ui-accordion.rx-accordion .ui-accordion-header:focus {
	box-shadow: none;
}

.ui-accordion.rx-accordion .ui-accordion-header.ui-state-active:hover {
	border-color: var(--color-light-gray);
	background: var(--color-white);
	color: var(--color-text);
}

.ui-accordion.rx-accordion .ui-accordion-header>.ui-icon:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
}

.ui-accordion.rx-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-e:before {
	content: url('../../../images/mobile/plus.svg');
}

.ui-accordion.rx-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-s:before {
	content: url('../../../images/mobile/minus.svg');
}

.ui-accordion.rx-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-e,
.ui-accordion.rx-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-s {
	margin: 0;
}

/*二つ目のアコーディオンパネルのスタイル*/
.ui-accordion.rx-accordion .ui-accordion-content .ui-accordion-content {
    padding-bottom: 16px;
}

.ui-accordion.rx-accordion .ui-accordion-content:last-of-type {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

/*アコーディオンパネルが青の時*/
.ui-accordion.rx-accordion.rx-accordion-blue .ui-accordion-header,
.ui-accordion.rx-accordion.rx-accordion-blue .ui-accordion-header.ui-state-active:hover {
	background: var(--color-blue);
	border: 1px solid var(--color-blue);
	color: var(--color-white);
}

/*アコーディオンパネルが水色の時*/
.ui-accordion.rx-accordion.rx-accordion-right-blue .ui-accordion-header,
.ui-accordion.rx-accordion.rx-accordion-right-blue .ui-accordion-header.ui-state-active:hover {
	background: #E9EFFF;
}

.ui-accordion.rx-accordion.rx-accordion-blue .ui-accordion-header>.ui-icon.ui-icon-triangle-1-e:before {
	content: url('../../../images/mobile/plus-white.svg');
}

.ui-accordion.rx-accordion.rx-accordion-blue .ui-accordion-header>.ui-icon.ui-icon-triangle-1-s:before {
	content: url('../../../images/mobile/minus-white.svg');
}

/*----------------------------------------------------
  commandButton.css
----------------------------------------------------*/
/*rx-button-sizeXのパターン*/
/*rx-button-size1 幅が100%のボタン*/
.ui-button.rx-button.rx-button-size1 {
	border-radius: 100px;
	min-height: 48px;
	padding: 8px;
	width: 100%;
}

/*rx-button-size2 幅が100％でない小さめのボタン */
.ui-button.rx-button.rx-button-size2 {
	border-radius: 100px;
	min-height: 32px;
    min-width: 96px;
    padding: 8px;
}

/* rx-button-size3 丸のボタン */
.ui-button.rx-button.rx-button-size3 {
    border-radius: 50%;
    min-height: 32px;
    max-height: 32px;
    padding: 0;
    position: relative;
    min-width: 32px;
    max-width: 32px;
}

/*rx-button-size4 ふせんをはずすのボタン */
.ui-button.rx-button.rx-button-size4 {
	border-radius: 100px;
	height: 40px;
    padding: 8px 16px;
}

/*ふせんをはずすのボタンのテキストの大きさ*/
.ui-button.ui-widget.rx-button.rx-button-size4 .ui-button-text {
	font-size: var(--font-size-medium);
}

/*rx-button-size5 すべて表示するボタン(Bsd507) */
.ui-button.rx-button.rx-button-size5 {
	border-radius: 0;
    padding: 0 16px;
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
}

.ui-button.rx-button.rx-button-size5:has(.ui-icon) {
    flex-direction: row-reverse;
}

/*すべて表示するボタンのテキストの大きさ*/
.ui-button.ui-widget.rx-button.rx-button-size5 .ui-button-text {
	font-size: var(--font-size-medium);
}

/*======================================================
/*rx-button-colorXのパターン*/
/*rx-button-color1 背景色青、線が青、テキスト白*/
.ui-button.rx-button.rx-button-color1,
.ui-button.rx-button.rx-button-color1.ui-state-hover,
.ui-button.rx-button.rx-button-color1.ui-state-active,
.ui-button.rx-button.rx-button-color1.ui-state-down {
	background-color: var(--color-blue);
	border: 1px solid var(--color-blue);
	color: var(--color-white);
}

/* rx-button-color2 閉じるボタン等 背景色が白 線が青*/
.ui-button.rx-button.rx-button-color2,
.ui-button.rx-button.rx-button-color2.ui-state-hover,
.ui-button.rx-button.rx-button-color2.ui-state-active,
.ui-button.rx-button.rx-button-color2.ui-state-down {
	background-color: var(--color-white);
	border: 1px solid var(--color-blue);
	color: var(--color-blue);
}

/* rx-button-color3 リセットボタン等 青文字だけが表示されている*/
.ui-button.rx-button.rx-button-color3,
.ui-button.rx-button.rx-button-color3.ui-state-hover,
.ui-button.rx-button.rx-button-color3.ui-state-active,
.ui-button.rx-button.rx-button-color3.ui-state-down {
	background-color: transparent;
	border: 1px solid transparent;
	color: var(--color-blue);
}
/* rx-button-color4をrx-button-color5に統合*/
/* rx-button-color4 取り消しボタン等 背景色が赤 線が赤*/
/*.ui-button.rx-button.rx-button-color4,*/
/*.ui-button.rx-button.rx-button-color4.ui-state-hover,*/
/*.ui-button.rx-button.rx-button-color4.ui-state-active,*/
/*.ui-button.rx-button.rx-button-color4.ui-state-down {*/
/*	background-color: var(--color-red);*/
/*	border: 1px solid var(--color-red);*/
/*	color: var(--color-white);*/
/*}*/

/* rx-button-color5 削除ボタン等 背景色が白 線が赤*/
.ui-button.rx-button.rx-button-color4,
.ui-button.rx-button.rx-button-color4.ui-state-hover,
.ui-button.rx-button.rx-button-color4.ui-state-active,
.ui-button.rx-button.rx-button-color4.ui-state-down,
.ui-button.rx-button.rx-button-color5,
.ui-button.rx-button.rx-button-color5.ui-state-hover,
.ui-button.rx-button.rx-button-color5.ui-state-active,
.ui-button.rx-button.rx-button-color5.ui-state-down {
	background-color: var(--color-white);
	border: 1px solid var(--color-red);
	color: var(--color-red);
}

/* rx-button-color6 すべて表示するボタン(Bsd507) 背景色が水色*/
.ui-button.rx-button.rx-button-color6,
.ui-button.rx-button.rx-button-color6.ui-state-hover,
.ui-button.rx-button.rx-button-color6.ui-state-active,
.ui-button.rx-button.rx-button-color6.ui-state-down {
	background-color: #c8dcff;
	border: 1px solid #c8dcff;
	color: var(--color-blue);
}

/* rx-button-color7 警告ダイアログのボタン 背景色が白 線がオレンジ*/
.ui-button.rx-button.rx-button-color7,
.ui-button.rx-button.rx-button-color7.ui-state-hover,
.ui-button.rx-button.rx-button-color7.ui-state-active,
.ui-button.rx-button.rx-button-color7.ui-state-down {
	background-color: #fff;
	border: 1px solid #ff8f2c;
	color: #ff8f2c;
}

/*==================アイコン==================*/
/*テキストの横にアイコンがあるパターン*/
.ui-button.rx-button:has(.ui-icon) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

/*テキストの横にアイコンがある時のアイコンの位置*/
.ui-button.rx-button .ui-button-icon-left.ui-icon {
	height: 24px;
	margin-top: 3px;
	position: static;
	width: 24px;
}

/* rx-button-size3のサイズの時のアイコンの位置*/
.ui-button.rx-button.rx-button-size3 .ui-icon {
	left: 50%;
	margin: 0;
	position: absolute;
	top: 56%;
	transform: translate(-50%, -50%);
}

/*======================================================
/*アイコンの種類*/
/*編集アイコン 確認画面Ssc506 企業求人検索*/
.rx-icon-edit::before,
.rx-icon-edit-white::before,
.rx-icon-edit-red::before {
	display: block;
	margin-top: -1px;
	transform: scale(0.9);
}
.rx-icon-edit::before {
	content: url('../../../images/mobile/edit.svg');
}
/*白の編集アイコン*/
.rx-icon-edit-white::before {
	content: url('../../../images/mobile/edit-white.svg');
}
/*赤の編集アイコン*/
.rx-icon-edit-red::before {
	content: url('../../../images/mobile/edit-red.svg');
}

/*青いリフレッシュアイコン 確認画面Ssc506 企業求人検索*/
.rx-icon-refresh::before {
	content: url('../../../images/mobile/refresh.svg');
}

/*白いリフレッシュアイコン*/
.rx-icon-refresh-white::before {
	content: url('../../../images/mobile/refresh-white.svg');
}

/*青いフラッグアイコン*/
.rx-icon-flag::before {
	content: url('../../../images/mobile/flag.svg');
}

/*赤いフラッグアイコン*/
.rx-icon-flag-red::before {
	content: url('../../../images/mobile/flag-red.svg');
}

/*目のアイコン*/
.rx-icon-eye-on::before {
	content: url('../../../images/mobile/eye-on.svg');
}

/*検索アイコン*/
.rx-icon-search::before {
	content: url('../../../images/mobile/Search.svg');
	display: block;
	transform: scale(0.9);
}

/*黒い検索アイコン*/
.rx-icon-search-black::before {
	content: url('../../../images/mobile/search-black.svg');
}

/*青いタグアイコン*/
.rx-icon-tag-line::before {
	content: url('../../../images/mobile/tag_line.svg');
	display: block;
	margin-top: 1px;
	transform: scale(0.9);
}

/*白いタグアイコン*/
.rx-icon-tag-fill::before {
	content: url('../../../images/mobile/tag_fill.svg');
	display: block;
	margin-top: 1px;
	transform: scale(0.9);
}

/*プラスのアイコン*/
.rx-icon-plus::before {
	content: url('../../../images/mobile/plus.svg');
}
/*白いプラスのアイコン*/
.rx-icon-plus-white::before {
	content: url('../../../images/mobile/plus-white.svg');
}

/*ダウンロードアイコン*/
.rx-icon-download::before {
	content: url('../../../images/mobile/download.svg');
	display: block;
	transform: scale(0.9);
}

/*左矢印アイコン*/
.rx-icon-arrow-left-blue::before {
	content: url('../../../images/mobile/arrow_left_blue.svg');
}

/*右矢印アイコン*/
.rx-icon-arrow-right::before {
	content: url('../../../images/mobile/arrow_right.svg');
}

/*上矢印アイコン*/
.rx-icon-arrow-up::before {
	content: url('../../../images/mobile/arrow-up.svg');
}

/*下矢印アイコン*/
.rx-icon-arrow-down::before {
	content: url('../../../images/mobile/arrow_down.svg');
}

/*下向きのアイコン*/
.rx-icon-down::before {
	content: url('../../../images/mobile/down.svg');
}

/*白いゴミ箱アイコン*/
.rx-icon-trash-white::before {
	content:url('../../../images/mobile/trash-white.svg')
}

/*青いゴミ箱アイコン*/
.rx-icon-trash::before {
	content: url('../../../images/mobile/trash.svg');
}

/*赤いゴミ箱アイコン*/
.rx-icon-trash-red::before {
	content: url('../../../images/mobile/trash-red.svg');
}

/*白いピンアイコン*/
.rx-icon-pin::before {
	content: url('../../../images/mobile/pin.svg');
}

/*青いピンアイコン*/
.rx-icon-pin-blue::before {
	content: url('../../../images/mobile/pin-blue.svg');
}


/*白いクリップアイコン*/
.rx-icon-attachment::before {
	content: url('../../../images/mobile/attachment.svg');
}

/*青いクリップアイコン*/
.rx-icon-attachment-blue::before {
	content: url('../../../images/mobile/attachment_blue.svg');
}

/*白いメッセージアイコン*/
.rx-icon-message-text-square-02::before {
	content: url('../../../images/mobile/message-text-square-02.svg');
}

/*青いメッセージアイコン*/
.rx-icon-message-text-square-02-blue::before {
	content: url('../../../images/mobile/message-text-square-02-blue.svg');
}

/*灰色メッセージアイコン*/
.rx-icon-message-text-square-02-gray::before {
    content: url('../../../images/mobile/message-text-square-02-gray.svg');
}

/*白いユーザーアイコン*/
.rx-icon-user-circle::before {
	content: url('../../../images/mobile/user-circle.svg');
}

/*青いユーザーアイコン*/
.rx-icon-user-circle-blue::before {
	content: url('../../../images/mobile/user-circle-blue.svg');
}

/*白いハートアイコン*/
.rx-icon-heart-fill::before {
	content: url('../../../images/mobile/heart_fill.svg');
}

/*青いハートアイコン*/
.rx-icon-heart-line::before {
	content: url('../../../images/mobile/heart_line.svg');
}

/*白い星アイコン*/
.rx-icon-star-fill::before {
	content: url('../../../images/mobile/star_fill.svg');
}

/*青い星アイコン*/
.rx-icon-star-line::before {
	content: url('../../../images/mobile/star_line.svg');
}

/*白いシラバスアイコン*/
.rx-icon-syllabus::before {
	content: url('../../../images/mobile/syllabus.svg');
}

/*青いシラバスアイコン*/
.rx-icon-syllabus-blue::before {
	content: url('../../../images/mobile/syllabus-blue.svg');
}

/*白いファイルアイコン*/
.rx-icon-file::before {
	content: url('../../../images/mobile/file.svg');
}

/*青いファイルアイコン*/
.rx-icon-file-blue::before {
	content: url('../../../images/mobile/file-blue.svg');
}

/*白いいいねアイコン*/
.rx-icon-like-white::before {
	content: url('../../../images/mobile/like-white.svg');
}

/*青いいいねアイコン*/
.rx-icon-like::before {
	content: url('../../../images/mobile/like.svg');
}

/*白い悪いねアイコン*/
.rx-icon-unlike-white::before {
	content: url('../../../images/mobile/unlike-white.svg');
}

/*青い悪いねアイコン*/
.rx-icon-unlike::before {
	content: url('../../../images/mobile/unlike.svg');
}

/*情報マークのアイコン*/
.rx-icon-info::before {
	content: url('../../../images/mobile/info.svg');
}

/*丸で囲まれたチェックアイコン*/
.rx-icon-check2::before {
	content: url('../../../images/mobile/check2.svg');
	display: block;
	margin-top: 2px;
}
/*丸で囲まれた白のチェックアイコン*/
.rx-icon-check2-white::before {
	content: url('../../../images/mobile/check2-white.svg');
	display: block;
	margin-top: 2px;
}

/*丸で囲まれていない白のチェックアイコン*/
.rx-icon-check-white::before {
	content: url('../../../images/mobile/check-white.svg');
}

/*ログアウトアイコン*/
.rx-icon-logout::before {
	content: url('../../../images/mobile/logout.svg');
}

/*白いバツアイコン*/
.rx-icon-x-close-white::before {
	content: url('../../../images/mobile/x-close-white.svg');
}

/*===============全ボタン共通===============*/
/*焦点を当てた時*/
.ui-button.rx-button.ui-state-focus {
	box-shadow: none;
}

/*ボタンの中のテキスト*/
.ui-button.ui-widget.rx-button .ui-button-text {
    display: -webkit-box;
    overflow: hidden; /* はみ出したテキストを隠す */
    padding: 0;
    text-align: center;
    text-overflow: ellipsis; /* 省略記号（…）を表示 */
    white-space: normal; /* 折り返しを許可 */
    word-wrap: break-word; /* 長い単語を折り返す */
    word-break: break-word; /* 日本語などの改行対応 */
    -webkit-line-clamp: 3; /* 3行まで表示 */
    -webkit-box-orient: vertical;
}

/*ボタン内のテキストを小さくしたい時*/
.ui-button.rx-button.rx-font-size-medium {
	font-size: var(--font-size-medium);
}

/*ボタンの下に余白をつけたい時*/
.ui-button.rx-button.rx-marginbottom05 {
	margin-bottom: 8px;
}

.ui-button.rx-button.rx-marginbottom1 {
	margin-bottom: 16px;
}

/*ボタンの上に余白をつけたい時*/
.ui-button.rx-button.rx-margintop05 {
	margin-top: 8px;
}

.ui-button.rx-button.rx-margintop1 {
	margin-top: 16px;
}

/*フォーカス時に線が出てこないように変更*/
body .ui-button.ui-state-focus {
    box-shadow: none;
}

/*----------------------------------------------------
  commandLink.css
----------------------------------------------------*/
.ui-commandlink.rx-commandlink,
.ui-commandlink.rx-commandlink:hover {
	color: rgba(0, 0, 0, 0.6);
	display: block;
	flex: 4;
	position: relative;
	width: 100%;
}

.ui-commandlink.rx-commandlink:hover {
    text-decoration: none;
}

.ui-commandlink.rx-commandlink:after {
	content: url('../../../images/mobile/arrow_right.svg');
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY(-50%);
}
/* -------------非活性時------------- */
.ui-commandlink.rx-commandlink.ui-state-disabled:not(.ui-state-loading) {
	opacity: 0.6;
	pointer-events: none;
}
.ui-card.rx-card .ui-commandlink.rx-commandlink.ui-state-disabled:not(.ui-state-loading) {
	opacity: 1;
}
.ui-commandlink.rx-commandlink.ui-state-disabled:not(.ui-state-loading)::after {
	content: none;
}

/*カリキュラムツリーのリンク*/
.ui-commandlink.rx-commandlink.rx-treelink span {
	color: rgba(0, 0, 0, 0.6);
	font-size: var(--font-size-medium);
}

/*青文字*/
.ui-commandlink.rx-commandlink.rx-commandlink-blue,
.ui-commandlink.rx-commandlink.rx-commandlink-blue:hover,
.ui-commandlink.rx-commandlink.rx-commandlink-blue.rx-link-button,
.ui-commandlink.rx-commandlink.rx-commandlink-blue.rx-link-button:hover  {
	color: #2196f3;
}
/* --------ボタン型になっているリンク--------- */
.ui-commandlink.rx-commandlink.rx-link-button {
    background: var(--color-white);
    border: 1px solid var(--color-light-gray);
    border-radius: 8px;
    color: var(--color-text);
    display: block;
    padding: 8px 30px 8px 16px;
    position: relative;
    width: 100%;
}

.ui-commandlink.rx-commandlink.rx-link-button:after {
	right: 8px;
	top: 55%;
}

/* 注意マークのアイコン */
.rx-icon-alert:after {
	content: url('../../../images/mobile/alert.svg');
}

/*----------------------------------------------------
  confirmDialog.css
----------------------------------------------------*/
.ui-confirm-dialog.rx-confirmdialog {
	background-color: var(--color-white);
	border-radius: 20px;
	margin-inline: auto;
	width: var(--base-width) !important;
	max-width: 400px;
	max-height: 90vh;
	overflow-y: auto;
}
.ui-confirm-dialog.rx-confirmdialog .ui-dialog-content .ui-icon:before,
.ui-confirm-dialog.rx-confirmdialog .ui-dialog-titlebar-icon {
	display: none;
}

/* ヘッダー */
.ui-confirm-dialog.rx-confirmdialog .ui-dialog-titlebar {
	align-content: space-around;
	padding: 10px;
	text-align: center;
}
.ui-confirm-dialog.rx-confirmdialog.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	color: var(--color-white);
	font-size: var(--font-size-base);
}

/* コンテンツエリア */
.ui-confirm-dialog.rx-confirmdialog .ui-dialog-content.ui-widget-content {
	padding-top: 16px;
	padding-bottom: 16px;
}
.ui-confirm-dialog.rx-confirmdialog .ui-dialog-content.ui-widget-content,
.ui-confirm-dialog.rx-confirmdialog.ui-dialog .ui-dialog-footer {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.ui-confirm-dialog.rx-confirmdialog .ui-dialog-content.ui-widget-content>span.ui-icon.ui-icon-info {
	display: none !important;
}
.ui-confirm-dialog.rx-confirmdialog .ui-dialog-content.ui-widget-content .ui-confirm-dialog-message {
	margin: 0;
}

/*コンテンツの中身が空の時*/
.ui-confirm-dialog.rx-confirmdialog .ui-dialog-content.ui-widget-content:has(.ui-confirm-dialog-message:empty) {
    padding: 0;
}

/* フッター */
.ui-confirm-dialog.rx-confirmdialog.ui-dialog .ui-dialog-footer .ui-button {
	margin: 0;
	width: 100%;
}
.ui-confirm-dialog.rx-confirmdialog.ui-dialog .ui-dialog-footer {
	text-align: left;
	padding-bottom: 1.5rem;
	padding-top: 0;
}
.ui-confirm-dialog.rx-confirmdialog .rx-confirmdialog-button-area {
	display: flex;
	gap: 10px;
	padding-top: 16px;
}

/*コンテンツの中身が空の時のフッター*/
.ui-confirm-dialog.rx-confirmdialog.ui-dialog:has(
  > .ui-dialog-content.ui-widget-content .ui-confirm-dialog-message:empty
) > .ui-dialog-footer {
  padding-top: 16px;
}


/*=================infoダイアログ=================*/
.ui-confirm-dialog.rx-confirmdialog.rx-confirmdialog-info {
	color: var(--color-text);
}
.ui-confirm-dialog.rx-confirmdialog.rx-confirmdialog-info .ui-dialog-titlebar {
	background-color: var(--color-blue);
	height: 56px;
}
/*=================errorダイアログ=================*/
.ui-confirm-dialog.rx-confirmdialog.rx-confirmdialog-error {
	color: var(--color-red);
}
.ui-confirm-dialog.rx-confirmdialog.rx-confirmdialog-error .ui-dialog-titlebar {
	background-color: var(--color-red);
	height: 56px;
}

/*----------------------------------------------------
  contactConfirmDialog.css
----------------------------------------------------*/
/*確認ダイアログ全体のスタイル*/
.ui-confirm-dialog.rx-contact-confirm-dialog {
	border-radius: 20px;
	width: 320px !important;
}

/*ヘッダーのスタイル*/
.ui-confirm-dialog.rx-contact-confirm-dialog .ui-dialog-titlebar {
    padding: 1rem 1.5rem 0.5rem 2rem;
}

/*要素間の線を消す*/
.ui-confirm-dialog.rx-contact-confirm-dialog .ui-dialog-content {
    margin-top: -1px;
}

.ui-confirm-dialog.rx-contact-confirm-dialog .ui-dialog-footer {
    margin-top: -1px;
}

/*ダイアログの中身のスタイル*/
.ui-confirm-dialog.ui-dialog.rx-contact-confirm-dialog .ui-dialog-content .ui-icon:empty {
    display: none !important;
}

/*ダイアログの文字のスタイル*/
.ui-confirm-dialog.ui-dialog.rx-contact-confirm-dialog .ui-dialog-content>span {
    line-height: 1.4;
}

.ui-confirm-dialog.ui-dialog.rx-contact-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message {
    word-break: normal;
}

/*ボタンのスタイル*/
.ui-confirm-dialog.rx-contact-confirm-dialog .ui-dialog-footer button {
    margin: 0;
}

/*----------------------------------------------------
  dataList.css
----------------------------------------------------*/
.ui-datalist .ui-datalist-content.ui-widget-content {
	border: none;
	background: none;
	padding: 0;
}

/*----------------------------------------------------
  dataTable.css
----------------------------------------------------*/
.ui-datatable.rx-datatable {
	background: var(--color-white);
	border: 0;
	font-size: var(--font-size-small);
	width: 100%;
	word-wrap: break-word;
}
.ui-datatable.rx-datatable .ui-widget {
	font-size: var(--font-size-small);
}
.ui-datatable.rx-datatable thead th,
.ui-datatable.rx-datatable tbody>tr>td {
	border: 0;
	padding: 0 4px;
	vertical-align: middle;
	white-space: break-spaces;
}
.ui-datatable.rx-datatable .ui-datatable-scrollable-header-box thead tr,
.ui-datatable.rx-datatable .ui-datatable-scrollable-body tbody tr {
	height: 2rem;
}
.ui-datatable.rx-datatable thead,
.ui-datatable.rx-datatable thead th {
	background: var(--color-light-blue);
	color: var(--color-blue);
}
.ui-datatable.rx-datatable .ui-datatable-scrollable-body thead th {
	height: 0;
}
.ui-datatable.rx-datatable .ui-datatable-scrollable-header-box thead .ui-column-title {
	font-weight: 400;
	white-space: normal;
	word-break: normal;
}
.ui-datatable.rx-datatable thead th.rx-align-center {
	text-align: center;
}
.ui-datatable.rx-datatable thead th.rx-align-right {
	text-align: right;
}

/*=============最下行のみ線あり==============*/
.ui-datatable.rx-datatable.rx-datatable-lastborder tbody>tr>td {
	border: 0;
}
.ui-datatable.rx-datatable.rx-datatable-lastborder tbody tr:last-of-type {
	border-top: 1px solid var(--color-light-gray);
}

/*----------------------------------------------------
  dataView.css
----------------------------------------------------*/
.ui-dataview-header.ui-widget-header.ui-helper-clearfix {
    display: none;
}
.ui-dataview.rx-dataview.ui-dataview-list .ui-dataview-row {
    border: none;
}
.ui-dataview.rx-dataview .ui-dataview-content {
    background: #f2f2f7;
}
/*間の背景色が白のパターン*/
.ui-dataview.rx-dataview.rx-dataview-white .ui-dataview-content {
	background: #fff;
}
.ui-dataview.rx-dataview .ui-dataview-content .ui-dataview-list-container {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.ui-dataview.rx-dataview .ui-dataview-content .ui-dataview-list-container:not(:has(.ui-dataview)):has(.ui-card .rx-card-status1-area) {
	gap: 16px;
	padding-top: 8px;
}

/*----------------------------------------------------
  divider.css
----------------------------------------------------*/
/* iPhoneのmargin用 */
.rx-body .ui-divider.ui-widget.ui-divider-horizontal.ui-divider-solid.ui-divider-left {
	height: 1px;
}

/*----------------------------------------------------
  fileUpload.css
----------------------------------------------------*/
/*ファイル選択ボタン*/
.rx-fileupload.ui-button {
	align-items: center;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
	min-height: 48px;
	padding: 8px;
	width: 100%;
}

.rx-fileupload.ui-button,
.rx-fileupload.ui-button.ui-state-hover,
.rx-fileupload.ui-button.ui-state-active,
.rx-fileupload.ui-button.ui-state-down {
	background-color: var(--color-white);
	border: 1px solid var(--color-blue);
	color: var(--color-blue);
}
.rx-fileupload.ui-button.ui-button-text-only .ui-button-text {
	display: flex;
	gap: 8px;
	padding: 0;
}
.rx-fileupload.ui-button .ui-button-text::before {
	content: url('../../../images/mobile/setting.svg');
	display: block;
	height: 24px;
	margin-top: 2px;
	transform: scale(0.9);
}

.btnFileUpload.dispNone,
.btnFileUpload.dispNone.ui-button,
.btnFileUpload.dispNone .ui-button-text,
.btnFileUpload.dispNone.ui-button .ui-button-text {
	display: none;
}

/*===============rx:fileDownload使用バージョン=================*/
/*ファイルリスト表示エリア*/
.tableDownload {
	display: grid;
	gap: 8px;
	width: 100%;
}
.tableDownload:has(>div) {
	margin-bottom: 16px;
}
.tableDownload .tableDownloadRow {
	align-items: center;
	background-color: var(--color-white);
	border: 1px solid var(--color-light-gray);
	border-radius: 8px;
	display: flex;
	min-height: 48px;
	padding: 8px 8px 8px 16px;
	width: 100%;
}
.tableDownload .tableDownloadRow>.tableDownloadCell:not(.downLoadCellFilNm):not(.downLoadCellFilSz) {
	display: none;
}
/*ファイル名*/
.tableDownload .downLoadCellFilNm{
	display: inline;
	vertical-align: middle;
}

/*削除ボタン*/
.tableDownload button.ui-button {
	background-color: transparent;
	border: none;
	height: 32px;
	padding: 0;
	position: relative;
	width: 32px;
}
.tableDownload .ui-button.ui-button-icon-only .ui-icon.ui-icon-trash {
	margin-top: -11px;
	margin-left: -11px;
}
.tableDownload .ui-icon-trash::before {
	content: url('../../../images/mobile/trash.svg');
}
.tableDownload .tableDownloadRow>div:has(>.tableDownloadCell .ui-button .ui-icon-trash) {
	margin: 0 0 0 auto;
}

/*ダウンロード時(ゴミ箱非表示、ダウンロードボタン表示)*/
.rx-download .tableDownload .tableDownloadRow {
	flex-direction: row-reverse;
	justify-content: space-between;
}
.rx-download .tableDownload .tableDownloadRow>.tableDownloadCell:not(.downLoadCellFilNm):not(.downLoadCellFilSz) {
	display: block;
	float: right;
}
.rx-download .tableDownload .tableDownloadRow>div:has(>.tableDownloadCell .ui-icon-trash),
.rx-download .tableDownload .tableDownloadRow>.tableDownloadCell:not(.downLoadCellFilNm):not(.downLoadCellFilSz) button.dispNone,
.rx-download .tableDownload .tableDownloadRow>.tableDownloadCell:not(.downLoadCellFilNm):not(.downLoadCellFilSz) button .ui-button-text {
	display: none;
}
.rx-download .tableDownload button.ui-button.btnDownload::before{
	content: url('../../../images/mobile/download.svg');
	display: block;
	margin-top: 5px;
}

/* ファイルアップロード用添付ファイルボタン */
.rx-button.ui-button.rx-fileupload-attachment-button {
	float: right;
	margin-bottom: 4px;
	margin-right: 8px;
}

/*----------------------------------------------------
  growl.css
----------------------------------------------------*/
body .ui-growl {
    left: 50%;                
  	transform: translateX(-50%);
}
body .ui-growl .ui-growl-item-container .ui-growl-item {
    display: flex;
    align-items: center;
    gap: 8px;
}
body .ui-growl .ui-growl-item-container.ui-growl-info {
    background-color: #aaa;
}
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
	position: relative;
}
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before {
    position: absolute;
    top: -8px;
}
body .ui-growl-message {
    padding: 0;
}
.ui-growl-message p:empty {
    display: none;
}
body .ui-growl-title {
	color: var(--color-text);
	font-weight: var(--weight-base);
	padding: 0;
	word-break: normal;
}

/*----------------------------------------------------
  inputText.css
----------------------------------------------------*/
.ui-inputtext.rx-inputtext {
	border-radius: 8px;
	border: 1px solid var(--color-light-gray);
	background: var(--color-white);
	min-height: 48px;
	padding: 8px 16px;
	width: 100%;
}

.ui-inputtext.rx-inputtext.ui-state-hover {
	border-color: var(--color-light-gray);
}

.ui-inputfield.ui-inputtext.rx-inputtext.ui-state-focus {
	border-color: var(--color-light-gray);
	box-shadow: none;
}

/*----------------------------------------------------
  inputTextarea.css
----------------------------------------------------*/
.ui-inputtextarea.rx-inputtextarea {
	width: 100%;
}

/*----------------------------------------------------
  message.css
----------------------------------------------------*/
.rx-body .ui-message-error {
	bottom: 10px;
	display: flex;
	font-size: var(--font-size-medium);
	position: relative;
}
.rx-body .ui-widget+.ui-message-error {
	margin: 0;
}
/*メッセージが出ていないときの余白を非表示にする*/
body .ui-message:empty {
    display: none;
}
/*outputTextになっているエラーメッセージ*/
.rx-message-error-text,
.rx-body .ui-messages .ui-messages-error {
	margin: 0;
	background: #ffcdd2;
    border: 1px solid #ef5350;
    border-width: 0 0 0 3px;
    bottom: 10px;
	display: flex;
	position: relative;
	padding: .5rem .5rem;
    border-radius: 4px;
}
.rx-error-msg,
.rx-body .ui-messages .ui-messages-error .ui-messages-error-detail {
	color: #b71c1c;
	font-size: var(--font-size-medium);
}
.rx-error-msg::before,
.rx-body .ui-messages .ui-messages-error .ui-messages-error-icon::before {
    content: "\e90c"; /* pi-times の Unicode */
    font-family: "primeicons"; /* PrimeIcons を使用 */
    display: inline-block;
    margin-right: 0.5em; /* テキストとの間隔 */
    color: #b71c1c; /* アイコン色（エラー用の赤） */
}

/* ------ログイン前画面エラーメッセージ調整------ */
.rx-body .ui-messages .ui-messages-error .ui-messages-error-icon {
	margin: 0;
}
.rx-body .ui-messages .ui-messages-error .ui-messages-error-icon::before {
    display: block;
	margin-top: -6px;
	transform: scale(0.7);
}
.rx-body .ui-messages .ui-messages-error .ui-messages-error-detail {
	font-weight: normal;
}

/*----------------------------------------------------
  messageMobile.css
----------------------------------------------------*/
/*全体のスタイル*/
.ui-dialog.rx-dialog.ui-widget-content {
    border-radius: 20px;
    top: 30% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 320px !important;
}

/*===============ヘッダー部分===============*/
/*共通*/
.ui-dialog.rx-dialog .ui-dialog-titlebar{
    padding: 10px 35px 10px 35px;
    position: relative;
    text-align: center;
}

.ui-dialog.rx-dialog .ui-dialog-titlebar .ui-dialog-title {
	color: rgba(255, 255, 255, 0.9);
    font-size: var(--font-size-base);
    font-weight: var(--weight-base);
}

/*案内*/
.ui-dialog.rx-dialog.rx-info-message-dlg-alt .ui-dialog-titlebar {
	background: #1C5EC3;
}

/*警告*/
.ui-dialog.rx-dialog.rx-warn-message-dlg-alt .ui-dialog-titlebar {
	background: #FF8F2C;
}

/*エラー*/
.ui-dialog.rx-dialog.rx-err-message-dlg-alt .ui-dialog-titlebar {
	background: #FF3B30;
}


/*バツボタン部分*/
.ui-dialog.rx-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close,
.ui-dialog.rx-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close {
    border: none;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.ui-dialog.rx-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close {
	margin: 0;
	top: 60%;
}

/*白いバツのスタイル*/
.ui-dialog.rx-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-icon,
.ui-dialog.rx-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close .ui-icon {
    background: url('../../../images/mobile/x-close-white.svg') no-repeat center center;
    background-size: contain;
    top: -3px;
    width: 24px; /* 画像サイズにあわせて */
    height: 24px;
}

/*もともとのバツボタンのスタイルを削除*/
.ui-dialog.rx-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before {
    display: none;
}

.ui-dialog.rx-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
    background: transparent;
    color: inherit;
    border-color: transparent;
}

.ui-dialog.rx-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus {
    box-shadow: none;
}

/*案内*/
.ui-dialog.rx-dialog.rx-info-message-dlg-alt .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close {
	background: #1C5EC3;
}

/*警告*/
.ui-dialog.rx-dialog.rx-warn-message-dlg-alt .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close {
	background: #FF8F2C;
}

/*エラー*/
.ui-dialog.rx-dialog.rx-err-message-dlg-alt .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close {
	background: #FF3B30;
}

/*===============コンテンツ部分===============*/
.ui-dialog.rx-dialog.ui-resizable .ui-dialog-content {
    padding: 1.5rem;
}

.ui-dialog.rx-dialog.ui-resizable .ui-dialog-content ul {
	padding-bottom: 1.5rem;
}

/*エラーだけリストを表示する*/
.ui-dialog.rx-dialog.rx-err-message-dlg-alt.ui-resizable .ui-dialog-content ul {
	list-style-type: disc;
	padding-left: 1.0rem;
}

.ui-dialog.rx-dialog.ui-resizable .ui-dialog-content li {
	font-size: var(--font-size-medium);
}

/*=============== ボタン ===============*/
/* 共通 */
.rx-message-btn-area {
    position: fixed;
    z-index: 1003;
    top: 50px;
    right: 8px;
}
.rx-info-message-dlg-open .rx-info-open-btn,
.rx-warning-message-dlg-open .rx-warn-open-btn,
.rx-error-message-dlg-open .rx-err-open-btn {
    background-size: contain !important;
    border:0;
    display:none;
    height: 35px;
    width: 35px;
}
/* 案内 */
.rx-info-message-dlg-open .rx-info-open-btn {
    background: url('../../../images/mobile/info-circle.svg') no-repeat center center;
}
/* 警告 */
.rx-warning-message-dlg-open .rx-warn-open-btn {
    background: url('../../../images/mobile/warning-info-circle.svg') no-repeat center center;
}
/* エラー */
.rx-error-message-dlg-open .rx-err-open-btn {
    background: url('../../../images/mobile/error-info-circle.svg') no-repeat center center;
}

/*===============ヘッダーのないダイアログ===============*/
.ui-dialog.rx-dialog.rx-non-header-style .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close {
    top: 28px;
    z-index: 1000;
}
.ui-dialog.rx-dialog.rx-non-header-style .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-dialog-titlebar-close .ui-icon {
    background: url('../../../images/mobile/x-close-black.svg') no-repeat center center;
}

/*===============ダイアログ===============*/
#pmPage {
	position: unset !important;
}
#mblMssArea [data-role="panel"] {
	max-height: 200px;
	min-height: 0;
	width: 24em;
	background-color: #fff;
}
.mblMssPanelBtnArea .ui-btn-inline {
	position: fixed;
}
[data-position="right"][data-display="overlay"] {
	right: 0;
	-webkit-transform: translate3d(24em, 0, 0) !important;
	-moz-transform: translate3d(24em, 0, 0) !important;
	transform: translate3d(24em, 0, 0) !important;
	transition: 0.5s ease;
}
.ui-panel-open[data-position="right"][data-display="overlay"] {
	-webkit-transform: translate3d(0, 0, 0) !important;
	-moz-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
	transition: 0.5s ease;
}
[data-position-fixed="true"] {
	position: fixed;
	bottom: -1px;
	/* Fixes gap on Chrome for Android */
	padding-bottom: 1px;
}
/* Dismiss */
.ui-panel-dismiss {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 1002;
	display: none;
	text-shadow: 0 1px 0 #eee;
}
.ui-panel-dismiss-open {
	display: block;
}
/* Dismiss model open */
.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
	right: 24em;
}

/*----------------------------------------------------
  panel.css
----------------------------------------------------*/
/* ▼ タイトルバー：基本（開いてる時） */
.ui-panel.rx-panel .ui-panel-titlebar,
.ui-panel.rx-panel.ui-panel-collapsed .ui-panel-titlebar {
    border: 1px solid var(--color-light-gray);
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: var(--color-text);
    display: flex;
    font-weight: var(--weight-base);
    padding: 8px 8px 8px 16px;
    white-space: nowrap;
}

/* ▼ タイトルバー：閉じてる時は上下左右を丸く */
.ui-panel.rx-panel.ui-panel-collapsed .ui-panel-titlebar {
    border-radius: 8px;
}

.ui-panel.rx-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    height: 24px;
	border: none;
    line-height: 0;
    padding: 0;
	margin: 0;
	width: 100%;
}

.ui-panel.rx-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick,
.ui-panel.rx-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick {
    float: right;
}

.ui-panel.rx-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before {
    content: url('../../../images/mobile/plus.svg');
}

.ui-panel.rx-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before {
    content: url('../../../images/mobile/minus.svg');
}

.ui-panel.rx-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus {
    box-shadow: none;
}

.ui-panel.rx-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
    background: transparent;
    color: transparent;
    border: none;
}


/*中身の部分*/
.ui-panel.rx-panel .ui-panel-content {
	border-left: 1px solid var(--color-light-gray);
    border-right: 1px solid var(--color-light-gray);
    border-bottom: 1px solid var(--color-light-gray);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #fff;
    margin-inline: 0;
    padding: 1rem;
    width: 100%;
}

/*=================== パネルを作成したい時のスタイル ===================*/
/*白背景枠あり*/
.rx-white-panel,
.rx-white-panel-border-none {
    background: var(--color-white);
    border: 1px solid var(--color-light-gray);
    border-radius: 8px;
    position: relative;
}

/*白背景枠なし*/
.rx-white-panel-border-none {
    border: none;
}

/*----------------------------------------------------
  panelGrid.css
----------------------------------------------------*/
.ui-panelgrid.rx-panelgrid {
	width: 100%;
}
.ui-panelgrid.rx-panelgrid .ui-panelgrid-cell {
	padding: 0;
}

/*----------------------------------------------------
  progressBar.css
----------------------------------------------------*/
.ui-progressbar.rx-progressbar {
	background: var(--color-light-gray);
	border-radius: 100px;
	padding: 2px;
	height: 16px;
}
.ui-progressbar.rx-progressbar .ui-progressbar-value {
	background: var(--color-blue);
	border-radius: 100px;
	height: 12px;
	position: static;
}

/*----------------------------------------------------
  scrollTop.css
----------------------------------------------------*/
.ui-scrolltop.rx-scrolltop,
.ui-scrolltop.rx-scrolltop:hover {
	background: rgba(32, 140, 200, 0.60);
}
/* 画像の設定 */
.ui-scrolltop.rx-scrolltop::before {
	transform: scale(1.1);
	content: url('../../../images/mobile/arrow-up.svg');
	margin-top: 5px;
}
/* デフォルトの画像削除 */
.ui-scrolltop.rx-scrolltop .ui-scrolltop-icon {
	display: none;
}
/* フッターの有無で画面下からの処理を修正 */
.ui-panel-content:has(.rx-footer> button:nth-child(1):last-child) .ui-scrolltop.rx-scrolltop,
.ui-panel-content:has(.rx-one-button-footer) .ui-scrolltop.rx-scrolltop {
	margin-bottom: 96px;
}
.ui-panel-content:has(.rx-footer> button:nth-child(2):last-child) .ui-scrolltop.rx-scrolltop,
.ui-panel-content:has(.rx-two-button-footer) .ui-scrolltop.rx-scrolltop {
	margin-bottom: 152px;
}
.ui-panel-content:has(.rx-footer> button:nth-child(3):last-child) .ui-scrolltop.rx-scrolltop,
.ui-panel-content:has(.rx-three-button-footer) .ui-scrolltop.rx-scrolltop {
	margin-bottom: 208px;
}
.ui-panel-content:has(.rx-footer> button:nth-child(4):last-child) .ui-scrolltop.rx-scrolltop {
	margin-bottom: 264px;
}

/*----------------------------------------------------
  selectBooleanCheckbox.css
----------------------------------------------------*/
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.ui-chkbox .ui-chkbox-box,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.ui-chkbox .ui-chkbox-box.ui-state-focus {
    border: none;
    box-shadow: none;
}
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.ui-chkbox .ui-chkbox-box.ui-state-active {
	background: none;
}
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-blank:before {
    content: url('../../../images/mobile/check_off.svg');
}
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
	content: url('../../../images/mobile/check_on.svg');
}
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-blank:before,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
    display: block;
    margin: -3px 0 0 -3px;
	transform: scale(1.2);
}

.ui-selectbooleancheckbox.rx-selectbooleancheckbox {
    align-items: center;
    background-color: var(--color-white);
	border-radius: 8px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    min-height: 48px;
    padding: 8px 16px;
}
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.ui-chkbox.ui-widget > .ui-chkbox-label {
    margin: 0;
    word-break: normal;
}
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-marginbottom05 {
	margin-bottom: 8px;
}
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-marginbottom1 {
	margin-bottom: 16px;
}
/* 枠線 */
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-border {
	border: 1px solid var(--color-light-gray);
}

/*================ 分類表示用_左側インデント ================*/
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-1,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-2,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-3,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-4 {
    padding: 8px 0;
}
/* 明細 */
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-1 {
	padding-left: 72px;
}
/* 小分類 */
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-2 {
	padding-left: 48px;
}
/* 中分類 */
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-3 {
	padding-left: 24px;
}
/* 大分類 第一階層は左側インデントなし */
/*
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-4 {
}
*/
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-4 + .ui-selectbooleancheckbox {
	border-top: 2px solid var(--color-gray);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-4 + .rx-selectbooleancheckbox-rowlevel-3 .ui-chkbox-label::before,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-4 + .rx-selectbooleancheckbox-rowlevel-2 .ui-chkbox-label::before,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-4 + .rx-selectbooleancheckbox-rowlevel-1 .ui-chkbox-label::before,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-3 + .rx-selectbooleancheckbox-rowlevel-2 .ui-chkbox-label::before,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-3 + .rx-selectbooleancheckbox-rowlevel-1 .ui-chkbox-label::before,
.ui-selectbooleancheckbox.rx-selectbooleancheckbox.rx-selectbooleancheckbox-rowlevel-2 + .rx-selectbooleancheckbox-rowlevel-1 .ui-chkbox-label::before {
	content: url('../../../images/mobile/corner-down-right.svg');
	display: inline-block;
	margin-left: -24px;
    width: 24px;
}

.ui-card.rx-card .ui-selectbooleancheckbox.rx-selectbooleancheckbox {
    padding: 8px 8px;
}

/*----------------------------------------------------
  selectManyButton.css
----------------------------------------------------*/
.ui-selectmanybutton.rx-selectmanybutton>.ui-button {
    background: var(--color-white);
    border: 1px solid var(--color-light-gray);
    color: var(--color-blue);
}
.ui-selectmanybutton.rx-selectmanybutton>div.ui-button:first-child {
	border-bottom-width: 1px;
	border-radius: 6px 0px 0px 6px;
	border-right-width: 0;
}
.ui-selectmanybutton.rx-selectmanybutton>div.ui-button:not(:last-child) {
    border-bottom-width: 1px;
    border-right-width: 0;
}
.ui-selectmanybutton.rx-selectmanybutton>div.ui-button:last-child {
    border-radius: 0px 6px 6px 0px;
}
/*========テキストのスタイル========*/
.ui-selectmanybutton.rx-selectmanybutton .ui-button.ui-button-text-only .ui-button-text {
	font-size: var(--font-size-medium);
    padding: 7.5px 8px;
}
/*========アクティブな時のボタンの挙動=======*/
.ui-selectmanybutton.rx-selectmanybutton .ui-button.ui-state-focus {
	box-shadow: none;
}
.ui-selectmanybutton.rx-selectmanybutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover {
    background: var(--color-blue);
    border-color: var(--color-blue);
}
.ui-selectmanybutton.rx-selectmanybutton>.ui-button.ui-state-hover {
    background: var(--color-white);
    border-color: var(--color-light-gray);
    color: var(--color-blue);
}
.ui-selectmanybutton.rx-selectmanybutton>.ui-button.ui-state-active {
    background: var(--color-blue);
    border-color: var(--color-blue);
    font-weight: var(--weight-bold);
}

/*----------------------------------------------------
  selectManyCheckbox.css
----------------------------------------------------*/
.ui-selectmanycheckbox.rx-selectmanycheckbox {
    width: 100%;
}
.ui-selectmanycheckbox.rx-selectmanycheckbox tbody,
.ui-selectmanycheckbox.rx-selectmanycheckbox tr{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.ui-selectmanycheckbox.rx-selectmanycheckbox label {
	margin: 0;
}
.ui-selectmanycheckbox.rx-selectmanycheckbox>div.ui-g {
	gap: 8px;
}
.ui-selectmanycheckbox.rx-selectmanycheckbox td,
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-g-12.ui-md-1 {
    align-items: center;
    background-color: var(--color-white);
	border-radius: 8px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    min-height: 48px;
    padding: 8px 16px;
}
/*チェックボックスのラベル*/
.ui-selectmanycheckbox.rx-selectmanycheckbox td label {
	flex: 1;
	margin: 0;
}
/*チェックする前の状態*/
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-chkbox .ui-chkbox-box {
    border: none;
}
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-chkbox .ui-chkbox-box.ui-state-active {
	border: none;
    background: var(--color-white);
}
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background: var(--color-white);
}
/*カーソルを当てた時の状態*/
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-chkbox .ui-chkbox-box.ui-state-focus {
	box-shadow: none;
}
/*アイコンの位置を上書き*/
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    margin: 0;
    position: static;
}
/*theme.cssの余白を削除する*/
.ui-selectmanycheckbox.rx-selectmanycheckbox::before {
	display: none;
}
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-g::after {
	display: none;
}

/*==================チェックボックスの色==================*/
/*青(デフォルト)*/
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-blank:before {
    content: url('../../../images/mobile/check_off.svg');
}
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
	content: url('../../../images/mobile/check_on.svg');
}
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-blank:before,
.ui-selectmanycheckbox.rx-selectmanycheckbox .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
    display: block;
	transform: scale(1.2);
}
/*==================枠線==================*/
.ui-selectmanycheckbox.rx-selectmanycheckbox.rx-selectmanycheckbox-border>tbody>tr>td,
.ui-selectmanycheckbox.rx-selectmanycheckbox.rx-selectmanycheckbox-border .ui-g-12.ui-md-1 {
	background: var(--color-white);
	border: 1px solid var(--color-light-gray);
	border-radius: 8px;
}

/*----------------------------------------------------
  selectOneButton.css
----------------------------------------------------*/
.ui-selectonebutton.rx-selectonebutton {
    align-items: center;
	background: #F2F2F2;
    border-radius: 100px;
    display: flex;
    padding: 2px;
    width: 100%;
}
/*中身の要素を丸くする*/
.ui-selectonebutton.rx-selectonebutton>div.ui-button:first-child,
.ui-selectonebutton.rx-selectonebutton>div.ui-button:not(:last-child),
.ui-selectonebutton.rx-selectonebutton>div.ui-button:last-child {
    border-radius: 100px;
    border-bottom-width: 1px;
}
/*押下されていないボタンのスタイル*/
.ui-selectonebutton.rx-selectonebutton .ui-button {
	background: #F2F2F2;
	border: 1px solid #F2F2F2;
	color: rgba(0, 0, 0, 0.6);
    flex: 1;
    text-align: center;
    min-width: 50%;
    transition: none
}
/*押下されていないボタンのテキスト*/
.ui-selectonebutton.rx-selectonebutton .ui-button .ui-button-text,
.ui-selectonebutton.rx-selectonebutton .ui-button.ui-state-active .ui-button-text {
	font-size: var(--font-size-small);
	padding: 4px;
}
/*アクティブな時のスタイル*/
.ui-selectonebutton.rx-selectonebutton>.ui-button.ui-state-active {
    background: var(--color-blue);
    border-color: var(--color-blue);
}
.ui-selectonebutton.rx-selectonebutton .ui-button.ui-state-active .ui-button-text {
	font-weight: var(--weight-bold);	
}
.ui-selectonebutton.rx-selectonebutton .ui-button.ui-state-hover,
.ui-selectonebutton.rx-selectonebutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover {
    background: var(--color-blue);
    border: 1px solid var(--color-blue);
}
.ui-selectonebutton.rx-selectonebutton .ui-button.ui-state-focus {
    box-shadow: none;
}
/*======タブではないワンボタンのスタイル======*/
.ui-selectonebutton.rx-selectonebutton-plain>.ui-button {
    background: var(--color-white);
    border: 1px solid var(--color-light-gray);
    color: var(--color-blue);
}
.ui-selectonebutton.rx-selectonebutton-plain>div.ui-button:first-child {
	border-bottom-width: 1px;
	border-radius: 6px 0px 0px 6px;
	border-right-width: 0;
}
.ui-selectonebutton.rx-selectonebutton-plain>div.ui-button:not(:last-child) {
    border-bottom-width: 1px;
    border-right-width: 0;
}
.ui-selectonebutton.rx-selectonebutton-plain>div.ui-button:last-child {
    border-radius: 0px 6px 6px 0px;
}
/*テキストのスタイル*/
.ui-selectonebutton.rx-selectonebutton-plain .ui-button.ui-button-text-only .ui-button-text {
	font-size: var(--font-size-medium);
    padding: 7.5px 8px;
}
/*アクティブな時のボタンの挙動*/
.ui-selectonebutton.rx-selectonebutton-plain .ui-button.ui-state-focus {
	box-shadow: none;
}
.ui-selectonebutton.rx-selectonebutton-plain>.ui-button.ui-state-active:not(.ui-state-disabled):hover {
    background: var(--color-blue);
    border-color: var(--color-blue);
}
.ui-selectonebutton.rx-selectonebutton-plain>.ui-button.ui-state-hover {
    background: var(--color-white);
    border-color: var(--color-light-gray);
    color: var(--color-blue);
}
.ui-selectonebutton.rx-selectonebutton-plain>.ui-button.ui-state-active {
    background: var(--color-blue);
    border-color: var(--color-blue);
    font-weight: var(--weight-bold);
}

/*----------------------------------------------------
  selectOneMenu.css
----------------------------------------------------*/
.ui-selectonemenu.rx-selectonemenu {
	align-items: center;
    border: 1px solid var(--color-light-gray);
    border-radius: 8px;
    display: flex;
    min-height: 48px;
    min-width: auto !important;
    width: 100%;
}
.ui-selectonemenu.rx-selectonemenu.ui-state-hover {
	border-color: var(--color-light-gray);
}
.ui-selectonemenu.rx-selectonemenu.ui-state-focus {
	border-color: var(--color-light-gray);
	box-shadow: none;
}
.ui-selectonemenu.rx-selectonemenu .ui-selectonemenu-label {
    padding: 8px 30px 8px 16px;
    white-space: normal;
}
.ui-selectonemenu.rx-selectonemenu .ui-selectonemenu-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 50%;
}
.ui-selectonemenu.rx-selectonemenu .ui-selectonemenu-trigger .ui-icon:before {
    content: url('../../../images/mobile/down.svg');
}
/* リスト配置調整用 */
body .ui-selectonemenu-panel {
	max-width: var(--base-width) !important;
}
body .ui-selectonemenu-panel ul.ui-selectonemenu-items.ui-selectonemenu-items.ui-selectonemenu-list {
	min-width: fit-content;
	width: 100%;
}

/*----------------------------------------------------
  selectOneRadio.css
----------------------------------------------------*/
.ui-selectoneradio.rx-selectoneradio::before {
	display: none;
}
.ui-selectoneradio.rx-selectoneradio.ui-grid::after {
	display: none;
}
.ui-selectoneradio.rx-selectoneradio {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ui-selectoneradio.rx-selectoneradio>div {
    align-items: center;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray);
    border-radius: 8px;
    display: flex;
    flex-direction: row-reverse;
    min-height: 48px;
    justify-content: space-between;
    padding: 8px 16px;
    width: 100%;
}
/*文字のスタイル*/
.ui-selectoneradio.rx-selectoneradio>div label {
	flex: 1;
	margin: 0;
	overflow: hidden;
}
.ui-selectoneradio.rx-selectoneradio .ui-radiobutton {
    height: 24px;
    width: 24px;
}
/*===========ボタン=============*/
/*デフォルトの状態*/
.ui-selectoneradio.rx-selectoneradio .ui-radiobutton .ui-radiobutton-box {
    border: 2px solid var(--color-blue);
    height: 24px;
    width: 24px;
}
/*クリックした後の状態*/
.ui-selectoneradio.rx-selectoneradio .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    background: var(--color-white); 
}
.ui-selectoneradio.rx-selectoneradio .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
	box-shadow: none;
}
.ui-selectoneradio.rx-selectoneradio .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: var(--color-blue);
}
.ui-selectoneradio.rx-selectoneradio .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    width: 16px; 
}
/* 配置パターン2 横並びになっている*/
.ui-selectoneradio.rx-selectoneradio.rx-selectoneradio-size2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px 32px;
    width: auto;
}
.ui-selectoneradio.rx-selectoneradio.rx-selectoneradio-size2>div {
	background: transparent;
	border: none;
	gap: 8px;
	height: auto;
	padding: 0;
	width: auto;
}
.ui-selectoneradio.rx-selectoneradio.rx-selectoneradio-size2>div label {
	display: -webkit-box;
    -webkit-line-clamp: 3;  /* 3行目まで表示 */
    -webkit-box-orient: vertical;
    white-space: normal;
}

/*----------------------------------------------------
  tabView.css
----------------------------------------------------*/
.ui-tabs.rx-tabs.ui-tabs-top>.ui-tabs-panels {
    border: none;
    background-color: transparent;
}
.ui-tabs.rx-tabs .ui-tabs-panels .ui-tabs-panel {
	padding: 0;	
}
.ui-tabs.rx-tabs.ui-tabs-top .ui-tabs-nav {
	background: var(--color-white);
	border-radius: 100px;
	flex-wrap: nowrap;
    gap: 2px;
    justify-content: space-between;
    margin-bottom: 16px;
}
/*theme.cssの不要な下線を削除*/
.ui-tabs.rx-tabs.ui-tabs-top .ui-tabs-nav:before {
    display: none;
}
/*100%にひろがっているタブ*/
.ui-tabs.rx-tabs {
	border-radius: 100px;
	padding: 2px;
    width: 100%;
}
/*100%に広がらないタイプのタブ*/
.ui-tabs.rx-tabs.rx-tabs-size1 {
	width: 47.7%;
}
/*デフォルトの状態 背景色white タブが2つ*/
.ui-tabs.rx-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
	border: none;
    border-radius: 100px;
    box-shadow: none;
    display: flex;
    flex: 1;
    justify-content: center;
    max-width: 50%;
    padding: 4px;
    text-align: center;
}
/*タブが3つの時*/
.ui-tabs.rx-tabs.rx-tabs-3.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
	max-width: 33.3%;
}
/*タブが4つの時*/
.ui-tabs.rx-tabs.rx-tabs-4.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
	max-width: 25%;
}
/*タブが5つの時*/
.ui-tabs.rx-tabs.rx-tabs-5.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
	max-width: 20%;
}
/*デフォルトの状態のテキスト*/
.ui-tabs.rx-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header a {
    color: rgba(0, 0, 0, 0.6);
    font-size: var(--font-size-small);
    font-weight: var(--weight-base);
    line-height: var(--line-height-base);
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*背景色grayの時*/
.ui-tabs.rx-tabs.rx-tabs-gray.ui-tabs-top .ui-tabs-nav {
	background: var(--color-gray);
}
.ui-tabs.rx-tabs.rx-tabs-gray.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
	background: var(--color-gray);
}

/*========アクティブな状態===========*/
.ui-tabs.rx-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background-color: var(--color-blue);
    border: none;
}
/*テキスト*/
.ui-tabs.rx-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: rgba(255, 255, 255, 0.9);
    font-weight: var(--weight-bold);
}
/*焦点を当てた時の挙動*/
.ui-tabs.rx-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border: none;
}

/*----------------------------------------------------
  toggleSwitch.css
----------------------------------------------------*/
.ui-toggleswitch.rx-toggleswitch {
	height: 31px;
	width: 51px;
}
.ui-toggleswitch.rx-toggleswitch .ui-toggleswitch-slider {
    background: var(--color-light-gray);
}
.ui-toggleswitch.rx-toggleswitch .ui-toggleswitch-slider:before,
.ui-toggleswitch.rx-toggleswitch .ui-toggleswitch-handler {
    height: 24px;
    margin-top: -12px;
    width: 24px;
}
/*クリックしたときの挙動*/
.ui-toggleswitch.rx-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
    box-shadow: none;
}
.ui-toggleswitch.rx-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: var(--color-blue);
}

/*----------------------------------------------------
  tree.css
----------------------------------------------------*/
.ui-tree.rx-tree {
	border: none;
	border-radius: 8px;
	padding: 0 0 8px 0;
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode {
	padding: 0;
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode .ui-treenode-content {
	flex-direction: row-reverse;
	justify-content: space-between;
	padding: 8px 8px 8px 16px;
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
	flex: 1;
	padding: 0;
	white-space: normal;
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e,
.ui-tree.rx-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s {
	margin: 0;
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon.ui-icon-triangle-1-e:before {
	content: url('../../../images/mobile/plus.svg');
	vertical-align: middle;
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon.ui-icon-triangle-1-s:before {
	content: url('../../../images/mobile/minus.svg')
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode-children {
	padding-left: 12px;
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode-children>.ui-treenode>.ui-treenode-content {
	padding-left: 0;
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode.ui-treenode-leaf {
	border-bottom: 1px solid #ddd;
	background-color: #f2f2f2;
	margin-left: 25px;
	padding-left: 16px;
	position: relative;
}
.ui-tree.rx-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    height: auto;
    width: auto;
}

/*======================================================
/*ツリーのタイトルのスタイル styleClassに追加する*/
.ui-tree.rx-tree .ui-treenode-children .ui-treenode-unselected .ui-treenode-content .ui-treenode-label>span {
	display: flex;
}
.ui-tree.rx-tree .ui-treenode-children>.ui-treenode>.ui-treenode-content .ui-treenode-label>span:before {
	content: url('../../../images/mobile/corner-down-right.svg');
	display: inline-block;
	margin-right: 16px;
	vertical-align: middle;
}

/*----------------------------------------------------
  TODO 24時間対応
----------------------------------------------------*/
.errMessageDlgAlt + .warnMessageDlgAlt.rx-24-dialog {
	transition: top 0.3s ease-in-out;
}

.errMessageDlgAlt:not([style*="display: none"]) + .warnMessageDlgAlt.rx-24-dialog {
    top: calc(30% + 35px) !important;
}