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

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

/************************************
** アイキャッチ画像（縦長対応・レスポンシブ対応）
************************************/

/* 共通スタイル */
.eyecatch img {
  max-width: 100%;      /* 横幅を画面に収める */
  height: auto;         /* 縦横比を保持 */
  object-fit: contain;   /* 全体表示、余白が出てもOK */
  display: block;
  margin: 0 auto;       /* 中央寄せ */
}

/* 1023px以下（タブレット向け調整） */
@media screen and (max-width: 1023px){
  .eyecatch img {
    /* 横幅はそのまま100%、必要に応じて上下の余白調整 */
    padding: 10px 0;
  }
}

/* 834px以下（小型タブレット・大きめスマホ向け） */
@media screen and (max-width: 834px){
  .eyecatch img {
    padding: 8px 0;
  }
}

/* 480px以下（スマホ向け） */
@media screen and (max-width: 480px){
  .eyecatch img {
    padding: 5px 0;      /* スマホは余白少なめ */
  }
}