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

/******* 課題・ワークパーツ設定 *******/

/* ** work_box start ** */

/*** 基本設定 ***/
:root {
  --work-rod: 0.2em; /* 角丸 */
  --work-brd-cr: #cdcdcd; /* ボーダー色 */
  --work-txt: #000; /* テキスト色 */
}
/****************** 課題・ワーク個別要素 ******************/

.examBox {width: 100%;margin: 0 auto;}/* 幅指定 */
.examBoxSection {margin: 0 auto;padding: 0 0 1.0rem 0;}/*** 設問枠基本 ***/
.examQuestion {margin: 0 auto;padding: 0 0 1.0rem 0;}/* 設問本文 */
.examCommentary {margin: 0 auto;padding: 0 0 1.0rem 0;}/* 設問解説 */
.examBoxAncSection {margin: 0 auto;padding: 0;}/* 回答枠基本 */
.examBtArea {margin: 0 auto;padding: 0;}/* ボタンエリア基本 */
.examBoxInn {
	width: 100%;
	margin: 1.0rem auto;
	padding: 1.5rem 0;
	border-bottom: 1px dotted var(--work-brd-cr); /* ボーダー指定 */
}
@media screen and (max-width: 480px) {
	.examBox {width: 95%;}
	.examBtArea {margin: 0 auto;padding: 0 1.0rem;}
}
/* 本文基本設問項目名 */
.examBox .examMainTi {
	margin: 0 auto;
	padding: 1.0rem 0.2rem;
	color: var(--work-txt);
	font-size: clamp(1.8rem, 1.6vw, 2.0rem);
	line-height: 1.6em;
}
/* 本文基本テキスト */
.examBox p {
	margin: 0 auto;
	padding: 2.0rem 0.2rem;
	color: var(--work-txt);
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	line-height: 1.6em;
}
/* 虫食い問題 */
.examBox p span.mushikui {
	padding: 0 1.5rem;
	color: var(--work-txt);
	background: #fefdfb;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: 1px solid #999;
}
/* 画像埋め込み基本 */
.examBox p img {
	width: 100%;
	margin: 0 auto;
	padding: 0 3.0rem;
}
/* サブタイトル(設問) */
.examBox .examSubTiArea {
	display: flex;
	 justify-content: space-between;
	margin: 1.0rem auto 0.5rem auto;
	padding: 1.5rem;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: inhelit;
	background: #eee;
}
.examBox .examSubTi {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.2;
	color: var(--work-txt);
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
	font-weight: bold;
}
.examBox .examSubMst {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 1.2;
	color: #FC961F;
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
	font-weight: bold;
}
/* サブタイトル(回答) */
.examBox .examSubTiK {
	margin: 1.0rem auto 0.5rem auto;
	padding: 1.5rem;
	text-align: left;
	line-height: 1.2;
	color: #fff;
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
	font-weight: bold;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: inhelit;
	background: #171717;
}
/* 回答表示 */
.examBox .examAnc {
	margin: 1.0rem auto 0.5rem auto;
	padding: 1.5rem 1.0rem;
	color: var(--work-txt);
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
	line-height: 1.2;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: 1px solid #f0ecad;
	background: #fffef5;
}
/****************** 課題・ワーク回答要素 ******************/

/* 回答欄表示 */
.examBox .examAnswer {
	margin: 0.5rem auto;
	padding: 0.5rem;
	color: var(--work-txt);
	border: inhelit;
	background: inhelit;
}
.examBox .examAnswer li {list-style: none;}

/****************** 課題・ワーク採点要素 ******************/

