body {
    background: none !important;
    padding-top: 61px;
}

#header .navbar-nav.navbar-right >li:last-child {
    border: none;
}

.header-nav-sp {
    display: block;
}

.reason__header {
    border-block-end: var(--5px) solid #f3c4e6;
    padding-block: var(--10px);
    padding-inline: var(--20px);
    display: flex
;
    justify-self: center;
}

.reason__header-text {
    text-align: center;
    font-weight: 700;
    font-size: var(--20px);
    line-height: 1.362;
    color: #666;
}

.reason__description {
    margin-block-start: var(--20px);
    font-size: var(--14px);
    line-height: var(--24px);
    color: #666;
}

@media screen and (min-width: 768px) {
    .header-nav-sp {
        display: none;
    }

    .reason__header-text {
        font-size: var(--28px);
        line-height: 1.362;
    }

    .reason__description {
        padding-inline: var(--20px);
        text-align: center;
        font-size: var(--20px);
        line-height: 1.362;
    }
}

.ka-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e2e2e2;
    background: white;
    z-index: 1050;
}

.navbar-brand .navbar-logo {
    margin-left: 20px;
}

.cd1 .cdcif .cdcif2 .cdice {
    font-size: 1em;
    line-height: 1.5em;
}

.cdicf.reward {
    display: none;
}

.cd.locked .collab-progress-bar > div {
    background-color: #a8a8a8 !important;
}

.cd.locked .cdmsk {
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 768px) {
    #header .navbar-logo {
        width: 140px !important;
    }

    #header .navbar-brand>div {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 52px;
    }

    #header> .navbar ul {
        font-size: 16px;
        line-height: 52px;
        max-height: 52px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}
#footer {
    padding: 10px;
    background: #CE38A8;
    margin-top: 10px;
    text-align: center;
    color: white;
    font-weight: 400;
}

#footer .col-md-12 {
  display: flex;
  justify-content: center;
}

#footer .pull-right {
  width: 100%;
}

/*2024/11/15*/
.footer {
    padding: var(--20px);
    background-color: #d72aa6
}

#footer ol, #footer ul, #footer menu, #footer summary {
    list-style: none;
}

.footer__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: var(--30px)
}

@media screen and (min-width: 768px) {
    .footer__header {
        flex-direction:initial;
        column-gap: var(--30px);
        row-gap: initial;
    }
}

.footer__header-text {
    font-weight: 700;
    font-size: var(--16px);
    line-height: var(--30px);
    text-align: center;
    color: #fff
}

@media screen and (min-width: 768px) {
    .footer__header-text {
        font-size:var(--20px);
        line-height: var(--30px)
    }
}

.footer__logo {
    height: calc(.5rem + 16.4266vw);
    object-fit: contain
}

@media screen and (min-width: 768px) {
    .footer__logo {
        height:calc(.5rem + 7.5vw)
    }
}

.footer__nav {
    margin-block-start:var(--20px);display: flex;
    justify-content: center
}

.footer__nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (min-width: 768px) {
    .footer__nav-list {
        flex-wrap:nowrap;
        justify-content: initial
    }
}

.footer__nav-item {
    border-inline-end:var(--1px) solid white;padding-inline: var(--10px)
}

.footer__nav-item:hover {
    opacity: var(--hover-opacity)
}

.footer__nav-link {
    font-weight: 500;
    font-size: var(--16px);
    line-height: var(--26px);
    text-align: center;
    color: #fff
}

.footer__nav-link[target=_blank]:after {
    content: "";
    margin-inline-start:var(--4px);display: inline-block;
    height: var(--15px);
    width: var(--15px);
    background-image: url(../../img/axelbuzz/lp/icon__link-external.svg);
    background-repeat: no-repeat
}

.footer__copyright {
    margin-block-start:var(--10px);font-weight: 500;
    font-size: var(--16px);
    line-height: var(--26px);
    text-align: center;
    color: #fff
}

@media screen and (min-width: 768px) {
    :root {
        --1px: .069vw;
        --2px: .1388vw;
        --3px: .208vw;
        --4px: .2777vw;
        --5px: .347vw;
        --6px: .4166vw;
        --8px: .5555vw;
        --10px: calc(.5rem + .1388vw);
        --12px: calc(.5rem + .2777vw);
        --14px: calc(.5rem + .4166vw);
        --15px: calc(.5rem + .4861vw);
        --16px: calc(.5rem + .5555vw);
        --18px: calc(.5rem + .6944vw);
        --20px: calc(.5rem + .833vw);
        --24px: calc(.5rem + 1.111vw);
        --26px: calc(.5rem + 1.25vw);
        --28px: calc(.5rem + 1.3888vw);
        --30px: calc(.5rem + 1.5277vw);
        --32px: calc(.5rem + 1.6666vw);
        --34px: calc(.5rem + 1.8055vw);
        --35px: calc(.5rem + 1.875vw);
        --36px: calc(.5rem + 1.9444vw);
        --37px: calc(.5rem + 2.0138vw);
        --40px: calc(.5rem + 2.222vw);
        --46px: calc(.5rem + 2.6388vw);
        --48px: calc(.5rem + 2.7777vw);
        --50px: calc(.5rem + 2.9166vw);
        --60px: calc(.5rem + 3.611vw);
        --70px: calc(.5rem + 4.3055vw);
        --80px: calc(.5rem + 5vw);
        --90px: calc(.5rem + 5.6944vw);
        --100px: calc(.5rem + 6.3888vw);
        --200px: calc(.5rem + 13.333vw);
    }
}