@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){
  /*必要ならばここにコードを書く*/
/************************************
** サイトタイトル非表示
************************************/
.site-name-text{
  display: none;
.child-category-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 30px 0;
}

.child-category-cards .entry-card-wrap {
    flex: 1 1 calc(100% / 3 - 14px); /* 3列の場合 */
    max-width: calc(100% / 3 - 14px);
    text-decoration: none;
    color: inherit;
}

@media (max-width: 767px) {
    .child-category-cards .entry-card-wrap {
        flex: 1 1 calc(100% / 2 - 10px); /* スマホは2列 */
        max-width: calc(100% / 2 - 10px);
    }
}

.child-category-cards .eye-catch-wrap img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.child-category-cards .no-thumb {
    background: #eee;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}
/* カテゴリーページ（親・子含む）の見出しタイトルを非表示にする */
body.category .main-caption,
body.category .entry-title,
body.category h1.entry-title,
body.category h1.main-caption,
body.category .archive-title,
body.category .category-name {
    display: none !important;
}

/* 上部の空いたスペースを詰めてスッキリさせる（調整自由） */
body.category #main,
body.category .content-area,
body.category .content {
    margin-top: 0 !important;
    padding-top: 10px !important;  /* 0〜20pxで好みで変えて */
}
body.archive.category h1.page-title {
display: none;
}
/* Cocoonカスタム子カテゴリー下部を左寄せ強制（優先度MAX） */
div[class*="desc"],
div[class*="title"]:last-child,
div[class*="text"]:last-child,
div[class*="info"],
.cat-bottom-text,
.sub-desc,
.pref-text,
.custom-cat-desc,
.entry-content div:last-child p,
.entry-content .custom div {
    text-align: left !important;
    justify-content: flex-start !important;
    -webkit-box-pack: start !important;  /* Safari用 */
    padding-left: 15px !important;       /* 左に少し余裕を持たせて自然に */
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* 縦線部分を左に固定 */
*[class*="line"],
.vertical-line,
span:contains("|"),
i:contains("|") {
    float: left !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
}

/* 複数行のspanやbr後の要素を左寄せ */
br + span, span br + span {
    display: block !important;
    text-align: left !important;
}