.othername{
color:#ffffff;text-align:center;margin-bottom:2%;
}
a .othername{
color:#ffff00;
}
input{line-height:0px;}

h1,
h2{
text-align:center;
margin:0px auto 1% auto;max-width:100%;
}
h1 img,
h2 img{
max-width:100%;
}

div#title{
text-align:center;
margin:10px auto 20px auto;color:#ffffff;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-shadow:#663300 2px 2px 2px;font-weight:bold;padding:2px 0px;text-align:center;
}
div.main{
margin: 0px auto 0px auto;padding-top: 10px;width:100%;
}

div.main_inner{
display:flex;flex-wrap:wrap;justify-content:space-between;
}
div.main_inner:after{
display:none;
}
div.main_box{
border:1px solid rgba(250,210,203,1.0);padding:1%;background-color:rgba(0,0,30,0.5);box-shadow:#ACF 1px 1px 10px!important;
}
.no_active{
display:none !important;
}
.main ul:after{
display:none;
}
.small{
font-size:12px;
}
div.t_small{
font-size:10px;
}
.color_red{
color:#ff95ac;
}

.cate:not(:first-of-type){
margin-top:3%;color:#fff;
}


/*背景*/
.top_bg01 {
  background-image:url("../images/bg/myroom_bg01.jpg") !important;
  background-position: center top -150px;
  background-repeat: repeat-x;
  background-size: auto;
  -webkit-background-size:  auto;
  -moz-background-size:  auto;
  -o-background-size:  auto;
  background-color:rgba(255,255,255,1.0);
}
.top_bg00, .top_bg00::before,
.top_bg01, .top_bg01::before{
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  transition: all 0s ease;
}

/*サブタイトル*/

h2.subtitle_bg{
width:100%;
margin:0px auto;color:#ffffff;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-shadow:#000 2px 2px 2px;font-size:18px;font-weight:bold;padding-top:2px;
background-image: linear-gradient( -45deg, #a61f33 25%, #e58291 25%, #e58291 50%, #a61f33 50%, #a61f33 75%, #e58291 75%, #e58291 );background-size: 5px 5px;
border:1px solid rgba(167,32,52,1.0);
}
div.bg_mdl{
width:100%;margin:0px auto 0px auto;padding:10px 0px 10px 0px;text-align:center;
border-left:1px solid rgba(167,32,52,1.0); border-right:1px solid rgba(167,32,52,1.0);
background:rgba(0,0,0,0.5);
}

div.bg_btm{
width:100%;padding-top:1.5%;margin:0px auto 0px auto;
border-left:1px solid rgba(167,32,52,1.0);border-right:1px solid rgba(167,32,52,1.0);border-bottom:1px solid rgba(167,32,52,1.0);
background:rgba(0,0,0,0.5);
}
div.bg_btm_big{
background:url("../images/myroom/common/title_s_btm_big.png") no-repeat;
width:100%;margin:0px auto 0px auto;background-size:100% 100%;padding:2% 0px;
text-align:center;
}

div.exBox00{
position:relative;/*max-width:700px;*/width:100%;margin:0px auto 0px auto;padding-top:20px;
}
div.exTxt{
font-size:16px;color:#ffffff;text-align:center;
}
div.exTxt.small{
font-size:12px;
}
div.cap{
font-size:12px;color:#ffd740;text-align:left;
}

/*プレーヤー名*/
ul#name_box{
margin:10px 0px 10px 0px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;
}
ul#name_box li{
width:50%;
}
ul#name_box li > div > a{
width:576px;height:0px;padding-top:91px;position:relative;display:block;
}
ul#name_box li > div > a:hover{
background-position:100% 100% !important;
}
ul#name_box li:first-of-type > div > a{
background:url("../images/myroom/common/info_nickname.png")no-repeat;background-size:100% 200%;margin-right:auto;
}
ul#name_box li:nth-of-type(2) > div > a{
background:url("../images/myroom/common/info_p_name.png")no-repeat;background-size:100% 200%;margin-left:auto;
}

ul#name_box li > div > a > img{
width:10%;position:absolute;bottom:18%;left:4%;
}
ul#name_box li > div > a > p{
position:absolute;bottom:25%;left:21%;font-size:1.8vw;color:#ffffff;
}

@media (min-width: 979px) {
/*左メニュー*/
div#menubox ul li.btn a{
background:url("../images/common/btn_sub_menu.png")no-repeat;width:240px;height:35px;
display:block;margin:0px auto 5px auto;background-size:100% 200%;color:#ffffff;text-align:center;padding-top:10px;
}
div#menubox ul li.btn a:hover,
div#menubox ul li.btn_as a:hover,
div#menubox ul li.btn a.active{
background-position:100% 100%;color:#ffdd3e;
}
div#menubox ul li.btn_deck{
margin-top:35px;
}

ul#name_box li > div > a > p{
font-size:20px;
}
}

@media (max-width: 1199px) {
ul#name_box li > div > a{
width:98%;height:0px;padding-top:15.5%;
}

}

@media only screen and (max-width: 849px){
div.exTxt{
  font-size:12px;
}
}


/*プレーヤー情報*/
ul.player_info{
display:flex;flex-wrap:wrap;justify-content:space-around;align-items:start;color:#fff;text-align:left;font-size:18px;
}
ul.player_info > li:first-of-type{
/*width:60%;*/width:calc( 416px + 1% );padding:1%;
}
ul.player_info > li:nth-of-type(2){
/*width:40%;*/width:calc( 288px + 1% );padding:0px 1% 1% 1%;
}
ul.player_info > li > .common{
background:url("../images/myroom/player/info_player1.png");height:0px;padding-top:53%;
margin:5px 0px 20px 0px;background-size:100% 100%;position:relative;
}
ul.player_info > li > .mylast{
background:url("../images/myroom/player/info_player2.png");height:0px;padding-top:27%;
background-size:100% 100%;position:relative;
}
ul.player_info > li > .common > p:first-of-type{
top:16%;left:34%;position:absolute;
}
ul.player_info > li > .common > p:nth-of-type(2){
top:39%;left:34%;position:absolute;
}
ul.player_info > li > .common > p:nth-of-type(3){
top:61%;left:34%;position:absolute;
}
ul.player_info > li > .common > p:nth-of-type(4){
top:84%;left:34%;position:absolute;
}

ul.player_info > li > .mylast > p:first-of-type{
top:22%;left:34%;position:absolute;
}
ul.player_info > li > .mylast > p:nth-of-type(2){
top:64%;left:34%;position:absolute;
}
ul.player_info > li:nth-of-type(2){
position:relative;
}
ul.player_info > li:nth-of-type(2) > img{
max-width:100%;
}
ul.player_info > li:nth-of-type(2) > img.shogo{
position:absolute;top:0%;left:3%;
}
ul.player_info > li:nth-of-type(2) > img.shogonone{
display:none;
}
ul.player_info > li:nth-of-type(2) > p{
position:absolute;left:0%;color:#000000;width:100%;text-align:center;
bottom:7%;font-size:12px;
}
ul.player_info > li:nth-of-type(3){
width:100%;
}
ul.player_info > li:nth-of-type(3) > ul{
display:flex;flex-wrap:wrap;justify-content:center;align-items:start;
max-width:430px;margin:0px auto;
}
ul.player_info > li:nth-of-type(3) > ul > li{
padding:1%;position:relative;width:calc(100% / 3);
}
ul.player_info > li:nth-of-type(3) > ul > li > p{
position:absolute;bottom:8%;left:11%;width:79%;text-align:center;
}
@media (max-width: 980px) {
/*プレーヤー情報*/
ul.player_info > li:nth-of-type(2){
font-size:1.9vw;
}
ul.player_info{
font-size:2.2vw;
}
ul.player_info > li:nth-of-type(3) > ul > li > p{
font-size:1.8vw;
}
}
@media (min-width:980px) and (max-width:1090px){
ul.player_info > li:first-of-type{
width:56.7%;
}
ul.player_info > li:nth-of-type(2){
width:38.0%;
}
ul.player_info > li:nth-of-type(2) > img.shogo{
width:97%;
}
}
@media (max-width: 800px) {
ul.player_info > li:first-of-type{
width:56.7%;
}
ul.player_info > li:nth-of-type(2){
width:38.0%;
}
ul.player_info > li:nth-of-type(2) > img.shogo{
width:97%;
}
}
@media (max-width: 649px) {
ul.player_info > li:nth-of-type(3) > ul{
width:60%;
}
ul.player_info > li:nth-of-type(2) > p{
font-size:1.8vw;
}
}

