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







/* ===== 全体背景を白に ===== */
body {
  background-color: #ffffff;
}

/* ===== ヘッダー（EC寄りグリーン） ===== */
.header-container {
  background-color: #2e5d43;
}

/* ===== フッター ===== */
.footer {
  background-color: #1f3f2f;
}

/* ===== サイドバー見出し ===== */
.widget-title {
  background: none;
  border-bottom: 2px solid #2e5d43;
  padding-bottom: 6px;
  font-weight: 700;
}

/* ===== 記事タイトル ===== */
.entry-title {
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* ===== 投稿日付色を落ち着かせる ===== */
.post-date {
  color: #666;
}

/* ===== リンクカラー ===== */
a {
  color: #2e5d43;
}

a:hover {
  color: #1f3f2f;
}


/* ===== フッター高さを強制的に縮める（Cocoon 1.6系対策） ===== */

.footer-bottom {
  padding: 0 !important;
}

/* フッター全体の上下余白を詰める */
#footer,
footer,
.footer,
.site-footer,
.footer-container,
.footer-in,
.footer-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

/* 中の要素（コピーライト等）の余白を消す */
#footer * ,
footer * ,
.footer * ,
.site-footer * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* コピーライト（よくあるクラス名を全部拾う） */
.copyright,
.footer-copyright,
#copyright,
#footer .copyright,
#footer .copyright a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 2 !important;
  font-size: 12px;
  letter-spacing: 1px;
}


/* タイトルをアイキャッチ下へ移動 */
.entry-title {
  order: 2;
}

.eye-catch-wrap {
  order: 1;
}

.article-header {
  display: flex;
  flex-direction: column;
}