.music-inner ul:last-child{background:#fff;}

/*
================================================================================================================
課題曲
================================================================================================================
*/
.section > strong{
display:block;
line-height:200%;
text-align:center;
font-family:'Noto Sans JP', sans-serif;
font-weight:700;
font-size:18px;
margin:0 auto 20px;}
.section > strong > img{width:90%; max-width:420px;}
@media screen and (max-width:640px){.section > strong{font-size:16px;}}
@media screen and (max-width:480px){.section > strong{font-size:14px;}}
@media screen and (max-width:420px){.section > strong{font-size:12px;}}

.stage{display:flex; font-size:12px; font-weight:bold; justify-content:space-between; margin:0 auto 10px;}
.stage li{width:calc((100% /2) - 3px);}
.stage li a{display:block; color:#fff; background-color:rgba(0,0,0,.4); text-align:center; transition:.3s ease-in-out; padding:5px 10px; margin:0;}
.stage li a.select,
.stage li a:hover{background-color:#ba302d;}
@media screen and (max-width:700px){
.stage{flex-wrap:wrap;}
.stage li{width:100%;}
.stage li + li{margin-top:5px;}}
@media screen and (max-width:580px){.stage{font-size:11px !important;}}
@media screen and (max-width:370px){.stage{font-size:10px !important;}}

/*
========================
メニュー
========================
*/
.music-menu{width:100%; display:flex; justify-content:space-between; margin:0 auto 10px;}
.music-menu p{
width:calc((100% / 8) - 10px);
background-color:#fff;
font-size:15px;
font-weight:700;
font-family:'Noto Sans JP', sans-serif;
text-align:center;
border:3px solid #000;
padding:10px 0;
transition:background .5s ease-in-out;}
.music-menu p:hover,
.music-menu p.tab-select{cursor:pointer; color:#fff; background-color:#000;}
@media screen and (max-width:980px){.music-menu p{width:calc((100% / 8) - 5px);}}
@media screen and (max-width:900px){
.music-menu{flex-wrap:wrap; margin:0 auto;}
.music-menu p{width:calc((100% / 3) - 5px); margin-bottom:10px;}
.music-menu p:nth-last-child(1),
.music-menu p:nth-last-child(2){width:calc((100% / 2) - 5px);}}
@media screen and (max-width:640px){.music-menu p{font-size:13px;}}
@media screen and (max-width:460px){.music-menu p{width:calc((100% / 2) - 5px) !important;}}
@media screen and (max-width:420px){.music-menu p{padding:5px 0;}}

/*
========================
テーマ内メニュー
========================
*/
.level{width:100%; display:flex; justify-content:space-between;}
.level li{
display:flex;
width:calc(25% - 10px);
background-color:rgba(0,0,0,.2);
font-size:14px;
font-weight:bold;
text-align:center;
align-items:center;
justify-content:center;
padding:5px 0;
margin:0 0 10px;
transition:background .5s ease-in-out;}
.level li span{display:inline-block; font-size:12px; font-weight:normal; margin-left:10px;}
.level li:hover,
.level li.tab-select{cursor:pointer; color:#fff; background-color:#555;}

.level li:nth-child(3){display:none;}

.level li:first-child::before{content:"ALL";}
.level li:nth-child(2)::before{content:"8-10";}
.level li:nth-child(3)::before{content:"10";}
.level li:nth-child(4)::before{content:"11";}
.level li:nth-child(5)::before{content:"12";}

@media screen and (max-width:640px){
.level{flex-wrap:wrap;}
.level li{width:calc((100% / 3) - 5px); margin:0 0 5px;}
.level li:first-child{width:100% !important;}
.level li span{display:block; width:100%; font-size:11px; line-height:12px; margin:0;}}
@media screen and (max-width:630px){.level li{font-size:12px;}}
@media screen and (max-width:420px){.level li{padding:3px 0;}}

.level#menu08 li{width:calc((100% / 3) - 10px);}
@media screen and (max-width:640px){.level#menu08 li{width:calc((100% / 2) - 5px);}}

/*
========================
表
========================
*/
.music-inner{font-size:14px;}
.music-inner .inner{font-family:'Noto Sans JP', sans-serif; background-color:rgba(200,200,200,.2);}
.music-inner .inner .cat{display:flex; color:#333; border:1px solid; border-top:none;}
.music-inner .inner .cat:first-child{border-top:1px solid #333;}
.music-inner .inner .cat:nth-child(odd){background-color:rgba(160,160,160,.5);}
.music-inner .inner .cat:nth-child(even){background-color:rgba(160,160,160,.8);}
.music-inner .inner .cat p{padding:5px;}
.music-inner .inner .cat p:first-child{width:30px; text-align:center; font-weight:900;}
.music-inner .inner .cat p:last-child{position:relative; width:calc(100% - 30px);}

/*
========================
難易度設定
========================
*/
.music-inner .inner .cat p:last-child::before{content:"ANOTHER"; font-size:11px;}
.music-inner .inner .cat p:last-child.leg::before{content:"LEGGENDARIA" !important;}
@media screen and (max-width:700px){.music-inner .inner .cat p{font-size:13px;}}
@media screen and (min-width:631px){
.music-inner .inner .cat p:last-child::before{
display:inline-block;
position:absolute;
top:5px;
right:10px;
color:#fff;
font-size:11px;
background-color:rgba(0,0,0,0.6);
padding:0 5px;}}
@media screen and (max-width:630px){
.music-inner .inner .cat p:last-child::before{
display:block;
position:relative;
font-size:10px;
line-height:15px;
font-weight:normal;}
.music-inner .inner .cat{align-items:center;}
.music-inner .inner .cat p{padding:3px 5px;}
.music-inner .inner .cat p:last-child{font-weight:bold;}}
@media screen and (max-width:420px){
.music-inner .inner .cat p{font-size:11px;}}

/*
========================
色
========================
*/
#list01 .inner .cat{color:#4c0044; border:1px solid #4c0044; border-top:none;}
#list02 .inner .cat{color:#4c2000; border:1px solid #4c2000; border-top:none;}
#list03 .inner .cat{color:#00370a; border:1px solid #00370a; border-top:none;}
#list04 .inner .cat{color:#1b004c; border:1px solid #1b004c; border-top:none;}
#list05 .inner .cat{color:#4c0000; border:1px solid #4c0000; border-top:none;}
#list06 .inner .cat{color:#002d4c; border:1px solid #002d4c; border-top:none;}
#list01 .inner .cat:first-child{border-top:1px solid #4c0044;}
#list02 .inner .cat:first-child{border-top:1px solid #4c2000;}
#list03 .inner .cat:first-child{border-top:1px solid #00370a;}
#list04 .inner .cat:first-child{border-top:1px solid #1b004c;}
#list05 .inner .cat:first-child{border-top:1px solid #4c0000;}
#list06 .inner .cat:first-child{border-top:1px solid #002d4c;}

#list01 .inner .cat:nth-child(odd){background-color:rgba(255,89,245,0.3);}
#list01 .inner .cat:nth-child(even){background-color:rgba(255,89,245,0.5);}
#list02 .inner .cat:nth-child(odd){background-color:rgba(255,120,36,0.3);}
#list02 .inner .cat:nth-child(even){background-color:rgba(255,120,36,0.5);}
#list03 .inner .cat:nth-child(odd){background-color:rgba(113,223,74,0.3);}
#list03 .inner .cat:nth-child(even){background-color:rgba(113,223,74,0.5);}
#list04 .inner .cat:nth-child(odd){background-color:rgba(123,48,254,0.3);}
#list04 .inner .cat:nth-child(even){background-color:rgba(123,48,254,0.5);}
#list05 .inner .cat:nth-child(odd){background-color:rgba(255,43,70,0.3);}
#list05 .inner .cat:nth-child(even){background-color:rgba(255,43,70,0.5);}
#list06 .inner .cat:nth-child(odd){background-color:rgba(62,144,255,0.3);}
#list06 .inner .cat:nth-child(even){background-color:rgba(62,144,255,0.5);}

.music-menu p:first-child:hover,
.music-menu p:first-child.tab-select{background-color:#fe4cde; border:3px solid #fe4cde;}
.music-menu p:nth-child(2):hover,
.music-menu p:nth-child(2).tab-select{background-color:#ff6e07; border:3px solid #ff6e07;}
.music-menu p:nth-child(3):hover,
.music-menu p:nth-child(3).tab-select{background-color:#80e501; border:3px solid #80e501;}
.music-menu p:nth-child(4):hover,
.music-menu p:nth-child(4).tab-select{background-color:#6508f9; border:3px solid #6508f9;}
.music-menu p:nth-child(5):hover,
.music-menu p:nth-child(5).tab-select{background-color:#ff0604; border:3px solid #ff0604;}
.music-menu p:nth-child(6):hover,
.music-menu p:nth-child(6).tab-select{background-color:#079aff; border:3px solid #079aff;}