@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: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/* /articles/（投稿一覧）だけを2列カード化 */
body.blog #list.list.ect-entry-card.front-page-type-index {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

body.blog #list.list.ect-entry-card.front-page-type-index > .entry-card-wrap {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
}

body.blog #list.list.ect-entry-card.front-page-type-index .entry-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}

body.blog #list.list.ect-entry-card.front-page-type-index .entry-card-thumb {
  float: none;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

body.blog #list.list.ect-entry-card.front-page-type-index .entry-card-thumb-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.blog #list.list.ect-entry-card.front-page-type-index .entry-card-content {
  margin-left: 0;
  padding: 14px 16px 16px;
}

body.blog #list.list.ect-entry-card.front-page-type-index .entry-card-snippet {
  display: block;
}

@media screen and (max-width: 834px) {
  body.blog #list.list.ect-entry-card.front-page-type-index {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}