@charset "utf-8";

/*キャンペーンバナー表示用*/
#cpnbanner{ max-width:980px; margin:0 auto;  margin-bottom:40px; margin-top:40px;}
#cpnbanner img{ width:100%; }
/*プレイヤー制御アイコン共通設定*/
.playBtn div.playw {
  position: absolute;
  z-index: 10;
}
.playBtn .play { position:absolute; z-index: 10 }
.playBtn .loading { position:absolute; z-index:11; display: none }
.playBtn .error { position:absolute; z-index:11; display: none }
.playBtn .pause {  position:absolute; z-index:11; display: none }

.playbtn_audition .play { }
.playbtn_audition .loading { display: none }
.playbtn_audition .error { display: none }
.playbtn_audition .pause  { display: none }

/*オーディション用プレイヤープログレスバー共通設定*/
.scrubber .progress { height: 5px; width: 0px; background-color: #fff; }
.scrubber .loaded { height: 5px; width: 0px; }

.music-ttl{ word-break: break-all;}
.send:hover,.bt-cancel:hover{ opacity:0.6; }


/*ボタン色分け*/
.music-list-box .music-list .audio {
  color: #fdd000;
}

.music-list-box .music-list .yutubu {
  color: #d6000f;
}

.music-list-box .music-list .scoundcloud{
	color:#f50;
	}

.music-list-box .music-list .audio,
.music-list-box .music-list .yutubu,
.music-list-box .music-list .scoundcloud{
  font-size: 12px;
  font-style: italic;
  font-weight: bold; letter-spacing:0.1em;
}

.imptxt{ color:#d6000f; font-weight:bold;}
a{ text-decoration:none;}

.artist-link a{ min-height:20px;}

/*rankingdate	*/

#rankdata dl{ font-size:0;  border-bottom:1px solid #ccc;}

#rankdata.myrank{ font-size:14px;  text-align:center;    background: #fff;
    padding: 10px;
    letter-spacing: 0.2em;
    border: 1px solid #ccc; margin-top:15px;}
#rankdata span.up{ color:#d6000f;}
#rankdata span.down{ color:#0030ff;}
#rankdata span.stay{ color:#ffd016;}
#rankdata .rankmore{ letter-spacing: 0.1em; padding-top:10px;
    text-align: right;
    margin: 0 auto;} 
#rankdata .rankmore a{ padding: 5px; font-size:12px;
    display: inline-block;
    border: 1px solid #ccc;}
	
	
#rankdata .rankmore a:hover{ background:#333;}
#rankdata .rankmore a:hover{ color:#fff;}


#rankdata dl{ font-size:0; padding:0 5px;}

#rankdata dt{ display:inline-block; font-size:12px; text-align:left; width:40%; }
#rankdata dd{ display:inline-block; font-size:12px; text-align:right; width:58%;}

.sttsiconmy {
    width: 8px;
    text-align: center;
}

.sttsiconmy img {
    width: 8px;
    height: auto;
    /*margin-top: -5px;*/
    vertical-align: middle;
    text-align: center;
}


#rankdate dl{ font-size:0; padding:10px;}

.band-msg {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #999;
  position: relative;
  top: 60px;
  width: 100%;
  padding: 10px;
  line-height: 1.5;
  z-index: 10; }
.band-msg.supported {
  background-color: rgba(207, 245, 206, 0.9); }
.band-msg.failed {
  background-color: rgba(234, 239, 235, 0.9); }
.band-msg.error {
  background-color: rgba(255, 217, 64, 0.9);
  font-weight: bold;
  color: #000; }

#member_register_dlg {
  display: none;
  background-color: #fff;
  width: 520px;
  box-sizing: border-box;
  border: 5px solid #fdd000;
  text-align: center;
  padding: 25px 10px; 
}
#member_register_dlg p {
  font-size: 20px;
  font-weight: bold;
  color: #282828;
  margin: 1em 0; 
}
#member_register_dlg a {
  display: inline-block;
  width: 180px;
  height: 50px;
  text-align: center;
  margin: 10px;
  color: #282828;
  line-height: 50px;
  font-weight: bold;
  font-size: 20px; 
}
#member_register_dlg a.btn_cancel { background-color: #ccc; }
#member_register_dlg a.btn_check { background-color: #fdd000; }

@media screen and (max-width: 860px) {
  #member_register_dlg {
    width: 100%;
    padding: 10px;
  } 
  #member_register_dlg p {
    font-size: 14px;
    margin: 0;
  }
}


