@charset "UTF-8";
@media (max-width: 767px) {
  .cond-clear__button--all {
    /* xsで非表示 */
    display: none;
  }
}

/* #############################################################################
 * 検索条件解除ボタン
 * #############################################################################
 */
.cond-clear__button, .cond-clear__button--default, .cond-clear__button--all {
  /* ---------------------------------------------------------------------------
   * ボタン本体
   * ---------------------------------------------------------------------------
   */
  display: inline-block;
  border-style: solid;
  border-color: #ff6016;
  background-color: rgba(68, 68, 68, 0.667);
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  cursor: pointer;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cond-clear__button:hover, .cond-clear__button--default:hover, .cond-clear__button--all:hover {
  background-color: #555;
}

.cond-clear__button--default {
  /* 通常の丸ボタン */
  height: 30px;
  width: 30px;
  padding: 5px;
  border-width: 1px;
  border-radius: 50%;
}

.cond-clear__button--all {
  /* 全条件を解除ボタン */
  width: 120px;
  padding: 6px 5px 5px;
  border-width: 2px;
  border-radius: 4px;
  font-size: 1.2rem;
}
/*# sourceMappingURL=cond-clear.css.map */