/*正解率*/
div#accuracyrate ul#genre{
margin:0px auto 0px auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:start;
}
div#accuracyrate .exBox00{
max-width:700px;
}
div#accuracyrate div.acBoxLeft{
width:270px;height:228px;position:relative;display:inline-block;
}
div#accuracyrate div.acBoxRight{
display:inline-block;width:320px;height:228px;vertical-align:top;
}

div#accuracyrate div.acBoxColor0{          /*ノンジャンル*/
background:url(../images/myroom/accuracyrate/bg_graph_00.jpg) no-repeat #7e8588;
background-size:100% 100%;
}
div#accuracyrate div.acBoxColor1{          /*アニメ＆ゲーム*/
background:url(../images/myroom/accuracyrate/bg_graph_01.jpg) no-repeat #48a0b3;
background-size:100% 100%;
}
div#accuracyrate div.acBoxColor2{          /*スポーツ*/
background:url(../images/myroom/accuracyrate/bg_graph_02.jpg) no-repeat #b34848;
background-size:100% 100%;
}
div#accuracyrate div.acBoxColor3{          /*芸能*/
background:url(../images/myroom/accuracyrate/bg_graph_03.jpg) no-repeat #599e54;
background-size:100% 100%;
}
div#accuracyrate div.acBoxColor4{          /*ライフスタイル*/
background:url(../images/myroom/accuracyrate/bg_graph_04.jpg) no-repeat #8a842a;
background-size:100% 100%;
}
div#accuracyrate div.acBoxColor5{          /*社会*/
background:url(../images/myroom/accuracyrate/bg_graph_05.jpg) no-repeat #9d601f;
background-size:100% 100%;
}
div#accuracyrate div.acBoxColor6{          /*文系学問*/
background:url(../images/myroom/accuracyrate/bg_graph_06.jpg) no-repeat #5b42b6;
background-size:100% 100%;
}
div#accuracyrate div.acBoxColor7{          /*理系学問*/
background:url(../images/myroom/accuracyrate/bg_graph_07.jpg) no-repeat #9c42b6;
background-size:100% 100%;
}
div#accuracyrate div.acBoxColor255{        /*総合*/
background:url(../images/myroom/accuracyrate/bg_graph_all.jpg) no-repeat #957b4f;
background-size:100% 100%;
}


div#accuracyrate ul#genre > li.genreAll{
margin-bottom:2%;
}
div#accuracyrate ul#genre li.genreLeft{
width:150px;height:234px;display:inline-block;
}
div#accuracyrate ul#genre > li:not(.genreAll){
display:inline-block;position:relative;width: calc(100% / 4);padding:2px;
}
div#accuracyrate ul#genre > li div.genreBox{
width:100%;padding-top:154%;position:relative;
}

div#accuracyrate ul#genre > li div.genreBox p{
color:#FFF;font-size:13px;text-align:center;
}
div#accuracyrate ul#genre > li div.genreBox p:first-of-type{
bottom:29%;left:32%;width:60%;position:absolute;
}
div#accuracyrate ul#genre > li div.genreBox p:nth-of-type(2){
bottom:18%;left:32%;width:60%;position:absolute;color:#FFF;
}
div#accuracyrate ul#genre > li div.genreBox p:nth-of-type(3){
bottom:7%;left:40%;width:60%;position:absolute;color:#FFF;
}

div#accuracyrate ul#genre > li.genreAll p:first-of-type{
bottom:120px;left:120px;position:absolute;color:#FFF;font-size:15px;
}
div#accuracyrate ul#genre > li.genreAll p:nth-of-type(2){
bottom:85px;left:120px;position:absolute;color:#FFF;font-size:15px;
}
div#accuracyrate ul#genre > li.genreAll p:nth-of-type(3){
bottom:45px;left:120px;position:absolute;color:#FFF;font-size:15px;
}
/*ジャンル選択ボタン表示・非表示*/

div#accuracyrate div.type255{
background:url(../images/myroom/accuracyrate/genre_all.png) no-repeat;
}
div#accuracyrate div.type0{
background:url(../images/myroom/accuracyrate/genre_00.png) no-repeat;
}
div#accuracyrate div.type1{
background:url(../images/myroom/accuracyrate/genre_01.png) no-repeat;
}
div#accuracyrate div.type2{
background:url(../images/myroom/accuracyrate/genre_02.png) no-repeat;
}
div#accuracyrate div.type3{
background:url(../images/myroom/accuracyrate/genre_03.png) no-repeat;
}
div#accuracyrate div.type4{
background:url(../images/myroom/accuracyrate/genre_04.png) no-repeat;
}
div#accuracyrate div.type5{
background:url(../images/myroom/accuracyrate/genre_05.png) no-repeat;
}
div#accuracyrate div.type6{
background:url(../images/myroom/accuracyrate/genre_06.png) no-repeat;
}
div#accuracyrate div.type7{
background:url(../images/myroom/accuracyrate/genre_07.png) no-repeat;
}
div#accuracyrate div.type255:hover{
background-position:100% 0px;
}
div#accuracyrate div.type0,
div#accuracyrate div.type1,
div#accuracyrate div.type2,
div#accuracyrate div.type3,
div#accuracyrate div.type4,
div#accuracyrate div.type5,
div#accuracyrate div.type6,
div#accuracyrate div.type7{
background-size:200% 100%;
}
div#accuracyrate div.type0:hover,
div#accuracyrate div.type1:hover,
div#accuracyrate div.type2:hover,
div#accuracyrate div.type3:hover,
div#accuracyrate div.type4:hover,
div#accuracyrate div.type5:hover,
div#accuracyrate div.type6:hover,
div#accuracyrate div.type7:hover,
div#accuracyrate div.select{
background-position:100% 0px;
}

/*クイズ形式*/
div#accuracyrate div.acAll{
padding:0px 0px 10px 0px;
}

div#accuracyrate div.acBg0{          /*ノンジャンル*/
background:#7e8588;
}
div#accuracyrate div.acBg1{          /*アニメ＆ゲーム*/
background:#48a0b3;
}
div#accuracyrate div.acBg2{          /*スポーツ*/
background:#b34848;
}
div#accuracyrate div.acBg3{          /*芸能*/
background:#599e54;
}
div#accuracyrate div.acBg4{          /*ライフスタイル*/
background:#8a842a;
}
div#accuracyrate div.acBg5{          /*社会*/
background:#9d601f;
}
div#accuracyrate div.acBg6{          /*文系学問*/
background:#5b42b6;
}
div#accuracyrate div.acBg7{          /*理系学問*/
background:#9c42b6;
}
div#accuracyrate div.acBg255{        /*総合*/
background:#957b4f;
}
/* ▼▼グラフ集計中表示▼▼ */
#placeholderNone{
margin:20px auto 0px auto;width:300px;height:190px;
background:url(../images/myroom/accuracyrate/graph_none.jpg) no-repeat;
}

