/* Color Collector: independent, unobtrusive self-promo placements (Japanese pages only). */
.cc-house-ad-column { display:none; }
@media (min-width:1801px) {
  .cc-house-ad-column {
    display:block; position:fixed; top:50%; transform:translateY(-50%);
    width:180px; max-height:calc(100vh - 40px); z-index:30;
    font-family:'Noto Sans JP', system-ui, sans-serif; line-height:1.5;
  }
  .cc-house-ad-left {left:24px;}
  .cc-house-ad-right {right:24px;}
  .cc-house-ad-card {
    display:flex; flex-direction:column; gap:.6rem; color:#f1f2f7;
    border:1px solid rgba(255,255,255,.12); background:rgba(44,44,48,.80);
    border-radius:20px; padding:1.25rem 1.5rem; box-shadow:0 8px 32px rgba(0,0,0,.28);
    backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
    width:100%; max-height:calc(100vh - 40px); overflow:auto;
    text-decoration:none; cursor:pointer; box-sizing:border-box;
    transition:box-shadow .2s ease, transform .2s ease;
  }
  .cc-house-ad-card:hover {transform:translateY(-2px);box-shadow:0 12px 38px rgba(0,0,0,.34)}
  .cc-house-ad-card:focus-visible {outline:3px solid #6c63ff;outline-offset:3px}
  .cc-house-ad-media {display:block;margin:-1.25rem -1.5rem 0;border-radius:20px 20px 0 0;overflow:hidden;flex-shrink:0}
  .cc-house-ad-media img {display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
  .cc-house-ad-label {display:block;font-size:.75rem;letter-spacing:.07em;color:#c0c1cc}
  .cc-house-ad-title {display:block;font-size:.95rem;line-height:1.45;font-weight:700}
  .cc-house-ad-text {display:block;font-size:.78rem;color:#c0c1cc;line-height:1.6}
  .cc-house-ad-cta {display:inline-flex;align-self:flex-start;margin-top:auto;padding:.45rem .9rem;border-radius:999px;
    border:1px solid rgba(255,255,255,.15);color:#9690ff;background:rgba(0,0,0,.16);font-size:.8rem}
  .blog-page .cc-house-ad-card, body.light-mode .cc-house-ad-card {
    background:rgba(255,255,255,.92);border-color:rgba(20,20,40,.12);color:#202238;box-shadow:0 8px 32px rgba(35,38,88,.12)
  }
  .blog-page .cc-house-ad-label, .blog-page .cc-house-ad-text,
  body.light-mode .cc-house-ad-label, body.light-mode .cc-house-ad-text {color:#686b7e}
  .blog-page .cc-house-ad-cta, body.light-mode .cc-house-ad-cta {background:rgba(108,99,255,.07);color:#5357d0;border-color:rgba(108,99,255,.17)}
  /* Reserve side gutters for apps that normally fill up to 1400px. */
  body.cc-house-ads-active .app-wrapper {max-width:min(1400px, calc(100vw - 440px));}
  body.cc-house-ads-active .wrap {max-width: min(1400px, calc(100vw - 440px));}
}
@media (min-width:1920px) and (max-width:2399px) {
  .cc-house-ad-column {width:200px}
}
@media (min-width:2400px) {
  .cc-house-ad-column {width:360px}
}