.error{
	color:#FF0000;
}

body.dragging, body.dragging * {
  cursor: move !important;
}


img.imgpreview{
	max-width:300px;
}

iframe.htmlpreview{
	width:100%;
	border:none;
}

/*=================================================
プロパティ管理
==================================================*/
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ul.parentadd{
	padding-bottom:60px;
	padding-left:12px;
	padding-right:10px;
}

ul.parentadd li{
	list-style: none;
	cursor: pointer;
	display: block;
	margin: 5px;
	padding: 5px;
	font-size:16px;
}

ul.parentadd a{
	color:#000;
}

ul.parentadd a:hover{
	color:#777;
}

ul.parentadd .icon{
	font-size:16px;
	color: #0088cc;
}

ul.sortlist{
	margin-top:20px;
	padding-left:12px;
	padding-right:10px;
}

ul.sortlist li{
	list-style: none;
	cursor: pointer;
	display: block;
	margin: 5px;
	padding: 5px;
	border: 1px solid #cccccc;
	border-radius: 5px;
}

ul.sortlist .parentname{
	font-size:16px;
}

ul.sortlist .parentname:hover{
	color:#777;
}

ul.sortlist .categorytype{
	color:#999;
}

ul.sortlist .childname{
	font-size:14px;
}

ul.sortlist .childname:hover{
	color:#777;
}

ul.sortlist a{
	color: #0088cc;
}

ul.sortlist a.icon{
	font-size:16px;
}

ul.sortlist a.icon:hover{
	color: #f4a460;
}

a.addbutton{
	margin-left:45px;
}


/*=================================================
コンテンツパーツ
==================================================*/
iframe#partspreview{
	width:100%;
	height:300px;
	border:1px solid #CCC;
}

.icon_category,
.icon_property,
.icon_variation,
.icon_responsive,
.icon_colflex{
	display:inline-block;
	color:#FFF;
	font-size:12px;
	background-color:#339999;
	padding:4px;
	border-radius:4px 4px;
	margin-bottom: 4px;
}
.icon_property{
	background-color:#006699;
}
.icon_variation{
	background-color:#FF9900;
}
.icon_responsive{
	background-color:#FF9900;
}
.icon_colflex{
	background-color:#c0504d;
}

input.s_keyword{
	/*margin-left:20px;*/
	/*margin-right:4px;*/
}

/*=================================================
サイトデザイン
==================================================*/
td.updateinfo{
	font-size:12px;
}

a.update_variation{
	color:#FF7A28;
}

a.update_variation:hover{
	color:#FF7A28;
}

/*=================================================
アップロードブラウザー
==================================================*/
div#upload_browser_filearea{
	height:calc(100vh - 230px);
	min-height:100px;
	border-radius:10px;
	overflow-y: auto;
}

div.upload_browser_filearea{
	display:block;
	text-align:center;
	font-size:18px;
	color:#999;
	padding-top:calc(100vh / 2 - 140px);
	border:2px dotted #999;
}

div.upload_browser_filelist{
	display: flex;
	padding-top: 0;
	padding:6px;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
	border:2px solid #ccc;
}

div.upload_browser_filelist_item{
	min-width: 33.3333%;
	max-width: 100%;
	line-height:1.8em;
	font-size: 14px;
	color: #000;
	padding-right:4px;
}

div.upload_browser_filelist div.zip:before{
	font-family: 'FontAwesome';
	content: "\f1c6";
	padding-right:4px;
}

div.upload_browser_filelist div.nozip:before{
	font-family: 'FontAwesome';
	content: "\f059";
	padding-right:4px;
}

div.upload_browser_filelist div.success:before{
	font-family: 'FontAwesome';
	content: "\f00c";
	color:green;
	padding-right:4px;
}

div.upload_browser_filelist div.failed:before{
	font-family: 'FontAwesome';
	content: "\f05c";
	color:red;
	padding-right:4px;
}

/*=================================================
プログレス
==================================================*/
.progress-area{
	position: relative;
}

.progress-area progress{
	-webkit-appearance: none;
	width: 50%;
	height: 24px;
	background-color: #ccc;
}

.progress-area .pb_percent{
	display: block;
	position: absolute;
	top: -2px;
	left: 49%;
	font-size: 20px;
	color:#FFF;
}

progress::-webkit-progress-bar {
  background-color: #ccc;
}

progress::-webkit-progress-value {
  background-color: mediumseagreen;
}

progress::-moz-progress-bar {
  background-color: mediumseagreen;
}

progress::-ms-fill {
  background-color: mediumseagreen;
}