#placeholderNoneL{
margin:0px auto 0px auto;width:300px;height:150px;
background:url(../images/myroom/accuracyrate/graph_noneL.jpg) no-repeat;
}
/* ▲▲グラフ集計中表示▲▲ */
#graph0{
margin:0px auto 0px auto;height:190px;
}
#placeholder{
margin:0px auto 0px auto;width:100%;max-width:310px;height:190px;
}
#placeholderBase{
margin:20px auto 0px auto;width:100%;max-width:310px;height:190px;background:#FFF;font-size:10px;
}
div#accuracyrate div.acAll > ul{
display:flex;flex-wrap:wrap;justify-content:center;align-items:start;
}

div#accuracyrate div.acAll > ul > li{
position:relative;width:calc(100% / 3);padding:5px;
}

div#accuracyrate div.acAll > ul > li img{
width:100%;
}

div#accuracyrate div.acAll > ul > li > a > p:first-of-type{
color:#FFF;top:20%;left:42%;position:absolute;
font-size:12px;width:54%;text-align:center;
}
div#accuracyrate div.acAll > ul > li > a > p:nth-of-type(2){
color:#FFF;top:52%;left:42%;width:54%;position:absolute;
font-size:12px;text-align:center;
}
div#accuracyrate div.acAll > ul > li > a > p:nth-of-type(3){
color:#FFF;top:75%;left:42%;width:54%;
position:absolute;font-size:12px;text-align:center;
}
div#accuracyrate div.acBox0{
width:98%;margin:0px auto 0px auto;text-align:center;
}
div#accuracyrate div.acBox0 img.title{
width:100.5%;max-width:100.5%;
}
@media (max-width: 799px) {
/*トーナメント成績*/
div#accuracyrate div.acAll > ul > li > a > p{
font-size:2.0vw !important;
}
div#accuracyrate ul#genre > li div.genreBox p{
font-size:2.0vw;
}
div#accuracyrate ul#genre > li div.genreBox p:first-of-type{
bottom:28%;
}

div#accuracyrate ul#genre > li div.genreBox p:nth-of-type(3){
bottom:6%;
}
}
@media (max-width: 340px) {
#graph0{
margin-left:-22px;
}
}

/*トーナメントNEO*/
div.main div#affiliation ul#summary{
display:flex;flex-wrap:wrap;justify-content:center;align-content:start;
}
div.main div#affiliation ul#summary > li{
width:calc(100% / 3);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:20px;
}
div.main div#affiliation ul#summary > li > p{
width:100%;
}

div#affiliation span.fsl{
font-size:32px;line-height: 17px
}
div#affiliation span.fss{
font-size:20px;
}

div#affiliation div.record_top{
margin:10px auto 0px auto;width:98%;
max-width:590px;height:0px;border-bottom:20px solid rgba(50,50,50,0.8);border-right:20px solid transparent;

}
div#affiliation div.record{
margin:0px auto 0px auto;font-size:16px;color:#ffffff;text-align:center;
max-width:590px;background:rgba(50,50,50,0.8);width:98%;
padding-bottom:10px;
}
div#affiliation ul#record10{
margin:0px auto 0px auto;padding:0px 5px 10px 5px;
}
div#affiliation ul#record10 li{
width:114px;height:66px;display:inline-block;margin:10px 0px 0px 5px;position:relative;
width:18%;height:0px;padding-top:11%
}
div#affiliation ul#record10 li#frame0{
background:url("../images/myroom/tournament/frame_00.png")no-repeat;background-size:100% 100%;
}
div#affiliation  ul#record10 li#frame1{
background:url("../images/myroom/tournament/frame_01.png")no-repeat;background-size:100% 100%;
}
div#affiliation ul#record10 li#frame2{
background:url("../images/myroom/tournament/frame_02.png")no-repeat;background-size:100% 100%;
}
div#affiliation ul#record10 li#frame3{
background:url("../images/myroom/tournament/frame_03.png")no-repeat;background-size:100% 100%;
}
div#affiliation ul#record10 li#frame4{
background:url("../images/myroom/tournament/frame_04.png")no-repeat;background-size:100% 100%;
}
div#affiliation ul#record10 li#frame5{
background:url("../images/myroom/tournament/frame_05.png")no-repeat;background-size:100% 100%;
}
div#affiliation ul#record10 li#frame6{
background:url("../images/myroom/tournament/frame_06.png")no-repeat;background-size:100% 100%;
}
div#affiliation ul#record10 li#frame7{
background:url("../images/myroom/tournament/frame_07.png")no-repeat;background-size:100% 100%;
}
div#affiliation ul#record10 li#frame8{
background:url("../images/myroom/tournament/frame_08.png")no-repeat;background-size:100% 100%;
}
div#affiliation ul#record10 li#frame9{
background:url("../images/myroom/tournament/frame_09.png")no-repeat;background-size:100% 100%;
}
div#affiliation ul#record10 li div.rank{
bottom:10%;position:absolute;left:0px;width:100%;
}

div#finals ul li{
color:#ffffff;font-size:16px;text-align:center;
}
div#finals ul li div.title{
width:calc(35% - 0px);padding:5px 0px 5px 0px;
border-right:1px solid rgba(167,32,52,1.0);border-bottom:1px solid rgba(167,32,52,1.0);
display:inline-block;
}
div#finals ul li div.result{
padding:0px;display:inline-block;width:65%;padding:5px 0px 5px 0px;
border-bottom:1px solid rgba(167,32,52,1.0);
}
div#finals div.bg_mdl{
padding:0px 0px 0px 0px;
}
@media (max-width: 799px) {
/*トーナメント・NEO*/
div.main div#affiliation ul#summary > li:nth-of-type(2){
font-size:3.8vw;
}
div.main div#affiliation ul#summary > li:nth-of-type(3){
font-size:2.6vw;line-height:2.8vw;
}
div#affiliation ul#record10 li{
font-size:2.0vw;
}
div#finals ul li div{
font-size:2.4vw;
}
}

/*検定*/
div#exam div.sheet{
margin:0px auto 10px auto;text-align:left;position:relative;
width:614px;height:0;padding-top:130px;
}
div#exam_result div.bg_mdl div.sheet{
background:url("../images/myroom/proficiency/sheet_kentei.png");background-size:100% 100%;
/*margin:0px auto 10px auto;text-align:left;position:relative;
width: 96%;height: 0;padding-top: 21%;*/
}
div#arc_result div.bg_mdl div.sheet{
background:url("../images/myroom/proficiency/sheet_acv.png") no-repeat;background-size:100% 100%;
}
div#exam div.sheet > div:first-of-type{
position:absolute;width:32%;top:7%;left:1.8%;
}
div#exam div.sheet > div:first-of-type > img{
width:94%;
}
div#exam div.sheet > div:nth-of-type(2){
position:absolute;top:6%;left:33.5%;width:66%;font-size:18px;
}
div#exam div.sheet > div:nth-of-type(2) > div:first-of-type{
margin-top:0.5%;
}
div#exam div.sheet > div:nth-of-type(2) > div:last-of-type{
margin-top:2.5%;
}
div#exam div.sheet > div:nth-of-type(2) > div > div:first-of-type{
width:12%;height:12%;display:inline-block;vertical-align:middle;
}
div#exam div.sheet > div:nth-of-type(2) > div > div:last-of-type{
width:calc(100% - 18%);display:inline-block;vertical-align:middle;padding:5% 0px 0px 5%;
}
div#arc_result div.bg_mdl div.sheet div.lock{
background:url("../images/myroom/proficiency/sheet_kentei_lock.png") no-repeat;background-size:100% 100%;
position:absolute;top:0px;left:0px;width: 100%;height: 0;padding-top: 21%;
}
div#arc_result div#arc_base{
margin:0px auto 10px auto;
}
div#arc_result div#arc_base div.title{
background:url("../images/myroom/proficiency/acv_txt.png");display:inline-block;vertical-align:middle;
width:28.61%;height:0px;padding-top:4.57%;background-size:100% 100%;
}
div#arc_result div#arc_base div.bar_base{
display:inline-block;border:1px solid #fedf14;;vertical-align:middle;
width:33.27%;
}
div#arc_result div#arc_base div.bar_base div.bar{
background:url("../images/myroom/proficiency/acv_gra.png");padding-top:9.57%;
}
div#arc_result div#arc_base div.point{
color:#ffffff;display:inline-block;margin-left:5px;vertical-align:middle;
}

