@charset "utf-8";

#cameraArea {
	margin-top: 20px;
	display: inline-block;
	width: 600px;
	height: 800px;
	padding: 10px;
	border:solid 1px #999999;
}
#cameraAreaMethod {
	display: inline-block;
	width: 600px;
	height: 800px;
	border:solid 1px #999999;
}
#cameraAreaMethod #NCL_conditionArea, #cameraAreaMethod #NCL_adviceArea {
	display: none;
}

/***********************************************
以下、ライブラリ外観のカスタマイズ例
各要素の元定義は、NanameCamLib/assets/NanameCamLib.cssを参照してください
***********************************************/
#NCL_adviceArea {
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.3em;
	color: #ffffff;
	background-color: #cc00aa;
}

#NCL_countDown {
	font-size: 300px;
	color: #cc00aa;
	-webkit-text-stroke: 5px #ffffff;
}

#NCL_conditionItem {
	height: 40px;
	border-radius: 20px;
	border-color: #cc00aa;
	color: #cc00aa;
	font-size: 22px;
	font-weight: bold;
}
#NCL_conditionItem.ok {
	background-color: #cc00aa;
}
#NCL_conditionItem::after {
	color: #bbbbbb;
}


/* 2110追記 */
input[type="hidden"]+.cmd-mini_container {
	margin-top: 0;
}

#cameraArea {
	width: 100%;
	height: auto;
}
#NCL_base {
	height: 74vh !important;
	transform: scale(1) !important;
	position: static;
	width: auto;
	max-width: 100%;
}
#NCL_viewArea {
	height: calc(100% - 40px) !important;
}

#NCL_conditionItem {
	height: 30px;
	border-radius: 15px;
	font-size: 14px;
	font-size: 3.5vw;
}

#NCL_conditionItem {
	width: 100%;
	margin: 0 3px 10px 3px;
}

#NCL_conditionItem::after {
	font-size: 20px;
	font-size: 4.5vw;
	line-height: 1;
}

#NCL_adviceArea {
	font-size: 16px;
}

#NCL_conditionItem {
	height: auto;
	border-radius: 0;
	border-color: #081f2c;
	background-color: #081f2c;
	color: #fff;
	
}
#NCL_conditionItem::after {
	color: #fff;
}
#NCL_conditionItem.ok {
	background-color: #fff;
	color: #081f2c;
}
#NCL_conditionItem.ok::after {
	color: #081f2c;
}

#NCL_countDown {
	font-size: 120px;
	color: #fff;
	-webkit-text-stroke: 1px #ddd;
}
/* 2110追記 */