main {

    overflow: hidden

}

img {

    width: auto;

    max-width: 100%;

    height: auto;

    max-height: auto

}

a {

    -webkit-transition: opacity 0.3s;

    transition: opacity 0.3s

}

a:hover {

    opacity: 0.7

}

.pe-none{

    pointer-events: none;

}

.mbm {

    padding-top: 132px;

    background: url(../img/bg_main_pc.jpg) repeat 50% 0;

    background-repeat: no-repeat;

    background-size: cover;

    /* background-attachment: fixed; */

    background-attachment: scroll;

    background-position: 50%;

}

.mbm__main {

    /* background: url('../img/bg_main_pc.jpg') no-repeat 50% 0; */

    max-width: 430px;

    overflow: hidden;

    margin: 0 auto;

}

.mbm__top {

    max-width: 430px;

    height: 628px;

    overflow: hidden;

    background: url('../img/top_bg.jpg') no-repeat 50% 0;

    background-size: contain;

    margin: 0 auto;

    position: relative;

    z-index: 2;

}

.mbm__content {

    max-width: 430px;

    margin: 0 auto;

    background: url('../img/cnt_bg.jpg') no-repeat 50% 0;

    position: relative;

    background-size: contain;

}

.mbm__main__inner {

    height: 100%;

    max-width: 430px;

    margin: 0 auto;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    z-index: 2;

}

.mbm__main__logo {

	width: 117px;

	position: absolute;

	top: 35px;

	left: 15px;

	z-index: 10;

}

.mbm__main__img {

    max-width: 83%;

    position: absolute;

    right: 0;

    top: 13%;

    margin: 0 auto;

    z-index: 1;

}

.mbm__main__berry {

	position: absolute;

	right: -90px;

	top: 220px;

	margin: 0 auto;

}

.mbm__main__title {

    width: 46%;

    position: absolute;

    top: 10%;

    left: 5%;

    margin: 0 auto;

    z-index: 2;

}

.mbm__main__title img{

    filter: drop-shadow(0px 0px 7px rgb(255, 255, 255))

            drop-shadow(0px 0px 5px rgb(255, 255, 255))

            drop-shadow(0px 0px 5px rgb(255, 255, 255));

}

.mbm__main__subtitle01 {

    width: 83%;

    position: absolute;

    top: 9%;

    left: 4%;

    margin: 0 auto;

    opacity: 0;

    z-index: 2;

}

.mbm__main__subtitle02 {

    width: 50%;

    position: absolute;

    top: 53%;

    right: 6%;

    margin: 0 auto;

    opacity: 0;

    z-index: 2;

}

.mbm__main__pkg{

    width: 25%;

    position: absolute;

    left: 3%;

    bottom: -20px;

    margin: 0 auto;

    z-index: 2;

}

.mbm__main__product_name {

    width: 53%;

    margin: auto;

    position: absolute;

    bottom: 0;

    left: 29%;

    z-index: 2;

}

.mbm__main__product_name_e {

    position: absolute;

    left: 195px;

    top: 1071px;

}



.mbm__main__limited {

    width: 22%;

    position: absolute;

    right: 2%;

    bottom: 3%;

    z-index: 2;

}

.mbm__main__allergy{

    width: 160px;

    position: absolute;

    top: 15px;

    right: 7px;

    z-index: 2;

}

.mbm__main__allergy img{

    width: auto;

    height: 100%;

}



.mbm__lead{

    height: 435px;

    overflow: hidden;

    margin: 0 auto;

    position: relative;

}



.mbm__lead__text{

    width: 60%;

    margin: auto;

    padding: 160px 0 0;

    position: relative;

    z-index: 3;

}



.mbm__feature__intro{

    width: 100%;

}

.mbm__feature__intro_title{

    width: 78%;

    padding: 13% 0 0%;

    margin: auto;

}

.mbm__feature__intro_text{

    width: 65%;

    padding: 3% 0 7%;

    margin: auto;

}



.mbm__feature__intro_img01{

    width: 98%;

    margin: auto;

    position: absolute;

    top: 375px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 0;

}



.mbm__feature_leaf_01{

    width: 34%;

    position: absolute;

    top: 21%;

    right: 4%;

    z-index: 3;

}

.mbm__feature_leaf_02{

    width: 36%;

    top: 60%;

    right: -11%;

    position: absolute;

}

.mbm__feature_leaf_03{

    width: 42%;

    position: absolute;

    bottom: 3%;

    left: 16%;

    z-index: 3;

}

