:root {
  --main: #3e2d4d;
  --dark: #241a2d;
  --sub: #685674;
  --base: #fbf9fc;
  --pale: #f1ecf4;
  --text: #2c2631;
  --cta-text: #2b2033;
}

.hero {
  background-image: url('../images/main-pc.png');
}

/* 骨董品LP専用カラー：メイン画像の紫を基調に共通部品を調整 */
.site-header {
  background: rgba(30, 21, 38, .97);
  box-shadow: 0 5px 20px #160f1d66;
}

.decision,
.final-cta {
  background: radial-gradient(circle at 50% 0, #604b6d, var(--dark));
}

.promise-list,
.trust-layout .promise-list {
  background: #756280;
}

.tag-list span {
  background: linear-gradient(145deg, #594565, #30233b);
  box-shadow: inset 0 0 0 2px #34263e, inset 0 0 0 3px #cda64f, 0 5px 14px #241a2d38;
  text-shadow: 0 1px 2px #160f1d;
}

.tips-layout .tips-grid article {
  background: linear-gradient(145deg, #4d3959ed, #281d32ed);
  box-shadow: inset 0 0 0 1px #fff3cf0d, 0 8px 22px #160f1d52;
}

.site-footer {
  background: #1b1322;
}

.pc-comic-more {
  background: linear-gradient(115deg, #594565 0%, #281d32 52%, #594565 100%);
  box-shadow: inset 0 0 0 1px #fff3cf1f, 0 10px 30px #241a2d75;
}

@media(max-width:767px) {
  .hero {
    background-image: url('../images/main-sp.png');
  }

  html {
    background: #1b1322;
  }

  .sp-comic-guide {
    background: var(--main);
    box-shadow: 0 5px 14px #241a2d38;
  }

  .sp-comic-tap-note {
    color: var(--main);
  }

  .sp-comic-lightbox:not([hidden]) {
    background: #140e1bf2;
  }

  .sp-comic-lightbox button {
    background: #241a2de8;
  }

  .tips-layout .tips-grid article {
    background: #382843e6;
  }
}