:root {
    --editor-color-01: #f2eee0;
    --editor-color-02: #6f4f2c;
    --editor-color-03: #cc3030;
    --editor-color-04: #b0a090;
    --editor-color-05: #d97772;
}

/* 親カスタム */
#actual-object-form label[for="actual_object_parent_actual_object_id"]::before {
    content: "↓　親ブログ著者からこの記事を執筆した著者を選択してください。選択しない場合は著者が非表示になります。";
    display: block;
    margin: 1em 0;
    padding: 0.5em;
    background-color: var(--editor-color-01);
}

/* チェックボックス */
#actual-object-form label.sig span:before {
    width: 2.2em;
}

/* ##### 擬似要素 ##### */
#actual-object-form div.uk-panel-box {
    position: relative;
}

#actual-object-form div.uk-panel-box::before {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    display: inline-block;
    display: none;
    counter-increment: number;
    padding: 0.2em 0.5em 0.2em 0.5em;
    font-size: 12px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background: var(--editor-color-02);
    position: absolute;
    top: 0;
    left: 0;
}

#actual-object-form div.uk-panel-box:last-of-type:before {
    display: none;
}

/* 必須項目 */
#actual-object-form .uk-form-row .actual-object-label.required {
    font-weight: bold;
    color: var(--editor-color-02);
}

#actual-object-form .uk-form-row label.required:after {
    content: "※";
    margin-left: 1em;
    font-size: 1em;
    line-height: 0;
    position: absolute;
    top: 1.1em;
}

/* リード文 */
#actual-object-form div.uk-panel-box:nth-of-type(5),#actual-object-form div.uk-panel-box:nth-of-type(6) {
    padding-top: 30px;
    background-color: var(--editor-color-01);
}

#actual-object-form div.uk-panel-box:nth-of-type(5)::before,#actual-object-form div.uk-panel-box:nth-of-type(6)::before {
    content: "リード文";
    display: inline-block;
    background-color: var(--editor-color-04);
}

/* ピックアップ */
#actual-object-form div.uk-panel-box:nth-of-type(7),#actual-object-form div.uk-panel-box:nth-of-type(8),#actual-object-form div.uk-panel-box:nth-of-type(9) {
    padding-top: 30px;
    /* background-color: var(--editor-color-03); */
}

#actual-object-form div.uk-panel-box:nth-of-type(7)::before,#actual-object-form div.uk-panel-box:nth-of-type(8)::before,#actual-object-form div.uk-panel-box:nth-of-type(9)::before {
    content: "ピックアップ";
    display: inline-block;
    background-color: var(--editor-color-02);
}

/* おすすめ１ */
#actual-object-form div.uk-panel-box:nth-of-type(10),#actual-object-form div.uk-panel-box:nth-of-type(11),#actual-object-form div.uk-panel-box:nth-of-type(12),#actual-object-form div.uk-panel-box:nth-of-type(13),#actual-object-form div.uk-panel-box:nth-of-type(14) {
    padding-top: 30px;
    background-color: var(--editor-color-01);
}

#actual-object-form div.uk-panel-box:nth-of-type(10)::before,#actual-object-form div.uk-panel-box:nth-of-type(11)::before,#actual-object-form div.uk-panel-box:nth-of-type(12)::before,#actual-object-form div.uk-panel-box:nth-of-type(13)::before,#actual-object-form div.uk-panel-box:nth-of-type(14)::before {
    content: "おすすめ１";
    display: inline-block;
    background-color: var(--editor-color-04);
}

/* おすすめ２ */
#actual-object-form div.uk-panel-box:nth-of-type(15),#actual-object-form div.uk-panel-box:nth-of-type(16),#actual-object-form div.uk-panel-box:nth-of-type(17),#actual-object-form div.uk-panel-box:nth-of-type(18),#actual-object-form div.uk-panel-box:nth-of-type(19) {
    padding-top: 30px;
    /* background-color: var(--editor-color-01); */
}

#actual-object-form div.uk-panel-box:nth-of-type(15)::before,#actual-object-form div.uk-panel-box:nth-of-type(16)::before,#actual-object-form div.uk-panel-box:nth-of-type(17)::before,#actual-object-form div.uk-panel-box:nth-of-type(18)::before,#actual-object-form div.uk-panel-box:nth-of-type(19)::before {
    content: "おすすめ２";
    display: inline-block;
    background-color: var(--editor-color-02);
}

/* おすすめ３ */
#actual-object-form div.uk-panel-box:nth-of-type(20),#actual-object-form div.uk-panel-box:nth-of-type(21),#actual-object-form div.uk-panel-box:nth-of-type(22),#actual-object-form div.uk-panel-box:nth-of-type(23),#actual-object-form div.uk-panel-box:nth-of-type(24) {
    padding-top: 30px;
    background-color: var(--editor-color-01);
}

#actual-object-form div.uk-panel-box:nth-of-type(20)::before,#actual-object-form div.uk-panel-box:nth-of-type(21)::before,#actual-object-form div.uk-panel-box:nth-of-type(22)::before,#actual-object-form div.uk-panel-box:nth-of-type(23)::before,#actual-object-form div.uk-panel-box:nth-of-type(24)::before {
    content: "おすすめ３";
    display: inline-block;
    background-color: var(--editor-color-04);
}