.mbm__feature_strawberry_01{

    width: 60%;

    bottom: -5%;

    left: -10%;

    position: absolute;

    z-index: 1;

}

.mbm__feature_cake_01{

    width: 58%;

    position: absolute;

    top: 14.7%;

    left: 3%;

    z-index: 1;

}

.mbm__feature__title_01,

.mbm__feature__title_02{

}

.mbm__feature__title_01{

    width: 82%;

    margin: 6% auto 0;

}

.mbm__feature__title_02{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 2%;

}

.mbm__feature__center{

    width: 108%;

    margin: auto;

    position: absolute;

    top: 41%;

    left: -2%;

}



.blur {

    filter: blur(12px);

    opacity: 0;

    transform: scale(1.05);

    transition: filter cubic-bezier(0.215, 0.61, 0.355, 1) .7s,opacity cubic-bezier(0.39, 0.575, 0.565, 1) .7s,transform cubic-bezier(0.39, 0.575, 0.565, 1) .7s;

    overflow: hidden;

}



.blur.show {

    filter: blur(0);

    opacity: 1;

    transform: scale(1);

    overflow: initial;

}



.blur-translateY {

    filter: blur(12px);

    opacity: 0;

    transform: translateY(20px);

}



.blur-translateY.show {

    filter: blur(0);

    opacity: 1;

    transform: translateY(0);

    transition: filter cubic-bezier(0.215, 0.61, 0.355, 1) 1s,opacity cubic-bezier(0.39, 0.575, 0.565, 1) 1s,transform cubic-bezier(0.39, 0.575, 0.565, 1) 1s;

}

.fadeIn01{

    opacity: 0;

}

.fadeIn01.show {

    animation-name: slideInAnime;

    animation-fill-mode:forwards;

    animation-duration:2s;

    animation-iteration-count:1;

    animation-timing-function:ease;

    animation-delay: 0s;

    animation-direction:normal;

}



.fadeIn02.show {

    animation-name: slideInAnime;

    animation-fill-mode:forwards;

    animation-duration:2s;

    animation-iteration-count:1;

    animation-timing-function:ease;

    animation-delay: 2.5s;

    animation-direction:normal;

}



.fadeIn03.show {

    animation-name: slideInAnime;

    animation-fill-mode:forwards;

    animation-duration:2s;

    animation-iteration-count:1;

    animation-timing-function:ease;

    animation-delay: 3s;

    animation-direction:normal;

}



.fadeIn04.show {

    animation-name: slideInAnime;

    animation-fill-mode:forwards;

    animation-duration:2s;

    animation-iteration-count:1;

    animation-timing-function:ease;

    animation-delay: .5s;

    animation-direction:normal;

}



.fadeIn05.show {

    animation-name: slideInAnime;

    animation-fill-mode:forwards;

    animation-duration:2s;

    animation-iteration-count:1;

    animation-timing-function:ease;

    animation-delay: 4s;

    animation-direction:normal;

}



.shake {

    animation-name: shake;

    animation-fill-mode:forwards;

    animation-duration:2s;

    animation-iteration-count:1;

    animation-timing-function:ease;

    animation-delay: 3s;

    animation-direction:normal;

}



.blur {

    filter: blur(12px);

    opacity: 0;

    transform: scale(1.05);

    transition: filter cubic-bezier(0.215, 0.61, 0.355, 1) 1s,opacity cubic-bezier(0.39, 0.575, 0.565, 1) 1s,transform cubic-bezier(0.39, 0.575, 0.565, 1) 1s;

    overflow: hidden;

}



.blur.show {

    filter: blur(0);

    opacity: 1;

    transform: scale(1);

    overflow: initial;

}



.poyo.show {

    animation-name: poyo;

    animation-fill-mode: forwards;

    animation-duration: .8s;

    animation-iteration-count: 1;

    animation-timing-function: ease-in-out;

    animation-delay: 1.5s;

    animation-direction: normal;

}



.slide01{

    -webkit-transform: translate(-15%, 0);

    transform: translate(-15%, 0);

    -webkit-filter: blur(5px);

    filter: blur(5px);

    opacity: 0;

}



.slide01.show{

    -webkit-animation: slide01 1200ms ease forwards;

    animation: slide01 1200ms ease forwards;

    -webkit-animation-delay: 1000ms;

    animation-delay: 1000ms;

}



