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

/* サイトタイトル */
.site-title {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  color: #ffffff;
}

/* サイトキャッチフレーズ */
.site-description {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  color: #dcdcdc;
}

/* ナビメニュー */
.navi-in a {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  color: #ffffff;
}
.navi-in a:hover {
  color: #5DADE2; /* スカイブルー */
}

/* ヘッダー背景グラデーション */
.header {
  background: linear-gradient(90deg, #2C3E50 0%, #708D81 100%);
  border-bottom: 3px solid #5DADE2;
}

/* スマホ時の見やすさ */
@media screen and (max-width: 768px) {
  .site-title {
    font-size: 20px;
    text-align: center;
  }
  .navi-in a {
    font-size: 14px;
  }
}