@charset "UTF-8";

/*--- main ---*/
body {min-width:360px;}
.equipment {padding:20px 30px;line-height:1.6;background-color:#fdfdfb;}
section.eq {margin:0px;padding:0px;}
@media only screen and (max-width:400px) {.equipment {padding:20px 20px;}}
@media only screen and (min-width:890px) {.flex {flex-wrap:nowrap;}}

.name_part {width:fit-content;margin-bottom:16px;}
.name_item {margin:0px;}
.name_item > span:nth-child(2) {margin-left:5px;}
.flex {flex-wrap:wrap;padding:8px 0px 10px 16px;}
.toggle.loc > span:nth-child(2) {margin-left:12px;}
.box.stats {margin:0px 10px 8px 0px;}
.box.stats > table:first-child {margin-bottom:8px;}
.box.stats > table:first-child  td {text-align:center;}
.box.stats > table:first-child td:not(:first-child) {min-width:2.1rem;padding-left:0.2rem;}
.box.stats > table:nth-child(2) td:nth-child(2) {padding-left:0.5rem;text-align:right;}
.box.loc {max-width:18.7rem;min-width:14rem;padding:3px 6px 4px 6px;flex-grow:1;align-self:flex-start;}
.acc.loc td:nth-child(2) {padding-left:0.5rem;text-align:right;}
td {padding:0px;white-space:nowrap;}
table {border-collapse:collapse;}
caption {text-align:left;white-space:nowrap;}

/*--- acc loc---*/
.acc.loc {/*line-height:0;*/opacity:0.1;transition:line-height 0.1s ease,opacity 0.1s ease;}
input:checked + .toggle.loc + .acc.loc {display:table;line-height:1.4;transition:line-height 0.1s ease,opacity 0.2s ease;}
input:checked + .toggle.loc + .acc.loc > caption {margin-bottom:2px;transition:0.1s ease;}
.box.loc > div:not(:last-child) > input:checked ~ .acc.loc {margin-bottom:8px;}
input:not(:checked) ~ .acc.loc td > a {display:inline-block;border:none;}

/*--- deco ---*/
/* filter */
hr {height:1px;border:none;background-color:#999999;}
hr.sub {background-color:#bbbbbb;}
hr.last {background-color:#bbbbbb;}
.head_filter1, .head_filter2 {border-bottom:solid 2px #cccccc;font-size:0.9rem;color:#444444;}
.toggle.filter1, .toggle.filter2 {font-size:0.9rem;}
.toggle.top:hover {border-bottom:solid 3px #b57272;color:#a84c4c;position:relative;bottom:1px;}
.toggle.sub:hover {border-bottom:solid 2px #b57272;color:#a84c4c;bottom:0px;}
input:checked + .toggle.top {border-bottom:solid 3px #77aaee;}
input:checked + .toggle.sub {border-bottom:solid 2px #77aaee;}
.toggle.filter1, .toggle.filter2 {border-bottom:solid 1px #7c8cc1;color:#304cb7;}
.toggle.filter1:hover, .toggle.filter2:hover, .toggle.loc:hover {border-bottom:solid 1px #b57272;color:#a84c4c;bottom:0px;}
.toggle.loc {border-bottom:solid 1px #b3b9ce;color:#304cb7;}
/* main */
.equipment,table {font-size:0.8rem;}
.name_part {border-bottom:none;font-size:1rem;font-weight:bold;color:#555555;}
.name_item {background:initial;width:auto;border-bottom:1px solid #bbbbbb;font-size:inherit;font-weight:normal;}
.box.stats > table tr:first-child > td {border-bottom:1px solid #bbbbbb}
.box.loc {border-radius:2px;background-color:#f3f3f1;}
.acc.loc {color:#444444;}
.acc.loc td > a:hover {border-bottom:solid 1px;bottom:0px;}

/*--- checkbox ---*/
.cbox.top:before {box-sizing:border-box;width:1rem;height:1rem;margin:15px 5px 0px 0px;border-radius:1.3rem;vertical-align:-2px;white-space:nowrap;}
.cbox.sub:before {box-sizing:border-box;width:0.8rem;height:0.8rem;margin:0px 3px 0px 0px;border-radius:1.3rem;}
input:checked + .cbox.top:before, input:checked + .cbox.sub:before {border:solid 2px #77aaee;background-color:#dddddd;}
.toggle.top {margin-right:15px;font-size:1rem;}
.toggle.sub {margin-right:10px;color:#444444;font-size:0.9rem;}

/*--- filter ---*/
.head_filter1, .head_filter2 {line-height:1.2;margin-right:0.3rem;}
input#filter1:not(:checked) ~ .acc1 {display:none;}
input#filter2:not(:checked) ~ .acc2 {display:none;}
input[id$="_all"]:not(:checked) ~ .att {width:auto;margin-top:20px;opacity:1;transition:opacity 0.3s;}
input[id$="_all"]:not(:checked) ~ .att > .cap {width:auto;line-height:1.2;opacity:1;transition:line-height 0.1s,opacity 0.3s;}
input#lv_all:not(:checked) ~ .att > .lv {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
input#loc_all:not(:checked) ~ .att > .loc {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
input#type_all:not(:checked) ~ .att > .type {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
input#st_all:not(:checked) ~ .att > .stats {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
.att,.att > span {width:0px;line-height:0;margin:0px;font-size:0.8rem;color:#b57272;white-space:nowrap;opacity:0.2;overflow:hidden;transition:line-height 0.2s;}
.att {margin-top:15px;}
.att > .cap {display:block;}
.att > span {display:inline-block;}
hr.top {margin:0px 0px 5px 0px;}
hr.sub {margin:5px 0px 5px 0px;}
hr.last {margin:5px 0px 0px 0px;}
.note {margin-bottom:0.8rem;}

/*--- toggle ---*/
input#eq_head:not(:checked) ~ .eq.head {display:none;}
input#eq_arms:not(:checked) ~ .eq.arms {display:none;}
input#eq_torso:not(:checked) ~ .eq.torso {display:none;}
input#eq_legs:not(:checked) ~ .eq.legs {display:none;}

input#lv_10:checked ~ .eq > .filter:not(.l_10):not(.l_20):not(.l_30):not(.l_40):not(.l_50):not(.l_60):not(.l_70) {display:none;}
input#lv_20:checked ~ .eq > .filter:not(.l_20):not(.l_30):not(.l_40):not(.l_50):not(.l_60):not(.l_70) {display:none;}
input#lv_30:checked ~ .eq > .filter:not(.l_30):not(.l_40):not(.l_50):not(.l_60):not(.l_70) {display:none;}
input#lv_40:checked ~ .eq > .filter:not(.l_40):not(.l_50):not(.l_60):not(.l_70) {display:none;}
input#lv_50:checked ~ .eq > .filter:not(.l_50):not(.l_60):not(.l_70) {display:none;}
input#lv_60:checked ~ .eq > .filter:not(.l_60):not(.l_70) {display:none;}
input#lv_ag:checked ~ .eq > .filter:not(.ra_a) {display:none;}
input#loc_chest:checked ~ .eq > .filter:not(.chest) {display:none;}
input#loc_quest:checked ~ .eq > .filter:not(.quest) {display:none;}
input#loc_shop:checked ~ .eq > .filter:not(.shop) {display:none;}
input#loc_trade:checked ~ .eq > .filter:not(.trade) {display:none;}
input#loc_dlc:checked ~ .eq > .filter:not(.dlc) {display:none;}
input#type_attack:checked ~ .eq > .filter:not(.attack):not(.melee):not(.shooter) {display:none;}
input#type_melee:checked ~ .eq > .filter:not(.melee) {display:none;}
input#type_shooter:checked ~ .eq > .filter:not(.shooter) {display:none;}
input#type_guard:checked ~ .eq > .filter:not(.guard) {display:none;}
input#type_dash:checked ~ .eq > .filter:not(.dash) {display:none;}
input#type_general:checked ~ .eq > .filter:not(.general) {display:none;}
input#type_other:checked ~ .eq > .filter:not(.other) {display:none;}
input#st_bu:checked ~ .eq > .filter:not(.bu) {display:none;}
input#st_be:checked ~ .eq > .filter:not(.be) {display:none;}
input#st_xc:checked ~ .eq > .filter:not(.xc) {display:none;}
input#st_bo:checked ~ .eq > .filter:not(.bo) {display:none;}
input#st_sr:checked ~ .eq > .filter:not(.sr) {display:none;}
input#st_mo:checked ~ .eq > .filter:not(.mo) {display:none;}
input#st_br:checked ~ .eq > .filter:not(.br) {display:none;}
input#st_as:checked ~ .eq > .filter:not(.as) {display:none;}
input#st_sh:checked ~ .eq > .filter:not(.sh) {display:none;}
input#st_bc:checked ~ .eq > .filter:not(.bc) {display:none;}
input#st_sc:checked ~ .eq > .filter:not(.sc) {display:none;}
input#st_ss:checked ~ .eq > .filter:not(.ss) {display:none;}
input#st_lw:checked ~ .eq > .filter:not(.lw) {display:none;}
input#st_sg:checked ~ .eq > .filter:not(.sg) {display:none;}
input#st_ar:checked ~ .eq > .filter:not(.ar) {display:none;}
input#st_pb:checked ~ .eq > .filter:not(.pb) {display:none;}
input#st_av:checked ~ .eq > .filter:not(.av) {display:none;}
input#st_rg:checked ~ .eq > .filter:not(.rg) {display:none;}
input#st_ri:checked ~ .eq > .filter:not(.ri) {display:none;}
input#st_fs:checked ~ .eq > .filter:not(.fs) {display:none;}
input#st_ed:checked ~ .eq > .filter:not(.ed) {display:none;}
input#st_hp:checked ~ .eq > .filter:not(.hp) {display:none;}
input#st_sp:checked ~ .eq > .filter:not(.sp) {display:none;}
input#st_sm:checked ~ .eq > .filter:not(.sm) {display:none;}
input#st_ba:checked ~ .eq > .filter:not(.ba) {display:none;}
input#st_ib:checked ~ .eq > .filter:not(.ib) {display:none;}
input#st_ap:checked ~ .eq > .filter:not(.ap) {display:none;}
input#st_lb:checked ~ .eq > .filter:not(.lb) {display:none;}
input#st_lu:checked ~ .eq > .filter:not(.lu) {display:none;}
input#st_ke:checked ~ .eq > .filter:not(.ke) {display:none;}
input#st_bt:checked ~ .eq > .filter:not(.bt) {display:none;}
input#st_tr:checked ~ .eq > .filter:not(.tr) {display:none;}
input#st_xp:checked ~ .eq > .filter:not(.xp) {display:none;}
input#st_ai:checked ~ .eq > .filter:not(.ai) {display:none;}
input#st_ni:checked ~ .eq > .filter:not(.ni) {display:none;}
input#st_ro:checked ~ .eq > .filter:not(.ro) {display:none;}
input#st_re:checked ~ .eq > .filter:not(.re) {display:none;}
input#st_ge:checked ~ .eq > .filter:not(.ge) {display:none;}
input#st_qu:checked ~ .eq > .filter:not(.qu) {display:none;}

/*--- icon ---*/
.name_item:before {display:inline-block;width:11px;height:11px;border:solid 1px #bbbbbb;background:url(../guides/crosscode/data/image/equip_icon.png) no-repeat;content:"";margin:0px 3px 1px 0px;vertical-align:text-bottom;}
.head.ra_c > .name_item:before {background-position:0px 0px;}
.head.ra_b > .name_item:before {background-position:-11px 0px;}
.head.ra_s > .name_item:before {background-position:-22px 0px;}
.head.ra_g > .name_item:before {background-position:-33px 0px;}
.head.ra_e > .name_item:before {background-position:-44px 0px;}
.head.ra_u > .name_item:before {background-position:-55px 0px;}
.head.ra_a > .name_item:before {background-position:-66px 0px;}
.arms.ra_c > .name_item:before {background-position:0px -11px;}
.arms.ra_b > .name_item:before {background-position:-11px -11px;}
.arms.ra_s > .name_item:before {background-position:-22px -11px;}
.arms.ra_g > .name_item:before {background-position:-33px -11px;}
.arms.ra_e > .name_item:before {background-position:-44px -11px;}
.arms.ra_u > .name_item:before {background-position:-55px -11px;}
.arms.ra_a > .name_item:before {background-position:-66px -11px;}
.torso.ra_c > .name_item:before {background-position:0px -22px;}
.torso.ra_b > .name_item:before {background-position:-11px -22px;}
.torso.ra_s > .name_item:before {background-position:-22px -22px;}
.torso.ra_g > .name_item:before {background-position:-33px -22px;}
.torso.ra_e > .name_item:before {background-position:-44px -22px;}
.torso.ra_u > .name_item:before {background-position:-55px -22px;}
.torso.ra_a > .name_item:before {background-position:-66px -22px;}
.legs.ra_c > .name_item:before {background-position:0px -33px;}
.legs.ra_b > .name_item:before {background-position:-11px -33px;}
.legs.ra_s > .name_item:before {background-position:-22px -33px;}
.legs.ra_g > .name_item:before {background-position:-33px -33px;}
.legs.ra_e > .name_item:before {background-position:-44px -33px;}
.legs.ra_u > .name_item:before {background-position:-55px -33px;}
.legs.ra_a > .name_item:before {background-position:-66px -33px;}