@charset "utf-8";

.colorselect .btnBox{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 40px;
}
.colorselect .btnBox li:first-child{
	width:50%;
	padding:0 10px 0 0;
	float:left;
}
.colorselect .btnBox li:last-child{
	width:50%;
	padding:0 0 0 10px;
	float:left;
}
.colorselect .btnBox li a,
.colorselect .btnBox li a img{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
.colorselect .btnBox li a img{
	box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}

.colorselect .pc{ display:block;}
.colorselect .sp{ display:none;}

.colorselect .clearBox:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	overflow:hidden;
}
@media only screen and (max-width:768px){

.colorselect .btnBox li:first-child{
	width:100%;
	padding:0 0 0 0;
	margin: 0 0 20px 0;
	float:none;
}
.colorselect .btnBox li:last-child{
	width:100%;
	padding:0 0 0 0;
	float:none;
}
.colorselect .pc{ display:none;}
.colorselect .sp{ display:block;}
}