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

.product_content_codinatelist {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 10px;
}

.codinatelist_wrap ul {
  display: flex;
  flex-wrap: wrap;
}

.codinatelist_wrap li {
  width: calc((100% - (18px * 3)) / 4);
  margin: 0 18px 40px 0;
}

.codinatelist_wrap li:nth-child(4n) {
  margin-right: 0;
}

.styling_date {
  font-size: 12px;
  color: #838383;
  margin: 0 0 0.6rem;
}

.styling_shop {
  font-size: 16px;
  margin: 0;
}

.styling_height {
  font-size: 13px;
  margin: 0;
}


@media screen and (max-width: 979px) {
  .product_content_codinatelist {
    padding: 0 20px;
  }

  .product_content_title {
    font-size: 1.8rem;
    color: #2A2A2A;
    margin: 37px 0 15px;
  }
}

@media screen and (max-width: 767px) {

  .codinatelist_wrap ul {
    justify-content: space-between;
  }

  .codinatelist_wrap li {
    width: calc((100% - (20px * 1)) / 2);
    margin: 0 0 40px;
  }


  .styling_date {
    font-size: 1.1rem;
    margin: 0 0 3px;
  }

  .styling_shop {
    font-size: 1.4rem;
  }

  .styling_height {
    font-size: 1.2rem;
  }
}