/***********ブロックエディタのセクション********/
/*********************************/
/*********************************/
/*-------------タブブロック----------*/
.wp-block-aurora-design-blocks-tab-block .tabs-navigation {
  border-bottom: 2px solid #000;
  background: #fff;
  margin-top: var(--ly-elementTopMarginSmall);
}

/* 現在指している所のスタイル */
.wp-block-aurora-design-blocks-tab-block .tabs-navigation li.active {
  background: #000;
  border-radius: 10px 10px 0 0;
  /* 角丸の半径 */
  padding-left: 2em;
  padding-right: 2em;
  /* 左右にパディングを追加している */
  color: #fff;
  border: none;
}

/* 現在指していない所のスタイル */
.wp-block-aurora-design-blocks-tab-block .tabs-navigation li {
  background: #eee;
  border-radius: 10px 10px 0 0;
  cursor: pointer;
  padding: 0.5em 2em;
  margin-left: 5px;
}

/* タブ全体を囲む線を消している */
.wp-block-aurora-design-blocks-tab-block.tabs {
  border: none;
}

/* タブナビの縦幅を狭くしている */
.wp-block-aurora-design-blocks-tab-block ul.tabs-navigation {
  line-height: 1;
}

/* タブナビの上にマージンをつけている */
.wp-block-aurora-design-blocks-tab-block
  .aurora-design-blocks-tabs
  .tabs-navigation {
  margin-top: 30px;
}

.wp-block-aurora-design-blocks-tab-block
  .aurora-design-blocks-tabs-block
  .block-editor-default-block-appender
  .block-editor-inserter {
  margin-top: 25px;
  /* デフォルトの追加ボタンの位置を下げている */
}

.wp-block-aurora-design-blocks-tab-block.aurora-design-blocks-tabs {
  border: 1px solid #eee;
  padding: 0 2em;
  /* タブを線で囲んでいる */
}

.wp-block-aurora-design-blocks-tab.tab a {
  word-break: break-all;
  overflow-wrap: break-word;
  /* urlをコンテンツに応じて折り曲げている */
}

.wp-block-aurora-design-blocks-tab-block .wp-block-column {
  padding-left: 2em;
  padding-right: 2em;
  /* カラムレイアウトにパディングを追加している */
}

.aurora-design-blocks-tabs .ly_site_content_main .wp-block-columns {
  padding: 0;
}

/*********************************/
/*********************************/
/******コンテンツ内スライダー********/
.wp-block-aurora-design-blocks-slider-block .wp-block-columns {
  padding: 0px 20px;
  /* コンテンツ内スライダーのパディング */
}

.wp-block-aurora-design-blocks-slider-block.blockSliders .wp-block-columns {
  border-radius: 20px;
  /* コンテンツ内スライダーの角を丸く */
}

/* .aurora-design-blocks-tabs-block .block-editor-button-block-appender {
  width: 800px;
  
  position: relative;
  margin-top: 100px;
  z-index: -1;
} */

/*********************************/
/*********************************/
/******吹き出し画像********/
.aurora-design-blocks-speech-bubble figure.speech-bubble__image {
  flex-basis: 10%;
  min-width: 95px;
  /* これ以下にならない */
}

/*********************************/
/*********************************/
/******全幅ブロック********/
/* 背景色にパディング */
.wp-block-aurora-design-blocks-custom-cover {
  padding-top: .25em;
  padding-bottom: 2em;
}

/* 背景色のついた全幅ブロックコンテンツにパディングを付与 */
.wp-block-aurora-design-blocks-custom-cover.alignfull.has-background .wp-block-column {
  padding: 0 1.2em;
}

/* 背景色のついた全幅ブロックからパディングを消す */
.wp-block-aurora-design-blocks-custom-cover.alignfull.has-background .wp-block-columns {
  padding: 0;
}

@media (max-width: 768px) {
  /******吹き出し画像********/
  .aurora-design-blocks-speech-bubble figure.speech-bubble__image {
    flex-basis: 10%;
    min-width: 55px;
  }

  /* 背景色のついた全幅ブロックコンテンツにマージンを付与 */
  .wp-block-aurora-design-blocks-custom-cover.alignfull.has-background .wp-block-columns .wp-block-column {
    margin: 0 1.2em;
  }

  /* 背景色のついた全幅ブロックタイトルにパディングを付与 */
  .wp-block-aurora-design-blocks-custom-cover.alignfull.has-background h2,
  .wp-block-aurora-design-blocks-custom-cover.alignfull.has-background h3,
  .wp-block-aurora-design-blocks-custom-cover.alignfull.has-background h4,
  .wp-block-aurora-design-blocks-custom-cover.alignfull.has-background h5 {
    padding: 0 1.2em !important;
  }
}
