@charset "UTF-8";
/* =========================================================
   KOBE SHIN-NAGATA / B2 WORK PAGE SHELL
   Target: page ID 73573 / slug b-2
   Theme: Lightning child (current hyphenated DOM)
========================================================= */

/* テーマ標準のページタイトルとパンくずを隠す */
body.ilchi-kobe-b2-work .page-header,
body.ilchi-kobe-b2-work .vk_pageHeader,
body.ilchi-kobe-b2-work .entry-header,
body.ilchi-kobe-b2-work #breadcrumb,
body.ilchi-kobe-b2-work .breadcrumb,
body.ilchi-kobe-b2-work nav.breadcrumb {
  display: none !important;
}

/* Lightning本文枠を全幅化 */
body.ilchi-kobe-b2-work .site-body {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-kobe-b2-work .site-body-container {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-kobe-b2-work #main-section.main-section,
body.ilchi-kobe-b2-work .main-section {
  display: block !important;
  float: none !important;
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-kobe-b2-work #sub-section,
body.ilchi-kobe-b2-work .sub-section {
  display: none !important;
}

body.ilchi-kobe-b2-work article,
body.ilchi-kobe-b2-work .entry-body,
body.ilchi-kobe-b2-work .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ilchi-kobe-b2-work .iby-page.iby-design-b2 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 作業ページのヒーローをヘッダー直下へ接続 */
body.ilchi-kobe-b2-work .iby-active-hero {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* フッター直前のテーマ由来余白を抑える */
body.ilchi-kobe-b2-work .site-body + .iby-studio-footer,
body.ilchi-kobe-b2-work > .iby-studio-footer {
  margin-top: 0 !important;
}
/* =========================================================
   KOBE B2 / HERO TITLE TWO LINES PC
========================================================= */

@media screen and (min-width: 768px) {

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-hero__copy {
    width: 420px !important;
    max-width: 420px !important;
    padding: 26px 24px !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-hero__title {
    font-size: 28px !important;
    line-height: 1.42 !important;
    white-space: nowrap !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-hero__title strong {
    display: inline !important;
    white-space: nowrap !important;
  }
}
/* =========================================================
   KOBE B2 / HERO SMARTPHONE FINAL
   ヘッダー重なり・説明文の不自然な改行を調整
========================================================= */

@media screen and (max-width: 767px) {

  /* -----------------------------------------
     モバイルヘッダー
  ----------------------------------------- */

  body.page-id-73573 #site-header .site-header-container {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 94px !important;
    padding: 0 48px !important;
    box-sizing: border-box !important;
  }

  body.page-id-73573 #site-header .site-header-logo,
  body.page-id-73573 #site-header .site-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.page-id-73573 #site-header .site-header-logo a,
  body.page-id-73573 #site-header .site-title a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 19px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  body.page-id-73573 .vk-mobile-nav-menu-btn {
    top: 47px !important;
    right: auto !important;
    left: 7px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }

  /* -----------------------------------------
     HEROコピーカード
  ----------------------------------------- */

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-hero
  .wp-block-cover__inner-container {
    padding: 30px 8px 24px !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-hero__copy {
    width: calc(100% - 16px) !important;
    max-width: 350px !important;
    padding: 20px 16px !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-hero__title {
    font-size: 22px !important;
    line-height: 1.42 !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-hero p {
    font-size: 12px !important;
    line-height: 1.75 !important;
    letter-spacing: 0 !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-hero__points {
    margin-top: 14px !important;
  }
}
/* =========================================================
   KOBE B2 / MOBILE HEADER FINAL
   教室名を2行中央・メニューボタンを左へ固定
========================================================= */

@media screen and (max-width: 767px) {

  body.page-id-73573 #site-header {
    position: relative !important;
    width: 100% !important;
    min-height: 96px !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  body.page-id-73573 #site-header .site-header-container {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 96px !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* 教室名の外枠 */
  body.page-id-73573 #site-header .site-header-logo,
  body.page-id-73573 #site-header .site-title,
  body.page-id-73573 #site-header .site-header-logo--default {
    display: block !important;
    width: 100% !important;
    max-width: 270px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: center !important;
  }

  /* 教室名を自然な2行へ */
  body.page-id-73573 #site-header .site-header-logo a,
  body.page-id-73573 #site-header .site-title a,
  body.page-id-73573 #site-header .site-header-logo--default a {
    display: block !important;
    width: 100% !important;
    max-width: 270px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #302820 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
  }

  /* 左上のメニューボタン */
  body.page-id-73573 .vk-mobile-nav-menu-btn {
    position: absolute !important;
    top: 50% !important;
    right: auto !important;
    left: 8px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 9999 !important;
  }
}
/* =========================================================
   KOBE B2 / MOBILE MENU BUTTON POSITION FIX
   メニューボタンをヘッダー左側へ戻す
========================================================= */

@media screen and (max-width: 767px) {

  body.page-id-73573 .vk-mobile-nav-menu-btn {
    position: absolute !important;
    top: 48px !important;
    right: auto !important;
    left: 8px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
  }
}
/* =========================================================
   KOBE B2 / REASON GRID EMPTY ELEMENT FIX
   クラシックエディターが挿入する空のp・brを除外
========================================================= */

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-reason__grid > p,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-reason__grid > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3枚を通常のグリッド位置へ戻す */
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-reason__grid > .iby-active-reason__card {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
}
/* =========================================================
   KOBE B2 / PROGRAM GRID EMPTY ELEMENT FIX
   PCの4ステップを横一列へ戻す
========================================================= */

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-program__steps > p,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-program__steps > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* PC：4項目を横一列 */
@media screen and (min-width: 768px) {

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-program__steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-program__steps > .iby-active-program__step {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }
}
/* =========================================================
   KOBE B2 / VOICE GRID EMPTY ELEMENT FIX
========================================================= */

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-voice__grid > p,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-voice__grid > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-voice__grid > .iby-active-voice__card {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
}
/* =========================================================
   KOBE B2 / FLOW GRID EMPTY ELEMENT FIX
========================================================= */

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-flow__list > p,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-flow__list > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-flow__list > .iby-active-flow__item {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
}
/* =========================================================
   KOBE B2 / SAFE GRID EMPTY ELEMENT FIX
========================================================= */

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-safe__layout > p,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-safe__layout > br,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-safe__box > p,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-safe__box > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-safe__layout > .iby-active-safe__box,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-safe__layout > .iby-active-safe__visual,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-safe__box > .iby-active-safe__item {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
}
/* =========================================================
   KOBE B2 / ACCESS GRID EMPTY ELEMENT FIX
========================================================= */

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-access__layout > p,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-access__layout > br,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-access__info > p,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-access__info > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 電話番号 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-access__card a,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-access__card a:visited {
  color: #c86c24 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
/* =========================================================
   KOBE B2 / CAMPAIGN EMPTY ELEMENT FIX
========================================================= */

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-banners__inner > p:empty,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-banners__inner > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 月間キャンペーンを中央配置 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-banners
.ilchi-monthly-campaign {
  width: 100% !important;
  max-width: 780px !important;
  margin: 34px auto 0 !important;
}

/* ショートコードの外側にpが追加された場合 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-banners__inner > p:has(.ilchi-monthly-campaign) {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================================
   KOBE B2 / KAKUREMINO EMPTY ELEMENT FIX 修正版
========================================================= */

/* 本当に空のpだけを非表示 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-kakuremino-list > p:empty,
body.page-id-73573
.iby-page.iby-design-b2
.iby-kakuremino-list > br,
body.page-id-73573
.iby-page.iby-design-b2
.iby-kakuremino-inner > p:empty,
body.page-id-73573
.iby-page.iby-design-b2
.iby-kakuremino-inner > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 背景画像を包むpを全面表示 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-kakuremino-inner > p:has(> .iby-kakuremino-bg) {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* p内の背景画像 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-kakuremino-inner > p > .iby-kakuremino-bg {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center right !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* =========================================================
   KOBE B2 / KAKUREMINO BACKGROUND IMAGE FIX
========================================================= */

@media screen and (min-width: 901px) {

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-kakuremino-inner {
    position: relative !important;
    min-height: 520px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background: #fff8f1 !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-kakuremino-bg {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;

    object-fit: cover !important;
    object-position: center right !important;

    z-index: 0 !important;
    filter: none !important;
    pointer-events: none !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-kakuremino-inner::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(255, 255, 255, 0.94) 38%,
      rgba(255, 248, 239, 0.48) 66%,
      rgba(255, 248, 239, 0.08) 100%
    ) !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-kakuremino-content {
    position: relative !important;
    z-index: 2 !important;
  }
}
/* =========================================================
   KOBE B2 / TRAINER EMPTY ELEMENT FIX
========================================================= */

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-trainer__card > p:empty,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-trainer__card > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 写真がpで囲まれた場合の余白を解除 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-trainer__photo > p {
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-trainer__photo > p > img {
  display: block !important;
  width: 100% !important;
}
/* =========================================================
   KOBE B2 / INFORMATION CARDS FIX
========================================================= */

/* グリッド内の空要素だけを除外 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-news__grid > p:empty,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-news__grid > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3カードを通常位置へ戻す */
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-news__grid > .iby-active-news__card {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
}

/* ボタンがpで囲まれた場合もカード下部へ固定 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-news__card > p:has(> .iby-active-news__button) {
  width: 100% !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
}

body.page-id-73573
.iby-page.iby-design-b2
.iby-active-news__card > p > .iby-active-news__button {
  width: 100% !important;
  margin: 0 !important;
}
/* =========================================================
   KOBE B2 / INFORMATION 3-COLUMN FIX
========================================================= */

/* グリッド直下に自動挿入されたp・brを除外 */
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-news__grid > p,
body.page-id-73573
.iby-page.iby-design-b2
.iby-active-news__grid > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* PC：3カードを横一列 */
@media screen and (min-width: 768px) {

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-news__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 28px !important;
  }

  body.page-id-73573
  .iby-page.iby-design-b2
  .iby-active-news__grid > .iby-active-news__card {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }
}
/* =========================================================
   KOBE B2 / SECTION GAP FIX
   セクション間に自動挿入された余白を除去
========================================================= */

/* B2ページ全体のブロック間隔を解除 */
body.page-id-73573
.iby-page.iby-design-b2 {
  display: block !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

/* ページ直下に自動挿入されたp・brを非表示 */
body.page-id-73573
.iby-page.iby-design-b2 > p,
body.page-id-73573
.iby-page.iby-design-b2 > br {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
}

/* 各セクション外側の余白を解除 */
body.page-id-73573
.iby-page.iby-design-b2 > section,
body.page-id-73573
.iby-page.iby-design-b2 > div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}