/* DOKODEMO_ABISU-757 【株式会社A&C】③「イベント情報」カスタムコンテンツの作成（A&Cテクノハウス）TOPページ */

  /* 本番・編集画面共通 */

  /* 置換用ラッパーdivをレイアウト上「無いもの」として扱う */
  .up-d-replace-wrap {
    display: contents;
  }

  /* fix_naviのイベント情報ボタンの背景色（nth-child(2)がずれるため再指定） */
  #fix_navi ul > div > li > a {
    background-color: #b3c0b7;
  }

  /* 編集画面のみ */
  
  /* display:contentsにしたラッパーdiv自体のラベルを非表示（ページ上部に飛ぶため） */
  .up-d-replace-wrap[data-headless-selector*="replace"]::before {
    display: none;
  }

  /* 中のliを既存の置換要素と同じ見た目にする */
  .up-d-replace-wrap[data-headless-selector*="replace"] > li {
    position: relative;
    padding-top: 30px;
    box-shadow: 0 0 0 1.5px #808000;
  }

  /* fix_naviはラベルをボタンに重ねて高さを揃える */
  #fix_navi .up-d-replace-wrap[data-headless-selector*="replace"] > li {
    padding-top: 0;
  }

  /* 既存の「置換コンテンツ」ラベルと同じ指定 */
  .up-d-replace-wrap[data-headless-selector*="replace"] > li::before {
    content: "置換コンテンツ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #808000;
    z-index: 10000;
    white-space: nowrap;
  }