@charset "UTF-8";
/* "@(#) $Id: common_style_2021.css,v 1.6.2.6 2021/07/12 05:12:55 vic25 Exp $" */
/* ========================================================================== */
/* ファイル名		：	common_style_2021_narrow.css						  */
/* ファイル内容		：	共通クラス定義(余白狭い)							  */
/* 作成				：	2023/03/17 A.M										  */
/* ========================================================================== */

/* ========================================================================== */
/* レイアウト定義	*/
/* ========================================================================== */
/* お待ちください画面用DIV	*/
div.wait-overlay {
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:gray;
	opacity:0.9;
	display:flex;
	justify-content:center;
	align-items:center;
}

/* 全画面を覆う透明なDIV(ドロップダウンメニュー表示時に使用)	*/
div.overlay {
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:790;
	background-color:transparent;

}

/* 親画面全体	*/
div.parent-main-area {
	width:100%;
}

div.parent-main-content-menu-disabled {
	min-width:1200px;
	background-color:#EDF1FA;
}

/* 親画面以外	*/
div.main-area {
	width:100%;
}

div.main-content {
	min-width:1200px;
	background-color:#EDF1FA;
}

/* 親画面のサイドメニュー表示対応	*/
div.parent-main-content {
	min-width:1200px;
	margin-top:40px;
	margin-left:60px;
	background-color:#EDF1FA;
	transition: all 0.2s 0.0s linear;
}

div.page-title-area {
	width:100%;
	padding-left:40px;
	padding-right:40px;

}

div.page-title-area > div {
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:50px;
	min-width:1200px;
	width:100%;
}

/*画面上部のタイトル表示の場合*/
div.title-area-top {
	padding-top:20px;
	padding-bottom:10px;
	position:sticky;
    top: 0px;
    z-index: 799;
	background-color:#EDF1FA;
}

div.parent-main-content > div.page-title-area {
	top: 40px;
}

/*画面下部のタイトル表示の場合(detail-blockを使用している)*/
div.title-area-bottom1 {
	padding-bottom:20px;

}

/*画面下部のタイトル表示の場合(detail-blockを使用していない)*/
div.title-area-bottom2 {
	padding-top:20px;
	padding-bottom:20px;

}

div.page-title-icon-button {
	margin-left:10px;
	min-height:50px;
	height:50px;
	min-width:50px;
	width:50px;
	background-color:#ffffff;
	border-radius:5px;
	display:flex;
	justify-content:center;
	align-items:center;
}

div.page-title-icon-button > div {
	height:50px;
	width:50px;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:27px;
	color:#3260A1;
}

div.page-title-icon-button > div:hover {
	color: #234370;
}

