@charset "UTF-8";

.column_main article,
.column_main aside,
.column_main details,
.column_main figcaption,
.column_main figure,
.column_main footer,
.column_main header,
.column_main hgroup,
.column_main hr,
.column_main menu,
.column_main nav,
.column_main section {
	display: inherit;
}

.column_main a,
.column_main hr {
	padding: 0;
}

.column_main abbr,
.column_main address,
.column_main article,
.column_main aside,
.column_main audio,
.column_main b,
.column_main blockquote,
.column_main body,
.column_main canvas,
.column_main caption,
.column_main cite,
.column_main code,
.column_main dd,
.column_main del,
.column_main details,
.column_main dfn,
.column_main div,
.column_main dl,
.column_main dt,
.column_main em,
.column_main fieldset,
.column_main figcaption,
.column_main figure,
.column_main footer,
.column_main form,
.column_main h1,
.column_main h2,
.column_main h3,
.column_main h4,
.column_main h5,
.column_main h6,
.column_main header,
.column_main hgroup,
.column_main html,
.column_main i,
.column_main iframe,
.column_main img,
.column_main ins,
.column_main kbd,
.column_main label,
.column_main legend,
.column_main li,
.column_main mark,
.column_main menu,
.column_main nav,
.column_main object,
.column_main ol,
.column_main p,
.column_main pre,
.column_main q,
.column_main samp,
.column_main section,
.column_main small,
.column_main span,
.column_main strong,
.column_main sub,
.column_main summary,
.column_main sup,
.column_main table,
.column_main tbody,
.column_main td,
.column_main tfoot,
.column_main th,
.column_main thead,
.column_main time,
.column_main tr,
.column_main ul,
.column_main var,
.column_main video {
	margin: 0;
	padding: 0;
	border: none;
	outline: inherit;
	vertical-align: inherit;
	background: inherit;
	min-width:0px;
	font-weight:inherit;
	color: inherit;
}

.column_main strong{
	font-weight:bold;
	font-size:1.1em;
}

.column_main ins,
.column_main mark {
	background-color: inherit;
	color: inherit;
}

.column_main ol,
.column_main ul {
/*
	border:1px solid;
	padding: 1.25em 1.25em;
*/
}

.column_main ul.list-border,
.column_main ol.list-border {
	border: 1px solid #ccc;
	padding:1em;
}

.column_main nav ul {
	list-style: none;
	margin-left: 1.5em;
}

ul.list-border,
ol.list-border {
	border: 1px solid #ccc;
}
.column_main ul li,
.column_main ol li {
	margin-left: 1.5em;
}
.column_main ul li {
	list-style: disc;
}
.column_main ul.list-circle li {
	list-style: circle;
}
.column_main ul.list-unstyled li {
	list-style: none;
}
.column_main ol li {
	list-style: decimal;
}

.column_main blockquote,
.column_main q {
	quotes: inherit;
}

.column_main blockquote:after,
.column_main blockquote:before,
.column_main q:after,
.column_main q:before {
	content: inherit;
}

.column_main a {
	margin: 0;
	font-size: inherit;
	vertical-align: inherit;
	background: inherit;
	text-decoration: inherit;
}

.column_main ins {
	text-decoration: inherit;
}

.column_main mark {
	font-style: inherit;
	font-weight: inherit;
}

.column_main del {
	text-decoration: inherit;
}

.column_main abbr[title],
.column_main dfn[title] {
	border-bottom: inherit;
	cursor: inherit;
}

.column_main table,
.column_main tbody,
.column_main td,
.column_main tfoot,
.column_main th,
.column_main thead {
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px solid;
	min-width:0px;
/*
	border-collapse: inherit;
	border-spacing: inherit;
*/
}
.column_main th{
	text-align:center;
}

.column_main th,
.column_main td{
	padding: .5em .75em;
}
.column_main hr {
	height: inherit;
	border: inherit;
	border-top: inherit;
	margin: 0;
}

.column_main input,
.column_main select {
	vertical-align: inherit;
}

.column_main iframe,
.column_main img {
	vertical-align: inherit;
}

.column_main * {
	box-sizing: inherit;
}

.column_main img {
	width: inherit;
	height: inherit;
	border-radius: .5em;
	margin: .25em;
}

.column_main address,
.column_main i {
	font-style: inherit;
}

.column_main #google_translate img {
	width: inherit;
	height: inherit;
}

.column_main p,
.column_main dl {
	line-height: inherit;
}

.column_main button,
.column_main input[type="submit"] {
	appearance: inherit;
	-webkit-appearance: inherit;
	border: inherit;
	cursor: inherit;
}


.column_main a {
	cursor: pointer;
}

.column_main a:link {
	color: #0000EE;
	text-decoration: none;
}

.column_main a:visited {
	color: #551A8B;
	text-decoration: none;
}

.column_main a:hover {}

.column_main a:active {
	color: #FF0000;
	text-decoration: none;
}

