formのinput checkboxの装飾

アート・コア川口サイトにて使用。
input checkboxを装飾する場合のCSS.
同サイトのcommon.css1388行目からを参照。

/* css checkbox01 */
.checkbox01-hide{
  	display: none;
}
.checkbox01-deco{
  	padding-left: 20px;
  	position: relative;
  	margin-right: 20px;
}
.checkbox01-deco::before{
  	content: "";
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 15px;
  	height: 15px;
  	border: 1px solid #CCC;
  	background-color: #E9E9E9;
}
.checkbox01-hide:checked + .checkbox01-deco{
  	color: #000;olor: #9A0000;
}
.checkbox01-hide:checked + .checkbox01-deco::after{
  	content: "";
  	display: block;
  	position: absolute;
  	top: -5px;
  	left: 5px;
  	width: 7px;
  	height: 14px;
  	transform: rotate(40deg);
  	border-bottom: 3px solid #9A0000;
  	border-right: 3px solid #9A0000;
}