@charset "UTF-8";

/*--- main ---*/
body {min-width:340px;}
.quest {padding:20px 30px;line-height:1.6;background-color:#fdfdfb;}
section.title {margin:0px;padding:0px;}

.name_title {margin:0px;}
.name_title span:nth-child(2) {margin-left:5px;}
.flex {flex-wrap:wrap;padding:8px 0px 10px 16px;}
.box.loc {min-width:17.5rem;margin-bottom:0.3rem;}
table > tr:nth-of-type(1) {line-height:1.2;}
table td:nth-of-type(2) {padding-left:0.5rem;}
.box.reward {width:10.5rem;max-width:17rem;padding:3px 6px 4px 6px;flex-grow:1;align-self:flex-start;}
td {padding:0px;white-space:nowrap;}
table {border-collapse:collapse;}

/*--- acc reward ---*/
.acc.reward {line-height:0;opacity:0.1;transition:line-height 0.1s ease,opacity 0.1s ease;}
input:checked + .toggle.reward + .acc.reward {line-height:1.2;transition:line-height 0.1s ease,opacity 0.2s ease;}
/* input:not(:checked) ~ .acc.reward li > a {border:none;} */
/*--- firefox li line-height ---*/
.acc.reward li {display:block;}

/*--- 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.reward:hover {border-bottom:solid 1px #b57272;color:#a84c4c;bottom:0px;}
.toggle.reward {border-bottom:solid 1px #b3b9ce;color:#304cb7;}
/* main */
.quest,table {font-size:0.8rem;}
.name_title {background:initial;width:auto;border-bottom:1px solid #bbbbbb;font-size:1rem;font-weight:normal;}
.box.loc > table tr:nth-of-type(2),.box.loc > table tr:nth-of-type(3),.box.loc > table tr:nth-of-type(4) {border-bottom:1px solid #bbbbbb}
.box.reward {border-radius:2px;background-color:#f3f3f1;}
.toggle.reward {font-size:0.9rem;}
.acc.reward {color:#444444;}
/* .box.reward a:hover {border-bottom:solid 1px;bottom:0px;} */
.toggle.filter1,.toggle.filter2 {border-bottom:solid 1px #7c8cc1;color:#304cb7;}
.toggle.reward {border-bottom:solid 1px #b3b9ce;color:#304cb7;}
.main .toggle:not(.top):hover {border-bottom:solid 1px #b57272;color:#a84c4c;bottom:0px;}

/*--- checkbox ---*/
.cbox.top:before {width:0.6rem;height:0.6rem;margin:15px 5px 0px 0px;border:solid 2px #888888;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 + .cmark.top:after {position:absolute;top:0.25rem;left:0.125rem;}
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#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;}
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#rw-expand:checked ~ .filter .acc.reward {line-height:1.2;opacity:1;transition:line-height 0.1s ease,opacity 0.2s ease;}
/* input#qu_ms:checked ~ .filter.ms {display:none;} */

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