.price-tbl table {
  width: 100%;
}

.price-tbl table thead tr th {
  font-size: 1.8rem;
  vertical-align: middle;
  padding: 16px;
  background-color: #f5f5f5;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #e6e6e6 3px, #e6e6e6 4px);
  text-align: center;
}

@media screen and (max-width: 960px) {
  .price-tbl table thead tr th {
    padding: 8px;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #fff 3px, #fff 4px);
  }
}

.price-tbl table thead tr th.general-fee {
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
}

.price-tbl table thead tr th.bg-man {
  color: #3585b3;
  background-color: rgba(53, 133, 178, 0.1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #fff 3px, #fff 4px);
  border-left: 4px solid #fff;
}

.price-tbl table thead tr th.bg-woman {
  color: #b7624f;
  border-left: 4px solid #fff;
  background-color: rgba(183, 98, 79, 0.1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #fff 3px, #fff 4px);
}

@media screen and (max-width: 960px) {
  .price-tbl table thead {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody {
    display: block;
  }
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody tr {
    display: block;
    margin-bottom: 12px;
    border: 1px solid #e6e6e6;
  }
}

.price-tbl table tbody tr th,
.price-tbl table tbody tr td {
  padding: 16px;
  border-bottom: solid 2px #e6e6e6;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody tr th,
  .price-tbl table tbody tr td {
    display: block;
    padding: 8px;
    border-bottom: solid 1px #e6e6e6;
  }
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody tr th {
    padding: 12px;
    border-style: solid;
    border-color: #e6e6e6;
    background-color: #f5f5f5;
    border-bottom: 0;
    text-decoration: none;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 3px, #fff 3px, #fff 4px);
    font-size: 1.6rem;
  }
}

.price-tbl table tbody tr th .tb-ttl {
  display: none;
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody tr th .tb-ttl {
    display: block;
    padding: 6px 0 0;
    font-size: 1.4rem;
  }
}

.price-tbl table tbody tr th .hotel-name {
  display: block;
  padding: 4px 0 0;
  line-height: 1.4;
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody tr th .hotel-name {
    padding: 0;
  }
}

.price-tbl table tbody tr th a {
  text-decoration: underline;
}

.price-tbl table tbody tr th a:hover {
  text-decoration: none;
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody tr td:last-of-type {
    border-bottom: none;
  }
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody tr td::before {
    content: attr(tbl-data);
    display: block;
    color: #ad7e34;
  }
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody tr td.td-man::before {
    color: #3585b3;
  }
}

@media screen and (max-width: 960px) {
  .price-tbl table tbody tr td.td-woman::before {
    color: #b7624f;
  }
}

/*# sourceMappingURL=../../maps/pages/price.css.map */