div#exam div#arc_result > div.bg_mdl,
div#exam div#arc_result > div.bg_mdl{
max-height:300px;overflow:auto;
}
@media (max-width: 799px) {
div#exam div.sheet{
width: 96%;height: 0;padding-top: 21%;
}
div#exam div.sheet > div:last-of-type{
font-size: 2.6vw;line-height: 2.8vw;
}
div#exam div.sheet > div:last-of-type > div:last-of-type{
margin-top:4%;
}
}

/*リコードアリーナ*/
div#recordarena #detail > ul{
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #fedf14;text-align:center;
}
div#recordarena  #detail > ul.head > li{
color:#fedf14;
}
div#recordarena #detail > ul > li{
padding:1% 0px;
}
div#recordarena #detail > ul > li:first-of-type{
width:8%;
}
div#recordarena #detail > ul > li:nth-of-type(2){
width:8%;
}
div#recordarena #detail > ul > li:nth-of-type(3){
width:15%;
}
div#recordarena #detail > ul > li:nth-of-type(4){
width:23%;
}
div#recordarena #detail > ul > li:nth-of-type(5){
width:10%;
}
div#recordarena #detail > ul > li:nth-of-type(6){
width:13%;
}
div#recordarena #detail > ul > li:nth-of-type(7){
width:13%;
}
div#recordarena #detail > ul > li:nth-of-type(8){
width:10%;
}
div#recordarena #detail > ul > li img{
max-width:100%;
}
div#recordarena #nowdata{
display:flex;flex-wrap:wrap;max-width:620px;margin:10px auto;
}

div#recordarena #nowdata > div{
width:50%;text-align:center;font-size:18px;display:inline-block;vertical-align:top;
margin:5% auto 0px auto;color:#FFF;
}
div#recordarena #nowdata > div > p{
font-weight:bold;
}
div#recordarena #nowdata > div > div.rate{
padding-top:4%;
}

div#recordarena #mydata > ul{
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #fedf14;
}
div#recordarena #mydata > ul > li{
color:#fedf14;font-size:14px;
}
div#recordarena #mydata > ul > li:first-of-type,
div#recordarena #mydata > ul > li:nth-of-type(2){
width:38%;
}
div#recordarena #mydata > ul > li:nth-of-type(3){
width:22%;
}
div#recordarena #mydata > ul > li span{
font-size:20px;color:#ffffff;
}

@media (max-width: 800px) {
/*リコードアリーナ*/
div#recordarena #detail > ul{
font-size:1.8vw;
}
div#recordarena #nowdata > div img{
width:50%;max-width:130px;
}
div#recordarena #mydata > ul > li{
font-size:1.8vw;
}
div#recordarena #mydata > ul > li span{
font-size:2.8vw;
}
}
@media (max-width: 500px) {
/*リコードアリーナ*/
div#recordarena #nowdata > div{
font-size:3.8vw;
}
}

/*charabattle*/
div#charabattle ul.btn_box{
margin:2% auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;
max-width:660px;
}
div#charabattle ul.btn_box > li{
width:calc(100% / 4);padding:5px;
}
div#charabattle ul.btn_box > li > a{
display:block;width:150px;height:75px;background-size:100% 200% !important;margin:0px auto;
}
div#charabattle ul.btn_box > li.select a,
div#charabattle ul.btn_box > li > a:hover{
background-position:0px 100% !important;
}
div#charabattle ul.btn_box > li#btn0 a{
background:url("../images/common/arena/btn_season1.png")no-repeat;
}
div#charabattle ul.btn_box > li#btn1 a{
background:url("../images/common/arena/btn_season2.png")no-repeat;
}
div#charabattle ul.btn_box > li#btn2 a{
background:url("../images/common/arena/btn_season3.png")no-repeat;
}
div#charabattle ul.btn_box > li#btn3 a{
background:url("../images/common/arena/btn_season4.png")no-repeat;
}

div#charabatlte div.score_box{
width:760px;margin:0px auto;
}
div#charabattle div.score_top{
background:url("../images/myroom/charabattle/window_level_top.png") no-repeat;height:0px;
width:100%;padding-top:7%;background-size:100% 100%;
}
div#charabattle div.score_middle{
background:url("../images/myroom/charabattle/window_level_middle.png") repeat-y;width:100%;
background-size:100% 100%;padding:0px 2%;margin-top:-2%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
}

div#charabattle div.score_middle div#s0 img.t0{
width:32.25%;
}
div#charabattle div.score_middle div#s0 img.t1{
width:11.41%;
}
div#charabattle div.score_middle div#s0 img.t2{
width:6.45%;
}
div#charabattle div.score_middle div#s0 img.t3{
width:7.19%;
}
div#charabattle div.score_middle div#s0{
width:50%;padding:5px;display:flex;flex-wrap:wrap;justify-content:center;align-items:end;
}
div#charabattle div.score_middle div#s1{
width:50%;padding:5px 0px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
}
div#charabattle div.score_middle div#s1 div.stage{
width:96px;height:60px;display:inline-block;background-size:100% 100% !important;
position:relative;
}
div#charabattle div.score_middle div#s1 div.stage div.score{
position:absolute;top:55%;color:#ffffff;width:100%;text-align:center;
}
div#charabattle div.score_middle div#s1 div.bronze{
background:url("../images/myroom/charabattle/btn_level_bronze.png") no-repeat;
}
div#charabattle div.score_middle div#s1 div.silver{
background:url("../images/myroom/charabattle/btn_level_silver.png") no-repeat;
}
div#charabattle div.score_middle div#s1 div.gold{
background:url("../images/myroom/charabattle/btn_level_gold.png") no-repeat;
}
div#charabattle div.score_bottom{
background:url("../images/myroom/charabattle/window_level_bottom.png") no-repeat;height:0px;
width:100%;padding-top:7%;background-size:100% 100%;margin-top:-4%;
}

div#charabattle ul#chara_box{
width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:end;
}
div#charabattle ul#chara_box li{
width:120px;padding-bottom:15px;
}
div#charabattle ul#chara_box li .chara_base{
position:relative;text-align:center;
}
div#charabattle ul#chara_box li img{
width:100%;
}
div#charabattle ul#chara_box li > .chara_name{
color:#ffffff;text-align:center;
}

