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

/************************************
** ks-header-color-revert (2026-09-03)
** Cocoon 2.4.3 → 2.9.5 の更新で、同梱スキン tecurio-sky に
** 「トップメニュー型ヘッダーを青グラデーション(#56CCF2→#2F80ED)＋白文字にする」
** ルールが新規追加された。関口さんの指示により、更新前の配色へ戻す。
** ※このブロックを削除すればスキン本来の青デザインに戻る。
************************************/
.header-container.fixed-header,
.hlt-top-menu-wrap .header-container{
  background-image: none !important;
}
.fixed-header .navi,
.hlt-top-menu-wrap .navi{
  box-shadow: 0 2px 3px rgba(0,0,0,.1) !important;
}
.fixed-header .navi,
.fixed-header .navi a,
.hlt-top-menu-wrap .navi,
.hlt-top-menu-wrap .navi a{
  color: var(--cocoon-text-color) !important;
}