@charset "utf-8";

.goods .searchResults{
    font-size: 80%;
    padding: 0 0 0 1em;
    font-weight: normal;
}
.goods .sortBlock{
    margin: 0 0 4em 0;
}
.goods .sortBlock .sort{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.goods .sortBlock .sort li{
    margin: 0 1em 0 0;
}
.goods .sortBlock .sort li:last-child{
    margin: 0;
}
.goods .sortBlock .sort .text{
    font-size: 120%;
}
.goods .sortBlock .sortBtn {
    display: block;
    padding: .5em 2em;
    background: #fff;
    color: #385aac;
    font-size: 140%;
    font-weight: bold;
    border: 1px solid #385aac;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    transition: .3s;
    cursor: pointer;
}
.goods .sortBlock .sortBtn:hover {
    background: #385aac;
    color: #fff;
}
.goods .sortBlock .current{
    background: #385aac;
    color: #fff;
}
@media all and (-ms-high-contrast: none){
.topicPath #goTopPage-1,.topicPath #goCategory-1{
  margin: 0 2em 0 0;
}
.topicPath #goTopPage-2,.topicPath #goCategory-2{
  margin: 0 2em 0 0;
}
}
@media screen and (max-width:1020px) and (min-width:768px) {
  #d_search #isNotNoGoods .itemList,
  #listForm .goodsStyle {
    padding: 0 1em;
  }
}

@media screen and (max-width:767px) {

/*ボタン*/
.goods .sortBlock {
    margin: 0 0 3em;
}
.goods .sortBlock .sort {
    display: flex;
}
.goods .sortBlock .sort li {
    width: calc(96%/4);
}

/*リスト*/

.goods .sortBlock .sortBtn {
  padding: .5em 0;
  font-size: 120%;
  border-radius: 10px;
}
}

@media screen and (max-width:320px) {
.goods .sortBlock .sortBtn {
    padding: .5em 0;
    font-size: 100%;
    border-radius: 10px;
}
}
