#mail_content {
	text-align: left; /**通常テキストはデフォルトで左寄せ*/
	vertical-align: top;
}

.ql-editor {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	margin: 0;
	padding: 0;
}


h1, .ql-header-1 {
	font-size: 2em;
	margin: 0.67em 0;
	text-align: left;
}

h2, .ql-header-2 {
	font-size: 1.5em;
	margin: 0.75em 0;
	text-align: left;
}


img {
	display: block ;
	width: 100% ;        /* 横幅大きければ親要素幅まで縮小 */
	max-width: 100% ;    /* 親要素幅を超えない */
	height: auto;       /* 縦横比維持 */
	margin: 0 auto ;     /* 中央揃え表示 */
}

p {
	margin: 1em 1em;
}


.ql-bold {
	font-weight: bold;
}

.ql-italic {
	font-style: italic;
}

.ql-underline {
	text-decoration: underline;
}

.ql-strike {
	text-decoration: line-through;
}

blockquote {
	border-left: 4px solid #ccc;
	padding-left: 1em;
	color: #777;
	font-style: italic;
	margin: 1em 0;
}


.ql-size-small {
	font-size: 0.75em;
}

.ql-size-large {
	font-size: 1.5em;
}

.ql-size-huge {
	font-size: 2.5em;
}


.ql-color-red {
	color: #e60000;
}

.ql-color-blue {
	color: #0066ff;
}

.ql-color-green {
	color: #008000;
}


.ql-background-blue {
	background-color: #e0f7fa;
}

.ql-background-yellow {
	background-color: #fff9c4;
}

.ql-background-green {
	background-color: #c8e6c9;
}


.ql-align-center {
	text-align: center!important;

}

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

}

.ql-align-justify {
	text-align: justify;
}


.ql-link {
	color: #1a0dab;
	text-decoration: underline;
}


.ql-image {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 1em 0;
}


.ql-ui {

}


/*ol, .ql-list-ordered {*/
/*	list-style-type: decimal;*/
/*	padding-left: 2em;*/
/*	margin-left: 0;*/
/*}*/

/*ul, .ql-list-bullet {*/
/*	list-style-type: disc;*/
/*	padding-left: 2em;*/
/*	margin-left: 0;*/
/*}*/



ol, .ql-list-ordered {
	/*list-style-type: decimal;*/
	padding-left: 0;
}

ul, .ql-list-bullet {
	list-style-type: disc;
	padding-left: 0;
}


li {
	position: relative;
	margin: 0.5em 0;
	padding-left: 1.5em;
}


li {
	margin: 0.5em 0;
	padding-left: 0;
	position: relative;
}

li .ql-ui {
	position: absolute;
	left: -1.5em;
	top: 0;
	width: 1em;
	height: 1em;

	display: inline-block;
	vertical-align: middle;
}




br {
	line-height: 1.6;
}


pre, .ql-code-block {
	background-color: #f5f5f5;
	padding: 10px;
	border-radius: 4px;
	font-family: 'Courier New', Courier, monospace;
	overflow-x: auto;
	margin: 1em 0;
}


code, .ql-inline-code {
	background-color: #f5f5f5;
	padding: 2px 4px;
	border-radius: 4px;
	font-family: 'Courier New', Courier, monospace;
}


table {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0;
}

table, th, td {
	border: 1px solid #ddd;
}

th, td {
	padding: 8px;
	text-align: left;
}

th {
	background-color: #f2f2f2;
}



.ql-editor ul,
.ql-editor ol {
	padding-left: 3.5em;
}





@media (max-width: 600px) {
	.ql-editor {
		font-size: 14px;
	}

	li {
		padding-left: 1.2em;
	}

	li .ql-ui {
		left: -1.2em;
		width: 0.8em;
		height: 0.8em;
	}
	.ql-editor ul,
	.ql-editor ol {
		padding-left: 2em;
	}

}