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

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

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

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

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


/* 表：全記事共通で黒い罫線（2026-09-07） */
.wp-block-table th,
.wp-block-table td {
  border: 1px solid #333 !important;
}

/* 横スクロールする表：スマホでもスクロールバーを出しておく（2026-09-10） */
.scrollable-table {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.35) rgba(0,0,0,.06);
}
.scrollable-table::-webkit-scrollbar {
  height: 6px;
  -webkit-appearance: none;
}
.scrollable-table::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.35);
  border-radius: 3px;
}

/* 横スクロールする表：固定した1列目は行の色をそのまま引き継ぐ（2026-09-10 修正） */
/* 行の緑白ストライプは親テーマが tr に付けているので inherit で受ける。#fff固定にすると緑の行だけ1列目が白く抜ける */
.scrollable-table.stfc-sticky table tbody tr > :first-child { background-color: inherit !important; }
.scrollable-table.stfc-sticky table thead tr > :first-child { background-color: #eee !important; }

/* 固定列の右side に影を出して「続きが下に潜っている」ことを見せる（2026-09-10） */
.scrollable-table.stfc-sticky table tr > :first-child { box-shadow: 6px 0 6px -4px rgba(0,0,0,.35); }