<script src="{% items[/view_timer.js] %}"></script>
<style>
    .view_timer {
        display: none;
    }

    #bradelisme {
        margin: 40px auto 0;
        max-width: 980px;
    }

    #bradelisme * {
        font-size: 20px;
        line-height: 1.8;
        font-style: normal;
        margin: 0;
        padding: 0;
    }

    #bradelisme h1,
    #bradelisme h2,
    #bradelisme h3,
    #bradelisme h4,
    #bradelisme h5,
    #bradelisme h6 {
        text-align: center;
    }

    #bradelisme .wrapper {
        padding: 10% 5%;
    }

    #bradelisme .bg_1 {
        background-color: #EFF2F9;
    }

    #bradelisme .bg_fff,
    #bradelisme .intro {
        background-color: #fff;
    }

    #bradelisme .bg_img {
        background-image: url("https://bradelis.itembox.design/item/img/lp/bradelisme/20230117_nonwire_lp06.png");
        background-repeat: no-repeat;
        background-size: cover;
    }

    #bradelisme #topic_1 .intro {
        text-align: center;
        padding: 10%;
        margin: 0 0 5%;
    }

    #bradelisme #topic_1 .intro p {
        font-weight: 500;
        margin: 5% 0 0;
    }

    #bradelisme #topic_1 ul {
        display: flex;
        justify-content: space-between;
        margin: 5% 0 0;
    }

    #bradelisme #topic_1 ul li {
        width: 32%;
    }

    #bradelisme #topic_2 p {
        font-weight: 500;
        padding: 5% 0 0;
    }

    #bradelisme #topic_3 .review {
        margin: 5% 0 0;
        padding: 5%;
        background-color: #fff;
    }

    #bradelisme #topic_3 .review dfn {
        color: #D47D6F;
        margin: 1em 0 0;
        display: block;
    }

    #bradelisme #topic_4 .type_wrap {
        margin: 10% 0 5%;
    }

    #bradelisme #topic_4 .type_wrap h4 {
        text-align: center;
        padding: 1%;
        color: #fff;
        font-weight: bold;
        background-color: #44627A;
        font-size: 115%;
        margin: 0 0 3%;
    }

    #bradelisme #topic_4 .type_wrap .type_list {
        display: flex;
        align-items: center;
    }

    #bradelisme #topic_4 .type_wrap .type_list dt,
    #bradelisme #topic_4 .type_wrap .type_list dd {
        width: 50%;
    }

    #bradelisme #topic_4 .type_wrap .type_list dd {
        padding: 0 0 0 5%;
    }

    #bradelisme #topic_4 .type_wrap .type_list dd a {
        display: block;
        margin: 1em 0 0;
    }

    #bradelisme #topic_4 .type_wrap .type_list dd a img {
        width: 90%;
    }

    #bradelisme .pickup {
        background-color: #44627A;
        color: #fff;
        font-size: 200%;
        text-align: center;
        padding: 2%;
    }

    #bradelisme .pickup span {
        font-size: 75%;
        display: block;
    }

    #bradelisme #topic_5 .items {}

    #bradelisme #topic_5 .items:not(:first-of-type) {
        margin: 15% 0 0;
    }

    #bradelisme #topic_5 .items ul {
        display: flex;
        justify-content: space-between;
        margin: 0 0 5%;
    }

    #bradelisme #topic_5 .items ul li {
        width: 32%;
        color: #fff;
        font-weight: bold;
        border-radius: 50px;
        padding: 1%;
        text-align: center;
    }

    #bradelisme #topic_5 .items ul li.bg_010 {
        background-color: #6285A1;
    }

    #bradelisme #topic_5 .items ul li.bg_011 {
        background-color: #7AAFBD;
    }

    #bradelisme #topic_5 .items ul li.bg_012 {
        background-color: #DC9293;
    }

    #bradelisme #topic_5 .items ul li.bg_013 {
        background-color: #858CB6;
    }

    #bradelisme #topic_5 .items ul li.bg_014 {
        background-color: #97C2A4;
    }

    #bradelisme #topic_5 .items ul li.bg_015 {
        background-color: #D3B184;
    }

    #bradelisme #topic_5 .items ul li.bg_016 {
        background-color: #6285A1;
    }

    #bradelisme #topic_5 .items ul li.bg_017 {
        background-color: #79B1BC;
    }

    #bradelisme #topic_5 .items ul li.bg_018 {
        background-color: #DC9293;
    }

    #bradelisme #topic_5 .items ul li.bg_017 {
        background-color: #BB7692;
    }

    #bradelisme #topic_5 .items ul li.bg_018 {
        background-color: #D59D84;
    }

    #bradelisme #topic_5 .items ul li.bg_019 {
        background-color: #BB7692;
    }

    #bradelisme #topic_5 .items ul li.bg_020 {
        background-color: #D59D84;
    }

    #bradelisme #topic_5 .items .color_wrap {
        text-align: center;
        display: block;
        margin: 10% 0;
    }

    #bradelisme #topic_5 .items .color_wrap img {
        width: 60%;
    }

    #bradelisme #topic_5 .items .function {
        display: flex;
        align-items: center;
        padding: 5%;
        border: 1px solid #44627A;
        margin: 0 0 10%;
    }

    #bradelisme #topic_5 .items .function img,
    #bradelisme #topic_5 .items .function .kodawari {
        width: 50%;
    }

    #bradelisme #topic_5 .items .function .kodawari {
        padding: 0 0 0 5%;
    }

    #bradelisme #topic_5 .items .function .kodawari h6,
    #bradelisme #topic_5 .items .osusume_chart h7,
    #bradelisme #topic_5 .items .osusume_wrap h7 {
        color: #fff;
        padding: 1%;
        background-color: #44627A;
        font-weight: bold;
        text-align: center;
        margin: 0 0 1em;
    }

    #bradelisme #topic_5 .items .osusume_chart {
        margin: 5% 0 0;
        background-color: #fff;
    }

    #bradelisme #topic_5 .items .osusume_chart h7,
    #bradelisme #topic_5 .items .osusume_wrap h7 {
        margin: 0;
        display: block;
    }

    #bradelisme #topic_5 .items .osusume_wrap {
        margin: 10% 0;
    }

    #bradelisme #topic_5 .items .osusume_wrap ul {
        display: block;
        background-color: #fff;
        padding: 5% 5%;
    }

    #bradelisme #topic_5 .items .osusume_wrap ul li {
        color: #595757;
        font-weight: 500;
        width: 100%;
        position: relative;
        padding: 0 0 1em 2em;
        text-align: left;
        display: flex;
        align-items: center;
    }

    #bradelisme #topic_5 .items .osusume_wrap ul li:before {
        content: "";
        display: block;
        position: absolute;
        background-image: url("https://bradelis.itembox.design/item/img/lp/bradelisme/20230117_nonwire_lp017.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 25px;
        width: 30px;
        left: 0;
    }

    #bradelisme #topic_5 .items .osusume_wrap ul li span {
        font-weight: bold;
        color: #D57C6E;
    }

    #bradelisme #topic_5 .items .recommend {
        display: block;
    }

    #bradelisme #topic_5 .items .recommend li {
        width: 100%;
        color: #595757;
        padding: 5%;
        border: 1px solid #44627A;
        font-weight: 500;
        display: flex;
        border-radius: 0px;
        align-items: center;
    }

    #bradelisme #topic_5 .items .recommend li:not(:last-of-type) {
        margin: 0 0 5%;
    }

    #bradelisme #topic_5 .items .recommend li>a,
    #bradelisme #topic_5 .items .recommend li dl {
        width: 50%;
    }

    #bradelisme #topic_5 .items .recommend li dl {
        padding: 0 0 0 5%;
    }

    #bradelisme #topic_5 .items .recommend li dl dd {
        font-size: 125%;
    }

    #bradelisme #topic_5 .items .recommend li dl dd span {
        font-size: 160%;
    }

    #bradelisme #topic_5 .items .recommend li dl dd a {
        display: block;
        margin: 1em 0 0;
    }

    #bradelisme #topic_5 .items .recommend li dl dd a img {
        width: 90%;
    }

    #bradelisme #topic_6 .subitem {
        padding: 10% 5% 15%;
        background-color: #fff;
    }

    #bradelisme #topic_6 .subitem:first-of-type {
        margin: 0 0 10%;
    }

    #bradelisme #topic_6 .subitem h6 {
        text-align: center;
    }

    #bradelisme #topic_6 .subitem ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 10% 0 10%;
    }

    #bradelisme #topic_6 .subitem ul li {
        width: 48%;
    }

    #bradelisme #topic_6 .subitem ul li:first-of-type,
    #bradelisme #topic_6 .subitem ul li:nth-child(2) {
        margin-bottom: 5%;
    }

    #bradelisme #topic_6 .subitem ul li dfn {
        display: block;
        margin: 1em 0 0.5em;
        font-weight: bold;
        color: #44627A;
        text-align: center;
    }

    .movie {
        position: relative;
        padding-bottom: 56.25% !important;
        height: 0;
        overflow: hidden;
        margin: 0 5% 8% 5% !important;
    }

    .movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    @media screen and (max-width: 1024px) {
        #bradelisme * {
            font-size: 16px;
        }

        #bradelisme .wrapper {
            padding: 10% 5%;
        }

        #bradelisme h3 img,
        #bradelisme #topic_6 .subitem h6 img {
            width: 75%;
        }

        #bradelisme #topic_2 p {
            padding: 5% 5% 0;
        }

        #bradelisme .pickup {
            font-size: 150%;
        }
    }

    @media screen and (max-width: 680px) {
        #bradelisme * {
            font-size: 13px;
        }

        #bradelisme #topic_5 .items .osusume_wrap ul li {
            padding-left: 3em;
        }

        #bradelisme #topic_5 .items .recommend li dl dd {
            font-size: 120%;
        }

        #bradelisme #topic_5 .items .recommend li dl dd span {
            font-size: 135%;
        }
    }
</style>