/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */


.search-border-line {
	border: 1px solid transparent;
	color: #FFF;
	cursor: pointer;
}

/* 透過背景 */
.full-overlay {
	/*position: relative;*/
	left: 0; top: 0;
	/*width: 100%; height: 100%;*/
	background: rgba(100, 100, 100, .0);
	opacity: 0.6;
	transition: .2s linear;
}


/*CSSカスタムプロパティ（サイト全体を一括管理する為の設定）
---------------------------------------------------------------------------*/
:root {
	--base-color: #fff;					/*テンプレートの土台となる色（主に背景カラー）*/
	--base-inverse-color: #323232;		/*上のbase-colorの対となる色（主にテキストカラー）*/

	--primary-color: #FFFFFA;			/*テンプレートのメインまたはアクセントカラー*/
	--primary-inverse-color: #323232;	/*上のprimary-colorの対となる色*/

	--space-large: 5vw;					/*主に余白の一括管理用。画面幅100%＝100vwです。*/
}

body {
	margin: 0;padding:0;
	font-optical-sizing: auto;
	font-weight: 500;
	-webkit-text-size-adjust: none;
	background: var(--base-color);		/*varは背景色のことで冒頭のbase-colorを読み込みます。*/
	color: var(--base-inverse-color);	/*文字色。冒頭で指定しているbase-inverse-colorを読み込みます。*/
	line-height: 2;		/*行間*/
}

/**
  * ローディング関連
  */
@keyframes progress {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}

/*ロゴ画像*/
#loading img {
	width: 80px;	/*画像の幅*/
	margin-bottom: 20px;	/*ローディングバーとの間のスペース調整*/
}

/*ローディングブロック*/
#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 1.4rem;	/*文字サイズを120%に*/
	font-weight: 800;	/*文字の太さ*/
	background: var(--primary-color);	/*背景色*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	animation: fadeOut 0.5s ease 1s forwards;
}

/*プログレスバーの土台*/
.progress-custom-container {
	width: 200px;		/*幅。お好みで。*/
	height: 4px;		/*高さ。お好みで。*/
	border-radius: 2px;	/*角をほんの少し丸くする*/
	background: #fff;	/*バーのベースカラー*/
	overflow: hidden;
}

/*プログレスバー*/
.progress-custom-bar {
	width: 100%;
	height: 100%;
	background: #000;	/*進行中のバーの色*/
	animation: progress 1s linear;  /*#loadingのanimation時間に合わせて2秒に設定*/
	transform-origin: left;
}

/*fadeOutのキーフレーム設定（汎用的）
---------------------------------------------------------------------------*/
@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;visibility: hidden;}
}


/**
  * ログイン関連
  */
.rounded-custom-circle {
	border-radius:75%!important;
}
/* 説明文の文字の大きさ */
.text-custom-muted {
	color: #98a6ad !important;
	font-size: 11px;
}
/* ロゴ画像の高さ */
.mb-custom-5 {
	margin-bottom: 1.5rem !important;
}
/* ロゴ文字色 */
.rely-logo-color {
	color: #780107;
	font-family: ヒラギノ角ゴ StdN;
}

/* 説明文の文字の大きさ */
.login-custom-another-method {
	position: relative;
	padding: 0 65px;
	text-align: center;
}
.login-custom-another-method:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: #c0c0c0;
}
.login-custom-another-method span {
	position: relative;
	padding: 0 1em;
	background: #fff;
}

/* "Googleアカウントでログイン"のボタン用 */
.gsi-material-button {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-webkit-appearance: none;
	background-color: #131314;
	background-image: none;
	border: 1px solid #747775;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #e3e3e3;
	cursor: pointer;
	font-family: 'Roboto', arial, sans-serif;
	font-size: 14px;
	height: 40px;
	letter-spacing: 0.25px;
	outline: none;
	overflow: hidden;
	padding: 0 12px;
	position: relative;
	text-align: center;
	-webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
	transition: background-color .218s, border-color .218s, box-shadow .218s;
	vertical-align: middle;
	white-space: nowrap;
	width: 100%;
	/* max-width: 400px; */
	min-width: min-content;
	border-color: #8e918f;
}

