@charset "UTF-8";

    /* ☆★☆ アプリ限定抽選キャンペーン ☆★☆ */

    /* === store all === */
    a,
    a:hover,
    a:visited {
        color: white;
        text-decoration: none;
    }

    body {
        margin: auto;
    }

    /* === lp all === */
    .lp__wrap--para {
        text-align: center;
        font-size: clamp(17px, 1.5vw, 25px);
        padding-bottom: 50px;
    }

    .lp__wrap--para::before {
        background: url("../../../img/event/cp2507-app-present/bg.jpg");
        background-color: #7e0808;
        background-size: cover;
        background-position: top center;
    }

    .intro--txt {
        letter-spacing: 1px;
        font-weight: 500;
        line-height: 1.5;
        margin: 30px auto 50px;
        padding-top: 15px;
    }

    .intro--txt span {
        color: #b00c0b;
        font-weight: 700;
    }

    @media screen and (max-width:768px) {

        .lp__wrap--para::before {
            background: url("../../../img/event/cp2507-app-present/sp_bg.jpg");
            background-color: #7e0808;
            background-size: cover;
            background-position: top center;
        }

        .intro--txt {
            margin: auto auto 15px;
        }

        .intro--txt.cp--period span {
            font-size: 23px;
        }

    }

    @media screen and (max-width:767px) {}

    @media screen and (max-width:375px) {}


    /* === mv === */
    .mv--area {
        max-width: 1500px;
        margin: auto;
        padding-bottom: 25px;
        text-align: center;
    }

    .mv--area img {
        margin: auto;
    }

    @media screen and (max-width:767px) {
        .mv--area {
            max-width: 100%;
            width: 100%;
            margin: auto;
            padding: 0;
        }
    }

    /* === cp - detail === */
    .detail--area {
        background-color: #fff;
        margin: 50px auto;
        max-width: 1200px;
        padding: 30px;
    }

    @media screen and (max-width:767px) {

        .detail--area {
            padding: 15px;
        }
    }

    /* === appDL === */
    .appDL__area {
        margin: 30px auto;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: clamp(18px, 1.75vw, 23px);
    }

    .appDL__area .dlBtn {
        display: inline-block;
        background: #b00c0b;
        max-width: 550px;
        margin: auto;
        color: #fff;
        padding: 15px 30px;
        border-radius: 35px;
        font-weight: 700;
        letter-spacing: 2px;
    }

    @media screen and (max-width:767px) {

        .appDL__area .dlBtn {
            padding: 15px;
        }
    }

    /* === prize === */
    .prize__area {
        margin: 30px auto;
        letter-spacing: 1px;
        font-weight: 600;
    }

    .prize__area .prize__area--ttl {
        font-size: clamp(25px, 1.75vw, 30px);
        color: #b00c0b;
        font-weight: 700;
    }

    .prize--detail img {
        max-width: 225px;
        width: 100%;
        padding: 25px 0;
    }

    .prize--detail p {
        font-size: clamp(16px, 1.75vw, 23px);
    }

    .prize--detail p span {
        font-size: clamp(14px, 1.15vw, 20px);
    }

    @media screen and (max-width:768px) {

        .prize--detail img {
            padding: 15px 0;
        }

    }

    /* === entry === */
    .entry--content {
        max-width: 1000px;
        margin: auto;
        /* padding: 10px; */
        font-size: clamp(17px, 1.25vw, 25px);
    }

    .entry--content p.entry--content__txt {
        letter-spacing: 1px;
        font-weight: 600;
        font-size: clamp(16px, 1.25vw, 21px);
        margin-bottom: 5px;
    }

    .entry--form__area {
        background: #fff;
        color: #454545;
        padding: 0 15px 15px;
        border: 2px solid #999;
        border-radius: 2px;
    }

    .entry--form__area.stamp5time {
        border: none;
        padding: 0 0 15px;
    }

    .entry--form__area .entry--form__ttl {
        /* padding: 5px; */
        color: #a83f17;
        font-weight: 800;
        font-size: 22px;
        margin: 10px auto 5px;
    }

    .entry--form__area .bfb-element-control {
        font-size: 14px;
    }

    .entry--form__area .bfb-element .bfb-choices-item {
        padding-right: 0;
    }

    .entry--form__area #btn_entry {
        margin-top: -10px;
    }

    .entry--form__area.stamp5time #btn_entry {
        margin-top: 0;
    }

    .entry--form__area .successMsg p {
        letter-spacing: 1px;
        margin-bottom: 10px;
        color: #454545;
    }

    .entry--form__area .successMsg p.thanksTxt {
        font-size: 17px;
        line-height: 1.7;
        margin-bottom: 15px;
        font-weight: 600;
    }

    .entry--form__area .successMsg p.thanksTxt span {
        font-size: 30px;
        background: linear-gradient(transparent 75%, #e9655f 65%);
        font-weight: 700;
    }

    .entry--form__area .successMsg p.about5time {
        font-size: 14px;
        line-height: 1.6;
        font-weight: 500;
    }

    .entry--form__area .successMsg p.about5time span {
        font-weight: 700;
        font-size: 16px;
        color: #a83f17;
    }

    .entry--form__area .successMsg p.cp--period {
        font-size: clamp(18px, 1.75vw, 23px);
    }

    .entry--form__area .successMsg a.stampBtn,
    .entry--form__area .successMsg p.stampBtn {
        display: inline-block;
        background: #a87717;
        max-width: 550px;
        margin: auto;
        padding: 15px 30px;
        border-radius: 35px;
        font-weight: 700;
        letter-spacing: 2px;
        font-size: clamp(20px, 1.75vw, 28px);
    }

    .entry--form__area .successMsg a.stampBtn p,
    .entry--form__area .successMsg p.stampBtn {
        margin-bottom: 0;
        color: #fff;
    }

    .entry--form__area .bfb-form-success .bfb-form-success-content {
        padding: 20px 0;
    }

    .entry--content .cp--period {
        padding-top: 0;
    }

    .entry--content .cp--period span {
        color: #b00c0b;
        font-weight: 700;
    }

    .entry--content .attention {
        color: #454545;
        font-weight: 500;
    }

    /* === entry - detail === */
    .entry-content_tap {
        align-items: center;
        display: flex;
        position: relative;
        padding: 20px 0;
        text-align: center;
        justify-content: center;
        letter-spacing: 1px;
        font-weight: 600;
    }

    .icon_circle {
        background: #fff;
        border-radius: 50%;
        display: block;
        width: 33px;
        height: 33px;
        position: relative;
        margin-right: 10px;
    }

    .icon_circle::after {
        background-color: #b00c0b;
        content: "";
        display: block;
        width: 20px;
        height: 4px;
        position: absolute;
        top: 15px;
        right: 0;
        left: 0;
        margin: auto;
        transform: rotate(90deg);
        transition: transform .2s ease-in-out;
    }

    .entry-content__cpDetails,
    .entry-content__howToParticipate,
    .entry-content__5times {
        margin-top: 30px;
    }

    .entry-content__cpDetails[open] .icon_circle::after,
    .entry-content__howToParticipate[open] .icon_circle::after,
    .entry-content__5times[open] .icon_circle::after {
        transform: rotate(180deg);
    }

    .icon_circle::before {
        background-color: #b00c0b;
        content: "";
        display: block;
        width: 20px;
        height: 4px;
        position: absolute;
        top: 15px;
        right: 0;
        left: 0;
        margin: auto;
    }

    .entry-content__cpDetails .entry-content__box {
        text-align: left;
        font-size: clamp(16px, 1.35vw, 20px);
    }

    .entry-content__howToParticipate.entry-content__box,
    .entry-content__5times.entry-content__box {
        margin: 50px auto;
        text-align: center;
        font-size: clamp(14px, 1.35vw, 20px);
        line-height: 1.65;
    }

    .entry-content__howToParticipate.entry-content__box strong,
    .entry-content__5times.entry-content__box strong {
        font-size: clamp(19px, 1.75vw, 25px);
        font-weight: 700;
    }

    .entry-content__box {
        background-color: rgba(171, 171, 171, .1);
        padding: 50px;
        margin: auto;
        max-width: 1000px;
    }

    .entry-content__box dl {
        padding-bottom: 30px;
        margin-bottom: 0;
    }

    .entry-content__box dl dt {
        font-size: clamp(17px, 1.25vw, 22px);
        font-weight: bold;
        padding-bottom: 5px;
    }

    .entry-content__box dl dd {
        line-height: 1.8;
    }

    .entry-content__box dl dd ul li span {
        font-size: clamp(13px, 1.0vw, 16px);
    }

    .entry-content__howToParticipate.entry-content__box p.intro--txt,
    .entry-content__5times.entry-content__box p.intro--txt {
        margin: auto auto 30px;
        font-size: clamp(15px, 1.35vw, 20px);
    }

    .entry-content__howToParticipate.entry-content__box .procedure,
    .entry-content__5times.entry-content__box .procedure {
        margin: 30px auto 0;
    }

    .entry-content__howToParticipate.entry-content__box .procedure img,
    .entry-content__5times.entry-content__box .procedure img {
        margin: 15px auto;
    }

    @media screen and (max-width:820px) {}

    @media screen and (max-width:768px) {}

    @media screen and (max-width:767px) {

        .entry-content__cpDetails,
        .entry-content__howToParticipate,
        .entry-content__5times {
            margin-top: 15px;
        }

        .entry-content__box {
            padding: 15px;
            margin: auto;
            max-width: 95%;
        }

        .entry-content__howToParticipate.entry-content__box, .entry-content__5times.entry-content__box {
            text-align: left;
        }

        .entry-content__box dl {
            padding-bottom: 20px;
        }

        .entry-content__box dl:last-of-type {
            padding-bottom: 0;
        }

        .entry-content__box dl dd ul:last-of-type,
        .entry-content__box dl dd ul li:last-of-type {
            margin-bottom: 0;
        }

        .entry-content__box dl dt {
            padding-bottom: 0;
        }

        .entry-content__box dl dd {
            padding-bottom: 5px;
            line-height: 1.4;
        }

        .entry-content__howToParticipate.entry-content__box p.intro--txt,
        .entry-content__5times.entry-content__box p.intro--txt {
            margin: auto auto 15px;
            padding-top: 0;
        }

        .entry-content__5times.entry-content__box .procedure img {
            margin: 15px auto 5px;
        }

    }