@charset "utf-8";

.scrollUp{
	transition: 0.5s ease-in-out;
	transform:translateY(50px);
	opacity:0;
}
.scrollUp.on{
	transform:translateY(0);
	opacity:1;
}

.equipmentBtn_row ul{
	width: 1320px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.equipmentBtn_row ul li{
	width: 18%;
	margin-bottom:30px;
	background-color: #a19baa;
}
.equipmentBtn_row ul li:nth-of-type(6),
.equipmentBtn_row ul li:nth-of-type(7),
.equipmentBtn_row ul li:nth-of-type(8),
.equipmentBtn_row ul li:nth-of-type(9),
.equipmentBtn_row ul li:last-of-type{ 
	margin-bottom:0;
}
.equipmentBtn_row ul li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	transition: 0.5s all;
	background-color: #000;
}
.equipmentBtn_row ul li a:hover,
.equipmentBtn_row ul li a:active{
	background-color: #b59b74;
	transition: 0.5s all;
}
.equipmentBtn_row ul li a span{
	font-size: 16px;
	color: #fff;
	background-color: #c30d23;
	padding: 0.25em 1em;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translate(-50%,0);
}
.equipmentBtn_row ul li a.current {
    background-color: #b59b74;
	transition: 0.5s all;
}
@media (max-width:1600px){
	.equipmentBtn_row ul{
		width: 82.5%;
	}
}
@media (max-width:1400px){
	.equipmentBtn_row ul li{
		margin-bottom:20px;
	}
	.equipmentBtn_row ul{
		margin-bottom: 50px;
	}
}
@media (max-width:1200px){
	.equipmentBtn_row ul{
		width: 90%;
	}
}
@media (max-width:1024px){
	.equipmentBtn_row ul li{
		margin-bottom:10px;
	}
}
@media (max-width:768px){
	.equipmentBtn_row ul{
		width: 460px;
		margin-bottom: 30px;
	}
	.equipmentBtn_row ul li{
		width: 48%;
		margin-bottom:15px;
	}
	.equipmentBtn_row ul li:nth-of-type(6),
	.equipmentBtn_row ul li:nth-of-type(7),
	.equipmentBtn_row ul li:nth-of-type(8){ 
		margin-bottom:15px;
	}
}
@media (max-width:500px){
	.equipmentBtn_row ul{
		width: 90%;
	}
}