/*再生エリアのカスタマイズ*/
.audiojs{
display:flex;
width:calc(100% - 20px);
height:40px;
background:transparent !important;
box-shadow:none !important;
align-items:center;
margin:10px auto 0;}

.audiojs > *{float:none;}

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

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

.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:16px; background:#fff; margin:0 0 0 10px; border:none; border-radius:5px;}

/*再生ゲージ再生済み部分の背景色*/
.audiojs .progress{background:#f00; height:16px; border-radius:5px;}

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

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

.pola .audiojs .play-pause > p{background-color:#2d9ab6;}
.sdvx .audiojs .play-pause > p{background-color:#ff5c9d;}
.pola .audiojs .progress{background:#ffbad1;}
.sdvx .audiojs .progress{background:#5edae3;}