@charset "UTF-8";

.list {
  font-size: 2rem;
  color: #efefef;
}

.f_list {
  margin-top: 60px;
}

.f_list__box--a {
  border-radius: 6px 6px 0 0;
  display: block;
  font-weight: bold;
  padding: 20px 10px 20px 80px;
  text-decoration: underline;
}

.f_list__box .-c-icons-carpet {
  background: url(../img/c-icons-carpet.png) no-repeat 20px center / 38px 38px, url(../img/arrow-mini_orange.svg) no-repeat 95% 50% #f5f1dc;
  width: 40%;
}

.f_list__box .-c-icons-soundproof_curtain {
  background: url(../img/c-icons-soundproof_curtain.png) no-repeat 20px center / 38px 38px, url(../img/arrow-mini_orange.svg) no-repeat 95% 50% #f5f1dc;
  width: 40%;
}

.f_list__box .-c-icons-wall_panel {
  background: url(../img/c-icons-wall_panel.png) no-repeat 20px center / 38px 38px, url(../img/arrow-mini_orange.svg) no-repeat 95% 50% #f5f1dc;
  width: 40%;
}

.f_list__box .-c-icons-assembly {
  background: url(../img/c-icons-assembly.png) no-repeat 20px center / 38px 38px, url(../img/arrow-mini_orange.svg) no-repeat 95% 50% #f5f1dc;
  width: 40%;
}

.f_list__box .-c-icons-partition {
  background: url(../img/c-icons-partition.png) no-repeat 20px center / 38px 38px, url(../img/arrow-mini_orange.svg) no-repeat 95% 50% #f5f1dc;
  width: 40%;
}

.f_list__box .-c-icons-anti-vibration_material {
  background: url(../img/c-icons-anti-vibration_material.png) no-repeat 20px center / 38px 38px, url(../img/arrow-mini_orange.svg) no-repeat 95% 50% #f5f1dc;
  width: 40%;
}

.f_list__box .-c-icons-order-item {
  background: url(../img/c-icons-order-item.png) no-repeat 20px center / 38px 38px, url(../img/arrow-mini_orange.svg) no-repeat 95% 50% #f5f1dc;
  width: 40%;
}

.f_list__box .-c-icons-sample {
  background: url(../img/c-icons-sample.png) no-repeat 20px center / 38px 38px, url(../img/arrow-mini_orange.svg) no-repeat 95% 50% #f5f1dc;
  width: 40%;
}

.f_list__box__min {
  background-color: #f5f1dc;
  padding: 20px;
  column-gap: 2.4%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
}

.f_list__box__min--list {
  border: 1px solid #707070;
  background-color: #fff;
}

.f_list__box__min--list-box--txstbox {
  background-color: #656565;
  color: #fff;
  font-weight: bold;
  padding: 5%;
}

.f_list__box__min--list-box--tit--a {
  color: #fff !important;
  text-decoration: underline;
}

.f_list__box__min--list-box--tit--txst {
  color: #fff !important;
}

.f_list__box__min--list-box--txst {
  background-color: #fff;
  border-bottom: 1px dashed #ccc;
  padding: 5%;
}

.-onlyitem .f_list__box__min--list-box--txst {
  border-bottom: none;
}

.f_list__box__micro li {
  background-color: #fff;
  padding: 5%;
}

.f_list__box__micro li:not(:last-child) {
  border-bottom: 1px dashed #ccc;
}

.f_list__box__micro a {
  background: url(../img/i_list-arrow.svg) no-repeat 0 4px / 16px 16px;
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
  padding-left: 26px;
}

.f_list__box--list:not(:first-child) {
  margin-top: 40px;
}

/* ランキングアイコン */

.-rank01 {
  background: url(../img/i_list-rank01.png) no-repeat 95% 50% / 46px 28px;
  padding: 5% 22% 5% 5% !important;
}

.-rank02 {
  background: url(../img/i_list-rank02.png) no-repeat 95% 50% / 46px 28px;
  padding: 5% 22% 5% 5% !important;
}
.-rank03 {
  background: url(../img/i_list-rank03.png) no-repeat 95% 50% / 46px 28px;
  padding: 5% 22% 5% 5% !important;
}
.-rank04 {
  background: url(../img/i_list-rank04.png) no-repeat 95% 50% / 46px 28px;
  padding: 5% 22% 5% 5% !important;
}
.-rank05 {
  background: url(../img/i_list-rank05.png) no-repeat 95% 50% / 46px 28px;
  padding: 5% 22% 5% 5% !important;
}

/* ランキングアイコンここまで */

/*tablet*/
@media (max-width: 959px) {
}

/*sp*/
@media (max-width: 767px) {
  .f_list__box--a {
    padding: 20px 30px 20px 80px;
  }

  .f_list__box__min {
    display: block;
  }

  .f_list__box .-c-icons-carpet,
  .f_list__box .-c-icons-soundproof_curtain,
  .f_list__box .-c-icons-wall_panel,
  .f_list__box .-c-icons-assembly,
  .f_list__box .-c-icons-partition,
  .f_list__box .-c-icons-anti-vibration_material,
  .f_list__box .-c-icons-order-item,
  .f_list__box .-c-icons-assembly,
  .f_list__box .-c-icons-sample {
    filter: none;
    width: 70%;
  }

  .f_list__box__min--list:not(:last-child) {
    margin-bottom: 10px;
  }

  .f_list__box--list:not(:first-child) {
    margin-top: 20px;
  }
}

/*sp-device*/
@media (max-width: 519px) {
}

@media (max-width: 414px) {
}

@media (max-width: 360px) {
}

@media (max-width: 320px) {
}