.p-top_mv {}

.p-top_mv_title {
    opacity: 0;
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    will-change: opacity, transform
}

.p-top_mv_lead {
    position: relative;
    color: white;
    font-weight: bold;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    text-align: center;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    will-change: opacity, transform
}

.p-top_mv_list {
    position: relative;
    z-index: 3
}

.p-top_mv_list>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap
}

.p-top_mv_list>ul>li {
    opacity: 0;
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    will-change: opacity, transform
}

.p-top_mv_list>ul>li>a {
    display: block;
    position: relative;
    background-color: white
}

.p-top_mv_list>ul>li>a:before {
    content: "";
    position: absolute;
    top: 50%;
    background: url(../images/common/arrow03.svg) no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.p-top_mv_list>ul>li>a>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.p-top_mv_list>ul>li>a>div>span {
    font-weight: 400
}

.p-top_mv_list>ul>li>a>div>strong {
    font-weight: bold
}

.p-top_mv_sublead,
.p-top_mv_subtitle {
    opacity: 0;
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    will-change: opacity, transform
}

.p-top_mv_subtitle {
    font-weight: bold;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.p-top_mv_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    will-change: opacity
}

.p-top_mv_bg>ul {
    content-visibility: hidden
}

.p-top_mv_bg>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.p-top_mv_bg>div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3
}

.p-top_mv_bg>ul {
    visibility: hidden
}

.p-top_mv_bg>ul>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.active .p-top_mv {
    background-color: #F5F5F5;
    -webkit-transition: background-color 2s 1s;
    -o-transition: background-color 2s 1s;
    transition: background-color 2s 1s
}

.active .p-top_mv_title {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: opacity 1s 0.2s, -webkit-transform 1s 0.2s;
    transition: opacity 1s 0.2s, -webkit-transform 1s 0.2s;
    -o-transition: opacity 1s 0.2s, transform 1s 0.2s;
    transition: opacity 1s 0.2s, transform 1s 0.2s;
    transition: opacity 1s 0.2s, transform 1s 0.2s, -webkit-transform 1s 0.2s
}

.active .p-top_mv_lead {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: opacity 1s 0.3s, -webkit-transform 1s 0.3s;
    transition: opacity 1s 0.3s, -webkit-transform 1s 0.3s;
    -o-transition: opacity 1s 0.3s, transform 1s 0.3s;
    transition: opacity 1s 0.3s, transform 1s 0.3s;
    transition: opacity 1s 0.3s, transform 1s 0.3s, -webkit-transform 1s 0.3s
}

.active .p-top_mv_list>ul>li {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
    transition: opacity 0.8s, -webkit-transform 0.8s;
    -o-transition: opacity 0.8s, transform 0.8s;
    transition: opacity 0.8s, transform 0.8s;
    transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s
}

