@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; /* 入力項目仕切り指定 */
}
/* ** 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; /* 登録画面画面サイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --InputBaseBox-size: 90%; /* サイズ */
	}
}
/* ** com_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(2.0rem, 2.0vw, 2.0rem); /* フォントサイズ */
}
/* ** 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 ** */