@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: 768px) {

  .char-card {
    flex-direction: row;   /* ← 縦にしない */
    gap: 12px;
  }

  .char-img {
    width: 90px;           /* ← PCより少し小さく */
    height: 120px;
  }

  .char-name {
    font-size: 16px;       /* ← 見出し化しない */
  }

  .char-cast {
    font-size: 13px;
  }

  .char-desc {
    font-size: 14px;
    line-height: 1.6;
  }

}