/* キャラクター一覧 */
.character-list-content {
  max-width: 90%;
  margin: 0 auto;
}
.in-page-link{
  display:flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 50px;
}
.in-page-link li{
  width: calc((100% - 15px) / 2);
}
.character-list-box:not(:last-child){
  margin-bottom: 70px;
}
.character-list-head{
  margin-bottom: 40px;
  padding: 4px 0;
  border-top: 1px solid #926E4A;
  border-bottom: 1px solid #926E4A;
}
.character-list-head div{
  background-color: #B39A81;
  border-top: 1px solid #926E4A;
  border-bottom: 1px solid #926E4A;
  text-align: center;
}
.character-list-head div p{
  color: #FFF5DD;
  font-size: 30px;
  font-weight: bold;
  background-color: #926E4A;
  padding: 10px 25px;
  display: inline-block;
  line-height: 1;
}
.character-link{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px 12px;
}
.character-link li{
  width: calc((100% - 12px) / 2);
}

@media screen and (min-width: 768px) {
  .l-character-list .title-container{
    margin-bottom: 50px;
  }
  .character-list-content {
    max-width: 1060px;
  }
  .in-page-link{
    max-width: 940px;
    margin: 0 auto;
    gap: 30px;
    margin-bottom: 100px;
  }
  .in-page-link li{
    width: calc((100% - 90px) / 4);
  }
  .character-list-head{
    margin-bottom: 50px;
  }
  .character-list-head div p{
    font-size: 35px;
    padding: 10px 40px;
  }
  .character-link{
    justify-content: left;
    gap: 50px 25px;
  }
  .character-link li{
    width: calc((100% - 100px) / 5);
  }
}