@charset "UTF-8";
@import url("destyle.css");
@import url("common.css");

/* fee */

/**** sp *****/
/**** tbl *****/
.info {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.info span {
  font-size: 1.8rem;
}
.feelist {
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: 10px;
  table-layout: fixed;
}
.feelist td,
.feelist th {
  border: 3px solid #fff;
}
.feelist thead th {
  font-size: 1.8rem;
  line-height: 1;
  background-color: #e2b4af;
  color: #fff;
  text-align: center;
  padding: 10px;
}
.feelist tbody td,
.feelist tbody th {
  background-color: #f1f1f1;
  line-height: 2;
  padding: 16px 20px;
}
.tableouter {
  overflow-x: auto;
  margin-bottom: 10px;
}
.tableouter table {
  width: 130vw;
}

/**** pc *****/
/*@media screen and (min-width: 768px) {/**/
@media screen and (min-width: 1025px) {
  .tableouter {
    overflow-x: auto;
    margin-bottom: 0;
  }
  .tableouter table {
    width: 100%;
  }
  .feelist {
    margin-bottom: 20px;
  }

  .feelist tbody td,
  .feelist tbody th {
    padding: 16px 20px;
  }

  .feelist.col2 tbody tr::after,
  .feelist.col2 tbody tr::after {
    content: "";
  }
}