/* 正解回答タイトル */
.examBox .examCorrectTi {
	margin: 2.0rem auto 0.5rem auto;
	padding: 1.5rem;
	text-align: left;
	line-height: 1.2;
	color: #fff;
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
	font-weight: bold;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: inhelit;
	background: #4877ac;
}
/*採点エリア表示枠 */
.gradingArea {
	width: 100%;
	margin: 2.0rem auto;
	padding: 1.5rem;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border-bottom: 1px dotted var(--work-brd-cr); /* ボーダー指定 */
	background: #fafafa;
}
/*添削フォーム枠 */
.correctionArea {
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem 0;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: inhelit;
	background: inhelit;
}
/*採点フォーム枠 */
.scoringArea {
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
	padding: 0.5rem 0;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: inhelit;
	background: inhelit;
	font-weight: bold;
}
/*採点枠 */
.scoringPoint {
	margin: 0; /* マージン */
	padding: 0.5rem 2.0rem;
	color: var(--work-txt);
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
}
/*** 採点トータル表示枠 ***/
.examBoxTotal {
	width: 100%;
	margin: 0 auto;
	padding: 1.5rem 0;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: inhelit;
	background: inhelit;
}
/*採点トータル表示 */
.examBoxTotalscoring {
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
	padding: 0;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: inhelit;
	background: inhelit;
	font-weight: bold;
}
/*採点結果枠 */
.TotalscoringPoint {
	margin: 0;
	padding: 0 1.0rem;
	color: var(--work-txt);
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
}
.TotalscoringPoint span {
	padding: 0 0.5rem;
	color: #fa6700;
	font-size: clamp(3.0rem, 3.0vw, 4.0rem);
}
/*** 備考・メモ等基本 ***/
.examMemo {
	margin: 0.5rem auto;
	padding: 0.5rem;
	color: var(--work-txt);
	border: inhelit;
	background: inhelit;
}
/*** 合否等の判定ボタン ***/

/*個別判定用 */
.examBoxSingleSet {
	display: flex;
	justify-content: flex-end;
	margin: 0.5rem auto;
	padding: 0.5rem 0 0 0;
}
.examBoxSingleSet .FlexItem:first-child {margin-left: auto;}

/*総合判定用 */
.examBoxTotalSet {
	display: flex;
	justify-content: flex-start;
	margin: 0.5rem auto;
	padding: 0.5rem 1.5rem;
}
.examBoxTotalSet .FlexItem:first-child {margin-right: auto;}
.examBoxTotalSetRd {}
.examBoxTotalSetSelect {padding-top: 0.5rem;padding-right: 0.5rem;}
.examBoxTotalSetDate {}

/*** 添削者の選択 ***/
.examCorrector {
	margin: 0.5rem auto;
	padding: 0.5rem 1.5rem;
	color: var(--work-txt);
	border: inhelit;
	background: inhelit;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
}
@media screen and (max-width: 600px) {
	.examBoxTotalSet {display: block;}
	.examBoxTotalSetSelect {padding-top: 0.5rem;}
	.examBoxTotalSetDate {padding-top: 0.5rem;}
}
/****************** 課題・ワーク採点表示要素 ******************/
/*添削フォーム枠(表示) */
.correctionAreaDet {
	width: 100%;
	margin: 0 auto;
	padding: 1.5rem;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border:  1px dotted var(--work-brd-cr); /* ボーダー指定 */
	background: #fff;
}
/*採点枠（点数表示） */
.scoringPoint span {
	padding: 0 0.5rem;
	color: var(--work-txt);
	font-size: clamp(2.0rem, 2.0vw, 2.5rem);
}
/*** 備考・メモ等基本(表示) ***/
.examMemoDet {
	margin: 0.5rem auto 1.5rem auto;
	padding: 1.5rem;
	color: var(--work-txt);
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: 1px dotted var(--work-brd-cr); /* ボーダー指定 */
	background: #fff;
}
/*** 添削者の選択(表示) ***/
.examCorrectorDet {
	padding: 0.5rem 1.5rem;
	color: var(--work-txt);
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	font-weight: bold;
	text-align: right;
}
/****************** 制限時間表示要素 ******************/

/*** タイマー表示 ***/
.workTimer {
	border-radius: 3.0rem;-webkit-border-radius: 3.0rem;-moz-border-radius: 3.0rem; /* 角丸 */
	width: 200px;
	margin: 2.0rem auto;
	padding: 1.5rem;
	color: #fff;
	background: #666;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	font-weight: bold;
	text-align: center;
}
.workTimer span {
	padding: 0.5rem;
	font-size: clamp(1.8rem, 1.8vw, 2.0rem);
}
/****************** 設問数表示要素 ******************/

