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

/*************************** パーツ共通設定 ***************************/

/* ** dezpt_basic start ** */

/*** 共通設定 ***/
:root {
/*** デザインパターン全てのボタン装飾共通 ***/
/* コピーライト */
  --app-copy-cr: #171717; /* 背景色 */
  --app-copy-txt: #fff; /* テキスト色 */
  --font-copy: 1.4rem; /* フォントサイズ */
  --font-copy-ico: 1.8rem; /* フォントサイズ（C） */

/*** マークアップ対応 ***/
  --app-markup_red-txt: #d30101; /* 赤色 */
  --app-markup_blue-txt: #0f57c3; /* 青色 */
  --app-markup_green-txt: #009d30; /* 緑色 */
  --app-markup_yellow-txt: #ffd800; /* 黄色 */
  --app-markup_orange-txt: #ff8400; /* 橙色 */
  --app-markup_grey-txt: #a1a1a1; /* 灰色 */

  --markupBox-rod: 0.2em; /* 角丸 */
  --markupBox-pd: 1.0rem; /* パディング */
  --font-markupBox: clamp(1.2rem, 1.2vw, 1.2rem); /* フォントサイズ */
  --markupBox-bg: #f6f6f6; /* 背景色 */
  --markupBox-brd: 1px solid #e2e2e2; /* ボーダー指定 */
  --markupBox-bbg: none; /* 背景影色 */
  --markupBox-txt: #797979; /* テキスト色 */
}
/* ** dezpt_basic end ** */

/*************************** 会員遷移ボタンパーツ ***************************/

/* ** dezpt_mvavi_basic start ** */
:root {
/* 会員遷移ボタン共通指定 */
  --app-mnaviArea-rod: 0.2em; /* 角丸 */
  --font-mnaviArea: 1.4rem; /* フォントサイズ */
  --app-mnaviArea-txt: #000; /* テキスト色 */
  --app-mnaviArea-bg: #fff; /* 背景色 */
  --app-mnaviArea-bbg: 0 0 10px #cdcdcd; /* 背景影色 */
  --app-mnaviArea-brd: 1px solid #cdcdcd; /* ボーダー指定 */
}
/* ** dezpt_mvavi_basic end ** */
/* ** dezpt_mvavi01 start ** */
/* ** dezpt_mvavi01 end ** */
/* ** dezpt_mvavi02 start ** */
/* ** dezpt_mvavi02 end ** */
/* ** dezpt_mvavi03 start ** */
/* ** dezpt_mvavi03 end ** */
/* ** dezpt_mvavi04 start ** */
/* ** dezpt_mvavi04 end ** */
/* ** dezpt_mvavi_tooltip start ** */
:root {
/* カーソルマウスオン時のツールチップ  ***/
  --app-tooltip-rod: 0.2em; /* 角丸 */
}
/* ** dezpt_mvavi_tooltip end ** */

/*************************** ログイン者表示パーツ ***************************/

/* ** dezpt_member_info start ** */
:root {
/* ログイン者情報指定 */
  --memInfo-size: 300px; /* 枠サイズ */
  --memInfo-rod: 0.2rem; /* 角丸 */
  --memInfo-txt: #171717; /* テキスト色 */
  --memInfo-bg: #f8f8f8; /* 背景色 */
  --memInfo-brd: 1px solid #a2a2a2; /* ボーダー指定 */

/* プルダウンメニュー */
  --memberinfopd-txt: #171717; /* テキスト色 */
  --memberinfopd-bg: #fff; /* 背景色 */
  --memberinfopd-brd: 1px solid #a2a2a2; /* ボーダー指定 */
  --font-memberinfopd: 1.4rem; /* フォントサイズ */

/* 通知アイコン */
  --fmcicon-rod: 0.4em; /* 角丸 */
  --fmcicon-txt: #fff; /* テキスト色 */
  --fmcicon-bg: rgb(75,75,75); /* 通知アイコン 基本 背景色 */
  --granted-bg: #fd9d21; /* 通知アイコン 通知有効 背景色 */
  --denied-bg: #ba000f; /* 通知アイコン 通知無効状態 背景色 */
  --granted-brd: 6px solid #fd9d21; /* 通知アイコン 通知有効 ボーダー指定  */
  --denied-brd: 6px solid #ba000f; /*通知アイコン 通知無効状態 ボーダー指定 */
  --font-fmctxt: 1.3rem; /*フォントサイズ*/

/* プッシュ通知ボタン */
  --pushBt-rod: 0.2em; /* 角丸 */
  --pushBt-pd: 0.2em 0.5rem; /* パディング */
  --pushBt-txt: #171717; /* テキスト色 */
  --pushBt-brd: 1px solid #a2a2a2; /* ボーダー指定 */
  --pushBt-bg: #f8f8f8; /* 背景色 */
  --font-pushBt: 1.0rem; /* フォントサイズ */

/* ログイン者情報個別要素 */
  --font-LoginName: 1.5rem; /* ログイン者氏名 フォントサイズ */
  --font-LoginMemNo: 1.0rem; /* ログイン者会員番号 フォントサイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --memInfo-size: 100%; /* 枠サイズ */
	}
}
/* ** dezpt_member_info end ** */

