@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* 一覧のアイキャッチを正方形にせず、縦長100%で動かすためのCSS */
.entry-card-thumb,
.related-entry-card-thumb {
    height: auto !important;
    padding-bottom: 0 !important;
    background-color: #1a1a1a !important;
}

.entry-card-thumb img,
.related-entry-card-thumb img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* 投稿ページを開いた時のアイキャッチを非表示にする */
.single .entry-eye-catch {
    display: none !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1023px){ }
@media screen and (max-width: 834px){ }
@media screen and (max-width: 480px){ }

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* （中略：既存のアイキャッチ用CSSなどはそのまま） */

/* アピールエリアの文字色を黒にする */
.appeal-content,
.appeal-title,
.appeal-message {
    color: #000000 !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/