@charset "utf-8";

/* -----------------------------
	一覧
-------------------------------- */
.gallery-area{
	margin: 0 0;
	background: none;
	padding: 80px 0;
}
/* カテゴリーボタン */
.list-area .cate-btn{

}
.list-area .cate-btn li{
		display: flex;
	flex-wrap: wrap;
}
.list-area .cate-btn button{
	border: solid 1px #333;
	padding: 6px 15px;
	display: block;
	cursor: pointer;
	transition: .3s all;
	font-weight: bold;
	font-family: var(--basefont);
	background: none;
		margin: 0 5px 5px 0;
	color: #333;

}
.list-area .cate-btn button:hover{
	background: #333;
	color: #fff;
}

/*  一覧  */
.gallery-list{
	margin: 50px auto 0;
}

@media screen and (max-width: 768px){
	.list-area{
	}
	.list-area .sp-wrap {
		padding: 20px 20px 20px 20px;
		overflow-x: scroll;
	}
	.cate-btn{
		width: 1100px;
	}
	.gallery-area{
		margin: 50px 0 0;
		padding:  0 0 30px;
	}

	/*  一覧  */
	.gallery-list{
		margin: 20px auto 0;
	}

}