/* concert.css — ChorusLib Concert Manager フロント用スタイル */

div.jp-video {
    font-size: 1.25em;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;
    color: #000;
    border-top: 1px solid #554461;
    border-left: 1px solid #554461;
    border-right: 1px solid #180a1f;
    border-bottom: 1px solid #180a1f;
    background-color: #EEFFFF;
    width: 100%;
    max-width: 640px;
}

div.jp-playlist {
    scrollbar-arrow-color: #ffffff;
    scrollbar-face-color: #3F003F;
    scrollbar-3dlight-color: #3F003F;
    scrollbar-darkshadow-color: #3F003F;
}

div.jp-playlist::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

div.jp-playlist::-webkit-scrollbar-track {
    background: #EEFFFF;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 10px;
}

div.jp-playlist::-webkit-scrollbar-thumb {
    background: #CCDDDD;
    border-radius: 10px;
}

.jp-playlist ul {
    list-style-type: none;
    font-size: .7em;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.jp-video .jp-playlist ul {
    display: block;
    overflow: hidden;
    margin: 0;
}

.jp-playlist li {
    background: #9bd8ff linear-gradient(#f0f0f0, #d0d0d0);
    position: relative;
    padding: 2px 10px;
    border-top: 1px solid #554461;
    border-bottom: 1px solid #180a1f;
    overflow: hidden;
    margin: 0;
    margin-bottom: 0;
}

div.jp-type-playlist div.jp-playlist li:first-child {
    border-top: none;
    padding-top: 0;
}

div.jp-type-playlist div.jp-playlist li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

div.jp-type-playlist div.jp-playlist a {
    color: #222;
    text-decoration: none;
    display: block;
}

div.jp-type-playlist div.jp-playlist a:hover {
    color: #300;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    background: #9bd8ff linear-gradient(#d0f0f0, #b0d0d0);
    margin: 0;
    padding: 2px 10px;
    border-top: 1px solid #26102e;
    border-bottom: 1px solid #26102e;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current a {
    color: #E22;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
    float: right;
    display: inline;
    text-align: right;
    color: #333;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
    color: #333;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
    color: #333;
}

span.jp-title {
    font-size: 0.95em;
}

span.jp-artist {
    font-size: 0.80em;
    color: #333;
    margin: 3px;
}

.creator-frame, .player-frame, .song-frame, .related-frame {
    padding: 0;
    margin: 0 0 0 15px;
    line-height: 1.0;
}

.creator, .player {
    list-style: none;
    margin: 0;
    display: inline;
    font-size: 80%;
    white-space: nowrap;
}

.related {
    list-style: none;
    padding: 0;
    margin: 0;
}

.creator:not(:nth-child(1)):before,
.player:not(:nth-child(1)):before {
    content: " / ";
    color: silver;
}

.song-frame {
    margin-bottom: 0;
    margin-left: 40px;
    padding-left: 20px;
}

.song, .song-sigle {
    line-height: 1.6em;
    margin-bottom: 2px;
    min-height: 30px;
}

.song-sigle {
    list-style: none;
    margin-top: 2px;
    margin-left: -20px;
}

.stage-name, .song-name, .concert-data-title h4 {
    margin: 0;
    font-weight: bold;
    font-family: serif;
}

.stage-id {
    font-size: 90%;
    margin-bottom: 3px;
    margin-left: -5px;
}

.stage-subtitle {
    font-size: 75%;
    font-weight: bold;
    margin: 4px 0 0;
    color: #444;
}

.concert-data-title {
    padding-left: 0;
    margin-left: -10px;
}

a.cfs-hyperlink span {
    font-weight: bold;
    font-family: serif;
    color: #008800;
}

a.youtube-play {
    padding-right: 30px;
    background: url(/wp-content/uploads/yt_play.png) right center/24px auto no-repeat;
}

a.youtube-play:link,
a.youtube-play:visited {
    color: #008800;
}

#concert-data dd,
#concert-data dt,
#concert-data dl {
    list-style: none;
    border: none;
}

#concert-data dd {
    margin-left: 5px;
}

#concert-data dl {
    margin-top: 5px;
}

.veu_socialSet li {
    max-width: 200px;
}