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

/*======== dezpt_parts.css ========*/
/****************** 会員遷移ボタンデザインパーツ（ヘッダーで使用） ******************/

/* ** dezpt_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; /* ボーダー指定 */

/* ログインボタン装飾 */
  --app-memlogin-txt: #000; /* テキスト色 */
  --app-memlogin-bg: #fff; /* 背景色 */

/* ログアウトボタン装飾 */
  --app-memlogout-txt: #000; /* テキスト色 */
  --app-memlogout-bg: #fff; /* 背景色 */

/* 新規会員登録ボタン装飾 */
  --app-newreg-txt: #000; /* テキスト色 */
  --app-newreg-bg: #fff; /* 背景色 */

/* マイページボタン装飾 */
  --app-memmypage-txt: #000; /* テキスト色 */
  --app-memmypage-bg: #fff; /* 背景色 */

/* セミナーボタン装飾 */
  --app-memsembt-txt: #000; /* テキスト色 */
  --app-memsembt-bg: #fff; /* 背景色 */

/* カートボタン装飾 */
  --app-memcartbt-txt: #000; /* テキスト色 */
  --app-memcartbt-bg: #fff; /* 背景色 */

/* お問合せボタン装飾 */
  --app-memcontactbt-txt: #000; /* テキスト色 */
  --app-memcontactbt-bg: #fff; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt_basic end ** */

/* ** dezpt0101 start ** */
/*** 0101: 会員遷移ボタンデザインパターン01(標準アイコン・テキスト配置タイプ) ***/
:root {
  --app-mnavitype01-mg: 0.5rem 0; /* マージン */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mnavitype01-mg: 0.5rem 0; /* マージン */
	}
}
/* ** dezpt0101 end ** */

/* ** dezpt0102 start ** */
/*** 0102: 会員遷移ボタンデザインパターン01(標準アイコン・テキスト配置タイプ) ***/
:root {
  --app-mnavitype02-mg: 0.5rem 0; /* マージン */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mnavitype02-mg: 0.5rem 0; /* マージン */
	}
}
/* ** dezpt0102 end ** */

/* ** dezpt0103 start ** */
/*** 0103: 会員遷移ボタンデザインパターン03(アイコン無しテキストのみボタン) ***/
:root {
  --app-mnavitype03-mg: 0.5rem 0; /* マージン */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mnavitype03-mg: 0.5rem 0; /* マージン */
	}
}
/* ** dezpt0103 end ** */

/* ** dezpt0104 start ** */
/*** 0104: 会員遷移ボタンデザインパターン04(アイコンのみボタン小サイズ) ***/
:root {
  --app-mnavitype04-mg: 0.5rem 0; /* マージン */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mnavitype04-mg: 0.5rem 0; /* マージン */
	}
}
/* ** dezpt0104 end ** */

/****************** ログイン者表示要素 ******************/

/* ** dezpt02 start ** */
/*** 02: ログイン者表示要素 ***/
:root {
/* 共通指定 */
  --memInfo-rod: 0.3em; /* 角丸 */
  --memInfo-size: 300px; /* 枠サイズ */
  --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; /* ログイン者会員番号 フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 共通指定 */
	  --memInfo-size: 100%; /* 枠サイズ */
	}
}
/* ** dezpt02 end ** */

/****************** 入力ステップ基本指定 ******************/

/* ** dezpt03 start ** */
/*** 03: 入力ステップ基本要素 ***/
:root {
/*** ステップ基本デザイン ***/

/* 枠ボックス */
  --step-bsc-txt: #000; /* テキスト色 */
  --step-bsc-mg: 0 auto; /* 外枠マージン */
  --step-bsc-pd: 0; /* 外枠パディング */
  --step-bscInn-mg: 0 auto; /* 内枠マージン */
  --step-bscInn-pd: 0; /* 内枠パディング */
  --step-bsc-bg: #eee; /* 外枠背景色 */
  --step-bscInn-bg: #fff; /* 内枠背景色 */

/* 項目要素 */
  --step-bsc-li-rod: 0.2em; /* 角丸 */

  --step-bsc-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --step-bsc-lifc-txt: #fff; /* テキスト色（カレント） */
  --step-bsc-lifc-bg: #535353; /* 背景色（カレント） */

/* ステップ項目テキスト要素 */
  --font-step-ti: 1.8rem; /* 見出し フォントサイズ */
  --font-step-txt: 1.3rem; /* サブテキスト フォントサイズ */

/*** デザインパターン ***/

/* デザイン01(余白無し横罫線のみ) */
  --step-bsc-litp01-mg: 0; /* マージン */
  --step-bsc-litp01-pd: 1.0rem 0; /* パディング */

/* デザイン02(ボタン形式) */
  --step-bsc-litp02-mg: 0 0.2rem; /* マージン */
  --step-bsc-litp02-pd: 1.0rem 0; /* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	/* ステップ項目テキスト要素 */
	  --font-step-ti: 1.6rem; /* 見出し フォントサイズ */
	  --font-step-txt: 1.0rem; /* サブテキスト フォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ステップ項目テキスト要素 */
	  --font-step-ti: 1.4rem; /* 見出し フォントサイズ */
	}
}
/* ** dezpt03 end ** */

/****************** SNSシェア設置 ******************/

