@charset "UTF-8";
@font-face {
  font-family: Montserrat;
  src: url(https://r.r10s.jp/com/js/c/cwd-assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf)
    format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url(https://r.r10s.jp/com/js/c/cwd-assets/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf)
    format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Rokkitt;
  src: url(https://r.r10s.jp/com/js/c/cwd-assets/fonts/Rokkitt/Rokkitt-VariableFont_wght.ttf)
    format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Zen Kaku Gothic Antique;
  src: url(https://r.r10s.jp/com/js/c/cwd-assets/fonts/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Light.ttf)
    format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Zen Kaku Gothic Antique;
  src: url(https://r.r10s.jp/com/js/c/cwd-assets/fonts/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Regular.ttf)
    format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Zen Kaku Gothic Antique;
  src: url(https://r.r10s.jp/com/js/c/cwd-assets/fonts/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Medium.ttf)
    format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Zen Kaku Gothic Antique;
  src: url(https://r.r10s.jp/com/js/c/cwd-assets/fonts/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Bold.ttf)
    format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Zen Kaku Gothic Antique;
  src: url(https://r.r10s.jp/com/js/c/cwd-assets/fonts/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Black.ttf)
    format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
#riCmnHdr {
  border: none;
}
.dig-wrap {
  font-family: Zen Kaku Gothic Antique;
  color: #222;
  font-size: clamp(16px, 4.2666666667vw, 22px);
}
.dig-shell {
  background-color: #e3dfda;
  overflow: hidden;
}
.dig-shell-content {
  max-width: 512px;
  margin: 0 auto;
  background-color: #ebe5e2;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/hero_bg.webp);
  background-repeat: repeat;
}
.dig-shell-side-logo {
  display: none;
  position: fixed;
  top: 40vh;
  right: calc(50% + 316px);
  flex-direction: column;
  align-items: center;
}
.dig-shell-side-logo img {
  width: clamp(228px, 60.8vw, 311px);
}
@media screen and (min-width: 1280px) {
  .dig-shell-side-logo {
    display: flex;
  }
}
.dig-shell-side-qr {
  display: none;
  position: fixed;
  top: 40vh;
  left: calc(50% + 316px);
  flex-direction: column;
  align-items: center;
}
.dig-shell-side-qr img {
  width: 160px;
  height: 160px;
  aspect-ratio: 1/1;
}
.dig-shell-side-qr p {
  white-space: nowrap;
  font-size: 16px;
  margin-top: 16px;
  font-weight: 700;
}
@media screen and (min-width: 1280px) {
  .dig-shell-side-qr {
    display: flex;
  }
}
.dig-button {
  color: #222;
  font-weight: 700;
  font-size: clamp(12px, 3.2vw, 16px);
  line-height: 1;
  display: flex;
  justify-content: center;
  border-radius: 80px;
  border: 1px solid #222;
  background-color: #fff;
  padding: 1em 1.5em;
  transition: all 0.2s ease;
}
.dig-button:visited {
  color: #222;
}
@media (hover: hover) {
  .dig-button:hover {
    color: #fff;
    background-color: #222;
    text-decoration: none;
  }
}
.dig-button.dig-button-blue {
  color: #506bd9;
  border-color: #506bd9;
}
@media (hover: hover) {
  .dig-button.dig-button-blue:hover {
    color: #fff;
    background-color: #506bd9;
  }
}
.dig-button.dig-button-green {
  color: #2ba86f;
  border-color: #2ba86f;
}
@media (hover: hover) {
  .dig-button.dig-button-green:hover {
    color: #fff;
    background-color: #2ba86f;
  }
}
.dig-header {
  min-width: 320px;
  max-width: 512px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.25em 0.5em;
  mix-blend-mode: difference;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
.dig-header[data-ready='true'] {
  opacity: 1;
  pointer-events: auto;
}
.dig-header.dig-header-fixed {
  z-index: 110;
  position: fixed;
  top: 0.5em;
}
.dig-header-toggle-indicator-wrapper {
  min-width: 320px;
  max-width: 512px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
.dig-header-toggle-indicator-wrapper[data-ready='true'] {
  opacity: 1;
  pointer-events: auto;
}
.dig-header-toggle-indicator-wrapper.dig-header-toggle-indicator-wrapper-fixed {
  z-index: 110;
  position: fixed;
  top: 0;
}
.dig-header-toggle-indicator {
  margin-left: auto;
  margin-right: 3em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 999px;
  background-color: #ff6735;
  transform: translateY(0.5em);
}
.dig-header-toggle {
  border: 0;
  background-color: transparent;
}
.dig-header-toggle img {
  width: 2.75em;
  height: 1.75em;
}
.dig-header-menu-close {
  border: 0;
  background-color: transparent;
}
.dig-header-menu-close img {
  width: 2em;
}
.dig-header-modal[aria-hidden='true']:not([data-opening='true']) {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  height: 0;
  display: block;
}
.dig-header-modal[data-opening='true'],
.dig-header-modal[aria-hidden='false'],
.dig-header-modal[data-closing='true'] {
  display: block;
}
.dig-header-modal {
  position: fixed;
  top: 0;
  left: 50vw;
  z-index: 111;
}
.dig-header-modal[data-closing='true'] .dig-header-menu {
  display: none;
}
.dig-header-menu {
  width: min(50vw, 256px);
  height: 100vh;
  height: 100dvh;
  background-color: #fff;
  border: 1px solid #222;
  z-index: 111;
  position: relative;
}
.dig-header-menu-scroller {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-header-menu-scroller::-webkit-scrollbar {
  display: none;
}
.dig-header-menu-scroller {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.dig-header-menu-header {
  display: flex;
  justify-content: flex-end;
  padding: 0.75em 0.5em 0;
  flex-shrink: 0;
}
.dig-header-menu-nav {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
  padding: 1.5em 1em 3em 1.5em;
  border-bottom: 1px solid #222;
}
.dig-header-menu-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #222 !important;
  text-decoration: none !important;
}
.dig-header-menu-item-dot {
  position: absolute;
  top: -0.25em;
  left: -0.75em;
  width: 0.5em;
  height: 0.5em;
  background-color: #ff6735;
  border-radius: 999px;
}
.dig-header-menu-item-title {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-weight: 700;
}
.dig-header-menu-item-subtitle {
  font-size: clamp(10px, 2.6666666667vw, 14px);
  font-weight: 500;
  margin-top: 0.25em;
}
.dig-header-menu-footer {
  padding: 3em 1.5em 3.5em;
}
.dig-header-menu-footer img {
  width: 100%;
  height: auto;
  aspect-ratio: 139/50;
}
.dig-marquee-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  padding-top: 3em;
  padding-bottom: 4em;
  pointer-events: none;
  transform: translateY(-60%);
}
.dig-marquee {
  overflow: hidden;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background-color: #fff;
  width: 110%;
  margin-left: -5%;
}
.dig-marquee-wrapper {
  display: flex;
  width: fit-content;
  will-change: transform;
}
@media (prefers-reduced-motion: no-preference) {
  .dig-marquee-wrapper {
    animation: marquee 35s linear infinite;
  }
}
.dig-marquee-track {
  display: flex;
  flex-shrink: 0;
}
.dig-marquee-block {
  display: flex;
  align-items: center;
  white-space: nowrap;
  flex-shrink: 0;
}
.dig-marquee-catchcopy {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-weight: 900;
}
.dig-marquee-top {
  transform: rotate(-4.5deg);
  position: relative;
  z-index: 2;
}
.dig-marquee-bottom {
  margin-top: 0.5em;
  transform: rotate(4.5deg);
  margin-bottom: -1.5em;
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .dig-marquee-bottom .dig-marquee-wrapper {
    animation: marquee-reverse 35s linear infinite;
  }
}
@keyframes marquee {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-50%);
  }
}
@keyframes marquee-reverse {
  0% {
    transform: translate(-50%);
  }
  to {
    transform: translate(0);
  }
}
.dig-marquee-svc-logo {
  rotate: 4.5deg;
  width: clamp(120px, 32vw, 164px);
  height: auto;
  aspect-ratio: 164/57;
  margin-left: 0.75em;
  margin-right: 1.75em;
}
.dig-feature-slider {
  position: relative;
}
.dig-feature-slider-track {
  position: relative;
  height: 100vh;
  display: flex;
  justify-content: center;
  isolation: isolate;
}
.dig-feature-slider-slide {
  position: absolute;
  top: calc(10vh + var(--stack-depth, 0) * 6px);
  overflow: hidden;
  width: calc(100% - clamp(32px, 8.5333333333vw, 44px));
  height: calc(80vh - var(--stack-depth, 0) * 12px);
  min-height: 450px;
  border-radius: 20px;
  box-shadow: 0 0 0 1px #000;
  transition: height 0.6s ease;
  cursor: pointer;
}
.dig-feature-slider-pagination {
  position: absolute;
  right: clamp(6px, 1.6vw, 8px);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 2.1333333333vw, 11px);
  z-index: 10;
}
.dig-feature-slider-pagination-dot {
  width: clamp(6px, 1.6vw, 8px);
  height: clamp(6px, 1.6vw, 8px);
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid #222;
}
.dig-feature-slider-pagination-dot[data-active='true'] {
  background-color: #222;
}
.dig-feature-slider-desc-container {
  position: absolute;
  top: 10vh;
  left: 50%;
  transform: translate(-50%);
  width: calc(100% - clamp(32px, 8.5333333333vw, 44px));
  height: 80vh;
  pointer-events: none;
  font-weight: 500;
}
.dig-feature-slider-desc {
  position: absolute;
  bottom: clamp(36px, 9.6vw, 49px);
  left: clamp(24px, 6.4vw, 33px);
  max-width: calc(100% - clamp(32px, 8.5333333333vw, 44px));
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.dig-feature-slider-desc[data-active='true'] {
  opacity: 1;
}
.dig-feature-slider-desc-title,
.dig-feature-slider-desc-subtitle {
  width: fit-content;
  border: 1px solid black;
  background-color: #fff;
  padding: 0.25em 0.5em;
}
.dig-feature-slider-desc-title {
  font-weight: 700;
  font-size: clamp(16px, 4.2666666667vw, 22px);
}
.dig-feature-slider-desc-subtitle {
  font-size: clamp(12px, 3.2vw, 16px);
  margin-top: -1px;
}
.dig-feature-slider-marquee-container {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-20%) translateY(30%);
  z-index: 1;
  width: fit-content;
  pointer-events: none;
}
.dig-feature-slider-slide-01 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #77b88e;
  border-radius: 14px;
}
.dig-feature-slider-slide-02 {
  width: 100%;
  height: 100%;
  background: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/hot-topic-story_slider-bg.svg)
    center/cover;
  padding: 1.25em 0.5em 0 1em;
  border-radius: 14px;
}
.dig-feature-slider-slide-02-title-wrap {
  position: relative;
  width: 100%;
  height: fit-content;
  text-align: right;
  padding-right: 1.25em;
}
.dig-feature-slider-slide-02-title {
  width: clamp(136px, 36.2666666667vw, 186px);
}
.dig-feature-slider-slide-02-vol {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  background-color: #fff;
  border: 0.8px solid #222;
  border-radius: 25.6px;
  padding: 0.25em 1.25em;
  position: absolute;
  right: 6%;
  bottom: -20%;
}
.dig-feature-slider-slide-02-number {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  background-color: #fff;
  border: 0.8px solid #222;
  border-radius: 25.6px;
  padding: 0.25em 0.75em;
  position: absolute;
  right: 0;
  bottom: -26%;
}
.dig-feature-slider-slide-02-item {
  width: clamp(250px, 66.6666666667vw, 341px);
  max-width: 100%;
  display: block;
  margin: 0.25em auto 0;
}
.dig-feature-slider-slide-02-container {
  top: calc(10vh + 6px);
  left: 48%;
}
.dig-feature-slider-slide-02-desc {
  max-width: calc(100% - clamp(28px, 7.4666666667vw, 38px));
}
.dig-feature-slider-slide-03 {
  width: 100%;
  height: 100%;
  background: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/hot-topic-wordchoice_bg.webp)
    center/cover;
  border-radius: 14px;
  position: relative;
}
.dig-feature-slider-slide-03-title-wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: clamp(7px, 1.8666666667vw, 10px);
  height: clamp(177px, 47.2vw, 242px);
  position: absolute;
  top: 25%;
  right: 0;
  left: 0;
}
.dig-feature-slider-slide-03-word {
  font-size: clamp(44px, 11.7333333333vw, 60px);
  font-weight: 700;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  background-color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: clamp(10px, 2.6666666667vw, 14px);
}
.dig-feature-slider-slide-03-container {
  top: calc(10vh + 12px);
  left: 47%;
}
.dig-feature-slider-slide-03-desc {
  max-width: calc(100% - clamp(37px, 9.8666666667vw, 51px));
}
.dig-feature-slider-slide-summer {
  background: #b0f9ed;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/summer/bg_illust.svg);
  background-repeat: no-repeat;
  background-size: 770px 785px;
  background-position: top 158px center;
  height: 100%;
  overflow: hidden;
}
.dig-feature-slider-slide-summer-logo {
  width: clamp(247px, 65.8666666667vw, 337px);
  height: auto;
  display: block;
  margin: clamp(35px, 9.3333333333vw, 48px) auto;
}
.dig-feature-slider-slide-bbq {
  height: 100%;
  background-color: #ec1c15;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_hero.png);
  background-repeat: no-repeat;
  background-size: clamp(349px, 93.0666666667vw, 477px)
    clamp(349px, 93.0666666667vw, 477px);
  background-position: center top 48%;
}
.dig-feature-slider-slide-bbq-logo {
  width: clamp(360px, 96vw, 492px);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 8.5%;
}
.dig-feature-slider-slide-bbq-img {
  width: clamp(450px, 120vw, 614px);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 18%;
}
.dig-feature-slider-slide-bbq-text {
  width: clamp(260px, 69.3333333333vw, 355px);
  position: absolute;
  left: clamp(8px, 2.1333333333vw, 11px);
  bottom: 25%;
}
@keyframes dig-feature-marquee-rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.dig-feature-marquee {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  animation: dig-feature-marquee-rotate 20s linear infinite;
}
.dig-feature-marquee-svg {
  width: clamp(100px, 26.6666666667vw, 137px);
  height: clamp(100px, 26.6666666667vw, 137px);
  pointer-events: none;
}
.dig-feature-marquee-text {
  font-family: Montserrat;
  font-weight: 700;
  text-transform: uppercase;
  fill: #222;
  pointer-events: none;
}
.dig-hero {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  min-height: 90vh;
}
.dig-hero-content {
  position: relative;
}
.dig-hero-orange-overlay,
.dig-hero-ui-overlay {
  position: absolute;
  inset: clamp(-55px, -10.6666666667vw, -40px) 0 0;
  pointer-events: none;
}
.dig-hero-schedule {
  position: absolute;
  top: clamp(20px, 5.3333333333vw, 27px);
  left: 6%;
  width: clamp(96px, 25.6vw, 131px);
  height: clamp(45px, 12vw, 61px);
}
.dig-hero-schedule-bg {
  position: absolute;
  top: 0;
  left: 0;
}
.dig-hero-schedule-text {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 1;
}
.dig-hero-schedule-text > *:first-child {
  font-size: clamp(24px, 6.4vw, 33px);
}
.dig-hero-schedule-text > *:last-child {
  font-size: clamp(13px, 3.4666666667vw, 18px);
  text-transform: uppercase;
}
.dig-hero-items {
  position: relative;
  min-height: 82%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dig-hero-copy {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: clamp(34px, 9.0666666667vw, 46px);
  left: 88%;
  transform: translate(-50%);
  width: clamp(80px, 21.3333333333vw, 109px);
}
.dig-hero-svc-logo {
  -webkit-user-select: none;
  user-select: none;
  width: clamp(228px, 60.8vw, 311px);
}
.dig-hero-about-button {
  align-items: center;
  border-radius: 100px;
  border: none;
  padding: 1em 2em;
  margin: 1.75em 0 2em;
  background-color: #dfd5ce;
  color: #222;
  transition: all 0.2s ease;
}
@media (hover: hover) {
  .dig-hero-about-button:hover {
    color: #fff8f3;
    background-color: #222;
  }
  .dig-hero-about-button:hover .dig-hero-about-button-icon {
    color: #222;
    background-color: #fff8f3;
  }
}
.dig-hero-about-button-icon {
  margin-left: 0.75em;
  width: clamp(20px, 5.3333333333vw, 27px);
  height: clamp(20px, 5.3333333333vw, 27px);
  padding: clamp(6px, 1.6vw, 8px);
  border-radius: 50%;
  color: #fff8f3;
  background-color: #222;
  transition: all 0.2s ease;
}
.dig-hero-item-cart {
  width: 82%;
}
.dig-hero-item-chair,
.dig-hero-item-og-note,
.dig-hero-item-note,
.dig-hero-item-earpods,
.dig-hero-item-camera,
.dig-hero-item-rice,
.dig-hero-item-towel,
.dig-hero-item-kettle,
.dig-hero-item-bottle {
  position: absolute;
  height: auto;
  transform: translate(calc(-50% + var(--fly-x0))) translateY(var(--fly-y0))
    rotate(var(--fly-r0));
}
.dig-hero-item-chair {
  width: clamp(250px, 66.6666666667vw, 341px);
  bottom: clamp(-82px, -16vw, -60px);
  left: 68%;
  --fly-x0: 220px;
  --fly-y0: 200px;
  --fly-r0: -34deg;
  --fly-x1: 165px;
  --fly-y1: 150px;
  --fly-r1: 34deg;
  --fly-x2: 110px;
  --fly-y2: 100px;
  --fly-r2: -34deg;
  --fly-x3: 55px;
  --fly-y3: 50px;
  --fly-r3: 34deg;
}
.dig-hero-item-og-note {
  width: clamp(160px, 42.6666666667vw, 218px);
  top: clamp(10px, 2.6666666667vw, 14px);
  left: 47.5%;
  --fly-x0: -180px;
  --fly-y0: -200px;
  --fly-r0: -32deg;
  --fly-x1: -135px;
  --fly-y1: -150px;
  --fly-r1: 32deg;
  --fly-x2: -90px;
  --fly-y2: -100px;
  --fly-r2: -32deg;
  --fly-x3: -45px;
  --fly-y3: -50px;
  --fly-r3: 32deg;
}
.dig-hero-item-note {
  width: clamp(180px, 48vw, 246px);
  top: clamp(-48px, -9.3333333333vw, -35px);
  left: 55%;
  --fly-x0: 160px;
  --fly-y0: -220px;
  --fly-r0: 30deg;
  --fly-x1: 120px;
  --fly-y1: -165px;
  --fly-r1: -30deg;
  --fly-x2: 80px;
  --fly-y2: -110px;
  --fly-r2: 30deg;
  --fly-x3: 40px;
  --fly-y3: -55px;
  --fly-r3: -30deg;
}
.dig-hero-item-earpods {
  width: clamp(100px, 26.6666666667vw, 137px);
  top: clamp(25px, 6.6666666667vw, 34px);
  left: 25%;
  --fly-x0: -170px;
  --fly-y0: -240px;
  --fly-r0: 28deg;
  --fly-x1: -128px;
  --fly-y1: -180px;
  --fly-r1: -28deg;
  --fly-x2: -85px;
  --fly-y2: -120px;
  --fly-r2: 28deg;
  --fly-x3: -43px;
  --fly-y3: -60px;
  --fly-r3: -28deg;
}
.dig-hero-item-camera {
  width: clamp(80px, 21.3333333333vw, 109px);
  top: clamp(86px, 22.9333333333vw, 117px);
  left: 33%;
  --fly-x0: 140px;
  --fly-y0: -220px;
  --fly-r0: -34deg;
  --fly-x1: 105px;
  --fly-y1: -165px;
  --fly-r1: 34deg;
  --fly-x2: 70px;
  --fly-y2: -110px;
  --fly-r2: -34deg;
  --fly-x3: 35px;
  --fly-y3: -55px;
  --fly-r3: 34deg;
}
.dig-hero-item-rice {
  width: clamp(125px, 33.3333333333vw, 171px);
  top: clamp(130px, 34.6666666667vw, 177px);
  left: 41%;
  --fly-x0: 120px;
  --fly-y0: 380px;
  --fly-r0: 32deg;
  --fly-x1: 90px;
  --fly-y1: 285px;
  --fly-r1: -32deg;
  --fly-x2: 60px;
  --fly-y2: 190px;
  --fly-r2: 32deg;
  --fly-x3: 30px;
  --fly-y3: 95px;
  --fly-r3: -32deg;
}
.dig-hero-item-towel {
  width: clamp(220px, 58.6666666667vw, 300px);
  top: 0;
  left: 70%;
  --fly-x0: 210px;
  --fly-y0: -140px;
  --fly-r0: -28deg;
  --fly-x1: 158px;
  --fly-y1: -105px;
  --fly-r1: 28deg;
  --fly-x2: 105px;
  --fly-y2: -70px;
  --fly-r2: -28deg;
  --fly-x3: 53px;
  --fly-y3: -35px;
  --fly-r3: 28deg;
}
.dig-hero-item-kettle {
  width: clamp(260px, 69.3333333333vw, 355px);
  bottom: clamp(-35px, -6.9333333333vw, -26px);
  left: 34%;
  --fly-x0: -190px;
  --fly-y0: 220px;
  --fly-r0: -30deg;
  --fly-x1: -143px;
  --fly-y1: 165px;
  --fly-r1: 30deg;
  --fly-x2: -95px;
  --fly-y2: 110px;
  --fly-r2: -30deg;
  --fly-x3: -48px;
  --fly-y3: 55px;
  --fly-r3: 30deg;
}
.dig-hero-item-bottle {
  width: clamp(160px, 42.6666666667vw, 218px);
  top: clamp(80px, 21.3333333333vw, 109px);
  left: 20%;
  --fly-x0: -170px;
  --fly-y0: -120px;
  --fly-r0: 30deg;
  --fly-x1: -128px;
  --fly-y1: -90px;
  --fly-r1: -20deg;
  --fly-x2: -85px;
  --fly-y2: -60px;
  --fly-r2: 20deg;
  --fly-x3: -43px;
  --fly-y3: -30px;
  --fly-r3: -20deg;
}
.dig-hero-orange-line-1 {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: clamp(22px, 5.8666666667vw, 30px);
  left: 57.5%;
  transform: translate(-50%);
}
.dig-hero-orange-line-2 {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  bottom: 0;
  right: 0;
  bottom: clamp(112px, 29.8666666667vw, 153px);
  transform: translate(-50%);
}
.dig-hero-orange-line-3 {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: clamp(142px, 37.8666666667vw, 194px);
  left: clamp(40px, 10.6666666667vw, 55px);
  transform: translate(-50%);
}
.dig-hero-orange-line-4 {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: clamp(220px, 58.6666666667vw, 300px);
  left: clamp(30px, 8vw, 41px);
  transform: translate(-50%);
}
.dig-hero-orange-line-5 {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  bottom: clamp(0px, 0vw, 0px);
  left: clamp(42px, 11.2vw, 57px);
  transform: translate(-50%);
}
.dig-hero-orange-line-6 {
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  bottom: clamp(30px, 8vw, 41px);
  right: clamp(-8px, -1.6vw, -6px);
  transform: translate(-50%);
}
[data-slide-animate] {
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
}
[data-slide-animate][data-ready='true'] {
  animation: item-fly-in 0.9s linear both;
}
[data-wobble-animate][data-ready='true'] {
  animation: item-wobble 0.85s steps(1) infinite;
}
[data-wobble-appear-animate] {
  opacity: 0;
}
[data-wobble-appear-animate][data-ready='true'] {
  animation:
    item-wobble-appear 0s 0.35s forwards,
    item-wobble 0.85s steps(1) infinite;
}
[data-fade-animate] {
  opacity: 0;
}
[data-fade-animate][data-ready='true'] {
  opacity: 1;
  animation: item-fade-in 0.6s cubic-bezier(0.8, 0, 1, 0.5) forwards;
}
@keyframes item-fade-in {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}
@keyframes item-fly-in {
  0% {
    animation-timing-function: steps(1);
    transform: translate(calc(-50% + var(--fly-x0))) translateY(var(--fly-y0))
      rotate(var(--fly-r0));
    opacity: 0;
  }
  25% {
    animation-timing-function: steps(1);
    transform: translate(calc(-50% + var(--fly-x1))) translateY(var(--fly-y1))
      rotate(var(--fly-r1));
    opacity: 1;
  }
  50% {
    animation-timing-function: steps(1);
    transform: translate(calc(-50% + var(--fly-x2))) translateY(var(--fly-y2))
      rotate(var(--fly-r2));
    opacity: 1;
  }
  75% {
    animation-timing-function: steps(1);
    transform: translate(calc(-50% + var(--fly-x3))) translateY(var(--fly-y3))
      rotate(var(--fly-r3));
    opacity: 1;
  }
  to {
    transform: translate(-50%) translateY(0) rotate(0);
    opacity: 1;
  }
}
@keyframes item-wobble-appear {
  to {
    opacity: 1;
  }
}
@keyframes item-wobble {
  0% {
    animation-timing-function: steps(1);
    transform: rotate(3deg);
  }
  35% {
    transform: rotate(0);
  }
  to {
    transform: rotate(0);
  }
}
.dig-hero-notice {
  color: #848484;
  font-weight: 500;
  font-size: clamp(9px, 2.4vw, 12px);
  line-height: clamp(15px, 4vw, 20px);
  padding: 0 3em 0 3.75em;
}
.dig-global-sheet-1024 .dig-global-sheet {
  min-width: 1024px;
}
.dig-global-sheet-content {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-global-sheet-content {
  border-top-left-radius: clamp(32px, 8.5333333333vw, 44px);
  border-top-right-radius: clamp(32px, 8.5333333333vw, 44px);
  overscroll-behavior: contain;
  max-height: 90vh;
  max-height: 90dvh;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-global-sheet-content::-webkit-scrollbar {
  display: none;
}
.dig-global-sheet-content {
  width: 100%;
  max-width: 512px;
  border-top-left-radius: clamp(32px, 8.5333333333vw, 44px);
  border-top-right-radius: clamp(32px, 8.5333333333vw, 44px);
  position: relative;
}
.dig-global-sheet-content:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #222;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  pointer-events: none;
  z-index: 3;
}
.dig-global-sheet-content-close {
  position: absolute;
  top: clamp(16px, 4.2666666667vw, 22px);
  right: clamp(16px, 4.2666666667vw, 22px);
  z-index: 130;
  color: #fff;
  border: 0;
  border-radius: 50%;
  width: clamp(32px, 8.5333333333vw, 44px);
  height: clamp(32px, 8.5333333333vw, 44px);
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  mix-blend-mode: difference;
}
.dig-global-sheet-content-close i {
  mix-blend-mode: difference;
}
.dig-sheet-content-body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-sheet-content-body::-webkit-scrollbar {
  display: none;
}
.dig-sheet-content-body {
  overflow-y: auto;
}
.dig-makuake-card {
  width: 75%;
  margin: 0 auto;
  border: 1px solid #506bd9;
  border-bottom: 7px solid #506bd9;
  border-radius: 4px 4px 8px 8px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1em;
}
.dig-makuake-card-image-link {
  display: block;
  text-decoration: none;
  color: #222;
}
.dig-makuake-card-image-link:visited {
  color: #222;
}
@media (hover: hover) {
  .dig-makuake-card-image-link:hover {
    color: #222;
    text-decoration: none;
  }
}
.dig-makuake-card-image-link:active {
  color: #222;
}
.dig-makuake-card-image {
  width: 100%;
  height: auto;
  aspect-ratio: 248/139;
  object-fit: contain;
  border-radius: 4px;
}
.dig-makuake-card-content {
  display: flex;
  flex-direction: column;
  color: #506bd9;
}
.dig-makuake-item {
  width: 100%;
  padding: 1.25em;
  gap: 0.5em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #506bd9;
}
.dig-makuake-item-image-link {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.dig-makuake-item-name-link {
  display: block;
  font-size: clamp(15px, 4vw, 20px);
  font-weight: 700;
  padding-top: clamp(4px, 1.0666666667vw, 5px);
  padding-bottom: clamp(4px, 1.0666666667vw, 5px);
  background-color: #fff;
  text-decoration: none;
  color: #506bd9;
}
.dig-makuake-item-name-link:visited {
  color: #506bd9;
}
@media (hover: hover) {
  .dig-makuake-item-name-link:hover {
    color: #506bd9;
    text-decoration: none;
  }
}
.dig-makuake-item-name-link:active {
  color: #506bd9;
}
.dig-makuake-item-desc {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 500;
  line-height: 1.5em;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  word-break: break-all;
}
.dig-makuake-item-price {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  font-size: clamp(20px, 5.3333333333vw, 27px);
  font-weight: 700;
}
.dig-makuake-item-price:empty:after {
  content: 'SOLD OUT';
}
.dig-makuake-item-button {
  margin-top: 1.25em;
}
.dig-makuake-item-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dig-makuake-item-grid > * {
  border: 1px solid #506bd9;
  border-bottom: 0;
}
.dig-makuake-item-grid > *:nth-child(odd) {
  border-left: 0;
}
.dig-makuake-item-grid > *:nth-child(2n) {
  border-left: 0;
  border-right: 0;
}
.dig-makuake-section-wrapper {
  padding-top: clamp(52px, 13.8666666667vw, 71px);
}
.dig-makuake-section {
  background-color: #f3f9c1;
  border: 1px solid #506bd9;
  border-radius: 32px;
  padding-top: clamp(52px, 13.8666666667vw, 71px);
}
.dig-makuake-section-title-wrapper {
  position: relative;
}
.dig-makuake-section-title {
  position: absolute;
  top: clamp(-71px, -13.8666666667vw, -52px);
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  color: #f3f9c1;
  font-size: clamp(20px, 5.3333333333vw, 27px);
  text-align: center;
  font-weight: 700;
  z-index: 10;
}
.dig-makuake-section-title-bg {
  position: absolute;
  top: clamp(-71px, -13.8666666667vw, -52px);
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  width: min(63.25vw, 324px);
  height: auto;
  aspect-ratio: 15/4;
  z-index: 2;
}
.dig-makuake-section-title-bg.dig-makuake-section-title-bg-white {
  transform: translate(-50%) translateY(-42%);
  z-index: 1;
}
.dig-makuake-section-desc {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  margin-left: auto;
  margin-right: auto;
  width: 72%;
  color: #506bd9;
  text-align: center;
  font-weight: 700;
  line-height: 1.75em;
}
.dig-makuake-section-subtitle {
  font-size: clamp(19px, 5.0666666667vw, 26px);
  color: #506bd9;
  text-align: center;
  font-weight: 700;
}
.dig-makuake-slider-container {
  position: relative;
  padding-top: 1em;
  padding-bottom: 2.5em;
  overflow: hidden;
}
.dig-makuake-slider {
  position: relative;
}
.dig-makuake-slider-drag-proxy {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
.dig-makuake-slider-track {
  position: relative;
  width: 100%;
}
.dig-makuake-slider-slide {
  width: 100%;
  left: 0;
  top: 0;
}
.dig-makuake-slider-prev,
.dig-makuake-slider-next {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  width: clamp(26px, 6.9333333333vw, 35px);
  height: clamp(26px, 6.9333333333vw, 35px);
  z-index: 2;
}
.dig-makuake-slider-prev img,
.dig-makuake-slider-next img {
  width: 100%;
  height: 100%;
}
.dig-makuake-slider-prev {
  left: calc(12.5% - clamp(13px, 3.4666666667vw, 18px));
}
.dig-makuake-slider-next {
  right: calc(12.5% - clamp(13px, 3.4666666667vw, 18px));
}
.dig-makuake-slider-pagination {
  display: flex;
  justify-content: center;
  gap: clamp(8px, 2.1333333333vw, 11px);
}
.dig-makuake-slider-bullet {
  width: clamp(8px, 2.1333333333vw, 11px);
  height: clamp(8px, 2.1333333333vw, 11px);
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #506bd9;
  padding: 0;
  cursor: pointer;
}
.dig-makuake-slider-bullet--active {
  background-color: #506bd9;
}
.dig-makuake-slider-item-name {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  margin-top: 0.5em;
  font-weight: 700;
  text-decoration: none;
  color: #506bd9;
}
.dig-makuake-slider-item-name:visited {
  color: #506bd9;
}
@media (hover: hover) {
  .dig-makuake-slider-item-name:hover {
    color: #506bd9;
    text-decoration: none;
  }
}
.dig-makuake-slider-item-name:active {
  color: #506bd9;
}
.dig-makuake-slider-item-name {
  line-height: 1.3;
  height: 2.6em;
}
.dig-makuake-slider-item-desc {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 500;
  margin-top: 0.25em;
  line-height: 1.3;
  height: 3.9em;
}
.dig-makuake-slider-item-price {
  display: flex;
  line-height: 1;
  font-size: clamp(24px, 6.4vw, 33px);
  margin-top: 0.5em;
  font-weight: 700;
}
.dig-makuake-slider-item-price:empty:after {
  content: 'SOLDOUT';
}
.dig-makuake-slider-item-release {
  font-size: clamp(12px, 3.2vw, 16px);
  margin-top: 0.75em;
}
.dig-makuake-slider-article-title {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  margin-top: 1em;
  height: 2.6em;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-decoration: none;
  color: #506bd9;
}
.dig-makuake-slider-article-title:visited {
  color: #506bd9;
}
@media (hover: hover) {
  .dig-makuake-slider-article-title:hover {
    color: #506bd9;
    text-decoration: none;
  }
}
.dig-makuake-slider-article-title:active {
  color: #506bd9;
}
.dig-pickup-section {
  position: relative;
  background-color: #ede0d6;
  padding: 7em 0 1.5em;
}
.dig-pickup-title-wrap {
  padding: 0 1.5em 1.75em;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.dig-pickup-title {
  position: relative;
}
.dig-pickup-title-img {
  width: clamp(133px, 35.4666666667vw, 182px);
}
.dig-pickup-icon-img {
  position: absolute;
  bottom: -4%;
  right: -40%;
  width: clamp(85px, 22.6666666667vw, 116px);
}
.dig-pickup-fukidashi {
  position: absolute;
  top: 20%;
  right: -59%;
}
.dig-pickup-fukidashi-img {
  width: clamp(83px, 22.1333333333vw, 113px);
}
.dig-pickup-fukidashi-text {
  font-size: clamp(10px, 2.6666666667vw, 14px);
  font-weight: 700;
  line-height: 1.2;
  transform: rotate(13.5deg);
  text-align: center;
  position: absolute;
  top: 18%;
  left: 11%;
}
.dig-pickup-title-text {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  letter-spacing: clamp(1px, 0.2666666667vw, 1px);
  display: flex;
  flex-direction: column;
}
.dig-pickup-title-text-parallel {
  background-color: #2ba86f;
  color: #fff;
  height: clamp(22px, 5.8666666667vw, 30px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dig-pickup-title-text-vertical {
  display: flex;
  flex-direction: row-reverse;
}
.dig-pickup-title-text-vertical-white {
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  background-color: #2ba86f;
  color: #fff;
  width: clamp(20px, 5.3333333333vw, 27px);
  height: fit-content;
  display: flex;
  align-items: center;
  padding-bottom: 0.25em;
}
.dig-pickup-title-text-vertical-green {
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  background-color: #fff;
  color: #2ba86f;
  width: clamp(23px, 6.1333333333vw, 31px);
  display: flex;
  align-items: center;
  border: 1px solid #2ba86f;
  border-top: none;
  padding: 0.75em 0;
}
.dig-pickup-right-item {
  color: #2ba86f;
  padding: 1em 0 0 1.5em;
  display: flex;
  justify-content: space-between;
  margin-bottom: -2em;
}
.dig-pickup-right-item-text {
  z-index: 2;
  width: clamp(164px, 43.7333333333vw, 224px);
}
.dig-pickup-right-item-name {
  display: block;
  font-size: clamp(17px, 4.5333333333vw, 23px);
  font-weight: 700;
  line-height: 1.25em;
  padding: clamp(4px, 1.0666666667vw, 5px) clamp(1px, 0.2666666667vw, 1px);
  background-color: #fff;
  text-decoration: none;
  color: #2ba86f;
}
.dig-pickup-right-item-name:visited {
  color: #2ba86f;
}
@media (hover: hover) {
  .dig-pickup-right-item-name:hover {
    color: #2ba86f;
    text-decoration: none;
  }
}
.dig-pickup-right-item-name:active {
  color: #2ba86f;
}
.dig-pickup-right-item-name {
  margin-bottom: 0.5em;
}
.dig-pickup-right-item-container:empty:after {
  content: 'SOLDOUT';
  color: #2ba86f;
  font-size: clamp(24px, 6.4vw, 33px);
  font-weight: 700;
}
.dig-pickup-right-item-shopname {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 500;
  margin-bottom: 0.75em;
}
.dig-pickup-right-item-price {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  font-size: clamp(19px, 5.0666666667vw, 26px);
  font-weight: 700;
}
.dig-pickup-right-button {
  width: fit-content;
  display: block;
  margin-top: 0.75em;
}
.dig-pickup-right-button:hover {
  text-decoration: none;
}
.dig-pickup-right-item-image-container {
  position: relative;
  margin: 0.5em 0 0 -1em;
}
.dig-pickup-right-item:first-child .dig-pickup-right-item-image-container {
  z-index: 1;
}
.dig-pickup-right-item-image {
  width: clamp(200px, 53.3333333333vw, 273px);
}
.dig-pickup-right-item-number {
  position: absolute;
  right: 3%;
  top: -9%;
}
.dig-pickup-left-item {
  color: #2ba86f;
  padding: 0 0 2.5em 2.5em;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: clamp(14px, 3.7333333333vw, 19px);
}
.dig-pickup-left-item-image-container {
  position: relative;
  padding-bottom: 3em;
}
.dig-pickup-left-item-image {
  width: clamp(154px, 41.0666666667vw, 210px);
}
.dig-pickup-left-item-number {
  position: absolute;
  left: -22%;
  bottom: 8%;
}
.dig-pickup-left-item-text {
  width: clamp(164px, 43.7333333333vw, 224px);
}
.dig-pickup-left-item-name {
  display: block;
  font-size: clamp(17px, 4.5333333333vw, 23px);
  font-weight: 700;
  line-height: 1.25em;
  padding: clamp(4px, 1.0666666667vw, 5px) clamp(1px, 0.2666666667vw, 1px);
  background-color: #fff;
  color: #2ba86f !important;
  margin-bottom: 0.5em;
}
.dig-pickup-left-item-name:hover {
  color: #2ba86f;
  text-decoration: none;
}
.dig-pickup-left-item-container:empty:after {
  content: 'SOLDOUT';
  color: #2ba86f;
  font-size: clamp(24px, 6.4vw, 33px);
  font-weight: 700;
}
.dig-pickup-left-item-shopname {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 500;
  margin-bottom: 0.75em;
}
.dig-pickup-left-item-price {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  font-size: clamp(19px, 5.0666666667vw, 26px);
  font-weight: 700;
}
.dig-pickup-left-button {
  width: fit-content;
  display: block;
  margin-top: 0.75em;
}
.dig-pickup-left-button:hover {
  text-decoration: none;
}
.dig-pickup-center-item {
  color: #2ba86f;
  display: flex;
  flex-direction: column;
  align-items: end;
  width: fit-content;
  padding: 1.5em 2.75em 2.5em 0;
}
.dig-pickup-center-item-image-container {
  position: relative;
}
.dig-pickup-center-item-image {
  max-width: 100%;
  width: clamp(319px, 85.0666666667vw, 436px);
}
.dig-pickup-center-item-number {
  position: absolute;
  top: -12%;
  right: -3%;
}
.dig-pickup-center-item-text {
  width: clamp(208px, 55.4666666667vw, 284px);
  height: clamp(125px, 33.3333333333vw, 171px);
  z-index: 1;
  margin-top: -0.75em;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.dig-pickup-center-item-name {
  color: #2ba86f !important;
  font-size: clamp(17px, 4.5333333333vw, 23px);
  font-weight: 700;
  line-height: 1.25em;
  padding: clamp(4px, 1.0666666667vw, 5px) clamp(1px, 0.2666666667vw, 1px);
  background-color: #fff;
  display: block;
  margin-bottom: 0.5em;
}
.dig-pickup-center-item-name:hover {
  text-decoration: none;
  color: #2ba86f;
}
.dig-pickup-center-item-container:empty:after {
  content: 'SOLDOUT';
  color: #2ba86f;
  font-size: clamp(24px, 6.4vw, 33px);
  font-weight: 700;
}
.dig-pickup-center-item-shopname {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 500;
  margin-bottom: 0.75em;
}
.dig-pickup-center-item-price {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  font-size: clamp(19px, 5.0666666667vw, 26px);
  font-weight: 700;
}
.dig-pickup-center-button {
  width: fit-content;
  display: block;
  margin-top: 0.75em;
}
.dig-pickup-center-button:hover {
  text-decoration: none;
}
.dig-alcor-section-wrapper {
  margin-top: -2em;
  z-index: 1;
  position: relative;
}
.dig-alcor-section {
  background-color: #5a89ca;
  border: 1px solid transparent;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  padding: 1.25em 1.25em 5em;
}
.dig-alcor-section-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dig-alcor-section-title-img1 {
  width: clamp(133px, 35.4666666667vw, 182px);
  height: auto;
  aspect-ratio: 133/100;
}
.dig-alcor-section-title-img2 {
  width: clamp(328px, 87.4666666667vw, 448px);
  max-width: 100%;
  height: auto;
  aspect-ratio: 328/54;
}
.dig-alcor-section-desc {
  color: #fff;
  font-size: clamp(14px, 3.7333333333vw, 19px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: clamp(24px, 6.4vw, 33px);
  font-weight: 700;
  margin-top: 1em;
}
.dig-alcor-collection-grid {
  display: flex;
  flex-direction: column;
  margin-top: 1.5em;
}
.dig-alcor-collection-grid > * + * {
  margin-top: 1em;
}
.dig-alcor-collection {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3em 1.5em 1.5em;
  background-color: #6b95cf;
  border-radius: 20px;
}
.dig-alcor-collection-image-wrapper {
  position: relative;
  width: clamp(211px, 56.2666666667vw, 288px);
  height: clamp(211px, 56.2666666667vw, 288px);
  margin: 0 auto 2em;
}
.dig-alcor-collection-image {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dig-alcor-collection-no {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(61px, 16.2666666667vw, 83px);
  height: clamp(26px, 6.9333333333vw, 35px);
  font-family: Rokkitt;
  font-weight: 900;
}
.dig-alcor-collection-no-text {
  position: relative;
  z-index: 1;
}
.dig-alcor-collection-no-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 0;
}
.dig-alcor-collection-title {
  color: #222;
  background-color: #f9b295;
  font-size: clamp(17px, 4.5333333333vw, 23px);
  margin-top: 0.5em;
  font-weight: 700;
}
.dig-alcor-collection-desc {
  color: #fff;
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-family:
    Hiragino Kaku Gothic ProN,
    HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro,
    メイリオ,
    meiryo,
    sans-serif;
  font-weight: 600;
  line-height: clamp(23px, 6.1333333333vw, 31px);
  margin-top: 0.75em;
}
.dig-alcor-button-wrap {
  margin: 1.25em auto 0;
}
.dig-alcor-button {
  color: #f9b295;
  align-items: center;
  border-radius: 100px;
  border: none;
  background-color: #4e79b4;
  padding: 1em 2em;
  transition: all 0.2s ease;
}
@media (hover: hover) {
  .dig-alcor-button:hover {
    color: #4e79b4;
    background-color: #f9b295;
  }
  .dig-alcor-button:hover .dig-alcor-button-icon {
    background-color: #4e79b4;
    color: #f9b295;
  }
}
.dig-alcor-button-icon {
  margin-left: 0.75em;
  width: clamp(20px, 5.3333333333vw, 27px);
  height: clamp(20px, 5.3333333333vw, 27px);
  padding: clamp(6px, 1.6vw, 8px);
  border-radius: 50%;
  color: #4e79b4;
  background-color: #f9b295;
  transition: all 0.2s ease;
}
.dig-alcor-collection-modal {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-alcor-collection-modal::-webkit-scrollbar {
  display: none;
}
.dig-alcor-collection-modal {
  border-top-left-radius: clamp(32px, 8.5333333333vw, 44px);
  border-top-right-radius: clamp(32px, 8.5333333333vw, 44px);
  overscroll-behavior: contain;
  max-height: 90vh;
  max-height: 90dvh;
  overflow-y: auto;
  background-color: #f9b295;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dig-alcor-collection-modal-header {
  flex-shrink: 0;
  margin-top: 2.5em;
  padding: 0 1em 1.5em;
  border-bottom: 1px solid #222;
}
.dig-alcor-collection-modal-num {
  font-family: Rokkitt;
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-weight: 900;
  margin-bottom: 0.5em;
  text-align: center;
}
.dig-alcor-collection-modal-title {
  font-size: clamp(18px, 4.8vw, 25px);
  font-weight: 700;
  text-align: center;
}
.dig-alcor-collection-modal-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-alcor-collection-modal-container::-webkit-scrollbar {
  display: none;
}
.dig-alcor-collection-modal-container {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: clamp(16px, 4.2666666667vw, 22px);
  padding: 1.5em 1em;
}
.dig-alcor-collection-modal-item {
  display: flex;
  flex-direction: row;
  background-color: #ffc0a7;
  border-radius: 20px;
  padding: 1.5em 1em;
  gap: clamp(16px, 4.2666666667vw, 22px);
}
.dig-alcor-collection-modal-item-image-link {
  height: fit-content;
}
.dig-alcor-collection-modal-item-image {
  width: clamp(120px, 32vw, 164px);
  aspect-ratio: 1/1;
  object-fit: contain;
}
.dig-alcor-collection-modal-item-name {
  background-color: #fff;
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  margin-top: 0;
  text-decoration: none;
  color: #222;
}
.dig-alcor-collection-modal-item-name:visited {
  color: #222;
}
@media (hover: hover) {
  .dig-alcor-collection-modal-item-name:hover {
    color: #222;
    text-decoration: none;
  }
}
.dig-alcor-collection-modal-item-name:active {
  color: #222;
}
.dig-alcor-collection-modal-item-shop {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 500;
  color: #222;
  margin-top: 0.75em;
}
.dig-alcor-collection-modal-item-desc {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 500;
  color: #222;
  margin-top: 0.5em;
}
.dig-alcor-collection-modal-item-price {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-weight: 700;
  color: #222 !important;
  margin-top: 0.25em;
  line-height: 1;
}
.dig-alcor-collection-modal-item-price:hover {
  text-decoration: none;
}
.dig-alcor-collection-modal-item-btn {
  width: fit-content;
  margin-top: 1em;
}
.dig-alcor-collection-modal-body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-alcor-collection-modal-body::-webkit-scrollbar {
  display: none;
}
.dig-alcor-collection-modal-body {
  flex: 1;
  overflow: auto;
  min-height: 0;
  overscroll-behavior: contain;
  padding-bottom: clamp(40px, 10.6666666667vw, 55px);
}
.dig-hot-topic-story-chapter-title-wrap {
  padding: 2.5em 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #222;
  background-color: #fff;
}
.dig-hot-topic-story-chapter-number {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  line-height: 1;
  background-color: #f7c600;
}
.dig-hot-topic-story-chapter-title {
  font-size: clamp(19px, 5.0666666667vw, 26px);
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0.5em;
  text-align: center;
}
.dig-hot-topic-story-chapter-text {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-family:
    Hiragino Kaku Gothic ProN,
    HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro,
    メイリオ,
    meiryo,
    sans-serif;
  font-weight: 500;
  line-height: 1.65;
  padding: 2.75em 2em;
  background-color: #fff;
}
.dig-hot-topic-story-chapter-image {
  width: 100%;
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
}
.dig-hot-topic-story-list {
  position: relative;
}
.dig-hot-topic-story-list:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: clamp(4px, 1.0666666667vw, 5px);
  background: repeating-linear-gradient(
    to bottom,
    #1ad4ff,
    #1ad4ff 100px,
    #fb2a79 100px,
    #fb2a79 200px,
    #ffe600 200px,
    #ffe600 300px,
    #bbf117 300px,
    #bbf117 400px
  );
}
.dig-hot-topic-story-developer-title {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  padding: 1.5em 0;
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  text-align: center;
  background-color: #fff;
}
.dig-hot-topic-story-developer {
  font-size: clamp(13px, 3.4666666667vw, 18px);
  font-family:
    Hiragino Kaku Gothic ProN,
    HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro,
    メイリオ,
    meiryo,
    sans-serif;
  font-weight: 500;
  line-height: clamp(21px, 5.6vw, 29px);
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 2.1333333333vw, 11px);
  padding: 2em 1.25em;
  border-top: solid 1px #222;
  background-color: #fff;
}
.dig-hot-topic-story-developer-name {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-family: Zen Kaku Gothic Antique;
  font-weight: 700;
  line-height: 1;
}
.dig-hot-topic-story-chapter-logo {
  overflow: hidden;
  padding: 2em 0;
  background-color: #e3e3e3;
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  will-change: transform;
}
.dig-hot-topic-story-chapter-logo-wrapper {
  display: inline-flex;
  width: max-content;
  min-width: max-content;
  flex-wrap: nowrap;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  .dig-hot-topic-story-chapter-logo-wrapper {
    animation: hot-topic-story-chapter-logo-marquee 20s linear infinite;
  }
}
.dig-hot-topic-story-chapter-logo-track {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  align-items: center;
  gap: clamp(10px, 2.6666666667vw, 14px);
  padding-right: clamp(10px, 2.6666666667vw, 14px);
}
.dig-hot-topic-story-chapter-logo-img {
  display: block;
  flex: 0 0 auto;
  width: clamp(134px, 35.7333333333vw, 183px);
  height: auto;
  aspect-ratio: 134/13;
  max-width: none;
}
@keyframes hot-topic-story-chapter-logo-marquee {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
.dig-hot-topic-story {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-hot-topic-story::-webkit-scrollbar {
  display: none;
}
.dig-hot-topic-story {
  border-top-left-radius: clamp(32px, 8.5333333333vw, 44px);
  border-top-right-radius: clamp(32px, 8.5333333333vw, 44px);
  overscroll-behavior: contain;
  max-height: 90vh;
  max-height: 90dvh;
  overflow-y: auto;
  background-color: #e3e3e3;
  padding-bottom: 5em;
}
.dig-hot-topic-story-intro {
  padding: 2em 1.5em 1.5em;
}
.dig-hot-topic-story-title-wrap {
  position: relative;
  width: 100%;
  height: fit-content;
}
.dig-hot-topic-story-title {
  width: clamp(136px, 36.2666666667vw, 186px);
}
.dig-hot-topic-story-vol {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  background-color: #fff;
  border: 0.8px solid #222;
  border-radius: 25.6px;
  padding: 0.25em 1.25em;
  position: absolute;
  left: clamp(86px, 22.9333333333vw, 117px);
  bottom: -17%;
}
.dig-hot-topic-story-number {
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  background-color: #fff;
  border: 0.8px solid #222;
  border-radius: 25.6px;
  padding: 0.25em 0.75em;
  position: absolute;
  left: clamp(131px, 34.9333333333vw, 179px);
  bottom: -26%;
}
.dig-hot-topic-story-intro-item {
  position: relative;
  margin-top: 2.25em;
  padding: 0 0.75em 0 0.25em;
}
.dig-hot-topic-story-intro-item-img {
  width: 100%;
  display: block;
}
.dig-hot-topic-story-subtitle-wrap {
  display: flex;
  flex-direction: row-reverse;
  transform: rotate(6deg);
  position: absolute;
  top: -58%;
  right: 3%;
}
.dig-hot-topic-story-subtitle {
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  background-color: #fff;
  font-size: clamp(17px, 4.5333333333vw, 23px);
  font-weight: 700;
  height: fit-content;
  letter-spacing: clamp(2px, 0.5333333333vw, 3px);
}
.dig-hot-topic-story-intro-text {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-family:
    Hiragino Kaku Gothic ProN,
    HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro,
    メイリオ,
    meiryo,
    sans-serif;
  font-weight: 600;
  line-height: clamp(28px, 7.4666666667vw, 38px);
  margin-top: 2em;
}
.dig-hot-topic-story-button {
  width: clamp(200px, 53.3333333333vw, 273px);
  margin: 2em auto 0;
}
.dig-hot-topic-story-button:hover {
  text-decoration: none;
}
.dig-world-wrapper {
  padding-bottom: 6em;
}
.dig-world {
  width: 100%;
  height: 120vw;
  max-height: 80vh;
  position: relative;
  overflow: visible;
}
.dig-world canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dig-world-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2em;
}
.dig-world-title svg {
  width: 75%;
  height: auto;
  aspect-ratio: 342/89;
}
.dig-world-desc {
  color: #222;
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  line-height: 1.75em;
  padding-left: 2em;
  padding-right: 2em;
  text-align: center;
  padding-bottom: 2em;
}
.dig-world-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #222;
  font-weight: 700;
  font-size: 0.75em;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.dig-world-loading.is-hidden {
  opacity: 0;
}
.dig-world-modal-container {
  width: 100%;
}
.dig-world-modal {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-world-modal::-webkit-scrollbar {
  display: none;
}
.dig-world-modal {
  border-top-left-radius: clamp(32px, 8.5333333333vw, 44px);
  border-top-right-radius: clamp(32px, 8.5333333333vw, 44px);
  overscroll-behavior: contain;
  max-height: 90vh;
  max-height: 90dvh;
  overflow-y: auto;
  transition:
    background-color 0.2s ease-in-out,
    background-image 0.2s ease-in-out;
  width: 100%;
  padding-top: clamp(55px, 14.6666666667vw, 75px);
  padding-bottom: clamp(30px, 8vw, 41px);
}
.dig-world-modal:has(.ecm-slider-slide-active[data-category='food']) {
  background-color: #d5ede6;
  background-image:
    linear-gradient(
      to right,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #b8ded3 clamp(5.5px, 1.4666666667vw, 8px),
      #b8ded3 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    ),
    linear-gradient(
      to bottom,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #b8ded3 clamp(5.5px, 1.4666666667vw, 8px),
      #b8ded3 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    );
  background-size: clamp(12px, 3.2vw, 16px) clamp(12px, 3.2vw, 16px);
}
.dig-world-modal:has(.ecm-slider-slide-active[data-category='hobby']) {
  background-color: #1f4e82;
  background-image:
    linear-gradient(
      to right,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #376496 clamp(5.5px, 1.4666666667vw, 8px),
      #376496 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    ),
    linear-gradient(
      to bottom,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #376496 clamp(5.5px, 1.4666666667vw, 8px),
      #376496 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    );
  background-size: clamp(12px, 3.2vw, 16px) clamp(12px, 3.2vw, 16px);
}
.dig-world-modal:has(.ecm-slider-slide-active[data-category='stationery']) {
  background-color: #e9ce59;
  background-image:
    linear-gradient(
      to right,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #ddc144 clamp(5.5px, 1.4666666667vw, 8px),
      #ddc144 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    ),
    linear-gradient(
      to bottom,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #ddc144 clamp(5.5px, 1.4666666667vw, 8px),
      #ddc144 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    );
  background-size: clamp(12px, 3.2vw, 16px) clamp(12px, 3.2vw, 16px);
}
.dig-world-modal:has(.ecm-slider-slide-active[data-category='relax']) {
  background-color: #ffdede;
  background-image:
    linear-gradient(
      to right,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #f4c9c9 clamp(5.5px, 1.4666666667vw, 8px),
      #f4c9c9 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    ),
    linear-gradient(
      to bottom,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #f4c9c9 clamp(5.5px, 1.4666666667vw, 8px),
      #f4c9c9 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    );
  background-size: clamp(12px, 3.2vw, 16px) clamp(12px, 3.2vw, 16px);
}
.dig-world-modal:has(.ecm-slider-slide-active[data-category='interior']) {
  background-color: #f97755;
  background-image:
    linear-gradient(
      to right,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #e85e3a clamp(5.5px, 1.4666666667vw, 8px),
      #e85e3a clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    ),
    linear-gradient(
      to bottom,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #e85e3a clamp(5.5px, 1.4666666667vw, 8px),
      #e85e3a clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    );
  background-size: clamp(12px, 3.2vw, 16px) clamp(12px, 3.2vw, 16px);
}
.dig-world-modal:has(.ecm-slider-slide-active[data-category='gadget']) {
  background-color: #eeeeec;
  background-image:
    linear-gradient(
      to right,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #ffdac9 clamp(5.5px, 1.4666666667vw, 8px),
      #ffdac9 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    ),
    linear-gradient(
      to bottom,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #ffdac9 clamp(5.5px, 1.4666666667vw, 8px),
      #ffdac9 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    );
  background-size: clamp(12px, 3.2vw, 16px) clamp(12px, 3.2vw, 16px);
}
.dig-world-modal:has(.ecm-slider-slide-active[data-category='fashion']) {
  background-color: #ac3d69;
  background-image:
    linear-gradient(
      to right,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #c05881 clamp(5.5px, 1.4666666667vw, 8px),
      #c05881 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    ),
    linear-gradient(
      to bottom,
      transparent clamp(5.5px, 1.4666666667vw, 8px),
      #c05881 clamp(5.5px, 1.4666666667vw, 8px),
      #c05881 clamp(6.5px, 1.7333333333vw, 9px),
      transparent clamp(6.5px, 1.7333333333vw, 9px)
    );
  background-size: clamp(12px, 3.2vw, 16px) clamp(12px, 3.2vw, 16px);
}
.dig-world-modal-nav-slide {
  width: clamp(150px, 40vw, 205px);
  height: clamp(40px, 10.6666666667vw, 55px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dig-world-modal-nav-pill {
  width: clamp(130px, 34.6666666667vw, 177px);
  height: clamp(32px, 8.5333333333vw, 44px);
  border-radius: 100vw;
  font-size: clamp(12px, 3.2vw, 16px);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #222;
  color: #222;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  font-weight: 700;
  background-color: transparent;
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='food'])
  .ecm-slider-slide:not(.ecm-slider-slide-active)
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #222;
  background-color: transparent;
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='food'])
  .ecm-slider-slide.ecm-slider-slide-active
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #fff8f3;
  background-color: #cc3c10;
  width: clamp(150px, 40vw, 205px);
  height: clamp(40px, 10.6666666667vw, 55px);
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='hobby'])
  .ecm-slider-slide:not(.ecm-slider-slide-active)
  .dig-world-modal-nav-pill {
  border-color: #fff8f3;
  color: #fff8f3;
  background-color: transparent;
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='hobby'])
  .ecm-slider-slide.ecm-slider-slide-active
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #222;
  background-color: #ffcdcd;
  width: clamp(150px, 40vw, 205px);
  height: clamp(40px, 10.6666666667vw, 55px);
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='stationery'])
  .ecm-slider-slide:not(.ecm-slider-slide-active)
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #222;
  background-color: transparent;
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='stationery'])
  .ecm-slider-slide.ecm-slider-slide-active
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #fff8f3;
  background-color: #2f7355;
  width: clamp(150px, 40vw, 205px);
  height: clamp(40px, 10.6666666667vw, 55px);
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='relax'])
  .ecm-slider-slide:not(.ecm-slider-slide-active)
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #222;
  background-color: transparent;
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='relax'])
  .ecm-slider-slide.ecm-slider-slide-active
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #fff8f3;
  background-color: #409da2;
  width: clamp(150px, 40vw, 205px);
  height: clamp(40px, 10.6666666667vw, 55px);
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='interior'])
  .ecm-slider-slide:not(.ecm-slider-slide-active)
  .dig-world-modal-nav-pill {
  border-color: #fff8f3;
  color: #fff8f3;
  background-color: transparent;
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='interior'])
  .ecm-slider-slide.ecm-slider-slide-active
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #222;
  background-color: #fff9f9;
  width: clamp(150px, 40vw, 205px);
  height: clamp(40px, 10.6666666667vw, 55px);
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='gadget'])
  .ecm-slider-slide:not(.ecm-slider-slide-active)
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #222;
  background-color: transparent;
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='gadget'])
  .ecm-slider-slide.ecm-slider-slide-active
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #fff8f3;
  background-color: #386fc9;
  width: clamp(150px, 40vw, 205px);
  height: clamp(40px, 10.6666666667vw, 55px);
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='fashion'])
  .ecm-slider-slide:not(.ecm-slider-slide-active)
  .dig-world-modal-nav-pill {
  border-color: #fff8f3;
  color: #fff8f3;
  background-color: transparent;
}
.dig-world-modal-nav:has(.ecm-slider-slide-active[data-category='fashion'])
  .ecm-slider-slide.ecm-slider-slide-active
  .dig-world-modal-nav-pill {
  border-color: #222;
  color: #222;
  background-color: #cff8d9;
  width: clamp(150px, 40vw, 205px);
  height: clamp(40px, 10.6666666667vw, 55px);
}
.dig-world-modal-heading {
  position: relative;
}
.dig-world-modal-character-img {
  display: block;
  position: absolute;
  top: 2.8571428571%;
  left: 50%;
  width: 24%;
  height: 70.8571428571%;
  margin-left: -11.2%;
  z-index: 3;
  transform: translateY(0);
}
.dig-world-modal-character-img.is-bouncing {
  transform: translateY(-50%);
  transition: transform 1s
    linear(
      0.9968 0%,
      0.9775 3.2%,
      0.9236 6.17%,
      0.8419 8.89%,
      0.7394 11.36%,
      0.623 13.58%,
      0.4996 15.54%,
      0.3763 17.23%,
      0.2598 18.66%,
      0.1571 19.81%,
      0.0752 20.69%,
      0.021 21.28%,
      0.0014 21.58%,
      0.0098 21.69%,
      0.0331 21.96%,
      0.0682 22.38%,
      0.1122 22.95%,
      0.1621 23.68%,
      0.215 24.55%,
      0.2678 25.57%,
      0.3177 26.72%,
      0.3616 28.01%,
      0.3966 29.44%,
      0.4196 31%,
      0.4278 32.69%,
      0.4193 34.39%,
      0.3963 35.99%,
      0.3616 37.48%,
      0.3183 38.87%,
      0.2691 40.14%,
      0.217 41.29%,
      0.165 42.33%,
      0.1158 43.23%,
      0.0725 44.01%,
      0.0379 44.65%,
      0.0149 45.15%,
      0.0064 45.51%,
      0.0093 45.83%,
      0.0176 46.2%,
      0.0303 46.62%,
      0.0463 47.11%,
      0.0645 47.67%,
      0.0838 48.31%,
      0.1031 49.02%,
      0.1215 49.81%,
      0.1377 50.69%,
      0.1507 51.66%,
      0.1594 52.73%,
      0.1628 53.9%,
      0.16 55.09%,
      0.1516 56.2%,
      0.1387 57.22%,
      0.1225 58.17%,
      0.104 59.04%,
      0.0844 59.82%,
      0.0648 60.51%,
      0.0462 61.12%,
      0.0298 61.64%,
      0.0166 62.07%,
      0.0079 62.4%,
      0.0046 62.64%,
      0.006 62.83%,
      0.01 63.03%,
      0.0161 63.24%,
      0.0238 63.48%,
      0.0326 63.76%,
      0.0419 64.09%,
      0.0512 64.48%,
      0.06 64.95%,
      0.0678 65.52%,
      0.074 66.18%,
      0.0781 66.95%,
      0.0796 67.86%,
      0.0783 68.77%,
      0.0744 69.56%,
      0.0685 70.26%,
      0.0611 70.85%,
      0.0526 71.37%,
      0.0436 71.81%,
      0.0345 72.19%,
      0.0259 72.52%,
      0.0182 72.8%,
      0.0118 73.06%,
      0.0074 73.28%,
      0.0054 73.5%,
      0.0055 73.72%,
      0.0071 73.95%,
      0.0099 74.2%,
      0.0136 74.47%,
      0.0179 74.77%,
      0.0225 75.11%,
      0.0272 75.48%,
      0.0317 75.89%,
      0.0357 76.35%,
      0.0389 76.87%,
      0.041 77.44%,
      0.0418 78.07%,
      0.041 78.69%,
      0.039 79.24%,
      0.0359 79.71%,
      0.032 80.13%,
      0.0275 80.5%,
      0.0228 80.84%,
      0.0182 81.14%,
      0.0137 81.43%,
      0.0098 81.72%,
      0.0067 82.01%,
      0.0047 82.31%,
      0.0039 82.64%,
      0.0043 82.97%,
      0.0053 83.26%,
      0.0069 83.53%,
      0.0088 83.78%,
      0.011 84.03%,
      0.0134 84.29%,
      0.0157 84.57%,
      0.018 84.88%,
      0.02 85.23%,
      0.0216 85.64%,
      0.0227 86.1%,
      0.0232 86.64%,
      0.023 87.18%,
      0.0221 87.65%,
      0.0206 88.05%,
      0.0187 88.38%,
      0.0164 88.66%,
      0.014 88.89%,
      0.0116 89.07%,
      0.0092 89.22%,
      0.0071 89.34%,
      0.0053 89.43%,
      0.004 89.51%,
      0.0032 89.57%,
      0.0028 89.83%,
      0.0024 90.43%,
      0.0019 91.3%,
      0.0015 92.38%,
      0.0011 93.59%,
      0.0007 94.87%,
      0.0003 96.15%,
      0 97.35%,
      0 100%
    );
  pointer-events: none;
}
.dig-world-modal-shadow-img {
  display: block;
  position: absolute;
  width: 17.8666666667%;
  height: 11.4285714286%;
  top: 65.7142857143%;
  left: 50%;
  margin-left: -9.6%;
  z-index: 2;
}
.dig-world-modal-banner-img {
  display: block;
  width: 100%;
  aspect-ratio: 2.1428571429;
  margin: 4px 0 2px;
  z-index: 1;
}
.dig-world-modal-heading-subtitle {
  display: block;
  position: absolute;
  bottom: clamp(16px, 4.2666666667vw, 22px);
  text-align: center;
  width: 100%;
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  line-height: clamp(20px, 5.3333333333vw, 27px);
  z-index: 2;
}
.dig-world-modal-bubble-container {
  display: block;
  position: relative;
  width: clamp(234px, 62.4vw, 319px);
  margin: clamp(-22px, -4.2666666667vw, -16px) auto clamp(-29px, -5.6vw, -21px);
  z-index: 2;
}
.dig-world-modal-bubble-text {
  position: absolute;
  display: flex;
  align-items: center;
  top: clamp(10px, 2.6666666667vw, 14px);
  left: 0;
  right: 0;
  bottom: 0;
  padding: clamp(6px, 1.6vw, 8px) clamp(16px, 4.2666666667vw, 22px);
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  line-height: clamp(18px, 4.8vw, 25px);
  text-align: justify;
  text-justify: inter-character;
}
.dig-world-modal-bubble {
  display: block;
  width: 100%;
  height: auto;
}
.dig-world-modal-bubble-background {
  fill: #fff8f3;
}
.dig-world-modal-cards-item {
  display: block;
  width: clamp(311px, 82.9333333333vw, 425px);
  max-width: calc(100vw - 64px);
  padding: 0 clamp(8px, 2.1333333333vw, 11px) clamp(6px, 1.6vw, 8px);
}
.dig-world-modal-cards-nav {
  position: absolute;
  height: 0;
  width: clamp(295px, 78.6666666667vw, 403px);
  max-width: calc(100vw - 64px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, clamp(-11px, -2.1333333333vw, -8px));
  z-index: 1;
}
.dig-world-modal-cards-nav-button {
  display: flex !important;
  opacity: 1 !important;
  position: absolute;
  width: clamp(26px, 6.9333333333vw, 35px);
  height: clamp(26px, 6.9333333333vw, 35px);
  margin-top: 0 !important;
  border-radius: 50%;
  background-color: #222 !important;
  box-shadow: none !important;
}
.dig-world-modal-cards-nav-button.dig-world-modal-cards-prev {
  left: 0;
  margin-left: clamp(-18px, -3.4666666667vw, -13px);
}
.dig-world-modal-cards-nav-button.dig-world-modal-cards-next {
  right: 0;
  margin-right: clamp(-18px, -3.4666666667vw, -13px);
}
.dig-world-modal-cards-nav-button.dig-world-modal-cards-next
  .dig-world-modal-cards-arrow {
  rotate: 180deg;
}
.dig-world-modal-cards-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: clamp(30px, 8vw, 41px) clamp(32px, 8.5333333333vw, 44px)
    clamp(16px, 4.2666666667vw, 22px);
  border-radius: 20px;
  box-shadow: 0 clamp(6px, 1.6vw, 8px) 0 0 #222;
  text-decoration: none;
  transform: scale(0.85);
  transition:
    transform-origin 0.2s ease-in-out,
    transform 0.2s ease-in-out;
  transform-origin: center;
}
@media (hover: hover) {
  .dig-world-modal-cards-item-inner:hover {
    text-decoration: none;
  }
}
.dig-world-modal-cards {
  margin-bottom: clamp(24px, 6.4vw, 33px);
}
.dig-world-modal-cards
  .ecm-slider-slide:has(~ .ecm-slider-slide-active)
  .dig-world-modal-cards-item-inner {
  transform-origin: right center;
}
.dig-world-modal-cards
  .ecm-slider-slide-active
  ~ .ecm-slider-slide
  .dig-world-modal-cards-item-inner {
  transform-origin: left center;
}
.ecm-slider-slide-active .dig-world-modal-cards-item-inner {
  transform: scale(1);
  transform-origin: center;
}
.dig-world-modal-cards-item-img {
  display: block;
  width: 100%;
  max-width: inherit;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
}
.dig-world-modal-cards-item-title {
  width: 100%;
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  margin: clamp(12px, 3.2vw, 16px) 0 clamp(8px, 2.1333333333vw, 11px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dig-world-modal-cards-item-price {
  font-weight: 700;
  font-size: clamp(18px, 4.8vw, 25px);
  line-height: clamp(20px, 5.3333333333vw, 27px);
}
.dig-world-modal-cards-pagination {
  column-gap: clamp(10px, 2.6666666667vw, 14px);
  position: absolute;
  top: 100%;
  width: 100%;
}
.dig-world-modal-cards-pagination .ecm-slider-pagination-bullet {
  width: clamp(8px, 2.1333333333vw, 11px);
  height: clamp(8px, 2.1333333333vw, 11px);
  box-sizing: border-box;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid;
  margin: 0 !important;
}
.dig-world-modal-category[data-category='food']
  .dig-world-modal-heading-subtitle,
.dig-world-modal-category[data-category='food'] .dig-world-modal-bubble-text {
  color: #cc3c10;
}
.dig-world-modal-category[data-category='food']
  .dig-world-modal-bubble-outline {
  fill: #cc3c10;
}
.dig-world-modal-category[data-category='food']
  .dig-world-modal-cards-item-inner {
  background-color: #cc3c10;
  color: #fff8f3;
}
.dig-world-modal-category[data-category='food'] .ecm-slider-pagination-bullet {
  border-color: #cc3c10;
}
.dig-world-modal-category[data-category='food']
  .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active {
  background-color: #cc3c10;
}
.dig-world-modal-category[data-category='hobby']
  .dig-world-modal-heading-subtitle {
  color: #ffcdcd;
}
.dig-world-modal-category[data-category='hobby'] .dig-world-modal-bubble-text {
  color: #222;
}
.dig-world-modal-category[data-category='hobby']
  .dig-world-modal-bubble-outline {
  fill: #ffcdcd;
}
.dig-world-modal-category[data-category='hobby']
  .dig-world-modal-cards-item-inner {
  background-color: #ffcdcd;
  color: #222;
}
.dig-world-modal-category[data-category='hobby'] .ecm-slider-pagination-bullet {
  border-color: #ffcdcd;
}
.dig-world-modal-category[data-category='hobby']
  .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active {
  background-color: #ffcdcd;
}
.dig-world-modal-category[data-category='stationery']
  .dig-world-modal-heading-subtitle,
.dig-world-modal-category[data-category='stationery']
  .dig-world-modal-bubble-text {
  color: #2f7355;
}
.dig-world-modal-category[data-category='stationery']
  .dig-world-modal-bubble-outline {
  fill: #2f7355;
}
.dig-world-modal-category[data-category='stationery']
  .dig-world-modal-cards-item-inner {
  background-color: #2f7355;
  color: #fff8f3;
}
.dig-world-modal-category[data-category='stationery']
  .ecm-slider-pagination-bullet {
  border-color: #2f7355;
}
.dig-world-modal-category[data-category='stationery']
  .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active {
  background-color: #2f7355;
}
.dig-world-modal-category[data-category='relax']
  .dig-world-modal-heading-subtitle,
.dig-world-modal-category[data-category='relax'] .dig-world-modal-bubble-text {
  color: #409da2;
}
.dig-world-modal-category[data-category='relax']
  .dig-world-modal-bubble-outline {
  fill: #409da2;
}
.dig-world-modal-category[data-category='relax']
  .dig-world-modal-cards-item-inner {
  background-color: #409da2;
  color: #fff8f3;
}
.dig-world-modal-category[data-category='relax'] .ecm-slider-pagination-bullet {
  border-color: #409da2;
}
.dig-world-modal-category[data-category='relax']
  .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active {
  background-color: #409da2;
}
.dig-world-modal-category[data-category='interior']
  .dig-world-modal-heading-subtitle {
  color: #fff9f9;
}
.dig-world-modal-category[data-category='interior']
  .dig-world-modal-bubble-text {
  color: #222;
}
.dig-world-modal-category[data-category='interior']
  .dig-world-modal-bubble-outline {
  fill: #222;
}
.dig-world-modal-category[data-category='interior']
  .dig-world-modal-cards-item-inner {
  background-color: #fff9f9;
  color: #222;
}
.dig-world-modal-category[data-category='interior']
  .ecm-slider-pagination-bullet {
  border-color: #fff9f9;
}
.dig-world-modal-category[data-category='interior']
  .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active {
  background-color: #fff9f9;
}
.dig-world-modal-category[data-category='gadget']
  .dig-world-modal-heading-subtitle,
.dig-world-modal-category[data-category='gadget'] .dig-world-modal-bubble-text {
  color: #386fc9;
}
.dig-world-modal-category[data-category='gadget']
  .dig-world-modal-bubble-outline {
  fill: #386fc9;
}
.dig-world-modal-category[data-category='gadget']
  .dig-world-modal-cards-item-inner {
  background-color: #386fc9;
  color: #fff8f3;
}
.dig-world-modal-category[data-category='gadget']
  .ecm-slider-pagination-bullet {
  border-color: #386fc9;
}
.dig-world-modal-category[data-category='gadget']
  .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active {
  background-color: #386fc9;
}
.dig-world-modal-category[data-category='fashion']
  .dig-world-modal-heading-subtitle {
  color: #cff8d9;
}
.dig-world-modal-category[data-category='fashion']
  .dig-world-modal-bubble-text {
  color: #222;
}
.dig-world-modal-category[data-category='fashion']
  .dig-world-modal-bubble-outline {
  fill: #cff8d9;
}
.dig-world-modal-category[data-category='fashion']
  .dig-world-modal-cards-item-inner {
  background-color: #cff8d9;
  color: #222;
}
.dig-world-modal-category[data-category='fashion']
  .ecm-slider-pagination-bullet {
  border-color: #cff8d9;
}
.dig-world-modal-category[data-category='fashion']
  .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active {
  background-color: #cff8d9;
}
.dig-about-item {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #ff6735;
}
.dig-about-item:visited {
  color: #ff6735;
}
@media (hover: hover) {
  .dig-about-item:hover {
    color: #ff6735;
    text-decoration: none;
  }
}
.dig-about-item:active {
  color: #ff6735;
}
.dig-about-item-image-wrap {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
  width: 100%;
  height: clamp(130px, 34.6666666667vw, 177px);
  padding: 0 1em 1em;
}
.dig-about-item-image {
  z-index: 1;
  display: block;
  max-height: 100%;
  width: 100%;
  object-fit: contain;
}
.dig-about-item-image-bg {
  background-color: #fff174;
  width: 100%;
  height: 83%;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
}
.dig-about-item-name {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  margin-top: 0.75em;
  text-align: center;
}
.dig-about-item-title {
  font-size: clamp(18px, 4.8vw, 25px);
  font-weight: 600;
  color: #ff6735;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(5px, 1.3333333333vw, 7px);
  margin-bottom: 0.25em;
}
.dig-about-item-title-icon {
  width: clamp(57px, 15.2vw, 78px);
  height: clamp(37px, 9.8666666667vw, 51px);
  border-radius: 50%;
  border: solid 1px #ff6735;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dig-about-item-title-icon-img {
  width: clamp(26px, 6.9333333333vw, 35px);
  height: auto;
}
.dig-about-item-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(7px, 1.8666666667vw, 10px);
  margin-bottom: 3.5em;
  padding: 0 1em;
}
.dig-about-modal {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-about-modal::-webkit-scrollbar {
  display: none;
}
.dig-about-modal {
  border-top-left-radius: clamp(32px, 8.5333333333vw, 44px);
  border-top-right-radius: clamp(32px, 8.5333333333vw, 44px);
  overscroll-behavior: contain;
  max-height: 90vh;
  max-height: 90dvh;
  overflow-y: auto;
  background-color: #fff8f3;
  padding-bottom: 5em;
}
.dig-about-illustration {
  width: 100%;
  padding-top: 0.75em;
}
.dig-about-logo {
  display: block;
  margin: 0 auto 1.5em;
  width: clamp(209px, 55.7333333333vw, 285px);
}
.dig-about-headline {
  color: #ff6735;
  text-align: center;
  font-size: clamp(18px, 4.8vw, 25px);
  font-weight: 700;
}
.dig-about-description {
  color: #ff6735;
  text-align: center;
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-family:
    Hiragino Kaku Gothic ProN,
    HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro,
    メイリオ,
    meiryo,
    sans-serif;
  font-weight: 600;
  padding: 0 3.25em;
  line-height: 2;
  margin-bottom: 3.25em;
}
.dig-about-summary {
  color: #ff6735;
  text-align: center;
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-family:
    Hiragino Kaku Gothic ProN,
    HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro,
    メイリオ,
    meiryo,
    sans-serif;
  font-weight: 600;
  line-height: 2;
  padding: 0 4em;
  margin-bottom: 1.25em;
}
.dig-about-button {
  width: clamp(200px, 53.3333333333vw, 273px);
  margin: 0 auto;
  color: #ff6735;
  border-color: #ff6735;
}
.dig-about-button:hover {
  background-color: #ff6735;
  color: #fff8f3;
}
.dig-hot-topic-relax-card {
  background-color: #f2d9ba;
  border-radius: 24px;
  border: 1px solid #222;
  padding: 1.5em 1em;
  margin-top: 2.5em;
}
.dig-hot-topic-relax-card-title {
  font-size: clamp(18px, 4.8vw, 25px);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1em;
}
.dig-hot-topic-relax-card-content {
  display: flex;
  gap: clamp(12px, 3.2vw, 16px);
}
.dig-hot-topic-relax-card-image {
  width: clamp(152px, 40.5333333333vw, 208px);
  height: clamp(152px, 40.5333333333vw, 208px);
  flex-shrink: 0;
}
.dig-hot-topic-relax-card-type {
  text-decoration: none;
  color: #222;
}
.dig-hot-topic-relax-card-type:visited {
  color: #222;
}
@media (hover: hover) {
  .dig-hot-topic-relax-card-type:hover {
    color: #222;
    text-decoration: none;
  }
}
.dig-hot-topic-relax-card-type:active {
  color: #222;
}
.dig-hot-topic-relax-card-type {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  display: inline-block;
  background-color: #fff8f3;
  padding: 0.25em 0;
}
.dig-hot-topic-relax-card-name {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 500;
  text-decoration: none;
  color: #222;
}
.dig-hot-topic-relax-card-name:visited {
  color: #222;
}
@media (hover: hover) {
  .dig-hot-topic-relax-card-name:hover {
    color: #222;
    text-decoration: none;
  }
}
.dig-hot-topic-relax-card-name:active {
  color: #222;
}
.dig-hot-topic-relax-card-name {
  display: block;
  width: fit-content;
  padding-top: 0.5em;
}
.dig-hot-topic-relax-card-comment {
  position: relative;
  display: inline-block;
  color: #222;
  background: #fff8f3;
  border-radius: 10px;
  border: solid 1px #222;
  box-sizing: border-box;
  font-size: clamp(11px, 2.9333333333vw, 15px);
  font-weight: 700;
  padding: 0.75em;
  margin: 1.5em -3em 0 0;
}
.dig-hot-topic-relax-card-comment:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 15%;
  margin-left: -10px;
  border: 4px solid transparent;
  border-bottom: 7px solid #fff8f3;
  z-index: 2;
}
.dig-hot-topic-relax-card-comment:after {
  content: '';
  position: absolute;
  top: -13px;
  left: 15%;
  margin-left: -11px;
  border: 5px solid transparent;
  border-bottom: 8px solid #222;
  z-index: 1;
}
.dig-hot-topic-relax-item-desc {
  padding: 0 1em;
}
.dig-hot-topic-relax-item-desc-text {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-family:
    Hiragino Kaku Gothic ProN,
    HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro,
    メイリオ,
    meiryo,
    sans-serif;
  font-weight: 600;
  line-height: clamp(29px, 7.7333333333vw, 40px);
  color: #fff8f3;
  margin: 1.25em 0;
}
.dig-hot-topic-relax-item-desc-img {
  width: 100%;
}
.dig-hot-topic-relax-item-button {
  width: clamp(200px, 53.3333333333vw, 273px);
  margin: 0 auto;
}
.dig-hot-topic-relax-item-button:hover {
  text-decoration: none;
}
.dig-hot-topic-relax-list {
  padding: 0 1.5em;
}
.dig-hot-topic-relax-subtitle {
  font-size: clamp(21px, 5.6vw, 29px);
  font-weight: 700;
  color: #fff8f3;
  margin-bottom: 0.75em;
}
.dig-hot-topic-relax-text {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-family:
    Hiragino Kaku Gothic ProN,
    HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro,
    メイリオ,
    meiryo,
    sans-serif;
  font-weight: 600;
  line-height: clamp(29px, 7.7333333333vw, 40px);
  color: #fff8f3;
}
.dig-hot-topic-relax-slider {
  overflow: hidden;
  margin: 2em 0;
}
.dig-hot-topic-relax-slider-wrapper {
  display: flex;
  width: fit-content;
  will-change: transform;
}
@media (prefers-reduced-motion: no-preference) {
  .dig-hot-topic-relax-slider-wrapper {
    animation: hot-topic-relax-slider-marquee 25s linear infinite;
  }
}
.dig-hot-topic-relax-slider-track {
  display: flex;
  flex-shrink: 0;
}
.dig-hot-topic-relax-slider-item {
  flex-shrink: 0;
  width: clamp(88px, 23.4666666667vw, 120px);
  margin-right: clamp(16px, 4.2666666667vw, 22px);
}
@keyframes hot-topic-relax-slider-marquee {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-50%);
  }
}
.dig-hot-topic-relax {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-hot-topic-relax::-webkit-scrollbar {
  display: none;
}
.dig-hot-topic-relax {
  border-top-left-radius: clamp(32px, 8.5333333333vw, 44px);
  border-top-right-radius: clamp(32px, 8.5333333333vw, 44px);
  overscroll-behavior: contain;
  max-height: 90vh;
  max-height: 90dvh;
  overflow-y: auto;
  padding: 3em 0 5em;
  background: #77b88e
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/hot-topic-relax_bg.webp)
    repeat top/100%;
}
.dig-hot-topic-relax-title-wrap {
  text-align: center;
  padding: 0 2em;
}
.dig-hot-topic-relax-title {
  width: 100%;
  margin-bottom: 0.25em;
}
.dig-hot-topic-relax-logo {
  width: clamp(202px, 53.8666666667vw, 276px);
}
.dig-hot-topic-wordchoice-item {
  margin-bottom: 4em;
}
.dig-hot-topic-wordchoice-item-title {
  font-size: clamp(19px, 5.0666666667vw, 26px);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1.25em;
  text-align: center;
}
.dig-hot-topic-wordchoice-item-image-link {
  display: block;
  width: fit-content;
  margin: 0 auto 1.5em;
}
.dig-hot-topic-wordchoice-item-image {
  width: clamp(240px, 64vw, 328px);
  display: block;
  margin: 0 auto;
  border: 1px solid #222;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.dig-hot-topic-wordchoice-item-name {
  font-size: clamp(17px, 4.5333333333vw, 23px);
  font-weight: 700;
  text-decoration: none;
  color: #222;
}
.dig-hot-topic-wordchoice-item-name:visited {
  color: #222;
}
@media (hover: hover) {
  .dig-hot-topic-wordchoice-item-name:hover {
    color: #222;
    text-decoration: none;
  }
}
.dig-hot-topic-wordchoice-item-name:active {
  color: #222;
}
.dig-hot-topic-wordchoice-item-shopname {
  font-size: clamp(13px, 3.4666666667vw, 18px);
  font-weight: 500;
  margin-top: 0.75em;
}
.dig-hot-topic-wordchoice-item-desc {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-family:
    Hiragino Kaku Gothic ProN,
    HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro,
    メイリオ,
    meiryo,
    sans-serif;
  font-weight: 600;
  line-height: clamp(22px, 5.8666666667vw, 30px);
  margin-top: 1.25em;
}
.dig-hot-topic-wordchoice-item-price {
  font-size: clamp(20px, 5.3333333333vw, 27px);
  font-weight: 700;
  line-height: 1;
  margin: 0.5em 0 0.75em;
}
.dig-hot-topic-wordchoice-item-price:empty:after {
  content: 'SOLD OUT';
}
.dig-hot-topic-wordchoice-item-btn {
  width: fit-content;
}
.dig-hot-topic-wordchoice-grid-item {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75em;
}
.dig-hot-topic-wordchoice-grid-item-img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  border: 1px solid #222;
}
.dig-hot-topic-wordchoice {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-hot-topic-wordchoice::-webkit-scrollbar {
  display: none;
}
.dig-hot-topic-wordchoice {
  border-top-left-radius: clamp(32px, 8.5333333333vw, 44px);
  border-top-right-radius: clamp(32px, 8.5333333333vw, 44px);
  overscroll-behavior: contain;
  max-height: 90vh;
  max-height: 90dvh;
  overflow-y: auto;
  padding-bottom: 5em;
}
.dig-hot-topic-wordchoice-bg {
  height: clamp(130px, 34.6666666667vw, 177px);
  background: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/hot-topic-wordchoice_bg.webp)
    no-repeat center/cover;
}
.dig-hot-topic-wordchoice-intro {
  margin: 1.5em 1.5em 0;
}
.dig-hot-topic-wordchoice-title {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 600;
  line-height: 1;
}
.dig-hot-topic-wordchoice-word {
  font-size: clamp(32px, 8.5333333333vw, 44px);
  font-weight: 700;
  line-height: 1;
  margin-top: 0.25em;
}
.dig-hot-topic-wordchoice-text {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-weight: 500;
  margin-top: 1.25em;
  line-height: 1.7;
}
.dig-hot-topic-wordchoice-list {
  margin: 2.5em 1.5em 0;
}
.dig-feature-topic-summer-section-title {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content auto;
  text-align: center;
  color: #fff;
  font-size: clamp(19px, 5.0666666667vw, 26px);
  font-weight: 700;
}
.dig-feature-topic-summer-section-title-image {
  width: clamp(221px, 58.9333333333vw, 302px);
  height: auto;
  margin: 0 auto;
}
.dig-feature-topic-summer-card {
  background-color: #d5fcf6;
  border-radius: 24px;
  border: 1px solid #222;
  padding: clamp(23px, 6.1333333333vw, 31px) clamp(15px, 4vw, 20px);
  margin-top: clamp(48px, 12.8vw, 66px);
}
.dig-feature-topic-summer-section-title + .dig-feature-topic-summer-card {
  margin-top: clamp(24px, 6.4vw, 33px);
}
.dig-feature-topic-summer-card-title {
  font-size: clamp(18px, 4.8vw, 25px);
  font-weight: 700;
  line-height: 1.1;
}
.dig-feature-topic-summer-card-content {
  display: flex;
  gap: clamp(12px, 3.2vw, 16px);
  margin-top: clamp(16px, 4.2666666667vw, 22px);
}
.dig-feature-topic-summer-card-image {
  width: clamp(152px, 40.5333333333vw, 208px);
  height: clamp(152px, 40.5333333333vw, 208px);
  flex-shrink: 0;
}
.dig-feature-topic-summer-card-item-name {
  color: var(--diggly-black) !important;
  background-color: #f5ff01;
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  display: inline-block;
  padding: clamp(4px, 1.0666666667vw, 5px) 0;
}
@media (hover: hover) {
  .dig-feature-topic-summer-card-item-name:hover {
    color: var(--diggly-black);
    text-decoration: none;
    opacity: 0.8;
  }
}
.dig-feature-topic-summer-card-shop-name {
  font-size: clamp(10px, 2.6666666667vw, 14px);
  font-weight: 500;
  display: block;
  width: fit-content;
  margin-top: clamp(6px, 1.6vw, 8px);
}
.dig-feature-topic-summer-card-price {
  color: var(--diggly-black) !important;
  font-size: clamp(24px, 6.4vw, 33px);
  font-weight: 700;
  line-height: 1;
  display: block;
  width: fit-content;
  margin-top: clamp(12px, 3.2vw, 16px);
}
@media (hover: hover) {
  .dig-feature-topic-summer-card-price:not(:empty):hover {
    color: var(--diggly-black);
    text-decoration: none;
    opacity: 0.8;
  }
}
.dig-feature-topic-summer-card-price:empty {
  pointer-events: none;
}
.dig-feature-topic-summer-card-price:empty:after {
  content: 'SOLD OUT';
}
.dig-feature-topic-summer-card-button {
  width: fit-content;
  margin-top: clamp(16px, 4.2666666667vw, 22px);
}
.feature-topic-summer-hero {
  background-color: #b0f9ed;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/summer/bg_hero.svg);
  background-repeat: no-repeat;
  background-size: clamp(303px, 80.8vw, 414px) auto;
  background-position: top left clamp(72px, 19.2vw, 98px);
  height: clamp(387px, 103.2vw, 528px);
  padding: clamp(102px, 27.2vw, 139px) clamp(24px, 6.4vw, 33px) 0;
  position: relative;
  z-index: 2;
}
.feature-topic-summer-hero-logo {
  width: clamp(218px, 58.1333333333vw, 298px);
  height: auto;
}
.feature-topic-summer-hero-text {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  line-height: 1.4;
  text-align: justify;
  color: #00f;
  font-weight: 600;
  line-height: 1.75;
  margin-top: clamp(8px, 2.1333333333vw, 11px);
}
.feature-topic-summer-title {
  text-align: center;
  font-size: clamp(32px, 8.5333333333vw, 44px);
  font-weight: 900;
  line-height: 1;
  color: #fff;
  letter-spacing: clamp(-4px, -0.8vw, -3px);
}
.dig-feature-topic-summer-contents-slider {
  position: relative;
  overflow: hidden;
}
.dig-feature-topic-summer-contents-slider-track {
  position: relative;
}
.dig-feature-topic-summer-contents-slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: clamp(48px, 12.8vw, 66px);
  pointer-events: none;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 0.3s ease;
  will-change: opacity;
}
.dig-feature-topic-summer-contents-slider-slide[aria-hidden='false'] {
  position: relative;
  pointer-events: auto;
  opacity: 1;
}
.dig-feature-topic-summer-contents-slider-slide--interior {
  background-color: #fe6d3c;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/summer/bg_interior.svg);
  background-repeat: no-repeat;
  background-size: clamp(346px, 92.2666666667vw, 472px) auto;
  background-position: top clamp(20px, 5.3333333333vw, 27px) center;
}
.dig-feature-topic-summer-contents-slider-slide--fes {
  background-color: #00aa72;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/summer/bg_fes.svg);
  background-repeat: no-repeat;
  background-size: clamp(361px, 96.2666666667vw, 493px) auto;
  background-position: top clamp(40px, 10.6666666667vw, 55px) left;
}
.dig-feature-topic-summer-contents-slider-slide--leisure {
  background-color: #2545fc;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/summer/bg_leisure.svg);
  background-repeat: no-repeat;
  background-size: clamp(354px, 94.4vw, 483px) auto;
  background-position: top clamp(20px, 5.3333333333vw, 27px) right;
}
.dig-feature-topic-summer-contents-slider-slide--food {
  background-color: #ec4c96;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/summer/bg_food.svg);
  background-repeat: no-repeat;
  background-size: clamp(266px, 70.9333333333vw, 363px) auto;
  background-position: top clamp(24px, 6.4vw, 33px) center;
}
.dig-feature-topic-summer-contents-slider-slide--heat {
  background-color: #0073c4;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/summer/bg_heat.svg);
  background-repeat: no-repeat;
  background-size: clamp(315px, 84vw, 430px) auto;
  background-position: top clamp(24px, 6.4vw, 33px) left
    clamp(19px, 5.0666666667vw, 26px);
}
.dig-feature-topic-summer-contents-section {
  padding: clamp(36px, 9.6vw, 49px) clamp(24px, 6.4vw, 33px)
    clamp(48px, 12.8vw, 66px);
}
.dig-feature-topic-summer-contents-slider-slide--interior
  .dig-feature-topic-summer-contents-section--bg {
  background-color: #e54d1a;
}
.dig-feature-topic-summer-contents-slider-slide--fes
  .dig-feature-topic-summer-contents-section--bg {
  background-color: #008f5f;
}
.dig-feature-topic-summer-contents-slider-slide--leisure
  .dig-feature-topic-summer-contents-section--bg {
  background-color: #0e2ee3;
}
.dig-feature-topic-summer-contents-slider-slide--food
  .dig-feature-topic-summer-contents-section--bg {
  background-color: #db2579;
}
.dig-feature-topic-summer-contents-slider-slide--heat
  .dig-feature-topic-summer-contents-section--bg {
  background-color: #005ea0;
}
.dig-feature-topic-summer-contents-button {
  width: clamp(200px, 53.3333333333vw, 273px);
  margin: clamp(16px, 4.2666666667vw, 22px) auto 0;
}
.dig-feature-topic-summer-tab-container {
  overflow-y: visible;
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding-bottom: clamp(10px, 2.6666666667vw, 14px);
  max-width: 512px;
  border-top-left-radius: clamp(32px, 8.5333333333vw, 44px);
  border-top-right-radius: clamp(32px, 8.5333333333vw, 44px);
}
.dig-feature-topic-summer-tab-container:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  height: clamp(10px, 2.6666666667vw, 14px);
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/summer/bg_tab.svg);
  background-size: clamp(32px, 8.5333333333vw, 44px)
    clamp(11px, 2.9333333333vw, 15px);
  background-position: top center;
  background-repeat: repeat-x;
}
.dig-feature-topic-summer-tab-container--sticky {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  animation: dig-summer-tab-slide-in 0.3s ease forwards;
}
@keyframes dig-summer-tab-slide-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dig-feature-topic-summer-tab-container-logo {
  padding-top: clamp(12px, 3.2vw, 16px);
  margin: auto;
  width: fit-content;
  display: none;
}
.dig-feature-topic-summer-tab-container--sticky
  .dig-feature-topic-summer-tab-container-logo {
  display: block;
}
.dig-feature-topic-summer-tab-container-logo-image {
  width: clamp(148px, 39.4666666667vw, 202px);
  height: clamp(38px, 10.1333333333vw, 52px);
}
.dig-feature-topic-summer-tab-slider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  padding: 0;
  z-index: 1;
  display: block;
  touch-action: pan-y;
}
.dig-feature-topic-summer-tab-slider-track {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: initial;
  box-sizing: content-box;
  transform: translateZ(0);
}
.dig-feature-topic-summer-tab-slider-track[style*='cursor: grab'],
.dig-feature-topic-summer-tab-slider-track[style*='cursor: grab']
  .dig-feature-topic-summer-tab-slider-slide {
  cursor: grab;
}
.dig-feature-topic-summer-tab-slider-track[style*='cursor: grabbing'],
.dig-feature-topic-summer-tab-slider-track[style*='cursor: grabbing']
  .dig-feature-topic-summer-tab-slider-slide {
  cursor: grabbing;
}
.dig-feature-topic-summer-tab-slider-slide {
  flex-shrink: 0;
  width: calc(min(100vw, 512px) / 2.8);
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.dig-feature-topic-summer-tab-slider-slide:not(:first-child):before {
  content: '';
  background-color: #b9b9b9;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: clamp(24px, 6.4vw, 33px);
}
.dig-feature-topic-summer-tab-link {
  border: 0;
  background: none;
  width: 100%;
  text-align: center;
  font-size: clamp(12px, 3.2vw, 16px);
  line-height: 1.6;
  color: #b9b9b9 !important;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto min-content;
  justify-items: center;
  align-items: center;
  height: clamp(48px, 12.8vw, 66px);
  padding: clamp(6px, 1.6vw, 8px) 0;
  --wave-line-color: #fff;
}
@media (hover: hover) {
  .dig-feature-topic-summer-tab-link:hover {
    text-decoration: none;
  }
}
.dig-feature-topic-summer-tab-link[aria-selected='true'] {
  font-weight: 900;
}
.dig-feature-topic-summer-tab-link[aria-selected='true'].dig-feature-topic-summer-tab-link--interior {
  color: #fe6d3c !important;
  --wave-line-color: #fe6d3c;
}
.dig-feature-topic-summer-tab-link[aria-selected='true'].dig-feature-topic-summer-tab-link--fes {
  color: #00aa72 !important;
  --wave-line-color: #00aa72;
}
.dig-feature-topic-summer-tab-link[aria-selected='true'].dig-feature-topic-summer-tab-link--leisure {
  color: #2545fc !important;
  --wave-line-color: #2545fc;
}
.dig-feature-topic-summer-tab-link[aria-selected='true'].dig-feature-topic-summer-tab-link--food {
  color: #ec4c96 !important;
  --wave-line-color: #ec4c96;
}
.dig-feature-topic-summer-tab-link[aria-selected='true'].dig-feature-topic-summer-tab-link--heat {
  color: #0073c4 !important;
  --wave-line-color: #0073c4;
}
.dig-feature-topic-summer-tab-link svg {
  width: clamp(62px, 16.5333333333vw, 85px);
  height: clamp(4px, 1.0666666667vw, 5px);
}
.dig-feature-topic-summer-alcor-title {
  text-align: center;
  color: #fff;
  font-size: clamp(19px, 5.0666666667vw, 26px);
  font-weight: 700;
  margin-top: clamp(48px, 12.8vw, 66px);
}
.feature-topic-summer-alcor-item {
  display: block;
  width: clamp(311px, 82.9333333333vw, 425px);
  max-width: calc(100vw - 64px);
  padding: 0 clamp(8px, 2.1333333333vw, 11px) clamp(6px, 1.6vw, 8px);
}
.feature-topic-summer-alcor-nav {
  position: absolute;
  height: 0;
  width: clamp(295px, 78.6666666667vw, 403px);
  max-width: calc(100vw - 64px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, clamp(-11px, -2.1333333333vw, -8px));
  z-index: 1;
}
.feature-topic-summer-alcor-nav-button {
  display: flex !important;
  opacity: 1 !important;
  position: absolute;
  width: clamp(26px, 6.9333333333vw, 35px);
  height: clamp(26px, 6.9333333333vw, 35px);
  margin-top: 0 !important;
  border-radius: 50%;
  background-color: #222 !important;
  box-shadow: none !important;
}
.feature-topic-summer-alcor-nav-button.feature-topic-summer-alcor-prev {
  left: 0;
  margin-left: clamp(-18px, -3.4666666667vw, -13px);
}
.feature-topic-summer-alcor-nav-button.feature-topic-summer-alcor-next {
  right: 0;
  margin-right: clamp(-18px, -3.4666666667vw, -13px);
}
.feature-topic-summer-alcor-nav-button.feature-topic-summer-alcor-next
  .feature-topic-summer-alcor-arrow {
  rotate: 180deg;
}
.feature-topic-summer-alcor-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: clamp(30px, 8vw, 41px) clamp(32px, 8.5333333333vw, 44px)
    clamp(16px, 4.2666666667vw, 22px);
  border-radius: 20px;
  border: 1px solid #222;
  background-color: #d5fcf6;
  text-decoration: none;
  transform: scale(0.85);
  transition:
    transform-origin 0.2s ease-in-out,
    transform 0.2s ease-in-out;
  transform-origin: center;
}
@media (hover: hover) {
  .feature-topic-summer-alcor-item-inner:hover {
    text-decoration: none;
  }
}
.feature-topic-summer-alcor {
  margin: clamp(28px, 7.4666666667vw, 38px) clamp(-33px, -6.4vw, -24px) 0;
  position: relative;
  z-index: 0;
}
.feature-topic-summer-alcor
  .ecm-slider-slide:has(~ .ecm-slider-slide-active)
  .feature-topic-summer-alcor-item-inner {
  transform-origin: right center;
}
.feature-topic-summer-alcor
  .ecm-slider-slide-active
  ~ .ecm-slider-slide
  .feature-topic-summer-alcor-item-inner {
  transform-origin: left center;
}
.ecm-slider-slide-active .feature-topic-summer-alcor-item-inner {
  transform: scale(1);
  transform-origin: center;
}
.dig-world-modal-card-item-link {
  display: block;
  width: clamp(180px, 48vw, 246px);
  max-width: 100%;
  aspect-ratio: 1;
}
.feature-topic-summer-alcor-item-img {
  display: block;
  width: 100%;
  max-width: inherit;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
}
.feature-topic-summer-alcor-item-title {
  width: 100%;
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  margin: clamp(12px, 3.2vw, 16px) 0 clamp(8px, 2.1333333333vw, 11px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feature-topic-summer-alcor-item-price {
  font-weight: 700;
  font-size: clamp(18px, 4.8vw, 25px);
  line-height: clamp(20px, 5.3333333333vw, 27px);
}
.feature-topic-summer-alcor-item-price:empty:after {
  content: 'SOLD OUT';
}
.dig-feature-topic-summer-article {
  margin-top: clamp(16px, 4.2666666667vw, 22px);
}
.dig-feature-topic-summer-article-text {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-weight: 600;
  line-height: 1.8;
  color: #fff8f3;
  margin-top: clamp(16px, 4.2666666667vw, 22px);
  padding: 0 clamp(16px, 4.2666666667vw, 22px);
}
.dig-feature-topic-summer-article-image {
  max-width: 100%;
  width: auto;
  padding: 0 clamp(16px, 4.2666666667vw, 22px);
}
.dig-hot-topic-summer {
  overflow: hidden;
}
.dig-feature-bbq-hero {
  background-color: #ec1c15;
  padding-bottom: clamp(38px, 10.1333333333vw, 52px);
}
.dig-feature-bbq-hero-main {
  height: clamp(481px, 128.2666666667vw, 657px);
  position: relative;
  overflow: hidden;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_hero.png);
  background-repeat: no-repeat;
  background-size: clamp(349px, 93.0666666667vw, 477px)
    clamp(349px, 93.0666666667vw, 477px);
  background-position: center top clamp(100px, 26.6666666667vw, 137px);
}
.dig-feature-bbq-hero-logo {
  width: clamp(386px, 102.9333333333vw, 527px);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: clamp(28px, 7.4666666667vw, 38px);
}
.dig-feature-bbq-hero-img {
  width: clamp(425px, 113.3333333333vw, 580px);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: clamp(82px, 21.8666666667vw, 112px);
}
.dig-feature-bbq-hero-text {
  width: clamp(290px, 77.3333333333vw, 396px);
  position: absolute;
  left: clamp(8px, 2.1333333333vw, 11px);
  bottom: clamp(75px, 20vw, 102px);
}
.dig-feature-bbq-hero-manga {
  padding: 0 clamp(16px, 4.2666666667vw, 22px);
  filter: drop-shadow(
    clamp(4px, 1.0666666667vw, 5px) clamp(4px, 1.0666666667vw, 5px) 0px #0c7c37
  );
}
.dig-feature-bbq-hero-manga__image {
  display: block;
  width: auto;
  max-width: 100%;
}
.dig-feature-topic-bbq-section {
  padding: clamp(24px, 6.4vw, 33px) 0;
  background-repeat: repeat-y, repeat-y, repeat;
  background-position:
    left clamp(4px, 1.0666666667vw, 5px) top,
    right clamp(4px, 1.0666666667vw, 5px) top,
    0 0;
  background-size:
    clamp(12px, 3.2vw, 16px) auto,
    clamp(12px, 3.2vw, 16px) auto,
    clamp(375px, 100vw, 512px) clamp(40px, 10.6666666667vw, 55px);
  overflow: clip;
}
.dig-feature-topic-bbq-section--chapter-01 {
  background-image:
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_01_02.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_01_02.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_01_01.png);
}
.dig-feature-topic-bbq-section--chapter-02 {
  background-image:
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_02_02.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_02_02.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_02_01.png);
}
.dig-feature-topic-bbq-section--chapter-03 {
  background-image:
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_03_02.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_03_02.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_03_01.png);
}
.dig-feature-topic-bbq-section--chapter-04 {
  background-image:
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_04_02.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_04_02.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_04_01.png);
}
.dig-feature-topic-bbq-section--chapter-05 {
  background-image:
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_05_02.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_05_02_inversion.png),
    url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_05_01.png);
}
.dig-feature-topic-bbq-title-img {
  display: block;
  height: clamp(78px, 20.8vw, 106px);
  margin: auto;
}
.dig-feature-topic-bbq-title-illust-img {
  display: block;
  width: clamp(312px, 83.2vw, 426px);
  margin: clamp(20px, 5.3333333333vw, 27px) auto 0;
}
.dig-feature-topic-bbq-title-lead {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(101px, 26.9333333333vw, 138px);
  padding: 0 clamp(20px, 5.3333333333vw, 27px) clamp(4px, 1.0666666667vw, 5px);
  margin: clamp(-87px, -17.0666666667vw, -64px)
    clamp(32px, 8.5333333333vw, 44px) clamp(24px, 6.4vw, 33px);
  position: relative;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
.dig-feature-topic-bbq-section--chapter-01 .dig-feature-topic-bbq-title-lead {
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_01_03.png);
}
.dig-feature-topic-bbq-section--chapter-02 .dig-feature-topic-bbq-title-lead {
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_02_03.png);
  color: #fff;
}
.dig-feature-topic-bbq-section--chapter-03 .dig-feature-topic-bbq-title-lead {
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_03_03.png);
}
.dig-feature-topic-bbq-section--chapter-04 .dig-feature-topic-bbq-title-lead {
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_04_03.png);
}
.dig-feature-topic-bbq-section--chapter-05 .dig-feature-topic-bbq-title-lead {
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_chapter_05_03.png);
  color: #fff;
}
.dig-feature-topic-bbq-title-lead__inner {
  font-size: clamp(13px, 3.4666666667vw, 18px);
  font-weight: 700;
  line-height: 1.6;
}
.dig-feature-topic-bbq-item {
  display: grid;
  grid-template-columns: clamp(137px, 36.5333333333vw, 187px) auto;
  gap: clamp(8px, 2.1333333333vw, 11px);
  align-items: center;
  padding-left: clamp(32px, 8.5333333333vw, 44px);
  height: clamp(210px, 56vw, 287px);
  overflow: visible;
}
.dig-feature-topic-bbq-item:not(:last-child) {
  margin-bottom: clamp(8px, 2.1333333333vw, 11px);
}
.dig-feature-topic-bbq-item.dig-feature-topic-bbq-item--img-left {
  grid-template-columns: auto clamp(137px, 36.5333333333vw, 187px);
  padding-right: clamp(32px, 8.5333333333vw, 44px);
  padding-left: 0;
}
.dig-feature-topic-bbq-item.dig-feature-topic-bbq-item--img-left
  .dig-feature-topic-bbq-item-info {
  order: 2;
}
.dig-feature-topic-bbq-item.dig-feature-topic-bbq-item--img-left
  .dig-feature-topic-bbq-item-img-wrapper {
  order: 1;
  margin-right: 0;
  margin-left: auto;
}
.dig-feature-topic-bbq-item-img-wrapper {
  display: grid;
  align-items: center;
  position: relative;
  height: clamp(210px, 56vw, 287px);
  width: 1px;
  overflow: visible;
  cursor: pointer;
}
@media (hover: hover) {
  .dig-feature-topic-bbq-item-img-wrapper:hover {
    opacity: 0.8;
  }
}
.dig-feature-topic-bbq-item-img {
  display: block;
}
.dig-feature-topic-bbq-item-name {
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/bg_item_name.png);
  background-size: clamp(137px, 36.5333333333vw, 187px) auto;
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  line-height: 1.4;
  text-align: justify;
  cursor: pointer;
}
@media (hover: hover) {
  .dig-feature-topic-bbq-item-name:hover {
    opacity: 0.8;
  }
}
.dig-feature-topic-bbq-item-shop {
  font-size: clamp(10px, 2.6666666667vw, 14px);
  line-height: 1.2;
  margin-top: clamp(8px, 2.1333333333vw, 11px);
}
.dig-feature-topic-bbq-section--chapter-02 .dig-feature-topic-bbq-item-shop,
.dig-feature-topic-bbq-section--chapter-04 .dig-feature-topic-bbq-item-shop {
  color: #fff;
}
.dig-feature-topic-bbq-item-price {
  font-size: clamp(24px, 6.4vw, 33px);
  font-weight: 700;
  line-height: 1;
  margin-top: clamp(8px, 2.1333333333vw, 11px);
}
.dig-feature-topic-bbq-section--chapter-02 .dig-feature-topic-bbq-item-price,
.dig-feature-topic-bbq-section--chapter-04 .dig-feature-topic-bbq-item-price {
  color: #fff;
}
.dig-feature-topic-bbq-item-price:empty:after {
  content: 'SOLD OUT';
}
.dig-feature-topic-bbq-section--chapter-02
  .dig-feature-topic-bbq-item-price:empty:after,
