/**
 * オプション表示：見出しと内容のスタイル分け
 * 購入履歴・受注詳細・会員編集の「プリント色数」「デザイン入稿方法」等
 * 管理画面の .iopt_label にも同じ見た目を適用
 */
.wcop-opt-label,
li .iopt_label.wcop-opt-label,
.iopt_label.wcop-opt-label {
	display: inline;
	font-weight: 600 !important;
	color: #50575e !important;
	font-size: 0.95em;
	background-color: #e8e8e8 !important;
	padding: 0.15em 0.4em;
	border-radius: 3px;
}

.wcop-opt-value,
li .wcop-opt-value,
.iopt_label + .wcop-opt-value {
	display: inline;
	font-weight: 600 !important;
	color: #50575e !important;
	font-size: 0.95em;
}

/* リスト表示（受注詳細など） */
li .wcop-opt-label {
	margin-right: 0.25em;
}

/* 購入履歴・商品名直下のオプション行 */
.wcop-opt-line .wcop-opt-label {
	margin-right: 0.35em;
}

.productname .wcop-opt-label,
.aleft .wcop-opt-label {
	margin-right: 0.35em;
}

/* プルダウン直下のガイドリンク */
.wcop-design-guide-link {
	margin: 0.4em 0 0.6em;
	font-size: 0.875em;
}

.wcop-design-guide-link a {
	color: #3d7d62;
	text-decoration: none;
	border-bottom: 1px dashed currentColor;
}

.wcop-design-guide-link a::before {
	content: "▶ ";
	font-size: 0.8em;
}

.wcop-design-guide-link a:hover {
	color: #2a5c47;
	border-bottom-style: solid;
}