@charset "UTF-8";
/* color
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
@media only screen and (max-width: 960px) {
  /* vw
     ================================================*/
  /* vh
  ================================================*/
  /*============================================================================================ INSIDE CUP NOODLE */
  .inside {
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー kv */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article common */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article 01 */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article 02 */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article 03 */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー article 04 */
    /*============================================================================================ 01 */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー topping */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー cup */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー material */
    /*============================================================================================ 02 */
    /*============================================================================================ 03 */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー nutrition */
    /*============================================================================================ 04 */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー inside menuSp */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー num */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー inside__01--contentsText--anime */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー sp hover off */
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー inside top04 active */
  }
  .inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader {
    gap: 0.5333333333vw;
  }
  .inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader > span {
    font-size: 30px;
    font-size: 8vw;
  }
  .inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader .inside__topkv--ruby {
    bottom: calc(100% + 1.0666666667vw);
  }
  .inside .inside__topkv .inside__topkv--text .inside__topkv--text--leader .inside__topkv--ruby > span {
    font-size: 10px;
    font-size: 2.6666666667vw;
    letter-spacing: 0.65em;
  }
  .inside .inside__topkv .inside__topkv--text .inside__topkv--text--sub {
    width: 80vw;
  }
  .inside .inside__topkv .inside__topkv--text .inside__topkv--text--sub > span {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .inside .inside__article--leader .inside__article--leader--text li {
    padding-left: 1.3333333333vw;
    padding-right: 1.3333333333vw;
  }
  .inside .inside__article--leader .inside__article--leader--text li .zenFont {
    white-space: nowrap;
    font-size: 25px;
    font-size: 6.6666666667vw;
  }
  .inside .inside__article--leader--num .zenFont {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
  .inside .inside__underlineTextAnime .inside__underlineTextAnime--items > span {
    font-size: 17px;
    font-size: 4.5333333333vw;
  }
  .inside .btn.btn--s .btn--text.zenFont {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
  .inside .btn--text.zenFont {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
  .inside .btnArrow .zenFont {
    font-size: 15px;
    font-size: 4vw;
  }
  .inside .top01__noodle--contents--btn > li > .zenFont {
    top: 120%;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .inside .inside__article .top01__noodle .top01__noodle--contents .top01__noodle--contents--btn > li:nth-child(4) {
    left: 62%;
  }
  .inside .inside__article--top02--movie .zenFont {
    font-size: 15px;
    font-size: 4vw;
  }
  .inside .blance__title .zenFont {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(1) .zenFont {
    font-size: 30px;
    font-size: 8vw;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(2) .zenFont {
    font-size: 7.5px;
    font-size: 2vw;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(3) .zenFont {
    font-size: 7.5px;
    font-size: 2vw;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(4) {
    top: 33.8308457711%;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(4) .zenFont {
    font-size: 15.75px;
    font-size: 4.2vw;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(5) .zenFont {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(6) .zenFont {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(7) {
    top: 63.184079602%;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(7) .zenFont {
    font-size: 14.75px;
    font-size: 3.9333333333vw;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(8) {
    bottom: 0;
  }
  .inside .inside__article .inside__article--top04--faq > ul > li:nth-child(8) .zenFont {
    font-size: 28.5px;
    font-size: 7.6vw;
  }
  .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: 15px;
    font-size: 4vw;
  }
  .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: 19px;
    font-size: 5.0666666667vw;
  }
  .inside .inside__chara .zenFont {
    font-size: 24px;
    font-size: 6.4vw;
    line-height: 1.4;
  }
  .inside .inside--h3.zenFont {
    font-size: 19px;
    font-size: 5.0666666667vw;
  }
  .inside .inside__01--contentsText > .zenFont.inside__marginauto {
    width: 82.6666666667vw;
    font-size: 17px;
    font-size: 4.5333333333vw;
  }
  .inside .inside__01--contentsNav--list .zenFont {
    font-size: 19px;
    font-size: 5.0666666667vw;
  }
  .inside .btn--back .zenFont {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .inside .inside__01--contentsTitle.zenFont {
    font-size: 32px;
    font-size: 8.5333333333vw;
  }
  .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(2) {
    bottom: 15.5%;
  }
  .inside.topping .topping__open.seafood .inside__01--noodle--btn > li:nth-child(5) {
    bottom: 26.5%;
  }
  .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--title.zenFont {
    font-size: 30px;
    font-size: 8vw;
  }
  .inside .insidemodal.insidemodal__topping .insidemodal__contents .insidemodal__contents--main .insidemodal__topping--title.zenFont .toppingSub {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
  .inside.cup .innerTips > dl > dd > ul > li {
    margin-right: 1.0666666667vw;
    padding-right: 6.6666666667vw;
  }
  .inside.cup .innerTips > dl > dd > ul > li > span.text {
    font-size: 18px;
    font-size: 4.8vw;
  }
  .inside .capLeader .zenFont,
  .inside .boxLeader .zenFont {
    font-size: 19px;
    font-size: 5.0666666667vw;
    margin-bottom: 4.8vw;
  }
  .inside .packageStep--title.zenFont {
    font-size: 17px;
    font-size: 4.5333333333vw;
  }
  .inside .boxLeader .zenFont {
    font-size: 24px;
    font-size: 6.4vw;
  }
  .inside.material .inside__01--contentsTitle.zenFont {
    font-size: 28px;
    font-size: 7.4666666667vw;
    text-align: center;
    line-height: 1.1;
  }
  .inside.inside__02 .inside__article--top02--movie .zenFont {
    font-size: 15px;
    font-size: 4vw;
    letter-spacing: 0;
  }
  .inside .inside__03--checker--main--start .inside__03--checker--title {
    top: -5.8666666667vw;
  }
  .inside .inside__03--checker--main--start .inside__03--checker--title > span.zenFont {
    font-size: 19px;
    font-size: 5.0666666667vw;
    padding-left: 1.3333333333vw;
    padding-right: 1.3333333333vw;
    line-height: 1.3;
  }
  .inside .result__main .resultDl .zenFont {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
  .inside .insidemodal .inside--h3.zenFont {
    line-height: 1.3;
  }
  .inside .graph__catagory--title dt .zenFont {
    font-size: 10px;
    font-size: 2.6666666667vw;
  }
  .inside .graph__catagory--title dd .zenFont {
    font-size: 15px;
    font-size: 4vw;
  }
  .inside .result__selectedItems--recommend .inside__lineDot--text.inside__03--checker--title {
    top: -3.4666666667vw;
  }
  .inside .result__selectedItems--recommend .inside__lineDot--text.inside__03--checker--title .zenFont {
    font-size: 15px;
    font-size: 4vw;
    white-space: nowrap;
  }
  .inside .insidemodal__how--section .inside--h4 .zenFont {
    font-size: 16px;
  }
  .inside .insidemodal__select--btn.insidemodal__select--btn--2 .btn--text.zenFont {
    font-size: 19px;
    font-size: 5.0666666667vw;
  }
  .inside .inside__03--effort .btn--text.zenFont {
    font-size: 15px;
    font-size: 4vw;
    white-space: nowrap;
  }
  .inside.nutrition .inside__01--contentsTitle.zenFont {
    font-size: 28px;
    font-size: 7.4666666667vw;
  }
  .inside .nutrition__contents .textLarge {
    margin-left: 0.5333333333vw;
    margin-right: 0.5333333333vw;
  }
  .inside .nutrition__contents--1 .inside__borderGray dl > dt {
    margin-bottom: 4vw;
  }
  .inside .nutrition__contents--1 .inside__borderGray .zenFont {
    font-size: 18px;
    font-size: 4.8vw;
  }
  .inside .nutrition__contents--1 .inside__borderGray .zenFont .textLarge {
    font-size: 35px;
    font-size: 9.3333333333vw;
  }
  .inside .nutrition__contents--2 .inside__borderGray:nth-of-type(1) .zenFont {
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 1.1;
  }
  .inside .nutrition__contents--2 .inside__borderGray:nth-of-type(1) .zenFont .textLarge {
    font-size: 24px;
    font-size: 6.4vw;
  }
  .inside .nutrition__contents--2 .inside__borderGray:nth-of-type(2) .zenFont {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
  .inside .nutrition__contents--2 .inside__borderGray:nth-of-type(2) .zenFont .textLarge {
    font-size: 22px;
    font-size: 5.8666666667vw;
  }
  .inside.inside__04 .inside__01--contentsText .zenFont.inside__marginauto {
    letter-spacing: -0.04em;
  }
  .inside .inside__menuSp .btn--back .zenFont {
    font-size: 26px;
    font-size: 6.9333333333vw;
    letter-spacing: 0.05em;
  }
  .inside .inside__menuSp .inside__01--contentsNav--list .zenFont {
    font-size: 15px;
    font-size: 4vw;
  }
  .inside .inside__menuSp .btnArrow .zenFont {
    text-align: left;
  }
  .inside .inside__menuSp .inside__article--top02--movie .zenFont {
    font-size: 11px;
    font-size: 2.9333333333vw;
    white-space: nowrap;
  }
  .inside .inside__menuSp .inside__menuSp--contents--03 .btnArrow .zenFont {
    letter-spacing: -0.01em;
  }
  .inside .numList--target {
    height: 14.6666666667vw;
    font-size: 70px;
    font-size: 18.6666666667vw;
    line-height: 13.3333333333vw;
  }
  .inside .inside__article--leader--num > dt > span,
  .inside .inside__article--leader--num > div > span {
    width: 9.3333333333vw;
    height: 14.6666666667vw;
  }
  .inside.inside__01--inner .inside__article--leader .inside__article--leader--num > div > span {
    width: 5.0666666667vw;
    height: 9.0666666667vw;
  }
  .inside.inside__01--inner .inside__article--leader .inside__article--leader--num > div > span .numList--target {
    height: 9.0666666667vw;
    font-size: 38px;
    font-size: 10.1333333333vw;
    line-height: 9.0666666667vw;
  }
  .inside .insidemodal.insidemodal__how .insidemodal__contents .insidemodal__contents--main .inside__article--leader--num > div > span {
    width: 3.2vw;
    height: 5.3333333333vw;
  }
  .inside .insidemodal__how--section .numList--target {
    height: 5.3333333333vw;
    font-size: 23px;
    font-size: 6.1333333333vw;
    line-height: 5.0666666667vw;
  }
  .inside .inside__menuSp .numList--target {
    height: 10.9333333333vw;
    font-size: 47px;
    font-size: 12.5333333333vw;
    line-height: 9.8666666667vw;
  }
  @-webkit-keyframes textAnime--2025 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-41.3333333333vw, 0, 0);
              transform: translate3d(-41.3333333333vw, 0, 0);
    }
  }
  @keyframes textAnime--2025 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-41.3333333333vw, 0, 0);
              transform: translate3d(-41.3333333333vw, 0, 0);
    }
  }
  .inside .animeList li {
    width: 41.3333333333vw;
  }
  .inside .animeList li p {
    font-size: 13px;
    font-size: 3.4666666667vw;
  }
  .inside .btn a:hover .btn--text.zenFont, .inside .btn a:active .btn--text.zenFont {
    color: #ff0000;
  }
  .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;
  }
  /* ============================================================================================ breadcrumbs */
  .inside {
    /*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー inside__article leader */
  }
  .inside .breadcrumbs__wrapper {
    height: 5.8666666667vw;
    line-height: 4.2666666667vw;
    top: -1.7333333333vw;
    border-width: 0 0 0.8vw 0.8vw;
  }
  .inside .breadcrumbs__title {
    font-size: 2.4vw;
    padding: 0.5333333333vw 2.6666666667vw;
  }
  .inside a.breadcrumbs__link::before, .inside a.breadcrumbs__link::after {
    width: 1.3333333333vw;
    height: 0.4vw;
    top: 56%;
  }
  .inside a.breadcrumbs__link::before {
    -webkit-transform: translate(25%, -25%) rotate(45deg);
            transform: translate(25%, -25%) rotate(45deg);
  }
  .inside a.breadcrumbs__link::after {
    -webkit-transform: translate(25%, -75%) rotate(-45deg);
            transform: translate(25%, -75%) rotate(-45deg);
  }
  .inside a.breadcrumbs__link .breadcrumbs__title {
    text-decoration-thickness: 0.2666666667vw;
    padding-top: 1.0666666667vw;
  }
  .inside .breadcrumbs__target:last-child {
    max-width: 22.6666666667vw;
  }
  .inside .breadcrumbs__target:last-child .breadcrumbs__title {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .inside .breadcrumbs__target > .breadcrumbs__title {
    display: inline;
  }
  .inside .inside__article--leader .btn--back {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.8vw 2.1333333333vw;
  }
  .inside .inside__article--leader .inside__article--leader--num {
    margin-left: auto;
    margin-top: auto;
    -webkit-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
  }
  .inside.nutrition .inside__article--leader {
    padding-top: 8.5vw;
    padding-bottom: 16vw;
  }
  .inside .inside__article--leader--num > dt > span, .inside .inside__article--leader--num > div > span {
    width: 8vw;
  }
  .inside .numList--target {
    font-size: 15vw;
  }
  .inside.inside__01.inside__01--inner .inside__article--leader {
    padding-top: 7.5vw;
  }
}