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

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


/*すべてをまとめて表示（追加した分）*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}


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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* トップページのバナー画像を画面幅に合わせる */
#appeal {
  height: auto;
  aspect-ratio: 817 / 185;
  background-size: 100% auto;
  background-position: center center;
}

@media screen and (max-width: 834px) {
  #appeal {
    aspect-ratio: 817 / 185;
    min-height: 0;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

/* 新着記事の画像とタイトルの間隔を整える */
ul.sunrice-latest-posts > li {
  margin-bottom: 24px !important;
  padding-bottom: 8px;
}
/* 新着記事の画像が次の記事と重ならないようにする */
.sunrice-latest-posts > li {
  display: flow-root;
}