@charset "utf-8";

/*
======================================================================
大会（CONTEST）
======================================================================
*/
.attention{color:#006aff;}

a{color:#006aff;}

.info_text{ clear:both;}
.coution{font-size:80%; margin-top:15px;}
.last{margin-bottom:50px;}

/*コンテスト　フォームカスタマイズ*/
form {width:90%; margin:0 auto; padding:0;}
.form .select_name{width:15%;min-width:150px; margin:0 auto; padding-left:10px;}
.form .select_pull {width:45%;margin:0 2%;}
.form select{padding:7px;}
.form .select_btn{width:20%; float:left;}
.btn{width:96%; margin:0 auto;}
input.text{width:100%; height:36px;padding:5px;}
input.password{float:left;width : -webkit-calc(50% - 130px) ;width : -moz-calc(50% - 130px) ;width : calc(50% - 130px); height:36px;padding:5px;}
.input_text{float:left;width:45%; margin:0 2%;}



/*大会検索結果*/
ul#contest_search_all{width : 90%; max-width:960px;margin:30px auto 50px;padding:0;}
ul#contest_search_all li{margin:0 auto 20px;background-color: #ffdc32;color:#0a302a;}
ul#contest_search_all li:after{content: "";display:block;clear:both;}

/*各大会情報テーブル*/
table.contest_data{border-collapse: collapse; width:100%;color:#0a302a;}
table.contest_data td{background-color: #fffcd5;border:1px solid #0a302a;vertical-align: middle;height:40px;padding:5px 0 5px 10px;}
table.contest_data td .contest_name{float:left;width : -webkit-calc(100% - 80px) ;width : -moz-calc(100% - 80px) ;width : calc(100% - 80px);}
table.contest_data td #tw{float:right;}
table.contest_data td.category{width:120px;background-color: #ffdc32;}


/*大会詳細*/

/*大会開催告知*/
#contest_nootice{ width:90%; margin:20px auto; padding:10px;color:#f88621; text-align:center; font-size:24px; font-weight:bold; border-radius:6px; background-color:#fff;}

/*あなたの成績・指定楽曲番号リスト*/
ol#contest_music,
ol#your_score{width : 100%; max-width:700px;margin:30px auto;color:#0a302a; counter-reset: li;list-style: none;padding-left: 0;}

ol#contest_music:after,
ol#your_score:after{content: "";display:block;clear:both;}

ol#contest_music > li,
ol#your_score > li {
 position: relative;
 margin-bottom: .5em;
 padding-left: 2.5em;
}
ol#contest_music > li:before,
ol#your_score > li:before {
 content: counter(li) "";
 counter-increment: li;
 position: absolute;
 left: 0;
 width: 1.8em;
 height: 1.8em;
 background: #ffdc32;
 border-radius: 50px;
 color: #0a302a;
 font-weight:bold;
 line-height: 1.8;
 text-align: center;
}
ol#contest_music li,
ol#your_score li{margin-bottom:20px; width : -webkit-calc(100% - 40px) ;width : -moz-calc(100% - 40px) ;width : calc(100% - 40px) ;}
ol#contest_music li:after,
ol#your_score li:after{content: "";display:block;clear:both;}
ol#contest_music .set,
ol#your_score .set{ width:100%;font-size:14px;padding:10px; background-color:#fff7b9;border-radius:6px;border:1px solid #0a302a;;}
ol#contest_music .set:after,
ol#your_score .set:after{content: "";display:block;clear:both;}
ol#contest_music img,
ol#your_score img{width:100%; height:auto;}
ol#your_score .ex{width:20px;height:20px;margin-top:5px;}
ol#contest_music .music_icon,
ol#your_score .music_icon{float:left; width:65px; height:65px; margin:0 15px 10px 0;}
ol#contest_music .music_data,
ol#your_score .music_data{float:left; width : -webkit-calc(100% - 80px) ;width : -moz-calc(100% - 80px) ;width : calc(100% - 80px) ; margin-bottom:10px;}
ol#contest_music .music_category,
ol#your_score .music_category{clear:both;float:left;width:110px;height:20px; margin:5px 5px 0 0;background-color:#ffdc32;background-repeat:no-repeat; background-position:center center;}

ol#your_score .score{ clear:both;padding-top:5px; border-top:1px solid #0a302a; text-align:right;color:#006aff;font-weight:bold; font-size: 16px}
ol#your_score .score img{ width:60px; height:10px; vertical-align: middle; border:none;}

ol#your_score dl{float:right; width:300px; margin-right:40px; padding:5px 0;background-color:#ffdc32;color:#0a302a; word-break: break-all;}
ol#your_score dl:after{content: "";display:block;clear:both;}
ol#your_score dl dt,ol#your_score dl dd{float:left;padding:2px 0;}
ol#your_score dl dt{ clear:both;width:140px; padding-left:10px;}
ol#your_score dl dd{color:#006aff;font-weight:bold;text-align:center; width : -webkit-calc(100% - 190px) ;width : -moz-calc(100% - 190px) ;width : calc(100% - 190px) ;}

li.basic .music_category{ background-image:url(../images/playdata/msc_dif_txt_00_0.png);}
li.advanced .music_category{ background-image:url(../images/playdata/msc_dif_txt_00_1.png);}
li.extreme .music_category{ background-image:url(../images/playdata/msc_dif_txt_00_2.png);}
li.seq_type_0 .music_category{ background-image:url(../images/playdata/msc_dif_txt_00_0.png);}
li.seq_type_1 .music_category{ background-image:url(../images/playdata/msc_dif_txt_00_1.png);}
li.seq_type_2 .music_category{ background-image:url(../images/playdata/msc_dif_txt_00_2.png);}

li.edit .music_category{ background-image:url(../images/playdata/msc_dif_txt_00_3.png);}
li.edit .sub_data{font-size:12px; color:#0a302a;}
li.edit .music_name a{color:#006aff; font-weight:bold;}
li.seq_type_3 .music_category{ background-image:url(../images/playdata/msc_dif_txt_00_3.png);}
li.seq_type_3 .sub_data{font-size:12px; color:#d1d1d1;}
li.seq_type_3 .music_name a{color:#f88621;}

li.nofile .music_name{color:#FF0000;}

.ex_mark{float:left;width:24px;height:24px;  margin-top:2px;background-image:url(../images/contest/exclamation.png);background-repeat:no-repeat; background-position:center center; background-size:cover;}
img.ex{vertical-align:baseline;}
.btn.active{height:40px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
align-items: center; /* 縦方向中央揃え */
-webkit-justify-content: center; 
justify-content:         center;
background-color:#f2690d;}
.btn.active:after{
position: absolute;
left: 50%;
margin-left:-50%;
content: '';
width: 100%;
max-width:200px;
height: 6px;
box-sizing: border-box;
bottom: -6px;
border-bottom: 3px solid #f2690d;
}

@media screen and (max-width:899px) {
.btn.active:after{max-width:100%;}
}


/*大会ランキング&スコア*/
ul#contest_ranking{width : 90%; max-width:960px;margin:30px auto 10px; padding:0;line-height:40px;border-top:1px solid #0a302a;}
ul#contest_ranking li{width : 100%;text-aligh:center;color:#0a302a; border-bottom:1px solid #0a302a;}
ul#contest_ranking li:nth-child(odd){background-color: #fff7b9;}
ul#contest_ranking li:nth-child(even){background-color: #f0e8af;}
ul#contest_ranking li:after{content: "";display:block;clear:both;}

ul#contest_ranking li .ranking_number{float:left; width:40px; text-align:center; font-weight:bold;}
ul#contest_ranking li .name{float:left; width : -webkit-calc(100% - 340px);width : -moz-calc(100% - 340px);width : calc(100% - 340px);}
ul#contest_ranking li .score{float:left;width :290px;padding-right:10px;text-align:right;color:#006aff;}
ul#contest_ranking li .score span.head{float:left;padding:0 10px;color:#0a302a;font-weight:bold;background-color: #ffdc32;margin-right:10px;}
/*ランキング更新日時*/
#ranking_update{ width:100%; margin:20px auto; text-align: center;}


/*大会開催*/
.contest_plan_item{width:90%; border-top:1px solid #0a302a;max-width:960px;margin:30px auto 10px; color:#0a302a;}
.contest_plan_item .item_title{ float:left;width:130px; padding:10px 5px;font-size:20px;font-weight:bold;}
.contest_plan_item .form_cnf{ float:left;width : -webkit-calc(100% - 150px);width : -moz-calc(100% - 150px);width : calc(100% - 150px); padding:5px 10px; line-height:28px;}
.contest_plan_item:after{content: "";display:block;clear:both;}

/*大会開催の指定楽曲番号リスト*/
ol#select_music_list{ clear:both;width :100%;margin:10px auto 20px;color:#0a302a;counter-reset: li;list-style: none;padding-left: 0;}

ol#select_music_list > li {
 position: relative;
 margin-bottom: .5em;
 padding-left: 2.5em;
}
ol#select_music_list > li:before {
 content: counter(li) "";
 counter-increment: li;
 position: absolute;
 left: 0;
 width: 1.8em;
 height: 1.8em;
 background: #ffdc32;
 border-radius: 50px;
 color: #000;
 font-weight:bold;
 line-height: 1.8;
 text-align: center;
}
ol#select_music_list li{margin-bottom:20px;width:100%;}
ol#select_music_list li:after{content: "";display:block;clear:both;}

ol#select_music_list li .music_title{float:left;width : -webkit-calc(100% - 220px);width : -moz-calc(100% - 220px);width : calc(100% - 220px); min-height:45px;
margin-right:20px;padding:10px 120px 10px 10px; 
font-size:14px;background-color:#fff7b9;background-repeat:no-repeat; border-radius:6px;border:1px solid #0a302a;}

/*確認画面のリストWidth調整*/
ol#select_music_list.cnf li .music_title{float:left;width : 100%; }

ol#select_music_list li.basic .music_title{background-image:url(../images/playdata/msc_dif_txt_00_0.png);background-position: right -10px center;}
ol#select_music_list li.advanced .music_title{background-image:url(../images/playdata/msc_dif_txt_00_1.png);background-position: right 10px center;}
ol#select_music_list li.extreme .music_title{background-image:url(../images/playdata/msc_dif_txt_00_2.png);background-position: right 2px center;}
ol#select_music_list li.seq_type_0 .music_title{background-image:url(../images/playdata/msc_dif_txt_00_0.png);background-position: right -10px center;}
ol#select_music_list li.seq_type_1 .music_title{background-image:url(../images/playdata/msc_dif_txt_00_1.png);background-position: right 10px center;}
ol#select_music_list li.seq_type_2 .music_title{background-image:url(../images/playdata/msc_dif_txt_00_2.png);background-position: right 2px center;}
ol#select_music_list li.seq_type_3 .music_title{background-image:url(../images/playdata/msc_dif_txt_00_3.png);background-position: right -18px center;}

ol#select_music_list li .btn{float:left;width:200px;margin:0;text-align:center;}

/*指定楽曲選択画面*/

/*ページ切替ボタン*/
#select_music.contest_btn {width:420px;margin:30px auto;}
#select_music.contest_btn:after{content: "";display:block;clear:both;}
#select_music.contest_btn .btn{ float:left; margin:0 5px;}

/*指定楽曲選択画面*/
ul#select_music_jubeat{width:100%;border-top:solid #0a302a 1px; padding:0;}
ul#select_music_jubeat li{width:100%;border:solid #0a302a 1px;border-top:none; background-color:#fff7b9;}
ul#select_music_jubeat li:nth-child(even){ background-color:#f0e8af;}
ul#select_music_jubeat:after,
ul#select_music_jubeat li:after{content: "";display:block;clear:both;}
ul#select_music_jubeat .data_set,
ul#select_music_jubeat .rank_set{ float:left;}
ul#select_music_jubeat img{ width:100%; height:auto;}
ul#select_music_jubeat .data_set{width : -webkit-calc(100% - 390px) ;width : -moz-calc(100% - 390px) ;width : calc(100% - 390px);display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
align-items: center; /* 縦方向中央揃え */}
ul#select_music_jubeat .music_icon{float:left;width:50px; padding:5px;}
ul#select_music_jubeat .music_name{float:left;width : -webkit-calc(100% - 60px) ;width : -moz-calc(100% - 60px) ;width : calc(100% - 60px); padding-left:10px;font-size:12px;}
ul#select_music_jubeat .music_name a{color:#006aff; font-weight:bold;}
ul#select_music_jubeat .basic,
ul#select_music_jubeat .advanced,
ul#select_music_jubeat .extreme,
ul#select_music_jubeat .seq_type_0,
ul#select_music_jubeat .seq_type_1,
ul#select_music_jubeat .seq_type_2,
ul#select_music_jubeat .seq_type_3,
ul#select_music_jubeat .edit{width:130px; min-height:50px;background-position: center center; background-repeat:no-repeat; background-size:auto;}
ul#select_music_jubeat .basic,
ul#select_music_jubeat .advanced,
ul#select_music_jubeat .extreme{ float:left;}
ul#select_music_jubeat .seq_type_0,
ul#select_music_jubeat .seq_type_1,
ul#select_music_jubeat .seq_type_2{ float:left;}
ul#select_music_jubeat .basic a,
ul#select_music_jubeat .advanced a,
ul#select_music_jubeat .extreme a,
ul#select_music_jubeat .seq_type_0 a,
ul#select_music_jubeat .seq_type_1 a,
ul#select_music_jubeat .seq_type_2 a,
ul#select_music_jubeat .seq_type_3 a,
ul#select_music_jubeat .edit a{ width:100%; min-height:50px; display:block; cursor:pointer;}
ul#select_music_jubeat .basic{background-image:url(../images/common/dif_0.png);border-left:1px solid #0a302a;}
ul#select_music_jubeat .advanced{background-image:url(../images/common/dif_1.png);border-left:1px solid #0a302a;}
ul#select_music_jubeat .extreme{background-image:url(../images/common/dif_2.png);border-left:1px solid #0a302a;}
ul#select_music_jubeat .seq_type_0{background-color:#77c136;background-image:url(../images/common/dif_0.png);}
ul#select_music_jubeat .seq_type_1{background-color:#e4862b;background-image:url(../images/common/dif_1.png);}
ul#select_music_jubeat .seq_type_2{background-color:#e42a50;background-image:url(../images/common/dif_2.png);}
ul#select_music_jubeat .edit{float:right;background-image:url(../images/common/dif_3.png);border-left:1px solid #0a302a;}
ul#select_music_jubeat .seq_type_3{float:right;background-color:#2b8be4;background-image:url(../images/common/dif_3.png);}

/*大会開催フォーム　部品*/
.input_text#contest_title,.input_text#contest_password{width : -webkit-calc(100% - 20px) ;width : -moz-calc(100% - 20px) ;width : calc(100% - 20px);}
.input_text#contest_password{ margin-top:20px;}
.form{ clear:both; width :100%; padding-left:10px; }
select.contest_last{ width:60px; height:36px;}
#contest_score_update label{ font-size:16px;}
.pass{ clear:both; margin-bottom:15px;}
.pass:after{content: "";display:block;clear:both;}
.pass_title{float:left; width:130px; margin-right:10px; line-height:36px;}
#hold_contest_cnf.contest_btn {width:420px;}
#hold_contest_cnf .btn{ float:left; margin:0 5px;}
#hold_contest_cnf:after{content: "";display:block;clear:both;}


/*大会参加情報*/
#join_info.contest_btn {width:660px;}
#join_info .btn{ float:left; margin:0 5px;}
#join_info:after{content: "";display:block;clear:both;}


/*大会とは？小見出し*/
.sub_title{width :90%;border-bottom:1px dotted #0a302a;margin:20px auto 10px; padding-bottom:5px;color:#0a302a;font-weight:bold;}


/*ボタン表示エリア*/
.contest_btn{ text-align:center; margin:30px auto 50px;}


@media screen and (max-width:899px) {

/*コンテスト　フォームカスタマイズ*/
form {width:96%;}
.form .select_name{width:96%;min-width: inherit; border:none;}
.form .select_pull{width:96%; margin:10px 2%;}
.form .select_btn{ clear:both;float:none;}
.input_text{float:none;width:96%; margin:10px auto;}
.form .select_btn{float:none;width:45%; margin:10px auto;}  

/*大会検索結果*/
ul#contest_search_all{width : 90%; margin:20px auto;}
/*各大会情報テーブル*/
table.contest_data{width : 100%; margin:0;padding:0;}
table.contest_data td{font-size:13px;padding-left:5px;}
table.contest_data td.category{width:80px;font-size:12px;}
table.contest_data td .contest_name{float:none;width:100%;}
table.contest_data td #tw{ clear:both;float:none;}

ol#contest_music,
ol#your_score{width : 100%;}
ol#contest_music li,
ol#your_score li{width : -webkit-calc(100% - 5px) ;width : -moz-calc(100% - 5px) ;width : calc(100% - 5px) ;}

ol#your_score dl{float:none;margin:20px auto;}

/*大会ランキング&スコア*/
ul#contest_ranking{width :100%;}
ul#contest_ranking li .name{float:left; width : -webkit-calc(100% - 50px) ;width : -moz-calc(100% - 50px) ;width : calc(100% - 50px) ;}
ul#contest_ranking li .score{clear: both;width : 100% ; line-height:30px;font-size:14px;border-top:1px dotted #d7d7d7;}

/*ランキング更新日時*/
#ranking_update{ font-size:14px;}


ol#contest_music > li,
ol#your_score > li,
ol#select_music_list > li {
 position: relative;
 margin-bottom: .5em;
 padding-left: 1.8em;
}
ol#contest_music > li:before,
ol#your_score > li:before, 
ol#select_music_list > li:before {
 width: 1.4em;
 height: 1.4em;
 line-height: 1.4;
}


/*大会開催*/
.contest_plan_item .item_title{width:100%;font-size:18px;}
.contest_plan_item .form_cnf{ clear:both; float:none;width : 100%; padding:5px;font-size:14px; line-height:20px;}

ol#select_music_list li{margin-bottom:30px;}
ol#select_music_list li .music_title{float:left;width : 100%; margin-bottom:10px; padding:5px 10px 30px; line-height:140%;border-radius:6px; }
ol#select_music_list li .music_title .category{float:none;line-height:20px;}
ol#select_music_list li.basic .music_title{background-position: left -10px bottom 5px;}
ol#select_music_list li.advanced .music_title{background-position:left 10px bottom 5px;}
ol#select_music_list li.extreme .music_title{background-position:left 2px bottom 5px;}
ol#select_music_list li.seq_type_0 .music_title{background-position: left -10px bottom 5px;}
ol#select_music_list li.seq_type_1 .music_title{background-position:left 10px bottom 5px;}
ol#select_music_list li.seq_type_2 .music_title{background-position:left 2px bottom 5px;}
ol#select_music_list li .btn{ clear:both; float:none;width:100%; margin:10px auto 20px;}

/*指定楽曲選択画面*/

/*ページ切替ボタン*/
#select_music.contest_btn {width:96%; max-width:420px;}
#select_music.contest_btn .btn{ float:none; max-width:inherit;width:100%; margin:15px 0;}

/*指定楽曲選択画面*/
ul#select_music_jubeat{ width:96%; margin:0 auto; padding:0;}
ul#select_music_jubeat li{ margin-bottom:15px;}
ul#select_music_jubeat .data_set,
ul#select_music_jubeat .rank_set{ clear:both;float:none; width:100%;}
ul#select_music_jubeat .basic,
ul#select_music_jubeat .advanced,
ul#select_music_jubeat .extreme{width : -webkit-calc(100% / 3) ;width : -moz-calc(100% / 3) ;width : calc(100% / 3); min-height:36px;}
ul#select_music_jubeat .seq_0,
ul#select_music_jubeat .seq_1,
ul#select_music_jubeat .seq_2{width : -webkit-calc(100% / 3) ;width : -moz-calc(100% / 3) ;width : calc(100% / 3); min-height:36px;}
ul#select_music_jubeat .basic a,
ul#select_music_jubeat .advanced a,
ul#select_music_jubeat .extreme a,
ul#select_music_jubeat .seq_0 a,
ul#select_music_jubeat .seq_1 a,
ul#select_music_jubeat .seq_2 a,
ul#select_music_jubeat .edit,
ul#select_music_jubeat .edit a{width :100%; min-height:36px;}

#contest_score_update label{ text-align:left;}
input.password{float:left;width :100%;}



/*大会参加情報*/
#join_info.contest_btn {width:90%;}
#join_info .btn{ float:none; max-width:inherit; width:100%; margin:15px 0;}

/*大会とは？小見出し*/
.sub_title{width :96%;}

}

@media screen and (max-width:639px) {

/*大会開催*/
.contest_plan_item{width:100%;}

/*指定楽曲選択画面*/
ul#select_music_jubeat{ width:100%;}
ul#select_music_jubeat .basic,
ul#select_music_jubeat .advanced,
ul#select_music_jubeat .extreme{background-size:96% auto;}
ul#select_music_jubeat .seq_0,
ul#select_music_jubeat .seq_1,
ul#select_music_jubeat .seq_2{background-size:96% auto;}

#hold_contest_cnf.contest_btn {width:96%;}
#hold_contest_cnf.contest_btn .btn{ float:none; max-width:inherit;width:100%; margin:10px 0;}

/*大会参加情報*/
#join_info.contest_btn {width:96%;}

}

/*
======================================================================
COMING SOON
======================================================================
*/

.soon_set{
position:relative;
color:#0a302a;
width:90%;
background-color:#ebe2a4;
border-top:1px solid #0a302a;
border-bottom:1px solid #0a302a;
margin:20px 5%;}

#soon_title{
width:90%;
text-align:center;
font-size:18px;
font-weight:bold;
margin:30px auto 10px auto;
padding:1%;
}

#soon_text{
width:90%;
text-align:center;
font-size:14px;
margin:30px auto 10px auto;
padding:1%;
}


@media screen and (max-width:900px){

#soon_title{
width:96%;
font-size:14px;}

#soon_text{
font-size:12px; 
}

}