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

/************************************
** Cocoon Child Custom Styles
************************************/

/* === Sidebar OFF (PC) === */
#sidebar,
#sidebar1,
#sidebar2,
#secondary,
.sidebar,
.widget-area,
aside.sidebar {
  display: none !important;
}

/* === Content FULL WIDTH (PC) ===
   Cocoonは #content / #main / #primary / .content-in などで幅制限されがちなのでまとめて解除
*/
#content,
#content-in,
#main,
#main-in,
#primary,
.content-area,
.site-content,
.content,
.content-in,
.main,
.main-in,
.article,
.entry-content,
.single .content,
.page .content {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* 右側の余白を作ってるケースを潰す */
#content-in,
#main-in,
#primary,
.content-in,
.main-in {
  margin-right: 0 !important;
}

/* 2カラムの親がflex/gridのときの保険 */
#content-in,
#main-in,
.site-content,
.content-in {
  display: block !important;
  grid-template-columns: 1fr !important;
  flex-direction: column !important;
}

/* === Optional: 1カラム時に本文を少し読みやすい幅にしたいなら（不要なら消してOK）
   PCで横に広がりすぎるのが嫌なら max-width をここで制御できる
*/
/*
@media screen and (min-width: 1024px){
  #content-in, #main-in, .content-in {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
*/

/* === 1カラム：中央寄せ＆横幅制限（PC） === */
@media screen and (min-width: 1024px){
  #content-in,
  #main-in,
  .content-in,
  .main-in {
    max-width: 1100px !important; /* 好みで 960〜1200 に調整 */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 本文エリア自体も中央寄せ */
  #primary,
  .content-area,
  .site-content {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* === PV/ビュー数（本日/週/月/全体）を非表示 === */
.pv,
.pv-count,
.post-pv,
.post-pv-count,
.pv-area,
.pv-block,
.post-meta .pv,
.entry-card-meta .pv,
.eye-catch-wrap + .post-meta .pv,
.widget_entry_card_content .pv {
  display: none !important;
}

/* メタ情報の中でPVっぽい行をまとめて消す（保険） */
.post-meta span[class*="pv"],
.post-meta div[class*="pv"],
.entry-card-meta span[class*="pv"],
.entry-card-meta div[class*="pv"]{
  display:none !important;
}
/* force-update-views-hide */

/* === Cocoon: アクセス数（本日/週/月/全体）を強制的に非表示 === */
.post-meta .post-date + span,
.post-meta .post-date + div,
.post-meta span:has(> .fa-chart-bar),
.post-meta div:has(> .fa-chart-bar),
.post-meta span:has(> .fa-chart-line),
.post-meta div:has(> .fa-chart-line),
.post-meta span:has(> .fa-signal),
.post-meta div:has(> .fa-signal),
.post-meta span:has(> .fa-bar-chart),
.post-meta div:has(> .fa-bar-chart),
.post-meta span:has(> .fa-area-chart),
.post-meta div:has(> .fa-area-chart){
  display:none !important;
}

/* FontAwesomeアイコン自体が見えてる場合も潰す */
.post-meta .fa-chart-bar,
.post-meta .fa-chart-line,
.post-meta .fa-signal,
.post-meta .fa-bar-chart,
.post-meta .fa-area-chart{
  display:none !important;
}