@charset "UTF-8";
@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: "Pike";
}

@media print, screen and (min-width: 1024px) {
  :root {
    --w:1440 ;
  }
  .block-wrap, .block-wrap-20260210 {
    text-align: left;
    overflow: hidden;
    background: #efd8de;
    color: #875e67;
    -webkit-font-smoothing: antialiased;
  }
  .block-wrap p, .block-wrap h1, .block-wrap h2, .block-wrap h3, .block-wrap h4, .block-wrap-20260210 p, .block-wrap-20260210 h1, .block-wrap-20260210 h2, .block-wrap-20260210 h3, .block-wrap-20260210 h4 {
    margin: 0 0 0 0;
  }
  .block-main {
    position: relative;
    aspect-ratio: 1440/727;
  }
  .block-main video {
    width: 100%;
  }
  .block-main ._title {
    position: absolute;
    top: 8.53%;
    left: 22.57%;
    width: 18.44%;
  }
  .block-intro {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: calc(38 / var(--w) * 100vw) 0 calc(125 / var(--w) * 100vw);
    text-align: center;
  }
  .block-intro ._texts {
    width: calc(600 / var(--w) * 100vw);
  }
  .block-intro ._texts ._title {
    position: relative;
    border: calc(1 / var(--w) * 100vw) solid #834f22;
  }
  .block-intro ._texts ._title span {
    font-size: calc(41 / var(--w) * 100vw);
    line-height: 1.6;
    letter-spacing: 0.06em;
    font-weight: 200;
    color: #834f22;
  }
  .block-intro ._texts ._title span small {
    font-size: calc(26 / var(--w) * 100vw);
    color: #834f22;
  }
  .block-intro ._texts ._doc {
    margin-top: calc(80 / var(--w) * 100vw);
    padding-left: calc(10 / var(--w) * 100vw);
    font-size: calc(17 / var(--w) * 100vw);
    line-height: 2.06;
    letter-spacing: 0.1em;
  }
  .block-intro ._items {
    margin-top: calc(80 / var(--w) * 100vw);
    width: calc(1060 / var(--w) * 100vw);
  }
  .mod-intro-items {
    display: flex;
    gap: calc(30 / var(--w) * 100vw);
    flex-wrap: wrap;
  }
  .mod-intro-items > li {
    width: calc((100% - 30 / var(--w) * 100vw * 2) / 3);
    flex-shrink: 0;
  }
  .mod-intro-items > li.is-wide {
    width: 100%;
  }
  .mod-intro-item {
    position: relative;
    display: block;
    border-radius: calc(5 / var(--w) * 100vw);
    height: calc(97 / var(--w) * 100vw);
    background: #b4828d;
    box-shadow: 0 0 calc(10 / var(--w) * 100vw) rgba(153, 75, 65, 0.7);
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-intro-item::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    bottom: calc(8 / var(--w) * 100vw);
    left: 50%;
    width: calc(9 / var(--w) * 100vw);
    height: calc(9 / var(--w) * 100vw);
    margin-left: calc(-8 / var(--w) * 100vw);
    border: calc(9 / var(--w) * 100vw) solid transparent;
    border-top: calc(9 / var(--w) * 100vw) solid #F5EDE0;
    transform: scale(1, 1);
  }
  .mod-intro-item:hover {
    opacity: 1;
    filter: brightness(1.1);
  }
  .mod-intro-item ._item-texts {
    padding: calc(17 / var(--w) * 100vw) 0 calc(40 / var(--w) * 100vw) 0;
    color: #F5EDE0;
    text-align: center;
  }
  .mod-intro-item ._item-texts ._en {
    display: inline-block;
    font-size: calc(22 / var(--w) * 100vw);
    line-height: 1.05;
    letter-spacing: 0.12em;
    font-weight: bold;
  }
  .mod-intro-item ._item-texts ._en span {
    font-weight: bold;
  }
  .mod-intro-item ._item-texts ._en small {
    font-size: calc(14 / var(--w) * 100vw);
    letter-spacing: 0.05em;
  }
  .mod-intro-item ._item-texts ._en small sup {
    font-size: 79%;
  }
  .mod-intro-item ._item-texts ._ja {
    margin-top: calc(4 / var(--w) * 100vw);
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 1;
  }
  .mod-intro-items-entry {
    position: relative;
    display: block;
    border-radius: calc(5 / var(--w) * 100vw);
    height: calc(97 / var(--w) * 100vw);
    padding-left: calc(80 / var(--w) * 100vw);
    background: #E76D82;
    box-shadow: 0 0 calc(10 / var(--w) * 100vw) rgba(153, 75, 65, 0.7);
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-intro-items-entry::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: calc(45 / var(--w) * 100vw);
    right: calc(42 / var(--w) * 100vw);
    width: calc(9 / var(--w) * 100vw);
    height: calc(9 / var(--w) * 100vw);
    margin-left: calc(-8 / var(--w) * 100vw);
    border: calc(9 / var(--w) * 100vw) solid transparent;
    border-top: calc(9 / var(--w) * 100vw) solid #F5EDE0;
    transform: scale(1, 1);
  }
  .mod-intro-items-entry::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(35 / var(--w) * 100vw);
    right: 0;
    bottom: 0;
    left: calc(35 / var(--w) * 100vw);
    width: calc(26 / var(--w) * 100vw);
    height: calc(26 / var(--w) * 100vw);
    background: #F5EDE0;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.64' height='25.64' viewBox='0 0 25.64 25.64'%3E %3Cg id='Group_12' data-name='Group 12' transform='translate(-223.74 -1443.75)'%3E %3Cpath id='Path_15' data-name='Path 15' d='M-1.063,0h2.14V-8.154h-2.14ZM.015-9.464a1.147,1.147,0,0,0,1.238-1.179A1.144,1.144,0,0,0,.015-11.808a1.148,1.148,0,0,0-1.252,1.165A1.151,1.151,0,0,0,.015-9.464Z' transform='translate(236.648 1462.148)' fill='%23f5ede0'/%3E %3Ccircle id='楕円形_1396' data-name='楕円形 1396' cx='12.32' cy='12.32' r='12.32' transform='translate(224.24 1444.25)' fill='none' stroke='%23f5ede0' stroke-width='1'/%3E %3C/g%3E %3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }
  .mod-intro-items-entry:hover {
    opacity: 1;
    filter: brightness(1.05);
  }
  .mod-intro-items-entry ._item-texts {
    padding: calc(26 / var(--w) * 100vw) 0 0 0;
    color: #F5EDE0;
    text-align: left;
  }
  .mod-intro-items-entry ._item-texts ._en {
    display: inline-block;
    font-size: calc(22 / var(--w) * 100vw);
    line-height: 1.05;
    letter-spacing: 0.12em;
    font-weight: bold;
  }
  .mod-intro-items-entry ._item-texts ._en span {
    font-weight: bold;
  }
  .mod-intro-items-entry ._item-texts ._en small {
    font-size: calc(14 / var(--w) * 100vw);
    letter-spacing: 0.05em;
  }
  .mod-intro-items-entry ._item-texts ._en small sup {
    font-size: 79%;
  }
  .mod-intro-items-entry ._item-texts ._ja {
    margin-top: calc(4 / var(--w) * 100vw);
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 1;
  }
  .block-experience ._block1 {
    position: relative;
    padding: calc(60 / var(--w) * 100vw) 0 calc(100 / var(--w) * 100vw) 0;
  }
  .block-experience ._block1 h3 {
    font-size: calc(36 / var(--w) * 100vw);
    line-height: 1.22;
    letter-spacing: 0.21em;
    font-weight: bold;
    color: #9a5e42;
  }
  .block-experience ._block1 ._row-lead {
    margin-top: calc(10 / var(--w) * 100vw);
  }
  .block-experience ._block1 ._row-lead ._lead {
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1.67;
  }
  .block-experience ._block1 ._row-insta {
    margin-top: calc(60 / var(--w) * 100vw);
  }
  .block-experience ._block1 ._row-insta ._cards {
    margin-top: calc(22 / var(--w) * 100vw);
  }
  .block-experience ._inner {
    width: calc(1180 / var(--w) * 100vw);
    margin: 0 auto;
  }
  .mod-experience-insta-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(30 / var(--w) * 100vw);
  }
  .mod-experience-insta-card {
    display: flex;
    flex-direction: column;
    gap: calc(20 / var(--w) * 100vw);
  }
  .mod-experience-insta-card ._card-texts {
    flex: 1;
    display: flex;
    gap: calc(10 / var(--w) * 100vw);
    margin-right: calc(-5 / var(--w) * 100vw);
  }
  .mod-experience-insta-card ._card-texts-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--w) * 100vw);
    padding-right: calc(5 / var(--w) * 100vw);
  }
  .mod-experience-insta-card ._card-texts-image {
    width: calc(100 / var(--w) * 100vw);
  }
  .mod-experience-insta-card ._name {
    font-size: calc(18 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
    color: #9a5e42;
  }
  .mod-experience-insta-card ._doc {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.6;
    color: #875e67;
  }
  .mod-experience-insta-card ._date {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.6;
  }
  .mod-experience-insta-card h5 {
    display: inline-block;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.6;
  }
  .mod-experience-insta-card figure {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .mod-experience-insta-card figcaption {
    font-size: calc(11 / var(--w) * 100vw);
    color: #fff;
    position: absolute;
    bottom: calc(10 / var(--w) * 100vw);
    left: calc(10 / var(--w) * 100vw);
  }
  .mod-experience-insta-card .is-cap-bl figcaption {
    color: #875e67;
  }
  .block-experience ._block2 {
    position: relative;
    padding: calc(60 / var(--w) * 100vw) 0 calc(100 / var(--w) * 100vw) 0;
    background: #fff;
    color: #000;
  }
  .block-experience ._block2 h3 {
    font-size: calc(28 / var(--w) * 100vw);
    line-height: 1.22;
    letter-spacing: 0.24em;
    font-weight: bold;
    color: #9a5e42;
  }
  .block-experience ._block2 h3 b {
    font-size: calc(33 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._inner {
    width: calc(1180 / var(--w) * 100vw);
    margin: 0 auto;
  }
  .block-experience ._block2 ._row-head ._title {
    display: flex;
    gap: calc(10 / var(--w) * 100vw);
    align-items: center;
    justify-content: center;
    padding-right: calc(20 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._row-head ._title ._logo {
    width: calc(113 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._row-head ._title h3 {
    padding-top: calc(10 / var(--w) * 100vw);
    font-size: calc(35 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.15em;
    font-weight: bold;
    color: #836a5d;
  }
  .block-experience ._block2 ._row-head ._title h3 b {
    font-size: calc(43 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.16em;
    color: #836a5d;
  }
  .block-experience ._block2 ._row-head ._lead {
    margin-top: calc(5 / var(--w) * 100vw);
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1.67;
    text-align: center;
  }
  .block-experience ._block2 ._row-main {
    margin-top: calc(40 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols {
    display: flex;
    gap: calc(30 / var(--w) * 100vw);
    margin-top: calc(10 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols ._col-image {
    width: calc(575 / var(--w) * 100vw);
    padding-top: calc(10 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols ._col-image figure {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .block-experience ._block2 ._cols ._col-image figcaption {
    font-size: calc(11 / var(--w) * 100vw);
    color: #fff;
    position: absolute;
    bottom: calc(10 / var(--w) * 100vw);
    left: calc(10 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols ._col-texts {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--w) * 100vw);
    align-items: flex-start;
  }
  .block-experience ._block2 ._cols ._lead {
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1.67;
  }
  .block-experience ._block2 ._cols h4 {
    margin-top: calc(15 / var(--w) * 100vw);
    font-size: calc(18 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
    width: 100%;
    color: #836a5d;
    position: relative;
  }
  .block-experience ._block2 ._cols h4::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(10 / var(--w) * 100vw);
    right: 0;
    width: calc(450 / var(--w) * 100vw);
    height: calc(1 / var(--w) * 100vw);
    background: #836A5D;
  }
  .block-experience ._block2 ._cols table {
    margin-top: calc(10 / var(--w) * 100vw);
    width: auto;
  }
  .block-experience ._block2 ._cols table th {
    vertical-align: top;
    position: relative;
    padding: calc(6 / var(--w) * 100vw) calc(12 / var(--w) * 100vw) calc(6 / var(--w) * 100vw) 0;
  }
  .block-experience ._block2 ._cols table th::after {
    content: ":";
    position: absolute;
    top: calc(10 / var(--w) * 100vw);
    right: calc(5 / var(--w) * 100vw);
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1;
    color: #836a5d;
  }
  .block-experience ._block2 ._cols table th h5 {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.8;
    font-weight: bold;
    color: #836a5d;
  }
  .block-experience ._block2 ._cols table td {
    padding: calc(6 / var(--w) * 100vw) 0;
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.8;
  }
  .block-experience ._block2 ._cols table td._notes {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.4;
  }
  .block-experience ._block2 ._cols table td ._note {
    font-size: calc(10 / var(--w) * 100vw);
    line-height: 1;
  }
  .block-experience ._block2 ._cols ._btns {
    margin-top: calc(10 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols ._btns .mod-btn-A {
    width: calc(230 / var(--w) * 100vw);
  }
  .mod-experience2-btn {
    background: #AE9691;
    width: calc(280 / var(--w) * 100vw);
    height: calc(57 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(18 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
    color: #fff;
  }
  .block-experience ._block3 {
    position: relative;
    padding: calc(65 / var(--w) * 100vw) 0 calc(15 / var(--w) * 100vw) 0;
  }
  .block-experience ._block3 ._banner {
    width: calc(1340 / var(--w) * 100vw);
    margin: 0 auto;
    position: relative;
  }
  .block-experience ._block3 ._banner-texts {
    position: absolute;
    top: calc(155 / var(--w) * 100vw);
    right: 0;
    left: calc(10 / var(--w) * 100vw);
    text-align: center;
    color: #fff;
  }
  .block-experience ._block3 ._banner-texts ._t1 {
    font-size: calc(18 / var(--w) * 100vw);
    line-height: 2;
    font-weight: bold;
  }
  .block-experience ._block3 ._banner-texts ._t2 {
    margin-top: calc(7 / var(--w) * 100vw);
    font-size: calc(48 / var(--w) * 100vw);
    line-height: 1.15;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  /* -------------------------------------------------- */
  .block-beverage {
    position: relative;
    padding: calc(55 / var(--w) * 100vw) 0 calc(60 / var(--w) * 100vw) 0;
  }
  .block-beverage ._inner {
    width: calc(1180 / var(--w) * 100vw);
    margin: 0 auto;
  }
  .block-beverage ._set {
    overflow: hidden;
    max-height: calc(1000 / var(--w) * 100vw);
  }
  .block-beverage ._doc {
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 2.4;
  }
  .block-beverage ._row2 {
    padding: calc(40 / var(--w) * 100vw) 0 calc(30 / var(--w) * 100vw) 0;
  }
  .block-beverage ._row2 ._3 {
    margin-top: calc(20 / var(--w) * 100vw);
  }
  .block-beverage ._row3 {
    padding: calc(50 / var(--w) * 100vw) 0 calc(35 / var(--w) * 100vw) 0;
  }
  .block-beverage ._row3 ._2 {
    margin-top: calc(-5 / var(--w) * 100vw);
  }
  .block-beverage ._row3 ._3 {
    margin-top: calc(20 / var(--w) * 100vw);
  }
  .block-beverage ._row4 {
    padding: calc(50 / var(--w) * 100vw) 0 calc(40 / var(--w) * 100vw) 0;
  }
  .block-beverage ._row4 ._2 {
    margin-top: calc(-5 / var(--w) * 100vw);
  }
  .block-beverage ._row4 ._3 {
    margin-top: calc(20 / var(--w) * 100vw);
  }
  .block-beverage ._btns {
    width: calc(320 / var(--w) * 100vw);
    margin: 0 auto;
    margin-top: calc(30 / var(--w) * 100vw);
  }
  .mod-beverage-items {
    position: relative;
    margin-right: calc(-30 / var(--w) * 100vw);
  }
  .mod-beverage-items.is-no-slide-pc {
    display: flex;
    gap: calc(30 / var(--w) * 100vw);
    margin-right: 0;
  }
  .mod-beverage-items.is-no-slide-pc ._item {
    padding-right: 0;
  }
  .mod-beverage-items ._item {
    padding-right: calc(30 / var(--w) * 100vw);
  }
  .mod-beverage-item {
    position: relative;
    display: block;
    width: calc(272 / var(--w) * 100vw);
  }
  .mod-beverage-item a {
    color: #875e67;
  }
  .mod-beverage-item a:hover {
    opacity: 0.8;
  }
  .mod-beverage-item ._item-image a {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-beverage-item ._item-texts {
    margin-top: calc(16 / var(--w) * 100vw);
  }
  .mod-beverage-item ._item-texts ._name {
    margin: 0;
    font-size: calc(16 / var(--w) * 100vw);
    line-height: 1.33;
  }
  .mod-beverage-item ._item-texts ._note {
    margin-top: calc(8 / var(--w) * 100vw);
    font-size: calc(11 / var(--w) * 100vw);
    line-height: 1.5;
  }
  .mod-beverage-item ._item-texts .mod-btn-more {
    margin-top: calc(10 / var(--w) * 100vw);
  }
  .mod-beverage-item ._item-texts ._floor {
    display: flex;
    gap: calc(26 / var(--w) * 100vw);
    align-items: center;
    margin-top: calc(20 / var(--w) * 100vw);
  }
  .mod-beverage-item ._item-texts ._ti {
    margin-top: 0;
    font-size: calc(11 / var(--w) * 100vw);
    line-height: 2;
  }
  .mod-beverage-item ._item-texts ._icons {
    display: flex;
    gap: calc(45 / var(--w) * 100vw);
    align-items: center;
  }
  .mod-beverage-item ._item-texts ._icon {
    display: block;
    margin: 0;
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.2em;
    position: relative;
    background: url(/reserve/roastery/sakura2026/images/beverage/icon2.webp?) left center no-repeat;
    background-size: calc(20 / var(--w) * 100vw) calc(20 / var(--w) * 100vw);
    padding: calc(5 / var(--w) * 100vw) 0 calc(5 / var(--w) * 100vw) calc(30 / var(--w) * 100vw);
  }
  .mod-beverage-item ._item-texts ._icon.is-bar {
    background-image: url(/reserve/roastery/sakura2026/images/beverage/icon3.webp?);
  }
  .mod-beverage-item ._item-texts ._icon.is-tea {
    background-image: url(/reserve/roastery/sakura2026/images/beverage/icon1.webp?);
  }
  .mod-beverage-item ._item-texts ._icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(-22 / var(--w) * 100vw);
    margin: auto 0;
    width: calc(1 / var(--w) * 100vw);
    height: calc(22 / var(--w) * 100vw);
    background: #875e67;
    transform: skew(-18deg);
  }
  .mod-beverage-item ._item-texts ._icon:first-child::before {
    display: none;
  }
  .block-food {
    position: relative;
    padding: calc(90 / var(--w) * 100vw) 0 calc(70 / var(--w) * 100vw) 0;
  }
  .block-food ._inner {
    width: calc(1180 / var(--w) * 100vw);
    margin: 0 auto;
  }
  .block-food ._cols {
    display: flex;
    flex-direction: row-reverse;
    gap: calc(40 / var(--w) * 100vw);
  }
  .block-food ._cols ._col-image {
    width: calc(576 / var(--w) * 100vw);
  }
  .block-food ._cols ._col-texts {
    flex: 1;
    padding-top: calc(175 / var(--w) * 100vw);
  }
  .block-food ._cols ._col-texts ._lead {
    margin-top: calc(5 / var(--w) * 100vw);
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1.6;
    text-align: left;
  }
  .block-food ._cols ._btns {
    margin-top: calc(30 / var(--w) * 100vw);
    width: calc(480 / var(--w) * 100vw);
  }
  .block-food figure {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .block-food figcaption {
    font-size: calc(11 / var(--w) * 100vw);
    color: #875e67;
    position: absolute;
    bottom: calc(10 / var(--w) * 100vw);
    left: calc(10 / var(--w) * 100vw);
  }
  /* -------------------------------------------------- */
  .block-goods {
    position: relative;
    padding: calc(80 / var(--w) * 100vw) 0 calc(90 / var(--w) * 100vw) 0;
  }
  .block-goods ._inner {
    width: calc(1180 / var(--w) * 100vw);
    margin: 0 auto;
  }
  .block-goods ._cols {
    display: flex;
    flex-direction: row-reverse;
    gap: calc(40 / var(--w) * 100vw);
  }
  .block-goods ._cols ._col-image {
    width: calc(576 / var(--w) * 100vw);
  }
  .block-goods ._cols ._col-texts {
    flex: 1;
    padding-top: calc(170 / var(--w) * 100vw);
  }
  .block-goods ._cols ._col-texts ._lead {
    margin-top: calc(25 / var(--w) * 100vw);
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1.6;
    text-align: left;
  }
  .block-goods ._cols ._col-texts ._dates {
    margin-top: calc(20 / var(--w) * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--w) * 100vw);
  }
  .block-goods ._items {
    margin-top: calc(90 / var(--w) * 100vw);
  }
  .block-goods ._btns {
    margin: 0 auto;
    margin-top: calc(65 / var(--w) * 100vw);
    width: calc(340 / var(--w) * 100vw);
  }
  .block-goods figure {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .block-goods figcaption {
    font-size: calc(11 / var(--w) * 100vw);
    color: #fff;
    position: absolute;
    bottom: calc(10 / var(--w) * 100vw);
    left: calc(10 / var(--w) * 100vw);
  }
  .mod-goods-date {
    display: flex;
    gap: calc(5 / var(--w) * 100vw);
  }
  .mod-goods-date span {
    display: block;
  }
  .mod-goods-date span:nth-child(1) {
    background: #875e67;
    width: calc(75 / var(--w) * 100vw);
    color: #fff;
    padding: calc(6 / var(--w) * 100vw) 0 calc(6 / var(--w) * 100vw) calc(12 / var(--w) * 100vw);
    font-size: calc(12 / var(--w) * 100vw);
    line-height: 1;
  }
  .mod-goods-date span:nth-child(2) {
    padding: calc(6 / var(--w) * 100vw);
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
  }
  .mod-goods-items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(30 / var(--w) * 100vw);
    gap: calc(50 / var(--w) * 100vw) calc(30 / var(--w) * 100vw);
  }
  .mod-goods-item {
    position: relative;
    color: #875e67;
  }
  .mod-goods-item ._item-image a {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-goods-item ._item-image a:hover {
    opacity: 0.8;
  }
  .mod-goods-item ._item-texts {
    margin-top: calc(15 / var(--w) * 100vw);
    margin-right: calc(-10 / var(--w) * 100vw);
    min-height: calc(75 / var(--w) * 100vw);
  }
  .mod-goods-item ._item-texts ._name {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.69;
  }
  .mod-goods-item ._item-texts .mod-btn-more {
    margin-top: calc(12 / var(--w) * 100vw);
  }
  /* -------------------------------------------------- */
  .block-entry_guide#entry_guide {
    padding: calc(62 / var(--w) * 100vw) 0 calc(80 / var(--w) * 100vw) 0;
  }
  .block-entry_guide#entry_guide ._box {
    position: relative;
    width: calc(1180 / var(--w) * 100vw);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: calc(30 / var(--w) * 100vw);
    align-items: center;
    padding: calc(85 / var(--w) * 100vw) 0 calc(30 / var(--w) * 100vw) 0;
    background-image: url("/reserve/roastery/sakura2026/images/entry_guide/bg.webp");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .block-entry_guide#entry_guide ._head {
    color: #f5ede0;
    display: flex;
    flex-direction: column;
    gap: calc(7 / var(--w) * 100vw);
    align-items: center;
    justify-content: center;
    padding-left: calc(20 / var(--w) * 100vw);
    text-align: center;
  }
  .block-entry_guide#entry_guide ._head ._pre {
    font-size: calc(20 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.07em;
    font-weight: bold;
  }
  .block-entry_guide#entry_guide ._head h2 {
    font-size: calc(74 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.15em;
    font-weight: bold;
  }
  .block-entry_guide#entry_guide ._head ._lead {
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1.67;
  }
  .block-entry_guide#entry_guide ._cols {
    padding: 0 calc(30 / var(--w) * 100vw);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(30 / var(--w) * 100vw);
    color: #834f22;
  }
  .block-entry_guide#entry_guide ._cols ._col {
    background: #000;
    display: flex;
    flex-direction: column;
    gap: calc(5 / var(--w) * 100vw);
    align-items: center;
    background: #F5EDE0;
    padding: calc(30 / var(--w) * 100vw) calc(27 / var(--w) * 100vw) calc(20 / var(--w) * 100vw) calc(27 / var(--w) * 100vw);
  }
  .block-entry_guide#entry_guide ._cols ._icon {
    width: calc(100 / var(--w) * 100vw);
  }
  .block-entry_guide#entry_guide ._cols h3 {
    font-size: calc(22 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding: 0 0 calc(20 / var(--w) * 100vw) 0;
    width: 100%;
    text-align: center;
    border-bottom: calc(1 / var(--w) * 100vw) solid #834f22;
  }
  .block-entry_guide#entry_guide ._cols ._icon {
    margin-top: calc(25 / var(--w) * 100vw);
  }
  .block-entry_guide#entry_guide ._cols h4 {
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1.6;
    letter-spacing: 0.07em;
    font-weight: bold;
  }
  .block-entry_guide#entry_guide ._cols ._doc {
    margin-top: calc(5 / var(--w) * 100vw);
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1.6;
    font-weight: 500;
  }
  .block-entry_guide#entry_guide ._cols ._btns {
    width: 100%;
    margin-top: calc(5 / var(--w) * 100vw);
    text-align: right;
    padding-right: calc(10 / var(--w) * 100vw);
  }
  .block-entry_guide#entry_guide ._label {
    position: absolute;
    top: calc(30 / var(--w) * 100vw);
    left: calc(180 / var(--w) * 100vw);
    width: calc(140 / var(--w) * 100vw);
  }
  /* -------------------------------------------------- */
  .block-instagram {
    position: relative;
    padding: calc(80 / var(--w) * 100vw) 0 0 0;
    height: calc(800 / var(--w) * 100vw);
  }
  .block-instagram ._inner {
    position: relative;
    width: calc(1220 / var(--w) * 100vw);
    margin: 0 auto;
  }
  .block-instagram ._cols {
    display: flex;
    gap: calc(40 / var(--w) * 100vw);
  }
  .block-instagram ._cols ._col-image {
    position: absolute;
    top: 0;
    right: calc(-30 / var(--w) * 100vw);
    width: calc(680 / var(--w) * 100vw);
  }
  .block-instagram ._cols ._col-image .js-parallax-y {
    position: absolute;
    top: 0;
    left: 0;
  }
  .block-instagram ._cols ._col-texts {
    padding-top: calc(120 / var(--w) * 100vw);
    padding-left: calc(20 / var(--w) * 100vw);
  }
  .block-instagram ._title {
    display: flex;
    gap: calc(40 / var(--w) * 100vw);
    color: #9a5e42;
  }
  .block-instagram ._title ._logo {
    padding-top: calc(3 / var(--w) * 100vw);
    width: calc(80 / var(--w) * 100vw);
  }
  .block-instagram ._title ._texts {
    flex: 1;
  }
  .block-instagram ._title ._texts ._sub {
    font-size: calc(11 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: bold;
    text-align: left;
  }
  .block-instagram ._title ._texts ._en {
    margin-top: calc(14 / var(--w) * 100vw);
    font-size: calc(68 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.25em;
    font-weight: bold;
  }
  .block-instagram ._lead {
    margin-top: calc(15 / var(--w) * 100vw);
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 2;
    color: #875e67;
  }
  .block-instagram ._btns {
    margin-top: calc(35 / var(--w) * 100vw);
    width: calc(400 / var(--w) * 100vw);
  }
  /* -------------------------------------------------- */
  .instaTwitterArea {
    margin-top: 0 !important;
  }
  .mod-deco {
    pointer-events: none;
  }
  .mod-hover {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-hover:hover {
    filter: brightness(1.1);
  }
  .mod-h2 {
    margin-left: 0;
    margin-right: 0;
    font-size: calc(78 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.24em;
    font-weight: bold;
    color: #9a5e42;
  }
  .mod-h2 sup {
    vertical-align: top;
    font-size: calc(26 / var(--w) * 100vw);
  }
  .mod-h3f {
    display: flex;
    align-items: flex-end;
  }
  .mod-h3f img {
    margin: calc(10 / var(--w) * 100vw) 0;
    width: calc(500 / var(--w) * 100vw);
  }
  .mod-h3f span {
    font-size: calc(48 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.212em;
    font-weight: bold;
    color: #9a5e42;
  }
  .mod-h3f span:nth-child(1) {
    width: calc(75 / var(--w) * 100vw);
    transform: translate(0, -0.15vw);
    padding: 0;
  }
  .mod-h3f span small {
    font-size: calc(30 / var(--w) * 100vw);
  }
  .mod-h3f sup {
    vertical-align: middle;
    font-size: calc(48 / var(--w) * 100vw);
  }
  .mod-btn-A {
    border: calc(1 / var(--w) * 100vw) solid #875e67;
    display: block;
    padding: calc(18 / var(--w) * 100vw);
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
    font-size: calc(18 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
    color: #875e67;
    text-align: center;
  }
  .mod-btn-A.is-wh {
    border-color: #fff;
    color: #fff;
  }
  .mod-btn-A.is-wh:before {
    border-color: #fff;
  }
  .mod-btn-A.is-bk {
    border-color: #000;
    color: #000;
  }
  .mod-btn-A.is-bk:before {
    border-color: #000;
  }
  .mod-btn-A.is-guide {
    border-color: #834f22;
    color: #834f22;
  }
  .mod-btn-A.is-guide:before {
    border-color: #834f22;
  }
  .mod-btn-A:hover {
    opacity: 0.8;
  }
  .mod-btn-A span {
    font-weight: bold;
  }
  .mod-btn-A:before {
    position: absolute;
    top: 50%;
    right: calc(25 / var(--w) * 100vw);
    border: calc(2 / var(--w) * 100vw) solid #875e67;
    display: block;
    content: "";
    height: calc(10 / var(--w) * 100vw);
    width: calc(10 / var(--w) * 100vw);
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-btn-text {
    position: relative;
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.64;
    font-weight: bold;
    color: #e76d82;
    text-align: center;
    border-bottom: calc(1 / var(--w) * 100vw) solid #e76d82;
    padding-right: calc(10 / var(--w) * 100vw);
    padding-bottom: calc(3 / var(--w) * 100vw);
  }
  .mod-btn-text span {
    font-weight: bold;
  }
  .mod-btn-text:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(5 / var(--w) * 100vw);
    height: calc(5 / var(--w) * 100vw);
    border: calc(1 / var(--w) * 100vw) solid #e76d82;
    display: block;
    content: "";
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-btn-more {
    display: inline-block;
    position: relative;
    padding-right: calc(10 / var(--w) * 100vw);
    cursor: pointer;
    font-size: calc(12 / var(--w) * 100vw);
    line-height: 1.2;
    letter-spacing: 0.25em;
    color: #875e67;
  }
  .mod-btn-more:hover {
    opacity: 0.8;
  }
  .mod-btn-more:before {
    position: absolute;
    top: calc(4 / var(--w) * 100vw);
    right: 0;
    border: calc(1 / var(--w) * 100vw) solid #875e67;
    display: block;
    content: "";
    height: calc(5 / var(--w) * 100vw);
    width: calc(5 / var(--w) * 100vw);
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
  }
  .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;
  }
  .block-navi {
    position: fixed;
    top: calc(20 / var(--w) * 100vw);
    right: calc(-10 / var(--w) * 100vw);
    z-index: 20;
    display: flex;
    gap: calc(10 / var(--w) * 100vw);
    justify-content: space-between;
    opacity: 0;
    transition-duration: 0.2s;
    transform: translate(0, 50%);
    visibility: hidden;
  }
  body.js-navi-active .block-navi {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
  }
  .block-navi ._items {
    transition-duration: 0.2s;
  }
  body.js-navi-hide .block-navi {
    opacity: 0;
    visibility: hidden;
  }
  body.js-navi-close .block-navi ._items {
    transform: translate(calc(100 / var(--w) * 100vw), 0);
    opacity: 0;
    pointer-events: none;
  }
  body.js-navi-close .block-navi .mod-navi-close {
    transform: rotate(-45deg);
  }
  .mod-navi-close {
    position: relative;
    background: #b4828d;
    color: #fff;
    box-shadow: 0 0 calc(10 / var(--w) * 100vw) rgba(153, 75, 65, 0.7);
    width: calc(60 / var(--w) * 100vw);
    height: calc(60 / var(--w) * 100vw);
    border-radius: 50%;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-navi-close span {
    transition-duration: 0.2s;
    position: absolute;
    right: calc(20 / var(--w) * 100vw);
    left: calc(20 / var(--w) * 100vw);
    height: calc(2 / var(--w) * 100vw);
    background: #F5EDE0;
  }
  .mod-navi-close span:nth-child(1) {
    top: calc(30 / var(--w) * 100vw);
    transform: rotate(45deg);
  }
  .mod-navi-close span:nth-child(2) {
    top: calc(30 / var(--w) * 100vw);
    transform: rotate(-45deg);
  }
  .mod-navi-close:hover {
    filter: brightness(1.2);
  }
  .mod-navi-items {
    display: flex;
    gap: calc(10 / var(--w) * 100vw);
  }
  .mod-navi-items > li {
    width: calc(190 / var(--w) * 100vw);
  }
  .mod-navi-item {
    display: block;
    border-radius: calc(5 / var(--w) * 100vw);
    background: #b4828d;
    color: #F5EDE0;
    box-shadow: 0 0 calc(10 / var(--w) * 100vw) rgba(153, 75, 65, 0.7);
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-navi-item.is-entry {
    background: #E76D82;
  }
  .mod-navi-item:hover {
    opacity: 1;
    filter: brightness(1.2);
  }
  .mod-navi-item ._item-texts {
    text-align: center;
  }
  .mod-navi-item ._item-texts ._en {
    font-weight: bold;
    line-height: 1.05;
    letter-spacing: 0.12em;
    height: calc(60 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-navi-item ._item-texts ._en span {
    font-size: calc(22 / var(--w) * 100vw);
    font-weight: bold;
  }
  .mod-navi-item ._item-texts ._en small {
    font-size: calc(12 / var(--w) * 100vw);
    letter-spacing: 0.05em;
  }
  .mod-navi-item ._item-texts ._en small sup {
    font-size: 79%;
  }
  .mod-slider .slick-list {
    overflow: visible !important;
  }
  .mod-slider ._btn-prev {
    position: absolute;
    bottom: calc(-10 / var(--w) * 100vw);
    left: calc(50% - 12vw);
    width: calc(50 / var(--w) * 100vw);
    height: calc(50 / var(--w) * 100vw);
    cursor: pointer;
    background: url(/reserve/roastery/sakura2026/images/common/arrow_prev.webp) left top no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-slider ._btn-prev.slick-disabled {
    opacity: 0;
  }
  .mod-slider ._btn-next {
    position: absolute;
    bottom: calc(-10 / var(--w) * 100vw);
    right: calc(50% - 10vw);
    width: calc(50 / var(--w) * 100vw);
    height: calc(50 / var(--w) * 100vw);
    cursor: pointer;
    background: url(/reserve/roastery/sakura2026/images/common/arrow_next.webp) left top no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .mod-slider ._btn-next.slick-disabled {
    opacity: 0;
  }
  .mod-slider ._slide-dots {
    padding: calc(10 / var(--w) * 100vw);
    margin-top: calc(20 / var(--w) * 100vw);
    width: 82vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
  .mod-slider ._slide-dots li {
    display: inline-block;
    width: calc(12 / var(--w) * 100vw);
    height: calc(12 / var(--w) * 100vw);
    border: calc(1 / var(--w) * 100vw) solid #1e1210;
    margin: 0 calc(12 / var(--w) * 100vw);
    border-radius: 50%;
  }
  .mod-slider ._slide-dots li button {
    display: none;
  }
  .mod-slider ._slide-dots li.slick-active {
    background: #1e1210;
  }
  .u-sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  :root {
    --w:375 ;
  }
  .slick-list {
    overflow: visible !important;
  }
  .block-wrap, .block-wrap-20260210 {
    text-align: left;
    overflow: hidden;
    background: #efd8de;
    color: #875e67;
    -webkit-font-smoothing: antialiased;
  }
  .block-wrap p, .block-wrap h1, .block-wrap h2, .block-wrap h3, .block-wrap h4, .block-wrap-20260210 p, .block-wrap-20260210 h1, .block-wrap-20260210 h2, .block-wrap-20260210 h3, .block-wrap-20260210 h4 {
    margin: 0 0 0 0;
  }
  .block-main {
    position: relative;
    aspect-ratio: 750/840;
  }
  .block-main video {
    width: 100%;
  }
  .block-main ._title {
    position: absolute;
    top: 6.53vw;
    left: 5.33vw;
    width: 35.2vw;
  }
  .block-intro {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: calc(26 / var(--w) * 100vw) 0 calc(60 / var(--w) * 100vw) 0;
  }
  .block-intro ._texts {
    width: 100%;
  }
  .block-intro ._texts ._title {
    text-align: center;
    margin: 0 calc(25 / var(--w) * 100vw);
    position: relative;
    border: calc(1 / var(--w) * 100vw) solid #834f22;
  }
  .block-intro ._texts ._title span {
    font-size: calc(31 / var(--w) * 100vw);
    line-height: 1.55;
    letter-spacing: 0.09em;
    font-weight: 200;
    color: #834f22;
  }
  .block-intro ._texts ._title span small {
    font-size: calc(20 / var(--w) * 100vw);
    color: #834f22;
  }
  .block-intro ._texts ._doc {
    margin: calc(37 / var(--w) * 100vw) 0 0 calc(20 / var(--w) * 100vw);
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 2.21;
    letter-spacing: 0.1em;
  }
  .block-intro ._items {
    margin: calc(58 / var(--w) * 100vw) calc(17 / var(--w) * 100vw) 0 calc(17 / var(--w) * 100vw);
  }
  .__mod-intro-items {
    display: flex;
    gap: calc(15 / var(--w) * 100vw);
    flex-wrap: wrap;
  }
  .__mod-intro-items > li {
    width: calc((100% - 15 / var(--w) * 100vw * 2) / 3);
    flex-shrink: 0;
  }
  .__mod-intro-items > li.is-wide {
    width: 100%;
  }
  .mod-intro-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(15 / var(--w) * 100vw);
  }
  .mod-intro-item {
    position: relative;
    display: block;
    border-radius: calc(5 / var(--w) * 100vw);
    height: calc(129 / var(--w) * 100vw);
    background: #b4828d;
    box-shadow: 0 0 calc(10 / var(--w) * 100vw) rgba(153, 75, 65, 0.7);
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-intro-item::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    bottom: calc(3 / var(--w) * 100vw);
    left: 50%;
    width: calc(9 / var(--w) * 100vw);
    height: calc(9 / var(--w) * 100vw);
    margin-left: calc(-8 / var(--w) * 100vw);
    border: calc(9 / var(--w) * 100vw) solid transparent;
    border-top: calc(9 / var(--w) * 100vw) solid #F5EDE0;
    transform: scale(1, 1);
  }
  .mod-intro-item:hover {
    opacity: 1;
    filter: brightness(1.1);
  }
  .mod-intro-item ._item-texts {
    padding: calc(27 / var(--w) * 100vw) 0 0 0;
    color: #F5EDE0;
    text-align: center;
  }
  .mod-intro-item ._item-texts ._en {
    display: inline-block;
    font-size: calc(17 / var(--w) * 100vw);
    line-height: 1.05;
    letter-spacing: 0.12em;
    font-weight: bold;
    height: calc(40 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-intro-item ._item-texts ._en span {
    font-weight: bold;
  }
  .mod-intro-item ._item-texts ._en small {
    font-size: calc(12 / var(--w) * 100vw);
    letter-spacing: 0.05em;
  }
  .mod-intro-item ._item-texts ._en small sup {
    font-size: 79%;
  }
  .mod-intro-item ._item-texts ._ja {
    margin-top: calc(4 / var(--w) * 100vw);
    font-size: calc(11.5 / var(--w) * 100vw);
    line-height: 1.4;
    height: calc(20 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-intro-items-entry {
    position: relative;
    display: block;
    border-radius: calc(5 / var(--w) * 100vw);
    height: calc(78 / var(--w) * 100vw);
    padding-left: calc(57 / var(--w) * 100vw);
    background: #E76D82;
    box-shadow: 0 0 calc(10 / var(--w) * 100vw) rgba(153, 75, 65, 0.7);
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-intro-items-entry::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: calc(33 / var(--w) * 100vw);
    right: calc(30 / var(--w) * 100vw);
    width: calc(9 / var(--w) * 100vw);
    height: calc(9 / var(--w) * 100vw);
    margin-left: calc(-8 / var(--w) * 100vw);
    border: calc(9 / var(--w) * 100vw) solid transparent;
    border-top: calc(9 / var(--w) * 100vw) solid #F5EDE0;
    transform: scale(1, 1);
  }
  .mod-intro-items-entry::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(29 / var(--w) * 100vw);
    right: 0;
    bottom: 0;
    left: calc(24 / var(--w) * 100vw);
    width: calc(20 / var(--w) * 100vw);
    height: calc(20 / var(--w) * 100vw);
    background: #F5EDE0;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.64' height='25.64' viewBox='0 0 25.64 25.64'%3E %3Cg id='Group_12' data-name='Group 12' transform='translate(-223.74 -1443.75)'%3E %3Cpath id='Path_15' data-name='Path 15' d='M-1.063,0h2.14V-8.154h-2.14ZM.015-9.464a1.147,1.147,0,0,0,1.238-1.179A1.144,1.144,0,0,0,.015-11.808a1.148,1.148,0,0,0-1.252,1.165A1.151,1.151,0,0,0,.015-9.464Z' transform='translate(236.648 1462.148)' fill='%23f5ede0'/%3E %3Ccircle id='楕円形_1396' data-name='楕円形 1396' cx='12.32' cy='12.32' r='12.32' transform='translate(224.24 1444.25)' fill='none' stroke='%23f5ede0' stroke-width='1'/%3E %3C/g%3E %3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }
  .mod-intro-items-entry:hover {
    opacity: 1;
    filter: brightness(1.05);
  }
  .mod-intro-items-entry ._item-texts {
    padding: calc(19 / var(--w) * 100vw) 0 0 0;
    color: #F5EDE0;
    text-align: left;
  }
  .mod-intro-items-entry ._item-texts ._en {
    display: inline-block;
    font-size: calc(17 / var(--w) * 100vw);
    line-height: 1.05;
    letter-spacing: 0.12em;
    font-weight: bold;
  }
  .mod-intro-items-entry ._item-texts ._en span {
    font-weight: bold;
  }
  .mod-intro-items-entry ._item-texts ._ja {
    margin-top: calc(4 / var(--w) * 100vw);
    font-size: calc(11.5 / var(--w) * 100vw);
    line-height: 1;
  }
  .block-experience ._block1 {
    position: relative;
    padding: calc(50 / var(--w) * 100vw) calc(14 / var(--w) * 100vw) calc(90 / var(--w) * 100vw) calc(14 / var(--w) * 100vw);
  }
  .block-experience ._block1 h3 {
    font-size: calc(25 / var(--w) * 100vw);
    line-height: 1.22;
    letter-spacing: 0.19em;
    font-weight: bold;
    color: #9a5e42;
  }
  .block-experience ._block1 ._row-lead {
    margin-top: calc(7 / var(--w) * 100vw);
    margin-left: calc(3 / var(--w) * 100vw);
  }
  .block-experience ._block1 ._row-lead ._lead {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.58;
  }
  .block-experience ._block1 ._row-insta {
    margin: calc(45 / var(--w) * 100vw) calc(5 / var(--w) * 100vw) 0 calc(5 / var(--w) * 100vw);
  }
  .block-experience ._block1 ._row-insta ._cards {
    margin-top: calc(22 / var(--w) * 100vw);
  }
  .mod-experience-insta-cards {
    position: relative;
  }
  .mod-experience-insta-card {
    display: block;
    padding: 0 calc(20 / var(--w) * 100vw) 0 0;
  }
  .mod-experience-insta-card ._card-texts {
    margin-top: calc(15 / var(--w) * 100vw);
    display: flex;
    gap: calc(10 / var(--w) * 100vw);
    margin-right: calc(-5 / var(--w) * 100vw);
  }
  .mod-experience-insta-card ._card-texts-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--w) * 100vw);
  }
  .mod-experience-insta-card ._card-texts-image {
    width: calc(100 / var(--w) * 100vw);
  }
  .mod-experience-insta-card ._name {
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
    color: #9a5e42;
  }
  .mod-experience-insta-card ._doc {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.6;
  }
  .mod-experience-insta-card ._date {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.6;
  }
  .mod-experience-insta-card h5 {
    display: inline-block;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.6;
  }
  .mod-experience-insta-card figure {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .mod-experience-insta-card figcaption {
    font-size: calc(10 / var(--w) * 100vw);
    color: #fff;
    position: absolute;
    bottom: calc(7 / var(--w) * 100vw);
    left: calc(7 / var(--w) * 100vw);
  }
  .mod-experience-insta-card .is-cap-bl figcaption {
    color: #875e67;
  }
  .block-experience ._block2 {
    position: relative;
    padding: calc(55 / var(--w) * 100vw) calc(17 / var(--w) * 100vw) calc(90 / var(--w) * 100vw) calc(17 / var(--w) * 100vw);
    background: #fff;
    color: #000;
  }
  .block-experience ._block2 h3 {
    font-size: calc(18 / var(--w) * 100vw);
    line-height: 1.22;
    letter-spacing: 0.13em;
    font-weight: bold;
    color: #9a5e42;
  }
  .block-experience ._block2 h3 b {
    font-size: calc(20 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._row-head ._title {
    display: flex;
    flex-direction: column;
    gap: calc(11 / var(--w) * 100vw);
    align-items: center;
    justify-content: center;
  }
  .block-experience ._block2 ._row-head ._title ._logo {
    width: calc(80 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._row-head ._title h3 {
    font-size: calc(23 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.15em;
    font-weight: bold;
    color: #836a5d;
  }
  .block-experience ._block2 ._row-head ._title h3 b {
    font-size: calc(28 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.16em;
    color: #836a5d;
  }
  .block-experience ._block2 ._row-head ._lead {
    margin-top: calc(5 / var(--w) * 100vw);
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.58;
    text-align: center;
  }
  .block-experience ._block2 ._row-main {
    display: flex;
    flex-direction: column;
    gap: calc(15 / var(--w) * 100vw);
    margin-top: calc(27 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols {
    display: flex;
    flex-direction: column;
    gap: calc(15 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols ._col-image figure {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .block-experience ._block2 ._cols ._col-image figcaption {
    font-size: calc(11 / var(--w) * 100vw);
    color: #fff;
    position: absolute;
    bottom: calc(10 / var(--w) * 100vw);
    left: calc(10 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols ._lead {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.6;
  }
  .block-experience ._block2 ._cols h4 {
    margin-top: calc(30 / var(--w) * 100vw);
    font-size: calc(16 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
    color: #836a5d;
    position: relative;
  }
  .block-experience ._block2 ._cols h4::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(10 / var(--w) * 100vw);
    right: 0;
    width: calc(230 / var(--w) * 100vw);
    height: calc(1 / var(--w) * 100vw);
    background: #836A5D;
  }
  .block-experience ._block2 ._cols table {
    width: 100%;
    margin-top: calc(24 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols table tbody {
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--w) * 100vw);
  }
  .block-experience ._block2 ._cols table th {
    vertical-align: top;
    position: relative;
    width: calc(68 / var(--w) * 100vw);
    padding: calc(2 / var(--w) * 100vw) 0;
  }
  .block-experience ._block2 ._cols table th::after {
    content: ":";
    position: absolute;
    top: calc(2 / var(--w) * 100vw);
    right: calc(10 / var(--w) * 100vw);
    font-size: calc(12 / var(--w) * 100vw);
    line-height: 1.3;
    color: #836a5d;
  }
  .block-experience ._block2 ._cols table th h5 {
    font-size: calc(12 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
    color: #836a5d;
  }
  .block-experience ._block2 ._cols table td {
    padding: calc(2 / var(--w) * 100vw) 0;
    font-size: calc(12 / var(--w) * 100vw);
    line-height: 1.3;
  }
  .block-experience ._block2 ._cols table td._notes {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.4;
  }
  .block-experience ._block2 ._cols table td ._note {
    font-size: calc(10 / var(--w) * 100vw);
    line-height: 1;
  }
  .block-experience ._block2 ._cols ._btns {
    margin-top: calc(36 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
  }
  .block-experience ._block2 ._cols ._btns .mod-btn-A {
    width: calc(280 / var(--w) * 100vw);
  }
  .mod-experience2-btn {
    background: #AE9691;
    width: calc(280 / var(--w) * 100vw);
    height: calc(48 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
    color: #fff;
  }
  .block-experience ._block3 {
    position: relative;
    padding: calc(24 / var(--w) * 100vw) 0 calc(30 / var(--w) * 100vw) 0;
  }
  .block-experience ._block3 ._banner-texts {
    position: absolute;
    top: calc(98 / var(--w) * 100vw);
    right: 0;
    left: calc(10 / var(--w) * 100vw);
    text-align: center;
    color: #fff;
    padding-right: calc(10 / var(--w) * 100vw);
  }
  .block-experience ._block3 ._banner-texts ._t1 {
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 2;
    font-weight: bold;
  }
  .block-experience ._block3 ._banner-texts ._t2 {
    margin-top: calc(2 / var(--w) * 100vw);
    font-size: calc(30 / var(--w) * 100vw);
    line-height: 1.1;
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  /* -------------------------------------------------- */
  .block-beverage {
    position: relative;
    padding: calc(55 / var(--w) * 100vw) 0 calc(10 / var(--w) * 100vw) 0;
  }
  .block-beverage ._inner {
    margin: 0 calc(20 / var(--w) * 100vw);
  }
  .block-beverage ._set {
    overflow: hidden;
    max-height: calc(1000 / var(--w) * 100vw);
  }
  .block-beverage ._doc {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.58;
  }
  .block-beverage ._row1 ._doc {
    margin-top: calc(10 / var(--w) * 100vw);
  }
  .block-beverage ._row2 {
    padding: calc(36 / var(--w) * 100vw) 0 calc(15 / var(--w) * 100vw) 0;
  }
  .block-beverage ._row2 ._doc {
    margin-top: calc(5 / var(--w) * 100vw);
  }
  .block-beverage ._row2 ._3 {
    margin-top: calc(20 / var(--w) * 100vw);
  }
  .block-beverage ._row3 {
    padding: calc(42 / var(--w) * 100vw) 0 calc(35 / var(--w) * 100vw) 0;
  }
  .block-beverage ._row3 ._doc {
    margin-top: calc(5 / var(--w) * 100vw);
  }
  .block-beverage ._row3 ._3 {
    margin-top: calc(20 / var(--w) * 100vw);
  }
  .block-beverage ._row4 {
    padding: calc(25 / var(--w) * 100vw) 0 calc(40 / var(--w) * 100vw) 0;
  }
  .block-beverage ._row4 ._doc {
    margin-top: calc(5 / var(--w) * 100vw);
  }
  .block-beverage ._row4 ._1 {
    margin-right: calc(-15 / var(--w) * 100vw);
  }
  .block-beverage ._row4 ._3 {
    margin-top: calc(20 / var(--w) * 100vw);
  }
  .block-beverage ._btns {
    width: calc(240 / var(--w) * 100vw);
    margin: 0 auto;
  }
  .mod-beverage-items {
    position: relative;
  }
  .mod-beverage-item {
    position: relative;
    display: block;
    padding: 0 calc(20 / var(--w) * 100vw) 0 0;
  }
  .mod-beverage-item a {
    color: #875e67;
  }
  .mod-beverage-item a:hover {
    opacity: 0.8;
  }
  .mod-beverage-item ._item-image a {
    display: block;
  }
  .mod-beverage-item ._item-texts {
    margin-top: calc(12 / var(--w) * 100vw);
  }
  .mod-beverage-item ._item-texts ._name {
    margin: 0;
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 1.33;
  }
  .mod-beverage-item ._item-texts ._note {
    margin-top: calc(6 / var(--w) * 100vw);
    font-size: calc(10 / var(--w) * 100vw);
    line-height: 1.5;
  }
  .mod-beverage-item ._item-texts .mod-btn-more {
    margin-top: calc(10 / var(--w) * 100vw);
  }
  .mod-beverage-item ._item-texts ._floor {
    margin-top: calc(20 / var(--w) * 100vw);
    display: flex;
    gap: calc(20 / var(--w) * 100vw);
    align-items: center;
  }
  .mod-beverage-item ._item-texts ._ti {
    margin: 0;
    font-size: calc(10 / var(--w) * 100vw);
    line-height: 2;
  }
  .mod-beverage-item ._item-texts ._icons {
    display: flex;
    gap: calc(30 / var(--w) * 100vw);
    align-items: center;
  }
  .mod-beverage-item ._item-texts ._icon {
    display: block;
    margin: 0;
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.2em;
    position: relative;
    background: url(/reserve/roastery/sakura2026/images/beverage/icon2.webp?2) left center no-repeat;
    background-size: calc(16 / var(--w) * 100vw) calc(16 / var(--w) * 100vw);
    padding: calc(5 / var(--w) * 100vw) 0 calc(5 / var(--w) * 100vw) calc(26 / var(--w) * 100vw);
  }
  .mod-beverage-item ._item-texts ._icon.is-bar {
    background-image: url(/reserve/roastery/sakura2026/images/beverage/icon3.webp?2);
  }
  .mod-beverage-item ._item-texts ._icon.is-tea {
    background-image: url(/reserve/roastery/sakura2026/images/beverage/icon1.webp?2);
  }
  .mod-beverage-item ._item-texts ._icon::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(3 / var(--w) * 100vw);
    left: calc(-15 / var(--w) * 100vw);
    margin: auto 0;
    width: calc(1 / var(--w) * 100vw);
    height: calc(15 / var(--w) * 100vw);
    background: #875e67;
    transform: skew(-22deg);
  }
  .mod-beverage-item ._item-texts ._icon:first-child::before {
    display: none;
  }
  .block-food {
    position: relative;
    padding: calc(50 / var(--w) * 100vw) calc(18 / var(--w) * 100vw) calc(60 / var(--w) * 100vw) calc(17 / var(--w) * 100vw);
  }
  .block-food ._cols {
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--w) * 100vw);
  }
  .block-food ._cols ._col-texts ._image {
    margin-top: calc(28 / var(--w) * 100vw);
  }
  .block-food ._cols ._col-texts ._lead {
    margin-top: calc(25 / var(--w) * 100vw);
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.58;
    text-align: left;
  }
  .block-food ._cols ._btns {
    width: calc(280 / var(--w) * 100vw);
    margin: 0 auto;
    margin-top: calc(36 / var(--w) * 100vw);
  }
  .block-food figure {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .block-food figcaption {
    font-size: calc(10 / var(--w) * 100vw);
    color: #875e67;
    position: absolute;
    bottom: calc(7 / var(--w) * 100vw);
    left: calc(7 / var(--w) * 100vw);
  }
  /* -------------------------------------------------- */
  .block-goods {
    position: relative;
    padding: calc(50 / var(--w) * 100vw) calc(18 / var(--w) * 100vw) calc(68 / var(--w) * 100vw) calc(17 / var(--w) * 100vw);
  }
  .block-goods ._cols {
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--w) * 100vw);
  }
  .block-goods ._cols ._col-texts ._image {
    margin-top: calc(33 / var(--w) * 100vw);
  }
  .block-goods ._cols ._col-texts ._lead {
    margin-top: calc(25 / var(--w) * 100vw);
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.58;
    text-align: left;
  }
  .block-goods ._cols ._col-texts ._dates {
    margin-top: calc(12 / var(--w) * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--w) * 100vw);
  }
  .block-goods ._items {
    margin-top: calc(45 / var(--w) * 100vw);
  }
  .block-goods ._btns {
    width: calc(260 / var(--w) * 100vw);
    margin: 0 auto;
    margin-top: calc(36 / var(--w) * 100vw);
  }
  .block-goods figure {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .block-goods figcaption {
    font-size: calc(10 / var(--w) * 100vw);
    color: #fff;
    position: absolute;
    bottom: calc(7 / var(--w) * 100vw);
    left: calc(7 / var(--w) * 100vw);
  }
  .mod-goods-date {
    display: flex;
    gap: calc(5 / var(--w) * 100vw);
  }
  .mod-goods-date span {
    display: block;
  }
  .mod-goods-date span:nth-child(1) {
    background: #875e67;
    width: calc(75 / var(--w) * 100vw);
    color: #fff;
    padding: calc(6 / var(--w) * 100vw) 0 calc(6 / var(--w) * 100vw) calc(12 / var(--w) * 100vw);
    font-size: calc(12 / var(--w) * 100vw);
    line-height: 1;
  }
  .mod-goods-date span:nth-child(2) {
    padding: calc(6 / var(--w) * 100vw);
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
  }
  .mod-goods-items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(15 / var(--w) * 100vw);
    gap: calc(50 / var(--w) * 100vw) calc(15 / var(--w) * 100vw);
  }
  .mod-goods-item {
    position: relative;
    color: #875e67;
  }
  .mod-goods-item ._item-image a {
    display: block;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-goods-item ._item-image a:hover {
    opacity: 0.8;
  }
  .mod-goods-item ._item-texts {
    margin-top: calc(10 / var(--w) * 100vw);
    min-height: calc(75 / var(--w) * 100vw);
  }
  .mod-goods-item ._item-texts ._name {
    font-size: calc(12 / var(--w) * 100vw);
    line-height: 1.5;
  }
  .mod-goods-item ._item-texts .mod-btn-more {
    margin-top: calc(8 / var(--w) * 100vw);
  }
  /* -------------------------------------------------- */
  .block-entry_guide#entry_guide {
    padding: calc(40 / var(--w) * 100vw) calc(17 / var(--w) * 100vw) calc(35 / var(--w) * 100vw) calc(17 / var(--w) * 100vw);
  }
  .block-entry_guide#entry_guide ._box {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: calc(30 / var(--w) * 100vw);
    align-items: center;
    padding: calc(100 / var(--w) * 100vw) 0 calc(25 / var(--w) * 100vw) 0;
    background-image: url("/reserve/roastery/sakura2026/images/entry_guide/sp/bg.webp?");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .block-entry_guide#entry_guide ._head {
    color: #f5ede0;
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--w) * 100vw);
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .block-entry_guide#entry_guide ._head ._pre {
    font-size: calc(15 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.07em;
    font-weight: bold;
  }
  .block-entry_guide#entry_guide ._head h2 {
    font-size: calc(48 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.15em;
    font-weight: bold;
  }
  .block-entry_guide#entry_guide ._head ._lead {
    margin-top: calc(3 / var(--w) * 100vw);
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.58;
  }
  .block-entry_guide#entry_guide ._cols {
    padding: 0 calc(18 / var(--w) * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(14 / var(--w) * 100vw);
    justify-content: center;
    color: #834f22;
  }
  .block-entry_guide#entry_guide ._cols ._col {
    background: #000;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    background: #F5EDE0;
    padding: calc(24 / var(--w) * 100vw) calc(18 / var(--w) * 100vw) calc(20 / var(--w) * 100vw) calc(18 / var(--w) * 100vw);
  }
  .block-entry_guide#entry_guide ._cols ._icon {
    margin-top: calc(20 / var(--w) * 100vw);
    width: calc(62 / var(--w) * 100vw);
  }
  .block-entry_guide#entry_guide ._cols ._icon.is-b {
    width: calc(66 / var(--w) * 100vw);
    margin-bottom: calc(-5 / var(--w) * 100vw);
  }
  .block-entry_guide#entry_guide ._cols h3 {
    font-size: calc(16 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding: 0 0 calc(14 / var(--w) * 100vw) 0;
    width: 100%;
    text-align: center;
    border-bottom: calc(1 / var(--w) * 100vw) solid #834f22;
  }
  .block-entry_guide#entry_guide ._cols h4 {
    margin-top: calc(13 / var(--w) * 100vw);
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.6;
    letter-spacing: 0.07em;
    font-weight: bold;
  }
  .block-entry_guide#entry_guide ._cols ._doc {
    margin-top: calc(3 / var(--w) * 100vw);
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.58;
    font-weight: 500;
  }
  .block-entry_guide#entry_guide ._cols ._btns {
    width: 100%;
    margin-top: calc(10 / var(--w) * 100vw);
    text-align: right;
  }
  .block-entry_guide#entry_guide ._label {
    position: absolute;
    top: calc(15 / var(--w) * 100vw);
    left: calc(15 / var(--w) * 100vw);
    width: calc(90 / var(--w) * 100vw);
  }
  .block-instagram {
    position: relative;
    padding: calc(60 / var(--w) * 100vw) calc(17 / var(--w) * 100vw) 0 calc(17 / var(--w) * 100vw);
    height: 200vw;
  }
  .block-instagram ._title {
    display: flex;
    gap: calc(20 / var(--w) * 100vw);
  }
  .block-instagram ._title ._logo {
    width: calc(50 / var(--w) * 100vw);
  }
  .block-instagram ._title ._texts {
    flex: 1;
    color: #9a5e42;
  }
  .block-instagram ._title ._texts ._sub {
    font-size: calc(10 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.08em;
    font-weight: bold;
  }
  .block-instagram ._title ._texts ._en {
    margin-top: calc(7 / var(--w) * 100vw);
    font-size: calc(40 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.25em;
    font-weight: bold;
  }
  .block-instagram ._lead {
    margin-top: calc(17 / var(--w) * 100vw);
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 2;
    color: #875e67;
  }
  .block-instagram ._btns {
    margin: 0 auto;
    margin-top: calc(20 / var(--w) * 100vw);
    width: calc(300 / var(--w) * 100vw);
  }
  .block-instagram ._cols {
    position: relative;
  }
  .block-instagram ._col-image {
    position: absolute;
    top: calc(25 / var(--w) * 100vw);
    right: calc(-14 / var(--w) * 100vw);
    left: calc(-14 / var(--w) * 100vw);
    pointer-events: none;
  }
  .block-instagram ._col-image .js-parallax-y {
    position: absolute;
    top: 0;
    left: 0;
  }
  .lp-contents .instaTwitterArea {
    margin-top: 0 !important;
  }
  .mod-deco {
    pointer-events: none;
  }
  .mod-hover {
    display: block;
    cursor: pointer;
  }
  .mod-h2 {
    font-size: calc(50 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.24em;
    font-weight: bold;
    color: #9a5e42;
  }
  .mod-h2 sup {
    vertical-align: top;
    font-size: calc(13 / var(--w) * 100vw);
  }
  .mod-h3f {
    display: flex;
    color: #9a5e42;
  }
  .mod-h3f span {
    font-size: calc(35 / var(--w) * 100vw);
    line-height: 1.2;
    letter-spacing: 0.18em;
    font-weight: bold;
    color: #9a5e42;
  }
  .mod-h3f span:nth-child(1) {
    width: calc(52 / var(--w) * 100vw);
    padding: 0;
  }
  .mod-h3f span small {
    font-size: calc(25 / var(--w) * 100vw);
  }
  .mod-h3f sup {
    font-size: calc(20 / var(--w) * 100vw);
  }
  .mod-btn-A {
    border: calc(1 / var(--w) * 100vw) solid #875e67;
    display: block;
    padding: calc(12 / var(--w) * 100vw) calc(5 / var(--w) * 100vw) calc(12 / var(--w) * 100vw) 0;
    position: relative;
    font-size: calc(14 / var(--w) * 100vw);
    line-height: 1.64;
    font-weight: bold;
    color: #875e67;
    text-align: center;
  }
  .mod-btn-A.is-wh {
    border-color: #fff;
    color: #fff;
  }
  .mod-btn-A.is-wh:before {
    border-color: #fff;
  }
  .mod-btn-A.is-bk {
    border-color: #000;
    color: #000;
  }
  .mod-btn-A.is-bk:before {
    border-color: #000;
  }
  .mod-btn-A.is-guide {
    border-color: #834f22;
    color: #834f22;
  }
  .mod-btn-A.is-guide:before {
    border-color: #834f22;
  }
  .mod-btn-A span {
    font-weight: bold;
  }
  .mod-btn-A:before {
    position: absolute;
    top: 50%;
    right: calc(14 / var(--w) * 100vw);
    width: calc(5 / var(--w) * 100vw);
    height: calc(5 / var(--w) * 100vw);
    border: calc(1 / var(--w) * 100vw) solid #875e67;
    display: block;
    content: "";
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-btn-text {
    position: relative;
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.64;
    font-weight: bold;
    color: #e76d82;
    text-align: center;
    border-bottom: calc(1 / var(--w) * 100vw) solid #e76d82;
    padding-right: calc(10 / var(--w) * 100vw);
    padding-bottom: calc(3 / var(--w) * 100vw);
  }
  .mod-btn-text span {
    font-weight: bold;
  }
  .mod-btn-text:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(5 / var(--w) * 100vw);
    height: calc(5 / var(--w) * 100vw);
    border: calc(1 / var(--w) * 100vw) solid #e76d82;
    display: block;
    content: "";
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-btn-more {
    display: inline-block;
    position: relative;
    padding-right: calc(10 / var(--w) * 100vw);
    font-size: calc(12 / var(--w) * 100vw);
    line-height: 1.2;
    letter-spacing: 0.2em;
    color: #875e67;
  }
  .mod-btn-more:before {
    position: absolute;
    top: calc(8 / var(--w) * 100vw);
    right: 0;
    border: calc(1 / var(--w) * 100vw) solid #875e67;
    display: block;
    content: "";
    height: calc(5 / var(--w) * 100vw);
    width: calc(5 / var(--w) * 100vw);
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
  }
  .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;
  }
  .block-navi {
    position: fixed;
    top: calc(25 / var(--w) * 100vw);
    right: calc(-5 / var(--w) * 100vw);
    z-index: 20;
    display: flex;
    gap: calc(12 / var(--w) * 100vw);
    justify-content: space-between;
    opacity: 0;
    transition-duration: 0.2s;
    transform: translate(0, 50%);
    visibility: hidden;
  }
  body.js-navi-active .block-navi {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
  }
  .block-navi ._items {
    transition-duration: 0.2s;
  }
  body.js-navi-hide .block-navi {
    opacity: 0;
    visibility: hidden;
  }
  body.js-navi-close .block-navi ._items {
    transform: translate(calc(100 / var(--w) * 100vw), 0);
    opacity: 0;
    pointer-events: none;
  }
  body.js-navi-close .block-navi .mod-navi-close {
    transform: rotate(-45deg);
  }
  .mod-navi-close {
    position: relative;
    background: #b4828d;
    color: #fff;
    box-shadow: 0 0 calc(7 / var(--w) * 100vw) rgba(153, 75, 65, 0.5);
    width: calc(50 / var(--w) * 100vw);
    height: calc(50 / var(--w) * 100vw);
    border-radius: 50%;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-navi-close span {
    transition-duration: 0.2s;
    position: absolute;
    right: calc(17 / var(--w) * 100vw);
    left: calc(17 / var(--w) * 100vw);
    height: calc(1.5 / var(--w) * 100vw);
    background: #F5EDE0;
  }
  .mod-navi-close span:nth-child(1) {
    top: calc(25 / var(--w) * 100vw);
    transform: rotate(45deg);
  }
  .mod-navi-close span:nth-child(2) {
    top: calc(25 / var(--w) * 100vw);
    transform: rotate(-45deg);
  }
  .mod-navi-close:hover {
    filter: brightness(1.2);
  }
  .mod-navi-items {
    display: flex;
    gap: calc(2 / var(--w) * 100vw);
  }
  .mod-navi-items > li {
    width: calc(73 / var(--w) * 100vw);
  }
  .mod-navi-item {
    display: block;
    border-radius: calc(4 / var(--w) * 100vw);
    background: #b4828d;
    color: #F5EDE0;
    box-shadow: 0 0 calc(7 / var(--w) * 100vw) rgba(153, 75, 65, 0.5);
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .mod-navi-item.is-entry {
    background: #E76D82;
  }
  .mod-navi-item:hover {
    opacity: 1;
    filter: brightness(1.2);
  }
  .mod-navi-item ._item-texts {
    text-align: center;
  }
  .mod-navi-item ._item-texts ._en {
    height: calc(50 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-navi-item ._item-texts ._en span {
    font-size: calc(13 / var(--w) * 100vw);
    line-height: 1.2;
    letter-spacing: 0.06em;
    font-weight: bold;
  }
  .mod-navi-item ._item-texts ._en small {
    font-size: calc(10 / var(--w) * 100vw);
    letter-spacing: 0.05em;
  }
  .mod-navi-item ._item-texts ._en small sup {
    font-size: 79%;
  }
  .mod-slider ._btn-prev {
    position: absolute;
    bottom: calc(-2 / var(--w) * 100vw);
    left: calc(65 / var(--w) * 100vw);
    width: calc(35 / var(--w) * 100vw);
    height: calc(35 / var(--w) * 100vw);
    z-index: 1;
    cursor: pointer;
    background-image: url("/reserve/roastery/sakura2026/images/common/arrow_prev.webp?");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mod-slider ._btn-prev.slick-disabled {
    opacity: 0;
  }
  .mod-slider ._btn-next {
    position: absolute;
    right: calc(60 / var(--w) * 100vw);
    bottom: calc(-2 / var(--w) * 100vw);
    width: calc(35 / var(--w) * 100vw);
    height: calc(35 / var(--w) * 100vw);
    z-index: 1;
    cursor: pointer;
    background-image: url("/reserve/roastery/sakura2026/images/common/arrow_next.webp?");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mod-slider ._btn-next.slick-disabled {
    opacity: 0;
  }
  .mod-slider ._slide-dots {
    padding: calc(10 / var(--w) * 100vw);
    margin-top: calc(25 / var(--w) * 100vw);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    gap: 0;
    align-items: center;
    justify-content: center;
  }
  .mod-slider ._slide-dots li {
    display: inline-block;
    width: calc(10 / var(--w) * 100vw);
    height: calc(10 / var(--w) * 100vw);
    border: calc(1 / var(--w) * 100vw) solid #AE7E88;
    margin: 0 calc(7 / var(--w) * 100vw);
    border-radius: 50%;
  }
  .mod-slider ._slide-dots li button {
    display: none;
  }
  .mod-slider ._slide-dots li.slick-active {
    background: #AE7E88;
  }
  .u-pc {
    display: none;
  }
}