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


/************************************
** カスタムデザイン（ネイビー×明オレンジ）
** by 中村彩（デザイナー）/ 山田健（実装）
** 更新: 2026-04-17
************************************/

/* ===== ヘッダー ===== */
/* サイトタイトルを強調 */
.site-name-text,
.header .site-name a {
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  color: #fff !important;
}

/* キャッチフレーズ（サブタイトル）を読みやすく */
.site-description {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.8) !important;
  letter-spacing: 0.05em;
  margin-top: 2px;
}

/* ヘッダー全体の上下余白を調整 */
#header,
.header {
  padding: 12px 0;
}

/* ===== ナビゲーション ===== */
/* ナビゲーションのホバー色を明オレンジに */
.navi-header-in a:hover,
.navi-in a:hover {
  color: #ff9933 !important;
  text-decoration: none;
}

/* ===== リンク・ボタン ===== */
a {
  color: #1e3a5f;
}
a:hover {
  color: #ff9933;
}

/* ===== フッター ===== */
/* フッター背景をネイビーに */
#footer,
.footer {
  background-color: #1e3a5f !important;
  color: #b8c5d6;
  border-top: 3px solid #ff9933;
  padding: 24px 0 16px;
}

/* フッターリンク色 */
.footer a,
#footer a {
  color: #ffb366 !important;
}
.footer a:hover,
#footer a:hover {
  color: #ff9933 !important;
}

/* フッターコピーライト */
.footer-copy,
.copyright {
  color: #b8c5d6;
  font-size: 0.78rem;
  margin-top: 12px;
}

/* ===== 記事カード ===== */
/* カードのホバー時ボーダーを明オレンジに */
.card-wrap:hover {
  border-color: #ff9933;
  box-shadow: 0 4px 12px rgba(255,153,51,0.18);
}

/* ===== ボタン・続きを読む ===== */
.btn-wrap a,
.more-link {
  background-color: #ff9933 !important;
  color: #fff !important;
  border-radius: 4px;
}
.btn-wrap a:hover,
.more-link:hover {
  background-color: #ffb366 !important;
}

/* ===== 引用・ボーダー ===== */
blockquote,
.wp-block-quote {
  border-left-color: #1e3a5f;
}

/* ===== スクロールバー ===== */
::-webkit-scrollbar-thumb {
  background-color: #ff9933;
}