@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

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

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

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

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

/*ニュースログページのシェア・フォローボタン非表示*/
.page-id-1060 .sns-share,
.page-id-1060 .sns-follow {
    display: none;
}

/* モバイル記事一覧のサムネイル比率を固定してCLSを防ぐ */
.entry-card-thumb {
  aspect-ratio: 16 / 9; /* サムネイル設定（16:9）に合わせる */
  width: 100%;
  height: auto;
  background-color: #f0f0f0; /* 読み込み前のグレーの枠を表示 */
  display: block;
}

/* 検索ボックスとボタンのサイズを大きくする */
.search-edit {
    padding: 10px !important;
    min-height: 44px; /* 指標に合わせる */
}
.search-submit {
    padding: 10px 20px !important;
    min-height: 44px;
}