/*clearfix
#base div:after,#base ul:after{display:block; content:""; clear:both; visibility:hidden; height:0;}*/

.series-all table td .series-info .score-cel::after,
.music-played table .played-date::after,
.music-played table .played-time::after{display:block; content:""; clear:both; visibility:hidden; height:0;}

/*
================================================================================================================
テーマ変更
================================================================================================================
*/
.music-notice{/*color:#fff; background-color:#f86000;*/}

@media screen and (max-width:600px){
.music-playtime ul li,
.music-detail table *,
.music-detail-rival table *{font-size:11px !important;}}

form{
color:#fff;
background-color:#283848;
border-radius:10px;
border:1px solid #000;}

/*
================================================================================================================
COMMON
================================================================================================================
*/
.music-notice{
width:100%;
font-size:13px;
text-align:center;}

table{width:100%; background-color:rgba(255,255,255,0.9); margin:20px 0;}
table:after{visibility:hidden; display:block; content: " "; clear:both; height:0;}
table th{color:#fff; background-color:#555; font-size:13px; font-weight:bold; text-align:center; border:1px solid #111;}
@media screen and (max-width:799px){
table th{font-size:11px;}
table td{font-size:11px;}}

@media screen and (max-width:480px){
.music-notice{text-align:left !important; font-size:11px;}}

/*
================================================================================================================
楽曲データ-詳細
================================================================================================================
*/
/*楽曲名*/
.music-name{width:100%;}
.music-name ul{width:100%; text-align:center; font-family:'M PLUS 1', sans-serif;}
.music-name ul li{display:block; width:100%; padding:3px 0;}
.music-name ul li:first-child{color:#ff9000; font-weight:bold; word-wrap:break-word !important; letter-spacing:1px;}
.music-name ul li:nth-child(2){font-size:12px;}
@media screen and (max-width:480px){
.music-name ul li:nth-child(2){font-size:11px;}
.music-name ul li:nth-child(3){font-size:12px;}}

/*選曲回数*/
.music-playtime{width:100%; color:#000; margin-top:5px;}
.music-playtime ul{width:100%; text-align:right;}
.music-playtime ul li{font-size:14px; padding:3px 10px;}
.music-playtime ul li:first-child{background-color:#999;}
.music-playtime ul li:last-child{background-color:#ccc;}

/*テーブル装飾*/
.music-detail table th{font-size:15px; padding:5px 0;}
.music-detail table td{font-size:14px; color:#000; background-color:#fff; padding:5px; border:1px solid #111; text-align:center;}
.music-detail table td img{padding:5px 0;}
.music-detail table td:first-child{width:15%;}
.music-detail table td:last-child{width:85%;}

/*テーブル装飾-ライバル比較用*/
.music-detail-rival table th{font-size:15px; padding:5px 0;}
.music-detail-rival table td{font-size:14px; color:#000; background-color:#fff; padding:5px; border:1px solid #111; text-align:center;}
.music-detail-rival table td img{padding:5px 0;}
.music-detail-rival table tr:nth-child(2) td{color:#fff !important; font-weight:bold;}
.music-detail-rival table tr:nth-child(2) td:nth-child(2){background-color:#c00;}
.music-detail-rival table tr:nth-child(2) td:last-child{background-color:#03c;}
.music-detail-rival table td:first-child{width:14%;}
.music-detail-rival table td:nth-child(2){width:43%;}
.music-detail-rival table td:last-child{width:43%;}

/*閉じるボタン*/
#music-close{width:100%; text-align:center;}
#music-close a{
display:block;
width:100%;
max-width:300px;
color:#fff;
background:#434343;
background:linear-gradient(to bottom, #434343 0%,#060606 100%);
font-size:16px;
font-weight:bold;
border:1px solid #000;
border-radius:5px;
margin:0 auto;
padding:10px;}
#music-close a:hover{
background:#ccc;
background:linear-gradient(to bottom, #ccc 0%,#888 100%);
border:1px solid #777;}
@media screen and (max-width:480px){#music-close a{max-width:100%; font-size:14px; padding:5px;}}

@media screen and (max-width:799px){
#music table td:first-child{width:18%; font-size:12px !important;}}

/*
================================================================================================================
楽曲データ-マイベストランキング
================================================================================================================
*/
/*テーブル装飾*/
.music-best table th:first-child{width:8%;}
.music-best table th:nth-child(2){width:70%;}
.music-best table th:last-child{width:22%;}
.music-best table td{font-size:12px; color:#000; background-color:#fff; border:1px solid #111; text-align:center;}
.music-best table a{display:block; color:#0066cc; padding:10px 5px;}
.music-best table a:hover{text-decoration:underline; background-color:#e6ecef;}

@media screen and (max-width:799px){
.music-best table td:nth-child(2){text-align:left;}}

/*
================================================================================================================
楽曲データ-シリーズ
================================================================================================================
*/
/*難易度別 テーブル装飾*/
.series-difficulty table br{display:none;}
.series-difficulty table img{padding:5px;}
.series-difficulty table th{font-size:15px; padding:10px 0;}
.series-difficulty table td{font-size:12px; color:#000; background-color:#fff; text-align:center; border:1px solid #111;}
.series-difficulty table td a{display:block; color:#0066cc; font-size:14px; padding:10px 5px;}
.series-difficulty table td a:hover{text-decoration:underline; /*background-color:#e6ecef;*/}
.series-difficulty table td:first-child{width:30%;}
.series-difficulty table td:nth-child(2){width:10%; padding:0 5px;}
.series-difficulty table td:nth-child(3){width:10%;}
.series-difficulty table td:nth-child(4){width:15%; padding:0 5px;}
.series-difficulty table td:last-child{width:25%;}

@media screen and (min-width:800px){.series-difficulty table tr:nth-child(2){display:none;}}
@media screen and (max-width:799px){
.series-difficulty table br{display:block;}
.series-difficulty table td a{font-size:12px; text-align:left;}
.series-difficulty table tr:nth-child(2) td{background-color:#ccc; font-size:14px; font-weight:bold; padding:5px 0;}
.series-difficulty table td:first-child{width:40%;}
.series-difficulty table td:nth-child(2){display:none;}
.series-difficulty table td:nth-child(3){width:10%;}
.series-difficulty table td:nth-child(4){width:25%;}
.series-difficulty table td:last-child{width:25%;}}

/*難易度全て テーブル装飾*/
.series-all table th{font-size:15px; padding:10px 0;}
.series-all table td{text-align:center; color:#000; background-color:#fff; border:1px solid #111;}
.series-all table td a{display:block; color:#0066cc; font-size:14px; padding:5px 0;}
.series-all table td a:hover{text-decoration:underline; background-color:#e6ecef;}
.series-all table td .series-info{
display:block;
width:100%;
background:#eee;
background:linear-gradient(to bottom, #eee 58%,#fbfbfb 100%);
padding:10px 0;}
.series-all table td .series-info .score-cel{float:left; width:33%; font-size:12px;}
.series-all table td .series-info .score-cel span{font-size:13px; font-weight:bold;}
.series-all table td .series-info .score-cel img{padding:5px;}

@media screen and (min-width:800px){.series-all table tr:nth-child(2){display:none;}}
@media screen and (max-width:799px){
.series-all table tr:nth-child(2) td{background-color:#ccc; font-size:14px; font-weight:bold; padding:5px 0;}}

/*
================================================================================================================
楽曲データ-曲名
================================================================================================================
*/
/*テーブル装飾*/
.music-title table th{font-size:15px; padding:10px 0;}

.music-title table td{font-size:13px; color:#000; background-color:#fff; text-align:center; border:1px solid #111;}
.music-title table td a{display:block; color:#0066cc; font-size:14px; padding:10px 5px;}
.music-title table td a:hover{text-decoration:underline; background-color:#e6ecef;}

/*@media screen and (min-width:800px){.music-difficulty table tr:nth-child(2){display:none;}}*/
@media screen and (max-width:799px){
.music-title table br{display:block;}
.music-title table td a{font-size:12px; text-align:left;}}

/*
================================================================================================================
楽曲データ-難易度別
================================================================================================================
*/
.music-diff th{width:50%; font-size:13px; padding:5px 0;}
.music-diff td{font-size:13px; color:#000; background-color:#fff; border:1px solid #111; text-align:center; vertical-align:middle; padding:5px;}
.music-diff td:first-child,.music-diff td:nth-child(3){width:30%;}
.music-diff td:nth-child(2),.music-diff td:last-child{width:20%;}

/*
================================================================================================================
楽曲データ-最近プレーした曲
================================================================================================================
*/
/*テーブル装飾*/
.music-played table th{font-size:13px; padding:5px 0;}

.music-played table td{font-size:13px; color:#000; background-color:#fff; text-align:center; border:1px solid #111;}
.music-played table td:first-child{width:80%;}
.music-played table td:last-child{width:20%;}
.music-played table td a{display:block; color:#0066cc; font-size:13px; padding:10px 5px;}
.music-played table td a:hover{text-decoration:underline; background-color:#e6ecef;}
.music-played table .played-date,.music-played table .played-time{float:left;}
.music-played table .played-date{width:55%; text-align:right;}
.music-played table .played-time{width:45%; text-align:left; padding-left:10px;}

@media screen and (max-width:799px){
.music-played table th{font-size:11px;}
.music-played table td{font-size:11px;}
.music-played table .played-date,.music-played table .played-time{float:none; width:100%;}
.music-played table .played-date{text-align:center;}
.music-played table .played-time{text-align:center; padding-left:0;}}

@media screen and (max-width:480px){
.music-played table td:first-child{width:70%;}
.music-played table td:last-child{width:30%;}
.music-played table td a{font-size:12px; text-align:left;}}

/*
================================================================================================================
セレクトフォーム
================================================================================================================
*/
/*共通部分*/
form{
display:block;
width:100%;
padding:5px 10px 10px;
margin:0 auto;}

form div:last-child input[type="submit"]{
width:100%;
color:#fff;
background:linear-gradient(to bottom, #434343 0%,#060606 100%);
font-size:14px;
font-weight:bold;
border-radius:5px;}

form div span{font-size:12px; font-weight:bold;}
.submit_btn:hover{cursor:pointer; text-decoration:underline;}

#series-select,
#title-select{width:100%; box-sizing:border-box; margin:20px auto;}
#series-select form,
#title-select form{display:flex; width:100%; align-items:center;}

@media screen and (max-width:799px){
#series-select form div,
#title-select form div{text-align:center;}
#series-select form div:last-child input[type="submit"],#title-select form div:last-child input[type="submit"]{margin-top:10px;}}

/*セレクトフォーム 楽曲データ-シリーズ*/
#series-select form div:first-child{width:35%; margin:0 2.5%;}
#series-select form div:nth-child(2){width:35%;}
#series-select form div:last-child{width:20%; margin:0 2.5%;}

#series-select form div:first-child select,
#series-select form div:nth-child(2) select{width:100%;}
#series-select form div:last-child input[type="submit"]{margin-top:22px; padding:5px 0;}

@media screen and (max-width:799px){
#series-select form{flex-wrap:wrap;}
#series-select form div:first-child,
#series-select form div:nth-child(2),
#series-select form div:last-child{width:90%; margin:5px 5%;}
#series-select form div:last-child input[type="submit"]{margin:0 auto;}}

/*セレクトフォーム 楽曲データ-曲名*/
#title-select form div:first-child{width:65%; margin-right:5%;}
#title-select form div:last-child{width:35%;}

#title-select form div:first-child select{width:100%;}
#title-select form div:last-child input[type="submit"]{margin-top:22px; padding:5px 0;}

@media screen and (max-width:799px){
#title-select form{flex-wrap:wrap;}
#title-select form div:last-child input[type="submit"]{margin-top:10px;}
#title-select form div:first-child,
#title-select form div:last-child{width:90%; margin:5px 5%;}
#title-select form div:last-child input[type="submit"]{margin:0 auto;}}

@media screen and (max-width:480px){
#series-select,
#title-select{margin:10px auto;}}

/*
================================================================================================================
セレクトフォーム/ライバル
================================================================================================================
*/
#rival #title-select{width:100%; max-width:980px !important;}
#rival.dj-status #title-select{width:100%; max-width:980px !important;}
#rival.dj-status #title-select form{width:100%;}
#rival.dj-status #title-select span{color:#fff; text-align:left;}
#rival.dj-status #title-select select{margin:0 auto;}