@charset "UTF-8";
/* CSS Document */
/*main*/
.maincontent {
    text-align: center;
}

.galerycaption p {
	padding: 30px 0;
	font-family: fot-klee-pro, sans-serif;
	font-style: normal;
	font-weight: 500;
	text-align: center;
}

.list_filter {
    padding: 30px 0 40px;
}
.button {
    display: inline-block;
	border : 1px solid #cccccc;
	border-radius : 3px;
    padding: 3px 10px;
    margin: 30px 10px;
    font-family: essonnes-display, serif;
    font-style: normal;
    font-weight: 300;
}
.button input {
    display: none;
}
.button:hover {
    color: #5BC04E;
	border : 1px solid #93d0d5;
}
.button.active {
    color: #5BC04E;
	border : 1px solid #93d0d5;
    cursor: default;
}
/*lightbobx*/
.light {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-content: flex-start;
	list-style: none;
    width: 100%;
    height: auto;
	margin: 0px 0 60px;
}
.light li {
    position: relative;
    text-align: center;
    margin: 4px;
    width: 150px;
	z-index: 0;
	background-color: #000;
}
.light.pc li {
    width: 230px;
}
.light li img {
	width: 100%;
	}
.light li img:hover {
    opacity: 0.7;
}