/* 試合結果 */

results-title {
  font-weight: bold;
  font-size: 1.3rem;
  color: blue;
  display: flex;
  padding: 0px 10px;
}

results-title h1 {
  border-bottom: 5px solid #516ab6;
}

results-header {
  font-weight: bold;
  font-size: 1.0rem;
  color: #CC33CC;
  display: flex;
  padding: 0px 10px;
}

results-header h2 {
  border-left: 10px solid #516ab6;
  padding: 0px 20px;
}

results-header-button {
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  padding: 0px 20px;
}

results-header-button a {
  border-radius: 15px;
  display: block;
  width: 130px;
  box-sizing: border-box;
  background: #D0B0FF;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  margin: 10px 10px;
}

results-body {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 20px;
  margin-bottom: 20px;
  gap: 10px;
}

.results-item {
  box-shadow: 0 0 3px #aaa;
}

.results-item h1 {
  font-weight: normal;
  text-align: center;
  font-size: 1.2rem;
  padding: 5px;
}

.results-item p {
  padding: 10px;
  text-align: center;
}

.results-item img {
  width: 100%;
}

results-body div.results-item {
  width: calc((100% - 20px) / 3);
}

@media (width <= 500px) {
  header {
    flex-direction: column;
    align-items: center;
  }

  results-body div.results-item {
    width: calc((100% - 10px) / 2);
  }
}