.btnbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 3em;
}

.topbtn{
	display: block;
	width: 49%;
padding: 0.5em;
font-size:16px;
font-weight: bold;
box-sizing: border-box;
text-decoration: none;
text-align: center;
margin-bottom: 1em;
}

.mono{
	 background-color: black;
	 color: #FFF;
	 border: #000 2px solid;
	 font-weight: bolder;
}

.mono:hover{
	background-color: #FFF;
	color: #000;
}

.color{
	background-color: dodgerblue;
	color: #FFF;
	border: dodgerblue 2px solid;
}

.color:hover{
	background-color: #FFF;
	color: dodgerblue;
}

.bun{
	background-color: darkorange;
	color: #FFF;
	border: darkorange 2px solid;
}

.bun:hover{
	background-color: #FFF;
	color: darkorange;
}

.kakaku{
	background-color: darkred;
	color: #FFF;
	border: darkred 2px solid;
}

.kakaku:hover{
	background-color: #FFF;
	color: darkred;
}


h3{
	position: relative;
	padding: .3em 0;
	font-size: 20px;
}

.monoh{
	border-bottom: solid 4px #b4b4b4;
}

.monoh:after{
	border-bottom: solid 4px #000909;
	position: absolute;
	content: " ";
	display: block;
	bottom: -4px;
	width: 15%;

}
.colorh{
	border-bottom: solid 4px #4DD0E1;
}
.colorh::after{
	border-bottom: solid 4px #006064;
	position: absolute;
	content: " ";
	display: block;
	bottom: -4px;
	width: 15%;

}


.mono_img, .color_img{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.mono_img li, .color_img li{
	width: 32%;
	margin-bottom: 3em;
}

.mono_img li img, .color_img li img{
	width: 100%;
	height: auto;
	border: 1px solid #000;
	box-sizing: border-box;
}

.mono_img::after{
	content: "";
	width: 32%;
}
.mono_img p{
text-align: center;
padding: 0.5em;
margin: 0.5em 0 0 0;
background-color: #cecece;
}

.color_img p{
	text-align: center;
	padding: 0.5em;
	margin: 0.5em 0 0 0;
	background-color: rgb(183, 219, 255);
	}

	.atenaimg {
		width: 100%;
		margin: 0 auto;
	}

	.atenaimg li img{
width: 100%;
height: auto;
	}
	@media only screen and (max-width: 640px){
		.mono_img li, .color_img li{
			width: 49%;
			margin-bottom: 3em;
		}
		.color_img::after{
			content: "";
			width: 49%;
		}
		
	}