@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.2px;
  font-size: 11px;
  overflow: hidden;
  transition: all 1.6s ease 0s;
  background-color: #f3f1ec;
  font-family: "ryo-display-plusn", serif;
  font-weight: 500;
  font-style: normal;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

a:hover {
  opacity: 0.6;
  transition: 0.6s;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

.fv {
  position: relative;
  overflow: hidden;
  background-color: #f3f1ec;
  height: calc(160.5128205128 * var(--vwu, 1vw));
}

.fv_slide {
  display: flex;
  align-items: center;
  gap: calc(2.5641025641 * var(--vwu, 1vw));
  width: max-content;
  animation: fvSlide 28s linear infinite;
}
.fv_slide li {
  flex: none;
  width: calc(64.1025641026 * var(--vwu, 1vw));
  aspect-ratio: 250/500;
  overflow: hidden;
}
.fv_slide li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes fvSlide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.fv_tab {
  position: absolute;
  top: 0;
  right: calc(7.6923076923 * var(--vwu, 1vw));
  width: calc(15.3846153846 * var(--vwu, 1vw));
  height: calc(94.6153846154 * var(--vwu, 1vw));
  display: flex;
  align-items: center;
  justify-content: center;
}
.fv_tab::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f3f1ec;
  transform-origin: center top;
  opacity: 0;
}
.fv_tab.on::before {
  animation: fvTabBg 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.fv_tab span {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(6.1538461538 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .fv_tab span {
    font-size: 24px;
  }
}
.fv_tab span {
  position: relative;
  z-index: 1;
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 0.1em;
  color: #1f2a3c;
  opacity: 0;
}
.fv_tab.on span {
  animation: fvTabText 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes fvTabBg {
  0% {
    opacity: 0;
    transform: scaleY(0) translateY(-5%);
  }
  30% {
    transform: scaleY(1) translateY(0);
  }
  100% {
    transform: scaleY(1) translateY(0);
  }
  30%, 100% {
    opacity: 1;
  }
}
@keyframes fvTabText {
  0% {
    opacity: 0;
  }
  30%, 100% {
    opacity: 1;
  }
}
.fv_ttl {
  position: relative;
  z-index: 1;
  margin-top: calc(-27.6923076923 * var(--vwu, 1vw));
  text-align: center;
}
.fv_ttl .fv_ttl_map {
  width: calc(69.2307692308 * var(--vwu, 1vw));
  margin: 0 auto;
}
.fv_ttl .fv_ttl_txt {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(18.4615384615 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .fv_ttl .fv_ttl_txt {
    font-size: 72px;
  }
}
.fv_ttl .fv_ttl_txt {
  margin-top: calc(-42.3076923077 * var(--vwu, 1vw));
  line-height: 1;
  color: #1f2a3c;
  -webkit-text-stroke-width: 10px;
  -webkit-text-stroke-color: #f3f1ec;
  paint-order: stroke fill;
}

@media screen and (min-width: 769px) {
  .fv {
    height: calc(53.90625 * var(--vwu, 1vw));
  }
  .fv_slide {
    gap: calc(0.78125 * var(--vwu, 1vw));
  }
  .fv_slide li {
    width: calc(33.359375 * var(--vwu, 1vw));
    aspect-ratio: 427/620;
  }
  .fv_tab {
    top: calc(0 * var(--vwu, 1vw));
    right: calc(9.0625 * var(--vwu, 1vw));
    width: calc(6.25 * var(--vwu, 1vw));
    height: calc(40.625 * var(--vwu, 1vw));
  }
  .fv_tab span {
    font-size: calc(2.8125 * var(--vwu, 1vw));
    letter-spacing: -0.1em;
  }
  .fv_ttl {
    margin-top: calc(-24.140625 * var(--vwu, 1vw));
  }
  .fv_ttl .fv_ttl_map {
    width: calc(34.140625 * var(--vwu, 1vw));
  }
  .fv_ttl .fv_ttl_txt {
    font-size: calc(9.140625 * var(--vwu, 1vw));
    margin-top: calc(-20.859375 * var(--vwu, 1vw));
    -webkit-text-stroke-width: calc(0.78125 * var(--vwu, 1vw));
  }
}
.read {
  margin-top: calc(20.5128205128 * var(--vwu, 1vw));
  padding: 0 calc(5.1282051282 * var(--vwu, 1vw));
  text-align: center;
}
.read .read_catch {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(6.1538461538 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .read .read_catch {
    font-size: 24px;
  }
}
.read .read_catch {
  color: #1f2a3c;
  margin-bottom: calc(3.8461538462 * var(--vwu, 1vw));
}
.read .read_txt {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(3.0769230769 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .read .read_txt {
    font-size: 12px;
  }
}
.read .read_txt {
  color: #1f2a3c;
  max-width: calc(76.9230769231 * var(--vwu, 1vw));
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .read {
    margin-top: calc(8.75 * var(--vwu, 1vw));
    margin-bottom: calc(7.8125 * var(--vwu, 1vw));
    padding: 0;
  }
  .read .read_catch {
    font-size: calc(1.875 * var(--vwu, 1vw));
    margin-bottom: calc(1.171875 * var(--vwu, 1vw));
  }
  .read .read_txt {
    font-size: calc(0.9375 * var(--vwu, 1vw));
    max-width: calc(46.875 * var(--vwu, 1vw));
  }
}
.menu {
  margin-top: calc(20.5128205128 * var(--vwu, 1vw));
}
.menu .menu_fv {
  display: none;
}
.menu .menu_ttl {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(7.1794871795 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .menu .menu_ttl {
    font-size: 28px;
  }
}
.menu .menu_ttl {
  position: relative;
  z-index: 1;
  margin-bottom: calc(-5.641025641 * var(--vwu, 1vw));
  color: #1f2a3c;
  text-align: center;
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: #f3f1ec;
  paint-order: stroke fill;
}
.menu .menu_panel {
  background-color: #8a9ba8;
  padding: calc(12.5641025641 * var(--vwu, 1vw)) calc(5.1282051282 * var(--vwu, 1vw)) calc(8.4615384615 * var(--vwu, 1vw));
}
.menu .menu_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: calc(2.5641025641 * var(--vwu, 1vw));
  row-gap: calc(2.0512820513 * var(--vwu, 1vw));
}
.menu .menu_list li {
  width: calc(20.5128205128 * var(--vwu, 1vw));
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .pc_wrap {
    display: flex;
    align-items: flex-start;
  }
  .menu {
    flex: 0 0 50%;
    width: 50%;
    position: sticky;
    top: 0;
    align-self: flex-start;
    height: 100vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    background-color: #8a9ba8;
    padding-bottom: calc(1.25 * var(--vhu, 1vh));
  }
  .menu .menu_fv {
    display: block;
    flex: none;
    text-align: center;
    margin-top: calc(7.625 * var(--vhu, 1vh));
  }
  .menu .menu_fv .menu_fv_map {
    width: calc(46 * var(--vhu, 1vh));
    margin: 0 auto;
  }
  .menu .menu_fv .menu_fv_tab {
    font-family: "zen-kaku-gothic-antique", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: calc(3 * var(--vhu, 1vh));
    line-height: 1.5;
    margin-top: calc(-33.25 * var(--vhu, 1vh));
    margin-left: calc(-10 * var(--vhu, 1vh));
    color: #f3f1ec;
  }
  .menu .menu_fv .menu_fv_ttl {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: calc(12.25 * var(--vhu, 1vh));
    margin-top: calc(0.75 * var(--vhu, 1vh));
    line-height: 1;
    color: #1f2a3c;
    -webkit-text-stroke-width: 10px;
    -webkit-text-stroke-color: #f3f1ec;
    paint-order: stroke fill;
  }
  .menu .menu_ttl {
    font-size: calc(3.5 * var(--vhu, 1vh));
    margin-top: calc(8.875 * var(--vhu, 1vh));
    margin-bottom: 0;
    align-self: center;
    display: inline-block;
    background-color: #8a9ba8;
    padding: calc(0.75 * var(--vhu, 1vh)) calc(2.5 * var(--vhu, 1vh));
  }
  .menu .menu_panel {
    background-color: transparent;
    border: 2px solid #1f2a3c;
    border-radius: calc(1.25 * var(--vhu, 1vh));
    max-width: calc(65 * var(--vhu, 1vh));
    margin: calc(-2.5 * var(--vhu, 1vh)) auto 0;
    padding: calc(4.625 * var(--vhu, 1vh)) calc(4.375 * var(--vhu, 1vh)) calc(5.875 * var(--vhu, 1vh));
  }
  .menu .menu_list {
    column-gap: calc(1.625 * var(--vhu, 1vh));
    row-gap: calc(1.25 * var(--vhu, 1vh));
  }
  .menu .menu_list li {
    width: calc((100% - 3 * calc(1.625 * var(--vhu, 1vh))) / 4);
  }
  .pc_content {
    flex: 0 0 50%;
    width: 50%;
  }
}
.sec {
  margin-top: calc(20.5128205128 * var(--vwu, 1vw));
}

.sec_intro {
  width: calc(76.9230769231 * var(--vwu, 1vw));
  margin: 0 auto;
  text-align: center;
}
.sec_intro .sec_no {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(7.1794871795 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .sec_intro .sec_no {
    font-size: 28px;
  }
}
.sec_intro .sec_no {
  color: #1f2a3c;
}
.sec_intro .sec_tm {
  width: calc(58.9743589744 * var(--vwu, 1vw));
  margin: calc(5.1282051282 * var(--vwu, 1vw)) auto 0;
}
.sec_intro .sec_tm .rsectm_logo {
  margin-bottom: calc(-1.2820512821 * var(--vwu, 1vw));
}
.sec_intro .sec_tm .sec_profile {
  display: flex;
  align-items: center;
  gap: calc(5.1282051282 * var(--vwu, 1vw));
  text-align: left;
}
.sec_intro .sec_tm .sec_profile .sec_profile_icon {
  flex: none;
  width: calc(25.641025641 * var(--vwu, 1vw));
  border-radius: 50%;
}
.sec_intro .sec_tm .sec_profile .sec_profile_brand {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(3.0769230769 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .sec_intro .sec_tm .sec_profile .sec_profile_brand {
    font-size: 12px;
  }
}
.sec_intro .sec_tm .sec_profile .sec_profile_brand {
  color: #1f2a3c;
}
.sec_intro .sec_tm .sec_profile .sec_profile_name {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(6.1538461538 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .sec_intro .sec_tm .sec_profile .sec_profile_name {
    font-size: 24px;
  }
}
.sec_intro .sec_tm .sec_profile .sec_profile_name {
  color: #1f2a3c;
}
.sec_intro .sec_tm .sec_profile .sec_profile_links {
  display: flex;
  gap: calc(2.5641025641 * var(--vwu, 1vw));
  margin-top: calc(1.2820512821 * var(--vwu, 1vw));
}
.sec_intro .sec_tm .sec_profile .sec_profile_links a {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(2.5641025641 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .sec_intro .sec_tm .sec_profile .sec_profile_links a {
    font-size: 10px;
  }
}
.sec_intro .sec_tm .sec_profile .sec_profile_links a {
  color: #1f2a3c;
  text-decoration: underline;
}
.sec_intro .sec_desc {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(3.0769230769 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .sec_intro .sec_desc {
    font-size: 12px;
  }
}
.sec_intro .sec_desc {
  color: #1f2a3c;
  margin-top: calc(5.1282051282 * var(--vwu, 1vw));
  text-align: left;
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .sec {
    --vwu: 3.9px;
    max-width: 450px;
    margin: 80px auto 0;
  }
  .pc_content > .sec:first-child {
    margin-top: 0;
  }
}
.day {
  padding-top: calc(20.5128205128 * var(--vwu, 1vw));
  overflow: hidden;
}

.day_hero_wrap {
  position: relative;
  width: calc(89.7435897436 * var(--vwu, 1vw));
  margin: 0 auto;
}

.day_hero {
  overflow: hidden;
}
.day_hero img {
  width: 100%;
  aspect-ratio: 350/450;
  object-fit: cover;
}

.day_ttl {
  position: absolute;
  width: calc(51.2820512821 * var(--vwu, 1vw));
  height: calc(10.2564102564 * var(--vwu, 1vw));
  overflow: hidden;
  background-color: #fff;
  border-radius: calc(1.2820512821 * var(--vwu, 1vw));
  display: flex;
  align-items: center;
}

.day_ttl_slide {
  display: flex;
  align-items: center;
  gap: calc(5.1282051282 * var(--vwu, 1vw));
  width: max-content;
  padding: 0 calc(3.8461538462 * var(--vwu, 1vw));
  animation: dayTtlSlide 6s linear infinite;
}
.day_ttl_slide li {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(4.6153846154 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .day_ttl_slide li {
    font-size: 18px;
  }
}
.day_ttl_slide li {
  white-space: nowrap;
}

@keyframes dayTtlSlide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .day_hero_wrap {
    width: 450px;
  }
}
.creditAjax_price__proper::before,
.creditAjax_price__sale::before {
  content: "¥";
}

.creditAjax_price__sale {
  color: red;
  margin-left: 5px;
}

.creditAjax_price__off {
  color: red;
}
.creditAjax_price__off::before {
  content: "(";
}
.creditAjax_price__off::after {
  content: ")";
}

.creditAjax__saleOn .creditAjax_price__proper {
  text-decoration: line-through;
}

.creditAjax_item {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.credit_area {
  width: calc(89.7435897436 * var(--vwu, 1vw));
  margin: calc(5.1282051282 * var(--vwu, 1vw)) auto 0;
}

.credit {
  display: flex;
  flex-direction: column;
  gap: calc(2.5641025641 * var(--vwu, 1vw));
}

.creditAjax_link {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.credit_box {
  display: flex;
  gap: calc(1.2820512821 * var(--vwu, 1vw));
}

.cre_img {
  flex: none;
  width: calc(15.3846153846 * var(--vwu, 1vw));
  height: calc(19.2307692308 * var(--vwu, 1vw));
  overflow: hidden;
  background-color: #d9d9d9;
}
.cre_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.credit_text {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(2.5641025641 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .credit_text {
    font-size: 10px;
  }
}
.credit_text {
  color: #1f2a3c;
}

.buy {
  flex: none;
  width: calc(15.3846153846 * var(--vwu, 1vw));
  height: calc(7.6923076923 * var(--vwu, 1vw));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(3.0769230769 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .buy {
    font-size: 12px;
  }
}
.buy {
  color: #f3f1ec;
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .credit_area {
    width: 450px;
  }
}
.polaroid_group {
  position: relative;
  margin: calc(5.1282051282 * var(--vwu, 1vw)) auto 0;
}

.polaroid_group2 {
  position: relative;
  margin: calc(5.1282051282 * var(--vwu, 1vw)) auto 0;
  height: calc(59.7435897436 * var(--vwu, 1vw));
}

.polaroid {
  position: absolute;
  opacity: 0;
  transform: rotate(var(--rot, 0deg));
}
.polaroid img {
  display: block;
  width: 100%;
  height: 100%;
}
.polaroid.on {
  animation: polaroidPopup 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--delay, 0s) forwards;
}

@keyframes polaroidPopup {
  0% {
    transform: translateY(40px) scale(0.8) rotate(var(--rot, 0deg));
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1) rotate(var(--rot, 0deg));
  }
  80%, 100% {
    opacity: 1;
  }
}
.polaroid_group .polaroid--1 {
  --delay: 0s;
}
.polaroid_group .polaroid--3 {
  --delay: 0.25s;
}
.polaroid_group .polaroid--2 {
  --delay: 0.5s;
}

.day--1 .day_ttl {
  top: calc(-5.1282051282 * var(--vwu, 1vw));
  right: calc(-7.6923076923 * var(--vwu, 1vw));
  transform: rotate(10deg);
}
.day--1 .day_ttl li {
  color: #d69a34;
}
.day--1 .buy {
  background-color: #d69a34;
}
.day--1 .polaroid_group {
  height: calc(53.8461538462 * var(--vwu, 1vw));
}
.day--1 .polaroid_group .polaroid--1 {
  left: calc(-0.2564102564 * var(--vwu, 1vw));
  top: calc(1.2820512821 * var(--vwu, 1vw));
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: -8deg;
}
.day--1 .polaroid_group .polaroid--2 {
  left: calc(66.6666666667 * var(--vwu, 1vw));
  top: 0;
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: -3.5deg;
}
.day--1 .polaroid_group .polaroid--3 {
  left: calc(33.3333333333 * var(--vwu, 1vw));
  top: calc(7.1794871795 * var(--vwu, 1vw));
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: 9deg;
}
.day--1 .polaroid_group2 {
  height: calc(53.8461538462 * var(--vwu, 1vw));
}
.day--1 .polaroid_group2 .polaroid--1 {
  left: calc(47.4358974359 * var(--vwu, 1vw));
  top: calc(5.1282051282 * var(--vwu, 1vw));
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: -7.17deg;
  --delay: 0.25s;
}
.day--1 .polaroid_group2 .polaroid--2 {
  left: calc(16.6666666667 * var(--vwu, 1vw));
  top: calc(0 * var(--vwu, 1vw));
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: 5.16deg;
  --delay: 0s;
}

.day--2 .day_ttl {
  top: calc(-5.1282051282 * var(--vwu, 1vw));
  left: calc(-7.6923076923 * var(--vwu, 1vw));
  transform: rotate(-5deg);
}
.day--2 .day_ttl li {
  color: #8a9ba8;
}
.day--2 .buy {
  background-color: #8a9ba8;
}
.day--2 .polaroid_group {
  height: calc(53.8461538462 * var(--vwu, 1vw));
}
.day--2 .polaroid_group .polaroid--1 {
  left: calc(-0.5128205128 * var(--vwu, 1vw));
  top: calc(4.358974359 * var(--vwu, 1vw));
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: -4deg;
}
.day--2 .polaroid_group .polaroid--2 {
  left: calc(64.1025641026 * var(--vwu, 1vw));
  top: calc(5.3846153846 * var(--vwu, 1vw));
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: -10deg;
}
.day--2 .polaroid_group .polaroid--3 {
  left: calc(32.0512820513 * var(--vwu, 1vw));
  top: 0;
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: 7deg;
}
.day--2 .polaroid_group2 {
  height: calc(53.8461538462 * var(--vwu, 1vw));
}
.day--2 .polaroid_group2 .polaroid--1 {
  left: calc(15.3846153846 * var(--vwu, 1vw));
  top: calc(5.1282051282 * var(--vwu, 1vw));
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: 5.53deg;
  --delay: 0s;
}
.day--2 .polaroid_group2 .polaroid--2 {
  left: calc(47.4358974359 * var(--vwu, 1vw));
  top: calc(0 * var(--vwu, 1vw));
  width: calc(33.3333333333 * var(--vwu, 1vw));
  height: calc(43.5897435897 * var(--vwu, 1vw));
  --rot: -4.66deg;
  --delay: 0.25s;
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .polaroid_group,
  .polaroid_group2 {
    width: 390px;
    margin-left: auto;
    margin-right: auto;
  }
}
.place {
  margin-top: calc(20.5128205128 * var(--vwu, 1vw));
  overflow: hidden;
}

.place_read {
  text-align: center;
}

.place_ttl .place_ttl_en {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(7.1794871795 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .place_ttl .place_ttl_en {
    font-size: 28px;
  }
}
.place_ttl .place_ttl_en {
  color: #1f2a3c;
}
.place_ttl .place_ttl_ja {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(3.0769230769 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .place_ttl .place_ttl_ja {
    font-size: 12px;
  }
}
.place_ttl .place_ttl_ja {
  color: #1f2a3c;
}

.place_contener {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(3.8461538462 * var(--vwu, 1vw));
  margin-top: calc(5.1282051282 * var(--vwu, 1vw));
}
.place_contener .pin {
  flex: none;
  width: calc(4.8717948718 * var(--vwu, 1vw));
}
.place_contener .place_name {
  text-align: left;
}
.place_contener .place_name_ja {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(6.1538461538 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .place_contener .place_name_ja {
    font-size: 24px;
  }
}
.place_contener .place_name_ja {
  color: #1f2a3c;
}
.place_contener .place_name_sub {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(3.0769230769 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .place_contener .place_name_sub {
    font-size: 12px;
  }
}
.place_contener .place_name_sub {
  color: #1f2a3c;
}

.place_photo {
  position: relative;
  margin-top: calc(5.1282051282 * var(--vwu, 1vw));
  height: calc(164.1025641026 * var(--vwu, 1vw));
}

.pla {
  position: absolute;
  display: block;
  opacity: 0;
  transform: rotate(var(--rot, 0deg));
}
.pla.on {
  animation: polaroidPopup 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--delay, 0s) forwards;
}

.pla--1 {
  --delay: 0s;
}

.pla--2 {
  --delay: 0.25s;
}

.pla--3 {
  --delay: 0.5s;
}

.pla--4 {
  --delay: 0.75s;
}

.pla--5 {
  --delay: 1s;
}

.pla--crop {
  overflow: hidden;
}
.pla--crop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.place_script {
  position: absolute;
}

.ticket_group {
  position: relative;
  margin-top: calc(5.1282051282 * var(--vwu, 1vw));
  height: calc(102.5641025641 * var(--vwu, 1vw));
}

.ticket {
  position: absolute;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transform: translateX(var(--from, 0)) rotate(var(--rot, 0deg));
}
.ticket.on {
  animation: ticketSlideIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) var(--delay, 0s) forwards;
}
.ticket .ticket_txt {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(3.0769230769 * var(--vwu, 1vw));
  line-height: 1.7;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .ticket .ticket_txt {
    font-size: 12px;
  }
}
.ticket .ticket_txt {
  color: #1f2a3c;
  width: 60%;
  margin-left: 9%;
}
.ticket .ticket_label {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(2.5641025641 * var(--vwu, 1vw));
  line-height: 1.2;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .ticket .ticket_label {
    font-size: 10px;
  }
}
.ticket .ticket_label {
  color: #1f2a3c;
  position: absolute;
  top: 50%;
  right: 9%;
  width: 15%;
  transform: translateY(-50%);
  writing-mode: vertical-rl;
  text-align: center;
  white-space: nowrap;
}
.ticket .ticket_label--2line span {
  display: block;
  position: relative;
}
.ticket .ticket_label--2line span:first-child {
  top: calc(-4.1025641026 * var(--vwu, 1vw));
  right: calc(-1.0256410256 * var(--vwu, 1vw));
}
.ticket .ticket_label--2line span:last-child {
  top: calc(2.3076923077 * var(--vwu, 1vw));
}

@keyframes ticketSlideIn {
  0% {
    opacity: 0;
    transform: translateX(var(--from, 0)) rotate(var(--rot, 0deg));
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotate(var(--rot, 0deg));
  }
}
.ticket--point {
  left: calc(12.3076923077 * var(--vwu, 1vw));
  top: calc(0.2564102564 * var(--vwu, 1vw));
  width: calc(86.4102564103 * var(--vwu, 1vw));
  aspect-ratio: 337/139;
  background-image: url(../images/ticket_1.webp);
  --rot: 2deg;
  --from: calc(-15.3846153846 * var(--vwu, 1vw));
  --delay: 0s;
}

.ticket--gourmet {
  left: calc(1.2820512821 * var(--vwu, 1vw));
  top: calc(32.8205128205 * var(--vwu, 1vw));
  width: calc(86.1538461538 * var(--vwu, 1vw));
  aspect-ratio: 336/133;
  background-image: url(../images/ticket_2.webp);
  --rot: -3deg;
  --from: calc(15.3846153846 * var(--vwu, 1vw));
  --delay: 0.25s;
}

.ticket--spot {
  left: calc(10.2564102564 * var(--vwu, 1vw));
  top: calc(64.1025641026 * var(--vwu, 1vw));
  width: calc(86.1538461538 * var(--vwu, 1vw));
  aspect-ratio: 336/133;
  background-image: url(../images/ticket_3.webp);
  --rot: 3deg;
  --from: calc(-15.3846153846 * var(--vwu, 1vw));
  --delay: 0.5s;
}

.place--sec1 .pla--1 {
  right: calc(2.5641025641 * var(--vwu, 1vw));
  top: 0;
  width: calc(56.4102564103 * var(--vwu, 1vw));
}
.place--sec1 .pla--2 {
  left: calc(14.1025641026 * var(--vwu, 1vw));
  top: calc(29.4871794872 * var(--vwu, 1vw));
  width: calc(22.3076923077 * var(--vwu, 1vw));
}
.place--sec1 .pla--3 {
  left: calc(5.1282051282 * var(--vwu, 1vw));
  top: calc(78.9743589744 * var(--vwu, 1vw));
  width: calc(56.4102564103 * var(--vwu, 1vw));
}
.place--sec1 .pla--4 {
  right: calc(-7.6923076923 * var(--vwu, 1vw));
  top: calc(112.0512820513 * var(--vwu, 1vw));
  width: calc(58.7179487179 * var(--vwu, 1vw));
}
.place--sec1 .place_script--gourmet {
  left: calc(11.5384615385 * var(--vwu, 1vw));
  top: calc(12.0512820513 * var(--vwu, 1vw));
  width: calc(29.2307692308 * var(--vwu, 1vw));
  transform: rotate(-5.69deg);
}
.place--sec1 .place_script--location {
  right: calc(11.5384615385 * var(--vwu, 1vw));
  top: calc(96.4102564103 * var(--vwu, 1vw));
  width: calc(28.2051282051 * var(--vwu, 1vw));
  transform: rotate(-4.07deg);
}

.place--sec2 .pla--1 {
  left: calc(37.1794871795 * var(--vwu, 1vw));
  top: 0;
  width: calc(66.1538461538 * var(--vwu, 1vw));
  aspect-ratio: 258/184;
}
.place--sec2 .pla--2 {
  left: 0;
  top: calc(34.8717948718 * var(--vwu, 1vw));
  width: calc(58.2051282051 * var(--vwu, 1vw));
}
.place--sec2 .pla--3 {
  left: calc(37.9487179487 * var(--vwu, 1vw));
  top: calc(87.4358974359 * var(--vwu, 1vw));
  width: calc(60 * var(--vwu, 1vw));
  --rot: 2.91deg;
}
.place--sec2 .place_script--gourmet {
  left: calc(57.4358974359 * var(--vwu, 1vw));
  top: calc(60 * var(--vwu, 1vw));
  width: calc(29.2307692308 * var(--vwu, 1vw));
  transform: rotate(5.36deg);
}
.place--sec2 .place_script--location {
  left: calc(8.7179487179 * var(--vwu, 1vw));
  top: calc(115.1282051282 * var(--vwu, 1vw));
  width: calc(28.2051282051 * var(--vwu, 1vw));
  transform: rotate(-4.07deg);
}

.place--sec3 .pla--1 {
  left: calc(5.1282051282 * var(--vwu, 1vw));
  top: 0;
  width: calc(57.6923076923 * var(--vwu, 1vw));
}
.place--sec3 .pla--2 {
  left: calc(46.1538461538 * var(--vwu, 1vw));
  top: calc(57.9487179487 * var(--vwu, 1vw));
  width: calc(53.8461538462 * var(--vwu, 1vw));
}
.place--sec3 .pla--3 {
  left: 0;
  top: calc(92.8205128205 * var(--vwu, 1vw));
  width: calc(58.4615384615 * var(--vwu, 1vw));
}
.place--sec3 .pla--4 {
  left: calc(47.6923076923 * var(--vwu, 1vw));
  top: calc(133.5897435897 * var(--vwu, 1vw));
  width: calc(42.0512820513 * var(--vwu, 1vw));
}
.place--sec3 .place_script--gourmet {
  left: calc(66.4102564103 * var(--vwu, 1vw));
  top: calc(48.7179487179 * var(--vwu, 1vw));
  width: calc(30 * var(--vwu, 1vw));
  transform: rotate(-5.56deg);
}
.place--sec3 .place_script--location {
  left: calc(8.9743589744 * var(--vwu, 1vw));
  top: calc(144.1025641026 * var(--vwu, 1vw));
  width: calc(28.9743589744 * var(--vwu, 1vw));
  transform: rotate(-3.97deg);
}

.place--sec4 .pla--1 {
  left: calc(2.5641025641 * var(--vwu, 1vw));
  top: calc(15.8974358974 * var(--vwu, 1vw));
  width: calc(60.7692307692 * var(--vwu, 1vw));
  --rot: -3.55deg;
  --delay: 0.25s;
}
.place--sec4 .pla--2 {
  left: calc(56.4102564103 * var(--vwu, 1vw));
  top: 0;
  width: calc(38.4615384615 * var(--vwu, 1vw));
  --delay: 0s;
}
.place--sec4 .pla--3 {
  left: calc(41.0256410256 * var(--vwu, 1vw));
  top: calc(116.9230769231 * var(--vwu, 1vw));
  width: calc(56.4102564103 * var(--vwu, 1vw));
  --delay: 0.75s;
}
.place--sec4 .pla--4 {
  left: calc(12.8205128205 * var(--vwu, 1vw));
  top: calc(104.6153846154 * var(--vwu, 1vw));
  width: calc(41.0256410256 * var(--vwu, 1vw));
  --delay: 0.5s;
}
.place--sec4 .place_script--gourmet {
  left: calc(61.5384615385 * var(--vwu, 1vw));
  top: calc(66.9230769231 * var(--vwu, 1vw));
  width: calc(29.7435897436 * var(--vwu, 1vw));
  transform: rotate(8.28deg);
}

.place--sec5 .pla--1 {
  left: calc(10.2564102564 * var(--vwu, 1vw));
  top: 0;
  width: calc(45.3846153846 * var(--vwu, 1vw));
}
.place--sec5 .pla--2 {
  left: calc(57.6923076923 * var(--vwu, 1vw));
  top: calc(2.0512820513 * var(--vwu, 1vw));
  width: calc(12.5641025641 * var(--vwu, 1vw));
  --rot: 10.53deg;
}
.place--sec5 .pla--3 {
  left: calc(39.7435897436 * var(--vwu, 1vw));
  top: calc(38.9743589744 * var(--vwu, 1vw));
  width: calc(58.9743589744 * var(--vwu, 1vw));
  --rot: -3.23deg;
}
.place--sec5 .pla--4 {
  left: calc(6.4102564103 * var(--vwu, 1vw));
  top: calc(74.358974359 * var(--vwu, 1vw));
  width: calc(41.7948717949 * var(--vwu, 1vw));
  --rot: 3.68deg;
}
.place--sec5 .pla--5 {
  left: calc(53.8461538462 * var(--vwu, 1vw));
  top: calc(108.4615384615 * var(--vwu, 1vw));
  width: calc(38.4615384615 * var(--vwu, 1vw));
}
.place--sec5 .place_script--gourmet {
  left: calc(6.4102564103 * var(--vwu, 1vw));
  top: calc(61.2820512821 * var(--vwu, 1vw));
  width: calc(29.7435897436 * var(--vwu, 1vw));
  transform: rotate(8.28deg);
}
.place--sec5 .place_script--location {
  left: calc(53.0769230769 * var(--vwu, 1vw));
  top: calc(97.6923076923 * var(--vwu, 1vw));
  width: calc(28.2051282051 * var(--vwu, 1vw));
  transform: rotate(-3.63deg);
}

.place--sec6 .pla--1 {
  left: calc(5.1282051282 * var(--vwu, 1vw));
  top: 0;
  width: calc(58.9743589744 * var(--vwu, 1vw));
  --rot: -3.22deg;
}
.place--sec6 .pla--2 {
  left: calc(39.7435897436 * var(--vwu, 1vw));
  top: calc(29.2307692308 * var(--vwu, 1vw));
  width: calc(60.2564102564 * var(--vwu, 1vw));
}
.place--sec6 .pla--3 {
  left: calc(5.641025641 * var(--vwu, 1vw));
  top: calc(84.6153846154 * var(--vwu, 1vw));
  width: calc(91.5384615385 * var(--vwu, 1vw));
  --rot: 1.41deg;
}
.place--sec6 .place_script--gourmet {
  left: calc(13.8461538462 * var(--vwu, 1vw));
  top: calc(66.1538461538 * var(--vwu, 1vw));
  width: calc(29.2307692308 * var(--vwu, 1vw));
  transform: rotate(-5.65deg);
}

.place--sec7 .pla--1 {
  left: calc(7.6923076923 * var(--vwu, 1vw));
  top: 0;
  width: calc(41.0256410256 * var(--vwu, 1vw));
}
.place--sec7 .pla--2 {
  left: calc(37.1794871795 * var(--vwu, 1vw));
  top: calc(13.5897435897 * var(--vwu, 1vw));
  width: calc(56.4102564103 * var(--vwu, 1vw));
}
.place--sec7 .pla--3 {
  left: calc(5.1282051282 * var(--vwu, 1vw));
  top: calc(92.0512820513 * var(--vwu, 1vw));
  width: calc(56.4102564103 * var(--vwu, 1vw));
}
.place--sec7 .pla--4 {
  left: calc(42.3076923077 * var(--vwu, 1vw));
  top: calc(132.0512820513 * var(--vwu, 1vw));
  width: calc(41.0256410256 * var(--vwu, 1vw));
}
.place--sec7 .place_script--gourmet {
  left: calc(5.8974358974 * var(--vwu, 1vw));
  top: calc(47.1794871795 * var(--vwu, 1vw));
  width: calc(29.2307692308 * var(--vwu, 1vw));
  transform: rotate(-5.65deg);
}
.place--sec7 .place_script--location {
  left: calc(61.5384615385 * var(--vwu, 1vw));
  top: calc(114.1025641026 * var(--vwu, 1vw));
  width: calc(27.9487179487 * var(--vwu, 1vw));
  transform: rotate(2.82deg);
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .place_photo,
  .ticket_group {
    width: 390px;
    margin-left: auto;
    margin-right: auto;
  }
}
.line {
  margin-top: calc(20.5128205128 * var(--vwu, 1vw));
}
.line img {
  width: calc(97.1794871795 * var(--vwu, 1vw));
  clip-path: inset(0 100% 0 0);
}
.line.on img {
  animation: lineReveal 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes lineReveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
.travelgoods {
  padding-bottom: calc(5.1282051282 * var(--vwu, 1vw));
  width: 89.7435897436vw;
  margin: 80px auto 0;
}

.travelgoods_ttl {
  text-align: center;
}
.travelgoods_ttl .travelgoods_ttl_en {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(7.1794871795 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .travelgoods_ttl .travelgoods_ttl_en {
    font-size: 28px;
  }
}
.travelgoods_ttl .travelgoods_ttl_en {
  color: #1f2a3c;
}
.travelgoods_ttl .travelgoods_ttl_by {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(4.6153846154 * var(--vwu, 1vw));
  line-height: 1.5;
  color: #1f2a3c;
}

.sectionAjax {
  display: flex;
  gap: calc(1.2820512821 * var(--vwu, 1vw));
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: calc(20.5128205128 * var(--vwu, 1vw));
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sectionAjax::-webkit-scrollbar {
  display: none;
}
.sectionAjax > div,
.sectionAjax > li {
  flex: none;
  width: calc(38.4615384615 * var(--vwu, 1vw));
}
.sectionAjax a {
  display: block;
}
.sectionAjax a > p {
  position: relative;
}
.sectionAjax img {
  display: block;
  width: 100%;
  height: calc(48.2051282051 * var(--vwu, 1vw));
  object-fit: cover;
  background-color: #d9d9d9;
}
.sectionAjax img + span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: #219bd9;
  color: #fff;
  box-sizing: border-box;
  padding: 3px 10px;
  white-space: nowrap;
  font-size: 10px;
}
.sectionAjax .ico_box {
  display: none;
}
.sectionAjax .ico_box + p {
  display: none;
}
.sectionAjax .textOverflow,
.sectionAjax .label {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(2.5641025641 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .sectionAjax .textOverflow,
  .sectionAjax .label {
    font-size: 10px;
  }
}
.sectionAjax .textOverflow,
.sectionAjax .label {
  color: #1f2a3c;
  margin-top: calc(5.1282051282 * var(--vwu, 1vw));
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.sectionAjax .price,
.sectionAjax .salecolor,
.sectionAjax .salecolor + .price {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(2.5641025641 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .sectionAjax .price,
  .sectionAjax .salecolor,
  .sectionAjax .salecolor + .price {
    font-size: 10px;
  }
}
.sectionAjax .price,
.sectionAjax .salecolor,
.sectionAjax .salecolor + .price {
  color: #1f2a3c;
}
.sectionAjax .salecolor,
.sectionAjax .salecolor + .price {
  color: #ee2e2e;
}

.goods_scrollbar {
  position: relative;
  width: 100%;
  height: 5px;
  background-color: #fff;
  margin-top: calc(2.5641025641 * var(--vwu, 1vw));
}

.goods_scrollbar_thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #8a9ba8;
}

.travelgoods_more {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 500;
  font-style: normal;
  display: block;
  position: relative;
  width: calc(38.4615384615 * var(--vwu, 1vw));
  height: calc(12.8205128205 * var(--vwu, 1vw));
  margin: calc(5.1282051282 * var(--vwu, 1vw)) auto 0;
  border-radius: calc(12.8205128205 * var(--vwu, 1vw));
  background-color: #fff;
  font-size: calc(4.6153846154 * var(--vwu, 1vw));
  line-height: calc(12.8205128205 * var(--vwu, 1vw));
  text-align: center;
  color: #1f2a3c;
}
.travelgoods_more::before {
  content: "";
  position: absolute;
  inset: calc(1.0256410256 * var(--vwu, 1vw));
  border: 1px dashed #8a9ba8;
  border-radius: calc(12.8205128205 * var(--vwu, 1vw));
}

.copyright {
  font-family: "zen-kaku-gothic-antique", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(2.5641025641 * var(--vwu, 1vw));
  line-height: 1.5;
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .copyright {
    font-size: 10px;
  }
}
.copyright {
  color: #3a3233;
  text-align: center;
  margin-top: calc(7.6923076923 * var(--vwu, 1vw));
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 4/3) {
  .travelgoods {
    --vwu: 3.9px;
    width: 450px;
    margin: 80px auto 0;
  }
}
.load {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  z-index: 9999;
}