.top_bg01 {
  background-image:url(../images/bg/top_bg01.jpg);
  background-position:center top;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-size:100%;
  -webkit-background-size:100%;
  -moz-background-size:100%;
  -o-background-size:100%;
  background-color:rgba(12,13,45,0.00)!important;
}
.top_bg02 {
  background-image: url("../images/bg/myroom_bg01.jpg");
  background-position: center top -150px;
  background-repeat: repeat-x;
  /*background-attachment: fixed;*/
  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,
.top_bg02, .top_bg02::before {
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  transition: all 0s ease;
}

h1,
h2{
text-align:center;
margin:0px auto 1% auto;max-width:100%;
}
h1 img,
h2 img{
width:100%;
}
.c_white{
color:#ffffff;
text-shadow: 3px 3px 3px #493e3e, -3px 3px 3px #493e3e, 3px -3px 3px #493e3e, -3px -3px 3px #493e3e;
}
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;
}
/*select*/
div#select_deck a{
text-decoration: none;
}
div#select_deck div.deck a{
background:url("../images/myroom/deck/btn_deckselect_lv2.png") left top no-repeat;
background-size:100% 100%;
max-width:470px;width:100%;height:68px;/*min-width:310px;*/margin:10px auto;
color:#fee5a5;display:table;
}
div#select_deck div.deck a:hover{
opacity:0.9;
}
div#select_deck div.deck div.name{
display:table-cell;vertical-align:middle;width:70%;
}
div.act_false{
width:30%;display:table-cell;
}
div.act_true{
/*background:linear-gradient(to right, #FFFFFF, rgba(255,255,255,0) 70%);*/font-size:16px;
padding:5% 10% 5% 10%;margin:10px 0px 0px 0px;
}
div.act_false:before{
content:'';
}
div.act_true:before{
content:'使用中デッキ';
}
div#select_deck div.save0,
div#select_deck div.save1{
text-align:center;color:#ff0000;text-shadow: #11455a 2px 2px 2px;font-weight:bold;display:none;
}
div#select_deck div.save2,
div#select_deck div.save3{
text-align:center;color:#00daff;text-shadow: #11455a 2px 2px 2px;font-weight:bold;display:none;
}

@media screen and (max-width:470px) {
div#select_deck div.deck a{
height:0px;padding-top:14%;position:relative;display:block;
}
div.act_false{
display:none;
}
div.act_true{
position:absolute;top:0;left:0;font-size:14px;padding:2% 7%;font-size:2.4vw;
}
div#select_deck div.deck div.name{
position:absolute;top:45%;left:30%;
}
}

/*edit*/
div#edit_deck .main_inner{
position:relative;display:block;
}
div#edit_deck #pickup_R00{
margin-left:10px;
}

div#change_record_detail,
div#edit_deck{
position:relative;
}
div#edit_deck div#menu{
}
div#edit_deck div#menu ul.btn_box{
display:flex;flex-wrap:wrap;justify-content:center;align-items:start;
}
div#edit_deck div#menu ul.btn_box > li{
width:50%;height:auto;
}
div#edit_deck div#menu div.edit_btn{
max-width:325px;width:100%;height:0px;padding-top:15%;margin:0px auto;
background:url("../images/myroom/deck/btn_mode01.png") left top no-repeat;background-size:100% 300%;
}
div#edit_deck div#menu div.change_btn > a{
max-width:325px;width:100%;height:0px;padding-top:15%;display:block;margin:0px auto;
background:url("../images/myroom/deck/btn_mode02.png") left top no-repeat;background-size:100% 300%;background-position:100% 50%;
}
div#edit_deck div#menu div.change_btn > a:hover{
background-position:100% 100%;
}

div#edit_deck ul#filter li#title{
width: 100%;height: auto;color: #FFF;font-weight: bold;padding: 2px;
margin: 0px auto;text-align: center;font-size: 16px;text-shadow: #630 1px 1px 2px;
border-radius: 0px;background-color:rgba(255,240,200,0.8);box-shadow: #630 0 0 6px;
border:1px solid rgba(255,230,130,1.0);position:relative;cursor:pointer;
}
div#edit_deck ul#filter li#title div.mes:after{
visibility:visible;display:block;
content:"-";color:#efeded;
position:absolute;top:2px;right:4px;
}
div#edit_deck ul#filter li#title div.open_mes:after{
visibility:visible;display:block;
content:"+";color:#efeded;
position:absolute;top:2px;right:4px;
}

div#edit_deck div.menu_box{
border-right: 1px solid rgba(255,230,130,1.0);border-left: 1px solid rgba(255,230,130,1.0);border-bottom: 1px solid rgba(255,230,130,1.0);
padding: 1%;background-color: rgba(0,0,0,0.5);
color:#ffffff;/*margin:0px auto 1% auto;*/
}

div#edit_deck div.menu_box form{
width:90%;margin:0px auto;
}
div#edit_deck div.menu_box dl{
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;
}
div#edit_deck div.menu_box dl > dt{
width:100px;padding:5px;display:flex;justify-content:end;align-items:start;
}
div#edit_deck div.menu_box dl > dd{
width:calc(100% - 100px);padding:5px;
}
div#edit_deck div.menu_box dl > dd > input[type="text"],
div#edit_deck div.menu_box dl > dd > select{
width:100%;
}
div#edit_deck div.menu_box .box_base{
display:flex;flex-wrap:wrap;
}
div#edit_deck div.menu_box .box_base > dl{
width:calc(100% / 2);
}
div#edit_deck div.menu_box dl > dd.wbox{
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;
}
div#edit_deck div.menu_box dl > dd.wbox > select{
width:49%;margin-left:1%;
}
div#edit_deck div.menu_box dl > dd.ckb0,
div#edit_deck div.menu_box dl > dd.ckb{
display:flex;flex-wrap:wrap;justify-content:start;align-items:start;
}
div#edit_deck div.menu_box dl > dd.ckb0 > label,
div#edit_deck div.menu_box dl > dd.ckb > label{
width:calc(100% / 5);
}
label,
input[type='checkbox']{
cursor:pointer;
}


div#edit_deck div.submit_btn{
margin:0px auto;text-align:center;width:49%;display:inline-block;text-align:center;vertical-align:top;
}
div#edit_deck div.submit_btn div#f_submit,
div#edit_deck div.submit_btn button{
background: url(../images/common/btn_sub_menu.png)no-repeat;
width: 120px;display: block;margin: 10px auto 5px auto;padding:6px;
background-size: 100% 200%;color: #ffffff;text-align: center;
cursor:pointer;border:0;outline:none;border:none;
}

div#edit_deck div.submit_btn div#f_submit{
padding:6px 4px;
}
div#edit_deck div.submit_btn div#f_submit:hover,
div#edit_deck div.submit_btn button:hover{
background-position:100% 100%;color:#ffdd3e;
}

div#card_list{
display:flex;flex-wrap:wrap;
}
div#edit_deck div#card_box div.card_data{
width:calc(100% / 4);position:relative;margin-bottom:3%;
}
div#edit_deck div#card_list div.h_no{
display:none;
}
div#edit_deck div#card_box div.card_data img{
max-width:268px;width:100%;
}
div#edit_deck div#card_box div.card_data div.s_on img{
opacity:1;cursor:pointer;
}
div#edit_deck div#card_box div.card_data div.s_off img{
opacity:0.7;
}

div#edit_deck div#card_box div.card_data div.card_name{
color:#fee5a5;text-align:center;padding:0px 2px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:100%;min-width:0;
margin-top:10%;display:none;

}

