@charset "UTF-8";
/* =======================================

    cp.css

========================================== */

section.wakucp {
    background: #EBD478;
    background: radial-gradient(circle farthest-corner at center center, #EBD478 0%, #F8F2DA 100%);
}
.note.underfv {
    padding: 0.5em;
    text-align: center;
    margin: 0 auto;
    display: table;
}
.wakucp-last .note.underfv {
    display: none;
}
.wakucp-last .wakucp {
    padding-block-end: 30%;
}
section.wakucp .box,
section.wakucp .more {
    background: white;
    border-radius: 10px;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
}
section.wakucp .box {    
    padding: 15px; 
    margin: 0 auto 30px auto;   
    position: relative;    
}
section.wakucp .box picture {
    margin: -40px auto 10px auto;
}
section.wakucp .box:after {
    content: "";
    display: table;
    width:0;
    height:0;
    border-style:solid;
    border-width: 15px 24px 0 24px;
    border-color: #FFFFFF transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
}
section.wakucp .titlebg {
    background: url(/ladies/lp_ad/evepremier_tiara/cp/images/wakucp_headerbg_sp.png) top center / 100% auto no-repeat;
}
section.wakucp h2 {
    display: table;
    margin: 0 auto;
}
section.wakucp .more {
    position: relative;
    margin: 70px auto 10px auto
}
section.wakucp .more .bg {
    opacity: 0;
}
section.wakucp .more picture {
    position: absolute;
    bottom: 0;
}
section.wakucp .more-note {
    display: block;
}

/* タブレット以上 */
@media (min-width: 768px) {
    .wakucp-last .wakucp {
        padding-block-end: 60px;
    }
    .note.underfv {
        padding: 1em;
        text-align: right;
        margin: 0 0 0 auto;
    }
    section.wakucp .titlebg {
        background: url(/ladies/lp_ad/evepremier_tiara/cp/images/wakucp_headerbg_pc.png) top center / 100% auto no-repeat;
    }
    section.wakucp .box {
        padding: 20px 40px 0 40px;
        margin: 0 auto 60px auto;
    }
    section.wakucp .box picture {
        margin: 0 auto 10px auto;
    }
    section.wakucp .box:after {
        bottom: -20px;
        border-width: 20px 50px 0 50px;
    }
    section.wakucp .box,
    section.wakucp .more {
        border-radius: 15px;
    }
    section.wakucp .more {
    }
    .cta-inner {
        background: url(/ladies/lp_ad/evepremier_tiara/cp/images/wakucp_footer_bg_pc.png) top center / 100% 100% repeat-x;
        padding: 0 5%;
        margin: 30px auto 0 auto;
    }   
    section.wakucp .more-note {
        display: none;
    } 
}

/* PC以上 */
@media (min-width: 1025px) {
    section.wakucp .box {
        padding: 27px 46px 0 46px;
        margin: 0 auto 80px auto;
    }
    section.wakucp .box:after {
        bottom: -24px;
        border-width: 25px 60px 0 60px;
    }
}