/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

* {
  box-sizing: border-box;
  word-break: break-all;
}

img {
  max-width: 100%;
}

.w100 {
  width: 100%;
  height: auto;
}

a,
button {
  color: inherit;
}
@media (min-width: 769px) {
  a,
  button {
    transition: 0.4s;
  }
  a:hover,
  button:hover {
    opacity: 0.6;
  }
}

.txt_underline {
  text-decoration: underline;
}

@media (min-width: 769px) {
  .hv_op {
    transition: opacity 0.3s;
  }
  .hv_op:hover {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  .pc-visible {
    display: none;
  }
}

@media (min-width: 769px) {
  .sp-visible {
    display: none;
  }
}

.stop-anime * {
  animation: none !important;
}

[data-anime="fadeIn"] {
  opacity: 0;
}
[data-anime="fadeIn"].in-view {
  animation: fadeIn 0.8s 0.5s forwards;
}

[data-anime="fadeInUp"] {
  opacity: 0;
  transform: translateY(30px);
}
[data-anime="fadeInUp"].in-view {
  animation: fadeInUp 1.4s 0.2s forwards;
}

[data-anime="zoomIn"] {
  opacity: 0;
}
[data-anime="zoomIn"].in-view {
  animation: zoomIn 0.8s 0.4s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeupImg {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.7s cubic-bezier(0.39, 0.58, 0.57, 1) 0.3s, transform 1s cubic-bezier(0.39, 0.58, 0.57, 1) 0.3s;
}
.fadeupImg.in-view {
  opacity: 1;
  transform: translateY(0);
}

@keyframes zoomIn {
  from {
    opacity: 0;
    scale: 0;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
@keyframes bounceIn {
  0%,
	100%,
	20%,
	40%,
	60%,
	80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes mvIllust {
  from {
    opacity: 0;
    transform: rotate3d(1, 1, 1, 90deg);
    scale: 0;
  }
  to {
    opacity: 1;
    transform: rotate3d(1, 1, 1, 0deg);
    scale: 1;
  }
}
@keyframes mvUFO {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes bounceInLeft {
  0%,
	100%,
	60%,
	75%,
	90% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.08, 1.08, 1.08);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes kakukaku {
  0%,
	20%,
	40%,
	60%,
	100% {
    transform: rotate(-10deg);
  }
  10%,
	30%,
	50% {
    transform: rotate(10deg);
  }
}
@keyframes kakukakuL {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-25deg);
  }
}
@keyframes kakukakuR {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(25deg);
  }
}
@keyframes illustAnim01 {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: rotate(-5deg) scale(1.05);
  }
  20% {
    transform: translateY(0);
  }
  30% {
    transform: rotate(5deg) scale(1.05);
  }
  40% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes illustAnim02 {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: rotate(5deg);
  }
  20% {
    transform: translateY(0);
  }
  30% {
    transform: rotate(5deg);
  }
  40% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes illustAnim03 {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-5%);
  }
  20% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-5%);
  }
  40% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes wobble {
  0% {
    transform: none;
  }
  3% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  6% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  9% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  12% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  15% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  18%,
	100% {
    transform: none;
  }
}
@keyframes rotate {
  0% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
  }
  100% {
    transform-origin: center;
    transform: none;
  }
}
.js-span-text {
  opacity: 0;
  transition: 0.4s;
}
.js-span-text .anime-letter {
  display: inline-block;
  opacity: 0;
}
.js-span-text.in-view {
  opacity: 1;
}
.js-span-text.in-view .anime-letter:nth-child(1) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.36s;
}
.js-span-text.in-view .anime-letter:nth-child(2) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.42s;
}
.js-span-text.in-view .anime-letter:nth-child(3) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.48s;
}
.js-span-text.in-view .anime-letter:nth-child(4) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.54s;
}
.js-span-text.in-view .anime-letter:nth-child(5) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.6s;
}
.js-span-text.in-view .anime-letter:nth-child(6) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.66s;
}
.js-span-text.in-view .anime-letter:nth-child(7) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.72s;
}
.js-span-text.in-view .anime-letter:nth-child(8) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.78s;
}
.js-span-text.in-view .anime-letter:nth-child(9) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.84s;
}
.js-span-text.in-view .anime-letter:nth-child(10) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.9s;
}
.js-span-text.in-view .anime-letter:nth-child(11) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 0.96s;
}
.js-span-text.in-view .anime-letter:nth-child(12) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.02s;
}
.js-span-text.in-view .anime-letter:nth-child(13) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.08s;
}
.js-span-text.in-view .anime-letter:nth-child(14) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.14s;
}
.js-span-text.in-view .anime-letter:nth-child(15) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.2s;
}
.js-span-text.in-view .anime-letter:nth-child(16) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.26s;
}
.js-span-text.in-view .anime-letter:nth-child(17) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.32s;
}
.js-span-text.in-view .anime-letter:nth-child(18) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.38s;
}
.js-span-text.in-view .anime-letter:nth-child(19) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.44s;
}
.js-span-text.in-view .anime-letter:nth-child(20) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.5s;
}
.js-span-text.in-view .anime-letter:nth-child(21) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.56s;
}
.js-span-text.in-view .anime-letter:nth-child(22) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.62s;
}
.js-span-text.in-view .anime-letter:nth-child(23) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.68s;
}
.js-span-text.in-view .anime-letter:nth-child(24) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.74s;
}
.js-span-text.in-view .anime-letter:nth-child(25) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.8s;
}
.js-span-text.in-view .anime-letter:nth-child(26) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.86s;
}
.js-span-text.in-view .anime-letter:nth-child(27) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.92s;
}
.js-span-text.in-view .anime-letter:nth-child(28) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 1.98s;
}
.js-span-text.in-view .anime-letter:nth-child(29) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 2.04s;
}
.js-span-text.in-view .anime-letter:nth-child(30) {
  animation: fadeUpText 0.4s cubic-bezier(0, 1.69, 0.9, 1.55) forwards 2.1s;
}

@keyframes fadeUpText {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* === body
==================================== */
body {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  background: #ffba9f;
  color: #292929;
  opacity: 0;
  animation: fadeIn 1.2s 0.3s forwards;
}

.lp-wrapper {
  position: relative;
}
.lp-wrapper::before, .lp-wrapper::after {
  z-index: 80;
  content: "";
  width: calc(50% - min(39.7333333333vw, 198.6666617px));
  height: 100%;
  position: fixed;
  top: 0;
}
@media screen and (min-width: 500px) {
  .lp-wrapper::before, .lp-wrapper::after {
    width: calc(50% - 210px);
  }
}
.lp-wrapper::before {
  left: 0;
  background: url(../images_new/wave01.png) right top/min(79.4666666667vw, 397.3333234px) repeat;
}
@media screen and (min-width: 500px) {
  .lp-wrapper::before {
    background: url(../images_new/wave01.png) right top/298px repeat;
  }
}
.lp-wrapper::after {
  right: 0;
  background: url(../images_new/wave01.png) left top/min(79.4666666667vw, 397.3333234px) repeat;
}
@media screen and (min-width: 500px) {
  .lp-wrapper::after {
    background: url(../images_new/wave01.png) left top/298px repeat;
  }
}

.page-header {
  pointer-events: none;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  background: url(../images_new/hd-deco.webp) center/44px repeat-x;
}

.pc-left-side {
  display: none;
}
@media screen and (min-width: 1000px) {
  .pc-left-side {
    z-index: 81;
    width: calc(50% - 250px);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
  }
}
.pc-left-side .img {
  width: 88%;
  max-width: 500px;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pc-left-side .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pc-right-side {
  display: none;
}
@media screen and (min-width: 1000px) {
  .pc-right-side {
    z-index: 81;
    width: calc(50% - 250px);
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    display: block;
  }
}
.pc-right-side .pc-nav-box {
  width: 90%;
  max-width: 600px;
  height: 96%;
  max-height: 490px;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.pc-right-side .pc-nav-box .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, calc(1vw * 30 / 1360 * 100), 30px);
}
.pc-right-side .pc-nav-box .list a {
  display: block;
  width: min(calc(1vw * 264 / 1360 * 100), 264px);
  height: min(calc(1vw * 62 / 1360 * 100), 62px);
  background: url(../images_new/title-frame.svg) center top/cover no-repeat;
  font-family: "ta-kasanemarugo", sans-serif;
  font-size: min(calc(1vw * 22 / 1360 * 100), 22px);
  letter-spacing: 0.055em;
  color: #3280c3;
  text-align: center;
  padding-top: min(calc(1vw * 12 / 1360 * 100), 12px);
}
.pc-right-side .pc-nav-box .list .price {
  display: block;
  margin-top: 5px;
  font-size: min(calc(1vw * 13 / 1360 * 100), 13px);
  font-weight: 900;
  text-align: center;
  color: #3280c3;
}
.pc-right-side .pc-nav-box .price-list {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, calc(1vw * 30 / 1360 * 100), 30px);
}
.pc-right-side .pc-nav-box .price-list li {
  font-family: "ta-kasanemarugo", sans-serif;
  font-weight: 900;
  color: #3280c3;
}
.pc-right-side .pc-nav-box .price-list li a {
  position: relative;
  font-size: min(calc(1vw * 20 / 1360 * 100), 20px);
}
.pc-right-side .pc-nav-box .price-list li a:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -29px;
  width: 23px;
  height: 12.5px;
  background: url(../images_new/icon_arrow.svg) no-repeat;
  background-size: 23px;
  height: 12.5px;
}

