/* --- フロント共通 --- */
.has-framed-border {
    border: solid 1px #0F1524;
    border-radius: 10px;
    padding: 2.5rem;
    /* 角丸と子要素のはみ出し対策（画像など） */
    overflow: hidden;
    width: 100%;
}

/* === 共通：枠線ベース === */
.wp-block-group.has-framed-border,
.wp-block-group.is-style-framed-border {
  border: solid 1px #0F1524;
  border-radius: 10px;
  padding: 2.5rem;
  box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}


/* === 角丸20pxバージョン === */
.wp-block-group.has-framed-border-radius20,
.wp-block-group.is-style-framed-border-radius20 {
  border: solid 1px #0F1524;
  border-radius: 20px;
  padding: 30px 90px 30px 30px;
  box-sizing: border-box;
    overflow: hidden;
    width: 100%;  
}



/* 編集画面でも同じ見た目 */
.editor-styles-wrapper .wp-block-group.has-framed-border,
.editor-styles-wrapper .wp-block-group.is-style-framed-border {
  border: solid 1px #0F1524;
  border-radius: 10px;
  padding: 2.5rem;
  box-sizing: border-box;
    overflow: hidden;  
}
.editor-styles-wrapper .wp-block-group.has-framed-border-radius20,
.editor-styles-wrapper .wp-block-group.is-style-framed-border-radius20 {
  border: solid 1px #0F1524;
  border-radius: 20px;
  padding: 30px 90px 30px 30px;
  box-sizing: border-box;
    overflow: hidden;  
}


/* --- ブロックエディタ用（iframe内）--- */
.editor-styles-wrapper .has-framed-border {
    border: solid 1px #0F1524;
    border-radius: 10px;
    padding: 2.5rem;
    overflow: hidden;
}

/* 選択時のアウトラインが枠線と重なって見づらい場合の軽微な調整（任意） */
.block-editor-block-list__block.is-selected .has-framed-border {
    outline-offset: 2px; /* 既定のアウトラインを少し外にずらす */
}


/*スマホ版*/
@media (max-width: 768px) {
    .wp-block-group.has-framed-border-radius20,
    .wp-block-group.is-style-framed-border-radius20,
    .editor-styles-wrapper .wp-block-group.has-framed-border-radius20,
    .editor-styles-wrapper .wp-block-group.is-style-framed-border-radius20 {
        padding: 20px;
        border-radius: 10px;
    }
}