div#edit_deck div#card_box div.card_data div.poss_btm{
color:#fee5a5;text-align:left;background:url("../images/common/arena/04_deck/card_deck_elia.png") left top no-repeat;
height:0px;padding-top:27%;width:85.5%;background-size:100% 100%;margin:0px auto;position:relative;
}
div#edit_deck div#card_box div.card_data div.poss{
position:absolute;top:14%;left:2%;width:68%;
}
div#edit_deck div#card_box div.card_data div.poss2{
position:absolute;bottom:9%;left:2%;width:68%;
}
div#edit_deck div#card_box div.card_data div.poss span.title,
div#edit_deck div#card_box div.card_data div.poss2 span.title{
width:70%;text-align:center;display:inline-block;
}
div#edit_deck div#card_box div.card_data div.poss span.no,
div#edit_deck div#card_box div.card_data div.poss2 span.no{
width:30%;text-align:right;display:inline-block;
}
div#edit_deck div#card_box div.card_data div.detail_btn a{
color:#fee5a5;text-align:center;background:url("../images/myroom/deck/btn_zoom.png") left top no-repeat;
height:0px;padding-top:24%;width:24%;background-size:100% 100%;/*margin:-18.3% 0px 0px 10%;*/
position:absolute;bottom:1%;right:8%;display:block;cursor: pointer
}



div#edit_deck div#deck_detail{
background:#010c2f;border-radius:10px 10px;max-width:240px;margin:0px auto;width:100%;
padding:10px 0px;
}
div#edit_deck div#deck_detail div#deck_card_max{
color:#fee5a5;
margin-left:5%;width:60%;display:inline-block;
}

div#edit_deck div#deck_detail div#kind0{
color:#fee5a5;/*position:absolute;top:65%;left:32%;*/
margin-left:5%;width:60%;display:inline-block;margin-top:10px;
}

div#edit_deck div#deck_detail div#kind1{
color:#fee5a5;/*position:absolute;top:65%;left:86%;*/
margin-left:5%;width:60%;display:inline-block;margin-top:10px;
}

div#edit_deck div#deck_detail div.no{
width:30%;display:inline-block;color:#fee5a5;
}

div#edit_deck div#deck_detail div.no_h{
width:15%;display:inline-block;color:#fee5a5;
}




div#edit_deck div#deck_cardlvbox{
background:url("../images/myroom/deck/nam_lv_bg.png") left top no-repeat;
max-width:240px;height:0px;padding-top:44.5%;width:100%;background-size:100% 100%;
margin:20px auto 0px auto;position:relative;
}

div#edit_deck div#deck_cardlvbox div#lv1_no{
position:absolute;top:7%;left:26%;background:#f5fffa;width:13.5%;height:0%;text-align:center;color:#66f2ff;
}
div#edit_deck div#deck_cardlvbox div#lv2_no{
position:absolute;top:7%;left:45%;background:#f5fffa;width:13.5%;height:0%;text-align:center;color:#66f2ff;
}
div#edit_deck div#deck_cardlvbox div#lv3_no{
position:absolute;top:7%;left:64%;background:#f5fffa;width:13.5%;height:0%;text-align:center;color:#66f2ff;
}
div#edit_deck div#deck_cardlvbox div#lv4_no{
position:absolute;top:7%;left:82%;background:#f5fffa;width:13.5%;height:0%;text-align:center;color:#66f2ff;
}

div#edit_deck div#deck_cardlvbox div#deck_card_lv1{
position:absolute;bottom:29%;left:26%;background:#f5fffa;width:13.5%;height:0%;
}
div#edit_deck div#deck_cardlvbox div#deck_card_lv2{
position:absolute;bottom:29%;left:45%;background:#f5fffa;width:13.5%;height:0%;
}
div#edit_deck div#deck_cardlvbox div#deck_card_lv3{
position:absolute;bottom:29%;left:64%;background:#f5fffa;width:13.5%;height:0%;
}
div#edit_deck div#deck_cardlvbox div#deck_card_lv4{
position:absolute;bottom:29%;left:82%;background:#f5fffa;width:13.5%;height:0%;
}
div#edit_deck div#deck_box{
margin:20px auto 0px auto;
}
div#edit_deck div#deck_box ul#deck{
height:500px;overflow:auto;
}
div#edit_deck div#deck_box ul#deck li{
position:relative;margin-bottom:1%;cursor:pointer;
}
div#edit_deck div#deck_box ul#deck li.card_lv1{
background:url("../images/common/arena/04_deck/btn_deck_img/btn_deck_lv1.png") left top no-repeat;
background-size:100% 100%;
}
div#edit_deck div#deck_box ul#deck li.card_lv2{
background:url("../images/common/arena/04_deck/btn_deck_img/btn_deck_lv3.png") left top no-repeat;
background-size:100% 100%;
}
div#edit_deck div#deck_box ul#deck li.card_lv3{
background:url("../images/common/arena/04_deck/btn_deck_img/btn_deck_lv2.png") left top no-repeat;
background-size:100% 100%;
}
div#edit_deck div#deck_box ul#deck li.card_lv4{
background:url("../images/common/arena/04_deck/btn_deck_img/btn_deck_lv4.png") left top no-repeat;
background-size:100% 100%;
}
div#edit_deck div#deck_box ul#deck li img{
width:100%;
}
div#edit_deck div#deck_box ul#deck li div.deckname{
position:absolute;color:#fee5a5;top:9%;left:5%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;/*width:95%;*/min-width:0;
width:79%;
}
div#edit_deck div#deck_box ul#deck li div.decklv{
position:absolute;color:#1e8ddd;bottom:22%;left:7.5%;font-weight:bold;
}
div#edit_deck div#deck_box ul#deck li div.decknum{
position:absolute;color:#fee5a5;bottom:4%;right:20%;
}
div#edit_deck div#deck_box ul#deck li div.detail_btn a{
color:#fee5a5;text-align:center;background:url("../images/myroom/deck/btn_zoom.png") left top no-repeat;
/*max-width:52px;*/height:0px;padding-top:21.7%;width:21.7%;background-size:100% 100%;/*margin:-18.3% 0px 0px 10%;*/
position:absolute;top:14%;right:1%;display:block;
}



div#edit_deck div#save{
background:url("../images/myroom/deck/btn_save.png") left top no-repeat;background-size:100% 300%;
max-width:270px;width:100%;padding-top:17.87%;height:0px;margin:10px auto;cursor:pointer;
}
div#edit_deck div.no_save{
background-position:100% 50% !important;
}
div#edit_deck div.back_btn a{
display:block;background:url("../images/myroom/deck/btn_back01.png") left top no-repeat;background-size:100% 200%;
max-width:240px;width:100%;padding-top:16.51%;height:0px;
}
div#edit_deck div#save:hover,
div#edit_deck div#delete_deckcard:hover,
div#edit_deck div.back_btn a:hover{
background-position:100% 100%;
}

div#edit_deck div.filter_box_top{
background:url("../images/myroom/deck/nam_filter_bg_a.png") left top no-repeat;
width:100%;height:0px;padding-top:3.24%;background-size:100% 100%;margin-top:-4px;
}
div#edit_deck div.filter_box{
background:url("../images/myroom/deck/nam_filter_bg_b.png") left top repeat;
width:100%;background-size:100% 100%;
}
div#edit_deck div.filter_box_btm{
background:url("../images/myroom/deck/nam_filter_bg_c.png") left top no-repeat;
width:100%;height:0px;padding-top:9.34%;position:relative;background-size:100% 100%;
}

