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

/*固定ページの日付非表示*/
.page .date-tags{display:none;}

/* ============================================================
   可視化pedia｜楓吹き出しの「外枠」一括除去（強化版 v2）
   貼り付け先： WordPress 管理画面 → 外観 → カスタマイズ → 追加CSS
                → 公開（保存）→ ページ再読込（必要ならキャッシュ削除）
   効果： 全記事の吹き出しの外側の枠（角丸罫線・影・擬似要素の箱）を消す。
         吹き出し本体の黄色枠・桃色背景・楓アイコンはそのまま残る。
   ============================================================ */

/* ① 吹き出しの外側ラッパー（icon＋本体を囲う箱）から枠・影・背景を除去 */
.speech-wrap.cocoon-block-balloon,
.speech-wrap.block-box,
[class*="wp-block-cocoon-blocks-balloon"] {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* ② 擬似要素で枠を描いている場合に備えて、その箱も無効化 */
.speech-wrap.cocoon-block-balloon::before,
.speech-wrap.cocoon-block-balloon::after,
.speech-wrap.block-box::before,
.speech-wrap.block-box::after,
[class*="wp-block-cocoon-blocks-balloon"]::before,
[class*="wp-block-cocoon-blocks-balloon"]::after {
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
  display: none !important;
}

/* ③ 「消してはいけない」要素＝吹き出し本体（.speech-balloon）の
      黄色枠・桃色背景は上のルールで触っていないため、そのまま維持される。 */