@charset "UTF-8";

p.wbr {
  white-space: pre;
}

.nav-pills .nav-link {
  background-color: #f0f0f0;
  font-size: 1rem !important;
  color: #2d3e49;
  text-decoration: underline;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #e53935 !important;
}

.nav-pills .nav-link.active {
  /* background-color: #3f3f3f; */
  text-decoration: none;
}

.nav-item {
  width: 50%;
  text-align: center;
  border: #fff solid 1px;
  white-space: nowrap;
}

/* 576px以下のときに width を 100% に変更 */
@media (max-width: 576px) {
  .nav-item {
    width: 100%;
  }
}

.nav-pills .nav-item:hover .nav-link:not(.active) {
  background-color: #d0d0d0;
}

.tab-pane.active::before,
.nav-link.active::before {
  content: none !important;
}

.endai-btn {
  position: relative;
}

.endai-btn i {
  position: absolute;
  left: 10px;
  top: 10px;
}

.table {
  font-size: 0.95em;
  color: inherit !important;
}

.table th {
  white-space: nowrap;
  text-align: center;
}

.table th,
.table td {
  vertical-align: middle;
}

.wrap-text {
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
  min-width: 200px;
}

@media (max-width: 768px) {
  .responsiveTable {
    font-size: 0.925rem;
    padding: 0.3rem;
  }

  .responsiveTable td,
  .responsiveTable th {
    padding: 0.3rem;
  }
}