@charset "utf-8";

.main-img-box .switch-item1 {
  background-image : url(/easy-search/waterheater/img/bg_item1.jpg?220518);
}

@keyframes bgAnime {
  0% { opacity: 1; }
  100% { opacity: 1; }
}



.item-box input[type=radio]+.label-img,
.item-box input[type=radio]+.label-img-ex {
    display: inline-block;
    width: 100%;
    outline: 1px solid #2d63a3;
    border-radius: 5px;
}

.item-box input[type=radio]:checked+.label-img,
.item-box input[type=radio]:checked+.label-img-ex {
    outline: 3px solid #e07306;
    border-radius: 5px;
}

div.extend {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

div.item-box ul.img-list-extend {
  display: flex;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
}

div.item-box ul.img-list-extend li label {
  padding: 8px 0;
}

div.item-box ul.img-list-extend li label p {
  font-weight: bold;
}

.item-box input[type=radio]+.label.default-selected {
    background-color: #e07306;
    color: #ffffff;
    border: 3px solid #e07306;
    border-radius: 5px;
}



@media screen and (min-width: 981px) {
  div.item-box ul.img-list-extend li {
    width: 24%;
    margin-right: 1.3%;
    text-align: center;
  }

  div.item-box ul.img-list-extend li.mr0 {
    margin-right: 0%;
  }

  div.item-box ul.img-list-extend li.wide {
    width: 49%;
  }

  div.item-box ul.img-list-extend li label {
    height: 100%;
  }

  div.item-box ul.img-list-extend li label:hover {
    cursor: pointer;
  }

  ul.img-list-extend img {
    width: 80%;
  }
}



@media screen and (max-width: 560px) {
  div.item-box ul.img-list-extend li {
    width: 48%;
    margin-right: 4%;
    text-align: center;
  }

  div.item-box ul.img-list-extend li.mr0-sp {
    margin-right: 0%;
  }

  div.item-box ul.img-list-extend li.wide {
    width: 100%;
  }

  div.item-box ul.img-list-extend li label {
    height: 100%;
  }

  ul.img-list-extend img {
    width: 80%;
    display: inline !important;
  }
}