div#edit_deck ul#filter{
padding:0px 4%;
}
div#edit_deck div.filter_box_btm div.all_card{
color:#ffffff;width:50%;text-align:center;/*margin-top:-4%;*/position:absolute;bottom:calc(100% / 5);left:calc((100% - 50%) / 2);
}

div#edit_deck input,
div#edit_deck select{
/*width:98%;*/margin:0px auto 10px auto;
}
div#edit_deck form#form1 input,
div#edit_deck form#form1 select{
width:98%;margin:0px auto 10px auto;
}


div#edit_deck div.title{
font-weight:bold;color:#ffffff;
}
div#edit_deck .alertarea{
color:#f00;background:#dcdcdc;margin-bottom:10px;
}
div#edit_deck ul#deck_filter{
margin:5% auto 0px auto;
width:92%;
}
div#edit_deck ul#deck_filter li{
border:1px solid rgba(255,230,130,1.0);color:#cccccc;text-align:center;padding:1% 2% 1% 2%;
background-color:rgba(255,240,200,0.8);
cursor:pointer;
}

div#edit_deck ul#deck_filter li#f_btm{
font-weight:bold;text-shadow: #630 2px 2px 2px;color:#ffffff;
}
div#edit_deck ul#deck_filter li#f_btm:hover{
background-color:rgba(203,211,217,0.9);
}
div#edit_deck ul#deck_filter li.title{
display:none;color:#ffffff;
font-weight:bold;text-shadow: #663300 2px 2px 2px;
background-color:rgba(203,211,217,0.7);
}
div#edit_deck ul#deck_filter li.title:hover{
background-color:rgba(27,176,218,0.5);
}
div#edit_deck ul#deck_filter li.flt{
text-shadow: #000000 2px 2px 2px;
background-color:rgba(0,0,0,0.5);
}
div#edit_deck ul#deck_filter li.flt:hover{
background-color:rgba(27,176,218,0.3);
}
div#edit_deck ul#deck_filter li.sub_f0{
display:none;
}
div#edit_deck ul#deck_filter li.sub_f1{
display:none;
}
div#edit_deck ul#deck_filter li.sub_f2{
display:none;
}
div#edit_deck ul#deck_filter li.sub_f3{
display:none;
}





/**/
div#edit_deck #m-open,
div#edit_deck #delete-open {
color: #cc0000;
}
/* モーダル コンテンツエリア */
div#edit_deck #m-main,
div#edit_deck #md-main,
div#change_record_detail #m-main,
div#change_record_detail #md-main {
display: none;width:280px;margin:0;/*padding:20px 10px;*/background-color:#ffffff;
color:#fff817;position:fixed;z-index:2;text-align:center;
text-shadow: 3px 3px 3px #493e3e, -3px 3px 3px #493e3e, 3px -3px 3px #493e3e, -3px -3px 3px #493e3e;
}
div#edit_deck #m-main div.contents_box,
div#edit_deck #md-main div.contents_box{
margin-bottom:0px;
}

/* モーダル 背景エリア */
div#m-bg,
div#md-bg {
display:none;width:100%;height:100%;background-color: rgba(0,0,0,0.7);
position:fixed;top:0;left:0;z-index: 1;
}

div#edit_deck #md-main div#nod_btn,
div#edit_deck #m-main div#no_btn{
width:49%;display:inline-block;
}

div#edit_deck #md-main div#delete_deckcard,
div#edit_deck #m-main div#back{
width:49%;display:inline-block;
}
div#change_record_detail #m-main div.btn,
div#change_record_detail #md-main div.btn,
div#edit_deck #md-main div#delete_deckcard div,
div#edit_deck #md-main div#nod_btn div,
div#edit_deck #m-main div#no_btn div,
div#edit_deck #m-main div#back a{
/*border:1px solid #000000; width:80%;margin:0px auto;padding:2px 0px 2px 0px;text-align:center;
display:block;*/
background: url(../images/common/btn_sub_menu.png)no-repeat;width: 80%;
display: block;margin: 10px auto 5px auto;padding: 4px;
background-size: 100% 200%;color: #ffffff;
text-align: center;cursor: pointer;border: 0;outline: none;border: none;
}
div#change_record_detail #m-main div.btn:hover,
div#change_record_detail #md-main div.btn:hover,
div#edit_deck #md-main div#delete_deckcard div:hover,
div#edit_deck #md-main div#nod_btn div:hover,
div#edit_deck #m-main div#no_btn div:hover,
div#edit_deck #m-main div#back a:hover{
background-position:100% 100%;color:#ffdd3e;
}
div#change_record_detail div.btn:hover,
div#edit_deck div.btn:hover{
cursor:pointer;
}
div#edit_deck #m-main_d {
display: none;/*width:90%;*/margin:0;padding:10px 10px;/*background-color:#ffffff;*/
color:#666666;position:fixed;z-index:2;text-align:center;/*height:90%;*/
}
div#edit_deck #m-main_d div#in_detail{
min-height:458px;min-width:320px;
}


div#edit_deck div#delete_deckcard_o{
background:url("../images/myroom/deck/btn_clear.png") left top no-repeat;background-size:100% 300%;
max-width:240px;width:100%;padding-top:12.87%;height:0px;margin:10px auto;cursor:pointer;
}






/*detail*/
div#detail{
text-align:center;background-color#rgba(0,0,0,0.5);width:240px;padding:2px;margin:0px auto;
}
div#detail div.kind0_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_top01.png") left top no-repeat;
width:240px;height:73px;
}
div#detail div.kind0_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_top.png") left top no-repeat;
width:240px;height:73px;
}
div#detail div.kind0_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_body.png") left top;
width:240px;text-align:center;color:#ffffff;
}
div#detail div.kind0_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_bottom.png") left top no-repeat;
width:240px;height:29px;margin-top:-15px;
}

div#detail div.card_name_kind0{
background:#d1290e;width:98%;margin:0px auto;font-size:18px;
}
div#detail div.kind2_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_top01.png") left top no-repeat;
width:240px;height:73px;
}
div#detail div.kind2_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_top.png") left top no-repeat;
width:240px;height:73px;
}
div#detail div.kind2_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_body.png") left top;
width:240px;text-align:center;color:#ffffff;
}
div#detail div.kind2_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_bottom.png") left top no-repeat;
width:240px;height:29px;margin-top:-15px;
}
div#detail div.card_name_kind1{
background:#1fb458;width:98%;margin:0px auto;font-size:18px;
}
div#detail div.kind1_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_top01.png") left top no-repeat;
width:240px;height:73px;
}
div#detail div.kind1_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_top.png") left top no-repeat;
width:240px;height:73px;
}
div#detail div.kind1_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_body.png") left top;
width:240px;text-align:center;color:#ffffff;
}
div#detail div.kind1_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_bottom.png") left top no-repeat;
width:240px;height:29px;margin-top:-15px;
}
div#detail div.card_name_kind2{
background:#1c7cba;width:98%;margin:0px auto;font-size:18px;
}
div#detail div.kind3_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_top01.png") left top no-repeat;
width:240px;height:73px;
}
div#detail div.kind3_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_top.png") left top no-repeat;
width:240px;height:73px;
}
div#detail div.kind3_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_body.png") left top;
width:240px;text-align:center;color:#ffffff;
}
div#detail div.kind3_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_bottom.png") left top no-repeat;
width:240px;height:29px;margin-top:-15px;
}
div#detail div.card_name_kind3{
background:#777776;width:98%;margin:0px auto;font-size:18px;
}
div#detail div div.title{
color:#fee5a5;
}
div#detail div.card_type0{
border-bottom:1px solid #d1290e;width:98%;margin:0px auto;font-size:16px;padding:0.5% 0px;
}
div#detail div.card_type1{
border-bottom:1px solid #1fb458;width:98%;margin:0px auto;font-size:16px;padding:0.5% 0px;
}
div#detail div.card_type2{
border-bottom:1px solid #1c7cba;width:98%;margin:0px auto;font-size:16px;padding:0.5% 0px;
}
div#detail div.card_type3{
border-bottom:1px solid #777776;width:98%;margin:0px auto;font-size:16px;padding:0.5% 0px;
}
div#detail div.no_border{
border:none;
}
div#detail div.type0,
div#detail div.type1{
position:relative;
}
div#detail div div.st0{
position:absolute;top:18px;left:55px;
}
div#detail div div.st1{
position:absolute;top:7px;left:98px;
}
div#detail div div.st2{
position:absolute;top:18px;left:152px;
}
div#detail div div.st0 img,
div#detail div div.st1 img,
div#detail div div.st2 img{
width:82%;
}
div#detail div.type1 div.st0,
div#detail div.type1 div.st2{
display:none;
}
div#detail div.closebtn{
text-align:left;margin-left:-20px;
}
div#detail div.closebtn img{
cursor:pointer;
}
div#detail div.card_detail{
margin-top:-15px;
}


