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

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

/************************************
* エディタ（編集画面）専用の修正
************************************/
/* 1. エディタ全体の「勝手に太字」を解除 */
.editor-styles-wrapper {
    font-weight: 400 !important;
}

/* 2. 日本語が太くなる原因（Oswald）をエディタの本文から排除 */
.editor-styles-wrapper p, 
.editor-styles-wrapper .block-editor-block-list__block {
    font-family: "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif !important;
    font-weight: 400 !important;
    font-synthesis: none !important; /* ブラウザの自動太字化を禁止 */
}

/* 3. エディタで「Bボタン」を押した場所だけ太く表示 */
.editor-styles-wrapper strong, 
.editor-styles-wrapper b {
    font-weight: 700 !important;
}

/* 4. 見出しはエディタ上でも太字を維持 */
.editor-styles-wrapper h1, 
.editor-styles-wrapper h2, 
.editor-styles-wrapper h3 {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
}


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

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

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