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

/* 人気記事のリンク文字だけ青系に */
.wpp-list a {
  color: #1565c0 !important;   /* 青色でリンク感UP */
  text-decoration: underline;       /* 下線はあり */
}
.wpp-list a:hover {
  color: #0d47a1 !important;   /* hover時は濃いブルー */
  text-decoration: underline;  /* hoverで下線追加 */
}

/* 共通デザイン */
.cat-title {
  color: #333;              /* 白文字より濃いグレーにして視認性UP */
  padding: 8px 12px;
  border-radius: 6px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* カテゴリごとのパステル色分け */
.cat-title.shorui   { background-color: #ffe0b2; color:#e65100; } /* 📝 書類作成 */
.cat-title.mensetsu { background-color: #bbdefb; color:#1565c0; } /* 🎤 面接対策 */
.cat-title.service  { background-color: #c8e6c9; color:#2e7d32; } /* 🧩 転職サービス活用 */
.cat-title.taishoku { background-color: #d7ccc8; color:#4e342e; } /* 🚪 退職後の手続き */
.cat-title.taiken   { background-color: #fff9c4; color:#f57f17; } /* 🧑‍💼 転職体験談 */
.cat-title.shikaku  { background-color: #d1c4e9; color:#4527a0; } /* 📚 資格・勉強法 */
.cat-title.yori     { background-color: #e6ee9c; color:#827717; } /* 🌱 より道話 */
.cat-title.skill    { background-color: #ffe0eb; color:#c2185b; } /* 📂 スキル棚卸し（ピンク系） */

/********* 全記事一覧：カテゴリ別ボタン風 *********/
.entry-content .lcp_catlist,
.lcp_catlist{
  list-style:none;
  padding-left:0;
  margin:12px 0 28px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
@media (max-width:834px){
  .entry-content .lcp_catlist, .lcp_catlist{ grid-template-columns:1fr; }
}

.lcp_catlist li{
  background:#fff;
  border:2px solid #ccc;   /* デフォルト（カテゴリ別で上書き） */
  border-radius:12px;
  padding:12px 14px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
  min-height:90px;
}
.lcp_catlist li:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 10px rgba(0,0,0,.1);
}

/* リンク文字（共通） */
.lcp_catlist li .lcp_post a{
  display:block;
  font-size:0.95rem;
  font-weight:600;
  line-height:1.5;
  color:#000 !important;
  text-decoration:none !important;
}

/* --- PC（835px以上）：枠線は常時カテゴリ色、背景はhoverのみ --- */
@media (min-width: 835px){
  .cat-title.taiken   ~ .lcp_catlist li { border-color:#fbc02d; }
  .cat-title.taiken   ~ .lcp_catlist li:hover { background:#fffde7; }

  .cat-title.shikaku  ~ .lcp_catlist li { border-color:#7e57c2; }
  .cat-title.shikaku  ~ .lcp_catlist li:hover { background:#f3e5f5; }

  .cat-title.mensetsu ~ .lcp_catlist li { border-color:#42a5f5; }
  .cat-title.mensetsu ~ .lcp_catlist li:hover { background:#e3f2fd; }

  .cat-title.skill    ~ .lcp_catlist li { border-color:#f48fb1; }
  .cat-title.skill    ~ .lcp_catlist li:hover { background:#fce4ec; }

  .cat-title.shorui   ~ .lcp_catlist li { border-color:#fb8c00; }
  .cat-title.shorui   ~ .lcp_catlist li:hover { background:#fff3e0; }

  .cat-title.service  ~ .lcp_catlist li { border-color:#66bb6a; }
  .cat-title.service  ~ .lcp_catlist li:hover { background:#e8f5e9; }

  .cat-title.taishoku ~ .lcp_catlist li { border-color:#8d6e63; }
  .cat-title.taishoku ~ .lcp_catlist li:hover { background:#efebe9; }

  .cat-title.yori     ~ .lcp_catlist li { border-color:#9ccc65; }
  .cat-title.yori     ~ .lcp_catlist li:hover { background:#f1f8e9; }
}

/* --- スマホ（834px以下）：枠線＋背景どちらも常時カテゴリ色 --- */
@media (max-width: 834px){
  .cat-title.taiken   ~ .lcp_catlist li { border-color:#fbc02d; background:#fffde7; }
  .cat-title.shikaku  ~ .lcp_catlist li { border-color:#7e57c2; background:#f3e5f5; }
  .cat-title.mensetsu ~ .lcp_catlist li { border-color:#42a5f5; background:#e3f2fd; }
  .cat-title.skill    ~ .lcp_catlist li { border-color:#f48fb1; background:#fce4ec; }
  .cat-title.shorui   ~ .lcp_catlist li { border-color:#fb8c00; background:#fff3e0; }
  .cat-title.service  ~ .lcp_catlist li { border-color:#66bb6a; background:#e8f5e9; }
  .cat-title.taishoku ~ .lcp_catlist li { border-color:#8d6e63; background:#efebe9; }
  .cat-title.yori     ~ .lcp_catlist li { border-color:#9ccc65; background:#f1f8e9; }
}

/* 新着記事タイトルを青＋下線に */
.new-entry-card-title {
  color: #1565c0 !important;        /* 青色 */
  text-decoration: underline !important;
  cursor: pointer;                  /* カーソルを指マークにしてリンク感を出す */
}

.new-entry-card-title:hover {
  color: #0d47a1 !important;        /* ホバー時は濃い青 */
  text-decoration: underline;
}