/*list*/
div#record_list a{
cursor:pointer;
}
div#record_list div.card{
width:calc(100% / 5);display:inline-block;
}
div#record_list div.card_kind0 img{
width:100%;
}
div#record_list div.menu_box{
border-right: 1px solid rgba(120,240,255,1.0);border-left: 1px solid rgba(120,240,255,1.0);border-bottom: 1px solid rgba(120,240,255,1.0);
padding: 1%;background-color: rgba(0,0,0,0.5);
color:#ffffff;margin:0px auto 1% auto;
}
div#record_list div.menu_box form{
width:90%;margin:0px auto;
}
div#record_list div.menu_box form div.mes_t{
width:6rem;display:inline-block;margin:1% 0px 0px 0px;text-align:right;vertical-align:top;
}
div#record_list div.menu_box form div.mes{
width:calc(100% - 6rem);display:inline-block;margin:1% 0px 0px 0px;vertical-align:top;
}
div#record_list div.menu_box form div.mes2{
width:calc(50% - 7rem);display:inline-block;margin:1% 0px 0px 0px;vertical-align:top;
}
div#record_list div.menu_box form div.mes2 select{
vertical-align:top;
}
div#record_list div.menu_box form div.mes2 select.s_h{
width:49%;
}
div#record_list div.menu_box form div.mes .m_box{
width:100%;
}
div#record_list div.menu_box form div.mes2 .m_box{
width:80%;
}
div#record_list div.menu_box form div.mes .m_box1{
width:calc(96%/5);display:inline-block;
}
div#record_list div.menu_box form div.mes .m_box2{
width:calc(96%/5);display:inline-block;
}
div#record_list div.submit_btn{
margin:0px auto;text-align:center;width:49%;display:inline-block;text-align:center;
}
div#record_list div.submit_btn div#f_submit,
div#record_list div.submit_btn button{
background: url(../images/common/btn_sub_menu.png)no-repeat;
width: 120px;display: block;margin: 10px auto 5px auto;padding:4px;
background-size: 100% 200%;color: #ffffff;text-align: center;
cursor:pointer;border:0;outline:none;border:none;
}
div#record_list div.submit_btn div#f_submit{
padding:6px 4px;
}
div#record_list div.submit_btn div#f_submit:hover,
div#record_list div.submit_btn button:hover{
background-position:100% 100%;color:#ffdd3e;
}
div#record_list div.name_box {
height: 24px;overflow: auto;
}

div.f_title{
width: 100%;height: auto;color: #FFF;font-weight: bold;padding: 2px;
margin: 0px auto;text-align: center;font-size: 16px;text-shadow: #630 1px 1px 2px;
border-radius: 0px;background-color: #e76527;box-shadow: #630 0 0 6px;
}
div#record_list ul#filter li#title{
cursor:pointer;
width: 100%;height: auto;color: #FFF;font-weight: bold;padding: 2px;
margin: 0px auto;text-align: center;font-size: 16px;text-shadow: #630 1px 1px 2px;
border-radius: 0px;background-color:rgba(253,191,191,0.8);box-shadow: #630 0 0 6px;
border:1px solid rgba(62,64,66,1.0);position:relative;
}
div#record_list ul#filter li#title div.mes:after{
visibility:visible;display:block;
content:"+";color:#efeded;
position:absolute;top:2px;right:4px;
}
div#record_list ul#filter li#title div.open_mes:after{
visibility:visible;display:block;
content:"-";color:#efeded;
position:absolute;top:2px;right:4px;
}

div#record_list ul#pack_menu li.season{
width:150px;display:inline-block;text-align:center;
}
div#record_list ul#pack_menu li.season a{
color:#ffffff;text-decoration:underline;
}
div#record_list ul#pack_menu li.season a:hover{
color:#ff0000;
}
div#record_list ul#pack_menu li.season div#btn1{
width:150px;height:75px;background: url(../images/common/arena/btn_season1.png)no-repeat;
cursor:pointer;
}
div#record_list ul#pack_menu li.season div#btn2{
width:150px;height:75px;background: url(../images/common/arena/btn_season2.png)no-repeat;
cursor:pointer;
}
div#record_list ul#pack_menu li.season div#btn3{
width:150px;height:75px;background: url(../images/common/arena/btn_season3.png)no-repeat;
cursor:pointer;
}
div#record_list ul#pack_menu li.season div#btn4{
width:150px;height:75px;background: url(../images/common/arena/btn_season4.png)no-repeat;
cursor:pointer;
}

div#record_list ul#pack_menu li.season div.select,
div#record_list ul#pack_menu li.season div:hover{
background-position:0% 100% !important;
}
div#record_list div.page_box{
margin:1% auto;width:calc(97%/3);display:inline-block;text-align:center;
}
/*detail*/
div#record_list div.card_kind1 img{
width:96%;
}
div#record_list div.l_kind0_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_top01.png") left top no-repeat;
width:98%;height:0px;padding-top:31.8%;background-size:100% 100%;
}
div#record_list div.l_kind0_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_top.png") left top no-repeat;
background-size:100% 100%;
width:98%;height:0px;padding-top:31.8%;
}
div#record_list div.l_kind0_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_body.png") left top;
width:98%;text-align:center;color:#ffffff;background-size:100% 100%;
}
div#record_list div.l_kind0_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_bottom.png") left top no-repeat;
width:98%;height:0px;padding-top:12.7%;background-size:100% 100%;
}
div#record_list div.l_card_name_kind0{
background:#d1290e;width:98%;margin:0px auto;font-size:14px;padding:4px 0px 2px 0px;
}

div#record_list div.l_kind2_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_top01.png") left top no-repeat;
width:98%;height:0px;padding-top:31.8%;background-size:100% 100%;
}
div#record_list div.l_kind2_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_top.png") left top no-repeat;
background-size:100% 100%;
width:98%;height:0px;padding-top:31.8%;
}
div#record_list div.l_kind2_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_body.png") left top;
width:98%;text-align:center;color:#ffffff;background-size:100% 100%;
}
div#record_list div.l_kind2_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_bottom.png") left top no-repeat;
width:98%;height:0px;padding-top:12.7%;background-size:100% 100%;
}
div#record_list div.l_card_name_kind2{
background:#1c7cba;width:98%;margin:0px auto;font-size:14px;padding:4px 0px 2px 0px;
}

