@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){
  /*必要ならばここにコードを書く*/
}
/* レスポンシブデザイン用のメディアクエリ ここまで */

/* @import url("marker.css"); */
/* @import url("decoration.css"); */

/* メディアライブラリから貼り付けた画像（wp-image系）の強制拡大を阻止 */
.entry-content img[class*="wp-image-"],
.entry-content img.pimg-asset .entry-content img.gdb-asset {
    width: auto !important;      /* 横幅をコンテンツに合わせず自動に */
    height: auto !important;     /* 高さを維持 */
    max-width: 100% !important;  /* 親要素より大きい時だけ縮小 */
    display: inline-block;       /* ブロック要素化による強制拡大を防止 */
}

/* テーブル内の画像が巨大化するのを防ぐ（特に重要） */
.entry-content td img {
    width: auto !important;
}


/* ==========================================================================
   ⚡【隙間完全抹殺版】ヘッダーを上下左右ピッタリに変貌させる
   ========================================================================== */

/* 1. ヘッダー外枠全体の背景を画像の色（ダークネイビー）にし、上下の余白を完全抹殺 */
#header {
    background-color: #0b0e17 !important; /* 画像の背景色に同化させる */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 2. ヘッダー内側のコンテナ自体を1290pxにして中央寄せ */
#header .header-in {
    max-width: 1290px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* 3. ロゴの土台 div の余白をゼロにして1290pxに広げる */
#header .header-in > div {
    width: 100% !important;
    max-width: 1290px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* 4. ロゴの a タグ（リンク枠）の余白もゼロに */
#header .header-in > div > a {
    display: block !important;
    width: 100% !important;
    max-width: 1290px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 5. ロゴ画像本体を1290pxフルサイズ化 */
#header .header-in > div > a > img {
    max-height: none !important;
    min-height: auto !important;
    width: 100% !important;
    max-width: 1290px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}


/* 👑 記事内の画像配置を強制的に中央へ引き戻す */
.entry-content p:has(img.aligncenter),
.entry-content figure.wp-block-image.aligncenter {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 20px 0 !important;
}

.entry-content img.aligncenter {
    display: inline-block !important; /* 👑 センタリングの要 */
    margin: 0 auto !important;
    float: none !important;
    max-width: 100% !important;
    height: auto !important;
}