/* V810:かんたんページ新規作成 */
/* 00. COMMON SETTING
-------------------------------------------------------------------- */

/* 01.INDEX
-------------------------------------------------------------------- */

/* 01.DETAIL
-------------------------------------------------------------------- */

/* 質問番号の初期化 */
.usageguide_content {
    counter-reset: question-counter;
}

/* 質問・回答のリストだけに適用 */
.p-editArea ul:has(> li.q) {
    list-style: none;
    padding: 0;
}

/* 質問だけ採番 */
.p-editArea ul > li.q {
    counter-increment: question-counter;
}

/* 質問ラベル */
.p-editArea ul > li.q::before {
    content: "Ｑ" counter(question-counter);
    counter-increment: none;
    background: #88F;
    font-weight: bold;
    color: #FFF;
    padding: 2px 4px;
    border: solid 1px #44A;
    border-radius: 8px;
    font-size: 1.5rem;
}

/* 回答ラベル */
.p-editArea ul > li.a::before {
    content: "Ａ";
    background: #F66;
    font-weight: bold;
    color: #FFF;
    padding: 2px 4px;
    border: solid 1px #A33;
    border-radius: 8px;
    font-size: 1.5rem;
}

/* 質問・回答のリスト項目 */
.p-editArea ul:has(> li.q) > li {
    position: relative;
    padding-left: 6rem;
    margin-bottom: 1em;
}

/* Ｑ・Ａラベルを左側に固定 */
.p-editArea ul > li.q::before,
.p-editArea ul > li.a::before {
    position: absolute;
    left: 0;
    top: -3px;
}