div#record_list div.l_kind1_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_top01.png") left top no-repeat;
width:98%;height:0px;padding-top:31.8%;background-size:100% 100%;
}
div#record_list div.l_kind1_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_top.png") left top no-repeat;
background-size:100% 100%;
width:98%;height:0px;padding-top:31.8%;
}
div#record_list div.l_kind1_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_body.png") left top;
width:98%;text-align:center;color:#ffffff;background-size:100% 100%;
}
div#record_list div.l_kind1_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_bottom.png") left top no-repeat;
width:98%;height:0px;padding-top:12.7%;background-size:100% 100%;
}
div#record_list div.l_card_name_kind1{
background:#1fb458;width:98%;margin:0px auto;font-size:14px;padding:4px 0px 2px 0px;
}

div#record_list div.l_kind3_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_top01.png") left top no-repeat;
width:98%;height:0px;padding-top:31.8%;background-size:100% 100%;
}
div#record_list div.l_kind3_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_top.png") left top no-repeat;
background-size:100% 100%;
width:98%;height:0px;padding-top:31.8%;
}
div#record_list div.l_kind3_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_body.png") left top;
width:98%;text-align:center;color:#ffffff;background-size:100% 100%;
}
div#record_list div.l_kind3_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_bottom.png") left top no-repeat;
width:98%;height:0px;padding-top:12.7%;background-size:100% 100%;
}
div#record_list div.l_card_name_kind3{
background:#777776;width:98%;margin:0px auto;font-size:14px;padding:4px 0px 2px 0px;
}
div#record_list div div.title{
color:#fee5a5;
}
div#record_list div.l_card_type0{
border-bottom:1px solid #d1290e;width:98%;margin:0px auto;font-size:14px;
}
div#record_list div.l_card_type1{
border-bottom:1px solid #1fb458;width:98%;margin:0px auto;font-size:14px;
}
div#record_list div.l_card_type2{
border-bottom:1px solid #1c7cba;width:98%;margin:0px auto;font-size:14px;
}
div#record_list div.l_card_type3{
border-bottom:1px solid #777776;width:98%;margin:0px auto;font-size:14px;
}
div#record_list div.l_type0,
div#record_list div.l_type1{
position:relative;vertical-align:top;
}

div#record_list div.l_card_detail{
height:101px;overflow:auto;border:none;
}

div#record_list div div.l_st0{
position:absolute;top:25%;left:23%;
}
div#record_list div div.l_st1{
position:absolute;top:10%;left:42%;
}
div#record_list div div.l_st2{
position:absolute;top:25%;left:64%;
}
div#record_list div div.l_st0 img,
div#record_list div div.l_st1 img,
div#record_list div div.l_st2 img{
width:82%;
}
div#record_list div.l_type1 div.l_st0,
div#record_list div.l_type1 div.l_st2{
display:none;
}
div#record_list div.change_btn{
background: url(../images/common/btn_sub_menu.png)no-repeat;
padding:4% 0px;display: block;margin: 10px auto 5px auto;
background-size: 100% 200%;color: #ffffff;text-align: center;
cursor:pointer;border:0;
}
div#record_list div.select_btn,
div#record_list div.change_btn:hover{
background-position:100% 100%;color:#ffdd3e;
}
div#record_list #m-main_d {
display: none;margin:0;padding:10px 10px;/*background-color:#ffffff;*/
color:#666666;position:fixed;z-index:2;text-align:center;/*height:90%;*/
}
div#record_list #m-main_d div#in_detail{
min-height:458px;min-width:320px;
}
div#edit_deck div.error_mes,
div#record_list div.error_mes{
text-align:center;padding:2% 0px;
}
/*change*/
div#change_record{
position:relative;
}
/*
div#change_record div#menu div.edit_btn{
background:url("../images/common/arena/04_deck/btn_mode01.png") left top no-repeat;
background-size:100% 300%;max-width:312px;width:50%;height:0px;margin:0px auto;display:inline-block;padding-top:5.2%;
background-position:100% 50%;
}
div#change_record div#menu div.edit_btn:hover{
background-position:100% 100%;
}
div#change_record div#menu div.change_btn{
background:url("../images/common/arena/04_deck/btn_mode02.png") left top no-repeat;
background-size:100% 300%;max-width:312px;width:50%;height:0px;margin:0px auto;display:inline-block;padding-top:5.2%;
}
*/
div#change_record div#menu ul.btn_box{
display:flex;flex-wrap:wrap;justify-content:center;align-items:start;
}
div#change_record div#menu ul.btn_box > li{
width:50%;height:auto;
}
div#change_record div#menu div.edit_btn > a{
max-width:325px;width:100%;height:0px;padding-top:15%;margin:0px auto;display:block;
background:url("../images/myroom/deck/btn_mode01.png") left top no-repeat;background-size:100% 300%;background-position:100% 50%;
}
div#change_record div#menu div.change_btn{
max-width:325px;width:100%;height:0px;padding-top:15%;display:block;margin:0px auto;
background:url("../images/myroom/deck/btn_mode02.png") left top no-repeat;background-size:100% 300%;
}
div#change_record div#menu div.edit_btn > a:hover{
background-position:100% 100%;
}



div#change_record div.menu_box{
border-right: 1px solid rgba(255,230,130,1.0);border-left: 1px solid rgba(255,230,130,1.0);border-bottom: 1px solid rgba(255,230,130,1.0);
padding: 1%;background-color: rgba(0,0,0,0.5);
color:#ffffff;/*margin:0px auto 1% auto;*/
}
div#change_record div.menu_box form{
width:90%;margin:0px auto;
}
div#change_record div.menu_box form div.mes_t{
width:6rem;display:inline-block;margin:1% 0px 0px 0px;text-align:right;vertical-align:top;
}
div#change_record div.menu_box form div.mes{
width:calc(100% - 6rem);display:inline-block;margin:1% 0px 0px 0px;vertical-align:top;
}
div#change_record div.menu_box form div.mes2{
width:calc(50% - 7rem);display:inline-block;margin:1% 0px 0px 0px;vertical-align:top;
}
div#change_record div.menu_box form div.mes2 select{
vertical-align:top;
}
div#change_record div.menu_box form div.mes2 select.s_h{
width:50%;
}
div#change_record div.menu_box form div.mes .m_box{
width:100%;
}
div#change_record div.menu_box form div.mes2 .m_box{
width:80%;
}
div#change_record div.menu_box form div.mes .m_box1{
width:calc(100%/5);display:inline-block;vertical-align:top;
}
div#change_record div.menu_box form div.mes .m_box2{
width:calc(100%/4.5);display:inline-block;vertical-align:top;text-align:left;
}
div#change_record div.submit_btn{
margin:0px auto;text-align:center;width:49%;display:inline-block;text-align:center;vertical-align:top;
}
div#change_record div.submit_btn button{
background: url(../images/common/btn_sub_menu.png)no-repeat;
width: 120px;display: block;margin: 10px auto 5px auto;padding:4px;
background-size: 100% 200%;color: #ffffff;text-align: center;
cursor:pointer;border:0;outline:none;border:none;
}
div#change_record div.submit_btn button:hover{
background-position:100% 100%;color:#ffdd3e;
}
div#change_record div.name_box {
height: 24px;overflow: auto;
}
div.f_title{
width: 100%;height: auto;color: #4b4d4f;font-weight: bold;padding: 2px;
margin: 0px auto;text-align: center;font-size: 16px;text-shadow: #fff 1px 1px 2px;
border-radius: 0px;background-color:rgba(253,191,191,1.0);box-shadow: #630 0 0 6px;
}
div#change_record ul#filter li#title{
width: 100%;height: auto;color: #FFF;font-weight: bold;padding: 2px;
margin: 0px auto;text-align: center;font-size: 16px;text-shadow: #630 1px 1px 2px;
border-radius: 0px;background-color: rgba(255,240,200,0.8);box-shadow: #630 0 0 6px;
border: 1px solid rgba(255,230,130,1.0);position:relative;cursor:pointer;
}