/*************************** 入力ステップパーツ ***************************/

/* ** dezpt_step start ** */
/*** ステップ基本デザイン ***/
:root {
/* 枠ボックス */
  --step-bsc-li-rod: 0.2em; /* 角丸 */
  --step-bsc-txt: #000; /* テキスト色 */
  --step-bsc-bg: #eee; /* 外枠背景色 */
  --step-bscInn-bg: inhelit; /* 内枠背景色 */
  --step-bsc-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --step-bsc-lifc-txt: #fff; /* テキスト色（カレント） */
  --step-bsc-lifc-bg: #171717; /* 背景色（カレント） */

/* ドットデザイン */
  --step-bg-crt: #0070BD; /* カレント */
  --step-bg-nml: #878787; /* 通常時 */
}
/* ** dezpt_step end ** */

/*************************** SNSシェアパーツ ***************************/

/* ** dezpt_sns01 start ** */
/*** SNSシェア要素 ***/
:root {
/* SNSシェアアイコン */
  --SNS-rod: 0.3em; /* 角丸 */
  --SNSshare-txt: #111; /* テキスト色 */
  --SNSshare-bg: #fff; /* 背景色 */
  --SNSshare-brd: 1px solid #ddd; /* ボーダー色 */
  --SNSshare-ico-txt: #fff; /* アイコンテキスト色 */
  --SNSshare-ico-bg: #f5f5f5; /* アイコン背景色 */

/* アイコンカラー指定 */
  --x-bg: #000; /* x */
  --facebook-bg: #1877f2; /* facebook */
  --linkedin-bg: #0a66c2; /* linkedin */
  --line-bg: #06c755; /* line */
}
/* ** dezpt_sns01 end ** */

/* ** dezpt_sns02 start ** */
/* ** dezpt_sns02 end ** */

/*************************** タグ検索要素 ***************************/

/* ** dezpt_tag_search start ** */
:root {
/* タグ検索基本枠ボックス */
  --tagSearch-rod: 0.2rem; /* 角丸 */
  --tagSearch-txt: #000; /* テキスト色 */
  --tagSearch-bg: #fff; /* 背景色 */
  --tagSearch-brd: 1px solid #fff; /* ボーダー指定 */

/* タグ検索タイトル */
  --tagSearchTi-txt: #fff; /* テキスト色 */
  --tagSearchTi-bg: #000; /* 背景色 */
  --tagSearchTi-brd: 1px solid #fff; /* ボーダー指定 */

/* タグ検索もっと見るボタン */
  --tagSearchBt-rod: 0.2rem; /* 角丸 */
  --tagSearchBt-hd: 40px; /* ボタン位置に合わせた高さ指定 */
  --tagSearchBt-txt: #fff; /* テキスト色 */
  --tagSearchBt-bg: #000; /* 背景色 */
  --tagSearchBt-brd: 1px solid #000; /* ボーダー指定 */
  --tagSearchGd-bg: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1.0) 100%) /* 背景色グラデーション */

/* タグアイコン共通設定 */
  --tagLink-rod: 0.2rem; /* 角丸 */
  --TagLink-txt: #535353; /* テキスト色 */
  --TagLink-bg: #f6f6f6; /* 背景色 */
  --TagLink-brd: #e7e7e7; /* ボーダー指定 */
}
/* ** dezpt_tag_search end ** */

/*************************** 詳細ページアイコンパーツ ***************************/

