@charset "utf-8";
/* お風呂ドラマ */
      /*　プレイヤー（再生バー）の高さ、幅、背景色の指定　*/
      .bonus_voice .audiojs { height: 36px; background: #664010; width: 420px;border-radius: 20px;}
      /*　再生・停止ボタンの高さ、幅、パディングの指定　*/
      .bonus_voice .audiojs .play-pause { width: 25px; height: 36px; padding: 7px 8px 0px 15px;transition: 0.3s;}
			.bonus_voice .audiojs .play-pause:hover {cursor: pointer;background: #cd8d3c; transition: 0.3s;}
      /*　再生・停止ボタンなどの p 要素　*/
      .bonus_voice .audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -1px; }
      /*　進行状態・ロードの状態を表示する部分　*/
      .bonus_voice .audiojs .scrubber { background: #5a5a5a; width: 250px; height: 5px; margin: 14px 8px; }
			.bonus_voice .audiojs .scrubber:hover{cursor:pointer;}
      /*　進行状態を表示するバーの部分　*/
      .bonus_voice .audiojs .progress { height: 5px; width: 0px; background: #79d3e3; }
      /*　ロード状態を表示するバーの部分　*/
      .bonus_voice .audiojs .loaded { height: 5px; background: #fff;}
      /*　再生時間の部分　*/
      .bonus_voice .audiojs .time { float: left; height: 36px; line-height: 37px; }
      .bonus_voice .audiojs .error-message { height: 24px;line-height: 24px; }
       /*　再生している曲の情報　*/
      .bonus_voice .track-details { clear: both; height: 20px; width: 280px; padding: 1px 6px; background: #eee; color: #222;  font-size: 11px; line-height: 20px;}
      .bonus_voice .track-details:before { content: '♬  Now Playing: '; }

			/* トラック１視聴 */
			      /*　プレイヤー（再生バー）の高さ、幅、背景色の指定　*/
			      .track1 .audiojs { height: 50px; background:rgba(255,255,255,0); width: 150px;border-radius: 0px;box-shadow: none;z-index: 50;display: block!important;}
			      /*　再生・停止ボタンの高さ、幅、パディングの指定　*/
			      .track1 .audiojs .play-pause { width: 18px; height: 22px;background: #664010;border-radius: 150px; transition: 0.3s;border: none;}
						.track1 .audiojs .play-pause:hover {cursor: pointer;background: #cd8d3c; transition: 0.3s;}
			      /*　再生・停止ボタンなどの p 要素　*/
			      .track1 .audiojs p { width: 18px; height: 22px;margin:-3px 0 0 -3px;}
			      /*　進行状態・ロードの状態を表示する部分　*/
			      .track1 .audiojs .scrubber {height: 6px;background: #5a5a5a; width: 90px; position: absolute;top:2px;left:28px;border:none;}
						.track1 .audiojs .scrubber:hover{cursor:pointer;}
			      /*　進行状態を表示するバーの部分　*/
			      .track1 .audiojs .progress { height: 6px; width: 0px; background: #79d3e3;border:none;}
			      /*　ロード状態を表示するバーの部分　*/
			      .track1 .audiojs .loaded { height: 6px; background: #E8DAC5;border:none;}
			      /*　再生時間の部分　*/
			      .track1 .audiojs .time {position: absolute;top:-3px;left:118px; height: 36px;color: #664010;border-left: none;text-shadow: none;font-size: 11px;}
			      .track1 .audiojs .error-message { height: 24px;line-height: 24px; }
						/*　現在の再生時間　フォント　*/
						.track1 .audiojs .time em {color: #79d3e3;}
			       /*　再生している曲の情報　*/
			      .track1 .track-details { clear: both; height: 20px; width: 280px; padding: 1px 6px; background: #eee; color: #222;  font-size: 11px; line-height: 20px;}
			      .track1 .track-details:before { content: '♬  Now Playing: '; }