@charset "UTF-8";

.top-section,
.product,
.content-block {
    margin: 0;
    padding: 0;
    font-family:
        "M PLUS Rounded 1c",
        "Noto Sans JP",
        "Noto Serif JP",
        sans-serif;
    font-optical-sizing: auto;
}

.top-section p {
    font-size: clamp(1rem, 1rem + 1vw, 1.2rem);
}

.main_cate_link_nolink {
    font-size: clamp(0.8rem, 1rem + 1vw, 1.8rem);
    font-weight: 900;
}

.cmn-btn {
    font-size: clamp(0.8rem, 1rem + 1vw, 1.4rem);
    font-weight: 900;
}


.top-section {
    display: block;
    max-width: 100%;
    margin-bottom: 1.6rem;
}

.top-section p {
    text-align: left;
    max-width: 100%;
    padding-left: 6%;
    padding-right: 6%;
    margin: 1.8rem 0 0 0;
}

.pckv,
.spkv {
    display: block;
    max-width: 100%;
    height: auto;
}


.pckv {
    display: none;
}

.spkv {
    display: flex;
}


@media screen and (min-width: 768px) {
    .pckv {
        display: flex;
    }

    .spkv {
        display: none;
    }
}



.content-block {
    max-width: 100%;
    padding: 0 16px;
    margin-bottom: 30px;
}

.section-wrapper {
    background-color: #FFF;
    max-width: 100%;
    margin: 0;
    padding-bottom: 10px;
    overflow: hidden;
    border-width: 2px;
    border-color: #FFA82E;
    border-style: solid;
    border-radius: 10px;

}


.main_cate_link_nolink {
    max-width: 100%;
    margin: 0 auto 1em;
    padding: 0.8em 0;
    background-color: #FFA82E;
    color: #333333;
    text-align: center;
}


.cmn-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 280px;
    height: 54px;
    margin: 30px auto;
    padding: 1px 12px 0 0;
    text-align: center;
    background-color: rgb(93, 221, 210);
    color: #333333;
    font-weight: 900;
    border-radius: 80px;
    position: relative;
    text-decoration: none;

}

.cmn-btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: 22px;
    bottom: 1px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-45deg);
}



.block-top-event--goods {
    max-width: 100%;
    background-color: #FFF;
    padding: 10px;
    margin: 10px 20px;
}



.block-top-event--goods .block-thumbnail-t {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
}



.block-thumbnail-t--goods {
    max-width: 100%;
    width: calc(50% - 5px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0.6em 0.4em;
}


.block-thumbnail-t--goods:nth-child(n+5) {
    display: none;
}



@media screen and (min-width: 768px) {
    .block-top-event--goods .block-thumbnail-t {
        flex-wrap: nowrap;
    }

    .block-thumbnail-t--goods {
        flex: 1 1 25%;
        width: auto;
        max-width: none;
    }
}