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

/* より詳細度を上げてウィジェットのタイトルサイズを調整 */
.widget-sidebar .widget-title { /* 親のクラスも指定して詳細度を上げる */
    font-size: 0.8em !important; /* 希望のフォントサイズに調整してください */
}

/* 記事カードの抜粋部分のフォント変更、太さ、サイズ、色を確実にする */
body .source-org.copyright { /* bodyを追加して詳細度を上げる（既に適用されているか再確認） */
    font-size: 0.8em !important;      /* ここに !important を追加 */
    color: #555 !important;           /* ここに !important を追加 */
}

/* フッターのコピーライトの文字サイズ変更 */
.source-org.copyright { /* 複数のクラスを連結して詳細度を上げています */
    font-size: 0.8em !important; /* 希望のフォントサイズに調整してください */
    /* 例：0.8em, 12px, small など */
    /* font-weight: normal !important; */ /* もし太さが気になる場合 */
    /* color: #666666 !important; */ /* 文字色を変えたい場合 */
}

/* ウィジェットタイトル部のフォントサイズ、背景色、余白調整 */
.widget-sidebar .widget-title.widget-sidebar-title {
    font-size: 0.6em !important; /* フォントサイズ（適用済み） */

    background-color: #454545 !important; /* 背景色（元の色を維持し、確実にするため） */
    color: #FFFFFF !important; /* 文字色（元の色を維持し、確実にするため） */

    padding: 2px 15px !important; /* 内側の余白：上下8px、左右15pxに調整（例） */
                                  /* 数値を変更して試してください */
    margin-bottom: 15px !important; /* 黒い四角の下側の外側の余白を調整（例） */
                                    /* 数値を変更して試してください */
    border-radius: 30px !important; / 角丸の半径を5pxに設定（数値は調整可能） */
    /* 必要に応じて、その他のマージンも調整可能 */
    /* margin-top: 0 !important; */
    /* margin-left: 0 !important; */
    /* margin-right: 0 !important; */
}





/* スマートフォン表示での調整（必要であれば） */
@media screen and (max-width: 600px) {
    h1.entry-title {
        font-size: 2em !important; /* スマホでのフォントサイズ */
        padding: .5em .5em; /* スマホでパディングを調整する場合 */
    }
    /* スマホで装飾の太さや位置を調整する場合 */
    h1.entry-title::before,
    h1.entry-title::after {
        width: 8px; /* スマホで細くする場合 */
    }
}