Cocoon｜コピペで簡単JIN風のカワイイ箇条書きを作ってみた！

/*箇条書き変更*/

.toc a{
	display: inline-block;
	margin-left:1em;
}
ul li,ol li{
	list-style: none;
}

#main ul li {
	line-height: 1; 
	padding: .5em 0; 
	position: relative;
}

#main ul li::after{
	display: block;
	content: '';
	position: absolute;
	top: .8em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: #f8acac;
	border-radius: 100%;
}

#main ol{
	counter-reset:number;
}

#main ol li:before{
	counter-increment: number; 
	content: counter(number);
	background-color: #f8acac;
	color: #fff;
	display: inline-block;
	left:3em;
	position: absolute;
	text-align: center;
	line-height: 24px;
	height: 24px;
	width: 24px;
	border-radius: 100%;
}
.article ol li {
	padding-left:2em;
}