@media screen and (min-width: 861px){
	
	

body {
  background: #fff;
}

#main {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  background: #fff;
 width:100%;

}

.artist-main {
  max-width: 1100px;
  margin: 40px auto 40px;
  border: 10px solid #f2f2f2;
}

.artist-main .artist-inner {
  padding: 33px 35px;
}

.artist-main .artist-inner .audition-logo {
  position: absolute;
  top: -50px;
  left: 30px;
  background-color: #fff;
  padding: 5px 20px;
  height:60px;
  display:table;
}
.artist-main .artist-inner .audition-logo a { display: table-cell; vertical-align:middle; height:60px;}

.artist-main .artist-inner .audition-logo img {
  width: auto;
  max-height: 50px;
  max-width:240px;
  display: inline-block; vertical-align:middle;
}

.artist-main .btn-report-02 {
  text-align: right;
  margin: 0 10px 10px 0;
}


.artist-info .artist-img img {
	width:115px; height:115px;
	background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
	border:1px solid #ededed;

}
.artist-main .artist-info {  margin-bottom: 10px; }
.artist-main .artist-info .artist-infoImg { display: inline-block; }
.artist-main .artist-info .artist-img { width: 115px; height: 115px; display: inline-block; background-color: #fff; margin-right: 5px; vertical-align:top; }
.artist-main .artist-info .artist-img img { width: 100%; height: auto; }
.artist-main .artist-info .artist-infoTxt { display: inline-block; vertical-align:top ; margin-left:10px; width:75%; }
.artist-main .artist-info .artist-infoTxt > * { text-align: left; margin-left: 5px; }

.artist-main .artist-text {
  font-size: 14px;
  line-height:32px;
  letter-spacing:0.1em;
  margin-left: 15px;
  overflow: hidden;
}




.artist-main .artist-info .ttl {
  text-align: left;
  font-size: 20px;
  line-height:30px;
  margin: 0 0 10px 0; font-weight:bold;
/*   width:274px; */
}
.artist-main .artist-info .ttl a{ font-weight:bold;
overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width:95%;}
  .kanaTxt a{
	  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width:95%
  }

.artist-main .artist-info .myid{ width:274px; font-size:14px; text-align:center; color:#ccc; margin-top:10px; border-top:1px solid #ccc; padding-top:10px; }

.artist-main .artist-info .myurl a{width:274px; font-size:14px; text-align:center; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 274px;
	margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:20px; color:#fdd000;   }

.artist-main .artist-info .myurl a:hover{ text-decoration:underline;}

.artist-main .btn-report-01 {
  text-align: right;
  line-height: 6px;
  margin-top: 10px;

}

.artist-main .btn-report-01 img {
	width:22px;
}

.artist-main .artist-info .area {
  margin-bottom: 10px;
}

.artist-main .artist-info .area a {
/*   text-align: center; */
  font-size: 12px;
  color: #d6000f;
  line-height: 19px;
  font-weight:bold; letter-spacing:0.1em;
}

.artist-main .artist-info .area a:hover{ text-decoration:underline;}

.artist-main .artist-info .area img {
  margin-right: 5px;
}

.artist-main .artist-info .area,
.artist-main .artist-info .artist-link a {
  text-align: left;
  font-size: 12px;
      overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width:90%;
}

.artist-main .artist-info .artist-link a:hover{ text-decoration:underline;}

.artist-main .artist-info .area {
  color: #d6000f;
}
.artist-main .artist-info .artist-link {
  
  margin-left: 0 !important;
}
.artist-main .artist-info .artist-link a {
  color: #fdd000;
  line-height: 15px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  
}

.artist-main .artist-info .artist-link a img {
  margin-right: 5px;
}

.music-list-box {
  width: 960px;
  margin: 0 auto;
}

.music-list-box h2 {
  font-size: 24px;
  padding-left: 20px;
  font-weight: 700; letter-spacing:0.1em;
}

.music-list-box .music-list li {
  position: relative;
    padding:10px;
  box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;

}

.music-list-box .music-list li > a {
  width: 100%;
  display: block;
  padding: 10px ;
  display: table;
  position: relative;
}
.musicImg{ width:80px;}
.musicImg img{ width:100%;}


.music-list-box .music-list li .playBtn {
  position: absolute;
  z-index: 1;
/*  left: 10px;
  top: 10px;
  */
  width: 80px;
  height: 80px;
/*    display:none; vueで割り当てるので、JavaScriptでShowするのは面倒*/

}

.music-list-box .music-list li .playBtn img{ width:100%;}

.music-list-box .music-list .btn-report-03 {
  position: absolute;
  line-height: 6px;
  right: 10px;
  bottom: 10px;
  z-index: 10;
  width:22px;
}

.music-list-box .music-list .btn-report-03 img{width:22px;}

.music-list-box .thum,
.music-list-box .music-info {
  display: table-cell;
  vertical-align: top;
}

.music-list-box .thum {
  width: 80px;
  padding-right: 16px;
}

.music-list-box .music-list {
  margin-top: 27px;
}

.music-list-box .music-list li {
  border-top: 1px solid #999;
}

.music-list-box .music-list li:hover{background: #f9f9f9;}

.music-list-box .music-list li:last-child {
  border-bottom: 1px solid #999;
}

.music-list-box .music-list li:nth-child(2n) {
  background: #f6f6f6;
}

.music-list-box .music-list .audio,
.music-list-box .music-list .yutubu {
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  letter-spacing:0.1em;
}

.music-ttl{ font-size:18px; padding-top:10px; line-height:24px;}

.player .playw { width:80px; height:80px;}
.player .play {  background: url(/v1/img/artist/playbtn/btn_play.png) left top no-repeat; width:80px; height:80px; background-size: contain;}
.player .loading {background: url(/v1/img/artist/playbtn/btn_load.gif) left top no-repeat; width:80px; height:80px; background-size: contain;}
.player .error { background: url(/v1/img/artist/playbtn/btn_reload.png) left top no-repeat; width:80px; height:80px; background-size: contain;}
.player .pause {  background: url(/v1/img/artist/playbtn/btn_stop.png) left top no-repeat; width:80px; height:80px; background-size: contain;}


#appPop,#appPop2{ background:#f2f2f2; width:680px; margin:0 auto; padding:20px; border-radius: 4px;}
#appPop .popupinner,#appPop2 .popupinner{ background:#fff; border:#ffcc00 2px solid; border-radius: 4px; position:relative; overflow:hidden; }
#appPop h3,#appPop2 h3{ font-size:21px; font-weight:700; letter-spacing:0.1em; padding:50px 0 30px 50px; line-height:34px; width:400px;}
#appPop ul,#appPop2 ul{ margin-left:80px; margin-bottom:30px;}
#appPop li,#appPop2 li{ width:130px; float:left;}
#appPop li img,#appPop2 li img{ width:100%;}
.popImg{ width:215px; position:absolute; right:20px; bottom:5px;}
.popImg img{ width:100%; }

/*editiconsize*/
.editIcon{ width:18px;}
.editbtn .editIcon{ width:16px; margin-right:10px;}
.editbtn{ border:1px solid #ccc;  text-align: center; line-height:16px; margin-top:20px; border-radius: 4px; width:274px;
}
.editbtn a{padding:10px 0; display:block;}
#edit-box{ width:320px !important;}




/*オーディションスタイル*/

.kanaTxt{ font-size:10px; text-align:center; line-height:16px; margin-bottom:10px; margin-top:-5px; }

#entryMusic { background-color: #f2f2f2; padding: 20px; overflow: hidden; margin-bottom: 20px; }
#musicTitArea{  width: 40.68254%; float: left;}
#entryMusic #entryMusicTxt { margin-bottom: 10px; display: table; letter-spacing:0.1em; width:100% ; }
#entryMusic h2{ font-family: 'Lato'; font-weight: 700; font-size:30px; text-align:center; letter-spacing:0.1em; padding-top: 10px; }
#entryMusic h2 span{border-bottom:3px solid #000000;  padding-bottom:5px; font-family: 'Lato'; font-weight: 700; font-size:30px; }
#entryMusic #musicinner { width: 56.5%; float: right; margin-bottom: 0; height: 307px; position:relative; }
#entryMusic #musicinner #youtube { height: 307px; }
#entryMusic #musicinner #audio { padding-top: 43px; height: 307px; }
#musicTit { color:#333;  font-size:34px; font-weight:400; margin-bottom:20px; height: 210px; display: table-cell; vertical-align: middle; line-height: 1.5; text-align:center; width:100%; word-break: break-all; }
.nobtn #musicTit{ height:300px; margin-bottom:0;}
#musicTit.txtOver { font-size: 22px; text-align:left;}
.musicTitIcon{ width:30px; margin-right:10px; }

#entryMusic .voteBtn { text-align: center;  /*float: left;*/  margin-bottom: 0; height:60px; letter-spacing:0.1em; }
#entryMusic .voteBtn a { display: inline-block; text-align: center; background-color: #fed209; color: #fff; padding-left: 1em; padding-right: 1em; max-width: 100%; font-size: 24px; width: 307px; height: 60px; line-height: 60px; overflow:hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
#entryMusic .voteBtn a:hover {
  opacity: 0.6;
}

#entryMusic .voteBtn .vote-end {
  display: inline-block;
  text-align: center;
  background-color: #ccc;
  color: #fff;
  padding-left: 1em;
  padding-right: 1em;
  max-width: 100%;
  font-size: 24px;
  min-width: 307px;
  height: 60px;
  line-height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow:hidden; white-space:nowrap;
}


#entryMusic .notice { font-size: 12px; color: #666; line-height: 1.5; padding-top:10px;}


#otherEntry{ margin-top:40px; padding:40px 0; background:#f2f2f2;}

.entrytit{font-family: 'Lato';
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    letter-spacing: 0.1em;  margin-bottom:40px; line-height:34px;}
.entrytit img { vertical-align: middle; display: inline-block;margin-right: 20px; width:auto; max-height:45px; max-width:200px;}
.auditionLogo{ width:185px; margin:0 auto; margin-bottom:20px;}
.auditionLogo img{ width:100%;}


.artist-main{ position:relative;}
#auditionLogo{ position:absolute; left:45px; top:-70px; width:220px; padding:10px;}
#auditionLogo img{ width:100%;}



/*audio*/

#audio{ background:#000; width:100%; }
.playbtn_audition{ width:80px; margin:0 auto; padding:50px 0 30px 0;}
.playbtn_audition img{ width:100%;}


.times{ padding:0 15px; position:relative; padding-bottom:0; width:100%; position:absolute; bottom:20px;}
.bar{width:70%; background:#666666; height:5px;  display:inline-block;  vertical-align:middle; position: relative;}
.bar span{ background:#fff; width:30%; position:absolute; left:0; top:0; height:5px;}
.playtime{ color:#ccc; width:14% ;  display:inline-block; vertical-align:middle;  text-align:center;}
.alltime{ color:#ccc; width:14% ;  display:inline-block; vertical-align:middle; text-align:center;}


/*プレイヤー再生アイコンはホバー時のみ表示する*/
.playBtn:hover div.playw {
  display:block;
}
.playBtn div.playw {
  display: none;
}
.playbtn_audition .play {  background: url(/v1/img/audition/playbtn/btn_play.png) left top no-repeat; width:80px; height:80px; background-size: contain;}
.playbtn_audition .loading {background: url(/v1/img/audition/playbtn/btn_load.gif) left top no-repeat; width:80px; height:80px; background-size: contain;}
.playbtn_audition .error { background: url(/v1/img/audition/playbtn/btn_reload.png) left top no-repeat; width:80px; height:80px; background-size: contain;}
.playbtn_audition .pause {  background: url(/v1/img/audition/playbtn/btn_stop.png) left top no-repeat; width:80px; height:80px; background-size: contain;}


/*未確認コメントpop*/
/*#coment{ width:280px; text-align:right; padding-top:20px; margin-left: auto;}*/



.artist-main .artist-text .artist-text-inner {
  font-size: 12px;
  line-height: 1.8;
  width: 63%;
  float: left; 
}
.artist-main .artist-text .artist-text-inner.nobnr {
  width: 100%;
  float:none; 
}

.artist-main .artist-text #coment{ width:31.746032%; text-align:right; margin: 0 20px 0 0;
  float: right;
}
.artist-main .artist-text #coment img{ width:100%;}
.textOverFlow02 { word-break: break-all; }
.textOverFlow02 a{ color: #fdd000;
  text-decoration: none;
  display: block;
  text-align:right;}




/*moreボタン*/
.moreBtnWrapper { text-align: center; }
.moreBtn{  font-size:14px; letter-spacing:0.1em; text-align:center;  margin:0 10px; margin-top:30px; display: inline-block; }
.moreBtn a{ padding:10px 2em; display: inline-block; border:1px solid #333; min-width:240px  }
.moreBtn a:hover{ background:#333;}
.moreBtn a:hover{ color:#fff;}

#dhitsBtn{ width:240px; margin:0 auto; padding-top:20px; }
#dhitsBtn img{ width:100%;}

/*
.artist-main .artist-info .artist-link a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  width:274px;
}
*/


/*アプリボタン表示20151021変更*/
.artistAppArea { margin-bottom:60px; display: table; margin: 0 auto;   min-height: 150px;}
.artistAppArea .artistAppTxt{ text-align:center; font-weight:bold; font-size:18px; line-height:32px; padding:20px 0; display: table-cell;
  padding-left: 160px;
  padding-right: 40px;
  background: url(/v1/img/audition/artist/img-mobile.png) no-repeat 0 10px;
  vertical-align: middle; 
}
.artistAppArea .bt-box2 { overflow: hidden; width: 370px; margin: 0 auto 20px; display: table-cell; vertical-align: middle;  }
.artistAppArea .bt-box2 > p { width:185px; float: left; }
.artistAppArea .bt-box2 > p img{ width:100%;}


.artistlist a {
  position: relative;
}
.artistlist .st-stage {
  position: absolute;
  top: 163px;
  right: 5px;
}


#branch_vote {
  display: none;
  width: 687px;
  background-color: #f2f2f2;
  padding: 20px;
  text-align: center;  
}
#branch_vote .branch_vote_inner {
  border: 2px solid #fc0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  padding: 35px 0;
}
#branch_vote h3 {
  line-height: 1.1;
  margin-bottom: 25px;
  margin-top:25px;
  font-size: 22px;
}
#branch_vote ul {
  text-align: center;
}
#branch_vote li {
  display: inline-block;
  width: 57px;
  margin: 0 18px;
}
#branch_vote li img {
  width: 100%;
}


#entryMusic .notice {
  font-size: 11px;
  text-align: center;
  line-height: 1.5;
  color: #666;
  letter-spacing:0.1em;
}
.moreBtnsarea{ text-align:center;}

#dhitsBtn{ padding-top:40px;}
}

