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


/* === Utaka-Log 改善 (AI) START === */
@media screen and (max-width:480px){
  .entry-title{font-size:20px;line-height:1.45;word-break:break-word;overflow-wrap:break-word;}
  .sns-share.ss-top{display:none !important;}
  /* 目的別入口カード: スマホは1列・横スクロール防止 */
  .recommended .navi-entry-cards{flex-wrap:wrap;}
  .recommended .navi-entry-cards a{width:100%;}
  /* スマホはカード高さを抑えFV占有を軽減 */
  .recommended .navi-entry-card-thumb,.recommended .navi-entry-card-thumb img{height:150px !important;object-fit:cover;}
  /* トップの灰色余白を詰める（スマホ） */
  body.home .recommended{margin-top:0;margin-bottom:0;}
  body.home .recommended .navi-entry-cards{margin-bottom:0;}
  body.home #content{margin-top:4px;}
}
body.categoryid-12 .entry-title{border-left:5px solid #7cb342;padding-left:12px;}
body.categoryid-7 .entry-title{border-left:5px solid #1f6fb2;padding-left:12px;}
body.categoryid-8 .entry-title{border-left:5px solid #c0392b;padding-left:12px;}
/* === Utaka-Log 改善 (AI) END === */