/*再生エリアのカスタマイズ*/
.audiojs{
display:flex;
width:100%;
max-width: 200px;
height:35px;
background:#fff !important;
box-shadow:none !important;
align-items:center;
margin:0 auto 0;
border: solid 2px;
border-radius: 20px;
}

.audiojs > *{float:none;}

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

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

.audiojs .play{background-position:0 -15px;}
.audiojs .loading{background-position:0 -75px;}
.audiojs .error{background-position:0 -135px;}
.audiojs .pause{background-position:0 -195px;}

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

/*再生ゲージ再生済み部分の背景色*/
.audiojs .progress{background:#006142; height:8px;}

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

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