div#change_record ul#filter li#title div.mes:after{
visibility:visible;display:block;
content:"-";color:#efeded;
position:absolute;top:2px;right:4px;
}
div#change_record ul#filter li#title div.open_mes:after{
visibility:visible;display:block;
content:"+";color:#efeded;
position:absolute;top:2px;right:4px;
}



div#change_record div#card_box div.card_data{
display:inline-block;width:calc(100% / 5);position:relative;
margin-bottom:3%;
}
div#change_record div#card_box div.card_data a.card_kind0 img{
max-width:268px;width:100%;
}
div#change_record div#card_box div.card_data div.s_1 img{
opacity:1;cursor:pointer;
}
div#change_record div#card_box div.card_data div.s_0 img{
opacity:0.5;
}

div#change_record div#card_box div.card_data div.card_name{
color:#fee5a5;text-align:center;padding:0px 2px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;width:100%;min-width:0;
margin-top:10%;display:none;
}

div#change_record div#card_box div.card_data div.poss_btm{
color:#fee5a5;text-align:left;/*background:url("../images/arena/04_deck/card_deck_elia.png") left top no-repeat;*/
height:0px;padding-top:27%;width:85.5%;/*background-size:100% 100%;*/margin:0px auto;position:relative;
background:#0a0204;border:1px solid #ff0000;
}
div#change_record div#card_box div.card_data div.poss{
position:absolute;top:36%;left:2%;width:68%;
}
div#change_record div#card_box div.card_data div.poss span.title{
width:70%;text-align:center;display:inline-block;
}
div#change_record div#card_box div.card_data div.poss span.no{
width:30%;text-align:right;display:inline-block;
}

div#change_record div#card_box div.card_data div.detail_btn a{
color:#fee5a5;text-align:center;background:url("../images/myroom/deck/btn_zoom.png") left top no-repeat;
height:0px;padding-top:24%;width:24%;background-size:100% 100%;
position:absolute;bottom:1%;right:8%;display:block;cursor: pointer
}

div#change_record div.filter_menu{
text-align:center;
}
div#change_record div.filter_box_top{
background:url("../images/myroom/deck/nam_filter_bg_a.png") left top no-repeat;
width:100%;height:0px;padding-top:3.24%;background-size:100% 100%;margin-top:-4px;max-width:625px;margin:0px auto;
}
div#change_record div.filter_box{
background:url("../images/myroom/deck/nam_filter_bg_b.png") left top repeat;
width:100%;background-size:100% 100%;max-width:625px;margin:0px auto;
}
div#change_record div.filter_box_btm{
background:url("../images/myroom/deck/nam_filter_bg_c.png") left top no-repeat;
width:100%;height:0px;padding-top:6.34%;position:relative;background-size:100% 100%;max-width:625px;margin:0px auto;
}

div#change_record ul#filter{
padding:0px 4%;
}
div#change_record div.filter_box_btm div.all_card{
color:#ffffff;text-align:center;margin-top:-4%;
}

div#change_record div.title{
font-weight:bold;color:#ffffff;
}
div#change_record .alertarea{
color:#f00;background:#dcdcdc;margin-bottom:10px;
}
div#change_record ul#deck_filter{
margin:5% auto 0px auto;
width:92%;
}
div#change_record ul#deck_filter li{
border:1px solid #aa4411;color:#cccccc;text-align:center;padding:1% 2% 1% 2%;
background-color:rgba(148,203,244,0.8);
cursor:pointer;
}

div#change_record ul#deck_filter li#f_btm{
font-weight:bold;text-shadow: #255466 2px 2px 2px;color:#ffffff;
}
div#change_record ul#deck_filter li#f_btm:hover{
background-color:rgba(203,211,217,0.9);
}
div#change_record ul#deck_filter li.title{
display:none;color:#ffffff;
font-weight:bold;text-shadow: #663300 2px 2px 2px;
background-color:rgba(203,211,217,0.7);
}
div#change_record ul#deck_filter li.title:hover{
background-color:rgba(27,176,218,0.5);
}
div#change_record ul#deck_filter li.flt{
text-shadow: #000000 2px 2px 2px;
background-color:rgba(0,0,0,0.5);
}
div#change_record ul#deck_filter li.flt:hover{
background-color:rgba(27,176,218,0.3);
}
div#change_record ul#deck_filter li.sub_f0{
display:none;
}
div#change_record ul#deck_filter li.sub_f1{
display:none;
}
div#change_record ul#deck_filter li.sub_f2{
display:none;
}
div#change_record ul#deck_filter li.sub_f3{
display:none;
}
div#change_record div.error_mes{
text-align:center;padding:2% 0px;
}
div#change_record div.ele_title{
display:inline-block;vertical-align:middle;color:#ffffff;margin:5px 0px;
text-shadow: 3px 3px 3px #493e3e, -3px 3px 3px #493e3e, 3px -3px 3px #493e3e, -3px -3px 3px #493e3e;
}
div#change_record div.element_bg{
width:32.39%;height:0px;padding-top:4.53%;margin:0px auto;color:#ffffff;margin:5px 0px;
background:url("../images/myroom/deck/nam_filter_bg02.png") left top no-repeat;
background-size:100% 100%;position:relative;display:inline-block;vertical-align:middle;
}
div#change_record div.element_bg div.ele_no{
width:100%;position:absolute;top:30%;left:0px;text-align:center;
}
div#change_record div.page_box{
margin:1% auto;width:calc(97%/3);display:inline-block;text-align:center;
}
div#change_record div.page_box div.change_btn{
background: url(../images/common/btn_sub_menu.png)no-repeat;
padding:4% 0px;display: block;margin: 10px auto 5px auto;
background-size: 100% 200%;color: #ffffff;text-align: center;
cursor:pointer;border:0;
}
div#change_record div.page_box div.select_btn,
div#change_record div.page_box div.change_btn:hover{
background-position:100% 100%;color:#ffdd3e;
}

div#change_record a.card_kind1{
vertical-align:top;width:98% !important;margin:0px auto;
}


/*
div#change_record_detail #m-open,
div#change_record_detail #delete-open {
color: #cc0000;
}
/* モーダル コンテンツエリア */
/*div#change_record_detail #m-main,
div#change_record_detail #ms-main {
display: none;margin:0;background-color:#ffffff;
color:#ffffff;position:fixed;z-index:2;text-align:center;
}*/
div#change_record_detail #md-main div.w_btn,
div#change_record_detail #m-main div.w_btn{
width:49%;display:inline-block;
}

div#change_record_detail #m-main div.contents_box,
div#change_record_detail #md-main div.contents_box{
margin-bottom:0px;width:100%;
}





/*detail*/
div#change_record a.card_kind1 img{
width:96%;
}
div#change_record div.l_kind0_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_top01.png") left top no-repeat;
height:0px;padding-top:31.8%;background-size:100% 100%;
}
div#change_record div.l_kind0_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_top.png") left top no-repeat;
background-size:100% 100%;
height:0px;padding-top:31.8%;
}
div#change_record div.l_kind0_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_body.png") left top;
text-align:center;color:#ffffff;background-size:100% 100%;
}
div#change_record div.l_kind0_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv1_bg_bottom.png") left top no-repeat;
height:0px;padding-top:12.7%;background-size:100% 100%;margin-bottom:2%;
}
div#change_record div.l_card_name_kind0{
background:#d1290e;width:98%;margin:0px auto;font-size:14px;padding:4px 0px 2px 0px;
}

