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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.box-menu-icon{
	color: #4169e1;
}
.box-menu-label{
	color: #191970;
	font-size: 16px;
}
.box-menu-description{
	color: #696969;
	font-size: 12px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/**********************************************
** 固定ページの新着記事一覧(new_list)を
** 大きめサムネイルで2カラム表示にする（Cocoon用・Flex版）
**********************************************/

/* ── コンテナ：2カラム flex レイアウト ── */
.new-entry-cards.fp-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5%;
    box-sizing: border-box;
}

/* ── 各カード：幅を2等分 ── */
.fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: block;
    width: calc(50% - 0.75%);
    box-sizing: border-box;
}

/* ── サムネイル：横幅いっぱいに拡大 ── */
.fp-new-entry-cards .new-entry-card-thumb {
    width: 100%;
}

.fp-new-entry-cards .new-entry-card-thumb img {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* ── スマホ：1カラムに戻す ── */
@media (max-width: 600px) {
    .fp-new-entry-cards .new-entry-card-link.a-wrap {
        width: 100%;
    }
}