div#charabattle ul#chara_box li div.waku_0{
background:url("../images/myroom/charabattle/btn_waku_0.png") no-repeat;width:100%;height:100%;
background-size:100% 200%;position:absolute;top:0px;left:0px;
}
div#charabattle ul#chara_box li div.waku_1{
background:url("../images/myroom/charabattle/btn_waku_1.png") no-repeat;width:100%;height:100%;
background-size:100% 200%;position:absolute;top:0px;left:0px;
}
div#charabattle ul#chara_box li div.waku_2{
background:url("../images/myroom/charabattle/btn_waku_2.png") no-repeat;width:100%;height:100%;
background-size:100% 200%;position:absolute;top:0px;left:0px;
}
div#charabattle ul#chara_box li div.waku_3{
background:url("../images/myroom/charabattle/btn_waku_3.png") no-repeat;width:100%;height:100%;
background-size:100% 200%;position:absolute;top:0px;left:0px;
}
div#charabattle ul#chara_box li div.waku_0:hover,
div#charabattle ul#chara_box li div.waku_1:hover,
div#charabattle ul#chara_box li div.waku_2:hover,
div#charabattle ul#chara_box li div.waku_3:hover{
background-position:0px 100%;
}
div#charabattle div.chara_base div.clear11{
background:url("../images/myroom/charabattle/clear_bronze.png") no-repeat;width:100%;height:24%;
background-size:100% 100%;position:absolute;bottom:0px;left:0px;
}
div#charabattle div.chara_base div.clear21{
background:url("../images/myroom/charabattle/clear_silver.png") no-repeat;width:100%;height:24%;
background-size:100% 100%;position:absolute;bottom:0px;left:0px;
}
div#charabattle div.chara_base div.clear31{
background:url("../images/myroom/charabattle/clear_gold.png") no-repeat;width:100%;height:24%;
background-size:100% 100%;position:absolute;bottom:0px;left:0px;
}

@media (max-width: 1215px) {
div#charabattle ul#chara_box{
justify-content:start;
}
div#charabattle ul#chara_box li{
width:calc(100% / 6);
}
}

@media (max-width: 700px) {
/*キャラバトル*/
div#charabattle ul.btn_box{
max-width:100%;
}
div#charabattle ul.btn_box > li{
width:23.36%;height:0px;padding-bottom:11.68%;
}
div#charabattle ul.btn_box > li > a{
width:100%;height:0px;padding-bottom:50%;background-size:100% 100%;
}
div#charabattle ul#chara_box li{
width:calc(100% / 5);
}
}
@media (max-width: 680px) {
div#charabattle div.score_middle div#s1 div.stage{
width:32.21%;height:0px;padding-top:20.13%;
}
}
@media (max-width: 600px) {
div#charabattle div.score_middle div#s0,
div#charabattle div.score_middle div#s1{
width:60%;
}
}
@media (max-width: 500px) {
div#charabattle div.score_middle div#s0,
div#charabattle div.score_middle div#s1{
width:80%;
}
div#charabattle div.score_middle div#s1 div.stage div.score{
top:50%;
}
}
@media (max-width: 450px) {
div#charabattle ul#chara_box li{
width:calc(100% / 4);
}
}

/*charabattle_detail*/
div#charabattle_detail img{
max-width:100%;
}
div#charabattle_detail div.chara_box{
position:relative;padding-top:6%;z-index:0;text-align:center;
}
div#charabattle_detail div.season_box{
width:40%;max-width:240px;position:absolute;top:0px;left:0px;
}
div#charabattle_detail div.name_base{
position:absolute;bottom:15%;text-align:center;width:100%;
background:url("../images/myroom/charabattle/chara_name_panel.png") no-repeat top center;
background-size:50% 100%;
padding:4%;
}
div#charabattle_detail div.name_base img{
width:40%;
}
div#charabattle_detail .detail_box > ul{
width:66%;max-width:410px;margin:1% auto;display:flex;flex-wrap:wrap;
}
div#charabattle_detail .detail_box > ul > li{
width:100%;border:1px solid #cd0303;padding:1%;background:rgba(0,0,0,0.5);margin:1% auto;
display:flex;flex-wrap:wrap;justify-content:start;align-items:center;
}
div#charabattle_detail .detail_box > ul > li > p{
text-align:center;color:#fff;font-size:16px;font-weight:bold;
}
div#charabattle_detail .detail_box > ul > li > p:first-of-type{
width:25%;
}
div#charabattle_detail .detail_box > ul > li > p:last-of-type{
width:calc(100% - 25%);
}
div#charabattle_detail div.btn{
width:30%;margin:4% auto auto;
}
div#charabattle_detail div.btn img:hover{
opacity:0.8;
}


@media (max-width: 500px) {
div#charabattle_detail .detail_box > ul > li > p{
font-size:12px;
}
}

/*エネミー図鑑*/
ul#collectionBox{
padding-top:10px;font-size:16px;text-align:left;margin:0px auto 0px auto;
display:flex;flex-wrap:wrap;justify-content:start;align-items:center;
}
ul#collectionBox > li{
width:calc((100% - 16px) / 4);height:0px;padding-top:16%;position: relative;margin:0px 2px 3%;
}
ul#collectionBox > li.bgnone0{
background:url("../images/myroom/collection/sheat_enm_none.png") no-repeat;
background-size:100% 100%;
}
ul#collectionBox > li.bg-1{
background:url("../images/myroom/collection/sheat_enm_0.png") no-repeat;
background-size:100% 100%;
}
ul#collectionBox > li.bg0{
background:url("../images/myroom/collection/sheat_enm_2.png") no-repeat;
background-size:100% 100%;
}
ul#collectionBox > li.bg1{
background:url("../images/myroom/collection/sheat_enm_3.png") no-repeat;
background-size:100% 100%;
}
ul#collectionBox > li.bg2{
background:url("../images/myroom/collection/sheat_enm_4.png") no-repeat;
background-size:100% 100%;
}
ul#collectionBox > li img{
position:absolute;top:7%;left:6%;width:88%;
}

#enemy_form{
text-align:center;
}
/*detail*/
div.enemybtn{
display:inline-block;vertical-align: middle;width:150px;
}

.enemy_detail{
color:#fff;text-align:center;
}
.enemy_detail .list{
margin-top:2%;display:flex;flex-wrap:wrap;justify-content: center;
}
.enemy_detail div.box3{
display:inline-block;width:33%;border-left:1px solid #78f0ff;
border-bottom:1px solid #78f0ff;text-align:center;border-top:1px solid #78f0ff;
}
.enemy_detail div.box3:last-child{
border-right:1px solid #78f0ff;
}
.enemy_detail div.box3 div.dif{
border-bottom:1px solid #78f0ff;padding:2% 0px;background:#1155dd;
}
.enemy_detail div.box3 div.clr{
padding:3% 0px;
}
.back_btn{
padding:1%;text-align:center;
}
.back_btn a{
background: url(../images/common/btn_sub_menu.png)no-repeat;width: 240px;
display: block;margin: 0px auto 5px auto;background-size: 100% 200%;color: #ffffff !important;
text-align: center;padding: 5px;
}
.back_btn a:hover{
background-position:100% 100%;color:#ffdd3e !important;
}