/* ** dezpt_contents_parts start ** */
:root {
/* カテゴリアイコン共通設定 */
  --DetcateName-rod: 0.2em; /* 角丸 */
  --DetcateName-txt: #fff; /* テキスト色 */

/* いいね・お気に入りボタン */
  --siteShareFavorite-rod: 0.2rem; /* 角丸 */
  --siteShareFavorite-txt: #000; /* テキスト色 */
  --siteShareFavorite-bg: #fff; /* 背景色 */
  --siteShareFavorite-brd: 1px solid #969696; /* ボーダー指定 */

  --siteShareFavorite-dis-txt: #e2e2e2; /* テキスト色（disable時） */
  --siteShareFavorite-dis-bg: #f9f9f9; /* 背景色（disable時） */
  --siteShareFavorite-dis-brd: 1px solid #e2e2e2; /* ボーダー指定（disable時） */

  --siteShareFavorite-fc-txt: #fff; /* テキスト色（カレント） */
  --siteShareFavorite-fc-bg: #ffa200; /* 背景色（カレント） */
  --siteShareFavorite-fc-brd: 1px solid #ffa200; /* ボーダー指定（カレント） */
}
/* ** dezpt_contents_parts end ** */

/*************************** 検索関連パーツ ***************************/

/* ** dezpt_search_box start ** */
:root {
/*** 検索ボックス ***/
/* 枠ボックス */
  --searchBox-rod: 0.2rem; /* ボックス */
}
/* ** dezpt_search_box end ** */

/* ** dezpt_search01 start ** */
:root {
/* 共通設定 */
  --contsearch-rod: 0.3rem; /* 角丸 */
  --contsearch-txt: #fff; /* テキスト色 */
  --contsearch-bg: #fff; /* 背景色 */
  --contsearch-bt-bg: #171717; /* ボタン背景色 */
  --contsearch-brd: 2px solid #171717; /* ボーダー指定 */
  --contsearch-sd: none; /* 背景影色 */
}
/* ** dezpt_search01 end ** */

/* ** dezpt_search02 start ** */
:root {
/* キーワード検索(ボタン分離) */
  --contsearch-sepl-rod: 0.5rem; /* 角丸 */
  --contsearch-sepl-txt: #fff; /* テキスト色 */
  --contsearch-sepl-brd: 1px solid #dddddd; /* ボーダー指定 */
  --contsearch-sepl-bg: #f6f6f6; /* 背景色 */
  --contsearch-sepl-sd: none; /* 背景影色 */
  --contsearch-sepl-bt-bg: #171717; /* ボタン背景色 */
}
/* ** dezpt_search02 end ** */

/* ** dezpt_search03 start ** */
/* ** dezpt_search03 end ** */
/* ** dezpt_search04 start ** */
/* ** dezpt_search04 end ** */

/* ** dezpt_search05 start ** */
/*** 検索抽出・遷移ボタン（小） ***/
:root {
/* 抽出ボタン設定 */
  --app-extractBtArea-rod: 0.3em; /* 角丸 */
  --app-extractBtArea-txt: #000; /* テキスト色 */
  --app-extractBtArea-cr: #efefef; /* 背景色 */
  --app-extractBtArea-cr-crt: #ffcc00; /* カレント背景色 */
  --app-includeEnd-cr-crt: #ffcbcb;/* 抽出ボタン条件カレント */
}
/* ** dezpt_search05 end ** */

/*************************** システムアイコンパーツ ***************************/