.active .p-top_mv_list>ul>li:first-of-type {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.active .p-top_mv_list>ul>li:nth-of-type(2) {
    -webkit-transition-delay: 1.35s;
    -o-transition-delay: 1.35s;
    transition-delay: 1.35s
}

.active .p-top_mv_list>ul>li:nth-of-type(3) {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}
.active .p-top_mv_list>ul>li:nth-of-type(4) {
    -webkit-transition-delay: 1.45s;
    -o-transition-delay: 1.45s;
    transition-delay: 1.45s
}
.active .p-top_mv_subtitle {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: opacity 1s 1.5s, -webkit-transform 1s 1.5s;
    transition: opacity 1s 1.5s, -webkit-transform 1s 1.5s;
    -o-transition: opacity 1s 1.5s, transform 1s 1.5s;
    transition: opacity 1s 1.5s, transform 1s 1.5s;
    transition: opacity 1s 1.5s, transform 1s 1.5s, -webkit-transform 1s 1.5s
}

.active .p-top_mv_sublead {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: opacity 1s 1.55s, -webkit-transform 1s 1.55s;
    transition: opacity 1s 1.55s, -webkit-transform 1s 1.55s;
    -o-transition: opacity 1s 1.55s, transform 1s 1.55s;
    transition: opacity 1s 1.55s, transform 1s 1.55s;
    transition: opacity 1s 1.55s, transform 1s 1.55s, -webkit-transform 1s 1.55s
}

.active .p-top_mv_bg {
    opacity: 1;
    -webkit-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    transition: opacity 1s linear
}

.active .p-top_mv_bg>ul {
    content-visibility: visible
}

.active.loaded .p-top_mv_lead,
.active.loaded .p-top_mv_title {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.active.loaded .p-top_mv_bg>ul {
    visibility: visible
}

@media (max-width:640px) {
    .p-top_mv {
        margin-bottom: 16vw;
        padding-top: 42.93334vw;
        padding-bottom: 6.66667vw
    }

    .p-top_mv_title {
        display: none
    }

    .p-top_mv_lead {
        font-size: 4.26667vw;
        line-height: 7.2vw
    }

    .p-top_mv_list {
        margin: 44vw 1.33334vw 0
    }

    .p-top_mv_list>ul>li {
        width: 48vw;
        margin-bottom:5px
    }

    .p-top_mv_list>ul>li>a:before {
        width: 1.6vw;
        height: 2.66667vw;
        right: 1.6vw
    }

    .p-top_mv_list>ul>li>a>div {
        height: 21.33334vw
    }

    .p-top_mv_list>ul>li>a>div>span {
        font-size: 2.66667vw
    }

    .p-top_mv_list>ul>li>a>div>strong {
        padding-top: 0.53334vw;
        padding-bottom: 0.53334vw;
        font-size: 3.2vw
    }

    .p-top_mv_subtitle {
        margin: 4.26667vw 6.67vw 0;
        font-size: 6.13334vw;
        line-height: 9.06667vw
    }

    .p-top_mv_sublead {
        margin: 2.13334vw 6.67vw 0;
        font-size: 3.73334vw;
        line-height: 6.93334vw
    }

    .p-top_mv_bg {
        height: 100vw
    }

    .p-top_mv_bg>div {
        background-image: url(https://pamouna.jp/wp-content/uploads/2022/08/top_sp_03.jpg)
    }

    .p-top_mv_bg>ul>li {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .p-top_mv_bg>ul>li>div {
        display: none
    }

    .p-top_mv_bg>ul>li:first-of-type {
        background-image: url(https://pamouna.jp/wp-content/uploads/2022/08/top_sp_04.jpg)
    }

    .p-top_mv_bg>ul>li:nth-of-type(2) {
        background-image: url(../images/top/sp/mv_bg3_new.jpg)
    }

    @-webkit-keyframes mvSp {
        0% {
            opacity: 0;
            z-index: 2
        }

        10%,
        49.98% {
            opacity: 1;
            z-index: 2
        }

        49.99%,
        to {
            opacity: 1;
            z-index: 1
        }
    }

    @keyframes mvSp {
        0% {
            opacity: 0;
            z-index: 2
        }

        10%,
        49.98% {
            opacity: 1;
            z-index: 2
        }

        49.99%,
        to {
            opacity: 1;
            z-index: 1
        }
    }

    .active.loaded .p-top_mv_bg>ul>li {
        -webkit-animation: mvSp 10s infinite both;
        animation: mvSp 10s infinite both
    }

    .active.loaded .p-top_mv_bg>ul>li:nth-of-type(2) {
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }
}

@media (min-width:641px) {
    .p-top_mv {
        min-width: 1200px;
        margin-bottom: 60px;
        padding-top: 218px;
        padding-bottom: 51px
    }

    .p-top_mv_title {
        position: relative;
        width: 296px;
        margin-left: auto;
        margin-right: auto;
        z-index: 2
    }

    .p-top_mv_title img {
        width: 296px
    }

    .p-top_mv_lead {
        margin-top: 30px;
        font-size: 20px;
        line-height: 1
    }

    .p-top_mv_list {
        max-width: 1005px;
        margin: 154px auto 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .p-top_mv_list>ul>li {
        width: 500px;
        margin-bottom:5px
    }

    .p-top_mv_list>ul>li>a:before {
        width: 9px;
        height: 15px;
        right: 30px
    }

    .p-top_mv_list>ul>li>a>div {
        height: 135px
    }

    .p-top_mv_list>ul>li>a>div>span {
        font-size: 18px
    }

    .p-top_mv_list>ul>li>a>div>strong {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 25px
    }
    .p-top_mv_subtitle {
        margin-top: 58px;
        font-size: 40px;
        line-height: 1.3;
        text-align: center
    }

    .p-top_mv_sublead {
        margin-top: 27px;
        font-size: 16px;
        line-height: 1.875;
        text-align: center
    }

    .p-top_mv_bg {
        min-width: 1200px;
        height: 545px
    }

    .p-top_mv_bg>div {
        background-image: url(https://pamouna.jp/wp-content/uploads/2022/08/mv_bg1-scaled.jpg)
    }

    .p-top_mv_bg>ul>li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .p-top_mv_bg>ul>li>div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .p-top_mv_bg>ul>li:first-of-type>div:first-of-type {
        background-image: url(../images/top/mv_bg2_1.jpg)
    }

    .p-top_mv_bg>ul>li:first-of-type>div:nth-of-type(2) {
        background-image: url(../images/top/mv_bg2_2_new.jpg)
    }

    .p-top_mv_bg>ul>li:first-of-type>div:nth-of-type(3) {
        background-image: url(../images/top/mv_bg2_3.jpg)
    }

    .p-top_mv_bg>ul>li:nth-of-type(2)>div:first-of-type {
        background-image: url(https://pamouna.jp/wp-content/uploads/2022/08/top_as_02.jpg)
    }

    .p-top_mv_bg>ul>li:nth-of-type(2)>div:nth-of-type(2) {
        background-image: url(../images/top/mv_bg3_2.jpg)
    }

    .p-top_mv_bg>ul>li:nth-of-type(2)>div:nth-of-type(3) {
        background-image: url(../images/top/mv_bg3_3.jpg)
    }

    @-webkit-keyframes mvUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
            z-index: 2
        }

        10%,
        49.98% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
            z-index: 2
        }

        49.99%,
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
            z-index: 1
        }
    }

    @keyframes mvUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(50px);
            transform: translateY(50px);
            z-index: 2
        }

        10%,
        49.98% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
            z-index: 2
        }

        49.99%,
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
            z-index: 1
        }
    }

    @-webkit-keyframes mvDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
            z-index: 2
        }

        10%,
        49.98% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
            z-index: 2
        }

        49.99%,
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
            z-index: 1
        }
    }

    @keyframes mvDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
            z-index: 2
        }

        10%,
        49.98% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
            z-index: 2
        }

        49.99%,
        to {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
            z-index: 1
        }
    }

    .active.loaded .p-top_mv_bg>ul>li>div:first-of-type {
        -webkit-animation: mvDown 10s infinite both;
        animation: mvDown 10s infinite both
    }

    .active.loaded .p-top_mv_bg>ul>li>div:nth-of-type(2) {
        -webkit-animation: mvUp 10s infinite both;
        animation: mvUp 10s infinite both
    }

    .active.loaded .p-top_mv_bg>ul>li>div:nth-of-type(3) {
        -webkit-animation: mvDown 10s infinite both;
        animation: mvDown 10s infinite both
    }

    .active.loaded .p-top_mv_bg>ul>li:nth-of-type(2)>div {
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }
}