/*** 設問数表示 ***/
.workCount {
	margin: 2.0rem auto;
	padding: 0;
	color: var(--work-txt);
	font-size: clamp(2.0rem, 2.0vw, 2.5rem);
	font-weight: bold;
	text-align: center;
}
.workCount span {
	padding: 0.3rem;
	font-size: clamp(2.5rem, 2.5vw, 3.0rem);
}
/****************** 設問回答完了画面要素 ******************/

/* 回答完了欄表示 */
.examBox .examBoxThk {
	margin: 2.5rem auto;
	padding: 1.5rem;
	color: var(--work-txt);
	border-radius: 0.5rem;-webkit-border-radius: 0.5rem;-moz-border-radius: 0.5rem; /* 角丸 */
	border: 1px dotted var(--work-brd-cr); /* ボーダー指定 */
	background: inhelit;
}
/****************** 設問レポート画面要素 ******************/

/* 得点表示 */
.examBox .examBoxScore {
	margin: 2.5rem auto;
	padding: 1.5rem;
	color: var(--work-txt);
	border-radius: 0.5rem;-webkit-border-radius: 0.5rem;-moz-border-radius: 0.5rem; /* 角丸 */
	border: 1px dotted var(--work-brd-cr); /* ボーダー指定 */
	background: inhelit;
}
/*** 合格・不合格表示 ***/
.ScoreIco {
	border-radius: 3.0rem;-webkit-border-radius: 3.0rem;-moz-border-radius: 3.0rem; /* 角丸 */
	width: 300px;
	margin: 1.0rem auto;
	padding: 0.8rem;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	font-weight: bold;
	text-align: center;
}
.ScoreIco.PassIco,
.ScoreIco.failureIco,
.ScoreIco.judgmentIco {color: #fff;}

.ScoreIco.PassIco {	background: #2279dc;}/* 合格表示 */
.ScoreIco.failureIco {background: #d44e4e;}/* 不合格表示 */
.ScoreIco.judgmentIco {background: #b0b0b0;}/* 判定無し表示 */

/*** 獲得得点表示 ***/
.ScoreCnt {
	margin: 1.0rem auto;
	padding: 0;
	color: var(--work-txt);
	font-size: clamp(2.0rem, 2.0vw, 2.5rem);
	font-weight: bold;
	text-align: center;
}
.ScoreCnt span {
	padding: 0.3rem;
	font-size: clamp(4.0rem, 4.0vw, 5.0rem);
}
/*** 獲得問題数表示 ***/
.ScoreDet {
	margin: 1.0rem auto;
	padding: 0;
	color: var(--work-txt);
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	font-weight: bold;
	text-align: center;
}
.ScoreDet span {
	padding: 0.3rem;
	font-size: clamp(2.0rem, 2.0vw, 2.5rem);
}
/*** 回答レポート枠 ***/
.examBoxScoreDetail {
	margin: 2.5rem auto;
	padding: 0;
	border-radius: var(--work-rod);-webkit-border-radius: var(--work-rod);-moz-border-radius: var(--work-rod); /* 角丸 */
	border: inhelit;
	background: inhelit;
}
.ScoreIcoDet {
	margin: 0.5rem auto;
	padding: 0;
	font-size: clamp(6.0rem, 7.0vw, 8.0rem);
	font-weight: bold;
	text-align: center;
}
/* 判定無し */
.ScoreIcoDet.judgmentIcoDet {
	color: #b0b0b0;
}
/* 正解 */
.ScoreIcoDet.PassIcoDet {
	color: #2279dc;
}
/* 不正解 */
.ScoreIcoDet.failureIcoDet {
	color: #f04b8d;
}
/* どちらでもない */
.ScoreIcoDet.neitIcoDet {
	color: #1da21a;
}
/* ** work_box end ** */