@charset "UTF-8";

/*--- main ---*/
.title.filter {padding-left:0px;}
.title.filter > .head_3 {padding-top:1.5rem;}

/*--- filter ---*/
.att {margin-bottom:-0.5rem;}
input[id$="_all"]:not(:checked) ~ .att {width:auto;margin-top:0.5rem;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[id^="unlock_"]:checked ~ .att > .unlock {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
input[id^="popup_"]:checked ~ .att > .popup {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
input[id^="type_"]:checked ~ .att > .type {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
/* unlock */
input#unlock_bf:checked ~ .filter:not(.un_bf) {display:none;}
input#unlock_af:checked ~ .filter:not(.un_af) {display:none;}
input#unlock_un:checked ~ .filter:not(.un_un) {display:none;}
input#unlock_ca:checked ~ .filter:not(.un_ca) {display:none;}
/* popup */
input#popup_y:checked ~ .filter:not(.pu_y) {display:none;}
input#popup_n:checked ~ .filter:not(.pu_n) {display:none;}
input#popup_un:checked ~ .filter:not(.pu_un) {display:none;}
/* type */
input#type_co:checked ~ .filter:not(.ty_co) {display:none;}
input#type_cu:checked ~ .filter:not(.ty_cu) {display:none;}
input#type_sk:checked ~ .filter:not(.ty_sk) {display:none;}
input#type_ki:checked ~ .filter:not(.ty_ki) {display:none;}
input#type_re:checked ~ .filter:not(.ty_re) {display:none;}
input#type_ex:checked ~ .filter:not(.ty_ex) {display:none;}
input#type_cr:checked ~ .filter:not(.ty_cr) {display:none;}
input#type_so:checked ~ .filter:not(.ty_so) {display:none;}
input#type_mi:checked ~ .filter:not(.ty_mi) {display:none;}
input#type_ma:checked ~ .filter:not(.ty_ma) {display:none;}
input#type_ot:checked ~ .filter:not(.ty_ot) {display:none;}