.p-top_pickup {}

.p-top_pickup_list ul li a {
    display: block;
    background-color: #F5F5F5
}

.p-top_pickup_list ul li a>img {
    width: 100%;
    max-width: inherit
}

.p-top_pickup_list ul li .title {
    position: relative;
    font-weight: bold
}

.p-top_pickup_list ul li .title:after,
.p-top_pickup_list ul li .title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px
}

.p-top_pickup_list ul li .title:before {
    width: 100%;
    background-color: #ddd
}

.p-top_pickup_list ul li .title:after {
    background-color: #F29B10
}

.p-top_pickup_list ul li .lead {
    line-height: 1.42857
}

.p-top_pickup_list ul li .price>span {
    margin-right: 0.1em;
    font-weight: bold
}

.p-top_pickup_list ul li .label {
    display: block;
    line-height: 1
}

@media (max-width:640px) {
    .p-top_pickup_title span {
        font-size: 6.93334vw
    }

    .p-top_pickup_lead {
        margin-top: 4.53334vw
    }

    .p-top_pickup_list {
        margin-top: 7.2vw
    }

    .p-top_pickup_list .bx-wrapper {
        margin-bottom: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .p-top_pickup_list .bx-controls-direction .bx-next,
    .p-top_pickup_list .bx-controls-direction .bx-prev {
        top: 52.53334vw;
        margin: 0;
        background-size: 100%;
        background-position: 0;
        width: 10vw;
        height: 10vw;
        z-index: 2
    }

    .p-top_pickup_list .bx-controls-direction .bx-prev {
        left: -5vw;
        background-image: url(../images/common/sp/insta_prev.svg)
    }

    .p-top_pickup_list .bx-controls-direction .bx-next {
        right: -5vw;
        background-image: url(../images/common/sp/insta_next.svg)
    }

    .p-top_pickup_list ul li .main {
        padding: 6.66667vw
    }

    .p-top_pickup_list ul li .title {
        padding-bottom: 3.2vw;
        font-size: 6.13334vw
    }

    .p-top_pickup_list ul li .title:after {
        width: 13.33334vw
    }

    .p-top_pickup_list ul li .lead {
        margin-top: 4.26667vw;
        font-size: 3.73334vw
    }

    .p-top_pickup_list ul li .label {
        margin-top: 5.06667vw;
        font-size: 3.2vw
    }

    .p-top_pickup_list ul li .price {
        margin-top: 0.8vw;
        font-size: 3.73334vw
    }

    .p-top_pickup_list ul li .price>span {
        font-size: 5.33334vw
    }
}

@media (min-width:641px) {
    .p-top_pickup_title {
        margin-bottom: 1px
    }

    .p-top_pickup_title span {
        font-size: 50px;
        letter-spacing: 2px
    }

    .p-top_pickup_list {
        margin-top: 41px
    }

    .p-top_pickup_list>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .p-top_pickup_list>ul>li {
        width: 368px
    }

    .p-top_pickup_list>ul>li .main {
        padding: 25px
    }

    .p-top_pickup_list>ul>li .title {
        padding-bottom: 11px;
        font-size: 20px;
        -webkit-transition: color 0.2s;
        -o-transition: color 0.2s;
        transition: color 0.2s
    }

    .p-top_pickup_list>ul>li .title:after {
        width: 100px
    }

    .p-top_pickup_list>ul>li .lead {
        margin-top: 16px;
        font-size: 14px
    }

    .p-top_pickup_list>ul>li .label {
        margin-top: 19px;
        font-size: 11px
    }

    .p-top_pickup_list>ul>li .price {
        margin-top: 3px;
        font-size: 14px
    }

    .p-top_pickup_list>ul>li .price>span {
        font-size: 20px
    }

    .p-top_pickup_list>ul>li a:hover .title {
        color: #F29B10
    }
}