/*------------------------------------------------------
操作位置
------------------------------------------------------*/
label[for="optionWithPrice_7_0"]:before,
label[for="optionWithPrice_7_1"]:before
{
	content: "";
	display: inline-block;
	background-size: contain;
	width: 170px;
	height: 174px;
	background-repeat: round;
}
input[type=radio]:checked+label[for="optionWithPrice_7_0"]::before,
input[type=radio]:checked+label[for="optionWithPrice_7_1"]::before
{
	border: 5px solid var(--FRAMEBORDER_COLOR);
	box-sizing: border-box;
	width: 100%;
}
label[for="optionWithPrice_7_0"] > span,
label[for="optionWithPrice_7_1"] > span
{
	display: none;
}
input[type=radio][value="operateposition_left"]+label:before
{
	background-image: url(/ordermade_rollscreen/img/operateposition/prop_left.jpg);
	background-repeat: no-repeat;
	background-size: 170px;
	background-position: center center;
}
input[type=radio][value="operateposition_right"]+label:before
{
	background-image: url(/ordermade_rollscreen/img/operateposition/prop_right.jpg);
	background-repeat: no-repeat;
	background-size: 170px;
	background-position: center center;
}
input[type=radio]:checked+label[for="optionWithPrice_7_0"]::after, 
input[type=radio]:checked+label[for="optionWithPrice_7_1"]::after
{
	font-family: "Font Awesome 5 Pro";
	font-weight: 100;
	content: "\f00c";
	line-height: 15px;
	top: 0;
	position: absolute;
	z-index: 1;
	color: #fff !important; /* チェックマークの色 */
	-webkit-text-fill-color: #fff; /* iOS向けに追加 */
	background-color: var(--THEME_COLOR_1);
	display: block;
	border-radius: 50%;
	top: 8px;
	left: 8px;
	font-size: 1.3rem;
	width: 16px;
	height: 16px;
	text-align: center;
}


/*------------------------------------------------------
サイズの制作可能範囲
------------------------------------------------------*/
.sizeinputfield > div.sizenote{
	min-width: 123px !important;
}


/*------------------------------------------------------
サイズのチェック部分
------------------------------------------------------*/
.size_list_width_confirmation_selector_dd,
.size_list_height_confirmation_selector_dd
{
	.fs-c-radio__label{
		word-break: break-all;
	}
	.size_confirmation_red{
		color: #f00;
	}
}


/*------------------------------------------------------
操作ポールの長さ
------------------------------------------------------*/

.selector_dd_operationchain{
	.operationchain_img{
		padding: 10px;
	}
}