/* タイトル部	*/
div.page-title {
	min-height:45px;
	background-color:#ffffff;
	border-radius:5px;
	flex-grow:1;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

div.page-title-color {
	border-width:4px;
	border-style:solid;
}

/* タイトル部タイトル表示	*/
div.page-title .page-title-name {
	padding-left:20px;
	padding-right:20px;
	display:flex;
	flex-grow:1;
	justify-content:flex-start;
}

div.page-title .page-title-name .page-title-title {
	align-items:center;
	display:flex;
	min-height:50px;
}

div.page-title .page-title-name .page-title-message {
	align-items:center;
	display:flex;
	flex-grow:1;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	font-size:12px;
}

div.page-title .page-title-name .page-title-title > div.bookmark {
	margin-right:5px;
	height:30px;
	min-width:30px;
    width:30px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color: #3260A1;
}

div.page-title .page-title-name .page-title-title > div.bookmark:hover {
	color:#234370;
}

div.page-title .page-title-name .page-title-title  > div.bookmark i{
	font-size:22px;
}

/* タイトル部ボタン	*/
div.page-title .page-title-button {
	padding-right:20px;
}

/* 検索条件選択部	*/
div.cond-select-sec {
	min-width:1200px;
	margin-left:60px;
	margin-right:60px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

div.cond-select-sec ~ div.cond-sec {
	margin-top:10px;
	margin-left:40px;
	margin-right:40px;
}

/* 検索条件部	*/
div.cond-sec {
	min-width:1200px;
	margin-top:10px;
	margin-left:40px;
	margin-right:40px;
	border-radius:5px;
	background-color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
}

div.cond-sec > div.cond {
	display:flex;
	justify-content:center;
	align-items:flex-start;
}

div.cond-sec > div.cond-thin {
	min-width:600px;
	max-width:1000px;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}

div.cond-sec > div.cond div.cond-xaxis-1 {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:100%;
	min-width:1200px;
}

div.cond-sec > div.cond div.cond-xaxis-2 {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:50%;
	min-width:580px;
}

div.cond-sec > div.cond-thin div.cond-xaxis-1 {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:100%;
	min-width:600px;
	max-width:1000px;
}

div.cond-sec  div.cond-block-body {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	background-color:#ffffff;
	width:100%;
	border-radius:5px;
	padding-left:20px;
	padding-right:20px;
}

/* 検索条件部詳細条件表示・非表示切り替え	*/
div.cond-sec div.detail-cond-switch {
	width:100%;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	display:flex;
	justify-content:flex-end;
}

div.cond-sec div.detail-cond-switch > div {
	padding-right:40px;
	cursor:pointer;
}

/* 検索条件ボタン部	*/
div.cond-button-sec {
	min-width:1200px;
	margin-top:10px;
	margin-left:20px;
	margin-right:60px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

div.cond-button-sec > div.cond-sort {
	display:flex;
	align-items:center;
}

div.cond-button-sec > div.cond-button {
	display:flex;
	justify-content:center;
	align-items:center;
}

div.cond-button-sec > div.cond-button > button {
	margin-left:10px;
}

/* ページ表示部	*/
div.list-prev-next-sec {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:50px;
	padding-right:50px;
	background-color:#EDF1FA;
	display:flex;
	justify-content:flex-end;
}
div.list-prev-next-sec:last-child {
	padding-top:10px;
}

div.list-prev-next {
	display:flex;
    align-items: center;
}

div.list-prev-next div.prev-next-button {
	padding-left:10px;
}

div.list-prev-next span.page-count {
	font-weight:bold;
	padding-left:20px;
	padding-right:10px;
}

/* 検索結果一覧部	*/
div.list-sec {
	margin-left:40px;
	margin-right:40px;
}

div.list-detail-unfixed {
	margin-left:40px;
	margin-right:40px;
}

div.list-edit-unfixed {
	margin-left:40px;
	margin-right:40px;
}

div.list-sec-normal {
	min-width:1200px;
}

/* 検索結果一覧の上部の余白用	*/
div.list-sec-top-space {
	margin-top:40px;
}

div.list-sec-wide {
}

table.table-list {
	border-collapse:collapse;
	table-layout:fixed;
	word-wrap:break-word;
	background-color:#ffffff;
}

table.list-full {
	width:100%;
}

table.table-list > tbody > tr:hover {
	color:#212529;
	background-color:rgba(0,0,0,.075);
}

th.table-list-header {
	text-align:center;
	background-color:rgba(50,96,161,.274);
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #dee2e6;
	border-bottom:2px solid #dee2e6;
    line-height: 20px;
}
th.table-list-header:last-child {
	padding-right:20px;
}

td.table-list-data {
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}
td.table-list-data:last-child {
	padding-right:20px;
}

/* ↓↓↓↓↓ プロセス一覧の行背景色とhover定義 ↓↓↓↓↓ */
table.table-list-process {
	border-collapse:collapse;
	table-layout:fixed;
	word-wrap:break-word;
	background-color:#ffffff;
}

tr.tr-other {
	background-color:#ffffff;
}

table.table-list-process > tbody > tr.tr-other:hover {
	color:#212529;
	background-color:rgba(0,0,0,.075);
}

tr.tr-navy {
	color:#212529;
	background-color:#00bfff;
}

tr.tr-blue {
	color:#212529;
	background-color:#add8e6;
}

tr.tr-green {
	color:#212529;
	background-color:#98fb98;
}

tr.tr-teal {
	color:#212529;
	background-color:#c1e0ff;
}

tr.tr-lime {
	color:#212529;
	background-color:#dbffdb;
}

tr.tr-aqua {
	color:#212529;
	background-color:#ccffff;
}

tr.tr-maroon {
	color:#212529;
	background-color:#ffe2c6;
}

tr.tr-purple {
	color:#212529;
	background-color:#d6d6ff;
}

tr.tr-olive {
	color:#212529;
	background-color:#dcd3b2;
}

tr.tr-gray {
	color:#212529;
	background-color:#c1c1c1;
}

tr.tr-silver {
	color:#212529;
	background-color:#e0e0e0;
}

tr.tr-red {
	color:#212529;
	background-color:#ffc6c6;
}

tr.tr-fuchsia {
	color:#212529;
	background-color:#ffe0ff;
}

tr.tr-yellow {
	color:#212529;
	background-color:#ffffd1;
}

table.table-list-process > tbody > tr.tr-navy:hover {
	color:#212529;
	background-color:#00aae3;
}

table.table-list-process > tbody > tr.tr-blue:hover {
	color:#212529;
	background-color:#97bdc9;
}

table.table-list-process > tbody > tr.tr-green:hover {
	color:#212529;
	background-color:#87de89;
}

table.table-list-process > tbody > tr.tr-teal:hover {
	color:#212529;
	background-color:#aecae6;
}

table.table-list-process > tbody > tr.tr-lime:hover {
	color:#212529;
	background-color:#c1e0c1;
}

table.table-list-process > tbody > tr.tr-aqua:hover {
	color:#212529;
	background-color:#b6e3e3;
}

table.table-list-process > tbody > tr.tr-maroon:hover {
	color:#212529;
	background-color:#e0c7af;
}

table.table-list-process > tbody > tr.tr-purple:hover {
	color:#212529;
	background-color:#babade;
}

table.table-list-process > tbody > tr.tr-olive:hover {
	color:#212529;
	background-color:#bfb79b;
}

table.table-list-process > tbody > tr.tr-gray:hover {
	color:#212529;
	background-color:#adadad;
}

table.table-list-process > tbody > tr.tr-silver:hover {
	color:#212529;
	background-color:#d3d3d3;
}

table.table-list-process > tbody > tr.tr-red:hover {
	color:#212529;
	background-color:#e3b1b1;
}

table.table-list-process > tbody > tr.tr-fuchsia:hover {
	color:#212529;
	background-color:#e6cae6;
}

table.table-list-process > tbody > tr.tr-yellow:hover {
	color:#212529;
	background-color:#e3e3ba;
}
/* ↑↑↑↑↑ プロセス一覧の行背景色とhover定義 ↑↑↑↑↑ */

div.list-message-area {
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 40px;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 20px;
}

/* 詳細項目内の一覧表示用	*/
div.column-table {
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
}

div.column-table > div {
	width:100%;
}

table.column-table-list {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	word-wrap:break-word;
	background-color:#ffffff;
}

tr.column-table-list-selectedTr {
	background-color:#EDF1FA;
	--border-top:3px solid #855E42;
	--border-bottom:3px solid #855E42;
	border-left:5px solid #855E42;
	--border-right:5px solid #855E42;
}

tr.column-table-list-DropTr {
	background-color:#855E42;
}

table.column-table-list > tbody > tr:hover {
	color:#212529;
	background-color:rgba(0,0,0,.075);
}

th.column-table-list-header {
	text-align:center;
	background-color:rgba(50,96,161,.274);
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #dee2e6;
	border-bottom:2px solid #dee2e6;
    line-height: 20px;
}
th.column-table-list-header:last-child {
	padding-right:10px;
}

td.column-table-list-data {
	border-top: 1px solid #dee2e6;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
td.column-table-list-data:last-child {
	padding-right:10px;
}

div.column-table-message-area {
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}

/* 詳細画面部	*/
div.detail-sec {
	margin-top:10px;
	margin-left:40px;
	margin-right:40px;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}

div.status-labels-sec ~ div.detail-sec {
	margin-top:20px;
}

div.detail-sec-normal {
	min-width:1200px;
}

div.detail-sec > div.detail-sec-body {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	background-color:#ffffff;
	width:100%;
	min-width:1200px;
	max-width:2400px;
	border-radius:5px;
	padding-left:20px;
	padding-right:20px;
}

div.detail-sec > div.detail-sec-body-thin {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	background-color:#ffffff;
	width:100%;
	max-width:1200px;
	border-radius:5px;
	padding-left:20px;
	padding-right:20px;
}

div.detail-sec > div.detail-sec-body-no-header {
	padding-top:10px;
	padding-bottom:10px;
}

div.detail-sec > div.detail-xaxis-1 {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:100%;
	min-width:1200px;
}

div.detail-sec > div.detail-xaxis-2 {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:50%;
	min-width:580px;
}

div.detail-sec > div.detail-xaxis-2:last-child {
	margin-left:40px;
}

div.detail-sec div.detail-block {
	border-radius:10px;
	background-color:#ffffff;
	margin-bottom:20px;
	width:100%;
}

div.detail-sec div.detail-block-checked {
	border-radius:10px;
	background-color:#ffffff;
	margin-bottom:20px;
	width:100%;
	border:2px solid #FE5773;
}

/* 経過一覧に使用	*/
div.detail-sec div.detail-block-unlimited {
	border-radius:10px;
	background-color:#ffffff;
	margin-bottom:20px;
	min-width:100%;
}

/* 経過一覧に使用	*/
div.detail-sec div.detail-block-unlimited-checked {
	border-radius:10px;
	background-color:#ffffff;
	margin-bottom:20px;
	min-width:100%;
	border:2px solid #FE5773;
}

INPUT[type=checkbox].block-on-off {
	display:none;
}

label.block-header {
	display:flex;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
	height:30px;
	border-radius:5px;
	align-items: center;
	background-color:#3260A1;
	color:#ffffff; 
	cursor:pointer;
}

label.block-header-checked {
	background-color:#FEEEF1;
}

label.block-header i.header-icon {
	padding-left:20px;
    font-size:20px;
}

label.block-header > h2 {
	padding-left:20px;
    flex-grow: 1;
}

label.block-header i.block-icon {
	display:flex;
    align-items:center;
	font-size:12px;
	margin-right:20px;
	transition:all 0.2s linear;
}

div.block-body {
	width:100%;
	padding-left:20px;
	padding-right:20px;
	height:0;
	visibility:hidden;
	opacity:0;
	transition:all 0.2s linear;
}

div.block-body > div.body-2 {
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}

div.block-body > div.body-2 > div {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:50%;
	min-width:550px;
}

div.block-body > div.body-2 > div:last-child {
	margin-left:40px;
}

div.detail-sec > div.detail-xaxis-2-1 {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:50%;
	min-width:580px;
}

div.block-body-no-switch {
	padding-left:20px;
	padding-right:20px;
}

div.block-body-no-header {
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
}

INPUT[type=checkbox].block-on-off:checked ~ .block-body {
	height:auto;
	visibility:inherit;
	opacity:1;
	margin-bottom:10px;
}

INPUT[type=checkbox].block-on-off:checked ~ label > i.block-icon{
	transform:rotate(-90deg);
}

div.sub-block {
	width:100%;
}

div.sub-block-header {
	display:flex;
	padding-bottom:10px;
	align-items:center;
	background-color:#fff;
	width:100%;
}

div.sub-block-header div.sub-block-header-title {
	padding-left:5px;
    flex-grow: 1;
	display:flex;
	align-items: center;
	justify-content:flex-start;
}

div.sub-block-header h3 {
	padding-left:5px;
	padding-right:20px;
}

div.sub-block-header h3:first-child {
	border-left:6px solid #EDF1FA;
}

div.sub-block-header div.non-title {
	padding-left:5px;
	height:20px;
    flex-grow: 1;
}

div.sub-block-header button {
	margin-left:10px;
}

/* 簡易プロセスのフォーム選択部分	*/
div.form-select-sec {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:40px;
	padding-right:40px;
	width:100%;

}
div.form-select-sec > div {
	padding-left:20px;
	padding-right:20px;
	width:100%;
	max-width:1200px;
	min-width:600px;
}

/* 簡易プロセスのコメント用	*/
div.detail-comment-sec {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:60px;
	padding-right:60px;
	display:flex;
	width:100%;
	max-width:1280px;
	line-height:1.5em;
	align-items: center;
}

div.detail-comment-sec > div {
	width:100%;
	max-height:125px;
}

div.detail-comment-sec-left {
	justify-content:flex-start;
}

div.detail-comment-sec-center {
	
}

div.detail-comment-sec-right {
	justify-content:flex-end;
}

/* ========================================================================== */
/* タブ表示	*/
/* ========================================================================== */
div.tab-group {
	display:flex;
	align-items:flex-end;
	justify-content:flex-start;
}

div.tab-group > div {
	margin-right:10px;
}

div.tab {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	vertical-align:middle;
	min-width:180px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px 5px 0 0;
	min-height:35px;
	border:none;
	background-color:#DDDDDD;
	color:#333333;
	cursor:pointer;
	transition: all 0.2s 0.0s linear;
}

div.tab-selected {
	background-color:#3260A1;
	color:#ffffff;
}

div.tab:hover {
	background-color:#234370;
	color:#ffffff;
}

/* ========================================================================== */
/* ダイアログ表示用	*/
/* ========================================================================== */
/* 全画面を覆うDIV(ダイアログ表示に使用)	*/
div.dialog-overlay-opacity {
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:920;
	background-color:gray;
	opacity:0.5;
}

div.dialog-overlay {
	position:fixed;
	overflow:auto;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:930;
}

iframe.dialog-iframe {
	position:relative;
	background-color:white;
	border:none;
}

iframe.dialog-iframe-large {
	top: 5%;
	left:5%;
	width:90%;
	height:90%;
	min-height:500px;
	min-width:900px;

}

iframe.dialog-iframe-small {
	top: 25%;
	left:25%;
	width:50%;
	height:50%;
	min-height:300px;
	min-width:600px;
}

.modal-open {
	overflow:hidden;
}

iframe.dialog-iframe-chatbot {
	top: 5%;
	left:18%;
	width:65%;
	height:90%;
	min-height:600px;
	min-width:600px;
}

iframe.dialog-iframe-chatbot-select {
	top: 25%;
	left:25%;
	width:50%;
	height:50%;
	min-height:150px;
	min-width:300px;
}

iframe.dialog-iframe-chatbot-feedback {
	top: 5%;
	left:5%;
	width:90%;
	height:90%;
	min-height:600px;
	min-width:600px;
}

/* ========================================================================== */
/* レイアウト定義(ダイアログ)	*/
/* ========================================================================== */
/* ダイアログタイトル部	*/
div.dialog-header-wrapper {
	position: fixed;
	top: 0;
	width:100%;
	background-color:#ffffff;
	display:flex;
	z-index:1;
}

div.dialog-header {
	width:100%;
	display:flex;
	min-height:60px;
	align-items:center;
	z-index:1;
}

div.dialog-header div.dialog-title {
	padding-left:20px;
}

div.dialog-header div.dialog-sub-title {
	padding-left:10px;
	padding-right:20px;
}

div.dialog-header div.dialog-message {
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
}

div.dialog-header div.dialog-close-icon {
	position:relative;
	width:40px;
	height:40px;
	padding-left:10px;
	margin-left:auto;
}

div.dialog-header div.dialog-close-icon::before {
	font-family:'Font Awesome 5 Free';
	font-size:30px;
	position: absolute;
	color:#3260A1;
	top: 5px;
	left: 5px;
	content: "\f2d3";
}

div.dialog-body {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:stretch;
	padding-top:100px;
	padding-bottom:80px;
	margin-left:40px;
	margin-right:40px;
	height:calc(100% - 180px);
}


/* ↓モーダルダイアログにステータスラベルを表示する場合の対応	*/
div.dialog-body-change-padding-top {
	padding-top:60px;
}

div.dialog-body > div.status-labels-sec {
	margin-left:0px;
	margin-bottom:10px;
}
/* ↑モーダルダイアログにステータスラベルを表示する場合の対応	*/

div.dialog-body > div {
	width:100%;
}

div.dialog-body > div > div {
	padding:0px;
}

div.dialog-body div.dialog-main-area {
	background-color:white;
	border-radius:5px;
}

div.dialog-body-child {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:stretch;
	padding-top:10px;
	padding-bottom:20px;
	margin-left:40px;
	margin-right:40px;
	height:calc(100% - 180px);
}

div.dialog-body-child > div.status-labels-sec {
	margin-left:0px;
	margin-bottom:10px;
}

div.dialog-body-child > div {
	width:100%;
}

div.dialog-body-child div.dialog-main-area {
	background-color:white;
	border-radius:5px;
}

div.dialog-footer-wrapper {
	position: fixed;
	bottom: 0;
	background-color:#ffffff;
	display:flex;
	width:100%;
}

div.dialog-footer {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	min-height:60px;
	width:100%;
}

.dialog-footer .dialog-button {
	padding-left:20px;
	padding-right:20px;
}

/* プロセス・簡易プロセスから呼ばれる確認ダイアログ用	*/
div.oc-dialog-overlay-opacity {
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:790;
	background-color:gray;
	opacity:0.5;
}

div.oc-dialog-overlay {
	position:fixed;
	overflow:auto;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:800;
}

div.oc-dialog-overlay > div.oc-dialog {
	top:25%;
	left:25%;
	width:50%;
	height:50%;
	min-width:800px;
	min-height:400px;
	position:relative;
	background-color:#ffffff;
}

div.oc-dialog-header {
	width:100%;
	display:flex;
	height:60px;
	align-items:center;
	padding-left:20px;
}

div.oc-dialog-body {
	display:flex;
	justify-content:center;
	align-items:stretch;
	background-color:#EDF1FA;
	width:100%;
	height:280px;
	padding:40px;
}

div.oc-message-area {
	display:flex;
	width:100%;
	height:100%;
	background-color:white;
	padding:10px;
	border-radius:5px;
}

/* 確認ダイアログ用アイコン	*/
div.oc-message-area-icon {
	width:60px;
	display:flex;
	justify-content:center;
	align-items:center;
}

div.oc-message-area-icon > div {
	width:32px;
	height:32px;
	font-size:32px;
}

div.oc-message-area-message {
	display:flex;
	width:calc(100% - 60px);
	justify-content:flex-start;
	align-items:center;
	overflow-y:auto;
}

div.oc-message-area-message > div {
	line-height:1.2;
}

div.oc-dialog-footer {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	height:60px;
}

div.oc-dialog-footer .dialog-button {
	padding-left:20px;
	padding-right:20px;
}

.align-right {
	text-align:right;
}

.align-center {
	text-align:center;
}

div.display-center {
	marigin-left:auto;
	marigin-right:auto;
}



span.page-count span.page-count-mark {
	padding-left:10px;
	padding-right:10px;
}

div.detail-line {
	position:relative;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-width:130px;
	min-height:15px;
	border-top:1px solid #EDF1FA;
}

div.detail-line:first-child {
	border-top:none;
}

/* 項目間の罫線(上) */
div.ruled-line {
	border-top:1px solid #EDF1FA !important;
}

div.detail-column {
	display:flex;
	align-items:center;
	position:relative;
}

div.detail-column-1 {
	width:100%;
	max-width:1200px;
}

div.detail-column-1-child-list {
	width:100%;
}

div.detail-column-2 {
	width:50%;
}

div.detail-column-full {
	width:100%;
}

/* 評価ダイアログ用アイコン	*/
div.star-column{
	font-size:20px;
	padding-left:3px;
}

/* ▲▲藤浪	*/
/* IEでmin-height指定の場合にalign-item:centerが効かないため	*/
/* min-heightではなくheigtを指定します。	*/
/* 上手くいかなかったら戻します	*/
div.detail-column > div.detail-column-label {
	padding-top:1px;
	padding-bottom:1px;
	width:130px;
	height:100%;
	min-height:35px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	text-align:right;
}

/* 項目横並び用(ラベル表示あり)	*/
div.detail-column > div.detail-column-item {
	padding-top:1px;
	padding-bottom:1px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:calc(100% - 130px);
}

div.detail-column-item > div.detail-item-object {
	padding-left:10px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

div.detail-column-item > div.detail-item-object:last-child {
	flex-grow:1;
	max-width:100%;
}

div.detail-column-item > div.detail-item-object-last-child-fixed {
	padding-left:10px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

div.detail-column-item > div.detail-item-object-last-child-fixed:first-child {
	flex-grow:1;
	max-width:100%;
}

div.detail-column-item > div.detail-item-object-full {
	width:100%;
}

/* 項目縦並び用(ラベル表示あり)	*/
div.detail-column > div.detail-column-item-row {
	padding-top:1px;
	padding-bottom:1px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	width:calc(100% - 130px);
}

div.detail-column-item-row > div.detail-item-object {
	width:100%;
	padding-left:10px;
	padding-top:1px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-grow:1;
}

div.detail-column-item-row > div.detail-item-object:first-child {
	padding-top:0;
}

/* ラベル表示なし	*/
div.detail-column > div.detail-column-item-non-label {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:100%;
}

div.detail-column-item-non-label > div.detail-item-object {
	padding-left:10px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
div.detail-column-item-non-label > div.detail-item-object:last-child {
	flex-grow:1;
	max-width:100%;
}

div.detail-column-item-non-label > div.detail-item-object-1 {
	width:100%;
}

div.detail-column > div.detail-column-item-non-label-right {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	width:100%;
	padding-top:10px;
}

div.detail-column-item-non-label-right > div.detail-item-object {
	padding-left:10px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
div.detail-column-item-non-label-right > div.detail-item-object:last-child {
	flex-grow:1;
	max-width:100%;
}


div.detail-column-separator {
	height:15px;
	background-color:#EDF1FA;
}

div.detail-column-blank {
	height:35px;
}

div.detail-column-list {
	flex-direction:column;
	width:100%;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}

div.object-icon-button {
	width:100%;
	display:flex;
	align-items:flex-start;
}

div.object-icon-button > div.object-space {
	width:calc(100% - 56px);
	flex-grow:1;
}

div.object-icon-button > div.object-space > div.object-1-line {
	height:34px;
	display:flex;
	align-items:center;
}

div.object-icon-button > div.icon-button-space {
	min-width:46px;
	width:46px;
	padding-top:3px;
	padding-left:10px;
}

div.text-button {
	width:100%;
	display:flex;
	align-items:center;
}

div.text-button > div.text-space {
	flex-grow:1;
}

div.button-space {
	padding-left:10px;
}

div.icon-text {
	padding-top:5px;
	display:flex;
	align-items:center;
}

div.icon-text > div.text-space {
}

div.icon-text > div.icon-space {
	padding-right:10px;
}

div.icon-text > div.icon-left-space {
	padding-left:10px;
}

div.object-row {
	display:flex;
	align-items:center;
}

div.object-row > div {
	padding-left:10px;
}

div.object-row > div:first-child {
	padding-left:0;
}

div.button-area {
	display:flex;
	align-items:center;
}

div.button-area > div.button-space {
	padding-left:10px;
}

/* 項目の高さを固定したい場合に使用 */
div.fixed-height {
	height:35px !important;
}

/* ========================================================================== */
/* 項目ラベル関連	*/
/* ========================================================================== */

/* 必須項目	*/
span.column-label-required::after {
	content: '\f069';
	font-family:'Font Awesome 5 Free';
	/* bold指定しないとアイコンが表示されない	*/
	font-weight: bold;
	font-size:10px;
	color:red;
	padding-right:5px;
}

/* 参照項目	*/
span.column-label-reference::after {
	content: ':';
}

/* 必須項目以外	*/
span.column-label {
	padding-right:5px;
}

/*リンク表示のラベル用	*/
span.link-label {
	cursor:pointer;
	text-decoration:underline;
}

span.link-label:hover {
	color:#234370;
}

/* 詳細系画面のラベル部アイコン	*/
/* 承認申請時必須アイコン	*/
div.column-label-approve-apply {
	width:10px;
	height:25px;
	background-color:#905bb0;
	margin-right:5px;
}

/* クローズ時必須アイコン	*/
div.column-label-matter-close {
	width:10px;
	height:25px;
	background-color:#fb9d00;
	margin-right:5px;
}

/* 共通部			*/
div.column-label-action-common {
	width:8px;
	height:25px;
	margin-right:2px;
}

/* 承認申請時必須アイコン	*/
/* パターン1			*/
div.column-label-approve-apply-1 {
	background-color:#905bb0;
}

/* パターン2			*/
div.column-label-approve-apply-2 {
	background-color:#fc04fc;
}

/* クローズ時必須アイコン	*/
/* パターン1			*/
div.column-label-matter-close-1 {
	background-color:#fb9d00;
}

/* パターン2			*/
div.column-label-matter-close-2 {
	background-color:#049c44;
}

/* ========================================================================== */
/* 各オブジェクト表示	*/
/* ========================================================================== */
/* ========================================================================== */
/* ボタン	*/
/* ========================================================================== */
button.normal-button {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	min-width:180px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
	min-height:30px;
	border:none;
	transition: all 0.2s 0.0s linear;
}

button.normal-button i {
	font-size:14px;
	padding-left:10px;
}

button.normal-button span {
	padding-left:10px;
	padding-right:10px;
}

button.small-button {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	min-width:30px;
	height:30px;
	border-radius:5px;
	border:none;
	border-width:1px;
	border-style:solid;
	transition: all 0.2s 0.0s linear;
}

button.small-button i {
	padding-left:5px;
}

button.small-button span {
	padding-left:5px;
	padding-right:5px;
}

button.icon-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
	width:30px;
	height:30px;
    border-radius:5px;
	font-size:16px;
    color: #3260A1;
    background-color: #fff;
	border:1px solid #dddddd;
}

button.icon-button:hover {
	color:#ffffff;
    background-color: #3260A1;
    border-color: #3260A1;
	box-shadow: 2px 2px 4px #EDF1FA;
	transition: all 0.2s 0.0s linear;
}

button.icon-button:disabled {
	color:#dddddd;
	pointer-events:none; 
}


button.btn-primary {
	color:#ffffff;
	background-color:#3260A1;
	border-color:#3260A1;
	box-shadow:none;
}

button.btn-primary:hover {
	color:#ffffff;
	background-color:#234370;
	border-color:#3260A1;
}

button.btn-primary:disabled {
	background-color:#e7e7e7;
	border-color:#e7e7e7;
	color:#fff;
	cursor:default;
}

.btn-secondary {
	color:#ffffff;
	background-color:#dddddd;
	border-color:#dddddd;
	color:#333333;
	box-shadow:none;
}

.btn-secondary:hover {
	color:#fff;
	background-color:#bbbbbb;
	color:#333333;
	border-color:#dddddd;
}

button.btn-secondary:disabled {
	background-color:#e7e7e7;
	border-color:#e7e7e7;
	color:#fff;
	cursor:default;
}

.btn-default {
	color:#3260A1;
	background-color:#ffffff;
	border-color:#dddddd;
	box-shadow:none;
}

.btn-default:hover {
	color: #ffffff;
	background-color:#234370;
	border-color:#234370;
}

button.btn-default:disabled {
	background-color:#e7e7e7;
	border-color:#e7e7e7;
	color:#fff;
	cursor:default;
}

.btn-delete {
	color:#FE5773;
	background-color:#ffffff;
	border-color:#dddddd;
	box-shadow:none;
}

.btn-delete:hover {
	color: #ffffff;
	background-color:#FE5773;
	border-color:#FE5773;
}

button.btn-delete:disabled {
	background-color:#e7e7e7;
	border-color:#e7e7e7;
	color:#fff;
	cursor:default;
}

button.btn-multi-date-delete {
	background: none;
	border: none;
	padding-left: 5px;
}

/* ========================================================================== */
/* ラジオボタン	*/
/* ========================================================================== */
div.radio-button-group {
	padding-left:10px;
	padding-right:10px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

div.radio-button-group > label.radio-button {
	padding-right:30px;
}

div.radio-button-group > label.radio-button > span {
	padding-left:5px;
}

div.radio-button-group2 {
	padding-right:45px;
}

/* ========================================================================== */
/* チェックボックス	*/
/* ========================================================================== */
label.check-box {
	padding-right:30px;
}

label.check-box > span {
	padding-left:5px;
}

/* ========================================================================== */
/* 日付・時刻テキスト	*/
/* ========================================================================== */
.date-text {
	background-image:url('../fonts/fontawesome/svgs/solid/calendar.svg');
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:right 10px center;
	ime-mode:disabled;
	width:100%;
	max-width:120px;
}

.time-text {
	ime-mode:disabled;
	width:100%;
	max-width:100px;
}

/* 日付選択用CSS*/
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
	color: #454545;
}

/* 日付選択用CSS*/
.ui-state-highlight a.ui-state-active, .ui-widget-content .ui-state-highlight a.ui-state-active, .ui-widget-header .ui-state-highlight a.ui-state-active {
	color: #FFFFFF;
}

/* ========================================================================== */
/* ドロップダウンメニュー用ボタン	*/
/* ========================================================================== */
div.dropdown-button {
	display:inline-block;
	position:relative;
}

div.dropdown-button > INPUT[type=checkbox].dropdown-on-off {
	display:none;
}

div.dropdown-button > INPUT[type=checkbox].dropdown-on-off:checked ~ ul.dropdown-button-menu{
	max-height:1000px;
	transition: all .5s linear;
	border:1px solid #DDDDDD;
	box-shadow: 2px 2px 4px gray;
}

div.dropdown-button > INPUT[type=checkbox].dropdown-on-off ~ label > i {
	transform: rotate(-90deg);
}


div.dropdown-button > label {
	display:flex;
	align-items:center;
	border-radius:3px;
	height:30px;
	min-width:140px;
	padding-left:20px;
	padding-right:20px;
	border-radius:5px;
	box-shadow:none;
	cursor:pointer;
	border:none;
	background-color:#dddddd;
}

div.dropdown-button > label > span {
    flex-grow: 1;
}
div.dropdown-button > label > i {
	transition: all 0.1s 0.2s linear;
}


div.dropdown-button > ul.dropdown-button-menu {
	margin-top:2px;
	padding:0;
	outline:0;
	position:absolute;
	z-index:800;
	max-height:0;
	overflow:hidden;
	transition:all .1s linear;
	border:none;
	border-radius:3px;
	box-shadow:2px 2px 4px gray;
	color:black;
}

div.dropdown-button > ul.dropdown-button-menu > li {
	margin: 0;
	outline: 0;
	height:40px;
	min-width:300px;
	display:flex;
	border-spacing:0;
	border-collapse:collapse;
	text-decoration:none;
	background-color:#ffffff;
	color:#333333;
	align-items:center;
	cursor:pointer;
	transition: all .1s linear;
}

div.dropdown-button > ul.dropdown-button-menu > li:hover {
	background-color:#234370;
	color:#ffffff;
}

div.dropdown-button > ul.dropdown-button-menu > li.disabled {
	margin: 0;
	outline: 0;
	min-height:40px;
	min-width:300px;
	display:flex;
	border-spacing:0;
	border-collapse:collapse;
	text-decoration:none;
	background-color:#ffffff;
	color:#cccccc;
	align-items:center;
	cursor:default;
	transition: all .1s linear;
}

div.dropdown-button > ul.dropdown-button-menu > li.disabled:hover {
}

div.dropdown-button > ul.dropdown-button-menu > li > span {
	padding-left:10px;
	padding-right:10px;
}

div.dropdown-button > label.action-button {
	color:#ffffff;
	background-color:#39C494;
	border-color:#dddddd;
}

div.dropdown-button > label.action-button:hover {
	background-color:#2e9c76;
	color:#ffffff;
	border-color:#dddddd;
}

/* ========================================================================== */
/* 数値テキスト	*/
/* ========================================================================== */
div.numeical-text {
	width:160px;
	text-align:right;
	padding-right:10px;
}

/* ========================================================================== */
/* 計算結果時間テキスト	*/
/* ========================================================================== */
div.calc-result-time-text {
	width:160px;
	padding-right:10px;
}

/* ========================================================================== */
/* 各種メッセージ用	*/
/* ========================================================================== */
h2.message {
	padding:20px;
}

.message-info {
	color:#39C494;
}

.message-warning {
	color:#FFA000;
}

.message-error {
	color:#FE5773;
}


/* 項目非表示切替用	*/
.non-display {
	display:none !important;
}

.visibility-hidden {
	visibility:hidden !important;
}

.non-width {
	width:auto !important;
}

.no-wrap {
	white-space:nowrap;
}

.no-margin {
	margin:0 !important;
}

.non-padding {
	padding:0 !important;
}

.bg-white {
	background-color:#ffffff !important;
}

/* リンク表示用	*/
.link {
	cursor:					pointer;
	color:					#3260A1;
	text-decoration:		underline;
}

.link:hover {
	color:					#234370;
}

/* ========================================================================== */
/* tooltip表示用	*/
/* ========================================================================== */
.tooltip {
	position: relative;
}

.tooltip > .tooltiptext {
	position:absolute;
	z-index:800;
	top:calc(100% + 10px);
	left:-10px;
	width:auto;
	white-space:nowrap;
	padding:0.5em 0.8em;
	opacity:0;
	visibility:hidden;
	text-align:center;
	color: #ffffff;
	border-radius:6px;
	background-color:#BBBBBB;
	transition: all .5s .5s linear;
	font-size:14px;
	font-weight:normal;
}

.tooltip > .tooltiptext:after {
	position: absolute;
	bottom: 100%;
	left: 25px;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-bottom-color: #BBBBBB;
}

.tooltip:hover > .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.icon-button-tooltip {
	width:34px;
}

/* ========================================================================== */
/* ドロップダウンメニュー用アイコンボタン	*/
/* ========================================================================== */
div.page-title-dropdown-icon-button {
	margin-left:10px;
	min-height:50px;
	height:50px;
	min-width:50px;
	width:50px;
	background-color:#ffffff;
	border-radius:5px;
	display:flex;
	justify-content:center;
	align-items:center;
}

div.dropdown-icon-button {
	height:50px;
	width:50px;
	cursor:pointer;
	justify-content:center;
	align-items:center;
	font-size:27px;
	color:#3260A1;
	display:inline-block;
	position:relative;
}

div.dropdown-icon-button > INPUT[type=checkbox].dropdown-on-off {
	display:none;
}

div.dropdown-icon-button > INPUT[type=checkbox].dropdown-on-off:checked ~ ul.dropdown-button-menu{
	max-height:1000px;
	transition: all .5s linear;
	border:1px solid #DDDDDD;
	box-shadow: 2px 2px 4px gray;
}

div.dropdown-icon-button > INPUT[type=checkbox].dropdown-on-off ~ label > i {
	transform: rotate(-90deg);
}

div.dropdown-icon-button > label {
	display:flex;
	align-items:center;
	border-radius:3px;
	height:50px;
	justify-content: center;
	border-radius:5px;
	box-shadow:none;
	cursor:pointer;
	border:none;
}

div.dropdown-icon-button > label > i {
	flex-grow: 1;
	transition: all 0.1s 0.2s linear;
}

div.dropdown-icon-button > ul.dropdown-button-menu {
	margin-top:2px;
	padding:0;
	outline:0;
	position:absolute;
	z-index:800;
	max-height:0;
	overflow:hidden;
	transition:all .1s linear;
	border:none;
	border-radius:3px;
	box-shadow:2px 2px 4px gray;
	color:black;
	right:0;
}

div.dropdown-icon-button > ul.dropdown-button-menu > li {
	margin: 0;
	outline: 0;
	height:43px;
	min-width:300px;
	display:flex;
	border-spacing:0;
	border-collapse:collapse;
	text-decoration:none;
	background-color:#ffffff;
	color:#333333;
	align-items:center;
	cursor:pointer;
	transition: all .1s linear;
}

div.dropdown-icon-button > ul.dropdown-button-menu > li:hover {
	background-color:#234370;
	color:#ffffff;
}

div.dropdown-icon-button > ul.dropdown-button-menu > li.disabled {
	margin: 0;
	outline: 0;
	min-height:40px;
	min-width:300px;
	display:flex;
	border-spacing:0;
	border-collapse:collapse;
	text-decoration:none;
	background-color:#ffffff;
	color:#cccccc;
	align-items:center;
	cursor:default;
	transition: all .1s linear;
}

div.dropdown-icon-button > ul.dropdown-button-menu > li.disabled:hover {
}

div.dropdown-icon-button > ul.dropdown-button-menu > li > span {
	padding-left:10px;
	padding-right:10px;
}

/* ========================================================================== */
/* 選択系オブジェクト表示用	*/
/* ========================================================================== */
/* 編集用 */
div.selected-column {
	position:relative;
	padding-left:10px;
	padding-bottom:5px;
	width:100%;
	min-height:35px;
	background-color:white;
	border:1px solid #ced4da;
	border-radius:5px;
	overflow-x:hidden;
	overflow-y:auto;
}
div.selected-column > div {
	padding-top:5px;
	cursor:default;
}

div.selected-column-no-border {
	border:none !important;
}

div.selected-column-no-color {
	background-color: transparent !important;
}

div.selected-column-one-line {
	padding-top:5px;
	padding-bottom:5px;
}

/* 参照用 */
div.selected-column-reference {
	position:relative;
	padding-left:10px;
	width:100%;
	min-height:35px;
	background-color:white;
}

div.selected-column-reference > div {
	padding-top:5px;
}

/* 参照用(ノーマルスクロール) */
div.selected-column-reference-nomal {
	position:relative;
	padding-left:10px;
	width:100%;
	min-height:35px;
	background-color:white;
	overflow-x:hidden;
	overflow-y:auto;
}

div.selected-column-reference-nomal > div {
	padding-top:5px;
}

/* 参照用(スクロールバーつき) custom-scrollも一緒に使用してください*/
div.selected-column-reference-custom {
	position:relative;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	width:100%;
	min-height:35px;
	background-color:white;
}

div.selected-column-reference-custom > div > div > div.selected-item {
	padding-top:5px;
}


/* ========================================================================== */
/* ステータスラベル	*/
/* ========================================================================== */
div.status-labels-sec {
	margin-top:10px;	
	margin-left:40px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

div.status-labels {
	padding-right:10px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

div.status-labels > div {
	margin-left:10px;
}

div.status-label {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	font-weight:bold;
}

/*	赤色	*/
.stlbl-info-primary {
	background-color:#FEEEF1;
	color:#FE5773;
}
/*	赤色	*/
.stlbl-knw-info-primary {
	background-color:#FEEEF1;
	color:#FE5773;
}
/*	黄色	*/
.stlbl-knw-status-primary {
	background-color:#FFF5E5;
	color:#FFA000;
}
/*	黄色	*/
.stlbl-chklist-status-primary {
	background-color:#FFF5E5;
	color:#FFA000;
}
/*	黄色	*/
.stlbl-prc-status-primary {
	background-color:#FFF5E5;
	color:#FFA000;
}
/*	緑色	*/
.stlbl-ssa-status-secondary {
	background-color:#EBF9F4;
	color:#39C494;
}
/*	黄色	*/
.stlbl-ssa-status-primary {
	background-color:#FFF5E5;
	color:#FFA000;
}
/*	黄色	*/
.stlbl-ci-status-primary {
	background-color:#FFF5E5;
	color:#FFA000;
}

.status-label-1 {
	background-color:#EBF9F4;
	color:#39C494;
}

.status-label-2 {
	background-color:#FEEEF1;
	color:#FE5773;
}

.status-label-3 {
	background-color:#EAEFF5;
	color:#6C86B4;
}

.status-label-4 {
	background-color:#F1EAF5;
	color:#7332A1;
}

.status-label-5 {
	background-color:#FFF5E5;
	color:#FFA000;
}

.status-label-6 {
	background-color:#EAEAEA;
	color:#333333;
}
.status-label-link {
	cursor:pointer;
}

.stlbl-exchk-status-before {
	background-color:#FEEEF1;
	color:#FE5773;
}

.stlbl-exchk-status-dealing {
	background-color:#F1EAF5;
	color:#7332A1;
}

.stlbl-exchk-status-ok {
	background-color:#EBF9F4;
	color:#39C494;
}

.stlbl-exchk-status-ng {
	background-color:#FEEEF1;
	color:#FE5773;
}


/* ========================================================================== */
/* テキストエリア表示用	*/
/* ========================================================================== */
div.textarea-sec {
	width:100%;
	display:flex;
	flex-direction:column;
}

textarea.textarea-ref {
	border:none;
}

div.textarea-expand {
	display:flex;
	justify-content:flex-end;
	margin-top:5px;
}

div.textarea-reference {
	padding-left:10px;
	padding-bottom:5px;
	line-height:1.5em;
}

/* ========================================================================== */
/* リッチテキスト	*/
/* ========================================================================== */
div.rich-text-edit {
	width:100%;
	display:flex;
	flex-direction:column;
	border:1px solid #ced4da;
	border-radius:5px;
	background-color:#ffffff;
}

div.rich-text-reference {
	width:100%;
	display:flex;
	flex-direction:column;
}

div.rich-text-full-height {
	height:100%;
}

.htmlItemUI {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding:5px;
	background-color:#f5f5f5;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom:1px solid #ced4da;
}

.htmlItemUI button.rich-text-edit-button {
	width:32px;
	height:32px;
    border-radius:5px;
	font-size:16px;
    background-color: #f5f5f5;
	border:1px solid #f5f5f5;
	outline:none;
}

.htmlItemUI button.rich-text-edit-button:hover {
	background-color:#BBBBBB;
	transition: all 0.1s 0.0s linear;
}

.div_Resize{
	overflow	: auto;
}

.htmlItem p {
	margin: 0px;
}

.htmlItem_childList p {
	margin: 0px;
}

.htmlItem img {
}

.htmlItem ul {
	margin: 0px;
	padding: 0px 0px 0px 16px;
	list-style-type: disc;
}
.htmlItem_childList ul {
	margin: 0px;
	padding: 0px 0px 0px 16px;
	list-style-type: disc;
}

.htmlItem li {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
}
.htmlItem_childList li {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
}

.htmlItem blockquote {
	margin: 0px 0px 0px 40px;
	padding: 0px;
}

.htmlItem_childList blockquote {
	margin: 0px 0px 0px 40px;
	padding: 0px;
}

.htmlItemUI_spacer{
	width:10px;
	height:10px;
}

.htmlItemUI_fontSize{
	margin:7px 0px 0px -4px;
	padding:0px;
	border:1px solid #a6a6a6;
	background:#fff;
	position:absolute;
	z-index:300;
	cursor : pointer;
	visibility:hidden;
}

.htmlItemUI_fontSize a{
	width: 200px;
	color:#333;
	display: block;
	margin : 2px 0px 2px 2px;
	padding: 5px 50px 5px 5px;
	border-left: 5px solid lightgrey;
}
.htmlItemUI_fontSize a:hover{
	color:#33;
	text-decoration:none;
	background: lightgrey;
}

.htmlItemUI_colorChart{
	width: 180px;
	margin:7px 0px 0px -4px;
	padding:1px 2px;
	border:1px solid #a6a6a6;
	background:#fff;
	position:absolute;
	z-index:300;
	cursor : pointer;
	visibility : hidden;
	word-wrap:break-word;
}

.htmlItemUI_colorChart a:hover{
	text-decoration:none;
}

.htmlItemUI_Layer{
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:290;
}

div.htmlItem {
	width:100%;
	height:100%;
	padding:10px;
	overflow:auto;
	border-radius:5px;
	line-height:1.5em;
}

div.htmlItem *{
	line-height:1.5em;
}

.htmlItem_childList {
	padding		:2px;
	height		:calc(100% - 2px);
	width		:calc(100% - 4px);
}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){

	div.htmlItem {
		width:100%;
		padding:10px;
		height:100%;
		resize:vertical;
		overflow:auto;
		background:#ffffff;
		border-radius:5px;
	}

	.htmlItem_childList {
		padding		:2px;
		height		:100%;
		width		:calc(100% - 4px);
	}

}

/* ========================================================================== */
/* マークダウン	*/
/* ========================================================================== */
code {
	font-size: 87.5%;
	font-family: inherit;
	color: #e83e8c;
}

.editor-preview blockquote {
	background: #e9ecef;
	color: #819198;
	margin-left: 0;
	margin-bottom: 10px;
	padding: 0 1rem;
	border-left: 0.3rem solid #dce6f0;
}

.editor-preview ul,
.editor-preview ol {
	padding-left:20px;
	margin: 0px 0px 12px 0px;
}

.editor-preview li {
	list-style: inherit;
}

pre code {
	color: inherit;
	word-break: normal;
}

.editor-preview a {
	cursor: pointer;
	text-decoration: underline;
	color: #3260a1;
}

.editor-preview a :hover {
	color: brown;
}

.editor-preview table th {
	text-align:center;
	background-color: rgba(50,96,161,.274);
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #dee2e6;
	border-bottom: 2px solid #dee2e6;
}

.editor-preview table td {
	border-top: 1px solid #dee2e6;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.editor-preview table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	word-wrap: break-word;
	background-color: #ffffff;
	margin-bottom: 10px;
}

.editor-preview pre {
	padding: .75rem;
	font-family: inherit;
	word-wrap: normal;
	overflow: auto;
}

.editor-preview h1 {
	font-size: 2.25rem;
}

.editor-preview h2 {
	font-size: 2rem;
}

.editor-preview h3 {
	font-size: 1.75rem;
}

.editor-preview h4 {
	font-size: 1.5rem;
}

.editor-preview h5 {
	font-size: 1.25rem;
}

.editor-preview h6 {
	font-size: 1rem;
}

.editor-preview h1,
.editor-preview h2,
.editor-preview h3,
.editor-preview h4,
.editor-preview h5,
.editor-preview h6 {
	line-height: 1.2;
	margin-bottom: .5rem;
}

.CodeMirror-lines span {
	line-height: 1.5;
}

.editor-toolbar {
	padding: 1px 10px;
}

.editor-toolbar .link {
	color: #333;
}

.editor-preview hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1);
}

.markdown-item-ref + .EasyMDEContainer .editor-toolbar {
	text-align: right;
}

.markdown-item-child-list + .EasyMDEContainer .editor-preview {
	background: inherit;
}

.markdown-item-child-list + .EasyMDEContainer .CodeMirror {
	border: none;
}

.markdown-item-child-list + .EasyMDEContainer .CodeMirror-scroll {
	padding-bottom: 30px;
}

.markdown-item-edit,
.markdown-item-ref {
	padding: 10px;
}


.EasyMDEContainer{ 
	width:100%;
}

.detail-column detail-column-1 > .detail-column-item {
	padding: 0px;
	width: 100%;

}

/* ========================================================================== */
/* JSONエディタ	*/
/* ========================================================================== */
div.jsoneditor {
	border: 1px solid #ced4da;
}

div.jsoneditor-menu {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ced4da;
}

div.jsoneditor-menu jsoneditor-modes {
	color: #000000;
}

div.ace-jsoneditor div.ace_marker-layer div.ace_active-line {
	display:none;
}

div.ace-jsoneditor div.ace_gutter {
	z-index: 0
}

a.jsoneditor-poweredBy:link {
	color: #f5f5f5;
}

div.json-item-ref div.ace_scroller {
	background-color: #eeeeee;
}

div.json-item-ref div.jsoneditor-tree-inner {
	background-color: #eeeeee;
}

/* ========================================================================== */
/* コンテキストメニュー	*/
/* ========================================================================== */
/* コンテキストメニュー全体の枠	*/
div.context-menu-list {
	position:absolute;
	background-color:white;
	border:1px ridge #DDDDDD;
	box-shadow: 2px 2px 4px grey;
	padding-top:5px;
	padding-bottom:5px;
	transition: all .1s linear;
	max-width:300px;
	z-index:800;
}

div.context-menu-list-hidden {
	visibility:hidden;
}

/* コンテキストメニュー(使用可)	*/
div.context-menu-list > div.context-menu {
	padding:5px 10px;
	display:block;
	cursor:default;
	border:1px solid transparent;
}

div.context-menu-list > div.context-menu:hover {
	background-color:#dddddd;

}

/* コンテキストメニュー(使用不可)	*/
div.context-menu-list > div.context-menu-disabled {
	padding:2px 9px;
	display:none;
	cursor:default;
	color:gray;
}

/* コンテキストメニューを表示するリンク用	*/
span.link-context-menu {
	cursor:pointer;
	text-decoration:underline;
	color:#3260A1;
}

span.link-context-menu:hover {
	color:brown;
}

/* ========================================================================== */
/* 添付ファイル	*/
/* ========================================================================== */
div.attached-file {
	margin-top:5px;
}

div.item-attached-file {
	position:relative;
	width:100%;
	display:flex;
	align-items:stretch;
}

div.item-attached-file > div.object-space {
	width:calc(100% - 116px);
}

div.item-attached-file > div.button-info-vertical {
	width:80px;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
}

div.item-attached-file > div.button-info-horizontal {
	display:flex;
	justify-content:flex-start;
	align-items:flex-end;
}

div.item-attached-file div.button-space {
	width:46px;
	padding-left:10px;
	align-self:flex-start;
}

div.item-attached-file div.info-space {
	width:70px;
	vertical-align:bottom;
	padding-left:10px;
	padding-bottom:5px;
	align-self:flex-end;
}

div.attached-file {
	display:flex;
}

.file-link::before {
	content: "\f15b";
	font-weight:bold;
	font-family:'Font Awesome 5 Free';
	font-size:18px;
	padding-right:5px;
}

div.attached-file > i {
	padding-left:5px;
	font-size:18px;
	cursor:pointer;
	color:#3260A1;
}

div.item-attached-file input.download-url {
	position:				relative;
	bottom:					1.5px;
	outline:				none;
	border:					none;
	height:					22px;
}

div.item-attached-file div.download-file-separate {
	width:					40%;
	margin-right:			3%;
}

/* ========================================================================== */
/* ユーザー複数選択用(▲▲藤浪 他でも使うかも)	*/
/* ========================================================================== */
div.select-multi-body {
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
}

div.select-multi-body > div.select-multi-source {
	width:calc(50% - 50px);
	min-width:500px;
	background-color:white;
	border-radius:5px;
}

div.select-multi-body > div.select-multi-buttons {
	width:100px;
	min-width:60px;
}

div.select-multi-body > div.select-multi-selected {
	width:calc(50% - 50px);
	min-width:500px;
	background-color:white;
	border-radius:5px;
}

div.select-multi-source div.search-button-sec {
	margin-top:10px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

div.search-button-sec > div.sort-column {
	width:calc(100% - 200px);
	display:flex;
	justify-content:flex-start;
}

div.search-button-sec > div.sort-column > select {
	width:calc(50% - 10px);
	margin-right:10px;
}

div.search-button-sec > div.button-column {
	width:200px;
	display:flex;
	justify-content:flex-end;
}

div.search-button-sec > div.button-column > button {
	margin-left:10px;
}

div.select-multi-buttons > div.col-select-buttons {
	display:flex;
	flex-direction:column;
    align-items: center;
	justify-content:center;
	margin-top:140px;
}

div.select-multi-buttons > div.col-select-buttons > div {
	margin-bottom:20px;

}

div.select-multi-source div.source-list-sec {
	margin-top:20px;
	margin-bottom:20px;
	display:flex;
	align-items:center;
}

div.select-multi-selected div.select-count-sec {
	height:20px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

div.select-multi-selected div.select-list-sec {
	margin-top:20px;
	margin-bottom:20px;
	display:flex;
	align-items:center;
}

/* ========================================================================== */
/* 関連構成(検索条件)	※common_business_pl_form_condition内で使用	*/
/* ========================================================================== */
div.cond-relation-ci {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding-top:5px;
}

/* ========================================================================== */
/* エスカレーション項目用	※process_common_detail_pl.inc内で使用	*/
/* ========================================================================== */
div.item-escalation {
	width:100%;
	display:flex;
	align-items:stretch;
}

div.item-escalation > div.item-escalation-object-space {
	flex-grow:1;
	min-width:200px;
}

div.item-escalation-object-space > div.object-escalation {
	position:relative;
	padding-left:10px;
	min-width:200px;
	width:100%;
	min-height:70px;
	background-color:white;
	border:1px solid #ced4da;
	border-radius:5px;
	overflow-x:hidden;
	overflow-y:auto;
}

div.item-escalation-object-space > div.object-escalation-reference {
	position:relative;
	padding-left:10px;
	min-width:200px;
	width:100%;
	min-height:70px;
	background-color:white;
}

div.item-escalation div.escalation-detail-object {
	padding-top:5px;
}


div.item-escalation > div.item-escalation-button-space {
	display:flex;
	flex-wrap:wrap;
	margin-left:10px;
	min-width:200px;
}

div.item-escalation > div.item-escalation-button-space > button {
	margin-bottom:10px;
	margin-right:10px;
}

div.item-escalation > div.item-escalation-button-space > button:last-child {
	margin-bottom:0px;
	margin-right:0px;
}

/* 簡易エスカレーション用	*/
div.simple-escalation {
	display:flex;
	width:100%;
	flex-direction:column;
}

div.simple-escalation > div {
	padding-bottom:10px;
}

div.simple-escalation > div:last-child {
	padding-bottom:0px;
}

div.simple-escalation-user-list > div {
	display:flex;
	padding-top:5px;
	min-height:30px;
	align-items:center;
}

span.simple-escalation-icon-cancel {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}

span.simple-escalation-icon-cancel:hover {
	color:red;
}

/* ========================================================================== */
/* 項目説明用	※common_business_pl_form_detail.inc内で使用	*/
/* ========================================================================== */
div.overlay-column-explanation {
	width:640px;
	height:340px;
	position:fixed;
	background-color:gray;
	opacity:0.9;
	z-index:290;
	border-radius:5px;
	border:1px solid gray;
	box-shadow: 2px 2px 4px gray;
}

div.overlay-column-explanation-left {
	top:50%;
	margin-top:-170px;
	left:25%;
	margin-left:-320px;
}

div.overlay-column-explanation-right {
	top:50%;
	margin-top:-170px;
	left:75%;
	margin-left:-320px;
}


div.column-explanation {
	width:600px;
	height:300px;
	position:fixed;
	background-color:#EDF1FA;
	z-index:300;
	border:1px solid #DDDDDD;
	border-radius:5px;
	box-shadow: 2px 2px 4px gray;
}

div.column-explanation-left {
	top:50%;
	margin-top:-150px;
	left:25%;
	margin-left:-300px;
}

div.column-explanation-right {
	top:50%;
	margin-top:-150px;
	left:75%;
	margin-left:-300px;
}

div.column-explanation > div.column-explanation-header {
	background-color:#ffffff;
	display:flex;
	align-items:center;
	width:100%;
	height:60px;
}

div.column-explanation-header > div.column-explanation-title {
	padding-left:20px;
	flex-grow:1;
}

div.column-explanation-header > div.column-explanation-close-button {
	width:50px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}

div.column-explanation-header > div.column-explanation-close-button:hover {
	color: #234370;
}

div.column-explanation-header > div.column-explanation-close-button i {
	font-size:27px;
	color:#3260A1;
}

div.column-explanation > div.column-explanation-body {
	width:100%;
	height:calc(100% - 60px);
	padding:10px;
}

div.column-explanation-body > div.column-explanation-data {
	width:100%;
	height:100%;
	padding:10px;
	background-color:#ffffff;
}

div.column-explanation-body > div.column-explanation-data div {
	line-height:1.5em;
}

div.column-explanation-body > div.column-explanation-data > div.mCustomScrollBox > div.mCSB_container {
	white-space: pre-wrap;
}

/* ========================================================================== */
/* 業務ステータス内容表示用	※common_business_pl_form_detail.inc内で使用	*/
/* ========================================================================== */
div.overlay-business-status {
	width:640px;
	position:fixed;
	background-color:gray;
	opacity:0.9;
	z-index:290;
	border-radius:5px;
	border:1px solid gray;
	box-shadow: 2px 2px 4px gray;
}

div.overlay-business-status-esnotice-height {
	height:440px;
}

div.overlay-business-status-height {
	height:320px;
}

div.overlay-business-status-left {
	top:50%;
	margin-top:-170px;
	left:25%;
	margin-left:-320px;
}

div.overlay-business-status-right {
	top:50%;
	margin-top:-170px;
	left:75%;
	margin-left:-320px;
}


div.business-status {
	width:600px;
	position:fixed;
	background-color:#EDF1FA;
	z-index:300;
	border:1px solid #DDDDDD;
	border-radius:5px;
	box-shadow: 2px 2px 4px gray;
}

div.business-status-esnotice-height {
	height:400px;
}

div.business-status-height {
	height:280px;
}

div.business-status-left {
	top:50%;
	margin-top:-150px;
	left:25%;
	margin-left:-300px;
}

div.business-status-right {
	top:50%;
	margin-top:-150px;
	left:75%;
	margin-left:-300px;
}

div.business-status > div.business-status-header {
	background-color:#ffffff;
	display:flex;
	align-items:center;
	width:100%;
	height:60px;
}

div.business-status-header > div.business-status-title {
	padding-left:20px;
	flex-grow:1;
}

div.business-status-header > div.business-status-close-button {
	width:50px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}

div.business-status-header > div.business-status-close-button:hover {
	color: #234370;
}

div.business-status-header > div.business-status-close-button i {
	font-size:27px;
	color:#3260A1;
}

div.business-status > div.business-status-body {
	width:100%;
	height:calc(100% - 60px);
	padding:10px;
}

div.business-status-body > div.business-status-guidance-data {
	width:100%;
	height:200px;
	padding:10px;
	background-color:#ffffff;
}

div.business-status-body > div.business-status-guidance-data div {
	line-height:1.5em;
}

div.business-status-body > div.business-status-guidance-data > div.mCustomScrollBox > div.mCSB_container {
	white-space: pre-wrap;
}

div.business-status-body > div.business-status-es-notice-data {
	width:100%;
	height:108px;
	margin-top:10px;
	padding:10px;
	background-color:#ffffff;
}

div.item-es-notice {
	width:100%;
	display:flex;
	align-items:stretch;
}

div.item-es-notice > div.item-es-notice-object-space {
	flex-grow:1;
	min-width:90px;
}

div.item-es-notice-object-space >div.object-es-notice {
	position:relative;
	min-width:70px;
	width:100%;
	min-height:50px;
	background-color:white;
	border-radius:5px;
	overflow-x:hidden;
	overflow-y:auto;
}
div.item-es-notice div.es-notice-detail-object {
	padding-top:5px;
}
/* ========================================================================== */
/* 入力エラーダイアログ用	*/
/* ========================================================================== */
div.overlay-input-error {
	width:804px;
	max-width:calc(100% - 140px);
	height:204px;
	position:fixed;
	background:rgba(254, 87, 115, 0.7);
	z-index:800;
	border-1px solid #FE5773;
	border-radius:5px;
	box-shadow: 2px 2px 4px gray;
	top:10px;
	left:70px;
}

div.input-error {
	width:800px;
	max-width:calc(100% - 4px);
	height:200px;
	position:relative;
	border:1px solid #FEEEF1;
	border-radius:5px;
	top:2px;
	left:2px;
	opacity:1.0;
}

iframe.iframe-input-error {
	position:relative;
	background-color:white;
	border:none;
	width:100%;
	height:100%;
}

/* ========================================================================== */
/* レスポンス受信アクションダイアログ用	*/
/* ========================================================================== */
div.overlay-response-dialog {
	width:804px;
	max-width:calc(100% - 140px);
	height:204px;
	position:fixed;
	background:rgba(254, 87, 115, 0.7);
	z-index:800;
	border-1px solid #FE5773;
	border-radius:5px;
	box-shadow: 2px 2px 4px gray;
	top:10px;
	left:70px;
}

div.response-dialog {
	width:800px;
	max-width:calc(100% - 4px);
	height:200px;
	position:relative;
	border:1px solid #FEEEF1;
	border-radius:5px;
	top:2px;
	left:2px;
	opacity:1.0;
}

div.response-dialog > div.response-dialog-header {
	width:100%;
	height:60px;
	display:flex;
	align-items:center;
	background-color:white;
}

div.response-dialog > div.response-dialog-header > div.response-dialog-title {
	flex-grow:1;
	color:#FE5773;
}

div.response-dialog > div.response-dialog-header > div.response-dialog-title > h2.message {
	line-height:1.15;
}

div.response-dialog > div.response-dialog-header > div.response-dialog-close-button {
	width:60px;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
}

div.response-dialog > div.response-dialog-header > div.response-dialog-close-button > div {
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:27px;
	color:#3260A1;
	cursor:pointer;
}

div.response-dialog > response-dialog-header > div.response-dialog-close-button > div:hover {
	transition: all 0.2s 0.0s linear;
	color: #234370;
}

div.response-dialog > div.response-dialog-body {
	width:100%;
	height:calc(100% - 60px);
	padding:10px;
	background-color:#FEEEF1;
}

div.response-dialog > div.response-dialog-body > div.response-dialog-data {
	width:100%;
	height:100%;
	padding:10px;
	background-color:#ffffff;
}

div.response-dialog > div.response-dialog-body > div.response-dialog-data div.response-dialog-message {
	color:#FE5773;
	line-height: 1.6em;
}

div.overlay-response-dialog-background {
	width:100%;
	height:100%;
	background-color:#EDF1FA;
	position:fixed;
	top:0px;
	left:0px;
}


/* アイコン関連	*/
div.icon {
	font-size:16px;
	width:16px;
	height:16px;
}

i.icon {
	font-size:16px;
}

i.red {
	color:red;
}

i.black {
	color:#666666;
}

i.orange {
	color:#ff9351;
}

i.gray {
	color:gray;
}

/* 文字色定義	*/
.color-default {
	color: #3260A1;
}

.fa-rotate-45 {
	transform: rotate(45deg);
}

/* ========================================================================== */
/* 文字列成形用	*/
/*(▲▲藤浪 いろいろ使うなら共通にしますが、いまいちなら個別画面用に移動します	*/
/* ========================================================================== */
div.string > span.space-left {
	padding-left:10px;
}

div.string > span.space-right {
	padding-right:10px;
}

div.string > span.number {
	font-weight:bold;
}

div.string > span.symbol {
	font-weight:bold;
}

/* ========================================================================== */
/* 業務ステータス関連	*/
/* ========================================================================== */
div.business-status-button-area {
	padding-top:10px;
	padding-left:40px;
	padding-right:40px;
	width:100%;
}

div.business-status-button-area > div {
	width:100%;
	min-width:1200px;
	display:flex;
	justify-content:flex-start;
	align-items:flex-end;
}

div.business-status-button-area > div > div.business-status-button-area-title {
	padding-right:20px;
	flex-grow:1;
}

div.business-status-button-area > div > div.business-status-button-area-button {
	padding-left:20px;
}

div.business-status-area {
	padding-top:20px;
	margin-left:40px;
	margin-right:40px;
	min-width:1200px;
	display:flex;
	align-items:center;
	justify-content:center;
}

div.business-status-all {
	width:100%;
	min-width:1200px;
	display:flex;
	align-items:center;
	justify-content: space-between;
}

div.business-status-all > div {
	margin-left:20px;
	margin-right:10px;
	width:100%;
	height:60px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}

div.business-status-all > div:before {
	content: '';
	position: absolute;
	height:60px;
	width:20px;
	border-left: 20px solid transparent;
	border-top-width:30px;
	border-top-style:solid;
	border-bottom-width:30px;
	border-bottom-style:solid;
	left:-20px;
	top:0;
}

div.business-status-all > div:after {
	content: '';
	position: absolute;
	height:60px;
	width:20px;
	border-left-width:20px;
	border-left-style:solid;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	right:-20px;
	top:0;
}

div.business-status-all > div:first-child {
	margin-left:0px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
div.business-status-all > div:first-child:before {
	border:none;
}

div.business-status-all > div:first-child:after {
	right:-19px;
}

div.business-status-all > div:last-child {
	margin-right:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

div.business-status-all > div:last-child:before {
	left:-19px;
}


div.business-status-all > div:last-child:after {
	border:none;
}

div.status-done {
	background-color:#DDDDDD;
	color:#333333;
}

div.status-done:before {
	border-top-color:#DDDDDD;
	border-bottom-color:#DDDDDD;
}

div.status-done:after {
	border-left-color:#DDDDDD;
}

div.status-working {
	background-color:#39C494;
	color:#ffffff;
}

div.status-working:before {
	border-top-color:#39C494;
	border-bottom-color:#39C494;
}

div.status-working:after {
	border-left-color:#39C494;
}

div.status-not-started {
	background-color:#3260A1;
	color:#ffffff;
}

div.status-not-started:before {
	border-top-color:#3260A1;
	border-bottom-color:#3260A1;
}

div.status-not-started:after {
	border-left-color:#3260A1;
}

div.status-disabled {
	background-color:#DDDDDD;
	color:#333333;
}

div.status-disabled:before {
	border-top-color:#DDDDDD;
	border-bottom-color:#DDDDDD;
}

div.status-disabled:after {
	border-left-color:#DDDDDD;
}

/* FireFox対応	*/
div.business-status-all h2 {
	word-wrap:anywhere;
}


/* ========================================================================== */
/* 全文検索関連	*/
/* ========================================================================== */
div.full-text-search {
	position:fixed;
	display:flex;
	right:-440px;
	top:60px;
	z-index:850;
	transition: all 300ms 0s ease;
}

div.full-text-search-displaying {
	right:20px;
}

div.full-text-search div.full-text-search-tab {
	width:40px;
	height:50px;
	background-color:#3260A1;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border:1px solid #3260A1;
	cursor:pointer;
}

div.full-text-search div.full-text-search-tab-off::after {
	content: "\f104";
	font-weight:bold;
	font-family:'Font Awesome 5 Free';
	font-size:16px;
	position: absolute;
	color:#ffffff;
	top: 18px;
	left: 15px;
}

div.full-text-search div.full-text-search-tab-on::after {
	content: "\f105";
	font-weight:bold;
	font-family:'Font Awesome 5 Free';
	font-size:16px;
	position: absolute;
	color:#ffffff;
	top: 18px;
	left: 15px;
}

div.full-text-search div.full-text-search-text {
	width:400px;
	height:50px;
	border-top:1px solid #3260A1;
	border-bottom:1px solid #3260A1;
	border-left:none;
	border-right:none;
	background-color:#ffffff;
}

div.full-text-search div.full-text-search-text INPUT[type=text].full-text-search-input {
	border:none;
	width:100%;
	height:100%;
    background-color:white;
}

div.full-text-search div.full-text-search-text INPUT[type=text].full-text-search-input:focus {
	outline: none;
    background-color:white;
}


div.full-text-search div.full-text-search-button {
	position:relative;
	cursor:pointer;
	width:40px;
	height:50px;
	border-top:1px solid #3260A1;
	border-bottom:1px solid #3260A1;
	border-left:none;
	border-right:1px solid #3260A1;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	background-color:#ffffff;
}

div.full-text-search div.full-text-search-button::after {
	content: "\f002";
	font-weight:bold;
	font-family:'Font Awesome 5 Free';
	font-size:20px;
	position: absolute;
	color:#3260A1;
	top: 15px;
}

div.floating-search:hover div.floating-search-tab {
	background-color:#234370;
	border-color:#234370;
	
}

div.floating-search:hover div.floating-search-button {
	border-color:#234370;
	
}

div.floating-search:hover div.floating-search-button::after {
	color:#234370;
	
}

/* ========================================================================== */
/* すべて選択・解除ボタンエリア用	*/
/* ========================================================================== */

div.all-select-button-area {
	display:flex;
	align-items:center;
	justify-content:center;
}

div.all-select-button-area > div:last-child {
	padding-left:10px;
}

/* ========================================================================== */
/* 関連プロセス関連	*/
/* ========================================================================== */

td.relation-sumcount {
	text-align:right;
	padding-left:2px;
	padding-right:2px;
	padding-top:6px;
	padding-bottom:6px;
}

/* ========================================================================== */
/* 表形式の入力拡張	*/
/* ========================================================================== */

/* ベースとなる拡大表示エリアの定義	*/
.table_widearea {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 20px;
	border: 0px;
	z-index: 5;
	visibility: hidden;
}

/* 拡大時に拡大表示用エリアを表示する	*/
.table_widearea.overlay-on {
	visibility: visible;
	opacity: 1;
	background: rgba(255, 255, 255, 1);
}

/* 拡大時に表項目の表示サイズを決める	*/
.table_widearea.overlay-on .detail-column-list {
	width: 100%;
	height: 100%;
}

/* 拡大時に表項目のはみ出た部分はスクロールできるようにする	*/
.table_widearea.overlay-on .column-table {
	overflow: auto;
}

/* 拡大時に表項目のヘッダを固定してスクロールできるようにする	*/
/* ・背景色の透明をやめる（スクロールにより透けてしまうため）	*/
/* ・枠線をやめる（スクロールにより透けてしまうため）			*/
/* ・ヘッダ部の固定化を行う										*/
/* ・ヘッダ部のレイヤを上にする									*/
.table_widearea.overlay-on th.column-table-list-header {
	background-color: rgba(198, 211, 229, 1);
	border-top: 0px;
	border-bottom: 0px;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 6;
}




























































/* ↓↓ ここから下はhyn.cssの内容をコピーしたものです	*/
/* 最終的には削除されます	*/
TABLE.tbldropzone {
	margin-left:			10px;
	margin-top:				10px;
	width:					95%;
}

TBODY.tbydropzone {
	margin:					10px;
	background-color:		#D4EEFC;
}

DIV.dvdropzone {
	border:					2px dotted #0B85A1;
	width:					100%;
	height:					100px;
	color:					#92AAB0;
	text-align:				center;
	vertical-align:			middle;
	font-size:				100%;
}

SPAN.spmsglink {
	cursor:					pointer;
	color:					royalblue;
}

TABLE.tblfilelist {
	margin-left:			10px;
	margin-top:				10px;
	width:					95%"
}

DIV.dvfile {
	height:					18px;
	width:					18px;
	background-position:	center;
	background-repeat:		no-repeat;
}

DIV.dvdustbin {
	height:					18px;
	width:					18px;
	cursor:					pointer;
	border:					1px solid transparent;
	border-radius:			5px;
	background-color:		transparent;
	background-position:	center;
	background-repeat:		no-repeat;
}
/* 承認フロー分岐行表示処理 */
TR.trRoot{
	height: 24px;
	font-size: 8px;
	background-color: #CCFFFF;
	vertical-align: center;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

TD.tdTextAlign_right{
	text-align:right;
}

TD.tdTextAlign_left{
	text-align:left;
}

TD.tdCursor_pointer{
	cursor:pointer;
}

/* 業務ステータス表示処理 */
TD.tdButtonArea {
	padding-right:			4px;
	float:					right;
	width:					100%;
	background-color:		#eff5fe;
}

TD.tdStatus {
	padding-right:			4px;
	float:					left;
	width:					100%;
	height:					68px;
}

DIV.dvStatusFlow {
	overflow-y:				auto;
	height:					68px;
	margin:					auto 0px auto 0px;
	vertical-align:			top;
}

DIV.dvNowrap {
	white-space:			nowrap;
	margin-top:				15px;
}

DIV.dvNowrapTop {
	white-space:			nowrap; 
	display:				inline-block;
	vertical-align:			top;
}

DIV.dvStatusDealing {
	width:					60px; 
	background-color:		#ccdafb;
	min-height:				20px;
	border:					1px solid black;
	word_wrap:				break-word;
	display:				inline-block;
	text-align:				center;
	line-height:			20px;
	margin-left:			5px;
	vertical-align:			middle;
}

DIV.dvStatusDealed {
	width:					60px; 
	background-color:		lightgrey;
	min-height:				20px;
	white-space:			normal;
	border:					1px solid black;
	word_wrap:				break-word;
	display:				inline-block;
	text-align:				center;
	line-height:			20px;
	margin-left:			5px;
	vertical-align:			middle;
}

DIV.dvStatusNotDeal {
	width:					60px; 
	min-height:				20px;
	border:					1px solid black;
	word_wrap:				break-word;
	display:				inline-block;
	text-align:				center;
	line-height:			20px;
	margin-left:			5px;
	vertical-align:			middle;
}

DIV.dvArrow {
	min-height:				20px;
	word-wrap:				break-word;
	display:				inline-block;
	text-align:				center;
	line-height:			20px;
	margin-left:			5px;
	vertical-align:			middle;
}

DIV.dvStatusFlowGrey {
	overflow-y:				auto;
	height:					68px;
	margin:					auto 0px auto 0px;
	vertical-align:			top;
	background-color:		lightgrey;
}

DIV.dvGuidence {
	z-index:				20;
	height:					100%;
	width:					100%;
	top:					0px;
	left:					0px;
	position:				absolute;
	display:				none;
}

DIV.dvBcWh {
	margin-left:			auto;
	margin-right:			auto;
	width:					500px;
	background-color:		white;
	border:					1px ridge CornflowerBlue;
}

TD.tdftHdWh {
	padding-left:			10px;
	text-align:				left;
	font-size:				14px;
	font-weight:			bold;
	color:					#ffffff;
}

DIV.dvTl {
	width:100%;
	height:320px;
	text-align:left;
}

/* ========================================================================== */
/* ホーム				*/
/* ========================================================================== */
TD.tdHome {
	float:					right;
	word-wrap:				break-word;
	padding-right:			14px;
}

DIV.dvHome {
	padding-left:			4px;
	padding-top:			1px;
	padding-bottom:			1px;
	display:				table-cell;
	float:					left;
}

/* ========================================================================== */
/* お???らせ				*/
/* ========================================================================== */
TD.tdHomeAnnSec {
	border:				2px solid #e1eafd;
	background-color:	white;
}

TD.tdHomeAnnTab {
	background-color:	#e1eafd;
	color:				royalblue;
	height:				24px;
	width:				210px;
	text-align:			left;
}

TD.tdHomeAnnTabBtn {
	background-color:	#e1eafd;
	height:				24px;
	width:				24px;
}

TD.tdHomeAnnHdr {
	background-color:	#e1eafd;
	color:				#030303;
	height:				24px;
}

/* ========================================================================== */
/* スケジュール				*/
/* ========================================================================== */
TD.tdHomeScheSec {
	border:				2px solid #e1eafd;
	background-color:	white;
}

TD.tdHomeScheTab {
	background-color:	#e1eafd;
	color:				royalblue;
	height:				24px;
	width:				210px;
	text-align:			left;
}

TD.tdHomeScheTabBtn {
	background-color:	#e1eafd;
	height:				24px;
	width:				24px;
}

TD.tdHomeScheHdr {
	background-color:	#e1eafd;
	color:				#030303;
	height:				24px;
}

/* ========================================================================== */
/* 伝言メモ				*/
/* ========================================================================== */
TD.tdHomeMemoSec {
	border:				2px solid #e1eafd;
	background-color:	white;
}

TD.tdHomeMemoTab {
	background-color:	#e1eafd;
	color:				royalblue;
	height:				24px;
	width:				210px;
	text-align:			left;
}

TD.tdHomeMemoTabBtn {
	background-color:	#e1eafd;
	height:				24px;
	width:				24px;
}

TD.tdHomeMemoHdr {
	background-color:	#e1eafd;
	color:				#030303;
	height:				24px;
}

/* ========================================================================== */
/* ToDo					*/
/* ========================================================================== */
TD.tdHomeToDoSec {
	border:				2px solid #e1eafd;
	background-color:	white;
}

TD.tdHomeToDoTab {
	background-color:	#e1eafd;
	color:				royalblue;
	height:				24px;
	width:				210px;
	text-align:			left;
}

TD.tdHomeToDoTabBtn {
	background-color:	#e1eafd;
	height:				24px;
	width:				24px;
}

TD.tdHomeToDoHdr {
	background-color:	#e1eafd;
	color:				#030303;
	height:				24px;
}

/* ========================================================================== */
/* タスク				*/
/* ========================================================================== */
TD.tdHomeTaskSec {
	border:				2px solid #e1eafd;
	background-color:	white;
}

TD.tdHomeTaskTab {
	background-color:	#e1eafd;
	color:				royalblue;
	height:				24px;
	width:				210px;
	text-align:			left;
}

TD.tdHomeTaskHdr {
	background-color:	#e1eafd;
	color:				#030303;
	height:				24px;
}

SPAN.spnHomeName {
	font-weight:		bold;
	color:				royalblue;
	width:				200px;
	font-size:			14px;
}

SPAN.spnHomeCnt {
	font-weight:		bold;
	color:				royalblue;
	font-size:			20px;
}

/* ========================================================================== */
/* 選択日付項目	*/
/* ========================================================================== */
button.btn-multi-date-delete {
	background: none;
	border: none;
	padding-left: 5px;
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}

button.btn-multi-date-delete:hover {
	color: red;
}

input.multipledate-picker {
	text-align: center;
    vertical-align: middle;
	width:34px;
	height:34px;
    border-radius:5px;
	font-size:16px;
    color: #3260A1;
    background-color: #fff;
	border:1px solid #dddddd;
}

input.multipledate-picker:hover {
	color:#ffffff;
    background-color: #3260A1;
    border-color: #3260A1;
	box-shadow: 2px 2px 4px #EDF1FA;
	transition: all 0.2s 0.0s linear;
}

input.icon-button-style {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

/* 選択日付モーダル*/
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
	color: #454545;
}

/* 選択日付モーダル*/
.ui-state-highlight a.ui-state-active, .ui-widget-content .ui-state-highlight a.ui-state-active, .ui-widget-header .ui-state-highlight a.ui-state-active {
	color: #FFFFFF;
}

div.selected-column > div.multi-select-date-data > div > span {
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}

div.selected-column > div.multi-select-date-data > div > span:hover {
	background-color: #98afd0;
}

/* ========================================================================== */
/* プロセスレイアウト(柔軟化)	*/
/* ========================================================================== */
div.detail-sec-direction {
	flex-direction: column;
}

div.detail-sec > div.detail-sec-prc-1,
div.detail-sec > div.detail-sec-prc-2 {
	display:flex;
	justify-content:flex-start;
	width: 100%;
}

div.detail-sec-prc-1 > div.detail-sec-body,
div.detail-sec-prc-2 > div.detail-sec-body {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	background-color:#ffffff;
	width:100%;
	min-width:1200px;
	max-width:2400px;
	border-radius:5px;
	padding-left:20px;
	padding-right:20px;
}

div.detail-sec-prc-1 > div.detail-sec-body-thin,
div.detail-sec-prc-2 > div.detail-sec-body-thin {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	background-color:#ffffff;
	width:100%;
	max-width:1200px;
	border-radius:5px;
	padding-left:20px;
	padding-right:20px;
}

div.detail-sec-prc-1 > div.detail-sec-body-no-header,
div.detail-sec-prc-2 > div.detail-sec-body-no-header {
	padding-top:10px;
	padding-bottom:10px;
}

div.detail-sec-prc-1 > div.detail-xaxis-prc-1,
div.detail-sec-prc-2 > div.detail-xaxis-prc-1 {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	width:100%;
	min-width:1200px;
}

div.detail-sec-prc-1 > div.detail-xaxis-prc-2,
div.detail-sec-prc-2 > div.detail-xaxis-prc-2 {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}

div.detail-sec-prc-1 div.detail-block,
div.detail-sec-prc-2 div.detail-block {
	border-radius:10px;
	background-color:#ffffff;
	margin-bottom:40px;
	width:100%;
}

div.detail-sec-prc-1 div.detail-block-checked,
div.detail-sec-prc-2 div.detail-block-checked {
	border-radius:10px;
	background-color:#ffffff;
	margin-bottom:40px;
	width:100%;
	border:2px solid #FE5773;
}

/* 経過一覧に使用	*/
div.detail-sec-prc-1 div.detail-block-unlimited,
div.detail-sec-prc-2 div.detail-block-unlimited {
	border-radius:10px;
	background-color:#ffffff;
	margin-bottom:40px;
	min-width:100%;
}

/* 経過一覧に使用	*/
div.detail-sec-prc-1 div.detail-block-unlimited-checked,
div.detail-sec-prc-2 div.detail-block-unlimited-checked {
	border-radius:10px;
	background-color:#ffffff;
	margin-bottom:40px;
	min-width:100%;
	border:2px solid #FE5773;
}

div.detail-sec-prc-2 > div.detail-sec-body,
div.detail-sec-prc-1 > div.detail-sec-body {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	background-color:#ffffff;
	width:100%;
	min-width:1200px;
	max-width:2400px;
	border-radius:5px;
	padding-left:20px;
	padding-right:20px;
}

/* 柔軟なボックス*/
div.resizable {
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
	background-color: #edf1fa;
	height: 100%;
	overflow: hidden;
}

/* サイズ調整用*/
div.resizer {
	width: 5px;
	background-color: #d6d6d6;
	cursor: col-resize;
}

/* ========================================================================== */
/* お知らせ詳細				*/
/* ========================================================================== */

div.detail-sec-top {
	margin-top:30px;
	margin-left:40px;
	margin-right:40px;

	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	padding-bottom:20px;
}

div.detail-sec-top > div.detail-sec-body-top {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	background-color:#ffffff;
	width:100%;
	min-width:1200px;
	max-width:2400px;
	border-radius:5px;
	padding-left:20px;
	padding-right:20px;
}

div.detail-line-top {
	position:relative;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	min-width:130px;
}

div.detail-line-top-padding {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
}

div.detail-line-top:first-child {
	border-top:none;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}

div.detail-column-top {
	display:flex;
	align-items:center;
	position:relative;
	width:100%;
}

div.detail-column-top {
	display:flex;
	align-items:center;
	position:relative;
	flex-direction: column;
}

div.detail-column-top-1 {
	width:100%;
}

div.detail-column-top-2 {
	width:100%;
	align-self: self-start;
}

div.detail-column-line {
	position:relative;
	width:100%;
	display:flex;
	align-items:center;
	min-width:130px;
}

.line-start {
	justify-content:flex-start;
}

.line-end {
	justify-content:flex-end;
}

.detail-column-top > .detail-column-item-top {
	padding: 0px;
	width: 100%;
	position:relative;
}

div.item-escalation-object-space > div.object-escalation-reference-top {
	position:relative;
	min-width:200px;
	width:100%;
	align-items:center;
	background-color:white;
}

div.detail-column-line > div.detail-column-label-top {
	padding-bottom:5px;
	min-width:130px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

div.detail-column-line > div.detail-column-item-top {
	padding-bottom:5px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:calc(100% - 130px);
}

div.detail-column-line > div.detail-column-item-top-end {
	padding-bottom:5px;
	display:flex;
	align-items:center;
	width:auto;
}

div.detail-column-item-top > div.detail-item-object {
	padding-left:10px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width: 100%;
}

/* 検索条件選択部	*/
div.cond-select-top-sec1 {
	margin-top: 30px;
	min-width:1200px;
	margin-right:40px;
	margin-bottom: 30px;
	display:flex;
	align-items:center;
}

div.cond-select-top-sec {
	min-width: 1200px;
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
}

div.cond-select-top-sec > div.top-column {
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 20px;
}
div.cond-select-top-sec > div.top-column > div.column-label {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 55px;
	display: flex;
	align-items: center;
}

div.cond-select-top-sec > div.top-column > div.column-item {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: flex;
	align-items: center;
}

div.cond-select-top-sec > div.top-column > div.column-item > div {
	padding-left: 10px;
}

div.cond-select-top-sec > div.top-button {
	padding-left: 20px;
}

.month-text {
	background-image:url('../fonts/fontawesome/svgs/solid/calendar.svg');
	background-repeat:no-repeat;
	background-size:15px 15px;
	background-position:right 10px center;
	ime-mode:disabled;
	width:100%;
	max-width:120px;
}