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


/* ===== A-KOZOSEKKEI カスタムデザイン ===== */

/* ヘッダー */
#header, .header-container, .header-container-in {
  background-color: #2C3E50 !important;
  background-image: none !important;
}
.header-title a, .site-name-text, #header .logo-text {
  color: #ffffff !important;
}
.tagline, .site-description { color: #a0b4c4 !important; }

/* 背景 */
body { background-color: #F8F7F4 !important; }

/* H2見出し */
.entry-content h2 {
  border-left: 4px solid #4A7FA5;
  background-color: #f0f5f9;
  padding: 10px 16px;
  color: #2C3E50;
  font-weight: 700;
  border-radius: 0 4px 4px 0;
}

/* H3見出し */
.entry-content h3 {
  border-bottom: 2px solid #C8974A;
  padding-bottom: 6px;
  color: #2C3E50;
  font-weight: 700;
}

/* ウィジェットタイトル */
.widget_title, .widget-title, .widgettitle {
  background-color: #2C3E50 !important;
  color: #ffffff !important;
  padding: 8px 14px !important;
  border-radius: 4px 4px 0 0 !important;
  border: none !important;
}

/* ウィジェット枠 */
.widget {
  border: 1px solid #e0e5ea;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
}

/* リンク */
a { color: #4A7FA5; }
a:hover { color: #2C3E50; }

/* 記事カード */
.card-wrap, .a-wrap {
  border: 1px solid #e8ecef !important;
  border-radius: 6px !important;
  transition: box-shadow 0.2s ease;
}
.card-wrap:hover, .a-wrap:hover {
  box-shadow: 0 4px 12px rgba(44,62,80,0.12) !important;
}

/* フッター */
#footer { background-color: #2C3E50 !important; color: #a0b4c4 !important; }
#footer a { color: #c8d8e4 !important; }