#entryMusic .notice a{text-decoration:underline; }
.artistlist .st-stage {
  width:60px; height:auto;
}

@media only screen and (min-width: 861px) and (max-width:1080px) {
  #entryMusic .artist-info {
    clear: both;
    width: 100%;
  }
  .artist-main .artist-info .artist-infoTxt { width:70%;}
}



@media only screen and (max-width: 860px) {
#branch_vote {
  display: none;
  background-color: #f2f2f2;
  padding: 10px;
  text-align: center;
  width: 100%;
}
#branch_vote .branch_vote_inner {
  border: 2px solid #fc0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
 
}

.img-branch_vote {
  width: 100%;
  
}
#branch_vote h3 {
  line-height: 1.1;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 14px;
}
#branch_vote ul {
  text-align: center;
  margin-bottom:10px;
}
#branch_vote li {
  display: inline-block;
  width: 43px;
  margin: 0 5px;
}
#branch_vote li img {
  width: 100%;
}
  
/*キャンペーンバナー用*/
#cpnbanner{ margin-top:-15px; padding:0 10px; max-width:auto; width:100%; background:#fff; margin-bottom:20px;}
#cpnbanner img{  background:#fff;}


#auditionLogo{ width:40%; margin:0 auto; margin-bottom:10px;}
#auditionLogo img{ width:100%;}


