/*******************************
             共通
*******************************/

.ui.accordion:not(.styled) .title ~ .content:not(.ui),
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
	margin: 0px;
	padding: 0em 0em 0em;
}

.ui.styled.accordion .accordion .ui.search .content, .ui.styled.accordion .ui.search .content {
	padding: 0px;
}

.ui.styled.accordion .accordion .ui.search .title, .ui.styled.accordion .ui.search .title {
	border-top: 0px;
}

.ui.styled.accordion .accordion .ui.search > .results .result, .ui.styled.accordion .ui.search > .results .result {
	padding: 0px;
}

body > .grid {
	height: 100%;
}

.page_wrap {
	min-height: 100%;
	box-sizing: border-box;
}

footer {
	background: #000;
	opacity: 0.6;
	padding: 10px 0;
	color: #FFF;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.logo_img {
	width: auto !important;
}

.small_logo_img {
	width: 100px !important;
	height: auto !important;
}

.small_logo_sub_img {
	width: auto !important;
	height: 50% !important;
}

.small_logo_img_container {
	display: flex !important;
	align-items: flex-end !important;
	height: 100px;
}

.mtop_0 {
	margin-top: 0px !important;
}

.mtop_10 {
	margin-top: 10px !important;
}

.mtop_20 {
	margin-top: 20px !important;
}

.mtop_25 {
	margin-top: 25px !important;
}

.mtop_30 {
	margin-top: 30px !important;
}

.mbot_0 {
	margin-bottom: 0px !important;
}

.mbot_10 {
	margin-bottom: 10px !important;
}

.mbot_5 {
	margin-bottom: 5px !important;
}

.mbot_20 {
	margin-bottom: 20px !important;
}

.mleft_0 {
	margin-left: 0px !important;
}

.mright_0 {
	margin-right: 0px !important;
}

.pad_custom {
	padding: 0.5em 0.5em !important;
}

.pad0 {
	padding: 0px !important;
}

.pad_top0 {
	padding-top: 0px !important;
}

.pad_bot0 {
	padding-bottom: 0px !important;
}

.pad_lft0 {
	padding-left: 0px !important;
}

.marg_top_custom {
	margin-top: 0.5em !important;
}

.marg0 {
	margin: 0px !important;
}

.small_padding_6 {
	padding: 6px !important;
}

.left_marg_10 {
	margin-left: 10px !important;
}

.right_marg_10 {
	margin-right: 10px !important;
}

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

.text-left {
	text-align: left !important;
}

.leftAttachedLabel {
	right: 80% !important;
	left: auto !important;
}

.rightAttachedFloatButton {
	border-radius: .28571429rem 0 0 .28571429rem !important;
	opacity: .7 !important;
	padding: 10px !important;
}

.multiple_insert_area_title {
	width: 20% !important;
	vertical-align: top !important;
	margin-right: 1em !important;
	background-color: #679AAA !important;
	color: #fff !important;
	border-radius: 2px !important;
}

.multiple_insert_area_title_grey {
	width: 20% !important;
	vertical-align: top !important;
	margin-right: 1em !important;
	background-color: rgba(0,0,0,.05) !important;
	color: #000 !important;
	border-radius: 2px !important;
}

.multiple_insert_area_title.required:after {
	content: "\3000(\5FC5\9808)";
	color: #ae1e1e;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	padding-top: 2px;
	font-size: 10px;
}

.multiple_insert_area_content {
	width: 74% !important;
	display: inline-block !important;
	font-size: 12px !important;
}

