/*■■■■■■■■■■■■ホーム画面 4カラムメニュー*/

.form-header { display: flex; justify-content: flex-start; align-items: center; padding: 0 5px 0 2px; margin-bottom: 15px; gap: 0 20px; }
.form-header h2 { margin: 0; font-size: 1.6rem; color: #443e38; }
.home-menu-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 30px; align-items: start; }
.menu-column { background: #fff; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); overflow: hidden; border-top: 6px solid #ccc; }
.menu-header { padding: 20px; text-align: center; border-bottom: 1px solid #f0f0f0; background: #fafafa; }
.menu-header h3 { margin: 10px 0 0; font-size: 1.3rem; color: #443e38; }
.menu-icon { font-size: 2.2rem; }
.menu-list { list-style: none; padding: 0 0; margin: 0; }
.menu-list li { border-bottom: 1px solid #eee; }
.menu-list li:last-child { border-bottom: none; }
.menu-list a { display: block; padding: 16px 25px; color: #524a42; text-decoration: none; font-size: 1.2rem; transition: all 0.2s; position: relative; }
.menu-list a:hover { background-color: #fdfaf7; color: #da8522; padding-left: 30px; }
.menu-list a::before { content: '▶'; font-size: 0.6rem; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #ccc; opacity: 0; transition: opacity 0.2s; }
.menu-list a:hover::before { opacity: 1; }

.col-yumekago { border-top-color: #da8522; }
.col-yumekago .menu-header h3 { color: #da8522; }
.col-billing { border-top-color: #8e583e; }
.col-billing .menu-header h3 { color: #8e583e; }
.col-kanon { border-top-color: #e6a1a1; }
.col-kanon .menu-header h3 { color: #e6a1a1; }
.col-settings { border-top-color: #8a8076; }



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■■■顧客登録テーブル共通・スタックレイアウト*/

.table-wrapper { overflow-x: auto; margin-bottom: 20px; }

.kanon-stk-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; table-layout: fixed; margin-bottom: 20px; border: 1px solid #ccc; }
.kanon-stk-table th { background-color: #f0ede0; border: 1px solid #ccc; padding: 8px 4px; color: #8e583e; font-weight: bold; line-height: 1.3; text-align: center; }
.kanon-stk-table td { border: 1px solid #d0ccc0; padding: 9px 6px; vertical-align: middle; background-color: #f7f3ed; box-sizing: border-box; }

.stk-vbox { display: flex; flex-direction: column; gap: 5px; width: 100%; box-sizing: border-box; }
.stk-hbox { display: flex; flex-direction: row; gap: 6px; align-items: center; width: 90%; box-sizing: border-box; }
.stk-td-center { text-align: center; }
.stk-align-center { align-items: center; }

/*■■■■■■■■■■■■顧客登録：入力パーツ*/

.kanon-stk-table input, .kanon-stk-table select { box-sizing: border-box; border: #ddd 1px solid; padding: 4px 6px; border-radius: 4px; background-color: #ffffff; color: #524a42; max-width: 100%; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); transition: background-color 0.2s; }
.kanon-stk-table textarea {color: #524a42; border: #ccc 1px solid;border-radius: 4px;}
.kanon-stk-table input:focus, .kanon-stk-table select:focus { outline: 2px solid rgba(218, 133, 34, 0.3); background-color: #fff; }

.stk-input-furi { font-size: 0.8rem; height: 26px; width: 100%; }
.stk-input-name { font-size: 0.95rem; font-weight: bold; width: 100%; height: 28px; }
.stk-mini-select { width: 100%; font-size: 0.85rem; height: 24px; color: #5d8a4d; padding: 0 0 0 4px!important;}
.stk-input-kbn { width: 100%; font-size: 0.85rem; height: 24px; color: #5d8a4d; padding: 0 0 0 2px!important;}
.stk-input-qty { width: 38px !important; text-align: center; font-size: 0.9rem; padding: 2px !important; height: 24px; }
.stk-gram-label { font-size: 0.8rem; color: #8a8076; line-height: 1; margin-top: -2px; }

.stk-input-kaisyu { width: 85%; font-size: 0.8rem; height: 26px;}
.stk-input-type { flex: 1; font-size: 0.85rem; height: 26px; min-width: 0; padding: 0 0 0 2px!important;}
.stk-input-typein {font-size: 0.85rem; height: 26px; min-width: 0; padding: 0 0 0 1px!important;width: 55%;}
.stk-input-gram { width: 50px !important; text-align: right; font-size: 0.8rem; height: 26px; }
.stk-input-special { width: 92%; font-size: 0.8rem; height: 42px;}
.stk-input-area { width: 65px !important; font-size: 0.8rem; height: 35px; padding: 0 0 0 2px!important;}
.stk-input-addr { font-size: 0.9rem; width: 130px; height: 30px;flex: none;}
.stk-input-tel { font-size: 0.9rem; height: 24px; width: 85px; }
.stk-input-manager { width: 80px !important; font-size: 0.9rem; height: 26px; }
.stk-input-emergency { width: 100%; font-size: 0.9rem; height: 26px; }
.stk-input-birth { width: 100%; font-size: 0.9rem; height: 28px; }
.stk-input-notes {width: 90%;font-size: 0.9rem;height: 50px;}

.sub-th { font-size: 0.8rem; font-weight: normal; color: #a08070; display: block; }

/*■■■■■■■■■■■■曜日・箸・利用状況・削除*/

.day-selector { display: flex; gap: 1px; justify-content: flex-start; background-color: #e6e2d6; padding: 2px; border-radius: 3px; width: fit-content; }
.btn-day { border: none; background: #fdfdfd; color: #b0a8a0; padding: 2px 0; font-size: 0.75rem; cursor: pointer; border-radius: 2px; min-width: 22px; box-shadow: 0 1px 1px rgba(0,0,0,0.05); }
.btn-day.active { background-color: #5d8a4d; color: #fff; font-weight: bold; box-shadow: none; }

.stk-label-hashi { font-size: 0.8rem; font-weight: bold; display: flex; align-items: center; gap: 4px; margin-top: 4px; color: #8e583e; }
.stk-label-hashi input { box-shadow: none; transform: scale(1.1); margin: 0; }
.stk-check-status { transform: scale(1.5); cursor: pointer; margin: 0; accent-color: #5d8a4d; box-shadow: none !important; }

.btn-delete { background: #fff; border: 1px solid #ead0bc; color: #c04a40; border-radius: 4px; width: 26px; height: 26px; cursor: pointer; font-size: 1.1rem; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.btn-delete:hover { background-color: #c04a40; color: #fff; }

/*■■■■■■■■■■■■操作パネル（ソート等）*/

.stk-header-controls { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.stk-sort-box { display: flex; align-items: center; gap: 8px; background-color: #f0ede0; padding: 4px 12px; border-radius: 4px; }
.stk-sort-box label { font-size: 0.82rem; font-weight: bold; color: #8e583e; white-space: nowrap; }
.stk-sort-select { min-width: 100px; height: 28px !important; font-size: 0.85rem; }

/*■■■■■■■■■■■■自動保存時のフィードバック*/

.kanon-stk-table tr { transition: background-color 0.5s; }
/* 保存に成功した瞬間に一瞬光らせるなどの演出用 */
.saved-flash { background-color: #fff9e6 !important; }

/*■■■■■■■■■■■■新規登録行のスタイル*/

.new-entry-row td { background-color: #ffffff; border-top: 1px solid #f1ded0!important; }
.new-entry-row input::placeholder { color: #ccc; font-style: italic; }
.new-entry-row textarea::placeholder { color: #ccc; font-style: italic; }
.new-entry-row .stk-input-name { background-color: #fff9e6 !important; border: 1px solid #edcda5 !important; }
.new-entry-row .stk-input-name::placeholder { color: #8a8076; opacity: 1; font-weight: bold; font-style: normal; font-size: 0.8rem;}

/*■■■■■■■■■■■■停止中リストの装飾*/

.stk-tbody-suspended { border-top: 3px double #ccc; }
.stk-row-divider td { background-color: #8a8076 !important; color: #fff; text-align: center; font-weight: bold; padding: 5px !important; font-size: 0.8rem; }

.stk-row-suspended td { background-color: #f0f0f0 !important; opacity: 0.7; }
.stk-row-suspended input, .stk-row-suspended select, .stk-row-suspended textarea { background-color: #eee !important; color: #888; }

.cs_id {text-align: center;width: 100%;}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/* 受注入力ヘッダー・操作系 */
.form-header { display: flex; justify-content: flex-start; align-items: center; padding: 0 5px 0 2px; margin-bottom: 20px; gap: 0 20px; }
.form-header h2 { margin: 0; font-size: 1.6rem; color: #443e38; }
.date-controls { display: flex; align-items: center; gap: 10px; margin-bottom: 3px; }
.btn-nav { background: #fff; border: 1px solid #ead0bc; color: #b05e2f; padding: 5px 12px; border-radius: 4px; cursor: pointer; font-size: 0.9rem; transition: 0.2s; text-decoration: none; }
.btn-nav:hover { background: #fdf2e9; }
.date-picker-wrapper { position: relative; display: flex; align-items: center; gap: 8px; padding: 0 10px; }
.date-display { font-size: 1.3rem; font-weight: bold; color: #222; }

.date-picker-wrapper { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; min-width: 220px; margin-right: 10px;}
.full-clickable-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; }
.date-display { position: relative; z-index: 1;}
.btn-calendar { position: relative; z-index: 1; background: none;border: none;font-size: 20px;padding: 0!important;}

.hidden-date-input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; top: 0; }
.info-bar { display: flex; align-items: center; font-size: 1.1rem; color: #443e38; margin-left: auto; margin-bottom: 3px; }
.info-bar span { font-weight: bold; }
.btn-print { background: #fff; border: 1px solid #da8522; color: #da8522; padding: 5px 15px; border-radius: 4px; cursor: pointer; font-size: 0.9rem; font-weight: bold; margin-left: 20px; transition: 0.2s; }
.btn-print:hover { background: #da8522; color: #fff; }

/* 受注入力：検索・ソートパネルの整形 */
.order_sort { display: flex; align-items: center; gap: 30px; width: fit-content; padding: 0 0 0 20px;}

.order_sort .stk-vbox { display: flex; flex-direction: row; align-items: center; gap: 10px; width: auto !important; }

.order_sort .stk-vbox label { font-size: 0.85rem; font-weight: bold; color: #8e583e; white-space: nowrap; margin: 0; flex-shrink: 0; }

.order_sort .stk-hbox { display: flex; flex-direction: row; align-items: center; gap: 5px; }

/* セレクトボックスの体裁統一 */
.stk-order-select { height: 32px; padding: 0 8px; font-size: 0.9rem; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #333; }
.stk-order-select:focus { border-color: #da8522; outline: none; }



/* 受注テーブル本体 */
.order-table { table-layout: auto; }
.order-table th { background-color: #f0ede0; border: 1px solid #ccc; padding: 10px 4px; color: #8e583e; font-weight: bold; font-size: 0.85rem; }
.order-table td { background-color: #f7f3ed; border: 1px solid #d0ccc0; padding: 6px; }
.stk-input-qty { width: 42px !important; text-align: center; font-size: 1rem; font-weight: bold; border: 1px solid #ddd; border-radius: 4px; padding: 4px !important; }
.input-name { width: 100%; font-size: 1rem; font-weight: bold; background-color: #fff; border: 1px solid #ddd; padding: 5px 8px; border-radius: 4px; }
.input-name[readonly] { background-color: transparent; border-color: transparent; box-shadow: none; cursor: default; }
.text-special { font-size: 0.8rem; color: #8e583e; text-align: left; line-height: 1.3; }
.label-kbn { font-size: 1rem; color: #666; font-weight: bold; }
.btn-delete-order { background: #fff; border: 1px solid #ead0bc; color: #c04a40; border-radius: 4px; width: 30px; height: 30px; cursor: pointer; font-size: 1.2rem; transition: 0.2s; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0 auto; }
.btn-delete-order:hover { background-color: #c04a40; color: #fff; }

/* 合計・追加行・オートコンプリート */
.total-row td { border-top: 2px solid #8e583e !important; color: #8e583e; padding: 10px 4px !important; }
.new-entry-row { background-color: #f0f0f0 !important; }
.new-entry-row td { background-color: #f0f0f0 !important; }
.new-entry-row input { border: 1px dashed #da8522 !important; background-color: #fff !important; }
.autocomplete-list { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 2px solid #da8522; z-index: 1000; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border-radius: 0 0 6px 6px; max-height: 250px; overflow-y: auto; display: none; }

/* 受注入力パーツ調整 */
.stk-input-mini { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background-color: #fff; width: 100%; font-size: 0.85rem; }

.autocomplete-list { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 2px solid #da8522; z-index: 1000; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border-radius: 0 0 6px 6px; max-height: 250px; overflow-y: auto; display: none; }
.search-item { padding: 10px 15px; cursor: pointer; border-bottom: 1px solid #eee; font-size: 0.95rem; text-align: left; transition: 0.2s; line-height: 1.2; }
.search-item:hover { background-color: #fdf2e9; color: #da8522; font-weight: bold; }
.search-item small { color: #8a8076; font-size: 0.75rem; }
.stk-input-notes2 {width: 90%;font-size: 0.9rem;height: 30px;}


.btn-call-data { border: none; padding: 6px 15px; border-radius: 4px; cursor: pointer; font-weight: bold; font-size: 0.85rem; transition: 0.2s; }
.btn-call-data.lunch { background: #fff3cd; color: #856404; border: 1px solid #ffeeba; margin-right: 5px; }
.btn-call-data.lunch:hover { background: #ffeeba; }
.btn-call-data.evening { background: #e2d9f3; color: #512da8; border: 1px solid #d1c4e9; }
.btn-call-data.evening:hover { background: #d1c4e9; }

.stk-toast { position: fixed; top: -60px; left: 50%; transform: translateX(-50%); background: rgba(33, 33, 33, 0.9); color: #fff; padding: 12px 30px; border-radius: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index: 10000; transition: top 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); font-weight: bold; pointer-events: none; }
.stk-toast.show { top: 25px; }

.total-row { background-color: #f0ede0; font-weight: bold; }


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* 納品書　1. ヘッダー全体のレイアウト：横1列・中央揃え */
.delivery-prep-header { display: flex; align-items: center; gap: 25px; padding: 15px 0; width: 100%; flex-wrap: nowrap; }

/* 2. 日付選択：背景・ボーダーなし、エリア全体をクリック可能に */
.date-picker-wrapper { position: relative; cursor: pointer; display: flex; align-items: center; padding: 5px 0; min-width: 180px; justify-content: center; background: none; border: none; }
.full-clickable-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; }

/* 3. 並べ替え・フィルタ：背景・ボーダーなし */
.order_sort.no-bg { display: flex; align-items: center; gap: 20px; padding: 0; margin: 0; background: none !important; border: none !important; }
.order_sort .stk-vbox { display: flex; flex-direction: row; align-items: center; gap: 8px; width: auto !important; }
.order_sort .stk-vbox label { font-size: 0.85rem; font-weight: bold; color: #8e583e; white-space: nowrap; margin: 0; flex-shrink: 0; }
.order_sort .stk-hbox { display: flex; flex-direction: row; align-items: center; gap: 5px; }
.stk-order-select { height: 32px; padding: 0 8px; font-size: 0.9rem; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; color: #333; }

/* 4. 印刷ボタン：右端配置・装飾 */
.prep-print-btn { padding: 8px 25px; font-size: 1rem; background-color: #da8522; color: #fff; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; transition: 0.2s; white-space: nowrap; }
.prep-print-btn:hover { background-color: #c6761d; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

/* 5. 納品書一覧テーブル：基本構造 */
.prep-table-wrapper { overflow-x: auto; margin-bottom: 30px; }
.prep-order-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; border: 1px solid #eecbae; background-color: #fff; }
.prep-order-table th { background-color: #f9f6e6; border: 1px solid #ccc; padding: 10px 4px; text-align: center; color: #8e583e; font-weight: bold; position: sticky; top: 0; }
.prep-order-table td { border: 1px solid #ccc; padding: 8px 4px; text-align: center; vertical-align: middle; color: #443e38; }
.prep-order-table tr:nth-child(even) { background-color: #fdfaf7; }
.prep-order-table tr:hover { background-color: #f9f0e8; }

/* 6. テーブル内各列・パーツの調整 */
.prep-col-check { width: 40px; }
.prep-col-num { width: 35px; }
.prep-text-name { font-weight: bold; text-align: left !important; padding-left: 10px !important; white-space: nowrap; }
.prep-col-memo { width: auto; text-align: left !important; }
.prep-text-days { color: #8a8076; }
.prep-text-memo { text-align: left !important; padding-left: 8px !important; color: #666;line-height: 1.3; }
.prep-checkbox { transform: scale(1.2); cursor: pointer; accent-color: #da8522; }

/* 7. 合計行 */
.prep-total-row { background-color: #fff5e6; font-weight: bold; }
.prep-total-row td { border-top: 2px solid #da8522; color: #b05e2f; font-size: 1rem; }


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* 入金入力パネルのレイアウト */
.payment-entry-panel { display: flex; align-items: flex-end; gap: 15px; padding: 20px; background-color: #f0f7ff; border: 1px solid #cfe2ff; border-radius: 8px; margin-bottom: 25px; }

.prep-text-amount { font-family: 'Verdana', sans-serif; font-weight: bold; text-align: right !important; color: #0d6efd; padding-right: 15px !important; }

.btn-delete-payment { background: #ff4d4d; color: white; border: none; border-radius: 3px; cursor: pointer; padding: 2px 8px; }
.btn-delete-payment:hover { background: #cc0000; }

.autocomplete-list { position: absolute; z-index: 100; width: 100%; background: white; border: 1px solid #ccc; max-height: 200px; overflow-y: auto; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.search-item { padding: 8px; cursor: pointer; border-bottom: 1px solid #eee; }
.search-item:hover { background-color: #f0f7ff; }



.prep-bill-wrapper { margin-bottom: 50px; }

.prep-bill-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; border: 1px solid #eecbae; background-color: #fff; }
.prep-bill-table th { background-color: #f9f6e6; border: 1px solid #ccc; padding: 12px 8px; text-align: center; color: #8e583e; font-weight: bold; }
.prep-bill-table td { border: 1px solid #ccc; padding: 10px 8px; text-align: center; vertical-align: middle; color: #443e38; }

.prep-bill-table tr:nth-child(even) { background-color: #fdfaf7; }
.prep-bill-table tr:hover { background-color: #f9f0e8; }

.pb-col-check { width: 40px; }
.pb-text-name { font-weight: bold; text-align: left !important; padding-left: 20px !important; }
.pb-text-num { text-align: right !important; padding-right: 15px !important; font-family: "Verdana", sans-serif; }

.pb-zero { color: #ccc; }
.pb-bold { font-weight: bold; color: #c04a40; }
.pb-minus { color: #2980b9; font-weight: bold; }

.pb-checkbox { transform: scale(1.3); cursor: pointer; accent-color: #da7512; }

.pb-total-row { background-color: #fff5e6; font-weight: bold; }
.pb-total-row td { border-top: 2px solid #da8522; color: #b05e2f; height: 45px; }

.btn-print { background-color: #da8522; color: #fff; border: none; padding: 10px 25px; font-size: 1rem; cursor: pointer; border-radius: 4px; transition: 0.2s; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-weight: bold; }
.btn-print:hover { background-color: #c6761d; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); }


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*請求書印刷準備*/
.date-display { font-weight: bold; font-size: 1.1rem; min-width: 140px; text-align: center; }

.prep-bill-wrapper { margin-top: 15px; }
.prep-bill-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; background: #fff; border: 1px solid #ccc; }
.prep-bill-table th { background: #f9f6e6; border: 1px solid #ccc; padding: 10px 5px; color: #8e583e; }
.prep-bill-table td { border: 1px solid #ccc; padding: 8px 5px; text-align: center; }

.pb-text-name { text-align: left !important; padding-left: 15px !important; font-weight: bold; }
.pb-text-num { text-align: right !important; padding-right: 10px !important; font-family: "Verdana", sans-serif; }
.pb-bold { font-weight: bold; color: #c04a40; }
.pb-zero { color: #ccc; }

.pb-col-subsidy { background-color: #f0f8ff; color: #2980b9; font-weight: bold; }
.pb-col-sub-head { background-color: #e6f2ff !important; }

.prep-print-btn { background-color: #da8522; color: #fff; border: none; padding: 10px 20px; border-radius: 4px; font-weight: bold; cursor: pointer; transition: 0.2s; }
.prep-print-btn:hover { background-color: #c6761d; }

.pb-total-row { background: #fff5e6; font-weight: bold; }