@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){
  /*必要ならばここにコードを書く*/
}
.related-circle-posts{display:flex;flex-wrap:wrap;gap:1em;margin-top:1em}
.related-circle-posts .card{width:calc(33.333% - 1em);background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden;transition:box-shadow .3s}
.related-circle-posts .card:hover{box-shadow:0 4px 10px rgba(0,0,0,.15)}
.related-circle-posts .card-thumb img{width:100%;height:auto;display:block}
.related-circle-posts .card-content{padding:.5em}
.related-circle-posts .card-title{font-size:.9em;line-height:1.4;margin:0}