@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){
  /*必要ならばここにコードを書く*/
}
/**********************************************
 * ① ホーム全体の文字を白＆影（読みやすく）
 **********************************************/
body.home .entry-content,
body.page-id-36 .entry-content {
  color: #ffffff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}

/************************************************
 * ② 本文の段落・リストにだけ「黒マーカー」風背景
 *   → 背景はしっかり見えるように薄め
 ************************************************/
body.home .entry-content p,
body.home .entry-content li,
body.page-id-36 .entry-content p,
body.page-id-36 .entry-content li {
  background: rgba(0, 0, 0, 0.18); /* うっすら黒 */
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  line-height: 1.9;
}

/************************************************
 * ③ ホームのタイトル「ようこそ〜」を白文字＋影だけに
 *   （背景の灰色ボックスは完全に消す）
 ************************************************/
body.home h1.entry-title,
body.page-id-36 h1.entry-title {
  color: #ffffff !important;             /* 白文字 */
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9); /* 強めの影で背景上でも読める */
  font-size: 3.0rem;                     /* すこし大きくして “ようこそ感” UP */
  font-weight: 700;
  background: transparent !important;    /* 背景ボックス削除 */
  box-shadow: none !important;
  padding: 0 !important;
  border: none !important;
}

/************************************************
 * ④ タイトル周りの余計な背景・枠線を消す
 ************************************************/
body.home .entry-header,
body.page-id-36 .entry-header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/************************************************
 * ⑤ 背景画像の固定はしない（テーマ側の固定指定を打ち消し）
 ************************************************/
body.home {
  background-attachment: scroll !important;
}

/* ============================
   フロントページ限定デザイン
   ============================ */

/* ▼ ホーム（フロントページ）の本文背景を透明にする */
body.home .entry-content,
body.home .wrap,
body.home .main,
body.home .content,
body.home .container {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
/* 新着記事ブロック全体を白背景にする */
.home .new-entry-cards,
.home .new-entry-card,
.home .entry-cards,
.home .entry-card-wrap,
.home .new-entry-title,
.home .section-title,
.home .widget-title {
  background: #ffffff !important;
}
/* プロフィール（著者情報ボックス）を白背景に */
.home .author-box,
.home .author-profile,
.home .author-info,
.home .author-box-wrap {
  background: #ffffff !important;
}