/* リストアイテム全体のスタイル */
li {
  display: inline-block;
    list-style: none;
    border: 1px solid #ccc; /* 枠線を追加します */
    padding: 10px; /* 枠内の余白を設定します */
    text-align: center; /* テキストを中央に配置します */
    max-width: 150px; /* リストアイテムの最大幅を設定します */
    margin: 0 auto; /* リストアイテムを中央に配置します */
  }
  
  /* リンクのスタイル */
  a {
    text-decoration: none;
    display: flex;
    flex-direction: column; /* リンク内の要素を垂直方向に配置します */
    align-items: center;
    color: #333;
  }
  
  /* 画像のスタイル */
  img {
    max-width: 100px;
    max-height: 100px;
  }
  
  /* 番号のスタイル */
  span.no {
    font-weight: bold;
  }
  
  /* 名前のスタイル */
  span.name {
    font-weight: normal;
  }