@charset "UTF-8";
/* color
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* defult
=================================================================== */
.chara {
  display: block;
  padding-top: 100%;
  background-repeat: no-repeat;
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}
.chara.chara--a {
  background-position-y: 0;
}
.chara.chara--b {
  background-position-y: 50%;
}
.chara.chara--c {
  background-position-y: 100%;
}
.chara.active {
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
}

@-webkit-keyframes animeX--2 {
  to {
    background-position-x: 40%;
  }
}

@keyframes animeX--2 {
  to {
    background-position-x: 40%;
  }
}
@-webkit-keyframes animeX--3 {
  to {
    background-position-x: 60%;
  }
}
@keyframes animeX--3 {
  to {
    background-position-x: 60%;
  }
}
@-webkit-keyframes animeX--4 {
  to {
    background-position-x: 80%;
  }
}
@keyframes animeX--4 {
  to {
    background-position-x: 80%;
  }
}
@-webkit-keyframes animeX--5 {
  to {
    background-position-x: 100%;
  }
}
@keyframes animeX--5 {
  to {
    background-position-x: 100%;
  }
}
@-webkit-keyframes animeX--6 {
  to {
    background-position-x: 120%;
  }
}
@keyframes animeX--6 {
  to {
    background-position-x: 120%;
  }
}
@-webkit-keyframes animeX--6d {
  to {
    background-position-x: 120%;
  }
}
@keyframes animeX--6d {
  to {
    background-position-x: 120%;
  }
}
@-webkit-keyframes animeX--7 {
  to {
    background-position-x: 150%;
  }
}
@keyframes animeX--7 {
  to {
    background-position-x: 150%;
  }
}
@-webkit-keyframes animecup {
  to {
    -webkit-transform: translateX(-92.8%);
            transform: translateX(-92.8%);
  }
}
@keyframes animecup {
  to {
    -webkit-transform: translateX(-92.8%);
            transform: translateX(-92.8%);
  }
}
/*kvCharaAnime
ーーーーーーーーーーーーーーーーーーーーーーーー */
@-webkit-keyframes kvCharaAnime {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  10% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  40% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  50% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  60% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -50%);
            transform: scale(0.9, 1.2) translate(0%, -50%);
  }
  75% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -20%);
            transform: scale(0.9, 1.2) translate(0%, -20%);
  }
  85% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes kvCharaAnime {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  10% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  40% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  50% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  60% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -50%);
            transform: scale(0.9, 1.2) translate(0%, -50%);
  }
  75% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -20%);
            transform: scale(0.9, 1.2) translate(0%, -20%);
  }
  85% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@-webkit-keyframes kvCharaAnimeMax {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  10% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  40% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  50% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  60% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -100%);
            transform: scale(0.9, 1.2) translate(0%, -100%);
  }
  75% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -20%);
            transform: scale(0.9, 1.2) translate(0%, -20%);
  }
  85% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes kvCharaAnimeMax {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  10% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  40% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  50% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  60% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -100%);
            transform: scale(0.9, 1.2) translate(0%, -100%);
  }
  75% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -20%);
            transform: scale(0.9, 1.2) translate(0%, -20%);
  }
  85% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