.multiple_insert_area_list .item {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.multiple_insert_area_content .ui.buttons {
	margin-top: 5px !important;
}

.ui.top.attached.label + [class*="right floated"] + *, .ui.top.attached.label:first-child + :not(.attached) {
	margin-top: 3rem !important;
}

.dark_border_segm {
	border: 1px solid rgba(34,36,38,.30) !important;
	background-color: #F8F8F9 !important;
}

a {
	cursor: pointer !important;
}
td a {
	text-decoration: underline !important;
}

.free_input_text_area {
	white-space: pre-wrap !important;
	word-break: break-all !important;
}

.ui.statistic > .label, .ui.statistics .statistic > .label {
	text-transform: none !important;
}
.ui.statistic > .value, .ui.statistics .statistic > .value {
	text-transform: none !important;
}

/*******************************
           お知らせ
*******************************/
.info_view_area {
	overflow-x: auto;
}

/*******************************
        テキストエディタ
*******************************/

blockquote {
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

/*******************************
         Breadcrumbs
*******************************/
.breadcrumb {
	background-color: transparent !important;
	padding: 0px !important;
}

.ui.breadcrumb .section {
	color: #fff !important;
}

	.ui.breadcrumb .section:not(.active) {
		text-decoration: underline !important;
	}

		.ui.breadcrumb .section:not(.active):hover {
			color: #4183c4 !important;
		}

.ui.breadcrumb .active.section {
	pointer-events: none !important;
	font-weight: normal !important;
}

/*******************************
          ロード状態
*******************************/
.ui.dimmer .ui.loader {
	color: rgba(0, 0, 0, 0.87);
}

	.ui.dimmer .ui.loader:before {
		border-color: rgba(0, 0, 0, 0.1);
	}

	.ui.dimmer .ui.loader:after {
		border-color: #767676 transparent transparent;
	}

.blurring.dimmable > .dimmer {
	background-color: rgba(255, 255, 255, 0.6);
}

.ui.dimmer {
	background-color: rgba(255, 255, 255, 0.85);
}

	.ui.dimmer > .content > * {
		color: #FFFFFF;
	}


/*******************************
           テーブル
*******************************/
table.dataTable.table {
	margin-left: auto;
	margin-right: auto;
}

.dataTables_wrapper .ui.grid {
	margin-left: 0px;
	margin-right: 0px;
}

table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after, table.dataTable.table thead td.sorting:after, table.dataTable.table thead td.sorting_asc:after, table.dataTable.table thead td.sorting_desc:after {
	top: auto !important;
	bottom: 5px !important;
	right: 1px !important;
}

.row.dt-table .sixteen.wide {
	padding: 0px;
}

.table td, .table th {
	vertical-align: top;
	border-color: rgba(34,36,38,.3) !important;
}

.grey_bg {
	background-color: rgba(0,0,0,.05) !important;
}

.teal_bg {
	background-color: #e1f7f7 !important;
}

.light_violet_bg {
	background-color: #f0eeff !important
}

.table thead tr th {
	background-color: rgba(0,0,0,.1) !important;
}

/*******************************
        エラーメッセージ
*******************************/
.field-validation-error {
	font-weight: bold;
	color: #b30000;
	text-align: left;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #b30000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #b30000;
	text-align: left;
	font-size: 18px;
}

.validation-summary-valid {
	display: none;
}


/*******************************
           検索
*******************************/

.conditions_area {
	background-color: rgba(0,0,0,.05) !important;
}

.calendar_label {
	margin: 0px !important;
}

.no-sort:hover {
	background-color: #f9fafb !important;
	cursor: default !important;
}

.custom_att_label {
	font-size: 1rem !important;
	font-weight: normal !important;
	color: #000 !important;
}

/*******************************
           フォーム
*******************************/
.FreezePaneOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}

.FreezePaneOn {
	position: fixed;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #d3d3d3;
	/*20140903 ポップアップのz-indexが1000のため、999⇒1999に変更*/
	z-index: 1999;
	filter: alpha(opacity=10);
	-moz-opacity: 0.10;
	opacity: 0.10;
}

.ui.form .required.field > .checkbox:after, .ui.form .required.field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.fields:not(.grouped) > .field > label:after {
	content: "\3000(\5FC5\9808)";
	margin: 0px;
	font-size: 10px;
}

.ui.form .required.field > .checkbox:after {
	content: '';
}

.even_width_label_100 {
	width: 100px !important;
}

.even_width_label_180 {
	width: 180px !important;
}

.display_only_field {
	padding: 6px !important;
	background-color: #f2f2f2;
	border-radius: .28571429rem;
}

.currency_input_format {
	text-align: right;
}

.currency_floating_input_format {
	text-align: right;
}

.num_input_format {
	text-align: right;
}

.floating_input_format {
	text-align: right;
}

.ui.search > .results > .message .header {
	display: none;
}

.ui.search > .results {
	max-height: 300px;
	overflow-y: scroll;
}

.value_change_label {
	background-color: #ffff66 !important;
	padding: .2833em .833em !important;
	min-width: 50px;
}

.font_custom {
	font-size: 12px;
}

.toggleBtn {
	margin-right: 2px !important;
}

.orderNotFinishedLabel {
	width: 100% !important;
	text-align: center !important;
	margin: 0px !important;
}

.orderNotFinishedLabel:before {
	left: 90% !important;
}

/*******************************
           カレンダー
*******************************/
.ui.calendar .ui.table tr td.today {
	background-color: #e1f7f7 !important;
}

/*******************************
           Modal
*******************************/
.ui.modal {
	/*height: fit-content !important;*/
	margin: auto !important;
	position: static;
}

	.ui.modal .actions {
		background: #f9fafb;
		padding: 1rem 1rem;
		border-top: 1px solid rgba(34,36,38,.15);
		text-align: right;
	}

	.ui.modal .header {
		font-weight: 700;
		border-bottom: 1px solid rgba(34,36,38,.15);
		padding: 0.7rem 0.8rem;
	}

	.ui.modal label {
		margin-bottom: 3px !important;
	}

	.ui.modal .content {
		padding: 0rem 1rem;
	}

/* 高さ１００％のポップアップ設定　scrolling contentの場合のみ使用可能 */
.max_height_scrolling_modal {
	height: 100% !important;
}

	/* searchリストは対象外 */
	.max_height_scrolling_modal .content:not(a.result > .content) {
		min-height: calc(98vh - 10em) !important;
	}
	.max_height_scrolling_modal .results .result .content {
		min-height: inherit !important;
	}

/*******************************
           Steps
*******************************/
.ui.steps .step.active .title {
	color: #000;
}

.customSteps .step {
	background-color: #fff8db !important;
	padding: 0.6em 2em !important;
}

.customSteps .step:after {
	background-color: #fff8db !important;
}

.customSteps .step.active {
	background-color: #fbbd08 !important;
}

.customSteps .step.active:after {
	background-color: #fbbd08 !important;
}

.stepsNegativeDescription {
	color: #db2828 !important;
}

.stepsPositiveDescription {
	color: #1ebc30 !important;
}

/*******************************
      ファイルアップロード
*******************************/
.dropzone {
	padding: 10px 10px;
	border: 1.5px dashed #ccc;
	border-radius: 6px;
	font-size: 12px;
}

	.dropzone .dz-preview {
		width: 100%;
	}

	.dropzone.dz-started .dz-message {
		display: none;
	}

	.dropzone .dz-preview {
		max-width: 140px;
		max-height: 200px;
		overflow: hidden;
	}

	.dropzone .dz-error-mark {
		display: none !important;
	}

	.dropzone .dz-success-mark {
		display: none !important;
	}

	.dropzone .dz-image {
		display: none !important;
	}

/*******************************
      スライダー（Slick)
*******************************/
.slick-prev {
	left: -20px;
}

.slick-next {
	right: -20px;
}

.slick-prev:before, .slick-next:before {
	color: #767676 !important;
	opacity: 1;
}

.slick_area .slick-list .slick-track {
	margin-bottom: 10px;
}

.slick_area .slick-list {
	padding-left: 5px;
	padding-top: 5px;
}

.slick-slide {
	margin-top: .875em !important;
}

.slick_area:focus {
	outline: none;
}

.slick-slide {
	height: auto;
}

/*******************************
       Cards（ボックス）
*******************************/
.medium_card {
	width: 230px !important;
	height: auto !important;
}

.small_card {
	width: 200px !important;
	height: auto !important;
}

.centered_card {
	margin-left: auto !important;
	margin-right: auto !important;
}

/*******************************
       Card（ボックス）
*******************************/
.card {
	outline: none;
}

/*******************************
         画像拡大
*******************************/
.img_zoom {
	display: none !important;
	position: absolute !important;
	z-index: 9999 !important;
}

.img_zoom img {
	border: 1px solid rgba(34,36,38,.15) !important;
	border-radius: 5px !important;
}

.img_zoom_in_icon {
	margin: 0px !important;
}

.centered_overlay_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.centered_overlay_icon_container {
	position: relative;
	text-align: center;
	color: white;
}

/* メニュー用
-----------------------------------------------------------*/
/* menu::base */
.menu_line {
	margin: 0px 0px 0px 5px;
	min-height: 24px;
	height: 100%;
	width: auto;
	padding: 0;
}

/* ************* */
/* menu::level1  */
/* ************* */
.menu_subsys {
	position: relative;
	padding: 2px 5px 2px 5px;
	height: 26px;
	float: left;
	vertical-align: middle;
	cursor: pointer;
	font-size: 16px;
	border-radius: 5px;
}

	.menu_subsys:hover {
		background-color: #98fb98;
	}
	.menu_subsys:not(:has(> .menu_subsys_child)):hover {
		background-color: #00b5ad;
		color: #fff;
	}

.menu_subsys_txt {
	height: 26px;
	display: block;
	padding: 0px 0px 0px 2px;
}

.menu_subsys_child {
	position: absolute;
	top: 26px;
	visibility: hidden;
	min-width: 244px;
	margin: 0;
	padding: 0;
	z-index: 9999;
	transition: 0.3s;
}

.menu_subsys_child_h {
	height: 8px;
	min-width: 244px;
	background-color: #98fb98;
	border-radius: 10px 10px 0 0;
}

.menu_subsys_child_m {
	min-width: 244px;
	background-color: #98fb98;
	overflow: hidden;
}

.menu_subsys_child_b {
	height: 12px;
	min-width: 244px;
	background-color: #98fb98;
	border-radius: 0 0 10px 10px;
}

.menu_subsys:hover > .menu_subsys_child {
	visibility: visible;
	transition-delay: 0.8s;
}

/* ************* */
/* menu::level2  */
/* ************* */
.menu_function {
	padding: 0px 10px 0px 10px;
}

.menu_function_a {
	display: block;
	min-width: 220px;
	line-height: 18px;
	padding: 5px 5px 5px 5px;
	font-size: 16px;
	background-color: #98fb98;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
	border-radius: 5px;
	color: inherit;
}

	.menu_function_a:hover {
		background-color: #00b5ad;
		color: #fff;
	}


/*******************************
スマホ用ヘッダーメニュー（_Menu03）
*******************************/
#device_menu_hd .title.item {
	padding-right: 5px;
	display: flex;
	gap: 0.5rem;
}