/* ** dezpt_system_ico01 start ** */
/*** システム利用アイコン共通要素 ***/
:root {
/* 共通設定 */
  --IcoBox-rod: 0.3rem; /* 角丸 */

/*** アイコンカラー ***/

/* ブラック */
  --BgBrk-txt: #fff; /* テキスト色 */
  --BgBrk-bg: #212121; /* 背景色 */

/* グレー */
  --BgGry-txt: #fff; /* テキスト色 */
  --BgGry-bg: #a6a6a6; /* 背景色 */

/* オレンジ */
  --BgOyl-txt: #fff; /* テキスト色 */
  --BgOyl-bg: #eab219; /* 背景色 */

/* ブラウン */
  --BgBrn-txt: #fff; /* テキスト色 */
  --BgBrn-bg: #a29c71; /* 背景色 */

/* イエロー */
  --BgYel-txt: #fff; /* テキスト色 */
  --BgYel-bg: #ffcc00; /* 背景色 */

/* ブルー */
  --BgBlu-txt: #fff; /* テキスト色 */
  --BgBlu-bg: #31a6dc; /* 背景色 */

/* ブルー（鮮やか） */
  --BgBls-txt: #fff; /* テキスト色 */
  --BgBls-bg: #00b4ff; /* 背景色 */

/* ブルー（彩度落ち） */
  --BgBlk-txt: #fff; /* テキスト色 */
  --BgBlk-bg: #5a899f; /* 背景色 */

/* レッド */
  --BgRed-txt: #fff; /* テキスト色 */
  --BgRed-bg: #d11900; /* 背景色 */

/* ピンク */
  --BgPnc-txt: #fff; /* テキスト色 */
  --BgPnc-bg: #ff5757; /* 背景色 */

/* レッド（鮮やか） */
  --BgKrd-txt: #fff; /* テキスト色 */
  --BgKrd-bg: #ff2020; /* 背景色 */

/* レッド（彩度落ち） */
  --BgEng-txt: #fff; /* テキスト色 */
  --BgEng-bg: #922222; /* 背景色 */

/* グリーン */
  --BgGrn-txt: #fff; /* テキスト色 */
  --BgGrn-bg: #1b7e00; /* 背景色 */

/* グリーン（彩度落ち） */
  --BgKgr-txt: #fff; /* テキスト色 */
  --BgKgr-bg: #608b22; /* 背景色 */
}
/* ** dezpt_system_ico01 end ** */

/* ** dezpt_system_ico02 start ** */
:root {
/* 共通設定 */
  --Ico-triangle-size: 1.5rem; /* 矢印アイコンサイズ */
  --Ico-triangle-cr: #eab219; /* 矢印アイコンカラー */
}
/* ** dezpt_system_ico02 end ** */

/* ** dezpt_system_ico03 start ** */
:root {
/* 友達アイコン表示 */
  --Ico-friendOn-cr: #7ec617; /* 友達追加済 */
  --Ico-friendOff-cr: #d8e3c8; /* 友達未追加 */
  --Ico-friendPtOff-cr: #cb3535; /* 相手未追加 */
}
/* ** dezpt_system_ico03 end ** */

/* ** dezpt_system_ico04 start ** */
/* ** dezpt_system_ico04 end ** */

/* ** dezpt_system_ico05 start ** */
:root {
/* アイコン背景 */
  --app-onptIco-cr: #000; /* 背景影色 */
}
/* ** dezpt_system_ico05 end ** */

/* ** dezpt_system_ico06 start ** */
:root {
/* 申込プラン表示 */
  --app-planOrd-rod: 0.3em; /* 角丸 */
  --app-planOrdF-bg: #545454; /* フリープラン */
  --app-planOrdA-bg: #ff9d00; /* プランA */
  --app-planOrdB-bg: #0d89b7; /* プランB */
  --app-planOrdC-bg: #0c9157; /* プランC */
  --app-planOrdD-bg: #ae3131; /* プランD */
  --app-planOrdE-bg: #3166ae; /* プランE */

  --app-planOrdF-thin-bg: #e3e3e3; /* フリープラン(薄色) */
  --app-planOrdA-thin-bg: #ffe1c1; /* プランA(薄色) */
  --app-planOrdB-thin-bg: #dbeaef; /* プランB(薄色) */
  --app-planOrdC-thin-bg: #bcead6; /* プランC(薄色) */
  --app-planOrdD-thin-bg: #daa7a7; /* プランD(薄色) */
  --app-planOrdE-thin-bg: #869bb7; /* プランE(薄色) */
}
/* ** dezpt_system_ico06 end ** */

/*************************** 画像スライドパーツ ***************************/

/* ** dezpt_slide_basic start ** */
:root {
  --SldDot-bg: #000; /* ドット表示背景色 */
  --SldDot-li: #333; /* ドット通常色 */
  --SldDot-lia: #fff; /* ドットアクティブ色 */
}
/* ** dezpt_slide_basic end ** */

/* ** dezpt_slide01 start ** */
/* ** dezpt_slide01 end ** */
/* ** dezpt_slide02 start ** */
/* ** dezpt_slide02 end ** */

/*************************** カレンダーパーツ ***************************/

