@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){
  /*必要ならばここにコードを書く*/
}

  /*テーブル幅固定*/
table.my-table {
  table-layout: auto !important;
  width: auto !important;
}

/* 基本：PC用（幅広） */
table.my-table th:first-child,
table.my-table td:first-child {
  width: 250px !important;
  min-width: 250px !important;
  white-space: nowrap !important;
}

/* スマホ用（画面幅768px以下の場合は狭める） */
@media screen and (max-width: 768px) {
  table.my-table th:first-child,
  table.my-table td:first-child {
    width: 160px !important;
    min-width: 160px !important;
  }
}

.my-table th:nth-child(2),
.my-table td:nth-child(2) {
  min-width: 150px; /* 2列目 */
  white-space: nowrap;
}

.my-table th:nth-child(3),
.my-table td:nth-child(3) {
  min-width: 200px; /* 3列目 */
  white-space: nowrap;
}