@charset "UTF-8";

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

.flex {flex-wrap:nowrap;padding:8px 0px 16px 0px;}
.flex > .flex {flex-wrap:wrap;flex-grow:1;padding:0px 0px 0px 6px;}
.name_region {margin:2rem 0px 16px 0px;}
.name_flora {margin:0px;}
.box_drop {min-width:12rem;padding-bottom:6px;}
.box_drop > table td:nth-child(2) {padding-left:0.5rem;text-align:right;}
.box_drop > table td {padding-bottom:0px;white-space:nowrap;}
table {border-collapse:collapse;}
.box_note {width:13rem;max-width:16rem;padding:6px;flex-grow:1;align-self:flex-start;}
.flex > .img {flex-shrink:0;}
@media only screen and (max-width:340px) {.box_note {width:auto;}}

/*--- 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 {border-bottom:solid 1px #b57272;color:#a84c4c;bottom:0px;}
/* main */
.botanics,table {font-size:0.8rem;}
.name_region {border-bottom:none;font-size:1.2rem;font-weight:bold;color:#555555;}
.name_flora {background:initial;width:auto;border-bottom:1px solid #bbbbbb;line-height:inherit;font-size:1rem;font-weight:normal;}
.box_drop > table td {border-bottom:1px solid #bbbbbb}
.box_note {border-radius:2px;background-color:#f3f3f1;color:#444444;}

/*--- checkbox ---*/
.cbox.top:before {box-sizing:border-box;width:1rem;height:1rem;border-radius:1.3rem;vertical-align:-2px;margin:15px 5px 0px 0px;white-space:nowrap;}
.cbox.sub:before {box-sizing:border-box;width:0.8rem;height:0.8rem;border-radius:1.3rem;vertical-align:-1px;margin:0px 3px 0px 0px;}
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#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#drop_all:not(:checked) ~ .att > .drop {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 5px 0px;}
.note {margin-bottom:0.8rem;}

/*--- toggle ---*/
input#dr-collapse:checked ~ .region > .name_region {margin-bottom:6px;}
input#dr-collapse:checked ~ .region > .flora > .flex {display:none;}
input#dr-collapse:checked ~ .region > .flora > .name_flora {max-width:360px;}

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_tm:checked ~ .filter:not(.tm) {display:none;}
input#area_aa:checked ~ .filter:not(.aa) {display:none;}
input#area_kt:checked ~ .filter:not(.kt) {display:none;}
input#area_so:checked ~ .filter:not(.so) {display:none;}
input#drop_01:checked ~ .filter:not(.blu_gr), input#drop_01:checked ~ .filter > .filter:not(.blu_gr) {display:none;}
input#drop_02:checked ~ .filter:not(.viv_wa), input#drop_02:checked ~ .filter > .filter:not(.viv_wa) {display:none;}
input#drop_03:checked ~ .filter:not(.azu_dr), input#drop_03:checked ~ .filter > .filter:not(.azu_dr) {display:none;}
input#drop_04:checked ~ .filter:not(.exo_re), input#drop_04:checked ~ .filter > .filter:not(.exo_re) {display:none;}
input#drop_05:checked ~ .filter:not(.wol_ci), input#drop_05:checked ~ .filter > .filter:not(.wol_ci) {display:none;}
input#drop_06:checked ~ .filter:not(.aut_le), input#drop_06:checked ~ .filter > .filter:not(.aut_le) {display:none;}
input#drop_07:checked ~ .filter:not(.gla_ro), input#drop_07:checked ~ .filter > .filter:not(.gla_ro) {display:none;}
input#drop_08:checked ~ .filter:not(.tou_sa), input#drop_08:checked ~ .filter > .filter:not(.tou_sa) {display:none;}
input#drop_09:checked ~ .filter:not(.cat_pe), input#drop_09:checked ~ .filter > .filter:not(.cat_pe) {display:none;}
input#drop_10:checked ~ .filter:not(.par_le), input#drop_10:checked ~ .filter > .filter:not(.par_le) {display:none;}
input#drop_11:checked ~ .filter:not(.rip_ap), input#drop_11:checked ~ .filter > .filter:not(.rip_ap) {display:none;}
input#drop_12:checked ~ .filter:not(.ari_lu), input#drop_12:checked ~ .filter > .filter:not(.ari_lu) {display:none;}
input#drop_13:checked ~ .filter:not(.yel_sp), input#drop_13:checked ~ .filter > .filter:not(.yel_sp) {display:none;}
input#drop_14:checked ~ .filter:not(.dir_ru), input#drop_14:checked ~ .filter > .filter:not(.dir_ru) {display:none;}
input#drop_15:checked ~ .filter:not(.str_sh), input#drop_15:checked ~ .filter > .filter:not(.str_sh) {display:none;}
input#drop_16:checked ~ .filter:not(.st_spa), input#drop_16:checked ~ .filter > .filter:not(.st_spa) {display:none;}
input#drop_17:checked ~ .filter:not(.gre_ar), input#drop_17:checked ~ .filter > .filter:not(.gre_ar) {display:none;}
input#drop_18:checked ~ .filter:not(.cri_dr), input#drop_18:checked ~ .filter > .filter:not(.cri_dr) {display:none;}
input#drop_19:checked ~ .filter:not(.cry_le), input#drop_19:checked ~ .filter > .filter:not(.cry_le) {display:none;}
input#drop_20:checked ~ .filter:not(.eld_wo), input#drop_20:checked ~ .filter > .filter:not(.eld_wo) {display:none;}
input#drop_21:checked ~ .filter:not(.fro_te), input#drop_21:checked ~ .filter > .filter:not(.fro_te) {display:none;}
input#drop_22:checked ~ .filter:not(.gol_be), input#drop_22:checked ~ .filter > .filter:not(.gol_be) {display:none;}
input#drop_23:checked ~ .filter:not(.anc_ea), input#drop_23:checked ~ .filter > .filter:not(.anc_ea) {display:none;}
input#drop_24:checked ~ .filter:not(.she_nu), input#drop_24:checked ~ .filter > .filter:not(.she_nu) {display:none;}
input#drop_25:checked ~ .filter:not(.cob_cr), input#drop_25:checked ~ .filter > .filter:not(.cob_cr) {display:none;}
input#drop_26:checked ~ .filter:not(.rus_bi), input#drop_26:checked ~ .filter > .filter:not(.rus_bi) {display:none;}
input#drop_27:checked ~ .filter:not(.cac_fr), input#drop_27:checked ~ .filter > .filter:not(.cac_fr) {display:none;}
input#drop_28:checked ~ .filter:not(.cor_pi), input#drop_28:checked ~ .filter > .filter:not(.cor_pi) {display:none;}
input#drop_29:checked ~ .filter:not(.sun_de), input#drop_29:checked ~ .filter > .filter:not(.sun_de) {display:none;}
input#drop_30:checked ~ .filter:not(.st_age), input#drop_30:checked ~ .filter > .filter:not(.st_age) {display:none;}
input#drop_31:checked ~ .filter:not(.sea_ap), input#drop_31:checked ~ .filter > .filter:not(.sea_ap) {display:none;}
input#drop_32:checked ~ .filter:not(.whi_gr), input#drop_32:checked ~ .filter > .filter:not(.whi_gr) {display:none;}
input#drop_33:checked ~ .filter:not(.st_tru), input#drop_33:checked ~ .filter > .filter:not(.st_tru) {display:none;}
input#drop_34:checked ~ .filter:not(.sta_fr), input#drop_34:checked ~ .filter > .filter:not(.sta_fr) {display:none;}
input#drop_35:checked ~ .filter:not(.ste_co), input#drop_35:checked ~ .filter > .filter:not(.ste_co) {display:none;}
input#drop_36:checked ~ .filter:not(.ste_ba), input#drop_36:checked ~ .filter > .filter:not(.ste_ba) {display:none;}
input#drop_37:checked ~ .filter:not(.st_spi), input#drop_37:checked ~ .filter > .filter:not(.st_spi) {display:none;}
input#drop_38:checked ~ .filter:not(.sal_gr), input#drop_38:checked ~ .filter > .filter:not(.sal_gr) {display:none;}
input#drop_39:checked ~ .filter:not(.spa_ti), input#drop_39:checked ~ .filter > .filter:not(.spa_ti) {display:none;}
input#drop_40:checked ~ .filter:not(.luc_sh), input#drop_40:checked ~ .filter > .filter:not(.luc_sh) {display:none;}
input#drop_41:checked ~ .filter:not(.pik_wo), input#drop_41:checked ~ .filter > .filter:not(.pik_wo) {display:none;}
input#drop_42:checked ~ .filter:not(.ven_sh), input#drop_42:checked ~ .filter > .filter:not(.ven_sh) {display:none;}
input#drop_43:checked ~ .filter:not(.spi_nu), input#drop_43:checked ~ .filter > .filter:not(.spi_nu) {display:none;}
input#drop_44:checked ~ .filter:not(.twi_de), input#drop_44:checked ~ .filter > .filter:not(.twi_de) {display:none;}
input#drop_45:checked ~ .filter:not(.mys_gr), input#drop_45:checked ~ .filter > .filter:not(.mys_gr) {display:none;}
input#drop_46:checked ~ .filter:not(.cur_fe), input#drop_46:checked ~ .filter > .filter:not(.cur_fe) {display:none;}
input#drop_47:checked ~ .filter:not(.ant_or), input#drop_47:checked ~ .filter > .filter:not(.ant_or) {display:none;}
input#drop_48:checked ~ .filter:not(.pal_se), input#drop_48:checked ~ .filter > .filter:not(.pal_se) {display:none;}
input#drop_49:checked ~ .filter:not(.bug_sh), input#drop_49:checked ~ .filter > .filter:not(.bug_sh) {display:none;}
input#drop_50:checked ~ .filter:not(.glo_sp), input#drop_50:checked ~ .filter > .filter:not(.glo_sp) {display:none;}
input#drop_51:checked ~ .filter:not(.bea_ci), input#drop_51:checked ~ .filter > .filter:not(.bea_ci) {display:none;}
input#drop_52:checked ~ .filter:not(.fea_le), input#drop_52:checked ~ .filter > .filter:not(.fea_le) {display:none;}
input#drop_53:checked ~ .filter:not(.win_th), input#drop_53:checked ~ .filter > .filter:not(.win_th) {display:none;}
input#drop_54:checked ~ .filter:not(.com_pl), input#drop_54:checked ~ .filter > .filter:not(.com_pl) {display:none;}
input#drop_55:checked ~ .filter:not(.old_bo), input#drop_55:checked ~ .filter > .filter:not(.old_bo) {display:none;}
input#drop_56:checked ~ .filter:not(.blu_or), input#drop_56:checked ~ .filter > .filter:not(.blu_or) {display:none;}
input#drop_57:checked ~ .filter:not(.blu_ma), input#drop_57:checked ~ .filter > .filter:not(.blu_ma) {display:none;}
input#drop_58:checked ~ .filter:not(.hel_re), input#drop_58:checked ~ .filter > .filter:not(.hel_re) {display:none;}
input#drop_59:checked ~ .filter:not(.ber_ic), input#drop_59:checked ~ .filter > .filter:not(.ber_ic) {display:none;}
input#drop_60:checked ~ .filter:not(.con_se), input#drop_60:checked ~ .filter > .filter:not(.con_se) {display:none;}
input#drop_61:checked ~ .filter:not(.mar_ch), input#drop_61:checked ~ .filter > .filter:not(.mar_ch) {display:none;}
input#drop_62:checked ~ .filter:not(.mel_wa), input#drop_62:checked ~ .filter > .filter:not(.mel_wa) {display:none;}
input#drop_63:checked ~ .filter:not(.moo_fr), input#drop_63:checked ~ .filter > .filter:not(.moo_fr) {display:none;}
input#drop_64:checked ~ .filter:not(.pur_or), input#drop_64:checked ~ .filter > .filter:not(.pur_or) {display:none;}
input#drop_65:checked ~ .filter:not(.met_ge), input#drop_65:checked ~ .filter > .filter:not(.met_ge) {display:none;}
input#drop_66:checked ~ .filter:not(.pin_pe), input#drop_66:checked ~ .filter > .filter:not(.pin_pe) {display:none;}
input#drop_67:checked ~ .filter:not(.vir_ro), input#drop_67:checked ~ .filter > .filter:not(.vir_ro) {display:none;}
input#drop_68:checked ~ .filter:not(.st_val), input#drop_68:checked ~ .filter > .filter:not(.st_val) {display:none;}
input#drop_69:checked ~ .filter:not(.rai_ge), input#drop_69:checked ~ .filter > .filter:not(.rai_ge) {display:none;}
input#drop_70:checked ~ .filter:not(.roy_hi), input#drop_70:checked ~ .filter > .filter:not(.roy_hi) {display:none;}
input#drop_71:checked ~ .filter:not(.ros_co), input#drop_71:checked ~ .filter > .filter:not(.ros_co) {display:none;}

/*--- img ---*/
.flex > .img {width:64px;height:84px;background:url(../guides/crosscode/data/image/botanics.png);}
#a_ba-p .img {background-position:0px 0px;}
#b_ba-p .img {background-position:-64px 0px;}
#o_ba-p .img {background-position:-128px 0px;}
#a_wa-b .img {background-position:-192px 0px;}
#b_wa-b .img {background-position:-256px 0px;}
#o_wa-b .img {background-position:-320px 0px;}
#a_fe-b .img {background-position:0px -84px;}
#b_fe-b .img {background-position:-64px -84px;}
#o_fe-b .img {background-position:-128px -84px;}
#a_pi-s .img {background-position:-192px -84px;}
#b_pi-s .img {background-position:-256px -84px;}
#o_pi-s .img {background-position:-320px -84px;}
#a_pl-b .img {background-position:-384px -84px;}
#b_pl-b .img {background-position:-448px -84px;}
#o_pl-b .img {background-position:-512px -84px;}
#a_la-s .img {background-position:-576px -84px;}
#b_la-s .img {background-position:-640px -84px;}
#o_la-s .img {background-position:-704px -84px;}
#di_ice .img {background-position:-768px -84px;}
#a_dr-c .img {background-position:0px -168px;}
#b_dr-c .img {background-position:-64px -168px;}
#a_dr-s .img {background-position:-128px -168px;}
#b_dr-s .img {background-position:-192px -168px;}
#o_dr-s .img {background-position:-256px -168px;}
#a_cact .img {background-position:-320px -168px;}
#b_cact .img {background-position:-384px -168px;}
#o_cact .img {background-position:-448px -168px;}
#a_palm .img {background-position:-512px -168px;}
#b_palm .img {background-position:-576px -168px;}
#o_palm .img {background-position:-640px -168px;}
#a_an-h .img {background-position:-704px -168px;}
#b_an-h .img {background-position:-768px -168px;}
#o_an-h .img {background-position:-832px -168px;}
#a_bo-p .img {background-position:-896px -168px;}
#b_bo-p .img {background-position:-960px -168px;}
#o_bo-p .img {background-position:-1024px -168px;}
#a_sp-p .img {background-position:0px -252px;}
#b_sp-p .img {background-position:-64px -252px;}
#o_sp-p .img {background-position:-128px -252px;}
#a_wa-c .img {background-position:-192px -252px;}
#b_wa-c .img {background-position:-256px -252px;}
#o_wa-c .img {background-position:-320px -252px;}
#a_pu-p .img {background-position:0px -336px;}
#b_pu-p .img {background-position:-64px -336px;}
#o_pu-p .img {background-position:-128px -336px;}
#a_cl-b .img {background-position:-192px -336px;}
#b_cl-b .img {background-position:-256px -336px;}
#be_hiv .img {background-position:-320px -336px;}
#a_op-b .img {background-position:-384px -336px;}
#b_op-b .img {background-position:-448px -336px;}
#o_op-b .img {background-position:-512px -336px;}
#a_vi-p .img {background-position:-576px -336px;}
#b_vi-p .img {background-position:-640px -336px;}
#o_vi-p .img {background-position:-704px -336px;}
#a_vi-s .img {background-position:-768px -336px;}
#b_vi-s .img {background-position:-832px -336px;}
#o_vi-s .img {background-position:-896px -336px;}
#a_bamb .img {background-position:0px -420px;}
#b_bamb .img {background-position:-64px -420px;}
#o_bamb .img {background-position:-128px -420px;}
#a_ri-f .img {background-position:-192px -420px;}
#b_ri-f .img {background-position:-256px -420px;}
#o_ri-f .img {background-position:-320px -420px;}
#a_crys .img {background-position:-384px -420px;}
#b_crys .img {background-position:-448px -420px;}
#o_crys .img {background-position:-512px -420px;}
#a_eg-p .img {background-position:0px -504px;}
#b_eg-p .img {background-position:-64px -504px;}
#g_eg-p .img {background-position:-128px -504px;}
#d_eg-p .img {background-position:-192px -504px;}
#o_eg-a .img {background-position:-256px -504px;}
#o_eg-b .img {background-position:-320px -504px;}
#a_co-b .img {background-position:0px -588px;}
#b_co-b .img {background-position:-64px -588px;}
#a_ke-s .img {background-position:-128px -588px;}
#b_ke-s .img {background-position:-192px -588px;}
#a_fo-s .img {background-position:-256px -588px;}
#b_fo-s .img {background-position:-320px -588px;}
#a_co-s .img {background-position:0px -672px;}
#b_co-s .img {background-position:-64px -672px;}
#g_co-s .img {background-position:-128px -672px;}
#d_co-s .img {background-position:-192px -672px;}
#a_shar .img {background-position:-256px -672px;}
#s_valo .img {background-position:0px -756px;}
#s_spac .img {background-position:-64px -756px;}
#s_trut .img {background-position:-128px -756px;}
#s_spir .img {background-position:-192px -756px;}
#s_ages .img {background-position:-256px -756px;}

/*--- icon ---*/
.name_region:before {display:inline-block;width:18px;height:18px;border:solid 1px #bbbbbb;background:url(../guides/crosscode/data/image/botanics_icon.png) no-repeat;content:"";margin:0px 3px 1px 0px;vertical-align:text-bottom;}
.filter.ar .name_region:before {background-position:0px 0px;}
.filter.bt .name_region:before {background-position:-18px 0px;}
.filter.mv .name_region:before {background-position:-36px 0px;}
.filter.af .name_region:before {background-position:-54px 0px;}
.filter.gg .name_region:before {background-position:-72px 0px;}
.filter.sr .name_region:before {background-position:-90px 0px;}
.filter.tm .name_region:before {background-position:-108px 0px;}
.filter.aa .name_region:before {background-position:-126px 0px;}
.filter.kt .name_region:before {background-position:-144px 0px;}
.filter.so .name_region:before {background-position:-162px 0px;}
