@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
*/

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




/*標準ページ*/


 .article h2 {
    position: relative;
    background: #008000;
    box-shadow: 0px 0px 0px 5px #008000;
	 padding: 0.5em 0.5em;
  }
  

.article h3 {
    position: relative;
    background:#F2F9F2;
    /*border: dashed 0px white;*/
    /*padding: 0.2em 0.5em;*/
    color: #008000;
  }
  







/*固定ページ（トップページカスタマイズ）*/
/*フロント固定ページのタイトルを非表示*/ .home.page .entry-title{ display: none; } /*フロント固定ページのシェアボタンを非表示*/ .home.page .sns-share{ display: none; } /*フロント固定ページのフォローボタンを非表示*/ .home.page .sns-follow{ display: none; } /*フロント固定ページの投稿日を非表示*/ .home.page .post-date{ display: none; } /*フロント固定ページの更新日を非表示*/ .home.page .post-update{ display: none; } /*フロント固定ページの投稿者名を非表示*/ .home.page .author-info{ display: none; }




















































/* ①カスタムテーブルCT専用----------------------------------------------------------------------------- */

/* 表の外枠線 */
.custom-table table {
    border: 2px solid #7FBF7F;
    border-collapse: collapse;
}

/* ヘッダーセルの文字色・背景色 */
.custom-table th {
  color: #000000;
  background-color: #D9EDD9;
}

/* ヘッダーラベル下のデフォルト線を削除 */
.custom-table thead {
    border: none;
}

/* 表の各セルの枠線 */
.custom-table thead th,
.custom-table tbody td {
    border: 1px solid #7FBF7F;
}

/* ヘッダーラベル下の枠線 */
.custom-table thead th {
    border-bottom: solid 2px #5E7F59;
}

/* 偶数行に着色、奇数行は白 */
.custom-table tr:nth-child(odd) {
    background: #F2F9F2;
}

.custom-table tr:nth-child(even) {
    background: #fff;
}



/* テーブル（表）の設定 */
.custom-table {
    overflow: scroll;
}


/* 左端の列の固定 */
.custom-table tbody tr td:first-of-type { 
    color: #000000;
    background-color: #D9EDD9; /* 見出しの背景色を指定 */ 
    position: -webkit-sticky; 
    position: sticky; 
    left: 0; 
    z-index: 2;
}












































/* ②カスタムテーブルCT2専用----------------------------------------------------------------------------- */


/* 表の外枠線 */

.custom-table2 table {
    border: 2px solid #7FBF7F;
    border-collapse: collapse;
}

/* ヘッダーセルの文字色・背景色 */

.custom-table2 th {
  color: #000000;
  background-color: #D9EDD9;
}

/* ヘッダーラベル下のデフォルト線を削除 */

.custom-table2 thead {
    border: none;
}

/* 表の各セルの枠線 */

.custom-table2 thead th,
.custom-table2 tbody td {
    border: 1px solid #7FBF7F;
}

/* ヘッダーラベル下の枠線 */

.custom-table2 thead th {
    border-bottom: solid 2px #5E7F59;
}

/* 偶数行に着色、奇数行は白 */

.custom-table2 tr:nth-child(odd) {
    background: #F2F9F2;
}

.custom-table2 tr:nth-child(even) {
    background: #fff;
}


/* テーブル（表）の設定 */

.custom-table2 {
    overflow: scroll;
}
















































/* ②-2カスタムテーブルCT2改良CT-bp専用----------------------------------------------------------------------------- */


/* 表の外枠線 */

.custom-table-bp table {
    border: 2px solid #7FBF7F;
    border-collapse: collapse;
}

/* ヘッダーセルの文字色・背景色 */

.custom-table-bp th {
  color: #000000;
  background-color: #D9EDD9;
}

/* ヘッダーラベル下のデフォルト線を削除 */

.custom-table-bp thead {
    border: none;
}

/* 表の各セルの枠線 */

.custom-table-bp thead th,
.custom-table-bp tbody td {
    border: 1px solid #7FBF7F;
}

/* ヘッダーラベル下の枠線 */

.custom-table-bp thead th {
    border-bottom: solid 2px #5E7F59;
}

/* 行は白 */

.custom-table-bp tr:nth-child(odd) {
    background: #fff;
}

.custom-table-bp tr:nth-child(even) {
    background: #fff;
}


/* テーブル（表）の設定 */

.custom-table-bp {
    overflow: scroll;
}

/* 2列目のセルだけ背景色を変更 */
.custom-table-bp td:nth-child(2),
.custom-table-bp th:nth-child(2) {
    background-color: #E6F5E6;
}

/* 5列目のセルだけ背景色を変更 */
.custom-table-bp td:nth-child(5),
.custom-table-bp th:nth-child(5) {
    background-color: #E6F5E6;
}













































/* ③カスタムテーブルCT-list専用----------------------------------------------------------------------------- */

/* 表の外枠線 */

.custom-table-list table {
    border: 2px solid #7FBF7F;
    border-collapse: collapse;
}

/* ヘッダーセルの文字色・背景色 */

.custom-table-list th {
  color: #000000;
  background-color: #D9EDD9;
}

/* ヘッダーラベル下のデフォルト線を削除 */

.custom-table-list thead {
    border: none;
}

/* 表の各セルの枠線 */

.custom-table-list thead th,
.custom-table-list tbody td {
    border: 1px solid #7FBF7F;
}

/* ヘッダーラベル下の枠線 */

