@charset "UTF-8";
.product-sort {
  margin: 40px 0; }
  .product-sort .btn-sort li {
    display: inline-block;
    margin: 0 10px 10px 0; }
    .product-sort .btn-sort li a {
      display: inline-block;
      padding: 5px 10px;
      background: #fff;
      border: 1px solid #ff842a;
      box-sizing: border-box; }
      .product-sort .btn-sort li a:hover, .product-sort .btn-sort li a.is-active {
        background: #ff842a;
        color: #fff; }
  .product-sort .btn-sort_reset a {
    display: inline-block;
    padding: 5px 20px;
    background: #1a1a1a;
    color: #fff;
    font-size: 1.0em; }

.product-sort_panel {
  display: table;
  width: 100%;
  padding: 20px 20px 10px;
  background: #f2f2f2;
  box-sizing: border-box; }
  .product-sort_panel a:hover {
    opacity: 1.0; }
  .product-sort_panel .label {
    display: table-cell;
    width: 100px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 1.3em;
    white-space: nowrap; }
  .product-sort_panel .sortlist {
    display: table-cell; }
  .product-sort_panel .btn {
    display: table-cell;
    width: 120px; }
  .product-sort_panel .ui-sp-pulldown_sort {
    display: none; }

.sortfield {
  margin-top: 50px; }

/* レスポンシブ対応 */
@media only screen and (max-width: 640px) {
  .product-sort {
    margin: 20px 0; }
    .product-sort .product-sort_panel {
      display: table;
      width: 100%;
      padding: 0;
      background: #f2f2f2;
      box-sizing: border-box; }
      .product-sort .product-sort_panel a:hover {
        opacity: 1.0; }
      .product-sort .product-sort_panel .label {
        width: 20%;
        padding-top: 5px;
        padding-left: 10px;
        font-size: 1.0em; }
      .product-sort .product-sort_panel .sortlist,
      .product-sort .product-sort_panel .btn {
        display: none; }
      .product-sort .product-sort_panel .ui-sp-pulldown_sort {
        overflow: hidden;
        display: table-cell;
        padding: 10px;
        background: #f2f2f2; }
        .product-sort .product-sort_panel .ui-sp-pulldown_sort select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          width: 100%;
          height: 37px;
          padding: 0 10px 0 5px;
          background: #fff url(../img/product_sort/icon_pulldown.png) 100% 50% no-repeat;
          background-size: 35px 35px;
          border-radius: 0;
          border: 1px solid #999;
          font-size: 14px; }
          .product-sort .product-sort_panel .ui-sp-pulldown_sort select::-ms-expand {
            display: none; } }