/* =====================================
   SMRJヘッダー用 既存レイアウト調整CSS
   ===================================== */

/*
 * このファイルは、SMRJヘッダー（smrj-common-header）を追加したページで、
 * 既存コンテンツとの位置関係を調整するためのものです。
 * 
 * 【使用方法】
 *   SMRJヘッダーを使用する読み込み元ファイルで、このCSSファイルをlinkタグで読み込んでください。
 * 
 * 【調整内容】
 *   1. 既存ヘッダー（.ly_header）の位置を下げる
 *   2. コンテンツエリアの上部余白を調整（ページ種類により異なる）
 */


/* =====================================
   1. 既存ヘッダーの位置調整
   ===================================== */

/* PC版：既存ヘッダーをSMRJヘッダー分下げる（50px） */
.ly_header header,
.ly_header.is_follow header {
  top: 50px;
}

/* SP版：既存ヘッダーをSMRJヘッダー分下げる（37px） */
@media (max-width: 767px) {
  .ly_header header,
  .ly_header.is_follow header {
    top: 37px;
  }
}


/* =====================================
   2. コンテンツエリアの余白調整
   ===================================== */

/* 
 * pg_genListページ用（tools.html、nsmn440000000djr.html、nsmn440000000c2s.html など）
 * コンテンツが既存ヘッダーの下から始まるページでは、
 * SMRJヘッダー分の余白を追加してコンテンツがかぶらないようにする
 */
.pg_genList .ly_contents {
  padding-top: 50px; /* PC: SMRJヘッダーの高さ分 */
}

@media (max-width: 767px) {
  .pg_genList .ly_contents {
    padding-top: 37px; /* SP: SMRJヘッダーの高さ分 */
  }
}