html {
  overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6, p, div, dl, dt, dd, form, fieldset, input, textarea, pre, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
}

caption, th {
  text-align: left;
}

fieldset {
  border: 0;
}

img {
  border: 0;
  vertical-align: bottom;
}

a {
  outline: 0;
}

header, footer, nav, section, article, figure, aside {
  display: block;
  margin: 0;
  padding: 0;
}

html, body, p, h1, h2, h3, h4, h5, h6, div, span, ul, ol, li, dl, dt, dd, table, th, td, input, textarea, section, article, nav, a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

header, footer, nav, section, article, figure, aside {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

svg {
  max-inline-size: 100%;
  height: auto;
}

header {
  padding: 10px;
  z-index: 10;
}

.hands {
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 800px) {
  .hands .item-area__mv {
    -webkit-padding-before: 50px;
            padding-block-start: 50px;
  }
}
.hands .mv {
  background-color: #fffac6;
}
.hands .mv__visual {
  position: relative;
  aspect-ratio: 800/340;
  overflow: visible;
}
@media (min-width: 800px) {
  .hands .mv__visual {
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}
.hands .mv__visual .mv__bg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: mv-bg-in 0.5s ease both;
          animation: mv-bg-in 0.5s ease both;
}
.hands .mv__visual .mv__cloud {
  position: absolute;
  inline-size: 15.6%;
  -webkit-animation: mv-cloud-drift-left 16s ease-in-out infinite alternate;
          animation: mv-cloud-drift-left 16s ease-in-out infinite alternate;
}
.hands .mv__visual .mv__cloud--left {
  inset-inline-start: -1.75%;
  inset-block-start: 5.9%;
}
.hands .mv__visual .mv__cloud--right {
  inset-inline-start: 87.25%;
  inset-block-start: 6.5%;
  inline-size: 8.1%;
  -webkit-animation-name: mv-cloud-drift-right;
          animation-name: mv-cloud-drift-right;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.hands .mv__visual .mv__wave {
  position: absolute;
  inset-inline-start: 65%;
  inset-block-start: 85.3%;
  inline-size: 35%;
}
.hands .mv__visual .mv__logo {
  position: absolute;
  inset-inline-start: 18.9%;
  inset-block-start: 10%;
  inline-size: 62.5%;
  opacity: 0;
  -webkit-animation: mv-logo-in 0.6s cubic-bezier(0.3, 0.8, 0.4, 1.2) 0.5s both;
          animation: mv-logo-in 0.6s cubic-bezier(0.3, 0.8, 0.4, 1.2) 0.5s both;
}
.hands .mv__content {
  padding-block: 70px 40px;
}
@media (max-width: 800px) {
  .hands .mv__content {
    padding-block: 50px 30px;
  }
}
.hands .mv__info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 35px 166px;
  grid-template-columns: 1fr 166px;
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
  -webkit-padding-start: 60px;
          padding-inline-start: 60px;
  -webkit-padding-end: 12px;
          padding-inline-end: 12px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-margin-before: -40px;
          margin-block-start: -40px;
}
@media (max-width: 800px) {
  .hands .mv__info {
    -ms-grid-columns: 1fr 20px 25%;
    grid-template-columns: 1fr 25%;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    padding-inline: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
}
.hands .mv__date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  grid-column: 1/-1;
  -ms-grid-column-align: center;
      justify-self: center;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  background-color: #fff;
  border-radius: 2px;
  padding-inline: 16px;
  padding-block: 4px;
}
.hands .mv__date-year,
.hands .mv__date-item {
  color: #007130;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.6;
  white-space: nowrap;
}
@media (max-width: 800px) {
  .hands .mv__date-year,
  .hands .mv__date-item {
    font-size: 3.25vw;
  }
}
.hands .mv__date-item {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}
.hands .mv__date-day {
  display: -ms-grid;
  display: grid;
  place-items: center;
  inline-size: 26px;
  block-size: 26px;
  background-color: #007130;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 800px) {
  .hands .mv__date-day {
    inline-size: 3.25vw;
    block-size: 3.25vw;
    font-size: 1.75vw;
  }
}
.hands .mv__date-arrow {
  inline-size: 0;
  block-size: 0;
  -webkit-border-before: 6px solid transparent;
          border-block-start: 6px solid transparent;
  -webkit-border-after: 6px solid transparent;
          border-block-end: 6px solid transparent;
  -webkit-border-start: 8px solid #007130;
          border-inline-start: 8px solid #007130;
}
.hands .mv__lead {
  -ms-grid-column: 1;
  grid-column: 1;
  color: #2d0000;
  font-size: 24px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .mv__lead {
    font-size: 3vw;
  }
}
.hands .mv__character-wrap {
  position: relative;
  aspect-ratio: 166/312;
}
.hands .mv .mv__character,
.hands .mv .mv__character-text {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inline-size: 100%;
  block-size: 100%;
  opacity: 0;
}
.hands .mv .mv__character {
  -webkit-animation: mv-character-in 0.6s ease 0.5s both;
          animation: mv-character-in 0.6s ease 0.5s both;
}
.hands .mv .mv__character-text {
  -webkit-animation: mv-text-in 0.5s ease 1.1s both;
          animation: mv-text-in 0.5s ease 1.1s both;
}
.hands .link-nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  background-color: #007130;
}
.hands .link-nav__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 65px 10px 1fr;
  grid-template-columns: 65px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding-block: 15px;
  padding-inline: 20px;
  overflow: hidden;
  text-decoration: none;
}
@media (max-width: 800px) {
  .hands .link-nav__item {
    -ms-grid-columns: 7vw 2vw 1fr;
    grid-template-columns: 7vw 1fr;
    padding-inline: 2.5vw;
    -webkit-column-gap: 2vw;
       -moz-column-gap: 2vw;
            column-gap: 2vw;
  }
}
.hands .link-nav__item--shinjuku {
  position: relative;
}
.hands .link-nav__item--shinjuku .link-nav__label {
  -ms-grid-column: 2;
  grid-column: 2;
}
@media (hover: hover) and (pointer: fine) {
  .hands .link-nav__item:hover .link-nav__icon {
    -webkit-animation: link-nav-icon-float 0.6s ease-in-out infinite;
            animation: link-nav-icon-float 0.6s ease-in-out infinite;
  }
}
.hands .link-nav__divider {
  inline-size: 2px;
  block-size: 64px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  background-color: #fff;
}
@media (max-width: 800px) {
  .hands .link-nav__divider {
    block-size: 8vw;
  }
}
.hands .link-nav__label {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  min-inline-size: 0;
}
@media (max-width: 800px) {
  .hands .link-nav__label {
    font-size: 2.5vw;
  }
}
.hands .link-nav .link-nav__icon--50th {
  inline-size: 65px;
}
@media (max-width: 800px) {
  .hands .link-nav .link-nav__icon--50th {
    inline-size: 8.125vw;
  }
}
.hands .link-nav .link-nav__icon--girl {
  position: absolute;
  inset-inline-start: 7.25%;
  inset-block-start: 16.8%;
  inline-size: 27.4%;
}
.hands .link-nav .link-nav__icon--store {
  inline-size: 57px;
}
@media (max-width: 800px) {
  .hands .link-nav .link-nav__icon--store {
    inline-size: 7.125vw;
  }
}
.hands .content-boxes {
  background-image: url("/keananadeshiko/event/202608-hands/images/content-boxes_pattern.png");
  background-repeat: repeat;
  background-size: 559px auto;
  padding-block: 30px;
  padding-inline: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}
