@media screen and (max-width: 767px) {
  .only-lg {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .only-sp {
    display: none;
  }
}
.listup__ttl {
  position: relative;
  text-align: center;
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .listup__ttl {
    font-size: 1.4em;
  }
}
.listup__ttl::before {
  content: "";
  position: absolute;
  width: 60%;
  height: 25%;
  background: url(../img/icon-listttl.png) no-repeat;
  background-size: contain;
  background-position: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -10px;
}
.listup__wrap {
  background: #dce6ec;
  padding: 24px 0;
  position: relative;
}
.listup__searchitem {
  width: 90%;
  margin: 0 auto;
  max-width: 800px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .listup__searchitem {
    max-width: 440px;
  }
}
.listup__searchitem-feature, .listup__searchitem-brand {
  position: relative;
  width: 49%;
  margin: 8px 0;
}
@media screen and (max-width: 767px) {
  .listup__searchitem-feature, .listup__searchitem-brand {
    width: 100%;
    margin: 6px 0;
  }
}
.listup__searchitem-feature select, .listup__searchitem-brand select {
  position: relative;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #aaa;
  width: 100%;
  padding: 10px;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500;
  font-size: 1em;
}
.listup__searchitem-allergy {
  width: 100%;
  margin: 8px 0;
  border: 1px solid #aaa;
  border-radius: 10px;
  padding: 8px;
  padding-bottom: 0;
  background: #fff;
}
.listup__searchitem-allergy__ttl {
  text-align: center;
  font-size: 1.1em;
  margin-bottom: 4px;
}
.listup__searchitem-allergy__check {
  display: flex;
  flex-wrap: wrap;
  background: #eee;
  padding: 0.5em 1em;
}
@media screen and (max-width: 767px) {
  .listup__searchitem-allergy__check {
    padding: 1em 0.5em;
  }
}
.listup__searchitem-allergy__check input[type=checkbox] {
  display: none;
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox::after {
  opacity: 1;
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox {
  color: #c70079;
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#shrimp::before {
  background-image: url(../img/icon/icon_shrimp_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#cashew::before {
  background-image: url(../img/icon/icon_cashew_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#crab::before {
  background-image: url(../img/icon/icon_crab_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#walnut::before {
  background-image: url(../img/icon/icon_walnut_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#wheat::before {
  background-image: url(../img/icon/icon_wheat_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#buckwheat::before {
  background-image: url(../img/icon/icon_buckwheat_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#egg::before {
  background-image: url(../img/icon/icon_egg_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#milk::before {
  background-image: url(../img/icon/icon_milk_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#peanut::before {
  background-image: url(../img/icon/icon_peanut_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#almond::before {
  background-image: url(../img/icon/icon_almond_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#sesame::before {
  background-image: url(../img/icon/icon_sesame_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#soy::before {
  background-image: url(../img/icon/icon_soy_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#pistachio::before {
  background-image: url(../img/icon/icon_pistachio_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#macadamianuts::before {
  background-image: url(../img/icon/icon_macadamianuts_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#abalone::before {
  background-image: url(../img/icon/icon_abalone_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#squid::before {
  background-image: url(../img/icon/icon_squid_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#ikura::before {
  background-image: url(../img/icon/icon_ikura_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#salmon::before {
  background-image: url(../img/icon/icon_salmon_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#mackerel::before {
  background-image: url(../img/icon/icon_mackerel_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#orange::before {
  background-image: url(../img/icon/icon_orange_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#kiwi::before {
  background-image: url(../img/icon/icon_kiwi_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#banana::before {
  background-image: url(../img/icon/icon_banana_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#peach::before {
  background-image: url(../img/icon/icon_peach_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#apple::before {
  background-image: url(../img/icon/icon_apple_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#beef::before {
  background-image: url(../img/icon/icon_beef_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#chicken::before {
  background-image: url(../img/icon/icon_chicken_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#pork::before {
  background-image: url(../img/icon/icon_pork_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#yamaimo::before {
  background-image: url(../img/icon/icon_yamaimo_check.png);
}
.listup__searchitem-allergy__check input[type=checkbox]:checked + .chkbox#gelatin::before {
  background-image: url(../img/icon/icon_gelatin_check.png);
}
.listup__searchitem-allergy__check .chkbox {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding-left: 26px;
  position: relative;
  width: auto;
  margin: 0 0.6rem 0.6em;
  margin-left: 0;
  margin-top: 0;
  line-height: 1.5;
  padding: 4px 12px 6px 32px;
  background: #fff;
  border-radius: 40px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.listup__searchitem-allergy__check .chkbox::before {
  content: "";
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0.6em;
  top: 20%;
}
.listup__searchitem-allergy__check .chkbox#shrimp::before {
  background-image: url(../img/icon/icon_shrimp.png);
}
.listup__searchitem-allergy__check .chkbox#cashew::before {
  background-image: url(../img/icon/icon_cashew.png);
}
.listup__searchitem-allergy__check .chkbox#crab::before {
  background-image: url(../img/icon/icon_crab.png);
}
.listup__searchitem-allergy__check .chkbox#walnut::before {
  background-image: url(../img/icon/icon_walnut.png);
}
.listup__searchitem-allergy__check .chkbox#wheat::before {
  background-image: url(../img/icon/icon_wheat.png);
}
.listup__searchitem-allergy__check .chkbox#buckwheat::before {
  background-image: url(../img/icon/icon_buckwheat.png);
}
.listup__searchitem-allergy__check .chkbox#egg::before {
  background-image: url(../img/icon/icon_egg.png);
}
.listup__searchitem-allergy__check .chkbox#milk::before {
  background-image: url(../img/icon/icon_milk.png);
}
.listup__searchitem-allergy__check .chkbox#peanut::before {
  background-image: url(../img/icon/icon_peanut.png);
}
.listup__searchitem-allergy__check .chkbox#almond::before {
  background-image: url(../img/icon/icon_almond.png);
}
.listup__searchitem-allergy__check .chkbox#sesame::before {
  background-image: url(../img/icon/icon_sesame.png);
}
.listup__searchitem-allergy__check .chkbox#soy::before {
  background-image: url(../img/icon/icon_soy.png);
}
.listup__searchitem-allergy__check .chkbox#pistachio::before {
  background-image: url(../img/icon/icon_pistachio.png);
}
.listup__searchitem-allergy__check .chkbox#macadamianuts::before {
  background-image: url(../img/icon/icon_macadamianuts.png);
}
.listup__searchitem-allergy__check .chkbox#abalone::before {
  background-image: url(../img/icon/icon_abalone.png);
}
.listup__searchitem-allergy__check .chkbox#squid::before {
  background-image: url(../img/icon/icon_squid.png);
}
.listup__searchitem-allergy__check .chkbox#ikura::before {
  background-image: url(../img/icon/icon_ikura.png);
}
.listup__searchitem-allergy__check .chkbox#salmon::before {
  background-image: url(../img/icon/icon_salmon.png);
}
.listup__searchitem-allergy__check .chkbox#mackerel::before {
  background-image: url(../img/icon/icon_mackerel.png);
}
.listup__searchitem-allergy__check .chkbox#orange::before {
  background-image: url(../img/icon/icon_orange.png);
}
.listup__searchitem-allergy__check .chkbox#kiwi::before {
  background-image: url(../img/icon/icon_kiwi.png);
}
.listup__searchitem-allergy__check .chkbox#banana::before {
  background-image: url(../img/icon/icon_banana.png);
}
.listup__searchitem-allergy__check .chkbox#peach::before {
  background-image: url(../img/icon/icon_peach.png);
}
.listup__searchitem-allergy__check .chkbox#apple::before {
  background-image: url(../img/icon/icon_apple.png);
}
.listup__searchitem-allergy__check .chkbox#beef::before {
  background-image: url(../img/icon/icon_beef.png);
}
.listup__searchitem-allergy__check .chkbox#chicken::before {
  background-image: url(../img/icon/icon_chicken.png);
}
.listup__searchitem-allergy__check .chkbox#pork::before {
  background-image: url(../img/icon/icon_pork.png);
}
.listup__searchitem-allergy__check .chkbox#yamaimo::before {
  background-image: url(../img/icon/icon_yamaimo.png);
}
.listup__searchitem-allergy__check .chkbox#gelatin::before {
  background-image: url(../img/icon/icon_gelatin.png);
}
.listup__searchitem-allergy__radio {
  display: flex;
  justify-content: center;
  margin-top: 4px;
}
.listup__searchitem-allergy__radio input[type=radio] {
  display: none;
}
.listup__searchitem-allergy__radio input[type=radio]:checked + .radio::before {
  border-color: #c70079;
}
.listup__searchitem-allergy__radio input[type=radio]:checked + .radio::after {
  opacity: 1;
}
.listup__searchitem-allergy__radio .radio {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding-left: 26px;
  position: relative;
  width: auto;
  margin: 0 0.6rem 0.8em;
  margin-left: 0;
  margin-top: 0;
  line-height: 1.5;
}
.listup__searchitem-allergy__radio .radio::before {
  background: #fff;
  border: 1px solid #231815;
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.listup__searchitem-allergy__radio .radio::after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  left: 8px;
  opacity: 0;
  top: 28%;
  background: #c70079;
  border-radius: 50%;
}
.listup__searchitem--btn {
  width: 100%;
  height: 100%;
}
.listup__searchitem--btn::before, .listup__searchitem--btn::after {
  position: absolute;
  content: "";
  pointer-events: none;
}
.listup__searchitem--btn::before {
  display: inline-block;
  width: 10%;
  height: 100%;
  border-radius: 0 4px 4px 0;
  background-color: #BABABA;
  right: 0;
  z-index: 2;
}
.listup__searchitem--btn::after {
  position: absolute;
  width: 14px;
  height: 8px;
  background-color: #151515;
  clip-path: polygon(50% 8px, 0% 0%, 14px 0%);
  top: 42%;
  right: 3%;
  z-index: 2;
}
.listup__searchitem-keyword {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .listup__searchitem-keyword {
    margin-top: 6px;
  }
}
.listup__searchitem-keyword input {
  width: 100%;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #aaa;
  padding: 10px;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500;
  cursor: text;
  font-size: 1em;
}
.listup__searchitem-keyword ::-moz-placeholder {
  color: #000;
}
.listup__searchitem-keyword ::placeholder {
  color: #000;
}
.listup .searchsubmit {
  width: 70%;
  margin: 0 auto;
  max-width: 300px;
  margin-top: 16px;
}
.listup .searchsubmit__btn {
  display: block;
  background: #c70079;
  padding: 10px;
  text-align: center;
  color: #fff;
  width: 100%;
  border-radius: 50px;
  font-size: 1.2em;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.listup .searchsubmit__btn span {
  margin-right: 4px;
}
.listup .searchsubmit__btn:hover {
  opacity: 0.6;
}