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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* モバイルヘッダーのボタンラベルを非表示にする */
.mobile-menu-buttons .menu-caption {
    display: none;
}

/* モバイルヘッダーのホームボタンを透明にする */
.fa-home { opacity: 0 !important; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
    .entry-card-snippet {
        display: -webkit-box !important; /* 行数制限のためflexboxとして強制表示 */
        visibility: visible !important;
        
        /* --- 行数制限のための設定 --- */
        -webkit-line-clamp: 4; /* 4行で打ち切り */
        -webkit-box-orient: vertical; 
        overflow: hidden; 
        height: auto !important; 
    }
}

/* ========================================================== */
/* Jetpack お題ブロックのスタイル設定（個別記事用）         */
/* ========================================================== */
.wp-block-jetpack-blogging-prompt {
    /* 薄いグレーの実線 (1px) で囲む */
    border: 1px solid #ddd; 
    /* ブロックの内側にパディング（余白）を設定して見やすくする */
    padding: 15px; 
    /* 角を少し丸くする */
    border-radius: 6px; 
    /* 必要に応じて、前後の要素との間にマージンを追加 */
    margin-top: 25px;
    margin-bottom: 25px;
    /* 背景色をわずかに変えて目立たせる（任意） */
    /* background-color: #f9f9f9; */ 
}