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

/* カルーセル上「おすすめ記事」帯(全幅対応) */
#carousel-in::before{content:"おすすめ記事";display:block;box-sizing:border-box;background:#fff;border:2px solid #2c3e50;border-left:10px solid #2c3e50;border-radius:6px;padding:12px 18px;font-size:22px;font-weight:700;color:#222;margin:14px 0 14px 30px;width:calc(100% - 456px)}
@media screen and (max-width:1023px){#carousel-in::before{margin-left:40px;width:calc(100% - 80px)}}
@media screen and (max-width:834px){#carousel-in::before{margin-left:16px;width:calc(100% - 32px)}}
/* トップ4枚バナー(カルーセル上) */
#cs-top-banners{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 0;width:100%;box-sizing:border-box}
#cs-top-banners a{display:block;overflow:hidden}
#cs-top-banners img{width:100%;height:auto;aspect-ratio:2.4/1;object-fit:cover;display:block;transition:opacity .2s}
#cs-top-banners a:hover img{opacity:.85}
@media screen and (max-width:1023px){#cs-top-banners{margin-left:40px;width:calc(100% - 80px)}}
@media screen and (max-width:834px){#cs-top-banners{margin-left:16px;width:calc(100% - 32px);gap:10px}}
/* サイドバーのバナー */
#cs-side-banners a{display:block;margin:0 14px 12px}
#cs-side-banners img{width:100%;height:auto;display:block}
/* サイドバーのサイト内検索を非表示(サム指示2026-07-03) */
#sidebar .widget_search,#sidebar .widget_new_entries,#sidebar .widget_popular_entries{display:none}
/* サイドバーの枠線を外す(サム指示2026-07-03) */
#sidebar .widget{border:none!important;border-radius:0;padding-bottom:0}