@charset "utf-8";

ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.grid div {
	margin:0;
	padding:0;
}
.filters{
	overflow:hidden;
	margin:10px 0;
}
.filters button {padding:8px 15px; margin-right:8px; margin-bottom: 4px; float:left; cursor:pointer; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;	-webkit-border-radius:8px;	border-radius:8px; background-color: transparent; border: none; cursor: pointer; outline: none; appearance: none; font-size: 15px;}
.filters button:hover {
	background: rgba(158,131,181,.6); /* 年に応じて色を変える */
}
.filters button.is-checked {
	background-color: rgba(158,131,181,1);
	color: #fff;
}
.grid div {
	margin: 10px 10px 85px 10px; /* キャプション量に応じてbottom margin を変える */
	width: 146px;
	height: 255px;
	line-height: 1.2;
	text-align: center;
}
.grid img {
	vertical-align:bottom;
	border:1px solid #BBBBBB;
	box-sizing:border-box;
	margin-bottom: 10px;
}
.grid p.d-title {
	font-size: 15px;
	color: rgba(158,131,181,1);
}
.grid p.d-name {
	font-size: 13px;
	margin-top: 3px;
	padding: 4px 2px 2px 2px;
}