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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* PCサブヘッダーの色変更 */
#navi .navi-in > .menu-header .sub-menu li{
	background: #08A5A6;
}

#navi .navi-in > .menu-header .sub-menu li a{
	color: white;
}

/* マーカーを細く */
.marker-under {
	background: linear-gradient(transparent 80%, #ff9 80%);
}

.marker-under-red {
  background: linear-gradient(transparent 80%, #ffd0d1 80%);
}

.marker-under-blue {
  background: linear-gradient(transparent 80%, #a8dafb 80%);
}

/* ヘッダーロゴの崩れ修正 */
.header-container-in.hlt-top-menu .logo-header img{
	width: auto;
}

/* テーブル 先頭列固定のスタイル */
.scrollable-table.stfc-sticky table:not(.wp-calendar-table) tr>:first-child {
 	color:white;
	background-color: #00698E;
}

.wp-block-table thead th {
 	color:white;
	background-color: #08A5A6;
}

.wp-block-table thead {
    border-bottom: 1px solid;
}

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

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

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