@charset "utf-8";

/*
************************************************************************
* エディタ
* @copyright Revolme Inc.
************************************************************************
*/
.editor_area
{
	font-size:1.0em;
}
.editor_area > * + *
{
	margin-top:1.0em;
}
.editor_area h1
{
	font-size:1.4em;
	font-weight: bold;
	padding:0.5em;

	background-color: #299ec4;;
	color:#FFFFFF;
}
.editor_area h2
{
	font-size:1.2em;
	font-weight: bold;
	padding: 0.0em 0.0em 0.5em 0.0em;
	border-bottom:1px solid #EEEEEE;

}
.editor_area h3
{
	font-weight: bold;
}
.editor_area img
{
	display: block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.editor_area code[class*=language-],
.editor_area pre[class*=language-]
{
	font-size:1.0em !important;
	white-space: pre-wrap !important;
}

.editor_area table.connection-info
{
    width:100%;
	border-spacing:0px;
	border-collapse:collapse !important;
	border:0px solid transparent;
	border-top:1px solid var(--border-default-color);
	border-left:1px solid var(--border-default-color);
	font-size:0.8em;
}

.editor_area table.connection-info td,
.editor_area table.connection-info th
{
	border-bottom:1px solid var(--border-default-color);
	border-right:1px solid var(--border-default-color);
	padding:0.5em;
	width:25%;
}
.editor_area table.connection-info th
{
	background-color: #EEEEEE;
	font-weight: bold;
	text-align: center;
	width:10px !important;
	word-break: keep-all;
}