@charset "utf-8";
/* --------------------------------------
 2017_alpha3：変更パーツハイライト
-------------------------------------- */
/*
.edited {
    border: groove 1px #ff00ff;
    box-sizing:border-box;
    background: rgba(0, 0, 255, .1);
}
*/

body > .edited {
    border: groove 1px #ff00ff;
    box-sizing:border-box;
    background: rgba(0, 0, 255, .03);

}

#promos1 .edited ,
#promos2 .edited ,
#promos3 .edited {
    border: groove 1px #ff00ff;
    box-sizing:border-box;
    background: rgba(0, 0, 255, .1);
}


/* 親カラム */
#sharewithmain .multiColumn1.edited ,
#sharewithmain .multiColumn2.edited ,
#sharewithmain .multiColumn3.edited ,
#sharewithmain .multiColumn4.edited ,
#sharewithmain .multiColumn5.edited {
/*    background: rgba(0, 0, 255, .03); */
}

/* 子カラム */
#sharewithmain .multiColumn1 > .edited ,
#sharewithmain .multiColumn2 > .edited ,
#sharewithmain .multiColumn3 > .edited ,
#sharewithmain .multiColumn4 > .edited ,
#sharewithmain .multiColumn5 > .edited {
/*    background: rgba(0, 0, 255, .03); */
}

/* カラム内パーツ */
#sharewithmain .column1 .edited ,
#sharewithmain .column2 .edited ,
#sharewithmain .column3 .edited ,
#sharewithmain .column4 .edited ,
#sharewithmain .column5 .edited {
    background: rgba(0, 0, 255, .03);
    border-top: inset 3px #aaaaff;
    border-bottom: inset 3px #aaaaff;
    border-top: inset 3px rgba(0, 0, 255, 0.1);
    border-bottom: inset 3px rgba(0, 0, 255, 0.1);
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
}


/*  編集バー */
.edited > .mgnlEditorBar.component > .mgnlEditorBarLabel:after {
    content: "変更";
    display: inline-block;
    color: #fff;
    background: rgba(255,255,0, 0.5);
    padding: 0 5px;
    margin-left: 0.5em;
}