@charset "UTF-8";
/* =========================================================
   techblog-base.css
   TECHブログ記事の基本スタイル（ウェビナーページでは読み込まない）
   読み込み：<head>内、blog_layout.css より後ろ
   <link rel="stylesheet" href="https://www.paltek.co.jp/dcms_media/other/techblog-base.css">
   ※従来ヘッダーの<style>に記述していた内容をそのまま移したもの
   ========================================================= */

/* =========================================
   Base
   ========================================= */
/* ブログ全体を囲む枠線を消す */
article {
  padding: 0;
  border-width: 0;
  border-style: none;
}

#articledetail {
  letter-spacing: -0.01em;
}

article#main p {
  line-height: 1.8;
}

#articledetail li:last-child {
  margin-bottom: 0;
}


/* =========================================
   Tables
   ========================================= */
caption {
  margin-bottom: 5px;
  color: #666;
}

#articledetail table th,
#articledetail table td {
  line-height: 1.6;
  padding: 0.7em 1.5em;
  border: 1px solid #e8e8e8;
  text-align: center;
}

#articledetail table thead th {
  background: #0D3780;
  color: white;
}

#articledetail table tbody th {
  background: #f0f8ff;
  font-weight: bold;
  color: #2c3e50;
}

#articledetail table.comparison thead th:first-child,
#articledetail table.comparison tbody th,
#articledetail table.spec-table thead tr:first-child th:first-child,
#articledetail table.spec-table tbody th,
#articledetail table.addressing-table thead th:first-child,
#articledetail table.addressing-table tbody th {
  text-align: left;
}

#articledetail table.comparison thead th {
  width: 20%;
}

#articledetail table.spec-table thead th:first-child,
#articledetail table.addressing-table thead th:first-child {
  width: 25%;
}

#articledetail table.spec-table thead tr:nth-child(2) th {
  width: 37.5%;
}

#articledetail table tbody tr:nth-child(even) {
  background: #fafafa;
}

#articledetail .lp5-table tr.block-start td,
#articledetail .lp5-table tr.block-start th {
  border-top: 2px solid #d0d7e2;
}

#articledetail .cell-br {
  line-height: 1.4;
}

#articledetail .cell-top {
  vertical-align: top;
}

#articledetail .config-inner {
  display: inline-block;
  text-align: left;
}

/*サブカラーテーブル*/

/* table-sub：ヘッダーカラー（青系） */
#articledetail table.table-sub thead th {
  background: #C2DCE3;
  color: #333333 !important;
}

#articledetail table.table-sub tbody th {
  background: #C2DCE3;
  color: #333333 !important;
}

/* table-sub2：ヘッダーカラー（緑系） */
#articledetail table.table-sub2 thead th {
  background: #B2CEC8;
  color: #333333 !important;
}

#articledetail table.table-sub2 tbody th {
  background: #B2CEC8;
  color: #333333 !important;
}

/* td色変更が必要な場合は td-colored を追加 */
#articledetail table.table-sub.td-colored tbody td:first-child {
  background: #C2DCE3;
  color: #333333 !important;
}

#articledetail table.table-sub2.td-colored tbody td:first-child {
  background: #B2CEC8;
  color: #333333 !important;
}