/* ========================================
   embed-mode: iframe埋め込み時のみ非表示
   ?embed=true パラメータ + iframe内でのみ発動
   通常アクセスには一切影響なし
   ======================================== */

/* ❶ ヘッダー・フッター・バーガーメニューを非表示 */
.embed-mode .main-header,
.embed-mode header,
.embed-mode .burger-menu,
.embed-mode .site-footer,
.embed-mode footer {
  display: none !important;
}

/* ❶ サイドバーを非表示 */
.embed-mode aside.column-sidebar,
.embed-mode .right-sidebar,
.embed-mode .how_to .left_menu {
  display: none !important;
}

/* ❹ 右下の検索ボタン・折りたたみボタンを非表示 */
.embed-mode #consultButtonWrapper,
.embed-mode .consult-fixed-button,
.embed-mode .consult-collapse-btn,
.embed-mode #collapseConsult {
  display: none !important;
}

/* h1エリア: margin-topをリセットして上部固定を維持 */
.embed-mode .page_name {
  margin-top: 0px !important;
  position: fixed !important;
  top: 0px !important;
  width: 100% !important;
  z-index: 10000 !important;
  background-color: #E70012 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* qanda_block_header（パンくず＋検索）をh1直下に追尾固定 */
.embed-mode .qanda_block_header {
  position: fixed !important;
  top: 60px !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9998 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* wrapper: padding-top調整 */
.embed-mode .wrapper {
  display: flex !important;
  position: relative !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  padding-top: 175px !important;
  padding-bottom: 20px !important;
}

/* column-wrapper: サイドバー消えた分を全幅に */
.embed-mode .column-wrapper {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  max-width: 1550px !important;
  padding: 0 20px !important;
  gap: 20px !important;
  position: relative !important;
}

/* content-mainを全幅に */
.embed-mode .content-main,
.embed-mode .column-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: unset !important;
}

/* body・html のリセット */
.embed-mode body,
.embed-mode html {
  padding-top: 0 !important;
  margin-top: 0 !important;
}