.custom-table-list thead th {
    border-bottom: solid 2px #5E7F59;
}

/* 偶数行に着色、奇数行は白 */

.custom-table-list tr:nth-child(odd) {
    background: #F2F9F2;
}

.custom-table-list tr:nth-child(even) {
    background: #fff;
}

/* 文字サイズ */

.custom-table-list {
font-size:16px
}


/* テーブル（表）の設定 */

.custom-table-list {
    overflow: scroll;
}


/* 4列目のセルの太字スタイル */
.custom-table-list tbody td:nth-child(3) {
    font-weight: bold;
}

/* 1列目のセルの文字サイズを10ピクセルにする */
.custom-table-list tbody td:nth-child(1) {
    font-size: 12px;
}



.custom-table-list tbody td:nth-child(-n+3) {
    background-color:#D9EDD9;
}


























/* ③-2カスタムテーブルCT-list専用----------------------------------------------------------------------------- */

/* 表の外枠線 */

.custom-table-list2 table {
    border: 2px solid #7FBF7F;
    border-collapse: collapse;
}

/* ヘッダーセルの文字色・背景色 */

.custom-table-list2 th {
  color: #000000;
  background-color: #D9EDD9;
}

/* ヘッダーラベル下のデフォルト線を削除 */

.custom-table-list2 thead {
    border: none;
}

/* 表の各セルの枠線 */

.custom-table-list2 thead th,
.custom-table-list2 tbody td {
    border: 1px solid #7FBF7F;
}

/* ヘッダーラベル下の枠線 */

.custom-table-list2 thead th {
    border-bottom: solid 2px #5E7F59;
}

/* 偶数行に着色、奇数行は白 */

.custom-table-list2 tr:nth-child(odd) {
    background: #F2F9F2;
}

.custom-table-list2 tr:nth-child(even) {
    background: #fff;
}

/* 文字サイズ */

.custom-table-list2 {
font-size:16px
}


/* テーブル（表）の設定 */

.custom-table-list2 {
    overflow: scroll;
}


/* 列目のセルの太字スタイル */
.custom-table-list2 tbody td:nth-child(1) {
    font-weight: bold;
}

.custom-table-list2 tbody td:nth-child(2) {
    font-weight: bold;
}

.custom-table-list2 tbody td:nth-child(3) {
    font-weight: bold;
}




.custom-table-list2 tbody td:nth-child(-n+3) {
    background-color:#D9EDD9;
}






















/* ④カスタムテーブルCT-train専用----------------------------------------------------------------------------- */


/* 表の外枠線 */
.custom-table-train table {
    border-collapse: separate;
    border-spacing: 0;
    border: 2px solid #7FBF7F;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
}



/* ヘッダーセルの文字色・背景色 */

.custom-table-train th {
    color: #000000;
    background-color: #D9EDD9;
}

/* ヘッダーラベル下のデフォルト線を削除 */

.custom-table-train thead {
    border: none;
}

/* 表の各セルの枠線 */

.custom-table-train thead th,
.custom-table-train tbody td {
    border: 1px solid #7FBF7F;
}

/* ヘッダーラベル下の枠線 */

.custom-table-train thead th {
    border-bottom: solid 2px #5E7F59;
}


/* テーブル（表）の設定 */

.custom-table-train {
    overflow: scroll;
}

/* 左上のセル（ヘッダーの左上）を左上が欠けた形に */
.custom-table-train thead th:first-child {
    border-top-left-radius: 15px;
}

/* 右上のセル（ヘッダーの右上）を右上が欠けた形に */
.custom-table-train thead th:last-child {
    border-top-right-radius: 15px;
}


/* 各列の幅を一定に設定（例: 100px） */
.custom-table-train td,
.custom-table-train th {
    width: 100px;
    text-align: center; /* 列の中央寄せをする場合 */
}

/* 列の内容がはみ出ないようにする */
.custom-table-train td {
    overflow: hidden;
    white-space: nowrap;
}






























/* ⑤カスタムテーブルCT-time-table専用----------------------------------------------------------------------------- */

/* 表の外枠線 */
.custom-table-tt table {
    border: 2px solid #7FBF7F;
    border-collapse: collapse;
}

/* ヘッダーセルの文字色・背景色 */
.custom-table-tt th {
  color: #000000;
  background-color: #D9EDD9;
}

/* ヘッダーラベル下のデフォルト線を削除 */
.custom-table-tt thead {
    border: none;
}

/* 表の各セルの枠線 */
.custom-table-tt thead th,
.custom-table-tt tbody td {
    border: 1px solid #7FBF7F;
}

/* ヘッダーラベル下の枠線 */
.custom-table-tt thead th {
    border-bottom: solid 2px #5E7F59;
}

/* 偶数行に着色、奇数行は白 */
.custom-table-tt tr:nth-child(odd) {
    background: #F2F9F2;
}

.custom-table-tt tr:nth-child(even) {
    background: #fff;
}



/* テーブル（表）の設定 */
.custom-table-tt {
    overflow: scroll;
}


.custom-table-tt tbody td:nth-child(-n+2) {
    background-color:#D9EDD9;
}


/* 左端の列の固定 */
.custom-table-tt tbody tr td:first-of-type { 
    color: #000000;
    background-color: #D9EDD9; /* 見出しの背景色を指定 */ 
    position: -webkit-sticky; 
    position: sticky; 
    left: 0; 
    z-index: 2;
}






































.scroll-hint-icon-wrap {
display: none;
}







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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
