@charset "utf-8";
/* CSS Document */
a:link, a:visited, a:active  {
	outline:none;
	}
.cam_midasi {
	background-color: #db181d;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 3px;
	margin-bottom: 23px;
	padding-bottom: 1px;
	margin-top: 10px;
}
.spf-red {
	color: #b40808;
}
.sub {
	font-size: 13px;
	padding-left: 10px;
}


.contents ul {
	font-size: 13px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3%;
}
.contents ul li {
	width:25%;
	margin-bottom:20px;
	padding:5px;
	box-sizing:border-box;
}
.contents ul li img{
	width:100%;
	border:solid 1px #CCCCCC;
	margin-bottom: 5px;}

.contents ul li a {
	color: #333;
	text-decoration: none;
}

.category {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.category li{
	width: 33%;
	padding: 6px;
	box-sizing: border-box;
}

@media screen and (max-width: 480px) {
	.category li{
		width: 50%;
	}
.contents ul li {
	width:33.333%;
}
}