@charset "utf-8";

.list-title {
  font-size: 2em;
  text-align: center;
}

.tbl {}

.tbl th {
  background: rgb(255, 240, 235);
}

.tbl td {
  text-align: center;
}

.pref-header {
  padding: 1em;
  text-align: center;
  margin-top: 1em;
  font-weight: normal;
  font-size: 1.5em;
}


#wanted-list,
#backward-list {
  padding: 20px;
}

#backward-list {
  display: none;
}

#backward-btn {
  text-align: center;
  padding: 20px;
  cursor: pointer;
}
#backward-btn:hover {
  opacity: 0.8;
}

#backward-btn button {
    border: none;
    background: none;
    box-shadow: none;
}

#wanted-list .pref-header {
  background: #FF5722;
  color: #FFF;
}

#backward-list .pref-header {
  background: #4CAF50;
  color: #FFF;
}
#backward-list .tbl th {
  background: #fdffe7;
}

.offer {
  color: #FFF;
  background: #167ac6;
  font-size: 0.9em;
  padding: 0.2em 1em;
  border-radius: 0.5em;
  white-space: nowrap;
}
.new {
  color: #FFF;
  background: #e62117;
  font-size: 0.9em;
  padding: 0.1em 0.5em;
  margin: 0 0.3em;
  border-radius: 0.2em;
  white-space: nowrap;
}
.new.flg1 {
  background: #ffa700;
}
.new.flg2 {
    background: #ff7800;
}
.new.flg3 {
    background: #00b259;
    border-radius: 0.5em;
    padding: 0.2em 0.5em;
}

.searchPanel input[type="text"] {
  margin: 0 5px;
  padding: 5px;
  width: 70px;
  text-align: right;
}
@media print, screen and (min-width: 769px){
.searchPanel {
  width: 750px;
}
.searchPanel .search--block {
  margin: 5px 10px 0;
}
}
@media print, screen and (max-width: 768px){
.searchPanel .search--block {
  padding: 0 10px;
}
}
.c-cost {
  background: #FF9900;
  color: #000;
  font-weight: bold;
  display: flex;
  flex-flow: column;
  width: 100px;
  height: 70px;
  border-radius: 60%;
  justify-content: center;
  font-size: 1.1rem;
}
.c-cost span {
  display: block;
  font-size: 0.7rem;
}

.c-cost-wrap {
  position: relative;
}
.c-cost {
  position: absolute;
  left: -90px;
  top: 20px;
}
@media print, screen and (max-width: 768px){
  .c-cost {
    position: relative;
    top:auto;
    left: auto;
    width: auto;
    height: auto;
    /*flex-flow: row;*/
    align-items: center;
    border-radius: 5px;
    margin: 5px;
    font-size: 0.9rem;
  }
  .c-cost span {
    margin: 0 5px;
    font-size: 0.6rem;
  }
}

.c-cut {
  background: #ff0000;
  color: #ffffff;
  margin-top: 3px;
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
  font-size: 0.7rem;
}
.c-cut span {
  font-size: 1.1rem;
  font-weight: bold;
}
@media print, screen and (max-width: 768px){
  .c-cut {
    font-size: 0.6rem;
  }
  .c-cut span {
    font-size: 0.9rem;
  }
  .c-cut br {
    display: none;
  }
}


@media print, screen and (max-width: 768px){
  #search-list-view .tbl th {
    padding: 5px;
    font-size: 0.5rem;
  }
  #search-list-view .tbl td {
    border: 1px solid #EADEC5;
  }
}

.c-label {
  color: #FFF;
  background: #e62117;
  font-size: 0.9em;
  padding: 0.1em 0.5em;
  margin: 0 0.3em;
  border-radius: 0.2em;
  white-space: nowrap;
}
.c-label.is-green {
  background: #92d051;
}
.c-label.is-blue {
  background: #167ac6;
}