@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Template: cocoon-master
Version: 1.1.3
*/
.custom-tax-meta {
  margin-top: 6px;
  font-size: 13px;
  color: #333;
  line-height: 1.6;
}

.custom-tax-meta .meta-item {
  margin-bottom: 4px;
}

.custom-tax-meta a {
  color: #0073aa;
  text-decoration: none;
}

.custom-tax-meta a:hover {
  text-decoration: underline;
}

.entry-card-thumb-link {
  display: inline-block;
}

.entry-card-content {
  padding-left: 0;
}


/* サムネイル横の余白削減 */
.entry-card-thumb {
  flex-shrink: 0;
}
.entry-card-content {
  flex: 1;
}

/* カード全体のクリック範囲を縮小（サムネイル横の無駄なクリック範囲削除） */
.entry-card-wrap {
  display: flex;
  align-items: flex-start;
}
.entry-card-wrap .entry-card-thumb {
  margin-right: 15px;
}

/* タイトル直下のエリア・タイプ表示用 */
.single-tax-meta {
  font-size: 13px !important; /* ←必ず反映させたい場合 */
  color: #666 !important;
  line-height: 1.5;
  margin-top: 4px;
}

.single-tax-meta .meta-label {
  font-weight: bold;
  margin-right: 4px;
}

.single-tax-meta a {
  color: #0073aa !important;
  text-decoration: none;
}

.single-tax-meta a:hover {
  text-decoration: underline;
}


/* =======================================
   投稿ページタイトル直前の金額注意文
   ======================================= */
.price-notice {
  background: #fff3cd;       /* 薄い黄色背景で注意を目立たせる */
  border: 1px solid #ffeeba; /* 背景色に合う枠線 */
  padding: 2px 3px;         /* 内側余白で読みやすく */
  margin-bottom: 10px;       /* タイトルとの間に余白を追加 */
  font-size: 8px;           /* 少し小さめの文字サイズ */
  color: #856404;            /* 警告色っぽい茶色の文字 */
  border-radius: 4px;        /* 角を少し丸くして柔らかい印象に */
}

/* =======================================
   トップ上部の返金に関する文言
   ======================================= */
.site-description {
    font-size: 12px;
    margin: 20px 0;
    padding: 10px;
    background-color: #f9f9f9;
    border-left: 4px solid #ccc;
}

/* 検索フォーム下説明文の装飾 */
.search-description {
    background: #fff3cd; /* 薄い黄色の背景 */
    font-size: 12px; /* 小さめの文字 */
    color: #666; /* グレーの文字色 */
    margin-top: 12px; /* フォームとの間隔 */
    padding: 4px 6px; /* 内側余白 */
    line-height: 1.4; /* 行間 */
    border-radius: 3px; /* 角丸 */
}

.search-box {
    margin-bottom: 0; /* フォームの下余白をなくす */
}

.eye-catch img {
    width: 200px;  /* 固定幅 */
    height: auto;  /* 縦横比維持 */
    display: block;
    margin: 0 auto;
}


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

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

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