@charset "UTF-8";

.mycss span{
	font-weight:bold;
}
.mycss i {padding-right:0.25em;}

/*カラーサンプル*/
.mycss #color{
	margin:0 auto;
}
.mycss #color p{
	width: calc( 90% / 3);
	float: left;
	display: table;
	text-align: center;
	padding: 2em 0;
	border: 1px solid rgba(119,119,119,1.00);
	margin: 0 2% 2em 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 1.125em;
	color: white;
}
.mycss #color p:nth-of-type(1){
	background-color:rgba(0,0,0,100);
}
.mycss #color p:nth-of-type(2){
	background-color:rgba(139,69,19,1.00);
}
.mycss #color p:nth-of-type(3){
	background-color:rgba(205,133,63,1.00);
}
.mycss #color p:nth-of-type(4){
	background-color:rgba(177,6,58,1.00);
}
.mycss #color p:nth-of-type(5){
	background-color:rgba(30,144,255,1.00);
}
.mycss #color p:nth-of-type(6){
	background-color:rgba(128,128,128,1.00);
}
.mycss #color p:nth-of-type(7){
	background-color:rgba(102,153,255,1.00);
}
.mycss #color p:nth-of-type(8){
	background-color:rgba(255,255,255,1.00);
	color:black;
}
.mycss #color p:nth-of-type(9){
	background-color:rgba(255,140,0,1.00);
}
.mycss #color p:nth-of-type(10){
	background-color:rgba(86,133,36,1.00);
}