@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; /* 文字間のゆとり */
}

.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){
  /*必要ならばここにコードを書く*/
}