@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){
  /*必要ならばここにコードを書く*/
}
/* ウラコミ：トップページの記事要素を非表示（2026-07-17） */
.home.page .entry-title {
  display: none;
}
.home.page .sns-share {
  display: none;
}
.home.page .post-date,
.home.page .date-tags,
.home.page .entry-date {
  display: none;
}
.home.page .toc,
.home.page #toc {
  display: none;
}
/* ウラコミ：検索・ランキングカード（2026-07-17） */
.uracomi-search {
  background: #faf7f5;
  border: 1px solid #eee3de;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 24px;
}
.uracomi-search-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px 14px;
  margin-bottom: 12px;
}
.uracomi-field {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  color: #666;
  gap: 4px;
}
.uracomi-field select,
.uracomi-field input {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  background: #fff;
}
.uracomi-field-wide {
  grid-column: 1 / -1;
}
.uracomi-submit {
  background: #d9848b;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 24px;
  font-size: 15px;
  cursor: pointer;
}
.uracomi-submit:hover {
  opacity: 0.9;
}
.uracomi-result-count {
  font-size: 14px;
  color: #666;
  margin-bottom: 12px;
}
.uracomi-note {
  font-size: 12px;
  color: #999;
  display: block;
}
.uracomi-cards {
  display: grid;
  gap: 12px;
}
.uracomi-card {
  display: block;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 14px 16px;
  text-decoration: none;
  color: inherit;
  background: #fff;
  transition: box-shadow 0.2s;
}
.uracomi-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.uracomi-card-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.uracomi-card-title {
  font-size: 16px;
  font-weight: bold;
}
.uracomi-kind {
  font-size: 11px;
  background: #f0e6e2;
  color: #8a6a5e;
  border-radius: 999px;
  padding: 2px 10px;
}
.uracomi-card-rating {
  margin-top: 6px;
  font-size: 14px;
}
.uracomi-stars {
  color: #f0a141;
  letter-spacing: 1px;
}
.uracomi-noreview {
  font-size: 13px;
  color: #999;
}
.uracomi-card-tags {
  margin-top: 4px;
  font-size: 12px;
  color: #888;
}
.uracomi-rank {
  font-size: 12px;
  font-weight: bold;
  border-radius: 999px;
  padding: 2px 10px;
  background: #eee;
  color: #666;
}
.uracomi-rank-1 {
  background: #f5c518;
  color: #5b4300;
}
.uracomi-rank-2 {
  background: #d7dbe0;
  color: #4a5158;
}
.uracomi-rank-3 {
  background: #e2b48c;
  color: #6b3f1d;
}