figcaption {
  color: var(--gray-light);
}

.warning {
  color: var(--warning-red);
}

/* override */
.pagination {
  margin: 1em;
}

.flex-box {
  display: flex;
}

/* universal */
html {
  overflow-y: scroll;
}

body {
  padding-top: 60px;
  font-size: 13px;
}

table {
  table-layout: fixed;
}

details {
  margin-left: 10px;
}

summary {
  font-size: 16px;
}

section {
  overflow: auto;
}

textarea {
  resize: vertical;
}

.flex-break {
  flex-basis: 100%;
  height: 0;
}

.hidden {
  display: none;
}

.right {
  text-align: right;
}

.nobr {
  white-space: nowrap;
}

legend {
  font-size: 1em;
}

.fa-youtube {
  color: #e51c1c;
}

.center {
  text-align: center;

  h1 {
    margin-bottom: 10px;
  }
}

a {
  color: #2f77d2;
  text-decoration: underline;
}

h3 {
  padding: 0.5em;
  color: #494949;
  background: #fafafa;
  border-left: solid 5px #88a1ee;
  font-size: 16px;
  margin: 10px;
}

.number {
  text-align: right;
  font-family: 'Roboto', Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;

  input {
    text-align: right;
  }
}