.lp-contents-wrap {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.lp-contents-wrap::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images_new/wave01.png) center top/min(79.4666666667vw, 397.3333234px) repeat-y;
}
@media screen and (min-width: 500px) {
  .lp-contents-wrap::before {
    background: url(../images_new/wave-pc.webp) center top/430px repeat-y;
  }
}

.main-contents {
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
}

.menu {
  display: none;
  z-index: 81;
  position: fixed;
  top: min(10.4vw, 51.9999987px);
  right: min(2.6666666667vw, 13.333333px);
  width: min(13.0666666667vw, 65.3333317px);
  transition: 0.4s;
}
@media screen and (min-width: 1000px) {
  .menu {
    display: none;
  }
}
.menu:hover {
  opacity: 0.7;
  scale: 1.05;
}
.menu-open .menu img {
  animation: pulse 1s both;
}

.gnav {
  z-index: 90;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: rgba(246, 243, 217, 0.9);
  display: none;
  overflow: hidden;
}
.gnav .gnav-in {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.gnav .gnav-contents {
  padding: min(24vw, 119.999997px) 0;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.gnav .gnav-logo {
  display: block;
  margin: 0 auto min(7.4666666667vw, 37.3333324px);
  width: min(38.1333333333vw, 190.6666619px);
}
.gnav .gnav-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(8vw, 39.999999px);
}
.gnav .gnav-list a {
  display: block;
  width: min(70.4vw, 351.9999912px);
  height: min(16.5333333333vw, 82.6666646px);
  background: url(../images_new/title-frame.svg) center top/cover no-repeat;
  font-family: "ta-kasanemarugo", sans-serif;
  font-size: min(5.8666666667vw, 29.3333326px);
  letter-spacing: 0.055em;
  color: #3280c3;
  text-align: center;
  padding-top: min(3.2vw, 15.9999996px);
}
.gnav .gnav-list .price {
  display: block;
  margin-top: min(1.3333333333vw, 6.6666665px);
  font-size: min(3.4666666667vw, 17.3333329px);
  font-weight: 900;
  text-align: center;
  color: #3280c3;
}
.gnav .gnav-close {
  width: min(9.0666666667vw, 45.3333322px);
  display: block;
  margin-top: min(13.3333333333vw, 66.666665px);
  margin-left: auto;
  margin-right: min(7.2vw, 35.9999991px);
}

.hero-area {
  position: relative;
  padding-bottom: min(21.3333333333vw, 106.666664px);
  padding-top: min(14.6666666667vw, 73.3333315px);
}
@media screen and (min-width: 1000px) {
  .hero-area {
    padding-top: 0;
  }
}
.hero-area::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #b8e9ef;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.hero-area .mv {
  position: relative;
  width: 100%;
  height: min(97.6vw, 487.9999878px);
}
.hero-area .mv .mv-ttl {
  position: absolute;
  top: min(33.8666666667vw, 169.3333291px);
  left: min(6.6666666667vw, 33.3333325px);
  width: min(86.6666666667vw, 433.3333225px);
  opacity: 0;
  animation: bounceIn 0.8s 0.6s both;
}
.hero-area .mv [class*="illust-"] {
  position: absolute;
  opacity: 0;
  animation: mvIllust 0.8s 1.2s both;
}
.hero-area .mv .illust-arm {
  width: min(18.6666666667vw, 93.333331px);
  top: max(-2.6666666667vw, -13.333333px);
  left: min(40.8vw, 203.9999949px);
  animation: mvUFO 1.4s 3.2s both;
}
.hero-area .mv .illust-chara01 {
  width: min(17.8666666667vw, 89.3333311px);
  top: min(22.6666666667vw, 113.3333305px);
  left: min(13.8666666667vw, 69.3333316px);
}
.hero-area .mv .illust-chara02 {
  width: min(13.0666666667vw, 65.3333317px);
  top: min(56vw, 279.999993px);
  left: min(18.4vw, 91.9999977px);
  animation-delay: 2s;
}
.hero-area .mv .illust-chara03 {
  width: min(42.6666666667vw, 213.333328px);
  top: min(76vw, 379.9999905px);
  left: min(33.6vw, 167.9999958px);
  animation-delay: 2.8s;
}
.hero-area .mv .illust-chara04 {
  width: min(14.6666666667vw, 73.3333315px);
  top: min(51.4666666667vw, 257.3333269px);
  left: min(68.8vw, 343.9999914px);
  animation-delay: 2.4s;
}
.hero-area .mv .illust-chara05 {
  width: min(20.5333333333vw, 102.6666641px);
  top: min(17.0666666667vw, 85.3333312px);
  left: min(71.2vw, 355.9999911px);
  animation-delay: 1.6s;
}
.hero-area .catch {
  width: min(75.4666666667vw, 377.3333239px);
  margin: 0 auto;
  animation: bounceInLeft 1.4s 4s both;
}
.hero-area .lead {
  text-align: center;
  margin-top: min(4.2666666667vw, 21.3333328px);
  font-family: "ta-kasanemarugo", sans-serif;
  font-size: min(3.4666666667vw, 17.3333329px);
  line-height: 2;
  letter-spacing: 0.056em;
  color: #3280c3;
}
.hero-area .lead span {
  color: #e2047f;
}

.sec-ttl {
  position: relative;
  width: min(70.4vw, 351.9999912px);
  height: min(16.5333333333vw, 82.6666646px);
  background: url(../images_new/title-frame.svg) center top/cover no-repeat;
  margin: 0 auto;
  text-align: center;
  font-family: "ta-kasanemarugo", sans-serif;
  font-size: min(5.8666666667vw, 29.3333326px);
  letter-spacing: 0.055em;
  color: #3280c3;
  padding-top: min(3.2vw, 15.9999996px);
}
.sec-ttl::before {
  content: "";
  width: min(30.6666666667vw, 153.3333295px);
  height: min(24vw, 119.999997px);
  background: url(../images_new/pricetag-01.png) center/100% no-repeat;
  position: absolute;
  top: max(-14.1333333333vw, -70.6666649px);
  left: max(-12vw, -59.9999985px);
  animation: kakukakuL 1s 0.3s steps(2, end) infinite;
}