@media (max-width: 696px) {
ul#collectionBox > li{
width:calc((100% - 12px) / 3);padding-top:21%;
}
}
/*サークル*/
#now_circle{
margin-top:10px;
}
#change_circle,
#setting_circle{
margin-top:30px;
}
#now_circle ul.btnbox{
display:flex;flex-wrap:wrap;justify-content:center;
}
#now_circle ul.btnbox > li{
display:flex;justify-content:center;align-items:end;
}
#now_circle ul.btnbox > li:first-of-type{
width:60%;
}
#now_circle ul.btnbox > li:nth-of-type(2){
width:40%;
}
#now_circle ul.btnbox > li > .member_btn{
width:90.56%;margin:0px auto;
}
#now_circle ul.btnbox > li > .member_btn > a{
display:block;width:100%;height:0px;padding-top:13.79%;background:url(../images/myroom/circle/btn_check.png);
background-size: 100% 200%;
}
#now_circle ul.btnbox > li > .res_btn{
width:72.72%;margin:0px auto;
}
#now_circle ul.btnbox > li > .res_btn:after{
display:none;
}

#now_circle ul.btnbox > li input.rescission_btn{
width:100%;height:0px;padding-top:24.59%;padding-bottom:0px;background: url(../images/myroom/circle/btn_reset.png);
background-size:100% 200%;vertical-align:middle;
}

#change_circle div.ofcircle_btn a{
width:47.61%;height:0px;padding-top:12.25%;display:block;margin:10px auto 0px auto;
background:url("../images/common/bnr_official_circle.jpg")no-repeat;background-size:100% 200%;
}
#change_circle div.ofcircle_btn a:hover{
background-position:100% 100%;
}

#change_circle ul.btnbox{
background:#ffffff;width:95.7%;max-width:684px;margin:-10px auto 10px;padding:10px;
display:flex;flex-wrap:wrap;justify-content:center;
}
#change_circle ul.btnbox > li{
width:calc(100% / 2);
}
#change_circle ul.btnbox > li > div{
margin:0px auto;
}
#change_circle ul.btnbox > li > .change_btn_box{
width:73.3%;
}
#change_circle ul.btnbox > li input.change_btn{
width:100%;height:0px;padding-top:25%;padding-bottom:0px;vertical-align:middle;
background:url("../images/myroom/circle/btn_change.png");background-size:100% 200%;
}
#change_circle div.cancel_btn{
width:73.3%;padding-top:18%;display:inline-block;cursor: pointer;
vertical-align:bottom;background:url("../images/myroom/circle/btn_back.png");background-size:100% 200%;
}

#change_circle ul.btnbox > li input.change_btn:hover,
#change_circle div.cancel_btn:hover,
#now_circle ul.btnbox > li > .member_btn > a:hover,
#now_circle ul.btnbox > li input.rescission_btn:hover{
background-position:100% 100%;
}


#circle table#pasing_tbl{
margin:0px auto;font-size:16px;
}
#circle td{
color:#b0c4de;padding:0px 5px;
}
#circle td a{
color:#ffffff;
}

#change_circle .bg_btm_big > ul{
display:flex;flex-wrap:wrap;justify-content:center;align-items:start;
}
#change_circle .bg_btm_big > ul > li{
width:50%;
}
#change_circle .bg_btm_big > ul > li > div{

}
#change_circle div.create_btn a {
width:58%;height:0px;padding-top:14.5%;background: url(../images/myroom/circle/btn_make.png);background-size:100% 200%;display:block;
margin:0px auto;
}
#change_circle div.search_btn a {
width:58%;height:0px;padding-top:14.5%;background: url(../images/myroom/circle/btn_search.png);background-size:100% 200%;display:block;
margin:0px auto;
}


@media (min-width: 800px) {
/*サークル*/
#now_circle div.circleName{
width:684px;height:104px;margin:0px auto 10px auto;color:#ffffff;font-size:18px;text-align:left;
background:url("../images/myroom/circle/sheet_circle.png") no-repeat;background-size:100% 200%;position:relative;background-position:0px 100%;
}
#now_circle div.circleNameNA{
width:684px;height:104px;margin:0px auto 10px auto;color:#ffffff;font-size:18px;text-align:left;
background:url("../images/myroom/circle/sheet_circle.png") no-repeat;background-size:100% 200%;position:relative;
}
#now_circle div.circleName > p > span{
display:none;
}
#now_circle div.circleName > p:first-of-type{
position:absolute;top:16%;left:24%;width:75%;font-size:22px;
}
#now_circle div.circleName > p:nth-of-type(2){
position:absolute;top:66%;left:27%;
}
#now_circle div.circleNameNA > p > span{
display:none;
}
#now_circle div.circleNameNA > p:first-of-type{
position:absolute;top:16%;left:24%;width:75%;font-size:22px;
}
#now_circle div.circleNameNA > p:nth-of-type(2){
position:absolute;top:66%;left:1%;font-size:10px;width:98%;
}

#change_circle div.clistBox{
width:684px;height:100px;margin:0px auto 10px auto;color:#ffffff;font-size:18px;
text-align:left;position:relative;
background:url("../images/myroom/circle/btn_circle.png") no-repeat;background-size:100% 300%;
}
#change_circle div.clistBox:hover{
background-position:0px 50% !important;
}
#change_circle div.clistBox div.icon{
position:absolute;top:15px;left:12px;
}
#change_circle div.clistBox div.icon div.mem_num{
text-align:center;font-size:12px;margin-top:3px;
}
#change_circle div.clistBox div.icon img{
width:60px;height:60px;
}
#change_circle div.clistBox div.group{
position:absolute;top:23%;left:30%;width:69%;font-size:18px;
}
#change_circle div.clistBox div.mes{
height:25px;overflow:hidden;
}
#change_circle div.clistBox div.category{
position:absolute;font-size:14px;top:70%;left:30%;
}
#change_circle div.listbox{
max-height:664px;
}
#change_circle .clistBox span{
display:none;
}
}
@media (min-width:980px) and (max-width:1090px){
#now_circle div.circleNameNA,
#now_circle div.circleName{
width:95.7%;height:0px;padding-top:15.2%;
}
#change_circle div.clistBox{
width:95.7%;height:0px;padding-top:14.6%;
}
}
@media (max-width: 799px) {
#now_circle div.circleName{
width:96%;text-align:left;
margin:0px auto 10px auto;
background:-webkit-gradient(linear,left top,right top,from(#00ccff),to(#006699));
background:-moz-linear-gradient(left,#00ccff,#006699);
background:linear-gradient(left,#00ccff,#006699);
color:#ffffff;
}
#now_circle div.circleNameNA{
width:96%;padding:5px 0px;min-height:60px;text-align:left;margin:0px auto 10px auto;position:relative;font-size:18px;
background:-webkit-gradient(linear,left top,right top,from(#00ccff),to(#006699));
background:-moz-linear-gradient(left,#00ccff,#006699);
background:linear-gradient(left,#00ccff,#006699);
color:#ffffff;
}
#now_circle div.circleName > p:first-of-type,
#now_circle div.circleNameNA > p:first-of-type{
font-size:18px;border-bottom:1px solid #78f0ff;padding:5px;
}
#now_circle div.circleName > p:nth-of-type(2),
#now_circle div.circleNameNA > p:nth-of-type(2){
font-size:12px;padding:5px;
}

#change_circle div.clistBox{
width:96%;padding:5px 0px;min-height:60px;text-align:left;margin:0px auto 10px auto;position:relative;font-size:18px;
background:-webkit-gradient(linear,left top,right top,from(#00ccff),to(#006699));
background:-moz-linear-gradient(left,#00ccff,#006699);
background:linear-gradient(left,#00ccff,#006699);
color:#ffffff;
}
#change_circle div.clistBox div.icon{
position:absolute;top:5px;left:5px;
}
#change_circle div.clistBox div.icon div.mem_num{
text-align:center;font-size:12px;margin-top:0px;
}
#change_circle div.clistBox div.icon img{
width:50px;height:50px;
}
#change_circle div.clistBox div.mes{
overflow:hidden;margin-left:60px;padding:5px;
}
#change_circle div.clistBox div.group{
font-size:16px;border-bottom:1px solid #78f0ff;
}
#change_circle div.clistBox div.category{
margin-top:5px;font-size:12px;
}
}



/*称号設定*/
form#title_form select {
padding: 4px 4px 4px 4px;vertical-align: top;
}
form#title_form input#submit_btn {
padding: 13px 10px 13px 10px;margin-left: 5px;vertical-align: top;
font-weight: bold;color: #8b0000;background: #ffd700;border: 1px solid #ffa500;border-radius: 5px 5px 5px 5px;
}
/*ミュート設定*/
#setting_mute #mute_cap{
width:90%;margin:2% auto 0px auto;padding:1%;background-color:rgba(0,0,0,0.5);
border:2px solid #ff9800;text-align:left;font-size:14px;display:none;
}
div#cap_btn{
cursor:pointer;text-decoration:underline;
}
#setting_mute div#hist,
#setting_mute div#no_hist {
margin-top:3%;
}
#setting_mute table#t_trouble,
#setting_mute table.t_hist{
width:98%;margin:0px auto;color:#fff;
}
#setting_mute table td{
border-left:1px solid #cd0303;border-top:1px solid #cd0303;text-align:center;
padding:1% 0px;
}
#setting_mute table th{
background:#fedf14;color:#cd0303;font-weight:bold;
border-right:1px solid #cd0303;border-top:1px solid #cd0303;text-align:center;
padding:1% 0px;
}
#setting_mute table th:first-child{
border-left:1px solid #cd0303;
}
#setting_mute table th:last-child{
border-right:1px solid #cd0303;
}

