/*ガイドラインのページ---------------------------------------------------------------------------------------------------------------------------------------*/

    /*左寄せに*/
    .guideline p, .guideline ul, h3 {
        text-align: left;
    }

    /*箇条書き系のデザイン*/
    .guideline ul {
        padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
        list-style: circle; /*白丸に*/
    }
        .guideline li {
            line-height: 1.5; /*文の行高*/
            padding: 0.4em 0; /*前後の文との余白*/
            border-bottom: dotted 2px var(--tagsubcolor2);
        }
        .guideline li:last-child {
            border: none;
        }
        /*入れ子の箇条書きの丸は黒丸に*/
        .guideline_ul_small li {
            list-style: disc;
            line-height: 1.3; /*文の行高*/
            border: none;
        }

    /*ガイドラインの各項目を囲む*/
    .guideline_border {
        border: solid 4px var(--tagsubcolor1);
        border-radius: 10px;
        padding: 2em;
        width: 100%;
    }

        /*ガイドラインのh3見出しの調整*/
        .guideline_midashi {
            color: var(--fontcolor2);
        }

    /*ガイドラインの補足*/
    .guideline_hosoku {
        color: var(--fontcolor2);
        font-size: 0.9em;
        text-align: left;
    }

    /*ガイドラインの目次*/
    .guideline_mokuji ul {
        width: 60%;
        margin: auto;
        border: solid 2px var(--fontcolorlink1);
        padding: 0 0.5em;
        position: relative;
        border-radius: 10px;
    }
        .guideline_mokuji ul li {
            line-height: 1.5;
            padding: 0.5em 0 0.5em 1.4em;
            border-bottom: dashed 1px var(--maincolor1);
            list-style-type: none!important;
            }
            .guideline_mokuji ul li:last-of-type {
                border-bottom: none;
            }
        .guideline_mokuji ul li a {
            display: block;
        }
        /*見出し色変更*/
        .guideline_mokuji h2 {
            color: var(--fontcolor2);
        }


    /*ガイドラインのハッシュタグのタグ*/
    .guideline_tag {
        color: var(--fontcolorbold);
        margin-right: 0.5em;
    }
        /*ハッシュタグの説明*/
        .guideline_tag_text {
            color: var(--fontcolor2);
        }

    /*公式カップリングの改行を自然に*/
    .guideline_cp {
        display: inline-block;
    }
        /*公式カップリングの余白用*/
        .guideline_cp_spe {
            margin-top: 1em;
        }

    /*二次創作ゲームのところの囲み枠*/
    .guideline_game {
        border: double 3px var(--fontcolorbold);
        border-radius: 10px;
        margin: 1.5em;
    }

    /*更新履歴の背景色指定*/
    .guideline_rireki_bg {
        background-color: var(--subcolor2);
    }
        /*更新履歴の日付を横並びに*/
        .guideline_rireki {
            display: flex;
            flex-wrap: wrap;
            justify-content: left;
        }
        /*日付の横幅を指定*/
        .guideline_rireki_date {
            width: 8.5em;
        }
        .guideline_rireki_text {
            width: calc(100% - 8.5em);
        }
        .guideline_rireki_bg ul {
            list-style: none;
        }

    /*スマホでのデザイン*/
    @media screen and (max-width: 650px) {
        .guideline ul {
            padding: 0.5em 0.4em 0.5em 1.5em;/*ボックス内の余白*/
        }
        .guideline_border {
            border: solid 3px var(--tagsubcolor1);
            padding: 1em;
        }
        .guideline_mokuji ul {
            width: 90%;
            padding: 0 0.3em;
        }
            .guideline_mokuji ul li {
                padding: 0.5em 0.3em;
            }
        .guideline_game {
            margin: 0.5em;
        }
    }