#device_menu_hd .ui.list .item {
	padding: 7px 5px 7px 45px;
	display: flex;
	align-items: center; /* 縦中央 */
	gap: 0.5rem;
}

	#device_menu_hd .ui.list .item:hover {
		background: rgba(0,0,0,.05);
	}

	#device_menu_hd .ui.list .item > i.icon {
		margin: 0 !important;
	}

/*******************************
           TOP画面
*******************************/
.menu_hd {
	padding: 0px;
}

.top_menu_bar {
	background-color: #00b5ad !important;
	padding: 5px !important;
	color: #fff;
	font-size: 16px !important;
	padding-left: 10px !important;
}

	.top_menu_bar.menu01_bar {
		display: flex;
		align-items: center;
		gap: 16px;
	}

		.top_menu_bar.menu01_bar .label {
			margin-left: auto;
		}

.top_card_grid {
	margin: 30px 0 0 0 !important;
}

.top_card {
	padding: 30px 0px 10px 0px !important;
	color: #00b5ad !important;
	border-bottom: 1px solid #009991;
	cursor: pointer !important;
	text-align: center;
	border-right: 1px solid #009991;
}

	.top_card a {
		color: #00b5ad !important;
	}

	.top_card:hover {
		background-color: #e1f7f7 !important;
	}

	.top_card a:hover {
		background-color: #e1f7f7 !important;
	}

	.top_card.no_responsive {
		background-color: rgba(255, 255, 0, .50) !important;
	}