.flipAnimation{

    -webkit-transform-origin: 72% 33%;

    transform-origin: 72% 33%;

    -webkit-transform: translate(8%, -15%) rotate(-8deg);

    transform: translate(8%, -15%) rotate(-8deg);

    -webkit-filter: blur(5px);

    filter: blur(5px);

    opacity: 0;

}



.flipAnimation.show{

    -webkit-animation: flipAnimationM 1200ms ease forwards;

    animation: flipAnimationM 1200ms ease forwards;

    -webkit-animation-delay: 1000ms;

    animation-delay: 1000ms;

}





@keyframes fadeInAnime{

  0% {

    opacity: 0;

  }

  

  100% {

    opacity: 1;

  }

}



@keyframes slideInAnime{

  0% {

    transform: translateY(-15px);

    opacity: 0;

  }



  100% {

    transform: translateY(0);

    opacity: 1;

  }

}



@keyframes slideInAnime2{

  0% {

    transform: translateY(10px);

    opacity: 0;

  }



  50% {

    transform: translateY(-10px);

    opacity: 1;

  }



  100% {

    transform: translateY(0);

    opacity: 1;

  }

}



@keyframes popInAnime{

  0% {

    opacity: 0;

    transform: translateY(-10px);

  }

  

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}



@keyframes shake {

    0% {

        transform: rotate(3deg);

        opacity: 0;

    }

    25% {

        transform: rotate(-3deg);

        opacity: 1;

    }

    50% {

        transform: rotate(3deg);

        opacity: 1;

    }

    75% {

        transform: rotate(-3deg);

        opacity: 1;

    }

    100% {

        transform: rotate(0);

        opacity: 1;

    }

}



@keyframes slide01{

  0% {

    transform: translate(-15%, 0);

    opacity: 0;

  }

  30% {

      opacity: 1;

  }

  100% {

    transform: translate(0, 0);

    filter: blur(0);

    opacity: 1;

  }

}



@keyframes flipAnimationM {

    0% {

        -webkit-transform: translate(8%, -15%) rotate(-8deg);

        transform: translate(8%, -15%) rotate(-8deg);

        opacity: 0;

        -webkit-filter: blur(5px);

        filter: blur(5px);

    }

    30% {

        opacity: 1;

    }

    100% {

        opacity: 1;

        -webkit-filter: blur(0);

        filter: blur(0);

        -webkit-transform: translate(0, 0) rotate(0deg);

        transform: translate(0, 0) rotate(0deg);

    }

}



@keyframes loop1 {

  from {

    transform: translateX(0%);

  }

  to {

    transform: translateX(-100%);

  }

}

@keyframes loop2 {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-100%);

  }

}



@keyframes tenmetsu01 {

    0% {

        opacity: 0;

        /* transform: translateX(50%); */

    }

    40% {

        opacity: 1;

    }

    60% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}



.mbm__main__product_subcatch {

    position: absolute;

    left: 180px;

    top: 710px;

}



.mbm__main__text {

    width: 502px;

    position: absolute;

    left: 272px;

    top: 985px;

}



.mbm__feature {

    position: relative;

    max-width: 430px;

    margin: 0 auto;

    height: 1186px;

    z-index: 2;

}

.mbm__feature__inner{

    height: 100%;

    position: relative;

    max-width: 430px;

    margin: 0 auto;

    text-align: center;

}

.mbm__feature__topimg {

	position: relative;

	left: 10px;

	top: 300px;

}

.mbm__feature__subtitle {

	position: absolute;

	left: -1px;

	top: 379px;

}

.mbm__feature__title {

    width: 477px;

    margin: auto;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

}

.mbm__feature__text{

    width: 598px;

    margin: auto;

    position: absolute;

    left: 0;

    right: 0;

    top: 114px;

}

.mbm__feature__body {

	position: absolute;

	left: 0;

	top: 370px;

}

.mbm__feature__subtitle02 {

    position: absolute;

    left: -8px;

    top: 300px;

}

.mbm__feature__title02 {

	position: absolute;

	left: 0px;

	top: 807px;

}

.mbm__feature__img00 {

    /* height: 100%; */

    text-align: center;

}

.mbm__feature__img {

    width: 113%;

    position: absolute;

    top: 26%;

    left: -8%;

    z-index: 3;

}

.mbm__feature__img01,

.mbm__feature__img02,

.mbm__feature__img03,

