/*
Theme Name:     Type-B CP2
Theme URI:      
Description:    WordPress のテーマ「Type-B」のカラーバリエーションです。
Author:         コニカミノルタ情報システム
Author URI:     
Template:       type_b_cp1
Version:        1.0
*/

/* =========================================================
   【トップページ】お知らせ（ul.top-news）
   旧サイト準拠・親テーマ cp.css の補完
========================================================= */

/* ULの余白・行頭記号をリセット */
body#index #mainContentsArea ul.top-news {
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}

/* 各行レイアウト（左に▶アイコン、右に日付＋タイトル） */
body#index #mainContentsArea ul.top-news li {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 8px 8px 8px 20px; /* 左20pxはアイコン分 */
  border-bottom: 1px solid #c7cfea;
}

/* ▶アイコン */
body#index #mainContentsArea ul.top-news li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 10px;
  width: 5px;
  height: 5px;
  background: url('/wp/wp-content/themes/type_b_cp2/img/arrow_02.gif') no-repeat center;
  background-size: contain;
}

/* 日付 */
body#index #mainContentsArea ul.top-news .news-date {
  color: #333;
  white-space: nowrap;
  padding-right: 18px;
  min-width: 90px;
}

/* タイトル */
body#index #mainContentsArea ul.top-news .news-title a {
  color: #1633c5;
  text-decoration: none;
}
body#index #mainContentsArea ul.top-news .news-title a:hover {
  text-decoration: underline;
}

/* サイドバーのウィジェットを箇条書きにしない */
#sideMenuArea,
#sideMenuArea ul,
#sideMenuArea li{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ブラウザのmarkerやテーマの::beforeで入る点を保険で無効化 */
#sideMenuArea li::marker { content: none; }
#sideMenuArea li::before { content: none !important; }


/* =========================================================
   【下層ページ】「お知らせ」一覧（category-news.php）
   旧テーマ cp.css / basic.css 準拠デザイン再現
========================================================= */

/* 各行 */
#category #mainContentsArea ul.top-news li {
  position: relative;
  display: flex;
  align-items: baseline;
  padding: 10px 8px 10px 22px;
  border-bottom: 1px solid #c7cfea;
}

/* 日付（下層ページ：トップと統一） */
#category #mainContentsArea ul.top-news .news-date {
  color: #333;
  white-space: nowrap;
  padding-right: 18px;  /* トップと同じ余白 */
  min-width: 90px;      /* トップと統一 */
  flex: 0 0 auto;       /* 自動幅確保（デザイン保持） */
}

/* タイトル */
#category #mainContentsArea ul.top-news .news-title a {
  color: #1633c5;
  text-decoration: none;
}
#category #mainContentsArea ul.top-news .news-title a:hover {
  text-decoration: underline;
}

/* ページネーション */
#category .pagination,
#category .nav-links {
  text-align: right;
  margin-top: 15px;
}

/* ===========================
   お知らせ一覧（カテゴリ）2カラム安定化
   =========================== */

/* 親ラッパーは通常フロー＋clearfix */
#category .contentswrapper{
  display: block !important;
  overflow: visible !important;
}
#category .contentswrapper::after{
  content:"";
  display: table;
  clear: both;
}

/* 画面が狭い時だけ縦積み（任意） */
@media (max-width: 780px){
  #category #mainContentsArea{
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
  }
  #category #sideMenuArea{
    float: none !important;
    width: auto !important;
    margin-top: 20px;
  }
}

/* お知らせ一覧のページャーを左右端に配置 */
#category .pager-split{
  display: flex !important;           /* 既存の display を上書き */
  justify-content: space-between;     /* 左右端に振り分け */
  align-items: center;
  width: 100%;
  margin: 14px 0 0;
  text-align: initial !important;      /* 既存の text-align 右寄せを打ち消し */
}
#category .pager-split .pager-prev,
#category .pager-split .pager-next{
  flex: 1 1 0;
}
#category .pager-split .pager-prev{ text-align: left; }
#category .pager-split .pager-next{ text-align: right; }

/* 既存の float や inline 指定を無効化（テーマやプラグイン保険） */
#category .pager-split a{
  float: none !important;
  display: inline-block;
}