/* おすすめ４ */
#actual-object-form div.uk-panel-box:nth-of-type(25),#actual-object-form div.uk-panel-box:nth-of-type(26),#actual-object-form div.uk-panel-box:nth-of-type(27),#actual-object-form div.uk-panel-box:nth-of-type(28),#actual-object-form div.uk-panel-box:nth-of-type(29) {
    padding-top: 30px;
    /* background-color: var(--editor-color-01); */
}

#actual-object-form div.uk-panel-box:nth-of-type(25)::before,#actual-object-form div.uk-panel-box:nth-of-type(26)::before,#actual-object-form div.uk-panel-box:nth-of-type(27)::before,#actual-object-form div.uk-panel-box:nth-of-type(28)::before,#actual-object-form div.uk-panel-box:nth-of-type(29)::before {
    content: "おすすめ４";
    display: inline-block;
    background-color: var(--editor-color-02);
}

/* おすすめ５ */
#actual-object-form div.uk-panel-box:nth-of-type(30),#actual-object-form div.uk-panel-box:nth-of-type(31),#actual-object-form div.uk-panel-box:nth-of-type(32),#actual-object-form div.uk-panel-box:nth-of-type(33),#actual-object-form div.uk-panel-box:nth-of-type(34) {
    padding-top: 30px;
    background-color: var(--editor-color-01);
}

#actual-object-form div.uk-panel-box:nth-of-type(30)::before,#actual-object-form div.uk-panel-box:nth-of-type(31)::before,#actual-object-form div.uk-panel-box:nth-of-type(32)::before,#actual-object-form div.uk-panel-box:nth-of-type(33)::before,#actual-object-form div.uk-panel-box:nth-of-type(34)::before {
    content: "おすすめ５";
    display: inline-block;
    background-color: var(--editor-color-04);
}

/* おすすめ６ */
#actual-object-form div.uk-panel-box:nth-of-type(35),#actual-object-form div.uk-panel-box:nth-of-type(36),#actual-object-form div.uk-panel-box:nth-of-type(37),#actual-object-form div.uk-panel-box:nth-of-type(38),#actual-object-form div.uk-panel-box:nth-of-type(39) {
    padding-top: 30px;
    /* background-color: var(--editor-color-01); */
}

#actual-object-form div.uk-panel-box:nth-of-type(35)::before,#actual-object-form div.uk-panel-box:nth-of-type(36)::before,#actual-object-form div.uk-panel-box:nth-of-type(37)::before,#actual-object-form div.uk-panel-box:nth-of-type(38)::before,#actual-object-form div.uk-panel-box:nth-of-type(39)::before {
    content: "おすすめ６";
    display: inline-block;
    background-color: var(--editor-color-02);
}

/* おすすめ７ */
#actual-object-form div.uk-panel-box:nth-of-type(40),#actual-object-form div.uk-panel-box:nth-of-type(41),#actual-object-form div.uk-panel-box:nth-of-type(42),#actual-object-form div.uk-panel-box:nth-of-type(43),#actual-object-form div.uk-panel-box:nth-of-type(44) {
    padding-top: 30px;
    background-color: var(--editor-color-01);
}

#actual-object-form div.uk-panel-box:nth-of-type(40)::before,#actual-object-form div.uk-panel-box:nth-of-type(41)::before,#actual-object-form div.uk-panel-box:nth-of-type(42)::before,#actual-object-form div.uk-panel-box:nth-of-type(43)::before,#actual-object-form div.uk-panel-box:nth-of-type(44)::before {
    content: "おすすめ７";
    display: inline-block;
    background-color: var(--editor-color-04);
}

/* おすすめ８ */
#actual-object-form div.uk-panel-box:nth-of-type(45),#actual-object-form div.uk-panel-box:nth-of-type(46),#actual-object-form div.uk-panel-box:nth-of-type(47),#actual-object-form div.uk-panel-box:nth-of-type(48),#actual-object-form div.uk-panel-box:nth-of-type(49) {
    padding-top: 30px;
    /* background-color: var(--editor-color-01); */
}

#actual-object-form div.uk-panel-box:nth-of-type(45)::before,#actual-object-form div.uk-panel-box:nth-of-type(46)::before,#actual-object-form div.uk-panel-box:nth-of-type(47)::before,#actual-object-form div.uk-panel-box:nth-of-type(48)::before,#actual-object-form div.uk-panel-box:nth-of-type(49)::before {
    content: "おすすめ８";
    display: inline-block;
    background-color: var(--editor-color-02);
}

/* 著者 */
#actual-object-form div.uk-panel-box:nth-of-type(50),#actual-object-form div.uk-panel-box:nth-of-type(51),#actual-object-form div.uk-panel-box:nth-of-type(52),#actual-object-form div.uk-panel-box:nth-of-type(53),#actual-object-form div.uk-panel-box:nth-of-type(54) ,#actual-object-form div.uk-panel-box:nth-of-type(55) {
    padding-top: 30px;
    background-color: #eaf3ff;
}

#actual-object-form div.uk-panel-box:nth-of-type(50)::before,#actual-object-form div.uk-panel-box:nth-of-type(51)::before,#actual-object-form div.uk-panel-box:nth-of-type(52)::before,#actual-object-form div.uk-panel-box:nth-of-type(53)::before,#actual-object-form div.uk-panel-box:nth-of-type(54)::before,#actual-object-form div.uk-panel-box:nth-of-type(55)::before {
    content: "著者";
    display: inline-block;
    background-color: #4772ac;
}