#main {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 14px;
  background: #fff;
  padding: 60px 0 0;
}

.artist-main {
  border: none;
  padding: 0;
  margin-bottom: 20px;
}

.artist-inner,
.artist-info,
.artist-text {

  display: block;
  letter-spacing:0.1em; font-size:14px;
  line-height:24px;
}

.artist-text {
  margin-top: 22px;
  background-color: #f2f2f2;
  padding: 15px;
}


.artist-info {
  width: 100%;
}

.artist-info .artist-img {
  vertical-align: top;
  width: 80px !important;
  margin-right: 10px;
  
}

.artist-info .artist-infoImg {
	display:inline-block;

  width: 90px;
}

.artist-info .artist-img span {
  display: block;
  width: 80px;
  height: 80px;
}
.artist-info .artist-img img {
  display: block;
	width:80px;
	height:80px;
	background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.artist-info .artist-infoTxt {
  display: inline-block;
  vertical-align: top;
  width: auto;
  width:65%;
}


.artist-info .btn-report-01 {
  text-align: right;
}

.artist-info .btn-report-01 img{ width:22px;}

.artist-main .artist-info .ttl {
  font-size: 16px; line-height:16px; 
  font-weight: bold;
  margin-bottom: 5px;
}
.artist-main .artist-info .ttl a{ font-weight:bold;    overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap; width:100%;
  line-height: 1.3;}


.artist-main .artist-info .myid{  font-size:14px; text-align:left; color:#666; margin-top:-15px; margin-bottom:5px;}

.artist-main .artist-info .myurl a{ font-size:14px; text-align:left;
	margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:20px; color:#fdd000;   }


.artist-main .artist-info .area {
  margin-bottom: 5px; font-weight:bold; letter-spacing:0.1em;
  font-size: 10px;
}

.artist-main .artist-info .area a {
  color: #d6000f;
  text-decoration: none;
  line-height: 19px; font-weight:bold;
}

.artist-main .artist-info .area img {
  margin-right: 5px;
  vertical-align: bottom;
  width: 7px;
  height: auto;
  vertical-align: middle;
}

.artist-main .artist-info .artist-link {
  width: 100%;
  font-size: 10px;
}

.artist-main .artist-info .artist-link a {
  color: #fdd000;
  text-decoration: none;
  margin-bottom: 30px;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.artist-main .artist-info .artist-link a img {
  margin-right: 5px;
  vertical-align: middle;
  width: 11px;
  height: auto;
}

.artist-main .btn-report-02 {
  display: none;
}



.music-list-box {
  margin-top: 60px;
}

.music-list-box h2 {
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}

.music-list-box .music-list li {
  position: relative;
  padding:10px;
  box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;

}

.music-list-box .music-list li > a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  width:90%;
  box-sizing:border-box;
}

.music-list-box .music-list .btn-report-03 {
  position: absolute;
  line-height: 6px;
  right: 10px;
  bottom: 10px;
  z-index: 10;

}

.music-list-box .music-list .btn-report-03  img{ width:22px;}

.music-list-box .thum,
.music-list-box .music-info {
  display: table-cell;
  vertical-align: top;
}

.music-list-box .thum {
  width: 60px;
  padding-right: 16px;
}

.music-list-box .music-list {
  margin-top: 27px;
}

.music-list-box .music-list li {
  border-top: 1px solid #9E9580;
  padding:10px;
  box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
}

.music-list-box .music-list li:last-child {
  border-bottom: 1px solid #9E9580;
}

.music-list-box .music-list li:nth-child(2n) {
  background: #f6f6f6;
}



.music-list-box .music-list li .playBtn {
  position: absolute;
  z-index: 1;
  /*left: 20px;
  top: 10px;*/
  width: 60px;
  height: 60px;
  display: block;
}

.musicImg{ width:60px;}
.musicImg img{ width:100%;}

.player .playw { width:60px; height:60px;}
.player .play {  background: url(/v1/img/artist/playbtn/btn_play.png) left top no-repeat; width:60px; height:60px; background-size: contain;}
.player .loading { background: url(/v1/img/artist/playbtn/btn_load.gif) left top no-repeat; width:60px; height:60px; background-size: contain;}
.player .error { background: url(/v1/img/artist/playbtn/btn_reload.png) left top no-repeat; width:60px; height:60px; background-size: contain;}
.player .pause {  background: url(/v1/img/artist/playbtn/btn_stop.png) left top no-repeat; width:60px; height:60px; background-size: contain;}


#appPop,#appPop2{  background:url(/v1/img/common/popup/appbg.png) left 200px repeat-x #fff;
 width:270px;  padding:10px; border-radius: 4px; position:relative;
  box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;
 -moz-box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;
-webkit-box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;
-o-box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;
-ms-box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;

}
#appPop h3,#appPop2 h3{ font-size:16px; font-weight:700; letter-spacing:0.1em;  line-height:24px; text-align:center; margin-bottom:25px; padding-top:20px;}

#appPop li,#appPop2 li{ width:50%; float:left;}
#appPop li img,#appPop2 li img{ width:100%;}
.popImg{ width:150px; margin:0 auto; margin-bottom:7px; }
.popImg img{ width:100%; }



/*editiconsize*/
.editIcon{ width:18px;}
.editbtn .editIcon{ width:16px; margin-right:10px;}
.editbtn{ border:1px solid #ccc;  text-align: center; line-height:16px; margin-top:20px; border-radius: 4px; margin-bottom:20px;}
.editbtn a{ text-decoration:none; }
.editbtn a{padding:10px 0; display:block;}


/*オーディションスタイル*/

.kanaTxt{ font-size:10px; text-align:left; line-height:16px; margin-bottom: 5px; font-weight: bold; }
.kanaTxt a{ width:100%;
   overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;}

#entryMusic{ width:100%; margin:0 auto; padding-top:13px; padding-left: 15px; padding-right: 15px; margin-top:0; box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
#entryMusic h2{ font-family: 'Lato'; font-weight: 700; font-size:21px; text-align:center; letter-spacing:0.1em}
#entryMusic h2 span{border-bottom:3px solid #000000;  padding-bottom:5px; }

#musicTit{ color:#000;  font-size:18px; font-weight:400; text-align:left; padding-top:10px; margin-bottom:20px; line-height: 1.472; }
.nobtn #musicTit{ margin-bottom:0; }
.musicTitIcon{ width:26px; margin-right:10px; }
.moreBtn a{ display: block; padding:10px 0; color:#fff  }


#otherEntry{ margin-top:20px; padding:20px 0; background:#f2f2f2;}
.entrytit{font-family: 'Lato';
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.1em;  margin-bottom:20px;
	line-height:28px;
	padding:0 10px;
    }
.entrytit img{ display:block; text-align:center; width:auto; margin:0 auto; margin-bottom:10px; max-height:50px; max-width:200px;}
.auditionLogo{ width:155px; margin:0 auto; margin-bottom:20px;}
.auditionLogo img{ width:100%;}



/*audio*/
#audio{ background:#000; width:100%; }
.playbtn_audition{ width:60px; margin:0 auto; padding:30px 0 30px 0;}
.playbtn_audition img{ width:100%;}

.times{ padding:0 15px; position:relative; padding-bottom:10px;}
.bar{width:60%; background:#666666; height:5px;  display:inline-block;  vertical-align:middle; position: relative;}
.bar span{ background:#fff; width:30%; position:absolute; left:0; top:0; height:5px;}
.playtime{ color:#ccc; width:18% ;  display:inline-block; vertical-align:middle;  text-align:center;}
.alltime{ color:#ccc; width:18% ;  display:inline-block; vertical-align:middle; text-align:center;}

.playbtn_audition .play {  background: url(/v1/img/audition/playbtn/btn_play.png) left top no-repeat; background-size: 60px 60px; width:60px; height:60px; background-size: contain;}
.playbtn_audition .loading {background: url(/v1/img/audition/playbtn/btn_load.gif) left top no-repeat; background-size: 60px 60px; width:60px; height:60px; background-size: contain;}
.playbtn_audition .error { background: url(/v1/img/audition/playbtn/btn_reload.png) left top no-repeat; background-size: 60px 60px; width:60px; height:60px; background-size: contain;}
.playbtn_audition .pause {  background: url(/v1/img/audition/playbtn/btn_stop.png) left top no-repeat; background-size: 60px 60px; width:60px; height:60px; background-size: contain;}




/*未確認コメントpop*/
#coment{  margin-bottom: 10px; }

#coment{ max-width:400px; margin:0 auto;}




/*moreボタン*/
.moreBtn{ border:1px solid #333; font-size:14px; letter-spacing:0.1em; text-align:center; width:240px; margin:0 auto; margin-top:20px; background:#333; }
.moreBtn a{ display: block; padding:10px ; color:#fff; text-decoration:none;  }

/*リスト表示*/
 .artistlist li{ display: inline-block; margin-bottom:20px; }
#dhitsBtn{ width:240px; margin:0 auto; padding-top:20px;}


.artistlist a {
  position: relative;
}

/*
.artist-link a{ overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width:100% ;}
*/




/*アプリボタン表示20151021変更*/
.artistAppArea{ margin-bottom:30px;}
.artistAppArea .artistAppTxt{ text-align:center; font-weight:bold; font-size:12px; line-height:1.5; padding:20px 0;
  padding-top: 185px;
  background: url(/v1/img/audition/artist/img-mobile_sp.png) no-repeat 50% 0;
  background-size: 198px 185px;
}



/*アプリボタン表示*/
.bt-box2 p{ float:left; }
.bt-box2 p{ width:50%; padding:0 20px;}
.bt-box2 p.appstoreBtn{  padding-right:5px; margin-bottom:20px;}
.bt-box2 p.gplayBtn{ width:50%; padding-left:5px; }



#entryMusic .voteBtn { text-align: center; margin: 0 auto 0; height:50px; }
#entryMusic .voteBtn a { display: inline-block; padding-left: 2em; padding-right: 2em; max-width: 100%; text-align: center; background-color: #fed209; color: #fff; overflow:hidden;
  font-size: 18px;
  line-height: 2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  min-width:240px; line-height:50px }

#entryMusic .voteBtn .vote-end { display: inline-block; padding-left: 2em; padding-right: 2em; max-width: 100%; text-align: center; background-color: #ccc; color: #fff;
  font-size: 18px;
  line-height: 2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; min-width:240px;  line-height:50px;
  overflow:hidden; white-space:nowrap;
}



.artist-main .artist-inner .audition-logo {
  text-align: center;
  padding: 5px 0;
  background-color: #f2f2f2;
  height:55px;
}
.artist-main .artist-inner .audition-logo img {
  width: auto; max-height:45px; max-width:220px;
  display:inline-block; vertical-align:middle;
}


#entryMusic .notice {
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  color: #666;
  width: 39.68254%; padding-top:20px;
}

.artist-text-inner p.textOverFlow02{ font-size:12px; line-height:18px; }
.artist-main .artist-info .artist-img img{ background-color:#fff; border:1px solid #ccc;}
#coment{ padding-top:20px;}

.textOverFlow02 { word-break: break-all; }
.textOverFlow02 a{ color: #fdd000;
  text-decoration: none;
  display: block;
  text-align:right;}

}




@media screen and (min-width: 861px) and (max-width: 1100px) {
.artist-main{ width:100%;}
.music-list-box{ width:100%;}
}



/*編集*/
#edit-box{ width:240px; font-family: 'Noto Sans JP', sans-serif; display:none;
 box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;
 -moz-box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;
-webkit-box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;
-o-box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;
-ms-box-shadow: rgba(57, 59, 61, 0.278431) 0px 0px 6px 3px;
  background: #fff;
  color:#333;
 }
#edit-box li{ border-bottom:1px solid #ccc; font-size:14px; color:14px; text-align:center; padding:10px 0;}
#edit-box h3{ font-size:20px; letter-spacing:0.1em; background:#000; color:#fff; text-align:center; padding:20px 0;}
#edit-box li a:hover{ text-decoration:underline;}
#edit-box li a{text-decoration:none; padding:5px 0;}


.uploadBtn{ text-align:center; padding:30px 0; border-top:1px solid #9E9580; margin-bottom:-27px; margin-top:10px;}

@media only screen and (max-width: 860px) {
	.uploadBtn{ text-align:center; padding:30px 0; border-top:1px solid #9E9580; margin-top:20px;}
	.uploadBtn a{ width:240px;     border-radius: 4px;}
	
	#entryMusic .notice {
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  color: #666; width:auto;
}

.artist-main .artist-info .artist-link a{ margin-bottom:0;}
.artistlist .st-stage {
  position: absolute;
  width:60px; height:60px;
  top:92px; right:2px;
}

	}

.uploadBtn a{  color:#fff; background:#d6000f;  display:inline;  text-decoration:none; padding:12px 80px;   border-radius: 4px;  }
.uploadBtn a:hover{color:#d6000f; border:2px solid #d6000f; background:none; }

#report-box,#appPop,#appPop2{ display:none;}

/*検閲中*/
.censorshipIng{ background:#fff; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;
background-color:rgba(102,102,102,0.20);}
.censorshipIng p{ text-align:center; padding-top:30px;}
.censorshipIng p span{ background:#fff; display: inline; padding:3px;
  border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  }

/*保留*/
.caution{ background:#fff; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;
background-color:rgba(102,102,102,0.20);}

.daydate{ color:#ccc;}



#cautionTxt h3{ font-size:18px; text-align:center; background:#000; color:#fff; width:100%; padding:20px 0; margin-bottom:20px;}
#cautionTxt{ margin:0 auto;}
#cautionTxt{ display:none;}
#cautionTxt{ width:100%; font-size:14px; padding:20px; background:#fff; color:#000; display:none; }
#cautionTxt p{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #FDD000; font-weight:bold;}
#cautionTxt.red{ color:#d6000f;}
#cautionTxt a { display:inline;}
#cautionTxt a span { background:#FDD000; padding:5px; margin-top:5px;}

.music-ttl{ position:relative; z-index:11;}
@media only screen and (max-width: 480px) {
	#cautionTxt a span { line-height:30px;}
	}