.top_card_mainte {
	background-color: #aaa;
	opacity: 0.5;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	cursor: default;
}

.card_mainte {
	pointer-events: none !important;
	opacity: .75 !important;
}

.top_card_mainte_txt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	cursor: default;
}

.top_card_icon_area {
	background-color: transparent !important;
	color: inherit !important;
}

.top_card .ui.top.attached.label.top_card_icon_area:first-child + :not(.attached) {
	margin-top: 1rem !important;
}

.top_card_icon {
	margin: 0 !important;
}

.top_card_hd {
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
}

.custom_menu {
	margin-top: -15px !important;
	padding: 0px !important;
}

	.custom_menu .ui.horizontal.segments {
		margin-top: 0px !important;
	}

	.custom_menu .ui.segment:not(.hd_menu_mainte) {
		cursor: pointer !important;
		padding: 0.5em 0.5em !important;
	}

	.custom_menu .ui.segment.active {
		background-color: rgba(0,0,0,.05) !important;
	}

	.custom_menu .ui.segment:hover:not(.hd_menu_mainte), .custom_menu .active.item:hover:not(.hd_menu_mainte) {
		background-color: #00b5ad !important;
		color: #fff !important;
	}

.hd_menu_mainte {
	pointer-events: none !important;
	opacity: .45 !important;
}

	.hd_menu_mainte .top_card_mainte_txt {
		padding: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: max-content;
		max-width: 100%;
		text-align: center;
	}