/* =============================
   下層ページに対しての追加
   ============================= */

/* ===== 下層：お知らせ一覧（カテゴリ） ===== */
#category #mainContentsArea ul.top-news {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: none;                /* 太線は付けない */
}
#category #mainContentsArea ul.top-news li {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 10px 8px 10px 22px;
  border-bottom: 1px solid #c7cfea;
}
#category #mainContentsArea ul.top-news li::before {
  content: "";
  position: absolute;
}
#category #mainContentsArea ul.top-news .news-date {
  color: #333;
  white-space: nowrap;
  padding-right: 18px;      /* トップと揃える */
  min-width: 90px;          /* トップと統一 */
  flex: 0 0 auto;
}
#category #mainContentsArea ul.top-news .news-title a {
  color: #1633c5;
  text-decoration: none;
}
#category #mainContentsArea ul.top-news .news-title a:hover {
  text-decoration: underline;
}

/* ===== 下層：2カラム（カテゴリページ） ===== */
#category .contentswrapper { display: block; overflow: visible; }
#category .contentswrapper::after { content: ""; display: table; clear: both; }

#category #sideMenuArea { float: right; width: 213px; }   /* サイド固定幅 */
#category #mainContentsArea {
  float: left;
  margin-right: 20px;                         /* サイドとの余白 */
  width: calc(100% - (213px + 20px));         /* = 100% - 233px */
}

/* レスポンシブ（任意） */
@media (max-width: 780px) {
  #category #sideMenuArea { float: none; width: auto; margin-top: 20px; }
  #category #mainContentsArea { float: none; width: auto; margin-right: 0; }
}

/* ===== 下層：ページャ左右配置 ===== */
#category .pager-split {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 14px 0 0;
  text-align: initial;
}
#category .pager-split .pager-prev { text-align: left; }
#category .pager-split .pager-next { text-align: right; }
#category .pager-split a { color: #1633c5; text-decoration: none; }
#category .pager-split a:hover { text-decoration: underline; }




/* =============================
   光シールについて（完全差し替え・足し算なし）
   旧サイト準拠：合計620px（295px×2 + 30px）
   左：ビジネスパートナー ／ 右：先輩の声
   ============================= */

/* ラッパー全体 */
body#index #mainContentsArea .column2Block {
  overflow: visible !important;
}

/* 内包ラッパー（captionUnitなど） */
body#index #mainContentsArea .column2Block > .captionUnit,
body#index #mainContentsArea .column2Block > div.captionUnit {
  width: 620px !important;
  margin: 0 auto;
  overflow: hidden;
}

/* 左右カラム配置：左＝ビジネスパートナー、右＝先輩の声 */
body#index #mainContentsArea .column2Block > .captionUnit > .leftColumn,
body#index #mainContentsArea .column2Block > .captionUnit > .floatL,
body#index #mainContentsArea .column2Block > div.captionUnit > .leftColumn,
body#index #mainContentsArea .column2Block > div.captionUnit > .floatL {
  float: right !important;        /* ← 右に配置：先輩の声 */
  width: 295px !important;
  margin-left: 30px;              /* 中央の余白 */
}

body#index #mainContentsArea .column2Block > .captionUnit > .rightColumn,
body#index #mainContentsArea .column2Block > .captionUnit > .floatR,
body#index #mainContentsArea .column2Block > div.captionUnit > .rightColumn,
body#index #mainContentsArea .column2Block > div.captionUnit > .floatR {
  float: left !important;         /* → 左に配置：ビジネスパートナー */
  width: 295px !important;
  margin-right: 0;
}

/* カラム内要素は縦積み・幅いっぱい */
body#index #mainContentsArea .column2Block .captionUnit .leftColumn > *,
body#index #mainContentsArea .column2Block .captionUnit .rightColumn > *,
body#index #mainContentsArea .column2Block .captionUnit .floatL > *,
body#index #mainContentsArea .column2Block .captionUnit .floatR > * {
  display: block !important;
  float: none !important;
  width: 100% !important;
}

/* 画像は枠いっぱいにフィット */
body#index #mainContentsArea .column2Block .captionUnit img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* トップに戻る動き */
html { scroll-behavior: smooth; }