.informations-scroll-area {
    max-height: 200px;
    overflow-y: auto;
}

.information-row {
  border-bottom: 1px dotted var(--bs-border-color);
}

.template-name-area {
  background-color: #499272;
  color: #fff;
}

.template-thumbnail-area {
  background-color: #eeffee;

  /* チェッカーボード柄背景 */
  /* background-image:
      linear-gradient(45deg, #f0f0f0 25%, transparent 25%),
      linear-gradient(135deg, #f0f0f0 25%, transparent 25%),
      linear-gradient(45deg, transparent 75%, #f0f0f0 75%),
      linear-gradient(135deg, transparent 75%, #f0f0f0 75%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 0, 10px -10px, 0px 10px; */
}

.template-thumbnail-area-inner {
  width: 100%;
  height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.template-thumbnail-area img.thumbnail {
  max-width: calc(280px - 0.5rem * 2);
  max-height: calc(280px - 0.5rem * 2);
  width: auto;
  height: auto;
  object-fit: contain;

  /* 透過サムネイルは背景色を白で塗りつぶす */
  background-color: #fff;
}

/* .template-ad-area {
} */

.template-ad-area-inner {
  width: 100%;
  height: 280px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}

.template-tags-area {
  /* オリジナルの背景色*/
  background-color: beige;
}