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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* category_grid の見た目 */
.cat-grid{
  display:grid;
  gap:16px;
  list-style:none; margin:0; padding:0;
}
.cat-grid--cols-2{ grid-template-columns:repeat(2,1fr); }
.cat-grid--cols-3{ grid-template-columns:repeat(3,1fr); }
.cat-grid--cols-4{ grid-template-columns:repeat(4,1fr); }

.cat-grid__item a{ display:block; text-align:center; text-decoration:none; }
.cat-grid img,
.cat-grid__placeholder{
  width:100%; aspect-ratio:1/1; display:block; object-fit:cover; border-radius:6px; background:#eceff1;
}
.cat-grid span{ display:block; margin-top:.5em; font-weight:600; }
@media (max-width:768px){
  .cat-grid{ grid-template-columns:repeat(2,1fr) !important; }
}

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

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

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

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