.l-wrap__inner {
    overflow-x: hidden
}

.pg-pg-products__Wrap {
    display: flex;
    position: relative;
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3.125rem;
    justify-content: space-between
}

.pg-pg-products__Wrap img {
    width: 100%;
    height: auto
}

@media not screen and (min-width: 769px) {
    .pg-pg-products__Wrap {
        display: block
    }
}

@media not screen and (min-width: 769px) and (min-width: 769px) {
    .pg-pg-products__Wrap {
        margin-bottom: 4.55137vw
    }
}

.pg-products__sliderMainWrap {
    width: 50%
}

@media not screen and (min-width: 769px) {
    .pg-products__sliderMainWrap {
        width: 100%
    }
}

.pg-products__sliderMainWrap .js-swiper__main {
    position: relative
}

.pg-products__sliderThumbnailWrap {
    position: relative;
    padding-bottom: 3.4375rem
}

@media not screen and (min-width: 769px) {
    .pg-products__sliderThumbnailWrap {
        padding-bottom: 10.40312vw
    }
}

@media (hover: hover) {
    .pg-products__sliderThumbnailWrap .swiper-slide {
        transition: opacity var(--time) var(--easing)
    }

    .pg-products__sliderThumbnailWrap .swiper-slide:hover {
        opacity: var(--opacity)
    }
}

@media screen and (min-width: 769px) {
    .pg-products__sliderThumbnailInner {
        display: grid;
        gap: .9375rem;
        grid-template-columns:1fr 1fr 1fr 1fr;
        cursor: default !important
    }
}

@media screen and (min-width: 769px) {
    .swiper-slide-thumb {
        width: 100% !important;
        cursor: pointer !important
    }
}

.swiper-scrollbar {
    bottom: 2.1875rem !important;
    cursor: pointer
}

@media not screen and (min-width: 769px) {
    .swiper-scrollbar {
        bottom: 5.85176vw !important
    }
}

.swiper-scrollbar {
    background-color: #6b7b89
}

.swiper-scrollbar-drag {
    background-color: #fff
}

.swiper-slide-thumb-active {
    pointer-events: none
}

.swiper-slide-thumb-active img {
    border: 2px solid #51a7cf
}

@media not screen and (min-width: 769px) {
    .swiper-button-prev {
        left: -5%
    }
}

@media not screen and (min-width: 769px) {
    .swiper-button-next {
        right: -5%
    }
}

.swiper-button-prev, .swiper-button-next {
    height: 55px;
    width: 55px
}

@media (hover: hover) {
    .swiper-button-prev, .swiper-button-next {
        transition: opacity var(--time) var(--easing)
    }

    .swiper-button-prev:hover, .swiper-button-next:hover {
        opacity: var(--opacity)
    }
}

@media not screen and (min-width: 769px) {
    .swiper-button-prev, .swiper-button-next {
        height: 11.44343vw;
        width: 5.85176vw
    }
}

.swiper-button-prev::after, .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 55px;
    margin: auto;
    width: 55px
}

@media not screen and (min-width: 769px) {
    .swiper-button-prev::after, .swiper-button-next::after {
        height: 11.44343vw;
        width: 5.85176vw
    }
}

.swiper-button-prev::after {
    background-image: url(../images/common/ico_prev_pc.png)
}

@media not screen and (min-width: 769px) {
    .swiper-button-prev::after {
        background-image: url(../images/common/ico_arrow_prev.png)
    }
}

.swiper-button-next::after {
    background-image: url(../images/common/ico_next_pc.png)
}

@media not screen and (min-width: 769px) {
    .swiper-button-next::after {
        background-image: url(../images/common/ico_arrow_next.png)
    }
}

.swiper-slide img {
    height: auto;
    width: 100%
}

.swiper-slide {
    opacity: 0;
    transition: opacity 0.25s ease;
    background-color: #00213f
}

@media (hover: hover) {
    .swiper-slide img {
        transition: var(--time)
    }

    .swiper-slide img:hover {
        transition: 0.3s
    }
}

.swiper-slide[role="group"] {
    opacity: 1
}

.pg-products__contentLeft {
    width: 45%;
    margin-top: .625rem
}

@media not screen and (min-width: 769px) {
    .pg-products__contentLeft {
        width: 100%
    }
}

.pg-products__tag {
    width: 100%;
    background-color: #000;
    color: #fff;
    font-weight: 500;
    font-size: clamp(1rem, 3.12094vw, 1.5rem);
    text-align: center;
    padding: 0;
    margin-bottom: 1.875rem
}

.pg-products__tag.-normal {
    display: none
}

.pg-products__tag.-online {
    background-color: #dd001f
}

.pg-products__tag.-gbase {
    background-color: #004c92
}

.pg-products__tag.-event {
    background-color: #018806
}

.pg-products__tag.-sidef {
    background-color: #3e1488
}

.pg-products__tag.-other {
    background-color: #fff;
    color: #00213f
}

@media not screen and (min-width: 769px) {
    .pg-products__tag {
        margin-bottom: 4.55137vw
    }
}

