@charset "utf-8";
.tableBorder{border:1px solid #fff}
/* =========================
common
========================= */
/* font-size */
.jp-page-sl-text-base{font-size:12px}
.jp-page-sl-text-xlarge{font-size:18px}
.jp-page-sl-text-xxlarge{font-size:24px}
/* align */
.jp-page-sl-text-left{text-align:left}
.jp-page-sl-text-right{text-align:right}
.jp-page-sl-text-center{text-align:center}
/* float */
.jp-page-sl-pull-left{float:left}
.jp-page-sl-pull-right{float:right}
@media screen and (max-width:1070px) and (min-width:767px){
  .tablet #jp-cmp-contents{padding:0 20px;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  #jp-cmp-main{width:100%;float:none}
}
/* jp-page-sl-wrapper */
.jp-page-sl-wrapper{max-width:950px;margin:0 auto}
.jp-page-sl-wrapper > * + *{margin-top:30px}
.jp-page-sl-wrapper > h1 + *,.jp-page-sl-wrapper > h2 + *{margin-top:0}
.jp-page-sl-wrapper > .jp-page-sl-block-main_visual + .ng-isolate-scope{margin-top:10px;display:block}
/* ng-isolate-scope */
.ng-isolate-scope .jp-cmp-list-social-001{text-align:right}
.ng-isolate-scope .jp-cmp-list-social-001 > ul{width:auto;margin-top:10px}
/* jp-page-sl-main_visual */
.jp-page-sl-main_visual{width:100%;text-align:center;margin-top:0}
.jp-page-sl-main_visual > img{width:auto;max-width:100%}
/* jp-page-sl-lead */
.jp-page-sl-lead{text-align:center}
.jp-page-sl-lead > p{display:inline-block;text-align:left;font-size:18px;font-weight:bold}
.jp-page-sl-floatbox .jp-page-sl-lead{text-align:left}
@media screen and (max-width:1070px) and (min-width:767px){
  .jp-page-sl-floatbox .jp-page-sl-lead{text-align:center}
}
@media screen and (max-width:767px){
  .jp-page-sl-floatbox .jp-page-sl-lead{text-align:center}
  .jp-page-sl-lead > p{font-size:14px}
}
/* jp-page-sl-searchbox */
.jp-page-sl-searchbox > .jp-page-sl-searchbox--title{font-size:14px;padding:5px;font-weight:bold;text-align:center}
.jp-page-sl-searchbox > .jp-page-sl-searchbox--content{border:2px solid #a7b2bb;padding:10px;background-color:#f2f5f8}
.jp-page-sl-searchbox > .jp-page-sl-searchbox--content > .jp-page-sl-searchbox--title{font-size:14px;font-weight:bold;margin-bottom:5px;text-align:center}
.jp-page-sl-searchbox > .jp-page-sl-searchbox--content .jp-page-sl-searchbox--select,.jp-page-sl-searchbox > .jp-page-sl-searchbox--content .jp-page-sl-searchbox--text{display:block;width:100%;font-size:14px;padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #a7b2bb;background-color:#fff}
.jp-page-sl-searchbox > .jp-page-sl-searchbox--content .jp-page-sl-searchbox--select + .jp-page-sl-searchbox--text{margin-top:10px}
.jp-page-sl-searchbox > .jp-page-sl-searchbox--content .jp-page-sl-searchbox--foot{margin-top:20px}
.jp-page-sl-searchbox > .jp-page-sl-searchbox--content .jp-page-sl-searchbox--foot .jp-page-sl-searchbox--submit{border:1px solid #3d3d3d;background-color:#3d3d3d;color:#fff;padding:5px 15px;border-radius:4px;font-size:14px;font-weight:bold}
.jp-page-sl-searchbox > .jp-page-sl-searchbox--content .jp-page-sl-searchbox--foot > *{vertical-align:middle}
.jp-page-sl-searchbox > .jp-page-sl-searchbox--content .jp-page-sl-searchbox--foot > * + *{margin-left:10px}
@media screen and (min-width:1070px){
  .jp-page-sl-floatbox .jp-page-sl-searchbox{max-width:240px}
}
/* jp-page-sl-floatbox */
.jp-page-sl-floatbox > .jp-page-sl-floatbox-inner{overflow:hidden}
.jp-page-sl-floatbox::after{content:'';display:block;clear:both}
@media screen and (min-width:1070px){
  .jp-page-sl-floatbox > .jp-page-sl-pull-left{margin-right:30px}
  .jp-page-sl-floatbox > .jp-page-sl-pull-right{margin-left:30px}
}
@media screen and (max-width:1070px) and (min-width:767px){
  .jp-page-sl-floatbox > .jp-page-sl-pull-left,.jp-page-sl-floatbox > .jp-page-sl-pull-right{float:none;margin-left:0;margin-right:0}
  .jp-page-sl-floatbox > .jp-page-sl-pull-left + .jp-page-sl-floatbox-inner,.jp-page-sl-floatbox > .jp-page-sl-pull-right + .jp-page-sl-floatbox-inner{margin-top:20px}
}
@media screen and (max-width:767px){
  .jp-page-sl-floatbox > .jp-page-sl-pull-left,.jp-page-sl-floatbox > .jp-page-sl-pull-right{float:none;margin-left:0;margin-right:0}
  .jp-page-sl-floatbox > .jp-page-sl-pull-left + .jp-page-sl-floatbox-inner,.jp-page-sl-floatbox > .jp-page-sl-pull-right + .jp-page-sl-floatbox-inner{margin-top:20px}
}
/* jp-page-sl-buttonlink */
.jp-page-sl-buttonlink{text-align:center}
.jp-page-sl-buttonlink > div{display:inline-block;vertical-align:middle;padding:10px 20px}
.jp-page-sl-buttonlink > div > a{display:inline-block;border-radius:4px;border:1px solid #707070;background-color:#707070;color:#fff;padding:15px 50px;font-weight:bold;font-size:18px}
.jp-page-sl-buttonlink > div > p{text-align:left}
@media screen and (max-width:767px){
  .jp-page-sl-buttonlink{width:100%}
  .jp-page-sl-buttonlink > div{display:block;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  .jp-page-sl-buttonlink > div > a{font-size:12px;display:block;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  .jp-page-sl-buttonlink > div > a > br{display:none}
  .jp-page-sl-buttonlink > div .jp-page-sl-buttonlink--textlink{text-indent:-10px;padding-left:10px}
  .jp-page-sl-buttonlink > div .jp-page-sl-buttonlink--textlink::before{content:'';display:inline-block;text-indent:0;border-left:5px solid #ccc;border-top:3px solid transparent;border-bottom:3px solid transparent;margin-right:5px;vertical-align:middle}
  .jp-page-sl-buttonlink > div .jp-page-sl-buttonlink--textlink > a{vertical-align:middle}
  .jp-page-sl-buttonlink > div + div,.jp-page-sl-buttonlink > br + div{margin-top:5px}
  .jp-page-sl-buttonlink > br{display:none}
}
/* jp-page-sl-checklink */
.jp-page-sl-checklink{text-align:right;font-size:18px}
.jp-page-sl-checklink > li + li{margin-top:5px}
@media screen and (max-width:767px){
  .jp-page-sl-checklink{font-size:12px}
}
/* jp-page-sl-songlist-xxx(table common settings) */
[class^="jp-page-sl-songlist-"],[class*=" jp-page-sl-songlist-"]{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
[class^="jp-page-sl-songlist-"] > caption,[class*=" jp-page-sl-songlist-"] > caption{font-size:24px;font-weight:bold;text-align:center;padding:10px;color:#3b3b3b}
[class^="jp-page-sl-songlist-"] > thead > tr > th,[class*=" jp-page-sl-songlist-"] > thead > tr > th{text-align:center;font-weight:bold;background-color:#e4e9ee;padding:10px;line-height:1.1;border:1px solid #fff}
[class^="jp-page-sl-songlist-"] > thead > tr > th > *,[class*=" jp-page-sl-songlist-"] > thead > tr > th > *{font-weight:bold;vertical-align:middle}
[class^="jp-page-sl-songlist-"] > thead > tr > th > * + *,[class*=" jp-page-sl-songlist-"] > thead > tr > th > * + *{margin-left:5px}
[class^="jp-page-sl-songlist-"] > tbody > tr > td,[class*=" jp-page-sl-songlist-"] > tbody > tr > td{padding:10px;line-height:1.1;vertical-align:middle;background-color:#f2f5f8;border:1px solid #fff}
[class^="jp-page-sl-songlist-"] > tbody > tr > td *,[class*=" jp-page-sl-songlist-"] > tbody > tr > td *{line-height:1.1}
[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-rank,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-rank{text-align:center}
[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-mysong,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-mysong{text-align:center}
[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender > .jp-page-sl-graph-male,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender > .jp-page-sl-graph-male{text-align:right;background-color:#00a0ce;width:100%;height:15px;margin:0;padding:0}
[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender > .jp-page-sl-graph-male > .jp-page-sl-graph-female,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender > .jp-page-sl-graph-male > .jp-page-sl-graph-female{height:15px;display:inline-block;background-color:#ff6dab}
[class^="jp-page-sl-songlist-"].jp-page-sl-songlist-slender > caption,[class*=" jp-page-sl-songlist-"].jp-page-sl-songlist-slender > caption{font-size:14px;padding:5px}
[class^="jp-page-sl-songlist-"].jp-page-sl-songlist-slender > thead > tr > th,[class*=" jp-page-sl-songlist-"].jp-page-sl-songlist-slender > thead > tr > th,[class^="jp-page-sl-songlist-"].jp-page-sl-songlist-slender > tbody > tr > th,[class*=" jp-page-sl-songlist-"].jp-page-sl-songlist-slender > tbody > tr > th,[class^="jp-page-sl-songlist-"].jp-page-sl-songlist-slender > thead > tr > td,[class*=" jp-page-sl-songlist-"].jp-page-sl-songlist-slender > thead > tr > td,[class^="jp-page-sl-songlist-"].jp-page-sl-songlist-slender > tbody > tr > td,[class*=" jp-page-sl-songlist-"].jp-page-sl-songlist-slender > tbody > tr > td{padding:5px}
@media screen and (max-width:767px){
  [class^="jp-page-sl-songlist-"],[class*=" jp-page-sl-songlist-"]{display:block}
  [class^="jp-page-sl-songlist-"] > thead,[class*=" jp-page-sl-songlist-"] > thead{display:none}
  [class^="jp-page-sl-songlist-"] > caption,[class*=" jp-page-sl-songlist-"] > caption{display:block;font-size:14px;line-height:1.2}
  [class^="jp-page-sl-songlist-"] > tbody,[class*=" jp-page-sl-songlist-"] > tbody{display:block;border:1px solid #a7b2bb}
  [class^="jp-page-sl-songlist-"] > tbody > tr,[class*=" jp-page-sl-songlist-"] > tbody > tr{display:block;position:relative;padding:5px 5px 32px}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th,[class*=" jp-page-sl-songlist-"] > tbody > tr > th,[class^="jp-page-sl-songlist-"] > tbody > tr > td,[class*=" jp-page-sl-songlist-"] > tbody > tr > td{display:block;border:none;padding:0;background-color:transparent}
  .jp-page-sl-songlist-slender[class^="jp-page-sl-songlist-"] > tbody > tr > th,.jp-page-sl-songlist-slender[class*=" jp-page-sl-songlist-"] > tbody > tr > th,.jp-page-sl-songlist-slender[class^="jp-page-sl-songlist-"] > tbody > tr > td,.jp-page-sl-songlist-slender[class*=" jp-page-sl-songlist-"] > tbody > tr > td{padding:0}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-rank,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-rank,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-rank,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-rank{display:inline-block}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-rank::after,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-rank::after,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-rank::after,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-rank::after{/* content:'位'; */}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-song,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-song,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-song,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-song{display:inline-block}
  td.jp-page-sl-cell-song::before{content:'／';display:inline-block;padding:0 4px}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-artist,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-artist,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-artist,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-artist{display:inline-block;padding-left:1em;text-indent:-1em}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-artist::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-artist::before,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-artist::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-artist::before{/* content:'／'; */
  display:inline-block;width:1em;text-align:center;text-indent:0}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-rank::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-rank::before,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-rank::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-rank::before{content:'　出場回数:';display:inline-block; /* width:1em;text-align:center; */
  text-indent:0}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-program,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-program,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-program,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-program{padding:3px 0 3px 45px;text-indent:-45px}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-program::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-program::before,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-program::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-program::before{content:'CM名：';display:inline-block;width:45px;text-indent:0}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-tv,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-tv,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-tv,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-tv{padding:3px 0 3px 50px;text-indent:-50px}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-tv::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-tv::before,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-tv::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-tv::before{content:'番組名：';display:inline-block;width:50px;text-indent:0}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-gender,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-gender,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender{position:relative;padding:5px 25px}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-gender::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-gender::before,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender::before,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender::before{content:url('/web/src/s/karaoke/feature/images/jp-page-sl-icon-male.png');position:absolute;top:50%;left:0;margin-top:-10px}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-gender::after,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-gender::after,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender::after,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-gender::after{content:url('/web/src/s/karaoke/feature/images/jp-page-sl-icon-female.png');position:absolute;top:50%;right:0;margin-top:-10px}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-kashi,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-kashi,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-kashi,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-kashi{position:absolute;bottom:5px;right:90px}
  [class^="jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-mysong,[class*=" jp-page-sl-songlist-"] > tbody > tr > th.jp-page-sl-cell-mysong,[class^="jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-mysong,[class*=" jp-page-sl-songlist-"] > tbody > tr > td.jp-page-sl-cell-mysong{position:absolute;bottom:5px;right:5px}
  [class^="jp-page-sl-songlist-"] > tbody > tr + tr,[class*=" jp-page-sl-songlist-"] > tbody > tr + tr{border-top:1px dotted #a7b2bb}
}
/* jp-page-sl-block */
.jp-page-sl-block.bordered{border:1px solid #a7b2bb;padding:20px}
/* jp-page-sl-list-inline */
.jp-page-sl-list-inline > li{display:inline-block;margin-bottom:5px}
.jp-page-sl-separated.jp-page-sl-list-inline > li::after{content:'|';display:inline-block;color:#a7b2bb;padding-left:10px;padding-right:5px}
.jp-page-sl-separated.jp-page-sl-list-inline > li:last-child::after{display:none}
@media screen and (max-width:767px){
  .jp-page-sl-list-inline > li{display:block;margin-bottom:0}
  .jp-page-sl-separated.jp-page-sl-list-inline > li::after{display:none}
  .jp-page-sl-list-inline > li > a{display:block;padding:10px 12px 10px 27px;border:1px solid #707070;background-color:#707070;color:#fff;border-radius:5px;line-height:1.1;position:relative;
    /* &::before{content:'';display:block;width:24px;height:24px;border-radius:12px;background-color:#707070;position:absolute;top:50%;right:5px;margin-top:-12px}
    &::after{content:'';display:block;border-left:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;position:absolute;top:50%;right:12px;margin-top:-6px}
  */}
  .jp-page-sl-list-inline > li > a::before{content:'';display:inline-block;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;position:absolute;top:50%;left:13px;margin-top:-4px}
  .jp-page-sl-list-inline > li + li{margin-top:5px}
}

/*紅白*/
.jp-page-sl-buttonlink > div > a.teamR{background-color:#e72e2f;border:0}
.jp-page-sl-buttonlink > div > a.teamW{background-color:#c38e34;border:0}
[class^="jp-page-sl-songlist-"] > caption.teamR, [class*=" jp-page-sl-songlist-"] > caption.teamR{color:#e72e2f}
[class^="jp-page-sl-songlist-"] > caption.teamW, [class*=" jp-page-sl-songlist-"] > caption.teamW{color:#c38e34}