@media (max-width: 800px) {
  .hands .content-boxes {
    padding-block: 3.75vw;
    padding-inline: 16px;
    row-gap: 2.5vw;
  }
}
.hands .content-boxes--shop,
.hands .content-boxes--diary {
  background-image: none;
  background-color: #cddd59;
  padding-inline: 30px;
}
@media (max-width: 800px) {
  .hands .content-boxes--shop,
  .hands .content-boxes--diary {
    padding-inline: 16px;
  }
}
.hands .letter-box {
  background-color: #fffbd0;
  border-radius: 40px;
  padding-block: 20px 60px;
  padding-inline: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 40px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .hands .letter-box {
    padding-block: 5vw 8vw;
    padding-inline: 16px;
    border-radius: 5vw;
  }
}
.hands .letter-box--popup {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.hands .letter-box--diary {
  background-color: #fff;
  padding-block: 60px 40px;
  padding-inline: 20px;
}
@media (max-width: 800px) {
  .hands .letter-box--diary {
    padding-block: 7.5vw 5vw;
    padding-inline: 8px;
  }
}
.hands .diary__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #e10a18;
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}
@media (max-width: 800px) {
  .hands .diary__title {
    font-size: 4vw;
  }
}
.hands .diary .diary__title-mark {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  inline-size: 40px;
}
@media (max-width: 800px) {
  .hands .diary .diary__title-mark {
    inline-size: 5vw;
  }
}
.hands .diary__title-mark--left {
  -webkit-transform: rotate(38.54deg);
          transform: rotate(38.54deg);
}
.hands .diary__title-mark--right {
  -webkit-transform: rotate(141.46deg) scaleY(-1);
          transform: rotate(141.46deg) scaleY(-1);
}
.hands .sd {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.hands .sd.show {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.hands .sd-bu {
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
}
.hands .sd-pop {
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
}
.hands .sd-no-anim {
  -webkit-transition: none;
  transition: none;
}
.hands .anniversary__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 20px;
}
.hands .anniversary .anniversary__badge {
  inline-size: 196px;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
@media (max-width: 800px) {
  .hands .anniversary .anniversary__badge {
    inline-size: 24.5vw;
  }
}
.hands .anniversary__ribbon-wrap {
  position: relative;
  inline-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hands .anniversary__ribbon {
  position: relative;
  z-index: 1;
  background-color: #e10a18;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  inline-size: 82.35%;
  padding-block: 10px;
}
.hands .anniversary__ribbon-lead {
  font-size: 36px;
}
@media (max-width: 800px) {
  .hands .anniversary__ribbon-lead {
    font-size: 4.5vw;
  }
}
.hands .anniversary__ribbon-main {
  font-size: 42px;
}
@media (max-width: 800px) {
  .hands .anniversary__ribbon-main {
    font-size: 5.25vw;
  }
}
.hands .anniversary .anniversary__ribbon-fold {
  position: absolute;
  inset-block-start: 22px;
  block-size: 100%;
  inline-size: 11.76%;
}
.hands .anniversary__ribbon-fold--left {
  inset-inline-start: 0;
}
.hands .anniversary__ribbon-fold--right {
  inset-inline-end: 0;
}
.hands .anniversary__tagline {
  color: #007130;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 800px) {
  .hands .anniversary__tagline {
    font-size: 4vw;
  }
}
.hands .anniversary .anniversary__confetti {
  position: absolute;
  inset-block-start: 3%;
}
.hands .anniversary__confetti--left {
  inset-inline-start: 1.9%;
  inline-size: 32.91%;
  -webkit-transform: translate(-7.52%, -7.98%);
          transform: translate(-7.52%, -7.98%);
}
.hands .anniversary__confetti--right {
  inset-inline-start: 69.4%;
  inline-size: 32.95%;
  -webkit-transform: translate(-1.35%, -7.77%);
          transform: translate(-1.35%, -7.77%);
}
.hands .anniversary__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.hands .anniversary .anniversary__intro-image {
  inline-size: 54.17%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 4px;
}
.hands .anniversary__intro-text {
  color: #2d0000;
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .anniversary__intro-text {
    font-size: 3.2vw;
  }
}
.hands .anniversary__set {
  border-block: 1px dashed #007130;
  padding-block: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hands .anniversary__set-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  inline-size: 100%;
}
@media (max-width: 800px) {
  .hands .anniversary__set-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.hands .anniversary__set-label {
  background-color: #007130;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border-radius: 2px;
  padding-block: 8px;
  padding-inline: 18px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 800px) {
  .hands .anniversary__set-label {
    font-size: 2.25vw;
  }
}
.hands .anniversary__set-desc {
  color: #007130;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .anniversary__set-desc {
    font-size: 3.5vw;
  }
}
.hands .anniversary__set-cluster {
  position: relative;
  max-inline-size: 586px;
  inline-size: 100%;
  aspect-ratio: 586/298;
  overflow: visible;
}
.hands .anniversary__set-ricemask {
  position: absolute;
  inset-inline-start: 1.6749%;
  inset-block-start: 16.7%;
  inline-size: 32.4232%;
  -webkit-transform: rotate(-7.19deg);
          transform: rotate(-7.19deg);
}
.hands .anniversary__set-facewash {
  position: absolute;
  inset-inline-start: 37.884%;
  inset-block-start: 28.183%;
  inline-size: 17.679%;
}
.hands .anniversary__set-charm {
  position: absolute;
  inset-inline-start: 60.3583%;
  inset-block-start: 23.49%;
  inline-size: 43.1741%;
  z-index: 2;
}
.hands .anniversary__set-badge {
  position: absolute;
  inset-inline-end: -4%;
  inset-block-start: -7%;
  inline-size: 40.7679%;
}
.hands .anniversary__set-kirakira {
  position: absolute;
  pointer-events: none;
  -webkit-animation: deco-kirakira-twinkle 2s ease-in-out infinite;
          animation: deco-kirakira-twinkle 2s ease-in-out infinite;
}
.hands .anniversary__set-kirakira--1 {
  inset-inline-start: -7.679%;
  inset-block-start: 76.235%;
  inline-size: 8.191%;
}
.hands .anniversary__set-kirakira--2 {
  inset-inline-start: 38.737%;
  inset-block-start: 7.778%;
  inline-size: 6.771%;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.hands .anniversary__set-kirakira--3 {
  inset-inline-start: 96.416%;
  inset-block-start: 47.04%;
  inline-size: 8.532%;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.hands .anniversary__set-ricemask.sd-pop {
  -webkit-transform: scale(0.4) rotate(-7.19deg);
          transform: scale(0.4) rotate(-7.19deg);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.hands .anniversary__set-ricemask.sd.show {
  -webkit-transform: rotate(-7.19deg);
          transform: rotate(-7.19deg);
}
.hands .anniversary__set-facewash.sd-pop {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.hands .anniversary__set-charm.sd-pop,
.hands .anniversary__set-badge.sd-pop {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.hands .anniversary__spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
@media (max-width: 800px) {
  .hands .anniversary__spec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
  }
}
.hands .anniversary .anniversary__spec-icon {
  inline-size: 126px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-animation: anniversary-spec-icon-bounce 3s ease-in-out infinite;
          animation: anniversary-spec-icon-bounce 3s ease-in-out infinite;
}
@media (max-width: 800px) {
  .hands .anniversary .anniversary__spec-icon {
    inline-size: 20vw;
  }
}
.hands .anniversary__spec-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-inline-size: 0;
}
.hands .anniversary__spec-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}
.hands .anniversary__spec-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}
.hands .anniversary__spec-tag {
  background-color: #fbe100;
  color: #2d0000;
  font-weight: bold;
  font-size: 16px;
  border-radius: 2px;
  padding-inline: 12px;
  padding-block: 2px 1px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 800px) {
  .hands .anniversary__spec-tag {
    font-size: 2vw;
  }
}
.hands .anniversary__spec-value {
  color: #2d0000;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .anniversary__spec-value {
    font-size: 4vw;
  }
}
.hands .anniversary__spec-value--small {
  font-size: 18px;
}
@media (max-width: 800px) {
  .hands .anniversary__spec-value--small {
    font-size: 3.2vw;
  }
}
.hands .anniversary__spec-value-sub {
  font-size: 18px;
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}
@media (max-width: 800px) {
  .hands .anniversary__spec-value-sub {
    font-size: 3vw;
  }
}
.hands .anniversary__spec-note {
  color: #2d0000;
  font-size: 15px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .anniversary__spec-note {
    font-size: 2.8vw;
  }
}
.hands .popup__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 20px;
}
.hands .popup .popup__garland {
  position: absolute;
  inset-block-start: 0;
  inline-size: 45.9%;
}
.hands .popup__garland--left {
  inset-inline-start: -7%;
}
.hands .popup__garland--right {
  inset-inline-end: -7%;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.hands .popup__badge {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inline-size: 128px;
}
@media (max-width: 800px) {
  .hands .popup__badge {
    inline-size: 16vw;
  }
}
.hands .popup__badge-body {
  background-color: #e10a18;
  color: #fff;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: bold;
  inline-size: 100%;
  block-size: 137px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 10px;
  text-align: center;
}
@media (max-width: 800px) {
  .hands .popup__badge-body {
    block-size: 17.125vw;
  }
}
.hands .popup__badge-main {
  font-size: 28px;
}
@media (max-width: 800px) {
  .hands .popup__badge-main {
    font-size: 3.5vw;
  }
}
.hands .popup__badge-divider {
  inline-size: 98px;
  block-size: 4px;
  background-color: #d4b76a;
  -webkit-margin-before: -8px;
          margin-block-start: -8px;
}
@media (max-width: 800px) {
  .hands .popup__badge-divider {
    inline-size: 12.25vw;
  }
}
.hands .popup__badge-sub {
  font-size: 22px;
}
@media (max-width: 800px) {
  .hands .popup__badge-sub {
    font-size: 2.75vw;
  }
}
.hands .popup .popup__badge-fold {
  position: absolute;
  inset-block-start: 137px;
  inline-size: 64px;
  block-size: 20px;
}
@media (max-width: 800px) {
  .hands .popup .popup__badge-fold {
    inset-block-start: 17.125vw;
    inline-size: 8vw;
    block-size: 2.5vw;
  }
}
.hands .popup__badge-fold--left {
  inset-inline-start: 0;
}
.hands .popup__badge-fold--right {
  inset-inline-end: 0;
}
.hands .popup__title-wrap {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  inline-size: 100%;
  -webkit-margin-before: 12px;
          margin-block-start: 12px;
}
.hands .popup .popup__shrine {
  inline-size: 206px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 800px) {
  .hands .popup .popup__shrine {
    inline-size: 25vw;
  }
}
.hands .popup__title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}
.hands .popup__title-lead {
  color: #e10a18;
  font-weight: bold;
  font-size: 36px;
}
@media (max-width: 800px) {
  .hands .popup__title-lead {
    font-size: 4.5vw;
  }
}
.hands .popup__title {
  color: #e10a18;
  font-weight: bold;
  font-size: 62px;
  line-height: 1.2;
  padding-block: 9px;
  -webkit-padding-start: 14px;
          padding-inline-start: 14px;
  -webkit-border-before: 8px solid #e10a18;
          border-block-start: 8px solid #e10a18;
  -webkit-border-after: 8px solid #007130;
          border-block-end: 8px solid #007130;
}
@media (max-width: 800px) {
  .hands .popup__title {
    font-size: 7.5vw;
  }
}
.hands .popup__title-sub {
  display: block;
  color: #007130;
}
.hands .popup__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hands .popup__intro-text {
  color: #2d0000;
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__intro-text {
    font-size: 3.2vw;
  }
}
.hands .popup__intro-visual {
  position: relative;
  max-inline-size: 680px;
  inline-size: 100%;
  aspect-ratio: 680/612;
  z-index: 2;
}
.hands .popup .popup__intro-bg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.hands .popup__intro-firework {
  position: absolute;
  z-index: -1;
}
.hands .popup__intro-firework--left {
  inset-inline-start: 9.69%;
  inset-block-start: 1.575%;
  inline-size: 16.76%;
}
.hands .popup__intro-firework--right {
  inset-inline-start: 68.05%;
  inset-block-start: 4.216%;
  inline-size: 24.83%;
}
.hands .popup__intro-character {
  position: absolute;
  z-index: 2;
}
.hands .popup__intro-character--girl {
  inset-inline-start: -3.18%;
  inset-block-start: 39.34%;
  inline-size: 30.27%;
}
.hands .popup__intro-character--boy {
  inset-inline-start: 75.83%;
  inset-block-start: 47.41%;
  inline-size: 28.84%;
}
.hands .popup__schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
  inline-size: 100%;
}
.hands .popup__schedule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.hands .popup__schedule-tag {
  background-color: #fbe100;
  color: #2d0000;
  font-weight: bold;
  font-size: 16px;
  border-radius: 2px;
  padding-inline: 12px;
  padding-block: 2px 1px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 800px) {
  .hands .popup__schedule-tag {
    font-size: 2vw;
  }
}
.hands .popup__schedule-value {
  color: #2d0000;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__schedule-value {
    font-size: 4vw;
  }
}
.hands .popup__schedule-value-sub {
  font-size: 18px;
  font-weight: normal;
}
@media (max-width: 800px) {
  .hands .popup__schedule-value-sub {
    font-size: 3vw;
  }
}
.hands .popup__schedule-note {
  color: #2d0000;
  font-size: 15px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__schedule-note {
    font-size: 2.8vw;
  }
}
.hands .popup__benefit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hands .popup__benefit-spark {
  position: absolute;
  inset-inline-start: -21px;
  inset-block-start: -18px;
  inline-size: 142px;
  pointer-events: none;
}
@media (max-width: 800px) {
  .hands .popup__benefit-spark {
    inline-size: 18vw;
  }
}
.hands .popup__benefit-spark img {
  display: block;
  inline-size: 100%;
}
.hands .popup__benefit-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  inline-size: 100%;
  padding: 0;
  list-style: none;
}
@media (max-width: 800px) {
  .hands .popup__benefit-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.hands .popup__benefit-item {
  container-type: inline-size;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 6px solid #fdd000;
  aspect-ratio: 334/293;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 10px;
  overflow: hidden;
}
.hands .popup__benefit-item-photo {
  inline-size: 100%;
  max-inline-size: 280px;
}
.hands .popup__benefit-item-photo img {
  display: block;
  inline-size: 100%;
}
.hands .popup__benefit-item-label {
  inline-size: 100%;
}
.hands .popup__benefit-item-label--mask {
  max-inline-size: 252px;
}
.hands .popup__benefit-item-label--charm {
  max-inline-size: 294px;
}
.hands .popup__benefit-item-label--clip {
  max-inline-size: 254px;
}
.hands .popup__benefit-item-label--yura {
  max-inline-size: 267px;
}
.hands .popup__benefit-item-label img {
  display: block;
  inline-size: 100%;
}
.hands .popup__benefit-text {
  color: #2d0000;
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__benefit-text {
    font-size: 3.2vw;
  }
}
.hands .popup__benefit-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 28px;
     -moz-column-gap: 28px;
          column-gap: 28px;
  inline-size: 100%;
}
@media (max-width: 800px) {
  .hands .popup__benefit-list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    row-gap: 20px;
  }
}
.hands .popup__benefit-character {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  inline-size: 250px;
}
@media (max-width: 800px) {
  .hands .popup__benefit-character {
    inline-size: 31.25vw;
  }
}
.hands .popup__benefit-character img {
  display: block;
  inline-size: 100%;
}
.hands .popup__benefit-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
  inline-size: 100%;
}
.hands .popup__benefit-tag {
  background-color: #1d2087;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border-radius: 2px;
  padding-block: 4px;
  padding-inline: 18px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 800px) {
  .hands .popup__benefit-tag {
    font-size: 3vw;
  }
}
.hands .popup__benefit-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  padding: 0;
  list-style: none;
}
.hands .popup__benefit-list-item {
  position: relative;
  color: #0a0078;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.6;
  -webkit-padding-start: 16px;
          padding-inline-start: 16px;
}
@media (max-width: 800px) {
  .hands .popup__benefit-list-item {
    font-size: 3.2vw;
  }
}
.hands .popup__benefit-list-item::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  inline-size: 8px;
  block-size: 8px;
  border-radius: 40px;
  background-color: #0a0078;
}
@media (max-width: 800px) {
  .hands .popup__benefit-list-item::before {
    inline-size: 1vw;
    block-size: 1vw;
  }
}
.hands .popup__benefit-list-note {
  color: #2d0000;
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__benefit-list-note {
    font-size: 3.2vw;
  }
}
.hands .popup__benefit-list-caution {
  color: #2d0000;
  font-size: 15px;
  line-height: 1.6;
  -webkit-margin-before: -16px;
          margin-block-start: -16px;
}
@media (max-width: 800px) {
  .hands .popup__benefit-list-caution {
    font-size: 2.8vw;
  }
}
.hands .popup__benefit-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
  inline-size: 100%;
}
.hands .popup__benefit-condition-text {
  color: #2d0000;
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__benefit-condition-text {
    font-size: 3.2vw;
  }
}
.hands .popup__benefit-condition-note {
  color: #2d0000;
  font-size: 15px;
  line-height: 1.6;
  -webkit-margin-before: -16px;
          margin-block-start: -16px;
}
@media (max-width: 800px) {
  .hands .popup__benefit-condition-note {
    font-size: 2.8vw;
  }
}
.hands .popup__bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 16px;
  inline-size: 100%;
}
.hands .popup__bubble-lead {
  color: #e10a18;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  line-height: 1.4;
}
@media (max-width: 800px) {
  .hands .popup__bubble-lead {
    font-size: 4.5vw;
  }
}
.hands .popup__bubble--blue .popup__bubble-lead {
  color: #1fb8df;
}
.hands .popup__bubble--navy {
  position: relative;
}
.hands .popup__bubble--navy .popup__bubble-lead {
  color: #0a0078;
}
.hands .popup__bubble-character {
  position: absolute;
  inset-block-start: 15px;
  inset-inline-end: -25px;
  inline-size: 158px;
  pointer-events: none;
  -webkit-animation: anniversary-spec-icon-bounce 3s ease-in-out infinite;
          animation: anniversary-spec-icon-bounce 3s ease-in-out infinite;
}
@media (max-width: 800px) {
  .hands .popup__bubble-character {
    inset-block-start: 1.875vw;
    inset-inline-end: -3.125vw;
    inline-size: 19.75vw;
  }
}
.hands .popup__bubble-character img {
  display: block;
  inline-size: 100%;
}
.hands .popup__bubble-pill {
  position: relative;
  background-color: #e10a18;
  border-radius: 75px;
  padding-block: 4px 8px;
  padding-inline: 10px;
  inline-size: 100%;
  max-inline-size: 680px;
}
.hands .popup__bubble-pill::after {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 100%;
  -webkit-margin-before: -10px;
          margin-block-start: -10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  inline-size: 0;
  block-size: 0;
  -webkit-border-start: 13px solid transparent;
          border-inline-start: 13px solid transparent;
  -webkit-border-end: 13px solid transparent;
          border-inline-end: 13px solid transparent;
  -webkit-border-before: 22px solid #e10a18;
          border-block-start: 22px solid #e10a18;
}
.hands .popup__bubble--blue .popup__bubble-pill {
  background-color: #1fb8df;
}
.hands .popup__bubble--blue .popup__bubble-pill::after {
  border-block-start-color: #1fb8df;
}
.hands .popup__bubble--navy .popup__bubble-pill {
  background-color: #0a0078;
}
.hands .popup__bubble--navy .popup__bubble-pill::after {
  border-block-start-color: #0a0078;
}
.hands .popup__bubble-main {
  color: #fff;
  font-weight: bold;
  font-size: 42px;
  text-align: center;
}
@media (max-width: 800px) {
  .hands .popup__bubble-main {
    font-size: 6vw;
  }
}
.hands .popup__sticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 40px;
}
.hands .popup__sticker-visual {
  position: relative;
  container-type: inline-size;
  max-inline-size: 680px;
  inline-size: 100%;
}
.hands .popup .popup__sticker-image {
  display: block;
  inline-size: 100%;
  border-radius: 4px;
}
.hands .popup .popup__sticker-nadeshiko {
  position: absolute;
  inset-inline-end: -5cqw;
  inset-block-start: -8cqw;
  inline-size: 30cqw;
  -webkit-animation: deco-icon-rotate 3s ease-in-out infinite;
          animation: deco-icon-rotate 3s ease-in-out infinite;
}
.hands .popup__sticker-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.hands .popup__sticker-lead {
  color: #2d0000;
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__sticker-lead {
    font-size: 3.2vw;
  }
}
.hands .popup__sticker-note {
  color: #2d0000;
  font-size: 15px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__sticker-note {
    font-size: 2.8vw;
  }
}
.hands .popup__poregame {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 32px;
}
.hands .popup__poregame-bubble {
  position: absolute;
  display: block;
  block-size: auto;
  pointer-events: none;
  z-index: 0;
  -webkit-animation: deco-bubble-pulse 2.8s ease-in-out infinite;
          animation: deco-bubble-pulse 2.8s ease-in-out infinite;
}
.hands .popup__poregame-bubble--1 {
  inset-inline-start: -13.235%;
  inset-block-start: 3.139%;
  inline-size: 31.176%;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.hands .popup__poregame-bubble--2 {
  inset-inline-start: -1.471%;
  inset-block-start: 48.069%;
  inline-size: 6.324%;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.hands .popup__poregame-bubble--3 {
  inset-inline-start: 97.059%;
  inset-block-start: 27.531%;
  inline-size: 13.382%;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.hands .popup__poregame-bubble--4 {
  inset-inline-start: 92.647%;
  inset-block-start: 40.239%;
  inline-size: 6.324%;
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
.hands .popup__poregame-photo-wrap {
  position: relative;
  z-index: 1;
  container-type: inline-size;
  inline-size: 100%;
  max-inline-size: 580px;
}
.hands .popup .popup__poregame-photo {
  display: block;
  inline-size: 100%;
}
.hands .popup .popup__poregame-icon {
  position: absolute;
  inset-inline-end: -12cqw;
  inset-block-end: -4cqw;
  inline-size: 25cqw;
  -webkit-animation: deco-icon-rotate 3s ease-in-out infinite;
          animation: deco-icon-rotate 3s ease-in-out infinite;
}
@media (max-width: 800px) {
  .hands .popup .popup__poregame-icon {
    inset-inline-end: -6cqw;
  }
}
.hands .popup__poregame-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  inline-size: 100%;
}
.hands .popup__poregame-lead {
  color: #2d0000;
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__poregame-lead {
    font-size: 3.2vw;
  }
}
.hands .popup__poregame-note {
  color: #2d0000;
  font-size: 15px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .popup__poregame-note {
    font-size: 2.8vw;
  }
}
.hands .letter-box--shop {
  padding-block: 60px;
  row-gap: 60px;
}
@media (max-width: 800px) {
  .hands .letter-box--shop {
    padding-block: 7.5vw;
    row-gap: 7.5vw;
  }
}
.hands .shop__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  inline-size: 100%;
}
.hands .shop__header-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.hands .shop .shop__star {
  inline-size: 33px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 800px) {
  .hands .shop .shop__star {
    inline-size: 4.125vw;
  }
}
.hands .shop .shop__logo {
  inline-size: 236px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 800px) {
  .hands .shop .shop__logo {
    inline-size: 34vw;
  }
}
.hands .shop__title {
  color: #007130;
  font-weight: bold;
  font-size: 42px;
}
@media (max-width: 800px) {
  .hands .shop__title {
    font-size: 6vw;
  }
}
.hands .shop__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 32px;
  inline-size: 100%;
}
@media (max-width: 800px) {
  .hands .shop__block {
    row-gap: 20px;
  }
}
.hands .shop__block-label {
  background-color: #fbe100;
  color: #007130;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.4;
  text-align: center;
  border-radius: 75px;
  padding-block: 10px;
  padding-inline: 20px;
  inline-size: 100%;
}
@media (max-width: 800px) {
  .hands .shop__block-label {
    font-size: 4vw;
  }
}
.hands .shop__venue {
  inline-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 12px;
  text-decoration: none;
}
.hands .shop__venue-photo-wrap {
  position: relative;
  container-type: inline-size;
  max-inline-size: 440px;
  inline-size: 100%;
}
@media (max-width: 800px) {
  .hands .shop__venue-photo-wrap {
    inline-size: 61.11%;
  }
}
.hands .shop .shop__venue-photo {
  display: block;
  inline-size: 100%;
}
.hands .shop__venue-name {
  color: #007130;
  font-weight: bold;
  font-size: 24px;
}
@media (max-width: 800px) {
  .hands .shop__venue-name {
    font-size: 3.5vw;
  }
}
.hands .shop .shop__venue-character {
  position: absolute;
  inset-inline-end: -26cqw;
  inset-block-end: -7cqw;
  inline-size: 32cqw;
  -webkit-animation: anniversary-spec-icon-bounce 3s ease-in-out infinite;
          animation: anniversary-spec-icon-bounce 3s ease-in-out infinite;
}
@media (max-width: 800px) {
  .hands .shop .shop__venue-character {
    inset-inline-end: -5cqw;
  }
}
.hands .shop__info {
  border-block: 1px dashed #007130;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
  inline-size: 100%;
}
@media (max-width: 800px) {
  .hands .shop__info {
    padding-inline: 0;
  }
}
.hands .shop__info-title {
  color: #2d0000;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .shop__info-title {
    font-size: 3.8vw;
  }
}
.hands .shop__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.hands .shop__info-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.hands .shop__info-tag {
  background-color: #fbe100;
  color: #2d0000;
  font-weight: bold;
  font-size: 16px;
  border-radius: 2px;
  padding-inline: 12px;
  padding-block: 2px 1px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 800px) {
  .hands .shop__info-tag {
    font-size: 2vw;
  }
}
.hands .shop__info-value {
  color: #2d0000;
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .shop__info-value {
    font-size: 3.2vw;
  }
}
.hands .shop__info-note {
  color: #2d0000;
  font-size: 15px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .hands .shop__info-note {
    font-size: 2.8vw;
  }
}
.hands .shop .shop__promo-banner {
  max-inline-size: 660px;
  inline-size: 100%;
  aspect-ratio: 660/451;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media (max-width: 800px) {
  .hands .shop .shop__promo-banner {
    inline-size: calc(100% + 32px);
    margin-inline: -16px;
    border-radius: 0;
  }
}
.hands .shop__store-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  row-gap: 28px;
  padding: 0;
  list-style: none;
}
.hands .shop__store-item {
  inline-size: 320px;
}
@media (max-width: 800px) {
  .hands .shop__store-item {
    inline-size: calc(50% - 10px);
  }
}
.hands .shop__store-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 12px;
  inline-size: 100%;
  text-decoration: none;
}
.hands .shop .shop__store-photo {
  inline-size: 100%;
  aspect-ratio: 320/225;
  -o-object-fit: cover;
     object-fit: cover;
}
.hands .shop__store-name {
  color: #2d0000;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 800px) {
  .hands .shop__store-name {
    font-size: 3.4vw;
  }
}
.hands .shop .shop__map {
  inline-size: 100%;
  aspect-ratio: 660/403;
  border: 0;
  border-radius: 4px;
  overflow: hidden;
}
.hands .shop__map-button {
  background-color: #1b2558;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  border-radius: 100px;
  border: 2px solid #1b2558;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding-block: 12px;
  padding-inline: 40px;
  inline-size: 100%;
  max-inline-size: 360px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .hands .shop__map-button:hover {
    opacity: 0.7;
  }
}
@media (max-width: 800px) {
  .hands .shop__map-button {
    font-size: 4vw;
  }
}
.hands .shop__map-button--reverse {
  background-color: #fff;
  color: #1b2558;
}
.hands .shop .shop__map-button-icon {
  inline-size: 19px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 800px) {
  .hands .shop .shop__map-button-icon {
    inline-size: 2.375vw;
  }
}
.hands .deco {
  position: relative;
  aspect-ratio: 800/295;
  background-color: #94d5f2;
}
.hands .deco::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: 19.7%;
  background-color: #fffac6;
}
.hands .deco .deco__building {
  position: absolute;
  inset-inline-start: 52.3%;
  inset-block-start: 3.1%;
  inline-size: 29.3%;
}
.hands .deco .deco__bushes {
  position: absolute;
  inset-inline-start: 49.6%;
  inset-block-start: 65.5%;
  inline-size: 36%;
}
.hands .deco .deco__storefront {
  position: absolute;
  inset-inline-start: 14.4%;
  inset-block-start: 61.7%;
  inline-size: 22%;
  opacity: 0.5;
}
.hands .deco .deco__tree {
  position: absolute;
  inset-inline-start: 3.25%;
  inset-block-start: 30.9%;
  inline-size: 19.8%;
  opacity: 0.5;
}
.hands .deco .deco__cloud {
  position: absolute;
  -webkit-animation: deco-cloud-drift 26s linear infinite;
          animation: deco-cloud-drift 26s linear infinite;
}
.hands .deco__cloud--1 {
  inset-inline-start: 25.4%;
  inset-block-start: 12.9%;
  inline-size: 10.25%;
}
.hands .deco .deco__cloud--2 {
  inset-inline-start: -0.9%;
  inset-block-start: 6.8%;
  inline-size: 8.6%;
  -webkit-animation-name: deco-cloud-drift-alt;
          animation-name: deco-cloud-drift-alt;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-duration: 33s;
          animation-duration: 33s;
  -webkit-animation-delay: -14s;
          animation-delay: -14s;
}
.hands .deco .deco__figure {
  position: absolute;
}
.hands .deco .deco__figure--woman {
  inset-inline-start: -0.5%;
  inset-block-start: 27.5%;
  inline-size: 11%;
}
.hands .deco .deco__figure--girl {
  inset-inline-start: 39.74%;
  inset-block-start: 29.4%;
  inline-size: 11.22%;
}
.hands .deco .deco__nadeshiko {
  position: absolute;
  inset-inline-start: 79.6%;
  inset-block-start: -4.4%;
  inline-size: 17.8%;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation: deco-nadeshiko-bounce 2.4s ease-in-out infinite;
          animation: deco-nadeshiko-bounce 2.4s ease-in-out infinite;
}