.pg-products__detail {
    display: flex;
    flex-wrap: wrap
}

.pg-products__label {
    background-color: #fff;
    color: #00213f;
    font-size: clamp(.9375rem, 3.12094vw, 1.5rem);
    font-weight: 500;
    text-align: center;
    width: 50%;
    margin-right: 1.875rem;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center
}

@media not screen and (min-width: 769px) {
    .pg-products__label {
        margin-right: 5.20156vw;
        margin-bottom: 3.25098vw
    }
}

.pg-products__labelTxt {
    font-size: clamp(.9375rem, 3.12094vw, 1.5rem);
    font-weight: 500;
    color: #fff;
    width: 40%;
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem
}

@media not screen and (min-width: 769px) {
    .pg-products__labelTxt {
        margin-bottom: 3.25098vw
    }
}

.pg-products__labelInner {
    display: block;
    width: 100%;
    text-align: center
}

.pg-products__share {
    margin-bottom: 3.75rem
}

@media not screen and (min-width: 769px) {
    .pg-products__share {
        margin-bottom: 5.85176vw
    }
}

.pg-products__shareTit {
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: clamp(1rem, 2.60078vw, 1.25rem)
}

.pg-products__shareLists {
    display: flex;
    align-items: center;
    justify-content: center
}

.pg-products__shareList {
    width: 3.4375rem;
    margin-right: 1.25rem
}

@media (hover: hover) {
    .pg-products__shareList {
        transition: opacity var(--time) var(--easing)
    }

    .pg-products__shareList:hover {
        opacity: var(--opacity)
    }
}

.pg-products__shareList:last-of-type {
    margin-right: 0
}

.pg-products__bnrWrap {
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3.75rem
}

@media not screen and (min-width: 769px) {
    .pg-products__bnrWrap {
        margin-bottom: 9.10273vw
    }
}

.pg-products__bnrWrap.-under {
    margin-top: 4.375rem;
    margin-bottom: 0
}

@media not screen and (min-width: 769px) {
    .pg-products__bnrWrap.-under {
        margin-top: 9.10273vw;
        margin-bottom: 0
    }
}

.pg-products__bnrs {
    display: grid;
    gap: .9375rem;
    grid-template-columns:1fr 1fr 1fr
}

@media not screen and (min-width: 769px) {
    .pg-products__bnrs {
        display: block;
        margin-bottom: 5.20156vw
    }

    .pg-products__bnrs:last-of-type {
        margin-bottom: 0
    }
}

@media not screen and (min-width: 769px) {
    .pg-products__bnr {
        display: block;
        margin-bottom: 5.20156vw
    }

    .pg-products__bnr:last-of-type {
        margin-bottom: 0
    }
}

@media (hover: hover) {
    .pg-products__bnr {
        transition: opacity var(--time) var(--easing)
    }

    .pg-products__bnr:hover {
        opacity: var(--opacity)
    }
}

.pg-products__linkWrap {
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3.75rem
}

@media not screen and (min-width: 769px) {
    .pg-products__linkWrap {
        margin-bottom: 9.10273vw
    }
}

.pg-products__note {
    padding: 1.5625rem;
    border: 1px solid #00213f;
    background-color: #e4e4e4;
    font-size: clamp(.875rem, 2.08062vw, 1rem);
    font-weight: 500;
    width: 97%;
    margin-right: auto;
    margin-left: auto
}

@media not screen and (min-width: 769px) {
    .pg-products__note {
        padding: 1em
    }
}

.pg-products__noteLists {
    margin-bottom: 1em
}

.pg-products__noteLists:last-of-type {
    margin-bottom: 0
}

.pg-products__noteList {
    text-indent: -1em;
    padding-left: 1em
}

.pg-products__instruction {
    padding: 1.5625rem;
    border: 1px solid #00213f;
    background-color: #fff;
    font-size: clamp(1rem, 2.3407vw, 1.125rem);
    font-weight: 500;
    width: 97%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1.875rem
}

@media not screen and (min-width: 769px) {
    .pg-products__instruction {
        padding: 1em;
        margin-bottom: 5.85176vw
    }
}

.pg-products__attentiontxt {
    color: #dd001f;
    margin-bottom: 1em
}

.pg-products__nocontent {
    text-align: center;
    color: #fff;
    font-size: clamp(1rem, 2.3407vw, 1.125rem);
    font-weight: 500
}

.pg-products__article {
    margin-top: 1em
}

.pg-products__priceNote {
    margin-top: 1em
}

.pg-products__priceNoteTxt {
    color: #fff;
    font-size: clamp(.875rem, 2.08062vw, 1rem);
    text-indent: -1em;
    padding-left: 1em
}

.pg-products__sliderMain .swiper-slide {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
    outline: none;
}

.pg-products__sliderMain img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.pg-products__sliderThumbnailInner .swiper-slide {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}

.pg-products__sliderThumbnailInner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.onlines-btn {
    margin:20px 0 50px 0; padding:0; width:100%;
}

@media screen and (min-width: 760px) {
    .onlines-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        /*justify-content: space-between;*/
    }
}