input[type=radio]+label:before{
  content: "";
  display: inline-block;
  background-size: auto;
  width: 108px;
  height: 108px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  input[type=radio]+label:before{
    width: 85px;
    height: 85px;
  }
}

input[type=radio][value="1"][id="cate-fashion"]+label:before{
  background: url("../../img/nonowa/select-icon-cate-fashion.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="1"][id="cate-fashion"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-cate-fashion-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="1"][id="cate-fashion"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-cate-fashion-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="2"][id="cate-fashiongoods"]+label:before{
  background: url("../../img/nonowa/select-icon-cate-fashiongoods.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="2"][id="cate-fashiongoods"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-cate-fashiongoods-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="2"][id="cate-fashiongoods"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-cate-fashiongoods-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="3"][id="cate-goods"]+label:before{
  background: url("../../img/nonowa/select-icon-cate-goods.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="3"][id="cate-goods"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-cate-goods-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="3"][id="cate-goods"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-cate-goods-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="4"][id="cate-foods"]+label:before{
  background:  url("../../img/nonowa/select-icon-cate-foods.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="4"][id="cate-foods"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-cate-foods-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="4"][id="cate-foods"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-cate-foods-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="5"][id="cate-restaurant"]+label:before{
  background: url("../../img/nonowa/select-icon-cate-restaurant.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="5"][id="cate-restaurant"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-cate-restaurant-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="5"][id="cate-restaurant"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-cate-restaurant-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="6"][id="cate-service"]+label:before{
  background: url("../../img/nonowa/select-icon-cate-service.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="6"][id="cate-service"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-cate-service-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="6"][id="cate-service"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-cate-service-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="7"][id="cate-other"]+label:before{
  background: url("../../img/nonowa/select-icon-cate-other.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="7"][id="cate-other"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-cate-other-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="7"][id="cate-other"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-cate-other-hv.svg") no-repeat;
  background-size: 100% auto;
}

/* scene------------------------------------------------------------------------------- */
input[type=radio][value="1"][id="scene-local"]+label:before{
  background: url("../../img/nonowa/select-icon-scene-local.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="1"][id="scene-local"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-scene-local-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="1"][id="scene-local"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-scene-local-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="2"][id="scene-outing"]+label:before{
  background: url("../../img/nonowa/select-icon-scene-outing.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="2"][id="scene-outing"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-scene-outing-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="2"][id="scene-outing"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-scene-outing-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="3"][id="scene-miyage"]+label:before{
  background: url("../../img/nonowa/select-icon-scene-miyage.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="3"][id="scene-miyage"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-scene-miyage-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="3"][id="scene-miyage"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-scene-miyage-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="4"][id="scene-morning"]+label:before{
  background:  url("../../img/nonowa/select-icon-scene-morning.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="4"][id="scene-morning"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-scene-morning-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="4"][id="scene-morning"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-scene-morning-hv.svg") no-repeat;
  background-size: 100% auto;
}

input[type=radio][value="5"][id="scene-eat"]+label:before{
  background: url("../../img/nonowa/select-icon-scene-eat.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="5"][id="scene-eat"]:hover+label::before{
  background: url("../../img/nonowa/select-icon-scene-eat-hv.svg") no-repeat;
  background-size: 100% auto;
}
input[type=radio][value="5"][id="scene-eat"]:checked+label::before{
  background: url("../../img/nonowa/select-icon-scene-eat-hv.svg") no-repeat;
  background-size: 100% auto;
}

/* store------------------------------------------------------------------------------- */
/* ののみちショップ検索で使用 */
input[type=radio].store +label:before {
  display: none; /* ラジオボタンを非表示にする */
  }
input[type="radio"].store:checked + label {
  background: #FFA000;
  }
input[type="radio"].store:hover + label {
  background: #FFA000;
  }
  .label {
    display: block; /* ブロックレベル要素化する */
    float: left; /* 要素の左寄せ・回り込を指定する */
    width: 100px; /* ボックスの横幅を指定する */
    height: 45px; /* ボックスの高さを指定する */
    padding-left: 5px; /* ボックス内左側の余白を指定する */
    padding-right: 5px; /* ボックス内御右側の余白を指定する */
    background: #fff;
    height: 40px;
    border-radius: 10px;
    line-height: 40px;
    padding: 0;
    text-align: center;
  }
  

input[type=radio]{
  display: none;
}