@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* スライドインサイドバーを左から出す（サイドバー左配置に合わせる・2026-07-19） */
.sidebar-menu-content{right:auto;left:0;
  -webkit-transform:translateX(-105%);transform:translateX(-105%)}

/* スライドインサイドバーの幅を本体サイドバーに合わせる（中身200px＝箱240px・2026-07-20）
   Cocoon標準は最大400px */
.sidebar-menu-content{width:240px;max-width:240px}

/* ヘッダー: 左寄せスリム化＋コーポレートロゴ表示（案B・2026-07-20）
   サイトタイトルのテキストはSEO/構造化データ用にHTMLに残し、表示だけCSSでロゴ画像＋「ブログ」に差し替え。
   セレクタは #header でスコープ（フッターに漏らさない＆Cocoonのスマホ用 #header ルールに勝つため）。
   ロゴを変える場合は background:url(...) を差し替えること。 */
.tagline{display:none}
.logo-header{text-align:left;padding:6px 0}
.header-in{padding-top:6px;padding-bottom:6px}
#header .site-name-text{display:inline-flex;align-items:center;gap:9px;font-size:0;line-height:1}
#header .site-name-text::before{content:"";display:inline-block;width:146px;height:36px;
  background:url(https://afro-audio.co.jp/wp-content/uploads/2023/04/top_logo-2.png) no-repeat left center/contain}
#header .site-name-text::after{content:"ブログ";font-size:15px;font-weight:700;color:#555;letter-spacing:.12em;
  position:relative;top:2px}

/* フッターはサイト名を出さず©行のみ（2026-07-20） */
.footer-bottom-logo{display:none}

/* コピーライトは幅に関係なく常に右寄せ（2026-07-20） */
.footer .copyright{text-align:right;padding:0 12px}

/* サイドバー全体のトーンダウン（2026-07-20）
   本文に対して脇役の濃度に：文字13px・見出し帯縮小・検索窓/ボタンをコンパクトに */
.sidebar{font-size:13px}
.sidebar h2,.sidebar h3{font-size:13px;padding:6px 10px;margin:14px 0 8px;font-weight:700}
.sidebar ul li{margin-bottom:.25em}
.sidebar ul li a{line-height:1.5}
.afro-side-links a{padding:.4em .2em}
.sidebar .wp-block-search__label{font-size:13px;font-weight:700}
.sidebar .wp-block-search__input{padding:3px 8px;height:32px;min-height:32px;font-size:13px}
.sidebar .wp-block-search__button{padding:3px 12px;height:32px;min-height:32px;font-size:13px}

/* 一覧の大きな「次のページ」ボタンを非表示（数字ページ送りと重複のため・2026-07-20） */
.pagination-next{display:none}

/* 記事タイトルのトーンダウン（2026-07-20） */
.entry-card-title{font-size:16px;line-height:1.5}   /* 一覧カード（元18px） */
.article h1,.entry-title{font-size:22px;line-height:1.5}  /* 記事ページ大見出し */

/* 中間幅（1024〜1119px）でもサイドバーを広い画面と同じ幅に固定する（2026-07-20）
   Cocoonはこの帯域で .sidebar{width:30%} に切り替えるため、設定幅200px（箱240px）を維持する上書き。
   ※注意: 境界値1119pxは「本文幅860＋サイドバー200」の設定から出た全体幅1120pxに依存。
   カラム幅の設定を変えたら、この1119pxも合わせて直すこと。 */
@media screen and (max-width:1119px) and (min-width:1024px){
  .main{width:calc(98% - 240px)}
  .sidebar{width:240px;padding:19px}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /* モバイル固定フッターバー（常時表示設定）がコピーライトを隠さないよう、余白を追加確保。
     ※Cocoon本体が既に body(.mblt-footer-mobile-buttons) に margin-bottom:50px を
     付けているため、ここは「バーが50pxを超える端末ぶんの上乗せ」だけでよい（2026-07-20） */
  .footer{padding-bottom:calc(15px + env(safe-area-inset-bottom))}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}