#setting_mute table td:last-child{
border-right:1px solid #cd0303;
}

#setting_mute table tr:last-child{
border-bottom:1px solid #cd0303;
}

#setting_mute table td.del_btn{
width:50px;
}

#setting_mute div.btn_box{
margin:2% 0px auto;
}
#setting_mute div.PagePrev{
width:68px;height:28px;
vertical-align:top;display:inline-block;
}
#setting_mute div.PageNext{
width:68px;height:28px;margin-left:10px;
vertical-align:top;display:inline-block;
}
#setting_mute div.Page{
margin-left:10px;font-size:20px;text-align:center;vertical-align:top;display:inline-block;color:#ffffff;
}

#setting_mute div.PagePrev a{
display:block;width:68px;height:28px;background:url("../images/ranking/btn_page_prev.png") no-repeat;
}
#setting_mute div.PageNext a{
display:block;width:68px;height:28px;background:url("../images/ranking/btn_page_next.png") no-repeat;
}
#setting_mute div.PagePrev a:hover,
#setting_mute div.PageNext a:hover{
background-position:0px -28px;
}
#setting_mute .form_btn,
#setting_mute .del_btn{
cursor:pointer;
}
#setting_mute td.flag_f{
background:#808080;color:#000;cursor:auto;
}
#setting_mute td.flag_f:hover{
color:#000;
}
#setting_mute td.flag_t{
text-decoration:underline;color:#ffd700;
}
#setting_mute td.flag_t:hover{
color:#ffff00;
}
#setting_mute td.v_0{
color:#ffafaf;
}
#setting_mute td.v_0:hover{
color:#f96969;
}
div.common_btn a{
background: url(../images/common/btn_sub_menu.png)no-repeat;width: 240px;height: 35px;display: block;
background-size: 100% 200%;color: #ffffff;text-align: center;
}
@media (max-width: 849px) {
#setting_mute #mute_cap{
font-size:12px;
}
}


/*設定*/
#now_setting,
#change_setting{
margin-top:10px;
}

#now_setting .open{
background:url("../images/myroom/setting/sheet_check.png") no-repeat;background-position:0px 100%;background-size:100% 200%;
}
#now_setting .close{
background:url("../images/myroom/setting/sheet_check.png") no-repeat;background-size: 100% 200%;
}
#now_setting ul > li{
position:relative;width:684px;height:60px;margin:0px auto 5px auto;color:#ffffff;
}
#now_setting ul > li > div{
font-size:24px;width:calc(100% - 23%);text-align:center;position:absolute;top:calc(100% / 4);left:23%;
}
#now_setting .btn {
margin:0px auto 1% auto;background:url(../images/myroom/setting/btn_change.png) no-repeat;
background-size:100% 200%;
width:29.4%;height:0px;padding-top:7.2%;
}
#now_setting .btn:hover{
background-position:0px 100%;
}
#change_setting ul#bg_checkbox{
margin:0px auto 0px auto;
}
#change_setting ul#bg_checkbox li{
position:relative;
}
#change_setting ul#bg_checkbox input{
position:absolute;top:0px;left:0px;opacity:0;width:100%;height:100%;
}
#change_setting ul#bg_checkbox input[type="checkbox"]+label{
width:684px;height:60px;margin:0px auto 5px auto;color:#ffffff;font-size:2.0vw;
display:block;background:url("../images/myroom/setting/sheet_change.png") no-repeat;background-size:100% 400%;
}
#change_setting ul#bg_checkbox input[type="checkbox"]+label div.item{
font-size:24px;width:calc(100% - 23%);text-align:center;position:absolute;top:calc(100% / 4);left:23%;pointer-events:none;
}

#change_setting ul#bg_checkbox input[type="checkbox"]:checked+label{
background-position:0px 67%;
}
#change_setting ul#bg_checkbox input:hover[type="checkbox"]+label{
background-position:0px 33%;
}
#change_setting ul#bg_checkbox input:hover[type="checkbox"]:checked+label{
background-position:0px 100%;
}

#change_setting ul.btnbox{
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;
}
#change_setting ul.btnbox > li{
width:calc( 100% / 2 );
}
#change_setting .btn_ok{
margin:0px auto 1% auto;background:url(../images/myroom/setting/btn_save.png) no-repeat;
background-size:100% 200%;
width:58.8%;height:0px;padding-top:14.4%;
}
#change_setting .btn_return{
margin:0px auto 1% auto;background:url(../images/myroom/setting/btn_back.png) no-repeat;
background-size:100% 200%;
width:58.8%;height:0px;padding-top:14.4%;
}
#now_setting .btn:hover,
#change_setting .btn_ok:hover,
#change_setting .btn_return:hover{
background-position:0px 100%;
}

@media (min-width:980px) and (max-width:1090px){
#now_setting ul > li{
width:95%;height:0px;padding-top:8.7%;
}
#change_setting ul#bg_checkbox input[type="checkbox"]+label{
width:95%;height:0px;padding-top:8.7%;
}
}

@media (max-width:790px){
#now_setting .open,
#now_setting .close{
width:95%;height:0px;padding-top:8.7%;
}
#now_setting ul > li > div{
font-size:3.0vw;
}
#change_setting ul#bg_checkbox input[type="checkbox"]+label{
width:95%;height:0px;padding-top:8.7%;
}
#change_setting ul#bg_checkbox input[type="checkbox"]+label div.item{
font-size:3.0vw;
}
}


/*購買部*/
#bgm_ticket{
margin-top:10px;
}
#bgm_ticket div.itemBox{
position:relative;
}
#bgm_ticket div.itemBox{
margin:10px auto 0px auto;max-width:520px;width:61%;height:0px;padding-top:10.7%;display:block;position:relative;
}
#bgm_ticket div.itemBox:hover{
background-position:0px 100%;
}
#bgm_ticket div.itemBox div.itemBoxTxt{
position:absolute;bottom:25%;right:3%;width:35%;font-size:2.0vw;
}

