/*ビジュアルエディターのスタイルを書く*/


.entry-content .fixed_table,
.entry-content .scroll_table {
	width: 100%;
	margin: 0 0 1.4em;
	overflow-x: scroll;
	box-sizing: border-box;
	font-size: 14px;
}
.entry-content .fixed_table table,
.entry-content .scroll_table table {
	margin: 0;
	white-space: nowrap;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: #ccc;
}
.entry-content .fixed_table table p,
.entry-content .scroll_table table p {
	margin: 0;
}
.entry-content .fixed_table table tr > th:first-child {
	word-break: break-all;
	width: 145px;
	box-sizing: border-box;
	left: 0;
	position: -webkit-sticky;
	position: sticky;
	z-index: 1;
	border-bottom: 1px solid #ccc;
}
.entry-content table .minbtn {
	display: block;
}
.entry-content table .minbtn a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
}
.entry-content table .minbtn.pink a {
	background: #ff85a2;
	border-bottom: 4px solid #d05a76;
}
.entry-content table .minbtn.green a {
	background: #1ccda3;
	border-bottom: 4px solid #23ae8e;
}
.entry-content table .minbtn.blue a {
	background: #56BCE3;
	border-bottom: 4px solid #5AA0BA;
}
.entry-content table .minbtn.purple a {
	background: #e048b7;
	border-bottom: 4px solid #ac1082;
}
@media ( min-width: 768px ){
	.entry-content table .minbtn {
		margin: 0.2em 0 0;
	}
	.entry-content table .minbtn a {
		padding: 4px 12px;
		font-size: 13px;
		border-radius: 5px;
	}
	.entry-content table .minbtn a:hover {
		opacity: 0.8;
	}
}
@media ( max-width: 767px ) {
	.entry-content .fixed_table,
	.entry-content .scroll_table {
		width: calc(100% + 20px);
		padding: 0 20px 0 0;
	}
	.entry-content table .minbtn {
		margin: 0.2em 0 0;
	}
	.entry-content table .minbtn a {
		padding: 4px 12px;
		font-size: 12px;
		border-radius: 8px;
	}
}