.gsi-material-button .gsi-material-button-icon {
	height: 20px;
	margin-right: 12px;
	min-width: 20px;
	width: 20px;
}
.gsi-material-button .gsi-material-button-content-wrapper {
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	height: 100%;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	font-family: 'Roboto', arial, sans-serif;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
	-webkit-transition: opacity .218s;
	transition: opacity .218s;
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.gsi-material-button:disabled {
	cursor: default;
	background-color: #13131461;
	border-color: #8e918f1f;
}

.gsi-material-button:disabled .gsi-material-button-state {
	
}

.gsi-material-button:disabled .gsi-material-button-contents {
	
}

.gsi-material-button:disabled .gsi-material-button-icon {
	
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
	background-color: white;
	opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
	-webkit-box-shadow: 0 1px 2px 0 rgba(20, 64, 67, .30), 0 1px 3px 1px rgba(20, 64, 67, .15);
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
	background-color: white;
	opacity: 8%;
}


/**
  * プログレスバーの色（パスワード強度チェッカーで使用）
  */

/* 隙間 */
.progress-custom-field {
	width: 100%;
	border: 0;
	margin-bottom: 5px;
}

/* とても弱い */
.progress-bar-custom-danger { 
	background-color:#F80606 
}
/* 弱い */
.progress-bar-custom-warning { 
	background-color:#F8BC06 
}
/* 普通 */
.progress-bar-custom-info { 
	background-color:#96C605 
}
/* 強い */
.progress-bar-custom-primary { 
	background-color:#05C696 
}
/* とても強い */
.progress-bar-custom-success { 
	background-color:#0535C6 
}

/**
  * ヘッダー関連
  */

/* 検索欄小窓 */
.navbar .form-inline .form-custom-search {
	background-color: #fff;
	border-color: transparent;
	padding-left: 20px;
	padding-right: 0;
	margin-right: -6px;
	min-height: 46px;
	/*font-weight: 500;*/
	border-radius: 3px 3px 3px 3px;
	transition: all 1s;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.navbar .form-inline .form-custom-search:focus + .search-custom-backdrop {
	opacity: 0.6;
	visibility: visible;
}
.navbar .form-inline .form-custom-search:focus + .search-custom-backdrop + .search-custom-history {
	opacity: 1;
	visibility: visible;
	top: 80px;
}
.navbar .form-inline .search-custom-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9000;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
/* 検索履歴のリスト */
.navbar .form-inline .search-custom-history {
	position: absolute;
	z-index: 9002;
	top: 100px;
	background-color: #fff;
	border-radius: 3px;
	width: 450px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
.navbar .form-inline .search-custom-history:before {
	position: absolute;
	top: -26px;
	left: 34px;
	content: "\f0d8";
	font-weight: 600;
	font-family: "Font Awesome 5 Free";
	color: #fff;
	font-size: 30px;
}
.navbar .form-inline .search-custom-history .search-header {
	padding: 13px 18px 2px 18px;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	font-weight: 600;
	font-size: 10px;
	color: #bcc1c6;
}
.navbar .form-inline .search-custom-history .search-item {
	display: flex;
}
.navbar .form-inline .search-custom-history .search-item a {
	display: block;
	padding: 13px 18px;
	text-decoration: none;
	color: #34395e;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.navbar .form-inline .search-custom-history .search-item a:hover {
	background-color: #f1f3fe;
}
.navbar .form-inline .search-custom-history .search-item a:not(.search-close) {
	width: 100%;
}
.navbar .form-inline .search-custom-history .search-item a i {
	margin-left: 0 !important;
}
.navbar .form-inline .search-custom-history .search-item .search-icon {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
}

/* 検索実施後のリスト */
.navbar .form-inline .search-custom-result {
	position: absolute;
	z-index: 9002;
	top: 100px;
	background-color: #fff;
	border-radius: 3px;
	width: 450px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
.navbar .form-inline .search-custom-result:before {
	position: absolute;
	top: -26px;
	left: 34px;
	content: "\f0d8";
	font-weight: 600;
	font-family: "Font Awesome 5 Free";
	color: #fff;
	font-size: 30px;
}
.navbar .form-inline .search-custom-result .search-header {
	padding: 13px 18px 2px 18px;
	text-transform: uppercase;
	letter-spacing: 1.3px;
	font-weight: 600;
	font-size: 10px;
	color: #bcc1c6;
}
.navbar .form-inline .search-custom-result .search-item {
	display: flex;
}
.navbar .form-inline .search-custom-result .search-item a {
	display: block;
	padding: 13px 18px;
	text-decoration: none;
	color: #34395e;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.navbar .form-inline .search-custom-result .search-item a:hover {
	background-color: #f1f3fe;
}
.navbar .form-inline .search-custom-result .search-item a:not(.search-close) {
	width: 100%;
}
.navbar .form-inline .search-custom-result .search-item a i {
	margin-left: 0 !important;
}
.navbar .form-inline .search-custom-result .search-item .search-icon {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
}

/*# sourceMappingURL=custom.css.map */
.cancel-custom-enter {
	overflow-x: auto;
	white-space: nowrap;
}

/* 選択済み項目の削除用 */
.delete-select-object {
	;
}

.dropdown-list .dropdown-custom-footer,
.dropdown-list .dropdown-custom-header {
	letter-spacing: 0.5px;
	font-weight: 600;
	padding: 12px;
}
.dropdown-custom-loading {
	margin: -350px 20px 0;
}

/**
  * ヘッダー関連
  */
.dropdown-custom-item {
	;
}

/**
  * ダッシュボード関連
  */
.card.card-statistic-2 .card-custom-chart canvas {
	height: 150px !important;
}
.card .card-stats .card-stats-custom-items {
	display: flex;
	height: 105px;
	align-items: center;
}

/* 下部ボックス部分の高さ */
.dashboard-custom-under-type1 {
	height: 470px !important;
	overflow: auto;
}
.dashboard-custom-under-type2 {
	height: 420px !important;
	overflow: auto;
}
.dashboard-custom-under-type3 {
	height: 300px !important;
	overflow: auto;
}
.dashboard-custom-under-type4 {
	height: 140px !important;
	overflow: auto;
}

/* NEWマーク */
.new-custom-mark::before {
	display			: inline-block;		/* インラインボックス定義  */
	content			: "NEW";			/* 表示する文字           */
	background		: #ff0000;			/* 背景色                */
	color			: #ffffff;			/* 文字色                */
	font-weight		: bold;				/* 太字                  */
	font-size		: 11pt;				/* ベースの文字サイズ      */
	letter-spacing	: -1px;				/* 文字間隔詰め           */
	line-height		: 1;				/* 1行の高さ              */
	vertical-align	: top;				/* 基準の高さ位置          */
	margin			: 0;				/* 外余白なし              */
	padding			: 2px;				/* 反転時の内余白          */
	transform		: scale(0.6)		/* 文字サイズ変更          */
					translateX(-30%);	/* 横位置調整              */
										/* ブリンクのアニメ指定    */
	animation		: newAnime .7s infinite alternate;
}
@keyframes newAnime {
	0% { color      : #ff0000;			/* ブリンク時の文字色      */
		background : #ffffff;			/* ブリンク時の背景色      */
	}
	100% { color      : #ffffff;		/* ブリンク時の文字色      */
		background : #ff0000;			/* ブリンク時の背景色      */
	}
}

/* 一覧の表示部分 */
.list-unstyled-custom-border li {
	padding-top: 10px;
	margin-top 10px;
	padding-right: 10px;
	margin-right 10px;
	padding-left: 3px;
	margin-left: 3px;
	border-bottom: 1px solid #f9f9f9;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
/* 直近の更新の日付部分 */
.text-custom-medium {
	font-size: 14px;
	line-height: 20px;
	border-bottom: 1px solid #f9f9f9;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
/* 一覧のチェック後の背景色 */
.nobrowse-bg-set { 
	background-color:#ffffdd; 
}
/* カーソル */
/*.media-body .cursol, .ticket-title .cursol, .ticket-info .cursol, .photo-custom-child .cursol, .media-title .cursol, .card-stats-title .cursol, .dropdown-list-content .dropdown-list-message .cursol {*/
.cursol {
	cursor: pointer;
}
.no-target {
	pointer-events: none;
}

/**
  * 一覧関連のスタイルシート
  */
  
.main-navbar {
	background-color: #fff7fb;
	position:fixed;
	right:0;
}
.table-responsive-custom {
	overflow: auto;
}
.table-custom {
	margin-bottom: 1rem;
	color: #212529;
	z-index: 1;
	/*position: fixed;*/
	table-layout: fixed;
}
.table-custom:not(.table-sm):not(.table-md):not(.dataTable) th {
	padding: 0 10px;
	height: 40px;
	vertical-align: middle;
	position: sticky;
	top: 0;
}
.table-custom:not(.table-sm) thead th {
	border-bottom: 1px solid #dee2e6;
	/*background-color: #f2f2f2; */
	background-color: #fff;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	white-space: nowrap;
}
.table-custom td, .table-custom:not(.table-bordered) th {
	border-top: none;
}
.table-custom  thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
}
.table-custom td, .table-custom th {
	padding: 0.75rem;
	vertical-align: top;
	border-bottom: 1px solid #dee2e6;
}
.table-custom:not(.table-sm):not(.table-md):not(.dataTable) td, .table:not(.table-sm):not(.table-md):not(.dataTable) th {
	padding: 0 10px;
	height: 40px;
	vertical-align: middle;
}
.table-custom tr:first-child th {
	border-top: 0px solid #999;
}
.table-custom th:first-child {
	border-left: 0px solid #999;
}
.table-custom th.sortable {
	cursor: pointer;
}
.table-custom th.sortable::before, .table-custom th.sortable::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	border: 5px solid transparent;
	right: 10px;
	top: 50%;
}
.table-custom  th.sortable::before {
	border-bottom-color: #aaa;
	margin-top: -10px;
}
.table-custom  th.sortable::after {
	border-top-color: #aaa;
	margin-top: 2px;
}
.table-custom  th.asc::before {
	border-bottom-color: #222;
}
.table-custom  th.desc::after {
	border-top-color: #222;
}
.table-custom tr:first-child th:first-child{
	z-index: 1;
}
.table-custom td.cursol {
	cursor: pointer;
}
.table-custom {
	border-collapse: collapse;
}
.table-custom {
	border-collapse: separate;
	text-indent: initial;
	border-spacing: 2px;
}
.table-custom {
	display: table;
	border-collapse: separate;
	box-sizing: border-box;
	text-indent: initial;
	border-spacing: 2px;
	border-color: grey;
}
.thead-custom {
	;
}
.tbody-custom {
	;
}

.card .card-header h4 + .card-header-form .input-group .form-control. form-custom-height {
	height: 240px;
}

/* 一覧へのデータ行部分のマウスカーソルのポインタ色 */
.table-custom-tbody-hover tbody tr:hover {
	color: #212529;
	background-color: rgba(0, 0, 0, 0.075);
}
/* 一覧へのヘッダー部分のマウスカーソルのポインタ色 */
.table-custom-tbody-hover thead th.sortable:hover {
	color: #212529;
	background-color: rgba(223, 229, 247, 1.0);
}
/* 一覧のチェック後の背景色 */
.chkbox-bg-set td { 
	background-color:#ffffdd; 
}
/* 組織情報一覧の"下部組織有無の有"用 */
.department-custom {
	;
}
/* ボタン・テキスト幅（可変） */
.w-custom-70 {
	min-width: 70% !important; 
	max-width: 100% !important; 
}
/* ボタン・テキスト幅（可変） */
.w-custom-50 {
	min-width: 50% !important; 
	max-width: 100% !important; 
}
/* ボタン・テキスト幅（可変） */
.w-custom-30 {
	min-width: 30% !important; 
	max-width: 100% !important; 
}
/* ボタン・テキスト幅（固定） */
.f-custom-70 {
	min-width: 70% !important; 
	max-width: 70% !important; 
}
/* ボタン・テキスト幅（固定） */
.f-custom-60 {
	min-width: 60% !important; 
	max-width: 60% !important; 
}
/* ボタン・テキスト幅（固定） */
.f-custom-50 {
	min-width: 50% !important; 
	max-width: 50% !important; 
}
/* ボタン・テキスト幅（固定） */
.f-custom-40 {
	min-width: 40% !important; 
	max-width: 40% !important; 
}
/* ボタン・テキスト幅（固定） */
.f-custom-35 {
	min-width: 34% !important; 
	max-width: 34% !important; 
}
/* ボタン・テキスト幅（固定） */
.f-custom-30 {
	min-width: 30% !important; 
	max-width: 30% !important; 
}
/* ボタン・テキスト幅（固定） */
.f-custom-20 {
	min-width: 20% !important; 
	max-width: 20% !important; 
}
/* ボタン・テキスト幅（固定） */
.f-custom-15 {
	min-width: 14% !important; 
	max-width: 14% !important; 
}
/* ボタン・テキスト幅（固定） */
.f-custom-10 {
	min-width: 10% !important; 
	max-width: 10% !important; 
}

/**
  * タブ関連
  */

/* タブ文字（アクティブ） */  
.nav-tabs .nav-item .nav-link.active {
	color: #000;
	font-weight: bold;
}
/* タブ文字（非活性） */  
.nav-tabs .nav-item .nav-link.disabled {
	color: #cdd3d8;
}

/**
  * エディター領域リサイズ
  */

/* */
.editor-resizable-content {
	min-height: 100px;
	resize: vertical;
	overflow: auto;
	max-height: fit-content;
}

/**
  * ファイルのドラッグ＆ドロップ関連
  */

/* 画面全体のオーバーレイ */
#file-dragdrop-area-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: gray;
	opacity: 0.4; /* 透明度 */
	display: none;
}

.overlay-custom-dropover {
	padding: 20px 0;
	height: 80%;
	width: 80%;
}

/* プロジェクトチーム名称イメージ ドラッグ＆ドロップ領域 小さいサイズ */
#regist-project-name-image {
	padding: 10px 0;
	height: 175px;
	width: 200px;
}
/* プロジェクト概要添付ファイル ドラッグ＆ドロップ領域 大きいさいサイズ */
#regist-project-attached-file {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* プロジェクトチーム名称イメージ ドラッグ＆ドロップ領域 小さいサイズ */
#update-project-name-image {
	padding: 10px 0;
	height: 175px;
	width: 200px;
}
/* プロジェクト概要添付ファイル ドラッグ＆ドロップ領域 大きいさいサイズ */
#update-project-attached-file {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* ユーザーアカウント名称イメージ ドラッグ＆ドロップ領域 小さいサイズ */
#regist-user-name-image {
	padding: 10px 0;
	height: 175px;
	width: 200px;
}
/* ユーザーアカウント名称イメージ ドラッグ＆ドロップ領域 小さいサイズ */
#update-user-name-image {
	padding: 10px 0;
	height: 175px;
	width: 200px;
}
/* プロファイルイメージ ドラッグ＆ドロップ領域 小さいサイズ */
#update-profile-name-image {
	padding: 10px 0;
	height: 175px;
	width: 200px;
}
/* ナレッジ内容添付ファイル（単体ページ） ドラッグ＆ドロップ領域 大きいさいサイズ */
#regist-knowledge-attached-file {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* ナレッジ内容添付ファイル（単体ページ） ドラッグ＆ドロップ領域 大きいさいサイズ */
#update-knowledge-attached-file {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* ナレッジ内容添付ファイル（複数ページ） ドラッグ＆ドロップ領域 大きいさいサイズ */
#regist-content-attached-file-multiple {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* ナレッジ内容添付ファイル（複数ページ） ドラッグ＆ドロップ領域 大きいさいサイズ */
#update-content-attached-file-multiple {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* インフォーム内容添付ファイル（単体ページ） ドラッグ＆ドロップ領域 大きいさいサイズ */
#regist-inform-attached-file {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* インフォーム内容添付ファイル（単体ページ） ドラッグ＆ドロップ領域 大きいさいサイズ */
#update-inform-attached-file {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* インフォーム内容添付ファイル（複数ページ） ドラッグ＆ドロップ領域 大きいさいサイズ */
#regist-detail-attached-file-multiple {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* インフォーム内容添付ファイル（複数ページ） ドラッグ＆ドロップ領域 大きいさいサイズ */
#update-detail-attached-file-multiple {
	padding: 40px 0;
	height: 120px;
	width: 100%;
}
/* 事業者情報イメージ ドラッグ＆ドロップ領域 小さいサイズ */
#update-corporation-name-image {
	padding: 10px 0;
	height: 175px;
	width: 200px;
}
.dropdrag-custom-zone {
	text-align: center;
	color: #98a6ad !important;
	font-size: 13px;
	background-color: #f9f9f9;
	border: 4px dotted #bbb;
}
.dropdrag-custom-zone.disabled {
	color: #dfe5f7 !important;
	border: 4px dotted #dfe5f7;
}
.dragover {
	color: #111                         !important;
	background-color: #f1f1f1 !important;
	border: 4px dotted #777   !important;
}
.dz-preview {
	margin: 5px 0;
	padding: 10px;
	float: left;
	background-color: #F5F5F5;
	border-radius: 5px;
}
.dz-details {
	padding: 0;
}
.dz-filename , .dz-size, .dz-my-separator , .dz-remove, .dz-download {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.dz-filename , .dz-my-separator, .dz-size , .dz-error-message, .dz-download {
	float: left;
}
.dz-my-separator {
	width: 20px;
	text-align: center;
}
.dz-size {
	margin-top: 1px;
}
.dz-progress {
	/* width: 100%; */
}
.dz-progress .dz-upload {
	display: block;
	border: 5px solid #1E9BFF;
	border-radius: 2px;
}
.dz-name {
	color: #0066cc;
}
.dz-remove {
	color: #0066cc;
	float: left;
	margin-left: 5px;
}
.dz-thumbnail {
	margin-bottom: 3px;
}
.fa-check-circle:before {
	color: #93C54B;
}
.dz-thumbnail , .dz-success-mark {
	display: block;
	float: left;
}
.dz-success-mark {
	height: 25px;
	margin-left: 5px;
}
.dropzone-preview-custom {
	width: 100%;
}

/**
  * ローディングの設定
  */

/* ローディングの背景 */
.loading {
	/*background-color:rgba(0,0,0,.1); */
	pointer-events: none;  /* クリックさせないようにする */
	z-index: 2147483647;
}
/* ローディング回転（Before） */
.loading::before {
	content:"";
	display:block;
	postion: -webkit-sticky;
	position:absolute;
	left:50%;
	top:35%;
	width:82px;
	height:82px;
	max-width: 5rem;
	max-height: 5rem;
	border-radius:35px;
	margin-top:-15px;
	margin-left:-15px;
	/*background:white;*/
	z-index: 2147483647;
}
/* ローディング回転（After） */
.loading::after {
	content:"";
	display:block;
	postion: -webkit-sticky;
	position:absolute;
	left:50%;
	top:35%;
	width:62px;
	height:62px;
	max-width: 3rem;
	max-height: 3rem;
	border-radius:50px;
	margin-top:-10px;
	margin-left:-10px;
	border:5px solid #2a0c96;
	border-right:4px solid white;
	animation: rotate 1s infinite linear;
	z-index: 2147483647;
}
.loading-top-zero {
	/*background-color:rgba(0,0,0,.1); */
	pointer-events: none;  /* クリックさせないようにする */
	z-index: 2147483647;
}
/* ローディング回転（Before） */
.loading-top-zero::before {
	content:"";
	display:block;
	postion: -webkit-sticky;
	position:fixed;
	left:50%;
	top:35%;
	width:82px;
	height:82px;
	max-width: 5rem;
	max-height: 5rem;
	border-radius:35px;
	margin-top:-15px;
	margin-left:-15px;
	/*background:white;*/
	z-index: 2147483647;
}
/* ローディング回転（After） */
.loading-top-zero::after {
	content:"";
	display:block;
	postion: -webkit-sticky;
	position:fixed;
	left:50%;
	top:35%;
	width:62px;
	height:62px;
	max-width: 3rem;
	max-height: 3rem;
	border-radius:50px;
	margin-top:-10px;
	margin-left:-10px;
	border:4px solid #2a0c96;
	border-right:4px solid white;
	animation: rotate 1s infinite linear;
	z-index: 2147483647;
}
.loading-mini {
	/*background-color:rgba(0,0,0,.1); */
	pointer-events: none;  /* クリックさせないようにする */
	z-index: 2147483647;
}
/* ローディング回転（Before） */
.loading-mini::before {
	content:"";
	display:block;
	postion: -webkit-sticky;
	position:absolute;
	left:50%;
	top:70%;
	width:42px;
	height:42px;
	max-width: 5rem;
	max-height: 5rem;
	border-radius:10px;
	margin-top:-15px;
	margin-left:-15px;
	/*background:white;*/
	z-index: 2147483647;
}
/* ローディング回転（After） */
.loading-mini::after {
	content:"";
	display:block;
	postion: -webkit-sticky;
	position:absolute;
	left:50%;
	top:70%;
	width:22px;
	height:22px;
	max-width: 3rem;
	max-height: 3rem;
	border-radius:15px;
	margin-top:-10px;
	margin-left:-10px;
	border:5px solid #2a0c96;
	border-right:4px solid white;
	animation: rotate 1s infinite linear;
	z-index: 2147483647;
}
@keyframes rotate {
	0%    { transform: rotate(0deg); }
	100%  { transform: rotate(360deg); }
}

/**
  * 登録・詳細/編集画面のタイトル/登録値
  */

/* メイン画像用 */  
.row-custom {
    position: relative;
    flex-wrap: wrap;
	width: 100%;
}
/* タイトル */  
.title-info-custom-label label:not(.not-custom-title) {
	position: relative;
	border-bottom: 2px solid #ddd;
	padding: 0px 0;
	width: 100%;
}
.title-info-custom-label label:not(.not-custom-title):before {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 40px;
	height: 2px;
	content: '';
	background: #27acd9;
}
/* タイトル */  
.title-info-custom-center label:not(.not-custom-title) {
	/* 水平・垂直方向の中央揃え */
	position: absolute;
	left: 50%;
	border-bottom: 2px solid #ddd;
	padding: 0px 0;
}

/* 表示モード */  
.display-custom-output:not(.not-custom-output) {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
.display-custom-output-only {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
.display-custom-output-login:not(.not-custom-output) {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
/* 編集モード */
.display-custom-edit {
	;
}
.display-custom-edit-login {
	;
}
/* 表示モード */  
.display-content-custom-output:not(.not-custom-output) {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
/* 表示モード（ナレッジ内容複数ページ用） */
.display-content-text-custom-output:not(.not-custom-output) {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
.display-content-custom-output-only {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
.display-detail-custom-output:not(.not-custom-output) {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
.display-detail-custom-output-only {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
.display-questionnaire-custom-output:not(.not-custom-output) {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
.display-questionnaire-custom-output-only {
	background: #f5f9ff;
	border-radius: 8px;
	padding: 0.25rem 1rem;
}
/* 編集モード */
.display-content-custom-edit {
	;
}
/* 編集モード（ナレッジ内容複数ページ用） */
.display-content-text-custom-edit {
	;
}
.display-detail-custom-edit {
	;
}
.display-questionnaire-custom-edit {
	;
}
/* プロファイル（セキュリティ）モード */
.display-custom-security {
	;
}

/**
  * カレンダー部品の設定内容
  */
.datepicker-modal {
	z-index: 1151 !important;
	position: absolute;
}
/* 土曜日の色設定 */
.xdsoft_calendar thead tr th:nth-of-type(1){
	color: #00f!important;       /* 文字色：赤 */
}
.xdsoft_calendar tbody tr td:nth-of-type(1){
	color: #00f!important;       /* 文字色：赤 */
}
 /* 日曜日の色設定 */
.xdsoft_calendar thead tr th:nth-of-type(7){
	color: #f00!important;       /* 文字色：青 */
}
.xdsoft_calendar tbody tr td:nth-of-type(7){
	color: #f00!important;       /* 文字色：青 */
}

/**
  * 選択ボタン
  */

/* 黄色 */
.selectgroup-custom-button-yellow {
	background-color: #fdfdff;
	border-color: #e4e6fc;
	border-width: 1px;
	border-style: solid;
	display: block;
	text-align: center;
	padding: 0 1rem;
	height: 35px;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 13px;
	min-width: 2.375rem;
	line-height: 36px;
}

.selectgroup-input:checked + .selectgroup-custom-button-yellow {
	background-color: #ffa426;
	color: #fff;
	z-index: 1;
}

/* 青 */
.selectgroup-custom-button-blue {
	background-color: #fdfdff;
	border-color: #e4e6fc;
	border-width: 1px;
	border-style: solid;
	display: block;
	text-align: center;
	padding: 0 1rem;
	height: 35px;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 13px;
	min-width: 2.375rem;
	line-height: 36px;
}

.selectgroup-input:checked + .selectgroup-custom-button-blue {
	background-color: #3abaf4;
	color: #fff;
	z-index: 1;
}

/* 灰色 */
.selectgroup-custom-button-gray {
	background-color: #fdfdff;
	border-color: #e4e6fc;
	border-width: 1px;
	border-style: solid;
	display: block;
	text-align: center;
	padding: 0 1rem;
	height: 35px;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 13px;
	min-width: 2.375rem;
	line-height: 36px;
}

.selectgroup-input:checked + .selectgroup-custom-button-gray {
	background-color: #cdd3d8;
	color: #fff;
	z-index: 1;
}

/* 赤 */
.selectgroup-custom-button-red {
	background-color: #fdfdff;
	border-color: #e4e6fc;
	border-width: 1px;
	border-style: solid;
	display: block;
	text-align: center;
	padding: 0 1rem;
	height: 35px;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 13px;
	min-width: 2.375rem;
	line-height: 36px;
}

.selectgroup-input:checked + .selectgroup-custom-button-red {
	background-color: #fc544b;
	color: #fff;
	z-index: 1;
}

/* 緑 */
.selectgroup-custom-button-green {
	background-color: #fdfdff;
	border-color: #e4e6fc;
	border-width: 1px;
	border-style: solid;
	display: block;
	text-align: center;
	padding: 0 1rem;
	height: 35px;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 13px;
	min-width: 2.375rem;
	line-height: 36px;
}

.selectgroup-input:checked + .selectgroup-custom-button-green {
	background-color: #47c363;
	color: #fff;
	z-index: 1;
}

/** 特大ボタン（Welcomeページ用） */
.btn.btn-custom-xl {
	padding: 1.80rem 2.5rem;
	font-size: 24px;
	position: absolute; 
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%) translateY(-5%);
}

/**
  * テーブル間の隙間用
  */
.table-space-custom {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

/**
  * オブジェクトマークの色
  */
.badge-custom {
	vertical-align: middle;
	padding: 7px 12px;
	font-weight: 600;
	letter-spacing: 0.3px;
	border-radius: 30px;
	font-size: 12px;
}

/** 通常のボタン色 */

/* 黄色 */
.badge-custom.badge-yellow {
	background-color: #ffa426;
	color: #fff;
}
/* 紫 */
.badge-custom.badge-purple {
	background-color: #fff7fb;
	color: #fff;
}
/* 灰色 */
.badge-custom.badge-gray {
	background-color: #cdd3d8;
	color: #fff;
}
/* 緑 */
.badge-custom.badge-green {
	background-color: #47c363;
	color: #fff;
}
/* 青 */
.badge-custom.badge-blue {
	background-color: #3abaf4;
	color: #fff;
}
/* 赤 */
.badge-custom.badge-red {
	background-color: #fc544b;
	color: #fff;
}
/* 黒 */
.badge-custom.badge-black {
	background-color: #191d21;
	color: #fff;
}

.badge-custom-small {
	vertical-align: middle;
	padding: 5px 9px;
	font-weight: 400;
	letter-spacing: 0.2px;
	border-radius: 24px;
	font-size: 10px;
}
/** 通常のボタン色 */

/* 黄色 */
.badge-custom-small.badge-yellow {
	background-color: #ffa426;
	color: #fff;
}
/* 紫 */
.badge-custom-small.badge-purple {
	background-color: #fff7fb;
	color: #fff;
}
/* 灰色 */
.badge-custom-small.badge-gray {
	background-color: #cdd3d8;
	color: #fff;
}
/* 緑 */
.badge-custom-small.badge-green {
	background-color: #47c363;
	color: #fff;
}
/* 青 */
.badge-custom-small.badge-blue {
	background-color: #3abaf4;
	color: #fff;
}
/* 赤 */
.badge-custom-small.badge-red {
	background-color: #fc544b;
	color: #fff;
}
/* 黒 */
.badge-custom-small.badge-black {
	background-color: #191d21;
	color: #fff;
}

/** チェック用のボタン色（未チェック） */

/* 黄色 */
.badge-custom.badge-yellow-check.checkoff {
	border-color: #e4e6fc;
	color: #cccee0;
}
/* 紫 */
.badge-custom.badge-purple-check.checkoff {
	border-color: #e4e6fc;
	color: #cccee0;
}
/* 灰色 */
.badge-custom.badge-gray-check.checkoff {
	border-color: #e4e6fc;
	color: #cccee0;
}
/* 緑 */
.badge-custom.badge-green-check.checkoff {
	border-color: #e4e6fc;
	color: #cccee0;
}
/* 青 */
.badge-custom.badge-blue-check.checkoff {
	border-color: #e4e6fc;
	color: #cccee0;
}
/* 赤 */
.badge-custom.badge-red-check.checkoff {
	border-color: #e4e6fc;
	color: #cccee0;
}
/* 黒 */
.badge-custom.badge-black-check.checkoff {
	border-color: #e4e6fc;
	color: #cccee0;
}


/** チェック用のボタン色（チェック状態） */

/* 黄色 */
.badge-custom.badge-yellow-check.checked {
	background-color: #ffa426;
	color: #fff;
}
/* 紫 */
.badge-custom.badge-purple-check.checked {
	background-color: #fff7fb;
	color: #fff;
}
/* 灰色 */
.badge-custom.badge-gray-check.checked {
	background-color: #cdd3d8;
	color: #fff;
}
/* 緑 */
.badge-custom.badge-green-check.checked {
	background-color: #47c363;
	color: #fff;
}
/* 青 */
.badge-custom.badge-blue-check.checked {
	background-color: #3abaf4;
	color: #fff;
}
/* 赤 */
.badge-custom.badge-red-check.checked {
	background-color: #fc544b;
	color: #fff;
}
/* 黒 */
.badge-custom.badge-black-check.checked {
	background-color: #191d21;
	color: #fff;
}

/** チェック用のボタン色（チェック状態・非活性） */

/* 黄色 */
.badge-custom.badge-yellow-check.checked.disabled {
	background-color: #eeeeee;
	color: #999;
}
/* 紫 */
.badge-custom.badge-purple-check.checked.disabled {
	background-color: #eeeeee;
	color: #999;
}
/* 灰色 */
.badge-custom.badge-gray-check.checked.disabled {
	background-color: #eeeeee;
	color: #999;
}
/* 緑 */
.badge-custom.badge-green-check.checked.disabled {
	background-color: #eeeeee;
	color: #999;
}
/* 青 */
.badge-custom.badge-blue-check.checked.disabled {
	background-color: #eeeeee;
	color: #999;
}
/* 赤 */
.badge-custom.badge-red-check.checked.disabled {
	background-color: #eeeeee;
	color: #999;
}
/* 黒 */
.badge-custom.badge-black-check.checked.disabled {
	background-color: #eeeeee;
	color: #999;
}


/** その他の部品で使用している色 */

/* 青 */
.bg-blue {
	background-color: #6777ef !important;
}
/* 灰色 */
.bg-gray {
	background-color: #cdd3d8 !important;
}
/* 赤 */
.bg-red {
	background-color: #fc544b !important;
}
/* 黄色 */
.bg-yellow {
	background-color: #ffa426 !important;
}
/* 緑 */
.bg-green {
	background-color: #47c363 !important;
}

/**
  * オブジェクトマークの形
  */
.mark-size-large-custom{
	font-size:5.0em; /*1.5倍にする*/
}

/* 大型 */

/* 丸型 */
.rounded-large-circle-custom {
	border-radius: 50% !important;
	width: 105px;
	height: 105px;
}

/* 青 */
.rounded-large-circle-custom-blue {
	/*position: relative;*/
	display: inline-grid;
	width: 105px;
	height: 105px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #6777ef;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 灰色 */
.rounded-large-circle-custom-gray {
	/*position: relative;*/
	display: inline-grid;
	width: 105px;
	height: 105px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #cdd3d8;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 赤 */
.rounded-large-circle-custom-red {
	/*position: relative;*/
	display: inline-grid;
	width: 105px;
	height: 105px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #fc544b;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 黄色 */
.rounded-large-circle-custom-yellow {
	/*position: relative;*/
	display: inline-grid;
	width: 105px;
	height: 105px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #ffa426;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 緑 */
.rounded-large-circle-custom-green {
	/*position: relative;*/
	display: inline-grid;
	width: 105px;
	height: 105px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #47c363;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 中型 */

/* 丸型 */
.rounded-circle-custom {
	border-radius: 50% !important;
	width: 35px;
	height: 35px;
}

/* 青 */
.rounded-circle-custom-blue {
	/*position: relative;*/
	display: inline-block;
	width: 35px;
	height: 35px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #6777ef;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 灰色 */
.rounded-circle-custom-gray {
	/*position: relative;*/
	display: inline-block;
	width: 35px;
	height: 35px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #cdd3d8;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 赤 */
.rounded-circle-custom-red {
	/*position: relative;*/
	display: inline-block;
	width: 35px;
	height: 35px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #fc544b;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 黄色 */
.rounded-circle-custom-yellow {
	/*position: relative;*/
	display: inline-block;
	width: 35px;
	height: 35px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #ffa426;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 緑 */
.rounded-circle-custom-green {
	/*position: relative;*/
	display: inline-block;
	width: 35px;
	height: 35px;
	border-width: 0px;
	border-radius: 50% !important;
	background: #47c363;
	color: #fff;
	line-height: 35px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 小型 */

/* 丸型 */
.rounded-circle-custom {
	border-radius: 50% !important;
	width: 25px;
	height: 25px;
}
  
/* 青 */
.circle-custom-icon-blue {
	/*position: relative;*/
	display: inline-block;
	width: 25px;
	height: 25px;
	border-width: 0px;
	border-radius: 50%;
	background: #6777ef;
	color: #fff;
	line-height: 25px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}
/* 灰色 */
.circle-custom-icon-gray {
	/*position: relative;*/
	display: inline-block;
	width: 25px;
	height: 25px;
	border-width: 0px;
	border-radius: 50%;
	background: #cdd3d8;
	color: #fff;
	line-height: 25px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}
/* 赤 */
.circle-custom-icon-red {
	/*position: relative;*/
	display: inline-block;
	width: 25px;
	height: 25px;
	border-width: 0px;
	border-radius: 50%;
	background: #fc544b;
	color: #fff;
	line-height: 25px;
	text-align:center;
	align-content: center;
}
/* 黄色 */
.circle-custom-icon-yellow {
	/*position: relative;*/
	display: inline-block;
	width: 25px;
	height: 25px;
	border-width: 0px;
	border-radius: 50%;
	background: #ffa426;
	color: #fff;
	line-height: 25px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}
/* 緑 */
.circle-custom-icon-green {
	/*position: relative;*/
	display: inline-block;
	width: 25px;
	height: 25px;
	border-width: 0px;
	border-radius: 50%;
	background: #47c363;
	color: #fff;
	line-height: 25px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}
/* 黒 */
.circle-custom-icon-black {
	/*position: relative;*/
	display: inline-block;
	width: 25px;
	height: 25px;
	border-width: 0px;
	border-radius: 50%;
	background: #191d21;
	color: #fff;
	line-height: 25px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 青 */
.circle-custom-large-blue {
	/*position: relative;*/
	display: inline-block;
	width: 30px;
	height: 30px;
	border-width: 0px;
	border-radius: 50%;
	background: #fff7fb;
	color: #fff;
	line-height: 30px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}
/* 灰色 */
.circle-custom-large-gray {
	/*position: relative;*/
	display: inline-block;
	width: 30px;
	height: 30px;
	border-width: 0px;
	border-radius: 50%;
	background: #cdd3d8;
	color: #fff;
	line-height: 30px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}
/* 赤 */
.circle-custom-large-red {
	/*position: relative;*/
	display: inline-block;
	width: 30px;
	height: 30px;
	border-width: 0px;
	border-radius: 50%;
	background: #fc544b;
	color: #fff;
	line-height: 30px;
	text-align:center;
	align-content: center;
}
/* 黄色 */
.circle-custom-large-yellow {
	/*position: relative;*/
	display: inline-block;
	width: 30px;
	height: 30px;
	border-width: 0px;
	border-radius: 50%;
	background: #ffa426;
	color: #fff;
	line-height: 30px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}
/* 緑 */
.circle-custom-large-green {
	/*position: relative;*/
	display: inline-block;
	width: 30px;
	height: 30px;
	border-width: 0px;
	border-radius: 50%;
	background: #47c363;
	color: #fff;
	line-height: 30px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}
/* 黒 */
.circle-custom-large-black {
	/*position: relative;*/
	display: inline-block;
	width: 30px;
	height: 30px;
	border-width: 0px;
	border-radius: 50%;
	background: #191d21;
	color: #fff;
	line-height: 30px;
	text-align:center;
	align-content: center;
	padding: 0 !important;
}

/* 縦揃え */
.v-middle div{
	display: table-cell;
	vertical-align: middle;
}

/**
  * 入力欄の必須マーク
  */
.required::after {
	content: "必須";
	background-color: #dc143c;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	min-width: 10px;
	padding: 3px 7px;
	margin: 0px 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

/**
  * 有料化手続き中マーク
  */
.charged-being::after {
	content: "有料化手続き中";
	background-color: #dc143c;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	min-width: 10px;
	padding: 3px 7px;
	margin: 0px 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

/**
  * 有料化手続き完了マーク
  */
.charged-complete::after {
	content: "有料化手続き完了";
	background-color: #dc143c;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	min-width: 10px;
	padding: 3px 7px;
	margin: 0px 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

/**
  * 変更手続き中マーク
  */
.change-being::after {
	content: "変更手続き中";
	background-color: #dc143c;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	min-width: 10px;
	padding: 3px 7px;
	margin: 0px 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

/**
  * 退会予定マーク
  */
.withdrawal-being::after {
	content: "退会予定";
	background-color: #dc143c;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	min-width: 10px;
	padding: 3px 7px;
	margin: 0px 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

/**
  * 料金未確定マーク
  */
.undetermined-being::after {
	content: "料金未確定";
	background-color: #dc143c;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	min-width: 10px;
	padding: 3px 7px;
	margin: 0px 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

/**
  * 料金確定マーク
  */
.price-confirmed::after {
	content: "料金確定";
	background-color: #2d96e5;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	min-width: 10px;
	padding: 3px 7px;
	margin: 0px 5px;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	border-radius: 10px;
	display: inline-block;
}

/**
  * 入力欄のクリアボタンデザイン
  */
input[type="search"]::-webkit-search-cancel-button {
	height: 16px;   /* キャンセルボタンのサイズ */
	width: 16px;    /*  キャンセルボタンのサイズ */
	cursor:pointer; /*  キャンセルボタンにポインターを付ける  */
	padding: 3px 5px;
}

/* 丸型（ログイン用） */
.login-custom-logo {
	width: 25px;
	height: 25px;
}

/* 丸型（通常ページ） */
.footer-custom-logo {
	width: 25px;
	height: 25px;
}

/**
  * 画像関連
  */
  
/* メイン */
.photo-custom-main {
	margin: 0 0 50px;
}
/* 画像表示領域 */
.photo-custom-main img {
	width: 100%; 
	height: auto;
}
/* 次へ */
.photo-custom-main .slick-next {
	right: 20px; 
	z-index: 99;
}
/* 前へ */
.photo-custom-main .slick-prev {
	left: 15px; 
	z-index: 100;
}

/* Welcome画面用 */
.photo-custom-welcome {
	margin: 0 0 0px;
}
/* 画像表示領域 */
.photo-custom-welcome img {
	width: auto; 
	height: auto;
}
/* 次へ */
.photo-custom-welcome .slick-next {
	right: 20px; 
	z-index: 99;
}
/* 前へ */
.photo-custom-welcome .slick-prev {
	left: 15px; 
	z-index: 100;
}

/**
  * 画像表示関連
  */
  
/* 親要素 */
.photo-custom-parent {
	display: flex;     /* 横並びにする */  
	flex-wrap: wrap;
}
/* 子要素 */
.photo-custom-child {
	display:flex;
	flex-flow: column;    /* 縦並びにする */  
}
/* 孫要素 */
.photo-custom-grandchild {
	text-align: center;
	font-size: 10.5px;
	white-space: nowrap;
}
/* PDF拡大時 */
.pdf-custom-expansion {
	width: 100%;
	height: 80vh;
}

/* ダイアログ入力 */
.sweet-custom-input {
	z-index: 2147483647;
}

/* チェックボックス表示 */
.disable-custom-checked {
	padding-left:24px;
	position:relative;
}

.disable-custom-checked:before,
.disable-custom-checked:after{
	content:"";
	display:block;
	position:absolute;
}
.disable-custom-checked:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#DDDEDF;
	border:1px solid #7d7d7d;
	left:0;top:2px;
}
.disable-custom-checked:after{
	border-left:2px solid #7d7d7d;
	border-bottom:2px solid #7d7d7d;
	width:6px;
	height:3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:7px;
}

/* ノンチェックボックス表示 */
.disable-custom-nocheck {
	padding-left:24px;
	position:relative;
}

.disable-custom-nocheck:before,
.disable-custom-nocheck:after{
	content:"";
	display:block;
	position:absolute;
}
.disable-custom-nocheck:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#DDDEDF;
	border:1px solid #7d7d7d;
	left:0;top:2px;
}

/**
  * 行順序移動関連
  */

/* アップ */
.feas-custom-up {
	color: white;
	display: inline-block;
	width: 1.6em;
	background-color: #3232ff;
	border-radius: 3px;
	margin: 0 0.8px;
}
/* ダウン */
.feas-custom-down {
	color: white;
	display: inline-block;
	width: 1.6em;
	background-color: #3232ff;
	border-radius: 3px;
	margin: 0 0.8px;
}

/**
  * ファイルダウンロード関連
  */
  
/* ダウンロードリンク */
.download-custom-file {
	;
}
/* 通常ファイル用 */
.download-custom-temp {
	;
}
/* 「運営からのお知らせ」ファイル用 */
.download-custom-notice {
	;
}

/**
  * チャート関連
  */
.chart-custom-large {
	z-index: 1151 !important;
}
.chart-custom-medium {
	z-index: 1151 !important;
}

/**
  * チャート関連
  */
@keyframes custom-fadein-row-anim {
	0% {
		opacity: 0;
		transform: translateX(0px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}