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

/*======== form_common.css ========*/

/* ** input_basic start ** */
/****************** フォーム共通指定 ******************/
:root {
/* 入力フォーム共通指定 */
  --form-rod: 0.2rem; /* 角丸 */
  --form-mg: 0.2rem; /* マージン */
  --form-pd: 1.5rem 1.0rem; /* パディング */
  --form-txt: #434343; /* テキスト色 */
  --form-fc: #fafaf4; /* 背景色 */
  --form-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --form-fc-cr: #fffbd7; /* focus背景色 */
  --form-fc-dis: #eaeaea; /* disable背景色 */
  --form-txt-dis: #cdcdcd; /* disableテキスト色 */
  --form-brd-dis: 1px solid #e2e2e2; /* disableボーダー指定 */
  --font-form-input: clamp(1.6rem, 1.6vw, 1.6rem); /* フォントサイズ */

/* プルダウンメニュー */
  --SelectBt-rod: 0.5em; /* 角丸 */

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

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

/* === PCテンキー === */
  --tenkey-bg: #fff; /* 背景色 */
  --tenkey-brd: #cdcdcd; /* ボーダー指定 */
  --tenkey-bt-bg: #fff; /* ボタン背景色 */
  --tenkey-bt-brd: #cdcdcd; /* ボタンボーダー指定 */

}
/* ** input_basic end ** */

/*======== box_parts.css ========*/

/* ** com_box start ** */
/*** 基本ボックス ***/
:root {
/* 枠ボックス */
  --BgBox-rod: 0.2rem; /* ボックス */
  --app-BgBox-bg: #fff; /* 外枠背景色 */
  --app-BgBoxInn-bg: #fff; /* 内枠背景色 */
  --app-BgBox-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-BgBoxInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-BgBox-txt: #000; /* テキスト色 */
  --app-BgBox-sd: 0 0 1.0rem #cdcdcd; /* 外枠背景影色 */
  --app-BgBoxInn-sd: inherit; /* 内枠背景影色 */
  --app-BgBox-Kbrd: 1px dotted #171717; /* 罫線ボーダー指定 */

/* 登録画面画面サイズ（共通）※入力画面を共通にする為の画面サイズ共通指定 */
  --InputBaseBox-size: 800px; /* 登録画面画面サイズ */

/* 枠ボックス基本設定 */
  --app-DataDispBox-rod: 0.2em; /* 角丸 */

/* 基本設定 */
  --app-DataDispBoxDet-txt: #171717; /* テキスト色 */
  --app-DataDispBoxDet-brd: 1px solid #dedede; /* 外枠ボーダー指定 */
  --app-DataDispBoxDet-sd: 0 0 0.4rem #f0f0f0; /* 外枠背景影色 */
  --app-DataDispBoxDet-bg: #fff; /* 外枠背景色 */
  --app-DataDispBoxDet-fcs-bg: #faf0d1; /* フォーカス背景色 */
  --app-DataDispBoxDl-PayTl-bg: #efefef; /* 価格表示背景色 */

/* 内枠設定 */
  --app-DataDispBoxDetInn-brd: 1px solid #dedede; /* 内枠ボーダー指定 */
  --app-DataDispBoxDetInn-sd: inhelit; /* 内枠背景影色 */
  --app-DataDispBoxDetInn-bg: #fff; /* 内枠背景色 */

/* タイトル設定 */
  --app-DataDispBoxTi-txt: #1c1c1c; /* テキスト色 */
  --app-DataDispBoxTi-bg: #eee; /* 背景色 */

/* サブタイトル設定 */
  --app-DataDispSubTitle-txt: #1c1c1c; /* テキスト色 */
  --app-DataDispSubTitle-bg: #f6f6f6; /* 背景色 */
  --app-DataDispSubTitle-brd: 1px solid #dedede; /* ボーダー色 */

/* データ表示設定(DLタグ要素の共通設定) */
  --app-DataDispBoxDet-brd-dl: 1px dotted #cdcdcd; /* 仕切りボーダー指定 */

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

}
@media screen and (max-width: 600px) {
	:root {
	  --InputBaseBox-size: 90%; /* サイズ */
	}
}
/* ** com_box end ** */

