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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* Google Fontsから M PLUS 1p を読み込む */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@500;700;800&display=swap');

/* ヘッダーのブログ名（中のリンク含む）に M PLUS 1p を強制適用 */
.site-name-text,
.site-name-text a {
    font-family: 'M PLUS 1p', sans-serif !important;
    font-weight: 700 !important;      /* 太さ：500(標準) / 700(太字) / 800(超太字) */
    letter-spacing: 0.05em !important; /* 文字間のゆとり */
}

/* Cocoon：縦型カード（2列・3列等）のタイトル文字数制限・行数制限を解除 */
.entry-card-wrap .entry-card-title {
  display: block !important;
  -webkit-line-clamp: unset !important; /* 行数制限（2行カット）を無効化 */
  max-height: none !important;           /* 高さ制限を解除 */
  overflow: visible !important;          /* 隠されていた文字をすべて表示 */
  white-space: normal !important;
  font-size: 14px !important;            /* 2列カードにちょうどいい文字サイズ */
  line-height: 1.5 !important;           /* 読みやすい行間 */
  margin-bottom: 6px !important;
}

/* タイトル下の余白調整（カード全体のバランスを美しく） */
.entry-card-wrap .entry-card-content {
  padding: 12px 14px !important;
}

/* 2列カードの高さを美しく揃える */
.entry-card-wrap {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.entry-card-wrap .entry-card-content {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

/* トップページのサムネイル画像からカテゴリを除く */
.cat-label {display:none}

.article h1,
.article h2,
.article h3 {
    font-weight: bold !important;
}

.h2-card,
.h2-card::before,
.h2-card::after {
    background: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding: 0 0 10px 0 !important;
	font-size: 1.4em !important;
	font-weight: bold !important;
    margin-bottom: 15px !important;
}


.h3-card,
.h3-card::before,
.h3-card::after {
    background: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding: 0 0 15px 0 !important;
	font-size: 1.4em !important;
	font-weight: bold !important;
    margin-bottom: 15px !important;
}

/* ポチップ背景色：ベージュ */
.pochipp-beige.pochipp-box,
.pochipp-beige .pochipp-box {
    background-color: #fff8e1 !important; /* お好みの色コード */
    border-color: #fff8e1 !important;     /* 枠線の色 */
	border: none !important;               /* 枠線を完全に消す */
    box-shadow: none !important;           /* 影も完全に消す */
}

/* Cocoon：白抜きボックス・スタイルの内側余白を一括拡張 */
.article .blank-box,
.article [class*="blank-box"],
.article [class*="is-style-blank-box"],
.article .sp-blank-box,
.article p[class*="blank-box"] {
  padding: 1.4em 1.6em !important; /* 上下1.4文字分、左右1.6文字分のゆったり余白 */
  margin-top: 1.5em !important;    /* ボックスの上のスキマ */
  margin-bottom: 1.5em !important; /* ボックスの下のスキマ */
  box-sizing: border-box !important;
}
/* Cocoon：背景色付き段落スタイル（ワーニング・デンジャー・各種カラーボックス）の内側余白 */
.article .sp-primary,
.article .sp-success,
.article .sp-info,
.article .sp-warning,
.article .sp-danger,
.article [class*="sp-"],
.article [class*="is-style-sp-"],
.article [class*="is-style-warning"],
.article [class*="is-style-danger"],
.article [class*="is-style-alert"],
.article [class*="is-style-info"],
.article [class*="is-style-success"],
.article [class*="is-style-primary"] {
  padding: 1.4em 1.6em !important; /* 上下1.4文字分、左右1.6文字分のゆったり余白 */
  margin-top: 1.5em !important;    /* 前の文章とのスキマ */
  margin-bottom: 1.5em !important; /* 後の文章とのスキマ */
  box-sizing: border-box !important;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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