/*
Theme Name: Arkhe Child
Template: arkhe
Description: Arkheの子テーマです。
Version: 1.0
*/

@import url("../arkhe/style.css");

  .table-responsive {
    width: 100%;
    border-collapse: collapse;
  }
  .table-responsive th,
  .table-responsive td {
    padding: 8px;
    border: 1px solid #ddd;
    box-sizing: border-box;
  }
  .table-responsive input[type="text"], 
  .table-responsive input[type="email"],
  .table-responsive select,
  .table-responsive textarea {
    width: 100%;
    box-sizing: border-box;
  }
  @media only screen and (max-width: 600px) {
    .table-responsive th,
    .table-responsive td {
      display: block;
      width: 100%;
      white-space: normal;
    }
    .table-responsive th {
      background: #f0f0f0;
    }
  }
  .container {
    margin: 0 auto;
    padding: 20px;
    max-width: 100%;
  }
  .btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .btn-confirm, .btn-submit, .btn {
    flex-grow: 1;
    margin: 5px;
  }