.info_menu_bar {
	border-width: thin !important;
	border-color: #FD894B !important;
	border-style: solid !important;
	color: #FD894B;
}

/*******************************
	ボタン
*******************************/
.ui.button {
	box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 3px 3px rgb(0 0 0 / 25%) !important;
	-webkit-box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 3px 3px rgb(0 0 0 / 25%) !important;
}

.ui.olive.basic.button {
	background-color: white !important;
	color: olive !important;
}

	.ui.olive.basic.button.active {
		background-color: olive !important;
		color: white !important;
	}

.ui.yellow.basic.button {
	background-color: white !important;
}

	.ui.yellow.basic.button.active {
		background-color: orange !important;
		color: white !important;
	}

.ui.pink.basic.button {
	background-color: white !important;
}

	.ui.pink.basic.button.active {
		background-color: pink !important;
		color: white !important;
	}

.customBtnBg {
	background-color: #fff !important;
	background: #fff !important;
}

.button.burgund {
	background-color: #8140C8 !important;
	color: white !important;
}

.customBtnCheckbox {
	font-size: 1.3em !important;
	padding: .6em !important;
}

.accordion .top_menu_bar {
	text-decoration: underline;
}
.accordion .top_menu_bar i {
	text-decoration: none;
}
	.accordion .top_menu_bar.menu01_bar {
		text-decoration: none !important;
	}
		.accordion .top_menu_bar.menu01_bar.title .menu_bar_nm {
			text-decoration: underline;
		}
.ui.button.addapply {
	padding: 14px;
	font-size: 20px;
	height: 100%;
	width: 100%;
}
.ui.card.applyedit {
	height: 100%;
	box-shadow: 0 1px 4px 0 #c9ba9b, 0 0 0 1px #c9ba9b;
}
.ui.card.applycpl {
	height: 100%;
	box-shadow: 0 1px 4px 0 #ff8edf, 0 0 0 1px #ff8edf;
}
.ui.card.applynone {
	height: 100%;
	box-shadow: 0 1px 4px 0 #a9d5de, 0 0 0 1px #a9d5de;
}
.ui .button.applyedit,
.ui .button.applyedit:hover {
	background-color: #fff4e6;
}
.ui .button.applycpl,
.ui .button.applycpl:hover {
	background-color: #ffe3fb;
}
.ui .button.applynone,
.ui .button.applynone:hover {
	background-color: #e6ffff;
}
.ui .applyguide {
	color: rgba(0,0,0,.6);
	padding: 5px 10px;
	border-radius: 3px;
}
.ui .applyguide.applyedit {
	border: 1px solid #c9ba9b;
}
.ui .applyguide.applycpl {
	border: 1px solid #ff8edf;
	margin-left: 20px;
}
.ui .applyguide.applynone {
	border: 1px solid #a9d5de;
	margin-left: 20px;
}

/*******************************
	アイコン
*******************************/
.splitIcon {
	float: left;
	padding: 2px;
}

/*******************************
        レスポンシブテーブル
*******************************/
.resp_table .resp_table_title {
	display: none !important;
}

/*******************************
        ラベル
*******************************/
.even_list_label {
	width: 40% !important;
}

/*******************************
 テーブルをスタックしないパターン
*******************************/
* Use .unstackable to remove table auto-stacking behavior! Issue #947. */

