﻿/* 特集ページを作成する際はそのまま流用を 特殊CSS */

/* ============================
   上部ヘッダーだけ非表示
   ============================ */

/* ロゴ・検索・ユーザー情報など（PC/SP共通） */
.header__content-wrapper--primary {
  display: none !important;
}

/* グローバルナビ（PCのメガメニュー） */
.header__content-wrapper--global-nav {
  display: none !important;
}

/* ============================
   下の追従メニューは表示したまま
   ============================ */
   
@media (max-width: 768px) {
.header-primary__hamburger-menu-container {
  display: block !important;
}

/* 念のため bottomNavigationArea も生かす */
#bottomNavigationArea {
  display: flex !important;
}
}

/* ===== ヘッダー非表示 =====
header,
.l-header,
#header,
.global-nav {
  display: none !important;
}
*/

/* PCの詳細検索ボタンを完全に隠す */
.button__advancedsearch--open.pconly {
  display: none !important;
}

/*===== 共通帯非表示 ===== */
.global-header .ticker__list-item {
  display: none !important;
}

/* ===== コンテンツ幅解除 ===== */
main.global-contents .global-contents__inner {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

/* ===== スマホでtblLayoutを完全1カラム化 ===== */
@media (max-width: 768px) {

  #tblLayout {
    width: 100% !important;
    display: block !important;
    border-collapse: collapse !important;
  }

  #tblLayout > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #tblLayout > tbody > tr > td:first-child {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}
/* ===== PCでもtblLayoutを100%にして中央寄せを解除 ===== */
@media (min-width: 1025px) {
  #tblLayout {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #tblLayout > tbody > tr > td {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 左カラムはPCでも不要なら消す */
  #tblLayout > tbody > tr > td:first-child {
    display: none !important;
    width: 0 !important;
  }
}
/* これも流用すること */
/* ここまで特殊、特集ページを作成する際はそのまま流用を */