@charset "UTF-8";

/*
 * 店舗ページのキャンペーン告知用（BiNDup のページCSS sansho.css 等の上に重ねる）
 * bind.css の html 指定により 1rem = 14px。
 * BiNDup のページは余白をブロックID（#bk…）ごとに持つため、ID の無いブロックの余白はここで付ける。
 */

.p-campaign {
  & > .column { padding: 0 15px; }
}

.p-campaign-title { color: #ca2020; }

.p-campaign-items {
  padding-inline-start: 1.5em;
  list-style: disc;
}

.p-campaign-info {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25em 1em;
  margin-block: 0.5em;

  & dt { font-weight: bold; }
  & dd { margin: 0; }
}

.p-campaign-pdf {
  margin-block-start: 1em;
  font-weight: bold;

  & a { background-color: #fff2cc; }
}

@media print, screen and (min-width: 642px) {
  .p-campaign > .column { padding: 20px 40px 10px; }
}