@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://wp-cocoon.com/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* ===== bid_case アーカイブ：カード表示（入札の先へ・指示書#6 タスク2） ===== */
.bid-archive-wrap{max-width:1040px;margin:0 auto;padding:8px 0 24px;}
.bid-archive-title{font-size:1.5em;margin:8px 0 6px;font-weight:700;color:#1e3a5f;}
.bid-archive-lead{font-size:.8em;color:#777;margin:0 0 16px;}
.bid-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.bid-card{border:1px solid #dcdcdc;border-radius:10px;padding:16px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:8px;}
.bid-card .bid-title{font-size:1.05em;font-weight:700;line-height:1.45;margin:0;}
.bid-card .bid-title a{text-decoration:none;color:#1e3a5f;}
.bid-card .bid-title a:hover{text-decoration:underline;}
.bid-org{font-size:.85em;color:#555;margin:0;}
.bid-location{font-size:.92em;color:#333;margin:0;}
.bid-badges{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0;}
.bid-badges .badge{font-size:.75em;padding:2px 9px;border-radius:999px;line-height:1.7;white-space:nowrap;}
.bid-badges .badge.work{background:#e9eef5;color:#1e3a5f;}
.bid-badges .badge.method{background:#edf7ed;color:#2e7d32;}
.bid-badges .badge.special{background:#fff3e0;color:#b5510a;}
.bid-badges .badge.ended{background:#c62828;color:#fff;font-weight:bold;}
.bid-badges .badge.draft{background:#eceff1;color:#546e7a;border:1px dashed #b0bec5;}
.bid-deadline{font-size:.92em;font-weight:700;color:#b5510a;margin:4px 0 0;}
.bid-card.is-ended{opacity:.65;}

/* ===== トップ：新着の入札情報エリア（指示書#6 タスク3） ===== */
.bid-recent-wrap{max-width:1040px;margin:0 auto;padding:8px 0;}
.bid-recent-title{font-size:1.35em;font-weight:700;color:#1e3a5f;margin:8px 0 14px;border-left:5px solid #1e3a5f;padding-left:10px;}
.bid-recent-empty{color:#666;background:#f7f7f5;border:1px dashed #d9d2c2;border-radius:8px;padding:16px;margin:0;}
.bid-more-wrap{margin:16px 0 0;text-align:right;}
.bid-more{display:inline-block;background:#1e3a5f;color:#fff;text-decoration:none;padding:8px 18px;border-radius:999px;font-weight:700;font-size:.9em;}
.bid-more:hover{background:#2a4d78;color:#fff;}

/* 県別セクション（2026-06-06 県別化） */
.bid-pref-section{margin:0 0 26px;}
.bid-pref-section + .bid-pref-section{padding-top:22px;border-top:1px solid #ececec;}
.bid-pref-title{font-size:1.12em;font-weight:700;color:#1e3a5f;margin:0 0 12px;display:flex;align-items:center;gap:8px;}
.bid-pref-title::before{content:"";display:inline-block;width:8px;height:18px;background:#1e3a5f;border-radius:2px;}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  .bid-card-list{grid-template-columns:1fr;}
}

/* ==========================================================================
   入札案件アーカイブ 絞り込みフォーム（指示書#6filter で追加・2026-05-27）
   ========================================================================== */

.bid-filter-form {
	background: #f7f9fb;
	border: 1px solid #dde4ec;
	border-radius: 8px;
	padding: 16px 20px;
	margin: 0 0 24px;
	font-size: 14px;
}

.bid-filter-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 16px;
	margin: 0 0 12px;
}

.bid-filter-row:last-child {
	margin-bottom: 0;
}

.bid-filter-field {
	flex: 1 1 180px;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.bid-filter-field label,
.bid-filter-keyword label {
	font-size: 12px;
	color: #5a6878;
	margin-bottom: 4px;
}

.bid-filter-keyword input[type="text"],
.bid-filter-field input[type="date"],
.bid-filter-field select {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #c5d0db;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
	box-sizing: border-box;
}

.bid-filter-keyword {
	flex-direction: column;
}

.bid-filter-actions {
	align-items: center;
	gap: 12px;
}

.bid-filter-submit {
	background: #1e3a5f;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px 24px;
	font-size: 14px;
	cursor: pointer;
}

.bid-filter-submit:hover {
	background: #2a4d78;
}

.bid-filter-reset {
	color: #5a6878;
	text-decoration: underline;
	font-size: 13px;
}

/* スマホ用 */
@media (max-width: 600px) {
	.bid-filter-form { padding: 12px 14px; font-size: 13px; }
	.bid-filter-field { flex: 1 1 100%; }
	.bid-filter-submit { width: 100%; }
}

/* 受付終了の告知帯（個別ページ・新方針） */
.bidcase-ended-notice {
	background: #efe7e3;
	border: 1px solid #d9c4bc;
	border-left: 5px solid #b06a4f;
	color: #6b4a3e;
	padding: 12px 16px;
	border-radius: 6px;
	font-weight: 700;
	margin: 0 0 18px;
}

/* 一覧上部の最終更新日時 */
.bidnav-last-updated { font-size: 13px; color: #555; margin: 0 0 14px; }
.bidnav-last-updated .note { font-size: 12px; color: #888; }

/* 入札状態タブ（募集中／入札終了）— 2026-06-03 ③追加 */
.bid-filter-state { display: flex; gap: .5rem; margin-bottom: .75rem; }
.bid-state-tab {
	display: inline-block;
	padding: .4em 1.1em;
	border: 1px solid #ccc;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 600;
	line-height: 1.4;
}
.bid-state-tab.is-active { background: #1e3a5f; color: #fff; border-color: #1e3a5f; }

/* 地域ボタン（県→市町・ドリルダウン）— 2026-06-03 ④ */
.bid-filter-area .bid-area-buttons { display:flex; flex-direction:column; gap:.4rem; margin-top:.3rem; }
.bid-area-row { display:flex; flex-wrap:wrap; gap:.4rem; }
.bid-area-shi { padding-left:.6rem; }
.bid-area-btn { display:inline-block; padding:.3em .9em; border:1px solid #ccc;
  border-radius:6px; text-decoration:none; line-height:1.5; font-size:.95em; white-space:nowrap; }
.bid-area-btn.is-active { background:#1e3a5f; color:#fff; border-color:#1e3a5f; }
.bid-area-shi-btn { font-size:.85em; }
.bid-area-cnt { opacity:.7; font-size:.85em; }

/* スマホ下部バー アイコン表示（2026-06-07 指示書）
   Cocoonは <span class="custom-menu-icon menu-icon"><span class="fa-home"></span></span> のように
   基底クラス .fa 無しで出力するため、fa-home 等にフォントが当たらず空白になる。
   .fa { font-family: FontAwesome } を確認済みのため、ここで明示指定して補う。 */
.mobile-footer-menu-buttons .menu-icon span,
.mobile-footer-menu-buttons .menu-icon span::before{
  font-family:"FontAwesome" !important;
}

/* ==========================================================================
   見た目改善 STEP2-3（2026-06-10）
   キーカラー #1e3a5f（紺）に細部を統一＋本文タイポグラフィ
   ========================================================================== */

/* ヘッダーのグローバルメニュー（紺背景）の視認性確保。
   親テーマの hover 背景が #f5f8fa（ほぼ白）のため、白文字が hover で消えていた */
#navi .navi-in a { color: #fff; }
#navi .navi-in a:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .16);
}

/* 記事見出し h2/h3：紺ベタ塗りをやめ、淡色地＋紺の帯でシンプルに
   （body.single = 記事・案件詳細のみ。トップ・一覧のカード見出しには当てない） */
body.single .article h2 {
	background: #edf1f7;
	color: #1e3a5f;
	border-left: 6px solid #1e3a5f;
	border-radius: 3px;
	padding: .6em .8em;
}
body.single .article h3 {
	border: none;
	border-left: 4px solid #1e3a5f;
	border-bottom: 1px solid #dfe5ee;
	padding: .35em .6em;
}

/* 本文タイポグラフィ（投稿=記事のみ。案件詳細の表・一覧・トップは対象外）
   読者=40〜60代想定：気持ち大きめ・行間広め・1行が長くなりすぎない幅 */
body.single-post .article .entry-content {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	line-height: 1.8;
}

/* 本文中のリンク色（紺は本文中で沈むため明るめの青／hoverやや濃く。
   class付き＝ボタン・ブログカード等は対象外） */
body.single .entry-content p a:not([class]),
body.single .entry-content li a:not([class]),
body.single .entry-content td a:not([class]) {
	color: #1a56db;
}
body.single .entry-content p a:not([class]):hover,
body.single .entry-content li a:not([class]):hover,
body.single .entry-content td a:not([class]):hover {
	color: #1747b8;
}