@charset "UTF-8";

@media only screen and (max-width:420px) {.data {padding:20px 20px;}}

/*--- main ---*/
.qu_list {padding:20px 15px 30px 30px;line-height:1.5;}
hr.top {margin:0px 0px 5px 0px;}
hr.sub {margin:10px 0px 5px 0px;}
hr.last {margin:10px 0px 15px 0px;}
.head_filter1,.head_filter2 {line-height:1.5;margin-right:0.5rem;}
.note {margin-bottom:0.8rem;font-size:0.8rem;}
.qu_list > ul > li {margin-top:0.6rem;}

/*--- checkbox ---*/
.cbox.top:before {border:solid 2px #888888;margin:15px 5px 0px 0px;white-space:nowrap;}
.cbox.sub:before {border-radius:1.3rem;margin:0px 3px 0px 0px;} 
input:checked + .cbox.top:after {position:absolute;top:0.25rem;left:0.125rem;}
input:checked + .cbox.sub:before {width:0.44rem;height:0.44rem;border:solid 3px #77aaee;background-color:#dddddd;}
.toggle.top {margin-right:15px;}
.toggle.sub {margin-right:10px;}

/*--- qu toggle ---*/
/* input#qu_ms:checked ~ .filter.ms {display:none;} */

/*--- qu filter ---*/
input#filter1:not(:checked) ~ .acc1, 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#area_all:not(:checked) ~ .att > .area {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
input#client_all:not(:checked) ~ .att > .client {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
input#hub_all:not(:checked) ~ .att > .hub {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
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#platform_all:not(:checked) ~ .att > .platform {width:auto;line-height:1.2;margin-right:0.4rem;opacity:1;transition:line-height 0.1s,opacity 0.2s;}
input#cond_all:not(:checked) ~ .att > .cond {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;}

input#area_ro:checked ~ ul > .filter:not(.ro) {display:none;}
input#area_bv:checked ~ ul > .filter:not(.bv) {display:none;}
input#area_bk:checked ~ ul > .filter:not(.bk) {display:none;}
input#area_ba:checked ~ ul > .filter:not(.ba) {display:none;}
input#area_rh:checked ~ ul > .filter:not(.rh) {display:none;}
input#area_ar:checked ~ ul > .filter:not(.ar) {display:none;}
input#area_bt:checked ~ ul > .filter:not(.bt) {display:none;}
input#area_mv:checked ~ ul > .filter:not(.mv) {display:none;}
input#area_af:checked ~ ul > .filter:not(.af) {display:none;}
input#area_gg:checked ~ ul > .filter:not(.gg) {display:none;}
input#area_sr:checked ~ ul > .filter:not(.sr) {display:none;}
input#area_vw:checked ~ ul > .filter:not(.vw) {display:none;}
input#client_fa:checked ~ ul > .filter:not(.fa) {display:none;}
input#client_gu:checked ~ ul > .filter:not(.gu) {display:none;}
input#client_pe:checked ~ ul > .filter:not(.pe) {display:none;}
input#client_ms:checked ~ ul > .filter:not(.ms) {display:none;}
input#client_ot:checked ~ ul > .filter:not(.ot) {display:none;}
input#hub_y:checked ~ ul > .filter:not(.hu_y) {display:none;}
input#hub_n:checked ~ ul > .filter:not(.hu_n) {display:none;}
input#lv_10:checked ~ ul > .filter:not(.l_10):not(.l_20):not(.l_30):not(.l_40):not(.l_50):not(.l_60) {display:none;}
input#lv_20:checked ~ ul > .filter:not(.l_20):not(.l_30):not(.l_40):not(.l_50):not(.l_60) {display:none;}
input#lv_30:checked ~ ul > .filter:not(.l_30):not(.l_40):not(.l_50):not(.l_60) {display:none;}
input#lv_40:checked ~ ul > .filter:not(.l_40):not(.l_50):not(.l_60) {display:none;}
input#lv_50:checked ~ ul > .filter:not(.l_50):not(.l_60) {display:none;}
input#lv_60:checked ~ ul > .filter:not(.l_60) {display:none;}
input#pc:checked ~ ul > .filter:not(.pc) {display:none;}
input#sw:checked ~ ul > .filter:not(.sw) {display:none;}
input#ps:checked ~ ul > .filter:not(.ps) {display:none;}
input#xb:checked ~ ul > .filter:not(.xb) {display:none;}
input#cond_01:checked ~ ul > .filter:not(.co_01) {display:none;}
input#cond_02:checked ~ ul > .filter:not(.co_02) {display:none;}
input#cond_03:checked ~ ul > .filter:not(.co_03) {display:none;}
input#cond_04:checked ~ ul > .filter:not(.co_04) {display:none;}
input#cond_05:checked ~ ul > .filter:not(.co_05) {display:none;}
input#cond_06:checked ~ ul > .filter:not(.co_06) {display:none;}
input#cond_bn:checked ~ ul > .filter:not(.co_bn) {display:none;}

/*--- deco ---*/
/* filter */
hr {height:1px;border:none;background-color:#999999;}
hr.sub, hr.last {background-color:#bbbbbb;}
.head_filter1,.head_filter2 {border-bottom:solid 2px #cccccc;font-size:0.9rem;color:#444444;}
.toggle.filter1, .toggle.filter2 {border-bottom:solid 1px #7c8cc1;color:#304cb7;font-size:1rem;}
.toggle.filter1:hover, .toggle.filter2:hover {border-bottom:solid 1px #b57272;color:#a84c4c;bottom:0px;}
.toggle.top {font-size:1rem;}
.toggle.sub {color:#444444;font-size:0.9rem;}
.toggle.top:hover {border-bottom:solid 3px #b57272;color:#a84c4c;position:relative;bottom:0px;}
.toggle.sub:hover {border-bottom:solid 2px;bottom:0px;color:#a84c4c;}
/* .toggle.top:hover {border-bottom:solid 3px #b57272;color:#a84c4c;position:relative;bottom:1px;}
.toggle.sub:hover {border-bottom:solid 2px;bottom:0px;}
input:checked + .cbox.top {border-bottom:solid 3px #77aaee;}
input:checked + .cbox.sub {border-bottom:solid 2px #77aaee;} */
/*main*/
/* main .toggle:not(.top):hover {border-bottom:solid 1px #b57272;color:#a84c4c;bottom:0px;} */