@charset "UTF-8";
/**
 * block.css
 */

/* ブロック表示
--------------------------------------------------------- */
.table_block {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
}
	.table_block .table_wrap {
		width: 100%;
	}
		.table_block .table_wrap table {
			width: 100%;
		}
			.table_block .table_wrap table th,
			.table_block .table_wrap table td {
				/* border: 1px solid #999; */
				position: relative;
				/* padding: 8px 16px; */
			}
				.table_block .table_wrap table .empty {
					height: 32px;
				}


/* 設定
--------------------------------------------------------- */
.table_block_setting_modal {
	user-select: none;
}
	.table_block_setting_modal .table_wrap {
		width: 100%;
		padding: 0 24px;
	}
		.table_block_setting_modal .table_wrap table {
			width: 100%;
		}
			.table_block_setting_modal .table_wrap table td,
			.table_block_setting_modal .table_wrap table th {
				min-height: 32px;
			}

/* 設定
--------------------------------------------------------- */
.table_block_setting_modal .table_data_field table th,
.table_block_setting_modal .table_data_field table td {
	border: 1px solid #999;
	position: relative;
	padding: 8px 16px;
	min-height: 32px;
}
	.table_block_setting_modal .information {
		margin-bottom: 32px;
	}
	.table_block_setting_modal .table_data_field table th:hover {
		background: #ffe;
		cursor: pointer;
	}
	.table_block_setting_modal .table_data_field table td:hover {
		background: #ffe;
		cursor: pointer;
	}

	.table_block_setting_modal .table_data_field table .hover_col {
		background: #fee;
	}
	.table_block_setting_modal .table_data_field table .hover_row {
		background: #fee;
	}
	.table_block_setting_modal .table_data_field table .hover_col_first_cell {
		/* background: #f99; */
	}
	.table_block_setting_modal .table_data_field table .hover_row_last_cell {
		/* background: #f99; */
	}
	.table_block_setting_modal .table_data_field table .empty {
		height: 48px;
	}

	.table_block_setting_modal .table_data_field table .btn_add_left_col,
	.table_block_setting_modal .table_data_field table .btn_add_right_col,
	.table_block_setting_modal .table_data_field table .btn_add_top_row,
	.table_block_setting_modal .table_data_field table .btn_add_bottom_row,
	.table_block_setting_modal .table_data_field table .btn_del_col,
	.table_block_setting_modal .table_data_field table .btn_del_row {
		display: none;
		display: inline-block;
		position: absolute;

		font-size: 24px;
		line-height: 24px;
		width: 32px;
		height: 32px;
		padding: 4px;
		margin: 0;
	}
		.table_block_setting_modal .table_data_field table .btn_add_left_col i,
		.table_block_setting_modal .table_data_field table .btn_add_right_col i,
		.table_block_setting_modal .table_data_field table .btn_add_top_row i,
		.table_block_setting_modal .table_data_field table .btn_add_bottom_row i {
			font-size: 24px;
			line-height: 24px;
			color: #7b7;
			padding: 0;
			margin: 0;
		}
		.table_block_setting_modal .table_data_field table .btn_del_col i,
		.table_block_setting_modal .table_data_field table .btn_del_row i {
			font-size: 24px;
			line-height: 24px;
			color: #b77;
			padding: 0;
			margin: 0;
		}

	.table_block_setting_modal .table_data_field table .btn_add_left_col {
		top: -32px;
		left: -16px;
	}
	.table_block_setting_modal .table_data_field table .btn_add_right_col {
		top: -32px;
		right: -16px;
	}
	.table_block_setting_modal .table_data_field table .btn_add_top_row {
		right: -32px;
		top: -16px;
	}
	.table_block_setting_modal .table_data_field table .btn_add_bottom_row {
		right: -32px;
		bottom: -16px;
	}
	.table_block_setting_modal .table_data_field table .btn_del_col {
		right: 0;
		left: 0;
		margin: 0 auto;
		top: -32px;
	}
	.table_block_setting_modal .table_data_field table .btn_del_row {
		top: 0;
		bottom: 0;
		margin: auto 0;
		right: -32px;
	}

/* 設定
--------------------------------------------------------- */
.table_block_setting_modal .field_items .table_style_field label.radio_label {
	display: block;
	padding: 16px 24px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 16px;
	cursor: pointer;
}
	.table_block_setting_modal .field_items .table_style_field label.radio_label:hover {
		background: #f9f9f9;
	}
	.table_block_setting_modal .field_items .table_style_field label.radio_label.selected {
		border: 3px solid #2eb1c7;
	}

	.table_block_setting_modal .table_style_field .radio_label .table_wrap {
		margin-top: 8px;
	}

/* レスポンシブ bootstrap4 v2
----------------------------------------------- */
/* モバイル（xs） iPhone 6,7,8 縦 */
@media (max-width: 575px) {
}
/* モバイル（sm）iPhone 6,7,8 横 */
@media (min-width: 576px) and (max-width: 767px) {
}
/* タブレット（md） iPad 縦 */
@media (min-width: 768px) and (max-width: 991px) {
}
/* タブレット（lg） iPad 横 iPad Pro 縦 */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* PC（xl）iPad Pro 横 */
@media (min-width: 1200px) {
}