article.symbol {
  padding: var(--base-padding);
}

article.symbol > img {
  width: 100%;
  height: auto;
  display: block;
}



article.catch {
  padding: var(--big-padding) var(--big-padding);
}



article.product {
  padding: var(--biger-padding) var(--base-padding);
}

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

div.desc {
  padding: var(--base-padding);
}

span.log::before,
span.log::after {
  content: '====================';
  display: block;
}

span.links > a {
  display: block;
  text-decoration: underline;
}

span.links > a:hover {
  text-decoration: none;
}