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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* スマホ時に画像の回り込みを解除（左右寄せ＝wrap を無効） */
@media (max-width: 767px) {
  /* 旧来のクラス（クラシック/多くのテーマ共通） */
  .entry-content .alignleft,
  .entry-content .alignright,
  figure.alignleft,
  figure.alignright {
    float: none !important;
    margin: 0 auto 1em !important; /* 中央寄せ＋下余白 */
    display: block;
  }

  /* Gutenberg の画像ブロックに対しても適用 */
  .entry-content .wp-block-image.is-resized.alignleft,
  .entry-content .wp-block-image.is-resized.alignright,
  .entry-content .wp-block-image.alignleft,
  .entry-content .wp-block-image.alignright {
    float: none !important;
    margin: 0 auto 1em !important;
  }

  /* 画像サイズの調整（はみ出し防止） */
  .entry-content img,
  .entry-content .wp-block-image img {
    max-width: 100%;
    height: auto;
  }

  /* キャプション付き画像の幅調整 */
  .entry-content .wp-caption,
  .entry-content figure.wp-caption,
  .entry-content .wp-block-image {
    max-width: 100%;
  }
}


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

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

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