/* カード */
.image {
  display: flex;
  width: 100%;
  height: 45%;
  justify-content: center;
  position: relative;
}


.card:hover {
  cursor: pointer;
}





.card-text1 {
  height: 51px;
  text-align: left;
  font: normal normal bold 18px/24px Source Han Sans JP;
  letter-spacing: 0px;
  color: #222222;
  opacity: 1;
  margin-top: 5px;
}

.card-text2 {
  height: 61px;
  text-align: left;
  font: normal normal normal 14px/20px Source Han Sans JP;
  letter-spacing: 0px;
  color: #777777;
  opacity: 1;
}

.post-day {
  height: 18px;
  text-align: left;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #999999;
  opacity: 1;
}

.card-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0 auto;
}



@media screen and (max-width: 639px) {
  /* カード */
  .card-wrapper {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    margin-right: 15px;
  }
  .image {
    width: 100%;
  }


  .card:hover {
    cursor: pointer;
  }

  .card-category {
    margin: 10px 0px 0px 0px;
  }

  .card-text1 {
    margin-bottom: 10px;
  }
  .card-text2 {
    margin-bottom: 10px;
  }
}