@charset "utf-8";
/* common */
#zeta{
    font-size: 14px;
    padding-bottom:36px;
    width: 100%;
    position: relative;
}
div#zeta:before {
    content: "商品の絞り込み";
}
#background-btn{
  background-color: rgba(255,255,255,.5);
  width: 100%;
  position: sticky;
  padding: .5em 0;
  bottom:1em;
  z-index: 10;
}
#zeta .btn{
    width: calc(100% - 4em);
    font-size: 12px;
}
#zeta input:checked       ~ .accordion > div,
#zeta .brnd_cd .accordion>div:nth-child(-n+8) {
    margin : 0.5em 0;
    height: auto;
}
#zeta .btn,
#zeta .view-cb,
.color-box,
#color-reset,
#color-reset2,
.more_accordion,
.change_jiku label,
.parent-cb,
.accordion-open,
.zeta_cb,
.item-name label,
#slider-range *{
    cursor: pointer;
}

@media all and (-ms-high-contrast: none) {
  .float{
    position: fixed;
    position: sticky;
  }
  .static{
    position: static;
    position: sticky;
  }
}

/* common */

/* checkbox */
#zeta .parent-cb::after,
#zeta [status="none"] .parent-cb::after,
#zeta input[type="checkbox"]::after {
    color:#e1e1e1;
    background-color:#e1e1e1;
}
/* checkbox */

/* accordion */
#zeta input[type="checkbox"]+.item-name{
  justify-content: space-between;
}
#zeta .item-name>div:not(.parent-cb) {
    width: 100%;
}
#zeta input[type="checkbox"]+.item-name label {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#zeta .index[close="true"] input[type="checkbox"]+.item-name label::after,
#zeta input[type="checkbox"]+.item-name label::after {
    font-weight: 100;
    color: gray;
    content: "∨";
    transform: scaleX(1.5);
    cursor: pointer;
}
#zeta input[type="checkbox"]:checked+.item-name label::after,
#zeta .brnd_cd .index:not([close="true"]) > .item-name>div>label::after,
#zeta input[type="checkbox"]:not([id*="_open"]):checked+.item-name label::after {
  content: "∧";
  color: gray;
  transform: scaleX(1.5);
  cursor: pointer;
}

.item-name{
    position: relative;
    display: flex;
    align-items: center;
    line-height: 2.5;
}
.accordion-open {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    pointer-events: all;
}
.bi .accordion-open {
  display: block;
  width: 1em;
  right: 0;
  min-width: 1em;
}
.change_jiku [class^="list"] {
    display: flex;
    flex-flow: column;
}
.more_brand,
.more_accordion{
  display: flex;
  justify-content: center;
  background-color: darkgrey;
  color: black;
}
.change_jiku [class^="list"] a{
  order:1;
}
.change_jiku [class^="list"]> a ~ div:nth-child(n + 16){
  display: none;
}
#zeta #zs_mod_form .index label .more_accordion::after{
  color: #000;
  background-color: darkgrey;
}
#bi_1_open + div .accordion-open{
    display: none;
}
.accordion {
    padding-left: .7em;
}
.index .item-name{
  width: 98%;
}

#zeta .change_jiku .view-cb{
  display: none;
}
/* accordion */
#price_range div{
  width: calc(50% - 1em);
}