/* -------------------------------------------- */
.none {
    display: none;
}
.hidden {
visibility: hidden;
height: 0;
width: 0;
margin: 0 !important;
}
.relative {
    position: relative;
}
/* -------------------------------------------- */
.scale-bg {
    position: fixed;
    top   : 0px;
    left  : 0px;
    width : 100%;
    height: 100%;
    z-index: 10000;
    cursor: col-resize;
}
/* -------------------------------------------- */
.system--background {
  position: absolute;
	z-index: 0;
  top : 0;
  left: 0;
	width: 100%;
	overflow: hidden;
}
.system--background img {
	min-height: 790px;
	min-width: 1024px;
	width: 100%;
	height: auto;
/* --	position: fixed;-- */
	top: -2px;
	left: 0;
	z-index: -100;
}
/* --
  @media screen and (max-width: 1024px){
    .system--background img {
        left: 50%;
        margin-left: -512px;
    }
}
-- */
/* -------------------------------------------- */
.editor--box--area {
    position: relative;
    background-repeat  : no-repeat;
    background-position: center center;
}
.editor--box--area--space {
    position: absolute;
    border  : 2px dashed #ff0000;
}
.editor--box--area--vector {
    position: absolute;
}
/* -- カラーピッカー -------------------------- */
.form--editor--clip--picker--color {    /* ********** TEST ********** */
    width : 32px;
    height: 32px;
}
.form--editor--clip--color--item {    /* ********** TEST ********** */
    width : 32px;
    height: 32px;
}
/* -- クリップアート選題---------------------- */
.pop--clip--category img {
    width: 32px;
    heiht: 32px;
}
.pop--clip--item img {
    width: 32px;
    heiht: 32px;
}
/* -------------------------------------------- */



/* TEST */
.form--background--item {
    width : 32px;
    height: 24px;
    border: 1px solid #000;
}