.mbm__feature__img04 {

    width: 53%;

    position: absolute;

    filter: drop-shadow(10px 20px 10px #999);

}

.mbm__feature__img01 {

    left: 3%;

    top: 4%;

    z-index: 1;

}

.mbm__feature__img02 {

    right: 3%;

    top: 19%;

    z-index: 2;

}

.mbm__feature__img03 {

    left: 3%;

    bottom: 24%;

    z-index: 1;

}

.mbm__feature__img04 {

    right: 3%;

    bottom: 10%;

    z-index: 2;

}

.mbm__feature__memo{

    width: 46%;

    position: absolute;

    bottom: 2%;

    right: 4%;

}

.mbm__feature__img06 {

    width: 684px;

    position: absolute;

    top: 1669px;

    left: -361px;

}

.mbm__point {

    position: relative;

    max-width: 430px;

    margin: 0 auto;

    text-align: center;

    height: 455px;

    padding-top: 0px;

}

.mbm__point__inner{

}

.mbm__point h3 {

    width: 90%;

    position: absolute;

    top: 0%;

    left: 6%;

}

.mbm__point__text {

    width: 103%;

    margin: auto;

    padding: 15% 16% 24% 13%;

    background: url(../img/point_bg.png) no-repeat center center / contain;

}

.mbm__point__img {

    width: 67%;

    margin: 5% auto 0;

    position: absolute;

    left: 19%;

    bottom: 18%;

}

.mbm__point__pkg {

    width: 450px;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

}

.mbm__voice {

    max-width: 430px;

    margin: 0 auto;

    text-align: center;

    height: 595px;

    position: relative;

}

.mbm__voice__inner {

    max-width: 430px;

    margin: 0 auto;

    padding: 88px 0 78px

}

.mbm__voice__title {

    width: 30%;

    margin: 0 auto;

    padding-top: 4%;

}

.mbm__voice__voice01,

.mbm__voice__voice02,

.mbm__voice__voice03{

    width: 55%;

}

.mbm__voice__voice01 {

    margin: 0 auto;

    padding-top: 13%;

}

.mbm__voice__voice02 {

    margin: 0 auto;

    padding-top: 13%;

}

.mbm__voice__voice03 {

    margin: auto;

    padding-top: 13%;

}

.mbm__voice__voice04{

    width: 488px;

    position: absolute;

    top: 0;

    right: -49px;

}

.mbm__voice__voice05{

    width: 236px;

    position: absolute;

    bottom: 75px;

    right: 205px;

}

.mbm__voice__img{

    width: 378px;

    position: absolute;

    bottom: 35px;

    left: 160px;

}

.mbm__voice__memo{

    width: 50%;

    margin: 0 auto;

    padding-top: 10%;

}



.mbm__foot{

    max-width: 430px;

    margin: 0 auto;

    text-align: center;

    /* height: 198px; */

    position: relative;

}

.mbm__foot__btn{

    width: 90%;

    margin: 0 auto;

    padding: 0;

    filter: drop-shadow(10px 20px 10px #999);

}

.mbm__sns {

    max-width: 430px;

    display: block;

    margin: 0 auto;

    padding: 8% 0 17%;

    font-size: 0;

    text-align: center;

}

.mbm__sns li {

    display: inline-block;

    width: 12%;

    margin: 0 4%;

    width: 12%;

}



.mbm__check__btn{

    position: relative;

    top: 155px;

    left: 256px;

}



.mbm__footer {

    max-width: 1920px;

    margin: 0 auto;

    padding: 40px 0 60px

}

.mbm__link {

    display: block;

    margin: 0 auto 37px;

    font-size: 0;

    text-align: center

}

.mbm__link li {

    display: inline-block;

    width: 130px;

    margin: 0 30px

}

.mbm__lineup {

    max-width: 430px;

    overflow: hidden;

    margin: 0 auto;

    background: #fff;

    padding: 6% 0 9.6%;

    text-align: center;

}

.mbm__lineup__link {

    width: 92%;

    margin: 0 auto

}

.mbm__lineup__text01{

    width: 88%;

    margin: auto;

}

.mbm__lineup__text02{

    width: 100%;

    margin: auto;

}

.mbm__lineup__text03{

    width: 85%;

    margin: auto;

}



.mbm__lineup h3 {

    width: 67%;

    margin: 0 auto 8.8%;

}

.mbm__lineup ul {

    width: 98%;

    display: flex;

    justify-content: center;

    margin: 0 auto 7.2%;

}

.mbm__lineup ul li {

    width: 32%;

}

.mbm__lineup__box {

    display: inline-block;

    margin-bottom: 30px

}

.mbm__lineup__boxa {

    -webkit-transition: opacity 0.3s;

    transition: opacity 0.3s

}

.mbm__lineup__boxa:hover {

    opacity: 0.7

}

.mbm__lineup__img {

    display: inline-block;

    width: 78.21739%;

    margin: 0 auto 10.66667%;

}

.productInformation_wrap {

    display: flex;

    justify-content: center;

}

.productInformationCard {

    margin: 0px 50px;

}



@media screen and (max-width: 960px) {

    .mbm{

        padding-top: 127px;

    }

}

@media screen and (max-width: 430px) {

    img {

        width: 100%

    }

    a {

        -webkit-transition: none;

        transition: none

    }

    a:hover {

        opacity: 1

    }

    .mbm{

        padding-top: 127px;

    }

    .mbm__main {

        /* background: url('../img/bg_main_sp.jpg') no-repeat 50% 0; */

        background-size: contain;

        /* max-width: 100%; */

        overflow: hidden;

    }

    .mbm__top {

        height: 146vw;

        /* max-width: 100%; */

    }

    .mbm__main__inner {

        /* max-width: 100%; */

        padding-top: 0;

    }

    .mbm__main__logo {

        width: 25%;

        top: 2.2vw;

        left: 3.5vw;

    }

    .mbm__main__limited {

    }

    .mbm__main__title {

        width: 44%;

        top: 15.5vw;

        left: 8vw;

    }

    .mbm__main__subtitle {

        width: 68%;

        top: 17vw;

        left: 15.5vw;

    }

    .mbm__main__subtitle01 {

    }

    .mbm__main__subtitle02 {

    }

    .mbm__main__subtitle03 {

        width: 43%;

        top: 0;

        left: 4vw;

        padding-top: 51%;

    }

    .mbm__main__product_subcatch {

        width: 61%;

        top: 133vw;

		left: 25vw;

    }

    .mbm__main__img{

    }

    .mbm__main__product_name {

    }

    .mbm__main__pkg{

    }

    .mbm__main__bg01{

        width: 37%;

        top: 0;

        left: auto;

        right: -1vw;

        padding-top: 20%;

    }

    .mbm__main__bg02{

        width: 30%;

        top: 0;

        left: auto;

        right: 4vw;

        padding-top: 88%;

        z-index: 1;

    }

    .mbm__main__bg03{

        width: 38%;

        top: 0;

        left: -8vw;

        padding-top: 107%;

        z-index: 1;

    }

    .mbm__main__bg04{

        display: block;

        width: 72%;

        position: absolute;

        top: 0;

        left: auto;

        right: -14vw;

        padding-top: 133%;

        z-index: 1;

    }

    .mbm__main__allergy{

    }

    .fadeIn04.show {

        animation-delay: 3.5s;

    }

    .mbm__main__text {

        width: 75%;

        top: 0;

        left: 50%;

        transform: translateX(-50%);

        padding-top: 192%;

    }

    .mbm__content{

        background: url(../img/cnt_bg.jpg) no-repeat 50% 0;

        background-size: contain;

        /* max-width: 100%; */

        overflow: hidden;

    }

    .mbm__feature {

        height: 268vw;

        position: relative;

        overflow: visible;

    }

	.mbm__feature__inner {

        width: 100%;

		margin: 0 auto;

    }

    .mbm__feature__intro{

    }

    .mbm__feature__intro_fuki_text{

        top: 28vw;

    }

    .mbm__feature__intro_fuki_bg01{

        top: 15vw;

    }

    .mbm__feature__intro_fuki_bg02{

        top: 19vw;

    }

    .mbm__feature__intro_img01{

        top: 74vw;

    }

    .mbm__feature__intro__text{

        width: 69%;

        position: absolute;

        top: 0;

    }

    .mbm__feature__intro__img01{

        width: 40%;

        position: absolute;

        top: 61vw;

        right: 5vw;

    }

    .mbm__feature__intro__img02 {

        width: 68%;

        position: absolute;

        top: 51vw;

        right: -28vw;

    }

    .mbm__feature__intro__img03 {

        width: 118%;

        position: absolute;

        top: 63vw;

        left: -24vw;

    }

    .mbm__feature__topimg {

		width: 48vw;

		top: -7vw;

		left: 0;

		margin: 0 auto;

	}

    .mbm__feature__title {

        width: 83%;

        top: 0;

        margin: 0 auto;

        padding-top: 45%;

    }

    .mbm__feature__text{

        width: 100%;

        top: 66vw;

    }

    .mbm__feature__subtitle {

        width: 62%;

        top: 0;

        left: 0;

        margin: 0 auto;

        padding-top: 3.9%;

    }

	.mbm__feature__body {

		width: 60vw;

		top: 4vw;

		left: 0;

		margin: 0 auto;

	}

	.mbm__feature__subtitle02 {

		width: 65vw;

		top: 40vw;

		left: 0;

		margin: 0 auto;

	}

    .mbm__feature__title02 {

        width: 69%;

        top: 0;

        left: 0;

        margin: 0 auto;

        padding-top: 43%;

    }

    .mbm__feature__img00 {

        padding-top: 0%;

        /*position: absolute;*/

    }

    .mbm__feature__img {

    }

    .mbm__feature__img01 {

    }

    .mbm__feature__img02 {

    }

    .mbm__feature__img03 {

    }

    .mbm__feature__img04 {

    }

    .mbm__feature__memo{

    }

    .mbm__point {

        height: 115vw;

    }

    .mbm__point picture{

        width: auto;

        padding-top: 0;

    }

    .mbm__point__inner {

        width: 100%;

        margin: 0 auto;

    }

    .mbm__point h3 {

    }

    .mbm__point__text {

    }

    .mbm__point__img{

        bottom: 24%;

    }

    .mbm__point__pkg {

    }

    .mbm__voice {

        height: 126.1vw;

    }

    .mbm__voice__inner {

    }

    .mbm__voice h3 {

    }

    .mbm__voice__title {

    }

    .mbm__voice__voice01 {

    }

    .mbm__voice__voice02 {

    }

    .mbm__voice__voice03 {

    }

    .mbm__voice__voice04{

    }

    .mbm__voice__voice05{

    }

    .mbm__voice__img {

        width: 50vw;

        position: absolute;

        bottom: 8vw;

        left: 1vw;

      }

    .mbm__voice__memo{

    }

    .mbm__foot{

        /* max-width: 100%; */

        height: auto;

    }

    .mbm__foot__btn {

        width: 92%;

        margin: 0 auto;

        padding: 5vw 0 0;

      }

    .mbm__check {

        /* max-width: 100%; */

        height: 32vw;

    }

    .mbm__check__btn {

        top: 15vw;

        left: 16vw;

        width: 70%;

    }

    .mbm__sns {

        padding: 8.5% 0 21%;

    }

    .mbm__sns li {

    }

	.mbm__sns img{

	}

    

    .mbm__footer {

        background-size: 750px auto;

        max-width: 100%

    }

    .mbm__footer__inner {

        /* max-width: 100%; */

        padding: 14.26667% 0 12.53333%

    }

    .mbm__link {

        margin: 0 auto 8.93333%

    }

    .mbm__link li {

        margin: 0 1.46667%;

        width: 29.86667%

    }

    .mbm__lineup {

        padding: 10.66667% 0 9.6%

    }

    .mbm__lineup h3 {

        width: 67%;

        margin: 0 auto 8.8%

    }

    .mbm__lineup ul {

        justify-content: center;

        width: 98%;

        margin: 0 auto 7.2%;

    }

    .mbm__lineup ul li {

        width: 32%

    }

    .mbm__lineup__text01{

        width: 88%;

        margin: auto;

    }

    .mbm__lineup__text02{

        width: 100%;

        margin: auto;

    }

    .mbm__lineup__text03{

        width: 85%;

        margin: auto;

    }

    .mbm__lineup__box {

        display: inline-block;

        margin-bottom: 10.66667%

    }

    .mbm__lineup__boxa {

        -webkit-transition: none;

        transition: none

    }

    .mbm__lineup__boxa:hover {

        opacity: 1

    }

    .mbm__lineup__img {

        width: 78.21739%;

        margin: 0 auto 10.66667%

    }

    .mbm__lineup__btn {

        display: block;

        width: 73.91304%;

        margin: 0 auto

    }

    .mbm__lineup__link {

        width: 92%;

        margin: 0 auto

    }

    .productInformation_wrap {

        display: block;

    }

    .productInformation_wrap .productInformationCard {

        margin: 0 0 40px;

    }

}



/* -------------------------------------*/



.animate__animated {

 visibility: hidden;

 opacity: 0;

 transition: 2s;

}



.animate__fadeIn {

 visibility: visible;

 transform: translate(0,-20px);

 opacity: 1;

}



/* -------------------------------------*/