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

/* 検索ボタン アクセシビリティ対応 */
.skin-grayish .grayish-btn {
  display: none;
}

/* モバイルヘッダーの検索ボタンを非表示 */
.search-menu-button.menu-button {
  display: none !important;
}

/* モバイルフッターの「シェア」ボタンを非表示 */
#share-menu-open {
  display: none !important;
}

/* モバイルフッターの「サイドバー」ボタンを非表示 */
#sidebar-menu-open {
  display: none !important;
}

/* モバイルフッターの「ホーム」ボタンを非表示 */
.home-menu-button {
  display: none !important;
}

/* モバイルフッターの「トップ」ボタンを非表示 */
.top-menu-button {
  display: none !important;
}

/* grayishスキンのトップ画像の高さを変更 */
.skin-grayish.front-top-page .container .header-container .header {
  height: 80vh !important;
  min-height: 420px !important;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* トップページのメイン画像の高さ調整（モバイル用） */
@media screen and (max-width: 768px) {
  .skin-grayish.front-top-page .container .header-container .header {
    height: 80svh !important;
    min-height: 420px !important;
  }
}



/******************
表のデザインを変更
*******************/
/*--- 表全体(table) ---*/
.entry-content table {
    border-bottom: 1px solid #c2e7eb; /* 表の一番下の線 */
    border-top: none;
    border-left: none;
    border-right: none;
}
/*--- ヘッダーセル(th) ---*/
.entry-content th {
    border-radius: 10px 10px 0 0; /* 丸み（※ヘッダーセルが縦の場合は削除）*/
    padding: 0.8em .6em; /* 余白（上下　左右） */
    background-color: #c2e7eb; /* 背景色 */
    color: #000; /* 文字の色 */
    letter-spacing: 0.1em; /* 文字の間隔 */
    text-align: center; /* 中央揃え */
    border: none; /* 線削除 */
}
.wp-block-table thead {
    border-bottom: none;
}
/*--- 行（横方向）(tr) ---*/
.entry-content tr {
    text-align:center; /* 中央揃え */
}
.entry-content tr:not(:last-child) { /* 最後の行以外に適用 */
    border-bottom: 1px solid #e6e6e6; /* 下線 */
}
/*--- ヘッダーセル以外のセル(td) ---*/
.entry-content td {
    padding: 0.8em 0.8em; /* 余白（上下　左右） */
    border:　1px solid #c2e7eb; /* 線を削除 */
}
.entry-content td:last-child { /* 最後のセルのみ適用 */
    border-right: 1px solid #c2e7eb; /* 右線 */
}
.entry-content td:not(last-child) { /* 最後のセル以外に適用 */
    border-left: 1px solid #c2e7eb; /* 左線 */
}

/* 投稿ページでカテゴリーラベルを非表示にする */
.single-post .cat-label {
  display: none !important;
}

/* トップページで★メニューを常時展開 */
.home .mobile-menu-buttons .menu-content {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
}