/*　プレイヤー（再生バー）の高さ、幅、背景色の指定　*/
.audiojs {
  height: 30px;
  background: #404040;
  width: 300px;
  margin: 10px 0;
}
/*　再生・停止ボタンの高さ、幅、パディングの指定　*/
.audiojs .play-pause {
  width: 30px;
  height: 30px;
  padding: 1px 0px 0px 2px;
}
/*　再生・停止ボタンなどの p 要素　*/
.audiojs p {
  width: 30px;
  height: 30px;
  margin: 0;
}
/*　進行状態・ロードの状態を表示する部分　*/
.audiojs .scrubber {
  background: #5a5a5a;
  width: 150px;
  height: 15px;
  margin: 7.5px 5px;
  border-top: 0;
}
/*　進行状態を表示するバーの部分　*/
.audiojs .progress {
  height: 15px;
  width: 0px;
  background: #ccc;
}
/*　ロード状態を表示するバーの部分　*/
.audiojs .loaded {
  height: 15px;
  background: #000;
}
/*　再生時間の部分　*/
.audiojs .time {
  float: left;
  width: 110px;
  height: 30px;
  margin: 0;
  padding: 0 0 0 5px;
  color: #ccc;
  font-family: 'Open Sans','Kosugi','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  text-shadow: 0px 0px 0px;
  letter-spacing: 0.2rem;
}
@media (max-width: 375px) {
  .audiojs .time {
    letter-spacing: 0;
  }
}
.audiojs .time em {
  padding: 0px 2px 0px 0px;
  color: #fff;
  font-style: normal;
}
.audiojs .time strong {
  padding: 0px 0px 0px 2px;
  font-weight: 600;
}
.audiojs .error-message {
  height: 30px;
  line-height: 30px;
}
 /*　再生している曲の情報　*/
.track-details {
  clear: both;
  height: 20px;
  width: 280px;
  padding: 1px 6px;
  background: #eee;
  color: #222;
  font-size: 11px;
  line-height: 20px;
}
.track-details:before {
  content: '';
}