.colorthum{
	display: flex;
	flex-wrap: wrap;
    margin-left: -1%;
    margin-right: -1%;
}

.colorthum li {
	display: flex;
    width: calc( 25% - 2% );
    text-align: center;
    font-size: 14px;
    background: pink;
    justify-content: center;
    align-items: center;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 16px;
    border: solid 1px #EEE;
    color: #FFF;
    box-sizing: border-box;
}
.colorthum li::before {
	content: "";
    display: block;
    padding-top: 32%;
}
.colorthum li:first-child {
	padding-left: 0;
	}

.colorthum li span {
	}

/* カラー
*/
.colorthum .white {
	background: #FFFFFF;
	color: #333;
}
.colorthum .yellow {
	background: #f8b600;
	color: #333;
}
.colorthum .red {
	background: #a6000e;
}
.colorthum .blue {
	background: #00389c;
}
.colorthum .silber {
	background: -moz-linear-gradient(0deg, #757575 0%, #9E9E9E 25%, #E8E8E8 50%, #9E9E9E 75%, #757575 100%); 
	background: -webkit-linear-gradient(0deg, #757575 0%, #9E9E9E 25%, #E8E8E8 50%, #9E9E9E 75%, #757575 100%); 
	background: linear-gradient(0deg, #757575 0%, #9E9E9E 25%, #E8E8E8 50%, #9E9E9E 75%, #757575 100%);
	color: #333;
}
.colorthum .pink {
	background: #C22B6B;
}
.colorthum .orange {
	background: #ee4502;
}
.colorthum .gold {
	background: -moz-linear-gradient(0deg, #B67B03 0%, #DAAF08 25%, #FEE9A0 50%, #DAAF08 75%, #B67B03 100%); 
	background: -webkit-linear-gradient(0deg, #B67B03 0%, #DAAF08 25%, #FEE9A0 50%, #DAAF08 75%, #B67B03 100%); 
	background: linear-gradient(0deg, #B67B03 0%, #DAAF08 25%, #FEE9A0 50%, #DAAF08 75%, #B67B03 100%);
	color: #333;
}
.colorthum .green {
	background: #008354;
}
.colorthum .black {
	background: #221815;
}
.colorthum .grey {
	background: #444e50;
}

/* 新color */

.colorthum .white {
	background: #e7eaef;
}
.colorthum .yellow{
	background: #fbac00;
}
.colorthum .red {
	background: #b20005;
}
.colorthum .orange {
	background: #fc6c00;
}
.colorthum .blue {
	background: #003e8d;
}
.colorthum .green {
	background: #005133;
}
.colorthum .black {
	background: #050608;
}
.colorthum .grey {
	background: #4a4b4b;
}
.colorthum .silver {
	background-image: linear-gradient(225deg, rgb(104, 106, 109) 0%, rgb(255, 255, 255) 51%, rgb(104, 106, 109) 100%);
	color: #333;
}
.colorthum .gold {
	background-image: linear-gradient(225deg, rgb(118, 98, 46) 0%, rgb(255, 255, 211) 51%, rgb(118, 98, 46) 100%);
	color: #333;
}