/* ** dezpt_calendar01 start ** */
:root {
/* カレンダー年月リンク */
  --app-calendarLink-rod: 0.3em; /* 角丸 */
  --app-calendarLink-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarLink-cr: #fff; /* 背景色 */
  --app-calendarLink-cr-ah: #fffdce; /* 背景色 マウスオン */
  --app-calendarLink-txt: #000; /* テキスト色 */

/* 通常カレンダー本体表示設定 */
  --app-calendarTable-th-pd: 0.3rem; /* パディング(TH) */
  --app-calendarTable-th-brd: 1px solid #c9c9c9; /* ボーダー指定(TH) */
  --app-calendarTable-th-cr: #fff; /* 背景色(TH) */
  --app-calendarTable-td-brd: 1px solid #c9c9c9; /* ボーダー指定(TD) */
  --app-calendarTable-td-cr: #fff; /* 背景色(TD) */

/* 通常カレンダー色設定 */
  --app-calendarTable-sun-txt: #ca0909; /* テキスト色(日曜日) */
  --app-calendarTable-sut-txt: #2258b2; /* テキスト色(土曜日) */
  --app-calendarTable-day-txt: #757575; /* テキスト色(平日) */
  --app-calendarTable-sun-no-txt: #e1b0b0; /* テキスト色(日曜日・前翌月) */
  --app-calendarTable-sut-no-txt: #92b8d8; /* テキスト色(土曜日・前翌月) */
  --app-calendarTable-day-no-txt: #d8d8d8; /* テキスト色(平日・前翌月) */
  --app-calendarTable-sun-bg: #faecec; /* 背景色(日曜日) */
  --app-calendarTable-sut-bg: #f1f9ff; /* 背景色(土曜日) */
  --app-calendarTable-cln-bg: #f6f6f6; /* 背景色(前翌月) */
  --app-calendarTable-hld-bg: #d2ebe5; /* 背景色(当日) */
  --app-calendarTable-art-bg: #fff4cc; /* 背景色(注意喚起用) */
  --app-calendarTable-theday-txt: #fff; /* テキスト色(当日・アイコン) */
  --app-calendarTable-theday-bg: #2e2e2e; /* 背景色(当日・アイコン) */

/* 月選択カレンダー本体リンクボックス設定 */
  --app-calendarBtLinkInn-rod: 0.3em; /* 角丸 */
  --app-calendarBtLinkInn-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkInn-cr: #fff; /* 背景色 */
  --app-calendarBtLinkInn-cr-ah: #fff8d5; /* 背景色 マウスオン */

/* 月表示 */
  --app-calendarBtLinkMnt-txt: #000; /* テキスト色 */

/* 設定状態表示 */
  --app-calendarBtLinkTxt-rod: 0.3em; /* 角丸 */
  --app-calendarBtLinkTxt-mg: 1.0rem auto 0 auto; /* マージン */
  --app-calendarBtLinkTxt-pd: 1.0rem 0.2rem; /* パディング */
  --app-calendarBtLinkTxt-txt: #000; /* テキスト色 */

/* 未設定 */
  --app-calendarBtLinkTxt-mset-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkTxt-mset-cr: #eee; /* 背景色 */

/* 設定 */
  --app-calendarBtLinkTxt-set-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkTxt-set-cr: #c9eeff; /* 背景色 */

/* カレンダー内要素カウンター等表示 */
  --app-calendardata_box-rod: 0.3em; /* 角丸 */
  --app-calendardata_box-brd: 1px solid #b6b6b6; /* ボーダー指定 */

/*** カレンダー内でのボタン表示設定 ***/
  --app-attdBt-rod: 0.3em; /* 角丸 */
  --app-attdBt-brd: 1px solid #dadada; /* ボーダー指定 */
}
/* ** dezpt_calendar01 end ** */

