<template>
  <table :class="$style.table">
    <tbody>
      <slot></slot>
    </tbody>
  </table>
</template>
<script>
export default {

}
</script>

<style module lang="scss">

.table {
  width:100%;
  /* width: calc(100% - 2rem);
  margin: 2rem 0 0 2rem; */
  border-top: 1px #f8f7fe solid;
  border-right: 1px #f8f7fe solid;
}
.table th,
.table td {
  border-bottom: 1px #ebe8fb solid;
  vertical-align: middle;
  font-size: 1.4rem;
  padding: 1.4rem 1.5rem;
}
.table th {
  width: 15.6rem;
  background-color: #f9f7fe;
  text-align: center;
}

@include mq-pc {
}

@include mq-sp {
  .table th,
  .table td {
  }
  .table th {
    width: 100%;
  }
  .table th {
    text-align: left;
  }
  .table.sales_receiving--account th {
    text-align: left;
  }
}

</style>
