:root{--字: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;--地: #eef1f3;--カード地: #f7f9fa;--カード線: #e3e8ec;--囲み: #ffffff;--線: #8a8f94;--線ホバー: #70767b;--面: #f2f2f7;--文字: #333333;--薄い文字: #1a1a1a99;--強調: #65b7c2;--強調面: #65b7c2;--強調の上の文字: #ffffff;--強調濃い: #45a2af;--フォーカス枠: var(--強調);--リンク: #306f78;--必須: #E95161;--マイナス: var(--必須);--警戒: var(--必須);--選択欄の矢印余白: 33px;--登録済み: var(--必須);--危険: #ff3b30;--良い: #34c759;--プレースホルダー文字: #adadad;--帯地: #65b7c2;--パネル帯: #65b7c2;--タグ削除hover地: rgba(255, 255, 255, .3);--タグ地: var(--パネル帯);--区画見出し帯: #65b7c2;--下段ボタン地: #A3D4DA;--帯高さ: 70px;--タイトル帯高さ: 70px;--押せる最小: 44px;--メニュー幅: 246px;--メニュー幅畳み: 60px;--メニュー地: #ffffff;--メニュー文字: #333333;--メニューアイコン: #333333;--メニュー境界: #d8d8dd;--メニューホバー地: #e0f1f3;--選択中の地: var(--強調);--選択中の文字: var(--強調の上の文字);--メニュー現在地文字: var(--強調);--上部バー地: var(--強調);--上部バー文字: #ffffff;--メニュー幕: rgba(0, 0, 0, .38);--上部バー内ボタン地: rgba(128, 128, 128, .2);--上部バー内ボタンhover地: rgba(128, 128, 128, .3);--アイコン既定色: #adadad;--入力アイコン色: #adadad;--画像操作地: #adadad;--画像操作文字: #ffffff;--ダイアログ幕: rgba(0, 0, 0, .28);--トグルつまみ影: rgba(0, 0, 0, .3);--候補影: rgba(0, 0, 0, .15);--行奇数: #ffffff;--行縞: #E0F1F3;--行hover: #C1E2E7;--操作行入力高さ: 52px;--丸み: 6px;--カード丸み: 8px;--間隔: 25px;--ラベル間隔: 10px;--トグル高さ: 24px;--一覧アイコン: var(--一覧トグル高さ);--トグル幅: 44px;--入力欄高さ: 38px;--詳細情報の高さ: 371px;--下段の高さ: 269px;--一覧トグル高さ: 18px;--一覧行高さ: 50px;--レコード移動の大きさ: 34px;--見出し帯の上下余白: 15px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--地: var(--暗地);--カード地: var(--暗カード地);--カード線: var(--暗カード線);--囲み: var(--暗囲み);--線: var(--暗線);--線ホバー: var(--暗線);--入力アイコン色: var(--暗入力アイコン);--面: var(--暗面);--文字: var(--暗文字);--薄い文字: var(--暗薄い文字);--強調: var(--暗強調);--強調面: var(--暗強調面);--強調の上の文字: var(--暗強調の上の文字);--強調濃い: var(--暗強調濃い);--フォーカス枠: var(--暗フォーカス枠);--リンク: var(--暗リンク);--必須: var(--暗必須);--マイナス: var(--暗必須);--登録済み: var(--暗必須);--危険: var(--暗危険);--良い: var(--暗良い);--帯地: var(--暗帯地);--区画見出し帯: var(--暗上部バー地);--タグ地: var(--暗タグ地);--下段ボタン地: var(--暗下段ボタン地);--トグルつまみ影: var(--暗トグルつまみ影);--候補影: var(--暗候補影);--行奇数: var(--暗行奇数);--行縞: var(--暗行縞);--行hover: var(--暗行hover);--メニュー地: var(--暗メニュー地);--メニュー文字: var(--暗メニュー文字);--メニューアイコン: var(--暗メニューアイコン);--メニュー境界: var(--暗メニュー境界);--メニューホバー地: var(--暗メニューホバー地);--選択中の地: var(--暗強調濃い);--メニュー現在地文字: var(--文字);--上部バー地: var(--暗上部バー地)}}:root{--暗入力アイコン: #ffffff;--暗地: #1e1e1e;--暗カード地: #2c2c2e;--暗カード線: #3a3a3c;--暗囲み: #272727;--暗線: #636366;--暗面: #232325;--暗文字: #ffffff;--暗薄い文字: #98989d;--暗強調: #ffffff;--暗強調面: #4a4a4c;--暗強調の上の文字: #ffffff;--暗強調濃い: #696969;--暗フォーカス枠: #b8b8bd;--暗リンク: #ffffff;--暗必須: #E95161;--暗危険: #ff453a;--暗良い: #30d158;--暗帯地: #232325;--暗トグルつまみ影: rgba(0, 0, 0, .6);--暗候補影: rgba(0, 0, 0, .6);--暗行奇数: var(--暗カード地);--暗行縞: #353537;--暗行hover: #858585;--暗タグ地: #191919;--暗下段ボタン地: #191919;--暗メニュー地: #242324;--暗メニュー文字: rgba(235, 235, 245, .72);--暗メニューアイコン: #ffffff;--暗メニュー境界: #38383a;--暗メニューホバー地: #333333;--暗上部バー地: #232325}:root[data-theme=dark]{--地: var(--暗地);--入力アイコン色: var(--暗入力アイコン);--カード地: var(--暗カード地);--カード線: var(--暗カード線);--囲み: var(--暗囲み);--線: var(--暗線);--線ホバー: var(--暗線);--面: var(--暗面);--文字: var(--暗文字);--薄い文字: var(--暗薄い文字);--強調: var(--暗強調);--強調面: var(--暗強調面);--強調の上の文字: var(--暗強調の上の文字);--強調濃い: var(--暗強調濃い);--フォーカス枠: var(--暗フォーカス枠);--リンク: var(--暗リンク);--必須: var(--暗必須);--危険: var(--暗危険);--良い: var(--暗良い);--帯地: var(--暗帯地);--区画見出し帯: var(--暗上部バー地);--タグ地: var(--暗タグ地);--下段ボタン地: var(--暗下段ボタン地);--トグルつまみ影: var(--暗トグルつまみ影);--トグルオン地: var(--暗トグル色1);--トグルオフ地: var(--暗トグル色2);--テーマ切替地_ライト: var(--暗テーマ切替地_ライト);--テーマ切替地_自動: var(--暗テーマ切替地_自動);--テーマ切替地_ダーク: var(--暗テーマ切替地_ダーク);--候補影: var(--暗候補影);--行奇数: var(--暗行奇数);--行縞: var(--暗行縞);--行hover: var(--暗行hover);--メニュー地: var(--暗メニュー地);--メニュー文字: var(--暗メニュー文字);--メニューアイコン: var(--暗メニューアイコン);--メニュー境界: var(--暗メニュー境界);--メニューホバー地: var(--暗メニューホバー地);--選択中の地: var(--暗強調濃い);--メニュー現在地文字: var(--文字);--上部バー地: var(--暗上部バー地)}:root{--字メインタイトル: 20px;--字メニュー: 16px;--字本文: 14px;--字入力: 14px;--字注釈: 10px}:root{--グラフ男性: #69BEDC;--グラフ女性: #FFBFD4;--グラフ棒: #65B7C2;--グラフ空: var(--カード線);--グラフ売上実績: #65B7C2;--グラフ売上予算: #C1E2E7;--グラフ原価実績: #E28937;--グラフ原価予算: #F3D0AF;--グラフ粗利実績: #FF94B7;--グラフ粗利予算: #FFD4E2;--グラフ実績販管費: #F1E157}:root{--トグル色1: #A3D4DA;--トグル色2: #ADADAD;--トグルオン地: var(--トグル色1);--トグルオフ地: var(--トグル色2);--警告トグルオン地: #E95161;--警告トグルオフ地: #ADADAD;--暗トグル色1: #191919;--暗トグル色2: #ADADAD;--テーマ切替地_ライト: #A3D4DA;--テーマ切替地_自動: #C1E2E7;--テーマ切替地_ダーク: #ADADAD;--暗テーマ切替地_ライト: #ADADAD;--暗テーマ切替地_自動: #262626;--暗テーマ切替地_ダーク: #191919}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--トグルオン地: var(--暗トグル色1);--トグルオフ地: var(--暗トグル色2);--テーマ切替地_ライト: var(--暗テーマ切替地_ライト);--テーマ切替地_自動: var(--暗テーマ切替地_自動);--テーマ切替地_ダーク: var(--暗テーマ切替地_ダーク)}}*{box-sizing:border-box}body{margin:0;font-family:var(--字);background:var(--地);color:var(--文字);-webkit-text-size-adjust:100%}input,select,textarea{width:100%;padding:15px;font-family:var(--字);font-size:var(--字入力);color:var(--文字);background:var(--囲み);border:1px solid var(--線);border-radius:var(--丸み)}input,select{height:var(--入力欄高さ)}textarea{resize:vertical}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:var(--選択欄の矢印余白);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23adadad' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5L12 15l5.5-5.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:16px 16px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5L12 15l5.5-5.5'/%3E%3C/svg%3E")}}:root[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5L12 15l5.5-5.5'/%3E%3C/svg%3E")}input[type=date],input[type=time],input[type=datetime-local]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value,input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;margin:0;line-height:normal}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{opacity:1;background-color:var(--入力アイコン色);background-image:none;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;cursor:pointer}input:hover,select:hover,textarea:hover{border-color:var(--線ホバー)}input:focus,select:focus,textarea:focus{outline:2px solid var(--フォーカス枠);outline-offset:-2px}input::placeholder,textarea::placeholder{color:var(--プレースホルダー文字)}select:has(option[value=""]:checked){color:var(--プレースホルダー文字)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--囲み) inset;-webkit-text-fill-color:var(--文字);caret-color:var(--文字);transition:background-color 100000s ease-in-out 0s}input[readonly],input:disabled,select:disabled,textarea[readonly]{color:var(--文字);background-color:var(--囲み);opacity:1}button{font-family:var(--字);font-size:var(--字本文);padding:12px 16px;border:none;border-radius:var(--丸み);background:var(--強調面);color:var(--強調の上の文字)}button:disabled{opacity:.4}.読み込み{display:flex;align-items:center;gap:8px;color:var(--薄い文字);font-size:var(--字本文)}.回る{width:16px;height:16px;flex:none;border:2px solid var(--線);border-top-color:var(--強調);border-radius:50%;animation:回転 .8s linear infinite}@keyframes 回転{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.回る{animation:none;border-top-color:var(--線)}}.アイコン{flex:none;color:var(--入力アイコン色)}.行{display:flex;flex-direction:column;gap:var(--ラベル間隔);margin-bottom:var(--間隔)}.行>.トグル,.行>.テーマ切替{margin-top:auto;margin-bottom:auto}.ラベル{font-size:var(--字入力);line-height:1.5;color:var(--文字);font-weight:700}.ラベル.ラベルに右あり{display:flex;align-items:center;justify-content:space-between;gap:var(--間隔)}.ラベル右の群{display:inline-flex;gap:var(--ラベル間隔)}.ラベル右ボタン{height:calc(var(--字入力) * 1.5);padding:0 8px;font-size:var(--字入力);line-height:1;color:var(--強調面);background:transparent;border:1px solid var(--強調面);border-radius:var(--丸み);cursor:pointer}.ラベル右ボタン:disabled{opacity:.4;cursor:default}.必須{color:var(--必須);font-weight:700}.知らせ{padding:var(--間隔);border-radius:var(--丸み);background:var(--面);font-size:var(--字本文);margin-bottom:var(--間隔)}.危険{color:var(--危険)}.主ボタン{width:100%;display:flex;align-items:center;justify-content:center;margin-top:var(--間隔);min-height:var(--押せる最小);padding:20px;font-size:var(--字本文);font-weight:800;color:var(--強調の上の文字);background:var(--強調面)}.主ボタン:active{background:var(--強調濃い)}.欄のボタン{width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--入力欄高さ);padding:0 16px;font-size:var(--字入力);font-weight:700;color:var(--強調の上の文字);background:var(--強調面);border:none;border-radius:var(--丸み);cursor:pointer}.欄のボタン:active{background:var(--強調濃い)}.トグル{position:relative;display:inline-block;flex:none;width:var(--トグル幅);height:var(--トグル高さ)}.トグル input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.トグルつまみ{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--トグルオフ地);border-radius:999px;transition:background .15s ease}.トグルつまみ:before{content:"";position:absolute;top:3px;left:3px;width:calc(var(--トグル高さ) - 6px);height:calc(var(--トグル高さ) - 6px);border-radius:50%;background:var(--強調の上の文字);box-shadow:0 1px 2px var(--トグルつまみ影);transition:transform .15s ease}.トグル input:checked+.トグルつまみ{background:var(--トグルオン地)}.トグル.警告 .トグルつまみ{background:var(--警告トグルオフ地)}.トグル.警告 input:checked+.トグルつまみ{background:var(--警告トグルオン地)}.トグル.警戒 .トグルつまみ{background:var(--警告トグルオフ地)}.トグル.警戒 input:checked+.トグルつまみ{background:var(--警告トグルオン地)}.トグル.警戒 .トグルつまみ.オン{background:var(--警告トグルオン地)}.トグル input:checked+.トグルつまみ:before{transform:translate(calc(var(--トグル幅) - var(--トグル高さ)))}.トグル input:focus-visible+.トグルつまみ{outline:2px solid var(--フォーカス枠);outline-offset:2px}@media(prefers-reduced-motion:reduce){.トグルつまみ,.トグルつまみ:before{transition:none}}.パスワード欄{position:relative}.パスワード欄 input{padding-right:44px}.表示切替{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--丸み);color:var(--薄い文字);padding:0}.表示切替 svg{width:20px;height:20px}.リンクコピー欄{position:relative}.リンクコピー欄 input{padding-right:40px}.リンクコピーボタン{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;min-height:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--丸み);color:var(--アイコン既定色);padding:0;cursor:pointer}.リンクコピーボタン:hover,.リンクコピーボタン:active,.リンクコピーボタン:focus,.リンクコピーボタン:focus-visible{background:transparent;outline:none}.一覧表 thead th{position:sticky;top:0;background:var(--区画見出し帯);color:var(--強調の上の文字);z-index:1;height:26px;padding-top:0;padding-bottom:0}.一覧表 tbody tr:nth-child(odd){background:var(--行奇数)}.一覧表 tbody tr:nth-child(2n){background:var(--行縞)}.一覧表 tbody tr:hover{background:var(--行hover)}.一覧表 th,.一覧表 td{padding:8px 16px;height:var(--一覧行高さ);line-height:1.5;vertical-align:middle;text-align:left;white-space:nowrap;font-size:var(--字入力)}.金額マイナス{color:var(--マイナス)}input[readonly].金額マイナス,input:disabled.金額マイナス,textarea[readonly].金額マイナス{color:var(--マイナス)}.行.警戒色>input,.行.警戒色>textarea,.行.警戒色>select,.行.警戒色 .入力包み>input{color:var(--警戒)}.テーマ切替{display:flex;align-items:center;gap:6px}.テーマ切替アイコン{flex:none;color:var(--薄い文字);pointer-events:none}.テーマ切替トグル{position:relative;flex:1;min-width:0;height:var(--トグル高さ);min-height:0;padding:0;background:var(--テーマ切替地_自動);border:none;border-radius:999px;transition:background-color .18s ease}.テーマ切替つまみ{position:absolute;top:50%;left:3px;width:calc(var(--トグル高さ) - 6px);height:calc(var(--トグル高さ) - 6px);border-radius:50%;background:var(--強調の上の文字);box-shadow:0 1px 2px var(--トグルつまみ影);transform:translateY(-50%);transition:left .18s ease}.テーマ切替トグル[data-値=light] .テーマ切替つまみ{left:3px}.テーマ切替トグル[data-値=auto] .テーマ切替つまみ{left:calc(50% - (var(--トグル高さ) - 6px) / 2)}.テーマ切替トグル[data-値=dark] .テーマ切替つまみ{left:calc(100% - (var(--トグル高さ) - 6px) - 3px)}.テーマ切替トグル[data-値=light]{background:var(--テーマ切替地_ライト)}.テーマ切替トグル[data-値=auto]{background:var(--テーマ切替地_自動)}.テーマ切替トグル[data-値=dark]{background:var(--テーマ切替地_ダーク)}.上部バー{position:sticky;top:0;z-index:10;height:var(--タイトル帯高さ);padding:0 var(--間隔);display:flex;align-items:center;gap:var(--間隔);background:var(--上部バー地);color:var(--上部バー文字)}.上部バータイトル{font-size:var(--字メインタイトル);font-weight:700}.上部バー .アイコン{color:inherit}.ハンバーガー{display:flex;flex-direction:column;justify-content:center;gap:3px;width:var(--押せる最小);height:var(--押せる最小);min-height:0;padding:0 11px;background:var(--上部バー内ボタン地);color:inherit;flex:none}.ハンバーガー span{display:block;height:2px;background:currentColor;border-radius:2px}.ハンバーガー:hover:not(:disabled){background:var(--上部バー内ボタンhover地)}.ハンバーガー:disabled{opacity:.45;cursor:not-allowed}.アプリ本体{display:grid;grid-template-columns:var(--メニュー幅) 1fr;align-items:stretch;height:calc(100vh - var(--タイトル帯高さ));height:calc(100dvh - var(--タイトル帯高さ))}.アプリ本体:has(.メニュー.畳み){grid-template-columns:var(--メニュー幅畳み) 1fr}body.詳細全幅 .アプリ本体,body.詳細全幅 .アプリ本体:has(.メニュー.畳み){grid-template-columns:1fr}body.詳細全幅 .メニュー{display:none}.content{min-width:0;overflow-y:auto;min-height:0;padding:var(--間隔)}body.詳細全幅 .content{padding:0;overflow:visible}.メニュー{position:sticky;top:var(--タイトル帯高さ);height:calc(100vh - var(--タイトル帯高さ));height:calc(100dvh - var(--タイトル帯高さ));display:flex;flex-direction:column;background:var(--メニュー地);color:var(--メニュー文字);border-right:1px solid var(--メニュー境界);padding:var(--間隔) var(--間隔) 0;overflow:hidden}.メニュー.畳み{padding:var(--間隔) 6px 0}.メニュー項目一覧{flex:1;min-height:0;overflow-y:auto}.メニュー見出し,.メニュー項目,.メニュー単独項目{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;color:var(--メニュー文字);font-family:inherit;font-size:var(--字メニュー);border-radius:var(--丸み)}.メニュー見出し,.メニュー単独項目{padding:12px 14px;font-weight:500;min-height:var(--押せる最小)}.メニュー項目{padding:11px 14px 11px 32px;min-height:50px}.メニュー.畳み .メニュー見出し,.メニュー.畳み .メニュー単独項目{justify-content:center;padding:13px 0}.メニュー.畳み .メニュー項目文字,.メニュー.畳み .メニュー矢印{display:none}.メニュー見出し:hover:not(:disabled),.メニュー項目:hover:not(:disabled),.メニュー単独項目:hover:not(:disabled){background:var(--メニューホバー地)}.メニュー見出し.開,.メニュー見出し.現在地{color:var(--メニュー現在地文字);font-weight:700}.メニュー項目.選択中{background:var(--選択中の地);color:var(--選択中の文字);font-weight:500;cursor:default}.メニュー見出し.開 .アイコン,.メニュー見出し.現在地 .アイコン,.メニュー項目.選択中 .アイコン{color:currentColor}.メニュー見出し:disabled,.メニュー項目:disabled,.メニュー単独項目:disabled{opacity:1;cursor:default}.メニュー項目.準備中,.メニュー単独項目.準備中{color:var(--薄い文字)}.メニュー矢印{margin-left:auto;color:var(--薄い文字);font-size:var(--字メニュー)}.メニュー項目文字{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.メニュー .アイコン,.メニュー浮き出し .アイコン,.アカウント浮き出し .アイコン{flex:none;color:var(--メニューアイコン)}.メニュー子{padding-bottom:4px}.メニュー浮き出し{position:fixed;z-index:40;width:216px;background:var(--カード地);border:1px solid var(--メニュー境界);border-radius:var(--カード丸み);box-shadow:0 4px 12px var(--候補影);padding:6px}.メニュー浮き出し見出し{font-size:var(--字メニュー);font-weight:500;color:var(--薄い文字);padding:8px 14px 9px}.メニュー幕{position:fixed;inset:var(--タイトル帯高さ) 0 0 0;z-index:40;background:var(--メニュー幕)}.明るさ切替置き場所{flex:none}.テーマ切替.メニュー内{margin-top:auto;padding:var(--間隔) 0 0}.メニュー.畳み .テーマ切替.メニュー内 .テーマ切替アイコン{display:none}.メニュー.畳み .テーマ切替.メニュー内{justify-content:center;padding:var(--間隔) 2px 0}.メニュー.畳み .テーマ切替トグル{flex:none;width:40px}.アカウント行{flex:none;border-top:1px solid var(--メニュー境界);height:var(--帯高さ);padding:0;display:flex;align-items:center;position:relative;margin-top:var(--間隔)}.アカウント行ボタン{padding-left:8px}.メニュー.畳み .アカウント行ボタン{justify-content:center;padding:11px 0}.アカウント浮き出し{position:absolute;left:4px;right:4px;bottom:calc(100% + 4px);z-index:30;min-width:180px;padding:var(--間隔);background:var(--カード地);border:1px solid var(--メニュー境界);border-radius:var(--カード丸み);box-shadow:0 4px 12px var(--候補影)}.アカウント浮き出し.浮動{position:fixed;left:auto;right:auto;bottom:auto;width:220px;z-index:60}.アカウント浮き出し button span{white-space:nowrap}.アカウント浮き出し button{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--押せる最小);text-align:left;background:transparent;color:var(--文字);font-family:inherit;font-size:var(--字メニュー);padding:8px;border-radius:var(--丸み)}.アカウント浮き出し button:hover{background:var(--メニューホバー地)}@media(max-width:1279px){.アプリ本体,.アプリ本体:has(.メニュー.畳み),.アプリ本体:has(.メニュー.引き出し){grid-template-columns:1fr}.メニュー:not(.引き出し){display:none}.アプリ本体:has(.メニュー.引き出し){grid-template-columns:1fr}.メニュー.引き出し{position:fixed;top:var(--タイトル帯高さ);left:0;bottom:0;width:var(--メニュー幅);height:auto;z-index:50;box-shadow:0 4px 12px var(--候補影);padding:var(--間隔) var(--間隔) 0}.メニュー.引き出し .メニュー項目文字,.メニュー.引き出し .メニュー矢印{display:block}.メニュー.引き出し .メニュー見出し,.メニュー.引き出し .メニュー単独項目{justify-content:flex-start;padding:12px 14px}}.顧客一覧見出し{font-size:var(--字メインタイトル);font-weight:700;margin:0 0 var(--間隔);display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.一覧タイトル件数{font-size:var(--字入力);font-weight:400;color:var(--薄い文字);white-space:nowrap}.一覧タイトルボタン群{display:flex;justify-content:flex-end;align-self:center;gap:8px;flex-wrap:nowrap;flex:none;overflow-x:auto;scrollbar-width:thin}.一覧タイトルボタン群>button{white-space:nowrap}.一覧操作行{min-height:var(--帯高さ);display:flex;flex-wrap:wrap;align-items:center;gap:var(--間隔)}.一覧操作行>.主ボタン{flex:none}.一覧操作行>.主ボタン.一覧新規登録{width:auto;margin-top:0;flex:0 0 auto;font-size:var(--字本文);min-height:0;height:var(--操作行入力高さ);padding:0 16px;display:flex;align-items:center;justify-content:center}.検索欄枠{position:relative;flex:1 1 240px;display:flex;align-items:center}.検索欄枠 input{padding-left:36px;padding-right:96px;height:var(--操作行入力高さ)}.検索欄虫めがね{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}.検索欄件数{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:var(--字本文);color:var(--薄い文字);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.一覧表{width:100%}.一覧表 tbody tr:focus-visible{outline:2px solid var(--フォーカス枠);outline-offset:-2px}.一覧表 .トグルつまみ.オン,.顧客カード .トグルつまみ.オン{background:var(--トグルオン地)}.一覧表 .トグル,.顧客カード .トグル{--トグル高さ: var(--一覧トグル高さ);vertical-align:middle}.一覧表 .トグルつまみ.オン:before,.顧客カード .トグルつまみ.オン:before{transform:translate(calc(var(--トグル幅) - var(--一覧トグル高さ)))}.一覧表 .テーマ切替,.顧客カード .テーマ切替{--トグル高さ: var(--一覧トグル高さ)}.一覧のファイルリンク{color:var(--リンク);text-decoration:underline;white-space:nowrap}:where(.一覧表,.顧客カード) .タグ欄{min-height:0;flex-wrap:nowrap}.顧客カード .タグ欄{flex-wrap:wrap}:where(.一覧表,.顧客カード) .タグ{height:var(--一覧トグル高さ);line-height:1;font-size:var(--字入力);padding:0 7px;background:var(--タグ地);color:var(--強調の上の文字);border-color:var(--タグ地)}.顧客カード行.寄せる{display:flex;align-items:center;gap:8px}.顧客カード寄せ塊{display:inline-flex;align-items:center;gap:4px;flex:1 1 0;white-space:nowrap}.顧客カード行.寄せる>.顧客カード寄せ塊{justify-content:center}.顧客カード行.寄せる>.顧客カード寄せ塊:first-child{justify-content:flex-start}.顧客カード行.寄せる>.顧客カード寄せ塊:not(:first-child):last-child{justify-content:flex-end}.顧客カード行.寄せる.左詰め>.顧客カード寄せ塊{flex:0 0 auto;justify-content:flex-start}.顧客カード行.寄せる.左詰め>.顧客カード寄せ塊:not(:first-child):last-child{margin-left:auto}.顧客カード .テーマ切替{flex:none}.顧客カード .テーマ切替トグル{min-width:var(--トグル幅)}.顧客カード寄せラベル{color:var(--薄い文字);flex:none}.顧客カード行>.顧客カード寄せラベル:first-child{flex:none}.顧客カード小見出し{color:var(--薄い文字);margin-top:6px}.顧客カード小見出し:first-child{margin-top:0}.顧客カード一覧{display:none}.顧客カード{background:var(--カード地);border-radius:var(--カード丸み);padding:var(--間隔);margin-bottom:8px;cursor:pointer}.顧客カード:nth-child(odd){background:var(--行奇数)}.顧客カード:nth-child(2n){background:var(--行縞)}.顧客カード:hover{background:var(--行hover)}.顧客カード見出し{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.顧客カード企業名{flex:1;min-width:0;font-weight:700;word-break:break-all;font-size:var(--字本文)}.顧客カードID{flex:none;font-weight:700;font-size:var(--字入力);font-variant-numeric:tabular-nums}.顧客カード行{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:var(--字入力)}.顧客カード行{flex-wrap:wrap}.顧客カード行>*:first-child{flex:1 1 auto;min-width:0}.顧客カード行 .トグル{margin-left:auto;flex:none}.顧客カード:focus-visible{outline:2px solid var(--フォーカス枠);outline-offset:-2px}.一覧表 tbody tr.警戒行,.一覧表 tbody tr.警戒行 td,.顧客カード.警戒行,.顧客カード.警戒行 .顧客カード企業名,.顧客カード.警戒行 .顧客カードID,.顧客カード.警戒行 .顧客カード行,.顧客カード.警戒行 .顧客カード寄せラベル{color:var(--警告トグルオン地)}@media(max-width:834px){.一覧表{display:none}.顧客カード一覧{display:block}.検索欄枠{flex:1 1 0;min-width:0}.検索欄枠 input{padding-right:72px}.一覧操作行>.主ボタン.一覧新規登録{flex:0 0 auto;padding:0 12px;white-space:nowrap}}.一覧アイコン{width:var(--一覧アイコン);height:var(--一覧アイコン);border-radius:50%;object-fit:cover;flex:none;background:var(--面)}td.アイコン付き .一覧アイコン{vertical-align:middle;margin-right:8px}.顧客カード .アイコン付き{display:flex;align-items:center;gap:8px}.顧客カード.アイコンまたがり{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center}.顧客カード.アイコンまたがり>.カードアイコン{grid-column:1;grid-row:1 / span var(--またがり行, 2);align-self:stretch;aspect-ratio:1;display:flex;max-height:calc(var(--一覧アイコン) * var(--またがり行, 2));max-width:calc(var(--一覧アイコン) * var(--またがり行, 2))}.顧客カード.アイコンまたがり>.カードアイコン .一覧アイコン{width:100%;height:100%;border-radius:var(--またがり画像丸み, 50%)}.顧客カード.アイコンまたがり>.カード右側{grid-column:2}.顧客カード.アイコンまたがり>.カード全幅{grid-column:1 / -1}.顧客カード見出しトグル{display:inline-flex;align-items:center;margin-left:8px;vertical-align:middle}.詳細の段組{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--間隔);align-items:start}@media(max-width:1023px){.詳細の段組{grid-template-columns:minmax(0,1fr)}}.詳細区画{background:var(--カード地);border:1px solid var(--カード線);border-radius:var(--カード丸み);overflow:hidden}.詳細区画見出し{display:flex;align-items:center;justify-content:space-between;gap:var(--間隔);min-height:var(--帯高さ);padding:0 var(--間隔);background:var(--強調);color:var(--強調の上の文字);font-weight:700}.詳細区画見出し .ラベル{color:inherit}.詳細区画中身{display:grid;gap:var(--間隔);padding:var(--間隔);align-items:start}.詳細区画中身.基本{grid-template-columns:repeat(4,minmax(0,1fr))}.詳細区画中身.詳細{grid-template-columns:repeat(20,minmax(0,1fr))}@media(max-width:767px){.詳細区画中身.基本,.詳細区画中身.詳細{grid-template-columns:minmax(0,1fr)}.詳細区画中身>.欄{grid-column:1 / -1!important;grid-row:auto!important}}.欄の入れ物{position:relative;display:block}.欄の入れ物>input{padding-right:calc(12px + var(--欄ボタン数, 0) * 30px)}.欄の小ボタン群{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px}.欄の小ボタン{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--丸み);background:transparent;color:var(--薄い文字);cursor:pointer}.欄の小ボタン:hover{background:var(--メニューホバー地);color:var(--文字)}.詳細の操作バー{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--間隔);min-height:var(--帯高さ);margin-top:var(--間隔);padding:0 var(--間隔);background:var(--カード地);border:1px solid var(--カード線);border-radius:var(--カード丸み)}.詳細の操作バー>.主ボタン{width:auto;margin-top:0;flex:0 0 auto;min-height:0;height:var(--操作行入力高さ);padding:0 24px}.詳細の見出し行{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.詳細の見出し行>.知らせ{margin:0;flex:1 1 240px}.アプリ枠{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.枠{max-width:720px;margin:0 auto;padding:48px 20px 96px}.見出し{font-size:var(--字メインタイトル);font-weight:700;margin:0}.添え書き{color:var(--薄い文字);font-size:var(--字注釈);line-height:1.6;margin:6px 0 0}.カード{margin-top:28px;padding:20px 22px;background:var(--カード地);border:1px solid var(--カード線);border-radius:var(--カード丸み)}.カード見出し{font-size:var(--字本文);font-weight:700;margin:0 0 12px}.文{margin:6px 0;font-size:var(--字本文);line-height:1.7}.良い{color:var(--強調);font-weight:700}.悪い{color:var(--必須);font-weight:700}.待ち表示{display:flex;align-items:center;gap:8px;margin:6px 0;color:var(--文字)}.待ち矢印{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid var(--カード線);border-top-color:var(--強調);animation:待ち回転 .8s linear infinite}@keyframes 待ち回転{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.待ち矢印{animation:none}}.値の表{border-collapse:collapse;margin-top:12px;font-size:var(--字入力)}.値の表 th{text-align:left;padding:6px 14px 6px 0;color:var(--薄い文字);font-weight:500;white-space:nowrap}.値の表 td{padding:6px 0}.色見本{display:flex;gap:0;margin-top:12px;border-radius:4px;overflow:hidden}.色見本 span{flex:1 1 0;height:22px}.ログインの枠{background:var(--地);min-height:100vh;min-height:100dvh;padding:var(--間隔);display:flex;flex-direction:column;justify-content:center}.ログインのカード{width:100%;max-width:400px;margin:0 auto;background:var(--カード地);border:1px solid var(--カード線);border-radius:var(--カード丸み);overflow:hidden}.ログインの帯{background:var(--帯地);padding:var(--間隔);text-align:center}.ログインの帯 h2{margin:0;font-size:var(--字メインタイトル);font-weight:800;color:var(--強調の上の文字)}.ログインのカード中身{padding:var(--間隔);display:flex;flex-direction:column;gap:var(--間隔)}.補助操作{margin-top:0;padding-top:var(--間隔);border-top:1px solid var(--カード線);display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}.補助ボタン{flex:1 1 auto;width:auto;display:flex;align-items:center;justify-content:center;min-height:var(--押せる最小);background:transparent;border:0;color:var(--リンク);padding:8px 4px;font-size:var(--字本文);font-family:var(--字);text-decoration:underline;text-underline-offset:2px;text-align:center;cursor:pointer;white-space:nowrap}.欄{display:flex;flex-direction:column;gap:4px}.ログインの枠 .テーマ切替{margin-top:16px;justify-content:center;color:var(--薄い文字)}.値の表枠{overflow-x:auto}@media(max-width:640px){.枠{padding:24px 14px 64px}.カード{padding:16px 14px}.上部バー{flex-wrap:wrap;gap:8px;padding:10px 14px}.上部バー .余り{margin-left:0;width:100%;order:9}.テーマ切替{order:10}.ログインのカード{padding:22px 18px}}.値の表{display:block;overflow-x:auto;max-width:100%}.一覧見出し{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:var(--字メインタイトル);font-weight:700;margin:0 0 var(--間隔)}.一覧件数{font-size:var(--字注釈);font-weight:400;color:var(--薄い文字);white-space:nowrap}.一覧表枠{overflow-x:auto;margin-top:var(--間隔)}.一覧表 td.数{text-align:right;font-variant-numeric:tabular-nums}.めくり{display:flex;gap:8px;margin-top:var(--間隔)}.押せる行{cursor:pointer}.押せる行:focus-visible{outline:2px solid var(--フォーカス枠);outline-offset:-2px}.欄の並び{display:grid;gap:var(--間隔);grid-template-columns:1fr}@media(min-width:900px){.欄の並び{grid-template-columns:1fr 1fr}}.上部バータイトル{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.メニュー .テーマ切替{margin-top:auto;padding:var(--間隔);justify-content:center}.アカウント行 .メニュー項目{flex:1 1 auto}.ログアウト{flex:none;margin-right:8px}.メニュー.畳み .テーマ切替,.メニュー.畳み .ログアウト{display:none}.小ボタン{flex:none;width:auto;min-height:0;padding:8px 16px;font-size:var(--字本文);font-family:var(--字);color:var(--リンク);background:transparent;border:1px solid var(--カード線);border-radius:var(--丸み);cursor:pointer}.小ボタン:hover{border-color:var(--線ホバー)}