#bgm_ticket div.bgm0{
background:url("../images/myroom/shop/bgm/btn_item_bgm.png");
background-size:100% 200%;
}

#bgm_ticket div.shop_btn,
#bgm_ticket div.view_bgm{
width:48%;display:inline-block;text-align:center;margin:1%;
}
#bgm_ticket div.shop_btn a{
background:url("../images/myroom/shop/bgm/bnr_shop_bgm.png");background-size:100% 200%;
/*width:98.36%;height:0px;padding-top:23.6%;display:block;margin:0px auto;*/
width:74.36%;height:0px;padding-top:18%;display:block;margin:0px auto;
}

#bgm_ticket div.view_bgm a{
background:url("../images/myroom/shop/bgm/bnr_music.png");background-size:100% 200%;
/*width:98.36%;height:0px;padding-top:23.6%;display:block;margin:0px auto;*/
width:74.36%;height:0px;padding-top:18%;display:block;margin:0px auto;
}
#bgm_ticket div.shop_btn a:hover,
#bgm_ticket div.view_bgm a:hover{
background-position:0px 100%;
}
#bgm_ticket img.item_explain{
display:none;
}


#gacha_ticket div.itemBox{
position:relative;
}
#gacha_ticket div.itemBox{
margin:10px auto 0px auto;max-width:520px;width:61%;height:0px;padding-top:10.7%;display:block;position:relative;
}
#gacha_ticket div.itemBox:hover{
background-position:0px 100%;
}
#gacha_ticket div.itemBox div.itemBoxTxt{
position:absolute;bottom:25%;right:3%;width:35%;font-size:2.0vw;
}
#gacha_ticket div.gacha0{
background:url("../images/myroom/shop/gacha/btn_item_gacha.png");
background-size:100% 200%;
}
#gacha_ticket div.shop_btn{
width:94.92%;display:inline-block;text-align:center;margin:1% auto;
}
#gacha_ticket div.shop_btn a{
background:url("../images/myroom/shop/gacha/bnr_shop_gacha.png");background-size:100% 200%;
/*width:100%;height:0px;padding-top:12.63%;display:block;margin:0px auto;*/
width:71%;height:0px;padding-top:9.2%;display:block;margin:0px auto;
}
#gacha_ticket div.shop_btn a:hover{
background-position:0px 100%;
}
#gacha_ticket img.item_explain{
display:none;
}
@media (min-width: 980px) {
div#name_box div.w_box div div.txt,
#bgm_ticket div.itemBox div.itemBoxTxt,
#gacha_ticket div.itemBox div.itemBoxTxt{
font-size:20px;
}
}

/*stampchat*/
#stamp_select{
padding:10px;text-align:center;
}
#season_form > select{
width:150px;margin:0px auto;padding:5px;border-radius:20px;
}
#stamp{
display:flex;flex-wrap:wrap;
}
#stamp li{
width:calc((100% - 24px) / 3);margin:3px;
background:#ffc8d0;position:relative;
}
#stamp li.none{
background:#ccc;
}
#stamp li > div > img{
max-width:100%;padding:3px;
}
#stamp li.none > div > img{
filter:grayscale(100%);
opacity:0.9;
}
#stamp li > div.gra{
position:relative;text-align:center;
}
#stamp li > div.gra > img{
cursor: pointer;
}
#stamp li:not(.none) > div.gra > img:hover{
filter:brightness(1.1);
}
#stamp li.none > div > img:hover{
opacity:0.7;
}
#stamp li > div.gra > div.stamp{
display:none;
}
#stamp li > div.gra > div.stampnone{
position:absolute;top:calc(50% - 16px);left:50%;
}

#stamp li > div.gra > div.detail_btn{
background: url(../images/common/arena/04_deck/btn_zoom.png) left top no-repeat;
height: 0px;padding-top: 24%;width: 24%;background-size: 100% 100%;
position: absolute;bottom:1%;right: 2%;display: block;cursor: pointer;
}
#stamp li > div.name{
padding:5px;border-top:1px solid #000;text-align:center;
}

#stamp li:not(.none) > div.gra > p::after{
content:'取得済';color:#00f;
}

#stamp li.none > div.gra > p::after{
content:'未取得';color:#f00;
}
/*ソロクエスト*/
.solo_1box{
color:#fff;border-bottom:1px solid #fedf14;padding:10px 10px 5px;
margin-bottom:20px;width:60%;margin:0px auto 20px;text-align:center;
}
.solo_3box{
display:flex !important;color:#fff;
align-items:center;flex-wrap:wrap;justify-content:center;
margin-bottom:20px;border-bottom:1px solid #fedf14;
}
.solo_3box li{
width:calc(100% / 3);border-left:1px solid #fedf14;
}

.solo_3box li:last-of-type{
border-right:1px solid #fedf14;
}
.solo_3box li dl{
width:100%;text-align:center;
}
.solo_3box li dl dt{
padding-top:10px;padding-bottom:10px;
background:#fdec7b;color:#b10f0f;font-weight:bold;
}
.solo_3box li dl dd{
padding-top:10px;padding-bottom:10px;
}

.solo_4box{
display:flex !important;color:#fff;
align-items:center;flex-wrap:wrap;justify-content:center;
margin-bottom:20px;border-bottom:1px solid #fedf14;
}
.solo_4box li{
width:calc(100% / 4);border-left:1px solid #fedf14;
}

.solo_4box li:last-of-type{
border-right:1px solid #fedf14;
}
.solo_4box li dl{
width:100%;text-align:center;
}
.solo_4box li dl dt{
padding-top:10px;padding-bottom:10px;
background:#fdec7b;color:#b10f0f;font-weight:bold;
}
.solo_4box li dl dd{
padding-top:10px;padding-bottom:10px;
}

.solo_2box{
display:flex !important;color:#fff;
align-items:center;flex-wrap:wrap;
margin-bottom:20px;border-bottom:1px solid #fedf14;
}
.solo_2box li{
width:calc(100% / 2);border-bottom:1px solid #f7e779;padding:10px;
}
.solo_2box li:last-of-type{
border:none;
}
.solo_2box.set_even li:nth-last-of-type(2){
border:none;
}
.solo_2box li.icon{
position:relative;padding-left:30px;min-height:32px;
}
.solo_2box li.icon:before{
content:"";display:inline-block;width:26px;height:26px;
position:absolute;top:4px;left:0px;
background-size:cover !important;
}
.solo_2box li.icon0:before{
background: url(../images/myroom/solo/ico_0.png) no-repeat;
}
.solo_2box li.icon1:before{
background: url(../images/myroom/solo/ico_1.png) no-repeat;
}
.solo_2box li.icon2:before{
background: url(../images/myroom/solo/ico_2.png) no-repeat;
}
.solo_2box li.icon3:before{
background: url(../images/myroom/solo/ico_3.png) no-repeat;
}
.solo_2box li.icon4:before{
background: url(../images/myroom/solo/ico_4.png) no-repeat;
}
.solo_2box li.icon5:before{
background: url(../images/myroom/solo/ico_5.png) no-repeat;;
}
.solo_2box li.icon6:before{
background: url(../images/myroom/solo/ico_6.png) no-repeat;
}
@media only screen and (max-width: 449px){
  .solo_2box li{
  width:100%;
  }
  .solo_2box.set_even li:nth-last-of-type(2){
  border-bottom:1px solid #fedf14;
  }
  .solo_4box li dl dt{
    font-size:10px;
  }
}