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

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

/* table-style2 */
.wp-block-table.table-style2 table,
.wp-block-table.table-style2 thead,
.wp-block-table.table-style2 tbody,
.wp-block-table.table-style2 tfoot,
.wp-block-table.table-style2 th,
.wp-block-table.table-style2 td {
  border: none;
  background-color: #FFFFFF;
	color: #333;
}

/* tableに枠線 */
.wp-block-table.table-style2 table {
  overflow: hidden;
  border: 2px solid #3498db;
  border-radius: 6px;
  border-collapse: separate;
  border-spacing: 0; 
}

/* trに下線 */
.wp-block-table.table-style2 tr {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #ddd;
  border-left: none;
}

/* thead内のthの背景色と文字色 */
.wp-block-table.table-style2 thead th {
  background-color: #3498db;
  color: #fff;
}

/* thとtr内の最初のtdを太字に */
.wp-block-table.table-style2 th,
.wp-block-table.table-style2 tr td:first-child {
  font-weight: bold;
}

/* tr内の最初のtdの文字色 */
.wp-block-table.table-style2 tr td:first-child {
  background-color: #f5f5f5;
  color: #3498db;
}


.wp-block-table.table-style3 table,
.wp-block-table.table-style3 thead,
.wp-block-table.table-style3 tbody,
.wp-block-table.table-style3 tfoot,
.wp-block-table.table-style3 th,
.wp-block-table.table-style3 td {
  border: none;
  background-color: transparent;
  color: #333;
}

.wp-block-table.table-style3 tr {
  border: none;
}

/* thとtdの両端に線 */
.wp-block-table.table-style3 th,
.wp-block-table.table-style3 td {
  border-right: 3px solid #fff;
  border-left: 3px solid #fff;
}

/* thead内のthの背景色と文字色 */
.wp-block-table.table-style3 thead th {
  background-color: #e67e22;
  color: #fff;
}

/* thとtr内の最初のtdを太字に */
.wp-block-table.table-style3 th,
.wp-block-table.table-style3 tr td:first-child {
  font-weight: bold;
}

/* tr内の最初のtdの文字色 */
.wp-block-table.table-style3 tr td:first-child {
  color: #e67e22;
}

/* tbody内の偶数番目のtrの背景色 */
.wp-block-table.table-style3 tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}

/* tbody内の奇数番目のtrの背景色 */
.wp-block-table.table-style3 tbody tr:nth-child(odd) {
  background-color: #e5e5e5;
}

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

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

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