@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap");
@media print, screen and (min-width: 1024px) {
  :root {
    --w:1440;
    --viewport-width:100vw ;
  }
}
@media screen and (max-width: 1023px) {
  :root {
    --w:750;
    --viewport-width:100vw ;
  }
}
@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: "Zen Old Mincho", serif;
}

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

body.is-opening-locked {
  overflow: hidden;
}

.js-sky-stargazer-sky {
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
}

.js-story-night-lead {
  opacity: 0;
  will-change: opacity;
}

/* ----------------------------------------------------------
  reusable sky path scroll reveal
  ---------------------------------------------------------- */
.js-sky-intro-pc > div > img,
.js-sky-intro-sp > div > img,
.js-sky-title-path-pc > div > img,
.js-sky-title-path-sp > div > img,
.js-sky-path-pc > div > img,
.js-sky-path-sp > div > img {
  display: block;
}

.js-sky-path-pc.is-sky-reveal-ready > [data-sky-reveal] > img,
.js-sky-path-sp.is-sky-reveal-ready > [data-sky-reveal] > img {
  clip-path: inset(0);
  will-change: clip-path;
}
.js-sky-path-pc.is-sky-reveal-ready > [data-sky-reveal=right] > img,
.js-sky-path-sp.is-sky-reveal-ready > [data-sky-reveal=right] > img {
  clip-path: inset(0 var(--sky-line-hidden, 100%) 0 0);
}
.js-sky-path-pc.is-sky-reveal-ready > [data-sky-reveal=left] > img,
.js-sky-path-sp.is-sky-reveal-ready > [data-sky-reveal=left] > img {
  clip-path: inset(0 0 0 var(--sky-line-hidden, 100%));
}
.js-sky-path-pc.is-sky-reveal-ready > [data-sky-reveal=down] > img,
.js-sky-path-sp.is-sky-reveal-ready > [data-sky-reveal=down] > img {
  clip-path: inset(0 0 var(--sky-line-hidden, 100%) 0);
}
.js-sky-path-pc.is-sky-reveal-ready > [data-sky-reveal=up] > img,
.js-sky-path-sp.is-sky-reveal-ready > [data-sky-reveal=up] > img {
  clip-path: inset(var(--sky-line-hidden, 100%) 0 0 0);
}
.js-sky-path-pc.is-sky-reveal-complete > [data-sky-reveal] > img,
.js-sky-path-sp.is-sky-reveal-complete > [data-sky-reveal] > img {
  will-change: auto;
}
.js-sky-path-pc.is-sky-reveal-ready > [data-sky-dot],
.js-sky-path-sp.is-sky-reveal-ready > [data-sky-dot] {
  opacity: var(--sky-dot-opacity, 0);
  transform: scale(var(--sky-dot-scale, 0.55));
  transform-origin: center;
  will-change: opacity, transform;
}
.js-sky-path-pc.is-sky-reveal-complete > [data-sky-dot],
.js-sky-path-sp.is-sky-reveal-complete > [data-sky-dot] {
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .js-sky-path-pc.is-sky-reveal-ready > [data-sky-reveal] > img,
  .js-sky-path-sp.is-sky-reveal-ready > [data-sky-reveal] > img {
    clip-path: inset(0);
  }
  .js-sky-path-pc.is-sky-reveal-ready > [data-sky-dot],
  .js-sky-path-sp.is-sky-reveal-ready > [data-sky-dot] {
    opacity: 1;
    transform: none;
  }
}
@media print, screen and (min-width: 1024px) {
  .block-wrap {
    position: relative;
  }
  .block-wrap img {
    width: 100%;
  }
  .block-wrap h2, .block-wrap h3, .block-wrap h4, .block-wrap p {
    margin: 0;
  }
  .block-wrap sup {
    font-size: 50%;
  }
  .block-wrap {
    overflow: hidden;
  }
  .block-wrap img {
    width: 100%;
  }
  .block-wrap {
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
  }
  .block-bg {
    position: relative;
    background-image: url("/cafe/andwander/images/bgs/bg.webp"), url("/cafe/andwander/images/bgs/bg-b.webp"), url("/cafe/andwander/images/bgs/bg-c.webp");
    background-size: 100% auto, 100% auto, 100% auto;
    background-position: center top, center calc(4690 / var(--w) * var(--viewport-width)), center calc(5776 / var(--w) * var(--viewport-width));
    background-repeat: no-repeat;
  }
  .block-bg ._trees {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .block-bg ._men {
    position: absolute;
    top: calc(320 / var(--w) * var(--viewport-width));
    left: calc(534 / var(--w) * var(--viewport-width));
    width: calc(385 / var(--w) * var(--viewport-width));
    height: calc(700 / var(--w) * var(--viewport-width));
    overflow: hidden;
  }
  .block-bg ._woman {
    position: absolute;
    top: calc(434 / var(--w) * var(--viewport-width));
    left: calc(936 / var(--w) * var(--viewport-width));
    width: calc(332 / var(--w) * var(--viewport-width));
    height: calc(700 / var(--w) * var(--viewport-width));
    overflow: hidden;
  }
  .block-bg ._mountain {
    position: absolute;
    top: calc(6707 / var(--w) * var(--viewport-width));
    right: 0;
    left: 0;
    opacity: 1;
    will-change: opacity;
    pointer-events: none;
  }
  .block-bg ._stargazer-sky {
    position: absolute;
    top: calc(4014 / var(--w) * var(--viewport-width));
    right: 0;
    left: 0;
    z-index: 20;
    opacity: 1;
    will-change: opacity;
    pointer-events: none;
  }
  .block-bg ._stargazer {
    position: absolute;
    top: calc(4954 / var(--w) * var(--viewport-width));
    right: 0;
    left: 0;
    opacity: 1;
    will-change: opacity;
    pointer-events: none;
  }
  .block-bg-sunset {
    position: absolute;
    top: calc(1200 / var(--w) * var(--viewport-width));
    right: 0;
    left: calc(-40 / var(--w) * var(--viewport-width));
    height: calc(3600 / var(--w) * var(--viewport-width));
    background: #F6BD89;
    opacity: 0;
    will-change: opacity;
    pointer-events: none;
  }
  .block-bg1 {
    background-image: url("/cafe/andwander/images/bgs/bg1.webp");
    background-size: 100%;
    background-position: top;
    background-color: #fff;
    position: absolute;
    top: calc(753 / var(--w) * var(--viewport-width));
    right: calc(-2 / var(--w) * var(--viewport-width));
    left: calc(-38 / var(--w) * var(--viewport-width));
    height: calc(600 / var(--w) * var(--viewport-width));
    clip-path: polygon(0% 0%, 2.932% 0%, 65.436% 35.02%, 82.998% 34.354%, 96.035% 45.52%, 100% 46.02%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 2.932% 0%, 65.436% 35.02%, 82.998% 34.354%, 96.035% 45.52%, 100% 46.02%, 100% 100%, 0% 100%);
    transform-origin: 100% 26%;
    pointer-events: none;
  }
  .block-bg2 {
    background-image: url("/cafe/andwander/images/bgs/bg2.webp?");
    background-size: 100%;
    background-position: top;
    position: absolute;
    top: calc(4302 / var(--w) * var(--viewport-width));
    right: 0;
    left: calc(-40 / var(--w) * var(--viewport-width));
    height: calc(500 / var(--w) * var(--viewport-width));
    clip-path: polygon(0% 22.8%, 35.135% 57.6%, 80.27% 31%, 86.216% 16.2%, 100% 1%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 22.8%, 35.135% 57.6%, 80.27% 31%, 86.216% 16.2%, 100% 1%, 100% 100%, 0% 100%);
    transform-origin: 100% 0%;
    pointer-events: none;
  }
  .block-bg3 {
    background-image: url("/cafe/andwander/images/bgs/bg3.webp");
    background-size: 100%;
    background-position: top;
    background-color: #213150;
    position: absolute;
    top: calc(5411 / var(--w) * var(--viewport-width));
    right: calc(-40 / var(--w) * var(--viewport-width));
    left: 0;
    height: calc(400 / var(--w) * var(--viewport-width));
    clip-path: polygon(0% 60.25%, 17.432% 42.5%, 25.338% 50.75%, 100% 1%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 60.25%, 17.432% 42.5%, 25.338% 50.75%, 100% 1%, 100% 100%, 0% 100%);
    transform-origin: 0% 80%;
    pointer-events: none;
  }
  .block-bg4 {
    background-image: url("/cafe/andwander/images/bgs/bg4.webp");
    background-size: 100%;
    background-position: top;
    background-color: #f5f3e8;
    position: absolute;
    top: calc(10063 / var(--w) * var(--viewport-width));
    right: 0;
    left: calc(-40 / var(--w) * var(--viewport-width));
    height: calc(400 / var(--w) * var(--viewport-width));
    clip-path: polygon(0% 0.25%, 60.541% 36%, 75.608% 30%, 86.486% 46.5%, 100% 35.5%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0.25%, 60.541% 36%, 75.608% 30%, 86.486% 46.5%, 100% 35.5%, 100% 100%, 0% 100%);
    transform-origin: 100% 39%;
    pointer-events: none;
  }
  /* -------------------------------------------------- */
  .block-news {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1A263C;
    height: calc(36 / var(--w) * var(--viewport-width));
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 60;
  }
  .block-news p {
    color: #fff;
    font-size: calc(14 / var(--w) * var(--viewport-width));
    line-height: 2.07;
    color: #fff;
    text-align: center;
  }
  .block-float-btn {
    position: fixed;
    right: 0;
    bottom: calc(60 / var(--w) * var(--viewport-width));
    z-index: 60;
  }
  .block-mv {
    position: relative;
    width: calc(1440 / var(--w) * var(--viewport-width));
    height: calc(940 / var(--w) * var(--viewport-width));
  }
  .block-mv ._stars-pc {
    position: absolute;
    top: calc(24 / var(--w) * var(--viewport-width));
    bottom: 0;
    left: calc(-105 / var(--w) * var(--viewport-width));
  }
  .block-mv ._stars-sp {
    display: none;
  }
  .block-mv ._copy {
    position: absolute;
    top: calc(261 / var(--w) * var(--viewport-width));
    left: calc(490 / var(--w) * var(--viewport-width));
    width: calc(464 / var(--w) * var(--viewport-width));
  }
  .block-mv ._logo {
    position: absolute;
    top: calc(414 / var(--w) * var(--viewport-width));
    left: calc(226 / var(--w) * var(--viewport-width));
    width: calc(186 / var(--w) * var(--viewport-width));
  }
  .block-mv ._date {
    position: absolute;
    top: calc(596 / var(--w) * var(--viewport-width));
    left: calc(224 / var(--w) * var(--viewport-width));
    width: calc(183 / var(--w) * var(--viewport-width));
  }
  .block-mv ._copy {
    font-size: calc(19 / var(--w) * var(--viewport-width));
    line-height: 1;
    letter-spacing: 0.1em;
    color: #fff;
  }
  .block-story-day {
    position: relative;
    width: calc(1440 / var(--w) * var(--viewport-width));
    height: calc(3640 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000fff;
  }
  .block-story-day ._stars-pc {
    position: absolute;
    top: calc(-270 / var(--w) * var(--viewport-width));
    bottom: 0;
    left: calc(-65 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._stars-sp {
    display: none;
  }
  .block-story-day ._copy {
    position: absolute;
    top: calc(162 / var(--w) * var(--viewport-width));
    left: calc(285 / var(--w) * var(--viewport-width));
    width: calc(336 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._lead {
    position: absolute;
    top: calc(336 / var(--w) * var(--viewport-width));
    left: calc(289 / var(--w) * var(--viewport-width));
    width: calc(265 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._p1 {
    position: absolute;
    top: calc(349 / var(--w) * var(--viewport-width));
    left: calc(646 / var(--w) * var(--viewport-width));
    width: calc(455 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._p2 {
    position: absolute;
    top: calc(750 / var(--w) * var(--viewport-width));
    left: calc(419 / var(--w) * var(--viewport-width));
    width: calc(258 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._fig1 {
    position: absolute;
    top: calc(983 / var(--w) * var(--viewport-width));
    left: calc(920 / var(--w) * var(--viewport-width));
    width: calc(176 / var(--w) * var(--viewport-width));
    z-index: 30;
  }
  .block-story-day ._fig2 {
    position: absolute;
    top: calc(2239 / var(--w) * var(--viewport-width));
    left: calc(147 / var(--w) * var(--viewport-width));
    width: calc(176 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._t1 {
    position: absolute;
    top: calc(1126 / var(--w) * var(--viewport-width));
    left: calc(639 / var(--w) * var(--viewport-width));
    width: calc(241 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._t2 {
    position: absolute;
    top: calc(1840 / var(--w) * var(--viewport-width));
    left: calc(792 / var(--w) * var(--viewport-width));
    width: calc(169 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._t3 {
    position: absolute;
    top: calc(2431 / var(--w) * var(--viewport-width));
    left: calc(349 / var(--w) * var(--viewport-width));
    width: calc(217 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._t4 {
    position: absolute;
    top: calc(3230 / var(--w) * var(--viewport-width));
    left: calc(783 / var(--w) * var(--viewport-width));
    width: calc(217 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._p3 {
    position: absolute;
    top: calc(1305 / var(--w) * var(--viewport-width));
    left: calc(194 / var(--w) * var(--viewport-width));
    width: calc(455 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._p4 {
    position: absolute;
    top: calc(1754 / var(--w) * var(--viewport-width));
    left: calc(993 / var(--w) * var(--viewport-width));
    width: calc(258 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._p5 {
    position: absolute;
    top: calc(2127 / var(--w) * var(--viewport-width));
    left: calc(604 / var(--w) * var(--viewport-width));
    width: calc(455 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._p6 {
    position: absolute;
    top: calc(2839 / var(--w) * var(--viewport-width));
    left: calc(275 / var(--w) * var(--viewport-width));
    width: calc(455 / var(--w) * var(--viewport-width));
  }
  .block-story-day ._copy {
    font-size: calc(48 / var(--w) * var(--viewport-width));
    line-height: 1.58;
    color: #000;
  }
  .block-story-day ._lead {
    font-size: calc(24 / var(--w) * var(--viewport-width));
    line-height: 1.58;
    color: #000;
  }
  .block-story-day ._t1 {
    font-size: calc(24 / var(--w) * var(--viewport-width));
    line-height: 1.58;
    color: #000;
  }
  .block-story-day ._t2 {
    font-size: calc(24 / var(--w) * var(--viewport-width));
    line-height: 1.58;
    color: #000;
  }
  .block-story-day ._t3 {
    font-size: calc(24 / var(--w) * var(--viewport-width));
    line-height: 1.58;
    color: #000;
  }
  .block-story-day ._t4 {
    font-size: calc(24 / var(--w) * var(--viewport-width));
    line-height: 1.58;
    color: #000;
  }
  .block-story-night {
    position: relative;
    width: calc(1440 / var(--w) * var(--viewport-width));
    height: calc(2256 / var(--w) * var(--viewport-width));
  }
  .block-story-night ._stars-pc {
    position: absolute;
    top: calc(796 / var(--w) * var(--viewport-width));
    bottom: 0;
    left: calc(-47 / var(--w) * var(--viewport-width));
  }
  .block-story-night ._stars-sp {
    display: none;
  }
  .block-story-night ._lead {
    position: absolute;
    top: calc(237 / var(--w) * var(--viewport-width));
    left: calc(138 / var(--w) * var(--viewport-width));
    width: calc(492 / var(--w) * var(--viewport-width));
  }
  .block-story-night ._p1 {
    position: absolute;
    top: calc(1243 / var(--w) * var(--viewport-width));
    left: calc(486 / var(--w) * var(--viewport-width));
    width: calc(456 / var(--w) * var(--viewport-width));
  }
  .block-story-night ._p2 {
    position: absolute;
    top: calc(1621 / var(--w) * var(--viewport-width));
    left: calc(899 / var(--w) * var(--viewport-width));
    width: calc(276 / var(--w) * var(--viewport-width));
  }
  .block-story-night ._fig1 {
    position: absolute;
    top: calc(1114 / var(--w) * var(--viewport-width));
    left: calc(926 / var(--w) * var(--viewport-width));
    width: calc(383 / var(--w) * var(--viewport-width));
  }
  .block-story-night ._fig2 {
    position: absolute;
    top: calc(1681 / var(--w) * var(--viewport-width));
    left: calc(205 / var(--w) * var(--viewport-width));
    width: calc(160 / var(--w) * var(--viewport-width));
  }
  .block-story-night ._t1 {
    position: absolute;
    top: calc(1978 / var(--w) * var(--viewport-width));
    left: calc(664 / var(--w) * var(--viewport-width));
    width: calc(265 / var(--w) * var(--viewport-width));
  }
  .block-story-night ._lead {
    font-size: calc(24 / var(--w) * var(--viewport-width));
    line-height: 3.33;
    letter-spacing: 0.3em;
    color: #fff;
    text-align: center;
  }
  .block-story-night ._t1 {
    font-size: calc(24 / var(--w) * var(--viewport-width));
    line-height: 1.58;
    color: #fff;
  }
  .block-lineup {
    position: relative;
    width: calc(1440 / var(--w) * var(--viewport-width));
    height: calc(3354 / var(--w) * var(--viewport-width));
  }
  .block-lineup ._stars-pc {
    position: absolute;
    top: calc(-34 / var(--w) * var(--viewport-width));
    bottom: 0;
    left: calc(-10 / var(--w) * var(--viewport-width));
  }
  .block-lineup ._stars-sp {
    display: none;
  }
  .block-lineup ._logo {
    position: absolute;
    top: calc(113 / var(--w) * var(--viewport-width));
    left: calc(916 / var(--w) * var(--viewport-width));
    width: calc(240 / var(--w) * var(--viewport-width));
  }
  .block-lineup ._row-list {
    position: absolute;
    top: calc(398 / var(--w) * var(--viewport-width));
    left: calc(191 / var(--w) * var(--viewport-width));
    width: calc(1058 / var(--w) * var(--viewport-width));
    height: calc(2300 / var(--w) * var(--viewport-width));
  }
  .block-lineup ._row-list ._list-lead {
    font-size: calc(19 / var(--w) * var(--viewport-width));
    line-height: 1.53;
    color: #fff;
  }
  .block-lineup ._row-list ._list {
    margin-top: calc(20 / var(--w) * var(--viewport-width));
  }
  .block-lineup #dscg {
    position: absolute;
    top: calc(2700 / var(--w) * var(--viewport-width));
    left: 0;
  }
  .block-lineup ._row-cards {
    position: absolute;
    top: calc(2841 / var(--w) * var(--viewport-width));
    left: calc(276 / var(--w) * var(--viewport-width));
    width: calc(903 / var(--w) * var(--viewport-width));
    height: calc(250 / var(--w) * var(--viewport-width));
  }
  .block-lineup ._row-cards ._card-title {
    position: absolute;
    top: 0;
    left: calc(10 / var(--w) * var(--viewport-width));
    width: calc(360 / var(--w) * var(--viewport-width));
    text-align: center;
  }
  .block-lineup ._row-cards ._card1 {
    position: absolute;
    top: 0;
    left: calc(400 / var(--w) * var(--viewport-width));
    width: calc(245 / var(--w) * var(--viewport-width));
  }
  .block-lineup ._row-cards ._card2 {
    position: absolute;
    top: calc(30 / var(--w) * var(--viewport-width));
    left: calc(659 / var(--w) * var(--viewport-width));
    width: calc(244 / var(--w) * var(--viewport-width));
  }
  .block-lineup ._row-cards ._card-lead {
    position: absolute;
    top: calc(100 / var(--w) * var(--viewport-width));
    left: 0;
    width: calc(377 / var(--w) * var(--viewport-width));
  }
  .block-lineup ._row-cards ._btn {
    position: absolute;
    top: calc(204 / var(--w) * var(--viewport-width));
    left: calc(343 / var(--w) * var(--viewport-width));
    width: calc(200 / var(--w) * var(--viewport-width));
  }
  .block-lineup ._card-title {
    font-size: calc(36 / var(--w) * var(--viewport-width));
    line-height: 1.22;
    font-weight: 600;
    color: #fff;
  }
  .block-lineup ._card-lead {
    font-size: calc(16 / var(--w) * var(--viewport-width));
    line-height: 1.25;
    color: #fff;
  }
  .block-styling {
    position: relative;
    width: calc(1440 / var(--w) * var(--viewport-width));
    height: calc(1504 / var(--w) * var(--viewport-width));
  }
  .block-styling ._stars-pc {
    position: absolute;
    top: calc(125 / var(--w) * var(--viewport-width));
    bottom: 0;
    left: calc(-50 / var(--w) * var(--viewport-width));
  }
  .block-styling ._stars-pc2 {
    position: absolute;
    top: calc(332 / var(--w) * var(--viewport-width));
    bottom: 0;
    left: calc(100 / var(--w) * var(--viewport-width));
  }
  .block-styling ._stars-sp {
    display: none;
  }
  .block-styling ._stars-sp2 {
    display: none;
  }
  .block-styling ._row-images {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .block-styling ._row-images ._p1 {
    position: absolute;
    top: calc(181 / var(--w) * var(--viewport-width));
    left: calc(743 / var(--w) * var(--viewport-width));
    width: calc(546 / var(--w) * var(--viewport-width));
  }
  .block-styling ._row-images ._p3 {
    position: absolute;
    top: calc(425 / var(--w) * var(--viewport-width));
    left: calc(116 / var(--w) * var(--viewport-width));
    width: calc(378 / var(--w) * var(--viewport-width));
  }
  .block-styling ._row-images ._p2 {
    position: absolute;
    top: calc(543 / var(--w) * var(--viewport-width));
    left: calc(1025 / var(--w) * var(--viewport-width));
    width: calc(311 / var(--w) * var(--viewport-width));
  }
  .block-styling ._row-images ._p4 {
    position: absolute;
    top: calc(668 / var(--w) * var(--viewport-width));
    left: calc(237 / var(--w) * var(--viewport-width));
    width: calc(525 / var(--w) * var(--viewport-width));
  }
  .block-styling ._row-images ._p5 {
    position: absolute;
    top: calc(990 / var(--w) * var(--viewport-width));
    left: calc(957 / var(--w) * var(--viewport-width));
    width: calc(304 / var(--w) * var(--viewport-width));
  }
  .block-about {
    position: relative;
    width: calc(1440 / var(--w) * var(--viewport-width));
    height: calc(1763 / var(--w) * var(--viewport-width));
    background-image: url("/cafe/andwander/images/about/bg.webp");
    background-size: 100%;
    background-position: top;
  }
  .block-about ._row-box {
    position: absolute;
    top: calc(180 / var(--w) * var(--viewport-width));
    left: calc(216 / var(--w) * var(--viewport-width));
    width: calc(1000 / var(--w) * var(--viewport-width));
    height: calc(480 / var(--w) * var(--viewport-width));
    background: #fff;
  }
  .block-about ._row-box ._bar {
    position: absolute;
    top: calc(60 / var(--w) * var(--viewport-width));
    left: calc(553 / var(--w) * var(--viewport-width));
    width: calc(2 / var(--w) * var(--viewport-width));
    height: calc(360 / var(--w) * var(--viewport-width));
    background: #000;
  }
  .block-about ._row-box ._logo {
    position: absolute;
    top: calc(75 / var(--w) * var(--viewport-width));
    left: calc(131 / var(--w) * var(--viewport-width));
    width: calc(291 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-box ._hikingclub {
    position: absolute;
    top: calc(79 / var(--w) * var(--viewport-width));
    left: calc(725 / var(--w) * var(--viewport-width));
    width: calc(109 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-box ._lead1 {
    position: absolute;
    top: calc(162 / var(--w) * var(--viewport-width));
    left: calc(89 / var(--w) * var(--viewport-width));
    width: calc(384 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-box ._lead2 {
    position: absolute;
    top: calc(211 / var(--w) * var(--viewport-width));
    left: calc(644 / var(--w) * var(--viewport-width));
    width: calc(280 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-box ._lead1 {
    font-size: calc(18 / var(--w) * var(--viewport-width));
    line-height: 2;
    color: #000;
    text-align: center;
  }
  .block-about ._row-box ._lead2 {
    font-size: calc(14 / var(--w) * var(--viewport-width));
    line-height: 2;
    color: #000;
    text-align: center;
  }
  .block-about ._row-note {
    position: absolute;
    top: calc(735 / var(--w) * var(--viewport-width));
    left: calc(213 / var(--w) * var(--viewport-width));
    width: calc(865 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-note ._notes {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(865 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-note ._logo2 {
    position: absolute;
    top: calc(514 / var(--w) * var(--viewport-width));
    left: calc(354 / var(--w) * var(--viewport-width));
    width: calc(296 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-note ._link {
    position: absolute;
    top: calc(626 / var(--w) * var(--viewport-width));
    left: calc(370 / var(--w) * var(--viewport-width));
    width: calc(266 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-note ._icon-blank {
    position: absolute;
    top: calc(637 / var(--w) * var(--viewport-width));
    left: calc(619 / var(--w) * var(--viewport-width));
    width: calc(18 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-note ._text-line {
    position: absolute;
    top: calc(664 / var(--w) * var(--viewport-width));
    left: calc(363 / var(--w) * var(--viewport-width));
    width: calc(280 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-note ._note1 {
    position: absolute;
    top: calc(693 / var(--w) * var(--viewport-width));
    left: calc(323 / var(--w) * var(--viewport-width));
    width: calc(358 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-note ._note2 {
    position: absolute;
    top: calc(850 / var(--w) * var(--viewport-width));
    left: calc(298 / var(--w) * var(--viewport-width));
    width: calc(418 / var(--w) * var(--viewport-width));
  }
  .block-about ._row-note ._notes p {
    font-size: calc(14 / var(--w) * var(--viewport-width));
    line-height: 2;
    color: #fff;
  }
  .block-about ._row-note ._note1 {
    font-size: calc(14 / var(--w) * var(--viewport-width));
    line-height: 1.71;
    color: #fff;
    text-align: center;
  }
  .block-about ._row-note ._note2 {
    font-size: calc(14 / var(--w) * var(--viewport-width));
    line-height: 1.71;
    color: #fff;
  }
  .mod-sky-lines1 {
    width: calc(1676 / var(--w) * var(--viewport-width));
    height: calc(329 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t2 {
    position: absolute;
    top: calc(33 / var(--w) * var(--viewport-width));
    left: calc(389 / var(--w) * var(--viewport-width));
    width: calc(72 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t7 {
    position: absolute;
    top: calc(40 / var(--w) * var(--viewport-width));
    left: calc(719 / var(--w) * var(--viewport-width));
    width: calc(33 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t3 {
    position: absolute;
    top: calc(67 / var(--w) * var(--viewport-width));
    left: calc(473 / var(--w) * var(--viewport-width));
    width: calc(43 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t4 {
    position: absolute;
    top: calc(57 / var(--w) * var(--viewport-width));
    left: calc(534 / var(--w) * var(--viewport-width));
    width: calc(44 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t5 {
    position: absolute;
    top: calc(65 / var(--w) * var(--viewport-width));
    left: calc(598 / var(--w) * var(--viewport-width));
    width: calc(46 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t1 {
    position: absolute;
    top: calc(80 / var(--w) * var(--viewport-width));
    left: calc(319 / var(--w) * var(--viewport-width));
    width: calc(34 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t6 {
    position: absolute;
    top: calc(73 / var(--w) * var(--viewport-width));
    left: calc(660 / var(--w) * var(--viewport-width));
    width: calc(45 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t14 {
    position: absolute;
    top: calc(71 / var(--w) * var(--viewport-width));
    left: calc(1095 / var(--w) * var(--viewport-width));
    width: calc(39 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t17 {
    position: absolute;
    top: calc(85 / var(--w) * var(--viewport-width));
    left: calc(1288 / var(--w) * var(--viewport-width));
    width: calc(41 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t13 {
    position: absolute;
    top: calc(100 / var(--w) * var(--viewport-width));
    left: calc(1029 / var(--w) * var(--viewport-width));
    width: calc(44 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t15 {
    position: absolute;
    top: calc(96 / var(--w) * var(--viewport-width));
    left: calc(1162 / var(--w) * var(--viewport-width));
    width: calc(45 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t8 {
    position: absolute;
    top: calc(122 / var(--w) * var(--viewport-width));
    left: calc(750 / var(--w) * var(--viewport-width));
    width: calc(16 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t16 {
    position: absolute;
    top: calc(115 / var(--w) * var(--viewport-width));
    left: calc(1234 / var(--w) * var(--viewport-width));
    width: calc(35 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t10 {
    position: absolute;
    top: calc(131 / var(--w) * var(--viewport-width));
    left: calc(869 / var(--w) * var(--viewport-width));
    width: calc(28 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t9 {
    position: absolute;
    top: calc(148 / var(--w) * var(--viewport-width));
    left: calc(781 / var(--w) * var(--viewport-width));
    width: calc(36 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t11 {
    position: absolute;
    top: calc(142 / var(--w) * var(--viewport-width));
    left: calc(912 / var(--w) * var(--viewport-width));
    width: calc(36 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._t12 {
    position: absolute;
    top: calc(138 / var(--w) * var(--viewport-width));
    left: calc(958 / var(--w) * var(--viewport-width));
    width: calc(34 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l1 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(268 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l4 {
    position: absolute;
    top: calc(39 / var(--w) * var(--viewport-width));
    left: calc(457 / var(--w) * var(--viewport-width));
    width: calc(20 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l3 {
    position: absolute;
    top: calc(77 / var(--w) * var(--viewport-width));
    left: calc(349 / var(--w) * var(--viewport-width));
    width: calc(59 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l7 {
    position: absolute;
    top: calc(68 / var(--w) * var(--viewport-width));
    left: calc(575 / var(--w) * var(--viewport-width));
    width: calc(53 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l8 {
    position: absolute;
    top: calc(68 / var(--w) * var(--viewport-width));
    left: calc(640 / var(--w) * var(--viewport-width));
    width: calc(35 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l2 {
    position: absolute;
    top: calc(85 / var(--w) * var(--viewport-width));
    left: calc(263 / var(--w) * var(--viewport-width));
    width: calc(60 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l10 {
    position: absolute;
    top: calc(81 / var(--w) * var(--viewport-width));
    left: calc(699 / var(--w) * var(--viewport-width));
    width: calc(37 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l14 {
    position: absolute;
    top: calc(93 / var(--w) * var(--viewport-width));
    left: calc(917 / var(--w) * var(--viewport-width));
    width: calc(123 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l16 {
    position: absolute;
    top: calc(85 / var(--w) * var(--viewport-width));
    left: calc(1069 / var(--w) * var(--viewport-width));
    width: calc(30 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l5 {
    position: absolute;
    top: calc(97 / var(--w) * var(--viewport-width));
    left: calc(511 / var(--w) * var(--viewport-width));
    width: calc(27 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l21 {
    position: absolute;
    top: calc(90 / var(--w) * var(--viewport-width));
    left: calc(1326 / var(--w) * var(--viewport-width));
    width: calc(75 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l6 {
    position: absolute;
    top: calc(107 / var(--w) * var(--viewport-width));
    left: calc(511 / var(--w) * var(--viewport-width));
    width: calc(79 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l18 {
    position: absolute;
    top: calc(102 / var(--w) * var(--viewport-width));
    left: calc(1129 / var(--w) * var(--viewport-width));
    width: calc(38 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l20 {
    position: absolute;
    top: calc(122 / var(--w) * var(--viewport-width));
    left: calc(1264 / var(--w) * var(--viewport-width));
    width: calc(29 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l9 {
    position: absolute;
    top: calc(136 / var(--w) * var(--viewport-width));
    left: calc(673 / var(--w) * var(--viewport-width));
    width: calc(80 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l12 {
    position: absolute;
    top: calc(141 / var(--w) * var(--viewport-width));
    left: calc(813 / var(--w) * var(--viewport-width));
    width: calc(59 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l13 {
    position: absolute;
    top: calc(144 / var(--w) * var(--viewport-width));
    left: calc(894 / var(--w) * var(--viewport-width));
    width: calc(22 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l17 {
    position: absolute;
    top: calc(138 / var(--w) * var(--viewport-width));
    left: calc(1123 / var(--w) * var(--viewport-width));
    width: calc(81 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l19 {
    position: absolute;
    top: calc(138 / var(--w) * var(--viewport-width));
    left: calc(1202 / var(--w) * var(--viewport-width));
    width: calc(37 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l11 {
    position: absolute;
    top: calc(166 / var(--w) * var(--viewport-width));
    left: calc(762 / var(--w) * var(--viewport-width));
    width: calc(22 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l15 {
    position: absolute;
    top: calc(167 / var(--w) * var(--viewport-width));
    left: calc(944 / var(--w) * var(--viewport-width));
    width: calc(46 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines1 ._l22 {
    position: absolute;
    top: calc(174 / var(--w) * var(--viewport-width));
    left: calc(1372 / var(--w) * var(--viewport-width));
    width: calc(304 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 {
    width: calc(1569 / var(--w) * var(--viewport-width));
    height: calc(4070 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l1 {
    position: absolute;
    top: 0;
    left: calc(8 / var(--w) * var(--viewport-width));
    width: calc(978 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l2 {
    position: absolute;
    top: calc(311 / var(--w) * var(--viewport-width));
    left: calc(979 / var(--w) * var(--viewport-width));
    width: calc(267 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l3 {
    position: absolute;
    top: calc(311 / var(--w) * var(--viewport-width));
    left: calc(1242 / var(--w) * var(--viewport-width));
    width: calc(190 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l4 {
    position: absolute;
    top: calc(407 / var(--w) * var(--viewport-width));
    left: calc(1425 / var(--w) * var(--viewport-width));
    width: calc(136 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l5 {
    position: absolute;
    top: calc(417 / var(--w) * var(--viewport-width));
    left: calc(1526 / var(--w) * var(--viewport-width));
    width: calc(35 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l6 {
    position: absolute;
    top: calc(468 / var(--w) * var(--viewport-width));
    left: calc(1197 / var(--w) * var(--viewport-width));
    width: calc(335 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l7 {
    position: absolute;
    top: calc(520 / var(--w) * var(--viewport-width));
    left: calc(1197 / var(--w) * var(--viewport-width));
    width: calc(16 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l8 {
    position: absolute;
    top: calc(556 / var(--w) * var(--viewport-width));
    left: calc(551 / var(--w) * var(--viewport-width));
    width: calc(662 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l9 {
    position: absolute;
    top: calc(807 / var(--w) * var(--viewport-width));
    left: calc(510 / var(--w) * var(--viewport-width));
    width: calc(46 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l10 {
    position: absolute;
    top: calc(865 / var(--w) * var(--viewport-width));
    left: calc(510 / var(--w) * var(--viewport-width));
    width: calc(174 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l11 {
    position: absolute;
    top: calc(977 / var(--w) * var(--viewport-width));
    left: calc(679 / var(--w) * var(--viewport-width));
    width: calc(508 / var(--w) * var(--viewport-width));
    z-index: 20;
  }
  .mod-sky-lines2 ._l12 {
    position: absolute;
    top: calc(1574 / var(--w) * var(--viewport-width));
    left: calc(1120 / var(--w) * var(--viewport-width));
    width: calc(67 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l13 {
    position: absolute;
    top: calc(1689 / var(--w) * var(--viewport-width));
    left: calc(197 / var(--w) * var(--viewport-width));
    width: calc(928 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l14 {
    position: absolute;
    top: calc(1802 / var(--w) * var(--viewport-width));
    left: calc(184 / var(--w) * var(--viewport-width));
    width: calc(18 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l15 {
    position: absolute;
    top: calc(1856 / var(--w) * var(--viewport-width));
    left: calc(184 / var(--w) * var(--viewport-width));
    width: calc(1184 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l16 {
    position: absolute;
    top: calc(2158 / var(--w) * var(--viewport-width));
    left: calc(1359 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l17 {
    position: absolute;
    top: calc(2211 / var(--w) * var(--viewport-width));
    left: calc(845 / var(--w) * var(--viewport-width));
    width: calc(519 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l19 {
    position: absolute;
    top: calc(2237 / var(--w) * var(--viewport-width));
    left: calc(749 / var(--w) * var(--viewport-width));
    width: calc(24 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l18 {
    position: absolute;
    top: calc(2237 / var(--w) * var(--viewport-width));
    left: calc(768 / var(--w) * var(--viewport-width));
    width: calc(83 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l20 {
    position: absolute;
    top: calc(2304 / var(--w) * var(--viewport-width));
    left: calc(749 / var(--w) * var(--viewport-width));
    width: calc(445 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l21 {
    position: absolute;
    top: calc(2698 / var(--w) * var(--viewport-width));
    left: calc(1190 / var(--w) * var(--viewport-width));
    width: calc(25 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l22 {
    position: absolute;
    top: calc(2837 / var(--w) * var(--viewport-width));
    left: calc(467 / var(--w) * var(--viewport-width));
    width: calc(748 / var(--w) * var(--viewport-width));
    z-index: 20;
  }
  .mod-sky-lines2 ._l24 {
    position: absolute;
    top: calc(3041 / var(--w) * var(--viewport-width));
    left: calc(234 / var(--w) * var(--viewport-width));
    width: calc(165 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l23 {
    position: absolute;
    top: calc(3041 / var(--w) * var(--viewport-width));
    left: calc(393 / var(--w) * var(--viewport-width));
    width: calc(81 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l25 {
    position: absolute;
    top: calc(3236 / var(--w) * var(--viewport-width));
    left: calc(234 / var(--w) * var(--viewport-width));
    width: calc(1068 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l26 {
    position: absolute;
    top: calc(3441 / var(--w) * var(--viewport-width));
    left: calc(1276 / var(--w) * var(--viewport-width));
    width: calc(26 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l28 {
    position: absolute;
    top: calc(3440 / var(--w) * var(--viewport-width));
    left: calc(1347 / var(--w) * var(--viewport-width));
    width: calc(89 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l29 {
    position: absolute;
    top: calc(3440 / var(--w) * var(--viewport-width));
    left: calc(1429 / var(--w) * var(--viewport-width));
    width: calc(140 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l27 {
    position: absolute;
    top: calc(3516 / var(--w) * var(--viewport-width));
    left: calc(1276 / var(--w) * var(--viewport-width));
    width: calc(77 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l30 {
    position: absolute;
    top: calc(3561 / var(--w) * var(--viewport-width));
    left: calc(1240 / var(--w) * var(--viewport-width));
    width: calc(329 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l31 {
    position: absolute;
    top: calc(3664 / var(--w) * var(--viewport-width));
    left: calc(1167 / var(--w) * var(--viewport-width));
    width: calc(79 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._l32 {
    position: absolute;
    top: calc(3748 / var(--w) * var(--viewport-width));
    left: 0;
    width: calc(1172 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p2 {
    position: absolute;
    top: calc(308 / var(--w) * var(--viewport-width));
    left: calc(1238 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p1 {
    position: absolute;
    top: calc(321 / var(--w) * var(--viewport-width));
    left: calc(977 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p3 {
    position: absolute;
    top: calc(405 / var(--w) * var(--viewport-width));
    left: calc(1423 / var(--w) * var(--viewport-width));
    width: calc(7 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p4 {
    position: absolute;
    top: calc(406 / var(--w) * var(--viewport-width));
    left: calc(1545 / var(--w) * var(--viewport-width));
    width: calc(26 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p5 {
    position: absolute;
    top: calc(456 / var(--w) * var(--viewport-width));
    left: calc(1519 / var(--w) * var(--viewport-width));
    width: calc(26 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p6 {
    position: absolute;
    top: calc(518 / var(--w) * var(--viewport-width));
    left: calc(1195 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p7 {
    position: absolute;
    top: calc(554 / var(--w) * var(--viewport-width));
    left: calc(1206 / var(--w) * var(--viewport-width));
    width: calc(12 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p8 {
    position: absolute;
    top: calc(805 / var(--w) * var(--viewport-width));
    left: calc(549 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p9 {
    position: absolute;
    top: calc(862 / var(--w) * var(--viewport-width));
    left: calc(505 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p10 {
    position: absolute;
    top: calc(977 / var(--w) * var(--viewport-width));
    left: calc(680 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p11 {
    position: absolute;
    top: calc(1574 / var(--w) * var(--viewport-width));
    left: calc(1181 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p12 {
    position: absolute;
    top: calc(1685 / var(--w) * var(--viewport-width));
    left: calc(1116 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p13 {
    position: absolute;
    top: calc(1798 / var(--w) * var(--viewport-width));
    left: calc(193 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p14 {
    position: absolute;
    top: calc(1857 / var(--w) * var(--viewport-width));
    left: calc(182 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p15 {
    position: absolute;
    top: calc(2154 / var(--w) * var(--viewport-width));
    left: calc(1360 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p16 {
    position: absolute;
    top: calc(2212 / var(--w) * var(--viewport-width));
    left: calc(1360 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p18 {
    position: absolute;
    top: calc(2233 / var(--w) * var(--viewport-width));
    left: calc(763 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p17 {
    position: absolute;
    top: calc(2287 / var(--w) * var(--viewport-width));
    left: calc(844 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p19 {
    position: absolute;
    top: calc(2305 / var(--w) * var(--viewport-width));
    left: calc(747 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p20 {
    position: absolute;
    top: calc(2697 / var(--w) * var(--viewport-width));
    left: calc(1189 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p21 {
    position: absolute;
    top: calc(2836 / var(--w) * var(--viewport-width));
    left: calc(1207 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p23 {
    position: absolute;
    top: calc(3039 / var(--w) * var(--viewport-width));
    left: calc(391 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p22 {
    position: absolute;
    top: calc(3065 / var(--w) * var(--viewport-width));
    left: calc(465 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p24 {
    position: absolute;
    top: calc(3234 / var(--w) * var(--viewport-width));
    left: calc(229 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p25 {
    position: absolute;
    top: calc(3440 / var(--w) * var(--viewport-width));
    left: calc(1297 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p28 {
    position: absolute;
    top: calc(3437 / var(--w) * var(--viewport-width));
    left: calc(1428 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p26 {
    position: absolute;
    top: calc(3514 / var(--w) * var(--viewport-width));
    left: calc(1269 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p27 {
    position: absolute;
    top: calc(3523 / var(--w) * var(--viewport-width));
    left: calc(1346 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p29 {
    position: absolute;
    top: calc(3549 / var(--w) * var(--viewport-width));
    left: calc(1543 / var(--w) * var(--viewport-width));
    width: calc(26 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p30 {
    position: absolute;
    top: calc(3661 / var(--w) * var(--viewport-width));
    left: calc(1236 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines2 ._p31 {
    position: absolute;
    top: calc(3749 / var(--w) * var(--viewport-width));
    left: calc(1166 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 {
    position: relative;
    width: calc(1521 / var(--w) * var(--viewport-width));
    height: calc(1498 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l1 {
    position: absolute;
    top: 0;
    left: calc(451 / var(--w) * var(--viewport-width));
    width: calc(1059 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l3 {
    position: absolute;
    top: calc(218 / var(--w) * var(--viewport-width));
    left: 0;
    width: calc(301 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l2 {
    position: absolute;
    top: calc(218 / var(--w) * var(--viewport-width));
    left: calc(297 / var(--w) * var(--viewport-width));
    width: calc(161 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l4 {
    position: absolute;
    top: calc(312 / var(--w) * var(--viewport-width));
    left: 0;
    width: calc(212 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l5 {
    position: absolute;
    top: calc(373 / var(--w) * var(--viewport-width));
    left: calc(172 / var(--w) * var(--viewport-width));
    width: calc(40 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l6 {
    position: absolute;
    top: calc(428 / var(--w) * var(--viewport-width));
    left: calc(172 / var(--w) * var(--viewport-width));
    width: calc(1349 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l7 {
    position: absolute;
    top: calc(676 / var(--w) * var(--viewport-width));
    left: calc(1396 / var(--w) * var(--viewport-width));
    width: calc(125 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l11 {
    position: absolute;
    top: calc(727 / var(--w) * var(--viewport-width));
    left: calc(389 / var(--w) * var(--viewport-width));
    width: calc(7 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l10 {
    position: absolute;
    top: calc(727 / var(--w) * var(--viewport-width));
    left: calc(390 / var(--w) * var(--viewport-width));
    width: calc(706 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l8 {
    position: absolute;
    top: calc(755 / var(--w) * var(--viewport-width));
    left: calc(1064 / var(--w) * var(--viewport-width));
    width: calc(338 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l9 {
    position: absolute;
    top: calc(794 / var(--w) * var(--viewport-width));
    left: calc(1064 / var(--w) * var(--viewport-width));
    width: calc(32 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l12 {
    position: absolute;
    top: calc(808 / var(--w) * var(--viewport-width));
    left: calc(389 / var(--w) * var(--viewport-width));
    width: calc(318 / var(--w) * var(--viewport-width));
    z-index: 20;
  }
  .mod-sky-lines3 ._l13 {
    position: absolute;
    top: calc(1095 / var(--w) * var(--viewport-width));
    left: calc(596 / var(--w) * var(--viewport-width));
    width: calc(111 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l15 {
    position: absolute;
    top: calc(1187 / var(--w) * var(--viewport-width));
    left: calc(220 / var(--w) * var(--viewport-width));
    width: calc(295 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l14 {
    position: absolute;
    top: calc(1178 / var(--w) * var(--viewport-width));
    left: calc(529 / var(--w) * var(--viewport-width));
    width: calc(74 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._l16 {
    position: absolute;
    top: calc(1356 / var(--w) * var(--viewport-width));
    left: calc(220 / var(--w) * var(--viewport-width));
    width: calc(1051 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p2 {
    position: absolute;
    top: calc(215 / var(--w) * var(--viewport-width));
    left: calc(295 / var(--w) * var(--viewport-width));
    width: calc(7 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p1 {
    position: absolute;
    top: calc(271 / var(--w) * var(--viewport-width));
    left: calc(446 / var(--w) * var(--viewport-width));
    width: calc(14 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p3 {
    position: absolute;
    top: calc(307 / var(--w) * var(--viewport-width));
    left: calc(-13 / var(--w) * var(--viewport-width));
    width: calc(26 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p4 {
    position: absolute;
    top: calc(372 / var(--w) * var(--viewport-width));
    left: calc(207 / var(--w) * var(--viewport-width));
    width: calc(7 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p5 {
    position: absolute;
    top: calc(428 / var(--w) * var(--viewport-width));
    left: calc(169 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p6 {
    position: absolute;
    top: calc(664 / var(--w) * var(--viewport-width));
    left: calc(1508 / var(--w) * var(--viewport-width));
    width: calc(26 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p10 {
    position: absolute;
    top: calc(723 / var(--w) * var(--viewport-width));
    left: calc(386 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p7 {
    position: absolute;
    top: calc(750 / var(--w) * var(--viewport-width));
    left: calc(1391 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p8 {
    position: absolute;
    top: calc(790 / var(--w) * var(--viewport-width));
    left: calc(1060 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p11 {
    position: absolute;
    top: calc(808 / var(--w) * var(--viewport-width));
    left: calc(383 / var(--w) * var(--viewport-width));
    width: calc(14 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p9 {
    position: absolute;
    top: calc(924 / var(--w) * var(--viewport-width));
    left: calc(1083 / var(--w) * var(--viewport-width));
    width: calc(26 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p12 {
    position: absolute;
    top: calc(1094 / var(--w) * var(--viewport-width));
    left: calc(702 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p14 {
    position: absolute;
    top: calc(1175 / var(--w) * var(--viewport-width));
    left: calc(524 / var(--w) * var(--viewport-width));
    width: calc(9 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p13 {
    position: absolute;
    top: calc(1218 / var(--w) * var(--viewport-width));
    left: calc(593 / var(--w) * var(--viewport-width));
    width: calc(14 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines3 ._p15 {
    position: absolute;
    top: calc(1357 / var(--w) * var(--viewport-width));
    left: calc(218 / var(--w) * var(--viewport-width));
    width: calc(7 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 {
    position: relative;
    width: calc(1476 / var(--w) * var(--viewport-width));
    height: calc(509 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._t1 {
    position: absolute;
    top: calc(259 / var(--w) * var(--viewport-width));
    left: calc(219 / var(--w) * var(--viewport-width));
    width: calc(35 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._t4 {
    position: absolute;
    top: calc(253 / var(--w) * var(--viewport-width));
    left: calc(391 / var(--w) * var(--viewport-width));
    width: calc(38 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._t3 {
    position: absolute;
    top: calc(266 / var(--w) * var(--viewport-width));
    left: calc(319 / var(--w) * var(--viewport-width));
    width: calc(50 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._t6 {
    position: absolute;
    top: calc(271 / var(--w) * var(--viewport-width));
    left: calc(514 / var(--w) * var(--viewport-width));
    width: calc(44 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._t2 {
    position: absolute;
    top: calc(287 / var(--w) * var(--viewport-width));
    left: calc(273 / var(--w) * var(--viewport-width));
    width: calc(19 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._t5 {
    position: absolute;
    top: calc(288 / var(--w) * var(--viewport-width));
    left: calc(446 / var(--w) * var(--viewport-width));
    width: calc(49 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l1 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(59 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l2 {
    position: absolute;
    top: calc(149 / var(--w) * var(--viewport-width));
    left: calc(55 / var(--w) * var(--viewport-width));
    width: calc(143 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l3 {
    position: absolute;
    top: calc(224 / var(--w) * var(--viewport-width));
    left: calc(176 / var(--w) * var(--viewport-width));
    width: calc(22 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l4 {
    position: absolute;
    top: calc(240 / var(--w) * var(--viewport-width));
    left: calc(176 / var(--w) * var(--viewport-width));
    width: calc(48 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l6 {
    position: absolute;
    top: calc(270 / var(--w) * var(--viewport-width));
    left: calc(288 / var(--w) * var(--viewport-width));
    width: calc(36 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l7 {
    position: absolute;
    top: calc(270 / var(--w) * var(--viewport-width));
    left: calc(364 / var(--w) * var(--viewport-width));
    width: calc(32 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l5 {
    position: absolute;
    top: calc(289 / var(--w) * var(--viewport-width));
    left: calc(249 / var(--w) * var(--viewport-width));
    width: calc(29 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l8 {
    position: absolute;
    top: calc(291 / var(--w) * var(--viewport-width));
    left: calc(424 / var(--w) * var(--viewport-width));
    width: calc(27 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l9 {
    position: absolute;
    top: calc(292 / var(--w) * var(--viewport-width));
    left: calc(490 / var(--w) * var(--viewport-width));
    width: calc(29 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l11 {
    position: absolute;
    top: calc(307 / var(--w) * var(--viewport-width));
    left: calc(630 / var(--w) * var(--viewport-width));
    width: calc(205 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l12 {
    position: absolute;
    top: calc(307 / var(--w) * var(--viewport-width));
    left: calc(822 / var(--w) * var(--viewport-width));
    width: calc(125 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l10 {
    position: absolute;
    top: calc(323 / var(--w) * var(--viewport-width));
    left: calc(530 / var(--w) * var(--viewport-width));
    width: calc(100 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l14 {
    position: absolute;
    top: calc(367 / var(--w) * var(--viewport-width));
    left: calc(1138 / var(--w) * var(--viewport-width));
    width: calc(232 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l15 {
    position: absolute;
    top: calc(367 / var(--w) * var(--viewport-width));
    left: calc(1363 / var(--w) * var(--viewport-width));
    width: calc(114 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._l13 {
    position: absolute;
    top: calc(389 / var(--w) * var(--viewport-width));
    left: calc(941 / var(--w) * var(--viewport-width));
    width: calc(203 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._p1 {
    position: absolute;
    top: calc(150 / var(--w) * var(--viewport-width));
    left: calc(54 / var(--w) * var(--viewport-width));
    width: calc(5 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._p3 {
    position: absolute;
    top: calc(224 / var(--w) * var(--viewport-width));
    left: calc(193 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._p2 {
    position: absolute;
    top: calc(242 / var(--w) * var(--viewport-width));
    left: calc(175 / var(--w) * var(--viewport-width));
    width: calc(5 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._p5 {
    position: absolute;
    top: calc(300 / var(--w) * var(--viewport-width));
    left: calc(825 / var(--w) * var(--viewport-width));
    width: calc(15 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._p4 {
    position: absolute;
    top: calc(350 / var(--w) * var(--viewport-width));
    left: calc(626 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._p8 {
    position: absolute;
    top: calc(364 / var(--w) * var(--viewport-width));
    left: calc(1363 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._p6 {
    position: absolute;
    top: calc(388 / var(--w) * var(--viewport-width));
    left: calc(938 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines4 ._p7 {
    position: absolute;
    top: calc(414 / var(--w) * var(--viewport-width));
    left: calc(1130 / var(--w) * var(--viewport-width));
    width: calc(15 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 {
    width: calc(797 / var(--w) * var(--viewport-width));
    height: calc(173 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._t1 {
    position: absolute;
    top: calc(44 / var(--w) * var(--viewport-width));
    left: calc(217 / var(--w) * var(--viewport-width));
    width: calc(44 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._t3 {
    position: absolute;
    top: calc(54 / var(--w) * var(--viewport-width));
    left: calc(326 / var(--w) * var(--viewport-width));
    width: calc(51 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._t2 {
    position: absolute;
    top: calc(67 / var(--w) * var(--viewport-width));
    left: calc(272 / var(--w) * var(--viewport-width));
    width: calc(45 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._t4 {
    position: absolute;
    top: calc(69 / var(--w) * var(--viewport-width));
    left: calc(387 / var(--w) * var(--viewport-width));
    width: calc(33 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._t5 {
    position: absolute;
    top: calc(79 / var(--w) * var(--viewport-width));
    left: calc(432 / var(--w) * var(--viewport-width));
    width: calc(19 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._t6 {
    position: absolute;
    top: calc(69 / var(--w) * var(--viewport-width));
    left: calc(470 / var(--w) * var(--viewport-width));
    width: calc(49 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._t7 {
    position: absolute;
    top: calc(66 / var(--w) * var(--viewport-width));
    left: calc(533 / var(--w) * var(--viewport-width));
    width: calc(54 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._l1 {
    position: absolute;
    top: calc(6 / var(--w) * var(--viewport-width));
    left: 0;
    width: calc(189 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._l3 {
    position: absolute;
    top: calc(52 / var(--w) * var(--viewport-width));
    left: calc(257 / var(--w) * var(--viewport-width));
    width: calc(20 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._l4 {
    position: absolute;
    top: calc(58 / var(--w) * var(--viewport-width));
    left: calc(312 / var(--w) * var(--viewport-width));
    width: calc(17 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._l5 {
    position: absolute;
    top: calc(71 / var(--w) * var(--viewport-width));
    left: calc(357 / var(--w) * var(--viewport-width));
    width: calc(34 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._l9 {
    position: absolute;
    top: calc(61 / var(--w) * var(--viewport-width));
    left: calc(582 / var(--w) * var(--viewport-width));
    width: calc(215 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._l8 {
    position: absolute;
    top: calc(72 / var(--w) * var(--viewport-width));
    left: calc(515 / var(--w) * var(--viewport-width));
    width: calc(45 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._l2 {
    position: absolute;
    top: calc(89 / var(--w) * var(--viewport-width));
    left: calc(188 / var(--w) * var(--viewport-width));
    width: calc(34 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._l7 {
    position: absolute;
    top: calc(83 / var(--w) * var(--viewport-width));
    left: calc(447 / var(--w) * var(--viewport-width));
    width: calc(28 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._l6 {
    position: absolute;
    top: calc(121 / var(--w) * var(--viewport-width));
    left: calc(416 / var(--w) * var(--viewport-width));
    width: calc(21 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._p1 {
    position: absolute;
    top: 0;
    left: calc(71 / var(--w) * var(--viewport-width));
    width: calc(15 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._p3 {
    position: absolute;
    top: calc(59 / var(--w) * var(--viewport-width));
    left: calc(620 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._p2 {
    position: absolute;
    top: calc(109 / var(--w) * var(--viewport-width));
    left: calc(184 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._p4 {
    position: absolute;
    top: calc(101 / var(--w) * var(--viewport-width));
    left: calc(632 / var(--w) * var(--viewport-width));
    width: calc(5 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines5 ._p5 {
    position: absolute;
    top: calc(165 / var(--w) * var(--viewport-width));
    left: calc(766 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 {
    width: calc(1423 / var(--w) * var(--viewport-width));
    height: calc(947 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l1 {
    position: absolute;
    top: 0;
    left: calc(896 / var(--w) * var(--viewport-width));
    width: calc(337 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l2 {
    position: absolute;
    top: calc(44 / var(--w) * var(--viewport-width));
    left: calc(1228 / var(--w) * var(--viewport-width));
    width: calc(42 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l3 {
    position: absolute;
    top: calc(144 / var(--w) * var(--viewport-width));
    left: calc(750 / var(--w) * var(--viewport-width));
    width: calc(520 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l5 {
    position: absolute;
    top: calc(328 / var(--w) * var(--viewport-width));
    left: 0;
    width: calc(724 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l4 {
    position: absolute;
    top: calc(328 / var(--w) * var(--viewport-width));
    left: calc(717 / var(--w) * var(--viewport-width));
    width: calc(39 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l6 {
    position: absolute;
    top: calc(689 / var(--w) * var(--viewport-width));
    left: 0;
    width: calc(54 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l9 {
    position: absolute;
    top: calc(722 / var(--w) * var(--viewport-width));
    left: calc(240 / var(--w) * var(--viewport-width));
    width: calc(582 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l10 {
    position: absolute;
    top: calc(722 / var(--w) * var(--viewport-width));
    left: calc(815 / var(--w) * var(--viewport-width));
    width: calc(366 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l7 {
    position: absolute;
    top: calc(746 / var(--w) * var(--viewport-width));
    left: calc(49 / var(--w) * var(--viewport-width));
    width: calc(63 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l8 {
    position: absolute;
    top: calc(748 / var(--w) * var(--viewport-width));
    left: calc(105 / var(--w) * var(--viewport-width));
    width: calc(142 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l11 {
    position: absolute;
    top: calc(782 / var(--w) * var(--viewport-width));
    left: calc(1175 / var(--w) * var(--viewport-width));
    width: calc(33 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._l12 {
    position: absolute;
    top: calc(782 / var(--w) * var(--viewport-width));
    left: calc(1201 / var(--w) * var(--viewport-width));
    width: calc(218 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p1 {
    position: absolute;
    top: calc(40 / var(--w) * var(--viewport-width));
    left: calc(1228 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p2 {
    position: absolute;
    top: calc(141 / var(--w) * var(--viewport-width));
    left: calc(1264 / var(--w) * var(--viewport-width));
    width: calc(12 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p4 {
    position: absolute;
    top: calc(326 / var(--w) * var(--viewport-width));
    left: calc(719 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p3 {
    position: absolute;
    top: calc(344 / var(--w) * var(--viewport-width));
    left: calc(748 / var(--w) * var(--viewport-width));
    width: calc(12 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p5 {
    position: absolute;
    top: calc(688 / var(--w) * var(--viewport-width));
    left: calc(-3 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p8 {
    position: absolute;
    top: calc(716 / var(--w) * var(--viewport-width));
    left: calc(814 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p6 {
    position: absolute;
    top: calc(744 / var(--w) * var(--viewport-width));
    left: calc(47 / var(--w) * var(--viewport-width));
    width: calc(13 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p7 {
    position: absolute;
    top: calc(746 / var(--w) * var(--viewport-width));
    left: calc(107 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p10 {
    position: absolute;
    top: calc(779 / var(--w) * var(--viewport-width));
    left: calc(1199 / var(--w) * var(--viewport-width));
    width: calc(8 / var(--w) * var(--viewport-width));
  }
  .mod-sky-lines6 ._p9 {
    position: absolute;
    top: calc(820 / var(--w) * var(--viewport-width));
    left: calc(1178 / var(--w) * var(--viewport-width));
    width: calc(6 / var(--w) * var(--viewport-width));
  }
  .c-deco {
    pointer-events: none;
  }
  .c-hover {
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .c-hover:hover {
    filter: brightness(1.1);
  }
  .c-float-btn {
    display: block;
    width: calc(310 / var(--w) * var(--viewport-width));
    height: calc(56 / var(--w) * var(--viewport-width));
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: calc(5 / var(--w) * var(--viewport-width));
    padding-left: calc(30 / var(--w) * var(--viewport-width));
    box-sizing: border-box;
    background-image: url("/cafe/andwander/images/common/float-btn-bg.webp");
    background-size: cover;
  }
  .c-float-btn span {
    font-size: calc(14 / var(--w) * var(--viewport-width));
    line-height: 1.75;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-right: calc(40 / var(--w) * var(--viewport-width));
  }
  .c-float-btn span::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: calc(20 / var(--w) * var(--viewport-width));
    bottom: 0;
    margin: auto 0;
    width: calc(10 / var(--w) * var(--viewport-width));
    height: calc(10 / var(--w) * var(--viewport-width));
    background-image: url("/cafe/andwander/images/common/icon-arrow.webp");
    background-size: cover;
  }
  .js-float-btn-lineup {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .block-float-btn.js-float-btn-lineup {
    transform: translate3d(100%, 0, 0);
  }
  .block-news.js-float-btn-lineup {
    transform: translate3d(0, 100%, 0);
  }
  body.is-openingn-ended .js-float-btn-lineup {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
  }
  body.is-scrolled-lineup .js-float-btn-lineup {
    opacity: 0;
    pointer-events: none;
  }
  ul.c-notes li {
    position: relative;
    font-size: calc(14 / var(--w) * var(--viewport-width));
    line-height: 2;
    color: #fff;
    padding-left: calc(20 / var(--w) * var(--viewport-width));
  }
  ul.c-notes li::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.2em;
    font-size: calc(14 / var(--w) * var(--viewport-width));
    line-height: 2;
    color: #fff;
  }
  .c-btn-link {
    position: relative;
    font-size: calc(24 / var(--w) * var(--viewport-width));
    line-height: 1.33;
    font-weight: bold;
    color: #fff;
    border-bottom: calc(2 / var(--w) * var(--viewport-width)) solid #fff;
  }
  .c-btn-link::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url("/cafe/andwander/images/common/icon-blank.webp");
    background-size: cover;
    width: calc(18 / var(--w) * var(--viewport-width));
    height: calc(18 / var(--w) * var(--viewport-width));
  }
  .c-goods-items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(30 / var(--w) * var(--viewport-width));
    gap: calc(50 / var(--w) * var(--viewport-width)) calc(30 / var(--w) * var(--viewport-width));
  }
  .c-goods-item {
    position: relative;
    color: #fff;
  }
  .c-goods-item ._item-image a {
    display: block;
  }
  .c-goods-item ._item-texts {
    margin-top: calc(15 / var(--w) * var(--viewport-width));
  }
  .c-goods-item ._item-texts ._name {
    font-size: calc(18 / var(--w) * var(--viewport-width));
    line-height: 1.33;
  }
  .c-goods-item ._item-texts ._name2 {
    font-size: calc(18 / var(--w) * var(--viewport-width));
    line-height: 1.33;
    min-height: 2.66em;
  }
  .c-goods-item ._item-texts ._texts-col {
    margin-top: calc(10 / var(--w) * var(--viewport-width));
    margin-bottom: calc(20 / var(--w) * var(--viewport-width));
    display: flex;
    justify-content: space-between;
  }
  .c-goods-item ._item-texts ._vol {
    font-size: calc(14 / var(--w) * var(--viewport-width));
    line-height: 1;
    padding-top: calc(5 / var(--w) * var(--viewport-width));
  }
  .c-goods-item ._item-texts ._price {
    font-size: calc(18 / var(--w) * var(--viewport-width));
    line-height: 1;
    font-weight: 600;
  }
  .c-btn-online {
    display: inline;
    font-size: calc(18 / var(--w) * var(--viewport-width));
    line-height: 1;
    font-weight: bold;
    padding-bottom: calc(5 / var(--w) * var(--viewport-width));
    border-bottom: calc(1 / var(--w) * var(--viewport-width)) solid #fff;
  }
  .c-btn-more {
    display: block;
    font-size: calc(18 / var(--w) * var(--viewport-width));
    background: #fff;
    color: #006241;
    border-radius: calc(20 / var(--w) * var(--viewport-width));
    height: calc(200 / var(--w) * var(--viewport-width));
    height: calc(40 / var(--w) * var(--viewport-width));
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-anim {
    transition-delay: 0.2s;
    transition-duration: 1s;
  }
  .c-anim.is-skip {
    transition: none !important;
    animation: none !important;
  }
  .c-anim.is-fade {
    opacity: 0;
  }
  .c-anim.is-fade.is-active {
    opacity: 1;
  }
  .c-anim.is-top {
    opacity: 0;
    transform: translate(0, -100px);
  }
  .c-anim.is-top.is-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .c-anim.is-bottom {
    opacity: 0;
    transform: translate(0, 50px);
  }
  .c-anim.is-bottom.is-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .c-anim.is-left {
    opacity: 0;
    transform: translate(-100px, 0);
  }
  .c-anim.is-left.is-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .c-anim.is-right {
    opacity: 0;
    transform: translate(100px, 0);
  }
  .c-anim.is-right.is-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .c-anim.is-text-up {
    overflow: hidden;
    opacity: 1;
    display: inline-block;
    vertical-align: bottom;
  }
  .c-anim.is-text-up > span > span {
    display: block;
    transform: translateY(110%);
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .c-anim.is-text-up.is-active > span > span {
    transform: translateY(0);
  }
  .c-anim.is-text-mask {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .c-anim.is-text-mask.is-active {
    clip-path: inset(0 0 0 0);
  }
  .c-anim {
    /* Delay Utils */
  }
  .c-anim.is-delay-00 {
    transition-delay: 0s;
  }
  .c-anim.is-delay-01 {
    transition-delay: 0.1s;
  }
  .c-anim.is-delay-02 {
    transition-delay: 0.2s;
  }
  .c-anim.is-delay-03 {
    transition-delay: 0.3s;
  }
  .c-anim.is-delay-04 {
    transition-delay: 0.4s;
  }
  .c-anim.is-delay-05 {
    transition-delay: 0.5s;
  }
  .c-anim.is-delay-06 {
    transition-delay: 0.6s;
  }
  .c-anim.is-delay-07 {
    transition-delay: 0.7s;
  }
  .c-anim.is-delay-08 {
    transition-delay: 0.8s;
  }
  .c-anim.is-delay-09 {
    transition-delay: 0.9s;
  }
  .c-anim.is-delay-10 {
    transition-delay: 1s;
  }
  .u-sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .block-wrap {
    position: relative;
  }
  .block-wrap img {
    width: 100%;
  }
  .block-wrap h2, .block-wrap h3, .block-wrap h4, .block-wrap p {
    margin: 0;
  }
  .block-wrap sup {
    font-size: 50%;
  }
  .block-wrap {
    overflow: hidden;
  }
  .block-wrap img {
    width: 100%;
  }
  .block-wrap {
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
  }
  .block-bg {
    background-image: url("/cafe/andwander/images/bgs/sp/bg-1.webp"), url("/cafe/andwander/images/bgs/sp/bg-2.webp");
    background-size: 100% auto, 100% auto;
    background-position: center top, center calc(14000 / var(--w) * 100vw);
    background-repeat: no-repeat;
  }
  .block-bg ._trees {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .block-bg ._men {
    position: absolute;
    top: calc(866 / var(--w) * 100vw);
    left: calc(-105 / var(--w) * 100vw);
    width: calc(476 / var(--w) * 100vw);
  }
  .block-bg ._woman {
    position: absolute;
    top: calc(1007 / var(--w) * 100vw);
    left: calc(391 / var(--w) * 100vw);
    width: calc(411 / var(--w) * 100vw);
  }
  .block-bg ._mountain {
    position: absolute;
    top: calc(12622 / var(--w) * 100vw);
    right: 0;
    left: 0;
    opacity: 1;
    will-change: opacity;
    pointer-events: none;
  }
  .block-bg ._stargazer-sky {
    position: absolute;
    top: calc(7586 / var(--w) * 100vw);
    right: 0;
    left: 0;
    z-index: 20;
    opacity: 1;
    will-change: opacity;
    pointer-events: none;
  }
  .block-bg ._stargazer {
    position: absolute;
    top: calc(9298 / var(--w) * 100vw);
    right: 0;
    left: 0;
    opacity: 1;
    will-change: opacity;
    pointer-events: none;
  }
  .block-bg-sunset {
    position: absolute;
    top: calc(4600 / var(--w) * 100vw);
    right: 0;
    left: 0;
    height: calc(4000 / var(--w) * 100vw);
    background: #F6BD89;
    opacity: 0;
    will-change: opacity;
    pointer-events: none;
  }
  .block-bg1 {
    background-image: url("/cafe/andwander/images/bgs/sp/bg1.webp");
    background-size: 100%;
    background-position: top;
    background-color: #fff;
    position: absolute;
    top: calc(1700 / var(--w) * 100vw);
    right: 0;
    left: calc(-50 / var(--w) * 100vw);
    height: calc(600 / var(--w) * 100vw);
    clip-path: polygon(0% 0%, 54.625% 26%, 75.5% 28.333%, 93% 37.167%, 100% 38.833%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 54.625% 26%, 75.5% 28.333%, 93% 37.167%, 100% 38.833%, 100% 100%, 0% 100%);
    transform-origin: 100% 39%;
  }
  .block-bg2 {
    background-image: url("/cafe/andwander/images/bgs/sp/bg2.webp?");
    background-size: 100%;
    background-position: top;
    position: absolute;
    top: calc(8137 / var(--w) * 100vw);
    right: 0;
    left: calc(-50 / var(--w) * 100vw);
    height: calc(600 / var(--w) * 100vw);
    clip-path: polygon(0% 1.333%, 55.375% 32%, 81.25% 23.333%, 86.25% 17.167%, 100% 9.5%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 1.333%, 55.375% 32%, 81.25% 23.333%, 86.25% 17.167%, 100% 9.5%, 100% 100%, 0% 100%);
    transform-origin: 100% 0%;
  }
  .block-bg3 {
    background-image: url("/cafe/andwander/images/bgs/sp/bg3.webp");
    background-size: 100%;
    background-position: top;
    background-color: #213150;
    position: absolute;
    top: calc(10110 / var(--w) * 100vw);
    right: calc(-50 / var(--w) * 100vw);
    left: 0;
    height: calc(600 / var(--w) * 100vw);
    clip-path: polygon(0% 20%, 14.5% 18.833%, 24.375% 24.5%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 20%, 14.5% 18.833%, 24.375% 24.5%, 100% 0%, 100% 100%, 0% 100%);
    transform-origin: 0% 20%;
    pointer-events: none;
  }
  .block-bg4 {
    background-image: url("/cafe/andwander/images/bgs/sp/bg4.webp");
    background-size: 100%;
    background-position: top;
    background-color: #f5f3e8;
    position: absolute;
    top: calc(19796 / var(--w) * 100vw);
    right: 0;
    left: calc(-50 / var(--w) * 100vw);
    height: calc(500 / var(--w) * 100vw);
    clip-path: polygon(0% 0%, 48.875% 20.4%, 68.375% 21%, 83.125% 34.4%, 100% 25.8%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 48.875% 20.4%, 68.375% 21%, 83.125% 34.4%, 100% 25.8%, 100% 100%, 0% 100%);
    transform-origin: 100% 39%;
    pointer-events: none;
  }
  /* -------------------------------------------------- */
  .block-news {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1A263C;
    height: calc(45 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 60;
  }
  .block-news p {
    color: #fff;
    font-size: calc(19 / var(--w) * 100vw);
    line-height: 2.07;
    color: #fff;
    text-align: center;
  }
  .block-float-btn {
    position: fixed;
    right: 0;
    bottom: calc(80 / var(--w) * 100vw);
    z-index: 60;
  }
  .block-mv {
    position: relative;
    width: calc(750 / var(--w) * 100vw);
    height: calc(1800 / var(--w) * 100vw);
  }
  .block-mv ._stars-pc {
    display: none;
  }
  .block-mv ._stars-sp {
    position: absolute;
    top: calc(-1 / var(--w) * 100vw);
    left: calc(-24 / var(--w) * 100vw);
    width: calc(788 / var(--w) * 100vw);
  }
  .block-mv ._copy {
    position: absolute;
    top: calc(624 / var(--w) * 100vw);
    left: calc(139 / var(--w) * 100vw);
    width: calc(536 / var(--w) * 100vw);
  }
  .block-mv ._logo {
    position: absolute;
    top: calc(742 / var(--w) * 100vw);
    left: calc(232 / var(--w) * 100vw);
    width: calc(301 / var(--w) * 100vw);
  }
  .block-mv ._date {
    position: absolute;
    top: calc(1148 / var(--w) * 100vw);
    left: calc(266 / var(--w) * 100vw);
    width: calc(221 / var(--w) * 100vw);
  }
  .block-mv ._copy {
    font-size: calc(22 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.1em;
    color: #fff;
  }
  .block-story-day {
    position: relative;
    width: calc(750 / var(--w) * 100vw);
    height: calc(6400 / var(--w) * 100vw);
  }
  .block-story-day ._bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000fff;
  }
  .block-story-day ._stars-pc {
    display: none;
  }
  .block-story-day ._stars-sp {
    position: absolute;
    top: calc(-150 / var(--w) * 100vw);
    left: calc(-88 / var(--w) * 100vw);
  }
  .block-story-day ._copy {
    position: absolute;
    top: calc(271 / var(--w) * 100vw);
    left: calc(355 / var(--w) * 100vw);
  }
  .block-story-day ._lead {
    position: absolute;
    top: calc(432 / var(--w) * 100vw);
    left: calc(361 / var(--w) * 100vw);
  }
  .block-story-day ._fig1 {
    position: absolute;
    top: calc(1614 / var(--w) * 100vw);
    left: calc(509 / var(--w) * 100vw);
    width: calc(217 / var(--w) * 100vw);
    z-index: 30;
  }
  .block-story-day ._fig2 {
    position: absolute;
    top: calc(4696 / var(--w) * 100vw);
    left: calc(21 / var(--w) * 100vw);
    width: calc(234 / var(--w) * 100vw);
  }
  .block-story-day ._p1 {
    position: absolute;
    top: calc(614 / var(--w) * 100vw);
    left: calc(25 / var(--w) * 100vw);
    width: calc(700 / var(--w) * 100vw);
  }
  .block-story-day ._p2 {
    position: absolute;
    top: calc(1426 / var(--w) * 100vw);
    left: 0;
    width: calc(345 / var(--w) * 100vw);
  }
  .block-story-day ._p3 {
    position: absolute;
    top: calc(2148 / var(--w) * 100vw);
    left: calc(25 / var(--w) * 100vw);
    width: calc(700 / var(--w) * 100vw);
  }
  .block-story-day ._p4 {
    position: absolute;
    top: calc(3257 / var(--w) * 100vw);
    left: calc(311 / var(--w) * 100vw);
    width: calc(344 / var(--w) * 100vw);
  }
  .block-story-day ._p5 {
    position: absolute;
    top: calc(3757 / var(--w) * 100vw);
    left: calc(25 / var(--w) * 100vw);
    width: calc(700 / var(--w) * 100vw);
  }
  .block-story-day ._p6 {
    position: absolute;
    top: calc(5212 / var(--w) * 100vw);
    left: calc(25 / var(--w) * 100vw);
    width: calc(700 / var(--w) * 100vw);
  }
  .block-story-day ._t1 {
    position: absolute;
    top: calc(1901 / var(--w) * 100vw);
    left: calc(157 / var(--w) * 100vw);
    width: calc(261 / var(--w) * 100vw);
  }
  .block-story-day ._t2 {
    position: absolute;
    top: calc(3355 / var(--w) * 100vw);
    left: calc(104 / var(--w) * 100vw);
    width: calc(183 / var(--w) * 100vw);
  }
  .block-story-day ._t3 {
    position: absolute;
    top: calc(4773 / var(--w) * 100vw);
    left: calc(308 / var(--w) * 100vw);
    width: calc(235 / var(--w) * 100vw);
  }
  .block-story-day ._t4 {
    position: absolute;
    top: calc(6191 / var(--w) * 100vw);
    left: calc(118 / var(--w) * 100vw);
    width: calc(235 / var(--w) * 100vw);
  }
  .block-story-day ._copy {
    font-size: calc(45 / var(--w) * 100vw);
    line-height: 1.55;
    color: #000;
  }
  .block-story-day ._lead {
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1.53;
    color: #000;
  }
  .block-story-day ._t1 {
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1.58;
    color: #000;
  }
  .block-story-day ._t2 {
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1.58;
    color: #000;
  }
  .block-story-day ._t3 {
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1.58;
    color: #000;
  }
  .block-story-day ._t4 {
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1.58;
    color: #000;
  }
  .block-story-night {
    position: relative;
    width: calc(750 / var(--w) * 100vw);
    height: calc(4520 / var(--w) * 100vw);
  }
  .block-story-night ._stars-pc {
    display: none;
  }
  .block-story-night ._stars-sp {
    position: absolute;
    top: calc(1850 / var(--w) * 100vw);
    left: calc(-119 / var(--w) * 100vw);
  }
  .block-story-night ._lead {
    position: absolute;
    top: calc(495 / var(--w) * 100vw);
    right: 0;
    left: 0;
  }
  .block-story-night ._fig1 {
    position: absolute;
    top: calc(2220 / var(--w) * 100vw);
    left: calc(135 / var(--w) * 100vw);
    width: calc(540 / var(--w) * 100vw);
    z-index: 20;
  }
  .block-story-night ._fig2 {
    position: absolute;
    top: calc(3727 / var(--w) * 100vw);
    left: calc(60 / var(--w) * 100vw);
    width: calc(224 / var(--w) * 100vw);
  }
  .block-story-night ._p1 {
    position: absolute;
    top: calc(2686 / var(--w) * 100vw);
    left: calc(25 / var(--w) * 100vw);
    width: calc(700 / var(--w) * 100vw);
  }
  .block-story-night ._p2 {
    position: absolute;
    top: calc(3522 / var(--w) * 100vw);
    left: calc(404 / var(--w) * 100vw);
    width: calc(345 / var(--w) * 100vw);
  }
  .block-story-night ._t1 {
    position: absolute;
    top: calc(4010 / var(--w) * 100vw);
    left: calc(368 / var(--w) * 100vw);
    width: calc(287 / var(--w) * 100vw);
  }
  .block-story-night ._lead {
    font-size: calc(28 / var(--w) * 100vw);
    line-height: 2.6;
    letter-spacing: 0.2em;
    color: #fff;
    text-align: center;
  }
  .block-story-night ._t1 {
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1.54;
    color: #fff;
  }
  .block-lineup {
    position: relative;
    width: calc(750 / var(--w) * 100vw);
    height: calc(7100 / var(--w) * 100vw);
  }
  .block-lineup ._stars-pc {
    display: none;
  }
  .block-lineup ._stars-sp {
    position: absolute;
    top: calc(43 / var(--w) * 100vw);
    left: calc(-128 / var(--w) * 100vw);
  }
  .block-lineup ._logo {
    position: absolute;
    top: calc(103 / var(--w) * 100vw);
    left: calc(419 / var(--w) * 100vw);
    width: calc(299 / var(--w) * 100vw);
  }
  .block-lineup ._row-list {
    position: absolute;
    top: calc(428 / var(--w) * 100vw);
    left: calc(55 / var(--w) * 100vw);
    width: calc(640 / var(--w) * 100vw);
  }
  .block-lineup ._row-list ._list-lead {
    font-size: calc(19 / var(--w) * 100vw);
    line-height: 1.53;
    color: #fff;
  }
  .block-lineup ._row-list ._list {
    margin-top: calc(50 / var(--w) * 100vw);
  }
  .block-lineup #dscg {
    position: absolute;
    top: calc(6320 / var(--w) * 100vw);
    left: 0;
  }
  .block-lineup ._row-cards {
    position: absolute;
    top: calc(6443 / var(--w) * 100vw);
    left: calc(102 / var(--w) * 100vw);
    width: calc(568 / var(--w) * 100vw);
  }
  .block-lineup ._row-cards ._card-title {
    position: absolute;
    top: 0;
    left: calc(54 / var(--w) * 100vw);
  }
  .block-lineup ._row-cards ._card1 {
    position: absolute;
    top: calc(147 / var(--w) * 100vw);
    left: calc(10 / var(--w) * 100vw);
    width: calc(263 / var(--w) * 100vw);
  }
  .block-lineup ._row-cards ._card2 {
    position: absolute;
    top: calc(147 / var(--w) * 100vw);
    left: calc(274 / var(--w) * 100vw);
    width: calc(263 / var(--w) * 100vw);
  }
  .block-lineup ._row-cards ._card-lead {
    position: absolute;
    top: calc(348 / var(--w) * 100vw);
    left: calc(10 / var(--w) * 100vw);
  }
  .block-lineup ._row-cards ._btn {
    position: absolute;
    top: calc(471 / var(--w) * 100vw);
    left: calc(157 / var(--w) * 100vw);
    width: calc(232 / var(--w) * 100vw);
  }
  .block-lineup ._card-title {
    font-size: calc(50 / var(--w) * 100vw);
    line-height: 1.1;
    font-weight: 600;
    color: #fff;
    text-align: center;
  }
  .block-lineup ._card-lead {
    font-size: calc(21 / var(--w) * 100vw);
    line-height: 1.38;
    color: #fff;
  }
  .block-styling {
    position: relative;
    width: calc(750 / var(--w) * 100vw);
    height: calc(3019 / var(--w) * 100vw);
  }
  .block-styling ._stars-pc {
    display: none;
  }
  .block-styling ._stars-pc2 {
    display: none;
  }
  .block-styling ._stars-sp {
    position: absolute;
    top: calc(223 / var(--w) * 100vw);
    left: calc(-27 / var(--w) * 100vw);
  }
  .block-styling ._stars-sp2 {
    position: absolute;
    top: calc(593 / var(--w) * 100vw);
    left: calc(164 / var(--w) * 100vw);
  }
  .block-styling ._row-images {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .block-styling ._row-images ._p1 {
    position: absolute;
    top: calc(406 / var(--w) * 100vw);
    left: calc(26 / var(--w) * 100vw);
    width: calc(700 / var(--w) * 100vw);
  }
  .block-styling ._row-images ._p2 {
    position: absolute;
    top: calc(911 / var(--w) * 100vw);
    left: calc(344 / var(--w) * 100vw);
    width: calc(345 / var(--w) * 100vw);
  }
  .block-styling ._row-images ._p3 {
    position: absolute;
    top: calc(1310 / var(--w) * 100vw);
    left: calc(-1 / var(--w) * 100vw);
    width: calc(504 / var(--w) * 100vw);
  }
  .block-styling ._row-images ._p4 {
    position: absolute;
    top: calc(1650 / var(--w) * 100vw);
    left: calc(25 / var(--w) * 100vw);
    width: calc(700 / var(--w) * 100vw);
  }
  .block-styling ._row-images ._p5 {
    position: absolute;
    top: calc(2590 / var(--w) * 100vw);
    left: calc(93 / var(--w) * 100vw);
    width: calc(381 / var(--w) * 100vw);
  }
  .block-about {
    position: relative;
    width: calc(750 / var(--w) * 100vw);
    height: calc(2701 / var(--w) * 100vw);
    background-image: url("/cafe/andwander/images/about/sp/bg.webp");
    background-size: 100%;
    background-position: top;
  }
  .block-about ._row-box {
    position: absolute;
    top: calc(170 / var(--w) * 100vw);
    left: calc(55 / var(--w) * 100vw);
    width: calc(640 / var(--w) * 100vw);
    height: calc(978 / var(--w) * 100vw);
    background: #fff;
  }
  .block-about ._row-box ._logo {
    position: absolute;
    top: calc(108 / var(--w) * 100vw);
    left: calc(135 / var(--w) * 100vw);
    width: calc(373 / var(--w) * 100vw);
  }
  .block-about ._row-box ._lead1 {
    position: absolute;
    top: calc(257 / var(--w) * 100vw);
    left: calc(68 / var(--w) * 100vw);
    width: calc(503 / var(--w) * 100vw);
  }
  .block-about ._row-box ._bar {
    position: absolute;
    top: calc(626 / var(--w) * 100vw);
    left: calc(75 / var(--w) * 100vw);
    width: calc(490 / var(--w) * 100vw);
    height: calc(1 / var(--w) * 100vw);
    background: #000;
  }
  .block-about ._row-box ._lead2 {
    position: absolute;
    top: calc(683 / var(--w) * 100vw);
    left: calc(241 / var(--w) * 100vw);
    width: calc(362 / var(--w) * 100vw);
  }
  .block-about ._row-box ._hikingclub {
    position: absolute;
    top: calc(716 / var(--w) * 100vw);
    left: calc(40 / var(--w) * 100vw);
    width: calc(167 / var(--w) * 100vw);
  }
  .block-about ._row-box ._lead1 {
    font-size: calc(25 / var(--w) * 100vw);
    line-height: 1.8;
    color: #000;
    text-align: center;
  }
  .block-about ._row-box ._lead2 {
    font-size: calc(20 / var(--w) * 100vw);
    line-height: 1.65;
    color: #000;
  }
  .block-about ._row-note {
    position: absolute;
    top: calc(1288 / var(--w) * 100vw);
    left: calc(65 / var(--w) * 100vw);
    width: calc(616 / var(--w) * 100vw);
  }
  .block-about ._row-note ._notes {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(616 / var(--w) * 100vw);
  }
  .block-about ._row-note ._logo2 {
    position: absolute;
    top: calc(794 / var(--w) * 100vw);
    left: calc(82 / var(--w) * 100vw);
    width: calc(456 / var(--w) * 100vw);
  }
  .block-about ._row-note ._link {
    position: absolute;
    top: calc(968 / var(--w) * 100vw);
    left: calc(99 / var(--w) * 100vw);
    width: calc(400 / var(--w) * 100vw);
  }
  .block-about ._row-note ._note1 {
    position: absolute;
    top: calc(1061 / var(--w) * 100vw);
    left: calc(54 / var(--w) * 100vw);
    width: calc(510 / var(--w) * 100vw);
  }
  .block-about ._row-note ._note2 {
    position: absolute;
    top: calc(1228 / var(--w) * 100vw);
    left: calc(17 / var(--w) * 100vw);
    width: calc(596 / var(--w) * 100vw);
  }
  .block-about ._row-note ._icon-blank {
    position: absolute;
    top: calc(637 / var(--w) * 100vw);
    left: calc(619 / var(--w) * 100vw);
    width: calc(18 / var(--w) * 100vw);
  }
  .block-about ._row-note ._text-line {
    position: absolute;
    top: calc(664 / var(--w) * 100vw);
    left: calc(363 / var(--w) * 100vw);
    width: calc(280 / var(--w) * 100vw);
  }
  .block-about ._row-note ._notes p {
    font-size: calc(20 / var(--w) * 100vw);
    line-height: 1.45;
    color: #fff;
  }
  .block-about ._row-note ._note1 {
    font-size: calc(20 / var(--w) * 100vw);
    line-height: 1.45;
    color: #fff;
    text-align: center;
  }
  .block-about ._row-note ._note2 {
    font-size: calc(20 / var(--w) * 100vw);
    line-height: 1.45;
    color: #fff;
    text-align: center;
  }
  .mod-sky-lines1 {
    width: calc(788 / var(--w) * 100vw);
    height: calc(701 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t2 {
    position: absolute;
    top: calc(110 / var(--w) * 100vw);
    left: calc(253 / var(--w) * 100vw);
    width: calc(78 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t7 {
    position: absolute;
    top: calc(117 / var(--w) * 100vw);
    left: calc(612 / var(--w) * 100vw);
    width: calc(36 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t4 {
    position: absolute;
    top: calc(136 / var(--w) * 100vw);
    left: calc(410 / var(--w) * 100vw);
    width: calc(49 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t1 {
    position: absolute;
    top: calc(156 / var(--w) * 100vw);
    left: calc(151 / var(--w) * 100vw);
    width: calc(36 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t3 {
    position: absolute;
    top: calc(147 / var(--w) * 100vw);
    left: calc(344 / var(--w) * 100vw);
    width: calc(47 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t5 {
    position: absolute;
    top: calc(145 / var(--w) * 100vw);
    left: calc(480 / var(--w) * 100vw);
    width: calc(51 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t6 {
    position: absolute;
    top: calc(153 / var(--w) * 100vw);
    left: calc(548 / var(--w) * 100vw);
    width: calc(49 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t8 {
    position: absolute;
    top: calc(304 / var(--w) * 100vw);
    left: calc(254 / var(--w) * 100vw);
    width: calc(17 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t10 {
    position: absolute;
    top: calc(314 / var(--w) * 100vw);
    left: calc(411 / var(--w) * 100vw);
    width: calc(31 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t9 {
    position: absolute;
    top: calc(333 / var(--w) * 100vw);
    left: calc(287 / var(--w) * 100vw);
    width: calc(39 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t11 {
    position: absolute;
    top: calc(326 / var(--w) * 100vw);
    left: calc(458 / var(--w) * 100vw);
    width: calc(39 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t12 {
    position: absolute;
    top: calc(322 / var(--w) * 100vw);
    left: calc(508 / var(--w) * 100vw);
    width: calc(37 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t14 {
    position: absolute;
    top: calc(464 / var(--w) * 100vw);
    left: calc(307 / var(--w) * 100vw);
    width: calc(42 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t17 {
    position: absolute;
    top: calc(479 / var(--w) * 100vw);
    left: calc(517 / var(--w) * 100vw);
    width: calc(45 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t13 {
    position: absolute;
    top: calc(495 / var(--w) * 100vw);
    left: calc(235 / var(--w) * 100vw);
    width: calc(48 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t15 {
    position: absolute;
    top: calc(491 / var(--w) * 100vw);
    left: calc(380 / var(--w) * 100vw);
    width: calc(49 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._t16 {
    position: absolute;
    top: calc(512 / var(--w) * 100vw);
    left: calc(458 / var(--w) * 100vw);
    width: calc(38 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l1 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(170 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l3 {
    position: absolute;
    top: calc(116 / var(--w) * 100vw);
    left: calc(327 / var(--w) * 100vw);
    width: calc(22 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l2 {
    position: absolute;
    top: calc(158 / var(--w) * 100vw);
    left: calc(184 / var(--w) * 100vw);
    width: calc(89 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l5 {
    position: absolute;
    top: calc(148 / var(--w) * 100vw);
    left: calc(456 / var(--w) * 100vw);
    width: calc(58 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l7 {
    position: absolute;
    top: calc(148 / var(--w) * 100vw);
    left: calc(526 / var(--w) * 100vw);
    width: calc(39 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l8 {
    position: absolute;
    top: calc(163 / var(--w) * 100vw);
    left: calc(590 / var(--w) * 100vw);
    width: calc(41 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l4 {
    position: absolute;
    top: calc(180 / var(--w) * 100vw);
    left: calc(386 / var(--w) * 100vw);
    width: calc(29 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l6 {
    position: absolute;
    top: calc(194 / var(--w) * 100vw);
    left: calc(506 / var(--w) * 100vw);
    width: calc(86 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l9 {
    position: absolute;
    top: calc(236 / var(--w) * 100vw);
    left: calc(267 / var(--w) * 100vw);
    width: calc(79 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l10 {
    position: absolute;
    top: calc(326 / var(--w) * 100vw);
    left: calc(322 / var(--w) * 100vw);
    width: calc(93 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l11 {
    position: absolute;
    top: calc(329 / var(--w) * 100vw);
    left: calc(438 / var(--w) * 100vw);
    width: calc(24 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l12 {
    position: absolute;
    top: calc(353 / var(--w) * 100vw);
    left: calc(267 / var(--w) * 100vw);
    width: calc(24 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l13 {
    position: absolute;
    top: calc(354 / var(--w) * 100vw);
    left: calc(470 / var(--w) * 100vw);
    width: calc(73 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l14 {
    position: absolute;
    top: calc(354 / var(--w) * 100vw);
    left: calc(493 / var(--w) * 100vw);
    width: calc(50 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l15 {
    position: absolute;
    top: calc(428 / var(--w) * 100vw);
    left: calc(203 / var(--w) * 100vw);
    width: calc(77 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l16 {
    position: absolute;
    top: calc(479 / var(--w) * 100vw);
    left: calc(279 / var(--w) * 100vw);
    width: calc(33 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l20 {
    position: absolute;
    top: calc(485 / var(--w) * 100vw);
    left: calc(558 / var(--w) * 100vw);
    width: calc(82 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l17 {
    position: absolute;
    top: calc(498 / var(--w) * 100vw);
    left: calc(344 / var(--w) * 100vw);
    width: calc(41 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l19 {
    position: absolute;
    top: calc(519 / var(--w) * 100vw);
    left: calc(491 / var(--w) * 100vw);
    width: calc(31 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l18 {
    position: absolute;
    top: calc(537 / var(--w) * 100vw);
    left: calc(424 / var(--w) * 100vw);
    width: calc(39 / var(--w) * 100vw);
  }
  .mod-sky-lines1 ._l21 {
    position: absolute;
    top: calc(577 / var(--w) * 100vw);
    left: calc(609 / var(--w) * 100vw);
    width: calc(179 / var(--w) * 100vw);
  }
  .mod-sky-lines2 {
    width: calc(965 / var(--w) * 100vw);
    height: calc(6836 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l1 {
    position: absolute;
    top: 0;
    left: calc(47 / var(--w) * 100vw);
    width: calc(428 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l2 {
    position: absolute;
    top: calc(224 / var(--w) * 100vw);
    left: calc(472 / var(--w) * 100vw);
    width: calc(125 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l3 {
    position: absolute;
    top: calc(238 / var(--w) * 100vw);
    left: calc(606 / var(--w) * 100vw);
    width: calc(179 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l4 {
    position: absolute;
    top: calc(334 / var(--w) * 100vw);
    left: calc(783 / var(--w) * 100vw);
    width: calc(153 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l5 {
    position: absolute;
    top: calc(399 / var(--w) * 100vw);
    left: calc(772 / var(--w) * 100vw);
    width: calc(154 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l6 {
    position: absolute;
    top: calc(569 / var(--w) * 100vw);
    left: calc(772 / var(--w) * 100vw);
    width: calc(22 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l7 {
    position: absolute;
    top: calc(609 / var(--w) * 100vw);
    left: calc(38 / var(--w) * 100vw);
    width: calc(756 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l8 {
    position: absolute;
    top: calc(1319 / var(--w) * 100vw);
    left: calc(37 / var(--w) * 100vw);
    width: calc(760 / var(--w) * 100vw);
    z-index: 20;
  }
  .mod-sky-lines2 ._l9 {
    position: absolute;
    top: calc(2094 / var(--w) * 100vw);
    left: calc(560 / var(--w) * 100vw);
    width: calc(237 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l10 {
    position: absolute;
    top: calc(2147 / var(--w) * 100vw);
    left: calc(523 / var(--w) * 100vw);
    width: calc(39 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l11 {
    position: absolute;
    top: calc(2193 / var(--w) * 100vw);
    left: calc(523 / var(--w) * 100vw);
    width: calc(369 / var(--w) * 100vw);
    z-index: 20;
  }
  .mod-sky-lines2 ._l12 {
    position: absolute;
    top: calc(2604 / var(--w) * 100vw);
    left: calc(693 / var(--w) * 100vw);
    width: calc(272 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l13 {
    position: absolute;
    top: calc(3257 / var(--w) * 100vw);
    left: calc(311 / var(--w) * 100vw);
    width: calc(384 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l14 {
    position: absolute;
    top: calc(3744 / var(--w) * 100vw);
    left: calc(237 / var(--w) * 100vw);
    width: calc(76 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l15 {
    position: absolute;
    top: calc(3763 / var(--w) * 100vw);
    left: calc(237 / var(--w) * 100vw);
    width: calc(656 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l16 {
    position: absolute;
    top: calc(4525 / var(--w) * 100vw);
    left: calc(449 / var(--w) * 100vw);
    width: calc(408 / var(--w) * 100vw);
    z-index: 20;
  }
  .mod-sky-lines2 ._l17 {
    position: absolute;
    top: calc(5136 / var(--w) * 100vw);
    left: calc(372 / var(--w) * 100vw);
    width: calc(79 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l18 {
    position: absolute;
    top: calc(5159 / var(--w) * 100vw);
    left: calc(372 / var(--w) * 100vw);
    width: calc(68 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l19 {
    position: absolute;
    top: calc(5254 / var(--w) * 100vw);
    left: calc(443 / var(--w) * 100vw);
    width: calc(54 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l20 {
    position: absolute;
    top: calc(5280 / var(--w) * 100vw);
    left: 0;
    width: calc(497 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l21 {
    position: absolute;
    top: calc(5854 / var(--w) * 100vw);
    left: calc(26 / var(--w) * 100vw);
    width: calc(618 / var(--w) * 100vw);
    z-index: 20;
  }
  .mod-sky-lines2 ._l24 {
    position: absolute;
    top: calc(6388 / var(--w) * 100vw);
    left: calc(695 / var(--w) * 100vw);
    width: calc(81 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l25 {
    position: absolute;
    top: calc(6388 / var(--w) * 100vw);
    left: calc(775 / var(--w) * 100vw);
    width: calc(121 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l22 {
    position: absolute;
    top: calc(6402 / var(--w) * 100vw);
    left: calc(631 / var(--w) * 100vw);
    width: calc(21 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l23 {
    position: absolute;
    top: calc(6464 / var(--w) * 100vw);
    left: calc(631 / var(--w) * 100vw);
    width: calc(65 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l26 {
    position: absolute;
    top: calc(6466 / var(--w) * 100vw);
    left: calc(741 / var(--w) * 100vw);
    width: calc(155 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l27 {
    position: absolute;
    top: calc(6543 / var(--w) * 100vw);
    left: calc(691 / var(--w) * 100vw);
    width: calc(53 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._l28 {
    position: absolute;
    top: calc(6603 / var(--w) * 100vw);
    left: calc(60 / var(--w) * 100vw);
    width: calc(633 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p1 {
    position: absolute;
    top: calc(218 / var(--w) * 100vw);
    left: calc(465 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p2 {
    position: absolute;
    top: calc(234 / var(--w) * 100vw);
    left: calc(600 / var(--w) * 100vw);
    width: calc(11 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p3 {
    position: absolute;
    top: calc(331 / var(--w) * 100vw);
    left: calc(779 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p4 {
    position: absolute;
    top: calc(357 / var(--w) * 100vw);
    left: calc(924 / var(--w) * 100vw);
    width: calc(31 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p5 {
    position: absolute;
    top: calc(567 / var(--w) * 100vw);
    left: calc(769 / var(--w) * 100vw);
    width: calc(7 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p6 {
    position: absolute;
    top: calc(600 / var(--w) * 100vw);
    left: calc(785 / var(--w) * 100vw);
    width: calc(16 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p7 {
    position: absolute;
    top: calc(1308 / var(--w) * 100vw);
    left: calc(24 / var(--w) * 100vw);
    width: calc(31 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p8 {
    position: absolute;
    top: calc(2090 / var(--w) * 100vw);
    left: calc(790 / var(--w) * 100vw);
    width: calc(10 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p9 {
    position: absolute;
    top: calc(2145 / var(--w) * 100vw);
    left: calc(556 / var(--w) * 100vw);
    width: calc(7 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p10 {
    position: absolute;
    top: calc(2186 / var(--w) * 100vw);
    left: calc(517 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p11 {
    position: absolute;
    top: calc(2638 / var(--w) * 100vw);
    left: calc(880 / var(--w) * 100vw);
    width: calc(31 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p12 {
    position: absolute;
    top: calc(3255 / var(--w) * 100vw);
    left: calc(688 / var(--w) * 100vw);
    width: calc(10 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p13 {
    position: absolute;
    top: calc(3741 / var(--w) * 100vw);
    left: calc(308 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p14 {
    position: absolute;
    top: calc(3756 / var(--w) * 100vw);
    left: calc(232 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p15 {
    position: absolute;
    top: calc(4368 / var(--w) * 100vw);
    left: calc(934 / var(--w) * 100vw);
    width: calc(31 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p16 {
    position: absolute;
    top: calc(5132 / var(--w) * 100vw);
    left: calc(447 / var(--w) * 100vw);
    width: calc(7 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p17 {
    position: absolute;
    top: calc(5151 / var(--w) * 100vw);
    left: calc(367 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p18 {
    position: absolute;
    top: calc(5249 / var(--w) * 100vw);
    left: calc(439 / var(--w) * 100vw);
    width: calc(11 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p19 {
    position: absolute;
    top: calc(5277 / var(--w) * 100vw);
    left: calc(492 / var(--w) * 100vw);
    width: calc(7 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p20 {
    position: absolute;
    top: calc(5832 / var(--w) * 100vw);
    left: 0;
    width: calc(31 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p24 {
    position: absolute;
    top: calc(6384 / var(--w) * 100vw);
    left: calc(770 / var(--w) * 100vw);
    width: calc(11 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p21 {
    position: absolute;
    top: calc(6398 / var(--w) * 100vw);
    left: calc(646 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p22 {
    position: absolute;
    top: calc(6457 / var(--w) * 100vw);
    left: calc(625 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p25 {
    position: absolute;
    top: calc(6454 / var(--w) * 100vw);
    left: calc(882 / var(--w) * 100vw);
    width: calc(31 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p23 {
    position: absolute;
    top: calc(6469 / var(--w) * 100vw);
    left: calc(689 / var(--w) * 100vw);
    width: calc(11 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p26 {
    position: absolute;
    top: calc(6536 / var(--w) * 100vw);
    left: calc(734 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines2 ._p27 {
    position: absolute;
    top: calc(6599 / var(--w) * 100vw);
    left: calc(689 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines3 {
    position: relative;
    width: calc(1180 / var(--w) * 100vw);
    height: calc(3030 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l1 {
    position: absolute;
    top: 0;
    left: calc(321 / var(--w) * 100vw);
    width: calc(565 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l3 {
    position: absolute;
    top: calc(182 / var(--w) * 100vw);
    left: calc(94 / var(--w) * 100vw);
    width: calc(128 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l2 {
    position: absolute;
    top: calc(185 / var(--w) * 100vw);
    left: calc(228 / var(--w) * 100vw);
    width: calc(94 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l4 {
    position: absolute;
    top: calc(253 / var(--w) * 100vw);
    left: 0;
    width: calc(177 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l5 {
    position: absolute;
    top: calc(340 / var(--w) * 100vw);
    left: calc(153 / var(--w) * 100vw);
    width: calc(24 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l6 {
    position: absolute;
    top: calc(394 / var(--w) * 100vw);
    left: calc(152 / var(--w) * 100vw);
    width: calc(172 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l7 {
    position: absolute;
    top: calc(702 / var(--w) * 100vw);
    left: calc(81 / var(--w) * 100vw);
    width: calc(243 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l8 {
    position: absolute;
    top: calc(1391 / var(--w) * 100vw);
    left: calc(59 / var(--w) * 100vw);
    width: calc(387 / var(--w) * 100vw);
    z-index: 20;
  }
  .mod-sky-lines3 ._l9 {
    position: absolute;
    top: calc(1950 / var(--w) * 100vw);
    left: calc(404 / var(--w) * 100vw);
    width: calc(43 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l10 {
    position: absolute;
    top: calc(1989 / var(--w) * 100vw);
    left: calc(410 / var(--w) * 100vw);
    width: calc(228 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l11 {
    position: absolute;
    top: calc(2293 / var(--w) * 100vw);
    left: calc(636 / var(--w) * 100vw);
    width: calc(61 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l12 {
    position: absolute;
    top: calc(2315 / var(--w) * 100vw);
    left: calc(184 / var(--w) * 100vw);
    width: calc(513 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l13 {
    position: absolute;
    top: calc(2535 / var(--w) * 100vw);
    left: calc(184 / var(--w) * 100vw);
    width: calc(319 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._l14 {
    position: absolute;
    top: calc(2535 / var(--w) * 100vw);
    left: calc(502 / var(--w) * 100vw);
    width: calc(678 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p2 {
    position: absolute;
    top: calc(178 / var(--w) * 100vw);
    left: calc(219 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p1 {
    position: absolute;
    top: calc(224 / var(--w) * 100vw);
    left: calc(314 / var(--w) * 100vw);
    width: calc(16 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p4 {
    position: absolute;
    top: calc(337 / var(--w) * 100vw);
    left: calc(172 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p5 {
    position: absolute;
    top: calc(391 / var(--w) * 100vw);
    left: calc(147 / var(--w) * 100vw);
    width: calc(11 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p6 {
    position: absolute;
    top: calc(695 / var(--w) * 100vw);
    left: calc(316 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p7 {
    position: absolute;
    top: calc(1368 / var(--w) * 100vw);
    left: calc(42 / var(--w) * 100vw);
    width: calc(24 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p8 {
    position: absolute;
    top: calc(1944 / var(--w) * 100vw);
    left: calc(437 / var(--w) * 100vw);
    width: calc(16 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p9 {
    position: absolute;
    top: calc(1976 / var(--w) * 100vw);
    left: calc(399 / var(--w) * 100vw);
    width: calc(11 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p10 {
    position: absolute;
    top: calc(2291 / var(--w) * 100vw);
    left: calc(633 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p11 {
    position: absolute;
    top: calc(2309 / var(--w) * 100vw);
    left: calc(688 / var(--w) * 100vw);
    width: calc(16 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p13 {
    position: absolute;
    top: calc(2530 / var(--w) * 100vw);
    left: calc(498 / var(--w) * 100vw);
    width: calc(11 / var(--w) * 100vw);
  }
  .mod-sky-lines3 ._p12 {
    position: absolute;
    top: calc(2543 / var(--w) * 100vw);
    left: calc(182 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines4 {
    position: relative;
    width: calc(1476 / var(--w) * 100vw);
    height: calc(509 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._t1 {
    position: absolute;
    top: calc(259 / var(--w) * 100vw);
    left: calc(219 / var(--w) * 100vw);
    width: calc(35 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._t4 {
    position: absolute;
    top: calc(253 / var(--w) * 100vw);
    left: calc(391 / var(--w) * 100vw);
    width: calc(38 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._t3 {
    position: absolute;
    top: calc(266 / var(--w) * 100vw);
    left: calc(319 / var(--w) * 100vw);
    width: calc(50 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._t6 {
    position: absolute;
    top: calc(271 / var(--w) * 100vw);
    left: calc(514 / var(--w) * 100vw);
    width: calc(44 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._t2 {
    position: absolute;
    top: calc(287 / var(--w) * 100vw);
    left: calc(273 / var(--w) * 100vw);
    width: calc(19 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._t5 {
    position: absolute;
    top: calc(288 / var(--w) * 100vw);
    left: calc(446 / var(--w) * 100vw);
    width: calc(49 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l1 {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(59 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l2 {
    position: absolute;
    top: calc(149 / var(--w) * 100vw);
    left: calc(55 / var(--w) * 100vw);
    width: calc(143 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l3 {
    position: absolute;
    top: calc(224 / var(--w) * 100vw);
    left: calc(176 / var(--w) * 100vw);
    width: calc(22 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l4 {
    position: absolute;
    top: calc(240 / var(--w) * 100vw);
    left: calc(176 / var(--w) * 100vw);
    width: calc(48 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l6 {
    position: absolute;
    top: calc(270 / var(--w) * 100vw);
    left: calc(288 / var(--w) * 100vw);
    width: calc(36 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l7 {
    position: absolute;
    top: calc(270 / var(--w) * 100vw);
    left: calc(364 / var(--w) * 100vw);
    width: calc(32 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l5 {
    position: absolute;
    top: calc(289 / var(--w) * 100vw);
    left: calc(249 / var(--w) * 100vw);
    width: calc(29 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l8 {
    position: absolute;
    top: calc(291 / var(--w) * 100vw);
    left: calc(424 / var(--w) * 100vw);
    width: calc(27 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l9 {
    position: absolute;
    top: calc(292 / var(--w) * 100vw);
    left: calc(490 / var(--w) * 100vw);
    width: calc(29 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l11 {
    position: absolute;
    top: calc(307 / var(--w) * 100vw);
    left: calc(630 / var(--w) * 100vw);
    width: calc(205 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l12 {
    position: absolute;
    top: calc(307 / var(--w) * 100vw);
    left: calc(822 / var(--w) * 100vw);
    width: calc(125 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l10 {
    position: absolute;
    top: calc(323 / var(--w) * 100vw);
    left: calc(530 / var(--w) * 100vw);
    width: calc(100 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l14 {
    position: absolute;
    top: calc(367 / var(--w) * 100vw);
    left: calc(1138 / var(--w) * 100vw);
    width: calc(232 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l15 {
    position: absolute;
    top: calc(367 / var(--w) * 100vw);
    left: calc(1363 / var(--w) * 100vw);
    width: calc(114 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._l13 {
    position: absolute;
    top: calc(389 / var(--w) * 100vw);
    left: calc(941 / var(--w) * 100vw);
    width: calc(203 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._p1 {
    position: absolute;
    top: calc(147 / var(--w) * 100vw);
    left: calc(54 / var(--w) * 100vw);
    width: calc(5 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._p3 {
    position: absolute;
    top: calc(221 / var(--w) * 100vw);
    left: calc(193 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._p2 {
    position: absolute;
    top: calc(239 / var(--w) * 100vw);
    left: calc(175 / var(--w) * 100vw);
    width: calc(5 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._p5 {
    position: absolute;
    top: calc(297 / var(--w) * 100vw);
    left: calc(825 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._p4 {
    position: absolute;
    top: calc(347 / var(--w) * 100vw);
    left: calc(626 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._p8 {
    position: absolute;
    top: calc(361 / var(--w) * 100vw);
    left: calc(1363 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._p6 {
    position: absolute;
    top: calc(385 / var(--w) * 100vw);
    left: calc(938 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines4 ._p7 {
    position: absolute;
    top: calc(411 / var(--w) * 100vw);
    left: calc(1130 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines5 {
    width: calc(797 / var(--w) * 100vw);
    height: calc(173 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._t1 {
    position: absolute;
    top: calc(44 / var(--w) * 100vw);
    left: calc(217 / var(--w) * 100vw);
    width: calc(44 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._t3 {
    position: absolute;
    top: calc(54 / var(--w) * 100vw);
    left: calc(326 / var(--w) * 100vw);
    width: calc(51 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._t2 {
    position: absolute;
    top: calc(67 / var(--w) * 100vw);
    left: calc(272 / var(--w) * 100vw);
    width: calc(45 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._t4 {
    position: absolute;
    top: calc(69 / var(--w) * 100vw);
    left: calc(387 / var(--w) * 100vw);
    width: calc(33 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._t5 {
    position: absolute;
    top: calc(79 / var(--w) * 100vw);
    left: calc(432 / var(--w) * 100vw);
    width: calc(19 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._t6 {
    position: absolute;
    top: calc(69 / var(--w) * 100vw);
    left: calc(470 / var(--w) * 100vw);
    width: calc(49 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._t7 {
    position: absolute;
    top: calc(66 / var(--w) * 100vw);
    left: calc(533 / var(--w) * 100vw);
    width: calc(54 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._l1 {
    position: absolute;
    top: calc(6 / var(--w) * 100vw);
    left: 0;
    width: calc(189 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._l3 {
    position: absolute;
    top: calc(52 / var(--w) * 100vw);
    left: calc(257 / var(--w) * 100vw);
    width: calc(20 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._l4 {
    position: absolute;
    top: calc(58 / var(--w) * 100vw);
    left: calc(312 / var(--w) * 100vw);
    width: calc(17 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._l5 {
    position: absolute;
    top: calc(71 / var(--w) * 100vw);
    left: calc(357 / var(--w) * 100vw);
    width: calc(34 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._l9 {
    position: absolute;
    top: calc(61 / var(--w) * 100vw);
    left: calc(582 / var(--w) * 100vw);
    width: calc(215 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._l8 {
    position: absolute;
    top: calc(72 / var(--w) * 100vw);
    left: calc(515 / var(--w) * 100vw);
    width: calc(45 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._l2 {
    position: absolute;
    top: calc(89 / var(--w) * 100vw);
    left: calc(188 / var(--w) * 100vw);
    width: calc(34 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._l7 {
    position: absolute;
    top: calc(83 / var(--w) * 100vw);
    left: calc(447 / var(--w) * 100vw);
    width: calc(28 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._l6 {
    position: absolute;
    top: calc(121 / var(--w) * 100vw);
    left: calc(416 / var(--w) * 100vw);
    width: calc(21 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._p1 {
    position: absolute;
    top: 0;
    left: calc(71 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._p3 {
    position: absolute;
    top: calc(59 / var(--w) * 100vw);
    left: calc(620 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._p2 {
    position: absolute;
    top: calc(109 / var(--w) * 100vw);
    left: calc(184 / var(--w) * 100vw);
    width: calc(8 / var(--w) * 100vw);
  }
  .mod-sky-lines5 ._p4 {
    position: absolute;
    top: calc(101 / var(--w) * 100vw);
    left: calc(632 / var(--w) * 100vw);
    width: calc(5 / var(--w) * 100vw);
  }
  .mod-sky-lines6 {
    width: calc(638 / var(--w) * 100vw);
    height: calc(2348 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._l1 {
    position: absolute;
    top: 0;
    left: calc(2 / var(--w) * 100vw);
    width: calc(628 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._l2 {
    position: absolute;
    top: calc(556 / var(--w) * 100vw);
    left: 0;
    width: calc(70 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._l3 {
    position: absolute;
    top: calc(618 / var(--w) * 100vw);
    left: calc(69 / var(--w) * 100vw);
    width: calc(79 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._l4 {
    position: absolute;
    top: calc(635 / var(--w) * 100vw);
    left: calc(147 / var(--w) * 100vw);
    width: calc(290 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._l5 {
    position: absolute;
    top: calc(929 / var(--w) * 100vw);
    left: calc(435 / var(--w) * 100vw);
    width: calc(49 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._l6 {
    position: absolute;
    top: calc(951 / var(--w) * 100vw);
    left: calc(1 / var(--w) * 100vw);
    width: calc(483 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._l7 {
    position: absolute;
    top: calc(2078 / var(--w) * 100vw);
    left: calc(2 / var(--w) * 100vw);
    width: calc(372 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._l8 {
    position: absolute;
    top: calc(2185 / var(--w) * 100vw);
    left: calc(372 / var(--w) * 100vw);
    width: calc(46 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._l9 {
    position: absolute;
    top: calc(2185 / var(--w) * 100vw);
    left: calc(417 / var(--w) * 100vw);
    width: calc(221 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._p1 {
    position: absolute;
    top: calc(549 / var(--w) * 100vw);
    left: calc(-3 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._p2 {
    position: absolute;
    top: calc(614 / var(--w) * 100vw);
    left: calc(67 / var(--w) * 100vw);
    width: calc(7 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._p3 {
    position: absolute;
    top: calc(631 / var(--w) * 100vw);
    left: calc(145 / var(--w) * 100vw);
    width: calc(10 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._p4 {
    position: absolute;
    top: calc(925 / var(--w) * 100vw);
    left: calc(434 / var(--w) * 100vw);
    width: calc(7 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._p5 {
    position: absolute;
    top: calc(942 / var(--w) * 100vw);
    left: calc(476 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._p6 {
    position: absolute;
    top: calc(2065 / var(--w) * 100vw);
    left: calc(-8 / var(--w) * 100vw);
    width: calc(27 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._p8 {
    position: absolute;
    top: calc(2179 / var(--w) * 100vw);
    left: calc(410 / var(--w) * 100vw);
    width: calc(15 / var(--w) * 100vw);
  }
  .mod-sky-lines6 ._p7 {
    position: absolute;
    top: calc(2223 / var(--w) * 100vw);
    left: calc(372 / var(--w) * 100vw);
    width: calc(7 / var(--w) * 100vw);
  }
  .c-float-btn {
    display: block;
    width: calc(280 / var(--w) * 100vw);
    height: calc(56 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: calc(5 / var(--w) * 100vw);
    padding-left: calc(30 / var(--w) * 100vw);
    box-sizing: border-box;
    background-image: url("/cafe/andwander/images/common/sp/float-btn-bg.webp");
    background-size: cover;
  }
  .c-float-btn span {
    font-size: calc(22 / var(--w) * 100vw);
    line-height: 1.75;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding-right: calc(60 / var(--w) * 100vw);
  }
  .c-float-btn span::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: calc(20 / var(--w) * 100vw);
    bottom: 0;
    margin: auto 0;
    width: calc(20 / var(--w) * 100vw);
    height: calc(20 / var(--w) * 100vw);
    background-image: url("/cafe/andwander/images/common/icon-arrow.webp");
    background-size: cover;
  }
  .js-float-btn-lineup {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .block-float-btn.js-float-btn-lineup {
    transform: translate3d(100%, 0, 0);
  }
  .block-news.js-float-btn-lineup {
    transform: translate3d(0, 100%, 0);
  }
  body.is-openingn-ended .js-float-btn-lineup {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
  }
  body.is-scrolled-lineup .js-float-btn-lineup {
    opacity: 0;
    pointer-events: none;
  }
  ul.c-notes li {
    position: relative;
    font-size: calc(22 / var(--w) * 100vw);
    line-height: 1.45;
    color: #fff;
    padding-left: calc(25 / var(--w) * 100vw);
  }
  ul.c-notes li::before {
    content: "※";
    position: absolute;
    top: 0.15em;
    left: 0;
    width: 1.2em;
    font-size: calc(22 / var(--w) * 100vw);
    line-height: 1.45;
    color: #fff;
  }
  .c-btn-link {
    position: relative;
    font-size: calc(36 / var(--w) * 100vw);
    line-height: 1.33;
    font-weight: bold;
    color: #fff;
    border-bottom: calc(2 / var(--w) * 100vw) solid #fff;
    padding-right: calc(10 / var(--w) * 100vw);
  }
  .c-btn-link::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url("/cafe/andwander/images/common/icon-blank.webp");
    background-size: cover;
    width: calc(28 / var(--w) * 100vw);
    height: calc(28 / var(--w) * 100vw);
  }
  .c-goods-items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(30 / var(--w) * 100vw);
    gap: calc(55 / var(--w) * 100vw) calc(30 / var(--w) * 100vw);
  }
  .c-goods-item {
    position: relative;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .c-goods-item ._item-image a {
    display: block;
  }
  .c-goods-item ._item-texts {
    margin-top: calc(27 / var(--w) * 100vw);
    padding-left: calc(10 / var(--w) * 100vw);
    padding-bottom: calc(30 / var(--w) * 100vw);
    flex: 1;
  }
  .c-goods-item ._item-texts ._name {
    font-size: calc(22 / var(--w) * 100vw);
    line-height: 1.5;
    color: #fff;
  }
  .c-goods-item ._item-texts ._name2 {
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1.27;
    color: #fff;
  }
  .c-goods-item ._item-texts ._texts-col {
    margin-top: calc(10 / var(--w) * 100vw);
    margin-bottom: calc(20 / var(--w) * 100vw);
    display: flex;
    justify-content: space-between;
  }
  .c-goods-item ._item-texts ._vol {
    font-size: calc(17 / var(--w) * 100vw);
    line-height: 1.29;
    color: #fff;
    padding-top: calc(5 / var(--w) * 100vw);
  }
  .c-goods-item ._item-texts ._price {
    font-size: calc(25 / var(--w) * 100vw);
    line-height: 1;
    font-weight: 600;
    color: #fff;
  }
  .c-goods-item ._item-texts ._btns {
    position: absolute;
    bottom: 0;
    left: calc(10 / var(--w) * 100vw);
  }
  .c-btn-online {
    display: inline;
    font-size: calc(25 / var(--w) * 100vw);
    line-height: 1;
    font-weight: bold;
    color: #fff;
    padding-bottom: calc(5 / var(--w) * 100vw);
    border-bottom: calc(1 / var(--w) * 100vw) solid #fff;
  }
  .c-btn-more {
    display: block;
    font-size: calc(26 / var(--w) * 100vw);
    line-height: 1;
    letter-spacing: 0.05em;
    background: #fff;
    color: #006241;
    border-radius: calc(100 / var(--w) * 100vw);
    height: calc(232 / var(--w) * 100vw);
    height: calc(52 / var(--w) * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .c-anim {
    transition-delay: 0.2s;
    transition-duration: 1s;
  }
  .c-anim.is-skip {
    transition: none !important;
    animation: none !important;
  }
  .c-anim.is-fade {
    opacity: 0;
  }
  .c-anim.is-fade.is-active {
    opacity: 1;
  }
  .c-anim.is-top {
    opacity: 0;
    transform: translate(0, -100px);
  }
  .c-anim.is-top.is-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .c-anim.is-bottom {
    opacity: 0;
    transform: translate(0, 50px);
  }
  .c-anim.is-bottom.is-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .c-anim.is-left {
    opacity: 0;
    transform: translate(-100px, 0);
  }
  .c-anim.is-left.is-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .c-anim.is-right {
    opacity: 0;
    transform: translate(100px, 0);
  }
  .c-anim.is-right.is-active {
    opacity: 1;
    transform: translate(0, 0);
  }
  .c-anim.is-text-up {
    overflow: hidden;
    opacity: 1;
    display: inline-block;
    vertical-align: bottom;
  }
  .c-anim.is-text-up > span > span {
    display: block;
    transform: translateY(110%);
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .c-anim.is-text-up.is-active > span > span {
    transform: translateY(0);
  }
  .c-anim.is-text-mask {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .c-anim.is-text-mask.is-active {
    clip-path: inset(0 0 0 0);
  }
  .c-anim.is-delay-00 {
    transition-delay: 0s;
  }
  .c-anim.is-delay-01 {
    transition-delay: 0.1s;
  }
  .c-anim.is-delay-02 {
    transition-delay: 0.2s;
  }
  .c-anim.is-delay-03 {
    transition-delay: 0.3s;
  }
  .c-anim.is-delay-04 {
    transition-delay: 0.4s;
  }
  .c-anim.is-delay-05 {
    transition-delay: 0.5s;
  }
  .c-anim.is-delay-06 {
    transition-delay: 0.6s;
  }
  .c-anim.is-delay-07 {
    transition-delay: 0.7s;
  }
  .c-anim.is-delay-08 {
    transition-delay: 0.8s;
  }
  .c-anim.is-delay-09 {
    transition-delay: 0.9s;
  }
  .c-anim.is-delay-10 {
    transition-delay: 1s;
  }
  .u-pc {
    display: none;
  }
}