@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap");
@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Regular.woff") format("woff2");
}
@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff2");
}
.mod-en {
  font-family: "SoDoSans";
}

.mod-min {
  font-family: "Zen Old Mincho", serif;
}

article {
  color: #000;
}
article a {
  color: #000;
}
article img {
  width: 100%;
}
article a {
  display: block;
}
article h2, article h3 {
  margin: 0;
}

@media print, screen and (min-width: 1024px) {
  .block-wrap,
  .block-wrap20251020 {
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
  }
  .block-wrap img,
  .block-wrap20251020 img {
    width: 100%;
  }
  .block-wrap h2, .block-wrap h3, .block-wrap h4, .block-wrap p,
  .block-wrap20251020 h2,
  .block-wrap20251020 h3,
  .block-wrap20251020 h4,
  .block-wrap20251020 p {
    margin: 0;
  }
  .block-wrap sup,
  .block-wrap20251020 sup {
    font-size: 50%;
  }
  .block-wrap img,
  .block-wrap20251020 img {
    width: 100%;
  }
  .block-wrap svg,
  .block-wrap20251020 svg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  #beverage._pos {
    position: absolute;
    top: 47.2222222222vw;
    left: 0;
    width: 6.9444444444vw;
    height: 6.9444444444vw;
  }
  .block-main {
    position: relative;
  }
  .block-main:after {
    display: block;
    content: "";
    padding-top: 54.1666666667%;
  }
  .block-main ._paw1 {
    position: absolute;
    top: 3.46%;
    left: 11.04%;
    width: 5.21%;
    height: 8.59%;
  }
  .block-main ._paw2 {
    position: absolute;
    top: 19.36%;
    left: 13.19%;
    width: 5.21%;
    height: 9.23%;
  }
  .block-main ._paw3 {
    position: absolute;
    top: 26.15%;
    left: 6.53%;
    width: 5.42%;
    height: 9.62%;
  }
  .block-main ._paw4 {
    position: absolute;
    top: 43.46%;
    left: 1.11%;
    width: 6.94%;
    height: 11.15%;
  }
  .block-main ._cir4 {
    position: absolute;
    top: 51.15%;
    left: 40.07%;
    width: 19.86%;
    height: 37.05%;
  }
  .block-main ._cir1 {
    position: absolute;
    top: -10.9%;
    left: 18.96%;
    width: 22.22%;
    height: 39.49%;
  }
  .block-main ._cir3 {
    position: absolute;
    top: 9.74%;
    left: 61.39%;
    width: 25.9%;
    height: 47.82%;
  }
  .block-main ._cir2 {
    position: absolute;
    top: 5%;
    left: 44.24%;
    width: 15.56%;
    height: 28.85%;
  }
  .block-main ._wanted {
    position: absolute;
    top: 32.05%;
    left: 3.68%;
    width: 41.74%;
    height: 36.67%;
  }
  .block-main ._title {
    position: absolute;
    top: 63.72%;
    left: 70.14%;
    width: 27.5%;
    height: 21.41%;
  }
  .block-main ._cafe-bg {
    position: absolute;
    top: 11.03%;
    left: 48.33%;
    width: 25.97%;
    height: 78.72%;
  }
  .block-main ._cafe {
    position: absolute;
    top: 15.13%;
    left: 51.11%;
    width: 20.42%;
    height: 68.85%;
  }
  .block-main ._kira {
    position: absolute;
    top: 10.51%;
    left: 48.13%;
    width: 12.99%;
    height: 17.82%;
  }
  .block-main ._fuki {
    position: absolute;
    top: 43.85%;
    left: 80.63%;
    width: 16.18%;
    height: 30.77%;
  }
  .block-main ._cat1 {
    position: absolute;
    top: 49.87%;
    left: 47.15%;
    width: 20.14%;
    height: 33.21%;
  }
  .block-main ._cat2 {
    position: absolute;
    top: 21.67%;
    left: 68.47%;
    width: 8.75%;
    height: 34.49%;
  }
  .block-main ._cat3 {
    position: absolute;
    top: 58.59%;
    left: 49.44%;
    width: 4.58%;
    height: 4.74%;
  }
  .block-main ._name {
    position: absolute;
    top: 49.74%;
    left: 73.89%;
  }
  .block-main ._fuki {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(/cafe/acai-berry/images/main/fuki.png) left top no-repeat;
    background-size: contain;
  }
  .block-main ._fuki span {
    color: #fff;
    font-size: 1.3888888889vw;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
  }
  .block-main p {
    color: #fff;
    font-weight: normal;
    font-size: 1.6666666667vw;
    line-height: 2.2222222222vw;
  }
  .block-main ._paw1,
  .block-main ._paw2,
  .block-main ._paw3,
  .block-main ._paw4 {
    opacity: 0;
    transition-duration: 1s;
  }
  .block-main ._paw1.is-active,
  .block-main ._paw2.is-active,
  .block-main ._paw3.is-active,
  .block-main ._paw4.is-active {
    opacity: 1;
  }
  .block-main ._cir1 {
    transition-duration: 0.6s;
    transform: translate(-40vw, 0);
  }
  .block-main ._cir1.is-active {
    transform: translate(0, 0);
  }
  .block-main ._cir2,
  .block-main ._cir3,
  .block-main ._cir4 {
    transition-duration: 0.6s;
    transform: translate(80vw, 0);
  }
  .block-main ._cir2.is-active,
  .block-main ._cir3.is-active,
  .block-main ._cir4.is-active {
    transform: translate(0, 0);
  }
  .block-main ._wanted {
    opacity: 0;
    filter: blur(2vw);
    transition-duration: 1s;
  }
  .block-main ._wanted.is-active {
    opacity: 1;
    filter: blur(0);
  }
  .block-main ._fuki,
  .block-main ._title,
  .block-main ._name {
    opacity: 0;
    transition-duration: 1s;
  }
  .block-main ._fuki.is-active,
  .block-main ._title.is-active,
  .block-main ._name.is-active {
    opacity: 1;
  }
  .block-main ._cafe,
  .block-main ._cafe-bg {
    opacity: 0;
    transition-duration: 1s;
  }
  .block-main ._cafe.is-active,
  .block-main ._cafe-bg.is-active {
    opacity: 1;
  }
  .block-main ._kira {
    opacity: 0;
    transition-duration: 1s;
  }
  .block-main ._kira.is-active {
    opacity: 1;
  }
  .block-main ._cat1,
  .block-main ._cat2 {
    opacity: 0;
    filter: blur(2vw);
    transition-duration: 1s;
  }
  .block-main ._cat1.is-active,
  .block-main ._cat2.is-active {
    opacity: 1;
    filter: blur(0);
  }
  .block-beverage {
    position: relative;
    color: #fff;
  }
  .block-beverage:after {
    display: block;
    content: "";
    padding-top: 199.0277777778%;
  }
  .block-beverage ._p3 {
    position: absolute;
    top: 68.35%;
    left: 44.58%;
    width: 38.06%;
    height: 19.12%;
  }
  .block-beverage ._p2 {
    position: absolute;
    top: 47.24%;
    left: 22.01%;
    width: 38.06%;
    height: 19.09%;
  }
  .block-beverage ._p1 {
    position: absolute;
    top: 24.32%;
    left: 45.35%;
    width: 38.4%;
    height: 19.26%;
  }
  .block-beverage ._deco1 {
    position: absolute;
    top: 86.46%;
    left: 64.65%;
    width: 14.24%;
    height: 8.55%;
  }
  .block-beverage ._texts3 {
    position: absolute;
    top: 59.14%;
    left: 65.49%;
  }
  .block-beverage ._texts4 {
    position: absolute;
    top: 87.19%;
    left: 38.47%;
  }
  .block-beverage ._texts2 {
    position: absolute;
    top: 44.45%;
    left: 9.86%;
  }
  .block-beverage ._texts1 {
    position: absolute;
    top: 28.26%;
    left: 30.56%;
  }
  .block-beverage ._paws {
    position: absolute;
    top: 9.7%;
    left: 57.22%;
    width: 19.1%;
    height: 11.76%;
  }
  .block-beverage ._title {
    position: absolute;
    top: 0.5%;
    left: 31.3%;
    width: 37.69%;
    height: 13.92%;
  }
  .block-beverage ._title {
    text-align: center;
  }
  .block-beverage ._title ._t1 {
    font-size: 3.1944444444vw;
    line-height: 4.8611111111vw;
    font-weight: bold;
  }
  .block-beverage ._title ._t2 {
    margin-top: 3.125vw;
    font-size: 1.6666666667vw;
    line-height: 3.0555555556vw;
    padding-left: 1vw;
    font-weight: bold;
  }
  .mod-beverage-texts ._t1 {
    font-size: 1.3888888889vw;
    line-height: 1.55;
    font-weight: bold;
  }
  .mod-beverage-texts ._t2 {
    margin-top: 0.3472222222vw;
    font-size: 1.9444444444vw;
    line-height: 1.45;
    font-weight: bold;
  }
  .block-beverage2 {
    position: relative;
  }
  .block-beverage2:after {
    display: block;
    content: "";
    padding-top: 69.375%;
  }
  .block-beverage2 ._bg1 {
    position: absolute;
    top: 15.22%;
    left: 16.18%;
    width: 47.5%;
    height: 67.67%;
  }
  .block-beverage2 ._p_cafe {
    position: absolute;
    top: 23.92%;
    left: 27.36%;
    width: 20.21%;
    height: 54.55%;
  }
  .block-beverage2 ._texts {
    position: absolute;
    top: 41%;
    left: 59.24%;
    width: 23.82%;
    height: 25.53%;
  }
  .block-customize {
    position: relative;
  }
  .block-customize:after {
    display: block;
    content: "";
    padding-top: 60.8333333333%;
  }
  .block-customize ._p1 {
    position: absolute;
    top: 3.08%;
    left: 50.28%;
    width: 38.06%;
    height: 62.56%;
  }
  .block-customize ._title {
    position: absolute;
    top: 8.56%;
    left: 13.47%;
    width: 34.51%;
    height: 19.41%;
  }
  .block-customize ._copy {
    position: absolute;
    top: 30.1%;
    left: 17.22%;
    width: 28.89%;
  }
  .block-customize ._copy {
    color: #fff;
    font-weight: normal;
    font-size: 2.3611111111vw;
    line-height: 1.65;
    text-align: center;
  }
  .block-customize ._texts {
    position: absolute;
    top: 47%;
    left: 39.1%;
  }
  .block-comment {
    position: relative;
    color: #fff;
  }
  .block-comment:after {
    display: block;
    content: "";
    padding-top: 52.0138888889%;
  }
  .block-comment ._cir5 {
    position: absolute;
    top: 50.2%;
    left: 63.13%;
    width: 24.79%;
    height: 49.13%;
  }
  .block-comment ._cir4 {
    position: absolute;
    top: 69.43%;
    left: 41.25%;
    width: 20.21%;
    height: 40.85%;
  }
  .block-comment ._cir1 {
    position: absolute;
    top: 6.81%;
    left: 39.65%;
    width: 27.78%;
    height: 55.81%;
  }
  .block-comment ._cir3 {
    position: absolute;
    top: 42.32%;
    left: 16.18%;
    width: 24.86%;
    height: 51.27%;
  }
  .block-comment ._cir2 {
    position: absolute;
    top: 5.21%;
    left: 69.72%;
    width: 20.28%;
    height: 39.92%;
  }
  .block-comment ._title {
    position: absolute;
    top: 10.01%;
    left: 8.61%;
    width: 28.4%;
    height: 29.11%;
  }
  .block-comment ._t5 {
    position: absolute;
    top: 65.95%;
    left: 65.88%;
    width: 20.33%;
    height: 19.89%;
  }
  .block-comment ._t4 {
    position: absolute;
    top: 84.25%;
    left: 43.65%;
    width: 15.82%;
    height: 12.42%;
  }
  .block-comment ._t1 {
    position: absolute;
    top: 24.17%;
    left: 42.33%;
    width: 23.39%;
    height: 21.36%;
  }
  .block-comment ._t3 {
    position: absolute;
    top: 59.81%;
    left: 19.49%;
    width: 18.53%;
    height: 14.82%;
  }
  .block-comment ._t2 {
    position: absolute;
    top: 20.83%;
    left: 71.64%;
    width: 17.28%;
    height: 8.14%;
  }
  .block-comment ._t1 {
    font-size: 1.9444444444vw;
    line-height: 1.43;
    text-align: center;
    font-weight: bold;
  }
  .block-comment ._t2 {
    font-size: 1.3888888889vw;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
  }
  .block-comment ._t3 {
    font-size: 1.6666666667vw;
    line-height: 1.58;
    text-align: center;
    font-weight: bold;
  }
  .block-comment ._t4 {
    font-size: 1.3888888889vw;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
  }
  .block-comment ._t5 {
    font-weight: normal;
    font-size: 1.6666666667vw;
    line-height: 1.58;
    text-align: center;
    font-weight: bold;
  }
  .block-yuzu {
    position: relative;
  }
  .block-yuzu:after {
    display: block;
    content: "";
    padding-top: 97.9166666667%;
  }
  .block-yuzu ._bg {
    position: absolute;
    top: 4.89%;
    left: 12.43%;
    width: 75.07%;
    height: 62.48%;
  }
  .block-yuzu ._deco1 {
    position: absolute;
    top: 14.96%;
    left: 63.4%;
    width: 22.78%;
    height: 16.88%;
  }
  .block-yuzu ._deco2 {
    position: absolute;
    top: 47.87%;
    left: 44.93%;
    width: 14.1%;
    height: 13.48%;
  }
  .block-yuzu ._tea {
    position: absolute;
    top: 21.84%;
    left: 56.46%;
    width: 16.32%;
    height: 34.54%;
  }
  .block-yuzu ._title {
    position: absolute;
    top: 9.5%;
    left: 16.88%;
    width: 34.17%;
    height: 22.27%;
  }
  .block-yuzu ._texts {
    position: absolute;
    top: 34.84%;
    left: 17.99%;
  }
  .block-yuzu ._btns2 {
    position: absolute;
    top: 88.3%;
    left: 34.58%;
    width: 30.9%;
    height: 3.48%;
  }
  .block-yuzu ._btns-all {
    position: absolute;
    top: 81.49%;
    left: 36.11%;
    width: 27.78%;
  }
  .block-yuzu ._btns-note {
    position: absolute;
    top: 88.3%;
    left: 36.11%;
    width: 27.78%;
    text-align: center;
  }
  .block-yuzu .mod-beverages-item ._btn {
    margin-top: 2.0833333333vw;
  }
  .block-food {
    position: relative;
  }
  .block-food:after {
    display: block;
    content: "";
    padding-top: 97.9166666667%;
  }
  .block-food ._bg1 {
    position: absolute;
    top: 22.91%;
    left: 10.83%;
    width: 37.78%;
    height: 38.94%;
  }
  .block-food ._p1 {
    position: absolute;
    top: 28.51%;
    left: 13.4%;
    width: 29.44%;
    height: 29.01%;
  }
  .block-food ._title {
    position: absolute;
    top: 19.65%;
    left: 47.5%;
    width: 38.75%;
    height: 13.4%;
  }
  .block-food ._texts {
    position: absolute;
    top: 37.8%;
    left: 51.88%;
  }
  .block-food ._btns-all {
    position: absolute;
    top: 72.62%;
    left: 36.11%;
    width: 27.78%;
    height: 5.11%;
  }
  .block-food ._btns-note {
    position: absolute;
    top: 79.8%;
    left: 36.11%;
    width: 27.78%;
    height: 3.83%;
  }
  .block-food ._btns-note {
    text-align: center;
  }
  .block-goods {
    position: relative;
  }
  .block-goods:after {
    display: block;
    content: "";
    padding-top: 124.9305555556%;
  }
  .block-goods ._p1-desc {
    position: absolute;
    top: 33.07%;
    left: 27.43%;
    width: 6.74%;
    height: 3.34%;
  }
  .block-goods ._title {
    position: absolute;
    top: 8.45%;
    left: 31.32%;
    width: 37.57%;
    height: 11.17%;
  }
  .block-goods ._p3-desc {
    position: absolute;
    top: 33.07%;
    left: 86.53%;
    width: 6.67%;
    height: 3.34%;
  }
  .block-goods ._texts1 {
    position: absolute;
    top: 48.92%;
    left: 9.44%;
    width: 25.21%;
    height: 16.4%;
  }
  .block-goods ._texts2 {
    position: absolute;
    top: 48.92%;
    left: 38.82%;
    width: 20.83%;
    height: 16.4%;
  }
  .block-goods ._texts3 {
    position: absolute;
    top: 48.86%;
    left: 68.06%;
    width: 20.83%;
    height: 16.4%;
  }
  .block-goods ._btns-all {
    position: absolute;
    top: 80.82%;
    left: 36.11%;
    width: 27.78%;
    height: 4%;
  }
  .block-goods ._bg3 {
    position: absolute;
    top: 26.07%;
    left: 63.96%;
    width: 21.46%;
    height: 17.29%;
  }
  .block-goods ._p3b {
    position: absolute;
    top: 37.85%;
    left: 81.18%;
    width: 13.47%;
    height: 10.78%;
  }
  .block-goods ._bg2 {
    position: absolute;
    top: 26.18%;
    left: 36.39%;
    width: 25.07%;
    height: 20.07%;
  }
  .block-goods ._bg1 {
    position: absolute;
    top: 26.18%;
    left: 4.86%;
    width: 21.46%;
    height: 17.29%;
  }
  .block-goods ._p1b {
    position: absolute;
    top: 37.85%;
    left: 22.29%;
    width: 13.47%;
    height: 10.78%;
  }
  .block-goods ._p1 {
    position: absolute;
    top: 26.79%;
    left: 8.19%;
    width: 15.28%;
    height: 16.68%;
  }
  .block-goods ._p2 {
    position: absolute;
    top: 28.07%;
    left: 40.76%;
    width: 15.28%;
    height: 16.68%;
  }
  .block-goods ._p3 {
    position: absolute;
    top: 26.35%;
    left: 66.94%;
    width: 15.28%;
    height: 16.68%;
  }
  .block-dscg {
    position: relative;
  }
  .block-dscg:after {
    display: block;
    content: "";
    padding-top: 75.625%;
  }
  .block-dscg ._card {
    position: absolute;
    top: 56.66%;
    left: 15.49%;
    width: 35.97%;
    height: 29.94%;
  }
  .block-dscg ._title {
    position: absolute;
    top: 12.58%;
    left: 32.43%;
    width: 35.21%;
    height: 19.28%;
  }
  .block-dscg ._lead {
    position: absolute;
    top: 35.54%;
    left: 32.22%;
    width: 36.53%;
    height: 10.56%;
  }
  .block-dscg ._texts {
    position: absolute;
    top: 56.2%;
    left: 56.6%;
    width: 27.92%;
    height: 30.58%;
  }
  .block-dscg ._lead {
    font-weight: normal;
    font-size: 1.6666666667vw;
    line-height: 1.67;
    text-align: center;
    color: #fff;
  }
  .block-sbcard {
    position: relative;
  }
  .block-sbcard:after {
    display: block;
    content: "";
    padding-top: 110.2083333333%;
  }
  .block-sbcard ._card1 {
    position: absolute;
    top: 37.68%;
    left: 12.22%;
    width: 38.33%;
    height: 21.42%;
  }
  .block-sbcard ._card2 {
    position: absolute;
    top: 37.8%;
    left: 52.15%;
    width: 38.33%;
    height: 23.31%;
  }
  .block-sbcard ._title {
    position: absolute;
    top: 5.86%;
    left: 32.43%;
    width: 35.21%;
    height: 17.2%;
  }
  .block-sbcard ._notes {
    position: absolute;
    top: 67.67%;
    left: 20.21%;
  }
  .block-sbcard ._lead {
    position: absolute;
    top: 25.65%;
    left: 30.56%;
    width: 39.86%;
    height: 4.73%;
  }
  .block-sbcard ._lead {
    font-weight: normal;
    font-size: 1.6666666667vw;
    line-height: 1.67;
    text-align: center;
    color: #fff;
  }
  .block-sbcard ._notes {
    font-weight: normal;
    font-size: 1.1805555556vw;
    line-height: 1.41;
    text-align: left;
    color: #fff;
  }
  .block-sbcard ._btns-all {
    position: absolute;
    top: 72.7%;
    left: 37.64%;
    width: 30.56%;
    height: 5.04%;
  }
  .block-wrap .block-bg01 {
    background-image: url(/cafe/acai-berry/images/bgs/bg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
  }
  .block-wrap .block-bg01 img {
    width: 100%;
  }
  .block-wrap .block-bg02 {
    margin-top: -1px;
    background-image: url(/cafe/acai-berry/images/bgs/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
  }
  .block-wrap .block-bg02 img {
    width: 100%;
  }
  .block-wrap .block-bg03 {
    margin-top: -1px;
    background-image: url(/cafe/acai-berry/images/bgs/bg3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
  }
  .block-wrap .block-bg03 img {
    width: 100%;
  }
  .block-wrap-20251020 .block-bg01 {
    background-color: #000;
    background-image: url(/cafe/acai-berry/images/20251020/bg/bg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
  }
  .block-wrap-20251020 .block-bg01 img {
    width: 100%;
  }
  .block-wrap-20251020 .block-bg02 {
    background-color: #000;
    margin-top: -1px;
    background-image: url(/cafe/acai-berry/images/20251020/bgs/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
    overflow: hidden;
  }
  .block-wrap-20251020 .block-bg03 {
    background-color: #000;
    margin-top: -1px;
    background-image: url(/cafe/acai-berry/images/20251020/bgs/bg3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
  }
  .block-wrap-20251020 .block-bg03 img {
    width: 100%;
  }
  .mod-deco {
    pointer-events: none;
  }
  .mod-hover {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-hover:hover {
    opacity: 0.8;
  }
  .mod-link-image {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-link-image:hover {
    filter: brightness(1.1);
  }
  .mod-link-image2 {
    display: block;
    cursor: pointer;
    opacity: 0;
    transition-duration: 0.2s;
  }
  .mod-link-image2:hover {
    opacity: 1;
  }
  .mod-price-label {
    color: #fff;
    border: 0.1388888889vw solid #fff;
    display: inline-block;
    border-radius: 0.6944444444vw;
    padding: 0.5555555556vw 0.9027777778vw;
    font-size: 1.25vw;
    line-height: 1;
    font-weight: bold;
  }
  .mod-btn-cart {
    background: #fff;
    color: red;
    display: inline-block;
    width: 20.4861111111vw;
    padding: 0.6944444444vw 0;
    border-radius: 2.0833333333vw;
    text-align: center;
    font-size: 1.6666666667vw;
    line-height: 1.2;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-cart:hover {
    opacity: 0.8;
  }
  .mod-beverages-item {
    color: #fff;
  }
  .mod-beverages-item ._name {
    font-weight: bold;
    font-size: 2.2222222222vw;
    line-height: 1.25;
    text-align: left;
  }
  .mod-beverages-item ._price {
    margin-top: 0.3472222222vw;
    font-size: 2.2222222222vw;
    line-height: 1.5;
    font-weight: 600;
    text-align: left;
  }
  .mod-beverages-item ._price span {
    font-size: 2.3611111111vw;
    font-weight: 600;
  }
  .mod-beverages-item ._text {
    font-weight: 500;
    font-size: 1.3888888889vw;
    line-height: 1.7;
    text-align: left;
  }
  .mod-beverages-item ._note {
    margin-top: 0.3472222222vw;
    font-weight: 500;
    font-size: 1.25vw;
    line-height: 1.33;
  }
  .mod-beverages-item ._btn {
    margin-top: 1.1805555556vw;
  }
  .mod-customize-item {
    color: #fff;
  }
  .mod-customize-item ._name {
    font-weight: bold;
    font-size: 2.2222222222vw;
    line-height: 1.25;
    color: #fff;
  }
  .mod-customize-item ._price {
    margin-top: 0.3472222222vw;
    font-weight: normal;
    font-size: 2.3611111111vw;
    line-height: 1.41;
  }
  .mod-customize-item ._doc {
    font-weight: normal;
    font-size: 1.3888888889vw;
    line-height: 1.6;
  }
  .mod-food-item {
    color: #fff;
  }
  .mod-food-item ._name {
    font-weight: bold;
    font-size: 1.9444444444vw;
    line-height: 1.25;
  }
  .mod-food-item ._price {
    margin-top: 0.3472222222vw;
    font-size: 1.9444444444vw;
    line-height: 1.5;
    font-weight: 600;
  }
  .mod-food-item ._text {
    margin-top: 0.3472222222vw;
    font-weight: normal;
    font-size: 1.3888888889vw;
    line-height: 1.6;
    text-align: left;
  }
  .mod-food-item ._btn {
    margin-top: 1.7361111111vw;
  }
  .mod-goods-item {
    color: #fff;
  }
  .mod-goods-item ._name {
    font-weight: bold;
    font-size: 1.9444444444vw;
    line-height: 1.25;
  }
  .mod-goods-item ._price {
    margin-top: 0.6944444444vw;
    font-size: 1.9444444444vw;
    line-height: 1.5;
    font-weight: 600;
  }
  .mod-goods-item ._text {
    margin-top: 0.6944444444vw;
    font-weight: normal;
    font-size: 1.3888888889vw;
    line-height: 1.6;
    text-align: left;
  }
  .mod-goods-item ._btn {
    margin-top: 2.0833333333vw;
  }
  .mod-goods-item .mod-btn-more {
    width: 22.2222222222vw;
  }
  .mod-card-item {
    color: #fff;
  }
  .mod-card-item ._name {
    font-weight: bold;
    font-size: 2.2222222222vw;
    line-height: 1.25;
  }
  .mod-card-item ._note {
    margin-top: 0.6944444444vw;
    font-weight: normal;
    font-size: 1.25vw;
    line-height: 1.6;
    text-align: left;
  }
  .mod-card-item ._btn {
    margin-top: 2.0833333333vw;
  }
  .mod-card-item ._btn2 {
    margin-top: 2.7777777778vw;
  }
  .mod-card-item .mod-btn-more {
    width: 27.7777777778vw;
  }
  .mod-btn-more {
    background: #fff;
    font-size: 1.6666666667vw;
    line-height: 1;
    text-align: center;
    color: #a01464;
    display: inline-block;
    width: 23.6111111111vw;
    padding: 1.5277777778vw 0;
    font-weight: 500;
    border-radius: 3.4722222222vw;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-more:hover {
    opacity: 0.8;
  }
  .mod-btn-more2 {
    border: 0.1388888889vw solid #fff;
    font-size: 1.6666666667vw;
    line-height: 1;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 27.7777777778vw;
    padding: 1.5277777778vw 0;
    border-radius: 3.4722222222vw;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-more2:hover {
    opacity: 0.8;
  }
  .mod-btn-catalog {
    background: transparent;
    border: 0.1388888889vw solid #fff;
    color: #fff;
    display: block;
    padding: 1.3888888889vw 0;
    border-radius: 2.7777777778vw;
    text-align: center;
    font-size: 1.6666666667vw;
    line-height: 1.2;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-catalog:hover {
    opacity: 0.8;
  }
  .mod-btn-card {
    background: transparent;
    border: 0.1388888889vw solid #fff;
    color: #fff;
    display: block;
    padding: 0.4861111111vw 0;
    border-radius: 6.9444444444vw;
    text-align: center;
    font-size: 1.5277777778vw;
    line-height: 1.4;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-card:hover {
    opacity: 0.8;
  }
  .mod-btn-note {
    color: #fff;
    border-bottom: 0.1388888889vw solid #fff;
    display: inline-block;
    padding: 0 0 0.4861111111vw 0;
    text-align: center;
    font-size: 1.3888888889vw;
    line-height: 1.6;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-note:hover {
    opacity: 0.8;
  }
  .mod-anim {
    transition-delay: 0.2s;
    transition-duration: 0.7s;
  }
  .mod-anim.is-fade {
    opacity: 0;
  }
  .mod-anim.is-fade.js-active {
    opacity: 1;
  }
  .mod-anim.is-top {
    opacity: 0;
    transform: translate(0, -3vw);
  }
  .mod-anim.is-top.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-anim.is-bottom {
    opacity: 0;
    transform: translate(0, 5vw);
  }
  .mod-anim.is-bottom.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-anim.is-right {
    opacity: 0;
    transform: translate(10vw, 0);
  }
  .mod-anim.is-right.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-anim.is-left {
    opacity: 0;
    transform: translate(-10vw, 0);
  }
  .mod-anim.is-left.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-anim.is-pon {
    transition-duration: 0.4s;
    transform: scale(0);
    transform-origin: center center;
    opacity: 0;
  }
  .mod-anim.is-pon.js-active {
    transform: scale(1);
    opacity: 1;
  }
  .mod-anim.is-delay-0 {
    transition-delay: 0s;
  }
  .mod-anim.is-delay-1 {
    transition-delay: 0.1s;
  }
  .mod-anim.is-delay-2 {
    transition-delay: 0.2s;
  }
  .mod-anim.is-delay-3 {
    transition-delay: 0.3s;
  }
  .mod-anim.is-delay-4 {
    transition-delay: 0.4s;
  }
  .mod-anim.is-delay-5 {
    transition-delay: 0.5s;
  }
  .mod-anim.is-delay-6 {
    transition-delay: 0.6s;
  }
  .mod-anim.is-delay-7 {
    transition-delay: 0.7s;
  }
  .mod-anim.is-delay-8 {
    transition-delay: 0.8s;
  }
  .mod-anim.is-delay-9 {
    transition-delay: 0.9s;
  }
  .mod-anim.is-delay-10 {
    transition-delay: 1s;
  }
  .mod-anim.is-delay-11 {
    transition-delay: 1.1s;
  }
  .mod-anim.is-delay-12 {
    transition-delay: 1.2s;
  }
  .mod-anim.is-delay-13 {
    transition-delay: 1.3s;
  }
  .mod-anim.is-delay-14 {
    transition-delay: 1.4s;
  }
  .mod-anim.is-delay-15 {
    transition-delay: 1.5s;
  }
  .mod-anim.is-delay-16 {
    transition-delay: 1.6s;
  }
  .mod-anim.is-delay-17 {
    transition-delay: 1.7s;
  }
  .mod-anim.is-delay-18 {
    transition-delay: 1.8s;
  }
  .mod-anim.is-delay-19 {
    transition-delay: 1.9s;
  }
  .mod-anim.is-delay-20 {
    transition-delay: 2s;
  }
  .mod-items-sliders {
    background-color: #ccc;
    width: 800px;
    margin: 40px auto;
  }
  .mod-items-sliders ._item {
    border: 1px solid #888;
    padding: 30px;
  }
  .mod-items-sliders .slick-list {
    overflow: visible;
  }
  .mod-items-sliders ._slide-dots {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -3.4722222222vw;
    text-align: center;
  }
  .mod-items-sliders ._slide-dots li {
    display: inline-block;
    width: 1.25vw;
    height: 1.25vw;
    background: #CCA187;
    margin: 0 1.0416666667vw;
    border-radius: 50%;
  }
  .mod-items-sliders ._slide-dots li button {
    display: none;
  }
  .mod-items-sliders ._slide-dots li.slick-active {
    background: #90512B;
  }
  .mod-items-sliders ._btn-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, 30%);
    left: 30px;
    border: 1px solid #000;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: url(/cafe/porter/images/slider/icon_prev.png) left top no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-items-sliders ._btn-prev:hover {
    opacity: 0.8;
  }
  .mod-items-sliders ._btn-next {
    position: absolute;
    top: 50%;
    border: 1px solid #000;
    transform: translate(0, 30%);
    right: 30px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: url(/cafe/porter/images/slider/icon_next.png) left top no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-items-sliders ._btn-next:hover {
    opacity: 0.8;
  }
  .u-sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .block-wrap,
  .block-wrap-20251020 {
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
  }
  .block-wrap img,
  .block-wrap-20251020 img {
    width: 100%;
  }
  .block-wrap h2, .block-wrap h3, .block-wrap h4, .block-wrap p,
  .block-wrap-20251020 h2,
  .block-wrap-20251020 h3,
  .block-wrap-20251020 h4,
  .block-wrap-20251020 p {
    margin: 0;
  }
  .block-wrap sup,
  .block-wrap-20251020 sup {
    font-size: 50%;
  }
  .block-wrap img,
  .block-wrap-20251020 img {
    width: 100%;
  }
  .block-wrap svg,
  .block-wrap-20251020 svg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  #beverage._pos {
    position: absolute;
    top: 106.6666666667vw;
    left: 0;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
  }
  .block-main {
    position: relative;
  }
}
@media screen and (max-width: 1023px) and (max-aspect-ratio: 0.66) {
  .block-main {
    height: 236vw;
  }
  .block-main ._cir4 {
    position: absolute;
    top: 120.4vw;
    left: -8.8vw;
    width: 55.73vw;
    height: 56vw;
  }
  .block-main ._cir1 {
    position: absolute;
    top: -27.47vw;
    left: 40vw;
    width: 54.8vw;
    height: 52.8vw;
  }
  .block-main ._cir3 {
    position: absolute;
    top: 57.87vw;
    left: 51.07vw;
    width: 72.27vw;
    height: 72.27vw;
  }
  .block-main ._cir2 {
    position: absolute;
    top: 50.8vw;
    left: 2.93vw;
    width: 43.73vw;
    height: 43.6vw;
  }
  .block-main ._paw1 {
    position: absolute;
    top: -2.67vw;
    left: 74vw;
    width: 13.87vw;
    height: 12.67vw;
  }
  .block-main ._paw2 {
    position: absolute;
    top: 27.6vw;
    left: 79.87vw;
    width: 13.87vw;
    height: 13.6vw;
  }
  .block-main ._paw3 {
    position: absolute;
    top: 37.6vw;
    left: 62.13vw;
    width: 14.4vw;
    height: 13.73vw;
  }
  .block-main ._paw4 {
    position: absolute;
    top: 53.6vw;
    left: 51.47vw;
    width: 18.53vw;
    height: 16vw;
  }
  .block-main ._wanted {
    position: absolute;
    top: 16.67vw;
    left: -6vw;
    width: 106.53vw;
    height: 50.53vw;
  }
  .block-main ._cafe-bg {
    position: absolute;
    top: 59.33vw;
    left: 14.4vw;
    width: 72.93vw;
    height: 119.73vw;
  }
  .block-main ._kira {
    position: absolute;
    top: 58.67vw;
    left: 13.87vw;
    width: 36.53vw;
    height: 27.07vw;
  }
  .block-main ._cafe {
    position: absolute;
    top: 65.73vw;
    left: 22.27vw;
    width: 57.33vw;
    height: 104.8vw;
  }
  .block-main ._fuki {
    position: absolute;
    top: 83.07vw;
    left: 65.07vw;
    width: 36.53vw;
    height: 37.6vw;
  }
  .block-main ._cat1 {
    position: absolute;
    top: 118.4vw;
    left: 11.07vw;
    width: 56.67vw;
    height: 50.67vw;
  }
  .block-main ._cat2 {
    position: absolute;
    top: 75.6vw;
    left: 70.8vw;
    width: 24.93vw;
    height: 52.67vw;
  }
  .block-main ._name {
    position: absolute;
    top: 137.2vw;
    left: 75.47vw;
    width: 21.33vw;
    height: 13.2vw;
  }
  .block-main ._title {
    position: absolute;
    top: 174.53vw;
    left: 11.33vw;
    width: 77.2vw;
    height: 32.53vw;
  }
}
@media screen and (max-width: 1023px) and (min-aspect-ratio: 0.66) {
  .block-main {
    width: 80vw;
    margin: 0 auto;
  }
  .block-main:after {
    display: block;
    content: "";
    padding-top: 236%;
  }
  .block-main ._wanted {
    position: absolute;
    top: 7.06%;
    left: -6%;
    width: 106.53%;
    height: 21.41%;
  }
  .block-main ._cafe-bg {
    position: absolute;
    top: 25.14%;
    left: 14.4%;
    width: 72.93%;
    height: 50.73%;
  }
  .block-main ._kira {
    position: absolute;
    top: 24.86%;
    left: 13.87%;
    width: 36.53%;
    height: 11.47%;
  }
  .block-main ._cafe {
    position: absolute;
    top: 27.85%;
    left: 22.27%;
    width: 57.33%;
    height: 44.41%;
  }
  .block-main ._fuki {
    position: absolute;
    top: 35.2%;
    left: 65.07%;
    width: 36.53%;
    height: 15.93%;
  }
  .block-main ._cat1 {
    position: absolute;
    top: 50.17%;
    left: 11.07%;
    width: 56.67%;
    height: 21.47%;
  }
  .block-main ._cat2 {
    position: absolute;
    top: 32.03%;
    left: 70.8%;
    width: 24.93%;
    height: 22.32%;
  }
  .block-main ._name {
    position: absolute;
    top: 58.14%;
    left: 75.47%;
    width: 21.33%;
    height: 5.59%;
  }
  .block-main ._title {
    position: absolute;
    top: 73.95%;
    left: 11.33%;
    width: 77.2%;
    height: 13.79%;
  }
  .block-main ._cir4 {
    position: absolute;
    top: 51.02%;
    left: -8.8%;
    width: 55.73%;
    height: 23.73%;
  }
  .block-main ._cir1 {
    position: absolute;
    top: -11.64%;
    left: 40%;
    width: 54.8%;
    height: 22.37%;
  }
  .block-main ._cir3 {
    position: absolute;
    top: 24.52%;
    left: 51.07%;
    width: 72.27%;
    height: 30.62%;
  }
  .block-main ._cir2 {
    position: absolute;
    top: 21.53%;
    left: 2.93%;
    width: 43.73%;
    height: 18.47%;
  }
  .block-main ._paw2 {
    position: absolute;
    top: 11.69%;
    left: 79.87%;
    width: 13.87%;
    height: 5.76%;
  }
  .block-main ._paw3 {
    position: absolute;
    top: 15.93%;
    left: 62.13%;
    width: 14.4%;
    height: 5.82%;
  }
  .block-main ._paw4 {
    position: absolute;
    top: 22.71%;
    left: 51.47%;
    width: 18.53%;
    height: 6.78%;
  }
  .block-main ._paw1 {
    position: absolute;
    top: -1.13%;
    left: 74%;
    width: 13.87%;
    height: 5.37%;
  }
}
@media screen and (max-width: 1023px) {
  .block-main ._fuki {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(/cafe/acai-berry/images/main/fuki.png) left top no-repeat;
    background-size: contain;
  }
  .block-main ._fuki span {
    color: #fff;
    font-size: 3.2vw;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
  }
  .block-main p {
    color: #fff;
    font-weight: normal;
    font-size: 3.2vw;
    line-height: 4.2666666667vw;
  }
  .block-main ._paw1,
  .block-main ._paw2,
  .block-main ._paw3,
  .block-main ._paw4 {
    opacity: 0;
    transition-duration: 1s;
  }
  .block-main ._paw1.is-active,
  .block-main ._paw2.is-active,
  .block-main ._paw3.is-active,
  .block-main ._paw4.is-active {
    opacity: 1;
  }
  .block-main ._cir1 {
    transition-duration: 0.6s;
    transform: translate(-100vw, 0);
  }
  .block-main ._cir1.is-active {
    transform: translate(0, 0);
  }
  .block-main ._cir2,
  .block-main ._cir3,
  .block-main ._cir4 {
    transition-duration: 0.6s;
    transform: translate(100vw, 0);
  }
  .block-main ._cir2.is-active,
  .block-main ._cir3.is-active,
  .block-main ._cir4.is-active {
    transform: translate(0, 0);
  }
  .block-main ._wanted {
    opacity: 0;
    filter: blur(2vw);
    transition-duration: 1s;
  }
  .block-main ._wanted.is-active {
    opacity: 1;
    filter: blur(0);
  }
  .block-main ._fuki,
  .block-main ._title,
  .block-main ._name {
    opacity: 0;
    transition-duration: 1s;
  }
  .block-main ._fuki.is-active,
  .block-main ._title.is-active,
  .block-main ._name.is-active {
    opacity: 1;
  }
  .block-main ._cafe,
  .block-main ._cafe-bg {
    opacity: 0;
    transition-duration: 1s;
  }
  .block-main ._cafe.is-active,
  .block-main ._cafe-bg.is-active {
    opacity: 1;
  }
  .block-main ._kira {
    opacity: 0;
    transition-duration: 1s;
  }
  .block-main ._kira.is-active {
    opacity: 1;
  }
  .block-main ._cat1,
  .block-main ._cat2 {
    opacity: 0;
    filter: blur(2vw);
    transition-duration: 1s;
  }
  .block-main ._cat1.is-active,
  .block-main ._cat2.is-active {
    opacity: 1;
    filter: blur(0);
  }
  .block-beverage {
    position: relative;
    color: #fff;
    height: 500vw;
  }
  .block-beverage ._p3 {
    position: absolute;
    top: 369.6vw;
    left: 5.73vw;
    width: 86vw;
    height: 86vw;
  }
  .block-beverage ._p2 {
    position: absolute;
    top: 254vw;
    left: -1.2vw;
    width: 85.87vw;
    height: 85.87vw;
  }
  .block-beverage ._p1 {
    position: absolute;
    top: 135.33vw;
    left: 24.8vw;
    width: 86.67vw;
    height: 86.67vw;
  }
  .block-beverage ._deco1 {
    position: absolute;
    top: 453.73vw;
    left: 43.07vw;
    width: 32vw;
    height: 38.27vw;
  }
  .block-beverage ._paws {
    position: absolute;
    top: 45.33vw;
    left: 8.8vw;
    width: 101.2vw;
    height: 170.27vw;
  }
  .block-beverage ._title {
    position: absolute;
    top: 6.53vw;
    left: 0;
    right: 0;
  }
  .block-beverage ._texts4 {
    position: absolute;
    top: 458.4vw;
    left: 13.47vw;
    width: 34vw;
    height: 10.8vw;
  }
  .block-beverage ._texts3 {
    position: absolute;
    top: 335.6vw;
    left: 66.67vw;
    width: 25.73vw;
    height: 27.6vw;
  }
  .block-beverage ._texts2 {
    position: absolute;
    top: 224.27vw;
    left: 5.73vw;
    width: 35.33vw;
    height: 28.27vw;
  }
  .block-beverage ._texts1 {
    position: absolute;
    top: 127.73vw;
    left: 6.67vw;
    width: 33.47vw;
    height: 22.93vw;
  }
  .block-beverage ._title {
    text-align: center;
  }
  .block-beverage ._title ._t1 {
    font-size: 7.4666666667vw;
    line-height: 1.42;
    font-weight: bold;
  }
  .block-beverage ._title ._t2 {
    margin-top: 5.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.75;
    padding-left: 2vw;
    font-weight: bold;
  }
  .mod-beverage-texts ._t1 {
    font-size: 3.2vw;
    line-height: 1.55;
    font-weight: bold;
  }
  .mod-beverage-texts ._t2 {
    margin-top: 0.6666666667vw;
    font-size: 4.2666666667vw;
    line-height: 1.45;
    font-weight: bold;
  }
  .block-beverage2 {
    position: relative;
    height: 197.33vw;
  }
  .block-beverage2 ._bg1 {
    position: absolute;
    top: 4.13vw;
    left: -7.73vw;
    width: 126.27vw;
    height: 124.53vw;
  }
  .block-beverage2 ._texts {
    position: absolute;
    top: 128.67vw;
    left: 11.47vw;
    width: 44vw;
    height: 27.87vw;
  }
  .block-beverage2 ._p_cafe {
    position: absolute;
    top: 19.87vw;
    left: 22.13vw;
    width: 53.73vw;
    height: 100.67vw;
  }
  .block-customize {
    position: relative;
    height: 194.67vw;
  }
  .block-customize ._p1 {
    position: absolute;
    top: 65.53vw;
    left: 7.2vw;
    width: 86vw;
    height: 86vw;
  }
  .block-customize ._title {
    position: absolute;
    top: 16.67vw;
    left: 11.07vw;
    width: 77.87vw;
    height: 26.8vw;
  }
  .block-customize ._copy {
    position: absolute;
    top: 45.07vw;
    left: 28.27vw;
    width: 46.67vw;
    height: 15.47vw;
  }
  .block-customize ._texts {
    position: absolute;
    top: 145.2vw;
    left: 10.13vw;
    width: 55.73vw;
    height: 30.53vw;
  }
  .block-customize ._copy {
    color: #fff;
    font-weight: normal;
    font-size: 5.3333333333vw;
    line-height: 1.5;
    text-align: center;
  }
  .block-comment {
    position: relative;
    height: 240.4vw;
    color: #fff;
  }
  .block-comment ._cir5 {
    position: absolute;
    top: 170vw;
    left: 41.73vw;
    width: 56vw;
    height: 57.73vw;
  }
  .block-comment ._cir4 {
    position: absolute;
    top: 145.6vw;
    left: 1.87vw;
    width: 45.6vw;
    height: 48vw;
  }
  .block-comment ._cir1 {
    position: absolute;
    top: 100.13vw;
    left: 39.87vw;
    width: 62.8vw;
    height: 65.6vw;
  }
  .block-comment ._cir3 {
    position: absolute;
    top: 64.93vw;
    left: -5.07vw;
    width: 56.13vw;
    height: 60.27vw;
  }
  .block-comment ._cir2 {
    position: absolute;
    top: 51.47vw;
    left: 53.2vw;
    width: 45.73vw;
    height: 46.93vw;
  }
  .block-comment ._cir4 {
    transform: scale(-1, 1);
  }
  .block-comment ._title {
    position: absolute;
    top: 24.13vw;
    left: 15.87vw;
    width: 64.13vw;
    height: 34.13vw;
  }
  .block-comment ._t1 {
    position: absolute;
    top: 120.67vw;
    left: 48.67vw;
    width: 46.93vw;
    height: 25.33vw;
  }
  .block-comment ._t3 {
    position: absolute;
    top: 85.6vw;
    left: 2.4vw;
    width: 41.07vw;
    height: 17.07vw;
  }
  .block-comment ._t2 {
    position: absolute;
    top: 69.73vw;
    left: 57.07vw;
    width: 39.2vw;
    height: 9.47vw;
  }
  .block-comment ._t4 {
    position: absolute;
    top: 162.8vw;
    left: 6.8vw;
    width: 35.73vw;
    height: 14.27vw;
  }
  .block-comment ._t5 {
    position: absolute;
    top: 188.93vw;
    left: 48vw;
    width: 45.07vw;
    height: 22.93vw;
  }
  .block-comment ._t1 {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
  }
  .block-comment ._t2 {
    font-size: 3.2vw;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
  }
  .block-comment ._t3 {
    font-size: 3.7333333333vw;
    line-height: 1.58;
    text-align: center;
    font-weight: bold;
  }
  .block-comment ._t4 {
    font-size: 3.2vw;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
  }
  .block-comment ._t5 {
    font-weight: normal;
    font-size: 3.7333333333vw;
    line-height: 1.58;
    text-align: center;
    font-weight: bold;
  }
  .block-yuzu {
    position: relative;
    height: 330vw;
  }
  .block-yuzu ._bg {
    position: absolute;
    top: 8.13vw;
    left: 4.67vw;
    width: 90.67vw;
    height: 251.6vw;
  }
  .block-yuzu ._deco1 {
    position: absolute;
    top: 78.8vw;
    left: 46vw;
    width: 48.8vw;
    height: 35.47vw;
  }
  .block-yuzu ._deco2 {
    position: absolute;
    top: 147.87vw;
    left: 6.27vw;
    width: 30.27vw;
    height: 28.13vw;
  }
  .block-yuzu ._tea {
    position: absolute;
    top: 93.2vw;
    left: 30.93vw;
    width: 34.93vw;
    height: 72.4vw;
  }
  .block-yuzu ._title {
    position: absolute;
    top: 23.6vw;
    left: 11.6vw;
    width: 77.2vw;
    height: 49.2vw;
  }
  .block-yuzu ._texts {
    position: absolute;
    top: 182.87vw;
    left: 9.73vw;
    width: 80.27vw;
    height: 67.07vw;
  }
  .block-yuzu ._btns-all {
    position: absolute;
    top: 280.4vw;
    left: 18.67vw;
    width: 64vw;
    height: 10.13vw;
  }
  .block-yuzu ._btns-note {
    position: absolute;
    top: 298.27vw;
    left: 15.47vw;
    width: 69.2vw;
    height: 7.73vw;
  }
  .block-yuzu ._btns-note {
    text-align: center;
  }
  .block-food {
    position: relative;
    height: 263.07vw;
  }
  .block-food ._bg1 {
    position: absolute;
    top: 51.87vw;
    left: 7.33vw;
    width: 85.47vw;
    height: 86vw;
  }
  .block-food ._p1 {
    position: absolute;
    top: 64vw;
    left: 13.07vw;
    width: 66.67vw;
    height: 64.27vw;
  }
  .block-food ._title {
    position: absolute;
    top: 16vw;
    left: 6.27vw;
    width: 87.6vw;
    height: 29.73vw;
  }
  .block-food ._texts {
    position: absolute;
    top: 146.87vw;
    left: 9.33vw;
  }
  .block-food ._btns-all {
    position: absolute;
    top: 218.93vw;
    left: 18.67vw;
    width: 64vw;
    height: 10.13vw;
  }
  .block-food ._btns-note {
    position: absolute;
    top: 236.93vw;
    left: 15.47vw;
    width: 69.2vw;
    height: 7.73vw;
  }
  .block-food ._btns-note {
    text-align: center;
  }
  .block-goods {
    position: relative;
    height: 401.07vw;
  }
  .block-goods ._bg1 {
    position: absolute;
    top: 51.87vw;
    left: 43.33vw;
    width: 65.6vw;
    height: 65.6vw;
  }
  .block-goods ._bg2 {
    position: absolute;
    top: 161.27vw;
    left: -16vw;
    width: 68.53vw;
    height: 68.53vw;
  }
  .block-goods ._bg3 {
    position: absolute;
    top: 253.33vw;
    left: 43.6vw;
    width: 65.33vw;
    height: 65.33vw;
  }
  .block-goods ._p3b {
    position: absolute;
    top: 319.33vw;
    left: 47.73vw;
    width: 33.73vw;
    height: 33.73vw;
  }
  .block-goods ._p1b {
    position: absolute;
    top: 116.53vw;
    left: 47.73vw;
    width: 33.73vw;
    height: 33.73vw;
  }
  .block-goods ._title {
    position: absolute;
    top: 17.47vw;
    left: 6.93vw;
    width: 84.8vw;
    height: 31.47vw;
  }
  .block-goods ._p3-desc {
    position: absolute;
    top: 319.87vw;
    left: 79.87vw;
    width: 15.73vw;
    height: 9.87vw;
  }
  .block-goods ._p1-desc {
    position: absolute;
    top: 117.07vw;
    left: 79.87vw;
    width: 15.73vw;
    height: 9.87vw;
  }
  .block-goods ._p1 {
    position: absolute;
    top: 54.5vw;
    left: 52.8vw;
    width: 46.27vw;
    height: 63.07vw;
  }
  .block-goods ._p2 {
    position: absolute;
    top: 167.5vw;
    left: -3.33vw;
    width: 42.13vw;
    height: 57.47vw;
  }
  .block-goods ._p3 {
    position: absolute;
    top: 254.53vw;
    left: 52.8vw;
    width: 46.27vw;
    height: 63.07vw;
  }
  .block-goods ._texts1 {
    position: absolute;
    top: 69.8vw;
    left: 5.2vw;
    width: 42.93vw;
    height: 63.6vw;
  }
  .block-goods ._texts2 {
    position: absolute;
    top: 173vw;
    left: 51.87vw;
    width: 47.6vw;
    height: 58.53vw;
  }
  .block-goods ._texts3 {
    position: absolute;
    top: 270.7vw;
    left: 4.93vw;
    width: 48.4vw;
    height: 58.8vw;
  }
  .block-goods ._btns-all {
    position: absolute;
    top: 373.6vw;
    left: 18vw;
    width: 64vw;
    height: 10.13vw;
  }
  .block-dscg {
    position: relative;
    height: 199.73vw;
  }
  .block-dscg ._card {
    position: absolute;
    top: 88.67vw;
    left: 16.13vw;
    width: 67.73vw;
    height: 42.67vw;
  }
  .block-dscg ._title {
    position: absolute;
    top: 16.27vw;
    left: 9.07vw;
    width: 79.6vw;
    height: 32.93vw;
  }
  .block-dscg ._lead {
    position: absolute;
    top: 57.47vw;
    left: 12.4vw;
    width: 79.47vw;
    height: 16vw;
  }
  .block-dscg ._texts {
    position: absolute;
    top: 133.2vw;
    left: 15.6vw;
  }
  .block-dscg ._lead {
    font-weight: normal;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    text-align: center;
    color: #fff;
  }
  .block-sbcard {
    position: relative;
    height: 280vw;
  }
  .block-sbcard ._card1 {
    position: absolute;
    top: 92.93vw;
    left: 13.2vw;
    width: 73.6vw;
    height: 45.33vw;
  }
  .block-sbcard ._card2 {
    position: absolute;
    top: 151.73vw;
    left: 13.2vw;
    width: 73.6vw;
    height: 45.33vw;
  }
  .block-sbcard ._title {
    position: absolute;
    top: 16vw;
    left: 9.07vw;
    width: 79.6vw;
    height: 42.8vw;
  }
  .block-sbcard ._notes {
    position: absolute;
    top: 211.73vw;
    left: 14.4vw;
    width: 58.8vw;
    height: 7.6vw;
  }
  .block-sbcard ._lead {
    position: absolute;
    top: 67.2vw;
    left: 18.67vw;
    width: 66.93vw;
    height: 10.67vw;
  }
  .block-sbcard ._btns-all {
    position: absolute;
    top: 224.13vw;
    left: 16.4vw;
    width: 69.33vw;
    height: 12.8vw;
  }
  .block-sbcard ._lead {
    font-weight: normal;
    font-size: 3.7333333333vw;
    line-height: 1.5;
    text-align: center;
    color: #fff;
  }
  .block-sbcard ._notes {
    font-weight: normal;
    font-size: 2.6666666667vw;
    line-height: 1.41;
    text-align: left;
    color: #fff;
  }
  .block-wrap .block-bg01 {
    background-color: #000;
    background-image: url(/cafe/acai-berry/images/bgs/sp/bg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
  }
  .block-wrap .block-bg01 img {
    width: 100%;
  }
  .block-wrap .block-bg02 {
    background-color: #000;
    margin-top: -1px;
    background-image: url(/cafe/acai-berry/images/bgs/sp/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
    overflow: hidden;
  }
  .block-wrap .block-bg03 {
    background-color: #000;
    margin-top: -1px;
    background-image: url(/cafe/acai-berry/images/bgs/sp/bg3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
  }
  .block-wrap .block-bg03 img {
    width: 100%;
  }
  .block-wrap-20251020 .block-bg01 {
    background-color: #000;
    background-image: url(/cafe/acai-berry/images/20251020/bgs/sp/bg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
  }
  .block-wrap-20251020 .block-bg01 img {
    width: 100%;
  }
  .block-wrap-20251020 .block-bg02 {
    background-color: #000;
    margin-top: -1px;
    background-image: url(/cafe/acai-berry/images/20251020/bgs/sp/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
    overflow: hidden;
  }
  .block-wrap-20251020 .block-bg03 {
    background-color: #000;
    margin-top: -1px;
    background-image: url(/cafe/acai-berry/images/20251020/bgs/sp/bg3.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    overflow: hidden;
  }
  .block-wrap-20251020 .block-bg03 img {
    width: 100%;
  }
  .mod-deco {
    pointer-events: none;
  }
  .mod-hover {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-hover:hover {
    opacity: 0.8;
  }
  .mod-link-image {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-link-image:hover {
    filter: brightness(1.1);
  }
  .mod-link-image2 {
    display: block;
    cursor: pointer;
    opacity: 0;
    transition-duration: 0.2s;
  }
  .mod-link-image2:hover {
    opacity: 1;
  }
  .mod-price-label {
    color: #fff;
    border: 0.2666666667vw solid #fff;
    display: inline-block;
    border-radius: 1.3333333333vw;
    padding: 1.0666666667vw 1.7333333333vw;
    font-size: 2.4vw;
    line-height: 1;
    font-weight: bold;
  }
  .mod-btn-cart {
    background: #fff;
    color: red;
    display: inline-block;
    width: 39.3333333333vw;
    padding: 1.3333333333vw 0;
    border-radius: 4vw;
    text-align: center;
    font-size: 3.2vw;
    line-height: 1.2;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-cart:hover {
    opacity: 0.8;
  }
  .mod-beverages-item {
    color: #fff;
  }
  .mod-beverages-item ._name {
    font-weight: bold;
    font-size: 5.3333333333vw;
    line-height: 1.4;
    text-align: left;
  }
  .mod-beverages-item ._price {
    font-size: 4.8vw;
    line-height: 1.5;
    font-weight: 600;
    text-align: left;
  }
  .mod-beverages-item ._price span {
    font-size: 5.3333333333vw;
    font-weight: 600;
  }
  .mod-beverages-item ._text {
    margin-top: 0.6666666667vw;
    font-weight: 500;
    font-size: 3.7333333333vw;
    line-height: 1.4;
    text-align: left;
  }
  .mod-beverages-item ._note {
    margin-top: 0.6666666667vw;
    font-weight: 500;
    font-size: 2.6666666667vw;
    line-height: 1.5;
  }
  .mod-beverages-item ._btn {
    margin-top: 4.6666666667vw;
  }
  .mod-beverages-item .mod-btn-more {
    width: 80vw;
  }
  .mod-customize-item {
    color: #fff;
  }
  .mod-customize-item ._name {
    font-weight: bold;
    font-size: 5.3333333333vw;
    line-height: 1.4;
    color: #fff;
  }
  .mod-customize-item ._price {
    font-weight: normal;
    font-size: 5.3333333333vw;
    line-height: 1.41;
  }
  .mod-customize-item ._doc {
    font-weight: normal;
    font-size: 2.6666666667vw;
    line-height: 1.6;
  }
  .mod-food-item {
    color: #fff;
  }
  .mod-food-item ._name {
    font-weight: bold;
    font-size: 4.2666666667vw;
    line-height: 1.25;
  }
  .mod-food-item ._price {
    margin-top: 0.6666666667vw;
    font-size: 4.2666666667vw;
    line-height: 1.5;
    font-weight: 600;
  }
  .mod-food-item ._text {
    margin-top: 0.6666666667vw;
    font-weight: normal;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: left;
  }
  .mod-food-item ._btn {
    margin-top: 3.3333333333vw;
  }
  .mod-food-item .mod-btn-more {
    width: 42.6666666667vw;
    font-size: 3.7333333333vw;
    padding: 3.2vw 0;
  }
  .mod-goods-item {
    color: #fff;
  }
  .mod-goods-item ._name {
    font-weight: bold;
    font-size: 4.2666666667vw;
    line-height: 1.35;
  }
  .mod-goods-item ._price {
    margin-top: 1.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.5;
    font-weight: 600;
  }
  .mod-goods-item ._text {
    font-weight: normal;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: left;
  }
  .mod-goods-item ._btn {
    margin-top: 4vw;
  }
  .mod-goods-item .mod-btn-more {
    width: 42.6666666667vw;
    font-size: 3.7333333333vw;
    padding: 3.2vw 0;
  }
  .mod-card-item {
    color: #fff;
  }
  .mod-card-item ._name {
    font-weight: bold;
    font-size: 4.2666666667vw;
    line-height: 1.4;
  }
  .mod-card-item ._note {
    margin-top: 1.3333333333vw;
    font-weight: normal;
    font-size: 2.6666666667vw;
    line-height: 1.6;
    text-align: left;
  }
  .mod-card-item ._btn {
    margin-top: 16vw;
  }
  .mod-card-item ._btn2 {
    margin-top: 4.6666666667vw;
  }
  .mod-card-item .mod-btn-more {
    width: 69.3333333333vw;
    font-size: 3.7333333333vw;
    padding: 3.2vw 0;
  }
  .mod-card-item .mod-btn-more2 {
    width: 69.3333333333vw;
    font-size: 3.7333333333vw;
    padding: 3.2vw 0;
  }
  .mod-btn-more {
    background: #fff;
    font-size: 4.2666666667vw;
    line-height: 1;
    text-align: center;
    color: #a01464;
    display: inline-block;
    width: 74.6666666667vw;
    padding: 4.8vw 0;
    font-weight: 500;
    border-radius: 6.6666666667vw;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-more:hover {
    opacity: 0.8;
  }
  .mod-btn-more2 {
    border: 0.2666666667vw solid #fff;
    font-size: 3.2vw;
    line-height: 1;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 53.3333333333vw;
    padding: 2.9333333333vw 0;
    border-radius: 6.6666666667vw;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-more2:hover {
    opacity: 0.8;
  }
  .mod-btn-catalog {
    background: transparent;
    border: 0.2666666667vw solid #fff;
    color: #fff;
    display: block;
    padding: 2.6666666667vw 0;
    border-radius: 5.3333333333vw;
    text-align: center;
    font-size: 3.7333333333vw;
    line-height: 1.2;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-catalog:hover {
    opacity: 0.8;
  }
  .mod-btn-card {
    background: transparent;
    border: 0.2666666667vw solid #fff;
    color: #fff;
    display: block;
    padding: 1.6vw 0;
    border-radius: 13.3333333333vw;
    text-align: center;
    font-size: 3.4666666667vw;
    line-height: 1.4;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-card:hover {
    opacity: 0.8;
  }
  .mod-btn-note {
    color: #fff;
    border-bottom: 0.2666666667vw solid #fff;
    display: inline-block;
    padding: 0 0 0.9333333333vw 0;
    text-align: center;
    font-size: 3.2vw;
    line-height: 1.6;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-btn-note:hover {
    opacity: 0.8;
  }
  .mod-anim {
    transition-delay: 0.2s;
    transition-duration: 0.7s;
  }
  .mod-anim.is-fade {
    opacity: 0;
  }
  .mod-anim.is-fade.js-active {
    opacity: 1;
  }
  .mod-anim.is-top {
    opacity: 0;
    transform: translate(0, -3vw);
  }
  .mod-anim.is-top.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-anim.is-bottom {
    opacity: 0;
    transform: translate(0, 5vw);
  }
  .mod-anim.is-bottom.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-anim.is-right {
    opacity: 0;
    transform: translate(10vw, 0);
  }
  .mod-anim.is-right.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-anim.is-left {
    opacity: 0;
    transform: translate(-10vw, 0);
  }
  .mod-anim.is-left.js-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .mod-anim.is-pon {
    transition-duration: 0.4s;
    transform: scale(0);
    transform-origin: center center;
    opacity: 0;
  }
  .mod-anim.is-pon.js-active {
    transform: scale(1);
    opacity: 1;
  }
  .mod-anim.is-delay-0 {
    transition-delay: 0s;
  }
  .mod-anim.is-delay-1 {
    transition-delay: 0.1s;
  }
  .mod-anim.is-delay-2 {
    transition-delay: 0.2s;
  }
  .mod-anim.is-delay-3 {
    transition-delay: 0.3s;
  }
  .mod-anim.is-delay-4 {
    transition-delay: 0.4s;
  }
  .mod-anim.is-delay-5 {
    transition-delay: 0.5s;
  }
  .mod-anim.is-delay-6 {
    transition-delay: 0.6s;
  }
  .mod-anim.is-delay-7 {
    transition-delay: 0.7s;
  }
  .mod-anim.is-delay-8 {
    transition-delay: 0.8s;
  }
  .mod-anim.is-delay-9 {
    transition-delay: 0.9s;
  }
  .mod-anim.is-delay-10 {
    transition-delay: 1s;
  }
  .mod-anim.is-delay-11 {
    transition-delay: 1.1s;
  }
  .mod-anim.is-delay-12 {
    transition-delay: 1.2s;
  }
  .mod-anim.is-delay-13 {
    transition-delay: 1.3s;
  }
  .mod-anim.is-delay-14 {
    transition-delay: 1.4s;
  }
  .mod-anim.is-delay-15 {
    transition-delay: 1.5s;
  }
  .mod-anim.is-delay-16 {
    transition-delay: 1.6s;
  }
  .mod-anim.is-delay-17 {
    transition-delay: 1.7s;
  }
  .mod-anim.is-delay-18 {
    transition-delay: 1.8s;
  }
  .mod-anim.is-delay-19 {
    transition-delay: 1.9s;
  }
  .mod-anim.is-delay-20 {
    transition-delay: 2s;
  }
  .mod-items-sliders .slick-list {
    overflow: visible;
  }
  .mod-items-sliders ._slide-dots {
    position: absolute;
    left: 60vw;
    width: 40vw;
    bottom: -6.6666666667vw;
    text-align: center;
  }
  .mod-items-sliders ._slide-dots li {
    display: inline-block;
    width: 2.4vw;
    height: 2.4vw;
    background: #CCA187;
    margin: 0 2vw;
    border-radius: 50%;
  }
  .mod-items-sliders ._slide-dots li button {
    display: none;
  }
  .mod-items-sliders ._slide-dots li.slick-active {
    background: #90512B;
  }
  .mod-items-sliders ._btn-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, 30%);
    left: -30px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: url(/cafe/porter/images/slider/icon_prev.png) left top no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-items-sliders ._btn-prev:hover {
    opacity: 0.8;
  }
  .mod-items-sliders ._btn-next {
    position: absolute;
    top: 50%;
    transform: translate(0, 30%);
    right: -30px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: url(/cafe/porter/images/slider/icon_next.png) left top no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-items-sliders ._btn-next:hover {
    opacity: 0.8;
  }
  .u-pc {
    display: none;
  }
}