#youtubePlayList_controller>ul {
  display: none;
}

.playListWrap {
  margin: 0 0 16px;
}

#youtubePlayList {
  width: calc( 100vw - 20px );
  height: calc( (100vw - 20px) * 9 / 16);
}

.play_list {
  height: 320px;
  overflow-y: auto;
}

@media screen and (min-width: 900px){
  .playListWrap {
    display: flex;
    align-items: flex-start;
  }

  #youtubePlayList {
    flex-shrink: 0;
    width: 65vw;
    height: calc( 65vw * 9 / 16);
    max-width: 658px;
    max-height: calc( 658px * 9 / 16);
  }

  .play_list {
    height: calc( 65vw * 9 / 16);
    max-height: calc( 658px * 9 / 16);
    overflow-y: auto;
  }
}

.play_list>div  {
  margin-bottom: 2px;
}

.play_list>div a{
  color: inherit;
  text-decoration: none;
  opacity: 1;
  display: block;
  padding: 1em;
  font-size: 1.4rem;
  background: #333;
  transition: .5s;
}

.play_list>div:hover a{
  background: #666
}