/* カスタマイズ - 広告設定 - 個別記事用広告設定にあるHTML用のCSS */
@media only screen and (max-width: 767px) {
  .pc_top_banner {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .sp_top_banner {
    --call-affiliate-container-gap: 5px;
    position: relative;
    display: var(--display, flex);
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--call-affiliate-container-gap);
  }
  .sp_top_banner .sp_top_banner:not(.is-display)  {
    --display: none;
  }
  .sp_top_banner > *:nth-child(1) {
    width: 100%;
  }
}

.sp_top_banner > *:nth-child(1) {
  font-size: 16px;
  line-height: 1.5;
}

.content .pc_top_banner a:hover {
  text-decoration: none;
}

.content .sp_top_banner a:hover {
  text-decoration: none;
}

/**
 *	call affiliate banner area (widget)
 */
/* .call-affiliate__wrapper {
  position: relative;
}
.call-affiliate__wrapper img,
.call-affiliate__wrapper picure {
  display: block;
}
.call-affiliate__wrapper img {
  width: 100%;
  height: auto;
}
.call-affiliate__wrapper p:empty {
  display: none;
}
.call-affiliate__title {
  line-height: 1.75;
  text-align: center;
}
.call-affiliate__title {
  margin-block-end: 1.5em;
}
.call-affiliate__body {
  display: grid;
}
.call-affiliate__details {
  display: grid;
  border: 2px solid #c2c2c2;
  border-radius: 5px;
  box-shadow: 3px 3px 3px grey;
}
.call-affiliate__information-detail {
  line-height: 1.5;
  color: gray;
}
.call-affiliate__button {
  margin-inline: auto;
}
.color-emphasis {
  color: #EA5E7B;
} */
/* --- for small viewport --- */
/* @media only screen and (max-width: 767px) {
  .call-affiliate__title {
    font-size: 14px;
  }
  .call-affiliate__body {
    row-gap: 1em;
  }
  .call-affiliate__body + * {
    margin-block-start: 2em;
  }
  .call-affiliate__details {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    column-gap: 2em;
    row-gap: .25em;
    padding-block: .5em;
    padding-inline: 1em;
  }
  .call-affiliate__shop-logo {
    grid-column: 1;
    grid-row: 1;
  }
  .call-affiliate__campaign-message {
    grid-column: 1;
    grid-row: 2;
  }
  .call-affiliate__information {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
  .call-affiliate__information-detail {
    font-size: 13px;
  }
  .call-affiliate__button {
    grid-column: 1 / span 2;
    max-width: 75%;
  }
} */
/* --- for large viewport --- */
/* @media only screen and (min-width: 768px) {
  .call-affiliate__title {
    font-size: 16px;
  }
  .call-affiliate__body {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 1em;
    column-gap: 1em;
  }
  .call-affiliate__cell:has(.call-affiliate__banner) {
    display: none;
  }
  .call-affiliate__details {
    grid-template-columns: 100%;
    justify-content: center;
    row-gap: 1.5em;
    padding-block: 1em;
    padding-inline: 1.5em;
  }
  .call-affiliate__shop-logo {
    padding-inline: 1em;
  }
  .call-affiliate__campaign-message,
  .call-affiliate__information {
    display: none;
  }
  .call-affiliate__information-detail {
    font-size: 14px;
  }
} */