/* ** dezpt0401 start ** */
/*** 0401: SNSシェア要素 ***/
:root {
/* SNSシェアアイコン */
  --SNS-rod: 0.2em; /* 角丸 */
  --SNSshare-txt: #fff; /* テキスト色 */
  --SNSshare-bg: #fff; /* 背景色 */
  --SNSshare-bbg: 0 0 10px #cdcdcd; /* 背景影色 */

/* アイコンカラー指定 */
  --twitter-bg: #55acee; /* twitter */
  --facebook-bg: #3B5998; /* facebook */
  --google-bg: #dd4b39; /* google */
  --hatebu-bg: #008FDE; /* hatebu */
  --pocket-bg: #EB4654; /* pocket */
  --rss-bg: #ff9900; /* rss */
  --feedly-bg: #6cc655; /* feedly */
  --pinterest-bg: #cb2027; /* pinterest */
  --linkedin-bg: #0e76a8; /* linkedin */
  --line-bg: #1dcd00; /* line */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0401 end ** */

/****************** タグ検索 ******************/

/* ** dezpt0501 start ** */
/*** 0501: タグ検索要素 ***/
:root {
/* タグ検索基本枠ボックス */
  --tagSearch-rod: 0.2em; /* 角丸 */
  --tagSearch-mg: 0 auto; /* マージン */
  --tagSearch-pd: 1.0em; /* パディング */
  --tagSearch-txt: #000; /* テキスト色 */
  --tagSearch-bg: #fff; /* 背景色 */
  --tagSearch-brd: 1px solid #fff; /* ボーダー指定 */

/* タグ検索タイトル */
  --tagSearchTi-rod: 0.2em; /* 角丸 */
  --tagSearchTi-mg: 0 auto; /* マージン */
  --tagSearchTi-pd: 1.0em; /* パディング */
  --tagSearchTi-txt: #fff; /* テキスト色 */
  --tagSearchTi-bg: #000; /* 背景色 */
  --tagSearchTi-brd: 1px solid #fff; /* ボーダー指定 */
  --font-tagSearchTi: 1.6rem; /* フォントサイズ */

/* タグ検索内枠 */
  --tagSearchInn-mg: 0 auto; /* マージン */
  --tagSearchInn-pd: 1.0em; /* パディング */

/* タグ検索もっと見るボタン */
  --tagSearchBt-rod: 0.2em; /* 角丸 */
  --tagSearchBt-pos: -40px; /* ボタン位置 */
  --tagSearchBt-hd: 40px; /* ボタン位置に合わせた高さ指定 */
  --tagSearchBt-size: 200px; /* ボタンサイズ */
  --tagSearchBt-mg: auto; /* マージン */
  --tagSearchBt-pd: 1.0em 0; /* パディング */
  --tagSearchBt-txt: #fff; /* テキスト色 */
  --tagSearchBt-bg: #000; /* 背景色 */
  --tagSearchBt-brd: 1px solid #000; /* ボーダー指定 */
  --font-tagLink-grad: 1.4rem; /* フォントサイズ */
  --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%) /* 背景色グラデーション */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0501 end ** */

/****************** タグアイコン要素 ******************/

/* ** dezpt0601 start ** */
/*** 0601: コンテンツ詳細でのタグアイコン表記 ***/
:root {
/* タグアイコン共通設定 */
  --tagLink-rod: 0.2em; /* 角丸 */
  --TagLink-mg: 0 0.2rem; /* マージン */
  --TagLink-pd: 0.8rem 1.0rem; /* パディング */
  --TagLink-txt: #535353; /* テキスト色 */
  --TagLink-bg: #f6f6f6; /* 背景色 */
  --TagLink-brd: #e7e7e7; /* ボーダー指定 */
  --font-tagLink: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0601 end ** */

/****************** カテゴリ表記要素(詳細画面共通) ******************/

/* ** dezpt0701 start ** */
/*** 0701: コンテンツ詳細でのタグアイコン表記 ***/
:root {
/* カテゴリアイコン共通設定 */
  --DetcateName-rod: 0.2em; /* 角丸 */
  --DetcateName-mg: 0; /* マージン */
  --DetcateName-pd: 0.5rem 1.0rem; /* パディング */
  --DetcateName-txt: #fff; /* テキスト色 */
  --font-DetcateName: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0701 end ** */

/********* 閲覧数・コメント・いいね数・日付表示（詳細画面用） *********/

/* ** dezpt0801 start ** */
/*** 0801: 閲覧数・コメント・いいね数・日付表示要素（詳細画面用） ***/
:root {
/* 詳細画面ビュー数等アイコン */
  --font-ico-b: 1.5rem; /* フォントサイズ */

/* 詳細登録日時表示 */
  --font-date: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 詳細画面ビュー数等アイコン */
	  --font-ico-b: 1.4rem; /* フォントサイズ */

	/* 詳細登録日時表示 */
	  --font-date: 1.2rem; /* フォントサイズ */
	}
}
/* ** dezpt0801 end ** */

/********* サイト内いいね・お気に入り機能 *********/

/* ** dezpt0901 start ** */
/*** 0901: いいね・お気に入りボタン設置個別指定 ***/
:root {
/* いいね・お気に入りボタン */
  --siteShareFavorite-rod: 0.2em; /* 角丸 */
  --siteShareFavorite-txt: #000; /* テキスト色 */
  --siteShareFavorite-bg: #fff; /* 背景色 */
  --siteShareFavorite-brd: 1px solid #969696; /* ボーダー指定 */
  --font-share-favorite: 1.4rem; /* フォントサイズ */

  --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; /* ボーダー指定（カレント） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0901 end ** */

/****************** システム利用アイコン共通要素 ******************/

/* ** dezpt10 start ** */
/*** 1001: 親要素に対して幅継承（主に各種ステータス表示で利用） ***/
:root {
/* 共通設定 */
  --IcoBox-rod: 0.4em; /* 角丸 */

/* 親要素に対して幅継承（主に各種ステータス表示で利用） */
  --NrIcBg-mg: 0 0.2rem; /* マージン */
  --NrIcBg-pd: 0.5rem; /* パディング */
  --font-NrIcBg: 1.3rem;/* フォントサイズ */

/* 幅固定（主に各種ステータス表示で利用） */
  --MdIcBg-size: 120px; /* アイコンサイズ */
  --MdIcBg-mg: 0 0.2rem; /* マージン */
  --MdIcBg-pd: 0.3rem; /* パディング */
  --font-MdIcBg: 1.3rem;/* フォントサイズ */

/* 幅固定小サイズ（主にnewマークや必須アイコン表示で利用） */
  --NewIcBg-size: 40px; /* アイコンサイズ */
  --NewIcBg-mg: 0 0.5rem; /* マージン */
  --NewIcBg-pd: 0.2rem 0.3rem; /* パディング */
  --font-NewIcBg: 1.0rem;/* フォントサイズ */

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

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

/* グレー */
  --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: #f84b4b; /* 背景色 */

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

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

/* グリーン（彩度落ち） */
  --BgKgr-txt: #fff; /* テキスト色 */
  --BgKgr-bg: #7fbe25; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 幅固定（主に各種ステータス表示で利用） */
	  --MdIcBg-size: 100%; /* アイコンサイズ */
	}
}
/* ** dezpt10 end ** */

/****************** テーブル要素 ******************/

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

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

/* Td指定 */
  --TableBox-td-pd: 1.0rem; /* パディング */
  --TableBox-td-bg: #fff; /* td背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt11 end ** */

/****************** 検索要素 ******************/

/* ** dezpt1201 start ** */
/*** 1201: キーワード検索 ***/
:root {
/* 共通設定 */
  --contsearch-rod: 0.3rem; /* 角丸 */
  --contsearch-mg: 0 auto; /* マージン */
  --contsearch-pd: 0.5rem 1.0rem; /* パディング */
  --contsearch-txt: #fff; /* テキスト色 */
  --contsearch-bg: #fff; /* 背景色 */
  --contsearch-bt-bg: #171717; /* ボタン背景色 */
  --contsearch-brd: 2px solid #171717; /* ボーダー指定 */
  --contsearch-sd: none; /* 背景影色 */
  --font-freesearch: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1201 end ** */

/* ** dezpt1202 start ** */
/*** 1202: キーワード検索(ボタン分離) ***/
:root {
/* 共通設定 */
  --contsearch-sepl-rod: 0.5rem; /* 角丸 */
  --contsearch-sepl-mg: 0 0.5rem; /* マージン */
  --contsearch-sepl-pd: 1.0rem; /* パディング */
  --contsearch-sepl-txt: #fff; /* テキスト色 */
  --contsearch-sepl-brd: 1px solid #dddddd; /* ボーダー指定 */
  --contsearch-sepl-bg: #f6f6f6; /* 背景色 */
  --contsearch-sepl-sd: none; /* 背景影色 */
  --font-freesearch-sepl: 1.6rem; /* フォントサイズ */

/* サイズ設定 */
  --contsearch-sepl-txt-size: 100%; /* フリーテキスト */
  --contsearch-sepl-day-size: 30%; /* 日付入力 */

/* ボタン設定 */
  --contsearch-sepl-bt-pd: 1.0rem 1.5rem; /* パディング */
  --contsearch-sepl-bt-bg: #171717; /* ボタン背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* サイズ設定 */
	  --contsearch-sepl-txt-size: 100%; /* フリーテキスト */
	  --contsearch-sepl-day-size: 100%; /* 日付入力 */
	}
}
/* ** dezpt1202 end ** */

/****************** スライドショー ******************/

/* ** dezpt1301 start ** */
/*** 1301: 画像スライド表示（基本パターン） ***/
:root {
/* ネクストバックボタン設定 */
  --slickNB-bg: #000; /* ネクストバックボタン設定 */
  --font-slickNB: 6.0rem; /* ネクストバックボタン設定 フォント */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-slickNB: 3.0rem; /* ネクストバックボタン設定 フォント */
	}
}
/* ** dezpt1301 end ** */

/* ** dezpt1302 start ** */
/*** 1302: 画像スライド表示（サムネイル画像表示） ***/

/* ** dezpt1302 end ** */

/* ** dezpt1303 start ** */
/*** 1303: 画像スライド表示（コンテンツ登録画像表示） ***/
:root {
/* コンテンツタイトル画像表示スライド */
  --slideDfInn-cap-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-slideDfInn-ti: 3.0rem; /* フォントサイズ */
  --font-slideDfInn-cap: 1.2rem;  /* フォントサイズ 時間表示 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-slideDfInn-ti: 2.5rem; /* スライドコンテンツタイトル フォント */
	}
}
/* ** dezpt1303 end ** */