.sec-ttl1 {
  position: relative;
  width: min(70.4vw, 351.9999912px);
  height: min(16.5333333333vw, 82.6666646px);
  background: url(../images_new/title-frame.svg) center top/cover no-repeat;
  margin: 0 auto;
  text-align: center;
  font-family: "ta-kasanemarugo", sans-serif;
  font-size: min(5.8666666667vw, 29.3333326px);
  letter-spacing: 0.055em;
  color: #3280c3;
  padding-top: min(3.2vw, 15.9999996px);
}

.sec-lead {
  text-align: center;
  color: #3280c3;
  font-size: min(3.4666666667vw, 17.3333329px);
  font-weight: 900;
  margin-top: 5px;
}

.main-item {
  position: relative;
  width: min(86.6666666667vw, 433.3333225px);
  height: min(106.6666666667vw, 533.33332px);
  background: url(../images_new/slider-frame01.svg) left top/100% no-repeat;
  margin-left: auto;
  transition: 0.8s;
  transform: translateX(100%);
}
.main-item::after {
  content: "";
  width: min(18.9333333333vw, 94.6666643px);
  height: min(22.1333333333vw, 110.6666639px);
  background: url(../images_new/illust-good.svg) center/100% no-repeat;
  position: absolute;
  bottom: min(8vw, 39.999999px);
  left: max(-10.1333333333vw, -50.6666654px);
  transition: 0.4s 2s;
  opacity: 0;
  rotate: -30deg;
  translate: -50% 0;
}
.main-item.in-view {
  transform: translateX(0);
}
.main-item.in-view::after {
  opacity: 1;
  rotate: 0deg;
  translate: 0 0;
  animation: wobble 4s 3s infinite;
}
.main-item.in-view .wooow {
  animation: bounceIn 1s 1s forwards, illustAnim01 2s 2.4s infinite;
}
.main-item .wooow {
  opacity: 0;
  position: absolute;
  top: max(-5.3333333333vw, -26.666666px);
  left: max(-9.3333333333vw, -46.6666655px);
  width: min(72.8vw, 363.9999909px);
}
.main-item .slider-wrap {
  width: min(65.0666666667vw, 325.3333252px);
  height: min(91.7333333333vw, 458.6666552px);
  transform: translate(min(1.0666666667vw, 5.3333332px), min(1.3333333333vw, 6.6666665px));
}
.main-item .item-slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-item .item-slider .slick-arrow {
  z-index: 10;
  position: absolute;
  top: 50%;
  width: min(11.7333333333vw, 58.6666652px);
  display: block;
}
.main-item .item-slider .slick-arrow img {
  width: 100%;
}
.main-item .item-slider .slick-prev {
  left: max(-6.4vw, -31.9999992px);
}
.main-item .item-slider .slick-next {
  right: max(-6.4vw, -31.9999992px);
}
.main-item .item-slider .slide {
  width: 100%;
  height: 100%;
}
.main-item .item-slider .front-cont {
  position: relative;
  display: block;
  padding: min(24vw, 119.999997px) min(5.8666666667vw, 29.3333326px) 0;
  width: 100%;
  height: 100%;
}
.main-item .item-slider .front-cont::after {
  content: "";
  width: min(8.5333333333vw, 42.6666656px);
  height: min(9.0666666667vw, 45.3333322px);
  background: url(../images_new/btn-open.svg) center/100% no-repeat;
  position: absolute;
  bottom: min(2.6666666667vw, 13.333333px);
  right: min(2.6666666667vw, 13.333333px);
}
.main-item .item-slider .front-cont img {
  transition: 0.4s;
}
.main-item .item-slider .front-cont:hover img {
  scale: 1.2;
}
.main-item .item-slider .price {
  margin-top: min(2.6666666667vw, 13.333333px);
  margin-left: min(2.9333333333vw, 14.6666663px);
  color: #e44518;
}
.main-item .item-slider .price span {
  font-family: "ta-kasanemarugo", sans-serif;
  font-size: min(6.4vw, 31.9999992px);
  padding-right: min(1.0666666667vw, 5.3333332px);
}
.main-item .item-slider .price .num {
  font-size: min(7.7333333333vw, 38.6666657px);
  font-family: "marvin-round", sans-serif;
  padding-right: 0;
}

.shop-slider-contents .item-slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.shop-slider-contents .item-slider .slick-arrow {
  z-index: 10;
  position: absolute;
  top: min(61.3333333333vw, 306.666659px);
  width: min(11.7333333333vw, 58.6666652px);
  display: block;
  z-index: 81;
}
.shop-slider-contents .item-slider .slick-arrow img {
  width: 100%;
}
.shop-slider-contents .item-slider .slick-prev {
  left: max(-5.3333333333vw, -26.666666px);
}
.shop-slider-contents .item-slider .slick-next {
  right: max(-5.3333333333vw, -26.666666px);
}
.shop-slider-contents .item-slider .slide {
  width: 100%;
  height: 100%;
}
.shop-slider-contents .item-slider .dots-wrap {
  width: 107px;
  display: flex;
  justify-items: center;
  align-items: center;
  margin: 10px auto 0 auto;
}
.shop-slider-contents .item-slider .dots-wrap li {
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27.5px;
  height: 27.5px;
  background: url(../images_new/pager_bg.svg) no-repeat;
  background-size: 27.5px;
}
.shop-slider-contents .item-slider .dots-wrap li button {
  font-family: "ta-kasanemarugo", sans-serif;
  display: block;
  font-size: min(4vw, 19.9999995px);
  line-height: 1;
  color: #fffd00;
}
.shop-slider-contents .item-slider .dots-wrap li.slick-active {
  width: 29px;
  height: 29px;
  background: url(../images_new/pager_active_bg.svg) no-repeat;
  background-size: 29px;
}
.shop-slider-contents .item-slider .dots-wrap li.slick-active button {
  color: #3c9900;
}
.shop-slider-contents .item-slider .dots-wrap li:first-child {
  margin-left: 0;
}

.sub-item .item-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(8vw, 39.999999px) min(3.7333333333vw, 18.6666662px);
  width: min(78.6666666667vw, 393.3333235px);
  margin: min(2.6666666667vw, 13.333333px) auto min(6.6666666667vw, 33.3333325px);
}
.sub-item .item-list li {
  position: relative;
  aspect-ratio: 1/1;
  width: min(23.7333333333vw, 118.6666637px);
  background: url(../images_new/bg-item.svg) center/min(22.4vw, 111.9999972px) no-repeat;
}
.sub-item .item-list li img {
  animation: scale 5s infinite;
}
.sub-item .item-list li:nth-child(7n-1) img {
  animation-delay: 1s;
}
.sub-item .item-list li:nth-child(7n-2) img {
  animation-delay: 2.3s;
}
.sub-item .item-list li:nth-child(7n-3) img {
  animation-delay: 1.5s;
}
.sub-item .item-list li:nth-child(7n-4) img {
  animation-delay: 3.2s;
}
.sub-item .item-list li:nth-child(7n-5) img {
  animation-delay: 2.8s;
}
.sub-item .item-list li:nth-child(7n-6) img {
  animation-delay: 3.9s;
}
.sub-item .item-list .front-cont img {
  transition: 0.4s;
}
.sub-item .item-list .front-cont:hover img {
  transform: scale(1.2);
}
.sub-item .item-list .deco01::before {
  content: "";
  aspect-ratio: 161/267;
  width: min(14.1333333333vw, 70.6666649px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../images_new/list-illust01.webp) center/100% no-repeat;
}
.sub-item .item-list .deco02::before {
  content: "";
  aspect-ratio: 238/267;
  width: min(21.0666666667vw, 105.3333307px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../images_new/list-illust02.webp) center/100% no-repeat;
}
.sub-item .more-btn {
  display: block;
  margin: min(13.0666666667vw, 65.3333317px) auto 0;
  width: min(26.1333333333vw, 130.6666634px);
}
.sub-item .more-btn:hover img {
  animation: rotate 1s;
}
.sub-item .more-btn.in-view {
  animation: zoomIn 0.4s forwards;
}

