.channel {
  display: flex;
  flex-direction: column;
  width: 1080px;
  max-width: 94%;
  height: max-content;
  margin: 0 auto;
}

.channel_list {
  /* display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2%; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
}

.channel_item {
  display: flex;
  flex-direction: column;
  width: 20%;
  min-width: 300px;
  max-width: 300px;
  margin: 0 auto;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 16px 16px 8px rgba(187, 187, 187, 0.506);
  overflow: hidden;
}

/* サムネ */
.thumbnailWrap {
  width: 100%;
  aspect-ratio: 16/9;
  background-color: gray;
  overflow: hidden;
}