/* ==========================================================
   UTILITIES（補助・レスポンシブ）
========================================================== */

/* ==========================================================
   LAYOUT（レイアウト・レスポンシブ）
========================================================== */

/* デバイス別改行 */
.br-item { display:none; }
@media (max-width:767px){ .sp-br { display:inline; } }
@media (min-width:768px) and (max-width:1024px){ .tb-br { display:inline; } }
@media (min-width:1025px){ .pc-br { display:inline; } }

/* レスポンシブカラム */
/* カラムの表示列数制御 SP〜タブレット1列 */
@media (max-width: 1023px) {
  .responsive-column {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* tb-stack */
@media (max-width: 960px){
  .tb-stack {
    flex-direction: column !important;
  }
  .tb-stack > .wp-block-column {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* 表示制御 */
/* --------- スマホのみ表示 --------- */
.sp-only {
  display: none !important;
}
@media (max-width: 767px) {
  .sp-only {
    display: block !important;
  }
}

/* --------- タブレットのみ表示 --------- */
.tb-only {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tb-only {
    display: block !important;
  }
}

/* --------- PCのみ表示 --------- */
.pc-only {
  display: none !important;
}
@media (min-width: 1025px) {
  .pc-only {
    display: block !important;
  }
}

/* --------- スマホで非表示 --------- */
.sp-hide {
  display: block !important;
}
@media (max-width: 767px) {
  .sp-hide {
    display: none !important;
  }
}

/* --------- タブレットで非表示 --------- */
.tb-hide {
  display: block !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tb-hide {
    display: none !important;
  }
}

/* --------- PCで非表示 --------- */
.pc-hide {
  display: block !important;
}
@media (min-width: 1025px) {
  .pc-hide {
    display: none !important;
  }
}



/* カラム余白削除 */
/* SWELLのカラムの下に強制的に入るマージンを消す
 * Spiritual Healingページの文章で使いました
 */
.swell-block-columns.no-columns-mg{
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}

/* SPカラム余白削除 */
/* 縦積みになったカラムの余白も消す */
@media (max-width: 767px){
  .swell-block-columns.no-sp-mb,
  .swell-block-columns.no-sp-mb .wp-block-column{
    margin-bottom: 0 !important;
  }
}