@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

/* ========== color ========== */
/* ----- color-ponta (CP Orange) ----- */
body.color-ponta .cpn-heading-01 span,
body.color-ponta .cpn-step-02 .heading-main h2 span,
body.color-ponta .cpn-step-02 .heading-main h3 span,
body.color-ponta .cpn-step-02 .heading-main h4 span,
body.color-ponta .cpn-step-02 .heading-main h5 span {
	background-color: #f84f0d;
	box-shadow: 12px 0 0 #f84f0d,-12px 0 0 #f84f0d;
}

body.color-ponta .cpn-step-05 > .step {
	border-color: #f84f0d;
}

body.color-ponta .cpn-heading-02 h3,
body.color-ponta .cpn-text-01,
body.color-ponta .cpn-step-04 .step-heading > .step-num,
body.color-ponta .cpn-step-05 .step-heading > .step-num {
	color: #f84f0d;
}

body.color-ponta .cpn-step-02 .contents .step .inner,
body.color-ponta .cpn-step-04,
body.color-ponta .cpn-step-04 > .step {
	border-color: #eece80;
}

body.color-ponta .cpn-relatedLinks-01,
body.color-ponta .cpn-step-04 .step-heading > .step-num {
	background-color: #fdeecb;
}

.c-steps-ponta.c-steps-04 .step-heading > .step-num {
    background: #f84f0d;
    color: #fff;
}

/* ========== alertBlock ========== */
.c-alertBlock-01.c-alertBlock-ponta {
    border: none;
    border-radius: 20px;
}
@media only screen and (max-width: 640px) {
    .c-alertBlock-01.c-alertBlock-ponta {
        border-radius: 10px;
    }
}

/* ========== infoBlock ========== */
.c-alertBlock-01.c-infoBlock-ponta {
    background-color: #f8d198;
    border: none;
    border-radius: 20px;
}
@media only screen and (max-width: 640px) {
    .c-alertBlock-01.c-infoBlock-ponta {
        border-radius: 10px;
    }
}

/* ========== c-btn-mail ========== */
a.c-btn-account.c-btn-mail::before {
  background-image: url(/assets/img/icon_mail_01.png)
}