@charset "utf-8";
/*------------------------------------------------------------
 ssf-extra.css — SSF（ssf.kasamart.jp）専用の追加スタイル
------------------------------------------------------------
 2026-09-18 作成。
 これまで SSF は `common2020_ssf.css`（= common2020.css の古いコピー）を
 読み込んでいたが、603セレクタのうち601が common2020.css と同一で、
 **SSF独自は下記2件だけ**だった。二重管理をやめ、SSF も本番と同じ
 `_tokens.css` + `common2020.css` を読み、差分だけをこのファイルで足す。

 読み込み順（SSF の <head>）:
   _tokens.css  →  common2020.css  →  ssf-extra.css
------------------------------------------------------------*/

/* ① 見出しの装飾（SSFの固定文書ページ用。本番テーマ側には無い指定） */
.title_middle_gray,
.post_area h2:not(.title_middle_blue),
.post_area h3:not(.title_middle_blue) {
  font-size: 2.1rem !important;
  color: #004b9e;
  background: #eaeaea;
  padding: 20px;
  margin: 60px 0 40px;
  border-radius: 10px;
}
@media screen and (max-width: 812px) {
  .title_middle_gray,
  .post_area h2:not(.title_middle_blue),
  .post_area h3:not(.title_middle_blue) {
    font-size: 1.6rem !important;
    padding: 10px;
    margin: 30px 0 20px;
    border-radius: 5px;
  }
}

/* ② 商品カテゴリナビの一部項目だけ上余白を足す（SSF独自） */
#header2020 .pc .nav_product > ul > li.ondemand > a,
#header2020 .pc .nav_product > ul > li.case > a,
#header2020 .pc .nav_product > ul > li.bagcase > a {
  padding-top: 45px;
}
