@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 {
  background-image: url("https://oyakudatijouhoukyoku.com/mamezatsu/wp-content/uploads/2026/06/Gemini_Generated_Image_n1t5l8n1t5l8n1t5.png");
  background-attachment: fixed !important; /* スクロールしても背景を固定 */
  background-size: cover !important;       /* 画面いっぱいに広げる */
  background-position: center !important;
}

/* ② ヘッダー、メイン記事、サイドバー、フッターの白い背景を半透明にする */
.header-container,
.main,
.sidebar,
.footer {
  background-color: rgba(255, 255, 255, 0.8) !important; /* 0.8は透明度。1が真っ白、0が完全に透明 */
  border-radius: 8px; /* 角を少し丸くして柔らかい雰囲気に */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* うっすら影をつけて浮いているように見せる */
}

/* ③ 記事一覧のカード（トップページに並んでいる投稿）も少し透かす */
.entry-card-wrap,
.widget-entry-cards .a-wrap,
.related-entry-card-wrap {
  background-color: rgba(255, 255, 255, 0.7) !important;
  border: none !important;
}
/* 邪魔な左下のサイト名を完全に消す */
.footer-bottom-logo {
    display: none !important;
}
/* 邪魔な右下の投稿者名（鉛筆マーク）を完全に消す */
.post-author, .author-info {
    display: none !important;
}