@keyframes scale {
  0%,
	95% {
    scale: 1;
  }
  50% {
    scale: 1.14;
  }
}
.sec-list {
  position: relative;
}

.sec-list-04 {
  padding-top: min(8vw, 39.999999px);
}
.sec-list-04::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #ffd5c4;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-list-04 .ttl-illust {
  z-index: 2;
  position: absolute;
  top: max(1.3333333333vw, 6.6666665px);
  right: min(-2.6666666667vw, -13.333333px);
  width: min(20.2666666667vw, 101.3333308px);
  opacity: 0;
}
.sec-list-04 .ttl-illust.in-view {
  animation: fadeInRightBig 2.4s forwards, illustAnim01 2s 2.4s infinite;
}
.sec-list-04 .sec-ttl1 {
  background: url(../images_new/title-frame1.svg) center top/cover no-repeat;
  font-size: min(5.3333333333vw, 26.666666px);
  color: #3c9900;
  margin-top: 12px;
}
.sec-list-04 .sec-lead {
  font-size: min(4.8vw, 23.9999994px);
  color: #3c9900;
}
.sec-list-04 .contents-in {
  width: min(85.3333333333vw, 426.666656px);
  margin: 0 auto;
  padding-top: min(21.3333333333vw, 106.666664px);
  padding-bottom: min(18.6666666667vw, 93.333331px);
  background: url(../images_new/list04-bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.sec-list-04 .contents-in::after {
  content: "";
  width: min(18.9333333333vw, 94.6666643px);
  height: min(22.1333333333vw, 110.6666639px);
  background: url(../images_new/illust-good.svg) center/100% no-repeat;
  position: absolute;
  bottom: min(-1.3333333333vw, -6.6666665px);
  left: max(0vw, 0px);
  transition: 0.4s 2s;
  opacity: 1;
  rotate: 0deg;
  translate: 0 0;
  animation: wobble 4s 3s infinite;
}
.sec-list-04 .contents-in .ranking-contents .ranking-ttl {
  width: min(24.5333333333vw, 122.6666636px);
  margin: 20px auto 0 auto;
}
.sec-list-04 .contents-in .ranking-contents .ranking-ttl img {
  width: 100%;
}
.sec-list-04 .contents-in .ranking-contents .ranking-list {
  padding: 0 20px;
}
.sec-list-04 .contents-in .ranking-contents .ranking-list li {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.sec-list-04 .contents-in .ranking-contents .ranking-list li .ranking-icon {
  width: 40px;
}
.sec-list-04 .contents-in .ranking-contents .ranking-list li .ranking-text {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  width: calc(100% - 40px);
  font-size: 15px;
  letter-spacing: 0.06em;
  line-height: 15px;
  text-align: left;
  color: #000;
}
.sec-list-04 .contents-in .btn-more {
  width: min(46.6666666667vw, 233.3333275px);
  margin: 25px auto 0 auto;
}
.sec-list-04 .contents-in .btn-more img {
  width: 100%;
}
.sec-list-04 .contents-in .pager-list {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec-list-04 .contents-in .pager-list li {
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27.5px;
  height: 27.5px;
  background: url(../images_new/pager_bg.svg) no-repeat;
  background-size: 27.5px;
}
.sec-list-04 .contents-in .pager-list li .num {
  font-family: "ta-kasanemarugo", sans-serif;
  font-size: min(4vw, 19.9999995px);
  line-height: 1;
  color: #fffd00;
}
.sec-list-04 .contents-in .pager-list li.active {
  width: 29px;
  height: 29px;
  background: url(../images_new/pager_active_bg.svg) no-repeat;
  background-size: 29px;
}
.sec-list-04 .contents-in .pager-list li.active .num {
  color: #3c9900;
}
.sec-list-04 .contents-in .pager-list li:first-child {
  margin-left: 0;
}
.sec-list-04 .contents-in .illust1 {
  z-index: 2;
  position: absolute;
  top: max(-1.3333333333vw, -6.6666665px);
  left: min(-1.3333333333vw, -6.6666665px);
  width: min(61.3333333333vw, 306.666659px);
  opacity: 0;
}
.sec-list-04 .contents-in .illust1.in-view {
  animation: fadeInLeftBig 2.4s forwards, illustAnim01 2s 2.4s infinite;
}
.sec-list-04 .contents-in .illust2 {
  z-index: 0;
  position: absolute;
  top: max(69.3333333333vw, 346.666658px);
  right: min(1.3333333333vw, 6.6666665px);
  width: min(13.3333333333vw, 66.666665px);
  opacity: 0;
}
@media screen and (min-width: 500px) {
  .sec-list-04 .contents-in .illust2 {
    top: max(28vw, 139.9999965px);
  }
}
.sec-list-04 .contents-in .shop-box {
  width: calc(100% - 60px);
  margin: 20px auto 0 auto;
}
.sec-list-04 .contents-in .shop-box .shop-name {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: center;
  color: #e44518;
  font-size: min(4vw, 19.9999995px);
  margin-top: 15px;
}
.sec-list-04 .contents-in .shop-box .shop-floor {
  margin-top: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: center;
  color: #000;
  font-size: min(2.9333333333vw, 14.6666663px);
}

.sec-list-05 {
  padding-top: min(32vw, 159.999996px);
}
.sec-list-05::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #b9ffc0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-list-05::after {
  content: "";
  width: 100%;
  height: min(26.6666666667vw, 133.33333px);
  background: #ffd5c4;
  -webkit-mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  position: absolute;
  top: max(-7.2vw, -35.9999991px);
  left: 0;
  z-index: -1;
}
.sec-list-05 .contents-in {
  width: min(85.3333333333vw, 426.666656px);
  margin: 0 auto;
  padding-top: min(17.3333333333vw, 86.6666645px);
  background: url(../images_new/list05-bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.sec-list-05 .contents-in .illust1 {
  z-index: 2;
  position: absolute;
  top: max(-9.3333333333vw, -46.6666655px);
  left: min(-2.6666666667vw, -13.333333px);
  width: min(22.6666666667vw, 113.3333305px);
  opacity: 0;
}
.sec-list-05 .contents-in .illust1.in-view {
  animation: fadeIn 2.4s forwards, illustAnim01 2s 2.4s infinite;
}
.sec-list-05 .contents-in .illust2 {
  z-index: 2;
  position: absolute;
  top: max(-8vw, -39.999999px);
  left: min(20.2666666667vw, 101.3333308px);
  width: min(18.6666666667vw, 93.333331px);
  opacity: 0;
}
.sec-list-05 .contents-in .illust3 {
  z-index: 2;
  position: absolute;
  top: max(-9.3333333333vw, -46.6666655px);
  right: min(-2.6666666667vw, -13.333333px);
  width: min(33.6vw, 167.9999958px);
  opacity: 0;
}
.sec-list-05 .contents-in .illust3.in-view {
  animation: fadeInRightBig 2.4s forwards, illustAnim01 2s 2.4s infinite;
}
.sec-list-05 .sec-ttl1 {
  background: url(../images_new/title-frame1.svg) center top/cover no-repeat;
  font-size: min(5.3333333333vw, 26.666666px);
  color: #3c9900;
  margin-top: 12px;
}
.sec-list-05 .sec-lead {
  font-size: min(4.8vw, 23.9999994px);
  color: #3c9900;
}
.sec-list-05 .list05-item-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 40px);
  margin: 40px auto 0 auto;
}
.sec-list-05 .list05-item-list li {
  width: calc((100% - 8px) / 3);
  margin: 0 0 50px 4px;
  position: relative;
}
.sec-list-05 .list05-item-list li img {
  position: relative;
}
.sec-list-05 .list05-item-list li:nth-child(3n + 1) {
  margin: 0 0 50px 0;
}
.sec-list-05 .list05-item-list li:nth-child(1):before {
  position: absolute;
  content: "";
  background: url(../images_new/list05-item01-bg.png) no-repeat;
  background-size: contain;
  width: min(24.2666666667vw, 121.3333303px);
  height: min(23.7333333333vw, 118.6666637px);
  z-index: 0;
}
.sec-list-05 .list05-item-list li:nth-child(2):before {
  position: absolute;
  content: "";
  background: url(../images_new/list05-item02-bg.png) no-repeat;
  background-size: contain;
  width: min(22.4vw, 111.9999972px);
  height: min(21.3333333333vw, 106.666664px);
  z-index: 0;
}
.sec-list-05 .list05-item-list li:nth-child(3):before {
  position: absolute;
  content: "";
  background: url(../images_new/list05-item03-bg.png) no-repeat;
  background-size: contain;
  width: min(21.8666666667vw, 109.3333306px);
  height: min(21.3333333333vw, 106.666664px);
  z-index: 0;
}
.sec-list-05 .list05-item-list li:nth-child(4):before {
  position: absolute;
  content: "";
  background: url(../images_new/list05-item04-bg.png) no-repeat;
  background-size: contain;
  width: min(22.4vw, 111.9999972px);
  height: min(21.0666666667vw, 105.3333307px);
  z-index: 0;
}
.sec-list-05 .list05-item-list li:nth-child(5):before {
  position: absolute;
  content: "";
  background: url(../images_new/list05-item05-bg.png) no-repeat;
  background-size: contain;
  width: min(21.8666666667vw, 109.3333306px);
  height: min(21.3333333333vw, 106.666664px);
  z-index: 0;
}
.sec-list-05 .list05-item-list li:nth-child(6):before {
  position: absolute;
  content: "";
  background: url(../images_new/list05-item06-bg.png) no-repeat;
  background-size: contain;
  width: min(22.4vw, 111.9999972px);
  height: min(21.0666666667vw, 105.3333307px);
  z-index: 0;
}
.sec-list-05 .list05-item-list li:nth-child(7):before {
  position: absolute;
  content: "";
  background: url(../images_new/list05-item07-bg.png) no-repeat;
  background-size: contain;
  width: min(24.2666666667vw, 121.3333303px);
  height: min(23.7333333333vw, 118.6666637px);
  z-index: 0;
}
.sec-list-05 .list05-item-list li:nth-child(8):before {
  position: absolute;
  content: "";
  background: url(../images_new/list05-item01-bg.png) no-repeat;
  background-size: contain;
  width: min(24.2666666667vw, 121.3333303px);
  height: min(23.7333333333vw, 118.6666637px);
  z-index: 0;
}
.sec-list-05 .list05-item-list li:nth-child(9):before {
  position: absolute;
  content: "";
  background: url(../images_new/list05-item04-bg.png) no-repeat;
  background-size: contain;
  width: min(22.4vw, 111.9999972px);
  height: min(21.0666666667vw, 105.3333307px);
  z-index: 0;
}

.sec-list-01 {
  padding-top: min(32vw, 159.999996px);
}
.sec-list-01::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #fdffb9;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-list-01::after {
  content: "";
  width: 100%;
  height: min(26.6666666667vw, 133.33333px);
  background: #b9ffc0;
  -webkit-mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  position: absolute;
  top: max(-7.2vw, -35.9999991px);
  left: 0;
  z-index: -1;
}
.sec-list-01 .ttl-illust {
  z-index: 2;
  position: absolute;
  top: max(10.6666666667vw, 53.333332px);
  right: min(7.4666666667vw, 37.3333324px);
  width: min(20.2666666667vw, 101.3333308px);
  opacity: 0;
}
.sec-list-01 .ttl-illust.in-view {
  animation: fadeInRightBig 2.4s forwards, illustAnim01 2s 2.4s infinite;
}
.sec-list-01 .sec-ttl {
  margin-top: 130px;
  background: none;
  height: min(12vw, 59.9999985px);
}
.sec-list-01 .sec-ttl::before {
  content: "";
  position: absolute;
  top: max(-14.1333333333vw, -70.6666649px);
  left: 30%;
  top: max(-22.1333333333vw, -110.6666639px);
}
.sec-list-01 .intro-area {
  position: relative;
  width: min(100vw, 499.9999875px);
  height: min(68.8vw, 343.9999914px);
}
.sec-list-01 .intro-area img {
  position: absolute;
}
.sec-list-01 .intro-area .illust01 {
  width: min(18.6666666667vw, 93.333331px);
  left: min(22.6666666667vw, 113.3333305px);
  top: min(6.9333333333vw, 34.6666658px);
  opacity: 0;
}
.sec-list-01 .intro-area .illust01.in-view {
  animation: fadeInLeftBig 2.4s forwards, illustAnim01 2s 2.4s infinite;
}
.sec-list-01 .intro-area .illust02 {
  width: min(13.3333333333vw, 66.666665px);
  left: min(46.4vw, 231.9999942px);
  top: min(9.3333333333vw, 46.6666655px);
}
.sec-list-01 .intro-area .illust03 {
  width: min(22.1333333333vw, 110.6666639px);
  left: min(54.4vw, 271.9999932px);
  top: min(31.2vw, 155.9999961px);
}
.sec-list-01 .intro-area .illust04 {
  width: min(30.4vw, 151.9999962px);
  left: min(50.6666666667vw, 253.333327px);
  top: min(33.8666666667vw, 169.3333291px);
}
.sec-list-01 .intro-area .photo01 {
  width: min(21.8666666667vw, 109.3333306px);
  left: min(62.6666666667vw, 313.3333255px);
  top: max(1.0666666667vw, 5.3333332px);
  animation: kakukaku 2.4s steps(1) infinite;
}
.sec-list-01 .intro-area .photo02 {
  width: min(26.6666666667vw, 133.33333px);
  left: min(20.8vw, 103.9999974px);
  top: min(32.2666666667vw, 161.3333293px);
  animation: kakukaku 2.4s 0.8s steps(1) infinite;
}
.sec-list-01 .intro-area .photo03 {
  width: min(24vw, 119.999997px);
  left: min(48vw, 239.999994px);
  top: min(29.8666666667vw, 149.3333296px);
  animation: kakukaku 2.4s 1.6s steps(1) infinite;
}

.sec-list-02 {
  padding-top: min(53.3333333333vw, 266.66666px);
}
.sec-list-02::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #ffbad4;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-list-02::after {
  content: "";
  width: 100%;
  height: min(26.6666666667vw, 133.33333px);
  background: #fdffb9;
  -webkit-mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  position: absolute;
  top: max(-7.2vw, -35.9999991px);
  left: 0;
  z-index: -1;
}
.sec-list-02 .sec-ttl {
  background: none;
  height: min(12vw, 59.9999985px);
}
.sec-list-02 .sec-ttl::before {
  background: url(../images_new/pricetag-02.png) center/100% no-repeat;
  left: 30%;
  top: max(-22.1333333333vw, -110.6666639px);
  transform: translateX(-50%);
}
.sec-list-02 .intro-area {
  position: relative;
  width: min(100vw, 499.9999875px);
  height: min(79.2vw, 395.9999901px);
}
.sec-list-02 .intro-area img {
  position: absolute;
}
.sec-list-02 .intro-area .illust01 {
  width: min(34.9333333333vw, 174.6666623px);
  left: min(6.4vw, 31.9999992px);
  top: min(29.6vw, 147.9999963px);
}
.sec-list-02 .intro-area .illust02 {
  width: min(18.6666666667vw, 93.333331px);
  left: min(42.6666666667vw, 213.333328px);
  top: min(11.4666666667vw, 57.3333319px);
  transition: transform 2s 0.4s steps(10);
  transform: translateX(-100%);
}
.sec-list-02 .intro-area .illust02.in-view {
  transform: none;
}
.sec-list-02 .intro-area .illust03 {
  width: min(20vw, 99.9999975px);
  left: min(64.5333333333vw, 322.6666586px);
  top: min(0.5333333333vw, 2.6666666px);
}
.sec-list-02 .intro-area .illust04 {
  width: min(41.8666666667vw, 209.3333281px);
  left: min(57.0666666667vw, 285.3333262px);
  top: min(68vw, 339.9999915px);
}
.sec-list-02 .intro-area .photo01 {
  width: min(28vw, 139.9999965px);
  left: min(14.4vw, 71.9999982px);
  top: min(8vw, 39.999999px);
  animation: kakukaku 2.4s steps(1) infinite;
}
.sec-list-02 .intro-area .photo02 {
  width: min(37.3333333333vw, 186.666662px);
  left: min(16vw, 79.999998px);
  top: min(39.2vw, 195.9999951px);
  animation: kakukaku 2.4s 0.8s steps(1) infinite;
}
.sec-list-02 .intro-area .photo03 {
  width: min(18.1333333333vw, 90.6666644px);
  left: min(57.6vw, 287.9999928px);
  top: min(44.8vw, 223.9999944px);
  animation: kakukaku 2.4s 1.6s steps(1) infinite;
}
.sec-list-02 .main-item {
  background: url(../images_new/slider-frame02.svg) left top/100% no-repeat;
}

.sec-list-03 {
  padding-top: min(48vw, 239.999994px);
  padding-bottom: min(53.3333333333vw, 266.66666px);
}
.sec-list-03 .sec-lead {
  color: #08958e;
}
.sec-list-03::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #b8e9ee;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-list-03::after {
  content: "";
  width: 100%;
  height: min(26.6666666667vw, 133.33333px);
  background: #ffbad4;
  -webkit-mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  position: absolute;
  top: max(-7.2vw, -35.9999991px);
  left: 0;
  z-index: -1;
}
.sec-list-03 .sec-ttl {
  background: none;
  color: #08958e;
  height: min(12vw, 59.9999985px);
}
.sec-list-03 .sec-ttl::before {
  background: url(../images_new/pricetag-03.png) center/100% no-repeat;
}
.sec-list-03 .intro-area {
  position: relative;
  width: min(100vw, 499.9999875px);
  height: min(92.5333333333vw, 462.6666551px);
}
.sec-list-03 .intro-area img {
  position: absolute;
}
.sec-list-03 .intro-area .illust01 {
  width: min(40.2666666667vw, 201.3333283px);
  left: min(16.5333333333vw, 82.6666646px);
  top: min(8.5333333333vw, 42.6666656px);
}
.sec-list-03 .intro-area .illust02 {
  width: min(24vw, 119.999997px);
  left: min(44.8vw, 223.9999944px);
  top: min(33.3333333333vw, 166.6666625px);
}
.sec-list-03 .intro-area .illust03 {
  width: min(16vw, 79.999998px);
  left: min(32.2666666667vw, 161.3333293px);
  top: min(61.8666666667vw, 309.3333256px);
}
.sec-list-03 .intro-area .illust04 {
  width: min(9.3333333333vw, 46.6666655px);
  left: min(53.3333333333vw, 266.66666px);
  top: min(66.1333333333vw, 330.6666584px);
}
.sec-list-03 .intro-area .photo01 {
  width: min(26.6666666667vw, 133.33333px);
  left: min(16.5333333333vw, 82.6666646px);
  top: min(36vw, 179.9999955px);
  animation: kakukaku 2.4s steps(1) infinite;
}
.sec-list-03 .intro-area .photo02 {
  width: min(34.4vw, 171.9999957px);
  left: min(44.8vw, 223.9999944px);
  top: min(33.3333333333vw, 166.6666625px);
  animation: kakukaku 2.4s 0.8s steps(1) infinite;
}
.sec-list-03 .intro-area .photo03 {
  width: min(24vw, 119.999997px);
  left: min(53.8666666667vw, 269.3333266px);
  top: min(9.3333333333vw, 46.6666655px);
  animation: kakukaku 2.4s 1.6s steps(1) infinite;
}

