.one_box{
border:4px solid #00b1d1;background:rgba(33,33,33,0.8);
}
.one_box .title{
color:#fcf90c;border-top:6px double #fcf90c;border-bottom:6px double #fcf90c;
}
.one_box .detail{
color:#fff;
}
.one_box .cap{
color:#fff;border-top:2px dotted #00d8ff;
}
.one_box .cap .sub_title{
color:#ff8d00;
}
.one_box .sub_title{
border-bottom:2px dashed #ffd700;color:#ffd700;
}
.one_box a{
color:#ffd6fc;
}



#vol1_music{
margin-top:25px;padding:10px;background:rgba(117,117,117,0.55);color:#fff;
}

#vol2_music{
margin-top:25px;padding:10px;background:rgba(195,195,195,0.55);color:#fff;
}

.mes{
font-size:16px;text-align:center;padding:15px;color:#fff;
}

#music ul{
margin:25px 15px;background:#010a69;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;
}
#music ul li{
width:calc((100%) /2);padding:1%;vertical-align:top;text-align:center;
}
#music ul li .l_title{
font-size:15px;font-weight:bold;padding-top:5px;
}
#music ul li .one_data{
border-top:1px solid #010a69;padding:5px 0px 10px 0px;
}
#music ul li .logo{
width:40%;margin:0px auto;
}
#music ul li .jk_img{
width:70%;margin:10px auto;
}
#music ul li .logo img,
#music ul li .jk_img img{
width:100%;
}
#music ul li .m_title{
text-align:center;font-size:15px;font-weight:bold;
}
#music ul li .comment_base{
border:2px solid #ffd700;padding:5px;border-radius:5px;
width:70%;margin:20px auto 10px;cursor:pointer;position:relative;
-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;
}
#music ul li .comment_base:hover{
background:#dc7902;
}
#music ul li .comment_base::after{
content: "▼";position:absolute;right:10px;
}
#music ul li .comment_base.active::after{
content: "▲";position:absolute;right:10px;
}
#music ul li .comment{
padding:5px;text-align:left;border:2px solid #ffd700;display:none;border-radius:5px;
}
#music ul li:last-child{
background:#fff;border:4px solid #010a69;color:#010a69;
}

#playdata .p_data{
color:#fff;margin:25px auto;width:90%;padding:10px;max-width:700px;
background:#000;
}
#playdata ul li{
display:inline-block;width:62%;vertical-align:middle;
}
#playdata ul li:first-child{
width:38%;font-size:16px;text-align:center;font-weight:bold;
}
#playdata ul li table{
width:100%;
}
#playdata .guage{
width:100%;height:0px;padding-top:100%;
}
#playdata #guage_m{
background:url(../images/top/gauge_m.png);background-size:100% 200%;
}
#playdata #guage_u{
background:url(../images/top/gauge_u.png);background-size:100% 200%;
}
#playdata #guage_s{
background:url(../images/top/gauge_s.png);background-size:100% 200%;
}
#playdata #guage_i{
background:url(../images/top/gauge_i.png);background-size:100% 200%;
}
#playdata #guage_q{
background:url(../images/top/gauge_q.png);background-size:100% 200%;
}
#playdata .g_off{
background-position:0px 100% !important;
}
#playdata #card_no{
color:#fff;text-align:center;margin-top:20px;
}

.fes_box{
position:relative;font-size:16px;margin:0px auto 20px auto;
}
.v_title{
width:28%;display:inline-block;padding:10px 1%;text-align:center;vertical-align:middle;
}
.bar{
width:68%;display:inline-block;padding:10px 1%;vertical-align:middle;
}
.bar_base{
border:1px solid #fff;height:30px;
}
.bar_inner{
text-align:center;height:100%;
}
.fes_no{
width:66%;position:absolute;top:15px;right:5%;text-align:center;
}
.unlock{
width:66%;position:absolute;top:10px;right:5%;height:30px;background:#92d050;padding:5px 0px 0px 0px;font-weight:bold;text-align:center;
}
.fes_none{
width:100%;position:absolute;top:0px;left:0px;background:rgba(63,63,63,0.9);height:100%;text-align:center;padding-top:15px;
}

#menu{
text-align:center;
}
.btn0{
width:230px;margin:20px 0px 0px 10px;padding:7px;background:#ff9414;border:4px solid #bf5f1a;border-radius:5px;
font-weight:bold;display:inline-block;text-align:center;color:#fff;font-size:16px;text-shadow: 2px 2px 1px #bb7129;
font-family:'mplus-1p-regular','Hiragino Sans','メイリオ',sans-serif;
-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out;
}
.btn0:hover{
border:4px solid #ff9414;background:#ffaf50;
}
@media screen and (max-width:649px) {
#playdata #boost{
width:100%;padding:5px;
}
#playdata ul li:first-child{
font-size:12px;text-align:left;
}
#music ul{
margin:20px 5px;display:block;
}
#music ul li{
width:100% !important;
}
ul li .jk_img{
width:80%;
}
ul li .logo{
width:50%;
}
}