@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){
  /*必要ならばここにコードを書く*/
}
/* =========================
   ヘッダーメニュー区切り
========================= */

/* PC表示：縦線 */
#navi .menu-item a {
  border-right: 1px solid rgba(0,0,0,0.2);
}

#navi .menu-item:last-child a {
  border-right: none;
}

#navi .menu-item a:hover {
  background-color: #f5f5f5;
}

/* =========================
   スマホ表示：ボタン感を強化
========================= */
@media screen and (max-width: 767px) {
  #navi .menu-item a {
    border-bottom: 1px solid #ddd;
    margin: 4px 6px;
    padding: 12px 10px;
    background-color: #f9f9f9;
    border-radius: 6px;
  }

  #navi .menu-item a:active {
    background-color: #eaeaea;
  }
}

@media screen and (max-width: 767px) {
  #navi .current-menu-item > a {
    background-color: #e0e7ff; /* 薄い強調色 */
    font-weight: bold;
  }
}

/* ===== スマホ用 ナビ操作性の微調整 ===== */

/* ① タップ時の反応を出す */
@media screen and (max-width: 767px) {
  #navi .menu-item a:active {
    transform: scale(0.98);
  }
}

/* ② 現在地をより明確にする */
@media screen and (max-width: 767px) {
  #navi .current-menu-item > a {
    border: 1px solid #c7d2fe;
  }
}
/* フロントページのみ、作成日・更新日を非表示にする */
.home .date-tags,
.home .post-date,
.home .post-update,
.home .entry-date,
.home .updated {
  display: none !important;
}

/* 個人の方へボタン */
a.personal-btn {
  display: inline-block;
  padding: 0.6em 1.6em;   /* ← 縦だけ 0.8 → 0.6 */
  line-height: 1.4;      /* ← 明示的に指定 */
  border: 2px solid #2e7d32;
  color: #2e7d32;
  background-color: #EBF8F4;
  border-radius: 8px;
  font-weight: bold;
  transition: all 0.3s ease;
}
/* 個人の方へボタン（hover） */
a.personal-btn:hover {
  background-color: #3EB370;
  color: #ffffff;
}

/* 法人の方へボタン */
a.corporate-btn {
  display: inline-block;
  padding: 0.6em 1.6em;   /* ← 同じく */
  line-height: 1.4;
  border: 2px solid #1565c0;
  color: #1565c0;
  background-color: #F3FAFE;
  border-radius: 8px;
  font-weight: bold;
  transition: all 0.3s ease;
}

a.corporate-btn:hover {
  background-color: #0095D9;
  color: #ffffff;
}

/* 点滅する「おススメ」マーク */
.osusume {
    display: inline-block;
    padding: 2px 6px;
    background-color: #ff4747;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    animation: blink 1.2s infinite;
}

/* 点滅アニメーション */
@keyframes blink {
    0%   { opacity: 1; }
    50%  { opacity: 0.3; }
    100% { opacity: 1; }
}
/* === 固定ページ：投稿者・編集・装飾アイコン非表示（自治会用） === */

/* 投稿者名・メタ */
.page .post-author,
.page .author,
.page .post-meta-author,
.page .post-meta {
  display: none;
}

/* 編集・装飾アイコン（ペン等） */
.page svg,
.page .fa,
.page i[class*="pen"],
.page i[class*="edit"] {
  display: none !important;
}

/* アイキャッチ上のカテゴリラベルを非表示（Cocoon） */
.eye-catch .cat-label,
.eye-catch .cat-labels {
  display: none !important;
}
/* カテゴリ・アーカイブ一覧のカード上カテゴリラベルを非表示 */
.archive .cat-label,
.archive .cat-labels {
  display: none !important;
}