@charset "utf-8";
/* CSS Document */

.result-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (max-width: 767px) {
  .result-list {
    gap: 20px;
  }
}

.result-list li{
  width: calc(33.33% - 27px);
}
@media only screen and (max-width: 767px) {
  .result-list li{
    width: calc(50% - 10px);
  }
}

.result-list li a{
  text-decoration: none;
}

.result-list_thumb {
  overflow: hidden;
  height: 262px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .result-list_thumb {
    height: 45vw;
  }
}
.result-list_thumb::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #0E60B2;
  /* mix-blend-mode: multiply; */
  clip-path: polygon(0 100%, 0 0, 100% 0);
  transition: all 0.3s;
}

/* 極み-フッ素 */
.result-list_thumb.--A79M::before {
  background-color: #c7c1ab;
}
.result-list_thumb.--A82M::before {
  background-color: #b0b5ae;
}
.result-list_thumb.--F74M::before {
  background-color: #2f8980;
}
.result-list_thumb.--F76M::before {
  background-color: #2f6a94;
}
.result-list_thumb.--F77M::before {
  background-color: #783836;
}
.result-list_thumb.--F78M::before {
  background-color: #4b413f;
}
.result-list_thumb.--F75M::before {
  background-color: #737373;
}
.result-list_thumb.--F73M::before {
  background-color: #3d3d3d;
}
.result-list_thumb.--F19M::before {
  background-color: #e1e1e1;
}

/* 極み-MEGA */
.result-list_thumb.--K253::before {
  background-color: #a3aca7;
}
.result-list_thumb.--K213::before {
  background-color: #3c514a;
}
.result-list_thumb.--K245::before {
  background-color: #545c5e;
}
.result-list_thumb.--K225::before {
  background-color: #752c37;
}
.result-list_thumb.--K243::before {
  background-color: #313b3d;
}
.result-list_thumb.--K231::before {
  background-color: #2d2e28;
}
.result-list_thumb.--xxx::before {
  background-color: #00405b;
}

/* 極み－MAX */
.result-list_thumb.--K003::before {
  background-color: #d7d2b4;
}
.result-list_thumb.--K005::before {
  background-color: #f5f5ed;
}
.result-list_thumb.--K055::before {
  background-color: #bbb7ac;
}
.result-list_thumb.--K021::before {
  background-color: #955048;
}
.result-list_thumb.--K001::before {
  background-color: #d7dbcd;
}
.result-list_thumb.--K053::before {
  background-color: #cbcdc8;
}
.result-list_thumb.--K045::before {
  background-color: #8e908d;
}
.result-list_thumb.--K025::before {
  background-color: #8f4d51;
}
.result-list_thumb.--K007::before {
  background-color: #a5aea9;
}
.result-list_thumb.--K011::before {
  background-color: #a4bfae;
}
.result-list_thumb.--K013::before {
  background-color: #677566;
}
.result-list_thumb.--K033::before {
  background-color: #5e4c36;
}
.result-list_thumb.--K031::before {
  background-color: #565246;
}
.result-list_thumb.--K015::before {
  background-color: #3b708f;
}
.result-list_thumb.--K017::before {
  background-color: #425c69;
}
.result-list_thumb.--K043::before {
  background-color: #525b58;
}
.result-list_thumb.--k041::before {
  background-color: #343629;
}

/* 和み－FIT GL （つやあり） */
.result-list_thumb.--B02W::before {
  background-color: #f5fbf9;
}
.result-list_thumb.--B06W::before {
  background-color: #f4f2e3;
}
.result-list_thumb.--U52W::before {
  background-color: #a0b79b;
}
.result-list_thumb.--U58W::before {
  background-color: #03400d;
}
.result-list_thumb.--B08W::before {
  background-color: #e5e2c1;
}
.result-list_thumb.--B42W::before {
  background-color: #e6e0c6;
}
.result-list_thumb.--U65W::before {
  background-color: #869693;
}
.result-list_thumb.--U14W::before {
  background-color: #056478;
}
.result-list_thumb.--B43W::before {
  background-color: #ced1c0;
}
.result-list_thumb.--B10W::before {
  background-color: #d0c19a;
}
.result-list_thumb.--U12W::before {
  background-color: #453826;
}
.result-list_thumb.--U37W::before {
  background-color: #7b1a07;
}
.result-list_thumb.--U76W::before {
  background-color: #c3c4be;
}

/* 和み－FIT® GL つやけし */
.result-list_thumb.--U51Z::before {
  background-color: #1f1f1f;
}
.result-list_thumb.--U03Z::before {
  background-color: #6b292d;
}
.result-list_thumb.--U11Z::before {
  background-color: #353e3b;
}
.result-list_thumb.--U07Z::before {
  background-color: #273f29;
}
.result-list_thumb.--U13Z::before {
  background-color: #362d24;
}
.result-list_thumb.--U96Z::before {
  background-color: #282b22;
}
.result-list_thumb.--U77Z::before {
  background-color: #6c7270;
}
.result-list_thumb.--U09Z::before {
  background-color: #1d3037;
}

/* 和み－FIT® GL ミドル */
.result-list_thumb.--405T::before {
  background-color: #eee8da;
}
.result-list_thumb.--401T::before {
  background-color: #e1ddd2;
}
.result-list_thumb.--417T::before {
  background-color: #43402d;
}
.result-list_thumb.--411T::before {
  background-color: #4b5d45;
}
.result-list_thumb.--433T::before {
  background-color: #cdcec8;
}
.result-list_thumb.--415T::before {
  background-color: #9da79f;
}
.result-list_thumb.--421T::before {
  background-color: #445044;
}
.result-list_thumb.--423T::before {
  background-color: #262922;
}


.result-list_thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .3s;
}

.result-list_title {
  margin-top: 1em;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: bold;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .result-list_title {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

.result-list li:hover .result-list_thumb::before {
  left: -100%;
  top: -100%;
}

.result-list li:hover .result-list_thumb img {
  transform: scale(1.1);
}

.result-list li:hover .result-list_title {
  color: #006cb7;
}