/*--------------------------------------------------------------------
hero
----------------------------------------------------------------------*/
.hero {
  background: -webkit-gradient(linear, left top, left bottom, from(#bdf3fc), color-stop(30%, #fefaec), color-stop(40%, #fff));
  background: linear-gradient(180deg, #bdf3fc 0%, #fefaec 30%, #fff 40%);
  padding-bottom: 140px;
}

.trackList_lyrics {
  width: 290px;
}

.trackList_lyrics li {
  width: 400px;
}

div.jp-audio {
  width: 500px;
}

/*--------------------------------------------------------------------
Media Query
----------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
  div.jp-audio {
    width: 80%;
  }
  .trackList_lyrics li {
    width: 280px;
  }
}