/* ** matching_box start ** */
/********* マッチング詳細ボックス *********/
:root {
/* ヘッダー箇所ボタン設定 */
  --app-matchingSetHeadBtFr-txt: #fff; /* テキスト色 */
  --app-matchingSetHeadBtFr-bg: #2d8780; /* 背景色 */
  --app-matchingSetHeadBtFr-brd: 1px solid #2d8780; /* ボーダー指定 */
  --app-matchingSetHeadBtFr-sd: inhelit; /* 背景影色 */

  --app-matchingSetHeadBtFb-txt: #2f2f2f; /* テキスト色 */
  --app-matchingSetHeadBtFb-bg: #fff; /* 背景色 */
  --app-matchingSetHeadBtFb-brd: 1px solid #c8c8c8; /* ボーダー指定 */
  --app-matchingSetHeadBtFb-sd: inhelit; /* 背景影色 */

/* カウント箇所設定 */
  --app-matchingSetCnt-txt: #2f2f2f; /* テキスト色 */
  --app-matchingSetCnt-bg: #eee; /* 背景色 */
  --app-matchingSetCnt-brd: 1px solid #c8c8c8; /* ボーダー指定 */

/* 操作ボタン箇所設定 */
  --app-matchingSetBt-brd: 1px solid #c8c8c8; /* ボーダー指定 */
  --app-matchingSetBt-bg: #eee; /* 背景色 */
  --app-matchingSetBtEdit-txt: #fff; /* テキスト色 */
  --app-matchingSetBtEdit-bg: #2d8780; /* 背景色 */
  --app-matchingSetBtEdit-brd: 1px solid #2d8780; /* ボーダー指定 */
  --app-matchingSetBtEdit-sd: inhelit; /* 背景影色 */

/* 注意書き箇所設定 */
  --app-matchingSetArt-txt: #fff; /* テキスト色 */
  --app-matchingSetArt-bg: #2d8780; /* 背景色 */
  --app-matchingSetArt-brd: inhelit; /* ボーダー指定 */
}
/* ** matching_box end ** */

/* ** colorbox_basic start ** */
/********* インラインポップ設定 *********/
:root {
  --app-popupTi-mg: 0 auto; /* マージン */
  --app-popupTi-pd: 2.0rem 0; /* パディング */
  --app-popupTi-txt: #232323; /* テキスト色 */
  --app-popupTi-bg: #fcfcfc; /* 背景色 */
  --app-popupTi-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-popupTi: clamp(1.6rem, 2.0vw, 2.0rem); /* フォントサイズ */
  --app-popupBt-bg: #fcfcfc; /* 背景色 */
  --app-popupBt-brd: 1px solid #cdcdcd; /* ボーダー指定 */
}
/* ** colorbox_basic end ** */

/* ** comment_box start ** */
/*** コメント・掲示板・レビュー投稿コメント表示ボックス ***/
:root {
  --app-commentZero-bg: #fcfcfc; /* コメントリスト背景指定（コメント無し） */
  --app-commentFst-bg: #fff; /* コメントリスト背景指定（親スレッド） */
  --app-commentSec-bg: #fcfcfc; /* コメントリスト背景指定（レスコメント） */
}
/* ** comment_box end ** */

/* ** order_box start ** */
:root {
  --font-AmountName: clamp(1.6rem, 1.6vw, 1.8rem); /* 購入商品名 フォントサイズ */
  --font-Amount: clamp(1.8rem, 1.8vw, 2.0rem); /* 決済金額 フォントサイズ */
  --font-cardAgtName-txt: clamp(1.4rem, 1.4vw, 1.4rem); /* 決済会社名称テキスト フォントサイズ */
}
/* ** order_box end ** */

/* ** credit_box start ** */
/* ** credit_box end ** */

/* ** contributor_box start ** */
/* ** contributor_box end ** */

