@charset 'UTF-8';

#text_privacy {
  margin: 0 0 20px;
}
@media all and (min-width: 769px) {
  #text_privacy br{
    display: none;
  }
}

#credit {
  margin: 20px;
}

.cost{
  font-size: 16px;
  margin: 0 0 20px;
}
@media all and (min-width: 769px) {
  .cost br{
    display: none;
  }
}


.price {
  padding-bottom: 20px;
}

@media all and (min-width: 769px) {
  .price {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
  }
}

.left {
  width: auto;
  margin-bottom: 20px;
}

@media all and (min-width: 769px) {
  .left {
    width: 470px;
    margin-bottom: 0;
  }
}

.right {
  width: auto;
}

@media all and (min-width: 769px) {
  .right {
    width: 470px;
  }
}

.price table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

@media all and (min-width: 769px) {
  .price table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 2px;
    border-collapse: separate;
  }
}

.price table th, .price table td {
  padding: 5px 10px 3px;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5em;
}

.price table thead th {
  text-align: center;
  color: #fff;
  background: rgba(255, 14, 110, 0.6);
}

.price table td {
  text-align: right;
}

.option table, .option table thead, .option table tbody, .option table td, .option table th, .option table tr {
  display: block;
  width: 100%;
}

@media all and (min-width: 769px) {
  .option table {
    display: table;
  }

  .option table thead {
    display: table-header-group;
  }

  .option table tbody {
    display: table-row-group;
  }

  .option table tr {
    display: table-row;
  }

  .option table td, .option table th {
    display: table-cell;
    width: auto;
  }
}

.option table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

@media all and (min-width: 769px) {
  .option table {
    width: 100%;
    table-layout: fixed;
    border: none;
  }
}

.option table:last-child {
  margin-bottom: 0;
}

.option table th, .option table td {
  padding: 5px 10px 3px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

@media all and (min-width: 769px) {
  .option table th, .option table td {
    padding: 5px 10px 3px;
    text-align: left;
    vertical-align: middle;
  }
}

.option table thead th {
  text-align: center;
  color: #fff;
  background: rgba(255, 14, 110, 0.6);
}

.option table tbody th {
  background: rgba(176, 125, 31, 0.3);
}

@media all and (min-width: 769px) {
  .option table tbody th {
    background: transparent;
  }
}

.option table th {
  width: 100%;
}

@media all and (min-width: 769px) {
  .option table th {
    width: 200px;
  }
}

.legend {
  margin-bottom: 20px;
  padding: 2px;
  background: rgba(206, 180, 255, 0.3);
}
.legend_title {
  margin: 0 2px;
  padding: 5px 10px 3px;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: rgba(25, 0, 72, 0.8);
  font-size: 16px;
  font-weight: bold;
}
.legend table {
  margin: 0;
}

table#legend th, table#legend td {
  border: 1px solid rgba(0, 0, 0, 0.3);
}

table#legend thead th {
  color: #fff;
  background: #7c0036;
}