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

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

th.table__th{
    width:200px;
    background-color:#b6c5d7;
    color: #ffffff;
    text-align: center;
    font-weight: bold;

}

table.table__td{
    background-color: #ffffff;
}

table tr td:nth-child(1) {
    width: 200px;
}



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

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

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

th.table__th{
    width:100px;
	vertical-align: middle;

}

	/*
.kyujin table tr td:nth-child(1) {
    width: 100px;
}
*/
	
th, td {
 display: block;
 width: 100%; /* ブレイクポイントで幅が異なる場合は忘れずに！ */
}
	
table tr td {
    background-color:#ffffff;
}

table tr td:nth-child(1) {
 width: 100%; 
	    background-color:#eeeeee;
}
	


	table td, table th {
        padding: 20px; /* スマホではパディングを5pxに設定 */
    }
	
	
}