.column_main h1,
.column_main h2,
.column_main h3,
.column_main h4,
.column_main h5,
.column_main h6 {
	font-size: inherit;
	font-weight:bold;
	color:rgba(42, 124, 182, 1);
	border-left:.25em solid rgba(42, 124, 182, 1);
	padding: .25em .5em;
	margin-bottom:.25em;
	line-height: 1.5;
	vertical-align: baseline;
	background: #3333330f;
	border-radius:.125em;
}
.column_main h1 { font-size: 1.750em; }
.column_main h2 { font-size: 1.750em; }
.column_main h3 { font-size: 1.500em; }
.column_main h4 { font-size: 1.250em; }
.column_main h5 { font-size: 1.125em; }
.column_main h6 { font-size: 1.125em; }

.column_main img {
	max-width:100%;
}

.column_main li[data-list="unstyled"]{ list-style: none;    margin-left:0.5em;}
.column_main li[data-list="bullet"  ]{ list-style: disc;    margin-left:1.5em;}
.column_main li[data-list="ordered" ]{ list-style: decimal; margin-left:1.5em;}



.column_main blockquote {
	position: relative;
	padding: 1em 1em 1em 2em;
	box-sizing: border-box;
	font-style: italic;
	background: #f5f5f5;
	color: #666;
	border-left: 4px solid rgba(42, 124, 182, 1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

.column_main blockquote:before{
	display: inline-block;
	position: absolute;
	top: .5em;
	left: .5em;
	content: "";
	color: #9dd4ff;
	font-size: 1em;
	line-height: 1;
	font-weight: 900;
}

.column_main blockquote p {
	padding: 0;
	margin: 7px 0;
	line-height: 1.7;
}

.column_main blockquote cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}

.column_main th span {
	float: none;
}

.column_main ul li,
.column_main ol li{
	font-size:1.1em;
}

.column_main ul li.toc-level-2{ margin-left: calc( 1.5em * 1 ); }
.column_main ul li.toc-level-3{ margin-left: calc( 1.5em * 2 ); }
.column_main ul li.toc-level-4{ margin-left: calc( 1.5em * 3 ); }
.column_main ul li.toc-level-5{ margin-left: calc( 1.5em * 4 ); }
.column_main ul li.toc-level-6{ margin-left: calc( 1.5em * 5 ); }
.column_main ul li.toc-level-7{ margin-left: calc( 1.5em * 6 ); }
.column_main ul li.toc-level-8{ margin-left: calc( 1.5em * 7 ); }
.column_main ul li.toc-level-9{ margin-left: calc( 1.5em * 8 ); }

/*
.column_main ol li.toc-level-2{ margin-left: calc( 1.5em * 0 ); }
.column_main ol li.toc-level-3{ margin-left: calc( 1.5em * 1 ); }
.column_main ol li.toc-level-4{ margin-left: calc( 1.5em * 2 ); }
.column_main ol li.toc-level-5{ margin-left: calc( 1.5em * 3 ); }
.column_main ol li.toc-level-6{ margin-left: calc( 1.5em * 4 ); }
.column_main ol li.toc-level-7{ margin-left: calc( 1.5em * 5 ); }
.column_main ol li.toc-level-8{ margin-left: calc( 1.5em * 6 ); }
.column_main ol li.toc-level-9{ margin-left: calc( 1.5em * 7 ); }
*/

.preview_title{
	padding: .5em 1em;
	background: #ddd;
}

.column_main nav.auto-toc {
	width: 100%;
	margin: 1em auto;
	padding: 1em;
	background: rgb(246, 248, 250);
	border: 1px solid rgb(246, 248, 250);
}
.column_main nav.auto-toc ol li{
	list-style: none;
	margin-left: 1em;
}

/*--------------------------------------

*/
.column_main .chat-bubble{
	display:flex;
	margin:.75em 0;
}
.column_main .chat-avatar {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.column_main .chat-avatar img{ 
	width:6em;
	height:6em;
	object-fit: cover;
	object-position: top;
	border-radius: 3em;
}
@media (max-width: 768px) {
	.column_main .chat-avatar img{ 
		width:4em;
		height:4em;
	}
}
.column_main .chat-avatar .chat-name{ font-weight:bold; }
.column_main .chat-pos-left  { flex-direction: row; }
.column_main .chat-pos-right { flex-direction: row-reverse; }
.column_main .chat-pos-top   { flex-direction: column-reverse; align-items: flex-start;}
.column_main .chat-pos-bottom{ flex-direction: column; align-items: flex-start;}

.column_main .chat-text {
	position: relative;
	min-width: 50vw;
	max-width: 35em;
	padding: .5em 1em;
	border-radius: 1em;
	background: #d7edff;
	margin:.5em;
}

.column_main .chat-text::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: .5em solid transparent;
}

.column_main .chat-pos-left .chat-text::before {
	top: 1em;
	left: -1em;
	border-right-color: #d7edff;
}
.column_main .chat-pos-right .chat-text::before {
	top: 1em;
	right: -1em;
	border-left-color: #d7edff;
}
.column_main .chat-pos-top .chat-text::before {
	left: 2em;
	bottom: -1em;
	border-top-color: #d7edff;
}

.column_main .chat-pos-bottom .chat-text::before {
	left: 2em;
	top: -1em;
	border-bottom-color: #d7edff;
}
/*--------------------------------------*/