@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;
}

/* ==========================================================================
   Phase1移植＋STEP4/5統合（2026-06-10）
   明朝テキストロゴ／等幅数字／公告ボード／日付グルーピング／開札バッジ／
   サイドバー目的化＋編集部ボックス
   ========================================================================== */

/* ---- STEP5-1: 明朝テキストロゴ（Shippori Mincho は functions.php で読み込み） ---- */
.logo-text .site-name-text {
	font-family: "Shippori Mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
	font-weight: 700;
	letter-spacing: .08em;
}
.header .tagline {
	color: #5a6878;
	letter-spacing: .04em;
}

/* ---- STEP5-2: 等幅数字（日付・件数・金額などの数字が並ぶ箇所に限定） ---- */
.bid-deadline,
.bid-accept-deadline,
.bid-price,
.bid-area-cnt,
.bidnav-cnt,
.bidnav-last-updated,
.bid-board-date,
.bid-board-count,
.bid-date-heading,
.bidnav-week-date,
.bidnav-new-date {
	font-variant-numeric: tabular-nums;
}

/* ---- Phase1①: 公告ボード（トップページ上部） ---- */
.bid-board {
	background: #fbfaf7;
	border: 1px solid #e3ded2;
	border-top: 4px solid #1e3a5f;
	border-radius: 8px;
	padding: 16px 20px 14px;
	margin: 4px 0 24px;
}
.bid-board-head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 18px;
}
.bid-board-date {
	font-family: "Shippori Mincho", "Noto Serif JP", "Hiragino Mincho ProN", serif;
	font-size: 1.3em;
	font-weight: 700;
	color: #1e3a5f;
	margin: 0;
}
.bid-board-count {
	margin: 0;
	color: #333;
	font-size: .95em;
}
.bid-board-count-num {
	font-size: 1.4em;
	font-weight: 700;
	color: #c62828;
	padding: 0 2px;
}
.bid-board-closed-link {
	margin-left: auto;
	font-size: .85em;
	color: #1a56db;
	text-decoration: underline;
	white-space: nowrap;
}
.bid-board-closed-link:hover { color: #1747b8; }
.bid-board-tabs {
	display: flex;
	gap: 8px;
	margin-top: 12px;
	overflow-x: auto;            /* モバイルは横スクロール */
	-webkit-overflow-scrolling: touch;
	padding-bottom: 4px;
}
.bid-board-tab {
	flex: 0 0 auto;
	padding: 6px 16px;
	border: 1px solid #c9d2dd;
	border-radius: 999px;
	background: #fff;
	color: #1e3a5f;
	font-weight: 700;
	font-size: .9em;
	text-decoration: none;
	white-space: nowrap;
}
.bid-board-tab:hover {
	background: #1e3a5f;
	color: #fff;
	border-color: #1e3a5f;
}
.bid-board-tab-all {
	background: #1e3a5f;
	color: #fff;
	border-color: #1e3a5f;
}
.bid-board-tab-all:hover { background: #2a4d78; }
@media (max-width: 480px) {
	.bid-board { padding: 12px 14px 10px; }
	.bid-board-closed-link { margin-left: 0; }
}

/* ---- Phase1②: 一覧の日付グルーピング見出し（例「6月13日（土）開札」） ---- */
.bid-date-heading {
	font-family: "Shippori Mincho", "Noto Serif JP", "Hiragino Mincho ProN", serif;
	font-size: 1.2em;
	font-weight: 700;
	color: #1e3a5f;
	margin: 28px 0 12px;
	padding: 0 0 6px;
	border-bottom: 2px solid #1e3a5f;
}
.bid-date-heading:first-of-type { margin-top: 8px; }

/* ---- Phase1③: 開札間近／本日開札 バッジ ----
   カード内（.bid-badges .badge）とサイドバー・個別ページ（.bidnav-badge）の2系統 */
.bid-badges .badge.soon  { background: #b5510a; color: #fff; font-weight: bold; }
.bid-badges .badge.today { background: #c62828; color: #fff; font-weight: bold; }
.bidnav-badge {
	display: inline-block;
	font-size: .72em;
	padding: 2px 8px;
	border-radius: 999px;
	line-height: 1.6;
	white-space: nowrap;
	font-weight: 700;
}
.bidnav-badge.soon  { background: #b5510a; color: #fff; }
.bidnav-badge.today { background: #c62828; color: #fff; }

/* 個別ページ冒頭の「開札間近／本日開札」帯（終了帯 .bidcase-ended-notice は既存を流用） */
.bidcase-soon-notice {
	background: #fdf6ee;
	border: 1px solid #ecd9c2;
	border-left: 5px solid #b5510a;
	color: #7a4a1f;
	padding: 12px 16px;
	border-radius: 6px;
	font-weight: 700;
	margin: 0 0 18px;
}
.bidcase-soon-notice.is-today {
	background: #fdeeee;
	border-color: #ecc9c2;
	border-left-color: #c62828;
	color: #7a1f1f;
}

/* ---- Phase1④＋STEP4: サイドバー目的化＋編集部ボックス ---- */
.bidnav-side {
	background: #fff;
	border: 1px solid #e3e3e0;
	border-radius: 8px;
	padding: 14px 16px;
	margin-bottom: 18px;
}
.bidnav-side-title {
	font-size: 1.02em;
	font-weight: 700;
	color: #1e3a5f;
	border-bottom: 2px solid #1e3a5f;
	padding: 0 0 6px;
	margin: 0 0 10px;
}
.bidnav-week-list,
.bidnav-new-list,
.bidnav-pref-list,
.bidnav-read-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bidnav-week-item,
.bidnav-new-item,
.bidnav-read-item {
	padding: 8px 0;
	border-bottom: 1px dashed #e4e4df;
	font-size: .88em;
	line-height: 1.5;
}
.bidnav-week-item:last-child,
.bidnav-new-item:last-child,
.bidnav-read-item:last-child { border-bottom: none; }
.bidnav-week-date {
	font-weight: 700;
	color: #1e3a5f;
	margin-right: 6px;
}
.bidnav-week-title,
.bidnav-new-title,
.bidnav-read-item a {
	display: block;
	color: #333;
	text-decoration: none;
	margin-top: 2px;
}
.bidnav-week-title:hover,
.bidnav-new-title:hover,
.bidnav-read-item a:hover {
	text-decoration: underline;
	color: #1e3a5f;
}
.bidnav-new-date {
	font-size: .9em;
	color: #888;
}
.bidnav-pref-list li {
	padding: 7px 0;
	border-bottom: 1px dashed #e4e4df;
	font-size: .92em;
}
.bidnav-pref-list li:last-child { border-bottom: none; }
.bidnav-pref-list a {
	color: #1e3a5f;
	text-decoration: none;
	font-weight: 700;
}
.bidnav-pref-list a:hover { text-decoration: underline; }
.bidnav-cnt {
	color: #888;
	font-size: .85em;
	font-weight: normal;
}
.bidnav-pref-all a { font-weight: normal; font-size: .95em; }
.bidnav-side-closed { padding: 0; border: none; background: none; }
.bidnav-closed-link {
	display: block;
	padding: 10px 12px;
	border: 1px solid #c9d2dd;
	border-radius: 8px;
	background: #f5f7fa;
	color: #1e3a5f;
	font-weight: 700;
	font-size: .92em;
	text-align: center;
	text-decoration: none;
}
.bidnav-closed-link:hover {
	background: #1e3a5f;
	color: #fff;
	border-color: #1e3a5f;
}
.bidnav-read-cats {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.bidnav-read-cat {
	font-size: .8em;
	padding: 3px 10px;
	background: #e9eef5;
	color: #1e3a5f;
	border-radius: 999px;
	text-decoration: none;
}
.bidnav-read-cat:hover { background: #1e3a5f; color: #fff; }
.bidnav-editor-box {
	background: #f7f6f2;
	border: 1px solid #ddd6c4;
}
.bidnav-editor-box p {
	font-size: .85em;
	line-height: 1.7;
	margin: 0;
	color: #444;
}
.bidnav-editor-link { margin-top: 8px !important; }