@charset "utf-8";

/* voice list */
.no-voice-list {
  text-align: center;
}
.voice-list {
  display: flex;
  flex-wrap: wrap;
  border: none;
  margin-top: -2rem;
}
.voice {
  flex: 0 0 calc(100% / 2 - 1rem);
  margin: 3rem .5rem 0;
}
.voice-row {}
.voice-thumb {}
.voice-thumb-inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 140%;
  background-position: center;
  background-size: cover;
}

.voice-body {
  margin-top: 1rem;
}
.voice-text-list {}
.voice-text {
  text-align: center;
  font-weight: normal;
  color: #666666;
}
.voice-text strong {
  margin: 0 .5em;
  font-size: 1.4em;
  font-weight: bold;
}
.voice-text.--name-age {}
.voice-text.--size {
  color: #704d39;
}
.voice-button-list {
  margin-top: .5rem;
}
.voice-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  margin-top: .5rem;
}
.voice-button.--voice {
  background-color: #FF64BF;
  color: #fff;
}
.voice-button.--profile {
  background-color: #FFCC66;
  color: #000;
}