.sec-post {
  position: relative;
  padding-top: min(5.3333333333vw, 26.666666px);
  padding-bottom: min(40vw, 199.999995px);
}
.sec-post::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #b9ffc0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-post::after {
  content: "";
  width: 100%;
  height: min(32vw, 159.999996px);
  background: #b9ffc0;
  -webkit-mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  position: absolute;
  top: max(-32vw, -159.999996px);
  left: 0;
  scale: 1 -1;
  z-index: -1;
}
.sec-post .post-box {
  position: relative;
  aspect-ratio: 346/338;
  width: min(92.2666666667vw, 461.3333218px);
  margin: 0 auto;
  background: url(../images_new/bg-post.svg) center bottom/100% no-repeat;
  padding-top: min(40vw, 199.999995px);
  text-align: center;
}
.sec-post .post-box .illust-txt {
  position: absolute;
  top: min(1.6vw, 7.9999998px);
  left: min(8.8vw, 43.9999989px);
  width: min(20.5333333333vw, 102.6666641px);
}
.sec-post .post-box .illust01 {
  position: absolute;
  top: min(6.4vw, 31.9999992px);
  left: min(24vw, 119.999997px);
  width: min(26.6666666667vw, 133.33333px);
  rotate: -12deg;
}
.sec-post .post-box .illust02 {
  position: absolute;
  top: max(-5.0666666667vw, -25.3333327px);
  left: min(49.0666666667vw, 245.3333272px);
  width: min(29.3333333333vw, 146.666663px);
}
.sec-post .post-box .illust02.in-view {
  animation: illustAnim02 2s linear infinite;
}
.sec-post .post-box .post-lead {
  font-family: "ta-kasanemarugo", sans-serif;
  font-size: min(4.2666666667vw, 21.3333328px);
  color: #08958e;
}
.sec-post .post-box .logo {
  width: min(37.3333333333vw, 186.666662px);
  margin: min(2.6666666667vw, 13.333333px) auto min(2.6666666667vw, 13.333333px);
}
.sec-post .post-box .shop {
  font-size: min(3.2vw, 15.9999996px);
  font-weight: 500;
  color: #f36e00;
  letter-spacing: 0.074em;
}
.sec-post .post-box .place {
  font-size: min(2.6666666667vw, 13.333333px);
  font-weight: 500;
  margin-top: min(1.6vw, 7.9999998px);
}

