/*再生エリアのカスタマイズ*/
.audiojs{
display:flex;
width:70%;
max-width:220px;
height:50px;
background:#000 !important;
box-shadow:none !important;
align-items:center;
border-radius:40px;
border:1px solid;
padding:0 20px;
margin:0 auto;}

.audiojs > *{float:none;}

/*再生停止ボタン*/
.audiojs .play-pause{border-right:none !important; padding:0;}
.audiojs .play-pause,
.audiojs .play-pause > p{width:30px !important; height:30px;}

.audiojs .play,
.audiojs .loading,
.audiojs .error,
.audiojs .pause{
background-size:30px 120px;
background-repeat:no-repeat;
background-position:center;
background-image:url(player.png);
filter: invert(100%);}

.audiojs .play{background-position:0 0;}
.audiojs .loading{background-position:0 -30px;}
.audiojs .error{background-position:0 -60px;}
.audiojs .pause{background-position:0 -90px;}

/*再生ゲージ未再生部分の背景色（単色）*/
.audiojs .scrubber{width:calc(100% - 50px); height:10px; background:#000; margin:0 0 0 10px; border-radius:5px;}

/*再生ゲージ再生済み部分の背景色*/
.audiojs .progress{background:#ed4197; height:8px; border-radius:5px;}
.iidx .audiojs .progress{background:#ff9000 !important;}
.sdvx .audiojs .progress{background:#96f400 !important;}
.ddr .audiojs .progress{background:#00de91 !important;}

/*再生ゲージ再生済み境界線部分の背景色*/
.audiojs .loaded{background:transparent !important;}

/*再生時間の設定*/
.audiojs .time{display:none !important;}