/* ** dezpt1304 start ** */
/*** 1304: 画像スライド表示（コンテンツ登録画像表示）(コンテンツタイトル表示なし) ***/

/* ** dezpt1304 end ** */

/* ** dezpt1305 start ** */
/*** 1305: ドット表示パターン（ドット表示背景色付き下配置） ***/
:root {
  --SldDot-bg: #000; /* ドット表示背景色 */
  --SldDot-li: #333; /* ドット通常色 */
  --SldDot-lia: #fff; /* ドットアクティブ色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1305 end ** */

/* ** dezpt1306 start ** */
/*** 1306: ドット表示パターン（ドット表示背景色付き透過配置） ***/

/* ** dezpt1306 end ** */

/* ** dezpt1307 start ** */
/*** 1307: リンク無しスライドバナー ***/

/* ** dezpt1307 end ** */

/* ** dezpt1308 start ** */
/*** 1308: 電光掲示板風テキストスライド ***/
:root {
  --font-sldSinpleTxt-ti: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1308 end ** */

/* ** dezpt1401 start ** */
/*** 1401: ヘッダーロゴ ***/
:root {
  --app-logo-pd: 1.0rem 0; /* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1401 end ** */

/* ** dezpt1402 start ** */
/*** 1402: コピーライト ***/
:root {
  --app-copy-cr: #171717; /* 背景色 */
  --app-copy-txt: #fff; /* テキスト色 */
  --font-copy: 1.4rem; /* フォントサイズ */
  --font-copy-ico: 1.8rem; /* フォントサイズ（C） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1402 end ** */

/* ** dezpt1501 start ** */
/*** 1501: カーソルマウスオン時のツールチップ  ***/
:root {
  --app-tooltip-rod: 0.2em; /* 角丸 */
  --app-tooltip-pd: 0.5rem 1.0rem; /* パディング */
  --app-tooltip-cr: #171717; /* 背景色 */
  --app-tooltip-txt: #fff; /* テキスト色 */
  --font-tooltip-txt: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1501 end ** */

/* ** dezpt1601 start ** */
/*** 1601: 通常カレンダー  ***/
:root {
/* カレンダー月選択表示設定 */
  --app-calendarMD-pd: 1.5rem 0 0 0; /* パディング */
  --font-calendarYear: 1.2rem; /* フォントサイズ（年） */
  --font-calendarMnt: 4.0rem; /* フォントサイズ（月）*/

  --app-calendarYearD-pd: 1.0rem 0 0 0; /* パディング */
  --font-calendarMnt: 3.0rem; /* フォントサイズ（年・月選択用カレンダー）*/

/* カレンダー年月リンク */
  --app-calendarLink-rod: 0.3em; /* 角丸 */
  --app-calendarLink-pd: 1.0rem; /* パディング */
  --app-calendarLink-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarLink-cr: #fff; /* 背景色 */
  --app-calendarLink-cr-ah: #fffdce; /* 背景色 マウスオン */
  --app-calendarLink-txt: #000; /* テキスト色 */
  --font-calendarLink: 1.4rem; /* フォントサイズ*/

/* 通常カレンダー本体表示設定 */
  --app-calendarTable-mg: 0 auto; /* マージン */
  --app-calendarTable-pd: 0; /* パディング */
  --app-calendarTable-th-pd: 0.3rem; /* パディング(TH) */
  --app-calendarTable-th-brd: 1px solid #c9c9c9; /* ボーダー指定(TH) */
  --app-calendarTable-th-cr: #fff; /* 背景色(TH) */
  --app-calendarTable-td-pd: 0.5rem; /* パディング(TD) */
  --app-calendarTable-td-brd: 1px solid #c9c9c9; /* ボーダー指定(TD) */
  --app-calendarTable-td-cr: #fff; /* 背景色(TD) */
  --font-calendarTable: 1.4rem; /* フォントサイズ*/

/* 通常カレンダー色設定 */
  --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: #f8e6e6; /* 背景色(当日) */
  --app-calendarTable-art-bg: #ffe89a; /* 背景色(注意喚起用) */
  --app-calendarTable-theday-txt: #fff; /* テキスト色(当日・アイコン) */
  --app-calendarTable-theday-bg: #2e2e2e; /* 背景色(当日・アイコン) */

/* 月選択カレンダー本体表示設定 */
  --app-calendarBtLink-mg: 1.0rem auto; /* マージン */
  --app-calendarBtLink-pd: 0; /* パディング */

/* 月選択カレンダー本体リンクボックス設定 */
  --app-calendarBtLinkInn-rod: 0.3em; /* 角丸 */
  --app-calendarBtLinkInn-mg: 0.5rem 0.2rem; /* マージン */
  --app-calendarBtLinkInn-pd: 2.0rem 1.0rem 1.0rem 1.0rem; /* パディング */
  --app-calendarBtLinkInn-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkInn-cr: #fff; /* 背景色 */
  --app-calendarBtLinkInn-cr-ah: #fff8d5; /* 背景色 マウスオン */

/* 月表示 */
  --app-calendarBtLinkMnt-txt: #000; /* テキスト色 */
  --font-calendarBtLinkMnt: 2.5rem; /* フォントサイズ*/

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

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

/* 設定 */
  --app-calendarBtLinkTxt-set-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkTxt-set-cr: #c9eeff; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1601 end ** */

/* ** dezpt1602 start ** */
/*** 1602: jqueryポップアップカレンダー  ***/
:root {
/* カレンダー親枠 */
  --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; /*スクロールバー色*/
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1602 end ** */

/* ** dezpt1701 start ** */
/****************** サイト内基本テキスト装飾（メイン・キャプション） ******************/
:root {
/* メインテキスト設定 */
  --app-mainTxt-mg: 0 auto; /* マージン */
  --app-mainTxt-pd: 4.0rem 0.2rem; /* パディング */
  --app-mainTxt-txt: #000; /* テキスト色 */
  --app-mainTxt-bg: inhelit; /* 背景色 */
  --font-mainTxt: 1.8rem; /* フォントサイズ */
  --font-mainTxt-gy: 1.4em; /* 行間 */

/* メインキャプション設定 */
  --app-mainCap-mg: 0 auto; /* マージン */
  --app-mainCap-pd: 2.0rem 0.2rem; /* パディング */
  --app-mainCap-txt: #000; /* テキスト色 */
  --app-mainCap-bg: inhelit; /* 背景色 */
  --font-mainCap: 1.8rem; /* フォントサイズ */
  --font-mainCap-gy: 1.2em; /* 行間 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* メインテキスト設定 */
	  --app-mainTxt-mg: 0 auto; /* マージン */
	  --app-mainTxt-pd: 2.0rem 0.5rem; /* パディング */
	  --font-mainTxt: 1.6rem; /* フォントサイズ */
	  --font-mainTxt-gy: 1.4em; /* 行間 */

	/* メインキャプション設定 */
	  --app-mainCap-mg: 0 auto; /* マージン */
	  --app-mainCap-pd: 2.0rem 0.5rem; /* パディング */
	  --font-mainCap: 1.6rem; /* フォントサイズ */
	  --font-mainCap-gy: 1.4em; /* 行間 */
	}
}
/* ** dezpt1701 end ** */

/* ** dezpt1702 start ** */
/****************** 左右二分割画像背景 ******************/

/* ** dezpt1702 end ** */

/* ** dezpt1703 start ** */
/****************** 写真左 テキスト右・写真右 テキスト左 ******************/

/* ** dezpt1703 end ** */

/* ** dezpt1703 start ** */
/****************** 写真左 テキスト右・写真右 テキスト左 ******************/

/* ** dezpt1703 end ** */

/* ** dezpt1704 start ** */
/****************** 写真上 テキスト下・写真下 テキスト上・写真上 テキスト下 3分割 ******************/

/* ** dezpt1704 end ** */

/* ** dezpt1705 start ** */
/****************** 写真上 テキスト下 4分割 ******************/

/* ** dezpt1705 end ** */

/* ** dezpt1706 start ** */
/****************** 下矢印付きタイトル ******************/

/* ** dezpt1706 end ** */

/* ** dezpt1707 start ** */
/****************** 拡大画像付き画像配置 ******************/

/* ** dezpt1707 end ** */

/* ** dezpt1708 start ** */
/****************** 横幅いっぱいの地図設置 ******************/

/* ** dezpt1708 end ** */

/* ** dezpt1709 start ** */
/****************** アイコン説明設置 ******************/

/* ** dezpt1709 end ** */

/* ** dezpt1710 start ** */
/****************** SNSリンク設置 ******************/

/* ** dezpt1710 end ** */

/* ** dezpt1711 start ** */
/****************** 住所設置 ******************/

/* ** dezpt1711 end ** */

/* ** dezpt1712 start ** */
/********* ビデオ埋め込み共通 *********/

/* ** dezpt1712 end ** */

/* ** dezpt1713 start ** */
/****************** アイコンパーツ ******************/

/* ** dezpt1713 end ** */

/* ** dezpt1714 start ** */
/****************** ポイントパーツ0101基本設定 ******************/

/* ** dezpt1714 end ** */

/* ** dezpt1715 start ** */
/****************** ポイントパーツ0102基本設定 ******************/

/* ** dezpt1715 end ** */

/* ** dezpt1716 start ** */
/****************** ポイントパーツ0103基本設定 ******************/

/* ** dezpt1716 end ** */

/* ** dezpt1717 start ** */
/****************** ポイントパーツ0201基本設定 ******************/

/* ** dezpt1717 end ** */

/* ** dezpt1718 start ** */
/****************** ポイントパーツ0301基本設定 ******************/

/* ** dezpt1718 end ** */

/* ** dezpt1719 start ** */
/****************** ポイントパーツ0401基本設定 ******************/

/* ** dezpt1719 end ** */

/* ** dezpt1720 start ** */
/****************** CTAパーツ個別設定 ******************/

/* ** dezpt1720 end ** */

/* ** dezpt1721 start ** */
/****************** CTAパーツ個別設定(連絡先付き) ******************/

/* ** dezpt1721 end ** */

/* ** dezpt1801 start ** */
/****************** キービジュアル個別デザイン ******************/
:root {
  --app-bgheader-size: 1000px; /* 高さ */
  --app-bgheader-bg: url(../../../core_sys/common/images/dez_tmp/main_bg_no.jpg) center top no-repeat #eee; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-bgheader-size: 700px; /* 高さ */
	  --app-bgheader-bg: url(../../../core_sys/common/images/dez_tmp/main_bg_sp_no.jpg) center top no-repeat #eee; /* 背景色 */
	}
}
/* ** dezpt1801 end ** */

/* ** dezpt1802 start ** */
/****************** 要素を背景にするための指定（自由に各要素を変更） ******************/

/* ** dezpt1802 end ** */

/* ** dezpt1803 start ** */
/****************** 要素を背景で且つ会員ログイン等のボタン遷移指定（自由に各要素を変更） ******************/
:root {
  --app-mainblckArea-size: 700px; /* 高さ */
  --app-mainblckArea-bg: url(../../../core_sys/common/images/dez_tmp/main_bg_no.jpg) center top no-repeat #eee; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mainblckArea-size: 500px; /* 高さ */
	  --app-mainblckArea-bg: url(../../../core_sys/common/images/dez_tmp/main_bg_sp_no.jpg) center top no-repeat #eee; /* 背景色 */
	}
}
/* ** dezpt1803 end ** */

/* ** dezpt1901 start ** */
/****************** 課題・ワーク個別デザイン ******************/
/* 課題・ワーク個別要素 */
:root {
/* 画面幅 */
  --app-examBox-width: 100%; /* 課題・ワーク基本幅 */

/*** 複数問題縦並び表示枠 ***/
  --app-examBoxInn-mg: 1.0rem auto; /* マージン */
  --app-examBoxInn-pd: 1.5rem 0; /* パディング */
  --app-examBoxInn-brd: 1px dotted #cdcdcd; /* ボーダー指定 */

/* 本文基本設問項目名 */
  --app-examMainTi-mg: 0 auto; /* マージン */
  --app-examMainTi-pd: 1.0rem 0.2rem; /* パディング */
  --app-examMainTi-txt: #000; /* テキスト色 */
  --app-examMainTi-bg: inhelit; /* 背景色 */
  --font-examMainTi: 2.0rem; /* フォントサイズ */
  --font-examMainTi-gy: 1.6em; /* 行間 */

/* 本文基本テキスト */
  --app-examP-mg: 0 auto; /* マージン */
  --app-examP-pd: 2.0rem 0.2rem; /* パディング */
  --app-examP-txt: #000; /* テキスト色 */
  --app-examP-bg: inhelit; /* 背景色 */
  --font-examP: 1.6rem; /* フォントサイズ */
  --font-examP-gy: 1.6em; /* 行間 */

/* 虫食い問題 */
  --app-examP-mushikui-rod: 0.2em; /* 角丸 */
  --app-examP-mushikui-pd: 0 1.5rem; /* パディング */
  --app-examP-mushikui-txt: #000; /* テキスト色 */
  --app-examP-mushikui-bg: #fefdfb; /* 背景色 */
  --app-examP-mushikui-brd: 1px solid #999; /* ボーダー指定 */

/* 画像埋め込み基本 */
  --app-examPImg-mg: 0 auto; /* マージン */
  --app-examPImg-pd: 0 3.0rem; /* パディング */

/* サブタイトル(設問) */
  --app-examSubTiArea-rod: 0.2em; /* 角丸 */
  --app-examSubTiArea-mg: 1.0rem auto 0.5rem auto; /* マージン */
  --app-examSubTiArea-pd: 1.5rem; /* パディング */
  --app-examSubTiArea-brd: inhelit; /* ボーダー指定 */
  --app-examSubTiArea-bg: #eee; /* 背景色 */

  --app-examSubTi-mg: 0; /* マージン */
  --app-examSubTi-pd: 0; /* パディング */
  --app-examSubTi-txt: #000; /* テキスト色 */
  --font-examSubTi: 1.4rem; /* フォントサイズ */

  --app-examSubMst-mg: 0; /* マージン */
  --app-examSubMst-pd: 0; /* パディング */
  --app-examSubMst-txt: #FC961F; /* テキスト色 */
  --font-examSubMst: 1.4rem; /* フォントサイズ */

/* サブタイトル(回答) */
  --app-examSubTiK-rod: 0.2em; /* 角丸 */
  --app-examSubTiK-mg: 1.0rem auto 0.5rem auto; /* マージン */
  --app-examSubTiK-pd: 1.5rem; /* パディング */
  --app-examSubTiK-txt: #fff; /* テキスト色 */
  --app-examSubTiK-brd: inhelit; /* ボーダー指定 */
  --app-examSubTiK-bg: #171717; /* 背景色 */
  --font-examSubTiK: 1.4rem; /* フォントサイズ */

/* 回答表示 */
  --app-examAncP-rod: 0.2em; /* 角丸 */
  --app-examAncP-mg: 1.0rem auto 0.5rem auto; /* マージン */
  --app-examAncP-pd: 1.5rem 1.0rem; /* パディング */
  --app-examAncP-txt: #000; /* テキスト色 */
  --app-examAncP-brd: 1px solid #f0ecad; /* ボーダー指定 */
  --app-examAncP-bg: #fffef5; /* 背景色 */
  --font-examAncP: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-examBox-width: 95%; /* 課題・ワーク基本幅 */
	  --app-examArea-width: 95%; /* 課題・ワーク基本幅(エディタ用) */

	/* 本文基本テキスト */
	  --app-examP-pd: 1.0rem 0.2rem; /* パディング */

	/* 画像埋め込み基本 */
	  --app-examPImg-pd: 0 1.0rem; /* パディング */
	}
}
/* ** dezpt1901 end ** */

/* ** dezpt1902 start ** */
/****************** 課題・ワーク回答要素 ******************/
:root {
/* 回答欄表示 */
  --app-examAnswer-rod: inhelit; /* 角丸 */
  --app-examAnswer-mg: 0.5rem auto; /* マージン */
  --app-examAnswer-pd: 0.5rem; /* パディング */
  --app-examAnswer-txt: #000; /* テキスト色 */
  --app-examAnswer-brd: inhelit; /* ボーダー指定 */
  --app-examAnswer-bg: inhelit; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1902 end ** */

/* ** dezpt1903 start ** */
/****************** 課題・ワーク採点要素 ******************/
:root {
/* 正解回答タイトル */
  --app-examCorrectTi-rod: 0.2em; /* 角丸 */
  --app-examCorrectTi-mg: 2.0rem auto 0.5rem auto; /* マージン */
  --app-examCorrectTi-pd: 1.5rem; /* パディング */
  --app-examCorrectTi-txt: #fff; /* テキスト色 */
  --app-examCorrectTi-brd: inhelit; /* ボーダー指定 */
  --app-examCorrectTi-bg: #4877ac; /* 背景色 */
  --font-examCorrectTi: 1.4rem; /* フォントサイズ */

/*採点エリア表示枠 */
  --app-gradingArea-rod: 0.2em; /* 角丸 */
  --app-gradingArea-mg: 2.0rem auto; /* マージン */
  --app-gradingArea-pd: 1.5rem; /* パディング */
  --app-gradingArea-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-gradingArea-bg: #fafafa; /* 背景色 */

/*添削フォーム枠 */
  --app-correctionArea-rod: 0; /* 角丸 */
  --app-correctionArea-mg: 0 auto; /* マージン */
  --app-correctionArea-pd: 0.5rem 0; /* パディング */
  --app-correctionArea-brd: inhelit;/* ボーダー指定 */
  --app-correctionArea-bg: inhelit; /* 背景色 */

/*採点フォーム枠 */
  --app-scoringArea-rod: 0; /* 角丸 */
  --app-scoringArea-mg: 0 auto; /* マージン */
  --app-scoringArea-pd: 0.5rem 0; /* パディング */
  --app-scoringArea-brd: inhelit/* ボーダー指定 */
  --app-scoringArea-bg: inhelit; /* 背景色 */

/*採点枠 */
  --app-scoringPoint-mg: 0; /* マージン */
  --app-scoringPoint-pd: 0.5rem 2.0rem; /* パディング */
  --app-scoringPoint-txt: #000; /* テキスト色 */
  --font-scoringPoint: 1.4rem; /* フォントサイズ */

/*** 採点トータル表示枠 ***/
  --app-examBoxTotal-rod: 0; /* 角丸 */
  --app-examBoxTotal-mg: 0 auto; /* マージン */
  --app-examBoxTotal-pd: 1.5rem 0; /* パディング */
  --app-examBoxTotal-brd: inhelit/* ボーダー指定 */
  --app-examBoxTotal-bg: inhelit; /* 背景色 */

/*採点トータル表示 */
  --app-examBoxTotalscoring-rod: 0; /* 角丸 */
  --app-examBoxTotalscoring-mg: 0 auto; /* マージン */
  --app-examBoxTotalscoring-pd: 0; /* パディング */
  --app-examBoxTotalscoring-brd: inhelit/* ボーダー指定 */
  --app-examBoxTotalscoring-bg: inhelit; /* 背景色 */

/*採点結果枠 */
  --app-TotalscoringPoint-mg: 0; /* マージン */
  --app-TotalscoringPoint-pd: 0 1.0rem; /* パディング */
  --app-TotalscoringPoint-txt: #000; /* テキスト色 */
  --font-TotalscoringPoint: 1.5rem; /* フォントサイズ */

  --app-TotalscoringPoint-span-pd: 0 0.5rem; /* パディング */
  --app-TotalscoringPoint-span-txt: #fa6700; /* テキスト色 */
  --font-TotalscoringPoint-span: 4.0rem; /* フォントサイズ */

/*** 備考・メモ等基本 ***/
  --app-examMemo-rod: inhelit; /* 角丸 */
  --app-examMemo-mg: 0.5rem auto; /* マージン */
  --app-examMemo-pd: 0.5rem; /* パディング */
  --app-examMemo-txt: #000; /* テキスト色 */
  --app-examMemo-brd: inhelit; /* ボーダー指定 */
  --app-examMemo-bg: inhelit; /* 背景色 */

/*** 合否等の判定ボタン ***/

/*個別判定用 */
  --app-examBoxSingleSet-mg: 0.5rem auto; /* マージン */
  --app-examBoxSingleSet-pd: 0.5rem 0 0 0; /* パディング */

/*総合判定用 */
  --app-examBoxTotalSet-mg: 0.5rem auto; /* マージン */
  --app-examBoxTotalSet-pd: 0.5rem 1.5rem; /* パディング */

/*** 添削者の選択 ***/
  --app-examCorrector-rod: inhelit; /* 角丸 */
  --app-examCorrector-mg: 0.5rem auto; /* マージン */
  --app-examCorrector-pd: 0.5rem 1.5rem; /* パディング */
  --app-examCorrector-txt: #000; /* テキスト色 */
  --app-examCorrector-brd: inhelit; /* ボーダー指定 */
  --app-examCorrector-bg: inhelit; /* 背景色 */
  --font-examCorrector: 1.5rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/*採点枠 */
	  --app-scoringPoint-pd: 0 1.0rem; /* パディング */
	}
}
/* ** dezpt1903 end ** */

/* ** dezpt1904 start ** */
/****************** 課題・ワーク採点表示要素 ******************/
:root {
/*添削フォーム枠(表示) */
  --app-correctionAreaDet-rod: 0; /* 角丸 */
  --app-correctionAreaDet-mg: 0 auto; /* マージン */
  --app-correctionAreaDet-pd: 1.5rem; /* パディング */
  --app-correctionAreaDet-brd: 1px solid #cdcdcd;/* ボーダー指定 */
  --app-correctionAreaDet-bg: #fff; /* 背景色 */

/*採点枠（点数表示） */
  --app-scoringPoint-span-pd: 0 0.5rem; /* パディング */
  --app-scoringPoint-span-txt: #000; /* テキスト色 */
  --font-scoringPoint-span: 2.5rem; /* フォントサイズ */

/*** 備考・メモ等基本(表示) ***/
  --app-examMemoDet-rod: inhelit; /* 角丸 */
  --app-examMemoDet-mg: 0.5rem auto 1.5rem auto; /* マージン */
  --app-examMemoDet-pd: 1.5rem; /* パディング */
  --app-examMemoDet-txt: #000; /* テキスト色 */
  --app-examMemoDet-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-examMemoDet-bg: #fff; /* 背景色 */

/*** 添削者の選択(表示) ***/
  --app-examCorrectorDet-pd: 0.5rem 1.5rem; /* パディング */
  --app-examCorrectorDet-txt: #000; /* テキスト色 */
  --font-examCorrectorDet: 1.5rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1904 end ** */

/* ** dezpt1905 start ** */
/****************** 制限時間表示要素 ******************/
:root {
/*** タイマー表示 ***/
  --app-workTimer-rod: 3.0rem; /* 角丸 */
  --app-workTimer-size: 200px; /* サイズ */
  --app-workTimer-mg: 2.0rem auto; /* マージン */
  --app-workTimer-pd: 1.5rem; /* パディング */
  --app-workTimer-txt: #fff; /* テキスト色 */
  --app-workTimer-brd: 1px solid #cdcdcd;/* ボーダー指定 */
  --app-workTimer-bg: #666; /* 背景色 */
  --font-workTimer: 1.6rem; /* フォントサイズ */

  --app-workTimer-span-pd: 0.5rem; /* パディング */
  --app-workTimer-span-txt: inhelit; /* テキスト色 */
  --font-workTimer-span: 2.0rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1905 start ** */

/* ** dezpt1906 start ** */
/****************** 設問数表示要素 ******************/
:root {
/*** 設問数表示 ***/
  --app-workCount-mg: 2.0rem auto; /* マージン */
  --app-workCount-pd: 0; /* パディング */
  --app-workCount-txt: #000; /* テキスト色 */
  --app-workCount-brd: inhelit;/* ボーダー指定 */
  --app-workCount-bg: inhelit; /* 背景色 */
  --font-workCount: 2.5rem; /* フォントサイズ */

  --app-workCount-span-pd: 0.3rem; /* パディング */
  --app-workCount-span-txt: inhelit; /* テキスト色 */
  --font-workCount-span: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1906 start ** */

/* ** dezpt1907 start ** */
/****************** 設問回答完了画面要素 ******************/
:root {
/* 回答完了欄表示 */
  --app-examBoxThk-rod: 0.5rem; /* 角丸 */
  --app-examBoxThk-mg: 2.5rem auto; /* マージン */
  --app-examBoxThk-pd: 1.5rem; /* パディング */
  --app-examBoxThk-txt: #000; /* テキスト色 */
  --app-examBoxThk-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-examBoxThk-bg: inhelit; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1907 end ** */

/* ** dezpt1908 start ** */
/****************** 設問レポート画面要素 ******************/
:root {
/* 得点表示 */
  --app-examBoxScore-rod: 0.5rem; /* 角丸 */
  --app-examBoxScore-mg: 2.5rem auto; /* マージン */
  --app-examBoxScore-pd: 1.5rem; /* パディング */
  --app-examBoxScore-txt: #000; /* テキスト色 */
  --app-examBoxScore-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-examBoxScore-bg: inhelit; /* 背景色 */

/*** 合格・不合格表示 ***/
  --app-ScoreIco-rod: 3.0rem; /* 角丸 */
  --app-ScoreIco-size: 300px; /* サイズ */
  --app-ScoreIco-mg: 1.0rem auto; /* マージン */
  --app-ScoreIco-pd: 0.8rem; /* パディング */
  --app-ScoreIco-brd: 1px solid #cdcdcd;/* ボーダー指定 */
  --font-ScoreIco: 1.6rem; /* フォントサイズ */

/* 合格表示 */
  --app-PassIco-txt: #fff; /* テキスト色 */
  --app-PassIco-bg: #2279dc; /* 背景色 */

/* 不合格表示 */
  --app-failureIco-txt: #fff; /* テキスト色 */
  --app-failureIco-bg: #d44e4e; /* 背景色 */

/* 判定無し表示 */
  --app-judgmentIco-txt: #fff; /* テキスト色 */
  --app-judgmentIco-bg: #b0b0b0; /* 背景色 */

/*** 獲得得点表示 ***/
  --app-ScoreCnt-mg: 1.0rem auto; /* マージン */
  --app-ScoreCnt-pd: 0; /* パディング */
  --app-ScoreCnt-txt: #000; /* テキスト色 */
  --app-ScoreCnt-brd: inhelit;/* ボーダー指定 */
  --app-ScoreCnt-bg: inhelit; /* 背景色 */
  --font-ScoreCnt: 2.5rem; /* フォントサイズ */

  --app-ScoreCnt-span-pd: 0.3rem; /* パディング */
  --app-ScoreCnt-span-txt: inhelit; /* テキスト色 */
  --font-ScoreCnt-span: 5.0rem; /* フォントサイズ */

/*** 獲得問題数表示 ***/
  --app-ScoreDet-mg: 1.0rem auto; /* マージン */
  --app-ScoreDet-pd: 0; /* パディング */
  --app-ScoreDet-txt: #000; /* テキスト色 */
  --app-ScoreDet-brd: inhelit;/* ボーダー指定 */
  --app-ScoreDet-bg: inhelit; /* 背景色 */
  --font-ScoreDet: 1.8rem; /* フォントサイズ */

  --app-ScoreDet-span-pd: 0.3rem; /* パディング */
  --app-ScoreDet-span-txt: inhelit; /* テキスト色 */
  --font-ScoreDet-span: 2.5rem; /* フォントサイズ */

/*** 回答レポート枠 ***/
  --app-examBoxScoreDetail-rod: inhelit; /* 角丸 */
  --app-examBoxScoreDetail-mg: 2.5rem auto; /* マージン */
  --app-examBoxScoreDetail-pd: 0; /* パディング */
  --app-examBoxScoreDetail-brd: inhelit; /* ボーダー指定 */
  --app-examBoxScoreDetail-bg: inhelit; /* 背景色 */

  --app-ScoreIcoDet-mg: 0.5rem auto; /* マージン */
  --app-ScoreIcoDet-pd: 0; /* パディング */
  --font-ScoreIcoDet: 8.0rem; /* フォントサイズ */

/* 判定無し */
  --app-judgmentIcoDet-txt: #b0b0b0; /* テキスト色 */

/* 正解 */
  --app-PassIcoDet-txt: #2279dc; /* テキスト色 */

/* 不正解 */
  --app-failureIcoDet-txt: #f04b8d; /* テキスト色 */

/* どちらでもない */
  --app-neitIcoDet-txt: #1da21a; /* テキスト色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1908 start ** */