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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*ブログカードのラベルの色*/
.blogcard-type .blogcard-label{
  background-color:#ff8c00;
}
/*ブログカードの枠線*/
.a-wrap .blogcard {
  border-color: #ddd;
}

/**********************************************
** 固定ページの新着記事一覧(new_list)を
** 3カラム表示にする
**********************************************/
.new-entry-cards.large-thumb.fp-new-entry-cards {
    display: grid; 							/* または display: flex; */
    grid-template-columns: repeat(3, 1fr); 	/* ２つの列を均等に配置 */
    gap: 10px; 								/* カード間の間隔を20pxに設定 */
	flex-wrap: wrap;
}

.fp-new-entry-cards.large-thumb.new-entry-card-link.a-wrap {
    display: grid;
    display: inline-block;
    border: 1px solid #ddd; /* 罫線のスタイルを指定 */
}

/**********************************************
** 固定ページのすべての新着記事一覧(large-thumb)を
** 3カラム表示にする
**********************************************/
.new-entry-cards.large-thumb {
    display: grid; 							/* または display: flex; */
	grid-template-columns: repeat(2, 1fr);
    gap: 10px; 								/* カード間の間隔を20pxに設定 */
	flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
    display: grid;
    display: inline-block;
    border: 1px solid #ddd; /* 罫線のスタイルを指定 */
}

/**********************************************
** 画像に枠線がついているのが嫌な場合の対応
**********************************************/
figure.frame img {
    border-style: none;
    padding: 0px;
}
.wp-block-image img {
    border-style: none;
    padding: 0px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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