@-webkit-keyframes mv-bg-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mv-bg-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mv-cloud-drift-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}
@keyframes mv-cloud-drift-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}
@-webkit-keyframes mv-cloud-drift-right {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
}
@keyframes mv-cloud-drift-right {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
}
@-webkit-keyframes mv-logo-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes mv-logo-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes mv-character-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mv-character-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mv-text-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes mv-text-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes deco-cloud-drift {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(20px, -8px);
            transform: translate(20px, -8px);
  }
  50% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  75% {
    -webkit-transform: translate(20px, 8px);
            transform: translate(20px, 8px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes deco-cloud-drift {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(20px, -8px);
            transform: translate(20px, -8px);
  }
  50% {
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  75% {
    -webkit-transform: translate(20px, 8px);
            transform: translate(20px, 8px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes deco-cloud-drift-alt {
  0% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
  30% {
    -webkit-transform: translate(-16px, -7px);
            transform: translate(-16px, -7px);
  }
  65% {
    -webkit-transform: translate(32px, 5px);
            transform: translate(32px, 5px);
  }
  100% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
}
@keyframes deco-cloud-drift-alt {
  0% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
  30% {
    -webkit-transform: translate(-16px, -7px);
            transform: translate(-16px, -7px);
  }
  65% {
    -webkit-transform: translate(32px, 5px);
            transform: translate(32px, 5px);
  }
  100% {
    -webkit-transform: translate(0, 3px);
            transform: translate(0, 3px);
  }
}
@-webkit-keyframes deco-nadeshiko-bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
@keyframes deco-nadeshiko-bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
@-webkit-keyframes anniversary-spec-icon-bounce {
  0%, 60%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
}
@keyframes anniversary-spec-icon-bounce {
  0%, 60%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
}
@-webkit-keyframes deco-icon-rotate {
  0%, 100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  50% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
}
@keyframes deco-icon-rotate {
  0%, 100% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  50% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
}
@-webkit-keyframes deco-kirakira-twinkle {
  0%, 100% {
    opacity: 0.4;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes deco-kirakira-twinkle {
  0%, 100% {
    opacity: 0.4;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes deco-bubble-pulse {
  0%, 100% {
    opacity: 0.8;
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes deco-bubble-pulse {
  0%, 100% {
    opacity: 0.8;
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes link-nav-icon-float {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
@keyframes link-nav-icon-float {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
/*# sourceMappingURL=style.css.map */