@charset "utf-8";
/***************************************************
information
  filename : private.css;
***************************************************/

/* ** private_custom start ** */
/****************** カスタムcss ******************/

/****************** 既存cssに対しての個別設定 ******************/
:root {
  --wrap-bg: #000; /* wrapper背景色 */
  --app-header-cr: inhelit; /* ヘッダー背景色 */
  --app-header-sub-cr: inhelit; /* ヘッダーサブ背景色 */
  --app-contents-cr: inhelit; /* コンテンツ背景色 */
  --app-spheader-txt: #fff; /* SPヘッダーテキスト色 */
  --CautBox-mg: 1.0rem auto; /* マージン */
  --CautBox-pd: 2.0rem 1.5rem; /* パディング */
  --font-CautBox: clamp(1.4rem, 1.4vw, 1.4rem); /* フォントサイズ */

  --body-popup-bg: #000;
  --colorbox-bg: #000;

  --app-popupTi-txt: #fff; /* テキスト色 */
  --app-popupTi-bg: #144561; /* 背景色 */
  --app-popupTi-brd: 1px solid #0e2152; /* ボーダー指定 */
  --font-popupTi: clamp(1.6rem, 2.0vw, 2.0rem); /* フォントサイズ */

  --form-txt: #fff; /* テキスト色 */
  --form-fc: #000; /* 背景色 */
  --form-brd: 1px solid #5d5d5d; /* ボーダー指定 */

  --form-fc-cr: #22323b; /* focus背景色 */
  --form-fc-dis: #eaeaea; /* disable背景色 */
  --form-txt-dis: #3f3f3f; /* disableテキスト色 */
  --form-brd-dis: 1px solid #e2e2e2; /* disableボーダー指定 */

/* ラジオボタン・チェックボックス */
  --form-rd-ch: #fff; /* ラジオボタン・チェックボックス背景色 */
  --form-rd-ch-on: #fff; /* ラジオボタン・チェックボックス背景色(チェック時) */
  --form-rd-dis: #e2e2e2; /* ラジオボタン・チェックボックスdisable背景色 */
  --form-rd-bbg: 20px -1px #000; /* ラジオボタン背景影色 */
  --form-rd-txt: #eaeaea; /* ラジオボタン・チェックボックステキスト色 */

  --form-ch-bbg: 40px 0px #000; /* チェックボックス背景影色 */
  --form-brd-rd: 3px solid #fff; /* チェックボックスアイコンボーダー指定 */
  --form-brd-dis-rd: 3px solid #e2e2e2; /* チェックボックスアイコンdisableボーダー指定 */

  --app-InputForm-brd: 1px dotted #cdcdcd; /* 入力項目仕切り指定 */
  --app-InputForm-fcs-bg: #e2e2e2; /* フォーカス背景色 */

/* 2カラム */
  --app-mainCln-cr: #fff; /* 2カラムmainCln背景色 */
  --app-sideCln-cr: inhelit; /* 2カラムsideCln背景色 */

/* ログイン者情報指定 */
  --memInfo-size: 180px; /* 枠サイズ */
  --memInfo-txt: #fff; /* テキスト色 */
  --memInfo-bg: #515151; /* 背景色 */
  --memInfo-brd: inhelit; /* ボーダー指定 */

/*** 基本ボタンの色調変更 ***/

/* 会員遷移制御ボタン */
  --app-mnaviArea-txt: #fff;
  --app-mnaviArea-bg: #fff;
  --app-mnaviArea-bbg: 0 0 10px #000;
  --app-mnaviArea-brd: 1px solid #000;

/* ** 上部ヘッダーカラー変更 ** */
  --app-scroll-brd: inhelit; /* ボーダー指定 */
  --app-scroll-cr: #333333; /* 背景色 */
  --app-scroll-sd: inhelt; /* 背景影色 */
  --app-scroll-ch-brd: inhelt; /* ボーダー指定 */
  --app-scroll-ch-cr: #333333; /* 背景色(カラーチェンジ) */
  --app-scroll-ch-sd: inhelit; /* 背景影色(カラーチェンジ) */

/* ** 上部メニューナビゲーション ** */
  --app-gnavis-pd: 1.0rem 1.0rem 0 0; /* パディング */
  --app-gnavis-txt: #fff; /* テキスト色 */
  --app-gnavis-a-txt: #fff; /* テキスト色（aタグ） */
  --app-gnavis-ah-cr: #ff9d00; /* 背景色（aタグフォーカス） */

/*** マイページナビ ***/
  --app-mypagenav-bga: #e6f2f5; /* カレント背景色 */

/* 会員遷移ボタン共通指定 */
  --app-mnaviArea-bbg: inhelit; /* 背景影色 */
  --app-mnaviArea-brd: inhelit; /* ボーダー指定 */

/* オープンクローズエリア(主に検索・検索結果の開閉) */
  --searchOpCl-bg: #00649d; /* 背景色 */
  --searchOpCl-brd: none; /* ボーダー指定 */
  --slideBtn-bg: #00649d; /* 背景色 */
  --slideBtn-brd: none; /* ボーダー指定 */

/**** カスタム個別共通指定 ****/
  --app-ctm-cr: #008c9d; /* 背景色(メイン) */
  --app-ctmf-cr: #dbd4c4; /* 背景色(サブ) */
  --app-ctmDel-cr: #675d3c; /* 背景色(削除等) */
  --app-EditBtArea-delete-cr: #675d3c; /* 背景色(削除等) */

  --app-ctm-brd: #6d6d6d; /* ボーダー色(黒背景用) */
  --app-ctm-txt: #eaeaea; /* テキスト色(黒背景用) */

  --tab-munu-tp03-txt: #eaeaea; /* テキスト色 */
  --tab-munu-tp03-bg: #000; /* 背景色 */
  --tab-munu-tp03-brd: #6d6d6d; /* ボーダー指定 */

  --TableBox-txt: #eaeaea; /* テキスト色 */
  --TableBox-brd: 1px solid #6d6d6d; /* ボーダー指定 */
  --TableBox-th-bg: #000; /* 背景色 */

  --app-myPhoto-brd: 1px solid #6d6d6d;
  --app-myPhoto-txt: #eaeaea;
  --app-DataDispBoxDet-txt: #eaeaea;
  --app-DataDispBoxDet-brd-dl: 1px dotted #6d6d6d;

/* サブメニュー設定 */
  --app-DetSubBt-txt: #000; /* テキスト色 */
  --app-DetSubBt-cr: #fff; /* 背景色 */
  --app-DetSubBt-txt-crt: #fff; /* カレントテキスト色 */
  --app-DetSubBt-cr-crt: #007e8d; /* カレント背景色 */

/* 充実度ボックス設定 */
  --app-FulfillmentBox-txt: #eaeaea; /* テキスト色 */
  --app-FulfillmentBox-brd: 1px solid #6d6d6d; /* 外枠ボーダー指定 */
  --app-FulfillmentBox-bg: none; /* 外枠背景色 */
  --app-FulfillmentBox-sd: inhelit; /* 外枠背景影色 */

/* ポップアップボックス設定 */
	--app-myPhoto-bg: #000;
	--app-myPhoto-brd: 1px solid #3c515d;
	--app-popupBt-bg: #000;
	--app-popupBt-brd: 1px solid #3c515d;

/* 入力フォーム注意書き部分 */
  --CautTxt-bg: #000; /* 背景色 */
  --CautTxt-brd: 1px solid #6d6d6d; /* ボーダー指定 */
  --CautTxt-bbg: none; /* 背景影色 */
  --CautTxt-txt: #b8e2f4; /* テキスト色 */

  --CautTxtS-bg: #0e2c3d; /* 背景色 */
  --CautTxtS-brd: 1px solid #071d2a; /* ボーダー指定 */
  --CautTxtS-bbg: none; /* 背景影色 */
  --CautTxtS-txt: #a1b2bb; /* テキスト色 */

/* リスト背景部分 */
  --app-FlexListInn-txt: #fff; /* テキスト色 */
  --app-FlexListInn-bg: none; /* 背景色 */

/* 購入履歴部分 */
  --app-mypageOrdBox-bg: none;
  --app-mypageOrdBox-brd: 1px solid #6d6d6d;

  --app-onptIco-cr: #008c9d; /* 背景影色 */
  --app-FlexListInnS-bg: #000; /* 背景色差し色 */
  --app-pagetop-cr: #008c9d; /* ページトップ */

  --app-fnavi-a-txt: #bcbcbc;
  --app-footer-cr: #000;
  --app-spfooter-cr: #000;
  --app-footer-txt: #fff;
  --app-spfooter-txt: #1c1c1c;
  --app-copy-cr: #161616;
  --app-copy-txt: #fff;
  --font-copy: 1.4rem;
  --font-copy-ico: 1.6rem;

  --contsearch-bt-bg: #00649d; /* ボタン背景色 */
  --contsearch-brd: 1px solid #00649d; /* ボーダー指定 */
  --contsearch-sepl-bt-bg: #00649d;/* 検索ボタン */
  --app-pagenum-ah-cr: #00649d;/* ページャー */
  --app-pagenum-a-txt: #00649d;
  --app-pagenum-brd: 2px solid #00649d;

/* 通常カレンダー本体表示設定 */
  --app-calendarTable-th-brd: 1px solid #6d6d6d; /* ボーダー指定(TH) */
  --app-calendarTable-th-cr: #000; /* 背景色(TH) */
  --app-calendarTable-td-brd: 1px solid #6d6d6d; /* ボーダー指定(TD) */
  --app-calendarTable-td-cr: #000; /* 背景色(TD) */

/* 通常カレンダー色設定 */
  --app-calendarTable-sun-txt: #a56969; /* テキスト色(日曜日) */
  --app-calendarTable-sut-txt: #5491be; /* テキスト色(土曜日) */
  --app-calendarTable-day-txt: #fff; /* テキスト色(平日) */
  --app-calendarTable-sun-no-txt: #e1b0b0; /* テキスト色(日曜日・前翌月) */
  --app-calendarTable-sut-no-txt: #92b8d8; /* テキスト色(土曜日・前翌月) */
  --app-calendarTable-day-no-txt: #d8d8d8; /* テキスト色(平日・前翌月) */
  --app-calendarTable-sun-bg: rgba(51, 0, 0, 0.8); /* 背景色(日曜日) */
  --app-calendarTable-sut-bg: rgba(3, 22, 52, 0.8); /* 背景色(土曜日) */
  --app-calendarTable-cln-bg: rgba(26, 26, 26, 0.8); /* 背景色(前翌月) */
  --app-calendarTable-hld-bg: rgba(68, 59, 0, 0.8); /* 背景色(当日) */
  --app-calendarTable-art-bg: rgba(68, 59, 0, 0.8); /* 背景色(注意喚起用) */
  --app-calendarTable-theday-txt: #fff; /* テキスト色(当日・アイコン) */
  --app-calendarTable-theday-bg: #f57300; /* 背景色(当日・アイコン) */

/* 操作権限設定色 */
  --dispatch-ico-done-bg: #1458ab;
  --dispatch-ico-not-bg: #cf2947;
  --dispatch-ico-middle-bg: #dd8700;
  --app-DataDispBoxDetInn-brd: 1px solid #6d6d6d;
  --app-DataDispBoxTi-bg: none;
  --app-DataDispBoxTi-txt: #eaeaea;



 --app-FlexListInn-brd: 1px solid #20242c;


  --app-DataDispBoxDl-PayTl-bg: #e5f1f4; /* 価格表示背景色 */

/* ポップアップ時個別で目立たせたいボックスを個別で作成する場合に使用 */
  --app-BgBoxHgl-brd: 5px solid #9bd76b; /* 外枠ボーダー指定 */
  --app-BgBoxHgl-bg: #fff; /* 外枠背景色 */
  --app-BgBoxHgl-sd: 0 0 1.0rem #d9e3d0; /* 外枠背景影色 */

/* 各種ボタン背景色 */
  --SearchBT-bg: #00649d;
  --SearchBT-brd: 1px solid #00649d;
  --bt-bl: linear-gradient(180deg, #00649d, #00649d);
  --bt-gr: linear-gradient(180deg, #278274, #278274);
  --bt-gr-brd: 1px solid #278274;
  --sbmNxBt-bg: #00649d; /* 背景色 */
  --sbmNxBt-brd: 1px solid #00649d; /* ボーダー指定 */

/* 0801: 所属カテゴリ表示ユニット */
  --app-mainTi-mg: 0 auto; /* マージン */
  --app-mainTi-pd: 3.0rem 0.5rem; /* パディング */
  --app-mainTi-txt: #eaeaea; /* テキスト色 */
  --app-mainTi-bg: inhelit; /* 背景色 */
  --app-mainTi-brd: none; /* ボーダー指定 */
  --font-mainTi: clamp(2.0rem, 2.4vw, 2.4rem); /* フォントサイズ */

/* 画面遷移（編集・確認・その他）右寄せボタン */
  --app-EditBtArea-cr-crt: #009b9d; /* カレント背景色 */
  --app-EditBtArea-brd-crt: 1px solid #009b9d; /* カレントボーダー指定 */

  --app-EditBtArea-BtOnly-cr: #e5f1f4; /* ボタンエリア単独時背景色 */
  --app-EditBtArea-txt: #fff; /* テキスト色 */
  --app-EditBtArea-detail-cr: #00649d; /* 確認ボタン背景色 */
  --app-EditBtArea-detail-brd: 1px solid #00649d; /* 確認ボタンボーダー指定 */
  --app-EditBtArea-edit-cr: #008c9d; /* 編集ボタン背景色 */
  --app-EditBtArea-edit-brd: 1px solid #0f384f; /* 編集ボタンボーダー指定 */
  --app-EditBtArea-oth-cr: #598227; /* その他ボタン背景色 */
  --app-EditBtArea-oth-brd: 1px solid #598227; /* その他ボタンボーダー指定 */

/* 編集・クリアボタン基本 */
  --editBt-bg: #00649d; /* 背景色 */
  --editBt-brd: none; /* ボーダー指定 */
  --editBt-txt: #fff; /* テキスト色 */
  --editBt-sd: none; /* 背景影色 */

  --clearBt-bg: #5c5c5c; /* 背景色 */
  --clearBt-brd: none; /* ボーダー指定 */
  --clearBt-txt: #fff; /* テキスト色 */
  --clearBt-sd: none; /* 背景影色 */

  --app-BackListBt-bg: #fff; /* 一覧に戻る誘導ボタン */
  --app-BackListBt-brd: #8c8c8c; /* 一覧に戻る誘導ボタン */

/* マッチング詳細ボックス */
  --app-matchingSetHeadBtFr-bg: #00649d; /* 背景色 */
  --app-matchingSetHeadBtFr-brd: 1px solid #00649d; /* ボーダー指定 */
  --app-matchingSetBtEdit-bg: #00649d; /* 背景色 */
  --app-matchingSetBtEdit-brd: 1px solid #00649d; /* ボーダー指定 */
  --app-matchingSetCnt-txt: #00649d; /* テキスト色 */
  --app-matchingSetCnt-brd: 1px solid #00649d; /* ボーダー指定 */
  --app-matchingSetArt-txt: #00649d; /* テキスト色 */
  --app-matchingSetArt-bg: #e5f1f4; /* 背景色 */

/* 時間枠ヘルプ */
  --app-HelpWakuInn-bg: #d1dde4; /* 背景指定 */
  --app-HelpWakuInn-brd: 1px solid #bed0db; /* ボーダー指定 */
  --app-HelpDetArw-bg: #00649d; /* 背景指定 */

  --app-payDetDlBox-01-bg: #d1dde4; /* 背景指定 */
  --app-payDetDlBox-01-brd: 1px solid #aabbc5; /* ボーダー指定 */
  --app-payDetDlBox-02-bg: #e6f2b7; /* 背景指定 */
  --app-payDetDlBox-02-brd: 1px solid #d3e393; /* ボーダー指定 */

/* 時間枠設定 */
  --frameSelectTi-txt: #00649d; /* 見出しテキスト色 */
  --app-toggle-btdef-bg: #a2a2a2;
  --app-toggle-btunap-bg: #00649d;

/* 案件手配表示設定 */
  --shareBox-cr: #00649d; /* テキスト色 */
  --shareBox-bg: #f4f9fa; /* 背景色 */
  --shareBox2-bg: #fff; /* 背景色2 */
  --shareBox-brd: 1px solid #eaeaea; /* ボーダー色 */
}
@media screen and (max-width: 600px) {
	:root {
	  --memInfo-size: 100%;
	  --app-mainTi-pd: 1.5rem 0.5rem; /* パディング */
	}
}


/* ** private_custom end ** */