.dig-feature-topic-bbq-section--chapter-04
  .dig-feature-topic-bbq-item-price:empty:after {
  color: #fff;
}
.dig-feature-topic-bbq-item-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 1.6vw, 8px);
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  line-height: 1;
  background: none;
  border: 1px solid #222;
  border-radius: 9999px;
  width: 100%;
  height: clamp(40px, 10.6666666667vw, 55px);
  margin-top: clamp(16px, 4.2666666667vw, 22px);
}
@media (hover: hover) {
  .dig-feature-topic-bbq-item-button:hover {
    opacity: 0.8;
  }
}
.dig-feature-topic-bbq-section--chapter-01 .dig-feature-topic-bbq-item-button {
  background-color: #11c154;
}
.dig-feature-topic-bbq-section--chapter-02 .dig-feature-topic-bbq-item-button {
  background-color: #e806fd;
  color: #fff;
}
.dig-feature-topic-bbq-section--chapter-03 .dig-feature-topic-bbq-item-button {
  background-color: #1ce6d2;
}
.dig-feature-topic-bbq-section--chapter-04 .dig-feature-topic-bbq-item-button {
  background-color: #fde406;
}
.dig-feature-topic-bbq-section--chapter-05 .dig-feature-topic-bbq-item-button {
  background-color: #4f38ff;
  color: #fff;
}
.dig-feature-topic-bbq-item-button-icon {
  width: clamp(20px, 5.3333333333vw, 27px);
  height: clamp(20px, 5.3333333333vw, 27px);
  display: block;
}
.dig-feature-topic-bbq-item-img--chapter-01-01 {
  width: clamp(225px, 60vw, 307px);
  height: clamp(230px, 61.3333333333vw, 314px);
}
.dig-feature-topic-bbq-item-img--chapter-01-02 {
  width: clamp(200px, 53.3333333333vw, 273px);
  height: clamp(173px, 46.1333333333vw, 236px);
  position: absolute;
  right: 0;
}
.dig-feature-topic-bbq-item-img--chapter-01-03 {
  width: clamp(217px, 57.8666666667vw, 296px);
  height: clamp(189px, 50.4vw, 258px);
}
.dig-feature-topic-bbq-item-img--chapter-01-04 {
  width: clamp(190px, 50.6666666667vw, 259px);
  height: clamp(194px, 51.7333333333vw, 265px);
  position: absolute;
  right: 0;
}
.dig-feature-topic-bbq-item-img--chapter-01-05 {
  width: clamp(220px, 58.6666666667vw, 300px);
  height: clamp(225px, 60vw, 307px);
}
.dig-feature-topic-bbq-item-img--chapter-02-01 {
  width: clamp(210px, 56vw, 287px);
  height: clamp(182px, 48.5333333333vw, 248px);
}
.dig-feature-topic-bbq-item-img--chapter-02-02 {
  width: clamp(220px, 58.6666666667vw, 300px);
  height: clamp(225px, 60vw, 307px);
  position: absolute;
  right: clamp(-5px, -1.0666666667vw, -4px);
}
.dig-feature-topic-bbq-item-img--chapter-02-03 {
  width: clamp(200px, 53.3333333333vw, 273px);
  height: clamp(173px, 46.1333333333vw, 236px);
}
.dig-feature-topic-bbq-item-img--chapter-02-04 {
  width: clamp(205px, 54.6666666667vw, 280px);
  height: clamp(178px, 47.4666666667vw, 243px);
  position: absolute;
  right: 0;
}
.dig-feature-topic-bbq-item-img--chapter-02-05,
.dig-feature-topic-bbq-item-img--chapter-03-01 {
  width: clamp(210px, 56vw, 287px);
  height: clamp(182px, 48.5333333333vw, 248px);
}
.dig-feature-topic-bbq-item-img--chapter-03-02 {
  width: clamp(208px, 55.4666666667vw, 284px);
  height: clamp(264px, 70.4vw, 360px);
  position: absolute;
  right: clamp(-22px, -4.2666666667vw, -16px);
}
.dig-feature-topic-bbq-item-img--chapter-03-03 {
  width: clamp(190px, 50.6666666667vw, 259px);
  height: clamp(165px, 44vw, 225px);
  position: relative;
  top: clamp(20px, 5.3333333333vw, 27px);
}
.dig-feature-topic-bbq-item-img--chapter-03-04 {
  width: clamp(198px, 52.8vw, 270px);
  height: clamp(250px, 66.6666666667vw, 341px);
  position: absolute;
  right: 0;
  bottom: clamp(10px, 2.6666666667vw, 14px);
}
.dig-feature-topic-bbq-item-img--chapter-03-05 {
  width: clamp(198px, 52.8vw, 270px);
  height: clamp(202px, 53.8666666667vw, 276px);
  position: relative;
  top: clamp(20px, 5.3333333333vw, 27px);
}
.dig-feature-topic-bbq-item-img--chapter-04-01 {
  width: clamp(185px, 49.3333333333vw, 253px);
  height: clamp(234px, 62.4vw, 319px);
}
.dig-feature-topic-bbq-item-img--chapter-04-02 {
  width: clamp(205px, 54.6666666667vw, 280px);
  height: clamp(178px, 47.4666666667vw, 243px);
  position: absolute;
  right: 0;
}
.dig-feature-topic-bbq-item-img--chapter-04-03 {
  width: clamp(190px, 50.6666666667vw, 259px);
  height: clamp(165px, 44vw, 225px);
}
.dig-feature-topic-bbq-item-img--chapter-04-04 {
  width: clamp(203px, 54.1333333333vw, 277px);
  height: clamp(176px, 46.9333333333vw, 240px);
  position: absolute;
  right: clamp(-5px, -1.0666666667vw, -4px);
}
.dig-feature-topic-bbq-item-img--chapter-04-05 {
  width: clamp(198px, 52.8vw, 270px);
  height: clamp(202px, 53.8666666667vw, 276px);
}
.dig-feature-topic-bbq-item-img--chapter-05-01 {
  width: clamp(198px, 52.8vw, 270px);
  height: clamp(172px, 45.8666666667vw, 235px);
}
.dig-feature-topic-bbq-item-img--chapter-05-02 {
  width: clamp(190px, 50.6666666667vw, 259px);
  height: clamp(194px, 51.7333333333vw, 265px);
  position: absolute;
  right: 0;
}
.dig-feature-topic-bbq-item-img--chapter-05-03 {
  width: clamp(210px, 56vw, 287px);
  height: clamp(182px, 48.5333333333vw, 248px);
}
.dig-feature-topic-bbq-item-img--chapter-05-04 {
  width: clamp(208px, 55.4666666667vw, 284px);
  height: clamp(181px, 48.2666666667vw, 247px);
  position: absolute;
  right: clamp(-11px, -2.1333333333vw, -8px);
}
.dig-feature-topic-bbq-item-img--chapter-05-05 {
  width: clamp(180px, 48vw, 246px);
  height: clamp(184px, 49.0666666667vw, 251px);
}
.dig-feature-topic-bbq-modal {
  z-index: 140;
}
.dig-feature-topic-bbq-modal-bg {
  background-color: #0000;
  transition: background-color 0.28s ease;
}
.dig-feature-topic-bbq-modal-bg[data-opening='true'],
.dig-feature-topic-bbq-modal-bg[aria-expanded='true'] {
  background-color: #00000080;
}
.dig-feature-topic-bbq-modal-bg[data-closing='true'] {
  background-color: #0000;
}
.dig-feature-topic-bbq-modal-content-wrapper {
  position: fixed;
  top: clamp(48px, 12.8vw, 66px);
  bottom: clamp(62px, 16.5333333333vw, 85px);
  left: 50%;
  transform: translate(-50%);
  width: clamp(343px, 91.4666666667vw, 468px);
  pointer-events: auto;
}
.dig-feature-topic-bbq-modal-inner {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dig-feature-topic-bbq-modal-inner::-webkit-scrollbar {
  display: none;
}
.dig-feature-topic-bbq-modal-inner {
  overscroll-behavior: contain;
  height: 100%;
  background-color: #ffe5b5;
  padding: clamp(20px, 5.3333333333vw, 27px) clamp(18px, 4.8vw, 25px)
    clamp(76px, 20.2666666667vw, 104px);
  border: 1px solid #000;
  border-radius: clamp(20px, 5.3333333333vw, 27px);
  overflow: scroll;
}
.dig-feature-topic-bbq-modal-inner:after {
  content: '';
  display: block;
  background-color: #ffe5b5;
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 1px;
  height: clamp(76px, 20.2666666667vw, 104px);
  border-bottom-left-radius: clamp(20px, 5.3333333333vw, 27px);
  border-bottom-right-radius: clamp(20px, 5.3333333333vw, 27px);
}
.dig-feature-topic-bbq-modal-close {
  color: #333;
  background-color: #fff;
  border-radius: 9999px;
  display: block;
  width: clamp(32px, 8.5333333333vw, 44px);
  height: clamp(32px, 8.5333333333vw, 44px);
  font-size: 16px;
  border: none;
  line-height: 1;
  padding: 0;
  margin-left: auto;
  margin-right: 0;
  position: fixed;
  top: clamp(12px, 3.2vw, 16px);
  right: clamp(12px, 3.2vw, 16px);
  mix-blend-mode: difference;
}
@media (hover: hover) {
  .dig-feature-topic-bbq-modal-close:hover {
    opacity: 0.8;
  }
}
.dig-feature-topic-bbq-modal-img-link {
  display: block;
  width: fit-content;
  margin: auto;
}
@media (hover: hover) {
  .dig-feature-topic-bbq-modal-img-link:hover {
    opacity: 0.8;
  }
}
.dig-feature-topic-bbq-modal-main-img {
  display: block;
  width: clamp(239px, 63.7333333333vw, 326px);
  height: clamp(239px, 63.7333333333vw, 326px);
  aspect-ratio: 1/1;
  border: 1px solid #000;
}
.dig-feature-topic-bbq-modal-name {
  display: block;
  color: #222 !important;
  background-color: #fff;
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  margin-top: clamp(24px, 6.4vw, 33px);
  width: fit-content;
}
@media (hover: hover) {
  .dig-feature-topic-bbq-modal-name:hover {
    opacity: 0.8;
  }
}
.dig-feature-topic-bbq-modal-shop {
  font-size: clamp(12px, 3.2vw, 16px);
  margin-top: clamp(6px, 1.6vw, 8px);
}
.dig-feature-topic-bbq-modal-description {
  font-size: clamp(14px, 3.7333333333vw, 19px);
  font-weight: 700;
  line-height: 1.6;
  margin-top: clamp(8px, 2.1333333333vw, 11px);
}
.dig-feature-topic-bbq-modal-price {
  display: block;
  color: #222;
  font-size: clamp(20px, 5.3333333333vw, 27px);
  font-weight: 700;
  line-height: 1;
  margin-top: clamp(8px, 2.1333333333vw, 11px);
  width: fit-content;
}
.dig-feature-topic-bbq-modal-price:empty:after {
  content: 'SOLD OUT';
}
.dig-feature-topic-bbq-modal-sub-img {
  display: block;
  max-width: 100%;
  margin: clamp(24px, 6.4vw, 33px) auto 0;
}
.dig-feature-topic-bbq-modal-text {
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-weight: 700;
  line-height: 1.8;
  margin-top: clamp(16px, 4.2666666667vw, 22px);
}
.dig-feature-topic-bbq-modal-link {
  position: absolute;
  z-index: 160;
  bottom: clamp(16px, 4.2666666667vw, 22px);
  left: 0;
  right: 0;
  margin: auto;
  padding: clamp(14px, 3.7333333333vw, 19px);
  display: block;
  border-radius: 999px;
  border: 1px solid #000;
  background-color: #fff;
  color: #222 !important;
  font-size: clamp(16px, 4.2666666667vw, 22px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  width: clamp(216px, 57.6vw, 295px);
}
@media (hover: hover) {
  .dig-feature-topic-bbq-modal-link:hover {
    text-decoration: none;
    background: #eee;
  }
}
.dig-feature-topic-bbq-index {
  position: fixed;
  width: clamp(277px, 73.8666666667vw, 378px);
  bottom: 0;
  left: 50%;
  margin-left: calc(clamp(277px, 73.8666666667vw, 378px) / -2);
  transform: translateY(clamp(279px, 74.4vw, 381px));
  background-color: #fff;
  border-top-left-radius: clamp(12px, 3.2vw, 16px);
  border-top-right-radius: clamp(12px, 3.2vw, 16px);
  z-index: 2;
  padding: 0 0 clamp(20px, 5.3333333333vw, 27px);
  transition: transform 0.3s ease;
}
.dig-feature-topic-bbq-index[data-state='open'] {
  transform: translateY(0);
}
.dig-feature-topic-bbq-index[data-state='hidden'] {
  transform: translateY(100%);
}
.dig-feature-topic-bbq-index-button {
  display: block;
  background: none;
  border: 0;
  width: 100%;
  height: clamp(50px, 13.3333333333vw, 68px);
  position: relative;
  padding: 0;
}
@media (hover: hover) {
  .dig-feature-topic-bbq-index-button:hover {
    opacity: 0.8;
  }
}
.dig-feature-topic-bbq-index-button:after {
  content: '';
  width: clamp(15px, 4vw, 20px);
  height: clamp(12px, 3.2vw, 16px);
  display: block;
  background-image: url(https://r.r10s.jp/evt/event/diggly/_cmn/img/bbq/icon_triangle.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: clamp(15px, 4vw, 20px) auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: clamp(16px, 4.2666666667vw, 22px);
  margin: auto;
}
.dig-feature-topic-bbq-index[data-state='open']
  .dig-feature-topic-bbq-index-button {
  width: clamp(50px, 13.3333333333vw, 68px);
  position: absolute;
  right: 0;
  top: 0;
}
.dig-feature-topic-bbq-index[data-state='open']
  .dig-feature-topic-bbq-index-button:after {
  transform: rotate(180deg);
}
.dig-feature-topic-bbq-index[data-state='open']
  .dig-feature-topic-bbq-index-button-img {
  display: none;
}
.dig-feature-topic-bbq-index-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(16px, 4.2666666667vw, 22px);
  padding: clamp(20px, 5.3333333333vw, 27px) clamp(15px, 4vw, 20px) 0;
}
.dig-feature-topic-bbq-index-link {
  display: block;
  width: fit-content;
  margin: auto;
  background: none;
  border: 0;
  padding: 0;
}
@media (hover: hover) {
  .dig-feature-topic-bbq-index-link:hover {
    opacity: 0.8;
  }
}
.dig-feature-topic-bbq-index-img {
  display: block;
  width: clamp(176px, 46.9333333333vw, 240px);
  height: clamp(35px, 9.3333333333vw, 48px);
}
.m-1e {
  margin: 0.25em;
}
.mt-1e {
  margin-top: 0.25em;
}
.mr-1e {
  margin-right: 0.25em;
}
.mb-1e {
  margin-bottom: 0.25em;
}
.ml-1e {
  margin-left: 0.25em;
}
.mx-1e {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.my-1e {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.m-2e {
  margin: 0.5em;
}
.mt-2e {
  margin-top: 0.5em;
}
.mr-2e {
  margin-right: 0.5em;
}
.mb-2e {
  margin-bottom: 0.5em;
}
.ml-2e {
  margin-left: 0.5em;
}
.mx-2e {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.my-2e {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.m-3e {
  margin: 0.75em;
}
.mt-3e {
  margin-top: 0.75em;
}
.mr-3e {
  margin-right: 0.75em;
}
.mb-3e {
  margin-bottom: 0.75em;
}
.ml-3e {
  margin-left: 0.75em;
}
.mx-3e {
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.my-3e {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.m-4e {
  margin: 1em;
}
.mt-4e {
  margin-top: 1em;
}
.mr-4e {
  margin-right: 1em;
}
.mb-4e {
  margin-bottom: 1em;
}
.ml-4e {
  margin-left: 1em;
}
.mx-4e {
  margin-left: 1em;
  margin-right: 1em;
}
.my-4e {
  margin-top: 1em;
  margin-bottom: 1em;
}
.m-5e {
  margin: 1.25em;
}
.mt-5e {
  margin-top: 1.25em;
}
.mr-5e {
  margin-right: 1.25em;
}
.mb-5e {
  margin-bottom: 1.25em;
}
.ml-5e {
  margin-left: 1.25em;
}
.mx-5e {
  margin-left: 1.25em;
  margin-right: 1.25em;
}
.my-5e {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.m-6e {
  margin: 1.5em;
}
.mt-6e {
  margin-top: 1.5em;
}
.mr-6e {
  margin-right: 1.5em;
}
.mb-6e {
  margin-bottom: 1.5em;
}
.ml-6e {
  margin-left: 1.5em;
}
.mx-6e {
  margin-left: 1.5em;
  margin-right: 1.5em;
}
.my-6e {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.m-7e {
  margin: 1.75em;
}
.mt-7e {
  margin-top: 1.75em;
}
.mr-7e {
  margin-right: 1.75em;
}
.mb-7e {
  margin-bottom: 1.75em;
}
.ml-7e {
  margin-left: 1.75em;
}
.mx-7e {
  margin-left: 1.75em;
  margin-right: 1.75em;
}
.my-7e {
  margin-top: 1.75em;
  margin-bottom: 1.75em;
}
.m-8e {
  margin: 2em;
}
.mt-8e {
  margin-top: 2em;
}
.mr-8e {
  margin-right: 2em;
}
.mb-8e {
  margin-bottom: 2em;
}
.ml-8e {
  margin-left: 2em;
}
.mx-8e {
  margin-left: 2em;
  margin-right: 2em;
}
.my-8e {
  margin-top: 2em;
  margin-bottom: 2em;
}
.m-9e {
  margin: 2.25em;
}
.mt-9e {
  margin-top: 2.25em;
}
.mr-9e {
  margin-right: 2.25em;
}
.mb-9e {
  margin-bottom: 2.25em;
}
.ml-9e {
  margin-left: 2.25em;
}
.mx-9e {
  margin-left: 2.25em;
  margin-right: 2.25em;
}
.my-9e {
  margin-top: 2.25em;
  margin-bottom: 2.25em;
}
.m-10e {
  margin: 2.5em;
}
.mt-10e {
  margin-top: 2.5em;
}
.mr-10e {
  margin-right: 2.5em;
}
.mb-10e {
  margin-bottom: 2.5em;
}
.ml-10e {
  margin-left: 2.5em;
}
.mx-10e {
  margin-left: 2.5em;
  margin-right: 2.5em;
}
.my-10e {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
.font-montserrat {
  font-family: Montserrat;
}
.font-rokkitt {
  font-family: Rokkitt;
}