@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&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");
}
@font-face {
  font-family: "Pike";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/Pike/Pike-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pike";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/Pike/Pike-Bold.woff") format("woff");
}
.u-en {
  font-family: "SoDoSans";
}

.u-en2 {
  font-family: "Pike";
}

.u-min {
  font-family: "Noto Serif JP", serif;
}

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

.block-wrap a {
  color: inherit;
  text-decoration: none;
}
.block-wrap .mod-link-image {
  display: block;
}

@media print, screen and (min-width: 1024px) {
  .block-stage {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.32);
  }
  .breadcrumb-wrap {
    position: relative;
    z-index: 10;
  }
  .block-stage-bg {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    background-image: url("/cafe/blackberry/images/bgs/pc.webp");
    background-size: cover;
    background-position: center;
    background-color: #4D3654;
  }
  .block-wrap {
    position: relative;
  }
  .block-wrap h2, .block-wrap h3, .block-wrap h4, .block-wrap p {
    margin: 0;
  }
  .block-wrap sup {
    font-size: 70%;
  }
  .block-wrap img {
    width: 100%;
  }
  .block-wrap {
    overflow: clip;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    --w:750;
    --tc:rgba(0, 0, 0, 0.87);
  }
  .block-stage {
    background: #fff;
    width: 430px;
    margin: 0 auto;
    overflow: clip;
  }
  .block-main {
    position: relative;
    height: 1089.33px;
    overflow: hidden;
    --main-reveal-radius:-114.67px;
    --main-reveal-feather-mid:40.13px;
    --main-reveal-feather:80.27px;
    background-image: url("/cafe/blackberry/images/main/bg.webp");
    background-size: 100% auto;
    background-position: top center;
  }
  .block-main ._title {
    position: absolute;
    top: 73.96px;
    left: 37.84px;
    width: 358.91px;
  }
  .block-main ._cafe1 {
    position: absolute;
    top: 298.71px;
    left: 25.23px;
    width: 270.04px;
  }
  .block-main ._cafe2 {
    position: absolute;
    top: 332.53px;
    left: 264.31px;
    width: 98.61px;
  }
  .block-main ._title {
    position: absolute;
    top: 73.96px;
    left: 37.84px;
    width: 358.91px;
  }
  .block-main ._scroll {
    position: absolute;
    top: 325.08px;
    left: 163.4px;
    width: 136.45px;
  }
  .block-main ._steps {
    position: absolute;
    top: 521.73px;
    left: 134.73px;
    width: 76.83px;
    height: 96.89px;
  }
  .block-main ._steps ._foot1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 30.39px;
  }
  .block-main ._steps ._foot2 {
    position: absolute;
    top: 17.77px;
    left: 37.27px;
    width: 29.24px;
  }
  .block-main ._steps ._foot3 {
    position: absolute;
    top: 53.32px;
    left: 9.17px;
    width: 30.39px;
  }
  .block-main ._steps ._foot4 {
    position: absolute;
    top: 65.93px;
    left: 47.59px;
    width: 29.24px;
  }
  .block-main ._steps {
    pointer-events: none;
  }
  .block-main ._cat-text {
    position: absolute;
    top: 591.11px;
    left: 296.99px;
    width: 129.57px;
  }
  .block-main ._cat {
    position: absolute;
    top: 634.68px;
    left: 161.68px;
    width: 220.73px;
  }
  .block-main ._mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: url("/cafe/blackberry/images/main/mask.webp");
    background-size: 100% auto;
    background-position: top center;
    -webkit-mask-image: radial-gradient(circle at 63.33% 73.57%, transparent 0 var(--main-reveal-radius), rgba(0, 0, 0, 0.35) calc(var(--main-reveal-radius) + var(--main-reveal-feather-mid)), #000 calc(var(--main-reveal-radius) + var(--main-reveal-feather)));
    mask-image: radial-gradient(circle at 63.33% 73.57%, transparent 0 var(--main-reveal-radius), rgba(0, 0, 0, 0.35) calc(var(--main-reveal-radius) + var(--main-reveal-feather-mid)), #000 calc(var(--main-reveal-radius) + var(--main-reveal-feather)));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .block-main ._title, .block-main ._scroll, .block-main ._steps, .block-main ._cat-text, .block-main ._cat, .block-main ._cafe1, .block-main ._cafe2, .block-main ._texts, .block-main ._texts-note {
    z-index: 2;
  }
  .block-main.is-main-complete ._mask {
    opacity: 0;
  }
  .block-main.is-main-complete ._steps {
    opacity: 0;
  }
  .block-main.is-scroll-hidden ._scroll {
    opacity: 0;
    pointer-events: none;
  }
  .block-main ._texts {
    position: absolute;
    top: 497.65px;
    left: 282.08px;
  }
  .block-main ._texts-note {
    position: absolute;
    top: 579.07px;
    left: 267.17px;
  }
  .block-main ._texts {
    font-size: 13.76px;
    line-height: 1.33;
    font-weight: 500;
    color: #fff;
  }
  .block-main ._texts-note {
    font-size: 11.47px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
  }
  .block-main ._texts, .block-main ._texts-note {
    text-shadow: 0.57px 0.57px 5.73px #192B83;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._mask {
    transition: opacity 0.35s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._title, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._scroll, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._steps, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cat-text, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cat, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cafe1, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cafe2, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._texts, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._texts-note {
    opacity: 0;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._title {
    transition: opacity 0.9s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._scroll {
    transition: opacity 0.8s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-scroll-hidden ._scroll {
    opacity: 0 !important;
    transition: opacity 0.45s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._steps {
    transition: opacity 0.45s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._steps > div {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps {
    transition-duration: 0s;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps > div {
    opacity: 1;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps > ._foot2 {
    transition-delay: 0.2s;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps > ._foot3 {
    transition-delay: 0.4s;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps > ._foot4 {
    transition-delay: 0.6s;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cat-text {
    transform: translateY(6.88px);
    transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cat {
    transform: translateY(20.07px);
    transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cafe1, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cafe2 {
    transform: translateY(25.8px);
    transition: opacity 1s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._texts, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._texts-note {
    transition: opacity 1s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-title-visible ._title, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-scroll-visible ._scroll, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-cat-visible ._cat-text, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-cat-visible ._cat, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-beverages-visible ._cafe1, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-beverages-visible ._cafe2, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-product-text-visible ._texts, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-product-text-visible ._texts-note {
    opacity: 1;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-cat-visible ._cat-text, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-cat-visible ._cat, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-beverages-visible ._cafe1, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-beverages-visible ._cafe2 {
    transform: translateY(0);
  }
  .block-features {
    position: relative;
    height: 3497.33px;
    background-image: url("/cafe/blackberry/images/bgs/bg2.webp");
    background-size: 100% auto;
    background-position: top center;
  }
  .block-features ._lead {
    position: absolute;
    top: 189.2px;
    right: 0;
    left: 1.72px;
    text-align: center;
  }
  .block-features ._deco1 {
    position: absolute;
    top: -89.44px;
    left: -136.45px;
    width: 430px;
  }
  .block-features ._deco2 {
    position: absolute;
    top: 450.07px;
    left: 284.37px;
    width: 234.49px;
  }
  .block-features ._deco3 {
    position: absolute;
    top: 1984.88px;
    left: 268.32px;
    width: 153.08px;
  }
  .block-features ._deco4 {
    position: absolute;
    top: 2500.88px;
    left: -59.63px;
    width: 199.52px;
  }
  .block-features ._deco5 {
    position: absolute;
    top: 3161.36px;
    left: 263.73px;
    width: 234.49px;
  }
  .block-features ._feature1 {
    position: absolute;
    top: 765.4px;
    left: 122.69px;
    width: 353.17px;
  }
  .block-features ._feature2 {
    position: absolute;
    top: 1308.35px;
    left: -45.87px;
    width: 353.17px;
  }
  .block-features ._feature3 {
    position: absolute;
    top: 2101.84px;
    left: -30.39px;
    width: 385.28px;
  }
  .block-features ._feature4 {
    position: absolute;
    top: 2821.95px;
    left: 112.37px;
    width: 385.28px;
  }
  .block-features ._texts1 {
    position: absolute;
    top: 1084.17px;
    left: 21.79px;
  }
  .block-features ._texts2 {
    position: absolute;
    top: 1913.21px;
    left: 76.83px;
  }
  .block-features ._texts3 {
    position: absolute;
    top: 2764.61px;
    left: 32.68px;
  }
  .block-features ._cat1 {
    position: absolute;
    top: 588.81px;
    left: -20.07px;
    width: 118.11px;
  }
  .block-features ._cat-fuki {
    position: absolute;
    top: 1163.87px;
    left: 197.23px;
    width: 216.15px;
  }
  .block-features ._cat-fuki ._cat-fuki-text {
    position: absolute;
    top: 97.47px;
    left: 74.53px;
  }
  .block-features ._cat2 {
    position: absolute;
    top: 1331.85px;
    left: 313.04px;
    width: 254.56px;
  }
  .block-features ._cat3 {
    position: absolute;
    top: 3022.04px;
    left: -69.95px;
    width: 247.68px;
  }
  .block-features ._foot1 {
    position: absolute;
    top: 1698.79px;
    left: 208.69px;
    width: 106.07px;
    height: 118.68px;
  }
  .block-features ._foot1 ._foot1 {
    position: absolute;
    top: 0;
    left: 65.93px;
    width: 40.13px;
  }
  .block-features ._foot1 ._foot2 {
    position: absolute;
    top: 28.67px;
    left: 2.87px;
    width: 40.13px;
  }
  .block-features ._foot1 ._foot3 {
    position: absolute;
    top: 50.45px;
    left: 56.76px;
    width: 37.27px;
  }
  .block-features ._foot1 ._foot4 {
    position: absolute;
    top: 79.12px;
    left: 0;
    width: 37.84px;
  }
  .block-features ._foot2 {
    position: absolute;
    top: 2582.87px;
    left: 263.73px;
    width: 129.57px;
    height: 97.47px;
  }
  .block-features ._foot2 ._foot1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 37.27px;
  }
  .block-features ._foot2 ._foot2 {
    position: absolute;
    top: 3.44px;
    left: 52.17px;
    width: 39.56px;
  }
  .block-features ._foot2 ._foot3 {
    position: absolute;
    top: 57.91px;
    left: 40.13px;
    width: 37.27px;
  }
  .block-features ._foot2 ._foot4 {
    position: absolute;
    top: 53.89px;
    left: 90.01px;
    width: 39.56px;
  }
  .block-features ._lead {
    font-size: 20.64px;
    line-height: 2.44;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts1 ._t1 {
    font-size: 18.35px;
    line-height: 1.38;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts1 ._t2 {
    margin-top: 5.73px;
    font-size: 27.52px;
    line-height: 1.17;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._cat-fuki-text {
    font-size: 11.47px;
    line-height: 1.2;
    font-weight: 600;
    color: #4d3654;
  }
  .block-features ._texts2 ._t1 {
    font-size: 18.35px;
    line-height: 1.38;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts2 ._t2 {
    margin-top: 5.73px;
    font-size: 27.52px;
    line-height: 1.17;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts3 ._t1 {
    font-size: 18.35px;
    line-height: 1.38;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts3 ._t2 {
    margin-top: 5.73px;
    font-size: 27.52px;
    line-height: 1.17;
    font-weight: 600;
    color: #fff;
  }
  .block-beverage {
    position: relative;
    height: 1912.64px;
    background-image: url("/cafe/blackberry/images/bgs/bg3.webp");
    background-size: 100% auto;
    background-position: top center;
  }
  .block-beverage ._deco1 {
    position: absolute;
    top: 322.79px;
    left: 4.59px;
    width: 169.13px;
  }
  .block-beverage ._deco2 {
    position: absolute;
    top: 1156.41px;
    left: 267.17px;
    width: 153.08px;
  }
  .block-beverage ._drink1 {
    position: absolute;
    top: 45.87px;
    left: 97.47px;
    width: 232.77px;
  }
  .block-beverage ._drink2 {
    position: absolute;
    top: 877.2px;
    left: 96.32px;
    width: 231.63px;
  }
  .block-beverage ._btn1 {
    position: absolute;
    top: 652.45px;
    left: 54.47px;
    width: 321.07px;
  }
  .block-beverage ._btn2 {
    position: absolute;
    top: 1471.75px;
    left: 54.47px;
    width: 321.07px;
  }
  .block-beverage ._texts1 {
    position: absolute;
    top: 505.68px;
    left: 53.32px;
  }
  .block-beverage ._texts2 {
    position: absolute;
    top: 1325.55px;
    left: 53.32px;
  }
  .block-beverage ._btn-catalog {
    position: absolute;
    top: 1634.57px;
    left: 77.97px;
    width: 275.2px;
  }
  .block-beverage ._btn-note {
    position: absolute;
    top: 1709.68px;
    left: 66.51px;
    width: 297.56px;
    text-align: center;
  }
  .block-beverage ._drink1 {
    width: 232.77px;
  }
  .block-beverage ._deco1 {
    width: 169.13px;
  }
  .block-beverage ._tetxs1 {
    margin-top: 37.84px;
    width: 286.09px;
  }
  .block-beverage ._btn1 {
    width: 321.07px;
  }
  .block-beverage ._drink2 {
    width: 231.63px;
  }
  .block-beverage ._deco2 {
    width: 153.08px;
  }
  .block-beverage ._tetxs1 {
    margin-top: 37.84px;
    width: 286.09px;
  }
  .block-beverage ._tetxs1 ._t1 {
    font-size: 22.93px;
    line-height: 1.4;
    color: #fff;
  }
  .block-beverage ._tetxs1 ._t2 {
    margin-top: 5.73px;
    width: 97.47px;
  }
  .block-beverage ._tetxs1 ._t2 ._t1 {
    font-size: 20.64px;
    line-height: 1.56;
    color: #fff;
  }
  .block-beverage ._tetxs1 ._t2 ._t2 {
    font-size: 22.93px;
    line-height: 1.4;
    color: #fff;
  }
  .block-beverage ._tetxs1 ._t3 {
    margin-top: 9.75px;
    font-size: 13.76px;
    line-height: 1.67;
    color: #fff;
  }
  .block-beverage ._btn2 {
    width: 321.07px;
  }
  .mod-beverages-item ._name {
    font-size: 22.93px;
    line-height: 1.4;
    letter-spacing: 0.07em;
    font-weight: bold;
    color: #fff;
  }
  .mod-beverages-item ._name.u-min {
    font-size: 22.93px;
    line-height: 1.4;
    letter-spacing: 0em;
    font-weight: bold;
    color: #fff;
  }
  .mod-beverages-item ._prices {
    margin-top: 4.59px;
    display: flex;
    gap: 8.6px;
    font-size: 20.64px;
    line-height: 1.56;
    font-weight: 500;
    color: #fff;
  }
  .mod-beverages-item ._price {
    font-size: 22.93px;
    line-height: 1.4;
    font-weight: 600;
    color: #fff;
  }
  .mod-beverages-item ._doc {
    margin-top: 5.73px;
    font-size: 16.05px;
    line-height: 1.57;
    font-weight: 500;
    color: #fff;
  }
  .mod-beverages-item ._note {
    margin-top: 5.73px;
    font-size: 13.76px;
    line-height: 1.67;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #fff;
  }
  .block-food {
    position: relative;
    height: 1112.27px;
  }
  .block-food ._title {
    position: absolute;
    top: 44.15px;
    left: 81.99px;
    width: 269.47px;
  }
  .block-food ._p1 {
    position: absolute;
    top: 218.44px;
    left: 90.59px;
    width: 248.83px;
  }
  .block-food ._texts1 {
    position: absolute;
    top: 514.28px;
    left: 77.4px;
    width: 274.05px;
  }
  .block-food ._btn1 {
    position: absolute;
    top: 713.23px;
    left: 77.4px;
    width: 275.2px;
  }
  .block-food ._btn-catalog {
    position: absolute;
    top: 860px;
    left: 77.4px;
    width: 275.2px;
  }
  .block-food ._btn-note {
    position: absolute;
    top: 936.83px;
    left: 72.24px;
    width: 297.56px;
    text-align: center;
  }
  .block-goods {
    position: relative;
    height: 2637.33px;
  }
  .block-goods ._title {
    position: absolute;
    top: 72.24px;
    left: 51.6px;
    width: 325.65px;
  }
  .block-goods ._p1 {
    position: absolute;
    top: 239.65px;
    left: 47.01px;
    width: 342.28px;
  }
  .block-goods ._p2 {
    position: absolute;
    top: 1110.55px;
    left: 35.55px;
    width: 345.15px;
  }
  .block-goods ._p3 {
    position: absolute;
    top: 1859.89px;
    left: 37.84px;
    width: 361.77px;
  }
  .block-goods ._texts1 {
    position: absolute;
    top: 596.84px;
    left: 45.29px;
  }
  .block-goods ._texts2 {
    position: absolute;
    top: 1443.65px;
    left: 45.29px;
  }
  .block-goods ._texts3 {
    position: absolute;
    top: 2059.99px;
    left: 45.29px;
  }
  .block-goods ._btn-catalog {
    position: absolute;
    top: 2412.59px;
    left: 45.87px;
    width: 338.27px;
  }
  .block-goods ._btn1 {
    position: absolute;
    top: 962.63px;
    left: 45.87px;
    width: 338.27px;
  }
  .block-goods ._btn2 {
    position: absolute;
    top: 1713.12px;
    left: 45.87px;
    width: 338.27px;
  }
  .block-goods ._btn3 {
    position: absolute;
    top: 2265.81px;
    left: 45.87px;
    width: 338.27px;
  }
  .block-card {
    position: relative;
    height: 882.93px;
  }
  .block-card ._title {
    position: absolute;
    top: 38.99px;
    left: 14.33px;
  }
  .block-card ._lead {
    position: absolute;
    top: 214.43px;
    right: 0;
    left: 2.29px;
    text-align: center;
  }
  .block-card ._p1 {
    position: absolute;
    top: 341.13px;
    left: 32.68px;
    width: 364.64px;
  }
  .block-card ._btn1 {
    position: absolute;
    top: 694.31px;
    left: 77.4px;
    width: 275.2px;
  }
  .block-card ._btn-catalog {
    position: absolute;
    top: 760.81px;
    left: 77.4px;
    width: 275.2px;
  }
  .block-card ._texts1 {
    position: absolute;
    top: 580.21px;
    left: 31.53px;
    width: 233.92px;
  }
  .block-card ._lead {
    font-size: 18.35px;
    line-height: 2;
    font-weight: 500;
    color: #f4f6f7;
  }
  .block-card ._texts1 ._name {
    font-size: 22.93px;
    line-height: 1.4;
    font-weight: 600;
    color: #fff;
  }
  .block-card ._texts1 ._note {
    margin-top: 1.15px;
    font-size: 11.47px;
    line-height: 1.4;
    font-weight: 500;
    color: #fff;
  }
  .block-digital_card {
    position: relative;
    height: 951.73px;
  }
  .block-digital_card ._foot1 {
    position: absolute;
    top: -58.48px;
    left: -15.48px;
    width: 94.03px;
    height: 101.48px;
  }
  .block-digital_card ._foot1 ._foot1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 33.83px;
  }
  .block-digital_card ._foot1 ._foot3 {
    position: absolute;
    top: 15.48px;
    left: 43px;
    width: 33.25px;
  }
  .block-digital_card ._foot1 ._foot2 {
    position: absolute;
    top: 57.91px;
    left: 17.77px;
    width: 33.83px;
  }
  .block-digital_card ._foot1 ._foot4 {
    position: absolute;
    top: 67.65px;
    left: 61.35px;
    width: 32.68px;
  }
  .block-digital_card ._title {
    position: absolute;
    top: 44.15px;
    left: 14.33px;
    width: 400.19px;
  }
  .block-digital_card ._lead {
    position: absolute;
    top: 298.13px;
    right: 0;
    left: 0;
    text-align: center;
  }
  .block-digital_card ._p1 {
    position: absolute;
    top: 445.48px;
    left: 14.33px;
    width: 401.33px;
  }
  .block-digital_card ._btn1 {
    position: absolute;
    top: 756.8px;
    left: 77.4px;
    width: 275.2px;
  }
  .block-digital_card ._deco1 {
    position: absolute;
    top: 788.33px;
    left: 282.08px;
    width: 137.03px;
  }
  .block-digital_card ._lead {
    font-size: 18.35px;
    line-height: 2;
    font-weight: 500;
    color: #f4f6f7;
  }
  .block-bg1 {
    position: relative;
  }
  .block-bg1 ._bg {
    position: absolute;
    top: -131.87px;
    right: 0;
    left: 0;
  }
  .block-bg1 ._cat {
    position: absolute;
    top: -104.35px;
    left: -19.49px;
    width: 101.48px;
  }
  .block-bg2 {
    position: relative;
  }
  .block-bg2 ._bg {
    position: absolute;
    top: -103.2px;
    right: 0;
    left: 0;
  }
  .block-bg2 ._cat {
    position: absolute;
    top: -84.85px;
    left: 267.75px;
    width: 91.73px;
  }
  .block-bg3 {
    position: relative;
  }
  .block-bg3 ._bg {
    position: absolute;
    top: -120.4px;
    right: 0;
    left: 0;
  }
  .block-bg3 ._cat {
    position: absolute;
    top: -91.73px;
    left: -127.28px;
    width: 336.55px;
  }
  .mod-link-image {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-link-image:hover {
    filter: brightness(1.05);
  }
  a.mod-btn-order {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 321.07px;
    height: 59.63px;
    border-radius: 57.33px;
    font-size: 18.35px;
    line-height: 1.2;
    font-weight: 600;
    color: #4D3654;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  a.mod-btn-order:hover {
    opacity: 0.8;
  }
  a.mod-btn-order.is-m {
    width: 275.2px;
    height: 49.88px;
    font-size: 16.05px;
  }
  a.mod-btn-order.is-m2 {
    width: 338.27px;
    height: 43.57px;
    font-size: 16.05px;
  }
  a.mod-btn-catalog {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.57px solid #fff;
    width: 100%;
    height: 42.43px;
    border-radius: 57.33px;
    font-size: 16.05px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  a.mod-btn-catalog:hover {
    opacity: 0.8;
  }
  a.mod-btn-card {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.57px solid #fff;
    width: 100%;
    height: 53.89px;
    border-radius: 57.33px;
    font-size: 14.91px;
    line-height: 1.38;
    font-weight: 500;
    color: #fff;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  a.mod-btn-card:hover {
    opacity: 0.8;
  }
  a.mod-btn-note {
    color: #fff;
    border-bottom: 0.57px solid #fff;
    display: inline-block;
    padding: 0 0 4.59px 0;
    text-align: center;
    line-height: 1.6;
    font-size: 14.91px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  a.mod-btn-note:hover {
    opacity: 0.8;
  }
  .mod-anim.is-skip {
    transition: none !important;
    animation: none !important;
  }
  .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-steps > div {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease;
  }
  .mod-anim.is-steps > div:nth-child(1) {
    transition-delay: 0.2s;
  }
  .mod-anim.is-steps > div:nth-child(2) {
    transition-delay: 0.45s;
  }
  .mod-anim.is-steps > div:nth-child(3) {
    transition-delay: 0.7s;
  }
  .mod-anim.is-steps > div:nth-child(4) {
    transition-delay: 0.95s;
  }
  .mod-anim.is-steps.js-active > div {
    opacity: 1;
  }
  .mod-anim.is-steps.is-skip > div {
    transition: none !important;
    animation: none !important;
  }
  .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;
  }
  .u-sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .block-wrap {
    position: relative;
  }
  .block-wrap h2, .block-wrap h3, .block-wrap h4, .block-wrap p {
    margin: 0;
  }
  .block-wrap sup {
    font-size: 70%;
  }
  .block-wrap img {
    width: 100%;
  }
  .block-wrap {
    overflow: clip;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    --w:750;
    --tc:rgba(0, 0, 0, 0.87);
  }
  .block-stage-bg,
  .block-stage-pc {
    display: none;
  }
  .block-main {
    position: relative;
    height: calc(1900 / var(--w) * 100vw);
    overflow: hidden;
    --main-reveal-radius:calc(-200 / var(--w) * 100vw);
    --main-reveal-feather-mid:calc(70 / var(--w) * 100vw);
    --main-reveal-feather:calc(140 / var(--w) * 100vw);
    background-image: url("/cafe/blackberry/images/main/bg.webp");
    background-size: 100% auto;
    background-position: top center;
  }
  .block-main ._title {
    position: absolute;
    top: calc(129 / var(--w) * 100vw);
    left: calc(66 / var(--w) * 100vw);
    width: calc(626 / var(--w) * 100vw);
  }
  .block-main ._cafe1 {
    position: absolute;
    top: calc(521 / var(--w) * 100vw);
    left: calc(44 / var(--w) * 100vw);
    width: calc(471 / var(--w) * 100vw);
  }
  .block-main ._cafe2 {
    position: absolute;
    top: calc(580 / var(--w) * 100vw);
    left: calc(461 / var(--w) * 100vw);
    width: calc(172 / var(--w) * 100vw);
  }
  .block-main ._title {
    position: absolute;
    top: calc(129 / var(--w) * 100vw);
    left: calc(66 / var(--w) * 100vw);
    width: calc(626 / var(--w) * 100vw);
  }
  .block-main ._scroll {
    position: absolute;
    top: calc(567 / var(--w) * 100vw);
    left: calc(285 / var(--w) * 100vw);
    width: calc(238 / var(--w) * 100vw);
  }
  .block-main ._steps {
    position: absolute;
    top: calc(910 / var(--w) * 100vw);
    left: calc(235 / var(--w) * 100vw);
    width: calc(134 / var(--w) * 100vw);
    height: calc(169 / var(--w) * 100vw);
  }
  .block-main ._steps ._foot1 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(53 / var(--w) * 100vw);
  }
  .block-main ._steps ._foot2 {
    position: absolute;
    top: calc(31 / var(--w) * 100vw);
    left: calc(65 / var(--w) * 100vw);
    width: calc(51 / var(--w) * 100vw);
  }
  .block-main ._steps ._foot3 {
    position: absolute;
    top: calc(93 / var(--w) * 100vw);
    left: calc(16 / var(--w) * 100vw);
    width: calc(53 / var(--w) * 100vw);
  }
  .block-main ._steps ._foot4 {
    position: absolute;
    top: calc(115 / var(--w) * 100vw);
    left: calc(83 / var(--w) * 100vw);
    width: calc(51 / var(--w) * 100vw);
  }
  .block-main ._steps {
    pointer-events: none;
  }
  .block-main ._cat-text {
    position: absolute;
    top: calc(1031 / var(--w) * 100vw);
    left: calc(518 / var(--w) * 100vw);
    width: calc(226 / var(--w) * 100vw);
  }
  .block-main ._cat {
    position: absolute;
    top: calc(1107 / var(--w) * 100vw);
    left: calc(282 / var(--w) * 100vw);
    width: calc(385 / var(--w) * 100vw);
  }
  .block-main ._mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: url("/cafe/blackberry/images/main/mask.webp");
    background-size: 100% auto;
    background-position: top center;
    -webkit-mask-image: radial-gradient(circle at 63.33% 73.57%, transparent 0 var(--main-reveal-radius), rgba(0, 0, 0, 0.35) calc(var(--main-reveal-radius) + var(--main-reveal-feather-mid)), #000 calc(var(--main-reveal-radius) + var(--main-reveal-feather)));
    mask-image: radial-gradient(circle at 63.33% 73.57%, transparent 0 var(--main-reveal-radius), rgba(0, 0, 0, 0.35) calc(var(--main-reveal-radius) + var(--main-reveal-feather-mid)), #000 calc(var(--main-reveal-radius) + var(--main-reveal-feather)));
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .block-main ._title, .block-main ._scroll, .block-main ._steps, .block-main ._cat-text, .block-main ._cat, .block-main ._cafe1, .block-main ._cafe2, .block-main ._texts, .block-main ._texts-note {
    z-index: 2;
  }
  .block-main.is-main-complete ._mask {
    opacity: 0;
  }
  .block-main.is-main-complete ._steps {
    opacity: 0;
  }
  .block-main.is-scroll-hidden ._scroll {
    opacity: 0;
    pointer-events: none;
  }
  .block-main ._texts {
    position: absolute;
    top: calc(868 / var(--w) * 100vw);
    left: calc(492 / var(--w) * 100vw);
  }
  .block-main ._texts-note {
    position: absolute;
    top: calc(1010 / var(--w) * 100vw);
    left: calc(466 / var(--w) * 100vw);
  }
  .block-main ._texts {
    font-size: calc(24 / var(--w) * 100vw);
    line-height: 1.33;
    font-weight: 500;
    color: #fff;
  }
  .block-main ._texts-note {
    font-size: calc(20 / var(--w) * 100vw);
    line-height: 1;
    font-weight: 500;
    color: #fff;
  }
  .block-main ._texts, .block-main ._texts-note {
    text-shadow: calc(1 / var(--w) * 100vw) calc(1 / var(--w) * 100vw) calc(10 / var(--w) * 100vw) #192B83;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._mask {
    transition: opacity 0.35s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._title, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._scroll, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._steps, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cat-text, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cat, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cafe1, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cafe2, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._texts, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._texts-note {
    opacity: 0;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._title {
    transition: opacity 0.9s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._scroll {
    transition: opacity 0.8s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-scroll-hidden ._scroll {
    opacity: 0 !important;
    transition: opacity 0.45s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._steps {
    transition: opacity 0.45s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._steps > div {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps {
    transition-duration: 0s;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps > div {
    opacity: 1;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps > ._foot2 {
    transition-delay: 0.2s;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps > ._foot3 {
    transition-delay: 0.4s;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps > ._foot4 {
    transition-delay: 0.6s;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cat-text {
    transform: translateY(calc(12 / var(--w) * 100vw));
    transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cat {
    transform: translateY(calc(35 / var(--w) * 100vw));
    transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cafe1, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._cafe2 {
    transform: translateY(calc(45 / var(--w) * 100vw));
    transition: opacity 1s ease, transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._texts, .is-blackberry-main-anim body .block-wrap .block-stage .block-main ._texts-note {
    transition: opacity 1s ease;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-title-visible ._title, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-scroll-visible ._scroll, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-steps-visible ._steps, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-cat-visible ._cat-text, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-cat-visible ._cat, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-beverages-visible ._cafe1, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-beverages-visible ._cafe2, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-product-text-visible ._texts, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-product-text-visible ._texts-note {
    opacity: 1;
  }
  .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-cat-visible ._cat-text, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-cat-visible ._cat, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-beverages-visible ._cafe1, .is-blackberry-main-anim body .block-wrap .block-stage .block-main.is-beverages-visible ._cafe2 {
    transform: translateY(0);
  }
  .block-features {
    position: relative;
    height: calc(6100 / var(--w) * 100vw);
    background-image: url("/cafe/blackberry/images/bgs/bg2.webp");
    background-size: 100% auto;
    background-position: top center;
  }
  .block-features ._lead {
    position: absolute;
    top: calc(330 / var(--w) * 100vw);
    right: 0;
    left: calc(3 / var(--w) * 100vw);
    text-align: center;
  }
  .block-features ._deco1 {
    position: absolute;
    top: calc(-156 / var(--w) * 100vw);
    left: calc(-238 / var(--w) * 100vw);
    width: calc(750 / var(--w) * 100vw);
  }
  .block-features ._deco2 {
    position: absolute;
    top: calc(785 / var(--w) * 100vw);
    left: calc(496 / var(--w) * 100vw);
    width: calc(409 / var(--w) * 100vw);
  }
  .block-features ._deco3 {
    position: absolute;
    top: calc(3462 / var(--w) * 100vw);
    left: calc(468 / var(--w) * 100vw);
    width: calc(267 / var(--w) * 100vw);
  }
  .block-features ._deco4 {
    position: absolute;
    top: calc(4362 / var(--w) * 100vw);
    left: calc(-104 / var(--w) * 100vw);
    width: calc(348 / var(--w) * 100vw);
  }
  .block-features ._deco5 {
    position: absolute;
    top: calc(5514 / var(--w) * 100vw);
    left: calc(460 / var(--w) * 100vw);
    width: calc(409 / var(--w) * 100vw);
  }
  .block-features ._feature1 {
    position: absolute;
    top: calc(1335 / var(--w) * 100vw);
    left: calc(214 / var(--w) * 100vw);
    width: calc(616 / var(--w) * 100vw);
  }
  .block-features ._feature2 {
    position: absolute;
    top: calc(2282 / var(--w) * 100vw);
    left: calc(-80 / var(--w) * 100vw);
    width: calc(616 / var(--w) * 100vw);
  }
  .block-features ._feature3 {
    position: absolute;
    top: calc(3666 / var(--w) * 100vw);
    left: calc(-53 / var(--w) * 100vw);
    width: calc(672 / var(--w) * 100vw);
  }
  .block-features ._feature4 {
    position: absolute;
    top: calc(4922 / var(--w) * 100vw);
    left: calc(196 / var(--w) * 100vw);
    width: calc(672 / var(--w) * 100vw);
  }
  .block-features ._texts1 {
    position: absolute;
    top: calc(1891 / var(--w) * 100vw);
    left: calc(38 / var(--w) * 100vw);
  }
  .block-features ._texts2 {
    position: absolute;
    top: calc(3337 / var(--w) * 100vw);
    left: calc(134 / var(--w) * 100vw);
  }
  .block-features ._texts3 {
    position: absolute;
    top: calc(4822 / var(--w) * 100vw);
    left: calc(57 / var(--w) * 100vw);
  }
  .block-features ._cat1 {
    position: absolute;
    top: calc(1027 / var(--w) * 100vw);
    left: calc(-35 / var(--w) * 100vw);
    width: calc(206 / var(--w) * 100vw);
  }
  .block-features ._cat-fuki {
    position: absolute;
    top: calc(2030 / var(--w) * 100vw);
    left: calc(344 / var(--w) * 100vw);
    width: calc(377 / var(--w) * 100vw);
  }
  .block-features ._cat-fuki ._cat-fuki-text {
    position: absolute;
    top: calc(170 / var(--w) * 100vw);
    left: calc(130 / var(--w) * 100vw);
  }
  .block-features ._cat2 {
    position: absolute;
    top: calc(2323 / var(--w) * 100vw);
    left: calc(546 / var(--w) * 100vw);
    width: calc(444 / var(--w) * 100vw);
  }
  .block-features ._cat3 {
    position: absolute;
    top: calc(5271 / var(--w) * 100vw);
    left: calc(-122 / var(--w) * 100vw);
    width: calc(432 / var(--w) * 100vw);
  }
  .block-features ._foot1 {
    position: absolute;
    top: calc(2963 / var(--w) * 100vw);
    left: calc(364 / var(--w) * 100vw);
    width: calc(185 / var(--w) * 100vw);
    height: calc(207 / var(--w) * 100vw);
  }
  .block-features ._foot1 ._foot1 {
    position: absolute;
    top: 0;
    left: calc(115 / var(--w) * 100vw);
    width: calc(70 / var(--w) * 100vw);
  }
  .block-features ._foot1 ._foot2 {
    position: absolute;
    top: calc(50 / var(--w) * 100vw);
    left: calc(5 / var(--w) * 100vw);
    width: calc(70 / var(--w) * 100vw);
  }
  .block-features ._foot1 ._foot3 {
    position: absolute;
    top: calc(88 / var(--w) * 100vw);
    left: calc(99 / var(--w) * 100vw);
    width: calc(65 / var(--w) * 100vw);
  }
  .block-features ._foot1 ._foot4 {
    position: absolute;
    top: calc(138 / var(--w) * 100vw);
    left: 0;
    width: calc(66 / var(--w) * 100vw);
  }
  .block-features ._foot2 {
    position: absolute;
    top: calc(4505 / var(--w) * 100vw);
    left: calc(460 / var(--w) * 100vw);
    width: calc(226 / var(--w) * 100vw);
    height: calc(170 / var(--w) * 100vw);
  }
  .block-features ._foot2 ._foot1 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(65 / var(--w) * 100vw);
  }
  .block-features ._foot2 ._foot2 {
    position: absolute;
    top: calc(6 / var(--w) * 100vw);
    left: calc(91 / var(--w) * 100vw);
    width: calc(69 / var(--w) * 100vw);
  }
  .block-features ._foot2 ._foot3 {
    position: absolute;
    top: calc(101 / var(--w) * 100vw);
    left: calc(70 / var(--w) * 100vw);
    width: calc(65 / var(--w) * 100vw);
  }
  .block-features ._foot2 ._foot4 {
    position: absolute;
    top: calc(94 / var(--w) * 100vw);
    left: calc(157 / var(--w) * 100vw);
    width: calc(69 / var(--w) * 100vw);
  }
  .block-features ._lead {
    font-size: calc(36 / var(--w) * 100vw);
    line-height: 2.44;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts1 ._t1 {
    font-size: calc(32 / var(--w) * 100vw);
    line-height: 1.38;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts1 ._t2 {
    margin-top: calc(10 / var(--w) * 100vw);
    font-size: calc(48 / var(--w) * 100vw);
    line-height: 1.17;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._cat-fuki-text {
    font-size: calc(20 / var(--w) * 100vw);
    line-height: 1.2;
    font-weight: 600;
    color: #4d3654;
  }
  .block-features ._texts2 ._t1 {
    font-size: calc(32 / var(--w) * 100vw);
    line-height: 1.38;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts2 ._t2 {
    margin-top: calc(10 / var(--w) * 100vw);
    font-size: calc(48 / var(--w) * 100vw);
    line-height: 1.17;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts3 ._t1 {
    font-size: calc(32 / var(--w) * 100vw);
    line-height: 1.38;
    font-weight: 600;
    color: #fff;
  }
  .block-features ._texts3 ._t2 {
    margin-top: calc(10 / var(--w) * 100vw);
    font-size: calc(48 / var(--w) * 100vw);
    line-height: 1.17;
    font-weight: 600;
    color: #fff;
  }
  .block-beverage {
    position: relative;
    height: calc(3336 / var(--w) * 100vw);
    background-image: url("/cafe/blackberry/images/bgs/bg3.webp");
    background-size: 100% auto;
    background-position: top center;
  }
  .block-beverage ._deco1 {
    position: absolute;
    top: calc(563 / var(--w) * 100vw);
    left: calc(8 / var(--w) * 100vw);
    width: calc(295 / var(--w) * 100vw);
  }
  .block-beverage ._deco2 {
    position: absolute;
    top: calc(2017 / var(--w) * 100vw);
    left: calc(466 / var(--w) * 100vw);
    width: calc(267 / var(--w) * 100vw);
  }
  .block-beverage ._drink1 {
    position: absolute;
    top: calc(80 / var(--w) * 100vw);
    left: calc(170 / var(--w) * 100vw);
    width: calc(406 / var(--w) * 100vw);
  }
  .block-beverage ._drink2 {
    position: absolute;
    top: calc(1530 / var(--w) * 100vw);
    left: calc(168 / var(--w) * 100vw);
    width: calc(404 / var(--w) * 100vw);
  }
  .block-beverage ._btn1 {
    position: absolute;
    top: calc(1138 / var(--w) * 100vw);
    left: calc(95 / var(--w) * 100vw);
    width: calc(560 / var(--w) * 100vw);
  }
  .block-beverage ._btn2 {
    position: absolute;
    top: calc(2567 / var(--w) * 100vw);
    left: calc(95 / var(--w) * 100vw);
    width: calc(560 / var(--w) * 100vw);
  }
  .block-beverage ._texts1 {
    position: absolute;
    top: calc(882 / var(--w) * 100vw);
    left: calc(93 / var(--w) * 100vw);
  }
  .block-beverage ._texts2 {
    position: absolute;
    top: calc(2312 / var(--w) * 100vw);
    left: calc(93 / var(--w) * 100vw);
  }
  .block-beverage ._btn-catalog {
    position: absolute;
    top: calc(2851 / var(--w) * 100vw);
    left: calc(136 / var(--w) * 100vw);
    width: calc(480 / var(--w) * 100vw);
  }
  .block-beverage ._btn-note {
    position: absolute;
    top: calc(2982 / var(--w) * 100vw);
    left: calc(116 / var(--w) * 100vw);
    width: calc(519 / var(--w) * 100vw);
    text-align: center;
  }
  .block-beverage ._drink1 {
    width: calc(406 / var(--w) * 100vw);
  }
  .block-beverage ._deco1 {
    width: calc(295 / var(--w) * 100vw);
  }
  .block-beverage ._tetxs1 {
    margin-top: calc(66 / var(--w) * 100vw);
    width: calc(499 / var(--w) * 100vw);
  }
  .block-beverage ._btn1 {
    width: calc(560 / var(--w) * 100vw);
  }
  .block-beverage ._drink2 {
    width: calc(404 / var(--w) * 100vw);
  }
  .block-beverage ._deco2 {
    width: calc(267 / var(--w) * 100vw);
  }
  .block-beverage ._tetxs1 {
    margin-top: calc(66 / var(--w) * 100vw);
    width: calc(499 / var(--w) * 100vw);
  }
  .block-beverage ._tetxs1 ._t1 {
    font-size: calc(40 / var(--w) * 100vw);
    line-height: 1.4;
    color: #fff;
  }
  .block-beverage ._tetxs1 ._t2 {
    margin-top: calc(10 / var(--w) * 100vw);
    width: calc(170 / var(--w) * 100vw);
  }
  .block-beverage ._tetxs1 ._t2 ._t1 {
    font-size: calc(36 / var(--w) * 100vw);
    line-height: 1.56;
    color: #fff;
  }
  .block-beverage ._tetxs1 ._t2 ._t2 {
    font-size: calc(40 / var(--w) * 100vw);
    line-height: 1.4;
    color: #fff;
  }
  .block-beverage ._tetxs1 ._t3 {
    margin-top: calc(17 / var(--w) * 100vw);
    font-size: calc(24 / var(--w) * 100vw);
    line-height: 1.67;
    color: #fff;
  }
  .block-beverage ._btn2 {
    width: calc(560 / var(--w) * 100vw);
  }
  .mod-beverages-item ._name {
    font-size: calc(40 / var(--w) * 100vw);
    line-height: 1.4;
    letter-spacing: 0.07em;
    font-weight: bold;
    color: #fff;
  }
  .mod-beverages-item ._name.u-min {
    font-size: calc(40 / var(--w) * 100vw);
    line-height: 1.4;
    letter-spacing: 0em;
    font-weight: bold;
    color: #fff;
  }
  .mod-beverages-item ._prices {
    margin-top: calc(8 / var(--w) * 100vw);
    display: flex;
    gap: calc(15 / var(--w) * 100vw);
    font-size: calc(36 / var(--w) * 100vw);
    line-height: 1.56;
    font-weight: 500;
    color: #fff;
  }
  .mod-beverages-item ._price {
    font-size: calc(40 / var(--w) * 100vw);
    line-height: 1.4;
    font-weight: 600;
    color: #fff;
  }
  .mod-beverages-item ._doc {
    margin-top: calc(10 / var(--w) * 100vw);
    font-size: calc(28 / var(--w) * 100vw);
    line-height: 1.57;
    font-weight: 500;
    color: #fff;
  }
  .mod-beverages-item ._note {
    margin-top: calc(10 / var(--w) * 100vw);
    font-size: calc(24 / var(--w) * 100vw);
    line-height: 1.67;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #fff;
  }
  .block-food {
    position: relative;
    height: calc(1940 / var(--w) * 100vw);
  }
  .block-food ._title {
    position: absolute;
    top: calc(77 / var(--w) * 100vw);
    left: calc(143 / var(--w) * 100vw);
    width: calc(470 / var(--w) * 100vw);
  }
  .block-food ._p1 {
    position: absolute;
    top: calc(381 / var(--w) * 100vw);
    left: calc(158 / var(--w) * 100vw);
    width: calc(434 / var(--w) * 100vw);
  }
  .block-food ._texts1 {
    position: absolute;
    top: calc(897 / var(--w) * 100vw);
    left: calc(135 / var(--w) * 100vw);
    width: calc(478 / var(--w) * 100vw);
  }
  .block-food ._btn1 {
    position: absolute;
    top: calc(1244 / var(--w) * 100vw);
    left: calc(135 / var(--w) * 100vw);
    width: calc(480 / var(--w) * 100vw);
  }
  .block-food ._btn-catalog {
    position: absolute;
    top: calc(1500 / var(--w) * 100vw);
    left: calc(135 / var(--w) * 100vw);
    width: calc(480 / var(--w) * 100vw);
  }
  .block-food ._btn-note {
    position: absolute;
    top: calc(1634 / var(--w) * 100vw);
    left: calc(126 / var(--w) * 100vw);
    width: calc(519 / var(--w) * 100vw);
    text-align: center;
  }
  .block-goods {
    position: relative;
    height: calc(4600 / var(--w) * 100vw);
  }
  .block-goods ._title {
    position: absolute;
    top: calc(126 / var(--w) * 100vw);
    left: calc(90 / var(--w) * 100vw);
    width: calc(568 / var(--w) * 100vw);
  }
  .block-goods ._p1 {
    position: absolute;
    top: calc(418 / var(--w) * 100vw);
    left: calc(82 / var(--w) * 100vw);
    width: calc(597 / var(--w) * 100vw);
  }
  .block-goods ._p2 {
    position: absolute;
    top: calc(1937 / var(--w) * 100vw);
    left: calc(62 / var(--w) * 100vw);
    width: calc(602 / var(--w) * 100vw);
  }
  .block-goods ._p3 {
    position: absolute;
    top: calc(3244 / var(--w) * 100vw);
    left: calc(66 / var(--w) * 100vw);
    width: calc(631 / var(--w) * 100vw);
  }
  .block-goods ._texts1 {
    position: absolute;
    top: calc(1041 / var(--w) * 100vw);
    left: calc(79 / var(--w) * 100vw);
  }
  .block-goods ._texts2 {
    position: absolute;
    top: calc(2518 / var(--w) * 100vw);
    left: calc(79 / var(--w) * 100vw);
  }
  .block-goods ._texts3 {
    position: absolute;
    top: calc(3593 / var(--w) * 100vw);
    left: calc(79 / var(--w) * 100vw);
  }
  .block-goods ._btn-catalog {
    position: absolute;
    top: calc(4208 / var(--w) * 100vw);
    left: calc(80 / var(--w) * 100vw);
    width: calc(590 / var(--w) * 100vw);
  }
  .block-goods ._btn1 {
    position: absolute;
    top: calc(1679 / var(--w) * 100vw);
    left: calc(80 / var(--w) * 100vw);
    width: calc(590 / var(--w) * 100vw);
  }
  .block-goods ._btn2 {
    position: absolute;
    top: calc(2988 / var(--w) * 100vw);
    left: calc(80 / var(--w) * 100vw);
    width: calc(590 / var(--w) * 100vw);
  }
  .block-goods ._btn3 {
    position: absolute;
    top: calc(3952 / var(--w) * 100vw);
    left: calc(80 / var(--w) * 100vw);
    width: calc(590 / var(--w) * 100vw);
  }
  .block-card {
    position: relative;
    height: calc(1540 / var(--w) * 100vw);
  }
  .block-card ._title {
    position: absolute;
    top: calc(68 / var(--w) * 100vw);
    left: calc(25 / var(--w) * 100vw);
    width: calc(698 / var(--w) * 100vw);
  }
  .block-card ._lead {
    position: absolute;
    top: calc(374 / var(--w) * 100vw);
    right: 0;
    left: calc(4 / var(--w) * 100vw);
    text-align: center;
  }
  .block-card ._p1 {
    position: absolute;
    top: calc(595 / var(--w) * 100vw);
    left: calc(57 / var(--w) * 100vw);
    width: calc(636 / var(--w) * 100vw);
  }
  .block-card ._btn1 {
    position: absolute;
    top: calc(1211 / var(--w) * 100vw);
    left: calc(135 / var(--w) * 100vw);
    width: calc(480 / var(--w) * 100vw);
  }
  .block-card ._btn-catalog {
    position: absolute;
    top: calc(1327 / var(--w) * 100vw);
    left: calc(135 / var(--w) * 100vw);
    width: calc(480 / var(--w) * 100vw);
  }
  .block-card ._texts1 {
    position: absolute;
    top: calc(1012 / var(--w) * 100vw);
    left: calc(55 / var(--w) * 100vw);
  }
  .block-card ._lead {
    font-size: calc(32 / var(--w) * 100vw);
    line-height: 2;
    font-weight: 500;
    color: #f4f6f7;
  }
  .block-card ._texts1 ._name {
    font-size: calc(40 / var(--w) * 100vw);
    line-height: 1.4;
    font-weight: 600;
    color: #fff;
  }
  .block-card ._texts1 ._note {
    margin-top: calc(2 / var(--w) * 100vw);
    font-size: calc(20 / var(--w) * 100vw);
    line-height: 1.4;
    font-weight: 500;
    color: #fff;
  }
  .block-digital_card {
    position: relative;
    height: calc(1660 / var(--w) * 100vw);
  }
  .block-digital_card ._foot1 {
    position: absolute;
    top: calc(-102 / var(--w) * 100vw);
    left: calc(-27 / var(--w) * 100vw);
    width: calc(164 / var(--w) * 100vw);
    height: calc(177 / var(--w) * 100vw);
  }
  .block-digital_card ._foot1 ._foot1 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(59 / var(--w) * 100vw);
  }
  .block-digital_card ._foot1 ._foot3 {
    position: absolute;
    top: calc(27 / var(--w) * 100vw);
    left: calc(75 / var(--w) * 100vw);
    width: calc(58 / var(--w) * 100vw);
  }
  .block-digital_card ._foot1 ._foot2 {
    position: absolute;
    top: calc(101 / var(--w) * 100vw);
    left: calc(31 / var(--w) * 100vw);
    width: calc(59 / var(--w) * 100vw);
  }
  .block-digital_card ._foot1 ._foot4 {
    position: absolute;
    top: calc(118 / var(--w) * 100vw);
    left: calc(107 / var(--w) * 100vw);
    width: calc(57 / var(--w) * 100vw);
  }
  .block-digital_card ._title {
    position: absolute;
    top: calc(77 / var(--w) * 100vw);
    left: calc(25 / var(--w) * 100vw);
    width: calc(698 / var(--w) * 100vw);
  }
  .block-digital_card ._lead {
    position: absolute;
    top: calc(520 / var(--w) * 100vw);
    right: 0;
    left: 0;
    text-align: center;
  }
  .block-digital_card ._p1 {
    position: absolute;
    top: calc(777 / var(--w) * 100vw);
    left: calc(25 / var(--w) * 100vw);
    width: calc(700 / var(--w) * 100vw);
  }
  .block-digital_card ._btn1 {
    position: absolute;
    top: calc(1320 / var(--w) * 100vw);
    left: calc(135 / var(--w) * 100vw);
    width: calc(480 / var(--w) * 100vw);
  }
  .block-digital_card ._deco1 {
    position: absolute;
    top: calc(1375 / var(--w) * 100vw);
    left: calc(492 / var(--w) * 100vw);
    width: calc(239 / var(--w) * 100vw);
  }
  .block-digital_card ._lead {
    font-size: calc(32 / var(--w) * 100vw);
    line-height: 2;
    font-weight: 500;
    color: #f4f6f7;
  }
  .block-bg1 {
    position: relative;
  }
  .block-bg1 ._bg {
    position: absolute;
    top: calc(-230 / var(--w) * 100vw);
    right: 0;
    left: 0;
  }
  .block-bg1 ._cat {
    position: absolute;
    top: calc(-182 / var(--w) * 100vw);
    left: calc(-34 / var(--w) * 100vw);
    width: calc(177 / var(--w) * 100vw);
  }
  .block-bg2 {
    position: relative;
  }
  .block-bg2 ._bg {
    position: absolute;
    top: calc(-180 / var(--w) * 100vw);
    right: 0;
    left: 0;
  }
  .block-bg2 ._cat {
    position: absolute;
    top: calc(-148 / var(--w) * 100vw);
    left: calc(467 / var(--w) * 100vw);
    width: calc(160 / var(--w) * 100vw);
  }
  .block-bg3 {
    position: relative;
  }
  .block-bg3 ._bg {
    position: absolute;
    top: calc(-210 / var(--w) * 100vw);
    right: 0;
    left: 0;
  }
  .block-bg3 ._cat {
    position: absolute;
    top: calc(-160 / var(--w) * 100vw);
    left: calc(-222 / var(--w) * 100vw);
    width: calc(587 / var(--w) * 100vw);
  }
  .mod-link-image {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-link-image:hover {
    filter: brightness(1.05);
  }
  a.mod-btn-order {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(560 / var(--w) * 100vw);
    height: calc(104 / var(--w) * 100vw);
    border-radius: calc(100 / var(--w) * 100vw);
    font-size: calc(32 / var(--w) * 100vw);
    line-height: 1.2;
    font-weight: 600;
    color: #4D3654;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  a.mod-btn-order:hover {
    opacity: 0.8;
  }
  a.mod-btn-order.is-m {
    width: calc(480 / var(--w) * 100vw);
    height: calc(87 / var(--w) * 100vw);
    font-size: calc(28 / var(--w) * 100vw);
  }
  a.mod-btn-order.is-m2 {
    width: calc(590 / var(--w) * 100vw);
    height: calc(76 / var(--w) * 100vw);
    font-size: calc(28 / var(--w) * 100vw);
  }
  a.mod-btn-catalog {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: calc(1 / var(--w) * 100vw) solid #fff;
    width: 100%;
    height: calc(74 / var(--w) * 100vw);
    border-radius: calc(100 / var(--w) * 100vw);
    font-size: calc(28 / var(--w) * 100vw);
    line-height: 1.2;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  a.mod-btn-catalog:hover {
    opacity: 0.8;
  }
  a.mod-btn-card {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: calc(1 / var(--w) * 100vw) solid #fff;
    width: 100%;
    height: calc(94 / var(--w) * 100vw);
    border-radius: calc(100 / var(--w) * 100vw);
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1.38;
    font-weight: 500;
    color: #fff;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  a.mod-btn-card:hover {
    opacity: 0.8;
  }
  a.mod-btn-note {
    color: #fff;
    border-bottom: calc(1 / var(--w) * 100vw) solid #fff;
    display: inline-block;
    padding: 0 0 calc(8 / var(--w) * 100vw) 0;
    text-align: center;
    line-height: 1.6;
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  a.mod-btn-note:hover {
    opacity: 0.8;
  }
  .mod-anim.is-skip {
    transition: none !important;
    animation: none !important;
  }
  .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-steps > div {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease;
  }
  .mod-anim.is-steps > div:nth-child(1) {
    transition-delay: 0.2s;
  }
  .mod-anim.is-steps > div:nth-child(2) {
    transition-delay: 0.45s;
  }
  .mod-anim.is-steps > div:nth-child(3) {
    transition-delay: 0.7s;
  }
  .mod-anim.is-steps > div:nth-child(4) {
    transition-delay: 0.95s;
  }
  .mod-anim.is-steps.js-active > div {
    opacity: 1;
  }
  .mod-anim.is-steps.is-skip > div {
    transition: none !important;
    animation: none !important;
  }
  .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;
  }
  .u-pc {
    display: none;
  }
}