/* ------------------------------------------------------ */
/* cp_present2020408_pc.css */
/* ------------------------------------------------------ */
.page-content {
    overflow-x: hidden;
}

div#wrapper {
    width: 100%;
    padding: 0;
}

.content_section_incentive_program_list .list-cards {
    justify-content: center;
}
.content_section_incentive_program_list .list-cards > li {
    width: calc(26% - 24px);
}

/* unique
--------------------------------------------------------- */
.block-mainvisual h1 {
    width: 1180px;
    margin: 0 0 8px -50px;
}

.template_cp {
    /* block
  --------------------------------------------------------- */
    /* list
  --------------------------------------------------------- */
}
.template_cp.header {
    margin-bottom: 0;
}
.template_cp .block-mainvisual .cp_list_note {
    width: 1080px;
    margin: 0 auto;
    font-size: 12px;
}
.template_cp .block-integration-cp-guide {
    position: relative;
    z-index: 1;
}
.template_cp .block-integration-cp-guide::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    min-width: 1224px;
    height: calc(100% - 40px);
    background: #fffed1;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-catchphrase {
    font-size: 20px;
    font-weight: bold;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-note {
    margin-bottom: 32px;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-lead {
    margin-bottom: 24px;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-lead-main {
    color: #c40404;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-content {
    padding: 0 0 40px 0;
    background: none;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-list {
    width: auto;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-title {
    display: inline-block;
    position: relative;
    margin-bottom: 16px;
    padding: 0 32px;
    color: #22721d;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-title::before,
.template_cp .block-integration-cp-guide .integration-cp-guide-type-title::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-title::before {
    left: 0;
    background-image: url("../images/img_decoration_left_green.png");
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-title::after {
    right: 0;
    background-image: url("../images/img_decoration_right_green.png");
}
.template_cp .block-integration-cp-guide .integration-cp-guide-title {
    margin-bottom: 24px;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-title img {
    width: auto;
    max-width: 100%;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-example {
    margin: 48px 0;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-image {
    margin: 48px 0;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 50%;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type.app .integration-cp-guide-type-title {
    color: #3a548f;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type.app .integration-cp-guide-type-title::before {
    background-image: url("../images/img_decoration_left_blue.png");
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type.app .integration-cp-guide-type-title::after {
    background-image: url("../images/img_decoration_right_blue.png");
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-wrapper {
    display: flex;
    justify-content: center;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-wrapper.exists_two .integration-cp-guide-type {
    position: relative;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-wrapper.exists_two .integration-cp-guide-type:first-child::after {
    content: "+";
    position: absolute;
    top: 184px;
    right: 0;
    transform: translate(50%, -50%);
    font-size: 64px;
    line-height: 1;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-wrapper.exists_three {
    gap: 0 64px;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-wrapper.exists_three .integration-cp-guide-type {
    width: 100%;
}
.template_cp .block-integration-cp-guide .integration-cp-guide-type-wrapper.exists_three .integration-cp-guide-type.certainly .integration-cp-guide-list > li::before {
    content: "+";
    position: absolute;
    top: 90px;
    right: -66px;
    left: auto;
    transform: none;
    font-size: 64px;
    line-height: 1;
}
.template_cp .block-campaign-featured .campaign-featured-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.template_cp .block-campaign-featured .campaign-featured-list li {
    width: 516px;
}
.template_cp .block-campaign-featured .campaign-featured-image {
    margin-bottom: 16px;
}
.template_cp .block-campaign-featured .campaign-featured-image a:hover {
    opacity: .8;
}
.template_cp .block-campaign-featured .campaign-featured-title {
    margin-bottom: 16px;
}
.template_cp .block-campaign-featured .campaign-featured-title a {
    margin-bottom: 18px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
.template_cp .block-video {
    position: relative;
    width: 900px;
    margin: 0 auto;
}
.template_cp .block-video-inner {
    width: 100%;
    padding-top: 56.25%;
}
.template_cp .block-video iframe {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.template_cp .block-video iframe.is-show {
    display: block;
}
.template_cp .block-campaign-cm {
    box-sizing: border-box;
    margin-bottom: 72px;
    border: 1px solid #707070;
    background: #efefef;
}
.template_cp .block-campaign-cm h2 {
    width: 100%;
    margin: 0 0 42px;
    padding: 24px 0;
    border-bottom: 1px solid #707070;
    background: #244378 url("../images/img_alpaca_campaign_cm.png?202311091200") no-repeat 85px bottom;
    color: #fff;
    font-size: 34px;
    line-height: 1.2;
    text-align: center;
}
.template_cp .block-campaign-cm h2::after {
    content: none;
}
.template_cp .block-campaign-cm .campaign-cm-content {
    padding-bottom: 40px;
}
.template_cp .block-campaign-cm .campaign-cm-content h3 {
    margin-bottom: 20px;
    color: #000;
    font-size: 28px;
    text-align: center;
}
.template_cp .block-campaign-cm .campaign-cm-content .text-lead {
    margin-bottom: 24px;
    color: #000;
    font-size: 16px;
    text-align: center;
}
.template_cp .block-campaign-cm .campaign-cm-content p {
    color: #000;
    font-size: 14px;
}
.template_cp .block-campaign-cm .campaign-cm-media {
    margin-bottom: 40px;
}
.template_cp .block-campaign-cm .campaign-cm-character {
    display: flex;
    width: 900px;
    margin: auto;
    padding: 24px 0 24px 24px;
    background: #fff;
}
.template_cp .block-campaign-cm .campaign-cm-character-image {
    width: 152px;
    height: 152px;
    margin-right: 20px;
}
.template_cp .block-campaign-cm .campaign-cm-character .cm-character-name {
    margin-bottom: 8px;
    color: #244378;
    font-size: 16px;
    font-weight: bold;
}
.template_cp .block-entry-website {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px 48px;
    padding: 16px 32px;
    background-image: url("../images/bg_entry_website.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}
.template_cp .block-entry-website .entry-website-cp-end {
    margin-bottom: 8px;
    color: #c40404;
    text-align: center;
}
.template_cp .block-entry-website .entry-website-lead {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.template_cp .block-entry-website .entry-website-lead span {
    color: #ff0060;
}
.template_cp .block-entry-website .entry-website-lead sup {
    position: relative;
    top: -8px;
    left: -16px;
    font-size: 12px;
}
.template_cp .block-entry-website .entry-website-links {
    display: flex;
    gap: 40px;
}
.template_cp .block-entry-website .entry-website-links > li {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 8px 16px;
}
.template_cp .block-entry-website .entry-website-links-qr {
    grid-column: 1/2;
    grid-row: 1/3;
}
.template_cp .block-entry-website .entry-website-links-text {
    padding-top: 8px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
.template_cp .block-entry-website .entry-website-links-button {
    padding-bottom: 8px;
}
.template_cp .block-entry-website .entry-website-links-button:hover {
    opacity: .8;
}
.template_cp .block-entry-website .entry-website-links-button img {
    width: auto;
    height: 56px;
}
.template_cp .block-entry-website .entry-website-links-button:after {
    content: none;
}
.template_cp .block-coin-exchange {
    width: 1180px;
    margin: 0 0 8px -50px;
}
.template_cp .block-other-campaign-conductor {
    width: 840px;
    margin: auto;
    padding: 18px 24px;
    border-top: 6px solid #f6b60b;
    border-bottom: 6px solid #f6b60b;
    background: #fff;
}
.template_cp .block-other-campaign-conductor .other-campaign-conductor-title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: bold;
}
.template_cp .block-other-campaign-conductor .other-campaign-conductor-title-main {
    font-size: 24px;
}
.template_cp .block-other-campaign-conductor .other-campaign-conductor-link {
    display: block;
    position: relative;
    width: fit-content;
    margin: 0 auto 8px;
    transition: opacity .3s;
}
.template_cp .block-other-campaign-conductor .other-campaign-conductor-link:hover {
    opacity: .7;
}
.template_cp .block-other-campaign-conductor .other-campaign-conductor-link.disable {
    pointer-events: none;
}
.template_cp .block-other-campaign-conductor .other-campaign-conductor-link > span {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.template_cp .block-simultaneous-cp-banner .simultaneous-cp-banner-text {
    margin-top: 32px;
    font-size: 18px;
    font-weight: bold;
}
.template_cp .block-header-campaign-appeal {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1180px;
    height: 40px;
    margin: 0 0 8px -50px;
    background: #123366;
    color: #ff77c9;
    text-decoration: none;
    transition: opacity .3s;
}
.template_cp .block-header-campaign-appeal:hover {
    opacity: .7;
}
.template_cp .block-header-campaign-appeal .header-campaign-appeal-limit {
    margin-right: 16px;
    padding: 8px 16px;
    border-radius: 100vw;
    background: #ff77c9;
    color: #fff;
    font-size: 14px;
    line-height: 1;
}
.template_cp .list-other-campaign-banner {
    display: flex;
    justify-content: center;
    gap: 56px;
}
.template_cp .list-other-campaign-banner > li {
    width: 300px;
}
.template_cp .list-other-campaign-banner .other-campaign-banner-link {
    display: block;
    transition: opacity .3s;
}
.template_cp .list-other-campaign-banner .other-campaign-banner-link:hover {
    opacity: .7;
}