body {
  background-color: #FBFBFB;
}

.color-item {
  margin-top: 78px;
}

h1.color-title {
  font-size: 20px;
  line-height: 20px;
}

.color-item h2 {
  font-size: 16px;
  line-height: 1.5;
}

.color-item h3,
.color-item .item-no {
  font-size: 14px;
  line-height: 1.2;
}

.color-item .item-no {
  font-family: 'newpanam-regular', 'Noto Sans JP', 'メイリオ', sans-serif;
  letter-spacing: 1px;
  font-weight: 300;
}

.color-item sup {
  vertical-align: super;
}

.color-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
}

.color-col {
  flex: 0 0 20%;
  width: 20%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.color-image-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0.25rem;
}

.color-image-box::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.color-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.color-image.color-border {
  border: 1px solid #ccc;
}

.color-new {
  color: crimson;
}

/* 個別設定 */
.color-image-scale-130 {
  transform: scale(1.3);
}
.color-image-scale-150 {
  transform: scale(1.5);
}
.color-image-scale-200 {
  transform: scale(2.0);
}
.color-image-scale-250 {
  transform: scale(2.5);
}
.color-image-scale-300 {
  transform: scale(3.0);
}

.color-tribu .color-image {
  transform: scale(3.0);
}

.color-gandia-blasco .item-no {
  display: none;
}