/*区切りの線*/
.cp_hr02 {
	border-width: 3px 0 0 0;
	border-style: dashed;
	border-color: #D3D3D3;
}

/*仕様説明のチェック*/
ul.cp_list {
	padding:0.5em;
	list-style-type:none;
}
ul.cp_list li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.cp_list li:after,ul.cp_list li:before {
	position:absolute;
	content:'';
	display:block;
	background: #FFC107;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
ul.cp_list li:before {
	top: 0.6em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}

/*URLのリンクを繋ぐやつ*/
.cp_block {
	margin: 5em auto;
	text-align: center;
}
.cp_textlink06 {
	position: relative;
	display: inline-block;
	padding: 0.1em 0.3em;
	text-decoration: none;
	color: #FF8F00;
}
.cp_textlink06:after {
	position: absolute;
	bottom: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	transition: all 0.3s ease;
	opacity: 0;
	border-radius: 10px;
	background-color: #FF8F00;
}
.cp_textlink06:hover:after {
	bottom: 0;
	height: 100%;
	opacity: 0.3;
}

/*URLのリンクを繋ぐやつ2*/
.cp_link {
	padding: 0.1em 0.3em;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,152,0,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: .3s;
	color: #ff9800;
}
.cp_link:hover {
	background-position: -100% 0;
	color: #fff;
}


/*収録フォントのリスト*/
/*収録用紙2列*/
/*収録用紙2列*/

ul.list {
padding:0;
list-style-type:none;
overflow:hidden;
counter-reset:list;
font: 14px/1.6 'arial narrow', sans-serif;
}

ul.list li{
width:40%;
position:relative;
padding: 0 0 0 35px;
margin: 7px 0 7px 0;
font-weight: bold;
font-size:12px;
line-height: 29px;
border: dashed 1px transparent;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}

ul.list li:nth-child(even){
float:left;
}

ul.list li:nth-child(odd){
float:left;
clear:left;
}

ul.list li:before{
counter-increment: list;
content: counter(list);
position: absolute;
left: 0;
width: 30px;
height: 30px;
text-align: center;
color: #fff;
line-height:30px;
background: #F6A38B;
border-radius: 50%;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

ul.list li:hover{
border-bottom-color: #F6A38B;
}