@charset "UTF-8";

/****************************************
	追記
*****************************************/

/****************************************
	common.cssにあったもの
*****************************************/



/****************************************
	html内にあったもの
*****************************************/
#undercolumn h4{
	margin-bottom: 1em;
}
.maker_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.maker_list li{
	width: 23%;
	height: auto;
	margin: 1em 0;
}
.maker_list li a{
	width: 100%;
	height: 100%;
}
.maker_list li a img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	border: #666 solid 2px;
}
@media screen and (max-width: 880px){
	.maker_list li{
		width: 32%;
		margin: 0.2em 0;
	}
}
li.sizehyo{
	border-radius: 10px;
	font-weight: bolder;
	text-align: center;
	box-sizing: border-box;
	height: 180px;
}
li.sizehyo a{
	color: #FFF;
	width: 100%;
	height: 97%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000000;
	border-radius: 6px;
	border: #000000 solid 2px;
}
li.sizehyo a:hover{
	color: #000;
	border: #000000 solid 2px;
	background-color: #FFF;
}
@media screen and (max-width: 880px){
	li.sizehyo{
		border-radius: 10px;
		font-weight: bolder;
		text-align: center;
		box-sizing: border-box;
		height: auto;
	}
}