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


/* 追従ヘッダーのスリム化：固定時はロゴ部分を隠しメニューのみ表示（2026-07-06） */
#header-container.fixed-header #header {
  display: none;
}

/* グローバルナビのフォントサイズ拡大（2026-07-06） */
#navi .navi-in > ul > li > a {
  font-size: 18px;
}

/* アフィリエイトリンクのモバイル対応（2026-08-12・セレクタ修正版） */
/* 楽天「画像とテキスト」コードは entry-content 直下の table > td > div(固定幅) 構造 */
.entry-content table td div[style*="width:504px"],
.entry-content table td div[style*="width: 504px"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* 楽天コード内部の入れ子テーブルとセルも画面幅に追従させる */
.entry-content table td div table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto;
}

.entry-content table td div img {
  max-width: 100% !important;
  height: auto !important;
}

/* スマホでは画像セルとテキストセルを縦積みにする */
@media screen and (max-width: 480px) {
  .entry-content table td div table,
  .entry-content table td div table tbody,
  .entry-content table td div table tr {
    display: block !important;
    width: 100% !important;
  }
  .entry-content table td div table td {
    display: block !important;
    width: 100% !important;
    text-align: center;
  }
}


/* Broken Link Checkerの打ち消し線を無効化（2026-08-12追加） */
/* 一時的に非公開にした記事の古い判定が残り、正常なリンクに打ち消し線が出る問題への対策 */
.entry-content a.broken_link,
a.broken_link {
  text-decoration: none !important;
}