/* ** dezpt_calendar02 start ** */
:root {
/*** jqueryポップアップカレンダー  ***/

/* カレンダー親枠 */
  --app-widget-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-txt: #000; /* テキスト色 */
  --app-widget-bg: #fff; /* 背景色 */

/* カレンダー年月選択枠 */
  --app-widget-header-rod: 0.2em; /* 角丸 */
  --app-widget-header-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-header-txt: #fff; /* テキスト色 */
  --app-widget-header-bg: #000; /* 背景色 */

/* カレンダー日選択基本 */
  --app-state-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-state-txt: #000; /* テキスト色 */
  --app-state-bg: #fff; /* 背景色 */

/* カレンダー日選択マウスオン */
  --app-state-hover-brd: 1px solid #ff9e00; /* ボーダー指定 */
  --app-state-hover-txt: #000; /* テキスト色 */
  --app-state-hover-bg: #fff9d1; /* 背景色 */

/* カレンダー日選択選択された日 */
  --app-state-active-brd: 1px solid #1ea204; /* ボーダー指定 */
  --app-state-active-txt: #000; /* テキスト色 */
  --app-state-active-bg: #c2edba; /* 背景色 */

/* カレンダー日選択（今日）指定 */
  --app-state-highlight-brd: 1px solid #ffa200; /* ボーダー指定 */
  --app-state-highlight-txt: #ff5400; /* テキスト色 */
  --app-state-highlight-bg: #ffe486; /* 背景色 */

/* カレンダー日選択（日曜）指定 */
  --app-state-sun-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-state-sun-txt: #d10101; /* テキスト色 */
  --app-state-sun-bg: #ffeaea; /* 背景色 */
  --app-state-sun-ah-bg: #fff8e1; /* 背景色（マウスオン） */

/* カレンダー日選択（土曜）指定 */
  --app-state-sat-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-state-sat-txt: #2c81c9; /* テキスト色 */
  --app-state-sat-bg: #daeeff; /* 背景色 */
  --app-state-sat-ah-bg: #fff8e1; /* 背景色（マウスオン） */

/* スクロールバー色 */
  --app-scrollbar-bg: #e7e7e7; /*スクロールバー背景色*/
  --app-scrollbar-thumb: #343434; /*スクロールバー色*/
}
/* ** dezpt_calendar02 end ** */

/*************************** テーブルパーツ ***************************/

/* ** dezpt_table start ** */
:root {
/* テーブル要素共通 */
  --TableBox-mg: 1.0rem auto; /* マージン */
  --TableBox-pd: 0; /* パディング */
  --TableBox-txt: #171717; /* テキスト色 */
  --TableBox-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-TableBox: clamp(1.4rem, 1.4vw, 1.4rem);/* フォントサイズ */

/* Th指定 */
  --TableBox-th-pd: 1.5rem; /* パディング */
  --TableBox-th-bg: #f4f4f4; /* 背景色 */

/* Td指定 */
  --TableBox-td-pd: 1.5rem; /* パディング */
  --TableBox-td-bg: #fff; /* td背景色 */
  --TableBox-td-y-bg: #fffddf; /* td背景色(黄色) */
  --TableBox-td-r-bg: #f7eded; /* td背景色(赤色) */
  --TableBox-td-b-bg: #e1ecf3; /* td背景色(青色) */
  --TableBox-td-g-bg: #d3f1d2; /* td背景色(緑色) */
  --TableBox-td-h-bg: #eeeeee; /* td背景色(グレー色) */
}
/* ** dezpt_table end ** */

/*************************** デザイン装飾パーツ ***************************/

/* ** dezpt_Basicblck start ** */
/* ** dezpt_Basicblck end ** */
/* ** dezpt_Basicblck01 start ** */
/* ** dezpt_Basicblck01 end ** */
/* ** dezpt_Basicblck02 start ** */
/* ** dezpt_Basicblck02 end ** */
/* ** dezpt_Basicblck03 start ** */
/* ** dezpt_Basicblck03 end ** */
/* ** dezpt_Basicblck04 start ** */
/* ** dezpt_Basicblck04 start ** */

/********* デザインレイアウトパーツ（画像を利用した各種特殊レイアウト） *********/

/* ** dezpt_tblck start ** */
/* ** dezpt_tblck end ** */
/* ** dezpt_lrblck start ** */
/* ** dezpt_lrblck end ** */
/* ** dezpt_phblck start ** */
/* ** dezpt_phblck end ** */
/* ** dezpt_phblck4 start ** */
/* ** dezpt_phblck4 end ** */

/* ** dezpt_pointblck start ** */
/* ** dezpt_pointblck end ** */
/* ** dezpt_titleblck start ** */
:root {
  --app-TiTxtArw-txt: #fff; /* テキスト色 */
  --app-TiTxtArw-bg: #171717; /* 背景色 */
}
/* ** dezpt_titleblck end ** */

/* ** dezpt_orcode start ** */
/* ** dezpt_orcode end ** */

