@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');

:root {
    --box-shadow: 0 0.04rem 0 rgba(0, 0, 0, 0.25);
    --font-mplus: 'M PLUS Rounded 1c', sans-serif;
}


/* ----------------------------------- */
/* -- Project                       -- */
/* ----------------------------------- */

/* -- shinkansen */
.p-event-shinkansen__wallpaper {
    position: relative;
}

.p-event-shinkansen__wallpaper::before {
    content: "";
    position: absolute;
    background-image: url(../images/p-event-shinkansen__wallpaper.png);
    width: 0.63rem;
    height: 0.56rem;
    background-size: cover;
    background-position: center;
    right: 0.15rem;
    top: -0.14rem;
}

.p-event-shinkansen__certificate {
    position: relative;
}
.p-event-shinkansen__certificate::before {
    content: "";
    position: absolute;
    background-image: url(../images/p-event-shinkansen__certificate.png);
    width: 0.55rem;
    height: 0.57rem;
    background-size: cover;
    background-position: center;
    left: 0.15rem;
    top: -0.13rem;
}

/* -- stamp */
.p-event-stamp__stamp {
    padding-bottom: 0.32rem;
}
.p-event-stamp__stamp .c-card--secondary {
    margin-block: 0.2rem;
}
.p-event-stamp__stamp .c-card--secondary__title{
    width: 2.3rem;
    top: -0.14rem;
}
.p-event-stamp__stamp .c-list--stamp__item-icon-wrapper {
    width: 0.9rem;
    height: 0.9rem;
    background-color: var(--event-color-white);
}
.p-event-stamp__stamp .c-list--stamp__item-text {
    font-size: 0.10rem;
    line-height: 0.13rem;
    padding-top: 0.084rem;
    padding-bottom: 0;
    letter-spacing: 0;
}

.p-event-stamp__completed .c-card__title {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0.1rem;
}
.p-event-stamp__completed .c-card__text {
    font-size: 0.17rem;
    line-height: 0.22rem;
    padding-bottom: 0.24rem;
}
.p-event-stamp__completed .c-card__image {
    width: 1.54rem;
    margin: 0 auto;
    padding-bottom: 0.22rem;
}
.p-event-stamp__completed .c-btn--primary {
    font-size: 0.18rem;
    line-height: 0.24rem;
    margin-bottom: 0.11rem;
}


/* ----------------------------------- */
/* -- Component                     -- */
/* ----------------------------------- */

/* -- text */
.c-text--lead {
    font-family: var(--font-mplus);
    color: var(--event-color-gray);
}

.c-text--primary {
    font-family: var(--font-mplus);
}
.c-text--secondary {
    font-family: var(--font-mplus);
}

/* -- btn */
.c-btn--primary {
    background-color: var(--event-color-primary);
    color: var(--event-color-white);
    box-shadow: var(--box-shadow);
}
.c-btn--primary.c-btn--sm {
    box-shadow: none;
}
.c-btn--primary.is-disabled {
    background-color: var(--event-color-gray3);
    color: var(--event-color-gray4);
}

.c-btn--outline {
    background-color: var(--event-color-white);
    color: var(--event-color-secondary);
    border-color: var(--event-color-secondary);
}

/* -- card */
.c-card__title {
    font-family: var(--font-mplus);
}
.c-card__text {
    font-family: var(--font-mplus);
}