.ui.unstackable.table {
	display: table;
}

.ui.unstackable.table thead {
	display: table-header-group;
}

.ui.unstackable.table tbody {
	display: table-row-group;
}

.ui.unstackable.table tfoot {
	display: table-footer-group;
}

.ui.unstackable.table tr {
	display: table-row;
}

.ui.unstackable.table td:first-child {
	font-weight: normal;
}

.ui.unstackable.table tr > td {
	width: auto !important;
	display: table-cell;
	/*padding: 0.4em 0.7em;*/
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

/*.ui.unstackable.celled.table th, .ui.unstackable.celled.table td {
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.ui.unstackable.celled.table.segment th:first-child,
.ui.unstackable.celled.table.segment td:first-child {
	border-left: none !important;
}

.ui.unstackable.celled.table.segment th:last-child,
.ui.unstackable.celled.table.segment td:last-child {
	border-right: none !important;
}

.ui.unstackable.celled.table.segment > *:first-child > tr:first-child > th,
.ui.unstackable.celled.table.segment > *:first-child > tr:first-child > td {
	border-top: none !important;
}

.ui.unstackable.celled.table.segment > *:last-child > tr:last-child > th,
.ui.unstackable.celled.table.segment > *:last-child > tr:last-child > td {
	border-bottom: none !important;
}*/

/*******************************
    コミュニケーションツール Ver1用
*******************************/
.communication_wrap {
	float: left !important;
	width: 100% !important;
	max-height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 12px !important;
}

.communication_label {
	width: 95% !important;
	/*font-weight: normal !important;*/
	color: #000 !important;
}

	.communication_label:first-child {
		margin-top: 0px !important;
	}

	.communication_label:before {
		top: auto !important;
		bottom: 10% !important;
	}

	.communication_label .read-more {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		margin: 0;
		background-image: linear-gradient(to bottom, transparent, #e8e8e8);
	}

		.communication_label .read-more a {
			color: #fff;
			font-weight: bold;
			padding: 2px 12px;
			background-color: #767676;
		}

.communication_content {
	/*margin-top: .5em !important;*/
	clear: both;
	max-height: 50px;
	position: relative;
	overflow: hidden;
}

	.communication_content p {
		margin: 0px;
	}

/*******************************
        Stepウィザード
*******************************/
.wizard_container {
	/*width: 25%;*/
}

.wizard_step {
	padding: 10px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.v-stepper {
	position: relative;
}

/* regular step */
.wizard_step .wizard_circle {
	background-color: #fff;
	border: 2px solid #767676;
	border-radius: 45%;
	width: 40px; /* +6 for border */
	height: 26px;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

.wizard_step .wizard_line {
	top: 24px;
	left: 19px;
	height: 100%;
	position: absolute;
	border-left: 2px solid #767676;
}

.wizard_step.completed .wizard_circle {
	visibility: visible;
	background-color: #2185d0;
	border-color: #2185d0;
	color: #fff;
}

.wizard_step.completed .wizard_line {
	border-left: 2px solid #2185d0;
}

.wizard_step.active .wizard_circle {
	visibility: visible;
	border-color: #db2828;
	color: #fff;
	background-color: #db2828;
}

.wizard_step.active .wizard_line {
	border-left: 2px solid #9f3a38;
}

.wizard_step.empty .wizard_circle {
	visibility: hidden;
}

.wizard_step.empty .wizard_line {
	top: 0;
	height: 150%;
}

.wizard_step:last-child .wizard_line {
	border-left: 2px solid transparent;
	z-index: -1; /* behind the circle to completely hide */
}

.wizard_content {
	margin-left: 15px;
	display: inline-block;
	width: 100%;
	padding-bottom: 30px;
}

/*******************************
        氏名ラベル
*******************************/
.user_name_text {
	clear: both;
}

.user_name_text .text_top {
	font-size: 10px;
	/*color: rgba(0,0,0,.68);*/
}

.user_name_text .text_middle {
	font-weight: bold;
	font-size: 16px;
}

.user_name_text .text_bottom {
	font-size: 12px;
	/*color: rgba(0,0,0,.68);*/
}

/********************************
	　　タイムテーブル
********************************/
.jq-schedule .sc_bar {
	color: #000;
	background: #eeeeee99;
	border-top: 1px solid #55555550;
	border-bottom: 1px solid #55555550;
}
.jq-schedule .sc_bar .ui-resizable-handle {
	background: #ccc;
}

.st_unallocated .text {
	color: #db2828;
}

.event_style_orange {
	background-color: #FAD797 !important;
}

	.event_style_orange > .ui-resizable-handle {
		background-color: #FAD79790 !important;
		filter: brightness(0.8);
	}

.event_style_yellow {
	background-color: #fbbd0870 !important;
}

	.event_style_yellow > .ui-resizable-handle {
		background-color: #fbbd0880 !important;
		filter: brightness(0.8);
	}

.event_style_olive {
	background-color: #b5cc1870 !important;
}

	.event_style_olive > .ui-resizable-handle {
		background-color: #b5cc1880 !important;
		filter: brightness(0.8);
	}

.event_style_green {
	background-color: #CCFFCC !important;
}

	.event_style_green > .ui-resizable-handle {
		background-color: #CCFFCC90 !important;
		filter: brightness(0.8);
	}

.event_style_teal {
	background-color: #CCFFFF !important;
}

	.event_style_teal > .ui-resizable-handle {
		background-color: #CCFFFF90 !important;
		filter: brightness(0.8);
	}

.event_style_blue {
	background-color: #2185d070 !important;
}

	.event_style_blue > .ui-resizable-handle {
		background-color: #2185d080 !important;
		filter: brightness(0.8);
	}

.event_style_violet {
	background-color: #6435c970 !important;
}

	.event_style_violet > .ui-resizable-handle {
		background-color: #6435c980 !important;
		filter: brightness(0.8);
	}

.event_style_purple {
	background-color: #a333c870 !important;
}

	.event_style_purple > .ui-resizable-handle {
		background-color: #a333c880 !important;
		filter: brightness(0.8);
	}

.event_style_pink {
	background-color: #FFD9D9 !important;
}

	.event_style_pink > .ui-resizable-handle {
		background-color: #FFD9D990 !important;
		filter: brightness(0.8);
	}

.event_style_brown {
	background-color: #a5673f70 !important;
}

	.event_style_brown > .ui-resizable-handle {
		background-color: #a5673f80 !important;
		filter: brightness(0.8);
	}

.event_style_grey {
	background-color: #D9D9D9 !important;
}

	.event_style_grey > .ui-resizable-handle {
		background-color: #D9D9D990 !important;
		filter: brightness(0.8);
	}

.event_style_black {
	background-color: #1b1c1d70 !important;
}

	.event_style_black > .ui-resizable-handle {
		background-color: #1b1c1d80 !important;
		filter: brightness(0.8);
	}

.event_style_gold {
	background-color: #FFEF00 !important;
}
	.event_style_gold > .ui-resizable-handle {
		background-color: #1b1c1d80 !important;
		filter: brightness(0.8);
	}

/********************************
	　　　　　タブ
********************************/
.ui.tabular.menu .active.item {
	background-color: #e1f7f7 !important;
}

.ui.tabular.menu .item {
	background-color: #fff;
	border-right: 1px solid #d4d4d5;
	border-left: 1px solid #d4d4d5;
	border-top: 1px solid #d4d4d5;
	border-top-right-radius: 0.28571429rem !important;
	border-top-left-radius: 0.28571429rem !important;
}

/********************************
	　　　編集不可項目
********************************/
input:read-only {
	border: 0 !important;
	background-color: #eee !important;
	pointer-events: none !important;
}

.readonly_style {
	border: 0 !important;
	background-color: #eee !important;
	pointer-events: none !important;
}

/*******************************
        レスポンシブ設定
*******************************/
@media only screen and (max-width: 1199px) {
	.top_card_hd {
		font-size: 14px;
	}
}

@media only screen and (max-width: 991px) {
	.small_logo_img_container {
		height: 48px;
	}
}

@media only screen and (max-width: 767px) {
	body {
		font-size: 12px;
	}

	.ui.stackable.grid > .wide.column.pad_custom {
		padding: 0.5em 0.5em !important;
	}

	.ui.stackable.grid > .wide.column.pad0 {
		padding: 0px !important;
	}

	.ui.six.column.doubling.grid > .column:not(.row) {
		width: 33.3333% !important;
	}

	.floatLeftSmallOnly {
		float: left !important;
		width: 100% !important;
	}

	.orderStepsCustom > .icon, .orderStepsCustom > .icon ~ .content {
		margin: 0 .25rem 0 0 !important;
	}

	.ui.unstackable.items > .item > .image.img_zoom, .ui.unstackable.items > .item > .image.img_zoom > img {
		width: 100% !important;
	}

	.img_zoom {
		width: 100% !important;
	}

	.ui.modal > .header {
		padding: .75rem 1rem !important;
	}

	/* レスポンシブテーブル Start */
	.resp_table .resp_table_title {
		display: block !important;
		width: 50% !important;
		float: left !important;
		font-weight: bold !important;
	}

	.resp_table .resp_table_content {
		width: 50% !important;
		float: left !important;
		font-weight: normal !important;
	}

	.resp_table .resp_table_content_full {
		width: 100% !important;
		float: left !important;
	}

	.resp_table tbody tr td {
		width: 100% !important;
		overflow: auto !important;
	}
	/* レスポンシブテーブル End */

	.communication_wrap {
		padding: 0.5em 0.5em !important;
	}

	.sm_pad10 {
		padding: 10px !important;
	}

	.multiple_insert_area_title {
		width: 35% !important;
	}
	.multiple_insert_area_content {
		width: 60% !important;
	}

	.scrollable-area {
		overflow-x: auto;
		white-space: nowrap;
		width: 1192px;
		max-width: 100%;
	}
} 

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.pc_only {
		display: none !important;
	}

	.small_only {
		display: block !important;
	}

	.steps_box {
		padding: 8px !important;
		font-size: 10px !important;
	}

	.steps_icon {
		display: none !important;
	}

	.top_card_hd {
		font-size: 12px;
	}

	/* レスポンシブテーブル Start */
	.resp_table .resp_table_title {
		display: block !important;
		width: 50% !important;
		float: left !important;
		font-weight: bold !important;
	}

	.resp_table .resp_table_content {
		width: 50% !important;
		float: left !important;
		font-weight: normal !important;
	}

	.resp_table .resp_table_content_full {
		width: 100% !important;
		float: left !important;
	}

	.resp_table tbody tr td {
		width: 100% !important;
		overflow: auto !important;
	}
	/* レスポンシブテーブル End */

	.communication_wrap {
		padding: 0.5em 0.5em !important;
	}

	.sm_pad10 {
		padding: 10px !important;
	}

	.multiple_insert_area_title {
		width: 35% !important;
	}

	.multiple_insert_area_content {
		width: 60% !important;
	}

	.scrollable-area {
		overflow-x: auto;
		white-space: nowrap;
		width: 1192px;
		max-width: 100%;
	}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

	.pc_only {
		display: none !important;
	}

	.small_only {
		display: block !important;
	}

	.steps_box {
		padding: 8px !important;
		font-size: 10px !important;
	}

	.steps_icon {
		display: none !important;
	}

	.scrollable-area {
		overflow-x: auto;
		white-space: nowrap;
		width: 1192px;
		max-width: 100%;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

	.pc_only {
		display: none !important;
	}

	.small_only {
		display: block !important;
	}

	.steps_box {
		padding: 0.5em 1.5em !important;
		font-size: .92857143rem;
	}

	.steps_icon {
		display: block !important;
	}

	.scrollable-area {
		overflow-x: auto;
		white-space: nowrap;
		width: 1192px;
		max-width: 100%;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

	.pc_only {
		display: block !important;
	}

	.small_only {
		display: none !important;
	}

	.steps_box {
		padding: 0.5em 1.5em !important;
		font-size: .92857143rem;
	}

	.steps_icon {
		display: block !important;
	}

	.pc_font_large {
		font-size: 14px !important;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

	.pc_only {
		display: block !important;
	}

	.small_only {
		display: none !important;
	}

	.steps_box {
		padding: 0.5em 1.5em !important;
		font-size: .92857143rem !important;
	}

	.steps_icon {
		display: block !important;
	}

	.pc_font_large {
		font-size: 14px !important;
	}
}