article {
  padding: 0 20px;
  margin: 100px auto;
}



article.thumb > img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 30px;
  border: solid 1px var(--middle-color);
  image-rendering: pixelated;
}



article.catch > p {
  padding: 0 30px;
  text-align: justify;
  font-size: 15px;
}



article.item > img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 70vh;
  filter: drop-shadow(2px 2px 30px rgba(0, 0, 0, 0.3));
  object-fit: contain;
}



div.detail {
  margin-top: 25px;
  text-align: right;
}
div.detail > span {
  font-size: 7px;
  display: inline-block;
  text-align: left;
}
div.detail > span {
  font-size: 7px;
  display: inline-block;
  text-align: left;
}
div.detail > span > p {
  font-size: 10px;
}
div.detail > span > p.title {
  margin-bottom: 3px;
  font-size: 16px;
}