@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;
}

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

/* 子ページ一覧のマーカーを資料アイコンに変更 */
.child-page-list {
    list-style: none;
    padding-left: 0;
}

.child-page-list li {
    position: relative;
    padding-left: 1.8em;
    margin-bottom: 0.5em;
}

.child-page-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15em;
    width: 1.2em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='white'%3E%3Cpath d='M320 464c8.8 0 16-7.2 16-16V160H256c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320zM0 64C0 28.7 28.7 0 64 0H229.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}