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

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


/* ===============================
   お休みキャスト：視覚的に弱める
   =============================== */

/* カード全体を弱く */
.new-entry-card.category-off-post {
  opacity: 0.45;
  filter: grayscale(100%);
}

/* タイトルも弱める */
.new-entry-card.category-off-post .new-entry-card-title {
  color: #999;
}

/* ホバーしても強調されないように */
.new-entry-card.category-off-post:hover {
  opacity: 0.55;
}


/* サイドバーの「古いページ」カテゴリを非表示 */
.widget_categories .cat-item-108 {
  display: none;
}


/* ===============================
   サイト全体：投稿日・更新日を非表示
   =============================== */

/* 記事ページ */
.post-date,
.post-update,
.entry-date {
  display: none !important;
}

/* new_list / カード系 */
.new-entry-card-date,
.widget-entry-card-date,
.entry-card-date {
  display: none !important;
}

/* メタ情報全般（念のため） */
.entry-meta,
.post-meta {
  display: none !important;
}


@media screen and (max-width: 767px) {
  .header-container .tagline,
  .site-header .tagline,
  [itemprop="alternativeHeadline"] {
    display: none !important;
  }
}


/* キャストページ一番左のカテゴリーだけ強調 */
.entry-categories a.cat-link:first-child {
  background: #e60023;      /* 強調背景色（赤系） */
  color: #fff;              /* 文字色 */
  font-weight: 700;         /* 太字 */
  border-radius: 4px;
  padding: 4px 8px;
}

/* 地域別の参考情報：在籍・お休み を非表示 */
.cat-item-107,
.cat-item-106 {
  display: none;
}


/* アイコンも白に */
.entry-categories a.cat-link:first-child .cat-icon {
  color: #fff;
}


@media screen and (max-width: 768px) {
  #notice-area {
    padding: 6px 0;
  }
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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