@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){
  /*必要ならばここにコードを書く*/
}
/* ========================================
   ヘッダーのデザイン変更
======================================== */

/* ヘッダー背景を白に */
.header, #header, .header-container {
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* ヘッダー文字色を濃いグレーに */
.header, #header, .site-name-text, .header a {
  color: #333333 !important;
}

/* キャッチフレーズを非表示 */
.tagline, .site-description, #site-description {
  display: none !important;
}

/* ヘッダー上部のバー（グレーの部分）を非表示 */
.header-top, .navi-in > ul > li > a::before {
  display: none !important;
}

/* サイト名のスタイル */
.site-name-text {
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* ヘッダーメニューのスタイル */
.navi-in a {
  color: #333333 !important;
  font-size: 14px !important;
}

.navi-in a:hover {
  color: #dd6b20 !important;
}

/* ログイン中の「こんにちは〜さん」を非表示（管理者のみ表示される） */
.admin-bar-menu, #wpadminbar {
  /* 必要であればここで調整 */
}