/* -----------works ソート機能ボタン----------- */

.sort-options{
  display: none;
}
ul#btn{
  text-align: center;
	overflow:hidden;
	margin:32px 0;
	font-size: 1rem;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
}
#btn li{
	color: #999;
	padding:2px 2px;
	margin-right:0px;
/* 	float:left; */
	cursor:pointer;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border: solid 1px #ffffff;
}
#btn li.active{
	color: #014190;
	border: solid 1px #014190;
}

#btn li a{
	color: #014190;
}

#btn li:not(.active) a:hover{
	color: #014190;
	padding-bottom: 10px;
	border-bottom: solid 1px #014190;
}
/* -----------works ソート機能ボタン end----------- */


/* ーーーーーーーーーーiPadサイズ対応ーーーーーーーーーー */
@media(min-width:768px) {
    #btn li {
      color: #999;
      padding: 8px 16px;
      font-size: 1.4rem;
    }
    
}