#puchi-notice-bar
{
  position: relative; /* 必要なら fixed に変更可 */
  width: 100%;
  background: var(--puchi-notice-bg, #ffeb3b);
  color: var(--puchi-notice-fg, #000);
  font-weight: 700;
  line-height: 1.5;
  z-index: 900;
}

#puchi-notice-bar .puchi-notice-inner
{
  max-width: var(--max-width-size, 1200px);
  margin: 0 auto;
  padding: 10px 48px; /* 右にボタン分の余白 */
  text-align: center;
  position: relative;
}

#puchi-notice-bar .puchi-notice-text a
{
  text-decoration: underline;
  font-weight: 800;
}

#puchi-notice-bar.is-dismissible .puchi-notice-close
{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: inherit;
  padding: 4px;
}

/* ページ最上部に固定したい場合は以下を有効化
#puchi-notice-bar{
  position: fixed;
  top: 0;
}
body{ padding-top: 48px; } 
*/