@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

.custom-table table {
  border: 2px solid #A5D6A7;
  border-collapse: collapse;
}

/* 共通 th */
.custom-table th {
  color: #000;
  background-color: #A5D6A7;
}

/* thead は枠線なし */
.custom-table thead {
  border: none;
}

/* ヘッダー行と本文の罫線 */
.custom-table thead th,
.custom-table tbody td,
.custom-table tbody th {
  border: 1px solid #A5D6A7;
}

/* 見出し行の下線を強調 */
.custom-table thead tr:last-child th {
  border-bottom: solid 2px #66BB66;
}

/* タイトル行 */
.custom-table thead .table-title-row th {
  background-color: #66BB66;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}

/* 左固定（tbody の行見出し列） */
.custom-table tbody th[scope="row"] {
  color: #000;
  background-color: #E8F5E9;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  font-weight: bold;
}