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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/************************************
** アイキャッチ・記事内画像 サイズ最適化
** 追加日：2026-05-07
************************************/

/* アイキャッチ：全幅・縦横比で高さを決める（レスポンシブ対応） */
.eye-catch {
    width: 100%;
    overflow: hidden;
    display: block;
    border-radius: 4px;
}
.eye-catch img {
    width: 100%;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    object-position: center center;
    display: block;
    height: auto;
}

/* 記事内画像：全幅・縦横比で高さを決める（レスポンシブ対応） */
.entry-content figure img,
.entry-content .wp-block-image img {
    width: 100%;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    object-position: center center;
    display: block;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
}