﻿@charset "UTF-8";
/* CSS Document */

/* オーディオタイトル調整 */
.section .audio-item {
  margin-bottom: 0;
}
/* ------------------
audio.js
------------------ */
.audiojs {width: 100%; padding: 10px 0; border-radius: 10px;
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.audiojs .scrubber {width: 82%;}
.col2-1 .audiojs .scrubber, .col2-2 .audiojs .scrubber {width: 60%;}
.col3-1 .audiojs .scrubber, .col3-2 .audiojs .scrubber, .col3-3 .audiojs .scrubber {width: 40%;}
.audiojs .time {font-size: 12px;}
.audiojs .play-pause {
  height: 30px;
  padding: 4px 12px 4px 12px;
}
.play-pause p {
    line-height: 1;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 26px;
    width: 25px;
}
.audiojs .play,
.audiojs .pause,
.audiojs .loading,
.audiojs .error {
  transform: scale(1.3);
}
.audiojs .play {
    background: url(/js/usr/audiojs/player-graphics.gif) -2px -2px no-repeat, linear-gradient(to bottom, #ff0000 0%,#932b2b 100%);
}
.audiojs .scrubber {
  width: 58%;
}

@media screen and (max-width: 767px) {
  .col2-1 .audiojs .scrubber, .col2-2 .audiojs .scrubber {
      width: 43%;
    }
  }