:root {
    --arkb-notice_text: #4d4d49;
    --arkb-notice_bg: #fffcef;
    --arkb-notice_border: #faf1d2;
    --arkb-notice_icon: #ffba1e
}
.ark-block-notice.-memo {
    --arkb-notice_text: #454545;
    --arkb-notice_bg: #fbfbfb;
    --arkb-notice_border: #e2e2e2;
    --arkb-notice_icon: #3a3a3a
}
.ark-block-notice.-ok {
    --arkb-notice_text: #484a47;
    --arkb-notice_bg: #fafff4;
    --arkb-notice_border: #dff9cc;
    --arkb-notice_icon: #6cda3e
}
.ark-block-notice.-point {
    --arkb-notice_text: #27201e;
    --arkb-notice_bg: #fffcf8;
    --arkb-notice_border: #ffead9;
    --arkb-notice_icon: #ff963b
}
.ark-block-notice.-warning {
    --arkb-notice_text: #444142;
    --arkb-notice_bg: #fff6f9;
    --arkb-notice_border: #fddee8;
    --arkb-notice_icon: #ff2525
}
.ark-block-notice {
    background-color: var(--arkb-notice_bg);
    border: 1px solid var(--arkb-notice_border);
    color: var(--arkb-notice_text);
    padding: 1.5em;
    position: relative
}
.ark-block-notice__head {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1.5;
    padding: 0;
    position: relative;
    z-index: 1
}
.ark-block-notice__icon {
    align-self: center;
    color: var(--arkb-notice_icon);
    display: flex;
    flex-shrink: 0;
    font-size: 1em;
    height: 1em;
    justify-content: center;
    margin-right: 1em;
    transform: scale(1.1) translateX(-5%);
    width: 1em
}
.ark-block-notice__title {
    min-width: 2em
}
.ark-block-notice__body {
    background: none !important;
    border: none;
    margin-top: 1em;
    padding: 0;
    position: relative;
    z-index: 0
}
.ark-block-notice__body:empty {
    display: none
}
.is-style-simple.ark-block-notice {
    align-items: center;
    display: flex;
    padding: 1.25em
}
.is-style-simple.ark-block-notice .ark-block-notice__title {
    display: none
}
.is-style-simple>.ark-block-notice__head {
    padding: 0
}
.is-style-simple>.ark-block-notice__body {
    flex: 1 1 auto;
    margin-top: 0
}
.is-style-stronger.ark-block-notice {
    background: #fff;
    border: none;
    border: 1px solid var(--arkb-notice_icon);
    border-radius: 2px;
    box-shadow: var(--arkb-shadow);
    overflow: hidden;
    padding: 0
}
.is-style-stronger.ark-block-notice .ark-block-notice__icon {
    fill: #fff;
    color: #fff;
    margin-left: .1em;
    margin-right: .5em;
    transform: scale(1)
}
.is-style-stronger>.ark-block-notice__head {
    background-color: var(--arkb-notice_icon);
    color: #fff;
    font-weight: inherit;
    line-height: 1;
    margin: 0 -1px;
    padding: .5em .75em .5em .5em;
    position: relative;
    top: -1px;
    width: -moz-fit-content;
    width: fit-content
}
.is-style-stronger>.ark-block-notice__body {
    margin-top: -2px;
    padding: 1.25em
}
@media screen and (min-width:600px) {
    .is-style-stronger>.ark-block-notice__body {
        padding: 1.5em
    }
}