/*CharaAnime
ーーーーーーーーーーーーーーーーーーーーーーーー */
@-webkit-keyframes anime-Run {
  0% {
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
  }
}
@keyframes anime-Run {
  0% {
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
  }
}
@-webkit-keyframes anime-Rotate {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  5% {
    -webkit-transform: translate(10%, 0%) rotate(10deg);
            transform: translate(10%, 0%) rotate(10deg);
  }
  25% {
    -webkit-transform: translate(20%, 0%) rotate(20deg);
            transform: translate(20%, 0%) rotate(20deg);
  }
  30% {
    -webkit-transform: translate(-10%, 0%) rotate(-10deg);
            transform: translate(-10%, 0%) rotate(-10deg);
  }
  35% {
    -webkit-transform: translate(-15%, 0%) rotate(-15deg);
            transform: translate(-15%, 0%) rotate(-15deg);
  }
  45% {
    -webkit-transform: translate(10%, 0%) rotate(10deg);
            transform: translate(10%, 0%) rotate(10deg);
  }
  50% {
    -webkit-transform: translate(15%, 0%) rotate(15deg);
            transform: translate(15%, 0%) rotate(15deg);
  }
  60% {
    -webkit-transform: translate(-5%, 0%) rotate(-5deg);
            transform: translate(-5%, 0%) rotate(-5deg);
  }
  65% {
    -webkit-transform: translate(-7%, 0%) rotate(-7deg);
            transform: translate(-7%, 0%) rotate(-7deg);
  }
  75% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@keyframes anime-Rotate {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  5% {
    -webkit-transform: translate(10%, 0%) rotate(10deg);
            transform: translate(10%, 0%) rotate(10deg);
  }
  25% {
    -webkit-transform: translate(20%, 0%) rotate(20deg);
            transform: translate(20%, 0%) rotate(20deg);
  }
  30% {
    -webkit-transform: translate(-10%, 0%) rotate(-10deg);
            transform: translate(-10%, 0%) rotate(-10deg);
  }
  35% {
    -webkit-transform: translate(-15%, 0%) rotate(-15deg);
            transform: translate(-15%, 0%) rotate(-15deg);
  }
  45% {
    -webkit-transform: translate(10%, 0%) rotate(10deg);
            transform: translate(10%, 0%) rotate(10deg);
  }
  50% {
    -webkit-transform: translate(15%, 0%) rotate(15deg);
            transform: translate(15%, 0%) rotate(15deg);
  }
  60% {
    -webkit-transform: translate(-5%, 0%) rotate(-5deg);
            transform: translate(-5%, 0%) rotate(-5deg);
  }
  65% {
    -webkit-transform: translate(-7%, 0%) rotate(-7deg);
            transform: translate(-7%, 0%) rotate(-7deg);
  }
  75% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
}
@-webkit-keyframes anime-Puru {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  20% {
    -webkit-transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
            transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
  }
  50% {
    -webkit-transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
            transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
  }
  65% {
    -webkit-transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
            transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
  }
  80% {
    -webkit-transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
            transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes anime-Puru {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  20% {
    -webkit-transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
            transform: scale(1, 1.06) translate(-5%, -4%) skew(6deg, 0deg);
  }
  50% {
    -webkit-transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
            transform: scale(1, 0.94) translate(5%, 4%) skew(-6deg, 0deg);
  }
  65% {
    -webkit-transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
            transform: scale(1, 1.03) translate(2%, -2%) skew(-3deg, 0deg);
  }
  80% {
    -webkit-transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
            transform: scale(1, 0.97) translate(-2%, 2%) skew(3deg, 0deg);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@-webkit-keyframes anime-Jump {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  5% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  20% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  25% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  30% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -50%);
            transform: scale(0.9, 1.2) translate(0%, -50%);
  }
  37% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -20%);
            transform: scale(0.9, 1.2) translate(0%, -20%);
  }
  43% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  50% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes anime-Jump {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  5% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  20% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  25% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  30% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -50%);
            transform: scale(0.9, 1.2) translate(0%, -50%);
  }
  37% {
    -webkit-transform: scale(0.9, 1.2) translate(0%, -20%);
            transform: scale(0.9, 1.2) translate(0%, -20%);
  }
  43% {
    -webkit-transform: scale(1.2, 0.8) translate(0%, 15%);
            transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  50% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@-webkit-keyframes anime-Fly {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  25% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
  }
  50% {
    -webkit-transform: translate(0%, 10%);
            transform: translate(0%, 10%);
  }
  75% {
    -webkit-transform: translate(0%, -10%);
            transform: translate(0%, -10%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@keyframes anime-Fly {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  25% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);
  }
  50% {
    -webkit-transform: translate(0%, 10%);
            transform: translate(0%, 10%);
  }
  75% {
    -webkit-transform: translate(0%, -10%);
            transform: translate(0%, -10%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@-webkit-keyframes anime-Down {
  0% {
    -webkit-transform: scale(0.8, 1.4) translate(0%, -100%);
            transform: scale(0.8, 1.4) translate(0%, -100%);
    visibility: visible;
  }
  10% {
    -webkit-transform: scale(0.8, 1.4) translate(0%, -15%);
            transform: scale(0.8, 1.4) translate(0%, -15%);
  }
  20% {
    -webkit-transform: scale(1.4, 0.6) translate(0%, 30%);
            transform: scale(1.4, 0.6) translate(0%, 30%);
  }
  30% {
    -webkit-transform: scale(0.9, 1.1) translate(0%, -10%);
            transform: scale(0.9, 1.1) translate(0%, -10%);
  }
  40% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -30%);
            transform: scale(0.95, 1.2) translate(0%, -30%);
  }
  50% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -10%);
            transform: scale(0.95, 1.2) translate(0%, -10%);
  }
  60% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  70% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes anime-Down {
  0% {
    -webkit-transform: scale(0.8, 1.4) translate(0%, -100%);
            transform: scale(0.8, 1.4) translate(0%, -100%);
    visibility: visible;
  }
  10% {
    -webkit-transform: scale(0.8, 1.4) translate(0%, -15%);
            transform: scale(0.8, 1.4) translate(0%, -15%);
  }
  20% {
    -webkit-transform: scale(1.4, 0.6) translate(0%, 30%);
            transform: scale(1.4, 0.6) translate(0%, 30%);
  }
  30% {
    -webkit-transform: scale(0.9, 1.1) translate(0%, -10%);
            transform: scale(0.9, 1.1) translate(0%, -10%);
  }
  40% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -30%);
            transform: scale(0.95, 1.2) translate(0%, -30%);
  }
  50% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -10%);
            transform: scale(0.95, 1.2) translate(0%, -10%);
  }
  60% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  70% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@-webkit-keyframes anime-Visible {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    -webkit-transform: scale(0.9, 0.9) translate(0%, 5%);
            transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    -webkit-transform: scale(1.3, 0.8) translate(0%, 10%);
            transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    -webkit-transform: scale(0.8, 1.3) translate(0%, -10%);
            transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes anime-Visible {
  0% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    -webkit-transform: scale(0.9, 0.9) translate(0%, 5%);
            transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    -webkit-transform: scale(1.3, 0.8) translate(0%, 10%);
            transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    -webkit-transform: scale(0.8, 1.3) translate(0%, -10%);
            transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
            transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}
/* vw
================================================*/
/* vh
================================================*/
/*============================================================================================ INSIDE CUP NOODLE */
.inside {
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー zenfont */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー font-din-y90 */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー font kerning */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー header */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー kv */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article common */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article 01 */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article 02 */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article 03 */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article 04 */
  /*============================================================================================ 01 */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー topping */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー cup */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー material */
  /*============================================================================================ 02 */
  /*============================================================================================ 03 */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー nutrition */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー num */
  /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー inside__01--contentsText--anime */
}
.inside .zenFont {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 1;
}
.inside .font-din-y90 {
  font-family: "Oswald", sans-serif;
  -webkit-transform: scaleY(0.85);
          transform: scaleY(0.85);
}
.inside .ls--01 {
  letter-spacing: -0.1em;
}
.inside .ls--015 {
  letter-spacing: -0.15em;
}
.inside .ls--02 {
  letter-spacing: -0.2em;
}
.inside .ls--03 {
  letter-spacing: -0.3em;
}
.inside .ls--05 {
  letter-spacing: -0.5em;
}
.inside .ml--05 {
  display: inline-block;
  margin-left: -0.5em;
}
.inside .inside__header .inside__header--nav .inside__header--nav--list > li > a > p {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-indent: 0;
  height: auto;
  text-align: center;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.inside .inside__header .inside__header--nav .inside__header--nav--list > li > a > p::before, .inside .inside__header .inside__header--nav .inside__header--nav--list > li > a > p::after {
  content: none;
}
.inside .inside__header .inside__header--nav .inside__header--nav--list > li.selected > a .zenFont {
  color: #fff;
}
.inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
.inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader > span {
  text-indent: 0;
  height: auto;
  width: auto;
  background: none !important;
  font-size: 64px;
}
.inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader .inside__topkv--ruby {
  width: auto;
  right: 0;
}
.inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader .inside__topkv--ruby > span {
  text-indent: 0;
  height: auto;
  background: none;
  padding-top: 0;
  letter-spacing: 1.6em;
  font-size: 12px;
}
.inside .inside__topkv .inside__topkv--text .inside__topkv--text--sub {
  width: 639px;
}
.inside .inside__topkv .inside__topkv--text .inside__topkv--text--sub > span {
  text-indent: 0;
  height: auto;
  background: none;
  padding-top: 0;
  font-size: 26px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-left: 0.3em;
  white-space: nowrap;
  line-height: 1.5;
}
.inside .inside__article--leader .inside__article--leader--text li {
  padding-left: 10px;
  padding-right: 10px;
}
.inside .inside__article--leader .inside__article--leader--text li::after {
  z-index: -1;
}
.inside .inside__article--leader .inside__article--leader--text li .zenFont {
  color: #fff;
  font-size: 51px;
  line-height: 1.05;
}
.inside .inside__article--leader--num .zenFont {
  font-size: 19px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}
.inside .inside__article--leader--num.active > dd > .zenFont {
  opacity: 1;
}
.inside .inside__underlineTextAnime .inside__underlineTextAnime--items > span {
  text-indent: 0;
  background: none;
  font-size: 35px;
  white-space: nowrap;
  letter-spacing: 0.05em;
}
.inside .btn.btn--s .btn--text.zenFont {
  font-size: 22px;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.inside .btn--text.zenFont {
  font-size: 29px;
  letter-spacing: -0.05em;
}
.inside .btnArrow .zenFont {
  font-size: 19px;
  letter-spacing: 0.05em;
}
.inside .top01__noodle--contents--btn > li > .zenFont {
  position: absolute;
  top: 105%;
  left: 0;
  font-size: 13px;
  white-space: nowrap;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  letter-spacing: 0.05em;
  line-height: 2;
}
.inside .top01__noodle--contents--btn > li.active > .zenFont {
  opacity: 1;
}
.inside .inside__article--top02--movie .zenFont {
  font-size: 19px;
  text-align: center;
}
.inside .blance__title .zenFont {
  font-size: 19px;
}
.inside .inside__article .inside__article--top04--faq > ul > li > a > span {
  text-indent: 0;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  white-space: nowrap;
  position: relative;
  width: auto;
  height: auto;
}
.inside .inside__article .inside__article--top04--faq > ul > li > a > span::before, .inside .inside__article .inside__article--top04--faq > ul > li > a > span::after {
  content: none;
}
.inside .inside__article .inside__article--top04--faq > ul > li > a {
  padding-top: 0 !important;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(1) .zenFont {
  font-size: 77px;
  padding-bottom: 5px;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(2) .zenFont {
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(3) .zenFont {
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(4) .zenFont {
  font-size: 41px;
  padding-bottom: 5px;
  text-align: center;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(5) .zenFont {
  font-size: 34px;
  padding-bottom: 5px;
  text-align: center;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(6) .zenFont {
  font-size: 34px;
  padding-bottom: 5px;
  text-align: center;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(7) .zenFont {
  font-size: 38px;
  padding-bottom: 5px;
  text-align: center;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(8) {
  bottom: 4.9751243781%;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(8) .zenFont {
  font-size: 73px;
  padding-bottom: 5px;
  text-align: center;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(9) {
  bottom: 4.9751243781%;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(9) .zenFont {
  font-size: 40px;
  padding-left: 2px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(10) {
  bottom: 3.7313432836%;
}
.inside .inside__article .inside__article--top04--faq > ul > li:nth-child(10) .zenFont {
  font-size: 49px;
  padding-left: 2px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.inside .inside__chara .zenFont,
.inside .inside--h3.zenFont {
  text-align: center;
  font-size: 38px;
}
.inside .inside__01--contentsText > .zenFont.inside__marginauto {
  max-width: 810px;
  font-size: 33px;
  line-height: 1.5;
}
.inside .inside__01--contentsNav--list .zenFont {
  font-size: 22px;
  letter-spacing: 0.05em;
}
.inside .btn--back .zenFont {
  font-size: 19px;
}
.inside .inside__01--contentsTitle.zenFont {
  font-size: 60px;
  letter-spacing: 0.1em;
}
.inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--title.zenFont {
  font-size: 36px;
}
.inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--title.zenFont .toppingSub {
  display: block;
  font-size: 12px;
  letter-spacing: 0.2em;
  margin-top: 12px;
}
.inside.cup .innerTips > dl > dd > ul > li > span.text {
  text-indent: 0;
  width: auto !important;
  height: auto;
  background: none !important;
  font-size: 22px;
}
.inside .capLeader .zenFont,
.inside .boxLeader .zenFont {
  text-align: center;
  font-size: 44px;
  margin-bottom: 18px;
  white-space: nowrap;
}
.inside .packageStep--title.zenFont {
  font-size: 30px;
  text-align: center;
}
.inside.material .inside__01--contentsTitle.zenFont {
  white-space: nowrap;
  letter-spacing: 0.02em;
}
.inside.inside__02 .inside__article--top02--movie .zenFont {
  font-size: 24px;
  letter-spacing: 0.05em;
}
.inside .inside__03--checker--main--start .inside__03--checker--title {
  top: -100%;
}
.inside .inside__03--checker--main--start .inside__03--checker--title > span.zenFont {
  font-size: 26px;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
}
.inside .btn.btn__border.btn__bgRed .btn--text.zenFont {
  color: #fff;
}
.inside .result__main .resultDl .zenFont {
  font-size: 13px;
}
.inside .graph__catagory--title dt .zenFont {
  font-size: 11px;
}
.inside .graph__catagory--title dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.inside .graph__catagory--title dd .zenFont {
  font-size: 18px;
  color: #fff;
}
.inside .graph__catagory--kcal .graph__catagory--title dt .zenFont {
  color: #ed891e;
}
.inside .graph__catagory--protein .graph__catagory--title dt .zenFont {
  color: #f41a69;
}
.inside .graph__catagory--vegetable .graph__catagory--title dt .zenFont {
  color: #39ab4a;
}
.inside .result__selectedItems--recommend .inside__lineDot--text.inside__03--checker--title {
  top: -23px;
}
.inside .result__selectedItems--recommend .inside__lineDot--text.inside__03--checker--title .zenFont {
  font-size: 18px;
  color: #fff;
}
.inside .insidemodal__how--section .inside--h4 .zenFont {
  font-size: 26px;
}
.inside .insidemodal__select--btn.insidemodal__select--btn--2 .btn--text.zenFont {
  white-space: nowrap;
  font-size: 25px;
}
.inside.nutrition .inside__01--contentsTitle.zenFont {
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  line-height: 1.1;
}
.inside .nutrition__contents .inside__borderGray .zenFont {
  font-size: 17px;
  white-space: nowrap;
  text-align: center;
}
.inside .nutrition__contents .inside__borderGray .zenFont .textLarge {
  display: inline-block;
  font-size: 29px;
  margin-left: 2px;
  margin-right: 1px;
  letter-spacing: 0.03em;
  vertical-align: -3%;
}
.inside .numList {
  position: absolute;
  width: 100%;
  height: 500%;
  top: 0;
  left: 0;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.6s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.inside .numList--target {
  height: 116px;
  font-size: 120px;
  line-height: 105px;
  color: #ff0000;
}
.inside .inside__article--leader--num > dt > span:after,
.inside .inside__article--leader--num > div > span:after {
  display: none;
}
.inside .inside__article--leader--num.active > dt > span,
.inside .inside__article--leader--num.active > div > span {
  overflow: hidden;
}
.inside .inside__article--leader--num.active > dt > span.num--0 .numList,
.inside .inside__article--leader--num.active > div > span.num--0 .numList {
  top: 0;
}
.inside .inside__article--leader--num.active > dt > span.num--1 .numList,
.inside .inside__article--leader--num.active > div > span.num--1 .numList {
  top: -100%;
}
.inside .inside__article--leader--num.active > dt > span.num--2 .numList,
.inside .inside__article--leader--num.active > div > span.num--2 .numList {
  top: -200%;
}
.inside .inside__article--leader--num.active > dt > span.num--3 .numList,
.inside .inside__article--leader--num.active > div > span.num--3 .numList {
  top: -300%;
}
.inside .inside__article--leader--num.active > dt > span.num--4 .numList,
.inside .inside__article--leader--num.active > div > span.num--4 .numList {
  top: -400%;
}
.inside .inside__article--leader--num.active > dt > span.num--5 .numList,
.inside .inside__article--leader--num.active > div > span.num--5 .numList {
  top: -500%;
}
.inside .inside__article--leader--num > dt > span,
.inside .inside__article--leader--num > div > span {
  width: 61px;
}
.inside.inside__01--inner .inside__article--leader .inside__article--leader--num > div > span {
  width: 36px;
}
.inside.inside__01--inner .inside__article--leader .inside__article--leader--num > div > span .numList--target {
  height: 69px;
  font-size: 70px;
  line-height: 62px;
}
.inside .insidemodal__how--section .numList--target {
  height: 60px;
  font-size: 65px;
  line-height: 55px;
}
.inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .inside__article--leader--num > div > span:nth-child(1) {
  margin-right: 0;
}
@-webkit-keyframes textAnime--2025 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-255px, 0, 0);
            transform: translate3d(-255px, 0, 0);
  }
}
@keyframes textAnime--2025 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-255px, 0, 0);
            transform: translate3d(-255px, 0, 0);
  }
}
.inside .animeList {
  animation: textAnime--2025 5s linear infinite;
  -webkit-animation: textAnime--2025 5s linear infinite;
  white-space: nowrap;
  font-size: 0;
  text-align: left;
  position: absolute;
  top: 25%;
}
.inside .animeList li {
  display: inline-block;
  width: 255px;
}
.inside .animeList li p {
  font-size: 22px;
  color: #fff;
  letter-spacing: 0.08em;
}
.inside .animeList--reverse {
  animation-direction: reverse;
}

/* ============================================================================================ hover pc */
@media (hover: hover) and (pointer: fine) {
  .inside .inside__header .inside__header--nav .inside__header--nav--list > li:hover a > p, .inside .inside__header .inside__header--nav .inside__header--nav--list > li:active a > p {
    color: #fff;
  }
  .inside .btn a:hover .btn--text.zenFont, .inside .btn a:active .btn--text.zenFont {
    color: #fff;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:hover a > span, .inside .inside__article .inside__article--top04--faq > ul > li:active a > span {
    color: #fff;
  }
  .inside .btn.btn__border.btn__bgRed:hover .btn--text.zenFont, .inside .btn.btn__border.btn__bgRed:active .btn--text.zenFont {
    color: #ff0000;
  }
}
/* ============================================================================================ breadcrumbs */
.inside .breadcrumbs__wrapper {
  position: absolute;
  z-index: 12;
  top: 0;
  right: 0;
  border-width: 0 0 0.3660322108vw 0.3660322108vw;
  border-style: solid;
  border-color: #ff0000;
}
.inside .breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.inside .breadcrumbs__title {
  display: inline-block;
  height: 100%;
  font-size: 0.9516837482vw;
  padding: 0.3660322108vw 0.7320644217vw;
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inside a.breadcrumbs__link[aria-current=page]::before, .inside a.breadcrumbs__link[aria-current=page]::after {
  display: none;
}
.inside a.breadcrumbs__link {
  position: relative;
}
.inside a.breadcrumbs__link::before, .inside a.breadcrumbs__link::after {
  position: absolute;
  content: "";
  width: 0.5124450952vw;
  height: 0.1464128843vw;
  border-radius: 9999px;
  background-color: #ff0000;
  right: 0;
  top: 50%;
}
.inside a.breadcrumbs__link::before {
  -webkit-transform-origin: right 100%;
          transform-origin: right 100%;
  -webkit-transform: translate(25%, -50%) rotate(45deg);
          transform: translate(25%, -50%) rotate(45deg);
}
.inside a.breadcrumbs__link::after {
  -webkit-transform-origin: right 0%;
          transform-origin: right 0%;
  -webkit-transform: translate(25%, -50%) rotate(-45deg);
          transform: translate(25%, -50%) rotate(-45deg);
}
.inside a.breadcrumbs__link .breadcrumbs__title {
  text-decoration-line: underline;
  text-decoration-thickness: 0.1464128843vw;
  text-decoration-color: rgba(255, 255, 255, 0);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

@media (hover: hover) and (pointer: fine) {
  .inside a.breadcrumbs__link:hover .breadcrumbs__title, .inside a.breadcrumbs__link:active .breadcrumbs__title {
    text-decoration-color: #ff0000;
  }
}