.sec-watta {
  position: relative;
  padding-top: min(13.8666666667vw, 69.3333316px);
  margin-top: max(-32vw, -159.999996px);
  padding-bottom: min(30.9333333333vw, 154.6666628px);
}
.sec-watta::before {
  content: "";
  width: 100%;
  height: calc(100% - min(32vw, 159.999996px));
  background: #ffba9f;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.sec-watta::after {
  content: "";
  width: 100%;
  height: min(32vw, 159.999996px);
  background: #ffba9f;
  -webkit-mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  mask: url(../images_new/bg-section.svg) top center/100% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  scale: 1 -1;
  z-index: -1;
}
.sec-watta .watta-ttl {
  width: min(59.7333333333vw, 298.6666592px);
  margin: 0 auto min(12vw, 59.9999985px);
  opacity: 0;
}
.sec-watta .chara-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(3.7333333333vw, 18.6666662px);
}
.sec-watta .chara-list + .chara-list {
  margin-top: min(6.6666666667vw, 33.3333325px);
}
.sec-watta .chara-list li {
  position: relative;
  aspect-ratio: 104/96;
  width: min(27.7333333333vw, 138.6666632px);
  background: url(../images_new/bg-chara-list01.svg) center/100% no-repeat;
}
.sec-watta .chara-list li .front-cont {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.sec-watta .chara-list li .front-cont::after {
  content: "";
  width: min(5.8666666667vw, 29.3333326px);
  height: min(6.4vw, 31.9999992px);
  background: url(../images_new/btn-open02.svg) center/100% no-repeat;
  position: absolute;
  bottom: max(-0.5333333333vw, -2.6666666px);
  right: min(0.8vw, 3.9999999px);
}
.sec-watta .chara-list li img {
  position: absolute;
  left: 50%;
  bottom: min(2.6666666667vw, 13.333333px);
  translate: -50% 0;
  display: inline-block;
}
.sec-watta .chara-list .chara-01 img {
  width: min(17.8666666667vw, 89.3333311px);
}
.sec-watta .chara-list .chara-02 img {
  width: min(16.5333333333vw, 82.6666646px);
  bottom: min(4vw, 19.9999995px);
}
.sec-watta .chara-list .chara-03 img {
  width: min(22.1333333333vw, 110.6666639px);
  bottom: min(4vw, 19.9999995px);
}
.sec-watta .chara-list .chara-04 img {
  width: min(18.1333333333vw, 90.6666644px);
}
.sec-watta .chara-list .chara-05 img {
  width: min(30.4vw, 151.9999962px);
}
.sec-watta .ft-note {
  text-align: center;
  margin-top: min(6.6666666667vw, 33.3333325px);
  font-size: min(2.6666666667vw, 13.333333px);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.3;
}
.sec-watta .ft-logo {
  width: min(46.9333333333vw, 234.6666608px);
  margin: min(13.3333333333vw, 66.666665px) auto 0;
}
.sec-watta.in-view .watta-ttl {
  animation: bounceIn 0.8s 0.6s both;
}
.sec-watta.in-view .chara-01 img {
  animation: illustAnim01 2s linear infinite;
}
.sec-watta.in-view .chara-02 img {
  animation: illustAnim02 2s linear 0.5s infinite;
}
.sec-watta.in-view .chara-03 img {
  animation: illustAnim02 2s linear 0.3s infinite;
}
.sec-watta.in-view .chara-04 img {
  animation: illustAnim03 2s linear 1s infinite;
}
.sec-watta.in-view .chara-05 img {
  animation: illustAnim01 2s linear 1.6s infinite;
}

/* =========================================================
modal
========================================================= */
.modal-block {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal-block::-webkit-scrollbar {
  display: none;
}
.modal-block .modal-bg {
  width: 100vw;
  height: 150vh;
  background: #f6f3d9;
  opacity: 0.4;
  position: fixed;
  top: 0;
  left: 0;
}
.modal-block .modal-container {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
  background: #f9f5dc;
  padding-bottom: 200px;
}
@media (min-width: 769px) {
  .modal-block .modal-container {
    padding-bottom: 140px;
  }
}
@media (min-width: 769px) {
  .modal-block .modal-container .fix-foot {
    display: none;
  }
}
.modal-block .modal-container::before, .modal-block .modal-container::after {
  z-index: 80;
  content: "";
  width: 26px;
  height: 100%;
  position: fixed;
  top: 0;
  background: #e2047f;
  -webkit-mask: url(../images_new/modal-wave.svg) left top/26px repeat-y;
  mask: url(../images_new/modal-wave.svg) left top/26px repeat-y;
}
.modal-block .modal-container::before {
  left: 0;
}
@media screen and (min-width: 500px) {
  .modal-block .modal-container::before {
    left: 50%;
    margin-left: -250px;
  }
}
.modal-block .modal-container::after {
  right: 0;
  scale: -1 1;
}
@media screen and (min-width: 500px) {
  .modal-block .modal-container::after {
    right: 50%;
    margin-right: -250px;
  }
}
.modal-block.type1 .modal-container::before {
  background: #3280c3;
}
.modal-block.type2 .modal-container::before, .modal-block.type2 .modal-container::after {
  background: #f36e00;
}
.modal-block.type2 .modal-wrap:nth-last-child(-n + 6) {
  display: block;
}
.modal-block .modal-close1 {
  position: fixed;
  top: 25px;
  right: 20px;
  display: block;
  width: min(14.1333333333vw, 70.6666649px);
  height: min(14.1333333333vw, 70.6666649px);
  background: url(../images_new/btn-close1.svg) right center/min(14.1333333333vw, 70.6666649px) no-repeat;
  z-index: 81;
}
@media screen and (min-width: 500px) {
  .modal-block .modal-close1 {
    right: 50%;
    margin-right: -240px;
  }
}
.modal-block .modal-wrap {
  position: relative;
  margin: 0 auto;
  padding-top: 100px;
}
.modal-list01 .modal-wrap:nth-last-child(-n + 6) {
  display: none;
}
.modal-list02 .modal-wrap:nth-last-child(-n + 7) {
  display: none;
}
.modal-list03 .modal-wrap:nth-last-child(-n + 6) {
  display: none;
}
.modal-block .modal-wrap + .modal-wrap {
  padding-top: min(11.2vw, 55.9999986px);
}
.modal-block .modal-cont {
  position: relative;
  background: #f9f5dc;
}
.modal-block .modal-cont .cont-wrap {
  position: relative;
  width: 90%;
  max-width: min(77.3333333333vw, 386.666657px);
  margin: 0 auto;
}
.modal-block .modal-cont .cont-wrap .img-wrap {
  position: relative;
}
.modal-block .modal-cont .cont-wrap .img-wrap.slick-dotted::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #f9f5dc;
  z-index: 2;
}
.modal-block .modal-cont .cont-wrap .img-wrap .img-slider {
  position: relative;
}
.modal-block .modal-cont .cont-wrap .img-wrap .slick-dots {
  position: absolute;
  display: flex;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  gap: 14px;
  justify-content: center;
}
.modal-block .modal-cont .cont-wrap .img-wrap .slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #f36e00;
  border-radius: 100%;
}
.modal-block .modal-cont .cont-wrap .img-wrap .slick-dots li.slick-active button {
  background: #f36e00;
}
.modal-block .modal-cont .cont-wrap .text-wrap {
  margin-top: min(5.3333333333vw, 26.666666px);
  padding: min(5.3333333333vw, 26.666666px) 0;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-align: center;
}
.modal-block .modal-cont .cont-wrap .text-wrap .shop {
  color: #f36e00;
  font-size: min(3.2vw, 15.9999996px);
  margin-bottom: min(2.6666666667vw, 13.333333px);
}
.modal-block .modal-cont .cont-wrap .text-wrap .item {
  font-size: min(3.2vw, 15.9999996px);
}
.modal-block .modal-cont .cont-wrap .text-wrap .price {
  margin-top: min(3.7333333333vw, 18.6666662px);
  font-size: min(3.2vw, 15.9999996px);
  color: #5f5f5f;
}
.modal-block .modal-cont .cont-wrap .text-wrap .text {
  margin-top: min(5.3333333333vw, 26.666666px);
  font-size: min(2.6666666667vw, 13.333333px);
  line-height: 1.7;
  color: #5f5f5f;
  text-align: left;
}
.modal-block .modal-cont .cont-wrap .text-wrap .area {
  font-size: min(2.6666666667vw, 13.333333px);
  margin-top: min(4vw, 19.9999995px);
  text-align: left;
  color: #000000;
}
.modal-block .modal-cont .cont-wrap .item-top-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-block .modal-cont .cont-wrap .item-top-box .item-img {
  width: calc(130 / 280 * 100%);
}
.modal-block .modal-cont .cont-wrap .item-top-box .item-info {
  width: calc(140 / 280 * 100%);
}
.modal-block .modal-cont .cont-wrap .item-top-box .item-info .ranking-ico {
  width: min(8vw, 39.999999px);
}
.modal-block .modal-cont .cont-wrap .item-top-box .item-info .ranking-ico img {
  width: 100%;
}
.modal-block .modal-cont .cont-wrap .item-top-box .item-info .item-name {
  margin-top: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 16px;
  text-align: left;
  color: #000;
}
.modal-block .modal-cont .cont-wrap .item-top-box .item-info .item-price {
  margin-top: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 16px;
  text-align: left;
  color: #000;
}
.modal-block .modal-cont .cont-wrap .item-bottom-box {
  margin-top: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
}
.modal-block .modal-cont .cont-wrap .item-bottom-box .item-text {
  margin-top: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: min(2.6666666667vw, 13.333333px);
  line-height: 1.7;
  color: #5f5f5f;
}
.modal-block .modal-cont .cont-wrap .item-bottom-box .item-area {
  font-size: min(2.6666666667vw, 13.333333px);
  margin-top: min(1.3333333333vw, 6.6666665px);
  text-align: left;
  color: #000000;
}
.modal-block .modal-cont .cont-wrap.list05 .img-wrap.slick-dotted::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #f9f5dc;
  z-index: 2;
}
.modal-block .modal-cont .cont-wrap.list05 .img-wrap .slick-dots {
  position: absolute;
  z-index: 10;
  top: min(80vw, 399.99999px);
  bottom: auto;
}
.modal-block .modal-cont .cont-wrap.list05 .text-wrap {
  margin-top: min(6.6666666667vw, 33.3333325px);
}
.modal-block .modal-cont .cont-wrap.list05 .text-wrap .shop {
  padding-bottom: 15px;
  border-bottom: 1px solid #f36e00;
}
.modal-block .modal-cont .cont-wrap.list05.first {
  padding-top: 100px;
}
.modal-block .modal-cont .cont-wrap.list05 .illust1 {
  z-index: 2;
  position: absolute;
  top: max(-8vw, -39.999999px);
  left: min(2.6666666667vw, 13.333333px);
  width: min(64vw, 319.999992px);
}
.modal-block .modal-cont .cont-wrap.list05 .illust1 img {
  width: 100%;
}
.modal-block .modal-cont .cont-wrap.list05 .illust1.in-view {
  animation: fadeIn 2.4s forwards, illustAnim01 2s 2.4s infinite;
}
.modal-block .modal-cont .cont-wrap.list05 .illust2 {
  z-index: 1;
  position: absolute;
  top: max(-4vw, -19.9999995px);
  left: min(42.6666666667vw, 213.333328px);
  width: min(23.2vw, 115.9999971px);
}
.modal-block .modal-cont .cont-wrap.list05 .illust2.in-view {
  animation: fadeIn 2.4s forwards, illustAnim01 2s 2.4s infinite;
}
.modal-block .modal-cont .js-imgslider .slick-arrow {
  z-index: 10;
  position: absolute;
  top: min(34.6666666667vw, 173.333329px);
  width: min(11.7333333333vw, 58.6666652px);
  display: block;
}
.modal-block .modal-cont .js-imgslider .slick-arrow img {
  width: 100%;
}
.modal-block .modal-cont .js-imgslider .slick-prev {
  left: max(-6.6666666667vw, -33.3333325px);
}
.modal-block .modal-cont .js-imgslider .slick-next {
  right: max(-6.6666666667vw, -33.3333325px);
}
@media screen and (min-width: 500px) {
  .modal-block .modal-cont .js-imgslider .slick-prev {
    left: max(-4.8vw, -23.9999994px);
  }
  .modal-block .modal-cont .js-imgslider .slick-next {
    right: max(-4.8vw, -23.9999994px);
  }
}
.modal-block .modal-close {
  position: relative;
  display: block;
  margin: min(2.6666666667vw, 13.333333px) 0 0 auto;
  width: min(7.4666666667vw, 37.3333324px);
  height: min(7.4666666667vw, 37.3333324px);
  background: url(../images_new/btn-close.svg) right center/min(7.4666666667vw, 37.3333324px) no-repeat;
  z-index: 1;
}
.modal-block .modal-prev {
  z-index: 81;
  position: fixed;
  top: 50%;
  width: min(11.7333333333vw, 58.6666652px);
  display: block;
  left: max(0.8vw, 3.9999999px);
}
.modal-block .modal-next {
  z-index: 81;
  position: fixed;
  top: 50%;
  width: min(11.7333333333vw, 58.6666652px);
  display: block;
  right: max(0.8vw, 3.9999999px);
}
@media screen and (min-width: 500px) {
  .modal-block .modal-prev {
    left: 50%;
    margin-left: -245px;
  }
  .modal-block .modal-next {
    right: 50%;
    margin-right: -260px;
  }
}
.modal-block.shop-modal-block .modal-container {
  padding-top: min(18.6666666667vw, 93.333331px);
}
.modal-block.shop-modal-block .modal-container .modal-shop-name {
  font-family: "ta-kasanemarugo", sans-serif;
  letter-spacing: 0.06em;
  text-align: center;
  color: #e44518;
  font-size: min(6.4vw, 31.9999992px);
  margin-top: 15px;
}
.modal-block.shop-modal-block .modal-container .modal-shop-floor {
  margin-top: 5px;
  font-family: "ta-kasanemarugo", sans-serif;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-align: center;
  color: #e44518;
  font-size: min(4.2666666667vw, 21.3333328px);
}
.modal-block.shop-modal-block .modal-container .modal-illust1 {
  z-index: 2;
  position: absolute;
  top: max(5.8666666667vw, 29.3333326px);
  left: min(8vw, 39.999999px);
  width: min(18.6666666667vw, 93.333331px);
  opacity: 0;
}
@media screen and (min-width: 500px) {
  .modal-block.shop-modal-block .modal-container .modal-illust1 {
    top: max(2.1333333333vw, 10.6666664px);
    left: min(8vw, 39.999999px);
  }
}
.modal-block.shop-modal-block .modal-container .modal-illust2 {
  z-index: 2;
  position: absolute;
  top: max(23.4666666667vw, 117.3333304px);
  right: min(8vw, 39.999999px);
  width: min(17.6vw, 87.9999978px);
}
@media screen and (min-width: 500px) {
  .modal-block.shop-modal-block .modal-container .modal-illust2 {
    top: max(9.3333333333vw, 46.6666655px);
  }
}
.modal-block.shop-modal-block .modal-wrap {
  padding-top: 0;
  display: block;
}
.modal-block.shop-modal-block .modal-wrap .cont-wrap {
  margin-top: 35px;
  width: 70%;
}
.modal-block.shop-modal-block .modal-wrap .cont-wrap.row-reverse .item-top-box {
  flex-direction: row-reverse;
}
.modal-block.shop-modal-block .modal-wrap .other-ttl {
  width: min(65.3333333333vw, 326.6666585px);
  margin: min(12vw, 59.9999985px) auto 0 auto;
}
.modal-block.shop-modal-block .modal-prev img {
  width: 100%;
}
.modal-block.shop-modal-block .modal-next img {
  width: 100%;
}

