@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){
  /*必要ならばここにコードを書く*/
}
/* ========================================
   FANLOOK 推しを探す 検索・ジャンル
======================================== */

/* 検索エリア */
.fanlook-search-area {
  margin: 25px 0 30px;
}

/* 検索フォーム */
.fanlook-search-form {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}

.fanlook-search-form input[type="search"] {
  flex: 1;
  height: 46px;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  background: #fff;
}

.fanlook-search-form button {
  height: 46px;
  padding: 0 22px;
  border: 0;
  border-radius: 8px;
  background: #222;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

/* ジャンル一覧 */
.fanlook-genre-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 15px;
}

/* ジャンルボタン */
.fanlook-genre-button {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: #fff;
  color: #333 !important;
  font-size: 14px;
  text-decoration: none !important;
  line-height: 1.4;
  transition: 0.2s;
}

.fanlook-genre-button:hover {
  background: #f2f2f2;
}

/* 選択中 */
.fanlook-genre-button.is-active {
  background: #222;
  border-color: #222;
  color: #fff !important;
}

/* 条件クリア */
.fanlook-search-reset {
  display: inline-block;
  margin-top: 5px;
  font-size: 13px;
}

/* スマホ */
@media screen and (max-width: 600px) {

  .fanlook-search-form {
    gap: 6px;
  }

  .fanlook-search-form input[type="search"] {
    min-width: 0;
  }

  .fanlook-search-form button {
    padding: 0 16px;
  }

  .fanlook-genre-filter {
    gap: 6px;
  }

  .fanlook-genre-button {
    padding: 7px 12px;
    font-size: 13px;
  }
}

/* ========================================
   FANLOOK 不要表示を非表示
======================================== */

/* 人物ページ上部のSNSシェアボタン */
.single-person .sns-share.ss-top {
  display: none !important;
}

/* 投稿日・更新日を全ページで非表示 */
.date-tags,
.post-date,
.post-update,
.entry-date,
.article-header .date-tags {
  display: none !important;
}
/* ========================================
   FANLOOK Cocoon不要パーツ非表示
======================================== */

/* 人物ページ上部のSNSシェア */
.single-person .sns-share.ss-top {
  display: none !important;
}

/* 下部のSNSシェア */
.sns-share.ss-bottom {
  display: none !important;
}

/* 「FANLOOK9292をフォローする」＋フォローボタン */
.sns-follow {
  display: none !important;
}

/* 投稿者名 */
.post-author,
.author-info,
.article-footer .post-author {
  display: none !important;
}

/* 投稿日・更新日 */
.date-tags,
.post-date,
.post-update,
.entry-date,
.article-header .date-tags {
  display: none !important;
}
/* ========================================
   FANLOOK 人物カード ジャンル表示
======================================== */

.fanlook-person-card-genres {
  display: inline-block;
  margin: 10px 0 14px;
  padding: 6px 12px;
  background: #f3f3f3;
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  font-size: 13px;
  color: #555;
  line-height: 1.4;
}

/* カード内の補足情報 */
.fanlook-person-card-meta {
  margin: 8px 0;
  font-size: 13px;
  color: #555;
}

/* 詳しく見る */
.fanlook-person-card-more {
  display: inline-block;
  margin-top: 6px;
  font-weight: 700;
}
/* 人物カードのジャンルを個別タグ化 */
.fanlook-person-card-genres {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0;
  padding: 0;
  background: none;
  border: 0;
}

.fanlook-genre-tag {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: #f7f7f7;
  color: #555;
  font-size: 12px;
  line-height: 1.3;
}

/* 詳しく見るを次の行へ */
.fanlook-person-card-more {
  display: block;
  margin-top: 12px;
  font-weight: 700;
}
/* 会いに行く */
.fanlook-meet-section {
  margin-top: 30px;
}

.fanlook-meet-section h2 {
  margin-bottom: 15px;
}

.fanlook-schedule-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 12px;
  background: #fff;
}

.fanlook-today {
  font-weight: bold;
  margin-bottom: 8px;
}

.fanlook-schedule-card a {
  display: inline-block;
  margin-top: 8px;
  padding: 8px 14px;
  border: 1px solid #333;
  border-radius: 6px;
  text-decoration: none;
}
/* 会いに行く：ジャンル表示 */
.fanlook-schedule-type {
  display: inline-block;
  padding: 3px 8px;
  margin: 5px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
}
/* 今日会える */
.fanlook-today {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 14px;
  background: #ffe9e9;
  border: 1px solid #ffb3b3;
}
/* 会いに行く：店舗・イベント名 */
.fanlook-schedule-card strong {
  font-size: 16px;
}
/* 会いに行く：詳細ボタン */
.fanlook-schedule-card a {
  display: inline-block;
  margin-top: 10px;
  padding: 9px 14px;
  border-radius: 7px;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #333;
}
/* オンラインで見る */
.fanlook-person-links a {
  display: inline-block;
  margin: 5px 6px 5px 0;
  padding: 9px 14px;
  border: 1px solid #333;
  border-radius: 7px;
  text-decoration: none;
  font-weight: bold;
}
/* 今日会える人 一覧 */
.fanlook-today-list {
  margin: 30px 0;
}

.fanlook-today-list h2 {
  margin-bottom: 15px;
}

.fanlook-today-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 12px;
  background: #fff;
}

.fanlook-today-card strong a {
  font-size: 17px;
  text-decoration: none;
}
.fanlook-today-image {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 10px;
}
/* エリアから探す */
.fanlook-area-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 15px 0 30px;
}

.fanlook-area-links a {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid #333;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
}
/* エリアごとのまとまり */
.fanlook-area-group {
  margin-bottom: 20px;
}

.fanlook-area-group h3 {
  margin-bottom: 8px;
  font-size: 17px;
}
.home .toc {
  display: none !important;
}
/* 中身が何もないプロフィール枠を消す */
.fanlook-person-profile:not(:has(img)):not(:has(p)):not(:has(.fanlook-person-description)) {
  display: none !important;
}