.controls{
	text-align:center;
	margin:30px 0 0 0;
}
.controls div {
	display:block;
	margin-bottom:10px;
}
.controls button{
	font-size:100%;
	display:inline-block;
	padding:0.8em 0.8em;
	background:#666;
	border:0;
	color:#fff;
	border-radius:4px;
	cursor:pointer;
	margin:0 5px 5px;
}
.controls button.active{
	background: #1aa;
}
.controls button:focus{
	outline: 0 none;
}
.controls button + label{
	margin-left: 1em;
}
.gallery_box{
	padding: 2% 2% 0;
	text-align: justify;
	font-size: 1.0px;
	background:#fafafa;
	-webkit-backface-visibility: hidden;
}
.gallery_box:after{
	content: '';
	display: inline-block;
	width: 100%;
}
.gallery_box .mix,
.gallery_box .gap{
	display: inline-block;
	width: 24%;
}
.gallery_box .mix{
	text-align: left;
	margin-bottom: 2%;
	display: none;
}
.gallery_box .mix:after{
	content: attr(data-myorder);
	display: inline-block;
	vertical-align: top;
	padding: 4% 6%;
}
.gallery_box .mix:before{
	content: '';
	display: inline-block;
}