@charset "UTF-8";


.note-editable div[class^="col-"] {
	box-sizing: border-box !important;
	border: dotted red 1px !important;
}

.note-editable p ,
.note-editable h1 ,
.note-editable h2 ,
.note-editable h3 ,
.note-editable h4 ,
.note-editable h5 ,
.note-editable h6 ,
.note-editable div
 {
 	/* margin: 0 0 0 0; */
	box-sizing: border-box !important;
	border: dotted #ff0000 1px !important;
	position: relative;
	padding: 2px 2px 2px 2px;
	margin: 2px 0 0 0;
}

/* 第1階層のみ */
.note-editable > p ,
.note-editable > h1 ,
.note-editable > h2 ,
.note-editable > h3 ,
.note-editable > h4 ,
.note-editable > h5 ,
.note-editable > h6 ,
.note-editable > div
 {
	margin: 10px 0 0 0;
}


.note-editable div {
	padding: 10px;
}


/* 画像選択時の影 */
.note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: black;
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
}


.note-editable p:after ,
.note-editable h1:after ,
.note-editable h2:after ,
.note-editable h3:after ,
.note-editable h4:after ,
.note-editable h5:after ,
.note-editable h6:after ,
.note-editable div:after
{
	line-height: 1;
	color: red;
	font-size: 9px;
	position: absolute;
	top: -1px;
	right: 0;
	opacity: 0.7;
}

.note-editable p:after{
	content: "<p>";
}
.note-editable h1:after{
	content: "<h1>";
}
.note-editable h2:after{
	content: "<h2>";
}
.note-editable h3:after{
	content: "<h3>";
}
.note-editable h4:after{
	content: "<h4>";
}
.note-editable h5:after{
	content: "<h5>";
}
.note-editable h6:after{
	content: "<h6>";
}
.note-editable div:after{
	content: "<div>";
}



/* div.note-editable.card-block > p:nth-child(3) */