div#change_record div.l_kind2_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_top01.png") left top no-repeat;
/*width:98%;*/height:0px;padding-top:31.8%;background-size:100% 100%;
}
div#change_record div.l_kind2_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_top.png") left top no-repeat;
background-size:100% 100%;
height:0px;padding-top:31.8%;
}
div#change_record div.l_kind2_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_body.png") left top;
text-align:center;color:#ffffff;background-size:100% 100%;
}
div#change_record div.l_kind2_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv2_bg_bottom.png") left top no-repeat;
height:0px;padding-top:12.7%;background-size:100% 100%;margin-bottom:2%;
}
div#change_record div.l_card_name_kind2{
background:#1c7cba;width:98%;margin:0px auto;font-size:14px;padding:4px 0px 2px 0px;
}

div#change_record div.l_kind1_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_top01.png") left top no-repeat;
height:0px;padding-top:31.8%;background-size:100% 100%;
}
div#change_record div.l_kind1_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_top.png") left top no-repeat;
background-size:100% 100%;
height:0px;padding-top:31.8%;
}
div#change_record div.l_kind1_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_body.png") left top;
text-align:center;color:#ffffff;background-size:100% 100%;
}
div#change_record div.l_kind1_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv3_bg_bottom.png") left top no-repeat;
height:0px;padding-top:12.7%;background-size:100% 100%;margin-bottom:2%;
}
div#change_record div.l_card_name_kind1{
background:#1fb458;width:98%;margin:0px auto;font-size:14px;padding:4px 0px 2px 0px;
}

div#change_record div.l_kind3_type1_top{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_top01.png") left top no-repeat;
height:0px;padding-top:31.8%;background-size:100% 100%;
}
div#change_record div.l_kind3_type0_top{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_top.png") left top no-repeat;
background-size:100% 100%;
height:0px;padding-top:31.8%;
}
div#change_record div.l_kind3_mdl{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_body.png") left top;
text-align:center;color:#ffffff;background-size:100% 100%;
}
div#change_record div.l_kind3_btm{
background:url("../images/common/arena/04_deck/details_img/details_lv4_bg_bottom.png") left top no-repeat;
height:0px;padding-top:12.7%;background-size:100% 100%;margin-bottom:2%;
}
div#change_record div.l_card_name_kind3{
background:#777776;width:98%;margin:0px auto;font-size:14px;padding:4px 0px 2px 0px;
}
div#change_record div div.title{
color:#fee5a5;
}
div#change_record div.l_card_type0{
border-bottom:1px solid #d1290e;width:98%;margin:0px auto;font-size:14px;
}
div#change_record div.l_card_type1{
border-bottom:1px solid #1fb458;width:98%;margin:0px auto;font-size:14px;
}
div#change_record div.l_card_type2{
border-bottom:1px solid #1c7cba;width:98%;margin:0px auto;font-size:14px;
}
div#change_record div.l_card_type3{
border-bottom:1px solid #777776;width:98%;margin:0px auto;font-size:14px;
}
div#change_record div.l_type0,
div#change_record div.l_type1{
position:relative;vertical-align:top;
}

div#change_record div.l_card_detail{
height:101px;overflow:auto;border:none;
}

div#change_record div div.l_st0{
position:absolute;top:25%;left:23%;
}
div#change_record div div.l_st1{
position:absolute;top:10%;left:42%;
}
div#change_record div div.l_st2{
position:absolute;top:25%;left:64%;
}
div#change_record div div.l_st0 img,
div#change_record div div.l_st1 img,
div#change_record div div.l_st2 img{
width:82%;
}
div#change_record div.l_type1 div.l_st0,
div#change_record div.l_type1 div.l_st2{
display:none;
}

div#change_record_detail div.contents_box{
width:60%;margin:0px auto 10px auto;
}
div#change_record_detail div.ele_title{
display:inline-block;vertical-align:middle;color:#ffffff;
text-shadow: 3px 3px 3px #493e3e, -3px 3px 3px #493e3e, 3px -3px 3px #493e3e, -3px -3px 3px #493e3e;

}
div#change_record_detail div.element_bg{
width:100%;height:0px;padding-top:13.53%;margin:0px auto 20px auto;color:#ffffff;
background:url("../images/myroom/deck/nam_filter_bg02.png") left top no-repeat;
background-size:100% 100%;position:relative;
}
div#change_record_detail div.element_bg div.ele_no{
width:100%;position:absolute;top:25%;left:0px;text-align:center;
}







div#detail div.create_box{
color:#fff;padding:5px 0px;font-size:16px;
text-shadow: 3px 3px 3px #493e3e, -3px 3px 3px #493e3e, 3px -3px 3px #493e3e, -3px -3px 3px #493e3e;
}
div#detal div.create_box select{
display:inline-block;width:20px;vertical-align:middle;
}
div#detail div.create_box div.buy_off{
background:url("../images/common/arena/04_deck/details_img/btn_create.png") left top no-repeat;
width:110px;height:42px;display:inline-block;vertical-align:middle;opacity: 0.8;margin-left:10px;
}
div#detail div.create_box div.sel_off{
background:url("../images/common/arena/04_deck/details_img/btn_sell.png") left top no-repeat;
width:110px;height:42px;display:inline-block;vertical-align:middle;opacity: 0.8;margin-left:10px;
}
div#detail div.create_box div.buy_on{
background:url("../images/common/arena/04_deck/details_img/btn_create.png") left top no-repeat;
width:110px;height:42px;display:inline-block;vertical-align:middle;margin-left:10px;
}
div#detail div.create_box div.sel_on{
background:url("../images/common/arena/04_deck/details_img/btn_sell.png") left top no-repeat;
width:110px;height:42px;display:inline-block;vertical-align:middle;margin-left:10px;
}
div#detail div.create_box div.buy_on:hover,
div#detail div.create_box div.sel_on:hover{
background-position:0px 100%x;cursor: pointer;
}

div#detail a#back,
div#result a#back{
background: url(../images/common/btn_sub_menu.png)no-repeat;
width: 120px;display: block;margin: 10px auto 5px auto;padding:4px;
background-size: 100% 200%;color: #ffffff;text-align: center;
cursor:pointer;border:0;outline:none;border:none;
}
div#detail a#back:hover,
div#result a#back:hover{
background-position:100% 100%;color:#ffdd3e;
}

div#result{
color:#ffffff;text-align:center;
}




/*exp*/
div#exp div.contents_01 img{
width:100%;max-width:980px;display:block;margin:0px auto;
}

.c_gr{
color:#98fb98;
border-bottom:1px solid #e76527;margin-bottom:1%;
}
.c_red{
color:#ff0000 !important;
}
#howto_buy img{
 max-width:100%;display:block;margin:0px auto;
}

div.anchorlink{
margin-top:-100px !important;padding-top:100px !important;
}
/*movie*/
div.movie_top{
max-width:800px;margin:0px auto 0px auto;text-align:center;
}
div#movie_box div.movie_base{
height:0px;padding-top:60%;width:100%;position:relative;display:inline-block;
}
div#movie_box iframe.movie_playerbox{
position:absolute;top:0px;left:0px;width:100% !important;height:100% !important;display:inline-block;vertical-align:top;
margin:0px auto;
}
div#movie_box iframe.movie_playerbox iframe{
overflow-y:hidden;
}

