/* BASIC css start */
.main-banner-wrap .main-banner {
    padding: 0 80px;
}

.main-banner-wrap .main-banner img {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.header-container--md {
    display: none !important;
}

.section-wrap .title-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2px;
    margin-bottom: 40px;
}

.section-wrap .title-wrap .flex-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-wrap .title-wrap .flex-box .sub-title {
    color: #4C4C4A;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px; /* 118.75% */
    letter-spacing: -0.32px;
}

.section-wrap .title-wrap .btn-link {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #4C4C4A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}

.section-wrap .title-wrap .btn-link::after {
    content: '';
    width: 18px;
    height: 18px;
    background: url('/design/bikibiki/renewal/images/icon_main_link.svg') no-repeat center;
    background-size: cover;
}

.section-wrap .title-wrap.center {
    align-items: center;
}

.section-wrap .title-wrap .title {
    color: #151515;
    font-family: "Rozha One";
    font-size: 48px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.96px;
}

.section-wrap.collections {
    padding: 160px 0;
}

.section-wrap.collections .list-wrap {
    display: flex;
    gap: 16px;
}

.section-wrap.collections .list-wrap .img-wrap {
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 12px;
}

.section-wrap.collections .list-wrap .img-wrap img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.section-wrap.collections .list-wrap .title {
    display: block;
    margin-bottom: 4px;
    color: #151515;
    font-family: "Rozha One";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
}

.section-wrap.collections .list-wrap .sub-title {
    color: #4C4C4C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px; /* 118.75% */
    letter-spacing: -0.32px;
}

.section-wrap.best {
    padding: 52px 0;
    background: #EFE9DC;
}

.section-wrap.best .title-wrap {
    margin-bottom: 24px;
}

.section-wrap.best .best-controller {
    margin-bottom: 24px;
}

.section-wrap.best a > .img-wrap {
    position: relative;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    max-height: 468px;
}

.section-wrap.best a > .img-wrap .prd-wish {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
}

.section-wrap.best a > .img-wrap .prd-wish button {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.section-wrap.best a > .img-wrap .prd-wish .my-wish-list {
    display: block;
    width: 35px;
    height: 35px;
    background: url('/design/bikibiki/renewal/images/icon_wish.svg') no-repeat center;
}

.section-wrap.best a > .img-wrap .prd-wish .my-wish-list.wish-on {
    background: url('/design/bikibiki/renewal/images/icon_wish_active.svg') no-repeat center;
}

.section-wrap.best .img-wrap img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.section-wrap.best .bottom-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 0 0 12px 12px;
    background: #FFF;
    padding: 8px;
    padding: 12px 8px;
}

.section-wrap.best .bottom-wrap .img-wrap {
    min-width: 56px;
    width: 56px;
    aspect-ratio: 1 / 1;
    border-radius: 4px;
    overflow: hidden;
}

.section-wrap.best .bottom-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.section-wrap.best .bottom-wrap .right {
    flex: 1;
    width: calc(100% - 64px);
}

.section-wrap.best .bottom-wrap .title {
    color: #151515;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px; /* 105.556% */
    letter-spacing: -0.36px;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-wrap.best .bottom-wrap .price-wrap {
    color: #151515;
    font-size: 20px;
    font-weight: 700;
    line-height: 19px; /* 95% */
    letter-spacing: -0.4px;
}

.section-wrap.best .bottom-wrap .price-wrap .price .dc_per {
    color: #FA5500;
}

.section-wrap.best .bottom-wrap .price-wrap .price .consumer {
    font-size: 16px;
    color: #999999;
    text-decoration: line-through;
}

.section-wrap.best .best-swiper .swiper-slide {
    padding-bottom: 72px;
}



.section-wrap.video {
    padding: 160px 0 80px;
}

.section-wrap.video .video-wrap {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 720px;
    display:flex;
    align-items: center;
}

.section-wrap.video .video-wrap iframe, .section-wrap.video .video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-wrap.video .video-wrap .title {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    color: #FFF;
    font-family: "Rozha One";
    font-size: 48px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.96px;
}

.section-wrap.gallery {
    padding: 80px 0 ;
}

.section-wrap.gallery .title-wrap {
    margin-bottom: 20px;
}

.section-wrap.gallery .gallery-wrap {
    display: flex;
    gap: 32px;
    align-items: flex-end;
    padding-bottom: 64px;
}

.section-wrap.gallery .gallery-wrap .item {
    flex: 1;
}

.section-wrap.gallery .gallery-wrap .gallery-banner img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.section-wrap.gallery .gallery-wrap .gallery-banner .img-wrap {
    display: block;
    border-radius:20px;
    overflow: hidden;
}

.section-wrap.gallery .swiper-wrapper {
    align-items: flex-end;
}

.section-wrap.gallery .swiper-slide {
    box-sizing: border-box;
    --lead-width: 48%;
    width: calc((100% - 32px) / 4);
    padding-right: 16px;
}

.section-wrap.gallery .swiper-slide:not(:nth-child(4n+1)) {
    width: calc((100% - var(--lead-width) - 31px) / 3);
}

.section-wrap.gallery .swiper-slide:nth-child(4n+1) {
    width: var(--lead-width);
    max-width: 768px;
    margin-right: 32px;
    padding-right: 0;
}

.section-wrap.gallery .swiper-slide:nth-child(4n+1) .list-wrap, .section-wrap.gallery .swiper-slide:not(:nth-child(4n+1)) .gallery-banner {
    display: none;
}

.section-wrap.rashguard {
    padding: 80px 0;
}

.section-wrap.rashguard .title-wrap {
    margin-bottom: 36px;
}

.section-wrap.rashguard .prds-list {
    flex-wrap: wrap;
    gap: 28px 16px;
}

.section-wrap.rashguard .prds-list .prds--image {
    max-height: 540px;
}

.section-wrap.rashguard .prds--subname, .section-wrap.gallery .prds--subname {
    font-size: 14px;
    line-height: 1;
}

.section-wrap.rashguard .prds-list .prds--name, .section-wrap.gallery .prds--name {
    margin-bottom: 6px;
    font-size: 16px;
}

.section-wrap.rashguard .prds-list .price-wrap .price, .section-wrap.gallery .prds-list .price-wrap .price {
    gap: 4px;
}

.section-wrap.rashguard .prds-list .price-wrap .price .normal, .section-wrap.gallery .prds-list .price-wrap .price .normal {
    font-size: 20px;
}

.section-wrap.rashguard .prds-list .price-wrap .price .dc_per, .section-wrap.gallery .prds-list .price-wrap .price .dc_per {
    font-size: 20px;
}
.section-wrap.rashguard .prds-list .price-wrap .price  .consumer, .section-wrap.gallery .prds-list .price-wrap .price .consumer {
    font-size: 20px;
}


.section-wrap.rashguard .prds-list .prds-list--item {
    width: calc(25% - 12px);
}

.section-wrap.rashguard .prds-list .prds-list--item:nth-child(n+5) {
    display: none;
}

@media (max-width: 976px){
    .main-banner-wrap .main-banner {
        padding: 0 84px;
    }

    .section-wrap.collections {
        padding: 60px 0;
    }

    .section-wrap .title-wrap.center {
        align-items: flex-start;
        margin-bottom: 12px;
    }

    .section-wrap .title-wrap .title {
        font-size: 32px;
        letter-spacing: -0.64px;
    }

    .section-wrap .title-wrap .btn-link {
        gap: 2px;
    }

    .section-wrap .title-wrap .btn-link::after {
        width: 10px;
        height: 10px;
    }


    .section-wrap.collections .list-wrap {
        gap: 8px;
    }

    .section-wrap.collections .list-wrap li {
        flex: 1;
    }

    .section-wrap.collections .list-wrap .img-wrap {
        margin-bottom: 16px;
        border-radius: 8px;
    }

    .section-wrap.collections .list-wrap .title {
        font-size: 20px;
        letter-spacing: -0.4px;
    }

    .section-wrap.collections .list-wrap .sub-title {
        margin-bottom: 4px;
        font-size: 14px;
        line-height: 19px; /* 135.714% */
        letter-spacing: -0.28px;
    }

    .section-wrap.best {
        padding: 28px 0;
    }

    .section-wrap.best .title-wrap {
        margin-bottom: 16px;
    }

    .section-wrap.best .best-controller {
        margin-bottom: 16px;
    }

    .section-wrap.best a > .img-wrap {
        border-radius: 8px 8px 0 0;
        max-height: 212px;
    }

    .section-wrap.best a > .img-wrap .prd-wish {
        right: 5px;
        bottom: 5px;
    }

    .section-wrap.best a > .img-wrap .prd-wish .my-wish-list {
        width: 20px;
        height: 20px;
        background-size: 16px;
    }

    .section-wrap.best a > .img-wrap .prd-wish .my-wish-list.wish-on {
        background-size: 16px;
    }

    .section-wrap.best .bottom-wrap {
        border-radius: 0 0 8px 8px;
        align-items: flex-start;
    }


    .section-wrap.best .bottom-wrap .img-wrap {
        min-width: 40px;
        width: 40px;
        height: 48px;
    }

    .section-wrap.best .bottom-wrap .title {
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: -0.24px;
        margin-bottom: 4px;
    }

    .section-wrap.best .bottom-wrap .price-wrap {
        font-size: 14px;
        font-weight: 700;
        line-height: 19px; /* 135.714% */
        letter-spacing: -0.28px;
    }

    .section-wrap.best .bottom-wrap .price-wrap .price .consumer {
        font-size: 12px;
        font-weight: 400;
    }

    .section-wrap.best .best-swiper .swiper-slide {
        padding-bottom: 0;
    }

    .section-wrap.best .swiper .controller-wrap {
        display: none;
    }

    .section-wrap .title-wrap .flex-box .sub-title {
        font-weight: 400;
        line-height: 19px; /* 118.75% */
        letter-spacing: -0.32px;
    }

    .section-wrap .title-wrap .btn-link {
        font-size: 12px;
        font-weight: 400;
        line-height: 19px; /* 158.333% */
        letter-spacing: -0.24px;
    }

    .section-wrap.video {
        padding: 60px 0 0;
    }

    .section-wrap.video .container-wrap {
        padding: 0;
    }

    .section-wrap.video .title-wrap {
        margin-bottom: 20px;
        padding: 0 40px;
    }

    .section-wrap.video .video-wrap {
        border-radius: 0;
        height: 360px;
    }

    .section-wrap.gallery .gallery-wrap {
        flex-direction: column;
        gap: 20px;
        padding-bottom: 0;
        margin-bottom: 8px;
    }

    .section-wrap.gallery .gallery-wrap:first-child {
        margin-bottom: 20px;
    }

    .section-wrap.gallery .gallery-wrap .gallery-banner {
        min-width: 0;
        max-width: 100%;
    }

    .section-wrap.gallery .swiper-slide:not(:nth-child(4n+1)) {
        width: 100%;
        padding-right: 0;
    }

    .section-wrap.gallery .swiper-wrapper {
        align-items: flex-start;
    }

    .section-wrap.gallery .swiper.only-mo {
        padding-bottom: 30px;
    }

    .section-wrap.gallery .swiper-slide:nth-child(4n+1) .list-wrap, .section-wrap.gallery .swiper-slide:not(:nth-child(4n+1)) .gallery-banner {
        display: block;
    }

    .section-wrap.gallery .swiper-slide .gallery-wrap:nth-child(3n+1) .list-wrap, .section-wrap.gallery .gallery-wrap:not(:nth-child(3n+1)) .gallery-banner {
        display: none;
    }


    .section-wrap.gallery .swiper-slide {
        padding-bottom: 24px;
    }

    .section-wrap.gallery .prds-list {
        flex-direction: column;
        gap: 8px;
    }

    .section-wrap.gallery .prds-list .prds--image {
        position: static;
        min-width: 100px;
        max-width: 100px;
        height: 100px;
    }

    .section-wrap.gallery .gallery-wrap .item {
        width: 100%;
    }

    .section-wrap.gallery .prds-list--item {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .section-wrap.gallery .swiper-slide:nth-child(4n+1) {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }



    .section-wrap.gallery .prds-list .prds--subname {
        color: #4C4C4A;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 19px; /* 135.714% */
        letter-spacing: -0.28px;
        margin: 0;
    }

    .section-wrap.gallery .prds-list .prds--name {
        color: #4C4C4A;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 19px; /* 118.75% */
        letter-spacing: -0.32px;
    }

    .section-wrap.gallery .prds-list .price-wrap .price .normal {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 19px; /* 95% */
        letter-spacing: -0.4px;
    }

    .section-wrap.gallery .gallery-wrap .gallery-banner .img-wrap {
        border-radius: 12px;
    }

    .section-wrap.gallery .info-wrap {
        width: calc(100% - 152px);
    }

    .section-wrap.gallery .prds-list .ico-wish {
        top: 50%;
        bottom: auto;
        right: 0;
        transform: translateY(-50%);
    }

    .section-wrap.gallery .prds-list .ico-wish .my-wish-list {
        width: 28px;
        height: 28px;
        background: url(/design/bikibiki/renewal/images/icon_wish_mo.svg) no-repeat center;
        background-size: cover !important;
    }

    .section-wrap.gallery .prds-list .ico-wish .my-wish-list.wish-on {
        background: url(/design/bikibiki/renewal/images/icon_wish_active.svg) no-repeat center;
        background-size: 22px !important;
    }

    .section-wrap.gallery {
        padding: 60px 0;
    }

    .section-wrap.gallery .swiper-pagination {
        gap: 6px;
    }

    .section-wrap.gallery .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }

    .section-wrap.rashguard {
        padding: 0;
    }

    .section-wrap.rashguard .prds-list .prds-list--item:nth-child(n+5) {
        display: block;
    }

    .section-wrap.rashguard .prds-list .prds--image {
        margin-bottom: 8px;
    }

    .section-wrap.rashguard .prds-list .prds--subname {
        margin-bottom: 4px;
        line-height: 1;
    }

    .section-wrap.rashguard .prds-list .prds--name, .section-wrap.gallery .prds--name  {
        height: 38px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 19px; /* 135.714% */
        letter-spacing: -0.28px;
        margin-bottom: 4px;
    }

}


@media (max-width: 768px){
    .main-banner-wrap .main-banner {
        padding: 0 37px;
    }

    .section-wrap.gallery .container-wrap, .section-wrap.rashguard .container-wrap {
        padding-right: 0;
    }

    .section-wrap.gallery .title-wrap, .section-wrap.rashguard .title-wrap {
        padding-right: 24px;
    }

    .section-wrap .title-wrap .title {
        font-size: 24px;
        letter-spacing: -0.48px;
    }


    .section-wrap.collections .list-wrap .img-wrap {
        margin-bottom: 12px;
    }

    .section-wrap.collections .list-wrap .title {
        font-size: 16px;
        line-height: 19px; /* 118.75% */
        letter-spacing: -0.32px;
    }

    .section-wrap.collections .list-wrap .sub-title {
        display: none;
    }

    .section-wrap.best .container-wrap {
        padding-right: 0;
    }

    .section-wrap.video .title-wrap {
        padding: 0 24px;
    }

    .section-wrap .title-wrap .flex-box .sub-title {
        font-size: 12px;
        letter-spacing: -0.24px;
    }

    .section-wrap .title-wrap .btn-link {
        font-size: 10px;
        letter-spacing: -0.2px;
    }

    .section-wrap.video .video-wrap {
        height: 240px;
    }

    .section-wrap.gallery .prds-list .prds--subname {
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 19px; /* 190% */
        letter-spacing: -0.2px;
    }

    .section-wrap.gallery .prds-list .prds--name {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 19px; /* 135.714% */
        letter-spacing: -0.28px;
        margin: 0;
    }

    .section-wrap.gallery .prds-list .price-wrap .price .normal {
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 19px; /* 126.667% */
        letter-spacing: -0.3px;
    }

    .section-wrap.gallery .prds-list .prds--image {
        min-width: 68px;
        max-height: 76px;
        width: 68px;
        margin: 0;
        border-radius: 4px;
    }

    .section-wrap.gallery .prds-list .ico-wish .my-wish-list {
        width: 20px;
        height: 20px;
    }

    .section-wrap.gallery .prds-list .ico-wish .my-wish-list.wish-on {
        background-size: 16px !important;
    }

    .section-wrap.rashguard .prds-list {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(2, auto);
        gap: 28px 8px;
        overflow-x: auto;
        padding-bottom: 8px;
        padding-right: 8px;
    }

    .section-wrap.rashguard .prds-list .prds-list--item {
        min-width: 147px;
        width: 100%;
        scroll-snap-align: center;
    }

    .section-wrap.gallery .swiper-slide {
        padding-bottom: 0;
    }

    .section-wrap.gallery .gallery-wrap .gallery-banner .img-wrap {
        max-height: 320px;
    }

    .section-wrap.gallery .gallery-wrap {
        padding-bottom: 0;
    }

    .section-wrap.gallery .gallery-wrap:not(:first-child) {
        opacity: 0;
    }

    .section-wrap.gallery .swiper-slide-active .gallery-wrap:not(:first-child) {
        opacity: 1;
    }

    .section-wrap.gallery .swiper.only-mo {
        padding-bottom: 0;
    }

    .prds-list .info-wrap .flex-box {
        margin-bottom: 0;
    }

    .section-wrap.rashguard .prds-list .prds--image {
        max-height: 170px;
        border-radius: 8px;
    }

    .section-wrap.best .bottom-wrap {
        align-items: center;
        padding: 0 8px;
        height: 64px;
    }

    .section-wrap.best .bottom-wrap .price {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 2px 4px;
    }

    .section-wrap.best .bottom-wrap .price-wrap .price .consumer {
        line-height: 1;
        height: 12px;
        flex: 0 0 100%;
    }

    .section-wrap.rashguard .prds-list .price-wrap .price {
        gap: 2px 4px;
    }

    .section-wrap.rashguard .prds-list .price-wrap .price .normal, .section-wrap.gallery .prds-list .price-wrap .price .normal {
        font-size: 14px;
    }

    .section-wrap.rashguard .prds-list .price-wrap .price .dc_per, .section-wrap.gallery .prds-list .price-wrap .price .dc_per {
        font-size: 14px;
    }
    .section-wrap.rashguard .prds-list .price-wrap .price  .consumer, .section-wrap.gallery .prds-list .price-wrap .price .consumer {
        line-height: 1;
        font-size: 14px;
    }

}

@media (max-width: 390px) {

}
/* BASIC css end */