<div class="li-normal">
<ul>
<li>箇条書きのサンプル</li>
<li>箇条書きのサンプル</li>
<li>箇条書きのサンプル</li>
</ul></div>
/*箇条書き style.css 2080-2111行目
========================================================================== */
.li-normal ul,
.li-normal ol {
    margin-bottom: 1.5em;
    padding: 1em 1em 1em 2.5em;
    border-radius: 3px;
    border: solid 1px #ffaf58;
    width: 90%;
    list-style-type: disc;
    margin-left: auto;
    margin-right: auto;
}

.li-normal ul li,
.li-normal ol li {
    margin-left: 24px;
}

@media (max-width: 763px) {

    .li-normal ul,
    .li-normal ol {
        margin-bottom: 1.5em;
        padding: 0;
        border-radius: 3px;
        border: solid 1px #ffaf58;
        width: 90%;
        font-size: 14px;
        list-style-type: disc;
        padding: 8px;
        margin-top: 1em;
    }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.