/* ** message_box start ** */
:root {
/*** メッセージボックス ***/
/* 枠ボックス */
  --messageList-rod: 0.2rem; /* ボックス */
  --app-messageList-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-messageList-bg: #fff; /* 背景色 */

/* メッセージタイトル箇所 */
  --app-messageTitle-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-messageTitle-bg: #fff; /* 背景色 */

/* メッセージ箇所 */
  --app-messageListInn-txt: #232323; /* テキスト色 */
  --app-messageListInn-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
  --app-messageListInn-myself-bg: #fff; /* 背景色 */
  --app-messageListInn-partner-bg: #f1f7f9; /* 背景色 */

/* メッセージ引用箇所 */
  --app-messageIteminlineMes-brd: 2px solid #cdcdcd; /* ボーダー指定 */

/* メッセージ引用外部連携箇所 */
  --messageItemOutData-rod: 0.2rem; /* ボックス */
  --app-messageItemOutData-bg: #f6f9ef; /* 背景色 */
  --app-messageItemOutData-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* メッセージ入力ボックス */
  --messageInput-rod: 0.2rem; /* ボックス */
  --app-messageInput-bg: #f7f7f7; /* 背景色 */
  --app-messageInput-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* メッセージ操作ボタン等 */
  --messageEditBtBox-rod: 0.2rem; /* ボックス */
  --app-messageEditBtBox-bg: #f4f4f4; /* 背景色 */
  --app-messageEditBtBox-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* 編集ボタン */
  --messageEditBt-txt: #fff; /* テキスト色 */
  --messageEditBt-bg: #325977; /* 背景色 */
  --messageEditBt-brd: 1px solid #325977; /* ボーダー指定 */

/* 削除ボタン */
  --messageDelBt-txt: #fff; /* テキスト色 */
  --messageDelBt-bg: #325977; /* 背景色 */
  --messageDelBt-brd: 1px solid #325977; /* ボーダー指定 */

/* 引用ボタン */
  --messageQutBt-txt: #fff; /* テキスト色 */
  --messageQutBt-bg: #325977; /* 背景色 */
  --messageQutBt-brd: 1px solid #325977; /* ボーダー指定 */

/* アクションボタン */
  --messageActBt-txt: #fff; /* テキスト色 */
  --messageActBt-bg: #325977; /* 背景色 */
  --messageActBt-brd: 1px solid #325977; /* ボーダー指定 */

/* 既読ボタン */
  --messageKidokuBt-txt: #fff; /* テキスト色 */
  --messageKidokuBt-bg: #137884; /* 背景色 */
  --messageKidokuBt-brd: 1px solid #137884; /* ボーダー指定 */

/* 未読ボタン */
  --messageMidokuBt-txt: #fff; /* テキスト色 */
  --messageMidokuBt-bg: #d88829; /* 背景色 */
  --messageMidokuBt-brd: 1px solid #d88829; /* ボーダー指定 */

/* 送信ボタン */
  --messageSendBt-txt: #fff; /* テキスト色 */
  --messageSendBt-bg: #325977; /* 背景色 */
  --messageSendBt-brd: 1px solid #325977; /* ボーダー指定 */

/* 編集取消ボタン */
  --messageCanBt-txt: #fff; /* テキスト色 */
  --messageCanBt-bg: #42816b; /* 背景色 */
  --messageCanBt-brd: 1px solid #42816b; /* ボーダー指定 */

/* その他操作ボタン */
  --messageOutBt-txt: #fff; /* テキスト色 */
  --messageOutBt-bg: #42816b; /* 背景色 */
  --messageOutBt-brd: 1px solid #42816b; /* ボーダー指定 */

/*** メッセージアプリ風 ***/
  --mesApp-txt: #000; /* テキスト色 */
  --mesApp-bg: #769ece; /* 背景色 */
  --mesAppPartner-bg: #fff; /* 相手メッセージ背景色 */
  --mesAppMyself-bg: #7adc40; /* 自身メッセージ背景色 */

}
/* ** message_box end ** */

/* ** schedule_box start ** */
:root {
/*** スケジュールボックス ***/
/* 枠ボックス */
  --scheduleCal-rod: 0.2rem; /* ボックス */
  --app-scheduleCalTitle-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-scheduleCalTitle-bg: #fff; /* 背景色 */

/* スケジュールカレンダー箇所 */
  --app-schedulecalendar-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-schedulecalendar-bg: #fff; /* 背景色 */
}
/* ** schedule_box end ** */