/* 角丸コンテナ用設定 */
.containerRounded {
	border-radius: 1rem;
	background-color: #2f2f30;
	padding: 0.5rem;
	margin-bottom: 1rem;
}

.containerRounded.crLight {
	background-color: #414142;
}

.containerRounded.crDarkGreen {
	background-color: #192420;
}

.containerRounded.crDarkRed {
	background-color: #25191a;
}


.containerSingleAnswerRow {
	margin-bottom: 1rem;
}

/* そんなに横長でないコンテンツが、大画面で横に伸びすぎないようにする指示 */
@media (min-width: 500px){
	.limitedWidth500px {
		max-width: 500px;
	}
}

@media (min-width: 200px){
	.limitedWidth200px {
		max-width: 200px;
	}
}

/* 1920でも画面の半分くらいまでにしとく */
@media (min-width: 1000px){
	.limitedWidth1000px {
		max-width: 1000px;
	}
}


/* 半行改行 */
.half-break {
    display: block;
    margin-bottom: 0.5em;
  }

 /* 問題編集用テキストエリア設定 */ 
 .input100 {
    width: 100%;
}

 /* 可変縦幅テキストエリア用設定 */ 
.FlexTextarea {
	position: relative;
	font-size: 1rem;
	line-height: 1.4;
}

.FlexTextarea__dummy {
	overflow: hidden;
	visibility: hidden;
	box-sizing: border-box;
	padding: 5px 15px;
	min-height: 1.8rem;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-wrap: break-word;
	border: 1px solid;
}
  
.FlexTextarea__textarea {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	padding: 3px 3px;
	width: 100%;
	height: 100%;
	background-color: #3b3b3b;
	border: 1px solid #b6c3c6;
	border-radius: 4px;
	color: #e3e9eb;
	font: inherit;
	letter-spacing: inherit;
	resize: none;
}

 /* トースト用設定 */ 
.toast-container {
	z-index: 1050;
}


 /* 3行を超えたらトランケートする */ 
.truncte_3rows{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;	
	/* ブラウザがサポートしていない場合のフェールセーフ */
	max-height: 24px;
  }