@charset "utf-8";
/* ============================================================================

title : ホームメイトリサーチ サイド　ホームメイトイメージソング
scope : サイドカラム w300px

last modify : 2018/01/30 247_morita カテゴリTOP：レイアウト改修（間隔調整）#13465

2016/10/25 227_suzuki 新規作成

============================================================================ */


/* ---------------------------------------
 ホームメイトイメージソング mod_side_audio
---------------------------------------- */

.mod_side_audio{
  width:300px;
  height:70px;
  margin:0 auto 15px;
  overflow: hidden;
}

.mod_side_audio .poster:hover{
  opacity:0.8;
}

.mod_side_audio .audio_box{
  position:relative;
  width:300px;
  height:70px;
  background: url(/js/jplayer/image/bg_side_audio_hm.png) no-repeat center;
}

.mod_side_audio .audio_box.is_hide{
  display:none;
}

/* プラグイン部分
====================================== */

.jp-jplayer{
  width:0px;
  height:0px;
}

.jp-audio .jp-interface {
  position: relative;
  background:#ffffff;
  width:160px;
  margin:0;
}
.jp-audio .jp-interface .jp-controls {
  list-style-type:none;
  padding:0;
  margin: 0;
}
.jp-audio .jp-interface .jp-controls li {
  display:inline;
}

/* 再生／一時停止 */
.jp-audio .jp-play,
.jp-audio .jp-pause {
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  cursor: pointer;
  margin: 0;
  overflow:hidden;
  text-indent:-9999px;
}
.jp-audio .jp-controls .jp-play {
  background: url(/js/jplayer/image/spr_jplayer_ui_hmsong.png) left 0 no-repeat;
  position:absolute;
  top: 29px;
  left: 7px;
}
.jp-audio .jp-controls .jp-play:hover {
    background-position: -36px 0;
}
.jp-audio .jp-controls .jp-pause {
  background: url(/js/jplayer/image/spr_jplayer_ui_hmsong.png) -72px 0 no-repeat;
  position:absolute;
  top: 29px;
  left: 7px;
}
.jp-audio .jp-controls .jp-pause:hover { 
  background-position: -108px 0;
}

/* プログレスバー */
.audio_box .jp-audio .jp-progress {
  position: absolute;
  top: 43px;
  left: 49px;
  height: 10px;
  width: 240px;
  background:url(/js/jplayer/image/spr_jplayer_ui_hmsong.png) left -36px repeat-x;
  overflow:hidden;
}
.audio_box .jp-audio .jp-type-single .jp-progress {
  left:60px;
  width:100px;
}
/* プログレスバーの内側 */
.audio_box .jp-audio .jp-seek-bar {
  background:url(/js/jplayer/image/spr_jplayer_ui_hmsong.png) left -36px repeat-x;
  width: 195px;
  height:100%;
  cursor: pointer;
}
/* プログレスバーの内側（色の付いた部分） */
.audio_box .jp-audio .jp-play-bar {
  background: url(/js/jplayer/image/spr_jplayer_ui_hmsong.png) left -46px repeat-x ;
  width:0px;
  height:100%;
}