@charset "utf-8";

/*
 * 科学ページの広告出し分け（テーマ側で管理）
 *
 * このファイルはコーディングデータ（assets/css/kagaku.css および
 * assets/src/sass/** ）に含まれない、テーマ側で追加したスタイル。
 * kagaku.css / kagaku.scss はコーダー支給物で、支給のたびに丸ごと差し替わり
 * こちらの追記が巻き戻るため、あえて別ファイルに分離している。
 * 読み込みは inc/head/parts-getstyle.php で kagaku.css の直後に行う。
 *
 * 修正・追加する場合もコーディングデータ側には書かないこと。
 */

/*
 * タブレット帯（600〜1023px）の広告出し分け。
 * 縦長広告(type c) と 本文下バナー(f/g) を非表示にする（上部 a はPC用のまま、b/d/e も表示のまま）。
 *
 * PC専用枠は sp_none クラスで出し分けているが、これを消しているのは
 * style_sp.css（media="max-width: 599px" でしか読み込まれない）だけで、
 * 600px 以上はすべてPC扱いになりタブレット帯を消す仕組みがない。ここで補う。
 *
 * 上限を 1023px にしているのは kagaku.css のタブレット帯レイアウトに合わせたもの。
 * 1024px 以上（iPad 横向き・iPad Pro 12.9" 縦）はCSSではPCと区別できないため対象外＝
 * PCと同じく c/f/g が表示される。
 *
 * .wrapper--kagaku（my_get_wrapper_class() が科学トップにのみ付与）で絞っている。
 * このファイルは下層ページにも読み込まれるが、下層は viewport が width=1280 のままで
 * このメディアクエリが発動しないうえ、レイアウトも異なり該当要素を持たないため対象外。
 */
@media screen and (max-width: 1023px) {
  /* サイドバー下の type c（300×250 または 300×600・PC専用の sp_none 枠） */
  .wrapper--kagaku .b-kagaku-sidebar .pr.pr02 > .sp_none {
    display: none;
  }

  /* 本文下バナー f/g（自由サイズ2列・PC専用の sp_none 枠） */
  .wrapper--kagaku .inner02 .pr.col_02.sp_none {
    display: none;
  }
}

/*
 * サイドバー下の広告枠（C・D・E / inc/aside/parts-bnr_bottom.php）の上マージン打ち消し。
 * 当該ブロックは共通ユーティリティ .mtm（common.css の margin-top:45px !important）を持つが、
 * 科学ページのサイドバーは flex の gap（PC 40px / タブレット・SP 24px）で間隔を取っているため、
 * gap + 45px の二重取りになり間隔が広すぎる。他ページの sidebar.php は gap を持たず
 * 45px 単独で成立しているので、.mtm 自体は外さず科学ページ限定で打ち消す。
 */
.b-page-kagaku .b-kagaku-sidebar .pr.pr02 {
  margin-top: 0 !important;
}