@charset "UTF-8";

/*===================================================
# aboutページ（『BIO Men’s clinicについて』のページ）のスマホ表示時のファーストビューの下部余白を調整（こちらのページのみタイトルが2行なので、その分高さをプラスする形）
=================================================== */

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

.pg_about .ly_lowerFv {
max-height: 524px;
aspect-ratio: 428 / 524;
}

}

/*===================================================
# TOPページ＆施術メニュー一覧ページの『お悩みから探す』タブクリック時の、ボックスの中身のターム＆記事タイトルの、スマホ時レイアウトを揃えるための追加記述
=================================================== */

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

  .ly_menus_wrap[data-content=worries] .ly_menus_group:nth-of-type(3n + 1) { 
      text-align: center;
      }

  .ly_menus_wrap[data-content=worries] .ly_menus_group:nth-of-type(n + 2) { 
    text-align: center;
    }

  .el_menus_item { 
    width: fit-content;
    margin-inline: auto;
    }
    }


/*===================================================
# 各投稿詳細ページの、テーブルのスマホ時（ワンカラムになった時）のborder-topの重なりを防ぐ記述 
=================================================== */

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

      .el_edit .wp-block-table tr:nth-of-type(n + 2) td { /* 施術メニュー投稿詳細記事ページの『施術の詳細情報を見る』部分のクリックで出現するテーブル */
    border-top: none;
  }

    .el_edit .ly_info_tableWrap .wp-block-table td:nth-of-type(n + 2) { /* 施術メニュー投稿詳細記事ページの『基本情報』テーブル */
        border-top: none;
    }

        .pg_campaignSingle .el_edit .wp-block-flexible-table-block-table tr td { /* キャンペーン投稿詳細記事ページのテーブルのtd */
        border-top: none;
      }

      .pg_campaignSingle .el_edit .wp-block-flexible-table-block-table tr:nth-of-type(n + 2) th {/* キャンペーン投稿詳細記事ページのテーブルのth */
    border-top: none; 
  }

      .pg_column .el_edit .wp-block-flexible-table-block-table tr td { /* ブログ投稿詳細記事ページのテーブルのtd */
        border-top: none;
    }

    .pg_column .el_edit .wp-block-flexible-table-block-table tr:nth-of-type(n + 2) th { /* ブログ投稿詳細記事ページのテーブルのth */
    border-top: none;
}

      .pg_recruitSingle .el_edit .wp-block-flexible-table-block-table tr td { /* 採用情報投稿詳細記事ページのテーブルのtd */
        border-top: none;
    }

    .pg_recruitSingle .el_edit .wp-block-flexible-table-block-table tr:nth-of-type(n + 2) th { /* 採用情報投稿詳細記事ページのテーブル */
    border-top: none;
}

    }

  
/*===================================================
# 施術メニュー投稿詳細記事ページの『施術の詳細情報を見る』部分のクリックで出現するテーブルのメディアクエリを390px→392px②変更（iPhone最新機種の16で対応できるように
=================================================== */

  @media screen and (max-width: 392px) { /* 390px→392pxに修正（最新機種のiPhone16【392px】にも対応できるように） */
  .ly_menu .el_edit .wp-block-table td:nth-of-type(1) {
    padding: 8px 8px 10px;
  }
}

@media screen and (max-width: 392px) { /* 390px→392pxに修正（最新機種のiPhone16【392px】にも対応できるように） */
  .js_details2 + .wp-block-table td:nth-of-type(1) {
    padding: 8px 8px 10px;
  }
}