/* ** dezpt_diagram start ** */
:root {
/****** 相関図表示（1対1） ******/
/*** 基本 ***/
  --diagram-rod: 0.3em; /* 角丸 */
  --diagram-l-txt: #191919; /* 左要素テキスト色 */
  --diagram-r-txt: #191919; /* 右要素テキスト色 */
  --diagram-l-brd: #191919; /* 左要素ボーダー色 */
  --diagram-r-brd: #191919; /* 右要素ボーダー色 */
  --diagram-l-bg: #fff; /* 左要素背景色 */
  --diagram-r-bg: #fff; /* 右要素背景色 */

  --diagram-aw-l-brd: #191919; /* 左要素矢印色 */
  --diagram-aw-r-brd: #191919; /* 右要素矢印色 */

/*** 要素ON ***/
  --diagram-l-on-txt: #191919; /* 左要素テキスト色 */
  --diagram-r-on-txt: #191919; /* 右要素テキスト色 */
  --diagram-l-on-brd: #191919; /* 左要素ボーダー色 */
  --diagram-r-on-brd: #191919; /* 右要素ボーダー色 */
  --diagram-l-on-bg: #fff8ee; /* 左要素背景色 */
  --diagram-r-on-bg: #fff8ee; /* 右要素背景色 */

  --diagram-aw-l-on-brd: #ff9000; /* 左要素矢印色 */
  --diagram-aw-r-on-brd: #ff9000; /* 右要素矢印色 */

/*** 要素OFF ***/
  --diagram-l-off-txt: #9f9f9f; /* 左要素テキスト色 */
  --diagram-r-off-txt: #9f9f9f; /* 右要素テキスト色 */
  --diagram-l-off-brd: #9f9f9f; /* 左要素ボーダー色 */
  --diagram-r-off-brd: #9f9f9f; /* 右要素ボーダー色 */
  --diagram-l-off-bg: #f8f8f8; /* 左要素背景色 */
  --diagram-r-off-bg: #f8f8f8; /* 右要素背景色 */

  --diagram-aw-l-off-brd: #d8d8d8; /* 左要素矢印色 */
  --diagram-aw-r-off-brd: #d8d8d8; /* 右要素矢印色 */
}
/* ** dezpt_diagram end ** */

/* ** dezpt_guide start ** */
:root {
/* 注意書き部分 */
  --helpBox-rod: 0.4rem; /* 角丸 */

/* 黄枠 */
  --helpBox-y-bg: #f3f1d6; /* 背景色 */
  --helpBox-y-brd: 2px solid #f3f1d6; /* ボーダー指定 */
  --helpBox-y-txt: #29281c; /* テキスト色 */

/* 青枠 */
  --helpBox-b-bg: #eaf5f6; /* 背景色 */
  --helpBox-b-brd: 2px solid #eaf5f6; /* ボーダー指定 */
  --helpBox-b-txt: #17365f; /* テキスト色 */

/* 赤枠 */
  --helpBox-r-bg: #f9ebeb; /* 背景色 */
  --helpBox-r-brd: 2px solid #f9ebeb; /* ボーダー指定 */
  --helpBox-r-txt: #3c2d2d; /* テキスト色 */

/* 緑枠 */
  --helpBox-g-bg: #e4f9ec; /* 背景色 */
  --helpBox-g-brd: 2px solid #e4f9ec; /* ボーダー指定 */
  --helpBox-g-txt: #181f1b; /* テキスト色 */

/* グレー枠 */
  --helpBox-h-bg: #f5f5f5; /* 背景色 */
  --helpBox-h-brd: 2px solid #f5f5f5; /* ボーダー指定 */
  --helpBox-h-txt: #2f2f2f; /* テキスト色 */

/* FLEXボックス */
  --app-helpFlexBox-rod: 0.2em; /* 角丸 */

/* 基本設定 */
  --app-helpFlexBox-txt: #171717; /* テキスト色 */
  --app-helpFlexBox-brd: 1px solid #dedede; /* 外枠ボーダー指定 */
  --app-helpFlexBox-bg: #fff; /* 背景色 */

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

/* ボックス内キャプションDL要素 */
  --app-helpFlexBoxCap-brd: 1px solid #dedede; /* 外枠ボーダー指定 */
  --app-helpFlexBoxCap-bg: #fff; /* 背景色 */

/* ボックス内リスト要素 */
  --app-helpFlexBoxLi-brd: none; /* 外枠ボーダー指定 */
  --app-helpFlexBoxLi-bg: #fff; /* 背景色 */

}
/* ** dezpt_guide end ** */