@charset "utf-8";

.sakana {
  border-color: #0e74b2;
  background-color: #dcf2ff;
}

.sakanaQuestion {
  margin-bottom: 10px;
  font-size: 4.0rem;
  font-weight: bold;
  text-align: center;
}

/* 選択肢 */

.sakanaSelects {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 5px;
}

.sakanaFlag img {
  max-width: 100px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.sakanaSelect {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 5px * (2 - 1)) / 2);
  min-height: 50px;
  padding: 8px;
  font-size: 2.2rem;
  font-weight: bold;
  border: 4px dashed #ddd;
  border-radius: 8px;
  background-color: #fff;
}

.sakanaSelect.isSelected {
  position: relative;
  border-color: var(--answer-border-color);
  border-style: solid;
  pointer-events: none;
}

/* 正解 */

.sakanaAnswer {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 12px;
  background-color: #fff;
}

.sakanaAnswer__reading {
  display: flex;
  flex-flow: column;
  gap: 5px;
  font-size: 2.6rem;
  font-weight: bold;
}

.sakanaAnswer__description {
  font-size: 1.8rem;
}