/*!***************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/style.css ***!
  \***************************************************************************************************************************************************************************/
/* =====================================================
   Aurora Design Blocks : Custom Cover
   ・背景だけを疑似的に全幅表示
   ・中身は既存レイアウト（中央カラム）を維持
   ===================================================== */

/* 本体：レイアウトには従う */
.wp-block-aurora-design-blocks-custom-cover {
  position: relative;
  width: 100vw;
  padding-top: 0.25em;
  padding-bottom: 2em;
  box-sizing: border-box;
}

/* 背景だけを viewport 幅に拡張 */
.wp-block-aurora-design-blocks-custom-cover.has-background::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;

  /* 親中央 - viewport半分 - 親の左右padding */
  left: calc(50% - 50vw - var(--ly-widthPadding));
  width: calc(100vw + (var(--ly-widthPadding) * 2));

  background: inherit;
  z-index: -1;
}

/* 中身はそのまま中央 */
.wp-block-aurora-design-blocks-custom-cover .inner-container {
  max-width: var(--ly-content-max-width);
  margin-inline: auto;
  padding-inline: 1.2em;
}

@media (max-width: 768px) {
  .wp-block-aurora-design-blocks-custom-cover .inner-container {
    padding-inline: 1.2em;
  }
}


/*# sourceMappingURL=style-index.css.map*/