.rule_add{
background:#000;width:100%;max-width:980px;padding:10px;color:#fff;margin:0px auto;text-align:center;/*font-size:18px;*/
}
.rule_add p{
color:#f00;
}
.rule_add p > span{
/*font-size:14px;*/color:#fff;
}

@media only screen and (min-width: 1000px){
div#change_record div#menu div.change_btn,
div#change_record div#menu div.edit_btn > a,
div#edit_deck div#menu div.edit_btn,
div#edit_deck div#menu div.change_btn > a{
width:325px;height:50px;padding-top:0px;
}
}

@media screen and (min-width:800px) {
div#change_record .f_10px,
div#edit_deck .f_10px{ font-size:14px; line-height:16px;}
}

@media only screen and (max-width: 979px){
div#edit_deck #contents_L00{
width: calc(100% - 29%) !important;
}
div#edit_deck #pickup_R00{
width:calc(28% - 2px);margin-left:2px;
}
div#edit_deck div#card_box div.card_data{
width:calc(100% / 3);
}
div#change_record div#card_box div.card_data{
width:calc(100% / 4);
}
div#record_list div.card{
width:calc(100% / 4);
}
}

@media (max-width: 838px) {
div#edit_deck div.filter_box_btm div.all_card{
bottom:calc(100% / 6);
}
div#edit_deck div.menu_box form{
width:100%;
}
div#edit_deck div.menu_box dl > dt{
width:88px;
}
div#edit_deck div.menu_box dl > dd{
width:calc(100% - 88px);
}
.f_14px{
font-size:12px;
}
div#edit_deck div.menu_box dl > dd.ckb0 > label{
width:88px;
}
div#edit_deck div.menu_box dl > dd.ckb > label{
width:46px;
}
}

@media screen and (max-width:800px) {
div#edit_deck div#deck_box ul#deck li div.decklv{
bottom: 13%;left: 5.5%;
}
div#edit_deck div#deck_detail div#deck_card_max{
color:#fee5a5;width:100%;display:block;
}
div#edit_deck div#deck_detail div#kind0{
color:#fee5a5;width:100%;display:block;
}
div#edit_deck div#deck_detail div#kind1{
color:#fee5a5;width:100%;display:block;
}

div#edit_deck div#deck_detail div.no{
width:100%;display:inline-block;color:#fee5a5;text-align:center;
}
div#edit_deck div#deck_detail div.no_h{
width:50%;display:inline-block;color:#fee5a5;
}
div#edit_deck div#deck_detail div#k_all{
text-align:right;
}
div#change_record div.menu_box form div.mes_t,
div#record_list div.menu_box form div.mes_t{
width:17.0vw;
}
div#change_record div.menu_box form div.mes,
div#record_list div.menu_box form div.mes{
width:calc(100% - 17.0vw);display:inline-block;margin:1% 0px 0px 0px;
}
div#change_record div.menu_box form div.mes2,
div#record_list div.menu_box form div.mes2{
width:calc(50% - 18.0vw);display:inline-block;margin:1% 0px 0px 0px;
}
div#change_record div.menu_box form div.mes2 .m_box,
div#record_list div.menu_box form div.mes2 .m_box{
width:100%;
}
div#record_list div.card_kind1{
width:calc(100%/3);display:inline-block;
}
div#record_list div.card_kind0{
width:calc(100%/3);display:inline-block;
}
div#change_record div#card_box div.card_data {
width:calc(100%/3);
}
div#record_list div.name_box{
height:24px;overflow:auto;
}
div#record_list div.card_name_kind0,
div#record_list div.card_name_kind1,
div#record_list div.card_name_kind2,
div#record_list div.card_name_kind3{
font-size:13px;
}
div#record_list ul#pack_menu li#btn1{
margin:0px auto;
}
div#change_record div.menu_box form,
div#record_list div.menu_box form{
margin:1% auto;
}
div#record_list ul#filter li#title{
padding:1% 0px;position:relative;
}
/*
div#change_record div#menu div.edit_btn{
padding-top:7.6% !important;
}
div#change_record div#menu div.change_btn{
padding-top:7.6% !important;
}*/
div#change_record div.filter_box_btm div.all_card{
margin-top:-3.5%;
}

div#change_record_detail div.contents_box{
width:100%;
}

div#edit_deck div.menu_box form{
width:100%;
}
div#edit_deck div.menu_box form div.mes .m_box1{
width:calc(100%/3);
}

div#record_list div.menu_box form div.mes .m_box1{
width:calc(96%/4);
}
#deck_detail .f_18px {
font-size:17px;
}
div#change_record div#card_box div.card_data{
width:calc(100% / 3);
}
}

@media screen and (max-width:700px) {
div#record_list div div.l_st0 img,
div#record_list div div.l_st1 img,
div#record_list div div.l_st2 img {
 width: 73%;
}

div#change_record div.menu_box form div.mes2,
div#change_record div.menu_box form div.mes,
div#change_record div.menu_box form div.mes_t

div#record_list div.menu_box form div.mes2,
div#record_list div.menu_box form div.mes,
div#record_list div.menu_box form div.mes_t{
margin:3% 0px 0px 0px;
}

}

@media screen and (max-width:630px) {
div#edit_deck div.menu_box form div.mes2{
width:calc(100% - 6rem);
}
div#edit_deck div.menu_box form div.mes2 .m_box{
width:100%;
}
}

@media screen and (max-width:600px) {
/*div#record_list ul#filter .f_12px{

}*/
div#change_record div.menu_box form,
div#record_list div.menu_box form{
width:100%;margin:0px auto;
}
div#change_record div.menu_box form div.mes .m_box1,
div#record_list div.menu_box form div.mes .m_box1{
width:calc(100%/4);
}
div#change_record a.card_kind1,
div#record_list div.card_kind1{
width:calc(100%/2);display:inline-block;vertical-align:top;
}


div#record_list div div.l_st0 img,
div#record_list div div.l_st1 img,
div#record_list div div.l_st2 img {
 width: 83%;
}
div#change_record div.menu_box form div.mes,
div#record_list div.menu_box form div.mes{
line-height:22px;
}
div#edit_deck div.menu_box form div.mes .m_box1{
width:calc(100%/2);
}
/*div#edit_deck div.menu_box form div.mes .m_box2{
width:calc(100%/2);
}*/
div#edit_deck div.submit_btn div#f_submit, div#edit_deck div.submit_btn button{
width:98%;
}

}

@media (max-width: 529px) {
div#edit_deck div.menu_box .box_base > dl{
width:100%;
}
div#edit_deck div.menu_box dl > dt{
width:75px;
}
div#edit_deck div.menu_box dl > dd{
width:calc(100% - 75px);
}
.f_14px{
font-size:10px;
}
}

@media screen and (max-width:470px) {
div#edit_deck div#deck_box ul#deck{
height:270px;overflow:auto;
}
div#record_list div div.l_st0 img,
div#record_list div div.l_st1 img,
div#record_list div div.l_st2 img {
 width: 51%;
}
div#change_record div.menu_box form div.mes .m_box1,
div#record_list div.menu_box form div.mes .m_box1{
width:calc(100%/3);
}
div#change_record_detail div.element_bg div.ele_no{
font-size:4.2vw!important; line-height:4.4vw!important;
}
div#edit_deck div.menu_box form div.mes_t{
width:4rem;
}
div#edit_deck div.menu_box form div.mes{
width:calc(100% - 4rem);
}
div#edit_deck div.menu_box form div.mes2{
width:calc(100% - 6rem);
}
/*div#edit_deck div.menu_box form div.mes .m_box1{
width:calc(100%/1);
}*/


}

div.cap0{
color:#fff;text-align:center;
}