.modal-list02 .modal-container::before, .modal-list02 .modal-container::after {
  background: #3280c3;
}

.modal-list03 .modal-container::before, .modal-list03 .modal-container::after {
  background: #49438e;
}

.modal-chara .modal-container::before, .modal-chara .modal-container::after {
  background: #f36e00;
}

.modal-chara.modal-block .modal-wrap:nth-last-child(-n + 6) {
  display: block;
}

.fix-foot {
  z-index: 74;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 116px;
  background-repeat: repeat-x;
  background-size: 570px 100px;
  animation: loop 20s linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: url(../images_new/chara.webp);
}
@media (min-width: 769px) {
  .fix-foot {
    z-index: 100;
  }
}
.fix-foot.jump {
  background-image: url(../images_new/jump.png);
}
.fix-foot::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(../images_new/ft-deco.svg) center bottom/22px repeat-x;
}

.sp-header {
  position: fixed;
  top: 40px;
  width: calc(100% - 25px);
  height: 47px;
  max-width: 450px;
  display: flex;
  justify-content: center;
  margin-left: 13px;
  z-index: 88;
}
.sp-header .sp-gnav-list {
  background: #e44519;
  border: 3px solid #fff;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.sp-header .sp-gnav-list li {
  margin-left: 15px;
  padding-bottom: 3px;
}
.sp-header .sp-gnav-list li:first-child {
  margin-left: 0;
}
.sp-header .sp-gnav-list li a {
  font-family: "ta-kasanemarugo", sans-serif;
  font-size: 11px;
  line-height: 1;
  padding-bottom: 2px;
  color: #fff;
}
@media screen and (min-width: 1000px) {
  .sp-header {
    display: none;
  }
}

@keyframes loop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -570px 0;
  }
}